/*  MICROTHEMER STYLES  */


/*= Header ==================== */

/** Header >> Header da bude širine page-a **/
.oxy-header {
	max-width: 2000px;
	margin: auto;
}


/*= Content =================== */

/** Content >> Tag linkovi na blog postovima **/
#span-43-1955 a {
	color: rgb(95, 109, 125);
	font-size: 11px;
	text-transform: uppercase;
	background-color: #fafafa;
	padding: 5px 8px 4px 8px;
	margin-right: 8px;
}
#span-43-1955 a:hover {
	color: #43c8a0;
	font-size: 11px;
	text-transform: uppercase;
	background-color: rgb(255, 255, 255);
	padding: 5px 8px 4px 8px;
	margin-right: 8px;
	text-decoration: none;
}

/** Content >> tag linkovi od simple tag clouda **/
.st-tags {
	color: rgb(95, 109, 125);
	font-size: 11px;
	text-transform: uppercase;
	background-color: #fafafa;
	padding: 5px 8px 4px 8px;
	margin-right: 8px;
	-o-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.st-tags:hover {
	color: #43c8a0;
	font-size: 11px;
	text-transform: uppercase;
	background-color: rgb(255, 255, 255);
	padding: 5px 8px 4px 8px;
	margin-right: 8px;
	text-decoration: none;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

/** Content >> Micanje Tag: sa visibility propertyem **/
#span-1123-204 > span {
	color: rgb(20, 24, 31);
	margin-left: -100px;
	visibility: visible;
}
#span-1123-204 {
	visibility: hidden;
}

/** Content >> Dots na Kadence slideru u blog postovima kada su aktivni **/
.kt-blocks-carousel .kt-carousel-dotstyle-outlinedark .slick-dots li.slick-active button:before {
	text-shadow: 0 0 rgb(31, 168, 55);
	box-shadow: 0 0 rgb(31, 168, 55);
	background-color: rgb(31, 168, 55);
	border: 1px solid rgb(31, 168, 55);
}

/** Content >> Icon - download btn on Case Study **/
#kt-layout-id_06901d-9e .kt-btn-side-right {
	width: 16px;
	margin-bottom: 2px;
}


/*= Blog stranice ============= */

/** Blog stranice >> Menu blog kategorije **/
#menu-blog-kategorije > .current-menu-item a:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(19, 24, 30);
}

/** Blog stranice >> Nazivi kategorija u archive pageu na slici **/
#text_block-34-204 > a:nth-of-type(2), 
#text_block-1400-37 > a:nth-of-type(2) {
	color: rgb(19, 24, 30);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-right: 16px;
	padding-left: 16px;
	position: absolute;
	top: 13px;
	z-index: 3;
}
#text_block-34-204 > a:nth-of-type(2):hover, 
#text_block-1400-37 > a:nth-of-type(2):hover {
	text-decoration: none;
}


/*= Talentlyft ================ */

/** Talentlyft >> List items - svi poslovi **/
.tl-job {
	background-color: rgb(255, 255, 255);
	width: 100%;
	padding: 32px !important;
	margin-bottom: 8px;
	border-radius: 16px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*display: grid;*/
	/*grid-template-columns: 1fr;*/
	/*grid-template-rows: auto;*/
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.tl-job:hover {
	-webkit-box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.2);
	transform: translateY(-5px);
	background-color: #fff !important;
}
.talentlyft .tl-title {
	font-family: lufga-medium !important;
	font-size: 20px !important;
	color: #13181e;
}
.tl-job:hover .tl-title {
	color: #43c8a0;
}
.tl-job:hover .tl-address {
	color: #13181e;
}
span.tl-address {
	color: #929ba7;
	font-size: 16px;
}

/** Talentlyft >> back link na vrhu **/
.talentlyft .tl-back {
	/*font-family: Helvetica-neue-roman !important;
	color: rgb(95, 109, 125);
	font-size: 13px !important;*/
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	display: none;
	/*transition-duration: 0.3s;*/
}

/** Talentlyft >> Naslov posla - single **/
.tl-desc-title {
	color: rgb(20, 24, 31);
	font-size: 36px;
	margin-top: 16px;
}
.tl-desc-title-address {
	color: #5f6d7d;
	display: block;
}

/** Talentlyft >> Tekst u opisu posla **/
.talentlyft p, 
.talentlyft li, 
.talentlyft a {
	font-family: lufga-regular !important;
	font-size: 16px !important;
	line-height: 1.625;
}
.talentlyft ul {
	margin-bottom: 32px !important;
}
.talentlyft p, 
.talentlyft li {
	color: #5f6d7d;
}

/** Talentlyft >> Talentlyft button **/
.talentlyft .btn-primary {
	font-family: lufga-medium;
	background-color: rgb(20, 24, 31);
	padding: 16px 32px 16px 32px !important;
	border-bottom: 3px solid rgb(31, 168, 55) !important;
	border-radius: 16px !important;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.talentlyft .btn-primary:hover {
	background-color: #1fa837;
	border-bottom: 3px solid rgb(20, 24, 31) !important;
}

/** Talentlyft >> Formular - prijava za posao **/
.talentlyft legend {
	font-family: lufga-medium;
	padding-bottom: 16px !important;
}
.talentlyft fieldset {
	margin-bottom: 32px !important;
	font-family: lufga-light;
}
.talentlyft #chbPPConsent {
	margin-top: -32px !important;
	font-size: 14px;
	font-family: lufga-medium;
}
.talentlyft #chbPPConsent a {
	font-size: 14px !important;
	font-family: lufga-medium !important;
	color: #1da838;
}
.talentlyft #chbRetentionConsent {
	font-size: 14px;
	margin-bottom: 32px;
	font-family: lufga-regular;
}
.talentlyft input[type=file] {
	margin-top: 8px;
	font-family: lufga-regular;
}

/** Talentlyft >> Slika na stranici za posao - single **/
.talentlyft img {
	box-shadow: 0 10px 30px -5px rgba(20, 24, 31, 0.15);
	width: 500px;
	max-width: 100%;
	margin-bottom: 32px;
}


/*( Page container )*/
@media (max-width: 1120px) {

	/*= Content =================== */

	/** Content >> Micanje Tag: sa visibility propertyem **/
	#span-1123-204 > span {
	font-size: 38px;
	margin-left: -80px;
}


}


/*( Less than 992px )*/
@media (max-width: 991px) {

	/*= Content =================== */

	/** Content >> Micanje Tag: sa visibility propertyem **/
	#span-1123-204 > span {
	font-size: 35px;
}


}


/*( Less than 768px )*/
@media (max-width: 767px) {

	/*= Blog stranice ============= */

	/** Blog stranice >> Crna podloga na All za blog post kategorije - na mobitelima **/
	#menu-item-1966 > a {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(20, 24, 31) !important;
}


	/*= Talentlyft ================ */

	/** Talentlyft >> List items - svi poslovi **/
	.tl-job {
	
}
span.tl-title {
	width: 100%;
}
span.tl-address {
	width: 100%;
	margin-top: 8px;
}

	/** Talentlyft >> Naslov posla - single **/
	.tl-desc-title {
	font-size: 30px;
}


}

