/*@file Homepage specific styles =============================== */
@import url("https://hello.myfonts.net/count/2f8ef0");
@import url("https://hello.myfonts.net/count/2f8ef0");
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_1_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_1_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_1_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_1_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_1_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_1_0.ttf%3F1644064179') format('truetype'); font-weight: normal; font-style: bold; }
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_2_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_2_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_2_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_2_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_2_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_2_0.ttf%3F1644064179') format('truetype'); font-weight: italic; font-style: normal; }
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_3_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_3_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_3_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_3_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_3_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_3_0.ttf%3F1644064179') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Calibre"; src: url('../fonts/calibre-web-regular.eot%3F&1647072533'); src: url('../fonts/calibre-web-regular.eot%3F&1647072533') format('embedded-opentype'), url('../fonts/calibre-web-regular.eot%3F1647072533') format('embedded-opentype'), url('../fonts/calibre-web-regular.woff%3F1647072533') format('woff'), url('../fonts/calibre-web-regular.woff2%3F1647072533') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Calibre"; src: url('../fonts/calibre-web-bold.eot%3F&1647072533'); src: url('../fonts/calibre-web-bold.eot%3F&1647072533') format('embedded-opentype'), url('../fonts/calibre-web-bold.eot%3F1647072533') format('embedded-opentype'), url('../fonts/calibre-web-bold.woff%3F1647072533') format('woff'), url('../fonts/calibre-web-bold.woff2%3F1647072533') format('woff2'); font-weight: bold; font-style: bold; }
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_1_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_1_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_1_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_1_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_1_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_1_0.ttf%3F1644064179') format('truetype'); font-weight: normal; font-style: bold; }
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_2_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_2_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_2_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_2_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_2_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_2_0.ttf%3F1644064179') format('truetype'); font-weight: italic; font-style: normal; }
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_3_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_3_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_3_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_3_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_3_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_3_0.ttf%3F1644064179') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Calibre"; src: url('../fonts/calibre-web-regular.eot%3F&1647072533'); src: url('../fonts/calibre-web-regular.eot%3F&1647072533') format('embedded-opentype'), url('../fonts/calibre-web-regular.eot%3F1647072533') format('embedded-opentype'), url('../fonts/calibre-web-regular.woff%3F1647072533') format('woff'), url('../fonts/calibre-web-regular.woff2%3F1647072533') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Calibre"; src: url('../fonts/calibre-web-bold.eot%3F&1647072533'); src: url('../fonts/calibre-web-bold.eot%3F&1647072533') format('embedded-opentype'), url('../fonts/calibre-web-bold.eot%3F1647072533') format('embedded-opentype'), url('../fonts/calibre-web-bold.woff%3F1647072533') format('woff'), url('../fonts/calibre-web-bold.woff2%3F1647072533') format('woff2'); font-weight: bold; font-style: bold; }
/** Convert font-size from px to rem with px fallback  @param $size - the value in pixel you want to convert  e.g. p {@include fontSize(12px);}  */
.homepage-subsections .block-inner { margin: 0; }
.homepage-subsections .views-row-1 { padding-top: 55px; position: relative; margin-top: 3.4375rem; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-1 { display: flex; flex-direction: row-reverse; position: relative; padding-top: 16px; margin: 80px 0 100px; } }
.homepage-subsections .views-row-1:before { content: "Watch"; top: 0; position: absolute; left: 0; font-size: 1.3125rem; font-weight: bold; text-transform: uppercase; }
.homepage-subsections .views-row-1:after { content: ""; width: 40px; height: 3px; background: black; position: absolute; top: 16px; left: 82px; }
.homepage-subsections .views-row-1 .button-link a { padding: 10px 29px; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-1 .group-sub-text { padding-right: 3.125rem; } }
@media only screen and (max-width: 767px) { .homepage-subsections .views-row-1 .group-sub-text h2 { margin-top: 20px; } }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-1 .fluid-width-video-wrapper, .homepage-subsections .views-row-1 .group-sub-text { flex: 0 1 50%; max-width: 50%; } }
.homepage-subsections .views-row-1 .fluid-width-video-wrapper { padding: 0 !important; }
.homepage-subsections .views-row-1 .fluid-width-video-wrapper iframe { position: relative; width: 100%; height: 100%; }
.homepage-subsections .group-sub-text h2 { font-size: 2.8125rem; color: #8253a2; font-weight: bold; }
@media only screen and (min-width: 1024px) { .homepage-subsections .group-sub-text h2 { font-size: 4.25rem; } }
.homepage-subsections .group-sub-text h2 a { color: #8253a2; }
.homepage-subsections .group-sub-text h2 a:hover, .homepage-subsections .group-sub-text h2 a:focus { color: #8253a2; }
.homepage-subsections .button-link a { background-color: transparent; padding: 5px 28px; font-size: 22px; font-weight: bold; color: #8253a2; border-radius: 4px; transition: 0.4s ease; box-shadow: none; border: 1px solid #8253a2; font-family: Calibre, Arial, Helvetica, sans-serif; padding: 10px 24px; }
.homepage-subsections .button-link a:hover, .homepage-subsections .button-link a:focus { background-color: #8253a2; transition: 0.4s ease; color: #fff; }
.homepage-subsections .views-row-2 { position: relative; display: inline-block; margin-top: 60px; margin-bottom: 50px; padding: 70px 0 40px; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-2 { display: flex; justify-content: space-between; padding: 75px 0; } }
@media only screen and (min-width: 1024px) { .homepage-subsections .views-row-2 { padding: 180px 0 150px; } }
.homepage-subsections .views-row-2:before, .homepage-subsections .views-row-2:after { content: ""; background: #efefef; height: 100%; display: block; position: absolute; max-width: 100vw; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.homepage-subsections .views-row-2:before { top: 0; z-index: -2; }
.homepage-subsections .views-row-2:after { top: 0; transform: skewY(3.5deg); transform-origin: 0 100%; z-index: -1; }
.homepage-subsections .views-row-2 .group-sub-text { margin-bottom: 2.8125rem; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-2 .group-sub-text { flex: 0 1 60%; max-width: 60%; padding-right: 5%; margin-bottom: 0; } }
@media only screen and (min-width: 1024px) { .homepage-subsections .views-row-2 .group-sub-text { padding-right: 10%; } }
.homepage-subsections .views-row-2 .group-sub-text h2 { margin-top: 0; margin-bottom: 1.875rem; }
.homepage-subsections .views-row-2 .service-list { position: relative; padding-left: 1.75rem; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-2 .service-list { flex: 0 1 40%; max-width: 40%; } }
@media only screen and (min-width: 1024px) { .homepage-subsections .views-row-2 .service-list { padding-left: 2.8125rem; } }
.homepage-subsections .views-row-2 .service-list:before { content: ""; position: absolute; background-color: #8253a2; width: 3px; height: calc(100% - 15px); left: 0; top: 0.625rem; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-2 .service-list:before { height: calc(100% - 25px); } }
.homepage-subsections .views-row-2 .service-list p { margin-bottom: 10px; }
.homepage-subsections .views-row-2 .service-list ul { padding: 0; list-style: none; }
.homepage-subsections .views-row-2 .service-list ul li { font-size: 1.4375rem; font-weight: bold; color: #8253a2; margin-bottom: 10px; }
@media only screen and (min-width: 1024px) { .homepage-subsections .views-row-2 .service-list ul li { font-size: 1.6875rem; } }
.homepage-subsections .views-row-2 .button-link { display: none; }
.homepage-subsections .views-row-3 { position: relative; margin-top: -60px; padding-top: 215px; padding-bottom: 10px; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-3 { padding: 150px 0 150px; display: flex; justify-content: flex-end; align-items: center; margin-top: -100px; } }
@media only screen and (min-width: 1024px) { .homepage-subsections .views-row-3 { padding: 200px 0 220px; } }
@media only screen and (min-width: 1600px) { .homepage-subsections .views-row-3 { padding: 200px 0 300px; } }
@media only screen and (min-width: 2100px) { .homepage-subsections .views-row-3 { padding: 250px 0 320px; } }
.homepage-subsections .views-row-3:before { position: absolute; content: ""; height: 220px; max-width: 100vw; width: 100vw; left: 50%; right: 50%; top: 0; margin-left: -50vw; margin-right: -50vw; background-image: url("../images/support_our_work_fpo2.jpg"); background-size: cover; z-index: -2; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-3:before { height: 100%; } }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-3 .group-sub-text { flex: 0 1 530px; max-width: 530px; } }
.homepage-subsections .views-row-3 .group-sub-text h2 { margin-bottom: 30px; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-3 .group-sub-text h2 { margin-bottom: 35px 0; } }
.homepage-subsections .views-row-3 .group-sub-text p { margin-bottom: 22px; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-3 .group-sub-text p { margin-bottom: 42px; } }
.homepage-subsections .views-row-4 { position: relative; color: #fff; padding: 160px 0 75px; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-4 { padding: 160px 0 0; } }
.homepage-subsections .views-row-4:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1601' height='774' viewBox='0 0 1601 774' fill='none'%3E%3Crect y='179' width='1600' height='595' fill='%2367308C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1599.67 443.47L643.924 178.897L1600.25 122.325L1599.67 443.47Z' fill='%23009FCB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L644.967 179.18L0 215.457V0Z' fill='%238253A2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; background-position: left 34% center; top: -30px; height: calc(100% + 30px); display: block; position: absolute; max-width: 100vw; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; z-index: -1; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-4:before { top: -200px; height: calc(100% + 200px); background-position: center; } }
@media only screen and (min-width: 1024px) { .homepage-subsections .views-row-4:before { top: -230px; height: calc(100% + 230px); } }
@media only screen and (min-width: 1600px) { .homepage-subsections .views-row-4:before { top: -300px; height: calc(100% + 700px); } }
@media only screen and (min-width: 2200px) { .homepage-subsections .views-row-4:before { top: -500px; height: calc(100% + 1400px); } }
.homepage-subsections .views-row-4 .button-link a { border-color: #fff; color: #fff; }
.homepage-subsections .views-row-4 .button-link a:hover, .homepage-subsections .views-row-4 .button-link a:focus { color: #8253a2; background-color: #fff; }
.homepage-subsections .views-row-4 .group-sub-text { max-width: 600px; position: relative; }
@media only screen and (min-width: 768px) { .homepage-subsections .views-row-4 .group-sub-text { top: -100px; } }
.homepage-subsections .views-row-4 .group-sub-text h2 { margin: 40px 0 30px; }
.homepage-subsections .views-row-4 .group-sub-text h2 a { color: #fff; }
.homepage-subsections p { font-size: 24px; line-height: 1.2; }
@media only screen and (min-width: 1024px) { .homepage-subsections p { font-size: 30px; } }

.front #page-title, .front .homepage-featured { display: none; }