/* 
Theme Name: Radio Station
Theme URI: https://jacksonville.radio
Description: Custom theme for Station websites, based on Hello Elementor
Author: Oikonomos Website Care
Author URI: https://oikonomosweb.com
Template: hello-elementor
Version: 6.1.1
Text Domain: radiostation
*/

/* GLOBAL */

html { scroll-behavior: smooth; }
body {	
	display:block;
	max-width:100%;
	height:auto;
	overflow-x: hidden; }
[type=button], [type=submit], button { border: inherit; }
.swiper-button-right, .swiper-button-next { text-align:right; }

.swiper-container-horizontal .swiper-button-next, .swiper-container-horizontal .swiper-button-prev { 
	text-align: center;
    text-shadow: 0 0 15px #aaa;
    -webkit-text-stroke: 1px #777;
	text-stroke: 1px #777;
}

.whiteText, .whiteText p, .whiteText h1, .whiteText h2, .whiteText h3, .whiteText h4, .whiteText li, .whiteText li:before, .whiteText a:not(.elementor-button), .whiteText a:not(.elementor-button):hover { color: #ffffff !important; }

.underlineLinks a:not(.elementor-button):hover, .alwaysUnderline a:not(.elementor-button) { text-decoration: underline; }
.noUnderline a:hover { text-decoration: none !important; }


ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    border-left: none;
}

.lastParagraph p:last-of-type {margin-bottom:0;}

@media (max-width:767px) {
	.mobileHide { display: none !important; }
	.desktopShow { display: none !important; }
}

@media (min-width:768px) {
	.mobileShow { display: none !important; }
}

@media (max-width: 640px) {
.wp-block-image figure {
	float: none;
	width: 100% !important;
	clear: both;
	text-align: center;
	}
}

.fullWidth {
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw !important;
	position: relative;
	left: 50%;
	right: 50%;
	width: 100vw;
}

.disclaimer {
	font-size:0.8rem;
	line-height:1.1em;
	font-style:italic;
	margin-bottom:0 !important;
}

/* ACCESSIBILITY */

@supports selector(:focus-visible) {
	:focus { outline: none; }
	:focus-visible { outline: 3px dotted; outline-offset: 3px;}
}

.skip-link { display:none !important; }

.screen-reader-text, .skipLink {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0;
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus, .skipLink:focus  {
    background-color: #efefef !important;
    clip: none !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #101010 !important;
    display: block;
    font-size: 1em;
    font: message-box;
    text-decoration: none;
    line-height: normal;
    padding: 12px 20px !important;
    left: 5px;
    top: 5px;
    height: auto;
    width: auto;
	min-width: 220px;
    border-radius: 0;
    z-index: 100000;
    box-shadow: 0 0 4px 1px rgb(0,0,0,0.5);
}

.hideElement {
    border: 0;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
} 

.hideElement-focusable:active,
.hideElement-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
} 


/* BUTTONS IN HORIZONTAL NAVIGATION MENUS */

.elementor-nav-menu--layout-horizontal .menuButton .elementor-item {
	padding: 8px 16px !important;
	color: #ffffff !important;
	background-color: var( --e-global-color-primary );
	border-radius: 5px;
	text-transform: uppercase !important;
	font-size: 1.15rem !important;
	font-weight: 500 !important;
}

.elementor-nav-menu--layout-horizontal .menuButton .elementor-item:hover {
	background-color: var( --e-global-color-secondary );
}

.elementor-nav-menu--layout-horizontal .menuButton .elementor-item:before, 
.elementor-nav-menu--layout-horizontal .menuButton .elementor-item:after {
	display:none;
	}

.menuIcon i {
	padding: 2px 0 0 8px;}
	
	
/* FIX LIGHTBOX BUTTONS */

.fancybox-container .fancybox-button {
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: 0;
    padding: 6px !important;
    vertical-align: top;
    width: 44px;
    color: #FFFFFF;
    background-color: #000000;
    border-color: #000000;
}

.fancybox-container .fancybox-button:hover, .fancybox-container .fancybox-navigation a:hover {
    color: #FFFFFF;
    background-color: #777777;
    border-color: #777777;
}

.fancybox-container .fancybox-button svg path {
    width: 24px;
}


/* GRAVITY FORMS GENERAL STYLES */

.gform_wrapper .gform_body .gform_fields .gfield .gchoice {
    position: relative;
}

/* NEW ORBITAL THEME */
.gform-theme--foundation {
	--gf-form-gap-y: 20px !important;}

.gform_wrapper.gform-theme .gform-field-label--type-sub, 
.gform_wrapper.gform-theme .gform-field-label {
	margin-bottom:0;
}

.gform_wrapper.gform-theme input.gform_button {
	color:#ffffff !important;
	background-color:var( --e-global-color-secondary )!important;
}
.gform_wrapper.gform-theme input.gform_button:hover {
	color:#ffffff !important;
	background-color:var( --e-global-color-primary )!important;
}

/* OLDER DEFAULT THEME */

.gform_confirmation_wrapper {
    border: 1px solid #333333;
    background-color: #efefef;
	color: #000000;
    padding: 20px 10px;
    text-align: center;
    font-size: 1.2rem;
}

.gform_wrapper .gfield_description {
	padding: 0;
	margin-top: 0;
	font-style: italic;
	font-size: 0.9rem;
}

.gform_wrapper .gform_body .gfield_label, 
.gform_wrapper .gform_body .ginput_complex label {
	margin-bottom: 1px;
	padding: 0;
}

.gform_wrapper .gform_body .gfield_label, 
.gform_wrapper .gform_body .ginput_complex label {
	color:  var( --e-global-color-primary );
}

.gform_wrapper .gform_body select,
.gform_wrapper .gform_body .ginput_complex select {
	border-radius: 0;
	border-color: var( --e-global-color-primary );	
	min-height: 42.75px;
	max-width: 97.5%;
}

@media only screen and (min-width:641px) {
.gform_wrapper .gform_body .gform_fields .gfield .address_city, 
.gform_wrapper .gform_body .gform_fields .gfield .address_state {
	max-width: 40%;
	margin-bottom: 0 !important;
}
.gform_wrapper .gform_body .gform_fields .gfield .address_zip, 
.gform_wrapper .gform_body .gform_fields .gfield .address_line_2 {
	max-width: 20%;
	margin-bottom: 0 !important;
}
}

.gform_wrapper .gform_body .disclaimer {
		font-size: 0.9rem;
}

.gform_wrapper .gform_body .gfield_consent_label {
	font-size: 0.9rem;
	font-weight: normal;
	display: inline;
	color: #111111;
	line-height: 1.1em;
}


/* HIDE RECAPTCHA BANNER AND PUT TEXT UNDER FORM INSTEAD */

body .gform_footer {flex-wrap:wrap;}

body .recaptchaNotice {
	display:block;
	padding:10px 5px 0;
	width:100%;
	font-size:0.9rem;
	line-height:1.1em;
	font-style:italic;
}

body .recaptchaNotice a:hover {
	text-decoration:underline;
}

/* SELECT2 STYLE FIXES */

.select2-search--dropdown, .select2-selection__rendered, .select2-search__field, .select2-results {
	background-color: #fff;
	cursor:pointer;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000 transparent transparent  !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color:  transparent transparent #888 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	text-align:left;
	cursor:pointer;
}

.uael-gf-style .uael-gf-select-custom:after {display:none;}

/* CUSTOM LIST STYLES */

.customList ul {
    list-style: none;
    margin: 0.5rem 0 1rem -0.5rem;
}

.customList li {
    margin-bottom: 5px;
}

.customList ul li::before {
  content: "\2014";
  color: var( --e-global-color-primary );
  font-weight: normal; 
  display: inline-block; 
  width: 1.5em;
  margin-left: -1.5em;
}

.customList .wp-block-columns {
    margin-bottom: 0.25rem;
}

/* GENERAL */

.elementor-post__excerpt p:after {
	content:"...";
}

.wp-block-heading strong {
	font-weight: inherit;
}


h1, h2, h3, h4, h5, h6 {margin-bottom: 0.5rem;}

.jrs-stationsmenu .uael-nav-menu-icon, .uael-nav-menu-icon:hover {
	padding: 0.15em !important;
  	width: 32px; 
	height: 32px;
	}

@media only screen and (min-width:767px) {
	.jrs-stationsmenu .uael-nav-menu__toggle {
	display:none !important;
	}
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    min-height: fit-content !important;
}

.elementor-widget-dyncontel-post-nextprev nav a {
    max-width: 50%;
}

/* ADS */
.jrsad-adlabel {
    font-size: 0.6rem;
    text-transform: uppercase;
    line-height: 1em;
    text-align: center;
	}

.ads-darkbg .jrsad-adlabel {
	color: #ffffff;
	text-shadow: 0 0 3px #333;}

.jrsad-grid {min-height: 45px;}
.jrsad-target {margin: 0 auto; text-align:center; align-content:center;}

.jrsad-grid ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	}
.jrsad-grid ul li {
	width: auto !important;
	min-height: 45px;
	min-width: 288px;
	padding: 2px 4px !important;
	}

.jrsad-leaderboard {
	min-height: 81px;
	min-width: 655px;
	}

.jrsad-square {
	min-height: 225px;
	min-width: 270px;
	padding-top: 6px;
	}

/* TABLES */
table td, table th {
    padding: inherit;
    line-height: inherit;
    vertical-align: inherit;
    border: inherit;
	}
table tbody tr:hover>td, table tbody tr:hover>th, table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: inherit;
	}


/* RSS FEEDS */
.jrs-feed .wpra-et-legacy .feed-item > a {
	font-weight: bold;
	}
.jrs-feed .wpra-et-legacy .feed-item {
    border: 1px solid #eaeaea;
    padding: 10px !important;
    box-shadow: 0px 0px 10px #ededed;
    margin-bottom: 15px;
	}
.jrs-feed .nav-links a {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid;
	}
@media only screen and (max-width:640px) {
	.jrs-feed .wpra-et-legacy .feed-item .thumbnail-excerpt img {
		display: none;
		}
	}
.wpra-grid-item__information {
    opacity: .9 !important;
}

/* STATION SCHEDULE TABLE */
.radio-station-user-clock, .master-program-user-hour, .master-program-hour br {display:none;}

#master-schedule-clock-wrapper,#master-program-schedule .master-program-day, #master-genre-list {font-size:1.1rem;}
#master-genre-list .genre-highlight:not(.highlighted) {padding: 2px;}
#master-genre-list .genre-highlight.highlighted {padding: 2px 4px;}

#master-program-schedule .master-program-day.current-day, #master-program-schedule .master-program-hour.current-hour, #master-program-schedule .show-info .master-show-entry.nowplaying {
	border: 1px solid #005104;
	background-color: #f2fff4;
	}

#master-program-schedule td div {
	font-size: 0.7rem !important;
	line-height: 1.2em;
	border-top: none !important;
	}

#master-program-schedule .master-program-hour div {
    padding-bottom: 0.1em !important;
	}

#master-program-schedule td .newshift {
	padding: 4px;
	} 

#master-program-schedule td .newshift:not(:last-of-type) {
	border-bottom: 1px solid #cccccc;
	} 

#master-program-schedule .show-wrap {
	min-height: 40px !important;
	} 
	
/* NOW PLAYING WIDGET */
.jrs-onair .nowplaying {
	display: flex;
	flex-direction: column;
 	align-items: center;
	text-align: center;
	width: 300px;
	max-width: 100%;
	padding: 5px 10px 10px;
	border: 1px solid #ddd;
	background-color: rgba(255,255,255,0.75);
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	}
.jrs-onair .nowplaying h5 {margin-bottom: 2px;}
.jrs-onair .nowplaying-song, .jrs-onair .nowplaying-artist {
	display: inline;
	font-size: 0.85rem;
	line-height: 1.2 !important;
	}

.jrs-onair .nowplaying-cover img {
	width: 100%;
	margin-top: 5px;
	max-width: 278px;
	}


/* SHOWS ON AIR WIDGET */
 .widget .on-air-list {
    padding-left: 0;
    list-style: none;
	}
.current-show-widget {
	display: flex;
	flex-direction: column;
 	align-items: center;
	text-align: center;
	width: 300px;
	max-width: 100%;
	padding: 5px 10px 10px;
	border: 1px solid #ddd;
	background-color: rgba(255,255,255,0.75);
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	}
.current-show-widget .current-show-avatar {
    margin: 0 auto;
	}
.current-show-widget .current-show-list .current-show-title {
    font-size: 1.1rem !important;
	}

/* SHOWS DETAIL */

#show-section-about, .show-jump-links {
	display: none;
	}
#show-content .show-info .show-times td {
	padding: 1px 6px 1px 0;
	}
#show-content  .show-info .show-genres, #show-content .show-phone, #show-content .show-info .show-times {
	font: 15px/20px 'Roboto',sans-serif !important; 
	margin-bottom: 5px;
	}
#show-content .show-sections {
    clear: both;
	}
#show-content.top-blocks .show-info {
    float: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
	}
#show-content .show-block.show-images {
	width: 200px;
	height: auto;
	padding: 0;
	margin: 0;
	order: 4;
	}
#show-content .show-info .show-avatar {
	margin-right:0 !important;
	}
#show-content .show-block.show-meta, #show-content .show-block.show-times {
	min-width:30% !important;
	max-width: 48% !important;
	border-left: 1px solid var( --e-global-color-ba8fe78 ) !important;
	padding: 0.25rem 1rem !important;
	margin: 0 0.25rem !important;
	}
@media only screen and (max-width:767px) {
	#show-content .show-block.show-images {
		display: none !important;
		}
	}

/* NEW EVENTS */

.em {
    --default-color: #333;
    --meta-color: #333;
    --main-h3-color: #333;
}

.em.em-calendar {
    --nav-color: #333;
    --event-border-color: #ccc;
    --event-color: #fff;
    --header-color: #333;
    --date-color: #333;
    --date-today-background: #333;
}

.em-cal-event {
	--event-border-color: #ddd !important;
	--event-color: #000 !important;
	font-family:Roboto;
}

.em.em-list {
	--default-border: var( --e-global-color-primary );
}

.em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date a:hover {
	color: #fff !important;
	background-color:var(--date-color) !important;
}

.em.em-calendar .em-cal-body .em-cal-day.eventful-post .em-cal-day-date, .em.em-calendar .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date, .em.em-calendar .em-cal-body .em-cal-day.eventless-post .em-cal-day-date, .em.em-calendar .em-cal-body .em-cal-day.eventless-pre .em-cal-day-date {
    opacity: 80% !important;
}

.elementor-button.event-button {
	padding: 8px 10px;
	margin-right: 5px;
	font-size: 0.9rem;
	border: 1px solid #000;
	color: #000;
	background-color: #fff;
	max-width: 100%;
}

.elementor-button.event-button:hover {
	color:#ffffff !important;
	background-color: var( --e-global-color-primary )!important;
	border-color: var( --e-global-color-primary );
}

.em.em-list .em-item {
    grid-template-columns: minmax(0,1fr) 3fr;
	padding: 20px 0;
}

.em.em-calendar .em-cal-nav .month input[type=text] {
    border: 1px solid #ccc !important;
    min-width: min-content;
}

.em.em-calendar .em-cal-body {
    grid-template-rows: inherit;
}


/* POPOUT MENU FIXES */

body .uael-offcanvas-content  {
	margin-top:25px !important;
}

body .uael-offcanvas-content  .uael-offcanvas-text {
	z-index:99;
}

body .uael-offcanvas-close-icon-wrapper {
	z-index:999;
}