/*
Theme Name: Sabrina Carpenter Online (2025)
Author: Fla  
Author URI: http://www.instagram.com/lanniedesign
Version: 2.2
*/


  :root {
      --principal: #be93af;
      --secundaria: #a77f99;
  }

  body {
      background: #ecebf4;
      font-size: 16px;
      color: #4f4f4f;
      font-family: 'Montserrat', sans-serif;
  }

  .clear {
      width: 100%;
      display: block;
      clear: both;
  }

  a {
      text-decoration: none;
      color: #7a74ae;
  }

  a:active,
  a:hover {
      color: #4f4f4f;
      text-decoration: none;
      outline: 0;
  }

  a:focus,
  a:hover {
      color: #4f4f4f;
      text-decoration: none;
  }

  * {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
      -moz-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      word-break: break-word;
  }

/*
  iframe {
      width: 100%;
  } */

  blockquote:before {
      position: absolute;
      content: "\f10e";
      width: 30px;
      height: 30px;
      background-color: #AEC2F4;
      border-radius: 4px;
      background-position-y: 7px;
      top: -15px;
      left: 13px;
      color: #ffffff9e;
      font-family: "Font Awesome 6 Free";
      font-style: normal;
      font-weight: 900;
      font-display: block;
      text-align: center;
      line-height: 27px;
  }

  blockquote {
      padding: 16px;
      font-style: normal;
      position: relative;
      margin-bottom: 15px;
      border: 1px solid #0000000f;
      border-radius: 3px;
      margin-top: 30px;
      padding-top: 26px;
  }

  .box-twitter small {
      width: 100%;
      display: block;
      margin-bottom: 16px;
      text-transform: uppercase;
      font-size: 11px;
      font-weight: 600;
      color: #00000099;
  }


  .box-twitter i.fa-brands.fa-twitter {
      background: var(--principal);
      border-radius: 5px;
      width: 35px;
      height: 35px;
      line-height: 36px;
      margin-bottom: 19px;
      color: #fff;
  }

  em,
  i {
      font-style: italic;
      font-weight: 400;
      color: #8f7060;
  }

  b,
  strong {
      font-weight: 700;
      color: #657dbd;
  }

  .artigo-image img {
      width: 100%;
      height: auto;
  }

  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      margin-bottom: .5rem;
      font-family: inherit;
      font-weight: 700;
      line-height: 1.2;
      color: inherit;
  }

  .row {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 14px;
  }

  .artigo-text li {
      margin-left: 20px;
  }

  ul.post-categories,
  ul.post-categories li {
      display: inline-block;
      list-style: none;
  }

  .todos-videos a {
      color: #fff;
      font-weight: 800;
      text-align: center;
      font-size: 16px;
  }

  .todos-videos span {
      width: 100%;
      height: 40px;
      display: block;
      background: url(img/play.png) top center no-repeat;
      margin-bottom: 20px;
  }

  .box-redes:before {
      content: "";
      width: 125px;
      height: 140px;
      background: url(img/icone.png) top center no-repeat;
      position: absolute;
      left: 1px;
      bottom: 0px;
      z-index: 11;
  }

  .artigo-text img {
      max-width: 100%;
      height: auto;
  }

  .navegacao a,
  span.page-numbers.current {
      padding: 10px;
      background: #fff;
  }

  .navegacao {
      line-height: 17px;
      text-align: center;
      text-transform: uppercase;
      font-size: 13px;
      padding: 20px;
      width: 100%;
      margin-top: 20px;
      margin-bottom: 30px;
  }

  .header {
      background: url(https://sabrina-carpenter.com/wp-content/themes/sco-grid-lannied/img/grid-header.png) top center repeat;
      height: 500px;
      position: relative;
  }

  .container {
      margin: auto;
  }

  button.seta-next.slick-arrow,
  button.seta2-next.slick-arrow {
      right: 1px;
  }

  .sidebar-insta {
      background: #c8a2bb;
      padding: 21px;
      position: relative;
      justify-content: space-between;
      align-items: center;
      padding-top: 78px;
      margin-top: 45px;
      border-top: 7px solid #a97a98;
      color: #fff;
      border-radius: 4px;
  }

  .sidebar-insta:before {
      content: "";
      width: 100px;
      position: absolute;
      height: 100px;
      background: url(https://camillerazat.com.br/wp-content/uploads/2022/08/293178023_452682423054339_3123539844200417483_n.jpg) top center no-repeat;
      ;
      border-radius: 100%;
      background-size: cover;
      top: -38px;
      left: 35%;
  }

  .sidebar-insta h5 {
      text-transform: uppercase;
      font-weight: 900;
      font-size: 15px;
      margin-bottom: -3px;
  }

  .sidebar-insta small {
      text-transform: uppercase;
      font-size: 10px;
      font-weight: 500;
      opacity: 0.7;
  }

  .sidebar-insta a {
      background: #fff;
      padding: 5px 10px;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 10px;
      top: 20px;
      border-radius: 4px;
      display: block;
      width: max-content;
      margin: auto;
      margin-bottom: 19px;
      margin-top: -50px;
      z-index: 11111111;
      position: relative;
  }

  .sidebar-insta i {
      margin-right: 7px;
  }

  .sidebar-insta span {
      text-align: center;
      width: 100%;
      margin-top: 33px;
      display: block;
  }

  .sidebar-insta a:hover {
      color: #f5829c;
  }

  button.seta-next.slick-arrow:before,
  button.seta2-next.slick-arrow:before {
      content: ">";
  }

  button.seta-previous.slick-arrow:before,
  button.seta2-previous.slick-arrow:before {
      content: "<";
  }


  button.seta-next.slick-arrow {
      position: absolute;
      top: 1px;
      margin: 13px;
      z-index: 111;
      border-radius: 100px;
      border: unset;
      width: 25px;
      height: 25px;
      background: #4f4f4f;
      color: #ffffff;
      opacity: 1;
      cursor: pointer;
      padding-bottom: 3px;
      font-weight: bold;
  }

  button.seta-previous.slick-arrow {
      position: absolute;
      top: 1px;
      margin: 13px;
      z-index: 111;
      border-radius: 100px;
      border: unset;
      width: 25px;
      height: 25px;
      background: #fff;
      color: #0000002e;
      opacity: 0;
      cursor: pointer;
  }

  .header-topo {
      background: #ffffff;
      margin-bottom: 20px;
  }

  nav.menu {
      background: #fff;
      padding: 20px;
      width: 100%;
      text-align: center;
      font-size: 12px;
  }

  nav.menu a {
      padding: 5px 7px;
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 600;
      margin: 0px 8px;
      color: #7a74ae;
  }

  nav.menu a:hover {
      color: #4f4f4f;
  }

  .logo {
      margin-top: 36px;
      width: 40%;
      height: 185px;
      background: url(https://sabrina-carpenter.com/wp-content/themes/sco-grid-lannied/img/grid-logo.png) top center no-repeat;
      background-size: 376px;
  }

  .descri {
      width: 57%;
      color: #4f4f4f;
      font-weight: 400;
      line-height: 23px;
      text-align: justify;
      font-size: 13px;
      margin-top: 46px;
  }

  .pesquisa {
      position: relative;
      width: 100%;
      margin-top: 15px;
  }

  input#s {
      width: 100%;
      border-radius: 100px;
      border: unset;
      background: #eeeeee;
      color: #4F4F4F;
      padding: 14px 29px;
      font-size: 11px;
      outline: none;
  }

  input::placeholder {
      color: #7a74ae;
      font-family: 'Montserrat';
  }


  @media (min-width: 1200px) {
      .container {
          max-width: 1100px;
      }
  }

  @media (min-width: 1400px) {
      .container {
          max-width: 1100px;
      }
  }

  .pesquisa button {}

  .pesquisa button {
      position: absolute;
      right: 20px;
      margin-top: 11px;
      background: unset;
      border: unset;
      font-size: 18px;
  }

  i.fas.fa-search {
      color: #7a74ae;
  }

  .box-posts.destaques {
      width: 45%;
  }

  .todos-posts {
      gap: 10px;
      width: 100%;
      overflow: hidden;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: flex-start;
  }

  .bio {
      background: #8076BD;
      padding: 12px;
      border-radius: 4px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      height: 307px;
      padding-top: 7px;
      width: 61% !important;
  }

  .col-conteudo-slide {
      width: 56%;
      overflow: hidden;
  }

  .infos-slide-entrevistas {
      background: #fff;
      text-align: justify;
      font-weight: 500;
      font-size: 11px;
      color: rgb(158, 158, 158);
      line-height: 1.545;
      padding: 25px;
      border-radius: 4px;
      position: relative;
      z-index: 1;
      height: 309px;
  }

  .imagem-inicio {
      height: 195px;
      overflow: hidden;
      border-radius: 4px;
      position: relative;
      z-index: 1;
      background: #aec2f4;
  }

  .imagem-inicio img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
  }

  .box-posts {
      width: 32.6%;
  }

  .box-all {
      background: #FBFAFD;
      text-align: justify;
      font-weight: 500;
      font-size: 11px;
      color: #4f4f4f;
      line-height: 1.545;
      padding: 19px;
      margin-bottom: 10px;
      border-radius: 4px;
      margin-top: -15px;
      position: relative;
      z-index: 1;
      height: 200px;
  }

  .all-inicio {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
      flex-wrap: wrap;
  }

  .data-inicio {
      font-family: Open sans;
      font-weight: 900;
      font-size: 1.74rem;
      color: #D7D7D8;
      width: 19%;
      line-height: 16px;
      border-right: 1px solid #0000000a;
      padding-right: 10px;
      text-align: center;
      letter-spacing: -1px;
  }



  .all-inicio h3 {
      font-size: 14px;
      text-align: left;
      font-weight: 800;
      width: 77%;
  }

  .data-inicio small {
      text-transform: uppercase;
      font-size: 9px;
      font-family: Montserrat;
      font-weight: 600;
      margin-top: 1px;
      letter-spacing: -.40px;
  }

  .share-inicio a {
      background: #ffffffd9;
      width: 28px;
      height: 28px;
      display: inline-block;
      border-radius: 100px;
      font-size: 11px;
      text-align: center;
      line-height: 28px;
  }

  .share-inicio {
      margin: 20px;
      position: absolute;
      top: 0px;
      left: -150px;
  }

  .box-posts:hover .share-inicio {
      left: 0px;
  }

  .box-posts:hover .imagem-inicio img {
      opacity: 0.4;
  }

  a.modo-completo-todo {
      text-align: center;
      width: 100%;
      display: block;
      margin-top: 20px;
      margin-bottom: 20px;
      text-transform: uppercase;
      font-size: 11px;
      letter-spacing: 2px;
      font-weight: bold;
      background: #fff;
      padding: 25px 20px;
      font-family: "Montserrat", sans-serif;
  }

  a.modo-completo-todo:hover {
      background: #AEC2F4;
  }

  .box-proj {
      width: 37.7%;
      position: relative;
  }

  .todos-projetos {
      background: #fff;
      text-align: justify;
      font-weight: 500;
      font-size: 11px;
      color: #808080;
      line-height: 1.545;
      padding: 25px;
      border-radius: 4px;
      position: relative;
      z-index: 1;
      height: 180px;
  }

  .todos-projetos h5 {
      color: #8076BD;
      font-size: 16px;
      font-weight: 800;
      margin-top: 9px;
      width: 96%;
  }

  .proj-links {
      text-align: center;
      margin-top: 15px;
  }

  .proj-links a {
      background: #8076bd;
      border-radius: 100px;
      padding: 6px 11px;
      color: #fff;
      font-weight: 600;
      margin-left: 5px;
  }

  .proj-links a:hover {
      color: #4f4f4f;
  }


  .videos-leg {
      width: 100%;
  }

  .box-videos-todos {
      width: 24%;
      margin-bottom: 28px;
      position: relative;
  }


  .box-videos {
      height: 189px;
      position: relative;
      background: var(--principal);
      border-radius: 4px;
  }

  .box-videos img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.11;
      filter: grayscale(1);
      border-radius: 4px;
  }

  .tag-video span {
      padding: 4px 7px;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 8px;
      border-radius: 5px;
      color: #ffffffb5;
      background: unset;
      letter-spacing: 2px;
  }

  .tag-video {
      text-align: center;
  }

  .todos-videos {
      position: absolute;
      z-index: 1;
      bottom: 1px;
      height: 100%;
      padding: 30px;
      width: 100%;
      border-radius: 4px;
      text-align: center;
  }

  .todos-videos h1 {
      font-size: 15.4px;
      font-weight: 800;
  }

  .todos-videos h1>a {
      color: #fff;
  }


  .box-twitter {
      width: 100%;
      border: 1px solid #0000000a;
      border-radius: 4px;
      height: 221px;
      padding: 20px;
      font-size: 12px;
      text-align: center;
      font-weight: 500;
      margin-bottom: 15px;
  }

  .content-slid {
      width: 68%;
  }

  .imagem-d {
      width: 29%;
      background: #fff;
      height: 380px;
      position: relative;
      margin-bottom: 20px;
  }

  .imagem-d img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
  }

  .destaque-tag {
      position: absolute;
      bottom: 25px;
      width: 100%;
      text-align: center;
  }

  .destaque-tag span {
      background: #8076bd;
      color: #ffffff;
      text-transform: uppercase;
      font-family: Lora;
      font-weight: 800;
      font-size: 10px;
      border-radius: 100px;
      padding: 5px 13px;
  }

  .infos-slide-entrevistas span {
      width: 25px;
      height: 23px;
      display: block;
      background: url(img/estrela.png);
      margin-bottom: 11px;
      margin-left: -6px;
      margin-top: -10px;
  }

  .compartilhar {
      background: var(--principal);
      padding: 18px;
      border-radius: 4px;
      font-family: Lora;
      font-weight: 600;
      color: #a27893;
      text-transform: uppercase;
      display: flex;
      font-size: 11px;
      line-height: 13px;
      flex-wrap: wrap;
  }

  .compartilhar small {
      width: 35%;
      display: block;
      margin-right: 40px;
      margin-top: 4px;
  }

  .share-destaque {
      width: 46%;
  }

  .share-destaque a {
      border: 1px solid #a278936e;
      width: 35px;
      height: 35px;
      display: inline-block;
      border-radius: 100px;
      text-align: center;
      line-height: 33px;
      margin-right: 5px;
  }

  .infos-slide-entrevistas h2 {
      text-align: left;
      font-weight: 800;
  }

  .imagem-bio {
      height: 163px;
      background: url(https://sabrina-carpenter.com/wp-content/themes/sco-grid-lannied/img/index-bio.jpg) top center no-repeat;
      width: 100%;
      background-size: 100%;
      margin-bottom: 10px;
  }

  .bio-redes1 {
      width: 55%;
      text-align: left;
      display: inline;
      font-size: 11px;
      color: #AEC2F4;
      font-weight: 600;
  }

  .bio-redes1.mobile {
      display: none;
  }

  .bio-redes2.mobile {
      display: none;
  }

  .bio-redes2 {
      width: 40%;
      text-align: left;
      display: inline;
      font-size: 11px;
      color: #AEC2F4;
      font-weight: 600;
  }

  .bio-redes1 .title {
      background: #fff;
      border-radius: 100px;
      padding: 6px 11px;
      font-family: Lora;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 9px;
      display: inline;
      color: #4F4F4E;
      margin-right: 5px;
      font-weight: 900;
  }

  .bio-redes2 .title {
      background: #fff;
      border-radius: 100px;
      padding: 6px 11px;
      font-family: Lora;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 9px;
      display: inline;
      color: #4F4F4E;
      margin-right: 5px;
  }

  .bio-redes {
      width: 23%;
      text-align: center;
  }

  .bio-redes a {
      background: transparent;
      color: #fff;
      border-radius: 100px;
      width: 30px;
      display: inline;
      height: 30px;
      text-align: left;
      font-size: 11px;
      line-height: 30px;
      margin: auto;
      margin-bottom: 8px;
      padding: 0px;
  }

  .bio-redes a .fa-circle {
      color: #9DADD7 !important;
  }

  .bio-redes a:hover .fa-circle {
      color: #4F4F4F !important;
  }

  .social-link a {
      color: #fff;
      font-size: 14px;
      text-decoration: none;
      line-height: 40px;

  }

  .social-link a:hover {
      color: #4f4f4f;
  }

  .social-link .fa-circle {
      color: #AEC2F4 !important;
  }

  i.fa-brands.fa-instagram {}

  .bio-redes a>i.fa-brands.fa-instagram {
      color: #ffffffd4;
  }

  .infos-descri {
      width: 100%;
      font-size: 11px;
      text-align: justify;
      font-weight: 500;
      color: #ffffffde;
      line-height: 15px;
      margin-top: -30px;
      padding-right: 20px;
  }

  .infos-descri span {
      width: 100%;
      height: 60px;
      background: url(img/bio.png) top left no-repeat;
      display: none;
      background-position: -11px;
      margin-bottom: 10px;
  }

  .infos-descri em {
      color: #4F4F4F;
  }

  .infos-descri a {
      color: #9DADD7;
  }

  a.modo-completo-todo:hover {
      background: #AEC2F4;
      color: #fff;
  }

  .all-projects {
      background: #fff;
      text-align: justify;
      font-weight: 500;
      font-size: 11px;
      color: rgb(128 128 128);
      line-height: 1.545;
      padding: 25px;
      border-radius: 4px;
      position: relative;
      z-index: 1;
      height: 180px;
  }

  .box-videos-todos:hover .todos-videos {
      height: 106%;
  }

  .todos-videos {
      overflow: hidden;
  }

  .todos-videos h3 {
      line-height: 15px;
  }

  .todos-videos h3:hover {
      opacity: 0.8;
  }

  .all-projects h5 {
      color: var(--principal);
      font-size: 16px;
      font-weight: 800;
      margin-top: 9px;
      width: 96%;
  }

  .all-projects span {
      width: 20px;
      height: 20px;
      background: url(img/projetos.png) top center no-repeat;
      display: block;
      position: absolute;
      right: 18px;
  }

  .imagem-projeto {
      height: 127px;
      overflow: hidden;
      position: relative;
  }

  .image-project img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
  }

  .box-proj .destaque-tag {
      z-index: 1;
      text-align: left;
      margin-left: -15px;
  }

  .box-redes {
      position: relative;
      width: 61%;
  }

  .insta-follow {
      background: url(img/instagram.png) top left no-repeat #f7f7f7;
      padding: 28px;
      border-radius: 4px;
      text-transform: uppercase;
      font-family: Open sans;
      text-align: center;
      letter-spacing: 2px;
      font-size: 11px;
      font-weight: 600;
      position: relative;
  }

  .insta-follow i.fa-brands.fa-instagram {
      width: 30px;
      height: 30px;
      position: absolute;
      right: 17px;
      background: var(--principal);
      border-radius: 100px;
      color: #fff;
      font-size: 13px;
      line-height: 30px;
      text-align: center;
      padding-left: 2px;
      top: 20px;
  }

  .galeria-faixa {
      width: 100%;
      background: url(https://sabrina-carpenter.com/wp-content/themes/sco-grid-lannied/img/gallery.jpg) top left no-repeat #fff;
      position: relative;
      padding: 30px;
      border-radius: 4px;
      margin-bottom: 20px;
      background-position: 15px 4px;
  }

  .galeria-faixa h4 {
      font-weight: 800;
      color: var(--principal);
      font-size: 19px;
  }

  .galeria-faixa small {
      font-weight: 600;
      letter-spacing: 1px;
      font-size: 10px;
      text-transform: uppercase;
  }

  .links-galeria {
      width: 63%;
      margin-left: auto;
      text-transform: uppercase;
      font-weight: 500;
  }

  .links-galeria a {
      padding: 1px 1px;
      margin: 1px 5px;
      font-size: 12px;
  }

  #gallery {
      display: flex;
      margin-bottom: 30px;
  }

  #gallery img {
      width: 108px;
      margin-bottom: 5px;
  }

  .cpg-card {
      margin-left: 5px;
      margin-right: 5px;
      background: #fff;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
  }

  .cpg-title {
      font-size: 11px;
      font-weight: 600;
      text-align: center;
  }

  .cpg-title a:hover {
      color: #6B6B6B;
  }

  .affs-text {
      font-size: 10px;
      font-weight: 400;
      line-height: 12px !important;
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 12.1%;
      margin: 3px 0;
      border-radius: 10px;
      padding: 5px;
      background-color: #fff;
      text-align: center;
  }

  .affs-text a {
      text-decoration: none;
      color: #7a74ae !important;
      font-weight: bold;
      line-height: 1.5 !important;
  }

  .affs-text a span {
      display: block;
  }

  .affs-text a:hover {
      color: #4f4f4f !important;
  }

  .disclaimer-box {
      width: 100%;
      background: url(https://sabrina-carpenter.com/wp-content/themes/sco-grid-lannied/img/disclaimer.jpg) top left no-repeat #fff;
      background-position: 15px 20px;
      position: relative;
      padding: 30px;
      border-radius: 4px;
      margin-bottom: 20px;
      margin-top: 20px
  }

  .disclaimer-text {
      margin-left: 220px;
      margin-top: -12px;
      font-size: 12px;
      line-height: 150%
  }

  .footer {
      background: #fff;
      padding: 30px;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 10px;
      text-align: center;
      letter-spacing: 1px;
      color: #0000007d;
      line-height: 18px;
      margin-top: 40px;
  }

  .all-content {
      background: #fff;
      margin-top: 25px;
  }

  nav.menu a:nth-child(2) {
      color: #4F4F4F;
      border-radius: 2px;
      position: relative;
  }

  nav.menu a:nth-child(2):hover {
      color: #AEC2F4;
  }

  .galeria-code {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
  }

  .album {
      width: 15%;
      position: relative;
  }

  .album:hover .album_image img {
      opacity: 0.8;
  }

  .album_image {
      background: #fff;
      padding: 8px;
      border-radius: 4px;
      padding-bottom: 40px;
  }

  .album_title {
      color: var(--principal);
      background: #fff;
      padding: 10px;
      text-align: center;
      margin-top: 8px;
      padding-top: 15px;
  }

  .album_title span {
      background: #fbfbfb;
      padding: 5px 6px;
      border-radius: 100px;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 9px;
      color: #0000007a;
      position: absolute;
      top: 190px;
      width: 64%;
      left: 31px;
  }

  nav.menu a:nth-child(2):before {
      content: "";
      width: 100%;
      background: #00000005;
      height: 12px;
      display: inline-block;
      left: 0px;
      position: absolute;
      border-radius: 100px;
      bottom: 0px;
  }



  .artigo {
      width: 68%;
  }

  .sidebar-container {
      width: 30%;
  }

  .imagem-posts img {
      width: 100%;
      height: auto;
      border-radius: 4px;
  }

  .artigo-text {
      background: #FBFAFD;
      padding: 30px;
      font-family: "Montserrat";
      color: #4f4f4f;
      line-height: 20px;
      font-size: 13px;
      box-shadow: 8px -1px 0px #00000003;
      border-radius: 5px;
      padding-bottom: 50px;
      margin-bottom: 20px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
  }

  .artigo-text p {
      display: block;
      margin-bottom: 20px;
  }

  .artigo a img {
      border: 1px solid #7a74ae;
      padding: 4px;
      border-radius: 15px;
  }

  .artigo a img:hover {
      border: 1px solid #AEC2F4;
  }

  .alignleft {
      float: left;
      margin-right: 15px;
  }

  .alignright {
      float: right;
      margin-right: 15px;
  }

  .aligncenter {
      margin-left: 33%;
  }

  .glink a {
      color: #7a74ae;
      text-decoration: none;
      font-weight: bold;
  }

  .glink a:hover {
      color: #000;
  }

  .glink {
      padding: 16px;
      padding-top: 16px;
      font-style: normal;
      position: relative;
      margin-bottom: 15px;
      border: 1px solid #0000000f;
      border-radius: 3px;
      margin-top: 30px;
  }

  .glink::before {
      position: absolute;
      content: "\f030";
      width: 35px;
      height: 30px;
      background-color: #AEC2F4;
      border-radius: 4px;
      top: -15px;
      left: 13px;
      color: #ffffff9e;
      font-family: 'Font Awesome 6 Free';
      font-style: normal;
      font-weight: 900;
      font-display: block;
      text-align: center;
      line-height: 27px;
  }

  .glink::after {
      position: absolute;
      content: "Gallery Links";
      height: 30px;
      background-color: #AEC2F4;
      border-radius: 4px;
      top: -15px;
      left: 40px;
      padding-left: 10px;
      padding-right: 10px;
      color: #ffffff;
      font-family: 'Montserrat', sans-serif;
      font-display: block;
      text-align: center;
      line-height: 27px;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 13px;
  }

  .titulo-posts {
      width: 100%;
      font-size: 18px;
      line-height: 20px;
      padding: 23px;
      border-radius: 5px;
      position: relative;
      font-weight: 800;
      padding-bottom: 35px;
      background: #7a74ae;
      text-align: left;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }

  .titulo-posts a {
      color: #fff;
  }


  .infos-single span {
      background: #dfaf8a;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding: 6px 8px;
      color: #fdfdfd;
      display: inline-block;
      margin: 4px;
      border-radius: 100px;
      font-size: 8px;
      font-weight: 600;
  }

  .share-post {
      width: 48%;
      margin: auto;
      margin-top: -24px;
      margin-bottom: 30px;
  }


  .sidebar h2 {
      background: #7a74ae;
      margin-left: auto;
      padding: 8px;
      text-transform: uppercase;
      font-family: "Montserrat";
      font-size: 11px;
      color: #ffffffdb;
      z-index: 11;
      position: relative;
      font-weight: 800;
      text-align: center;
      border-radius: 4px;
      margin-top: -28px;
      margin-bottom: 14px;
      text-align: right;
  }

  .sidebar {
      padding: 20px;
      background: #FBFAFD;
      font-size: 13px;
      font-family: "Montserrat";
      margin-bottom: 20px;
      line-height: 20px;
      color: #4f4f4f;
      border-radius: 4px;
  }


  .tag-rela {
      text-align: center;
      letter-spacing: 2px;
      text-transform: uppercase;
      width: 100%;
      font-size: 11px;
      opacity: 0.7;
      margin-top: 20px;
  }

  .footer-p a {}

  .footer-p i.fa-brands.fa-x-twitter {
      background: #000000;
      width: 30px;
      height: 30px;
      border-radius: 100px;
      text-align: center;
      line-height: 29px;
      font-size: 11px;
      color: #fff;
  }

  .footer-p i.fa-brands.fa-bluesky {
      background: #0085FF;
      width: 30px;
      height: 30px;
      border-radius: 100px;
      text-align: center;
      line-height: 29px;
      font-size: 11px;
      color: #fff;
  }

  .footer-p i.fa-solid.fa-envelope {
      background: #7a74ae;
      width: 30px;
      height: 30px;
      border-radius: 100px;
      text-align: center;
      line-height: 29px;
      font-size: 11px;
      color: #fff;
  }

  .footer-p i.fa-brands.fa-whatsapp {
      background: #6fcba9;
  }

  .footer-p i.fa-brands.fa-facebook-f,
  .footer-p i.fa-brands.fa-twitter,
  .footer-p i.fa-brands.fa-whatsapp {
      width: 30px;
      height: 30px;
      border-radius: 100px;
      text-align: center;
      line-height: 29px;
      font-size: 11px;
      color: #fff;
  }

  .footer-p i.fa-brands.fa-facebook-f {
      background: #09679d;
  }

  .footer-p i.fa-brands.fa-twitter {
      background: #0693e3;
  }

  .footer-p span {
      margin-right: 40px;
      font-weight: 700;
      background: none;
      border-radius: 100px;
      color: #00000036;
      padding: 5px 15px;
      font-size: 12px;
      position: absolute;
      right: 1px;
  }

  i.fa-brands.fa-facebook-f,
  .footer-p i.fa-brands.fa-twitter {}

  .footer-p {
      background: #FBFAFD;
      padding: 19px;
      border-radius: 3px;
      position: relative;
  }

  .titulo-posts span {
      margin-right: 40px;
      font-weight: 700;
      background: #ECEBF4;
      border-radius: 100px;
      color: #00000050;
      padding: 3px 15px;
      position: absolute;
      right: 1px;
      top: -17px;
      text-transform: uppercase;
      font-size: 9px;
  }

  .todos-relacionado-tit {
      position: absolute;
      bottom: 0px;
      padding: 20px;
      width: 100%;
      padding-top: 35px;
      text-align: center;
      height: 100%;
  }

  .todos-relacionado-tit h1 a {
      color: var(--clarinho);
  }

  .todos-relacionado-tit h1 {
      font-weight: 600;
      font-size: 17px;
      line-height: 22px;
  }

  .todos-relacionado-tit span {
      color: #fff;
      font-weight: 700;
      font-family: Open sans;
      font-size: 15px;
      text-align: center;
      width: 100%;
      display: block;
  }

  .box-posts.all {
      width: 31%;
  }



  .relacionados-foto {
      height: 173px;
      overflow: hidden;
      position: relative;
      background: #aec2f4;
      z-index: 111;
      border-radius: 4px;
  }

  .relacionados-posts {
      width: 32%;
      margin-bottom: 20px;
      border-radius: 4px;
  }

  .relacionados-foto img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
      opacity: 0.1;
      filter: grayscale(1);
  }

  .todos-relacionado-tit a {
      color: #4f4f4f;
  }


  .todos-relacionado-tit a:hover {
      color: #fff;
  }

  .todos-relacionado-tit span {
      font-weight: 700;
      background: #fbfbfb;
      border-radius: 100px;
      color: #7a74ae;
      font-family: 'Montserrat';
      padding: 5px 15px;
      width: max-content;
      margin: auto;
      font-size: 10px;
      margin-top: 15px;
  }

  table.maintable {
      background: var(--principal);
      padding: 12px;
      border-radius: 4px;
      position: relative;
      margin-top: 40px;
      padding-top: 75px;
  }

  table.maintable img {
      border: 1px solid #ffffff21;
      padding: 4px;
      border-radius: 15px;
  }

  table.maintable img:hover {
      border: 1px solid #ffffff4d;
      border-radius: 24px;
  }

  table.maintable:before {
      position: absolute;
      content: "\f030";
      width: 30px;
      height: 30px;
      top: 23px;
      font-family: "Font Awesome 5 Free";
      text-align: center;
      line-height: 30px;
      left: 32px;
      font-weight: 600;
      border-radius: 100px;
      background: var(--secundaria);
      color: #fff;
      z-index: 1;
  }

  table.maintable:after {
      content: "Galeria de fotos";
      position: absolute;
      background: #fbfbfb;
      border-radius: 4px;
      background-position-y: 7px;
      top: 20px;
      color: var(--principal);
      line-height: 27px;
      width: 90%;
      left: 22px;
      font-weight: 800;
      padding: 6px 12px;
      text-align: center;
  }

  .share-destaque a:hover {
      border: 1px solid #ffffff52;
  }

  i.fa-brands.fa-imdb {
      color: #fff;
  }

  .todos-relacionado-tit h5 {
      font-size: 15px;
  }

  /* ---------- RESPONSIVE ---------- */

  @media only screen and (max-width: 992px) {
      table.maintable:after {
          width: 83%;
      }

      .header {
          height: 0;
          padding-bottom: 100%;
          background-size: cover;
      }

      .descri,
      .logo {
          width: 100%;
      }

      .descri {
          padding: 22px;
          margin-top: -34px;
      }

      .logo {
          margin: 0;
          background: url(https://sabrina-carpenter.com/wp-content/themes/sco-grid-lannied/img/grid-logo.png) top center no-repeat;
          background-size: 99%;
          height: 165px;
      }

      nav.menu {
          padding: 11px;
          line-height: 31px;
      }

      nav.menu a {
          margin: 2px;
      }

      .sidebar-container,
      .artigo,
      .content-slid,
      .box-post,
      .box-posts.destaques,
      .imagem-d,
      .infos-descri,
      .bio-redes,
      .box-posts,
      .todos-posts,
      .box-proj,
      .box-redes,
      .relacionados-posts {
          width: 100%;
      }

      .infos-descri {
          margin-top: 8px;
      }

      .imagem-bio {
          height: 127px;
      }

      .bio-redes a {
          display: inline-block;
      }

      .bio {
          height: auto;
          padding-bottom: 31px;
      }

      .bio-redes {
          margin-top: -25px;
          text-align: left;
      }

      .infos-descri span {
          background: url(img/bio.png) top center no-repeat;
          display: none;
      }

      .container {
          width: 95%;
      }

      .galeria-faixa {
          background: url(img/galeria.png) top center no-repeat #fff;
          padding-top: 77px;
      }

      .links-galeria {
          width: 100%;
          text-align: center;
      }

      .compartilhar {
          margin-bottom: -25px;
          position: relative;
          z-index: 11;
      }

      .infos-slide-entrevistas {
          height: auto;
      }

      .imagem-d {
          height: 205px;
      }

      .todos-videos {
          padding: 14px;
      }

      .box-videos-todos {
          width: 47.9%;
          margin-bottom: 5px;
          position: relative;
      }

      .box-posts.all {
          width: 100%;
      }

      .album {
          width: 48%;
          margin-bottom: 17px;
      }

      .sidebar-insta:before {
          left: 37%;
      }
  }

  @media (max-width: 767px) {
      .row {
          display: block;
      }

      .todos-posts {
          display: block;
      }

      .box-posts {
          width: 99%;
      }

      .box-proj {
          width: 98%;
          margin-bottom: 20px;
      }

      .bio {
          width: 98%;
          height: 400px;
      }

      .infos-descri {
          margin-top: -120px;
      }

      .bio-redes1 {
          display: none;
      }

      .bio-redes2 {
          display: none;
      }

      .bio-redes1.mobile {
          display: block !important;
          width: 98%;
          line-height: 25px;
      }

      .bio-redes2.mobile {
          display: block !important;
          width: 98%;
          line-height: 25px;
      }

      .social-link a,
      .social-link {
          font-size: 11px;
      }

      .logo {
          background-size: 290px;
      }

      .header {
          background-size: 1280px;
          height: 200px;
      }

      .container .galeria-faixa,
      .galeria-code {
          display: none;
      }

      .affs-text {
          width: 48%;
      }
  }