/*
Theme Name: Megawide Construction
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://use.typekit.net/vrm1tnv.css");
@font-face { font-family: "Outfit-Thin"; src: url('Outfit-VariableFont_wght.ttf'); } 
@font-face { font-family: "Antonio-Regular"; font-weight: bold; src: url('Antonio-VariableFont_wght.ttf');}

body, div, a, p, span, h1, h2, h3, h4, h5, input, textarea {font-family: "dm-sans", sans-serif;}
b {font-weight:700;}
h1, h3 {font-family: "Outfit-Thin" !important;}


.site-branding {width:100%; max-width:270px !important;}


/*body.home .custom-logo {filter: contrast(100%) grayscale(100%) invert(100%) brightness(200%);}*/
body.single .content-area {margin-bottom:50px;}
div {font-size:18px; line-height:1.5em;}
#primary-menu ul li a {font-weight: 700;}
#primary-menu a {font-family: "Outfit-Thin";}


@media (max-width: 760px) {
    .stuck .corp-container{margin-left:0 !important; width:calc(100% + 20px) ; left:-10px;}
    #search-button {margin:0 !important;}
}
/*------*/

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

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



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


/*-------------------------------------------------------------- */
.buttonw {border-radius:100px; background-color:#fff; color: #ee2d26; display: inline-block; padding:10px 25px; text-transform: uppercase; font-size:12px; font-weight:bold; margin-bottom:15px;}
.btred {border-radius:100px; background-color: #ee2d26; color:#fff !important;}
.btblk {border-radius:100px; background-color: #000; color:#fff !important;}
.btred:hover {background-color: #ff6e69;}
.buttonws {border-radius:100px; display: inline-block; color:#fff !important; border:1px solid #fff; padding:9px 25px; text-transform: uppercase; font-size:12px; font-weight:bold; margin-bottom:15px;}
.buttonws:hover {background-color: rgba(255,255,255,.4);transition: 1s;}
.whtlink {color:#fff}
.blklink, .blklink:visited {color:#333}
.headtitletxt span {text-transform: uppercase; font-size:.8em;transition: 1s;font-family: "Outfit-Thin";} /*font-family: "gotham-xnarrow", sans-serif !important;*/
.headtitletxt h1 {font-size:3.2em; line-height:1em; font-weight:400 !important; margin:0; font-family: "Outfit-Thin";} /*font-family: "gotham-xnarrow", sans-serif !important;*/
.htwht h1 {color:#fff; font-family: "Outfit-Thin";} /*font-family: "gotham-xnarrow", sans-serif !important;*/
.txtwhite, .txtwhite h3 {color:#fff;}
.center {text-align:center;}
.center h1::after {margin:auto; margin-top: 20px;}
.htwht h1::after {background-color:#fff;}
/*-------------------------------------------------------------- */



/*BANNER CURVE*/
.mainherocont {padding:100px 100px 0 0; background-color:#eee; position:relative; z-index: 1; overflow: hidden;}
.mhcwhite {background-color:#fff;}
.mhcwred {background-color:#d3222a;}

/*BANNER PREFAB TEXTURE NAV+RIGHT*/

/*.fwpplmain::before,*/
.mainherocont::before,
.homewhoweare::before {
    content:""; display: block; position:absolute; top:0%; left:0%; z-index: 2 !important;  height:100%; width:100%;
    background-image: url(https://megawideconstruction.com.ph/wp-content/uploads/2025/08/texture-prefab-blk.png) !important;
    background-size: 100px; opacity: .2; 
} /*transform: rotate(20deg);height:calc(200% - 102px); width: calc(200% - 48px);*/

.homewhoweare::before {z-index:-2 !important;}
.homewhoweare::after {content:""; display: block; position:absolute; top:0%; left:0%; z-index: -1 !important;  height:100%; width:100%;
 background: linear-gradient(0deg,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
}
.mainherocont .so-widget-sow-hero {position:relative;}
@media (max-width: 760px) {
    .mainherocont {padding:100px 20px 0 0 !important;}
    .headtitletxt {font-size:1em;}
    .headtitletxt h1{font-size:2.2em;}
}
/*BANNER PREFAB TEXTURE BANNER*/
.mainherocont .sow-slider-image-wrapper {padding-bottom:0 !important;}
/*
.mainherocont .sow-slider-image-wrapper::before {
    content:""; display: block; position:absolute; top:-50%; left:-50%; z-index: -1 !important; height:calc(200% + 100px); width: calc(200% + 100px); 
    background-image: url(https://megawideconstruction.com.ph/wp-content/uploads/2025/08/texture-prefab-blk-1.png) !important;
    background-size: 100px; opacity: .2; transform: rotate(20deg);
}
*/
/*-------------------------------------------------------------- */

.sow-slider-pagination li {border:1px solid #fff; border-radius: 100%;}
.sow-slider-pagination li.sow-active a {background-color:#ee2d26 !important;}

.mainherocont h1 {position:relative; left:-8px; font-size:4em !important; line-height:1em !important;letter-spacing: -.02em; font-weight:400; font-family: "Outfit-Thin";}/*font-family: "gotham-xnarrow", sans-serif !important;*/
h1 span.strokext {font-family: "Outfit-Thin";}/*font-family: "gotham-xnarrow", sans-serif !important;*/
/*.mainherocont h1 span.strokext {-webkit-text-stroke: 2px white; color:rgba(0,0,0,0); font-family:Verdana, Geneva, Tahoma, sans-serif;}*/
/*.mainherocont h1::after {position:relative; content:""; display: block; width:80px; height:10px; background-color:#fff; margin:20px 0 0 7px; margin-bottom:30px;}*/

.mainherocont .sow-slider-images {background-color: #eee;}
.mhcwred .sow-slider-images {background-color: #d3222a !important;}
.mhcwhite .sow-slider-images {background-color: #fff;}
.mainherocont .sow-slider-image {border-top-right-radius: 100px;}
.mainherocont .sow-slider-image-container {
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.51) 50%, rgba(0, 0, 0, 0) 100%) !important;
    border-top-right-radius: 0px;
}
.mainherocont .sow-slider-image-wrapper {max-width:100% !important;}
.homebannercont {margin:auto; margin-top: 260px!important;max-width:1060px; position:relative;}
.homebancontr {min-height:550px; position:relative;}
.hbctxt {color:#fff; max-width:800px; position:relative;}
@media (max-width: 760px) {
    .mainherocont h1 {font-size:2em!important; line-height: 1em !important; left:0;}
    .mainherocont h1::after {left:50%; transform: translate(-55%, 0);}
}

/*
.hbcfoot {color:#333; text-transform: uppercase; font-size:.7em; position:absolute; z-index:20 !important;bottom:0!important;
	border-bottom: 30px solid #f9f9f9; border-left: 15px solid transparent; border-right: 15px solid transparent; height: 0; width: 300px; line-height:30px; text-align:center;
}
.hbcfoot span {color: red;}
*/

/*body.home {opacity:.5;}*/
.homenumbgimg {padding:20px;}
.homenumbers {}
.homenumbers img {width:100%;}
.homenumberstxt div {font-size: .9em !important; line-height:1.4em;}
.homenumberstxt b {color:#000; margin-bottom:5px; display: inline-block; font-size:1.4em; font-weight:600;}
.homenumberstxt h3 {font-size:4em; letter-spacing: .02em; line-height:1em;color:#9c9ea6; font-family: "Antonio-Regular" !important; font-weight:900; margin-bottom:12px;}
.homenumberstxt span {font-size:2em !important; display: inline-block; color:#ee2d26 !important; font-weight: 900;}

.animheng {position:relative; z-index: 1;}

#innovationrow {}
/*
#innovationrow {background: linear-gradient(90deg,rgba(155, 24, 30, 1) 0%, rgba(211, 34, 42, 1) 25%, rgba(211, 34, 42, 1) 75%, rgba(155, 24, 30, 1) 100%); position:relative;}
#innovationrow::before {content:""; width:100%; height: 100%; position:absolute; z-index:0;
    background: repeating-linear-gradient(45deg, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.3) 1px, rgba(0,0,0,0.3) 1px);}
*/

.innovslider .sow-slider-base {}
.innovslider .sow-slider-image {background: none !important}
#innovslide {background-color:#fff; border-radius: 30px; overflow: hidden; background-size: cover;}
.innovinnertxtbx {padding:100px 30px 10px 30px; margin-top:300px;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);}
.innovinnertxtsub {display: none;}
/*test*/

.innovcarousel {}
.innovcarousel .so-widget-sow-anything-carousel {}
.innovcarousel .sow-carousel-container {}
.innovcarousel .sow-carousel-wrapper {overflow: visible !important; POSITION:RELATIVE;}
.innovcarousel .sow-carousel-items {background-color:#fff; border-top-left-radius: 50px; overflow: hidden; margin: 0 10px 10px 10px !important;}
.innovcarousel .sow-carousel-item {margin:0 !important;}

/*---- nav ----*/
.innovcarousel .sow-carousel-navigation {position: absolute; left:30px; bottom:30px; z-index:3;}
.innovcarousel .sow-carousel-navigation-next {left:140px;}
.innovcarousel .slick-dots {position: absolute !important; bottom:40PX; left:-58.5%; text-align:left !important;}
/*---- end nav ----*/

.abtcarousel {}
.abtcarousel .slick-dots {left:-65.5%; padding-left:45px !important;}
.abtcarousel .sow-carousel-navigation {left:30px;}
.abtcarousel .sow-carousel-navigation-next {left:155px;}

.abtcarslinnrcont {}
.abtcicontl {display: inline-block; width:49%; vertical-align: middle;}
.abtcicontr {display: inline-block; width:49%; padding:20px 20px 50px 20px; vertical-align: middle;}
/*-------*/
/*.innovcarousel .sow-carousel-item {border:1px solid green; max-width:960px;}*/
.innovinnercontainer {max-width:1080px; margin:auto; border-top-left-radius: 50px; background-size: cover;background-position: right center; overflow:hidden;}

.so-widget-sow-anything-carousel .sow-carousel-container a.sow-carousel-next:after,
.so-widget-sow-anything-carousel .sow-carousel-container a.sow-carousel-previous:before {font-family:'anything-carousel-arrows'!important;}

@media (max-width: 760px) {
    .homenumberstxt h3 {font-size:3em;}
    .homenumberstxt b {font-size:1em;}

    .homebannercont {margin-top: 50px!important;}
    .mainherocont .sow-slider-image {border-top-right-radius: 50px;}
    .hbctxt {padding: 0 35px !important;}
    /*---- nav ----*/
    .innovcarousel .sow-carousel-wrapper {}
    .innovcarousel .sow-carousel-container {position:relative;}
    .innovcarousel .sow-carousel-navigation {top:-85px !important; left:auto!important;right:30px !important;}
    .innovcarousel .sow-carousel-navigation-prev {right:140px !important;}
    /*.innovcarousel .slick-dots {top:-75px !important; left: calc(100% - 130px) !important;}*/
    .innovcarousel .slick-dots {top:-75px !important; left:unset; text-align:right !important; padding-right:75px !important;}

    .abtcicontl {display: block; width:100%;}
    .abtcicontr {display: block; width:100%; padding:20px 20px 50px 20px;}

    .abtcarousel .sow-carousel-navigation {top:-55px !important; right:10px !important;}
    .abtcarousel .sow-carousel-navigation-prev {right:135px !important;}
    .abtcarousel .slick-dots {top:-45px !important; left: unset !important; padding-right: 53px !important}
    /*-------*/
    .innovinnercontainer {padding:0 !important; position:relative;overflow:hidden;}
    /*.innovinnertxtbx {position: absolute; bottom:0px; width:100%; border-radius: 0px; background-color:rgba(255,255,255,.9); box-shadow: none;}*/
    .innovinnertxtbx h3 {margin:0;}
    .innovinnertxtsub {display: none;}
}

/*end test*/

/* start pill */
.mixedpill {display: inline-block; background-color:#231F20;border-radius: 10px; text-transform:uppercase;}
.mixedpillblk {display: inline-block; padding:3px 10px;font-size:.8em;}
.mixedpillred {display: inline-block; background-color:#ee3124; padding:4px 10px; border-radius: 10px;font-size:.8em;}

/* start construction categs links*/
.fwctopmainlinks {text-transform:uppercase; font-size: .8em; margin-bottom:10px;padding:20px 20px 0 20px; overflow:hidden; margin-right:10px; position:relative; z-index:0;}
.fwctopmainlinks::after {content:""; width:100%; position:absolute; height:3px; bottom:-2px; left:0; background-color: #dedede;z-index:0;}
.fwctopmainlinks a {padding:15px 20px;color:#333 !important; display: inline-block;}
.fwctopmainlinksactive {border:1px solid #dedede; border-width: 1px 1px 0 1px; border-top-left-radius:10px;border-top-right-radius:10px; font-weight:bold;
    position:relative;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
}
.fwctopmainlinksactive::after {content:""; width:100%; position:absolute; height:3px; bottom:-2px; left:0; background-color: #f9f9f9;z-index:5;}


.fwconstructmainlnk {color:#fff !important; display: block; padding-top:300px; background-size:cover; background-position: center; border-top-right-radius: 100px;}
.fwconstructmainlnk:hover {box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.3); }
.fwconstruct {}
.fwconstructbox {background-position: bottom; color:#fff; text-transform: uppercase; font-size:.5em;}
.fwconstructbox h3 {color:#fff; text-transform: uppercase; border-bottom: 1px solid #ee2d26; font-size:1.5em; line-height:1em; margin:0 0 20px 0; padding-bottom:10px;}
.fwconstructtxt {padding:100px 20px 20px 20px; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 50%, rgba(0, 0, 0, .8) 100%);}
.fwconstructstxt {text-transform: uppercase; font-size:.7em; min-height:60px;font-family: "Outfit-Thin";}
.fwconsbut {float:right; width:150px; font-size:.9em; text-align:right; font-weight:900; vertical-align:bottom;}
.fwconsbut img {width:40px; vertical-align: middle;}
/* end construction categs links*/

/* start single proj links*/
.fwconstructmainlnkS {color:#fff !important; display: block; background-size:cover; background-position: left; transition: 10s; border-radius: 50px; overflow:hidden; min-height:550px; position:relative;}
.fwconstructmainlnkS:hover {background-position: right;transition: 10s;}
.fwconstructS {}
.fwconstructboxS {color:#fff; font-size:.5em;}
.fwconstructboxS h3 {color:#fff; text-transform: capitalize; font-size:1.5em; line-height:1em; margin:0 0 0px 0; padding-bottom:10px;}
.fwconstructtxtS {padding:100px 20px 20px 20px; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 30%, rgba(0, 0, 0, .8) 100%); position:relative; top:310px; height:500px; transition: .6s;}
.fwconstructmainlnkS:hover .fwconstructtxtS {top:50px; transition: .6s;}
.fwconstructstxtS {font-size:.7em; min-height:60px;}
.fwconsbutS {font-size:.9em; text-align:right; font-weight:900; vertical-align:bottom; margin-top:20px;}
.fwconsbutS img {width:40px; vertical-align: middle;}
.fwconstructbean {text-transform: uppercase; background-color:#000; display: inline-block; line-height:1.8em; font-size:1em; border-radius:10px; padding-left:20px;}
.fwconstructbean span {background-color:#ee2d26; display: inline-block;border-radius:10px; padding: 0 20px; margin-left:20px;}
.fwconstructmore {border-top:1px solid #ee2d26; margin-top:50px; padding-top:20px;}

@media (max-width: 760px) {
    .fwctopmainlinks {padding:0;}
    .fwctopmainlinks a {box-shadow: none; border:1px solid #dedede !important; border-radius: 100px; margin-bottom:5px; padding: 6px 20px;}
    .fwctopmainlinksactive {background-color:#ee3124;}
    a.fwctopmainlinksactive {color:#fff !important; font-weight:normal;}
    .fwctopmainlinksactive::after {display: none;}
}

/*
.fwconstsinglebg {backdrop-filter: blur(10px); padding:20px; border:1px solid rgba(255,255,255,.1); border-radius: 30px;}
.fwconstsinglebg::after {content:"Construction"; color:rgba(0,0,0,.4); position: absolute; bottom:50px; right:-200px;font-family: "gotham-xnarrow", sans-serif !important; font-weight:900; text-transform:lowercase; font-size:16em; line-height: 1em; letter-spacing: -.04em;
    backdrop-filter: blur(10px);
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}
*/
#primary main article{}

/* end single proj links*/

.fwcsmaincont {padding-top:100px; border-bottom:10px solid #ee3124; position: relative;}
.fwcsmaincont::before {content:""; width:60px; height:300px; position:absolute; left:-40px; top:35%; transform: translate(0 , -50%); background-color:#ee3124; border-radius:20px;}
.fwcsmaincont::after {display: none; content:""; width:100%; height:500px; position:absolute; bottom:0px;z-index:-1; background: url('https://megawideconstruction.com.ph/wp-content/uploads/2025/08/logobg-l.png') no-repeat bottom left; opacity: .1; background-size: 500px;}
.fwcstxtcont {min-height:700px;}
.fwcstxtcontin {padding:30px; position:relative; position:absolute; width:100%; max-width:1100px; left:50%; transform: translate(-50%, 0);}
.fwcstxtcontin h3 {margin: 20px 0;}
.fwcstxtcontinimg {width:60px; overflow:hidden;}
.fwcstxtcontin img {filter: drop-shadow(0px 100px 0 #ee2d26); transform: translateY(-100px);}
.fwcstxtrow {vertical-align: top; width:34%;}
.fwcstxtl {display: inline-block; padding-right:20px; width:100px; text-align:right; vertical-align: top;}
.fwcstxtr {display: inline-block; padding-left:20px; border-left: 2px solid #c42127; width:calc(100% - 102px); vertical-align: top;}

.homewhoweare {position:relative; overflow:hidden; padding: 100px 0 100px 0 !important;}

.animhppl {padding:120px 0; background-size:1100px !important; background-repeat: no-repeat; background-color:#d9d8d8;}

/*.fwpplmain {position:relative; overflow:hidden; padding: 100px 0 0 20px !important;}*/
.fwpplmain img {border-top-left-radius: 100px;}

.othercontactwin {max-width:1200px; margin: auto;}
.so-widget-sow-simple-masonry img {border-radius:20px;}

@media (max-width: 760px) {
    .fwcsmaincont {padding-top:10px;}
    .fwcstxtrow {width:100%;}
    .fwcstxtcont {min-height:600px;}
    .fwcstxtcontin {padding-left:50px;}
    .animhppl {background-size: 150% !important; background-position: right bottom !important; padding-bottom:200px;}
}

@media (max-width: 760px) {
    .fwconstructmainlnk{padding-top:0;border-top-right-radius: 50px; overflow:hidden;}
}

.fwesection1 {border:1px solid #dedede; position:relative;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 20px;}
.fwesection1:hover {border:0;box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.3);}
.fwesection1::after {content:""; width:calc(100% + 60px); height:100px !important; position:absolute; display: block; left:-30px;
    background: linear-gradient(180deg,rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 1) 50%);
    box-shadow: none !important; bottom:-40px;
}
.fwesection1in {padding:50px 20px 50px 20px;}
.fwesection1img {height:300px; background-size: cover; background-position:center center; border-top-left-radius:20px; border-top-right-radius:20px; border-bottom:10px solid #ee2d26;}
.numsetbg {position:absolute; z-index: 0; color:rgba(211, 34, 42, .1) !important; top:0em; font-size: 6em;}

div.fwengmarquee {
    position: relative; font-size:16em;line-height:1em; color:rgba(255,255,255,.1); font-weight: 900; text-transform: uppercase;
    overflow:hidden; display: flex; white-space: nowrap; width:100%;
}
div.fwengmarquee p {
    padding-right:.25em;
    letter-spacing: -.1em;
    -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%);
    -moz-animation: scroll-left 2s linear infinite; -webkit-animation: scroll-left 2s linear infinite; animation: loopText 10s infinite linear;
}
@keyframes loopText {
    from {transform: translateX(0);}
    to {transform: translateX(-100%);}
}
@-moz-keyframes loopText {
    from {-moz-transform: translateX(0);}
    to {-moz-transform: translateX(-100%);}
}
@-webkit-keyframes loopText {
    from {-webkit-transform: translateX(0);}
    to {-webkit-transform: translateX(-100%);}
}

.fweinnovmain {background-color:#fff; border-radius: 50px; overflow: hidden; }
.fweinnovimg {background-size: cover; background-position: right; position: relative; overflow: hidden;}
.fweinnovimgtxt {color:#fff; padding:30px;}

/* .fweinnovimgtxt::after {content:"";
background: linear-gradient(90deg, #0000 calc(100% - 1px), rgba(0,0,0,.1) 0);
background-size: calc((100% - 5*5px)/50 + 5px) 100%;
width:150%; height:150%;
display: block;
position:absolute;
top:-30%; left:-30%;
transform: rotate(-30deg)
}
*/
.fweinnovimgtxt span {display: block; font-size:.6em; text-transform: uppercase; width:250px; line-height:1em; border-left:1px solid #fff; padding-left:10px; position:absolute; bottom:140px; right:50px;transform: translate(60%, 0%) rotate(-90deg);}
.fweinnovtxtcont {padding:50px 20px;}
.fwpquotecont {max-width:500px; margin: 0 auto; border-radius: 50px; border:5px solid #fff; color:#fff; font-size:2em; padding:100px; position:relative;}
.fwpquotecont::before {content:"“"; position:absolute; display: block; top:-40px; left: -17px; font-weight:900; font-size:5em; line-height:1em; height:120px; background-color:#d3222a; width:120px;}
.fwpquotecont::after {content:"”"; position:absolute; display: block; bottom:-37px; right: -17px; font-weight:900; font-size:5em; line-height:.9em; height:120px; background-color:#d3222a; width:120px; text-align:right;}

/*================*/

.abtvmvicon {width:85px; padding:5px; filter: grayscale(100%);}
.abtcprndifull {min-height:200px;}
.abttimeline {max-width:760px; margin: auto;}
.abttimeline div {font-size:1em !important;}
.abttimeline .su-tabs {background: none;}
.abttimeline .su-tabs-nav {width:100px !important; padding-right:20px;}
.abttimeline .su-tabs-nav span {color:#fff; text-align:center; border-radius: 20px !important;}
.abttimeline span.su-tabs-current {color:#000;}
.abttimeline .su-tabs-panes {width:100% !important;}
.abttimeline .su-tabs-pane {padding:0; border-radius: 50px !important; overflow: hidden; background-color:#000; position:relative;}
.abttltxt {position:absolute; bottom:0; padding:100px 30px 30px 30px; color:#fff;width:100%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);}

.abttlbg {
    height:100%; position:relative; padding:0px; background-size: cover;
    background-position-x: 50%;
    animation-duration: 10s;
    animation-name: panoramic;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-play-state: running;
    overflow: hidden;
    margin: 0 auto;
    will-change: opacity;
}
@keyframes panoramic {
  0%   {background-position-x: 0%;   opacity:.1;}
  10%  {background-position-x: 10%;  opacity:1; animation-delay: -2s;}
  90%  {background-position-x: 90%;  opacity:1;}
  100% {background-position-x: 100%; opacity:.1;}
}
.abttlnewtext {position: absolute; bottom:0px; left:0; color:#fff; border:1px solid red;}

.homewhoweare .abttimeline .su-tabs-nav span {color:#999; margin: 8px 0;font-family: "barlow", sans-serif;}
.homewhoweare .abttimeline span.su-tabs-current {background-color:#ee2d26; color:#fff;}
.homewhoweare .abttimeline span:hover {background-color:#ffb3b0; color:#000;}

@media (max-width: 760px) {
    .abttimeline .su-tabs-vertical{flex-direction:unset;}
    .abttimeline .su-tabs-pane {width:calc(100% + 3px); border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
}

/*=======================================TEST==============================================*/
.tlcontainermain {overflow: hidden; border-radius:50px; margin: 0 20px; background-color:#efefef;}
.tlcontainer {
     --duration: 20s;
     /*height: 100px;*/
     background: #fff;
     transform: translateX(0);
     transition: calc(var(--duration) * .1) ease-out;
}
 .tlcontainer span {
     display: inline-block;
     width: max-content;
     animation: scroll var(--duration) linear infinite;
}
 .tlcontainer:hover {
     transform: translateX(-5%);
}
 .tlcontainer:hover span {
     animation-play-state: paused;
}
 @keyframes scroll {
     0%   {transform: translateX(0);}
     100% {transform: translate(-100%);}
}
/*=====================================================================================*/



/* ------ TEAM ------ */
.mwfeatmain {}
.mwteam {width:calc(25% - 20px); border-top-right-radius: 60px; overflow: hidden; position:relative; min-height:350px; margin-right:20px; display: inline-block !important;margin-bottom:20px; background-color: #efefef !important; background-position: center top !important;}
.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; text-transform: uppercase;}
.mwteam span {display: block; text-align:left; line-height:1.2em; font-size:.8em;}
.mwteamtxt {position:absolute; bottom:0; padding:30px; width:100%; min-height:0;color:#fff;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);}

.mwteam:hover {transition:.1s; box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.3); background-position: center -1px !important;}
/*.mwteam:hover img {opacity:0;}*/

.mwtfeat {width:100%; min-height:540px; margin-bottom:0 !important; display: block !important; border-radius:0;}
.mwtfeat:hover {box-shadow: none; background-position: center top !important;}
.mwfeatmain:hover {box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.3);}
.mwfeatmain:hover .mwtfeat {background-position: center -1px !important;}

.mwtftdesc {width:100%;}

@media (max-width: 640px) {
    .mwteam {width:calc(50% - 10px); min-height:300px; margin: 0 10px 7px 0;}
    .mwteam:nth-child(2n) {margin-right:0px !important;}
    .mwteam b {text-align:center;}
    .mwteam span {text-align:center;}
    .mwteamtxt {}
    .mwtfeat {min-height:400px; width:100%; border-top-right-radius: 60px;}

}
/* ------ CONTACT FORM ------ */
.contactusimg {border-top-right-radius: 100px !important; overflow: hidden; margin-top:100px;}
.contactmain input, .contactmain textarea {font-size:1.2em !important; width:100%;}
.contactmain textarea {height:200px;}
.contactmain p {margin-bottom:10px;}
.contactmain input.wpcf7-submit {font-size:12px !important; font-weight: bold; padding:20px; border-radius: 100px; width:auto; min-width:150px; background: #ee2d26; color:#fff; letter-spacing: 0;}

body.wp-singular .entry-header {display: none;}
body.overlap-light .custom-logo {filter: contrast(100%) grayscale(100%) invert(100%) brightness(200%);}

/* ------ CONSTRUCTION PROJECT LIST ------ */
.conslistwin {margin: auto; max-width:1080px;}
.conslistwin .portfolio-entry {padding:0px !important; position:relative; border-radius: 50px; overflow:hidden;}
.conslistwin .portfolio-entry-header {margin-bottom:-34px !important; padding:0 !important; overflow: hidden !important; position:relative;}
.conslistwin .portfolio-featured-image {display: block !important; padding:0 !important;}
.conslistwin .portfolio-featured-image img {display: block !important; margin:0 !important;}
.conslistwin .portfolio-featured-image::after {content:""; width:100%; height:100%; position: absolute; z-index: inherit; top:0px; left:0px; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .7) 80%, rgba(0, 0, 0, .7) 100%);}
.conslistwin .portfolio-entry-title {position:absolute; bottom:60px;transition: .5s;}
.conslistwin .portfolio-entry-title a {color:#fff;font-size:2em; line-height:0 !important;}
.conslistwin .portfolio-entry-meta {margin:0 !important;position:absolute; bottom: -60px; width:100%;transition: .5s;}
.conslistwin .portfolio-entry-meta a {color:#fff !important;text-transform:uppercase !important; font-size:.7em;}
.conslistwin .project-types span, .conslistwin .project-tags span {display: none !important;}
.conslistwin .project-types a, .conslistwin .project-tags a {padding: 2px 10px; background-color:#000; border-radius: 20px;}
.conslistwin .project-tags a {background-color:#333; text-transform: capitalize !important;}
.conslistwin .project-types a:nth-child(3) {background-color:#ee2d26;}
.conslistwin .portfolio-entry:hover .portfolio-featured-image::after {transition: .5s; background-color:rgba(0, 0, 0, .5);}
.conslistwin .project-tags {border-top:1px solid #ee2d26; padding-top: 25px; margin-top:27px;}
.conslistwin .project-tags::after {content:""; position:absolute; width:40px; height:40px; bottom:0px; right:27px; background-image:url("https://megawideconstruction.com.ph/wp-content/uploads/2025/08/arrow.png"); background-repeat: no-repeat; background-size:cover;}
.conslistwin .portfolio-entry:hover .portfolio-entry-title {bottom:160px; transition: .5s;}
.conslistwin .portfolio-entry:hover .portfolio-entry-meta {bottom:40px; transition: .5s;}

@media (max-width: 760px) {
.conslistwin .portfolio-featured-image::after {background: linear-gradient(180deg,rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .7) 70%, rgba(0, 0, 0, .7) 100%);}
}

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

.entry-footer {padding: 0 20px;}
.post-navigation {padding: 20px !important;}
.related-projects-section  {padding: 0 20px;}

body.post-type-archive-jetpack-portfolio .content-area {padding:0 30px;}
.jetpack-portfolio {overflow:hidden;}
.jetpack-portfolio .entry-overlay {border-radius:30px;}

.constfilter {text-transform: uppercase; padding-top:10px;}
.constfilter button {border-radius: 100px; background: none; color:#000; border:1px solid #dedede; padding:8px 20px; margin-bottom:5px;}


.clsactive button {background-color:rgba(238, 45, 38, 1); color:#fff;}

.consongoing, .conscomplete {padding-bottom:50px;}
.consongoing em, .conscomplete em{display: none;}
.consongoing p::after, .conscomplete p::after {content:"No available projects..."; position: absolute; left:50%; transform: translate(-50%, 0);}

/* --------- FOOTER --------- */
footer .widgets-4 .widget {width:26% !important;}
footer .widgets-4 .widget:nth-child(2),footer .widgets-4 .widget:nth-child(3) {width:19% !important;}
footer .corp-container h2 {text-transform:capitalize!important;letter-spacing: 0em;font-family: "Outfit-Thin"!important;}
footer .corp-container a, footer .corp-container div {font-family: "Outfit-Thin";}
.ifootersoc {width:35px; vertical-align: middle;}


@media (max-width: 760px) {
    footer .widgets-4 .widget, footer .widgets-4 .widget:nth-child(2),footer .widgets-4 .widget:nth-child(3)
      {width:100% !important;}
    footer .menu li {border-bottom:1px solid #666;}
}