/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

@font-face {
  font-family: 'BigNoodleTitling';
  src: url('../fonts/big_noodle_titling.eot');
  src: url('../fonts/big_noodle_titling.eot?#iefix') format('embedded-opentype'),
       url('../fonts/big_noodle_titling.woff') format('woff'),
       url('../fonts/big_noodle_titling.ttf') format('truetype'),
       url('../fonts/big_noodle_titling.svg#BigNoodleTitling') format('svg');
}
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);


h1, h2, h3, h4, h5, h6 {
    font-family: "big-noodle-titling", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #222222;
    text-rendering: optimizeLegibility;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.hero-container h1 {
	font-size: 15vh;
	line-height: 15vh;
    color: #fefefe;
}

div.footer-rubrik h4 {
    color: #f3f3f3;
}

li.medium-3.small-4 {
    width: 25%;
    height: auto;
    float: left;
    padding:  0px 5px;
}

.medium-3.small-4 img{
    width: 100%;
}

.content-container.pushed-entry-content {
    width: 80%;
    margin: auto;
    margin-top: 20px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    li.medium-3.small-4 {
    width: 100%;
    height: auto;
    float: left;
    padding:  0px 5px;
}
.hero-container h1 {
    font-size: 10vh;
    line-height: 10vh;
    color: #fefefe;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    li.medium-3.small-4 {
    width: 50%;
    height: auto;
    float: left;
    padding:  0px 5px;
}
.hero-container h1 {
    font-size: 11vh;
    line-height: 11vh;
    color: #fefefe;
}

div#layerslider_1_tphc12q4yhys {
    height: 550px !important;
}

#layerslider_1_tphc12q4yhys > div.ls-inner > div > div:nth-child(3) {
    top: 117px !important;
}

#layerslider_1_tphc12q4yhys > div.ls-inner > div > div:nth-child(4) {
    top: 338px !important;
}


}

/* Medium devices (landscape tablets, 768px and up) */
/*@media only screen and (min-width: 768px) {...}*/

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    li.medium-3.small-4 {
    width: 33%;
    height: auto;
    float: left;
    padding:  0px 5px;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    li.medium-3.small-4 {
    width: 25%;
    height: auto;
    float: left;
    padding:  0px 5px;
}
.hero-container h1 {
    font-size: 15vh;
    line-height: 15vh;
    color: #fefefe;
}
}

.flex_column.citat1 {
    border-radius: 9px 30px;
}

.flex_column.citat2 {
    border-radius: 9px 9px;
}

.flex_column.citat3 {
    border-radius: 30px 9px;
}
.h3kontakt h3 {
    font-size: 2.5em;
}

.h3snabbafakta h3 {
    font-size: 3em;
}

.h3rubsub h3 {
    font-size: 2em;
}

.h3kontaktsida h3 {
    font-size: 1.5em;
}
.kontaktbild img {
    object-fit: cover;
}
    
@media only screen and (max-width: 767px) {
.logo, .logo a, .logo img { 
max-height: 80px!important; }
.responsive .mobile_slide_out .logo img {
margin-left: -30px!important; }}

#mobileheader .container.av-section-cont-open {
    max-width: none;
    padding: 0px;
}