/*
Theme Name: Battle of Britain Memorial v3
Theme URI: http://totalonion.com/
Author: Total Onion
Author URI: http://totalonion.com/
Description: Mobile first custom theme for the Battle of Britain Memorial
Version: 3.1.35
*/


/**
 * Table of Contents:
 *
 * 1.0	- Reset
 * 2.0	- Shared
 * 3.0	- Masthead
 * 4.0	- Dropdowns
 * 5.0	- Hero images
 * 6.0	- Main menu
 * 7.0	- Generic page
 * 7.2	- Comments
 * 7.5	- Lightbox
 * 8.0	- Footers
 * 9.0	- Page specifics: Homepage
 * 10.0	- Page specifics: Gallery
 * 11.0	- Page specifics: News
 * 12.0	- Page specifics: Day by day
 * 13.0	- Page specifics: Expandos
 * 14.0	- Page specifics: Search results
 * 15.0	- Page specifics: Shop
 * 15.1	- 	Single product
 * 15.2	- 	Cart & checkout
 * 16.0	- Membership form
 * 20.0	- Responsive: Small devices
 * 21.0	- Responsive: Medium devices
 * 22.0	- Responsive: Large devices
 * 23.0 - Responsive: Tall devices
 * ----------------------------------------------------------------------------
 */

/**
 * Table of Colours:
 *	#A18B47		- Gold - used for hover
 *	#800D19		- Red - for buttons
 * 	#273250		- Dark blue; standard text
 * 	#225780		- Light blue
 * 	#DFE1E5		- Dark blue (above) at 15%
 */

/**
 * Column widths:
 * 1 column = 280px  = 23.7288%
 * 2 column = 580px  = 49.1525%
 * 3 column = 880px  = 74.5763%
 * 4 column = 1180px = 100%
 */

/**
 * 1.0 Reset
 *
 * v2.0 | 20110126
 * License: none (public domain)
 *
 * @see http://meyerweb.com/eric/tools/css/reset/ 
 * ----------------------------------------------------------------------------
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Source Sans Pro', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**
 * 2.0	- Shared
 * ----------------------------------------------------------------------------
 */
html { font-size: 62.5%; }
a { outline: none; }
a:hover,a:focus { text-decoration: none; }
em { font-style: italic; }
strong { font-weight: 700; }
sup { font-size: 0.6em; }

/* Lists */
article ol, article ul { padding-left: 2em; }
article ol li, article ul li {
	list-style: decimal;
	margin-bottom: 0.8em;
}
article ul li { list-style: disc; }

/* tables */
thead { border-bottom: 1px solid #EEE; }
td, th { padding: 0.4em; }

#isOnMobile { display: block; }
.desktop-only { display: none; }
.sr-only, .screen-reader-text { display: none; }
.reveal { display: none; opacity: 0; }
.clear { clear: both; }
.container {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 10px;
}

.btn {
	font-weight: 600;
	border-radius: 0;
	font-size: 1.6rem;
	color: #FFF;
	background-color: #273250;
	transition: background-color 0.3s;
}
.btn:hover { 
	color: #FFF;
	background-color: #A18B47;
}

.btn-read-more {
	text-transform: uppercase;
	background-color: #800D19;
	padding: 7px 18px 11px 19px;
}

article .article-content a { color: #800D19; transition: color 0.3s; }
article .article-content a:hover { color: #A18B47; }

article .alignleft,
article .alignright,
article .aligncenter,
article .wp-caption-text,
article .alignleft img,
article .alignright img,
article .aligncenter img,
article .wp-caption-text img { 
	max-width: 100%;
	height: auto;
}

article .wp-caption-text {
	font-size: 1.4rem;
}

article .embed-youtube {
	text-align: inherit !important;
	position: relative;
	width: 100%;
	height: 0;
	border: 1px solid #EEE;
	padding-bottom: 56.25%;
}

article .embed-youtube iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}


/**
 * 3.0	- Masthead
 * ----------------------------------------------------------------------------
 */
#masthead {
	position: fixed;
	width: 100%;
	top: 0;
	background-color: #273250;
	z-index: 5;
}
.admin-bar #masthead { top: 32px; }
.has-notification #masthead { top: 50px; }
.admin-bar.has-notification #masthead { top: 82px; }

#alert {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 10;
	background-color: #A18B47;
	color: #273250;
	font-weight: 700;
	font-size: 1.6rem;
	text-transform: uppercase;
	padding: 8px 0 0 0;
}
.admin-bar #alert { top: 32px; }

#alert > div {
	display: flex;
	align-items: center;
}

#alert .glyphicon {
	display: inline-block;
	font-size: 1.2em;
	margin-right: 1em;
	vertical-align: baseline;
}

#alert p {
	display: inline-block;
	letter-spacing: 0.1em;
	font-size: 1.2rem;
}

#first-menu-strip { 
	position: relative;
	z-index: 10;
	background-color: #273250;
}

#masthead h1 { display: none; }
#masthead h2 {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	padding: 15px 0 15px 0;
}

#menu-toggle {
	display: block;
	position: absolute;
	padding: 1em;
	top: 0;
	right: 0;
	color: #FFF;
	font-size: 1.8rem;
}

/* Icon menu */
#icon-menu {
	padding-bottom: 15px;
}

#icon-menu li { display: inline-block; }
#icon-menu li a {
	position: relative;
	color: #FFF;
	font-size: 1.8rem;
	padding: 6px 25px 6px 0px;
	transition: color 0.3s;
}
#icon-menu li a:hover { color: #A18B47; }
#icon-menu li a.dropdown-active { color: #225780; }

#icon-menu .icon_pricing a {
	font-size: 2.45rem;
	font-weight: 500;
	display: block;
	margin-top: -0.8rem;
}


#icon-menu .glyphicon-shopping-cart { z-index: 5; }
#icon-menu .basket-count {
	position: absolute;
	top: -3px;
	right: -10px;
	color: #FFF;
	background: #225780;
	font-size: 1.4rem;
	font-weight: 700;
	padding: 0.3rem 0.6rem;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/**
 * 4.0	- Dropdowns
 * ----------------------------------------------------------------------------
 */
#dropdowns {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	pointer-events: none;
}

#dropdowns .dropdown {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: calc(100% - 82px);
	background: rgba(39,50,80,0.95);
}

#dropdowns aside {
	text-align: center;
}

#dropdowns a { color: #FFF; transition: color 0.3s; }
#dropdowns a:hover { color: #A18B47; }

#dropdowns aside h1,
#dropdowns aside h2,
#dropdowns aside h3 {
	display: block;
	font-weight: 300;
	font-size: 2.5rem;
	color: #FFF;
	line-height: 1.2em;
	text-transform: none;
}

#dropdowns aside h1 {
	letter-spacing: -0.12rem;
}

#dropdowns aside h2 {
	font-weight: 400;
	font-size: 1.5rem;
}

#dropdowns aside h3 {
	font-weight: 400;
	font-size: 1.4rem;
}

#dropdowns aside p {
	font-weight: 400;
	font-size: 1.3rem;
	color: #FFF;
}

#dropdowns #dropdown-location > div {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
}

/* Specific dropdown styles */
#dropdowns #dropdown-location > div iframe {
	width: 100%;
	height: 100%;
}

#dropdowns #dropdown-location h1 {
	position: relative;
	padding: 2.7rem 0;
	background: rgba(39,50,80,0.85);
	z-index: 7;
	pointer-events: none;
	line-height: inherit;
}

#dropdowns #dropdown-contact > div,
#dropdowns #dropdown-opening > div,
#dropdowns #dropdown-pricing > div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#dropdowns #dropdown-opening > div,
#dropdowns #dropdown-pricing > div { padding-bottom: 20px; }

#dropdowns #dropdown-opening h1, #dropdowns #dropdown-opening h2,
#dropdowns #dropdown-pricing h1, #dropdowns #dropdown-pricing h2 { margin-bottom: 10px; }

/* Search */
#dropdowns #dropdown-search h1 { margin: 7.17rem 0 3.6rem 0; }
.home #dropdowns #dropdown-search h1 { margin-top: 17.6rem; }
#dropdown-search form div {
	position: relative;
	display: inline-block;
	width: 90%;
	height: 50px;
}
#dropdown-search input {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border: 1px solid #FFF;
	padding: 0.8em 1em 0.60em 1em;
	font-size: 1.8rem;
	font-weight: 400;
	width: 91.3793%;
}
#dropdown-search input:focus { outline: none; }

#dropdown-search button {
	display: inline-block;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	padding: 4px 10px 0 10px;
	background-color: #225780;
	color: #FFF;
	transition: background-color 0.3s;
	font-size: 2.6rem;
}
#dropdown-search button:hover { background-color: #A18B47; }

/**
 * 6.0	- Main menu
 * ----------------------------------------------------------------------------
 */
#main-menu-container {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 81px;
	left: 100%;
	background-color: #FFF;
	z-index: 4;
	padding: 0;
	overflow: hidden;
}

.has-notification #main-menu-container {
	top: 138px;
}

#main-menu {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

#main-menu > li > a { display: none; }

#main-menu > .mobile-menu-item > a,
#main-menu > li:last-child > a {
	display: block;
}

#main-menu > li:last-child .sub-menu,
.sub-menu .sub-menu { 
	display: none;
	left: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

#main-menu a {
	color: #273250;
	padding: 10px 0;
    display: block;
    border-bottom: 1px solid #273250;
    font-size: 2rem;
    padding-left: 15px;
    padding-right: 15px;
}

.sectionPage { font-weight: 700; }

#main-menu .mobile-menu-friend a,
#main-menu .mobile-menu-donate a {
	color: #FFF;
}

.mobile-menu-friend a { background-color: #225780; }
.mobile-menu-donate a { background-color: #800D19; }

/**
 * 7.0	- Generic page
 * ----------------------------------------------------------------------------
 */
#page article,
#post article {
	color: #273250;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.35;
	padding-bottom: 5.7627%;
	margin-top: 100px;
}

.has-notification #page article,
.has-notification #post article {
	margin-top: 150px;
}

#page article header h1 {
	font-weight: 600;
	font-size: 4.5rem;
	color: #225780;
	letter-spacing: -0.03em;
}

#page article p {
	margin-bottom: 1.35em;
}

#page .article-content p:first-child,
#page .article-content h2
{
	font-size: 2.4rem;
	line-height: 1.25;
	margin-bottom: 1em;
}

.related-post h1 {
	font-weight: 600;
	font-size: 2.4rem;
	margin-bottom: 0.75em;
	margin-top: -3px;
}

/* H2 is used for date on Latest News on the Homepage */
.related-post h2 {
	color: #800D19;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.8rem;
	margin-bottom: 1.5em;
	margin-top: -3px;
}

.related-post p {
	font-size: 1.8rem;
	line-height: 1.35;
}

.related-post p .read-more {
	font-weight: 600;
	white-space: nowrap;
}

.related-post .btn {
	display: none;
}

.related-post a { color: #273250; transition: color 0.3s; }

.pagination-nav {
	text-align: center;
	width: 100%;
	margin: 6% 0 0 0;
}

.pagination-nav li {
	display: inline-block;
	background-color: #a6abb8;
	width: 1rem;
	height: 1rem;
	margin-right: 0.8rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: background-color 0.5s;
}
.pagination-nav li:last-child { margin-right: 0; }
.pagination-nav li.selected { background-color: #273250; }
.pagination-nav li:hover { cursor: pointer; }

.map {
	width: 100%;
	height: 0;
	padding-bottom: 50%;
}

/**
 * 7.2	- Comments
 * ----------------------------------------------------------------------------
 */
#comments {
	border-top: 1px solid #AAA;
	padding-top: 1em;
	clear: both;
}

.comments-title {
	font-size: 2.4rem;
	font-weight: 600;
}

.comment-list {
	padding-left: 0;
}

.comment-list > div {
	border-bottom: 1px solid #EEE;
	padding: 1em 0;
}

.comment-list a { color: #800D19; transition: color 0.3s; }
.comment-list a:hover { color: #A18B47; }

#respond {
	padding: 1em 0;
}

#respond label {
	display: inline-block;
	width: 20%;
}

#respond input[type=submit] {
	background-color: #800D19;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	color: #FFF;
	transition: background-color 0.3s;
	padding: 10px 15px;
}
#respond input[type=submit]:hover {
	background-color: #A18B47;
}

/**
 * 7.5	- Lightbox
 * ----------------------------------------------------------------------------
 */
#facebox {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    padding: 2em 0;
    z-index: 5000;
}

#facebox-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 100;
}

#facebox .container {
	height: 100%;
	z-index: 200;
}

.facebox-content {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.facebox-nav {
	position: absolute;
	display: inline-block;
	content: ' ';
	width: 7rem;
	height: 80%;
	top: 0;
	background: transparent no-repeat center center;
	background-size: 1.9631rem 3rem;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.3s;
}

.facebox-nav-previous	{ background-image: url(img/nav_prev.svg); margin-right: -7rem; }
.facebox-nav-next		{ background-image: url(img/nav_next.svg); margin-left:  -7rem; }
.facebox-nav-not-required { display: none; }

.facebox-content:hover .facebox-nav { opacity: 0.5; }
.facebox-content .facebox-nav-previous:hover,.facebox-content .facebox-nav-next:hover { opacity: 1; }

.facebox-element {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
}

iframe.facebox-element {
	width: 100%;
	height: 100%;
}

.facebox-close {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	color: #FFF;
	font-size: 2rem;
	text-shadow: 0 0 15px #333;
	transition: text-shadow 0.3s;
	z-index: 10;
}

.facebox-close:hover {
	color: #FFF;
	text-shadow: 0 0 20px #000;
}



/**
 * 8.0	- Footers
 * ----------------------------------------------------------------------------
 */
#site-footer { width: 100%; }

.tagline {
	padding: 28px 0 31px 0;
	text-align: center;
	background-color: #225780;
	color: #FFF;
	font-weight: 600;
	font-size: 1.6rem;
	text-transform: uppercase;
}

/* MKG 120819 - Add Approved Seal ONLY ON HOMEPAGE*/
#site-footer .approvedDiv {
	display: none;
}
body.home #site-footer .approvedDiv {
	display: flex;
	justify-content: center;
	padding: 20px 0;
}
#site-footer .approvedDiv a img{
	height: 170px;
    display: block;
}



/* social media section */
.blue-footer {
	text-align: center;
	background-color: #273250;
	color: #FFF;
	padding-bottom: 2.9%;
}
.blue-footer a { color: #FFF; transition: color 0.3s; }

.social-media-links {
	margin: 4.2% 0 0 0;
}

.social-media-links li {
	position: relative;
	display: inline-block;
	height: 0;
	padding-bottom: 10%;
	background: transparent no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	margin: 0 2%;
}

.social-media-links .footer_twitter     { width: 13.0000%; background-image: url(img/twitter.svg); }
.social-media-links .footer_facebook    { width:  4.9095%; background-image: url(img/facebook.svg); }
.social-media-links .footer_tripadvisor { width: 17.8282%; background-image: url(img/tripadvisor.svg); }

/* hovers */
.social-media-links li:after {
	position: absolute;
	content: ' ';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: transparent no-repeat 0 0;
	opacity: 0;
	transition: opacity 0.3s;
}
.social-media-links .footer_twitter:after     { background-image: url(img/twitter_hover.svg); }
.social-media-links .footer_facebook:after    { background-image: url(img/facebook_hover.svg); }
.social-media-links .footer_tripadvisor:after { background-image: url(img/tripadvisor_hover.svg); }

.social-media-links li a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

/* join us on FB */
.join-us-on-facebook {
	margin: 3.41% 0 4.07% 0;
	font-size: 2.5rem;
	font-weight: 300;
}
.join-us-on-facebook span { font-weight: 600; }

/* For the 3 footer columns */
.footer-boxes {
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.6;
}

.footer-boxes strong { font-weight: 600; }

/* Copyright and legal / cookies menu */
.footer-menu li {
	text-transform: uppercase;
	display: inline-block;
	font-weight: 600;
}

.footer-menu li:after {
	display: inline-block;
	content: '/';
	padding: 0 7px 0 10px;
}

.footer-menu li:last-child:after { display: none; }

.business-info p {
	font-size: 1.4rem;
	margin-top: 2em;;
}

/* App banner */
.app-banner {
	background-color: #800D19;
	padding: 2.7rem 0;
	color: #FFF;
	font-size: 3.5rem;
	font-weight: 200;
	text-align: center;
}
.app-banner .description { margin-bottom: 0.5em; }
.app-banner strong { font-weight: 500; }
.app-banner a { 
	transform: scale(0.5);
	margin-right: 2.6rem;
}
.app-banner a:last-child { margin-right: 0; }


/**
 * 9.0	- Page specifics: Homepage
 * ----------------------------------------------------------------------------
 */
.home #page article {
	text-align: center;
	padding-bottom: 2.5%
}
.home .article-content {
    overflow-x: hidden;
}

.home #page .article-content p {
	font-weight: 300;
	font-size: 2rem;
	color: #273250;
	letter-spacing: -0.025em;
	line-height: 1.24;
}

.home #page .article-content p:first-child {
	font-weight: 600;
	color: #225780;
	letter-spacing: -0.027em;
	margin-bottom: 0;
}

/**
 * 10.0	- Page specifics: Gallery
 * ----------------------------------------------------------------------------
 */
#page.gallery article { max-width: none; }
.gallery-item {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.gallery-item img {
	display: block;
	width: 100%;
	height: auto;
}

.format-video:after {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent url(img/play_btn.svg) no-repeat center center;
	background-size: 40% 40%;
	opacity: 0.4;
	transition: opacity 0.3s;
}
.format-video:hover:after {
	opacity: 0.7;
}

#gallery-more {
	display: none;
	position: relative;
	background-color: #FFF;
	width: 100%;
	text-align: center;
	padding: 2% 0;
	-webkit-box-shadow: 0px -60px 60px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px -60px 60px 0px rgba(255,255,255,1);
	box-shadow: 0px -60px 60px 0px rgba(255,255,255,1);
}

.category #gallery-more {
	clear: both;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#gallery-more span {
	display: inline-block;
	width: 35px;
	height: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: transparent url(img/load_more.svg) no-repeat 0 0;
}

/* Gallery nav */
#bobm_gallery-nav { margin: 0.15em 0 2.8em 0; }
#bobm_gallery-nav .dropdown { margin-bottom: 1.69491%; }

#bobm_gallery-nav .dropdown .btn {
	border-radius: 0;
	background-color: #dfe0e5;
	color: #273250;
	font-size: 1.8rem;
	width: 100%;
	text-align: left;
	border: none;
	padding: 6px 15px 9px 15px;
	transition: background-color 0.3s, color 0.3s;
	overflow: hidden;
}
#bobm_gallery-nav .dropdown:hover .btn {
	background-color: #273250;
	color: #FFF;
}

#bobm_gallery-nav .dropdown .btn .chevron {
	position: absolute;
	display: block;
	background: #dfe0e5 url(img/caret.svg) no-repeat center center;
	background-size: 12.45px 8px;
	width: 30px;
	height: 40px;
	top: 0;
	right: 0;
	transition: background 0.3s;
}

#bobm_gallery-nav .dropdown:hover .btn .chevron { 
	background-image: url(img/caret_white.svg);
	background-color: #273250;
}

#bobm_gallery-nav .dropdown-menu {
	background-color: #273250;
	border: none;
	border-radius: 0;
	margin-top: 0;
	width: 100%;
}

#bobm_gallery-nav .dropdown-menu>li { 
	list-style: none;
	margin: 0;
}

#bobm_gallery-nav .dropdown-menu>li>a {
	color: #FFF;
	font-size: 1.8rem;
	white-space: normal;
}

#bobm_gallery-nav .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: #225780;
}

.filter-reset { width: 100%; }
.filter-reset .btn { text-transform: uppercase; }


/**
 * 11.0	- Page specifics: News
 * ----------------------------------------------------------------------------
 */
#news-container { padding-top: 100px; }
#news-container > .container { padding: 0; }

#news-container article {
	padding: 0 10px;
}

.related-news {
	margin-top: 5%;
	padding: 0 10px;
	margin-bottom: 5%;
	border-top: 1px solid #eee;
	padding-top: 5%;
}

#news-container header h1 {
	font-size: 2.4rem;
	font-weight: 600;
	margin: 0.9em 0 0.7em 0;
	color: #273250;
}

#news-container header h3 {
	text-transform: uppercase;
	font-size: 1.8rem;
	font-weight: 600;
	color: #800D19;
}

#news-container article p {
	font-size: 1.8rem;
	line-height: 1.3;
	margin-bottom: 1.4em;
}
#news-container article p:last-child { margin-bottom: 1.9em; }

#news-container article.featured-article h1 {
	font-size: 4.5rem;
	color: #225780;
	margin: 0.64em 0;
	letter-spacing: -0.027em;
}

#news-container article.featured-article p:first-child {
	font-size: 2.4rem;
	margin-bottom: 1em;
}

#news-container article.featured-article p:last-child .alignleft { float: none; }

/**
 * 12.0	- Page specifics: Day by day
 * ----------------------------------------------------------------------------
 */
#page article.day-by-day { padding-bottom: 1.8%; }

#dbd {
	background-color: #DFE1E5;
	padding: 2.55% 0;
}

#dbd nav { display: none; }

.dbd-section h1 {
	font-size: 4.5rem;
	font-weight: 300;
	letter-spacing: -0.03em;
	margin-bottom: 0.65em;
}

.dbd-section p {
	font-size: 1.8rem;
	line-height: 1.35;
	margin-bottom: 1.35em;
}

.dbd-section p:first-child {
	font-size: 2.4rem;
	line-height: 1.27;
	margin-bottom: 01em;
}

#dbd nav {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 116px;
}

#dbd nav ul {
	position: absolute;
	top: 0;
	left: 117px;
	width: 3000%;
	margin-left: -10px;
}

#dbd nav li {
	position: relative;
	float: left;
	/*width: 117px;*/
	width: 160px;
	font-size: 1.8rem;
	padding-bottom: 3.4rem;
	border-bottom: 4px solid #B7BAC5;
	transition: border-color 0.3s;
}

#dbd nav li a {
	display: inline-block;
	transform: translateX(-50%);
	color: #273250;
	padding-right: 20px;
	white-space: nowrap;
}

#dbd nav li span {
	position: absolute;
	content: ' ';
	display: block;
	width: 26px;
	height: 26px;
	bottom: -15px;
	left: -14px;
	border: 4px solid #B7BAC5;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #DFE1E5;
	transition: border-color 0.3s, background-color 0.3s;
	cursor: pointer;
}

#dbd nav li.past { border-color: #800D19; }
#dbd nav li.current span,#dbd nav li span:hover { border-color: #800D19; background-color: #800D19; }
#dbd nav li.past span { border-color: #800D19; }
#dbd nav li:last-child { border-bottom: none; }

#dbd nav:before,
#dbd nav:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	width: 229px;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

#dbd nav:before {
	left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfe1e5+0,dfe1e5+100&1+0,0+100 */
	background: -moz-linear-gradient(left,  rgba(223,225,229,1) 0%, rgba(223,225,229,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(223,225,229,1) 0%,rgba(223,225,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(223,225,229,1) 0%,rgba(223,225,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe1e5', endColorstr='#00dfe1e5',GradientType=1 ); /* IE6-9 */
}

.ie #dbd nav:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOUAAAACCAYAAACniBssAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwNDU0Mzk3MjQwRDExRTZBRDlFRTY4MTY4NjUwNzZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwNDU0Mzk4MjQwRDExRTZBRDlFRTY4MTY4NjUwNzZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTA0NTQzOTUyNDBEMTFFNkFEOUVFNjgxNjg2NTA3NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTA0NTQzOTYyNDBEMTFFNkFEOUVFNjgxNjg2NTA3NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7FnTUGAAAAwElEQVR42pxTwQ0DMQiDjtFH1f2Xqu7RNew+qlaRhRMSpOgIOMZHSL6uN+NrHFbIV2MwOAz5EOwMR1kQLIvaMHwVl9tjgf3FUGjDBn5WF02NMFxVDRzmTs6e+KtaYWIVR5efxRzpLGOCo3kjnOTCYP/x5+POELuFt5T9SJYS03hGz1LOVz+cpl6KT6O5qyUmtaq809/hXvW6069VT7Q3sXHX1b1389nwuamlul82+p5mJnVW1c/NuVnp504fPgIMAMgu3xCk4WsVAAAAAElFTkSuQmCC); }
.ie #dbd nav:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOUAAAACCAYAAACniBssAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVGNUY5MDBFMjQwRDExRTY4RTk5QjJEMDczQkFFMTFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVGNUY5MDBGMjQwRDExRTY4RTk5QjJEMDczQkFFMTFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUY1RjkwMEMyNDBEMTFFNjhFOTlCMkQwNzNCQUUxMUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUY1RjkwMEQyNDBEMTFFNjhFOTlCMkQwNzNCQUUxMUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6iE30YAAAAuElEQVR42pxVQQ7DMAgD9v8/TjvsG556qBQxY6BIURDBmDhJ6wAs2/vzvSY/hqVZ+d7EL4siX+Fjgc25DBsFTtXwxs8xhYll/u2/CFcUMUvrU54Y1J/gs/6qN19w2CCmatqAM99VdhdZrqW9WvMW/uqEcTsBKOJsfWNIw4jP+oDgZB+RsxaW/Vc6QOC92bc3mnTYbg8+6HHLj4FOSisIHbC8QyAasvOF4Kp+Gk/1AnlkOe7Ts/4JMAAxcTCZxqOc/QAAAABJRU5ErkJggg==); }


#dbd nav:after {
	right: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfe1e5+0,dfe1e5+100&0+0,1+100 */
	background: -moz-linear-gradient(left,  rgba(223,225,229,0) 0%, rgba(223,225,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(223,225,229,0) 0%,rgba(223,225,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(223,225,229,0) 0%,rgba(223,225,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dfe1e5', endColorstr='#dfe1e5',GradientType=1 ); /* IE6-9 */
}

#dbd .dbd-nav {
	display: block;
	position: absolute;
	top: 37px;
	height: 35px;
	width: 35px;
	z-index: 5;
	background: transparent no-repeat center center;
	background-size: 100% 100%;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	opacity: 1;
	transition: opacity 0.3s;
	outline: none;
}
#dbd .dbd-nav-prev { left: 0;  background-image: url(img/nav_prev_round.svg); }
#dbd .dbd-nav-next { right: 0; background-image: url(img/nav_next_round.svg); }

/* Contents */
#dbd-content-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#dbd-slider { position: relative; }

.dbd-section {
	display: inline-block;
	float: left;
	color: #273250;
}

/**
 * 13.0	- Page specifics: Expandos
 * ----------------------------------------------------------------------------
 */
#page article .expando header h1 {
	font-size: 2.4rem;
	font-weight: 600;
	color: #800D19;
	margin: 0 0 1em 0;
	cursor: pointer;
}
#page article .expando header h1:hover { color: #A18B47; }

.expando {
	padding: 0;
	margin: 1em 0 0 0;
	border-bottom: 1px solid #EEE;
}

.expando .expando-content { display: none; }

/**
 * 14.0	- Page specifics: Search results
 * ----------------------------------------------------------------------------
 */
#search-container {
	background-color: #DFE1E5;
	padding-top: 3rem;
}

#search-container article {
	margin: 2rem 0;
	padding: 2.3rem;
	background-color: #FFF;
}

#search-container header h1 {
	font-size: 2.4rem;
	font-weight: 600;
	margin: 0.9em 0 0.7em 0;
	color: #273250;
}

#search-container header h3 {
	font-size: 1.8rem;
	font-weight: 600;
	color: #800D19;
}

#search-container article p {
	font-size: 1.8rem;
	line-height: 1.3;
	margin-bottom: 1.4em;
}
#search-container article p:last-child { margin-bottom: 1.9em; }

#search-container .related-post {
	display: block;
	float: none;
}

/**
 * 15.0	- Page specifics: Shop
 * ----------------------------------------------------------------------------
 */
.woocommerce-page #page { font-size: 1.8rem; }
.woocommerce-page #page .page-title { display: none; }

.woocommerce .woocommerce-ordering {
	float: none;
	width: 100%;
}

.woocommerce .woocommerce-ordering select { 
	width: 100%;
	padding: 5px;
}

.woocommerce ul.products li.product .price {
	color: #800D19;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
	float: none;
	width: 100%;
}

/* Buttons */
.woocommerce #respond input#submit, .woocommerce #page a.button, .woocommerce button.button, .woocommerce input.button {
	border-radius: 0;
	font-weight: 400;
	font-size: 0.75em;
	text-transform: uppercase;
	background-color: #225780;
	color: #FFF;
	transition: background-color 0.3s;
}
.woocommerce #respond input#submit:hover, .woocommerce #page a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background-color: #A18B47;
	color: #FFF;
	transition: background-color 0.3s;
}

.woocommerce #respond input#submit.alt, #page .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #800D19;
	transition: background-color 0.3s;
}
.woocommerce #respond input#submit.alt:hover, #page .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: #A18B47;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: #AAA;
}

.woocommerce ul.products li.product a img { width: auto; }

.added_to_cart {
	display: block;
	width: 100%;
}

/**
 * 15.1	- 	Single product
 * ----------------------------------------------------------------------------
 */
.woocommerce div.product p.price {
	margin: 0.5em 0;
	color: #225780;
}

.woocommerce #page a { color: #800D19; transition: color 0.3s; }
.woocommerce #page a:hover { color: #A18B47; }
.woocommerce #page .breadcrumbs a,.woocommerce #page .breadcrumbs a:hover { color: #9398a7; }

.woocommerce #page .next { font-family: Arial, sans-serif; }
.woocommerce nav.woocommerce-pagination { margin-bottom: 4rem; }

.woocommerce .quantity .qty {
	padding: 1px 0 2px 0;
	margin-right: 0.5em;
}

.woocommerce div.product div.images { border: 1px solid #EEE; }

.woocommerce div.product form.cart .variations td.label {
	color: inherit;
	font-size: 2rem;
	text-align: left;
}

.sku_wrapper { display: none; }

.related.products { display: none; clear: both; }
.single-product .related.products .button { display: none; }
.product_meta > span { display: block; }

.woocommerce .woocommerce-message { border-top-color: #273250; }
.woocommerce .woocommerce-message:before { color: #273250; }

.accepted-payment-methods {
	padding-top: 1rem;
	border-top: 1px solid #EEE;
	margin-top: -1rem;
}

.accepted-payment-methods h2 {
	font-size: 2.4rem;
	line-height: 1.25;
	margin-bottom: 1em;
}

.accepted-payment-methods ul { padding-left: 0; }
.accepted-payment-methods li {
	list-style: none;
	float: left;
	margin-right: 2rem;
}

/**
 * 15.2	- 	Cart & checkout
 * ----------------------------------------------------------------------------
 */
.woocommerce-cart table.cart img { width: auto; }
.woocommerce-checkout #payment ul.payment_methods li { list-style: none; }
.woocommerce-cart table.cart td.actions .coupon .input-text {
	width: auto;
	padding: 7px 6px 8px 6px;
}

/**
 * 16.0	- Membership form
 * ----------------------------------------------------------------------------
 */
.bmf-form .panel-body .col-md-6:nth-child(2n) { padding-right: 0; }
.bmf-form .panel-body .col-md-6:nth-child(2n+1) { padding-left: 0; }

.bmf-form .panel { border-radius: 0; }

.bmf-form input[type="text"],
.bmf-form input[type="email"],
.bmf-form textarea,
.bmf-form select {
	border-radius: 0;
	position: relative;
	border-left-width: 2px;

	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
}

.bmf-form input[required],
.bmf-form textarea[required],
.bmf-form select[required] {
	border-left-color: #800D19;
}

.bmf-form .form-control:focus {
	border-color: #800D19;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(128,13,25,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(128,13,25,.6);
}

.bmf-form input[required]:valid,
.bmf-form textarea[required]:valid,
.bmf-form select[required]:valid {
	border-left-color: #789C44;
}

.bmf-form .form-control[required]:valid:focus {
	border-color: #789C44;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(120,156,68,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(120,156,68,.6);
}

.bmf-form .input-group-addon { border-radius: 0; }

.bmf-form .gift-aid-address-container { display: none; }

#page .article-content .bmf-form p.margin-top { 
	margin-bottom: 0;
	margin-top: 1.35em;
}

#page .article-content .bmf-form p:first-child { font-size: 1.8rem; }
#page .article-content .bmf-form p:last-child { margin-bottom: 0; }

/* During checkout */
.woocommerce .woocommerce-order-details .bmf-form .form-group { margin-bottom: 25px; }

/**
 * 20.0 Responsive: Small devices
 * ----------------------------------------------------------------------------
 */
@media (min-width: 768px) {
    /**
     * 2.0  - Shared
     * ----------------------------------------------------------------------------
     */
    #isOnMobile { display: none; }
    .desktop-only { display: block; }

    article .alignleft { 
        float: left;
        margin: 0.3em 2rem 2rem 0;
        max-width: 49.1525%;
    }

    /**
     * 3.0  - Masthead
     * ----------------------------------------------------------------------------
     */
    #alert { padding: 14px 0 0 0; }
    #alert p { font-size: 1.6rem; }

    #menu-toggle { display: none; }

    #masthead h2 { padding-bottom: 19px; }

    /* Top right menu */
    #top-right-menu-container {
        position: absolute;
        top: 0;
        right: 10px;
    }

    #menu-top-right-menu li { float: left; }
    #menu-top-right-menu li a {
        display: block;
        color: #FFF;
        background-color: #225780;
        font-size: 1.6rem;
        padding: 16px 19px 18px 19px;
        text-transform: uppercase;
        font-weight: 600;
        transition: background-color 0.3s;
    }
    #menu-top-right-menu li:last-child a { background-color: #800D19; }
    #menu-top-right-menu li a:hover,
    #menu-top-right-menu li:last-child a:hover { background-color: #A18B47; }

    /* Icon menu */
    #icon-menu {
        position: absolute;
        top: 15px;
        left: 306px;
    }

    #icon-menu li a { padding: 6px 9px 6px 8px; }

    #dropdowns aside h1 { font-size: 4.5rem; }
    #dropdowns aside h2 { font-size: 2.4rem; }
    #dropdowns aside h3 { font-size: 2.0rem; }
    #dropdowns aside p { font-size: 1.8rem; }

    /**
     * 4.0  - Dropdowns
     * ----------------------------------------------------------------------------
     */
    #dropdowns { height: 350px; }
    .home #dropdowns { height: 550px;}
    #dropdowns .dropdown { 
        height: calc(100% - 50px);
        background: rgba(39,50,80,0.85);
    }

    /* Search */
    #dropdown-search form div { width: 49.1525%; }

    

    /**
     * 5.0  - Hero images
     * ----------------------------------------------------------------------------
     */
    #hero {
        position: relative;
        margin-top: 50px;
        width: 100%;
        height: 300px;
    }
    .has-notification #hero { margin-top: 100px; }

    #hero div {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent no-repeat center center;
        background-size: cover;
    }
    #hero div:last-child { display: block; }

    .hero-advert { display: none; }

    .home .hero-advert {
        display: block;
        position: absolute;
        width: 52.1rem;
        height: 26.85rem;
        left: calc(50% - 26.05rem);
        top: calc(50% - 13.425rem);
        z-index: 4;
        background: transparent no-repeat center center;
        background-size: cover;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
    }

    /**
     * 6.0  - Main menu
     * ----------------------------------------------------------------------------
     */
    #main-menu-container {
        position: relative;
        width: 750px;
        padding: 14px 10px 25px 10px;
        z-index: 2;
        margin-bottom: 20px;
        left: auto;
        top: 0;
        overflow: visible;
    }

    .has-notification #main-menu-container {
    	top: 0;
    }

    #main-menu-container ul {
        position: relative;
        width: 100%;
        left: 0;
        padding: 0;
    }

    #main-menu { white-space: nowrap; }
    #main-menu > li {
        position: relative;
        display: inline-block;
        width: 23.7288%;
        margin-right: 18px;
    }
    #main-menu > li:last-child { margin-right: 0; }
    #main-menu .mobile-menu-item { display: none; }

    #main-menu > li > a {
        display: block;
        font-weight: 300;
        font-size: 4.5rem;
        color: #273250;
        border-bottom: 5px solid #e4e6e9;
        padding-bottom: 20px;
        padding-left: 0;
        text-transform: lowercase;
        transition: color 0.3s;
        outline: none;
    }
    #main-menu > li:last-child > a { border-bottom: 5px solid #e4e6e9; }
    #main-menu > li:hover > a { color: #A18B47; }


    /* Secondary nav */
    #main-menu > li:last-child .sub-menu,
    #main-menu .sub-menu { 
        display: none;
        position: absolute;
        min-width: 100%;
        font-size: 1.8rem;
        font-weight: 400;
        left: 0;
        top: auto;
        padding: 0;
    }
    #main-menu li:hover > .sub-menu { display: block; }

    #main-menu .sub-menu li {
        position: relative;
        background-color: #e4e6e9;
        transition: background-color 0.3s;
    }
    #main-menu .sub-menu li:hover { background-color: #273250; }
    #main-menu .sub-menu li:hover > a:hover { background-color: #225780; }

    #main-menu .sub-menu a {
        display: block;
        color: #273250;
        padding: 15px 19px 17px 19px;
        border: none;
    }
    #main-menu .sub-menu li:hover a { color: #FFF; }

    #main-menu .sub-menu .sub-menu {
        top: 0;
        left: 100%;
    } 

    #main-menu .sub-menu li:hover .sub-menu li { background-color: #273250; }
    #main-menu .sub-menu li:hover .sub-menu li:hover { background-color: #225780; }

    /**
     * 7.0  - Generic page
     * ----------------------------------------------------------------------------
     */
    .has-notification #page article,
    .has-notification #post article,
    #page article, 
    #post article { margin-top: 0; }

    /* Breadcrumbs */
    .breadcrumbs {
        color: #9398a7;
        font-size: 1.8rem;
    }

    #page .breadcrumbs a, .breadcrumbs a { color: #9398a7; }
    #page .breadcrumbs a:hover, .breadcrumbs a:hover { text-decoration: underline; }
    #page .breadcrumbs span span, .breadcrumbs span span, .breadcrumbs > a { margin: 0 0.3em; }
    #page .breadcrumbs > span:first-child, .breadcrumbs > span:first-child, .breadcrumbs > a:first-child { margin-left: 0; }

    /* main content */
    #page article header h1 {
        margin: 53px 0 23px 0;
    }

    /* Related post & latest news styles */
    .related-entries { background-color: #dfe0e5; }
    .related-entries .container { padding-top: 3.516%; padding-bottom: 4.3%; }

    /* Slider for more than 2 posts */
    .related-entries .pagination-container {
        width: 100%;
        display: block;
        position: relative;
        height: 0;
        padding-bottom: 18.5%;
        overflow: hidden;
    }
    #related-news .pagination-container { padding-bottom: 22.1%; }
    #related-gallery .pagination-container { padding-bottom: 24.1%; }

    .related-entries .container > h1{
        text-align: center;
        font-weight: 300;
        font-size: 4.5rem;
        color: #273250;
        margin: 0 0 3.620% 0;
    }

    .related-post {
        display: inline-block;
        float: left;
        width: 49.1525%;
        margin-right: 1.5%;
        margin-bottom: 1.5%;
        padding: 2.119% 2.119% 2.000% 2.119%;
        background-color: #FFF;
    }
    .related-post:nth-child(2n) { margin-right: 0; }

    .related-post .btn {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        color: #FFF;
        text-transform: uppercase;
        background-color: #800D19;
        font-weight: 600;
        font-size: 1.6rem;
        transition: background-color 0.3s;
        border: none;
        border-radius: 0;
        padding: 7px 18px 11px 19px;
    }
    .related-post .btn:hover { background-color: #A18B47; color: #FFF; }

    .thumbnail-img {
        display: inline-block;
        width: 32.0755%;
        height: 0;
        padding-bottom: 32.0755%;
        background: transparent no-repeat center center;
        background-size: cover;
        vertical-align: top;
    }

    /* Related gallery */
    #related-gallery.related-entries .container { padding-bottom: 5.25%; }

    #related-gallery .related-post {
        width: 100%;
        margin-right: 0;
    }

    #related-gallery .thumbnail-img {
        width: 23.40425%;
        margin-right: 2.12765%;
        padding-bottom: 15.1%;
    }
    #related-gallery .thumbnail-img:nth-child(4) { margin-right: 0; }
    #related-gallery .related-post .related-post-inner { padding-bottom: 21%; }
    #related-gallery .related-post .btn { left: auto; right: 0; }

    .related-post .related-post-inner {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 0;
        padding-bottom: 32.0755%;
        vertical-align: top;
    }

    .related-post.related-post-with-thumbnail .related-post-inner { 
        width: 63.3%;
        margin-left: 4.2%;
    }

    .related-gallery-description {  
        position: relative;
        margin: 2.1em 0 0 0;
        display: block;
        padding-bottom: 1.9em;
    }

    .related-breadcrumbs {
        display: inline-block;
        font-weight: 600;
        font-size: 2.4rem;
        color: #273250;
    }
    .related-breadcrumbs a { margin-right: 0.2em; }

    /* latest news blocks are a bit deeper */
    .related-post.related-news .related-post-inner,
    .related-post.related-news .thumbnail-img
    { padding-bottom: 40.1%; }

    .related-post a:hover { color: #A18B47; }

    /**
     * 8.0  - Footers
     * ----------------------------------------------------------------------------
     */
    .sponsor_area {
        padding: 2rem 0;
        background-color: #FFF;
        text-align: center;
    }

    .sponsor_area img { margin-bottom: 2rem; }
    .sponsor_area p:last-child img { margin-bottom: 1rem; }

    .sponsor_area h1 {
        color: #273250;
        font-size: 3.5rem;
        font-weight: 200;
        margin-top: 1rem;
    }
    .sponsor_area h1 strong { font-weight: 600; }

    .sponsor_area h2 {
        text-transform: uppercase;
        font-size: 1.6rem;
        font-weight: 600;
        margin: 1rem 0 2rem 0;
    }

    .join-us-on-facebook { font-size: 4.5rem; }

    .social-media-links li {
        padding-bottom: 3.05085%;
        margin: 0 2%;
    }

    .social-media-links .footer_twitter     { width: 3.75423%; }
    .social-media-links .footer_facebook    { width: 1.41780%; }
    .social-media-links .footer_tripadvisor { width: 5.14864%; }

    .blue-footer a:hover { color: #A18B47; }
    .social-media-links li:hover:after { opacity: 1; }

    /**
     * 9.0  - Page specifics: Homepage
     * ----------------------------------------------------------------------------
     */
    .home #page .article-content p {
        font-size: 4.5rem;
    }

    /**
     * 10.0 - Page specifics: Gallery
     * ----------------------------------------------------------------------------
     */
    #bobm_gallery-nav .dropdown {
        display: inline-block;
        width: 23.72881%;
        margin-right: 1.69491%;
    }

    .filter-reset { 
        display: inline-block;
        width: 22%;
    }

    .gallery-item { width: 23.72881%; }
    .gutter-width { width:  1.69491%; }

    /**
     * 11.0 - Page specifics: News
     * ----------------------------------------------------------------------------
     */
    #news-container {
        background-color: #DFE1E5;
        padding-top: 3rem;
    }
    #news-container > .container { padding: 0 10px; }
    
    #news-container article {
        margin: 2rem 0;
        padding: 2.3rem;
        background-color: #FFF;
    }

    .category-sticky { border: none; }

    .related-news {
        margin-top: 0;
        border-top: none;
    }

    .standalone-breadcrumbs {
        padding-bottom: 7.5rem;
    }

    /**
     * 12.0 - Page specifics: Day by day
     * ----------------------------------------------------------------------------
     */
    #dbd .dbd-nav { opacity: 0.4; }
    #dbd .dbd-nav:hover { opacity: 1; }
    #dbd nav li a { padding-right: 0; }


    /**
     * 15.0 - Page specifics: Shop
     * ----------------------------------------------------------------------------
     */
    .woocommerce .woocommerce-ordering {
        float: right;
        width: auto;
    }
    .woocommerce .woocommerce-ordering select { width: auto; }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        float: left;
        width: 23.7288%;
        margin-right: 18px;
    }

    .woocommerce ul.products li.product:nth-child(4n),
    .woocommerce-page ul.products li.product:nth-child(4n) {
        margin-right: 0;
    }

    .woocommerce-page div.product div.images { width: 23.7288%; }
    .woocommerce-page div.product div.summary { width: 74.5762%; }

    .woocommerce ul.products li.product h3 { min-height: 3.7em; }

    /**
     * 15.1 -   Single product
     * ----------------------------------------------------------------------------
     */
    .related.products { display: block; }

    .woocommerce.single-product ul.products li.product a img { height: 178px; }

    .woocommerce .related ul.products li.product,
    .woocommerce-page .related ul.products li.product {
        width: calc(16.6666% - 18px);
    }

    .woocommerce .related ul.products li.product:nth-child(4n),
    .woocommerce-page .related  ul.products li.product:nth-child(4n) {
        margin-right: 18px;
    }

    .woocommerce .related ul.products li.product:nth-child(6n),
    .woocommerce-page .related  ul.products li.product:nth-child(6n) {
        margin-right: 0;
    }

    /**
     * 15.2 -   Cart & checkout
     * ----------------------------------------------------------------------------
     */
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 49.1525%; }
}

/**
 * 21.0 Responsive: Medium devices
 * ----------------------------------------------------------------------------
 */
@media (min-width: 992px) {

    /**
     * 6.0  - Main menu
     * ----------------------------------------------------------------------------
     */
    #main-menu-container { width: 970px; }

    /**
     * 12.0 - Page specifics: Day by day
     * ----------------------------------------------------------------------------
     */
    #dbd nav ul { left: 248px; }
    #dbd nav li { width: 248px; }

    /*.dbd-section { width: 972px; }*/
}

/**
 * 22.0 Responsive: Large devices
 * ----------------------------------------------------------------------------
 */
@media (min-width: 1200px) {

    /**
     * 2.0  - Shared
     * ----------------------------------------------------------------------------
     */
    .container { width: 1200px; }
    article .alignleft { max-width: 31.58%; }
    

    /**
     * 6.0  - Main menu
     * ----------------------------------------------------------------------------
     */
    #main-menu-container { width: 1200px; }

    /**
     * 7.0  - Generic page
     * ----------------------------------------------------------------------------
     */
    #page article { max-width: 880px; }

    /**
     * 9.0  - Page specifics: Homepage
     * ----------------------------------------------------------------------------
     */
    .home #hero { height: 500px; }
    .home #page article { max-width: none; margin-top: 1.65%; }
    .home #page .article-content p { padding: 0 100px; }

    /**
     * 12.0 - Page specifics: Day by day
     * ----------------------------------------------------------------------------
     */
    #dbd nav ul { left: 300px; }
    #dbd nav li { width: 300px; }
    .dbd-section { padding-right: 300px; }

    /**
     * 15.0 - Page specifics: Shop
     * ----------------------------------------------------------------------------
     */
    .woocommerce-page #page article { max-width: 100%; }
}

/**
 * 23.0 - Responsive: Tall devices
 * ----------------------------------------------------------------------------
 */
@media (max-height: 760px and min-width:768px) {
    .home #hero { height: 300px; }
    .home #dropdowns { height: 350px; }
    .home #dropdowns #dropdown-search h1 { margin-top: 7.14rem; }
}