@font-face {
    font-family: 'Montserrat';
    src: url('montserrat-thin.woff2') format('woff2'),
         url('montserrat-thin.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('montserrat-regular.woff2') format('woff2'),
         url('montserrat-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('montserrat-medium.woff2') format('woff2'),
         url('montserrat-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('montserrat-bold.woff2') format('woff2'),
         url('montserrat-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('montserrat-black.woff2') format('woff2'),
         url('montserrat-black.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

html, body {padding:0;margin:0;border:0;width:100%;min-height:100vh;overflow-x:hidden;position:relative;min-width:320px;font-size:16px;font-family: 'Montserrat', sans-serif;}
* {box-sizing: border-box;}
img {display:block;margin-bottom:0;max-width:100%;}
input, select, textarea {font-size:14px;font-family: 'Montserrat', sans-serif;border-radius:0;outline:none;}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {outline-style:solid;outline-color:#f49617;outline-width: 2px;}
.row {height:auto;overflow:auto;width:100%;max-width:1920px;margin:auto;}
.row.light-orange {background-color:#ffad00;}
.row.blue {background-color:#003343;color:#FFF;}
.row.bg-arrow {background-image:url('../buildgfx/arrow.svg');background-position: center;background-size:auto 110%;background-repeat: no-repeat;}
.row > .contents {width:100%;max-width:1000px;padding:20px;margin:auto;position:relative;}
.row > .contents.top-pad-60 {padding-top:60px;}
.row > .contents.lrg-pad {padding:60px 20px;}
.row > .contents.no-top-padding {padding-top:0;}
.novpadding {padding:0px 20px;}

h1 {margin-bottom:0;font-size:28px;font-weight:800;text-transform: uppercase;}
h2, h3 {margin-bottom:10px;font-size:16px;font-weight:800;text-transform: uppercase;}
a {color:#003343};
.row.blue a {color:#ffad00};
.half-panel h1, .half-panel h2, .half-panel h3 {margin-bottom:10px;font-size:16px;font-weight:800;text-transform: uppercase;}
.page-text.large {font-size:24px;font-weight:300;line-height:30px;}
.page-text {font-weight:400;line-height:22px;}
.page-text:not(.profile-text) p:first-of-type {margin-top:0;}
.page-text p:last-of-type {margin-bottom:0;}

header {background-color:#FFF;border-bottom:1px solid #e0dddd;position:relative;z-index:10;overflow:visible !important;}
body[data-page="home"] header {background-color:transparent;color:#FFF;border-bottom:0;margin-bottom:0;}
body[data-page="home"] header .logo img {filter:invert(100);}
header.row {margin-bottom:60px;}
header .content {padding:20px 20px 10px 20px;display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;overflow:visible;}
header .logo {display:inline-block;margin-right:20px;}
header .logo img {width:250px;}
header .navigation {display:inline-block;}
header .navigation a {display:inline-block;position:relative;margin-right:20px;color:inherit;text-decoration: none;font-weight:700;padding-bottom:20px;padding-top:10px;}
header .navigation a::after {content:'';display:block;width:100%;background-color:#f49617;height:3px;position:absolute;bottom:10px;transition:transform .25s ease-in-out;transform:scaleX(0);transform-origin: right;}
header .navigation a:hover::after {transform:scaleX(1);transform-origin: left;}
header .navigation a .sub-menu {position:absolute;top:49px;width:240px;z-index:2;padding-top:0;left:-25px;transform-origin:top;transform:scale(0);opacity:0;transition:transform .25s ease-in-out,opacity .25s ease-in-out}
header .navigation a .sub-menu::before {content:'';display:block;margin:auto;width:0;height:0;border-width:0 20px 20px;border-color:transparent transparent #003343 transparent;border-style:solid}
header .navigation a .sub-menu .container {background-color:#003343;padding:20px 0;text-align:left;position:relative}
header .navigation a .sub-menu a {color:#fff;padding-left:20px;padding-bottom:20px;padding-top:10px;position:relative;text-transform:uppercase;display:inline-block}
header .navigation a .sub-menu a:hover::after {width:calc(100% - 20px)}
header .navigation a:hover .sub-menu {transform:scale(1);opacity:1}
header .navigation .nav-a {display:inline-block;position:relative;margin-right:20px;color:inherit;text-decoration: none;font-weight:700;padding-bottom:20px;padding-top:10px;}
header .navigation .nav-a::after {content:'';display:block;width:100%;background-color:#f49617;height:3px;position:absolute;bottom:10px;transition:transform .25s ease-in-out;transform:scaleX(0);transform-origin: right;}
header .navigation .nav-a:hover::after {transform:scaleX(1);transform-origin: left;}
header .navigation .nav-a .sub-menu {position:absolute;top:49px;width:240px;z-index:2;padding-top:0;left:-25px;transform-origin:top;transform:scale(0);opacity:0;transition:transform .25s ease-in-out,opacity .25s ease-in-out}
header .navigation .nav-a .sub-menu::before {content:'';display:block;margin:auto;width:0;height:0;border-width:0 20px 20px;border-color:transparent transparent #003343 transparent;border-style:solid}
header .navigation .nav-a .sub-menu .container {background-color:#003343;padding:20px 0;text-align:left;position:relative}
header .navigation .nav-a .sub-menu a {color:#fff;padding-left:20px;padding-bottom:20px;padding-top:10px;position:relative;text-transform:uppercase;display:inline-block}
header .navigation .nav-a .sub-menu a:hover::after {width:calc(100% - 20px)}
header .navigation .nav-a:hover .sub-menu {transform:scale(1);opacity:1}
header .sign-in {display:inline-block;position:relative;color:inherit;text-decoration: none;font-weight:700;padding-bottom:20px;padding-top:10px;margin-left:50px;}
header .sign-in::before {content:'';display:block;height:20px;width:20px;position:absolute;left:-25px;top:10px;background-image:url('../buildgfx/login.svg');background-repeat: no-repeat;background-position: center;background-size:contain;}
header .sign-in::after {content:'';display:block;width:100%;background-color:#f49617;height:3px;position:absolute;bottom:10px;transition:transform .25s ease-in-out;transform:scaleX(0);transform-origin: right;}
header .sign-in:hover::after {transform:scaleX(1);transform-origin: left;}
header .mobile-nav-button {display:none;z-index:5;position:relative;color:inherit;text-decoration: none;height:30px;width:30px;margin-top:-15px;}
header .mobile-nav-button:hover {cursor:pointer;}
header .mobile-nav-button:hover::before {opacity: 1;}
header .mobile-nav-button:hover::after {filter:invert(0);}
header .mobile-nav-button::before {content:'';position:absolute;display:block;width:200px;background-color:#f49617;height:200px;left:-50px;top:-140px;transform:rotate(45deg);transition:opacity .25s ease-in-out;z-index:-1;opacity: 0;}
header .mobile-nav-button::after {content:'';position:absolute;display:block;top:0;bottom:0;right:0;right:0;height:100%;width:100%;background-image:url('../buildgfx/menu-icon.svg');background-repeat: no-repeat;background-position: center;background-size:contain;filter:invert(1);}


body[data-page="home"] header .mobile-nav-button::after {filter:none;}
body[data-page="home"] header .mobile-nav-button::before {filter:none;}

.header-image {position:relative;display:block;margin-top:-92px;overflow:hidden;height:0;padding-bottom:63%;}
.header-image img {position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;object-fit: cover;}
.header-image .arrow-layer {background-image:url('../buildgfx/arrow.svg');background-repeat: no-repeat;background-position: 20% 43%;opacity:0.9;background-size: auto 60%;position:absolute;bottom:0;top:0;height:100%;width:100%;}
.header-image .text-layer {color:#FFF;position:absolute;top:0;bottom:40px;left:22%;margin:auto;height:150px;width:420px;font-size:70px;line-height:70px;font-weight:800;text-transform:uppercase;}
.header-image .text-layer::after {content:'Farmstock Futures';}

.page-title {position:relative;font-weight:800;text-transform: uppercase;font-size:30px;position:relative;margin-bottom:20px;}
.page-title::before {content:'';z-index:-1;display:block;height:50px;width:45px;left:-50px; position:absolute;background-image:url('../buildgfx/arrow.svg');background-position: center; background-size:auto 110%;background-repeat: no-repeat;}

.home-tiles {display:flex;gap:20px;flex-wrap: wrap;flex-direction: row;position:relative;padding:20px 0px;}
.home-tiles::before {content:'';display:block;top:-20px;left:-28%;width:calc(100% + (28% + 20px));height:calc(100% + 40px);position:absolute;background-image:url('../buildgfx/arrow.svg');background-position: left top;background-repeat: no-repeat;background-size:auto 100%;}
.home-tiles a {display:block;width:calc((100% - 40px) / 3);position:relative;background-repeat: no-repeat;background-size:cover;background-position: center;transition:transform .25s ease;transform:scale(1);}
.home-tiles a:hover {transform:scale(1.05);}
.home-tiles a .square {height:0;width:100%;padding-bottom:100%;}
.home-tiles a:first-child {width:calc((((100% - 40px) / 3) * 2) + 20px);}
.home-tiles a:first-child .square {padding-bottom:calc((100% - 20px) * 0.5);}
.home-tiles a .title {position:absolute;font-weight:700;font-size:22px;bottom:0;left:0;right:0;padding:20px;width:100%;text-align: center;color:#f49617;background-color:#003343bf;}

.home-news {display:grid;gap:20px;grid-auto-rows: 1fr;grid-template-columns: repeat(3, 1fr);}
.home-news .tile {position:relative;width:100%;display:flex;background-color:#FFF;flex-direction: column;color:inherit;text-decoration: none;min-height:400px;transition:transform .25s ease;transform:scale(1);}
.home-news .tile:hover {transform: scale(1.05);}
.home-news .tile .image {width:100%;height:50%;display:block;background-position: center top;background-repeat: no-repeat;background-size: cover;position:relative;}
.home-news .tile .contents {padding:20px;width:100%;display:flex;justify-content: center;flex-direction: column;}
.home-news .tile .contents::after {content:'Read More..';display:block;position:absolute;bottom:20px;right:20px;font-size:12px;font-weight:500;background-image:url('../buildgfx/arrow.svg');background-repeat: no-repeat;background-position: right center;background-size:auto 100%;padding:3px;padding-right:20px;} 
.home-news .tile .desc {display:-webkit-box;-webkit-line-clamp: 6;overflow:hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.home-news .tile .title {position:relative;margin-bottom:20px;font-weight:800;font-size:20px;text-transform: uppercase;display:-webkit-box;-webkit-line-clamp: 2;overflow:hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
/* Small */
.home-news .tile:nth-child(2n) .contents .title {display: none;}
.home-news .tile:nth-child(2n) .image::after {display:block;content:'';position:absolute;z-index:1;height:100%;width:100%;top:0;left:0;right:0;bottom:0;background-color:#000;opacity: 0.2;}
.home-news .tile:nth-child(2n) .image .title {position:absolute;bottom:0;left:0;right:0;width:calc(100% - 40px);margin:20px;color:#FFF;z-index:2;}
/* Large */
.home-news .tile:nth-child(2n - 1) {grid-column: span 2;flex-wrap: nowrap;flex-direction: row;}
.home-news .tile:nth-child(2n - 1) .image {width:50%;height:100%;}
.home-news .tile:nth-child(2n - 1) .contents {width:50%;height:100%;}
.home-news .tile:nth-child(2n - 1) .image .title {display:none;}

.news-list {display:grid;gap:20px;grid-auto-rows: 1fr;grid-template-columns: repeat(2, 1fr);color:#000;padding-top:40px;padding-bottom:40px;}
.news-list .tile {position:relative;width:100%;display:flex;background-color:#FFF;flex-direction: column;color:inherit;text-decoration: none;transition:transform .25s ease;transform:scale(1);}
.news-list .tile:hover {transform: scale(1.05);}
.news-list .tile .image {width:100%;height:250px;display:block;background-position: center top;background-repeat: no-repeat;background-size: cover;position:relative;}
.news-list .tile .contents {padding:20px;padding-bottom:60px;width:100%;display:flex;justify-content: center;flex-direction: column;}
.news-list .tile .contents::after {content:'Read More..';display:block;position:absolute;bottom:20px;right:20px;font-size:12px;font-weight:500;background-image:url('../buildgfx/arrow.svg');background-repeat: no-repeat;background-position: right center;background-size:auto 100%;padding:3px;padding-right:20px;} 
.news-list .tile .desc {display:-webkit-box;-webkit-line-clamp: 4;overflow:hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.news-list .tile .title {position:relative;margin-bottom:20px;font-weight:800;font-size:20px;text-transform: uppercase;display:-webkit-box;-webkit-line-clamp: 2;overflow:hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}

.qanda .qanda-title {font-size:60px;margin-bottom:20px;color:#003343;font-weight:800;text-shadow:-1px -1px 0 #ffad00,1px -1px 0 #ffad00,-1px 1px 0 #ffad00,1px 1px 0 #ffad00;}
.qanda .strapline {font-size:26px;font-weight:500;margin-bottom:30px;}
.qanda .button {border:1px solid #ffad00;color:inherit;text-decoration: none;padding:6px 40px;display:inline-block;font-size:14px;font-weight:700;transition:background-color .25s ease;}
.qanda .button:hover {background-color:#ffad00;}
.qanda .glider-dots button.glider-dot {border-radius:0;background-color:transparent;border:1px solid #FFF;transform:scale(1);transition:transform .25s ease-in-out;}
.qanda .glider-dots button.glider-dot.active {background-color:#FFF;transform:scale(1.25);}
.qanda .quote {text-align: center;font-weight:500;padding:0px 20px;}
.qanda .slider-container {padding-top:50px;padding-bottom:20px;position:relative;}
.qanda .slider-container::before {top:0;left:0;background-image:url('../buildgfx/quote-start.svg');}
.qanda .slider-container::after {right:0;bottom:0;background-image:url('../buildgfx/quote-end.svg');}
.qanda .slider-container::before, .qanda .slider-container::after {content:'';display:block;height:50px;width:50px;position:absolute;background-position: center;background-repeat: no-repeat;background-size:contain;}

.abourresearch {padding:20px 0px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:20px}
.abourresearch .button {position: relative;border:1px solid #ffad00;color:inherit;text-decoration: none;padding:46px 40px;display:inline-block;font-size:18px;font-weight:700;transition:background-color .25s ease;}
.abourresearch .button:hover {background-color:#ffad00;}
.abourresearch .button .text{filter: invert(0);text-align: center;}
.abourresearch .button:hover .text{filter: invert(1);}
.abourresearch .button .text::before{content: '';display: block;height: 80px;width: 80px;margin: auto;margin-bottom: 10px;position: relative;background-image: url('../buildgfx/pdf.svg');background-repeat: no-repeat;background-position: center;background-size: contain;}
.abourresearch .button:hover .text::before{filter: brightness(0);}


.profiles {display:grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows: 1fr;gap:20px;}
.profiles .tile {text-decoration: none;color:inherit;background-color:#FFF;transition:transform .25s ease;transform:scale(1);position:relative;}
.profiles .tile:hover {transform:scale(1.05);}
.profiles .image {margin-bottom:10px;}
.profiles .name {font-weight:700;font-size:20px;}
.profiles .desc {margin-bottom:50px;font-weight:500;font-size:14px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;overflow:hidden;}
.profiles .tile::after {content:'view profile';display:block;position:absolute;bottom:20px;right:0px;color:#f49617;font-size:12px;font-weight:500;background-image:url('../buildgfx/arrow.svg');background-repeat: no-repeat;background-position: right center;background-size:auto 100%;padding:3px;padding-right:20px;}
.profiles .double-tile {display:flex;flex-direction: row;align-items: center;justify-content: center;grid-column: span 2;background-image:url('../buildgfx/arrow.svg');background-size:auto 110%;background-repeat: no-repeat;background-position: right center;}
.profiles .double-tile .text {font-weight:700;font-size:30px;text-transform:uppercase;padding:20px;}

.half-panel {display:flex;flex-direction: row;justify-content: center;align-items: center;gap:20px;}
.half-panel .half {width:50%;position:relative;}
.half-panel .half.arrow::before {content:'';display:block;right:-140px;position:absolute;z-index:-1;background-image:url('../buildgfx/arrow.svg');background-repeat: no-repeat;background-size:contain;height:100%;width:100%;}
.half-panel .half .image {margin:120px 0px;}

.orange-image-panel {display:flex;flex-direction: row;flex-wrap: nowrap;gap:20px;justify-content: center;align-items: center;}
.orange-image-panel .image {max-width:500px;}

.profile-text p:first-child {padding-left:20px;border-left:5px solid #f49617;padding-top:5px;padding-bottom:5px;}
.profile-text {font-weight:400;line-height:22px;}

.page-top-panel {display:grid;grid-template-columns:40% 1fr; gap:20px;}
.page-top-panel .half {width:100%;display:flex;flex-direction: column;justify-content: center;position:relative;}
.page-top-panel .half:first-child {z-index:1;}
.page-top-panel .name {font-weight:800;font-size:35px;text-transform: uppercase;line-height:40px;}
.page-top-panel .quick-text {font-size:22px;}
.page-top-panel .half:last-child::before {content:'';display:block;height:80%;opacity:0.9;width:100%;position:absolute;top:0;bottom:0;margin:auto;left:-43%;background-repeat: no-repeat;background-position: center; background-size:auto 100%;background-image:url('../buildgfx/arrow.svg');}

.profile-images {display:flex;flex-direction: row;flex-wrap: nowrap;gap:30px;}

.joincont {display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;align-items: center;}
.joincont div{grid-column:span 3}
.joincont button{position: relative; text-decoration:none;background-color:transparent; color:#000; font-size: 20px;  font-weight: 700;border:2px solid #f49617;display:block;height:100%;width:100%;text-align: center;vertical-align: middle;line-height: 90px;transform: scale(1.00);transition: transform .25s ease;}
.joincont button:hover {transform: scale(1.05);cursor:pointer;}
.joincont button::after {content: ''; display: block; position: absolute; right: 20px; color: #f49617; background-image: url(https://farmstockfutures.uk/workspace/buildgfx/arrow.svg); background-repeat: no-repeat; background-position: right center; background-size: contain; width: 20px; height: 100%; top: 0px;}

.contactform{visibility:hidden;opacity:0;}
.contactform.active{visibility:visible;opacity:1;transition:all .25s ease-in-out;}
.contactform {width:960px;padding:40px 20px 60px;max-width:100%; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%);z-index:10;border:2px solid #f49617; background-color:#fff}
.contactform .ftitle{font-size: 28px;font-weight: 800;text-transform: uppercase;margin-bottom:40px;}
.contactform .cols{display:grid;gap:20px; grid-template-columns: 1fr 1fr;width:100%;}
.contactform .cols .col input {width:100%; padding: 10px 8px; border: 2px solid #000; border-radius:10px; margin-bottom:20px;font-weight:600;}
.contactform .cols .col textarea {height:100px;resize:vertical;width:100%; padding: 10px 8px; border: 2px solid #000; border-radius:10px; margin-bottom:20px;font-weight:600;}
.contactform .cols .col input[type="submit"] {font-weight:900;text-transform:uppercase;max-width:200px;border:#f49617;background-color:#f49617;color:#000;transform:scale(1.00);transition:all .25s ease-in-out;}
.contactform .cols .col input[type="submit"]:hover {cursor: pointer;transform:scale(1.05);}
.contactform .input-row.as-field{display:none !important}
.contactform .cf-close{position:relative; display:block;padding-right:25px;background-color:transparent;border:unset; color: #f49617;font-size:20px;float: right;margin-right: 20px}
.contactform .cf-close:hover{cursor:pointer;}
.contactform .cf-close::after {content: '';display: block;position: absolute;bottom: 0px;right: -0px;padding:10px 15px 15px 5px;color: #f49617;	background-image: url(https://farmstockfutures.uk/workspace/buildgfx/arrow.svg);background-repeat: no-repeat;background-position: right center;background-size: auto 100%;}

.row > .contents.lrg-pad.contactpage {display: flex;gap:40px;padding:100px 20px 200px;}
.contactpage .pagetext{width: 50%;}
.contactpage form {width: 50%;display: block;}
.contactpage form .ftitle{font-size: 28px;font-weight: 800;text-transform: uppercase;margin-bottom:40px;}
.contactpage form .cols{display:grid;gap:0px; grid-template-columns: 1fr;width:100%;}
.contactpage form .cols .col input {width:100%; padding: 10px 8px; border: 2px solid #000; border-radius:10px; margin-bottom:20px;font-weight:600;}
.contactpage form .cols .col textarea {height:100px;resize:vertical;width:100%; padding: 10px 8px; border: 2px solid #000; border-radius:10px; margin-bottom:20px;font-weight:600;}
.contactpage form .cols .col input[type="submit"] {font-weight:900;text-transform:uppercase;max-width:200px;border:#f49617;background-color:#f49617;color:#000;transform:scale(1.00);transition:all .25s ease-in-out;}
.contactpage form .cols .col input[type="submit"]:hover {cursor: pointer;transform:scale(1.05);}
.contactpage form .input-row.as-field{display:none !important}
.contactpage form .cf-close{position:relative; display:block;padding-right:25px;background-color:transparent;border:unset; color: #f49617;font-size:20px;float: right;margin-right: 20px}
.contactpage form .cf-close:hover{cursor:pointer;}
.contactpage form .cf-close::after {content: '';display: block;position: absolute;bottom: 0px;right: -0px;padding:10px 15px 15px 5px;color: #f49617;	background-image: url(https://farmstockfutures.uk/workspace/buildgfx/arrow.svg);background-repeat: no-repeat;background-position: right center;background-size: auto 100%;}



footer {display:block;font-size:14px;background-color:#494747;color:#FFF;background-size:auto calc(150% + 20px);background-repeat: no-repeat;background-position:calc(100% + 210px) calc(50% + 100px);background-image:url('../buildgfx/arrow.svg');}
footer .line {height:2px;width:100%;background-color:#c4c4c4;margin-top:20px;}
footer .copyright {text-align: center;font-size:14px;padding-top:20px;}
footer .cols {display:flex;flex-direction: row;gap:20px;}
footer .cols .col {width:100%;}
footer .heading {font-weight:700;margin-bottom:20px;font-size:18px;}
footer a {color:inherit;text-decoration: none;}
footer a:hover {text-decoration: underline;}
footer .footer-nav {list-style: none;padding:0;margin:0;}
footer .footer-nav li {margin-bottom:12px;}
footer .contact-line {margin-bottom:20px;}
footer .logos {padding-top:20px;}
footer .logos .logo {width:70px;display: inline-block;vertical-align: top;margin-right: 20px;}
footer .socials {padding-top:20px;}
footer .socials a {width:30px;display:inline-block;margin-left:2px;}
footer .socials a:hover {filter:invert(19%) sepia(57%) saturate(4695%) hue-rotate(351deg) brightness(99%) contrast(93%);}
footer form input {display:block;width:100%;}
footer form input[type="email"] {border:0;height:35px;padding-left:10px;margin-bottom:20px;}
footer form input[type="submit"] {height:30px;border:1px solid #FFF;background-color:transparent;color:#FFF;transition:border .25s ease, color .25s ease;}
footer form input[type="submit"]:hover {border:1px solid #f49617;color:#f49617;cursor: pointer;}
footer .input-row.as-field {display: none !important;}

.videos-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-bottom:60px;}
.videos-grid .large-video-tile {grid-column:span 2;order:-1;}
.videos-grid .large-video-tile a {margin-bottom:0;}
.videos-grid .large-video-tile .text-details {display:none;}
.videos-grid img {display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;margin:auto;object-fit:cover;}
.videos-grid a {display:block;border-radius:15px;overflow:hidden;aspect-ratio:11/7;position:relative;margin-bottom:15px;}
.videos-grid .text-tile {display:flex;flex-direction:column;justify-content:center;}
.videos-grid .text-tile .title {font-size:66px;font-weight:600;line-height:110%;margin-bottom:20px;}
.videos-grid .text-tile .sub-title {font-size:18px;font-weight:600;margin-bottom:30px;}
.videos-grid .summary {color:#707070;font-size:14px;}
.videos-grid .name {margin-top:10px;}

.page-top-panel .button-container a.button {display:inline-block;border: 1px solid #003343;background-color: transparent;padding: 14px 40px;margin-top: 20px;text-decoration: none;font-weight: 500;font-size: 14px;}

.mobile-navigation{position:absolute;color:#FFF;transition:width .25s ease-in-out;z-index:99;top:0;right:0;bottom:0;height:100%;width:0;z-index:100;overflow:hidden;display:block;background-color:rgba(244,150,23,0.9);}
.mobile-navigation.active{width:320px;}
.mobile-navigation > .container {padding:20px;width:320px;}
.mobile-navigation ul{list-style:none;margin:0;padding:0px;}
.mobile-navigation ul ul{padding-left:10px;padding-bottom:2px;padding-top:0;}
.mobile-navigation li{display:block;}
/* .mobile-navigation li a:hover, .mobile-navigation .menu-trigger:hover {padding-left:10px;color:#123b64;} */
.mobile-navigation a,.mobile-navigation .nav-a, .mobile-navigation .menu-trigger{text-decoration:none;display:block;color:inherit;font-weight:bold;font-size:18px; padding:15px 0px;border-bottom:1px solid #e8e8e8;transition: padding-left .25s ease-in-out;}
.mobile-navigation .menu-trigger {position:relative;}
.mobile-navigation .menu-trigger::after {content:'';display:block;right:10px;top:0;margin:auto;bottom:0;width:15px;height:20px;position:absolute;background-image:url('../buildgfx/arrowDown.svg');background-position: center;background-size:contain;background-repeat:no-repeat;}
.mobile-navigation .sub-menu.dropdown {padding-left:20px;display:none;}
.mobile-navigation .sub-menu.dropdown.active {display:block;}

.mobile-navigation .sub-menu {padding-left: 20px;padding-top: 5px;}
.mobile-navigation .sub-menu a {border-bottom: 0px;position: relative;padding-left: 20px;}
.mobile-navigation .sub-menu a::before {
    /* content: '_';
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    background-image: url('../buildgfx/w-arrow.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    padding: 3px;
        padding-left: 3px;
    padding-left: 20px; */
    content: url('../buildgfx/w-arrow.svg');
    height: 18px;
    width: 12px;
    position: absolute;
    left: 00px;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width:1170px)
{
    header .navigation {font-size:14px;}
    header .navigation a {margin-right:10px;}
    header .navigation .nav-a {margin-right:10px;}
}

@media screen and (max-width:1040px)
{
    header .navigation {display:none;}
    header .sign-in {display:none;}
    header .mobile-nav-button {display:inline-block;}
    header .content {justify-content: space-between;}
}

@media screen and (max-width:1000px)
{
    .home-news {grid-template-columns: repeat(2, 1fr);}
    .home-news .tile:nth-child(2n - 1) {grid-column: unset;flex-direction: column;}
    .home-news .tile:nth-child(2n - 1) .image {height:50%;width:100%;}
    .home-news .tile:nth-child(2n - 1) .contents {width:100%;height:unset;}
    .home-news .tile:nth-child(2n - 1) .image .title {display:-webkit-box;position:absolute;bottom:0;left:0;right:0;width:calc(100% - 40px);margin:20px;color:#FFF;z-index:2;}
    .home-news .tile .contents .title {display:none;} 
    .home-news .tile .image::after {display:block;content:'';position:absolute;z-index:1;height:100%;width:100%;top:0;left:0;right:0;bottom:0;background-color:#000;opacity: 0.2;}
    .home-news .tile .desc {-webkit-line-clamp: 5;}
    
    .videos-grid {grid-template-columns:1fr 1fr;}
    .videos-grid .large-video-tile {order:unset;grid-column:unset;}
    .videos-grid .text-tile {grid-column:span 2;}
    .videos-grid .text-tile .text-details {display:none;}
    .videos-grid .large-video-tile .text-details {display:block;}
    .videos-grid .large-video-tile a {margin-bottom:15px;}
}

@media screen and (max-width:950px)
{
    .header-image .text-layer {bottom:0;font-size:40px;line-height:50px;height:130px;}
}

@media screen and (max-width:900px)
{
    .profiles {grid-template-columns: repeat(3, 1fr);}
    .joincont {grid-template-columns: repeat(3, 1fr);}
    .joincont div{grid-column:span 2}
}

@media screen and (max-width:820px)
{
    .home-tiles a:nth-child(2) {order:-2;}
    .home-tiles a:nth-child(3) {order:-1;}
    .home-tiles a {width:calc((100% - 20px) / 2);}
    .home-tiles a:first-child {width:100%;}
    .home-tiles::before{z-index: -1;}
}

@media screen and (max-width:800px)
{
    .half-panel {flex-wrap:wrap;}
    .half-panel .half {width:100%;}
    .half-panel.second-top .half:nth-child(2) {order:-1;}
    .qanda .half-panel .half:first-child {text-align: center;}
    .half-panel .half .image {max-width:500px;margin:auto;margin-top:40px;margin-bottom:40px;}
    .half-panel .half.arrow::before {right:unset;background-position: right center;max-width:500px;left:0;right:-100px;margin:auto;}

    .page-top-panel {grid-template-columns:1fr;}
    .page-top-panel .half:nth-child(2) {order:-1;max-width:500px;margin:auto;}
    .page-top-panel .half {width:100%;align-items:center;}

    main > .row:first-child .contents {padding-top:0 !important;}
    
    .videos-grid .text-tile .title {font-size:40px;}
}

@media screen and (max-width:750px)
{
    footer .copyright span:nth-child(4) {display:none;}
    footer .copyright span:last-child {display:block;margin-top:20px;}
}

@media screen and (max-width:700px)
{
    .header-image {min-height:500px;height:100vh;position:relative;padding-bottom:0;}
    .header-image picture {display:block;position:absolute;top:0;bottom:0;width:100%;right:0;left:0;height:100%;margin:auto;overflow:hidden;}
    .header-image picture img {display:block;object-fit:cover;position:absolute;top:0;bottom:0;height:100%;min-width:calc(100% + 230px);margin:auto;max-width:unset;left:-100px;}
    .header-image .arrow-layer {background-position:-120px 50%;}
    .header-image .text-layer {font-size:60px;line-height:60px;left:0;right:0;height:185px;}
    .header-image .text-layer::after {content:'The Future Of Farming Is You';}

    .profiles {grid-template-columns: repeat(2, 1fr);}

    .profile-images {gap:20px;}
}

@media screen and (max-width:650px)
{
    .home-news {grid-template-columns: 1fr;}
    .news-list {grid-template-columns: 1fr;}
}

@media screen and (max-width:640px)
{
    .home-tiles a .title {font-size:18px;}
    .videos-grid {grid-template-columns:1fr;}
    .videos-grid .text-tile {grid-column:auto;}
    
}

@media screen and (max-width:620px)
{
    footer .cols {flex-wrap: wrap;}
    footer .cols .col {width:calc(50% - 10px);}
}

@media screen and (max-width:550px)
{
    .joincont {grid-template-columns: repeat(1, 1fr);padding:40px 0px}
    .joincont div{grid-column:span 1;order:0}
    .joincont button{order:1}

    .contactform .cols{grid-template-columns: 1fr;gap:0px}
    .contactform .cf-close{float:unset;margin-left:auto;margin-bottom:20px;}
}

@media screen and (max-width:520px)
{
    .header-image .text-layer {width:400px;height:245px;}
}

@media screen and (max-width:500px)
{
    h1 {font-size:16px;}
    .page-text.large {font-size:16px;line-height:22px;}
    .row > .contents.lrg-pad {padding:20px 20px;}
    .profiles .name {font-size:16px;}
    .profiles .desc {font-size:12px;}
    .page-top-panel .name {font-size:30px;line-height:30px;}
    .page-top-panel .quick-text {font-size:18px;}
    
    .profile-images {flex-wrap: wrap;}
    .profile-images .image {width:100%;}

    .orange-image-panel {flex-wrap: wrap;}
    .orange-image-panel .image {width:100%;}
}

@media screen and (max-width:480px)
{
    footer .cols .col:nth-child(3) {width:100%;}
    .home-tiles a {width:100%;}
    .home-tiles a:first-child .square {padding-bottom:100%;}

    footer .footer-nav li{padding: 14px;font-size: 16px;}
    .glider-dots {display:none!important;}
    .quoteSlider{margin-bottom: 60px;}
}

@media screen and (max-width:460px)
{
    footer .copyright span:first-child {display:block;}
    footer .copyright .sep {display:none;}
    footer .copyright a:nth-child(3) {margin-top:20px;display:block;}
}

@media screen and (max-width:450px)
{
    .header-image .text-layer {width:250px;font-size:40px;line-height:40px;height:165px;}
}

@media screen and (max-width:360px)
{
    footer .cols .col {width:100%;}
    footer {text-align: center;}
    footer .logos {text-align: center;}
    footer .logos .logo {display:inline-block;}
}
@supports (-webkit-text-stroke: 1px black) {
    /* .qanda .qanda-title {color:#003343;;text-shadow:-1px -1px 0 #ffad00,1px -1px 0 #ffad00,-1px 1px 0 #ffad00,1px 1px 0 #ffad00;} */
    .qanda .qanda-title {color:#003343;text-shadow:none;-webkit-text-stroke: 1px #ffad00;-webkit-text-fill-color: #003343;}
  }