/*
Theme Name: Okumura Child
Version: 1.0.0
Template: okumura
*/
@import url("../okumura/style.css");

.wptwa-button .wptwa-profile, .wptwa-button .wptwa-offline-text {
    display: none;
}

.texto-info p {
    font-size: 12px;
    line-height: 18px;
}
.textoIni .whatsapp-bt {text-align: center !important; margin-top: 30px;}

.header_inner {margin: 10px 0;}
.header_bottom .container_inner.clearfix {width: 1180px;}
.contentIni{margin-top:120px;}
.full_section_inner {position: relative; z-index: 0;}

.marginTop{margin-top: 80px;}


.menu-item-has-children::after {
	color: #000000;
	content: "\f0dd";
	font-family: FontAwesome;
	font-size: 14px;
	position: absolute;
	right: -2px;
	top: 38px;
}
.menu-item-has-children{margin-right:18px !important;}

.paginas .full_section_inner {position: relative; z-index: 20;}

.bgColor {background-color:#faf3eb; padding:0 0 80px !important;}
.bgColor2{background-color:#f4e5d4; padding:80px 0 !important;}


.loja h2 {
	background: black;
	display: block;
	max-width: 200px;
	margin: 30px auto 20px;
	color: #fff;
	padding: 10px;
}

.loja h3 {
	margin: 30px 0 -10px !important;
}



.textoIni {
    padding-top: 410px !important;
    margin-top: -410px !important;
}

.home-destaques-pq {margin: 60px auto;}

.textoIni h1 {margin-top: 60px !important;}





.textoIni p, .textoAdicional p  {max-width: 740px; margin: 10px auto 0;}
.textoAdicional.bgColor {
	padding-top: 80px !important;	
}


.home-destaques-pq h2 {margin-top: 30px; font-size: 22px;}

.home-destaques-pq h2::after {
	content: "";
	width: 30px;
	height: 2px;
	background-color: #000000;
	display: block;
	margin: 9px auto;
}

.home-destaques-pq p {
	font-size: 16px;
	line-height: 22px;
	max-width: 360px;
	margin:0 auto;
}

.botao a {background-color: #000; color: #fff; display: inline-block; font-weight: 500; letter-spacing: 2px; overflow: auto; padding: 12px 24px; text-transform: uppercase; margin-top:15px !important;}
.botao a:hover {background-color: #C52012; color: #fff;}


/* ---------------------------------------------------------------------------------
SLIDER HOME
--------------------------------------------------------------------------------- */

#grid-88 img.tg-item-image {opacity: 0.5 !important;}
#grid-88 .tg-active-item .tg-item-image {opacity: 1 !important;}
.tg-right-arrow, .tg-left-arrow {background-color: #000000 !important; padding: 10px !important;}
#grid-88 .tg-slider-bullets li {height: 14px !important; margin: 20px 12px 0 0 !important; width: 14px !important;}
#grid-88 .tg-slider-bullets li span, #grid-107 .tg-slider-bullets li span {background: transparent !important; border: 1px solid !important;}
#grid-88 .tg-slider-bullets li.tg-active-item span, #grid-107 .tg-slider-bullets li.tg-active-item span {
  background: #000000 none repeat scroll 0 0 !important;
}
#grid-88 .tg-right-arrow i:hover, .tg-left-arrow i:hover {color: #ECE6D6 !important;}


/* ---------------------------------------------------------------------------------
GALERIA
--------------------------------------------------------------------------------- */
.galeria{margin-top:50px;}

.tg-ajax-button {
	padding: 12px 23px !important;
	background: #C52012;
	margin-top: 30px !important;
}

.tg-ajax-button span {
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 3px !important;
	font-size: 13px !important;
}

.veja-tambem {
	padding-top: 80px !important;
	margin-top: 60px;
}

/* ---------------------------------------------------------------------------------
CONTATO
--------------------------------------------------------------------------------- */
.contato h2 {
	margin: 30px 0 19px !important;
	font-size: 22px !important;
}

.contato h3 {
	margin: 30px 0 0px !important;
}

.contato .vc_col-sm-4 {
	padding: 0 10px;
}

.contato-content {margin-top: 40px !important;}


/* ---------------------------------------------------------------------------------
FOOTER
--------------------------------------------------------------------------------- */
.h2-footer {
	margin-top: 24px;
}

/* ---------------------------------------------------------------------------------
MENU MOBILE
--------------------------------------------------------------------------------- */
.qode_icon_font_awesome.fa.fa-bars {background: #cb3640; color: #fff; padding: 11px;}
nav.mobile_menu ul li a:hover, nav.mobile_menu ul li > a {text-transform: uppercase;}

.mobile_menu_button {
	float: right;
	height: 100px;
	/* right: 10px; */
	right: 75%;
	position: relative;
}




/* ---------------------------------------------------------------------------------
RESPONSIVE
--------------------------------------------------------------------------------- */
/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 480px) {
header .header_inner_left {position: absolute; left: 30px !important; top: 0;}
	
.logo_wrapper {height: 102px !important; left: 8%;}
header.centered_logo.centered_logo_animate .q_logo img, header:not(.centered_logo) .q_logo img {
	height: 90px !important;
	margin-top: -12px !important;
}

.contentIni {
	width: 96%;
	margin: 0 auto !important;
}

h1, .h1, .title h1 {font-size: 40px; line-height: 42px;}
.textoIni {margin-top: -118px !important;}	
.textoIni h1 {margin-top: 100px;}
.textoIni p {max-width: none; width: 85%;}

.home-destaques-pq .full_section_inner .vc_col-sm-4 {margin-bottom: 60px !important;}
.bgColor {padding: 100px 0 20px !important;}
	

.tg-grid-area-left, .tg-grid-area-right{display:none;}

.footer_bottom p {
	line-height: 20px;
}

.fa-stack {
	width: 3em;
	height: 3em;
	line-height: 3em;
}

.fa-stack i {
	font-size: 22px !important;
}

.okumura-grid, #grid-234, #grid-263, #grid-301, #grid-307, #grid-1295  {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.footer_bottom {
	padding-top: 55px;
}

}

/* PHONE LANDSCAPE*/ 
@media only screen
and (min-width: 520px) 
and (max-width: 740px) {
}

/* IPAD */
@media only screen
and (min-width: 768px)
and (max-width: 1024px){
}

/* IPAD LANDSCAPE*/
@media only screen 
and (min-width: 1000px)
and (max-width: 1180px){	
}

/* MONITORES PADRÃO */ 
@media only screen
and (min-width: 1200px) 
and (max-width: 1380px) {
}

/* MONITOR GRANDE */ 
@media only screen
and (min-width: 1400px) 
and (max-width: 1920px) {
.home-destaques-pq {
	width: 1560px;
	margin: 60px auto 0;
}	
}