/* 
 Theme Name:     divi-child
 Author:         Wrkmode
 Author URI:     wrkmode.com
 Template:       Divi
 Version:        v.01
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.7.5
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 



.light-grey{
  background:#f7f7f7;
}



#main-footer .container{
  display:none;
}
.d-flex {
  display:flex;
}
.flex-col{
  flex-direction: column !important;
  align-items:center;
}
.flex-row{
  flex-direction: row important;
}


.txt-dark *  {
  color:#333F48;
}
.txt-light * {
  color:white;
}

.outlined-button{
  color:#333F48 !important;
  border:1px solid #333F48;
  border-radius: 50px;
  font-size:16px;
  padding:10px 25px;
  margin:10px 0;
  display: inline-block;
  }
.outlined-button:hover{
  background:#333F48 !important;
  color:white !important;
  }

.txt-button{
    color:#41B6E6 !important;
    margin:5px 0;
    display: inline-block;
}
.txt-button:hover{
   color:#333F48 !important;
}


/*blog-grid*/
.heloo-blog-grid .et_pb_post{
  border:none !important;
  background:none !important;
}


/*   small  ////////////////////////////////////////// */
@media only screen and (max-width: 640px){


  .r-home-grid,
  .r-home-grid * {
      flex-direction:column !important;
      align-items:center;
      }
    /*home service 2*/
    .r-home-grid .fo-img{
      order:0 !important;
      }
    .r-home-grid .fo-txt{
      order:1 !important;
      }
    /*home service 3*/
    .r-home-grid .fo-img2{
      order:0 !important;
      }
    .r-home-grid .fo-txt2{
      order:1 !important;
      }
    /*home service 4*/
    .r-home-grid .fo-img3{
      order:0 !important;
      }
    .r-home-grid .fo-txt3{
      order:1 !important;
      }

      .txt-xxl-vw h2{
		font-size:6vh !important;
		}

}/*  end of small ////////////////////////////////////////// */

/*   TABLET ////////////////////////////////////////// */
@media only screen and (max-width: 980px){
  /* place button modules next to each other in the same column-  
   note: ////////// row-button-inline is not divi class and needs to be placed to a row or column  
   */
     .row-button-inline .et_pb_button_module_wrapper {
      display: inline-block !important;
    }
    .cta-primary, .cta-secondary{
      margin-right:1rem;
    }

    .title h1{
      font-size: 40px;
    }
    .title h5{
      font-size: 16px;
    }

  p {
    font-size:px;
    }


  .home-service-blurb .et_pb_main_blurb_image span img{
    width:100px !important;
    height:auto;
  }

  .r-home-grid,
  .r-home-grid * {
      flex-direction:row;
      align-items:center;
      }
    /*home service 2*/
    .r-home-grid .fo-img{
      order:1;
      }
    .r-home-grid .fo-txt{
      order:0;
      }
    /*home service 3*/
    .r-home-grid .fo-img2{
      order:0;
      }
    .r-home-grid .fo-txt2{
      order:1;
      }

    /*service page grid*/
    .r-service-flex-grid{
      display: flex;
      flex-direction:column;
    }
    .r-service-flex-grid .flex-img{
      order:0 !important;
      }
    .r-service-flex-grid .flex-txt{
      order:1 !important;
      }

    .txt-xxl-vw h2{
		font-size:7vh !important;
		}


    /*blog post*/
    .single-post footer{
      display:none;
    }

}/*  end of TABLET ////////////////////////////////////////// */




/*  D E S K T O P S ////////////////////////////////////////// */
@media only screen and (min-width: 981px){

  .row-button-inline .et_pb_button_module_wrapper {
      display: inline-block !important;
    }
  .cta-primary, .cta-secondary{
    margin-right:1rem;
    }


  /*Headings*/
  .title h1 {
      font-size: 50px;
      }
    .title h5{
      font-size: 18px;
    }

    .r-home-grid{
      width:100% !important;;
      max-width: 100% !important;;
    }


    .r-home-grid,
    .r-home-grid * {
      flex-direction:row;
      align-items:center;
      }
    /*home service 1*/
    .r-home-grid .fo-img{
        order:1 !important;
        }
    .r-home-grid .fo-txt{
        order:0 !important;
        }

    /*home service 3*/
    .r-home-grid .fo-img2{
      order:0 !important;
      }
    .r-home-grid .fo-txt2{
      order:1 !important;
      }


    .txt-xxl-vw h2{
  		font-size:5vw !important;
  		}


    /* blog elements //////////////////////// */
    /* blog post no scroll */
    .single-post #page-container{
      padding-top:0 !important;
      background:red !important;
      }

    /* end blog elements //////////////////////// */


}/*  end of  D E S K T O P ////////////////////////////////////////// */


  /*  MID D E S K T O P S ////////////////////////////////////////// */
  @media only screen and (max-width: 1600px) {


      .s-home-grid-services {
        display:grid;
        grid-template-columns: repeat(1, 100%);
        grid-gap:40px;
        }
      .home-service-item-text{
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        }




  }/* end of  MID D E S K T O P ////////////////////////////////////////// */

  /* HUGE D E S K T O P ////////////////////////////////////////// */
  @media only screen and (min-width: 1601px) {

  /*flexed rows*/

    .s-home-grid-services {
      display:grid;
      grid-template-columns: repeat(2, 50%);
      grid-gap:40px;
      }

    .r-home-grid,
    .r-home-grid * {
      flex-direction:row;
      align-items:center;
      }

    /*home service 1*/
    .r-home-grid .fo-img{
      order:0 !important;
      }
    .r-home-grid .fo-txt{
      order:1 !important;
      }
    /*home service 3*/
    .r-home-grid .fo-img2{
      order:1 !important;
      }
    .r-home-grid .fo-txt2{
      order:0 !important;
      }

  	.txt-xxl-vw h2{
  		font-size:7vw !important;
  		}

      /*blogpost col */
      .col-bp-content{
        padding-right:10vw !important;
      }


}/*  end of  HUGE D E S K T O P ////////////////////////////////////////// */