/*
Theme Name: Neticom Brasil
Theme URI: https://www.neticombrasil.com.br
Author: Wilson R. Garcia Jr.
Description: Tema desenvolvido sob medida para a loja Vinícola Urbana
Version: 0.1
Text Domain: neticombrasil
License: GNU General Public Licence v2 or later
Licence URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: ecommerce, woocommerce
*/

@font-face {font-family: "Montserrat"; src: url('fonts/Montserrat-Light.ttf'); font-weight: 300;}
@font-face {font-family: "Montserrat"; src: url('fonts/Montserrat-Regular.ttf'); font-weight: 400;}
@font-face {font-family: "Montserrat"; src: url('fonts/Montserrat-Medium.ttf'); font-weight: 600;}
@font-face {font-family: "Montserrat"; src: url('fonts/Montserrat-Bold.ttf'); font-weight: 700;}

html {font-size: 100%; max-width: 100%; }
body {font-size: 100%; font-family: "Montserrat", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}

.bg-brown{ background-color: #C77432; }
.bg-gray{ background-color: #58595B; }
.text-gray{ color: #58595B; }
.text-brown{ color: #C77432; }
.border-gray{border-color: #58595B !important; }
.border-brown{border-color: #C77432 !important; }

.btn.bg-gray:hover{ background-color: #000000 !important; }
.btn.bg-brown:hover{ background-color: #000000 !important; }

section.a-empresa{background-image: url(images/back-empresa.png); background-size: contain; background-position: top right; background-repeat: no-repeat; min-height: 600px;}

div.parallax{height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;} 
div.parallax-content { width:50%; margin: 0 auto; color: #FFF; padding-top: 50px; }

section.servicos .border.adjust{padding-left: 100px;}
main.a-empresa .border.adjust{padding-left: 80px;}
main.a-empresa article div{column-count: 3;}
.card.box{padding-bottom: 100px; margin-bottom: 160px;}
main.acompanhamento-de-obra .border.adjust{padding-left: 80px; margin: 50px;}
main.topografia .bi.bi-exclamation-octagon{font-size: 5rem;}

main.servico article{column-count: 3;}

.columns{column-count: 3;}
ul.list li::before{width: 3rem; height: 3rem; display: inline-block; content: ""; vertical-align: -1.125em; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='%23C77432' class='bi bi-check-lg' viewBox='0 0 16 16'><path d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/></svg>"); background-repeat: no-repeat; background-size: 3rem 3rem;}

.topmenu .nav-link{text-transform: uppercase; font-weight: bold; font-size: 1rem;}

/* Paginação */
.page-item:first-child .page-link {border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.page-item:last-child .page-link {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.active > .page-link, .page-link.active { background-color: #333; border-color: #333;}
.page-link{ background-color: #e9e6ed; border-color: #333; color: #333}
.form-floating > textarea.form-control{ height: auto; }

@media(min-width: 576px){
	
	.dropdown-menu{display: block; opacity: 0; transition: all 0.3s; margin-top: 10px;}
	.dropdown:hover .dropdown-menu{display: block; opacity: 1; margin-top: 0;}
	
}

@media(max-width: 576px){
	/* clean all styles */
	.offcanvas-menu a, .offcanvas-menu span, .offcanvas-menu ul, .offcanvas-menu li{padding: 0; margin: 0; line-height: unset; }
	
	/* define specific styles */
	.dropdown-menu{display: block; opacity: 1; margin-top: 0; border: 0}
	.offcanvas-menu ul{margin-left: 1rem !important;}
	.offcanvas-menu li{line-height: 2;}
	.offcanvas-menu a, .offcanvas-menu span{color: #333;}
		
	.offcanvas-menu li.menu-item-has-children > a{font-size: 0.75rem; color: rgba(33, 37, 41, 0.75); text-transform: uppercase; border-bottom: solid 1px rgba(33, 37, 41, 0.75); font-weight: bold; margin-bottom: 0.5rem; margin-top: 0.5rem;}
	.offcanvas-menu span.menu-header{color: #333; font-size: 0.75rem; color: rgba(33, 37, 41, 0.75); text-transform: uppercase; border-bottom: solid 1px rgba(33, 37, 41, 0.75); font-weight: bold; display: block; margin-bottom: 0.5rem;}
	
	section.a-empresa{min-height: unset;}
	section.servicos .card{margin-top: 80px;}
	section.servicos .card-body{padding-top: 80px;}

	main.a-empresa article div, main.servico article{column-count: 1;}

	main.a-empresa .card.destaques{margin-top: 80px;}
	main.a-empresa .card.destaques .card-body{padding-top: 80px;}
	main.a-empresa .card.box{margin-top: 100px !important; padding-bottom: unset !important;}
	main.a-empresa .card.box .card-body{padding-left: 80px !important; }

	.columns{column-count: 1;}
}