/* ****************************************
Styles.css
Author: Atlas Enterprises MN
Date: 06/12/2016
**************************************** */

/* **************************************** GLOBAL ELEMENTS AND CLASSES **************************************** */
/***** Base *****/
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0; padding: 0; font-size: 13px; line-height: 1.8em; letter-spacing: 0.01em; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; color: #000; background: #fff;}

/***** Headers *****/
h1, h2, h3, h4, h5, h6 {margin: 0 0 12px 0; letter-spacing: 0.1em; line-height: 1.4em; font-family: "Playfair Display", "Times New Roman", Times, serif; font-weight: normal; text-transform: uppercase;}
.h1, .h2, .h3, .h4, .h5, .h6 {letter-spacing: 0.1em; line-height: 1.4em; font-family: "Playfair Display", "Times New Roman", Times, serif; font-weight: normal;}
h1, .h1 {font-size: 28px;}
h2, .h2 {font-size: 24px;}
h3, .h3 {font-size: 18px;}
h4, .h4 {font-size: 16px;}
h5, .h5 {font-size: 14px;}
h6, .h6 {font-size: 12px;}

.small {font-size: 10px;}
.large {font-size: 45px;}
.huge {font-size: 62px; line-height: 62px;}

/***** Global Classes *****/
input {border: 1px solid #aea391; color: #333; line-height: 30px; font-family: "Times New Roman", Times, serif; padding: 0 10px; height: 30px;}
input[type=checkbox], input[type=radio] {height: auto;}
input[type=submit] {color: #000; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; border: 1px solid #000; text-transform: uppercase; font-weight: 500;}
textarea {padding: 0 10px;}
.colMain input[type=text], .colMain select, .colMain textarea {display: block; width: 100%;}
label, .label, legend {font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: left; font-weight: normal; font-size: 12px; display: block; padding: 0; margin-bottom: 5px; border: none;}

a {text-decoration: none; color: #b9a238;}
a:hover {text-decoration: none; color: #b9a238; font-weight: bold;}
a:focus {text-decoration: none; color: #b9a238;}
a:active {color: #b9a238;}

img {max-width: 100%; height: auto;}

.accent {color: #b9a238;}

.floatLeftAlways {float: left;}
.floatRightAlways {float: right;}

.imgLeft {margin: 0 0 12px 0;}
.imgRight {margin: 0 0 12px 0;}
.clear  {clear: both;}
 
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}
.vertMid {vertical-align: middle;}
.vertTop {vertical-align: top;}
 
.breakword {word-wrap: break-word;}

.bold {font-weight :bold;}
.italic {font-style: italic;}
.normal {font-style: normal;}
.underline {border-bottom: 1px solid;}
.indent {text-indent: 25px;}
.nowrap {white-space: nowrap;}
.upper {text-transform: uppercase;}
.normalCase {text-transform: none;}

.nomargin {margin: 0!important;}  
.nopadding {padding: 0!important;}
.noborder {border: 0!important;}
.nobullet {list-style: none; list-style-image: none;}

.mobile-hide {display: none!important;}
.mobile-show {display: block!important;}

.mobile-tablet-hide {display: none!important;}
.mobile-tablet-show {display: block!important;}

.table td, .tablecell {padding: 10px;}

hr {margin: 0; padding: 0; border: 0; height: 1px; background: #aea391;}
hr.splitter {margin: 60px 0 40px 0;}
hr.splitter_short {margin: 20px 0 20px 0;}
hr.light {background: #eeebe0;}

.clearfix:after {clear: both;}
.clearfix:before, .clearfix:after {display: table; content: " ";}

.button, #wp-submit, #wp-submit1, #pmpro_levels .pmpro_btn {display: inline-block; padding: 0 55px; text-align: center; text-transform: uppercase; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; color: #000; background: #fff; border: 1px solid #000; line-height: 30px;}
.button:hover {color: #000;}
#pmpro_levels .pmpro_btn:hover {background-color: #b9a238; color: #fff;}

.section-label {margin-bottom: 60px;}
.section-label-short {margin-bottom: 30px;}

.breadcrumb {background-color: transparent; margin-top: 10px;}
.breadcrumb a {font-weight: bold;}

.fullWidth {width: 100%;}
.colHalfAlways {float: left; width: 49.9%;}

.spacer {height: 80px;}

.colHalf, .colThird, .colTwoThirds {width: 100%;}

.displayNone {display: none;}

.modal select {height: 30px;}

.screen-reader-text {display: none;}

.nav-links .page-numbers {margin-right: 10px;}

.video-container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Make Safari scrollbar show for overflows */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: rgba(57,57,57, .1);
    border-radius: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(156, 156, 156, .6);
}

/***** Loader *****/
.modal-loader {
	display: none; 
	position: absolute; 
	z-index: 2;
	top: 45%;
	left: 45%;	
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #b9a238;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite; 
	animation: spin 2s linear infinite;
}
#loader {
	display: none;
	position: fixed;
	z-index: 2;
	top: 40%;
	left: 50%;	
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #b9a238;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.overlay {
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.5); /* Black w/opacity */
    overflow: hidden; /* Disable scroll */
}

/***** Icons *****/
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}

/***** Containers *****/
.wrapper {width: 100%; max-width: 940px; margin: 0 auto;}
.inner-wrap {padding: 20px 2% 10px 2%;}
.content-wrap {padding: 20px 2% 10px 2%;}
.inner-sides-wrap {padding: 0 2%;}

/* **************************************** NAVIGATION **************************************** */
#homeNav {display: none;}
#homeNav ul {margin: 0; padding: 0;}
#homeNav ul li {position: relative; display: block; float: left; margin: 0; padding: 0; width: 20.5%; text-align: center; font-size: 16px; text-transform: uppercase;}
#homeNav ul li:nth-child(4) {width: 14%;}
#homeNav ul li:first-child {text-align: left; width: 14.5%;}
#homeNav ul li:last-child {text-align: right; width: 10%;}
#homeNav ul li a {color: #000; padding: 15px 0; display: block;}
#homeNav li span {position: absolute; top: 38px; left: 45%;}
#homeNav li .login span {left: 35%;}
#homeNav li:first-child span {left: 25%;}
#homeNav .active a {color: #b9a238;}
#homeNav .active span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 8px solid #b9a238;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

#homeNav .active span:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

#homeNavMobile {display: block;}
#homeNavMobile ul {margin: 0; padding: 0;}
#homeNavMobile ul li {position: relative; display: block; margin: 0; padding: 0;}
#homeNavMobile ul li a {display: block; white-space: nowrap; color: #000; font-size: 15px; text-align: center; line-height: 51px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase;}

#nav {position: relative;}
#nav .navDrop {
	display: none; 
	position: absolute;
	z-index: 997;
	background: #eeebe0;
	width: 100%;
	padding: 20px 2% 28px 2%;
}
#nav .navDropMenu {
	display: none; 
	position: absolute;
	z-index: 997;
	background: #eeebe0;
	width: 100%;
	padding: 20px 0 18px 0;
}

#mainNav ul {margin: 0; padding: 0;}
#mainNav ul li {position: relative; display: block; float: left; margin: 0; padding: 0;}
#mainNav ul li.menu {width: 79%;}
#mainNav ul li.login {width: 60px; text-indent: -2000px; background: url(images/nav-login.png) no-repeat center;}
#mainNav ul li.search {float: right; width: 55px; text-indent: 2000px; background: url(images/nav-search.png) no-repeat center;}
#mainNav ul li.login a, #mainNav ul li.search a {display: block; height: 51px;}
#mainNav ul li.login img, #mainNav ul li.search img {display: block; padding-top: 10px;}
#mainNav ul li.login:hover, #mainNav ul li.search:hover {background-color: #b9a238;}
#mainNav ul li.login:hover a, #mainNav ul li.search:hover a {color: #fff; font-weight: bold;}
#mainNav ul li.open {background-color: #b9a238; color: #fff; text-decoration: none; position: relative;}
#mainNav ul li.open span:after {
	content:'';
  position: absolute;
  top: 100%;
  left: 40%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #b9a238;
	z-index: 999;
}
ul#menu-main-nav {margin: 0; padding: 0;}
ul#menu-main-nav li {position: relative; display: block; float: left; margin: 0; padding: 0; width: 20%;}
ul#menu-main-nav li:hover {background-color: #b9a238;}
ul#menu-main-nav li:hover a {color: #fff; font-weight: bold;}
ul#menu-main-nav li a {display: block; white-space: nowrap; color: #000; font-size: 15px; text-align: center; line-height: 51px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase;}
ul#menu-main-nav li:hover ul li a {color: #000; font-weight: normal;}
ul#menu-main-nav li ul li a:hover {color: #000; font-weight: bold;}
ul#menu-main-nav li ul {
	display: none;
}
ul#menu-main-nav li:hover ul {
	display: block;
	position: absolute;
	z-index: 998;
	background: #eeebe0;
	width: 100%;
	padding: 15px 0;
}
ul#menu-main-nav li:hover ul:before {
	content:'';
  position: absolute;
  top: 0;
  left: 40%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #b9a238;
	z-index: 999;
}
ul#menu-main-nav li ul li {float: none; width: auto; padding: 0;}
ul#menu-main-nav li ul li:hover {background: none;}
ul#menu-main-nav li ul li a {white-space: normal; padding: 0 10px; text-transform: none; line-height: 40px;}
#mainNav hr {background: #b9a238;}
#mainNav .glyphicon {margin-left: 5px;}
#mainNav .arrow-right {color: #b9a238; display: inline-block;}
#mainNav .arrow-down {color: #fff; display: none;}
ul#menu-main-nav li:hover .arrow-right {display: none;}
ul#menu-main-nav li:hover .arrow-down {display: inline-block;}

#mobileMainNav ul {margin: 0; padding: 0;}
#mobileMainNav ul li {position: relative; display: block; float: left; margin: 0; padding: 0;}
#mobileMainNav ul li.login {width: 15%; text-indent: -2000px; background: url(images/nav-login.png) no-repeat center;}
#mobileMainNav ul li.search {float: right; width: 15%; text-indent: 2000px; overflow: hidden; background: url(images/nav-search.png) no-repeat center;}
#mobileMainNav ul li.menu {width: 40%; margin-left: 15%; margin-right: 15%;}
#mobileMainNav ul li a {display: block; white-space: nowrap; color: #000; font-size: 15px; text-align: center; line-height: 51px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase;}
#mobileMainNav ul li.login a, #mobileMainNav ul li.search a {height: 51px;}
#mobileMainNav ul li.login img, #mobileMainNav ul li.search img {display: block; padding-top: 10px;}
#mobileMainNav ul li.open {background-color: #b9a238; color: #fff; text-decoration: none; position: relative;}
#mobileMainNav ul li.open a {font-weight: bold; color: #fff;}
#mobileMainNav ul li.open span:after {
	content:'';
  position: absolute;
  top: 100%;
  left: 40%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #b9a238;
	z-index: 999;
}
.submenu {
	list-style-type: none; 
	margin: 0;
	padding: 0;
}
.submenu ul {margin: 0; padding: 0;}
.submenu li {display: block; padding: 0; width: 100%; text-align: center;}
.submenu li:hover {background: none;}
.submenu li a {color: #000; white-space: normal; padding: 0 10px; line-height: 40px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-size: 15px;}
.submenu li ul {background: #dddacd;}
.submenu .menu-item-has-children a {font-weight: bold;}
.submenu .menu-item-has-children ul li a {text-transform: none; font-weight: normal;}
.submenu .menu-item-has-children ul li a:hover {font-weight: bold;}
.submenu .glyphicon {margin-left: 5px;}
.submenu .arrow-down {color: #b9a238;}

#nav #loginform label {display: none;}
#nav #loginform .login-remember label {position: relative; display: block; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; padding-left: 20px;}
#nav #loginform p {float: left; margin-right: 2%; width: 27%;}
#nav #loginform p.login-remember {width: 21%; padding-top: 5px;}
#nav #loginform p.login-submit {margin-right: 0; width: 18%;}
#nav #loginform input {width: 100%; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase;}
#nav #loginform .login-remember input[type=checkbox] {width: auto; margin: 0; position: absolute; left: 0px; top: 4px;}
#nav #loginform input[type=submit] {background: #fff; color: #000;}
#nav #logout {font-family: "Proxima Nova", Arial, Helvetica, sans-serif;}
#mobileMainNav #loginform p {float: none; width: 100%; margin-right: 0;}

#searchform label {display: none;}
#searchform input {font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase;}
#searchform input[type=text] {width: 68%;}
#searchform input[type=submit] {background: #fff; color: #000; width: 30%;}

/* **************************************** CONTENT **************************************** */
/* Header */
.logo {
	text-align: center;
	padding: 22px 0 32px 0;
}

/* Slideshow & Hero */
.slideshow {position: relative; background: #f3f3f3; border-bottom: 1px solid #f3f3f3;}
.slideshow .slides {margin: 0; padding: 0;}
.slideshow .flex-direction-nav {display: none;}
.slideshow .flex-control-nav {
	position: absolute;
	bottom: 20px;
	left: 0;
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.slideshow .flex-control-nav li {display: inline-block; padding: 0 15px;}
.slideshow .flex-control-nav li a {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #000;
	-webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
	background: #fff;
	cursor: pointer;
}
.slideshow .flex-control-nav li a:hover, .slideshow .flex-control-nav li a.flex-active {border: 2px solid #000; background: #000;}
.slideshow .flex-nav-prev {position: relative; left: 2%;}
.slideshow .flex-nav-next {position: relative; right: 2%;}
/* Optional wrapper for slideshows that should show a piece of the prev/next slides */
.slideshow-outer-wrap {position: relative;}
.slideshow-wrap .slides li.flex-active-slide .slideImage, .slideshow-wrap .slides li.flex-active-slide .slideContent {text-align: center}
.slideshow-wrap .slides li .slideImage {margin-bottom: 40px;}
.custom-slideshow-nav {position: absolute; top: 100px; width: 100%;}
.custom-slideshow-nav .flex-nav-prev {position: relative; left: 0;}
.custom-slideshow-nav .flex-nav-next {position: relative; right: 0;}

#slideshow {font-size: 14px; line-height: 1.3em;}
#slideshow h2 {font-size: 40px;}
#slideshow .line-upper {display: block; width: 80%; margin: -10px auto 4px auto; border-bottom: 1px solid #b9a238;}
#slideshow .line-lower {display: block; width: 70%; margin: 0 auto 20px auto; border-bottom: 1px solid #b9a238;}
#slideshow .slides {margin: 0; padding: 0;}
#slideshow .slides li {display: none; list-style-type: none; background-repeat: no-repeat; background-position: center; background-size: cover;}
#hero {position: relative;}
#slideshow .slides li .slideContent
{
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+0,f3f3f3+50,ffffff+100&1+0,1+50,0+100 */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(243,243,243,1) 0%, rgba(243,243,243,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(243,243,243,1) 0%,rgba(243,243,243,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(243,243,243,1) 0%,rgba(243,243,243,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#hero .background img {width: 100%; height: 100%; object-fit: cover; min-height: 565px; opacity: 0.2;}
#slideshow .content {
	height: auto;
	min-height: 530px;
	width: 95%;
	margin: 0 auto 50px auto;
	left: 0;
	right: 0;	 
	text-align: center;
	background: transparent;
	padding: 40px 0 0 0;
	border-bottom: none;
}
#slideshow .welcome .content {padding-top: 90px;}
#slideshow .welcome h2 {margin-bottom: 0;}
#slideshow .welcome h3 {font-size: 20px;}
#slideshow .welcome .line-upper {margin-top: 10px;}
#slideshow .welcome .play-button {text-align: center; margin: 20px 0;}
#slideshow .content h2 {text-align: center; letter-spacing: normal;}
#slideshow .slideshow-tabs ul {margin: 0 0 20px 0; padding: 0;}
#slideshow .slideshow-tabs li, #slideshow .loggedInMenu li {display: block;}
#slideshow .loggedInMenu li:before {
	content: "+ ";
	margin-left: -10px;
}
#slideshow .slideshow-tabs .button {
	display: block;
	font-size: 11px;
	padding: 0 8px;
	margin: 10px 2% 0 0;
	white-space: nowrap;
}
#slideshow .slideshow-tabs li.ui-tabs-active .button {
	background: #000;
	color: #fff;
}
#slideshow .slideshow-tabs .tab-content ul {margin: 20px 0 0 0; padding: 0;}
#slideshow .slideshow-tabs .tab-content li {padding: 0 0 20px 12px;}
#slideshow .slideshow-tabs .tab-content li:before {
	content: "+";
	margin-left: -10px;
}
#slideshow .notice {display: block; color: #8b8273; font-size: 12px;}
#slideshow a:hover .notice {font-weight: normal;}
#slideshow .label-bar {background: #000000; color: #fff; text-transform: uppercase; font-size: 14px; line-height: 34px; padding: 0 10px; margin: 30px 0 20px 0;}
#slideshow .label-bar-faqs {margin-bottom: 0;}
#slideshow .faq td {border: 1px solid #d1d1d1; padding: 10px; text-align: left; vertical-align: top;}
#slideshow .faq td:first-child {width: 43%;}
#slideshow .faq .question {font-size: 16px; line-height: 1.3em;}
#slideshow .faq .answer {background: #fff; font-size: 13px;}
#slideshow .colPhone {margin-bottom: 20px;}
#slideshow .contact-icon {float: left; width: 40%; margin: 0 5% 0 0;}
#slideshow .contact-info {float: left; width: 55%; margin: 5px 0 0 0; line-height: 1.5em; font-size: 17px; text-align: left; word-wrap: break-word;}
#slideshow button.button {padding: 0 55px; text-align: center; text-transform: uppercase; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; color: #000; background: #fff; border: 1px solid #000; line-height: 30px;}
#slideshow .wpforms-submit-container {text-align: center;}
#slideshow .tml-action-links li {display: block; font-size: 13px;}
#slideshow label {font-weight: normal; font-size: 16px; line-height: 1.3; text-transform: none; padding: 10px 0;}
#slideshow input[type=text], #slideshow input[type=password] {width: 100%;}
#slideshow .tml input, #slideshow .tml textarea, #slideshow .tml select {margin: 0;}
#slideshow .tml label {font-size: 12px; text-transform: uppercase;}
#slideshow .loggedInPhoto {margin-bottom: 10px;}
#slideshow .loggedInMenu {margin-top: 30px; padding: 0 0 0 10px;}
#slideshow .loggedInMenu li {padding-bottom: 10px;}
#slideshow .subscribeButton {background-color: #b9a238; margin-bottom: 30px; padding-left: 0; padding-right: 0;}
#slideshow .subscribeButton a {color: #fff; display: block; padding-left: 10px; padding-right: 10px;}
#subscribe-tabs {display: block;}
#subscribe-table {display: none; font-size: 13px; margin-top: 20px;}
#subscribe-table a {display: block;}
#subscribe-table .h3 {letter-spacing: normal; font-size: 22px; margin: 0; display: block; padding: 20px 0 10px 0; color: #000;}
#subscribe-table a:hover .h3 {font-weight: bold;}
#subscribe-table th {font-weight: normal; text-transform: uppercase; background: #f3c0aa; width: 16%; text-align: center; border: 1px solid #f3c0aa; padding: 10px 0;}
#subscribe-table th:first-child {width: 20%;}
#subscribe-table td {text-align: center; padding: 10px 0.5%; border: 1px solid #d1d1d1; background: #fff;}
#subscribe-table td:first-child {text-align: left; background: #f3f3f3;}
#hero .content {position: absolute; top: 30%; left: 0; width: 100%; text-align: center; background: transparent!important; padding-bottom: 0!important; border-bottom: none!important;}
#slideshow .slides li .slideContent .content hr, #hero .content hr {background: #b9a238; margin: 0 auto;}
#slideshow .slides li .slideContent .content hr.upperLine {width: 23%; margin-bottom: 5px;}
#slideshow .slides li .slideContent .content hr.lowerLine {width: 18%; margin-bottom: 15px;}
#hero hr.upperLine {width: 53%; margin-bottom: 5px;}
#hero hr.lowerLine {width: 40%; margin-bottom: 15px;}
#hero .content .button {margin-top: 10px;}

/* About */
.tabs-strip {background-color: #f6f5ef;}
#about-tabs ul.tabs {margin: 1px 0 0 0; padding: 0;}
#about-tabs .tabs li {list-style-type: none; text-transform: uppercase; text-align: center; border-top: 12px solid #fff;}
#about-tabs .tabs li a {color: #231f20; display: block; line-height: 35px; background: #e0dcd3;}
#about-tabs .tabs li.current-menu-item a {background: #fff;}
#about-tabs .tabs li h2 {font-size: 15px; margin: 0; padding: 0;}
#about-tabs .section-label {margin-top: 75px;}
#about-tabs .section-label-short {margin-top: 20px;}
#about-tabs .quick-stats {margin: 40px 0 0 0; padding: 0;}
#about-tabs .quick-stats li {display: block; text-align: center; list-style-type: none; margin: 0; padding: 0 0 30px 0;}
#slideshow-customers .slides li {position: relative; border: 1px solid #aea391; min-height: 155px; text-align: center;} /* For vertical centering: position: relative; */
#slideshow-customers .slides li:before { /* For vertical centering */
  content: " ";
  display: inline-block;
  height: 100%;
  width: 1%;
  vertical-align: middle;
}
#slideshow-customers .slides li span {display: inline-block; vertical-align: middle;} /* For vertical centering */
#slideshow-customers .flex-viewport {
	width: 90%;
  margin: 0 auto;
}
#slideshow-customers .flex-nav-prev {left: 0;}
#slideshow-customers .flex-nav-next {right: 0;}
#connect .social {width: 100%; margin: 0 auto; padding: 0;}
#connect .social li {display: inline-block; list-style-type: none; width: 19%; text-align: center; margin: 0; padding: 0;}
#ourstory .colThird, #careers .colThird {padding-bottom: 15px;}
.opportunities .colThird {text-align: center;}
#contact input {width: 100%; max-width: 100%; margin-bottom: 20px;}
#contact .wpforms-field {clear: none;}
#contact textarea {width: 100%; height: 100px; margin-bottom: 20px;}
#contact .wpforms-submit-container {text-align: center;}

ul.picture-grid {margin-bottom: 40px; padding: 0;}
.picture-grid li {list-style-type: none; width: 100%; margin: 0 0 20px 0; padding: 0; border: 1px solid #aea391;}
.picture-grid .grid-image {text-align: center; padding-bottom: 15px;}
.picture-grid .grid-image img {width: 100%; height: auto; object-fit: cover;}
.picture-grid .grid-content {text-align: center; width: 75%; margin: 0 auto;}
.picture-grid .grid-content p {line-height: 1.3em;}
.picture-grid .grid-link {padding-top: 5px;}
#press-releases.picture-grid li {display: none;}
#press-releases.picture-grid li:first-child {display: block;}

ul.basic-grid {margin-bottom: 40px; padding: 0;}
.basic-grid li {list-style-type: none; width: 100%; margin: 0 0 20px 0; padding: 0; border: 1px solid #aea391;}
.basic-grid .grid-content {text-align: center; width: 75%; margin: 0 auto; padding-top: 15px;}
.basic-grid .grid-content p {line-height: 1.3em;}
.basic-grid .grid-link {padding-top: 5px;}
#press-coverage.basic-grid li {display: none;}
#press-coverage.basic-grid li:first-child {display: block;}

.accordion {border-top: 1px solid #aea391; border-right: 1px solid #aea391; border-left: 1px solid #aea391; margin-bottom: 30px;}
.accordion .ui-state-default, .accordion .ui-accordion-content {border-bottom: 1px solid #aea391;}
.accordion .ui-state-active {border-bottom: none; background: #b9a238; color: #fff;}
.accordion h3 {cursor: pointer; margin: 0; padding: 10px 2%; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 12px;}
.accordion div {padding: 20px 2%;}
		
#career-posting h4 {font-weight: bold; padding: 0; margin: 0; text-transform: none;}
#career-posting h5 {font-family: "Playfair Display", "Times New Roman", Times, serif; font-size: 15px; font-weight: 500; color: #aea391; text-transform: none; margin-bottom: 0;}
#career-posting .location {color: #aea391;}

/* Dashboard */
#dashboard .wrapper {position: relative;}
#dashboard #mobileMainNav {border-top: 1px solid #b1a143;}
#dashboard #mobileMainNav ul li.profile {position: relative; width: 19%; height: 51px; overflow: hidden;}
#dashboard #mobileMainNav ul li.profile img {position: absolute; left: 50%; top: 50%; height: auto; width: 100%; max-width: 57px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#dashboard #mobileMainNav ul li.menu {width: 50%; margin-left: 6%; margin-right: 0;}
#dashboard #mobileMainNav ul li.faqs {float: right; width: 10%;}
#dashboard #mobileMainNav ul li.faqs a {display: block; font-size: 22px; color: #b9a238;}
#dashboard .border {border-top: 1px solid #b9a238;}
#dashboard .content {background: #f6f5ef; padding-bottom: 50px; border-bottom: 1px solid #b9a238;}
#dashboard .stripe {min-height: 36px;}
#dashboard .bottom-stripe {background: #e7e3de; min-height: 30px;}
#dashboard .bottom-stripe .wrapper {text-align: center;}
#dashboard .bottom-stripe .button {border: 0; background: #c5bfb0; font-size: 12px;}
#dashboard .id-bar .portrait-icon {position: relative; height: 80px; overflow: hidden;}
#dashboard .id-bar .portrait-icon img {position: absolute; left: 50%; top: 50%; height: auto; width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#dashboard .colSide {display: none;}
#dashboard .colMain h1 {display: inline; font-size: 18px;}
#dashboard .name a {position: relative; display: block; padding: 8px 10px 0 20px; height: 44px; color: #000;}
#dashboard .name .open a {background: #b9a238; color: #fff;}
#dashboard .name a .h6 {margin-top: 6px;}
#dashboard .arrow-right {color: #b9a238; display: inline-block; float: right; margin-right: 1px;}
#dashboard .arrow-down {color: #fff; display: none; float: right; margin-right: 1px;}
#dashboard .name .open a .arrow-right {display: none;}
#dashboard .name .open a .arrow-down {display: inline-block;}
#dashboard .name .open a .open-arrow:after {
	content:'';
  position: absolute;
  top: 100%;
  left: 48%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #b9a238;
	z-index: 999;
}
#dashboard .navDrop {
	display: none; 
	position: absolute;
	z-index: 997;
	background: #f6f5ef;
	width: 100%;
	padding: 15px 0 8px 0;
	text-align: center;
}
#dashboard .navDrop a {color: #000;}
#dashboard .search input {display: block; float: left; height: 43px; border: none;}
#dashboard .search input[type=text] {width: 91%; padding: 0 10px;}
#dashboard .search input[type=submit] {width: 9%; background: url(images/nav-search.png) no-repeat center;  text-indent: 1000px; border-left: 1px solid #e7e3de;}
#dashboard .search input[type=submit]:hover {background-color: #b9a238;}
#dashboard .title-bar {padding: 7px 0 7px 20px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase;}
#dashboard .block {background: #fff; padding: 0 10px; min-height: 80px; margin-top: 10px;}
#dashboard .block-dark {background: #e0dcd3;}
#dashboard .content .block {padding: 24px 20px 20px 20px;}
#dashboard .content .block-label {padding: 15px 20px;}
#dashboard .icon {float: right; width: 45px; height: 45px; max-width: 20%;}
#dashboard .icon a {display: block; border: 1px solid #000; text-align: center; margin-top: 3px; font-size: 22px; padding-top: 2px; height: 43px; line-height: 43px;}
#dashboard .icon a:hover {background: #b9a238; color: #fff;}
#dashboard .portrait {position: relative; margin: 0 auto; margin-bottom: 25px; width: 220px; height: 220px; max-width: 100%; border-radius: 50%; overflow: hidden;}
#dashboard .portrait img {position: absolute; left: 50%; top: 50%; height: auto; width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#dashboard .portrait-thumb {display: inline-block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin: 5px 10px;}
#dashboard .portrait-thumb-add {display: inline-block; width: 60px; height: 60px; overflow: hidden; margin: 5px 10px;}
#dashboard .project {margin-bottom: 10px;}
#dashboard .project-icon {float: left; width: 30%; max-width: 100px; margin-right: 4%;}
#dashboard .project-text {float: left; width: 66%;}
#dashboard .project-text p {color: #aea391;}
#dashboard .project-title {font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase; padding-bottom: 5px;}
#dashboard .project-title a {color: #000;}
#dashboard .colProjectRight {display: none;}
#dashboard .dashboard-projects-list {max-height: 425px; overflow-x: hidden; overflow-y: scroll;}
#dashboard .add-project {margin-top: 20px;}
#dashboardLayout .content {background: #f6f5ef; padding-bottom: 50px; border-bottom: 1px solid #b9a238;}
#dashboardLayout .my-projects-list {max-height: 770px; overflow-x: hidden; overflow-y: scroll;}
#dashboardLayout h4 {float: left; width: 80%; padding-top: 12px;}
#dashboard .tabs-strip .block {margin-top: 0;}
#myVendorsModal .data-sharing {margin: 0px 15px 15px 15px; padding: 10px 15px 15px 15px; background: #f6f5ef;}
#myVendorsModal #memberEmail {margin-bottom: 10px; width: 100%;}
#myVendorsModal .save-my-vendors-data {width: 100%; padding: 0;}
#confirmation .nav-next {display: none;}

/* Base vendor classes */
.vendor {display: inline-block; position: relative; width: 46%; max-width: 100%; min-height: 144px; height: 144px; overflow: hidden; margin: 0 5px 10px 5px;}
.vendor-image img {object-fit: cover;}
.vendor .overlay{
	display: inline-block; 
	background: transparent;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  padding: 0;
	border: 1px solid #aea391;
}
.vendor .overlay:hover {background: rgba(250, 248, 244, 0);}
.vendor .overlay div {display: inline-block; position: absolute; top: 35%; left: 15%; right: 15%;  width: 70%; height: 30%;}
.vendor .button {position: relative; padding: 0; font-size: 10px; line-height: 12px; width: 100%; height: 100%;}
.vendor .button span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%;}

/* Vendor Directory */
#dashboard .content .vendor-list .block {margin-top: 0; margin-bottom: 15px; padding: 15px 20px 5px 20px; min-height: auto;}
#vendor-filter {margin-bottom: 10px;}
#vendor-filter h2 {font-size: 15px; padding-top: 3px;}
#vendor-filter select {padding: 6px 5px;}
#vendor-filter .filter-fields .vendor-option {margin-bottom: 10px;}
#vendor-filter .filter-fields .vendor-option .glyphicon {color: #e0dcd3;}
#vendor-filter .currentFilters {text-align: left; margin-top: 5px;}
#vendor-filter .currentFilters div {float: left;}
#vendor-filter .filter-fields .currentFilters a {display: inline-block; color: #000; font-size: 11px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; background: #fff; border-radius: 15px; padding: 0 5px 0 10px; border: 1px solid #b9a238; margin: 10px 10px 0 0;}
#vendor-filter .filter-fields .currentFilters a span {border-radius: 10px; padding: 2px 5px 3px 5px; color: #b9a238; line-height: 11px; font-weight: bold;}
#vendor-filter .filter-icons {margin-top: 10px;}
#vendor-list .vendor {background: #fff; width: 100%; max-width: 100%; min-height: 144px; height: 144px; margin: 0 0 10px 0;}
#vendor-list .vendor-image {float: left; width: 30%;}
#vendor-list .vendor-details {float: left; width: 68%; padding: 20px 0 20px 2%;}
#vendor-list .vendor-description {float: left; width: 74%;}
#vendor-list .vendor-description a {color: #000;}
#vendor-list .vendor-description .h4 {margin-top: 0;}
#vendor-list .vendor-icons {float: right; width: 26%; text-align: right; position: relative;}
#vendor-list .vendor-icons a, #vendor-list .vendor-icons button {display: inline-block; width: 32px; height: 33px; border: 1px solid #000; position: absolute; top: 0; right: 0; background: #fff; text-align: center; font-size: 16px; line-height: 33px; cursor: pointer;}
#vendor-list .vendor-icons a:last-child {border-left: none;}
#vendor-list .vendor-icons a.icon-go {display: none;}
#vendor-list .vendor-icons button.simplefavorite-button {right: 31px; color: #b9a238;}
#vendor-list .vendor-attributes {color: #aea391;}
#vendor-list .vendor-button {float: left; width: 40%; margin-top: 5px;}
#vendor-list .vendor-button .button {line-height: 30px;}
#vendor-list.tiles {padding: 0 2%;}
#vendor-list.tiles .vendor {display: inline-block; width: 46%; overflow: hidden; margin: 0 1.1% 10px 0;}
#vendor-list.tiles .vendor .vendor-image {float: none; width: 100%; height: 100%;}
#vendor-list.tiles .vendor .vendor-image a {cursor: default;}
#vendor-list.tiles .vendor .vendor-image img {width: 100%; height: 100%;}
#vendor-list.tiles .vendor-details {float: none; width: 100%; padding: 0;}
#vendor-list.tiles .vendor .glyphicon-trash {display: none; top: 10px; left: 10px; font-size: 13px; background: #fff; padding: 5px; border: 1px solid;}
#vendor-list.tiles .vendor:hover .glyphicon-trash {display: inline-block;}
#vendor-list.tiles .vendor:hover .glyphicon-trash:hover {cursor: pointer; color: #b9a238;}
#vendor-list.tiles .vendor .h4 {font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%;}
#vendor-list.tiles .vendor .vendor-description {background: #fff; position: absolute; top: 35%; left: 15%; right: 15%;  width: 70%; height: 30%; padding: 0;}
#vendor-list.tiles .vendor .vendor-description a {display: block; width: 100%; height: 100%;}
#vendor-list.tiles .vendor .vendor-description a:hover {color: #fff;}
#vendor-list.tiles .vendor .vendor-description:hover {background-color: #b9a238;}
#vendor-list.tiles .vendor .vendor-description:hover a {color: #fff;}
#vendor-list.tiles .vendor .vendor-icons {display: none; float: none; width: 100%; text-align: right; position: absolute; top: 5px; right: 5px;}
#vendor-list.tiles .vendor:hover .vendor-icons {display: block;}
#vendor-list.tiles .vendor-icons a.icon-go {display: block; left: 10px; padding-right: 3px;}
#vendor-list.tiles .vendor-button {display: none;}
#vendor-menu {background: #e0dcd3; margin-bottom: 10px;}
#vendor-menu .glyphicon {color: #e0dcd3;}
#vendor-menu a {display: block; color: #000; padding: 0px 5px;}
#vendor-menu .placeholder {display: block; color: #777; padding: 0px 5px;}
#vendor-menu a .arrow-down {display: none; color: #000; padding: 5px 10px 10px 10px; margin-top: -3px;}
#vendor-menu a .arrow-right {display: inline-block; color: #000; padding: 5px 10px 10px 10px; margin-top: -3px;}
#vendor-menu a.open .arrow-right {display: none;}
#vendor-menu a.open .arrow-down {display: inline-block;}
#vendor-menu ul {list-style-type: none; margin: 0; padding: 0;}
#vendor-menu ul li {border-bottom: 1px solid #fff; font-size: 15px; text-transform: uppercase;}
#vendor-menu ul li a, #vendor-menu .placeholder {padding: 12px 0 12px 10px; font-family: "Times New Roman", Times, serif;}
#vendor-menu ul ul {display: none; background: #fff; padding: 10px 0;}
#vendor-menu ul ul li {font-size: 12px; text-transform: none;}
#vendor-menu ul ul li a {clear: both; padding: 2px 0 2px 10px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif;}
#vendor-menu ul ul li a.open {background: #eeebe5;}
#vendor-menu ul ul li a .arrow-right, #vendor-menu ul ul li a .arrow-down {color: #b1b0ac; font-size: 10px;}
#vendor-menu ul ul ul {background: #f7f5f2; padding: 3px 0 0 0;}
#vendor-menu ul ul ul li a {padding-left: 20px; color: #877f71;}
/*#vendor-menu ul ul ul li a .arrow-right, #vendor-menu ul ul ul li a .arrow-down {color: #877f71;}*/
#vendor-menu ul ul ul li a:hover {color: #b9a238;}
#vendor-menu ul ul ul li a.open {background: #f7f5f2;}
#vendor-menu ul ul ul ul {background: #fcfbf9;}
#vendor-menu ul ul ul ul li {border-bottom: none;}
#vendor-menu ul ul ul ul li a {padding-left: 30px;}
#vendor-menu select {display: block; margin: 10px 5%; padding: 6px 5px; width: 90%;}
#vendor-menu .filter-clear {width: 90%; margin: 0 auto;}
#vendor-menu .filter-clear a {color: #b9a238;}
#vendor-add, #vendor-edit {text-align: center;}
.content #vendor-add.block, .content #vendor-edit.block {background: #e0dcd3; padding: 30px 10px;}
#vendor-add.block h4 {padding: 0 0 10px 0; float: none; width: 100%;}
#vendor-edit.block h4 {padding: 0; margin-bottom: 5px; float: none; width: 100%;}
#vendor-add .button, #vendor-edit .button {width: 100%; max-width: 320px; border: 1px solid #ccc; background: #f6f5ef;}

.pagination {text-transform: uppercase; font-size: 20px; margin: 20px 0 0 0;}
#paginate-links {clear: both; text-align: right; padding-bottom: 5px;}
#paginate-links span, #paginate-links a {font-size: 12px; text-transform: uppercase; display: inline-block; padding: 5px; font-family: "Times New Roman", Times, serif;}
#paginate-links a {color: #000;}
#paginate-links span {color: #b9a238;}

/* Vendor Detail */
.content #vendor-detail.block {padding: 25px 10px 15px 10px;}
#vendor-detail .vendor-image {max-width: 275px; height: auto; margin: 0 auto;}
#vendor-detail .vendor-image img {max-height: 248px; object-fit: cover;}
#vendor-detail .vendor-icons {padding: 25px 0 15px 0; float: right; width: 25%; position: relative;}
#vendor-detail .vendor-icons a, #vendor-detail .vendor-icons button {display: inline-block; width: 32px; height: 33px; border: 1px solid #000; position: absolute; top: 20px; right: 20px; background: #fff; text-align: center; font-size: 16px; line-height: 33px; cursor: pointer;}
#vendor-detail .vendor-icons a:last-child {border-left: none;}
#vendor-detail .vendor-icons button.simplefavorite-button {top: 20px; right: 51px; color: #b9a238;}
#vendor-detail .vendor-icons a#userVendorEdit {right: 82px;}
#vendor-detail .vendor-icons a#userVendorDelete {right: 51px;}
#vendor-detail h2 {font-size: 16px; float: left; width: 70%; padding-top: 30px;}
#vendor-detail .vendor-button {margin: 10px 0 20px 0;}
#vendor-detail .vendor-button .button {width: 100%;}
.vendor-photos {list-style-type: none; margin: 0; padding: 0; width: 100%;}
.vendor-photos li {display: block; list-style-type: none; margin: 0 0 10px 0; padding: 0;}
#vendor-info .vendor-attribute-label {float: left; width: 40%; font-weight: bold;}
#vendor-info .vendor-attribute-value {float: left; width: 60%;}
#my-info-content label {clear: both; text-transform: none; font-family: "Times New Roman", Times, serif; color: #aea391; float: left; width: 25%; margin-bottom: 10px;}
#my-info-content input {font-size: 11px; color: #000;}
#my-info-content textarea {width: 100%; resize: none; max-height: 235px;}
#my-info-content .scrollContainer {max-height: 235px; overflow-y: auto;}
#my-info-content input[type=text] {float: right; width: 73%; margin-bottom: 10px;}
#dashboard .content #my-info-content .colThird .input-block, #dashboard .content #my-info-content .colTwoThirds .input-block {position: relative; padding-bottom: 77px;}
#my-info-content .colThird button, #my-info-content .colTwoThirds button {clear: both; position: absolute; right: 0; bottom: 20px; margin: 0 5%;}
.my-info-button {text-align: right; margin-bottom: 15px;}

.projectDrop {
	display: none; 
	position: absolute;
	right: 31px;
	z-index: 997;
	width: 250px;
	padding: 10px;
	background: #fff;
	border: 1px solid #000;
	text-align: left;
}
#vendor-list.tiles .vendor .projectDrop {width: 156px;}
.projectDrop .checkboxes {
	height: 68px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#vendor-detail .projectDrop {right: 51px; top: 20px;}
#vendor-detail .projectDrop .checkboxes {height: 100px;}
.projectDrop label {display: inline;}
#dashboard .projectDrop .button {height: 30px; width: 100%; margin-top: 88px;}

/* My Vendors */
#searchVendorInput, #searchVendorRepInput {margin-bottom: 12px; height: 30px;}
#myVendorList, #myVendorListRep {list-style-type: none; padding: 0; margin: 0 0 20px 0; border: 1px solid #ddd; height: 307px; overflow-x: hidden; overflow-y: auto; }
#myVendorList li a, #myVendorListRep li a {border-bottom: 1px solid #ddd; padding: 5px 10px; text-decoration: none; color: black; display: block;}
#myVendorList li:nth-child(odd) a, #myVendorListRep li:nth-child(odd) a {background-color: #f6f5ef;}
#myVendorList li a:hover, #myVendorListRep li a:hover {background-color: #e6e6e6;}
ul#vendorSearchTabs {margin: 1px 0 12px 0; padding: 0;}
#vendorSearchTabs li {list-style-type: none; text-transform: uppercase; text-align: center; margin-top: 12px; border: 1px solid #aea391;}
#vendorSearchTabs li a {color: #231f20; display: block; line-height: 33px; background: #e0dcd3;}
#vendorSearchTabs li.ui-tabs-active a {background: #fff;}

/* User Vendors */
#addVendor .acf-field-group.acf-field {clear: none;}
#addVendor .acf-field-group label {font-size: 18px; font-family: "Playfair Display", "Times New Roman", Times, serif; margin: 20px 0; font-weight: normal;}
#addVendor .acf-fields .acf-fields .acf-field .acf-label label {font-size: 12px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; margin: 0 0 3px; font-weight: bold;}
#addVendor .acf-fields.-border {border: none;}
#vendor-detail .js-edit-mode {display: none;}
#user-vendor-info-content .block-label .icon {width: 34px; height: 34px;}
#user-vendor-info-content .block-label .icon a {display: inline-block; width: 32px; height: 33px; font-size: 16px; line-height: 33px; cursor: pointer; margin-top: 8px;}
#user-vendor-info-content .js-edit-mode {display: none;}
#user-vendor-info-content .user-vendor-detail {color: #aea391;}
#user-vendor-info-content .acf-field-group .acf-label {display: none;}
#user-vendor-info-content .acf-field-group .acf-input .acf-label {display: block;}
#user-vendor-info-content #message {display: none;}

/* Profile */
#profile h4 {width: 100%;}
#profile .button {font-size: 12px;}
#profile select {padding: 7px; border: 1px solid #aea391;}
#profile textarea {padding: 0 7px; border: 1px solid #aea391;}
#profile .label {padding-bottom: 5px;}
#profile .data {margin-bottom: 25px; color: #aea391;}
#profile input, #profile textarea, #profile select {margin-bottom: 25px; width: 100%;}
#profile input[type=checkbox], #profile input[type=radio], #profile input[type=submit] {width: auto; margin-bottom: 0;}
#profile .submit {text-align: right;}
#profile .quicktags-toolbar, #profile .wp-editor-tabs {display: none;}
#profile .wp-editor-area {font-family: "Times New Roman", Times, serif;}
#profile p.drag-drop-buttons input#bp-browse-button {width: auto;}
#pass-strength-result {padding: 0; margin-bottom: 25px;}
#profileNav a:hover {font-weight: normal;}
#profileNav .select {margin-top: 8px; display: inline-block; width: 100%; padding: 4px 10px; border: 1px solid #a9a9a9; color: #000;}
#profileNav .arrow-right {color: #b9a238; display: inline-block; float: right; margin: 4px 0 0 0;}
#profileNav .arrow-down {color: #000; display: none; float: right; margin: 4px 0 0 0;}
#profileNav.open a .arrow-right {display: none;}
#profileNav.open a .arrow-down {display: inline-block;}
#profileNav .navDrop {background: #fff; width: 86%;}
#profileNav .navDrop ul {list-style-type: none; margin: 0; padding: 0 0 5px 20px;}
#profileNav .navDrop ul li {list-style-type: none; margin: 0; padding: 0; text-align: left;}
#profileNav .navDrop ul li a:hover {font-weight: bold;}
#profile-info .button {padding: 0 10px;}
#profile-pic .button {padding: 0 10px; margin-top: 20px;}
#profile-team p {color: #aea391;}
#profile-team .member {margin-bottom: 30px;}
#profile-team .member:last-child {margin-bottom: 0;}
#profile-team .member-name {text-align: center; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 12px; display: block;}
#profile-team .portrait-thumb {margin: 5px auto; display: block;}
#profile-team .button {margin-top: 10px; padding: 0;}
#profile-credentials label span {text-transform: none; color: #aea391;}

/* My Projects */
#project-filter {margin-bottom: 10px;}
#project-filter h2 {font-size: 15px; padding-top: 3px;}
#project-filter select {padding: 6px 5px;}
#project-filter .filter-fields .project-option {margin-bottom: 10px;}
#project-tiles {padding: 0 2%;}
#project-tiles .project {display: inline-block; position: relative; width: 96%; max-height: 250px; overflow: hidden; margin: 0 0 10px 0;}
#project-tiles .project img {width: 100%; height: 250px; object-fit: cover;}
#project-tiles .project .overlay{
	display: inline-block; 
	background: transparent;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  padding: 0;
	border: 1px solid #aea391;
}
#project-tiles .project .overlay:hover {background: transparent;}
#project-tiles .project .overlay div {display: inline-block; position: absolute; top: 35%; left: 15%; right: 15%;  width: 70%; height: 30%;}
#project-tiles .project .button {position: relative; padding: 0; font-size: 11px; line-height: 12px; width: 100%; height: 100%; border: none;}
#project-tiles .project .button span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; font-size: 12px;}
#project-tiles .project .button:hover {background-color: #b9a238; color: #fff;}
#project-list {display: none;}
#dashboardLayout #project-list .project {background: #fff; width: 100%; margin: 0 0 10px 0; float: none;}
#project-list .project-image {float: left; width: 30%;}
#project-list .project-details {float: left; width: 68%; padding: 20px 0 20px 2%;}
#project-list .project-description {padding-right: 20px;}
#project-list .project-description .h4 {margin-top: 0;}
#project-list .project-icons {padding-right: 20px;}
#project-list .project-icons img {object-fit: unset; width: auto; height: auto; border: 1px solid #000;}
#project-list .project-icons a:last-child img {border-left: none;}
#project-list .project-attributes {color: #aea391; padding-right: 20px;}
#project-list .project-attribute-label {clear: both; float: left; width: 40%; font-weight: bold;}
#project-list .project-attribute-value {float: left; width: 59%; margin-left: 1%;}
#project-list .project-button {width: auto; margin: 10px 20px 0 0;}
#project-list .project-button .button {width: 100%;}

/* Project Detail */
#project-detail #notes .icon {margin: 0 0 10px 10px;}
#project-detail .project-header-block {background: #fff; padding: 20px; margin-top: 10px;}
#project-detail .project-image {text-align: center; padding-bottom: 20px;}
#project-detail .project-detail {color: #aea391;}
#project-detail .project-icons a {color: #aea391; display: inline-block; border: 1px solid #000; width: 28px; padding-top: 3px; text-align: center;}
#project-detail .project-icons a:hover {color: #000; background: #b9a238;}
#project-detail .tabs-strip {margin-top: 10px;}
#project-detail ul.tabs {margin: 1px 0 0 0; padding: 0;}
#project-detail .tabs li {float: left; width: 32.5%; list-style-type: none; text-transform: uppercase; text-align: center;}
#project-detail .tabs li:first-child {width: 33%; margin-right: 1.2%;}
#project-detail .tabs li:last-child {float: right;}
#project-detail .tabs li a {color: #231f20; display: block; line-height: 80px; background: #e0dcd3; font-size: 14px;}
#project-detail .tabs li.ui-tabs-active a {background: #fff;}
#project-detail .js-edit-mode {display: none;}
#project-detail .portrait-thumb {margin: 5px 15px 5px 0px;}
#project-detail #addVendorInput {margin-bottom: 12px; height: 30px;}
#project-detail .vendor .icon-go {color: #000; position: absolute; top: 5px; left: 5px; cursor: pointer;}
#project-detail .vendor .glyphicon-trash {top: 5px; left: 84%; cursor: pointer;}
#project-detail .vendor .glyphicon {width: 25px; height: 25px; border: 1px solid #000; background: #fff; text-align: center; line-height: 25px; cursor: pointer;}
#project-detail .creator-name {margin-left: 20px;}
#project-detail #memberEmail, #project-detail #projectHost {margin-bottom: 15px;}
#project-detail #message {display: none;}
#project-detail select {padding: 5px;}
#project-detail .notes .acf-label {display: none;}
#addVendorList {list-style-type: none; padding: 0; margin: 0; height: 307px; overflow-x: hidden; overflow-y: auto; border: 1px solid #ddd;}
#addVendorList li a {border-top: 1px solid #ddd; padding: 5px 10px; text-decoration: none; color: black; display: block;}
#addVendorList li:first-child a {border-top: 0;}
#addVendorList li a:hover {background-color: #e6e6e6;}
#dashboard #project-detail .addVendor {
		position: relative;
    display: inline-block;
    background: #fff;
    padding: 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
		text-align: center; 
		border: 1px solid #b9a238;
		text-transform: uppercase;
		margin-right: 0.5%;
}
#dashboard #project-detail .addVendor a {display: block; color: #b9a238; height: 115px; padding-top: 35px;}
#project-detail .addVendor a:hover {font-weight: bold;}
#collections, #inspirations {display: none;}

/* Newsletter */
#newsletter input, #newsletter button {display: inline-block; width: 100%; max-width: 100%; margin-bottom: 20px; text-transform: uppercase; font-size: 13px; height: 33px;}
#newsletter .button {padding: 0;}
#newsletter {padding: 0;}
#newsletter .wpforms-field {padding: 0;}
#newsletter .wpforms-submit-container {padding: 0;}
#newsletter .wpforms-form input[type=submit], #newsletter .wpforms-form button[type=submit], #newsletter .wpforms-page-button:active {background: #fff; border: 1px solid #ccc;}

/* Help Videos */
#helpVideosList {list-style-type: none; padding: 0; margin: 0 0 20px 0; border: 1px solid #ddd; height: 307px; overflow-x: hidden; overflow-y: auto; }
#helpVideosList li a {border-bottom: 1px solid #ddd; padding: 5px 10px; text-decoration: none; color: black; display: block;}
#helpVideosList li:nth-child(odd) a {background-color: #f6f5ef;}
#helpVideosList li a:hover {background-color: #e6e6e6;}
#helpVideos img {max-width: 200px;}

/* Footer */
#footer {background: #000; color: #fff; padding: 20px 0 15px 0; text-align: center;}
#footer.home {background: #fff; color: #000; padding-top: 0;}
#footer a {color: #aea391; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase;}
#footer ul {margin-left: 0; padding-left: 0;}
#footer .links {font-size: 14px;}
#footerNav li {display: inline-block; font-size: 10px; padding-left: 10px;}
#footerNav li:last-child {padding-right: 0;} 
#social {margin: 30px 0 35px 0;}
#social li {display: inline-block; padding-right: 45px;}
#social li:last-child {padding-right: 2px;}

#footer.home a {color: #b9a238; text-transform: none;}
#footer.home .button {font-size: 19px; color: #000; padding: 5px 20px; margin-top: 20px;}

/* Embedded videos */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
} 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Sumo form - hide from logged in users */
.logged-in .listbuilder-popup {display: none!important;}

/* Plugin overrides */
/* acf_form */
#dashboard .postbox {background: #fff; padding: 24px 20px 20px 20px; min-height: 80px; margin-top: 10px;} /* Add ".block" styles to acf_form */
#poststuff input[type=submit] {background: #fff;} /* acf_form submit button */
.acf-form-submit {text-align: right;}
#dashboard .acf_postbox > .inside > .field {border-top: none; padding: 15px 0 5px 0;}
#dashboard .acf_postbox p.label label {font-weight: normal;}
#dashboard .acf-field {padding: 0 0 15px 0; border: none;}
#dashboard .acf-table .acf-field {padding: 0;}
#dashboard .acf-table .acf-label {display: none;} /* Handled via parent group label */
#dashboard .acf-table .acf-input {margin-top: 5px;}
#acfUserInfo label {font-weight: normal;}
#acfUserInfo .acf-form-submit {text-align: left;}
#user-vendor-info-content .acf-fields.-border {border: none;}
/* Theme My Login */
.tml {max-width: auto;}
#pass2, #pass2-text {width: 100%;}
/* Bootstrap overrides */
.label {font-size: 100%; color: #000;}
.tooltip-inner {text-align: left;}
/* Membership - PMPro */
#pmpro_account-profile .pmpro_actionlinks {display: none;}
#pmpro_account .pmpro_box {border-top: 1px solid #aea391;}
#pmpro_levels {border: 1px solid #d1d1d1; text-align: center;}
#pmpro_levels.pmpro_advanced_levels-div h2 {font-size: 18px;}
#pmpro_levels.pmpro_levels-3col .pmpro_level:nth-child(2) {background: #f3f3f3;}
#pmpro_levels.pmpro_levels-3col .pmpro_level:nth-child(3) {background: #ddd;}
#pmpro_level-8.pmpro_level {background: #f3f3f3;}
#pmpro_level-9.pmpro_level {background: #ddd;}
#pmpro_levels .entry-meta a {margin-bottom: 10px;}
#pmpro_levels .pmpro_level-price {display: none; font-weight: bold;}
#pmpro_levels .pmpro_level-expiration {display: none;}
#trials {display: none;}
#pmpro_checkout_box-checkout_boxes h2 {display: none;}
#other_discount_code_p {display: none;}
#other_discount_code_tr {display: table-row!important;}

/* **************************************** 480px+ STYLES **************************************** */
@media screen and (min-width: 480px) {	
	/* ***** CONTENT ***** */
	.custom-slideshow-nav {top: 150px;}

	#slideshow .content {
		width: 90%; 
	}
	#slideshow .content h2 {letter-spacing: 0.1em;}
	#slideshow .line-upper {width: 70%;}
	#slideshow .line-lower { width: 60%;}
	#slideshow .button {display: inline-block;}
	#slideshow .contact-icon {width: 30%;}
	#slideshow .contact-info {width: 65%;}
	#slideshow .loggedInPhoto {float: left; width: 30%;}
	#slideshow .loggedInInfo {float: left; width: 60%; text-align: left;}
	
	.picture-grid li {float: left; width: 49%;}
	.picture-grid li:nth-child(even) {float: right;}	
	#press-releases.picture-grid li:nth-child(2) {display: block;}
	
	.basic-grid li {float: left; width: 49%;}
	.basic-grid li:nth-child(even) {float: right;}	
	.basic-grid .grid-content {width: 96%;}
	#press-coverage.basic-grid li:nth-child(2) {display: block;}
	
	/* Dashboard */
	#dashboardLayout .project {display: block; width: 49.1%; float: left;}
	#dashboardLayout .project:nth-child(odd) {clear: both;}
	#dashboardLayout .project-icon {width: 35%;}
	#dashboardLayout .project-text {width: 59%; padding-right: 2%;}
	#myVendorsModal label {display: inline-block; width: 15%;}
	#myVendorsModal #memberEmail {width: 51%; margin-right: 1%;}
	#myVendorsModal .save-my-vendors-data {display: inline-block; width: 30%;}
	#dashboard #mobileMainNav ul li.menu {width: 55%;}
	#dashboard #mobileMainNav ul li.search {width: 10%;}
	
	/* Base vendor classes */
	.vendor {min-height: 190px; height: 190px;}
	
	/* Vendor Directory */
	#vendor-list .vendor {min-height: auto; height: auto;}
	#vendor-list.tiles .vendor {min-height: 190px; height: 190px;}
	
	/* Vendor Detail */
	.content #vendor-detail.block {padding: 0;}
	#vendor-detail h2 {font-size: 25px; float: none; width: 100%; padding-top: 0;}
	#vendor-detail .vendor-image {float: left; width: 40%;}
	#vendor-detail .vendor-details {float: left; width: 55%; margin-left: 5%;}
	#vendor-detail .vendor-icons {padding-right: 22px; float: none; width: 100%;}
	#vendor-detail .vendor-button {margin-top: 15px;}
	#vendor-detail .vendor-button .button {width: auto;}
	.vendor-photos li {display: inline-block; width: 30%;}
	.vendor-photos li:nth-child(2) {margin: 0 3%;}
	.my-info-button {float: right; margin-left: 5%; margin-bottom: 0;}
	
	/* My Project */
	#project-tiles .project {width: 47%; margin: 0 1% 10px 0;}
	
	/* Project Detail */
	#project-detail .project-header-block {padding: 0 20px 0 0;}
	#project-detail .project-image {float: left; width: 34%; text-align: left; padding-bottom: 0;}
	#project-detail .project-image img {object-fit: cover; width: 100%;}
	#project-detail .project-description {float: right; width: 63.5%; padding: 0 0 20px 0;}
	#project-detail .tabs li a {font-size: 16px;}
	#dashboard #project-detail .addVendor a {height: 160px; padding-top: 70px;}
}

/* **************************************** 600px+ STYLES **************************************** */
@media screen and (min-width: 600px) {	
	/* ***** GLOBAL ELEMENTS AND CLASSES ***** */
	.mobile-hide {display: block!important;}
	.mobile-show {display: none!important;}

	.floatLeft {float: left;}
	.floatRight {float: right;}
	
	hr.splitter {margin: 100px 0 80px 0;}
	hr.splitter_short {margin: 40px 0 40px 0;}

	.wrapper {width: 95%;}
	.inner-wrap {padding: 0;}
	.content-wrap {padding: 20px 0 10px 0;}
	
	/* ***** NAVIGATION ***** */
	#homeNav {display: block;}
	#homeNavMobile {display: none;}
	#mainNav {display: block;}
	#mobileMainNav {display: none;}
	#searchform input[type=text] {width: 79%;}
	#searchform input[type=submit] {width: 18%;}
	
	/* ***** CONTENT ***** */
	#slideshow {font-size: 16px; line-height: 1.2em;}
	#slideshow .content {
		width: 80%; 
	}
	#slideshow .line-upper {width: 60%;}
	#slideshow .line-lower { width: 50%;}
	#slideshow .slideshow-tabs li {display: inline-block;}
	#slideshow .faq .question {font-size: 18px; vertical-align: middle;}

	.slideshow-wrap {overflow: hidden; width: 90%; margin: 0 auto;}
	.slideshow-wrap .slideshow {padding: 0 22.55%;}
	.slideshow-wrap .flex-viewport {overflow: visible !important;}
	.slideshow-wrap .slides li .slideContent {display: none;}
	.slideshow-wrap .slides li {height: 84%;}
	.slideshow-wrap .slides li.flex-active-slide {padding: 0; height: auto!important;}
	.slideshow-wrap .slides li .slideImage {
		margin-top: 25px;
		height: 285px;
		overflow: hidden;
	}

	.slideshow-wrap .slides li.flex-active-slide .slideImage {
		margin-top: 0;
		height: auto;
	}
	.slideshow-wrap .slides li.flex-active-slide .slideContent {display: block; padding: 0 5%;}
	.custom-slideshow-nav {top: 142px;}

	#hero .content hr.upperLine {
			width: 23%;
			margin-bottom: 5px;
	}
	#hero .content hr.lowerLine {
			width: 18%;
			margin-bottom: 15px;
	}
	
	#about-tabs .tabs li {float: left; /*width: 19.2%;*/ /*width: 24.2%;*/ width: 32.6%; margin: 0 0.5%; border-top: none;}
	#about-tabs .tabs li:first-child {margin-left: 0;}
	#about-tabs .tabs li:last-child {margin-right: 0;}
	#about-tabs .tabs li a {line-height: 80px;}
	#about-tabs .tabs li a.active {background: #fff;}
	#about-tabs .colThird {margin: 0px auto; width: 75%;}
	#about-tabs .colFull {margin: 0px auto;width: 75%;}
	#about-tabs .quick-stats li {display: inline-block; width: 32%; padding: 0 0 30px 0;}
	#connect .social {width: 65%;}
	
	/* Dashboard */
	#dashboard .search {float: left; width: 92%; border-left: 1px solid #e7e3de; border-right: 1px solid #e7e3de;}
	#dashboard .search input {height: 39px;}
	#dashboard .faqs {float: right; width: 8%; border-right: 1px solid #e7e3de; text-align: center;}
	#dashboard .faqs a {display: block; font-size: 22px; color: #b9a238; line-height: 34px; padding-top: 5px;}
	#dashboard .faqs a:hover {color: #fff; background-color: #b9a238;}
	#dashboard .navDrop {width: 84%;}
	#dashboard .colSide, #dashboardLayout .colSide {display: block; float: left; width: 14%;}
	#dashboard .colMain, #dashboardLayout .colMain {float: left; width: 84%; margin-left: 2%;}
	#dashboardLayout .content .colMain {width: 84%; margin-left: 2%;}
	#dashboard .name {border-bottom: 1px solid #e7e3de; border-right: 1px solid #e7e3de;}
	#dashboard .name a {height: 40px;}
	#dashboardLayout .menu {margin: 0; padding: 0;}
	#dashboardLayout .menu li {
		list-style-type: none;
		padding: 0 8px; 
		width: 100%;
		margin-top: 10px;
		background: #e0dcd3; 
	}
	#dashboardLayout .menu li.help {
		background: #fff;
		border: 1px solid #b9a238;
	}
	#dashboardLayout .menu li.current-menu-item {background: #b9a238; color: #fff;}
	#dashboardLayout .menu li a {
		display: table-cell;
    vertical-align: middle;
		height: 80px;
		color: #000; 
		font-family: "Proxima Nova", Arial, Helvetica, sans-serif; 
		text-transform: uppercase; 
		font-size: 10px; 
		text-align: center;
	}
	#dashboard .bottom-stripe .wrapper {text-align: right;}

	/* Vendor Directory */
	#vendor-filter .filter-fields .vendor-option {float: left; width: 29%; margin-right: 1%; margin-bottom: 0;}
	#vendor-filter.my-vendors .filter-fields .vendor-option {float: right;}
	#vendor-filter .filter-fields a {display: inline-block; margin: 25px 1% 0 0;}
	#vendor-filter.my-vendors .filter-fields a {display: inline-block; margin: 0 1% 0 0;}
	#vendor-filter .filter-icons {float: right; width: 20%; margin-top: 0;}
	#vendor-list.tiles {padding: 0;}

	.pagination {font-size: 12px; width: 100%;}
	.pagination select {padding: 5px;}

	#newsletter {margin-top: 25px;}
	#newsletter h3 {width: 40%;}
	#newsletter .wpforms-container-full {width: 60%; float: right;}
	#newsletter-container {float: left; width: 60%;}
	#newsletter .wpforms-field-container {float: left; width: 60%;}
	#newsletter .wpforms-submit-container {float: left; margin-left: 1%; width: 39%; clear: none;}
	#newsletter .wpforms-confirmation-container-full {width: 60%; float: right;}

	/* Profile */
	#profile-info .button {padding: 0 20px;}
	#profileNav .navDrop {width: 77%;}
	
	/* My Projects */
	#project-filter .filter-fields .project-option {float: left; width: 29%; margin-right: 1%; margin-bottom: 0;}
	#project-filter .filter-fields a {display: inline-block; margin: 25px 1% 0 0;}
	#project-tiles {padding: 0;}
	#project-tiles .project {width: 49%;}
	
	/* Project Detail */
	#project-detail #addVendorModal select {float: left; width: 66%;}
	#project-detail #addVendorModal .button {float: right; width: 33%;}	
}

/* **************************************** 642px+ STYLES **************************************** */
@media screen and (min-width: 642px) {	
	/* Plugin overrides */
	/* PMPro */
	#pmpro_level-8.pmpro_level, #pmpro_level-9.pmpro_level {display: none; float: left;}
	#pmpro_level-8.pmpro_level.widthHalf, #pmpro_level-9.pmpro_level.widthHalf {width: 50%;}
}

/* **************************************** 768px+ STYLES **************************************** */
@media screen and (min-width: 768px) {	
	/* ***** GLOBAL ELEMENTS AND CLASSES ***** */
	.mobile-tablet-hide {display: block!important;}
	.mobile-tablet-show {display: none!important;}

	/* ***** NAVIGATION ***** 21 13 15 9 */
	#homeNav li .login span {left: 60%;}
	#mainNav ul li.menu {width: 84%;}
	#mobileMainNav ul li a {padding: 0 20%;}

	/* ***** CONTENT ***** */
	.inner-sides-wrap {padding: 0;}
	.mini-wrap {width: 50%; margin: 0 auto;}

	#hero .background img {min-height: 531px; opacity: 0.2;}
	#slideshow .content {
		text-align: left;
		padding-top: 50px;
	}
	#slideshow .welcome .content {
		width: 50%;
		text-align: center;
	}
	#slideshow .about .content, #slideshow .benefits .content {
		padding-top: 90px;
	}
	#slideshow .content h2 {text-align: left;}
	#slideshow .welcome .content h2 {text-align: center;}
	#slideshow .line-upper, #slideshow .line-lower {margin-left: 0;}
	#slideshow .welcome .line-upper, #slideshow .welcome .line-lower {margin-left: auto;}
	#slideshow .content .colHalf {float: left; width: 49.1%; clear: none;}
	#slideshow .content .colHalf:nth-child(odd) {margin-right: 1.8%;}
	#slideshow .colPhone {float: left; width: 45%;}
	#slideshow .colEmail {float: left; width: 55%;}
	#slideshow .loggedInPhoto {width: 20%;}
	#slideshow .loggedInInfo {width: 80%;}
	#slideshow .subscribe h2 {float: left;}
	#slideshow .subscribeButton {float: right; margin-top: 15px; margin-bottom: 0;}
	
	#about-tabs .colThird {float: left; margin: 0px 1%; width: 32%; padding-bottom: 0;}
	#about-tabs .colThird:first-child, #about-tabs .colThird.first {margin-left: 0;}
	#about-tabs .colThird:last-child, #about-tabs .colThird.last {margin-right: 0;}	
	.opportunities .colThird {text-align: left;}
	#about-tabs .colTwoThirds {float: left; width: 65%; margin-left: 1%;}
	#about-tabs .colFull {width: 100%;}

	.picture-grid li:nth-child(even) {float: right;}		
	.picture-grid .grid-image {text-align: left; float: left; width: 47%; padding-bottom: 0;}
	.picture-grid .grid-content {text-align: left; float: left; padding: 15px 2% 0 2%; width: 49%;}	
	#press-releases.picture-grid li {display: block;}

	.basic-grid li {float: left; width: 23.5%; margin: 0 2% 20px 0;}
	.basic-grid li:nth-child(4n+4) {margin-right: 0;}
	.basic-grid li:nth-child(odd) {float: left;}
	.basic-grid li:nth-child(even) {float: left;}
	#press-coverage.basic-grid li {display: block;}	

	/* Dashboard */
	#dashboard .colSide, #dashboardLayout .colSide {width: 10%;}
	#dashboard .colMain, #dashboardLayout .colMain {width: 88.8%; margin-left: 1.2%;}
	#dashboardLayout .content .colMain {width: 88.8%; margin-left: 1.2%;}
	#dashboardLayout .content .colHalf {float: left; width: 49.1%;}
	#dashboardLayout .content .colHalf.floatRight {float: right;}
	#dashboardLayout .content .colThird {float: left; width: 33%;}
	#dashboardLayout .content .colTwoThirds {float: left; width: 65.8%;}
	#dashboardLayout .content .colFourth {float: left; width: 25%;}
	#dashboardLayout .content .colThreeFourths {float: left; width: 73.8%;}
	#dashboard .content .colMarginLeft {margin-left: 1.2%;}
	#dashboard .name a {height: 43px;}
	#dashboard .search input {height: 36px;}
	#dashboard .navDrop {width: 88.8%;}
	#dashboardLayout .project-icon {width: 40%;}
	#dashboardLayout .project-text {width: 54%;}
	#dashboard .faqs a {line-height: 31px;}
	
	/* Base vendor classes */
	.vendor {width: 31.4%; margin-right: 1.1%;}

	/* Vendor Directory */
	#vendor-list.tiles {padding: 0;}
	#vendor-filter .filter-fields .vendor-option {width: 25%;}
	#vendor-filter .filter-icons {clear: none; float: right; width: 14%; margin-top: 0;}
	.content #vendor-list.tiles .colThird {float: left; margin: 0px 1.25% 0 0; width: 32.5%; padding-bottom: 0;}
	.content #vendor-list.tiles .colThird:nth-child(3) {margin-right: 0;}	
	
	/* Vendor Detail */
	#vendor-detail .vendor-image {width: 32%;}
	#vendor-detail .vendor-details {width: 63%;}
	#my-info-content label {width: 50%; margin-bottom: 0;}
	#my-info-content input[type=text] {width: 48%;}
	
	/* My Vendors */
	#vendorSearchTabs li {float: left; margin-right: 12px;}	
	#vendorSearchTabs li a {padding: 0 10px;}
	
	/* User Vendors */
	#addVendor .acf-field-group {float: left; width: 32%; margin-top: 30px;}
	#addVendor .centerMargin {margin: 30px 2% 0 2%;}
	
	#footer {text-align: left; font-size: 11px;}
	#footer .footerLeft {width: 44%; padding: 15px 2% 0 0;}
	#footer .footerLeft h3 {margin-bottom: 0;}
	#footer .footerLeft p {font-size: 10px;}
	#footer .footerCenter {width: 8%; text-align: center;}
	#footer .footerCenter a {color: #000;}
	#footer .footerRight {width: 46%; text-align: right; padding-top: 0px;}
	.backToTop {display: block; background: #fff; width: 60px; height: 55px; padding-top: 10px; font-size: 12px; line-height: 18px; color: #000;}
	.backToTop .glyphicon {color: #b9a238;}
	#social {margin: 0;}

	#footer.home .footerLeft {width: 32%; padding: 15px 2% 0 0;}
	#footer.home .footerCenter {width: 34%; text-align: center;}
	#footer.home .footerRight {width: 32%; text-align: right; padding-top: 20px;}
	#footer.home #social li {padding-right: 35px;}
	#footer.home #social li:last-child {padding-right: 2px;}

	/* Profile */
	#dashboard .content #profile-team.block {padding-bottom: 0;}
	#profile-team .member {width: 49.4%; float: left;}
	#profile-team .member:nth-child(odd) {float: right;}
	#profile-team .member-name {text-align: left;}
	#profile-team .portrait-thumb {margin: 5px 10px;}
	#profileNav .navDrop {width: 41%;}
	#profile-credentials .credentials_left {float: left; width: 49%;}
	#profile-credentials .credentials_right {float: right; width: 49%;}

	/* My Projects */
	#project-filter .filter-icons {clear: none; float: right; width: 14%; margin-top: 0;}
	.content #project-tiles .colThird {float: left; margin: 0px 1.25% 0 0; width: 32.5%; padding-bottom: 0;}
	.content #project-tiles .colThird:nth-child(3) {margin-right: 0;}	
	#project-list .project-icons {float: right; width: 26%; text-align: right;}
	#project-list .project-title .h4 {margin-top: 0;}
	#project-list .project-button {width: 50%;}
	
	/* Project Detail */
	#project-detail .filter-icons {float: right; width: 13%;}
	#project-detail .project-detail {position: relative;}
	#project-detail .project-detail .acf-form-fields {margin-bottom: 30px;}
	#project-detail .project-detail .acf-form-submit {position: absolute; bottom: 20px; right: 20px;}
}

/* **************************************** 960px+ STYLES **************************************** */
@media screen and (min-width: 960px) {
	/* ***** NAVIGATION ***** */
	#mainNav ul li.menu {width: 87%;}
	#homeNav li .login span {left: 65%;}

	/* ***** CONTENT ***** */
	.colThird {float: left; width: 33%;}
	.colTwoThirds {float: left; width: 67%;}

	#hero .background img {opacity: 1;}
	#slideshow .slides li .slideContent
	{
		background: none;
		filter: none;
	}	
	#slideshow .content {
		width: 940px;
		max-width: 940px;
	}
	#slideshow .welcome .content {
		width: 400px;
	}
	#slideshow .about .content, #slideshow .benefits .content {
		padding-top: 40px;
    width: 940px;
    max-width: 940px;
    left: 0;
    padding-left: 580px;
	}
	#subscribe-tabs {display: none;}
	#subscribe-table {display: block;}
	#slideshow .colPhone {float: left; width: 50%;}
	#slideshow .colEmail {float: left; width: 50%;}
	#slideshow .contact-icon {width: 20%;}
	#slideshow .contact-info {width: 65%;}	
	#slideshow .faq .question {font-size: 20px;}
	#slideshow #loginform .login-username, #slideshow #loginform .login-password {width: 49.1%;}
	#slideshow .loggedInPhoto {float: left; width: 15%;}
	#slideshow .loggedInInfo {float: left; width: 85%;}

	#about-tabs .quick-stats li {width: 19.7%;}
	#about-tabs .colThird {width: 32%!important;}

	/* Dashboard */
	#dashboard {margin-top: 50px; position: relative;}
	#dashboard .id-bar {position: absolute; top: -44px; width: 100%; max-width: 940px;}	
	#dashboard .colSide, #dashboardLayout .colSide {width: 8.7%;}
	#dashboard .colMain, #dashboardLayout .colMain {width: 90.1%; margin-left: 1.2%;}
	#dashboardLayout .content .colMain {width: 90.1%; margin-left: 1.2%;}
	#dashboard .navDrop {width: 30%; padding-right: 0;}
	#dashboardLayout .colThird {float: left; width: 33%;}
	#dashboardLayout .colTwoThirds {float: left; width: 67%;}
	#dashboard .name {border-bottom: none; border-right: none;}
	#dashboard .name a {height: 44px;}
	#dashboard .search input {height: 43px;}
	#dashboardLayout .project-icon {width: 33%;}
	#dashboardLayout .project-text {width: 63%;}
	#dashboard .faqs a {line-height: 35px; padding-top: 8px;}

	/* Base vendor classes */
	.vendor {width: 23.2%; margin-right: 1.1%;}

	/* Vendor Directory */
	#vendor-filter h2 {float: left; width: 25%; padding-top: 3px;}
	#vendor-filter .filter-fields {float: left; width: 75%;}
	#vendor-list.tiles .vendor {width: 32.2%; margin-right: 1.1%;}
	#assignedVendors	#vendor-list.tiles .vendor {width: 23.9%; margin-right: 1.1%;}
	.content #vendor-add.block, .content #vendor-edit.block {padding: 30px 25px 0 25px;}
	#vendor-add, #vendor-edit {text-align: left;}
	#vendor-add.block h4 {float: left; width: 73%;}
	#vendor-edit.block h4 {display: inline-block; width: auto; padding-right: 5px;}
	#vendor-edit p {display: inline-block; width: auto;}
	#vendor-add .button, #vendor-edit .button {float: right; width: 27%; margin-top: -5px;}
	
	/* Vendor Detail */
	#my-info-content label {width: 40%;}
	#my-info-content input[type=text] {width: 58%;}
	
	/* Profile */
	#profile-team .member {width: 32.5%; float: left;}
	#profile-team .member:nth-child(odd) {float: left;}
	#profile-team .member:nth-of-type(3n+2) {margin: 0 1.25%;}
	
	/* My Projects */
	#project-filter h2 {float: left; width: 25%; padding-top: 3px;}
	#project-filter .filter-fields {float: left; width: 75%;}
	#project-tiles .project {width: 32.2%; margin-right: 1.1%;}
	#project-list .project-description {float: left; width: 40%; min-height: 137px; padding-right: 0px;}
	#project-list .project-attributes {float: right; width: 55%;}
	#project-list .project-button {width: 40%;}

	/* Project Detail */
	#project-detail .filter-icons {width: 10%;}
	
	/* Footer */
	#footer.home #social li {padding-right: 45px;}
	#footer.home #social li:last-child {padding-right: 2px;}	
}

/* **************************************** HIGH RESOLUTION DISPLAYS **************************************** */
/***** Less than 480px *****/
@media (-webkit-min-device-pixel-ratio: 1.5),
	   (-moz-min-device-pixel-ratio: 1.5),
	   (min-device-pixel-ratio: 1.5) {
	/* ... Styles ... */
}

/***** 480px+ *****/
@media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),
	   (min-width: 480px) and (-moz-min-device-pixel-ratio: 1.5),
	   (min-width: 480px) and (min-device-pixel-ratio : 1.5) {
	/* ... Styles ... */
}