@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//hotspot.sarayasolutions.com/wordpress/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.3.2") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:rgb(10,3,61);
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Noto Sans", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Lato", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(153,33,127);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(153,33,127);
}
:root{
--btn-accented-bgcolor-hover:rgb(138,30,114);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}

	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
					
							--btn-accented-bottom-active: -1px;
				--btn-accented-brd-radius: 0px;
				--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
							
					--wd-brd-radius: 0px;
		
			}

	
	
			:root{
			--wd-container-w: 1600px;
		}
	
			@media (min-width: 1600px) {
			[data-vc-full-width]:not([data-vc-stretch-content]),
			:is(.vc_section, .vc_row).wd-section-stretch {
				padding-left: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
				padding-right: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
#home_section_1 .hs_1_color_block_5_inner_line {
  position: absolute;
	left: calc(50% - 1px);
  height: 0;
  width: 2px;
  background-color: #2f1d6f;
  top: 100%;
  transform-origin: top;
  animation: extendHeight 1.3s ease-in-out forwards;
}

#home_section_1 .hs_1_color_block_5_inner.start-animation .hs_1_color_block_5_inner_line {
  animation: extendHeight 1.3s ease-in-out forwards;
}

#home_section_1 .hs_1_color_block_5_inner.reverse-animation .hs_1_color_block_5_inner_line {
  animation: retractHeight 1.3s ease-in-out forwards;
}

@keyframes extendHeight {
  to {
    height: 23.5rem;
    transform: scaleY(1);
  }
}

@keyframes retractHeight {
  from {
    height: 23.5rem;
    transform: scaleY(1);
  }
  to {
    height: 0;
    transform: scaleY(0);
  }
}

#home_section_1 .hs_1_color_block_5_inner_circle {
  position: absolute;
	left: calc(50% - 4px);
  height: 8px;
  width: 8px;
  border-radius: 8px;
  background-color: #2f1d6f;
  top: calc(100% + 23.5rem);
  opacity: 0;
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(2.5);
  }
  100% {
    transform: scale(1);
  }
}


.animated-text {
  text-decoration: none;
  display: block;
  position: relative;
  z-index: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, white 50%, grey 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: all 1.3s ease-in-out;
}

.animated-text.active {
  background-position: 0% 0;
}

/* HOMEPAGE - CSS Start */

#home_section_1,
#home_section_2,
#home_section_3,
#home_section_4 { 
background-color: #0a033d;

}

#home_section_1 { 
min-height: 90vh;
padding-top: 0;
}

#hs_1_row_1 .inner_row_2 { 
padding: 0 6rem 6rem 6rem;
margin-top: -10vh;
}

#hs_1_row_1 .inner_row_2 .inline-element:not(:last-child) {
margin-right: 0;
}

#home_section_1 .hs_1_color_block_1 { 
background-color: rgba(255,255,255,0.05) !important;
min-height: 16vh;
border-radius: 0 0 6rem 0;
margin-bottom: 20px;
}

#home_section_1 .hs_1_color_block_2 { 
z-index: 36;
position: relative;
}

#home_section_1 .hs_1_color_block_2 img { 
border-radius:  6rem 0 6rem 0;
aspect-ratio: 2/3;
}

#home_section_1 .hs_1_color_block_3 { 
background-color:  #2f1d6f;
aspect-ratio: 2/3;
border-radius: 0 6rem  0 0;
margin-bottom: 0;
}

#home_section_1 .hs_1_color_block_4 { 
background-color: rgba(255,255,255,0.05) !important;
z-index: 34;
position: relative;
min-height: 32vh;
margin-bottom: 0;
border-radius: 0 6rem 0 0;
}


#home_section_1 .hs_1_color_block_5 { 
z-index: 36;
position:relative;
margin-top: -50%;
}

#home_section_1 .hs_1_color_block_5_inner { 
background-color: #0a033d;
border-radius: 50%;
padding: 15px;
aspect-ratio: 1;
border: 2px solid  #2f1d6f;
outline: 15px solid #0a033d;
}




#home_section_1 .hs_1_color_block_5_inner img { 
aspect-ratio: 1;
border-radius: 50%;
}

#home_section_2 #hs_2_row { 
margin-top: 9rem;
margin-bottom: -6rem;
padding: 15px;
}

#home_section_2 #hs_2_row .inner_row { 
background-color: #161047;
padding: 3rem;
border-radius: 0 0 6rem 0;
	margin-left: 1rem;
}

#home_section_3 .column_1 { 
padding: 0 15px;
}

#home_section_3 .column_1.vc_column_container:first-child > .vc_column-inner { 
background-color: #2f1d6f;
}

#home_section_3 .column_1 .inner_row { 
padding: 3rem;
}


#home_section_3 .column_2 .wd-info-box {
padding: 3rem;
background-color:#e9e7e1;
flex-direction: column-reverse;
gap: 0;
--ib-icon-sp: 0;
aspect-ratio: 1;
}

#home_section_3 .column_2 .wd-info-box:hover {
background-color: #cecdca;
}


#home_section_3 .wd-info-box .info-box-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#home_section_3 .column_2 .wd-info-box .info-box-content .info-box-inner  {
    opacity: 1;
    transition-duration: .3s;
    transition-timing-function: ease;
    transition-property: opacity;
}

#home_section_3 .column_2 .wd-info-box:hover > .info-box-content .info-box-inner {
    opacity: 0;
}

#home_section_3 .column_2 .wd-info-box .box-icon-wrapper {
    display:flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: absolute;
    right: 3rem;
    bottom: 3rem;
    opacity: 0;
    color: #d54c45;
    transition-duration: .3s;
    transition-timing-function: ease;
    transition-property: opacity;
    margin-bottom: 0;
}

#home_section_3 .column_2 .wd-info-box:hover > .box-icon-wrapper {
    opacity: 1;
}

#home_section_3 .column_2 .inner_row_2 .wd-info-box.wd-wpb {
    margin-bottom: 0;
}


/* 
#home_section_2 .column_2:before { 
content: '';
height: auto;
width: 50%;
background-color: rgb(255 255 255 / 5%);
display: block;
position: absolute;
right: 0;
aspect-ratio: 2/3;
top: 0;
z-index: -1;
border-radius: 6rem 0 0 6rem;
}
*/

#home_section_3 { 
padding-top: 15rem;
padding-bottom: 9rem;
}

#home_section_3 .column_1 img { 
transform: scaleX(-1);
}

/*
#home_section_3 .column_1:before { 
content: '';
height: auto;
width: 50%;
background-color: rgb(10 3 61 / 10%);
display: block;
position: absolute;
left: 0;
aspect-ratio: 2/3;
top: 0;
z-index: -1;
border-radius: 6rem 0 0 6rem;
}

*/

/* HOMEPAGE - CSS End */

/* Header Nav - CSS Start */
.whb-sticky-real.whb-sticked .whb-row {
	background-color: #0a033d;
}
/* Header Nav - CSS End */


/* Category POST Page - CSS Start */

body.category .page-title {
	border-radius: 0 0 6rem 0;
}

body.category .page-title .container,
body.category .article-body-container { 
	text-align: left;
}

body.category .page-title .container h1 { 
	line-height: 54px;
	font-size: 46px;
	margin-bottom: 0.5rem;
}


body.category .meta-categories-wrapp { 
	    position: relative;
    top: unset;
    inset-inline: unset;
    overflow: hidden;
    height: unset;
    line-height: unset;
    margin-bottom: 0.5rem;
	padding-left: 15px;
}

body.category .wd-post-cat.wd-style-with-bg { 
	background: transparent;
    padding: 0;
    line-height: unset;
}

body.category .wd-post-cat.wd-style-with-bg>a {
    background: #98217e;
    margin-right: 0.875rem;
    padding-left: 0.875rem;
    line-height: 1.5rem;
    padding-right: 0.875rem;
    border-radius: 0.125rem;
}

body.category .wd-post-cat.wd-style-with-bg>a.sport {
    background: #2f1d6f;
}

body.category .post-title { 
	margin-bottom: 0.5rem;
}

body.category .post-title a { 
	line-height: 32px;
	font-size: 24px;
	font-weight: 600;
	padding-left: 15px;
	    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
}

body.category .saraya_archive_post_date { 
	font-size: 0.8125rem;
	line-height: 1.5rem;
	padding-left: 15px;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

body.category .article-body-container .entry-meta.wd-entry-meta,
body.category .article-body-container .hovered-social-icons,
body.category .article-body-container .entry-content.wd-entry-content,
body.category .read-more-section { 
	display: none;
}

body.category .article-body-container { 
    padding: 1.5rem 0 0 0;
    box-shadow: none;
    border: none;
		min-height: 160px;
}
body.category .blog-design-masonry.wd-add-shadow .article-inner,
body.category .blog-design-masonry.wd-add-shadow:hover .article-inner {
    box-shadow: none;
}


/* Category POST Page - CSS End */

/* Single POST Page - CSS Start */

body.single.single-post .page-title,
body.single.single-post .saraya_post_title_container .entry-meta.wd-entry-meta,
body.single.single-post .saraya_post_meta_wrapper { 
	display: none;
}
body.single.single-post .post-single-page .article-body-container,
body.single.single-post .post-single-page .entry-header,
body.single.single-post .wd-single-footer,
body.single.single-post .wd-page-nav,
body.single.single-post .comments-area,
body.single.single-post .saraya_post_title_container {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 800px !important;
	text-align: left!important;
}

body.single.single-post .saraya_post_title_container .meta-categories-wrapp { 
	    position: relative;
    top: unset;
    inset-inline: unset;
    overflow: hidden;
    height: unset;
    line-height: unset;
    margin-bottom: 0.5rem;
}

body.single.single-post .saraya_post_title_wrapper .wd-post-cat.wd-style-with-bg { 
	background: transparent;
    padding: 0;
    line-height: unset;
}

body.single.single-post .saraya_post_title_wrapper .wd-post-cat.wd-style-with-bg>a {
    background: #98217e;
    margin-right: 0.875rem;
    padding-left: 0.875rem;
    line-height: 1.5rem;
    padding-right: 0.875rem;
    border-radius: 0.125rem;
}

body.single.single-post .saraya_post_title_wrapper .wd-post-cat.wd-style-with-bg>a.sport {
    background: #2f1d6f;
}

body.single.single-post .saraya_post_title_wrapper {
	background-color: #0a033d;
	padding: 8rem 0 8rem 0;
	margin-bottom: -4rem;
	border-radius: 0 0 6rem 0;
}


body.single.single-post .saraya_post_title_container h1 { 
	line-height: 44px;
	font-size: 36px;
	color: white;
	margin-bottom: 0.5rem;
}
body.single.single-post .saraya_post_date { 
	color: white;
	font-size: 0.8125rem;
	line-height: 1.25rem;
		font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.post-single-page .entry-header img {
	aspect-ratio: 800/460;
	object-fit: cover;
	z-index: 10;
	position: relative;
}

.post-single-page .entry-header figure:before {
	content: '';
	height: 100%;
	width: 50%;
	background-color: #e7e6ec;
	display: block;
	position: absolute;
	right: -4rem;
	/* aspect-ratio: 2/3; */
	top: -4rem;
	z-index: 0;
	border-radius: 6rem 0 0 6rem;
}

body.single.single-post .wd-page-nav {
	border-top: 2px solid var(--brdcolor-gray-300) !important;
}

/* Single POST Page - CSS End */



/* @media (-webkit-device-pixel-ratio: 1.25) {
.row {
zoom: 0.8;
}
}

@media (-webkit-device-pixel-ratio: 1.5) {
.row {
zoom: 0.75;
}
}

*/

/* Filip Landing Page NEW - CSS Start */

.wd-toolbar {
	height: 64px;
	background-color: #f5f5f8;
	border: 0;
}

#landing_page_wrapper { 
	padding-top: 6rem;
	padding-bottom: 1rem;
}
#promotions_row .btn {
	justify-content: flex-start;
	text-align: left;
	margin-bottom: 20px;
}
#promotions_row .slider-type-post :is(.owl-stage-outer,.wd-owl:not(.owl-loaded)),
#news_row .slider-type-post :is(.owl-stage-outer,.wd-owl:not(.owl-loaded)),
#visit_sarajevo_row .slider-type-post :is(.owl-stage-outer,.wd-owl:not(.owl-loaded)) {
	padding-top: 0;
	padding-bottom: 0;
}

#promotions_row .title-wrapper .title,
#news_row .title-wrapper .title,
#visit_sarajevo_row .title-wrapper .title,
#forecast_row .title-wrapper .title { 
	font-size: 18px;
}

#promotions_row .blog-design-masonry.wd-add-shadow .article-inner,
#news_row .blog-design-masonry.wd-add-shadow .article-inner,
#visit_sarajevo_row .blog-design-masonry.wd-add-shadow .article-inner {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	background-color: #383A6D;
	color: white;
	padding: 1.25rem;
	border-radius: 8px;
	justify-content: space-between;
}
#promotions_row .blog-post-loop .article-body-container,
#news_row .blog-post-loop .article-body-container,
#visit_sarajevo_row .blog-post-loop .article-body-container { 
	background-color: transparent;
	text-align: left;
	padding: 0;
	margin-right: 1rem;
}
#promotions_row .blog-design-masonry.blog-style-bg.has-post-thumbnail .article-body-container,
#news_row .blog-design-masonry.blog-style-bg.has-post-thumbnail .article-body-container,
#visit_sarajevo_row .blog-design-masonry.blog-style-bg.has-post-thumbnail .article-body-container  { 
	padding: 0;
	background-color: transparent;
	text-align: left;
}

#promotions_row .blog-design-masonry .post-title,
#news_row .blog-design-masonry .post-title,
#visit_sarajevo_row .blog-design-masonry .post-title {
	color: white;
	font-size:  18px;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: normal;
}

#promotions_row .blog-design-masonry.has-post-thumbnail .post-date,
#news_row .blog-design-masonry.has-post-thumbnail .post-date,
#visit_sarajevo_row .blog-design-masonry.has-post-thumbnail .post-date {
	display: none;
}

#promotions_row .owl-nav,
#news_row .owl-nav,
#visit_sarajevo_row .owl-nav { 
	position: absolute;
	top: -32px;
	right: 0;
	width: auto;
	height: 24px;
	display: block;
}

#promotions_row .owl-nav .owl-prev,
#promotions_row .owl-nav .owl-next,
#news_row .owl-nav .owl-prev,
#news_row .owl-nav .owl-next,
#visit_sarajevo_row .owl-nav .owl-prev,
#visit_sarajevo_row .owl-nav .owl-next {
	color: white !important;
}

#promotions_row .owl-nav .owl-next,
#news_row .owl-nav .owl-next,
#visit_sarajevo_row .owl-nav .owl-next {
	margin-right:0 !important;
	right: 0 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

#promotions_row .owl-nav .owl-prev,
#news_row .owl-nav .owl-prev,
#visit_sarajevo_row .owl-nav .owl-prev {
	margin-left: 0 !important;
	right: 40px !important;
	left: unset !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}


#news_row .blog-post-loop .entry-thumbnail,
#visit_sarajevo_row .blog-post-loop .entry-thumbnail { 

	width: 100px;
	height: 100px;
}

#news_row .blog-post-loop .entry-thumbnail img,
#visit_sarajevo_row .blog-post-loop .entry-thumbnail img { 
	border-radius: 6px !important;
}

#news_row .blog-post-loop .entry-thumbnail  .post-img-wrapp a,
#visit_sarajevo_row .blog-post-loop .entry-thumbnail  .post-img-wrapp a { 
	margin: 0 !important;
}

#news_row .blog-post-loop .entry-content.wd-entry-content,
#visit_sarajevo_row .blog-post-loop .entry-content.wd-entry-content { 
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: normal;
}

#forecast_row .splw-weather-details.splw-other-opt { 
	display: flex;
	flex-direction: column;
	align-content: flex-end;
	text-align: right !important;
}

#splw-location-weather-621 .splw-lite-templates-body {
	padding: 20px;
	display: flex;
	align-items: flex-end;
}

#forecast_row .splw-lite-header {
	position: absolute;
	width: auto;
	top: 8px;
	left: 20px;
}

#forecast_row .splw-lite-wrapper .splw-lite-header-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	margin-bottom: 4px;
}

#forecast_row .splw-lite-current-temp { 
	width: 50%;
	float: left;
	margin-bottom: 8px;
}

#forecast_row #splw-location-weather-621 .splw-lite-daily-weather-details {
	width: 50%;
	float: right;
}

#forecast_row .splw-lite-header-title-wrapper  { 
	display: flex;
	flex-direction: column;
	text-align: left !important;
	align-items: flex-start;
}

#forecast_row .splw-main-wrapper.horizontal .splw-lite-templates-body {
	display: flex;
	row-gap: 10px;
	justify-content: space-between;
}

#forecast_row #splw-location-weather-621 .splw-lite-header-title {
	margin-bottom: 0;
}

#forecast_row #splw-location-weather-621 .splw-lite-desc {
	margin-top: 4px;
	font-size: 0.75rem;
	position: absolute;
	bottom: 16px;
}

#forecast_row .splw-clouds  { 
	text-align: right;
}

#forecast_row .splw-main-wrapper .splw-lite-daily-weather-details .splw-other-opt div:not(.splw-weather-icons) {
	padding-bottom: 8px;
}

#forecast_row #splw-location-weather-621.splw-main-wrapper {
	margin-bottom: 20px;
	max-width: 640px;
}

#forecast_row .splw-weather-attribution { 
	display: none;
}