@charset "utf-8";
/* CSS Document */
                            
/*
==============================
STYLES FOR ALL MOBILE QUERIES
==============================
*/

@media screen and (max-width: 1530px) {
	
	.top-bar-menu ul li a {
		padding: 0 13px 15px 13px;	
	}
	
	.top-bar .search-form {
		max-width: 160px;
		margin-right: 10px;	
	}
	
}

@media screen and (max-width: 1500px) {

	.news-events .container { 
		padding: 0 20px;
	}
	
}

@media screen and (max-width: 1500px) {
	
	/*header .right,
	header .left {
		width: 21%;	
	}*/

}

@media screen and (max-width: 1400px) {
	
	header .left,
	.top-bar .left {
		display: none;	
	}
	
	.header .middle,
	.top-bar .middle {
		position: static;
		padding-top: 7px;	
	}
	
	.top-menu,
	.top-menu ul,
	.top-bar-menu ul {
		min-width: initial;
		text-align: left;
	}
	
	.top-bar-menu ul li:first-child,
	.top-menu ul li:first-child {
		margin-left: 0;	
	}
	
	.top-menu ul li {
		margin: 0 16px;
	}
	
	.top-menu ul li.level-1 .pipe:after {
		right: -22.5px;	
	}
	
	header .right {
		width: auto;	
	}
	
	.top-menu ul li.level-1 > .sub-wrap {
		text-align: left;	
	}
}

@media screen and (max-width: 1240px) {
	
	.top-bar-menu ul li.level-1:after {
		content: none;	
	}
	
	.top-bar-menu ul li a {
		padding: 0 4px 15px 4px;
	}
	
	/* LINK BLOCKS */
	
	.link-block h2,
	.link-block h3,
	.image-link-blocks .image-link-block h2,
	.image-link-blocks .image-link-block h3 {
		font-size: 1.750em;
    	font-size: 1.750rem; 
	}
	
	.link-block h2 br,
	.link-block h3 br,
	.image-link-blocks .image-link-block h2 br,
	.image-link-blocks .image-link-block h3 br {
		display: none;	
	}
	
	.link-blocks.three-col .link-block .block-container {
		padding: 12%;	
	}
	
}

@media screen and (max-width: 1200px) {
	
	.container,
	.top-content .container,
	.basic-content .container {
		padding: 0 20px;	
	}
	
	.news-events .posts-container .item p {
		font-size: 0.875em;	
		font-size: 0.875rem;	
	}
	
	footer {
		padding: 40px 20px;	
	}

}

@media screen and (max-width: 1150px) {
	
	/* HEADER */
	
	/*header .left,
	.top-bar .left {
		display: none;	
	}
	
	.header .middle,
	.top-bar .middle {
		position: static;
		padding-top: 7px;	
	}
	
	.top-menu,
	.top-menu ul,
	.top-bar-menu ul {
		min-width: initial;
		text-align: left;
	}
	
	header .right {
		width: auto;	
	}
	
	.top-menu ul li.level-1 > .sub-wrap {
		text-align: left;	
	}*/
	
	/* BANNER */
	
	.video-banner .banner-content,
	.main-banner .banner-content {
		top: 40px;
		left: 0;
		padding: 0 0 0 5%;
	}
	
	.main-banner .banner-content br,
	.video-banner .banner-content br  {
		display: none;
	}
	
	.main-banner .banner-content p {
		max-width: 550px	
	}
	
	.main-banner .feather {
		left: 10%;	
	}
	
	.map-section .map-heading h2 {
		font-size: 2.000em;	
	}
	
	.footer-menu ul li.no-pipe:after {
		content: "|";	
	}

}

@media screen and (min-width: 1025px) {
	
	.mobile-menu {
		display: none !important;	
	}
	
	.top-bar {
		top: -51px;	
	}
	
}

@media screen and (max-width: 1025px) {
	
	.top-menu,
	.top-bar {
		display: none !important;
		top: -51px !important;	
	}
	
	header .right {
		width: 100%;
		max-width: 100%;	
	}
	
	.quick-links {
		float: left;	
	}
	
	.quick-links ul li:first-child {
		margin-left: 0;
	}
	
	.top-navigation {
		padding: 18px 20px 0 20px;	
	}
	
	.hamburger.active span.top {
		top: 6px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg); 	
	}
	
	.hamburger.active span.middle {
		opacity: 0; 
	}
	
	.hamburger.active span.bottom {
		top: -6px;
		background-color: #85C3CE;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg); 
	}
	
	.main-banner .banner-content p,
	.video-banner .banner-content p {
		font-size: 16px;
		font-size: 1rem;
	}
	
	.mobile-menu ul li.mobile-hide a {
		display: none;	
	}
	
	/* PAGE SECTIONS */
	
	.map {
		height: 500px;	
	}
	
	.image-link-blocks .image-link-block .block-text p {
		display: none;	
	}
	
	.image-link-blocks .image-link-block {
		min-height: 660px;	
	}
	
}

@media screen and (max-width: 960px) {
	
	.link-blocks.three-col .link-block {
		width: 50%;	
	}
		
}

@media screen and (max-width: 879px) {

	.news-events .posts-container .item {
		width: 48%;
		margin-right: 4%;	
	}
	
	.news-events .posts-container .item:nth-of-type(4n+4) {
		margin-right: 4%;	
	}
	
	.news-events .posts-container .item:nth-of-type(2n+2) {
		margin-right: 0;	
	}
	
}

@media screen and (max-width: 779px) {
	
	h1, h2 {
		font-size: 1.500em;	
	}
	
	.video-banner .banner-content,
	.main-banner .banner-content {
		padding: 0 38px 0 20px;
	}
	
	.main-banner .banner-content p {
		font-size: 	0.938em;
	}
	
	.map-section .map-heading {
		position: static;
		top: initial;
		left: initial;
		padding: 20px;
	}
	
	.map-section .map-heading h2 {
		margin: 20px 0;
		font-size: 1.500em;
		font-size: 1.500rem;
	}
	
	.top-content p.large-p, 
	.basic-content p.large-p {
		font-size: 1.063em;
		font-size: 1.063rem;	
	}
	
	.main-banner {
		min-height: 450px;	
	}
	
	.image-link-blocks .image-link-block {
		width: 100%;
		min-height: 520px;
	}
	
	.image-link-blocks .image-link-block .block-container {
    	padding: 8%;
	}
	
	.link-block .block-container,
	.link-blocks .link-block .block-container,
	.link-blocks.three-col .link-block .block-container {
		padding: 50px 45px;	
	}
	
	/* WOO */
	.woocommerce .cart-collaterals .cart_totals {
		width: 100%;	
	}
	
	.woocommerce-account .woocommerce .woocommerce-MyAccount-content,
	.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
	.woocommerce .checkout-col, .woocommerce .cart-collaterals .cart_totals {
		width: 100%;
		float: none;
	}
	
	.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
		margin-bottom: 40px;	
	}
	
	.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
		padding: 0;	
	}
	
	.up {
		display: block;	
	}
	
}

@media screen and (max-width: 750px) {
	
	.two-col,
	.two-col.last {
		width: 100%;
		margin-right: 0;	
	}
	
	.basic-content .two-col p {
		max-width: 100%;	
	}
	
	.two-col div.wpcf7 form {
		padding-right: 0;
	}
	
	.single-product .price {
		font-size: 1.250em;
		font-size: 1.250rem;	
	}
	
	.footer-menu ul li a {
		font-size: 0.750em;
		font-size: 0.750rem;
	}
	
	/* MESSAGE WIDGET */
	.message-widget {
		text-align: center;
		padding: 15px;	
	}
	
	.message-widget div.message-feather {
		display: none;
	}
	
	.message-widget .message-content {
		padding: 8px;
		width: 100%;
		display: block;
		padding-bottom: 15px;
	}
	
	.message-widget .message-text {
		float: none;	
	}
	
	.message-widget .close {
		top: 20px;	
	}
	
	.message-widget a.button {
		float: none;	
	}
	
}

@media screen and (max-width: 720px) {
	
	.side-image-blocks .link-block,
	.link-blocks.three-col .link-block,
	.link-blocks.two-col .link-block,
	.link-blocks .link-block {
		width: 100%;
		min-height: 180px;	
	}
	
	.side-image-blocks .block-image {
		display: none;
	}
	
	.link-block,
	.link-blocks .link-block {
		min-height: 200px;	
	}
	
	/* WOO */
	.woocommerce table.shop_table,
	.woocommerce table.shop_table th,
	.woocommerce-order ul.woocommerce-order-overview li,
	.woocommerce-order section.addresses .woocommerce-column address {
		font-size: 0.813em;
		font-size: 0.813rem;	
	}

}

@media screen and (max-width: 679px) {

	.woocommerce table.cart .product-thumbnail, 
	.woocommerce table.cart .product-price {
		left: -999em;
		position: absolute;
	}
	
	.woocommerce table.cart td.actions {
		text-align: left;	
	}
	
	.woocommerce table.cart td.actions .coupon {
		margin-bottom: 20px;
		text-align: left;
		width: 100%;	
	}
	
	.woocommerce table.cart td.actions .coupon input[type="text"] {
		margin-bottom: 20px !important;
	}
	
}

@media screen and (max-width: 579px) {
	
	.quick-links ul li.contact-mob a {
		display: block;	
	}
	
	.quick-links ul li.contact-desktop a {
		display: none;	
	}
	
	.video-banner video.main-video {
		bottom: -40%;
	}
	
	.image-link-blocks .image-link-block {
		min-height: 520px;
	}
	
	.link-block h2,
	.link-block h3,
	.image-link-blocks .image-link-block h2,
	.image-link-blocks .image-link-block h3 {
		font-size: 1.500em;
		font-size: 1.500rem;	
	}
	
	.footer-links a.footer-link {
		font-size: 0.875em;
		font-size: 0.875rem;	
	}
	
	.footer-links a.footer-link {
		padding: 22px 8px;	
	}
	
}

@media screen and (max-width: 479px) {
	
	.logo img {
		max-width: 180px;
	}
	
	.news-events .posts-container .item:nth-child(4n+4),
	.news-events .posts-container .item:nth-child(2n+2),
	.news-events .posts-container .item {
		width: 100%;
		margin-right: 0%;	
	}
	
	.categories ul li {
		width: 50%;
		float: left;
		margin: 0 0 15px 0;
		line-height: 0.875rem;
	}
	
	.woocommerce-pagination .page-numbers li {
		margin: 0 4px 10px 4px;	
	}
	
	.woocommerce-pagination .page-numbers li span,
	.woocommerce-pagination .page-numbers li a {
		width: 32px;
		height: 32px;
		padding: 8px 4px;
	}
	
	.woocommerce-pagination .page-numbers li a.next {
		background-position: top 8px right 9px;	
	}
	
	.woocommerce-pagination .page-numbers li a.prev {
		background-position: top 8px left 9px;	
	}
	
	.footer-menu ul li {
		width: 100%;
		margin: 0 0 15px 0;
		line-height: 0.875rem;
	}
	
	.footer-menu ul li a,
	.categories ul li a {
		display: block;	
	}
	
	.categories ul li .pipe {
		display: none;	
	}
	
	.footer-menu ul li.no-pipe:after,
	.footer-menu ul li:after {
		content: none;	
	}
	
}

@media screen and (max-width: 420px) {
	
	h3 {
		font-size: 1.175em;
		font-size: 1.175rem;	
	}
	
	.image-link-blocks .image-link-block {
		min-height: 400px;	
	}
	
	.map-section .map-heading h2,
	.link-block h2,
	.link-block h3,
	.image-link-blocks .image-link-block h2,
	.image-link-blocks .image-link-block h3 {
		font-size: 1.375em;
	}
	
	.image-link-blocks .image-link-block .block-container {
    	padding: 40px;	
	}
	
	.woocommerce table.shop_table td {
		padding: 8px;	
	}
	
	.map {
		height: 400px;
	}
	
	.video-banner {
		min-height: 280px;
		height: -webkit-calc(100vh - 222px);
		height: -moz-calc(100vh - 222px);
		height: calc(100vh - 222px);	
	}
	
	banner .banner-content, 
	.main-banner .banner-content {
    	padding: 0 25px 0 20px;
	}
	
	.video-banner video {
		display: none;
	}
	
	.video-banner .mobile-gif {
		display: block;	
	}
	
	.video-banner .banner-content h1 {
		font-size: 20px;
		font-size: 1.250rem;	
	}
	
	.video-banner .banner-content p {
		display: none;	
	}
	
}

@media screen and (max-width: 389px) {
	
	.pagination .col {
		margin: 0 2px;	
	}
	
	.woocommerce table.cart td.actions .coupon input[type="text"] {
		width: 100%;
		max-width: 100%;
		margin-right: 0;	
	}
	
	.woocommerce .quantity .qty {
		width: 50px;	
	}
	
	.image-link-blocks .image-link-block .block-container,
	.link-block .block-container,
	.link-blocks .link-block .block-container,
	.link-blocks.three-col .link-block .block-container {
		padding: 30px 20px;	
	}
	
	.lines {
		display: none !important;	
	}

}

/*
==============================
HEIGHT BASED MEDIA QUERIES
==============================
*/

@media screen and (max-height: 850px) {
	
	.video-banner video.main-video {
		bottom: -35%;	
	}
	
}