/*
Theme Name: Ro Theme Simple
Theme URI: https://portifolio.garotamistica.com.br
Description: Desenvolvido por Rosilda Moreira para apresentação de Portifólios de Desenvolvimento Web
Author: Rosilda Moreira
Author URI: https://portifolio.garotamistica.com.br
Version: 1.1
*/

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


body{
	overflow-x: hidden;
	font-family:Roboto;
}
.cor-principal{
	background-color: #000;
}
.cor-secundaria{
	background-color: #fef9d6;
}

.cor-secoes{
	background-color: #000;
}

.clear{clear: both;}

/* FONTES */
h1,h2,h3,h4,h5,h6{
	font-family: 'Bebas Neue', sans-serif!important;
	font-weight: 400;
}
h3,h4,h5,h6{
	font-family: 'Kanit', sans-serif!important;
	font-weight: 400;
}
p{
	font-family: 'Kanit', sans-serif!important;
	font-weight: 400;
}
a{
	font-family: 'Kanit', sans-serif!important;
	font-weight: 400;
}
.container{
	min-height: 500px!important;
}

/* HEADER */
header{
	margin: 0;
	padding: 0;
	z-index: 20; 	
}

header p{text-align: justify;}

/* navbar */
.navbar{z-index: 100!important;}
header .navbar-custom{
	max-height: 80px;
	background-color: #ff0000!important;
	-webkit-box-shadow: 0 0 2px 2px #C0C0C0;
    box-shadow: 0 0 2px 2px #C0C0C0;
	margin-top: 15px;
}

/* menu */
header .nav-link{
	color:#000!important;
	font-weight: 500;
}
header .nav-link:hover{
	color:#bd0404!important;
	font-weight: 500;
	text-decoration: underline;
}

/* dropdown */
header a.dropdown-item{
	color:#000;
}

/* FiboSearch - busca de produtos do woocommerce */
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	line-height: 10px;
	height:5px!important;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{
	background-color: transparent!important;
}
.dgwt-wcas-search-submit{
    margin-top:-12px!important;
    margin-left:200px!important;
}
.busca ul li a:link, a:visited, a:active{
	color:#317EEF;
}

/* WathsApp - Botão flutuante */
.float-whats{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.whats-float{
	margin-top:16px;
}

.logotipo{
    margin-left: -30px; 
    background-color:#fff!important; 
    padding: 10px 15px;
    position: relative;
	top:0px;
	left:20px;
	width: 155px!important;
	height: 124px!important;
	background-color: #fef9d6;
	z-index: 21;	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 0 2px 2px #c0c0c0;
    box-shadow: 0 0 2px 2px #c0c0c0;
}

.dropdown-menu {
    margin: 0px auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.dropdown-menu .dropdown-menu {
    left: 100%;
    top: 0px;
}
/*  shows the dropdown on hover*/
.navbar ul.nav li:hover > ul.dropdown-menu {
    display: block;   
}
/* before and after */
.navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
    display: none;
}

#menuContainer{
 	margin-left: -3px;
 	width:120px!important;
}
#menu-top-menu{
	margin-top: 0;
	
}
#menu-top-menu li{
	width: 100%;
	justify-content: center;
	display:flex;
	align-items: center;
}

#menu-top-menu li a{
	width: 100%;
	text-align: center;
	-webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    color:#fff!important;
}
#menu-top-menu li{
    width:120px;
    height:35px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
    margin:auto 5px;
 	background-color:#000;
 	-webkit-box-shadow: 0 0 5px 2px #BD0404;
    box-shadow: 0 0 5px 2px #BD0404;
}
#menu-top-menu li:hover{
 	background-color:#8b0000;
 	-webkit-box-shadow: 0 0 5px 5px #FFFFFF;
    box-shadow: 0 0 5px 5px #FFFFFF;
}
/* menu ------------------------------------------------------------------------------------- */


/* Search */
#menu-item-85{
	display:none!important;
	background-color: #EEEEEE!important;
}

.clear{clear:both;}

.banner-texto{
	text-transform: uppercase; 
	text-align: center; 
	padding-right: 25px; 
	font-weight: 800;
	width: 900px;
}
.banner-texto-left{
	text-transform: uppercase; 
	text-align: left; 
	padding-left: 25px; 
	font-weight: 800;
	width: 900px;
}
.banner-texto-left p{
	text-shadow: 0 0 6px #000000;
}
.banner-texto-right{
	text-transform: uppercase; 
	text-align: right; 
	padding-left: 25px; 
	font-weight: 800;
	width: 900px;
}
.banner-texto-right p{
	text-shadow: 0 0 6px #000000;
}
.banner-texto h1,.banner-texto-left h1,.banner-texto-right h1{
	font-size:4em;
	text-shadow: 2px 2px 5px #000000;
	color:#FF0000;
}

.banner-texto h2{
	font-size:2em;
	line-height: 1.3em;
	text-shadow: 2px 2px 5px #000000;
	padding: 20px 125px 0 125px;
}
.banner-botao{
	margin-top: 3px;
	padding: 8px 20px;
	background-color: #000;
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-webkit-box-shadow: 1px 1px 5px 3px #000000;
	box-shadow: 1px 1px 5px 1px #000000;
}

.banner-botao:hover{
	background-color: #000;
	color: #fff;
}
.alinhar-banner-background{
	background-repeat: no-repeat;
	background-position: right;
	min-height: 500px;
	min-width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-shadow: 1px 1px 5px 3px #000000;
	box-shadow: 1px 1px 5px 1px #000000;
}
.thumb-size-combo img{
	padding:15px;
}
.thumb-square img{
	height: 250px;
	width: 250px;
	margin: 0 auto;
}
.thumb-size-height{
	height: 200px;
}
.thumb-size-width{
	width: 200px;
}

.conteudo{
	text-align: justify;

}
.texto-justificado{
	text-align: justify;
}
.bkg-color{
	background-color: #000;
}
.conteudo-resumido{
	text-align: justify;
	overflow: hidden; /* remove o estouro do elemento */
	text-overflow: ellipsis; /* adiciona “...” no final */
	display: -webkit-box;
	-webkit-line-clamp: 3; /* quantidade de linhas */
	-webkit-box-orient: vertical; /* conteúdo será apresentado verticalmente */
}

.leia-mais{
	background-color: #000;
	border: none;
	background-color: 
	text-decoration: none;
	color:#fff;	
	margin:10px;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 10px;
	width: 100px;
	height: 25px;
	margin: 0 auto;
}
.leia-mais:hover{
	background-color: #340305;
}
.leia-mais a:link, a:visited, a:active{
	text-decoration: none;
	color:#fff;
	font-size: 0.9em;
}

.leia-mais a:hover{
	text-decoration: none;
	color:#fff;
	font-size: 0.9em;
}
.card{
	border:none!important;
}
.card-img, .card-img-top, .card-img-bottom {
    width: 225px;
    height: 225px;
}

.card-body {
    height:200px;
}

.pontilhado:hover{
	border:2px #fff dashed;
}

.fundo-transparente{
	background: rgba(255, 255, 255, .4);    /*  40% opaque green */ 
}
.fundo-transparente p{
	color:#000;
	font-weight: 600;
}

.alinhar-direita{
	color:#fff;
	text-align: right!important;
}
footer{
	bottom: 0;
}
.links_footer a:link, a:visited, a:active{
	text-decoration: none;
	color:#fff;
}

.links_footer a:hover{
	text-decoration:underline;
	color:#fff;
}

.sidebar ul li a{
	text-decoration: none;
	color:#000!important;
}

.sidebar input{
	width:80px!important;
}

.sidebar .wp-container-3 .wp-block-columns{
	width: 150px;
}

.pontilhado{
	border:1.5px #ccc dashed;
	margin:1px;
	padding:25px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
.bgcolor-2{
	background-color: #ffff!important;
}
.widget-title{
	font-size:0.8rem;
}
.search-field{
	width:70%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
}

/* WOOCOMMERCE */
.woocommerce-loop-product__title{
	font-size:1rem;
	color:#000;
	min-height: 58px!important;
}
.woocommerce-Price-amount{
	color: #000;
}
.page-numbers li{
	background-color:#000;
	color: #fff;
}

span.page-numbers.current   {
	background-color:#000!important;
	color: #fff!important;
}
/*
.page-numbers{
	width:500px!important;
	margin:0 auto!important;
}
*/
.product-category img{
	height: 100px!important;
	width: 100px!important;
}

.lista-de-categoria ul.products li.product {
	float: none;
	margin: 0 auto;
}

.lista-de-categoria .woocommerce-loop-category__title{
	color:#000!important;
	text-align: center;
	margin-top: -25px!important;
}
.woocommerce-ordering .orderby{
	font-size:0.8rem;
	width: 250px!important;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
.woocommerce-result-count{
	font-size:0.8rem!important;
}

.product-name a{
	color:#000!important;
}
a.checkout-button{
	background-color: #000!important;
	color:#fff!important;
}

button#place_order.button.alt{
	background-color: #000!important;
	color:#fff!important;
}
.preco{
	font-family: Roboto;
	font-weight: 600;
}

.thumbnails .thumbnails-ori img{
	background-color: #fff;
	padding:5px!important;
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
}
.lazyloaded img{
	height: 300px!important;
	width: 300px!important;
}
.product{
	background-color: #fff;
	padding:15px!important;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
.product img{
	background-color: #fff;
	padding:5px!important;
	border:none;
}
.product h2{
	text-align: center;
}

.onsale{
	background-color: #000!important;
}

#wpmenucartli{
	margin-left:0!important;
	color:#000!important;
}
li.wpmenucartli {
	margin-top: 8px;
	margin-left: 25px;
}
i.wpmenucart-icon-shopping-cart-0{
	color#000;
}
.navbar-collapse.collapse.show li span{	
	
	color:#000;
}

.woocommerce .woocommerce-product-search button{
	font-size: 0.75em;
	font-weight: 800;
	padding: 4px;
	margin: 1px;
	width: 29%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #000;
	color:#fff;	
	clear:left;
}

.woocommerce-products-header{
	display: none;
}
form.woocommerce-ordering{
	display: none;
}
ul.product-categories{
	list-style-type: none;
}
ul.product-categories li.cat-item a{
	color: #000!important;
}
.input-text.qty.text{
	height: 25px;
	font-size: .78em;
	font-weight: 600;
	background-color: #000;
	color:#fff;	
}
button.single_add_to_cart_button.button.alt{
	padding:6px;
	font-size: .78em;
	font-weight: 600;
	background-color: #000;
	color:#fff;	
}
button.single_add_to_cart_button.button.alt:hover{
	background-color: #89070b;
}
.woocommerce-cart-form .button{
	padding:12px!important;
	font-size: .78em!important;
	font-weight: 600!important;
	background-color: #000!important;
	color:#fff!important;	
}

.woocommerce-product-gallery__image .flex-active-slide{
	max-width: 600px;
	max-height: 400px;
}



.woocommerce a.shipping-calculator-button{
	display: none;
}

/* backgrounds pages */
.woocommerce-shop{
	background-color: #fff!important;
}
/* Esconde o botão adicionar ao carrinho */
.cart {
    display:none;
}
.tax-product_cat{
	background-color: #fff!important;	
}
section.related.products{
	background-color: ##fff!important;
}

.woocommerce-cart{
	background-color: ##fff!important;	
}
.woocommerce-checkout{
	background-color: #fff!important;	
}

#sendbtn{
    background-color:#000!important;
    padding:4px;
}

.wa-order-button{
    margin-bottom:15px;
}
.dgwt-wcas-suggestions-wrapp{
	-webkit-box-shadow: 1px 1px 2px 2px #666666;
	box-shadow: 1px 1px 2px 2px #666666;
}
.dgwt-wcas-suggestion-nores{
    padding:14px;
}

/* Resolução celular */
@media (min-width: 250px) and (max-width: 576px) { 	
	.logotipo{
	    margin-left: -30px; 
	    background-color:#fff!important; 
	    padding: 10px 15px;
	    position: relative;
		top:-25px;
		left:20px;
		height: 100px!important;
		background-color: #fef9d6;
		z-index: 21;	
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-webkit-box-shadow: 0 0 2px 2px #c0c0c0;
	    box-shadow: 0 0 2px 2px #c0c0c0;
	}

	.navbar-toggler{
		margin-top: -50px;
	}

	.fibo-search{
		display:none;
	}
	#menuContainer ul{
		margin-left: 30px;
	}

	#menu-top-menu li{
		width: 100%;
		justify-content: center;
		display:flex;
		align-items: center;
		margin-top: 10px;
	}

	button.dgwt-wcas-search-submit{
		margin-left: 270px!important;
		color:#fff!important;
	}

	#menu-item-85{
		display:inline-block!important;
		background-color: #EEEEEE!important;
		margin-top: -20!important;
	}

	.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile .dgwt-wcas-sf-wrapp 
	input[type=search].dgwt-wcas-search-input {
	    border-radius: 0;
	    background: 0 0;
	    padding: 10px;
	    font-family: 'Kanit', sans-serif!important;
	    font-size: 1em!important;
	    height: 50px!important;
	}

	#menu-top-menu li:hover{
	 	background-color:#8b0000;
	 	-webkit-box-shadow: 0 0 5px 5px #FF0000;
	    box-shadow: 0 0 5px 5px #FF0000;
	}

	/* BANNERS */
	.banner-texto h1,.banner-texto-left h1,.banner-texto-right h1{
		font-size:2em;
		text-shadow: 2px 2px 5px #000000;
		color:#FF0000;
	}
	.banner-texto{
		text-transform: uppercase; 
		text-align: center; 
		padding-right: 25px; 
		font-weight: 800;
		width: 900px;
	}
	.banner-texto h2{
		font-size:1em;
		line-height: 1.3em;
		text-shadow: 2px 2px 5px #000000;
		padding: 20px 125px 0 125px;
	}
	.banner-texto-left{
		text-transform: uppercase; 
		text-align: left; 
		padding-left: 25px; 
		font-weight: 800;
		width: 900px;
	}
	.banner-texto-left p{
		text-shadow: 0 0 6px #000000;
	}
	.banner-texto-right{
		text-transform: uppercase; 
		text-align: right; 
		padding-left: 5px; 
		font-weight: 800;
		
	}
	.banner-texto-right p{
		text-shadow: 0 0 6px #000000;
	}
	.banner-botao{
		margin-top: 3px;
		padding: 8px 20px;
		background-color: #000;
		color: #fff;
		font-size: 1em;
		font-weight: 400;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-webkit-box-shadow: 1px 1px 5px 3px #000000;
		box-shadow: 1px 1px 5px 1px #000000;
	}

	.banner-botao:hover{
		background-color: #000;
		color: #fff;
	}
	.alinhar-banner-background{
		background-repeat: no-repeat;
		background-position: center center;
		max-width: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-webkit-box-shadow: 1px 1px 5px 3px #000000;
		box-shadow: 1px 1px 5px 1px #000000;
	}

	footer img{
		display:block;
	}

	footer h5{
		margin-bottom: 10px;
	}
	.links_footer{
		margin-top:10px;
	}
	.contato_footer{
		margin-top:10px;
	}
}
/* Resolução tablet */
@media (min-width: 577px) and (max-width: 768px) {
	.logotipo{
	    margin-left: -30px; 
	    background-color:#fff!important; 
	    padding: 10px 15px;
	    position: relative;
		top:0px;
		left:20px;
		height: 90px!important;
		width:180px!important;
		background-color: #fef9d6;
		z-index: 21;	
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-webkit-box-shadow: 0 0 2px 2px #c0c0c0;
	    box-shadow: 0 0 2px 2px #c0c0c0;
	}

	#menuContainer{
		display: inline-block;
	}
	.fibo-search{
		display:block;
	}	

	.fibo-search .dgwt-wcas-search-form{

		margin-left:280px;
		width:180px;
	}

	.fibo-search button.dgwt-wcas-search-submit{
		margin-left: 115px!important;
	}

	#menu-item-85{
		display:none!important;
		background-color: #EEEEEE!important;
	}

	footer img{
		display:block;
	}

	footer h5{
		margin-bottom: 10px;
	}
	.links_footer{
		margin-top:10px;
	}
	.contato_footer{
		margin-top:10px;
	}

}

/* Resolução ipad */
@media (min-width: 769px) and (max-width: 992px) {
	footer img{
		display:block!important;
	}

	footer h5{
		margin-bottom: 10px;
	}
	.links_footer{
		margin-top:10px;
	}
	.contato_footer{
		margin-top:10px;
	}

}