/*
 * 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:			25.0
 * 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
 */


 /** Your style here **/

body{color: #0e5471;}

/**Main Navigator**/
#main-nav{background: #004aad;}
#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: #6996a5;}
#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){color: #f9e429;}
#main-nav ul li:hover:not(.has-form) > a, #main-nav .dropdown li:not(.has-form) a:hover:not(.button), #main-nav .dropdown li:hover:not(.has-form) > a:not(.button), #aux-main ul li:hover:not(.has-form) > a, #aux-main .dropdown li:not(.has-form) a:hover:not(.button), #aux-main .dropdown li:hover:not(.has-form) > a:not(.button){background-color: #1f5bad;}
.top-bar-left > ul > li, .top-bar-right > ul > li, #aux-main > ul > li{border-color: #004aad;}
li.menu-item{background-color: #004aad;}
#main-nav ul .name a:hover{background-color: #6996A5 !important;}
#accessibility-button, .fa-universal-access{background-color: #004aad; color: #DFEDF2;}
li.is-submenu-item is-dropdown-submenu-item a{background-color: #35738C !important;}
h1, h2, h3, h4, h5, h6{text-transform: none !important;}
h3.widget-title {color: #2ba6cb !important;text-transform: none !important;text-align: center !important;}
#textlogo-image{margin: 5px 0 0 0 !important; width: 200px !important;}
#textlogo-image img{width: 200px !important;}
#footer{margin-top: 30px;}
#banner-slider{padding: 0 15px;}
.textwidget iframe{250px;}
.orbit-image{height: 410px !important;}
.dropdown menu a{line-height: .5px !important;}
.container-banner .entry-title{margin-top: 20px;}
#main-nav .vertical > li > a, #aux-main .vertical > li > a {line-height: 20px !important; padding: 7px 5px 7px 10px !important; border-top: 1px solid #1f5bad; border-right: 1px solid #1f5bad;}

/**Posts Image Caption**/
.wp-caption{width: auto !important; margin: 0 0 30px 0 !important; font-size: 13px;}
.wp-caption-text{margin-top: 5px;}

/**Banner Section 1**/
#text-20 h3.widget-title{color: #000;}
.pt-cv-ifield h4{font: 15px roboto;}

/**Header  background-color: #0F5774;**/
.container-masthead{background: linear-gradient(#0F5774, #00334F);}
#textlogo-image{margin-bottom: 15px;}
h1.logo a #agency-name, #agency-heading, #agency-tagline{color: #f9e429;}
a #agency-tagline{font: 14.15px helvetica;}
#textlogo-inner-wrapper{margin-left: 10px; }/**removed text-shadow *text-shadow: 1px 1px #094966;*/
#header-back-image{float: right; height: 145px; opacity: .8; margin-top: -145px;}
#header-text-content h1{z-index: 1; position: relative;}
@media(max-width: 1249px){#header-back-image{padding: 0;}}


/**Agency4 Widget**/
#agency4_logo{margin: 0 12px;}

/**Site Links**/
a.sitelinks img{height: 50px; width: 50px; margin-right: 20px;}

/**NextGen Gallery**/
div.ngg-album-compact{margin-bottom: 50px !important; padding: 0 18px 0 18px !important;}
div.ngg-album-compact img{width: 120px;}
div.ngg-album-compact h4{font: 13px 'Lato', sans-serif;}
div.ngg-album-compact a{max-width: 160px !important; text-align: center; height: 40px !important; margin: auto !important;}
div.ngg-album-compact p{max-width: 170px !important; text-align: center; background: #35738c; color: #DFEDF2; font-size: 12px; margin: auto !important;}
@media(max-width: 320px){div.ngg-album-compact img{width:90px !important; padding: 0 5px 0 5px;}}
@media(max-width: 320px){div.ngg-album-compact a{max-width:94px !important;}}
@media(max-width: 320px){div.ngg-album-compact p{max-width:94px !important;}}
@media(max-width: 320px){.content article{padding: 10px !important;}}
@media(min-width: 321px) and (max-width: 420px){div.ngg-album-compact img{width:110px !important; padding: 0 5px 0 5px;}}
@media(min-width: 321px) and (max-width: 420px){div.ngg-album-compact a{max-width:110px !important; font-size: 13px;}}
@media(min-width: 321px) and (max-width: 420px){div.ngg-album-compact p{max-width:110px !important;}}
@media(min-width: 321px) and (max-width: 420px){.content article{padding: 15px !important;}}
@media(min-width: 421px) and (max-width: 767px){div.ngg-album-compact img{width:90px !important; padding: 0 5px 0 5px;}}
@media(min-width: 421px) and (max-width: 767px){div.ngg-album-compact a{max-width:110px !important;}}
@media(min-width: 421px) and (max-width: 767px){div.ngg-album-compact p{max-width:110px !important;}}
@media(min-width: 421px) and (max-width: 767px){.content article{padding: 15px !important;}}
div.ngg-album-compact img{width: 150px;}
.ngg-navigation{margin-bottom: 20px; padding-bottom: 20px !important; padding-top: 0 !important;}

/**Google Calendar**/
#text-19 > div:nth-child(1) > iframe:nth-child(1){height: 280px;}

/**Contact US Form**/
#fscf_name1, #fscf_email1, #fscf_field1_2, #fscf_field1_3, #fscf_captcha_code1{width: 100% !important; max-width:100% !important;}
#fscf_submit1{padding: 3px 30px;}
#fscf_form1{margin-bottom: 50px;}

/**Database System Form**/
#FSContact() input{max-width: unset !important;}
#FSContact() select{max-width: 99% !important;}

/**Footer**/
#footer{background: #004aad;}
div.anchor aside .textwidget{color: #f9e429;}
div.anchor .widget-title, ul abbr{color: #f9e429;}
div.anchor .textwidget iframe{background-color: #f9e429!important;}


/**Announcement**/
#text-20 h3.widget-title{color: #000;}
.widget_menu a{font: 16px roboto;}
.widget_menu a:hover{text-decoration: underline #35738C;} 

/**OTW Shortcode Widget**/
.otw-sc-tabs .ui-tabs-panel{box-shadow: unset !important; border-color: hsla(0,0%,4%,.25) !important; border-radius: 3px !important; height: auto;}
.otw-sc-tabs .ui-tabs-nav li.ui-tabs-active a{background-image: linear-gradient(#ffffff, #f8f8f8) !important;}
.otw-sc-tabs .ui-tabs-panel{height: auto; overflow: auto;}
@media(max-width: 360px){#banner-section-1{margin-top: 15px;}}
@media(max-width: 639px){#sidebar-right{margin-top: 30px;}}

/**Post**/
.thumbnail{width: 150px; height: 150px;}
.entry-content p{line-height:1.4;}
.nav-previous a{padding: 7px 12px 7px 12px; background: #EFEFEF; border-radius: 3px;}
.nav-next a{padding: 7px 12px 7px 12px; background: #EFEFEF; border-radius: 3px;}

/**Social Media Icons**/
.socialmediaicons{margin-right: 20px;}

/**Meta Slider**/
.metaslider-13624 .caption-wrap{background: #ba5d00 !important; color: #ffffff !important; font: 15px Calibri; font-weight: bold;}
.metaslider-15947 .caption-wrap{background: #b954eb !important; color: #ffffff !important; font: 15px Calibri; font-weight: bold;}
.metaslider-13624 .slides img {border: 5px solid #ba5d00 !important;}
.metaslider-15947 .slides img {border: 5px solid #b954eb !important;}
.flex-control-paging li a{width: 13px !important; height: 8px !important;}

/**Officials Column**/
#officials{margin: 100px 0 30px 0;}
#officialsinfo{font-size: 20px;}
#officialsname{font-size: 26px; color: #348bb4;}
#officialsimg{margin-bottom: 40px; box-shadow: 0 5px 15px #F1F1F1;}