/*
 Theme Name:   Twenty Twenty PASCO Child
 Theme URI:    http://example.com/twenty-twenty-pasco-child/
 Description:  Twenty Twenty Child Theme for PASCO
 Author:       Patrik Johansson
 Author URI:   http://www.pascoservices.se
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready, pasco
 Text Domain:  twentytwentychild
*/

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: normal;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
	font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2?&isplay=swap) format('woff2');
	font-display: swap;
}
@font-face {
	font-family:"Bellerose";
    src: url("./fonts/Bellerose/Bellerose.eot"); /* IE9 Compat Modes */
    src: url("./fonts/Bellerose/Bellerose.eot?#iefix") format('embedded-opentype'),
    	 url("./fonts/Bellerose/Bellerose.woff") format("woff"),
         url("./fonts/Bellerose/Bellerose.ttf") format("truetype"),
         url("./fonts/Bellerose/Bellerose.svg#BelleroseLight") format("svg");
	font-weight:normal;
	font-style:normal;
	font-display: swap;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body {
	background-color: #fff;
}

html,
body,
button,
input,
select,
textarea,
.entry-content {
	font-family: "Montserrat", helvetica, arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:"Open Sans", helvetica, arial, sans-serif;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.pasco {
	font-family: "Bellerose", helvetica, arial, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 0.1em;
    letter-spacing: 0.03em;
}
	
button,
button:hover,
button[data-load-more-btn], button, .button, input[type="submit"], .wp-block-button__link, .wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept,
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button,
#toggle-menu,
label.button,
label.button:active,
label.button:hover {
	color: #fff;
	background-color:#23A4FB;
}

a,
a:hover,
.entry-title a:active, .entry-title a:focus, .entry-title a:hover,
.page-title a:active,
.page-title a:focus,
.page-title a:hover,
.a8c-posts-list .a8c-posts-list-item__title a:active,
.a8c-posts-list .a8c-posts-list-item__title a:focus,
.a8c-posts-list .a8c-posts-list-item__title a:hover,
.wp-block-newspack-blocks-homepage-articles article .entry-title a:active,
.wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover {
	color: #23A4FB;
}

div.site-info {
	display: none;
}

div.footer-credits {
	display: none;
}

button.toggle {
	border: none !important;
}

.menu-item img{
    display: inline;
}

div.entry-content > figure.wp-block-image.size-full {
    width: 100%;
}

div.entry-content > figure.wp-block-image.size-full img {
    width: 100%!important;
}


@media only screen and (min-width: 250px) {
	header#site-header {
		border-bottom: 5px solid #23A4FB;
}
	.singular .entry-header {
		padding: 2rem 2rem 2rem 2rem;
	}
		.post-inner {
		padding: 1rem 0;
	} 
}
@media only screen and (min-width: 640px) {
	header#site-header {
		border-bottom: 15px solid #23A4FB;
	}
	.singular .entry-header {
		padding: 2rem 2rem 2rem 2rem;
	}
			.post-inner {
		padding: 2rem;
	}
    h2,
    .heading {
        font-size: 3rem;
    }
    h3,
    .heading {
        font-size: 2.5rem;
    }
    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
        max-width: 95rem;
    }
}
	
@media only screen and (min-width: 1024px) {
	header#site-header {
		border-bottom: 25px solid #23A4FB;
		padding-bottom: 15px;
	}
		.singular .entry-header {
		padding: 3rem 2rem 2rem 2rem;
	}
	.post-inner {
		padding: 2rem;
	}
    .pasco {
        font-family: "Bellerose", helvetica, arial, sans-serif;
        font-size: 1.4em;
        font-weight: bold;
        line-height: 0.1em;
    }
}