/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
html {
    scroll-behavior: smooth;
  }
  .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
      background-color: transparent;
  }
  .main-navigation a{
      font-size: 18px;
      font-weight: 600;
  }
.main-navigation ul ul{
	box-shadow: 1px 10px 20px -4px rgb(96 52 0 / 30%);
	-webkit-box-shadow: 1px 10px 20px -4px rgb(96 52 0 / 30%);
	-moz-box-shadow: 1px 10px 20px -4px rgb(96 52 0 / 30%);
}
        /* Timeline */
  @media (min-width: 768px){
    .timeline {
        width: auto;
    }
  }
  
  .timeline {
    list-style: none;
    padding: 70px 0 20px;
    position: relative;
  
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .timeline:before {
    content: "";
    bottom: 0;
    top: 0;
    left: 50%;
    position: absolute;
    background-color: #e55745;
    width: 3px;
    margin-left: -1.5px;
  }
  
  .timeline > li {
    margin-bottom: 20px;
    position: relative;
    text-align: right;
  }
  .timeline > li:before,
  .timeline > li:after {
    content: " ";
    display: table;
  }
  .timeline > li:after {
    clear: both;
  }
  
  /* Timeline Token */
  .timeline-token {
      font-family: Bai Jamjuree, sans-serif;
      font-weight: 700;
      color: white;
      background-color: #EF5125;
      position: absolute;
      left: 50%;
      top: 9px;
      box-sizing: border-box;
      width: 100px;
      height: 100px;
      line-height: 50px;
      font-size: 1.4em;
      text-align: center;
      margin-left: -50px;
      border-radius: 50%;
      padding: 25px;
      border: 3px solid #EF5125;
  }
  @media only screen and (max-width: 600px) {
      .timeline-token {
      width: 60px;
      height: 60px;
      line-height: 17px;
      font-size: 12px;
      padding: 19px;
      border: 3px solid #EF5125;
      }
  }
  .t-t-light {
      color: #EF5125;
      background-color: #FFE4C4;
  }
  
  /* Timeline Panel */
  .timeline-panel {
    float: left;
    width: 43%;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    margin-top: -35px;  
  }
  
  
  li.timeline-event-right {
      text-align: left;
  }
  .timeline-event-right > .timeline-panel {
    float: right;
  
  }
  .timeline-event-right > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  .timeline-event-right > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
  
  /* RESPONSIVE */
  
  @media(max-width: 600px) {
    .timeline:before {
      left: 50px;
    }
    
    .timeline-panel {
      width: calc(100% - 90px);
      float: right;
        text-align: left;
    }
    .timeline-panel:before {
      border-left-width: 0;
      border-right-width: 15px;
      left: -15px;
      right: auto;
    }
    .timeline-panel:after {
      border-left-width: 0;
      border-right-width: 14px;
      left: -14px;
      right: auto;
    }
    
    .timeline-token {
      left: 6px;
      margin-left: 0;
      top: 8px;
    } 
  }
  .timeline-token::after {
          content: " ";
      background: url(https://growthfather.com/wp-content/uploads/2022/02/circle_dotted.png);
      filter: brightness(0) invert(1);
      background-repeat: no-repeat;
      background-position: center center;
      position: absolute;
      top: -3px;
      left: -2px;
      width: 100px;
      height: 100px;
      animation: rotation 8s infinite linear;
  
  } 
  @media only screen and (max-width: 600px){
      .timeline-token::after{
          top: 2px;
          left: -3px;
          width: 60px;
          height: 50px;
          background-size: contain;
      }
  }
  .timeline-event-right .timeline-token::after { 
      filter: brightness(1) invert(0);
  }
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  
  .timeline-wrap::before{
      content: url(http://dev.growthfather/wp-content/uploads/2022/01/spring-element.png);
      position: absolute;
      z-index: 999;
      left: -245px;
      transform: rotate(315deg);
  }
  /* .timeline-wrap::after{
      content: url(http://dev.growthfather/wp-content/uploads/2022/01/spring-element.png);
      position: absolute;
      z-index: 999;
      right: -260px;
      bottom: 140px;
      transform: rotate(
  347deg);
      filter: blur(3px);
  } */
  
  .content {
    width: 100%;
    height: 100%;
  }
  
  .content__accordion {
    padding: 40px 0;
  }
  
  .accordion {
    width: 100%;
    margin: 0 auto;
  }
  
  .accordion__wrapper,
  .accordion__item {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  
  .accordion__wrapper {
    gap: 12px;
  }
  
  .accordion__item--summary,
  .accordion__item--detail {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
      padding: 40px 12px 12px 12px;
    border-radius: 8px;
  }
  
  .accordion__item--summary {
    flex-direction: row;
    cursor: pointer;
    align-items: flex-start;
  }
  .accordion__item--summary:hover h2, .accordion__item--summary:hover button i{
      color: #EF5125;
	  text-shadow: none;
  }
  .accordion__item--detail {
    margin-top: 0px;
    max-height: 0;
    opacity: 0;
    padding: 0;
    border: 1px solid transparent;
    visibility: hidden;
    overflow: hidden;
  }
  
  .accordion__item-title h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.5px;
  }
  
  .accordion__item-toggler {
    margin-left: auto;
  }
  
  .accordion__item-toggler button {
    border: none;
    outline: none;
      background: none;
  }
  
  .accordion__detail-section {
    padding: 12px;
    letter-spacing: 0.3px;
    flex: 2;
  }
  .accordion__item-toggler button i {
      color: #323A56;
  }
  .accordion__item--active .accordion__item-toggler button i {
     transform: rotate(45deg);
      color: #EF5125;
  }
  .accordion__item--active h2{
      color: #EF5125;
      text-shadow:none;
  }
  .accordion__item--active .accordion__item--detail {
    max-height: 800px;
    opacity: 1;
    visibility: visible;
    margin-top: 12px;
      margin-bottom: 40px;
  }
  .accordion__detail{
      display: flex;
      flex-direction: column;
      width: 100%;
  }
  @media only screen and (min-width: 600px) {
    .accordion__detail{
      flex-direction: row;
    }
    
  }
  .accordion-image img{
      width: 100%;
      margin: auto 0px;
  }
  .accordion-image{
      flex: 1;
      display: flex;
  }
  .accordion__item-icon {
      flex: 1;
  }
  .accordion__item-title{
      flex:2;
  }
  .stroke-text{
      color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  }
  
  
  /* Testimonial */
    .testimonial-wrap {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .client-avatar {
        position: relative;
        flex: 1;
        margin-bottom: 80px;
    }
    @media only screen and (min-width: 940px){
        .testimonial-wrap { 
            flex-direction: row;
        }
        .client-avatar{
            margin-bottom: 0px;
        }
    }
    .testimonial-text{
        flex: 2;
    }
    .client-avatar::after {
        content: "";
        background: url(https://www.growthfather.com/wp-content/uploads/2022/08/vector-testimonial.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        width: 100%;
        height: 75px;
        position: absolute;
        left: 0px;
        bottom: -30px;
    }
    .client-logo-testimonial {
        align-self: center;
        max-width: 100%;
        margin-left: 20px;
    }
    p.client-name {
        margin-bottom: 5px;
        font-family: Bai Jamjuree, sans-serif;
        font-size: 38px;
    }
    p.client-designation {
        font-size: 14px;
        color: #EF5125;
    }
    .client-image{
        max-width: 510px;
    }
    img.quote-icon {
    position: absolute;
    top: 0px;
    left: 30px;
    }
    .client-image-wrapper{
        margin: 0px 40px;
    }
	.wppb-addon .white .sa_owl_theme .owl-nav .owl-next, .wppb-addon .white .sa_owl_theme .owl-nav .owl-prev {
			background: #ffffff !important;
			border: 1px solid #EF5125 !important;
		}
	.wppb-addon .white .sa_owl_theme .owl-nav .owl-next::after, .white .sa_owl_theme .owl-nav .owl-prev::after {
		color: #EF5125;
		position: absolute;
		right: 50%;
		top: 41%;
		display: block;
		float: right;
		transform: translate(50%, -50%);
	}
	.wppb-addon .white .sa_owl_theme .owl-nav .owl-next::after { 
		content: '→';
	}
	.white .sa_owl_theme .owl-nav .owl-prev::after {
		content: '←';
	}
	.wppb-addon .white .sa_owl_theme .owl-nav .owl-next:hover, .wppb-addon .white .sa_owl_theme .owl-nav .owl-prev:hover {
			background: #EF5125 !important;
		}
	.wppb-addon .white .sa_owl_theme .owl-nav .owl-next:hover::after, .white .sa_owl_theme .owl-nav .owl-prev:hover::after {
		color: #ffffff;
	}
	@media only screen and (min-width: 940px){ 
		.white .sa_owl_theme .owl-nav div, .white .sa_owl_theme .owl-nav button{
			width: 50px !important;
			top: auto;
			bottom: 40px;
		}
		.white .sa_owl_theme .owl-nav .owl-prev {
			left: 35%;
		}
		.white .sa_owl_theme .owl-nav .owl-next {
			right: 55%;
		}
	}
 @media only screen and (max-width: 600px){
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{
	    top: 35%;
}
}
  
  /* style for multi step form */
  .checkbox-btn label span {
    text-align: center;
    padding: 3px 0;
    display: block;
      cursor: pointer;
  }
  .checkbox-btn label input {
    position: absolute;
    display: none;
    color: #fff !important;
  }
  
  .checkbox-btn label input + span {
      color: #000000;
      font-size: 12px;
      border: 1px solid #fff;
      background: #ffffff;
      border-radius: 50px;
      padding: 10px 20px;
      margin: 10px 5px;
	  box-shadow: -1px 3px 12px 0px rgb(121 76 0 / 30%);
	-webkit-box-shadow: -1px 3px 12px 0px rgb(121 76 0 / 30%);
	-moz-box-shadow: -1px 3px 12px 0px rgb(121 76 0 / 30%);
	  transition: 0.3s;
  }
  @media only screen and (min-width: 600px){
      .checkbox-btn label input + span{
      font-size: 16px;
      padding: 15px 42px;
  }
  }
  .checkbox-btn label input + span:hover{
      margin-top: -1px;
  }
  .checkbox-btn input:checked + span{
      background-color: #EF5125;
      color: #ffffff;
      border: 1px solid #EF5125;
  }
  .popmake {
      display: flex;
      justify-content: center;
      width: auto;
      }
/*   .popmake input[type="submit"]{
          font-family: Bai Jamjuree, sans-serif;
      color: #ffffff;
      background-color: #EF5125;
      font-weight: 600;
      -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  }
  .popmake input[type="submit"]:hover{
      background-color: #323A56;
  } */
  .checkbox-btn{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
	  min-height: 170px;
  }
  .cf7mls_btn, #wpcf7-f311-p306-o2 .wpcf7-submit, .wpcf7-form-control.wpcf7-submit{
      position: relative;
      font-size: 20px !important;
      text-decoration: none !important;
      font-weight:600 !important;
      display: flex !important;
      width: fit-content !important;
      padding-left: 70px !important;
      text-align: center !important;
      color: #000000 !important;
      border: 1px solid #EF5125 !important ;
      background: linear-gradient(to left, #ffffff00 50%, #EF5125 50%) right !important;
      background-size: 200% !important;
      transition: .5s ease-out !important;
      height:100% !important;
      border-radius: 0px !important;
  }
  .cf7mls_btn::before, #wpcf7-f311-p306-o2 .wpcf7-submit::before, .wpcf7-form-control.wpcf7-submit::before {
      content: "\2192";
      font-size: 30px;
      color: #ffffff;
      background-color: #EF5125;
      position: absolute;
      width: 60px;
      height: 100%;
      z-index: -1;
      left: 0;
      top: 0;
      z-index: 999;
	  line-height: 42px;
  }
.popmake .wpcf7-form-control.wpcf7-submit{
	    padding: 13px 15px;
}
  @media only screen and (max-width: 600px){
      .cf7mls_btn, #wpcf7-f311-p306-o2 .wpcf7-submit, .wpcf7-form-control.wpcf7-submit{
      font-size: 14px !important; 
      }
      .popmake input[type="submit"]::before, .cf7mls_btn::before, #wpcf7-f311-p306-o2 .wpcf7-submit::before, .wpcf7-form-control.wpcf7-submit::before {
      font-size: 20px; 
          line-height: 40px;
      }
      .wpcf7-list-item {
      width: 100%; 
      }
  }
   .cf7mls_btn:hover, #wpcf7-f311-p306-o2 .wpcf7-submit:hover, .wpcf7-form-control.wpcf7-submit:hover{
      background-position: left !important;
      color: #ffffff !important;
  }
  .button-icon{
      background-color: #EF5125 !important;
      margin-right: 1.5em !important;
        margin-bottom: 1px !important;
  }
.popmake .wpcf7-form-control{
	width: 100%;
	font-size: 18px;
}
  .cf7mls-btns{
      display: flex;
      justify-content: center;
  }
  .cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button {
      margin: 0px 0px 26px; 
  }
  .fieldset-cf7mls h3{
      text-align: center;
  }
  .fieldset-cf7mls p.sub-h-form{
      text-align: center;
      margin-bottom: 40px;
  }
  .form-inputs {
          display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%;
      box-sizing: border-box;
  }
  .form-inputs p {
      width: 100%;
      margin: 10px 5px;
      box-sizing: border-box;
  }
  .form-inputs label {
      font-size: 18px;
  }
  @media only screen and (min-width: 600px){ 
      .form-inputs label {
      font-size: 14px;
  }
  
  .form-inputs p {
      width: 32%;
      margin: 0px 5px;
      box-sizing: border-box;
  }
  }
  .cf7mls_btn img{
      margin-top: 3px;
      width: 25px !important;
  }
  .wpcf7-list-item {
      margin: 0 1em 0 1em; 
  }
  .marketing-plan-form .wppb-text-block-content {
      display: block;
  }
  
  .form-inputs input[type="text"], .form-inputs input[type="email"], input[type="url"], .form-inputs input[type="password"], .form-inputs input[type="search"], .form-inputs input[type="tel"], .form-inputs input[type="number"], textarea, select {
      font-size: 20px;
  }
  .submit-button{
      padding: 20px 0px;
      position: relative;
      width: 100%;
      display: flex;
      justify-content: center;
  }
  body.single-post .inside-article{
      font-family: 'Open Sans', 'system-ui', 'Trebuchet MS', 'Arial', 'Helvetica', 'Verdana';
      font-size: 20px;
      line-height: 1.8;
  }
  body.single-post .inside-article h1, body.single-post .inside-article h2, body.single-post .inside-article h3, body.single-post .inside-article h4{
      font-family: 'Open Sans', 'system-ui', 'Trebuchet MS', 'Arial', 'Helvetica', 'Verdana' !important;
  }
  body.single-post .inside-right-sidebar h2{
      font-size: 34px;
  }
  .blog-grid .wppb-post-grid-title{
      font-size: 32px;
  }
  .blog-grid .wppb-post-grid-intro{
      font-size: 18px;
  }
  .icon-box-service:hover .wppb-feature-box-title, .icon-box-service:hover .wppb-feature-box-intro{
      color: #ffffff;
  }
  .icon-box-service, .h-100 .wppb-builder-addons{
      height: 100%;
  }
  
  /* Timeline-2 */
   @media (min-width: 768px){
  .timeline-2 {
    width: 100%;
  }
  }
  
  .timeline-2 {
  list-style: none;
  padding: 70px 0 20px;
  position: relative;
  
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  }
  .timeline-2:before {
  content: "";
  bottom: 0;
  top: 0;
  left: 115px;
  position: absolute;
  
  background-color: #e55745;
  width: 3px;
  margin-left: -1.5px;
  }
  
  .timeline-2 > li {
  margin-bottom: 20px;
  position: relative;
  text-align: right;
  }
  .timeline-2 > li:before,
  .timeline-2 > li:after {
  content: " ";
  display: table;
  }
  .timeline-2 > li:after {
  clear: both;
  }
  
  /* Timeline Token */
  .timeline-token-2 {
  font-family: Bai Jamjuree, sans-serif;
  font-weight: 700;
  color: white;
  background-color: #EF5125;
  position: absolute;
  left: 100px;
  top: 9px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  margin-left: -50px;
  border-radius: 50%;
  padding: 24px;
  border: 3px solid #EF5125;
  }
  @media only screen and (max-width: 600px) {
      .timeline-token-2 {
      width: 60px;
      height: 60px;
      line-height: 17px;
      font-size: 12px;
      padding: 19px;
      border: 3px solid #EF5125;
      }
  }
  /* Timeline Panel */
  .timeline-panel-2 {
  float: right;
  text-align: left;
  width: 85%;
  position: relative;
  padding: 20px;
  box-sizing: border-box;
  margin-top: -20px;  
  }
  @media (max-width: 900px){
    .timeline-panel-2 {
        width: 80%;
        float: right;
        text-align: left;
    }
  }
  
  .timeline-event-right > .timeline-panel-2 {
  float: right;
  
  }
  .timeline-event-right > .timeline-panel-2:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
  }
  .timeline-event-right > .timeline-panel-2:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
  }
  .t-t-light {
      color: #EF5125;
      background-color: #FFE4C4;
  }
  
  /* RESPONSIVE */
  
  @media(max-width: 600px) {
  .timeline-2:before {
    left: 50px;
  }
  
  .timeline-token-2 {
    left: 6px;
    margin-left: 0;
    top: 8px;
  } 
  }
  .timeline-token-2::after {
        content: " ";
    background: url(https://growthfather.com/wp-content/uploads/2022/02/circle_dotted.png);
    filter: brightness(0) invert(1);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -3px;
    left: -2px;
    width: 100px;
    height: 100px;
    animation: rotation 8s infinite linear;
  
  } 
  @media only screen and (max-width: 600px){
  .timeline-token-2::after{
    top: 2px;
      left: -3px;
      width: 60px;
      height: 50px;
    background-size: contain;
  }
  }
  .timeline-event-right .timeline-token-2::after { 
  filter: brightness(1) invert(0);
  }
  @keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
  }
  .faq-accordion .wppb-accordion-title.active {
      border-radius: 30px 30px 0px 0px;
  }
  .faq-accordion .wppb-accordion-title{
      border-radius: 30px 30px 30px 30px;
  }
  .faq-accordion .wppb-accordion-title-content{
      font-family: Bai Jamjuree, sans-serif;
  }
  
      
  @media(max-width: 768px) {
      .faq-accordion .wppb-accordion-title {
          border-radius: 20px;
          padding-right: 50px;
      }
      .footer-banner .wppb-container{
          background-size: 60%;
      }
  }
  @media (max-width: 470px){
  .footer-banner .wppb-container {
      background-size: contain;
  }
  }
  .faq-accordion .wppb-accordion-title.wppb-toggle-right.active {
      padding: 36px 40px 15px 40px;
      border-width: 1px 1px 0px 1px;
  }
  .faq-accordion .wppb-accordion-item {
      margin-top: 25px;
  }
  .faq-accordion .wppb-accordion-title .wppb-toggle-direction.wppb-toggle-right {
      right: 40px;
  }
  @media only screen and (max-width: 768px) { 
  .faq-accordion .wppb-accordion-title .wppb-toggle-direction.wppb-toggle-right {
      right: 16px;
  }
  }
  .slide-l-scroll {
      z-index: -2;
      position: absolute;
      top: 35px;
      left: -20px;
      width: 110%;
      height: 300px;
      background-repeat: repeat-x;
      background-size: cover !important;
      transform: rotate(355deg);
  }
  .slide-r-scroll {
      z-index: -2;
      position: absolute;
      bottom: 35px;
      left: -20px;
      width: 110%;
      height: 300px;
      background-repeat: repeat-x;
      background-size: cover !important;
      transform: rotate(355deg);
  }
  @media only screen and (max-width: 468px){ 
      .slide-l-scroll, .slide-r-scroll {
/*           background-size: 180% !important; */
          height: 130px;
      }
  }
  .sm-ic-1{
      background: url(https://www.growthfather.com/wp-content/uploads/2022/05/social-media-icons-1.png);
  }
  .sm-ic-2{
      background: url(https://www.growthfather.com/wp-content/uploads/2022/05/social-media-icons-2.png);
  }
  .sm-ic-3{
      background: url(https://www.growthfather.com/wp-content/uploads/2022/05/social-media-paid-ads-1.png);
  }
  .sm-ic-4{
      background: url(https://www.growthfather.com/wp-content/uploads/2022/05/social-media-paid-ads-2.png);
  }
  
  .ml-1{
      margin-left: 1em;
  }
  img.wp-image-356 {
      max-width: 100px;
  }
  
@media only screen and (max-width: 768px){ 
	.parallax-sec .wppb-column, .parallax-sec{
    	background-attachment: scroll !important;
	}
}
.google-partner-footer img {
    max-width: 160px;
}

.b-rad .wppb-column{
	border-radius: 30px;
}

/* New blog layout */
.blog-layout footer.entry-meta {
    	margin-top: 1em;
	}
.blog-layout h2.entry-title {
    font-size: 22px;
}
@media only screen and (min-width: 768px){ 
	.blog-layout h2.entry-title {
    	font-size: 28px;
	}
	.inside-article.blog-layout {
		display: flex;
	}
	.blog-col1{
		flex: 1;
	}
	.blog-col2{
		flex: 1;
		padding-left: 40px;
		padding-bottom: 40px;
	}
	.entry-summary{
		position: relative;
	}
	a.read-more-excerpt, a.read-more {
		position: absolute;
		bottom: -30px;
		left: 0;
}
	
	.blog-layout .entry-summary{
		margin-top: 5px;
	}
	
	.blog-layout .entry-meta{
		font-size: 12px;
	}
	.blog-layout .entry-summary{
		font-size: 16px;
	}
	.widget-area ul.wp-block-latest-posts__list.wp-block-latest-posts{
		font-size: 16px;
	}
	.widget-area .wp-block-group__inner-container h2{
		    font-size: 35px;
	}
}

	.wppb-container > .wppb-row{
		overflow-x: visible;
	}