* Theme Name:		GWT-Wordpress 25.0
 * Theme URI:		http://i.gov.ph
 * Description:		Custom WordPress theme based on the draft Unified Web Content Policy 
 *					prepared by the PCDSPO, DOST-ASTI, and DOST-ICTO. Theme is built on 
 *					HTML5 responsive WordPress framework based on ZURB's Foundation.
 * Version:			2.5
 * Author:			iGovPhil
 * Author URI:		http://i.gov.ph
 * License:			MIT License
 * License URI:		http://www.opensource.org/licenses/mit-license.php
 * Tags: 			theme-options, rtl-language-support, featured-images, editor-style, custom-menu, 
 *					responsive-layout, right-sidebar, left-sidebar, one-column, two-columns, three-columns
 */


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 640px
 *    14.2 - >= 641px
 *    14.3 - >= 641 x 1024px
 *    14.4 - >= 1025px
 *    14.5 - >= 1025 x 1440px
 *    14.5 - >= 1441px
 *    14.5 - >= 1441 x 1920px
 *    14.5 - >= 1921px
 * 15.0 - Print
 */

/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */


/**
 * 2.0 - Genericons
 */

.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


/**
 * 3.0 - Typography
 */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif; 
	/*font-weight: bold; */
	/*text-transform: uppercase;*/
	line-height: 1;
}
h1 {font-size: 2.69rem;}
h2 {font-size: 1.44rem;}
h3 {font-size: 1.25rem;}
h4 {font-size: 1.13rem;}
h5 {font-size: 0.81rem;}
h6 {font-size: 0.63rem; color: white;}



/**
 * 4.0 - Elements
 */


/**
 * 5.0 - Forms
 */


/**
 * 6.0 - Navigation
 */

	/**
	 * 6.1 - Links
	 */


	/**
	 * 6.2 - Menus
	 */

	/*top bar & auxiliary*/




/**<!-- edited by Jan Joseph Miciano -->*/


	#main-nav {
		background-color: #660033;
		/*background-color: #468a27;*/
		/* background-color: #019a01; */
		position: fixed;
		z-index: 4;
		height: 50px;
		width: 100%;
		/*border-bottom: 4px solid #b1d244; !important;*/
		/*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);*/
	}
	#main-nav .name a {
		font-size: solid 1.19rem !important;
		font-family: 'Arial',sans-serif !important;
	}
	#auxiliary { 
		background-color: #f0f0f0;
		/*border-bottom: 1px solid #f7f7f7;*/
		/*border-bottom: 1px solid #019a01;*/
	}
	#main-nav li:not(.has-form) a:not(.button),
	#main-nav li.active:not(.has-form) a:not(.button),
	#aux-main li:not(.has-form) a:not(.button),
	#aux-main li.active:not(.has-form) a:not(.button) {
		font-size: 0.75rem;
		color: #fff;
		font-weight: bold;
		font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		padding: 2px 12px;
		line-height: 45px;
	}
	.top-bar-left > ul > li,
	.top-bar-right > ul > li,
	#aux-main > ul > li {
		border-right: none;
	}
	#main-nav .has-dropdown > a,
	#aux-main .has-dropdown > a {
		padding-right: 35px !important;
	}
	#main-nav li.current-menu-item:not(.has-form)
	#aux-main li.current-menu-item:not(.has-form) {
		background: #268d2a none repeat scroll 0% 0%;
		line-height: 1;
	}
	#main-nav .has-dropdown > a::after,
	#aux-main .has-dropdown > a::after {
		border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
		margin-right: 15px;
		top: 50%;
		right: 0;
	}
	#main-nav ul .name a:hover {
		background: #f7f7f7 !important;
	}
	#main-nav ul li:hover:not(.has-form) > a,
	#main-nav .dropdown li:not(.has-form) a:not(.button):hover,
	#main-nav .dropdown li:not(.has-form):hover > a:not(.button),
	/*#main-nav .vertical li:not(.has-form):hover > a:not(.button),*/
	#aux-main ul li:hover:not(.has-form) > a,
	#aux-main .dropdown li:not(.has-form) a:not(.button):hover,
	#aux-main .dropdown li:not(.has-form):hover > a:not(.button) {
		/*background: #8F5100;*/
		background: #700620;
		/*background: #4ca702;*/
		color: #fff;
	}
	#main-nav li.current-menu-item:not(.has-form) a:not(.button),
	#aux-main li.current-menu-item:not(.has-form) a:not(.button),
	#offCanvasRight li.current-menu-item:not(.has-form) > a:not(.button) {
		background-color: solid #e4e4e4;
		text-transform: initial;
	}
	#main-nav .vertical li a::after,

	#aux-main .vertical li a::after {

		border-color: transparent transparent transparent rgba(0, 0, 0, 0.4);


	}
	#main-nav .vertical > li > a,
	#aux-main .vertical > li > a {
		line-height: 25px !important;
		width: auto;
		background: #505050;
	}
	#main-nav .vertical > li > .is-dropdown-submenu,
	#aux-main .vertical > li > .is-dropdown-submenu {
		top: 1px;
		background: #22b14c;
	}


/**<!-- END edited by Jan Joseph Miciano -->*/

	/*off-canvass*/
	#off-canvas-container {
		z-index: 4;
		box-shadow: -3px 0px 4px rgba(0, 0, 0, 0.2);
	}
	.title-bar {
		background: #f7f7f7;
	}

	.title-bar-right .name a,
	.title-bar-left .name a,
	.title-bar-title {
		color: #000;
		font-size: 1rem;
		font-family: 'Roboto Condensed', sans-serif;
	}
	.title-bar-right button::after {
		background: #000;
		box-shadow: 0 7px 0 #000,0 14px 0 #000;
	}

	/*off-canvass right menu*/
	#offCanvasRight {
		background-color: #fefefe;
		font-family: 'Roboto Condensed', sans-serif;
		height: 100%;
	}
	#offCanvasRight .is-drilldown {
		max-width: 250px !important;
		height: 95%;
	}
	#offCanvasRight .list-item {
		background-color: #f7f7f7;
		padding: 0.7rem 1rem;
	}
	#offCanvasRight .list-item:first-child {
		/*border-bottom: 1px solid #e9e9e9;*/
	}
	#offCanvasRight .is-submenu-parent-item {
		font-weight: bold;
		border-bottom: 1px solid #ccc;
	}
	#offCanvasRight .vertical li:last-child {
		border-bottom: 1px solid #e9e9e9;
	}
	#offCanvasRight li a {
		background-color: #f7f7f7;
		color: #000;
		font-size: 18px;
		line-height: 1.5
	}
	#offCanvasRight li .is-drilldown-submenu a {
		font-size: 15px;
		/*font-weight: 600;*/
	}
	/*#offCanvasRight li ul ul a {
		font-size: 13px;
		font-weight: 600;
	}*/
	#offCanvasRight .menu-item-has-children a::after {
		border-color: transparent transparent transparent #898989 ;
	}
	/*.js-drilldown-back { text-transform: uppercase; }*/
	.js-drilldown-back > a::before {
		/*display: none;*/
		margin-bottom: 0.2rem;
		border-color: transparent #898989 transparent transparent;
	}
	#aux-offmenu { 
		border-top: 1px solid #e9e9e9; 
		font-weight: 600; 
		color: #c7c7c7;
	}


/**
 * 7.0 - Accessibility
 */

#accessibility-shortcuts { }
#accessibility-shortcuts ul { margin: 0; overflow: hidden; height: auto; width: auto; }
#accessibility-shortcuts ul li { margin: 0; padding: 0; list-style: none; }
#accessibility-shortcuts ul li a { font-size: 0; display: block; padding: 0 20px; }
#accessibility-shortcuts ul li.access-focus a { font-size: inherit; }
#a11y-modal { padding-top: 58px; }
#accessibility-button { background-color: #f7f7f7; }
.fa-universal-access { color: #000; }


/**
 * 8.0 - Alignments
 */


/**
 * 9.0 - Clearings
 */


/**
 * 10.0 - Widgets
 */

.top-bar-right .search {
	padding: 5px 20px;
	width: 195px;
}
#offCanvasRight input[type="search"],
.top-bar-right input[type="search"] {
	height: 2.3125rem;
	/*border-radius: 0;*/
	font-size: 0.875rem;
	margin-bottom: 0px;
}
#pst-container {
	color: #000;
	font-family: "Roboto",sans-serif;
	font-size: 0.8rem;
	line-height: 1.2;
	text-align: right;
}
#back-to-top {
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	color: #ffffff;
	background-color: #111111;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: .75rem;
	padding: 1em;
	display: none;
	opacity: .6;
	/*transition: opacity .5s ease-in;
	-moz-transition: opacity .5s ease-in;
	-webkit-transition: opacity .5s ease-in;
	-o-transition: opacity .5s ease-in;*/
}
#back-to-top:hover {
	opacity: 1;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
}

/**
 * 11.0 - Content
 */

h1.logo img { font-size: 1rem; }
#main-content {
	padding: 1rem 0;
	/*background: linear-gradient(to right, #fff, #d9f7d6 , #c2e49e, #fff); */
	background-color: #fff;
	border: 1px solid #dddfe2;
	/*margin-bottom: 25px;*/
}
.off-canvas-content {
	box-shadow: none;
	/*background: url("https://mscmarinduque.edu.ph/wp-content/uploads/2017/05/background-image/bg.jpg");*/
	background-color: #e9ebee;
}

/*breadcrumbs*/
.breadcrumbs {
	margin-top: 10px;
	background: #fcfcfc none repeat scroll 0% 0%;
	margin-bottom: 0.7rem;
	padding: 0.5625rem 0.875rem;
	overflow: hidden;
	border: 1px solid #f2f2f2;
	line-height: 0.6875rem;
	border-radius: 3px;
}
.breadcrumbs li {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.breadcrumbs li:not(:last-child)::after {
	content: " ";
	margin: 0;
}
.breadcrumbs li:first-child::after {
	margin: 3px;
}
.breadcrumbs .separator {
	position: relative;
	top: 1px;
	opacity: 1;
	color: #cacaca;
	margin: 5px;
}

/*post content*/
#content .entry-wrapper {
    vertical-align: top;
    display: inline-block;

}
#content .wp-post-image { 
	margin: 0 15px 15px 0;
}
.entry-header { 
	padding-bottom: 1.125rem; 
	display: inline-block; 
	vertical-align: middle;  
	
}
.entry-wrapper .entry-content p {
	margin-bottom: 0;

}


/**
 * 11.1 - Header
 */

/*masthead*/
.container-masthead {
	margin-top: 35px;
}
.logo, .ear-content {
	margin: 8px 0px 0px 0px;
}

/*masthead with text*/
#textlogo-image { display: inline-block; width: 100px; height: 100px; vertical-align: middle; }
#textlogo-inner-wrapper { display: inline-block; vertical-align: middle; }
#agency-heading { display: block; position: relative; font-size: 1.06rem; text-transform: none; }
#agency-name { display: block; position: relative; margin-top: 4px; text-transform: none; border-top: 2px solid; padding-top: 2px; line-height: 1}
#agency-tagline { display: block; position: relative; font-size: 1.06rem; margin-top: 5px; text-transform: none; }

/*banner*/
.container-banner { border-top: 1px solid #f2f2f2; }
.container-banner .entry-title { text-transform: none; line-height: 1; }
.banner-pads { padding: 5px 0 !important; margin: 0; /*border-bottom: 1px solid #f2f2f2;*/ }
.banner-pads .row { background-color: #fff; }
.orbit-container { height: auto !important; }
.orbit-slide { max-height: 100% !important; }
.orbit-bullets { margin: 0; }
.orbit-bullet button { width: 0vw; height: 0vw; vertical-align: middle; }
.orbit-slide-number { position: absolute; top: 3%; left: 1%; font-size: 0.750rem; color: white; background: rgba(0, 0, 0, 0); text-shadow: 1px 1px 3px #000}
.orbit-container .orbit-slide-number span { font-weight: 700; padding: 0.3125rem; }
.orbit-button-controls { position: absolute; top: 0f; right: 0; color: white; text-shadow: 1px 1px 3px #000; padding: 10px 20px; z-index: 3; height: auto !important;}


/**
 * 11.2 - Posts and pages
 */

.entry-meta { font-size: 0.8em; color: #666; }


/**
 * 11.3 - Post Formats
 */


/**
 * 11.4 - Comments
 */


/**
 * 11.5 - Sidebar
 */

#panel-top .widget,
#panel-bottom.widget,

#footer .widget {
	padding: 1rem 0;
}

/**
 * 11.6 - Footer
 */

/*post navigation*/

.nav-previous {
	display: inline-block;
	font-size: 19px;
	float: left;
	

}
.nav-next {
	display: inline-block;
	font-size: 19px;
	float: right;
	
}

#footer {
	background: #22b14c;
	border-top: 1px solid #f2f2f2;
}

/**
 * 12.0 - Media
 */


/* Make sure embeds and iframes fit their containers. */

/**
 * 12.1 - Captions
 */
 .orbit-caption:empty { display: none; }

/**
 * 12.2 - Galleries
 */


/**
 * 13.0 - Multisites
 */


/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/*Small screens*/

/**
 * <= 360px
 */
@media only screen and (max-width: 20em) { 
	#agency-name { font-size: 11.5vw !important; }
}

/**
 * <= 481px
 */
@media only screen and (max-width: 30.063em) {
	#agency-name { font-size: inherit; }
}

/**
 * <= 640px
 */
@media only screen and (max-width: 40em) { 
	#textlogo-wrapper { text-align: center; }
	#textlogo-inner-wrapper { margin-top: 10px; }
}

/*Medium screens*/

/**
 * >= 641px
 */
@media only screen and (min-width: 40.063em) { 
	#agency-name { font-size: 3.5vw; }
}

/**
 * 641px <=> 1024px
 */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	
}

/**
 * <= 1023px
 */
@media screen and (max-width: 63.9375em) {
	.container-masthead { margin-top: 42px; border-bottom: 1px solid #f2f2f2; }
	.banner-content { padding: 1rem 0; }
}

/*Large screens*/

/**
 * >= 1024px
 */
@media only screen and (min-width: 64em) {
	#main-nav .top-bar-left .dropdown li ul, 
	#aux-main .dropdown li ul { 
		-webkit-box-shadow: 6px 10px 10px -6px rgba(0,0,0,0.5);
		-moz-box-shadow: 6px 10px 10px -6px rgba(0,0,0,0.5);
		box-shadow: 6px 10px 10px -6px rgba(0,0,0,0.5);
		border: none;
	}
	#main-nav .top-bar-right .dropdown li ul { 
		-webkit-box-shadow: -6px 6px 10px -6px rgba(0,0,0,0.5);
		-moz-box-shadow: -6px 6px 10px -6px rgba(0,0,0,0.5);
		box-shadow: -6px 6px 10px -6px rgba(0,0,0,0.5);
		border: none;
	}
	/*.container-banner { padding: 1rem 0; } */
	
}

/**
 * 1025px <=> 1440px
 */
@media only screen and (min-width: 64.0625em) and (max-width: 90em) { #agency-name { font-size: inherit; } }

/*XLarge screens*/

/**
 * >= 1441px
 */
@media only screen and (min-width: 90.063em) { #agency-name { font-size: inherit; } }

/**
 * 1441px <=> 1920px
 */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { }

/*XXLarge screens*/

/**
 * >= 1921px
 */
@media only screen and (min-width: 120.063em) { }


/**<!-- edited by Jan Joseph Miciano -->*/
#widget-title {
    margin: 10000px;
    color: #101010;
    margin: 15px 0;
    /*padding: 11px 15px;*/
    text-transform: initial;
/*    background: url("https://mscmarinduque.edu.ph/wp-content/uploads/2017/03/sidebg2.jpg") no-repeat scroll 0% 0% / 100% auto;*/
    font-weight: 400;
    font-size: 30px;
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
}

#widget-right {
    color: #505050;
    border-bottom: 1px solid#f0f0f0;
    vertical-align: auto;
    padding: 11px ;
    text-transform: initial;
    /*background: url("https://mscmarinduque.edu.ph/wp-content/uploads/2017/03/sidebg2.jpg") no-repeat scroll 0% 0% / 100% auto;*/
}

#hr {
    border-top: 2px solid #e9ebee;
}

/*css - edited by jordan laman*/
.container-banner .entry-title font{
	color: #800000;
	/*color: #00a248;*/
	font-size: 24px;
	margin: 3px;
	font-weight: 500;
	/*text-shadow: 1px 1px 1px #505050;*/
}

#leftfontstyle {
    margin: 0px;
    color: #1cab41;
    padding: 2px 2px;
    text-transform: initial;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}
#bgcolortable {
	background-color: white;
	border: 1px solid #e8e8e8;
}

#bgcolortable:hover{
	background-color: #efeeee;
}
/*end css - edited by jordan laman*/

#panelbottomEDITED
 {
	 background: url("https://www.mscmarinduque.edu.ph/wp-content/uploads/2017/05/Green-Stripy-Wallpapers-300x188.jpg") no-repeat scroll 0% 0% / 100% auto;


}
#ictsc {
    font-style: italic;
    font-size: 10px;
    color: red;
}


/**<!-- END edited by Jan Joseph Miciano -->