/*
	Theme Name: www.nebraskaclassic.org 
	Theme URI: https://sandhills.com
	Author: Sandhills
	Author URI: https://sandhills.com
	Description: Sandhills default template.
	Version: 1.0
	Text Domain: sandhills
	Tags: Sandhills default
*/

/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0; list-style: none;} img{max-width: 100%; image-rendering: -webkit-optimize-contrast;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html{
	/* background: linear-gradient(to bottom, #000 300px, transparent 600px) no-repeat; */
}
html, body{font-family: "univers-next-pro", sans-serif; font-weight: 400; line-height: 1.5; height: 100%; width: 100%;}
::-moz-selection{background: #c31418; color: #fff; text-shadow: none} ::selection{background: #c31418; color: #fff; text-shadow: none}

hr {
    height: 0px !important;
}

.repeatFields + div .yellow-btn {
    max-width: 160px;
}


.widget:has(.cs-gradient-overlay){
	position: relative;
	overflow: hidden;
}
.cs-gradient-overlay .container-default-div-editor{
	position: relative;
}
.widget:has(.cs-gradient-overlay):before{
	background-blend-mode: normal;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.757) 0%, transparent 100%);
    background-size: cover;
    background-position: center center;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
.sidebarColumn:not(:has(.abs-widget-area-active)) .html-render-container p:empty {
    display: block !important;
}
.white{color: #fff;}
.widget:has(.cs-rounded), img.cs-rounded {
    border-radius: 10px;
}
.widget:has(.cs-expand-columns) div[class*="col-xl"] {
   flex-grow: 1;
}
.widget:has(.cs-shadow){
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.24) !important;
}
.widget:has(.cs-align-center) .sh-row{
	align-items: center;
	justify-content: center;
}
.sh-unified-form .heading-cursive{
	width: 100%; display: inline-block;
}
.shwidget p{
	min-height: 24px;
}
.contactForm label{font-weight: 600;}
.uppercase{text-transform: uppercase;}

.sidebarColumn{min-height: inherit !important;}
.wrap, .cs-wrapper{max-width: 90%; margin: auto;}
.cs-sticky-sidebar{
	position: sticky;
	top: 50px;
	margin-top: 0 !important;
}
.transition-to-gray{
	position: relative;
}
.transition-to-gray:before{
    content: '';
    position: absolute;
    left: -11.7%;
    right: -11.7%;
    top: 50%;
    bottom: -105%;
    background: #f6f6f6;
	z-index: -1;
}
.transition-to-white{
	position: relative;
}
.transition-to-white:before{
    content: '';
    position: absolute;
    left: -11.7%;
    right: -11.7%;
    bottom: 50%;
    top: -120%;
    background: #f6f6f6;
	z-index: -1;
}

[class*="prevButton-container"], [class*="nextButton-container"]{display: none !important;}


.column-padding-sponsors img {
    max-height: 60px;
}


/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-family: "univers-next-pro-compressed", sans-serif; font-weight: 500;}
a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}
b, strong{font-weight: 700;}

.univers-compressed{font-family: "univers-next-pro-compressed", sans-serif; font-weight: 500;}
.allura{font-family: "allura", sans-serif;}

.btn, .cs-blog-posts-by-year a{display: flex; align-items: center; justify-content: center; background: #c31418; padding: 10px 35px; font-family: "univers-next-pro-compressed", sans-serif; font-size: 20px; font-weight: 500; text-transform: uppercase; text-align: center; color: #fff;}
.btn:hover{background: #970508; color: #fff;}
.full-width-btn{width: 100%; padding-left: 15px !important; padding-right: 15px !important;}
.center-btn{margin-left: auto !important; margin-right: auto !important;}
.blue-btn, .cs-blog-posts-by-year a{background: #2E3A68; color: #fff;} .blue-btn:hover, .cs-blog-posts-by-year a:hover{background: #28335F; color: #fff;}
.red-btn{background: #c31418 !important; color: #fff; border: unset !important;} .red-btn:hover{background: #970508 !important; color: #fff;}
.yellow-btn{background: #c31418; color: #fff;} .yellow-btn:hover{background: #970508; color: #fff;}
.black-btn{background: #000; color: #fff;} .black-btn:hover{background: #111; color: #fff;}
.grey-btn{background: #dedede; color: #000;} .grey-btn:hover{background: #ccc; color: #000;}
.white-btn{background: #fff; color: #000;} .white-btn:hover{background: #eee; color: #000;}
.outline-btn{background: #fff; color: #000; border: solid 1px #000;} .outline-btn:hover{background: #eee;  border: solid 1px #333; color: #000;}
.white-btn i.blue{
	
	color: #8DA9FF;
    padding-left: 14px;
    font-size: 14px;
}
.white-btn:hover i.blue{
	
	color: #2E3A68;
}

.icon-btn{
	position: relative;
}
.icon-btn:after{
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #8DA9FF;
    padding-left: 14px;
    font-size: 14px;
}
.icon-btn:hover:after{
	color: #2E3A68;
}

.link-btn{background: transparent; color: #000; position: relative; width: 100%; justify-content: flex-end; text-align: right;} .link-btn:hover{color: #333; background: transparent;}
.link-btn:after{
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #8DA9FF;
    padding-left: 14px;
    font-size: 14px;
}
.link-btn:hover:after{
	color: #2E3A68;
}

.sheditorWidgetPopupModalBox .widget{
	max-height: calc(100% - 60px) !important;
}

/* HEADER */

.header{display: flex; align-items: center; gap: 20px; background: #000; width: 90%; margin: 0 auto; padding: 25px 25px; border-radius: 15px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); z-index: 999;}
.header .logo{width: 280px;}
.header .logo a:hover{opacity: .8;}
.header .navigation{flex: 1;}

/* COUNTDOWN */

.countdown{display: flex; align-items: center; justify-content: center; gap: 0 50px; flex-wrap: wrap; background: #000; width: 90%; margin: 10px auto; padding: 15px; text-transform: uppercase; color: #fff; border-radius: 15px;}


.countdown-sm{display: flex; align-items: center; justify-content: center;
    gap: 0 30px; background: #000; text-transform: uppercase; color: #fff; }
.countdown:hover{background: #2e2e2e;}
.countdown-logo{width: 175px;}
.countdown .countdown-text{font-size: 18px; font-weight: 900; }
.countdown-sm .countdown-text{font-size: 18px; font-weight: 400; font-family: univers-next-pro-compressed !important; }
.countdown-timer ul{display: flex; align-items: center; justify-content: center; gap: 15px; text-align: center;}
.countdown-timer ul strong{display: block; font-size: 48px; line-height: 1.5;}
.countdown-timer ul label{display: block; font-size: 14px; letter-spacing: 2px;}

	
	.countdown-timer ul li {
		padding: 6px 3px 10px;
		border-radius: 12px;

		width: 120px;
		transition: ease all 0.3s;
	}
		.countdown-sm .countdown-timer ul{gap: 7px;}
		.countdown-sm .countdown-timer ul li{
			width: 60px;
		padding: 4px 2px 6px;
		}
		.countdown-sm .countdown-timer ul li strong{
			font-size: 24px;
		}
		.countdown-sm .countdown-timer ul li label{
			font-size: 12px; font-family: univers-next-pro-compressed !important;
		}
		.countdown-sm .countdown-text a{ padding: 14px 0;
			overflow: auto;
		}
	
	@media screen and (max-width: 767px){

		.countdown-timer ul li{
			width: 80px;
		}
		.countdown-timer ul li strong{
			font-size: 24px;
		}
	}
	@media screen and (min-width: 768px){
		
.countdown-sm{    flex-direction: column-reverse;  }
}
	@media screen and (max-width: 767px){
		body{padding-top: 48px;}
		.countdown-sm{ 
			position: fixed !important; 
			top: 0;
			left: 0;
			right: 0;
			height: 48px;
			z-index: 300;
			background: #2B3A67;
			gap: 0 12px;
		}
		.countdown-sm .countdown-text{ width: 100%; font-size: 15px;
		}
		.countdown-sm .countdown-timer ul li {
			border-radius: 0;
			background: rgba(0,0,0,0.3);
		}
		.countdown-sm .countdown-timer ul {
			gap: 1px;
		}
		.countdown-sm .countdown-timer ul li strong {
			font-size: 16px;
		}
		
		
	}

/* HOME */

.card-container{display: flex; flex-wrap: wrap;}
.card-container .card.banner-style{min-height: 150px !important; aspect-ratio: unset !important;}
.card-container .card{flex: 1; position: relative; background: #fff; min-height: 200px; aspect-ratio: 1.2; margin: 5px; border-radius: 15px; overflow: hidden; border: none;}
.card-container .card img{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; width: 100%; height: 100%; transition: all .5s ease; z-index: 0;}
.card-container .card .content{display: flex; flex-direction: column; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; padding: 15px; z-index: 99;}

.card-container .card:before{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); opacity: 1; transition: all .5s ease; z-index: 9;}
.card-container .card:after{position: absolute; top: 15px; right: 15px; font-family: "Font Awesome 6 Free"; font-size: 20px; font-weight: 900; content: "\f08e"; color: #fff; z-index: 5;}

.card-container .card:hover:before{opacity: 0;}
.card-container .card:hover img{transform: translate(-50%,-50%) scale(1.025);}

.card-container .card .dates{background: #fff; padding: 6px 12px; width: fit-content; font-family: "univers-next-pro-compressed", sans-serif; font-size: 20px; font-weight: 500; text-transform: uppercase; border-radius: 5px;}
.card-container .card .details{margin-top: auto; font-weight: 700; color: #fff;}
.card-container .card .details strong{display: block; font-family: "allura", sans-serif; font-size: 60px; font-weight: 400; line-height: 1;}

.card-container .card.main{height: 610px;}
.card-container .card.yellow .dates{color: #d99f00;}
.card-container .card.yellow:before{background: linear-gradient(180deg,rgba(200, 164, 61, 0) 0%, rgba(200, 164, 61, 1) 100%);}
.card-container .card.red .dates{color: #c31418;}
.card-container .card.red:before{background: linear-gradient(180deg,rgba(130, 7, 11, 0) 0%, rgba(130, 7, 11, 1) 100%);}
.card-container .card.blue .dates{color: #2E3A68;}
.card-container .card.blue:before{background: linear-gradient(180deg,rgba(46, 58, 104, 0) 0%, rgba(46, 58, 104, 1) 100%);}


.events-section{position: relative; margin: 5% 0; padding-left: 5%;padding-right: 5%;}
.events-section [class*="advancedresults"] .slick-track{display: flex; gap: 15px;}
.events-section [class*="advancedresults"] .slick-arrow{bottom: -50px !important;}
.events-section [class*="advancedresults"] .slick-arrow i{width: 50px; padding: 10px 0 !important; font-size: 14px !important; border-radius: 10px !important;}
.events-section [class*="advancedresults"] .slick-arrow:hover{color: #fff !important; opacity: .75;}
.events-section [class*="advancedresults"] .slick-next{right: calc(5% + 50px) !important;}
.events-section [class*="advancedresults"] .slick-prev{right: calc(5% + 110px) !important;}

.event-box{display: block; background: #f6f6f6; height: 100%; padding: 15px; font-size: 18px; text-align: left; border-radius: 15px;}
.event-box .event-date{display: inline-block; background: #dedede; margin-bottom: 25px; padding: 2px 10px; font-family: "univers-next-pro-compressed", sans-serif; font-weight: 500; text-transform: uppercase; border-radius: 5px;}
.event-box .event-title{display: block; font-family: "univers-next-pro", sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase;}
.event-box .event-details{font-size: 14px;}
.event-box .event-details p:has(> a){display: block; margin-top: 25px;}
.event-box .event-details a{display: inline-block; font-family: "univers-next-pro-compressed", sans-serif; font-size: 20px; font-weight: 500; text-transform: uppercase;}
.event-box .event-details a:after{margin-left: 10px; font-family: "Font Awesome 6 Free"; font-size: 14px; font-weight: 900; content: "\f08e"; color: #92AAFF;}
.event-box .event-details a:hover:after{color: #2E3A68;}
.event-box.fall .event-date{background: #000; color: #fff;}
.event-box.winter .event-date{background: #2E3A68; color: #fff;}
.event-box.popup .event-date{background: #c31418; color: #fff;}

.about-section{margin: 5% 0;}
.about-section .image-container{display: flex; height: 100%;}
.about-section .image-box{position: relative; height: 75%; width: 50%; overflow: hidden; border-radius: 10px; min-height: 200px;}
.about-section .image-box img{display: block; position: absolute; min-height: 100%; min-width: 100%; object-fit: cover;}
.about-section .image-box:nth-child(1){position: relative; top: -10%; left: 8%;}
.about-section .image-box:nth-child(2){position: relative; top: 40%; right: 8%;}

/* BODY */

.sh-unified-form .checkbox, .sh-unified-form .radio{margin-top: 0; margin-bottom: 0;}
.sh-unified-form .checkbox label, .sh-unified-form .radio label{margin: 10px 10px 0 18px; padding: 0;}
.sh-unified-form .sh-unified-formLabel{display: block; font-size: 16px; font-weight: 300;}
.sh-unified-form .form-control{height: auto; margin-top: 5px; padding: 10px; border: 1px #ccc solid;}
.sh-unified-form .mar-top{margin-top: 0 !important;}
.sh-unified-form .btn-success{background-color: #333 !important; padding: 15px 60px 12px; border: none;}
.sh-unified-form .btn-success:focus, .sh-unified-form .btn-success:hover{background-color: #444 !important;}


.repeatField {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border: solid 1px #ccc;
    border-radius: 10px;
    background: #f6f6f6;
    margin-bottom: 30px;
}

label[for^="hl-"], label[for^="HL-"]{
	display: none !important;
}
/* ACCORDION */

.accordion{margin: 20px 0;}
.accordion .accordion-item:first-child > .accordion-header{border-radius: 10px 10px 0 0;}
.accordion .accordion-item:last-of-type > .accordion-header{border-radius: 0 0 10px 10px;}
.accordion-button{background: #fff; padding: 25px 20px; font-size: 18px; font-family: "univers-next-pro", sans-serif; text-transform: uppercase; font-weight: 700;}
.accordion-button:not(.collapsed){background: #eee;}
.accordion-button:focus{box-shadow: none;}
.accordion-body{padding: 25px;}
.accordion-body a{text-decoration: underline;}
.accordion-body a:hover{text-decoration: none;}

/* HEADINGS */

.heading-cursive{
	font-size: 48px; font-family: "allura", sans-serif !important; font-weight: 400 !important; text-transform: unset !important;
}
.heading-xlg{
	font-size: clamp(24px, 5vw, 60px); font-family: "univers-next-pro", sans-serif; text-transform: uppercase; font-weight: 700;
}
.heading-lg{
	font-size: clamp(18px, 3vw, 36px); font-family: "univers-next-pro", sans-serif; text-transform: uppercase; font-weight: 700;
}
.heading-md{
	font-size: clamp(18px, 3vw, 24px); font-family: "univers-next-pro", sans-serif; text-transform: uppercase; font-weight: 700;
}
.heading-sm{
	font-size: 18px; font-family: "univers-next-pro", sans-serif; font-weight: 700;
}
.heading-xs{
	font-size: 1rem; font-family: "univers-next-pro", sans-serif;
}
/* BLOG SEARCH */

.cs-blog-carousel .slick-track{display: flex;}
.cs-blog-carousel .slick-slide{height: inherit;}
.cs-blog-carousel .slick-slide > div, .cs-blog-carousel .slick-slide > div > a{height: 100%;}
.cs-search-heading{
	margin-top: 30px;
	margin-bottom:40px;
	text-align: center;
	font-weight: 300;
}
.cs-search-heading span{
	font-weight: 700;
}
.blog-post .btn{
		display: inline-block;
		margin-top: 30px;
	}
	.cs-blog-search{
		background-color: #F6F6F6; 
		padding: 20px 20px; 
    	border-radius: 10px;
    	min-height: calc(100% - 20px);
		box-sizing: border-box;
	}
	.cs-blog-search form{
		position: relative;
		height: 52px;
	}
	.cs-blog-search form input[type="text"]{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 0 10px;
		font-size: 16px;
		line-height: 52px;
		border-radius: 10px;
		border: unset;
	}
	.cs-blog-search form button{
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 48px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		background: transparent;
		border: none;
	}
	.cs-blog-search h3{
		text-transform: uppercase;
		font-size: 18px;
    	font-family: univers-next-pro, sans-serif;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.cs-blog-search .blog-tags a{
		padding: 10px;
		display: inline-block;
		box-sizing: border-box;
		flex-grow: 1;
	}
	.cs-blog-search .blog-categories a{
		padding: 10px;
		display: inline-block;
		flex-grow: 1;
		box-sizing: border-box;
	}
.blog-post > div{
	min-height: calc(100% - 20px);
}
	.cs-blog-search .cs-blog-posts-by-year{
		display: flex; gap: 10px; flex-wrap: wrap;
	}
	.cs-blog-search .cs-blog-posts-by-year a{
		padding: 10px;
		display: inline-block;
		box-sizing: border-box;
		border-radius: 0.375rem;
	}
	
	@media screen and (max-width: 992px){
		.cs-blog-grid > div:nth-of-type(1){
			padding-right: 0 !important;
			padding-left: 0 !important;
			margin-left: -20px;
			width: calc(100% + 40px);
		}
	}

/* SPONSORS */

.sponsors-section{position: relative; padding-top: 5%;}
.sponsors-section:before{
	content: '';
	position: absolute;
	background: #f6f6f6;
	left: 0;
	right: 0;
	top: 0;
	bottom: 30%;

}

/* FOOTER */

.copyright{display: block; position: relative; background: #000; width: 90%; margin: 20px auto; padding: 15px; font-size: 14px; font-weight: 300; text-align: center; color: #fff; border-radius: 15px;}

/* RESPONSIVE */
	.cs-variable-padding{
		height: 100px;
	}


@media screen and (max-width: 1600px){
	.card-container .card .details strong{font-size: 56px;}
	.footer-links .link-btn{
		font-size: 16px;
	}
}
@media screen and (min-width: 1440px){
	/* .card-container .card{height: 350px;}
	.card-container .card.main{height: 710px;} */
}
@media screen and (min-width: 767px) and (max-width: 1439px){
.card-container .card .details strong{font-size: 30px;}
.card-container .card.main .details strong{font-size: 48px;}
	/* .card-container .card{height: 211px;}
	.card-container .card.main{height: 432px;} */
}

@media screen and (max-width: 1200px){
	.cs-variable-padding{
		height: 50px;
	}
	.link-btn{
		max-width: unset !important;
		justify-content: flex-start !important;
		text-align: left !important;
	}
	.header{gap: 0; padding: 15px 5px 15px 5px;}
	.header .cta{margin-left: auto; order: 2;}
	.header .navigation{flex: none; order: 3;}
	.header .cta .btn{font-size: 18px;}
	
	.countdown-timer ul strong{font-size: 36px;}
	.countdown-timer ul label{font-size: 12px;}
	
	
.about-section .image-box{height: 65%; }
.about-section .image-box:nth-child(1){top: 5%; left: 5%;}
.about-section .image-box:nth-child(2){
    top: 20%;
    right: 5%;
	}
	
	
}
@media screen and (max-width: 768px){
	.header .logo{width: 180px;}
	.header .cta .btn{padding: 8px 16px; font-size: 16px;}
	
	.countdown{gap: 0 10px;}
	.countdown-logo{width: 150px;}
	.countdown-timer{width: 100%;}

	.card-container .card{flex: none; width: 100%; margin: 5px 0;}
	.card-container .card .details strong{font-size: 48px;}
	
	.card-container .card img{max-width: 900px !important;}
}
@media screen and (max-width: 575px){
	.cs-variable-padding{
		height: 30px;
	}
	.countdown-timer ul{gap: 10px;}
	.countdown-timer ul strong{font-size: 24px;}

	.copyright span{display: block;}
}