/**Stylesheet for Whiskey Storage.*/
@font-face{
  font-family: noah;
  src: url('../Fonts/noah.woff2') format('woff2'),
     url('../Fonts/noah.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: icomoon;
  src: url('../Fonts/icomoon.woff2') format('woff2'),
     url('../Fonts/icomoon.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: trajanprobold;
  src: url('../Fonts/trajanprobold.woff2') format('woff2'),
     url('../Fonts/trajanprobold.ttf') format('truetype');
  font-display: swap;  
}

html, body {
	height: 100%;
}

body{
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
	background: #F0F0EE;
	font-weight: normal !important;
}

/**Icons.*/
.phone_icon:before{
  font-family: icomoon;
  content: "\e903";
}

.email_icon:before{
  font-family: icomoon;
  content: "\e904";
}

.location_icon:before{
  font-family: icomoon;
  content: "\e901";
}

.messenger_icon:before{
  font-family: icomoon;
  content: "\e906";
}

.whatsapp_icon:before{
  font-family: icomoon;
  content: "\e900";
}

#scrolldown:before{
  font-family: icomoon;
  content: "\e907";
}

.star:before{
  font-family: icomoon;
  content: "\e908";
}

#scrolldown_arrow:before{
  font-family: icomoon;
  content: "\ea3e";
}

.account_icon:before{
  font-family: icomoon;
  content: "\e905";
}



/**Masthead Styles.*/
#masthead{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 6em;
	background: #101010;
	box-sizing: border-box;
	z-index: 3;
}

#top_bar{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 2em;
	background: #7F47A8;
}

#top_bar a{
	color: #FFF;
	text-decoration: none;
}

#top_bar a:hover, .top_info:hover{
	color: #101010;
}

#top_bar .phone_icon:before, #top_bar .email_icon:before, #top_bar .messenger_icon:before, #top_bar .whatsapp_icon:before, .account_icon:before{
	font-size: 1.3em;
}

.top_info{
	display: none;
	position: relative;
	top: -.2em;
	font-family: noah, sans-serif;
	color: #FFF;
	margin-left: .5em;
}


#top_email{
	position: absolute;
	top: .05em;
	right: 1em;
}

#top_phone{
	position: absolute;
	top: .05em;
	right: 4em;
}

#account{
	position: absolute;
	top: .05em;
	left: 1em;
}

#account .top_info{
	display: inline-block;
}

#logo{
	position: absolute;
	top: 2.3em;
	left: 1em;
	width: 3.5em;
}

#logo img{
	width: 100%;
	height: auto;
}

.site-title{
	display: none;
	position: absolute;
	top: 1.7em;
	left: 5em;
	font-family: trajanprobold, serif;
	font-size: 1.3em;
}

.site-title a{
  color: #F0F0EE;
  text-decoration: none;
}

/**Navigation Styles.*/
.menu-toggle{
  position: absolute;
  top: -1.5em;
  right: 1em;
  color: #FFF;
  box-sizing: border-box;
}

.menu-toggle:hover, #site-navigation .menu-item a:hover{
  color: #7F47A8;
}


#site-navigation{
  position: relative;
  top: 6em;
  background: #101010;
  width: 100%;
  box-sizing: border-box;
  z-index: 3;
}

#site-navigation .menu-item a{
  font-family: trajanprobold, sans-serif;
  font-size: 1em;
  color: #FFF;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  padding: .5em 0em .5em 0em;
  box-sizing: border-box;
}

/**Hub Button*/
#hub_button{
	position: fixed;
	top: 50%;
	height: 3.5em;
	width: 3.5em;
	padding: .5em;
	background: #121212;
  	box-shadow: 0 0 15px #7F47A8;
	z-index: 3;
}

#hub_button:hover{
	background: #7F47A8;
}

#hub_icon img{
	width: 100%;
	height: auto;
}



/**Landing Styles.*/
#landing{
	position: relative;
	width: 100%;
	height: 100%;
	height: 100vh;
	min-height: 40em;
	background-image: url("../../../uploads/2023/09/secure-irish-whiskey-storage.jpg");
	background-size: cover;
	box-sizing: border-box;
}

#landing_overlay{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	height: 100vh;
	min-height: 40em;
	background: linear-gradient(45deg, rgba(26, 5, 50, .6), rgba(16, 16, 16, 1));
}

#landing_center{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	top: 50%;
	left: 50%;
	width: 80%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
}

#landing_left, #landing_right{
	position: relative;
	width: 100%;
	box-sizing: border-box;
}


#landing_left h1{
	font-family: trajanprobold, sans-serif;
	font-size: 1.2em;
	line-height: 1.1em;
	color: #7F47A8;
	margin: 0em 0em .5em 0em;
	text-align: center;
	text-transform: uppercase;
}

#landing_left h2{
	font-family: trajanprobold, sans-serif;
	font-size: 2.8em;
	line-height: 1.1em;
	color: #F0F0EE;
	margin: 0em 0em .3em 0em;
	text-align: center;
	text-transform: uppercase;
}

#landing_left h3{
	font-family: trajanprobold, sans-serif;
	font-size: 1.5em;
	line-height: 1.1em;
	color: #F0F0EE;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

.purple{
	color: #7F47A8;
}


#landing_left a{
	display: block;
	position: relative;
	left: 50%;
	font-family: noah, sans-serif;
	font-size: 1.3em;
	color: #F0F0EE;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	width: 9em;
	padding: .5em 0em;
	border: 3px double #F0F0EE;
	margin-top: 1.5em;
  	animation: pulse 3s infinite;
	transition: color, border 1s;
	margin-left: -4.5em;
	box-sizing: border-box;
}

#landing_left a:hover{
	color: #7F47A8;
	border: 3px double #7F47A8;
}

#landing_image{
	display: none;
}

#landing_image img{
	width: 100%;
	height: auto;
}

#landing_social{
	display: none;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
}

#landing_social a{
	display: block;
	font-size: 1.3em;
	color: #F0F0EE;
	margin: .7em 0em;
	text-decoration: none;
	text-align: center;
}

#landing_social a:hover{
	color: #7F47A8;
}

#scrolldown{
	position: absolute;
	left: 50%;
	bottom: 1.5em;
	width: 90%;
	height: 2em;
	transform: translateX(-50%);
	animation: bounce 4s infinite linear;
}

#scrolldown:before{
	font-size: 2em;
	color: #F0F0EE;
	text-align: center;
}

@keyframes bounce{
  0%{
	bottom: 1.5em;
  }
  10%{
	bottom: 1.1em;
  }		  
  20% {
	bottom: .5em;
  }
  30% {
	bottom: 1.1em;
  } 
  40% {
	bottom: 1.5em;
  }
}	


#landing_circle{
	position: absolute;
	right: 2.5em;
	bottom: 1em;
	width: 8em;
	height: 8em;
	z-index: 2;
}

#insured_secured{
	position: absolute;
	top: .5em;
	left: .5em;
	width: 7em;
	height: 7em;
	transform-origin: center;
	animation: rotateround 30s infinite linear;
}

#iwa_logo{
 	position: absolute;
	top: .5em;
	left: .5em;
	width: 7em;
	height: 7em;
}

#insured_secured img, #iwa_logo img{
	width: 100%;
	height: auto;
}

@keyframes rotateround {
	from{ 
		transform: rotate(-360deg);
	}
    to{ 
    	transform: rotate(360deg); 
    }
}	





/**Margins & Headers*/
#wrapper{
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.margins{
	position: relative;
	padding: 0em 1em;
	box-sizing: border-box;
}

.headers{
	padding-bottom: 1.5em;
}

.headers .header{
	position: relative;
	font-family: trajanprobold, sans-serif;
	font-size: 2.4em;
	color: #101010;
	line-height: 1.1em;
	text-transform: uppercase;
	text-align: center;
	margin: -.2em 0em 0em 0em;
}

.headers .subheader{
	position: relative;
	font-family: noah, sans-serif;
	font-size: 1.2em;
	color: #7F47A8;
	line-height: 1.3em;
	text-transform: uppercase;
	text-align: center;
	margin: .5em 0em;
}

.header_border{
	display: block;
	position: relative;
	top: .5em;
	left: 50%;
	width: 5em;
	height: .2em;
	background: #1A0532;
	background: linear-gradient(to right, #1A0532, #7F47A8, #1A0532);
	transform: translateX(-50%);
}

.fl-col-small{
	max-width: 100% !important;
}

/**About Styles.*/
#about_video{
	padding: 0em 1em;
}

.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.container  video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#About{
	position: relative;
	padding: 3.5em 0em 2em 0em;
	box-sizing: border-box;
	background: #F0F0EE;
	background: linear-gradient(to bottom, #F0F0EE 90%, #F8F8F7 100%);
	scroll-margin-top: 7em;
}


#About p{
	font-family: noah, sans-serif;
	font-size: 1.1em;
	color: #101010;
	line-height: 1.5em;
	margin-top: 1em;
	text-align: justify;
}



/**Why Choose Us Styles.*/
#StorageFacilties{
	position: relative;
	padding: 3.5em 0em 2em 0em;
	box-sizing: border-box;
	background: #FFF;
	background: linear-gradient(to bottom, #F8F8F7 10%, #FFF);
}

#why_image_left{
	display: none;
	position: -webkit-sticky;
  	position: sticky;
  	top: 0em;
  	height: 15em;
  	z-index: 2;
}


@media only screen and (min-height: 25em){

	#why_image_left{
		display: block;
	}
}

.whyphoto{
	position: absolute;
	top: 0em;
	left: 50%;
	width: 100%;
	height: 15em;
	overflow: hidden;
	transform: translateX(-50%);
}

.whyphoto img{
	width: 100%;
	height: auto;
}

#why_content_right{
	position: relative;
	margin-top: 1.5em;
}

.why_headers{
	font-family: trajanprobold, sans-serif;
	font-size: 1.7em;
	line-height: 1.3em;
	color: #101010;
	margin: 0;
	opacity: .1;
}

#why1, #why2, #why3{
	text-align: center;
}

.why_content{
	font-family: noah, sans-serif;
	font-size: 1.1em;
	color: #101010;
	line-height: 1.5em;
	margin-top: 0em;
	text-align: justify;
	padding: 0em 1em 2em 1em;
	opacity: .1;
}

/**Reviews Styles.*/
#Reviews{
	position: relative;
	padding: 3.5em 0em 2em 0em;
	background: #7F47A8;
	background-image: url("../../../uploads/2023/04/whiskey-storage-experts.png");
	scroll-margin-top: 7em;
	box-sizing: border-box;
	z-index: 2;
}

#Reviews .header{
	color: #F0F0EE;
}
#Reviews .subheader{
	color: #101010;
}

#Reviews .header_border{
	background: linear-gradient(to right, #1A0532, #101010, #1A0532);
}

#Reviews .holders{
	padding-top: 1em;
}

.wptww-testimonial-content{
	position: relative;
	background: #FFF;
	padding: 1.5em;
	box-shadow: 0 0 20px #6814a8;
	box-sizing: border-box;
}

.wptww-testimonials-text p em:before, .wptww-testimonials-text p em:after, .wptww-testimonial-client{
	display: none;
}

.wptww-testimonial-content h4{
	font-family: trajanprobold, sans-serif;
	font-size: 1.7em !important;
	line-height: 1.2em;
	color: #101010;
	margin: 2em 0em 1em 0em;
	text-transform: uppercase;
}

.wptww-testimonials-text p em{
	font-family: noah, sans-serif;
	font-style: normal;
	font-size: 1.2em;
	color: #101010;
	line-height: 1.5em;
}

#review_stars{
	position: relative;
}

.star:before, .fa-quote-left:before{
	color: #7F47A8;
}

#Reviews .slick-dots{
	margin-top: 1.5em;
}




/**Rates Styles.*/
#Rates{
	position: relative;
	padding-top: 3em;
	background: #FFF;
	scroll-margin-top: 7em;
	box-sizing: border-box;
}

#rates_text{
 	font-family: noah, serif;
  	font-size: 1em;
  	color: #101010;
  	line-height: 1.7em;
  	text-align: justify;
  	margin-bottom: 1em;
}

#rates_text ul{
	margin: 0em 0em 0em 3em;
	padding: 0em;
}

#rates_text ul li::marker {
  color: #7F47A8; 
}

#rates_text li{
  	font-family: noah, serif;
  	color: #101010;
  	line-height: 1.7em;
  	text-align: justify;
  	margin-bottom: .5em;
}

#rates_exclaimer em{
	display: block;
	font-family: noah, serif;
  	font-size: 1em;
  	color: #101010;
	text-align: center;
  	line-height: 1.7em;
  	margin-bottom: 1em;
}	

.rates_table{
	position: relative;
	padding: 1.5em 0em;
	box-sizing: border-box;
}

.rates_table p, .insurance_table p{
	font-family: noah, sans-serif;
	line-height: 1.5em;
}

.rates_table h3{
	font-family: trajanprobold, sans-serif;
	font-size: 1.7em;
	color: #101010;
	line-height: 1.2em;
	margin: 0em 0em .5em 0em;
}

.rates_table h4{
	font-family: trajanprobold, sans-serif;
	font-size: 1.5em;
	color: #7F47A8;
	line-height: 1.2em;
	margin: 0em 0em .5em 0em;
}

#storage_rates, #insurance_rates{
	font-family: noah, sans-serif;
	font-size: 1.1em;
 	width: 100%;
  	border-collapse: collapse;
  	margin-bottom: 0em;
}

#storage_rates th, #storage_rates td, #insurance_rates th, #insurance_rates td{
  	padding: 0.75em;
  	border: 1px solid #101010;
  	text-align: left;
}

#storage_rates th[scope="row"], #insurance_rates th[scope="row"]{
	font-family: trajanprobold, sans-serif;
	font-size: 1.2em;
  	color: #FFF;
  	font-weight: bold;
  	background: #7F47A8 !important;
  	padding: 1em !important;
}

#storage_rates thead, #insurance_rates thead{
  	display: none;
}

#storage_rates tr, #insurance_rates tr {
  	display: block;
  	margin-bottom: 1em;
  	border: 1px solid #101010;
}

#storage_rates td, #insurance_rates td {
  	display: flex;
  	justify-content: space-between;
  	padding: .5em;
  	border: none;
  	border-bottom: 1px solid #eee;
}


#storage_rates td::before, #insurance_rates td::before {
  	content: attr(data-label);
  	font-weight: bold;
  	flex-shrink: 0;
  	color: #333;
}

#storage_rates th[scope="row"], #insurance_rates th[scope="row"] {
 	display: block;
  	background: none;
  	padding: 0.5em 0;
  	font-size: 1em;
  	border: none;
}

#storage_rates td:nth-child(even), #insurance_rates td:nth-child(even) {
  	background-color: #F0F0EE;
}

.rates_examples{
	font-family: noah, sans-serif;
	line-height: 1.5em;
	margin-top: 1em;
}




/**Tips Styles.*/
#StorageTips{
	position: relative;
	background: #F0F0EE;
	background-image: url("../../../uploads/2023/04/tips_background.png");
	background-attachment: fixed;
	padding-top: 3em;
	scroll-margin-top: 7em;
	box-sizing: border-box;
}

#tip_holder{
	display: flex;
	flex-wrap: wrap;
	justify-content: justify;
	position: relative;
	left: 50%;
	width: 100%;
	padding: 0em 2em;
	transform: translateX(-50%);
	box-sizing: border-box;
}

#tips_center{
	display: none;
}

.tip_box{
	position: relative;
	padding: 1.5em 2em 0em 2em;
	margin: 1.5em 0em;
	box-sizing: border-box;
}

.tip_box h3{
	font-family: trajanprobold, sans-serif;
	font-size: 1.7em;
	color: #101010;
	text-align: center;
	margin: 0em 0em .5em 0em;
	line-height: 1.1em;
}

.tip_box p{
	font-family: noah, sans-serif;
	font-size: 1.1em;
	color: #101010;
	line-height: 1.5em;
	text-align: center;
	margin-top: 0em;
}

#tips_cta{
	padding: 4.5em 1em 0em 1em;
	background: linear-gradient(to bottom, rgba(255,255, 255, 0), rgba(255,255, 255, 1));
}

#tips_cta h3{
	font-family: trajanprobold, sans-serif;
	font-size: 1.7em;
	color: #101010;
	line-height: 1.1em;
	text-align: center;
	margin: 0em 0em .7em 0em;
}

#tips_cta h2{
	font-family: trajanprobold, sans-serif;
	font-size: 2.8em;
	color: #101010;
	line-height: 1.1em;
	text-align: center;
	margin: 0;
}

#scrolldown_arrow_block{
	position: relative;
	width: 100%;
	height: 11em;
}

#scrolldown_arrow{
	position: absolute;
	top: 0em;
	width: 100%;
	font-size: 4em;
	color: #101010;
	text-align: center;
	animation: bounce_arrow 3s infinite linear;
}

@keyframes bounce_arrow{
  0%{
	top: 0em;
  }
  20%{
	top: .5em;
  }		  
  40% {
	top: 1.3em;
  }
  60% {
	top: .5em;
  } 
  80% {
	top: 0em;
  }
}	


@supports (-webkit-touch-callout: none) {
 	#StorageFacilties{
 		background-attachment: scroll;
 	}
}


/**Contact Styles*/
#Contact{
	position: relative;
	padding: 3em 0em;
	background: #FFF;
	scroll-margin-top: 7em;
	box-sizing: border-box;
}

#contact_info{
	display: flex;
	flex-wrap: wrap;
	justify-content: justify;
	position: relative;
	left: 50%;
	width: 90%;
	transform: translateX(-50%);
	box-sizing: border-box;
	z-index: 2;
}

.contact_info_box{
	position: relative;
	width: 100%;
	background: #FFF;
	padding: 1.5em;
	margin: 1em 0em;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 0 10px #CCC;
	border-top: .5em solid #7F47A8;
	color: #101010;
	box-sizing: border-box;
}

.contact_info_box_top{
	padding-bottom: .7em;
}

.contact_icon{
	display: inline-block;
	font-size: 1.5em;
	color: #F0F0EE;
	width: 1.8em;
	height: 1.8em;
	text-align: center;
	line-height: 1.8em;
	background: #7F47A8;
	border-radius: 50%;
}

.contact_info_box_top h4{
	display: inline-block;
	font-family: trajanprobold, sans-serif;
	font-size: 1.4em;
	color: #7F47A8;
	margin: 0em 0em 0em .3em;
}

.contact_info_box_text{
	font-family: noah, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
}

.contact_box_link:hover{
	background: #7F47A8;
	border-top: .5em solid #1A0532;
	color: #F0F0EE;
}

.contact_box_link:hover .contact_info_box_top h4{
	color: #F0F0EE;
}

.contact_box_link:hover .contact_icon{
	color: #7F47A8;
	background: #F0F0EE;
}

#map{
	position: relative;
	width: 100%;
	height: 28em;
	background: #101010;
	background-image: url("../../../uploads/2023/09/secured-irish-whiskey.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	margin-top: -7em;
}

@supports not (-webkit-touch-callout: none) {
  	#map{
		background-attachment: scroll;
	}
}

/**Contact Form Styles.*/
#contact_form{
	position: relative;
	left: 50%;
	width: 90%;
	padding: 1.5em 1.5em .5em 1.5em;
	background: #101010;
	margin-top: -7em;
	box-shadow: 0 0 10px #222;
	transform: translateX(-50%);
	box-sizing: border-box;
}

#contact_form h3{
	font-family: trajanprobold, sans-serif;
	font-size: 2em;
	color: #7F47A8;
	text-align: center;
	text-transform: uppercase;
	margin: 0em 0em .5em 0em;
}

.nf-response-msg, .ninja-forms-noscript-message{
  font-family: noah, sans-serif;
  font-size: 1em;
  text-align: center;
  margin-top: 1.5em;
  color: #F0F0EE;
}

.nf-form-fields-required, .field-wrap label, .nf-error-wrap.nf-error, .nf-error-msg.nf-error-field-errors, .nf-field-element:after{
  display: none;
}

#nf-field-5-wrap .ninja-forms-field, #nf-field-6-wrap .ninja-forms-field{
  font-family: noah, sans-serif;
  color: #F0F0EE;
  font-size: 1em;
  border: 1px solid #F0F0EE;
  padding: 1em;
  background: #121212;
  box-sizing: border-box;
}

#nf-field-7-wrap .ninja-forms-field{
  font-family: noah, sans-serif;
  color: #F0F0EE;
  font-size: 1em;
  height: 7em;
  border: none;
  border: 1px solid #F0F0EE;
  padding: 1em;
  background: #121212;
  box-sizing: border-box;
}

#nf-label-field-8{
  font-family: noah, sans-serif;
  font-weight: normal;
  color: #F0F0EE;
  font-size: 1em;
}

#nf-field-9{
  font-family: trajanprobold, sans-serif;
  font-size: 1.4em;
  width: 100%;
  color: #FFF;
  text-transform: uppercase;
  text-align: center; 
  transition: none;
  background: #7F47A8;
  padding-top: .6em;
  margin-top: .5em;
  border-radius: 5em;
  box-sizing: border-box;
}

#nf-field-9:hover{
	cursor: pointer;
	background: #1A0532;
}

/**Footer Styles.*/
#colophon{
	position: relative;
	padding-top: 1em;
	background: #1A0532;
}

#footer_association{
  	position: relative;
  	font-family: trajanprobold, sans-serif;
  	color: #FFF;
  	text-align: center;
  	text-transform: uppercase;
  	margin: 0em 0em .5em 0em;
}

#footer_logo{
	position: relative;
	left: 50%;
	width: 8em;
	padding: 1.5em 0em;
	transform: translateX(-50%);
}
#footer_logo img{
	width: 100%;
	height: auto;
}

#footer_links{
	padding-bottom: .7em;
}

#footer_links ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;	
	margin: 0;
	padding: 0;
	list-style: none;
}	

#footer_links a{
	font-family: trajanprobold, sans-serif;
	font-size: 1.1em;
	color: #F0F0EE;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin: 0em 1em;
}

#footer_bottom{
	position: relative;
	font-family: noah, sans-serif;
	font-size: .8em;
	color: #F0F0EE;
	text-transform: uppercase;
	text-align: center;
	padding: .5em 2em;
	background: #101010;
	margin-top: 1em;
	box-sizing: border-box;
}

#footer_legal ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer_legal a{
	margin: 0em .5em;
}

#footer_bottom a{
	color: #F0F0EE;
	text-decoration: none;
}

#footer_legal a:hover, #footer_links a:hover{
	color: #7F47A8;
	text-decoration: none;
}




/**Page Styles.*/
.pagewrapper{
  position: relative;
  padding: 8.5em 0em 3.5em 0em;
  box-sizing: border-box;
}

.pagewrapper .entry-title{
  display: none;
}


#page_content h1{
  font-family: trajanprobold, serif;
  font-size: 2em;
  color: #7F47A8;
  text-transform: uppercase;
  margin: 1em 0em .5em 0em;
}

#page_content h2{
  font-family: trajanprobold, serif;
  font-size: 1.7em;
  color: #7F47A8;
  text-transform: uppercase;
  margin: 1em 0em .5em 0em;
}

#page_content h3{
  font-family: trajanprobold, serif;
  font-size: 1.3em;
  color: #7F47A8;
  margin: 1em 0em .5em 0em;
}

#page_content h4 #page_content h5, #page_content h6{
  font-family: trajanprobold, serif;
  color: #101010;
}

#page_content p{
  font-family: noah, serif;
  font-size: 1em;
  color: #101010;
  line-height: 1.7em;
  text-align: justify;
  margin-bottom: 1em;
}

#page_content li{
  font-family: noah, serif;
  color: #101010;
  line-height: 1.7em;7F47A8
  text-align: justify;
  margin-bottom: .5em;
}

#page_content p a, #page_content li a{
  color: #7F47A8;
  margin-bottom: .2em;
  border-bottom: .1em solid #7F47A8;
  text-decoration: none;
}

#page_content a{
  color: #7F47A8;
  margin-bottom: .2em;
  border-bottom: .1em solid #7F47A8;
  text-decoration: none;
}

#page_content p a:hover, #page_content li a:hover, #page_content a:hover{
  color: #1A0532;
  border-bottom: .1em solid #1A0532;
}



/**Error Page.*/
#error_page{
  position: relative;
  height: 80%;
  height: 100vh;
  height: calc(100vh - 15em);
  min-height: 20em;
  box-sizing: border-box;
}

#error_content{
  position: relative;
  top: 50%;
  padding: 0em;
  transform: translateY(-50%);
  box-sizing: border-box;
}

#error_content h1{
  font-family: trajanprobold, serif;
  font-size: 11em;
  color: #7F47A8;
  text-align: center;
  margin: 0;
}

#error_content h2{
  font-family: noah, serif;
  font-size: 1.7em;
  color: #101010;
  text-align: center;
  margin: 0;
}


/**Account Styles*/
#user-registration{
	position: relative;
	left: 50%;
	width: 90%;
	background: #F5F5F5;
	max-width: 70em;
	box-shadow: none !important;
	transform: translateX(-50%);
}

#ur-frontend-form{
	border: none;
}

/**Account Nav Styles.*/
.user-registration-MyAccount-navigation{
	background: #7F47A8;
}

.user-registration-MyAccount-content h2{
	font-size: 1.3em !important;
}

#accountnavbar li a{
	font-family: trajanprobold, sans-serif !important;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	border-top: 1em solid #7F47A8;
}

#accountnavbar li a:hover{
	color: #101010;
}

#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a, #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
    background-color: #7F47A8;
}

/**Dashboard Styles.*/
#ur-frontend-form{
	position: relative;
	left: 50%;
	padding: 2em;
	max-width: 50em;
	font-family: noah, sans-serif;
	color: #101010;
	transform: translateX(-50%);
	box-sizing: border-box;
}

#ur-frontend-form label{
	font-family: trajanprobold, sans-serif;
	font-size: 1.05em;
}

#ur-frontend-form input[type="text"], #ur-frontend-form input[type="email"]{
	font-family: noah, sans-serif;
	color: #101010;
	background: #F5F5F5;
	border: 1px solid #1A0532;
}

.button{
	display: block;
	position: relative;
	left: 50%;
	width: auto;
	font-family: trajanprobold, sans-serif;
	font-size: 1.1em;
	color: #FFF;
	text-transform: uppercase;
	background: #1A0532;
	border: 1px solid #FFF;
	transform: translateX(-50%);
	margin: .5em 0em 1em 0em;	
}


.ur-frontend-form input[type="submit"]{
	display: block;
	width: 100%;
	font-family: trajanprobold, sans-serif;
	font-size: 1.1em;
	color: #FFF;
	text-transform: uppercase;
	background: #1A0532;
	border: 1px solid #FFF;
	margin: .5em 0em 1em 0em;
}

.ur-frontend-form input[type="submit"]:hover, .button:hover{
	background: #FFF;
	color: #7F47A8;
	border: 1px solid #7F47A8;
}

.user-registration-profile-header p{
	text-align: center !important;
}

/**Account Errors*/
.user-registration-error:before, .user-registration-error li{
	color: #FF0000 !important;
}

.user-registration-message:before, .user-registration-message li{
	color: #7F47A8 !important;
}

.user-registration-error, .user-registration-message{
	font-size: 1.1em;
    background:none;
    text-align: center;
    border: none;
    background: #F5F5F5;
    margin-bottom: 1em;
}

 .user-registration-message{
 	color: #101010;
 	padding-bottom: 1.5em;
 }

/**Account Login*/
#loginform, #password_change_box{
	position: relative;
	left: 50%;
	background: #7F47A8; 
	padding: 2em;
	max-width: 50em;
	box-shadow: 0 0 20px #CCC;
	transform: translateX(-50%);
	box-sizing: border-box;
}

#loginform label, #password_change_box label{
	font-family: trajanprobold, sans-serif;
	font-size: 1.05em !important;
	color: #FFF;
}

#loginform input[type="text"], #loginform input[type="email"], #password_change_box input[type="email"]{
	font-family: noah, sans-serif;
	color: #101010;
	background: #F0F0EE;
	border: 1px solid #1A0532;
}

#page_content .lost_password a{
	color: #FFF !important;
  	border-bottom: .1em solid #1A0532;
}

#page_content .lost_password a:hover{
  color: #1A0532 !important;
  border-bottom: .1em solid #FFF;
}

/**Account Portfolio Styles.*/
.whiskey_portfolio_item{
	position: relative;
	padding: 1.5em;
	border-top: 1px solid #7F47A8;
	box-sizing: border-box;
}

.whiskey_portfolio_item_image{
	display: block;
	position: relative;
	left: 50%;
	width: 80%;
	max-width: 18em;
	transform: translateX(-50%);
	margin-bottom: 1.5em;
}

.whiskey_portfolio_item_img{
	width: 100%;
}

.whiskey_portfolio_item_img img{
	width: 100%;
	height: auto;
}

.double_table{
	position: relative;
	left: 50%;
	font-family: tahoma, sans-serif;
	width: 90%;
	border: 1px solid #FFF;
	margin-bottom: 2em;
	transform: translateX(-50%);
	padding: 1.5em 0em;
}

.single_table { 
	display: none;
}

.portfolio_table_head{
	font-family: trajanprobold, serif;
	font-size: 1.1em;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	background: #7F47A8;
	padding: .5em .2em;
}

.portfolio_table_data{
	font-family: noah, sans-serif;
	font-size: 1em;
	text-align: center;
	border: 1px solid #000;
	padding: 1em 0em;
}

/**Mobile Account Table*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
	.double_table { 
		display: none;
	}

	.single_table { 
	  display: block;
	  width: 100%; 
	  border-collapse: collapse; 
	}

	.single_table td, .single_table th { 
	  padding: 5px; 
	  border: 1px solid #000; 
	  text-align: left; 
	}
	.single_table table, .single_table thead, .single_table tbody, .single_table th, .single_table td, .single_table tr { 
		display: block; 
		font-family: noah, sans-serif;
	}
	
	.single_table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.single_table tr { 
		border: 1px solid #000; 
	}
	
	.single_table td { 
		border: none;
		border-bottom: 1px solid #000; 
		position: relative;
		padding-left: 50%; 
	}
	
	.single_table td:before { 
		position: absolute;
		top: 0px;
		left: 0px;
		width: 45%; 
		font-family: trajanprobold, serif; 
		color: #7F47A8;
		padding: .5em; 
		white-space: nowrap;
	}
	
	.single_table td:nth-of-type(1):before { content: "CATEGORY"; }
	.single_table td:nth-of-type(2):before { content: "DISTILLERY"; }
	.single_table td:nth-of-type(3):before { content: "NAME"; }
	.single_table td:nth-of-type(4):before { content: "YEAR"; }
	.single_table td:nth-of-type(5):before { content: "BOTTLE NO"; }
	.single_table td:nth-of-type(6):before { content: "ABV"; }
	.single_table td:nth-of-type(7):before { content: "STORAGE"; }
	.single_table td:nth-of-type(8):before { content: "CONDITION"; }

}

#portfolioTop{
	position: fixed;
	bottom: 2em;
	right: 2em;
	display: block;
	font-size: 2.5em;
	color: #FFF !important;
	width: 1.5em;
	height: 1.5em;
	background: #7F47A8;
	text-align: center;
	text-decoration: none;
	line-height: 1.6em;
	border-radius: 50%;
  	box-shadow: 0 0 15px #CCC;
  	z-index: 10;
}


/**Cookie Script*/
.cookiescriptlogo {
    fill: #7F47A8 !important;
}

#cookiescript_badge {
    background: #101010 !important;
}


/**Media Queries.*/
@media only screen and (min-width: 33.125em){

	/**Landing Styles.*/
	#landing_left h2{
		font-size: 3.3em;
	}

	#landing_left h3{
		font-size: 1.8em;
	}

	#landing_social{
		display: block;
	}
		
}

@media only screen and (min-width: 36.875em){

	/**Masthead Styles*/
	#logo{
		left: 2em;
	}

	.site-title{
		display: block;
	}

	.top_info{
		display: inline-block;
	}

	#top_email{
		right: 1em;
	}

	#top_phone{
		right: 17.5em;
	}

	/**About Styles.*/
	#About, .why_content{
		text-align: justify;
	}

	/**Why Choose Us Styles.*/
	#why_image_left{
	  	height: 19em;
	}

	.whyphoto{
		width: 100%;
		height: 19em;
	}	

	/**Tips Styles.*/
	.tip_box p{
		text-align: justify;
	}	

	/**Contact Styles*/
	#contact_form{
		width: 70%;
	}

	/**Rates Styles.*/
	#rates_text ul{
		columns: 2;
 		-webkit-columns: 2; 
  		-moz-columns: 2; 
  		column-gap: 2em;
	}


	/**Rates Styles*/
	#storage_rates, #insurance_rates {
	    display: table;
	    width: 100%;
	    border-collapse: collapse;
	}

	#storage_rates tr, #insurance_rates tr {
    	display: table-row;
   		padding: 0;
  	}

  	#storage_rates th, #insurance_rates th, #storage_rates td, #insurance_rates td {
    	display: table-cell;
    	padding: 0.5em 1em;
    	border: 1px solid #101010;
  	}

  	#storage_rates td::before, #insurance_rates td::before {
	  	display: none;
	}

	#storage_rates thead, #insurance_rates thead{
	  	 display: table-header-group;
	}

  	#storage_rates th[scope="row"], #insurance_rates th[scope="row"], #storage_rates thead th, #insurance_rates thead th {
    	font-family: trajanprobold, sans-serif;
 		font-size: 1.05em;
    	color: #FFF;
    	font-weight: bold;
    	background: #7F47A8 !important;
    	padding: .5em !important;
    	border: none;
  	}


	#storage_rates td:nth-child(even), #insurance_rates td:nth-child(even) {
	  background-color: initial;
	}

	#storage_rates tbody tr:nth-child(even), #insurance_rates tbody tr:nth-child(even) {
  		background-color: #F0F0EE;
	}

	#storage_rates td, #insurance_rates td, #storage_rates thead th, #insurance_rates thead th {
  		text-align: center;
	}

	#storage_rates th[scope="row"], #insurance_rates th[scope="row"] {
  		text-align: left;
  	}

  	.rates_table h4{
  		display: none;
  	}

}



@media only screen and (min-width: 48em){
	

	
	/**Margins & Headers*/
	.headers{
		padding-bottom: 2.5em;
	}

	.headers .header{
		font-size: 2.6em;
	}

	.headers .subheader{
		font-size: 1.4em;
	}

	.margins{
		left: 50%;
		width: 80%;
		padding: 0em;
		transform: translateX(-50%);
	}

	/**About Styles*/
	#About{
		padding: 4.5em 0em 2em 0em;
	}

	/**Tips Styles.*/
	#tips_cta h2{
		font-size: 3em;
	}

	/**Footer Styles*/
	#footer_bottom{
		display: grid;
  		grid-template-columns: 50% 50%;
  		padding: .5em 4em;
	}

	#footer_legal{
		order: 2;
	}

	#copyright{
		text-align: left;
		order: 1;
	}

	#footer_legal ul{
		justify-content: right;
	}

	#footer_legal a{
		margin-right: 0em;
		margin-left: 1em;
	}	

}


@media only screen and (min-width: 54em){
	
	/**Masthead Styles.*/
	#masthead{
		position: fixed;
	}

	#top_email{
		right: 4em;
	}

	#top_phone{
		right: 20em;
	}

	#account{
		left: 5em;
	}


	/**Landing Styles.*/
	#landing_center{
  		align-items: center;
	}

	#landing_left{
		width: 50%;
		width: calc(100% - 21em);
	}

	#landing_right{
		width: 19em;
	}

	#landing_center{
		width: 86%;
	}

	#landing_left h1{
		text-align: left;
		margin: 0em 0em .7em 0em;
	}

	#landing_left h2{
		text-align: left;
		margin: 0em 0em .2em 0em;
	}

	#landing_left h3{
		font-size: 1.4em;
		text-align: left;
	}

	#landing_left a{
		left: 0;
		margin-left: 0em;
		margin-top: 2em;
	}

	#scrolldown:before{
		text-align: left;
	}

	#landing_image{
		display: block;
		position: absolute;
		bottom: -4em;
		right: 12em;
		width: 10em;
		z-index: 2;
	}	

	/**About Styles*/
	#About{
		padding: 6.5em 0em 3em 0em;
	}

	#about_right{
		padding-left: 1em;
	}

	/**Why Styles.*/
	#why_holder{
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center;
	}

	#why_image_left{
	  	top: 9em;
	  	width: 40%;
	  	padding-bottom: 3em;
	}	

	.whyphoto{
		width: 100%;
		height: auto;
		overflow: none;
	  	padding-bottom: 3em;
	}

	#why_content_right{
		position: relative;
		width: 60%;
		padding-left: 2.5em;
	}

	/**Why Choose Us Styles.*/
	#StorageFacilties{
		padding: 4.5em 0em 3em 0em;
	}

	/**Reviews Styles.*/
	#Reviews{
		padding: 4.5em 0em 3em 0em;
	}

	/**Tips Styles.*/
	#StorageTips, #Rates{
		padding-top: 4em;
	}

	/**Tips Styles*/
	#tip_holder{
  		align-items: center;
	}

	#tips_left{
		width: 33.3%;
	}

	#tips_right{
		width: 33.3%;
	}

	#tips_center{
		display: block;
		width: 33.3%;
	}

	#tip_image{
		padding: 0em 2.5em;
	}

	#tip_image img{
		width: 100%;
		height: auto;
	}

	.tip_box h3{
		margin-bottom: .5em;
	}





	/**Contact Styles.*/
	#Contact{
		padding-bottom: 0em;
	}

	#contact_info{
		max-width: 70em;
	}

	.contact_info_box{
		width: calc(33% - 2em);
		margin: 0em 1em;
	}

	#map{
		margin-top: -4em;
		height: 46em;
	}

	#contact_form{
		position: absolute;
		top: 28.5em;
		left: 5em;
		margin: 0;
		width: 30em;
		padding: 2.5em 3em 1em 3em;
		transform: none;
	}

	/**Account Styles.*/
	.user-registration-MyAccount-content h2{
		font-size: 1.7em !important;
	}


}


@media only screen and (min-width: 59em){

	/**Landing Styles.*/
	#landing_left h2{
		font-size: 3.8em;
	}

	#landing_left h3{
		font-size: 1.6em;
	}

	/**Account Styles.*/
	.whiskey_portfolio_item{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		align-items: center;
	}

	.whiskey_portfolio_item_image{
		width: 14em;
		left: 0em;
		transform: translateX(0);
	}

	.whiskey_portfolio_item_info{
		width: calc(100% - 15em);
	}
}


@media only screen and (min-width: 64em){

	/**Navigation Styles.*/
	#site-navigation{
		position: absolute;
		top: 3.45em;
		width: 40em;
	  	right: 2.5em;
	  	float: none;
	  	background: none;
	} 

	#site-navigation ul{
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: right;
  	}

	#site-navigation .menu-item{
	    margin: 0em .7em;
	    padding: 0;
	} 

	#site-navigation .menu-item a{
		font-size: .9em;
	  	padding: 0em;
	}

	/**Contact Styles.*/
	#contact_form{	
		top: 25em;
	}


}




@media only screen and (min-width: 70em){

	/**Navigation Styles.*/
	#site-navigation{
		width: 50em;
	} 

	#site-navigation ul{
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: right;
  	}

	#site-navigation .menu-item{
	    margin: 0em 1.3em;
	} 

	/**Landing Styles.*/
	#landing_left{
		width: 50%;
		width: calc(100% - 24em);
	}

	#landing_right{
		width: 24em;
	}

	#landing_left h2{
		font-size: 4em;
	}	

	#landing_image{
		bottom: -7em;
		right: 12em;
		width: 11em;
	}



	/**About Styles*/
	#About{
		padding: 8em 0em 3em 0em;
	}	

	/**Tips Styles.*/
	#tips_center{
		width: 24em;
		padding: 0em 1.5em;
	}

	#tip_image{
		width: 21em;
	}

	#tips_right, #tips_left{
		width: calc(50% - 12em);
	}

	.tip_box{
		width: 85%;
	}

	#tip_1, #tip_3, #tip_5{

		margin-left: 15%;
	}

	#tip_2, #tip_4, #tip_6{
		margin-right: 15%;
	}


}