/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 6.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



.jr-header-icon-block {
	display: flex;
}
.jr-header-icon-block span{
	display: block;
}
.jr-header-icon-block i {
	display: flex;
    align-items: center;
	font-size: 26px;
	color: #fff;
	margin-right: 12px;
}
.jr-header-icon-block .span-icon-block-first-line {
	font-size: 14px;
	font-weight: bold;
}
.jr-header-icon-block .span-icon-block-second-line {
	font-size: 12px;
}
.jr-header-icon-block span {
	color: #fff;
}


.header-bottom > .container > .show-for-medium {
	overflow-x: scroll;
}
.header-bottom > .container > .show-for-medium > ul {
	flex-wrap: nowrap;
	justify-content: left;
}
.header-bottom-nav > li > a > img {
	border-radius: 50px;
}
#masthead > div {
	background: #fdfdfd;
	border-radius: 100px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding-left: 32px;
}

@media(max-width: 849px){
	#logo { 
		width: 150px;
		max-width: 150px;
	}
	.medium-logo-left .flex-right{ 
		flex: none;
	}
	.header-bottom-nav > li > a {
		font-size: 12px;
	}
	.header-top ul.mobile-nav {
		text-align: center;
		font-size: 12px;
	}
	.header-button > a {
		border-color: #000;
		border-radius: 0;
	}
	.header-button > a > i {
		color: #000;
	}
	.sidebar-menu > .nav > li > a {
		color: #000;
	}
	.sidebar-menu > .nav > .header-block {
		padding: 0 20px 20px 20px;
	}
	
	.sidebar-menu > .nav > li > a > img {
		border-radius: 50%;
		width: 36px;
		height: 36px;
	}
	.nav-sidebar.nav-vertical>li+li {
		border-top: 0;
	}
	.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>a {
		font-weight: 800;
        padding-right: 0;
        font-size: .8em;
        text-transform: initial;
        color: #000;
        max-width: 90%;
		padding-top: 5px;
        padding-bottom: 5px;
	}
	.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header), .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header){
		border-top: 0;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.mobile-sidebar > .sidebar-menu .sidebar-menu-tabs__tab.active{
		background-color: #ffea00;
	}
	.mobile-sidebar > .sidebar-menu .sidebar-menu-tabs__tab.active > .sidebar-menu-tabs__tab-link{
		color: #000;
	}
	.mobile-sidebar .sidebar-menu-tabs .sidebar-menu-tabs__tab .sidebar-menu-tabs__tab-link:before {
		display: none;
	}
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		background-color: #fff;
	}
	.nav.header-bottom-nav > li {
		min-width: fit-content;
	}
	.nav.header-bottom-nav > li > a {
		display: flex;
		flex-wrap: nowrap;
	}
	.nav.header-bottom-nav > li > a > img {
		width: 40px;
		height: 40px;
		border-radius: 50%;
	}
	
	.header-bottom-nav.mobile-nav > li { 
		margin: 0 0 0 13px;
	}
	.off-canvas .sidebar-menu {
		padding: 0 0 30px 0;
	}
	#masthead > div {
		padding-left: 20px;
		padding-right: 20px;
	}
}


@media(max-width: 849px){
	.header-block-o-nas-sumar p{
		font-size: .7em;
        margin-bottom: 12px;
	}
	.jr-section-padding {
		padding-left: 10px !important;
    	padding-right: 10px !important;
	}
}


#footer .jr-header-icon-block-wrapper {
	display: flex;
    flex-direction: column;
}
#footer .jr-header-icon-block-wrapper > div {
	max-width: 100%;	
	margin-bottom: 12px;
}
#footer .jr-header-icon-block-wrapper > div .button {
	color: #000;
}
#footer .header-block-o-nas-sumar,
#footer  .header-block-o-nas-social-title,
#footer  .header-block-o-nas-follow{
	display: none;
}


.mobile-sidebar .header-block-block-2 {
	margin-top: 22px
}
.btn-postup-realizacie > span {
	color: #000;
}

.jr-header-desktop-column > .col-inner {
	    display: flex;
    justify-content: end;
}
#footer {
	background: #1a3c2b;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(https://faceup.company/wp-content/uploads/2025/06/FaceUP-footer-background.svg);
	background-size: 400px;
}
@media(min-width: 850px){
	#footer {
		background-position: center bottom;
	}
}
.jr-col-white {
	padding-bottom: 0;
}
.jr-col-white > .col-inner {
	background: #fff;
    padding: 10px;
    border-radius: 20px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.jr-col-white > .col-inner img {
	border-radius: 15px;
	
}
@media(max-width: 849px){
	.jr-col-white {
		margin-bottom: 20px;
	}
	.header-wrapper .header-bg-color.fill {
		background: transparent;
	}
	.header-wrapper.stuck {
		box-shadow: none;
	}
	#header.header.has-sticky > .header-wrapper {
		padding: 6px;
	}
	#masthead > .header-inner {
		background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #fff;
	}
}


#footer .jr-header-icon-block i {
	color: #fff;
}
#footer .jr-header-icon-block {
	justify-content: center;
}
.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
	box-shadow: none;
}
.header-wrapper:not(.stuck) {
	background: #fff;
}
/* 
** Contact Form 7 Styles 
*/
.wpcf7 label {
    font-size: 12px;
    color: #111;
    font-family: 'Libre Baskerville';
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	color: #111;
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, select {
	font-size: 10px;
}
.banner h1, .banner h2, .banner h3 {
	line-height: 1.5;
}
.custom-2-line-btn {
	width: 100%;
    line-height: 18px;
    padding: 8px 0px;
	font-size: 14px;
	margin-top: auto;
}
.partnerstva-hp-column,
.partneri-hp-column{
	border: 2px solid #1a3c2b;
    margin: 10px;
    padding: 20px !important;
}
.partneri-hp-column {
	max-width: 46%;
}
.partnerstva-hp-column > .col-inner,
.partneri-hp-column > .col-inner {
	display: flex;
	flex-direction: column;
}
.nasi-partneri-wrapper {
	display: flex;
    justify-content: space-around;
}
@media(min-width: 768px){
	.partnerstva-hp-column{
		max-width: 22%;
	}
}
.nase-sluzby-popup h3 {
	font-size: 22px;
}
.nase-sluzby-popup p {
	font-size: 14px;
}
.nase-sluzby-popup .toggle {
	left: 30px;
}
.nase-sluzby-popup .accordion-inner {
	padding-left: 0;
	padding-right: 0;
}
.nase-sluzby-popup form {
	text-align: left !important;
}