@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700&display=swap');

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*body,
html,
nav,
section { height: 100%; }

font-family: 'Josefin Sans', sans-serif;
*/

:root {
  --primary: #0496d7;
  --body: #333333;
  --thecentre: #e71683;
  --secondary: #547857;
  --third: #750000;;
  --light-bg: #F0F0F0;
  --button-light: #ffffff;
  --bg-gray1: #434343;
  --bg-gray2: #353535;
}

.br-grad1 {background-image: linear-gradient(315deg, #f6faff 0%, #daf3ff 100%)}

.bg-primary {background-color: var(--primary);}
.bg-primary h3,
.bg-primary p {color: var(--light-bg);}

.bg-light-grey {background-color:#eeeeee; color: #fff; }
.bg-light-grey p,
.bg-light-grey a,
.bg-light-grey h2 {color: #333; }
.bg-light-grey a:hover {color: #333; border-bottom: 1px solid #333;}

.bg-mid-grey {background-color:#737373; color: #fff; }
.bg-mid-grey p,
.bg-mid-grey a,
.bg-mid-grey h2 {color: #fff; }

.bg-gradient {background-color: #d7e7f1;
    background-image: linear-gradient(211deg, #ffffff 0%, #97dcf9 96%);} 

section.maintenance { height: 100vh; display: flex; flex-direction: column; align-content: flex-end; align-items: center; justify-content: center; flex-wrap: nowrap; text-align: center; }


.pace .pace-progress { background: var(--secondary); }
body {font-family: 'Frutiger LT Std', sans-serif; font-weight: normal; color: var(--body); font-size: 1rem }
p {color: var(--body); line-height: 1.3; font-size: 1rem; font-family: 'Frutiger LT Std', sans-serif;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: 'Baskerville', sans-serif; font-weight: 300; color: var(--third); }
a {color: var(--primary);}
a:hover,
a:focus { color: var(--secondary); }

h1, .h1 { font-size: 1.875rem; line-height: 1.4; margin-top: 2rem; margin-bottom: 0.5rem; }
h2, .h2 { font-size: 1.75rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; }
h3, .h3 { font-size: 1.6875rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }
h4, .h4 { font-size: 1.625rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; font-weight: 600; color: #555;}
h5, .h5 { font-size: 1.5625rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }
h6, .h6 { font-size: 1.25rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }
@media print, screen and (min-width:40em) {
    h1, .h1 { font-size: 2.687rem; }
    h2, .h2 { font-size: 2.312rem; }
    h3, .h3 { font-size: 1.9375rem; }
    h4, .h4 { font-size: 1.5625rem; }
    h5, .h5 { font-size: 1.25rem; }
    h6, .h6 { font-size: 1rem; }
}
@media print, screen and (mmax-width:39.937em) {
    h1, .h1 { font-size: 2.687rem; }
    h2, .h2 { font-size: 2.312rem; }
    h3, .h3 { font-size: 1.9375rem; }
    h4, .h4 { font-size: 1.5625rem; }
    h5, .h5 { font-size: 1.25rem; }
    h6, .h6 { font-size: 1rem; }
}


.h3.text-block-title { font-weight: 600; margin-bottom: 2rem; margin-top: 1rem;}
.hp-welcome { text-align: center; }
.comp-text-main-body { margin-top: 2rem }
.hp-welcome h2 { font-size: 4rem; }



.hero-image h2,
.hp-hero-banner h2 {color: #fff; text-shadow: 0px 0px 7px rgb(0 0 0); font-size: 3rem; font-weight: 600;}
.aloha-blur { position: fixed; z-index: 7; top: 0; left: 0; transition: all .3s; mix-blend-mode: difference; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); height: 150px; width: 100%; transition: all 1s ease; border-bottom: 1px solid #fff; }



.comp-side-image-longtext blockquote {max-width: 100%;}
blockquote {  color: #627271; display: table; border-left: unset; max-width: 70%; padding: 2rem 4rem 0; border-radius: 3rem; margin: 2rem auto; font-family: 'Fira Sans', sans-serif;}
blockquote p { font-weight: 100; font-size: 1.2rem; max-width: 100%; line-height: 1.4; position: relative; margin: 0; padding: 0.5rem; color: #627271;}
blockquote cite {color: #231F20; font-size: 0.8rem; font-family: 'Open Sans', sans-serif; font-style: normal; }
blockquote cite:before {content: unset;}

.contacts-webform label {white-space: nowrap;}
.contacts-webform textarea,
.contacts-webform textarea:focus,
.contacts-webform input:focus,
.contacts-webform input {margin-bottom: 0; border: 0; box-shadow: unset; color: var(--primary);}
.contacts-webform textarea {border-bottom: 1px solid #000;}
.contacts-webform .webform-element--title-inline { display: flex; flex-direction: unset; margin-bottom: 0.5rem;align-items: center; column-width: 50%; border-bottom: 1px solid; }


.subscribe-intro { text-align: center; font-size: 0.9rem; margin: 0rem 0rem 1rem; }
.mc-container { margin-bottom: 2rem; }
.mc-container input { padding: 1rem 0.5rem; margin: 0; background-color: transparent; width: 100%; border: 1px solid #627271; line-height: 1; color: #231F20; font-size: 1rem; letter-spacing: 1px; border-radius: 0; height: auto;}
.mc-container input.btn { color: #231F20; background-color: #627271; border: 1px solid #627271 }

.mc-submit-btn { display: flex; justify-content: flex-end; margin-top: 1rem; }
div#mce-success-response { font-size: 1rem; font-family: "Lexend", roboto, arial, serif; color: #547857 !important; }
#mc_embed_signup .mc-submit-btn input { border-radius: 20px; color: #333; }
#mc_embed_signup input { margin-bottom: 0rem; font-size: 0.9rem; font-family: "Lexend", roboto, arial, serif; }
#mc_embed_signup label { font-size: 1rem; font-family: "Lexend", roboto, arial, serif; color: #547857;}
#mc_embed_signup label.eml-ttl { margin-left: 1rem; }
#mc_embed_signup .mc-submit-btn input { margin-bottom: 0; padding: 0.7rem 3rem; }
#mc_embed_signup .mc-submit-btn input:focus { background-color: #547857; color:#ffffff; }
#mc_embed_signup input.required.email { border-color: transparent !important; box-shadow: unset; border-radius: 20px; padding: 0 1rem; }
#mc_embed_signup input.mce_inline_error { }
#mc_embed_signup div.mce_inline_error { margin: 0 0 1em 0; padding: 5px 10px; background-color: transparent !important; font-weight: bold; z-index: 1; color: #547857 !important; font-family: "Lexend", roboto, arial, serif; }
#mc_embed_signup div.mce_inline_error { font-weight: normal !important; }
.required.email.email-req:focus { background-color: transparent; }
footer div#block-mailchimpsubscription,
footer div#block-mailchimpsubscriptionch { max-width: 600px; margin: auto; padding: 0 2rem }
.footer-columns { display: flex; align-content: center; align-items: center; }
.footer-logo { margin: auto; width: 160px; }
.social-ttl { text-align: center; color: #fff; }
.footer-privacy { text-align: center; color: #fff; margin-top: 2rem; }
.footer-privacy a { color: #fff; margin-top: 2rem; }




.branding_and_menu-out .logo .block.block-branding { width: 200px; }
.branding_and_menu-out { position: relative; top: 0; width: 100%; z-index: 9; }
/*.path-frontpage .branding_and_menu-out { position: absolute; top: 0; width: 100%; z-index: 9;}*/

.path-frontpage .site-branding__logo-img {/*filter: brightness(0) invert(1);*/}
.path-frontpage .is-sticky .site-branding__logo-img {filter: unset}
.site-branding__logo-img { }
.site-branding__text {font-family: 'Open Sans', sans-serif; font-size: 3rem;}

.path-frontpage .site-branding__text a {font-family: 'Open Sans', sans-serif; font-size: 3rem; color: #fff;}
.responsive-menu a { width: 100%; color: #666; }
.path-frontpage .responsive-menu { margin-bottom: 0rem; }

.path-frontpage .branding_and_menu_mid { z-index: 10; text-align: center; width: 100%; margin: auto; position: relative; top: 0; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,0%); }
.is-sticky .branding_and_menu_mid  {margin-top: 0rem; background-color: var(--light-bg); padding-bottom: 1rem; }
.path-frontpage .is-sticky .branding_and_menu_mid  {margin-top: 0rem; background-color: var(--light-bg);}

/*.branding_and_menu_mid {padding: 2rem 0 7rem; margin-bottom: 2rem;}*/
.is-sticky .branding_and_menu_cont {margin-bottom: 0rem;}

.hide-page-title h1.node__title {display: none;}


/*SOCIAL MEDIA*/

.social { display: table; margin: auto;}
.social ul {display: flex; float: right; margin: 0;}
.social ul li { list-style: none; }
.social ul li a { display: block; position: relative; width: 45px; height: 45px; line-height: 45px; font-size: 20px; text-align: center; text-decoration: none; color: #ffffff; margin: 0px; transition: .5s; }
.social ul li a:hover { color: #fff; }





/*NEWS*/

.hp-news .artcl-btn { margin: 0; padding: 0; }
.h2.par-block-title {text-align: center;}
.artcl-main-cont {}
.article-container-row {padding: 2rem 0; /*border-bottom: 1px solid var(--primary);*/}
.news-article .article-container-row {padding-bottom: 0;}
.h3.news-subtitle {padding-bottom: 2rem;}
/*.article-container-row:nth-child(even) {background-color: #ececec;}*/
.news-article h1 {text-align: left; margin-bottom: 2rem;}
.news-article h2 {text-align: left; margin-bottom: 0rem;}
.news-article-block-hp h2,
.news-list-page h1 {text-align: center;}

.artcl-published-on { font-weight: 400; color: var(--primary); margin-bottom: 1rem; }
/*.article-container { margin-bottom: 3rem; }*/
.article-container-row:nth-child(even) .artcl-img-cont {order: unset;}
.artcl-img img {width: 100%;}
.artcl-btn {margin-top: 2rem; }
.artcl-btn a { line-height: 2; color: #627271; padding:  -webkit-transition: 0.3s; transition: 0.3s;}
.artcl-btn a:hover { border-bottom: 1px solid #231F20; color: #231F20;  }
.artcl-pg-body {margin-top: 2rem;}
.artcl-main-cont img,
.artcl-pg-img {margin: auto; margin-bottom: 2rem; display: block;}
.artcl-head-title { font-size: 4rem; line-height: 1;}
.artcl-summary {font-weight: 400; margin-bottom: 1rem; line-height: 1.2;}
.artcl-submitted {margin-bottom: 2rem;}
h2.artcl-ttl {font-weight: 100;}
.artcl-btn.button { margin: 0; padding: 0; border-top: 1px solid #333; }




nav .block-menu__content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: end; -ms-flex-align: end; align-items: end; flex-wrap: nowrap; margin-top: 1rem;}
nav .block-menu__content ul li { float: left; list-style: none; margin: 1rem; }
nav .block-menu__content ul li a { color: #fff; }

.media-image-cntr img.media__image {margin: auto;}



/*SINGLE TEXT BLOCK*/
.h2.text-blocks-main-title,
.h3.single-tex-block-main-subtitle {text-align: center; margin: auto; display: block;}

.h2.single-text-block-title,
.h3.single-text-block-subtitle {text-align: center; margin: auto;}
.h3.text-single-block-title{margin-top: 2rem;}
.h4 text-single-block-subtitle{margin-top: 1rem;}
.text-single-block-body {margin-top: 1rem;}
.text-single-icon img {margin: auto;  display: block;}
.text-single-block-button.button {margin-top: 2rem; background-color: var(--button-dark);}
.text-single-block-button.button a {color: var(--button-light);}
.h2.text-blocks-main-title { margin-bottom: 3rem; color: #fff;}

/*.text-blocks-group,
.text-blocks-group p {background-color: var(--primary); color: #fff;}*/


/*BUTTONS*/
.button, 
.button:hover { background-color: #fff; bottom: 0;}
button a,
.button a { background-image: linear-gradient(to right, #e71683, #e71683 50%, #000 50%); background-size: 200% 100%; background-position: -100%; display: inline-block; padding: 5px 0 4px; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out; }
button a:hover,
.button a:hover { background-position: 0; }
button a:hover:before,
.button a:hover:before { width: 100%; }
input#edit-actions-submit {}
.webform-button--submit { background-color: var(--primary); float: right; font-size: 1rem; padding: 0.5rem 1rem; }
.contacts-webform input.webform-button--submit { color: #333; margin-top: 2rem; border: 1px solid #333; background-color: unset; transition: all 0.3s ease-in-out;}
.contacts-webform input.webform-button--submit:hover,
.contacts-webform input.webform-button--submit:focus { background-color: #d7e7f1;
    background-image: linear-gradient(211deg, #ffffff 0%, #97dcf9 96%); transition: all 0.3s ease-in-out;}

/*TIMETABLE*/
.timetable-container { }
.timetable-container h3 { margin-bottom: 1rem; font-size: 1.7rem; font-weight: 200; border-bottom: 1px solid; padding: 0 1rem 0.5rem; text-align: center; }
.timetable-list { margin: 0; padding: 0 1rem; }
.titmetable-row { list-style: none; margin-bottom: 1rem; border-bottom: 1px dotted; padding-bottom: 1rem; }
.class-time { }
.yoga-style a { font-size: 1rem; font-weight: bold; color: #000; }
.teacher-name-title a { font-size: 0.9rem; color: #666; }
.teacher-name-title {}
.teacher-position {font-weight: 300; font-size: 0.95rem; margin-bottom: 0.5rem; color: #999;}


.wrapper { display: flex; flex-direction: column; width: 100%; height: 100%; position: relative; }
.indicator { position: fixed; top: 0; height: 5px; background: var(--primary); transition: 0.5s; z-index: 999; border-bottom: 2px solid #fff; }



/*footer { padding: 2rem 0 0; }*/
nav.footer-privacy-policy div.block__content ul { margin: auto; display: table; }
.footer-sitemap nav { margin-bottom: 0.3rem; text-align: center; display: block;}
.footer-sitemap nav ul { margin: auto; }
.footer-sitemap nav ul li { display: block; }
.footer-sitemap nav ul li a { color: #fff; }
.copyright { padding: 1rem; color: var(--bg-gray1); text-align: center; background: #ddd;}
.made-by a,
.made-by { color: #d4d4d4; margin: auto; font-size: 0.7rem; text-align: center; padding-bottom: 0.5rem; text-shadow: 0.05rem 0.05rem #999; letter-spacing: 1px; }
.deigned-by { margin-top: 0.5rem; }
.footer-container ul.footermap-header.footermap-header--main { margin: auto; }
.footer-contact p { font-size: 0.8rem; color: #fff; text-align: center; margin-bottom: 1rem; }
.footer-columns-out { background: var(--bg-gray1); padding: 2rem; }
.footer-con { background: var(--bg-gray2); padding: 2rem 0;}
.nested-component-cont { margin: unset; }


.dark-background .comp-banner-media .media {opacity: 0.8;}
.dark-background .comp-banner-media:before { background: #000; }
.hp-hero-banner .comp-banner-media:before { background: #000; }
.comp-banner-media:before { content: ""; position: absolute; width: 100%; height: calc(100% - 120px); display: table; }

/* Small only */
@media screen and (max-width:39.9375em) {
    .branding_and_menu_cont { margin-bottom: 0; }
    .site-branding__logo-img { max-width: 75% }
    .main_menu .social { display: table; width: auto; margin: auto; margin-bottom: 1rem; }
    blockquote { max-width: 100%; padding: 0; }
    .comp-banner-content h2 { font-size: 2rem; font-weight: 600; font-size: 1.5rem;color: #fff; line-height: 100%; }
    .page-node-24 .logo { display: none; }
    .responsive-menu { /*margin-bottom: 3rem;*/ }
    .article-container-row:nth-child(even) .artcl-img-cont { order: unset; }
    .news-article h1 { margin-bottom: 2rem; }
    div#block-languageswitcher { float: right; text-align: right; display: table; margin: 0rem; padding: 0 0.4rem; border-radius: 50%; }
    .article-container-row:nth-child(even) .artcl-img-cont { order: unset; }
    .slick-slide.slick-current.slick-active { opacity: 50%; }

    .hero-image h2,
    .hp-hero-banner h2 { font-size: 3rem; font-weight: 300; }
    .footer-logo .site-branding { margin: auto; text-align: center; margin-bottom: 1rem; }
}

/* Medium and up */
@media screen and (min-width:40em) {}

/* Medium only */
@media screen and (min-width:40em) and (max-width:63.9375em) {}


/* Large and up */
@media screen and (min-width:64em) {} 

/* Large only */
@media screen and (min-width:64em) and (max-width:74.9375em) { }

.centre-title h1.node__title,
.centre-title h1,
.centre-title h2,
.centre-title h3,
.centre-title h4,
.centre-title h5,
.centre-title h6 { text-align: center; }
.padding-l-r-enable,
.grid-container.full.padding-l-r-enable { padding-left: 1rem; padding-right: 1rem; }
.margin-l-r-enable,
.grid-container.full.margin-l-r-enable { margin-left: 1rem; margin-right: 1rem; }

/*PARAGRAPH BANNERS*/


.full-width .comp-banner-media { /*opacity: 0.5; */}
.full-screen .comp-banner-media { height: calc(100vh - 120px); }
.full-screen .comp-banner-media article { height: 100%; }
.full-width-container .comp-banner-media video,
.full-width .comp-banner-media video { width: 100%; }
.banner-max-width .comp-banner-media { height: 50vh; }
.banner-max-width .comp-banner-media img,
.banner-max-width .comp-banner-media video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; object-fit: cover; object-position: center; }
.full-screen .blazy--field-media-image div { height: 100vh; }
.full-screen .comp-banner-media video,
.full-screen .comp-banner-media img { width: 100%; min-height: calc(100vh - 120px); height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; object-fit: cover; object-position: center; }
.comp-banner button { margin-top: 2rem; font-weight: 900; }
.comp-banner button a { font-size: 1.2rem; line-height: 2; border-bottom: 1px solid var(--primary); color: var(--primary); padding: .3rem 1rem; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; transition: 0.3s; }
.comp-banner button a:hover { color: var(--primary); font-size: 1.2rem; padding: .3rem 0.5rem; -webkit-transform: scale(0.95); transform: scale(0.95); }


.padding-top-enable { padding-top: 2rem; }
.padding-bottom-enable { padding-bottom: 2rem; }
.margin-top-enable { margin-top: 2rem !important; }
.margin-bottom-enable { margin-bottom: 2rem !important; }

/* Small only */
@media screen and (max-width:39.9375em) {
    .story-hero.full-screen .comp-banner-media { height: unset; }
    .story-hero.full-screen .comp-banner-media video,
    .story-hero.full-screen .comp-banner-media img { position: relative; height: unset; }
    .story-hero.full-screen .comp-banner-media .blazy--field-media-image div { height: unset; }
    .comp-banner button a,
    .comp-banner button a:hover { padding: .3rem 0rem; }
    .comp-banner button { margin-top: 0.5rem; }
 }

.comp-banner-content.banner-nc { position: relative; top: unset; left: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; }
.comp-banner-content.banner-nc h2 {color: var(--primary); text-shadow: unset;}
.homepage-featured-projects-slider .slick-prev:before, 
.homepage-featured-projects-slider .slick-next:before {opacity: 100%;}



/*BLOG*/

.blog-list h3.blog-ttl { font-size: 1.2rem; letter-spacing: normal; font-family: 'Frutiger LT Std'; font-weight: 600; margin: 1rem 0; }
.blog-created { padding-bottom: 0.5rem; color: #e71683; font-size: 0.9rem; }
.blog-body {}
.blog-link {text-align: right; }

/* Small only */
@media screen and (max-width:39.9375em) {
    .comp-text button a,
    .comp-text button a:hover { padding: .3rem 0rem; }
    .full-screen .comp-banner-media,
    .full-screen .comp-banner-media video,
    .full-screen .comp-banner-media img { min-height: calc(60vh - 0px); }
    .full-screen .comp-banner-media { height: calc(60vh - 0px); }
    nav .block-menu__content ul {flex-direction: column; align-items: center;}
}
@media screen and (min-width:40em) {
    .text-2-columns .comp-text-main-body { column-count: 2; column-gap: 40px; }
}

/* Large and up */
@media screen and (min-width:64em) {
    .comp-text-icon { margin-bottom: 2rem; margin-top: 0rem; }
}
/*PARAGRAPHS SIDE BAR IMAGE*/