/**
 * Theme Name:  Kuorinka MZA 
 * Theme URI:   https://foxland.fi/downloads/kuorinka
 * Description: Šablona pro MZA odvozená od Kuorinka
 * Version:     1.0.1
 * Author:      Patec
 * Author URI:  https://patec.cz
 * Text Domain: kuorinka-mza
 * Domain Path: /languages/
 * Tags:        blue, white, light, one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, accessibility-ready, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template:    kuorinka
 */

/**
 * Parent theme styles are loaded automatically. So there is no need to use @import rule.
 *
 * I have collected all the fonts, backgrounds, colors and borders at the bottom of Kuorinka theme's `style.css`.
 * The things available to be overwritten are labeled as the "Child theme friendly zone".
 * You can copy and use those as a starting point when creating your custom child theme.
 *
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Navigation
	1.1 - Primary menu
    1.2 - Secondary menu (SOkA menu)
    1.3 - Embedded menu - menu vlozene do stranky pomoci shortcode
2.0 - Widget Menu_By_Context
3.0 - Site branding

5.0 - Thumbnail image - nahledovy obrazek 

9.0 - Widgets

13.0 - Layouts
	13.1 - Max-width
    13.2 - Scroll offset (skoky na kotvu)
    
17.0 - Child theme friendly zone
	17.1 - Font Family
	17.2 - Colors
	17.3 - Backgrounds
	17.4 - Borders
	17.5 - Box Shadows
--------------------------------------------------------------*/

/*--------------------------------------------------------------
0.0 - Testing
--------------------------------------------------------------*/
.site-title {
    font-size: 30px;
}

h1 {
    font-size: 30px;
}

@media screen and (min-width: 600px) {
    .site-title {
        font-size: 38px;
    }

    h1 {
        font-size: 38px;
    }
}



/*--------------------------------------------------------------
1.0 - Navigation
--------------------------------------------------------------*/

/* === 1.1 - Primary menu === */

button#nav-toggle {
    text-align: left;
}

#menu-primary {
    margin: 0 -9999rem;
    padding: 0 9999rem;
}

#menu-primary-items {
    /* kapitalky */
    font-variant: small-caps;
    /* Safari na Mac OS neumi spravne zobrazit diakritiku v kapitalkach v defaultnim fontu "Source Sans Pro".
	Proto se pro primarni menu pouzije jiny font, ktery ale potrebuje upravit velikost. */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 85%;
}

@media screen and (min-width: 900px) {

    /* Polozky menu v hlavnim radku nemaji indikaci toho, ze obsahuji submenu */
    #menu-primary-items>.menu-item-has-children>a,
    #menu-primary-items>.page_item_has_children>a {
        padding-right: 12px;
    }

    #menu-primary-items>li.menu-item-has-children>a:after,
    #menu-primary-items>li.page-item-has-children>a:after {
        content: "";
    }

    #menu-primary ul ul a {
        width: 300px;
    }

    #menu-primary li .menu-item-has-children>a,
    #menu-primary li .page_item_has_children>a {
        width: 300px;
    }
}


/* === 1.2 - Secondary menu (SOkA menu) === */

button#nav-toggle-secondary {
    text-align: left;
}

#menu-secondary {
    margin: 0 -9999rem;
    padding: 0 9999rem;
}

.secondary-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.secondary-navigation li a,
button#nav-toggle-secondary {
    text-decoration: none;
}

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

    .secondary-navigation ul {
        width: 100%;
        display: block;
    }

    .secondary-navigation li {
        width: 100%;
        display: block;
        position: relative;
    }

    button#nav-toggle-secondary {
        border: none;
        border-radius: 0;
        position: relative;
        margin: 0;
        z-index: 100;
    }

    .secondary-navigation li a,
    button#nav-toggle-secondary {
        display: block;
        padding: 10px 4%;
        width: 100%;
    }

    button#nav-toggle-secondary {
        border-bottom: none;
    }

    #menu-secondary ul ul li a {
        padding-left: 9%;
    }

    #menu-secondary ul ul ul li a {
        padding-left: 11%;
    }

    #menu-secondary ul ul ul ul li a {
        padding-left: 13%;
    }

    .js .secondary-navigation {
        clip: rect(0 0 0 0);
        max-height: 0;
        position: absolute;
        display: block;
        overflow: hidden;
        zoom: 1;
    }

    .secondary-navigation.opened {
        max-height: 9999px;
    }

    #nav-toggle-secondary {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

    button#nav-toggle-secondary:before {
        -webkit-font-smoothing: antialiased;
        content: "\f419";
        display: inline-block;
        font: normal 32px/1 Genericons;
        margin: 0 6px 0 0;
        vertical-align: middle;
        width: 32px;
        height: 32px;
    }

    button#nav-toggle-secondary.active:before {
        content: "\f405";
    }

}

@media screen and (min-width: 900px) {

    .js .secondary-navigation {
        position: relative;
    }

    .js .secondary-navigation.closed {
        max-height: none;
    }

    #nav-toggle-secondary {
        display: none;
    }

    #menu-secondary .wrap {
        padding: 0 0 0 4%;
    }

    #menu-secondary ul {
        margin-bottom: 0;
    }

    #menu-secondary li {
        border: 0;
        display: inline-block;
        height: 32px;
        /*48px;*/
        line-height: 32px;
        /*48px;*/
        position: relative;
        font-size: smaller;
    }

    #menu-secondary a {
        display: inline-block;
        padding: 0 4px;
        white-space: nowrap;
    }

    #menu-secondary ul ul {
        float: left;
        margin: 0;
        position: absolute;
        top: 32px;
        left: -999em;
        z-index: 99999;
        transition-property: opacity, visibility;
        transition-duration: .25s, 0s;
        transition-delay: 0.25s, .25s;
        visibility: hidden;
        opacity: 0;
    }

    #menu-secondary li li {
        border: 0;
        display: block;
        height: auto;
        line-height: 1.0909090909;
    }

    #menu-secondary ul ul ul {
        left: -999em;
        top: 0;
    }

    #menu-secondary ul ul a {
        padding: 18px 12px;
        white-space: normal;
        width: 300px;
    }

    #menu-secondary ul li:hover>ul,
    #menu-secondary ul li.focus>ul {
        left: auto;
        opacity: 1;
        visibility: visible;
    }

    #menu-secondary ul ul li:hover>ul,
    #menu-secondary ul ul li.focus>ul {
        left: 100%;
        opacity: 1;
        visibility: visible;
    }


    #menu-secondary .menu-item-has-children>a,
    #menu-secondary .page_item_has_children>a {
        padding-right: 26px;
    }

    #menu-secondary .menu-item-has-children>a:after,
    #menu-secondary .page_item_has_children>a:after {
        -webkit-font-smoothing: antialiased;
        content: "\f502";
        display: inline-block;
        font: normal 8px/1 Genericons;
        position: absolute;
        right: 12px;
        top: 16px;
        vertical-align: text-bottom;
    }

    #menu-secondary li .menu-item-has-children>a,
    #menu-secondary li .page_item_has_children>a {
        padding-right: 20px;
        width: 300px;
    }

    #menu-secondary .menu-item-has-children li.menu-item-has-children>a:after,
    #menu-secondary .menu-item-has-children li.page_item_has_children>a:after,
    #menu-secondary .page_item_has_children li.menu-item-has-children>a:after,
    #menu-secondary .page_item_has_children li.page_item_has_children>a:after {
        content: "\f501";
        right: 8px;
        top: 20px;
    }

    /* Polozky SOkA menu v hlavnim radku nemaji indikaci toho, 
	   ze obsahuji submenu */
    #menu-secondary-items>li.menu-item-has-children>a,
    #menu-secondary-items>li.page-item-has-children>a {
        padding-right: 4px;
    }

    #menu-secondary-items>li.menu-item-has-children>a:after,
    #menu-secondary-items>li.page-item-has-children>a:after {
        content: "";
    }
}

/* === 1.3 - Embedded menu - menu vlozene do stranky pomoci shortcode === */
ul.embedded_menu li {
    list-style: none;
    margin: 0;
}

ul.embedded_menu li {
    background-image: url("images/li-bullet.png");
    background-repeat: no-repeat;
    background-position: 0 .65em;
    padding-left: .6em;
}

/*--------------------------------------------------------------
2.0 - Widget Menu_By_Context
--------------------------------------------------------------*/
/* odsazeni submenu */
section.Menu_By_Context ul ul>li {
    margin-left: 26px;
}

/* odsazeni sub-submenu */
section.Menu_By_Context ul ul ul>li {
    margin-left: 52px;
}

/* zvyrazneni aktualni polozky menu (stranky) */
section.Menu_By_Context li.current_page_item,
section.Menu_By_Context li.current-menu-item {
    font-weight: bold;
}

/* sub-items aktualni polozky menu uz nebudou zvyraznene */
section.Menu_By_Context li.current_page_item li,
section.Menu_By_Context li.current-menu-item li {
    font-weight: normal;
}

/* Aby zalomene radky mely spravne odsazeni, tak udelam ul jinak, nez jak to dela theme Kuorinka. 
   Kuorinka pouziva li::before, ja pouziji background image. 
*/
section.Menu_By_Context ul>li::before {
    content: none;
}

section.Menu_By_Context ul>li {
    background-image: url("images/li-bullet.png");
    background-repeat: no-repeat;
    background-position: 0 .65em;
    padding-left: .6em;
}



/*--------------------------------------------------------------
3.0 - Site branding (logo, title, description, search form)
--------------------------------------------------------------*/
#masthead .site-branding {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding: 20px 4%;
}

#site-title {
    padding: 0 1.5em 0 0;
    width: auto;
}

#site-title .site-title-inner a {
    display: flex;
    align-items: center;
}

#mza-logo {
    padding-right: 0.5em;
}

#site-description {
    padding: 0;
    width: auto;
    display: none;
}

@media screen and (min-width: 900px) {
    #site-description {
        display: initial;
    }
}

#sidebar-header {
    padding: 0;
    margin-left: auto;
}

#sidebar-header .widget {
    padding: 0;
}

@media screen and (max-width: 899px) {
    #sidebar-header {
        margin-left: 0;
    }
}

/*--------------------------------------------------------------
5.0 - Thumbnail image - nahledovy obrazek 
--------------------------------------------------------------*/
div.entry-summary img.wp-post-image {
    margin: 8px 1em 1em 0;
    float: left;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

/* Search widget */
.search-icon-wrap {
    display: none;
}

.widget_search .search-form {
    position: relative;
}

.widget_search .search-icon-wrap {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2em;
    min-width: 2em;
    z-index: 3;
    cursor: pointer;
    pointer-events: none;
    color: #555;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin: 0;
    fill: #054e92;
}

.widget_search .search-submit {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2em;
    min-width: 2em;
    color: transparent;
    background: 0 0;
    z-index: 2;
    border: 0;
    padding: 0;
    border-radius: 0;
    margin: 0;
}

.widget_search .search-field {
    padding-right: 2.75em;
}

.widget_search .search-submit:hover {
    background: 0 0;
}

/* elementor-widget-icon-box */
.elementor-widget-icon-box,
.elementor-widget-icon-box .elementor-widget-container {
    /* aby byly vsechny icon-boxy na radky stejne vyskoke */
    height: 100%;
}

/*--------------------------------------------------------------
13.0 Layouts
--------------------------------------------------------------*/

/* === 13.1 Max-width === */

#page {
    max-width: 1600px;
}

/* === 13.2 Scroll offset === */
/* Každá kotva (element s nastaveným id, na který odkazuje nějaký link) by měla mít class "kotva".
   Pak bude mít vhodný offset, aby se při skoku na ni neschoval obsah pod sticky header */
@media screen and (min-width: 900px) {
    .kotva {
        scroll-margin-top: 116px;
/*        scroll-margin-top: 136px;*/
    }
}

@media screen and (min-width: 1360px) {
    .kotva {
        scroll-margin-top: 84px; 
/*        scroll-margin-top: 116px;*/
    }
}


/*--------------------------------------------------------------
17.0 Child theme friendly zone
--------------------------------------------------------------*/

/*
 * At this point there are fonts, colors, background and borders used in a theme. 
 * You can overwrite them in your child theme 'style.css' if you need custom design.
 */

/* === 17.1 Font Family === */
/*
body,
button,
input,
select,
textarea {
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title {
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
*/

/* === 17.2 Colors === */

/* Here is a list of used colors to help you out.
 *
 * Dark color for text and hover:           #303030
 * Lighter color for text:                  #555
 *
 * Dark color for titles and borders:       #054e92
 * Lighter color for links and backgrounds: #1668b5
 * Color for text with above backgrounds:   #fff
 *
 * Light background color:                  #e6eff7
 
 * For front page sticky post border:       #aacef0
 */
/*
body,
button,
input,
select,
textarea {
	color: #303030;
}

.breadcrumb-trail,
.loop-description,
.wp-caption-text,
#colophon .site-info,
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
input,
blockquote {
	color: #555;
}

::-webkit-input-placeholder {
	color: #555;
}
:-moz-placeholder {
	color: #555;
	opacity: 1;
}
::-moz-placeholder {
	color: #555;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #555;
}

.entry-title,
.sidebar .genericon,
.sidebar .genericon::before,
.kuorinka-front-page-content .genericon,
.kuorinka-front-page-content .genericon::before,
.screen-reader-text:focus {
	color: #054e92;
}

a,
a:visited,
a:hover,
a:focus,
a:active {
	color: #1668b5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.entry a.portfolio-item-link,
.kuorinka-callout .kuorinka-button,
body #infinite-handle span {
	color: #fff;
}
*/
/* == Menu colors and backgrounds == */

#menu-primary li:hover>a,
#menu-primary li.focus>a,
button#nav-toggle:hover,
button#nav-toggle:focus,
button#nav-toggle.focus,
#menu-primary li.current-menu-item,
#menu-primary li.current-menu-item>a,
#menu-primary li.current-page-ancestor,
#menu-primary li.current-page-ancestor>a,
#menu-primary ul ul a:hover,
#menu-primary ul ul li.focus>a {
    background-color: #303030;
    color: #fff;
}

#menu-secondary li:hover>a,
#menu-secondary li.focus>a,
button#nav-toggle-secondary:hover,
button#nav-toggle-secondary:focus,
button#nav-toggle-secondary.focus,
#menu-secondary li.current-menu-item,
#menu-secondary li.current-menu-item>a,
#menu-secondary li.current-page-ancestor,
#menu-secondary li.current-page-ancestor>a,
#menu-secondary ul ul a:hover,
#menu-secondary ul ul li.focus>a {
    background-color: #303030;
    color: #fff;
}

.custom-header-image #kuorinka-header-image img.header-image {
    border-top: 6px solid #054e92;
}

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

    .main-navigation li a,
    button#nav-toggle {
        background: #054e92;
        background: rgba(11, 84, 152, 0.92);
        border-bottom: 1px solid #e6eff7;
        color: #fff;
    }

    button#nav-toggle.active {
        border-bottom: 1px solid #e6eff7;
    }

    .secondary-navigation li a,
    button#nav-toggle-secondary {
        background: #054e92;
        background: rgba(11, 84, 152, 0.92);
        border-bottom: 1px solid #e6eff7;
        color: #fff;
    }

    button#nav-toggle-secondary.active {
        border-bottom: 1px solid #e6eff7;
    }

}

@media screen and (min-width: 900px) {

    #menu-primary,
    #menu-primary .wrap {
        background: #054e92;
    }

    .custom-header-image.primary-menu-active #menu-primary .wrap {
        background-color: rgba(11, 84, 152, 0.92);
        position: relative;
    }

    #menu-primary a {
        color: #fff;
    }

    #menu-primary ul ul {
        background-color: #054e92;
        background-color: rgba(11, 84, 152, 0.92);
    }

    #menu-primary ul ul a {
        border-bottom: 1px solid #e6eff7;
    }

    #menu-secondary,
    #menu-secondary .wrap {
        background: #054e92;
    }

    #menu-secondary a {
        color: #fff;
    }

    #menu-secondary ul ul {
        background-color: #054e92;
        background-color: rgba(11, 84, 152, 0.92);
    }

    #menu-secondary ul ul a {
        border-bottom: 1px solid #e6eff7;
    }

}

/* === 17.3 Backgrounds === */
/*
pre {
	background-color: #e6eff7;
	background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(.5,rgba(255,255,255,.5)),color-stop(.5,transparent),to(transparent));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
	background-image: -moz-linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
	background-image: -o-linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
	background-image: linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
}

mark,
ins {
	background: #fff9c0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.entry a.portfolio-item-link,
.kuorinka-callout .kuorinka-button,
body #infinite-handle span {
	background: #1668b5;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.entry a.portfolio-item-link:hover,
.kuorinka-callout .kuorinka-button:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.entry a.portfolio-item-link:focus,
.kuorinka-callout .kuorinka-button:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.entry a.portfolio-item-link:active,
.kuorinka-callout .kuorinka-button:active,
body #infinite-handle span:hover,
body #infinite-handle span:focus,
body #infinite-handle span:active {
	background: #303030;
}

hr,
#sidebar-header,
#menu-portfolio ul li a,
#menu-team-member ul li a,
li.bypostauthor,
.widget-title,
.sticky,
.sticky.entry,
.page-links a,
.single-portfolio_item .entry-terms.portfolio a,
.screen-reader-text:focus,
body .gform_confirmation_wrapper,
.post-type-archive-portfolio_item .entry-header,
.tax-portfolio .entry-header,
.term-post-format-video .entry-header,
.kuorinka-callout {
	background: #e6eff7;
}

#masthead .site-branding,
.breadcrumb-trail .wrap,
#kuorinka-header-image,
#content > .wrap,
#sidebar-subsidiary .wrap,
#colophon #menu-social,
#colophon .site-info {
	background: #fff;
}
*/

#sidebar-header {
    background-color: inherit;
}


/* === 17.4 Borders === */
/*
abbr,
acronym {
	border-bottom: 1px dotted #555;
}

blockquote {
	border: 2px dotted #054e92;
}

table {
	border-right: 1px solid #e6eff7;
}
th,
td {
	border-top: 1px solid #e6eff7;
	border-left: 1px solid #e6eff7;
	border-bottom: 1px solid #e6eff7;
}

input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	border: 4px solid #e6eff7;
}
input[type="number"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
	border-color: #1668b5;
}

fieldset,
legend {
	border: 1px solid #e6eff7;
}

.loop-meta {
	border-bottom: 1px solid #e6eff7;
}

@media screen and (max-width: 899px) {
	
	.comment-navigation .nav-previous,
	.paging-navigation .nav-previous,
	.post-navigation .nav-previous,
	.site-main .pagination .prev.page-numbers {
		border-bottom: 2px solid #e6eff7;
	}
	.site-main .pagination .next.page-numbers {
		border-top: 2px solid #e6eff7;
	}

}

.widget-title,
.sticky,
.sticky.entry,
li.bypostauthor,
.post-type-archive-portfolio_item .entry-header .entry-title,
.tax-portfolio .entry-header .entry-title,
.term-post-format-video .entry-header .entry-title {
	border-bottom: 2px solid #054e92;
}

.entry-header .entry-title {
	border-bottom: 4px double #e6eff7;
}
.sticky .entry-header .entry-title {
	border-bottom-color: #aacef0;
}

.comment-list > li {
	border-bottom: solid 3px #e6eff7;
}

body #webshare-wrapper {
	border-top-color: #e6eff7;
	border-bottom-color: #e6eff7;
}
*/
/* === 17.5 Box Shadows === */
/*
.page-template-pagesfront-page-php .thumbnail {
	box-shadow: 0 0 0 4px #fff;
}

.format-status .avatar,
.post-type-archive-team-member .avatar,
.post-type-archive-team-member .thumbnail-team-member,
.tax-team-member-category .avatar,
.tax-team-member-category .thumbnail-team-member,
.single-team-member .avatar,
.single-team-member .thumbnail-team-member {
	box-shadow: 0 0 0 4px #e6eff7;
}
*/