/*
Theme Name: Pherm Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 
@media (max-width:768px) {
	.fl-logo-img {width: 158px;}
}


label {font-weight: normal; font-size: 16px;}

.fl-page-nav .navbar-nav a {letter-spacing: 1.5px;}

.fl-page-bar {
  position: absolute;
  top: 0;
  z-index: 11;
  width: 100%;
}

.fl-page-header, .fl-page-header-wrap {
  background-color: transparent;
  border-bottom-style: none; /* Removes the 1px border below the menu */
  position: absolute;
/*   top: 80px; */ /* Height of top bar */
  width: 100%;
  z-index: 10;
}

.fl-page-header-fixed .fl-page-header-wrap {background-color: rgba(0,0,0,0.75);}
.fl-page-nav-wrap {border: none;}

.fl-page-nav-centered-inline-logo .fl-page-nav-wrap {margin-top: -35px;}
@media (min-width:992px) {
.fl-page-header-primary .fl-logo-img {margin-bottom: -150px;}
.fl-page-nav-centered-inline-logo .fl-page-nav-wrap {margin-top: 0;}
}

/* main nav drop downs */
.fl-page-nav .navbar-nav ul.sub-menu {width:200px; border: 0; background: rgba(255,255,255,.75); padding:0;}
.fl-page-nav .navbar-nav ul.sub-menu li a {color: #444; font-size: 16px; padding: 10px 15px; margin:0;}
.fl-page-nav .navbar-nav ul.sub-menu li a:hover {background: #fff;}

/* woocommerce */
.woocommerce button.button.alt, .woocommerce-page button.button.alt,
.woocommerce a.button.alt, .woocommerce-page a.button.alt {letter-spacing: 1px; border: solid 2px #000; background: #fff; color: #000; border-radius: 0; font-family: Oswald; font-size: 16px; text-transform: uppercase;}
.woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover,
.woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover {border: solid 2px #000; background: #000; color: #fff;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {font-weight: normal;}

form.woocommerce-checkout {background: #fff; padding: 20px;}

/* EVENTS PAGE LIST */

.event-list, .event-list li {margin:0; padding: 0; list-style-type: none;}
.event-list li {margin-bottom: 30px; padding-top: 20px; border-top: solid 1px #ccc;}
.event-list .event-date span {display: block; text-align: center; text-transform: uppercase;}
.event-list .event-date .day {font-size: 48px; font-family: Oswald; color: #3cbdb7;}
.event-list .event-date .date {font-size: 24px; font-family: Oswald; letter-spacing: 2px;}
.event-list .event-date .weekday {font-size: 14px; letter-spacing: 1px;}
.event-list .event-info {padding-top: 10px;}
.event-list .event-info .cat {font-family: Oswald; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; color: #3cbdb7;}
.event-list .event-info h2 {margin:0; text-transform: none; font-size: 30px;}
.event-list .event-info .time {font-size: 16px; font-family: Oswald; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; color: #8f8f8f}
.event-list .event-info .time em {font-style: normal; color: #777;}
.event-list .event-info .event-notes {padding-top: 20px;}

.event-list .event-info .event-link a {border: solid 2px #000; padding: 12px 24px; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; font-family: "Oswald",sans-serif; display: inline-block; margin:20px 0;}
.event-list .event-info .event-link a:hover {background: #03afec; color: #fff; border-color: #03afec;}

/* event list category colors - default is food truck */

/* ======  ORANGE ======  */
.event-list .cat_live-music .event-date .day,
.event-list .cat_live-music .cat,
.event-list .cat_open-mic .event-date .day,
.event-list .cat_open-mic .cat {color: #d88a42;}

/* ======  BLUE ======  */
.event-list .cat_trivia .event-date .day,
.event-list .cat_trivia .cat,
.event-list .cat_special-event .event-date .day,
.event-list .cat_special-event .cat,
.event-list .cat_yoga .event-date .day,
.event-list .cat_yoga .cat {color: #03afec;}


/* EVENTS GRID ON HOMEPAGE */

.event-grid, .event-grid li {list-style-type: none;}
.event-grid li {}
.event-grid table {border: solid 1px #ddd; margin-bottom: 20px;}
.event-grid .event-date {text-align: center; padding: 10px 0; /* background: #3cbdb7; */

background: #b1dd49; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #b1dd49 0%, #14b3dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #b1dd49 0%,#14b3dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #b1dd49 0%,#14b3dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1dd49', endColorstr='#14b3dc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.event-grid .event-date .day {display: block; font-size: 40px; font-family: Oswald; color: #fff;}
.event-grid .event-date .date {display: block; font-size: 24px; font-family: Oswald; text-transform: uppercase; letter-spacing: 2px; color:rgba(255,255,255,0.5); margin-top: -10px;}
.event-grid .event-date .weekday {color: #fff; font-size: 14px; text-transform: uppercase;}

.event-grid .event-info {padding: 10px; background: #fff;}
.event-grid .event-info .cat {font-family: Oswald; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; color: #3cbdb7;}
.event-grid .event-info h2 {margin:0; text-transform: none; font-size: 24px; font-family: fira sans,sans-serif; line-height: 26px; margin-bottom: 5px;}
.event-grid .event-info .time {font-size: 16px; font-family: Oswald; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; color: #8f8f8f}
.event-grid .event-info .time em {font-style: normal; color: #777;}
/* .event-grid .event-info .weekday {display: block; font-size: 18px; font-family: Oswald; text-transform: uppercase; letter-spacing: 1px;} */

/* event grid category colors - default is food truck */

/* ======  BLUE ======  */
.event-grid .cat_trivia .event-info .cat,
.event-grid .cat_special-event .event-info .cat,
.event-grid .cat_yoga .event-info .cat {color: #03afec;}

.event-grid .cat_trivia .event-date,
.event-grid .cat_special-event .event-date,
.event-grid .cat_yoga .event-date {
background: #03afec; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #03afec 0%, #8868c1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #03afec 0%,#8868c1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #03afec 0%,#8868c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03afec', endColorstr='#8868c1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* ======  ORANGE ======  */
.event-grid .cat_live-music .event-info .cat,
.event-grid .cat_open-mic .event-info .cat {color: #d88a42;}

.event-grid .cat_live-music .event-date,
.event-grid .cat_open-mic .event-date {
background: #d88a42; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #d88a42 0%, #6a3593 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #d88a42 0%,#6a3593 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #d88a42 0%,#6a3593 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d88a42', endColorstr='#6a3593',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}