/**
 * Theme Name:     WolaMielecka
 * Author:         WolaMielecka
 * Template:       twentyfifteen
 * Text Domain:	   wolamielecka
 * Description:    WolaMielecka
 */

body {
    background: #e3d19e;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
}
body:before {
    background-color: #d4b882;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%20000000' fill-opacity='0.08' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
input, select, textarea {
    font-family: Arial, sans-serif;
}
.site-main {
    margin-top: 5%;
    padding-top: 0;
}
.site-header {
    margin: 0;
    background: transparent;
    position: relative;
}
.hentry {
    background-color: #ede1c0;
    padding-top: 0;
    margin-bottom: 0.5em;
}
.hentry + .hentry {
    margin-top: 0;
    margin-bottom: 0.5em;
    border: 0;
}
.entry-header {
    padding: 0;
    display: flex;
}
.entry-title {
    font-size: 16px;
    padding: 6px 15px;
    margin-bottom: 0;
}

.format-status .entry-title {
    font-size: 16px;
    padding: 6px 15px;
}
.blog .format-status .entry-title, .archive .format-status .entry-title {
    display: block;
    margin-bottom: 0;
}
.format-status .entry-title a {
    color: #cd2122;
}
.format-status .entry-title a:hover {
    color: #df3737;
}
.format-status .entry-title {
    margin-bottom: 0;
}
.single .entry-title {
    display: block;
    background: #d4b882;
    width: 100%;
    font-size: 22px;
    padding: 20px 30px;
}
.page .entry-title {
    display: block;
    background: #d4b882;
    width: 100%;
    font-size: 22px;
    padding: 20px 30px;
    margin-bottom: 30px;
}
.home-date {
    background: #d4b882;
    padding: 5px 8px;
    font-weight: bold;
    font-size: 14px; 
    display: flex;
    justify-content: center;
    align-items: center
}
.site-info {
    padding: 1.5% 3%;
    background: #d4b882;
}
.nav-links {
    background: #d4b882;
}
.custom-logo {
    margin-top: 10%;
    height: auto;
    width: 100%;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.widget {
    margin: 0 0 10%;
}
p {
    text-align: justify;
    text-justify: inter-word;
}
.entry-meta {
    margin-bottom: 30px;
    padding: 10px 30px;
    background: #dcc596;
}
.entry-footer {
    padding: 2% 6%;
    display: flex;
    align-items: center;
}
.entry-footer, .page-header {
    background: #dcc596;
}
.home-widget-area .widget {
    margin: 0 0 2%;
    padding: 0 8.333%;
}
.home-widget-area p {
    color: #333;
}
.menu-item a {
    background: #e3d19e;;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    display: block;
}
.widget_nav_menu li:first-child, .widget_nav_menu li, .widget_nav_menu li:last-child {
    border: 0;
    padding: 0;
}
.widget_nav_menu li:first-child a, .widget_nav_menu li a, .widget_nav_menu li:last-child a {
    border: 2px solid #333;
    padding: 6px 10px;
}
.widget_nav_menu li:first-child a:hover, .widget_nav_menu li a:hover, .widget_nav_menu li:last-child a:hover {
    border: 2px solid #666;
}
.widget button {
	padding: 0.5rem;
}
wp-block-search__input:focus {
	padding: 0;
	margin: 0;
	border: 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    background: #d4b882;
    border: 2px solid #333;
    padding: 6px;
}
.today-date {
    margin: 0 20% 0 20%;
    text-align: center;
    padding: 2%;
    font-weight: bold;
    background: #a78138;
    color: #f0f0f0;
}
.today-date span {
    display: block;
}
.site-footer, .page-content, .secondary.toggled-on { 
    background: #d4b882; 
}
.page .search-page .entry-title {
    font-size: 16px;
    padding: 6px 15px;
    margin: 0;
    background: #ede1c0;
}
.page .search-page .home-date {
    display: none;
}
#searchsubmit {
    margin-top: 15px;
}
.edit-link {
    background: #f0f0f0;
    margin-left: auto;
    padding: 6px 10px;
}
.edit-link::before {
    color: #333;
}

/* Navigation */

.pagination {
    margin: 4.333% 8.333% 0;
    border-top: 0;
}
.archive-button {
    margin: 4.333% 8.333% 0;
    border-top: 0;
    background: #dcc596;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    border: 2px solid #333;
}
.archive-button:hover {
    border: 2px solid #666;
}
.pagination .prev:before, .pagination .next:before {
    height: 50px;
    line-height: 50px;
    width: 50px;
}
.pagination .prev, .pagination .next {
    height: 50px;
    padding: 0;
    width: 50px;
}
.navigation .post-title {
    font-size: 20px;
}

/* Weather */

.splw-weather-title {
    margin-bottom: 0 !important;
}
.splw-lite-wrapper, .splw-lite-header {
    padding-top: 0;
    margin-bottom: 0 !important;
}

/* Share buttons */

.sd-content {
    display: inline-block;
    margin-left: 25px;
}
div.sharedaddy h3.sd-title:before {
    border-top: 0 !important;
}
.sd-sharing { margin-bottom: 0 !important; }

/* Categories list page */

.page li.cat-item  {
    list-style: none;
    background-color: #333;
    cursor: pointer;
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    padding: 0.7917em 1.5em;
    text-transform: uppercase;
    display: block;
    margin: 8px 5px;
}
.page li.cat-item a  {
    border: 0;
    color: #f0f0f0;
}
.page li.cat-item:hover  {
    background-color: rgba(51, 51, 51, 0.7);
    outline: 0;
}

/* Light-dark mode */

body.darkmode {
	background-color: #3a261d;
}
body.darkmode:before {
    background-color: #5C3D2E;
}
.darkmode .site-header {
    background-color: transparent;
}
.darkmode .hentry {
    background-color: #dab483;
}
.darkmode .menu-item a {
    background-color: #dab483;
}
.darkmode .widget, .darkmode .home-widget-area p {
    color: #f0f0f0;
}
.darkmode .site-info, .darkmode .site-info a, .darkmode .nav-links, .darkmode.single .entry-title, 
.darkmode.page .entry-title, .darkmode .home-date {
    color: #f0f0f0;
    background: #5c3d2e;
}
.darkmode .nav-links .meta-nav, .darkmode .nav-links .post-title {
    color: #f0f0f0;
}
.darkmode .entry-meta, .darkmode .entry-meta a, .darkmode  .entry-footer, .darkmode .page-header {
    background: #8f5f48;
    color: #f0f0f0;
}
.darkmode .archive-button {
    background-color: #dab483;
}
.darkmode .today-date {
    background: #7f5f44;
}
.darkmode .splw-lite-wrapper {
    background: #7f5f44 !important;
}
.darkmode .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    background: #5c3d2e;
}
.darkmode .widget button, .widget input[type="button"], .darkmode .widget input[type="reset"], .darkmode .widget input[type="submit"], .darkmode .widget_calendar tbody a, .darkmode .widget_calendar tbody a:hover, .darkmode .widget_calendar tbody a:focus {
    color: #5c3d2e;
}
header .darkmode-div {
	position: relative;
    padding: 20px;
    display: flex;
    justify-content: center;
}
header .darkmode-info {
	position: relative;
    display: inline-flex;
    width: auto;
    margin-right: 10px;
    font-weight: bold;
    align-items: center;
}
header .darkmode {
	position: relative;
    width: 4rem;
    height: 1rem;
    border-radius: 500px;
    border: 2px solid #333;
    background-color: transparent;
    cursor: pointer;
    display: inline-flex;
}
.darkmode header .darkmode {
    border: 2px solid #f0f0f0;
}
.darkmode header .darkmode-info {
    color: #f0f0f0;
}
header .darkmode::before {
	content: '';
	position: absolute;
	left: 4px;
	top: 50%;
	width: 1rem;
	height: 1rem;
	background-color: #333;
	border-radius: 50%;
	transform: translateY(-50%);
}
.darkmode header .darkmode::before {
    background-color: #f0f0f0;
}
header .darkmode.active::before {
	left: auto;
	right: 4px;
}
.darkmode .pagination .page-numbers {
    color: #f0f0f0;
}

/* Responsive */

@media (max-width: 320px) {
    .site-main {  margin-top: 2%; }
    .today-date { 
        font-size: 14px; 
        margin: 0
    }
    .menu-item a { font-size: 16px; }
    .entry-title { font-size: 14px; }
    .custom-logo {
        margin-top: 0; 
    }
    .custom-logo-link {
        max-width: 150px;
        position: absolute;
        margin: 6%;
        z-index: 9;
        
    }
    .today-date span {
        display: inline-block;
    }
    .archive-button { margin-bottom: 20px; }
    .secondary-toggle, .secondary-toggle:hover, .secondary-toggle:focus {
        border: 2px solid #333;
        height: 44px;
        width: 44px;
    }
    .pagination .current .screen-reader-text { display: none; }


    /* Light-dark mode */

    header .darkmode-div {
        position: absolute;
        right: 25%;
        top: 0;
        bottom: 0;
        align-items: center;
        z-index: 10;
        padding: 0;
    }
	.darkmode .site-header {
        background-color: #dab483;
    }
    .darkmode .secondary-toggle {
        border: 2px solid #f0f0f0;
    }
    .darkmode .secondary-toggle:before {
        color: #f0f0f0;
    }
    .darkmode .site-footer, .darkmode .secondary.toggled-on {
        background: #5c3d2e;
    }
    header .darkmode-info { display: none; }

}

@media (min-width:321px) and (max-width: 380px) {
    .site-main {  margin-top: 2%; }
    .today-date { 
        font-size: 14px; 
        margin: 0
    }
    .menu-item a { font-size: 16px; }
    .entry-title { font-size: 14px; }
    .custom-logo {
        margin-top: 0; 
    }
    .custom-logo-link {
        max-width: 150px;
        position: absolute;
        margin: 6%;
        z-index: 9;
        
    }
    .today-date span {
        display: inline-block;
    }
    .archive-button { margin-bottom: 20px; }
    .secondary-toggle, .secondary-toggle:hover, .secondary-toggle:focus {
        border: 2px solid #333;
        height: 44px;
        width: 44px;
    }
    .pagination .current .screen-reader-text { display: none; }


    /* Light-dark mode */

    header .darkmode-div {
        position: absolute;
        right: 25%;
        top: 0;
        bottom: 0;
        align-items: center;
        z-index: 10;
        padding: 0;
    }
	.darkmode .site-header {
        background-color: #dab483;
    }
    .darkmode .secondary-toggle {
        border: 2px solid #f0f0f0;
    }
    .darkmode .secondary-toggle:before {
        color: #f0f0f0;
    }
    .darkmode .site-footer, .darkmode .secondary.toggled-on {
        background: #5c3d2e;
    }
    header .darkmode-info { display: none; }

}
@media (min-width:381px) and (max-width: 580px) {
    .site-main {  margin-top: 2%; }
    .today-date { 
        font-size: 14px; 
        margin: 0
    }
    .menu-item a { font-size: 16px; }
    .entry-title { font-size: 14px; }
    .custom-logo {
        margin-top: 0; 
    }
    .custom-logo-link {
        max-width: 180px;
        position: absolute;
        margin: 4.5%;
        z-index: 9;
        
    }
    .today-date span {
        display: inline-block;
    }
    .pagination .prev:before, .pagination .next:before {
        height: 48px;
        line-height: 48px;
        width: 48px;
    }
    .pagination .prev, .pagination .next {
        height: 48px;
        padding: 0;
        width: 48px;
    }
    .archive-button { margin-bottom: 20px; }
    .secondary-toggle, .secondary-toggle:hover, .secondary-toggle:focus {
        border: 2px solid #333;
        height: 44px;
        width: 44px;
    }
    .pagination .current .screen-reader-text { display: none; }

    /* Light-dark mode */

    header .darkmode-div {
        position: absolute;
        right: 25%;
        top: 0;
        bottom: 0;
        align-items: center;
        z-index: 10;
        padding: 0;
    }
    .darkmode .site-header {
        background-color: #dab483;
    }
    .darkmode .secondary-toggle {
        border: 2px solid #f0f0f0;
    }
    .darkmode .secondary-toggle:before {
        color: #f0f0f0;
    }
    .darkmode .site-footer, .darkmode .secondary.toggled-on {
        background: #5c3d2e;
    }
    header .darkmode-info { display: none; }

}

@media (min-width:581px) and (max-width:605px) {
	.site-main {  margin-top: 2%; }
    .today-date { 
        font-size: 14px; 
        margin: 0;
    }
    .menu-item a { font-size: 16px; }
    .entry-title { font-size: 14px; }
    .custom-logo {
        margin-top: 0; 
    }
    .custom-logo-link {
        max-width: 200px;
        position: absolute;
        margin: 5.5%;
        z-index: 9;
        
    }
    .today-date span {
        display: inline-block;
    }
    .secondary-toggle, .secondary-toggle:hover, .secondary-toggle:focus {
        border: 2px solid #333;
        height: 44px;
        width: 44px;
    }
    .pagination .current .screen-reader-text { display: none; }

    /* Light-dark mode */

    header .darkmode-div {
        position: absolute;
        right: 25%;
        top: 0;
        bottom: 0;
        align-items: center;
        z-index: 10;
        padding: 0;
    }
    .darkmode .site-header {
        background-color: #dab483;
    }
    .darkmode .secondary-toggle {
        border: 2px solid #f0f0f0;
    }
    .darkmode .secondary-toggle:before {
        color: #f0f0f0;
    }
    .darkmode .site-footer, .darkmode .secondary.toggled-on {
        background: #5c3d2e;
    }
    header .darkmode-info { display: none; }

}

@media (min-width:606px) and (max-width:699px) {
	.site-main {  margin-top: 2%; }
    .today-date { 
        font-size: 14px; 
        margin: 0;
    }
    .menu-item a { font-size: 16px; }
    .entry-title { font-size: 14px; }
    .custom-logo {
        margin-top: 0; 
    }
    .custom-logo-link {
        max-width: 250px;
        position: absolute;
        margin: 5.5%;
        z-index: 9;
        
    }
    .today-date span {
        display: inline-block;
    }
    .secondary-toggle, .secondary-toggle:hover, .secondary-toggle:focus {
        border: 2px solid #333;
        height: 44px;
        width: 44px;
    }

    /* Light-dark mode */

    header .darkmode-div {
        position: absolute;
        right: 25%;
        top: 0;
        bottom: 0;
        align-items: center;
        z-index: 10;
        padding: 0;
    }
    .darkmode .site-header {
        background-color: #dab483;
    }
    .darkmode .secondary-toggle {
        border: 2px solid #f0f0f0;
    }
    .darkmode .secondary-toggle:before {
        color: #f0f0f0;
    }
    .darkmode .site-footer, .darkmode .secondary.toggled-on {
        background: #5c3d2e;
    }
    header .darkmode-info { display: none; }

}

@media (min-width:700px) and (max-width:759px) {
	.site-main {  margin-top: 2%; }
    .today-date { 
        font-size: 14px; 
        margin: 0;
    }
    .menu-item a { font-size: 16px; }
    .entry-title { font-size: 14px; }
    .custom-logo {
        margin-top: 0; 
    }
    .custom-logo-link {
        max-width: 300px;
        position: absolute;
        margin: 5.5%;
        z-index: 9;
        
    }
    .today-date span {
        display: inline-block;
    }
    .secondary-toggle, .secondary-toggle:hover, .secondary-toggle:focus {
        border: 2px solid #333;
        height: 56px;
        width: 56px;
    }
    .secondary-toggle:before {
        line-height: 54px;
        width: 54px;
    }

    /* Light-dark mode */

    header .darkmode-div {
        position: absolute;
        right: 25%;
        top: 0;
        bottom: 0;
        align-items: center;
        z-index: 10;
        padding: 0;
    }
    .darkmode .site-header {
        background-color: #dab483;
    }
    .darkmode .secondary-toggle {
        border: 2px solid #f0f0f0;
    }
    .darkmode .secondary-toggle:before {
        color: #f0f0f0;
    }
    .darkmode .site-footer, .darkmode .secondary.toggled-on {
        background: #5c3d2e;
    }
    header .darkmode-info { display: none; }

}

@media (min-width:760px) and (max-width:879px) {
	.site-main {  margin-top: 2%; }
    .today-date { 
        font-size: 14px; 
        margin: 0;
    }
    .menu-item a { font-size: 16px; }
    .entry-title { font-size: 14px; }
    .custom-logo {
        margin-top: 0; 
    }
    .custom-logo-link {
        max-width: 400px;
        position: absolute;
        margin: 6%;
        z-index: 9;
        
    }
    .today-date span {
        display: inline-block;
    }
    .secondary-toggle, .secondary-toggle:hover, .secondary-toggle:focus {
        border: 2px solid #333;
        height: 56px;
        width: 56px;
    }

    /* Light-dark mode */

    header .darkmode-div {
        position: absolute;
        right: 25%;
        top: 0;
        bottom: 0;
        align-items: center;
        z-index: 10;
        padding: 0;
    }
    .darkmode .site-header {
        background-color: #dab483;
    }
    .darkmode .secondary-toggle {
        border: 2px solid #f0f0f0;
    }
    .darkmode .secondary-toggle:before {
        color: #f0f0f0;
    }
    .darkmode .site-footer, .darkmode .secondary.toggled-on {
        background: #5c3d2e;
    }
    header .darkmode-info { display: none; }

}
@media (min-width:880px) and (max-width:954px) {
	.site-main {  margin-top: 2%; }
    .today-date { 
        font-size: 14px; 
        margin: 0;
    }
    .menu-item a { font-size: 16px; }
    .entry-title { font-size: 14px; }
    .custom-logo {
        margin-top: 0; 
    }
    .custom-logo-link {
        max-width: 400px;
        position: absolute;
        margin: 5%;
        z-index: 9;
        
    }
    .today-date span {
        display: inline-block;
    }
    .secondary-toggle, .secondary-toggle:hover, .secondary-toggle:focus {
        border: 2px solid #333;
        height: 64px;
        width: 64px;
    }

    /* Light-dark mode */

    header .darkmode-div {
        position: absolute;
        right: 25%;
        top: 0;
        bottom: 0;
        align-items: center;
        z-index: 10;
        padding: 0;
    }
    .darkmode .site-header {
        background-color: #dab483;
    }
    .darkmode .secondary-toggle {
        border: 2px solid #f0f0f0;
    }
    .darkmode .secondary-toggle:before {
        color: #f0f0f0;
    }
    .darkmode .site-footer, .darkmode .secondary.toggled-on {
        background: #5c3d2e;
    }
    header .darkmode-info { display: none; }

}
@media (min-width:955px) and (max-width:1022px) {
	.today-date { font-size: 11px; }
    .menu-item a { font-size: 16px; }
    .widget-weather-now { height: auto !important; }
    .splw-lite-wrapper .splw-lite-header-title { font-size: 20px; }
    header .darkmode-info { font-size: 12px; }

}
@media (min-width:1023px) and (max-width:1219px) {
	.today-date { font-size: 11px; }
    .menu-item a { font-size: 16px; }
    .widget-weather-now { height: auto !important; }
    .splw-lite-wrapper .splw-lite-header-title { font-size: 20px; }
    header .darkmode-info { font-size: 12px; }

}
@media (min-width:1220px) and (max-width:1319px) {
	.today-date { font-size: 13px; }

}
@media (min-width:1320px) and (max-width:1418px) {
	.today-date { font-size: 14px; }

}