/*** LANDING PAGE ***/
html.coming-soon .coming-soon-logo {
    display: inline-block;
    margin-bottom: 2rem;
    width: 500px;
    border-radius: 25px;
}
#coming-soon-countdown, #coming-soon-countdown div span, .coming-soon-title { color: #fff; }

.bg-danger { display: none; }

/************/
/*** BASE ***/
/************/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 1.5rem; }
hr { margin: 1rem 0 !important; }

/*********************/
/*** TEMPLATE MODS ***/
/*********************/
#sp-logo { align-items: center; align-content: center; margin: auto; text-align: center; }
span.logo > a { color: #003757 !important; margin: 20px auto; font-size: 24px; font-weight: 700; }

#sp-header { 
    background: #1e416e; 
	height: auto; }
.sp-megamenu-parent { 
	float: none;
	text-align: center; 
	margin: auto;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	line-height: 65px; 
	color: #ffe089;
	font-size: .9rem;
	font-weight: 600;
        text-transform: uppercase;
	text-shadow: 1px 1px 2px #000;	
	line-height: 35px;
	letter-spacing: 0px;
	padding: 12px 20px; 
	transition: all 500ms;
	border-bottom: 3px solid transparent;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
	color: #f5f5aa;
	font-size: .9rem;
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #000;
	background: darkred;
	line-height: 35px;
	letter-spacing: 0px;
	transition: all 500ms;
	border-bottom: 3px solid #fff;
}
.sp-megamenu-parent>li:last-child>a { padding: 12px !important; }

.sp-megamenu-parent > li.active:hover > a {
	color: #ffda25;
	border-bottom: 3px solid #fff;	
}
.sp-megamenu-parent > li > a:hover {
	color: #ffda25;
	font-weight: 600;
        background: darkred;
	border-bottom: 3px solid #fff;
	transition: all 500ms;
}

.sp-megamenu-parent > li.sp-has-child:hover > a {
	color: #ffda25;
	font-weight: 600;
}

.burger-icon>span { 
	background-color: #fff; 
}

/**************/
/*** JOOMLA ***/
/**************/
.article-list .article {
    margin-bottom: 15px;
    padding: 20px 20px 0px 20px;
    border: 0px solid #f5f5f5;
    border-radius: 3px;
}

/*******************/
/*** Coming Soon ***/
/*******************/
.sp-megamenu-parent > li.comingsoon * .sp-menu-badge {
	display: none !important;
	height: 20px;
	line-height: 20px;
	padding: 0!important;
	font-size: 13px!important;
	letter-spacing: 1px;
	display: block;
	text-transform: uppercase;
	background: #d60000;
	color: #fff;
	border-radius: 3px;
}
.sp-megamenu-parent > li.comingsoon:hover * .sp-menu-badge {
	display: block !important;
	height: 30px;
	line-height: 30px;
	padding: 0px 8px;
	font-size: 10px;
	letter-spacing: 0px;
	text-transform: uppercase;
	background: #d60000;
	color: #fff;
	border-radius: 3px;
	width: 90%;
	position: absolute;
	top: 25px;
	left: 5%;
	right: 5%;
	z-index: 10001;
}
.sp-menu-badge-right {
	margin-left: 0 !important; 
	margin-right: 0 !important;
	margin-top: -10px;
	margin-bottom: -10px;
}

#sp-logo-header { 
	padding: 25px 0;
	background-image: url('../../../images/site-logo-header-bg.jpg');
      background: #fff;
	background-attachment: fixed;
	background-position: 50%;
	background-size: 50%;
      box-shadow: 5px 5px 10px rgba(0,0,0,0.35);
}
#sp-topbar { background: #1e416e; padding: 10px 20px; color: #fff5f5; }
a { color: #f5f5ff; transition: background-color 400ms; }
#sp-main-body a.altlink { color: #8d5620; }
#sp-top2 { text-align: right; }
.layout-boxed .body-innerwrapper { background: rgba(255,255,255,0.75) !important; }
#sp-main-body { padding: 0; }
#sp-main-body a {color:#333;}
#sp-header.header-sticky ~ section#sp-main-body { padding-top: 50px; }
#sp-component { background: rgba(255,255,255,0.90) !important; padding: 25px; text-align: center; }
#sp-footer { background: #1e416e; text-align: center; }

#sp-bottom { padding-top: 0; }
h3.sp-module-title { background: #1b3d6b; padding: 15px; text-align: center; text-transform: uppercase; color: #fff; }

body.ltr.offcanvs-position-right .offcanvas-menu { right: -300px; }
.offcanvas-menu { width: 300px; background-color: #fff; }
.offcanvas-menu * a { color: #333 !important; }
.logo-image-phone { height: auto !important; }
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span { color: #333 !important; }
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li.menu-deeper { display: none; }

/*******************************/
/*** INDIVIDUAL PAGE STYLING ***/
/*******************************/
.nashvillehome * h6 { font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; margin: 10px auto 25px; white-space: nowrap; letter-spacing: 0; color: #a33c95; }

/************************/
/*** Tables (Contact) ***/
/************************/
#contacts { width: 100%; }
#contacts>tbody>tr>td { width: 33%; vertical-align: top; }
table { text-align: left; margin: 25px auto; }
th.heading { background-color: #003757 !important; color: #fff !important; text-align: center; }
th.heading2 { background-color: #197872 !important; color: #fff !important; text-align: center; }

/********************/
/*** Page Styling ***/
/********************/
th.heading { background: #3e80a3; text-align: center; color: #fff; }

.date { display: block; color: #1c3e6b; font-size: 20px; font-weight: 600; margin: 10px auto; }
.time { color: #a33c95; font-weight: 600; margin-bottom: .5rem; font-size: 18px; }
.sessiontitle { color: #86191c; font-size: 18px; font-weight: 700; }
.speakertitle { font-size: 14px; color: darkorange; }
.workshops * p { text-align: left; }
.headshots > img { width: 100px; }

/*******************/
/*** BASE STYLES ***/
/*******************/
h2 { font-weight: 700; }
h4 { font-weight: 700; color: #d09a3e; }

img { margin: auto; }

.spacerlg { margin: 30px auto; }
.center { text-align: center; }
.aligncenter { display: grid; align-content: center; }

.bold { font-weight: 600; }
.smaller { font-size: 1.35rem; }

/*************/
/*** COLOR ***/
/*************/
.austorange { color: #e46b36; }
.cdblue { color: #1e3e6c; }
.nashred { color: #851a1d; }
.nashgold { color: #cd983b; }

/***************************************/
/*** POSITION SPECIAL CUSTOMIZATIONS ***/
/***************************************/
.sponsors-hdr { 
	display: block;
	text-align: center;
	background: rgba(255,255,255,.75);
	padding: 20px 25px; 
	height: auto;
	min-height: 150px;
}
.sponsors-hdr h4 {
	font-size: 1.15rem;
	font-weight: 600;
	color: #ed1b22;
}

/**************/
/*** SOCIAL ***/
/**************/
ul.social-icons { font-size: 20px; }

/*** EVENT COMPONENT ***/
.eb-page-title { 
	font-size: 1.15rem;
	font-weight: 700;
}

/*****************/
/*** WIDGETKIT ***/
/*****************/
.testimonials {	
	padding: 10px 5px;
	margin: 0px 15px;
	border-top: 1px solid silver;
}
.testimonials h3 { 
	font-size: .95rem;
	font-weight: 700; 
    color: #333 !important;
}
.testimonials * .uk-margin {
	font-size: .85rem;
	line-height: 1.15rem;
}
.testimonials * .uk-h4 {
	display: block; 
    color: #333
}
.testimonials p { color: #333; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/*******************************/
/*** FORM INPUT FIELD STYLES ***/
/*******************************/
.ba-form-field-item .ba-form-products-cart .ba-form-product-quantity-cell input, .ba-form-page-navigation-title, .upload-file-btn, .upload-file-input, .ba-field-container select, .ba-field-container textarea[readonly], .ba-field-container textarea, .ba-field-container input[type="text"], .ba-field-container input[type="number"], .ba-field-container input[type="password"], .ba-field-container input[type="email"]
{background-color:lightgray!important;color:#000!important; background:lightgray!important;}
.zmdi {color:#000!important;}
#sp-main-body a.ba-form-submit-btn { color: #fff; }


/*************************/
/*** BOOSTRAP OVERRIDES **/
/*************************/
.btn-info {color:#fff!important; background-color:#1e416e!important}
.btn-info:hover { background-color:#a33c95!important; transition: all 2s; }
.btn-primary, .sppb-btn-primary { background-color: red; }

/*************************/
/***    COMING SOON    ***/
/*************************/
.sp-megamenu-parent > li.comingsoon > a:hover > span::after { display: none; }

/*************************/
/***      FORM         ***/
/*************************/
label { font-weight: 700; }
.form-control-label { font-weight: 700; }
.form-row { display: flex; }

/*************************/
/*** MOBILE/RESPONSIVE ***/
/*************************/
@media only screen and (max-width: 1040px) {
  #sp-logo-header {
    padding: 25px 0;
    background-image: url(../../../images/site-logo-header-bg.jpg);
    background-position: 50%;
    background-size: cover;
}
@media only screen and (max-width: 767px) {
  body.ltr #offcanvas-toggler.offcanvas-toggler-right {float:none; margin: 8px auto; text-align: center!important; font-size:2em!important;}
  #sp-logo-header {background-image: none!important; background-color:#fff;}
  .fa-fa-bars {color:#fff!important;}
  .row {text-align:center!important;}
  .offcanvas-menu .offcanvas-inner .sp-module ul > li {line-height:3rem!important;}
  .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {font-size:1.5rem!iimportant}
  .offcanvas-menu a {color:#fff!important;}
  #offcanvas-toggler > .fa {color:#fff!important;}
  #sp-top2 {text-align:center!important;}
  #sp-position1 { margin: 25px auto; }
  #sp-position1 img { margin: 15px auto; }
  body.site {background-image:none!important;}
  .offcanvas-menu .offcanvas-inner .sp-module ul > li a {font-size:1.5rem!important;}
  #sp-header.header-sticky ~ section#sp-main-body {padding-top:0!important;}
  .spacerlg {margin: 0 auto!important;}
  .btn.btn-info {margin-bottom:30px!important;}
  .sponsors-hdr h4 {font-size:1.35rem;}
  .sponsors-hdr * img {width:60%;}
  #contacts>tbody>tr>td { width: 100%; display: block; vertical-align: top; !important; }
  tbody>tr>td { width: 100%; display: block; vertical-align: top; !important; text-align: center !important; }
  th.heading2 { display: none; }
  .workshops { margin-bottom: 35px; }
  }

@media only screen and (min-width: 576px) {
.modal-dialog {
    max-width: 600px !important;
    margin: 1.75rem auto; 
    }
} 