/*
Theme Name: The7
Theme URI: http://dream-theme.com/the7/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Put simply, The7 is THE most customizable WordPress theme on the market. It features 630+ design customization options. People new to multipurpose WordPress themes will be delighted with The7 Design Wizard. It allows to choose basic settings like branding, colors, header layout, etc. and intelligently calculates all the rest. Voilà, your pro-grade site design is ready in mere minutes. Automatically! Add a seamless integration with Visual Composer page builder, Slider Revolution, WooCommerce, WPML (as well as other most popular plugins), and you get the definitive web-development toolkit. And, yes, it is mobile friendly (certified by Google) and SEO-ready.
Version: 3.6.1
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full {
  display: none;
}
.display-none {
  display: none;
}

#page .accent-bg .vc_bar {
  width: 100%;
}

.page-id-7108 .callToAction {
  display: none;
}
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {
}

#header-widgets {
  display: block;
  padding: 0 5px;
  width: 100%;
  text-align: right;
  margin-bottom: -32px;
  z-index: 5;
}
.page-id-4887 h2.wpb_heading {
  font-size: 23px;
  line-height: normal;
  min-height: 54px;
}

a.crniLink:link,
a.crniLink:visited {
  color: #676b6d;
  text-decoration: none;
}
a.crniLink:hover {
  color: #e31b23;
  text-decoration: none;
}
a.crniLink:active {
  color: #676b6d;
  text-decoration: none;
}
/************ naslovna baner ***************/
.baner-naslovna {
  display: block;
}

.baner-naslovna-mobile {
  display: none;
}
/************ naslovna baner end***************/

/************ godisnji paketici ***************/

.godisnji-paketici p:nth-child(5) {
  display: none;
}

@media screen and (max-width: 1085px) and (min-width: 971px) {
  .godisnji-paketici img {
    float: none !important;
    margin: 0px auto 30px auto;
    width: 341px;
    display: block;
  }
}
@media screen and (max-width: 795px) and (min-width: 300px) {
  .godisnji-paketici img {
    float: none !important;
    margin: 0px auto 30px auto;
    width: 341px;
    display: block;
  }
}

/********** fitnes sala ************/

.fitnes_sala p:nth-child(7) {
  display: none;
}
.fitnes_sala p:nth-child(8) {
  display: none;
}
.fitnes_sala p:nth-child(9) {
  display: none;
}

/**************** regionalna_konferencija ************************/

.regionalna_konferencija {
  margin-right: 20px !important;
}

@media screen and (max-width: 1228px) and (min-width: 300px) {
}

.sto_posto {
  width: 100%;
}

/************** neobicne_discipline ******************/

.neobicne_discipline p:nth-child(3) {
  display: none;
}

.mrg_top {
  margin-top: 15px;
}
.mrg_right {
  margin-right: 20px !important;
  margin-left: 0px !important;
}
.mrg_left {
  margin-left: 20px !important;
  margin-right: 0px !important;
}
.mrg_bottom {
  margin-bottom: 10px !important;
}
.addblock {
  display: block;
}
.mrg_auto {
  margin: auto !important;
  display: block !important;
  float: none !important;
}
.float_right {
  float: right !important;
}
.float_none {
  float: none !important;
}
/********** cas istorije ************/

@media screen and (max-width: 1132px) and (min-width: 971px) {
  .fl_none {
    float: none !important;
    display: block;
    margin: auto !important;
  }
}

@media screen and (max-width: 820px) and (min-width: 280px) {
  .fl_none {
    float: none !important;
    display: block;
    margin: auto !important;
  }
}

/******************Učenici ITHS-a odlično su se proveli u pozorištu i bioskopu*****************************/

#nasi_ucenici {
  overflow: hidden;
  margin: auto;
  display: block;
  width: 528px;
  float: none !important;
}

@media screen and (max-width: 570px) and (min-width: 280px) {
  #nasi_ucenici {
    width: 352px;
  }
}

@media screen and (max-width: 385px) and (min-width: 280px) {
  #nasi_ucenici {
    width: 176px;
  }
}

/***************Gost ITHS-a, novinar agencije Beta, Igor Jovanović**********************/

.gost_img {
  margin: 40px 0px !important;
  display: block;
}

@media screen and (max-width: 1050px) and (min-width: 971px) {
  .gost_img {
    float: none !important;
    margin: 10px auto !important;
    display: block;
  }
}

@media screen and (max-width: 760px) and (min-width: 280px) {
  .gost_img {
    float: none !important;
    margin: 10px auto !important;
    display: block;
  }
}

/*******************Učenici ITHS-a krenuli tragom Ive Andrića**********************/

@media screen and (max-width: 1010px) and (min-width: 971px) {
  .ivo_andric {
    float: none !important;
    margin: 10px auto !important;
    display: block;
  }
}

@media screen and (max-width: 730px) and (min-width: 280px) {
  .ivo_andric {
    float: none !important;
    margin: 10px auto !important;
    display: block;
  }
}

/************************ Učenici ITHS-a prisustvovali su premijeri filma „Ćirilo i Metodije” *************************/

@media screen and (max-width: 1042px) and (min-width: 971px) {
  .cirilo_metodije {
    float: none !important;
    margin: auto !important;
    display: block !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 780px) and (min-width: 280px) {
  .cirilo_metodije {
    float: none !important;
    margin: auto !important;
    display: block !important;
    margin-bottom: 10px !important;
  }
}

/************ Učenici ITHS-a uživali na BiciklijADI! ************/

@media screen and (max-width: 1092px) and (min-width: 971px) {
  .biciklijada {
    float: none !important;
    display: block !important;
    margin: auto !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 780px) and (min-width: 280px) {
  .biciklijada {
    float: none !important;
    display: block !important;
    margin: auto !important;
    margin-bottom: 10px !important;
  }
}

/************ Blok nastava na ITHS-u **************/

@media screen and (max-width: 1092px) and (min-width: 971px) {
  .blok_nastava {
    float: none !important;
    display: block !important;
    margin: auto !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 790px) and (min-width: 280px) {
  .blok_nastava {
    float: none !important;
    display: block !important;
    margin: auto !important;
    margin-bottom: 10px !important;
  }
}

/********************* Učenici prvog razreda ITHS-a sa profesorima posetili Noć istraživača! **********************/

@media screen and (max-width: 767px) and (min-width: 280px) {
  .noc_istrazivaca {
    float: none !important;
    display: block !important;
    margin: auto !important;
    margin-bottom: 10px !important;
  }
}

.branding a img.preload-me {
  width: 350px;
  height: auto;
  margin-top: 25px;
}

.mobile-branding a img.preload-me {
  width: 255px;
  height: auto;
}

.page-id-14478 .wpcf7-form-control.wpcf7-select {
  width: 100% !important;
}

@media (max-width: 499px) {
  /************ naslovna baner ***************/
  .baner-naslovna {
    display: none;
  }

  .baner-naslovna-mobile {
    display: block;
  }

  /************ naslovna baner end ***************/

  .baner_veliki {
    display: none;
  }
  .plavaforma table tbody td {
    text-align: left;
    color: #444;
    font-size: 15px;
    display: block;
  }
  .page-id-7108 #subPosalji {
    background: #c42326 !important;
    width: 40%;
    text-align: center;
    padding: 0;
    margin-bottom: 25px;
  }
  #txtPtt {
    width: 40%;
  }

  #txtGrad {
    width: 40%;
  }
  #txtEmail {
    width: 40%;
  }
  .content td,
  .content th {
    border-top: 1px solid transparent;
    border-top-color: transparent;
    padding: 5px 0px 5px 0px;
  }
  #txtPtt {
    width: 40%;
  }

  #txtGrad {
    width: 40%;
  }
  #cmbDrzava {
    width: 40%;
  }
  #txtTelefon {
    width: 15%;
  }
  .page-id-7108 #text-10 {
    display: none;
  }
}

@media (min-width: 500px) {
  .baner_mali {
    display: none;
  }
}

.page-id-14478 .wpcf7-form-control.wpcf7-submit {
  margin-top: 30px;
  font-size: 20px;
  padding: 2px 20px;
}

input[type="file"] {
  margin-bottom: 10px !important;
}

.page .callToAction {
  overflow: hidden;
  clear: both;
  padding-top: 35px;
  padding-left: 15px;
  border-top: 1px solid #ccc;
}

.page .callToAction img {
  float: left;
}

.page .callToAction .okvir {
  float: left;
  padding-top: 15px;
  padding-left: 10px;
}

.page .callToAction .naslov {
  font: normal 600 24px / 32px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 600;
  color: #262b2e;
  font-weight: 600;
}

.page .callToAction .podnaslov {
  color: #e1032e;
  font: normal 600 18px / 26px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}
.grecaptcha-badge {
  visibility: hidden;
}

/* NL form stilizaciji*/
#nl-form,
#frmSS49 {
  width: 100%;
  font: normal 15px / 25px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

#nl-form h3,
#frmSS49 h3 {
  margin-bottom: 5px;
}

#nl-form p,
#frmSS49 p {
  margin-top: 5px;
}

#nl-form .err,
#frmSS49 .err {
  color: #c42326;
  font-size: 12px;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
}

#nl-form input[type="text"],
#nl-form select,
#nl-form #txtTelefon,
#nl-form #txtPozivniBroj,
#frmSS49 input[type="text"],
#frmSS49 select,
#frmSS49 #txtTelefon,
#frmSS49 #txtPozivniBroj {
  background-color: #fbfcfc;
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;
  border-bottom: 2px solid #e0e1e1;
  border-top: none !important;
  border-radius: 0px;
  padding: 5px;
  width: 100% !important;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 33px;
  margin-bottom: 15px;
  color: #7b8083 !important;
}

#nl-form .hidden,
#frmSS49 .hidden {
  display: none;
}

#nl-form .flex-nl,
#frmSS49 .flex-nl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#nl-form .flex-nl .first,
#frmSS49 .flex-nl .first {
  width: 66%;
  position: relative;
}

#nl-form .flex-nl .second,
#frmSS49 .flex-nl .second {
  width: 33%;
}

#nl-form #nl-submit,
#nl-form #modal-submit,
#frmSS49 #nl-submit,
#frmSS49 #modal-submit {
  display: block;
  width: calc(100%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  font-size: 1.17em;
  font-weight: 600;
  border: none;
  cursor: pointer;
  color: white;
  height: 33px;
  font-size: 16px;
  line-height: 0 !important;
  border-radius: 0 !important;
  background-image: none !important;
  background-color: #c42326 !important;
}

#sidebar .widget-title {
  font-size: 21px;
}
/* Kraj NL form stilizaciji*/
h2 {
  font-size: 30px;
}

h3 {
  font-size: 21px;
}

/* 7minutni test */

#scuf p {
    font-weight: 700;
}

#scuf p span{
    display:none;
}

#scuf  ul li {
	padding-left:25px;
}

#scuf  ul{
	margin-bottom:20px;
}
/* END 7minutni test */


/* GTranslate redesign START */

.main-nav > li.menu-item-gtranslate a.glink {
	width: 0px;
    padding: 0;
    margin: 0;
}

@media screen and (min-width: 1000px) {
	.menu-box ul.main-nav > li.menu-item-gtranslate {
		display: none!important;
	}	
}

/* GTranslate redesign END */

@media screen and (max-width: 540px) {
.page-nav {
	display: none;
}
}

/*award div*/
.awrd-div {
    background-position: center center;
    position: fixed;
    left: 0px;
    bottom: 0;
    z-index: 9900 !important;
}

/*brainfitiny-img*/
.brainfitiny-img {
	opacity: 0.9;
}
/*award div*/
.awrd-div2 {
    background-position: center center;
    position: fixed;
    left: 0px;
    bottom: 85px;
    z-index: 9900 !important;
}
.awrd-div3 {
    background-position: center center;
    position: fixed;
    left: 0px;
    bottom: 170px;
    z-index: 9900 !important;
}
.awrd-div4 {
    background-position: center center;
    position: fixed;
    left: 0px;
    bottom: 255px;
    z-index: 9900 !important;
}

/*brainfitiny-img*/
.sons-img {
	opacity: 0.9;
}
.etw {
	opacity: 0.9;
}
/*award*/
.awwward-img {
    background-image: url("/wp-content/uploads/2015/12/Nominated.png");
    background-position: center center;
	background-repeat: no-repeat;
    height: 91px;
	/* position: fixed;
 	right: 0;
 	top: 30%; */
    width: 215px;
	opacity: 0.9;
}

@media screen and (max-width: 480px) {
  .awrd-div  {
    display: none;
  }
	.awrd-div2  {
    display: none;
  }
	.awrd-div3  {
    display: none;
  }
	.awrd-div4  {
    display: none;
  }
}

.scroll-top.on {
	display: none;
}

/****** Post Gallery Fix START ******/

.post .dt-gallery-container .gallery-item, .dt-gallery-container .gallery-item {
  display: flex;
  height: 145px;
  padding: 0 5px;
  overflow: hidden;
  box-sizing: border-box;
}


.post .dt-gallery-container .gallery-icon, .dt-gallery-container .gallery-icon {
  width: 100%;
}

.gallery-item .gallery-icon .rollover {
  width: 100%;
}

.gallery-item .gallery-icon .rollover img {
  width: 100%!important;
  height: auto!important;
}

.mfp-content .mfp-bottom-bar .mfp-title {
	display: none;
}

@media screen and (max-width: 640px) {
	.post .dt-gallery-container .gallery-item {
		width: 100%!important;
		height: auto;
		max-height: 350px;
	}
}

/****** Post Gallery Fix END ******/

.addm li {padding-bottom:10px;}







/***** DODATO ZA SHOW MORE ******/
.wpsm-show a, .wpsm-show:active, .wpsm-show:visited {
   cursor: pointer;
   text-decoration: none;
   font-size: 100%;
}
.wpsm-show:hover {
   cursor: pointer;
   text-decoration: underline;
}
.wpsm-hide a, .wpsm-hide:active, .wpsm-hide:visited {
   cursor: pointer;
   text-decoration: none;
}
.wpsm-hide:hover {
   cursor: pointer;
   text-decoration: underline;
}
.wpsm-content-hide {
  display: none;
}





#frmSS49 #CustomFields_5_47 {
	width: 30% !important;
    float: left;
}
#frmSS49 #CustomFields_5_48 {
	width: 10% !important;
    float: left;
    margin: 0 11px 15px;
}
#frmSS49 #CustomFields_5_49 {
	width: 54%!important;
    float: left;
    margin: 0;
}

@media screen and (max-width: 860px) {
	#frmSS49 #CustomFields_5_48 {
		margin: 0 10px 15px;
	}
}

@media screen and (max-width: 788px) {
	#frmSS49 #CustomFields_5_48 {
		margin: 0 9px 15px;
	}
}

@media screen and (max-width: 717px) {
	#frmSS49 #CustomFields_5_48 {
		margin: 0 8px 15px;
	}
}

@media screen and (max-width: 717px) {
	#frmSS49 #CustomFields_5_48 {
		margin: 0 10px 15px;
	}
	#frmSS49 #CustomFields_5_49 {
		width: 56%!important;
	}
}

@media screen and (max-width: 560px) {
	#frmSS49 #CustomFields_5_49 {
		width: 55%!important;
	}
}
@media screen and (max-width: 456px) {
	#frmSS49 #CustomFields_5_48 {
		margin: 0 9px 15px;
	}
}
@media screen and (max-width: 415px) {
	#frmSS49 #CustomFields_5_48 {
		margin: 0 8px 15px;
	}
}



/* MEGAMENU */

.menu-item-gtranslate {
	display: inline-block;
}

.main-nav {
	padding: 5px;
}



#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	margin-top: 15px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	font-weight: 600;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
	font-weight: 600;
}
#mega-menu-wrap-primary #mega-menu-primary {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	font-weight: 600;
}

.phantom-on .menu-item-gtranslate {
	display: none;
} 

#phantom .logo-box, #phantom .phantom-top-line-logo, .phantom-sticky.sticky-on .masthead:not(.side-header) .branding > a, .phantom-sticky.sticky-on .masthead:not(.side-header) .branding > img {
	    padding: 0px 20px 0px 0px;
}
#phantom .logo-box img {
	max-height: 80px !important;
	width: auto !important;
}

.phantom-on #mega-menu-wrap-primary #mega-menu-primary {
    padding: 20px 0px 10px 0px;
}
.phantom-on #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: none;
}

#mega-menu-wrap-primary {
    width: 100%;
}

#mega-menu-wrap-primary #mega-menu-primary img {
	padding-top: 15px;
}

@media screen and (max-width: 1130px) {
	.phantom-on #mega-menu-wrap-primary #mega-menu-primary {
		display: inline-block;
	}
}

/* @media screen and (max-width: 1040px) {
	.phantom-off #mega-menu-wrap-primary #mega-menu-primary {
		display: none;
	}
} */



@media only screen and (max-width: 1040px) {
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    background: #fff;
    padding: 0px 0px 0px 0px;
    display: block;
  }
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
    display: block;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    display: list-item;
    margin: 0;
    clear: both;
    border: 0;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    border-radius: 0;
    border: 0;
    margin: 0;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: transparent;
    text-align: left;
    color: #262b2e;
    font-size: 14px;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    width: 100%;
    clear: both;
  }
}

@media screen and (max-width: 460px) {
	.dt_team  .size-full {
		display: block;
		margin: 0 auto 20px auto;
		text-align: center;
	}
	.dt_team  .size-full.alignright {
    	float: none !important;
	}
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-weight: 600 !important;
}

/* #Social icons IZMENE
================================================== */
.soc-ico{
display: flex;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.soc-ico a {
  position: relative;
  visibility: hidden;
  display: inline-block;
  vertical-align: middle;
  /*float: left;*/
  margin: 2px;
  width: 24px;
  height: 24px;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.soc-ico a.you-tube-shorts .icon {
      background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 5px;
    margin-left: 8px;
}.soc-ico a.viber .icon {
background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 5px;
    margin-left: 5px;
}.soc-ico a.whatsapp .icon {
background-repeat: no-repeat;
    width: 22px !important;
    height: 22px !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 4px;
    margin-left: 6px;
}
#custom_html-6{
	border-right:solid 1px white;
}
.soc-ico a:before,
.soc-ico a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  content: "";
  border-radius: 100%;
  -webkit-transition: -webkit-transform 0.15s;
  transition: transform 0.150s;
}
.textwidget-test{
display: flex;
    flex-direction: column;
    justify-content: center;
  padding-top:115px;
  padding-bottom:115px;
}
@media (max-width: 768px) { /* Adjust the breakpoint as needed */
    .textwidget-test {
        padding-top:0;
  padding-bottom:0;
    }
}
.soc-icon {
  overflow: hidden;
  padding: 11px 0 10px 0;
  margin-right: 10px;
    margin-left: 10px;
}
.soc-icon a {
  position: relative;
  visibility: hidden;
  display: inline-block;
  vertical-align: middle;
  /*float: left;*/
  margin: 2px;
  width: 24px;
  height: 24px;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  
}footer [title^='Pinterest'] svg use{
  display: none !important;
}footer [title^='Pinterest'] svg{
  background-image: url('/wp-content/uploads/its-preuzeto/2024/10/pinterest.svg');  
}
footer [title^='Viber'] svg use{
  display: none !important;
}
footer [title^='WhatsApp'] svg use{
  display: none !important;
}footer [title^='WhatsApp'] svg{
  background-image: url('/wp-content/uploads/its-preuzeto/2024/10/2.svg');
}
footer [title^='Viber'] svg{
  background-image: url('/wp-content/uploads/its-preuzeto/2024/10/viber-2.svg');
}
footer [title^='Spotify'] svg use{
  display: none !important;
}
footer [title^='Spotify'] svg{
  background-image: url('/wp-content/uploads/its-preuzeto/2024/12/iconmonstr-spotify-1-1.svg');
}
footer [title^='YouTube_Shorts'] svg use{
  display: none !important;
}
footer [title^='Threads'] svg use{
  display: none !important;
}
footer [title^='Threads'] svg{
  background-image: url('/wp-content/uploads/its-preuzeto/2024/12/threads.svg');
}
footer [title^='YouTube_Shorts'] svg{
  background-image: url('/wp-content/uploads/its-preuzeto/2024/10/shorts-test.svg'); 
}
footer [title^='Tiktok'] svg {
    background-image: url(/wp-content/uploads/its-preuzeto/2024/02/tik-tok.svg);
}
footer [title^='Tiktok'] svg use {
    display: none !important;
}
.soc-icon a:before,
.soc-icon a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  content: "";
  border-radius: 100%;
  -webkit-transition: -webkit-transform 0.15s;
  transition: transform 0.150s;
}
.soc-icon a:before,
.soc-icon a:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.soc-icon a:after,
.soc-icon a:hover:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.soc-icon.text-centered a {
  float: none;
  display: inline-block;
}
#top-bar .right-block .soc-icon a {
  float: right;
  margin: 2px;
}
.soc-icon a,
.soc-icon a:hover,
#top-bar .soc-icon a:hover,
#bottom-bar .soc-icon a:hover {
  text-decoration: none;
}
#text-3 {
    border-right: solid 1px white;
}
.soc-icon a .icon {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  fill: #fff;
}
#page .soc-icon a:hover .icon,
#page .stripe .sidebar-content.solid-bg .soc-icon a:hover .icon {
  fill: #fff;
}

.content .soc-icon a:before {
    background-color: rgba(103,107,109,0.15);
  }
  .sidebar .soc-icon a:before,
  .sidebar-content .soc-icon a:before,
  .stripe .sidebar-content .soc-icon a:before {
    background-color: rgba(103,107,109,0.15);
  }
  .footer .soc-icon a:before {
    background-color: rgba(255,255,255,0.15);
  }
  .stripe-style-1 .soc-icon a:before {
    background-color: rgba(103,107,109,0.15);
  }
  .stripe-style-2 .soc-icon a:before {
    background-color: rgba(255,255,255,0.15);
  }
  .stripe-style-3 .soc-icon a:before {
    background-color: rgba(38,43,46,0.15);
  }
  .stripe-style-4 .soc-icon a:before {
    background-color: rgba(255,255,255,0.15);
  }
  .stripe-style-5 .soc-icon a:before {
    background-color: rgba(51,51,51,0.15);
  }
  #main .soc-icon a:hover,
  #footer .soc-icon a:hover {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #main .soc-icon a:after,
  #footer .soc-icon a:after {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .accent-gradient #main .soc-icon a:hover,
  .accent-gradient #footer .soc-icon a:hover {
    background: none;
  }
  .content .soc-icon a .icon {
    fill: #676b6d;
  }
  .sidebar .soc-icon a .icon,
  .sidebar-content .soc-icon a .icon,
  .stripe .sidebar-content .soc-icon a .icon {
    fill: #676b6d;
  }
  .footer .soc-icon a .icon {
    fill: #ffffff;
  }
  .stripe-style-1 .soc-icon a .icon {
    fill: #676b6d;
  }
  .stripe-style-2 .soc-icon a .icon {
    fill: #ffffff;
  }
  .stripe-style-3 .soc-icon a .icon {
    fill: #262b2e;
  }
  .stripe-style-4 .soc-icon a .icon {
    fill: #ffffff;
  }
  .stripe-style-5 .soc-icon a .icon {
    fill: #333333;
  }
.entry-meta .author {
	display: none !important;
}
.post .entry-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
footer [title^='Tiktok'] svg use {
    display: none !important;
}
footer [title^='Vimeo'] svg use{
  display: none !important;
}
footer [title^='Tiktok'] svg {
    background-image: url(/wp-content/uploads/its-preuzeto/2024/02/tik-tok.svg);
}
footer [title^='Vimeo'] svg{
  background-image: url('/wp-content/uploads/its-preuzeto/2024/11/vimeo1.svg');
}
/* Container for sticky icons */
.sticky-icons-side {
    position: fixed;
    right: 0;
    bottom: 45%; /* 20% from bottom of the screen */
    display: flex;
    flex-direction: column;
    z-index: 9999;
}
@media (max-width: 768px) {
    .sticky-icons-side {
  bottom:50%;
  }
}

/* Style for each icon background */
.sticky-icons-side a {
    width: 40px; /* Set width of each icon background */
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px; /* Small gap between icons */
    overflow: hidden;
    transition: transform 0.3s ease;
    
}

/* Viber icon specific background color */
.icon-viber {
    background-color: #665CAC; /* Purple for Viber */
  border-radius: 8px 0 0 0;
}

/* Messenger icon specific background color */
.icon-whatsapp {
    background-color: #25D366; /* Blue for Messenger */
  border-radius: 0 0 0 8px;
}
.icon-messenger {
background-color: #4267B2;
}

/* Icon image styling */
.sticky-icons-side img {
    width: 24px; /* Icon size for better fit */
    height: auto;
}
@media (max-width: 767px) {
    .baner-naslovna-mobile {
        display: block;
    }
}
#trigger-overlay{
background-color: white;
    padding-left: 30px;
    padding-top: 5px;
    padding-right: 5px;
    border-radius: 30px;
    padding-bottom: 5px;
}

.image {
    background: #e1032d none repeat scroll 0 0;
    padding: 20px 0;
    text-align: center;
}

.image  img {
    height: auto;
    max-width: 100%;
    width: 85px;
    padding: 20px 0;
}

.image > h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
}
.iconica{
    background-image:url(/wp-content/uploads/2016/05/ikonice.png);
    
    margin: auto auto;
}

#student1{
     background-position: -93px 62px ;
    width: 75px;
        height: 67px;
    
}

#roditelji {
    background-position: -246px 68px ;
    width: 75px;
    height: 67px;
}

#profesori{
        background-position: 81px 0px ;
    width: 75px;
    height: 67px;
}
#poslodavci{
   background-position:  173px 0px ;
    width: 75px;
    height: 67px;
}

#centar{
   background-position: 2px 0px ;
    width: 75px;
    height: 67px;
}

#upis{
   background-position: -171px -65px;
    width: 75px;
    height: 67px;
}



.boxes .wpb_wrapper {
    background: #fff none repeat scroll 0 0;
}

.lista-karijera {
    list-style: outside none none !important;
    margin: 0 !important;
    padding: 0 20px;
    text-align: center;
    min-height: 80px;
    margin-top: 25px !important;
}

.lista-karijera > li {
    padding: 6px 0;
}

.lista-karijera a {
    text-decoration: none;
    display: block;
}

.lista-karijera a:link,
.lista-karijera a:visited {
    color:#676b6d
}

.lista-karijera a:hover {
    color:#e1032d
}

.boxes .wpb_content_element {
    margin-bottom: 0px !important;
}

.najbolje_resenje {

    text-transform: uppercase;
    color: #fff !important;
       margin-top: 36px !important;
        text-align: center;
}