/* @override 
	file:///Users/tonyoulton/Sites/nordic-landing-html/css/style.css
	http://localhost/nordic-landing-html/css/style.css
*/

html, body {
	height: 100%;
}

/* ===== Logo ===== */
.brand {
	position: relative;
	width: 160px;
	height: 66px;
	overflow: hidden;
}

.brand a {
	display: inline-block;
}

/* ===== Typography ===== */
h1, h2, h3 {
	text-align: center;
}

h1, h2 {
	/*color: #AA3473;*/
	color: #EB539E;
	margin-top: 0.8em;
}

h1 {
	font-size: 2.35rem;
	margin-bottom: 16px;
}

header h2 {
	font-size: 1px;
}

h3 {
	font-size: 1.2rem;
	font-weight: 400;
	text-transform: uppercase;
}

p {
	color: #1F1E21;
}

/* Default Link Styles */
a {
  color: #008CBA;
  line-height: inherit;
  text-decoration: none; }
  a:hover, a:focus {
    color: #ebbfd7; }

.small-text {
	font-size: 90%;
}

.fa-check-circle {
	color: #AA3473;
	color: #EB539E;
}

footer .fa-check-circle {
	color: #fefdfb;
}

/* Placeholder Text */
::-webkit-input-placeholder {
  color: #888888; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #888888; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #888888; }

:-ms-input-placeholder {
  color: #888888; }



/* ===== Buttons ===== */
.button-container { /* Centers Button on column */
    text-align: center;
}
button.radius, .button.radius { /* Overrides Foundation button corner radius */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.button, .button:visited, .button:focus {
	background-color: #EB539E;
	background: #FF5DB1;
	background: -moz-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FF5DB1),color-stop(100%,#E94A86));
	background: -webkit-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);
	background: -o-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);
	background: -ms-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);
	background: linear-gradient(top,#FF5DB1 0%,#E94A86 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FF5DB1', endColorstr='#E94A86',GradientType=0);	
}
.button:hover {
	background-color: #C74A8D;
	background: -moz-linear-gradient(top,#E94A86 0%,#FF5DB1 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#E94A86),color-stop(100%,#FF5DB1));
	background: -webkit-linear-gradient(top,#E94A86 0%,#FF5DB1 100%);
	background: -o-linear-gradient(top,#E94A86 0%,#FF5DB1 100%);
	background: -ms-linear-gradient(top,#E94A86 0%,#FF5DB1 100%);
	background: linear-gradient(top,#E94A86 0%,#FF5DB1 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FF5DB1', endColorstr='#FF5DB1',GradientType=0);
}
.small.button {
		font-size: 0.85em;
		font-weight: 600;
}
.medium.button {
	font-size: 1.25em;
	font-weight: 600;
}

.col-title { /* Not sure if we need this */
	font-weight: 700;
	text-indent: -22px;
}



/* ===== Nav & Header Styles ===== */
.tab-bar {
	position: relative;
	background-color: #fefdfb;
	height: 60px;
	z-index:1;
	-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.4);
	-moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.4);
	box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.4);
}
nav section {
	position: relative;
	padding-top: 10px !important;
}
nav .right-small {
	border-left: 0;
}

/* Change colour of hamburger icon */
.tab-bar .menu-icon span::after {
    box-shadow: 0 0 0 1px #1f1e21, 0 7px 0 1px #1f1e21, 0 14px 0 1px #1f1e21;
}



/* ===== Sections & Content Blocks ===== */
.inner-wrap {
	position: relative;
}
.main-section {
	position: relative;
	background: transparent url(../img/blizzard.png) repeat top left;
}
.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: none;
}
.small-8 {
	padding-top: 20px;
}
.small-block-grid-4 li {
	padding: ;
}

/* Forms and Input */
label {
	color: #ffffff;
}
.feedback {
	margin-top: 1em;
	margin-bottom: 0.6em;
	padding: 0.2em 0.6em;
	background-color: #ffeac8;
	border: 1px solid #ff7700;
}
p.feedback {
	color: #ff7700 !important;
}
.feedback.success {
	background-color: #e5ffdf;
	border: 1px solid #64a848;
}
p.feedback.success {
	color: #64a848 !important;
}
.save-place-button {
	margin-top: 1em;
}

/* Group and One-To_One Sign Up Pages plus Success Page */
.form-block {
	position: relative;
	top: 0;
	left: 0;
	height: auto;
	padding: 2.4rem 0;
	margin: 0;
	background-color: #fff;
}
.group-course {
	background: url(../img/nordic-walking-enjoying-the-outdoors.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.success-page {
	background: url(../img/colourful-grass.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.small-note {
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
	margin-bottom: 2.6em;
}
hr {
	text-align: center;
	margin: 0 auto;
	width: 50%;
}
input.specialformfield { /* Hide honeypot form field */
	display: none;
}


/* ===== Images & Effects ===== */
.hero-image,
.hero-image:after { 
    position: relative;
    width: 100%;
    height: 400px;
    top: 0px;
    left: 0px;
}
hero-image:after {
	position: absolute;
    z-index: 1;
    content: '';
    background: transparent url(../img/overlay-pattern.png) repeat top left; 
}
.photo-group li,
.photo-group li img {
	position: relative;
	z-index: 0;
}
.inline-img {
    position: relative;
    display: inline-block;
}
.slim-marketing-hero {
	background-color: #fff;
	background: url(../img/me-spot-women-learning-to-nordic-walk-on-wandsworth-common.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.second-marketing-hero {
	background-color: #fff;
	background: url(../img/me-spot-women-having-fun-nordic-walking.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.third-marketing-hero {
	background-color: #fff;
	background: url(../img/nordic-walk-in-the-woods.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.small-4 {
	width: 50%;
}
img.small-centered.column {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}


/* Pricing Tables */
.title i.fa {
	display: block;
	font-size: 2.8em;
	margin-bottom: 8px;
}
.pricing-table {
	/*border: solid 1px #AA3473;*/
	background-color: rgba(0,0,0,0.3);
	margin-bottom: 1.25rem;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.3);
}
.pricing-table * {
	list-style: none;
	line-height: 1;
}
.pricing-table .title {
	background-color: #AA3473;
	color: #EEEEEE;
	font-family: "Open Sans", Helvetica, Roboto, Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	padding: 0.9375rem 1.25rem;
	text-align: center;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
}
  .pricing-table .price {
    background-color: #ebbfd7;
    color: #1F1E21;
    font-family: "Open Sans", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2rem;
    font-weight: normal;
    padding: 0.9375rem 1.25rem;
    text-align: center; }
  .pricing-table .description {
    background-color: #FFFFFF;
    border-bottom: dotted 1px #DDDDDD;
    color: #777777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
    padding: 0.9375rem;
    text-align: center; }
  .pricing-table .bullet-item {
    background-color: #fbf3f7;
    border-bottom: dotted 1px #AA3473;
    color: #1F1E21;
    font-size: 0.875rem;
    font-weight: normal;
    padding: 0.9375rem;
    text-align: center; }
  .pricing-table .cta-button {
    background-color: #ebbfd7;
    font-weight: 800;
    padding: 1.25rem 1.25rem 0;
    text-align: center;
    border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
    }
.cta-button .button {
	font-weight: 600;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}



/* ===== Owl Carousel ===== */
#owl-carousel {
	background-color: #C74A8D;
}
#owl-carousel .item{
    display: block;
    width: 100%;
    height: auto;
}
.fa-pull-left {
	color: #e3a5c6;
}
blockquote {
	padding: 16px 40px 0 40px;
	margin-bottom: 10px;
	border: 0;
}
blockquote p {
	font-style: italic;
	font-size: 1.3em;
	margin-bottom: 6px;
	color: #fefdfb;
}
blockquote cite {
	font-style: normal;
	font-weight: 700;
	font-size: 0.8em;
	color: #e3a5c6;
	text-align: center;
	background-color: #C74A8D;
}
/* Remove dash before */
blockquote cite:before {
      content: "";
}
blockquote footer {
	padding: 0;	
}
.owl-theme .owl-controls .owl-page span {
	background-color: #832859;
}

/* Updated Quote Styles - Keeping above for ref */
#owl-carousel {
	background-color: #e3a5c6;
	background-color: #efccdf;
}
.fa-pull-left {
	color: #e3a5c6;
}
blockquote p {
	font-style: italic;
	font-size: 1.24em;
	margin-bottom: 6px;
	color: #AA3473;
}
blockquote cite {
	font-style: normal;
	font-weight: 700;
	font-size: 0.8em;
	color: #d77dad;
	text-align: center;
	background-color: #efccdf;
}



/* ===== Map Styles ===== */
#map {
	display: block;
    width: 100%;
    height: 250px;
}



/* ===== News Signup Form ===== */
.signup {
	padding: 0.9375rem;
	 background-color: #1F1E21;
	 background: rgba(31,30,33,0.8);
	 z-index: 2;
	 margin: 0;
	 border: 0;
}
.signup p, .signup h3 {
	color: #fefdfb;
}
.signup i.fa {
	display: block;
	font-size: 2.8em;
	margin-bottom: 8px;
}
input#mc-embedded-subscribe .button {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
input#mc-embedded-subscribe.button.small {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}



/* ===== Footer Styles ===== */
footer {
	padding: 20px 2.8125rem 40px 2.8125rem;
	background-color: #1F1E21;
	background: transparent url(../img/dirty_old_shirt.png) repeat top left;
}
footer h4,
footer ul,
footer a {
	color: #fefdfb;
}
footer ul {
	font-weight: 400;
	font-size: 0.9em;
}
footer li {
	margin-bottom: 0.3em;
}
h4.block {
	font-size: 1.25em;
	margin-top: 12px;
	margin-bottom:1.4em;
}
.copyright {
	color: #8c8993;
	font-size: 0.8em;
	text-align: right;
}
ul.small-12 {
	margin-left: 2em;
}



/* ===== Media Queries for specific widths ===== */

@media (max-width: 599px) {
	.brand {
	width: 150px;
	height: 62px;
	}
	.book-now-button {
	    display: none;
	}
	blockquote p {
	font-size: 1.1em;
	line-height: 1.26em;
	}
	#map {
		height: 200px;
	}
	hero-image.third-marketing-hero {
		height: 550px;
	}
	footer {
	padding: 20px 1.4rem 40px 1.4rem;
	}
	footer li {
	margin-bottom: 0.5em;
	}
}