﻿@media only screen and (min-width: 768px) {
    .tablet-menu-social {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    #header .tablet-menu-social {
        display:block !important;
    }
}

#timeline-embed{
    border-radius:0;
    border:none;
}

.vco-storyjs h2.start{
    font-family:"Vesta", "Arial", "Helvetica", sans-serif !important;
}

.vco-storyjs .vco-feature h1, .vco-storyjs .vco-feature h2, .vco-storyjs .vco-feature h3, .vco-storyjs .vco-feature h4, .vco-storyjs .vco-feature h5, .vco-storyjs .vco-feature h6{
    font-family: "Lato", "Arial", "Helvetica", sans-serif !important;
}
.vco-storyjs p, .vco-storyjs blockquote, .vco-storyjs blockquote p, .vco-storyjs .twitter blockquote p{
    font-family:"Lato", "Arial", "Helvetica", sans-serif !important;
}

.vco-storyjs{
    background-color: #f3f2ea !important;
}

.vco-timeline .vco-navigation .timenav-background .timenav-interval-background{
    background-color: #f3f2ea !important;
}

.content-container.layout-text-media.pad-left .text .container p{
    font-family:"Lato", "Arial", "Helvetica", sans-serif !important;
}

.promoNodes {
    width:100%;
    height:auto;
    display:inline-block;
    margin-bottom:5px;
}

.lastWhatsOnInfoBlock {
    margin-top:40px;
}

.contentandimage .alignLeft {
    margin:0px 20px 20px 0px;
    /*max-width:380px;*/
}

.contentandimage .alignRight {
    margin:0px 0px 20px 20px;
    /*max-width:380px;*/
}

#whatson .more {
	width: 60%;
	margin: 0 auto;
	display: block;
	padding: 6px 5px 6px;
	border: 2px solid #6a6867;
	font-size: 20px;
	line-height: 24px;
	color: #63615e;
	text-decoration: none;
	text-transform: capitalize;
	-webkit-transition: border-color .3s ease;
	transition: border-color .3s ease;
}

#whatson .more:hover {
	border-color: #e8b56b;
}

.languages li {
    list-style: none;
    margin-top: 10px;
}

.gradientContainer {
    display:inline-block;
    width:100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.80) 95%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(0,0,0,0.80)), color-stop(95%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.80) 95%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.80) 95%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.80) 95%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,0.80) 95%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.imgGradient {
    display: block;
    z-index: -10;
    position: relative;
}

/*Images placed in the richtext editor. Allows to resize height.*/
#content img {
    height: auto !important;
    width:auto;
}

.carouselLink {
    color:#FFF !important;
    text-decoration:none;
}

.galleryImgHeight {
    /*min-height:110px;
    max-height:110px;*/
}

.promoAlignment {
    margin: 0 auto 0 auto;
    width: 600px;
}

@media screen and (max-width: 1042px) {
    .cc {
        padding-top:14px;
    }
}

@media only screen and (max-width: 767px) {
    #festiveLunchTitle {
        color:#FFF !important;
    }
}

@media screen and (max-width: 655px) {
    .promoAlignment {
    margin: 0 auto 0 auto;
    width: 200px;
}
}

@media screen and (max-width: 650px) {
    .promoNodes {
        width: 200px;
    }

    .cc {
        padding-top:10px;
        font-size:10px;
    }
}

@media screen and (max-width: 616px) {
    #content .amazingcarousel-nav {
        display: none !important;
    }
}

@media screen and (max-width: 477px) {
    #iTunesAppStoreLogo {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 366px) {
    #iTunesAppStoreLogo {
        margin-left: 130px !important;
    }
}

@media screen and (max-width: 366px) {
    #iTunesAppStoreLogo {
        margin-left: 116px !important;
    }
}

.removeArrow:after {
    display:none;
}