/*

Author: Christopher Michael Pastore

Author URI: https://ChrisPastore.com/

Version: 1.0

*/



/* Extra small devices (phones, less than 768px) */

/* No media query since this is the default in Bootstrap */



/* START GLOBAL STYLES */

@media all {

body { background: url(images/page-bg-tablet.jpg) no-repeat; /*background-position-x: -920px; background-position-y: -340px;*/ font-family: Roboto, sans-serif; font-size: 18px; font-weight: 300; line-height: 1.6em; color: rgb(255, 255, 255); }

body#details, body#thanks { padding-top: 20px; padding-bottom: 60px; }

body#thanks { background-position-x: -150px; background-position-y: top; }

body#details, body#thanks { background-size: cover; }

.lead, h1, h2, h3, h4, h5, h6, p, ul, ol { color: rgb(255, 255, 255); }

h1, h2, h3, h4, h5, h6 { margin-top: 0; font-family: Roboto, sans-serif; font-weight: 300; line-height: 1.3em; color: rgb(255, 255, 255); }

h1 { font-size: 25px; }

body#details h1, body#thanks h1 { font-size: 26px; }

body#faq h1, body#faq h2 { color: #000000; }

body#faq h1 { font-size: 26px; }

h2 { font-size: 32px; }

body#faq h2 { font-size: 22px; }

h3 { font-size: 30px; }

h4 { font-size: 26px; }

h5 { font-size: 24px; }

h6 { font-size: 20px; }

p { margin-bottom: 15px; color: rgb(255, 255, 255); }

a { color: rgb(255, 197, 25); text-decoration: none; }

a:hover, a:focus { text-decoration: underline; }

strong { font-weight: 700; }

a.phone-link { white-space: nowrap; font-weight: 400; text-decoration: none; }

.call-out a.phone-link { white-space: nowrap; font-weight: 400; text-decoration: none; color: rgb(0, 0, 0); }

.cta-content-2 .call-out a.phone-link { white-space: nowrap; font-weight: 400; text-decoration: none; color: rgb(255, 197, 25); }

body#details .call-out a.phone-link, body#thanks .call-out a.phone-link { white-space: nowrap; font-weight: 400; text-decoration: none; color: rgb(255, 197, 25); }

.call-out { font-weight: 400; }

.call-out i.fa-phone { color: white !important; }

.highlight { color: rgb(255, 197, 25); }



.header-container { margin-bottom: 20px; background-color: rgba(0, 0, 0, 0.3); }

.header-content { padding: 10px 0 0 0; }

.header-content .logo { margin-bottom: 10px; }

/* PHONE NUMBERS (NAV RIGHT) */
.header-phones { display:block !important; text-align:right; margin-top:4px; }
.header-phones a { display:block !important; text-decoration:none; color: rgb(255, 197, 25); font-size:18px; font-weight:700; line-height:1.2; white-space:nowrap; margin-bottom:4px; }
.header-phones a.phone-mx { display:inline-block !important; font-size:20px; font-weight:800; color:#000; background: rgb(255, 197, 25); padding:6px 12px 6px 10px; border-radius:4px; }
/* Use Font Awesome 6 pseudo-element instead of emoji */
.header-phones a.phone-mx::before { content:"\f095"; font-family:"Font Awesome 6 Free"; font-weight:900; font-style:normal; display:inline-block; margin-right:6px; color:#000 !important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
/* Ensure any old emoji rule is overridden */
/* .header-phones a.phone-mx::before { content:"\f095" !important; } */
/* Remove inline <i> icon styling safety (if still present) */
.header-phones a.phone-mx i.fa { display:none !important; }
.header-phones a.phone-mx:hover, .header-phones a.phone-mx:focus { background: rgb(255, 212, 84); text-decoration:none; }
.header-phones a.phone-us { opacity:0.9; font-weight:700; }
.header-phones a.phone-us:hover, .header-phones a.phone-us:focus { opacity:1; text-decoration:underline; }

@media (min-width: 768px) { /* keep stacked on larger screens */
  .header-phones { display:block !important; text-align:right; }
  .header-phones a { display:block !important; font-size:20px; font-weight:700; }
  .header-phones a.phone-mx { display:inline-block !important; font-size:24px; font-weight:800; padding:8px 14px 8px 12px; }
}

/* Mobile optimizations for better appearance */
@media (max-width: 767px) {
  .header-phones { text-align:center !important; margin-top:8px; margin-bottom:8px; }
  .header-phones a { display:block !important; font-size:16px; font-weight:700; margin-bottom:6px; }
  .header-phones a.phone-mx { 
    display:inline-block !important; 
    font-size:17px; 
    font-weight:800; 
    padding:8px 12px 8px 10px; 
    margin-bottom:8px;
    border-radius:6px;
  }
  .header-phones a.phone-us { font-size:15px; opacity:0.95; }
}

@media (max-width: 480px) {
  .header-phones { text-align:center !important; margin-top:10px; margin-bottom:10px; }
  .header-phones a { font-size:15px; font-weight:700; margin-bottom:8px; }
  .header-phones a.phone-mx { 
    display:inline-block !important; 
    font-size:16px; 
    font-weight:800; 
    padding:8px 10px 8px 8px; 
    margin-bottom:10px;
    border-radius:6px;
  }
  .header-phones a.phone-us { font-size:14px; }
}



.cta-content { padding: 0; }

.cta-content-1 h1 ul { text-shadow: 3px 3px 0px rgba(0, 0, 0, 1); }

.cta-content-1 p, .cta-content-1 ul { text-shadow: 2px 2px 0px rgba(0, 0, 0, 1); }

/*.cta-content-1 h1 strong { display: block; }*/

.cta-content-2 { margin-top: 20px; padding-bottom: 20px; background-color: rgba(255,255,255,0.3); }

.cta-container-1 { padding-top: 0; padding-bottom: 0; }

.cta-container-2 .cta-content-2 { background-color: transparent; }

.cta-container-2 { padding-top: 20px; padding-bottom: 20px; background: url(images/page-bg.jpg) no-repeat; background-position-x: -920px; background-position-y: -340px; }

.cta-container-2 .cta-content-2 { margin-top: 0; padding: 0; }

.cta-container-2 .cta-content-2 h4 { font-size: 24px; font-weight: 400; text-shadow: 3px 3px 0px rgba(0, 0, 0, 1); }

.cta-container-2 .cta-content-2 p { text-shadow: 2px 2px 0px rgba(0, 0, 0, 1); }



.form-header { padding: 15px 0; }

.form-header h2 { margin: 0; font-size: 23px; font-weight: 400; text-shadow: 3px 3px 0px rgba(0, 0, 0, 1); }

.content-form { padding-left: 0; padding-right: 0; }

.content-form .form-control:hover, .content-form .form-control:focus { background: rgb(255, 238, 170); }

.content-form label { font-size: 14px; font-weight: 400; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }

.content-form label.error { margin: 0; padding: 0 4px; background-color: rgb(255, 0, 0); color: rgb(255, 255, 255); font-size: 12px; line-height: 1.5em; text-transform: uppercase; text-shadow: none; }

.content-form .submit-button { margin-top: 15px; font-size: 28px; font-weight: 700; background-color: rgb(255, 197, 25); color: rgb(0, 0, 0); }

.content-form .submit-button:hover, .content-form .submit-button:focus { background: rgb(255, 212, 84); }

.content-form #submit-02, .content-form #submit-04, .content-form #submit-06 { display: none; }

.privacy { margin-top: 5px; }



.features-container-1 { padding-top: 20px; padding-bottom: 20px; background-color: #eee; }

.features-container-2 { padding-top: 20px; padding-bottom: 20px; background-color: #fff; }

.features-container-3 { padding-top: 20px; padding-bottom: 20px; background-color: #fff; }

.new-section { background-color: #eee; }



.feature-photo-1, .feature-photo-2, .feature-photo-3 { padding-bottom: 20px; }



.features h3, .features p , .features ul { color: rgb(0, 0, 0); }

.features h3 { margin-top: 0; font-weight: 400; }



.cta-button { font-size: 22px; font-weight: 700; background-color: rgb(255, 197, 25); color: rgb(0, 0, 0); }

.cta-button:hover, .cta-button:focus { background: rgb(255, 212, 84); }



.features h3, .features p , .features ul, .inner h4 { color: rgb(0, 0, 0); }

.inner h4 { font-weight: 400; }



.footer-container { margin: 0 0 45px 0; background: #fff; color: #000; }

body#details .footer-container, body#thanks .footer-container { display: none; }

.footer-content { padding-top: 20px; padding-bottom: 20px; }

.footer-content p { font-size: 12px; line-height: 1.3em; color: #000; }

.footer-content p a { color: rgb(255, 197, 25); text-decoration: underline; }



.mobile-sticky-container { display: block; width: 100%; background: rgb(0, 128, 0); }

.mobile-sticky-content { padding-top: 20px; padding-bottom: 20px; }

.mobile-sticky-content a { font-size: 27px; font-weight: 700; color: rgb(255, 255, 255); text-decoration: none; }

.affix { bottom: 0; }



.progress { margin-bottom: 0 !important; height: 40px !important; }

.progress-bar { padding-top: 2px; font-size: 22px; font-weight: 400; line-height: 38px; }

.docusign-message { font-size: 20px; line-height: 1.3em; }

.docusign-button { font-size: 22px !important; }

}

/* END GLOBAL STYLES */



/* START PORTRAIT PHONES and SMALLER */

@media (max-width: 480px) {



}

/* END PORTRAIT PHONES and SMALLER */



/* START LANDSCAPE PHONES and PORTRAIT TABLETS */

@media (max-width: 767px) {



}

/* END LANDSCAPE PHONES and PORTRAIT TABLETS */



/* START PORTRAIT TABLETS and SMALL DESKTOPS / LAPTOPS */

@media (min-width: 768px) and (max-width: 991px) {

	body { background: url(images/page-bg.jpg) no-repeat; background-position-x: 0px; background-position-y: 0px; }

	body#details, body#thanks { background-size: cover; }

	.cta-content-1 h1 { font-size: 42px; }

	.features-container-1, .features-container-3 { padding-top: 40px; padding-bottom: 40px; }

	.features-container-2 { padding-top: 40px; padding-bottom: 40px; }

	.cta-container-2 { padding-top: 40px; padding-bottom: 40px; }

	.cta-container-2 .cta-content-2 { margin-top: 0; padding-top: 0; padding-bottom: 0; }

	.footer-container { margin: 0; }

}

/* END PORTRAIT TABLETS and SMALL DESKTOPS / LAPTOPS */



/* START LANDSCAPE TABLETS and MEDIUM DESKTOPS / LAPTOPS */

@media (min-width: 992px) and (max-width: 1199px) {

	body { background: url(images/page-bg.jpg) no-repeat; background-position-x: -320px; background-position-y: -180px; }

	body#details, body#thanks { background-size: cover; }

	.cta-container-1 { padding-bottom: 40px; }

	.cta-container-1 .cta-content-1 { margin-top: 80px; }

	.cta-content-1 h1 { font-size: 40px; }

	.content-form label { font-size: 18px; }

	.form-header h2 { font-size: 28px; }

	.features-container-1, .features-container-3 { padding-top: 40px; padding-bottom: 40px; }

	.features-container-2 { padding-top: 40px; padding-bottom: 40px; }

	.feature-intro-2 { padding-bottom: 20px; }

	.feature-content-3 { padding-left: 0; padding-right: 0; }

	.cta-container-2 { padding-top: 40px; padding-bottom: 40px; background-position-x: -410px; background-position-y: -540px; }

	.cta-container-2 .cta-content-2 { margin-top: 0; padding-top: 0; padding-bottom: 0; }

	.cta-container-2 .cta-content-2 h4 { font-size: 34px; }

	.footer-container { margin: 0; }

}



/* END LANDSCAPE TABLETS and MEDIUM DESKTOPS / LAPTOPS */



/* START LARGE DESKTOPS / LAPTOPS */

@media (min-width: 1200px) {

	body { background: url(images/page-bg.jpg) no-repeat;  /*background-position-x: -400px;*/ background-position-y: -100px; }

	body#details, body#thanks { background-position-x: 0px; background-position-y: 0px; background-size: cover; }

	.cta-container-1 { padding-bottom: 40px; }

	.cta-container-1 .cta-content-1 { margin-top: 50px; }

	.cta-content-1 h1 { font-size: 56px; }

	body#details .cta-content-1 h1, body#thanks .cta-content-1 h1 { font-size: 46px;	}

	body#details .cta-content-1 h1 strong, body#thanks .cta-content-1 h1 strong { display: inline; }

	.content-form label { font-size: 18px; }

	.form-header h2 { font-size: 27px; }

	.features-container-1, .features-container-3 { padding-top: 40px; padding-bottom: 40px; }

	.features-container-2 { padding-top: 40px; padding-bottom: 40px; }

	.feature-intro-2 { padding-bottom: 20px; }

	.cta-container-2 { background-position-x: 0px; }

	.cta-container-2 { padding-top: 40px; padding-bottom: 40px; }

	.cta-container-2 .cta-content-2 { margin-top: 0; padding-top: 0; padding-bottom: 0; }

	.cta-container-2 .cta-content-2 h4 { font-size: 34px; }

	.footer-container { margin: 0; }

	body#details .call-out a.phone-link, body#thanks .call-out a.phone-link { white-space: nowrap; font-weight: 400; text-decoration: none; color: rgb(255, 255, 255); }

}

/* END LARGE DESKTOPS / LAPTOPS */