/* AVANT GARDE */
@font-face { font-family: AvantGardeDemi; src: url("https://www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/AvantGarde-Demi.woff2") format("woff2"), url("https://www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/AvantGarde-Demi.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
.headline {font-family: AvantGardeDemi !important;/* overflow: auto; */}
.headline p span {display: block;}
/*.text { font-family: Salesforce Sans !important; }*/

@media only screen and (max-width:800px) {
    .headline p span { display: inline; }
}


/* BUTTONS */
.cms-button-element {background: rgb(1, 118, 211) !important;font-family: AvantGardeDemi !important;transition: all 0.5s ease 0s !important;padding: 20px 40px !important;}
.cms-button-element:hover { background: rgb(3, 46, 97) !important; }
.cms-button-element .button {height: 14px !important;line-height: 12px !important;}
.cms-button-element .button-link {font-size: 14px;font-family: AvantGardeDemi !important;transition: all 0.5s ease 0s !important;}
.cms-button-element .button-link strong {  font-family: AvantGardeDemi !important;}

@media only screen and (max-width:667px) {
    .cms-button-element .button { height: auto !important;font-size: 16px !important; }
    .cms-button-element .button-link { line-height: 16px !important; }
}


/* MAIN NAV */
.main-nav {box-shadow: rgba(0,0,0,0.125) 0 10px 40px 0;height: 60px !important;position: relative !important;z-index: 999;} 
.main-nav > div {max-width: 1140px;padding:0 !important;height: 60px !important;} 
.main-nav > div > div {height: 60px !important;} 
.main-nav > div > div > div {margin: 0 !important;padding: 0 !important;line-height: 60px !important;} 
.main-nav > div > div > div > div { } 
.main-nav > div > div > div > div > div { } 
.main-nav > div > div > div > div > div > div { font-size: 14px !important;vertical-align: middle !important;} 
.main-nav > div > div > div > div > div > div .children { height: 60px;} 
.main-nav > div > div > div > div > div > div .children > div {text-align: left;line-height: 60px;} 
.main-nav > div > div > div > div > div > div .children > div:hover {font-weight: 400 !important;color: rgb(1, 118, 211) !important;transition: .5s !important;background:none !important;}
.main-nav > div > div > div > div > div > div .children > div > div { margin: 0 !important;padding: 0 !important;} 
.main-nav > div > div > div > div > div > div .children > div > div > a {padding: 0 !important;transition: .5s !important;font-weight: 400 !important;margin: 0 20px;font-size: 16px !important;} 
.main-nav > div > div > div > div > div > div .children > div > div > a:hover { color: rgb(1, 118, 211) !important;font-weight: 400 !important; }

@media only screen and (max-width:800px) {
    .main-nav { display: none !important; }
}

@media only screen and (max-width:667px) {
    .main-nav { display: none !important; }
}


/* JUMBOTRON */
.jumbotron { }
.jumbotron > div { }
.jumbotron > div > div { max-width: 1140px !important;text-align:left;}
.jumbotron > div > div > div {max-width: 40% !important;}

@media only screen and (min-width:1400px) {
    .jumbotron > div {background-size: 60% !important;}
}

@media only screen and (max-width:1399px) {
    .jumbotron > div {background-size: 66% !important;}
}

@media only screen and (max-width:1199px) {
    .jumbotron > div {background-size: 78.5% !important;background-position: right -200px top !important;}
    .jumbotron > div > div > div {max-width: 49% !important;}
}

@media only screen and (max-width:800px) {
    .jumbotron > div {display: block !important;}
    .jumbotron > div > div > div {max-width: 100% !important;}
}


/* VERTICALLY CENTERED SECTIONS */
.vertical-center {clear: both !important;}
.vertical-center > div { }
.vertical-center > div > div { display: flex !important;align-items: center;}
.vertical-center > div > div > div { align-items: center;justify-content: center;}
.vertical-center div.grp.cms-component.cms-image-element.x6.layoutGrp { width: 100% !important; min-width: 100% !important; }

@media only screen and (max-width:667px) {
    .vertical-center > div > div { display: block !important; }
}


/* DEMO SESSIONS */
.demo-session img {box-shadow: rgb(0 0 0 / 10%) 0px 5px 40px 0px;}


/* FOOTER */
.footer { width: 100% !important;background: #012e60; }
.footer > div {padding: 40px !important;max-width: 1140px !important;float: none !important;}
.footer > div > div {float: none;}
.footer > div > div > div { }
.footer > div > div > div + div {text-align: left;overflow: auto;}
.footer > div > div > div + div > div {padding: 0 !important;/* float: none !important; */margin: 0 20px 0 0;/* font-size: 12px !important; *//* line-height: 12px !important; */}

.footer .cms-button-element {background: none !important;}
.footer .cms-button-element .button-link { font-size: 12px !important;}

/*.footer .sfcookieen { height: 0 !important;background: none !important;margin: 0 !important;padding: 0 !important;text-align: left !important;font-size: 12px !important;font-family: AvantGardeDemi !important;}*/

@media only screen and (max-width:800px) {
    .footer > div > div {padding-top: 20px !important;}
}

@media only screen and (max-width:667px) {
    .footer > div > div > div + div > div {text-align: left !important;display: block !important;height: 20px;line-height: 18px !important;}
}


/* MODAL */
button.splash-x { z-index: 999999; }


/* FORM */
.FormView__FormContentView { padding: 20px; }
.FormView__FormContentView > form { }
.FormView__FormContentView > form > div:first-child {padding: 0;margin: 0 0 20px 0;}
.FormView__FormContentView > form > div:first-child span { }
.FormView__FormContentView > form > div:first-child span > p { font-family: AvantGardeDemi !important; color: #032d60 !important; }

.FormView__FormContentView > form > div { }
.FormView__FormContentView > form > div > div {margin: 0 0 10px 0;}
.FormView__FormContentView > form > div > div > div { }
.FormView__FormContentView > form > div > div > div > div { }
.FormView__FormContentView > form > div > div > div > div > label { display: none !important; }
.FormView__FormContentView > form > div > div > div > div > div { }


/* MISC */
.hidden { display: none !important; }


/* ACCORDION */
.accordion > div > div {min-height:auto !important;}

.plus-minus p:before{
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    cursor: pointer;
}

.plus-minus p:before {
    content:'\002B';
}

.plus-minus p:before {
    display:block;
}

.plus-minus.rotated p:before {
    transform: rotate(180deg);
    content:'\2212';
}