/*
Theme Name: Toast
Description: Lightweight, tasty and totally awesome.
Author: The Toast Development Team
Date: March 2021
Version: 7.0
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: toast
*/


/* Product Image Size Correction */
.products .featured-image {text-align: center; margin: auto;}
.products .featured-image img {height: 35vh; width: auto;max-height:300px;}
.single-page img {max-height:500px;}


.slick-slide p { padding: 0 2rem; }
body.post-type-archive-products .four.columns { vertical-align: inherit;}

/**Language dropdown**/
.language-select{position:relative;}
.language-select .current-language {color:#71502E;}
.language-select .current-language .fa-chevron-down {color:#1ca76c; padding-left:0.3rem;}
.language-select .language-dropdown, .language-select .language-dropdown li a:after{display:none;}
.language-select:hover .language-dropdown{display:block;position:absolute;bottom:0;right:0;transform:translateY(100%);padding: 1rem;z-index:99999;background:#ffffff;}
.language-select .language-dropdown li{display:block; text-align:center;}
.language-select .language-dropdown li a {text-align:left;padding: 0.5rem; line-height: 3rem; height:3.5rem;}
.language-select img { max-width: 20px; border: 1px solid #000;}


/* Generic Styles */
.column, .columns {margin-left: 2% !important;}
.full-width-image {width:90%; margin-left: auto; margin-right: auto; display: block;}
.text-center {text-align:center;}
.hide {display:none;}
.full-width .container {width:100vw; padding:0 !important;}
.fab {color: #fff; font-size: 25px; text-decoration: none; padding: 0 0.5rem;}

/******************  About Us ******************/
.page-id-266 .six.columns {padding-right:3rem; padding-left:4rem;}
.page-id-266 .six.columns:nth-child(1) {padding-right:3rem; padding-left:4rem; margin-left:0!important;}
.page-id-266 h3{margin-bottom:0; margin-top:0;}
.page-id-266 h4, .page-id-266 p{margin-bottom:1rem;}
.page-id-266 .full-width-image .large-leaf, .page-id-266 .full-width-image .hero-content {display:none;}
.page-id-266 #table h3 {display:none;}
.page-id-266 #our-approach {margin: auto;width: 90%!important;}
.page-id-266 #our-approach h4 {margin-bottom:2.5rem;}
.page-id-266 #our-approach img {display:none;}
.page-id-266 #get-in-touch h3, .page-id-6 #get-in-touch h3 {margin-bottom: 0;}
@media (max-width: 768px){
	.page-id-266 .six.columns {padding-bottom: 3rem; margin: auto;margin-bottom: 1rem;}
	.page-id-266 .six.columns:nth-child(1) {margin-left: 2%!important; */}
	.page-id-266 #our-approach p {width: 100%!important;}
}
/**************************************/


h3 {position: relative; text-align:center;}

h3:after, #get-in-touch h3:after {
    content: "";
    position: absolute;
	left: 46.5%;
    right: 46.5%;
    bottom: 30px;
    border-bottom: 8px solid #F48200;
}

#search-page .container {width:90%}  
#search-page .four.columns {text-align: center;} 
#search-page .eight.columns {padding-top: 4rem;}
#search-page .read-more-button {width: 110px;}
.b-bottom {border-bottom: 4px solid rgba(28, 167, 108); margin-top:5rem; margin-bottom:5rem;}

.read-more-button {position: relative; padding-right: 5rem!important; border-radius: 4px; width: 120px;}
.read-more-button:hover, .downloads .button:hover {background: rgba(28, 167, 108,0.8)!important;}
.read-more-button:after{
	content:'';
	background-image:url("../../uploads/2021/10/Small-Leaf.svg");
	background-size:cover;
	background-position:center;
	position: absolute;
	right: 3px;
	bottom: 1px;
    width: 30px;
    height: 25px;
}

.leaf-after::after{
	content:'';
	background-image:url("../../uploads/2021/10/Value-Leaf.svg");
	background-size:cover;
	background-position:center;
	width: 700px;
    position: absolute;
    bottom: 0;
    height: 550px;
    transform: translateX(-15%);
	animation-duration: 5s;
  	animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-right: 100%;
  }

  to {
    margin-right: 0%;
  }
}

.medium-leaf {position:absolute; bottom:0; left:0; transform:translatex(180%); width: 8%;}

.large-leaf {position:absolute; top:0; left:0; height: 100%; transform:translatex(-15%); mix-blend-mode: multiply;}

.big-leaf-after::after{
	content:'';
	background-image:url("../../uploads/2021/10/Get-In-Touch-Leaf.svg");
	background-size:cover;
	background-position:center;
    width: 80%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 25vw;
    z-index: 1;
    mix-blend-mode: multiply;
	animation-duration: 5s;
  	animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 100%;
	width:300%;
  }

  to {
    margin-left: 0%;
	width:100%;
  }
}

/* Base Styles */
html { font-size: 62.5%; }
body{font-size: 1.75rem;line-height: 1.6; font-family: /*"HelveticaNeue-Light", "Helvetica Neue Light",*/ "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;color: #222;margin: 0;padding: 0; }
#page{overflow:hidden;clear:both;}

/* Header */
.site-header{padding:2rem 0;}
.site-header .left-side{width:300px}
.site-header .right-side{text-align:right}

/* Navbar & Menus */
.top-nav 			{font-size: 1.5rem;}
.top-nav ul 		{ margin: 0 auto; padding: 0 1.25rem;}
.top-nav li 		{ display: inline-block; margin: 0;padding:0; position: relative;}
.top-nav li a  		{ display: inline-block; padding:0 1rem;height:56px;line-height:56px;color:#222;font-weight:bold;}
.top-nav li:hover > a { color: blue; }
.top-nav li.menu-item-has-children a::after { content: "\f107"; font-family: FontAwesome; padding-left: .5rem;  }
.top-nav li.menu-item-has-children ul li a::after { display: none;  }

/* Submenus Dropdowns*/
.top-nav ul ul{position: absolute;padding: 0;bottom:0;left: 0; width: 200px;background: #666;text-align: left;z-index:5;opacity:0;pointer-events:none;transition:all .5s;transform:translatey(100%);}
.top-nav ul ul ul 			{position: absolute;top:0;right:0;transform:translatex(100%);width: 200px; background: #999; text-align: left; z-index:10; }
.top-nav ul ul li 			{ display: block; margin: 0;  }
.top-nav ul.sub-menu li a 	{ padding: 1rem; display: block; margin: 0;}
.top-nav ul li:hover > ul 	{opacity: 1;pointer-events:all;}

/* Typography */
h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 700; line-height: 1.2;margin:0; font-family: Rockwell, "Courier Bold";}
h1 { font-size: 5rem; padding-bottom: 2rem;   }
h2 { font-size: 5rem; padding-bottom: 1.7rem;  }
h3 { font-size: 3.5rem; padding-bottom: 5rem; color: #71502E;}
h4 { font-size: 3rem; padding-bottom: 1.25rem; color: #1CA76C;}
h5 { font-size: 2.5rem; padding-bottom: 1rem; color: #1CA76C;}
h6 { font-size: 2rem; padding-bottom: .5rem; color: #71502E;}

ul{margin:0;}
p, li{padding-bottom:1.5rem;margin:0; color:#71502E;}

/* Products */
.four.product-preview { margin-bottom: 4%; padding: 2rem; box-sizing: border-box; box-shadow: 0 0 1rem #efefef; }
.mapp { padding: 1rem 0; /*border-bottom: 1px solid #ccc;*/ font-size: 3rem; }
.active-component  { padding: 1rem 0; /*border-bottom: 1px solid #ccc;*/ }
.label-info { margin: 2rem 0; }
.label-info p:first-child {margin-bottom:2rem;}
.downloads .button i { margin: 0 .5rem;}
.back-button {position: relative; padding-right: 5rem!important; padding: 0.5rem!important; border-radius: 4px; width: 70%;}
.back-button:hover {background-color:rgba(28, 167, 108)!important;}
.back-button:after{
	content:'';
	background-image:url("../../uploads/2021/10/Small-Leaf.svg");
	background-size:cover;
	background-position:center;
	position: absolute;
	right: 5px;
	bottom: 1px;
    width: 30px;
    height: 25px;
}
.msds, .label {background-color:rgba(28, 167, 108)!important; padding: 0.5rem!important; width:31%;}
.msds:hover, .label:hover {background-color:#ff8f2b;}
.single-products h3, .single-products h4, .single-products h6 {position:relative; padding-bottom:0; text-align:left;}
.single-products h3:after, .single-products h4:after, .single-products h6:after {
	content: "";
    position: absolute;
    left: 0%;
    right: 82%;
    bottom: -15px;
	border-bottom: 6px solid #F48200;}
.product-hero {
    position: relative;
	overflow:hidden;
	background-size:cover;
	background-position:center;}
.product-content-title{padding:10rem 0;}
.product-title {
	font-family: Rockwell, "Courier Bold";
    width: 50vw;
	font-size: 6rem;
    color: #fff;
	filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.6));}
#post-181 {margin-bottom: 10rem; margin-top: 10rem;}


/*Footer*/
.site-footer, .site-footer a{/*color:#ffffff;*/}
.footer-main{padding-bottom:5rem; background:#333; overflow: hidden; clear: both;}
.site-footer .logo{margin-bottom:3rem;display:inline-block;}
.site-footer .logo img{height:76px;}
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer ul li { margin: 0; padding: 0; }
.site-footer ul li a { display: block;}

/* Sub footer */
.footer-sub-wrapper {padding: 1rem 0; background:black;color: #fff;font-size: 80%;}
.footer-sub-wrapper li a:hover { text-decoration: underline; }
.footer-sub-wrapper .bottom-menu ul { padding: 0; margin: 0; list-style: none; }
.footer-sub-wrapper .bottom-menu ul li { display: inline; padding: 0; margin: 0; }
.footer-sub-wrapper .bottom-menu ul li a { display: inline-block; line-height: 2; border: none;text-decoration: none; padding: 0 1rem;}
.footer-sub-wrapper .companyname {padding-top: 2px;}

/*Links*/
a{text-decoration:none;color:#ff8f2b;}

/*Buttons*/
.button{
    background:#ff8f2b;
    padding:1rem;
    color:#ffffff;
    display:inline-block;
	position:relative;
	transition:all .25s;
}

/* Forms */
.gfield{list-style-type:none !important;}
.gform_wrapper input{font-size:inherit;}
.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="search"], .gform_wrapper input[type="text"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="url"], .gform_wrapper input[type="password"], .gform_wrapper textarea, .gform_wrapper select {height: 38px;padding: 6px 10px;background-color: #fff;border: 1px solid #D1D1D1;border-radius: 4px;box-shadow: none;box-sizing: border-box; width: 100%;}
.gform_wrapper input[type="email"]:focus, .gform_wrapper input[type="number"]:focus, .gform_wrapper input[type="search"]:focus, .gform_wrapper input[type="text"]:focus, .gform_wrapper input[type="tel"]:focus, .gform_wrapper input[type="url"]:focus, .gform_wrapper input[type="password"]:focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus {outline: 0; }

.gform_wrapper input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, input[type="button"], button{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.gform_wrapper textarea { min-height: 100px; padding-top: 6px; padding-bottom: 6px;font-family:inherit;}
.gform_wrapper label, .gform_wrapper legend { display: block; margin-bottom: .5rem; font-weight: 600; }
.gform_wrapper fieldset { padding: 0; border-width: 0; }
.gform_wrapper input[type="checkbox"], .gform_wrapper input[type="radio"] { display: inline; }
.gform_wrapper label > .label-body { display: inline-block; margin-left: .5rem;font-weight: normal; }

.gform_confirmation_wrapper {color:#fff;}


/****************** Nav ******************/
.top-nav li a, .top-nav li:hover > a, .top-nav li a:hover{color: #71502E; font-weight: 500;}

.top-nav li a:after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 100%);
    bottom: 0;
    width: calc(100% - 2rem);
    border-bottom: 3px solid #F48200;
	opacity:0;
	transition:all .25s;
}

.top-nav li a:hover:after{opacity:1;}

.menu-main-menu-container, .header-search {display:inline-block;}

#searchform {padding-bottom: 1rem; margin-top:1rem;}
#searchform button[type="submit"] {
	color: #fff;
    background: #1ca76c;
	text-decoration: none;
	display: inline-block;
	border: none;
    padding: 0.9rem;
}
#searchform .fa-search {color:#fff;}
#searchform button[type="submit"]:hover{background: rgba(28, 167, 108,0.8)!important;}
#searchform input[type="text"] {border: 2px solid #71502E; color: #71502E; padding: 0.7rem;}
#searchform input[type="text"]::placeholder {color: #71502E;}
#searchform{border-bottom: 3px solid #F48200;}

/****************** Mobile Nav ******************/
.admin-bar .toast-mm-menu {margin-top: 42px;}
.toast-mm-logo.right img {height: 40px;}
.toast-mm-banner__title, .toast-mm-banner__hamburger{padding-top: 10px; font-weight:700;}


/****************** Footer ******************/
.footer-main {color:#71502E; background-color: #fff; line-height: 1.6; position:relative;}
.footer-main a {color:#71502E;}
.footer-main h5{margin-bottom: 5rem; margin-top: 3rem; font-family: Rockwell, "Courier Bold"; font-weight: 500;}
.footer-main .three.columns:nth-child(1) {width:20%;}
.footer-main .three.columns:nth-child(2) {width:40%;}

.footer-main .address, .footer-main .email a, .footer-main .phone-number a {color: #71502E;}
#menu-products, #two-col {column-count: 2; column-gap: 5rem;}
#two-col img{height: 76px;}
#two-col li:nth-child(2) {padding-left: 1rem; margin-top:2rem;}
#two-col a::after {display:none;}

.footer-sub-wrapper, #menu-legal a{position: relative; background-color: #1ca76c; color: #fff;}
#menu-legal li:nth-child(1),#menu-legal li:nth-child(2){border-right: 2px solid #fff !important; border-left: 2px solid #fff;}

.site-footer ul li {position: relative;}
.site-footer ul li a:hover::after{opacity: 1;}


/******************  Slick Slider  ******************/

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list{background: #fff url('https://www.jtagro-cropthetics.com/wp-content/themes/toast/ajax-loader.gif') center center no-repeat;}

/* Icons */
@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('https://www.jtagro-cropthetics.com/wp-content/themes/toast/fonts/slick.eot');
    src: url('https://www.jtagro-cropthetics.com/wp-content/themes/toast/fonts/slick.eot#iefix') format('embedded-opentype'), url('https://www.jtagro-cropthetics.com/wp-content/themes/toast/fonts/slick.woff') format('woff'), url('https://www.jtagro-cropthetics.com/wp-content/themes/toast/fonts/slick.ttf') format('truetype'), url('https://www.jtagro-cropthetics.com/wp-content/themes/toast/fonts/slick.svg#slick') format('svg');
}

/* Dots */
.slick-dotted.slick-slider {margin-bottom: 30px;}
.slick-dots{
    position: absolute;
    bottom:0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
	color:transparent;
}

.slick-dots li button{color:transparent;background:#1CA76C;border:none;border-radius:20px;opacity:0.5;transition:all .5s;padding:0;width:10px;height:10px;}
.slick-dots li.slick-active button{opacity:1}


/******************  Contact page  ******************/
.page-id-265 h3 {display: none;}
.page-id-265 .six.columns:nth-child(3) {transform:translatey(15%);}
.page-id-265 .address {margin-bottom: 2rem;}
.page-id-265 #get-in-touch .phone-number a, .page-id-265 #get-in-touch .email a {color: #fff;}


/* Media Queries
*************************************************
Note: These have recently been updated to use MAX WIDTHS set to most common sizes - DO NOT use MIN and MAX width declarations or you'll quadruple your CSS.
*/


/* Smallest mobile */
@media (max-width: 320px) {}

/* Medium mobile */
@media (max-width: 375px) {}

/* Large mobile */
@media (max-width: 425px) {}

/* Phablet */
@media (min-width: 425px) and (max-width: 550px) {
	.four.columns, .one-fifth.columns { width: 100%}
	.margin-both {margin-bottom: 2.5rem; margin-top: 2.5rem;}
}

@media (max-width: 550px) {}

/* Smaller than tablet */
@media (min-width: 550px) and (max-width: 768px) {
	.four.columns, .one-fifth.columns {width: 45%; display: inline-block;}
	.six.columns {padding-bottom:10rem;}
	#featured-products .four.columns {padding-bottom: 5rem;}
}

@media (max-width: 768px) {
	.site-header {display:none;}
	.slick-prev{right:5px;}
	.slick-next{right:5px;}
	.leaf-after:after{transform: translatex(-30%);}
	.big-leaf-after:after {right:0vw;width:100%;}
	.footer-main .three.columns, .footer-main .four.columns{width:100%!important;margin:auto;margin-left:auto!important; margin-bottom:2.5rem;text-align:center;}
	.footer-main h5 {margin-bottom: 2.5rem;margin-top: 0;}
	.medium-leaf {transform: translatex(30%);width: 18%;}
	#menu-footer-navigation {column-count: 2;column-gap: 5rem;}
	.site-footer {text-align:center;}
	.footer-main {padding-bottom: 5rem;}
	.site-footer .logo {display:block;}
	#menu-products, #two-col, #menu-footer-navigation{column-count:1;}
	.back-button {width: 85%;}
	.msds, .label {margin-left:0; width:41%;}
	.product-content-title{padding:5rem 0;}
	.product-title{font-size:3.5rem;width:100%;}
	#two-col li:first-child a img{height:120px;}
	#two-col li:nth-child(2) {margin-bottom:3rem;}
	#two-col a:first-child{margin-bottom:0 !important;}
	.page-id-265 .six.columns:nth-child(3) {transform: translatey(0%);}
	#gform_wrapper_1 {width: 95%;}
}	
	
/* Smaller than laptop */
@media (min-width: 768px) and (max-width: 1024px) {}

/* Smaller than large desktop */
@media (max-width: 1440px) {}

/* Larger than large desktop */
@media (min-width: 1440px) {}