/*
Theme Name: Tesselaar
Description: A custom theme developed by <a href="https://vandenbusken.nl">vandenbusken</a>.
Version: 1.0
Author: vandenbusken
Author URI: https://www.vandenbuken.nl
Template: enfold
*/

/*
* ***************** qTip *****************
*/
.qtip{position:absolute;margin-left:-30px;margin-top:-30px;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px; line-height:1.2;direction:ltr;box-shadow:none;padding:0}
.qtip-content,.qtip-titlebar{position:relative;overflow:hidden}
.qtip-content{padding:15px 19px;text-align:left;word-wrap:break-word}
.qtip-titlebar{padding:5px 35px 5px 10px;border-width:0 0 1px;font-weight:700}
.qtip-titlebar+.qtip-content{border-top-width:0!important}
.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:0;border:1px solid transparent}
.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}
* html .qtip-titlebar .qtip-close{top:16px}
.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{display:block;text-indent:-1000em;direction:ltr}
.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}
.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:normal 700 10px/13px Tahoma,sans-serif;color:inherit;background:-100em -100em no-repeat}
.qtip-default{border:1px solid #F1D031;background-color:#FFFFA3;color:#555}
.qtip-default .qtip-titlebar{background-color:#FFEF93}
.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}
.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}
.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}
/*.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}
.qtip .qtip-tip,x:-o-prefocus{visibility:hidden; display: none; }
.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:0 0;border:0 dashed transparent}
.qtip .qtip-tip canvas{top:0;left:0}
.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}*/
.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{display: none;}


/*
* ***************** Tippy *****************
*/


/* Add your own styles here: */


@media only screen and (max-width: 966px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block;
  }
}

/* 
* ***************** Top balk *****************
*/
/*.top-header {
	background:#fff;
	position: relative; 
	border-bottom: solid 1px #E6E6E6;  
}
.top-header > div {
	text-align: right;
	padding: 10px 30px;
}*/
.responsive #top #header .main_menu .social_bookmarks {
	display: block!important;
	margin-left: 3px!important;
	z-index:6;
}
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .container {
    width: 92%;
    max-width: 92%;
  }
}
li.social_icon_custom {
	margin-left: 5px!important;
}

/* 
* ***************** website overwrites *****************
*/

body, .avia_textblock, ul {
    line-height: 1.45em!important;
}

@media only screen and (max-width: 767px) {
	.responsive #top #header {
		position: fixed!important;
	}
}

.avia-menu ul li a {
	font-family: 'PT Sans', sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	letter-spacing: 0.1em;
	color: #14135a!important;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: bold!important;
	color: #14135a!important;
}

.avia-button {
	font-family: 'PT Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

li.menu-item-bold a {
	font-weight: bold;
}

.menu-item-search-dropdown a::before {
	color: #C71532;
	font-size: 26px;
}

.copyright {
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.template-page {
		padding-top: 100px;
	}
}


/*
* ***************** Footer Region Selection *****************
*/ 

.footer-region-selector {
	float: right;
	position: relative;
	text-transform: uppercase;
}

.footer-region-selector > form {
	display: none!important;
}
.sub-menu-footer {
	background: #fff;
	box-shadow: 0px -1px 6px 0px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	bottom: 42px;
	right: 0;
	min-width: 120px;
	padding: 10px;

	text-transform: uppercase;
}

.footer-region-selector:hover .sub-menu-footer {
	display: block;
}

.footer-region-selector a {
	color: #14135a;
}

/*
* ***************** Homepage *****************
*/ 
.homepage-category-title {
	margin-top: 20px;
}
@media only screen and (max-width: 768px) {
	.header-homepage .flex_cell {
		min-height: 280px;
	}
	.mob-move-down {
		min-height: 280px;
	}
}



/* 
* ***************** Plants plugin *****************
*/

/* Plants Overview */

.plantcategories-overview ul {
	list-style: none;
	margin: 0;
	padding: 0;

	display: -ms-inline-grid;
	display: inline-grid;

	-ms-grid-columns:1fr;
    grid-template-columns:1fr;

}
@media only screen and (min-width: 600px) {
	.plantcategories-overview ul {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
	}
	.plantcategories-overview ul li:nth-child(2) {
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(3) {
		-ms-grid-row:2;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(4) {
		-ms-grid-row:2;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(5) {
		-ms-grid-row:3;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(6) {
		-ms-grid-row:3;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(7) {
		-ms-grid-row:4;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(8) {
		-ms-grid-row:4;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(9) {
		-ms-grid-row:5;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(10) {
		-ms-grid-row:5;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(11) {
		-ms-grid-row:6;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(12) {
		-ms-grid-row:6;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(13) {
		-ms-grid-row:7;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(14) {
		-ms-grid-row:7;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(15) {
		-ms-grid-row:8;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(16) {
		-ms-grid-row:8;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(17) {
		-ms-grid-row:9;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(18) {
		-ms-grid-row:9;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(19) {
		-ms-grid-row:10;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(20) {
		-ms-grid-row:10;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(20) {
		-ms-grid-row:11;
	    -ms-grid-column: 1;
	}
}
@media only screen and (min-width: 860px) {
	.plantcategories-overview ul {
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.plantcategories-overview ul li:nth-child(2) {
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(3) {
	    -ms-grid-column: 3;
	}
	.plantcategories-overview ul li:nth-child(4) {
		-ms-grid-row:2;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(5) {
		-ms-grid-row:2;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(6) {
		-ms-grid-row:2;
	    -ms-grid-column: 3;
	}
	.plantcategories-overview ul li:nth-child(7) {
		-ms-grid-row:3;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(8) {
		-ms-grid-row:3;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(9) {
		-ms-grid-row:3;
	    -ms-grid-column: 3;
	}
	.plantcategories-overview ul li:nth-child(10) {
		-ms-grid-row:4;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(11) {
		-ms-grid-row:4;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(12) {
		-ms-grid-row:4;
	    -ms-grid-column: 3;
	}
	.plantcategories-overview ul li:nth-child(13) {
		-ms-grid-row:5;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(14) {
		-ms-grid-row:5;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(15) {
		-ms-grid-row:5;
	    -ms-grid-column: 3;
	}
	.plantcategories-overview ul li:nth-child(16) {
		-ms-grid-row:6;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(17) {
		-ms-grid-row:6;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(18) {
		-ms-grid-row:6;
	    -ms-grid-column: 3;
	}
	.plantcategories-overview ul li:nth-child(19) {
		-ms-grid-row:7;
	    -ms-grid-column: 1;
	}
	.plantcategories-overview ul li:nth-child(20) {
		-ms-grid-row:7;
	    -ms-grid-column: 2;
	}
	.plantcategories-overview ul li:nth-child(21) {
		-ms-grid-row:7;
	    -ms-grid-column: 3;
	}
}

.plantcategories-overview ul li {
	margin: 20px;
	padding: 0;
	position: relative;
}




.plantcategories-overview ul li a {
	display: block;
	width: 100%;
	overflow: visible!important;
} 
.plantcategories-overview ul li a span.image-overlay, 
.plantcategories-overview ul li a span.image-overlay-inside {
	display: none!important;
}
.plantcategories-overview ul li a img {
	padding: 0;
	margin: 0;
	display: block;

	transition: all ease 0.3s;
}
.plantcategories-overview ul li a span.plant-title {
	position: absolute;
	display: inline-block;

	background: #fff;
	padding: 9px 20px;

	bottom:-22px;
	left: 20px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);

	transition: all ease 0.3s;
}
/* Image hover */
.plantcategories-overview ul li a:hover img {
	box-shadow: 0 0px 20px rgba(0,0,0,0.5);
}
.plantcategories-overview ul li a:hover span.plant-title {
	box-shadow: 0 2px 10px rgba(0,0,0,0.5);
	bottom: -5px;
}

/* Single Plant Page */

.award_logo {
	max-width: 200px;
	max-height: 120px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.award_logo {
		max-width: 200px;
		top: 120px;
	}
}

/*
.award-label {
	position: absolute;
	box-sizing: border-box;
	top: 10px;
	left: -90px;
	transform: rotate(-45deg);
	height: 80px;
	padding-top: 12px;
	width: 280px;
	background: #d32a3c;
	box-shadow: 3px 0 5px rgba(0,0,0,0.4);

	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 19px;
	line-height: 1;
}

*/



@media only screen and (max-width: 768px) {
	.responsive #top #wrap_all .av-flex-cells .info-panels-wrapper {
		padding: 0!important;
	}
	.info-panels-container {
		padding:45px 8%;
	}
	/*.plant-page-mobile-hide {
		display: none!important;
	}*/

}
@media only screen and (min-width: 769px) {
	.info-panels-container {
		padding:45px 70px;
	}
	.panels-wrapper-reverse-mobile {
		direction: rtl;
	}
	.panels-wrapper-reverse-mobile .info-panels-container {
		direction: ltr;
	}
}

.award-button-wrapper {
	background:#C7142D;
}
.award-button-container {
	padding:3%;
	text-align: center;
}

.additional_colours_container {
	background: #C4D0DC;
	padding:5%;
}

.additional_colours_row {
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
}

.additional_colour {
	text-align: center;
	width: 50%;
	padding: 10px 1%;
}

.additional_colour img {
	cursor: pointer;
}

.additional_colour h2 {
	font-size: 14px;
	margin-bottom: 0;
}

@media only screen and (min-width: 500px) {
    .additional_colour {
		width: 33.333%;
	}
}

@media only screen and (min-width: 1000px) {
    .additional_colour {
		width: 16.666%;
	}
}

.yt-and-list-container {
	background: #C4D0DC;
	padding:5%;
}
.yt-video {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.27198%;
}
.yt-video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.yt-video-column {
	margin-top: 2.5%;
	margin-bottom: 2.5%;
}



@media only screen and (min-width: 1000px) {
	.yt-video-column {
		width: 48%;
		float: left;
	}
	.yt-video-column:nth-child(even) {
		margin-left: 4%;
	}
}

.extra-buttons-wrapper {

}
.extra-buttons-container {
	background: #E7ECF0;
	border-right:solid 1px #c4d0db!important;
	border-left:solid 1px #c4d0db!important;
	padding:5%;
}

.plantlist-wrapper {
	border-top: solid 1px #C4D0DC;
	color: #d32a3b;
}

.plantlist-wrapper a {
	color: #d32a3b;
}

.plantlist-container {
	padding:5%;
}

.plants-list-column {
	
}
.plants-list ul {
	list-style: disc;
}
.plants-list ul li {
	margin-left: 0.75em;
}

@media only screen and (min-width: 500px) {
	.plants-list {
		column-count: 2;
		column-gap: 30px;
	}
}
@media only screen and (min-width: 800px) {
	.plants-list {
		column-count: 3;
	}
}
@media only screen and (min-width: 1000px) {
	.plants-list {
		column-count: 4;
	}
}