body {
    font-family: 'Roboto', sans-serif !important;
}

.cte-img {
  transition: transform .2s;
}

a .cte-img:hover {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05); 
}

iframe {
	max-width: 100% !important;
}

/* Home */
.button-item-inner:hover {
    opacity: 70%;
}

.mox-item-caption-inner {
    text-shadow: 3px 3px 6px #000000;
}

#article-page ul, #article-page ol {
	list-style: none !important;
}


body span.btn-style {
    display: inline-block;
}

body span.btn-style a {
    text-transform: uppercase;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 5px 30px;
    background-color: #23408F;
    min-width: 210px;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    font-size: 18px;
}

/* GENERAL */
#article-page.inner,
#jevents {
    min-height: 70vh;
}

/* .inner-page #desktop-menu{
    background-color: #454442!important;
} */

/* body #desktop-menu {
    background-color: #CE1126;
} */

/* body footer {
    background-color: #CE1126;
} */

a {
    color: #23408F;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #23408F;
    text-decoration: underline;
    background-color: transparent;
}

body main #article-page.default .article-inner {
    max-width: 1400px!important;
    width: 100%;
    margin: 0 auto!important;
    display: block;
    position: relative;
    z-index: 1;
}

/* CALENDAR */
.nav-items > div:first-child {
    border-left: 1px solid #CE1126!important;
}

.nav-items > div {
    border: 1px solid #CE1126!important;
}

#jevents_body .nav-items div.active a, .jev_header2 .active a {
    background-color: #CE1126!important;
}

.jev_toprow div.previousmonth, .jev_toprow div.nextmonth {
    background-color: #CE1126!important;
    border: 1px solid #CE1126!important;
}

#jevents_body .cal_today a.cal_daylink {
    background-color: #CE1126!important;
}
#jevents_body .cal_today a.cal_daylink:hover {
    border-left: 1px solid #CE1126!important;
    background-color: #CE1126!important;
    border: 1px solid #CE1126!important;
    padding: 4px;
    border-radius: 10px;
    color: #fff!important;
}

#jevents_body .nav-items > div a:hover {
    padding: 3px 12px 2px 12px!important;
    color: #fff;
}

#jevents_body .nav-items div.active a:hover, .jev_header2 .active a:hover {
    background-color: #FFF;
    border-left: 1px solid #CE1126!important;
}

#jevents_body .nav-items > div a:hover {
    padding: 7px 12px 7px 12px;
    background-color: #CCC;
    border-left: 1px solid #CE1126!important;
    color: #000;
}

/* RSForm! */
.uk-button-primary:focus, 
.uk-button-primary:hover,
.uk-button-primary {
    background-color: #23408F!important;
}

.uk-input, .uk-select, .uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #333;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
}

.uk-form-label {
    color: #333;
    font-weight: bold;
}

/* RokCandy */
.equalCol {
    float: left;
    margin: 0 2% 0 0;
    width: 48%;
}

.fullCol {
    float: left;
    margin: 0 2% 0 0;
    width: 98%;
}

.twoThirdCol {
    float: left;
    margin: 0 1% 0 0;
    width: 65%;
}

.oneThirdCol {
    float: left;
    margin: 0 1% 0 0;
    width: 32%;
}

.thirds {
    float: left;
    display: block;
    margin: 0 auto;
    width: 33%;
}

.fourths {
    float: left;
    display: block;
    margin: 0 auto;
    width: 24%;
}

.fifths {
    float: left;
    display: block;
    margin: 0 auto;
    width: 18.5%;
}

#video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.rok-row {
    width: 100%;
    clear: both;
    margin-top: 1em;
    margin-bottom: 1em;
}

.clear {
    clear: both;
}

@media (max-width: 1170px) { 
	table {
    	max-width: 100%;
	}

	.btn-style:not(:first-of-type) {
		margin-top: 15px;
	}

}

@media (max-width: 768px) {  

	table td img  {
		max-width: 40vw !important;
	}
}

/* Media Queries */
@media (min-width: 1200px) {
    body header .mox-slider .mox-item .mox-item-image {
        height: 550px;
    }
    #video iframe {
    	position: absolute;
    	top: 0;
    	left: 0;
    }
    body header .mox-slider .mox-item .mox-item-caption {
        bottom: 15vh;
    }
    body header .mox-slider .mox-slider-arrows .slick-arrow {
        width: 35px;
        height: 75px;
    }
}

@media (min-width: 992px) {
    body main #article-page.inner:before {
        width: 18%;
    }
    body main #article-page .article-inner {
        margin-left: 20%;
        max-width: 75%;
    }
}

@media (max-width: 991px) {
    body main #article-page.inner:before {
        display: none;
    }
    /* ROKCANDY */
    #video iframe {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%!important;
    	height: 100%!important;
    }
    .twoThirdCol {
        width: 100%;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .thirds {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .fourths,
    .fifths {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 48%;
    }
    .oneThirdCol {
        width: 100%;
        display: block;
    }
}

@media screen and (min-width: 768px) {
    /* Blog */
    .eb-container {
        width: 75%;
        margin: 5% auto;
    }
}

@media screen and (max-width: 767px) {
    /* Blog */
    .eb-container {
        width: 90%;
        margin: 5% auto;
    }
    
    .article-inner img {
        max-width: 95%;
        height: auto;
    }
}

/* Header search input */

body #desktop-menu .inner .form-search input {
    display: inline-block;
    width: 200px;
    height: 38px;
    padding: 0 43px 0 5px;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 21px;
    font-family: "AvenirNext-Italic";
    font-weight: normal;
    font-style: normal;
}

body #desktop-menu .inner .form-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
  }
  
body #desktop-menu .inner .form-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
  }
  
  body #desktop-menu .inner .form-search input::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
  }

body #desktop-menu .inner .bottom .form-search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 38px;
    z-index: 1;
    border: 0;
    padding: 0;
    background-color: transparent;
    background-image: url(../images/icon-search.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 0;
    background-size: 28px;
}

body #desktop-menu .inner .bottom .mod-finder label.finder {
    display: none;
}


body #desktop-menu .inner .bottom .mod-finder__search {
    position: relative;
}

body main .finder {
    display: block;
    position: relative;
    z-index: 1;   
    padding: 40px 15px;
}

body main .finder > * {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

body main .finder:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    background-color: #ebebeb;
    display: block;
    z-index: 0;
}

body main .finder .result__title-text {
    color: #000;
}

/* Wrapper */
.event-card-cst {
    display: flex;
    gap: 20px;
    /* background: rgba(255,255,255,0.12); */
    border-radius: 8px;
    margin-bottom: 25px;
    padding: 0;
    overflow: hidden;
}

/* Left Column (Image) */
.event-card-left {
   /*  width: 230px; adjust as needed */
    flex-shrink: 0;
}

.event-card-left img {
    width: 340px !important;
    height: 140px; /* match your mockup height */
    object-fit: cover;
    display: block;
}

/* Right Column (Content) */
.event-card-right {
    color: #fff;
    display: flex;
    flex-direction: column;
}

.maximenuckmodule .event-card-cst a {
    padding: 5px !important;
    margin: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Title */
.event-title a {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

/* Date / Time */
.event-meta {
    margin-top: 10px;
    color: #dcdcdc;
    font-size: 14px;
}

.event-date,
.event-time {
    display: block;
}

/* Learn More Button */
.event-more {
    margin-top: auto; /* pushes link to bottom */
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
}