/*
Theme Name: Popeye Child
Description: Introducing Popeye WordPress hosting.  A powerful and simplified pre-installed version of WordPress with 200+ examples and world class support at your service.  We manage your plugins and security so you can focus on design & creation.  Simplicity for creatives.
Author: Popeye™
Author URI: https://popeye.cloud
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* the container */

@font-face {
  font-family: '205TF-Exposure';
  src: url('fonts/205TF-Exposure') format('woff2'), url('fonts/205TF-Exposure') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: '205TF-Exposure50';
  src: url('fonts/205TF-Exposure50.woff2') format('woff2'), url('fonts/205TF-Exposure50.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'voodoovillage';
  src: url('fonts/voodoovillage.woff2') format('woff2'), url('fonts/voodoovillage.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'pixelmixregular';
  src: url('fonts/pixelmix-webfont.woff2') format('woff2'), url('fonts/pixelmix-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'pixelmixbold';
  src: url('fonts/pixelmix_bold.woff2') format('woff2'), url('fonts/pixelmix_bold.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display/SF-Pro-Display-Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display/SF-Pro-Display-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display/SF-Pro-Display-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display/SF-Pro-Display-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display/SF-Pro-Display-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display/SF-Pro-Display-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display/SFProDisplay-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display/SF-Pro-Display-Thin.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display/SF-Pro-Display-Ultralight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'FeijoaWeb';
    src: url('fonts/FeijoaWeb-MediumItalic.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

.footer-player-wrapper iframe {
	display: none;
}
.mixcloud-visible #mix-cloud {
	display: block;
}
.sd-player {
  display: none;
}
.soundcloud-visible .sd-player {
  display: flex;
}

:not(.tmb-overlay-showed).tmb-overlay-anim.tmb .t-entry-visual:hover .t-entry-visual-overlay, :not(.tmb-overlay-showed).tmb-overlay-anim.tmb .t-entry-visual:focus .t-entry-visual-overlay {
    opacity: 0;
}
:not(.tmb-overlay-showed).tmb-overlay-anim.tmb .t-entry-visual:hover a:hover .t-entry-visual-overlay, :not(.tmb-overlay-showed).tmb-overlay-anim.tmb .t-entry-visual:focus .t-entry-visual-overlay {
    opacity: 1;
}
.header-wrapper .header-content.header-icon-content {
    width: 100% !important;
}
.play-button {
    width: 40px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transform: translateY(-50%) translateX(-50%);
    cursor: pointer;
}
.play-button.play {
    background-image: url(img/play.png);
}
.play-button.play:hover, .play-button.play:active {
    background-image: url(img/play_overlay.png);
}
.play-button.pause {
    background-image: url(img/pause.png);
}
.play-hidden.play {
    display: none;
}
.t-entry-visual:hover .play-hidden {
	display: block;
}

.footer-player-wrapper {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 9;
display: flex;
}
.mixcloud-visible .site-footer:after {
  content: " ";
  display: block;
  height: 60px;
}
@media (max-width: 569px) {
  .soundcloud-visible .site-footer:after {
    content: " ";
    display: block;
    height: 60px;
  }
}

body.loading {
	background-color: #fff !important;
}
body.loading .box-wrapper {
	opacity: 0.2;
}
.loader_container {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
body.loading .loader_container {
    display: block;
}

body div.menu-container {
  margin-top: 0 !important;
}
.audio12-html5-wrapper {
  height: 46px;
  width: 100%;
  margin-top: 9px;
}
.audio12_html5_the_wrapper {
  position: initial !important;
  padding-top: 1px;
}
.audio12_html5_the_wrapper {
  box-shadow: 0px -4px 0 0px #efa19e, 0 0 0 5px #fff, 0 0 0 9px #000000, 0 11px 0 0px #ffffff !important;
}
.main-menu-container {
  z-index: 2;
}
@media (max-width: 959px) {
  .play-button {
    width: 10%;
    top: auto;
    bottom: 0;
    left: 0;
    padding-top: 10%;
    height: 10%;
    transform: none;
    min-width: 30px;
    min-height: 30px;
  }
  .play-button.play {
    background-image: url(img/play-mobile.png);
  }
  .play-button.play:hover,
  .play-button.play:active {
    background-image: url(img/play-mobile.png);
  }
  .play-button.pause {
    background-image: url(img/pause-mobile.png);
  }
  .play-hidden.play {
    display: block;
  }
}
:not(.tmb-overlay-showed).tmb-overlay-anim.tmb .t-entry-visual:hover .t-entry-visual-overlay {
    opacity: 1;
}