* { }
.hidden {
display: none;
}
.invitations-for-slack-wrapper,
.invite-box-wrapper {
position: relative;
padding:0;
font-size: 15px;
}
.slackbadge_container {
position: relative;
font-size: 15px;
}
.invitations-for-slack-wrapper .team-numbers {
font-size: 12px;
display: inline-block;
padding: 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #8b8b8b;
}
.invitations-for-slack-wrapper .team-numbers {
position: relative;
background: #fafafa;
border: 1px solid #eeeeee;
}
.invitations-for-slack-wrapper .team-numbers:after, .invitations-for-slack-wrapper .team-numbers:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.invitations-for-slack-wrapper .team-numbers:after {
border-color: rgba(221, 221, 221, 0);
border-right-color: #fafafa;
border-width: 3px;
margin-top: -3px;
}
.invitations-for-slack-wrapper .team-numbers:before {
border-color: rgba(238, 238, 238, 0);
border-right-color: #eeeeee;
border-width: 4px;
margin-top: -4px;
}
.slackbadge_container .button,
.invitations-for-slack-wrapper .button,
.invite-box-wrapper .button {
background: #E14562;
color: #ffffff;
text-transform: none;
font-weight: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
}
.invitations-for-slack-wrapper .join-button {
font-size: 12px;
height: 25px;
padding: 0 10px 0 25px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin:0;
}
.invitations-for-slack-wrapper .join-button:after {
display: block;
width:16px;
height:16px;
background: url(//defensivesecurity.org/wp-content/plugins/invitations-for-slack/invitations-for-slack/assets/icon.svg);
background-size: contain;
content: ' ';
position: absolute;
left: 5px;
top: 80%;
transform: translateY(-100%);
}
.invitations-for-slack-wrapper .button:hover { background: #DFAA3A;
}
.slackbadge_container .invite-button,
.invite-box-wrapper .invite-button {
width: 100%;
}
.slackbadge_container .invite-button.ok,
.invite-box-wrapper .invite-button.ok {
background: #49C49F;
}
.slackbadge_container .invite-button.error,
.invite-box-wrapper .invite-button.error {
background: #DFAA3A;
}
.invite-box-wrapper {
position: absolute;
background: #fafafa;
border: 1px solid #eeeeee;
padding: 10px;
margin-top: 10px;
z-index:10;
}
.slackbadge_container .invite-box-wrapper {
margin-top:0;
}
.invite-box-wrapper a.invite-box-reset {
cursor: pointer;
}
.slackbadge_container .invite-button,
.invitations-for-slack-wrapper .invite-button {
margin-top: 10px;
text-transform: none;
}
.invite-box-wrapper:after, .invite-box-wrapper:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.invite-box-wrapper:after {
border-color: rgba(221, 221, 221, 0);
border-bottom-color: #fafafa;
border-width: 8px;
margin-left: -8px;
position: absolute;
left: 51px;
}
.invite-box-wrapper:before {
border-color: rgba(238, 238, 238, 0);
border-bottom-color: #eeeeee;
border-width: 9px;
margin-left: -9px;
position: absolute;
left: 51px;
}
.invite-box-wrapper.adjust-right:after,
.invite-box-wrapper.adjust-right:before {
left: 101px;
}
.invite-box-wrapper {
text-align: center;
width: 320px;
}
.invite-box-wrapper input,
.invite-box-wrapper button {
text-align: center;
font-size: 15px;
}
.invite-box-wrapper input[type="text"] {
margin-bottom: 10px;
}
.invite-box-wrapper .online {
color: #E14562;
}
.invite-box-wrapper .registered {}
#ifs_slackbadge {
cursor: pointer;
}
.dont-click #ifs_slackbadge {
cursor: auto;
}
#slackbadge_left {
fill: #E14562;
}
#ifs_slackbadge:hover #slackbadge_left {
fill: #DFAA3A;
}
.dont-click #ifs_slackbadge:hover #slackbadge_left {
fill: #E14562;
}
#slackbadge_right {
stroke:#eeeeee;
stroke-width:2;
fill: #fafafa;
}
#slackbadge_logo {
fill: #ffffff;
}
#slackbadge_slack_text,
#slackbadge_stats_text {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
fill: #ffffff;
}
#slackbadge_slack_text {
fill: #ffffff;
font-size: 12px;
}
#slackbadge_stats_text {
fill: #8b8b8b;
font-size: 11px;
}#rtec .tribe-bar-toggle-arrow {
display: inline-block;
margin: 0 4px;
position: absolute;
top: 11px;
right: 10px;
}
#rtec .tribe-bar-toggle-arrow:after {
top: 10px;
right: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: inherit;
border-width: 8px;
}
#rtec .tribe-bar-filters-open span.tribe-bar-toggle-arrow:after {
top: 0;
border-top-color: transparent;
border-bottom-color: inherit;
} #rtec .rtec-js-show,
#rtec .rtec-hidden-message,
#rtec .rtec-screen-reader {
display: none;
}
#rtec {
overflow: auto;
max-width: 700px;
}
#rtec .rtec-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
}
#rtec .rtec-spinner img{
border-radius: 0;
box-shadow: none !important;
margin: 0;
padding: 0;
border: none;
width: 24px;
height: 24px;
}
#rtec .rtec-form-buttons .rtec-email-spinner {
top: 50%;
right: 50%;
margin-top: -12px;
margin-right: -12px;
}
.rtec-yellow-message {
display: inline-block;
line-height: 19px;
padding: 11px 15px;
font-size: 14px;
text-align: left;
margin: 25px 20px 0 2px;
background-color: #fff;
border-left: 4px solid #ffba00;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
#rtec .rtec-form-wrapper {
box-sizing: border-box;
position: relative;
width: 100%;
margin: 0 auto 30px;
padding: 30px;
border: 1px solid #ddd;
background: #eee;
}
#rtec .rtec-register-button {
position: relative;
margin-bottom: 30px;
padding: 12px 40px 12px 16px;
padding-right: 40px !important;
font-size: 16px;
cursor: pointer;
}
#rtec input[type="submit"]{
float: none;
padding: 12px 16px;
font-size: 16px;
cursor: pointer;
}
#rtec .rtec-attendance p {
text-align: center;
margin: 0;
}
#rtec .rtec-form-field {
margin-bottom: 30px;
}
#rtec .rtec-input-wrapper {
position: relative;
}
#rtec input[type="text"],
#rtec input[type="email"],
#rtec input[type="tel"],
#rtec input[type="number"],
#rtec textarea {
box-sizing: border-box;
display: inline-block;
float: none;
padding: 8px;
margin: 0;
width: 100%;
height: auto;
font-size: 18px;
line-height: 1.5;
background: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#rtec input[type="number"] {
max-width: 100px;
}
#rtec label {
display: inline-block;
}
#rtec .rtec-form-buttons {
text-align: center;
}
#rtec .rtec-form-buttons input{
margin: 0;
}
#rtec .rtec-custom-hover:hover {
opacity: .8;
}
#rtec .rtec-valid {
border: 1px solid rgb(20, 220, 70) !important;
}
#rtec .rtec-error {
border: 1px solid rgb(255, 92, 51) !important;
}
#rtec .rtec-email-spinner img{
position: absolute;
top: 11px;
right: 11px;
border-radius: 0;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
width: 24px;
height: 24px;
}
#rtec .rtec-form-buttons .rtec-email-spinner {
top: 50%;
right: 50%;
margin-top: -12px;
margin-right: -12px;
}
#rtec .rtec-error-message {
margin: 0;
padding: 0 5px;
font-weight: bold;
font-size: 14px;
background: rgb(255, 92, 51);
color: #fff;
border-radius: 3px;
}
#rtec .rtec-success-message {
text-align: center;
} .rtec-event-meta:after {
content: "";
visibility: hidden;
display: table;
clear: both;
}
.rtec-event-meta {
padding-bottom: 4%;
}
.rtec-event-meta .rtec-attendee-list {
box-sizing: border-box;
display: inline-block;
float: left;
padding: 0 4%;
}
.rtec-event-meta .rtec-list-column-2 {
width: 50%;
}
.rtec-event-meta .rtec-list-column-3 {
width: 33.33%;
}
.single-tribe_events .tribe-events-event-meta .rtec-section-title,
.rtec-event-meta .rtec-section-title {
padding: 0 4%;
font-size: 1.4em;
font-weight: 700;
margin: 20px 0 10px;
}
.single-tribe_events .tribe-events-event-meta .rtec-section-subtitle,
.rtec-event-meta .rtec-section-subtitle {
font-size: 1.2em;
font-weight: 700;
margin: 20px 0 10px;
}
.rtec-event-meta .rtec-attendee {
display: block;
} .rtec .rtec-already-registered-options .rtec-event-meta {
padding: 4%;
}
#rtec-options-form input {
max-width: 400px;
}
.rtec-already-registered-options input[type=submit] {
line-height: inherit;
height: auto;
margin-bottom: 10px;
padding: 12px 16px;
font-size: 16px;
}
.rtec-unregister-link-wrap,
.rtec-already-registered-options.rtec-is-user form{
display: inline-block;
} h2.rtec-header, .entry-content h2.rtec-header { margin: 0; }
h3.rtec-header, .entry-content h3.rtec-header { margin: 1em 0 1.5em; } .tribe-events-notices {
background: #d9edf7;
border-radius: 4px;
border: 1px solid #bce8f1;
color: #3a87ad;
margin: 10px 0 18px;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 #fff;
} @media all and (max-width: 640px){
#rtec .rtec-form-wrapper {
width: 100% !important;
}
} .rtec-attendee-list-wrap .rtec-section-title {
padding: 0 4%;
font-size: 1.4em;
font-weight: 700;
margin: 20px 0 10px;
}
.rtec-attendee-list-wrap .tribe-events-single-section-title.rtec-section-subtitle {
font-size: 1.2em;
font-weight: 700;
margin: 20px 0 10px;
}
.rtec-attendee-list-wrap .tribe-events-event-meta {
background: #fafafa;
border: 1px solid #eee;
margin: 30px 0;
}