/*
Theme Name: govph
Theme URI: www.gov.ph
Author: Jon Cuevas, Randy Pallones, John Mark Perocho, Zim Arcilla and Gerard D. Baula
Author URI: http://archondigital.com/
Description: This is a custom theme developed by the Presidential Communications Development and Strategic Planning Office for the Official Gazette / National Government Portal. The template is based on the Unified Web Content Policy - Government Web Template (UWCP-GWT) as mandated by Administrative Order No. 39 s.2013. The UWCP-GWT was developed using Automattic's govph and Zurb's Foundation framework as base. Extended by Presidential Communications Operations Office from 2016 and onwards.
Version: 5.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: govph
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
govph is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

@import url(//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);
/*@import urli(//fonts.googleapis.com/css?family=Montserrat:400,700);*/

html, body {height: 100%; width: 100%; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased;}

/*foundation overrides - always use _settings.scss if possible */
/*.row {max-width: 80em;}*/ /*edited _settings.scss $row-width: rem-calc(1280);*/

/* Add Class for Images */
img.alignright { float: right; margin: 0 0 0.625rem 0.625rem; }
img.alignleft { float: left; margin: 0 0.625rem 0.625rem 0; }
img.aligncenter { display: block; margin: 0.625rem auto; }
.alignright { float: right; margin: 0 0 0.625rem 0.625rem; }
.alignleft { float: left; margin: 0 0.625rem 0.625rem 0; }
.aligncenter { display: block; margin: 0.625rem auto; }

.wp-caption { max-width: 100%;/*margin-bottom: 1.5em;*/ }
/* .wp-caption.alignnone {} */
.wp-caption img[class*="wp-image-"] {display: block; margin: 0 auto;}
.wp-caption-text {font-size: .8rem; color: #666; line-height: 1rem;}
.wp-caption .wp-caption-text {background: #f2f2f2; padding: 0.625rem; margin-bottom: 0.625rem;}

/*figure {display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px;}*/
figure {display: block; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -moz-margin-before: 0; -moz-margin-after: 0; -moz-margin-start:0; -moz-margin-end:0;}

/*typography*/
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; font-weight: bold; text-transform: uppercase; line-height: .9;}

.entry-title {text-transform: none;}

/* .entry-content {} */
.entry-content table {width: 100%;}

p { color: #444; font-weight: 400; font-size: 1rem; line-height: 1.8; margin-bottom: 1.25rem; -webkit-font-smoothing: antialiased;}
p.lead, .taxonomy-description p {font-size: 1.51875rem; line-height: 1.4; color: #666;}
/*.entry-content p:nth-child(1), .entry-content p:nth-child(2) {font-size: 1.51875rem; line-height: 1.4; color: #666;}*/

.entry-footer, .entry-meta {font-size: .8em; color: #666;}

footer.entry-footer {padding-bottom: 2.5rem;}

.breadcrumbs {
	padding: 0;
	overflow: hidden;
	margin-left: 0;
	list-style: none;
	border: none;
	background: transparent;
}

.fullwidth {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: initial;
}

/* .widget-text {} */
.ph-standard-time {color: #666; font-size: 80%;}
.skip-link, .screen-reader-text {display: none;}

/*top bar*/
#main-nav {background: #f7f7f7; border-bottom: 1px solid #e9e9e9;}

#nav-megamenu { border-top: 1px solid #e9e9e9; background: #e9e9e9;}
	#nav-megamenu .nav-sub {background: #e9e9e9; text-align: right;}
		#nav-megamenu .nav-sub h3 {padding: 3rem 2rem 0 2rem;}
		#nav-megamenu .nav-sub p {padding: 0rem 2rem;}
		#nav-megamenu .nav-sub-content {background: #f5f5f5; min-height: 600px;}
	#nav-megamenu .tabs.vertical {width: 100%;float: left;margin-bottom: 1.25rem;}
	#nav-megamenu .tabs .tab-title a {background: #e9e9e9;}
	#nav-megamenu .tabs .tab-title a { font-family: "Roboto", sans-serif; text-transform: uppercase;}
	#nav-megamenu .tabs .tab-title.active a {background: #f5f5f5;color: #222222;}
	#nav-megamenu .tabs-content.vertical > .content {padding: 2rem 0.9375rem;}

.megamenu p {font-weight: 400;}

.top-bar .name h1 /*, .top-bar-section ul li>a*/ {font-family: "roboto condensed", sans-serif; text-transform: none;}
.top-bar-section ul li > a {font-family: "Roboto", sans-serif; text-transform: none; margin-bottom: -13px; height: 58px !important;}

.top-bar .name span { line-height: 58px; font-size: 19px; margin: 0;}
.top-bar .name span a { font-weight: 400; color:#333; width: 75%; display: block; padding: 0 15px;}

.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button):hover {background: #e9e9e9;}


/*masthead*/
#masthead {background:#fff; border-bottom: 1px solid #f2f2f2; padding: 1rem 0;}
	/*#masthead #logo h1 a {background: url('assets/images/logo-og285mono60black.png') center center no-repeat;}*/
	#masthead #logo h1.site-title a, #masthead #logo h2.site-title a {display: block; height: 60px; width: 285px; margin:0 auto; padding:0; text-indent: -9999px;}
	#masthead .site-description {display: block; height: 1px; margin:0; padding:0; text-indent: -9999px;}

	/*#masthead #logo.colored h1.site-title a {background: url('assets/images/OG-Christmas.gif') center center no-repeat;}*/
	#masthead #logo.colored h1.site-title a {background: url('assets/images/logo-og285colored.png') center center no-repeat; background-size: 285px;}
	#masthead #logo.dark h1.site-title a {background: url('assets/images/logo-og285mono40black.png') center center no-repeat; background-size: 285px;}
	#masthead #logo.light h1.site-title a {background: url('assets/images/logo-og285mono60.png') center center no-repeat; background-size: 285px;}
	/*.home #masthead #logo {background: url('assets/images/logo-og285mono60black.png') center center no-repeat;} */
	/*logo-og285colored.png*/

#above-the-fold {position: relative;}




/*banner*/
#banner {background: #fcfcfc; border-bottom: 1px solid #f2f2f2; padding: 1.25rem 0;}
	#banner .bg-banner {background: #f2f2f2; border: 1px solid #d8d8d8;}

	/*banner 3/4 right panel*/
	#banner #featured01 {padding: 1.25rem;}
			#featured01 h3, #featured01 h4, #featured01 p {color: #666;}

	/*banner main */
	#banner.banner-main {padding:0;}
	#banner.banner-main {border: none;}

	/* #banner.banner-main	.orbit-container .orbit-slides-container { } */

	/* .orbit-container .orbit-slides-container li.slide-html {} */
	.orbit-container .orbit-slides-container li.slide-html .slide-content {position: absolute; top: 0; width: 100%; height: auto;}

#banner-square {margin-bottom: 0.625rem;}

#featured {background: #f1f1f1; padding: 1.25rem;}
	#featured h3 {font-size: 95%; text-transform: uppercase;}
	#featured h2 {font-size: 110%; text-transform: uppercase;}

/* #featured-main {} */
	#featured-main #banner-container { border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 1.25rem; background: #f2f2f2; }
	#featured-main h3 {font-size: 95%; text-transform: uppercase;}

#eservices {padding: 1.25rem;}
	#eservices h2 {text-transform: none;}

/*main*/
#main {padding: 1.25rem 0 0 0;}
	header.entry-header, .archive #banner {border-bottom: 1px solid #e9e9e9; padding-bottom: 1.25rem; margin-bottom: 1.25rem; }
	header.entry-header h1, .archive #banner h1 {padding-top: 4rem;}

section.widget {padding: 1.25rem;}

.entry-list ul {display: block; margin: 0; padding: 0}
.entry-list li {display: block; font-size: 80%; list-style: none; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 0.625rem;}
.entry-list li a {color: #666;}
.entry-list li a:hover {color: #222;}
/*search*/
#search-bar {padding: 1.25rem 0;}
#search-bar,
.widget-feedback {
	background: #0060a9;
}
.feedback-nav-main h2 {display: block; background: #0d4e86; border-radius: 50%; border: 1px solid #2b74ac; width: 180px; height: 180px; margin: 50px auto; position: relative;}
.feedback-nav-main h2 a {display:block; width: 180px; height: 180px; font-size: 50%; padding: 0 20px; color: #fff; text-transform: uppercase; font-weight: normal; position: absolute; top: 60px;}
.feedback-nav-main h2 a span {display: block; font-size: 80%; color: #9cc8e5; padding-top: .65rem;}

/*reports*/
canvas {margin-top: 4rem;}

/*feedback*/
.page-template-page-alamin-php #banner {background: #0058A2;}
	.page-template-page-alamin-php #banner h1.entry-title {color: #fff; margin-top: 6rem;}

/*services*/
#summary {margin-bottom: 6rem;}

/*magellan*/
/* #nav-article {} */
[data-magellan-expedition-clone], [data-magellan-expedition] {min-width: 290px;}

/* [data-magellan-expedition] h6 small {} */

.sub-nav dd, .sub-nav dt, .sub-nav li {
	float: none;
	display: block;
	font-family: 'Roboto', sans-serif;

	/*text-transform: uppercase;*/
	/*font-style: bold;*/
	/*color: #fff;*/
	/*font-size: 1em;
	text-rendering: optimizeLegibility;
	text-align: left;*/

}
.sub-nav dd, .sub-nav dt, .sub-nav li:hover {}

[data-magellan-expedition-clone] {min-width: 290px; display: none;}
[data-magellan-expedition] {min-width: 290px;}

[data-magellan-expedition] .sub-nav, [data-magellan-expedition] .sub-nav dd {}

/* [data-magellan-expedition] .sub-nav dd {}

[data-magellan-expedition] .sub-nav dd:hover {}

[data-magellan-expedition] .sub-nav	{}

[data-magellan-expedition-clone] .sub-nav a, [data-magellan-expedition] .sub-nav a {} */

/*pagination*/
.navigation {padding: 1.25rem;}

/* Category and Archive */
ul.children {
	list-style: none;
	margin: 0 1.1rem .55rem;
}

li.cat-item {
	margin: .55rem;
}

/*footer*/
#footer {background: #e9e9e9; padding: 1.25rem 0; border-top: 1px solid #f2f2f2;}
	/* #footer img.republic-seal {} */
	#footer h4, #footer p, #footer li, #footer a {color: #999;}
	#footer h4 {font-size: 60%;}
	#footer p, #footer li {font-size: 70%;}
	#footer ul {padding: 0; margin: 0; }
	#footer li {list-style: none; display: block;}

.widget-trending.widget-trending-home {background: #0060a9; padding: .9375rem;}
	.widget-trending-home {border-bottom: 1px solid #0d4e86;}
	.widget-trending p, .widget-trending p a {margin: 0; font-size: 90%; display: inline;}
	.widget-trending-home p, .widget-trending-home p a, .widget-trending-home li a {color: #fff; margin: 0; font-size: 90%;}
	.widget-trending a:hover {color: #9cc8e5; text-decoration: underline;}
	.widget-trending ul {list-style: none; display: inline;}
	.widget-trending li {color: #fff; font-size: 90%; margin: 0; padding: 0; display: inline;}
	div.widget-trending li:after {content: ", ";}
	div.widget-trending li:last-child:after {content: ".";}

/* Style for search result */
#searchform {
	position: relative;
}

#resultWrapper {
	display: none;
	position:absolute;
	float: right;
	background:#fff;
	width:100%;
	top: 2.3125rem;
	padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.types {
	padding: 5px;
	background: #eee;
}

.result {
	padding: 5px;
}

.result p {
	margin: 0 .8rem;
}

/* Mega Menu */
.megamenu {
  border-top: 1px solid #e9e9e9;
  display: none;
  margin: 0px;
  max-width: 100%;
  width: 100%;
  left: 0;
  background: #f7f7f7;
  top: 59px;
  min-height: 100%;
}

/* Feedback */
.single-govph_feedback #main {
	padding: 0;
}

.single-govph_feedback .entry-content {
	padding: 2.0rem;
	margin-top: 4rem;
}

.single-govph_feedback #primary ul {
	margin-bottom: 2.0rem;
}

#feedback-slide {
	height: 100%;
}

#feedback {
	background-color: #0d4e86;
	height: 100%;
	padding-top: 10%;
}

.button_circle {
	display:block;
	width:200px;
	height:200px;
	border-radius:100px;
	font-size:18px;
	color:#fff;
	padding-top: 75px;
	text-align:center;
	background:#0060a9;
	margin: 0 auto;
	border: 1px solid #0f5c9d;
	text-transform: uppercase;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.single-govph_feedback .button_circle {
	margin-top: 1.5rem;
}

.button_circle h3, .button_circle p {
	color: #ffffff;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

a.button_circle:hover {
	background-color: #ffffff;
	color: #0060a9;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

a.button_circle:hover h3, a.button_circle:hover p {
	color: #0060a9;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.border-left {
	border-width: 1px;
	border-color: #d9d9d9;
	border-left-style: solid;
	list-style: none;
}

.border-left li {
	margin-left: 20px;
}

.feedback-single, .circle-buttons {
	background: #0d4e86;
	height: 290px;
	padding-top: 40px;
}


.govph_feedback {
	overflow: hidden;
}

.single-feedback {
	background: #0d4e86;
	height: 250px;
}

.circle h1 {
	color: white;
	font-size: 36px;
	margin: 0;
	line-height: 34px;
	font-weight: bold;
}


.circle-active {
	font-size: 30px;
	color: white;
	position: relative;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}

.circle-active p {
	color: #fff;
	text-transform: uppercase;
}

.circle-active h1 {
	font-size: 84px;
	font-weight: bold;
	color: white;
	margin-bottom: 0;
	line-height: 84px;
	-webkit-font-smoothing: antialiased;
}

ul.initiatives-thumb li {
	list-style: none;
	display: inline-block;
	margin-right: 1.5rem;
	width: 270px;
}

.on-progress {
	color: #aaa;
}

.others-specify {
	display: none;
}

.follow-up {
	display: none;
}

.has-form input.search-field {
	margin-top: 6px;
}

/**
	YOLANDA PAGE STYLES
**/

.yolanda-main #masthead-full {
	height: 100%;
	width: 100%;
	background: url(assets/images/yolanda-bg2.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}

.yolanda-main #masthead-full #masthead-full-content {
	background-color: transparent;
	width: 100%;
	position: absolute;
	top: 26%;
	text-align:center;
}
	.yolanda-main #masthead-full-content .panel { background: rgba(0,0,0,0.6); border: none; margin: 0;}
	.yolanda-main #masthead-full-content h1, #masthead-full-content p {font-family: 'Roboto Condensed', sans-serif; margin: 0; color: #fff; text-transform: initial;}
	.yolanda-main #masthead-full-content h1 {margin-top: 3rem;}
	.yolanda-main #masthead-full-content .panel h4, #masthead-full-content .panel p {font-family: 'Roboto Condensed', sans-serif; margin: 0; color: #fff;}
	.yolanda-main #masthead-full-content .panel small {font-family: 'Roboto Condensed', sans-serif; color: #979797 !important;}

.yolanda-main #masthead-full a {
	display: block;
	padding: 10px;
	border: 3px solid white;
	color: white;
	font-weight: 700;
	margin-top: 20px;
	font-size: 20px;
	transition: background-color 300ms ease-out;
}


.yolanda-main #main {
	padding: 40px 0 0 0!important;
}
.yolanda-main #masthead-full a:hover {
	background: white;
	color: black;
}

.yolanda-main #masthead-full-content img {
	margin-bottom: 20px;
}

.yolanda-main #featured h2 {
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 28px;
}

.yolanda-main #featured {
	padding-top: 3.25rem;
}

.yolanda-main #featured .featured-banner img {
	width:100%;
}

.yolanda-main h1.main-title {
	font-family: 'Roboto', sans-serif!important;
	font-weight: 900!important;
	font-size: 130px;
	text-transform: uppercase;
	margin-top: 0!important;
	-webkit-font-smoothing: antialiased;
	font-variant: small-caps;
}

.yolanda-main .sub-header{
	line-height: 56px;
	color: white;
	font-size: 54px;
}

.yolanda-main #featured .featured-banner button:before {
	color:gray;
}


.yolanda-main #featured .button {
	font-family: 'roboto condensed' , sans-serif;
	font-weight: 400;
}

.yolanda-main .info img{
	width: 60px;
	float: left;
	margin-right: 10px;
}

.yolanda-main .info h5{
	line-height: 60px;
	margin: 0;
}

.yolanda-main .panel {
	border:0;
}
.yolanda-main .info ul{
	list-style: none;
	margin: 0;
	margin-top: 10px;
}

.yolanda-main .info ul li{
	line-height: 18px;
	font-size: 14px;
	border-bottom: 1px dashed gray;
	padding-bottom: 8px;
	padding-top: 8px;
}

.yolanda-main .fa {
	margin-right: 6px;
	color:gray;
}

.yolanda-main .section-container {
	min-height: 100%;
}

.yolanda-main .testi-container {
	min-height:40%;
}

.yolanda-main section.yolanda-title {
	padding: 40px 0;
}

.yolanda-main section.yolanda-title h3 {
	border-bottom: 1px solid #666;
	padding-bottom: 20px;
	font-size: 40px;
}

.yolanda-title h3 {
	text-transform: none;
}

.yolanda-main #rescue, .yolanda-main #relief, .yolanda-main #bbb, .yolanda-main #entries, .yolanda-main #testi {
	position: relative;
	top: -62px;
}

.yolanda-main dd {
	margin: 0;
}

.yolanda-main .sub-nav {
	margin: 0;
}

.yolanda-main [data-magellan-expedition] {
	width: 100%;
	position: relative;
}

.yolanda-main [data-magellan-expedition] a {
	border-color: black;
	color: black;
}

.yolanda-main dd.active a {
	border-color: #008cba!important;
	color: white!important;
	border-radius: 0!important;
}

.yolanda-main dd.active a:hover {
	color: #0078a0!important;
}

.yolanda-nav {
	background: transparent;
}
.yolanda-nav .show-on-scroll {
	display: none;
}

.yolanda-main .fixed-nav {
	background: rgb(237, 237, 237)!important;
	transition: background-color 600ms ease-out;
}

.yolanda-main .fixed-nav .show-on-scroll {
	display: block!important;
}

.yolanda-main .fixed-nav .show-before-scroll {
	display: none;
}

.yolanda-main .fixed-nav a {
	padding: 0!important;
	border: 1px solid!important;
	font-weight: 300!important;
}

.yolanda-main .fixed-nav a:hover, .to-top:hover {
	color: #0078a0!important;
	border-color: #0078a0!important;
	background: transparent!important;
}

.yolanda-main .show-on-scroll .large-11 {
	display: block;
	}

.yolanda-main .fixed-nav .sub-nav{
	padding: 20px;
}

.yolanda-main .fixed-nav a{
	border-color: black!important;
	color: black!important;
	margin: 0!important;
	 -webkit-font-smoothing: antialiased;
}

.yolanda-main .to-top .fa {
	margin: 0;
	color: black;
}

.yolanda-main .to-top:hover .fa {
	color: #0078a0;
}

.yolanda-main .banner-text {
	display: block;
}

.yolanda-main .banner-text p {
	font-size: 21px!important;
	line-height: 28px!important;
}


/* SLICK SLIDE CUSTOM STYLES */
.yolanda-main .slick-prev {
	left: 10px!important;
}

.yolanda-main .slick-next {
	right: 10px!important;
}

.yolanda-main .testi-banner button:before {
	color:gray;
}

.yolanda-main .testi-banner .slick-prev {
	left: -25px!important;
}

.yolanda-main .testi-banner .slick-next {
	right: -25px!important;
}

.yolanda-main .slick-slide {
	padding: 0 5px!important;
}

.yolanda-main span.testi-name {
	color: #0078a0;
	font-style: italic;
}

.yolanda-main .bbb-titles {
	margin-bottom: 20px;
	background: rgb(234, 234, 234);
	padding: 20px;
}

.yolanda-main .bbb-titles img {
	width: 80px;
	float: left;
	margin-right: 10px;
}

.yolanda-main .bbb-titles h3 {
	line-height: 80px;
	margin:0;
}

.yolanda-content h4 {
	text-transform: none;
}

.yolanda-main .panel > :first-child {
	margin-bottom: 10px;
}

/* MEDIA QUERIES */

/* Small screens*/
/* @media only screen {

	.yolanda-main #masthead-full #masthead-full-content {
		top: 20%;
	}

	.yolanda-main .show-on-scroll .large-11 {
		display: none;
	}

	.yolanda-main h1.main-title {
		font-size: 34px;
	}

	.yolanda-main .sub-header {
		font-size: 36px;
	}

	.yolanda-main #rescue {
		top: -110px;
	}

	.yolanda-main .banner-text {
		display: none;
	}

	.yolanda-main #masthead-full a {
		margin-top: 10px;
	}

	.yolanda-main #masthead-full hr {
		margin: 0.25rem 0 1.1875rem;
	}

} */ /* Define mobile styles */

@media only screen and (max-width: 40em) {

	.yolanda-main #masthead-full #masthead-full-content {
		top: 16%;
		}

	.yolanda-main .show-on-scroll .large-11 {
		display: none;
		}

	.yolanda-main h1.main-title {
		font-size: 34px;
		}

	.yolanda-main .sub-header {
		font-size: 36px;
		}

	.yolanda-main #rescue {
		top: -52px;
		}

	.yolanda-main .banner-text {
		display: none;
		}

	.yolanda-main #masthead-full a {
		margin-top: 10px;
		}

	.yolanda-main #masthead-full hr {
	margin: 0.25rem 0 1.1875rem;
		}

 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

	/*banner main */

	.orbit-container .orbit-slides-container li .orbit-caption {
		position: relative;
		bottom: inherit;
		background-color: #000;
		color: #fff;
		width: 100%;
		padding: .625rem .875rem;
		font-size: .875rem;
		float: left;
	}

.orbit-container .orbit-slides-container li.slide-html .slide-content {position: absolute; top: 0px; width: 100%; height: auto;}

.home #masthead {background: inherit; width: 100%; z-index: 10; position: relative; top: inherit; border: inherit;}

	/*// Medium screens*/
@media only screen and (min-width: 40.063em) {


	.yolanda-main #masthead-full #masthead-full-content {
		top: 20%;
	}

	/*.yolanda-main .show-on-scroll .large-11 {
		display: none;
	}*/

/*.yolanda-main .banner-text {
		display: none;
	}*/

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.orbit-container .orbit-slides-container li.slide-html .slide-content {position: absolute; top: 0; width: 100%; height: auto;}

	#search-bar {padding: 0; width: 100%; position:relative; padding-top: .9375rem;}

	.yolanda-main #masthead-full #masthead-full-content { top: 20%; }

	.yolanda-main .show-on-scroll .large-11 {	display: none; }

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*// Large screens*/
@media only screen and (min-width: 64.063em) {
	/*banner main */
	.orbit-container .orbit-slides-container li .orbit-caption {
		position: absolute;
		bottom: 0;
		background-color: rgba(51,51,51,.8);
		color: #fff;
		width: 100%;
		padding: .625rem .875rem;
		font-size: .875rem;
	}
	.orbit-container .orbit-slides-container li.slide-html .slide-content {position: absolute; top: 120px; width: 100%; height: auto;}

	/*	.home #masthead {background: transparent; width: 100%; z-index: 10; position: absolute; border: none;}*/

	/*	#search-bar {padding: 0; width: 100%; position:absolute; bottom: 72px; z-index: 10; background: transparent;}*/
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/*// XLarge screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*// XXLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens

/* Yolanda Media Queries End */

/**
	Special Section PAGE STYLES
**/

.special-section #masthead-full {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}

.special-section #masthead-full #masthead-full-content {
	background-color: transparent;
	width: 100%;
	position: absolute;
	top: 26%;
	text-align:center;
}
    .special-section #masthead-full-content .panel { background: rgba(0,0,0,0.6); border: none; margin: 0;}
    .special-section #masthead-full-content h1, #masthead-full-content p {font-family: 'Roboto Condensed', sans-serif; margin: 0; color: #fff; text-transform: initial;}
    .special-section #masthead-full-content h1 {margin-top: 3rem;}
    .special-section #masthead-full-content .panel h4, #masthead-full-content .panel p {font-family: 'Roboto Condensed', sans-serif; margin: 0; color: #fff;}
    .special-section #masthead-full-content .panel small {font-family: 'Roboto Condensed', sans-serif; color: #979797 !important;}

.special-section #masthead-full a {
	display: block;
	padding: 10px;
	border: 3px solid white;
	color: white;
	font-weight: 700;
	margin-top: 20px;
	font-size: 20px;
	transition: background-color 300ms ease-out;
}

.show-on-mobile {
	display: none;
}

.special-section #main {
	padding: 40px 0 0 0!important;
}
.special-section #masthead-full a:hover {
	background: white;
	color: black;
}

.special-section #masthead-full-content img {
	margin-bottom: 20px;
}

.special-section #featured h2 {
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 28px;
}

.special-section #featured {
	padding-top: 3.25rem;
}

.special-section #featured .featured-banner img {
	width:100%;
}

.special-section h1.main-title {
	font-family: 'Roboto', sans-serif!important;
	font-weight: 900!important;
	font-size: 100px;
	margin-top: 0!important;
	-webkit-font-smoothing: antialiased;
}

.special-section .mobile-button {
	background: white;
	color: black;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 0 auto;
}

.special-section .mobile-button .fa{
	font-size: 30px;
	margin-top: -6px;
	margin: 0;
	color: black;
}

.special-section .sub-header{
	line-height: 46px;
	color: white;
	font-size: 46px;
}

.special-section #featured .featured-banner button:before {
	color:gray;
}


.special-section #featured .button {
	font-family: 'roboto condensed' , sans-serif;
	font-weight: 400;
}

.special-section .info img{
	width: 60px;
	float: left;
	margin-right: 10px;
}

.special-section .info h5{
	line-height: 60px;
	margin: 0;
}

.special-section .panel {
	border:0;
}
.special-section .info ul{
	list-style: none;
	margin: 0;
	margin-top: 10px;
}

.special-section .info ul li{
	line-height: 18px;
	font-size: 14px;
	border-bottom: 1px dashed gray;
	padding-bottom: 8px;
	padding-top: 8px;
}

.special-section .fa {
	margin-right: 6px;
	color:gray;
}

.special-section .section-container {
	min-height: 100%;
}

.special-section .testi-container {
	min-height:40%;
}

.special-section section.section-title {
	padding: 40px 0;
}

.special-section section.section-title h3 {
	border-bottom: 1px solid #666;
	padding-bottom: 20px;
	font-size: 40px;
}

.special-section .section-title h3 {
	text-transform: none;
}

#section-1, #section-2, #section-3, #section-4, #section-5, #section-6, #section-7, #section-8 {
	position: relative;
	top: -70px;
}

.special-section dd {
	margin: 0;
}

.special-section .sub-nav {
	margin: 0;
}

.special-section [data-magellan-expedition] {
	width: 100%;
	position: relative;
}

.special-section [data-magellan-expedition] a {
	border-color: black;
	color: black;
}

.special-section dd.active a {
	border-color: #008cba!important;
	color: white!important;
	border-radius: 0!important;
}


.special-section dd.active a:hover {
	color: #0078a0!important;
}

.section-nav {
	background: transparent;
}
.section-nav .show-on-scroll {
	display: none;
}

.special-section .show-on-scroll ul {
	margin: 0!important;
}

.special-section li.empty {
	display: none!important;
}

.special-section .show-on-scroll ul li, .special-section .section-nav ul li{
	display: inline-block!important;
	margin: 0 5px;
}

.special-section .section-nav ul {
	margin-bottom: 5px!important;
}

.special-section .section-nav ul li a {
	padding: 10px 22px!important;
}

.special-section .fixed-nav {
	background: rgb(237, 237, 237);
	transition: background-color 600ms ease-out;
	top: 0px!important;
}

.special-section .fixed-nav .show-on-scroll {
	display: block!important;
}

.special-section .fixed-nav .show-before-scroll {
	display: none;
}

.special-section .fixed-nav a {
	padding: 4px 20px!important;
	border: 1px solid!important;
	font-weight: 300!important;
}

.special-section .fixed-nav a:hover, .to-top:hover {
	color: #0078a0!important;
	border-color: #0078a0!important;
	background: transparent!important;
}

.special-section .fixed-nav .sub-nav{
	padding: 20px;
}

.special-section .fixed-nav a{
	border-color: black!important;
	color: black!important;
	margin: 0!important;
	 -webkit-font-smoothing: antialiased;
}

.special-section .show-on-scroll .large-11 {
		display: block;
		}

.special-section .to-top .fa {
	margin: 0;
	color: black;
}

.special-section .to-top:hover .fa {
	color: #0078a0;
}

.special-section .banner-text p {
	font-size: 21px!important;
	line-height: 28px!important;
}


/* SLICK SLIDE CUSTOM STYLES */
.special-section .slick-prev {
	left: 10px!important;
}

.special-section .slick-next {
	right: 10px!important;
}

.special-section .testi-banner button:before {
	color:gray;
}

.special-section .testi-banner .slick-prev {
	left: -25px!important;
}

.special-section .testi-banner .slick-next {
	right: -25px!important;
}

.special-section .slick-slide {
	padding: 0 5px!important;
}


.section-content h4 {
	text-transform: none;
}

.special-section .panel > :first-child {
	margin-bottom: 10px;
}

.special-section .show-on-mobile .toggle-topbar a {
	border: 0!important;

}

.special-section .show-on-mobile .top-bar, .special-section .show-on-mobile .title-area  {
	background: transparent!important;
}

.special-section .show-on-mobile .left{
	margin-bottom: 12px;
}

.special-section .show-on-mobile ul li {
	display: block!important;
	margin-bottom: 2px;
}

/** Special Section MEDIA QUERIES **/

/*// Small screens*/
@media only screen {

	.special-section #masthead-full #masthead-full-content {
		top: 20%;
		}


	} /* Define mobile styles */

@media only screen and (max-width: 40em) {

	.special-section #masthead-full #masthead-full-content {
		top: 20%;
		}

	.special-section .show-on-scroll .medium-11 {
		display: none;
		}

	.special-section h1.main-title {
		font-size: 34px!important;
		}

	.special-section .sub-header {
		font-size: 22px!important;
		}

	#section-1, #section-2, #section-3, #section-4, #section-5, #updates {
		top: -50px!important;
		}

	.special-section #masthead-full a {
		margin-top: 0px!important;
		}

	.special-section #masthead-full hr {
		margin: 0.25rem 0 1.1875rem!important;
		}

	.hide-on-mobile {
		display: none;
		}

	.show-on-mobile {
		display: block;
		}

	.special-section .fixed-nav .show-on-scroll {
		padding: 0;
	}

	} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*// Medium screens*/
@media only screen and (min-width: 40.063em) {

	.special-section #masthead-full #masthead-full-content {
		top: 20%;
		}

/*	.special-section .show-on-scroll .large-11 {
		display: none;
		}*/


	} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

	.special-section #masthead-full #masthead-full-content {
		top: 20%;
		}



	} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens*/
/* @media only screen and (min-width: 64.063em) {

	} */ /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

	.special-section h1.main-title {
		font-size: 76px!important;
	}

	.special-section h4.sub-header {
		font-size: 36px!important;
	}

	.special-section #masthead-full a {
		font-size: 16px;
	}

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens*/
/* @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

/* @media only screen and (min-width: 90.063em) and (max-width: 120em) { } */ /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens*/
/* @media only screen and (min-width: 120.063em) { }  *//* min-width 1921px, xxlarge screens */


/* Year Ender Page */

.year-ender .sub-nav.show-on-scroll li a {
	font-size: 12px!important;
	padding: 6px 6px!important;
}

.year-ender .sub-nav.show-before-scroll li a {
	margin: 0!important;
	padding: 0!important;
	border:0!important;
	transition: opacity 300ms ease-out;
}

.year-ender .sub-nav.show-before-scroll li a:hover {
	background:transparent;
	opacity: .8;
}

.year-ender #masthead-full #masthead-full-content {
	top:60%!important;
}

/* PAPAL VISIT STYLES */

/* .papal-visit #masthead-full {} */

.papal-visit h1.main-title {
	font-size: 78px!important;
	font-weight: 600!important;
	line-height: 85px!important;
}

.papal-visit .papal-flags {
	width: 50%;
	margin-bottom: 50px!important;
}

.papal-visit.special-section .sub-nav.show-on-scroll li a {
	font-size: 12px!important;
	padding: 6px 10px!important;
}

.papal-visit #masthead-full #masthead-full-content {
	top:14%;
}

/* Small screens */

@media only screen and (max-width: 40em) {

	.papal-visit h1.main-title {
		font-size: 30px!important;
		line-height: 32px!important;
	}

	.papal-visit .papal-flags {
		width: 80%!important;
		margin-bottom: 50px!important;
	}

	.papal-visit h4.sub-header {
		font-size: 20px!important;
	}

	.papal-visit #masthead-full {
		background-position-x: -800px;
	}

	.papal-visit .section-content iframe.papal-livestream {
		width:100%!important;
		height: 200px!important;
	}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
/* @media only screen and (min-width: 40.063em) { }  min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

	.papal-visit h1.main-title {
		font-size: 60px!important;
		font-weight: 600!important;
		line-height: 62px!important;
	}

	.papal-visit .papal-flags {
		width: 38%!important;
		margin-bottom: 50px!important;
	}

	.papal-visit.special-section .sub-nav.show-on-scroll li a {
		font-size: 12px!important;
		padding: 6px 4px!important;
	}

	.papal-visit.special-section .sub-nav.show-on-scroll li{
		margin: 0px 2px!important;
	}

	.papal-visit.special-section .sub-nav.show-on-scroll ul{
		margin: 0px!important;
	}

	.papal-visit #masthead-full #masthead-full-content {
		top:6%!important;
	}

	.papal-visit h4.sub-header {
		line-height: 28px!important;
		font-size: 28px!important;
	}

	.papal-visit .hide-on-mobile .to-top {
		line-height: 24px!important;
	}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
/* @media only screen and (min-width: 64.063em) {} min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

	.papal-visit h1.main-title {
		font-size: 80px!important;
		font-weight: 600!important;
		line-height: 85px!important;
	}

	.papal-visit .papal-flags {
		width: 38%!important;
		margin-bottom: 50px!important;
	}

	.papal-visit #masthead-full #masthead-full-content {
		top:8%!important;
	}

	.papal-visit.special-section .sub-nav.show-on-scroll li a {
		font-size: 12px!important;
		padding: 6px 10px!important;
	}

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) {

	.papal-visit h1.main-title {
		font-size: 80px!important;
		font-weight: 600!important;
		line-height: 85px!important;
	}

	.papal-visit .papal-flags {
		width: 38%!important;
		margin-bottom: 50px!important;
	}

	.papal-visit #masthead-full #masthead-full-content {
		top:8%!important;
	}

	.papal-visit.special-section .sub-nav.show-on-scroll li a {
		font-size: 12px!important;
		padding: 6px 10px!important;
	}

} /* min-width 1441px, xlarge screens */

/* @media only screen and (min-width: 90.063em) and (max-width: 120em) { } */ /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
/* @media only screen and (min-width: 120.063em) { } */ /* min-width 1921px, xxlarge screens */

.battle-of-manila .recommended-links p {
	font-size: 14px;
	margin-bottom: 14px;
	line-height: 18px;
}

/* IMAGE GALLERY SHARE (PAGCOR Photo Contest)
================================================== */

.image-gallery-share .fa {
	color: white;
	width: 65px;
	height: 65px;
	text-align: center;
	line-height: 69px;
	border-radius: 50%;
	font-size: 32px;
	margin-right: 7px;
	border: 1px solid white;
	background: transparent;
	-webkit-transition: color .5s, background .5s;
}

.image-gallery-share .fa:hover {
	background: white;
}

.image-gallery {
	text-align: center;
	width: 100%!important;
	margin: 0 auto;
	background-color: white;
	padding: 16px 16px 0 16px;
	/*box-shadow: 1px 1px 8px rgb(184, 184, 184);*/
	margin-bottom: 20px;
	overflow: hidden;
}

.image-gallery img {
	width: 100%;
	transition: all .2s ease-in-out;
}

.image-gallery .image-gallery-wrap:hover img {
	transform: scale(1.1);
	opacity: .3;
}

.image-gallery .image-gallery-wrap:hover .image-gallery-share {
	visibility: visible;
	opacity: 1;
	top: calc(50% - 65px);
}

.image-gallery-button {
	display: block;
	font-size: 30px!important;
	padding: 30px 0!important;
	color: white;
	font-family: 'Montserrat', sans-serif!important;
	background: #303030!important;
	text-align: center;
	margin-top: 40px;
}

.image-gallery-button:hover {
	background-color: #174377!important;
	color: white!important;
}

.image-gallery-wrap {
	overflow: hidden;
	background: black;
}

.image-gallery-share .fa-expand {
	margin-right: 0;
}

.image-gallery-share .fa-twitter:hover{
	color: #22bbf4;
}

.image-gallery-share .fa-facebook:hover {
	color: #314a87;
}

.image-gallery-share .fa-expand:hover {
	color: #000;
}

.image-gallery-share {
	position: absolute;
	top: 0;
	left: calc(50% - 250px);
	color: white;
	font-size: 64px;
	opacity: 1;
	visibility: hidden;
	z-index: 5;
	 -webkit-transition: top .5s;
	 width: 500px;
}

.image-gallery-share p {
	color: white;
	font-size: 20px;
	margin-bottom: 16px!important;
}

.image-gallery-wrap p {
	margin-bottom: 0;
}

.acc-content {
    display: none;
    padding: 10px 20px;
}

.acc-content.active {
    display:block;
}
.acc-title {
    background-color: #e8e8e8;
    padding: 15px;
    cursor: pointer;
    margin-bottom: 2px;
}

.acc-title:hover {
    background-color: #e3e3e3;
}


/* EXTENDED */

/* Additions from PCO September2016 */
.color-blue-gazette{color:#2B5B99;}

span.custom-icons-2016, i.custom-icons-2016 { margin-right:10px!important;}

i.custom-icons-2016 {font-size:1.6em!important;}
span.custom-icons-2016 {font-size:2em!important;}

.custom-category-icon {
	margin-right: 10px!important;
}
i.custom-category-icon {
	font-size:1.4em!important;
}
span.custom-category-icon {
	font-size:1.7em!important;
}


.text-center {text-align:center!important;}
.mb14 {margin-bottom:14px!important;}

/* Additions from PCO; bigger masthead - october 2016 */

#masthead #logo h1.site-title.bigger a, #logo h1.site-title.bigger a {
	background: url('assets/images/logo-og1250colored.png') center center no-repeat;
	background-size: 90%;
}

#masthead #logo h1.site-title.bigger a, #logo h1.site-title.bigger a, #masthead #logo h2.site-title.bigger a, #logo h2.site-title.bigger a {
	display: block;
	height: 17vw;
	width: 100%;
	margin:0 auto;
	padding:0;
	text-indent: -9999px;
}

.text-center-elements, .text-center-elements p, .text-center-elements ul {text-align:center;margin:0 auto;font-size:1.2rem}

.mandate-style ul, .mandate-style ul li {text-decoration:none;list-style: disc outside none;color:#000;}

.accordion .accordion-navigation>a {
    background: inherit;
    color: #222222;
		padding:0;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 1rem;
}

a.surprise-link {
text-decoration:none;color:#fff;
}

.row.blue-row {margin:0;background-color:#2B5B99;}

.sf-override {border-radius:100px!important;padding-right:37px!important;}

button.search-button2, .search-button2 {
  background-color:transparent;
  color:#2b5b99;
  border-radius: 0 100% 100% 0;
  position:absolute;
  top: 1px!important; right: 1px!important;
  padding: 6px 8px 7px 8px!important; margin: 0;
}

.search-button2:hover, .search-button2:focus, .search-button2:active {
  background-color: #2b5b99;
  color: #fff;
}

i.fa.fa-search { font-size:1.4em; }

@media only screen and (max-width:322px) {
	.page-template-page_homepage-oct2016 section.widget h4 {
		font-size:0.83em;
		line-height:1.3em;
	}
}

@media (min-width:323px) and (max-width:359px) {
	.page-template-page_homepage-oct2016 section.widget h4 {
		font-size:0.97em;
		line-height:1.3em;
	}
}

.widget.discla { padding-bottom:5px; }
.widget.discla p {
	font-size:0.7rem;
	text-align:center;
	margin:0;
	line-height:160%;
	}

#other-issuances .btn-more {
	text-align: center;
}

.og-surprise-link {
	color: #7b7b7b!important;
	text-decoration: none;
	font-size: 1.14rem;
	font-weight: 700;
	border-bottom: 0;
	cursor: pointer;
}

.og-surprise-link:hover,
.og-surprise-link:focus {
	border-bottom: 1px solid #7b7b7b;
}

.og-description-link {
	color: #7b7b7b!important;
	text-decoration: none;
	font-size: 1.13rem;
}

.og-description-link-2 {
	color: #7b7b7b!important;
	text-decoration: none;
	font-size: 1rem;
}

.og-desc {
	line-height: 140%;
}

.btn-blue {
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#20386f;
	color: #f1f1f1;
	border-radius:5px;
}

.btn-blue a.btn-link {
	color: #f1f1f1;
	text-decoration:none;
	font-size:1.14rem;
	font-weight:700;
}

.btn-blue:hover {
	border: 1px solid #20386f;
	background-color: #f1f1f1;
	color: #20386f;
}

.btn-blue:hover a.btn-link {
	background-color: transparent;
	color: #20386f;
}

hr {
    margin: 1.25rem auto 1.1875rem;
}

.entry-list li.tab-title {
	border-bottom: 0 none;
}

#trending.trending-list {
	border: 1px solid #000;
	padding: 10px 20px 0;
}


#trending .tabs dd > a,
#trending .tabs .tab-title > a {
	padding: 0.1rem 0.5rem;
	font-size: 0.8rem;
}

#trending .tabs dd.active a,
#trending .tabs .tab-title.active a {
	background: #2b5b99;
  color: #fff;
}

#trending .tabs-content {
	margin-bottom: 0;
}

#trending .tabs-content .content {
	padding: 0.9375rem 0 0;
}


#trending .tabs-content .content .generic-item {
  border-top: 1px solid black;
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 0;
}

#trending .tabs-content .item-number-label {
	font-size: 80%;
}

#trending .tabs-content .list-item-title  {
	display: block;
  font-size: 80%;
  line-height:100%;
  text-decoration: none;
}

#trending .tabs-content .list-item-title a {
  text-decoration: none;
}

#trending .tabs-content .list-item-title a:hover,
#trending .tabs-content .list-item-title a:focus,
#trending .tabs-content .list-item-title a:active {
  text-decoration: underline;
}

#trending .tabs-content .list-item-date  {
	display: block;
  margin: 2px 0 10px;
  font-size: 70%;
  color: #999;
}

.sidebar-holidays {
	border: 1px solid #000;
	border-bottom: 0 none;
	padding: 10px 5px 20px;
}

.sidebar-holidays .holiday-buttons .sidebar-button {
	background-color: #2b5b99;
	border-radius: 2px;
	cursor: pointer;
	margin-top: 10px;
	letter-spacing: 0.02em;
	padding: 10px 15px;
}

.sidebar-holidays .holiday-buttons .sidebar-button:hover,
.sidebar-holidays .holiday-buttons .sidebar-button:focus,
.sidebar-holidays .holiday-buttons .sidebar-button:active {
	background-color: #20386f;
}

.sidebar-holidays .holiday-buttons a {
	color: #fff;
	text-decoration: none;
}

.sidebar-holidays .holiday-buttons a:hover,
.sidebar-holidays .holiday-buttons a:focus,
.sidebar-holidays .holiday-buttons a:active {
	color: #fff;
	text-decoration: none;
}

.sidebar-holidays .upcoming-holiday-list > li {
	font-size: 15px;
	margin: 5px 15px;
}

.sidebar-holidays .upcoming-holiday-list .holiday-region {
	color: #999;
	font-size: 14px;
	margin-top: -5px;
}

.sidebar-holidays .upcoming-holiday-list .holiday-type {
	color: #666;
	font-size: 14px;
	margin-top: -5px;
	text-decoration: none;
}

.sidebar-holidays .upcoming-holiday-list .holiday-type::before {
	color: #666;
	content: "(";
	font-size: 14px;
}

.sidebar-holidays .upcoming-holiday-list .holiday-type::after {
	color: #666;
	content: ")";
	font-size: 14px;
}

.sidebar-holidays .upcoming-holiday-list a {
	color: #666;
	text-decoration: none;
}


.sidebar-holidays .upcoming-holiday-list  a:hover,
.sidebar-holidays .upcoming-holiday-list  a:focus,
.sidebar-holidays .upcoming-holiday-list  a:active {
	color: #222;
	text-decoration: underline;
}

@media only screen and (max-width:640px) {}

.img-for-mobile:hover,
.img-for-mobile:focus {
	-webkit-filter: brightness(110%);
	-moz-filter: brightness(110%);
	-o-filter: brightness(110%);
	-ms-filter: brightness(110%);
	filter: brightness(110%);

}

@media only screen and (max-width:480px) {
	.img-for-mobile {
		width: 100%;
	}
}


@media (min-width:481px) and (max-width:600px) {
	.img-for-mobile {
		width: 80%
	}
}

@media (min-width:601px) and (max-width:767px) {
	.img-for-mobile {
		width: 60%;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.img-for-mobile {
		width: 40%;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.img-for-mobile {
		width: 40%;
	}
}

@media (min-width:1200px) {
	.img-for-mobile {
		width: 30%;
	}
}

/* 2018 */

section.error-404 {
	margin: 10px 20px;
}
@media only screen and (max-width: 767px) {

	section.error-404 .page-title {
		text-align: left;
	}

	section.error-404 .page-content > p:first-child {
		text-align: left;
	}
}

@media (min-width: 768px) {

	section.error-404 .page-title {
		text-align: center;
	}

	section.error-404 .page-content > p:first-child {
		text-align: center;
	}

}

section.front-featured {
	padding: 1.25rem
}

section.front-featured h4 abbr {
	border-bottom: 0 none;
	color: inherit;
	cursor: default;
	font-size: inherit;
}


section.front-featured h4 abbr[title] {
	text-decoration: none;
}

.home-main-content {
	padding-right: 20px;
}

.home-side-content {
	padding-left: 0;
}

@media only screen and (max-width: 640px) {
	.home-side-content {
	    padding-left: 1.9rem;
	    padding-right: 1.9rem;
	}
}

section.front-featured h4 {
	display: table;
}

section.front-featured h4 .category-title {
	display: table-cell;
	vertical-align: middle;
	line-height: 100%;
}

#trending h4.trending-title,
.sidebar-title {
	margin-bottom: 0.7rem;
}


.holiday-section {
	margin: 30px auto !important;
}

.advanced-options {
	margin: 10px auto 30px;
}

.advanced-options .selection-label {
	display: inline-block;
	margin-bottom: 5px;
}

#nationwide-year-selection,
#regional-section {
	padding-bottom: 30px 10px;
}

.year-choices,
.island-choices {
	font-size: 18px;
	margin-bottom: 10px;
}

#nationwide-year-selection .holiday-item,
#regional-section .holiday-item,
.year-choices .year-item,
.island-choices .island-item {
	display: inline-block;
  border: 1px solid #008cba;
  border-radius: 4px;
  margin: auto 5px 10px;
  padding: 4px 6px;
  background-color: transparent;
}

#nationwide-year-selection a.active .holiday-item {
	background-color: #20386f;
	border: 1px solid #20386f;
	color: #fff;
	cursor: default;
	text-decoration: none;
}


#nationwide-year-selection a.active:hover .holiday-item,
#nationwide-year-selection a.active:focus .holiday-item,
#nationwide-year-selection a.active:active .holiday-item {
	background-color: #20386f;
}

#nationwide-year-selection a:hover .holiday-item,
#nationwide-year-selection a:focus .holiday-item,
#nationwide-year-selection a:active .holiday-item {
	text-decoration: none;
	background-color: #008cba;
	color: #fff;
}

.island-choices a:hover .island-item,
.island-choices a:focus .island-item,
.island-choices a:active .island-item {
	text-decoration: none;
	background-color: #008cba;
	color: #fff;
}

.year-choices a:hover .year-item,
.year-choices a:focus .year-item,
.year-choices a:active .year-item {
	text-decoration: none;
	background-color: #008cba;
	color: #fff;
}

.island-choices a.active .island-item {
	background-color: #20386f;
	border: 1px solid #20386f;
	color: #fff;
	cursor: default;
	text-decoration: none;
}

.year-choices a.active .year-item {
	background-color: #20386f;
	border: 1px solid #20386f;
	color: #fff;
	cursor: default;
	text-decoration: none;
}

abbr,
abbr[title] {
	border-bottom: 0;
	color: inherit;
	cursor: default;
	text-decoration:none;
}

.holidaypage {
	margin-bottom: 30px;
}

.holidaypage h4 {
	margin-bottom: 20px;
}

.holidaypage thead th {
	font-size: 1.2em;
}

.holidaypage tbody tr:hover {
	background-color: #20386f;
}
.holidaypage tbody tr:hover i {
	background-color: #20386f;
	visibility: visible;
}

.holidaypage tbody tr:hover .holiday-what,
.holidaypage tbody tr:hover .holiday-when {
	color:#fff;
}

.holidaypage tbody .holiday-when .dayname {
	margin-left: 5px;
}

.holidaypage tbody td {
	font-size: 1.2em;
}

.holidaypage a,
.holidaypage a[href] {
	color: #222;
}

.tabs > section.active > .content {
	display: block;
	position: relative;

}

.holidaypage .holiday-item i {
	margin-left: 6px;
	color: #e44044;

}

.holidaypage .holiday-item .holiday-what {
	line-height: 110%;
}
.tabs-holiday-islands .tab-title {
	background-color: ;
	letter-spacing: 0.04em;
}

.island-tab {
	border-bottom: 0 none;
}

.island-tab .nav-link.active {
	background-color: #20386f;
	color: #fff;
	text-transform: uppercase;
}

.island-tab .nav-link:hover {
	background-color: #008cba;
	color: #fff;
}

.tabs-holiday-islands .tab-title.active a {
	background-color: #20386f;
	color: #fff;
	text-transform: uppercase;
}

@media only screen and (max-width: 760px) {

	.holidaypage .holiday-item i {
		visibility: visible;
		color: #e44044;
	}

	.holidaypage .holiday-item:hover i,
	.holidaypage .holiday-item:focus i,
	.holidaypage .holiday-item:active i {
		text-decoration: none;
		visibility: visible;
		color: #fff;
	}

	.holidaypage a[href] {
		text-decoration: underline;
		text-decoration-color: #222;
	}

	.holidaypage a[href]:hover,
	.holidaypage a[href]:focus,
	.holidaypage a[href]:active {
		text-decoration: underline;
		text-decoration-color: #fff;
	}

	.holidaypage a[href]:hover i,
	.holidaypage a[href]:focus i,
	.holidaypage a[href]:active i {
		text-decoration: none;
		visibility: visible;
		color: #fff;
	}

	.holidaypage tbody tr:hover i {
		background-color: #20386f;
		color: #fff;
		visibility: visible;
	}

	.holidaypage tbody tr:hover a[href] {
		text-decoration: underline;
		text-decoration-color: #fff;

	}

} /* end media */

.holidaypage a:hover,
.holidaypage a:focus,
.holidaypage a:active {
	text-decoration: none;
}

.holidaypage a[href]:hover,
.holidaypage a[href]:focus,
.holidaypage a[href]:active {
	text-decoration: underline;
	text-decoration-color: #fff;
}

.holidaypage .holiday-item:hover i,
.holidaypage .holiday-item:focus i,
.holidaypage .holiday-item:active i {
	text-decoration: none;
	visibility: visible;
}

.holidaypage .holiday-source {
	margin: 20px auto 10px auto;
}

.holidaypage .holiday-source .source-label,
.holidaypage .holiday-source .source-ext {
	color: #222;
}

.holidaypage .holiday-source a {
	text-decoration: none;
	color: #008cba;
}

.holidaypage .holiday-source a:hover,
.holidaypage .holiday-source a:focus,
.holidaypage .holiday-source a:active {
	text-decoration: underline;
	color: #20386f;
}

@media
  only screen
  and (max-width: 768px) {


  }


@media
  only screen
  and (max-width: 760px) {

  .holidaypage table,
  .holidaypage thead,
  .holidaypage tbody,
  .holidaypage th,
  .holidaypage td,
  .holidaypage tr {
    display: block;
  }

  .holidaypage thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .holidaypage tr {
    margin: 0 0 1rem 0;
  }

  .holidaypage tr:nth-child(odd) {
    background-color: #dbe4f1;
  }

  .holidaypage td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 120px;
  }

  .holidaypage td:nth-of-type(1):before {
    position: absolute;
    top: 0;
    left: 6px;
    width: 30%;
    padding-right: 10px;
    white-space: nowrap;
  }

  .holidaypage td:nth-of-type(2):before {
    position: absolute;
    top: 0;
    left: 6px;
    width: 30%;
    padding-right: 10px;
    white-space: nowrap;
  }

  .holidaypage td:before { padding: 10px; display: block; }
  .holidaypage td:nth-of-type(1):before { content: "Event"; }
  .holidaypage td:nth-of-type(2):before { content: "Date"; }


	.holidaypage tr:hover td:before {
		color:#fff;
	}
}


@media only screen and (min-width: 40.063em) {

	.region-cluster .holiday-island-list,
	.region-cluster .holiday-region-list {
		width: 90%;
	}
}


.title-1 {
	font-size: 2em;
  margin: 10px auto 20px;
}
.region-cluster {
	margin-top: 20px;
}

.region-cluster ul {
	list-style-position: inside;

}
.region-cluster .holiday-island-contents,
.region-cluster .holiday-region-contents {
	margin: auto 20px;
}

.region-cluster .holiday-island-list li,
.region-cluster .holiday-region-list li {
	text-transform: uppercase;
}

.region-cluster .holiday-region-list .nav-link:hover {
	background-color: #008cba;
	color: #fff;
}

.region-cluster .holiday-island-list li a.active,
.region-cluster .holiday-region-list li a.active {
	background-color: #20386f;
	color: #fff;

}

.region-cluster .holiday-island-list li a,
.region-cluster .holiday-region-list li a {
	background-color: #e9e9e9;
	color: #000;
	padding: 0.8rem;
}

.region-cluster li .region-name {
	line-height: 110%;
}

.region-cluster .holiday-island-list li .region-code,
.region-cluster .holiday-region-list li .region-code {
	line-height: 110%;
	font-size: 0.8em;
}

.region-cluster .holiday-island-list li .region-code.prer::before,
.region-cluster .holiday-region-list li .region-code.prer::before {
	content: '(Region ';
	font-size: inherit;
}

.region-cluster .holiday-island-list li .region-code::before,
.region-cluster .holiday-region-list li .region-code::before  {
	content: '(';
	font-size: inherit;
}

.region-cluster .holiday-island-list li .region-code::after,
.region-cluster .holiday-region-list li .region-code::after {
	content: ')';
	font-size: inherit;
}

.region-cluster .tab-content .content-tab-title {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 10px;
}
.region-cluster .holiday-list {}
.region-cluster .holiday-list ul {}
.region-cluster .holiday-list li {
	font-size: 1.1em;
	margin-bottom: 5px;
}
.region-cluster .holiday-list li a { text-decoration: none; }
.region-cluster .holiday-list li a:hover,
.region-cluster .holiday-list li a:focus,
.region-cluster .holiday-list li a:active { text-decoration: underline; }



@media only screen and (max-width: 640px) {
	.sidebar2col {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.region-cluster .tab-content .content-tab-title {
		margin-top: 20px;
	}
}

@media (min-width: 40.063em) {
	#trending h4.trending-title,
	.sidebar-title {
	    font-size: 1.1375rem;
	}

	section.front-featured h4 .category-title {
	    font-size: 1.1375rem;
	}
}

@media only screen and (max-width:322px) {
	section.front-featured h4 .category-title {

	}
}

@media (min-width:323px) and (max-width:359px) {
	section.front-featured h4 .category-title {

	}
}

@media (min-width: 1025px) {

	.clearfix-large:after {
		clear: both;
	}

	.clearfix-large:before,
	.clearfix-large:after {
    content: " ";
    display: table;

	}

}

@media (min-width: 641px) and (max-width:678px) {

	.float-right-specsm {
		float: right! important;
	}

}

.button.secondary-bgd {
	background-color: #ccc;
}

@media only screen and (max-width: 640px) {
	.text-center-sm {
		text-align: center;
	}
}

/* OG Format */
.entry-content .ogf {
	text-align: center;
}

.entry-content .ogf.ucase {
	text-transform: uppercase;
}

.entry-content .ogf.nocase {
	text-transform: none;
}

.entry-content .ogf.weighted {
	font-weight: bold;
}

.entry-content.mobile p {
	line-height: 1.4;
}

.publication_date strong {
	margin-left: 4px;
}

/* Custom Pagination */

.custom-pagination {
	display: block;
	font-size: 1.3em;
	line-height: 160%;
	margin: 20px 0;
}

nav.custom-pagination .page-numbers {
	background-color: transparent;
	color: #008cbe;
	cursor: pointer;
	font-size: 90%;
	margin: auto 2px;
	padding: 3px 4px;
	text-decoration: none;
	border: 1px solid #008cbe;
	border-radius: 5px;
}

nav.custom-pagination .page-numbers:hover,
nav.custom-pagination .page-numbers:focus,
nav.custom-pagination .page-numbers:active {
	background-color: #008cbe;
	color: #fff;
	cursor: pointer;
	font-size: 100%;
	text-decoration: none;
}

nav.custom-pagination .page-numbers.current {
	background-color: #20386f;
	border: 1px solid #20386f;
	color: #fff;
	cursor: default;
	font-size: 100%;
}


nav.custom-pagination .page-numbers.current:hover,
nav.custom-pagination .page-numbers.current:focus,
nav.custom-pagination .page-numbers.current:active {
	cursor: default;
	text-decoration: none;
}

nav.custom-pagination .page-numbers.prev,
nav.custom-pagination .page-numbers.next {
	background-color: transparent;
	border: 1px solid #008cbe;
	color: #008cbe;
	cursor: pointer;
	text-decoration: none;
}

nav.custom-pagination .page-numbers.prev:hover,
nav.custom-pagination .page-numbers.prev:focus,
nav.custom-pagination .page-numbers.prev:active,
nav.custom-pagination .page-numbers.next:hover,
nav.custom-pagination .page-numbers.next:focus,
nav.custom-pagination .page-numbers.next:active  {
	background-color: #008cbe;
	border: 1px solid #fff;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

nav.custom-pagination .page-numbers.dots {
	background-color: transparent;
	border: 0 none;
	color: #000;
	cursor: default;
	font-size:75%;
	text-decoration: none;
}

nav.custom-pagination .page-numbers.dots:hover,
nav.custom-pagination .page-numbers.dots:focus,
nav.custom-pagination .page-numbers.dots:active {
	cursor: default;
	text-decoration: none;
}

nav.custom-pagination .page-num {
	border: 0 none;
	cursor: default;
	color: #000;
	display: none;
	margin-top: 10px;
}

/* Share buttons */

.social-share {
	padding: 1.25em;
}

.social-share-icons  {
    background: black;
    color: white;
    border-radius: 2px;
    padding: .5em;
    text-decoration:none;
}

.social-share-icons:hover,
.social-share-icons:focus,
.social-share-icons:active {
	color: #1a1a1a;
}

.social-share-icons :before {margin-right:.5em;}
.social-share-icons.icon-facebook {background:#4867aa;}
.social-share-icons.icon-twitter {background:#5ea9dd;}
.social-share-icons.icon-facebook::before {margin-right:6px;}
.social-share-icons.icon-twitter::before {margin-right:6px;}
.social-share-icons.icon-google-plus {background:#db4b40;}
.social-share-icons.icon-google-plus::before {margin-right:6px;}

.quick-buttons a:nth-child(n+1) {
	margin-left: 5px;
}

.mob .entry-title,
.mob .h3 {
	font-size: 1.3rem;
	line-height: 1.1!important;
}

.mob .entry-header {
	padding-bottom: 0.80rem;
	margin-bottom: 0.80rem;
}

.mobile-page .entry-title,
.mobile-page .h3 {
	font-size: 1.3rem;
	line-height: 1.1!important;
}

.mobile-page .entry-header {
	padding-bottom: 0.80rem;
	margin-bottom: 0.80rem;
}

.mobile-page hr {
	margin: 0.65rem auto 0;
}

.text-uppercase {
	text-transform: uppercase;
}

.feedback-form-message {
	font-size: 18px;
	margin-bottom: 10px;
}

.feedback-form-message .form-message {
	margin: 10px auto;
	padding: 10px;
}

.feedback-form-message .form-success {
	background-color: #d4edda;
	border-left: 5px solid #43ac6a;
	border-top: 1px solid #c3e6cb;
	border-right: 1px solid #c3e6cb;
	border-bottom: 1px solid #c3e6cb;
}

.feedback-form-message .form-alert {
	background-color: #f8d7da;
	border-left: 5px solid #f04124;
	border-top: 1px solid #f5c6cb;
	border-right: 1px solid #f5c6cb;
	border-bottom: 1px solid #f5c6cb;
}

.feedback-form-message .error-list {
	margin-bottom: 0;
}

.asterisk-note abbr {
	color: red;
	font-size: 10px;
	vertical-align: super;
}

.mt-10 {
	margin-top: 10px;
}

.field-is-required::after {
	content: "\f069";
	color: red;
	font-family: FontAwesome;
	font-size: 7px;
	margin-left: 1px;
	vertical-align: super;
}

.style-checkpoint-07 {
	color: #12c521;
}

#confirm_email,
#feedback_consent {
	display: none;
}

.irr-url {
	margin-top: 5px;
	font-size: 20px;
}