/*
Theme Name: Utah ASLA
Theme URI: utahasla.org
Description: Utah Chapter of the American Society for Landscape Architects
Author: Serfwerks
Author URI: http://www.serfwerks.com
Version: 0.1
Tags: serfwerks

 
*/

/*** GLOBAL : GENERAL STYLE DEFAULTS ***/
html
{
	margin: 0;
	padding: 0;
}
body
{
	background: #fff;
	margin: 0;
	
}
body, input, textarea
{
	color: #0d1b1c; 
	font-family:"industry",  Arial, sans-serif !important; 
	line-height: 1.5;
	font-weight:300;
}
h1, h2, h3, h4, h5, h6
{ 
	clear: both;
	font-weight:300;
	font-family:"industry",  Arial, sans-serif !important;  
}
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: #0a77e6;
}
a:hover
{
	color: #065c88;
	-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: #8b46d1;
}



/*** PAGE LAYOUT ***/

/* Styles that affect the entire layout of the page */
div#container
{
	margin: 0;
}
div#content
{
	
}


/*** HEADER : MENU ***/

/* To see a menu in your header, you'll need to first add one in WordPress Admin */
.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: "industry", sans-serif;
color:#0d1b1c;
font-size:18px;
text-transform:lowercase;
-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:#569099;
-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;
}



/*** HEADER : OTHER ***/



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

/* Entry and Page Titles */
h1.entry-title
{color:rgb(0,102,0);
	
}
h2.entry-title
{
	
}
h2.entry-title a
{
	
}
h1.page-title
{
	
}

/* 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:#0d1b1c;
	float: left;
	clear: both;
	font-family:"industry",  Arial, sans-serif;
	font-weight:300;
	color:#798079;
	width:100%;
}


/*** YOUR CSS ***/



.left_nav_bar {
	position:fixed;
	z-index:999;
	width:200px;
	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:20%;
width:100%;
padding:0;
text-align:center;
}
#main {
margin-left:200px;	
}
div.menu-top {
margin-top:25%;	
}
.hero_img {
position: relative;
height: 60vh;
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:30vh;	
}
.title_embed {
position:absolute;
bottom:5%;
margin-left:5%;
font-family: "industry",  Arial, sans-serif;
font-size:1em;
width:80%;
}
.title_embed p {
font-size:1.5em !important;	
font-weight:300;
}
.title_embed h1 {
font-family: "industry",  Arial, sans-serif;
font-size:3.5em;	
font-weight:300;
}
.learn_more_btn {
padding:1.5% 3%;
font-size: 120%;
max-width: 300px;
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 #ffffff;
text-align:center;
display:inline-block;
font-family: "industry",  Arial, sans-serif;
font-size:1.25em !important;

}
.learn_more_btn:hover{
background: #ffffff;
color: #558355;	
cursor:pointer;
}
.more_news_btn {
padding:1.5% 3%;
font-size: 120%;
max-width: 300px;
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: "industry",  Arial, sans-serif;
font-size:1.25em !important;
color:#558355;
margin-top:5%;
}
.more_news_btn:hover{
background: #558355;
color: white;	
cursor:pointer;
}
.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: "industry",  Arial, sans-serif; 
font-size:2.5em;
font-weight:300;
text-align:center;
}
h2.events_hdr {
color:#000000;
font-family: "industry",  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: "industry",  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: "industry",  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:#558355;

	font-family: "industry",  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: "industry",  Arial, sans-serif; 
font-size:1em;
}
h4.footer_h4 {
font-size:1.25em;
color:#798079;
font-family: "industry",  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: "industry",  Arial, sans-serif; 	
font-weight:300;	
}
div.sponsor_p {
min-height:100px;
overflow:hidden;	
font-size:14px;
}
.sponsor_p h3 {
font-family: "industry",  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: "industry",  Arial, sans-serif;
	font-size:1.5em;
	text-transform:uppercase;
text-align:center;
padding:2.5% 5%;
color:white;
display:inline-block;
background:#0d1b1c;
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: "industry",  Arial, sans-serif;
font-size:1em;
margin-top:5%;
}

div.location_box h2 {
font-size:1.25em;
font-weight:300;	
text-transform:uppercase;
text-decoration:underline;
}
ul.ul_news_events {
list-style:none;	
-webkit-padding-start: 0px;
}
ul.ul_news_events li a {
text-decoration:none;
color:white;
font-size:14px;	
}
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, h3, 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%;	
}
.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:"industry",  Arial, sans-serif !important; 
	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:14px;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:2em;}
.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;}
.board-member {width:100%;height:auto;}