/*
 Theme Name:   Salon Gonnie
 Theme URI:    https://www.salongonnie.nl
 Description:  Template voor Salon Gonnie
 Author:       Guncorp Studio
 Author URI:   https://www.guncorp.nl
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../Divi/style.css");
/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/*-----------------[DIVI TWEAKS]------------------------*/

/* Change the secondary header phone icon */
#et-info-phone:before { 
    content: '\4e' !important;
}
#et-info-email:before {
	display: none;
}

@media (min-width: 981px) {
    #main-content .container::before {
    display: none;
    }
}
.et_pb_section_0.et_pb_section {
    margin-top: 100px!important;
}

/*----------------[END DIVI TWEAKS]------------------------*/
/*-----------------[CONTACTFORM 7]------------------------*/




/*-----------------[END CONTACTFORM 7]------------------------*/
/*-----------------[WOOCOMMERCE]--------------------------*/
@media (min-width: 768px){
    #customer_details{
        width: 60%;
        float: left;
    }
    #order_review_heading{
        width: 30%;
        float: left;
    }
    #order_review{
        width: 40%;
        float: left;
        padding-left: 50px;
    }
    .woocommerce table.shop_table td{
        width: 50%;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        width: 100%;
    }
}


/*-----------------[END WOOCOMMERCE]----------------------*/
/*-----------------[MEDIAQUERIES]------------------------*/


@media only screen and (min-width: 981px){
#logo {
max-height: 120%!important;
margin-top: 25px;
}
}

@media only screen
  and (min-width : 768px)
  and (max-width : 959px){

}



@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1){

}



@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

}



@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}


/*-----------------[END MEDIAQUERIES]------------------------*/
/*-----------------[MOBILE MENU]-----------------------------*/