/*
Theme Name: Neticom Brasil
Theme URI: https://www.neticombrasil.com.br
Author: Wilson R. Garcia Jr.
Description: Tema desenvolvido sob medida para o site Espiritismo sem censura
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-dark-blue { background-color: #053356; }
.bg-red { background-color: #d51a1a;  }
.bg-brown{background-color: #586273;}
.border-red{ border-color: #d51a1a !important; }

#site-navbar {
  transition: transform 0.15s ease-in-out;
  will-change: transform;
}

#site-navbar.nav-hidden {
  transform: translateY(-180%);
}

.main-menu{height: 32px;}
.main-menu > .position-absolute{bottom: -5px}

form#searchform{width: 400px;}

.btn:hover, .btn:active{ background-color: #9a0909; }
.main-menu .nav-item{margin-bottom: 5px;}
.main-menu .nav-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    /*/ box-shadow: 0 0 1px rgba(0, 0, 0, 0); */
    position: relative;
    overflow: hidden;
    padding-left: 10px !important; 
    padding-right: 10px !important;
}

.main-menu .nav-link:hover:before, .main-menu .nav-link:focus:before, .main-menu .nav-link:active:before, .main-menu li.active .nav-link:before,
.main-menu .nav-link:hover:after, .main-menu .nav-link:focus:after, .main-menu .nav-link:active:after, .main-menu li.active .nav-link:after {
    left: 0;
    right: 0;
}

.main-menu .nav-link:before,
.main-menu .nav-link:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    background: #d51a1a;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: 38px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.main-menu .nav-link:before{ top: 0 }
.main-menu .nav-link:after{ bottom: 0}

.columns{column-count: 3;}
.topmenu .nav-link{text-transform: uppercase; font-size: 0.9rem; color: #FFFFFF;}
.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: #d51a1a; border-color: #d51a1a;}
.page-link{ background-color: #e9e6ed; border-color: #dee2e6; color: #333}
.form-floating > textarea.form-control{ height: auto; }

.home .videos .video-text{column-count: 2; hyphens: auto;}

.interno{margin-top: 125px;}
.interno .conteudo p{line-height: 1.8; margin-bottom: 2rem; font-size: 1.16rem; color: #1f2123;}
.interno.artigos > .container > .row{padding-top: 0px;}

.interno .conteudo blockquote{border-left: solid 4px #dedede; padding-left: 10px;}
.interno .conteudo blockquote p {line-height: 1.5;}
.interno .conteudo blockquote cite{display: block; font-style: italic; color: #6c757d; font-size: 0.875rem; margin-top: 10px;}
.interno .conteudo img.alignleft{float: left; width: 45% !important; margin-right: 16px;}
.interno .conteudo img.alignright{float: right; width: 45% !important; margin-left: 16px;}

.banner h1{font-size: 4rem;}

.link-unstyled, .link-unstyled:visited, .link-unstyled:hover, .link-unstyled:active, .link-unstyled:focus, .link-unstyled:active:hover {
  font-style: inherit;
  color: inherit;
  background-color: transparent;
  font-size: inherit;
  text-decoration: none;
  font-variant: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  border-radius: inherit;
  border: inherit;
  outline: inherit;
  box-shadow: inherit;
  padding: inherit;
  vertical-align: inherit;
}

.zoom-img {
  transition: transform 0.4s ease-in-out;
}

.card:hover .zoom-img {
  transform: scale(1.1);
}


@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){
	
	.offcanvas{width: 80% !important;}
	/* clean all styles */
	.offcanvas-menu{margin-top: 150px;}
	.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: 3;}
	.offcanvas-menu a, .offcanvas-menu span{color: #333;}
	.topmenu .nav-link{ font-size: 1rem; }
		
	.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: 100px;}
	.banner-interno{height: calc(100vh - 70px);  background-size: cover;}

	}
}