/*
Theme Name: bt_fresca_create
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bt_fresca_create
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

bt_fresca_create is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Fresca Create Styling
14.0 Media Queries
15.0 Images
16.0 Misc
17.0 Shortcodes
18.0 Catalogue
19.0 Video
--------------------------------------------------------------*/


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
/* Didot Regular */

/* Cashew Apple Ale */
@font-face {
  font-family: 'CashewAppleAle';
  src: url('fonts/CashewAppleAle.eot?#iefix') format('embedded-opentype'),  url('fonts/CashewAppleAle.woff') format('woff'), url('fonts/CashewAppleAle.ttf')  format('truetype'), url('fonts/CashewAppleAle.svg#CashewAppleAle') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Cashew Apple Ale Bold */
@font-face {
  font-family: 'CashewAppleAle-Bold';
  src: url('fonts/CashewAppleAle-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/CashewAppleAle-Bold.woff') format('woff'), url('fonts/CashewAppleAle-Bold.ttf')  format('truetype'), url('fonts/CashewAppleAle-Bold.svg#CashewAppleAle-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body #main {
  font-size: 14px; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-family: "Lato", Arial, sans-serif;
  color: #333333;
  font-weight: 400;
}


/* Headings
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
Fonts have been setup for Mobile First */

p {
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 400;
}

h1 { font-size: 3.6rem; line-height: 1.1; }
h2 { font-size: 2.2rem; line-height: 1.3; text-transform:uppercase;  }
h3 { font-size: 2.0rem; line-height: 1.3; font-weight: 300; }
h4 { font-size: 1.8rem; line-height: 1.35; }
h5 { font-size: 1.5rem; line-height: 1.5;  }
h6 { font-size: 1.3rem; line-height: 1.6;  }

.tagline {
	font-size:1.4rem;
}
.intro {
	font-size: 1.6rem;
	font-weight:bold;
}
.captions {
	font-size: 1.8rem;
	line-height: 1.3;
	text-align:center;
	text-transform: uppercase;
	margin-bottom: 4rem;
}
.section-heading {
	font-size: 2.4rem;
	line-height: 1.35;
	text-align:center;
}
.detail-caption {
	font-size: 1.8rem;
	line-height: 1.3;
	text-align:center;
	margin-bottom: 0;
	margin-top: 1rem;
	display: inline-block;
}
.article-title-line-one {
	font-size: 2.0rem;
	font-family: 'LinotypeDidot',Georgia, Times, serif;
}
.article-title-line-two {
	font-size: 4rem;
	font-family: 'LinotypeDidot',Georgia, Times, serif;
	letter-spacing: -2px;
}
.article-title-line-three {
	font-size: 2.0rem;
	line-height: 1;
}
.article_banner_overlay p {
	line-height: 1;
}
.article-footer {
	margin:1em 0;
	font-size: 2.2rem;
	display:block;
}
.times-font {
	font-family: "Times New Roman", Times, serif;
}
.didotregular-font {
	font-family: "LinotypeDidot", Times New Roman, Georgia;
	letter-spacing: -1px;
}
.cashew-apple-ale {
	font-family: 'CashewAppleAle', Georgia, serif;
}
.cashew-apple-ale-bold {
	font-family: 'CashewAppleAle-Bold', Georgia, serif;
}
.font-weight-300 {
	font-weight: 300;
}
p br {
    /*display: none;*/
}

/* Small screen / tablet */
@media(min-width:640px){
	h1 {
		font-size: 3.6rem;
	}
	h2 {
		font-size: 2.4rem;
	}
	h3 {
		font-size: 2.4rem;
	}
	.captions, .detail-caption {
		font-size: 2.0rem;
	}
	.section-heading {
		font-size: 2.4rem;
	}
	.tagline {
		font-size:2.4rem;
	}
	.article_banner_overlay h1 {
		margin-bottom: 0.5rem;
	}
}
/* Medium screen / desktop */
@media(min-width: 850px){
	h1 {
		font-size: 3.6rem;
	}
	h2 {
		font-size: 2.4rem;
	}
	h3 {
		font-size: 3.0rem;
	}
	.captions, .detail-caption {
		font-size: 2.0rem;
	}
	.section-heading {
		font-size: 2.8rem;
	}
	.article-title-line-one {
		font-size: 2.0rem;
		line-height: 1.1;
	}
	.article-title-line-two {
		font-size: 4rem;
	}
	.tagline {
		font-size:3.0rem;
	}
}
/* Large screen / wide desktop */
@media(min-width: 1024px){
	h1 { font-size: 5.5rem; }
	h2 { font-size: 3.4rem; }
	h3 { font-size: 3.0rem; }
	h4 { font-size: 2.4rem; }
	h5 { font-size: 1.8rem; }
	h6 { font-size: 1.5rem; }
	.article-title-line-one {
		font-size: 3.5rem;
		line-height: 1.2;
	}
	.article-title-line-two {
		font-size: 6.5rem;
		letter-spacing: -3px;
	}
	.article-title-line-three {
		font-size: 2.4rem;
	}
}

blockquote, q, blockquote p {
    color: #dda39f;
    font-size: 2.4rem;
    line-height: 3.5rem;
	font-family: 'LinotypeDidot',Georgia, Times, serif;
	font-style: italic;
	text-align:center;
	letter-spacing: -0.5px;
}


/* Extra small screen / phone  */
@media(max-width:320px){}

/* Small screen / tablet */
@media(min-width:640px){}

/* Medium screen / desktop */
@media(min-width: 850px){}

/* Large screen / wide desktop */
@media(min-width: 1024px){}

p {
  margin-top: 0;
}
a:hover {
	text-decoration:none;
}
/* Small add to basket message */
.tagline {
	margin:0;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/* Category Holders - Flyout */

.category-button {
	display: block;
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
	cursor: pointer;
}

.category-holder {
	display: none;
	clear: both;
	position:relative;
	margin: 0 auto;
}

.category-holder ul {
	display: block;
	clear: both;
	margin: 0 auto 0 auto;
	width: 100%;
	position: absolute;
	z-index: 1000;
	background: rgba(51,51,51,0.9);
	padding:50px 0;
}

.category-holder ul li {
	display: inline;
	position: relative;
	float: left;
	width: 100%;
	margin-left: 3%;
}

.category-holder ul li a {
	display: block;
	padding: 10px 20px 10px 20px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
	background: url('menu-arrow.png');
	background-repeat: no-repeat;
	background-position: center left;
}

div.customer_care_number {
	font-family: Arial,Helvetica,sans-serif;
	color: #3B3A3A;
	font-size: 12px;
}


/*--------------------------------------------------------------
13.0 Fresca Create Styling
--------------------------------------------------------------*/
/* Small add to basket message */
.add-to-basket, .product-unavailable, .product-message {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -20px;
	width: 300px;
	background: #333333;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	padding: 10px 15px;
	text-align: center;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 9999;
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.5);
}


/*--------------------------------------------------------------
14.0 media Queries
--------------------------------------------------------------*/

/* Extra small screen / phone  */
@media(max-width:320px){}

/* Small screen / tablet */
@media(min-width:640px){
	.category-holder ul li {
		width: 40%;
	}
}

/* Medium screen / desktop */
@media(min-width: 850px){
	.category-holder ul li {
		width: 30%;
	}
}

/* Large screen / wide desktop */
@media(min-width: 1024px){
	.category-holder ul li {
		width: 22%;
	}
}


/*--------------------------------------------------------------
15.0 Images
--------------------------------------------------------------*/
#primary img,  #secondary img {
	max-width: 100%;
	height: auto;
}

/*==========  Content Editor Styling  ==========*/
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

/*==========  Grid page sytling  ==========*/
	.clearfix {
		display: block;
		clear: both;
	}

	.gridbuilder-holder {
		display: block;
		clear: both;
		margin: 0 auto 0 auto;
		padding: 0;
		border: 0;
	}

		.gridbuilder-holder p {

		}

			.gridbuilder-holder p strong {
				font-weight: 700;
			}

			.gridbuilder-holder p b {
				font-weight: 700;
			}

			.gridbuilder-holder p em {
				font-style: italic;
			}

			.gridbuilder-holder ul {
				margin: 0 0 20px 0;
				list-style: disc;
			}

				.gridbuilder-holder ul li {
					margin: 0 0 0 30px;
					list-style: disc;
				}

			.gridbuilder-holder ol {
				margin: 0 0 20px 0;
				list-style: disc;
			}

				.gridbuilder-holder ol li {
					margin: 0 0 0 30px;
					list-style: decimal;
				}

		.gridbuilder-holder img {
			max-width: 100%;
			height: auto;
		}

map, map area {
	z-index: 99999;
}

/*--------------------------------------------------------------
16.0 Misc
--------------------------------------------------------------*/
@media (max-width: 1023px) and (min-width: 640px) {
	#main {
		margin-top: 45px !important;
	}
}
.hp-heading {
	margin-top:20px;
}
.cookie-policy-banner {
	display:none;
}

.category .col-md-6:nth-child(2n+1){
    clear: left;
}
#add-to-home-screen {
	display:none;
}
.center-horizontally {
	display: flex;
    justify-content: center;
}
.video-list-text {
	margin: 5px;
	text-align:center;
}
.btf-form input[type="submit"], button, .btn, a.btn {
    padding: 1em 1.3em;
}
.single-gridbuilder.history {
    width: 100%;
}

/*::::::::::::::::::::::::::::::::::::::::
	Shortcode Styling
::::::::::::::::::::::::::::::::::::::::::*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.flex {
	  display: flex;
	  flex-direction: row;
	}

	.flex > .vcenter {
	  display: flex;
	  align-items: center;     /* Align the flex-items vertically */
	  justify-content: center; /* Optional, to align inner flex-items
								  horizontally within the column  */
	}
}

hr.divider-centered {
    border: 0;
    height: 1px;
    background: #ccc;
}
.box-panel {
	background: none repeat scroll 0% 0% #dddddd;
	padding:20px;
	margin-bottom: 20px;
	display:block;
	text-align:center;
}
.aligncenter, img.aligncenter {
	clear: both; display: block; margin-left: auto; margin-right: auto;
}
.bkg-image {
	background-repeat: no-repeat !important;
	background-size:  100% 100% !important;
	position:relative;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 100%;
}
.bkg-img {

	position:relative;
	float: inherit;
}

.text-overlay {
    /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.7);
    bottom: 10px;
    display: block;
    position: absolute;
    width: 100%;
	padding:0 20px;
}
.text-overlay .detail-caption {
    margin: 0 0 10px;
}
.divider-centered {
  position: relative;
  clear: both;
  display: block;
  padding-top: 0;
  margin-bottom: 40px;
  border-bottom: 1px solid #E6E6E6;
  margin: 0 auto;
}
.hidden-xs, .visible-xs {
	position:relative;
}

/*==========  Product styling  ==========*/
#main {
	margin-top:0;
}

.product {
	float:left;
	width: 25%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
	text-align:center;
	margin:10px 0;
	font-size:14px;
}
.product .inner {
	padding:10px 10px;
}

.outfit-products div.product:nth-child(4n+5) {
	clear:left;
}
.outfit-products {
	display: inline-block;
    width: 100%;
}
.outfit-products div.product div.inner {
	text-align:center;
}
.product-title {
	padding:10px 0;
	display:block;
}
.product .inner a:hover {
	text-decoration:none !important;
}
.gtl_events .product-title language text:nth-child(even) {
	display:none;
}

/*==========  Product Slick Slider styling  ==========*/
.slick-slide {
    padding-left: 0;
    padding-right: 0;
    position: relative;
	text-align:center;
	margin:0;

}
.outfit-products div.slick-slide:nth-child(4n+5) {
	clear:none;
}

div .img_unautop {
	margin:0;
	line-height:0;
}

.outfit-products .slick-list {
    margin: 0 30px;
}




/*--------------------------------------------------------------
10.1 Posts
--------------------------------------------------------------*/
.post-navigation {
	border-top:1px solid #d1d1d1;
	padding: 20px 0;
	margin-top:20px;
}

.nav-links div a span {
	font-size: 12px;
    line-height: 5rem;
}
.nav-links div a {
	height: 49px;
}
.nav-links div a:hover {
	text-decoration:none;
}
.nav-previous a {
	float:left;
	background: url(images/arrow-left.png) 0 0 no-repeat;
	font-size:16px;
}
.nav-next a {
	float:right;
	background: url(images/arrow-right.png) 100% 0 no-repeat;
	font-size:16px;
	text-align:right;
}
.nav-links .nav-previous a span {
	margin: 0 0 0 30px;
}
.nav-links .nav-next a span {
	margin: 0 30px 0 0;
}
.nav-title {
	display:none;
}
/* Medium screen / desktop */
@media(min-width: 850px){
	.nav-title {
		display:block;
	}
	.nav-links div a span {
		font-size:16px;
		line-height: 1.2rem;
	}
}


/*--------------------------------------------------------------
17.0 Shortcodes
--------------------------------------------------------------*/
/*==========  Text Overlay on image  font-size:9vw;  ==========*/
.top-text-overlay h1 {
	font-size: 2.2rem;
	margin-bottom: 0;
}
.bkg-img-article {
	position:relative;
	float: inherit;
}
.bkg-img-article img{
	display:none;
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 850px) {
	.top-text-overlay {
		z-index: 1;
		position: absolute;
		padding:2% 3%;
	}
}
@media only screen and (max-width : 850px) {
	.top-text-overlay {
		width:100% !important;
		height:auto !important;
		text-align:center !important;
		margin-top:0 !important;
		transform: translate(0,0) !important;
		background: none !important;
	}
}

/* Extra small screen / phone  */
@media(max-width:320px){}

/* Small screen / tablet */
@media(min-width:640px){
	.top-text-overlay h1 {
		font-size: 2.2rem;
		margin-bottom: 1rem;
	}
	.bkg-img-article img{
		display:block;
	}
}

/* Medium screen / desktop */
@media(min-width: 850px){
	.top-text-overlay h1 {
		font-size: 2.2rem;
		margin-bottom: 2rem;
	}
}

/* Large screen / wide desktop */
@media(min-width: 1024px){
	.top-text-overlay h1 {
		font-size: 4.0rem;
	}
}

.article_banner_overlay {
	text-align: center;
}
/* Small screen / tablet */
@media(min-width:640px){
	.article_banner_overlay {
		z-index: 2;
		position: absolute;
		top: 48%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		width: 100%;
		padding:0 10px;
	}
}
.product-title {
    display: none;
}
.product-price {
	display: none;
}

.bkg-img-article {
	width:100%;
	display:initial;
}
html.csstransitions .bkg-img-article {
	display:block;
}
/*--------------------------------------------------------------
18.0 Catalogue
--------------------------------------------------------------*/
.catalogue .gridbuilder-holder {
	border:1px solid #CCCCCC;
	margin-top: 10px;
}
.fi-catalogue {
	margin:10px 30px 0 30px;
}

@media(min-width: 1025px){
	.fi-catalogue {
		margin: 10px 70px 0 70px;
	}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.container {
		padding-left: 30px;
	}
}

.pagingInfo {
	display: block;
    text-align: center;
    margin: 5px 0;
}
.close {
	background: url(images/close-cross.png) 0 0 no-repeat;
	position:absolute;
	top:20px;
	right:20px;
	color:#fff;
	z-index:1001;
	height:25px;
	width:24px;
	cursor: pointer;
}
.gridbuilder-holder .row > div {
	margin-bottom:2rem;
}
.fancybox-skin {
    background: #fff !important;
}

body.catalogue .magazine-holder, body.catalogue .category-button {
	display:none;
}

/*--------------------------------------------------------------
19.0 Video
--------------------------------------------------------------*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------
20.0 Image Director 2.0
--------------------------------------------------------------*/
.image-director {
	display:block;
}


.search.megaMenu{display: none;}

.mv-header .second-nav, #mini_basket {
    display: none;
}

a.level_1.mv_nav-search {
    display: none;
}


@media (min-width: 992px){
ul.dropdown.dl-menu {
    text-align: center;
    margin-top: 5px;
}

.mv-header .col-xs-6.text-center.logo {
    left: 0%;
}
}


@media (max-width: 991px){
.mv-header .second-nav, #mini_basket {
    display: none;
}

.megaMenu {text-align: center;}

#header .col-xs-3 {
    display: none;
}

.col-xs-6.text-center.logo {
    left: 25% !important;
}
}