/*
Theme Name:         High Coast Kvarken
Description:        Based on the theme Kantapohja
Version:            1.0.0
Author:             WebAula
Author URI:         https://www.webaula.fi
Text Domain:        hc-kvarken
Template:           kantapohja
*/


@font-face {
    font-family: Antenna;
    font-weight:400;
    src: url("assets/fonts/antenna/Antenna-Regular.otf") format("opentype");
}
@font-face {
    font-family: Antenna;
    font-weight:500;
    src: url("assets/fonts/antenna/Antenna-Medium.otf") format("opentype");
}
@font-face {
    font-family: Antenna;
    font-weight: bold;
    src: url("assets/fonts/antenna/Antenna-Bold.otf") format("opentype");
}

/*--Font styles--*/
:root{
    --head1:45px;
    --head2:30px;
    --head3:25px;
    --head4:20px;
}

@media screen and (max-width:1024px){
    :root{
        --head1:40px;
        --head2:28px;
        --head3:25px;
        --head4:20px;
    }    
}
@media screen and (max-width:767px){
    :root{
        --head1:38px;
        --head2:28px;
        --head3:23px;
        --head4:20px;
    }    
}


.page-content h1{
    color:#000;
    font-size: var(--head1);
}
.page-content h2{
    color:#000;
    font-size: var(--head2);
}
.page-content h3{
    color:#000;
    font-size: var(--head3);
}
.page-content h4{
    color:#000;
    font-size: var(--head4);
}

body, p{
    font-family: 'futura-pt', 'sans-serif'!important;
}

h5, h6 {
    font-family: 'futura-pt', 'sans-serif'!important;
}
h1,h2,h3,h4{
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.elementor-location-footer.container-fluid a {
    color: #fff;
}
.juicer-feed .j-paginate:hover {
    background: #37b7c1;
    color: #fff!important;
    border-color: #37b7c1;
}
.juicer-feed .j-paginate {
    border-radius: 3px;
    border-color: #333;
    color: #333;
}

a:hover{
text-decoration: none!important;
}

.quote{
    padding-left:20px;
    border-left:7px solid #0D737C;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
}

/*--------------*/
p,
.elementor-kit-2724 p{
	margin:0;
	font-size:unset;
	line-height:unset;
}

p:not(:last-child),
.elementor-kit-2724 p:not(:last-child){
	margin-bottom:20px;
}
body{
    --content-max-width:1760px;
}

.fw-left{
    padding-left: calc((100vw - var(--content-max-width)) / 2);
}
.fw-right{
    padding-right: calc((100vw - var(--content-max-width)) / 2);
}
@media screen and (max-width:1920px){
    .fw-left{
        padding-left:80px;
    }
    .fw-right{
        padding-right:80px; 
    }
     
}
@media screen and (max-width:1336px){
    .fw-left{
        padding-left:50px;
    }
    .fw-right{
        padding-right:50px; 
    }
    .fw-right.right-half{
        padding-right:80px; 
    }
}
@media screen and (max-width:1024px){
    .fw-left{
        padding-left:40px;
    }
    .fw-right,
    .fw-right.right-half{
        padding-right:40px;
    } 
}
@media screen and (max-width:767px){
    .fw-left{
        padding-left:15px;
    }
    .fw-right,
    .fw-right.right-half{
        padding-right:15px;
    } 
}

/*--Disabling kantapohja bs--*/

.sidebar{
    display: none;
}

.page .page-content, .single .page-content {
    max-width: unset;
    margin:unset;
}
.single-valu_people main#content, .single main#content {
    margin: unset;
}
.sidebar-both .main,
.sidebar-right .main,
.sidebar-left .main {
    float: unset;
    left:unset;
    width: unset;
    position: unset;
    min-height: unset;
    padding-left: unset;
    padding-right: unset;
}
.container-fluid {
    margin-right: unset;
    margin-left: unset;
    padding-left: unset;
    padding-right: unset;
    max-width: unset;
}
.sidebar-both .main,
.page .main {
    position: unset;
    min-height: unset;
    padding-left: unset;
    padding-right: unset;
}
.row {
    margin-left: unset;
    margin-right: unset;
}
/* .page-content a {
    text-decoration: unset;
    color: unset;
} */
.page-content p {
    font-size: unset;
}
.page-content a:hover {
    color: #9eaab5;
}


/*------------------------*/
.cta .cta-content h2,
.cta .cta-content h3,
.cta .cta-content h4{
    transition:ease-in-out .3s;
    text-decoration: none!important
}
a.cta{
    text-decoration: none!important;
}
.cta:hover .cta-content h2,
.cta:hover .cta-content h3,
.cta:hover .cta-content h4{
    color:#0D737C!important;
}


a.elementor-button{
    text-decoration:unset;
}
.elementor-widget-container p a {
    color: #0C626A;
    text-decoration: underline;
    transition:ease-in-out .3s;
}
.elementor-widget-container p a:hover {
    color: #000;
}

.banner-service {
    height:33vh;
    display: none!important;
}

.breadcrumbs-wrapper {
    margin:10px 0;
}
.breadcrumbs-wrapper .breadcrumbs {
    padding:15px;
}
a.go-back {
    padding:15px;
    font-weight:bold;
}
a.go-back,
.choose-other-section a.elementor-button-link.elementor-button {
    color:#fff;
    display:inline-block;
    background:#37b7c1;
    border:0;
    border-radius:0;
    transition:all .2s linear;
}
a.go-back:hover,
.choose-other-section a.elementor-button-link.elementor-button:hover {
    background:#64cdd5;
    color:#fff;
}
.elementor-widget-image .elementor-image > a, 
.elementor-widget-image .elementor-image figure > a {
    display:block !important;
}
.elementor .elementor-image > a > img,
.elementor .elementor-image > img {
    width:100% !important;
}

.unesco-logo {
    position:absolute;
    top:calc(91px + 32px);
    right:32px;
    z-index:3;
}
.admin-bar .unesco-logo {
    top:calc(91px + 32px + 32px);
}
.unesco-logo img {
    width:60px;
    height:60px;
}

.desktop-header header.banner,
.mobile-header header.banner,
.mobile-nav-wrapper {
    background-color:rgba(0,0,0,0.65);
    border-bottom:1px solid white;
}
.desktop-header header.banner .upper-header,
.mobile-header header.banner .upper-header {
    border-bottom:0;
}
.desktop-header header.banner .upper-header .header-col .header-item.search-wrap,
.mobile-header header.banner .upper-header .header-col .header-item.search-wrap {
    border-left-color:white;
}

.category-box.col-md-3 { padding-right:10px; padding-left:10px; margin-bottom:20px; }
.category-box a { position:relative; display:block; }
.category-box img { width:100%; height:auto; display:block; }
.category-box .category-box-caption { 
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  bottom:0; 
  left:0; 
  right:0; 
  top:0; 
  background:linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.65) 100%);
  padding:10px;
  color:white;
}
.category-box .category-box-caption p,
.category-box .category-box-caption h3 { color:white; text-shadow:1px 1px #222; }
.category-box .category-box-caption h3 { margin-bottom:20px; }
.category-box .category-box-caption p:last-child,
.category-box .category-box-caption h3:last-child { margin-bottom:0; }
.has-photographer {
    position:relative;
}
.has-photographer.elementor-cta__bg {
    position:absolute;
}
.photographer {
    position: absolute;
    z-index: 8;
    bottom: 0;
    right: 0;
    background: white;
    padding: 0px 10px 0px 0px;
    color: #3B3B3B;
    font-size: 12px;
    font-family: 'futura-pt', 'sans-serif'!important;
    line-height: 24px;
}
.photographer:before {
    content:"";
    position:absolute;
    width:0;
    height:0;
    bottom:0;
    left:-24px;
    border-left:24px solid transparent;
    border-bottom:24px solid white;
    display:inline-block;
}

.ignore .photographer {
    display:none;
}

.media-bank-item {
    text-align:center;
}

/* Data Bank */
.facetwp-facet.facetwp-type-checkboxes {
    margin-bottom: 15px;
}
.facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox {
    padding-left:37px !important;
    border-radius: 35px!important;
    padding:8px 15px;
    border-radius:2rem;
    background-color:#f7f7f7 !important;
    font-family:'futura', sans-serif;
    text-transform:uppercase;
    font-weight:400;
    font-size:12px;
    cursor:pointer;
}

@media (min-width:768px) {
    .facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox {
        display:inline-block;
        margin-right:4px;
    }
    .facetwp-facet.facetwp-type-checkboxes.facetwp-facet-language {
        text-align:center;
    }
}
.facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox,
.facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox.checked {
    /* background-image:none !important; */
}
.facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox.checked {
    background-color:#7f7f7f !important;
    color:#fff;
}
.facetwp-facet.facetwp-type-checkboxes.facetwp-facet-region .facetwp-checkbox {
    background-color:#F87FB8 !important;
    color:#fff;
}
.facetwp-facet.facetwp-type-checkboxes.facetwp-facet-language .facetwp-checkbox {
    background-color:#FEDD72 !important;
    color:#000;
}
.facetwp-facet.facetwp-type-checkboxes.facetwp-facet-publication_types .facetwp-checkbox {
    background-color:#8FCACF !important;
}
.facetwp-facet.facetwp-type-checkboxes.facetwp-facet-topics .facetwp-checkbox {
    background-color:#85D4C1 !important;
}



.facetwp-facet.facetwp-type-checkboxes.facetwp-facet-region .facetwp-checkbox.checked {
    background-color:rgb(226,23,118) !important;
    color:#fff;
}
.facetwp-facet.facetwp-type-checkboxes.facetwp-facet-language .facetwp-checkbox.checked {
    background-color:rgb(255,200,25) !important;
    color:#000;
}
.facetwp-facet.facetwp-type-checkboxes.facetwp-facet-publication_types .facetwp-checkbox.checked {
    background-color:rgb(55,183,193) !important;
}
.facetwp-facet.facetwp-type-checkboxes.facetwp-facet-topics .facetwp-checkbox.checked {
    background-color:rgb(0,173,131) !important;
}
.facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox.disabled {
    cursor:default;
}

.facetwp-template[data-name="documents"] {
    margin-left:-15px;
    margin-right:-15px;
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
}

.facetwp-template[data-name="documents"] .document-col {
    display:flex;
    flex-flow:column;
    margin-bottom:15px;
}

.facetwp-template[data-name="documents"] .document-col .document-summary {
    padding:15px;
    border-radius:10px;
    background-color:#f7f7f7;
    flex:1;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
}

.facetwp-template[data-name="documents"] .document-col .type-flag, 
.facetwp-template[data-name="documents"] .document-col .topic-flag {
    display:inline-block;
    padding:8px 12px;
    margin-bottom:6px;
    text-transform:uppercase;
    color:#fff;
    font-family: 'futura', sans-serif;
    font-weight:400;
    font-size:12px;
    letter-spacing: 2px;
    border-radius:2rem;
} 
.facetwp-template[data-name="documents"] .document-col .type-flag {
    background-color:rgb(55,183,193);
}
.facetwp-template[data-name="documents"] .document-col .topic-flag {
    background-color:rgb(0,173,131);
}

.facetwp-template[data-name="documents"] .document-col .topics.over-ten .topic-flag {
    font-size:8px;
}

.facetwp-template[data-name="documents"] .document-col .topics.over-five .topic-flag {
    font-size:10px;
}

.swiper-slide-contents {
    background-color:rgba(55,183,193,0.67);
    padding:30px 50px;
}
.elementor-widget-slides .elementor-slide-heading {
    font-family: "Futura", sans-serif !important;
    font-weight: 400 !important;
}
.elementor-widget-slides .elementor-slide-description {
    font-family: "Fira Sans", sans-serif !important;
}

 .footer-black {
     color:#fff;
 }
 .footer-black h5 {
     margin-top:0;
 }
 .footer-black ul:last-child {
     margin-bottom:0;
 }

 .juicer-feed.image-grid li.feed-item {
    padding: 10px;
    background: #fff;
}

#intro{
	    background: transparent;
    margin-bottom: -10px;
	    margin-top: -200px;
}

footer.content-info.clearfix {
    background: #fff;
}

.search-wrapper.pull-right.search {
    left: auto;
    right: 24%;
    position: absolute;
}

.mobile-header header.banner .search-wrapper .search-form-collapse {
    right: -77px!important;
    width: 100%;
    min-width: 320px;
}

header .search-wrapper.pull-right.search span{
	color:#fff!important;
}

/* logo */
img.logo {
    max-width: 86px;
}
.elementor-location-footer img.logo {
    max-width: 150px;
}

/* header */
a.mega-menu-link:hover {
    background-color: transparent!important;
    color: #37b7c1!important;
}
#mega-menu-wrap-top_navigation #mega-menu-top_navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background: transparent!important;
	color: #37b7c1;
    border-bottom-color: #37b7c1!important;
}
#mega-menu-wrap-top_navigation #mega-menu-top_navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-top_navigation #mega-menu-top_navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-top_navigation #mega-menu-top_navigation > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-top_navigation #mega-menu-top_navigation > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: transparent!important;
    color: #37b7c1;
    border-bottom-color: #37b7c1!important;
}

.search-form-container .input-group {
    background-color: transparent!important;
    border-bottom: 2px solid #fff;
}
.search-form-container button.search-submit {
    background-color: transparent;
}
.search-form-container button.search-submit .glyphicon-search:hover {
    color: #37b7c1;
}
header input.search-field.form-control,
header input.search-field.form-control::placeholder,
header .search-form-container button.search-submit .glyphicon-search {
    color: #fff;
}

.desktop-header header.banner, .mobile-header header.banner{
	height:auto!important;
}

/* alasivu header palkit */
.banner-service{
	margin-top:0px;
}
.elementor-page .banner-service {
    display: none;
}
.elementor-page .page-template-default aside.sidebar.sidebar-secondary {
    display: none;
}

.page-ingress.post-ingress p {
    font-size: 2em!important;
    color: #575373;
    padding-top: 20px;
}
/* footer */
.footer-background-color {
 background-color: #000;
}
.elementor-location-footer input.search-field.form-control {
    border: 0;
    border-bottom: 0;
    background: transparent!important;
	max-width: 150px!important;
	margin-top:-5px;
}
.elementor-location-footer .search-form-container .input-group {
    border-bottom-color:#000;
}
.elementor-location-footer .search-form-container button.search-submit .glyphicon-search {
    color:#000;
}
.elementor-location-footer button.search-submit.btn {
    background-color: transparent;
    border-bottom: 0;
    padding-bottom: 5px;
}
.elementor-location-footer .widget_maxmegamenu {
    list-style: none;
}
a.wpdm-download-link.btn.btn-primary {
    background: #37b8c1;
}
ul#menu-footer-menu-fi {
    list-style: none!important;
    padding-left: 0;
}

/* painike */
a.elementor-button-link.elementor-button {
    border: 2px solid #fff;
    background-color: transparent;
}
a.elementor-button-link.elementor-button:hover {
    background-color: #37b7c1;
}

/* juicer */
li.feed-item.juicer.image-post.juicer-ad {
    display: none!important;
}
.juicer-feed h1.referral {
    display: none;
}

.elementor-page aside.sidebar.sidebar-secondary {
    display: none;
}
.members-access-error p{
	color:#fff;
}
.members-access-error a {
    color: #fff;
    font-weight: bold;
}
.members-access-error {
    background: #37b7c1;
    padding: 1% 10%;
	  margin-top: 30px;
}

@media (min-width:768px) { 
    .archive .main {
        left:0;
        width:100%;
    }
    .archive .main:only-child {
        padding-left:0;
        padding-right:0;
    }
    .sidebar-archive + .main {
        left:25%;
        width:75%;
    }
    .category-box .category-box-caption {
        padding:10px 25%;
    }
}

/*CTA Boxes*/
.cta-boxes .elementor-cta__content{
    background-color: #fff;
    min-height: 0;
    width: 80%;
    padding-right: 50px!important;
    position: relative;
}
.cta-boxes .elementor-cta__icon .elementor-icon{
    position: absolute;
    right: -35px;
    top:35px;
    z-index: 99999;
}
.cta-boxes .elementor-cta{
    min-height: 300px;
    display:flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
}
@media screen and (max-width:1609px){
    .cta-boxes .elementor-cta__content{
        min-height: 160px!important;
    }    
}
@media screen and (max-width:1576px){
    .cta-boxes .elementor-cta__content{
        min-height: 180px!important;
    }    
}
@media screen and (max-width:1366px){
    .cta-boxes .elementor-cta__content{
        background-color: #fff;
        min-height: 0;
        width: 88%;
        padding-right: 50px!important;
        position: relative;
    }    
    }
@media screen and (max-width:1117px){
    .cta-boxes .elementor-cta__content{
        min-height: 200px!important;
    }    
}
@media screen and (max-width:1024px){
    .cta-boxes .elementor-cta__content{
        min-height: 132px!important;
    }    
}
@media screen and (max-width:851px){
    .cta-boxes .elementor-cta__content{
        min-height: 157px!important;
    }    
}
@media screen and (max-width:767px){
    .cta-boxes .elementor-cta__content{
        min-height: unset!important;
    }    
}
/*Bigger cta*/
.bigger-cta .elementor-cta{
    min-height: 500px;
    display:flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
}
.bigger-cta .elementor-icon-wrapper{
    width: auto;
    position: absolute;
    right: 30px;
    top:35px;
    z-index: 99999;
}
.bigger-cta .elementor-cta__content{
    background-color: #fff;
    min-height: 0;
    width: 72%;
    padding-right: 70px!important;
    position: relative;
    min-height: 150px;
    align-content: center;
}
@media screen and (max-width:1366px){
    .bigger-cta .elementor-cta{
    min-height: 400px;
}
.bigger-cta .elementor-cta__content{
        min-height: 130px;
        width:85%;
    }    
}
@media screen and (max-width:1024px){
    .bigger-cta .elementor-cta{
    min-height: 400px;
}
.bigger-cta .elementor-cta__content{
        min-height: 130px;
        width:65%;
    }    
}
@media screen and (max-width:767px){
    .bigger-cta .elementor-cta{
    min-height: 300px;
}
.bigger-cta .elementor-cta__content{
        min-height: 130px;
        width:90%;
    }
    .bigger-cta .elementor-icon-wrapper{
    width: auto;
    position: absolute;
    right: 20px;
    top:25px;
    z-index: 99999;
}
}

/*Visuals on bg*/
.blue-map-left,
.blue-map-right,
.white-map-left,
.white-map-right{
    position: relative;
}
.blue-map-left::before{
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    overflow: hidden;
    background: url(/wp-content/uploads/High-Coast-map-line_turqoise@2x.png) no-repeat 30px 0px /contain;
    z-index:-1;
}
.blue-map-right::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    background: url(/wp-content/uploads/Kvarken-map-line_turqoise@2x.png) no-repeat 30px 0px /contain;
    height: 100%;
    width:280px;
    z-index:-1;
}
.white-map-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background: url(/wp-content/uploads/2019/05/hogakustenmap.png) no-repeat 30px 0px /contain;
    width: 645px;
    height: 650px;
    z-index:-1;
}
.white-map-right::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background: url(/wp-content/uploads/2019/05/merenkurkkumap.png) no-repeat 30px 0px /contain;
    height: 600px;
    width: 450px;
    z-index:-1;
}

.map-small-left{
    position: relative;
    z-index: 100;
}
.map-small-left::after{
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    overflow: hidden;
    width: 250px;
    height: 280px;
    background: url(/wp-content/uploads/High-Coast-map-line_turqoise@2x.png) no-repeat 30px 0px /contain;
}
@media screen and (max-width:1366px){
.map-small-left::after{
    top: -20px;
    left: -30px;
    width: 220px;
    height: 250px;
}
.white-map-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: -27px;
    overflow: hidden;
    background: url(/wp-content/uploads/2019/05/hogakustenmap.png) no-repeat 30px 0px /contain;
    width: 440px;
    height: 420px;
}
.white-map-right::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0px;
    overflow: hidden;
    background: url(/wp-content/uploads/2019/05/merenkurkkumap.png) no-repeat 30px 0px /contain;
    height: 435px;
    width: 345px;
}
}
@media screen and (max-width:1024px){
.map-small-left::after {
    top: 0px;
    left: -30px;
    width: 220px;
    height: 150px;
    opacity: 0.8;
}
.white-map-right::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0px;
    overflow: hidden;
    background: url(/wp-content/uploads/2019/05/merenkurkkumap.png) no-repeat 30px 0px /contain;
    height: 280px;
    width: 241px;
}
.white-map-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    overflow: hidden;
    background: url(/wp-content/uploads/2019/05/hogakustenmap.png) no-repeat 30px 0px /contain;
    width: 245px;
    height: 385px;
}
.blue-map-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: -85px;
    overflow: hidden;
    background: url(/wp-content/uploads/High-Coast-map-line_turqoise@2x.png) no-repeat 30px 0px /contain;
    width:230px;
}
.blue-map-right::after {
    content: "";
    position: absolute;
    top: unset;
    bottom:0;
    right: -30px;
    overflow: hidden;
    background: url(/wp-content/uploads/Kvarken-map-line_turqoise@2x.png) no-repeat 30px 0px /contain;
    height: 200px;
    width: 200px;
    z-index:-1;
}
}
@media screen and (max-width:767px){
    .blue-map-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: -55px;
    overflow: hidden;
    background: url(/wp-content/uploads/High-Coast-map-line_turqoise@2x.png) no-repeat 30px 0px /contain;
    width:200px;
}
.blue-map-right::after {
    overflow:hidden;
    content: "";
    position: absolute;
    top:unset;
    bottom: 0;
    right: -60px;
    overflow: hidden;
    background: url(/wp-content/uploads/Kvarken-map-line_turqoise@2x.png) no-repeat 30px 0px /contain;
    height: 200px;
    width: 200px;
    z-index:-1;
}
}


/*---Data bank page---*/´
.filtteri-col button.btn.btn-info.btn-block.btn-sidebar.btn-facet-search {
    display: none;
}
.facetwp-checkbox{
    font-family: 'futura-pt', 'sans-serif'!important;
    font-weight: 400!important;
    color:#000!important;
    font-size: 14px!important;
    line-height: 1.2em!important;
    text-transform: none!important;
    background-position: 13px 50%!important;
    padding-left: 30px !important;
    border-radius: 20px!important;
}

a.document-link{
    color:#000!important;
}