/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer 
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/*slideshow style*/
.flex-slideshow.flexslider { margin: 0; border: 0 solid transparent; }

/*footer brand*/
.lower-footer .footer-logo .navbar-brand { float: none; padding: 0; display: none; }

/*testimonial section*/
/* Slideshow container */
.slideshow-container { max-width: 1000px; position: relative; margin: auto; padding: 5% 0; }

#testimonialImg { width: 100px; height: 100px; border-radius: 50%; display: block; margin: auto; }

/* strong the name*/
.testimonial strong { color: #000; display: inline-block; padding: 0px; margin: 0px; font-size: 16px; font-style: italic; position: relative; padding-right: 13px; font-weight: 600; }

.testimonial span { color: #000; display: inline; font-size: 16px; font-weight: 300; }

/* quotes */
.testimonial blockquote { padding-top: 4%; }

.testimonial blockquote p:after { content: "\f10e"; top: 6px; vertical-align: middle; padding-left: 10px; }

.testimonial blockquote p:before { content: "\f10d"; top: 0px; padding-right: 10px; }

.testimonial blockquote p:before, .testimonial blockquote p:after { color: #000; font-size: 36px; line-height: 0px; position: relative; font-family: 'FontAwesome'; }

/* Caption text */
.text { padding: 40px 12px 8px; }

/* The dots/bullets/indicators */
.dot { height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }

/* Fading animation */
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }

@-webkit-keyframes fade { from { opacity: .4; }
  to { opacity: 1; } }

@keyframes fade { from { opacity: .4; }
  to { opacity: 1; } }

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) { .text { font-size: 11px; } }

body { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased; }

.lower-footer .footer-logo .navbar-brand img { height: 40px !important; -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.header-slideshow .site-header .navbar-brand img { -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

#site-footer { padding: none important; }

.network-text-logo { display: none; }

#page .site-header.fixed-enabled.fixed #slide-search-field { margin-top: -6px; }

.team-page .header-banner-page-title, .team-page .header-banner-subtext { display: none; }

#page #secondary_content .ss-widget .widget-subtext, #page .col-lg-3 .ss-widget .widget-subtext, #page .col-md-3 .ss-widget .widget-subtext, #page .col-lg-4 .ss-widget .widget-subtext, #page .col-md-4 .ss-widget .widget-subtext, #page .col-lg-6 .ss-widget .widget-subtext, #page .col-md-6 .ss-widget .widget-subtext, #page .col-lg-9 .ss-widget .widget-subtext, #page .col-md-8 .ss-widget .widget-subtext, #page .large_left_section .ss-widget .widget-subtext { display: block; }

.banner-full-height #page .site-header .navbar-default .navbar-collapse .nav > li > a, .banner-full-height #page #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { text-shadow: none; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title { text-shadow: none !important; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title { text-shadow: none !important; }

.header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-title { text-shadow: none !important; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-subtext { text-shadow: none !important; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-subtext { text-shadow: none !important; }

.header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-content { text-shadow: none !important; }

.banner-full-height #page .site-header .navbar-default .navbar-collapse .nav > li > a, .banner-full-height #page #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { text-shadow: none; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title { text-shadow: none !important; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-subtext { text-shadow: none !important; }

.header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-title { text-shadow: none !important; }

.header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-content { text-shadow: none !important; }

.mission li { margin-left: 4%; padding: 0%; }

.mission li a { display: block; padding: 4px 10px; color: black; text-decoration: none; }

.mission li a.active { color: gray; }

.mission li a::hover { color: blue; text-decoration: underline; }

#dell2 { margin-left: 3.5%; margin-top: 100px; margin-bottom: 100px; }

#collect { width: 85%; margin: 30px auto auto 180px; }

.col { float: left; padding: 1% 1.5%; width: 21.5%; box-sizing: border-box; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); margin-bottom: 100px; height: auto; }

.image { width: 100%; height: 200px; }

.para { padding: 2%; padding-bottom: 2%; }

.fa { box-sizing: border-box; width: 30%; margin-right: 3%; float: left; }

#box { height: 400px; padding-left: 2%; padding-right: 2%; box-sizing: border-box; }

#map { width: 600px; height: 300px; }

@media only screen and (max-width: 500px) { #map { width: 100%; height: auto; margin-top: 10px; } .bamiayanSection { width: 100%; padding: 1%; box-sizing: border-box; background-color: red; } .para { padding-bottom: 1%; } .col { clear: both; width: 100%; margin-bottom: 50px; height: auto; margin-left: 0px; display: block; } #collect { width: 85%; height: auto; margin: 30px auto auto auto; } }

@media only screen and (max-width: 768px) { .col { height: auto; width: 100%; float: left; } #collect { width: 90%; margin: 30px auto auto 40px; } }

@media only screen and (min-width: 900px) and (max-width: 1024px) { #map { margin-top: 10px; } .col { height: 410px; padding: 1% 1.5%; width: 24%; } #collect { width: 93%; margin: 30px auto auto 40px; } }

.bamiayanSection { float: left; width: 30%; padding: 1%; margin: 1%; box-sizing: border-box; }

@media only screen and (max-width: 500px) { .Fcount { width: 85%; } }

/* Adding give now button to mobile menu */
a.mobile-menu-prime-link { width: 33.33%; padding: 20px 8px 20px 8px !important; }

a.mobile-menu-prime-link:not(:last-child) { border-right: 1px solid #fff; }

a.mobile-menu-prime-link:last-child { border-right: 0; }

.logged-in-user a.mobile-menu-prime-link { width: 100%; }