/*
Theme Name: WonderRoot Theme
Theme URI: http://www.wonderroot.org
Version: 1.0
Description: Wonderroot - Child theme of Beaver Builder
Author: Floatleft
Author URI: http://www.floatleft.org
template: bb-theme
*/

/* Fonts */
body, h2, h3, h4, h5, h6 {
  font-family:"Apercu Regular", Calibri, sans-serif !important; 
  font-size-adjust:0.508; 
  font-weight:normal; 
  font-style:normal; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* blog background */
body.single-post .fl-page-content,
body.archive .fl-page-content {
  background-color: #fff;
}

strong {
  font-family:"Apercu Bold", Calibri, sans-serif !important; 
}

h1 {
  font-family:"Apercu Bold", Calibri, sans-serif !important; 
  font-size-adjust:0.508; 
  font-weight:bold; 
  font-style:normal; 
}


/* h1 on slides and on background photo headers */
.fl-slide-content h1, .fl-row-bg-photo h1 {
  word-spacing: 1000px; 
  line-height: 110% !important;
  text-transform: uppercase;
  color: #ededeb !important;
}

/* header text shown when there is a background photo */
.white-header-text p {
  color: #ededeb;
  padding-bottom: 15px;
  font-size: 18px;
}

.fl-row-bg-photo  .fl-module-content {
  margin-top: 70px;
}

/* mobile slide header */
.home .fl-slide-text-left .fl-slide-content-wrap, 
.home .fl-slide-text-right .fl-slide-content-wrap {
  text-align: left !important;
}

/* bold links shown below header intro text */
.white-header-text a {
  font-family:"Apercu Bold", Calibri, sans-serif !important; 
}

/* black background section */
.black-background h2,
.black-background h3,
.black-background h4,
.black-background h5 {
  color: #277fff;
}

.black-background h3 {
  font-size: 20px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.black-background p {
  color: #ededeb;
  font-size: 18px;
}

.home-mission p {
  color: #ededeb;
  font-size: 30px;
}

.home-mission p a {
  font-size: 18px;
}

/* header and nav */
.admin-bar .fl-page-header {
  top: 26px;
}

svg#wr_logo {
  fill: #277fff;
}

/* Logo */
.header-logo {
  display:block;
  width:175px;
  height:20px;
  background:url(images/wonderroot_logo_blue.svg) no-repeat;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto;
}

.fl-page-nav .navbar-nav, .fl-page-nav .navbar-nav a {
  font-family:"Apercu Bold", Calibri, sans-serif !important; 
}

.fl-page-nav .navbar-toggle,
.fl-page-nav .navbar-toggle:hover {
  background: transparent;
  color: #000 !important;
  font-weight: bold;
  border: 1px solid #000;
}

.fl-page-nav .navbar-toggle:hover, .fl-page-nav .navbar-toggle:focus,
.fl-page-nav-collapse ul.navbar-nav > li > a:hover,
.fl-page-nav-collapse ul.navbar-nav > li > a:focus {
  background: transparent;
  color: #277fff !important;
}

.fl-page-header *, .fl-page-header a.fa {
  color: #000;
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a,
.fl-page-nav ul.sub-menu li a {
  color: #000;
  font-weight: bold;
}

.fl-page-nav-right.fl-page-header-fixed, .fl-page-header-fixed {
  box-shadow: none;
}

.fl-page-header-fixed.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a {
  color: #000;
}

.fl-page-header-fixed.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a:hover, 
.fl-page-header-fixed.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a:focus {
  color: #277fff;
}

.fl-page-nav-collapse ul.sub-menu li a {
  color: #000 !important;
}

.fl-page-nav-collapse ul.sub-menu li a:hover {
  color: #277fff;
}

.donate.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-24 a {
  color: #277fff;
}

.fl-page-header.fl-page-header-fixed {
  background-color: #ededeb;
}

.fl-page-header .fl-logo-img {
  height: 20px;
}

.fl-page-nav ul li.fl-mobile-sub-menu-open ul.sub-menu ul.sub-menu li {
  margin-left: 15px;
}

/* End header and nav */

/* Nav Tabs - Sub nav on parent pages */
/*not tabs but required for no space before tabs */
.fl-post {
  margin-bottom: 0;
}

#nav-tabs-container {
  background-color: #000;
}

.nav-tabs {
  background-color: transparent;
  border: none;
  text-transform: uppercase;
  font-family:"Apercu Bold", Calibri, sans-serif !important; 
  font-size: 13px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.tab-content .nav-tabs {
  background: transparent;
}

.nav-tabs > li > a {
  border: none;
  border-radius: 0;
  padding: 10px 20px;
  color: #fff;
  height: 40px;
}

.tab-content .nav-tabs > li > a {
  color: #000
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  text-decoration: none;
  color: #277fff;
}

.nav > li > a:hover, .nav > li > a:focus {
  background: transparent;
  border: none;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
  background: transparent;
  border: none;
  color: #277fff;
}

.nav-tabs * > .fa.fa-hover-show {
  display: none;
}
.nav-tabs-first *:hover > .fa.fa-hover-show,
.nav-tabs-first *.active > .fa.fa-hover-show,
.nav-tabs-first li.active .fa.fa-hover-show {
  display: block;
  text-align: center;
  width: 100%;
}

/* vertical nav tabs */
.nav.vertical-tabs li {
  float: none;
}

.nav-tabs.vertical-tabs {
  text-transform: none;
  font-family:"Apercu Regular", Calibri, sans-serif !important; 
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.vertical-tab-content .fl-module-content {
  margin: 0;
}

.vertical-tab-content .fl-module-content p {
  font-size: 18px;
}

.tab-content .fl-row-fixed-width,
.tab-content .fl-row-content-wrap {
  padding-left: 0;
  padding-right: 0;
}

/* slider photos */
.fl-slide-bg-photo,
.wr-grid-image-content img {
  filter: brightness(70%);
  filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright70'><feComponentTransfer><feFuncR type='linear' slope='0.70'/><feFuncG type='linear' slope='0.70' /><feFuncB type='linear' slope='0.70' /></feComponentTransfer></filter></svg>#bright70");
  -webkit-filter: brightness(70%);
  -moz-filter: brightness(70%);
  -o-filter: brightness(70%);
  -ms-filter: brightness(70%);
}

/* Image grid with hover */
.wr-grid-image-content {
  position: relative;
  overflow: hidden;
  line-height: 120%;
}

/* using same as slideshow - see above
.wr-grid-image-content img {
  filter: brightness(50%);
  filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright50'><feComponentTransfer><feFuncR type='linear' slope='0.50'/><feFuncG type='linear' slope='0.50' /><feFuncB type='linear' slope='0.50' /></feComponentTransfer></filter></svg>#bright50");
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  -o-filter: brightness(50%);
  -ms-filter: brightness(50%);
} */

.show.fl-photo-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  display: block;
  line-height: 120%;
}

.show .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  background: rgba(39,127,255,0.9);
}

.show:hover img {
  transform: scale(1.2);
}

.show .description {
  color: #ededeb;
  opacity: 0;
  transition: all 0.2s;
  display: block;
  line-height: 120%;
  text-align: left;
  padding: 20px;
  font-size: 18px;
}

.show:hover,
.show:hover .mask,
.show:hover .description {
  opacity: 1;
  text-decoration: none;
}

.wr-grid-image-title { 
  background: transparent;
  display: block;
  position: absolute; 
  top: 20px; 
  left: 0;
  text-align: center; 
  width: 100%; 
  color: #ededeb;
  font-size: 30px;
  text-transform: uppercase;
  font-family:"Apercu Bold", Calibri, sans-serif !important;
  padding: 0 20px;
  line-height: 120%;
}


/* End Image Grid */

/* Sidebar title */
.sidebar-title h3.parent-title { 
  font-size: 22px;
  text-transform: uppercase;
}

.sidebar-title h2.page-title {
  font-size: 30px;
  color: #277fff;
  margin-top: 10px;
}

/* Events */
.events-archive .fl-page-content  {
  background-color: #fff;
}

.tribe-events-list-separator-month,
#tribe-bar-form .tribe-bar-submit input[type="submit"] {
  background-color: #277fff;
  color: #ededeb;
}

#tribe-bar-form {
  background: #ededeb;
}

#tribe-events-pg-template {
  padding-top: 40px;
}

.tribe-events-list-separator-month::after {
  border-bottom: none;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover, .tribe-events-calendar td.tribe-events-present.mobile-active, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present.mobile-active div[id*="tribe-events-daynum-"] a,
.tribe-events-list-separator-month span,
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
  background-color: #277fff;
}

.tribe-events-list .type-tribe_events h2 {
  font-size: 30px;
}

#tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title {
  font-weight: normal;
}

.tribe-events-loop .tribe-events-event-meta {
  font-size: 14px;
}

#tribe-events-content .tribe-events-tooltip h4, #tribe_events_filters_wrapper .tribe_events_slider_val, .single-tribe_events a.tribe-events-gcal, .single-tribe_events a.tribe-events-ical {
  color: #277fff;
}

.single-tribe_events .tribe-events-cal-links,
.tribe-events-cal-links {
  display: none;
}

.eventbrite-ticket-embed iframe {
  border: none;
  height: 300px !important;
}

.eventbrite-ticket-embed div:last-child {
  display: none;
}

/* Page builder input field width */
.fl-builder-settings-fields textarea, .fl-builder-settings-fields input[type="text"], .fl-builder-settings-fields input[type="password"], .fl-builder-settings-fields input[type="file"], .fl-builder-settings-fields input[type="email"], .fl-builder-settings-fields input[type="number"], .fl-builder-settings-fields input[type="search"], .fl-builder-settings-fields input[type="tel"], .fl-builder-settings-fields input[type="url"], .fl-builder-settings-fields select {
  width: 100%;
}

/* Footer */
.fl-page-footer,
.fl-page-footer .fl-page-footer-text, 
.fl-page-footer .fl-social-icons,
.fl-page-footer-text {
  text-align: left;
}

.fl-page-footer a, 
.fl-page-footer a:visited {
  color: #000;
}

h4.sponsors {
  text-align: center;
}

img.sponsors {
  width: 100%;
  height: auto;
}

#mc-embedded-subscribe-form input {
  display: inline-block;
  border-radius: 0;
}

#mc-embedded-subscribe-form input.email {
  width: 200px;
}

#mc-embedded-subscribe-form .button-square {
  border-radius: 0;
  background: #000;
  border: 1px solid #000;
}


/* Media Query - 768px or greater
----------------------------------------------------------- */

@media (min-width: 768px) {

  .fl-page-nav ul.sub-menu {
    background-color: #000;
    border-top: none;
    box-shadow: none;
  }

  .fl-page-nav-collapse ul.sub-menu li a {
    color: #ededeb !important;
  }

  .fl-page-nav-wrap {
    padding-top: 4px;
    padding-bottom: 6px;
   }

  .nav.navbar-nav.navbar-right.menu {
    padding-top: 5px;
  }

  .fl-page-nav .navbar-nav > li > a, 
  .fl-page-nav-right.fl-page-header-fixed .fl-page-nav-wrap .navbar-nav > li > a, 
  .fl-page-header-fixed .fl-page-nav-wrap .navbar-nav > li > a {
    padding: 6px 15px 6px !important
  }

  .donate.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-24 {
    border: 1px solid #277fff;
    margin-left: 50px;
  }

}

/* Media Query - 992px or greater
----------------------------------------------------------- */

@media (min-width: 992px) { 


  /* don't understand why this is set to 1020px */
  .fl-full-width .container {
   /* width: 1200px; */
  }

  /* float the top bar to the right */
  .fl-page-bar-nav.nav.navbar-nav.menu {
    float: right;
  }

  .fl-page-header-container.container {
    padding-right: 0;
  }

  .fl-page-header .fl-logo-img {
    padding-top: 5px;
    padding-bottom: 0;
    height: 25px;
   }

   .fl-page-nav-right .fl-page-header-logo {
    /*padding-left: 40px;*/
    padding-bottom: 0;
   }

   .fl-page-nav-wrap {
    padding-top: 6px;
    padding-bottom: 4px;
   }

  .fl-page-header-container.container,
  .fl-page-nav-right .fl-page-header-container,
  .fl-page-nav-right.fl-page-header-fixed .fl-page-header-container.container, 
  .fl-page-header-fixed .fl-page-header-container.container {
    padding-top: 5px;
    padding-bottom: 5px;
  }
   
  .white-menu .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a,
  .white-menu .fl-page-nav ul.sub-menu li a {
    color: #ededeb; 
  }


  .white-menu .fl-page-header-fixed.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.donate.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-24 a,
  .white-menu.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.donate.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-24 > a,
  .white-menu .fl-page-nav ul.sub-menu li.donate.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-24 a {
    color: #277fff;
  }

  .white-menu .fl-page-header-fixed.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a {
    color: #000; 
  }



  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a,
  .fl-page-header-fixed.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a {
    color: #277fff;
  }

  .fl-builder .fl-page-header {
    position: relative;
    z-index: 999;
    top: 0;
    background: transparent;
  }

  /* move slider up when you have a slider or bg photo as the first row */
  .fl-module-content-slider, 
  .fl-row-bg-photo {
    margin-top: -87px;
  }
  
  /* for transparent background header 
  .fl-builder .fl-page-header {
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 0;
    background: transparent;
  }

  .fl-builder .fl-page-bar {
    top: 30px;
    position: absolute;
    z-index: 999;
    border: none;
  }

  .fl-builder.page-child .fl-page-header {
    background: #ededeb none repeat scroll 0 0;
    position: relative;
    z-index: 999;
    width: 100%;
  }

  .fl-builder.page-child .fl-page-bar {
    top: 0;
    position: relative;
  }

  .admin-bar.fl-builder .fl-page-header {
    /* top: 26px; 
    top: 56px;
  } */

  .fl-page-header {
    border-top: none;
  }

  .fl-page-bar {
    height: 30px;
    margin-top: 0;
    padding-top: 0;
    border-bottom: none;
    position: relative;
    z-index: 999;
    background: transparent;
  }

  .fl-page-bar-row.row {
    margin-right: 0;
  }

  .fl-page-bar-container {
    margin-top: 0;
    padding-top: 0;
  }

  .fl-page-bar ul {
    background-color: #000;
    margin-top: 0;
    padding: 3px 0;
  }

  .fl-page-bar .navbar-nav > li > a,
  .fl-page-bar .navbar-nav > li > a:visited,
  .fl-page-bar a,
  .fl-page-bar a:visited {
    color: #ededeb;
    font-family:"Apercu Bold", Calibri, sans-serif !important; 
  }

  .fl-page-bar .navbar-nav > li > a:hover,
  .fl-page-bar .navbar-nav > li.current-menu-item > a,
  .fl-page-bar .navbar-nav > li > a.active,
  .fl-page-bar .active a,
  .fl-page-bar a:hover,
  .fl-page-bar a:focus {
    color: #277fff;
  }

  .admin-bar.fl-builder.page-child .fl-page-header {
    top: 0;
  }

  .admin-bar.fl-builder.page-child .fl-page-nav-right.fl-page-header-fixed, .admin-bar .fl-page-header-fixed {
    top: 32px;
  }

  .fl-builder .fl-page-header.fl-page-header-fixed {
    background-color: #ededeb;
    position: fixed;
    z-index: 100;
  }

  .fl-page-nav-right .fl-page-nav ul.navbar-nav {
    float: left !important;
    width: 100%;
    padding-right: 50px;
  }

  /* right align nav items */
  .fl-page-nav-right .fl-page-nav ul.navbar-nav > li {
    float: none;
    text-align: right;
    display: inline-block;
  }

  /* Logo */


  /* page builder with top background image - white logo */
  .white-menu .header-logo {
    background:url(images/wonderroot_logo.svg) no-repeat;
  }

  /* no page builder */
  .header-logo {
    background:url(images/wonderroot_logo_blue.svg) no-repeat;
    margin: 0 0;
  }

  /* page builder fixed header - blue logo */
  .white-menu .fl-page-header-fixed .header-logo {
    background:url(images/wonderroot_logo_blue.svg) no-repeat;
  }

  .home-mission p {
    margin-right: 29%;
  }

  /* Grid title */
  .wr-grid-image-title { 
    top: 45%;
  }
}

/* Media Query - 1100px or greater
----------------------------------------------------------- */

@media (min-width: 1100px) { 

  .fl-full-width .container {
    width: 1100px;
  }

  .fl-page-nav-right .fl-page-header-row.row {
    margin-left: 20px !important;
    width: auto !important;
    display: block !important;
    border-top: none;
  }

  .fl-page-nav-right .fl-page-nav ul.navbar-nav {
    padding-right: 40px;
  }

  .donate.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-24 {
    float: right;
  }

  .fl-page-nav .navbar-nav > li > a, .fl-page-nav-right.fl-page-header-fixed .fl-page-nav-wrap .navbar-nav > li > a, .fl-page-header-fixed .fl-page-nav-wrap .navbar-nav > li > a {
    padding: 6px 25px !important;
  }

  .fl-page-nav .navbar-nav > li.donate.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-24 > a, .fl-page-nav-right.fl-page-header-fixed .fl-page-nav-wrap .navbar-nav > li.donate.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-24 > a, .fl-page-header-fixed .fl-page-nav-wrap .navbar-nav > li.donate.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-24 > a {
    padding: 6px 15px !important;
  }

}

/* Media Query - 1170px or greater
----------------------------------------------------------- */

@media (min-width: 1170px) { 

  .fl-full-width .fl-page-header-container.container {
    width: 1170px !important;
  }

  .fl-row-fixed-width {
    max-width: 1170px;
    padding: 0 15px;
  }

  .fl-page-nav-right .fl-page-header-row.row {
    margin-left: 20px !important;
    width: auto !important;
    display: block !important;
  }

  .fl-page-nav-right .fl-page-nav ul.navbar-nav {
    width: 100%;
    padding-right: 40px;
  }
 

}