/*
Theme Name:     Kallyas Child Theme
Theme URI:      http://kallyas.net/
Description:    Child theme for the Kallyas theme
Author:         Hogash
Author URI:     http://themeforest.net/user/hogash
Template:       kallyas
Version:        1.0
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/

:root {
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-gray_4: #2F2F2F;
    --color-gray_3: #3E3E3E;
    --color-gray_2: #4A4A4A;
    --color-gray_1: #5A5A5A;
    --color-red: #CD2122;
}

/** HEADER **/

.site-header-wrapper {
    background-color: var(--color-white);
}

.toplang--alt .topnav-item .toplang-flag-code {
    margin-top: 2.5px;
    color: var(--color-black);
}

.topnav.topnav--lang > li > .topnav-item > .glyphicon {
    color: var(--color-black);
}

.toplang--alt .topnav-item {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.toplang--alt .topnav-drop-panel {
    width: 140px;
}

.toplang--alt .topnav-drop-panel ul {
    padding: 0px;
}

.toplang--alt .topnav-drop-panel ul li a {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 5px 7px 5px 0px !important;
}

.toplang--alt .topnav-drop-panel ul li a img {
    margin-left: 5px;
}

#search {
    display: flex;
    align-items: center;
    width: auto;
}

/*#search .header-search-button.searchBtn {
    display: none;
}*/

#search .searchBtn {
    margin: 0 !important;
    background: transparent !important;
}

#search .header-search-button.searchBtn span,
#search .header-search-container form #s,
#search .header-search-container form #searchsubmit::before {
    color: var(--color-black);
}

.sh--light .main-nav > ul > li > a {
    color: var(--color-black);
}

.sh--light .zn-menuBurger span {
    background: var(--color-black);
}

/** FOOTER **/

.site-footer {
	text-align: center;
}

.site-footer #menu-menu-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.site-footer #menu-menu-footer li a {
	padding: 0px 10px;
	margin: 5px 0px;
}

.site-footer #menu-menu-footer li:not(:last-of-type) a {
	border-right: solid 1px;
}

.zn_footer_nav-wrapper {
	display: none;
}

#totop {
	font-size: 0;
	padding: 16px 0px;
	top: auto;
	bottom: 10px;
}

/** HOME **/

.kl-ioscaption--style1 .title_big {
    color: var(--color-white);
}
.kl-ioscaption--style1 .title_big::before {
    background-color: var(--color-red) !important;
}

#footer .container .row:nth-of-type(2) > .col-sm-12 {
	flex-wrap: wrap;
}

#footer .container .row:nth-of-type(2) > .col-sm-12 > .widget,
#footer .container .row:nth-of-type(2) > .col-sm-12 > .kl-newsletter {
	min-width: 250px;
	flex-grow: 1;
}

@media screen and (max-width: 991px) {

    /** HEADER **/

    .site-header.siteheader-classic .site-header-top {
        position: fixed;
        justify-content: center;
        top: 0;
        left: 0;
        width: 100vw;
        height: 30px;
        background: #eee;
    }
    .site-header.siteheader-classic .site-header-top .site-header-top-left {
        display: none;
    }
    .site-header.siteheader-classic .site-header-top .site-header-top-right {
        max-width: 750px;
    }
    .site-header.siteheader-classic .site-header-main {
        height: 100%;
    }
    #search .header-search-button.searchBtn {
        display: block;
        margin-top: 0px;
        margin-left: -10px;
        margin-right: 20px;
        background: transparent;
    }
/*    .site-header.siteheader-classic .logosize--contain .site-logo-img,
    .site-header.siteheader-classic .logosize--contain .site-logo-img-sticky {
        max-height: 75px;
    }*/
    .site-header.siteheader-classic, .site-header.siteheader-classic .logosize--contain .site-logo-anch {
        height: auto;
    }
}

@media screen and (max-width: 991px) {

    /** HEADER **/
    .site-header.header--is-sticked {
        position: fixed !important;
    }
    .site-header.siteheader-classic.header--is-sticked .site-header-top {
        display: none !important;
    }
    .site-header-xs-color-scheme--dark .site-header-separator {
        display: none !important;
    }
    .siteheader-container > .fxb-row-col-sm {
        align-items: center;
        flex-direction: row;
    }
    .site-header .site-logo {
        padding: 0px;
    }
/*    .site-header.siteheader-classic .logosize--contain .site-logo-img,
    .site-header.siteheader-classic .logosize--contain .site-logo-img-sticky {
        max-height: 65px;
    }*/
}