/* GENERAL HOMEPAGE STYLES */
.ph
{
display:none;
}
.hp-section
{
    padding:3em 0;
}
.hp-section--header
{
    width:100%;
    font-weight:600;
    font-size:1.25rem;
    margin:1em 0 1.5em;
}
.header--blue-text
{
    color:#000;
    font-weight:400;
}
.header--row
{
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    margin:2em 0 3em;
}
.header--row .hp-section--header
{
    margin:0;
    padding:0.5em;
    background:#fff;
}
.header--row > *:last-child
{
    -webkit-clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%);
}
.header--button
{
    flex:none;
    display:flex;
    flex-direction:row;
    align-items:center;
    background:#CD0600;
    height:100%;
    padding:0.5em 3em 0.5em 2em;
    font-size:0.875rem;
    color:#fefefe;
}
.header--button:hover,
.header--button:active,
.header--button:focus
{
    text-decoration:none;
    color:#fefefe;
    background:##CD0600;
}
.hp--next,
.hp--prev
{
    display:block;
    -webkit-appearance:none;
    
    font-size:0;
    
    width:1rem;
    height:2rem;
    background:#25291c;
    color:#fefefe;
    border:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    transition:transform .2s ease;
}
.hp--next:hover,
.hp--prev:hover
{
    transform:translateY(-50%) scale(1.05);
}
.hp--next:active,
.hp--prev:active
{
    transform:translateY(-50%) scale(0.95);
}
.hp--next
{
    right:1rem;
    
    -webkit-clip-path: polygon(0 0, calc(100% - 0.875rem) 0, 100% 50%, calc(100% - 0.875rem) 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 0.875rem) 0, 100% 50%, calc(100% - 0.875rem) 100%, 0 100%);
}
.hp--prev
{
    left:1rem;
    
    -webkit-clip-path:polygon(0 50%, 0.875rem 0, 100% 0, 100% 100%, 0.875rem 100%);
    clip-path:polygon(0 50%, 0.875rem 0, 100% 0, 100% 100%, 0.875rem 100%);
}
@media (min-width:768px)
{
    .header--button
    {
        font-size:1em;
    }
    .hp-section--header
    {
        font-size:1.8em;
    }
}
@media (min-width:1280px)
{
    .hp-section
    {
        padding:0em 0;
    }
    .hp-section--header
    {
        font-size:2em;
    }
    .header--button
    {
        font-size:1.125em;
    }
}
/* END GENERAL HOMEPAGE STYLES */

/* SLIDESHOW */
.slideshow--outer
{
    position:relative;
}
.slideshow--list
{
    position:absolute;
    left:0;
    z-index:3;
    
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    
    list-style:none;
    padding:3em 0;
    margin:0;
    
    font-size:0.75em;
}
.slideshow--list-item
{
    position:relative;
    left:-1em;
    margin:0 0 1em;
    display:block;
    width:100%;
    transition:left .2s ease;
    filter: drop-shadow(4px 8px 6px rgba(0, 0, 0, 0.3));
}
.slideshow--list-item:last-of-type
{
    margin-bottom:0;
}
.slideshow--list-item:hover
{
    left:0;
}
.slideshow--list-link
{
    color:#25291c;
    text-decoration:none;
    display:flex;
    flex-direction:row;
    align-items:center;
    
    width:100%;
    height:4em;
    padding:0 2em 0 3em;
    
    background: rgba(254,254,254,1.0);
    background: -moz-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(243,243,243,1.0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1.0)), color-stop(100%, rgba(243,243,243,1.0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(243,243,243,1.0) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(243,243,243,1.0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(243,243,243,1.0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1.0) 0%, rgba(243,243,243,1.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0 );
    
    line-height:1;
    font-weight:600;
    
    -webkit-clip-path: polygon(0 0, calc(100% - 1em) 0, 100% 50%, calc(100% - 1em) 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 1em) 0, 100% 50%, calc(100% - 1em) 100%, 0 100%);
    
}
.slideshow--list-link:hover,
.slideshow--list-link:active,
.slideshow--list-link:focus
{
    text-decoration:none;
    color:#25291c;
}
.slideshow--list-icon
{
    display:block;
    font-size:2em;
    margin-right:0.25em;
}
.slideshow_container
{
    margin:0;
    padding:0;
    background:#333;
}
.slideshow_slide
{
    position:relative;
    /*height:56.25vw;
    max-height:100vh;*/
}
.slideshow_imagebox
{
    position:relative;
    height:100%;
    width:100%;
    overflow:hidden;
}
.slideshow_image,
.slideshow_video
{
    /*position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    z-index:1;*/
}
.slideshow--overlay
{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:2;
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#25291c+0,25291c+100&0.25+0,0+30,0+70,0.25+100 */
    background: -moz-linear-gradient(top,  rgba(37,41,28,0.25) 0%, rgba(37,41,28,0) 10%, rgba(37,41,28,0) 90%, rgba(37,41,28,0.25) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(37,41,28,0.25) 0%,rgba(37,41,28,0) 10%,rgba(37,41,28,0) 90%,rgba(37,41,28,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(37,41,28,0.25) 0%,rgba(37,41,28,0) 10%,rgba(37,41,28,0) 90%,rgba(37,41,28,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4025291c', endColorstr='#4025291c',GradientType=0 ); /* IE6-9 */
}
@media (min-width:768px)
{
    .slideshow_slide
    {
        /*height:50vw;*/
    }
    .slideshow--list
    {
        font-size:0.875em;
    }
}
@media (min-width:1280px)
{
    .slideshow_slide
    {
        /*height:35vw;*/
    }
    .slideshow--list
    {
        font-size:1em;
    }
}
/* END SLIDESHOW */

/* NEWS */
.hp-news
{
    background:#f3f3f3;
}
.hp-news .header--row
{
    padding:0 1em;
    filter: drop-shadow(4px 8px 6px rgba(0, 0, 0, 0.3));
}
#hp-news--slider
{
    width:100%;
    padding:0 1em;
    margin:0;
}
.hp-news--slide
{
    padding:2em;
}
.hp-news--image-box
{
    display:block;
    width:100%;
    padding-bottom:66.67%;
    position:relative;
}
.hp-news--image
{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100%;
    object-fit:cover;
    object-position:center center;
}
.hp-news--title-box
{
    text-align:center;
    padding:1em 0;
}
.hp-news--next,
.hp-news--prev
{
    display:block;
    -webkit-appearance:none;
    
    font-size:0;
    
    width:1rem;
    height:2rem;
    background:#25291c;
    color:#fefefe;
    border:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    transition:transform .2s ease;
}
.hp-news--next:hover,
.hp-news--prev:hover
{
    transform:translateY(-50%) scale(1.05);
}
.hp-news--next:active,
.hp-news--prev:active
{
    transform:translateY(-50%) scale(0.95);
}
.hp-news--next
{
    right:1rem;
    
    -webkit-clip-path: polygon(0 0, calc(100% - 0.875rem) 0, 100% 50%, calc(100% - 0.875rem) 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 0.875rem) 0, 100% 50%, calc(100% - 0.875rem) 100%, 0 100%);
}
.hp-news--prev
{
    left:1rem;
    
    -webkit-clip-path:polygon(0 50%, 0.875rem 0, 100% 0, 100% 100%, 0.875rem 100%);
    clip-path:polygon(0 50%, 0.875rem 0, 100% 0, 100% 100%, 0.875rem 100%);
}
@media (min-width:998px)
{
    .hp-news--title-box
    {
        font-size:1.125em;
    }
}
@media screen and (max-width:500px)
{
    .hp-news .flex-container{padding:0 5px;}
}
/* END NEWS */

/* EVENTS SOCIAL */
.hp-events-social
{
    background:#E3E3E3;
}
.hp-events-social .flex-container
{
    flex-direction:column;
}
.hp-events,
.hp-social
{
    flex-wrap:wrap;
    padding:0 1rem;
    min-width:0;
    width:100%;
}
.hp-social--embed
{
    width:100%;
    max-height:540px;
    overflow-y:scroll;
}
.hp-social iframe
{
    max-width:100%;
}
.hp-events
{
    margin-bottom:3rem;
    display:flex;
    flex-direction:column;
}
.hp-events .header--row
{
    flex: none;
    align-self: flex-start;
    filter: drop-shadow(4px 8px 6px rgba(0, 0, 0, 0.3));
}
.hp-events-social .header--row .hp-section--header
{
    color:#25291c;
}
.hp-social .header--row .hp-section--header
{
    background:transparent;
    color:#000;
}
#twitter-widget-0
{
    height:100vh !important;
    max-height:40rem;
}
#hp-events--slider
{
    width:100%;
    padding:0;
    margin:0;
    flex:1 0 auto;
    /*display:flex;*/
    max-height:480px;
    overflow-y:auto;
    scrollbar-color: #633606 transparent;
}
#hp-events--slider .slick-list
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
}
#hp-events--slider .slick-slide
{
    display:flex;
    flex-direction:column;
    padding:1rem 0;
}
.hp-events--slide
{
    display:flex !important;
    flex-direction:row;
    align-items:center;
    margin:1em 0;
    
    font-size:0.75rem;
}
.hp-events--datebox
{
    flex:none;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    padding-right: 1em;
    width: 7em;
    height: 6em;
    background: #fefefe;
    
    -webkit-clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0 100%);
}
.hp-events--month,
.hp-events--day
{
    line-height:1;
    text-transform:uppercase;
    color:#25291c;
}
.hp-events--month
{
    color:#123a54;
    font-size:1.5em;
}
.hp-events--day
{
    font-size:2.5em;
}
.hp-events--textbox
{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin-left:1.5em;
    min-width:300px;
}
.hp-events--title
{
    font-size:1.1875em;
    color:#000;
    margin:0 0 0.5em;
}
.hp-events--title:hover,
.hp-events--title:active,
.hp-events--title:focus
{
    color:#000;
}
.hp-events--button-row
{
    flex:none;
    display:flex;
    flex-direction:row;
    align-items:center;
    font-size:1em;
    line-height:1;
    padding:0.5em 0;
    margin:1em 0 0;
}
.hp-events--nav
{
    display:flex;
    flex-direction:row;
    margin-right:auto;
}
.hp-events--nav-button,
.hp-events--viewall
{
    color:#254B85;
    transition:transform .2s ease;
}
.hp-events--nav-button:hover,
.hp-events--viewall:hover,
.hp-events--nav-button:focus,
.hp-events--viewall:focus,
.hp-events--nav-button:active,
.hp-events--viewall:active
{
    color:#fefefe;
    text-decoration:none;
    transform:scale(1.02);
}
.hp-events--nav-button:first-of-type
{
    padding-right:0.5em;
    border-right:0.125rem solid #fefefe;
    margin-right:0.5em;
}
.tab_container_outer
{
    position:relative;
    width:100%;
    float:left;
    margin-top:50px;
}
.tab_buttons
{
    display:block;
    list-style-type:none;
    margin:0;
    padding:0;
    /*position:absolute;*/
    top:0;
    margin-top:-50px !important;
    width:98%;
}
.tab_buttons li
{
    width:50%;
    margin:0;
    padding:0;
    display:inline-block;
    text-transform:uppercase;
    color:#000;
    height:50px;
    line-height:50px;
    font-weight:bold;
    text-align:center;
    font-size:1.125em;
    font-family:"Lato", Sans-Serif;
    cursor:pointer;
}
.tab_buttons li a
{
    color:#000;
}
.tab_container
{
    background: transparent;
    min-height:374px;
    float:left;
    width:100%;
    color:#000;
}
.tab_buttons li.tab_events
{
    height:61px;
    padding-top:4px;
    width:99%;
}
.btn_active
{
    background-color:Black !important;
    color:#fff !important;
}
@media (min-width:768px)
{
    .hp-events--slide
    {
        font-size:0.875rem;
    }
}
@media (min-width:998px)
{
    .hp-events-social .flex-container
    {
        flex-direction:row;
    }
    .hp-events,
    .hp-social
    {
        flex:1;
        width:auto;
    }
    .hp-events
    {
        margin-bottom:0;
    }
    .hp-events--button-row
    {
        font-size:1.25em;
        margin:0;
    }
    .hp-social--embed
    {
        padding:0 1em;
    }
    .hp-events--slide
    {
        font-size:1rem;
    }
}
@media screen and (max-width:650px)
{
    .hp-events-social .flex-container{padding:0 4px;}
    .hp-events{padding:0 5px;}
}
@media screen and (max-width:500px)
{
    .tab_buttons li.tab_events{font-size:0.7em;}
    .tab_container > div > div{padding:10px !important;}
    /*#hp-events--slider .slick-list{overflow:visible;}*/
    .hp-events--slide{flex-direction:column; margin-bottom:30px;}
    .hp-events--datebox{margin-bottom:10px;}
    #district .slick-track{width:100% !important;}
    #athletics .slick-track{width:100% !important;}
    #athletics .slick-slide{width:100% !important;}
    .hp-events--textbox{min-width:0;}
}
@media screen and (max-width:400px)
{
}
/* END EVENTS SOCIAL */

/* WHY BP */
.hp-whySection
{
    position:relative;
    text-shadow:0 0 0.25em rgba(50, 50, 50, 0.4);
    background-color:#757575;
}
.hp-whySection .flex-container
{
    position:relative;
    z-index:2;
}
.hp-whySection--bg,
.hp-whySection--bg .simpleParallax
{
    z-index:1;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(99,99,99,1);
}
.hp-whySection--bg .parallax-img
{
    position:absolute;
    /*top:-40px;*/
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    opacity:0.2;
}
.hp-whySection .hp-section--header
{
    text-align:center;
    color:#fefefe;
    font-size:2rem;
}
.hp-whySection .header--red-text
{
    font-weight:inherit;
    color:#CD0600;
}
#hp-whySection--slider
{
    width:100%;
    margin:0;
    padding:0 1em;
    font-size:0.75rem;
}
#hp-whySection--slider .slick-track,
#hp-whySection--slider .slick-list
{
    display:flex;
}
#hp-whySection--slider .slick-track
{
    padding:0;
}
.hp-whySection--slide
{
    display:flex !important;
    padding:1em;
}
.hp-whySection--slide--inner
{
    display:flex;
    flex-direction:column;
    align-items:center;
    
    width:100%;
    padding:3em 2em;
        
    background: rgba(254,254,254,1.0);
    background: -moz-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(243,243,243,1.0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1.0)), color-stop(100%, rgba(243,243,243,1.0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(243,243,243,1.0) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(243,243,243,1.0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(243,243,243,1.0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1.0) 0%, rgba(243,243,243,1.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0 );
    
    color:#25291c;
    text-shadow:none;
    text-align:center;
    
    
    -webkit-box-shadow: 0 0 0.8em 0 rgba(37, 41, 28, 0.8);
    -moz-box-shadow: 0 0 0.8em 0 rgba(37, 41, 28, 0.8);
    box-shadow: 0 0 0.8em 0 rgba(37, 41, 28, 0.8);
}
.hp-whySection--slide--inner2
{
    margin:30px 2em;
    font-size:0.75rem;
}
.hp-whySection--icon
{
    font-size:4em;
}
.hp-whySection--title
{
    font-size:1.625em;
    margin:0.5em 0;
}
.hp-whySection--description
{
    font-size:1.25em;
}
.hp-whySection .hp--next,
.hp-whySection .hp--prev
{
    background:#fefefe;
}
.hp-whySection .hp--next
{
    right:0;
}
.hp-whySection .hp--prev
{
    left:0;
}

@media (min-width:768px)
{
    #hp-whySection--slider, .hp-whySection--slide--inner2
    {
        font-size:0.875rem;
    }
    .hp-whySection--description
    {
        font-size:1.125em;
    }
    .hp-whySection .hp-section--header
    {
        font-size:2.5rem;
    }
}
@media (min-width:992px)
{
    #hp-whySection--slider, .hp-whySection--slide--inner2
    {
        font-size:1em;
    }
    .hp-whySection .hp-section--header
    {
        font-size:3rem;
    }
}
/* END WHY BP */