/*
 * COLORS USED
 * Sandstone: #6c6362 -> #6d6e71
 * Grape: #6b4e56m -> #c6c3ae
 * Porcelain: #e3e2df -> #877b6d (except with bars)
 * Tangerine: #f1a076; (Some buttons and text) -> #877b6d
 * Periwinkle: #8f94b3; (Some text and images on trout rows)
 * Trout: #50586c; -> #867b6d
 * Charcoal: #404041; (Most text, few buttons, strata)
 * Mineshaft: #2e2e2e; (Some text, gallery header)
 * Pink (Links) #e17a78;
 NEW
 Stratum-porcelain -> Vanilla #fff3dc
 */

/*** UNIVERSALS ***/

html, body {
    font: 18px/28px "BerkeleyLT", serif;
    letter-spacing: 0.025em;
    -webkit-font-smoothing: antialiased;
    color: #6d6e71;
}

body { padding-top: 0px; }

img {
    max-width: 100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: inherit;
    margin-top: 0;
}

h2 {
    font-style: italic;
}

hr {
    margin: 0 auto;
}

form {
    font: 14px/18px Univers, sans-serif;
}

a {color:#867b6d; font-weight:bold;}
/*** BUTTONS ***/

.pinklink a {color:#e17a78}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    padding-bottom: 4px;
    white-space: normal;
}

dd {margin-left:15px;}

@media (max-width: 991px) {
    .btn {
        margin-bottom: 4px;
    }
}

.btn-default {
    color: white;
    background-color: transparent;
    border-color: white;
    font-weight: normal;
    font-family: "Univers Condensed", sans-serif;
    text-shadow: none;
}

.btn-translucent {
    color: white;
    background-color: rgba(255,255,255,0.5);
    border-color: white;
    font-weight: normal;
    font-family: "Univers Condensed", sans-serif;
    text-shadow: none;
    border-radius: 8px;
}

.btn-reverse-brn {
    color: #6d6e71;
    background-color: white;
    border-color: #6d6e71;
    font-weight: normal;
    font-family: "Univers Condensed", sans-serif;
    text-shadow: none;
}

.btn-bigwhite {
    color: white;
    background-color: transparent;
    border-color: white;
    font-weight: bold;
    font-family: "Univers Condensed", sans-serif;
	font-size:18px;
    text-shadow: none;
    margin: 200px;
}

.btn-inverse {
    color: #404041;
    background-color: transparent;
    border-color: #404041;
    text-shadow: none;
    font-family: Univers, sans-serif;
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
    max-width: 420px;
    font-weight: bold;
    white-space: normal;
}

.btn-video {
    background-color: #fff3dc;
    color: black;
    border: 2px dotted black;
    font-weight: bold;
    position: absolute;
    top: 10%;
    right: 10%;
}

.btn-grape {
    color: #fff3dc;
    background-color: #877b6d;
    border: none;
    text-shadow: none;
    font-weight: normal;
    font: 16px/31px "Univers Condensed", sans-serif;
}

.btn-tangerine {
    color: #50586c;
    background-color: #fff3dc;
    border: none;
    text-shadow: none;
    font-weight: normal;
    font: 16px/31px  "Univers Condensed", sans-serif;
}

.btn-charcoal {
    color: #c6c3ae;
    background-color: #6d6e71;
    border: none;
    text-shadow: none;
    font-weight: normal;
    font: 16px/31px "Univers", sans-serif;;
}

.btn-trout {
    color: #877b6d;
    background-color: #50586c;
    border: none;
    text-shadow: none;
    font-weight: normal;
    font: 16px/31px "Univers", sans-serif;;
}

.btn-cal-sm {
    color: #fff3dc;
    background-color: #6b4e56;
    border: none;
    text-shadow: none;
    font-weight: normal;
    font: 12px/16px "Univers", sans-serif;
	text-indent:0;
	padding:8px;
	margin-left:8px;
}

.btn-porcelain {
    color: #fff3dc;
    background-color:  #877b6d;
    text-shadow: none;
    font-family: Univers, sans-serif;
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
    max-width: 420px;
    font-weight: bold;
    white-space: normal;
}

.btn-porcelain-small {
    color: #fff3dc;
    background-color:  #877b6d;
    text-shadow: none;
	border:none;
    font: 16px/31px  "Univers Condensed", sans-serif;
    font-weight: normal;
}

.btn-wide {
    width: 240px;
}

.btn-full {
    width: 100%;
}


/*** NAVBAR ***/

.navbar-default {
    background-color: #6d6e71;
    font-family: Univers, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: white;
    margin-bottom: 0;
    border-radius: 0;
    border: none;
	min-height:100px;
}


@media (min-width: 992px) {
    .navbar-default {
        font-size: 16px;
    }
}

@media (min-width: 1380px) {
    .navbar-default {
        font-size: 18px;
    }
}

.navbar-default .navbar-nav > li > a {
    color: white;
}

@media (min-width: 768px) {

    .navbar-default .navbar-nav > li > a {
        display: table-cell;
        vertical-align: bottom;
        padding-bottom: 40px;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.4;
    }



    .navbar-default .navbar-nav > li {
        height: 180px;
        max-width: 110px;
        display: table;
        font-size: 11.5px;

    }
}

@media (min-width: 992px) {

    .navbar-default .navbar-nav > li {
        max-width: none;
        width: 120px;
        font-size: 14px;
    }
}

@media (min-width: 1380px) {

    .navbar-default .navbar-nav > li {
        width: 160px;
        font-size: 16px;
    }
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff3dc;
    background-color: #867b6d;
}

@media (min-width: 1380px) {
    .navbar-default .navbar-nav > li > a {
        width: 160px;
    }
}

.navbar-brand {
    max-width: 120px;
    padding: 6px;
}

@media (min-width: 768px) {
    .navbar-brand img {
        max-width: 110px;
    }

    .navbar-brand {
        position: absolute;
        bottom: 40px;
        left: 30px;
        padding: 0;
        height: auto;
    }
}

@media (min-width: 992px) {
    .navbar-brand img {
        max-width: 200px;
    }
}

@media (min-width: 1380px) {
    .navbar-brand img {
        max-width: 290px;
    }

}

/*** GRID **/

/* Wrap stratum-* divs around container divs to supply the background color for rows */

.stratum-porcelain {
    background-color: #fff3dc;
    padding-top: 60px;
    padding-bottom: 60px;
}

.stratum-grape {
    background-color: #6b4e56;
}

.stratum-sandstone {
    background-color: #6d6e71;
    color: white;

}

.stratum-charcoal {
    background-color: #404041;
    color: white;
}

.stratum-trout {
    background-color: #50586c;
    color: white;
}

.stratum-trout a,
.stratum-trout a:visited,
.stratum-trout a:active,
.stratum-trout a:hover {
    color: white;

}

.stratum-tmphome {
    background-color: #50586c;
    color: white;
    padding-top: 60px;
    padding-bottom: 60px;
    text-transform: uppercase;
}


.stratum-white {
    background-color: white;
}

.stratum-image {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0 0; /* This is so the background image doesn't show up at mobile sizes */
}

@media (min-width: 992px) {
    .stratum-image {
        background-size: contain;
    }
}

.stratum-row-flex > div {
    height: 300px;
    position: relative;
}

.stratum-row-flex-tall > div {
    height: 320px;
    position: relative;
}

.stratum-row-flex-extra-tall > div {
    height: 360px;
    position: relative;

}

.stratum-row > div {
    height: 450px;
    position: relative;
}

.stratum-row-tall > div {
    height: 520px;
    position: relative;
}

.stratum-row-extra-tall > div {
    height: 685px;
    position: relative;

}


@media (min-width: 768px) {

    .stratum-row-flex > div {
        height: 320px;
        position: relative;
    }

    .stratum-row-flex-tall > div {
        height: 360px;
        position: relative;
    }

    .stratum-row-flex-extra-tall > div {
        height: 480px;
        position: relative;

    }
}

@media (min-width: 992px) {


    .stratum-row-flex > div {
        height: 360px;
        position: relative;
    }

    .stratum-row-flex-tall > div {
        height: 450px;
        position: relative;
    }

    .stratum-row-flex-extra-tall > div {
        height: 520px;
        position: relative;

    }
}

@media (min-width: 1380px) {

    .stratum-row-flex > div {
        height: 450px;
        position: relative;
    }

    .stratum-row-flex-tall > div {
        height: 520px;
        position: relative;
    }

    .stratum-row-flex-extra-tall > div {
        height: 685px;
        position: relative;

    }
}

@media (min-width: 992px) {

    .stack-space-rows > .row {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

@media (max-width: 992px) {
    .stack-space-rows {
        margin: 48px auto;
    }
}

.stack-space-60 {
    margin-top: 48px;
    margin-bottom: 48px;
}

.stack-space-48 {
    margin-top: 48px;
    margin-bottom: 48px;
}

.stack-space-36 {
    margin-top: 36px;
    margin-bottom: 36px;
}

.stack-space-24 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.stack-space-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.stack-space-6 {
    margin-top: 6px;
    margin-bottom: 6px;
}

/*** BACKGROUND COLOR SPECIFIERS ***/

.background-color-porcelain {
    background-color: #877b6d;
}

.background-color-grape {
    background-color: #6b4e56;
    color: white;
}

.background-color-sandstone {
    background-color: #6d6e71;
    color: white;

}

.background-color-tangerine {
    background-color: #877b6d;
}

.background-color-trout {
    background-color: #6d6e71;
    color: white;
}

.background-color-mist {
    background-color: #f5f5f5;
}

.background-color-cream {
    background-color: #c6c3ae;
}

.background-color-vanilla {
    background-color: #fff3dc;
}


/*** OTHER SPECIFIERS ***/

.text-shadowed {
    text-shadow: -1px 1px 1px #000;
}

/*** OVERLAYS ***/

.overlay-bg {
    position: relative;
    /* To keep the transformed div from looking blurry */
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.overlay-fg {
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    position: absolute;
    text-align: center;
    left: 15%;
    right: 15%;
}

.overlay-column {
    float: none;
    /*display: table-cell;*/
    vertical-align: top;
}

.framed > .overlay-bottom {
    bottom: 30px;
}

.overlay-middle {
    position: absolute;
    left: 10%;
    right: 10%;
    /* Center this vertically */
    top: 50%;
    vertical-align: middle;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay-bottom {
    bottom: 20px;
}

.overlay-bottom-white {
	position: absolute;
    bottom: 20px;
	left: 7%;
    right: 7%;
	color:white;
    font: 16px/20px  "Univers Condensed", sans-serif;
}

/* ELEMENTS */

hr {
    width: 15%;
    height: 3px;
    background-color: #6d6e71;
}

.hr-full {
    width: 100%;
	height:1px;
	margin-bottom:10px;
	margin-top:10px;
}

.hr-narrow {
    width: 7%;
}

.hr-thin {
    height: 1px;
    background-color: transparent;
}

.hr-dark {
    border-color: #50586c;
}

footer {
    background-color: #877b6d;
    min-height: 270px;
}

.no-padding {
    padding: 0;
}

.minimal-padding {
    padding: 2px;
}

.banner-overlay {
    position: relative;
}

.framed {
    border: 1px solid #dfdfe2;
    padding: 10px;
}



.social-links {
    position: absolute;
    top: 28px;
    right: 20px;
}

.img-full {
    width: 100%;
}

@media (min-width: 768px) {

    .middle-image {
        width: 95%;
    }

}

.more-padding {
    padding: 24px;
}

.sponsors img {
    margin: auto;
}

.nav-container {
    position: relative;
}

/* Kludgy but working way to vertically center image */

.pre-footer {
    background-color: #fff3dc;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.pre-footer img {
    display: inline-block;
    padding-top: 4px;
}

.well {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}

p.close-lines {
    margin-bottom: 0;
}

.big-quote {
    border: none;
    margin: 0;
    line-height: 1.5;
	color:#6d6e71;
}

.big-quote-wrapper {
    margin-bottom: 48px;
}

@media (min-width: 768px) {
    .big-quote-wrapper {
        margin-top: 100px;
    }
}

.padding-60 {
    padding: 60px;
}

.padding-36 {
    padding: 36px;
}

.padding-24 {
    padding: 24px;
}

.padding-6 {
    padding: 6px;
}

.padding-12 {
    padding: 12px;
}

/*** FONT SPECIFIERS ***/

.text-color-grape {
    color: #6d4e57;
}

.text-color-pink {
    color: #e17a78;
}

.text-color-brown {
	color: #867b6d;
}

.text-color-charcoal {
    color: #404041;
}

.text-color-sandstone {
    color: #6d6e71;
}

.text-color-mineshaft {
    color: #2e2e2e;
}

.text-color-white {
    color: white;
}

.text-color-tangerine,
.text-color-tangerine a,
.text-color-tangerine a:link,
.text-color-tangerine a:visited,
.text-color-tangerine a:hover,
.text-color-tangerine a:active,
{
    color: #877b6d;
}

a.text-color-tangerine, .text-color-tangerine a {
    color: #877b6d;
}

a.text-color-tangerine, .text-color-tangerine a {
    color: #877b6d;
}


.text-berkeley {
    font-family: "BerkeleyLT", serif;
}

.text-gotham {
    font-family: "Gotham", serif;
}

.text-univers-condensed {
    font-family: "Univers Condensed", serif;
}

.text-univers {
    font-family: "Univers", serif;
}


.text-size-14 {
    font-size: 16px;
}

.text-size-16 {
    font-size: 16px;
}

.text-size-18 {
    font-size: 18px;
}

.text-size-20 {
    font-size: 20px;
}

.text-size-21 {
    font-size: 21px;
}

.text-size-24 {
    font-size: 24px;
}

.text-size-25 {
    font-size: 25px;
}

.text-size-30 {
    font-size: 30px;
    line-height: 34px;
}

.text-size-36 {
    font-size: 36px;
}

.text-size-46 {
    font-size: 46px;
}
.text-size-48 {
    font-size: 48px;
}

.text-italic {
    font-style: italic;
}

.text-bold {
    font-weight: bold;
}

.text-underlined {
    text-decoration: underline;
}

.text-double-spaced {
    line-height: 2;
}


.learn-more {
    /*position: absolute;*/
    /*right: 0;*/
    /*bottom: 0;*/
    display: block;
    text-align: right;
    text-decoration: underline;
}

/*** PARTNERS PAGE ***/

.partner-tab {
    position: relative;
    font-family: "Univers Condensed", sans-serif;
	font-size:16px;
    text-align: center;
    text-transform: uppercase;
	border-radius:0;
	background-color:#877b6d;
	color:white;
	margin:5px;
}

@media (max-width: 768px) {
.partner-tab {font-size:14px;}
}

.nav-pills {
	padding:5px;
}

.nav-pills > li {
	float:left;
}

.nav>li>a:hover, .nav>li>a:focus {
	color:#877b6d;
	background-color:#fff3dc;
}

.nav-pills > li > a {
  border-radius: 0px;
  color:#fff;
}
.nav-pills > li + li {
  margin-left: 8px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #877b6d;
  background-color: #fff3dc;
}

.logocontainer {
	margin: 0 auto;
}

.logobox {
	width:200px;
	height:200px;
	padding:5px;
	margin:10px;
	float:left;
    font: 10px/14px  "Univers Condensed", sans-serif;
	align-content:center;
}

.logoimage {
	margin:5px;
}

.sponsortitle {
    font: italic bold 30px/36px BerkeleyLT, sans-serif;
	margin-top:60px;
}


/*** CALENDAR ***/

.calendar-tab {
    position: relative;
    height: 45px;
    font-family: "Univers Condensed", sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.calendar-tab-label {
    left: 5%;
    right: 5%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.calendar-date {
    text-align: right;
    font-weight: bold;
    margin: 6px 6px 6px 0;
}

.calendar-day {
    margin-top: 36px;
    letter-spacing: 0;
}

.calendar-event {
    font-family: "BerkeleyLT", serif;
    margin: 12px;
    font-size: 125%;
    line-height: 1.2;
    color: #6d6e71;
}

.calendar-event-list {
	float:left;
	font: 20px/24px  "BerkeleyLT", serif;
    line-height: 1.6;
    color: #6d6e71;
	padding-right:0;
	float:left;
}

.cal-event-time {
	font-weight:bold;
	text-align:right;
	padding-right:10px;
	width: 125px;
}

.cal-list-photo > img {
	height:200px;
	width:200px;
}

.cal-list-photo {
	float:left;
	width:220px;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.cal-day-passes {
	align-content:center;
    bottom:0;
	width:100%;
}

.btn-cal-list {
    color: #fff;
    background-color:  #50586c;
    text-shadow: none;
    font-family: Univers, sans-serif;
    margin: 10px;
    width: 40%;
    font-weight: bold;
    white-space: normal;
}


.calendar-day:hover {
    background-color: #fff3dc;
}

.minical {
    margin-top: 36px;
    letter-spacing: 0;
    width: 14.25%;
    height: 60px;
    float: left;
    border: 1px solid #ddd;
    margin-top: 0;
    font: 16px/20px  "Univers Condensed", sans-serif;
	text-align:center;
	padding:8px;
}

.minical:hover {
    background-color: #fff3dc;
}
	
@media (min-width: 768px) {

    .calendar-container {
        width: 98%;
    }

    .calendar-header {
        position: relative;
        width: 14%;
        height: 65px;
        float: left;
        font-family: Gotham, sans-serif;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }

    .calendar-header-row {
    }

    .calendar-day-name {
        left: 15%;
        right: 15%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .calendar-day {
        width: 14.25%;
        height: 430px;
        float: left;
        border: 1px solid #ddd;
        margin-top: 0;
    }

    .calendar-date {
        margin-bottom: 16px;
    }

    .calendar-event {
        font-size: 13px;
        line-height: 1.1;
        letter-spacing: 0;
    }

    .calendar-tab {
        width: 145px;
        float: left;
    }

    .calendar-tab-label {
        font-size: 14px;
    }
}

@media (min-width: 992px) {

    .calendar-container {
        width: 970px;
    }

    .calendar-event {
        font-size: 14px;
    }

    .calendar-tab {
        width: 180px;
    }

    .calendar-tab-label {
        font-size: 18px;
    }

}

@media (min-width: 1380px) {

    .calendar-container {
        width: 1350px;
    }

    .calendar-event {
        font-size: 18px;
    }

    .calendar-tab {
        width: 240px;
    }

    .calendar-tab-label {
        font-size: 22px;
    }

}

/*** TOP BANNER ***/

.front-one-row {
    height: 500px;
}

.front-one-overlay {
    font-size: 16px;
    line-height: 18px;
    font-family: "Univers Condensed", sans-serif;
}

.front-one-overlay-header {
    font: bold 20px/22px "Univers Condensed", sans-serif;
    text-transform: uppercase;
    text-align: center;
}


.one-banner {
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.one-banner .overlay-fg {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.one-banner .overlay-fg h1 {
    font-weight: bold;
    font-size: 18px;
    text-shadow: -1px 1px 1px #000;
    font-family: Univers, sans-serif;
}

@media (min-width: 500px) {
    .one-banner {
        height: 300px;
    }
}
@media (min-width: 768px) {
    .one-banner {
        height: 400px;
    }

    .one-banner .overlay-fg h1 {
        font-size: 30px;
    }
}

@media (min-width: 992px) {
    .one-banner {
        height: 500px;
    }
}

@media (min-width: 1380px) {
    .one-banner {
        height: 650px;
    }
}



/*** IMAGE ROWS ***/

.image-row > div {
    height: 320px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    padding: 0;
    margin-bottom: 2px;
}

.image-row-small > div {
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    padding: 0;
    margin-bottom: 2px;
    color: white;
}

.image-row-tall > div {
    height: 520px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    padding: 0;
    margin-bottom: 2px;
    color: white;
}

.image-row-small > .last-image,
.image-row > .last-image {
    border-right: 0;
}

@media (min-width: 480px) {
    .image-row > div {
        height: 480px;
    }
}

@media (min-width: 768px) {
    .image-row > div {
        height: 350px;
    }
}


@media (min-width: 992px) {
    .image-row > div {
        height: 500px;
        border-right: 2px solid white;
    }

    .image-row-small > div {
        border-right: 2px solid white;
    }
}

.spce-me {
    min-height: 500px;
    padding-left: 1px;
    padding-right: 1px;
}

.no-padding-row > div {
    padding-left: 2px;
    padding-right: 2px;
}

.homepage-three-up {
    height: 340px;
    font-family: Gotham, sans-serif;
    color: white;
    font-size: 24px;
    text-shadow: -1px 1px 1px #000;
    text-transform: uppercase;
    display: table;
    margin-top: 2px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.homepage-caption {
        width:100%;
        bottom: 0;
		height: 15%;
        position: absolute;
		font-weight:300;
		text-shadow:none;
		text-transform:uppercase;
		text-align:center;
	    color: white;
		background-color:rgba(0,0,0,0.40);
}
.homepage-caption-middle {
        width:99.5%;
        bottom: 0;
		height: 15%;
        position: absolute;
		font-weight:300;
		text-shadow:none;
		text-transform:uppercase;
		text-align:center;
	    color: white;
        background-color:rgba(0,0,0,0.40);
}


@media (min-width: 768px) {
    .homepage-three-up {
        font-size: 175%;
    }
}

.homepage-three-up.middle-image {
    width: 99.5%;
    margin-left: auto;
    margin-right: auto;
}

.homepage-three-up > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


.headline {
    text-transform: uppercase;
    font: 36px/42px "BerkeleyLT", serif;
    color: #6d6e71;
    text-align: center;
}

.go-panel {
    font-size: 50px;
    line-height: 200px;
    color: #6d6e71;
    text-align: center;
}

/*** BANNERS ***/

.top-banner {
    height: 180px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .top-banner {
        height: 250px;
    }
}

@media (min-width: 992px) {
    .top-banner {
        height: 350px;
    }
}


@media (min-width: 1380px) {
    .top-banner {
        height: 500px;
    }
}

.four-banner.position-1,
.four-banner.position-3,
.four-banner.position-4 {
    display: none;
}

.four-banner {
    height: 400px;
}

.four-banner.position-1
{
    border-right: 2px solid white;
}

.four-banner.position-2 {
    background-color: #c7c1ae;
    color: #6d6e71;
    position: relative;
    /* To keep the transformed div from looking blurry */
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    text-align: center;
}

@media (min-width: 768px) {
    .four-banner {
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        height: 500px;
    }

    .four-banner.position-1,
    .four-banner.position-3
    {
        display: block;
    }

    .four-banner.position-1 {
        width: 20%;
        /*margin-right: 2px;*/
    }

    .four-banner.position-2 {
        width: 35%;
        /*margin-right: 2px;*/
        border-right: 2px solid white;
    }

    .four-banner.position-3 {
        width: 45%
    }
}

@media (min-width: 1380px) {
    .four-banner {
        height: 500px;
    }

    .four-banner.position-4
    {
        display: block;
    }

    .four-banner.position-1 {
        width: 17%;
    }

    .four-banner.position-2 {
        width: 27%;
    }

    .four-banner.position-3 {
        width: 37%;
        float: left;
        border-right: 2px solid white;

    }

    .four-banner.position-4 {
        width: 19%;
        float: left;
    }
}

.three-banner.position-2,
.three-banner.position-3 {
    display: none;
}

.three-banner {
    height: 400px;
}

@media (min-width: 768px) {
    .three-banner {
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        height: 500px;
    }

    .three-banner.position-2
    {
        display: block;
    }

    .three-banner.position-1 {
        width: 60%;
        border-right: 2px solid white;
    }

    .three-banner.position-2 {
        width: 40%;
    }
		
.board-graf {
    font: 10px/14px "Univers", sans-serif;
    text-transform: uppercase;
	text-indent:-20px;
	padding-left:20px;
	text-align:left;
}

}

@media (min-width: 1380px) {
    .three-banner {
        height: 500px;
    }

    .three-banner.position-3 {
        display: block;
    }

    .three-banner.position-1 {
        width: 45%;
    }

    .three-banner.position-2 {
        width: 35%;
        border-right: 2px solid white;
    }

    .three-banner.position-3 {
        width: 20%;
    }

}


.dignity {
    color: #6d6e71;
    position: absolute;
    text-align: center;
    left: 16%;
    right: 16%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dignity-head {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #6d6e71;
    border-bottom: 1px solid #6d6e71;
    font: 36px/42px "DancingScript",sans-serif;
	font-style: italic;
    font-size: 36px;
}

.dignity-date {
    padding-top: 16px;
    padding-bottom: 16px;
    font: 28px/32px "BerkeleyLT", serif;
    font-style: italic;
    font-size: 28px;
}

.dignity-graf {
    font: 14px/20px "Univers Condensed", sans-serif;
    text-transform: uppercase;
}

.board-graf {
	text-indent:-20px;
	padding-left:20px;
	text-align:left;
}

.dignity-link,
.dignity-link a,
.dignity-link a:hover,
.dignity-link a:visited,
.dignity-link a:link,
.dignity-link a:active
{
    font: 21px/30px "BerkeleyLT", sans-serif;
    color: #877b6d;
    text-decoration: underline;
    font-style: italic;
}

@media (min-width: 992px) {
    .dignity-graf {
        font: 16px/24px "Univers", sans-serif;
    }

    .dignity {
        left: 16%;
        right: 16%;
    }
	

}

/*** EVENT LISTINGS ***/

.event-row {
    text-align: center;
    color: #404041;
    margin: 64px auto;
}

.event-number {
    font: italic 72px/36px "BerkeleyLT", serif;
    color: #6d6e71;
    margin-bottom: 32px;
}

.event-title {
    font: bold 30px/48px "Univers", sans-serif;
    text-transform: uppercase;
}

.event-title-kicker {
    font: italic 24px/48px "BerkeleyLT", sans-serif;
	margin-top:0;
	margin-bottom:10px;
}

.event-title-soft {
    font: italic 30px/48px "BerkeleyLT", sans-serif;
}

.event-time {
    font: 18px/22px "Univers", sans-serif;
	text-transform: uppercase;
}

.event-days, .event-price {
    font: 24px/36px "Univers", sans-serif;
    text-transform: uppercase;
}

.event-text {
    font: 18px/28px "BerkeleyLT", serif;
    margin: 12px auto 36px auto;
}

.concert-credit {
	font: 16px/28px "BerkeleyLT", serif;
	font-style:italic;
}

.concert-soldout {
	color: #6d6e71;
	font-weight:700;
}

/*** FORMAL TEXT ***/

.formal-header {
    font: bold 18px/24px "Univers", sans-serif;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.formal-text
{
    font: normal 16px/26px "Univers", sans-serif;
    margin-bottom: 36px;
}

.formal-list {
    font: normal 16px/26px "Univers", sans-serif;
    margin-bottom: 36px;
    padding-left: 16px;
}

/*** PLANNER TEXT ***/

.planner-header {
    font: bold 18px/24px "Gotham", sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.planner-subheader {
    font: italic 18px/24px "Gotham", sans-serif;
    text-transform: uppercase;
    margin-bottom: 36px;
    text-align: center;
}

.planner-text {
    font: normal 22px/26px DancingScript, cursive;
    margin-bottom: 36px;

}

.planner-date {
    font: bold 16px/26px "Gotham", sans-serif;
    padding-right: 24px;
}

.planner-list {
    font: normal 16px/26px "Univers", sans-serif;
    margin-bottom: 36px;
    padding-left: 16px;
}

/*** ASSISTANCE BOX ***/

.assistance-box {
    background-color: #f7f8fa;
    border: 1px solid #6d6e71;
    font: 16px/18px Univers, sans-serif;
    padding: 24px 6px;
}

.assistance-box .glyphicon {
    font-size: 24px;
    display: inline-block;
    margin-right: 16px;
    position: relative;
    top: 6px;
}

.assistance-box > div {
    margin: 12px;
}

.assistance-box h2 {
    font: bold 16px/22px Univers, sans-serif;
    text-transform: uppercase;
    margin-left: 12px;
    margin-bottom: 12px;
}

.assistance-box hr {
    width: 100%;
    height: 1px;
    margin-bottom: 24px;
}

.assistance-box > .assistance-availability {
    background-color: white;
    margin: 0 0 12px 0;
    padding: 18px 0 0 0;
}

.assistance-hours {
    color: #6d6e71;
    padding-bottom: 18px;
    line-height: 1.8;
}

.assistance-box .assistance-subheader {
    font-weight: bold;
	}


@media (min-width: 768px) {

    .assistance-box h2 {
        margin-left: 24px;
        margin-bottom: 24px;
    }

    .assistance-box > div {
        margin-left: 24px;
        margin-right: 24px;
        margin-bottom: 24px;
    }

    .assistance-box {
        padding: 32px 24px 6px 24px;
    }


    .assistance-box > .assistance-availability {
        margin: 0 0 24px 0;
        padding: 36px 0 0 0;
    }

    .assistance-hours {
        margin-left: 24px;
        margin-right: 24px;
        padding-bottom: 36px;
        color: #6d6e71;
    }

    .assistance-box .assistance-subheader {
        font-weight: bold;
        margin-bottom: 0;
        margin-left: 68px;
    }

}

/*** ITEM BOX ***/


.ticket-box {
    background-color: #f4b386;
    color: #867b6d;
    position: relative;
    padding-bottom: 60px;
    margin-bottom: 24px;
}

.ticket-box-image {
    height: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

@media (min-width: 992px) {
    .ticket-box {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 450px;
    }

    .ticket-box-tall {
        height: 670px;
    }

    .ticket-box-four-up {
        width: 100%;
    }
	
}

@media (min-width: 1380px) {
    .ticket-box {
        width: 80%;
        margin-bottom: 0;

    }

    .ticket-box-four-up {
        width: 100%;
    }
	
 .auction-row > div {
        height: 350px;
        padding-top: 20px;
        padding-bottom: 0px;
    }

}

.ticket-box-header {
    font: bold 18px/24px 'Univers Condensed', sans-serif;
    background-color: #867b6d;
    width: 100%;
    color: #f4b386;
    text-transform: uppercase;
    padding: 24px;
    text-align: center;
    margin-bottom: 0;
}

.ticket-box-text {
    color: #867b6d;
    font: 17px/24px Univers, sans-serif;
    margin: 24px;
}

.ticket-box-button {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
    min-width: 120px;
    font: 16px/31px "Univers Condensed", sans-serif;
    background-color: #877b6d;
    color: #f4b386;
    text-transform: uppercase;
    text-align: center;
    /*padding: 12px;*/
}

.ticket-box-price {
	color:#f4b386;
	font-weight:bold;
	text-align:center;
}

.eventhostdate {
	font-weight:bold;
	text-align:right;
}

/*** LODGING ***/

.lodging-row, .venue-row {
    margin-top: 24px;
    margin-bottom: 24px;
}

.auction-row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.lodging-row:hover, .venue-row:hover, .auction-row:hover {
    background-color: #fff3dc;
}

.lodging-image-column > img, .venue-image-column > img, .auction-image-column > img {
  display: block;
  margin: auto;
  padding-bottom:20px;
  max-height: 100%;
}

.venue-image-column {
    height: 300px;
    margin-bottom: 24px;
}

.auction-image-column {
    height: 450px;
    margin-bottom: 24px;
}

@media (min-width: 992px) {

    .lodging-row > div {
        height: 300px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .venue-row > div {
        height: 350px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

   .auction-row > div {
        height: 450px;
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .lodging-text-column, .auction-text-column {
        position: relative;
        /* To keep the transformed div from looking blurry */
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .lodging-text-column > div {
        position: absolute;
        left: 5%;
        right: 0;
        /* Center this vertically */
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
	
	.auction-text-column > div {
        position: absolute;
        left: 5%;
        right: 0;
    }
}



.lodging-header {
    margin-bottom: 8px;
    font: bold 24px/28px Gotham, sans-serif;
    text-transform: uppercase;
}

.lodging-text {
    font: normal 16px/28px Gotham, sans-serif;

}

.auction-text {
    font: normal 16px/28px Gotham, sans-serif;

}
.lodging-image-column > img, .venue-image-column > img {
    display: block;
    margin: auto;
}

/*** VIDEO ***/

.novideo-column {
    text-align: center;
    height: 200px;
}

.video-info-column {
    color: white;
}
.video-title {
    text-transform: uppercase;
	color: #fff3dc;
}

.arrow-buttons {
    margin-top: 36px;
    margin-bottom: 48px;
}

.small-arrow-button {
    display: inline-block;
    color: #867b6d;
    background-color: #fff3dc;
    font: bold 12px/12px Univers, sans-serif;
    padding: 4px 12px 4px;
}

.likes {
    margin-bottom: 24px;
}

.like {
    display: inline-block;
    margin-right: 12px;
    font: normal 14px/16px Univers, sans-serif;

}

.gallery-header {
    color: #2e2e2e;
    font: bold 18px/28px Univers, sans-serif;
    border-bottom: 1px solid #ddd;
    margin-top: 48px;
}

.video-thumbnail {
    margin-top: 24px;
    margin-bottom: 24px;
}

@media (min-width: 400px) and (max-width: 767px) {
    .gallery-row {
        margin-left: 12px;
    }
	
	.auction-text {
    font: normal 14px/24px Gotham, sans-serif;

}
}

/*** COOK-OFF BOXES ***/

.cookoff-panel img {
    width: 100%;
}

.cookoff-panel-bottom {
    height: 120px;
    line-height: 1.2;
}

.cookoff-panel-text-block {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 50%;
    vertical-align: middle;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cookoff-panel-restaurant {
    font-size: 15px;
    margin-top: 4px;
}

.cookoff-panel-bottom-short {
    height: 100px;
    line-height: 1.2;
}

.cookoff-panel .btn {
    margin-top: 12px;
}

/*** ***/

.small-ribbon {
    text-align: center;
}

.small-ribbon > img {
    display: inline-block;
    padding: 20px;
}

.image-row .focus-right ,  .focus-right {
    background-position: 90% 50%;
}

.image-row .focus-top-right ,  .focus-top-right {
    background-position: 90% 10%;
}

.image-row .focus-bottom-right ,  .focus-bottom-right {
    background-position: 90% 90%;
}

.image-row .focus-left ,  .focus-left {
    background-position: 10% 50%;
}

.image-row .focus-top-left ,  .focus-top-left {
    background-position: 10% 10%;
}

.image-row .focus-bottom-left ,  .focus-bottom-left {
    background-position: 10% 90%;
}

.image-row .focus-top ,  .focus-top {
    background-position: 50% 10%;
}

.image-row .focus-bottom ,  .focus-bottom {
    background-position: 50% 90%;
}

.small-print {
    text-align: center;
    font: italic 16px/24px BerkeleyLT, sans-serif;
}

.banner-row {
    height: 320px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

}

.banner-row > div {
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.circle-image-column {
    height: 280px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 24px;
}

.auction-row > div {
        height: 550px;
        padding-top: 20px;
        padding-bottom: 0px;
    }


@media (min-width: 768px) {
    .circle-image-column {
        height: 240px;
    }
}

@media (min-width: 992px) {
    .circle-image-column {

        height: 280px;

    }
}

@media (min-width: 1380px) {
    .circle-image-column {

        height: 320px;

    }
}

.circle-image-text {
    color: white;
    font: bold 24px/31px Univers, sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.form-group {
    margin-bottom: 24px;
}

.input-lg {
    font-size: 14px;
}



.scaling-row {
    height: 200px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.center-image {
    text-align: center;
    width: 100%;
}

.center-image > img {
    display: inline-block;
}

.volunteer-form .col-md-4 {
    padding-left: 30px;
    padding-right: 30px;
}

/* NEW CSS STARTS HERE */

.nav .dropdown-menu {
    background-color: #404041;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
	padding-right:24px;
    left: 0;
}

/*
    min-width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
*/

.nav .dropdown-menu.dropdown-menu-right {
    left: auto;
    right: 0;
}

@media (min-width: 768px) {
	/*
    .nav .dropdown-menu {
        background-image: url('../../../../assets/image/tinydancer.jpg');
        height: 200px;
    }
	*/
}

.dropdown-menu.columns-3
{
    width: 600px;
}

.dropdown-menu.columns-2
{
    width: 300px;
}

.dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
}
.multi-column-dropdown {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown-menu li a {
    display: block;
    clear: both;
    white-space: normal;
    text-transform: uppercase;
    color: white;
    font: normal 14px/16px Univers, sans-serif;
}

.multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
	
}

ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}

.dropdown-menu {
    border: 0;
}

.tmphome-banner {
    height: 1500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.tmphome-banner-text {
    font-size: 36px;
    line-height: 42px;
    font-family: 'Univers Condensed', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: white;
    text-align: right;
    margin-bottom: 160px;
}

.tmphome-lowbanner-text {
    font-size: 20px;
    line-height: 24px;
    font-family: 'Univers Condensed', sans-serif;
    text-transform: uppercase;
    font-weight:bold;
    color: white;
    text-align: center;
    margin: 20px;
}

.tmphome-banner-text.first-div {
    margin-top: 175px;
}

.tmphome-banner-text .date-span {
    font-weight: normal;
    color: #fdca31;
    letter-spacing: 4px;
    font-size: 28px;
}

.tmphome-logo {
    margin: 30px;
    text-align: center;
}

.tmphome-logo img {
    display: inline-block;
}

.tmphome-footer {
    height: 400px;
}

/* FOOTER */


.footer-text {
    font: normal 14px/18px Univers, sans-serif;
    color:white;
}

.footer-text > a {
    color:white;
    text-decoration:underline;
}


/* logo carousel */
/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	/*cursor: url(http://festivaldelsole.org/default/includes/themes/festivaldelsole/images/cursors/cursor_arrow_left.png), url(http://festivaldelsole.org/default/includes/themes/festivaldelsole/images/cursors/cursor_arrow_left.cur),w-resize;*/
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

#logoParade
{
	width: 100%;
	height: 210px;
	position: relative;
	overflow: hidden;
	margin-left:0;
}

#logoParade div.scrollableArea a
{
	display: block;
	float: left;
	padding-left: 10px;
	vertical-align:middle;
}

#logoParade img {
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:10px;
	max-height:200px;
}




/* DONOR AND BLOG PAGE */

.foursquare-container {
    margin-top: 36px;
    margin-bottom: 36px;
}

.foursquare {
    height: 363px;
    background-size: cover;
    border: 4px solid #fff3dc;
    font-size: 18px;
    font-family: "Univers Condensed", sans-serif;
}

.blog-row {
    padding: 24px;
    background-color: #6d6e71;
    margin-bottom: 36px;
}

.blog-image {
    background-size: cover;
    height: 300px;
	width:300px;

}

.blog-text {
    font-family: "Univers", sans-serif;
    font-size: 18px;
    line-height: 24px;
	color: white;
}

.blog-text-indent {
	margin-left:30px;
}

.blog-text .blog-title {
    font-size: 24px;
    font-family: "Univers Condensed", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 24px;
    margin-top: 24px;
}

.blog-title>a {
	color:white;
}

.blog-date {
	font-size:14px;
	text-transform:uppercase;
	text-align:right;
}

.blog-post .blog-post-left {
	font: 18px/28px "Univers", sans-serif;
}

.blog-post img {
	float:right;
	position:relative;
	margin: 20px 0 10px 20px;
}

.blog-ass-image {
	float:right;
	position:relative;
}
.blog-ass-image img {
	float:right;
	position:relative;
	margin: 0 0 0 20px;
}

.auction-list li {
	margin-left:10px;
	list-style: disc; 
}

.auction-list2 li {
	margin-left:30px;
	list-style: circle; 
}

.auction-list3 ul {
	text-align:center;
}
.auction-list3 li{
	list-style:none;
	display:inline-block;
}
/***
.auction-list3 li:before {
  content: "• ";
}
***/

.Lot-callout-red {
	color:#da2632;
	font-weight:bold;
	font-size:1em;
}

.blog-post-left img {
	float:left;
	position:relative;
	margin: 20px 0 10px 20px;
}

.blog-ass-image-left {
	float:left;
	position:relative;
}
.blog-ass-image-left img {
	float:left;
	position:relative;
	margin: 0 0 0 20px;
}

.blog-image-caption {
	font-size:14px;
	font-style:italic;
	margin-bottom:10px;
	margin-left:20px;
}

figcaption {
	font-size:14px;
	font-style:italic;
	margin-bottom:10px;
	margin-left:20px;
}
.blog-post .blog-post-left h3,h2 {
	margin-top:20px;
	font-weight:bold;
}
	
.btn-blog {
    color: #6d6e71;
    background-color: #fff3dc;
    border: none;
    text-shadow: none;
    font-weight: normal;
    font: 16px/31px  "Univers", sans-serif;
    text-transform: uppercase;
}

/* Blog post pages */



.btn-right {
    text-align: right;
}

.btn-right .btn {
    text-align: right;
}

.sixty-four {
    width: 64px;
    height: 64px;
    margin-left: 6px;
}

.sixty-four-column {
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: right;
}

.contact-wrapper {
    background-color: #6d6e71;
    color: #fff3dc;
    padding-top: 36px;
    padding-bottom: 36px;
    padding-left: 36px;

}

.contact-header {
    font: bold 30px/36px "Univers", sans-serif;
    text-transform: uppercase;
    border-bottom: 4px solid #50586c;
    margin-bottom: 36px;
    width: 25%;
}

.contact-listing {
    font: normal 18px/34px "Univers", sans-serif;
	text-indent:-10px;
	padding-left:10px;
}

.contact-listing >a {
	color:#e17a78;
}

.contact-form-container {
    padding-top: 60px;
    font-family: Univers, sans-serif;
    padding-bottom: 60px;
}

.form-submit-text {
    color: #877b6d;
}

.form-submit-hr {
    border-color: #877b6d;
    width: 5%;
    margin-top: 16px;
}

/*** ESSENTIALS PAGE ***/

.stratum-essentials {
    background-color: #fff3dc;
    color: #6d6e71;
    text-align: center;
}
 
.stratum-essentials-header {
    font: normal 36px/27px BerkeleyLT, serif;
    text-transform: uppercase;
    margin-bottom: 36px;
    margin-top: 36px;
}

.stratum-essentials-text {
    margin-bottom: 36px;
	text-align:left;
}

.essentials-main-column,
.essentials-main-box
{
    height: 600px;
    background-size: cover;
}

.essentials-main-header {
    font: bold 25px/28px Univers, sans-serif;
    margin-bottom: 24px;
    margin-right: 24px;
    margin-left: 24px;
	color:white;
}

.essentials-main-text {
    font: normal 18px/28px BerkeleyLT, serif;
    margin-bottom: 24px;
    margin-right: 24px;
    margin-left: 24px;
	color:white;
}
a .essentials-main-text {
	color:#e17a78;
}
.overlay-fg-generic {
    position: absolute;
}

.overlay-middle-generic {
    position: absolute;
    /* Center this vertically */
    top: 50%;
    vertical-align: middle;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.btn-essentials-wear {
    color: #fff3dc;
    background-color:  #877b6d;
    text-shadow: none;
    font-family: Univers, sans-serif;
    white-space: normal;
    margin-bottom: 48px;
    padding-left: 24px;
    padding-right: 24px;
}
.btn-essentials {
    color: #404041;
    background-color:  #877b6d;
    text-shadow: none;
    font-family: Univers, sans-serif;
    white-space: normal;
    margin-bottom: 48px;
    padding-left: 24px;
    padding-right: 24px;
}

.stratum-essentials-drive {
    background-color: #c6c3ae;
}

.stratum-essentials-grape .stratum-essentials-text {
    text-align: left;
}

.stratum-essentials .well {
    font-family: BerkeleyLT, serif;
}

/* Columnizer styles to add padding */

.column div { 
	padding-right: 30px;
	}
.wide, .thin { 
	clear:both;
	}
		
		
		
		/* DONATE */

.stratum-donate {
    background-color: #50586c;
    color: white;
    font: normal 18px/28px Univers, sans-serif;
    text-align: center;
}

.stratum-donate-header {
    font-weight: bold;
    color: #877b6d;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 36px;
    margin-top: 36px;
}

.stratum-donate-text {
    margin-bottom: 36px;
}

.stratum-donate a,
.stratum-donate a:visited,
.stratum-donate a:active,
.stratum-donate a:hover,
.stratum-donate-highlight {
    color: #877b6d;

}

.donate-box-wrapper {
    margin-top: 60px;
}

.donate-box {
    background-color: #6d6e71;
    color: white;
    height: 600px;
    font-family: Univers, sans-serif;
    padding: 0;
    margin-bottom: 60px;
}

.donate-box-image {
    height: 160px;
    width: 100%;
    background-size: cover;
}

.donate-box-header {
    height: 100px;
    width: 100%;
    background-color: #877b6d;
}

.donate-box-header-text {
    font-size: 30px;
    color: #fff3dc;
    font-weight: bold;
    text-transform: uppercase;
	padding: 8px 0 8px 0;
}

.donate-box-subheader {
    height: 40px;
    width: 100%;
    background-color: #fff3dc;
	bottom:0;
}

.donate-box-subheader-text {
    font-size: 18px;
    color: #6d6e71;
    font-weight: bold;
    text-transform: uppercase;
	text-align:center;
	padding: 8px 0 8px 0;
}

.donate-box-left-column,
.donate-box-right-column {
    padding: 0;
}

.donate-box-tall {
    height: 820px;
}

.donate-box-tall .donate-box-image {
    height: 240px;
}

.donate-box-info {
    height: 300px;
}

.donate-box-tall .donate-box-info {
    height: 440px;
}

.donate-box-info-text {
    font: normal 18px/24px Univers, sans-serif;
    text-align: left;
    text-transform: none;
    left: 36px;
}

.donate-box-gift-type {
	text-transform:uppercase;
	font-weight:bold;
	margin-top:10px;
}
.donate-box-gift-premium {
	text-indent: -20px;
	padding-left: 40px;
}

.btn-donate {
    color: #6d6e71;
    background-color: #fff3dc;
    border: none;
    text-shadow: none;
    font-weight: normal;
    font: 16px/31px  "Univers", sans-serif;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
}

.donate-thanks {
    margin: 60px 0;
    text-align: center;
    font: normal 15px "Univers Condensed", sans-serif;
}

.big-thanks {
    color: #877b6d;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
}


@media (min-width: 992px) {

    .donate-box {
        height: 300px;
    }

    .donate-box-tall {
        height: 440px;
    }
.donate-box-tall .donate-box-image {
    height: 300px;
}
}

@media (max-width: 768px) {
.donate-box-info-text {
    font: normal 16px/22px Univers, sans-serif;
}
}



/** STYLE **/
/**
.style-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
    line-height: 1.2;
}

.style-wrapper img {
    display: block;
    margin: auto;
}

.no-letter-spacing {
    letter-spacing: normal;
}

.stack-space-72 {
    margin-top: 72px;
    margin-bottom: 72px;
}

.style-bw-row {
    margin-bottom: 24px;
}

.style-bw-first-column {
    height: 140px;
    background-color: #50586c;
}

.style-bw-label {
    position: absolute;
    left: -4px;
    bottom: -15px;
    color: white;
    font: bold 50px/50px 'Univers Condensed', sans-serif;
    text-transform: uppercase;
}

.style-bw-image-column {
    background-size: cover;
    height: 140px;

}
**/
.style-slider-box {
	background-color:#6d6e71;
	max-height:100%;
	margin-bottom:50px;
	color:white;
}

.style-slider-text {
	padding: 0 10% 0 10%;
}

.navbar-collapse.in {
   overflow-y: visible;
}

/*TOP BANNER*/
#topbar {
width: 100%;
background-color: #fbb040;
color: #fff;
text-transform:uppercase;
display: block;
font-family: 'Univers', sans-serif;
font-size:16px;
font-weight:700;
height: 40px;
min-width: 480px;
z-index:1;
margin:0;
text-align:center;
padding: 10px;
}