form { padding: 0; margin: 0; }
ul#yaQuickMenu { margin: 0; padding: 0; list-style: none; list-style-image: none; }
ul#yaQuickMenu li { list-style: none; list-style-image: none; float: left; width: 33%; margin: 10px 0px; font-size: 0.85em; }
#yaPad { padding-left: 1em; padding-right: 1em; }
span.unBold { font-weight: normal; }
div.col8 { float: left; width: 12.5%; }
div.col5 { float: left; width: 20%; }
div.col4 { float: left; width: 25%; }
div.col3 { float: left; width: 33%; }
div.col2 { float: left; width: 50%; }
span.upperSmall { text-transform: uppercase; font-size: 0.75em; }
div.yaMenuHolder { background-color: #f2f2f2; }
div.yaMenuHolder p, div.yaMenuHolder h2 { margin-left: 1em; }
div.yaMenuHolder hr { margin-top: 0px; }
.formError { color: red; }
.formSuccess { color: #2c77ba; }
div.browsebut { margin-top: 20px; text-transform:uppercase; }
#main { min-height: 710px; }
.TimeBox{
    margin-top:0px;
}
@media screen and (min-width: 31em) and (max-width:47.9em) { /* 496px to 768px */
	ul#yaQuickMenu li, div.col3, div.col4 { display: block; width: 50%; }
	div.col5 { width: 33%; }
	div.col8 { width: 25%; }
	div.col2 { display: block; width: 100%; }
	#main { min-height: 300px; }
    .TimeBox{margin-top:10px;}
}
@media screen and (min-width: 10em) and (max-width:30.999em) { /* 320px - 495px */
	ul#yaQuickMenu li, div.col5, div.col4, div.col3, div.col2 { display: block; width: 100%; }
	div.col8 { width: 50%; }
	div.col5 input { width: 100%; }
	input:not([type="checkbox"]), select { width: 100%; }
    #searchBarMobile input.buttonsearch { width:auto !important }
	div.col5 p { margin-bottom: 0px; }
	#main { min-height: 300px; }
    .TimeBox{margin-top:10px;}
}
.optinbutton { background-color: #008828; float: left; margin-bottom: 1em; text-transform:uppercase; }
.optinbutton:hover { background-color: #00661E; }
.optinbutton a { padding: 0.5em 1em; display: inline-block; color: white; text-decoration:none; }

#ddlTimezones { padding:5px; }

p input[type="checkbox"]{ width:20px; height:20px; vertical-align:sub; }

.whatIsEspresso{ background-color: #2A6EAA; text-transform:uppercase; display:inline-block; margin-right:15px;}
.whatIsEspresso:hover{ background-color: #3180c5; }
.whatIsEspresso a{ padding:0.5em 1em; color: white; display:block; font-weight:bold; text-decoration:none; }
.btnWhatIsEspresso i{ margin-left:10px; }

.getEspresso{ background-color: #008828; text-transform:uppercase; display:inline-block; }
.getEspresso:hover { background-color: #00661E; }
.getEspresso a{ padding:0.5em 1em; color: white; display:block; font-weight:bold; text-decoration:none; }
.btnGetEspresso i{ margin-left:10px; }

#pnlEspressoBanner a > img { width:100%; height:auto; }

a.newsletterExampleLink{ margin-top:10px; display:block; color: #2A6EAA; text-decoration:underline; }

.espresso-banner-holder * {
    box-sizing: border-box;
}

.espresso-banner-holder {
    background-color: #1F2329;
    background-image: url('/images/espresso/espresso-signup-background.jpg');
    background-size: cover;
    background-position: center 80%;
    border-bottom: 5px solid #E39E5B;
    overflow: hidden;
}

.espresso-banner-holder .espresso-header {
    width: 100%;
    padding: 1em;
    padding-bottom: 0;
    position: relative;
}

.espresso-banner-holder .espresso-header .example { 
    position: absolute;
    top: 0;
    right: 0;
    max-width: 250px;
    margin-right: 2em;
}

.espresso-banner-holder .espresso-header .logo {
    max-height: 70px;
}

.espresso-banner-holder .espresso-body {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    color: white;
    padding: 1.5em;
    align-items: center;
}

.espresso-banner-holder .espresso-body p {
    padding: 0;
    margin: 0.5em 2em 0.5em 0;
    font-family: utopia-std-display,serif,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 2em;
}

.espresso-banner-holder .espresso-body a {
    background-color: #E39E5B;
    color: #1F2329;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    padding: 1em;
    border-radius: 0.5em;
}

@media screen and (max-width: 1240px) {
    .espresso-banner-holder .espresso-header .example { display: none; }
}

.select2-container * {
    box-sizing: border-box;
}
.select2-results__option {
    margin-left: 0;
}