/*!
Theme Name: Blog da Itapuã
Theme URI: https://grupoitapua.com.br/blog

--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
a:hover{
	text-decoration:none;}
ul li{
	list-style:none;}
b, strong {
    font-weight: 700 !important;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
html{
	font-size:16px;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
img{
	max-width:100%;
	height:auto;}

body {
    margin: 0;font-family:sans-serif, Arial;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.single .imagem_destaque{
	margin-bottom:40px
}
a{
	color:#C80000
	}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
	
	
/* Colors: */
.amarelo{
	color:#FFB100;
	}
.bg_amarelo{
	background:#FFB100;
	}
.laranja{
	color:#ED8C00;
	}
.bg_laranja{
	background:#ED8C00;
	}
.rosa{
	color:#CF4D54;
	}
.bg_rosa{
	background:#CF4D54;
	}
.vermelho{
	color:#C80000
	}
.bg_vermelho{
	background:#C80000
	}
.verde{
	color:#02984B
	}
.bg_verde{
	background:#02984B
	}
.branco{
	color:#FFF;}	
.bg_cinza{
	background:#EEE;
	}
.preto{
	color:#000;}
.cinzaescuro{
	color:#999;}
header{
	-webkit-box-shadow: 0px 6px 9px -5px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 6px 9px -5px rgba(0,0,0,0.39);
box-shadow: 0px 6px 9px -5px rgba(0,0,0,0.39);
margin-bottom:15px;}

*, :active, :after, :before, :focus, :visited, button, button:active, button:after, button:before, button:focus, button:visited {
    outline-color: transparent;
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
}
.rasurado{
	text-decoration:line-through;
	}
button{
	background:none;
	border:none;
}
.text-secondary {
    color: #0cf!important;
}
.link-primary:focus, .link-primary:hover {
    color: #1fa05d;
}
.align-items-center {
    align-items: center!important;
}
.navbar-menu:hover>.navbar-menu-container {
    display: block;
}
svg {
    vertical-align: middle;
}

.consultas:hover .submenu, submenu:hover{
	display:block;
	position:absolute;
	width: 270px;
    background: #fff;
    z-index: 999;
	    margin-left: -80px;
		margin-top:15px;
	border-radius:7px;
	padding:.5rem 1.5rem;
	filter:drop-shadow(0 3px 4px rgba(38,38,38,.25));
	}	
#whatsapp_tel{
	display: block;
    position: absolute;
    background: #FFF;
    padding: 5px 10px;
    border-radius: 7px;
    margin-left: -100px;
    z-index: 999;
    width: 250px;
    margin-top: 10px;
    filter:drop-shadow(0 3px 4px rgba(38,38,38,.25));}
#whatsapp_tel input[type=text]{
	width: 130px;
    float: left;
    margin-right: 10px;
	}
#whatsapp_tel input[type=submit]{
	float: left;
    width: 80px;
	}
.submenu a{
	padding: .5rem 0;
	line-height:50px;}
.entrar a{
	line-height:60px;
	width:100%}
.social {
	margin:30px 0 10px;
	padding:0;
	}
.social li{
	display:inline-block;
	margin:0 5px;
	}
	.entrar img{
	float:right;
	margin-top:15px;}
.categorias ul, .categorias_menu{
	padding:0;
	margin:0;
	}
.categorias_menu li{
	display:inline-block;
	flex: 1;
    margin: 5px;}
.categorias_menu{
	padding: 0;
    margin: 0;
    display: flex;}
.categorias a, .categorias_menu a{
	width:100%;
	line-height:46px;
	border-radius:10px;
	text-align:center;
	display:block;
	color:#FFF;
	background:#ED8C00;
	margin-bottom:10px;
	font-size:18px;}
.categorias a:hover, .categorias_menu a:hover{
	color:#FFF;
	opacity:.9;
}
.current-cat a{
	color:#FFF;
	background:#33d882;
	border:2px solid #33d882;
	}
.categorias h3{
	font-size: 15px;
    text-align: center;
    margin-top: 10px;}
.emalta_bloco{
	transform:all 2s ease;
	width:100%;
	}
.emalta_bloco:hover{
	transform:scale(1.02);
	-webkit-box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.45);
box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.45);}
	
.emalta_bloco{
	border:1px solid #eaeaea;
	border-radius:10px;
	overflow:hidden;
	}
.emalta_img{
	position:relative;
	}
.conteudo_publi a{
	font-size:18px;
	padding:10px 15px;
	color:#C80000;
	display:block;
	font-weight:bold;
	}
.commentlist{
	padding:0;
	margin-bottom:10px;}
.breadcrumb {
     background: none;
   
}
.produtos{
	text-align:center;
	}
.produtos li{
	display:inline-block;
	text-align:center;
	margin:0 20px;
	}
.produtos li img{
	max-width:150px;
	height:auto;
	}
h1,h2,h3,h4{
	font-family: 'Titillium Web', sans-serif;
	}
h1 {
font-weight: 700;
font-size: 40px;
line-height: 57px;
letter-spacing: 0;
color:#C80000;
}
.amount-items{
	display:none;}

.clear{
	margin-bottom:40px;}
.subdestaque h2{
	font-size:15px;
	font-weight:800;}
.subdestaque .resumo{
	font-size:12px;
	line-height:normal;}
/*
h3 {
font-weight: 400;
font-size: 30px;
line-height: 35px;
letter-spacing: 0;
color:#C80000;
}*/
#newsletter {
    background-color: #2D2D30;
	min-height:10px;
}
.post_tags{
	margin:0 -5px;
	clear:both;
	}
.post_tags a{
	display:block;
	float:left;}
.tag_int{
	border:1px solid #C80000;
	padding:0 10px;
	line-height:40px;
	border-radius:10px;
	display:inline-block;
	margin:5px;
	text-align:center;
	font-size:12px;
	
	}
.medio{
	margin:20px 0;
	padding:0 10px 0 0;
	}
.medio.dir{
	padding:0 0 0 19px;
	}
.sobre{
	padding:40px 20px;
	font-size:14px;
	text-align:center;
	border-radius:10px
	}
.texto-destacado, b, strong {
font-weight: 700 !important;
}

nav a {
	
line-height: 26px;
letter-spacing: 0;
color:#33d882;
}

.current-menu-item {
font-weight: 300;
font-size: 22px;
line-height: 26px;
letter-spacing: 0;
color:#eaeaea;
}

.botao-primario {
font-weight: 400;
font-size: 22px;
line-height: 26px;
letter-spacing: 0;
color:#fff;
}

.btn_categoria{
background: #33d882;
border-radius: 7px;
color:#FFF;
position:absolute;
top:10px;
left:10px;
font-weight: 600;
}
.btn_categoria:hover{
	background:#FFF;
	color: #33d882;}
.data{
	font-size: 22px;
    position: absolute;
    right: 0;
    padding: 10px 20px;
    text-align: center;
    line-height: 1em;
}
.data span{
	font-size: 12px;
    text-transform: uppercase;}
#emalta h2{
	margin-top:0px;
	font-size:30px;}
.emalta .data{
	margin-left:-10px;
	}
.data img{
	margin-right:5px;}
.imagem{
	overflow:hidden;
	position:relative;}
#conteudo h3{
	font-size:18px;
	margin-top:0;
	line-height:normal;
	font-weight: 600;}
.more-link{
	font-weight:600;
	color:#33d882;}
hr{margin:40px 0; }
input[type=text],input[type=email],input[type=submit], input[type=url], textarea{
border: 1px solid #D1D2D4;
border-radius: 10px;
padding:5px 10px;
width:100%;
margin-bottom:5px;
background:#FFF;
}

.col-md-4 hr{
	width:100%;
	margin: 20px 0 !important;
    display: inline-block;}
.wpcf7-checkbox{
	font-size:14px;}
input[type=submit]{
border: 2px solid #00CCFF;
color:#00CCFF;
border-radius: 9px;
}
.busca input{
	border:0;
	width:100%;
	padding-left:50px;
	height:42px;
	}
.busca img{
	position:absolute;
	left:10px;
	top:10px;}
/*.busca{
	border:1px solid #262626;
	border-radius:10px;
	margin:30px auto;
	width:40%;
	position:relative;
	height:44px;
	}*/
.bloco{
   display: block;
}
#destaque{
	margin-bottom:20px;}
.destaquecard__img{
width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
  
}
overlay{
	background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
	}
.destaquecard__img img{
transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;
transform:  scale(1) ;
-webkit-transform: scale(1) ;
-moz-transform: scale(1) ;
-o-transform: scale(1) ;
-ms-transform: scale(1) ;
}
.subdestaque  .destaquecard__img img{
	max-height:199px;}
.destaquecard__img:hover img {
	transform: scale(1.1);
   it-transform: scale(1.1) ;
-moz-transform: scale(1.1) ;
-o-transform: scale(1.1) ;
-ms-transform: scale(1.1);

}

.resumo{
	min-height:40px;
	opacity:0}
.destaquecard__img:hover .resumo {
	opacity:1;
}
.destaquecard_img_content {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 0px 20px 10px;
background: rgba(0,0,0,.8);
width:100%;
}
.destaquecard__img  h2{
	margin-bottom:-40px;
	}
.destaquecard__img:hover  h2{
		margin-bottom:5px;
		}
	
.destaquecard_img_content *{
	transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;
	}
.compartilhe ul li, .social ul li{
	display:inline-block;
	text-align:right;
	margin-left:10px;
	    position: relative;
	}
.compartilhe ul, .social ul{
	margin-bottom:20px;
	}
.compartilhe img, .social img{
	width:25px;
}
.social img{
	height:36px;
	width:auto;}
.compartilhe img.instagram{
	width:30px;
	margin-top:2px;
	}

.menu_rodape{
	display:flex;
	padding:0;
	}
.menu_rodape li{
	flex:1;
	}
.menu_rodape a{
	color:#000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;}
#novidades{
	border: 1.5px dashed #262626;
    border-radius: 9px;
    margin: 48px 0 0;
    padding: .8rem;
    display: flex;
    flex-wrap: wrap;}

#novidades form{
	width:100%;}
#novidades input{
	background-color: transparent;
    border: 1px solid #262626;
    color: #262626;
    width: 60%;
   float:left;
    margin-right: 16px;
    font-size: 12.8px;
	padding:6px 12px;
	border-radius:10px;
	line-height:25px;
	}
.cel-termo-uso{
	padding-top:64px;
	padding-bottom:30px;}
#novidades button{
	border: 2px solid #33d882;
    color: #33d882;
    background: transparent;
	width: 35%;
    flex-shrink: 0;}
.app-btn.app-btn-outline-primary {
    border: 2px solid #33d882;
    color: #33d882;
    background: transparent;
}
app-footer .footer-grid .cel-contato a {
    margin-top: .5rem;
    transition: all .8s ease;
}
.app-btn {
    width: 100%;
    height: 100%;
    border: none;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 7px;
    transition: all .2s linear,border 0ms linear 0ms;
    font-weight: 700;
    text-decoration: none;
	margin-top:8px;
}
.app-btn img{
	margin-right:5px;
	}
.app-btn.app-btn-outline-primary:hover:not(:disabled){
	background:#33d882;
	color:#FFF;}
.app-btn.app-btn-outline-primary:hover:not(:disabled) img {
    filter: grayscale(1) contrast(5);
}
footer hr{
	border-color:#262626}
.logo{
	margin:10px 0;}
.imagem img, .destaquecard img{
	width:100%;}
.page-numbers {
	text-align:center;
padding:0;
}
.page-numbers li{
	display:inline-block;
	margin:10px 0; 
	 }
.page-numbers a{
	border:1px solid #C80000;
	border-radius:7px;
	color:#C80000;
	margin: 10px 5px;
    padding: 5px 10px;
	}
.page-numbers  .current{
	border-radius:7px;
	color:#fff;
	background:#C80000;
	margin: 10px 5px;
    padding: 5px 10px;
	}
.mobile{
	display:none;}
/* flexisel */
/**************************************************
IMPORTS
***************************************************/
/**************************************************
MISC
***************************************************/


.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    
}

.nbs-flexisel-inner {
    position: relative;
    overflow:hidden;
    float:left;
    width:100%;
padding-bottom:20px

 
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    
	
}
.nbs-flexisel-item img {
    cursor: pointer;
    position: relative;
    
}
/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    
    position: absolute;
    cursor: pointer;
    z-index: 4;
	width:27px;
	height:47px;   
	padding:20px;
	margin-top:-15px;
}


.nbs-flexisel-nav-left {
    left: 0px;
	background:#FFF url(img/seta_esquerda.png) no-repeat center center;
	background-size: 15px;
	-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
	
}

.nbs-flexisel-nav-left:before {
   
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 0px; 
	background:#FFF url(img/seta_direita.png) no-repeat center center;
	background-size: 15px; 
	-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;  
}

.nbs-flexisel-nav-right:before {
    
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}
/* fim flexisel */
@media all and (max-width: 1024px){
	
}
@media all and (max-width: 767px){
	html{
		overflow-x:hidden}
	.medio{
		padding:0}
	.destaquecard__img h2 {
    margin-bottom: -20px;
}
	#emalta h2{
		margin-top:40px;
	}
	#conteudo hr{
		margin:20px 0;
	}
	.sidebar{
		float:left;}
	.desktop{
		display:none;
		}
	.mobile{
		display:block;}
	.menu_rodape{
		padding: 0;
    display: block;
    width: 100%;
    margin: 40px 0;
    float: left;
	}
	.menu_rodape li{
		flex: 1; 
    float: left;
    width: 50%;}
	.menu_rodape a{
		display:block;
		text-align:center
		}
	
	.compartilhe ul, .social ul {
    margin-bottom: 20px;
    text-align: center;
}
.social ul{
	float: none;
    padding: 0;
	}
.social ul li:first-child{
	display: block;
    text-align: center;
    font-size: 12px;
	}
footer .logo{
	text-align:center;}
	.nav{
		display:none;
		}
	.busca{
		width:90%;}
	#conteudo h3{
		margin-top:10px;}
	.duvidas{
		float:none !important;}
	.single h1{
		    font-size: 30px;
    line-height: initial;
}
		}
	
}