/*
	Itinerary Styles - Default
	Copyright 2015 Roeville Computer Systems

    Layout Description:
        Split head - carousel, basic info and highlights.
        Tabbed description, itinerary items, hotels and tour dates.

    Layout Contents:
        Itinerary Requirements (won't crash if missing):
            - Title
            - Subtitle
            - Large Image
            - Description
            - Category 1 (can be changed to 2)

        Itinerary Options:
            - 1 x highlights item:
                - Subtitle
                - Description as unordered list
            - Unlimited "callout" items (extra carousel images):
                - Title (alt attribute)
                - Subtitle - caption header
                - Text - caption content
            - Unlimited itinerary items (nb. too many can glitch):
                - Title
                - Text
                - Image (optional)
            - Unlimited hotel items (nb. too many can glitch):
                - Title
                - Text
                - Image (optional)
*/
/*	--------
	1 - Images
*/

.itin-bigimg {
	text-align:center;
}
	
	.itin-bigimg img {
		max-width:100%;
		display:inline-block;
	}

/*	--------
	2 - Title Info
*/
.itin-header {
    padding: 0 0 12px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}

.itin-breadcrumbs {
    display: inline-block;
    margin-left: 20px;
    background: none;
}

@media(max-width:767px) {
    .itin-breadcrumbs {
        display: block;
        margin: 10px 0 0;
        text-align: center;
    }
}

.title-info-cont {
    padding-left: 20px;
}

h1.itin-title {
    text-align: left;
}

.itin-price {
    font-size: 50px;
}

.itin-subtitle {
    font-size: 20px;
}

dl.key-info dt {
    text-align: left;
    width: auto;
}

dl.key-info dd {
    margin-left: 50%;
}

/*
	--------
	3 - Content
*/
@media(min-width: 768px) {
    .itinerary-item-body {
        padding-left: 20px;
    }
}

.itin-item-img {
    max-width: 250px;
    margin-left: 20px;
}

.tour-rooms {
	position:absolute;
	z-index:100000;
}
.tour-seats {
	position:relative;
}
.seatplan-results-content {
	background:#efefef;
}
.seatplan-results-content .seat-plan-col {
	display:inline-block;
}
.seatplan-results-content img {
	width:24px;
	height:24px;
	display:inline-block;
	margin:2px;
}
.seatplan-results-loader {
	font-size:50px;
}
.seat-plan-key img {
	width:24px;
	height:24px;
}


/*
    4 - Buttons
*/
@media(max-width: 767px) {
    .tour-date-btn.visible-xs {
        display: inline-block !important;
        float: right;
    }
}

/*
    5 - Highlights
*/


.itin-highlight strong {
    display: block;
    font-size: 18px;
}

.itin-highlight ul {
    padding: 0 0 0 20px;
    list-style-type: none;
}

    .itin-highlight ul li {
        font-size: 16px;
        margin: 4px 0;
        position: relative;
    }

        .itin-highlight ul li .glyphicon {
            position: absolute;
            left: -20px;
            top: 3px;
        }