/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/




/* temporarily hide mobile menu */

/* 
.mobile-nav {
	visibility: hidden;
}
 */

/* end temporarily hide mobile menu */



body {
	line-height: 1.4;
}

.header-wrapper.stuck {/* sticky header */
	background-color: #fff;
}

@media only screen and (min-width: 960px) {

	.header {
		margin-bottom: -30px;
	}

}

.banner-top .section-content {
	bottom: -100px;
}

.banner-top.kontakt .section-content {
	bottom: -160px;
}

.banner-top .col {
	padding: 0;
}

.banner-top h1 {
	font-size: 1.25em;
	line-height: 1;
	margin: 0;
}

@media only screen and (min-width: 550px) {

	.banner-top h1 {
		font-size: 1.75em;
	}

}











@media only screen and (max-width: 849px) {/* wider mobile breakpoint for columns */

	.medium-2, .medium-3, .medium-4, .medium-5, .medium-6, .medium-7, .medium-8, .medium-9 {

		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;

	}

}





h1, h2, h3, h4, h5, h6 {
	word-wrap: break-word;
	hyphens: auto;
}

.alt-font h1, .alt-font h2, .alt-font h3, .alt-font h4 {
	margin-bottom: 0.2em;
}

.h1, h1 {
	font-size: 1.7em;
	line-height: 0.9;
}

@media (max-width: 549px) {

	h2 {
		font-size: 1.4em;
	}

	h3 {
		font-size: 1.25em;
	}

}

th, td {
	color: #111;
}

th {
	font-family: "Libre Franklin", sans-serif;
	font-size: 1em;
	font-weight: 900;
	text-transform: none;
}

li {
	margin-bottom: 0;
	list-style: square;
}

button, .button {
	font-family: "Libre Franklin", sans-serif;
	font-weight: 900;
}

/* WP button */

.wp-block-buttons > .wp-block-button {
	margin: 0 12px 20px 0 !important;
}

.wp-block-button__link {
	color: #fff;
	font-family: "Libre Franklin", sans-serif !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	text-transform: uppercase;
	background-color: #6ea17d !important;
	border-radius: 0 !important;
	padding: 8px 21px !important;
}

.wp-block-button__link:hover {
	color: #fff;
	background-color: #588264 !important;
}

/* end WP button */

.stripe {
	color: #fff;
	background-color: #6ea17d;
	padding: 5px 16px 0 16px;
}

.padding-0 {
	padding-bottom: 0 !important;
}

.text {/* normal text box */
	/* font-size: 21px; */
}

.text p:last-of-type {
	margin-bottom: 10px;
}

.lead-1 {
	font-size: 24px;
	font-weight: 600;
}

.lead-2 {
	font-size: 21px;
	font-weight: 600;
}

.lead-3 {
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
}

.drop-cap {
	font-family: Raleway;
	font-size: 350px;
	line-height: 275px;
	font-style: italic;
	max-height: 60px;
	display: block;
	margin-right: 56px;
	margin-left: -60px;
	float: left;
}

.box-green .col {
	margin-top: 20px;
	padding-bottom: 20px;
}

.box-black .col {
	padding: 0;
}

.box-black h2 {
	margin: 0;
}

.box-gray {
	padding: 0;
}

@media only screen and (max-width: 849px) {

	.box-gray {
		padding-bottom: 30px;
	}

}

.box-gray > .col-inner {
	padding: 20px 20px 1px 20px;
	background-color: #eaeaea;
}

.box-gray table {
	border-spacing: 14px;
}

.box-gray td {
	width: 50%;
	vertical-align: top;
	padding: .5em;
	background-color: #fff;
}

.box-border {
	padding-bottom: 10px;
}

.box-border .col {
	padding: 0 15px;
	margin-bottom: 30px;
}

.box-border .col-inner {
	border: 1px solid #111;
	padding: 24px 24px 14px;
}

.box-border .col-inner .text h3 {
	font-size: 32px;
	line-height: 1.2;
}

.box-border .col-inner .text p {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.box-border .col-inner .text a > span {
	padding-top: 4px;
	padding-bottom: 4px;
}

@media only screen and (min-width: 850px) {

	.nav-left {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.nav-right {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

}








/* - - - BLOG single utbildning - - - */

.section.banner-top.mob {
	
}

.bg-fill.mob {/* top image for mob of utbildning */
	height: auto;
}

.bg-fill.mob > img {/* top image for mob of utbildning */
	/* 
object-fit: cover;
	max-width: none;
	margin-right: auto;
	margin-left: auto;
 */
}

/* - - - end BLOG single utbildning - - - */







/* - - - BLOG archive utbildningar - - - */

#post-list article.utbildningar {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #111;
}

#post-list article.utbildningar:last-of-type {
	border: none;
}

#post-list .entry-content {
	padding-bottom: 0;
}

@media only screen and (min-width: 850px) {

	#post-list .wp-post-image {
		width: 280px;
		height: 280px;
	}

}

#post-list .entry-header-text {
	padding: .5em 0 .5em;
}

#post-list .entry-title {
	font-size: 32px;
	margin-bottom: 0;
}

#post-list .entry-summary {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 18px;
}

#post-list .entry-summary p {
	margin-bottom: 1em;
}

#post-list .more-link {
	margin-top: 1em;
}



.badge-public-course {
	position: absolute;
	top: 50px;
	left: -90px;
}

@media only screen and (max-width: 849px) {

	.badge-public-course {
		width: 140px;
		height: auto;
		top: 10px;
		left: 10px;
	}
	
}



/* - - - end BLOG archive utbildningar - - - */










.column-green, .column-blue {
	text-align: center;
	padding: 10px 10px 1px 10px;
}

.column-green {
	background-color: #6ea17d;
}

.column-blue {
	background-color: #5d7aa0;
}

.column-green a, .column-blue a {
	display: block;
	color: #fff;
}

.column-green a:hover, .column-blue a:hover {
	color: #f5f5f5;
}





.hide {
	display: none !important;
}

.nobr {
	white-space: nobreak;
}



/* - - - FOOTER - - - */



footer {
	border-top: 10px solid #fff;
	outline: 2px solid #6ea17d;
}

.absolute-footer, html {
	background: none;
}

.footer-wrapper {
	background: linear-gradient(0deg, rgba(229,250,232,1) 0%, rgba(133,197,152,1) 100%);
}

@media only screen and (min-width: 64em) {

	.footer-wrapper {
		/* background-color: rgb(229,250,232); *//* #e5fae8 */
		background: url("img/bg-footer-brush.png") left top no-repeat, linear-gradient(0deg, rgba(229,250,232,1) 0%, rgba(133,197,152,1) 100%);
	}

}

.footer {
	padding-top: 40px;
}


@media only screen and (min-width: 48em) {

	.large-columns-3 > .col:first-child, .large-columns-3 > .col:last-child {
		max-width: 30%;
		flex-basis: 30%;
	}

	.large-columns-3 > .col:first-child {
		padding-left: 50px;
	}

	.large-columns-3 > .col:nth-child(2) {
		max-width: 40%;
		flex-basis: 40%;
		margin-top: -40px;
		padding: 0 30px;
	}
	
	.widget_text {
		font-family: "Fira Sans Extra Condensed", sans-serif;
	}

}

.widget .is-divider {
	display: none;
}

ul.menu > li + li, .widget > ul > li + li {
	border-top: none;
}


/* - - - end FOOTER - - - */







/* - - - plugins   PLUGINS   plugins - - - */

/* - - - custom pop-up - - - */

#discount {
	padding: 20px !important;
}

.popup h2 {
	font-size: 2em;
	text-align: center;
	margin-bottom: .1em;
}

.popup p {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
}

@media only screen and (min-width: 36em) {

	#discount {
		padding: 40px !important;
	}

	.popup h2 {
		font-size: 2.5em;
	}

	.popup p {
		margin-bottom: 5px;
	}

}

/* - - - end custom pop-up - - - */






/* - - - Contact Form 7 - - - */

.wpcf7 h1 {
	font-size: 7rem;
	color: #fff;
	background-color: #6ea17d;
	line-height: 1.1;
	margin: 0 0 30px 0;
	padding: 2rem 1rem 0.4rem 1rem;
	text-align: center;
}

@media only screen and (max-width: 70em) {

	.wpcf7 h1 {
		font-size: 10vw;
	 
	}

}

.wpcf7 p, .wpcf7 label {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 18px;
}

.wpcf7 p {
	/* margin-bottom: 1em; */
}

.wpcf7 label {
	font-weight: normal;
	margin: 0.2em 0;
}

.wpcf7-list-item {/* checkboxes */
	display: block;/* inline-block */
}

.wpcf7 th, .wpcf7 td {
	border-bottom: none;
	padding-top: .1em;
	padding-bottom: .1em;
}

td h3 {
	word-wrap: anywhere;
	hyphens: auto;
}

td label, td input, td select, td textarea, td p {
	margin-top: 0.2em;
}

input[type="text"], input[type="tel"], input[type="email"] {
	height: 2em;
	border: 1px solid #888;
	border-radius: 4px;
}

textarea, select {
	border: 1px solid #888;
	border-radius: 4px;
}

.wpcf7 form {
	margin-bottom: 0;
}



/* GDPR checkbox label with link */

.checkbox-51-parent {
	display: table-row;
	margin-bottom: 24px;
}


.checkbox-51-parent .wpcf7-list-item-label {
	display: none;
}

.checkbox-51-parent span.wpcf7-list-item {
	margin-right: .2em;
}

.checkbox-51 {
	display: table-cell;
	max-width: 28px;
}

.checkbox-51-link {
	display: table-cell;
}

/* end GDPR checkbox label with link */



/* - - - end Contact Form 7 - - - */






/* - - - ARI Fancy Lightbox - - - */

/* initially for regform, currently not in use */

/* 
#regform {
	padding: 0;
}

@media only screen and (min-width: 70em) {

	#regform .col:first-of-type {
		padding-left: 50px;
	}

	#regform .col:last-of-type {
		padding-right: 50px;
	}

}
 */


/* - - - end ARI Fancy Lightbox  - - - */




/* - - - end plugins   PLUGINS   plugins - - - */



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}