/* 
Theme Name: Jax Radio Sales
Theme URI: https://jacksonville.radio
Description: Custom theme for Jax Radio Sales, based on Hello Elementor
Author: Siskey Productions
Author URI: https://siskeyproductions.com
Template: hello-elementor
Version: 3.1.2
Text Domain: jaxradiosales
*/

/* GLOBAL */

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
[type=button], [type=submit], button { border: inherit; }
.swiper-container-horizontal .swiper-button-next, .swiper-container-horizontal .swiper-button-prev { text-align:center; }

.whiteText, .whiteText p, .whiteText h1, .whiteText h2, .whiteText h3, .whiteText h4, .whiteText li, .whiteText a, .whiteText a:hover { color: #ffffff !important; }

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

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

/* 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;}
	
/* GRAVITY FORMS GENERAL STYLES */

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

.gform_wrapper.gravity-theme .gfield_label, 
.gform_wrapper.gravity-theme .ginput_complex label, 
.gform_wrapper.gravity-theme .field_description_above .gfield_description {
	margin-top: 2px; 
	margin-bottom: 4px;
	padding: 0;
}

.gform_wrapper.gravity-theme .gfield_label {
	color:  var( --e-global-color-primary );
}

.gform_wrapper.gravity-theme select {
	border-radius: 0;
	border-color: #333333;
}

/* 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 */

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;
	}
}

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

/* 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;
}

/* FORMS */
.gform_confirmation_wrapper {
	border: 1px solid #777777;
	background-color: #ffffff;
	color: #000000;
	padding: 10px 20px;
}

/* EVENTS */

.em-calendar td.eventful a, .em-calendar td.eventful-today a {
	color: var( --e-global-color-primary ) !important;
	}

.em-calendar td.eventful a:hover, .em-calendar td.eventful-today a:hover {
	color: var( --e-global-color-text ); 
	text-decoration: underline;
	}

.em-calendar tbody td, .em-calendar tbody td.eventful {
	width: 14%;
	min-width: 120px;
	padding: 5px;
	background-color: #ffffff !important;
	}

.em-calendar tbody tr:not(.days-names) td {
	min-height: 10vh;
	vertical-align: top;
	border: 1px solid #dddddd;
	border-collapse: collapse;
	}

.em-calendar thead tr td, .css-events-list .events-table thead tr th {
	vertical-align: middle;
	line-height: 1em;
	font-size: 1.3rem;
	text-decoration: none !important;
	height: 60px;
	}

.em-calendar thead>tr>td {
	text-align: center;
	}

.css-events-list .events-table thead>tr>th {
	text-align: left;
	}

.em-calendar .days-names, .css-events-list .events-table td a {
	font-weight: bold;
	}

.em-calendar ul, .em-calendar ul li {
	padding: 0;
	margin: 4px 0;
	line-height: 1.1em;
	list-style-type: none;
	font-size:0.8rem;
	}

.css-events-list .events-table tr td {padding: 5px;border:1px solid #eaeaea;}

.em-calendar tr:nth-child(odd) td {background: inherit;}

.em-calendar tr:hover td {background: inherit;}

td.eventless-pre, td.eventless-post {background: #eaeaea;}

@media only screen and (min-width:600px) {
.css-events-list .events-table .event-time {
    width: 260px !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.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:47%;
}

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

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

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

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