body{
	font-family: 'Lato',sans-serif;
	font-size: 16px;
	line-height:28px;
}

h1{
	font-family: 'Playfair Display',sans-serif;
	font-size: 72px !important;
	font-weight:400;
	line-height:80px;
}


h2{
	font-family: 'Playfair Display',sans-serif;
	font-size: 56px !important;
	font-weight:400;
	line-height:80px!important;
	margin-block-start: unset !important;
}

ol, ul {
    margin: 0 0 1.5em 1.5em;
}
h2.title-line{    width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #EAEAEA; 
   line-height: 0.1em!important;
   margin: 10px 0 20px;  }
   
h2.title-line span { 
    background:#fff; 
    padding:0 40px; 
}

.ast-primary-header-bar {
    background-color: transparent;
	border-bottom-width: 0;
}

.hero{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.hero-sub{ font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px !important;
line-height: 19px;
letter-spacing: 0.15em;
color: #9B78FF!important; }

.hero-title{ font-size: 72px !important;
line-height: 80px !important;
color: #FFFFFF;
max-width:720px;
margin-bottom:32px!important;
}

.hero-text{ font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px!important;
line-height: 28px!important;
color: #FFFFFF; 
max-width:660px; }

.hero-button a{ font-size:14px; letter-spacing: 0.1em; }
.hero-button a:hover{ background-color:#9B78FF!important; }

.wp-block-button a{ font-size:14px; letter-spacing: 0.1em; }
.wp-block-button a:hover{ background-color:#9B78FF!important; color:#fff!important;  }

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item{ padding-right:56px; }
.main-header-menu .menu-link, .main-header-menu>a{ padding:unset; }
.main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link{ height:40px; }

nav.site-navigation a{ border-bottom:1px solid transparent; }

nav.site-navigation a:hover{
	border-bottom:1px solid #9B78FF;
}

nav.site-navigation .current-menu-item a{ border-bottom:1px solid #9B78FF; }

.noHero a{ color:#fff; }

#ast-mobile-site-navigation a{ color:#000; }

header.site-header.noHero{ background: #1b0033; }

.dspacer{ height:0px; padding-bottom:60%; }
.dspacer2{ height:0px; padding-bottom:25%; }

.mw660{ max-width:660px; }
.mw760{ max-width:760px; }
.pb28{ padding-bottom: 28px; }
.mb32 img{ margin-bottom:32px; }
.w97{ width: 97%; }
.w95{ width: 95%; }


table, td, th {
    border: 1px solid #D3D3D3;
}

table, td{ height:115px; }

td, th {
    padding: 8px;
    border-width: 0 1px 0px 0;
}

tr:nth-child(odd){
    background-color: #FBFAFF;
}

tr th{ background-color:#fff; padding-top: 20px; padding-bottom: 20px;}

tr:last-child td{ border-bottom:1px solid #D3D3D3; }

.text-sub{ position:relative; 
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px !important;
line-height: 19px;
letter-spacing: 0.15em;
color: #9B78FF!important; 
margin-bottom:5px!important; text-transform: uppercase; }


.text-sub2{ position:relative; 
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px !important;
line-height: 19px;
letter-spacing: 0.15em;
color: #D2C9FF!important; 
margin-bottom:5px!important; }

.testimonial-name{
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-align: center;
color: #D2C9FF;
}

.testimonial-content{
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-align: center;
color: #FFFFFF;
}

.mh64{ min-height:64px; }


.hero-adminated{ display:none; }

.np{ position:relative; padding-top:unset!important; padding-left:unset!important; padding-bottom:unset!important; padding-right:unset!important; }
.nm{ margin-left:0!important; margin-right:0!important; }
.lgray{ background-color: #eaeaea; height: 1px !important; border: unset; }

figcaption{ font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
text-align: center;

color: #393939; }

.has-parallax.danza-banner{ background-size:100%; }
.danza-banner .wp-block-button{
	margin-top:10px;
}
.predavaci{ position:relative; z-index:200; }
.predavaci p{ padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-align: center;
color: #9B78FF; }

.predavaci figcaption{ margin-bottom:0px; }

.relativepos{ position:relative; }

.logo-bg{ height:0px!important; }

.danza-logo {
    background: url(https://solodanza.rs/wp-content/uploads/2022/08/logo2.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 662px;
    height: 667px;
    z-index: 0;
	left:18px;
}

.programi{ margin:0 auto;  }
.programi img{ transition: 0.5s all; }
.programi img:hover{ filter:grayscale(1); }


.quote{ max-width: 759px; margin: 0 auto!important; }


.solodanza-contact{ width:94.5%; }
.solodanza-contact input[type="submit"]{ transition: 0.3s all; float:right; }
.solodanza-contact input[type="submit"]:hover{ color:#fff; }

.solodanza-contact input[type="text"],
   .solodanza-contact input[type="email"],
   .solodanza-contact input[type="number"],
   .solodanza-contact textarea{ background-color:transparent; border:1px solid #DBDBDB; }


.form50{ float:left; width:47%!important; }
.form50r{ float:right; width:47%!important; }
.form-first{ margin-right:3%; }
.form100{ float:unset; clear:both; }
.clear-form{ width:100%; clear:both; height:45px; }

.wpcf7-not-valid-tip{ display:none; }

.wpcf7-not-valid{ border:1px solid #C91652!important; }

.sb_instagram_header{ display:none; }
#sb_instagram{ display:none; }

.glider-slide{ max-height:362px; }
.glider-track{ gap:40px; margin-bottom:20px!important; }

.glider-next {
    top: -104px!important;
    right: 28px!important;
    left: auto!important;
    background: url(https://solodanza.rs/wp-content/uploads/2022/09/right.png)!important;
    width: 64px;
    height: 64px;
}

.glider-prev{
    width: 64px;
    height: 64px;
    top: -104px!important;
    right: 120px;
    left: auto!important;
    background: url(https://solodanza.rs/wp-content/uploads/2022/09/left.png)!important;
}

.glider-next.disabled, .glider-prev.disabled {
    opacity: .35!important;
    color: #8155de!important;
    cursor: default!important;
}


.button-insta{ margin-top:24px!important; margin-bottom:10px!important; }
.danza-phone{ margin-bottom:50px!important; }

/* FOOTER */
.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{ background-color:unset; border:0; }

footer.site-footer{
background: rgb(23,0,31);
background: linear-gradient(90deg, rgba(23,0,31,1) 0%, rgba(25,3,71,1) 50%, rgba(25,3,71,1) 100%);
}


footer .widget_text{ font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #8E77BD; }


footer .widget_media_image{ margin-bottom:30px; }

footer .menu{
    display: flex;
    justify-content: space-evenly;
    font-size: 14px;
    color: #8E77BD;
}
footer .menu a{
	color: #8E77BD;
	text-decoration:none;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section {
    align-items: center;
}


.ast-builder-footer-grid-columns {
    grid-column-gap: 10px;
}

.site-primary-footer-wrap {
    padding-top: 65px;
    padding-bottom: 2px;
}


.onama-info{ position: absolute; top: 10%; right: 21.5%; max-width: 758px; }
.mcenter{ margin:0 auto;  }

.onama-info p{ font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #575757; }

.onama-danza p{ font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color:#575757; max-width:768px; float:right;  }


.danza-address{ 
    background: url(https://solodanza.rs/wp-content/uploads/2022/09/marker.png);
    background-repeat: no-repeat;
    padding-left: 32px;
    line-height: 18px;
    height: 22px; }
	
.danza-email{ 
    background: url(https://solodanza.rs/wp-content/uploads/2022/09/email.png);
    background-repeat: no-repeat;
    padding-left: 32px;
    line-height: 12px;
    height: 22px; }
	
.danza-phone{ 
    background: url(https://solodanza.rs/wp-content/uploads/2022/09/phone.png);
    background-repeat: no-repeat;
    padding-left: 32px;
    line-height: 18px;
    height: 22px; }
	
	
.testimonial-content p{ color:#fff; }
body .wp-block-cover:not(.has-text-color.has-link-color) p{ color:#fff; }


.site-below-footer-wrap[data-section=section-below-footer-builder]{ min-height: 60px; max-height: 60px; }

.box-right, .box-left{ position:relative; }
.box-right img, .box-left img{ position:relative; z-index:2;  }
.image-boxr{ 
    position: absolute;
    width: 100%;
    height: 100%;
    top: -10px;
    border: 1px solid #D2C9FF;
    left: 10px;
    max-width: 450px; 
}

.image-boxl{ 
    position: absolute;
    width: 100%;
    height: 100%;
    top: -10px;
    border: 1px solid #D2C9FF;
    left: -10px;
    max-width: 450px; 
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    background-color: unset;
    border: 0;
    background: url(https://solodanza.rs/wp-content/uploads/2022/09/footer-bg.jpg);
    background-size: cover;
}


@media only screen and (max-width: 768px) {
	
	.dspacer42{ height:0px; padding-bottom:42%; }
	.dspacer58{ height:0px; padding-bottom:58%;}
	.spacer-mob{ padding-bottom:166px; }
	.ast-header-break-point .ast-primary-header-bar{ border-bottom-width: 0px; border:unset; }
	.hero{  }
	.dspacer{ padding-bottom:150%; }
	.dspacer2{ padding-bottom:85%; }
	
	.wp-block-spacer{ max-height:50px; }
	
	.u-reverse{ display:flex; flex-direction: column; flex-direction: column-reverse; }	
	.reverse{ display:flex; flex-direction: column; flex-direction: column-reverse; }
	
h1{
	font-size: 32px !important;
	line-height:40px;
}

.hero-title {
    font-size: 32px !important;
    line-height: 40px !important;
    color: #FFFFFF;
    max-width: 620px;
    margin-bottom: 32px!important;
}


h2{
	font-size: 26px !important;
	line-height:30px!important;
}

.site-below-footer-wrap[data-section=section-below-footer-builder] .ast-builder-grid-row{ min-height: 60px; }

.ast-site-title-wrap{ display:none; }

	[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 40px;
    height: 40px;
    fill: #6b37d8;
    }
	
body.home .hero{ min-height: 560px!important; }
.wp-block-separator{ display:none; } 
.wp-block-columns .wp-block-column:not(:last-child){ margin-bottom:0; }
.programi{ margin: 0 auto; text-align: center; padding-top:0px !important; }
.predavaci{ margin: 0 auto; text-align: center; padding-top:0px !important; }

.relativepos{ overflow:hidden; }

iframe{ max-width:98%; height: 363px; width: 100%; margin: 0 auto; text-align: center; }

.solodanza-contact{ width:100%; }

.glider-prev{
    top: unset !important;
    bottom: -35px;
    right: unset!important;
    left: calc(50% - 60px) !important;
    width: 50px;
    height: 50px;
    background-size: 50px 50px !important;
}
.glider-next{
    top: unset !important;
    bottom: -35px;
    right: unset!important;
    left: calc(50% + 10px) !important;
    width: 50px;
    height: 50px;
    background-size: 50px 50px !important;
}
.glider-dots{ visibility:hidden !important; } 
.glider-track{ margin-bottom:unset!important; }

.glider{ overflow:hidden; }

.onama-info{ 
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
	text-align: unset;
}

.onama-block img.wp-block-cover__image-background{ object-position: 10% 0%!important; height: 600px;  }
.onama-danza p{ float:unset; padding-right:unset; }
.noflex{ display:block!important; }

.has-text-align-center{ line-height:16px; }
 td, th {
    padding: 5px;
    padding-top: 16px;
    min-width: 120px;
    vertical-align: top;
    height: 80px;
  }
  .main-header-menu .menu-item {
    position: relative;
    padding-left: 32px;
    padding-bottom: 12px;
  }  
  .main-header-menu{ padding-bottom: 32px; padding-top: 32px; }
  
  
  .hero-sub{ font-size: 14px !important; line-height: 19px; }
  .entry-content p.hero-sub{     margin-bottom: 0.5em; }
  .hero-title{ text-shadow: 2px 1px #000; }
  .hero-text{ text-shadow: 2px 1px #000; }
  .wp10{ max-height:10px; }
  
  .order-1{ order:1; }
  .order-2{ order:2; }
}

