.review-box {
display:none;
}
#modaloverlay
{
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(30,30,30,.6);
z-index: 50000;
} .venueCreate {
float: left;
}
.venueUpdate {
float: left;
}
#notify-success {
display:none;
font-weight: 800;
padding: 15px;
text-align: center;
}
.modal {
display: none; position: fixed; z-index: 1001; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content {
background-color: whitesmoke;
margin: 10%; padding: 20px;
border: 1px solid #888;
border-radius: 5px;
width: 80%; height: 450px;
}
.venueSelector {
background-color: whitesmoke;
border-radius:5px;
}
.venueSelector:hover {
background-color: #d2d2d2;
border-radius:5px;
}
.hostSelector {
background-color: whitesmoke;
border-radius:5px;
}
.hostSelector:hover {
background-color: #d2d2d2;
border-radius:5px;
}
#venueInput {
border-radius:5px;
}
#hostInput {
border-radius:5px;
}
.venueSelected {
display:flex;
}
.venueImgHolder {
padding: 20px;
}
.venueImg {
height:200px;
width:200px;
object-fit:contain;
position: relative;
display:table-cell;
}
.venueInfo {
width:200px;
padding-left:30px;
position: relative;
display:table-cell;
}
.hidden {
font-size: 40px;
margin:auto 0;
padding: 10px;
}
.fa-pencil {
color: #ff6c00;
cursor:pointer;
}
.event_table {
padding:10px;
}
.event_table input {
width:100%;
height:35px;
}
.event_table select {
width: 400px!important;
font-size: 20px!important;
background-color: whitesmoke;
margin: 5px;
height: 35px;
border-radius: 5px;
}
label {
cursor:default!important;
}
#date_table {
background-color:whitesmoke;
width:100%;
}
#date_table label {
font-size:14px;
text-transform:none;
display:table-cell;
}
#date_table input {
display:table-cell;
border-radius:5px;
}
#date_table > tbody.date_1.date_holder.saved > tr:nth-child(5) > td:nth-child(4) > button {
border-radius: 50%;
border-style: none;
color: #fff;
background-color: #65cc72;
}
.wp-core-ui .add_date button {
font-weight:800!important;
font-size:40px;
border-radius:50%;
}
#date_table tr {
font-size:20px;
font-weight:600;
text-transform:uppercase;
}
.event_table td {
cursor:default!important;
width:15px;
font-weight:600;
}
.event_table input {
width:400px!important;
font-size:20px!important;
background-color:whitesmoke;
margin:5px;
border-radius: 5px;
}
.event_table input:disabled {
background-color: rgba(150,150,150,0.5);
}
.alignButtons {
padding:20px;
}
.imgVen {
object-fit:cover;
}
.venueSelector {
background-color: whitesmoke;
border-radius:5px;
}
.venueSelector:hover {
background-color: #d2d2d2;
border-radius:5px;
}
.hostSelector {
background-color: whitesmoke;
border-radius:5px;
}
.hostSelector:hover {
background-color: #d2d2d2;
border-radius:5px;
}
#venueInput {
border-radius:5px;
}
#hostInput {
border-radius:5px;
}
.venueSelected {
display:flex;
}
.venueImgHolder {
padding: 20px;
}
.venueImg {
height:200px;
width:200px;
object-fit:contain;
position: relative;
display:table-cell;
}
.venueInfo {
width:200px;
padding-left:30px;
position: relative;
display:table-cell;
}
.hidden {
font-size: 40px;
margin:auto 0;
padding: 10px;
}
.fa-pencil {
color: #2a0077;
cursor:pointer;
}
.event_table {
padding:10px;
}
.event_table input {
width:100%;
height:35px;
}
label {
cursor:default!important;
}
#date_table {
background-color:whitesmoke;
width:100%;
border-radius: 5px;
margin-bottom: 10px;
padding:10px;
}
#date_table td {
padding:5px;
}
.wp-core-ui .add_date button {
font-weight:800!important;
font-size:40px;
border-radius:50%;
}
#date_table tr {
font-size:20px;
font-weight:600;
text-transform:uppercase;
}
.event_table td {
cursor:default!important;
width:15px;
font-weight:600;
}
.event_table input {
width:400px!important;
font-size:20px!important;
background-color:whitesmoke;
margin:5px;
border-radius: 5px;
}
.event_table input:disabled {
background-color: rgba(150,150,150,0.5);
}
.venueCreate input {
width:400px!important;
font-size:20px!important;
background-color:#fff;
margin:5px;
border-radius: 5px;
}
.venueCreate label {
font-weight:600;
}
.alignButtons {
padding:20px;
}
#event_data textarea {
width:400px;
margin-left:5px;
border-radius:5px;
background-color:whitesmoke;
}
.imgVen {
object-fit:cover;
} .close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.button {
background-color: #4CAF50; border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
.venue {
width: 100%;
height: 175px; padding: 10px;
background-color: white;
}
.form-title {
font-weight:800;
font-size:42px;
}
.form-control {
background-color: whitesmoke!important;
font-size:20px!important;
width:100%;
display:block;
padding: .5rem .75rem;
line-height: 1.25;
color: #464a4c;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,0.15);
border-radius:.25rem;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s!important;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.venue:hover {
background-color:#c9c9c9;
cursor:pointer;
}
.venueList {
overflow-y: scroll;
overflow-x: hidden;
margin-left: 42px;
margin-top: -9px;
display: none;
position: absolute;
background: whitesmoke;
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color: rgba(222,222,222,.75);
height: 90%;
}
.imgHolder{
height:100%;
width:30%;
float:left;
}
.imgHolder img{
height:100%;
width:100%;
}
.venue .info {
float:left;
padding-left:30px;
min-width:200px;
}
.hidden {
display:none;
}
.first {
background-color: gold;
}
.host {
width: 100%;
height: 150px; padding: 10px;
background-color: white;
}
.host:hover {
background-color:#c9c9c9;
cursor:pointer;
}
.hostList {
overflow-y: scroll;
overflow-x: hidden;
margin-left: 42px;
margin-top: -9px;
display: none;
position: absolute;
background: whitesmoke;
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color: rgba(222,222,222,.75);
height: 90%;
}
.host .info {
padding-left:30px;
float:left;
min-width: 200px;
}
.checkmark {
font-size: 32px;
float: left;
padding-left: 50px;
padding-top: 15px;
display:none;
}
.selected .checkmark{
display:block;
}
.warning {
background-color:red !important;
}
.form-check-input:only-child {
position:absolute !important;
}
.form-group.required label::before {
content: "*";
color: red;
}
.form-group legend::before {
content: "*";
color: red;
}
.error_container {
text-align: center;
color: #d32626;
font-size: 18px;
}
.error_container span {
width:100%;
display:block;
}
.form-group button{
background-color: #266dd3!important;
color:#fff;
text-transform:uppercase!important;
font-weight:600;
}
.input_incomplete {
border: solid 2px hsla(0,100%,50%,0.5) !important;
background-color: #ffd3d3 !important;
}
.form-group button:focus{
background-color: #183e74 !important;
color:#fff !important;
}
.form-group {
margin-bottom: 1rem;
}
.form-check-label input{
width:20px;
}
.checkbox_display {
-webkit-appearance: checkbox!important;
font-size: 16px;
width:20px;
}
.register-container label {
color: #333!important;
font-size:14px!important;
letter-spacing: 0px!important;
font-weight:600!important;
width:100%;
text-transform:uppercase;
margin-bottom: 0px;
display:inline;
}
.button:hover {
color: #fff;
text-decoration:none;
}
.workshop-notified.fa {
right:10px!important;
font-size:30px!important;
padding-top:0px!important;
}
#RegBtn {
height:50px;
background-color:#266dd3!important;
cursor: pointer;
}
.details .sk-circle {
bottom: 50px;
margin: auto;
width: 40px;
height: 40px;
position: relative;
}
.sk-circle {
bottom: -50%;
margin: auto;
width: 40px;
height: 40px;
position: relative;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #fff;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.sk-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
.sk-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.sk-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg); }
.sk-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg); }
.sk-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.sk-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg); }
.sk-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg); }
.sk-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.sk-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); }
.sk-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.fa-close::before {
content: "\f00d";
}
.reg-trig.reserve-btn.mobile_button {
height:50px;
padding: 15px 32px;
}
td input {
width:300px;
}
td select {
width:100%;
border-radius: 5px;
}
#event_data > div > table:nth-child(8) > tbody > tr > td:nth-child(1) {
padding: 20px;
}
#venueInput {
width: 60%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color: rgba(222,222,222,.75);
}
#hostInput {
width: 60%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color: rgba(222,222,222,.75);
}
#myBtn {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 50%;
border-style:none;
color: #fff;
background-color: #65cc72;
}
#myBtnHost {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 50%;
border-style:none;
color: #fff;
background-color: #65cc72;
}
#refreshVenues {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 50%!important;
border-style:none;
color: #fff;
background-color: #e29b36;
}
#refreshHost {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 50%!important;
border-style:none;
color: #fff;
background-color: #e29b36;
}
#add-date {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 50%!important;
border-style:none;
color: #fff;
background-color: #65cc72;
}
#refreshVenues {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#refreshHost {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.alignButtons {
height: 50px;
display: flex;
align-items: center
}
.venueSelected {
display: none; padding: 10px;
background-color: whitesmoke;
border-radius:5px;
overflow-y: hidden;
}
.venueImgHolder{
height:100%;
width:15%;
float:left;
}
.venueImgHolder img{
height:100%;
width:100%;
}
.venueInfo {
float:left;
padding-left:30px;
min-width:200px;
}
.venueSelected:hover {
background-color:#c9c9c9;
cursor:pointer;
}
.fa.fa-pencil {
position: absolute;
left: 80%;
top: 2.5%;
font-size: 25px;
}
#hidden-times {
position: absolute;
left: 90%;
top: 2.5%;
font-size: 25px;
color: #ff0000;
cursor:pointer;
}
#hidden-times-host {
position: absolute;
left: 90%;
top: 10%;
font-size: 25px;
color: #ff0000;
cursor:pointer;
}
#date_table > .date_holder button {
border-radius: 50%;
border-style: none;
color: #fff;
background-color: #ff0000;
}
.notEriksButton {
border-radius: 5% !important;
background-color: #f1f1f1 !important;
color:black !important;
font-weight:300;
}
#date_table > tbody.date_holder {
border: 1px solid #ccc;
display:block;
border-radius:5px;
margin:20px;
background-color: #ddd;
}
.fa.fa-pencil.hidden {
display: none;
}
.fa.fa-times.hidden {
display: none;
}
#get-notified {
float: left;
width: 650px;
border-width: 0px;
padding: 0px 25px 0px 25px;
display:flex;
}
#get-notified input[name="Email"], input[name="Zip"] {
float:left;
display:block;
width:140px;
height:40px;
border: 1px solid rgba(38,109,211,0.38);
box-shadow:0 0 5px 0 rgba(66,66,66,0.14);
margin-right: 10px;
background-color: #fff;
text-align: center;
border-radius: 5px;
}
.not-valid {
border-color: #c00!important;
}
input[value="SIGN UP"] {
cursor: pointer;
display:inline-block;
padding: 11px 15px 15px 15px;
background-color: #266dd3;
border-radius: 5px;
color: #fff;
height: 40px;
width: auto;
}
#idVenue {
display: none;
}
#nameVenue {
display: none;
}
#addressVenue {
display: none;
}
#zipVenue {
display: none;
}
input[name='updateImageButton'] {
display: none;
}
#updateImageButtonTwo {
margin-left: 5px;
margin-top: 15px;
position: relative;
}
.notified-container {
margin: 0 8%!important;
}
@media screen and (max-width: 1031px) {
#register-container {
display: none;
}
#get-notified {
width: 100%;
padding: 25px;
display: block;
}
#get-notified input[name="Email"], input[name="Zip"], input[value="SIGN UP"] {
margin: 5px 0;
width: 100%;
}
.notified-container {
margin: 0!important;
}
.register-container  *[type=submit] {
visibility: hidden;
}
}
.maps iframe{
pointer-events: none;
}
body > div.search-bar-container > div > form > div > input.loc.fa.white.loc-search {
width:100px;
}
.form-check {
font-size:12px;
margin-bottom:10px;
}
.form-check-label span {
font-size:18px;
}
.hostInfo {
padding:10px;
margin:5px;
}
.sponsorship {
text-align: center;
font-size: 12px;
margin-top: 10px;
}
.sponsorship-headline {
font-size: 14px;
letter-spacing: 1px;
}
.sponsorship-description {
font-style: italic;
}
.andDivider {
top:55px;
float:left;
position: relative;
height: auto;
max-height: 7.5em;
line-height: normal;
margin-bottom: 25px;
font-weight: 700;
}
.rpEvents .testDate {
display: flex;
-webkit-display: flex;
position: relative;
height: auto;
max-height: 7.5em;
line-height: normal;
margin-bottom: 25px;
font-weight: 700;
}
.rpEvents .orDivider {
left: 47%;
}
.wpcf7-form-control-wrap iframe {
margin-top: 0px !important;
}
.register_open {
position:absolute !important;
top:0px !important;
}
.row {
clear: both;
text-align: center;
border-radius:5px;
padding-bottom:20px; }
.row div a {
font-size:18px;
text-decoration: underline;
} @media screen and (max-width: 1031px) {
.event-h2 {
max-width:none!important;
}
}
.event-h2-2 {
margin-bottom:10px;
}
time.icon{
margin:auto !important;
}
.event-h2 {
margin:0px !important;
max-width:400px;
}
.details {
float:none !important;
}
.event-details {
padding: 0px 10px !important;  
height: auto !important;
}
.event-description {
padding-top:10px;
}
.event-top {
height: 350px;
}
#venue-info-mobile {
display:none;
}
#venue-info {
display:block;
max-width:485px;
}
@media screen and (max-width: 1031px) {
#venue-info-mobile {
display:block !important;
}
#venue-info {
display:none !important;
}
.event-description .row {
margin-left:0px;
}
.row .col-md-6.col-sm-6.col-xs-6.col-lg-6:nth-of-type(odd):after {
content: "Or";
position: absolute;
text-align: center;
top: 55px;
right: auto !important;
}
}
.event-details {
min-height:100% !important;
}
.row .rp-row .col-md-6.col-sm-6.col-xs-6.col-lg-6:nth-of-type(odd):after {
content: "&";
position: absolute;
top: 85px;
left: 80%;
}
.rp-row {
width:100%;
}
.rp-row .col-md-6 {
width:50%;
}
.row.rp-row:after {
content:"Two Part Seminar" !important;
}
time.icon {
overflow:visible !important;
}
time.icon .strongIcon{
border-radius: .6em .6em 0em 0em;
}
.fullIcon{
border-radius: 0em 0em .6em .6em;
}
.timeDuration{
border-radius: 0em 0em .6em .6em;
}
.Daytime1:after{
top: 35px;
content: "Daytime";
position: relative;
}
.Evening1:after{
top: 35px;
content: "Evening";
position: relative;
}
.col-md-6.col-sm-6.col-xs-6.col-lg-6 .DaytimeRP1:after{
top: 35px;
content: "Part One";
position: relative;
}
.col-md-6.col-sm-6.col-xs-6.col-lg-6 .DaytimeRP:after{
top: 35px;
content: "Part Two";
position: relative;
}
.col-md-6.col-sm-6.col-xs-6.col-lg-6 .EveningRP1:after{
top: 35px;
content: "Part One";
position: relative;
}
.col-md-6.col-sm-6.col-xs-6.col-lg-6 .EveningRP:after{
top: 35px;
content: "Part Two";
position: relative;
}
@media  screen and (max-width: 480px) {
.row .col-md-6.col-sm-6.col-xs-6.col-lg-6:nth-of-type(odd):after {
content: "Or";
position: absolute;
text-align: center;
top: 55px;
right:0 !important;
z-index: 100
}
}
@media  screen and (max-width: 320px) {
.row .col-md-6.col-sm-6.col-xs-6.col-lg-6:nth-of-type(odd):after {
content: "Or";
position: absolute;
text-align: center;
top: 55px;
right:-15px !important;
z-index: 100
}
}
.col-md-6.col-sm-6.col-lg-6.col-xs-6 {
width:50% !important;
}
.row .col-md-6.col-sm-6.col-xs-6.col-lg-6:nth-of-type(odd):after {
content: "Or";
position: absolute;
text-align: center;
top: 55px;
z-index: 100;
right:-25px;
}
.row .col-md-6.col-sm-6.col-xs-6.col-lg-6:last-of-type:after {
content: ""!important;
position: absolute;
top: 85px;
left: 95%;
}
.register-container .infusion-field-input-container {
margin-right: 25px;
margin-bottom: 10px;
border: solid 1px hsla(0, 0%, 62%, .25);
border-radius: 5px;
padding: 8px 12px;
font-size: 14px;
color: #333333;
background-color:#f8f8f8;
}
.register-container .infusion-field-input-container.incomplete {
border: solid 1px #f00;
}
.register-container .infusion-field-input {
margin-right: 25px;
margin-bottom: 10px;
border: solid 1px hsla(0, 0%, 62%, .25);
border-radius: 5px;
padding: 8px 12px;
font-size: 14px;
color: #333333;
background-color:#f8f8f8;
}
.register-container .infusion-field-input.incomplete {
border: solid 1px #f00;
}
.register-container .infusion-option input {
width:15px;
height:15px;
float:left;
margin-right:20px;
margin-top:5px;
}
.register-container  *[type=submit] {
margin-top: 50px;
background-color: #6e56f8;
margin-right: auto;
margin-left: auto;
font-size: 18px;
font-weight: 400;
padding: 10px 25px;
border-radius: 5px;
text-transform: uppercase;
text-align: center;
width: 100%;
color:#fff;
cursor: pointer;
}
.register-container  *[type=submit]:hover{
background-color:#6e56f8;
}
.infusion-submit {
cursor: pointer;
}
.infusion-option {
display: block;
}
.infusion-radio {
margin: 10px 0;
}
.rp-row {
margin-left:0;
border: 1px solid rgb(0, 30, 92);
margin-bottom:5px;
}
.rp-row .col-md-6 {
padding-top:10px;
}
.row.rp-row:after {
content: "Two Date Workshop";
position: absolute;
left: 0;
right: 0;
margin-bottom: 9px;
}
.rp-row {
margin-left: 0 !important;
border: 1px solid rgb(0, 30, 92);
margin-bottom: 5px;
}
.rp-row time{
transform-origin: left !important;
}
.da-text {
margin-bottom: 20px;
}
div#register-container {
padding-top: 45px;
}
.event-text > h2 {
margin: 40px 0 20px;
border-top: 1px solid #9e9e9e40;
padding-top: 25px;
}
.da-drawer:not(:last-child) {
margin-bottom: 15px;
}
.da-drawers {
margin-bottom: 55px;
padding-left: 20px;
}
.da-drawer h4 {
display:  inline-block;
font-size:  20px;
font-weight: 600;
cursor: pointer;
}
.da-drawer h4:after {
content: '\f107';
font-family: 'fontawesome';
margin-left: 10px;
color: #005c1c;
-webkit-transition: all .45s ease;
-moz-transition: all .45s ease;
transition: all .45s ease;
}
.da-drawer.active h4:after {
display: inline-block;
transform: rotateX(180deg);
}
.da-drawer h4:hover,
.da-drawer h4:active,
.da-drawer h4:focus {
color: #005c1c;
}
.da-drawer p {
max-height: 0;
overflow: hidden;
}
.da-drawer.active p {
animation: open 2s ease;
max-height: 1000px;
} @media only screen and (max-width: 1031px) {
.da-drawers {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1031px) {
.da-drawers {
margin-bottom: 0;
}
} @keyframes open {
0% {
max-height: 0;
}
100% {
max-height: 1000px;
}
}
@-webkit-keyframes openClose {
0% {
max-height: 0;
}
100% {
max-height: 1000px;
}
}
@-moz-keyframes openClose {
0% {
max-height: 0;
}
100% {
max-height: 1000px;
}
}
@-moz-keyframes openClose {
0% {
max-height: 0;
}
100% {
max-height: 1000px;
}
}.search-bar-container {
position: absolute;
top: 80px;
z-index: 2;
width: 100%;
padding-left: 50px;
padding-right: 50px;
border-bottom: 1px solid #ddd9d9;
height: 80px;
}
.admin-bar .search-bar-container
{
top:112px;
}
.search-bar {
width: 100%;
height: 100%;
}
.search-bar form
{
margin-top:0px;
width:100%;
}
.search-box-map {
float: left;
display: block;
width: 150px;
height: 40px;
border: 1px solid rgba(111, 111, 111, 0.38);
box-shadow: 0 0 5px 0 rgba(66, 66, 66, 0.14);
background-color: #fff;
margin-top: 18px;
margin-right:10px;
text-align:center;
border-radius: 5px;
}
.search-text {
margin-right: 10px;
margin-left: 10px;
font-size: 30px;
margin-top: 28px;
float: left;
display: block;
}
.search_criteria_notification
{
clear:both;
text-align:center;
margin-bottom:10px;
padding-top:10px;
color:#c00;
}
.map-box-wrapper
{
position:absolute;
top:160px;
bottom:80px;
width:100%;
}
.admin-bar .map-box-wrapper
{
top: 192px;
}
.map-side {
position: absolute;
z-index: 20;
overflow: auto;
width: 35vw;
padding-top: 0px;
background-color: #fff;
top:0px;
bottom:0px;
left:0px;
}
.map_container
{
position:absolute;
z-index:20;
overflow:hidden;
width:65vw;
padding-top:0px;
background-color:#fff;
right:0px;
top:0px;
bottom:0px;
}
.loc-search {
width: 40px;
height: 40px;
float: left;
background-color: #005c1c;
margin-top: 18px;
position: relative;
border-radius: 5px;
}
.desktop_button
{
display:block !important;
}
.desktop_block
{
display:block;
}
.tablet_desktop_block
{
display:block;
}
.mobile_button
{
display:none !important;
}
.mobile_block
{
display:none;
}
.mobile_phone_block
{
display:none;
}
input.white
{
color:#fff;
}
.search_map
{
height:100%;
}
.search_map div.search_map_wrapper
{
height:100%;
}
#map_canvas
{
height:100%;
}
.bottom-bar-map {
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 40;
display: block;
width: 100%;
height: 80px;
padding: 20px 25px 25px;
float: none;
clear: both;
border-top: 1px solid #969696;
background-color: #f5f5f5;
}
.bottom-bar-map .desktop-only
{
display:block;
}
.bottom-bar-map .mobile-only
{
display:none;
}
#wpcf7-f153-o1
{
float:left;
width:650px;
border-width:0px;
padding-top:0px !important;
padding-bottom:0px !important;
}
.bottom-bar-map form
{
margin-top:0px;
}
.bottom-bar-map form input.wpcf7-text
{
float: left;
display: block;
width: 170px;
height: 40px;
border: 1px solid rgba(111, 111, 111, 0.38);
box-shadow: 0 0 5px 0 rgba(66, 66, 66, 0.14);
background-color: #fff;
margin-right:10px;
text-align:center;
border-radius: 5px;
} .notified-container form input.wpcf7-text {
float: left;
display: block;
width: 170px;
height: 40px;
border: 1px solid rgba(111, 111, 111, 0.38);
box-shadow: 0 0 5px 0 rgba(66, 66, 66, 0.14);
background-color: #fff;
margin-right: 10px;
text-align: center;
border-radius: 5px;
}
.bottom-bar-map form input.wpcf7-text {
float: left;
display: block;
width: 170px;
height: 40px;
border: 1px solid rgba(111, 111, 111, 0.38);
box-shadow: 0 0 5px 0 rgba(66, 66, 66, 0.14);
background-color: #fff;
margin-right: 10px;
text-align: center;
border-radius: 5px;
}
.bottom-bar-map form input.wpcf7-submit {
display:inline-block;
padding:13px 15px;
background-color:#005c1c;
border-radius:5px;
margin:0px 0px;
color:#fff;
width:auto;
}
.notified-container form input.wpcf7-submit {
display:inline-block;
padding:13px 15px;
background-color:#005c1c;
border-radius:5px;
margin:0px 0px;
color:#fff;
width:auto;
}
.bottom-bar-map div.wpcf7-response-output
{
margin-top:0px;
}
.bottom-bar-map .wpcf7-not-valid-tip
{
display:none;
}
.bottom-bar-map .wpcf7-text.wpcf7-not-valid
{
border-color:#c00;
}
.notified-container form
{
margin-top:0px;
}
.notified-container form input.wpcf7-text
{
float: left;
display: block;
width: 170px;
height: 40px;
border: 1px solid rgba(111, 111, 111, 0.38);
box-shadow: 0 0 5px 0 rgba(66, 66, 66, 0.14);
background-color: #fff;
margin-right:10px;
text-align:center;
border-radius: 5px;
}  .notified-container form input.wpcf7-submit
{
display:inline-block;
padding:13px 15px;
background-color:#005c1c;
border-radius:5px;
margin:0px 0px;
color:#fff;
width:auto;
}
.notified-container .wpcf7 {
border-style:none;
}
.bottom-bar-map div.wpcf7-response-output
{
margin-top:0px;
}
.bottom-bar-map .wpcf7-not-valid-tip
{
display:none!important;
}
.notified-container .wpcf7-not-valid-tip
{
display:none!important;
}
.bottom-bar-map form input.wpcf7-text.wpcf7-not-valid {
border-color:#c00!important;
}
.notified-container form input.wpcf7-text.wpcf7-not-valid {
border-color:#c00;
}
.mobile_map_search_bar
{
display:none;
}
.desktop p
{
padding-left:15px;
}
.desktop ul
{
padding-left:15px;
display:block;
list-style-type:disc;
margin-left:25px;
}
.event-text-top
{
margin-bottom:20px;
}
.register-container label
{
width: 100%;
margin-bottom: 0px;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}	
.register-container .infusion-field-input-container {
margin-right: 25px;
margin-bottom: 10px;
border: solid 1px hsla(0, 0%, 62%, .25);
border-radius: 5px;
padding: 8px 12px;
font-size: 14px;
color: #333333;
background-color:#f8f8f8;
}
.register-container .infusion-field-input-container.incomplete
{
border: solid 1px #f00;
}
.register-container select
{
margin-right: 25px;
margin-bottom: 10px;
border: solid 1px hsla(0, 0%, 62%, .25);
border-radius: 5px;
padding: 8px 12px;
font-size: 14px;
color: #333333;
background-color:#f8f8f8;
}
.register-container .infusion-option input
{
width:15px;
height:15px;
float:left;
margin-right:20px;
margin-top:5px;
}
.register-container  *[type=submit]
{
margin-top: 50px;
background-color: #005c1c;
margin-right: auto;
margin-left: auto;
font-size: 18px;
font-weight: 400;
padding: 10px 25px;
border-radius: 5px;
text-transform: uppercase;
text-align: center;
width: 100%;
color:#fff;
cursor: pointer;
}
.register-container  *[type=submit]:hover
{
background-color:#005c1c;
}
.infusion-submit {
cursor: pointer;
}
.infusion-option {
display: block;
}
.infusion-radio {
margin: 10px 0;
}
.event-info-section-right li, .event-info-section-left li
{
white-space: normal;
cursor:auto;
margin-right:0px;
padding: 5px 0px;
display:list-item;
}
iframe
{
margin-top:30px;
}
.fine-print
{
clear:both;
}
.email-container
{
width:35%;
margin-right:5%;
}
.city_state_wrapper
{
display:inline;
float:left;
}
.reg_button_wrapper
{
display: block;
width: 80%;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
float: none;
line-height: 18px;
}
.host_disclaimer
{
color:#005c1c;
}
.int-cont-container.single_event_extra_padding
{
margin-bottom:170px;
}
#controlLooper2 .fa-chevron-left, #controlLooper2 .fa-chevron-right
{
color:#fff !important;
}
.result_count_box h5
{
font-size:20px;
line-height:50px;
text-transform:uppercase;
padding-left:25px;
border-bottom:1px solid #000;
font-weight:400;
}
.result_count_box h5 span{
color:#005c1c;
font-weight:700;
}
.workshop_distance
{
display: block;
width: 80%;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
float: none;
line-height: 18px;
}
.workshop_distance span
{
color:#005c1c;
}
@media screen and (max-width: 1250px) {
.email-container
{
width:100%;
text-align:center;
float:none;
margin-bottom:5px;
}
.bottom-bar-map
{
height:100px;
}
.bottom-bar-map .wpcf7
{
float:none!important;
display:block;
margin-right:auto;
margin-left:auto;
max-width:750px;
}
.notified-container .wpcf7
{
float:none;
display:block;
margin-right:auto;
margin-left:auto;
max-width:750px;
}
.map-box-wrapper
{
bottom:100px;
}
}
.workshop-block input
{
width: 50%;
margin-right:auto;
margin-left:auto;
display:block;
float:none;
}
#modaloverlay
{
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(30,30,30,.6);
z-index: 50000;
} @media screen and (max-width: 1031px) {
.map_container
{
width:50vw;
position:absolute;
top:0px;
bottom:0px;
left:50vw;
right:100vw;		
height:100%;
}
.map-side
{
width:50vw;
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:50vw;
overflow:auto;
}
.search-bar-container
{
position:absolute;
top:auto;
height:auto;
top:80px;
padding-bottom:10px;
}
.admin-bar .search-bar-container
{
top:112px;
}
.map-box-wrapper
{
position:absolute;
top:150px;
padding-bottom:70px;
bottom:80px;
}
.admin-bar .map-box-wrapper
{
top:189px;
} .bottom-bar-map .desktop-only
{
display:none;
}
.bottom-bar-map .desktop-only.email_box_open
{
display:block;
position:fixed;
bottom:80px;
top:80px;
background-color:#f5f5f5;
width:100%;
left:0px;
padding-top:50px;
}
.bottom-bar-map
{
height:80px;
}
.bottom-bar-map .mobile-only
{
display:block;
text-align:center;
}
.locations-button-footer
{
margin-left: 40px;
float: none;
border-radius: 5px;
background-color: #005c1c;
display: inline-block;
padding: 9px 45px;
color: white;
border: 0;
line-height: inherit;
text-decoration: none;
cursor: pointer;
}
.email-container
{
width:100%;
text-align:center;
margin-bottom:10px;
}
.bottom-bar-map form input.wpcf7-text
{
float:none!important;
width:100%!important;
margin:10px auto;
}
.bottom-bar-map form input.wpcf7-submit
{
width:100%;
}
.notified-container form input.wpcf7-text
{
float:none;
width:100%;
margin:10px auto;
}
.notified-container form input.wpcf7-submit
{
width:100%;
}
.city_state_wrapper
{
display:block;
float:left;
width:70%;
}
.desktop_button
{
display:none !important;
}
.mobile_button
{
display:inline-block !important;
}
.register-container.register_open
{
position: fixed;
display: block !important;
top: 80px;
bottom: 0px;
padding: 0px;
background-color: #fff;
left: 0px;
right: 0px;
z-index: 100;
overflow: auto;
}
.register-container.register_open form
{
padding-bottom:100px;
}	
.desktop_block
{
display:none;
}
.mobile_block
{
display:block;
}
.center_text
{
text-align:center;
}
.event-description
{
margin-bottom:10px !important;
}
.event-info-section-left
{
padding-top:10px !important;
}
.bottom_padding
{
padding-bottom:15px;
}
.search-text
{
font-size:18px;
}
#search_zip
{
width:75px;
}
#search_city
{
width:75px;
}
}
@media screen and (max-width: 720px) {
.city_state_wrapper
{
width:100%;
}
.tablet_desktop_block
{
display:none;
}
.mobile_phone_block
{
display:block;
}
.search-bar-container
{
position:static;
top:auto;
margin-top:80px;
}
.admin-bar .search-bar-container
{
margin-top:112px;
}
.mobile_map_search_bar
{
display:block;
padding:10px 20px;
}
.mobile_map_search_bar i
{
float:right;
cursor:pointer;
}
.map-side
{
float:none;
width:100vw;
height:auto;
}
.map_container
{
float:none;
width:100vw;
height:0px;
}
.map_container.open_map
{
height:300px;
}
.map-box-wrapper, .admin-bar .map-box-wrapper
{
height:auto;
position:static;
top:auto;
bottom:auto;
right:auto;
left:auto;
padding-bottom:80px;
}
.map_container
{
position:static;
top:auto;
bottom:auto;
left:auto;
right:auto;		
height:auto;
}
.map-side
{
position:static;
top:auto;
bottom:auto;
left:auto;
right:auto;		
height:auto;	
}	
.search-box-map
{
width:100%;
float:none;
margin-top:5px;
font-size:14px;
}
#search_zip,#search_city
{
width:100%;
}
.loc-search
{
width:100%;
display:block;
}
.search-text{
float:none;
display:block;
font-size:14px;
margin-top:5px;
}
.search-text-or
{
text-align:center;
}
.toggle_map
{
float:right;
cursor:pointer;
padding-bottom:10px;
}
.bottom-bar-map .wpcf7
{
width:100%!important;
box-sizing:border-box;
}
.notified-container .wpcf7
{
width:100%;
box-sizing:border-box;
}
}
@media screen and (max-width: 500px) {
.locations-button-footer
{
display:block;
margin:5px auto;
}
.bottom-bar-map
{
height:100px;
}
.map-box-wrapper
{
padding-bottom:100px;
}
.bottom-bar-map .desktop-only.email_box_open
{
bottom:100px;
}
.event-photo
{
height:150px !important;
}
.looper-control
{
left:5px;
}
.looper-control.right
{
right:5px;
}
.slide-box
{
width:78% !important;
}
.features-block
{
width:100% !important;
}
.card-image
{
height:auto;
}
.result_count_box h5
{
font-size:17px;
}
}.admin-bar .search-bar-container {
top: 0;
}
.break {
flex-basis: 100%;
height: 0;
}
.search-bar-container {
position: relative;
top: 0;
margin: 0 auto;
border: 0;
padding: 20px;
height: auto;
background: #004e98;
}
.search-bar {
width: 80%;
margin: 0 auto;
}
.search-bar form {
display: flex;
flex-direction: row;
}
.search-bar form input,
.search-bar form select {
border-radius: 0;
border: 0;
background-color: #eee;
height: 50px;
min-width: 150px;
}
.search-bar form select {
padding-left: 5px;
width: 125px;
}
input.search-box-checkbox {
width: 20px !important;
min-width: 20px !important;
}
.sb-input-group {
display: flex;
flex-direction: row;
}
.search-text {
float: none;
margin: 0 15px;
color: #ffffff;
}
.search-box-map {
float: none;
margin-top: 0;
}
.loc-search {
margin-top: 0;
background-color: #ff9900 !important;
width: 100px;
border: 0;
}
.admin-bar .map-box-wrapper {
top: 0;
}
.map-box-wrapper {
position: relative;
display: flex;
flex-direction: row;
top: 0;
bottom: 0;
min-height: 500px;
width: 80%;
margin: 20px auto;
max-height: 600px;
border: 1px solid #eee;
}
.map_container {
position: relative;
order: 1;
height: auto;
min-height: 500px;
}
.map-side {
position: relative;
order: 0;
}
.workshop {
width: 100%;
padding: 25px;
border-bottom: 1px solid #969696;
position: relative;
}
.number-block {
width: 30px;
height: 30px;
float: left;
border-radius: 25px;
background-color: #004e98;
}
.digit {
color: #fff;
text-align: center;
padding-top: 4px;
}
.workshop-location {
margin-bottom: 10px;
}
.h4-location {
margin-bottom: 10px !important;
padding-top: 0px;
font-size: 20px;
line-height: 18px;
font-weight: 700;
text-align: left;
display: block;
width: 80%;
margin: 0px auto;
color: #202020;
letter-spacing: 1px;
text-transform: uppercase;
}
.location-text {
display: block;
width: 80%;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
float: none;
line-height: 18px;
}
.locations-button {
float: none;
border-radius: 5px;
background-color: #004e98;
display: inline-block;
padding: 9px 15px;
color: white;
border: 0;
line-height: inherit;
text-decoration: none;
cursor: pointer;
}
.locations-button:hover {
opacity: 0.8;
color: #fff;
}
.location-social {
position: absolute;
right: 10px;
bottom: 20px;
}
.location-share-text {
width: 100%;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
margin: 0;
font-size: 14px;
font-weight: 700;
vertical-align: text-bottom;
}
.location-icon {
padding-left: 10px;
padding-right: 10px;
color: #888;
} @media screen and (max-width: 1440px) {
.map-box-wrapper {
width: 90%;
}
}
@media screen and (max-width: 1031px) {
.search-text {
line-height: 50px;
}
.search-bar {
width: 100%;
margin: 0 auto;
}
.map_container {
left: 0;
right: 0;
}
.map-box-wrapper {
padding-bottom: 0px;
}
}
@media screen and (max-width: 768px) {
.search-bar-container {
padding: 40px 20px;
}
.search-bar form input,
.search-bar form select {
min-width: 75px;
}
}
@media screen and (max-width: 720px) {
.admin-bar .search-bar-container {
margin-top: 0;
}
.break {
flex-basis: 100%;
width: 0;
}
.search-bar form {
flex-direction: column;
}
.search-bar form input,
.search-bar form select {
min-width: 100%;
}
.sb-input-group {
flex-direction: column;
}
.loc-search {
margin-top: 30px;
}
.mobile_map_search_bar {
display: block;
padding: 10px 20px;
position: relative;
z-index: 10;
background: #efefef;
}
.mobile_map_search_bar .toggle-text {
display: flex;
justify-content: flex-end;
}
.map-box-wrapper {
flex-direction: column;
max-height: none;
transition: transform 0.5s linear 0ms;
transform: translateY(-300px);
z-index: 0;
margin: 0 auto -300px auto;
width: 100%;
}
.map-box-wrapper.open_map {
transform: translateY(0px);
margin-bottom: 0;
}
.map_container {
order: 0;
height: 300px;
min-height: 300px;
}
.map-side {
order: 1;
}
} .search-section {
position: relative;
display: flex;
width: 80%;
margin: 0 auto;
}
.search-container {
flex-basis: 30%;
}
.search-container form {
display: flex;
flex-direction: column;
align-items: center;
}
.search-container .search-text {
margin: 0;
}
.search-container form input,
.search-container form select {
border-radius: 0;
border: 0;
background-color: #eee;
height: 50px;
min-width: 250px !important;
}
.search-container form select {
padding-left: 10px;
width: 200px;
margin: 0px 0 30px 0;
}
.search-wrap {
background: #004e99;
max-width: 400px;
padding: 20px 0 40px 0;
margin: 0 auto;
box-shadow: 30px 30px 60px -10px rgba(0, 0, 0, 0.5);
}
.search-wrap .sb-input-group {
flex-direction: column;
}
.search-cta {
flex-basis: 70%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.search-cta p {
font-size: 30px;
max-width: 700px;
text-align: center;
}
.search-cta a {
color: white !important;
background-color: #004e99;
display: block;
padding: 20px;
border-radius: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px !important;
max-width: 300px;
text-align: center;
margin: 25px auto;
}
.search-cta a:hover {
opacity: 0.8;
} .bottom-bar-map {
position: relative;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 0;
display: flex;
width: 100%;
height: auto;
padding: 40px 25px 40px;
float: none;
clear: both;
border-top: 1px solid #969696;
background-color: #004e99;
color: #fff;
}
.bottom-bar-map .desktop-only {
display: flex;
width: 80%;
margin: 0 auto;
align-items: center;
}
.bottom-bar-map .email-container {
font-size: 24px;
width: 60%;
}
.bottom-bar-map .email-container a {
color: #ff9900;
}
.bottom-bar-map .email-container a:hover {
color: #ff9900;
opacity: 0.8;
}
#get-notified {
float: none;
width: 40%;
border-width: 0px;
padding: 0px 25px 0px 25px;
display: flex;
}
#get-notified input,
#get-notified input[name="Email"],
#get-notified input[name="Zip"] {
float: none;
border-radius: 0 !important;
border: 0;
background-color: #fff;
height: 50px;
min-width: 150px !important;
}
#get-notified input[name="Zip"] {
margin-right: 10px;
}
#get-notified input[value="SIGN UP"] {
background-color: #ff9900;
} @media screen and (max-width: 1440px) {
.search-section {
width: 90%;
}
}
@media screen and (max-width: 1031px) {
.search-container {
flex-basis: 50%;
}
.search-cta {
flex-basis: 50%;
}
.bottom-bar-map .mobile-only {
display: none;
}
.bottom-bar-map .desktop-only {
flex-direction: column;
width: 100%;
}
.bottom-bar-map .email-container {
font-size: 20px;
width: 100%;
}
#get-notified {
width: 100%;
flex-direction: column;
}
.bottom-bar-map .desktop-only {
flex-direction: column;
width: 60%;
}
}
@media screen and (max-width: 720px) {
.search-section {
flex-direction: column;
width: 100%;
background: #fff;
z-index: 50;
}
.search-wrap {
box-shadow: none;
}
.search-cta {
width: 100%;
padding: 50px;
background: #fff;
}
.search-cta p {
font-size: 24px;
}
.bottom-bar-map .desktop-only {
flex-direction: column;
width: 100%;
}
}