/*QUERY LOOP*/
#loop-wrapper {display: grid; grid-template-columns: repeat(3,1fr); grid-auto-rows: 400px; align-items: stretch; gap: 20px;}
#loop-wrapper article {position: relative; width: 100%; height: 100%;}
#loop-wrapper .post-card {display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; width: 100%; height: 100%; background-size:cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; background-color: #f2f2f2;}
#loop-wrapper .post-card:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; box-shadow: 0 0 20px 20px #000; opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0); transform: scale(0);	-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
#loop-wrapper .post-card:hover:before {pointer-events: none; opacity: .6; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
#loop-wrapper .post-card-inner-content {display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 1;}

/*BUTTONS*/
#btn-test-01 {display: inline-block; line-height: 1; background-color: #0080b7; font-size: 15px; padding: 12px 24px; -webkit-border-radius: 0; border-radius: 0; color: #fff; fill: #fff; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#btn-test-01:hover{background-color: #0b0c9c;}
#btn-test-01 .elementor-button-text:after {content: ""; position: absolute; display: block; top: 0; right: 0;}

/*animované podtržení lefto-to-right*/
.btn-test-text-link-01 a {display: inline; /* should be 'inline' for multiple line animation */ background-image: linear-gradient(#e66465, #e66465); background-size: 0% 4px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size 0.35s;}
.btn-test-text-link-01 a:hover {background-size: 100% 4px;}


/*ELEMENTOR TABS*/
#ele-tab .elementor-tabs-wrapper .elementor-tab-title {display: flex; align-items: center; /*justify-content: flex-start; flex-direction: column;*/}
/*zrusenim zakomentovanych funcki se zarovna obsah nazvu tabu na stred a od shora*/
#ele-tab .ele-tab-icons {width:70px; height:70px; display: inline-block;} /*classy jsou jako SPANy v názvech tabů*/
#ele-tab .ele-tab-ico-1 {background:url(/wp-content/uploads/2021/05/ico-know-how.svg) center center no-repeat;}
#ele-tab .ele-tab-ico-2 {background:url(/wp-content/uploads/2021/05/ico-zkusenosti.svg) center center no-repeat;}
#ele-tab .elementor-tab-title {border: none; background-color: #f5f5f5;}
#ele-tab .elementor-tab-title.elementor-active {background-color: #e2e2e2;}

/*FORMULAR*/
/*::placeholder prohlizece jako informaci ignoruji a ani neni prekladan translatorama do jineho jazyka. fuj.*/
/*#formular_test_1 ::placeholder {color: blue !important; opacity: 1 !important; position: absolute; top: 10px; left: 25px; font-size: 15px;}*/

/*#formular_test_1 input {border: none; border-bottom: 2px solid red; border-radius: 0; padding: 15px 20px;}
#formular_test_1 label {font-size: 16px; font-weight: 400; position: absolute; top: 18px; left: 31px; transform: translate(0px,0px); transition: all .3s ease;}
#formular_test_1 label.focused {font-size: 14px; font-weight: 600; color: blue; background-color: #fff; padding: 0 10px; transform: translate(-15px,-24px);}*/


/*RESPONSIVE WP MENU WIDGET*/
@media (min-width: 1px) {
#wp-resp-menu {display: none; width: 100%; z-index: 800;}
#wp-resp-menu ul {list-style-type: none;} /*cele menu*/
#wp-resp-menu ul.menu {display: block; padding: 0;} /*hlavni menu*/
/*vsechny polozky*/
#wp-resp-menu li {display: block; position: relative; padding: 0;}
#wp-resp-menu li a {display: block; position: relative; padding: 8px 20px 8px 20px; text-transform: none; font-weight: 400; background-color: #b6c0f3;} 
#wp-resp-menu li.menu-item-has-children a {margin-right: 40px;} /*...se sub-menu*/
/*hlavni polozky*/
#wp-resp-menu ul.menu > li {display: block; position: relative;} /*hlavni polozky menu pod sebou, nikoliv v radku*/
#wp-resp-menu ul.menu > li > a {display: block; position: relative; padding: 15px 20px 15px 20px; text-transform: uppercase; font-weight: 600; background-color: #dbe0f9;} 
#wp-resp-menu ul.menu > li.menu-item-has-children > a {margin-right: 60px;} /*...se sub-menu*/
#wp-resp-menu li.menu-item-has-children a {margin-right: 40px;} /*...se sub-menu*/
/*polozky treti urovne menu*/
#wp-resp-menu ul.menu > li > ul > li > ul > li > a {background-color: #b6e1f3;} 

/*postranni sipka - hlavni polozky*/
#wp-resp-menu ul.menu > li.menu-item-has-children > .sub-arrow {position: absolute; display: block; top: 0; right: 0; width: 60px; height: 100%; background-color: #d4daf7;}
#wp-resp-menu ul.menu > li.menu-item-has-children > .sub-arrow > .ico-arrow  {position: absolute; display: block; top: 24px; left: 24px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; transform: rotate(0deg); transition: transform .3s ease;}
/*postranni sipka - podpolozky*/
#wp-resp-menu ul.menu > li.menu-item-has-children > ul > li.menu-item-has-children > .sub-arrow {position: absolute; display: block; top: 0; right: 0; bottom: 0; width: 40px; height: 100%; background-color: #a6b0de;}
#wp-resp-menu ul.menu > li.menu-item-has-children > ul > li.menu-item-has-children > .sub-arrow > .ico-arrow  {position: absolute; display: block; top: 17px; left: 15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; transform: rotate(0deg); transition: transform .3s ease;}

/*sub-menu - prvni uroven*/
#wp-resp-menu ul.menu > li.menu-item-has-children > .sub-menu {position: relative; display: none; left: 0; padding: 0; width: 100%; opacity: 1; background-color: #bdb5c5; z-index:900;}
/*sub-menu - druha uroven*/
#wp-resp-menu ul.menu > li.menu-item-has-children > ul > li.menu-item-has-children > .sub-menu {position: relative; display: none; left: 0; padding: 0; width: 100%; opacity: 1; background-color: #d1ccd6; z-index:1000;}

/*class pro jquery classToggle*/
#wp-resp-menu ul.menu > li.menu-item-has-children > .sub-arrow > .ico-arrow-rotate,
#wp-resp-menu ul.menu > li.menu-item-has-children > ul > li.menu-item-has-children > .sub-arrow > .ico-arrow-rotate
{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);transform: rotate(180deg);}
		
}
@media (min-width: 1400px) {
#wp-resp-menu {display: block !important; width: auto; z-index: 800;}
#wp-resp-menu ul {list-style-type: none;} /*cele menu*/
#wp-resp-menu ul.menu {display: block; padding: 0; padding-left: 10px;} /*hlavni menu*/
/*vsechny polozky*/
#wp-resp-menu li {display: block; position: relative; padding: 0;}
#wp-resp-menu li a {display: block; position: relative; padding: 8px 20px 8px 20px; text-transform: none; font-weight: 400; background-color: #b6c0f3;} 
#wp-resp-menu li.menu-item-has-children a {margin-right: 40px;} /*...se sub-menu*/
/*hlavni polozky*/
#wp-resp-menu ul.menu > li {display: inline-block; position: relative; vertical-align: top;} /*hlavni polozky menu v radku, nikoliv pod sebou*/
#wp-resp-menu ul.menu > li > a {display: block; position: relative; padding: 15px 20px 15px 20px; text-transform: uppercase; font-weight: 600; background-color: #dbe0f9;} 
#wp-resp-menu ul.menu > li.menu-item-has-children > a {margin-right: 60px;} /*...se sub-menu*/
#wp-resp-menu li.menu-item-has-children a {margin-right: 40px;} /*...se sub-menu*/
/*polozky treti urovne menu*/
#wp-resp-menu ul.menu > li > ul > li > ul > li > a {background-color: #b6e1f3;} 

/*postranni sipka - hlavni polozky*/
#wp-resp-menu ul.menu > li.menu-item-has-children > .sub-arrow {position: absolute; display: block; top: 0; right: 0; width: 60px; height: 100%; background-color: #d4daf7;}
#wp-resp-menu ul.menu > li.menu-item-has-children > .sub-arrow > .ico-arrow  {position: absolute; display: block; top: 24px; left: 24px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; transform: rotate(0deg); transition: transform .3s ease;}
/*postranni sipka - podpolozky*/
#wp-resp-menu ul.menu > li.menu-item-has-children > ul > li.menu-item-has-children > .sub-arrow {position: absolute; display: block; top: 0; right: 0; bottom: 0; width: 40px; height: 100%; background-color: #a6b0de;}
#wp-resp-menu ul.menu > li.menu-item-has-children > ul > li.menu-item-has-children > .sub-arrow > .ico-arrow  {position: absolute; display: block; top: 17px; left: 15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; transform: rotate(270deg); transition: transform .3s ease;}

/*sub-menu - prvni uroven*/
#wp-resp-menu ul.menu > li.menu-item-has-children > .sub-menu {position: absolute; display: block; left: 0; padding: 0; width: 100%; opacity: 0; transform: translateY(15px); pointer-events: none; background-color: #bdb5c5; transition: transform 150ms ease, opacity 150ms ease; z-index:900;}
/*sub-menu - druha uroven*/
#wp-resp-menu ul.menu > li.menu-item-has-children > ul > li.menu-item-has-children > .sub-menu {position: absolute; display: none; margin-left: 100%; top: 0; padding: 0; width: 100%; opacity: 0; transform: translateX(-10px); pointer-events: none; background-color: #d1ccd6; transition: transform 150ms ease, opacity 150ms ease; z-index:1000;}

/*hover - prvni uroven*/
#wp-resp-menu ul.menu > li.menu-item-has-children:hover > .sub-arrow > .ico-arrow,
#wp-resp-menu ul.menu > li.menu-item-has-children:focus-within > .sub-arrow > .ico-arrow {transform: rotate(180deg);} /*sipecka*/
#wp-resp-menu ul.menu > li.menu-item-has-children:hover > .sub-menu,
#wp-resp-menu ul.menu > li.menu-item-has-children:focus-within > .sub-menu {opacity: 1; transform: translateY(0px); pointer-events: auto;}
/*hover - druha uroven*/
#wp-resp-menu ul.menu > li.menu-item-has-children > ul > li.menu-item-has-children:hover > .sub-arrow > .ico-arrow,
#wp-resp-menu ul.menu > li.menu-item-has-children > ul > li.menu-item-has-children:focus-within > .sub-arrow > .ico-arrow {transform: rotate(90deg);} /*sipecka*/
#wp-resp-menu ul.menu > li.menu-item-has-children > ul > li.menu-item-has-children:hover > .sub-menu,
#wp-resp-menu ul.menu > li.menu-item-has-children > ul > li.menu-item-has-children:focus-within > .sub-menu {display: block; opacity: 1; transform: translateX(0px); pointer-events: auto;}

}



/*HAMBURGER - dalsi - https://uxdesign.cc/the-menu-210bec7ad80c*/
/*HAMBURGER BUTTON - zdr: https://css-tricks.com/line-animated-hamburger-menu*/
button:focus, button:hover {background-color: transparent;} /*prebijeni default elementoru*/
button:focus {outline-style: solid; outline: 0;} /*prebijeni default elementoru - takovy ten zluty ramecek kolem buttonu po kliknuti*/
.btn-hamb {border: none;border-radius: 0;cursor: pointer;display: flex;padding: 0; z-index: 999;background-color: #fff;}
.btn-hamb.opened {background-color: #e3e3e3;}
.line {fill: none;stroke: black;stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.line1 {stroke-dasharray: 60 207;stroke-width: 6;}
.line2 {stroke-dasharray: 60 60;stroke-width: 6;}
.line3 {stroke-dasharray: 60 207;stroke-width: 6;}
.opened .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}
.opened .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 6;}
.opened .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}

/*MENU 03 - Elementor NAV widget*/
@media (min-width: 1px) {
		.togglatko {display: block !important;} #ele-navmenu-widget {display: none;} }
@media (min-width: 1600px) {
		.togglatko {display: none !important;} #ele-navmenu-widget {display: block;} }

.togglatko { /*zbaveni se modreho probliku pri clicku*/
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent; }

#ele-navmenu-widget {width: 100%; max-width: 700px; z-index: 998;position: absolute;top: 50px;}
#ele-navmenu-widget .elementor-nav-menu__container.elementor-nav-menu--dropdown {margin-top: 0 !important;}
#ele-navmenu-widget .elementor-nav-menu--dropdown a {position: relative; color: #515aab; font-size: 15px; line-height: 1.2; padding: 20px 70px 20px 40px; background: none;}
#ele-navmenu-widget .elementor-nav-menu--dropdown ul li a {text-transform: uppercase;}
#ele-navmenu-widget .elementor-nav-menu--dropdown ul li ul li a {text-transform: none;}

/*styl bocniho policka s sipkou*/
#ele-navmenu-widget .elementor-nav-menu .elementor-item .sub-arrow /*bocni policko*/
{position: absolute; top: 0; right: 0; bottom: 0;margin: 0; padding: 0; width: 60px; height: 100%; background: #000;} 
#ele-navmenu-widget .elementor-nav-menu .elementor-sub-item .sub-arrow /*bocni policko u podpolozek*/
{position: absolute; top: 0; right: 0; bottom: 0;margin: 0; padding: 0; width: 60px; height: 100%; background: #898989;} 
/*ikona bocni sipky*/
#ele-navmenu-widget .elementor-nav-menu .sub-arrow i:before {content: ""; position: absolute; top: 27px; right: 24px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; transform: rotate(0deg); transition: transform .3s;}
/*otoceni sipky pri rozkliknuti*/
#ele-navmenu-widget .elementor-nav-menu .elementor-item.highlighted .sub-arrow i:before {transform: rotate(180deg);}
#ele-navmenu-widget .elementor-nav-menu .elementor-sub-item.highlighted .sub-arrow i:before {transform: rotate(180deg);}

/*pozadi jednotlivych submenu*/
#ele-navmenu-widget .elementor-nav-menu--dropdown > ul {background-color: #E3E3E3;} /*cele menu*/
#ele-navmenu-widget .elementor-nav-menu--dropdown > ul > li > ul {background-color: #d4d4d4;} /*prvni uroven*/
#ele-navmenu-widget .elementor-nav-menu--dropdown > ul > li > ul > li > ul {background-color: #dcdcdc;} /*druha uroven*/

/*postranni prouzek v submenu -> snizit padding-left o silu borderu je-li treba*/
#ele-navmenu-widget .elementor-nav-menu ul a {padding-left: 37px;}
#ele-navmenu-widget .elementor-nav-menu ul a {border-left: 3px solid #9c9c9c;}
#ele-navmenu-widget .elementor-nav-menu ul ul a {border-left: 3px solid #cacaca;}

/*hovery apod*/
#ele-navmenu-widget .elementor-nav-menu .elementor-item:hover {color: #2d81ff;}
#ele-navmenu-widget .elementor-nav-menu .elementor-sub-item:hover {color: #2d81ff;}
#ele-navmenu-widget .elementor-nav-menu .elementor-item:focus {color: #515aab;} /*stejna barva jako samotne a*/
#ele-navmenu-widget .elementor-nav-menu .elementor-item.highlighted {color: #2d81ff;}
#ele-navmenu-widget .elementor-nav-menu .elementor-sub-item.highlighted {color: #2d81ff;}



/*MENU - DEFAULT WP WIDGET*/
#bx-menu .menu-test-menu-container a {color: #000;}
#bx-menu .menu-test-menu-container ul {list-style-type: none; padding: 35px; background: #efefef;} /*vypne odrazky a odsazeni*/
#bx-menu .menu-test-menu-container li {position: relative;}
#bx-menu .menu-test-menu-container ul.menu > li {display: inline-block;} /*hlavni polozky menu v radku, nikoliv pod sebou*/
#bx-menu .menu-test-menu-container ul.menu > li > a {padding: 15px 20px; text-transform: uppercase; font-weight: 600;}
#bx-menu .menu-test-menu-container ul.menu > li:hover > a {background: #e2e2e2; transition: background .4s ease;}

#bx-menu .menu-test-menu-container ul.menu > li > ul li:hover {background: #e2e2e2 !important; transition: background .4s ease;}
/*druha uroven*/
#bx-menu .menu-test-menu-container ul.menu > li > ul {display: none; position: absolute; top: 37px; left: 0; z-index: 1000; width: 400px; padding: 10px 0; background: #fff; box-shadow: 0px 4px 15px rgb(0 0 0 / 26%);} /*vyjizdeci submenu - nyni schovame*/
#bx-menu .menu-test-menu-container ul.menu > li > ul:before {content: ""; display: block; width: 0; height: 0; position: absolute; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff; top: -6px; left: 20px;} /*pridame submenu zobacek*/
#bx-menu .menu-test-menu-container ul.menu > li:hover > ul {display: block;} /*vyjizdeci submenu - na hover zobrazime*/
#bx-menu .menu-test-menu-container ul.menu > li > ul > li {position: static; width: 100%; padding: 10px 20px; cursor: pointer;}

#bx-menu .menu-test-menu-container ul.menu > li > ul > li.menu-item-has-children:hover:after {content: ""; position: absolute; margin-top: 9px; right: 206px; border-right: 1px solid black; border-bottom: 1px solid black; width: 6px; height: 6px; transform: rotate(-45deg);} /*šipečka na hover u menu druhé úrovně*/

/*treti uroven*/
#bx-menu .menu-test-menu-container ul.menu > li > ul > li > ul {display: none; position: absolute; top: 0; left: 200px; z-index: 1200; width: 200px; height: 100%; padding: 10px 0; background: #afafaf;} /*vyjizdeci submenu - nyni schovame*/
#bx-menu .menu-test-menu-container ul.menu > li > ul > li > ul > li {padding: 10px 20px; cursor: pointer; background: #afafaf;}
#bx-menu .menu-test-menu-container ul.menu > li > ul > li:nth-child(1) > ul {display: block; z-index: 1100; background-color: #f9bed5;} /*prvni submenu viditelne*/
#bx-menu .menu-test-menu-container ul.menu > li > ul > li:nth-child(2) > ul {background-color: #9cdfe4;}
#bx-menu .menu-test-menu-container ul.menu > li > ul > li:nth-child(3) > ul {background-color: #a4c0f9;}
#bx-menu .menu-test-menu-container ul.menu > li > ul > li:nth-child(1) > ul > li {background-color: #f9bed5;}
#bx-menu .menu-test-menu-container ul.menu > li > ul > li:nth-child(2) > ul > li {background-color: #9cdfe4;}
#bx-menu .menu-test-menu-container ul.menu > li > ul > li:nth-child(3) > ul > li {background-color: #a4c0f9;}

#bx-menu .menu-test-menu-container ul.menu > li > ul > li:hover > ul {display: block; z-index: 1200;} /*vyjizdeci submenu - na hover zobrazime*/


#tabukkake .elementor-tab-title a {color: darkblue;}
#tabukkake .elementor-tab-title:hover {background-color: rgba(0, 0, 0, 0.2);}
#tabukkake .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title
{display: inline-block; position:relative; width: 19.5%; text-align:center;padding: 50px 10px 10px 10px;}

/*#tabukkake #elementor-tab-title-2511:before,
#tabukkake #elementor-tab-title-2512:before,
#tabukkake #elementor-tab-title-2513:before
{font-family: FontAwesome;position:absolute;top: 10px; left: 50%;vertical-align: middle;width: auto;height: auto;color: #ea5757;font-size: 40px;}
#tabukkake #elementor-tab-title-2511:before {content: "\f099"; margin-left: -19px;}
#tabukkake #elementor-tab-title-2512:before {content: "\f095"; margin-left: -19px;}
#tabukkake #elementor-tab-title-2513:before {content: "\f090"; margin-left: -19px;}*/

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:after,
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before
{width:initial;}


.tabukkake-tabs .elementor-tab-title:nth-child(1):before
{font-family: FontAwesome;content: "\f090";position:absolute;top: 10px; left: 50%;vertical-align: middle;width: auto;height: auto;color: #ea5757;font-size: 40px;margin-left: -19px;}

.tabukkake-tabs .elementor-tab-title:nth-child(2):before
{font-family: FontAwesome;content: "\f099";position:absolute;top: 10px; left: 50%;vertical-align: middle;width: auto;height: auto;color: #ea5757;font-size: 40px;margin-left: -19px;}

.tabukkake-tabs .elementor-tab-content {background-color: #ececec;}

#site-header #top-menu a {
  background: linear-gradient(#ff9800, #ff9800);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 4px;
  color: #000;
  text-decoration: none;
  transition: background-size .5s;
}

#site-header #top-menu a:hover {
  background-size: 4px 50px;
}