body {overflow: hidden;}
html {
  scroll-behavior: smooth;
  -webkit-scroll-behavior: smooth;
  -moz-scroll-behavior: smooth;
  behavior: 'smooth'
} 
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/FontAwesome.woff2') format('woff2'),
        url('fonts/FontAwesome.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light.woff2') format('woff2'),
        url('fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Medium.woff2') format('woff2'),
        url('fonts/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('fonts/OpenSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-Italic.woff2') format('woff2'),
        url('fonts/CormorantGaramond-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}




@font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-Bold.woff2') format('woff2'),
        url('fonts/CormorantGaramond-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-Medium.woff2') format('woff2'),
        url('CormorantGaramond-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-Light.woff2') format('woff2'),
        url('fonts/CormorantGaramond-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-Regular.woff2') format('woff2'),
        url('fonts/CormorantGaramond-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-SemiBold.woff2') format('woff2'),
        url('fonts/CormorantGaramond-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Atten New';
    src: url('fonts/AttenNew-Medium.woff2') format('woff2'),
        url('fonts/AttenNew-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/CormorantGaramond-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}







h1, h2 h3, h4, h5, h6{ margin:0; font-family: 'Cormorant Garamond' !important; margin:0; }
a.view-btn {position: relative;padding: 0;border-radius: 50px;transition: all 0.2s ease;overflow: hidden;display: inline-block;}

a.view-btn:before {content: '';top: 0;bottom: 0;left: 0;height: 100%;width: 0%;background-color: rgb(255, 255, 255);transition: 0.3s ease-out;position: absolute;}
a.view-btn span {position: relative;display: inline-block;font-size:21px;font-weight: 300;top: 0;left: 0;padding: 5px 25px;border-radius: 50px;
color: rgb(255, 255, 255);border: 1px solid rgb(255, 255, 255, 0.5);transition: 0.2s;font-family: "Cormorant Garamond";font-style: italic;letter-spacing: 0;
text-align: center;height: 42px;}
a.view-btn:hover:before {width: 100% !important;display: inline-block;}
a.view-btn:hover span {color:#2E8367;}
p{font-family: 'Open Sans';}

ul, li{ margin:0; padding:0; }

i{ font-family:fontawesome; }

/*header css*/
header.site-header { z-index: 999; padding-top: 35px; position: fixed; width: 100%;}
header.site-header .container-fluid {padding: 0 35px;}
header.site-header .site-branding {display: inline-block; margin-top: -3px; margin-left: 6px;}
header.site-header .menu-toggle {float: right;font-size: 0;border: none; position: relative; z-index: 9999; margin: 4px 0 0;}
.menu-toggle.toggled-on:focus{ outline:none; }
header.site-header .menu-toggle.toggled-on { margin-top: 1px;display: inline-block;width: 30px;height: 30px;background: none;margin-top: -7px; margin-right: -3px;}
header.site-header .menu-toggle:before {content: "\f0c9";position: absolute;color: #fff;font-family: fontawesome; font-size: 0px; right: 0; background: url(../images/icon-navbar-white.svg) no-repeat; 
    height: 21px; width: 25px; background-size: contain !important; margin-top: -5px;}
header.site-header .menu-toggle:hover:before, header.site-header .menu-toggle.toggled-on:hover {opacity: 50%;}
header.site-header .menu-toggle.toggled-on:before {content: "";position: absolute;color: #fff;font-family: fontawesome;font-size: 31px;right: 0px;transition: all 0.2s ease;font-weight: normal;transform: rotate(45deg);width: 30px;height: 3px;background-color: #ffffff;transition-duration: .2s;bottom: 14px;}
header.site-header .menu-toggle.toggled-on:after {width: 30px;height: 3px;background-color: #ffffff;transition-duration: .2s;content: '';position: absolute;color: #fff;
font-family: fontawesome;font-size: 31px;right: 0px;transition: all 0.2s ease;font-weight: normal;transform: rotate(-45deg);}
header.site-header .menu-toggle.toggled-on:hover:before {color: #fff;transition: all 0.2s ease;}
header.site-header .site-header-menu {height: 100vh;background: rgba(61, 67, 105, 0.92);z-index: 999;padding: 0 0 0;position: fixed;top: 0px;clear: both;left: 0;right: 0;bottom: 0;
width: 100%;transform: translateY(-100%);transition: 0.99s;display: block;margin: 0;}
header.site-header .menu-toggle:after { content: ''; width: 29px; height: 3px; display: inline-block; background: #ffffff; position: absolute; right: 0; bottom: -3px; opacity:0;}
header.site-header .menu-toggle.toggled-on:after {bottom: 14px; opacity:100;}
header.site-header .menu-toggle.toggled-on:hover:after {opacity: 50%;}

header.site-header .site-header-menu.toggled-on {transform: translateY(0);}
header.site-header .site-header-menu .site-header-menu-inner {position: relative;transform: translate(0, -50%);}
header.site-header .site-header-menu.toggled-on .site-header-menu-inner{top: 50%;}
header.site-header .site-header-menu .main-navigation .primary-menu {padding: 0;max-width: 300px;width: 100%;margin: auto;text-align: center; border: none;}
header.site-header .site-header-menu .main-navigation .primary-menu li {border: none;}
header.site-header .site-header-menu .main-navigation .primary-menu li a {color: #fff;text-decoration: none;font-size: 25px;font-weight: 300;padding: 0;line-height: 49px;
font-family: 'Open Sans';transition: all 0.2s ease;}
header.site-header .site-header-menu .main-navigation .primary-menu li a:hover{ opacity:50%; transition: all 0.2s ease; }
header.site-header .site-header-menu .main-navigation .primary-menu li.current-menu-item a {opacity: 0.3;}

header.site-header .site-header-menu .content-represnted {padding:35px 0 0;max-width: 300px;width: 100%;margin: auto;text-align: center;border: none;}
header.site-header .site-header-menu .content-represnted .represnted {border-top:1px solid rgba(255, 255, 255, 0.2);padding: 16px 0;}
header.site-header .site-header-menu .content-represnted .represnted:first-child {border: none; padding: 0;}
header.site-header .site-header-menu .content-represnted .represnted h3 {opacity: 0.5;color: #FFFFFF;font-family: "Cormorant Garamond";font-size: 20px;font-style: italic;letter-spacing: 0;line-height: 24px;text-align: center;}
header.site-header .site-header-menu .content-represnted .represnted h3.wildkit {font-family: "Open Sans";font-size: 17px;font-weight: 300;letter-spacing: 0;line-height: 29px;text-align: center;font-style: normal; opacity: 1;
margin: 0;}
header.site-header .site-header-menu .content-represnted .represnted h4 {color: #fff;font-size: 17px;font-family: 'Open Sans' !important; font-weight: 300;}
header.site-header .site-header-menu .content-represnted .represnted h5 {color: #fff;font-size: 12px;font-weight: normal;margin:10px 0 5px; font-family: 'Open Sans' !important; font-weight: 300; text-transform: uppercase;opacity: 0.5;}
header.site-header .site-header-menu .content-represnted .represnted i {font-family: fontawesome;font-style: normal;color: #fff;}
header.site-header .site-header-menu .main-navigation .primary-menu i.fab {font-family: "FontAwesome";}

header.site-header .site-header-menu .content-represnted .represnted i img {width: 20px;height: 20px;transition: all 0.2s ease;}
header.site-header .site-header-menu .content-represnted .represnted i img:hover {opacity: 0.5;transition: all 0.2s ease;}
/*header css end*/




/* Developer Css strat */



.content-img{transition: 500ms;height: 100vh;width: 100%; position: fixed;}

/*section before css*/

.wavemove-sec{ display:-webkit-box;display:-ms-flexbox;display:flex; position: relative;}
.wavemove-sec:before {content: '';background: url(/wp-content/themes/charitymapletoft/images/wave-home.svg) no-repeat;
height: 100%;width: 52%;position: absolute;left: 0;background-size: cover;z-index: 9;-webkit-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;-moz-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out; background-position: right top;}


.wavemove-sec #back-to-top {position: fixed;font-family: fontawesome;font-size: 15px;bottom: 20px;right:-95%;color: #fff;text-decoration: none;font-size: 0;
width: 40px;height: 40px;z-index: 99; border-radius: 50px; background: #157c79 url(../images/up-arrow.png) no-repeat; background-size: 16px; background-position: center;}

.wavemove-sec #back-to-top:hover { background:#39466A url(../images/up-arrow.png) no-repeat; background-size: 16px; background-position: center;}


/*section before css end*/


.wavemove-sec .wave-coll{ width:40%; }
.wavemove-sec .wave-coll.wave-coll-right {width: 60%;}
.first-wrap {height: 100vh;}
.second-wrap {height: 100vh; overflow: visible;}
.third-wrap {height: 100vh; position: relative;}
.content-img #charity-sec1 {height: 100vh; position:fixed; width: 60%;}
.content-img #charity-sec2 {height: 100vh; position: fixed; width: 60%;}
.content-img #charity-sec3 {height: 100vh; position: fixed; width: 60%;}
.content-img #charity-sec2 video {height: 100vh; width: 100%;object-fit: cover;}
.content-img img {height: 100vh; width: 100%; object-fit: cover;}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.wavemove-sec .wave-coll .content-sec-content {position: absolute;top: 50%; transform: translate(0, -50%); width: 485px;float: right;padding: 0 30px 0 0;right:0;font-family: 'Cormorant Garamond'; z-index: 99; color:#fff; }
.wavemove-sec .wave-coll .content-sec-content h2{ color:#fff;font-family: 'Cormorant Garamond'; font-weight: 300; font-size: 37px; line-height: 42px; font-style: italic; letter-spacing: 0;
margin-bottom: 16px;}

.wavemove-sec .wave-coll .content-sec-content p {font-family: "Open Sans";font-size: 10px;letter-spacing: 0;line-height: 14px;text-transform: uppercase;font-weight: 300;}
.adding section .content-sec-content{position: relative;top: 50%;transform: translate(0, -50%);}
.adding section .content-sec-content h2 {font-family: 'Cormorant Garamond';line-height: 42px;font-size: 37px;font-style: italic;color: #fff;font-weight: normal;margin: 0 0 0px;}
.adding section .content-sec-content p {color: #FFFFFF;font-family: "Open Sans";font-size: 10px;letter-spacing: 0;line-height: 14px;font-weight: 300;text-transform: uppercase;
margin: 16px 0 0px;}


#back-to-top { position: absolute; left: 0;right: 0;text-align: center;z-index: 9;width: 78px;height: 78px;margin: auto;background: #fff;color: #157c79;display: -webkit-box;
display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
font-size: 12px;text-transform: uppercase;text-decoration: none;font-weight: 500;border-radius: 50px;border: none;bottom: 50px;animation: ad_come_in 1.5s 1.5s forwards;}


/*all section css*/
@keyframes fadeInBottom {
from {opacity: 0;transform: translateY(100%);}
to { opacity: 1 }
}

/*all section css end*/


/*section first css*/
.first-wrap {position: relative;}
 a.more-scroll {position:fixed; left:0; right:0; text-align: center;z-index:99;width: 78px;height: 78px;margin: auto;background: #fff;color:#157C79;
display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;
justify-content: center;font-size: 12px;text-transform: uppercase;text-decoration: none;font-weight: 500;border-radius: 50px; bottom: 50px; transition: all 0.2s ease;
   animation: ad_come_in .1s 1s forwards; opacity: 0; font-family: 'Atten New'; font-weight: 500; padding: 23px 0;}

 a.more-scroll span {margin: -12px 0 0;}
a.more-scroll:after {background: url(/wp-content/themes/charitymapletoft/images/icon-arrow-down-green.svg) no-repeat;height: 14px;width: 15px;display: inline-block;content: '';position: absolute;
left: 48%;right: 0;transform: translate(-33%, -50%);top: 48px;background-size: 14px;}
 a.more-scroll:hover:after{
    background: url(/wp-content/themes/charitymapletoft/images/icon-arrow-down-white.svg) no-repeat;background-size: 14px;}



 a.more-scroll:hover {background: #39466A; color: #fff; transition: all 0.2s ease;   animation: ad_come_in 1s 1s forwards; opacity: 0;}
 a.more-scroll i.fal {display: block;margin: 3px 0 0;font-weight: normal; }
/*section first css end*/



/*section second css*/
.second-wrap {position: relative;}

@keyframes ad_come_in {to {opacity: 1}}

.wavemove-sec .wave-coll .second-wrap .content-sec-content h2 {color: #E4D3C0;margin: 0; font-weight:normal;}
.wavemove-sec .wave-coll .second-wrap .content-sec-content h2 span{ display:block; font-weight: 300}
.wavemove-sec .wave-coll .content-sec-content p.content-btmhead {opacity: 0.5;color: #E4D3C0;font-family: "Open Sans";font-size: 14px;letter-spacing: 0;line-height: 19px;font-weight: 300;}
/*section second css end*/


/*section three css end*/
.third-wrap .brand-sec-inner {margin: 43px 0 58px;}
.third-wrap .brand-sec-inner h3 {font-family: "Cormorant Garamond";font-size: 37px;font-style: italic;font-weight: 600;letter-spacing: 0;line-height: 42px;color: #E4D3C0;
margin: 0;}
.third-wrap .brand-sec-inner h3 span {display: block;font-weight: 300;}
/*section three css end*/
}



/*developer css*/
.site-branding {margin-left: 20px;}
.tribe-events-schedule.tribe-clearfix {
display: none;}
p.tribe-events-back {display: none;}
.tribe-events.tribe-common {display: none;}
.tribe-events-venue-map {display: none;}


/*news page css strat */



.news-sec-listing {height: 100vh; overflow-y: auto; margin-top: 10%; padding: 50px;}
.news-sec-listing h2{  height: 68px; width: 381px;  color: #000;  font-family: "Cormorant Garamond";  font-size: 30px;  font-style: italic;  font-weight: 300;  letter-spacing: 0;  line-height: 34px;}  
.news-sec-listing .date{ opacity: 0.5;  color: #000;  font-family: "Open Sans";  font-size: 10px;  letter-spacing: 0;  line-height: 14px;  }
.news-sec-listing .read {height: 42px;  width: 39px;  color: #000;  font-family: "Cormorant Garamond";  font-size: 21px;  font-style: italic;  letter-spacing: 0;  line-height: 42px;}
/*news page css end*/
body.page-template-biography{overflow: unset;}



/*schedule css*/
.schedule-sec {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; position: relative;
-ms-flex-wrap: wrap;flex-wrap: wrap;}
.schedule-sec .schedule-col-left {width: 60%; position: relative; z-index: 99;}
.schedule-col-left:before {position: fixed;left: 0;height: 100vh;
background: url(/wp-content/themes/charitymapletoft/images/wave-schedule.svg) no-repeat;width: 70%;background-size: cover;z-index: 9;
-webkit-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;-moz-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;content: ''; background-position: right;}

.schedule-col-left .blockdatetime {position: relative;top: 0;transform:none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 
    align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 9; margin-top: 165px;}
.schedule-col-left .blockdatetime a.schedule-year {width: 130px;display: inline-block;background: #072C63;border-radius: 0 50px 50px 0;font-size: 24px;color: #fff;
text-decoration: none;font-weight: 500;font-family: 'Open Sans';text-align: right;padding: 8px 21px 8px 0px;height: 55px;}

.schedule-col-left .blockdatetime a.view-btn span {padding: 3px 23px;}

.schedule-sec .schedule-col-right {width: 40%;}
.schedule-sec .schedule-col-right img {height: 100vh;width: 100%;object-fit: cover;}
.schedule-col-left .schedule-col-left-inner {position: absolute;max-width: 100%;float: right;padding:0 0px 0 0;right: 0;
font-family: 'Cormorant Garamond';z-index: 99;color: #fff;width: 100%;}
.schedule-col-left .schedule-col-left-inner .schedule-col-blocks {margin: auto;display: table;margin-top: 45px;margin-bottom:60px;position: relative; padding: 0 0 0 70px; min-height:250px;}


.schedule-col-left .schedule-col-left-inner .schedule-col-blocks .schedulescroll {margin: auto;overflow-y: auto;
mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
mask-size: 100% 20000px;mask-position: left bottom;-webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
-webkit-mask-size: 100% 20000px;max-width: 100%;max-height: 460px;padding: 0 30px 0 0px;left: 0;position: relative; overflow-x: hidden;}


.schedule-col-left .schedule-col-left-inner .schedule-col-blocks .schedulescroll:hover{-webkit-mask-position: left top;}
.schedule-col-left .schedule-col-left-inner .schedule-col-blocks .schedulescroll::-webkit-scrollbar {width: 4px;height: 8px;}
.schedule-col-left .schedule-col-left-inner .schedule-col-blocks .schedulescroll::-webkit-scrollbar-track {background-clip: content-box;border: 2px solid transparent;}
.schedule-col-left .schedule-col-left-inner .schedule-col-blocks .schedulescroll::-webkit-scrollbar-thumb {background-color:#fff; border-radius: 50px 50px;}
.schedule-col-left .schedule-col-left-inner .schedule-col-blocks .schedulescroll::-webkit-scrollbar-thumb:hover {background-color:#fff; border-radius: 50px 50px;}
.schedule-col-left .schedule-col-left-inner .schedule-col-blocks .schedulescroll::-webkit-scrollbar-corner, 
.schedule-col-left .schedule-col-left-inner .schedule-col-blocks .schedulescroll::-webkit-scrollbar-track {background-color:#fff; border-radius: 50px 50px;}

.schedule-col-left .schedule-col-left-inner .schedule-col-blocks a.view-btn {float: right;position: absolute;top: -100px;right: 0;}

.schedule-col-left-inner {overflow-y: auto;}
.schedule-col-left-inner ul li{list-style: none;}

.schedule-col-left-inner ul li p{height: 29px;width: 312px;color: #000;font-family: "Open Sans";font-size: 17px;font-weight: 300;letter-spacing: 0;line-height: 29px;text-decoration: none;}
.schedule-col-left-inner ul li .divider {box-sizing: border-box;height: 1px;width: 630px;border: 1px solid #000000;opacity: 0.1;}

.schedule-manageinner {border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0 0 23px 0px; margin-bottom: 23px; width: 670px; float:none;}
.schedule-manageinner:last-child {border: none;margin: 0; padding: 0;}
.schedule-manageinner p {font-size: 19px;font-weight: 500;float: left;margin: 0px 20px 0 0px; width: 135px;}
.schedule-manageinner p span{ font-weight:300; display:block; }
.schedule-manageinner .schedule-manageinner-box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
width: 500px;padding: 0 30px 0 0;}
.schedule-manageinner .schedule-manageinner-box h3 {font-size: 19px;font-family: 'Open Sans';font-weight: 500; margin: 0; line-height: 29px; width: 210px;}
.schedule-manageinner .schedule-manageinner-box h3 a{ color:#fff; text-decoration:none; }
.schedule-manageinner .schedule-manageinner-box h3 span {display: block;font-weight: 300;}
.schedule-manageinner .schedule-manageinner-box p {width: 49%; margin: 0; font-weight: 300; font-size: 17px; line-height: 25px;}
.schedule-manageinner .schedule-manageinner-box p.content-btmhead {font-size: 19px;font-weight: 500; float: left; margin: 0 33px 0 0px; width: auto;}

.static-content p{ font-weight:300; margin:0; font-size:13px; line-height:19px; }
/*schedule css end*/


/*bio css*/
.bio-img { width: 100%;display: inline-block; height: 100vh; background-size: cover;
background-repeat: no-repeat;position: fixed; z-index: -1;}
.bio-panel #hero {height: $heroHeight;overflow: hidden;position: relative;margin: 0 auto;}
.bio-panel #hero, .bio-img {height: 100vh;}
.bio-img img{ width:100%; object-fit:cover; height:100%; display: none;}
.big-content{ background: url(/wp-content/themes/charitymapletoft/images/wave-bio.svg) no-repeat;
width: 100%;margin-top: -128px;position: relative; background-size: cover;}
.big-content .big-content-inner {max-width: 800px;width: 100%;margin: auto; padding: 135px 30px;}
.big-content .big-content-inner p {color: #fff;font-weight: 300;font-size: 18px;line-height: 27px;margin: 0 0 51px;}
.big-content .big-content-inner h3 {font-size: 37px;font-style: italic;letter-spacing: 0;line-height: 42px;color: #fff;font-weight: 300;font-family: 'Cormorant Garamond';max-width: 439px;
margin: auto; margin-bottom: 100px; margin-top: 100px;}

.big-content .big-content-inner h3 span {display: inline-block;font-size: 10px;letter-spacing: 0;line-height: 14px;font-family: 'Open Sans';font-style: initial;text-transform: uppercase;
position: relative;top: -14px;}

.big-content .big-content-inner .bio-btn {text-align: center; margin-top: 50px; margin-right: 20px;}
.big-content .big-content-inner .bio-btn:last-child {margin-right: 0;}
.big-content .big-content-inner a.view-btn.bio-btn:hover span {color: #144071;}
.big-content .big-content-inner img {width: 100%; height:auto; margin: 30px 0;}
/*bio css end*/


/*news css*/
.news-panel {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative;
-ms-flex-wrap: wrap;flex-wrap: wrap;}
.news-panel .news-left {width: 40%;}
.news-panel .news-left img {width: 100%; height: 100vh; object-fit: cover;}


.news-panel .news-right {width: 56%;position: relative;z-index: 99;}
.news-panel .news-right:before {position: fixed;right:0;height: 100vh;
background: url(/wp-content/themes/charitymapletoft/images/wave-news.svg) no-repeat;width: 66%;background-size: cover;
z-index: 9;-webkit-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;-moz-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;
content: ''; }
.news-panel .news-right .news-sec-listing {position: relative;z-index: 99;max-width: 600px;width: 100%;padding: 0;overflow: auto;height: auto;
padding-right: 0px;top: 130px;transform: translate(0);margin: 0;  overflow-y: auto;mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
mask-size: 100% 20000px;mask-position: left bottom;-webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
-webkit-mask-size: 100% 20000px;/*-webkit-mask-position: left bottom; transition: mask-position 0.3s, -webkit-mask-position 0.3s;*/ max-height: 76vh; 
padding: 0 30px 0 0px; left: 0;position: relative; overflow-x: hidden;}

.news-panel .news-right .news-sec-listing:hover{-webkit-mask-position: left top;}
.news-panel .news-right .news-sec-listing::-webkit-scrollbar {width: 4px;height: 8px;}
.news-panel .news-right .news-sec-listing::-webkit-scrollbar-track {background-clip: content-box;border: 2px solid transparent; border-radius: 50px 50px;}
.news-panel .news-right .news-sec-listing::-webkit-scrollbar-thumb {background-color:#fff; border-radius: 50px 50px;}
.news-panel .news-right .news-sec-listing::-webkit-scrollbar-thumb:hover {background-color:#fff;border-radius: 50px 50px;}
.news-panel .news-right .news-sec-listing::-webkit-scrollbar-corner, 
.news-panel .news-right .news-sec-listing::-webkit-scrollbar-track {background-color:#fff;border-radius: 50px 50px;}


.news-panel .news-right .news-sec-listing .news-fids {border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 0 0 35px 0px;margin-bottom:38px;width: 100%;
display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.news-panel .news-right .news-sec-listing .news-fids:last-child {border: none; margin: 0; padding: 0; }
.news-panel .news-right .news-sec-listing .news-fids .news-fids-left {display: inline-block;vertical-align: top;}
.news-panel .news-right .news-sec-listing .news-fids h2 {color: #fff;font-style: italic;letter-spacing: 0;width: 100%; max-width: 380px; display: inline-block; height: auto;
margin-bottom: 9px;}
.news-panel .news-right .news-sec-listing .news-fids p.date {color: #fff;text-transform: uppercase;opacity: 0.5; margin: 0}
.news-panel .news-right .news-sec-listing .news-fidsa.read {float: right;}
.news-panel .news-right .news-sec-listing .news-fids a.view-btn:hover span {color: #144071;}


.news-right.news-detail-page a.more-scroll {bottom: inherit;top: 110px;right: initial;position: absolute;left: -18%; background: #1d3d69; color: #fff;}
.news-right.news-detail-page a.more-scroll:hover{background: #fff; color:#1d3d69}
.news-right.news-detail-page a.more-scroll:after{ background: url(/wp-content/themes/charitymapletoft/images/icon-arrow-left-blue-news.svg) no-repeat !important;
position: absolute;top: 50%;background-size: 14px !important;transform: translate(13px, -40%);content: '';width: 18px;height: 18px; left: 0;}

.news-right.news-detail-page a.more-scroll:hover::after {
content: '';width: 18px;height: 18px;background: url(/wp-content/themes/charitymapletoft/images/icon-arrow-down-green-left-news.svg) no-repeat !important;
background-size: 14px !important;
}

.news-right.news-detail-page a.more-scroll span {margin: 0px 0px 0px 20px;}
/*news css end*/


/*news detail css*/
.news-panel .news-right .news-sec-listing .news-content {overflow-y: auto;   scrollbar-width: thin;scrollbar-color: #6573a4 transparent;
mask-image: linear-gradient(to top, transparent, black),linear-gradient(to left, transparent 17px, black 17px);mask-size: 100% 20000px;mask-position: left bottom;
-webkit-mask-image: linear-gradient(to top, transparent, black),linear-gradient(to left, transparent 17px, black 17px);-webkit-mask-size: 100% 20000px;
-webkit-mask-position: left bottom;transition: mask-position 0.3s, -webkit-mask-position 0.3s; padding: 20px 0; overflow: hidden;}

.news-panel .news-right .news-sec-listing .news-content:hover{-webkit-mask-position: left top;}
.news-panel .news-right .news-sec-listing .news-content::-webkit-scrollbar {width: 4px;height: 8px;}
.news-panel .news-right .news-sec-listing .news-content::-webkit-scrollbar-track {background-clip: content-box;border: 2px solid transparent;}
.news-panel .news-right .news-sec-listing .news-content::-webkit-scrollbar-thumb {background-color:#6573a4;}
.news-panel .news-right .news-sec-listing .news-content::-webkit-scrollbar-thumb:hover {background-color:#6573a4;}
.news-panel .news-right .news-sec-listing .news-content::-webkit-scrollbar-corner, 
.news-panel .news-right .news-sec-listing .news-content.scrollbar-1::-webkit-scrollbar-track {background-color:#6573a4;}

.news-panel .news-right.news-detail-page .news-header {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.news-panel .news-right.news-detail-page .news-sec-listing h2 {color: #fff; height: auto;}
.news-panel .news-right.news-detail-page .news-sec-listing p.date {color: #fff;text-transform: uppercase; margin: 0 0 35px;}
.news-panel .news-right .news-sec-listing .news-content p{ color:#fff; font-size:18px; line-height:27px; font-weight:300; padding: 0 30px 0 0;}
.news-panel .news-right .news-sec-listing .news-content a {color: #fff;}
.news-panel .news-right .news-sec-listing .news-content a:hover {opacity: 50%;}
/*news detail css end*/


/*video block css*/
.video-sec .schedule-col-left:before{background: url(/wp-content/themes/charitymapletoft/images/wave-media.svg) no-repeat;
background-size: cover; width: 67%; background-position: right;}
.video-sec .video-col-blocks {margin: auto; overflow-y: auto;mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
mask-size: 100% 20000px;mask-position: left bottom;-webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
-webkit-mask-size: 100% 20000px;/*-webkit-mask-position: left bottom; transition: mask-position 0.3s, -webkit-mask-position 0.3s; max-height: 500px; */ max-width:100%; 
padding: 0 30px 0 0px; left: 0;position: relative; height: 64vh;}
.video-sec .video-col-blocks ul.acting_video_link {padding-left: 0;}

.video-sec .video-col-blocks ul.video_repeater {padding: 0;}

.video-sec .schedule-col-left-inner {top:130px; position: absolute; width: 619px;left: 57%;transform:translate(-50%, 0%);}
.video-sec .schedule-col-left-inner ul.nav.nav-tabs {margin: auto;max-width:100%;border: none;margin-bottom: 53px;}
.video-sec .schedule-col-left-inner ul.nav.nav-tabs li.nav-item a.nav-link {border-radius: 39px;color: #fff;font-family: "Open Sans";font-size: 18px;font-weight: 500;letter-spacing: 0;line-height: 27px;    padding: 6px 0px;    height: 41px;    width: 90px;    text-align: center;    margin: 0 20px 0px 0px;    border: 1px solid transparent;}.video-sec .schedule-col-left-inner ul.nav.nav-tabs li.nav-item a.nav-link:hover {border: 1px solid #fff;opacity: 0.2;}
.video-sec .schedule-col-left-inner ul.nav.nav-tabs li.nav-item a.nav-link.active {color:#2C705C;}
.video-sec .schedule-col-left-inner ul.nav.nav-tabs li.nav-item a.nav-link.active:hover {opacity: 1;}

.video-sec .video-col-blocks:hover{-webkit-mask-position: left top;}
.video-sec .video-col-blocks::-webkit-scrollbar {width: 4px;height: 8px;}
.video-sec .video-col-blocks::-webkit-scrollbar-track {background-clip: content-box;border: 2px solid transparent; border-radius: 50px 50px;}
.video-sec .video-col-blocks::-webkit-scrollbar-thumb {background-color:#fff; border-radius: 50px 50px;}
.video-sec .video-col-blocks::-webkit-scrollbar-thumb:hover {background-color:#fff;border-radius: 50px 50px;}
.video-sec .video-col-blocks::-webkit-scrollbar-corner, 
.video-sec .video-col-blocks::-webkit-scrollbar-track {background-color:#fff;border-radius: 50px 50px;}


.video-sec .video-col-blocks .tab-pane ul.video_repeater li.video {margin: 0 0 30px;}
.video-sec .video-col-blocks iframe {height: 315px; font-size: 15px; border-radius: 7px; width: 100%;}
.video-sec .video-col-blocks h2 {font-family: "Open Sans";font-size: 17px;font-weight: 300;letter-spacing: 0;line-height: 25px;max-width: 346px;width: 100%;}


.video-sec .video-col-blocks #photo ul {display: grid;grid-template-columns: repeat(3, 3fr);justify-content: space-between;}
.video-sec .video-col-blocks #photo ul li.image-listing {width: :100%; margin: 0 2px 2px 0; height: auto;}
.video-sec .video-col-blocks #photo ul li.image-listing img{ width:100%; height:100%; object-fit:cover; }
.acting-links video {width: 100%;}
/*video block css end*/


/*events css*/
.single-tribe_events .news-panel .news-right .tribe_event_heading {z-index: 999;position: relative;}

.single-tribe_events .event-content {height:570px;overflow: scroll;max-width: 650px;top: 19%;position: relative; padding: 0 15px;}
.single-tribe_events #tribe-events-pg-template {max-width: 100%;padding: 0;}
.single-tribe_events .news-panel .news-left .tribe-events-event-image {height: 100%;}
.single-tribe_events .news-panel .news-right .tribe-events-content {z-index: 999;position: relative;}
.single-tribe_events .news-panel .news-right .tribe-events-single-section {z-index: 999;position: relative; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.single-tribe_events .news-panel .news-right .tribe-events-single-section:before {border-top: 1px solid rgba(0, 0, 0, 0.1); display: none;}
.single-tribe_events #tribe-events-footer {display: none;}
.single-tribe_events .news-panel .news-right .tribe_event_heading h1 {color: #fff;margin: 0 0 11px;font-family: 'Open Sans' !important;font-weight: 600;font-size: 30px;}
.single-tribe_events .news-panel .news-right .tribe-events-content p {font-size: 18px;color: #fff;font-weight: 300;}

.single-tribe_events .news-panel .news-right .tribe-events-single-section .tribe-events-meta-group h2 {color: #fff; font-size: 16px;}
.single-tribe_events .news-panel .news-right .tribe-events-single-section .tribe-events-meta-group dl {color: #fff;}
.single-tribe_events .news-panel .news-right .tribe-events-single-section .tribe-events-meta-group dl dt {font-size: 16px; font-weight: 500; margin: 0; display: inline-block;}
.single-tribe_events .news-panel .news-right .tribe-events-single-section .tribe-events-meta-group dl dd {margin: 0 0 15px;display: inline-block;}
.single-tribe_events .news-panel .news-right .tribe-events-single-section .tribe-events-meta-group dl dd.tribe-organizer-url a, 
.single-tribe_events .news-panel .news-right .tribe-events-single-section .tribe-events-meta-group a {position: relative;display: inline-block;
font-size: 21px;font-weight: 300;top: 0;left: 0;padding: 5px 25px;border-radius: 50px;color: rgb(255, 255, 255);border: 1px solid rgb(255, 255, 255, 0.5);transition: 0.2s;
font-family: "Cormorant Garamond";font-style: italic;letter-spacing: 0;text-align: center;height: 42px;text-decoration: none;}
.single-tribe_events .news-panel .news-right .tribe-events-single-section .tribe-events-meta-group dl dd.tribe-organizer-url a:hover, 
.single-tribe_events .news-panel .news-right .tribe-events-single-section .tribe-events-meta-group a:hover{background-color: #fff; color: #000;}
.single-tribe_events .news-panel .news-right .tribe-events-single-section .tribe-events-meta-group a {color: #fff;}
/*events css end*/

/* loader css strat*/
.loader {position: fixed; right: 0;left: 0;top: 0;bottom: 0;z-index: 999;background: rgb(62 132 104 / 38%);}
.loader img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 80px;}
/* loader css end */