/*
 Theme Name:     SchagrinGAS
 Theme URI:      https://www.schagringas.com
 Description:    SchagrinGAS Theme
 Author:         Three60
 Author URI:     https://www.three60.com
 Template:       Divi
 Version:        1.0.0
 Tags: schagringas
 Text Domain: schagringas
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


:root {
  /* --primary: #2ea3f2; */
  --primary: #067fcf;
  --secondary:#f73d2f;
  --tertiary: ;
  --medium-gray: ;
  --light-gray: ;
  --dark-gray: ; } 



body {
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  /* font-size: 16px;
  color: #2b2b2b; */
  background-color: #fff;
  line-height: 1.7em;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

p {
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-size: 16px;
  /* color: #2b2b2b; */
  line-height: 1.6em;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.et_pb_text_0 p {
 line-height: 1.6em !important; }

  h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height:  1.2em !important; 
  }

    @media (max-width: 479px) {
      .et_pb_post h2 {
        font-size: 22px;
        padding-bottom: 10px;
      }
    }
  
    @media only screen and (max-width: 767px) {
      .et_pb_text_0 h3 {
        font-size: 20px;
      }
    }


/* PAGE CONTAINER ADJUSTMENTS */

#page-container {
  padding-top: 128px !important;
}

#main-header {
  top: 52px !important;;
}


/* CUSTOM PAGE TEMPLATE CONTAINER ADJUSTMENT */

.et-tb-has-header #page-container  {
  padding-top: 0px !important;
}



.nav .sub-menu li {
  font-size: 12px;
}

.nav li.et-reverse-direction-nav li ul {
  right: 215px;
}

.nav li ul {
  width: auto !important;
  border-top: 3px solid var(--secondary);
}
  
#top-header .container {
  padding: 10px 0px;
  font-family: "Arial", sans-serif;
  text-transform: uppercase;
}

#main-header, #et-top-navigation {
  font-family: "Arial", sans-serif;
  font-weight: 600;
}

#top-menu a {
  color: #096bb9;
  text-transform: uppercase;
}

#top-menu li .menu-item-has-children>a:first-child:after {
  right: 31px !important;
}


@media (max-width: 767px) {
  .admin-bar #main-header {
    top: 98px !important;
  }
  #et-info {
    display: none !important;
}
}
@media (min-width: 768px) {
  .admin-bar #main-header {
    top: 84px !important;
  }
}
@media all and (min-width: 981px) {
  .admin-bar #main-header {
    top: 78px !important;
  }

  #sg-customer-banner span.sg-customers {
    display: inline !important;
  }

  #sg-customer-banner span.sg-customers::after {
    content: "\35" !important;
  }

 #page-container {
    padding-top: 134px !important;
  }
  .page-id-6562 #page-container, .page-id-6586 #page-container, .page-id-6573 #page-container {
    padding-top: 0px !important;
  }
  
  }

  #main-header {
    top: 48px !important;
  }

  #sg-appliance-section .et_pb_fullwidth_header .et_pb_fullwidth_header_container  {
    white-space: nowrap;
  }


  #et-secondary-menu>ul>li a {
    padding-bottom: 8px !important;
  }

  #et-secondary-nav ul li a:hover {
    background-color: rgb(0,0,0,.1) !important
  }

  #et-info-phone {
    font-size: 16px;
    font-weight: 900 !important;
    top: 6px;
    margin: 0px;
  }


  #et-info-phone:before {
    font-family: 'Arial', 'Open Sans', sans-serif !important;
    content: "Call";
    position: relative;
    top: 0px !important;
    margin-right: 2px;
}

.my-account-link a {
  color:#ffffff !important;
  font-weight: 900;
  background-color: #005599;
  padding: 8px 12px;
  border-radius: 3px ;
  transition: all .3s ease-in-out !important;
}
.my-account-link a::before {
 font-family:"etModules";
 content: "\e06c";
 padding-right: 6px;
  
}

.my-account-link a:hover {
  background-color: #096bb9;
}
  /* .my-account-link a {
    color:#096bb9 !important;
    font-weight: 900;
    background-color: #ffeb3b;
    padding: 8px 12px;
    border-radius: 3px ;
    transition: all .3s ease-in-out !important;
  }

  .my-account-link a:hover {
    background-color: #fff;
  } */


  .now-hiring a {
    color:#096bb9!important;
    font-weight: 900;
    background-color: #ffffff;
    padding: 8px 12px;
    border-radius: 3px ;
    transition: all .3s ease-in-out !important;
  }
  
  .now-hiring a:before {
    color:#096bb9!important;
    font-family: "etModules";
    content: "\55";
    padding-top: 6px;
    padding-right: 4px;
  }
  /* .now-hiring a {
    color:#050505 !important;
    font-weight: 900;
    background-color: #99f5ed;
    padding: 8px 12px;
    border-radius: 3px ;
    transition: all .3s ease-in-out !important;
  } */

  .fa-user-circle:before {
    padding-right: 2px;
    font-size: 14px;
  }



  @media (max-width: 980px){
 
    #et-secondary-menu, #et-secondary-nav {
      display: block !important;
      margin-top: 0px !important;
    }
    #et-secondary-menu .menu-item-has-children, #et-secondary-menu li.now-hiring {
      display: none !important;
    }
   .et_mobile_menu li.my-account-link  {
      display: none !important;
    }

    #contact-form-warnings .et_pb_column  {
      margin-bottom: 0px !important;
      
     }
  }


  #et-info {
    padding: 0 0 !important;
    /* display: none !important; */
}

  /* #top-menu .menu-item-6118 a {
    display: none;
    background: #818181;
    color: #fff;
    font-weight: 800;
  }

  #top-menu .menu-item-114 a {
    display: none;
    background: #fbd279 !important;
  } */

  #top-menu li.menu-item-115  {
    padding-right: 14px !important;
  }
  /* #top-menu li.menu-item-2506  {
    padding-right: 16px !important;
  } */

  #et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    right: 4px;
  }

  #top-menu li.current-menu-item > a, #top-menu li.current-menu-ancestor > a {
    /* background-color: #f3f3f3 !important; */
    color: var(--secondary) !important
   
  }

  
  #top-menu li li a {
    width: 204px  !important;
    font-size: 12px;
    padding: 10px 20px;
    line-height: 1.2em;
    white-space: nowrap;
  }

  #top-menu li li a:hover {
    /* width: fit-content !important; */
    color: #fff;
    background-color: #096bb9;
  }

   #credits {
    text-align: left;
    font-size: 12px;
    color: #7e7e7e;
  }

  #credits-name {
    font-weight: 700;
    color:  #8b8b8b;
  }

  #sg-customer-banner{
    font-size: 1.1em;
  }

  #sg-customer-banner a{
    color: lightslategrey;
    padding-left: 4px;
  }

  #sg-customer-banner span.sg-customers {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--secondary);
    display: block;
  }

  #sg-customer-banner span.sg-customers::after {
    font-family: "etModules"; 
    font-weight: 900; 
    content: "\35";
    color: inherit;
    padding: 0px 8px;
  }

  #contact-form-warnings .et_pb_blurb_description {
    font-size: 1.3em !important;
    line-height: 1.4em !important;
  }

  #contact-form-warnings .et_pb_blurb_position_left .et_pb_blurb_container{
    padding-left: 6px !important;
  }


#opportunity-close-date {
  display: none;
}

  
.wpcf7-form #required-legend {
  text-align: right;
  font-size: .8em;
}
  
.wpcf7-form span.required {
  color: var(--secondary);
  font-size: 1.2em;
}

.wpcf7-form #contact-details-container div {
  padding-bottom: 20px;
}



.wpcf7-form span.first-name::after,
.wpcf7-form span.opportunity-name::after,
.wpcf7-form span.opportunity-account-id::after,
.wpcf7-form span.last-name::after,
.wpcf7-form span.zip::after,
.wpcf7-form span.email::after,
.wpcf7-form span.phone::after,
.wpcf7-form span.street-address::after,
.wpcf7-form span.city::after,
.wpcf7-form span.state::after,
.wpcf7-form span.your-email::after,
.wpcf7-form span.date-available::after,
.wpcf7-form span.created-by::after{
  content: '*';
  position: absolute;
  right: 10px;
  bottom: 0px;
  z-index: 9999;
  color: var(--secondary);
}

.page-id-6573 .wpcf7-form span.email::after {
  display: none;
}


.wpcf7-form  #input-container {
margin-bottom: 1em;
}


.wpcf7-form .form-heading {
font-size: 16px !important;
font-weight: 800;
padding: 8px 0 0 0;
/* margin-bottom: 0px !important; */
/* text-transform: uppercase; */
}

.icon  {
 padding-right: 8px;
 font-size: 1em;
 color: var(--primary);
}
/* .icon::after {
 content: "|";
 padding-left: 4px;
} */


 .dipe-cf7 .wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  padding: 1.4em !important;
  border: 1px solid #ececec !important;
  background-color: #f8f8f8;
  /* opacity: .6; */
  font-size: 14px;
  font-weight: 600;
} 

.dvppl_cf7_styler_0 .dipe-cf7-container .wpcf7-form-control:not(.wpcf7-submit) {
  font-size: 14px;
}

.dipe-cf7 .wpcf7 input::placeholder, textarea::placeholder {
  color: #aaa;
  font-size: inherit;
}

.dvppl_cf7_styler_0 .dipe-cf7-styler .wpcf7 textarea {
  /* opacity: .6; */
  font-weight: 600;
  border: 1px solid #ddd!important;
  background-color: #f8f8f8;
  /* min-height: 140px !important; */
  resize: vertical !important; }
  
  
.dipe-cf7 .wpcf7 input[type=submit] {
  background-color: var(--primary) !important;
  color: #ffffff !important;
  border-color: var(--primary) !important;
  font-weight: inherit !important;
  font-style: normal !important;
  text-decoration: none !important;
  transition: all .5s cubic-bezier(0.170, 0.690, 0.470, 0.995);
  border-radius: 100px;
  margin-top: 10px;
}

/* .dipe-cf7 .wpcf7 input[type=submit] {
  background-color: transparent !important;
  color: var(--primary) !important;
  border-color: var(--primary) !important;
  font-weight: inherit !important;
  font-style: normal !important;
  text-decoration: none !important;
  transition: all .5s cubic-bezier(0.170, 0.690, 0.470, 0.995);
}  */

.dipe-cf7 .wpcf7 input[type=submit]:hover {
  background-color: var(--primary) !important;
  /* font-size: 17px !important; */
  color: rgba(255,255,255,0.75) !important;
  /* border-color: inherit!important; */
  font-weight: inherit !important;
  font-style: normal !important;
  text-decoration: none !important;
  transition: all .5s cubic-bezier(0.170, 0.690, 0.470, 0.995);
} 

/* @media all and (max-width: 768px) {
  .dipe-cf7 .wpcf7 #city, #state{
    margin-bottom: 32px; }
} */

@media all and (max-width: 768px) {
  .wpcf7 .mb-mobile{
    margin-bottom: 2em; }
}

h2.form-section-header {
  padding: 1.2em 0;
  font-size: 1.6em;
}
h3.form-section-subheader {
  padding: 1.2em 0;
  font-size: 1.3em;
}

.form-section-parenthesis {
  font-size: .7em;
}

span.wpcf7-list-item { 
  margin: 0px !important;}


/* This block hides the input fields. */
.wpcf7-list-item input[type=checkbox], input[type=radio], .wpforms-form input[type=checkbox]  {
  position: absolute;
  /* opacity: 0;
  left: -100vw; */
  visibility: hidden !important;
  display: none !important;
}

.wpcf7-acceptance .wpcf7-list-item input {
  position: inherit;
  visibility: inherit !important;
  display: inherit !important;
  
}

/* Now we make the label the button. Style accordingly. */
.wpcf7-list-item .wpcf7-list-item-label {
  border: 1px solid !important;
  border-color: #ddd !important;
  border-radius: 5px !important;
  color: #aaa !important;
  display: inline-block !important;
  /* cursor: pointer !important; */
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1em !important;
  max-width: 100% !important;
  padding: 8px !important;
  margin: 14px 14px 0px 0 !important;
  transition: all ease .3s !important;
}
.inquiry-type .wpcf7-list-item .wpcf7-list-item-label {
  border: 1px solid !important;
  border-color: var(--primary) !important;
  border-radius: 5px !important;
  color: var(--primary) !important;
  display: inline-block !important;
  /* cursor: pointer !important; */
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1em !important;
  max-width: 100% !important;
  padding: 8px !important;
  margin: 14px 14px 14px 0 !important;
  transition: all ease .3s !important;
}


/* Button styles when hovered. */
.wpcf7-list-item .wpcf7-list-item-label:hover {
  background-color: transparent !important;
  border-color: #7e7e7e !important;
  color: #7e7e7e !important;
  cursor:pointer !important;
}

.inquiry-type .wpcf7-list-item .wpcf7-list-item-label:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff!important;
  cursor:pointer !important;
}

/* Button styles when checked. */
.wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label{
  color: #fff !important;
  background: #7e7e7e !important;
  border-color: #7e7e7e !important;
}

.wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label {
  color: #fff !important;
  background: #7e7e7e;
  border-color: #7e7e7e;
}

.inquiry-type .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label {
  color: #fff !important;
  background: var(--primary);
  border-color: var(--primary);
}

.emergency-contact .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label  {
  border-color: var(--secondary)!important;
  background: var(--secondary) !important;
  color: #fff !important;
}


.mc4wp-checkbox {
  font-size: .9em !important;
}

.mc4wp-checkbox input[name="_mc4wp_subscribe_contact-form-7"] {
  margin-right: 6px;
}



@media (min-width: 768px) {
  .dp-col:nth-child(2) {
    padding-left: 40px;
  }
}



#sg-appliance-section .et_pb_fullwidth_header  {
  /* background-color: rgba(255, 255, 255, 0.589); */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


#sg-appliance-section h1 {
  padding: 0px;
  text-transform: uppercase;
  font-weight: bolder !important;
  white-space: normal !important;
  word-break: break-word !important;
}

#sg-appliance-section .et_pb_fullwidth_header .et_pb_fullwidth_header_container  {
  width: auto !important;
  /* white-space: nowrap; */
  background-color: rgba(255, 255, 255, 0.644);

}

@media all and (max-width: 480px) {
  #sg-appliance-section .et_pb_fullwidth_header .et_pb_fullwidth_header_container  {
    width: 90% !important;
   
  }
}

#sg-appliance-section .et_pb_fullwidth_header .header-content {
  width: auto !important;
  /* width: fit-content !important; */
  margin: 0px !important;
  padding: 24px 32px;
}


#n2-ss-2 .n2-style-5f59ea02910966f4db6052fcd292ca6e-heading {
border: 2px solid #2ea3f2 !important;
background-color: transparent !important;
color: #2ea3f2 !important;
transition: all ease .3s;
text-shadow: none !important;
font-family: 'Montserrat', 'Open Sans', sans-serif !important;
font-size: .7em !important;
padding: 8px 12px !important;
}
#n2-ss-2 .n2-style-5f59ea02910966f4db6052fcd292ca6e-heading:Hover, #n2-ss-2 .n2-style-5f59ea02910966f4db6052fcd292ca6e-heading:ACTIVE, #n2-ss-2 .n2-style-5f59ea02910966f4db6052fcd292ca6e-heading:FOCUS {
  background-color: #2ea3f2 !important;
  color: #fff !important;
}

/* #n2-ss-2 .n2-style-4f72beb15bfb0511e07bfb33dde48a42-dot .n2-active, #n2-ss-2 .n2-style-4f72beb15bfb0511e07bfb33dde48a42-dot:HOVER, #n2-ss-2 .n2-style-4f72beb15bfb0511e07bfb33dde48a42-dot:FOCUS {
  background: #2ea3f2 !important;
} */

body .et_pb_button, .sg-button {
/* font-size: 1.1em !important; */
text-transform: uppercase;
letter-spacing: 1px !important;
}



#sg-cta .et_pb_button {
font-size: 1.1em !important;
border-color: var(--primary) !important;
}

#sg-cta .et_pb_button:hover {
  border-color: var(--primary) !important;
  color: rgba(255, 255, 255, 0.495) !important;
  background-color: var(--primary) !important;
  }

#sg-account-cta .et_pb_button {
  font-size: 1em !important;
}

#menu-schagringas-products-services .menu-item {
  padding: .2em 0;
}


#menu-schagringas-products-services .menu-item a:before {
  font-family: "etModules"; 
  font-weight: 900; 
  content: "\35";
  padding-right: .6em;
}

#sg-products-sidebar  .et_pb_widget {
  margin-bottom: 0px !important;
}

/********* Remove top padding on sections for mobile ********/

@media (max-width: 980px) {
  .et_pb_section {
    padding: 0 0;
  }
}



/* Staff forms menu styling */

#menu-sf-forms .menu-item a {
  padding: 0 12px;
}

#sg-menu-sf-forms .menu-item a:before,  #menu-sf-forms .menu-item a:before {
  font-family: "etModules"; 
  font-weight: 900; 
  content: "\e050";
  padding-right: .5em;
}

.page-id-6562 #sg-menu-sf-forms .et_pb_menu__wrap {
  display: none;
}


/********* Mobile Menu Collapse ********/
  
/**** This hides the sub menu items on mobile ****/
  

#main-header .et_mobile_menu li ul {
  max-height: 400px;
  transition: max-height .5s ease-in-out;
  overflow: hidden;
  }

#main-header .et_mobile_menu li ul.hide {
  /* display: none !important; */
  max-height: 0px !important;
  
  /* transition: all .2s ease-in-out; */
  
  }
    
  /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
    
  #mobile_menu .menu-item-has-children {
  position: relative;
  }
  #mobile_menu .menu-item-has-children > a {
  background: transparent;
  }
    
  /**** This styles the icon and moves it to the right ****/
    
  #mobile_menu .menu-item-has-children > a + span {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  z-index: 3;
  }
    
  /**** Here you can swap out the actual icons ****/
    
  span.menu-closed:before {
  content: "\33";
  display: block;
  color: rgb(34, 30, 30);
  font-size: 16px;
  font-family: "eTmodules";

 
  }
    
  span.menu-closed.menu-open:before {
  content: "\4d";
  }

  /* .sub-menu ul{
    transition: all 2s ease-in-out;
  } */

  .mobile_menu_bar.menu-open:before {
    content: "\4d";
   
  }


  #sg-sign-up{
    background-color: var(--primary);
    padding: 25px 36px;
    box-shadow: 1px 1px 16px 1px #f7f5f5 ;
  }
  #sg-sign-up .et_pb_button{
    color: rgba(255, 255, 255, 0.74);
    border-color: rgba(255, 255, 255, 0.74); ;
  }
  #sg-sign-up .et_pb_button:hover{
    border-color: #ffffff !important;
  }

  #sg-sign-up .et_pb_newsletter_description  {
    text-align: center;
  }

  #sg-sign-up .et_pb_newsletter_description p {
    font-weight: 700;
    line-height: 1.4em;
  }
  #sg-sign-up .et_pb_newsletter_description h2 {
    font-weight: bold;
    line-height: 1.4em;
    text-transform: uppercase;
  }
  #sg-sign-up .et_pb_newsletter_description::before {
    font-family: "etModules"; 
    font-weight: 900; 
    content: "\e076";
    color: #fafafa;
    font-size: 5em;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }

  @media (min-width: 768px) and (max-width: 980px){
    
    #sg-sign-up .et_pb_newsletter_description {
      border-right: 1px solid #fff;
      padding-right: 40px;
    }
  }

   /**** remove space between columns in footer widget on mobile ****/

  @media (max-width: 767px) {
    #footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 980px) {
  .footer-widget:nth-child(n) {
      width: 46.25% !important;
      margin: 0 0 0 0 !important;
  }
}

  /* body.et_pb_recaptcha_enabled .grecaptcha-badge { visibility: hidden; }

  #grecapcha-branding {
    font-size: .8em;
  } */