/* REGION GENERIC */

body {
    font: 400 15px/1.85 "Droid Sans", sans-serif;
    color: #666666;
    background: #fff url(http://www.nathab.com/_themes/2013/global/images/body-bg.png);
}

:hover {
    all .2s ease-in-out;
}

a {
    color: #995109;
}

a strong, strong a {
    color: #995109;
    font-weight: bold;
}

a:hover, a strong:hover, strong a:hover {
    color: #bb5f02;
}

b, strong {
    color: #333;
}

h1, h2, h3, h4, h5 {
    font-family: "Open Sans Condensed";
    color: #333;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 24px;
    line-height: 1.5;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 20px;
}

ul, ol {
    margin-left: 15px;
}

li {
    margin-left: 15px;
    padding-left: 15px;
}

.header-line {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
    margin: 0 15px;
}

h1.header-line {
    font: 700 28px/40px "Open Sans Condensed";
}

h2.header-line {
    font: 700 24px/40px "Open Sans Condensed";
    margin-top: 20px;
}

.header-line:empty {
    display: none;
}


/* BUTTONS */

a[am~="button"] {
    padding: 2.5px 20px;
    font: 700 14px/35px "Open Sans Condensed";
    background: #995109;
    color: #fff;
    border-radius: 6px;
    text-align: center;
}

a[am~="button"]:hover {
    background: #bb5f02;
}

.show2015 {
    width: auto;
    height: 40px;
    background: #9A5107 none repeat scroll 0% 0%;
    color: #FFF;
    font: bold 14px/40px Open Sans Condensed;
    border-radius: 6px;
    padding: 0px 18px;
    margin-top: 20px;
    margin-left: 50px;
    cursor: pointer;
}


/* REGION DROP SHADOW FOR DESKTOP */

.dropshadow {
    background: #fff;
    box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.2);
}


/* REGION MASTHEAD */

[am-masthead~="wrapper"] {
    height: 120px;
    background: url(http://www.nathab.com/_themes/2013/global/images/masthead-bg.png);
    z-index: 10;
    overflow: visible;
}

[am-masthead~="logo"] {
    position: absolute;
    top: 28px;
    left: 10px;
    width: 110px;
    z-index: 200;
}

[am-masthead~="logo"] img {
    width: 100%;
    height: auto;
}

[am-masthead~="wwf"] {
    position: absolute;
    top: 28px;
    left: 130px;
    width: 110px;
    z-index: 200;
}

[am-masthead~="wwf"] img {
    width: 100%;
    height: auto;
}

[am-masthead~="logo-text"] {
    position: absolute;
    top: 34px;
    left: 240px;
    padding: 0 15px;
    font: 300 32px/35px "Open Sans Condensed";
    text-transform: uppercase;
    letter-spacing: .75px;
    color: #333;
    z-index: 900;
}

[am-masthead~="sub-tagline"] {
    position: absolute;
    top: 68px;
    left: 240px;
    padding: 0 15px;
    font: 300 22px/34px "Open Sans Condensed";
    letter-spacing: .75px;
    color: #333;
}

[am-masthead~="phone"] {
    position: absolute;
    display: inline-block;
    width: 140px;
    top: 0;
    right: 0;
    font: 500 14px/30px "Droid Sans";
    color: #333;
    letter-spacing: .5px;
    text-align: center;
}

[am-masthead~="cta"] {
    position: absolute;
    right: 0;
    width: 140px;
}

[am-masthead~="cta"] a {
    display: block;
    height: 35px;
    font: 700 14px/35px "Open Sans Condensed";
    background: #995109;
    border-radius: 6px;
    text-align: center;
}

[am-masthead~="cta"] a:hover {
    background: #b75f00;
}

[am-masthead~="cta"] .fa {
    padding-right: 5px;
}

[am-masthead~="cta"] a {
    color: #fff;
}

[am-masthead~="newsletter"] {
    top: 34px;
    right: 0;
}

[am-masthead~="catalog"] {
    top: 75px;
    right: 0;
}


/* SHOWS ON IPHONE LANDSCAPE */

@media only screen and (min-width: 560px) and (max-width: 766px) {
    [am-masthead~="logo-text"] {
        display: block;
        top: 5px;
        left: 140px;
        right: 0;
        font: 300 19px/40px "Open Sans Condensed";
        text-align: left;
    }
    [am-masthead~="sub-tagline"] {
        display: block;
        top: 30px;
        left: 140px;
        right: 0;
        font: 300 16px/35px "Open Sans Condensed";
        text-align: left;
    }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    [am-masthead~="wrapper"] {
        margin-top: 42px;
        height: 90px;
    }
    [am-masthead~="logo"] {
        top: -30px;
        width: 130px;
    }
    [am-masthead~="cta"] {
        right: 8px;
        width: 125px;
        padding: 0;
    }
    [am-masthead~="newsletter"] {
        top: 7px;
        right: 8px;
    }
    [am-masthead~="catalog"] {
        top: 47px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    [am-masthead~="logo"], [am-masthead~="wwf"] {
        width: 90px;
        top: 20px;
    }
    [am-masthead~="wwf"] {
        left: 110px;
    }
    [am-masthead~="logo-text"] {
        top: 30px;
        left: 195px;
        font: 300 28px/40px "Open Sans Condensed";
    }
    [am-masthead~="sub-tagline"] {
        display: block;
        top: 65px;
        left: 195px;
        font: 300 20px/30px "Open Sans Condensed";
        text-align: center;
    }
    [am-masthead~="cta"], [am-masthead~="phone"] {
        right: 10px;
    }
    [am-masthead~="phone"] {
        top: 5px;
    }
}


/* REGION MASTHEAD - NAV */

[am-masthead~="nav"] {
    background: #333;
    height: 42px;
    z-index: 20;
}

[am-masthead~="nav"] ul {
    text-align: right;
}

[am-masthead~="nav"] li a {
    text-align: center;
    padding: 0 24px;
    color: #e5e5e5;
    font: 700 15px/42px "Open Sans Condensed";
    border-right: 1px solid #4A4A4A;
}

[am-masthead~="nav"] li a:hover {
    color: #fff;
    background: #555;
}

[am-masthead~="nav"] li.active a {
    color: #fff;
    background: #555;
    box-shadow: 0px 0px 20px #333 inset;
}

[am-masthead~="nav"] li a {
    border-bottom: 1px solid #d8d8d8;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    [am-masthead~="nav"] {
        width: 100%;
        height: 100%;
        color: #fff;
        font: 700 18px/42px "Open Sans Condensed";
        background: #fff;
        text-align: right;
    }
    nav[am~="horizontal"] li {
        display: block;
        width: 100%;
        border: none;
    }
    [am-masthead~="nav"] li a {
        display: block;
        width: 100%;
        text-align: left;
        text-shadow: none;
        /*padding: 0 15px 0 30px;*/
        font: 300 13px/50px "Droid Sans", sans-serif;
        color: #995109;
        background: #fff;
        border-top: none;
		border-right: none;
    }
    [am-masthead~="nav"] li a:hover {
        color: #fff;
        background: #995109;
    }
    [am-masthead~="nav"] li.active a {
        color: #333;
        background: #ddd;
        box-shadow: none;
    }
    [am-masthead~="bars"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        color: #fff;
        font: 700 18px/42px "Open Sans Condensed";
        background: #333;
        text-align: right;
        cursor: pointer;
    }
    [am-masthead~="bars"] a {
        color: #fff;
    }
    [am-masthead~="bars"].is-open {
        z-index: 5000;
        line-height: 60px;
    }
    [am-masthead~="bars"] .fa {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    [am-masthead~="nav"] li a {
        padding: 0 12px;
    }
}


/* REGION HOMEPAGE CYCLE /_assets/includes/global/homepage-cycle.html */

[am-cycle~="wrapper"], [am-cycle~="wrapper"] img {
    height: 500px;
}

[am-cycle~="wrapper"] .enso-overlay-content {
    width: 100%;
    height: 500px;
}

[am-cycle~="item"] {
    width: 100%;
    height: 100%;
}

[am-cycle~="caption"] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50px;
    padding-right: 15px;
    font: 700 15px/50px "Open Sans Condensed";
    color: #fff;
    z-index: 550;
}

[am-cycle~="overlay"] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    z-index: 500;
    /* Required */
    background: rgba(0, 0, 0, .5);
    padding-left: 15px;
}

[am-cycle~="pager"] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    z-index: 600;
    /* Required */
    padding-left: 15px;
}


/* NEEDED TO KEEP PAGER FROM COVERING PHOTOS IN ADIM */

[am-cycle~="pager"] .enso-overlay-content {
    z-index: 6001;
}

[am-cycle~="accommodation"] {
    text-align: center;
}

[am-cycle~="pager"] span {
    font: normal 50px/1.2 sans-serif;
    cursor: pointer;
    color: rgba(255, 255, 255, .5);
}

[am-cycle~="pager"] span:hover {
    color: rgba(255, 255, 255, 1);
}

.cycle-pager-active:only-child {
    display: none;
}

[am-cycle~="pager"] span.cycle-pager-active {
    color: rgba(255, 255, 255, 1);
}

@media only screen and (max-width: 959px) {
    [am-cycle~="wrapper"], [am-cycle~="wrapper"] img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    [am-cycle~="overlay"] {
        display: none;
    }
    [am-cycle~="caption"] {
        position: static;
        background: #333;
        font: 700 13px/50px "Open Sans Condensed";
        padding: 0 15px;
    }
    [am-cycle~="link"] {
        position: absolute;
        right: 0;
        bottom: 0;
        font: 700 13px/50px "Open Sans Condensed";
    }
    [am-cycle~="link"] a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        background: rgb(153, 81, 9);
        text-align: center;
    }
    [am-cycle~="link"] a:hover {
        background: rgb(183, 95, 0);
    }
    [am-cycle~="link"] a:active {
        border: solid 1px rgb(255, 255, 255);
        background: rgb(153, 81, 9);
    }
    a[class^="PIN"] {
        display: none !important;
    }
    .cycle-pager, [am-cycle~="pager"] {
        bottom: 0;
        width: 100%;
        padding-left: 0;
        text-align: center;
        background: none;
    }
    [am-cycle~="pager"] {
        bottom: 0;
    }
    .cycle-pager span, [am-cycle~="pager"] span {
        margin-left: 2px;
        margin-right: 2px;
        font-size: 30px;
        line-height: 50px;
        color: rgba(255, 255, 255, .5);
    }
    .cycle-pager-active {
        color: rgba(255, 255, 255, 1) !important;
    }
}

@media only screen and (min-width: 960px) {
    a[class^="PIN"] {
        top: 570px !important;
    }
}


/* WHEN FIXED */

.scroll-to-fixed-fixed {
    max-width: 200px;
}

@media only screen and (min-width: 0) and (max-width: 959px) {
    .home [am-trip-finder~="stage"] {
        padding-bottom: 30px;
    }
}


/* REGION HOMEPAGE NEWS /_assets/includes/global/homepage-news.html */

[am-news~="header"] {
    font: 700 16px/2.5 "Open Sans Condensed";
    text-indent: 15px;
    background: url(http://www.nathab.com/_themes/2013/global/images/masthead-bg.png);
}

[am-news~="bucket"] {
    display: block;
    min-height: 370px;
    border-left: 1px solid #D8D8D8;
}

[am-news~="bucket"] h3 {
    color: #995109;
}

[am-news~="bucket"]:hover * {
    color: #bb5f02;
}

[am-news~="corner"] {
    position: absolute;
    top: -62%;
    left: -62%;
    width: 100%;
    height: 100%;
    padding: 61% 0 0 3%;
    text-align: center;
    vertical-align: baseline;
    font: bold 80%/1.28 "Open Sans Condensed";
    color: #fff !important;
    transform: rotate(-45deg);
}

[am-news~="image"] img {
    width: 100%;
    height: auto;
}

[am-news~="name"] {
    font: 700 16px/1.5 "Open Sans Condensed";
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 15px 15px 15px;
    text-align: center;
}

[am-news~="description"] {
    padding: 0 20px 15px 20px;
    font: normal 14px/1.75 "Droid Sans";
    color: #666;
    text-align: center;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    [am-news~="name"] {
        padding: 30px 30px 10px 30px;
        font: bold 18px/1.5 "Droid Sans", sans-serif;
        text-align: left;
    }
    [am-news~="description"] {
        padding: 0 30px 30px 30px;
        font: normal 16px/1.75 "Droid Sans", sans-serif;
        text-align: left;
    }
}


/* REGION INTRO HOME /_assets/includes/global/homepage-intro.html */

[am-intro="stage"] {
    background: url(http://www.nathab.com/_themes/2013/global/images/masthead-bg.png);
}

[am-intro="stage"] a {
    color: rgba(153, 81, 9, 1);
}

[am-intro="sidebar"] {
    padding: 40px 30px;
    text-align: center;
}

[am-intro="sidebar"] h3, [am-intro="sidebar"] a {
    font: 700 18px/1.5 "Open Sans Condensed";
}

[am-intro="content"] {
    padding: 30px;
}

[am-intro="header"] {
    font: 700 28px/1.25 Open Sans Condensed, sans-serif;
    padding-bottom: 15px;
    color: #363636;
}

[am-intro="text"] {
    font: normal 16px/1.85 "Droid Sans", sans-serif;
    color: #333;
}

[am-intro="text"] a {
    color: #363636;
    border-bottom: 1px solid #BBB;
    padding: 2px;
}

[am-intro="text"] a:hover {
    border-bottom: none;
    color: #fff;
    background: #9a5107;
    padding: 2px;
    border-bottom: 1px solid transparent;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    [am-intro="header"] {
        font: 700 22px/1.25 Open Sans Condensed, sans-serif;
    }
}


/* REGION BREADCRUMBS /_assets/includes/nha/breadcrumbs.html */

[am-breadcrumbs~='stage'] {
    padding: 0 15px 15px 15px;
}

[am-breadcrumbs~='stage'] a {
    font: normal 13px/1 "Droid Sans", sans-serif;
}

[am-breadcrumbs~='stage'] a + a:before {
    content: "\f105";
    display: inline-block;
    padding: 0 5px 0 3px;
    font-family: "FontAwesome";
    color: #666;
}

[am-breadcrumbs~="stage"] a[href=""] {
    display: none;
}




/* REGION HOMEPAGE nha-homepage.html */

[am-featured~="stage"] {
    padding-top: 30px;
    padding-bottom: 30px;
}

[am-featured~="stage"] h2 {
    text-indent: 15px;
}




/* REGION OUR TRIPS /_assets/includes/global/our-trips.html */

[am-our-trips~="type"] a {
    font: 400 14px/2 "Droid Sans", sans-serif;
}

[am-our-trips~="destinations"] {
    padding-left: 15px;
    padding-right: 15px;
}

[am-our-trips~="destinations"] h1 {
    margin: 0;
}

[am-our-trips~="destination"] {
    padding-top: 20px;
}

[am-our-trips~="destination"] h2 {
    font: 700 16px/1 "Open Sans Condensed";
    padding-bottom: 10px;
}

[am-our-trips~="destination"] h2 a {
    font: 700 16px/1 "Open Sans Condensed";
}




/* THIS KEEPS THE EQUALHEIGHTIFY IN WEBSITE.JS FROM WORKING ON THIS ELEMENT */



/* REGION SUBPAGE PHOTO /_assets/includes/global/subpage-photo.html */

[am-subpage~="photo"] {
    max-height: 510px;
    border-bottom: 10px solid #B2B2B2;
}

[am-subpage~="photo"] img {
    width: 100%;
    height: auto;
}


/* REGION SUBPAGE CONTENT */

[am-subpage~="content"] {
    padding: 0 15px;
}

[am-subpage~="text"] {
    padding: 15px 15px 30px;
}

[am-subpage~="text"]:empty {
    display: none;
}

[am-subpage~="text"] ul, [am-subpage~="text"] ol {
    margin: 20px 0 0 20px;
    padding: 0;
    list-style: none;
}

[am-subpage~="text"] ol {
    counter-reset: li;
}

[am-subpage~="text"] li {
    margin: 0;
    padding: 0;
    padding-left: 20px;
    background: url(/_themes/2013/global/images/why-nathab-arrow.png) no-repeat 0 7px;
}

[am-subpage~="text"] ol > li {
    position: relative;
    margin: 0 0 6px 40px;
    padding: 8px;
    list-style: none;
    background: none;
}

[am-subpage~="text"] ol > li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 10px;
    left: -40px;
    width: 32px;
    height: 36px;
    color: #fff;
    font: bold 20px/36px Open Sans Condensed, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align: center;
    background: #9a5107;
    border-radius: 4px;
}

[am-subpage~="text"] li ol, [am-subpage~="text"] li ul {
    margin-top: 6px;
}

[am-subpage~="text"] ol ol li:last-child {
    margin-bottom: 0;
}


/*[am-subpage~="text"] a strong { font-weight: normal;  }*/


/*[am-subpage~="text"] strong { color:#363636; }*/

@media only screen and (min-width: 0) and (max-width: 767px) {
    [am-subpage~="content"] {
        padding: 0;
    }
    [am-subpage~="text"] {
        overflow: visible;
    }
    [am-subpage~="text"] ol > li {
        position: relative;
        margin: 0 0 20px 0;
        padding: 0;
    }
    [am-subpage~="text"] ol > li:before {
        position: static;
        content: '~ ' counter(li) ' ~';
        counter-increment: li;
        display: inline-block;
        width: 100%;
        padding-right: 10px;
        margin-bottom: 10px;
        color: #fff;
        font: bold 16px/36px Open Sans Condensed, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        text-align: center;
        background: #9a5107;
        border-radius: 0;
    }
}



/* REGION LIGHTBOX */

iframe .lightbox {
    width: 600px;
    height: 600px;
    background: red;
    padding: 30px;
}


/* REGION SUBPAGE SIDEBAR */

[am-subpage="sidebar"] {
    padding-bottom: 30px;
    overflow: visible;
    z-index: 800;
}

[am-subpage="sidebar header"] {
    font: 700 16px/22px "Open Sans Condensed";
    padding: 57px 0 0 0;
}

[am-subpage="sidebar header"] .fa {
    display: none;
}

[am-subpage~="nav"] {
    padding-top: 14px;
}

[am-subpage~="nav"] ul {
    list-style: none;
}

[am-subpage~="nav"] li {
    border-bottom: 1px solid #e5e5e5;
}

[am-subpage~="nav"] li:nth-of-type(1) {
    border-top: 1px solid #e5e5e5;
}

[am-subpage~="nav"] li.active:nth-of-type(1) {
    border-top: none;
}

[am-subpage~="nav"] li a {
    display: block;
    padding: 0 15px;
    color: #333;
    font: 700 14px/45px "Open Sans Condensed";
}

.trip-nav li.active a:before {
    color: #fff;
    font-weight: normal;
}


/* OVERVIEW ICON */

.trip-nav nav li:nth-of-type(1) a:before {
    content: "\f0ac";
}


/* ITINERARY ICON */

.trip-nav nav a[href*="itinerary/"]:before {
    content: "\f016";
}


/* ACCOMMODATIONS ICON */

.trip-nav nav a[href*="accommodation"]:before {
    content: "\f015";
}


/* EXTENSIONS ICON */

.trip-nav nav a[href*="extension"]:before {
    content: "\f074";
}


/* DATES-FEES ICON */

.trip-nav nav a[href$="/dates-fees/"]:before {
    content: "\f073";
}


/* VIDEOS ICON */

.trip-nav nav a[href$="/videos/"]:before {
    content: "\f16a";
}


/* COMMENTS ICON */

.trip-nav a[href*="comments/"]:before {
    content: "\f0e5";
}

[am-subpage~="nav"] li a:hover {
    color: #995109;
}

[am-subpage~="nav"] li.active a {
    background: #995100;
    color: #fff;
}


/* ACTIVE STATE ICON */

[am-subpage~="nav"] li.active a:after {
    content: "\f054";
    display: block;
    float: right;
    font-family: "FontAwesome";
    font-size: 18px;
    line-height: 45px;
}

.trip-nav li a:before {
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: normal;
    line-height: 1.5;
    padding-right: 10px;
    color: #999;
}

@media only screen and (max-width: 767px) {
    [am-subpage="sidebar"] {
        padding: 0 15px 15px 15px;
    }
    [am-subpage="sidebar header"] {
        height: 60px;
        padding: 0 15px;
        font: 700 16px/60px "Open Sans Condensed";
        color: #fff;
        background: #995109;
        border-bottom: none;
        cursor: pointer;
    }
    [am-subpage="sidebar header"]:hover {
        cursor: pointer;
    }
    [am-subpage~="nav"] {
        width: 100%;
        padding: 0;
        border: 1px solid #e5e5e5;
        z-index: 10000;
        position: absolute;
    }
    [am-subpage~="header"] .fa {
        display: inline-block;
        margin-top: 20px;
        cursor: pointer;
    }
    [am-subpage~="nav"] li a, [am-subpage~="nav"] li a:hover, [am-subpage~="nav"] li.active a {
        text-align: left;
        padding: 0 15px;
        font: 300 13px/50px "Droid Sans", sans-serif;
        color: #995109;
        background: #fff;
    }
    [am-subpage~="nav"] li:nth-of-type(1) {
        border: none;
    }
    [am-subpage~="nav"] li + li {
        border-bottom: none;
        border-top: 1px solid #e5e5e5;
    }
    .trip-nav li.active a:before {
        color: #999;
    }
    [am-subpage~="nav"] li.active a:after {
        content: "\f078";
    }
}

@media only screen and (min-width: 960px) {
    [am-subpage~="nav"] {
        min-width: 233px;
        max-width: 233px !important;
        padding-top: 14px;
    }
}

@media only screen and (max-width: 767px) {
    [am-subpage~="stage"] {
        padding: 0;
    }
    [am-subpage~="sidebar"] {
        padding: 0;
        width: 100%;
    }
    [am-subpage="sidebar header"] {
        width: 100%;
        padding: 0 30px;
    }
    [am-subpage="content"] {
        padding: 30px 10px;
    }
}


/* REGION TRIP SIDEBAR SPECIAL */

.sidebar-special {
    min-width: 233px;
    padding-top: 20px;
}


/* REGION TRIP TAGLINE
---------------------------------------------------------------------------*/

[am-trip~="tagline"] {
    padding: 8px 15px 2px 15px;
    color: #666;
    font-weight: bold;
    font-family: "Open Sans Condensed";
    font-size: 16px;
}


/* REGION TRIP HIGHLIGHTS */

[am-trip-highlights~="wrapper"] {
    padding: 0 15px;
}

[am-trip-highlights~="background"] {
    padding: 0 0 0 30px;
    background: url(http://www.nathab.com/_themes/2013/global/images/masthead-bg.png);
}

[am-trip-highlights~="content"],
[am-trip-highlights~="aside"] {
    padding: 30px 0;
}

[am-trip-highlights~="text"] {
    color: #9A5007;
}

[am-trip-highlights~="text"] ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

[am-trip-highlights~="text"] li {
    margin: 20px 0 0;
    padding: 0 0 0 20px;
    font: normal 16px/1.6 "Droid Sans", sans-serif;
}

[am-trip-highlights~="text"] li:before {
    content: "\f105";
    font-family: "FontAwesome";
    margin-left: -15px;
    padding-right: 10px;
    color: #333;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    [am-trip-highlights~="background"] {
        padding: 30px;
    }
    [am-trip-highlights~="content"] {
        padding: 0;
    }
    [am-trip-highlights~="aside"] {
        padding: 30px 0 0 0;
    }
}

@media only screen and (min-width: 768px) {

	[am-trip-highlights~="aside"] {
		display: flex;
		justify-content: center;
		align-items: center;
	}

}


/* REGION TRIP DETAILS
---------------------------------------------------------------------------*/

[am-trip-details~="wrapper"] {
    padding: 0 15px;
}

[am-subpage~="text"] .fixBold strong {
    font-weight: bold;
    font-style: italic;
}


/* REGION TRIP DATES */

.trip-dates-hint {
    font: italic 13px/26px "Droid Sans", sans-serif;
    padding-left: 60px;
    padding-bottom: 15px;
}

.trip-dates {
    font: 13px/26px "Droid Sans", sans-serif;
}

.trip-dates-fine-print {
    font: italic 13px/20px "Droid Sans", sans-serif;
    padding: 15px 0;
}

table, thead, th, tbody, tr, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    width: 100%;
}

thead {
    border-bottom: 1px #e5e5e5 solid;
}

th, td {
    text-align: left;
    vertical-align: top;
    color: #333;
}

tr {
    border-bottom: 1px #e5e5e5 solid;
    padding: 10px 0;
}

td {
    border-bottom: 1px #e5e5e5 solid;
    padding-top: 15px;
    padding-bottom: 15px;
}

td a {
    z-index: 100;
}

tr:nth-child(even) td {
    background: rgba(0, 0, 0, .05);
}

tr.separator {
    border-top: 2px #999 solid;
}

td.year {
    text-align: center;
    background: transparent;
    border-right: 1px #e5e5e5 solid;
    font-weight: bold;
    vertical-align: middle;
}

td.year div {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

.departure, .return {
    text-align: left;
    width: 120px;
}

.price {
    text-align: center;
    width: 15px;
    display: none;
}

td.price {
    color: #9a5107;
}

.departure {
    padding-left: 20px;
}

.departure.cruise {
    padding-left: 0;
}

.return {
    width: 80px;
}

.departure.return {
    width: auto;
}

.yearHeader {
    width: 40px;
}

.comment {
    padding-left: 15px;
}

.trip-pricing {
    font: 15px/26px "Droid Sans", sans-serif;
}

[am-subpage="text"] h5 {
    margin-top: 20px;
}

.trip-pricing h5 {
    margin-bottom: 10px;
}


/* REGION TRIP HEADER */

[am-trip-header~="wrapper"] {
    height: 75px;
    font: bold 15px/65px "Open Sans Condensed";
    color: #9A5107;
    background: #E9E6D4 url("/_themes/2013/global/images/masthead-bg.png");
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    z-index: 999;
    border-top: 10px solid #B2B2B2;
}

[am-trip-header~="cta"] {
    padding: 0 15px;
}

[am-trip-header~="cta"] a {
    display: inline-block;
    width: 100%;
    height: 46px;
    color: #fff;
    text-align: center;
    font: bold 16px/46px "Open Sans Condensed";
    background: #9a5107;
    border-radius: 8px;
}

[am-trip-header~="cta"] a:hover {
    background: #bb5f02;
}

[am-trip-header~="details"] a {
    height: 65px;
    line-height: 65px;
}

[am-trip-header~="days-fees"] a:before {
    display: block;
    float: left;
    content: "\f073";
    padding-right: 10px;
    font-family: "FontAwesome";
    color: #333;
}

[am-trip-header~="availability"] {
    padding-left: 15px;
}

[am-trip-header~="availability"] a:before {
    display: block;
    float: left;
    content: "";
    width: 20px;
    height: 20px;
    margin-top: 26px;
    margin-right: 5px;
    font-family: "FontAwesome";
    background: url(http://www.nathab.com/_themes/2013/global/images/icon-phone.png) no-repeat;
}

[am-trip-header~="share"] {
    padding-right: 12px;
    color: #333;
}

[am-trip-header~="label"] {
    padding-right: 5px;
}

[am-trip-header~="share"] span {
    margin-right: -2px;
}

@media only screen and (max-width: 767px) {
    [am-trip-header~="wrapper"] {
        border-top: none;
        height: 60px;
    }
    [am-trip-header~="details"] a, [am-trip-header~="days-fees"] a {
        font-size: 13px;
    }
    [am-trip-header~="days-fees"] a:before {
        padding-left: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    [am-trip-header~="details"] a, [am-trip-header~="days-fees"] a {
        font-size: 13px;
    }
}


/* REGION ACCOMMODATION LIGHTBOX */


/* WEIRD __________________________________________________*/

@media only screen and (min-width: 1280px) {
    [am-accommodations-lightbox~="wrapper"] {
        overflow: hidden;
        width: 930px;
        height: 410px;
    }
    [am-accommodations-lightbox-arrow] {
        line-height: 410px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
    [am-accommodations-lightbox~="wrapper"] {
        overflow: hidden;
        width: 814px;
        height: 360px;
    }
    [am-accommodations-lightbox-arrow] {
        line-height: 360px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    [am-accommodations-lightbox~="wrapper"] {
        overflow: hidden;
        width: 738px;
        height: 328px;
    }
    [am-accommodations-lightbox-arrow] {
        display: none;
        line-height: 328px;
    }
}

@media only screen and (max-width: 767px) {
    [am-accommodations-lightbox-arrow] {
        display: none;
    }
}

[am-accommodations-lightbox~="photo"] {
    position: relative;
    height: 100%;
}

[am-accommodations-lightbox~="photo"] img {
    width: 100%;
    height: auto;
}

[am-accommodations-lightbox~="text"] {
    height: 100%;
    overflow: scroll;
    background: #fff;
    padding-bottom: 20px;
}

h3[am-accommodations-lightbox~="header"] {
    font-size: 22px;
    line-height: 34px;
    text-shadow: none;
    color: #333 !important;
}

[am-accommodations-lightbox~="content"] {
    padding: 15px;
    color: #666;
    font-size: 15px;
    line-height: 24px;
    text-shadow: none;
}

[am-accommodations-lightbox~="wrapper"] .cycle-pager span {
    color: rgba(255, 255, 255, .6);
}

[am-accommodations-lightbox~="wrapper"] .cycle-pager span.cycle-pager-active {
    color: #fff;
}

[am-accommodations-lightbox~="wrapper"] .cycle-pager {
    width: 100%;
    text-align: center;
}


/* Normalize Accommodation Photos */

[am-accommodations-lightbox~="wrapper"] [am-accommodation]:not([am-accommodation=""]) img {
    max-height: 200px;
}


/* REGION ACCOMMODATION */

.accommodations-wrapper {
    position: relative;
    padding: 0 15px;
}

.accommodations-photos {}

.accommodations-wrapper .cycle-pager {
    width: 100%;
    text-align: center;
}

.accommodations-wrapper .cycle-pager span {
    color: rgba(255, 255, 255, .6);
}

.accommodations-wrapper .cycle-pager span.cycle-pager-active {
    color: #fff;
}

.prevControl, .nextControl {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 1000;
    color: #ccc;
    text-align: center;
    cursor: pointer;
}

.nextControl {
    position: absolute;
    left: auto;
    right: 0;
}

.prevControl:hover, .nextControl:hover {
    background: #9A5107;
    color: #fff;
}

.accommodations-text {
    margin-top: 30px;
}


/* REGION FOOTER BUCKETS /_assets/includes/nha/footer-buckets.html */

[am-footer-buckets~="stage"] {
    padding-top: 0;
    padding-bottom: 0;
    background: url(http://www.nathab.com/_themes/2013/global/images/masthead-bg.png);
}

[am-footer-buckets~="bucket"] {
    border-right: 1px solid #F5F4EA;
    border-left: 1px solid #D0CEBD;
    padding: 15px;
    min-height: 180px;
}

[am-footer-buckets~="bucket"]:nth-child(1) {
    border-left: none;
}

[am-footer-buckets~="bucket"]:nth-child(4) {
    border-right: none;
}

[am-footer-buckets~="header"] {
    font: 700 14px/2.5 "Open Sans Condensed";
    padding: 0 15px;
    background: url(http://www.nathab.com/_themes/2013/global/images/masthead-bg.png);
}

[am-footer-buckets~="name"] {
    font: bold 15px/20px "Open Sans Condensed";
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
}

[am-footer-buckets~="description"] {
    padding-top: 10px;
    font: normal 13px/1.75 "Droid Sans", sans-serif;
    color: #333;
}

[am-footer-buckets~="description"] a {
    color: rgba(153, 81, 9, 1);
}

[am-footer-buckets~="description"] a:hover {
    color: #fff;
    background: #9a5107;
}

[am-footer-buckets~="description"] li a {
    display: inline-block;
}

[am-footer-buckets~="description"] li a:hover {
    display: inline-block;
    color: #fff;
    background: #9a5107;
}

[am-footer-buckets~="description"] img {
    margin-right: 10px;
    float: left;
    box-shadow: 1px 1px 2px #B7B7AA;
    border: 5px solid #FFF;
    background: none repeat scroll 0% 0% #FFF;
    margin-bottom: 5px;
}

[am-footer-buckets~="description"] ul {
    list-style: none;
}

[am-footer-buckets~="description"] li {
    position: relative;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

[am-footer-buckets~="description"] li + li {
    margin-top: 10px;
}

[am-footer-buckets~="description"] li:before {
    content: "\f105";
    position: absolute;
    top: 0;
    font-family: "FontAwesome";
    margin-left: -15px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    [am-footer-buckets~="bucket"] {
        padding: 20px 15px 20px 15px;
    }
}


/* REGION NAV FOOTER /_assets/includes/nha/nav-footer.html */

[am-footer-links~="column"] {
    padding: 0 15px;
}

[am-footer-links~="header"] {
    padding-bottom: 10px;
    font: bold 18px/24px "Open Sans Condensed";
    border-bottom: 1px solid #BBB;
}

[am-footer-links~="header"] .fa {
    display: none;
}

[am-footer-links~="links"] {
    padding-top: 10px;
}

[am-footer-links~="links"] ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

[am-footer-links~="links"] li {
    display: block;
}

[am-footer-links~="links"] li a {
    font: 13px/32px "Droid Sans", sans-serif;
    color: #2F2F2F;
}

[am-footer-links~="links"] li a:hover {
    color: #fff;
    background: #995109;
    padding: 0 5px;
}

@media only screen and (max-width: 1040px) {
    /* Used to hide the printer icon from ipad landscape view */
    .hideIpad {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .hideIpad {
        display: none;
    }
    [am-footer-links~="stage"] {
        padding: 0;
    }
    [am-footer-links~="column"] {
        padding: 0;
    }
    [am-footer-links~="column"] + [am-footer-links~="column"] {
        margin-top: 1px;
    }
    [am-footer-links~="header"] {
        height: 60px;
        padding: 0 15px;
        font: 700 16px/60px "Open Sans Condensed";
        color: #fff;
        background: #995109;
        border-bottom: none;
        cursor: pointer;
    }
    [am-footer-links~="header"] .fa {
        display: inline-block;
        margin-top: 20px;
        cursor: pointer;
    }
    [am-footer-links~="links"] {
        padding-top: 0;
    }
    [am-footer-links~="links"] li a, [am-footer-links~="links"] li a:hover {
        text-align: left;
        padding: 0 15px 0 30px;
        font: 300 13px/50px "Droid Sans", sans-serif;
        color: #995109;
        background: #fff;
        border-top: 1px solid #e5e5e5;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    [am-footer-links~="column"] {
        padding: 0 15px;
    }
}


/* REGION FOOTER */

[am-footer~="wrapper"] {
    width: 100%;
    padding: 30px 0;
    font: normal 13px/34px "Droid Sans", sans-serif;
    color: #999;
    background: #363636;
}


/* REGION SOCIAL LINKS /_assets/includes/global/social-links.html */

[am-social~="link"] {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 3px;
    color: #fff;
    background: #878787;
    border-radius: 50%;
}

[am-social~="link"]:hover {
    color: #fff;
    background: #ff7e00;
}


/* REGION COPYRIGHT /_assets/includes/global/copyright.html */

[am-copyright~="wrapper"] {
    padding-top: 20px;
}

[am-copyright~="wrapper"] a {
    color: #999;
    border-bottom: 1px solid #4c4c4c;
    padding: 5px 5px;
}

[am-copyright~="wrapper"] a:hover {
    border-bottom: none;
    color: #fff;
    background: #ff7e00;
    padding: 2px 5px;
}

@media only screen and (max-width: 767px) {
    [am-copyright~="wrapper"] {
        padding: 40px;
    }
    [am-copyright~="wrapper"] a {
        display: inline-block;
        border-bottom: none;
    }
}

.nothanks {
    padding-left: 5px;
}

.noBorder {
    border: none;
}

.fa-spinner {
    margin-top: 240px;
    margin-left: 300px;
}


/* MORE NOT ORGANIZED CSS */

.pad-top-10px {
    padding-top: 10px;
}

.pad-top-20px {
    padding-top: 20px;
}

.pad-top-30px {
    padding-top: 30px;
}

.reserve-trip-cta-phone {
    color: #9a5107;
    font: bold 16px/26px Open Sans Condensed;
}

.reserve-trip-cta-phone span {
    font: bold 28px/38px Open Sans Condensed;
}

a.reserve-trip-cta-button {
    display: inline-block;
    height: 46px;
    border-radius: 8px;
    color: #fff !important;
    padding: 0 15px;
    font: bold 16px/46px Open Sans Condensed;
    background: #FF8000;
    cursor: pointer;
}

a.reserve-trip-cta-button:hover {
    background: #FF9200;
}

.or {
    font: normal 38px/40px Open Sans Condensed, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #999;
}

@media only screen and (max-width: 767px) {
    .or {
        padding: 10px 0 20px 0;
    }
}


/* PHOTO CREDITS */

[am-photo-credits="link"] {
    background: transparent url("/_themes/2013/global/images/photo-credit-bg.png") no-repeat right top;
}

[am-photo-credits="link"] a {
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    padding: 5px 8px 5px 5px;
    color: #fff;
    text-transform: uppercase;
}

#photo-credits-popover {
    background: #E9E6D4;
    padding: 20px;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
}

.lightcase-isMobileDevice.lightcase-open, .lightcase-isMobileDevice.lightcase-open body {
    max-height: 1000px !important;
    overflow: scroll !important;
}

.trip-extensions-null {
    padding: 15px;
}


/* FOR NEW TRIP FINDER */

.item-selected {
    background: #F0F0F0;
}