/*
Theme Name: SaferPlaces
Description: Child theme for Uncode theme
Author: White Studio
Author URI: https://whitestudio.eu
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/*---- FONTS ----*/

@font-face {
    font-family: 'ModernEra-Regular';
    src: url('fonts/ModernEra-Regular.woff') format('woff'),
         url('fonts/ModernEra-Regular.woff2') format('woff2'),
         url('fonts/ModernEra-Regular.otf') format('otf');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ModernEra-Bold';
    src: url('fonts/ModernEra-Bold.woff') format('woff'),
         url('fonts/ModernEra-Bold.woff2') format('woff2'),
         url('fonts/ModernEra-Bold.otf') format('otf');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ModernEraMono-Regular';
    src: url('fonts/ModernEraMono-Regular.woff') format('woff'),
         url('fonts/ModernEraMono-Regular.woff2') format('woff2'),
         url('fonts/ModernEraMono-Regular.otf') format('otf');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/*---- SVG Fix ----*/ 

img[src$=".svg"] {
    width: auto;
}

/*---- ELEMENTS ----*/

#main-logo {padding:16px 0px 16px 0px;}

.sb-gradient-border { 
    border-top: 18px solid!important;
    border-image: linear-gradient(to right , rgb(129, 234, 166) , rgb(115, 213, 197) 50% , rgb(84, 77, 247) 85%) 1!important;
    }
    
.sb-button.btn-accent.btn-outline {background-color:white!important;}
.sb-button-green.btn-accent.btn-outline {background-color:#C3F6DC!important;}
.btn.sb-bespoke-quote {font-size: 0.98rem; padding: 19px 10px !important; text-align:left;}

b, strong { 	font-family: 'ModernEra-Bold'; }

.double-block-padding {     padding: 54px; }

/*---- RESPONSIVE ELEMENTS ----*/

@media (max-width: 959px) { 
h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) {     font-size: 32px; }	
h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]) {     font-size: 25px; }
h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) {     font-size: 14px; }
.sb-icon-clients {width:80%;margin:auto;}
	.fontsize-131650-24px { font-size: 18px; }
}



/*---- PACKAGE LIST ----*/
.sb-high-pack li {
	padding-bottom:20px;
}
.sb-list-txt {padding-left:32px; display:block;}

/*---- PLATFORM VIDEOS ----*/
.empty-space.sb-platform-vid {padding-top:360px;}
@media (max-width: 1100px) {
	.empty-space.sb-platform-vid {padding-top:300px!important}
	}
@media (max-width: 500px) {
	.empty-space.sb-platform-vid {padding-top:190px!important}
	}


/*---- NEWS ----*/
.row-navigation.row-navigation-light .btn-disable-hover {display: none}
.pagination .page-next .btn span, .navigation .page-next .btn span, .pagination .page-prev .btn span, .navigation .page-prev .btn span {display: table-cell; white-space: normal; vertical-align:middle}
.pagination .page-next i::before, .navigation .page-next i::before,.pagination .page-prev i::before, .navigation .page-prev i::before {vertical-align: top}
.pagination .page-prev i, .navigation .page-prev i, .pagination .page-next i, .navigation .page-next i {display: table-cell; padding:0 10px; top:0; vertical-align:middle}
.t-entry-readmore .btn:not(.btn-custom-typo):not(.btn-inherit), .t-entry-readmore .btn-link:not(.btn-custom-typo):not(.btn-inherit) {font-family: 'ModernEra-Bold'!important; border-bottom: 1px solid #353535; border-radius: 0!important}
.t-entry-readmore .btn:not(.btn-custom-typo):not(.btn-inherit):hover, .t-entry-readmore .btn-link:not(.btn-custom-typo):not(.btn-inherit):hover {border-bottom: 1px solid #544df7}

/*---- FOOTER ----*/
body.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a.sb-footer-links:not(.btn) {color: #353535!important}
.sb-footer-links img {padding-right: 5px; vertical-align: text-bottom}
footer li {font-size: 15px; margin-bottom: 24px}
.sb-footer-note.text-small > * {font-size: 11px}
.sb-footer-copyright ul li {display: inline-block; padding-right: 30px}
.sb-footer-partners .sb-partner-container {  
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 35px 35px;
	grid-auto-flow: row;
	align-content: center;
	align-items: center;
	justify-items: center;
}
@media (max-width: 500px) {
	.sb-footer-partners .sb-partner-container {  
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
	}
	.sb-footer-note.text-small > * {font-size: 8px}
	.sb-footer-copyright ul li {padding-right: 20px}
}
/*--- MOBILE MENU ---*/
	@media (max-width: 959px) {
		.style-color-xsdn-bg.sb-bg-blue { background-color: #534CF7!important }
		body.open-overlay-menu .menu-light .row-brand, .menu-light .row-menu .row-menu-inner { border-bottom-color: transparent }
		.lines-button.close .lines:before,.lines-button.close .lines:after {background: #fff}
		.mobile-menu-button-light .lines {background:transparent!important}
		.lines-button .lines:before { top: 3px }
		.lines-button .lines:after { top: -3px }
		.menu-wrapper .main-menu-container.middle.open-items { background-color: #534CF7; height: 100vh!important; transition: height .3s ease-in-out}
		.submenu-light:not(.isotope-filters) .menu-smart, .submenu-light:not(.isotope-filters) .menu-sidebar-inner, .submenu-light:not(.isotope-filters) .main-menu-container,.submenu-light .menu-horizontal .menu-smart ul, #uncode_sidecart.style-light { background-color: transparent!important }
		.submenu-light:not(.isotope-filters) .menu-smart a { color: #fff }
		.menu-smart a { text-transform: none; }
		.menu-smart i.fa-angle-right.fa-dropdown { display: none }
		.submenu-light .menu-smart, .submenu-light .menu-smart li { padding-bottom: 1.3rem }
		.menu-container:not(.isotope-filters) ul.menu-smart ul.drop-menu { padding-top: 2rem; padding-left: 2.5rem }
		.menu-container:not(.isotope-filters) ul.menu-smart ul.drop-menu li { padding-bottom: 1rem }
		.menu-container:not(.isotope-filters) ul.menu-smart ul.drop-menu a:not(.social-menu-link):not(.vc_control-btn) { font-size: 18px !important }
		.menu-smart i.fa-dropdown { font-size: 0.7em; padding-top: 0.4em }
		.submenu-light .menu-smart li.active > a, .submenu-light .menu-smart li.current-menu-ancestor > a, .submenu-light .menu-smart li.current-menu-item:not(.menu-item-type-custom) > a { color:#c7eee8 }
		
		.menu-item.btn-accent.btn-outline {border-color: #fff!important}
		.menu-item.btn-accent.btn-outline:not(.btn-text-skin) {color: #fff!important}
		.menu-smart > li > a > div > div > div.btn {font-size: 18px}
}

@media (min-width: 570px) and (max-width: 959px) {
	.sb-our-technology .row-inner {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		justify-items: center;
	}
	.sb-tech-a { grid-area: 1 / 1 / 2 / 2; }
	.sb-tech-b { grid-area: 1 / 2 / 2 / 3; }
	.sb-tech-c { grid-area: 2 / 1 / 3 / 3; }

	.sb-clients-needs .row-inner {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		justify-items: center;
	}
	.sb-our-technology .row-inner > div:first-child, .sb-clients-needs .row-inner > div:first-child {padding-top: 18px!important}
}
}