/*
Theme Name: Megawide Foundation
Author: SiteOrigin
Author URI: https://siteorigin.com/
Theme URI: https://siteorigin.com/theme/corp
Description: SiteOrigin Corp Child Theme
Version: 1.0.0
Template: siteorigin-corp
Text Domain: siteorigin-corp
Domain Path: /languages/
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
.site {margin-top:10px;}
.site::before {content:""; position:absolute; top:0; left:0; width:100%; height:10px; background: linear-gradient(90deg, rgba(228,38,40,1) 0%, rgba(228,38,40,1) 50%, rgba(15,116,59,1) 50%, rgba(15,116,59,1) 75%, rgba(255,199,25,1) 75%, rgba(255,199,25,1) 100%);}

.site-branding {margin:auto !important; width:100%; max-width:400px !important;}    
.custom-logo {text-align:right !important;}
body.home .custom-logo {filter: contrast(100%) grayscale(100%) invert(100%) brightness(200%);}
body.single .content-area {margin-bottom:50px;}

.entry-thumbnail {border-top-left-radius: 30px; border-top-right-radius: 30px; overflow: hidden;}
article.post {border-radius:30px !important;}
article .corp-content-wrapper {border-radius:30px;}

h1.page-title {text-align:left !important;}

#mobile-navigation::before {content:""; position: absolute; top: 0 !important; left: 0; width:100%; max-width:500px!important; height: 50% !important;background-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/Foundation-horizontal-logo-FC.png) !important; background-size:80%; background-repeat: no-repeat; background-position: center;}

#mobile-navigation {max-width:350px !important; left:auto !important; right:0 !important; position:absolute !important; top:0px !important; background-color: rgba(255,248,225,.6)!important; padding:200px 20px 100px 20px; border-top-left-radius: 50px !important;border-bottom-left-radius: 50px !important; background-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/yellowheart2.png)!important; background-size: 350px !important; background-repeat: no-repeat !important; background-position: 100px 130%!important;backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);box-shadow: 0px 0px 20px rgba(0,0,0,.5);}
#mobile-navigation a {font-size:30px;color:#333 !important; text-transform: capitalize!important; line-height: 60px !important;border:none !important;}
#mobile-navigation ul li a {margin:0 !important;}
#mobile-menu-button::after {content:""; position: absolute; top: 0px; width:30px; height:30px; background: url(https://megawidefoundation.org/wp-content/uploads/2025/02/i-heart.png) center no-repeat; background-size:80%;}
#mobile-menu-button:hover::after {background-size:100%; transition: .5s;}
#mobile-menu-button {margin-right: 20px; position: relative;z-index: 20;}



.sticky {background-color:rgba(0,0,0,0) !important;}
.stuck {background-color:rgba(255,255,255,.1) !important;backdrop-filter: blur(10px)!important;padding:10px !important;transition: .5s; border-bottom:1px solid rgba(0,0,0,.1)!important;}
.stuck .site-branding {width:150px; transition: .5s;}
/*-------------------------------------------------------------- */

.heromainrow {}

.heroredimgtop,.heroyelimgtop,.herogrnimgtop,.heroyelimgtop2 {position:absolute; top:0; left:0; z-index:1; opacity: 0;width:100%; max-width:1366px; border-bottom-left-radius: 100px;border-bottom-right-radius: 100px; overflow: hidden; height:90vh; min-height:700px;}
.heroredimgtop {opacity: 1;}
.heroredimgtop img,.heroyelimgtop img,.herogrnimgtop img,.heroyelimgtop2 img {width:100% !important;}



/* testing for parallax */
.heromain {width:100%; max-width:1366px !important; margin:0 auto; position:relative;}
/*
.heromainbotrnd {width:100%; position: absolute; top:100vh; max-width:1366px; margin: auto; z-index: 1;}
.heromainbotrnd img {display: block !important; position:relative; top:-100%; width:101% !important;border-bottom:120px solid #faf1f0; }
*/

/*.heromain .so-widget-sow-editor {max-width:1366px !important; width:100%!important;}*/

.heromain img {display: block;}
.herowin {height:3000px; overflow:hidden; position: relative; }

.heroredf1, .heroyellowf1, .herogreenf1, .heroyellow2f1 {position:relative; z-index: 2; }

.herored {}
.heroyellow, .heroyellow2 {/*background-color: #ffc613;*/ height:3000px!important;}
.heroyellow2 {border-bottom-left-radius: 100px; border-bottom-right-radius: 100px;}
.herogreen {/*background-color:#0a733b;*/ height:3000px!important;}


.heroredimg,.heroyelimg,.heroyelimg2,.herogrnimg {position: absolute; top:0; right:0; width:100% !important;opacity:1;}
.heroyelimg,.heroyelimg2,.herogrnimg {opacity:0;}
.heroredimg img,.heroyelimg img,.heroyelimg2 img,.herogrnimg img {width:100%;}


.heroyellow .herotxt h1,.heroyellow2 .herotxt h1, .herogreen span, .herogreen h1
{opacity: 0; display: none; }
.herogreen span{color:#fff; width:50%; display: block; font-size:1.2em;}

.herotxt {z-index:3; max-width:1100px; width:100%; margin:0 auto !important; height:100vh; min-height: 700px; position:relative;}
.herowin h1 {width:55%; color:#fff; text-transform: uppercase; font-size: 3.8em; line-height:1em; position:absolute; top:45%; margin:0; transform: translate(0, -50%);}

.heroyellow h1,.heroyellow2 h1 {color:#333;}
.herowin h1 span {font-size:60px;}
.herowin h1 span.hspan2, .herowin h1 span.hspan3 {display: none; }
.herowin h1 span.hspan2 {display: block; font-size:18px; line-height: 28px; text-transform: none; max-width:500px; opacity:0;}


.herophotocont {position: absolute; right:0; top:0px; color:#fff; width:55%; z-index:3; height:100vh;}
.herophoto {position:relative; height:100%; top:20%;}
.herophoto img {position:absolute;}

.herored .herophoto1{
    -webkit-mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herored-f1-black.png); -webkit-mask-size: 100%;
    mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herored-f1-black.png); mask-size: 100%;
    mask-repeat: no-repeat; opacity:0;
}
.herored .herophoto2{
    -webkit-mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herored-f2-black.png); -webkit-mask-size: 100%;
    mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herored-f2-black.png); mask-size: 100%;
    mask-repeat: no-repeat; opacity:0;
}
.heroyellow .herophoto3{
    -webkit-mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herored-f3-black.png); -webkit-mask-size: 100%;
    mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herored-f3-black.png); mask-size: 100%;
    mask-repeat: no-repeat; opacity:0;
}
.heroyellow .herophoto4{
    -webkit-mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herored-f4-black.png);-webkit-mask-size: 100%;
    mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herored-f4-black.png); mask-size: 100%;
    mask-repeat: no-repeat; opacity:0;
}
.heroyellow2 .herophoto5{
    -webkit-mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herored-f5.1-black.png); -webkit-mask-size: 100%;
    mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herored-f5.1-black.png); mask-size: 100%;
    mask-repeat: no-repeat; opacity:0;
    width:80%;
    margin-left:50px;
    margin-top:50px;
}
.herogreen .herophoto6 {
    -webkit-mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herogreen-f6.1-black.png); -webkit-mask-size: 100%;
    mask-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/herogreen-f6.1-black.png); mask-size: 100%;
    mask-repeat: no-repeat; opacity:0;
}
.herobldg {position:absolute; top:0; left:0; width: 100%; max-width:1366px; margin:0 auto; z-index:1; height:100vh;text-align:right; }
.herobldgbgimg {background: url('https://megawidefoundation.org/wp-content/uploads/2025/02/megabuildbg2.png') right center no-repeat; background-size: 60%; width:100%; height:100vh;}
.herobldgbgimglight {background: url('https://megawidefoundation.org/wp-content/uploads/2025/02/megabuildbglight.png') right center no-repeat; background-size: 60%; width:100%; height:100vh; position: absolute; top:0; right:0; opacity:0;}
.herobldg img {display: none;}
/*.herobldg img {mix-blend-mode: multiply; width:65%; position:absolute; right:0%; top:50%;transform: translate(0, -50%); opacity: 1; filter: blur(0x);}*/
/*.heroblocks {position: fixed; bottom:0; left:0;z-index: 2; width:100%; text-align:right; max-width:1366px;left:50%;transform: translate(-50%,0);}*/
.heroblocks {position: absolute; height:100vh; min-height:600px; top:0; left:0;z-index: 2; width:100%; text-align:right; max-width:1366px;left:50%;transform: translate(-50%,0);}


/*.heroblocks {position: fixed; bottom:0; right:0;z-index: 2; width:50%; text-align:right; max-width:1366px;}*/
.hblkstil1 {background-color:#d03b31; width:50%; height:65px; border-radius: 14px; position: absolute; bottom:35px; right:0;}
.hblkstil2 {background-color:#d03b31; width:5%; height:65px; border-radius: 14px; position: absolute; bottom:35px; right:51%;}
.hblkmove1 {background-color:#f6c847; width:10%; height:52px; border-radius: 14px; position: absolute; bottom:66px; right:10%;}
.hblkmove2 {background-color:#ffffff; width:5%; height:52px; border-radius: 14px; position: absolute; bottom:41px; right:1%;}
.hblkmove3 {background-color:#327040; width:20%; height:52px; border-radius: 14px; position: absolute; bottom:14px; right:25%;}



@media (max-width: 640px) {
    .heroredimgtop,.heroyelimgtop,.herogrnimgtop,.heroyelimgtop2 {height:98vh !important; min-height:auto; border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;}
    .heroredimgtop img,.heroyelimgtop img,.herogrnimgtop img,.heroyelimgtop2 img {width:auto !important; height:100%; }
    
    .site-branding {max-width:200px !important;}
    .henvmimgc {right:0px !important;}
    .herowin h1 {top:40%; padding: 0 20px;}
    .herowin h1, .herowin h1 span{font-size: 40px !important; line-height:40px !important; text-align: center; width:100%;}
    .herowin h1 span.hspan2 {font-size:22px !important; line-height: 28px !important;}

    .herophotocont {width:100% !important; width:100%; position:absolute; z-index: 5;}
    .herophoto {width:550px;}
    .herophoto img {top: 50%; width:100% !important;position:relative; left:-11%;}
    img.herophoto1 {top: 70%;}
    
    h1 span.hspan3 {padding-bottom:100px;}
    .heroyellow h1,.heroyellow2 h1,.herogreen h1 {top:30%;}
    
    .herotxt {padding:0 !important; height: auto;}
    .herobldgbgimg {background-size: 200%; background-position: 80% 70% !important;}

    .heroredimg, .heroyelimg,.heroyelimg2, .herogrnimg {width:300% !important; opacity:.3 !important;}

    .heroblocks {width:160% !important; left:50px !important;}

    .henvwin {padding:0 !important;}

}
@media (max-width: 400px) {
    /*.heromainbotrnd img {top:-60% !important;}*/
    img.herophoto1 {top:58% !important; left:0% !important; width:70% !important; position: relative; z-index:-50 !important;}
    img.herophoto3 {top:40%; width:80% !important; left:-5% !important;}
    img.herophoto6 {top:40%; width:80% !important; left:-5% !important;}
    img.herophoto5 {top:40%; width:65% !important; left:-7% !important;}
    .herowin h1 span.hspan2 {font-size:14px !important; line-height:16px !important;}
}


/*=================
HEART SECTION
=================*/

/*.heartdetrow {height:5000px; background: url('https://megawidefoundation.org/wp-content/uploads/2025/02/bgheartanim.jpg') no-repeat 50% 40vh fixed;background-size: 50%;}*/
.heartdetbgimg {position:absolute; width:80%; left: 50%; transform: translate(-50%, 0);}
.heartdetrow {height:2500px;}
.heartdetmain {position:relative; margin: auto;max-width:100%;}
.heartlayer1 {height:300px; text-align:center;position:relative; top:50%;transform: translate(0, -50%);}
.heartlayer1:after,.heartlayer2:after {
    position:absolute;
    content:'';
    display: block;
    left:0;
    right:0;
    top:50%;
    background-color:#e22725;
    height:3px;
    z-index:1;
}
.heartlayer2 {height:300px !important; position:absolute; width:100%; top:50%; transform: translate(0, -50%); left:-100%; }
.hl2cont {height:300px;max-width:1366px; margin: auto;}
.heartdet {height:80vh; min-height:400px; }
.hearttxt {max-width:1200px; margin: auto; height:100%;}
.hearttxt h1{font-size: 3.8em; line-height:1.6em; font-weight:900; position:relative; top:60px;margin:0;}
.hearttxt2 {max-width:1600px; width:calc(100% - 300px);float: left; position:absolute; background-image: linear-gradient(to right, #f6c847, #fcf1f0); top:50%;transform: translate(-20%, -50%);
    font-size:22px;
    font-size:1.2vw;
    font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; color:#000; line-height:auto;
    width:100%;
}
.hearttxt2 h1 {display: inline-block;margin:0;
    font-size:50px; 
    font-size:3vw;
    vertical-align: middle;}


.hearttxt2 span {display: inline-block; vertical-align: middle; padding-left:5px;}
.hearttxt2a {width:35%; float: left; position:relative; padding:20px;left:20%; opacity: 0;}
.hearttxt2b {width:65%; float: left; position:relative; padding:20px;left:20%; opacity: 0;}
.heartimg {width:300px; position:relative; float: right;
    -webkit-filter: drop-shadow(20px 0px 0 #fcf1f0)
    drop-shadow(-20px -5px 0 #fcf1f0);
    filter: drop-shadow(20px 0px 0 #fcf1f0) 
    drop-shadow(-20px 5px 0 #fcf1f0);
    z-index:3;
}

@media (max-width: 640px) {
    .heartdet {height:100vh;}
    .heartlayer2 {height:100vh !important;}
    .hearttxt {max-width:300px;}
    .hearttxt h1{font-size: 1.9em; line-height:1.6em; font-weight:900; position:relative; top:60px;margin:0;}
    .heartdetrow {background-size:100%;}

    .hearttxt2a {float:unset !important; display: block !important; width:100%; margin-top:100px; padding:0 20px; left:0;}
    .hearttxt2b {float: unset !important; display: block !important; width:100%; padding:0 20px; left:0; bottom:0; position: absolute; margin-bottom:100px;}
    .hl2cont {width: 100%; height:100% !important;}
    .heartimg {float:none !important; top:50%; transform: translate(0, -50%) !important; width:50% !important; margin: 0 auto;}
    .hearttxt2 {font-size:22px !important; height:100vh !important; width:100% !important; top:0 !important; transform: none !important; text-align:center;}
    .hearttxt2 h1 {font-size:50px !important; line-height:50px; text-align:center; margin:0 !important; display: block; padding-top:20px;}
    .hearttxt2 span {display: block; text-align:center; line-height: 28px;}
    .heartlayer2:after {background: none;}
}

@media (max-width: 400px) {
    .heartimg {top:10%; width:20% !important; filter: none;}
}

/*=================
SCHOLARSHIP SECTION
=================*/
/*.hschrow {}*/
.hschmain {height:3500px; max-width: 1366px; position:relative; margin: auto; overflow:hidden;}
.hschwin {}
.hschcontimg {background:url('https://megawidefoundation.org/wp-content/uploads/2025/02/yelgradbg.jpg') no-repeat; background-size:100%; position: absolute; top:0; left:0 !important; width:100% !important;opacity:1; border-radius:100px; overflow: hidden; height:80vh; min-height:500px;}
/*.hschcontimg img {width:100%;display: none;}*/
.hschshadc {position: absolute; bottom:-33px; right:0;text-align:right;z-index:2; width:120%;}
.hschshadc img {display:block;}
.hschcont {z-index:5; position:relative; height:80vh;  min-height:500px; top:10% !important;}
.hschpcont {position:relative; margin-bottom:30px;}
.hschtxt {width:60%; padding:0 90px; font-size:18px; position:relative; top:50%;transform: translate(0, -50%);}
.hschtxt span{font-size:20px; text-transform: uppercase; color:#333; font-weight: bold!important;}
.hschtxt h1 {font-size:32px; line-height:40px; margin:0;}

.hschmimgc {position: absolute; top:-15%; right:0; color:#fff; width:40%; z-index:3; height:100vh; opacity:0;}
.hschmimgc img {border-radius: 30px; position:relative; width:90%; display: block;transition: 1s; margin: auto; position:relative;}
.hschpcont:hover img {width:100%; transition: 1s; box-shadow: 0 0 50px 15px #ffc300;}
.hschmimgtxt {position: absolute; z-index:2; left:50%; transform: translate(-50%, 0); bottom:0; width:90%; text-align:center; padding: 10px 0; font-size:18px; font-weight: 900;background-image: linear-gradient(to top, rgba(0,0,0,.5),  rgba(0,0,0,0)); border-bottom-left-radius: 30px;border-bottom-right-radius: 30px; opacity: 0; transition: 1s; }
.hschpcont:hover .hschmimgtxt {width:100%; opacity:1; transition: 1s;}
.hschmimg1 {width:50%;}
.hschmimg2 {width:50%;position:absolute; bottom:0;right:0;}
a.bschg {display: block; background-color: #46B23A; color:#fff; font-weight:900; border-radius: 50px; width:250px; padding:10px; text-align: center; font-size:24px; position:relative; overflow: hidden;}
a.bschg:hover {color:#fff; background-color:#09723A;}

/*a.bschg::before {content:""; width:250px; height:100%; background-color:#09723A; position:absolute; top:0; left:0; z-index: 1;}*/
a.bschg img {display: inline-block; vertical-align: middle;}

@media (max-width: 640px) {
    .hschwin {}
    .hschcont {height:100vh;top:0;}
    .hschtxt h1 {font-size:20px; line-height:24px; margin:0;}
    .hschtxt {width:100%; padding:0 30px; top: 0; transform: none !important; height:50vh; vertical-align: middle !important;display:table-cell;}
    .hschcontimg {height:100vh !important;background-size: cover; border-radius: 30px;}
    .hschmimgc {width:90%; height:50vh !important; overflow: hidden; top:50%; left:5%; border-top:1px solid rgba(0,0,0,.2);}
}


/*===================
ENVIRONMENTAL SECTION
===================*/
.henvhead {position:absolute; left:50%; transform: translate(-50%, 0); top:-290px; width:100%; max-width:1200px; z-index:1;}
.henvhead h1 {text-align:center;font-size: 3.8em; line-height:1.3em; margin: auto; position: relative;text-shadow: 2px 2px 20px #fff;}
.henvtrees {z-index:7; position:absolute; width:100%; max-width:800px; margin: auto; text-align:center; left:50%; transform: translate(-50%, 0); top:-100px;}
.henvtree {display:inline-block; background-color:#46B23A; width:150px;margin: 10px; text-align:center; border-radius: 20px; padding:30px 0; margin:3px;}
.henvtree h2 {font-size:140px; line-height:140px;color:#fff;margin:0;}
.henvtreetrow {font-size:24px; padding:20px 0; color: #1c3a23; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800;}

.henvplantcont {position:relative;}
.henvplantcontl {}
.henvplantcontl1 {position:absolute; left:0;}
.henvplantcontl2 {position:absolute; left:0;}
.henvplantcontl3 {position:absolute; left:0;}
.henvplantcontr {}
.henvplantcontr1 {position:absolute; right: 0;}
.henvplantcontr2 {position:absolute; right: 0;}
.henvplantcontr3 {position:absolute; right: 0;}

.henvmain {height:3000px; max-width: 1366px; position:relative; margin: auto; margin-top:0px; margin-bottom:0;}
.henvmainwin {}
.henvwin {z-index:6; position:relative; background: url('https://megawidefoundation.org/wp-content/uploads/2025/02/grngradbg.jpg') center top no-repeat; background-size: cover; border-radius:100px; padding:300px 0 150px 0;}
/*
.henvcontimg {position: absolute; top:0; right:0; width:100% !important;opacity:1; border-radius:100px; overflow: hidden; height:800px;}
.henvcontimg img {width:100%;}
*/
.henvcont {z-index:5; position:relative;}
.henvtxt {width:60%; padding:0px 100px; font-size:18px;}
.henvtxt span{font-size:20px; text-transform: uppercase; color:#333; font-weight: bold!important; color:#fff;}
.henvtxt h2 {font-size:32px; line-height:40px; margin:0; color:#fff;}
.henvmimgc {width:50%; right:-50px; position: absolute; top:0px;}
.henvmimgc img {border-radius: 50px;}

a.benvg {display: block; background-color: #FFDC70; color:#000; font-weight:900; border-radius: 50px; width:250px; padding:10px; text-align: center; font-size:24px; position:relative; overflow: hidden;}
a.benvg:hover {color:#000; background-color:#f6c847;}
a.benvg img {display: inline-block; vertical-align: middle;}

@media (max-width: 640px) {
    .henvhead h1 {font-size: 1.9em; line-height:1.6em;}
    .henvtrees {top: -50px;}
    .henvtree {width:15%; padding:3% 0;}
    .henvtree h2 {font-size:60px; line-height:60px;}
    .henvtxt h2 {font-size:20px; line-height:24px;}
    .henvtxt {width:100%; padding:150px 30px 50px 30px;position:relative;}
    .henvmimgc {width:90%;position:relative; margin:auto; padding-bottom:20px;}
    .henvwin {border-radius: 30px; background-position: top left;}
    .henvtreetrow {color:#1c3a23;}
}
/*===================
DISASTER SECTION
===================*/
.hdisrow { text-align:center;}
.hdismain { margin-top:100px; padding-top:50px; height:3500px;}
.hdismainwin {height:100vh;}
.hdishead {max-width:850px; margin: auto;}
.hdishead h1 {text-align:center;font-size: 3.8em; line-height:1.3em; margin: auto; position: relative;}

.hdisslidetxt {position:relative; top:50px; padding-top:60px;}
.hdisslidetxt h2 {font-size:50px; margin-bottom:20px;}
.hdisslidetxtcont {display: inline-block; width:250px; text-align:center; font-size:24px; line-height:28px; font-weight:bold; color:#333; vertical-align: top;}
.hdisslidetxt img {width:100px;}

.hdisflap {position:relative; top:-300px;}
.hdiswavesbg {background: url(https://megawidefoundation.org/wp-content/uploads/2025/02/d-wave1.png); background-size: cover; background-position: right;  width:100%;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(180,203,221,1) 51%, rgba(180,203,221,1) 100%);}
.hdiswaves {position: relative;max-width: 2000px; margin: auto; overflow: hidden; }
.hdiswaves img {display: block;}
.hdiswave1 {width:100%;}
.hdiswave1 img {width:100%;}
.hdiswave2 {width:186%; position: absolute; top:0; left:-60%; height:100%;}
/*.hdhiswave2 img {width:186%;position: absolute; top:0; left:-60%; height:100%;}*/
.hdiswave2 img {}
.hdiswave3 {width:188%;position: absolute; top:0; left:-5%; height:100%;}
/* .hdhiswave3 img {width:188%;position: absolute; top:0; left:-5%; height:100%;} */
.hdiswave3 img {}


.hdiswin {background-color:#B4CBDD;clear: both;}
.hdiscont {}
.hdistxt {width:100%; max-width:800px; margin: auto; padding: 0 30px 100px 30px}
.hdistxt span {font-size:20px; text-transform: uppercase; color:#333; font-weight: bold!important;}
.hdistxt h2 {font-size:32px; line-height:40px; margin:0; }


.hdisgallery {padding: 100px 0 100px 0;}
.hdisgallery img {border-radius: 50px;box-shadow: 0 0 15px #000; margin: 20px; width:90%;}


.hdismimgc {position:relative; max-width:1366px; margin: auto; display: none;}
.photo16by9 {width:100%; padding-top: 56.25%;}
.henvmimgcall {max-width:500px; width: 100%; background-size: cover; border-radius: 10%;}
.henvmimgc1 {position: absolute; top:10%; left:0;}
.henvmimgc2 {margin:auto; position:relative;z-index:1;max-width:700px;}
.henvmimgc3 {position: absolute; top:0; right: 0;}

.mwcontact {}


@media (max-width: 640px) {
    .hdisflap {height:100vh;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(180,203,221,1) 30%, rgba(180,203,221,1) 100%);}
    .hdisslidetxt {padding-top:20px; padding-bottom:40px; text-align:left;}
    .hdisslidetxtcont {}
    .hdisslidetxtcont:nth-child(1) {width: 50%; text-align: left; padding-left:30px;}
    .hdisslidetxtcont:nth-child(2) { width: 50%; display: block; position: absolute; right:20px; top:50%; transform: translate(0, -50%);}
    .hdisslidetxtcont:nth-child(2) img {width:80%;}
    .hdisslidetxtcont:nth-child(3) {width: 50%; text-align: left; padding-left:30px;}
    .hdishead h1 {font-size: 1.9em; line-height:1.6em;}
    .hdistxt h2 {font-size:24px; line-height:32px;}
    .hdisgallery {padding: 50px 0 30px 0;}

    .mwcontact h3.widget-title {font-size:42px!important; line-height:44px !important;}
}




/* ======================================================================================================================================================== */
.site-footer {background-color: rgba(0,0,0,.1) !important; margin-top:0 !important;
    background-image: url(https://megawidefoundation.org/wp-content/uploads/2025/02/mw-footer-background.jpg) !important; background-size: cover !important; background-position:center bottom !important;
}
.site-footer span.post-date {color:#fff !important; font-size:12px;}
.site-footer .widget_recent_entries ul li a {font-weight: bold;}
.site-footer .site-info a {color:#fff !important;}

.bottom-bar {background-color: rgba(0,0,0,.1) !important; color:#fff !important;}
.mwfooter {width:100%; max-width: 1100px; margin: auto; color:#fff; padding-top:100px; padding-bottom:100px; font-size:16px !important;}
.mwfooter img {opacity: .5; mix-blend-mode: luminosity;}
.mwfooter h3.widget-title {color:#fff;font-size: 3.8em; line-height:1.3em;}
.mwfooterinput label {color:#fff; font-size:20px;}
.mwfooterinput input, .mwfooterinput select, .mwfooterinput textarea {border-radius:10px;padding: 14px 10px !important;}
.mwfooterinput input, .mwfooterinput select {width:100%;}
.mwfooterinput .wpcf7-submit {width:auto; background-color: #46B23A;border-radius:50px; padding:20px 30px !important; text-align:center; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; text-transform:capitalize;font-size:24px;}
.mwfooterinput .wpcf7-submit:hover {background-color: green;}
/* ======================================================================================================================================================== */



.mwheadmain {max-width:1080px; margin: auto;}
.mwheadwin {color:#fff;}
.mwheadwin h2 {color:#fff; text-transform: uppercase; font-size:24px; margin: 0;}
.mwheadwin h3 {color:#fff;font-size: 3.8em; line-height:1em; margin:0; text-transform: uppercase; max-width:500px; }

.mhwh2blk h2 {color:#000 !important;}
.mhwh3blk h3 {color:#000 !important;}

.abtimgwin {background-size:100%; background-repeat: no-repeat; position:relative;padding-top:100%; margin-right: 20px; background-position: center center;}
@media (max-width: 640px) {.abtimgwin {padding-top:70%;}}
.abtimg1 {width:40%; border-radius:20px; position:absolute; top:55%; right:0; transform: translate(0, -100%);}
.abtimg2 {width:40%; border-radius:20px; position:absolute; top:80%; left:30%; transform: translate(0, -100%);}
.abtimg3 {width:40%; border-radius:20px; position:absolute; top:60%;; left:5%; transform: translate(0, -100%);}

.mwvalicwin {text-align: center; max-width:1080px;}
.mwvaliccont:hover {transition: 1s; box-shadow: 0 0 30px #ffc300; border:1px solid #ffc300; background-color:rgba(255,199,25,.1);}
.mwvaliccont img {transition: 5s;}
/*.mwvaliccont:hover img {transform: scale(1.5); transform-origin: 50% 50%; transition: 5s;}*/
.mwvaliccont {transition: 1s; overflow: hidden; border:1px solid #ccc; border-radius: 30px; display: inline-block; width:33%; text-align:center; padding:20px; margin-right:30px; margin-bottom:30px; width: calc(33% - 30px);}
.mwvaliccont:nth-child(3n) {margin-right:0px;}
.mwvaliccont span {font-weight:900; font-size:16px;}


.mwabtmasonry img {border-radius: 30px;}
.mwwindow {max-width:1080px; margin: auto; padding: 100px 0; border-bottom:1px solid #dedede;}

.mwhcenter {text-align:center;}
.mwheadtxt h3.widget-title {font-size: 3.8em; line-height:1em; text-transform: uppercase;}

.megavmcv h2 {text-transform: uppercase; font-size:24px; margin: 0;}
.megavmcv h3 {font-size: 2.6em; line-height:1em; margin:0; }

.insidehead h2 {text-transform: uppercase; font-size:24px; margin: 0;}
.insidehead h3 {font-size: 3.8em; line-height:1em; margin:0; text-transform: uppercase;}

.mwteamwin {}

.mwteam {width:calc(25% - 18px); border-radius: 30px; overflow: hidden; position:relative; padding-bottom:37%; margin-right:20px; display: inline-block !important;margin-bottom:20px;}
.mwteam:nth-child(4n) {margin-right:0px;}
.mwteam img {border-radius: 30px; width:70%; position: absolute; top:10%; left:50%; transform: translate(-50%, 0);}
.mwteam b {display: block; text-align:left; line-height:1.2em;}
.mwteam span {display: block; text-align:left; line-height:1.2em;}
.mwteamtxt {position:absolute; bottom:0; padding:30px; width:100%;}

.mwteam:hover {background-size: cover !important; transition:1s; background-position:center top !important;}
.mwteam:hover img {opacity:0;}
.mwteam:hover .mwteamtxt {color:#fff;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);}

@media (max-width: 640px) {
    .mwheadwin h3 {font-size: 2.8em;}
    .mwheadtxt h3.widget-title {font-size: 2.8em;}
    .megavmcv h3 {font-size: 1.6em; line-height:1.2em;; max-width:100%;}
    .insidehead h3 {font-size: 2.8em;}
    
    .mwvaliccont {width:calc(50% - 20px); margin: 0 0 20px 0;}
    .mwvaliccont:nth-child(2n) {margin-left:20px;}

    .sow-masonry-grid-item:nth-child(3),.sow-masonry-grid-item:nth-child(4) {width:100% !important;}
    .mwteam {width:calc(50% - 8px); padding-bottom:90%; margin: 0 10px 7px 0;}
    .mwteam:nth-child(2n) {margin-right:0px !important;}
}
/* ======================================================================================================================================================== */
.wwdintrorow {border-radius:30px; overflow:hidden;}
.wwdintrotxt {padding:20px;}
.wwdcolwin {border-radius: 30px; overflow: hidden; background-color:#fff;}
.wwdcolwin:hover {transition: 1s; box-shadow: 0 0 10px #ffc300;}

.wwdcolwinimg {background-size:100%; min-height:280px; position:relative;}
.wwdcwizooml {background-position: top right;}
.wwdcolwin:hover .wwdcolwinimg {transition: 5s;background-size:150%;}
.wwdcolwin:hover .wwdcwizooml {background-position: center center}
.wwdcolwinimg h3 {margin:0 !important; color:#fff; font-size:24px; line-height:28px; position:absolute; bottom:0; font-weight: normal; padding:20px;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%); width:100%;}
.wwdcolwintxt {padding:20px;}
.wwdcolwintxt .wwdspantxt {display: block; border-bottom:1px solid #dedede; min-height:250px; padding-bottom:20px; margin-bottom:10px;color:#333 !important;}
.wwdenvht span {min-height:120px;}
.wwdlink {color: #0000EE !important; font-weight: bold; font-size:13px;}

.wddpopup {border-radius: 30px; text-align:left !important; padding:0 !important; overflow: hidden;}
.wddpopuptxt {padding:20px;}
.wwdcolwin .su-lightbox {color:#333; font-size:12px; border:1px solid #333; border-radius: 20px; padding:5px 18px; display: inline-block; margin-bottom: 5px;}

.nwsbutton {color:#333 !important; font-size:12px; border:1px solid #333; border-radius: 20px; padding:5px 18px; display: inline-block; margin-bottom: 5px;}
.nwsbuttonwin {text-align:center;}
.nwsloopwin article {margin-bottom:0px !important;}
.nwsloopwin .corp-content-wrapper {border-top-left-radius: 0; border-top-right-radius: 0; padding-bottom:0 !important;}
.nwsloopwin .entry-thumbnail {max-height:500px;}
/* .nwsloopwin .entry-thumbnail a {transform: translate(0%, -20%);} */
@media (max-width: 1080px) {.nwsloopwin .entry-thumbnail a {transform: translate(0%, 0%);}}

.wddplus {display: inline-block; border:0px solid #333; color:#333; line-height:12px; font-size:14px; width:14px; height:14px; text-align:center; border-radius: 30px;}
/* ======================================================================================================================================================== */
/* NEWS */

body.page .blog-layout-grid article {width: 48.25%; }
body.page .blog-layout-grid article:nth-of-type(3n+1) {margin-right: 0; } 
body.page .blog-layout-grid article:nth-of-type(2n+1) {margin-right: 3.5%;}
body.page .blog-layout-grid article:nth-of-type(3n+3) {margin-left: 0; } 
body.page nav.pagination {display: none;}

.newsmain .entry-content {display: none;}
.newsmain .entry-header {margin-bottom:0;}
.nwscategwin a{text-transform: uppercase; color:#777 !important; font-size:12px; font-weight:bold; letter-spacing: 1px;}
.nwscategwin {line-height:16px;}

.su-lightbox-content-preview{width:100%;min-height:300px;background:#444;overflow:hidden; transition: 1s;}

@media (max-width: 480px) {
    body.page .blog-layout-grid article {width: 100%; margin-right:0 !important;}

}


.ezinelink {background-color:#000; position:relative;border-radius: 20px; overflow: hidden; padding-bottom:50%;}
.ezinelink img {opacity:.8; position:absolute; top:0; left:0;}
.ezinelink:hover img {opacity:.3;transition: .5s;}
.ezinelink a::after {content:"Click to view PDF"; color:#fff; position:absolute; z-index: 2 !important; border:1px solid red; width:200px; top:50%; left:50%; transform: translate(-50%, -50%); text-align:center; background-color:red; border-radius: 20px; padding: 10px 0; font-weight: bold;}


    /*
    .blog-layout-grid article {
        background: #fff;
        border: 1px solid #e6e6e6;
        margin: 0 0 30px;
        width: 31%; 
    }
    @media (max-width: 768px) {
      .blog-layout-grid article {width: 48.25%; } 
    }
      */
    /*@media (max-width: 480px) {
      .blog-layout-grid article {width: 100%; } 
    }
    .blog-layout-grid article:nth-of-type(3n+1) {margin-right: 3.5%; }
    

    @media (max-width: 768px) {
        .blog-layout-grid article:nth-of-type(3n+1) {margin-right: 0; } 
    }
    @media (max-width: 768px) {
      .blog-layout-grid article:nth-of-type(2n+1) {margin-right: 3.5%;}
    }
    @media (max-width: 768px) and (max-width: 480px) {
        .blog-layout-grid article:nth-of-type(2n+1) {margin-right: 0; } 
    }
    .blog-layout-grid article:nth-of-type(3n+3) {margin-left: 3.5%; }
    @media (max-width: 768px) {
        .blog-layout-grid article:nth-of-type(3n+3) {margin-left: 0; } 
    }
        */
    /*
    body.page-layout-default.sidebar .blog-layout-grid article {width: 48.25%; }
    @media (max-width: 480px) {
        body.page-layout-default.sidebar .blog-layout-grid article {width: 100%; } 
    }
    body.page-layout-default.sidebar .blog-layout-grid article:nth-of-type(3n+1) {margin-right: 0; }
    body.page-layout-default.sidebar .blog-layout-grid article:nth-of-type(2n+1) {margin-right: 3.5%; }
    */
    /*@media (max-width: 480px) {
        body.page-layout-default.sidebar .blog-layout-grid article:nth-of-type(2n+1) {margin-right: 0; } 
    }
    body.page-layout-default.sidebar .blog-layout-grid article:nth-of-type(3n+3) {margin-left: 0; }
    .blog-layout-grid article:only-child {margin: 0; }
    .blog-layout-grid article .entry-content {font-size: 14px; }
    .blog-layout-grid article .entry-title {font-size: 16px;margin: 0 0 3px 0; }
    .blog-layout-grid article .entry-thumbnail {margin: -1px; }
    .blog-layout-grid article .corp-content-wrapper {padding: 25px 30px 33px; }
    */

body.single-post .navigation {border-top:0;}
body.single-post article {background-color:#fff;}
body.single-post .entry-thumbnail {margin-bottom:0 !important;}
body.single-post .corp-content-wrapper  {padding:40px 20px 20px 20px; border-top:10px solid rgba(228,38,40,1); border-top-left-radius: 0; border-top-right-radius: 0;}

a.btnyellow {display: inline-block; background-color: #FFDC70; color:#333 !important; font-weight:900; border-radius: 30px; padding:10px 20px; text-align: center; font-size:16px; position:relative; overflow: hidden;}
a.btnyellow:hover {color:#000; background-color:#f6c847;}
a.btnyellow img {display: inline-block; vertical-align: middle;}

a.btnyellows {display: inline-block; border: 2px solid #FFDC70; color:#fff !important; font-weight:900; border-radius: 30px; padding:8px 20px; text-align: center; font-size:16px; position:relative; overflow: hidden;}
a.btnyellows:hover {color:#000; background-color:#f6c847;}
a.btnyellows img {display: inline-block; vertical-align: middle;}


/* ======================================================================================================================================================== */
.block-editor-page .wp-block[data-align="wide"] {
    max-width: none !important; }