/*
========================================================================
=== GENERAL ============================================================
========================================================================
*/
html, button, input, select, textarea { background-color: white; height: 100%; font-family: 'bliss_proregular', sans-serif; font-size: 100%; letter-spacing: 0.0375em; line-height: 1.875em; color: #004413; }

.left {float:left;}
.right {float:right;}

.one_third {width:33.3333333%;}

h3.main.gold sup {letter-spacing:1px; font-size:.6em; font-weight:200;}

/*
========================================================================
=== HEADER =============================================================
========================================================================
*/

.menu_holder span {float: right;padding-left: 15px;}
#menu_wrapper #menu .main_nav ul li.current-menu-item a,
body.post-type-archive-heritage #menu_wrapper #menu .main_nav ul li.menu-item-117 a {color:#fff;}

.menu_inner .dropdown_arrow {left:0; width:200px;}
.menu_inner .dropdown_arrow > span {font-size:16px; letter-spacing:3px; margin-top:0; background:rgba(0, 0, 0, 0) url("../images/country_dropdown_arrow.png") no-repeat scroll; width:15px; text-align:left; margin:0 0 0 20px; width:88px; background-position:right; height:30px; text-transform:uppercase; color:#fff;}
.menu_inner .dropdown_arrow.open > span {background-image:url("../images/country_dropdown_arrow_open.png");}
.menu_inner .header_dropdown {width:200px; position:absolute; left:0; background:none; margin:30px 0 0 0;}
.menu_inner .header_dropdown .header_dropdown_inner {background:none; color:#fff; padding-top:0;}
.menu_inner .header_dropdown ul li {color:#fff; padding:0; margin:0 0 10px 0;}
.menu_inner .header_dropdown ul li:hover {background:none;}
.menu_inner .header_dropdown ul li a {color:#fff;}
.menu_inner .header_dropdown ul li a:hover {color:#e0cd9a;}

/*
========================================================================
=== PRODUCTS ===========================================================
========================================================================
*/

#kerrygold_range .products ul li {float: left; text-align: center; white-space: normal; position: relative;}
#kerrygold_range .products ul li .overlay { padding-top:20%; white-space: normal; word-wrap: break-word; overflow: hidden; position: absolute; width: 100%; height: 100%; background: transparent; left:0px; top:0px; display: block; vertical-align: middle; color:transparent; font-size: 1em; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#kerrygold_range .products ul li .helper {height:auto;}
#kerrygold_range .products.slide {display:none;}
#kerrygold_range .homepage-slider li {outline:none; opacity:0.3;}
#kerrygold_range .homepage-slider li.slick-active {opacity:1.0;}
#kerrygold_range .homepage-slider li .product-title { background: url('../images/icon_arrow_gold.png') no-repeat right top; width: 10px; height:16px; padding-right:15px; position: relative; color:#004413; text-transform:uppercase; }


#all_products .inner .content .product {float: left; text-align: center; white-space: normal; height: 350px; position: relative;}
#all_products .inner .content .product .helper { display: inline-block; vertical-align: middle;  }
#all_products .inner .content .product img {vertical-align: middle;}
#all_products .inner .content .product .image { white-space: inherit; word-wrap: break-word; overflow: hidden; width: 100%; height: 100%; background: transparent; left:0px; top:0px; display: block; vertical-align: middle; color:transparent; font-size: 1em; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#all_products .inner .content .product .product-title { background: url('../images/icon_arrow_gold.png') no-repeat right top; width: 10px; height:16px; padding-right:15px; position: relative; color:#004413; text-transform:uppercase; }
#all_products .inner .content .product .overlay { padding-top:50%; white-space: normal; word-wrap: break-word; overflow: hidden; position: absolute; width: 100%; height: 100%; background: transparent; left:0px; top:0px; display: block; vertical-align: middle; color:transparent; font-size: 1em; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#all_products .inner .content .product .overlay .arrow { background: url('../images/icon_arrow_gold.png') no-repeat left center; width: 10px; height:16px; margin-left:10px; position: relative; top:2px; display: none;-moz-transform: scaleX(-1);     -o-transform: scaleX(-1);     -webkit-transform: scaleX(-1);     transform: scaleX(-1);     filter: FlipH;     -ms-filter: "FlipH";}
#all_products .inner .content .product:hover .overlay, 
#all_products .inner .content .product:active .overlay, 
#all_products .inner .content .product:focus .overlay {background: rgba(255,255,255,0.8); color:#004413;}
#all_products .inner .content .product:hover .overlay .arrow, 
#all_products .inner .content .product:active .overlay .arrow, 
#all_products .inner .content .product:focus .overlay .arrow {display: inline-block;}
#all_products .inner .content .product .title {display:none;}

.slider h2 {text-align:center;}
.slick-slider .slick-track, .slick-slider .slick-list {height:366px!important;}
.slick-slide img {margin:auto; height:auto;}
button.slick-arrow {display:none!important;}
#all_products .inner .content .slick-slider .product {opacity:0.3; outline:none;}
#all_products .inner .content .slick-slider .product.slick-current {opacity:1;}


/*
========================================================================
=== FOOTER =============================================================
========================================================================
*/

.subscribe_wrapper .wpcf7-response-output {width:100%;}

nav.footer_nav .footer_nav_inner > ul > li > a {letter-spacing:normal;}
nav.footer_nav .footer_nav_inner > ul > li > .sub-menu li {line-height:1.5;}

#bottom ul li {float:right;}
/*
========================================================================
=== RESPONSIVE =========================================================
========================================================================
*/
@media only screen and (max-width: 1300px) {
	.inner {width:100%;}
}

@media only screen and (max-width: 1000px) {
	#all_products .inner .content .product {width:33.333333333%;}
}

@media only screen and (max-width: 920px) {
}

@media only screen and (max-width: 900px) {
	#kerrygold_range .products {display:none;}
	#kerrygold_range .products.slide {display:block;}

	.pages #page_header .inner h2 {margin-top:20px; margin-bottom:20px;}
}

@media only screen and (max-width: 800px) {
	#all_products .inner .content .product {height:200px; margin-bottom:50px;}
}

@media only screen and (max-width: 809px) and (min-width: 768px) { /* TABLET ONLY */
	#all_products .inner .content .product img {width:150px; height:150px;}
	.slick-slide img {width:150px;}
}

@media only screen and (max-width: 809px) {
	nav.footer_nav .footer_nav_inner {width:50%;}
	nav.footer_nav .footer_nav_inner > ul > li a {letter-spacing:5px;}
	nav.footer_nav .footer_nav_inner.left {padding-right:25px;}
	nav.footer_nav .footer_nav_inner.left > ul > li {text-align:right;}
	nav.footer_nav .footer_nav_inner.right {padding-left:25px;}
}

@media only screen and (max-width: 767px) {
	.menu_holder {position:absolute; right:20px; top:0;}
	
	#all_products .inner {padding:0;}
	#all_products .inner .content .product {height:350px;}
	.slick-slide img {width:130px;}
	
	.subscribe_wrapper input[type='email'],
	.subscribe_wrapper .btn {width:100%!important;}
	
	#bottom .copyright,
	#bottom .aux_links {clear:both; width:100%; float:left; text-align:center;}
	#bottom .copyright {margin-top:70px;}
	#bottom p {float:none;}
	#bottom ul {float:none;}
	#bottom ul li {float:none; display:inline;}
	#bottom ul li:first-child {border-right:1px solid; padding-right:10px; margin-right:10px;}
}

@media only screen and (max-width: 460px) {
	.pages #page_header {height:480px!important;}
	.pages #page_header .inner .menu_holder {margin-top:80px;}
	.pages #page_header .inner .logo {width:190px; background-size:contain;}
	.pages #page_header .inner h2 {color:#fff; font-size:32px; margin-bottom:10px;}
	.pages #page_header .inner h1 {font-size:34px;}
	
	.slick-slide img {width:130px;}
	
	#footer_links {height:650px;}
	#footer_links .social_links_wrapper {margin-bottom:70px;}
	#footer_links .social_links,
	#footer_links .social_links:after {width:100%;}
	#footer_links .social_links .title {font-size:1em;}
	#footer_links .social_links .title span {letter-spacing:5px;}
	nav.footer_nav .footer_nav_inner.left,
	nav.footer_nav .footer_nav_inner.right {width:100%;padding:0;}
	nav.footer_nav .footer_nav_inner > ul > li {text-align:center!important;}
	nav.footer_nav .footer_nav_inner > ul > li > a {margin-bottom:15px;}
}