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



/* :: PAGE CONTAINERS :: */
html, body { height: 100%; }
#page,
#component,
#error,
#offline { height: 100%; position: relative; }
* { margin: 0; padding: 0; box-sizing: border-box; }



/* :: TEMPLATE CONTENT AREAS :: */

/* :: Module Containers & Positions :: */
#page-slide,
#masthead,
    #masthead-top,
        #topbar,
    #masthead-bottom,
	    #main-navigation,
#main,
    #breadcrumbs,
	#above-main-content,
	#page-content,
	#below-main-content,
	#main-right-sidebar,
		#right-sidebar,
#page-footer,
    #page-footer-left,
    #page-footer-right {
    position: relative; clear: both;
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	flex-direction: row; flex-wrap: wrap;
}

.container {
    max-width: none; position: relative; clear: both;
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    flex-direction: column; flex-wrap: nowrap;
    margin: 0 auto;
}


/*
#page-slide {
	height: 100%; width: 320px; position: fixed; top: 0; left: -320px; z-index: 1000; overflow: hidden;
	-webkit-transition-property: left; -webkit-transition-duration: 0.35s;
	   -moz-transition-property: left; -moz-transition-duration: 0.35s;
		 -o-transition-property: left; -o-transition-duration: 0.35s;
}
#page-slide:focus { outline: none !important; box-shadow: 0 0 7px rgb(0,0,0); }
#page-slide.open { left: 0; }
*/



/* :: RESPONSIVE CONTENT AREA SETTINGS :: */

/* :: Small Displays :: */
@media (max-width: 575px) {
    .container {
        width: 100% !important;
        padding: 0 10px;
    }
	#icon-nav { visibility: visible; display: block; }
	#page-content.with-sidebar .blog,
	#page-content.with-sidebar .item-page { width: 100%; order: 2; }
	#main-right-sidebar { width: 100%; order: 1; }
}
@media (min-width: 576px) {
	.container {
		width: 540px !important;
		padding: 0;
	}
	#icon-nav { visibility: visible; display: block; }
	#page-content.with-sidebar .blog,
	#page-content.with-sidebar .item-page { width: 100%; order: 2; }
	#main-right-sidebar { width: 100%; order: 1; }
}

/* :: Medium Displays :: */
@media (min-width: 768px) {
	.container { width: 720px !important; }
    #icon-nav { visibility: hidden; display: none; }
}
@media (min-width: 992px) {
	.container { width: 960px !important; }
	#page-content.with-sidebar .blog,
	#page-content.with-sidebar .item-page { width: 638px; order: 1; }
	#main-right-sidebar { width: 260px; order: 2; }
}

/* :: Large Displays :: */
@media (min-width: 1200px) {
	.container { width: 1160px !important; }
	#page-content.with-sidebar .blog,
	#page-content.with-sidebar .item-page { width: 818px; }
	#main-right-sidebar { width: 280px; }
}
@media (min-width: 1600px) {
	.container { width: 1560px !important; }
	#page-content.with-sidebar .blog,
	#page-content.with-sidebar .item-page { width: 1118px; }
	#main-right-sidebar { width: 380px; }
}