/*
Theme Name: Girlguiding OAC
Theme URI: http://www.ohsocreative.co.uk
Version: 1.0
Description: Girguiding OAC Child Theme.
Author: OhSo Creative Ltd
Author URI: http://www.ohsocreative.co.uk
template: bb-theme
*/

/* TYPOGRAPHY */
a h1, a h2, a h3, a h4 {
  color: #007bc4;
}
a h1:hover, a h2:hover, a h3:hover, a h4:hover {
  color: #e21270;
}
.fl-rich-text ul li {
  margin-bottom: 10px;
}
.os-small-print p {
  font-size: 13px;
}

a.fl-button {
  font-family: 'Raleway', sans-serif;
  font-weight: 800 !important;
}
@media (max-width: 768px) {
  h1.fl-heading { font-size: 30px !important; }
}


/* HEADER */
.os-header-logo {
}

/* main nav */
#os-main-nav ul.sub-menu li a {
  color: #fff;
  font-size: 15px;
  padding-bottom: 3px;
  line-height: 1.3;
}
#os-main-nav ul.sub-menu li a:hover {
  color: #00a7e5;
}
#os-main-nav ul.sub-menu {
  padding-bottom: 20px;
  padding-top: 5px;
}
@media (max-width: 768px) {
  #os-main-nav ul.sub-menu { margin-left: 20px; }
  #os-main-nav ul.sub-menu li a { font-size: 16px; color: #007bc4; }
  #os-main-nav ul.sub-menu li a:hover { color: #00a7e5; }
  }





/* FOOTER */
.os-footer-warden-content .fl-module-content {
  background-color: #fff;
  padding: 20px;
}
.os-footer-warden-content .fl-module-content p {
  color: #808080 !important;
}
.os-footer-warden-content .fl-module-content h3 {
  color: #007bc4;
}
.os-footer-facebook .fl-icon-wrap {
  background-color: #e01c71;
  padding: 10px 15px;
}
.os-footer-facebook .fl-icon-wrap:hover {
  background-color: #e0508e;
}

/* HOMEPAGE */
@media (max-width: 768px) {
  .os-home-hero-row .fl-module-heading h1.fl-heading { font-size: 50px; }
  .os-home-quick-links .fl-module-icon {
    text-align: left !important;
  }
}
.os-home-intro-row .fl-rich-text p {
  font-size: 18px;
}
.os-home-promos-row .fl-rich-text { min-height: 55px; }

/* CAMPSITES ARCHIVE */
.os-campsites-wrapper .fl-post-feed-post { 
  margin-bottom: 50px; 
}

/* ACTIVITIES ARCHIVE */
.os-activities-wrapper .fl-post-text {
  background-color: #f0f0f0;
}
.os-activites-custom-fields {
  font-style: italic;
  font-size: 14px;
}

/* ELEMENTS */

/* REVERSED BUTTONS */
.os-white-button .fl-button .fl-button-text {
    color: #007bc4 !important;
}
.os-white-button .fl-button:hover .fl-button-text {
    color: #fff !important;
}