/*
Theme Name: Ponto das Ferragens
Author: AR7
Author URI: https://ar7design.com.br
Description: Tema Exclusivo.
Version: 1.0
Text Domain: pontodasferragens
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


#imagemProduto .modal-header{
	border-bottom: none !important;
}

#produto-galeria .carousel-control-prev-icon,
#produto-galeria .carousel-control-next-icon{
	background: none;
	color: #000;
	opacity: 1;
	font-size: 24px;
}



/* XS */
@media only screen{


	@font-face {
		font-family: 'Roboto Regular';
		font-style: normal;
		font-weight: normal;
		src: local('Roboto Regular'), url('assets/fonts/Roboto-Regular.woff') format('woff');
	}

	@font-face {
		font-family: 'Roboto Light';
		font-style: normal;
		font-weight: normal;
		src: local('Roboto Light'), url('assets/fonts/Roboto-Light.woff') format('woff');
	}

	@font-face {
		font-family: 'Roboto Bold';
		font-style: normal;
		font-weight: normal;
		src: local('Roboto Bold'), url('assets/fonts/Roboto-Regular.woff') format('woff');
	}

	@font-face {
		font-family: 'Roboto Medium';
		font-style: normal;
		font-weight: normal;
		src: local('Roboto Medium'), url('assets/fonts/Roboto-Medium.woff') format('woff');
	}





	body{
		background-color: #F6F6F6;
		font-size: 16px;
		font-family: 'Roboto Regular';
	}

	a:hover{
		text-decoration: none;
	}


	#headernav{
		border-top: 5px solid #dcca00;
		background-color: #0C5A8C;
		background-image: linear-gradient(to bottom, #3C8DD0, #0C5A8C);
		background-size: cover;
		padding: 10px 0 10px 0;
		-webkit-transition: all .5s ease-out;
	    -o-transition: all .5s ease-out;
		transition: all .5s ease-out;
		min-height: 200px;
	}

	#headernav .col{
		/* border: 1px solid #ccc; */
	}

	

	#headernav .logo img{
		
	}

	#headernav h1{
		padding: 0;
		margin: 0;
	}



	#headernav .nav-item{

	}

	#headernav .navbar-nav>.nav-item.dropdown.open a,
	#headernav navbar-nav>.nav-item a,
	#headernav .nav-item.active a{
		color: #06581c !important;
	}

	#headernav .nav-item a{
		padding: 0 15px !important;
		color: #fff;
	}

	#headernav .nav-item:last-child a{
		border:none;
	}

	#headernav form{
		margin: 40px 0 40px 0;
	}


	#headernav #busca input{
		font-family: 'Roboto Light' !important;
		background-color: #EBEBEB !important;
		border-radius: 15px 0 0 15px !important;
		padding: 10px !important;
		font-size: 24px !important;
		font-weight: normal !important;		
		outline: none !important;
		z-index: 1 !important;
	}

	#headernav #busca input:hover{
		border: none !important;
		outline: none !important;
		box-shadow: none !important;
	}


	#headernav #busca button{
		background-color: #D7D7D7 !important;
		border-radius : 0 15px 15px 0 !important;		
		font-size: 24px !important;
		border: none !important;
		color: #6C757D !important;
		outline:  none !important;
	}


	.box_carrinho{
		background-color: rgba(255, 255, 255, 0.096);
		padding: 10px;
		color: #FFF;
		font-size: 22px;
		max-width: 240px;
		width: 100%;
		float: right;
		font-family: 'Roboto Light';

	}

	.box_carrinho span.label{
		color: #DCCA00;
		text-transform: uppercase;
		font-size: 14px;
		text-shadow: rgba(0, 0, 0, 0.9);
		margin-bottom: 10px;
		display: block;
	}


	/*página inicial--------------------------------------------------------------------------------------------------------------------------*/
	#homebanners img{
		width: 100%;
	}

	#homebanners .carousel-indicators li {
		background-color: #fff !important;
		width: 15px;
		height: 15px;
		border-radius: 100% !important;
		border: 0 solid #FFF;
		opacity: 1;
	}

	#homebanners .carousel-indicators .active {
		background-color: #16632B !important;
	}

	.home .conteudo{
		min-height:400px;
	}

	.home h2.titulo:after {
		content:'';
		flex:1;
		margin: auto 0 auto 1em;
		height:0;
		border-top:solid #B7B7B7 2px;
	}
		
	.home h2.titulo:before{
		content:'';
	  	flex:1;
		margin: auto 1em auto 0;
	  	height:0;
	  	border-top:solid #B7B7B7 2px;
  	}
	
	.home h2.titulo{		
		text-align: center;
		color: #606060;
		margin-top: 40px;
		font-size: 32px;
		display:flex;
	}
	
	.home .woocommerce-loop-product__title{
		color: #000;
	}

	.home .quem-somos{
		border-top: 3px solid #E5E643;
	}

	.home .quem-somos h2{
		margin-bottom: 4vh;
	}

	.home .quem-somos p{
		font-size: 1.5em;
	}


	.quem-somos a{
		border: 1px solid #f00;
		color: #f00;
		display: inline-block;
		padding: 5px 10px;
	}



	.home .localizacao{
		border-top: 3px solid #C83255;
		background-color: rgba(204, 204, 204, 0.25);
		padding-bottom: -10px;
	}

	.home .localizacao h2{
		color: #194681;
		padding-bottom: 30px;
	}

	.home .localizacao iframe{
		margin-bottom: -10px;
	}



	/*páginas internas ------------------------------------------------------------------------------------------------------------------------*/
	.interna{
		min-height: 400px;
		padding-bottom: 40px;
	}

	.interna h1.titulo:after {
		content:'';
		flex:1;
		margin: auto 0 auto 1em;
		height:0;
		border-top:solid #B7B7B7 2px;
	}
		
	.interna h1.titulo:before{
		content:'';
	  	flex:1;
		margin: auto 1em auto 0;
	  	height:0;
	  	border-top:solid #B7B7B7 2px;
  	}
	
	.interna h1.titulo{		
		text-align: center;
		color: #606060;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 32px;
		display:flex;

	}
	

	.interna h2,
	.interna h3,
	.interna h4,
	.interna h5,
	.interna h6{
		color: #000;
	}


	.interna h2{
		font-size: 18px;
	}

	.interna a{
		color: #000;
	}


	.interna .busca .item{
		margin-bottom: 20px;
	}

	.interna .busca .item img{
		max-width: 50px;
		height: auto;
		margin-right: 20px;
	}


	/* ORÇAMENTO --------------------------------------------------------------------------------------------------------------------------------*/
	.woocommerce-loop-product__title{
		min-height: 60px;
	}
	
	.woocommerce-breadcrumb{
		margin-top: 20px !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}


	#yith-ywrq-table-list .product-subtotal{
		display: none !important;		
	}


	.cart_item .product-thumbnail img{
		width: 100px;
	}

	.yith_ywraq_add_item_browse_message a{
		display: inline-block;
		background-color: #dcca00 !important;
		padding: 15px 30px !important;
		color: #043a5d !important;
		
	}

	.woocommerce #respond input#submit, 
	.woocommerce a.button, 
	.woocommerce button.button, 
	.woocommerce input.button{
		background-color: #dcca00 !important;
		padding: 15px 40px !important;
		color: #043a5d !important;
		text-transform: uppercase !important;
	}


	.solicitar-orcamento {
		background-color: #dcca00 !important;
		padding: 5px 20px !important;
		color: #043a5d !important;
		text-transform: uppercase !important;
		font-size: 16px;
		text-align: center;	
	}

	.woocommerce form .form-row textarea {
		height: 300px !important;
	}

	/* contato -----------------------------------------------------------------------------------------------------------------------------------*/

	.contatos h2{
		font-size: 20px;
		color: #0C5A8C;
	}

	.contatos iframe{
		width: 100%;
		height: 360px;
	}

	.wpcf7-form{
		margin: 0;
		padding: 0;
	}
	
	.wpcf7-form .form-group{
		margin-bottom: 0;
	}

	.wpcf7-form .wpcf7-form-control{
		width: 100%;
		
		padding: 10px;
		background-color: #FFF;
		color: #468FC9;
		border: 1px solid #ccc;
		border-radius: 2px;
		-webkit-transition: all .5s ease-out;
	    -o-transition: all .5s ease-out;
		transition: all .5s ease-out;
		font-size: 1em;
	}

	.wpcf7-form .wpcf7-form-control:focus{
		outline: none;
		box-shadow: 0 0 5px 1px #E2EA3F;
	}

	.wpcf7-form .wpcf7-form-control::-webkit-input-placeholder{
		color: #468FC9;
	}
	.wpcf7-form .wpcf7-form-control::-moz-placeholder{
		color: #468FC9;
	}
	.wpcf7-form .wpcf7-form-control:-ms-input-placeholder{
		color: #468FC9;
	}
	.wpcf7-form .wpcf7-form-control:-moz-placeholder{
		color: #468FC9;
	}


	.wpcf7-form .wpcf7-submit{
		width: auto;
		background-color: #1A80C2;
		color: #FFF;		
		
		margin: 0;
		cursor: pointer;
	}

	.wpcf7-form .wpcf7-submit:focus{
		box-shadow: none;
	}

	.wpcf7-form .wpcf7-textarea{
		height: 150px;
	}



	.onsale{
		width: 50px !important;
		height: 50px !important;
	}


	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
		width: 48% !important;
		max-width: 100%;
	}

	.woocommerce-checkout .woocommerce{
		background-color: rgba(255,255,255,1) !important;
	}


	.woocommerce-input-wrapper,
	.woocommerce-billing-fields label{
		width: 100%;
		margin-bottom: 0;
	}

	.woocommerce-billing-fields .input-text{
		width: 100%;
		padding: 5px;
		margin: 0;
	}

	.select2-selection{
		border-radius: 0 !important;
		padding: 5px;
	}

	.woocommerce-checkout-review-order-table{
		border-radius: 0 !important;
	}

	.woocommerce-checkout-payment{
		border-radius: 0 !important;
	}

	.cart_item .menos,
	.cart_item .mais{
		display: none;
	}

	.cart_item .input-text.qty{
		text-align: center;
		width: 42px;
	}


	.shipping-calculator-button,
	.shipping-calculator-button:hover{
		background-color: #000;
		color: #fff;
		padding: 5px 10px;
	}


	.woocommerce-Tabs-panel--description h2{
		display: none;
	}

	.related.products{
		clear: both;
	}



	.woocommerce div.product .product_title {
		font-size: 20px;
	}



	.related h2:after {
		content:'';
		flex:1;
		margin: auto 0 auto 1em;
		height:0;
		border-top:solid #B7B7B7 2px;
	}
		
	.related h2:before{
		content:'';
	  	flex:1;
		margin: auto 1em auto 0;
	  	height:0;
	  	border-top:solid #B7B7B7 2px;
  	}
	
	  .related h2{		
		text-align: center;
		color: #606060;
		margin-top: 40px;
		font-size: 32px;
		display:flex;
	}
	


	.menu_categorias>ul{
		background-color: #FFF;
		padding: 0;
		list-style: none;
	}

	.menu_categorias>ul>li>span,
	.menu_categorias>ul>li>a{
		background-color: #0C5A8C;
		display: block;
		width: 100%;
		padding: 5px 10px !important;
		color: #FFF;
		border-bottom: 3px solid #FFF;
		cursor: pointer;
	}

	.menu_categorias>ul>li ul{
		display: none;
		list-style: none;
		padding: 0;
		border-bottom: 3px solid #FFF;		
	}

	.menu_categorias>ul>li ul li a{
		display: block;
		padding: 5px 10px !important;
		color: #0C5A8C;
				
	}

	.menu_categorias>ul>li.ativa>span,
	.menu_categorias>ul>li.ativa>a,
	.menu_categorias>ul>li>a:hover{
		background-color: #DCCA00;
	}

	
	.menu_categorias>ul>li ul li.ativa a,
	.menu_categorias>ul>li ul li a:hover{
		background-color: #D7D7D7;
	}
	

	.menu_categorias>ul>li.ativa ul{
		display: block;
	}


	.menu_tags>ul{
		background-color: #FFF;
		padding: 0;
		list-style: none;
	}

	.menu_tags>ul>li>span{
		background-color: #0C5A8C;
		display: block;
		width: 100%;
		padding: 5px 10px !important;
		color: #FFF;
		border-bottom: 3px solid #FFF;
		text-transform: uppercase;
	}

	.menu_tags>ul>li ul{
		list-style: none;
		padding: 0;
		border-bottom: 3px solid #FFF;
		
	}

	.menu_tags>ul>li ul li a{
		display: block;
		padding: 5px 10px !important;
		color: #0C5A8C;
				
	}

	.menu_tags>ul>li.ativa>a,
	.menu_tags>ul>li>a:hover{
		background-color: #DCCA00;
	}

	.menu_tags>ul>li ul li.ativa a,
	.menu_tags>ul>li ul li a:hover{
		background-color: #D7D7D7;
	}





	/*rodapé -----------------------------------------------------------------------------------------------------------------------------------*/

	footer{
		padding:0;
		margin-bottom: 20px;
	}

	footer .atendimento{
		position: fixed;
		bottom: -300px;
		right: 60px;
		z-index: 99999;
	}

	footer .atendimento .texto{
		width: 300px;		
        min-height: 90px;
		background-color: #F3F1F1;
		color: #595B60;
		display: block;
		border-radius: 10px;
		padding: 10px 20px;
		font-size: 16px;
		box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.75);
	}

	footer .atendimento .icone{
		position: absolute;
		right: 35px;
		bottom: 35px;
	}

	footer .atendimento .icone img{
		width: 60px;
		position: absolute;
		max-width: none !important;
	}



	footer .atendimento .icone .back{
		-webkit-animation: rotation 3s infinite linear;
	}

	footer .atendimento .fechar{
		font-family: Arial, Helvetica, sans-serif;
		background-color: #EBEBEB;
		color: #000;
		float: right;
		display: block;
		width: 30px;
		height: 30px;		
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		border-radius: 50%;
		cursor: pointer;
		padding: 5px;
	}



	@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
	}



	

	footer .f1{
		background-color: #3F90D4;
		background-image: linear-gradient(to bottom, #3F90D4, #0C5A8C);
		color: #FFF;
		padding: 20px;

	}


	footer .f1 .menu ul li a{
		color: #FFF;
		padding: 0;
	}



	footer .f1 .menu{
		padding-bottom: 0px;
		margin-bottom: 40px;
	}

	footer .f1 .menu ul li{
		display: inline-block;
		padding: 0 !important;
		
	}

	footer .f1 .menu ul li:last-child a{
		border: none;
		
	}

	footer .f1 .menu ul li a{
		padding: 0 15px;
		border-right: 1px solid #FFF;
	}


	footer .f1 .contatos a{
		
		color: #FFF;		
		text-decoration: none;
	}

	footer .social{
		list-style: none;
		margin: 0;
		padding: 0;
		margin-top: 7px;
	}

	footer .social li{

		display: inline;
	}

	footer .social li a{
		font-size: 48px;
		display: inline-block;
		margin: 0 5px;
		color: #FFF;
		text-align: center;
		-webkit-transition: all .5s ease-out;
	    -o-transition: all .5s ease-out;
		transition: all .5s ease-out;
		margin-top: 30px;
		display: inline-flex;
		align-items: center;
		justify-content: center;

	}


	footer .social li a:hover{
		text-decoration: none;
	}




	footer .f2{
		font-family: 'Roboto Light';
		color: #7c7676;
		padding: 10px;
		font-size: 12px;
	}
	

}


@media (max-width: 767px){
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 100% !important;

	}

	.home .programacao .vejamais{
		margin: 0;
		padding: 20px 40px 40px 40px;
	}

	.home .programacao .vejamais a{
		font-size: 1em;
	}

	.home .programacao .vejamais .before{
		position: absolute;
		margin-left: -120px !important;
	}


	.home .programacao .vejamais .after{
		margin-top: -45px;
		margin-left: 20px;
	}

}

@media (min-width: 768px){


}


@media (max-width: 991.9px){

	#headernav  .navbar-collapse{
		background-color: #FFF;
		padding: 10px;
		position: fixed;
		left: 20px;
		right: 20px;
		z-index: 9999999;
		margin-top: 20px;
		border-radius: 10px;
	}

	#headernav .navbar-nav>.nav-item.dropdown.open a,
	#headernav navbar-nav>.nav-item a,
	#headernav .nav-item.active a{
		background-color: #468FC9;
		color: #E2EA3F !important;
		padding: 10px !important;
	}

	#headernav .nav-item a{
		color: #468FC9;
		text-align: left;
		padding: 10px !important;
	}


	#headernav #wizardinfosys_autosearch_form {
		margin: 10px 0;
	}

	.box_carrinho{
		
		max-width: none;
		width: 100%;
		padding: 5px;
		float: none;
	}

	.box_carrinho span.label{
		font-size: 12px;
		margin-bottom: 5px;
	}

	.box_carrinho{
		font-size: 14px;
	}

	.box_carrinho span.label img{
		max-height: 20px;
	}

	.navbar-dark .navbar-toggler {
		background-color: #468FC9;
		border: none !important;	 	
		outline:  none !important;

	}


	.dropdown-menu{
		background: none;
		border-radius: 0;
		padding-left: 20px;
		border: 0;
	}

	.navbar-light .navbar-toggler {
		border:none !important;
		padding: 0;
		outline: none !important;
		margin-top:20px;
	}

	#headernav{
		padding-bottom: 20px;
	}

	#headernav .logo img{
		max-height: 100px;
	}


	#headernav .menu_auxiliar .navbar-nav{
		padding-top:10px !important;
		border-top: 1px solid rgba(255,255,255,0.5);
	}

	.blocos_home .col{
		margin-bottom: 40px;
	}


	footer .ar7{
		margin-top:10px !important;
		display: block;
	}

	footer{
		font-size: 15px;
	}

	footer .atendimento{
		right: 40px;	
	}

	footer ul{
		margin: 0;
		padding: 0;
	}
	

}

/* MD */
@media only screen and (min-width : 992px) {

	#headernav .navbar-brand{
		display: none;
	}
	

	#headernav .dropdown-menu{
		background-color: #FFF;
		margin-top: 0;
		border-radius: 0;
	}

	#headernav .dropdown-menu .nav-item{
		padding: 0px;
	}

	#headernav .dropdown-menu .nav-item a{
		border:none;
		color: #2f6eb6;
	}

	#headernav nav{
		/* margin-top: 50px; */
	}

	#headernav .navbar-nav{
		padding: 0;
		overflow: hidden;
	}

	#headernav .nav-item{
		
	}

	#headernav .navbar-nav>.nav-item.dropdown.open,
	#headernav .navbar-nav>.nav-item.dropdown.open>a,
	#headernav navbar-nav>.nav-item,
	#headernav .nav-item.active,
	#headernav .nav-item.active a{
		background-color: #DCCA00;
		color: #0D5A8C !important;
		border-radius: 25px;
	}

	#headernav .nav-item a{
		padding: 5px 20px !important;
		font-size: 1em;
		color: #FFF;
		padding: 0;
	}

	#headernav .nav-item:last-child a{
		border:none;
	}

	#headernav #wizardinfosys_autosearch_form  .wp_autosearch_submit{
		transform: translateX(-15px);
	}
}



@media only screen and (min-width : 1600px) {
	/*
	.container{
		max-width: 100%;
		padding: 0 10vw;
	}
	*/
}