/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

/* .brush-left:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-mask: url(/wp-content/themes/kadence-child/images/brush-gray-left.svg) no-repeat center;
	mask: url(images/brush-gray-left.svg) no-repeat center;
	background-color: inherit;
}

.brush-right:before {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-mask: url(images/brush-gray-right.svg) no-repeat center left;
	mask: url(images/brush-gray-right.svg) no-repeat center left;
	background-size: cover;
	background-color: red;
} */

/* Logo */
html[lang="en-GB"] .brand.has-logo-image {
    background: url('/wp-content/uploads/2023/02/logo-en-2023-ihmisoikeuspaiva.svg');
    background-position: center center;
    background-size: contain;
	background-repeat: no-repeat;
}

:is(html[lang="en-GB"], html[lang="sv-SE"]) .brand.has-logo-image img {
	visibility: hidden;
}

html[lang="sv-SE"] .brand.has-logo-image {
    background: url('/wp-content/uploads/2023/02/logo-se-2023-ihmisoikeuspaiva.svg');
    background-position: center center;
    background-size: contain;
	background-repeat: no-repeat;
}

.site-header-section-left {
	flex-direction: column;
}

#mobile-header .mobile-html-inner p {
	margin: 0;
}

/* Button */

#wrapper .wp-block-kadence-advancedbtn .kt-button {
	border: 0px solid transparent;
	-webkit-mask: url(images/button-bg-gray.png) no-repeat center center !important;
	mask: url(images/button-bg-gray.png) no-repeat center center !important;
	background-size: contain;
	min-width: 296px;
	/* min-height: 79px; */
	color: white;
}

#wrapper .wp-block-kadence-advancedbtn .kt-button .kt-btn-inner-text:after {
	content: '\000BB';
	position: relative;
	float: right;
	margin-left: 10px;
	color: #fe6225;
}


#wrapper .wp-block-kadence-advancedbtn .kt-button:hover .kt-btn-inner-text:after {
	color: #63798c;
}

/* Menu */

.menu-item .kadence-arrow-down-svg {
	fill: #fe6225;
}

/* Footer */

#colophon.site-footer {
	/* margin-top: 120px; */
}

.pre-footer {
	border: 0px solid transparent;
	
	width: 100%;
	height: 120px;
	-webkit-mask: url(images/brush-white-bottom-small.png) repeat-x top center !important;
    mask: url(images/brush-white-bottom-small.png) repeat-x top center !important;
    background-position: top center;
	background-color: white;
	margin-top: -120px;
}

/* Blog */
.single-post #main > .content-wrap:not(:has(.entry-related)) {
	padding-bottom: 90px;
}

.single-post #main {
	margin-top: 45px;
}

.entry-header :is(.date, .category) {
	font-size: 14px;
	margin-right: 10px
}

.post-navigation .post-navigation-sub {
	color: #fe6225;
}

@media screen and (max-width: 719px) {
	.single-post .article-post-thumbnail {
		margin-left: -1rem;
		margin-right: -1rem;
	}
}

.blog #archive-container {
	margin-bottom: 60px;
}

#archive-container .post-thumbnail-inner:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
	-webkit-mask: url(images/brush-featured.svg) repeat-x top center !important;
	mask: url(images/brush-featured.svg) repeat-x top center !important;
	background-position: top center;
    background-color: white;
}

#archive-container .post-thumbnail-inner,
.entry-related .post-thumbnail-inner {
    position: relative;
    float: left;
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
    background: #FE6225;
}

#archive-container .post-thumbnail-inner img,
.entry-related .post-thumbnail-inner img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

#archive-container .post-thumbnail-inner img:hover,
.entry-related .post-thumbnail-inner img:hover {
    transform: scale(1.2);
    opacity: 0.8;
}

.entry-related .post-thumbnail-inner:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    -webkit-mask: url(images/brush-featured.svg) repeat-x top center !important;
    mask: url(images/brush-featured.svg) repeat-x top center !important;
    background-position: top center;
    background-color: #eef1f3;
}

.entry-related .entry {
	background-color: #eef1f3;
}