/*
Theme Name: Clemenger
Author: Nick Pitcher
Version: 1.0.0
Template: uncode
Text Domain: uncode
*/

/*--- START MEDIA QUERIES ---*/

.sbi_item {
    display: block !important;
    clear: both !important;
}

@media (pointer: coarse) {
	.page-wrapper p a {
		text-decoration: underline;
		text-decoration-thickness: 0.075em;
	}
}

@media (pointer: fine) {
	
	.overlay-menu .menu-item a,
	.main-wrapper a:not([class*=btn]):not([data-toggle]):not(.pushed) {
		display: inline !important;
		position: relative;
		overflow: hidden;
	}
	
	.menu-dark .menu-smart a:hover,
	.menu-dark .menu-smart a:focus,
	.menu-dark a.menu-smart-toggle:hover,
	.menu-dark a.menu-smart-toggle:focus,
	.main-wrapper .style-dark p a:hover,
	.main-wrapper .style-dark p a:focus,
	.main-wrapper .style-dark p a:active {
		color: inherit;
	}
	
	.overlay-menu .menu-item a:after,
	.main-wrapper a:not([class*=btn]):not([data-toggle]):not(.pushed):after {
		content: '';
		position: absolute;
		width: 0;
		height: 0.06em;
		right: 0;
		bottom: 0.1em;
		background: #000000;
		transition: width 0.3s ease-out;
	}
	
	.main-wrapper p a:not([class*=btn]):not([data-toggle]):not(.pushed):after {
		height: 0.07em;
		bottom: 0;
	}
	
	.overlay-menu .menu-item a:hover:after,
	.overlay-menu .menu-item a:focus:after,
	.overlay-menu .menu-item a:active:after,
	.main-wrapper a:not([class*=btn]):not([data-toggle]):not(.pushed):hover:after,
	.main-wrapper a:not([class*=btn]):not([data-toggle]):not(.pushed):focus:after,
	.main-wrapper a:not([class*=btn]):not([data-toggle]):not(.pushed):active:after {
		left: 0 !important;
		right: auto !important;
		width: 100% !important;
	}
	
	.overlay-menu .menu-item a:after {
		background: #ffffff !important;
	}
	
	.overlay-menu .menu-item a:after {
		bottom: 12px;
	}
	
}

@media (max-width: 569px) {
	
	h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]),
	h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) {
		font-size: 20.5px;
	}
	
	.text-lead, .text-lead > *,
	.nav-tabs .tab-excerpt.text-lead {
		font-size: 18px;
	}
	
	.menu-container .logo-container .logo-image {
		max-width: calc(100vw - 101px) !important;
		max-height: 15px !important;
	}
	
	.mobile-menu-button .lines,
	.mobile-menu-button .lines:before,
	.mobile-menu-button .lines:after,
	.mobile-menu-button .lines > span {
		width: 20px !important;
		height: 5px !important;
	}
	
	.mobile-menu-button .lines:before {
		top: -5px !important;
	}

	.mobile-menu-button .lines:after {
		top: 5px !important;
	}
	
	.empty-space.mobile-hidden + * {
		margin-top: 0 !important;
	}
	
	.sticky-footer {
		display: none;
	}
	
	.site-footer .single-internal-gutter .uncont > *:not(:first-child) {
		margin-top: 18px !important;
	}
	
}

@media (max-width: 640px) {
	
	.sbi_lightboxOverlay {
		display: none !important;
	}
	
	.sbi_lightbox {
		height: 100vh;
		top: 0 !important;
		background-color: #ffffff;
		overflow: scroll;
		position: fixed;
	}
	
	.sbi_lightbox .sbi_lb-image {
		width: 100vw !important;
		height: 100vw !important;
	}

	.sbi_lightbox .sbi_lb-dataContainer {
		height: auto;
		border-radius: 0;
	}
	
	.sbi_lb-close {
		padding: 18px !important;
		line-height: 1;
	}
	
}

@media (min-width: 641px) {
	
	.sbi_lightbox.sbi_lb-comments-enabled {
		top: 50% !important;
		transform: translateY(-50%);
	}
	
	.sbi_lb-outerContainer {
		margin: auto;
		border: 7px solid #ffffff;
		border-radius: 0;
	}
	
}

@media (max-width: 959px) {
	
	h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]) {
		font-size: 45px;
	}
	
	.menu-sticky-mobile .menu-container {
		position: fixed !important;
	}
	
	.menu-container .logo-container {
		padding: 27px !important;
	}
	
	.mobile-menu-button {
		padding: 0 27px !important;
	}
	
	.main-container .row-container .row-parent,
	.menu-smart:not(.menu-smart-social) a {
		padding-left: 27px;
		padding-right: 27px;
	}
	
	.main-container .row-container .row-parent:not([class*="-top-padding"]) {
		padding-top: 27px;
	}
	
	.main-container .row-container .row-parent:not([class*="-bottom-padding"]) {
		padding-bottom: 27px;
	}
	
	.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal, .menu-mobile-centered.menu-mobile-off-canvas .vmenu-container .vmenu-row-wrapper, .menu-mobile-centered.menu-mobile-off-canvas .overlay-menu .navbar-main {
		width: 100%;
		margin: 0;
	}
	
	body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart.menu-primary-inner > .menu-item.privacy-policy > a {
		font-size: 23px !important;
	}
	
	.uncode-close-offcanvas-mobile {
		width: auto;
		right: 22px;
	}
	
	.empty-space.tablet-hidden + * {
		margin-top: 0 !important;
	}
	
	.instagram-feed-wrapper > .row {
		padding-left: 21px !important;
		padding-right: 21px !important;
	}
	
}

@media (min-width: 960px) {
	
	.menu-sticky .menu-container {
		position: fixed !important;
	}
	
	.menu-container .logo-container {
		padding-top: 36px;
		padding-bottom: 36px;
	}
	
	html.overlay-open .menu-container {
		background: #000000 !important;
	}
	
	.instagram-feed-wrapper > .row {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	
}

/*--- END MEDIA QUERIES ---*/

/*--- START ANIMATIONS ---*/

@keyframes marquee-horizontal {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

/*--- END ANIMATIONS ---*/

/*--- START GENERAL STYLES ---*/

p, li, dt, dd, dl, address, label, small, pre, code, span.tab-excerpt {
	line-height: 1.4 !important;
}

.text-lead, .text-lead:not(ul):not(ol) > *, .text-lead > *:not(ul):not(ol):not(li) {
	margin-top: 18px;
}

.navbar {
	animation: alpha-in 0.6s forwards;
	opacity: 0;
}

.navbar-brand {
	pointer-events: none;
}
	
.menu-container {
	transition: background 0.5s !important;
}

.mobile-menu-button .lines {
	background: transparent !important;
}

.mobile-menu-button .lines,
.mobile-menu-button .lines:before,
.mobile-menu-button .lines:after,
.mobile-menu-button .lines > span {
	width: 32px;
	height: 7px;
	border-radius: 0;
}

.mobile-menu-button .lines:before,
.mobile-menu-button .lines:after,
.mobile-menu-button .lines > span {
	transform-origin: 50% center;
}

.mobile-menu-button .lines:before {
	top: -7px;
}

.mobile-menu-button .lines:after {
	top: 7px;
}

.privacy-statement .uncode_text_column:not(:first-child) {
	margin-top: 18px !important;
}

.privacy-statement a {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.sticky-footer {
	bottom: 0;
	transition: 1s ease;
	animation: anim_btt 0.6s 0.5s forwards;
	opacity: 0;
	position: fixed !important;
}

.scrolled-bottom .sticky-footer {
	bottom: -175px;
}

.sticky-footer .uncode-rotating-wrap * {
	overflow: visible !important;
}

.sticky-footer .heading-text > * {
	animation: marquee-horizontal 240s linear infinite;
	will-change: transform;
}

.sticky-footer .heading-text span {
	margin-right: 0.25em;
	white-space: nowrap;
	display: inline;
}

.sticky-footer .heading-text i {
	font-style: normal;
	transform: skewX(-7deg);
}
	
.footer-links a:not(:first-child) {
	margin-left: 15px;
}

.footer-links a:not(:last-child) {
	margin-right: 15px;
}

/*--- END GENERAL STYLES ---*/

/*--- START INSTAGRAM FEED ---*/

body.sbi_no_scroll {
	overflow: hidden !important;
}

#sb_instagram {
	min-height: 100vh;
	margin-top: -6px !important;
	padding: 0 !important;
}

#sb_instagram #sbi_images {
	padding: 0;
}

#sb_instagram #sbi_images .sbi_item {
	max-height: unset !important;
}

#sb_instagram .sbi_link {
	background: transparent;
}

#sb_instagram .sbi_info {
	text-align: left;
}

#sb_instagram .sbi_caption_wrap {
	padding: 18px 18px 27px;
}

#sb_instagram .sbi_caption {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

#sb_instagram #sbi_load .sbi_load_btn {
	margin-top: 72px;
	padding: 0;
	background: none;
}

#sb_instagram #sbi_load .sbi_loader {
	background-color: #000000 !important;
	opacity: 1 !important;
}

.sbi_lightboxOverlay {
	opacity: 0.5;
}

.sbi_lb-outerContainer,
.sbi_video,
.sbi_lb-image,
.sbi_lb-dataContainer {
	border-radius: 0 !important;
}

.sbi_lb-dataContainer {
	font-family: inherit;
	padding: 18px 18px 144px !important;
}

.sbi_lb-dataContainer,
.sbi_caption_text {
	font-weight: 300 !important;
}

.sbi_lb-data .sbi_lb-details {
	width: 100% !important;
}

.sbi_lb-data {
	padding: 0;
}

#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number, #sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a, #sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter:hover, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username p, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a:hover, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_username {
	color: #000000;
}

.sbi_lightbox .sbi_lightbox_username img {
	width: 36px;
	height: 36px;
}

.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p {
	text-decoration: none;
}

.sbi_lightbox_username p {
	font-size: 18px;
	font-weight: 300;
	line-height: 1 !important;
}

.sbi_lightbox_username p:after {
	content: 'Part of Clemenger.UnLtd';
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
	display: block;
}

.sbi_lb-data .sbi_lb-caption {
	font-size: inherit;
}

.sbi_lb-data .sbi_lb-caption a {
	font-weight: 500;
}

#sbi_lightbox .sbi_lightbox_action {
	font-size: 13px;
}

#sbi_lightbox .sbi_lightbox_action.sbi_share {
	border: none;
	margin-left: 0;
	padding-left: 0;
}

#sbi_lightbox .sbi_tooltip_social,
#sbi_lightbox .sbi_tooltip_social .sbi_share_close {
	background-color: #000000;
}

#sbi_lightbox .sbi_tooltip_social {
	border-radius: 0;
	box-shadow: none;
}

#sbi_lightbox .sbi_tooltip_social a {
	color: #ffffff !important;
}

#sbi_lightbox .sbi_tooltip_social .sbi_share_close {
	top: -10px;
	right: -10px;
	box-shadow: none;
}

.sbi_lb-close {
	background: none !important;
	opacity: 1 !important;
}

.sbi_lb-close:before,
.sbi_share_close:before {
	content: '\e117';
	font-family: 'uncodeicon';
}

.sbi_lb-close:before {
	color: #000000;
}

.sbi_share_close:before {
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sbi_expand,
.sbi_load_btn .sbi_btn_text,
.sbi_lb-nav,
.sbi_lb-close svg,
.sbi_share_close svg,
.sbi_lb-data .sbi_lb-number {
	display: none !important;
}

/*--- END INSTAGRAM FEED ---*/