/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1

*/
/* GLOBALA FÄRGER ================ */
:root {
    --pri-color:#1f2e27; /* Bakgrund och mörk text */
    --field-color:#597553; /* Gröna fält */
    --link-color:#E8C161; /* Färg för gula knappar & Hamburgermeny */
    --sec-color:#dfb869; /* Standardgul för text + fält */
    --white:#ffffff; /* Standardgul för text + fält */
}

p:empty{
  height: 0;
  margin: 0;
  padding: 0;
}

/* NAVIGERING ====================== */
/* 1. Globala justeringar */
/* 2. Menyjusteringar */
/* 3. OANVÄND */
/* 4. Aktuellt & POST DISPLAY custom */
/* 5. Aktuellt & POST DISPLAY custom */


/* 1.  =================================================================================== */
/* Globala justeringar & CSS snippets =======================================//========================= */
/* ===================================================================================== */
a:hover {font-weight:400;}
.no-hover a {}
.no-hover a:hover {font-weight: 600;}

.site-content {margin-top: 100px;}
.icons .fas {padding: 0 10px; color:var(--sec-color);} /* IKONER GLOBALT */
.widgettitle {font-size:30px;}/* titel rubrik */
.fl-callout .fl-icon {padding-right: 60px; margin-top: 12px;}
.fl-callout .fl-callout-title {margin-bottom: 40px;}
.equal-height-buttons {align-content: flex-end; flex: 1 1 0; display: grid; }
.large-number {font-size: 70px;}
.thin {font-weight: 300;}
.yogakurser-filter .pp-post-filters {margin: 0;}
.nospace p {margin: 0; padding: 0;}
.sub-form input {border: 0px !important;border-radius: 10px;} /* SIDFOT SUBSCRIBE FORM */

/* KNAPP CENTRERAD i CAT RUTA MED LINJE */
.fl-col.row-col-center {position:relative;}
.fl-col.button-col-center {
    width: 25%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -18px;
}
@media screen and (max-width: 1024px) {
	.fl-col.button-col-center {width: 60%;}
}

@media screen and (max-width: 768px) {
.widget_nav_menu {
	text-align:center;
}
}

/* --------------------------------------------------------- */
/* KNAPP-CSS ---------------------------------------------- */

.yogakurs-knapp,
.gul-knapp.blob, 
.gul-knapp .fl-button-wrap a.fl-button,
.gron-knapp .fl-button-wrap a.fl-button {
        border-radius: 100px;
        border: solid 3px;
        padding: 0.7em 1em !important;
        font-size: 30px;
		line-height: 30px;
}

.gul-knapp-liten .fl-button-wrap a.fl-button {
        border-radius: 100px;
        border: solid 3px;
        padding: 0.7em 1em !important;
        font-size: 20px;
}

.yogakurs-knapp,
.gul-knapp.blob, 
.gul-knapp .fl-button-wrap a.fl-button {
    border-color: var(--link-color) !important;
    background: rgba(223,184,105, 0.2);
}
.yogakurs-knapp,
.gul-knapp.gul-knapp-solid .fl-button-wrap a.fl-button {background: var(--link-color) !importanti;}

.gron-knapp .fl-button-wrap a.fl-button {border-color: var(--pri-color);background: rgba(31, 46,39, 0.2);}

.yogakurs-knapp,
.gul-knapp.blob, 
.gul-knapp .fl-button-wrap a.fl-button span,
.gron-knapp .fl-button-wrap a.fl-button span,
.gul-knapp-special .fl-button-wrap a.fl-button span {
    color: var(--white);
}
@media screen and (max-width: 1650px) {
    .gul-knapp.blob, 
    .gul-knapp .fl-button-wrap a.fl-button,
    .gron-knapp .fl-button-wrap a.fl-button {
        font-size: 24px;
}
}

@media screen and (max-width: 767px) {
    .gul-knapp.blob, 
    .gul-knapp .fl-button-wrap a.fl-button,
    .gron-knapp .fl-button-wrap a.fl-button {
        border-radius: 100px;
        padding: 0.7em 1em !important;
        font-size: 18px;
}
    
    .gul-knapp-special .fl-button-wrap {
        width: auto;
        margin: unset;
        padding: unset; 
    }
}
/* KNAPP-CSS END -------------------------------------------- */
/* --------------------------------------------------------- */

/* Mån-dagar schema justeringar */
.open-row-icon .pp-er .pp-er-arrow::before {content: "\f067";}
.open-row-icon .pp-er-open .pp-er-arrow::before {content: "\f068";}
.open-row-icon .pp-er .pp-er-title {display: none;}
.open-scheme-icon .pp-er .pp-er-arrow::before {content: "\f067";}
.open-scheme-icon .pp-er-open .pp-er-arrow::before {content: "\f068";}


@media screen and (max-width: 767px) {
	.open-scheme-icon .pp-er .pp-er-title {	font-size: 22px;}
	.fl-callout .fl-icon {padding-right: 20px; margin-top: 5px;}
	.fl-callout .fl-callout-title {margin-bottom: 10px;}
	
	.mob-weight-500 h4.fl-heading,
	.mob-weight-500 h1.fl-heading {
		font-weight: 900 !important;
	}
}


/* 2.  =================================================================================== */
/* MENY =======================================//========================= */
/* ===================================================================================== */

.slideout-navigation .dropdown-menu-toggle::before {
	color: var(--sec-color);
    content: "\f067" !important;
    font-family: FontAwesome;
}
.dropdown-click .menu-item-has-children.sfHover > a .dropdown-menu-toggle::before {
    content: "\f067";
}
.menu-toggle {font-size: 50px; padding:0px !important;}

@media screen and (max-width: 768px) {
.menu-toggle {font-size:40px; padding-right:20px !important;}
}

/* sticky menu > set main nav bg color*/
.main-navigation.navigation-clone {
background-color: var(--pri-color);
}

/* 3.  =================================================================================== */
/* SIDOR/TEMPLATES STILAR =============================================================== */
/* ===================================================================================== */

/* 3.0 STARTSIDA ================================================================ */
/* STARTSIDA CTA / LINJE RUTA*/
.heading-bg .fl-heading .fl-heading-text {background: var(--pri-color); padding: 0 20px;}

.fp-bg-row .fl-row-content-wrap {background-size: 825px 599px;} /* BAKGRUND BÖJ */

@media screen and (max-width: 1024px) {
	.fp-bg-row .fl-row-content-wrap {background-size: 400px 290px;}
}
@media screen and (max-width: 767px) {
	.fp-bg-row .fl-row-content-wrap {background-size: 300px 218px;}
	.heading-bg .fl-heading .fl-heading-text {padding: 0 0px;}
}

/* 3.1 SIDA COMMUNITY ================================================================ */

.community-text .bbp_th_content  {text-align: center;}
.community-text .bbp_th_before_content p {margin-bottom: 0}
.community-text .bbp_th_show_toggle  {display: block !important; font-style: italic;}
.community-text .bbp_th_after_content p {font-size: 17px;}

/* 3.2 YOGAFORMER ================================================================ */
/* LISTA MED HJÄRTA  */
.heart-list ul {font-size: 25px;}
.heart-list ul li {margin-bottom: 20px;}
.heart-list ul li .fa-li  {margin-left: -30px;color: var(--sec-color);}


/* 3.3 Yogakurser ================================================================ */
.yogakurser-filter .pp-post-filters ul{margin: 0 0 0em 0em !important; padding: 0;}

/* REPEATER SINGLE KURS */

.yogakurs-repeater {position: relative; margin-bottom: 80px;}
.yogakurs-repeater .info {display:inline-block; width: 100px; font-weight:500;}
.yogakurs-repeater .desc {display:inline-block; width: 85%;}
/*.yogakurs-repeater p {margin-bottom: 0;}*/
.yogakurs-repeater .yogakurs-knapp {
	position: absolute;
	right: 0; /*bottom: 0;*/
	padding: 0.2em 1em !important;
}
@media screen and (max-width: 767px) {
	
	.yogakurs-repeater .info {width: 80px; vertical-align: top}
	.yogakurs-repeater .desc {width: 100%;min-width: 220px;}
	
	/*.yogakurs-repeater p {margin-bottom: 40px;}*/
	.yogakurs-repeater .yogakurs-knapp {
		position: relative;
		/* margin: 0 auto; */
		bottom: 0;*/
		margin-right:0;
		display: block;
		text-align: center;
		max-width: 150px;
	}
	
	.yogakurs-repeater .yogakurs-fullbokad {
    position: relative;
    color: #DFB869;
    font-size: 26px;
    right: 0px;

	
}

	
/* MINDRE RUBRIKER MOBILA ENHETER, rich text-div */
/* Både för Yogakurser singel och Yogaformer singel */
	
	.yogakurserrubriker h2{font-size: 35px;}
	.yogakurserrubriker h3{font-size: 30px;}
}


/* 3.3 Schema & Priser ================================================================ */

 .blob-container {position: absolute;right: 100px;bottom: -100px;}
   .circle-blob {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-flow: column wrap;
        align-items: center;
        width: 320px;
        height: 320px;
        padding: 0 20px;
        background: var(--field-color);
        border-radius: 1000px;
        text-align: center;
        box-shadow: 0px 0px 20px 0px rgba(31,46,39,0.38);
    }
    .circle-blob .blob-text {font-size: 30px;margin-bottom: 20px;}


@media screen and (max-width: 992px) {
     .blob-container {position: relative;right: 0px;bottom: 0px;}
     .circle-blob {
        position: relative;
        margin: 0 auto;
        right: 0px;
        left: 0;
        bottom: 0px;
        width: 320px;
        height: 320px;
    }
}



/* 4.  =================================================================================== */
/* SOLGRID-LARARE =======================================//========================= */
/* ===================================================================================== */

.solgrid-larare .fl-post-grid {
	display: flex;
	align-items: center;
	justify-content: center;
	justify-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

.solgrid-larare .fl-post-grid-post {
    background: none;
    border: none;
}
.solgrid-larare .fl-post-column {
    background-color: rgba(0,0,0, 0);
    display: flex;
    align-items: space-between;
    justify-content: center;
    background: url('/wp-content/uploads/2021/06/sol.svg') no-repeat;
    background-size: contain;
    background-position: center center;
    overflow-wrap: break-word;
    object-fit: cover;
    padding: 100px 0px;
	margin: 20px 10px;
}

.solgrid-larare .fl-post-title {
	font-size: 30px;
	line-height: 38px;
	margin: 0;
	padding: 0;
    text-align: center;
}

@media screen and (max-width: 1024px) {
	.solgrid-larare .fl-post-column {
 		/*padding: 100px 0px;*/
		align-items: center;
 		justify-content: center;
		height: 220px;
	}
}

@media screen and (max-width: 767px) {
    .solgrid-larare .fl-post-column {float: left; width: 40%; padding: 10px; margin: -20px 10px}
	.solgrid-larare .fl-post-title {font-size: 16px !important; line-height: 1.3;}
}


/* 5.  =================================================================================== */
/* PP-CONTENT-GRID CUSTOM ================================================================ */
/* ===================================================================================== */
.custom-pp-grid .pp-content-post {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
}

/* ------Kolumner dator / surfplatta ------- */
.custom-pp-grid .pp-content-post .pp-content-grid-post-image,
.custom-pp-grid .pp-content-post .pp-content-grid-post-text {width: 50%;}

@media screen and (max-width: 1024px) {
	
	.custom-pp-grid .pp-content-post .pp-content-grid-post-image,
	.custom-pp-grid .pp-content-post .pp-content-grid-post-text {width: 100%;}
	.custom-pp-grid .pp-content-post {flex-direction: column-reverse; flex: 0 0 100%;} /* omvänd ordning */
}
/* ------Kolumner dator / surfplatta ------- */

.custom-pp-grid .pp-content-grid-post-text {
    padding: 30px 30px 30px 30px;
    margin-bottom: 0;
    color: var(--pri-color);
}

.custom-pp-grid .pp-content-grid-post-title {
    font-size: 30px;
    color: var(--pri-color);
	margin: 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.custom-pp-grid .pp-content-grid-post-title a {color: var(--pri-color);}
.custom-pp-grid .pp-content-grid-post-title a:hover {font-weight: 600;}
.custom-pp-grid .pp-content-grid-post-meta {padding: 10px 0;}
.custom-pp-grid .pp-content-grid-post-meta a {text-decoration: none;}

.custom-pp-grid .pp-content-grid-post-meta,
.custom-pp-grid .pp-content-grid-post-meta a {
    color: var(--pri-color);
    font-size: 14px;
    font-weight: 100;
}

.custom-pp-grid .pp-content-grid-post-meta a:hover {color: var(--link-color);}
.custom-pp-grid .pp-content-grid-post-meta-sep {padding: 0 3px;}
.custom-pp-grid .pp-content-grid-post-excerpt p {margin-bottom: 0;}

.custom-pp-grid .pp-content-grid-load-more .pp-grid-loader-text {font-size: 20px; font-weight: 400;}

/* LÄS MER FLYTANDE TEXT EXCERPT */
.custom-pp-grid .pp-content-grid-post-excerpt p,
.custom-pp-grid .pp-content-grid-post-excerpt a {display: inline;}
.custom-pp-grid .pp-content-grid-post-excerpt a {color: var(--pri-color); font-weight: 500;}

/* BILDEN FYLLER RUTAN */
.custom-pp-grid .pp-content-grid-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* SURFPLATTA OCH NEDÅT */
@media screen and (max-width: 1024px) {
	
	.custom-pp-grid .pp-content-grid-post-image {height: 300px;}    
    .custom-pp-grid .pp-content-grid-post-text {padding: 30px;}
    
    .custom-pp-grid .pp-content-grid-post-meta,
    .custom-pp-grid .pp-content-grid-post-title,
    .custom-pp-grid .pp-content-grid-post-text {text-align: center;}
	
/* POST FILTER ADJUSTMENTS */
	.yogakurser-filter .pp-post-filters {margin: 0;}
}
.pp-post-filters {
	font-size:40px !important;
	font-weight:400 !important;
	padding-bottom: 30px;
}
	.custom-pp-grid .pp-content-grid-post-title {
    text-overflow: unset;
	white-space: normal;
	}

/* TELEFON */
@media screen and (max-width: 767px) {
	.yogakurser-filter .pp-post-filters li {display: block !important; text-align: left !important;}
		
	.no-bg-mobile > .fl-row-content-wrap,
	.no-bg-mobile	.fl-col-content {
    	background: none !important;
  }
	p {font-size: 18px;}
	
	.custom-pp-grid .pp-content-grid-post-title {
    text-overflow: unset;
	white-space: normal;
	}
}

/* 6.  =================================================================================== */
/* COLUMN REVERSE I BEAVER STARTAR PÅ SURFPLATTA 1024px ISTÄLLET FÖR MOBIL =============== */
/* ====================================================================================== */
  @media (max-width: 1024px) {
    .fl-col-group-responsive-reversed {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
        -ms-box-orient: horizontal;
        -webkit-flex-flow: row wrap;
    }
    
    .fl-col-group-responsive-reversed .fl-col:nth-of-type(1) {
        -webkit-box-ordinal-group: 12;
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 12;
        -webkit-order: 12;
        order: 12;
    }
    
    .fl-col-group-responsive-reversed .fl-col:nth-of-type(2) {
        -webkit-box-ordinal-group: 11;
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 11;
        -webkit-order: 11;
        order: 11;
    }
}

/* 7.  ==================================================================================== */
/* THE GRAVE- HACKINTOSH ================================================================= */
/* ====================================================================================== */
/* Förminskar webbplatsens design för att hantera skalningar på skärmar med ovanlig upplösning */
/*
	body {zoom: 0.90 !important;}
*/
#generate-slideout-menu {
    z-index: 9999999999 !important;
    zoom: 1 !important;
}

/* 8.  ==================================================================================== */
/* ANNE-LIES WISH LIST ================================================================= */
/* ====================================================================================== */
/* Punktlista med mellanrum */
li {padding-bottom: 12px}

/* Shift+enter med marginal*/
br {
    content: "";
    display: block;
	margin: 5px;
      }