/*!
 * Start Bootstrap - Business Frontpage HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Call the IHCC Custom Fonts */
@font-face {
	font-family: "NexusSans";
    src: url('https://www.inverhills.edu/fonts/NexusSansWeb.eot');
    src: url('https://www.inverhills.edu/fonts/NexusSansWeb.eot?#iefix') format('embedded-opentype'),
         url('https://www.inverhills.edu/fonts/NexusSansWeb.woff2') format('woff2'),
         url('https://www.inverhills.edu/fonts/NexusSansWeb.woff') format('woff'),
         url('https://www.inverhills.edu/fonts/NexusSansWeb.ttf') format('truetype'),
         url('https://www.inverhills.edu/fonts/NexusSansWeb#nexussans') format('svg');
}

@font-face {
    font-family: 'Ziggurat';
    src: url('https://www.inverhills.edu/fonts/ziggurat-black-webfont.eot');
    src: url('https://www.inverhills.edu/fonts/ziggurat-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.inverhills.edu/fonts/ziggurat-black-webfont.woff2') format('woff2'),
         url('https://www.inverhills.edu/fonts/ziggurat-black-webfont.woff') format('woff'),
         url('https://www.inverhills.edu/fonts/ziggurat-black-webfont.ttf') format('truetype'),
         url('https://www.inverhills.edu/fonts/ziggurat-black-webfont.svg#zigguratblack') format('svg');
}

/* This Tisa font is also purchased by us, but not installed-or-used */
@font-face {
	font-family: "TisaWeb";
	src: url('https://www.inverhills.edu/fonts/ff-tisa/TisaWeb.woff') format('woff');
	}

body {
    font-family: "NexusSans";
}

@media (min-width: 320px) {
    body {
        padding-top: 80px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    }
}

h1, .h1 {
    font-family: "Ziggurat";
}

/*for homepage*/
 h1.custom-h1 {
    font-size: 10px;
    position: absolute;
    top: -9999px;
    left: -9999px;
    }
/*end h1 for homepage*/

p,
h2, .h2,
h2box, .h2box
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: "NexusSans";
}

p {
    font-size: 16px;
}

h2, .h2 {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* channel boxes, Foutndation & alumni on the homepage and future student landing pages:  */
h2box, .h2box {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

h3, .h3 {
    font-size: 20px;
    font-weight: 600;
}

h4, .h4 {
    font-size: 16px;
    font-weight: 600;
}

#page-content ul {
    list-style-type: none;
    margin: 0 40px 10px 0;
    padding-left: 10px;
}

#page-content li {
    font-size: 16px;
    padding-left: 15px;
    position: relative;
}

#page-content ul > li:before {
    font-size: 8px;
    position: absolute;
    top: 6px;
    left: 0;
    font-family: "FontAwesome";
    content: "\f0c8";
    color: rgb(181,190,0);
}

#page-content .dropdown-menu > li:before,
#page-content .nav-pills > li:before,
#page-content .tab-content ul .list-inline > li:before {
display:none;

}

#page-content .nav-pills li {
padding-left: 0;
}

#page-content .navbar {
background: none;
}

hr {
    border-top: 1px solid rgb(0,0,0);
}

/* Remove bootstrap column margins when necessary */
.remove-padding {
    padding: 0 !important;
    margin: 0 !important;
}

/* IHCC Logo Padding Fix */
.navbar-brand {
    padding: 10px 15px;
}

/* White background for navbar */
.navbar-default {
    background-color: rgb(255,255,255);    
}

/* Adjust breakpoint for toggle hamburger menu */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

/* Hamburger menu button styles */
.navbar-default .navbar-toggle .icon-bar {
    background-color: rgb(181,190,0);
}
.navbar-toggle {
    border: none;
    background: transparent !important;
}
.navbar-toggle:hover {
    background: transparent !important;
}
.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
}
.navbar-toggle .top-bar {
    -ms-transform: rotate(45deg); /* IE 9 */
    -ms-transform-origin: 10% 10%; /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 10% 10%; /* Chrome, Safari, Opera */
    transform: rotate(45deg);    
    transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    -ms-transform: rotate(-45deg); /* IE 9 */
    -ms-transform-origin: 10% 90%; /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 10% 90%; /* Chrome, Safari, Opera */
    transform: rotate(-45deg);    
    transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
    -ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
    transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    -ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
    transform: rotate(0);
}


/* Full Width Background Image Styles */
.bg-image {
    height: 100%;
    width: 100%;
    background: #fff url('https://www.inverhills.edu/images/global/BeautifulDay.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}

.green-background {
    background-color: rgba(181,190,0,1);
}

.white-background-transparent {
    background: rgba(255,255,255,.9);
}


/* Global Navbar Styles */
.navbar-nav {
    text-transform: uppercase;
    font-size: 12px; /* change size in btn-search to match */
}


/* Desktop Navbar Only */

.navbar-default .navbar-nav > li > a {
    letter-spacing: 1px;
}

@media (min-width: 992px) {
    /* Move navbar-nav menu list to the right */
    .navbar-nav {
        float: right;
    }

    .navbar-default .navbar-nav > li > a {    
        color: rgb(0,0,0);
        font-weight: 500;
        letter-spacing: 0;
        padding: 40px 0 16px 0;
        margin: 0 8px;
    }
        
    .dropdown-menu {
        border: none;
    }
    
    /* Add green underline to hover and focus mouseover states */
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: rgba(255,255,255,1);
    }
        
    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus,
    .nav > li > a:hover,
    .nav > li > a:focus
     {
        border-bottom: 4px solid rgb(181,190,0);
    }    
}

/* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .navbar-default .navbar-nav > li > a {    
            letter-spacing: 1px;
            padding: 40px 0 16px 0;
            margin: 0 10px;
        }
    }


/* Style search button */
.navbar-fixed-top .btn-search,
.navbar-fixed-top .navbar-nav > li > a.btn-search,
.navbar-default .navbar-nav > li > a.btn-search:hover,
.navbar-default .navbar-nav > li > a.btn-search:focus {
    background-color: rgb(181,190,0);
    border: none;
    color: rgb(255,255,255);
    font-size: 12px;
    line-height: 1;
    padding: 3px;
    text-transform: uppercase;
    margin-top: 40px;
}

/* Style border from bottom of navbar-fixed-top */
.navbar-fixed-top {
    border-width: 2px;
    border-color: rgb(181,190,0);
    border-style: none none solid none;
}

/* Homepage Styles */

/* Homepage Slider and Text Overlay */
#home-carousel .carousel {
    overflow: hidden;
    padding: 20px 0;
}

#home-carousel .carousel-inner {
    background-color: rgb(250,220,0);
    border: 5px solid rgb(255,255,255);
    border-radius: 20px;
}

#home-carousel .carousel-caption {
    position: relative;
    left: auto;
    right: auto;
    padding: 20px 20px 12px 26px;
    text-align: left;
    text-shadow: none;
    color: rgb(0,0,0);
}

#home-carousel img,
#home-carousel iframe {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

#home-carousel .h1 {
    font-size: 22px;
}

#home-carousel .carousel-indicators {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0 25px 25px 0;
    text-align: right;
}

#home-carousel .carousel-control.left,
#home-carousel .carousel-control.right {
    background-image: none;
}

 /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        #home-carousel .carousel {
            margin: 0 0 0 -20px;
            padding: 40px 0;
        }
        
        #home-carousel .carousel-inner {
            background-color: transparent;
            border: none;
            border-radius: 0;
        }
        
        #home-carousel .carousel-caption {
            background: rgba(250,220,0,.9);
            border-radius: 20px;
            top: auto;
            bottom: 20px;
            padding: 0 20px 20px 36px;
            position: absolute;
            width: 300px;
            text-align: left;
            text-shadow: none;
            color: rgb(0,0,0);
        }

        #home-carousel .carousel img,
        #home-carousel .carousel iframe {
            width: 940px;
            max-width: 100%;
            height: auto;    
            max-height: 500px;
            object-fit: cover;
            padding: 0px;
            border: 5px solid rgb(255,255,255);
            border-radius: 20px;
            margin: 0 0 0 20px;
        }

        #home-carousel .h1 {
            font-size: 35px;
        }
        
        #home-carousel .carousel-indicators {
            bottom: 20px;
        }
    }
    
/* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        #home-carousel .carousel img,
        #home-carousel .carousel iframe {
            width: 1140px;
        }
    }

/* Give the homepage carousel a fade transition */
.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}

/* Homepage Section Styles */
#audience-menu {
    margin-bottom: 30px;
}

#audience-menu a:active,
#audience-menu a:hover,
#audience-menu a:focus {
    text-decoration: none;
}

#cta-section .btn-inver {
    margin-bottom: 60px;
}

#cta-section .h3 {
    letter-spacing: 2px; 
}

#cta-section .btn-inver {
    margin-top: 10px;
    width: 50%;
}

/* Page Section Styles */

/* Image and Page Intro and Call to Action */
#page-intro-cta .row .row {
    overflow: hidden;
    padding: 40px 15px;
}

#page-intro-cta .row img,
#page-intro-cta .row iframe {
    width: 100%;
    max-width: 100%;
    object-fit: cover; /* Scott - check IE for compatibility */
    padding: 0px;
    border: 5px solid rgb(255,255,255);
    border-radius: 20px !important;
}

#page-intro-cta .row img {
    height: auto;    
    max-height: 400px;
}

#page-intro-cta .cta-overlay {
    background: rgba(250,220,0,.9);
    border-radius: 20px;
    margin: 20px 0;
    padding: 10px 15px;
}

 /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        #page-intro-cta .cta-overlay {
            margin: 0;
        }
    }
    
/* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        #page-intro-cta .cta-overlay {
            margin: 30px 0 auto -120px;
            width: 500px;
        }
    }

#page-intro-cta .cta-links {
    padding: 10px 0 0 30px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 200%;
}

#page-intro-cta .cta-links a {
    color: rgb(0,0,0);
    padding-left: 12px;
}

/* Main Page Body Content for Desktop Screens */
@media only screen and (min-width : 992px) {
    #page-breadcrumbs .container,
    #page-content .container {
    }
    
    #page-breadcrumbs .row {
        background: rgba(250,220,0,1);
        margin: 0 80px 20px 80px;
    }
    
    #page-content .body-content-squish {
        margin: 0 80px 40px 80px;
    }
    
    #page-breadcrumbs h5 {
        font-weight: 600;
    }
}

#page-content .contact-push {
    margin-top: 49px;
}

#page-content .content-padding {
    padding: 0 20px;
}

#page-content .page-content-primary-column {
    padding-top: 20px;
}

#page-content .page-content-primary-column h4 {
    padding-top: 12px;
}


/* Dynamic Data Modules: Facts & Questions, News, Events, etc. */
#page-info-module {
    margin: 30px 0;
}

#page-info-module .info-module {
    background: rgba(250,220,0,1);
    padding: 20px;
}

#page-info-module .well {
    border: none;
    border-radius: 12px;
}

@media only screen and (max-width : 767px) {
    .info-module {
        height: auto !important;
    } 
}

/* Testimonial Styles */
.testimonial {
    margin: 0 0 15px 0;
}

/* Footer Styles */
#footer .row {
    padding: 15px 0;
}

#footer h4 {
    margin: 20px 0 0 0;
}

#footer h5,
#footer h5 > a {
    color: rgb(255,255,255);
    margin: 20px 0 3px 0;
    text-transform: uppercase;
}

#footer h5 .black-text {
    color: rgb(0,0,0);
}

#footer a {
    color: rgb(0,0,0);
}

#footer i {
    color: rgb(255,255,255);
    font-size: 40px;
    line-height: 40px;
    padding-left: 0;
}

#footer .fa-facebook-square:hover,
#footer .fa-instagram:hover,
#footer .fa-twitter-square:hover,
#footer .fa-flickr:hover,
#footer .fa-youtube-square:hover {
    color: rgb(0,0,0);
}

#footer ul {
    list-style-type: none;
    padding-left: 0; 
}

#footer .quicklinks {
    color: rgb(255,255,255);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

#footer .quicklinks .social-links a {
    color: rgb(255,255,255);
    font-size: 14px;
    line-height: 40px;
    margin: -10px;
    padding: 0;
}

#footer .quicklinks .text-links a {
    color: rgb(255,255,255);
    font-size: 14px;
    line-height: 40px;
    margin-left: 15px;
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #footer .quicklinks a {
        font-size: 12px;
        line-height: 20px;
    }
    
    #footer .quicklinks ul {
        float: right;
        list-style-type: none;
        margin: 0;
        padding: 10px 0 0 0;
        text-transform: none;
    }
    
    #footer .quicklinks li {
        display: inline;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {    
    #footer .quicklinks a {
        font-size: 13px;
        line-height: 15px;
    }
}

/***********************************************************/
/* Element Styles */
/***********************************************************/


/* Give fixed-width FontAwesome icons some room to breathe */
.fa-fw {
    margin-right: 5px;
}

/* Class for Event Feed */
.event-feed h4 {
    margin-bottom: 0;
}


/* Special Button Styles for Inver Hills */
/* Inver green with Inver yellow on hover buttons */
.btn-inver {
    color: rgb(255,255,255);
    background-color: rgb(181,190,0);
    border-color: none;
    border-radius: 0;
    padding: 2px 5px;
    text-transform: uppercase;
    margin-bottom: 26px;
}

.btn-inver:hover,
.btn-inver:focus,
.btn.focus {
    background-color: rgb(250,220,0);
}

/* Black button styles */
.btn-black {
    color: rgb(255,255,255);
    background-color: rgb(0,0,0);
    border-color: none;
    border-radius: 4px;
    padding: 3px 5px 2px 5px;
    text-transform: uppercase;
}

.btn-black:hover,
.btn-black:focus,
.btn.focus {
    color: rgb(0,0,0) !important;
    background-color: rgb(181,190,0);
}

/* YAMM button styles */
/* Black button with yellow hover */
.btn-yamm-button {
    color: rgb(255,255,255) !important;
    background-color: rgb(0,0,0);
    border-color: none;
    border-radius: 4px;
    padding: 3px 5px 2px 5px;
}

.btn-yamm-button:hover,
.btn-yamm-button:focus,
.btn.focus {
    color: rgb(0,0,0) !important;
    background-color: rgb(250,220,0);
}

/* Yellow button with black hover */
.btn-yamm-yellow {
    background-color: rgb(250,220,0);
    border-color: none;
    border-radius: 4px;
    padding: 2px 5px;
    margin-bottom: 15px;
    text-transform: uppercase !important;
}

.btn-yamm-yellow:hover,
.btn-yamm-yellow:focus,
.btn.focus {
    color: rgb(255,255,255) !important;
    background-color: rgb(0,0,0);
}

/* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
    .btn-yamm-yellow {
        margin-bottom: 0;
    }
}

.btn-nudge { /* give buttons a bit of breathing room */
    margin-left: 10px;
    margin-bottom: 6px;
}

/* xl button emphasis for that extra something */

.btn-xl {
    padding: 15px 25px;
    font-size: 20px;
    line-height: normal;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

/* Panel override for contact content */
#page-content .img-circle {
    margin: 20px 0;
}

#page-content .img-rounded {
    border: 2px solid rgb(181,190,0);
    border-radius: 20px;
}

#page-content .panel-contact-block h3,
#page-content .testimonial h3 {
    margin-top: 4px;
}

/* Give some space between the button and contact info */
#page-content .panel-contact-block button {
    margin-top: 20px;
}

#page-content .panel-contact,
.panel-contact {
    border-radius: 20px;
}

#page-content .panel-contact-block,
.panel-contact-block {
    background-color: #f9f9f9;
    border-radius: inherit;
    padding: 15px;
}

/* Special Panel Style for Homepage Audience Menu */
.panel-audience-menu {
    border: 5px solid rgb(255,255,255);
    border-radius: 20px;
    margin-bottom: 20px;
    background-color: rgb(181,190,0);
}

.panel-audience-menu .panel-body {
    padding: 0;
}

.panel-audience-menu .h2 {
    color: rgb(255,255,255);
    font-size: 15px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}

  /* .h2box: channel boxes, Foundation & Alumni on the homepage and future student landing pages:  */
  .panel-audience-menu .h2box {
        color: rgb(255,255,255);
        font-size: 15px;
        letter-spacing: 2px;
        text-align: center;
        text-transform: uppercase;
    }


/* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
    .panel-audience-menu .h2 {
        font-size: 14px;
    }
}

@media only screen and (min-width : 768px) {
    .panel-audience-menu .h2box {
        font-size: 14px;
    }
}

/* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
    .panel-audience-menu .h2 {
        font-size: 18px;
    }
}

@media only screen and (min-width : 992px) {
    .panel-audience-menu .h2box {
        font-size: 18px;
    }
}

.panel-audience-menu img {
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
}

/* Special Panel Style for Program Page Navigation */
.panel-program-page {
    background-color: transparent;
    border: none;
}

.panel-program-page .panel-heading a {
    color: rgb(255,255,255);
}

/* Green tabs on Blue background for program pages */
#page-content .panel-program-page .panel-heading {
    background-color: rgb(10,84,139); /* blue */
    border-radius: 10px;
    padding: 0 15px;
}

#page-content .panel-heading ul {
    margin: 0 0 15px 0;
}

#page-content .panel-heading ul > li:before {
    font-family: inherit;
    font-size: 0;
    content: "\f0c8";
    margin: 0;
    color: white;
}

#page-content .panel-program-page .nav-tabs {
    border: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#page-content .panel-program-page .nav-tabs > li {
    font-size: 14px !important;
    margin: 0 5px;
    height: 100%;
    float: none;
    padding: 15px 10px 0 0;
}

#page-content .panel-program-page .nav-tabs > li > a {
    margin: 0;
    border: none;
    border-radius: 4px;
    padding: 3px 8px;
}
        
#page-content .panel-program-page .nav > li > a:hover,
#page-content .panel-program-page .nav-tabs > li.active > a,
#page-content .panel-program-page .nav-tabs > li.active > a:hover,
#page-content .panel-program-page .nav-tabs > li.active > a:focus {
    background-color: rgb(181,190,0);
    border: 0;
    color: rgb(255,255,255);
    margin: 0;
}

#page-content .panel-program-page .panel-body {
    background: rgba(255,255,255,.9);
    padding: 0 20px;
}

/* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        #page-content .panel-program-page .panel-heading {
            border-bottom: 0;
            border-radius: 10px 10px 0 0;
            min-height: 40px;
            padding: 0;
        }
        #page-content .panel-heading ul {
            margin: 0;
            padding: 0;
        }
        #page-content .panel-program-page .nav-tabs > li {
            float: left;
            margin: 8px 0 0 8px;
            padding: 0;
        }
        
        #page-content .panel-program-page .nav-tabs > li > a {
            display: inline-block;
            border: 2px solid;
            border-radius: 10px 10px 0 0;
            border-color: #bab9af;
            border-radius: 10px 10px 0 0;
            border-bottom-style: none;
            border-bottom-width: 0px;
            padding: 8px 10px;
        }
        
        #page-content .panel-program-page .nav > li > a:hover,
        #page-content .panel-program-page .nav-tabs > li.active > a,
        #page-content .panel-program-page .nav-tabs > li.active > a:hover,
        #page-content .panel-program-page .nav-tabs > li.active > a:focus {
            background-color: rgb(181,190,0);
            border: 2px solid;
            border-radius: 10px 10px 0 0;
            border-color: white;
            border-bottom-style: none;
            border-bottom-width: 0px;
            padding: 8px 10px;
            color: rgb(255,255,255);
        }
    }

/* Styles for Cool Hover Images - Title, Content, Icons */
.cool-img-hover-wrap {
    overflow: hidden;
	text-align: center;
	margin: 0 auto;
	position: relative;
	display: block;
}
/* Only round the bottom corners for panels */
.panel-audience-menu .cool-img-hover-wrap {
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
}
.cool-img-hover-wrap img {
	width: 100%;
	display: block;
}
.cool-img-hover-title {
	position: relative;		
	top: -150px;
	opacity: 0;
	margin: 0 0 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	-webkit-transition: all 1s ease 0.01s;
			transition: all 1s ease 0.01s;
}
.cool-img-hover-title span {
	color: #fff;	
	padding: 0 20px 15px;
	border-bottom: 1px solid #ccc;
	display: inline-block;
}
.cool-img-hover-icon {
    color: #000;
    display: inline-block;
    font-size: 25px;
    margin: 0 5px;
    opacity: 0;
    position: relative;
	cursor: pointer;
	-webkit-transition-duration: 0.6s;
			transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(1.000, -0.530, 0.405, 1.425);
			transition-timing-function: cubic-bezier(1.000, -0.530, 0.405, 1.425);
}
.cool-img-hover-icon span {
    color: rgb(10,84,139);
	background: rgba(255, 255, 255, 0.7);
	border-radius: 3px;
	padding: 10px 34px 10px 10px;
	-webkit-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}
.cool-img-hover-icon:hover span {
	background: #fff;
	-webkit-transform: scale(1.1,1.1);
			transform: scale(1.1,1.1);
}
.cool-img-hover-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.cool-img-hover-content_inner {
	display: table;
	width: 100%;
	height: 100%;
}
.cool-img-hover-content_inner1 {
	display: table-cell;
	width: 100%;
	height: 100%;
	margin-bottom: 14px;
	vertical-align: middle;
}
/* Styles for Cool Hover Images - Hover Area */
.cool-img-hover-wrap:hover .cool-img-hover-icon,
.cool-img-hover-wrap:hover .cool-img-hover-content,
.cool-img-hover-wrap:hover .cool-img-hover-title {
	opacity: 1;
	top: 0;
}
.cool-img-hover-wrap:hover .cool-img-hover-title {
	-webkit-transition: all 0.5s cubic-bezier(1.000, -0.530, 0.405, 1.425) 0.01s;
			transition: all 0.5s cubic-bezier(1.000, -0.530, 0.405, 1.425) 0.01s;
}
.cool-img-hover-wrap:hover .cool-img-hover-content {
	background: rgba(181,190,0,0.5);
}
/* Styles for Cool Hover Images - Set delay for icons when hever */
.cool-img-hover-content .cool-img-hover-icon:nth-of-type(1) {	
	-webkit-transition-delay: 0.1s;
			transition-delay: 0.1s;
}
.cool-img-hover-content .cool-img-hover-icon:nth-of-type(2) {
	-webkit-transition-delay: 0.15s;
			transition-delay: 0.15s;
}
.cool-img-hover-content .cool-img-hover-icon:nth-of-type(3) {
	-webkit-transition-delay: 0.2s;
			transition-delay: 0.2s;
}
.cool-img-hover-content .cool-img-hover-icon:nth-of-type(4) {
	-webkit-transition-delay: 0.25s;
			transition-delay: 0.25s;
}
/* Styles for Cool Hover Images - Hover Style */
.cool-img-hover-wrap.cool-img-hover-style-1:hover .cool-img-hover-title {
	-webkit-transition: all 0.5s ease 0.01s;
			transition: all 0.5s ease 0.01s;
}
.cool-img-hover-style-1 .cool-img-hover-icon {
	-webkit-transform: scale(0,0);
			transform: scale(0,0);
	-webkit-transition-timing-function: ease;
			transition-timing-function: ease;
}
.cool-img-hover-wrap.cool-img-hover-style-1:hover .cool-img-hover-icon {
	-webkit-transform: scale(1,1);
			transform: scale(1,1);
}
/* End Styles for Cool Hover Images */

.transparent-back {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.4) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(1%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.4)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.4) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.4) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.4) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.4) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000', GradientType=0);
    /* IE6-9 */
    color: #fff;
}

.spacer {
    margin-bottom: 50px;
}

.rssincl-itemimage div {
    display: block;
}

.rssincl-itemtitle p {
    display: block;
}

ul.rss-items {
    margin-bottom: 20px;
}

li.rss-item {
    margin-top: 20px;
}

.rss-title, rss_title a {
	margin: 0px 0;
	padding: 0;
    display: none;
}

.rss-items {
    list-style:none;
    margin:0;
    padding:0;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
    font-family: "NexusSans";
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    margin-top: 20px;
}

.rss-item a:hover {
    text-decoration: underline;
}

.rss-date {
	font-size: small;
}

div .bio {
    padding-top: 10px;
}

/* tighten up accordions */
accordion h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 3px;
    margin-bottom: 3px;
}

/* add expand and contract icons to accordions
   wrap the accordion code in a div with the accordion class */
.accordion .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f056";
    padding-right: 5px;
}

.accordion .panel-title > a.collapsed:before {
    float: right !important;
    content: "\f055";
}

.accordion a {
    text-decoration: none;
    display: block;
}

/* prevent anchors from jumping too far */
a.anchor {
    display: block; position: relative; height: 80px; margin-top: -80px; visibility: hidden;
}

/* trademark mark */
mark {
	background: #b7b6aa none repeat scroll 100% 100%;
	color: #000;
    font-size: 90%;
}

/* override default header to Inver greenyellow */
.panel-default > .panel-heading {
  background-color: #FADC00;
}

/*AN: form validation*/
p.boldred {
    font-family: "NexusSans";
	font-style: normal;
	font-weight: bold;
    font-size: 16px;
	color: #CC0000;
}
p.validate{
 /* validation */
    font-size: 16px;
    margin: 0em auto 0em;
    line-height: 100%;
    color:red;
}

/* Style overrides for Google Custom Search */
    
/* Use a different font family for search results */
.gs-title, 
.gs-snippet {
    font-family: "NexusSans";
}
    
/* Add padding between individual search results */
.gs-webResult {
    padding: 20px !important;
}

/* Override white background */
.gsc-webResult.gsc-result, 
.gsc-results .gsc-imageResult {
    border-color: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.gsc-webResult.gsc-result:hover, 
.gsc-webResult.gsc-result.gsc-promotion:hover{
    border: none !important;
}
        
/* Change the font size of the title of search results */
.gs-title { 
    font-size: 18px !important;
}
    
/* Change the font size of snippets inside search results */
.gs-snippet {
    font-size: 16px !important;
}

.gsc-thumbnail-inside,
.gsc-url-top {
    padding-left: 0 !important;
}
    
/* Highlight the pagination buttons at the bottom of search results */
.gsc-cursor-page {
    font-size: 1.5em;
    padding: 4px 8px;
    border: 2px solid #ccc;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: rgba(181,190,0,1) !important;
    background-color: #fff !important;
    color: #23527C !important;
}
.gsc-control-cse {
    background-color: transparent !important;
    border-color: transparent !important;
    font-family: "NexusSans" !important;
}