/*
Theme Name: IvanShopov
Author: THEPOSTHUMAN
Author URI: https://www.theposthuman.net/
Version: 1.0.0
*/

.backstretch { background: url('img/white-bg-compressor.jpg') no-repeat; background-size: cover; width: 100%; height: 100vh; position: fixed; left: 0px; top: 0px; z-index: -999999; }
header { height: 90px; }
a:hover { transition: all .5s ease; }
a:focus { outline: 0px !important; }
.button { background: transparent; color: #000; letter-spacing: 3px; }
.button:hover, .button:focus, .button:active { background: #000 !important; color: #FFF !important; text-shadow: none !important;     }
.button.is-checked { text-shadow: none; }
.go-back { border-bottom: 1px dotted #000; text-transform: uppercase; font-size: 12px; letter-spacing: 5px; padding: 10px 0; margin-top: 40px; display: inline-block; }
.page-header { width: 100%; margin: 50px 0; }
.page-header h1 { font-size: 60px; letter-spacing: 15px; line-height: 100px; text-align: center; color: #000; margin: 0px; }
.blur { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.padding { padding: 20px; }
.h-custom-headline { margin-top: 0px; }
.border-white { border: 10px solid #FFF; }
.margin-top { margin-top: 40px; }
.margin-bottom { margin-bottom: 40px; }
.content-container { max-width: 1200px; margin: 0 auto; }
.x-navbar .mobile .x-nav li > a { text-align: left; }
.x-navbar .mobile .x-nav ul { margin: 0px; }
.x-sub-toggle { width: 100%; }
.x-sub-toggle > span { text-align: right; }
.x-sub-toggle.x-active > span { color: #999; }
.menu-item.x-active > a { font-weight: bold !important; }
.x-btn-navbar, .x-btn-navbar.collapsed, .x-btn-navbar.collapsed:hover { color: #000; text-shadow: none; border: 0px; background-color: transparent; box-shadow: none; padding-right: 0px; }
.x-btn-navbar { color: #000; }
.entry-404 { max-width: 600px; margin: 0 auto; letter-spacing: 1px; text-align: center; }

/* Header */

.x-navbar { border: 0px; text-transform: uppercase; border: 0px !important; }
.x-navbar span { letter-spacing: 1px; }
.x-navbar .sub-menu { text-align: right; }
.x-navbar .sub-menu a:hover { background: transparent !important; }
.x-navbar .sub-menu a:hover span { border-bottom: 1px dotted #000;  }
.x-navbar .desktop .x-nav > li { border: 0px !important; }
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > li > a:focus { background-color: #FFF !important; border: 0px !important }
.x-navbar .desktop .x-nav > li:hover, .x-navbar .desktop .x-nav > li:focus, .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > li > a { background-color: #FFF !important; border: 0px !important; }
.x-navbar .desktop .menu > li > a { letter-spacing: 2px; }
.x-navbar .desktop .menu a { letter-spacing: 1px; }
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) { border: 0px !important; }
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > li > a:active, .x-navbar .desktop .x-nav > li > a:focus { border: 0px !important; }
.x-navbar .desktop .sub-menu { margin-top: 15px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.x-navbar .desktop .sub-menu .current-menu-item > a:hover, x-navbar .desktop .sub-menu .current-menu-item > a:focus { border: 0px !important; }
.x-navbar .desktop .x-nav > li.x-active, .x-navbar .desktop .x-nav > * { border: 0px !important; }
.menu-item:focus { border: 0px !important; }
.x-navbar .menu-item-has-children > a:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; display: inline-block; padding-left: 8px; }
.x-navbar .menu-item-has-children:hover .sub-menu { display: block; }
.x-navbar .sub-menu a:hover { text-decoration: 1px dotted #000; }
.x-nav-wrap.mobile.collapse.active { display: block; height: 100vh; }
.x-navbar .sub-menu a:before, .x-navbar .sub-menu a:after { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.x-navbar .sub-menu a:before { bottom: 0; display: block; height: 2px; width: 0%; content: ""; background-color: #000; }
.x-navbar .sub-menu a:after { left: 0; top: 0; padding: 0.5em 0; position: absolute; content: attr(data-hover); color: #ffffff; white-space: nowrap; max-width: 0%; overflow: hidden; }
.x-navbar .sub-menu a:hover:before, .x-navbar .sub-menu .current a:before { opacity: 1; width: 82%; }

/* Home */

#home { padding-top: 80px; }
#home .entry-wrap { background-color: transparent; box-shadow: none; padding: 0px; padding-top: 50px; }
#home h3 { margin-top: 0px; margin-bottom: 20px; font-weight: 100; letter-spacing: 5px; }
#home img { border: 10px solid #FFF; }
#home a { font-weight: bold; color: #333; border-bottom: 1px dotted #333; }
#home a:hover, #home a:focus { color: #000; }

/* Custom Portfolio */

.custom-portfolio { padding-bottom: 80px; }
.custom-portfolio .entry-title { margin-top: 10px; margin-bottom: 20px; }
.custom-portfolio .entry-title a { font-size: 16px; line-height: 16px; font-weight: bold; }
.custom-portfolio .image { margin: 0 auto; }
/* .custom-portfolio .image a img { max-height: 250px; } */
.custom-portfolio .image.album a img { max-height: none; }
.custom-portfolio .sidebar { padding: 20px; }
.custom-portfolio .text { padding-left: 40px; }
.custom-portfolio .company, .custom-portfolio .label, .custom-portfolio .subtitle { font-family: "Roboto",sans-serif; font-size: 12px; letter-spacing: 0.5px; font-weight: 400; text-transform: uppercase; }
.custom-portfolio .description { font-family: "Roboto",sans-serif; font-size: 11px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; }
.custom-portfolio .portfolio-item { padding-bottom: 10px; }
.custom-portfolio.single { margin-top: 80px; }
.custom-portfolio.single img { width: 100%; padding-bottom: 20px; }
.custom-portfolio.single .page-header h1 { letter-spacing: 5px; }
.custom-portfolio.single .button { margin-top: 0px; border-color: #000; color: #000; font-weight: bold; padding: 12px 20px; }
.custom-portfolio.single .title { font-family: "Roboto",sans-serif; font-size: 18px; font-weight: 400; }
.custom-portfolio.single .excerpt { font-size: 12px; font-weight: 400; padding: 20px 0; }

/* Samplepacks */

#samplepacks.custom-portfolio .image a img { max-height: none; }
#samplepacks.custom-portfolio.single .image { text-align: left; margin: 0px; }

/* Releases */

.list-all { text-align: center; font-family: 'Roboto'; font-weight: 100; letter-spacing: 3px; font-size: 15px; text-transform: uppercase; width: 100%; display: block; margin-bottom: 20px; }
.grid-item { padding: 10px; width: 24.5%; }
.grid-item--width2 { width: 50%; }
.release { }
.release .container { }
.release strong { color: #000; padding-top: 20px; font-family: 'Roboto'; font-size: 16px; line-height: 18px; font-weight: 400; padding-top: 10px; padding-bottom: 5px; display: block; }
.release .label { margin-bottom: 0px; text-transform: uppercase; font-family: 'Roboto'; font-size: 11px; letter-spacing: 1px; }

.filter-container { margin-bottom: 40px; }
#filters { text-align: center; }
#filters .button { color: #000; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-shadow: none; padding: 10px; border: 2px solid #000 !important; margin: 5px; }
#filters .button.selected { color: #FFF; background-color: #000 !important; }
.pagination { display: none; }
#infscr-loading { display: none !important; }

/* Albums */
#albums .label { margin-bottom: 20px; }

/* Projects */

#projects .project { color: #000; margin-bottom: 40px; position: relative; }
#projects .title { font-family: "Roboto",sans-serif; font-size: 22px; line-height: 28px; letter-spacing: 1px; font-weight: 500; margin-bottom: 8px; text-transform: uppercase; }
#projects .image { margin-bottom: 15px; }
#projects .image img { filter: grayscale(100%); transition: filter 0.5s ease-in-out; }
#projects .image img:hover { filter: grayscale(0%); }
#projects .description { font-family: "Roboto",sans-serif; font-size: 12px; line-height: 20px; font-weight: 400; min-height: 140px; letter-spacing: 0px; text-transform: none; margin-top: 5px; }
#projects .social { text-align: left; margin-bottom: 20px; }
#projects .social a { padding: 5px; font-size: 21px; }
#projects .bottom-info { position: relative; bottom: -10px; }
#projects .view-all-releases { color: #000; font-size: 12px; letter-spacing: 1px; font-weight: 600; }
#projects .label-website { background: #000; color: #FFF; padding: 8px 11px; font-size: 11px; font-weight: bold; line-height: 12px; border-radius: 5px; display: inline-block; text-transform: uppercase; }
#projects .embed { margin-bottom: 40px; }
#projects .embed.video { width: 100%; height: auto; aspect-ratio: 16 / 9; }
#projects .button { margin-bottom: 15px; }
#projects .button.book { background-color: #000; color: #FFF; }
#projects .button.book:hover, #projects .button.book:focus { background-color: transparent !important; color: #000 !important; }
#projects .style { margin-top: 8px; }
#projects .style span { font-weight: bold; }
#projects ul.project-styles { list-style-type: none; padding: 0px; margin: 0px; margin-top: 10px; }
#projects ul.project-styles li { display: inline-flex; background-color: #FFF; color: #000; font-size: 11px; font-weight: 600; border-radius: 25px; padding: 4px 10px; margin-right: 4px; margin-bottom: 6px; }
#projects.single h1 { margin-top: 0px; letter-spacing: 2px; }
#projects.single .image { padding-bottom: 0px; }
#projects.single .image img { padding: 0px; filter: grayscale(0%); }
#projects.single .social { margin-top: 20px; }
#projects.single .title { margin-bottom: 20px; }
#projects.single .bio { margin-top: 20px; margin-bottom: 60px; }
#projects.single .bio p { font-size: 15px; line-height: 28px; font-weight: 400; }
#projects.single .label { font-size: 14px; }
#projects.single iframe { min-width: 100%; }
#projects.single ul.project-styles { margin-top: 20px; }
#projects.single ul.project-styles li { padding: 6px 14px; font-size: 13px; margin-right: 6px; }
#projects.single .container-news { margin-top: 40px; }
#projects.single ul.project-news { list-style-type: none; padding: 0px; margin: 0px; margin-bottom: 40px; }
#projects.single ul.project-news li { background-color: #FFF;; padding: 20px; border-radius: 4px; margin-bottom: 20px; }
#projects.single ul.project-news li .news-title { margin-top: 0px; font-family: "Roboto",sans-serif; font-size: 17px; margin-bottom: 5px; line-height: 26px; font-weight: 500; letter-spacing: 0px; text-transform: none; }
#projects.single ul.project-news li a { font-weight: bold; text-decoration: none; }
#projects.single ul.project-news li a:focus, #projects.single ul.project-news li a:hover { text-decoration: underline; }

/* Labels */

#labels .project { background: #FFF; color: #000; margin-bottom: 40px; position: relative; }
#labels .title { font-family: "Roboto",sans-serif; font-size: 28px; line-height: 28px; letter-spacing: 5px; font-weight: 300; padding: 20px 0; text-transform: uppercase; }
#labels .labels { font-family: "Roboto",sans-serif; font-size: 12px; letter-spacing: 1px; font-weight: 400; padding-bottom: 20px; text-transform: uppercase; }
#labels .description { font-family: "Roboto",sans-serif; font-size: 13px; text-transform: none; letter-spacing: 0px; font-weight: 400; min-height: 90px; }
#labels .social { float: left; position: relative; top: -2px; }
#labels .social a { padding: 5px; font-size: 20px; }
#labels .bottom-info { position: relative; bottom: -10px; }
#labels .view-all-releases { background: #000; color: #FFF; padding: 8px 11px; font-size: 11px; font-weight: bold; line-height: 12px; border-radius: 5px; display: inline-block; }
#labels .label-website { float: left; font-weight: bold; padding: 8px 11px; padding-left: 0px; font-size: 11px; font-weight: bold; line-height: 12px; display: inline-block; text-transform: uppercase; }
#labels .label img { margin: 0 auto; }

/* Services */

#services .title { font-family: "Roboto",sans-serif; font-size: 28px; line-height: 28px; letter-spacing: 3px; font-weight: 100; padding-bottom: 5px; text-transform: uppercase; padding-bottom: 10px; }
#services .service { font-family: "Roboto",sans-serif; font-size: 12px; letter-spacing: 1px; font-weight: 400; padding-bottom: 20px; text-transform: uppercase; }
#services .description { font-family: "Roboto",sans-serif; font-size: 13px; text-transform: none; letter-spacing: 0px; font-weight: 400; min-height: 90px; }
#services .image { max-width: initial !important; }

/* Tour */

#tour { padding-bottom: 80px; }
#tour div { font-family: "Roboto" !important; text-transform: uppercase; letter-spacing: 2px; }
#tour h2 { text-align: center; letter-spacing: 5px; padding-bottom: 20px; font-size: 30px; }
#tour h2.past { padding-top: 40px; }
#tour .blur { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }
#tour .tour-list { border-bottom: 1px solid #333; padding: 20px; margin: 0 auto; }
#tour .date { text-align: left; }
#tour .tickets { border: 3px solid #000 !important; color: #000 !important; letter-spacing: 4px; background: transparent !important; padding: 10px; font-weight: bold; }
#tour .tickets:hover { background: #000 !important; color: #FFF !important; }
#tour .alias { font-weight: 400; letter-spacing: 1px; }

/* Art */

body.single-art .entry-wrap { background-color: transparent; box-shadow: none; }
body.single-art .entry-header .p-meta { display: none; }
#art .button-buy { margin-top: 0px; border-color: #000; color: #000 !important; margin-bottom: 10px; padding: 12px 20px; }
#art .button-buy:hover, #art .button-buy:active { color: #FFF !important; background-color: #000; }
#art .title { font-family: "Roboto",sans-serif; font-size: 24px; line-height: 28px; font-weight: 400; padding-top: 0px; padding-bottom: 10px; text-transform: uppercase; }
#art .description { letter-spacing: 0px; font-size: 12px; line-height: 16px; text-transform: none; }
#art .description a { font-size: inherit; font-weight: bold; border-bottom: 1px dotted #333; }
#art .item-price { font-size: 24px; margin-bottom: 10px; }
#art .get-in-touch { font-size: 11px; font-weight: normal; }
#art .get-in-touch a { font-size: inherit; }
#art.custom-portfolio .image { max-width: none; max-height: 600px; }
#art.custom-portfolio .entry-title { text-align: center; }

/* Scoring */

#scoring.custom-portfolio .image { max-width: none; }
#scoring .scoring-title { text-align: center; letter-spacing: 5px; font-weight: 100; padding-bottom: 40px; }
#scoring.single .scoring-title { padding: 0px 40px; }
#scoring.single a { font-weight: bold; }
#scoring .scoring-year { text-align: center; letter-spacing: 5px; font-weight: 700; padding-bottom: 40px; }
#scoring .year { font-size: 14px; font-weight: bold; padding-top: 5px; }
#scoring.custom-portfolio .entry-title { margin-bottom: 0px; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Ableton Workshops */

body.ableton-workshops .page-content { text-align: center; text-transform: uppercase; letter-spacing: 3px; }
body.ableton-workshops .page-content br { border-bottom: 1px solid #333; display: block; }
body.ableton-workshops .x-text { font-size: 12px; }

/* Contact */

#contact { padding-top: 80px; }
#contact h3 { margin-top: 0px; margin-bottom: 20px; font-weight: 300; letter-spacing: 5px; }
#contact .entry-wrap { padding-top: 50px; }
#contact .entry-wrap  { background-color: transparent; padding: 0px; box-shadow: none; }
#contact .wpcf7 p { text-transform: uppercase; letter-spacing: 1px; }
#contact .wpcf7 input, #contact .wpcf7 textarea { box-shadow: none; border: 1px solid #000; border-radius: 0px; background-color: transparent; color: #000; font-weight: 400; padding: 10px; }
#contact .wpcf7 input[type="submit"] { font-weight: bold; border-width: 3px; margin-top: 20px; letter-spacing: 5px; }
#contact .wpcf7 input[type="submit"]:hover { background: #000; color: #FFF; }
#contact img { border: 10px solid #FFF; }

/* Footer */

.x-colophon { border: 0px; background-color: transparent; box-shadow: none; padding: 40px !important; padding-top: 0px !important; }

/* Media Queries */

@media (max-width: 980px) {
    .x-navbar .sub-menu { text-align: left; border-left: 3px solid #DDD; padding-left: 10px; }
    .x-navbar { font-size: 14px; }
    .x-navbar ul { list-style-type: none; margin: 0px; }
    .x-navbar .x-nav-wrap.mobile { padding-top: 20px; }
    .x-navbar ul li { padding: 5px 0; }
    .x-navbar .menu-item-has-children > a { font-weight: bold; text-decoration: none; }
}
@media (max-width: 768px) {
    .page-header h1 { font-size: 40px; line-height: 80px; }
    .blur { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }
}
@media (max-width: 767px) {
    .grid-item { width: 50%; }
    #sound-design.single .text { padding: 0px; padding-top: 40px; }
    #home, #contact { padding-top: 40px; }
    .custom-portfolio.single { margin-top: 40px; }
    .custom-portfolio .text { padding-left: 0px; padding-top: 40px; }
}
@media (max-width: 414px) {
    .page-header h1 { font-size: 20px; line-height: 40px; }
    #tour .tour-list { padding: 0px; padding-bottom: 20px; }
    #tour h2 { font-size: 20px; }
    .x-colophon.bottom .x-social-global a { margin: 0 3%; }
}