/* 
cores:
Azul escuro: #011140;
Lilás: #8A4BA6;
light:  #f8f9fa;
*/

@font-face {font-family: "Futura"; src: url('../fonts/FuturaStdBook.otf');}
@font-face {font-family: "Futura"; src: url('../fonts/FuturaStdBold.otf'); font-weight: bold;}

html {font-size: 100%; max-width: 100%; }
body {font-size: 100%; font-family: "Futura", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
body::before{position: absolute; content: ""; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 3; transition: all 0.2s ease;}
h1, h2, h3, h4, h5, h6{font-family: "Futura", sans-serif;}

.bg-custom-gradient{background: linear-gradient(90deg, rgba(233,205,130,1) 0%, rgba(225,185,77,1) 33%, rgba(233,205,130,1) 66%, rgba(171,113,60,1) 100%);}
.text-blue{color: #061c3d;}
.bg-blue{background-color: #061c3d !important;}
.fit{object-fit: cover;}

.back-show{position: fixed; overflow-y: hidden;}
.back-hidden{position: static;}
.back-show::before;{display: block; transition: all 0.3s ease}
.back-hidden::before{display: none; transition: all 0.3s ease}

.btn{position: relative;}
.btn:focus {box-shadow: none;}
.btn span{transition: all 0.1s linear 0s;}
.btn::before{position: absolute; content: "\F138"; right: 15px; font-family: "bootstrap-icons"; transition: all 0.1s linear 0s; opacity: 0;}
.btn:hover{color: #061c3d;}
.btn:hover::before{opacity: 1;}
.btn:hover span{margin-right: 10px;}

.breadcrumb .small{font-size: 0.8rem;}
.invalid-feedback{color: #f5e304 !important;}
.form-control.is-invalid, .was-validated .form-control:invalid{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f5e304'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;}

header.fixed-top{height: 70px;}
header.fixed-top::after{position: absolute; content: ""; width: 100%; height: 7px; background: linear-gradient(90deg, rgba(233,205,130,1) 0%, rgba(225,185,77,1) 33%, rgba(233,205,130,1) 66%, rgba(171,113,60,1) 100%);}
header.fixed-top .nav-link{font-size: 0.85rem}

header.fixed-top ul.nav > li{height: 100%; display: flex; align-items: center;}
header.fixed-top ul.nav > li > ul{display: flex; flex-wrap: wrap; position: absolute; left: 0; background-clip: padding-box; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: -9; top: 100%; text-align: center; -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; vertical-align: top; visibility: hidden; list-style: none; padding: 0;}
header.fixed-top ul.nav > li:hover > ul{top: 100%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); visibility: visible; z-index: 9999999; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; overflow: visible; -webkit-transform: perspective(600px) rotateX(0deg);  transform: perspective(600px) rotateX(0deg);}
header.fixed-top ul.nav > li > ul, 
header.fixed-top > li > a, 
header.fixed-top ul.nav > li:before {transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;}
header.fixed-top ul.nav > li > ul > li{flex: 0 0 auto; width: 50%; padding: 10px; background-color: #FFF; text-align: left; border-bottom: 1px solid #ededed;}
header.fixed-top ul.nav > li > ul > li > a{white-space: nowrap; text-transform: uppercase; color: #2d3e50; font-size: 0.88em; text-decoration: none;}
header.fixed-top ul.nav > li > ul > li > a:hover{text-decoration: none;}
header.fixed-top ul.nav > li > ul > li:hover{background-color: rgba(225,185,77,1);}
header.fixed-top ul.nav > li > ul > li:hover a{color: #FFF;}

header > div.fixed-top{height: 50px;}

header div.sidebar{width: 85vw; padding-top: 50px; padding-bottom: 100px; transition: all 0.3s ease; z-index: 3; overflow-y: auto;}
header div.sidebar.hide{transform: translateX(-100%);}
header div.sidebar.show{transform: translateX(0);}
header div.sidebar a{padding: 0; color: #242424 !important; text-decoration: none;}
header div.sidebar ul.nav{padding: 20px 0 0 16px; flex-direction: column;}
header div.sidebar ul.nav li.deeper{border-bottom: solid 2px #ededed;}
header div.sidebar ul.nav li.deeper > a{border-bottom: solid 2px #ededed; font-size: 85%; color: #CCC;}
header div.sidebar ul.nav-child{list-style: none; padding-left: 0; display: none !important;}
header div.sidebar ul.nav-child li{position: relative; padding-left: 16px !important;}
header div.sidebar ul.nav-child li::before{position: absolute; content: "\F285"; left: 0; font-family: "bootstrap-icons";}
header div.sidebar ul.nav li{padding: 6px 0;}
ul.nav-child.unstyled.small {
    display: none;
}

.banner h2.mb-4 {color: #fff;}
main.home section.servicos div.items > div{margin-top: 100px;}
main.home section.quem-somos div.right{height: 115%;}
main.home section.quem-somos div.left{padding:  120px 80px;}
main.home section.noticias{padding: 120px 0 60px 0;}
main.home section.noticias div.card img{border-top-left-radius: var(--bs-border-radius-2xl); border-bottom-left-radius: var(--bs-border-radius-2xl); }

main.home section.contato{padding-top:  140px !important;}
section.contato textarea{height: 120px !important;}

main.interna{margin-top: 70px;}
main.interna section.servicos div.items > div{margin-top: 100px;}
main.interna section.noticias div.card.lead img{object-fit: cover; border-top-left-radius: var(--bs-border-radius-2xl); border-bottom-left-radius: var(--bs-border-radius-2xl); }
main.interna section.noticias div.card:not(.lead) img{object-fit: cover; border-top-left-radius: var(--bs-border-radius-2xl); border-top-right-radius: var(--bs-border-radius-2xl); }
main.interna section.noticias div.card:not(.lead){padding-bottom: 5rem;}
main.interna section.noticia > div.banner > div{background-image:  url(http://infotaxtributos.com.br/images/interna/banner-empresa.jpg)}

main.interna section.artigos-relacionados img.card-img-top{object-fit: cover; border-top-left-radius: var(--bs-border-radius-2xl)!important; border-top-right-radius: var(--bs-border-radius-2xl)!important;}
main.interna section.artigos-relacionados div.card{padding-bottom: 5rem!important;}

footer::before{position: absolute; top: 0; content: ""; width: 100%; height: 7px; background: linear-gradient(90deg, rgba(233,205,130,1) 0%, rgba(225,185,77,1) 33%, rgba(233,205,130,1) 66%, rgba(171,113,60,1) 100%);}

ul.pagination a.page-link{color: #061c3d; background-color: #FFF;} 
ul.pagination a.page-link:hover{background-color: #e1b94d;}
ul.pagination li.page-item.active a.page-link{background-color: #e1b94d; border-color: #e1b94d; }
ul.pagination li.page-item.disabled span.page-link{background-color: #f8f9fa;}

h3.card-title.text-center.fw-bold.text-uppercase.text-blue.mb-3 {
    font-size: 1.3rem;
}

/* Extra Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  main.interna{margin-top: 50px;}
  main.interna section.artigos-relacionados div.card{padding-bottom: unset !important;}
  main.home section.servicos div.tems > div{margin-top: 75px;}
  main.home section.noticias{padding: 30px 0;}
  main.home section.noticias div.card img{border-top-left-radius: var(--bs-border-radius-2xl); border-top-right-radius: var(--bs-border-radius-2xl); border-bottom-left-radius: 0; }
  main.interna section.servicos div.card{margin-top: 50px;}
  main.interna section.noticias div.card{padding-bottom: 0 !important;}
  main.interna section.noticias div.card:not(.lead) img{border-top-left-radius: unset; border-top-right-radius: unset;}
  footer span{line-height: 0.7rem;}
  footer small{font-size: 0.75rem; line-height: 0.7rem;}
  footer img{margin-bottom: 10px;}

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

  div.topinfo div.item + div.item::before{margin: 0 0.5rem;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	}


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