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

/* Parent stylesheet should be loaded from functions.php not using @import */

#main .page-header {
	border:1px solid #ccc;
	padding: 10px 0 5px 0;
}

#site-navigation-wrap {
	width: 35%;
	max-width: 250px;
}

#site-navigation-wrap .dropdown-menu>li.mail>a {
	padding:0px;
}

.mail {
	 background:url(images/mail2.png) no-repeat left;
	 background-size: 18px auto;
	 padding-left:25px; 
}

#blog-entries .blog-entry .blog-entry-inner {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border:1px solid #26282D;
}

#blog-entries .blog-entry .blog-entry-inner:hover {
	 -webkit-transform: scale(1.01);
	 -moz-transform: scale(1.01);
	 -o-transform: scale(1.01);
	 border:1px solid gold!important;
}

.blog-entry {
	max-width:260px;
}

#content {
	background:#000; 
}

h2.home-title {
	color:#fff;
	text-transform:uppercase;
}

#blog-entries .blog-entry .blog-entry-inner {
	background:#26282D;
	border:1px solid #26282D;
}

#blog-entries .blog-entry .blog-entry-inner a {
	color:#fff;
}

#blog-entries .blog-entry .blog-entry-inner a:hover {
	color:DBDBDB;
}

.home {
	background:#26282D!important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border:1px solid #26282D;
	
}

.home:hover {
	background:#000000!important;
	/**border:1px solid gold;**/
	color: gold!important;
}

#wrap {
	background:#000;
}

.footer-box .genres_list a{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.footer-box .genres_list a:hover {
	color:gold!important;
	padding-left:5px;
}

#site-header {
	background:#222222;	
}

#primary .release-carousel {
	background:#000;
	border:1px solid #000;
}

#primary .release-carousel span.liner {
	border:0px;
}

#primary .release-carousel article .post-slick-inner {
	background:#26282D;
	border:1px solid #26282D;
}

#primary .release-carousel article .post-slick-inner .thumbnail {
	border:1px solid #26282D!important;
}

#primary .release-carousel article .post-slick-inner p {
	color:#fff;
	padding:5px 8px;
}

#primary .release-block-carousel .marr-slide-arrow  {
	color:#fff;
	background:#26282D;
}

#primary .release-block-carousel .marr-slide-arrow:hover {
	color: gold;
}

.oceanwp-recent-posts .recent-posts-details-inner a {
	color:#fff;
}

.content-area {
	border:0px;
}

#right-sidebar-inner .oceanwp-recent-posts li{
	border-top:1px solid #26282D;
}

#right-sidebar-inner .oceanwp-recent-posts li:first-child {
	border-top:0px solid #26282D;
}

#right-sidebar-inner .widget-title {
	font-size:20px;
	color:#fff;
}

.oceanwp-pagination .page-numbers li a, .oceanwp-pagination .page-numbers li .dots {
	background:#222222;
	color:#fff;
	border:1px solid #222222;
}

.oceanwp-pagination .page-numbers li a:hover, .oceanwp-pagination .page-numbers li .dots:hover {
	border:1px solid gold;
	color:gold;
	background:#222222;
}

.oceanwp-pagination .page-numbers li .current {
	border:1px solid gold;
	color:gold;
	background:#222222;
}

.entry-content .release-block {
	background:#26282D;
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	border-left:0px;
	border-right:0px;
}

.release-tracks .release-tracks-list, .release-tracks .release-tracks-list p {
	background:#26282D;
}

.entry-content .release-block .release-content h1 {
	color:#fff;
	border-bottom:1px solid #fff;
} 

.entry-content .release-block .release-content p, .entry-content .release-download p, .entry-content .release-download h2, .entry-content .release-download .release-download-inner-two p a, .release-tracks .release-tracks-list p, .release-tracks h2, .release-tracks .release-tracks-list, .release-download-inner .release-decoration, .release-decoration {
	color:#fff;
}

.entry-content .release-content a {
	background:#B9B9B9;
	border:1px solid #B9B9B9;
	color:#000;
}

.entry-content .release-content a:hover {
	background:#26282D;
	border:1px solid gold;
	color:gold;
}

#main .page-header {
	background:#313339;
	border:1px solid #313339;
}

#main .page-header .page-header-title, .page-header .site-breadcrumbs li a, .page-header .site-breadcrumbs li span, .page-header .site-breadcrumbs .breadcrumb-sep {
	color:#fff;
}

#outer-wrap #wrap #site-header {
	border-bottom:2px solid #000;
}

.release-mp3 img, .release-cd img {
	background-color: #B9B9B9!important;
	 fill: green!important;
}

#menu-main-menu .genres_list a:hover {
	color:gold;
	background: #26282D;
}

.single .thumbnail {
	margin-bottom:0px;
	padding-bottom:20px;
}

.release-tracks .release-tracks-list strong{
	color:gold;
}

/**Анимированная рамка**/
#blog-entries .blog-entry .blog-entry-inner, #primary .release-carousel article .post-slick-inner .thumbnail {
    position: relative;
}

#blog-entries .blog-entry .blog-entry-inner::before, #primary .release-carousel article .post-slick-inner .thumbnail::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 2px solid gold;
        animation: clippath 3s infinite linear;
		opacity:0;
}

#primary .release-carousel article .post-slick-inner .thumbnail:hover {
	border:1px solid gold!important;
}

#blog-entries .blog-entry:hover .blog-entry-inner::before, #primary .release-carousel article .post-slick-inner:hover .thumbnail::before {
	opacity:1;
}


@keyframes clippath {
    0%,
    100% {
        clip-path: inset(0 0 95% 0);
    }
    25% {
        clip-path: inset(0 95% 0 0);
    }
    50% {
        clip-path: inset(95% 0 0 0);
    }
    75% {
        clip-path: inset(0 0 0 95%);
    }
}

#site-header {
	background:#26282D!important;
	border-bottom:1px solid gold!important;
}

/******Анимация с точками********/
body {
  background-color: #021027;
}

.container-dots1 {
  width: 100%;
  height: 1000px;
  position: relative;
  border:10px solid red;
}

.background1 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 1000px;

  mask-image: radial-gradient(
    white 0%,
    white 30%,
    transparent 80%,
    transparent
  );
}

.circle-container {
  $particleNum: 200;
  $particleColor: hsl(180, 100%, 80%);

  position: absolute;
  transform: translateY(-10vh);
  animation-iteration-count: infinite;
  animation-timing-function: linear;

  .circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    mix-blend-mode: screen;
    background-image: radial-gradient(
      hsl(180, 100%, 80%),
      hsl(180, 100%, 80%) 10%,
      hsla(180, 100%, 80%, 0) 56%
    );

    animation: fadein-frames 200ms infinite, scale-frames 2s infinite;

    @keyframes fade-frames {
      0% {
        opacity: 1;
      }

      50% {
        opacity: 0.7;
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes scale-frames {
      0% {
        transform: scale3d(0.4, 0.4, 1);
      }

      50% {
        transform: scale3d(2.2, 2.2, 1);
      }

      100% {
        transform: scale3d(0.4, 0.4, 1);
      }
    }
  }

  $particleBaseSize: 8;

  
  @for $i from 1 through $particleNum {
    &:nth-child(#{$i}) {
      $circleSize: random($particleBaseSize);
      width: $circleSize + px;
      height: $circleSize + px;

      $startPositionY: random(10) + 100;
      $framesName: "move-frames-" + $i;
      $moveDuration: 28000 + random(9000) + ms;

      animation-name: #{$framesName};
      animation-duration: $moveDuration;
      animation-delay: random(37000) + ms;

      @keyframes #{$framesName} {
        from {
          transform: translate3d(
            #{random(100) + vw},
            #{$startPositionY + vh},
            0
          );
        }

        to {
          transform: translate3d(
            #{random(100) + vw},
            #{- $startPositionY - random(30) + vh},
            0
          );
        }
      }

      .circle {
        animation-delay: random(4000) + ms;
      }
    }
  }
}

.message {
  position: absolute;
  right: 20px;
  bottom: 10px;
  color: white;
  font-family: "Josefin Slab", serif;
  line-height: 27px;
  font-size: 18px;
  text-align: right;
  pointer-events: none;
  animation: message-frames 1.5s ease 5s forwards;
  opacity: 0;
  
  @keyframes message-frames {
    from {
      opacity: 0;
    }
    
    to {
      opacity: 1;
    }
  }
}

/**********Форма*****************/
.widget_loginwithajaxwidget {
	max-width:600px;
	margin:auto;
}

.lwa-modal{
	background:#222222!important;
}

.lwa-modal .lwa-modal-close{
	color: #bbb!important;
	font-size: 40px!important;
	font-weight: normal!important;
}

.lwa table{
	color:#bbb!important;
}

.lwa-links-register-inline-cancel, .lwa-links-register-inline{
	color:gold!important;	
}


.lwa-links-remember{
	color:gold!important;	
}

.lwa-links-register-inline-cancel{
	    margin-left: 20px;
}

.lwa-wp-submit, .lwa-register input[type="submit"], .lwa-submit-button input[type="submit"] {
	border: 1px solid #26282D!important;
    color: gold!important;
    background: #26282D!important;
}

.lwa-register input[type="submit"]{
	margin-top: 10px;
}

.lwa-wp-submit:hover, .lwa-register input[type="submit"]:hover, lwa-submit-button input[type="submit"]:hover{
	border: 1px solid gold!important;
}

.lwa-submit-button input[type="submit"] {
	margin-top:10px;
}


.lwa-modal form input[type=text], .lwa-register form input[type=text]{
	color: #fff!important;
}

.lwa-status-confirm, .lwa-status {
	background:#222222!important;
	color:#fff!important;
}

.release-mp3 a {
	color:#fff;
}

.main-page-content .widget {
	color:#fff;
}

.main-page-content .widget h2 {
	color:#fff;
}

.main-page-content .widget-title, .main-page-content {
	color:#fff;
}

.main-page-content .lwa-info a {
	color:#fff;
}
/********************/

#primary #content, #primary #content p, #primary #content h2, #primary #content #user-registration  a {
	color:#fff;
} 

#primary #content #user-registration, #user-registration {
	background-color: #000;
	
}

form input[type=text], form input[type=password], form input[type=email], form input[type=url], form input[type=date], form input[type=month], form input[type=time], form input[type=datetime], form input[type=datetime-local], form input[type=week], form input[type=number], form input[type=search], form input[type=tel], form input[type=color], form select, form textarea, .dashicons-hidden:before, form legend {
	color:#fff!important;
}

form legend {
	text-align:center;
	border:0px solid #000;
}

.ur-frontend-form .ur-form-row .ur-form-grid input[type="text"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="date"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="number"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="timepicker"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="phone"], .ur-frontend-form .ur-form-row .ur-form-grid textarea, .ur-frontend-form .ur-form-row .ur-form-grid select, .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement {
	margin-bottom:0px!important;
}

#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a, #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
	border-bottom:1px solid #000;
	background-color:#000!important;
	color:fff!important;
	font-weight:normal!important;
}

.registration-btn {
	border:1px solid #222222;
	background:#313339;
	color:gold;
	padding:10px 20px;
	display:inline-block;
	margin:auto;
	float:none;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-size:14px;
	letter-spacing: 2px;
	margin-top:20px;
}

.registration-btn:hover {
	border:1px solid gold;
	background:#000;
	color:gold;
}

#user-registration .user-registration-Button, #user-registration .ur-submit-button, .ur-frontend-form .ur-button-container .ur-submit-button, .error404-content .error-btn, #user-registration .user-registration-Button, .user-registration-EditProfileForm .user-registration-submit-Button {
	background:#313339;
	color:gold;
	border:1px solid #222222;
	display:block;
	max-width:250px;
	margin:auto!important;
	float:none;
	font-weight:normal;
	font-size:14px;
}

.error404-content .error-btn {
	margin-top:20px;
	max-width:450px;
}

#user-registration .user-registration-Button:hover, #user-registration .ur-submit-button:hover, .ur-frontend-form .ur-button-container .ur-submit-button:hover, .error404-content .error-btn:hover, #user-registration .user-registration-Button:hover, .user-registration-EditProfileForm .user-registration-submit-Button:hover {
	border:1px solid gold;
	color:gold;
	background:#000;
}

.home.button:hover {
	border:1px solid gold;
}

.ur-frontend-form {
	border:0px solid #000!important;
	max-width:800px;
	margin:auto!important;
	float:none;
}

#user-registration a, #ur-frontend-form a {
	color:gold;
}

#user-registration a:hover, #ur-frontend-form a:hover {
	text-decoration:underline;
}

#ur-submit-message-node {
	color:#DFF09B;
	background:#3F3F3F;
	text-align:center;
	padding:20px 20px 40px 20px;
	font-size:15px;
	line-height: 1.5;
}

#user-registration .user-registration-MyAccount-navigation {
	border-bottom:1px solid gold!important;
}

#ur-frontend-form .lost_password {
	text-align:center;
}

#ur-frontend-form .user-registration-login-title {
	text-transform:uppercase;
	display:block;
	text-align:center;
	font-size:20px;
	margin-bottom:20px;
}

.ur-form-grid .user-registration-form-row {
	padding-bottom:15px;
	max-width:400px;
	margin:auto;
}

.user-registration .ur-label {
	font-weight:normal!important;
}

.user-registration-error {
	color:#FF8080!important;
	font-size:14px!important;
}

.logged-in .registration-btn, .logged-in .registration-block {
	display:none;	
}

#user-registration .user-registration-MyAccount-content a {
	color:gold!important;
}

#user-registration .user-registration-MyAccount-content a:hover {
	text-decoration:underline!important;
}

#ur-frontend-form .ur-form-grid p {
	display:block;
	width:100%!important;
}

ul li.user-registration-MyAccount-navigation-link {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-bottom:1px solid #000;
	
}

ul li.user-registration-MyAccount-navigation-link:hover {
	border-bottom:1px solid gold;
}

ul li.user-registration-MyAccount-navigation-link a:hover {
	color:gold!important;
}

.page-id-54859 #content h2 {
	font-weight:normal;
}

#ur-frontend-form #user_registration_user_login_field #user_registration_user_login {
	border:1px solid #fff;
	background:#000;
	color:#fff;
}

.user-registration-EditProfileForm .ur-form-grid p {
	text-align:center!important;
}

.ur-frontend-form .user-registration-submit-Button {
	float:none!important;
}

#user-registration .user-registration-message {
	color:#BEE034;
	background:#222;
	text-align:center;
	padding:20px 20px 30px 20px;
}

.release-download .download-no-register {
	text-align:center;
	margin-top:-15px;
}

.release-download .download-no-register a {
	color:gold!important;
}

.release-download .download-no-register a:hover {
	text-decoration:underline!important;
}

.register-home-link .home-link {
	background:#222;
	color:gold;
	padding:10px 25px;
	text-transform:uppercase;
	border:1px solid #222;
	display:none;
}

.register-home-link .home-link:hover {
	background:#000;
	border:1px solid gold;
}

.logged-in .logout {
	color:#bbb;
	display:none;
	font-size:13px;
	padding-left:16px;
}

.logged-in .logout:hover {
	color:#fff;
}

.logged-in .register-home-link .home-link, .logged-in .logout {
	display:inline-block;
}

.logged-in .log-hide {
	display:none;
}

.download-no-register i {
	color:gold;
}

.download-no-register  h3 {
	margin-bottom:10px;
	font-size:13px;
}

.download-no-register .warning {
	border:1px solid gold;
	text-align:center;
	overflow:hidden;
	background:#222;
	display:block;
	height:auto;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	line-height: 1.2;
}

.g-recaptcha>div {
	margin:auto!important;
}

.download-no-register-conteiner-mes .release-download-inner-one {
	display:block;
}

#ur-recaptcha-node {
	text-align:center;
}

#footer-bottom {
	padding:10px 0px;
}

#footer-bottom.no-footer-nav #copyright {
	line-height: 1.5;
}

.cookies-btn {
	background:#222;
	color:#fff;
	padding:10px;
	margin-left:10px;
	border:1px solid #222;
}

.cookies-btn:hover {
	border:1px solid gold;
	color:gold;
}
/**
.slider-section {
	 background: url(images/banner.jpg) no-repeat center, #000;
	 width:100%;
	 height:500px;
	 background-size: auto 100%;
	 border:1px solid ccc;
}
**/

/**MEDIA**/
@media only screen and (max-width:980px) {
	#site-header .asl_w_container {
		min-width: 250px;
		max-width: calc(100% - 500px);
	}
	
	#site-header .asl_w_container {
		max-width: calc(100% - 300px)!important;
	}
	
	.logged-in .logout {
		padding-left:0px;
		padding-right:10px;
	}
	
	#main #content-wrap {
		padding-top:10px;
		padding-bottom:0px;
	}
	
	.home h2.home-latest  {
		margin-top:-20px!important;
	}
	
	.home .release-block-carousel {
		margin-top:-10px;
		padding-top:0px;
	}
	
}

@media only screen and (max-width:768px) {
	.logged-in .logout {
		padding-top:25px;
		padding-bottom:20px;
		float:right;
	}
}

@media only screen and (max-width:650px) {
	.release-download-inner-two, .release-download-inner-one {
		display:block!important;
	}
	
	.download-no-register {
		width:100%;
		float:none;
		margin-top:25px!important;
	}
}

@media only screen and (max-width:600px) {
	.user-registration .ur-form-row {
	   flex-direction: column!important;
    }

	.user-registration .ur-form-row .ur-form-grid {
	   width:100%!important;
    }

}