/*
Theme Name: APA Utah
Theme URI: http://apautah.org
Description: Trade association for Planners in Utah
Author: Serfwerks 2024
Author URI: http://www.serfwerks.com
Version: 0.1
Tags: serfwerks

 
*/

/*** GLOBAL : GENERAL STYLE DEFAULTS ***/
html
{
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}
body
{
	background: #fff;
	margin: 0;
	
}
body, input, textarea
{
	color: #2b74b3; 
	font-family: "futura-pt",sans-serif !important;line-height: 1.5;
	font-weight:400;
	font-size: 20px !important;
	
}
p {
	font-family: 'futura-pt', arial, san-serif !important;
	font-size: 20px !important;
	color:#333;
}
h1, h2, h3, h4, h5, h6
{ 
	clear: both;
	font-weight:300;
	font-family: "futura-pt",sans-serif;}
hr
{
	background-color: #999;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
pre
{
	font: 11px Monaco, monospace;
	line-height: 1.5;
	margin-bottom: 1.5em;
}
code
{
	font: 11px Monaco, monospace;
}
p
{
	margin: 4px 0 12px 0;
}
a
{
	color: #2b74b3;
}
a:hover
{
	color: #80bc00;
	-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
a:visited
{
	color: #2b74b3;
}
.ElementsApp>* {
    max-width: 350px !important;
}


/*** PAGE LAYOUT ***/

/* Styles that affect the entire layout of the page */
div#container
{
	margin: 0;
}
div#content
{
	
}
a.presentation-download {background:rgba(43,116,179,.75);padding:5%;color:white;font-size:.75em;border-radius:8px;margin-top:20px;text-transform: uppercase;
letter-spacing:4px;}
a.presentation-download i {font-size:1.25em}
a.presentation-download:hover {text-decoration: none;background:white;border:1px solid rgba(43,116,178,.75);color:rgba(43,116,178,.75);transition: 0.5s}
h4.presenter-name {font-size: .75em !important;color:#666 !important;text-transform: uppercase;letter-spacing: 3px;line-height: 1.5em;}
h3 a.presentation {font-size:.75em !important; color:rgb(158, 165, 23) !important;text-transform: uppercase !important;letter-spacing: 4px !important;}
div.presentation_box {padding:5%;text-align:left;background:#ffffff;border:1px solid rgba(43,116,178,.75);border-radius: 5px;}
/*** HEADER : MENU ***/

/* To see a menu in your header, you'll need to first add one in WordPress Admin */
a.mega-menu-link {
	
	font-family: 'futura-pt', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
	text-transform: uppercase !important;
	font-size:18px !important;
	letter-spacing: 2px !important;
line-height: 50px !important;
}
.menu ul
{
    list-style: none;
    margin: 2.5% 0;
	-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
ul.menu {
	-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
-moz-margin-start: 0px;
-moz-margin-end: 0px;
-moz-padding-start: 0px;
-moz-padding-end: 0px;
}
.menu ul ul
{
    display: none;
}
.menu li
{
    display: block;
    float: left;
	padding: 0;
	width:100%;
	text-align:center;
	margin:2.5% 0;
}
.menu-item
{
	
}
.menu li a {
font-family: "futura-pt",sans-serif;
color:#2b74b3;
font-size:1em;
	font-weight: 500;
text-transform:uppercase;
	letter-spacing: 4px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;	
}
.menu li a:hover {
text-decoration:none;
color:#80bc00;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;	
}
.menu-item a
{
	font-size: 30px;
	text-decoration: none;
	color: #3eaf00;
}
.menu-item a:hover
{
	color: #5d8a05;
	-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
h1.home-hdr-1 {
	color:white !important;
	text-transform: uppercase;
	font-family: "futura-pt";
	letter-spacing: 4px;
}
p.home-hdr-p {
	font-family: "futura-pt";
	text-transform: uppercase;
	color: white;
	font-size: 1.25rem !important;
letter-spacing: 2px;
}

a.join, button.join {
	background:rgba(43, 116, 179, 0.75);
	color:white !important;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 4px;
	padding:15px 30px;
	text-decoration: none;
	font-size:20px;
	border-radius: 5px;
}

a.join:hover, button.join:hover {
	color:#80bc00;
	text-decoration: none;
	
}

a.white-join {
	color:white !important;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 4px;
	padding:15px 30px;
	text-decoration: none;
	font-size:20px;
	border-radius: 5px;
	border:1px solid white;
}

a.white-join:hover {
	color:#730905;
	text-decoration: none;
	background:white;
	transition: 2s;
	
}
.login h1 a {
	background-image: none,url(/wp-content/uploads/2019/11/utah-apa-logo.png) !important;
	max-width: 200px;
}
a:hover {text-decoration: none;}

/*** HEADER : OTHER ***/

a.blue_btn {background: #2b74b3;
padding: 10px 20px;
color: white;
border-radius: 5px;
text-transform: uppercase;
letter-spacing: 3px;
font-size: .75em;
letter-spacing: 3px;
	font-weight: 700;
}
.job_filters .search_jobs input {width:auto;}
.job_filters .search_jobs input #search_keywords {width:100%;}
.job-manager-form > label {
	text-transform: uppercase;
	font-size:1em;
	letter-spacing: 3px;
	font-weight: 700;
	color: rgb(43, 116, 179);
}

/*** CONTENT : POSTS AND PAGES ***/

/* Entry and Page Titles */

h1 {
	color: unset;
}
h1.entry-title
{color:rgb(0,102,0);
	
}
h2.entry-title
{
	
}
h2.entry-title a
{
	
}
h1.page-title
{
	
}
h1 {
	font-family: "futura-pt",  Arial, sans-serif !important;
	font-size:2em !important;
	text-transform: uppercase;
	letter-spacing: 5px;
	color:#730905 !important;
	
	font-weight: 400 !important;
}
h2 {
	
text-transform: uppercase !important;
	color:#2B74B3 !important;
	letter-spacing: 3px;
	font-size:1.5em !important;
	font-weight: 400 !important;
}
/* Media Alignment */
.alignright
{
	/* Style for right-aligned images in posts */
	padding: 8px 0 8px 8px;
	float: right;
}
.alignleft
{
	/* Style for left-aligned images in posts */
	padding: 8px 8px 8px 0;
	float: left;
}

/* Entry Content */
.entry-content
{
	/* Style that affects actual entry/post content */
}
.entry-content a
{
	
}
.entry-content a:hover
{
	
}
.entry-content h1, h2, h3, h4, h5
{
	
}
.entry-content ol li
{
	
}

.entry-utility
{
	/* Style for the entry utility, which sits below a post and provides info like categories, tags, feeds, and an edit link (for authors) */
}
.entry-meta
{
	/* Style for the entry metadata (author, etc.) */
}
.skip-link
{
	/* Style for the skip link */
	/*position: absolute;
	left: -9000px;*/
}
.navigation
{
	/* Style for the navigation links (next/previous post) on a given post */
}


/*** CONTENT : COMMENTS ***/

div#comments
{
	/* Style that affects the DIV containing all the comments */
}
.comments h3
{
	/* H3 header style for comments */
}
.comments ol
{
	/* Comments are displayed as ordered lists by default, so you want to style that list so it looks the way you want */
}
.comments ol li
{
	/* Style each list item in the comments ordered list */
}
.comments img
{
	/* Style for the user avatar beside each comment */
	float: left;
	margin: 0 12px 8px 0;
}
.comments .comment
{
	/* Style that applies to each individual comment in a series of comments */
}

.children ul li
{
	/* A style that refers to the children (as in, responses to) any given comment */
}

.comment-reply-link
{
	/* Style for the "Reply" link on a comment */
}
.comment-meta
{
	/* Style for metadata for a comment */
}
div#respond
{
	/* DIV that contains the comment response form */
}
div#respond h3
{
	/* H3 header for the comment response form */
}


/*** CONTENT : SIDEBAR ***/
div#primary
{
	/* Primary Widget Area DIV */
}
div#secondary
{
	/* Secondary Widget Area DIV */
}
.widget-area
{
	/* Class that applies to BOTH widget areas */
}
.xoxo
{
	/* Class that applies to each item in each widget area (an unordered list class) */
}


/*** FOOTER ***/
div.footer
{
	background:#2B74B3;
	float: left;
	clear: both;
	font-family:"futura-pt",  Arial, sans-serif;
	font-weight:300;
	color:#798079;
	width:100%;
}


/*** YOUR CSS ***/

.row {
	margin-left:0 !important;
	margin-right:0 !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
/*padding:0 !important;	*/
	
}
.left_nav_bar {
	position:fixed;
	z-index:999;
	width:250px;
	background:white;
	left:0;
	height:100vh;
	
}
.left_nav_bar_top {
margin:0 0 2.5% 0;
width:100%;
padding:0;
position:relative;
top:2.5%;	
text-align:center;
}
.left_nav_bar_bottom { 
position:absolute;
bottom:10%;
width:100%;
padding:0;
text-align:center;
}
#main {
margin-left:250px;	
}
div.menu-top {
margin-top:25%;	
}
.hero_img {
position: relative;
height: 50vh;
min-height: 330px;
padding: 3% 5% 5% 5%;
background-color: #222;
background-size: cover !important;
background-repeat:no-repeat;
background-position: 50% 50%;
margin-bottom: 1%;
color: #ffffff;
}
.hero_img.secondary{
height:40vh;
	min-height: 300px !important;
}
.title_embed {
margin-left:5%;
font-family: "futura-pt",  Arial, sans-serif;
font-size:1em;
width:80%;
}
.title_embed p {
font-size:1em !important;	
font-weight:400;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size:24px;
}
.title_embed h1 {
font-family: "futura-pt",  Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 4px;
	
font-size:1.5em !important;	

}
.learn_more_btn {
padding:2% 6%;

max-width: 300px;
width: auto;
position: relative;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
border:1px solid #ffffff;
text-align:center;
display:inline-block;
font-family: "futura-pt",  Arial, sans-serif;
font-size:1em !important;
text-transform: uppercase;
	letter-spacing: 2px;
}
.learn_more_btn:hover{
background: #ffffff;
color: #558355;	
cursor:pointer;
}
.more_news_btn {
padding:10px 20px;
/*	font-size:1.5em !important;
font-size: 120%;*/
max-width: 350px;
width: 100%;
position: relative;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
border:1px solid #558355;
text-align:center;
display:inline-block;
font-family: "futura-pt",  Arial, sans-serif;

color:#558355;
margin:2.5% auto 5% auto;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.more_news_btn:hover{
background: #558355;
color: white;	
cursor:pointer;
}
a.more_news_btn:hover{
background: #558355;
color: white !important;	
}
.btn {
	display: inline-block;
/* [1] */
vertical-align: middle;
/* [2] */
white-space: nowrap;
/* [3] */
font-family: inherit;
/* [4] */
font-size: 100%;
/* [4] */
cursor: pointer;
/* [5] */
border: none;
/* [6] */
margin: 0;
/* [6] */
padding-top: 0;
/* [6] */
padding-bottom: 0;
/* [6] */
line-height: 3;
/* [7] */
padding-right: 1em;
/* [7] */
padding-left: 1em;}

.grey_bckgrnd {
background:#eceded;
padding:5% 0;	
}
div.sub_box {
position:absolute;
top:50%;
transform:translateY(-50%);	
width:90%;
margin:0 auto;
}
div.sub_box:hover {
cursor:pointer;	
}
div.sub_box h1 {
color:white;	
font-family: "futura-pt",  Arial, sans-serif; 
font-size:2.5em;
font-weight:300;
text-align:center;
}
h2.events_hdr {
color:#000000;
font-family: "futura-pt",  Arial, sans-serif; 
font-size:2em;
font-weight:300;
text-align:left;
}
a.secondary_event_title, a.secondary_event_title:visited, a.secondary_event_title:active  {
color:#798079;
	font-family: "futura-pt",  Arial, sans-serif; 
font-size:1.5em;
font-weight:300;
text-align:left;
}
a.secondary_event_title:hover {
color:#558355;
text-decoration:none;
}
a.secondary_news_title, a.secondary_news_title:visited, a.secondary_news_title:active  {
color:#558355;

	font-family: "futura-pt",  Arial, sans-serif; 
font-size:1.5em;
font-weight:300;
text-align:left;
}
a.secondary_news_title:hover {
color:#798079;
text-decoration:none;
}
a, a:visited, a:active  {
color:#2b74b3;

	font-family: "futura-pt",  Arial, sans-serif; 
font-weight:300;
text-align:left;
text-decoration:none;
}
a:hover {
color:#798079;
text-decoration:none;
}

.news_text {
color:#798079;	
font-family: "futura-pt",  Arial, sans-serif; 
font-size:1em;
}
h4.footer_h4 {
font-size:1.25em;
color:#798079;
font-family: "futura-pt",  Arial, sans-serif; 	
font-weight:300;
}
div.MediaCard-media {
display:none;	
}
.widget ul li {
color:#ffffff;
font-size:12px;
}
p.timeline-Tweet-text {
font-size:12px !important;
color:#798079 !important;
}
.sponsor_p {
font-size:1.25em;
color:#000000;
font-family: "futura-pt",  Arial, sans-serif; 	
font-weight:300;	
}
div.sponsor_p {
min-height:100px;
overflow:hidden;	
font-size:14px;
}
.sponsor_p h3 {
font-family: "futura-pt",  Arial, sans-serif; 	
font-weight:300;	
margin-top:10px;
margin-bottom:10px;
}
div.col-sm-6.upcoming_events:nth-child(1n+3) {
margin-top:5%	
}
div.row.clearfix.recent_news:nth-child(odd) {
margin:5% 0;	
}
div.reg_btn {
	font-family: "futura-pt",  Arial, sans-serif;
	font-size:1.5em;
	text-transform:uppercase;
text-align:center;
padding:2.5% 5%;
color:white;
display:inline-block;
background:#2b74b3;
width:100%;	
}
div.reg_btn a {
color:white;
text-transform:uppercase;
font-weight:300;	
}

div.reg_btn a:hover {
text-decoration:none;	
}
div.reg_btn:hover {
background:#7E8186;
}
div.location_box {
background:#6E7677;
padding:5%;
color:white;	
font-family: "futura-pt",  Arial, sans-serif;
font-size:1em;
margin-top:5%;
}

div.location_box h2 {
font-size:1.25em;
font-weight:300;	
text-transform:uppercase !important;
	letter-spacing: 3px;
}
ul.ul_news_events {
list-style:none;	
-webkit-padding-start: 0px;
	margin-left:20px;
}
ul.ul_news_events li a {
text-decoration:none;
color:white;
font-size:16px;	
    letter-spacing: 0.5px;
}
ul.ul_news_events li a:hover {
color:#569099;}


.fw-img-responsive {
max-width: 100%;
height:auto;	
}
div.sponsorimg {
margin:0 auto;
border:1px solid #CCC;
background:white;
padding:2.5%;
overflow:hidden;	
border-radius:4px;
height:300px; 
text-align:center;
/*display:table-cell;
vertical-align:middle;*/
margin:2.5%;
}
div.sponsorimg img {
width:auto;
height:auto;
max-width:90%;
max-height:90%;	
 object-fit: cover;

}
.platinum {
width:100%;
	
}
.gold {
width:100%;	
min-width:300px;
}
div.sponsorimg.bronze {
height:200px;
}
.lg-info h4, .lg-info h3, .lg-info h2
{ text-transform:none !important; 
 font-weight: 300 !important;
 font-size: 1.5em !important; 
 line-height: normal;  
 /* max-height: 40px;  */
/* overflow: hidden; */}

p.sponsor_footer {
font-size:10px;
padding:2.5% 0;
text-align:center;	
}
.footer-logo {
padding:2.5% !important;position:relative;text-align:left;position:relative;	
}
.footer-social {
text-align:left;padding-top:5%;	
}
#mobile_nav {
display:none;	
}
.navbar .in .nav li {
   display: block;
   float: none;
   width:100%;
}
.index_news {
padding-left:5% !important;	
}
.hero_img {
min-height:320px !important;
}

@media only screen and (max-width: 800px) {
.left_nav_bar {
display:none;	
}
#mobile_nav {
display:block;	
}
#main {
margin-left:0;	
}
.footer-logo {
padding:2.5%;position:relative;text-align:center;position:relative;	
}
.footer-social {
text-align:center;padding-top:5%;	
}
    
.footer-social a i {
font-size:24px;	
}    
    
.navbar, .navbar-inverse {
	border-radius: 0;
	border: none;
	margin-bottom: 0;
	min-height: 80px;
}

.nav li {
	display: inline;
	color: white;
}

.index_news {
padding-left:0 !important;
padding-top:5%;	
}

.navbar-inverse .navbar-nav > li > a {
	color: #ffffff;
	font-family: "futura-pt",sans-serif;font-size: 1.7em;
	font-weight: 300;
	padding: 30px 25px 33px 25px;
}

.navbar-inverse .navbar-nav li a:hover {
	background-color: #444444;
	transition: 0.7s all linear;
	height: 100%;
}
.menu li a {
color:white !important;	
}
.menu li {
width:auto;	
padding:0 2.5%;
}
.mobile_logo {
max-height:50px;	
}
.hero_img.secondary {
height:50vh;	
}
.title_embed h1 {
font-size:2.75em;	
}
.title_embed {
width:90%;

}
.learn_more_btn {
padding: 2.5% 5%;
font-size: 120%;
max-width: 300px;
width: auto;	
}
}

@media only screen and (max-width: 600px) {
	
	.left_nav_bar {
display:none;	
}
#mobile_nav {
display:block;	
}
.mobile_logo {
max-height:30px;	
margin-top: 8px;
margin-left: 15px;
}	
.menu li {
width:100%;	
text-align:center;

padding:0 2.5%;
}
.menu li a {
color:white !important;	
font-size:20px;
}
h2.events_hdr {
padding-left:2.5%	
}
.index_news {
padding-top:5%;
padding-left:0;	
}
.index_news {
padding-top:5%;
padding-left:0 !important;	
}
.title_embed{
bottom:inherit;
top:5%;	
}
}

@media only screen and (max-width: 374px) {
.title_embed h1 {
font-size:2em;	
}	
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

	.hero_img {
	hieght:100vh;	
	}
	
	
	}
	@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	.index_news {
padding-top:5%;
padding-left:0 !important;	
}
	}
	
	@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.index_news {
padding-top:5%;
padding-left:0 !important;	
}
}
.cl-external, .cl-info {
display:none !important;	
}
.lg-info p {
font-size:16px !important;
overflow:visible;
max-height:none;	
}
.sponsor_parent{
    -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.sponsor_child{ 
   position: relative;
  top: 50%;
	transform:translateY(-50%);}


ul.ee-event-datetimes-ul {display: block;
list-style-type: disc;
-webkit-margin-before:0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;}

.powered-by-event-espresso-credit, .display-tckt-slctr-tkt-details, .hide-tckt-slctr-tkt-details, .event-tickets br {display: none;}
.ee-event-datetimes-li strong, .tkt-slctr-tbl-wrap-dv strong {font-weight:400 !important;text-transform:uppercase;}
.tkt-slctr-tbl-wrap-dv, .tkt-slctr-tbl-wrap-dv strong, .tckt-slctr-tbl-td-price {font-size:18px;text-transform: none;}
.tckt-slctr-tbl-tr td {padding:1.5%}
.ee-event-datetimes-li  strong {font-size:18px;}
.ee-clearfix .ee-event-datetimes-li {width:100% !important;}
.event-venues-h3 {color:rgb(0, 102, 0);}
input.ticket-selector-submit-btn, .event_index_btn, input.spco-next-step-btn {background:rgb(0,102,0);color:white;text-transform:uppercase;font-weight:400;padding: 10px 20px;
border: none;}
.ticket-selector-submit-btn, .ticket-selector-submit-btn-wrap {float:left !important}
.espresso-venue-dv strong {font-weight: 400 !important;}
div.espresso-venue-dv {padding:2.5% 0;
border-top:1px solid rgb(0,102,0);

margin:10% 0;
}

a.event_name {color:rgb(0,102,0);font-size:1.75em;text-transform: uppercase;letter-spacing: 3px;}
.register_btn, #ee-stripe-button-btn {margin:5% 0;padding:1.5% 3%;background:rgb(0,102,0);border-radius:5px;color:white !important;text-transform:uppercase;}
#ee-stripe-button-btn {float:left !important;}
div.row.upcoming_events_row.archive_event_row:not(:last-child){border-bottom:1px solid rgb(0,102,0);padding-bottom:2.5%;margin-bottom:2.5%;}
H2.spco-steps-big-hdr {color:rgb(0,102,0) !important;}
span.spco-step-big-nmbr, .spco-step-name, .spco-step-arrow-dv {font-size:18px; color:rgb(0,102,0)}
#spco-steps-display-dv {border-color: rgb(0,102,0)!important;}
.spco-step-display-dv {text-align: left !important;}
h4.big-event-title-hdr {font-size:24px;color:rgb(0,102,0);font-weight: 400;}
.ee-reg-qstn {margin:10px 0;}
label.ee-reg-qstn {font-weight: 400;}
h4.ee-reg-form-qstn-grp-title, h4#method-of-payment-hdr, h4#reg-page-totals-hdr .drk-grey-text {color:rgb(0,102,0);font-size:20px;}
.ee-reg-form-attendee-dv {border:1px solid rgb(0,102,0)!important; background: rgba(0, 102, 0, .10)}
.spco-attendee-lgnd.smaller-text {font-size:1em; font-weight: 400;text-transform:uppercase;}
.spco-whats-next-buttons {text-align: left !important;}
table#spco-payment-info-table td {padding:1.5%;}
.event-content img {max-width: 100% !important;}

img.nav-logo {max-width:80% !important;}
html {margin-top:0 !important}
div.date {color:rgba(132,35,6, 0.65);font-family:"futura-pt", arial, sans-serif;font-size:14px;font-weight:600;text-align:left;letter-spacing:2px;text-transform:uppercase;}
div.news-headline {font-family: 'futura-pt', arial, san-serif;font-wieght:600;letter-spacing:2px;font-size:20px; text-transform:uppercase;}
div.news-text p{letter-spacing: normal;color:#686865;text-transform: none;font-size:18px;text-align:left;padding-top:2.5%;}
div.news-text {width:100%;}
.news-headline a {font-family: 'futura-pt', arial, san-serif;font-wieght:600;letter-spacing:2px;font-size:.85em; text-transform:uppercase;text-decoration:none;}
.news-headline a:hover{color:#80bc00;text-decoration:none;}
.subtext {font-family: 'futura-pt', Arial, sans-serif;font-size:.75em !important;color:#9EA517 !important;text-transform:uppercase;letter-spacing:2px;}

.news-h1 {color: white !important;font-size:3em !important;}
.title_embed h1 {color:white !important;}
a.news-headline {
	font-family: 'futura-pt', Gotham, Arial, sans-serif;
	text-transform: upprecase;
	color:#2b74b3;
	letter-spacing: 1px;
	font-size:1.15em;
	font-weight: 500;
}
.home-hero {padding:0% !important;
background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
color:white !important;
	height: 50vh;
	min-height: 500px;
	
}
h1.hdr-h1 {
	font-family:"futura-pt", arial, sans-serif;font-weight:600 !important;text-align:center;letter-spacing:6px;text-transform:uppercase;
	font-size:3em !important;color: white !important;padding-top:5% !important;
}
h2.hero-text {
	font-size: 1.25em !important;
	font-family:"futura-pt", arial, sans-serif;font-weight:400 !important;text-align:center;text-transform:uppercase;letter-spacing: 2px;
	padding-top:5%;
}

.home-hero .jumbotron {background-color:transparent !important;}
a.hero-btn {color:white !important;padding:20px 30px;text-transform: uppercase;font-size:1em;font-weight: 600;letter-spacing:0.25em;border:1px solid white;border-radius:5px;}
a.hero-btn:hover {background:white;color:#2b74b3 !important;text-decoration: none;}
.white-p {font-family:"futura-pt", arial, sans-serif;text-transform:uppercase;color:white;letter-spacing:1px;font-weight:400;font-size:1.5em;}
.white-h2 {font-family:"futura-pt", arial, sans-serif;color:white !important;text-transform:uppercase !important;letter-spacing:2px;font-weight:400;font-size:3em !important;}
.about-APAUtah-area {background-size:cover !important;background-repeat: no-repeat;background-position: 25% center;padding:10% 5%;}
.bio-feature {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
padding:5% !important;
background: rgb(115, 9, 5, 0.6); 


}
.featured-news {
	background-size: cover !important;
background-repeat: no-repeat;
background-position: 50% 50%;
color: #ffffff;
padding:5%;
	min-height: 325px;
	height: 30vh;
}
@media only screen and (min-width: 800px) {
.feat-img-container:first-of-type {
	padding:2.5% 1.25% 2.5% 0
}

.feat-img-container:nth-of-type(2){
	padding:2.5% 0 2.5% 1.25%
}
}
@media only screen and (max-width: 799px) {
.feat-img-container {
	padding:2.5%;
}
.home-hero {padding:10% 5% 5% 5% !important;
background-size: cover !important;
	background-position: center bottom !important;
	background-repeat: no-repeat !important;
color:white !important;
	height: auto;
	min-height:83vh;
	
}
	.home-hero .jumbotron {background-color:transparent !important;}
a.hero-btn {color:white !important;padding:10px 20px;text-transform: uppercase;font-size:.75em;font-weight: 600;letter-spacing:0.15em;border:1px solid white;border-radius:5px;}
a.hero-btn:hover {background:white;color:#2b74b3 !important;text-decoration: none;}
.white-p {font-family:"futura-pt", arial, sans-serif;text-transform:uppercase;color:white;letter-spacing:1px;font-weight:400;font-size:.75em;}
.white-h2 {font-family:"futura-pt", arial, sans-serif;color:white !important;text-transform:uppercase !important;letter-spacing:2px;font-weight:400;font-size:2em !important;}


}
h2.team-member-name, h5.modal-title {color:#2b74b3;
font-size:0.85em !important;
	text-transform: uppercase !important;
	font-family: 'futura-pt', arial, san-serif !important;
	letter-spacing: 3px;
	font-weight: 600 !important;
	padding-top:5%;
}
h3.team-member-title {
	color:#666;
font-size:.75em !important;
	text-transform: uppercase !important;
	font-family: 'futura-pt', arial, san-serif !important;
	font-weight: 400;
	letter-spacing: 3px;
}
div.bio-photo {
 width: 300px;
	border-radius: 50%;
	max-width: 100%;
	background-size:cover !important;background-position:center;background-repeat: no-repeat;
}
img.bio-photo {
	border-radius: 50%;
border: 1px solid #DBDBDB;
	
height: auto;
	width: 300px;
	max-width: 100%;
}
.team-member {
	color: #fff;
margin:10px 5px;
display: inline-block;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.team-member.email {
	
	background: #f26639;
}
.team-member.phone {
	
	background: #80BC00;
}
.team-member.linkedin {
	
	background: #0077B5;
}
.team-member.url {
	
	background:#ffa94d;
}
.team-member.bio {
	
	background:#EE82EE;
}
.team-member.facebook {
	
	background:#4267b2;
}
.team-member.twitter {
	background:#1da1f2;
}
.team-member.instagram {
	background:#cf156a;
}
.team-member img {
	max-width: 90%;
	height: auto;
}
.team-member i {
	position:relative;
    top:50%;
    transform: translateY(-50%);
}
.col-md-3.team {
	padding:2.5%;
}
.mission-box {
	background:#2b74b3;
	color:white;
	padding:5% !important;
	border-radius:6px;
	font-size:20px;
}
.mission-box h3 {
	text-align: center;
	color:white;
	font-size:1.75em;
	text-transform: uppercase !important;
	font-family: 'futura-pt', arial, san-serif !important;
	letter-spacing: 2px;
	font-weight: 600 !important;
}
.mission-box p {
	color:white;
}
.mission-text {
	background:white;
	padding:10% 5% !important;
	margin-top: auto;
margin-bottom: auto;
	min-height: 300px;
	font-size: 20px;
	
}
.mission-text h3 {
	font-size:2em !important;
	text-transform: uppercase !important;
	letter-spacing: 3px;
	font-weight: 600 !important;
	text-align: center;
	color:#f26639;
}
.mission-text i {
	color:#f26639;
}
.mission-pix {
	/*background: url(/wp-content/uploads/2018/08/salt-lake-life-sciences.jpg)*/;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
		
	min-height: 300px;
}

div.bio-photo {
	width:300px;
	height: 300px;
	background-size:cover;
	border-radius:50%;
	
	
}
div.team-member a {
	color:white !important;
}
div.team-member a > .fa, div.team-member a > .fab, div.team-member a > .fas, div.team-member a > .far, i.far {  transition: font-size 0.35s ease;   }
div.team-member a:hover > .fa, div.team-member a:hover > .fab, div.team-member a:hover > .fas, div.team-member a:hover > .far, i.far:hover {  font-size:1.25em;   }
html [type="button"]  {-webkit-appearance:none !important;cursor:pointer;}
.modal-body p {
	text-align: left;
}
.committee-title {
padding: 10% 5% !important;
margin-top: auto;
margin-bottom: auto;
}
.committee-title h1 {
font-size:2em !important;
	color:white !important;
	text-transform: uppercase;
	letter-spacing:2px;
}
.member-level {
	background:rgba(0,114,152,0.85);
	color:white !important;
	border-radius: 5px;
	padding: 5%;
}
.member-level p {
	color: white;
}
.member-level h2 {
	color: white !important;
	font-size:2em;
	letter-spacing: 2px;
	text-transform: uppercase !important;
	font-weight: 600;
	letter-spacing: 3px;
	text-align: center;

}
.member-level  a {
	color:white !important;
	font-size:3em !important;
}
.member-level-pic {
	background-size:cover;
	background-position: center;
	display: table-cell;
  vertical-align: middle;
}

.two-columns {
	-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 40px;
column-gap: 40px;
-moz-column-gap: 40px;
}
.two-columns li {
	color: white;
}
.two-columns li:before {
  content: "\f0fe"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.child-member-benis {
	padding:10% 5%;
}
.child-member-benis h2 {
	text-transform: uppercase !important;
	font-weight: 600 !important;
	font-size:1.25em !important;
	letter-spacing: 3px;
}
.child-member-benis ul li {
	color:white;
}
i.fa {
  display: inline-block;
  border-radius: 60px;
 /* box-shadow: 0px 0px 2px #888;
  padding: 0.5em 0.6em;
*/
}
img.legacy_sponsor_img {width:200px;height:200px;max-width:100%;margin:10px;}
img.platinum_sponsor_img {width:150px;height:150px;max-width:100%;margin:10px;}
img.gold_sponsor_img {width:100px;height:100px;max-width:100%;margin:10px;}
img.silver_sponsor_img {width:100px;height:100px;max-width:100%;margin:10px;}
img.bronze_sponsor_img {width:100px;height:100px;max-width:100%;margin:10px;}
.footer p {color:white;text-transform: uppercase;font-size:14px !important;letter-spacing:3px;}
.footer a {color:white; text-decoration:none;}
.footer_h4 {text-transform:uppercase;color:white !important; letter-spacing:2px;font-size:1em;}
img.partner-image {max-width: 150px;}
h3.partner {color:#2b74b3;text-transform:uppercase !important;font-size:1.25em !important;}
blockquote {background:rgba(0,114,152,0.5);padding:5%;color:white;font-size:1em;border-radius: 5px;}
blockquote p {color: #ffffff !important;
font-size: 1em;}
td.td-hdr {background:rgba(0,114,152,0.7);color:white;text-transform:uppercase;}
td.td-even {background:rgba(0,0,0,0.15);}
.partner-div {background:#ffffff;border-radius:5px;padding:2.5%;text-align: center;min-height: 180px;}
.partner-div img {max-width:80%;height:150px;    position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);}
#mn-content h1 { text-transform:uppercase !important;letter-spacing:2px !important;}
h3.white-h3 {color:white;text-transform:uppercase !important;letter-spacing:2px !important;font-size:.75em !important; font-weight:700 !important;text-align:center !important;}
.join-items {color: #2b74b3;font-size:.75em !important;font-weight: 700 !important;letter-spacing: 2px !important;text-transform:uppercase !important;}
table, th, td {
  border: 1px solid white;
}
a.white-btn {
	border: 1px solid #ffffff; padding: 10px 20px; color: #ffffff; border-radius: 5px; text-transform: uppercase; letter-spacing: 3px; text-decoration: none;transition: 2s; 
}
a.white-btn:hover {
	background:white;
	color:rgb(158, 165, 23);
	text-decoration: none;
}
a.more_news_btn, a.more_news_btn:visited, a.more_news_btn:active {
	text-decoration: none;
	color:#558355 !important;
	text-align: center;
}
a.more_news_btn:hover { 
	color:white;
	text-decoration: none !important;
	transition: 2s;
}
.ee-ticket-selector-ticket-price-th {
    width:auto !important;
}
#spco-steps-display-dv {
padding:2.5% !important;    
}
#bbpress-forums {
background: transparent;
clear: both;
margin-bottom: 20px;
overflow: hidden;
font-size: 16px !important;
}
a.xoo-el-action-sc.button.btn.xoo-el-login-tgr {
	 background: rgba(43,116,179,.75);
    color: #fff!important;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 4px;
    padding: 15px 30px;
    text-decoration: none;
    font-size: 20px;
    border-radius: 5px
}
.ElementsApp {
    max-width: 250px !important;
}