@charset "UTF-8";
/* -----------------------------------------------------------

	Theme Name: ROY FRAMEWORK
	Theme URI: ----
	Author: RoyPhoenix
	Author URI: http://royphoenix.com
	Description: ----
	License: Private
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

----------------------------------------------------------- */
/*----------------------------------------------------*\
    ANIMATION
    -
    Mixins que contienen el efecto de animación
    modo de uso simple
    .elemento {
      @include animation-(TIMEs);
    }
\*----------------------------------------------------*/
/*----------------------------------------------------*\
    SHADOW
    -
    Mixin to add boxshadow
\*----------------------------------------------------*/
/*----------------------------------------------------*\
    SHADOW
    -
    Mixin to add boxshadow
\*----------------------------------------------------*/
/*----------------------------------------------------*\
    VALUES
    -
    General values for the project
\*----------------------------------------------------*/
/*----------------------------------------------------*\
    RESET
    -
    Limpia los margenes en los elementos
\*----------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
body, h1, h2, h3, h4, h5, h6, blockquote, p, pre, dl, dd, ol, ul, figure, hr, fieldset, legend {
  margin: 0;
  padding: 0; }

li > ol, li > ul {
  margin-bottom: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*----------------------------------------------------*\
    NORMALIZE
    -
    Elimina y normaliza la visualización en los
    distintos navegadores
\*----------------------------------------------------*/
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, footer, header, nav, section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption, figure, main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: inherit; }

b, strong {
  font-weight: bolder; }

ode, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details, menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/*----------------------------------------------------*\
    GLOBAL SPACING
    -
    Espaciado general epara el todo el sitio, se
    define una unidad base de la que parten todas
    las demas variables
\*----------------------------------------------------*/
/*----------------------------------------------------*\
    FONTS
    -
    Import fonts from Google Fonts and Icons
\*----------------------------------------------------*/
@font-face {
  font-family: 'icons';
  src: url("../assets/icons/icons.eot");
  src: url("../assets/icons/icons.eot") format("embedded-opentype"), url("../assets/icons/icons.woff2") format("woff2"), url("../assets/icons/icons.woff") format("woff"), url("../assets/icons/icons.ttf") format("truetype"), url("../assets/icons/icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
body {
  font-family: "Lato", sans-serif;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif; }

h1 {
  font-size: 48pt; }

h2, h3 {
  font-size: 34pt; }

h4, h5, h6 {
  font-size: 24pt; }

/*----------------------------------------------------*\
    BOX-SIZING
    -
    Le da la propiedad a los elementos de ocupar su
    espacio normal sin inportar el padding
\*----------------------------------------------------*/
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/*----------------------------------------------------*\
    PAGE
    -
    Reglas generales para el canvas
\*----------------------------------------------------*/
html {
  font-size: 18px;
  line-height: calc($global-line-height / $global-font-size);
  font-family: "Lato", sans-serif;
  min-height: 100%;
  background: #FFF;
  color: #131315; }

/*----------------------------------------------------*\
    SHARE
    -
    Share rules for the site styles
\*----------------------------------------------------*/
address, blockquote, p, pre, dl, ol, ul, figure, hr, table, fieldset {
  margin-bottom: calc 1.6666666667rem; }

p {
  margin-bottom: 30px; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: calc 1.6666666667rem;
  margin-top: 0; }

dd, ol, ul {
  margin-left: calc 1.6666666667rem; }

.wrapper {
  width: 1280px;
  margin: 0 auto; }
  @media screen and (max-width: 1280px) {
    .wrapper {
      width: 100%;
      padding: 0 15px; } }

body:before {
  content: '';
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  opacity: 0;
  z-index: -10;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
body.show:before {
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
  z-index: 10; }

body.specials_post {
  background: #131315; }

/*-----------------------------------------------------------

	Icons

----------------------------------------------------------- */
.ads {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }
  .ads > div {
    margin: 0 30px 30px 30px; }

.ads-header {
  background: #FFE438;
  margin-top: -30px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }
  .ads-header > div {
    margin: 30px 30px 30px 30px !important; }

/*-----------------------------------------------------------

	Icons

----------------------------------------------------------- */
.icon {
  display: block; }
  .icon span {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px); }
  .icon:before {
    font-family: "icons"; }

.icon--facebook:before {
  content: '\F09A'; }

.icon--twitter:before {
  content: '\F099'; }

.icon--youtube:before {
  content: '\F16A'; }

.icon--instagram:before {
  content: '\F16D'; }

.icon--linkedin:before {
  content: '\F0E1'; }

.icon--mail:before {
  content: ""; }

/*-----------------------------------------------------------

	Icons

----------------------------------------------------------- */
.btn {
  display: block;
  text-decoration: none;
  text-transform: uppercase; }
  .btn a {
    text-decoration: none; }

.btn--nav {
  width: 34px;
  height: 24px;
  display: block;
  position: relative; }
  .btn--nav span {
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 1px;
    background: #FFE438;
    position: absolute; }
  .btn--nav span:nth-child(1) {
    top: 3px; }
  .btn--nav span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%); }
  .btn--nav span:nth-child(3) {
    bottom: 3px; }

.btn--close {
  width: 30px;
  height: 34px;
  background: none;
  border: none;
  position: relative; }
  .btn--close:hover span {
    background: #3A88D5; }
  .btn--close span {
    position: absolute;
    width: 100%;
    height: 3px;
    background: #131315;
    top: 50%;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .btn--close span:nth-child(1) {
    transform: rotate(45deg); }
  .btn--close span:nth-child(2) {
    transform: rotate(-45deg); }

/*-----------------------------------------------------------

	Embed

----------------------------------------------------------- */
.embed {
  margin: 0 0 30px 0;
  position: relative;
  width: 100%; }
  .embed iframe {
    border: none; }

.video.embed {
  overflow: hidden;
  height: 0; }
  .video.embed iframe {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }

.video.embed.video--horizontal {
  padding-top: 56.25%; }
  .video.embed.video--horizontal iframe {
    width: 100%; }

.video.embed.video--vertical {
  padding-top: 75%; }
  .video.embed.video--vertical iframe {
    width: 60%; }

/*-----------------------------------------------------------

	Post section

----------------------------------------------------------- */
/*-----------------------------------------------------------

	Navigation bars

----------------------------------------------------------- */
.nav ul, .nav ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex; }
.nav a {
  text-decoration: none; }

/*----------------------------------------------------*\
    POST LIST
    -
    Loops for the site
\*----------------------------------------------------*/
.indicators {
  background: #FFE438;
  margin-top: -30px;
  padding: 8px 0;
  margin-bottom: 30px; }
  .indicators .wrapper {
    display: flex;
    overflow: scroll;
    scrollbar-color: transparent transparent;
    scrollbar-width: none; }
    .indicators .wrapper::-webkit-scrollbar {
      width: 0;
      height: 0; }
    .indicators .wrapper::-webkit-scrollbar-track {
      background: transparent; }
    .indicators .wrapper::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0);
      border-radius: 10px;
      border: 0 solid transparent; }
  .indicators .indicator {
    flex-grow: 1;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .indicators .indicator {
        width: 60%;
        min-width: 60%; } }
  .indicators .indicator h6 {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 0; }
  .indicators .indicator div {
    display: flex; }
  .indicators .indicator span {
    width: 50%;
    font-size: 20px;
    font-weight: 700; }

/*-----------------------------------------------------------

	Loops

----------------------------------------------------------- */
.loop {
  display: flex; }

/*-----------------------------------------------------------

	Mastehad element

----------------------------------------------------------- */
.post-item {
  cursor: pointer; }
  .post-item a {
    text-decoration: none;
    color: #131315; }
  .post-item figure {
    margin: 0; }
  .post-item figure img {
    display: block; }
  .post-item .post-section {
    background: #FFE438;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding: 0.3em;
    border-radius: 1em;
    display: inline-block; }
  .post-item .post-title {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .post-item .post-meta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
    text-transform: uppercase; }
  .post-item .post-meta .post-time:before {
    content: '\E81E';
    font-family: "icons";
    font-size: 12px;
    margin-right: 8px; }
  .post-item .post-meta p {
    margin: 0; }
  .post-item .post-meta time {
    margin-left: 15px; }

body.specials_post .post-item a {
  color: #FFF; }
body.specials_post .post-item .post-section {
  color: #131315; }
body.specials_post .post-item .post-title {
  color: #FFF; }

/*-----------------------------------------------------------

	Mastehad element

----------------------------------------------------------- */
.section-title {
  background: #FFE438;
  margin-top: -30px;
  padding: 15px 0;
  margin-bottom: 30px; }
  .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
        font-size: 22px; } }
    .section-title h1 span, .section-title h2 span, .section-title h3 span, .section-title h4 span, .section-title h5 span, .section-title h6 span {
      font-weight: 300; }

/*-----------------------------------------------------------

	Slider

----------------------------------------------------------- */
/*----------------------------------------------------*\
    
\*----------------------------------------------------*/
/*----------------------------------------------------*\
    
\*----------------------------------------------------*/
/*----------------------------------------------------*\
    
\*----------------------------------------------------*/
.colaborators {
  background: #3A88D5;
  margin-top: -30px;
  margin-bottom: 30px;
  padding: 30px 0; }
  .colaborators .title {
    color: #FFF;
    position: relative;
    z-index: 1;
    display: flex;
    position: relative;
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      .colaborators .title {
        margin-bottom: 15px; } }
    .colaborators .title:before {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: #D0D0D2;
      position: absolute;
      left: 0;
      bottom: 0; }
    .colaborators .title > h4,
    .colaborators .title > span {
      text-transform: uppercase;
      font-size: 30px;
      font-weight: 700;
      margin-bottom: 0;
      position: relative;
      display: inline-block; }
      @media screen and (max-width: 768px) {
        .colaborators .title > h4,
        .colaborators .title > span {
          font-size: 20px; } }
    .colaborators .title > h4:before,
    .colaborators .title > span:before {
      content: '';
      width: 100%;
      height: 15px;
      background: #FFE438;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: -1; }
    .colaborators .title:before {
      opacity: 0.2; }
    .colaborators .title h4:before {
      background: #2A2C35; }
  .colaborators .loop {
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .colaborators .loop {
        flex-wrap: nowrap;
        overflow: scroll;
        scrollbar-color: transparent transparent;
        scrollbar-width: none; }
        .colaborators .loop::-webkit-scrollbar {
          width: 0;
          height: 0; }
        .colaborators .loop::-webkit-scrollbar-track {
          background: transparent; }
        .colaborators .loop::-webkit-scrollbar-thumb {
          background-color: rgba(0, 0, 0, 0);
          border-radius: 10px;
          border: 0 solid transparent; } }
    .colaborators .loop .post-item {
      width: 12.5%; }
      @media screen and (max-width: 768px) {
        .colaborators .loop .post-item {
          width: 40%;
          min-width: 40%; } }
    .colaborators .loop .post-item {
      text-align: center; }
    .colaborators .loop .post-item:hover .post-item__media img {
      filter: grayscale(0); }
    .colaborators .loop .post-item:hover .post-item__body .post-title {
      color: #FFE438; }
    .colaborators .loop .post-item__media {
      position: relative;
      width: 100px;
      height: 100px;
      margin: 0 auto;
      padding: 15px; }
    .colaborators .loop .post-item__media:after {
      content: '';
      display: block;
      width: 32px;
      height: 32px;
      background: url("../assets/images/avatar-icon.png");
      position: absolute;
      top: 5px;
      right: 5px; }
    .colaborators .loop .post-item__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 5px;
      filter: grayscale(100%);
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .colaborators .loop .post-item__body .post-title {
      font-size: 16px;
      text-transform: uppercase;
      color: #FFF;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }

/*----------------------------------------------------*\
    POST LIST
    -
    Loops for the site
\*----------------------------------------------------*/
.gallery {
  position: relative;
  width: 100%;
  padding-top: 500px;
  margin-bottom: 30px;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .gallery {
      padding-top: 300px; } }
  .gallery dl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .gallery dt {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .gallery dt img,
  .gallery .article__content dt img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border: none;
    border-radius: 5px; }
  .gallery .gallery-caption {
    background: #FFF;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 0;
    border-bottom: solid 1px #D0D0D2;
    font-size: 14px;
    text-align: right;
    color: #131315; }
  .gallery br {
    display: none; }
  .gallery .btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 15px;
    background: #FFE438;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .gallery .btn:hover {
    background: #FFF; }
  .gallery .btn--prev {
    left: 15px;
    border-radius: 5px; }
    .gallery .btn--prev:before {
      content: '\F177';
      font-family: "icons"; }
  .gallery .btn--next {
    right: 15px;
    border-radius: 5px; }
    .gallery .btn--next:before {
      content: '\F178';
      font-family: "icons"; }

/*-----------------------------------------------------------

	Mastehad element

----------------------------------------------------------- */
.widget {
  margin-bottom: 30px; }
  .widget .widget__title {
    text-transform: uppercase;
    border-bottom: solid 1px #D0D0D2;
    margin-bottom: 15px; }
  .widget .widget__title h1,
  .widget .widget__title h2,
  .widget .widget__title h3,
  .widget .widget__title h4,
  .widget .widget__title h5,
  .widget .widget__title h6 {
    font-size: 20px;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    display: inline-block; }
    .widget .widget__title h1:after,
    .widget .widget__title h2:after,
    .widget .widget__title h3:after,
    .widget .widget__title h4:after,
    .widget .widget__title h5:after,
    .widget .widget__title h6:after {
      content: '';
      display: block;
      width: 100%;
      height: 10px;
      background: #FFE438;
      position: absolute;
      bottom: 0px;
      z-index: -1; }

body.specials_post .widget .widget__title h1,
body.specials_post .widget .widget__title h2,
body.specials_post .widget .widget__title h3,
body.specials_post .widget .widget__title h4,
body.specials_post .widget .widget__title h5,
body.specials_post .widget .widget__title h6 {
  color: #FFF; }
  body.specials_post .widget .widget__title h1:after,
  body.specials_post .widget .widget__title h2:after,
  body.specials_post .widget .widget__title h3:after,
  body.specials_post .widget .widget__title h4:after,
  body.specials_post .widget .widget__title h5:after,
  body.specials_post .widget .widget__title h6:after {
    background: #3A88D5; }

.widget.suscribe {
  background: #3A88D5;
  padding: 15px; }
  .widget.suscribe .widget__title {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2); }
  .widget.suscribe .widget__title h1,
  .widget.suscribe .widget__title h2,
  .widget.suscribe .widget__title h3,
  .widget.suscribe .widget__title h4,
  .widget.suscribe .widget__title h5,
  .widget.suscribe .widget__title h6 {
    color: #FFF; }
    .widget.suscribe .widget__title h1:after,
    .widget.suscribe .widget__title h2:after,
    .widget.suscribe .widget__title h3:after,
    .widget.suscribe .widget__title h4:after,
    .widget.suscribe .widget__title h5:after,
    .widget.suscribe .widget__title h6:after {
      background: #2A2C35; }
  .widget.suscribe input {
    width: 100%;
    border: none;
    padding: 8px 15px;
    margin-bottom: 8px; }
    .widget.suscribe input::placeholder {
      font-size: 16px;
      text-transform: uppercase; }
  .widget.suscribe .btn {
    background: #FFE438;
    color: #131315;
    font-weight: 700;
    border-radius: 5px;
    padding: 0.5em 1em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .widget.suscribe .btn:hover {
      background: #2A2C35;
      color: #FFF; }
    .widget.suscribe .btn a {
      color: #131315;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .widget.suscribe .btn a:hover {
      background: #2A2C35;
      color: #FFF; }
  .widget.suscribe div.mce_inline_error {
    text-align: center;
    text-transform: uppercase;
    font-weight: 300 !important;
    font-size: 14px; }

.widget--loop .post-item {
  margin-bottom: 15px;
  display: flex; }
  .widget--loop .post-item .post-item__media {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    height: 90px;
    margin-right: 15px; }
  .widget--loop .post-item .post-item__media img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .widget--loop .post-item .post-item__body .post-section {
    display: none; }
  .widget--loop .post-item .post-item__body .post-title {
    font-size: 18px;
    line-height: 1.2em;
    margin-bottom: 6px; }
  .widget--loop .post-item .post-item__body .post-summary {
    display: none; }
  .widget--loop .post-item .post-item__body .post-author {
    display: none; }
  .widget--loop .post-item .post-item__body .post-time {
    margin-left: 0; }
.widget--loop .post-item:hover .post-title {
  color: #3A88D5; }

/*-----------------------------------------------------------

	Specials bar

----------------------------------------------------------- */
.content {
  margin-bottom: 30px; }
  .content .wrapper {
    display: flex; }
    @media screen and (max-width: 768px) {
      .content .wrapper {
        flex-direction: column; } }

.content--aside .wrapper > div:first-child,
.content--aside .wrapper > article:first-child {
  flex-grow: 1;
  margin-right: 30px; }
  @media screen and (max-width: 768px) {
    .content--aside .wrapper > div:first-child,
    .content--aside .wrapper > article:first-child {
      width: 100%;
      margin-right: 0;
      margin-bottom: 15px; } }
.content--aside aside {
  width: 300px;
  min-width: 300px; }
  @media screen and (max-width: 768px) {
    .content--aside aside {
      width: 100%;
      min-width: 100%; } }

/*-----------------------------------------------------------

	Mastehad element

----------------------------------------------------------- */
.article--std .article__thumbnail {
  width: 100%;
  margin: 0 0 30px 0; }
  .article--std .article__thumbnail img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 5px; }
  .article--std .article__thumbnail figcaption {
    font-size: 14px;
    border-bottom: solid 1px #D0D0D2;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 8px 0; }
  .article--std .article__thumbnail .pic-credit {
    text-transform: uppercase;
    font-weight: 700; }
  @media screen and (max-width: 768px) {
    .article--std .article__thumbnail img {
      height: 250px; } }
.article--std .post-meta {
  display: flex;
  margin-bottom: 30px; }
  .article--std .post-meta .author_pic {
    width: 90px;
    height: 90px;
    margin: 0 15px 0 0; }
  .article--std .post-meta .author_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px; }
  .article--std .post-meta .apost-author {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700; }
  .article--std .post-meta time {
    font-size: 14px;
    text-transform: uppercase; }
.article--std .post-header .post-section {
  display: flex;
  position: relative;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .article--std .post-header .post-section {
      margin-bottom: 15px; } }
  .article--std .post-header .post-section:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #D0D0D2;
    position: absolute;
    left: 0;
    bottom: 0; }
  .article--std .post-header .post-section > h4,
  .article--std .post-header .post-section > span {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
    position: relative;
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .article--std .post-header .post-section > h4,
      .article--std .post-header .post-section > span {
        font-size: 20px; } }
  .article--std .post-header .post-section > h4:before,
  .article--std .post-header .post-section > span:before {
    content: '';
    width: 100%;
    height: 15px;
    background: #FFE438;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1; }
.article--std .post-header .post-section span {
  font-size: 20px; }
  @media screen and (max-width: 768px) {
    .article--std .post-header .post-section span {
      font-size: 14px; } }
  .article--std .post-header .post-section span a {
    text-decoration: none;
    color: #131315; }
  .article--std .post-header .post-section span:before {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .article--std .post-header .post-section span:hover:before {
    height: 100%; }
.article--std .post-header h1 {
  font-size: 38px;
  margin-bottom: 15px; }
  @media screen and (max-width: 768px) {
    .article--std .post-header h1 {
      font-size: 30px; } }
.article--std .post-header p {
  font-size: 22px; }
  @media screen and (max-width: 768px) {
    .article--std .post-header p {
      font-size: 18px; } }
.article--std .post-content {
  border-bottom: solid 1px #D0D0D2;
  margin-bottom: 30px; }
.article--std .post-content > p {
  padding-left: 60px;
  line-height: 1.4em; }
  @media screen and (max-width: 768px) {
    .article--std .post-content > p {
      padding-left: 0; } }
.article--std .post-content strong {
  font-weight: 700; }
.article--std .post-content a {
  font-weight: 700;
  text-decoration: none;
  color: #3A88D5;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.article--std .post-content h1, .article--std .post-content h2, .article--std .post-content h3, .article--std .post-content h4, .article--std .post-content h5, .article--std .post-content h6 {
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 60px; }
.article--std .post-content a:hover {
  color: #131315;
  background: #FFE438; }
.article--std .post-content blockquote {
  background: #FFE438;
  padding: 15px 15px 15px 60px;
  position: relative; }
.article--std .post-content blockquote p:last-child {
  margin: 0; }
.article--std .post-content blockquote:before {
  content: '\E805';
  font-family: "icons";
  position: absolute;
  left: 8px;
  top: 0;
  font-size: 32px; }
.article--std .wp-caption {
  width: 100% !important; }
.article--std .wp-caption p {
  border-bottom: solid 1px #D0D0D2;
  padding: 8px 0;
  font-size: 14px;
  text-align: right; }
.article--std img,
.article--std > div img {
  width: 100%;
  height: auto;
  border-radius: 5px; }
.article--std .post-content .fancy-link {
  padding: 0;
  text-align: center;
  background-size: cover;
  background-position: 50%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.article--std .post-content .fancy-link a {
  padding: 60px 0;
  display: block;
  color: #131315;
  background: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.article--std .post-content .fancy-link a:hover {
  background: #FFE438; }
.article--std .author-info {
  display: flex;
  margin-bottom: 30px; }
  .article--std .author-info .author_image {
    margin: 0 30px 0 0;
    width: 90px;
    min-width: 90px;
    height: 90px; }
  .article--std .author-info .author_image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .article--std .author-info .author-name {
    margin-bottom: 0; }
  .article--std .author-info .author-name a {
    color: #131315;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none; }
  .article--std .author-info .author-position {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px; }
  .article--std .author-info .btn {
    background: #FFE438;
    color: #131315;
    font-weight: 700;
    border-radius: 5px;
    padding: 0.5em 1em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: inline-block;
    font-size: 16px; }
    .article--std .author-info .btn:hover {
      background: #2A2C35;
      color: #FFF; }
    .article--std .author-info .btn a {
      color: #131315;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .article--std .author-info .btn a:hover {
      background: #2A2C35;
      color: #FFF; }
.article--std .disclaimer {
  background: #D0D0D2;
  padding: 15px;
  text-align: right;
  padding-left: 25%; }
  @media screen and (max-width: 768px) {
    .article--std .disclaimer {
      padding-left: 0;
      text-align: left; } }
.article--std .btn--comments {
  background: #131315;
  color: #FFF;
  font-weight: 700;
  padding: 15px 0;
  border: none;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 30px; }
  .article--std .btn--comments:hover {
    background: #FFE438;
    color: #131315; }
  .article--std .btn--comments:after {
    content: '\F0E5';
    margin-left: 8px;
    font-family: "icons"; }
.article--std .related-post {
  flex-direction: column; }
  .article--std .related-post .post-item {
    margin-bottom: 30px;
    display: flex; }
    .article--std .related-post .post-item .post-item__media {
      margin-right: 30px;
      width: 350px;
      min-width: 350px; }
    .article--std .related-post .post-item .post-item__media img {
      width: 100%;
      height: 250px;
      object-fit: cover; }
    .article--std .related-post .post-item .post-item__body .post-title {
      font-size: 30px;
      margin-bottom: 0.5em; }
    .article--std .related-post .post-item:hover .post-title {
      color: #3A88D5; }
    @media screen and (max-width: 768px) {
      .article--std .related-post .post-item {
        margin-bottom: 15px;
        display: flex; }
        .article--std .related-post .post-item .post-item__media {
          width: 90px;
          min-width: 90px;
          max-width: 90px;
          height: 90px;
          margin-right: 15px; }
        .article--std .related-post .post-item .post-item__media img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .article--std .related-post .post-item .post-item__body .post-section {
          display: none; }
        .article--std .related-post .post-item .post-item__body .post-title {
          font-size: 18px;
          line-height: 1.2em;
          margin-bottom: 6px; }
        .article--std .related-post .post-item .post-item__body .post-summary {
          display: none; }
        .article--std .related-post .post-item .post-item__body .post-author {
          display: none; }
        .article--std .related-post .post-item .post-item__body .post-time {
          margin-left: 0; } }
  .article--std .related-post .loop-cta {
    display: flex;
    justify-content: center;
    align-items: center; }
  .article--std .related-post .btn {
    background: #FFE438;
    color: #131315;
    font-weight: 700;
    border-radius: 5px;
    padding: 0.5em 1em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .article--std .related-post .btn:hover {
      background: #2A2C35;
      color: #FFF; }
    .article--std .related-post .btn a {
      color: #131315;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .article--std .related-post .btn a:hover {
      background: #2A2C35;
      color: #FFF; }

.article--video {
  background: #2A2C35;
  margin-top: -30px;
  padding: 30px 0;
  color: #FFF; }
  .article--video .wrapper,
  .article--video > div {
    display: flex; }
    @media screen and (max-width: 768px) {
      .article--video .wrapper,
      .article--video > div {
        flex-direction: column; } }
  .article--video .post-header {
    width: 35%;
    min-width: 35%;
    margin-right: 30px; }
    @media screen and (max-width: 768px) {
      .article--video .post-header {
        width: 100%;
        min-width: 100%;
        margin-right: 0; } }
  .article--video .article__content {
    flex-grow: 1; }
  .article--video .post-section {
    color: #2A2C35;
    margin-bottom: 15px;
    background: #FFE438;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding: 0.3em;
    border-radius: 1em;
    display: inline-block; }
  .article--video .post-title {
    font-size: 42px;
    line-height: 1em; }
  .article--video .video-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 768px) {
      .article--video .video-container {
        margin-bottom: 30px; } }
  .article--video .video-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border: none; }
  .article--video .article-extra .btn--cta {
    background: #FFE438;
    color: #131315;
    font-weight: 700;
    border-radius: 5px;
    padding: 0.5em 1em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .article--video .article-extra .btn--cta:hover {
      background: #2A2C35;
      color: #FFF; }
    .article--video .article-extra .btn--cta a {
      color: #131315;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .article--video .article-extra .btn--cta a:hover {
      background: #2A2C35;
      color: #FFF; }

.comments-box {
  background: #FFF;
  position: fixed;
  padding: 30px;
  padding-left: calc(50vw - 640px);
  z-index: 20;
  top: 0;
  left: -50vw;
  width: 50vw;
  height: 100vh;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media screen and (max-width: 768px) {
    .comments-box {
      width: 100vw;
      left: -100vw;
      padding: 15px; } }
  .comments-box.show {
    left: 0; }
  .comments-box .title {
    display: flex;
    position: relative;
    margin-bottom: 30px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .comments-box .title {
        margin-bottom: 15px; } }
    .comments-box .title:before {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: #D0D0D2;
      position: absolute;
      left: 0;
      bottom: 0; }
    .comments-box .title > h4,
    .comments-box .title > span {
      text-transform: uppercase;
      font-size: 30px;
      font-weight: 700;
      margin-bottom: 0;
      position: relative;
      display: inline-block; }
      @media screen and (max-width: 768px) {
        .comments-box .title > h4,
        .comments-box .title > span {
          font-size: 20px; } }
    .comments-box .title > h4:before,
    .comments-box .title > span:before {
      content: '';
      width: 100%;
      height: 15px;
      background: #FFE438;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: -1; }
  .comments-box p {
    font-size: 16px; }
  .comments-box a {
    color: #131315;
    font-weight: 700;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .comments-box a:hover {
    background: #FFE438; }
  .comments-box .btn {
    position: absolute;
    top: 0;
    right: 15px; }
    @media screen and (max-width: 768px) {
      .comments-box .btn {
        top: -15px;
        right: 0; } }

.article--opinion .post-meta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative; }
  .article--opinion .post-meta:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #D0D0D2;
    position: absolute;
    top: 45px; }
  .article--opinion .post-meta .author_pic {
    width: 80px;
    height: 80px;
    position: relative;
    z-index: 3;
    border: solid 10px #FFF; }
  .article--opinion .post-meta .author_pic img {
    border-radius: 50%; }

/*-----------------------------------------------------------

	Mastehad element

----------------------------------------------------------- */
.archive.content .loop {
  flex-direction: column; }
  .archive.content .loop .post-item {
    margin-bottom: 30px;
    display: flex; }
    .archive.content .loop .post-item .post-item__media {
      margin-right: 30px;
      width: 350px;
      min-width: 350px; }
    .archive.content .loop .post-item .post-item__media img {
      width: 100%;
      height: 250px;
      object-fit: cover; }
    .archive.content .loop .post-item .post-item__body .post-title {
      font-size: 30px;
      margin-bottom: 0.5em; }
    .archive.content .loop .post-item:hover .post-title {
      color: #3A88D5; }
    @media screen and (max-width: 768px) {
      .archive.content .loop .post-item {
        margin-bottom: 15px;
        display: flex; }
        .archive.content .loop .post-item .post-item__media {
          width: 90px;
          min-width: 90px;
          max-width: 90px;
          height: 90px;
          margin-right: 15px; }
        .archive.content .loop .post-item .post-item__media img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .archive.content .loop .post-item .post-item__body .post-section {
          display: none; }
        .archive.content .loop .post-item .post-item__body .post-title {
          font-size: 18px;
          line-height: 1.2em;
          margin-bottom: 6px; }
        .archive.content .loop .post-item .post-item__body .post-summary {
          display: none; }
        .archive.content .loop .post-item .post-item__body .post-author {
          display: none; }
        .archive.content .loop .post-item .post-item__body .post-time {
          margin-left: 0; } }

.archive--specials.content .loop {
  flex-direction: row;
  flex-wrap: wrap; }
  .archive--specials.content .loop .post-item {
    width: calc(33% - 30px);
    position: relative; }
    .archive--specials.content .loop .post-item a {
      color: #FFF; }
      .archive--specials.content .loop .post-item a:hover .post-title {
        color: #FFE438; }
    .archive--specials.content .loop .post-item .post-item__body a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      padding: 30px; }
    .archive--specials.content .loop .post-item .post-title {
      color: #FFF; }
    .archive--specials.content .loop .post-item .post-section {
      color: #131315; }
    @media screen and (max-width: 768px) {
      .archive--specials.content .loop .post-item {
        width: calc(50% - 8px); } }
.archive--specials.content .post-item {
  margin-right: 30px; }
  .archive--specials.content .post-item:nth-child(3), .archive--specials.content .post-item:nth-child(6), .archive--specials.content .post-item:nth-child(9), .archive--specials.content .post-item:nth-child(12), .archive--specials.content .post-item:nth-child(15) {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .archive--specials.content .post-item:nth-child(2), .archive--specials.content .post-item:nth-child(4), .archive--specials.content .post-item:nth-child(6), .archive--specials.content .post-item:nth-child(8), .archive--specials.content .post-item:nth-child(10), .archive--specials.content .post-item:nth-child(12), .archive--specials.content .post-item:nth-child(14) {
      margin-right: 0; }
    .archive--specials.content .post-item:nth-child(1), .archive--specials.content .post-item:nth-child(3), .archive--specials.content .post-item:nth-child(5), .archive--specials.content .post-item:nth-child(7), .archive--specials.content .post-item:nth-child(9), .archive--specials.content .post-item:nth-child(11), .archive--specials.content .post-item:nth-child(13) {
      margin-right: 15px; }
    .archive--specials.content .post-item:nth-child(9) {
      display: none !important; } }
  .archive--specials.content .post-item .post-item__media {
    margin: 0;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important; }
    @media screen and (max-width: 768px) {
      .archive--specials.content .post-item .post-item__media {
        height: 250px !important; } }
  .archive--specials.content .post-item .post-item__media img {
    width: 100%;
    height: 450px !important; }
    @media screen and (max-width: 768px) {
      .archive--specials.content .post-item .post-item__media img {
        height: 100% !important; } }
  .archive--specials.content .post-item .post-item__body a {
    text-align: center;
    align-items: center !important;
    background: black;
    background: -moz-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
  .archive--specials.content .post-item .post-item__body .post-title {
    margin-bottom: 0; }

.pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; }
.pagination li {
  margin-right: 8px; }
.pagination li.active a {
  background: #3A88D5;
  color: #FFF; }
.pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  text-decoration: none;
  background: #D0D0D2;
  font-weight: 700;
  font-size: 14px;
  color: #131315;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.pagination a:hover {
  background: #FFE438; }

/*-----------------------------------------------------------

	Element for the header

----------------------------------------------------------- */
.top-ads,
.top-bar {
  background: #2A2C35; }

.top-bar {
  padding: 15px 0; }
  @media screen and (max-width: 768px) {
    .top-bar {
      margin-bottom: 30px; } }
  .top-bar .wrapper {
    display: flex; }
  .top-bar .logo {
    width: 40%; }
    @media screen and (max-width: 768px) {
      .top-bar .logo img {
        width: 110px; } }
  .top-bar .social-buttons,
  .top-bar .search {
    width: 30%; }
  .top-bar .logo {
    display: flex;
    justify-content: center;
    align-items: center; }
  .top-bar .social-buttons {
    display: flex;
    flex-direction: row; }
  .top-bar .social-buttons a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2A2C35;
    background: #D0D0D2;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-decoration: none;
    margin-right: 0.2em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media screen and (max-width: 768px) {
      .top-bar .social-buttons a {
        display: none; } }
  .top-bar .social-buttons a:hover {
    background: #FFE438; }
  .top-bar .search {
    display: flex;
    justify-content: flex-end;
    position: relative; }
    .top-bar .search form {
      position: relative;
      width: 70%;
      color: #FFF; }
      .top-bar .search form:after {
        content: '\E801';
        font-family: "icons";
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
      @media screen and (max-width: 768px) {
        .top-bar .search form {
          display: none; } }
    .top-bar .search button {
      position: absolute;
      top: 0;
      right: 0;
      width: 40px;
      height: 100%;
      background: transparent;
      border: none;
      z-index: 5; }
    .top-bar .search input {
      width: 100%;
      padding: 8px 15px;
      border-radius: 50px;
      background: #2A2C35;
      border: solid 1px rgba(255, 255, 255, 0.2);
      color: #FFF; }
  .top-bar .btn--nav {
    display: none; }
    @media screen and (max-width: 768px) {
      .top-bar .btn--nav {
        display: block; } }

.main-nav {
  background: #D0D0D2;
  border-top: solid 4px #FFE438;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .main-nav {
      position: fixed;
      top: 0;
      right: -100vw;
      width: 100vw;
      height: 100vh;
      z-index: 10;
      background: #212121;
      border-top: none;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .main-nav.active {
        right: 0; } }
  .main-nav .wrapper {
    padding: 0; }
  .main-nav .nav-header {
    background: #FFE438;
    position: absolute;
    top: -100vh;
    padding: 15px; }
    @media screen and (max-width: 768px) {
      .main-nav .nav-header {
        position: relative;
        top: inherit; } }
  .main-nav .nav-header img {
    width: 110px;
    filter: grayscale(100) brightness(100) invert(100); }
  .main-nav .btn--close {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    z-index: 10; }
  .main-nav .mobile-search {
    padding: 15px;
    border-bottom: dashed 1px #FFF;
    position: absolute;
    top: -100vh; }
    @media screen and (max-width: 768px) {
      .main-nav .mobile-search {
        position: relative;
        top: inherit; } }
  .main-nav .mobile-search form {
    position: relative; }
  .main-nav .mobile-search form:after {
    content: '\E801';
    font-family: "icons";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5; }
  .main-nav .mobile-search input {
    background: #FFF;
    width: 100%;
    border: none;
    padding: 15px;
    position: relative; }
  .main-nav .mobile-search .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: transparent;
    border: none;
    z-index: 5; }
  .main-nav ul {
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .main-nav ul {
        flex-wrap: wrap; } }
  .main-nav li {
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .main-nav li {
        border-bottom: dashed 1px #FFF;
        width: 100%;
        text-align: center;
        width: 50%; }
        .main-nav li:nth-child(odd) {
          border-right: dashed 1px #FFF; } }
    .main-nav li:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background: #FFE438;
      position: absolute;
      top: -100%;
      left: 0;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media screen and (max-width: 768px) {
        .main-nav li:after {
          content: none; } }
    .main-nav li:hover:after {
      top: 0; }
  .main-nav a {
    color: #131315;
    display: block;
    padding: 0.5em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media screen and (max-width: 768px) {
      .main-nav a {
        color: #FFF;
        padding: 15px 0; }
        .main-nav a:hover {
          color: #FFE438; } }
  .main-nav .social-buttons {
    padding: 15px;
    margin-top: 30px;
    display: none;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .main-nav .social-buttons {
        display: flex; } }
  .main-nav .social-buttons p {
    text-transform: uppercase;
    color: #FFF;
    font-size: 14px;
    margin-bottom: 15px; }
  .main-nav .social-buttons a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2A2C35;
    background: #D0D0D2;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-decoration: none;
    margin-right: 0.2em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .main-nav .social-buttons a:hover {
    background: #FFE438; }

/*-----------------------------------------------------------

	Mastehad element

----------------------------------------------------------- */
.masthead {
  margin-bottom: 30px; }
  .masthead .loop--masthead {
    display: flex;
    overflow: scroll;
    scrollbar-color: transparent transparent;
    scrollbar-width: none; }
    .masthead .loop--masthead::-webkit-scrollbar {
      width: 0;
      height: 0; }
    .masthead .loop--masthead::-webkit-scrollbar-track {
      background: transparent; }
    .masthead .loop--masthead::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0);
      border-radius: 10px;
      border: 0 solid transparent; }
  .masthead .loop--second {
    min-width: 50%;
    width: 50%;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .masthead .loop--second {
        flex-wrap: nowrap;
        width: 100vw;
        min-width: 100vw; } }
  .masthead .loop--masthead > .post-item {
    width: 50%;
    position: relative; }
    .masthead .loop--masthead > .post-item a {
      color: #FFF; }
      .masthead .loop--masthead > .post-item a:hover .post-title {
        color: #FFE438; }
    .masthead .loop--masthead > .post-item .post-item__body a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      padding: 30px; }
    .masthead .loop--masthead > .post-item .post-title {
      color: #FFF; }
    .masthead .loop--masthead > .post-item .post-section {
      color: #131315; }
    @media screen and (max-width: 768px) {
      .masthead .loop--masthead > .post-item {
        width: 90%;
        min-width: 90%; } }
    .masthead .loop--masthead > .post-item a {
      background: black;
      background: -moz-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
      @media screen and (max-width: 768px) {
        .masthead .loop--masthead > .post-item a .post-section {
          position: absolute;
          top: 15px;
          left: 15px; }
        .masthead .loop--masthead > .post-item a .post-author {
          display: none; }
        .masthead .loop--masthead > .post-item a .post-time {
          margin: 0; } }
    .masthead .loop--masthead > .post-item figure {
      width: 100%; }
    .masthead .loop--masthead > .post-item img {
      width: 100%;
      height: 630px;
      object-fit: cover; }
      @media screen and (max-width: 768px) {
        .masthead .loop--masthead > .post-item img {
          height: 280px; } }
    .masthead .loop--masthead > .post-item .post-title {
      font-size: 34px;
      margin-bottom: 15px; }
      @media screen and (max-width: 768px) {
        .masthead .loop--masthead > .post-item .post-title {
          font-size: 24px; } }
  .masthead .loop--second .post-item {
    width: calc(50% - 30px);
    margin-left: 30px;
    position: relative;
    display: flex;
    flex-direction: column; }
    .masthead .loop--second .post-item a:hover .post-title {
      color: #2A2C35; }
    @media screen and (max-width: 768px) {
      .masthead .loop--second .post-item {
        float: none;
        width: 90%;
        min-width: 90%;
        margin-left: 15px;
        position: relative; }
        .masthead .loop--second .post-item a {
          color: #FFF; }
          .masthead .loop--second .post-item a:hover .post-title {
            color: #FFE438; }
        .masthead .loop--second .post-item .post-item__body a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          align-items: flex-start;
          padding: 30px; }
        .masthead .loop--second .post-item .post-title {
          color: #FFF; }
        .masthead .loop--second .post-item .post-section {
          color: #131315; }
        .masthead .loop--second .post-item .post-author {
          display: none; }
        .masthead .loop--second .post-item .post-time {
          margin: 0;
          color: #FFF; } }
    .masthead .loop--second .post-item .post-item__media {
      margin-bottom: 15px; }
      @media screen and (max-width: 768px) {
        .masthead .loop--second .post-item .post-item__media {
          margin-bottom: 0; } }
    .masthead .loop--second .post-item img {
      width: 100%;
      height: 180px;
      object-fit: cover; }
      @media screen and (max-width: 768px) {
        .masthead .loop--second .post-item img {
          height: 280px; } }
    @media screen and (max-width: 768px) {
      .masthead .loop--second .post-item .post-item__body {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: black;
        background: -moz-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } }
    .masthead .loop--second .post-item .post-section {
      position: absolute;
      top: 15px;
      left: 15px; }
    .masthead .loop--second .post-item .post-title {
      font-size: 22px;
      margin-bottom: 0; }
      @media screen and (max-width: 768px) {
        .masthead .loop--second .post-item .post-title {
          font-size: 24px;
          margin-bottom: 15px; } }
    .masthead .loop--second .post-item:nth-child(1), .masthead .loop--second .post-item:nth-child(2) {
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        .masthead .loop--second .post-item:nth-child(1), .masthead .loop--second .post-item:nth-child(2) {
          margin-bottom: 0; } }

.masthead--special .nav {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .masthead--special .nav {
      font-size: 18px; } }
.masthead--special .nav ul {
  justify-content: space-around; }
  @media screen and (max-width: 768px) {
    .masthead--special .nav ul {
      justify-content: flex-start;
      flex-wrap: nowrap;
      overflow: scroll;
      scrollbar-color: transparent transparent;
      scrollbar-width: none; }
      .masthead--special .nav ul::-webkit-scrollbar {
        width: 0;
        height: 0; }
      .masthead--special .nav ul::-webkit-scrollbar-track {
        background: transparent; }
      .masthead--special .nav ul::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 10px;
        border: 0 solid transparent; } }
.masthead--special .nav li {
  margin: 0 15px; }
  @media screen and (max-width: 768px) {
    .masthead--special .nav li {
      margin: 0 30px 0 0; } }
.masthead--special .nav a {
  color: #131315;
  display: block;
  position: relative; }
  @media screen and (max-width: 768px) {
    .masthead--special .nav a {
      white-space: nowrap; } }
  .masthead--special .nav a:after {
    content: '';
    display: block;
    width: 0;
    height: 10px;
    background: #FFE438;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .masthead--special .nav a:hover:after {
    width: 100%; }
.masthead--special .loop {
  overflow: hidden;
  display: block;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .masthead--special .loop {
      display: flex;
      overflow: scroll; } }
  .masthead--special .loop .post-item {
    width: 500px;
    float: left;
    position: relative; }
  .masthead--special .loop .post-item:nth-child(1) {
    float: right;
    width: calc(100% - 530px);
    position: relative; }
    .masthead--special .loop .post-item:nth-child(1) a {
      color: #FFF; }
      .masthead--special .loop .post-item:nth-child(1) a:hover .post-title {
        color: #FFE438; }
    .masthead--special .loop .post-item:nth-child(1) .post-item__body a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      padding: 30px; }
    .masthead--special .loop .post-item:nth-child(1) .post-title {
      color: #FFF; }
    .masthead--special .loop .post-item:nth-child(1) .post-section {
      color: #131315; }
    @media screen and (max-width: 768px) {
      .masthead--special .loop .post-item:nth-child(1) {
        float: none;
        width: 90%;
        min-width: 90%; } }
    .masthead--special .loop .post-item:nth-child(1) .post-item__body a {
      padding: 15px;
      background: black;
      background: -moz-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
    .masthead--special .loop .post-item:nth-child(1) .post-title {
      font-size: 34px;
      margin-bottom: 15px; }
      @media screen and (max-width: 768px) {
        .masthead--special .loop .post-item:nth-child(1) .post-title {
          font-size: 24px; } }
    .masthead--special .loop .post-item:nth-child(1) img {
      width: 100%;
      height: 630px;
      object-fit: cover; }
      @media screen and (max-width: 768px) {
        .masthead--special .loop .post-item:nth-child(1) img {
          height: 280px; } }
  .masthead--special .loop .post-item:nth-child(2),
  .masthead--special .loop .post-item:nth-child(3),
  .masthead--special .loop .post-item:nth-child(4),
  .masthead--special .loop .post-item:nth-child(5) {
    margin-bottom: 15px;
    display: flex; }
    .masthead--special .loop .post-item:nth-child(2) .post-item__media,
    .masthead--special .loop .post-item:nth-child(3) .post-item__media,
    .masthead--special .loop .post-item:nth-child(4) .post-item__media,
    .masthead--special .loop .post-item:nth-child(5) .post-item__media {
      width: 90px;
      min-width: 90px;
      max-width: 90px;
      height: 90px;
      margin-right: 15px; }
    .masthead--special .loop .post-item:nth-child(2) .post-item__media img,
    .masthead--special .loop .post-item:nth-child(3) .post-item__media img,
    .masthead--special .loop .post-item:nth-child(4) .post-item__media img,
    .masthead--special .loop .post-item:nth-child(5) .post-item__media img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .masthead--special .loop .post-item:nth-child(2) .post-item__body .post-section,
    .masthead--special .loop .post-item:nth-child(3) .post-item__body .post-section,
    .masthead--special .loop .post-item:nth-child(4) .post-item__body .post-section,
    .masthead--special .loop .post-item:nth-child(5) .post-item__body .post-section {
      display: none; }
    .masthead--special .loop .post-item:nth-child(2) .post-item__body .post-title,
    .masthead--special .loop .post-item:nth-child(3) .post-item__body .post-title,
    .masthead--special .loop .post-item:nth-child(4) .post-item__body .post-title,
    .masthead--special .loop .post-item:nth-child(5) .post-item__body .post-title {
      font-size: 18px;
      line-height: 1.2em;
      margin-bottom: 6px; }
    .masthead--special .loop .post-item:nth-child(2) .post-item__body .post-summary,
    .masthead--special .loop .post-item:nth-child(3) .post-item__body .post-summary,
    .masthead--special .loop .post-item:nth-child(4) .post-item__body .post-summary,
    .masthead--special .loop .post-item:nth-child(5) .post-item__body .post-summary {
      display: none; }
    .masthead--special .loop .post-item:nth-child(2) .post-item__body .post-author,
    .masthead--special .loop .post-item:nth-child(3) .post-item__body .post-author,
    .masthead--special .loop .post-item:nth-child(4) .post-item__body .post-author,
    .masthead--special .loop .post-item:nth-child(5) .post-item__body .post-author {
      display: none; }
    .masthead--special .loop .post-item:nth-child(2) .post-item__body .post-time,
    .masthead--special .loop .post-item:nth-child(3) .post-item__body .post-time,
    .masthead--special .loop .post-item:nth-child(4) .post-item__body .post-time,
    .masthead--special .loop .post-item:nth-child(5) .post-item__body .post-time {
      margin-left: 0; }
    @media screen and (max-width: 768px) {
      .masthead--special .loop .post-item:nth-child(2),
      .masthead--special .loop .post-item:nth-child(3),
      .masthead--special .loop .post-item:nth-child(4),
      .masthead--special .loop .post-item:nth-child(5) {
        float: none;
        width: 90%;
        min-width: 90%;
        margin-left: 15px;
        margin-bottom: 0;
        position: relative; }
        .masthead--special .loop .post-item:nth-child(2) a,
        .masthead--special .loop .post-item:nth-child(3) a,
        .masthead--special .loop .post-item:nth-child(4) a,
        .masthead--special .loop .post-item:nth-child(5) a {
          color: #FFF; }
          .masthead--special .loop .post-item:nth-child(2) a:hover .post-title,
          .masthead--special .loop .post-item:nth-child(3) a:hover .post-title,
          .masthead--special .loop .post-item:nth-child(4) a:hover .post-title,
          .masthead--special .loop .post-item:nth-child(5) a:hover .post-title {
            color: #FFE438; }
        .masthead--special .loop .post-item:nth-child(2) .post-item__body a,
        .masthead--special .loop .post-item:nth-child(3) .post-item__body a,
        .masthead--special .loop .post-item:nth-child(4) .post-item__body a,
        .masthead--special .loop .post-item:nth-child(5) .post-item__body a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          align-items: flex-start;
          padding: 30px; }
        .masthead--special .loop .post-item:nth-child(2) .post-title,
        .masthead--special .loop .post-item:nth-child(3) .post-title,
        .masthead--special .loop .post-item:nth-child(4) .post-title,
        .masthead--special .loop .post-item:nth-child(5) .post-title {
          color: #FFF; }
        .masthead--special .loop .post-item:nth-child(2) .post-section,
        .masthead--special .loop .post-item:nth-child(3) .post-section,
        .masthead--special .loop .post-item:nth-child(4) .post-section,
        .masthead--special .loop .post-item:nth-child(5) .post-section {
          color: #131315; }
        .masthead--special .loop .post-item:nth-child(2) .post-author,
        .masthead--special .loop .post-item:nth-child(3) .post-author,
        .masthead--special .loop .post-item:nth-child(4) .post-author,
        .masthead--special .loop .post-item:nth-child(5) .post-author {
          display: none; }
        .masthead--special .loop .post-item:nth-child(2) .post-time,
        .masthead--special .loop .post-item:nth-child(3) .post-time,
        .masthead--special .loop .post-item:nth-child(4) .post-time,
        .masthead--special .loop .post-item:nth-child(5) .post-time {
          margin: 0;
          color: #FFF; } }
    .masthead--special .loop .post-item:nth-child(2) .post-item__media,
    .masthead--special .loop .post-item:nth-child(3) .post-item__media,
    .masthead--special .loop .post-item:nth-child(4) .post-item__media,
    .masthead--special .loop .post-item:nth-child(5) .post-item__media {
      width: 120px;
      min-width: 120px;
      height: 120px; }
      @media screen and (max-width: 768px) {
        .masthead--special .loop .post-item:nth-child(2) .post-item__media,
        .masthead--special .loop .post-item:nth-child(3) .post-item__media,
        .masthead--special .loop .post-item:nth-child(4) .post-item__media,
        .masthead--special .loop .post-item:nth-child(5) .post-item__media {
          margin-bottom: 0;
          width: 100%;
          min-width: 100%;
          height: 280px;
          background: green; } }
    @media screen and (max-width: 768px) {
      .masthead--special .loop .post-item:nth-child(2) .post-item__body a,
      .masthead--special .loop .post-item:nth-child(3) .post-item__body a,
      .masthead--special .loop .post-item:nth-child(4) .post-item__body a,
      .masthead--special .loop .post-item:nth-child(5) .post-item__body a {
        padding: 15px;
        background: black;
        background: -moz-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } }
    @media screen and (max-width: 768px) {
      .masthead--special .loop .post-item:nth-child(2) .post-section,
      .masthead--special .loop .post-item:nth-child(3) .post-section,
      .masthead--special .loop .post-item:nth-child(4) .post-section,
      .masthead--special .loop .post-item:nth-child(5) .post-section {
        display: block !important; } }
    .masthead--special .loop .post-item:nth-child(2) .post-title,
    .masthead--special .loop .post-item:nth-child(3) .post-title,
    .masthead--special .loop .post-item:nth-child(4) .post-title,
    .masthead--special .loop .post-item:nth-child(5) .post-title {
      font-size: 22px;
      margin-bottom: 0; }
      @media screen and (max-width: 768px) {
        .masthead--special .loop .post-item:nth-child(2) .post-title,
        .masthead--special .loop .post-item:nth-child(3) .post-title,
        .masthead--special .loop .post-item:nth-child(4) .post-title,
        .masthead--special .loop .post-item:nth-child(5) .post-title {
          font-size: 24px !important;
          margin-bottom: 15px; } }

/*-----------------------------------------------------------

	Specials bar

----------------------------------------------------------- */
.specials-bar {
  display: flex;
  margin-bottom: 30px;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .specials-bar {
      overflow-x: scroll;
      scrollbar-color: transparent transparent;
      scrollbar-width: none; }
      .specials-bar::-webkit-scrollbar {
        width: 0;
        height: 0; }
      .specials-bar::-webkit-scrollbar-track {
        background: transparent; }
      .specials-bar::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 10px;
        border: 0 solid transparent; } }
  .specials-bar .post-item {
    width: 25%;
    position: relative; }
    .specials-bar .post-item a {
      color: #FFF; }
      .specials-bar .post-item a:hover .post-title {
        color: #FFE438; }
    .specials-bar .post-item .post-item__body a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      padding: 30px; }
    .specials-bar .post-item .post-title {
      color: #FFF; }
    .specials-bar .post-item .post-section {
      color: #131315; }
    @media screen and (max-width: 768px) {
      .specials-bar .post-item {
        width: 90%;
        min-width: 90%; } }
  .specials-bar .post-item__media img {
    width: 100%;
    height: 350px;
    object-fit: cover; }
    @media screen and (max-width: 768px) {
      .specials-bar .post-item__media img {
        height: 280px; } }
  .specials-bar .post-item__body a {
    position: relative;
    background: black;
    background: -moz-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
    @media screen and (max-width: 768px) {
      .specials-bar .post-item__body a {
        padding: 15px !important; }
        .specials-bar .post-item__body a .post-meta {
          display: none; } }
  .specials-bar .post-item__body .post-title {
    font-size: 30px; }
    @media screen and (max-width: 768px) {
      .specials-bar .post-item__body .post-title {
        text-align: center;
        font-size: 24px;
        margin-bottom: 15px; } }
  .specials-bar .post-item__body .post-section {
    position: absolute;
    top: 30px;
    left: 30px; }
    @media screen and (max-width: 768px) {
      .specials-bar .post-item__body .post-section {
        display: none; } }

/*-----------------------------------------------------------

	Timeline

----------------------------------------------------------- */
.timeline .title {
  display: flex;
  position: relative;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .timeline .title {
      margin-bottom: 15px; } }
  .timeline .title:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #D0D0D2;
    position: absolute;
    left: 0;
    bottom: 0; }
  .timeline .title > h4,
  .timeline .title > span {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
    position: relative;
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .timeline .title > h4,
      .timeline .title > span {
        font-size: 20px; } }
  .timeline .title > h4:before,
  .timeline .title > span:before {
    content: '';
    width: 100%;
    height: 15px;
    background: #FFE438;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1; }
.timeline .loop {
  flex-direction: column; }
  .timeline .loop .post-item {
    margin-bottom: 30px;
    display: flex; }
    .timeline .loop .post-item .post-item__media {
      margin-right: 30px;
      width: 350px;
      min-width: 350px; }
    .timeline .loop .post-item .post-item__media img {
      width: 100%;
      height: 250px;
      object-fit: cover; }
    .timeline .loop .post-item .post-item__body .post-title {
      font-size: 30px;
      margin-bottom: 0.5em; }
    .timeline .loop .post-item:hover .post-title {
      color: #3A88D5; }
    @media screen and (max-width: 768px) {
      .timeline .loop .post-item {
        margin-bottom: 15px;
        display: flex; }
        .timeline .loop .post-item .post-item__media {
          width: 90px;
          min-width: 90px;
          max-width: 90px;
          height: 90px;
          margin-right: 15px; }
        .timeline .loop .post-item .post-item__media img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .timeline .loop .post-item .post-item__body .post-section {
          display: none; }
        .timeline .loop .post-item .post-item__body .post-title {
          font-size: 18px;
          line-height: 1.2em;
          margin-bottom: 6px; }
        .timeline .loop .post-item .post-item__body .post-summary {
          display: none; }
        .timeline .loop .post-item .post-item__body .post-author {
          display: none; }
        .timeline .loop .post-item .post-item__body .post-time {
          margin-left: 0; } }
.timeline .loop-cta {
  display: flex;
  justify-content: center;
  align-items: center; }
.timeline .btn {
  background: #FFE438;
  color: #131315;
  font-weight: 700;
  border-radius: 5px;
  padding: 0.5em 1em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .timeline .btn:hover {
    background: #2A2C35;
    color: #FFF; }
  .timeline .btn a {
    color: #131315;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .timeline .btn a:hover {
    background: #2A2C35;
    color: #FFF; }

.specials-timeline {
  margin-bottom: 0; }
  .specials-timeline .loop {
    flex-direction: column; }
    .specials-timeline .loop .post-item {
      margin-bottom: 30px;
      display: flex; }
      .specials-timeline .loop .post-item .post-item__media {
        margin-right: 30px;
        width: 350px;
        min-width: 350px; }
      .specials-timeline .loop .post-item .post-item__media img {
        width: 100%;
        height: 250px;
        object-fit: cover; }
      .specials-timeline .loop .post-item .post-item__body .post-title {
        font-size: 30px;
        margin-bottom: 0.5em; }
      .specials-timeline .loop .post-item:hover .post-title {
        color: #3A88D5; }
      @media screen and (max-width: 768px) {
        .specials-timeline .loop .post-item {
          margin-bottom: 15px;
          display: flex; }
          .specials-timeline .loop .post-item .post-item__media {
            width: 90px;
            min-width: 90px;
            max-width: 90px;
            height: 90px;
            margin-right: 15px; }
          .specials-timeline .loop .post-item .post-item__media img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .specials-timeline .loop .post-item .post-item__body .post-section {
            display: none; }
          .specials-timeline .loop .post-item .post-item__body .post-title {
            font-size: 18px;
            line-height: 1.2em;
            margin-bottom: 6px; }
          .specials-timeline .loop .post-item .post-item__body .post-summary {
            display: none; }
          .specials-timeline .loop .post-item .post-item__body .post-author {
            display: none; }
          .specials-timeline .loop .post-item .post-item__body .post-time {
            margin-left: 0; } }
  .specials-timeline .loop-cta {
    display: flex;
    justify-content: center;
    align-items: center; }
  .specials-timeline .btn {
    background: #FFE438;
    color: #131315;
    font-weight: 700;
    border-radius: 5px;
    padding: 0.5em 1em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .specials-timeline .btn:hover {
      background: #2A2C35;
      color: #FFF; }
    .specials-timeline .btn a {
      color: #131315;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .specials-timeline .btn a:hover {
      background: #2A2C35;
      color: #FFF; }

/*-----------------------------------------------------------

	Specials bar

----------------------------------------------------------- */
.media-bar {
  margin-bottom: 30px; }
  .media-bar .loop--slider {
    position: relative;
    overflow: hidden; }
    .media-bar .loop--slider > ul,
    .media-bar .loop--slider .slider-container {
      display: flex;
      width: 100%;
      transition: transform 0.3s ease-in-out;
      margin: 0;
      padding: 0; }
    .media-bar .loop--slider .slider-container li {
      flex-shrink: 0;
      width: 100%;
      list-style-type: none; }
    .media-bar .loop--slider .slider-navigation {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .media-bar .loop--slider .slider-navigation button {
      background-color: transparent;
      border: none;
      cursor: pointer;
      font-size: 1.2rem;
      background: #FFE438;
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 5px;
      font-family: "icons";
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media screen and (max-width: 768px) {
        .media-bar .loop--slider .slider-navigation button {
          width: 50px;
          height: 50px; } }
      .media-bar .loop--slider .slider-navigation button.slider-prev {
        margin-left: 30px; }
        @media screen and (max-width: 768px) {
          .media-bar .loop--slider .slider-navigation button.slider-prev {
            margin-left: 15px; } }
      .media-bar .loop--slider .slider-navigation button.slider-prev:before {
        content: '\F177'; }
      .media-bar .loop--slider .slider-navigation button.slider-next {
        margin-right: 30px; }
        @media screen and (max-width: 768px) {
          .media-bar .loop--slider .slider-navigation button.slider-next {
            margin-right: 15px; } }
      .media-bar .loop--slider .slider-navigation button.slider-next:before {
        content: '\F178'; }
      .media-bar .loop--slider .slider-navigation button:hover {
        background: #FFF; }
    .media-bar .loop--slider .slider-navigation span {
      clip: rect(1px 1px 1px 1px);
      clip: rect(1px, 1px, 1px, 1px);
      position: absolute; }
    .media-bar .loop--slider .slider-dots {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (max-width: 768px) {
        .media-bar .loop--slider .slider-dots {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          bottom: 15px; } }
      .media-bar .loop--slider .slider-dots button {
        width: 2em;
        height: 6px;
        border: none;
        margin: 0 0.5em; }
        @media screen and (max-width: 768px) {
          .media-bar .loop--slider .slider-dots button {
            width: 1.4em;
            margin: 0 0.2em; } }
      .media-bar .loop--slider .slider-dots .active {
        background: #FFE438; }
  .media-bar .loop {
    position: relative; }
    .media-bar .loop:before {
      content: 'Galerías';
      text-transform: uppercase;
      position: absolute;
      top: 30px;
      left: 30px;
      background: #FFE438;
      z-index: 5;
      font-weight: 700;
      font-size: 1.2rem;
      display: block;
      padding: 8px 15px;
      border-radius: 50px; }
      @media screen and (max-width: 768px) {
        .media-bar .loop:before {
          font-size: 0.8rem;
          top: 15px;
          left: 15px; } }
    .media-bar .loop .post-item {
      position: relative; }
      .media-bar .loop .post-item a {
        color: #FFF; }
        .media-bar .loop .post-item a:hover .post-title {
          color: #FFE438; }
      .media-bar .loop .post-item .post-item__body a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        padding: 30px; }
      .media-bar .loop .post-item .post-title {
        color: #FFF; }
      .media-bar .loop .post-item .post-section {
        color: #131315; }
    .media-bar .loop .post-item .post-item__media {
      width: 100%;
      height: 650px; }
      @media screen and (max-width: 768px) {
        .media-bar .loop .post-item .post-item__media {
          height: 400px; } }
    .media-bar .loop .post-item .post-item__media img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .media-bar .loop .post-item .post-item__body a {
      background: rgba(0, 0, 0, 0.6);
      width: 100%;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media screen and (max-width: 768px) {
        .media-bar .loop .post-item .post-item__body a {
          padding: 15px; } }
    .media-bar .loop .post-item .post-item__body .post-section {
      display: none; }
    .media-bar .loop .post-item .post-item__body .post-title {
      width: 60%;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media screen and (max-width: 768px) {
        .media-bar .loop .post-item .post-item__body .post-title {
          font-size: 24px;
          width: 100%;
          text-align: center; } }
    .media-bar .loop .post-item .post-item__body .post-meta {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media screen and (max-width: 768px) {
        .media-bar .loop .post-item .post-item__body .post-meta {
          display: none; } }
    .media-bar .loop .post-item:hover .post-item__body {
      background: none; }
    .media-bar .loop .post-item:hover .post-title {
      opacity: 0; }
    .media-bar .loop .post-item:hover .post-meta {
      opacity: 0; }
  .media-bar .loop-cta {
    display: flex;
    justify-content: center;
    align-items: center; }
  .media-bar .btn {
    background: #FFE438;
    color: #131315;
    font-weight: 700;
    border-radius: 5px;
    padding: 0.5em 1em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .media-bar .btn:hover {
      background: #2A2C35;
      color: #FFF; }
    .media-bar .btn a {
      color: #131315;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .media-bar .btn a:hover {
      background: #2A2C35;
      color: #FFF; }

/*-----------------------------------------------------------

	Specials bar

----------------------------------------------------------- */
.page-nav {
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .page-nav {
      display: none; } }
  .page-nav ul {
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700; }
  .page-nav li {
    margin: 0 30px; }
  .page-nav a {
    display: block;
    color: #131315;
    position: relative; }
  .page-nav a:after {
    content: '';
    display: block;
    background: #FFE438;
    width: 0;
    height: 10px;
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .page-nav a:hover:after {
    width: 100%; }

.media-page .title {
  position: relative;
  border-bottom: solid 1px #D0D0D2;
  margin-bottom: 30px; }
  .media-page .title h1, .media-page .title h2, .media-page .title h3, .media-page .title h4, .media-page .title h5, .media-page .title h6 {
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 0;
    position: relative;
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .media-page .title h1, .media-page .title h2, .media-page .title h3, .media-page .title h4, .media-page .title h5, .media-page .title h6 {
        font-size: 22px; } }
    .media-page .title h1:after, .media-page .title h2:after, .media-page .title h3:after, .media-page .title h4:after, .media-page .title h5:after, .media-page .title h6:after {
      content: '';
      display: block;
      width: 100%;
      height: 10px;
      background: #FFE438;
      position: absolute;
      bottom: 0;
      z-index: -1; }

.media-page .loop-cta {
  margin-bottom: 30px;
  text-align: center; }

.media-page .loop-cta .btn {
  margin: 0 auto;
  display: inline-block;
  background: #FFE438;
  color: #131315;
  font-weight: 700;
  border-radius: 5px;
  padding: 0.5em 1em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .media-page .loop-cta .btn:hover {
    background: #2A2C35;
    color: #FFF; }
  .media-page .loop-cta .btn a {
    color: #131315;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .media-page .loop-cta .btn a:hover {
    background: #2A2C35;
    color: #FFF; }

@media screen and (max-width: 768px) {
  .video-loop .loop {
    overflow: scroll;
    scrollbar-color: transparent transparent;
    scrollbar-width: none; }
    .video-loop .loop::-webkit-scrollbar {
      width: 0;
      height: 0; }
    .video-loop .loop::-webkit-scrollbar-track {
      background: transparent; }
    .video-loop .loop::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0);
      border-radius: 10px;
      border: 0 solid transparent; } }
.video-loop .loop .post-item {
  margin-right: 30px;
  width: 25%;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 768px) {
    .video-loop .loop .post-item {
      width: 80%;
      min-width: 80%; } }
  .video-loop .loop .post-item .post-item__media:last-child {
    margin-right: 0; }
  .video-loop .loop .post-item a:hover .post-title {
    color: #2A2C35; }
  .video-loop .loop .post-item .post-item__media {
    margin-bottom: 15px; }
  .video-loop .loop .post-item .post-item__media img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .video-loop .loop .post-item .post-item__body .post-section,
  .video-loop .loop .post-item .post-item__body p {
    display: none; }
  .video-loop .loop .post-item .post-item__body .post-title {
    font-size: 22px;
    margin-bottom: 8px; }
  .video-loop .loop .post-item .post-item__body .post-time {
    margin-left: 0 !important; }
  .video-loop .loop .post-item:hover .post-item__body .post-title {
    color: #3A88D5; }

.info-loop .loop {
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .info-loop .loop {
      overflow: scroll;
      scrollbar-color: transparent transparent;
      scrollbar-width: none; }
      .info-loop .loop::-webkit-scrollbar {
        width: 0;
        height: 0; }
      .info-loop .loop::-webkit-scrollbar-track {
        background: transparent; }
      .info-loop .loop::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 10px;
        border: 0 solid transparent; } }
  .info-loop .loop .post-item {
    width: 25%;
    margin-right: 30px;
    position: relative; }
    .info-loop .loop .post-item a {
      color: #FFF; }
      .info-loop .loop .post-item a:hover .post-title {
        color: #FFE438; }
    .info-loop .loop .post-item .post-item__body a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      padding: 30px; }
    .info-loop .loop .post-item .post-title {
      color: #FFF; }
    .info-loop .loop .post-item .post-section {
      color: #131315; }
    @media screen and (max-width: 768px) {
      .info-loop .loop .post-item {
        width: 80%;
        min-width: 80%; } }
    .info-loop .loop .post-item:last-child {
      margin-right: 0; }
    .info-loop .loop .post-item .post-item__media {
      width: 100%;
      height: 400px; }
    .info-loop .loop .post-item .post-item__media img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover; }
    .info-loop .loop .post-item .post-item__body {
      text-align: center; }
    .info-loop .loop .post-item .post-item__body a {
      align-items: center;
      padding: 15px 8px;
      background: black;
      background: -moz-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
    .info-loop .loop .post-item .post-item__body .post-title {
      font-size: 22px;
      margin-bottom: 8px;
      line-height: 1em; }
    .info-loop .loop .post-item .post-item__body .post-time {
      margin-left: 0; }
    .info-loop .loop .post-item .post-item__body p,
    .info-loop .loop .post-item .post-item__body .post-section {
      position: absolute;
      top: -1000vh; }

.loop--slider {
  margin-bottom: 30px; }

/*-----------------------------------------------------------

	Slider

----------------------------------------------------------- */
.opinion-bar {
  margin-bottom: 30px;
  padding: 30px 0;
  background: #3A88D5; }
  .opinion-bar .title {
    color: #FFF;
    position: relative;
    z-index: 1;
    display: flex;
    position: relative;
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      .opinion-bar .title {
        margin-bottom: 15px; } }
    .opinion-bar .title:before {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: #D0D0D2;
      position: absolute;
      left: 0;
      bottom: 0; }
    .opinion-bar .title > h4,
    .opinion-bar .title > span {
      text-transform: uppercase;
      font-size: 30px;
      font-weight: 700;
      margin-bottom: 0;
      position: relative;
      display: inline-block; }
      @media screen and (max-width: 768px) {
        .opinion-bar .title > h4,
        .opinion-bar .title > span {
          font-size: 20px; } }
    .opinion-bar .title > h4:before,
    .opinion-bar .title > span:before {
      content: '';
      width: 100%;
      height: 15px;
      background: #FFE438;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: -1; }
    .opinion-bar .title:before {
      opacity: 0.2; }
    .opinion-bar .title h4:before {
      background: #2A2C35; }
  .opinion-bar .loop {
    display: flex;
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      .opinion-bar .loop {
        overflow-x: scroll;
        width: calc(100vw - $global-spacing-unit-small);
        margin-left: -15px;
        padding-left: 15px;
        scrollbar-color: transparent transparent;
        scrollbar-width: none; }
        .opinion-bar .loop::-webkit-scrollbar {
          width: 0;
          height: 0; }
        .opinion-bar .loop::-webkit-scrollbar-track {
          background: transparent; }
        .opinion-bar .loop::-webkit-scrollbar-thumb {
          background-color: rgba(0, 0, 0, 0);
          border-radius: 10px;
          border: 0 solid transparent; } }
  .opinion-bar .post-item {
    width: 25%;
    border-right: solid 1px rgba(255, 255, 255, 0.4);
    margin-right: 8px;
    padding-right: 8px;
    display: flex; }
    .opinion-bar .post-item .post-item__media {
      margin-right: 15px; }
    .opinion-bar .post-item .post-item__body .post-title {
      font-size: 1rem;
      margin-bottom: 0; }
    .opinion-bar .post-item:hover .post-title {
      color: #FFE438; }
    .opinion-bar .post-item:hover .post-item__media img {
      filter: grayscale(0); }
    @media screen and (max-width: 768px) {
      .opinion-bar .post-item {
        width: 90%;
        min-width: 90%; } }
    .opinion-bar .post-item .post-item__media {
      width: 100px;
      min-width: 100px;
      height: 100px;
      position: relative; }
    .opinion-bar .post-item .post-item__media:after {
      content: '';
      display: block;
      width: 32px;
      height: 32px;
      background: url("../assets/images/avatar-icon.png");
      position: absolute;
      top: -10px;
      right: -10px; }
    .opinion-bar .post-item .post-item__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 5px;
      filter: grayscale(100%);
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .opinion-bar .post-item:last-child {
      border-right: none;
      margin-right: none;
      padding-right: none; }
    .opinion-bar .post-item .post-title {
      color: #FFF;
      line-height: 1.2em;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .opinion-bar .post-item .post-title:after {
      content: '-';
      display: block; }
    .opinion-bar .post-item .post-meta {
      color: #FFF; }
  .opinion-bar .loop-cta {
    display: flex;
    justify-content: center;
    align-items: center; }
    .opinion-bar .loop-cta .btn {
      background: #FFE438;
      color: #131315;
      font-weight: 700;
      border-radius: 5px;
      padding: 0.5em 1em;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .opinion-bar .loop-cta .btn:hover {
        background: #2A2C35;
        color: #FFF; }
      .opinion-bar .loop-cta .btn a {
        color: #131315;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      .opinion-bar .loop-cta .btn a:hover {
        background: #2A2C35;
        color: #FFF; }

/*-----------------------------------------------------------

	Mastehad element

----------------------------------------------------------- */
.author-header {
  border-bottom: solid 2px #D0D0D2;
  margin-bottom: 30px;
  padding-bottom: 30px; }
  .author-header a {
    text-decoration: none;
    color: #131315;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .author-header a:hover {
    color: #3A88D5; }
  .author-header .author-box {
    display: flex;
    flex-direction: row; }
  .author-header .author-box__image {
    width: 180px;
    min-width: 180px;
    height: 180px;
    margin: 0 30px 0 0; }
  .author-header .author-box__image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .author-header .author-box__info .author-name {
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 0; }
  .author-header .author-box__info .author-mail {
    margin-bottom: 15px;
    display: inline-block; }
  .author-header .author-box__links {
    display: flex; }
  .author-header .author-box__links > a {
    margin-right: 8px; }

.author-content .wrapper > div:nth-child(1) .post-item {
  margin-bottom: 30px;
  display: flex; }
  .author-content .wrapper > div:nth-child(1) .post-item .post-item__media {
    margin-right: 30px;
    width: 350px;
    min-width: 350px; }
  .author-content .wrapper > div:nth-child(1) .post-item .post-item__media img {
    width: 100%;
    height: 250px;
    object-fit: cover; }
  .author-content .wrapper > div:nth-child(1) .post-item .post-item__body .post-title {
    font-size: 30px;
    margin-bottom: 0.5em; }
  @media screen and (max-width: 768px) {
    .author-content .wrapper > div:nth-child(1) .post-item {
      margin-bottom: 15px;
      display: flex; }
      .author-content .wrapper > div:nth-child(1) .post-item .post-item__media {
        width: 90px;
        min-width: 90px;
        max-width: 90px;
        height: 90px;
        margin-right: 15px; }
      .author-content .wrapper > div:nth-child(1) .post-item .post-item__media img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .author-content .wrapper > div:nth-child(1) .post-item .post-item__body .post-section {
        display: none; }
      .author-content .wrapper > div:nth-child(1) .post-item .post-item__body .post-title {
        font-size: 18px;
        line-height: 1.2em;
        margin-bottom: 6px; }
      .author-content .wrapper > div:nth-child(1) .post-item .post-item__body .post-summary {
        display: none; }
      .author-content .wrapper > div:nth-child(1) .post-item .post-item__body .post-author {
        display: none; }
      .author-content .wrapper > div:nth-child(1) .post-item .post-item__body .post-time {
        margin-left: 0; } }

/*-----------------------------------------------------------

	Element for the header

----------------------------------------------------------- */
.footer-nav {
  padding: 8px 0;
  border-top: solid 1px #2A2C35;
  border-bottom: solid 1px #2A2C35; }
  .footer-nav .wrapper {
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 768px) {
      .footer-nav .wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
  .footer-nav .logo {
    width: 120px; }
    @media screen and (max-width: 768px) {
      .footer-nav .logo {
        width: 90px;
        margin-bottom: 15px; } }
  .footer-nav .logo img {
    width: 100%;
    height: auto;
    display: block;
    filter: brightness(0%);
    opacity: 0.8; }
  .footer-nav .nav--footer {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end; }
    @media screen and (max-width: 768px) {
      .footer-nav .nav--footer {
        width: calc(100vw - $global-spacing-unit-small);
        border-top: solid 1px #2A2C35;
        justify-content: center; } }
  @media screen and (max-width: 768px) {
    .footer-nav .nav--footer ul {
      flex-direction: column; } }
  .footer-nav .nav--footer li {
    border-right: solid 1px #2A2C35;
    padding: 0 15px;
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .footer-nav .nav--footer li {
        border-right: 0;
        padding: 8px; } }
  .footer-nav .nav--footer li:last-child {
    border-right: 0;
    margin-right: 0; }
  .footer-nav .nav--footer a {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #2A2C35;
    position: relative; }
  .footer-nav .nav--footer a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: #2A2C35;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .footer-nav .nav--footer a:hover:after {
    width: 100%; }

body.specials_post .footer-nav {
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #FFF; }
  body.specials_post .footer-nav .logo img {
    filter: brightness(100%); }
  @media screen and (max-width: 768px) {
    body.specials_post .footer-nav .nav--footer {
      border-top: solid 1px #FFF; } }
  body.specials_post .footer-nav .nav--footer li {
    border-right: solid 1px #FFF; }
  body.specials_post .footer-nav .nav--footer a {
    color: #FFF; }
  body.specials_post .footer-nav .nav--footer a:after {
    background: #FFF; }

.footer-disclaimer {
  padding: 15px; }
  .footer-disclaimer p {
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 0 60px; }
    @media screen and (max-width: 768px) {
      .footer-disclaimer p {
        padding: 0; } }

body.specials_post p {
  color: #FFF; }

.footer-copy {
  background: #2A2C35;
  color: #FFF;
  padding: 15px 0; }
  .footer-copy p {
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 0 60px; }
    @media screen and (max-width: 768px) {
      .footer-copy p {
        padding: 0; } }

.footer-social .social-buttons {
  padding: 15px;
  border-top: dashed 1px #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row; }
.footer-social .social-buttons p {
  text-transform: uppercase;
  color: #FFF;
  font-size: 14px;
  margin-bottom: 15px; }
.footer-social .social-buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2A2C35;
  background: #D0D0D2;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  text-decoration: none;
  margin-right: 0.2em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.footer-social .social-buttons a:hover {
  background: #FFE438; }

/*# sourceMappingURL=styles.css.map */

/* Estilos para centrar anuncios */
.ad-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 20px 0;
}

.img_ad {
  display: block;
  margin: 0 auto;
  text-align: center;
}

/* Centrado específico para anuncios con contenedor div */
.centered-ad {
  text-align: center;
  width: 100%;
  margin: 20px auto;
  display: block;
}

.centered-ad img {
  margin: 0 auto;
  display: block;
}

/* Estilo para divs de Google Publisher Tag */
div[id*='div-gpt-ad'] {
  text-align: center;
  margin: 20px auto;
  display: block;
}

/* Corrección para centrar banner superior */
.ads-header > div {
  margin: 15px auto !important;
  width: 100%;
  text-align: center;
  display: block;
}

/* Asegurar que los anuncios del header estén centrados */
.ads-header {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

.ads-header img {
  margin: 0 auto !important;
  display: block !important;
}