﻿/* RECIPE SETUPS */
#content > h1 {
    margin-top: 0px;
}

.recipe-firstelement,
.recipe.recipe-firstelement {
    margin-top: 0px;
}

.recipe-lastelement,
.recipe.recipe-lastelement {
    margin-bottom: 0px;
}

.recipe {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .recipe:before,
    .recipe:after {
        content: " ";
        display: table;
    }

    .recipe:after {
        clear: both;
    }

    .recipe > *:first-child,
    .shuttl-content > *:first-child,
    .without-margin > *:first-child,
    .without-margin {
        margin-top: 0px;
    }

h5 {
    margin-bottom: .5em;
}

.header-list li {
    font-family: Arial, sans-serif;
}

.header-list.withMedia {
    margin-top: 15px;
}

.shuttl-row > h5,
.shuttl-lastrow > h5 {
    margin-top: 0px;
}

.adjust-p-top-tbl {
    margin-top: 0px;
    margin-bottom: 10px;
}

.shuttl-content.with-p > p {
    margin-bottom: 0px;
}

.shuttl-rte-lastgroup {
    clear: left;
}

/* GENERIC RECIPES */
.title {
    margin-bottom: 0px;
}

.tleft-mright .recipe-text {
    padding-right: 0px;
}

.recipe-vid {
    margin: 0px 0 15px 0;
}

    .recipe-vid.wrapping {
        margin: 0px 0px 15px 0px;
    }

.recipe-map iframe {
    max-height: 260px;
    width: 100%;
}

.recipe-img img {
    max-width: 100%;
    height: auto;
    margin-top: 1em;
    width: 100%;
}

.margin-top-recipe-img ul {
    margin-top: 1em;
}

.responsive-img img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.mright-tleft-flowing p {
    margin-left: 15px;
    margin-right: 15px;
}

.mright-tleft-flowing .recipe-img {
    margin-bottom: 15px;
}


.margin-bottom-sm {
    margin-bottom: 15px;
}

.mright-tleft-flowing .flowing-table {
    padding-bottom: 15px;
}

.quote-block div {
    float: left;
    color: #9b895b; /* see also IMS .t-text-n*/
}

    .quote-block div.quote {
        position: relative;
        margin-left: 15px;
        margin-right: 15px;
    }

        .quote-block div.quote blockquote {
            font-style: italic;
            margin-left: 30px;
            margin-right: 30px;
        }

        .quote-block div.quote div.r_quote {
            position: absolute;
            right: 0;
            bottom: 0;
        }

    .quote-block div.quote-author {
        float: right;
        text-align: right;
        padding-top: 15px;
        margin-left: 15px;
        margin-right: 15px;
    }

/* ========== FAQ Accordions ========== */
div.faq {
    margin-top: 15px;
}


.question {
    background-color: #eee;
    color: #444;
    font-weight: 600;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 10px;
    margin: 0 0 1em;
    line-height: 1.3em;
}

    /* Accordion bg */
    .question.active, .question:hover {
        background-color: #ddd;
    }
    /* Unicode character for "plus" sign (+) */
    .question:after {
        content: '\2795';
        font-size: 13px;
        color: #777;
        float: right;
        margin-left: 5px;
    }
    /* Unicode character for "minus" sign (-) */
    .question.active:after {
        content: "\2796";
    }
/* the panel class */
div.answer {
    padding: 5px 18px;
    background-color: #f2f2f2;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom: 10px;
}

    div.answer.show {
        opacity: 1;
        max-height: 500px;
    }

/* ========== FAQ ========== */
ul.faq {
    list-style: none;
    padding: 0;
}

    ul.faq > li {
        background: transparent url(images/faq-q.png) no-repeat scroll left top;
        list-style-image: none;
        min-height: 28px;
        padding-left: 47px;
        font-size: 1em;
    }

        ul.faq > li.faq-q {
            font-weight: bold;
            font-style: italic;
        }

        ul.faq > li.faq-a {
            background-image: url(images/faq-a.png);
            margin-bottom: 20px;
        }

.faq-q img,
.faq-a img {
    float: left;
}

.faq-a.with-img p {
    padding-right: 0px;
}

.faq-a > ul li {
    font-size: 1em;
}

.faq-addr-lbl {
    clear: left;
    float: left;
    padding-right: 15px;
    padding-top: .5em;
    text-align: right;
    width: 25%;
}

.faq-addr-note {
    clear: left;
    float: left;
    padding-right: 15px;
    padding-top: .5em;
}

.faq-addr-val {
    float: left;
    padding-top: .5em;
    text-align: left;
}

.faq .recipe-img {
    float: right;
    height: auto;
    max-width: 100%;
    padding-left: 15px;
    width: 33.333333333%;
}

.shttl-rte .recipe-title,
.shttl-rte .subhead {
    margin: 0px;
}

.responsive-img-cont {
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

    .responsive-img-cont img {
        height: auto;
        max-width: 100%;
        min-width: 550px;
        width: 100%;
    }

/* HEADER CONTROL RECIPE */
.hdr-recipe {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

.hdr-image,
.hdr-blank {
    margin-left: 0px;
    overflow: hidden;
}

    .hdr-image img {
        height: 160px;
        max-width: inherit;
        position: absolute;
        visibility: hidden;
        width: inherit;
    }

    .hdr-blank img {
        max-width: 100%;
    }

.hdr-control-menu {
    height: 100%;
    position: relative;
    width: 70%;
    z-index: 3;
}

.hdr-layout-fx {
    clear: none;
    float: left;
    margin-left: -180px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.l-evt-sidebar .hdr-layout-fx {
    margin-left: -180px;
}

.hdr-control {
    background-color: #262626;
    float: left;
    height: 160px;
    position: relative;
    width: 180px;
    z-index: 2;
}

.l-evt-sidebar .hdr-control {
    margin-left: 0px;
}

.hdr-control-menu {
    width: 100%;
}

.hdr-mobile-row {
    width: 15px;
}

.hdr-blank {
    margin-bottom: 15px;
    text-align: center;
}

    .hdr-blank img {
        margin-left: -50%;
        margin-right: -50%;
    }

a.nav {
    transition: opacity .5s;
    visibility: hidden;
}

a.nav {
    cursor: pointer;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

    a.nav:hover {
        cursor: pointer;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

a.selected {
    cursor: default !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.hdr-control-menu a.nav {
    color: #ffffff;
}

.hdr-control-2 tr {
    height: 50%;
}

.hdr-control-3 tr {
    height: 33%;
}

.hdr-control-4 tr {
    height: 25%;
}

.hdr-control-5 tr {
    height: 20%;
}

.hdr-mobile-row {
    width: 30px;
}

.hdr-control-menu td,
.hdr-control-menu td a,
.hdr-control-menu td a:link {
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
}

table.hdr-control-separators {
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
}

    table.hdr-control-separators span {
        display: block;
        height: 100%;
    }

    table.hdr-control-separators tr + tr span {
        border-top: solid 1px #5a574e;
        transition: border-color 0.5s;
        -webkit-transition: border-color 0.5s;
        -moz-transition: border-color 0.5s;
        -ms-transition: border-color 0.5s;
        -o-transition: border-color 0.5s;
    }

    table.hdr-control-separators tr.selected span,
    table.hdr-control-separators tr.selected + tr span {
        border-top-color: transparent;
    }

table.hdr-control-menu td > span {
    display: inline-block;
    height: 100%;
    width: 100%;
}

    table.hdr-control-menu td > span > a {
        display: table;
        height: 100%;
        width: 100%;
    }

        table.hdr-control-menu td > span > a > span {
            display: table-row;
        }

            table.hdr-control-menu td > span > a > span > span {
                display: table-cell;
                padding: 0 10px 0 20px;
                vertical-align: middle;
            }

/* INTERACTIVE TRACK MAPS */
.tour-lgnd span {
    vertical-align: middle;
    margin-right: 10px;
    font-weight: bold;
}

#vid-box {
    position: absolute;
    width: 97%;
    height: 100%;
    background: rgba(255,255,255,.8);
}

#centerVideo {
    margin: auto;
    display: block;
    width: 87%;
    height: 96%;
    margin-top: 1%;
}

#videoPlayerReplacement {
    height: 100%;
}

    #videoPlayerReplacement > iframe {
        width: 100%;
        height: 100%;
        z-index: 1;
    }

#vid-box > span {
    position: absolute;
    right: 5%;
}

#vid-box {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#closeBtn {
    float: right;
    margin-right: -26px;
    cursor: pointer;
    z-index: 3;
    position: relative;
}

/* ARROW */
.hdr-arrow {
    position: absolute;
    top: 0px;
    visibility: hidden;
    width: 290px;
    transition: top .75s;
    -moz-transition: top .75s;
    -webkit-transition: top .75s;
    -ms-trasition: top .75s;
    -o-trasition: top .75s;
}

    .hdr-arrow .line {
        width: 270px;
    }

    .hdr-arrow.left .line {
        float: right;
    }

    .hdr-arrow.right .line {
        float: left;
    }

.mobile-point {
    width: 180px;
}

.hdr-arrow.left .point {
    float: left;
    height: 0;
    width: 0;
}

.hdr-arrow.right .point {
    float: right;
    height: 0;
    width: 0;
}

.hdr-arrow.left .point {
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 30px solid;
}

.hdr-arrow.right .point {
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid;
}

.hdr-arrow-mobile {
    left: 0px;
    position: absolute;
}


.hdr-arrow-mobile {
    top: 0px;
    transition: top 0.75s;
    -moz-transition: top 0.75s;
    -webkit-transition: top 0.75s;
    -ms-trasition: top 0.75s;
    -o-trasition: top 0.75s;
}

.top-btn {
    margin-top: 16px;
}

/* ICON IMAGE GRID */
.people-grid {
    margin-left: -10px;
    margin-right: -10px;
}

.people-icon {
    cursor: pointer;
    float: left;
    height: 110px;
    margin: 10px;
    width: 140px;
}

    .people-icon img {
        pointer-events: none;
    }

    .people-icon img,
    .people-icon {
        user-select: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
    }

.people-subtitle {
    background-color: #000000;
    color: #ffffff;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-top: -2px;
    pointer-events: none;
    width: 100%;
}

    .people-subtitle span {
        margin-left: 5px;
    }

.people-overlay {
    background-color: #000000;
    height: 113px;
    left: 15px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 149px;
    width: 310px;
    visibility: hidden;
    z-index: 2;
}

    .people-overlay > div {
        color: #FFFFFF;
    }

.people-overlay-description {
    margin-top: 5px;
}

.people-overlay-readmore {
    bottom: 10px;
    position: absolute;
}

.people-overlay-close {
    bottom: 10px;
    cursor: pointer;
    position: absolute;
    right: 10px;
}

/* PEOPLE DETAIL PAGES*/
.people-detail-quote {
    float: left;
    font-style: italic;
    margin: 5px;
    width: 88%;
}

    .people-detail-quote .r_quote {
        margin-bottom: -.5em;
    }

.people-detail-back {
    float: right;
}

/* CALENDAR GRID */
.calendar-grid {
    margin-left: -10px;
    margin-right: -10px;
    text-align: center;
}

.calendar-item {
    margin: 10px;
}

/* PAGODA TIMELINE */
.timeline-container {
    width: 100%;
}

.timeline-recipe {
    overflow: hidden;
    position: relative;
    width: 990px;
}

.timeline-slide {
    left: 0px;
    position: absolute;
    width: 990px;
}

.timeline-slide-container {
    position: absolute;
}

.timeline-slide-image {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 55%;
}

.timeline-slide-text {
    clear: left;
    float: left;
    width: 98%;
}

    .timeline-slide-text p {
        margin-left: 0px;
        margin-right: 0px;
        font-size: 12px;
    }

.timeline-line {
    background-color: #9b8a5b;
    border-bottom: 3px solid #9b8a5b;
    margin-top: -3px;
}

.timeline-marker {
    cursor: pointer;
    width: 23px;
}

.timeline-label {
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
    font-size: 13px;
}

/* TICKET PAGES */
.recipe-shuttle-serve {
    height: 5em;
    padding-top: 25px;
}

.tckt-prc {
    color: #ffffff;
    height: 100%;
    position: relative;
    width: 100%;
}

    .tckt-prc > div {
        position: absolute;
        top: 0;
        vertical-align: middle;
    }

.shuttl-lastrow {
    margin-top: 15px;
}

.tckt-prc-blck-l {
    font-family: Arial, sans-serif;
    font-size: .8em;
    font-weight: bold;
    left: 15px;
    line-height: 1.2em;
    text-align: left;
    width: 31%;
}

.tckt-prc-blck {
    font-family: 'lorabold', serif;
    left: 31%;
    text-align: center;
    width: 47%;
}

.tckt-prc-blck-r {
    font-family: 'lorabold', serif;
    font-size: .9em;
    right: 15px;
    text-align: left;
    width: 22%;
}

.tckt-prc-dllr {
    font-size: 1.25em;
}

.tckt-prc-amt {
    font-size: 2em;
}

.enroll-el {
    margin-right: 16px;
}

/* CAMPING / PARKING */
.recipe-table table {
    font-size: 14px;
    width: 100%;
}

    .recipe-table table thead {
        background-color: #595959;
        color: #ffffff;
        font-weight: bold;
        border: 1px solid #595959;
    }

        .recipe-table table thead tr {
            height: 30px;
            text-transform: uppercase;
        }

.recipe-table td {
    border: 1px solid #9b9690;
    padding: 5px;
    vertical-align: top;
}

.recipe-table thead td,
.recipe-table thead th {
    font-size: 1em;
    text-align: center;
    vertical-align: bottom;
    padding: 0 5px;
}

    .recipe-table thead th.nopad {
        padding: 0px;
    }

    .recipe-table thead th.twolines {
        padding: 5px;
    }

    .recipe-table thead td.textLeft,
    .recipe-table thead th.textLeft {
        text-align: left;
    }

.recipe-table thead th {
    padding-bottom: 5px;
}

.recipe-table table tbody {
    background-color: #e0dfda;
}

    .recipe-table table tbody td {
        font-size: 1em;
        line-height: 1.2em;
    }

.recipe-table th.center,
.recipe-table td.center {
    text-align: center;
}

.recipe-table table .table-legend {
    font-weight: bold;
    text-align: left;
}

.recipe-table table tbody td a span {
    padding-right: 5px;
}

.recipe-table .drvrName.sprite {
    float: left;
    margin-right: 10px;
}

.recipe-table .table-name {
    float: left;
    width: 60%;
}

.recipe-table.padding-bottom {
    padding-bottom: 16px;
}

.recipe-table.recipe-table-nogrid td,
.recipe-table.recipe-table-nogrid th {
    border: none;
}

.recipe-table .rewardsCol {
    width: 30%;
}

.recipe-table span.lbl-w-icon {
    line-height: 20px;
}

.circle {
    border-color: #000000;
    border-radius: 6px;
    height: 12px;
    margin: 0 auto;
    width: 12px;
}

.map {
    height: 400px;
}

.map-canvas img {
    max-width: none;
}

.map-canvas {
    display: block;
    height: 400px;
    left: 0px;
    top: 0px;
    width: 100%;
}

.detail-btn {
    float: right;
    line-height: 1.25em;
    margin-top: 8px;
}

    .detail-btn .sprite,
    .middle_sprite {
        vertical-align: middle;
    }

ul.two-column {
    float: left;
    width: 50%;
}

.two-col-li-60 {
    float: left;
    width: 60%;
}

.two-col-li-40 {
    clear: left;
    float: left;
    margin-bottom: 1em;
    width: 100%;
}

.one-col-li {
    float: left;
    width: 100%;
}

.location-btn .sprite {
    float: left;
    margin-left: 0px;
    margin-right: 10px;
}

.location-btn a {
    float: left;
    font-size: .875em;
    text-align: left;
}

.sub-line {
    margin-top: 0px;
}

.calendar-item {
    width: 216px;
    height: 193px;
    display: inline-block;
}

    .calendar-item img {
        width: 100%;
        height: auto;
    }

/**************KIDS CLUB***********/
.kc-sponsor-item {
    display: inline-block;
    margin: 0 15px;
    height: 80px;
}

/**************MUSEUM**************/
.shuttl .hdr-lbl {
    display: block;
    float: left;
    font-size: .75em;
    font-weight: bold;
    height: 100%;
    margin-top: 0;
    width: 20%;
}

.shuttl .hdr-val {
    display: block;
    font-size: .85em;
    margin-top: -2px;
    line-height: 1.3em;
    margin-bottom: 0.8em;
    float: left;
    width: 80%;
}

/* HISTORY - WORLD WHEN IMS OPENED */
.venue {
    height: auto;
}

    .venue > div {
        margin: .4em 0;
    }

.ven_yr {
    float: left;
    width: 100%;
}

.ven_img {
    clear: left;
    float: left;
    position: relative;
    width: 40%;
}

/* HISTORY - Historical Venues */
.timeline-slide-text h6 {
    font-family: 'open_sansregular', sans-serif !important;
}

.venue {
    height: auto;
}

    .venue > div {
        margin: .4em 0;
    }

.ven_yr {
    float: left;
    width: 100%;
}

.ven_img {
    clear: left;
    float: left;
    position: relative;
    width: 40%;
}

#timeline-container {
    padding: 0 40px;
}

.timeline-col {
    width: 53px;
    float: left;
}

.timeline-marker-world {
    cursor: pointer;
    width: 23px;
}

.timeline-window {
    height: 350px;
}

.world-timeline-recipe {
    overflow: hidden;
    position: relative;
    left: 15px;
    width: 990px;
}

.timeline-row {
    width: 910px;
    height: 21px;
}

.tl-bottom {
    margin-bottom: 20px;
}

.timeline-line-world {
    background-color: #9b8a5b;
    border-bottom: 3px solid #9b8a5b;
    margin-top: 19px;
    width: 910px;
}

#world-timeline-container {
    width: 100%;
    height: 100px;
    overflow: hidden;
}

#tl-left {
    float: left;
    cursor: pointer;
    margin-left: -25px;
    margin-top: 34px;
}

#tl-right {
    cursor: pointer;
    float: right;
    margin-top: -65px;
    margin-right: -25px;
}

#timeline-slider {
    float: left;
}

#timeline-container .transparent {
    cursor: default;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);
    /* Older than Firefox 0.9 */
    -moz-opacity: 0.5;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;
    /* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
    opacity: 0.5;
}

/* INTERESTING FACTS COLUMN LAYOUT*/
.iffap-left {
    margin-left: 1%;
}

.tlpr1c_left {
    margin-left: 15px;
}

/* GENERAL COLUMN LAYOUTS FOR CONTENT */
.c-header-imageLeft-content {
    margin: 1em 0;
    overflow: hidden;
}

.c-image-floatLeft {
    float: left;
    margin-right: 15px;
    max-width: 30%;
}

    .c-image-floatLeft > img {
        width: 100%;
    }

.c-header-imageLeft-content > .c-content,
.c-header-imageLeft-content > .c-content > .c-col {
    overflow: hidden;
}

.c-header-imageLeft-content > .c-content {
    vertical-align: top;
}

    .c-header-imageLeft-content > .c-content > .col-xl-4 + .col-xl-4,
    .c-header-imageLeft-content > .c-content > .c-col.col-md-offset-1 {
        border-left: solid 1px #cccccc;
    }

/* FORMS == WING AND WHEEL */
.form_2col_50 {
    float: left;
    width: 100%;
}

.y-n-form {
    float: left;
    min-width: 70px;
}


/******** Jobs *********/
.job-wrapper {
    margin-left: 15px;
    position: relative;
}

.jobs-header {
    font-weight: bold;
    clear: both;
    font-size: 0.875em;
}

    .jobs-header.without-header {
        margin-bottom: 1em;
    }

    .jobs-header tr td:first-child {
        width: 10em;
    }


/********THEMES*********/
.red-circle {
    background-color: #ff0000;
}

.orange-circle {
    background-color: #ff6600;
}

.yellow-circle {
    background-color: #fcc904;
}

.green-circle {
    background-color: #336600;
}

.interactive-img {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#YTCloseBtn {
    position: absolute;
    right: -26px;
    cursor: pointer;
}

#ytVideoBox {
    width: 720px;
}

/****************************************
RESPONSIVE
 ****************************************/
@media all and (max-width: 980px) {
    .c-header-imageLeft-content > .c-content > .col-xl-4 + .col-xl-4 {
        border-left: none;
    }

    .c-header-imageLeft-content > .c-content > .col-xl-4:first-child + .col-xl-4 {
        border-left: solid 1px #cccccc;
    }
}

@media all and (max-width: 980px) and (min-width: 768px) {
    .c-header-imageLeft-content > .c-content > .c-col.clr-none-xl {
        border-left: none;
    }
}

@media all and (min-width: 320px) {
    #ytVideoBox {
        width: 300px;
    }
}

@media all and (min-width: 480px) {

    #ytVideoBox {
        width: 450px;
    }

    /*img.recipe-img {
    
    }

.recipe-img img,
.responsive-img img
{
    max-width: 100%;
    height: auto;
    width: 100%;
}*/

    .recipe-map iframe {
        max-height: none;
    }

    .recipe-vid {
        margin: 0px 0px 15px 0px;
    }

    .venue {
        height: 580px;
    }

    .ven_img {
        clear: none;
        float: none;
        padding-right: 15px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 40%;
    }

    .ven_yr {
        width: 60%;
    }

    .last {
        margin-bottom: 0px;
    }

    .shuttl-lastrow {
        margin-top: 0px;
    }

    .recipe-table thead td {
        font-size: .7em;
    }

    .timeline-slide-text {
        clear: none;
        margin: 0px;
        width: 40%;
    }

        .timeline-slide-text p {
            margin-left: 0px;
            margin-right: 0px;
            font-size: 12px;
        }

    .people-grid {
        margin-left: -15px;
        margin-right: -15px;
    }

    .calendar-grid {
        margin-left: -15px;
        margin-right: -15px;
    }

    .people-icon,
    .calendar-item {
        margin: 15px;
    }



    .form_2col_50 {
        float: left;
        width: 50%;
    }
}


@media (min-width: 768px) {

    #ytVideoBox {
        width: 720px;
    }

    .calendar-grid {
        text-align: left;
    }

    .adjust-p-top-tbl {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .two-col-li-40 {
        clear: none;
        margin-top: 2em;
        width: 40%;
    }

    .location-btn .sprite {
        float: right;
        margin-left: 10px;
        margin-right: 0px;
    }

    .location-btn a {
        float: right;
        text-align: right;
    }

    .margin-bottom-sm {
        margin-bottom: 0px;
    }

    .faq-addr-lbl {
        width: 16.6666666667%;
    }

    .hdr-recipe {
        height: 240px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

    .hdr-control {
        height: 240px;
        width: 260px;
    }

    .l-evt-sidebar .hdr-layout-fx {
        margin-left: -260px;
    }

    .hdr-control-menu td,
    .hdr-control-menu td a,
    .hdr-control-menu td a:link {
        font-size: 16px;
    }

    .hdr-image {
        margin-left: 260px;
        overflow: hidden;
    }

    .hdr-layout-fx {
        margin-left: -260px;
    }

    .l-evt-sidebar .hdr-image {
        margin-left: 260px;
    }

    .hdr-image img,
    .hdr-blank img {
        max-width: inherit;
        height: 240px;
        width: 100%;
    }

    .mobile-point {
        visibility: hidden;
    }

    .recipe-table thead td,
    .recipe-table thead th {
        font-size: 1em;
    }
}


@media (min-width: 1100px) {
    .faq-addr-lbl {
        width: 9%;
    }
}

@media all and (max-width: 480px) {

    .c-header-imageLeft-content > .c-image-floatLeft {
        max-width: 35%;
    }

    .c-header-imageLeft-content > .c-content > .col-xl-4 + .col-xl-4,
    .c-header-imageLeft-content > .c-content > .col-xl-4:first-child + .col-xl-4,
    .c-header-imageLeft-content > .c-content > .c-col.col-md-offset-1 {
        border-left: none;
    }
}
