/*
Theme Name: Beaver Builder 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... */ 
h1, h2, h3, h4, h5, h6,h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .menu a, .uabb-masonary-filters, .fl-button, .la-heroCopy, .uabb-btn {
    text-transform: uppercase;
    font-family: "league-gothic",sans-serif;

}
.la-heroCopy {letter-spacing: 1px; text-shadow: 0 3px 6px rgba(0,0,0,.5);}
.menu a {font-size: 20px; letter-spacing: 1px; }
.la-footer h3 {
    font-size: 22px;
}

#footer-contact h3 span {
    font-size: 18px;
    margin: 0;
}

#la-event-map {height: 400px;}
#la-event-map .fl-row-content {max-width: 100%;}
#la-event-map .fl-row-content-wrap {padding: 0;}
#la-event-map .fl-module-content {margin:0;}
.la-event-post  {}
.la-event-post .uabb-post-thumbnail {width: 60%;}
.la-event-post .uabb-blog-post-content {width: 40%;}
.la-event-post .uabb-post-wrapper:nth-child(odd) .uabb-post-thumbnail {
    float: right;
}
.la-event-post .uabb-post-wrapper:nth-child(odd) .uabb-blog-post-content {
    float: right;
}
.la-event-post .uabb-read-more-text a {border: 2px solid #60C302; padding: 14px 20px; text-shadow: none!important; color:#ffffff; border-radius: 3px; font-weight: strong; font-family: "league-gothic",sans-serif; text-transform: uppercase; font-size: 20px!important;}
.la-event-post .uabb-read-more-text a:hover {border: 2px solid #60C302; background: #60C302; padding: 14px 20px; text-shadow: none!important; color:#ffffff!important; border-radius: 3px; font-weight: strong; font-family: "league-gothic",sans-serif; text-transform: uppercase; font-size: 20px!important;}
.la-event-post .uabb-read-more-text a .uabb-next-right-arrow {display:none;}

.uabb-masonary-filters {font-size: 18px; letter-spacing: 1px;}
.la-sports-listing .uabb-thumbnail-position-background {min-height: 300px;}
.la-sports-listing .uabb-post-heading {background:transparent; padding: 20px; display: inline-block; width: 100%; height: 100%;}
.la-sports-listing .uabb-blog-post-content {position: absolute; width: 100%; height: 100%;}
.la-sports-listing .uabb-post-heading a {position: absolute; bottom: 24px;}

.blue-box {background: #0089D5; padding: 0 0; box-sizing: border-box; margin: 0 20px;}
.blue-box .fl-module-content {margin: 0 20px;}
.blue-box .fl-heading {padding-top: 10px!important;}
.blue-box p {color: #fff!important;}
.curved-top {padding-top: 20px!important; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.curved-bottom {padding-top: 20px!important; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}

#la-startDate {padding-left: 20px; color:#fff;}

/* buttons */
.fl-builder-content .fl-button-width-full..fl-button-left .fl-button {
    text-align: left;
}


/* sponsors */
#la_sponsors {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.fl-node-5ad32c4976d9d .uabb-blog-posts .uabb-post-wrapper {
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */  
    margin: 0;  
}

/* ----------------------
SINGLE POSTS - FULL WIDTH WITH BEAVER BUILDER
---------------------- */
.single-post.fl-builder .fl-page-content .container{max-width:100%;width:100%;padding-left:0;padding-right:0;}
.single-post.fl-builder .fl-page-content .row{margin-left:0;margin-right:0;}
.single-post.fl-builder .fl-page-content .fl-content{padding-left:0;padding-right:0;margin:0;}

.single-sports.fl-full-width .container {max-width:100%;width:100%;padding-left:0;padding-right:0;}
.single-sports.fl-full-width .container .row{margin-left:0;margin-right:0;}
.single-sports.fl-full-width .container .fl-content{padding-left:0;padding-right:0;margin:0;}

.single-sports .fl-post-header, .single-sports .fl-post-meta-bottom {display: none;}

.single-cssc_tournaments.fl-full-width .container {max-width:100%;width:100%;padding-left:0;padding-right:0;}
.single-cssc_tournaments.fl-full-width .container .row{margin-left:0;margin-right:0;}
.single-cssc_tournaments.fl-full-width .container .fl-content{padding-left:0;padding-right:0;margin:0;}

.single-cssc_tournaments .fl-post-header, .single-sports .fl-post-meta-bottom {display: none;}

.single-cssc_events.fl-full-width .container {max-width:100%;width:100%;padding-left:0;padding-right:0;}
.single-cssc_events.fl-full-width .container .row{margin-left:0;margin-right:0;}
.single-cssc_events.fl-full-width .container .fl-content{padding-left:0;padding-right:0;margin:0;}

.single-cssc_events .fl-post-header, .single-sports .fl-post-meta-bottom {display: none;}

/* Corporate */
#corporate, #events, #benefits {display: none;}

/* Custom Event query */
@media screen and (min-width: 768px) {
        
    #la-event-custom .fl-post-image {width: 60%; float: left;}
    #la-event-custom .fl-post-text {width: 40%; padding: 50px; float: left;}
    #la-event-custom .fl-post-feed-post {margin: 0; padding: 0; overflow: hidden;}
    #la-event-custom h2 {font-size: 48px; line-height: 52px;}
    #la-event-custom .fl-post-text {color: #18394e;font-size: 18px; padding-top: 1.5em; word-wrap: break-word;}

    #la-event-custom .fl-post-feed-post:nth-child(odd) .fl-post-image { float: right;}
    #la-event-custom .fl-post-feed-post:nth-child(odd) .fl-post-text {float: right;}
}

@media screen and (max-width: 768px) {
    #la-event-custom .fl-post-image {width: 100%; float: left;}
    #la-event-custom .fl-post-text {width: 100%; padding: 50px; float: left;}
    #la-event-custom .fl-post-feed-post {margin: 0; padding: 0; overflow: hidden;}
    #la-event-custom h2 {font-size: 48px; line-height: 52px;}
    #la-event-custom .fl-post-text {color: #18394e;font-size: 18px; padding-top: 1.5em; word-wrap: break-word;}
}

#la-event-custom .fl-post-more-link a {
    color: #60C302;
    border: 2px solid #60C302;
    padding: 14px 20px;
    text-shadow: none!important;
    color: #60C302;
    border-radius: 3px;
    font-weight: strong;
    font-family: "league-gothic",sans-serif;
    text-transform: uppercase;
    font-size: 20px!important;
}

#la-event-custom .fl-post-more-link a:hover {
    border: 2px solid #60C302; background: #60C302; padding: 14px 20px; text-shadow: none!important; color:#ffffff!important; border-radius: 3px; font-weight: strong; font-family: "league-gothic",sans-serif; text-transform: uppercase; font-size: 20px!important;
}

#la-event-custom .fl-post-image img {
    width: 100%;
    max-width: 100%;
}
#la-event-custom .fl-post-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    text-align: center;
    position: relative;
}
#la-event-custom .fl-post-excerpt {margin-bottom: 4rem;}
.la-date, .la-location {margin-bottom: 1rem;}

/* member form */
.form-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.form-container .field {
    margin-bottom: 1rem;
}

.form-container input[type=submit] {
    background: #60C302;
    color: #fff;
    font-family: "league-gothic",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 50px;
    height: auto;
    padding: 0 20px;
    border: none;
}


/* menu */
@media screen and (min-width: 768px) {
    .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {
        box-shadow: 0 3px 10px rgba(0,0,0,.4);
        z-index: 999999;
    }

    #menu-global-menu > li .sub-menu li a{    
        color: #18394e!important;
    }
    #menu-global-menu > li:hover .sub-menu li a:hover{    
        background: #18394e!important;
        color: #fff!important;
    }

    #menu-item-37 .sub-menu {
        width: 700px;
    }

    #menu-item-37 .sub-menu {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

    #menu-item-37 .sub-menu li a {font-size: 1.6rem;}
    .sub-menu li a {font-size: 1.6rem;}
}

.la-home-btn a{
    box-shadow: 0 6px 12px rgba(0,0,0,.3);
    border: none;
    transition: all .1s ease;
}

.la-home-btn a:hover{
    margin-top: -6px;
    transition: all .1s ease;
}    
.la-hero h1 {
    text-shadow: 0 2px 6px rgba(0,0,0,.3);
}

#upcoming-leagues-div {
    max-height: 600px;
    overflow: scroll;
    padding-right: 12px;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    padding: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}