﻿


/* Corpid Fonts*/

/*Corpid Bold 700*/
@font-face {
    font-family: corpid;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/CorpidC1SCd_700_.woff) format("woff")
}

/*Corpid  Italic 500*/
@font-face {
    font-family: corpid;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/CorpidC1SCd_500i.woff) format("woff")
}

/*Corpid Regular 300 */
@font-face {
    font-family: corpid;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/CorpidC1SCd_300_.woff) format("woff")
}

body, h1, .ui-widget *, body.tour-filter *, #breakdown {
    font-family: corpid,Helvetica,Arial,sans-serif;
}


/* prevent scrollbar from shifting elements */

html {
    height: 100%;
}

/* Grey Background, new font styling */

body {
    background-color: #f0f0f0;
    font-size: 16px;
    line-height: 1.5;
    height: 100%;
}

h1 {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.2;
    color: inherit;
    display: block;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 1.2em;
    text-transform: none !important;
    color: #626262;
}

p {
    overflow: hidden;
}


/* Give nav menu a bookmark feel */

.home-top {
    padding-bottom: 0px !important;
}


#nav > li {
    text-transform: none;
}

    #nav > li > a {
        font-weight: normal;
        font-size: 1.2em;
    }

#page-top #header-utility a {
    font-size: 1.2em;
}

#page-top #header-utility li {
    text-transform: none;
}


/* Increase height and width dimensions to fill more of the page. */

body #wrapper {
    width: inherit;
    max-width: 1125px;
}

@media (max-width: 600px) {
    .tourFilter {
        margin-right: 0px
    }
}

#page-top #logo {
    background-size: contain;
    width: 270px;
    height: 44px;
}

@media (min-width: 992px) {
    #main-content {
        width: 1090px;
        max-width: 1090px;
    }
}

/* space between content and footer */

#main-content {
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 50px;
}


/* no more ALL CAPS links */

.homeSlider .buttonBar {
    text-transform: none;
}

#tour-map .feature {
    text-transform: none;
    font-weight: normal;
}


/* new background color, font color, hover color for footer */

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

    #footer a {
        text-transform: none !important;
    }

        #footer a:hover {
            color: #41B6E6 !important;
            text-decoration: none;
        }

/* Navy Backgrounds for Headers, Footers, Tabs */

#wrapper {
    background: none;
}

    #wrapper.home-page, #page-top, #wrapper, #logo-container, .rtsLink:hover, body.tour-filter .tab.active, .siteMap {
        background-color: white;
    }

        .siteMap a, .siteMap li {
            color: white;
            font-size: 12px;
        }

            .siteMap a:hover {
                color: #41B6E6;
                background: none;
            }

/* Navy text for white backgrounds */

body.tour-filter .tab {
    color: rgb(33, 42, 68);
}

h1 {
    color: rgb(33, 42, 68) !important;
}

#header-utility a:hover, #header-utility a:focus {
    color: #41B6E6 !important;
    text-decoration: none;
}

.rtsLink:hover {
    color: white !important;
}

#main-content a:hover {
    background: none;
    color: #41B6E6;
}

.activity a:hover {
    color: #fb901d !important;
}

.activity a {
    color: #26a5df !important;
}

body.tour-filter .tab {
    font-weight: normal;
}


/* Orange Buttons */

.btn {
    background-color: #fb901d;
    font-weight: normal;
}

    .btn.alt2 {
        background-color: rgb(33, 42, 68);
    }

    .btn:hover {
        background-color: #CB6015 !important;
    }

    .btn.btn-light {
        background-color: #ffab52;
    }

#tour-map .feature {
    color: inherit;
    background: none;
}

/* White Text for elements with navy backgrounds */

.homepage-container #nav > li > a, .homepage-container #page-top #header-utility, .homepage-container #page-top #header-utility a {
    color: white !important;
}


/* White Background for Home bar, Tour containers*/

.homeBar, .container {
    background: rgba(255,255,255,1);
}

.container.container-5star {
    max-width: 1000px;
}

/* Header Logo and Front Page Image */

@media(min-width:992px) {
    .wrapper-body {
        background-image: url(~/media/perspectives/images/backgrounds/Untitled-1_0000_Layer-15-1030x580.ashx) !important;
    }
}

#page-top #logo {
    background-image: url(~/media/perspectives/images/content/worldstrides-white.ashx);
}


/* Social Media Icons */
.iconLinks img {
    width: 20px;
    height: 20px;
    display: inline;
    float: left;
    margin: 2px;
}

#page-top #logo-container {
    margin-left: 0px;
}

.homepage-container #page-top #logo-container {
    padding-left: 0px;
}

#tourDestination .rtLI, #programCategory .rtLI, #itineraryContainer, .ui-widget, .immersive-copy {
    font-family: corpid,Helvetica,Arial,sans-serif !important;
    font-size: 16px !important;
}

body.tour-filter div.RadTreeView_Default .rtPlus::before, body.tour-filter div.RadTreeView_Default .rtMinus::before {
    font-size: 13px !important;
}

body.tour-detail .day, body.page-save-quote .day, .accordion > div, .donation_container_ex label.small_label_ex {
    font-size: 16px;
}

.breadcrumbs {
    font-size: 16px !important;
}

@media (min-width: 992px) {
    .itinerary-map {
        width: 300px;
    }
}

#tourPricerControlHolder .form-control {
    width: 250px;
}
/*============================
            WIDGETS
============================*/
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: rgb(33, 42, 68) !important;
}

.ui-widget-content {
    background: #fff;
}

.breadcrumbs > li > a, .breadcrumbs > li > a:visited, .tclinks a {
    color: #26a5df;
}

    .breadcrumbs > li > a:hover, .tclinks a:hover, .background-style-portal-nav ul li a:hover, a.productLink:hover, .ui-widget a:hover, .activity a:hover {
        color: #fb901d !important;
        text-decoration: none !important
    }

.btn-default, .btn-default:hover {
    border: none !important;
}

#tourPricerControlHolder img.ui-datepicker-trigger {
    position: absolute;
    margin-top: -30px;
    margin-left: 220px;
}

#page-top #logo-container {
    background-color: transparent !important;
}

#page-top.row {
    background-color: rgb(33, 42, 68) !important;
}

#page-top #header-utility li {
    border-right: none;
}

#header-utility .input-group {
    width: 250px;
}

    #header-utility .input-group input[type="button"] {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    #header-utility .input-group input[type="text"] {
        margin-right: 1px !important;
    }

#divCredit .form-control, #divChecking .form-control {
    width: auto;
    display: inline;
}

.donation_container_ex label.small_label_ex {
    display: inline;
}

body.modal-open {
    overflow: visible;
}

body.tour-detail .zoom-in {
    position: absolute;
    bottom: 0;
    right: 20px;
    margin-bottom: 10px;
    top: inherit;
}

@media(min-width:992px) {
    .signup-contact-container #main_0_content_0_authenticate_0_tourcenter_0_ps_tMiddleName,
    .account-profile #main_0_content_0_authenticate_0_tMiddleName,
    .forgot-login-container .form-control,
    .save-quote .form-control {
        width: 200px;
        display: inline-block;
    }

    .login-page .form-control {
        width: 275px;
        display: inline-block;
    }

    .forgot-login-container label {
        text-align: left;
    }

    .tour-img {
        width: 435px;
        height: 217px;
        overflow: hidden;
    }

    .login-container {
        padding-right: 20px;
    }

    .perspectives-portal-form {
        margin-top: 100px;
        margin-bottom: 100px;
    }
}

@media(max-width:991px) {
    #wrapper.home-page, #page-top, #wrapper, #logo-container, .rtsLink:hover, body.tour-filter .tab.active, .siteMap {
        background-color: white !important;
    }

        #page-top #expand-menu {
            margin-left: 0px;
            margin-top: 15px;
        }
}

.printitinerary .printcallout a {
    word-break: break-word;
}

[targetid=btnTourItinerary] {
    position: relative
}

#priceWizardSidebar, #priceWizardSidebar a {
    font-size: 16px !important;
}

#lblPrice {
    font-size: 24px !important;
}

#page-top #logo-container {
    padding-top: 0px;
}

.tourResultItem .country {
    color: #fb901d;
}

.activity .leap:before {
    content: "\e006";
    font-family: 'Glyphicons Halflings';
}

.activity .leap, .activity a.leap {
    color: #fb901d !important;
}

    .activity a.leap:hover {
        color: #CB6015 !important
    }

.perspectives-portal-form .panel-heading {
    padding: 0px;
}

    .perspectives-portal-form .panel-heading .panel-title a {
        display: block;
        padding: 10px 15px;
        text-decoration: none !important;
    }

.tourIncludes .title, .tourIncludes > ul > li {
    font-size: 16px !important;
}

.change-password {
    margin-top: 0px !important;
}

#page-top ul#nav li:not(:last-child):hover {
    border-radius: 10px;
}

#voucherLink {
    font-size: 16px !important;
}
.gdpr { background-color: rgb(33, 42, 68) !important; }
a#gl-professionalDev-link { white-space: nowrap; }

#reservations .twoColumnNw .leftCol {
    float: left;
    width: auto;
    max-width: 350px;
}

.background-style-portal-nav .brand img { width: 250px; }
#logoDiv img { width: 250px; }
@media (min-width: 1200px) {
    [id^=eval].p .container, .p [id^=eval] .container {
        width: 970px !important;
    }
}

.rate:not(:checked) > input { top:auto; opacity:0;}

/* =======BT UI Upgrade Fix================= */

html body span.riSingle .riTextBox {
    border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e;
    background: #fff;
    height: 34px;
    color: #000;
    box-shadow: none !important;
}

html body.page-save-quote span.riSingle .riTextBox {
    border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
}

.RadCalendarPopup.RadCalendarPopupShadows {
    margin-left: 91px !important
}

.page-save-quote .RadCalendarPopup.RadCalendarPopupShadows {
    margin-left: 90px !important
}

.page-signup .RadCalendarPopup.RadCalendarPopupShadows {
    margin-left: 92px !important
}

.tour-filter.scheduledwrap .RadCalendarPopup.RadCalendarPopupShadows {
    margin-left: 92px !important
}

.tour-filter .RadCalendarPopup.RadCalendarPopupShadows {
    margin-left: 100px !important
}


.RadCalendarPopup.RadCalendarPopupShadows .RadCalendar.RadCalendar_Default caption {
    display: none;
}

table.RadCalendar.RadCalendar_Default td.rcTitlebar caption, table.RadCalendar.RadCalendar_Vista caption, table.rcMainTable caption {
    display: none;
}



body.tour-filter div.RadTreeView_Default {
    font-family: Verdana, Arial, Sans-Serif !important;
    font-size: 13px !important;
    color: #626262 !important;
}

table.RadCalendar.RadCalendar_Default td.rcTitlebar caption, table.RadCalendar.RadCalendar_Vista caption, table.rcMainTable caption {
    display: none;
}

.container-fluid.footer--corporate {
    padding-left: 15px;
    padding-right: 15px;
}

.forgot-login-container .form-group span[data-val="true"] {
    color: red;
}

/**BT-Upgrade-2 : \Editor Border padding fix  My Acc/Message Center/Compose**/
.RadEditor.reWrapper table td {
    border: 0;
    padding: 0;
}

/* Filter Issue css fixed start here */
body.tour-filter div.RadTreeView_Default li.rtLI {
    margin-bottom: 3px;
    line-height: 17.8px;
}

.RadTreeView .rtPlus, .RadTreeView .rtMinus {
    margin: 6px 6px 0 -17px !important;
}

.RadTreeView .rtIn {
    margin-left: 0 !important;
}

body.tour-filter div.RadTreeView_Default .rtPlus::before {
    top: -2px;
}

.RadTreeView .rtSp {
    margin-left: -2px !important;
}
/* Filter Issue css fixed end here */

html body.site1 .mcbody div.pd10.ctr span {
    color: red;
}

html body.site2 .mcbody div.pd10.ctr span {
    color: red;
}

html body.site2 table.pd2 tr td span {
    color: red;
}

html body.site1 table.pd2 tr td span {
    color: red;
}

div#divZipCodeInternal span {
    color: red;
}

.RadTreeView .rtIn {
    padding: 4px 3px 3px !important;
    display: unset !important;
}

table#rptrOptionalActivityHolder span {
    color: #626262;
}

/* =======BT UI Upgrade Fix================= */