/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@font-face {
    font-family: 'Intro';
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/Intro.ttf);
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/Intro.eot);
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/Intro.woff);
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/Intro.woff2);
    font-weight: normal;
}
@font-face {
    font-family: 'Stag';
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/Stag-Regular.ttf);
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/Stag-Regular.eot);
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/Stag-Regular.woff);
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/Stag-Regular.woff2);
    font-weight: normal;
}

h1,h2,h3{
    font-family: 'Intro';
}
body{
    font-family: 'Stag';   
}
p{
    font-family: 'Stag';
    margin-bottom:0px;
}
p:not(:last-child){
    margin-bottom:20px;
}
.elementor-button {
    font-family: 'Stag';
}
.blue .elementor-button:hover{
    color:#fff;
    border-color:#fff;
}
.outlined .elementor-button{
    background-color: transparent;
    border-color: #fff;
    color:#fff;
}
.outlined.blue .elementor-button:hover{
    background-color:#fff;
    border-color:#fff;
    color:#191618;
}
.contact .elementor-icon-list-item a{
    font-family: 'Stag';
    font-weight: 400;
    font-size: 18px;
    transition:ease-in-out .3s!important;
    text-decoration: none
}
.contact .elementor-icon-list-item a:hover{
    color:#000;
    transition:ease-in-out .3s!important;
}

/*Article Typography*/
.single-post h2{
    font-size: 40px!important;
    margin-block-start: 2.5rem;
}
.single-post h3{
    margin-block-start: 1.5rem;
}
.single-post .post-excerpt{
    font-size: 21px;
}
.single-post blockquote{
    border-left:solid 6px #000000;
    margin: 35px 0;
    padding-left: 45px;
}
.single-post blockquote p{
    font-family: 'Intro';
    font-size: 32px;
    line-height: 1.2em;
}
@media screen and (max-width:1024px){
    .single-post blockquote{
        border-left:solid 6px #000000;
        margin: 35px 0;
        padding-left: 25px;
    }
    .single-post blockquote p{
        font-size: 28px;
    }
}
@media screen and (max-width:767px){
    .single-post h2{
        font-size: 30px!important;
    }
    .single-post h3{
        margin-block-start: 1rem;
    }
    .single-post blockquote{
        border-left:solid 6px #000000;
        margin: 30px 0;
        padding-left: 20px;
    }
    .single-post blockquote p{
        font-size: 25px;
    }
    
}

/*Main Menu*/
@media screen and (min-width:1024px){
	.mobile-item{
	display:none!important;
}
}


/*Global Styles*/
.fw-left{
    padding-left: calc((100vw - var(--container-max-width)) / 2);
}
@media screen and (max-width:1660px){
.fw-left{
    padding-left:80px;
}	
}
@media screen and (max-width:1366px){
.fw-left{
    padding-left:50px;
}	
}
@media screen and (max-width:1024px){
.fw-left{
    padding-left:40px;
}
.subtitle {
	font-size:18px;
}
}
@media screen and (max-width:767px){
.fw-left{
    padding-left:20px;
}
.subtitle {
	font-size:17px;
}
}

/*Wave element*/


.waves-top::before{
    content:'';
    background-image: url('https://farosfi-wp30676.test.cchosting.fi/wp-content/uploads/2025/03/aaltokuviota.svg');
    background-size: contain;
    background-position: center;
    background-repeat: repeat-x;
    position: absolute;
    top:0;
    z-index: 100;
    height:60px;
    
}
.waves-bottom-alt::before {
    content: '';
    background-image: url('https://farosfi-wp30676.test.cchosting.fi/wp-content/uploads/2025/03/aaltokuviota.svg');
    background-size: contain;
    background-position: center;
    background-repeat: repeat-x;
    position: absolute;
    bottom: -60px;
    z-index: 100;
    height: 60px;
    top: unset;
}
.waves-bottom::before{
    content:'';
    background-image: url('https://farosfi-wp30676.test.cchosting.fi/wp-content/uploads/2025/03/waves-bot.svg');
    background-size: contain;
    background-position: center;
    background-repeat: repeat-x;
    position: absolute;
    top:-60px;
    z-index: 100;
    height:60px;
}
.waves-bottom-blue::before{
    content:'';
    background-image: url('https://farosfi-wp30676.test.cchosting.fi/wp-content/uploads/2025/03/waves-bot-blue.svg');
    background-size: contain;
    background-position: center;
    background-repeat: repeat-x;
    position: absolute;
    top:-60px;
    z-index: 100;
    height:60px;
}
@media screen and (max-width:1160px){
    .waves-bottom-alt::before{
        bottom:-55px;
        background-size: cover;
        background-position: top center;   
    }
    .waves-top::before{
        top: -5px;
        background-size: cover;
        background-position: top center;
    }
    .waves-bottom-blue::before{
        bottom: -5px;
        background-size: cover;
        background-position: top center;
    }
    .waves-bottom::before{
        bottom: -5px;
        background-size: cover;
        background-position: top center;
    }   
}


/*Inverses*/

.invert-bottom-left:before {
  content: "";
  position: absolute!important;
  top: unset!important;
  bottom:0px;
  left:-1px;
  background-color: transparent;
  height: 50px;
  width: 25px;
  border-top-left-radius: 25px;
  box-shadow: 0 -25px 0 0 #F9F5F4;
}

.invert-bottom-right:before {
  content: "";
  position: absolute!important;
  top: unset!important;
  bottom:0px;
  left:unset;
	right:-25px!important;
  background-color: transparent;
  height: 50px;
  width: 25px;
  border-bottom-left-radius: 25px;
  box-shadow: 0px 25px 0px 0px #F9F5F4;
}

.invert-top-left:after {
  content: "";
  position: absolute!important;
  top: -50px!important;
  bottom:unset;
  left:0;
	right:-25px!important;
  background-color: transparent;
  height: 50px;
  width: 25px;
  border-bottom-left-radius: 25px;
  box-shadow: 0px 25px 0px 0px #F9F5F4;
}

.invert-top-right:after {
  content: "";
  position: absolute!important;
  top: -50px!important;
  bottom:unset;
  left:unset;
	right:0!important;
  background-color: transparent;
  height: 50px;
  width: 25px;
  border-bottom-right-radius: 25px;
  box-shadow: 0px 25px 0px 0px #F9F5F4;
}


/*Menu price list*/
.meny-tabs .recomend{
    font-size: 13px;
    font-family: 'Intro';
    display: block;
    margin-top: 15px;
}
a.elementor-price-list-item {
    text-decoration: none;
}
.meny-tabs .e-n-tabs-heading{
    font-family: 'Intro';
}
.meny-tabs .elementor-price-list h3{
    font-size: 34px;
    font-weight: 400;
    margin: 0;
    color:#fff;
    font-family: 'Stag';
}
.meny-tabs .elementor-price-list .elementor-price-list-item .elementor-price-list-price {
    font-weight: 400;
}
.meny-tabs .elementor-price-list a,
.meny-tabs .elementor-price-list p{
    color:#fff;
}
.meny-tabs .elementor-price-list{
    font-family: 'Stag';
}
.meny-tabs .elementor-price-list .elementor-price-list-item .elementor-price-list-header{
    margin-bottom: 5px;
}
.meny-tabs .elementor-price-list-item{
    padding-bottom: 25px;
  background-image: linear-gradient(to right, #fff 40%, rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 15px 1px;
  background-repeat: repeat-x;
}
.meny-tabs .e-n-tabs-content{
    width: 60%
}
@media screen and (max-width:1366px){
.meny-tabs .e-n-tabs-content{
    width: 70%
}    
}

@media screen and (max-width:1160px){
    .meny-tabs .e-n-tabs-heading{
        gap:13px!important;
    }
    .meny-tabs .e-n-tab-title {
        padding-right:25px;
    }
}
@media screen and (max-width:1024px){
	.meny-tabs .e-n-tabs-content{
    width: 100%
}
        .meny-tabs .elementor-price-list h3{
        font-size:29px;
    }
    .meny-tabs .e-n-tabs-heading{
        gap:20px 10px!important
    }
    .meny-tabs .e-n-tab-title {
        padding-right:20px;
        padding-left:20px;
        padding-bottom:10px;
    }
}

@media screen and (max-width:767px){
    .meny-tabs .elementor-price-list h3{
        font-size:25px;
    }
}