/* ---------- ---------- ----------
    HEADER Element Mods
* ---------- ---------- ---------- */
#page .header { margin-top:20px; }
#page .header .site-identity { width: 320px; }
#page .header .container { background-color: rgba(0,0,0,.5); }
#page .header .mast-head .navigation-main a { font-size:15px; }


/* ---------- ---------- ----------
    PAGE HERO Mods
* ---------- ---------- ---------- */
#page .page-hero:before { background-color: rgba(0, 0, 0, 0.30); }
#page .page-hero .page-hero-subtitle { font-size:48px; font-style:italic; }

.home .widget-section#ci-hero-1 { margin-bottom: 0; } 
.home .widget-section#ci-about-2 {
  margin-bottom: 0;
  padding-top: 150px; padding-bottom: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(https://thebluffbelize.com/wp-content/uploads/2018/01/home_open-hours-01.jpg);
}
.home .widget-section#ci-about-2 .widget-title {
  padding: 10px;
  background-color: rgba(0,0,0,.5);
  max-width: 300px; margin: 0 auto 50px;
  
  color: #fff; font-size: 36px; font-weight: 700;
  text-align: center; text-transform: uppercase;
}
.home .widget-section#ci-about-2 .widget-opening-hours {
  max-width: 300px; margin: 0 auto;
}
.home .widget-section#ci-about-2 .widget-opening-hours li {
  color: #fff;
  font-size: 18px; line-height: 2;
}


body.events-archive .page-hero { min-height: 150px; background: #454545; }
body.events-archive .page-hero .page-hero-title { display:none; }



/* ---------- ---------- ----------
    FOOTER Element Mods
* ---------- ---------- ---------- */
.footer-widgets { padding: 50px 0 20px; }
.footer .widget .widget-title { font-weight: 600; }
.footer .footer-widgets .widget { margin-bottom: 20px; }
.footer .footer-widgets .col-lg-3:first-child .widget { position: relative; top: -15px; }
.footer .footer-widgets .col-lg-3:first-child .widget_custom_html { margin-bottom:0; }
.footer .footer-credits { padding:10px 0; }


/* ---------- ---------- ----------
    Media Query Mods
* ---------- ---------- ---------- */
@media screen and (max-width:1199px) {
  .header .mast-head .site-identity { width:225px; padding:0; }
  .header .mast-head .site-identity .site-tagline { font-size: 11px; }
}
@media screen and (max-width:767px) {
  .header .mast-head .site-identity { width:200px; }
  .header .mast-head .site-logo img { max-width:200px; max-height:100px; }
  
  #ci-info-1 p, #ci-info-2 p { max-width: 300px; margin: 0 auto; }
  
  .footer .footer-widgets .widget { text-align: center; margin-bottom: 35px; }
  .footer .footer-widgets .widget .widget-title { margin-bottom: 15px;}
  .footer .footer-widgets .widget .logo { display: block; margin: 0 auto 35px; }
  .footer .footer-widgets .widget_ci-about { max-width: 280px; margin: 0 auto; }
}
@media screen and (max-width:360px) {
  .header .mast-head .site-identity { width:150px; }
  .header .mast-head .site-logo img { max-width:150px; max-height:75px; }
  .header .mast-head .site-identity .site-tagline { display:none; }
}
