/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: A custom theme for Journeyman Basketball (a child theme of Hello Elementor, created by Elementor team)
Author: Amanda Giles
Author URI: https://amandagiles.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: 
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*** Block Editor Color Palette ***/
/* old navy: #263654 */
.has-dark-gray-background-color { background-color: var(--e-global-color-text) !important; }
.has-navy-background-color { background-color: var(--e-global-color-primary) !important; }
.has-red-background-color { background-color: var(--e-global-color-secondary) !important; }
.has-yellow-background-color { background-color: var(--e-global-color-accent) !important; }
.has-light-gray-background-color { background-color: var(--e-global-color-cf315bb) !important; }
.has-light-blue-background-color { background-color: var(--e-global-color-d078681) !important; }
.has-white-background-color { background-color: var(--e-global-color-62d9c4f) !important; }

.has-dark-gray-color { color: var(--e-global-color-text) !important; }
.has-navy-color { color: var(--e-global-color-primary) !important; }
.has-red-color { color: var(--e-global-color-secondary) !important; }
.has-yellow-color { color: var(--e-global-color-accent) !important; }
.has-light-gray-color { color: var(--e-global-color-cf315bb) !important; }
.has-light-blue-color { color: var(--e-global-color-d078681) !important; }
.has-white-color { color: var(--e-global-color-62d9c4f) !important; }


/***************************************************
 * Elementor Style Overrides
 ***************************************************/
.elementor-text-editor p:last-child,
.elementor-widget-container p:last-child {
    margin-bottom: 0;
}

/*** Buttons ***/
/*a.elementor-button .elementor-button-text:after {
    content: "\f178";
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    font-size: 19px;
    display: inline-block;
    color: #fff;
    height: 19px;
    margin-left: 10px;
    position: relative;
    top: 0;
    vertical-align: middle;
    width: 19px;            
}*/



/***************************************************
* Header / Menu
***************************************************/
header .calendar-icon {
    margin-left: 6px;
}

/* Navigation */
.elementor-nav-menu--main ul li ul.sub-menu li+li {
    border-top: 1px solid #030023;
}
.elementor-nav-menu--main .sub-menu a,
.elementor-nav-menu--main ul li a {
    color: var(--e-global-color-primary);
}
.elementor-nav-menu--main .sub-menu a:hover, .elementor-nav-menu--main .sub-menu a:focus, .elementor-nav-menu--main .sub-menu a:active {
    color: var(--e-global-color-d078681);
}
.elementor-nav-menu--main ul li.menu-item-has-children a:before {
    color: var(--e-global-color-primary);
}
.elementor-nav-menu--main ul li a:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main li .elementor-item:hover {
    color: var(--e-global-color-d078681) !important;
    fill: var(--e-global-color-d078681) !important;
    text-decoration-color: var(--e-global-color-d078681) !important;
}
/* .elementor-widget-nav-menu .elementor-nav-menu--main li ul.sub-menu a:hover {
    background-color: #030023;
    color:#3986b6!important;
} */
/* current page */
.elementor-sub-item.elementor-item-active {
    background-color: var(--e-global-color-d078681);
    color: var(--e-global-color-primary) !important;
}
/* bottom border */
.fancy-border {
    border-top: 1px solid var(--e-global-color-primary);
    background-color: var(--e-global-color-d078681);
    padding-top:4px;
    border-bottom: 2px solid var(--e-global-color-cf315bb); /*gray */
    height:10px;
}
.slogan-area {
    border-top:1px solid var(--e-global-color-62d9c4f);
}


/***************************************************
 * Home Slider
 ***************************************************/
.bx-wrapper {
    border: 0 !important;
    margin-bottom: 0 !important;
}
.bx-wrapper img {
    width: 100%;
}

.caption__area {
        position: absolute;
        bottom: 0;
}

.caption__container {

}
.slide__caption {
    -webkit-animation: fadeIn .5s 1;
    -moz-animation: fadeIn .5s 1;
    -o-animation: fadeIn .5s 1;
    animation: fadeIn .5s 1;
    max-width: 100%;
    padding: 7px 10px 5px;
    font-family: var(--e-global-typography-primary-font-family),sans-serif;
    border-bottom: 7px solid var(--e-global-color-d078681);
    background-color: rgba(239, 194, 54, 0.9);
}
.slide__caption.opaque {
    opacity: 1;
    -webkit-transition: all .375s linear;
    -moz-transition: all .375s linear;
    -o-transition: all .375s linear;
    transition: all .375s linear;
}
.slide__caption .title {
    font-family: var(--e-global-typography-primary-font-family);
    /*color: var(--e-global-color-text);*/
    color: var(--e-global-color-d078681);
    font-weight: 600;
    margin-bottom: 0.5em;
    font-size: 1.1rem;
    line-height: 1.1;
    margin-bottom: 0;
}

.slide__caption p {
    color: var(--e-global-color-d078681);
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.2;
}
.slide__caption p:last-child {
    margin-bottom: 0 !important;
}

@media only screen and (min-width: 481px) {
    .caption__area {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }    
    .slide__caption {
        max-width: 100%;
    }

    .slide__caption .title {
        font-size: 1.3rem;
        line-height: 1.2;
    }

    .slide__caption p {
        font-size: 1.1rem;
        line-height: 1.25;
    }
}


@media only screen and (min-width: 768px) {
    .slider .slider__item {
        height: 425px;
    }
    .caption__area {
        position: absolute;
        bottom: 35%;
   }
    .slide__caption {
        padding: 1.5em 2em;
        max-width: 400px;
        background-color: var(--e-global-color-accent); 
        border-width: 10px;
    }     
    .slide__caption .title {
        font-size: 1.6rem;
    }

    .slide__caption p {
        font-size: 1.15rem;
    }    
}

@media only screen and (min-width: 992px) {
    .slider .slider__item {
        height: 475px
    }
    .caption__area {
        position: absolute;
        bottom: 25%;
   }
    .slide__caption {
        max-width: 400px;
    }   
}


@media only screen and (min-width: 1200px) {

    .slider .slider__item {
        height: 540px
    }
    .caption__area {
        position: absolute;
        bottom: 5%;
    }
    .slide__caption {
        max-width: 500px;
    }

    .slide__caption .title {
        font-size: 1.8rem;
    }

    .slide__caption p {
        font-size: 1.4rem;
        line-height: 1.4;
    }
}


/**********************************************
Home Page
***********************************************/
.home-widget-section {
    padding: 2.0em 0 2em;
    box-shadow: inset 0 8px 12px -7px rgba(0, 0, 0, 0.4), inset 0 -8px 12px -7px rgba(0, 0, 0, 0.4);
} 

/*-- video player --*/
.html5_video_players button {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
}
button.plyr__control.plyr__control--overlaid {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border-radius: 100%;
}

/* memorial callout added to home-page.php */
img.memorial {
    width:350px; 
    max-width:100%; 
    margin: 20px 0;
}
.ap24 .elementor-shortcode {
    margin-top:2em;
    text-align: center;
}
.ap24 .elementor-shortcode h2 {
    color: var(--e-global-color-primary);
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 1px;
    margin:20px auto;
    text-transform: capitalize;
}
.ap24 .elementor-shortcode h3 a {
    color: var(--e-global-color-secondary);
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 24px;
    text-transform: uppercase;
}


/***************************************************
 * Calendar
 ***************************************************/
.simcal-default-calendar-grid .simcal-events {
    font-size: .95em;
}

/***************************************************
 * FAQ accordian
 ***************************************************/

.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden;
}
.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-group .panel+.panel {
    margin-top: 5px;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-title>a {
    color: inherit;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ddd;
}
.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #ddd;
}
.panel-body {
    padding: 15px;
}
.panel-body:before, .panel-body:after {
    content: " ";
    display: table;
}
.panel-group .panel p:last-of-type {
    margin-bottom: 0;
}
.panel-body:after {
    clear: both;
}  
/* end accordian styles */

/**********************************************
Testimonials
***********************************************/
.testimonials-grid .e-loop-item.testimonial {
    background-color: #eee;
}

/**********************************************
Contact
***********************************************/
.officers {
	padding-top: 0.5em;
}
.officer {
	margin-bottom: 1.5em;
	h4 {
		margin-bottom: 0.25em;
	}
	span {
		display: block;
	}
}


/*--------------------------------------------------------------
Stats Page
--------------------------------------------------------------*/
.ifr_frame {
  padding-top: 1.0em;
  margin-bottom: 2.0em;
  overflow: hidden;
}

.ifr_frame iframe {
    border: 0 !important;
}

/***************************************************
 * Footer
 ***************************************************/
footer .e-con-boxed,
footer.elementor-location-footer {
    margin-block-start: 10px;
}