/*  Stylesheet for the rhp Slides 1.6.2 slideshow
    
    Copy "rhp-slides.css" from "/rhp-slides/css/" to your theme's directory to replace
    the plugin's default stylesheet.
    
    If you have navigation enabled, be sure to copy the "buttons.png", "next.png",
    and "prev.png" files to your theme's images folder and update the image paths below,
    or create new graphics to replace them.
    
    Learn more about customizing the stylesheet for rhp Slides: 
    http://www.jleuze.com/plugins/rhp-slides/customizing-the-stylesheet/
*/

/* =Slideshow
-------------------------------------------------------------- */
@font-face {
font-family: "EraserRegular";
src: url("../fonts/eraserregular.woff");
src: url("../fonts/eraserregular.woff2") format("woff")

}
@font-face {
    font-family: "Gothic Condensed";
    src: url("../fonts/News Gothic Condensed Regular.ttf");
}
@font-face {
    font-family: "Gothic Compressed";
    src: url("../fonts/Gothic Compressed HPLHS.ttf");
}
@font-face {
    font-family: "montserratRegular";
    src: url("../fonts/montserratRegular.ttf");
}
@font-face {
    font-family: "montserratMedium";
    src: url("../fonts/montserratMedium.ttf");
}
@font-face {
    font-family: "montserratBold";
    src: url("../fonts/montserratBold.ttf");
}
div.rhp-slides {
    clear: both;
    float: none;
    line-height: 0;
    margin: 0;
    max-width: 100%;
    overflow: visible !important;
    padding: 0;
    position: relative;
    z-index: 1;
}
div.rhp-slides.rhp-bottom-layout {
    height: auto !important;
}
#rhp-slideshow.rhp-thumbnails-layout .rhp-events-event-image,
#rhp-slideshow.rhp-thumbnails-layout.rhp-slides .rhp-clip,
.sliderHalfWidth{
	height: 100%;
}
div.rhp-slides.rhp-left {
    clear: none;
    float: left;
    margin: 0 20px 20px 0;
}
div.rhp-slides.rhp-right {
    clear: none;
    float: right;
    margin: 0 0 20px 20px;
}
div.rhp-slides.rhp-center {
    margin: 0 auto;
}
div.rhp-slides.navpaged,
div.rhp-slides.navboth {
    margin-bottom: 20px;
}
.rhp-slides .rhp-clip {
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.rhp-slides .rhp-shim {
    border: 0;
    height: auto !important;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto\9; /* IE8 */
}
.rhp-slides a:focus {
    outline: none;
}

/* =Slide
-------------------------------------------------------------- */

.rhp-slides .mslide {
    display: none;
    height: auto !important;
    margin: 0;
    max-width: 100%;
    padding: 0;
}
.single-slide .mslide {
    display: block;
}
.rhp-slides .mslide a {
    border: 0;
    margin: 0;
    padding: 0;
}
.rhp-slides .mslide img {
    border: 0;
    box-shadow: none !important;
    display: block;
    height: auto !important;
    margin: auto !important;
    max-width: 100%;
    padding: 0 !important;
    width: auto\9; /* IE8 */
}
.rhp-slides .mslide img[src$='.png'] {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE7 */
    zoom: 1;    
}

/* =Previous/Next Navigation
-------------------------------------------------------------- */

.rhp-slides ul.rhp-nav {
    display: none;
    list-style: none;
    height: auto;
    margin: 0 !important;
    padding: 0;
}
.rhp-slides.navhover ul.rhp-nav {
    display: inline;
}
ul.rhp-nav li {
    display: inline;
    height: auto;
    list-style: none;
    margin: 0 5px;
    padding: 0;
}
.rhp-nav .prev a {
    left: 0px;
}
.rhp-nav .next a {
    right: 0px;
}
.rhp-slides .rhp-nav a {
    border: none;
    box-shadow: none;
    display: block;
    outline: none;
    position: absolute;
    width: 27px;
    height: 100%;
    transition: all 0s ease 0s;
    z-index: 998;
}
* html .rhp-nav .prev a {
    background: url('../images/prev.gif') no-repeat center right; /* IE6 */
}
* html .rhp-nav .prev a:hover {
    background: url('../images/prev.gif') no-repeat center left; /* IE6 */
}
* html .rhp-nav .next a {
    background: url('../images/next.gif') no-repeat center left; /* IE6 */
}
* html .rhp-nav .next a:hover {
    background: url('../images/next.gif') no-repeat center right; /* IE6 */
}

/* =Paged Navigation
-------------------------------------------------------------- */

.rhp-slides .rhp-buttons {
    bottom: -15px;
    box-sizing: initial;
    height: 9px;
    left: 0;
    margin: 0;
    padding: 6px 0 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
header#branding .rhp-buttons {
    left: 5px; /* A little nudge for Twenty Eleven */
}
.rhp-slides .rhp-buttons a {
    background: url('../images/buttons.png') no-repeat bottom left;
    border: none;
    box-shadow: none;
    display: block;
    float: left;
    width: 9px;
    height: 9px;
    margin: 0 3px 0 0 !important;
    outline: none;
    text-indent: -9999px;
    transition: all 0s ease 0s;
}
.rhp-buttons a:hover {
    background: url('../images/buttons.png') no-repeat bottom right;
}
.rhp-buttons a.activeSlide {
    background: url('../images/buttons.png') no-repeat bottom right;
}
* html .rhp-buttons a {
    background: url('../images/buttons.gif') no-repeat bottom left; /* IE6 */
}
* html .rhp-buttons a:hover {
    background: url('../images/buttons.gif') no-repeat bottom right; /* IE6 */
}
* html .rhp-buttons a.activeSlide {
    background: url('../images/buttons.gif') no-repeat bottom right; /* IE6 */
}
/*Slider CSS*/
#rhp-events-footer,
.rhp-slides ul.rhp-nav,
li.customRotate {
    display: none !important;
}
.
#rhp-slideshow,  .rhp-slides .mslide,  .rhp-shim {
    display: block;
    width: 100% !important;
}
.slideNavigation ul.rhp-nav{
    display: block !important;
}
.rhp-slides .rhp-nav a {
    margin-left: 18px;
    margin-right: 18px;
    width: 24px;
}
.customRotateSlide .fa-arrow-circle-left,
.customRotateSlide .fa-arrow-circle-right{
    color: #041E42;
    display: inline-block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;    
}
.customRotateSlide .fa-arrow-circle-right::before,
.customRotateSlide .fa-arrow-circle-left::before {
    height: 28px;
    width: 32px;
    line-height: 28px;
    font-size: 32.75px;
}
li.next.homepage.customRotateSlide{
    margin-left: 20px !important;
}
.customRotateSlide{
    display: inline-block !important;
    width: 100% !important;
    height: 28px !important;
    width: 28px !important;    
}
.rhp-slide-wrapper .eventMoreInfo,
.rhp-slide-wrapper .rhp-event-rsvp-cta-box,
.rhp-slide-wrapper .multiple_ctas .rhp-event-secondary-cta-box,
.rhp-slide-wrapper .multipe_cta_button .rhp-event-secondary{
    display: none;
}
.rhp-slides .rhp-nav .customRotate a {
    opacity: 0.5;
    transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -webkit-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
}
.rhp-slides .rhp-nav .customRotate a:hover {
    opacity: 0.9;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
}
.customSlideDate {
    height: 38px;
    /*line-height: 30px;*/
    left:0;
    position: absolute !important;
    top: 18px;
}
.slideDateDiv {
    height: 30px;
    line-height: 18px;
    padding: 6px 12px;
    font-size: 34px;
}

.slideTagline,
.slideSubhead{
    font-size: 12px;
    color: #262726;
    font-weight: 500;
}
#rhp-slideshow.rhp-slides .rhp-slide-right .btn.btn-primary,
.singleEventDetails .eventSubHeader {
    letter-spacing: 0.45px;
    word-break: break-word;
}
.slideSubhead {
    font-size: 16px;
    letter-spacing: 0.85px;
    font-family: "Oswald", Oswald, Sans-serif
}
#rhp-slideshow:not(.single-slide),
.homepageRhpClub .rhp-slides .mslide,
.homepageRhpClub .rhp-shim {
    display: block;
    max-width: 100% !important;
    margin: auto;
}
#rhp-slideshow{
    margin: 0 auto;
}

#rhp-slideshow.rhp-left-layout.rhp-slides .rhp-buttons{
    padding-left: 60px !important;
}
#rhp-slideshow.rhp-slides.single-slide .mslide img {
    height: auto !important;
}
.rhp-slides .mslide {
    height: 100% !important;
}
.rhp-post-thumb.selected img{
    border: 5px solid #fff;
}
.rhp-slides .mslide a {
    padding: 0;
}
.rhp-slides .mslide a.btn {
    font-weight: 700;
    padding: 8px 10px;
}
.widget_rhp-slides-widget {
    display: block;
    padding: 0;
    max-width: 100%;
    width: 100%;
}
#rhp-slideshow.rhp-slides .mslide img {
    width: 100%;
    height: auto;
}
#rhp-slideshow.rhp-slides .rhp-slide-left,
#rhp-slideshow.rhp-slides .rhp-slide-right {
    padding: 0;
}
#rhp-slideshow.rhp-slides .rhp-buttons {
    text-align: center;
}
#rhp-slideshow.rhp-slides .rhp-buttons a {
    display: inline-block;
    float: none;
    overflow-x: hidden;
}
#rhp-slideshow .rhp-slide-details p.rhp-event-date,  
#rhp-slideshow .rhp-slide-details p.rhp-event-time,  
#rhp-slideshow .rhp-slide-details p.rhp-event-venue,  
#rhp-slideshow .rhp-slide-details p.rhp-event-price,  
#rhp-slideshow .rhp-slide-details p.rhp-slide-description,  
#rhp-slideshow .rhp-slide-details i.fa {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
#rhp-slideshow .rhp-slide-details p.rhp-event-date,  
#rhp-slideshow .rhp-slide-details p.rhp-event-time,    
#rhp-slideshow .rhp-slide-details p.rhp-event-price,   
#rhp-slideshow .rhp-slide-details i.fa {
    font-size: 16px;
}

#rhp-slideshow .rhp-slide-details i.fa {
    margin-right: 5px;
}
#rhp-slideshow .rhp-slide-details p.rhp-event-date,  
#rhp-slideshow .rhp-slide-details p.rhp-event-time {
    display: inline;
}
#rhp-slideshow .rhp-slide-wrapper {
    bottom: 0px;
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    /* For IE 8*/
    padding: 0rem 0 1.5rem 0;
    position: absolute;
    width: 60%;
    right: 0;
    z-index: 999999;
}
#rhp-slideshow .rhp-slide-wrapper .slideInfo{
    background: #FFFFFFEB 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 20px 20px;
}
#rhp-slideshow.rhp-thumbnails-layout.rhp-slides .rhp-clip {
    position: relative;
}
#rhp-slideshow.rhp-thumbnails-layout .rhp-clip .rhp-right .rhp-thumbnails-section .rhp-post-thumb {
    height: 80px;
    margin: 0 auto;
    padding: 5px;
    width: 130px;
}
#rhp-slideshow.rhp-thumbnails-layout .rhp-clip .rhp-right .rhp-thumbnails-section .rhp-post-thumb img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
#rhp-slideshow.rhp-thumbnails-layout.rhp-slides .rhp-buttons {
    width: 18%;
    height: auto;
    clear: right;
    text-align: right;
    float: right;
    position: relative;
}
#rhp-slideshow.noFullWidthSlider.rhp-thumbnails-layout.rhp-slides .rhp-buttons{
    width: 16%;
    padding-left: 2%;
}
#rhp-slideshow.rhp-thumbnails-layout.rhp-slides .rhp-buttons li {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 3% 0;
    list-style-type: none;
    float: right;
}
#rhp-slideshow.rhp-thumbnails-layout.rhp-slides .rhp-buttons li a {
    background: none;
    width: auto;
    height: auto;
    display: block;
}
#rhp-slideshow.rhp-thumbnails-layout.rhp-slides .rhp-buttons li img {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: auto;
    float: left;
    z-index: 1;
    margin-top: 0;
    vertical-align: bottom;
}
#rhp-slideshow.rhp-thumbnails-layout.rhp-slides .rhp-buttons li .color-overlay {
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0.5;
}
#rhp-slideshow.rhp-thumbnails-layout.rhp-slides .rhp-buttons li.activeSlide .color-overlay {
    background-color: transparent;
    opacity: 1;
}
#rhp-slideshow.rhp-left-layout.rhp-slides .rhp-clip .rhp-slide-wrapper {
    width: 30%;
    height: 100%;
    top: 0;
    padding: 20px;
}
#rhp-slideshow.rhp-left-layout.rhp-slides .rhp-clip .rhp-slide-wrapper .rhp-slide-left {
    width: 100%;
    display: block;
    float: none;
    padding: 0;
    margin: 0 0 20px;
    text-align: left;
}
#rhp-slideshow.rhp-left-layout.rhp-slides .rhp-clip .rhp-slide-wrapper .rhp-slide-right {
    width: 100%;
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    text-align: left;
}
#rhp-slideshow.rhp-left-layout.rhp-slides .rhp-clip .rhp-slide-wrapper .rhp-slide-right body a.button {
    display: inline-block;
    width: auto;
}
#rhp-slideshow.rhp-left-layout.rhp-slides .rhp-buttons {
    bottom: 0;
    z-index: 10000;
    text-align: left;
    padding: 0 0 20px 20px;
}
#rhp-slideshow.rhp-left-layout.rhp-slides .rhp-buttons{
       padding-left: 60px !important;
}
#rhp-slideshow.rhp-slides .rhp-slide-right .btn.btn-primary {
    text-transform: uppercase;
}
.slideVenueIcon{
    font-family: 'FontAwesome' !important;
}
 #rhp-slideshow.rhp-slides .rhp-slide-right .btn.btn-primary {
    letter-spacing: 0.45px;
    word-break: break-word;
}
/*Slider CSS*/
.customSlideDate .slideDateDiv {
    font-weight: 300;
    color: #252525;
    padding: 4px 8px;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #FFFFFFEB;
}
.slideTagline,
.slideSubhead {
    line-height: 1 !important;
}
.slideVenue span {
    margin-left: 8px;
}
#rhp-slideshow.fullWidthSlider.single-slide.rhp-thumbnails-layout.rhp-slides .rhp-clip{
    width: 100%;
}
#rhp-slideshow.fullWidthSlider.rhp-thumbnails-layout.rhp-slides .rhp-clip {
    width: 78%;
    display: inline-block;
    position: relative;
    float: left;
}
.sliderHalfWidth{
    display: inline-block;
    width: 100%;
}
.sliderHalfWidth .rhp-clip{
    width: 82%;
    float: left;
}
#rhp-slideshow.single-slide .rhp-clip,
#rhp-slideshow.single-slide .sliderHalfWidth .rhp-clip{
    width: 100%;
}
#rhp-slideshow.fullWidthSlider.rhp-thumbnails-layout.rhp-slides .rhp-buttons {
    width: 18%;
    height: auto;
    padding-right: 2%;
    clear: right;
    text-align: right;
    float: right;
    position: relative;
    overflow-y: scroll;
}
#rhp-slideshow.rhp-thumbnails-layout.rhp-slides .rhp-buttons{
    bottom: 0;
    padding-top: 0;
    overflow-y: scroll;
}
#rhp-slideshow.rhp-thumbnails-layout .mslide img {
    height: 100% !important;
    object-fit: cover;
}
/*Carousel CSS*/
.eventCarousel .swiper-wrapper {
    display: flex !important;
    flex-wrap: inherit !important;
  }
.eventCarousel .elementor-posts--thumbnail-top{
    position: relative;
}
.eventCarousel .elementor-post__text{
    position: absolute;
    top: 10px;
    height: 100%;
    text-align: center;  
}
.eventCarousel .elementor-post__text .elementor-post__title a:hover{
    color: #fff !important;
}
.eventCarousel .elementor-post__text .elementor-post__title,
.eventCarousel .elementor-post__text .elementor-post__title a{
    display: block;
    height: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
    #rhp-slideshow .rhp-slide-wrapper{
        width: 60%;
    }    
}
@media (min-width: 768px){
    #rhp-slideshow .rhp-slide-wrapper.fullWidthWrapper {
        padding: 0rem 80px 1.5rem 80px;
    }
}
@media (max-width: 575px){
    #rhp-slideshow.rhp-thumbnails-layout .rhp-slide-left{
        width: 60%;
        float: left;
        text-align: left !important;
    }
    #rhp-slideshow.rhp-thumbnails-layout .rhp-slide-right{
        width: 40% !important;
    }
    #rhp-slideshow.rhp-thumbnails-layout h3.rhp-slide-title {
        font-size: 14px;
    }
    #rhp-slideshow.rhp-thumbnails-layout h3.rhp-slide-title,
    #rhp-slideshow.rhp-thumbnails-layout .mslide a.btn {
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;  
    }
    #rhp-slideshow.rhp-thumbnails-layout .mslide a.btn {
        padding: 4px 4px;      
    }
    #rhp-slideshow.rhp-thumbnails-layout .customRotateSlide .fa-arrow-circle-right::before,
    #rhp-slideshow.rhp-thumbnails-layout .customRotateSlide .fa-arrow-circle-left::before {
        height: 18px;
        width: 18px;
        line-height: 18px;
        font-size: 24px;
    }    
    #rhp-slideshow.rhp-thumbnails-layout .customRotateSlide .fa-arrow-circle-left,
    #rhp-slideshow.rhp-thumbnails-layout .customRotateSlide .fa-arrow-circle-right {
        display: inline-block;
        height: 18px;
        width: 18px;
        line-height: 18px;
        text-align: center;
    }    
    #rhp-slideshow.rhp-thumbnails-layout .rhp-slide-wrapper .slideNavigation ul.rhp-nav{
        padding-top: 4px !important;
    }
    #rhp-slideshow.rhp-thumbnails-layout .slideNavigation {
        padding-top: 4px;
    }    
}
@media (max-width: 767px){
    #rhp-slideshow.rhp-thumbnails-layout {
        width: 100% !important;
        height: 100% !important;
    }
    #rhp-slideshow .rhp-slide-wrapper {
        width: 100%;
    }    
    #rhp-slideshow.rhp-thumbnails-layout.rhp-slides .rhp-clip {
        width: 100%;
    }
    #rhp-slideshow.rhp-thumbnails-layout .rhp-slide-wrapper{
        padding-bottom: 0;
    }
    #rhp-slideshow.rhp-thumbnails-layout .rhp-slide-wrapper .slideInfo{
        padding: 10px 10px;
    }
    #rhp-slideshow.rhp-thumbnails-layout .rhp-slide-wrapper .slideNavigation ul.rhp-nav{
        justify-content: flex-end;
        display: flex !important;
    }
    #rhp-slideshow.fullWidthSlider.rhp-thumbnails-layout.rhp-slides .rhp-clip {
        width: 100%;
    }    
    .rhp-nav li:first-child{
        margin-right: 8px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .slideSubhead,
    .customSlideDate .slideDateDiv {
        font-size: 14px !important;
    }
    .rhp-slide-title {
        font-size: 18px;
    }    
    #rhp-slideshow .rhp-slide-wrapper{
        width: 60%;
        padding: 0rem 0 1.5rem 0 !important;
    }
    #rhp-slideshow .slideSubhead,
    #rhp-slideshow .customSlideDate .slideDateDiv{
        font-size: 14px;
    }
    #rhp-slideshow.rhp-slides .rhp-slide-right .btn.btn-primary{
        font-size: 12px !important;
    }
    .rhp-slides .slideNavigation ul.meteor-nav{
        margin-top: 12px !important;
    }    
    #rhp-slideshow .rhp-slide-header h3.rhp-slide-title {
        font-size: 18px;
    }
    .rhp-slides .mslide a.btn{
        padding: 8px 8px;
    }    
}
@media (max-width: 768px) {
	.rhp-bottom-layout .slideInfo {
		padding: 0 10px!important;
	}
	.rhp-bottom-layout .rhp-slide-wrapper {
		padding: 0!important;
	} 
	.rhp-bottom-layout .rhp-slide-cta a {
		margin-bottom: 8px;
		font-size: 12px;
    		padding: 4px;
	}
}