/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

:root {
  --cor-primaria: #004373;
  --cor-primaria-clara: #5d9ece;
  --cor-secundaria: #D9B621;
}

.boxed-layout #wrap {
    width: 1700px;
}

#site-header-inner {
  background-color: #000;
  background-image: url(https://sm-portugal.com/anexos/imagens/layout/2023/imagem_header_full.webp), url(https://sm-portugal.com/anexos/imagens/layout/2023/fundo_header.avif);
  background-position: bottom center, center;
  background-position-x: 80%, 0;
  background-repeat: no-repeat, repeat;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
  height: 350px;
  max-height: 350px;
}

@media screen and (max-width: 2150px) {
  #site-header-inner {
    background-position-x: 90%;
  }

  .custom-logo {
    margin-left: 10%;
  }
}

@media screen and (max-width: 1650px) {
  #site-header-inner {
    background-image: url(https://sm-portugal.com/anexos/imagens/layout/2023/imagem_header_1650.webp), url(https://sm-portugal.com/anexos/imagens/layout/2023/fundo_header.avif);
    background-position: center, center;
  }

.custom-logo {
    display: none !important;
  }
}

@media screen and (max-width: 1080px) {
  #site-header-inner {
    background-image: url(https://sm-portugal.com/anexos/imagens/layout/2023/imagem_header_1080.avif);
  }

  .nav_episodios-link {
    font-size: 1.2em !important;
  }
}

@media screen and (max-width: 767px) {
  #site-header-inner {
    background-image: url(https://sm-portugal.com/anexos/imagens/layout/2023/imagem_header_767.avif);
    background-position: top;
    background-size: cover;
    max-height: 221px;
  }

  .custom-logo,
  .nao-telemovel, .wpd-thread-list, .wpdiscuz_top_clearing {
    display: none;
  }

  header {
    background-image: none;
  }

  #contentorinfo {
    width: 90%;
  }

  .nav_episodios-link {
    font-size: 1em !important;
    font-size: .9em !important;
  }

  .contentor-episodio {
    margin: auto auto 40px !important;
  }

  .page-header {
    font-size: 44px;
    padding: 20px;
  }
}

#main #content-wrap,
#right-sidebar {
  padding-top: 20px !important;
  padding-top: 10px !important;
}

.custom-logo {
  margin-left: 20%;
}

#site-logo {
  margin-left: 50px;
}

body {
  background: linear-gradient(to bottom, rgba(10, 18, 90, 0), rgba(10, 18, 90, 1)), url(https://sm-portugal.com/anexos/imagens/layout/2023/fundo.avif);
  background-attachment: fixed;
  background-repeat: repeat;
  background-size: auto;
}

body,
.page-header,
#footer-widgets,
#ocean-preloader,
#preloader-content,
#intro {
  overflow: hidden;
  position: relative;
}

body:before,
.page-header:before,
#footer-widgets:before,
#ocean-preloader:before,
#preloader-content:before,
#intro:before {
  background: url(https://sm-portugal.com/wp-content/uploads/2023/11/bgdot.png);
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#intro {
  text-align: center;
  align-items: center;
  justify-content: center;
}

#intro:before {
  height: 380px !important;
  z-index: 1;
}

#intro video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

#intro:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
  z-index: 2; /* Ensure the overlay is on top */
}

.borda {
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.ico {
  border: 0;
  display: inline;
  margin-left: 2px;
  margin-right: 2px;
}

.search-results article {
  border: none;
}

.owp-tag-text {
  margin-right: 20px;
}

img.logo-search {
  display: block;
  margin: 30px auto;
}

.page-header {
  background-position-y: 0;
  background-size: auto;
  height: 70px;
}

#footer-widgets {
  background-attachment: fixed;
  background-position: top;
  background-size: auto;
}

.nav_episodios-links {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.nav_episodios-link {
  align-items: center;
  color: var(--cor-primaria);
  display: flex;
  font-family: Atma;
  font-size: 1.5em;
  text-decoration: none !important;
}

.arrow {
  margin-right: 5px;
}

.arrow::before {
  content: "← ";
}

.arrow.next::before {
  content: " →";
}

.content .logo {
  display: block;
  margin-bottom: 50px;
}


li.mega-menu-item-type-post_type:hover {
  background: blue;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
  font-family: Atma !important; 
  border-radius: 5px 5px 0 0;
}

.oculto,
.page-subheading {
  display: none;
}


.atma {
  font-family: 'Atma', sans-serif;
}

.yanone {
    font-family: 'Yanone Kaffeesatz', arial, serif;
}

#site-logo a,
#site-logo img {
  border: 0 !important;
  text-decoration: none !important;
}

img.scaled-image {
  border: 0 !important;
  margin: 0 !important;
}

form.wp-block-search {
  margin-bottom: 30px;
}

nav.post-navigation {
  border-top: 0 !important;
  margin-bottom: 30px;
  margin-top: 0 !important;
  padding-bottom: 30px;
  padding-top: 0 !important;
  position: relative;
}

.esquerda figure {
  margin-left: 0;
}

.wp-block-table thead {
  background: linear-gradient (to right, var(--cor-primaria-clara) 5%, transparent);
  border-bottom: 3px solid var(--cor-primaria);
}

.wp-block-table thead tr th {
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}

.wp-block-table h1,
.wp-block-table h2,
.wp-block-table h3,
.wp-block-table h4,
.wp-block-table h5,
.wp-block-table h6 {
  margin: 0;
}

div.twitter-tweet {margin: 10px auto}

a:focus {
  outline: 0!important;
}


/* Imagem de destaque de página bonita sem espaços */
.wp-block-post-featured-image {
    width: calc(100% + 2* 30px);
    margin: -10px -30px 20px -30px;
    box-sizing: border-box;
	overflow: hidden;}



/* Simbolo do X no discus */

.fa-twitter:before {
    content: "X" !important;
}

#wpdcom .wpd-social-login .wpdsn-tw i {
    background-color: black;
}

.wpd-login {display: none;}



/* Box de comentários wpDiscuz */


#comments {
	border: none !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

.wpd-thread-head {
	flex-wrap: nowrap;
	overflow: visible;
}

#wpd-threads {overflow: visible;}



/* Loading */

/* Fade out animation */
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* Fade in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Apply animations to the elements */
#loading.fade-out {
    animation: fadeOut 1s forwards; /* 1s fade-out effect */
}

#prismalunar.fade-in {
    animation: fadeIn 1s forwards; /* 1s fade-in effect */
}