/*
Theme Name: Neticom Brasil
Theme URI: https://www.neticombrasil.com.br
Author: Wilson R. Garcia
Author URI: https://www.neticombrasil.com.br
Description: Tema padrão.
Version: 1.0
*/

@font-face {font-family: "Montserrat"; src: url('assets/fonts/Montserrat-Regular.ttf') format("truetype");}
@font-face {font-family: "Montserrat"; src: url('assets/fonts/Montserrat-Bold.ttf') format("truetype"); font-weight: bold;}
@font-face {font-family: "Dancing"; src: url('assets/fonts/dancing-script-regular.ttf') format("truetype");}

/* SITE GERAL */
html, body{font-size: 100%; overflow-x: hidden;}
body {font-family: 'Montserrat', sans-serif; font-weight: 400; color: #242424;}

div#over {background-color: rgba(0,0,0,0.5); display: none; height: 100%; position: absolute; top: 0; width: 100%; z-index: 1000;}
h1, h2, h3, h4, h5, h6{font-family: "Montserrat", sans-serif; font-weight: bold;}

.bg-brown{background-color: #5c3222;}
.bg-cream{background-color: #f4e6c1;}
.border-brown{border-color: #5c3222 !important;}
.border-cream{border-color: #f4e6c1 !important;}
.text-brown{color: #5c3222;}
.text-soft-brown{color: #d17a4b;}
.text-cream{color: #f4e6c1;}
.dancing{font-family: "Dancing";}
small, .small{font-size: 0.75rem !important;}
h1.dancing{font-size: 5rem !important;}

main{margin-top: 160px;}

ul.pagination .page-item.active .page-link {background-color: #5c3222 !important; border-color: #5c3222 !important; color:  #FFF !important;}
ul.pagination .page-item .page-link {color: #5c3222 !important;}

main.home h2 > span:nth-last-child(-n+2){color: #e0644d;}

header#topbar > div:nth-child(1){height: 80px;}
header#topbar > div:nth-child(2){height: 80px;}
header#topbar form#searchform ::-webkit-input-placeholder {font-size:  0.75rem;}
header#topbar form#searchform ::-moz-placeholder {font-size:  0.75rem;}
header#topbar form#searchform :-ms-input-placeholder {font-size:  0.75rem;}
header#topbar form#searchform :-moz-placeholder {font-size:  0.75rem;}

header#top-mobile-menu{height: 115px;}

ul#menu-top-menu a.nav-link{font-size: 0.85rem;}
ul#menu-top-menu li:not(:last-child)::after{position: absolute; content: ""; right: 0; width: 1px; height: 15px; background-color: #FFF;}

div.blog-item-image{height: calc(100vh - 160px); width: 100%;}

div.blog-items{margin-top: 180px;}

aside h2{font-size: 1.4rem; color: #5c3222; text-transform: uppercase; margin-top: 1.5rem; margin-bottom: 1rem;}
aside ul.recent-posts li{margin-bottom: 1rem; position: relative; padding-left:  15px;}
aside ul.recent-posts li::before{position: absolute; content: ""; width: 4px; height: 100%; background-color: #f4e6c1; left: 0;}
aside ul.recent-posts li a{text-decoration: none; color: #242424; font-size: 0.9rem;}
aside ul.recent-posts li time{font-style: italic; font-weight: bold; color: #666;}

aside ul.archives{list-style: none; padding-left: 0;}
aside ul.archives li{margin-bottom: 1rem; position: relative; padding-left:  15px;}
aside ul.archives li::before{position: absolute; content: ""; width: 4px; height: 100%; background-color: #f4e6c1; left: 0;}
aside ul.archives li a{text-decoration: none; color: #242424; font-size: 0.9rem;}

aside div.rp4wp-related-posts h3{font-size: 1.4rem; color: #5c3222; text-transform: uppercase; margin-top: 1.5rem; margin-bottom: 1rem;}
aside div.rp4wp-related-posts ul{list-style: none; padding-left: 0;}
aside div.rp4wp-related-posts ul li{margin-bottom: 1rem; position: relative; padding-left:  15px;}
aside div.rp4wp-related-posts ul li::before{position: absolute; content: ""; width: 4px; height: 100%; background-color: #f4e6c1; left: 0;}
aside div.rp4wp-related-posts ul li a{text-decoration: none; color: #242424; font-size: 0.9rem;}

/*
main.blog-items div.widget{margin: 15px 0;}
main.blog-items div.widget h2{text-transform: uppercase; font-size: 1.2rem;}
main.blog-items div.widget.popular-posts ul{margin: 15px 0 0 0; padding: 0;}
main.blog-items div.widget.popular-posts a{text-decoration: none; color: #424242; font-weight: bold;}
main.blog-items ul.wp-block-latest-posts img{float: left; margin-right: 1em;}
main.blog-items ul.wp-block-latest-posts a{display: unset !important; text-decoration: none; color: #424242; font-weight: bold;}
main.blog-items ul.wp-block-latest-posts > li{margin-bottom: 1.5rem;}
*/

div.blog-item{margin-top: 160px;}
div.blog-item div.text-wrapper p{margin-bottom: 1.75rem;}
div.blog-item div.widget{margin: 15px 0;}
div.blog-item div.widget h2{text-transform: uppercase; font-size: 1.2rem;}
div.blog-item div.widget.popular-posts ul{margin: 15px 0 0 0; padding: 0;}
div.blog-item div.widget.popular-posts a{text-decoration: none; color: #424242; font-weight: bold;}
div.blog-item ul.wp-block-latest-posts img{float: left; margin-right: 1em;}
div.blog-item ul.wp-block-latest-posts a{display: unset !important; text-decoration: none; color: #424242; font-weight: bold;}
div.blog-item ul.wp-block-latest-posts > li{margin-bottom: 1.5rem;}
div.blog-item div#comments ul{list-style: none;}

ul.wp-block-categories-list{list-style: none; margin: 0; padding: 0;}
ul.wp-block-categories-list li{position: relative; padding-left: 15px; line-height: 1.75rem;}
ul.wp-block-categories-list li::before{position: absolute; left: 0; content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
ul.wp-block-categories-list li a{text-decoration: none; color: #424242}
ul.wp-block-categories-list li a:hover{font-weight: bold; color: #a12981;}

@media (max-width: 575.98px) {

    header#top-mobile-menu > div.bg-pink{height: 50px;}

    ul#menu-principal a.nav-link{color: #212121 !important;}

    main.home{margin-top: 115px;}

    div.slider-top button.left{left: 0; right: auto; }
    div.slider-top button.right{right: 0; left: auto;}

    .btn.arrow{z-index: 300;}
    .btn.arrow.left{left: 0; right: auto; }
    .btn.arrow.right{right: 0; left: auto;}
    
    //div.blog-item{margin: 1rem 0 -20px 0;}

    div.sidebar{-webkit-transform: translateX(-100%); transform: translateX(-100%); transition: transform 200ms ease-out; will-change: transform; width: 85%; height: calc(100vh - 115px); padding: 0 0 50px 0; z-index: 2000; overflow-x: hidden; background-color: #FFF; top: 115px;}
		div.sidebar.show-sidebar{-webkit-transform: none; transform: none; transition: transform 200ms ease-out;}
		#over {background-color: rgba(0,0,0,0.5); display: none; height: 100vh; position: fixed; top: 0; width: 100%; z-index: 1000;}
		#over.overshow{display: block;}
		div.sidebar a{display: block; font-family: "Roboto", sans-serif; font-weight: 700; color: #333; font-size: 0.85rem; text-transform: uppercase;}
		div.sidebar ul.menu > li{display: block; line-height: 40px; padding: 0; text-align: left;}
		div.sidebar ul.menu > li > a{position: relative;}
		//div.sidebar h5{border-bottom: solid 2px #CCC; margin-top: 1rem; font-size: 0.75rem; color: rgba(0,0,0,0.6); font-weight: 700; pointer-events: none;}
		div.sidebar ul.menu > li > ul > li{background-color: transparent; border: none;}
		div.sidebar ul.menu > li > ul > li::before{position: absolute; left: -16px; font-family: "Font Awesome 5 Free";  font-weight: 900; content: "\f0da"}

	


}

@media only screen 
and (min-device-width : 768px)  { }

@media only screen 
and (max-device-width : 1024px)  { }


@media screen and (prefers-reduced-motion:reduce) {
  .form-control{transition: all 0.3s ease !important;}
  .form-floating > label{transition: all 0.3s ease !important;}
  .btn{transition: all 0.3s ease !important;}
  .fade{transition: all 0.3s ease !important;}
  .collapsing{transition: all 0.3s ease !important;}
  .custom-switch .custom-control-label::after{transition: all 0.3s ease !important;}
  .custom-range::-webkit-slider-thumb{-webkit-transition: all 0.3s ease !important; transition: all 0.3s ease !important;}
  .custom-range::-moz-range-thumb{-moz-transition: all 0.3s ease !important; transition: all 0.3s ease !important;}
  .custom-range::-ms-thumb{-ms-transition: all 0.3s ease !important; transition: all 0.3s ease !important;}
  .custom-control-label::before,
  .custom-file-label,
  .custom-select{transition: all 0.3s ease !important;}
  .badge{transition: all 0.3s ease !important;}
  .progress-bar{transition: all 0.3s ease !important;}
  .progress-bar-animated{-webkit-animation:none; animation:none}
  .modal.fade .modal-dialog{transition: all 0.3s ease !important;}
  .carousel-item{transition: all 0.3s ease !important;}
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right{transition: all 0.3s ease !important;}
  .carousel-control-next,
  .carousel-control-prev{transition: all 0.3s ease !important;}
  .carousel-indicators li{transition: all 0.3s ease !important;}
}

btn:focus, a:focus, button:focus{ outline: none !important; box-shadow: none !important;}
.navbar-toggler:focus{outline: none !important; box-shadow: none !important;}