/*
Theme Name: Alsev Template
Theme URI: http://www.alsev.com.br
Description: Template desenvolvido para a loja da Alsev com tecnolog Wordpress + WooCommerce
Author: NacionalNet
Author URI: http://www.nacionalnet.net
*/
/* CSS com customizações extras para evitar mexer nos arquivos CSS originais. */
/* OBS: Pontos de força são locais aonde foi forçado um posicionamento fora do padrão para
        aparecer corretamente no layout.;
/* Versão DESKTOP */

@media (min-width: 1170px){

    /* HOME. */

    /* Barra do topo. */
    .cabecalho-topo {
    	height: 27px !important;
    }
    .cabecalho-topo-links {
    	padding-top: 3px !important;
    }

    /* Botões de contato. */
    .widget_text.cabecalho-2 {
    	display: none !important
    }


    /*Menu*/
    .menu-principal {
		text-align: center !important;
	}

	.menu-principal ul li {
	    display: inline !important;
	    padding-right: 20px !important;
	    color: white !important;
	}

    /* Logo. */
    .cabecalho-logo {
    	padding-left: 40px !important;
    }

    /* Widgets. */
    .cabecalho-1, .cabecalho-2 {
    	margin-top: 54px !important;
    }

    /* Barra de busca. */
    .barra-busca input[type="text"] {
    	width: 75% !important;
	    border-top: 2px solid #272964 !important;
		border-left: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-right: 0px !important;
    }
    .barra-busca-botao.btn-default {
    	width: 10% !important;
	    border-top: 2px solid #272964 !important;
		border-right: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-left: 0px !important;
		border-radius: 0px !important;
		margin-top: -5px !important;
		background-color: transparent !important;
		margin-left: -3px !important;
    }
    .barra-busca-botao .glyphicon {
    	font-weight: bold !important;
    	font-size: 16px !important;
    }

    /* Carrinho Amarelo. */
    .carrinho-amarelo-1 {
    	margin-left: 15px !important;
    }
    .carrinho-amarelo {
    	margin-top: 10px !important;
    }

    /* Desenvolvedor. */
    .desenvolvedor p {
    	float: left !important;
    	color: white !important;
    	font-size: 15px !important;
    	padding-right: 16px !important;
    	padding-top: 8px !important;
    }

    /* CATEGORIA */

    /* Sidebar. */
    .sidebar-esquerda {
    	margin-right: -56px !important;
    }
    .listagem-topo, .woof-esquerda {
		margin-left: 40px !important;
		margin-right: 88px !important;
	}
	.woof {
		background-color: #3E4095 !important;
		color: white !important;
	}
	.icheckbox_flat-blue{
		display: none !important;
	}
	.woof_childs_list {
		margin: 0px 0px 0px -74px !important;
		padding-top: 7px !important;
	}

	/* Área de conteúdo da direita. */
	.woof-direita {
		width: 818px !important;
	}
	.woocommerce-result-count, .woocommerce-ordering, .woof_submit_search_form_container {
		display: none !important;
	}

	/* CONTATO. */

	/* Formulário de contato. */
	.wpcf7-text, .wpcf7-textarea { 
		width: 534px !important;
	} 

}

/* VERSÃO TABLETS MAIORES. */

@media (min-width: 992px) and (max-width: 1169px) {

    /* HOME. */

    /* Barra do topo. */
    .cabecalho-topo {
    	height: 27px !important;
    }
    .cabecalho-topo-links {
    	padding-top: 3px !important;
    }

    /* Menu */
    .menu-principal {
		text-align: center !important;
	}

	.menu-principal ul li {
    	display: inline !important;
	    padding-right: 20px !important;
	    color: white !important;
	}

    /* Logo. */
    .cabecalho-logo {
    	padding-left: 5px !important;
    }

     /* Botões de contato. */
    .widget_text.cabecalho-2 {
    	display: none !important
    }


    /* Widgets. */
    .cabecalho-1, .cabecalho-2 {
    	margin-top: 54px !important;
    }

    /* Barra de busca. */
    .barra-busca input[type="text"] {
    	width: 75% !important;
	    border-top: 2px solid #272964 !important;
		border-left: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-right: 0px !important;
    }
    .barra-busca-botao.btn-default {
    	width: 10% !important;
	    border-top: 2px solid #272964 !important;
		border-right: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-left: 0px !important;
		border-radius: 0px !important;
		margin-top: -5px !important;
		background-color: transparent !important;
		margin-left: -3px !important;
    }
    .barra-busca-botao .glyphicon {
    	font-weight: bold !important;
    	font-size: 16px !important;
    }

    /* Carrinho Amarelo. */
    .carrinho-amarelo-1 {
    	margin-left: 15px !important;
    }
    .carrinho-amarelo {
    	margin-top: 10px !important;
    }

    /* Desenvolvedor. */
    .desenvolvedor p {
    	float: left !important;
    	color: white !important;
    	font-size: 15px !important;
    	padding-right: 16px !important;
    	padding-top: 8px !important;
    }

    /* CATEGORIA */

    /* Sidebar. */
    .sidebar-esquerda {
    	margin-right: 0px !important;
    }
    .listagem-topo, .woof-esquerda {
		margin-left: 10px !important;
		margin-right: 22px !important;
	}
	.woof {
		background-color: #3E4095 !important;
		color: white !important;
	}
	.woof-direita {
		margin-left: 8px !important;
	}
	.icheckbox_flat-blue{
		display: none !important;
	}
	.woof_childs_list {
		margin: 0px 0px 0px -74px !important;
		padding-top: 7px !important;
	}

	/* Área de conteúdo da direita. */
	.woof-direita {
		width: 818px !important;
	}
	.woocommerce-result-count, .woocommerce-ordering, .woof_submit_search_form_container {
		display: none !important;
	}

	/* CONTATO. */

	/* Formulário de contato. */
	.wpcf7-text, .wpcf7-textarea { 
		width: 534px !important;
	} 

}

/* Versão TABLETS MENORES. */

@media (min-width: 769px) and (max-width: 991px) {

    /* HOME. */

    /* Barra do topo. */
    .cabecalho-topo {
    	height: 27px !important;
    }
    .cabecalho-topo-links {
    	padding-top: 3px !important;
    }

    /* Logo. */
    .cabecalho-logo {
    	padding-left: 5px !important;
    }

    /* Botões de contato. */
    .widget_text.cabecalho-2 {
    	display: none !important
    }

	/* Menu */
    .menu-principal {
		text-align: center !important;
	}

	.menu-principal ul li{
		display: inline !important;
	    padding-right: 20px !important;
	    color: white !important;
	}

    /* Widgets. */
    .cabecalho-1, .cabecalho-2 {
    	margin-top: 30px !important;
    }

    /* Barra de busca. */
    .barra-busca input[type="text"] {
    	width: 70% !important;
	    border-top: 2px solid #272964 !important;
		border-left: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-right: 0px !important;
    }
    .barra-busca-botao.btn-default {
    	width: 20% !important;
	    border-top: 2px solid #272964 !important;
		border-right: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-left: 0px !important;
		border-radius: 0px !important;
		margin-top: -5px !important;
		background-color: transparent !important;
		margin-left: -3px !important;
    }
    .barra-busca-botao .glyphicon {
    	font-weight: bold !important;
    	font-size: 16px !important;
    }

    /* Carrinho Amarelo. */
    .carrinho-amarelo-1 {
    	margin-left: 3px !important;
    }
    .carrinho-amarelo-1 .fa-3x {
    	font-size: 1em !important;
    }
    .carrinho-amarelo {
    	margin-top: 10px !important;
    }


    /* Desenvolvedor. */
    .desenvolvedor p {
    	float: left !important;
    	color: white !important;
    	font-size: 15px !important;
    	padding-right: 16px !important;
    	padding-top: 8px !important;
    }

    /* CATEGORIA */

    /* Sidebar. */
    .sidebar-esquerda {
    	margin-right: 0px !important;
    }
    .listagem-topo, .woof-esquerda {
		margin-left: 25px !important;
		margin-right: 8px !important;
	}
	.woof {
		background-color: #3E4095 !important;
		color: white !important;
	}
	.woof-direita {
		margin-left: 20px !important;
	}
	.icheckbox_flat-blue{
		display: none !important;
	}
	.woof_childs_list {
		margin: 0px 0px 0px -74px !important;
		padding-top: 7px !important;
	}

	/* Área de conteúdo da direita. */
	.woof-direita {
		width: 446px !important;
	}
	.woocommerce-result-count, .woocommerce-ordering, .woof_submit_search_form_container {
		display: none !important;
	}

	/* CONTATO. */

	/* Formulário de contato. */
	.wpcf7-text, .wpcf7-textarea { 
		width: 534px !important;
	} 

}

/* Versão SMARTPHONE. */

@media (max-width: 768px){

    
    /* HOME. */

    /* Barra do topo. */
    .cabecalho-topo {
    	height: 27px !important;
    }
    .cabecalho-topo-links {
    	padding-top: 3px !important;
    }
    .cabecalho-topo-links a {
    	text-align: center !important;
    }

    /* Menu */
    .menu-principal {
		text-align: left !important;
	}
	.menu-principal ul li {
    	padding-right: 0px !important;
	}

    /* Logo. */
    .cabecalho-logo img {
    	width: 60% !important;
    	margin-left: 20% !important;
    }

    /* Botões de contato. */
    .header-botoes-contato {
    	margin-bottom: 20px !important;
    	padding-top: 10px !important
    }
    a.btn.btn-primary, a.btn.btn-success {
    	color: white !important;
    }
    .header-botoes-contato .btn {
    	margin-right: 5px !important;
    }

    /* Widgets. */
    .cabecalho-1, .cabecalho-2 {
    	margin-top: 15px !important;
    	text-align: center !important;
    }

    /* Barra de busca. */
    .barra-busca input[type="text"] {
    	width: 80% !important;
	    border-top: 2px solid #272964 !important;
		border-left: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-right: 0px !important;
    }
    .barra-busca-botao.btn-default {
    	width: 20% !important;
	    border-top: 2px solid #272964 !important;
		border-right: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-left: 0px !important;
		border-radius: 0px !important;
		margin-top: -4px !important;
		background-color: transparent !important;
		margin-left: -3px !important;
    }
    .barra-busca-botao .glyphicon {
    	font-weight: bold !important;
    	font-size: 16px !important;
    }

    /* Carrinho Amarelo. */
    .carrinho-amarelo-1 {
    	margin-left: 3px !important;
    }

    /* Footer. */
    .rodape-1, .rodape-2, .rodape-3, .rodape-4 {
    	text-align: center !important;
    }

    /* Desenvolvedor. */
    .desenvolvedor {
    	margin-right: 8px !important;
    }
    .desenvolvedor p {
    	float: left !important;
    	color: white !important;
    	font-size: 15px !important;
    	padding-right: 16px !important;
    	padding-top: 8px !important;
    }

    /* CATEGORIA */

    /* Sidebar. */
    .sidebar-esquerda {
    	margin-right: 0px !important;
    }
    .listagem-topo, .woof-esquerda {
		margin-left: 22px !important;
		margin-right: 19px !important;
	}
	.woof {
		background-color: #3E4095 !important;
		color: white !important;
	}
	.icheckbox_flat-blue{
		display: none !important;
	}
	.woof_childs_list {
		margin: 0px 0px 0px -74px !important;
		padding-top: 7px !important;
	}

	/* Área de conteúdo da direita. */
	.woof-direita {
		width: 100% !important;
	}
	.woocommerce-result-count, .woocommerce-ordering, .woof_submit_search_form_container {
		display: none !important;
	}

    /* FERRAMENTAS. */

    /* Esconder container. */
    .hidden-xs {
    	display: none !important;
    }

}

@media (max-width: 414px){
	.barra-busca-botao.btn-default {
    	width: 20% !important;
	    border-top: 2px solid #272964 !important;
		border-right: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-left: 0px !important;
		border-radius: 0px !important;
		margin-top: -2px !important;
		background-color: transparent !important;
		margin-left: -3px !important;
    }
}

@media (max-width: 411px){
	.barra-busca-botao.btn-default {
    	width: 20% !important;
	    border-top: 2px solid #272964 !important;
		border-right: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-left: 0px !important;
		border-radius: 0px !important;
		margin-top: -4px !important;
		background-color: transparent !important;
		margin-left: -3px !important;
    }
}

@media (max-width: 375px){
	.barra-busca-botao.btn-default {
    	width: 20% !important;
	    border-top: 2px solid #272964 !important;
		border-right: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-left: 0px !important;
		border-radius: 0px !important;
		margin-top: -4px !important;
		background-color: transparent !important;
		margin-left: -3px !important;
    }
}

@media (max-width: 320px){
	.barra-busca-botao.btn-default {
    	width: 20% !important;
	    border-top: 2px solid #272964 !important;
		border-right: 2px solid #272964 !important;
		border-bottom: 2px solid #272964 !important;
		border-left: 0px !important;
		border-radius: 0px !important;
		margin-top: -2px !important;
		background-color: transparent !important;
		margin-left: -3px !important;
    }
}


/* === TODAS AS RESOLUÇÕES. ======================================================================= */

/* LAYOUT - GERAL. */

/* HTML. */
html {
	position: relative !important;
	min-height: 100vh !important; 
}

/* Corpo do documento. */
body {
	font-family: 'Lato' !important;
	overflow-x: hidden !important;
}

/* Fonte customizada. */
@font-face {
	font-family: Metropolis;
	src: url(https://www.alsev.com.br/wp-content/uploads/2018/04/metropolis-bold-webfont.woff);
}

h1 {
	font-family: 'Metropolis' !important;
	color: #3E4095 !important;
	font-size: 28px !important;
	text-align: center !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

/* Barra do topo. */
.cabecalho-topo {
	background-color: #272964 !important;
}
.cabecalho-topo-links, .cabecalho-topo-links a {
	color: white !important;
	text-align: right !important;
}
.cabecalho-topo-links a:hover {
	opacity: 0.8 !important;
}

/* Barra do Logo e Widgets. */
.cabecalho-1, .cabecalho-2 a {
	color: #272964 !important;
	line-height: 25px !important;
	font-weight: bold !important;
}
.cabecalho-2 a:hover {
	text-decoration: none !important;
	opacity: 0.8 !important;
}

/* Barra de busca. */
.barra-busca input[type="text"] {
	height: 41px !important;
	padding: 10px !important;
	font-style: italic !important;
	background-color: #F2F2F2 !important;
}
.barra-busca-botao.btn-default {
	background-color: #F2F2F2 !important;
	font-weight: bold !important;
	font-size: 16px !important;
	height: 41px !important;
}

/* Área do carrinho. */
.carrinho-amarelo, .carrinho-amarelo a {
	background-color: #F0E68F !important;
	color: #272964 !important;
	text-align: center;
}
.carrinho-amarelo a:hover {
	opacity: 0.8 !important;
}
.carrinho-amarelo-1 {
	float: left !important;
}
.carrinho-amarelo-2 .p1 {
	font-family: 'Metropolis' !important;
	font-weight: bold !important;
	margin: 0px !important;
	font-size: 15px !important;
}
.carrinho-amarelo-2 .p2 {
	padding-bottom: 3px !important;
	font-size: 12px !important;
}

/* Menu Principal. */
.menu-principal-barra {
	background-color: #272964 !important;
}
.menu-principal ul {
	list-style: none !important;
}

.menu-principal ul li a {
	color: white !important;
	text-decoration: none !important;
	font-size: 15px !important;
	font-family: 'Metropolis' !important;
}
.menu-principal ul li a:hover {
	text-decoration: none !important;
	opacity: 0.8 !important;
}

/* Barra de widgets do rodapé. */
.footer-widgets {
	background-color: #272964 !important;
}
.rodape-widget-titulo {
	font-size: 17px !important;
	color: white !important;
	font-weight: bold !important;
}
.rodape-1 {
	color: white !important;
	padding-top: 20px !important;
}
.rodape-2 a, .rodape-3, .rodape-3 a, .rodape-4 {
	color: white !important;
	font-size: 15px !important;
}
.rodape-2 a:hover, .rodape-3 a:hover {
	text-decoration: none !important;
	opacity: 0.8 !important;
}
.rodape-2, .rodape-3 {
	line-height: 25px !important;
}
.footer-widgets ul {
    padding: 0;
    list-style-type: none;
}
.footer a:hover {
	opacity: 0.8 !important;
}

/* Barra do copyright. */
.footer-legal {
	background-color: #3E4095 !important;
}
.desenvolvedor {
	float: right !important;
}

/* LAYOUT - HOME. */

/* Banners de destaque. */
.home-destaque-1 a:hover, .home-destaque-2 a:hover {
	opacity: 0.8 !important;
}

/* Carrossel de produtos. */
.home-destaque-titulo {
	font-family: 'Metropolis' !important;
	font-size: 27px !important;
	color: #272964 !important;
}
.owl-carousel {
	list-style: none !important;
}
.owl-carousel .owl-item img {
	height: 200px !important;
}
.woocommerce ul.products li.product .price {
	display: none !important;
}
.quick_buy_container {
	background-color: #BDB351 !important;
    padding: 5px !important;
    width: 60% !important;
    margin: 0 auto !important;
    margin-top: 18px !important;
    text-align: center !important;
}
.quick_buy_container:hover {
	opacity: 0.8 !important;
}
.quick_buy_container a {
	color: white !important;
	text-decoration: underline !important;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, 
.ajax_add_to_cart, .button.product_type_variable {
	background-color: #BFB351 !important;
	border-radius: 0px !important;
	color: #272964 !important;
	text-decoration: underline !important;
	font-size: 14px !important;
	padding: 12px !important;
	font-weight: 400 !important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	color: #272964 !important;
}
.woocommerce a.button:hover {
	opacity: 0.8 !important;
}

/* LAYOUT - CATEGORIAS. */

/* Barra lateral esquerda. */
.listagem-topo {
	background-color: #F0E68F !important;
    padding: 10px !important;
    text-align: center !important;
    color: #3E4093 !important;
    font-weight: bold !important;
    font-size: 17px !important;
}
.woof_checkbox_label {
	font-weight: 400 !important;
}
.woof_checkbox_label_selected {
	font-weight: bold !important;
}

/* Área de conteúdo da direita. */
.woof-direita {
	text-align: center !important;
}

/* LAYOUT - CONTATO. */

/* Formulário de contato. */
div.wpcf7 .wpcf7-form-control { 
	max-width: 100% !important; 
}
.wpcf7-text, .wpcf7-textarea { 
	border: 1px solid #272964 !important;
}
/* Google Maps. */
.widget_text.contato-2 {
	font-weight: bold !important;
}
.widget_text.contato-2 {
	font-family: 'Metropolis' !important;
	font-size: 20px !important;
	color: #3E4095 !important;
	margin-top: -15px !important;
}
div.wpcf7 label {
	color: #272964 !important;
}

/* LAYOUT - PRODUTO. */
.woocommerce-breadcrumb {
	display: none !important;
}

/* === FERRAMENTAS ================================================================================ */

/* CSS Customizado Geral. */

/* Essas modificações se aplicam a todas as resoluções. */

/* CSS para margin. */
.m-top-half {
	margin-top: 10px !important;
}
.m-bottom-half {
	margin-bottom: 10px !important;
}
.m-top {
	margin-top: 20px !important;
}
.m-bottom {
	margin-bottom: 20px !important;
}
.m-top-double {
    margin-top: 40px !important;
}
.m-bottom-double {
    margin-bottom: 40px !important;
}

/* CSS para padding. */
.p-top-half {
	padding-top: 10px !important;
}
.p-bottom-half {
	padding-bottom: 10px !important;
}
.p-top {
	padding-top: 20px !important;
}
.p-bottom {
	padding-bottom: 20px !important;
}

/* Remover espaço entre colunas do boostrap. */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* Alinhamento de texto. */
.text-right {
	text-align: right !important;
}
.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
}

/* Deixar placeholders em itálico. */
::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;  
}
::-moz-placeholder {
   font-style: italic;  
}
:-ms-input-placeholder {  
   font-style: italic;
}

/* Bordar vermelhas em tudo.
* {
	border: 2px solid red !important;
} */