/*
Theme Name: Translogic Child
Template: translogic
Theme URI: http://translogic.themerex.net/
Description: Translogic - excellent WordPress theme with many different blog and header layouts
Author: ThemeREX
Author URI: http://themerex.net/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
.scheme_default .widget_search .search-field {
	border:1px solid #c8c6c6;
	transition:border 0.4s;
}

.scheme_default .widget_search .search-field:focus {
	border:1px solid #ff2400;
	transition:border 0.4s;
}

.custom-select-border {
    border: 1px orange;
}

.cli_settings_button {
	visibility:hidden;
}

.grecaptcha-badge { 
	visibility: hidden; 
}

.scheme_default input[type="tel"] {
	background-color:#fff !important;
}

.menu_mobile .social_item a {
	font-size:2em;
}

.sc_layouts_iconed_text_line1 {
    color: black !important;
}

.sc_layouts_iconed_text_icon {
    color: #df3629 !important;
}

#facebookIconHeader {
    font-size: 8px !important;
}

.artikli_list_cijena {
    font-weight: bold !important;
}

#rev_slider_1_1_wrapper rs-tabs {
	width:100% !important;
	max-height:100% !important;
	height:400px !important;
	top:55% !important;
}

#rev_slider_1_1_wrapper rs-tabs-wrap {
	display: flex !important;
	width:100% !important;
	flex-wrap:wrap !important;
	align-items:center !important;
	justify-content:center !important;
	max-height:100% !important;
	height:100% !important;
	max-width:100% !important;
	gap:5px;
	flex-direction:row;
}


#rev_slider_1_1_wrapper rs-navmask {
		width: 100% !important;
		max-height:100% !important;
	max-width:100% !important;
	height:100% !important;
}

#rev_slider_1_1_wrapper .hesperiden_copy45 .tp-tab-content {
	width:100% !important;
	height:100% !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	bottom:0 !important;
	margin:0 auto !important;
	padding: 2px !important;
}

#rev_slider_1_1_wrapper rs-tab {
	padding: 0 !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	min-height:30% !important;
	max-height:45% !important;
	flex-basis:16% !important;
	width:16% !important;
}

#rev_slider_1_1_wrapper .hesperiden_copy45 .tp-tab.selected {
	background:none;
}

.wpCustomMenuDesign {
	margin:0 !important;
	/*border-bottom: 2px solid rgb(255, 58, 45) !important;
	padding-bottom: 10px !important;*/
}

.wpCustomMenuDesign ul {
	list-style:none !important;
	display: flex !important;
	align-content:center !important;
	justify-content:center !important;
	flex-direction:row !important;
	flex-wrap:wrap !important;
	gap: 40px !important;
	background:none !important;
	padding:0;
	margin-bottom:0px !important;
}

.misijskiIzlogFeaturedBackground {
	background-size:contain !important;
}

.misionarFeaturedBackground {
	background-size:contain !important;
}

.wpCustomMenuDesign a {
	display:inline-block !important;
	text-align:center !important;
	width:100% !important;
	padding:15px 5px 15px 5px !important;
	background-color:#f79468 !important;
	border-radius:5px;
	color:#fff !important;
}

#layoutMenuColumn {
	align-self:center;
}

#donirajBtnColumn {
	align-self:center;
}

.wpCustomMenuDesign li {
	text-align:center !important;
}

.wpCustomMenuDesign a:hover {
	/*border-bottom: 2px solid rgb(255, 58, 45) !important;*/
	background-color:#f57f4b !important;
	color:#fff !important;
	
	-webkit-transition : background 0.15s ease-in;
  	-moz-transition : background 0.15s ease-in;
  	-o-transition : background 0.15s ease-in;
  	transition : background 0.15s ease-in;
}

.page_wrap {
	background-image:linear-gradient(to right, rgba(255,255,255, 0.9) 0 100%), url('/wp-content/uploads/2021/10/shutterstock_1061897783_background_TYPE2_compressed.jpg') !important;
	background-repeat:repeat-y !important;
	background-size:contain;
	background-position:center;
}

#donirajBtn {
	position:relative;
	top:10px;
	right:10px;
}

#headerLayoutMenu ul li a {
	font-weight:600 !important;
}

#donirajBtn a {
	background:linear-gradient(to right, #ffffff 50%,#f23a2c 50%) no-repeat scroll right bottom / 210% 100% #f23a2c !important;
	color:#ffffff !important;
	border:none;
}

#donirajBtn a:hover {
	background:white !important;
	color:#000000 !important;
	border: 1px solid #bfbfbf;
}

#donirajBtn a i {
	color: #ffffff;
}

#donirajBtn a:hover i {
	color:#cc2418;
}

#menu-dar-za-misije a:hover i {
	color:#cc2418 !important;
	transition:color 0.5s;
	-webkit-transition:color 0.5s;
	-moz-transition:color 0.5s;
	-ms-transition:color 0.5s;
}

#menu-dar-za-misije i {
	margin-right:10px;
}

#layoutLogoColumn {
	text-align:left;
}

.artikal_fa_icon {
	color:#1f2c36 !important;
	font-size:25px !important;
	font-weight:bold !important;
}

.artikal_icon_text {
	color:#df3629 !important;
	font-size:20px !important;
	font-weight:bold !important;
}

.artikal_facebook_icon {
	font-size:12px !important;
	margin-bottom:25px !important;
}

.artikal_telefon_text {
	text-align: center;
}

#singleArtikliPostFeatured img {
	border: 5px solid #98251c;
}

.vc_gitem-post-data p {
	display: -webkit-box;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;  
	width:100%;
	overflow: hidden;
	/* FALLBACK */
	height:100px;
	line-height:33px;
}

.vc_gitem-post-meta-field-kratki_opis {
	display: -webkit-box;
  	-webkit-line-clamp: 4;
  	-webkit-box-orient: vertical;  
	width:100%;
	overflow: hidden;
	/* FALLBACK */
	height:100px;
	line-height:25px;
}

.vc_gitem-post-data h4 {
	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;  
	width:100%;
	overflow: hidden;
	/* FALLBACK */
	height:60px;
	line-height:30px;
}

.vc_grid-owl-dot {
	background-color:#000 !important;
}

.osjencanaSlika {
	box-shadow: 1px 1px 8px 5px #dfdfdf;
	-webkit-box-shadow: 1px 1px 8px 5px #dfdfdf;
	-moz-box-shadow: 1px 1px 8px 5px #dfdfdf;
	-ms-box-shadow: 1px 1px 8px 5px #dfdfdf;
    border: 5px solid #832601;
}

.vc_grid-pagination {
	margin-top: 50px;	
}

.vc_grid-pagination .vc_grid-pagination-list > li > a, .vc_grid-pagination .vc_grid-pagination-list > li > span {
	font-size:18px !important;
}

.vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-grey > li > a, .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-grey > li > span {
	color:#6e6e6e !important;
}

.sc_layouts_title {
	margin-top:30px;
	margin-bottom:30px;
}

#onama_djeloSirenjeVjereBtn a {
	background-color:#ED1C24 !important;
}

#onama_djeloDjetinjstvaBtn a {
	background-color:#1B75BC !important;
}

#onama_djeloPetraBtn a {
	background-color:#F1B42F !important;
}

#onama_djeloMisijskaBtn a {
	background-color:#44B549 !important;
}

#onama_djeloSirenjeVjereBtn a:hover {
	background-color:#CC181F !important;
}

#onama_djeloDjetinjstvaBtn a:hover {
	background-color:#155E98 !important;
}

#onama_djeloPetraBtn a:hover {
	background-color:#DAA32C !important;
}

#onama_djeloMisijskaBtn a:hover {
	background-color:#358F39 !important;
}

header .sc_layouts_item {
	margin-right:1.5em !important;
}

#anchorNavigacijaId a {
	background-color:#f79468;
	padding: 15px 5px;
	border-radius:5px;
	color:#fff;
}

#anchorNavigacijaId a:hover {
	background-color:#f57f4b;
	color:#fff;
}

.category-radosnavijest .post_layout_classic .post_title {
	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;  
	width:100%;
	overflow: hidden;
	height:60px;
	line-height:30px;
}

#ravnateljicaRow {
	display:flex;
	align-items:flex-end;
}

.vc_row_align_bottom {
	display: flex;
	align-items: flex-end;
}

@media screen and (max-width: 959px) {
	#donirajBtn {
		font-size:12px !important;
		right:40px;
	}
	
	/*#logoNaslovId a {
		text-align:center !important;
	}*/

	.artikal_fa_icon {
		font-size: 21px !important;
	}

	.artikal_icon_text {
		font-size: 16px !important;
	}

	.artikal_facebook_icon {
		font-size: 10px !important;
	}
}

@media screen and (max-width:768px) {
	.artikal_telefon_text {
		text-align: left;
	}
	
	#ravnateljicaRow {
		display:block;
	}

	.vc_row_align_bottom {
		display: block;
	}
	
	#rev_slider_1_1_wrapper rs-tabs {
		background-color:rgba(0, 0, 0, 0.2) !important;
		top:60% !important;
		height:100% !important;
		max-height: 320px !important;
		
		
		/*position:absolute !important;
		top:100% !important;
		left:0 !important;*/
	}
	
	#donirajBtn {
		right:0;
	}
	
	.wpCustomMenuDesign ul {
		flex-direction:column !important;
		justify-content:flex-start !important;
		align-items:center !important;
		flex-wrap:nowrap !important;
		padding:0;
		text-align:center;
	}
	
	.wpCustomMenuDesign li {
		width:40% !important;
	}
	
	#rev_slider_1_1_wrapper rs-tabs-wrap {
		flex-direction:column !important;
		flex-wrap:wrap !important;
		justify-content:center !important;
		align-items:center !important;
		height:100% !important;
		gap: 15px !important;
	}
	
	#rev_slider_1_1_wrapper rs-navmask {
		height:100% !important;
		max-height:100% !important;
		width: 100% !important;
	}
	
	#rev_slider_1_1_wrapper rs-tab {
		flex-basis:25% !important;
		width:45% !important;
		height:80px !important;
	}
	
	.map_aspect_ratio {
		padding-top:90% !important;
	}

	.artikal_fa_icon {
		font-size: 19px !important;
	}

	.artikal_icon_text {
		font-size: 14px !important;
	}

	.artikal_facebook_icon {
		font-size: 8px !important;
	}
}

@media screen and (max-width:480px) {
	.content_wrap {
		width:92% !important;
	}
	
	.wpCustomMenuDesign li {
		width:90% !important;
	}
	
	#rev_slider_1_1_wrapper rs-tabs-wrap {
		flex-wrap:nowrap !important;
		justify-content:flex-end !important;
		gap: 2px !important;
	}
	
	#rev_slider_1_1_wrapper rs-tab {
		flex-basis:70% !important;
		width:70% !important;
		min-height: 10% !important;
		max-height: 30% !important;
	}
}

@media screen and (max-width:346px) {
	
	
	#donirajBtn {
		right:0;
	}
	
	#rev_slider_1_1_wrapper rs-tab {
		flex-basis:80% !important;
		width:80% !important;
		height:35px !important;
	}
	
	#rev_slider_1_1_wrapper rs-tabs {
		height:60% !important;
	}
}

/* ============================================================
   Slider Revolution 7 - MAIN MENU SLIDER
   Port of the original SR6 layout + Hesperiden Copy skin
   ============================================================ */


/* ------------------------------------------------------------
   NAVIGATION CONTAINER

   SR6 final state:
   max-width: 1210px
   top: 55%
   transform Y: -165px
   height after site override: 400px
   ------------------------------------------------------------ */

#SR7_1_1 > sr7-content > sr7-tabs.hesperiden_copy45 {
	position: absolute !important;

	width: 100% !important;
	max-width: 1210px !important;

	height: 400px !important;
	max-height: 100% !important;

	top: 55% !important;
	left: 50% !important;
	right: auto !important;
	bottom: auto !important;

	/*
	 * Old SR6 was:
	 * transform: translate(-610px, -165px)
	 *
	 * -50% is the same horizontal result but safer.
	 */
	transform: translate(-50%, -165px) !important;

	padding: 5px !important;

	background: transparent !important;
	overflow: visible !important;

	box-sizing: border-box !important;
}


/* ------------------------------------------------------------
   MASK
   Old: rs-navmask
   New: sr7-tt-mask
   ------------------------------------------------------------ */

#SR7_1_1 > sr7-content >
sr7-tabs.hesperiden_copy45 > sr7-tt-mask {
	width: 100% !important;
	height: 100% !important;

	max-width: 100% !important;
	max-height: 100% !important;

	padding: 0 !important;

	overflow: hidden !important;
}


/* ------------------------------------------------------------
   TABS WRAPPER

   The original theme CSS deliberately converted this to flex.
   ------------------------------------------------------------ */

#SR7_1_1 > sr7-content >
sr7-tabs.hesperiden_copy45 sr7-tabs-wrap {
	position: relative !important;

	display: flex !important;

	width: 100% !important;
	height: 100% !important;

	flex-direction: row !important;
	flex-wrap: wrap !important;

	align-items: center !important;
	align-content: center !important;
	justify-content: center !important;

	gap: 5px !important;
}


/* ------------------------------------------------------------
   INDIVIDUAL TAB

   Critical SR7 fix:
   SR7 injects position:absolute + translate(...) inline.
   Those MUST be cancelled when using the old flex layout.
   ------------------------------------------------------------ */

#SR7_1_1 > sr7-content >
sr7-tabs.hesperiden_copy45 sr7-tab {
	position: relative !important;

	top: 0 !important;
	left: 0 !important;

	transform: none !important;
	translate: none !important;

	padding: 0 !important;
	margin: 0 !important;

	flex: 0 0 16% !important;
	flex-basis: 16% !important;

	width: 16% !important;
	max-width: none !important;

	/*
	 * Original inline tab height was 100px,
	 * but old site CSS applied min-height:30%
	 * of the 400px container = 120px.
	 */
	height: 100px !important;
	min-height: 30% !important;
	max-height: 45% !important;

	box-sizing: border-box !important;

	border: 1px solid #cfcfcf !important;

	font-family: Roboto, sans-serif;
}


/* Make the anchor fill the complete tab */

#SR7_1_1 .hesperiden_copy45 sr7-tab > a {
	display: block !important;

	width: 100% !important;
	height: 100% !important;

	text-decoration: none !important;
}


/* ------------------------------------------------------------
   TAB CONTENT
   Direct port of old .tp-tab-content
   ------------------------------------------------------------ */

#SR7_1_1 .hesperiden_copy45 .sr7-tab-content {
	display: flex !important;

	flex-direction: column !important;
	flex-wrap: nowrap !important;

	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	height: 100% !important;

	position: relative !important;

	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;

	margin: 0 auto !important;
	padding: 2px !important;

	overflow: hidden !important;
	box-sizing: border-box !important;

	background: rgba(216, 216, 216, 0.3) !important;

	color: #333333;

	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}


/* ------------------------------------------------------------
   NORMAL TAB TITLE
   ------------------------------------------------------------ */

#SR7_1_1 .hesperiden_copy45 .sr7-tab-title {
	display: block;

	text-align: center !important;

	color: #ffffff;

	font-family: Roboto, sans-serif;
	font-size: 28px;
	font-weight: 600;

	text-transform: none;

	text-shadow: -2px 2px 4px #000;

	transition: color 0.8s;
	-webkit-transition: color 0.8s;
}


/* ------------------------------------------------------------
   CUSTOM SLIDE COLORS
   ------------------------------------------------------------ */

#SR7_1_1 .djeloSirenje {
	color: #ED1C24 !important;
}

#SR7_1_1 .djeloDjetinjstva {
	color: #1B75BC !important;
}

#SR7_1_1 .djeloPetra {
	color: #F1B42F !important;
}

#SR7_1_1 .misijskaTab {
	color: #44B549 !important;
}


/* ------------------------------------------------------------
   RADOSNA VIJEST
   ------------------------------------------------------------ */

#SR7_1_1 .radosnaTab {
	font-family: Cabin, serif !important;
	font-size: 30px !important;
	font-weight: 400 !important;

	position: relative !important;

	top: -4px;
	left: 10px;
}

#SR7_1_1 .radosnaPreTitle {
	display: block !important;

	color: #e63b02 !important;

	font-family: Cabin, serif !important;
	font-size: 32px !important;
	font-weight: 600 !important;

	position: relative !important;

	top: 4px;
	left: -10px;

	z-index: 1;

	transition: color 0.8s;
	-webkit-transition: color 0.8s;
}


/* ------------------------------------------------------------
   MiVA
   ------------------------------------------------------------ */

#SR7_1_1 .mivaTab {
	font-family: "Maven Pro", sans-serif !important;
	font-size: 32px !important;
	font-weight: 600 !important;
}


/* ------------------------------------------------------------
   SELECTED / HOVER
   ------------------------------------------------------------ */

#SR7_1_1 .hesperiden_copy45 sr7-tab.selected {
	background: none !important;
}

#SR7_1_1 .hesperiden_copy45 sr7-tab:hover,
#SR7_1_1 .hesperiden_copy45 sr7-tab.sr7-touchhover {
	background-color: #eeeeee !important;

	border-top: 3px solid #df3629 !important;

	color: #df3629;

	transition: color 0.8s;
}

#SR7_1_1 .hesperiden_copy45 sr7-tab:hover .sr7-tab-title,
#SR7_1_1 .hesperiden_copy45 sr7-tab.sr7-touchhover .sr7-tab-title {
	color: #a93a02 !important;

	text-shadow: none;

	transition: color 0.8s;
}

#SR7_1_1 .hesperiden_copy45 sr7-tab:hover .radosnaPreTitle,
#SR7_1_1 .hesperiden_copy45 sr7-tab.sr7-touchhover .radosnaPreTitle {
	color: #ffffff !important;
}

#SR7_1_1 .hesperiden_copy45 sr7-tab,
#SR7_1_1 .hesperiden_copy45 sr7-tab:not(.selected) {
	opacity: 1 !important;
	filter: none !important;
}

/* ============================================================
   RESPONSIVE - same breakpoints/behaviour as old site
   ============================================================ */


/* ------------------------------------------------------------
   <= 960px
   ------------------------------------------------------------ */

@media screen and (max-width: 960px) {

	#SR7_1_1 .hesperiden_copy45 .sr7-tab-title {
		font-size: 18px;
	}

	#SR7_1_1 .radosnaTab {
		font-size: 20px !important;
	}

	#SR7_1_1 .radosnaPreTitle {
		font-size: 22px !important;
	}

	#SR7_1_1 .mivaTab {
		font-size: 22px !important;
	}

	#SR7_1_1 .hesperiden_copy45 .sr7-tab-content {
		padding: 8px 4px !important;
	}
}


/* ------------------------------------------------------------
   <= 768px
   ------------------------------------------------------------ */

@media screen and (max-width: 768px) {

	#SR7_1_1 > sr7-content > sr7-tabs.hesperiden_copy45 {
		top: 60% !important;

		height: auto !important;
		min-height: 300px !important;
		max-height: none !important;

		background-color: rgba(0, 0, 0, 0.2) !important;
	}

	#SR7_1_1 > sr7-content >
	sr7-tabs.hesperiden_copy45 sr7-tt-mask {
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}

	#SR7_1_1 > sr7-content >
	sr7-tabs.hesperiden_copy45 sr7-tabs-wrap {
		display: flex !important;

		flex-direction: row !important;
		flex-wrap: wrap !important;

		justify-content: center !important;
		align-items: stretch !important;
		align-content: flex-start !important;

		width: 100% !important;
		height: auto !important;

		gap: 10px !important;
	}

	#SR7_1_1 > sr7-content >
	sr7-tabs.hesperiden_copy45 sr7-tab {
		position: relative !important;
		transform: none !important;
		translate: none !important;

		flex: 0 0 calc(50% - 10px) !important;

		width: calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;

		height: 80px !important;
		min-height: 80px !important;
		max-height: none !important;
	}
}


/* ------------------------------------------------------------
   <= 480px
   ------------------------------------------------------------ */

@media screen and (max-width: 480px) {

	#SR7_1_1 > sr7-content >
	sr7-tabs.hesperiden_copy45 sr7-tabs-wrap {
		flex-direction: row !important;
		flex-wrap: wrap !important;

		justify-content: center !important;

		height: auto !important;

		gap: 4px !important;
	}

	#SR7_1_1 > sr7-content >
	sr7-tabs.hesperiden_copy45 sr7-tab {
		flex: 0 0 90% !important;

		width: 90% !important;
		max-width: 90% !important;

		height: 55px !important;
		min-height: 55px !important;
		max-height: none !important;
	}
}


/* ------------------------------------------------------------
   <= 346px
   ------------------------------------------------------------ */

@media screen and (max-width: 346px) {

	#SR7_1_1 > sr7-content >
	sr7-tabs.hesperiden_copy45 sr7-tab {
		flex-basis: 80% !important;

		width: 80% !important;
		max-width: 80% !important;

		height: 35px !important;
	}

	#SR7_1_1 > sr7-content >
	sr7-tabs.hesperiden_copy45 {
		height: 60% !important;
	}
}