/*!
Theme Name: Solmukohtia
Theme URI: https://solmukohtia.fi/
Template: kadence
Author: Mainostoimisto Sitrusmedia Oy
Author URI: https://sitrusmedia.fi/
Version: 0.3
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
-------------------------------------------------------------- */

/* Wordbreak */
h1, h2, h3, h4, h5, h6, p, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {word-break: keep-all; hyphens: none; word-wrap: initial;}

/* Main Header shadow */
#masthead .item-at-start {transition: box-shadow ease-in-out 200ms;}
#masthead .item-is-stuck {box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05); transition: all ease-in-out 200ms;}

/* Mobile menu */
.drawer-header {padding: 0 1rem 0!important;}
.popup-drawer .drawer-content {padding: 0 1rem 2rem!important;}

/* Links no underline */
a, p a {text-decoration: none!important;}

/* Fluent Forms */
.fluentform form {margin: 0!important;}
.fluentform input, .fluentform textarea , .fluentform select {padding: .6rem!important; border-radius: 0!important; font-size: 1rem!important;}
.fluentform .ff-el-group {margin-bottom: 1rem!important;}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {top: 0!important; width: 1.2rem!important; height: 1.2rem!important; margin-right: .4rem!important;}
.fluentform .ff-el-tc {margin-top: -.8rem!important; font-size: 1rem!important;}
.fluentform .ff-el-form-control:focus {border-color: var(--global-palette1)!important;}
.fluentform .ff-el-form-control {border: none !important; font-family: var(--global-body-font-family) !important; box-shadow: 0px 3px 1px #dddddd !important;}
.single-content .fluentform {padding-top: 0.5rem; margin-bottom: -0.5rem !important;}
[type="checkbox"], [type="radio"] {accent-color: var(--global-palette1);}
@media (max-width:767px) {.fluentform .ff-el-tc label.ff_tc_label>div, .fluentform .ff-el-tc label.ff_tc_label>span { display: inline !important; font-size: 0.9rem !important;}.fluentform .ff-el-tc {margin-top: -5px !important; margin-bottom: -3px !important;}}

/* GDPR Cookie icon */
.cky-revisit-bottom-left {bottom: .5rem!important; left: .5rem!important;}
.cky-btn-revisit-wrapper .cky-btn-revisit img {height: 1.8rem!important; width: 1.8rem!important;}
.cky-btn-revisit-wrapper {width: 2.5rem!important; height: 2.5rem!important;}
.cky-switch input[type="checkbox"] {border-radius: 50px!important;}

/* WP Social Ninja -contact */

/* Wrapper */
.wpsr-fm-chat-wrapper.wpsr-chat-icons-layout .wpsr-fm-chat-bubble.active .wpsr-fm-bubble-btn {-webkit-transform: none!important; transform: none!important;}
.wpsr-fm-chat-wrapper {right: .5rem!important; bottom: .5rem!important; margin: 0!important;}

/* Button */
.wpsr-fm-chat-wrapper .wpsr-fm-chat-bubble {right: 0!important;}
.wpsr-fm-chat-wrapper .wpsr-fm-chat-bubble .wpsr-fm-bubble-btn.wpsr-fm-bubble-btn-has-text {border-radius: 25px!important; padding: 0.6rem 1.2rem!important;}
.wpsr-fm-chat-wrapper .wpsr-fm-chat-bubble .wpsr-fm-bubble-btn.wpsr-fm-bubble-btn-has-text img {margin: 0 -0.3rem!important;}

/* Chatbox wrapper */
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box {right: 0.5rem!important;}
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box-display {margin-bottom: 4.4rem!important;}

/* Chatbox close button */
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box .wpsr-fm-chat-close {top: 1.4rem!important; right: .4rem!important;}
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box .wpsr-fm-chat-close:after, .wpsr-fm-chat-wrapper .wpsr-fm-chat-box .wpsr-fm-chat-close:before {width: 1.4rem!important; height: 3px!important;}

/* Chatbox header */
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box .wpsr-fm-chat-header {padding: 1rem!important;}
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box .wpsr-fm-chat-header .wpsr-fm-group-details {padding: 0!important;}
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box .wpsr-fm-chat-header .wpsr-fm-group-details h3 {padding: 0 0 .4rem!important;}

/* Chatbox content */
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box .wpsr-fm-chat-room {padding: 1rem!important;}
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box .wpsr-fm-chat-room .wpsr-fm-conversation .wpsr-fm-greeting-msg {background-color: #fff!important; padding: 0!important;}
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box .wpsr-fm-chat-room .wpsr-fm-conversation .wpsr-fm-greeting-msg p:first-child {padding: 0 0 .4rem!important;}

/* Chatbox Fluent forms */
#fluentform_5 {margin: -1.5rem 0!important;}
#fluentform_5 .ff-btn-lg {border-radius: 0!important; font-size: 16px;}
#fluentform_5 input[type="text"], #fluentform_5 input[type="email"], #fluentform_5 input[type="url"], #fluentform_5 input[type="password"], #fluentform_5 input[type="search"], #fluentform_5 input[type="number"], #fluentform_5 input[type="tel"], #fluentform_5 input[type="range"], #fluentform_5 input[type="date"], #fluentform_5 input[type="month"], #fluentform_5 input[type="week"], #fluentform_5 input[type="time"], #fluentform_5 input[type="datetime"], #fluentform_5 input[type="datetime-local"], #fluentform_5 input[type="color"], #fluentform_5 textarea {background: none !important;}
.wpsr-fm-chat-wrapper.wpsr-has-fluent-forms-widget .wpsr-fluent-form-title {padding: 1rem!important; font-size: 18px!important;}
.wpsr-fm-chat-wrapper.wpsr-has-fluent-forms-widget .wpsr-fluent-form-title {border: none !important;}
#fluentform_5 .ff-el-form-control {border-bottom: 1px solid #d5d5d5 !important; box-shadow: none !important; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; padding-left: 0 !important;}
.wpsr-fm-chat-wrapper.wpsr-has-fluent-forms-widget .wpsr-fluent-form-title {margin-left: 4px !important;}
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box .wpsr-fm-chat-room .wpsr-fm-conversation .wpsr-fm-user-picture img {display: none !important;}
.wpsr-fm-chat-wrapper .wpsr-fm-chat-box .wpsr-fm-chat-header .wpsr-fm-group-details h3 {margin-left: 1rem !important;}

/* WP Social Ninja -soittopainike */
@media (max-width: 768px) {.wpsr-fm-chat-wrapper {right: .5rem!important; bottom: .5rem!important;} .wpsr-fm-chat-box {display: none!important;} .wpsr-fm-chat-wrapper .wpsr-fm-chat-bubble {right: 0!important;}}

/* Blog */
.category-style-pill a {padding: 0.25rem 0.5rem!important; border-radius: 5rem!important;}

/* Blog single */
@media (max-width: 767px) {.kadence-thumbnail-position-behind {margin-bottom: 0!important;}}

/* Single post related carousel */
.loop-entry .entry-content-wrap {min-height: 170px !important; height: 100%;}
.splide .splide__pagination {bottom: -30px !important;}
@media (max-width:767px) {@media (max-width: 767px) .loop-entry .entry-content-wrap { min-height: 195px !important; height: 100%;}}
.entry-related-inner-content {padding-top: var(--global-md-spacing) !important; padding-bottom: var(--global-md-spacing) !important; padding-left: var(--global-xs-spacing) !important; padding-right: var(--global-xs-spacing) !important;}
@media (max-width:767px) {.comment-navigation a, .post-navigation a { font-size: 1rem !important; line-height: 1.6 !important;} .comment-navigation, .post-navigation {margin: var(--global-xs-spacing) auto !important;}}

.kt-blocks-post-grid-item header {
	display: flex;
	flex-direction: column;
}
.kt-blocks-post-grid-item .entry-title {
	order: 2;
}
.kt-blocks-post-grid-item .kt-blocks-post-top-meta {
	order: 1;
}
.kt-blocks-date {
	margin-bottom: 0.5rem;
}

.kt-blocks-post-footer {
	padding-top: 15px;
}

.uusimmat-artikkelit .kt-blocks-post-grid-item:last-child {
	border-bottom: none;
}

.kt-blocks-page-nav .nav-links>.current, .pagination .current {
    background: var(--global-palette2) !important;
    border-color: var(--global-palette2) !important;
}

.pagination .page-numbers {
	background: #FFF;
	color: #001F2C !important;
}
.pagination .dots {
    background: none;
    color: #FFF !important;
}

.pagination .page-numbers {
    margin-bottom: 0.8rem;
}

.loop-entry.type-post .entry-taxonomies .category-style-pill a {
    display: none;
}

.wp-block-tag-cloud a {
	padding: 0.2rem 0.5rem;
	font-size: 1rem !important;
    background: #FFF !important;
    border-color: #FFF !important;
	color: #001F2C !important;
	margin-bottom: 0.6rem;
}
.wp-block-tag-cloud a:hover {
    background: var(--global-palette2) !important;
    border-color: var(--global-palette2) !important;
}

@media (max-width:767px) {
	p {
		font-size: 0.9375rem !important;
	}
}

.kt-blocks-page-nav .nav-links>a, .kt-blocks-page-nav .nav-links>span {
	border-color: #FFFFFF !important;
}

/* Uusimmat artikkelit ja blogi */

.pagination {
    margin: var(--global-md-spacing) auto !important;
}

@media (max-width: 767px) {
	.blogilistaus .kt-blocks-post-grid-item .entry-title {
		line-height: 2rem !important;
		margin-bottom: 0 !important;
		margin-top: -0.8rem !important;
	}
	.uusimmat-artikkelit .kt-blocks-post-grid-item .entry-title {
		line-height: 3rem !important;
		line-height: 2rem !important;
	}
	.blogilistaus {
		margin-top: -1rem;
	}
	.post-navigation-link__label {
		display: inline-block;
		width: 90%;
	}
}

@media (min-width:768px) and (max-width:1024px) {
	.kirjalistaus .kt-feat-image-align-left {
		grid-template-columns: 30% auto !important;
	}
}

.artikkeli-sidebar .kt-blocks-post-grid-item .entry-title {
	order: 1;
}
.artikkeli-sidebar .kt-blocks-post-grid-item .kt-blocks-post-top-meta {
	order: 2;
}

.artikkeli-sidebar .entry-title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.archive.tag .grid-cols {
    row-gap: 0.5rem !important;
}

.archive.tag .loop-entry .entry-content-wrap {
    min-height: 0 !important;
}

/* Post edits for elements */
.single-post .wp-block-image figcaption {
	color: #FFF !important;
	text-align: left;
	font-size: 1rem;
	font-family: Inconsolata, monospace;
    padding: 12px 0px 14px;
}
.single-post figcaption:after {
    background-color: currentColor;
    content: "";
    height: 2px;
    left: 0;
    position: relative;
    width: 40px;
    display: block;
    margin-top: 8px;
}

.single-post blockquote.wp-block-quote.has-text-align-center, .size-big, .caption-big {
		margin-right: -18.1818182%;
		margin-left: -18.1818182%;
		max-width: 136.3636364%;
	}
.entry-content blockquote.wp-block-quote.has-text-align-center {
	border: 0;
	font-size: 2.1875rem;
	line-height: 1.371428571;
	margin: 0 -11.11419486% 32px;
	max-width: 122.22838972%;
	text-align: center;
}

.single-post .entry-content blockquote.wp-block-quote.has-text-align-left {
    margin-right: 9.0909091% !important;
    margin-left: -18.1818182% !important;
	margin-top: 8px;
	padding: 16px 0;
	border-color: currentColor;
    border-style: solid;
    border-width: 2px 0;
    padding: 12px 0 !important;
    width: 50% !important;
	display: inline;
	float: left;
}

.single-post .entry-content blockquote.wp-block-quote.has-text-align-right {
    /* margin-right: -18.1818182% !important; */
    margin-left: 9.0909091% !important;
	margin-top: 8px;
	padding: 16px 0;
	border-color: currentColor;
    border-style: solid;
    border-width: 2px 0;
    padding: 12px 0 !important;
    width: 50% !important;
	display: inline;
	float: right;
}

.single-post .entry-content blockquote.wp-block-quote.has-text-align-right {
	text-align: left;
}

@media (min-width: 768px) {
	.entry-content blockquote.wp-block-quote.has-text-align-center {
		padding: 32px 0;
		font-size: 35px !important;
	}	
}
@media (max-width:767px) {
	.entry-content blockquote.wp-block-quote.has-text-align-center {
		padding: 10px !important;
	}
	.single-content .wp-block-quote p {
		font-size: 18px !important;
	}
}