/*
Theme Name: ProAcústica - Versão 2
Author: iDesk Web
Author URI: http://www.idesk.com.br/
Description: Tema desenvolvido para o portal ProAcústica - Versão 2.0.
Version: 2.0.5
Text Domain: proacustica
Requires at least: 5.3
Requires PHP: 7.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Typography
2.0 Layout
   2.1 Header
   2.2 Footer
   2.3 Navigation
   2.4 Front Page (Home)
   2.5 Regular Content
   2.6 Sidebar
3.0 Forms
4.0 Comments
5.0 Widgets
6.0 Plugins
7.0 Media
   7.1 Galleries
8.0 Media Queries
9.0 Print
--------------------------------------------------------------*/


/*--------------------------------------------------------------
  1.0 Typography
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,600;0,700;0,800;1,400;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');


/*--------------------------------------------------------------
  2.0 Layout
--------------------------------------------------------------*/
body {
    color: #222222;
    font-family: 'Sarabun', Verdana, Arial, sans-serif;
    font-size: .85rem;
    font-weight: 400;
}

.bg-proacustica { background-color: #002e73; }
.bg-proacustica-dark { background-color: #001433; }
.bg-light-gray { background-color: #F0F0F0; }

.btn-proacustica, .btn-primary { color: #fff; background-color: #002e73; border-color: #002e73; }
.btn-pink { color: #fff; background-color: #ff01dd; border-color: #ff01dd; }
.btn-internoise { color: #fff; background-color: #0AFAAC; border-color: #0AFAAC; }
.text-primary { color: #002e73 !important; }
.border-primary { border-color: #002e73!important; }
.show_pass { cursor: pointer; }

.page-item.active .page-link { background: #002e73; border-color: #002e73; color: #fff; }


/*--------------------------------------------------------------
  2.1 Header
--------------------------------------------------------------*/
.header {}


/*--------------------------------------------------------------
  2.2 Footer
--------------------------------------------------------------*/
.logo-footer { max-height: 60px;}
.footer-info address { font-size: 0.75rem;}
.social-links img { margin: 0 .15rem; }
.credits { font-size: 0.65rem; }
.form-search-footer .form-control { background-color: #F0F0F0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.form-search-footer .btn { border-top-left-radius: 0; border-bottom-left-radius: 0;}


/*--------------------------------------------------------------
  2.3 Navigation
--------------------------------------------------------------*/
.header .navbar-nav, 
.header .navbar-nav .material-icons { font-weight: 600; font-size: 0.95rem; }
.header .navbar-nav li.active { border-bottom: 5px solid #002e73; }
.header .navbar-nav li ul>li.active { border-bottom: 0; background-color: #F0F0F0; }

.dropdown-toggle::after {
    color: #AAA;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .155em;
    vertical-align: .205em;
    content: "";
    border-top: .2em solid;
    border-right: .2em solid transparent;
    border-bottom: 0;
    border-left: .2em solid transparent;
}

.navbar-light .navbar-nav .nav-link  { color: #111; }

.header .navbar-light .navbar-nav .active>.nav-link,
.header .navbar-light .navbar-nav .nav-link:hover { color: #002e73; }

.header .dropdown-item:focus, 
.header .dropdown-item:hover { background-color: #002e73; color: #FFF;}

.navbar-top { font-size: .65rem; }
.navbar-top .material-icons { font-size: .65rem; }

.navbar-footer { font-size: 0.75rem; background-color: #001433; }
.navbar-footer a { color: #FFF; }


/*--------------------------------------------------------------
  2.4 Front page (Home)
--------------------------------------------------------------*/
.bg-home{
    background: linear-gradient(#F0F0F0, #F0F0F0);
    background-size: auto 80%;
    background-position-y: 100%;
    background-repeat: no-repeat;
}

.associated-features small { font-size: 0.8rem; line-height: 0.65rem; }

#carouselNews .carousel-control-prev,
#carouselNews .carousel-control-next { border: 3px solid #000; color: #000; height: 48px; width: 48px; text-align: center; }
#carouselNews .carousel-control-prev { right: 45px; left: auto; border-right: 0; }
#carouselNews { padding-top: 70px; }

.border-news-home { background-color: #002e73; width: 80px; height: 5px; }

.slides-subtitles .subtitle { background-color: #FFF; color: #777; }
.slides-subtitles .pager-active .subtitle { color: #000!important; }
.slides-subtitles p.subtitle { font-weight: 700; font-size: 1.25rem; cursor: pointer; }

.carousel-control-next, .carousel-control-prev { opacity: .65; width: 48px; }

#carouselLogos .carousel-control-prev-icon {
    background-image: 
      url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23515151' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
 }

#carouselLogos .carousel-control-next-icon {
    background-image: 
      url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23515151' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.featured-news { position: relative; }
.featured-news-title { position: absolute; width: 100%; top: 0; left: 0; z-index: 10; font-weight: 700; text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.65); }
.featured-news-shadow {
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    height: 260px;
    left: 0;
    position: absolute;
    opacity: 0.7;
    top: 0;
    width: 100%;
    z-index: 5;
}

.calendar-section-title {
    display:flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #001433;
}

.calendar-section-title h3 {
    transform: rotate(270deg);
    text-align: center;
    color: #FFF;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
}

.calendar-controls .carousel-control-prev,
.calendar-controls .carousel-control-next { border: 2px solid #000; color: #000; left: 32px; height: 32px; width: 32px; text-align: center; }
.calendar-controls .carousel-control-prev { left: 0; border-right: 0; }
.calendar-controls { }

.calendar-day-section { }
.calendar .badge { font-size: 100%; }

.calendar-schedule-item { border-left: 5px solid #dee2e6; font-weight: 700; }


/*--------------------------------------------------------------
  2.5 Regular Content
--------------------------------------------------------------*/
.page-content {
    background: linear-gradient(#F0F0F0, #F0F0F0);
    background-size: 50% auto;
    background-position-x: 100%;
    background-repeat: no-repeat;
}

.article-header { background-color: #001433; background-size: cover; background-position: center center; color: #FFFFFF; position: relative; }
.article-header .backdrop { filter: opacity(0.38); background-color: black; position: absolute; width: 100%; height: 100%; }
.article-header .container { z-index: 99; }
.article-header h1 { font-weight: 800; text-shadow: 3px 3px 2px rgba(0, 0, 0, 1); }

.post h1, .page h1, .events h1, 
.post h2, .page h2, .events h2,
.post h3, .page h3, .events h3, 
.post h4, .page h4, .events h4,
.post h5, .page h5, .events h5, 
.post h6, .page h6, .events h6 { font-weight: 700; }

.post h1, .page h1, .events h1 { font-size: 1.6rem; }
.post h2, .page h2, .events h2 { font-size: 1.45rem; }
.post h3, .page h3, .events h3 { font-size: 1.3rem; }
.post h4, .page h4, .events h4 { font-size: 1.15rem; }
.post h5, .page h5, .events h5 { font-size: 1rem; }
.post h6, .page h6, .events h6 { font-size: 0.85rem; }

.jumbotron .material-icons { font-size: 48px; }

.justify-content-between .wp-block-group__inner-container {
    width: 100%;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.post .btn a, .page .btn a,
.post .btn a:hover,
.page .btn a:hover { color: #FFF; text-decoration: none; }

.post .btn-outline-dark a, .page .btn-outline-dark a,
.post .btn-outline-dark a:hover,
.page .btn-outline-dark a:hover { color: inherit !important; }

.aligncenter, .table-center { text-align: center; }
.table-center, .table-center table, .aligncenter table { margin-left: auto; margin-right: auto; }

.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {display: block; }

.wp-block-image img, 
.img-fluid img { max-width: 100%; height: auto; }

.alignleft { float: left; margin: 0.5em 1em 0.5em 0; }


.linktree-btn { white-space: break-spaces; }

/** Technical Bulletin **/
.bulletin-icon { display: inline-block; float: left; margin-right: 1rem; text-rendering: auto; width: 36px; height: 54px; background-size: contain; background-repeat: no-repeat; }
.bulletin-icon-download { background-image: url(assets/images/icon-download.png); }
.bulletin-icon-bell { background-image: url(assets/images/icon-bell.png); }
.bulletin-small { font-size: .75rem; line-height: 1 !important; }
.bulletin-history { border-top: 5px solid #001433; }

/*--------------------------------------------------------------
  2.6 Sidebar
--------------------------------------------------------------*/
.sidebar { background-color: #F0F0F0; }
.sponsors { background-color: #FFF; font-size: 0.75rem; }
.aside-block .block-title { 
    background: linear-gradient(#002459, #002459);
    background-size: 45% 8px;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 1.115rem;
}

.aside-block .nav .active { font-weight: 700; }
.aside-block .nav a { color: #000; }
.aside-block .nav-sub-item { padding-left: 1rem; }


/*--------------------------------------------------------------
  3.0 Forms
--------------------------------------------------------------*/
.wpcf7-not-valid-tip { display: inline-block; padding: 0.25rem 0.5rem; font-size: 0.65rem; margin-top: 0.25rem; color: #FFF; background-color: #dc3545!important; border-radius: 8px; }
.wpcf7 input[type="checkbox"]{display:inline;width:auto;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0; margin-right: 0.65rem;}
.wpcf7 .screen-reader-response ul, .wpcf7-response-output { display: none !important; }
.wpcf7 .screen-reader-response {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.wpcf7 .screen-reader-response p { margin: 0; padding: 0; }
.form-checkboxes label { display: block;}

#frmBulletinSearch {
  border-top: 5px solid #282f68;
  background-color: #F0F0F0;
  padding: 1rem 0.75rem;
  margin-bottom: 2rem;
}


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

@media (max-width: 575.98px) {
    .article-header { padding-top: 4rem; padding-bottom: 2rem; }
    .article-header h1 { font-size: 1.5em !important; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .article-header h1 { font-size: 2em !important; }
    .sponsors { margin-top: -50px; }
    
 }

@media (max-width: 767.98px) {
    .article-header { }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .article-header { min-height: 240px; }
    .navbar-top { border-bottom: 1px solid #AAA; position: absolute; right: 0; top: -25px; }
    .news-wrap { margin-top: -50px; }
    .slides-subtitles { margin-top: -80px; }
    .list-inline-item .dropdown-menu-right { right: 0; left: auto; }
}


@media (max-width: 991.98px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .article-header { min-height: 240px; }
}

@media (max-width: 1199.98px) { }

@media print {
  .col-print-1 {width:8% !important; flex: 0 0 8%; }
  .col-print-2 {width:16% !important; flex: 0 0 16%; }
  .col-print-3 {width:25% !important; flex: 0 0 25%; }
  .col-print-4 {width:33% !important; flex: 0 0 33%; }
  .col-print-5 {width:42% !important; flex: 0 0 42%; }
  .col-print-6 { max-width:50% !important; flex: 0 0 50%; }
  .col-print-7 {width:58% !important; flex: 0 0 58%; }
  .col-print-8 {width:66% !important; flex: 0 0 66%; }
  .col-print-9  {width:75% !important; flex: 0 0 75%; }
  .col-print-10 {width:83% !important; flex: 0 0 83%; }
  .col-print-11 {width:92% !important; flex: 0 0 92%; }
  .col-print-12 { max-width:100% !important; flex: 0 0 100%; }
  .article-header h1 { text-shadow: none; color: #000 !important; }
}



/****
 * Associe-se
 */
#header .label { padding-top: 10px; }
#header .pageTitle { color: #162e78; }
#header .pageTitle h1 { font-weight: bold; padding-bottom: 0; margin-top: 30px; margin-bottom: 10px; font-size: 2.4em; }
#header .pageTitle h3 { padding-top: 0; margin-top: 10px; font-size: 1.6em; }

.pageContainer { margin-top: 0px; }
.textOrange { color: #fc6a09; }
.textBold { font-weight: bold; }

.infographic { position: relative; margin-top: 30px; }
.boxGrey { background-color: #e4e7e9; border-radius: 10px; padding: 10px 0; margin-bottom: 20px; }
.boxGrey p { padding: 5px 25px; text-align: center }

.actionButtons { margin: 25px 0; }
.actionButtons img { margin: 5px; }

#advantagesRow { background: url("assets/images/associe-se/bckgrd_advantages.jpg") repeat-y top center; }
#advantagesRow button { border: none; color: #FFF; text-transform: uppercase; font-weight: normal; padding: 15px 0; min-height: 140px; font-size: .85em; }
#advantagesRow button img { margin-bottom: 10px; }
.boxBlue { background: url("assets/images/associe-se/bckgrd_blue.png") repeat-x; }
.boxOrange { background: url("assets/images/associe-se/bckgrd_orange.png") repeat-x; }
.boxGreen { background: url("assets/images/associe-se/bckgrd_green.png") repeat-x; }
 
 @media (min-width: 768px) {
     #header .pageTitle { padding-top: 0px; }
     .pageContainer { margin-top: 15px; }
     .modal-dialog { max-width: 75%; }
 
 }
 
 @media (min-width: 992px) {
     .dolls {
         position: absolute;
         top: 8%;
         left: 32.5%;
         z-index: 10;
         width: 24.66666667%;
     }
 
     .boxGrey_001 {
         margin-top: 58px;
     }
 
     .actionButtons .actionButton_002 { margin: 0 25px; }

     .bulletin-buttons .btn { width: 50%; }
 }