/**
Theme Name: dynamit Astra Child
Author: Mikko, dynamit
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. This Astra Child theme is tweaked by dynamit for sites built by us.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dynamit-astra-child
Template: astra
*/

/* Colors used in this theme, find and replace when necessary.
Primary #006ecd (Blue)
Secondary #fd4f12 (Red)
Secondary Light #fe8459 (Tint of Secondary)
Black #3a3a3a (text color in WP)
white (named color)
off-white #cce2f5 (tint of Primary)
Also update this list */

.piilota {
	display: none !important;
}

/* HEADER BUILDER AREA */
/* Whole header area & elements */
.site-title a, .site-title a:visited, .site-title a:focus, .site-title a:hover {
	color: white;
}
@media (min-width:1024px) {
	.site-title {
		font-size: 3.5rem;
	}
}
/* Above header */
.ast-builder-grid-row-container, .ast-mobile-header-wrap .ast-builder-grid-row-layout-default {
	align-content: start;
}
.ast-builder-grid-row-tablet-layout-default {
	padding-left: 1em;
	padding-right: 1em;
}
.ast-above-header.ast-above-header-bar {
	background-position: 76% 50%;
} /* Kylmapihlaja image position */

/* Quick fix for Astra 4.0 bugs */
@media (max-width: 921px) {
	.ast-header-break-point .ast-above-header-bar, .ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"], .ast-header-break-point .ast-builder-menu-mobile .main-navigation {
		display: block;
	}
}

/* Primary header */
/*.main-header-bar {
    background-color: #006ecd;
    line-height: 1.5;
	padding: 0 5vw;
}*/

/* Below header */

/* Primary navigation bar */
#primary-site-navigation-desktop li a {
    color: white;
    padding: 0 1em;
	background-color: #006ecd;
} /* the link box */
.main-header-menu > .menu-item > .menu-link {
	height: auto;
	text-transform: uppercase;
    font-size: medium;
} /* the link text */
#primary-site-navigation-desktop li a:hover, #primary-site-navigation-desktop li.current-menu-item > a {
	background-color: #fd4f12;
} /* hover and active link */
/*#site-navigation .menu-item-home a {
	padding-bottom: 3px;
    margin-bottom: 3px;
}*/ /* for home icon */

/* Sub menu */
.sub-menu li a {
	line-height: 2;
	padding-left: 1em !important;
	color: white;
} /* sub menu text */
.main-header-menu .sub-menu {
	background-color: #006ecd;
    color: white;
	padding: 10px 0 5px 0;
} /* sub menu area */

/* Mobile menu */
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
	background-color: #006ecd;
	color: white;
} /* whole off canvas area */
#ast-mobile-site-navigation .main-header-menu {
	line-height: 2.5;
} /* sub menu area */
#ast-mobile-site-navigation .main-header-menu > li > a {
	/*margin-left: 0 !important;
	padding-left:1rem !important;
	text-align: left;*/
	color: white;
} /* sub menu link */
.ast-button-wrap button {
	background-color: white !important;
	border-radius: 20% 60% !important;
	padding: 0.5em !important;
	opacity: 65%;
} /* Hamburger background */
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
	width: 20px;
    height: 20px;
    fill: #000000;
} /* Hamburger */
.ast-mobile-popup-drawer.active .menu-toggle-close{
	color: white;
}

/* CONTENT */
/* ------- */
html {
	scroll-behavior: smooth;
}
h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6 {
	margin-bottom: 0;
}
#main {
	padding-top: 1.5em;
	/*padding-bottom: 1.5em;*/
} /* main page area */
.wp-block-group.alignfull.has-background {
	padding-top: 1.5em;
    padding-bottom: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
} /* full width group blocks with background */
.wpcf7-submit, .wp-block-button__link, .dynamit-button {
	border-radius: 5px 5px 35px 35px !important;
	font-size: 1em;
}
.dynamit-button:hover {
	background-color: #fd4f12;
}
.next-events .wp-block-buttons {
	display: inline-block;
} 
.dynamit-button-group.wp-block-group {
	padding: 0;
	display: inline-block;
} /* buttons */
.fb-group-text {
	padding-top: 10px;
	font-size: large;
}
.fb-group-container {
}
#jasenlomake {
	margin-bottom: 0;
}

/* Custom list styles */
.arrow-list {
	list-style: none;
	margin: 0 0 0.75rem 0 !important;
	line-height: 1.75rem;
}
.arrow-list li:before {
	font-family: FontAwesome;
	content: '\f0a9';
	padding-right: 0.5rem;
}
.no-margin-left {
	margin-left: 0;
}
/* Table formatting */
table, th, td {
	border: none;
	vertical-align: top;
}
thead {
	background-color: #006ecd;
    color: white;
}
td, th {
	padding: .5em 0.5em .5em 0;
}
.wp-block-table td:nth-child(1), .wp-block-table th:nth-child(1) {
	padding-left: 0.5rem;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: white;
}
/* Widgets */
.dynamit-widget-title {
	margin-bottom: 0.75em;
}

/* Contact Form 7 */
.cf7-input {
	background-color: #cce2f5 !important;
    border-top: solid 2px transparent !important;
	border-left: solid 2px transparent !important;
	border-right: solid 2px transparent !important;
	border-bottom: solid 2px transparent !important;
}
.cf7-input:hover, .cf7-input:focus {
	border: solid 2px #fd4f12 !important;
}
.cf7-textarea {
	height: 5rem;
}

/* Contact Form 7 response messages */
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0 1em;
    padding: 0.25em 1em;
    border: 2px solid #006ecd; /* Blue */
}
 
.wpcf7 form.sent .wpcf7-response-output {
    background-color: limegreen;
	border-color: limegreen;
}
 
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #fd4f12; /* Red */
	background-color: #fe8459; /* Red Light */
}
 
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #fd4f12; /* Red */
	background-color: #fe8459; /* Red Light */
}

/* Contact Form 7 responsive columns */
@media (min-width:768px) {
	.one-half, .one-third {
    	position: relative;
    	margin-right: 3%;
    	float: left;
		z-index: 1;
	}
	.one-half {
		width: 48.5%;
	}
	.one-third {
		width: 31.33%;
	}
	.first {
		clear: left;
	}
	.last {
    	margin-right: 0 !important;
    	clear: right;
	}
}

/* EVENT ORGANISER */
/* Archive pages */
.eo-tc-page .entry-title {
	display: none;
}
.archive-title {
	margin-bottom: 1em;
}
nav.eo-events-nav {
	margin: 2em 0 2em 0;
} /* next/prev nav on archive pages */
nav.eo-events-nav .nav-next a, nav.eo-events-nav .nav-previous a {
	padding: .25em .5em;
    background-color: #fd4f12;
    color: white;
    display: inline-flex;
    border: 2px solid #fd4f12;
    border-radius: 3px;
}
nav.eo-events-nav .nav-next a:hover, nav.eo-events-nav .nav-previous a:hover {
	background-color: transparent;
	color: #fd4f12;
} /* next/prev links */
.eo-venue-map {
	margin-bottom: 25px;
}
.eo-event-date.eo-archive-date {
	background-color: #006ecd;
    color: white;
    padding: 0 0.5em;
    float: right;
    display: inline-block;
    min-width: 200px;
    text-align: center;
    font-size: larger;
    border-radius: 3px;
    font-weight: 700;
} /* date format on venue & category archive pages */
.venue-archive-meta {
	margin-top: 2em;
}
.eo-event-thumbnail {
	margin: 0 20px 0 0 !important;
}
/* Single event page */
.event .entry-title {
	padding-top: 1.5em;
}
.event-featured-image img {
	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    width: 100vw;
	max-height: 300px;
    object-fit: cover;
	padding-top: 1em;
}
.event-description {
	margin: 1em 0 0 !important;
}
#content > .event {
	margin: 0;
}
ul.eo-event-meta {
	list-style: none;
}
.eo-event-venue-map h4 {
	margin: 0;
}
.eo-upcoming-dates {
	list-style: square;
}
.single-event-content {
	padding: 1em 0 2em;
}
.events-link {
	padding: 0.5em 0 2em;
}
.events-link::before {
	font-family: FontAwesome;
	content: '\f073';
	margin-right: 5px;
	color: #006ecd;
}
.leaflet-container .leaflet-control-attribution {
	background-color: transparent;
}
.leaflet-container .leaflet-control-attribution a:nth-child(1) {
	display: none;
}
/* [eo-events] shortcode */
/* classes mostly given in the shortcode, remember to include! */
.eo-events-shortcode {
	list-style: none;
	margin: 0;
	padding: 0;
}.eo-events-shortcode li {
	color: #3a3a3a;
	margin-bottom: 2em;
}
.eo-event-title-block {
	border-right: 1px solid #006ecd;
}
.eo-event-datetime {
	padding: 0 .5em;
    font-size: medium;
    background-color: #006ecd;
    color: white;
	display: inline-block;
}
.eo-event-datetime:before, .eo-archive-date:before, .eo-agenda-widget li.event > span:nth-child(2):before {
	font-family: FontAwesome;
	content: '\f073';
	color: white;
	margin-right: .5em;
	font-weight: normal;
}
.eo-event-title-text {
	display: inline-block;
	font-size: large;
    font-weight: 700;
    padding-left: .5em;
}
/*.eo-event-title-text:before {
	font-family: FontAwesome;
    content: '\f061';
	color: #006ecd;
}*/
.eo-event-venue {
	display: inline-block;
	/*font-size: small;*/
	padding-left: 1em;
}
.eo-event-venue:before {
	font-family: FontAwesome;
	content: '\f276';
	color: #006ecd;
	font-size: larger;
}
.eo-event-content {
	padding: 0 .75em .25em 0;
	border-bottom: 3px solid #006ecd;
	border-right: 1px solid #006ecd;
}
.page-id-47 .eo-event-venue {
	display: none;
}
.page-id-47 .eo-event-content {
	font-size: small;
} /* Front page event list content */
/* [eo-fullcalendar] shortcode */
/* Toolbar */
.eo-fullcalendar .fc-toolbar {
	margin-bottom: 0 !important;
}
.fc-state-default {
    background-color: #006ecd !important;
	color: white !important;
    border-style: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
	text-decoration: none !important;
}
.fc-state-active, .fc-state-down {
    background-color: #fd4f12 !important;
    box-shadow: none !important;
	color: white !important;
	text-decoration: none !important;
}
.fc-state-disabled {
    color: #333 !important;
    background-color: #e6e6e6 !important;
	text-decoration: none !important;
	cursor: not-allowed !important;
}
.fc-state-hover {
	background-color: #fd4f12 !important;
	text-decoration: none;
}
.fc .fc-button-group>* {
	margin: 0 !important;
}
.fc button .fc-icon {
	top: 0.02em !important;
	margin: 0 !important;
}
.fc-prev-button {
	border-radius: 20px 0 0 20px !important;
}
.fc-next-button {
	border-radius: 0 20px 20px 0 !important;
}
.fc-icon {
    font-size: 2em;
    line-height: .5em;
    height: .5em;
    font-family: "PT Sans",sans-serif !important;
	color: white;
}
.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: 700;
}
.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: 700;
}
.fc-icon-left-double-arrow:after {
	content: "\000AB";
}
.fc-icon-right-double-arrow:after {
	content: "\000BB";
}
.fc-icon-x:after {
	content: "\000D7";
}
.fc-toolbar h2 {
    font-size: x-large !important;
    text-transform: capitalize;
    font-weight: 700 !important;
	line-height: 1 !important;
}
/* View area */
.fc-list-header-left, .fc-list-header-right {
	text-transform: capitalize;
}
.eo-fullcalendar .fc-view>table>thead {
    background: transparent !important;
}
.fc-widget-header {
	border-top-style: hidden !important;
    border-left-style: hidden !important;
    border-right-style: hidden !important;
}
.fc-row.fc-widget-header {
	text-transform: uppercase;
    color: #3a3a3a;
    font-size: larger;
}
.fc-row.fc-widget-header thead {
	color: #3a3a3a;
}
.fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead, .fc-unthemed hr, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
    border-color: #006ecd !important;
}
.eo-fullcalendar .fc-view>table>tbody {
    background: white !important;
}
.fc-basic-view tbody .fc-row {
    min-height: 5em !important;
}
.eo-fullcalendar-reset.fc-unthemed .fc-today {
    background: #cce2f5 !important;
}
.fc td.fc-today {
}
.fc-ltr .fc-basic-view .fc-day-number {
    text-align: left !important;
	padding-left: 0.2em !important;
	color: #3a3a3a;
}
 /* Event */
.eo-fullcalendar .fc-event {
    font-size: .9em;
}
.fc-event {
    line-height: 1.2 !important;
    border-radius: 2px !important;
}
.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px;
	background-color: #006ecd !important;
    border: 1px solid #006ecd !important;
    color: #ffffff;
}
.fc-day-grid-event .fc-time {
    font-weight: 400 !important;
}
.fc-day-grid-event .fc-title {
}
/* Event tip on hover */
.qtip-eo {
    background-color: #fff;
    border: 2px solid #006ecd !important;
    color: #3a3a3a !important;
}
.qtip {
    font-size: 0.9em !important;
    line-height: 1.1em !important;
}
.qtip-eo .qtip-titlebar {
    background-color: #006ecd !important;
    color: white !important;
    font-weight: 400 !important;
}
.qtip-content {
}

/* EO Agenda Widget */
.eo-agenda-widget {
	border: none;
	margin-bottom: 100px;
}
.eo-agenda-widget .eo-agenda-widget-nav {
	float: left;
	margin-right: 2em;
	margin-bottom: 0 !important;
	margin-top: 4px;
}
.eo-agenda-widget .eo-agenda-widget-nav-next, .eo-agenda-widget .eo-agenda-widget-nav-prev {
	border: none !important;
    padding: 5px 9px 5px 11px !important;
    background: #fd4f12 !important;
    margin: 3px !important;
    color: white !important;
    font-size: 15px !important;
    font-family: Helvetica,Arial,sans-serif !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
}
.eo-agenda-widget li.date, .eo-agenda-widget ul.dates {
	border: none !important;
}
.eo-agenda-widget li.date {
	padding: 2px 0 0 0 !important;
	text-transform: capitalize;
	font-size: larger;
	font-weight: 700;
}
.eo-agenda-widget ul.a-date {
	font-size: smaller;
	font-weight: 400;
}
.eo-agenda-widget li.event {
	padding: 0 !important;
    background: transparent !important;
    border-radius: 3px !important;
    opacity: 1 !important;
    color: #3a3a3a !important;
    margin: 0 0 3px 0 !important;
	font-weight: 700 !important;
}
.eo-agenda-widget li.event:nth-child(1) {
	margin-top: 1em !important;
}
.eo-agenda-widget li.event > span:nth-child(2) {
	background-color: #006ecd;
    color: white;
    padding: 0 10px;
    margin-right: 10px;
	margin-bottom: 5px;
	display: inline-block;
	min-width: 140px;
	text-align: center;
	font-size: larger;
	border-radius: 3px;
} /* date/time block */
.eo-agenda-widget li.event .meta {
	display: inline-block !important;
	font-size: inherit !important;
	font-weight: normal;
}
.eo-agenda-widget li.event .meta span:nth-child(2) {
	display:  none;
}
.eo-agenda-widget li.event .meta span:nth-child(1):before,
.eo-agenda-widget li.event .meta span:nth-child(3):before {
	content: "|";
}

/* VIK RENT ITEMS */
/* Fix mobile list view bug */
.vrilistcontainer .vri-list-item-img {
	flex-basis: auto;
}

/* FOOTER BUILDER AREA */
/* Whole footer area and elements */
/*@media (min-width: 415px) {
	.site-footer {
		position: sticky;
		bottom: 0;
		z-index: 1;
	}
}*/ /* Sticky footer above mobile */
.ast-main-footer-wrap {
	margin: 0;
	padding: 0;
}
.promo, .promo a {
	color: white;
	font-variant: all-small-caps;
}
.site-footer-focus-item {
	margin: 0;
}
/* Above footer */
.site-above-footer-wrap {
}
/* Primary footer */
.site-primary-footer-wrap {
}
/* Below footer */
.site-below-footer-wrap {
}

/* SCROLL TO TOP BUTTON */
/* INSERT <a href="#" id="topbutton"></a> before the closing body tag (Header and Footer plugin) */
#topbutton {
    position: fixed;
    height: 35px;
    width: 50px;
    line-height: 30px;
    right: 5px;
    bottom: 2px;
    z-index: 1;
    background: #fd4f12;
	border: 2px solid #fd4f12;
    border-radius: 10px 45px;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    font-size: x-large;
    transition: background 0.5s ease-out, border-radius 0.5s ease-out, line-height 0.5s ease-out, color 0.5s ease-out, border 0.5s ease-out, visibility 1.5s, opacity 1.5s ease-out;
	visibility: hidden; /* js will make visible on scroll down */
}
#topbutton:after {
    font-family: FontAwesome;
    content: "\f102";
}
#topbutton:hover {
    line-height: 25px;
    background: #cce2f5;
    color: #fd4f12;
    border: 2px solid #fd4f12;
	border-radius: 45px 10px;
}
/* Hide Google Recaptcha logo */
.grecaptcha-badge {
	visibility: hidden;
}