/*
Theme Name: Zelbet Theme
Theme URI: https://vrubel.online
Author: Petr Vrubel
Author URI: https://vrubel.online
Description: Custom theme based on twentytwentyfour theme from wordpress for startign building the themes
Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: zelbet-theme
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

html {
	scroll-behavior: smooth;
}

.is-display-none {
    display: none!important;
}

.is-hidden {
    visibility: hidden!important;
}

.has-no-block-spacing {
	margin-top: 0px!important;
}

.is-full-height {
    min-height: var(--wp--custom--section--full-height);
}

.is-width-100{
	width:100%;
}

.is-height-100{
	height:100%;
}

.is-overflow-hidden {
	overflow:hidden;
}

.is-overflow-auto {
	overflow:auto;
}

.has-background-position-center {
	background-position:center;
}

@media (max-width: 781px) {
	.is-overlay-dark-to-transparent-90:after {
		background-image: linear-gradient(90deg, var(--wp--preset--color--base) 30%, var(--wp--preset--color--base) 60%)!important;
	}
	
	.is-column-reverse-mobile {
		flex-direction: column-reverse!important;
	}
	
	.is-justify-content-center-mobile {
		justify-content: center!important;
	}
}

/* Modified for responsive */
.is-overlay-dark-to-transparent-90{
	z-index: -1;
	position: relative;
}

.is-overlay-dark-to-transparent-90:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, var(--wp--preset--color--base) 30%, var(--wp--preset--color--transparent) 60%);
	opacity: 0.7;
	z-index: 2;
}

.is-overlay-light-dark-to-light-dark::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, var(--wp--preset--color--base) 1000%, var(--wp--preset--color--transparent) 60%);
	opacity: 0.7;
	z-index: 2;
}

.is-overlay-dark-to-dark::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, var(--wp--preset--color--base) 1000%, var(--wp--preset--color--transparent) 60%);
	opacity: 0.95;
	z-index: 2;
}

/* Gallery hoover tweaking css */
.shows-only-first-6-child.wp-block-gallery.zelbet-finishd-gallery > *:not(:nth-child(-n+6)) {
	display:none;
}

.zelbet-finishd-gallery a {
    position: relative;
    display: inline-block;
    overflow: hidden;
	border-radius: 0.7rem;
}

.zelbet-finishd-gallery a img {
    display: block;
    width: 100%;
    transition: filter 0.3s ease;
}

.zelbet-finishd-gallery a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ed3232; 
    mix-blend-mode: multiply;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.zelbet-finishd-gallery a::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="%23FFFFFF" d="M120-120v-320h80v184l504-504H520v-80h320v320h-80v-184L256-200h184v80H120Z"/></svg>');
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zelbet-finishd-gallery a:hover img {
    filter: grayscale(100%) contrast(1.2); /* Adjust contrast for a stronger effect */
}

.zelbet-finishd-gallery a:hover::before {
    opacity: 1; /* Red overlay visible */
}

.zelbet-finishd-gallery a:hover::after {
    opacity: 1; /* SVG icon visible */
}
/* END  Gallery hoover tweaking css */
.has-negative-margin-top-50 {
	margin-top: calc( var(--wp--preset--spacing--50) * -1 )!important;
}

.has-building-outline-in-background {
	background-image: url('/wp-content/uploads/2023/12/building-background.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.has-building-outline-in-background-2 {
	background-image: url('/wp-content/uploads/2023/12/black-background-house-outline.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.has-building-outline-in-background-3 {
	background-image: url('/wp-content/uploads/2023/12/underlay-image-cvai2-hf.webp');
	background-repeat: no-repeat;
	background-size: 250px auto;
	background-position: bottom left;
}





/* START Menu Links Styling */
.current-menu-item:not(.has-child),
.current-menu-item a.current-menu-ancestor,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item:not(.has-child){
	color: var(--wp--preset--color--accent)!important;
	padding-bottom: 5px;
	border-bottom: 2px solid;
}

.current-menu-item a.wp-block-navigation-item__content {
	font-weight: 700;
}

/* Menu Link Colors */
.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--contrast-2);
}
/*
.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open li.current-menu-item:not(.has-child) {
	color: var(--wp--preset--color--accent)!important;
}
*/
/* Dropdown menu CSS */

.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
 background-color: var(--wp--preset--color--base-2);
  color: var(--wp--preset--color--contrast);
  border-radius: 0px 0.3rem 0.3rem 0.3rem;
}

.wp-block-navigation__submenu-containe:not(:last-child) {
  border-bottom: 1px solid var(--wp--preset--color--base-3);
}

.wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
  background-color: var(--wp--preset--color--base-3);
}

.wp-block-navigation__submenu-container .wp-block-navigation-item a {
	text-decoration: none!important;
}



/* END Dropdown menu CSS */
/* END of menu styling */




/* WP Froms CSS */
.zelbet-contact-form label.wpforms-field-label {
  color: var(--wp--preset--color--contrast)!important;
}

.zelbet-contact-form div.wpforms-field input,
.zelbet-contact-form div.wpforms-field textarea{
  	max-width: 100%!important;
	background-color: #11111100!important;
	border: solid 2px var(--wp--preset--color--contrast)!important;
	border-radius: 0.4rem!important;
	color: var(--wp--preset--color--contrast)!important;
	box-shadow: none!important;
}


.zelbet-contact-form div.wpforms-field input:focus,
.zelbet-contact-form div.wpforms-field textarea:focus {
	border: solid 2px var(--wp--preset--color--accent);
	box-shadow: none;
	color: var(--wp--preset--color--contrast);
}

.zelbet-contact-form form.wpforms-form div.wpforms-submit-container button.zelbet-non-block-buttons {
	background-color: var(--wp--preset--color--accent);
	border-radius: 0.7rem;
	color: var(--wp--preset--color--contrast);
	font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.219), 1.05rem);
	font-style: normal;
	font-weight: 900;
	padding-top: 0.75rem;
	padding-right: 2.5rem;
	padding-bottom: 0.75rem;
	padding-left: 2.5rem;
}

.zelbet-contact-form form.wpforms-form div.wpforms-submit-container button.zelbet-non-block-buttons:hover {
	background-color: var(--wp--preset--color--contrast-2);
	border-color: var(--wp--preset--color--contrast-2);
	color: var(--wp--preset--color--base);
}




/* Glider CSS */
.glider-dots .glider-dot {
	margin-right: 0.5rem!important;
}

.glider-dots .glider-dot.active {
	background: var(--wp--preset--color--accent-3);
	cursor: pointer;
}

.glider-left, .glider-right {
	filter: grayscale(1) brightness(1.75);
	cursor: pointer;
}

.glider-left.disabled, .glider-right.disabled, .glider-left.disabled:hover, .glider-right.disabled:hover {
	filter: grayscale(1) brightness(1);
	cursor: not-allowed;
}

.glider-left:hover, .glider-right:hover{
	filter: none;	
}

.zelbet-slider-main-image {
	cursor: pointer;
}

/* END Glider CSS */

/* Cross incresase size and move */
nav.wp-block-navigation div.has-modal-open button.wp-block-navigation__responsive-container-close {
  margin-right: 2rem;
  transform: scale(1.4);
}

/* move the menu to the bottom of the page so that is reachable by fingers */
nav.wp-block-navigation .has-modal-open {
  justify-content: center;
}

nav.wp-block-navigation div.has-modal-open ul.wp-block-navigation__container {
  margin-left:auto;
  margin-right:auto;
  align-items: center!important;
  padding-bottom: 4rem
}

/* Sets the size of the font in the menu */
nav.wp-block-navigation div.has-modal-open ul.wp-block-navigation__container a.wp-block-navigation-item__content {
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
}


nav.wp-block-navigation div.has-modal-open li.wp-block-navigation-submenu {
	align-items: center!important;
}


nav.wp-block-navigation div.has-modal-open ul.wp-block-navigation__container .nv-polylang-cz a span{
  width: 50px!important;
  height: 25px!important;
}

nav.wp-block-navigation div.has-modal-open ul.wp-block-navigation__container .nv-polylang-cz a span:after{
  width: 50px!important;
  height: 25px!important;
  background-size: 50px 25px!important;
}


nav.wp-block-navigation div.has-modal-open ul.wp-block-navigation__container .nv-polylang-en a span{
  width: 50px!important;
  height: 25px!important;
}

nav.wp-block-navigation div.has-modal-open ul.wp-block-navigation__container .nv-polylang-en a span:after{
  width: 50px!important;
  height: 25px!important;
  background-size: 50px 25px!important;
}




/* END of Customize responsive menu */

.grecaptcha-badge { visibility: hidden!important; }