/* MastHead Navigation Opacity */
.main-navigation {  
		background: rgba(0, 0, 0, 0.6);
		padding-top: 0px;
		padding-bottom: 0px;
		border-bottom: 1px solid #000000;
}

/* Site Title text instead of logo -  padding-left: 60px !important; */
.site-title {
		font-family: Roboto, Arial !important;
		font-weight: 900 !important;
		font-size: 26px !important;	
		color: #FFFFFF !important;
		padding-bottom: 0 !important;
		padding-top: 0 !important;	
		margin-left: -7px !important;
}

.logo-in-menu-wrapper {
		margin-left: 0px !important;
}


/* Vantage MastHead Moving up, and Main menu stays in place */
@media (min-width: 1024px) {
		#masthead {
			margin-top: -70px;
		}
}
/* MastHead Moving up, and Main menu stays in place ONLY FOR MOBILE */
@media (max-width: 800px) {
		.so-widget-sow-hero {
				margin-top: -65px !important;
		}
}

/* Svi pages rows, imali su po default donju marginu 35px  */
.panel-grid {
		margin-bottom: 20px !important;
}


/* SiteOrigin Hero widget moving image to the top of page
.so-widget-sow-hero {
		margin-top: -47px !important;
}
 */

/* SiteOrigin Hero button  	
.sow-hero-buttons {
		margin-top: -40px !important;
		margin-left: -5px !important; 
}
*/

/* SiteOrigin Hero button - kurs info right box  */
.kurs-info-box-button {
		margin-top: -32px !important;
		margin-left: -6px !important;
}


/* Custom hero-button class used for kurs header button*/
@media (max-width: 325px) {
		.hero-button {
				margin-top: -30px !important;
		}
}
@media (max-width: 306px) {
		.hero-button {
				margin-left: 110px !important;
				margin-top: -90px !important;
		}
}
@media (max-width: 416px) {
		.hero-button {
				margin-top: -40px !important;
		}
}

/* SiteOrigin Removing space below header and above content */
.siteorigin-panels-stretch {
		padding-top: 50px !important;
}

/* Sidebar position
#secondary {
		padding-top: 650px;
}
 */

/* SiteOrigin Accordion position (info box)
.sow-accordion-panel-border {
		padding-top: 0px !important;
		padding-left: 25px !important;
		padding-bottom: 0px !important;
		
} */

/* Forminator widget - Button */
.forminator-button {
		border: 1px solid #222222 !important; 
}

/* Forminator widget - Lebels */
.forminator-label {
		font-size: 16px !important;
		font-weight: 700;
		padding-bottom: 5px !important;
}
/* Forminator widget - Asterix required sign */
.forminator-required {
		font-size: 16px !important;
		color: black !important;
}


/*SiteOrigin builder- custom class "kurikulum-text" in kurikulum row*/
.kurikulum-text{
		font-family: Roboto; 
		padding: 0;	
		margin: 0;
		vertical-align: top !important;
}
.kurikulum-text h3{
		font-weight: 500; 
		font-size: 1.3em;
		padding-top: 0;
		padding-bottom: 3px;
		margin-left: 10px;
		color: #dfdfdf;
}
.kurikulum-text li{
		font-weight: 300; 
		font-size: 1.1em;
		list-style-type: disc;
		padding-top: 0;
		padding-bottom: 3px;
		color:#d2d2d2;
}
.kurikulum-text ul{
		padding-top: 0;
		padding-bottom: 6px;
		margin-left: 0;
}

/*Smart Slider - custom class for setting different margins for mobile*/
@media (max-width: 701px) {
		.SmartSliderCustomQaMan-right {
				margin-top:0 !important;
		}
		.SmartSliderCustomQaMan-left {
				margin-top:5px !important;
				margin-bottom:30px !important;
		}
		.SmartSliderCustomQaAuto-title{
				margin-top:0 !important;			
		}
		.SmartSliderCustomQaAuto-right{
				margin-top:20px !important;				
		}
		.SmartSliderCustomQaAuto-left{
				margin-top:0 !important;			
				margin-bottom: 10px !important;				
		}
}

/*Hide Yoast SEO breadcrumb - located in Customizing/Theme Settings/Navigation
#yoast-breadcrumbs {
		display:none !important;
}
*/

/*Home page Nasi kursevi text align*/
@media (max-width: 1023px) {
		.nasi-kursevi-boxes {
				text-align: left !important;
		}
}
@media (min-width: 1024px) {
		.nasi-kursevi-boxes {
				text-align: center !important;
		}
}

.custom-404 {
		padding-top: 300px; 
		padding-bottom: 550px; 
		color: #f14e4e; 
		letter-spacing: 0.005em; 
		text-align: center; 
		font-family: Roboto; 
		font-weight:900; 
		font-size: 3em;
}

@media (max-width: 1023px) {
		.custom-404 {
				padding-top: 80px; 
				padding-bottom: 150px; 
				color: #f14e4e; 
				letter-spacing: 0.005em; 
				text-align: center; 
				font-family: Roboto; 
				font-weight:900; 
				font-size: 2em;
		}
}