/*
Theme Name: Hawai‘i Council for the Humanities
*/


@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Tajawal:300,400,500,700,800,900|Vollkorn:400,400i,600,600i,700,700i,900,900i&display=swap');



@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i,700,700i&display=swap');



/* variable define */


:root{
    
    --orange: #a55403;
    --white: #ffffff;
    --yellow: #ded347;
    --dgreen: #054e38;
    --lgreen: #0d835e;
    --black: #000000;
    --lightgr: #9cbfb4;
    --gray: #717171;
    
}


/*--------------- Font-Family: SET ---------------*/

/*

font-family: 'Cormorant Garamond', sans-serif;
font-family: 'Fira Sans', sans-serif;
font-family: 'Vollkorn', serif;
font-family: 'Cormorant Garamond', sans-serif;
font-family: 'Cormorant Garamond', serif;
font-family: 'Fira Sans', sans-serif;

*/

/*--------------- Font-Family:END ---------------*/


/**************************************************************************************/
a{ color:var(--black); text-decoration:none; outline:0 none;}
a:hover{ color:inherit; text-decoration:none;}


/*----------------------------------------------------------------------------------*/

.container {
    max-width: 1310px;width: 100%; padding: 0 15px 0 15px;margin: auto;
}

/*------------HEADER------------------------*/

.wrapper { overflow: hidden; position: relative;}

header { position: absolute;width: 100%;top: 0;left: 0; padding: 30px 0;z-index: 3; }
header .container { display: flex; justify-content: space-between; align-items: center; display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: center; }
header .logo { max-width: 247px; width: 100%; }
header .logo a { display: block; }
header .logo a img { width: 100%;display: block; }

.main_menu { display: flex; display: -webkit-flex}

nav > ul { display: flex;display: -webkit-flex; }
nav > ul > li { margin: 0 20px; position: relative; padding: 15px 0; }
nav > ul > li:before { content: ""; width: 0%; height: 3px; background-color: var(--lgreen);position: absolute; left: 0; bottom: 0;transition: .5s; }
nav ul li a , .log_btn a { color: #fff;transition: .5s; line-height: 1.3;font-size: 16px;font-family: 'Fira Sans', sans-serif;font-weight: 400; }


.log_btn { margin-left: 40px; }
a.cust_btn { padding: 10px 45px; font-size:18px; background-color: var(--dgreen);border-radius: 25px;font-family: 'Vollkorn', serif;text-transform: capitalize;transition: .5s;display: inline-block; }
a.cust_btn:hover { background-color: var(--orange); }


nav ul > li > ul.sub-menu { position: absolute;top: 100%; left: 0; background-color: var(--white);box-shadow: 0 0 10px rgba(0,0,0,.3);transform: scale(0);visibility: hidden;transition: .5s;z-index: 9; }
nav ul > li > ul.sub-menu li { margin: 15px 13px; }
nav ul > li > ul.sub-menu li a {  color: var(--black);white-space: nowrap; }



nav > ul > li:hover:before { width: 40%; }


.menu-item-has-children:after { content: "\f107";font-family: "fontAwesome";font-size: 14px; position: absolute; top: 20px; right: -25px;display: none; }

.m-arrow { position: absolute;top: 50%;right: -14px;cursor: pointer;z-index: 9;transform: translateY(-50%); }
.m-arrow i { font-size: 14px; color: #fff; }
.inner_header .m-arrow i { color: #000; }

body.active { overflow: hidden;  }
.inner_banner_nav ul { margin-left: -10px; }

/*------------------ RESPONSIVE HAMBURGER(responsive-menu) -------------------*/



/*

font-family: 'Cormorant Garamond', sans-serif;
font-family: 'Fira Sans', sans-serif;
font-family: 'Vollkorn', serif;
font-family: 'Cormorant Garamond', sans-serif;

*/
 

.home_banner { background-image: url(assets/images/bg1.jpg);background-repeat: no-repeat; background-size: cover;padding-top: 190px;min-height:700px;} 
.home_front_img { width: 100%; }
.home_front_img img { width: 100%; display: block; }
.home_b_right_sec {  }
.home_b_right_sec ul {  max-width: 600px; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.home_b_right_sec ul li { padding: 0 10px;position: relative; }

.home_b_right_sec ul li a { color: #fff;font-size: 14px;font-family: 'Fira Sans', sans-serif;transition: .5s;   }
.home_b_right_sec ul li a:hover { color:#bda33c; }

 
.home_b_right_sec h1, .grants_cont .header-title { font-family: 'Fira Sans', sans-serif; line-height: 1.3; font-size: 28px;color: #fff;font-weight: 500; }


.home_banner .row .col-md-5 { display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; }

.grants_cont { max-width: 77%;width: 100%; }
.grants_cont.page-content { max-width: 100%;width: 100%; }
.grants.home_banner { background-image: url(assets/images/bg2.jpg);background-repeat: repeat; background-size: auto; padding: 100px 0; }
.grants_cont h2, .grants_cont h2 *, .grants_cont .sub-title { font-family: 'Fira Sans', sans-serif;font-weight: 700; font-size: 18px; color: var(--orange); line-height: 2.3;margin-bottom: 50px; }
.grants_cont h1, .grants_cont h1 *, .grants_cont .header-title{ color: var(--dgreen);margin-bottom: 30px; }
.grants_cont p, .grants_cont p a, .grants_cont .description p, .grants_cont li { font-family: 'Cormorant Garamond', sans-serif;font-weight: 400; color: var(--black);font-size: 18px;line-height: 1.6; }
.grants_cont p { margin-bottom:18px; }

.grants_cont.page-content .sub-title { margin-bottom: 24px }
.grants_cont.page-content .header-title { margin-bottom: 24px }
.grants_cont.page-content .home_front_img { margin-bottom: 32px }
.grants_cont.page-content a { margin-top: 20px; }


.grants_cont a.grant-more { display: inline-block; font-size: 14px; line-height: 1.4;font-family: 'Fira Sans', sans-serif;font-weight: 700; color:var(--orange);margin-top: 50px;transition: .5s; }
span.arrow { width: 16px;height: 2px; background-color: var(--orange);margin-left: 20px;display: inline-block;vertical-align: middle; position: relative;}
span.arrow:before {content: ""; position: absolute;top: 50%;right: 3px; width: 2px; height: 7px; background-color:var(--orange);transform: rotate(45deg); }
span.arrow:after {content: ""; position: absolute;bottom: 50%;right: 3px; width: 2px; height: 7px; background-color:var(--orange);transform: rotate(-45deg); }
.grants_cont a.grant-more:hover { color: var(--dgreen); }

/*

font-family: 'Cormorant Garamond', sans-serif;
font-family: 'Fira Sans', sans-serif;
font-family: 'Vollkorn', serif;
font-family: 'Cormorant Garamond', sans-serif;

*/

.history { padding: 130px 0 80px 0; }
.history_head { max-width: 895px; margin: auto;position: relative;margin-bottom: 0px }
.history_head:before { content: ""; width: 55px;height: 35px; background-image: url(assets/images/wave.png); background-repeat: no-repeat; background-size: cover; position: absolute; top: -50%;left: 50%;transform: translateX(-50%);}
.history_head h1 { white-space: pre-line; font-family: 'Fira Sans', sans-serif; line-height: 1.3; font-size: 28px; color: var(--dgreen);font-weight: 500;text-align: center; padding:0 0 40px 0;}

.history_gallery { width: 100%; display: flex;display: -webkit-flex;/* flex: 0 0 24%;-webkit-flex: 0 0 24%;*/flex-wrap: nowrap; overflow: hidden;}
.history_gallery .g_card {height: 440px; position: relative;overflow: hidden;transition: .5s ease; }
.history_gallery .g_card:not(:last-child) { margin-right: 15px; }
.history_gallery .g_card img { width: 100%;display: block;height: 100%; object-fit: cover; }

/*

.history_gallery .g_card:hover { flex: 0 0 35%;max-width: 35%; }
*/




.g_card .g_bottom_cont { position: absolute; background-color: rgba(13, 131, 94, .7);width: 100%;left: 0;padding: 25px;transition: .5s;height: 100%;bottom: -80%; }
.g_card:nth-child(2) .g_bottom_cont { background: rgba(4, 88, 88, .7); }
.g_card:nth-child(3) .g_bottom_cont { background: rgba(169, 163, 60, .7); }
.g_card:nth-child(4) .g_bottom_cont { background: rgba(126, 5, 96, .7); }
.g_card:nth-child(5) .g_bottom_cont { background: rgba(201, 178, 196, .7); }
.g_card .g_bottom_cont h2 {font-family: 'Cormorant Garamond', sans-serif;font-weight: 500;font-size: 23px; line-height: 1.1em; color: #fff; display: flex; justify-content: space-between;align-items: center; display: -webkit-flex; -webkit-justify-content: space-between;-webkit-align-items: center;margin-bottom: 18px;}
.g_card .g_bottom_cont h2 .arrow { margin-bottom:  0 }
.g_card .g_bottom_cont p { font-size: 18px; line-height: 1.3; color: #fff;font-family: 'Cormorant Garamond', sans-serif;font-weight: 400; }

.g_bottom_cont h2 span, .g_bottom_cont h2 span:after, .g_bottom_cont h2 span:before { background-color: #fff; }

.history_gallery .g_card:hover .g_bottom_cont { bottom: 0; }

.hawai { margin-top: 70px; display: flex;display: -webkit-flex;width: 100%;}
.hawai .left_img { width: 60%; }
.hawai .left_img img { width: 100%;display: block; }
.hawai .right_con { background-color: var(--lgreen);width: 40%;padding: 70px 45px;position: relative; }
.hawai .right_con h1 { font-size: 36px;font-family: 'Fira Sans', sans-serif;font-weight: 500;color: var(--white);line-height: 1.1;margin-bottom: 45px;  }
.hawai .right_con p { font-size: 18px;font-family: 'Cormorant Garamond', sans-serif;font-weight: 400;color: var(--white);line-height: 1.6;  }
.hawai .right_con a { display: block;position: absolute;left: auto;bottom: 13%; color: var(--lightgr);  }
.hawai .right_con a span, .hawai .right_con a span:before, .hawai .right_con a span:after {  background-color:var(--lightgr);  }


footer { margin-top: 48px; }
footer .foo_top_section { padding: 60px 0;background-image: url(assets/images/bg2.jpg); background-repeat: repeat; background-size: auto; }
.foo_heading { display: flex; justify-content: space-between;align-items: center; display: -webkit-flex; -webkit-justify-content: space-between;margin-bottom: 23px; -webkit-align-items: center; }
.foo_heading h5 { font-family: 'Fira Sans', sans-serif;font-weight: 700;font-size: 18px;line-height: 2.2; color: var(--dgreen);position: relative;padding-left: 58px; }
.foo_heading h5:before { content: ""; width: 40px; height: 25px;background-image: url(assets/images/wave2.png); background-size: cover;position: absolute; left: 0; top: 50%;transform: translateY(-50%);}
.foo_heading p { font-family: 'Cormorant Garamond', sans-serif;font-weight: 700;font-size: 18px;line-height: 1.6; color: var(--dgreen); }
.foo_heading p a { color: var(--dgreen); }
.foo_heading p a:hover { text-decoration: underline; }

.foo_images { display:flex; display:-webkit-flex; flex: 0 0 25%; width: 100%;margin-bottom: 0px; }
.foo_images .foo_main_img { width: 25%; }
.foo_images .foo_main_img:not(:last-child) { margin-right: 15px; }
.foo_images .foo_main_img img { width: 100%; }


footer .foo_nav { display: flex;justify-content: space-between; display: -webkit-flex;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;padding: 12px 0 40px;}
footer .foo_nav ul { display: flex; display: -webkit-flex;  }
footer .foo_nav ul li { margin: 0 24px;  }
footer .foo_nav ul li a { font-family: 'Fira Sans', sans-serif;font-weight: 300; line-height: 1.3; font-size: 16px; color: var(--dgreen);  }

.foo_nav_right h3 { font-family: 'Fira Sans', sans-serif;font-weight: 700; line-height: 1.3; font-size: 16px; color: var(--orange);font-style: italic;padding-right: 128px;position: relative; }
.foo_nav_right h3:before { content: ""; width: 25px; height: 31px;background-image: url(assets/images/wave3.png); background-size: cover;position: absolute; right: 0; top: 50%;transform: translateY(-50%); }
.main_footer { background-color: var(--white); background-repeat: repeat; background-size: auto;position: relative; }
.main_footer:before {  content: ""; width: 100%; height: 99px;background-image: url(assets/images/shadow.png); background-repeat: no-repeat;background-size: cover;position: absolute; left: 0; top: -99px; }


footer .footer { background-color:#057e79; padding: 30px 0 45px; }
footer .footer .container { display: flex; justify-content: space-between; display: -webkit-flex; -webkit-justify-content: space-between; }
footer .footer .address p { font-family: 'Cormorant Garamond', sans-serif;font-weight: 400; font-size: 14px;line-height: 1.4; color: var(--white);margin-bottom: 17px; }
footer .footer .address ul { display: flex; display: -webkit-flex; }
footer .footer .address ul li:not(:last-child) { margin-right: 25px; }
footer .footer .address ul li a, footer .footer .address ul li {font-family: 'Cormorant Garamond', sans-serif;font-weight: 400; font-size: 14px;line-height: 1.4; color: var(--white);margin-bottom: 17px; transition: .5s; }
footer .footer .address ul li a:hover { color: var(--yellow); }

.social-icons { max-width: 170px; width: 100%; display: flex; display: -webkit-flex;align-items: center; -webkit-align-items: center; }
.social-icons ul {  display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;width: 100%;  }
.social-icons ul li a i {  font-size: 30px; color: var(--white);transition: 0.5s;  }
.social-icons ul li:hover a i { color: var(--yellow);  }



/*============================ways CSS=========================*/




/*

font-family: 'Cormorant Garamond', sans-serif;
font-family: 'Fira Sans', sans-serif;
font-family: 'Vollkorn', serif;
font-family: 'Cormorant Garamond', sans-serif;

*/


header.inner_header { background-color: var(--white); position: static; }
header.inner_header nav ul li a { color: var(--black); }

.inner_banner > img { display: block; width: 100%; }
.inner_banner { position: relative;margin-bottom: 90px; }
.inner_banner_nav { position: absolute; top: 0px; left: 0;width: 100%;height: 100%;  }
.inner_banner_nav ul { display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center;margin-top: 20px;  }
.inner_banner_nav ul li { padding: 0 10px;position: relative; }
.inner_banner_nav ul li:not(:last-child):before { content: "";position: absolute; top: 0;right: 0;width: 1px;height: 100%;background-color: #fff;  transform: rotate(25deg);}
.inner_banner_nav ul li a { color: #fff;font-size: 18px; font-family: 'Cormorant Garamond', sans-serif; transition: .5s;  }
.inner_banner_nav ul li a:hover { color: var(--yellow);  }
h1.inner_bottom_btn { text-transform: uppercase; color: var(--white); background-color: var(--lgreen);padding: 26px 31px; position: absolute; left: 50%;bottom:0;transform: translate(-50%,50%); font-family: 'Fira Sans', sans-serif;font-size: 35px;line-height: 1;transition: .5s; text-align:center;}
h1.inner_bottom_btn:hover { background-color: var(--orange); }

.ways .history_head h1 { text-align: center; color: var(--black); }



.donation_sec { max-width: 950px; width: 100%; margin: auto; }

.donation_cont:not(:last-child) { border-bottom: 1px solid #f4f4f4; }
.advocate_sec { border-bottom: 1px solid #f4f4f4; margin-top: 55px;padding-bottom: 25px; }
.donation_cont h5 { font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.3;
    color: var(--dgreen);
    margin-bottom: 15px; }
.donation_cont p, .donation_cont li { font-family: 'Cormorant Garamond', sans-serif;font-weight: 400; 
font-weight: 400;
    color: var(--black);
    font-size: 18px;
    line-height: 1.6;
    margin-bottom:15px;
}
.donation_cont li { list-style-type: disc;margin-left:20px;margin-bottom:5px; }
.donation_cont a * , .donation_cont p * { }
.donation_cont a { font-family: 'Cormorant Garamond', sans-serif;font-weight: 700; font-size: 18px; line-height: 1.4;color: #007115;display: inline-block; }
body .evets_con h5 a { font-family: 'Fira Sans', sans-serif !important;font-weight: 500;color: var(--dgreen) !important; } 
.res_c_cont span.arrow:before {     background-color:#007115 !important; }
.res_c_cont span.arrow:after {     background-color:#007115 !important; }
.res_c_cont span.arrow {     background-color:#007115 !important; }

.stock_g { padding: 38px 0; }
.donation_cont p em { font-style: italic;}


.donations_details ul { margin-bottom: 40px; }
.donations_details > ul li p, .donations_details ul + p { margin-bottom: 0px; }
.donations_details ul li p a { margin-bottom: 0; color: var(--black);transition: .5s;font-family: 'Fira Sans', sans-serif;font-weight: 400;font-size: 16px; margin-right: 17px; }
.donations_details ul li p a:hover { color: var(--orange); }
.donations_details ul:nth-last-child(2) { margin: 0; }
.donations_details ul.flx { display: flex;display: -webkit-flex; }
.donations_details ul.flx { display: flex;display: -webkit-flex; }

.advocate_img { max-width: 267px;width: 100%;height: 267px; }
.advocate_img img { width: 100%;display: block;height: 100%;object-fit: cover; }
.advocate_cont a { transition: .5s; vertical-align: middle; }
.advocate_cont a:hover { color: var(--black); }


.mahalo { padding: 60px 0; margin-bottom: 120px; }
.mahalo h3 { font-family: 'Fira Sans', sans-serif;font-weight: 500; font-size: 28px;line-height: 1.3; color: var(--black);text-transform: uppercase; text-align: center;}

/*

font-family: 'Cormorant Garamond', sans-serif;
font-family: 'Fira Sans', sans-serif;
font-family: 'Vollkorn', serif;
font-family: 'Cormorant Garamond', sans-serif;

*/




.donation_cont blockquote { border-left:  3px solid #9cbfb4; padding-left: 22px; margin-bottom: 60px;}
.donation_cont blockquote h4 { font-family: 'Fira Sans', sans-serif;font-weight: 300; font-style: italic; font-size: 20px; line-height: 1.5; color: var(--dgreen); }
.donation_cont blockquote h4:not(:last-child) { margin-bottom: 40px;  }
.donation_sec.think { max-width: 100%; }
.slider_sec { box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);margin-bottom: 65px; }
.slider_sec .slider { width: 100%;height: 408px; overflow: hidden; }
.slider_sec .slider img { width: 100%;height: 100%; display: block;object-fit: cover; object-position: top; }
.slider_caption { padding: 10px;  }
.slider_caption p { margin: 0; color: var(--dgreen);  }
.history_gallery_think { margin-bottom: 150px; }

.think .row .donation_cont { max-width: 750px; width: 100%; }

.events_card  { display: flex; display: -webkit-flex; box-shadow: 0px 1px 5px rgba(0,0,0, 0.2);margin-bottom: 21px; }
.events_card .year_sec { background-color: #9cbfb4; width: 65px; display: flex;display: -webkit-flex; flex-direction: column;-webkit-flex-direction: column; align-items: center; -webkit-align-items: center;  }

.year_sec span { padding: 22px 0 11px;font-family: 'Cormorant Garamond', sans-serif;font-weight: 400; font-size: 18px;color: var(--black);position: relative; }
.year_sec span:first-child:before { content: "";width: 44px; height: 9px; background-image: url("assets/images/1-wave.png");background-repeat: no-repeat;background-size: cover; position: absolute; top: 100%; left: 50%;transform: translateX(-50%); }

.evets_con { padding: 17px; }
.evets_con h5 { margin-bottom: 0px;line-height: 1.5;font-size:16px; color: var(--dgreen); }
.evets_con p  { margin-bottom: 5px; }
.evets_con > a { margin:20px 0 0 0; }
.evets_con em { font-family: 'Cormorant Garamond', sans-serif; font-weight: 400; font-size: 14px; color: #717171;line-height: 1.4; }

.ways.history {   padding: 50px 0; }

/*=====================================our staff CSS======================*/


/*

font-family: 'Cormorant Garamond', sans-serif;
font-family: 'Fira Sans', sans-serif;
font-family: 'Vollkorn', serif;
font-family: 'Cormorant Garamond', sans-serif;

*/

.img_sec { width: 100%;margin-bottom: 60px; }
.img_sec img { width: 100%; display: block; }
.our_mission { text-align: center; margin-bottom: 40px; }
.our_mission.last {margin-bottom: 90px;}
.our_mission h5 { font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.3;
    color: var(--dgreen);
    margin-bottom: 15px; }
.our_mission p { font-family: 'Cormorant Garamond', sans-serif; font-weight: 400; color: var(--black);font-size: 18px;line-height: 1.6;     }
.our_mission:last-child { border-bottom: 1px solid #f3f3f3;padding-bottom: 128px; }

.story_cont_img { width: 100%; position: relative;height: 100%; }
.story_cont_img > img { position: relative;z-index: 1;display: block; }
.story_cont_img > img:last-child { position: absolute; bottom: 0%;right: 0;z-index: 2;display: block; }
.story_cont { margin-left: 10px; }
.story { padding-bottom: 120px; border-bottom: 1px solid #f4f4f4; margin-bottom: 60px; }
.story.our_logo .story_cont_img > img { position: static; }
.story.our_logo .row { -webkit-align-items: center; -moz-align-items: center;-ms-align-items: center;-ms-flex-align: center;align-items: center; }



.staff_sec { margin: 60px 0; }
.staff-cont.donation_cont {  margin-bottom: 60px; border-bottom: none; }
.staff-cont h2, .staff-cont h2 * { font-family: 'Fira Sans', sans-serif;font-size: 28px; font-weight: 500; line-height: 1.3; color: var(--dgreen);margin-bottom: 10px; }
.staff-cont h6, .staff-cont h6 *  { font-family: 'Cormorant Garamond', sans-serif;font-size: 22px; font-weight: 400; line-height: 1.3; color:#000;margin-bottom: 10px; }
.staff-cont > a { font-family: 'Cormorant Garamond', sans-serif;font-size: 18px; font-weight: 400; line-height: 1.6; color: var(--orange);margin-bottom: 10px; }


.container .staff-cont_right { background-color: #bad2ca; padding: 40px 0;position: relative; }
.container .staff-cont_right ul { list-style-type: none; margin: 0}
.container .staff-cont_right:before { content: "";background-color:#bad2ca;width: 100%; height: 100%; position: absolute; top: 0; right: -100%; }
.container .staff-cont_right h6 { color: var(--dgreen); font-size: 16px; line-height: 2.2;font-family: 'Fira Sans', sans-serif;font-weight: 700;  }
.container .staff-cont_right h6 { padding-left: 50px;  }
.container .staff-cont_right ul li { padding-left: 50px;border-bottom: 1px solid var(--white);position: relative; }
.container .staff-cont_right ul li.current-menu-item:before { content:"\f060";font-family: "fontAwesome";position: absolute;left: 25px; top: 50%;color: var(--dgreen);transform: translateY(-50%);  }
.container .staff-cont_right ul li a { font-family: 'Cormorant Garamond', sans-serif; font-size: 18px;font-weight: 400; color: var(--black); line-height: 1.6; padding: 20px 0; display: inline-block; }

.annual_heading h2, .annual_heading h2 * { font-family: 'Fira Sans', sans-serif;font-weight: 500; font-size: 18px; line-height: 1.3; color: var(--dgreen); }
.annual_right h3, .annual_right h3 * { font-family: 'Fira Sans', sans-serif;font-weight: 500;font-size: 28px; line-height: 2.2;color: var(--dgreen);margin-bottom: 7px; }
.annual_card { padding: 70px 0 25px; border-bottom: 1px solid #f4f4f4; }
.annual_report_sec { margin: 140px 0; }

.annual_left { margin-right: 25px; }
.annual_left img { width: 100%; }


.news_index_dec .inner_banner_nav { height: auto; }
.f_story h5 { font-family: 'Fira Sans', sans-serif;font-weight: 700; font-size: 18px; line-height: 2.2; color: var(--orange);margin-bottom: 80px; }
.f_story h2, .f_story h2 a { font-family: 'Fira Sans', sans-serif;font-weight: 500; font-size: 28px; line-height: 1.3; color: var(--dgreen);margin-bottom:10px; }
.f_story em { font-family: 'Cormorant Garamond', sans-serif;font-weight: 600; font-size: 14px; line-height: 1.4; color: var(--orange);margin-bottom: 10px;display: block; }

.f_story_img { width: 100%;margin-left: 50px; }
.f_story_img img { width: 100%;height: 100%;display: block; object-fit: cover; }

.news_index_dec .inner_banner_nav ul li a { color: var(--black); }
.news_index_dec .inner_banner_nav ul li:not(:last-child):before { background-color: var(--black); }

.news_index_con .f_story { margin-bottom: 20px; }
.news_index_con .donation_cont { border-bottom: none; max-width: 790px;width: 100%; }
.news_index_img { margin-bottom: 30px; }

.news_index_img img { width: 100%; display: block; }

.input_select { width: 100%;margin-bottom: 40px; }
.input_select select { width: 100%; padding: 10px 5px; font-family: 'Cormorant Garamond', sans-serif;font-size: 18px; color: var(--black); line-height: 1.6;box-shadow: 0px 1px 5px rgba(0,0,0, 0.2); border: none; }

.news_story_dec {text-align: center; }
.news_story_dec .f_story { max-width: 1060px;margin: 0 auto; }
.news_story_dec .f_story_img { margin: 0; }
.news_story_dec .f_story h2,  .news_story_dec .f_story h2 * { max-width: 770px;width: 100%; margin: auto;margin-bottom: 20px; }
.news_story_dec .f_story_img { margin-top: 50px; }

.story_cont_story { max-width: 1060px; width: 100%;margin: auto; }

.story_cont_story { margin-bottom: 140px; }
.story_cont_story .donations_details p:nth-last-child(2){ margin-bottom: 15px; }
.news_story_bottom_nav ul { display: flex;justify-content: space-between;display: -webkit-flex;-webkit-justify-content: space-between;    padding: 30px 0; border-top: 2px solid #f4f4f4; }
.news_story_bottom_nav ul li { position: relative;list-style-type:none; } 
.news_story_bottom_nav ul li.prev_post { padding-left: 25px; }
.news_story_bottom_nav ul li.next_post { padding-right: 25px; }
.news_story_bottom_nav ul li.prev_post:before { content: "\f060";font-family: "fontAwesome";position: absolute; top: 0; left: 0; font-size: 15px; color: var(--black);} 
.news_story_bottom_nav ul li.next_post:before { content: "\f061";font-family: "fontAwesome";position: absolute; top: 0; right: 0; font-size: 15px; color: var(--black);} 
.news_story_bottom_nav ul li:not(.active) a { color: var(--black); } 

.news_story_bottom_nav ul li:hover a { color: var(--orange); } 

.news_story_bottom_nav { margin-top: 140px; }

/*

font-family: 'Cormorant Garamond', sans-serif;
font-family: 'Fira Sans', sans-serif;
font-family: 'Vollkorn', serif;
font-family: 'Cormorant Garamond', sans-serif;

*/

.filter_sec { background-color: #bad2ca;max-width: 950px; margin: auto; }
.filter_sec form { display: flex; justify-content: space-between; align-items: center; display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: center; padding: 25px 30px; margin-bottom: 80px; }
.filter_sec form h2 { font-family: 'Fira Sans', sans-serif;font-weight: 700;font-size: 18px;color: var(--dgreen);line-height: 2.2; }
.filter_sec form select { max-width: 214px;width: 100%; padding: 10px 5px;border: none;font-family: 'Cormorant Garamond', sans-serif; font-weight: 400; line-height: 1.3; font-size: 18px; color: var(--black);height: 45px; }
.filter_sec form input[type="search"] { max-width: 390px;width: 100%; padding: 10px 5px;border: none;font-family: 'Cormorant Garamond', sans-serif; font-weight: 400; line-height: 1.3; font-size: 18px; color: var(--black); height: 45px; }

.filter_sec form input[type="submit"] { border-radius: 25px; background-color: var(--orange);color: var(--white);padding: 25px 35px;padding: 13px 35px;    border: none;font-family: 'Fira Sans', sans-serif;transition: .5s; }
.filter_sec form input[type="submit"]:focus { outline: none; }
.filter_sec form input[type="submit"]:hover { background-color: var(--dgreen); }

.res_card { max-width: 390px; width: 100%; box-shadow: 0px 1px 5px rgba(0,0,0, 0.2);margin-bottom: 60px;width: 33%; }
.res_c_img { width: 100%;border-bottom: 10px solid #55a88e; }
.res_c_img img { width: 100%;display: block; }
.res_c_cont { padding: 30px 25px;max-width: 250px; }
.res_c_cont a { margin-bottom: 0px; }
.res_card_sec { margin-bottom: 170px; display: flex; justify-content: space-between;flex-wrap: wrap; flex: 0 0 33%; }
.res_c_cont h5 { position: relative; }
.res_c_cont h5:before { content: "";width: 30%; height: 1px; background-color: #e8e8e8; position: absolute; left: 0; bottom: 0; }


.res_card_nav, .res_card_nav ul { display: flex; justify-content: space-between; align-items: center; display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: center;position: relative; }
.res_card_nav { margin-bottom: 170px; }
.res_card_nav > a:first-child { transform: rotate(-180deg);}
.res_card_nav ul li { width: 45px; height: 45px; border-radius: 50%;transition: .5s; display: flex; justify-content: center; align-items: center;display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; }
.res_card_nav ul li.active { background-color: #9cbfb4; }
.res_card_nav ul li a { font-family: 'Cormorant Garamond', sans-serif;font-size: 14px; line-height: 1.4; color: var(--black);display: block; }
.res_card_nav span.arrow, .res_card_nav span.arrow:before, .res_card_nav span.arrow:after { background-color: var(--black); }
.history_gallery .g_card img { width: 100%;display: block;height: 100%; object-fit: cover;-webkit-transition: all .5s ease-in-out;-webkit-filter: grayscale(0); }
.history_gallery .g_card:hover img { filter: none;-webkit-transform: scale(1.2);filter: gray;-webkit-filter: grayscale(1); }





/*-------------------------New CSS------------------------------*/
.menu-item-has-children a svg {display : none; }
.logged-in header { top : 32px; }
.navigation  h2.screen-reader-text { display : none; }
.navigation  .nav-links a svg  { display : none; }
.inner_banner_nav ul li span { color: #fff;font-size: 18px; font-family: 'Cormorant Garamond', sans-serif;transition: .5s; }
.history_head h2 {font-family: 'Fira Sans', sans-serif;line-height: 1.3;font-size: 28px;font-weight: 500; text-align: center;color: var(--dgreen);padding:20px 0 10px 0; }

.inner_banner_nav.grey_breadcrumb  ul li span { color: var(--gray); }
.inner_banner_nav  ul li.current-item span { font-weight: 700; }

.navigation.pagination { width: 100%; }
.res_card_nav.posts_pagination .nav-links { width: 100%; display: flex;justify-content: center; display: -webkit-flex;-webkit-justify-content: center; }
.res_card_nav.posts_pagination .nav-links .page-numbers, .res_navigation .page-numbers { width: 45px;height: 45px;border-radius: 50%;transition: .5s;display: flex;justify-content: center;align-items: center;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center; }

.res_card_nav.posts_pagination .nav-links .page-numbers.current ,  .res_navigation .page-numbers.current { background-color: #9cbfb4; }
.res_card_nav.posts_pagination .nav-links .prev.page-numbers,  .res_navigation .prev.page-numbers { transform: rotate(-180deg);position:absolute;left:0;}
.res_card_nav.posts_pagination .nav-links .next.page-numbers, .res_navigation .next.page-numbers { position:absolute;right:0; }


.res_card_nav.res_navigation { justify-content: center;-webkit-justify-content: center; }


.images_sec { width: 100%; height: 358px; padding: 5px; }































/*=================== Sample Page CSS  ====================*/
body * { font-family: 'Cormorant Garamond', sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: 'Fira Sans', sans-serif; margin-bottom:20px;line-height:1;color:var(--dgreen); }
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-family: 'Fira Sans', sans-serif;font-style:italic;  }
h1 { font-size:60px;}
h2 { font-size:48px;}
h3 { font-size:38px;}
h4 { font-size:28px;}
h5 { font-size:20px;}
h6 { font-size:15px;}


.inner_content h1 , .inner_content h2 , .inner_content h3 , .inner_content h4 , .inner_content h5 , .inner_content h6 { font-family: 'Fira Sans', sans-serif;
    line-height: 1.3;
    font-size: 28px;
    font-weight: 500;    color: var(--dgreen);
}
.inner_content h1 *, .inner_content h2 *, .inner_content h3 *, .inner_content h4 *, .inner_content h5 *, .inner_content h6 * { font-family: 'Fira Sans', sans-serif;  line-height: 1.3;
    font-size: 28px;
    font-weight: 500;    color: var(--dgreen);}

.inner_content h1 { font-size: 60px; line-height: 1; margin-bottom: 20px; }
.inner_content h2 { font-size: 48px; line-height: 1; margin-bottom: 20px; }
.inner_content h3 { font-size: 38px; line-height: 1; margin-bottom: 20px; }
.inner_content h4 { font-size: 28px; line-height: 1; margin-bottom: 20px; }
.inner_content h5 { font-size: 20px; line-height: 1; margin-bottom: 20px; }
.inner_content h6 { font-size: 15px; line-height: 1; margin-bottom: 20px;}
.inner_content p, .inner_content p *{ font-size: 18px; line-height: 1.5; font-family: 'Cormorant Garamond', sans-serif; margin-bottom: 20px;  }
.inner_content p em {font-style:italic;}
.inner_content li  { font-size: 18px; line-height: 1.5; font-family: 'Cormorant Garamond', sans-serif;   }
.inner_content p i {font-style:italic;}
.inner_content p b, .inner_content p strong {font-style:bold;}
.inner_content ul {list-style-type: disc;  margin-bottom: 20px; list-style-position: inside; }
.inner_content ol {    margin-bottom: 20px; list-style-position:inside;  }

.inner_content table { width: 100%; margin-bottom: 20px;font-family: 'Fira Sans', sans-serif; }
.inner_content table th, .inner_content table td,  .inner_content table tr { border: 1px solid #000; padding: 5px; }

.inner_content blockquote { border-left:  3px solid #9cbfb4; padding-left: 22px; margin-bottom: 60px;}
.inner_content blockquote h4 { font-family: 'Fira Sans', sans-serif;font-weight: 300; font-style: italic; font-size: 20px; line-height: 1.5; color: var(--dgreen); }
.inner_content blockquote h4:not(:last-child) { margin-bottom: 40px;  }


.inner_content p a, .inner_content li a { color: #007115 }   
.inner_content p a:hover { color: #7e0560; }  
.log_btn a.cust_btn { font-family: 'Fira Sans', sans-serif; }
.g_card .g_bottom_cont p { display: none }
.history_gallery .g_card { flex: 1; overflow: hidden }
.history_gallery .g_card img { position:relative; z-index: 1 }
.history_gallery .g_card:first-child { flex: 1 }
.history_gallery .g_card .hover{ position: absolute; bottom: 0 }
.history_gallery .g_card:hover .hover{ z-index: 2 }
.history_gallery .g_card .g_bottom_cont { z-index: 3}
.think_events_home { margin-bottom: 80px }
#menu-side-menu ul li {     padding-left: 80px; }