/* --------------------------------------------------
	PHIVOLCS Official Website
	Developed by Inventive Media - Henry N. Ong II
    Website: http://wwww.inventivemedia.com.ph
----------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
  font-weight: 700;
}
a
{
  transition: all 0.2s ease 0s;
}
#bottom-mod1 h4, #bottom-mod2 h4 {
  font-size: 16px;
}
#bottom-mod1 ul, #bottom-mod2 ul {
  margin: 0;
}

/*Menu*/
.dj-megamenu-custom181 li a.dj-up_a, .dj-megamenu-custom183 li a.dj-up_a {
  padding: 0 14px !important;
  text-transform: capitalize;
}

.dj-megamenu-custom183 li a.dj-up_a {
    border-left: 1px solid rgb(17, 103, 167);
    border-right: 1px solid rgb(26, 154, 250);
}

.dj-megamenu-custom183 li a.dj-up_a {
	color: #ffffff;
}
.dj-megamenu-custom181 {
  background-color: transparent !important;
  z-index:99;
}
.dj-megamenu-custom183 {
  background-color: transparent !important;
  z-index:98;
}

/*Alerts*/

.alert-title {
  color: #fff !important;
  text-align: center;
  font-size: 28px;
  padding: 25px;
  font-weight: 500;
}

.alerts li{
  background-color: rgba(0,0,0,0.09) !important;
}

.alerts > .allmode-list .allmode-items > li {
  border: 0;
}

.alerts .allmode-topitem a {
  color: #fff !important;
}

.alerts .allmode-topitem a:hover {
  color: #f1c40f !important;
  border-bottom: 0;
}

.alerts .allmode-items > li {
  border:0!important;
  margin:2px 0 !important;
}

.alerts .allmode-items > li:hover {
  background-color: rgba(255,255,255,0.09) !important;
}

.alerts .allmode-info, .alerts .allmode-date {
  color: #eee !important;
}

.alerts, .allmode-list .allmode-items {
	background: transparent;
}

.alerts > .allmode-list .allmode-items a {
  color: #fff !important;
}


/*Alerts2*/ 

.alert-title { /*Alerts2 - no title*/ 
  color: #fff !important;
  text-align: center;
  font-size: 28px;
  padding: 25px; 10px;
  font-weight: 500;
}

.alerts2 li{
  background-color: rgba(0,0,0,0.09) !important;
}

.alerts2 > .allmode-list .allmode-items > li {
  border: 0;
}

.alerts2 .allmode-topitem a {
  color: #000 !important;
}

.alerts2 .allmode-topitem a:hover {
  color: #e31919 !important;
  border-bottom: 0;
}

.alerts2 .allmode-items > li {
  border:0!important;
  margin:2px 0 !important;
}

.alerts2 .allmode-items > li:hover {
  background-color: rgba(255,255,255,0.09) !important;
}

.alerts2 .allmode-info, .alerts .allmode-date {
  color: #eee !important;
}

.alerts2, .allmode-list .allmode-items {
	background: transparent;
}

.alerts2 > .allmode-list .allmode-items a {
  color: #fff !important;
}




#bulletin-mod1 > div.inner {
	//background-image: url("../images/mountain.png"), linear-gradient(#DE4F07, #FFFF99);
	    background:linear-gradient(to top, rgb(39, 39, 39), rgb(209, 80, 2));
	background-repeat: no-repeat, repeat;
	background-size: contain;
	background-position: 50% 100%, 0 0;
	box-shadow: rgba(0,0,0,0.08) 0px 0px 5px 3px;
	-moz-box-shadow: rgba(0,0,0,0.08) 0px 0px 5px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.08) 0px 0px 5px 3px;
}

#bulletin-mod2 > div.inner {
	//background-image: url("../images/earthquake.png"), linear-gradient(#5065a6, #ffc562);
	    background: linear-gradient(to top, rgb(39, 39, 39), rgb(209, 128, 2));
	background-repeat: no-repeat, repeat;
	background-size: contain;
	background-position: 50% 100%, 0 0;
	box-shadow: rgba(0,0,0,0.08) 0px 0px 5px 3px;
	-moz-box-shadow: rgba(0,0,0,0.08) 0px 0px 5px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.08) 0px 0px 5px 3px;
}

#bulletin-mod3 > div.inner {
	//background-image: url("../images/tsunami.jpg");
	    background: linear-gradient(to top, rgb(51, 46, 41), rgb(2, 136, 209));
	background-color: #53a6f2;
	background-repeat: no-repeat, repeat;
	background-size: contain;
	background-position: 50% 100%, 0 0;
	box-shadow: rgba(0,0,0,0.08) 0px 0px 5px 3px;
	-moz-box-shadow: rgba(0,0,0,0.08) 0px 0px 5px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.08) 0px 0px 5px 3px;
}

.allmode-title {
	text-align: left !important;
	padding: 0 !important;
}

.allmode-list {
  border-radius: 0;
  margin: 0;
  position: relative;
  border-top: 0;
  padding:12312;
  min-height: 300px !important; /**260 sakto kaso ayaw gumana 690gumagana*/
}
.allmode-list .allmode-items > li:last-child, .allmode-list .allmode-items > li:first-child {
  border-radius: 0;
}

.allmode-list .allmode-items > li:hover {
    background-color: #fcfcfc;
}

.allmode-list .allmode-date {
    font-weight: 400;
}

.allmode-info {
	color: #777;
}

.allmode-list .allmode-title a {
  font-weight: 600;
  font-size: 13px;
}

.nspPagination {
  margin:0 !important;
}

.nspPagination li {
  padding: 2px 8px;
  background: transparent;
  border-radius:0;
  height: auto;
  margin: 0 !important;
  width: auto;
}

.nspPagination li:hover, .nspPagination li.active {
  background-color: #ddd;
}

.nspNext, .nspPrev {
  height: 23px;
  width: 23px; 
}

.nspPrev::before {
  border-width: 5px 9px 5px medium;
  margin: 5px 0 0 4px;
}

.nspNext::before {
  border-width: 5px medium 5px 9px;
  margin: 5px 0 0 6px;
}

input#suggestion-area191, input#search-area191, #ajax-search-button191, #search-form191 .category-chooser {
top:0;
height:35px;
}

.customheader-icon {
  margin-bottom: -70px;
  z-index:99;
  position: relative;
}

#icon-menu-mod1, #icon-menu-mod2, #icon-menu-mod3 {
  display: flex;
} 

.allmode-box, .allmode-list {
  flex:1; 
}
  
#search-form191 {
    margin-top: 12px;
}

#ajax-search-button191 {
	background: rgba(0, 0, 0, 0);
}

input#search-area191 {
	border: 1px solid #777;
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	padding: 9px 6px;
}

div#maximenuck118 ul.maximenuck {
  z-index: 9;
}
/*Mobile Menu*/
.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
background: transparent;
color: #14a6c7;
padding: 0px 5px;
float: left;
}

/*Quick Links Menu*/

.quick-links{
	transition: all .2s ease-in-out;
}

.quick-links:hover{
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: all .3s ease-in-out;
}

.iframe_eq::-webkit-scrollbar { 
  element::-webkit-scrollbar { width: 0 !important; }