/*-- My VARS --*/
:root {
  --my-blue: #0770b4;
  --my-pink: #d92e5d;
  --my-green: #7ad24d;
}

::selection {background-color: #ccc;}
::marker {color: var(--my-pink);}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
hr.style-one {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  margin:1rem 0 2rem 0;
}
hr.style-two {
   border: 0;
   height: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   margin:1rem 0 2rem 0;
}
hr.style-three {
  border: 0;
  border-bottom: 1px dashed #ccc;
  background: #999;
}
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 2rem 0;
}
sup {font-size:.5em; vertical-align:inherit;}
p:first-of-type {font-weight:inherit !important}
.page-template-default p, .post-template-default p {text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}

/*-- My Squares (Eight features) --*/
.my-squares-row .et_pb_column_2::before,
.my-squares-row .et_pb_column_3::before,
.my-squares-row .et_pb_column_4::before,
.my-squares-row .et_pb_column_5::before,
.my-squares-row .et_pb_column_6::before,
.my-squares-row .et_pb_column_7::before,
.my-squares-row .et_pb_column_8::before,
.my-squares-row .et_pb_column_9::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(43,135,218,0.60) 0%, rgba(204,42,195,0.50) 100%);
  transition: opacity .6s ease-in-out;
  z-index: 1;
  cursor: default;
}
.my-squares-row .et_pb_column_2:hover::before,
.my-squares-row .et_pb_column_3:hover::before,
.my-squares-row .et_pb_column_4:hover::before,
.my-squares-row .et_pb_column_5:hover::before,
.my-squares-row .et_pb_column_6:hover::before,
.my-squares-row .et_pb_column_7:hover::before,
.my-squares-row .et_pb_column_8:hover::before,
.my-squares-row .et_pb_column_9:hover::before {opacity: 0.6;}

.my-squares-row .my-square-blurb {z-index: 9 !important; cursor: default;}

/*-- Claris WhatsApp --*/
.my-whatsapp {text-shadow:none !important; color:rgba(233, 30, 38, 1.00)}
.my-whatsapp a {font-weight:700; text-decoration:underline; color:#28a4ae}
.my-whatsapp strong {animation: blink 2s linear infinite;}
@keyframes blink {
  0% {opacity: 1;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}
.my-whatsapp-click a {}
.my-whatsapp-container {
    position: fixed;
    transform: translate3d(0px, 0px, 0px);
    right: 6px;
    bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:9999;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.my-whatsapp-content {}

/*-- Hacks --*/
#et-top-navigation {padding-left: 0 !important;}
.et_mobile_menu {background-color: rgba(255, 255, 255, 0.96) !important;}
.et_mobile_menu li a {color: #0770b4 !important;}

/*-- Wait --*/
#my-wait-message h1 {margin-bottom: 0.3rem}
#my-wait-message h3 {padding-bottom: 0}
#my-wait-menu .my-fa {margin-right: 0.5rem; font-size: 1.1rem;}
#my-wait-menu .my-social-nav-insta,
#my-wait-menu .my-social-nav-youtube {font-size: 1.3rem;}
#my-wait-menu .my-social-nav-insta:hover,
#my-wait-menu .my-social-nav-youtube:hover {color:#f7f7f7}

/* -- Global --*/
.my-hide {display:none !important}
.my-bold {font-weight:700 !important}
.my-pink {color:#d92e5d !important;}
.my-blue {color:#0770b4 !important;}
.my-green {color:#7ad24d !important;}
span.my-pink, span.my-blue, span.my-green {font-weight:bold !important}

/*--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;}

/*-- LoginPress --*/
a.my-login-credits {color:#d92e5d;}

/*-- Nav --*/
.nav li ul {border-top: 3px solid #0770b4 !important; min-width: 320px;}
.et_header_style_left .logo_container {width: fit-content;}
#top-menu li {padding-right: 1rem;}
#top-menu li li a {width:fit-content !important; padding: .5rem 1rem;}
.et-fixed-header {backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-bottom: 1px solid #ccc;}
.et-fixed-header #logo {
  content: url('https://annarbor.com.br/wp-content/uploads/2025/04/annarbor-logo-web-color.png');
}
#main-header img {padding:0.6rem 0}
/* .et-fixed-header {backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);} */
.nav li ul {}
#top-menu a .my-fa {margin-right: 0.2rem; font-size: 1rem; color: #ffffff;}
 .et-fixed-header #top-menu a .my-fa {color: #d92e5d;}
.my-social-nav-insta,
.my-social-nav-youtube,
.my-social-nav-x,
.my-social-nav-spot,
.my-social-nav-face,
.my-social-nav-whats {font-size: 1.2rem;}
.my-social-nav-insta {margin-left:0.4rem}
.my-social-nav-insta:hover {color:#C42139}
.my-social-nav-youtube:hover {color:#fe1031}
.my-social-nav-x:hover {color:#111}
.my-social-nav-spot:hover {color:#24d15f}
.my-social-nav-face:hover {color:#1877f2}
.my-social-nav-whats:hover {color:#1eaf38}

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

/*-- Landing --*/
.my-list li {margin-bottom:0.5rem}
#testimonials h6 {margin:0; padding-bottom:0}

/*-- Home --*/
#tv {padding-top: 0 !important}
.my-home-row-courses {min-height: calc(100vh - 99px);}

/*-- DIVI Slide --*/
.page-template-default #my-home-slider hr {
  max-width: 39%;
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 0 .7rem 0 !important;
}
#my-home-slider h1 {
  padding-right: 1rem;
  width: fit-content;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 0 .7rem 0 !important;
}
.et_pb_slide_description .et_pb_slide_title a {font-weight: 300 !important;}
.et_pb_post_content_0_tb_body p {line-height: 1.7rem !important;}

/*-- Pages --*/
.page-template-default p, .post-template-default p {padding-bottom: 1.2rem !important;}
.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;
}
.page-template-default hr, .post-template-default hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0.5rem 0 1.2rem 0;
}
.my-page-header-title h1 {word-spacing: -.3rem;}
.my-page-title h2 {word-spacing: -.1rem;}
#my-page-content {}
.my-page-content h4 {
  font-family:'Museo', 'Museo Slab 700', Helvetica, Arial, Lucida, sans-serif;
  font-size: 1.5rem;
  letter-spacing: -1px;
  font-weight: 600;
  color: var(--my-pink);
}
.my-page-content span {
  font-family:'Museo', 'Museo Slab 700', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700;
  color: var(--my-pink);
}

/*-- Blog --*/
.my-blog-header-title h1 {word-spacing: .1rem; text-wrap:balance;}
#my-blog-content {}
#my-blog-subtitle h2 {word-spacing: -.2rem; padding-bottom: .2rem;}
.my-blog-img img {
  padding:6px;
  border:1px thin #ddd !important;
  opacity: 1;
  transition: opacity 0.5s ease;
}
#my-blog-content ul li {margin-bottom: .9rem; line-height: 1.5rem;}
.my-blog-img img:hover {opacity: 0.8;}
.post-template-default .et_pb_post_content_0_tb_body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.my-post-content h3 {
  font-family:'Museo', 'Museo Slab 700', Helvetica, Arial, Lucida, sans-serif;
  font-size: 2rem;
  letter-spacing: -1px;
  color: var(--my-pink);
}
.my-post-content h4 {
  font-family:'Museo', 'Museo Slab 700', Helvetica, Arial, Lucida, sans-serif;
  font-size: 1.5rem;
  letter-spacing: -1px;
  color: var(--my-pink);
  border-bottom: 1px solid #ccc;
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.my-post-content .my-link-center {
  text-align: center;
  color: white;
  background-color: var(--my-pink);
  padding: 1rem 2rem;
  margin-bottom: 2rem;
  cursor: pointer;
  transition: all ease-in-out .5s;
}
.my-post-content .my-link-center:hover {background-color: var(--my-blue);}
.my-link-center .fa-regular {font-size: 1.4rem;}
.my-post-content .post-meta {border-bottom: 1px dashed #ccc; margin-bottom: 1rem;}

/*-- 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 {
  display: flex;
  justify-content: center;
  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: 4px;
}
.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}

/*-- Polls --*/
.widget_polls-widget p {
  color: #0770b4;
  margin-bottom: 1.2rem;
}
.wp-polls ul {border-top: 1px solid #E3E3E3; padding-top: 1rem !important;}
.wp-polls ul li,
.wp-polls-ul li,
.wp-polls-ans ul li {margin-bottom: 1rem !important; padding:0 0 1rem 0;}
.wp-polls-ul label {margin-left:.5rem;}

/*-- YARPP --*/
h3.my-yarpp-thumbnails-title {
  font-weight: 500 !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 1.5rem !important;
}
.yarpp-thumbnails-grid {
  display: grid; /* Transforma a div pai em um contêiner grid */
  grid-template-columns: repeat(3, 1fr); /* Define 3 colunas de largura igual (1 fração do espaço disponível) */
  gap: 1.1rem; /* Adiciona um espaço (gutter) entre as células do grid */
  justify-items: center; /* Alinha os itens ao longo do eixo principal (horizontal por padrão) */
  /* align-items: start; */ /* Alinha os itens ao início do eixo transversal (vertical por padrão) */
}
.my-yarpp-thumbnails-grid {
  box-sizing: border-box; /* Garante que padding e border estejam incluídos na largura total */
  padding: .7rem;
  border: 1px solid #ccc;
}
.yarpp-thumbnail > img {margin: 0 !important; padding: 0 !important;}
.my-yarpp-thumbnails-grid img {width: 100% !important; height: auto !important;}
.my-yarpp-thumbnails-grid .yarpp-thumbnail-title {width: fit-content}
.my-yarpp-thumbnails-grid .yarpp-thumbnail-title {
  color:#0770b4 !important;
  font-weight: 500 !important;
  font-size: 1.1rem !important;
  letter-spacing: -0.5px !important;
  text-align: left;
  line-height: 1.5rem;
}

/*-- Everest Form --*/
.evf-recaptcha-container {margin-bottom: 1rem;}
.evf-field-container, .evf-submit-container {padding:0 !important;}
.my-evf-form .evf-field-label {color: #fff;}
.my-evf-fa {margin-right: 0.5rem; color: #2D2D2D !important;}
.my-evf-submit {
  float: right;
  text-transform: uppercase;
  font-weight: bold !important;
  font-size: 13px !important;
  transition: all ease-in-out .5s;
}
.my-evf-submit:hover {background-color: transparent !important; color: white !important;}
.my-evf-submit:after {
  font-family:"Font Awesome 6 Free", "FontAwesome";
  content: "\f1d8";
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-left: 0.5rem;
}
.evf-field-description {margin-top:1rem; margin-bottom: 1rem !important; color: var(--my-violet);}
.my-evf-form .evf-field-label {font-size: 1rem;}
.my-evf-form .everest-forms-invalid .evf-label {color: black ;}
.my-evf-form .evf-error {color: var(--my-green) !important; animation: blink 1s steps(1, end) 3;}
  @keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}
  }
  
.my-evf-space {
  display: block;
  min-height: 1.5rem;
}

/*-- Elfsight Maps --*/
.eapps-google-maps-marker-title,
.eapps-google-maps-marker-directions,
.eapps-google-maps-marker-info-item-text {
  font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.eapps-google-maps-marker-content {
  padding: 2rem 1.5rem !important;
  background-color: #f7f7f7 !important;
}
.eapps-google-maps-marker-info-item-icon-wrapper {margin-right: 9px !important;}

/*-- eNews --*/
.my-enews-section #post-1912 {margin-bottom: 2rem}
#enews-column .et_pb_post .entry-featured-image-url {margin-bottom:0 !important}
.et_pb_image_container {margin-bottom:1rem !important}

/*-- Footer --*/
.my-fa-heart {color:#b21e4d;}
.textwidget p {font-size:15px; font-weight:500;}
/* body #footer-outer .row {padding:36px 0; background-color:#161617;} */
#footer-widgets {background-color:#161617;}
#copyright strong {color:#ddd}

.et_pb_slider_container_inner {transform: translateY(-3rem);}

/* ------------------------------------------------ */
/*-- Responsive --*/
@media only screen and (min-width: 2400px) {
  .et_pb_section_0_tb_footer {min-height: 9vh !important}
  .et_pb_row {padding: 0 !important;}
}
/* @media screen and (max-width: 1366px) {
  .et_pb_menu .et-menu > li {
    padding-right: 6px;
    padding-left: 6px;
  }
} */

/* @media only screen and (min-width: 1280px) {
  #logo {max-width: 300px !important}
  #top-menu a .my-fa {margin-right: 0.4rem; font-size: 1rem; color: #ffffff;}
  .my-social-nav-insta,
  .my-social-nav-youtube,
  .my-social-nav-spot,
  .my-social-nav-face,
  .my-social-nav-whats {font-size: 1.1rem;}
  .my-social-nav-insta {margin-left:0.3rem}
} */

/* @media only screen and (max-width: 1336px) {
  #logo {max-height: 84% !important}
} */

@media (max-width: 1345px) {
  #mobile_menu {max-width:360px; right: 0;}
  #top-menu-nav, #et_top_search {display:none !important;}
  #et_mobile_nav_menu {display:block !important; margin-top:-1px}
  .my-post-hero-title {padding: 0 1.5rem;}
}

@media (max-width: 980px) {
  .et_pb_slider_container_inner {transform: translateY(-4rem);}
  .et_header_style_left #logo {max-width: 100%; max-height: 100%; margin-top: .5rem;}
  .my-home-row-courses .my-title-blurb {}
}

@media (max-width: 400px) {
  .my-home-row-courses .my-title-blurb {text-align: center;}
}