/*
 Theme Name:   Pastushkov Theme
 Theme URI:    https://generatepress.com/
 Description:  Pastushkov Music Theme
 Author:       Roman Ustinov
 Author URI:   http://ruwd.ee
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

body {
	text-align: center;	
}

.noscroll {
	position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.inside-header {
	padding: 0;
	position: fixed;
	left: 0;
	right: 0;
	padding: 30px;
	z-index: 2;
}

.inside-header .main-navigation .main-nav ul li a {
	font-size: 20px;
	font-family: Roboto, sans-serif;
	letter-spacing: -0.89px;
}

span.mobile-menu {
  display: none;
}


.inside-header .main-navigation .main-nav a:hover,
#home-main-menu .menu a:hover {
	color: #637796;
}

.home .inside-navigation {
	display: none;
}

.sticky {
	background: #000;
	z-index: 2;
}

.nav-float-right .inside-header .main-navigation {
	display: inline-block;
	float: none;
	vertical-align: middle;
}

.nav-float-right .inside-header .site-branding {
	vertical-align: middle;
}

.main-navigation {
	border-left: 1px solid #4f4f4f;
	margin-left: 16px;
}

.main-navigation, 
.main-navigation ul ul {
	background: transparent;
}

.main-navigation .main-nav ul li > a:hover, 
.main-navigation .main-nav ul li > a:focus, 
.main-navigation .main-nav ul li.sfHover > a {
	background-color: transparent;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, 
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	background: transparent;
}

.sticky .main-navigation .main-nav ul li .mPS2id-highlight,
.sticky .main-navigation .main-nav ul li .mPS2id-highlight-first {
	color: #637796;
}

.site-header .site-branding a {
	font-family: 	Lato, sans-serif;
	font-weight: 500;	
	text-transform: lowercase;
	font-size: 20px;
	color: #fff;				
}

.main-title a, 
.main-title a:visited,
.main-title a:hover {
	color: #fff;
}

.nav-float-right .inside-header .site-branding a span {
	font-weight: 200;
}

.main-navigation .main-nav ul li a, 
.main-navigation .mobile-bar-items a, 
.menu-toggle {
	line-height: 20px;
}

#home-main-menu .menu {
	margin: 0;
	list-style: none;
	font-family: Roboto, sans-serif;
}

#home-main-menu .menu a {
	color: #fff;
	font-weight: 700;
	text-transform: lowercase;
	line-height: 1em;
}

#home-main-menu .menu li:first-child a {
	font-size: 130px;
	letter-spacing: -7px;
}

#home-main-menu .menu li:nth-child(2) {
	position: relative;
	top: -35px;
	margin-left: 33%;
	padding-left: 10px;
}

#home-main-menu .menu li:nth-child(2) a {
	font-size: 90px;
	letter-spacing: -4px;
}

#home-main-menu .menu li:nth-child(3) {
	position: relative;
	top: -60px;
	margin-left: 55%;
}

#home-main-menu .menu li:nth-child(3) a {
	font-size: 60px;
	letter-spacing: -4px;
}

#music-section .elementor-image {
	position: relative;
}

#music-section .wp-caption-text {
	color: #ffffff;
  font-size: 30px;
  font-family: "Roboto", Sans-serif;
  font-weight: 300;
  line-height: 35px;
}

#music-section .wp-caption-text {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	right: 0;
	padding: 0;
	transition: .4s;
}

#music-section .wp-caption:hover .wp-caption-text{
	opacity: 0;
	z-index: -1;
}

.home .recent-posts {
  display: flex;
  align-items: center;
  justify-content: center;
}

.recent-posts {
	text-align: left;
}

.home .recent-post {
	font-family: Roboto, sans-serif;
	padding-right: 50px;
}

.entry-meta,
.post-date {
	font-size: 14px;
	line-height: 26px;
	font-weight: 300;
	color: #000;
	padding-bottom: 30px;
	display: inline-block;
}

.entry-meta:after,
.post-date:after {
	padding-top: 5px;
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px solid #d0d0d0;
}

.recent-post:last-child {
	padding-right: 0;
}

.recent-post a {
	font-weight: 500;
	color: #637796;
	font-size: 22px;
	line-height: 26px;
	display: block;
}

/* ++michael */

.entry-content {
        font-weight: 550;
        font-size: 16px;
        line-height: 24px;
        color: #000;
        padding-top: 20px;
        padding-bottom: 55px;
}

.post-excerpt {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	padding-top: 20px;
	padding-bottom: 55px;
}

/* ++michael - l/r margines added */

.separate-containers .inside-article {
	padding: 30px!important;
        margin-left1: 5%;
        margin-right1: 5%;
}

.recent-post .read-more {
	display: none;
}

.blog-link {
	text-decoration: underline;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	color: #637796;
}

#social {
	text-align: center;
}

#social .elementor-widget-icon {
	display: inline-block;
	padding-right: 20px;
}

#social .elementor-widget-icon:last-child {
	padding-right: 0;
}

.site-footer {
	display: none;
}

#soundcloud-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9999;
}

#soundcloud {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 9999;
}

#listen-all {
	position: absolute;
	right: 30px;
	top: 170px;
}

#listen-all a {
	text-decoration: underline;
}


.page-id-120 .inside-header,
.page-id-117 .inside-header,
.page-id-111 .inside-header,
.page-id-94 .inside-header,
.single-post .inside-header,
.page-id-124 .inside-header {
	background: #000;
	z-index: 9999;
}

.single-post {
	background: #fff;
}

.inside-article {
	margin-top: 87px;
}

.single-post .byline {
	display: none;
}

.single-post .entry-title {
	font-family: Roboto, sans-serif;
	font-size: 60px;
	font-weight: 600;
	color: #060606;
	letter-spacing: -1px;
	padding-top: 25px;
}

.single-post .entry-title:after {
	content: "";
	display: block;
	width: 20%;
	border-bottom: 1px solid #dedede;
	padding: 20px 0;
}

.single-post .entry-content {
	margin: 50px 0;
	text-align: left;
}

/* Add spacing after images in posts */
.single-post .entry-content .wp-block-image {
	margin-bottom: 1.5em;
}

.entry-header {
	position: relative;
	text-align: left;
}

.entry-meta {
	position: absolute;
	top: 0;
	right: 0;
}

footer.entry-meta {
	display: none;
}

button.menu-toggle, button.menu-toggle:active, button.menu-toggle:focus, button.menu-toggle:hover {
	text-align: right;
}

.menu-toggle:before {
	content: " ";
	font-family: initial;
	background: url(./mobile-menu.svg) no-repeat;
	background-size: 28px 28px;
	width: 28px;
	height: 28px;
	vertical-align: middle;
}

.toggled .menu-toggle:before {
	content: " ";
	background: url(./mobile-menu-close.svg) no-repeat;
	background-size: 28px 28px;
	width: 28px;
	height: 28px;
	vertical-align: middle;
}

.toogled .main-nav {
	text-align: center;
}

.spinner {
  position: absolute;	
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

@media (max-width: 1120px) {
	#music-section .wp-caption {
		margin: 15px;
	}
}

@media (max-width: 992px) {
	.elementor-5 .elementor-element.elementor-element-n2vvebv .elementor-widget-container {
		margin: 0 0 0 3%!important;
	}

	.home .recent-posts {
		flex-wrap: wrap;
	}

	.home .recent-post {
		padding-right: 	0;
	}

	#home-main-menu .menu li:nth-child(3) {
		margin-left: 45%;
	}

	#home-main-menu .menu li:nth-child(2) {
		margin-left: 7%;
	}
}

@media (max-width: 768px) {
	.main-navigation {
		border: 0;
		margin-left: 0;
	}

	.fluid-header .inside-header, .header-widget, .site-info {
		text-align: left;
	}

	.inside-header>:not(:last-child) {
		margin-bottom: 0;
	}

	#home-main-menu .menu {
		display: none;
	}

	.home .inside-navigation {
		display: block;
	}

	.inside-header .toggled {
		transition: .4s;
	}

	.nav-float-right .inside-header .main-navigation {
		float: right;
	}

	.inside-header {
		background: #000;
		z-index: 4;
		padding: 25px 30px;
	}

	.inside-navigation {
		position: absolute;
		top: 10px;
		left: 0;
		right: 0;
	}

	.main-navigation .menu-toggle {
		display: inline-block;
		padding-left: 30px;	
		padding-right: 30px;	
	}

	.nav-float-right .inside-header .site-branding {
		position: absolute;
		top: 10px;
		z-index: 3;
	}

	.toggled .main-nav {
		height: 100vh;
		background: rgba(0,0,0, .9);
		transition: .3s;
	}

	.toggled .main-nav li {
		padding-bottom: 30px;
	}

	.menu.sf-menu {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
	}

	.main-navigation .main-nav li {
		text-align: center!important;
	}
}

@media (max-width: 400px) {
	#music-inner h2,
	#contact h2,
	#blog-title h2,
	#music-section h2 {
		font-size: 40px;
	}

	#music-inner h2 {
		letter-spacing: -2.38px;
	}
}