@charset "utf-8";
/* ====:: FILE INFO ::====
	@filename		: absp.css
	@package		: Templates.absp : ABS-CBN Holdings ( Joomla 3.x )
	@subpackage	    : Website Stylesheet ( + Protostar Override Styles )
	@version		: 15.Apr.2020  |  Joel Quinto
	©2018 Coffee Cup New Media Studios, Inc. All rights reserved.
	===================== */



body {
    padding: 0 !important;
    background-color: rgb(244,246,248);
    font-family: "Open Sans"; font-size: 15px; line-height: 23px; font-weight: 300;
}
    .body .container {
        padding: 20px; border: 1px solid rgba(0,0,0,0.15);
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
        -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
        background-color: rgb(255,255,255);
    }



/* :: TYPOGRAPHY :: */

/* :: Heading Style Overrides :: */
h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif !important; color: rgb(0,0,0)/*(rgb(11,81,161)*/; }
.page-header {
    position: relative;
    margin-bottom: 50px; border-bottom: none;
}
.page-header:after {
    content: " ";
    height: 6px; width: 100px; position: absolute; bottom: 0; left: 0; transform: translateY(100%);
    background: rgb(11,81,161);
}
    .page-header h1, .page-header h2 { font-size: 30px; line-height: 34px; font-weight: 800; text-transform: uppercase; }
h3 {
    margin-bottom: 20px;
    font-size: 21px; line-height: 26px; text-transform: uppercase;
}
h4 {
    margin-top: 20px; margin-bottom: 5px;
    font-size: 18px; line-height: 22px;
}

/* :: Standard Text Overrides :: */
p { margin-bottom: 14px; }
a:link { font-weight: 600; color: rgb(11,81,161); }
a:hover { color: rgb(32,128,236); }
#back-top {
    position: fixed; bottom: 20px; right: 20px;
    font-size: 12px; font-weight: 500; color: rgba(0,0,0,0); text-align: center;
}
#back-top:hover { color: rgba(0,0,0,1); text-decoration: none; }
    #back-top i {
        display: inline-block;
        margin-bottom: 3px; padding: 5px 6px; border-radius: 4px;
        background-color: rgba(11,81,161,.45);
        font-size: 20px; color: rgb(255,255,255);
    }
    #back-top:hover i { background-color: rgba(32,128,236,1); }

/* :: Other Template Elements :: */
img.sized-image {
    height: auto; width: 600px; display: block; float: none;
    margin: 0 auto;
}
    


/* :: MASTHEAD ELEMENTS :: */

#masthead {
    z-index: 100;
    background: rgb(32,128,236) url("../images/bg-abscbn-rings.png") 0 32px no-repeat; background-size: auto 60px;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}
    #masthead-top, #masthead-bottom {
        width: 100%;
        padding: 0 20px;
    }
    #masthead-top {
        height: 32px;
        background-color: rgb(0,0,0);
    }
        #topbar { height: 32px; }
    #masthead-bottom {
        height: 38px;
        background-color: rgb(0,0,0,0.65);
    }
        #main-navigation { width: 100%; }

/* :: Website Brand/ID :: */
.website-brand { padding: 18px 20px; }
    .website-brand img { height: 24px; width: auto; }

/* :: Main Site Navigation Menu :: */
.moduletable.main-menu { transform: translateX(-15px); }

/* :: ABSP PDRs Navigation Menu :: */
.moduletable.about-absp { padding-top: 6px; }
    .moduletable.about-absp a:hover { text-decoration: none; }

/* :: Slide Menu (Mobile/Small Screen Menu)  :: */
#icon-nav {
    position: absolute; top: 50%; left: 0; z-index: 5; transform: translate(-10px,-50%);
    margin: 0;
    color: rgb(255,255,255);
}
#icon-nav:hover, #icon-nav:active, #icon-nav:focus {
    border-color: transparent !important;
    color: rgb(128,196,255) !important;
}
    #icon-nav i { padding-right: 0; }
    #icon-nav i.fa-times { position: absolute; top: 50%; left: 50%; visibility: hidden; display: none; }
    #icon-nav i.fa-bars.hide { visibility: hidden; display: none; }
    #icon-nav i.fa-times.show { visibility: visible; display: block; transform: translateY(-50%); }
.moduletable.slide-menu {
    max-height: 0; position: absolute; top: 0; left: -20px; right: -20px; z-index: 3; opacity: 0; visibility: hidden; display: block; overflow: hidden;
    padding: 3px 30px; border: 1px solid rgba(0,0,0,0.15);
    background-color: rgb(11,45,82);
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
    -moz-transition: all ease-in 0.15s; -webkit-transition: all ease-in 0.15s; -o-transition: all ease-in 0.15s;
}
.moduletable.slide-menu.open { height: 100vh; max-height: 100vh; opacity: 1; visibility: visible; display: block; }



/* :: BREADCRUMBS ELEMENTS :: */

#breadcrumbs { background-color: transparent; }

/* :: Breadcrumbs :: */
.moduletable.breadcrumbs { padding: 0; }
    .breadcrumb {
        margin: 0; padding: 12px 0; border-radius: 0;
        list-style: none;
    }
    .breadcrumb>li {
        display: inline-block; *display: inline; *zoom: 1;
        font-size: 12px; font-weight: 500; letter-spacing: 0.25px; color: rgb(153,153,153); text-transform: uppercase; text-shadow: none;
    }
    .breadcrumb>li:first-child { visibility: hidden; display: none; }
    .breadcrumb>li>.divider { padding: 0 5px; }
        .breadcrumb>li>.divider img { transform: translateY(-3px); }
    .breadcrumb>.active { color: rgb(0,0,0); }
    .breadcrumb a { color: rgb(128,128,128); }



/* :: ABOVE MAIN CONTENT ELEMENTS :: */

/* :: Download Quick-Links :: */
.download-quick-links {
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    flex-direction: row; flex-wrap: wrap;
}
.download-quick-link { position: relative; }
.download-quick-link:nth-of-type(3) { margin-right: 0; }
    .download-quick-link p { margin: 0; }
    .download-quick-link .pd-filebox { margin: 0; }
    .download-quick-link .pd-fileicon, .download-quick-link .pd-fileinfo { visibility: hidden !important; display: none !important; }
    .download-quick-link .pd-filename { padding: 0 !important; }
    .download-quick-link a { height: 95px; width: 380px; position: relative; display: block; overflow: hidden; }
        .download-quick-link a img {
            height: auto; width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);
            -webkit-transition-property: all; -webkit-transition-duration: 0.15s;
               -moz-transition-property: all; -moz-transition-duration: 0.15s;
                 -o-transition-property: all; -o-transition-duration: 0.15s;
        } 
        .download-quick-link a:hover img { filter: brightness(65%); }
        .download-quick-link a span {
            position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
            font-family: "Montserrat", sans-serif; font-size: 21px; line-height: 24px; font-weight: 800; color: rgb(255,255,255); text-align: center;
        }



/* :: RIGHT SIDEBAR ELEMENTS :: */

#main-right-sidebar { padding-left: 30px; }
#right-sidebar { width: 100%; }

/* :: ABSP PDR Menu :: */
.moduletable.absp-menu {
    width: 100%;
    background: rgb(243,245,246);
    padding: 10px 0;
}



/* :: PAGE FOOTER ELEMENTS :: */

#page-footer {
    margin-top: 50px; padding: 0 20px;
    background-color: rgb(0,0,0);
}
    #page-footer-left { flex-grow: 1; }
    #page-footer-right { text-align: right; }
    
/* :: Mandatory Listings :: */
#mandatories {
    padding: 8px 0;
    font-size: 13px; line-height: 17px; color: rgb(255,255,255);
}
    
/* :: Footer Menu :: */
.moduletable.footer-menu { text-align: right; }



/* :: MAIN CONTENT / COMPONENT ELEMENTS :: */

#page-content {
    margin-bottom: 30px; padding: 30px 30px 20px;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
    background: rgb(255,255,255);
}
/* :: Article Listings -- Blog Layout :: */
.blog { position: relative ; }
.blog .items-row { margin-bottom: 30px; }
.blog .item { position: relative; clear: both; }
    .blog .item .page-header { margin-bottom: 0; }
    .blog .item .page-header:after { visibility: hidden; display: none; }
    .blog .item h2 { font-size: 24px; line-height: 26px; }

/* :: Article Page :: */
.item-page { position: relative; }

/* :: About ABS-CBN Holdings Page :: */
.board-of-directors { position: relative; }
    .board-of-directors>div {
        clear: left;
        margin-bottom: 30px;
    }
    .board-of-directors img {
        display: block; float: left; clear: both;
        margin-bottom: 30px; margin-right: 30px;
    }
    .board-of-directors h3 { margin-bottom: 10px; }
    img.absp-structure {
        height: auto; max-width: 250px; display: block; float: right;
        margin-bottom: 30px;
    }
    .distribution-history-table {
        width: 80%; position: relative; clear: both;
        display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
        flex-direction: row; flex-wrap: wrap;
        margin: 0; padding: 0; border: 1px solid rgba(0,0,0,0.15); border-top: none; border-left: none; 
    }
        .distribution-history-table>div {
            width: 33.3333333%;
            margin: 0; padding: 6px 6px; border: 1px solid rgba(0,0,0,0.15); border-right: none; border-bottom: none;
            font-size: 14px; line-height: 16px; font-weight: 400; color: rgb(0,0,0); vertical-align: middle;
        }
        .distribution-history-table .label {
            transform: translateY(-1px);
            background-color: rgb(243,243,243);
            font-weight: 600;
        }
            .distribution-history-table .label .abriged { visibility: hidden; display: none; }
            .distribution-history-table .label .full { visibility: visible; display: inline; }
        .distribution-history-table .data { text-align: right; }

/* :: Corporate Governance Page :: */
.corporate-governance-links { margin-bottom: 30px; }
    .corporate-governance-links .pd-filebox {
        position: relative; clear: both;
        display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
        flex-direction: row; flex-wrap: nowrap;
        margin: 0 0 10px; padding: 0;
    }
.corporate-governance-links+.download-quick-link { margin-bottom: 40px; }
.latest-filings { padding: 0; }
    .latest-filings .phocadownloadfilelist { margin: 0; border: none; }

/* :: Stock Information Page :: */
.stock-information-table {
    width: 100%; position: relative; clear: both;
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    flex-direction: row; flex-wrap: wrap;
    margin: 0; padding: 0; border: 1px solid rgba(0,0,0,0.15); border-top: none; border-left: none; 
}
.stock-listing { margin-bottom: 30px; }
    .stock-information-table .data { margin: 0; border: 1px solid rgba(0,0,0,0.15); border-right: none; border-bottom: none; }
    .stock-listing .data { width: 50%; }
    .stock-data .data { width: 33.3333333%; }
        .stock-information-table .data>* {
            height: 22px; display: inline-block; 
            padding: 3px 8px;
            font-size: 13px; line-height: 22px;
        }
        .stock-information-table .label {
            transform: translateY(-1px);
            margin: 0; border-radius: 0;
            background-color: rgb(243,243,243);
            font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(0,0,0); vertical-align: middle;
        }
        .stock-information-table .value { padding-left: 4px; }
        .stock-listing .label { width: 145px; }
        .stock-data .label { width: 130px; }

/* :: File Listings -- PhocaDownload Category View :: */
#phoca-dl-category-box { width: 100%; position: relative; }
#phoca-dl-category-box .pd-filebox {
    position: relative; clear: both;
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    flex-direction: row; flex-wrap: nowrap;
    margin: 0 0 20px; padding: 0;
}
    #phoca-dl-category-box .pd-float {
        display: inline-block; float: none; clear: none;
        margin: 0;
    }
    #phoca-dl-category-box .pd-cb { visibility: hidden; display: none; }
.moduletable.downloads-menu { position: absolute; top: 0; left: 0; transform: translate(31px,100px); z-index: 1; }

/* :: Contact Page :: */
.chronoforms6_credits { visibility: hidden; display: none; }




/* :: PHOCA DOWNLOAD :: */
.pd-filebox { position: relative; }
    .pd-filedetails { flex-grow: 1; }
        .pd-filedetails>* { display: block !important; float: none !important; clear: none !important; }
        .pd-filedetails .pd-fileicon { height: 32px; width: 32px; position: absolute; top: 0; left: 0; }
        .pd-filedetails .pd-filename,
        .pd-filedetails .pd-fileinfo,
        .pd-filedetails .pd-tags { padding-left: 39px; }
        .pd-filedetails .pd-filename {
            margin-bottom: 3px;
            line-height: 15px;
        }
            .pd-filename .pd-document32 { line-height: 16px !important; }
            .pd-filename a {
              display: inline-block;
              font-size: 15px; line-height: 16px; font-weight: 700; color: rgb(0,0,0);
			}
            .pd-filename a:hover { color: rgb(32,128,236); }
        .pd-fileinfo {
            margin-bottom: 8px;
            line-height: 15px;
        }
            .pd-fileinfo>* {
                width: auto !important; display: inline-block; float: none !important; clear: none !important;
                margin: 0 !important;
                font-size: 13px; line-height: 16px; font-weight: 400;
            }
            .pd-fileinfo div[class$="-txt"] {
                margin-right: 4px !important;
                color: rgb(102,102,102);
            }
            .pd-fileinfo div[class$="-fl-m"] {
                margin-right: 12px !important;
                color: rgb(153,153,153);
            }
        .pd-tags {
            margin-top: 0 !important;
            line-height: 15px;
        }
            .pd-tags a {
                display: inline-block;
                margin-right: 1px; margin-bottom: 5px; padding: 5px 8px; border-radius: 3px;
                background: rgb(223,223,223);
                font-size: 13px; line-height: 15px; font-weight: 600; color: rgb(0,0,0);
            }
            .pd-tags a:hover {
                background: rgb(204,204,204);
                text-decoration: none;
            }
    .pd-button-download, .pd-button-details { margin-left: 6px; }
    .pd-button-download a, .pd-button-details a {
        height: 32px; width: 34px;
        padding: 0;
        font-size: 17px; line-height: 30px; text-align: center; color: rgb(88,88,88);
    }
    .pd-button-download a:hover, .pd-button-details a:hover { color: rgb(32,128,236); }