/*---------------------------------------*/
/*-------- SOUTH COAST LIFTS LTD --------*/
/*---------------------------------------*/


/* Base font size 16px
/* EM width calculation 1/16(base font size) x pixels

/* aubergine: #420530 rgba(66,5,48,1.0)
/* dark aubergine: #2f0627 rgba(47,6,39,1.0)
/* pink: #ef007e rgba(230,0,126,1.0)

/*---------------------------------------*/
/*----- SMALL - DEFAULT UP TO 640px -----*/
/*---------------------------------------*/
#map img
{
    max-width : none;
}

iframe { margin-bottom: 1.25rem; }

/*-- cookie consent --*/

div#cookie_widget {
    background: #420530; /* Old browsers */
    background: -moz-linear-gradient(top,  #2f0627 96%, #420530 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(96%,#2f0627), color-stop(100%,#420530)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2f0627 96%,#420530 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2f0627 96%,#420530 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2f0627 96%,#420530 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2f0627 96%,#420530 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f0627', endColorstr='#420530',GradientType=0 ); /* IE6-9 */
    padding: 20px 0 40px;
    position: fixed;
    bottom: -10px;
    z-index: 3000000;
    box-shadow: 0 -5px 5px 0 rgba(0,0,0,.25);
    border-top: 1px white solid;
    }

div#cookie_widget p, div#cookie_widget a:hover { margin-bottom: 0; color: #ffffff; }

div#cookie_widget .row { padding: 10px 0px; }

div#cookie_widget .button { margin: 10px 0; }

.main-title { z-index: 3; position: absolute; bottom: 10px; }

.main-logo { margin-bottom: 2rem; max-width: 225px; }

.flash { width: 35%; max-width: 420px; position: absolute; right: 0; bottom: 0; z-index: 1000000; }
.flash img { width: 100%; height: auto; max-width: 420px; }

/*-- page container --*/
.container { background: #eef1f7 center top; }

.banner, .banner:after {  left: 0px; position: relative; width: 100%; height: 400px; margin-bottom: 3rem; overflow: hidden; }

.banner { background: white; /*url('../images/hero-bg1.jpg') center no-repeat; z-index: 1;*/ }

.banner:after { background: transparent url('../images/fjt-background.jpg') repeat; content: ''; position: absolute; top: 0; z-index: 2; }

.banner h1, .banner .subheader { font-size: 2.0rem; color: #ffffff; }

.page-title-area { position: absolute; bottom: -280px; }

section.introductionbg { padding-top: 0; }

.lifts { position: relative; }
.lift-1 { position: absolute; right: 0px; top: 50px; height: 500px; width: 50px; background: url('../images/lift-1.png') center no-repeat; z-index: 3; }
.lift-2 { position: absolute; right: 55px; top: 50px; height: 500px; width: 50px; background: url('../images/lift-2.png') center no-repeat; z-index: 3;}
.lift-3 { position: absolute; right: 110px; top: 50px; height: 500px; width: 50px; background: url('../images/lift-3.png') center no-repeat; z-index: 3; }
.lift-4 { position: absolute; right: 165px; top: 50px; height: 500px; width: 50px; background: url('../images/lift-4.png') center no-repeat; z-index: 3;}
.lift-5 { position: absolute; right: 220px; top: 50px; height: 500px; width: 50px; background: url('../images/lift-5.png') center no-repeat; z-index: 3;}

.introductionbg {	background: #420530; /* Old browsers */
    background: -moz-linear-gradient(top,  #2f0627 96%, #420530 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(96%,#2f0627), color-stop(100%,#420530)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2f0627 96%,#420530 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2f0627 96%,#420530 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2f0627 96%,#420530 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2f0627 96%,#420530 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f0627', endColorstr='#420530',GradientType=0 ); /* IE6-9 */

			padding-bottom: 30px; }

.introduction p, .introduction ol, .introduction li  {
	color: #ffffff;
	font-size: 18px;
	font-weight: 300;
	padding-top: 4px;
	text-shadow: 0 0 2px #000000;
}

.introduction a:hover, .introduction h1, .introduction h2, .introduction h3, .introduction h4 { color: #ffffff; }

header, section, .banner {
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.15);
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.15);	
	}

.introtext p {font-size: 18px;}
	
#back-top a span {
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,.15);
	box-shadow: 0 0 3px 3px rgba(0,0,0,.15);	
	}

section { padding: 70px 0 30px; }

section.main-nav-section { border-bottom: 0; padding: 0; }

.main-text-content { padding-bottom: 4rem; }

#gallery, #projects {
	background: url('../images/gallery-bg-small.jpg') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
.white { color: #ffffff!important; }	

.services-row { padding-bottom: 60px; }

/*-- header elements --*/

.no-border { border-bottom: none; }
.image-caption { margin: 5px 0 0; }

.square { width: 100%; position: relative; padding-bottom: 100%;}
.square-inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; padding: 0; text-align: center; display: flex; justify-content:center; align-items:center;  }
.square-inner a img { flex-shrink:0; min-width:150%; min-height:100%; margin-left: -25%; }



/*-- rows --*/
.full-width { width: 100%; clear: both; }
.hero-banner {
	background: url('../images/mall-00.jpg') fixed;
	height: 600px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; }
#news, #latest {
	background: url('../images/background.jpg') fixed; padding-bottom: 40px;
	 }
.main-content-row { background: url('../images/banner-mask-2.png') center top #dee4ef; padding: 24px 0 48px 0; width: 100%; }

#news, #accommodation {
	background-color: white;
}

/*-- news --*/
.news-slider-row { background: url('../images/banner-mask-2.png') center top #e6eaf3; padding: 24px 0 48px 0; width: 100%; }
.news-image { padding-left: 2px; padding-right: 0; margin-left: -4px; margin-right: 4px; margin-bottom: 10px; }
.news-text p { padding-left: 2px; padding-right: 18px; }
.news-more-link { margin-bottom: 21px; }
.news-listing { margin-top: 57px; }
.news-listing-container { padding-right: 0; }
.news { border-bottom: 1px solid #ebebeb; margin-bottom: 20px!important; }
a.side-image img { opacity: 0.8; margin-bottom: 10px; }
a.side-image:hover img { opacity: 1.0; }

.slider .panel h5 { height: 40px; }

/*-- image gallery --*/
.image-gallery a img { margin-bottom: 6px; opacity: 0.9; }
.image-gallery a:hover img { opacity: 1.0; }


/*-- registration row --*/
.registration-row { background: #2f0627; border-bottom: 1px solid #ef007e; border-top: 1px solid #ef007e; margin-bottom: 0; padding: 20px 0; width: 100%; }
.registration-row .panel { margin-bottom: 0; }
.registration-row label { color: #ffffff; line-height: 20px; }
.registration-row p { margin-bottom: 0; line-height: 40px; }
p.share, p.sister, p.sister a:hover { color: #ffffff; }
input.email { border: 1px solid #ffffff; }

.what { color: #424446; display: inline-block; height: 20px; width: 20px; border-radius: 10px; background: #ef007e; text-align: center; font-weight: bold; }
.what:hover { color: #ffffff; }

.icon { background: url('../images/social-icons.png') no-repeat #ef007e; float: right; display: inline-block; height: 34px; margin: 0px 0 0; width: 34px; border-radius: 17px; }
.icon:hover { background: url('../images/social-icons.png') no-repeat #420530; }
.linkedin, .linkedin:hover { background-position: 0 0; }
.twitter, .twitter:hover { background-position: 0 -34px; }
.facebook, .facebook:hover { background-position: 0 -68px; }
.google, .google:hover { background-position: 0 -102px; }
.pinterest, .pinterest:hover { background-position: 0 -136px; }
.mail, .mail:hover { background-position: 0 -170px; }

/*-- footer row --*/
.footer-row { background: white; width: 100%; padding: 24px 0 20px; }
.footer-row p, .footer-row ul li, .footer-row ul.link-list li.active a { font-size: 13px; }
footer { padding-bottom: 40px; }

/*-- alignment fixes --*/
.no-margin-bottom, .registration-row .columns, .no-space-after, .news-date { margin-bottom: 0; }
.space-after-24 { margin-bottom: 24px; }
.clear { clear: both; }
.no-padding { padding: 0; }
.nav-fix { margin: 0 2px 0 -2px; min-width: 900px; }

/*-- tag cloud --*/
.tagcloud { margin-left: 0; list-style: none; }
.tagcloud li { display: inline-block; font-size: 12px; }
.tagcloud li a { display: block; background: #ef007e; color: #ffffff; padding: 7px; margin-right: -4px; }
.tagcloud li a:hover, .tagcloud li a.active { background: #2f0627; }

/*-- nested list fix --*/
ul ul { list-style: disc; margin-top: 0; }

/*-- table - make table full width --*/
.panel table { width: 100%; }

/*-- back to top --*/
#back-top { bottom: -20px; margin-left: 4px; position: fixed; z-index: 4000000; }
#back-top a { color: #ef007e; display: block; margin-left: 0px; text-decoration: none; width: 40px; /* background color transition -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;*/  }
.lt-ie9 #back-top a { background: #ef007e; }
#back-top a:hover { color: #420530; }
#back-top span { background: #ef007e url('../images/up-arrow.png') no-repeat center -4px; color: #ffffff; display: block; font-size: 11px; height: 40px; line-height: 11px; padding: 24px 5px 5px 5px; text-align: center; width: 40px; /*border-radius: 20px; background color transition -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; */ }
.lt-ie9 #back-top span { background: #ef007e url('../images/up-arrow.png') no-repeat center -4px; color: #ffffff; display: block; font-size: 11px; height: 40px; line-height: 11px; padding: 24px 5px 5px 5px; text-align: center; width: 40px; border-radius: 20px;/* background color transition -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; */ }
#back-top span:hover { background: #420530 url('../images/up-arrow.png') no-repeat center -4px; }
#back-top a:hover span { background-color: #420530; color: #ffffff; }



/*---------------------------------------*/
/*--------- MEDIUM - 640-1024px ---------*/
/*---------------------------------------*/

@media only screen and (min-width: 40em) {
	
	.small-offset-0 { margin-left: 0!important; }
	
	label.inline { margin: 0 0 1rem 0; padding: 0.625rem 0; }
	.footer-row { background: white; width: 100%; padding: 24px 8px 20px; }
	.share, .sister { padding-left: 0; }
	.article-image { margin-bottom: 10px; }
	.right.menufix { margin-right: 3px; }
	.top-bar-section ul li > a { border-left: none; border-top: none; }
	#gallery, #projects {
	background: url('../images/gallery-bg.jpg') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	.banner, .banner:after { height: 500px; }

	.banner h1, .banner .subheader { font-size: 2.25rem; }
	
    
}

/*---------------------------------------*/
/*--------- LARGE - 1024-1200px ---------*/
/*---------------------------------------*/

@media only screen and (min-width: 64em) {
    
	.banner h1, .banner .subheader { font-size: 3.0rem; }
	.banner-text { position: absolute; display: block; height: auto; bottom: 10px; width: 672px; left: 50%; margin-left: -500px; z-index: 1000; }
	.registration-row { padding: 10px 0 5px; }
	.share { text-align: right; }
	
	blockquote:before {
  color: #ccc;
  content: "\201C";
  font-size: 6em;
  font-family: Times;
  font-weight: bold;
  font-style: normal;
  line-height: 0.1em;
  margin-left: -0.35em;
  vertical-align: -0.4em;
  }
    
}