/* --- Estilos para os Controles de Fonte (com proporcionalidade) --- */
.my-font-resizer {border-bottom: 1px solid #ddd; padding-bottom: .5rem;}

/* Contêiner dos botões */
.my-font-controls {
  text-align: right; 
  margin-bottom: 1.25rem;
}

/* Estilo geral dos botões */
.my-font-controls button {
  background-color: #0073aa; 
  color: #ffffff; 
  border: none;
  border-radius: 50%; 
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: bold;
  width: 35px;
  height: 35px;
  margin-left: 0.3125rem;
  transition: background-color 0.3s ease;
}

.my-font-controls button:hover {
  background-color: #005f8c;
}

.my-font-controls span {
  font-size: 1rem;
  color: #555555;
  vertical-align: middle;
}

/*
 * NOVO ALVO E PROPRIEDADES PROPORCIONAIS
 * Aqui definimos os valores base para o conteúdo do post.
*/
.my-post-content {
    font-size: 1rem;            /* Tamanho da fonte base */
    line-height: 1.7;           /* Altura da linha SEM unidade para ser proporcional */
    letter-spacing: -0.01875em; /* Espaçamento em 'em' para ser proporcional */
}

/*--Typography --*/
.my-100 {font-weight:100;}
.my-300 {font-weight:300;}
.my-500 {font-weight:500;}
.my-700 {font-weight:700;}
.my-900 {font-weight:900;}

h1, h2, h3, h4, h5, h6 {padding: 0 !important;}

.page-template-default p {padding-bottom: 1.2rem;}
.page-template-default h3 {margin-bottom:0.6rem;}
.page-template-default h3:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family:"Font Awesome 6 Free", "FontAwesome";
  font-size:1rem;
  content: '\f101';
  margin-right: 0.5rem;
  vertical-align: top;
}

/*-- Hack Fix --*/
.my-header-section {padding-top: 0 !important}
.my-hero-section {min-height: calc(100vh - 114px) !important;}
.size-1of3 article {min-height: 530px;}

#my-custom-menu .et_pb_menu__logo img {width: auto; max-height: 100px;}
.my-home-section {margin-top: -100px;}

.my-post-content img.alignleft,
.my-post-content img.alignright {border: 1px solid #ccc; padding:.3rem; margin-bottom: 1.3rem;}

/* .my-home-row-hero {border: 1px solid red;} */

/*-- Global --*/
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {color:#5e5e5e !important;}
hr {
  border: none;
  border-bottom: 1px solid #ccc;
  clear:both;
  display:block;
  margin-top:1.5rem;
  margin-bottom: 1.5rem;
  text-align:center;
  width:100%;
  border-color: #ccc;
}

.my-hide {display:none !important}.my-blue {color:#0D77BC}
.my-pink {color:#A01F63}
.alignleft {margin:7px 25px 25px 0 !important}
hr.style-one {
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
hr.style-dashed {border-bottom: 1px dashed #ccc}
hr.style-light {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  margin:1rem 0 1.5rem 0;
}
.my-btn {}

/*-- Nav --*/
#main-header .container {width: 88%;}
img#logo {margin-top:1rem !important;}
.logo_container {padding-bottom:12px}
.et-fixed-header {backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}
.nav li ul,
#top-menu li li a {width:fit-content !important;}
.et-l--body ul {padding: 1rem 0 0 1rem; line-height: 2rem;}
#top-menu li a {letter-spacing: -0.5px !important;}

/*-- Nav Search --*/
.et_search_form_container input {border:1px solid #ccc; max-height:2.5rem; padding-left:1rem}

/*-- Search Results --*/
.search-no-results .et_pb_column_2_tb_body {background-color:transparent !important; padding:1.5rem}
.search-no-results .et_pb_column_2_tb_body h2 {font-size:39px; font-weight:600; letter-spacing:-1px}

/*-- Home --*/
#my-home-slider {margin:0 !important; padding:0 !important;}
.my-rarr-slide {margin-left:0.3rem !important;}
.et_pb_post {background-color:#f5f5f5 !important;}
.et_pb_image_container img {border:1px solid #D3D2D3;}
.my-hero-title-home span {font-weight: bold;}

/*-- Content --*/
.my-post-content h2 {margin-bottom: .5rem;}
.my-post-content ul {margin-top: 0; padding-top:.3rem;}
.my-share h4 {margin-bottom: 1rem;}
.my-page-ol, .my-page-ul {font-weight: bold;}

/*-- Blog --*/
.my-post-content {}
.single-post .et_pb_image_wrap {border: 1px solid slategray;}
.et_pb_title_meta_container {text-transform: capitalize;}
span.fn, span.fn a {text-transform:capitalize;}
.archive .et_pb_post, .search-results .et_pb_post {background-color:#f5f5f5 !important; padding:1.5rem;}
.archive .post-meta, .search-results .post-meta {padding-bottom:0.5rem !important; border-bottom:1px solid #931e5a; margin-bottom:1rem;}
#my-blog-home .et_pb_image_container {margin: 0 !important;}
#my-blog-home .et_pb_post .entry-featured-image-url {margin-bottom: 1.3rem;}
span.author {display: none;}

/*-- Sidebar --*/
.et_pb_widget {margin-bottom:3rem !important}
.et_pb_widget ul li {border-bottom:1px solid #E3E3E3}
.et_pb_widget ul li a {
  padding:1rem 0;
  display:inline-block;
  color:#126CB0 !important;
  font-size:15px;
  line-height:1.6em;
  transition: all ease 0.3s;
}
.et_pb_sidebar_0_tb_body.et_pb_widget_area h4 a {font-size: 25px; letter-spacing: -1px;}
#subpages-widget-2 .widget_subpages_current_page a {color: rgb(255, 0, 102) !important;}
#subpages-widget-2 .widget_subpages_current_page a:before {
  content: "\f0a9";
  font-family:"Font Awesome 6 Free", "FontAwesome";
  margin-right: 0.5rem;
}

/*-- Widgets--*/
.post-count {
  background-color: rgb(255, 0, 102) !important;
  color:#fff !important;
  height:35px !important;
  min-width:35px !important;
  border-radius:50px !important;
  font-size:13px !important;
  font-weight:bold !important;
  margin-top:9px !important;
  padding-top: .35rem;
}
.et_pb_widget ul li a:hover {color:#ccc !important;}
.widgettitle {margin-bottom:0.7rem}
.widget_subpages li {/*text-transform:uppercase;*/}
.widget_subpages li a {color:#333 !important}
#archives-dropdown-2 {margin-top:1rem}
.my-wdgt-title .widgettitle,
.my-wdgt-title .widget-title {
  border-bottom:1px solid #ccc;
  margin-bottom:1rem;
  padding-bottom:.5rem !important;
}
#searchsubmit {text-transform:uppercase; font-size:12px !important}

/*-- Footer --*/
.my-fa-heart {color:#b21e4d;}
.my-logo-img-footer {float:left !important; display:block !important;}
.my-page-footer {clear: both; font-weight:600 !important}

/*-- Responsive --*/
@media only screen and (max-width: 980px) {
  #main-header .container {width:90%}
  #main-header, #main-header .nav li ul, .et-search-form {
  background-color: transparent !important;
  }
  .et_header_style_left #logo {max-width: 16%;}
  #logo {max-height:none;}
  #et_top_search {display:none !important}
  #main-header .et_mobile_menu  {background-color:rgba(29, 29, 29, 0.932) !important;}
  .et_mobile_menu {margin-top: 2.5rem;}
  .my-hero-section {min-height: 100vh !important;}
}