/*
 * Text with a details column (Contact, Privacy Policy).
 *
 * First the old theme's rules the section uses, in their original order with renamed selectors (from the
 * foundation's section-rules.json); then the old page's own rules (its design CSS and the elements' numbered
 * style blocks) under stable classes.
 */

.et-icon-youtube:before{content:"\f167"}
.et-icon-instagram:before{content:"\f16d"}
.sec-row.sec-gap-80 .sec-col{padding:40px}
.wpcf7-form-control-wrap{display:block}
.et-animated-title, .et-animated-title .text-wrapper, .et-animated-title .text, .et-animated-title .letters, .et-animated-title .letter{display:inline-block;vertical-align:top}
.et-animated-title{margin-bottom:0;position:relative}
.et-animated-title .text-wrapper{position:relative;overflow:hidden}
.letter-direct.et-animated-title .text-wrapper, .words-direct.et-animated-title .text-wrapper{opacity:0}
.letter-direct.et-animated-title.active .text-wrapper, .words-direct.et-animated-title.active .text-wrapper{opacity:1}
.et-animated-title .letters{word-wrap:break-word}
.et-animated-title .letter, .et-animated-title.words-direct .letters{opacity:0}
span.wpcf7-not-valid-tip{display:inline-block;background-color:#f5f5f5;padding:4px 12px;color:#212121;position:absolute;top:-40px;left:0;font-weight:600;transition:transform 700ms cubic-bezier(.19,1,.22,1), opacity 300ms ease-out;-ms-transform:translateY(40px);transform:translateY(40px);opacity:0;z-index:-1;font-size:14px}
span.wpcf7-not-valid-tip{opacity:1;z-index:1;-ms-transform:none;transform:none}
.et-simple-braket-block{position:relative}
.et-simple-braket-block .braket{position:absolute;top:0;left:0;width:24px;height:100%;z-index:15;overflow:hidden}
.et-simple-braket-block .braket > div:first-child, .et-simple-braket-block .braket > div:last-child{position:absolute;top:0;left:12px;width:12px;height:12px}
.et-simple-braket-block .braket > div:last-child{top:auto;bottom:0}
.et-simple-braket-block .braket > div:nth-child(2){position:absolute;top:0;left:0;width:12px;height:100%;overflow:hidden}
.braket-text{padding:32px 0 32px 40px}
.et-social-links a.et-icon-google{font-size:20px}
.alert, div.wpcf7-response-output{padding:20px 70px 20px 20px;position:relative;border-radius:0px;margin-bottom:25px;font-weight:400;font-size:18px;line-height:32px;border:none !important}
@media only screen and (max-width: 479px){
.sec-row.sec-gap-80 .sec-container, .sec-row.sec-gap-80.sec-container{width:296px;max-width:296px}
.sec-row.sec-gap-80 .sec-col{padding:12px}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.sec-row.sec-gap-80 .sec-col{padding:12px}
.sec-row.sec-gap-80 .sec-container, .sec-row.sec-gap-80.sec-container{width:456px;max-width:456px}
}
@media only screen and (max-width: 767px){
.text767-align-center{text-align:center !important}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
.sec-row.sec-gap-80 .sec-col{padding:12px}
.sec-row.sec-gap-80 .sec-container, .sec-row.sec-gap-80.sec-container{width:744px;max-width:744px}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px){
.sec-row.sec-gap-80 .sec-col{padding:20px}
.sec-row.sec-gap-80 .sec-container, .sec-row.sec-gap-80.sec-container{width:1000px;max-width:1000px}
}
@media only screen and (min-width: 1280px) and (max-width: 1367px){
.sec-row.sec-gap-80 .sec-col{padding:28px}
.sec-row.sec-gap-80 .sec-container, .sec-row.sec-gap-80.sec-container{width:1256px;max-width:1256px}
}
@media only screen and (min-width: 1366px){
.sec-row.sec-gap-80 .sec-container, .sec-row.sec-gap-80.sec-container{width:1280px;max-width:1280px}
}

/* The map's grey frame (the old map element's wrapper). */
.ctwb-map .ctwb-map-frame{background-color:#f7f7f7;padding:5px}

/* Theme options: on phones the details column's left border becomes a top border. */
@media only screen and (max-width:767px){
.et-element-column-with-border-left > .sec-col-inner{padding-left:0 !important;padding-top:56px !important;border-left:none !important;border-top:1px solid #e0e0e0 !important}
}

/* The old page's design CSS: the row's padding and the details column's border. */
.ctwb-text-details{padding-top:40px !important;padding-bottom:40px !important}
.ctwb-details-inner{border-left-width:1px !important;padding-left:20% !important;border-left-color:#e0e0e0 !important;border-left-style:solid !important;border-radius:1px !important}

/* The bracket text and the social icons (numbered style blocks on the old page). */
.ctwb-text-details .et-simple-braket-block .braket-text{font-size:24px;font-weight:400;line-height:32px}
.ctwb-text-details .et-simple-braket-block .braket > div{background-color:var(--site-accent)}
.ctwb-details-social.et-social-links a{color:#212121;box-shadow:inset 0 0 0 2px #212121;border-radius:4px}
.ctwb-details-social.et-social-links a:hover{color:#fd8c40;box-shadow:inset 0 0 0 2px #fd8c40}