/*
Theme Name: MediaCenter
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: mediacenter

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

header {
    background-color: #2b2b2b;    
}

header .container .row {
    margin-top: 50px;
    margin-bottom: 50px;
}

header .container .row .title {
   text-align: center; 
} 

header .container .row .title h1 {
    font-family: "Montserrat", serif;
    text-transform: uppercase;
    display: block;    
    margin-top: 0px;
    color: #FFF;    
}

header .container .row .title strong {
    font-weight: 600;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

footer {
    background-color: #2b2b2b; 
    font-family: "Montserrat", serif;
    color: #fff;
    width: 100%;
}

footer .container .row {
    margin-top: 50px;
    margin-bottom: 50px;
}

footer .container .row span {
    color: #fff
}

footer ul {
    list-style-type: none;
    font-family: "Montserrat", serif;
    font-weight: 600;
    text-transform: uppercase;
}

footer ul li {
    margin-bottom: 10px;;
}

footer ul li a:first-child {
    color: #FFF;
    width: 149px;
    display: inline-block;
}

footer ul li i {
    background: #fff;
    color: #000;
    padding: 8px 8px 8px 8px;
    border-radius: 15px;    
}

/* FORM */

.form-signin {
    max-width: 600px;
    margin: 6% auto;
    display: block;
    background-color: #FFF;
    padding: 20px 20px 40px 20px;
    border-radius: 15px;
}

.form-signin-heading {
    font-family: "Montserrat", serif;
    font-weight: 600;
}

.form-signin input {
    margin-bottom: 20px;
    border: 1px solid #000;
    border-radius: 0px;
}

.form-signin button {
    background-color: #000;
}
/* FORM */

/* MAIN */

.container-fluid.main {
    background-color: #e3e2e0;
    flex: 1; /* Faz a div expandir para ocupar o espaço restante */
    width: 100%;
}

div.center {
    max-width: 600px;
    margin: 6% auto;
    display: block;
    background-color: #FFF;
    padding: 20px 20px 40px 20px;
    border-radius: 15px;
}

div h2.heading {    
    font-family: "Montserrat", serif;
    font-weight: 600;
}

div.termos {
    height: 300px;
    overflow: overlay;
    border: 1px solid #ccc;
    padding: 10px 10px 10px 10px;        
}

div.container.dashboard {
    max-width: 996px;
    margin: 3% auto;
    display: block;
}

div.container.dashboard p.title {
    margin-top: 5px;
    font-size: 18px;
    text-transform: uppercase;
}

div.container.dashboard p {
    margin-bottom: 0px;
}

div#header-dashboard {
    top: 20px;
    position: relative;
}

div#header-dashboard .breadcrumbs {
    display: inline-block;
}

div#header-dashboard .header-dashboard-right {
    float: right;
}

div.container.busca {
    position: relative;
    margin-top: 30px;
    display: block;
}

div.container.cadastro-midia {
    position: relative;
    margin-top: 30px;
    display: block;
}

div.container.cadastro-midia .row {
    background-color: #FFF;
    padding: 20px 20px 40px 20px;
    border-radius: 15px;
    margin-bottom: 30px;
}

div.container.meus-dados {
    position: relative;
    margin-top: 30px;
    display: block;
    background-color:#FFF;
    border-radius: 15px;
    margin-bottom: 30px;
}

div.container.meus-dados div.text-right {
    margin-bottom:20px;
}

div.container.gestao-de-usuarios {
    position: relative;
    margin-top: 30px;
    display: block;
}

.btn.btn-primary {
    background-color: #000;
    border: none;
}

#userTable_wrapper, #systemTable_wrapper {
    margin-bottom: 40px;
}

#userTable thead, #systemTable thead {
    background-color: #000;
    color: #FFF;
}

#userTable tbody tr td, #systemTable tbody tr td {
    vertical-align: middle;
    height: 4px !important;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
}

ul.view-user {
    padding-left: 5px;
    padding-bottom: 10px;
}

ul.view-user li {
    display: block;
}

.btn-gestao-black {
    width: 100%;
    padding: 10px 10px 10px 10px !important;
}

#input_2_1, #input_2_3 {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#gform_submit_button_2 {
    color: #FFF;
    background-color: #000;
}

#gform_2 .gform_footer.before {
    margin-top: 0px;
    margin-bottom: 40px;
}

.container.carossel {
    position: relative;
    margin-top: 30px;
}

#carouselBanner .fa-chevron-left:before, #carouselBanner .fa-chevron-right:before {    
    position: relative;
    top: 103px;
}

div.parent-resultado {
    background-color: #fff;
}

#prod-busca div {
    margin-bottom: 50px;
}

.prod-codigo {
    font-weight: bold;
}

.prod-download {
    display: block;
    padding: 10px 10px 10px 10px;
    background-color: #000;
    color: #fff;
    text-align: center;
}

.prod-download:hover {
    color: #fff;
    text-decoration:none;
}

#prod-selecionado {
    position: absolute;
}

.linha-busca {
    display: flex;
    justify-content: space-between;  
    margin-bottom: 10px;  
}

.btns-busca {
    background-color: #2b2b2b;
    color: #FFF;
    padding: 9px 10px 9px 10px;   
    margin-right: 5px; 
}

.btns-busca:hover {
    color: #FFF;
    text-decoration:none;
}

.btns-busca.right {
    margin-left: auto;
    margin-right: 0px;
}

.img-responsive.thumb-img {
  width: 100%;
  height: 200px;          /* mesma altura para todas */
  object-fit: contain;    /* não distorce */
  object-position: center;
  display: block;
  margin: 0 auto;
}

.col-md-3.cards-midia {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 350px; /* ajuste conforme design */
}