/*
Theme Name: Baskerville Child
Template: baskerville
*/

/* Import skautskC=ch pC-sem */
@font-face {
	font-family: 'skautbold';
	src: url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.eot');
	src: url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.eot? #iefix') format('embedded-opentype');
	src: url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.woff') format('woff'),
		 url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.woff2') format('woff2'),
		 url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.otf') format('opentype'),
         url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.svg#skautbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'themix';
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400.eot');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400.eot? #iefix') format('embedded-opentype');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400.woff') format('woff'),
		 url('https://cdn.skauting.cz/fonts/TheMix_LT_400.woff2') format('woff2'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_400.otf') format('opentype'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_400.svg#themix') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'themix';
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.eot');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.eot? #iefix') format('embedded-opentype');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.woff') format('woff'),
		 url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.woff2') format('woff2'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.otf') format('opentype'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.svg#themix') format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'themix';
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700.eot');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700.eot? #iefix') format('embedded-opentype');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700.woff') format('woff'),
		 url('https://cdn.skauting.cz/fonts/TheMix_LT_700.woff2') format('woff2'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_700.otf') format('opentype'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_700.svg#themix') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'themix';
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.eot');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.eot? #iefix') format('embedded-opentype');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.woff') format('woff'),
		 url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.woff2') format('woff2'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.otf') format('opentype'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.svg#themix') format('svg');
    font-weight: 700;
    font-style: italic;
}
/* NastavenC- The Mix jako zC!kladnC-ho pC-sma a barvy na tmavD modrou */
body {
	font-family: themix, sans-serif;
}
/* NastavenC- hlavnC-ho nadpisu pC-smem Skaut Bold */
h1 {
	font-family: skautbold;
	font-weight: normal;
}
/* NastavenC- pC-sma The Mix pro podnadpisy */ 
h2, h3, h4, h5, h6 {
	font-family: themix, sans-serif;
	font-weight: 700;
}
/* VylepE!enC- typografie nadpisE/ */
h1, h2, h3, h4, h5, h6, .faux-heading {
	letter-spacing: -0.004em;
}
.post-header .post-title a {
	font-family: themix, sans-serif;
	font-weight: 700;
}
.main-menu a {
	font-family: themix, sans-serif;
	font-weight: 700;
	
}
.main-menu > li > a {
	color: #E0E0E0;
}
.blog-title a {
	font-family: skautbold;
	font-weight: normal;
}
.bg-dark {
	background-color: #2C4981;
}
body a:hover, .post-header .post-title a:hover {
	
	color: #2C4981;
}
body a, .post-header .post-title a, .widget-content ul li:before {
	color: #E8A038;
}
.bg-graphite {
	background-color: #eee;
}
.footer .widget-title {
	color: black;
}
.blog-description {
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8)
}
.blog-title a:hover {
	color: #E8A038;
}

/*vyhledC!vC!vacC- pole*/
.search-field {
  color: black !important;     
}
.search-field::placeholder {
  color: black;              
}


.posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.post-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    width: 100%;
    position: relative;
}

.post-author2, .postviewsMenu, .post-comments {
    font-family: themix, sans-serif;
    color: #999999;
    line-height: 1.5;
    font-weight: bold;
    margin: 0 10px;
}

.post-author2 {
    order: 2;
}

.postviewsMenu {
    order: 1;
}

.post-comments {
    order: 3;
}

@media (max-width: 768px) {
    .header-inner {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .header-left {
        flex: 1 1 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        text-align: left;
    }

    .blog-logo, .blog-title {
        order: 1;
    }

    .logo-img {
        order: 2;
        max-height: 150px;
        margin-left: auto;
    }

    .header-right {
        display: none;
    }

    .post-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .post-author2, .postviewsMenu, .post-comments {
        margin: 5px 0;
    }
}

table,
table td,
table th {
  border-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}


.single-post .post-header {
    padding: 15px; /* Adjust the padding as needed */
    margin-bottom: 15px; /* Adjust the margin as needed */
}

.single-post .post-content {
    padding: 15px; /* Adjust the padding */
    margin-top: 15px; /* Adjust the margin */
}

/*okraje query loops*/

.wp-block-post {
    padding: 20px; /* Adjust this value */
}

.featured-media-small {
    float: left; /* Or right, depending on where you want the image */
    width: 40%; /* Adjust width as needed */
    margin: 0 15px 10px 0; /* Space around the image */
}