/* Theme Name: JC and JC HVAC
    Description: A child theme of hello elementor.
    Author: 1SEO
    Textdomain: jc-and-jc
    Template: hello-elementor
*/

/*** Header ***/
#site-header {
    background-color: transparent;
      width:100vw;
      max-width:100%;
      position: absolute;
  }
#housecall-button {
	background-color: #FEB01B!important;
}
  #site-header > .elementor-container { 
      transition: min-height 1s ease !important; 
  }
  
  #topbar p {
      margin:0;
  }
  
/*** Sticky Header ***/
#site-header.elementor-sticky--effects { 
    background-color:#fff !important;
    box-shadow: 0px 0px 20px rgba(1,1,1,0.18);
}

#site-header.elementor-sticky--effects >.elementor-container{ 
    min-height: 80px; 
}

#site-header.elementor-sticky--effects #topbar {
	margin-bottom:-15px;
	transition: margin 0.35s ease-in-out;
}

/*** Top Navigation ***/
  #navbar .elementor-container {
    background-color: #fff;
    padding:10px;
    border-radius: 8px;
  }
  

  @media (min-width:768px) {
      #navbar .elementor-container {
          padding: 10px;
      }
  }
  
  /*** General typography ***/
  ul + p {
      margin-top:1em;
  }
  
.elementor-text-editor h2,
    .elementor-text-editor h3, 
    .plus-content-editor h2, 
    .plus-content-editor h3 {
	margin-top:25px
}

/* Paragraphs that need h4 style */
.h4 {
    color: var( --e-global-color-primary );
    font-family: Montserrat;
    font-weight:600;
    line-height:1.3;
    font-size:18px;
}

/*** General Layout ***/
  .page-header {
      padding: 300px 20px 50px;
      margin-bottom: 50px;
  }
  
/*** Buttons and links ***/
.gform_wrapper .gform_footer input[type=submit] {
    background-color: var(--e-global-color-accent);
    border: none;
    color: #fff;
    align-content: center;
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
    border-radius: 5px;
}

.gform_wrapper .gform_footer input[type=submit]:hover {
	background-color: var(--e-global-color-609bd4a3) !important;
}

a.button:hover {
    background-color: var( --e-global-color-secondary );
}
  
/*** Icon checklist ***/
.plus-stylist-list-wrapper ul.plus-icon-list-items.d-flex-top .plus-icon-list-icon {
    margin-top: calc(1em/2);
}
  
  @media (min-width:480px) {
      .checklist .plus-icon-list-items, 
      .checklist .elementor-icon-list-items {
        display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
        -webkit-flex-flow: row wrap; -moz-flex-flow:row wrap; flex-flow: row wrap;
        -moz-justify-content: start; -webkit-justify-content: start; justify-content: start;
      }
      
      .checklist .plus-icon-list-items li, 
      .checklist .elementor-icon-list-items li {
          max-width:100%; 
          width:50%;
      }
  }

  @media (min-width:1024px) {
      .checklist.three-columns .plus-icon-list-items li, 
      .checklist .elementor-icon-list-items li {
          max-width:100%; 
          width:33%;
      }
  }
  
/*** Updated Style/Icon List ***/
.plus-icon-list-item > a {
	text-decoration:none !important; /* Removes underline from icon */
}
  .plus-stylist-list-wrapper .plus-icon-list-item > a  p,  
  .plus-stylist-list-wrapper .plus-icon-list-item p > a{
      font-weight:500 !important;
          text-decoration:underline;
  }
  

/*** Coupon Flip Box ***/
  .elementor-flip-box {
	min-height:350px;
}

.elementor-flip-box__layer .banner {
	background: var(--e-global-color-secondary);
	color: #fff;
	font-weight:600;
	padding:10px 15px;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	font-size:20px;
	font-family: 'Montserrat'
}

.elementor-flip-box .subtitle {
	color: var(--e-global-color-text);
	display: block;
	margin-top:25px;
	font-weight:600;
	font-family: var(--e-global-typography-text-font-family);
}
.elementor-flip-box .subtitle_small {
	font-weight:400;
	font-size: 1em;
}

a.elementor-flip-box__layer.elementor-flip-box__back {
    text-decoration: none;
}


/*** Testimonials ***/
  #testimonials-archive h3:before,
  #testimonials-archive h3:after{
      content: '"';
      font-family: 'Times New Roman', serif;
      font-size:32px;
  }
  
  #testimonials-archive h3:before {
      margin-right:-5px;
  }
  
  #testimonials-archive h3:after {
      margin-left:-5px;
  }
  
  /*** Testimonials Carousel (Footer)***/
  #testimonial-carousel img {
      display: none;
  }
  
  #testimonial-carousel h4 {
      color:var(--e-global-color-secondary);
      font-style: normal;
      font-weight:600;
      font-size:20px;
      text-transform:uppercase;
  }
  
  #testimonial-carousel .elementor-testimonial__content {
      width:100%
  }
  
  /*** Forms ***/
  #gform_wrapper_1 {
    position: relative;
      padding:10px
  }
  
  /* Form background colors */
  .gform_body {
      background-color: #fff;
      padding: 0px 15px 10px;
      border-radius: 0 0 15px 15px;
  }
  
  .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield textarea {
      background-color: #e6ebf1;
      border: none;
      border-radius: 5px;
      padding:5px 10px !important
  }
  
  .gform_fields {
      margin: 0;
      padding: 0;
  }
  
  .messagebox {
      width: 100%;
      padding:0px;
  }
  
  .gform_body {
      border-radius: 0px;
  }
  
  /* Footer form */
 footer .ginput_container_email input {
      width:100% !important;
  }
  
  footer .gform_footer{
      margin-top:0px !important
  }
  
/* Responsive edits for bottom row of Gravity Form */  
@media screen and (min-width: 768px) {
    #gform_wrapper_1 .gform_footer {
        padding: 16px 0 10px 0;
        margin: 16px 0 0 0;
        clear: both;
        width: 100%;
        position: absolute;
        right:10px;
        top: 90px;
        text-align: right;
    }

    #gform_wrapper_1 .messagebox {
        width: 78% !important;
    }
}
  
@media (min-width: 1024px) {
    #gform_wrapper_1 .messagebox {
        width: 83% !important;
    }      
}