/**
Theme Name: surfognatur
Author: KUN Visual
Author URI: https://kunvisual.eu/
Description: Surf og Natur 2025 / Astra Child theme
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: surfognatur
Template: astra
*/




/* libre-franklin-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/libre-franklin-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-franklin-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/libre-franklin-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-franklin-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/libre-franklin-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-franklin-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/libre-franklin-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* karla-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/karla-v33-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* karla-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/karla-v33-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* karla-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/karla-v33-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* karla-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: italic;
  font-weight: 700;
  src: url('assets/fonts/karla-v33-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* karla-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/karla-v33-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* karla-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: italic;
  font-weight: 800;
  src: url('assets/fonts/karla-v33-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
}

.has-medium-font-size {
  line-height: 1.6em;
}

.has-large-font-size {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  line-height: 1.6em;
}


.darkblue {
  color: #0089B1;
}

h1 {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
}

/*Header*/


#masthead .ast-container {
  max-width: 1960px;
  padding-left: 35px;
  padding-right: 35px;
}

.site-title a {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 800;
}


/*page*/

.wp-block-cover__inner-container {
  max-width: 1960px;
  padding-left: 35px;
  padding-right: 35px;
}

#primary {
  margin: 0em 0;
}


.uagb-post-grid.uagb-post__items.is-carousel {
  width: auto;
}

/*MY Lifestyle*/

.my_lifestyle_header h1 {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 800;
  font-size: 4.8rem;
  color:#fff;
  padding-left:10%;
}

.my_lifestyle_header h2 {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 800;
  font-size: 3.6rem;
  color:#fff;
  padding-left:10%;
}

.my_lifestyle_header p {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding-left:10%;
}

.my_lifestyle_header .cat_story {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-size: 1.8rem;
  padding-top:7rem;
}



.my_lifestyle_header .cat_story img {
  max-height: 70px;
  width: auto;
}



.my_lifestyle_header .wp-block-media-text__content {
  margin-top:40px;
}

.my_lifestyle_header .wp-block-media-text {
  width: 600px;
  padding-left:10%;
}

.my_lifestyle_content h2{
  font-family: 'Karla';
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.2rem;
}

.my_lifestyle_content h3{
  font-family: 'Karla';
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.8rem;
}

.my_lifestyle_content p{
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.my_lifestyle_content strong{
  font-family: 'Karla';
  font-weight: 700;
}

.my_lifestyle_content .wp-block-quote p{
  font-family: 'Karla';
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2rem;
}

.my_lifestyle_content .wp-block-quote {
  border-left: none;
}

.my_lifestyle_content em {
  font-style: italic;
}

.my_lifestyle_content .fakta {
  background-color: #eaedf1;
  padding:12px;
}

.my_lifestyle_content .fakta ul{
  padding-left: 20px;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.my_lifestyle_content .wp-block-button__link  {
  background-color: #ad5a4f;
  font-family: 'Karla';
  font-weight: 700;
  font-size: 1.2rem;
}

.my_lifestyle_content .wp-block-button__link:hover  {
  background-color: #7a2e24;
}

.my_lifestyle_ophold {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}


/*Footer*/
.wp-image-6134 {
  margin-top:-1em;
}

/*Bookly*/

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

.my_lifestyle_header {
  padding-right: 40px;
  padding-left: 40px;
}

.my_lifestyle_header .wp-block-cover__inner-container {
  padding-left: 0px;
  padding-right: 0px;
}


.my_lifestyle_header h1 {
  font-size: 4rem;
  padding-left:30px;
}

.my_lifestyle_header h2 {
  font-size: 3rem;
  padding-left:30px;
}

.my_lifestyle_header .wp-block-media-text {
  width: 500px;
  padding-left:30px;
}

.my_lifestyle_header .wp-block-media-text p{
  font-size: 1.6rem;
}

}


@media only screen and (max-width: 580px) {
  
.site-title a {
  font-size:1.4rem;
}

.wp-block-cover__inner-container .has-large-font-size {
  font-size:1.4rem !important;
}

.my_lifestyle_header {
  padding-right: 20px;
  padding-left: 20px;
}

.my_lifestyle_header .wp-block-cover__inner-container {
  padding-left: 0px;
  padding-right: 0px;
}

.my_lifestyle_header h1 {
  font-size: 3rem;
  padding-left:10px;
}

.my_lifestyle_header h2 {
  font-size: 2rem;
  padding-left:10px;
}

.my_lifestyle_header p {
  padding-left:10px;
  font-size: 1.4rem;
}

.my_lifestyle_header .wp-block-media-text {
  width: 300px;
  padding-left:10px;
}

.my_lifestyle_header .wp-block-media-text p{
  font-size: 1.6rem;
}

.my_lifestyle_ophold ul{
  margin-left: 24px;
  margin-right:24px;
  display:block;
}

.my_lifestyle_ophold ul li{
  margin-bottom: 36px;
}

}