/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@100;300;400;500;700&display=swap');

h1,h2,h3,h4,p,a,li,td{
	font-family: 'Roboto', sans-serif!important;
}

li.current-menu-item span{
	font-weight:900;
}

#wt-cli-accept-btn{
	float:right;
}

#wt-cli-accept-btn:focus{
	opacity:1!important;
}

#wt-cli-accept-btn:hover{
	background:black!important;
	border:1px solid white!important;
	color:white!important;
}

#wt-cli-cookie-banner{
	font-size:0.9rem!important;
	font-weight:normal!important;
}

span.shop-cart{
	position:static!important;
}

#dtb-m-menu{
	z-index:999999;
}

.woocommerce div.product p.price{
    font-size: 1.5rem!important;
    color: #000000!important;
    text-align: center!important;
}

.woocommerce div.product .product_title{
    font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2rem;
    color: #000000!important;
    text-align: center;
}

body #page-container .et_pb_db_product_summary_0 .button {
	color:white!important;
	text-transform:uppercase!important;
	border:1px solid black!important;
}

body #page-container .et_pb_db_product_summary_0 .button:hover {
	color:black!important;
	background-color:white!important;
}

#free-banner-above{
	background-color: black;
	width: 100vw;
	color: white;
	text-align: center;
	font-size: 0.85rem;
	padding: 0.2rem 0;
	letter-spacing: 0.03rem;
	font-weight: 400;
}

@media (min-width: 1281px) and (max-width: 1400px) and (orientation : landscape){
}

@media (min-width: 1024px) and (max-width: 1280px) and (orientation : landscape){
}

@media only screen and (min-width: 200px) and (max-width: 1023px) and (orientation : landscape){
}

/* Extra Mid Landscape styles */

@media only screen and (min-width: 200px) and (max-width: 1023px) and (orientation : landscape){
}

@media only screen and (min-width: 780px) and (max-width: 1023px) and (orientation : landscape){
}

/* Extra Mid Landscape styles */

@media only screen and (min-width: 200px) and (max-width: 900px) and (orientation : portrait){
	#free-banner{
		font-size: 0.8rem;
	}
}

@media only screen and (min-width: 765px) and (max-width: 900px) and (orientation : portrait){
	#free-banner{
		font-size: 0.85rem;
	}
}