/*
Theme Name: Canyon Lanes at Morongo
Theme URI: 
description: Customized theme, styles, assets and functions, hand-crafted for Canyon Lanes. :)
Author: 
Author URI: 
Template: bb-theme
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: builder beaver, customized, canyon lanes at morongo
Text Domain: fl-automator
*/


/*  General */


  @import url("https://use.typekit.net/pvo0crg.css");

body {background:#000;}

a {color:#06a2d7; transition:1s; -webkit-transition:1s; -moz-transition:1s; -o-transition:1s;}
a:hover {color:#09c1ff;}
a.fl-button, a.fl-button:visited, .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited 
{background:#06a2d7; transition:1s; -webkit-transition:1s; -o-transition:1s; -moz-transition:1s !important;}
a.fl-button:hover, a.fl-button:visited:hover, .fl-builder-content a.fl-button:hover, .fl-builder-content a.fl-button:visited:hover 
{background:#09c1ff;}


/* Fonts */
@font-face {
  font-family: "Astrud";
  src: url("fonts/Astrud.eot"); /* IE9 Compat Modes */
  src: url("fonts/Astrud.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Astrud.otf") format("opentype"), /* Open Type Font */
    url("fonts/Astrud.svg") format("svg"), /* Legacy iOS */
    url("fonts/Astrud.woff") format("woff"), /* Modern Browsers */
    url("fonts/Astrud.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


h1, h2, h3, h4, h5 {
    font-family: "Astrud";
    text-transform: uppercase;
    letter-spacing: 4px;
    color:#06a2d7;
}

h1 {font-size: 36px;}
h2 {font-size: 35px;}
h3, h4, h5, h6 {font-size: 30px;}

/* 
body, p {
	font-family: "futura-pt";
 	color: #161415;
	font-size: 18px;
} */

body, p {
 	color: #161415;
	font-size: 18px;
}

/* Scrolling for Long Subnav on Mobile */

body {overflow-x:hidden !important;}

body::-webkit-scrollbar {
  width: 15px;
}

/* Track */
body::-webkit-scrollbar-track {
  background:#161415;
  border:solid thin #21759b;
border-top:0;
  border-bottom:0;
}
 
/* Handle */
body::-webkit-scrollbar-thumb {
  background: #06a2d7; 
  border:#21759b thin solid;
  border-top:0;
  border-bottom:0;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #21759b; 
}


/* Customized Bullet Lists */

ul {
list-style: none;
padding: 0;
}

#thebottom li, .fl-post-content li {
padding: 0 0 0 35px;
margin: 0 0 15px 0;
background-size: 25px;
background-repeat: no-repeat;
}

.fl-post-content .sublist {
	padding: 0 0 0 20px;
}
.fl-post-content .sublist li {
background-image: url('img/pin-bullet-blue.png');
background-size: 25px;
background-repeat: no-repeat;

}

.fl-post-content li
{background-image: url('img/bowling-bullet-blue.png');}

#thebottom li
{
background-image: url('img/bowling-bullet-blue.png');
}


/* Header */

/* Header - Desktop */
.thetop {position:fixed;height:100vh;top:0;left:0;z-index:100;background:#161415;color:#fff;width:20%;}
.thetop, .thetop a {color:#fff;}
body {width:80%;float:right;}
body.main-menu1 {transition:1s; -webkit-transition:1s; -o-transition:1s; moz-transition:1s;}

.main-menu1  .pp-advanced-menu .menu > li > a, .main-menu1 .pp-advanced-menu .menu > li > .pp-has-submenu-container > a 
{transition:1s;}

/* 
body .fl-node-5e14057b4f1a3 .pp-advanced-menu .sub-menu,
body .fl-node-5e548522745c8 .pp-advanced-menu .sub-menu 
{min-width:100%;} */


.thetop img {margin-top:50px; margin-bottom:35px;}
.thetop #hoursinnav {margin-top:25px; display:flex!important;}}
.thetop .pp-advanced-menu {margin-bottom:50px;}
.thetop i {font-size:25px;}
.desktop-social-icons {margin-top:25px; letter-spacing:25px;}
.contact-icon-head .fl-icon i::before {letter-spacing:25px; font-size:30px;}

/* Hours */

#hoursinnav  
.hoursnavtitle,
.contact-icon-head .fl-icon-text-link,
.thetop  {font-size:auto-flow;}    


#hoursinnav 
.hoursnavtitle {text-transform:uppercase;line-height:16px;font-weight:800;letter-spacing:4px;color:#06a2d7 !important;}
.hoursnav {width:100%; color:#fff !important;font-size:auto;display:inline-flex;}
.hours-day {display:block;padding-right:.125em;float:left;width:40%;}
.hours-hours {display:block;}



@media (max-height: 980px) {
.thetop img {margin-top:20px; margin-bottom:25px;}
.thetop .pp-advanced-menu {margin-bottom:40px;}
.desktop-social-icons {margin-top:25px;}
}



@media (max-height: 909px) {
.thetop img {margin-top:20px; margin-bottom:15px;}
.thetop #hoursinnav {margin-top:5px;}
.thetop .pp-advanced-menu {margin-bottom:30px;}
.desktop-social-icons {margin-top:15px;}
}

@media (max-height: 880px) {
.thetop img {margin-top:5px; margin-bottom:15px;}
.thetop #hoursinnav {margin-top:5px;}
.thetop .pp-advanced-menu {margin-bottom:15px;}
.desktop-social-icons {margin-top:10px;}
}

@media (max-height: 840px) {
.thetop img {margin-top:5px; margin-bottom:5px;}
.thetop #hoursinnav {margin-top:5px;}
.thetop .pp-advanced-menu {margin-bottom:5px;}
.desktop-social-icons {margin-top:5px; letter-spacing:10px;}
}


@media (max-height: 742px) {
.thetop img {margin-top:2px; margin-bottom:2px;}
.thetop #hoursinnav {margin-top:2px;}
.thetop .pp-advanced-menu {margin-bottom:2px;}
.desktop-social-icons {margin-top:2px;}
	
.contact-icon-head .fl-icon i::before {letter-spacing:5px;}
.thetop i {font-size:15px;}
.contact-icon-head .fl-icon i::before  {font-size:15px;}
.contact-icon-head a,
	
#hoursinnav  .hoursnavtitle,
body .contact-icon-head .fl-icon-text-link,
body .contact-icon-head .fl-icon-text-link,
body .contact-icon-head .fl-icon-text, .contact-icon-head .fl-icon-text-link,
.thetop  {font-size:12px;}

@media (max-height: 665px) {
.thetop img {margin-top:2px; margin-bottom:2px;}
.thetop #hoursinnav {margin-top:-12px;}
.thetop .pp-advanced-menu {margin-bottom:-10px;}
.desktop-social-icons {margin-top:-5px;}
.contact-icon-head .fl-icon i::before {letter-spacing:5px;}
.thetop i {font-size:12px;}
.contact-icon-head .fl-icon i::before,
.contact-icon-head .fl-icon i::before,
.contact-icon-head i::before,
.contact-icon-head .fl-icon i::before  {font-size:15px;}
#hoursinnav  .hoursnav,
#hoursinnav  .hoursnavtitle,
.contact-icon-head .fl-icon-text-link,
.thetop  {font-size:11px;}
}


@media (max-height: 612px) {
.thetop img {margin-top:2px; margin-bottom:2px;}
.thetop #hoursinnav {margin-top:-12px; display:none;}
}

@media (max-width: 1302px) {
body .contact-icon-head .fl-icon i::before {font-size:12px;}    
.desktop-social-icons {letter-spacing:5px;}
}


@media (max-width: 1140px) {
.thetop .fl-module-content .fl-icon i:before
{letter-spacing:2px; font-size:17px !important; margin-top:-20px;}
.desktop-social-icons{margin-top:-5px;}
}


/*  Hours in Mobile */
@media (max-width: 992px) {
#hoursinnav
.hoursnav {width:100%; max-width:240px; font-size:auto; margin:10px; display:inline-flex;}
.hours-day {display:block; float:left;width:35%; width:40%;}
.hours-hours {display:block;}
}

	
	/* 
#hoursinnav 
.hoursnavtitle {text-transform:uppercase;line-height:16px;font-weight:800;letter-spacing:4px;color:#06a2d7 !important;}
.hoursnav {width:100%; color:#fff !important;font-family:'futura-pt';font-size:auto;display:inline-flex;}
.hours-day {display:block;padding-right:.125em;float:left;width:40%;}
.hours-hours {display:block;}*/
	
	
/* Header - Mobile - Hamburger */
body .pp-advanced-menu-mobile-toggle.hamburger {
    float: right !important;
}


/* Header -Mobile */
/*  Full Screen Customization */
.thetopm {position:fixed;width:100%;z-index:999 !important;}
.pp-menu-overlay .current-menu-item {background:#06a2d7;}


/* Mobile Page Padding */
@media screen and (max-width: 992px) {
.topvidpg, .pgtop, #tribe-events {padding-top:100px;}
}

@media screen and (max-width: 768px) {
.pgtop {padding-top:135px;}
}

@media screen and (max-width: 640px) {
.pgtop {padding-top:125px;}
}

@media screen and (max-width: 538px) {
.pgtop {padding-top:105px;}
}

@media screen and (max-width: 1208px) {
    .thetopd {font-size:12px;padding:0;width:25%}
    body {width:80%;float:right;}
}

@media screen and (max-width: 992px) {
    body {width:100%;float:left;}
}


/*   Miscellaneous   */

table.ui-datepicker-calendar {background-color:#FFF}
.ui-datepicker-div {
    background-color: #FFF;
    border: solid;
    padding: .5em;
}


    /* New Window Icon Aligment */
.newwindow  {width:14px;margin-top:-7px;}

    /*  Cookie Clos Header Animation */
#cookie_action_close_header {transition:1s; -webkit-transition:1s; o-transition:1s; moz-transition:1s;}


/* Call To Action Button */

#calltoaction .fl-button.fl-button-icon-animation .fl-button-text i.fa-angle-double-right {position:relative;opacity:1;left:-17px;}

@media only screen and (max-width: 1300px) {
    .desktop-social-icons {word-spacing:18px;}
}

@media only screen and (max-width: 1257px) {
    .desktop-social-icons {word-spacing:14px;}
}

@media only screen and (max-width: 1177px) {
    .desktop-social-icons {word-spacing:12px; font-size:10px;}
}

@media only screen and (max-width: 1112px) {
    .desktop-social-icons {word-spacing:5px;}
.fl-node-5e0a90d184ec5 .fl-module-content .fl-icon i, .fl-node-5e0a90d184ec5 .fl-module-content .fl-icon i:before {font-size:24px;}
}


/* Ensures users to go the right place when they scroll to the top. */

#topofpage {position:absolute;top:0;height:0px;}



/* Footer */

#thebottom img.bmp {width:100%;max-width:320px;margin-top:-3px;}
@media screen and (max-width: 600px) {
    #thebottom img.bmp {width:100%;max-width:220px;margin-top:0;}
}

#thebottom .thefun {margin:-10px 0 16px 0;font-size:15px;text-transform:uppercase;letter-spacing:5px;}


.scrollup i {color:#fff;background:#06a2d7;width:55px;
position:fixed;bottom:5px;right:25px;text-align:center;font-size:55px;border-radius:55px;z-index:998 !important;
transition:1s; -webkit-transition:1s; -moz-transition:1s; -o-transition:1s;}
.scrollup i:hover {background:#09c1ff;}
.scrollupshow {opacity:1; transition:1s;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;}
.scrolluphide {opacity:0; transition:1s;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;}

#thebottom .thesitemap li {font-size:13px;line-height:20px;background-size:15px;
background-position-y: 4px; background-position-x:7px;}
#thebottom .thecol1, #thebottom .thecol2 {width:50%;float:left;}
#thebottom ul.thesitemap-submenu li {
line-height:17px;
background:url('img/pin-bullet-blue.png'); background-repeat:no-repeat;
background-size:16px;
background-position-y: 4px; background-position-x:15px;}



/* Events Calendar */
	
/* Adjust the size of SVG icons */
.tribe-common-c-svgicon svg {
    width: 24px;
    height: 24px;
}
	
.tribe-events-calendar svg {    
	width: 24px;
    height: 24px;
}
	

/* Calendar Page Overall Adjustments*/
.tribe-common  ul li {background:none;}


/* Calendar Destkop Header Column */
.tribe-events-calendar-month__header-column {
background:#161415;
}

h3.tribe-events-calendar-month__header-column-title.tribe-common-b3 {
    color: #fff;
    padding: 15px 15px 0;
}


/* Find Events Button */
.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover,.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn
{background-color:#06a2d7 !important;}
.tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:hover
{background-color:#09c1ff !important;}


/* Desktop List/Month/Day Switch */
.tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-text 
{color: #06a2d7;}
.tribe-events .tribe-events-c-view-selector__list-item-link:focus .tribe-events-c-view-selector__list-item-text, .tribe-events .tribe-events-c-view-selector__list-item-link:hover .tribe-events-c-view-selector__list-item-text
{color: #06a2d7 !important;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:after
{background-color: #06a2d7 !important;}


/* Desktop Today Button */
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border 
{background:#06a2d7 !important; color:#fff !important; border:none !important; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s;}

.tribe-common .tribe-common-c-btn-border:hover, .tribe-common a.tribe-common-c-btn-border:hover 
{background:#09c1ff !important; color:#fff !important;}

/* Month/Year Title Desktop */
.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {color:#161415;}

.tribe-common .tribe-events .tribe-events-l-container {padding-top:0px; !important;}

.tribe-events-l-container {padding-top:0px; !important;}

/* Desktop Month Selection Border Bottom */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover:after 
{background-color:#06a2d7 !important;}


/*Event List Month Date */
.tribe-events-calendar-list__event-date-tag-weekday
{color:#09c1ff !important;}

body .tribe-events-calendar-list__event-row
.tribe-common-h5,
body .tribe-events-calendar-list__event-row 
.tribe-common-h6
{color:#161415 !important;}


/* Desktop Calendar Event Time */
.tribe-events .tribe-events-calendar-month__calendar-event-datetime 
{color:#161415 !important;}

/* Desktop Calendar Event Name */
.tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited
{color:#06a2d7 !important;}
.tribe-common a:hover, .tribe-common a:hover:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:hover:visited
{color:#09c1ff !important;}

/* Desktop Event Tooltip Time */
.tribe-events-calendar-month__calendar-event-tooltip-datetime
{color:#161415 !important;}


/* Export Event Button */
.tribe-events .tribe-events-c-ical__link 
{background:#06a2d7 !important; border:none !important; color:#fff !important;}

.tribe-events .tribe-events-c-ical__link:hover 
{background:#09c1ff !important; color:#fff !important;}

/* Event Day List Date and Time */
.tribe-events-calendar-day__event-datetime
{color:#161415 !important;}


/*Event List Month Date */
.tribe-events-calendar-list__event-date-tag-weekday
{color:#161415 !important;}

body .tribe-events-calendar-list__event-row
.tribe-common-h5,
body .tribe-events-calendar-list__event-row 
.tribe-common-h6
{color:#06a2d7 !important;}


/*Event List Date and Time */
.tribe-events-calendar-list__event-datetime
{color:#161415 !important;}

/* Date Picker Date */
.tribe-events-c-top-bar__datepicker-time {color:#161415 !important;}

/* Date Picker Highlighted Day  */
.tribe-events .datepicker .day.current, .tribe-events .datepicker .day.current.focused, .tribe-events .datepicker .day.current:focus, .tribe-events .datepicker .day.current:hover, .tribe-events .datepicker .month.current, .tribe-events .datepicker .month.current.focused, .tribe-events .datepicker .month.current:focus, .tribe-events .datepicker .month.current:hover, .tribe-events .datepicker .year.current, .tribe-events .datepicker .year.current.focused, .tribe-events .datepicker .year.current:focus, .tribe-events .datepicker .year.current:hover
{background:rbga(6,162, 215, .07);}

/* Today Button Hacks */
a.tribe-common-c-btn-border.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden
{color:#fff !important;}
a.tribe-common-c-btn-border.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden:hover
{color:#fff !important;}


/* No Need for Weird Loader */
.tribe-common .tribe-common-c-loader__dot
{display:none;}


/* Mobile Day Highlighted */
.tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover
{background:#06a2d7 !important;}
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link
{color:#09c1ff !important;}
.tribe-events .tribe-events-calendar-month__day-cell--selected
.tribe-common .tribe-common-h5,.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-common .tribe-common-h6
{color:#09c1ff !important;}

/* Mobile Calendar Day Dot */
body .tribe-events .tribe-events-calendar-month__mobile-events-icon--event
{background-color:#06a2d7 !important;}

/* Mobile Calendar List Date */
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime
{color:#06a2d7 !important;}

/* List Featured Image */
.tribe-events .tribe-events-calendar-day__event-featured-image-link, .tribe-events .tribe-events-calendar-list__event-featured-image
{max-width:280px; margin:auto;}

@media screen and (max-width: 768px) {
.tribe-events .tribe-events-calendar-day__event-featured-image-link, .tribe-events .tribe-events-calendar-list__event-featured-image
{max-width:180px;}
}


/* Event Page Featured Image */
.tribe-events-event-image
{max-width:480px;margin:auto;}


/* Event Page Line Fix */
.tribe-events-schedule.tribe-clearfix h2 {
    line-height: 25px;
}

/* Event Page Nav Buttons */
@media screen and (max-width: 768px) {
.tribe-events-sub-nav li a  {
    background:#06a2d7;
    color:#fff;
}
.tribe-events-sub-nav li a:hover  {
    background:#09c1ff;
    color:#fff !important;
}
}

/* Related Events */
h3.tribe-related-events-title a {color:#06a2d7;}
h3.tribe-related-events-title a:hover {color:#09c1ff;}

.tribe-related-event-info {color:#06a2d7;}

/* Last Mobile Onward There */
.tribe-events-c-top-bar__datepicker-time {color:#06a2d7;}


.tribe-events .tribe-events-c-events-bar__search-button-icon:hover::before,
.tribe-events .tribe-events-c-view-selector__button-icon:hover::before {
    color:#09c1ff;
}



/* No Arrow Icons When There Is No Previous/Future Events */
.tribe-common button[disabled]::before 
{content:'' !important;}



h1.tribe-events-single-event-title {
font-size: 45px !important;}
.tribe-events-schedule h2, h2.tribe-events-single-section-title, h3.tribe-related-events-title 
{font-family:"futura-pt"; text-transform:uppercase;}
li.tribe-events-nav-next, li.tribe-events-nav-previous {background:none !important;}