@import url("global.css");


/* ## FULL WIDTH FIVE CTA ## */
#template-fiveCTA { }
#template-fiveCTA #specials { background: #DDD; padding: 80px 0; }
#template-fiveCTA #specials .container { }
#template-fiveCTA #specials .container .special { background: #FFF;border: 1px solid #b7b7b7; margin: 0 0 -1px -1px !important; padding: 0 0 70px 0; }
#template-fiveCTA #specials .container .special:nth-of-type(1),
#template-fiveCTA #specials .container .special:nth-of-type(2),
#template-fiveCTA #specials .container .special:nth-of-type(3) { width: calc(33.333% + 1px); }
#template-fiveCTA #specials .container .special:nth-of-type(4),
#template-fiveCTA #specials .container .special:nth-of-type(5) { width: calc(50% + 1px); }
#template-fiveCTA #specials .container .special .background { background: no-repeat 50% 50% / cover; height: 240px; }
#template-fiveCTA #specials .container .special .background img { display: none; }
#template-fiveCTA #specials .container .special .description { padding: 40px; }
#template-fiveCTA #specials .container .special .description h2.h2 { font-family: 'MillerB Light'; margin: 0 0 30px 0; }
#template-fiveCTA #specials .container .special .description h2.h2:after { border-bottom: 1px solid #b7b7b7; content: ""; display: block; margin: 35px 0 0 0; width: 30px; }
#template-fiveCTA #specials .container .special .description p { }
#template-fiveCTA #specials .container .special .description p:last-child { margin: 0; }
#template-fiveCTA #specials .container .special .btn-primary { bottom: 0; position: absolute; width: 100%; }

@media only screen and (max-width:1024px) {   
    #template-fiveCTA #specials { padding: 40px 0; } 
    #template-fiveCTA #specials .container .special .btn-primary { padding: 20px; }
    #template-fiveCTA #specials .container .special .btn-primary:after { display: none; }
}

@media only screen and (max-width:991px) {   
    #template-fiveCTA #specials .container .special,
    #template-fiveCTA #specials .container .special { width: 100% !important; }
    #template-fiveCTA #specials .container .special .background { height: 180px; }
}


/* ## FULL WIDTH MULTI SECTION ## */
#template-multiSection { }
#template-multiSection #intro { }
#template-multiSection #intro .container { }
#template-multiSection #intro .container > div:first-child { position: relative; }
#template-multiSection #intro .container > div:last-child { background: #FFF; color: #000; float: none; }

#template-multiSection #split .splitRow { text-align: center; }
#template-multiSection #split .splitRow h1.h1:after { margin-left: auto; margin-right: auto; }
#template-multiSection #split .splitRow:first-child { border-top: 1px solid #e1e1e1; }
#template-multiSection #split .splitRow:last-child { border-bottom: 1px solid #e1e1e1; }
#template-multiSection #split .splitRow > div:last-child, 
#template-multiSection #split .splitRow.alternate > div:first-child { background: #FFF; color: #000; }
#template-multiSection #split .splitRow.alternate > div:last-child { background: no-repeat 50% 50% / cover; }


/* ## SIDE FORM SINGLE BLOCK ## */
#template-sideForm #hero { height: 400px; }

#template-sideForm { }
#template-sideForm #contact {background: #FFF;}
#template-sideForm #contact .container { }
#template-sideForm #contact .container > div:first-child { padding-right: 80px; }
#template-sideForm #contact .container > div:last-child { background: #000; color: #FFF; padding: 40px;}
#template-sideForm #contact .container > div:last-child h2.h2 { font-family: 'MillerB Light'; margin: 0 0 30px 0; }
#template-sideForm #contact .container > div:last-child h2.h2:after { border-bottom: 1px solid #b7b7b7; content: ""; display: block; margin: 35px auto 0; width: 30px; }
#template-sideForm #contact .container form .fieldset > div > div:nth-of-type(3), #contact form .fieldset > div > div:nth-of-type(5) { margin: 0 0 10px 0; }
#template-sideForm #contact .container form button[type="submit"] { width: 100%; }
#template-sideForm #contact .container form button[type="submit"] { background: rgba(255,255,255,0.1); }

@media only screen and (max-width:1024px) {
    #template-sideForm #hero { height: 300px; }    
    #template-sideForm #contact .container > div:first-child { padding-right: 40px; }
}

@media only screen and (max-width:991px) {
    #template-sideForm #contact .container form button[type="submit"] { padding: 20px; }
    #template-sideForm #contact .container form button[type="submit"]:after { display: none; }
}

@media only screen and (max-width:767px) {
    #template-sideForm #hero { height: 200px; }
    #template-sideForm #contact .container { padding-left: 0; padding-right: 0; }
    #template-sideForm #contact .container > div:first-child { padding: 40px; }
}