/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Globals --------------------------------------- */

#tilbakemeldinger{
    overflow-x: hidden;
}

a:focus {
    outline: none!important;
    color: initial !important;
    text-decoration: initial !important;
}

.tjenester-content img{
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 20px;
/*    aspect-ratio: 16/9;
    object-fit: cover;
    object-position: center; */
}

.tjenester-content a{
    color: #4b3e3e;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.tjenester-content a:hover{
    color: #f4b090;
}

.tjenester-content h1{
    font-size: 46px;
    font-weight: 300;
    font-family: "ivypresto-display", serif;
}

.tjenester-content h2{
    font-size: 38px;
    font-weight: 300;
    font-family: "ivypresto-display", serif;
}

.tjenester-content h3{
    font-size: 26px;
    font-weight: 300;
    font-family: "ivypresto-display", serif;
}


.tjenester-content p{
    font-family: "Catamaran", sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
}

.tjenester-content strong{
        font-family: "Catamaran", sans-serif!important;
        
}

.gform_required_legend{
    display: none;
}

label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    display: inline;
    padding-left: 5px;
    vertical-align: top;
}
.gfield_consent_label{
    font-weight: 400!important;
}
.gfield_consent_label a{
    color: #4b3e3e;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.gfield_consent_label a:hover{
    color: #f5cab6;
    text-decoration-color: #f5cab6;
}

.terapi-container img{
    object-fit: cover;
    object-position: center;
    aspect-ratio: 8/8;
    border-top-left-radius: 50px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 50px;
}

.terapi-container{
    font-size: 16px;
}

.terapi-header{
    font-family: ivypresto-display, Verdana, Arial, sans-serif;
    font-weight: 300;
    font-size: 30px;
}

.terapi-link{
    color: #4b3e3e;
}
.terapi-link:hover{
    text-decoration: none;
    color: #4b3e3e;
}
.terapi-link:hover .terapi-les-mer{
    color: #f4b090;
}

.terapi-les-mer{
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 1px;
    color: #4b3e3e;
    font-size: 18px;
}
.fluid button {
    bottom: 15px!important;
    top: initial!important;
}

.pp-tab-label-flex {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.pp-tab-title {
    text-align: center;
    transition: all 0s ease;
}

.pp-tab-active{
    background-color: #f5cab5;
    color: #ffffff;
    border-radius: 100px;
    transition: all 0s ease;
}

.pp-tabs-label:hover{
    color: #ffffff;
    border-radius: 100px;
    background-color: #f5cab5;
    transition: all 0s ease;
}

.pp-tabs-labels.pp-clearfix {
    width: 350px;
    outline: 1px solid rgba(75, 62, 62, 0.17);
    border-radius: 100px;
}

/* Headers --------------------------------------- */
	
	h1 { /*...*/ }
	
	h2 { /*...*/ }
	
	h3 { /*...*/ }
	
	h4 { /*...*/ }
	
	h5 { /*...*/ }
	
	h6 { /*...*/ }
	
	p { /*...*/ }
	
	a { /*...*/ }
	
	a:hover{ /*...*/ }
	
	a.example { /*...*/ }
	
/* Input fields --------------------------------------- */
	
	input{ /*...*/ }
	
	input:focus{ /*...*/ }
	
	input::placeholder{ /*...*/ }
	
	select{ /*...*/ }
	
	label{ /*...*/ }
	
	input[type=button], input[type=submit], input[type=reset] { /*...*/ }


/* 
----------------------------------------------------------------------------
	max-width: 4096px (Desktop extra large)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 4096px) {
    
}
/* 
----------------------------------------------------------------------------
	max-width: 1920px (Desktop large)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1920px) {
	
}
/* 
----------------------------------------------------------------------------
	max-width: 1440px (Desktop medium)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1440px) {
    
}

/* 
----------------------------------------------------------------------------
	max-width: 1200px (Tablet landscape)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1200px) {
    .tjenester-content h1{
        font-size: 36px;
        font-weight: 300;
        font-family: "ivypresto-display", serif;
    }
    
    .tjenester-content h2{
        font-size: 28px;
        font-weight: 300;
        font-family: "ivypresto-display", serif;
    }
    
    .tjenester-content h3{
        font-size: 22px;
        font-weight: 300;
        font-family: "ivypresto-display", serif;
    }
    
}

/* 
----------------------------------------------------------------------------
	max-width: 1050px (Tablet portrait)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1050px) {
    
/* Headers --------------------------------------- */
	
	h1 { /*...*/ }
	
	h2 { /*...*/ }
	
	h3 { /*...*/ }
	
	h4 { /*...*/ }
	
	h5 { /*...*/ }
	
	h6 { /*...*/ }
	
	p { /*...*/ }
	
	a { /*...*/ }
	
	a:hover{ /*...*/ }
	
	a.example { /*...*/ }
	
}

/* 
----------------------------------------------------------------------------
	max-width: 678px (Mobil)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 768px) {
    
/* Headers --------------------------------------- */
	
	h1 {
	    font-weight: 300!important;
	}
	
	h2 { /*...*/ }
	
	h3 { /*...*/ }
	
	h4 { /*...*/ }
	
	h5 { /*...*/ }
	
	h6 { /*...*/ }
	
	p { /*...*/ }
	
	a { /*...*/ }
	
	a:hover{ /*...*/ }
	
	a.example { /*...*/ }
	
	.tjeneste-content-title h2{
	    font-weight: 300!important;
	}
	
	.pp-tabs .pp-tabs-label {
        border-radius: 0px;
        font-size: 20px;
        padding-left: 50px;
    }
    
    .pp-tabs .pp-tabs-label:hover{
        border-radius: 0px;
    }
	
}