/*
Theme Name: KizombaSpace
Theme URI: 
Description:
Version: 1.0
Author: Oleg Dizendorf
Author URI:
License: GNU/GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: web
*/

.navbar-brand {
text-shadow: 1px 2px 7px #ffec9f;
transition: 0.5s;
}

.navbar-brand:hover {
text-shadow: 2px 4px 17px #ffec9f;
}

.navbar-collapse div {
margin: 0 auto;
}

.nav-item:hover {
box-shadow: inset 0 -5px 0 0 #d34250;
}

.slides-bg {
z-index: 1;
background-image: url("/wp-content/themes/KizombaSpace/images/firstslide.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
animation: shrink 10s infinite alternate;
left: 0;
top: 0;
}

.slides-bg::after {
content: '';
background-color: rgba(0, 0, 0, 0.60);
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 2;
}

.slidescont {
z-index: 3;
}

.btn-cta {
font-size: 80%;
min-height: 58px;
}

@keyframes shrink {
0% {
transform: scale(1)
}
100% {
transform: scale(1.3)
}
}

.vbox-container {
display: flex;
align-items: center;
overflow: hidden;
}

.vbox-content {
margin: 0 !important;
}

a, .venobox img, .news-body img {
transition: 0.5s;
}

.venobox img:hover, .news-body:hover img {
filter: brightness(1.2);
}

.venobox img:hover, .news-body:hover {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
}

.vbox-close {
font-size: 60px;
display: flex;
align-items: center;
}

.video-bg {
object-fit: cover;
top: 0;
left: 0;
height: 100%;
z-index: -100;
filter: blur(4px);
}

.mw-1100 {
max-width: 1100px;
}

.aboutDance {
background-image: url("/wp-content/themes/KizombaSpace/images/about dance.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
min-height: 400px;
}

.fieldstart::after {
content: '_';
width: 100%;
display: block;
}

.fieldstart:last-of-type::after {
display: none;
}

.phone {
margin-top: -33.5px;
right: 5%;
z-index: 99;
}

.wpcf7-form .border-bottom {
border-width: 4px !important;
}

.wpcf7-spinner {
display: none;
}

.socbtns {
right: 20px;
bottom: 70px;
z-index: 5;
}

.background-gradient {
background-image: linear-gradient(253deg, #d3425038 , #ffec9f4d 80%, #cc0b6533);
}

.socbtns a {
width: 50px;
height: 50px;
margin-bottom: 8px;
}

.vk {
background: #5181b8;
}

.tg {
background: #0088cc;
}

.wa {
background: #128c7e;
}

::selection {
background-color: #000;
color: #fff;
}

.animatebtn {
animation: radial-pulse 2s infinite;
}

@keyframes radial-pulse {
0% {
box-shadow: 0 0 0 0 rgba(211, 66, 80, 0.5);
}

100% {
box-shadow: 0 0 0 10px rgba(211, 66, 80, 0);
}
}

@media screen and (max-width: 992px) {
.single-content {
margin: 60px auto;
}
}

@media screen and (min-width: 992px) {
.single-content {
margin: 100px auto;
}

.fs-md-5 {
font-size: 1.25rem !important;
}
}