/*
Theme Name: Neticom Brasil
Theme URI: https://www.neticombrasil.com.br
Author: Wilson R. Garcia Jr.
Description: Tema desenvolvido sob medida para o Grupo de Teatro Andaime
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: "RobotoSlab"; src: url('fonts/RobotoSlab-Light.ttf'); font-weight: 300;}
@font-face {font-family: "RobotoSlab"; src: url('fonts/RobotoSlab-Regular.ttf'); font-weight: 400;}
@font-face {font-family: "RobotoSlab"; src: url('fonts/RobotoSlab-Medium.ttf'); font-weight: 600;}
@font-face {font-family: "RobotoSlab"; src: url('fonts/RobotoSlab-Bold.ttf'); font-weight: 700;}

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

.bg-red{ background-color: #620000; }
.text-red{ color: #620000; }
.btn.bg-red:hover{ background-color: #000000 !important; }
.border-red{ border-color: #620000 !important; }

div.parallax{height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;} 
div.parallax-mobile{background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;} 

.columns{column-count: 3;}
.topmenu .nav-link{text-transform: uppercase; font-size: 0.9rem; color: #000000;}
.footermenu .nav-link{text-transform: uppercase; font-size: 0.85rem; color: #FFFFFF;}

/* 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: #620000; border-color: #620000;}
.page-link{ background-color: #e9e6ed; border-color: #dee2e6; color: #333}
.form-floating > textarea.form-control{ height: auto; }

.home .formacao .lead{margin-bottom: 120px;}
.home .formacao .card-wrapper{margin-bottom: 100px;}
.home .formacao .card .card-body{padding-top: 110px;}
.home .formacao-mobile .card{margin-top: 120px;}
.home .formacao-mobile .card .card-body{padding-top: 110px;}

.interno{margin-top: 165px;}
.banner-interno{height: calc(100vh - 170px);  background-size: cover;}
.home section.quem-somos{margin-top: calc(100vh);}

@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;}

	.interno{margin-top: 75px;}
	.banner-interno{height: calc(100vh - 70px);  background-size: cover;}
}