/* 
Theme Name: IT Pomoc
Author: IT Pomoc
Author URI: https://itpomoc.sk/
Description: 
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.1.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: itpomoc
*/



/******wordpress core******/
/* input,select,textarea {border:1px solid silver; border-radius:4px; padding:10px 7px;}
ol,ul{
    margin:0 0 1.5em 3em
}
ul{
    list-style:disc
}
ol{
    list-style:decimal
}
li>ol,li>ul{
    margin-bottom:0;
    margin-left:1.5em
}
dt{
    font-weight:700
}
dd{
    margin:0 1.5em 1.5em
}
a:focus{
    outline:thin dotted
}
a:active,a:hover{
    outline:0
}
.lines {margin-top: 3px;  margin-bottom: -3px;} */


/******structure******/
/* a,p,span,h1,h2,h3,h4,h5,h6,div {font-family: 'Montserrat', sans-serif;}
.elementor-widget-testimonial-carousel .elementor-testimonial__title {font-family: 'Montserrat', sans-serif;}
body {margin:0px;padding:0px; margin-bottom:0px !important; min-width:320px; }
a {text-decoration:none;color:inherit;}
.contentbar a {text-decoration:none;color:#f28024;}
img {border:0px;max-width:100%;}
.full {width:100%;}
.half {width:50%;float:left;}
.fixed {width:100%; max-width:1280px;margin:0 auto;}
.bg-gray {background-image: linear-gradient(to left, #c0c0c0 , #e3e3e3);}
.bg-silver {background-image: linear-gradient(to right bottom, #d0d0d0 , #fcfcfc);border:1px #c8c8c8 solid;}
.margin-10 {margin:10px;}
.menubar {min-height:60px;padding:0px 5px;box-sizing:border-box;}
.footerbar {padding:5px;box-sizing:border-box;color:white;font-size:14px;}
.contentbar {min-height:500px;margin:0px 0px;}
.hr {background-color:#f28024;height:5px;}
.center {text-align:center;}
.stretched {width:100%;}
.no-distance {line-height:0px;}
.clearfix:after {clear:both;display:table;content:"";} */

/******wordpress changes******/
/* .servicebox svg {max-width:100px;}
.entry-footer {display:none;} */

/**** global ****/

body {
    margin: 0 !important;
}

.full {width:100%;}

.half {width:50%;float:left;}

.fixed {width:100%; max-width:1280px;margin:0 auto;}

p a,
ul a,
ol a {
    color: inherit !important;
    font-style: inherit !important;
    font: inherit !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
    transition: .2s ease-out !important;
}
@media(hover: hover) {
    p a:hover {
        text-decoration: underline !important;
        color: #f28024 !important;
    }
}

nav.post-navigation,
footer.entry-footer {
    display: none !important;
}

.hide-pc { display: none !important; }
@media screen and (max-width: 1000px) {
    .hide-pc { display: initial !important; }
    .hide-mobile { display: none !important; }
}

/******contact bar******/
.nav_contactbar {
    background: #00569B;
}
.nav_contactbar,
.nav_contactbar * {
    box-sizing: border-box;
}
.nav_contactbar_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 49px;
    padding: 10px 5px;
    background: #00569B;
}
.nav_contactbar_item {
    display: flex;
    align-items: center;
    color: white !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
.nav_contactbar_item.nav_contactbar_item_support {
    font-weight: 600 !important;
}
.nav_contactbar_item span {
    margin-left: 7px !important;
    font-size: 19px !important;
}
.nav_contactbar_item svg {
    flex-shrink: 0 !important;
}

@media screen and (max-width: 991px) {
    .nav_contactbar_container {
        justify-content: space-evenly;
        flex-wrap: wrap;
        height: auto;
        padding: 0;
    }
    .nav_contactbar_item {
        height: 40px;
        padding: 0 5px;
        justify-content: center;
    }
    .nav_contactbar_item span {
        font-size: 15px !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 16px;
        max-height: 32px;
        overflow: hidden;
    }
    .nav_contactbar_item_address {
        /* flex: 50% 0 0; */
        max-width: max-content;
        order: 2;
    }
    .nav_contactbar_item_address svg {
        height: 20px;
        width: auto;
    }
    .nav_contactbar_item_opening_hours {
        /* flex: 50% 0 0; */
        max-width: max-content;
        order: 1;
    }
    .nav_contactbar_item_opening_hours svg {
        height: 20px;
        width: auto;
        margin-top: 1px;
    }
    .nav_contactbar_item_support {
        order: 3;
        flex: 100% 1 0;
        background: #F17F24;
    }
    .nav_contactbar_item_support svg {
        height: 19px;
        width: auto;
        margin-top: 1px;
    }
    
}

@media screen and (max-width: 400px) {
    .nav_contactbar_item span {
        font-size: 13px !important;
    }
}

/****** menu bar ******/
header {
    position: sticky;
    top: 0;
    z-index: 99999;
    transition: box-shadow .2s ease-out;
}
body.admin-bar header { top: 32px; }
@media screen and (max-width: 600px) {
    body.admin-bar header { top: 0; }
}
header.scrolled {
    box-shadow: 0 0 10px #0000002b;
}

.menubar {
    background: #fff;
}
.menubar * {
    box-sizing: border-box;
}
.menubar_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 5px;
}
.menubar_container .logo-section,
.menubar_container .logo {
    height: 38px !important;
}

.menu-toggle {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    width: 37px !important;
    height: 23px !important;
    outline: none !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
}
.menu-toggle span {
    height: 5px;
    width: 37px;
    border-radius: 1px;
    background: #00569B;
    transition: all 0.2s ease-in-out;
}
nav.open .menu-toggle span:not(:first-child):not(:last-child) {
    opacity: 0;
}
nav.open .menu-toggle span:first-child {
    transform: translateY(9px) rotate(45deg);
}
nav.open .menu-toggle span:last-child {
    transform: translateY(-9px) rotate(-45deg);
}

@media screen and (max-width: 1199px) {
    .menubar_container {
        padding: 8px 10px;
    }
    .menubar_container .logo-section,
    .menubar_container .logo {
        height: 34px !important;
    }
    .menubar_container .logo-section { order: 1; }
    .menubar_container .nav-section { order: 3; }
    .menubar_container .language-section {
        order: 2;
        margin-left: auto;
        margin-right: 15px;
    }
}

/** menu navigation **/

#site-navigation ul .menu-item-has-children a {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

@media(hover: hover) {
    #site-navigation ul .menu-item-has-children a {
        transition: .2s ease-out !important;
    }
    #site-navigation ul .menu-item-has-children a:hover {
        color: #f28024 !important;
    }
}

#site-navigation ul a:focus {
    outline: none;
}

#site-navigation ul .menu-item-has-children > a::after {
    content: "";
    flex-shrink: 0;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 5px;
    transition: .2s ease-in-out;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none"><path d="M6.5 9L0.00480961 0.75L12.9952 0.749999L6.5 9Z" fill="%2300569B"/></svg>');
}
#site-navigation ul .menu-item-has-children.visible > a::after {
    transform: rotateX(180deg);
}

#site-navigation ul li a {
    display: block !important;
    padding: 10px !important;
    color: #00569B !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-decoration: none !important;
    /* white-space: nowrap !important; */
    transition: .2s ease-out !important;
}

#site-navigation ul li.current-menu-item > a {
    color: #f28024 !important;
}
#site-navigation ul .menu-item-has-children.current-menu-item > a::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none"><path d="M6.5 9L0.00480961 0.75L12.9952 0.749999L6.5 9Z" fill="%23f28024"/></svg>');
}

@media(hover: hover) {
    #site-navigation ul li a:hover {
        color: #f28024 !important;
    }

}

/* mobile and tablet only */
@media screen and (max-width: 1199px) {
    #site-navigation ul#primary-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding: 20px 0 50px;
        background: #f4f4f4e8;
        backdrop-filter: blur(8px);
        transition: .2s ease-out;
        opacity: 0;
        visibility: hidden;
    }
    #site-navigation ul#primary-menu::after {
        content: "";
        top: 100%;
        bottom: 0; left: 0; right: 0;
        background-color: rgba(0, 0, 0, 0.05);
    }
    #site-navigation.open ul#primary-menu {
        opacity: 1;
        visibility: visible;
    }
    #site-navigation ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #site-navigation ul li {
        display: block;
        position: relative;
        width: 100%;
    }
    #site-navigation ul li a {
        width: max-content;
        max-width: 100%;
        margin: auto;
        text-align: center;
    }
    #site-navigation ul.sub-menu {
        max-height: 0px;
        overflow: hidden;
        transition: .3s ease-out;
        background-color: rgba(0, 0, 0, .1);
    }
}
/* pc only */
@media screen and (min-width: 1200px) {
    #site-navigation .menu-toggle { display: none !important; }
    #site-navigation ul#primary-menu {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
    }
    #site-navigation ul li {
        display: block;
        position: relative;
    }
    #site-navigation ul#primary-menu > li:not(:last-of-type) > a {
        margin-right: 13px;
    }
    #site-navigation ul.sub-menu {
        position: absolute;
        margin: 0;
        padding: 0;
        min-width: 230px;
        width: max-content;
        max-width: 400px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-in-out;
    }
    ul#primary-menu > li.menu-item-has-children > ul.sub-menu {
        top: 100%;
        left: 0;
    }
    ul#primary-menu > li.menu-item-has-children > ul.sub-menu ul.sub-menu {
        top: 0;
        left: 100%;
    }
    #site-navigation ul.sub-menu a {
        padding: 10px;
        background: #fff;
    }
    #site-navigation ul .menu-item-has-children.visible > .sub-menu {
        opacity: 1;
        visibility: visible;
    }
    #site-navigation ul.sub-menu .menu-item-has-children > a::after {
        transform: rotate(360deg);
    }
    #site-navigation ul.sub-menu .menu-item-has-children.visible > a::after {
        transform: rotate(270deg);
    }
    /* #site-navigation ul.menu-item-has-children.visible > .sub-menu > .menu-item-has-children.visible > a::after {
        transform: rotate(deg);
    } */
}

/** languages **/

.menu-section.language-section {
    position: relative;
}

.menu-section.language-section .lang {
    display: flex;
    align-items: center;
    position: relative;
    padding: 5px 0;
}
.menu-section.language-section .lang::before {
    content: "";
    display: inline-block;
    height: 11px;
    width: 11px;
    margin-top: 2px;
    margin-right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none"><path d="M6.5 9L0.00480961 0.75L12.9952 0.749999L6.5 9Z" fill="%2300569B"/></svg>');
    transition: .2s ease-in-out;
}
.menu-section.language-section:hover .lang::before,
.menu-section.language-section:focus .lang::before {
    transform: rotateX(180deg);
}
.menu-section.language-section .lang img {
    height: 25px;
    width: auto;
    border: 1px solid #8080802b;
    border-radius: 3px;
}

.menu-section.language-section .langbox {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    background: #fefefe;
    border-radius: 7px;
    padding: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}
.menu-section.language-section:hover .langbox,
.menu-section.language-section:focus .langbox {
    opacity: 1;
    visibility: visible;
}
.menu-section.language-section .langbox > * {
    width: 100%;
    height: auto;
    border-radius: 3px;
    display: flex;
    border: 1px solid #8080802b;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}
.menu-section.language-section .langbox > *:hover {
    opacity: 0.7;
}
.menu-section.language-section .langbox > *:not(:last-child) {
    margin-bottom: 5px;
}
.menu-section.language-section .langbox img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}



/** footer **/

#footer-hr {
    height: 2px;
    width: 100%;
    background: #F17F24;
}

#footer_social_icons {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
}

#footer_social_icons > * {
    margin: 5px 10px;
}

#footer_social_icons a {
    display: flex;
    transition: .2s ease-out;
}

@media(hover: hover) {
    #footer_social_icons a:hover {
        opacity: .7;
    }
}

#footer_social_icons svg {
    height: 30px;
    width: auto;
}

#footer_contact_info {
    background: #00569B !important;
}

#footer_contact_info > .fixed {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    padding: 10px 5px !important;
    width: calc(100% - 10px) !important;
}

#footer_contact_info > .fixed > * {
    display: flex !important;
    align-items: center !important;
    color: white !important;
    text-decoration: none !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 10px !important;
}

#footer_contact_info > .fixed > * > svg {
    margin-right: 13px !important;
    height: 23px !important;
    width: auto !important;
}

@media screen and (max-width: 600px) {
    #footer_contact_info > .fixed > * {
        font-size: 15px !important;
    }
    #footer_contact_info > .fixed > * > svg {
        height: 17px !important;
        margin-right: 8px !important;
    }
}


/******footer bar******/
/* .social-icons { width:40px; line-height:8px; display:inline-block; margin:5px 15px; }
.social-icons a { font-size:8px;color:white;}

/******custom css******/
/* .logo-box {height:130px;padding:15px 25px;}
.logo-box img {max-height:100px;}
.myform input:not([type=submit]) {padding:10px 7px; margin-bottom: 20px; margin-right: 20px;}
.myform input[type=submit] {font-weight:bold !important;}
span.wpcf7-list-item {margin:0px !important;}
.elementor-element-populated {margin:0px !important;}
.elementor-icon-box-icon {line-height:0px;}
.elementor-icon-box-wrapper h3 {margin:0px !important;}
.elementor-icon-box-wrapper a {display:block !important;}
.elementor-icon-box-wrapper svg {display:inline !important;}
.footerbuttons .elementor-button {padding:33px 33px !important;width:100%; height: 120px;    vertical-align: middle;    display: table-cell;    width: 400px !important;}


/******responsive******/
/* @media only screen and (max-width:1280px) and (min-width:768px) {
.elementor-icon-box-title span, .elementor-icon-box-title a {white-space:nowrap;font-size:2vw;}
}

@media only screen and (max-width:1280px) {
.no-normal-monitor {display:none !important;}
}

@media only screen and (max-width:1024px) and (min-width:599px) {
    body .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {width:calc(50% - 20px);}
    body .elementor-column.elementor-col-25, .elementor-column[data-col="25"] {width:calc(25% - 20px);}
}

@media only screen and (max-width:768px) {
    .half {width:100%;}
    .no-tablet {display:none !important;}
    .only-tablet {display:block !important;}
}
@media only screen and (min-width:767px) {
    .half {width:50%;}
    .no-tablet {display:block !important;}
    .only-tablet {display:none !important;}
}
@media only screen and (max-width:599px) {
    .logo {max-width:200px;}
    .no-middle-size {display:none !important;}
    .only-middle-size {display:block !important;}
    .only-middle-size-cell {display:table-cell !important;}
    .main-navigation ul {float:none !important;}
    .main-navigation li {position: static !important;float:none !important;}
    .main-navigation a {display:inline !important;line-height:2;}
    .menu-section.language-section {}
    .menu-section.nav-section button {float:right;background:0px none;border:0px none;padding:0px;position:relative;z-index:10001;outline:0px none;}
    .menu-section.nav-section button, .menu-section.nav-section button:visited, .menu-section.nav-section button:focus, .menu-section.nav-section button:active {background-color: transparent;background-image:none; outline:none;}
    .menu-section.nav-section button .close {display:none;}
    .menu-section.nav-section .toggled button {position:fixed;top:20px;right:20px;}
    .menu-section.nav-section .toggled button .close {display:block;}
    .menu-section.nav-section .toggled button .lines {display:none;}
    .menu-section.nav-section .toggled .menu {padding-top:20px; position:fixed; z-index:1000; background-image:linear-gradient(to right bottom, #d0d0d0 , #fcfcfc);box-shadow:0px 0px 20px black;top:0px;right:0px;width:90%;max-width:300px;height:100%;}
    .menu-section.nav-section .toggled .menu li {color:#015496;}
    .topmenu div > ul { overflow:scroll;}
    .topmenu div > ul > li {width:100%; text-align:left; }
    /* .topmenu div > ul > li > a {padding-bottom: 0px;color:#f28024 !important;} */
    /* .topmenu div > ul > li > ul {position:static; display:block;background-color:transparent;box-shadow:none !important; left:0px !important;padding-left:25px;}
    .topmenu div > ul > li > ul > li {border:0px none !important;padding:0px;}
    .topmenu div > ul > li > ul > li > a {color:#333;padding:0px;}
    .topmenu div > ul > li > ul > li > ul {position:static; display:block;background-color:transparent;box-shadow:none !important; left:0px !important;padding-left:25px; margin-left:0px; }
    .topmenu div > ul > li > ul > li > ul > li {border:0px none !important;padding:0px; }
    .topmenu div > ul > li > ul > li > ul > li > a {color:#777}
    .elementor-widget-button .elementor-button { font-size: 25px !important; }
}
@media only screen and (max-width:480px) {
    .no-mobile {display:none !important;}
    .only-mobile {display:block !important;}
    .social-icons {margin:5px;}
}		
@media only screen and (max-width:410px) {
    .no-small {display:none !important;}
}
@media only screen and (max-width:350px) {
    .contact-section:last-child a, .contact-section:last-child span {font-size:10px;padding-top:12px;}
} */