/* COOK'S FARM DAIRY
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

/* THEME*/
:root {
    --color-minggreen:#099E6A;
    --color-doublecream:#fbe2a9;
    --color-jetset:#010101;
    --color-irongate:#545859;
    --color-brightwhite:#FFFFFF;
    --color-six:#c4b735;
    --color-seven:#ae3fab;
    --color-gradient-primary: linear-gradient(180deg, rgba(33,35,34,1) 0%, rgba(33,35,34,0) 100%);
      --color-gradient-secondary: linear-gradient(180deg, rgba(33,35,34,1) 0%, rgba(36,158,107,1) 100%);
    --boxshadow-sm: 3px 3px 3px 0px rgb(33, 35, 34 / 50%);
    --boxshadow-md: 3px 3px 3px 0px rgb(33, 35, 34 / 50%);
    --boxshadow-lg: 0px 10px 15px 2px rgba(33,35,34,0.5);
    --boxshadow-green: 1px 1px 2px 3px rgba(9,158,106,0);
    --boxshadow-btn-focus: 0 0 0 3px rgb(35 158 107 / 50%);
    --font-family: minion-pro, serif;
    --font-title: lemongrass-script, sans-serif;
    --font-subtitle: copperplate, serif;
    --font-body: minion-pro, serif;
    --body-font-size-xxs: 14px;
    --body-font-size-xs: 18px;
    --body-font-size-sm: 22px;
    --body-font-size-md: 36px;
    --body-font-size-lg: 44px;
    --body-font-size-xl: 64px;   
    --body-font-weight-normal: 400;
    --body-font-weight-semibold: 600;
    --body-font-weight-bold: 700;
    --body-line-height-xs: .75;
    --body-line-height-sm: 1.0;
    --body-line-height-md: 1.25;    
    --body-line-height-lg: 1.5;
    --body-line-height-xl: 2.0;
    --letterspacing-sm: 0px;
    --letterspacing-md: 1px;
    --letterspacing-lg: 3px;       
    --body-text-align: left;
    --underline-color: var(--color-minggreen);
    --border-weight-sm: 2px;
    --border-weight-md: 3px;
    --border-weight-lg: 4px;
    --border-radius-sm: 0px;
    --border-radius-md: 10px;
    --border-radius-lg: 20px;
    --padding-xxs: 2px;
    --padding-xs: 4px;
    --padding-sm: 10px;
    --padding-md: 20px;
    --padding-lg: 5vw;
    --padding-xl: 10vw;
    --width-10: 10%;
    --width-20:20%;
    --width-25: 25%;
    --width-50: 50%;
 }

html {
  font-size: 18px;
}

body, .dnngo-main, #dnn_content, #Body, html, .Head, .SubTitle, .SubSubTitle, .Normal {
  font-family: var(--font-body);
  font-size: var(--body-font-size-xxs);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--color-jetset);
  text-align: var(--body-text-align);
  margin: 0px;
}

 h1 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-bold);
  line-height: var(--body-line-height-sm);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-lg);
  color: var(--color-jetset);
  text-shadow: var(--boxshadow-sm);
  /*-webkit-text-stroke: 1px var(--color-minggreen);*/
  text-transform: capitalize;
  font-style: normal;
 }

 h2 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-bold);
  line-height: var(--body-line-height-sm);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-md);
  color: var(--color-jetset);
  text-shadow: var(--boxshadow-sm);
  text-transform: uppercase;
  font-style: normal;
 }

 h3 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-bold);
  line-height: var(--body-line-height-sm);
  letter-spacing: var(--letterspacing-lg);
  font-size: var(--body-font-size-sm);
  color: var(--color-jetset);
  text-shadow: var(--boxshadow-sm);
  text-transform: uppercase;
  font-style: normal;
 }

 h4 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-bold);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-lg);
  font-size: var(--body-font-size-sm);
  color: var(--color-jetset);
  text-shadow: var(--boxshadow-sm);
  text-transform: uppercase;
  font-style: normal;
 }

 h5 {
  font-family: var(--font-subtitle);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-sm);
  font-size: var(--body-font-size-sm);
  color: var(--color-jetset);
  text-shadow: var(--boxshadow-sm);
  text-transform: uppercase;
  font-style: normal;
 }

 h6 {
  font-family: var(--font-body);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-md);
  font-size: var(--body-font-size-sm);
  color: var(--color-irongate);
  text-shadow: var(--boxshadow-sm);
  text-transform: capitalize;
  font-style: italic;
 }

p, ul li {
  font-family: var(--font-body);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-md);
  font-size: var(--body-font-size-xs);
  color: var(--color-jetset);
  text-shadow: var(--boxshadow-sm);
  text-transform: none;
  font-style: normal;
 }

 ul {
  font-family: var(--font-body);
  font-weight: var(--body-font-weight-normal);
  line-height: var(--body-line-height-lg);
  letter-spacing: var(--letterspacing-md);
  font-size: var(--body-font-size-xd);
  color: var(--color-jetset);
  font-style: normal;
  list-style: none;
 }

a, a:link, a:active, a:visited {
  color: var(--color-jetset);
  text-decoration: none;
 }


 a:hover {
  text-decoration: underline;
  text-underline-offset: var(--padding-xs);
  }

/* VIDEOS*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* BUTTONS*/

.button_cta {
   padding-top: var(--padding-sm);
}

.btn, li.from-footer > div.form_submit > input.submit_but, .eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton {
  display: inline-block;
  font-family: var(--font-body);
  font-weight: var(--body-font-weight-semibold);
  font-style: italic;
  text-transform: capitalize;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: var(--border-weight-md) solid transparent;
  padding: .75rem 1.0rem;
  font-size: var(--body-font-size-xs);
  line-height: var(--body-line-height-md);
  border-radius: var(--border-radius-sm);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  /*box-shadow: var(--boxshadow-lg);*/
  background-image: none;
  text-shadow: none;
}

.btn:focus, .btn:hover {
  text-decoration: none;
}

.btn-primary, li.from-footer > div.form_submit > input.submit_but, .eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton {
  color: var(--color-brightwhite);
  background-color: var(--color-minggreen);
  border-color: var(--color-minggreen);
}

.btn-primary:hover, li.from-footer > div.form_submit > input.submit_but:hover, .eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton:hover  {
    background-color: var(--color-jetset);
    border-color: var(--color-minggreen);
    color: var(--color-brightwhite);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: var(--color-brightwhite);
    background-color: var(--color-jetset);
    border-color: var(--color-minggreen);
}

.btn-primary.focus, .btn-primary:focus {
  box-shadow: var(--boxshadow-btn-focus);
}

a.btn.btn-primary {
    color: var(--color-brightwhite);
}

.btn-secondary {
  color: var(--color-minggreen);
  background-color: var(--color-brightwhite);
  border-color: var(--color-minggreen);
}

a.btn.btn-secondary {
    color: var(--color-minggreen);
}

a.btn.btn-secondary:hover {
  color: var(--color-brightwhite);
  background-color: var(--color-jetset);
  border-color: var(--color-minggreen);
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
  color: var(--color-brightwhite);
  background-color: var(--color-jetset);
  border-color: var(--color-minggreen);
}

.btn-secondary.focus, .btn-secondary:focus {
  box-shadow: var(--boxshadow-btn-focus);
}

/*GRIDS*/

.onexone, .promo, .bluesky, .home.visit, .home.farmshop, .about.history, .pagenotfound, .about.commitment, .hero.locate, .colossians.about, #cccc-newsevents-calendar {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 0px;
  grid-template-areas: "cell1";
  }
  
  .promo > .full, .bluesky > .full, .home.visit > .full, .home.farmshop > .full, .about.history > .full, .pagenotfound > .full, .about.commitment > .full, .hero.locate > .full, .colossians.about > .full, #cccc-newsevents-calendar > .full { grid-area: 1 / 1 / 2 / 2; }
  .promo > .cell1, .bluesky > .cell1, .home.visit > .cell1, .home.farmshop > .cell1, .about.history > .cell1, .pagenotfound > .cell1, .about.commitment > .cell1, .hero.locate > .cell1, .colossians.about > .cell1, #cccc-newsevents-calendar > .cell1 { grid-area: cell1;}

.onextwo, .hero, .wheretobuy, .newsletter, .home.icecream, .home.milk, .contact, .thankyou, .visit.map {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 0;
  grid-template-areas: "cell1"
                       "cell2";
  }
    
  .hero > .full, .wheretobuy > .full, .newsletter > .full, .home.icecream > .full, .home.milk > .full, .contact > .full, .thankyou > .full, .visit.map > .full { grid-area: 1 / 1 / 3 / 2; }
  .hero > .cell1, .wheretobuy > .cell1, .newsletter > .cell1, .home.icecream > .cell1, .home.milk > .cell1, .contact > .cell1, .thankyou > .cell1, .visit.map > .cell1 { grid-area: cell1; }
  .hero > .cell2, .wheretobuy > .cell2, .newsletter > .cell2, .home.icecream > .cell2, .home.milk > .cell2, .contact > .cell2, .thankyou > .cell2, .visit.map > .cell2 { grid-area: cell2; }

.onexthree, .home.visit.highlights, .socialmedia, .newsletter {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: var(--padding-sm);
    grid-template-areas: "cell1"
                         "cell2"
                         "cell3";
  }
      
  .home.visit.highlights > .full, .socialmedia > .full, .newsletter > .full { grid-area: 1 / 1 / 4 / 2; }
  .home.visit.highlights > .cell1, .socialmedia > .cell1, .newsletter > .cell1 { grid-area: cell1; }
  .home.visit.highlights > .cell2, .socialmedia > .cell2, .newsletter > .cell2 { grid-area: cell2; }
  .home.visit.highlights > .cell3, .socialmedia > .cell3, .newsletter > .cell3 { grid-area: cell3; } 

.onexfive, .about.farmtotable {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: var(--padding-sm);
  grid-template-areas: "cell1"
                       "cell2"
                       "cell3"
                       "cell4"
                       "cell5";
  }
      
.about.farmtotable > .full { grid-area: 1 / 1 / 6 / 2; }
.about.farmtotable > .cell1 { grid-area: cell1; }
.about.farmtotable > .cell2 { grid-area: cell2; }
.about.farmtotable > .cell3 { grid-area: cell3; }
.about.farmtotable > .cell4 { grid-area: cell4; }
.about.farmtotable > .cell5 { grid-area: cell5; }


  .threexthree, .visit.animals, .visit.tour, .visit.fall, .visit.xmas, .farmshop {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: var(--padding-sm);
     grid-column-gap: var(--padding-sm);
    grid-template-areas: "cell1 cell1 cell1"
                         "cell3 cell4 cell5"
                         "cell6 cell6 cell6";
    }
          
    .visit.animals > .full,  .visit.tour > .full, .visit.fall > .full, .visit.xmas > .full, .products.farmshop > .full { grid-area: 1 / 1 / 4 / 4; }
    .visit.animals > .cell1, .visit.animals > .cell2, .visit.tour > .cell1, .visit.tour > .cell2, .products.farmshop > .cell1,  .visit.fall > .cell2, .visit.xmas > .cell2, .visit.fall > .cell1, .visit.xmas > .cell1, .products.farmshop > .cell2 { grid-area: cell1; }
    .visit.animals > .cell3, .visit.tour > .cell3, .visit.fall> .cell3, .visit.xmas > .cell3, .products.farmshop > .cell3 { grid-area: cell3; }
    .visit.animals > .cell4, .visit.tour > .cell4, .visit.fall > .cell4, .visit.xmas > .cell4, .products.farmshop > .cell4 { grid-area: cell4; } 
    .visit.animals > .cell5, .visit.tour > .cell5, .visit.fall > .cell5, .visit.xmas > .cell5, .products.farmshop > .cell5 { grid-area: cell5; }
    .visit.animals > .cell6, .visit.tour > .cell6, .visit.fall > .cell6, .visit.xmas > .cell6, .products.farmshop > .cell6 { grid-area: cell6; }

.fivexone, .menu.bottom {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: var(--padding-sm);
  grid-template-areas: "cell1 cell2 cell3 cell4 cell5";
    }
        
    .menu.bottom > .full { grid-area: 1 / 1 / 2 / 6; }
    .menu.bottom > .cell1 { grid-area: cell1; }
    .menu.bottom > .cell2 { grid-area: cell2; }
    .menu.bottom > .cell3 { grid-area: cell3; }
    .menu.bottom > .cell4 { grid-area: cell4; }
    .menu.bottom > .cell5 { grid-area: cell5; }

/* PROMO BAR*/

.promo {
    position: relative;
    z-index: 1001;
    width: 100%;
}
.promo > .bkgd.full {
background-color: var(--color-jetset);
}

.promo > .cell1 {
    place-self: center;
    }

.promo > .cell1.content > p {
    color: var(--color-brightwhite);
    text-align: center;
    font-size: var(--body-font-size-xxs);
    padding: 10px 5vw 5px;
    text-transform: capitalize;
    }

    .promo > .cell1.content > p > a, .home > .content > p > a {
        color: var(--color-brightwhite);
        text-decoration: underline;
        text-underline-offset: 2px;
    }

/*BLUE SKY*/

.BannerPane > div > div > div > div > div > .bluesky {
    margin-top: -100px;
}

.home.bluesky {
    /*margin-top: -156px;*/
    position: absolute;
    top: 0;
    width: 100%;
}

.bluesky > .full.bkgd, .footer > .bluesky {
    background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(120,198,239,1) 100%);
    height: 40vh;
    position: relative;
    z-index: 0;
  }  

.bluesky > .full.overlay, .footer > .full.overlay {
background-image: url(/Portals/12/Images/Clouds%20in%20Sky-04-01.svg);
background-size: cover;
    height: 100vh;
    position: relative;
    z-index: 2;
    display: none;
  } 

  @-webkit-keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

@-moz-keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

@keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

.bluesky > .full.overlay, .footer > .full.overlay {
	-webkit-animation: animateCloud 35s linear infinite;
	-moz-animation: animateCloud 35s linear infinite;
	animation: animateCloud 35s linear infinite;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

/*HEADER MENU*/

.header_bg {
    padding-top: 0px;
}

#dnngo_megamenu > div > ul > li > a > span {
    color: var(--color-jetset);
}

#dnngo_megamenu > div > ul > li:hover > a > span, #dnngo_megamenu > div > ul > li.current > a > span, #dnngo_megamenu > div > ul > li.menu_hover > a > span, #dnngo_megamenu > div > ul > li > a:hover > span > i, #dnngo_megamenu > div > ul > li.menu_hover > a > span > i, #dnngo_megamenu > div > ul > li.current > a > span > i {
    color: var(--color-jetset);
}

#dnngo_megamenu > div > ul > li > a > span:before {
    content: "";
    border-bottom: 3px solid var(--color-jetset);
}

#dnngo_megamenu > div > ul > li > a > span {
    font-size: var(--body-font-size-xs);
    font-family: var(--font-subtitle);
    text-transform: capitalize;
    font-weight: normal;
}

#dnngo_megamenu > div > ul > li.dir > a > span:after, #dnngo_megamenu > div > ul > li.dir:hover > a > span:after, #dnngo_megamenu > div > ul > li.dir.current > a > span:after, #dnngo_megamenu > div > ul > li.dir.menu_hover > a > span:after {
    border-bottom: 1px solid var(--color-jetset);
    border-right: 1px solid var(--color-jetset);
}

.roll_menu.roll_activated #dnngo_megamenu > div > ul > li.dir > a > span:after {
    border-bottom: 2px solid var(--color-brightwhite);
    border-right: 2px solid var(--color-brightwhite);
}

.mobile_nav > .shade {
    background-color: var(--color-brightwhite);
    filter: alpha(opacity= 100 );
    opacity: 0;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
}

.roll_menu.roll_activated .headerBox > .shade, .roll_menu.roll_activated .headerbottomBox > .shade {
    background-color: var(--color-jetset);
    filter: alpha(opacity= 100 );
    opacity: 100;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
}

.mobile_header, .mobile_dnn_logo, .mobile_nav {
    height: 100px;
    /*margin-bottom: -100px;
    padding: 10px 10px 10px 0px;*/
}

#header7 .primary_structure .menulogo {
    padding: 5px 0px;
}

.mobile_dnn_logo {
    padding: 5px 10px 5px 0px;
}

.mobile_left_icon #ico_search, .mobile_right_icon a:before {
    line-height: 1;
    width: 24px;
    height: 24px;
    font-size: 24px;
    font-family: 'dnngo' !important;
}

.mobile_left_icon {
    margin-right: 24px;
    right: 24px;
}

.mobile_left_icon .fa, .mobile_right_icon a {
    border-color: var(--color-jetset);
    color: var(--color-jetset);
}

.mm-title {
    font-family: var(--font-title);
    font-size: var(--body-font-size-md);
}

div.cc-color-override-688238583.cc-window {
    color: var(--color-brightwhite);
    background-color: var(--color-jetset);
}

.mobile_menu.mm-menu {
    background-color: var(--color-jetset);
}

.mobile_menu, .mobile_menu .Normal, .HeaderPane_mobile, .HeaderPaneB_mobile, .mobile_menu .Header_Info, .mm-menu .mm-navbar.mm-navbar-top-2 a, .mobile_menu .mm-listview > li > a, .mobile_menu .mm-listview > li > span, #mobile_user, #mobile_user a, #mobile_user a:link, #mobile_user a:active, #mobile_user a:visited {
    color: var(--color-brightwhite);
}

.mobile_menu .mm-navbar.mm-navbar-top-2 {
    background-color: var(--color-jetset);
    text-shadow: 1px 2px 2px var(--color-minggreen);
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: var(--color-minggreen);
}

.mobile_menu .mm-navbar.mm-navbar-top-2 a {
    color: var(--color-doublecream)!important;
}



.mobile_menu .mm-listview > li, .mobile_menu .mm-listview > li:after, .mobile_menu .mm-listview > li .mm-next, .mobile_menu .mm-listview > li .mm-next:before, .mobile_menu .mm-navbar.mm-navbar-top-2, .mobile_menu .menu_header, .mobile_menu .mm-navbar.mm-navbar-top.mm-navbar-top-1, #mobile_user {
    border-color: var(--color-jetset);
    font-family: var(--font-subtitle);
    font-size: var(--body-font-size-xs);
    font-weight: var(--body-font-weight-normal);
    text-transform: capitalize;
    border-left-width: 0px;
}

.mm-listview > li:not(.mm-divider):after {
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.mm-listview > li:not(.mm-divider):after {
    left: 0px;
}

.mobile_menu.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li.current > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.subcurrent > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li.current > em, .mobile_menu.mm-menu .mm-listview > li.subcurrent > em, .mobile_menu.mm-menu .mm-listview > li > em:hover, .mobile_menu.mm-menu .mm-listview > li > .mm-next:hover > em, .mobile_menu.mm-menu .mm-listview > li.current > .mm-next:after, .mobile_menu.mm-menu .mm-listview > li.subcurrent > .mm-next:after, .mobile_menu.mm-menu .mm-listview > li > .mm-next:hover:after {
    color: var(--color-brightwhite)!important;
}

.mobile_menu.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.mm-selected > span, .mobile_menu.mm-menu .mm-listview > li.current > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.subcurrent > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.current > .mm-next, .mobile_menu.mm-menu .mm-listview > li.subcurrent >.mm-next, .mobile_menu.mm-menu .mm-listview > li > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li > .mm-counter:hover + .mm-next, .mobile_menu.mm-menu .mm-listview > li > a.mm-next:hover {
    background-color: var(--color-minggreen);
}

ul.mm-listview > li > a, ul.mm-listview > li > span {
    padding: var(--padding-lg);
}

.mobile_menu.mm-menu .mm-listview > li .mm-next:after, .mobile_menu.mm-menu .mm-listview > li .mm-arrow:after {
    border-color: var(--color-brightwhite);
}

.mobile_menu.mm-menu em.mm-counter, .mobile_menu .mm-next:after {
    color: var(--color-brightwhite);
}

#dnngo_megamenu .dnngo_slide_menu, #dnngo_megamenu .dnngo_slide_menu .dnngo_submenu, #dnngo_megamenu .dnngo_boxslide {
    background-color: var(--color-minggreen);
}

#dnngo_megamenu .dnngo_menuslide .dnngo_slide_menu a:hover {
    background-color: var(--color-jetset);
}

.mobile_left_icon .fa.active, html.mm-opening.mm-opened .mobile_right_icon a {
    color: var(--color-jetset);
}

.mobile_left_icon .fa.active:before, html.mm-opening.mm-opened .mobile_right_icon a:before {
    font-size: var(--body-font-size-sm);
}

#dnngo_megamenu .dnngo_menuslide .dnngo_slide_menu a {
    font-size: 16px;
    color: var(--color-brightwhite);
    font-family: var(--font-body);
    font-style: italic;
    letter-spacing: var(--letterspacing-sm);
}

#dnngo_megamenu .dnngo_slide_menu li:hover > a, #dnngo_megamenu .dnngo_slide_menu li.subcurrent > a {
    color: var(--color-brightwhite);
    background-color: var(--color-jetset);
}

.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a > span {
    color: var(--color-brightwhite);
    vertical-align: bottom;
}

div.roll_menu.roll_activated #dnngo_megamenu > div > ul > li:hover > a > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.current > a > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.menu_hover > a > span {
    color: var(--color-minggreen);
}

.roll_menu.roll_activated #header7 #dnngo_megamenu .primary_structure {
    height: 100px!important;
}

.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a {
    line-height: 100px;
}

.roll_menu.roll_activated .dnn_logo .FixedLogoPane, .roll_menu.roll_activated .FixedLogoPane .dnn_logo {
    position: relative;
    display: inline-block;
    height: 100px;
    /* line-height: 80px; */
    padding: 10px 2px 10px 2px;
}

#dnngo_megamenuae2d069a38 > ul > li:nth-child > a:hover {
   color: var(--color-minggreen);
}

#dnngo_megamenu > div.dnngo_gomenu > ul > li > a {
    margin: 0px 20px;
}

.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a > span:before {
    border-color: var(--color-brightwhite);
    display: none;
}

.HeaderPageTitle_bg {
    margin-bottom: 0px;
}

.pagetitle_bg {
    margin: 0vw 5vw;
}

.pagetitleBox {
    background-color: transparent;
    border-radius: var(--border-radius-sm);
}

.pagetitle_bg > .shade .img {
    background-color: transparent;
}

.pagetitleBox .pagetitletoken .fa {
    font-size: 1.2em;
    display: none;
    margin: -1px 8px 0 0;
}

#PageTitle_style_3 > div.pagetitle_bg.PageTitle_h.Auto > div.pagetitleBox > div {
    padding-left: 0px;
}

.pagetitleBox .pagetitletoken, .pagetitleBox .pagetitletoken a, .pagetitleBox .pagetitletoken aLlink, .pagetitleBox .pagetitletoken a:active, .pagetitleBox .pagetitletoken a:visited {
    text-align: left;
    font-style: italic;
    Font-Size: var(--body-font-size-xs);
    text-transform: inherit;
    color: var(--color-jetset);
    Font-Family: var(--font-body);
    letter-spacing: var(--letterspacing-sm);
    Font-weight: var(--border-weight-md);
    margin-bottom: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.pagetitleBox .pagetitletoken a:hover {
    color: var(--color-minggreen);
}

.pagetitleBox .pagetitleborder {
    padding: 0vw 0 5vw;
}

/*FOOTER*/

.grecaptcha-badge {
    display: none;
}

div.fzwCLL {
    margin: 20px 0 0px;
}

div.bcOHFt {
    margin: 0 10px 80px;
}

.newsletter {
    margin: 5vw;
    display: none;
}

.newsletter > .cell1 {
    place-self: center center;
}

.newsletter > .cell1.content > img {
    width: 50vw;
}

.newsletter, .socialmedia {
    position: relative;
    z-index: 4;
}

.newsletter > div.cell3.content > div > a {
    width: 100%;
}

#rvdsfProductShowcaseCarousel_1661 {
    display: none;
}

.cfd.footer {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0;
    grid-template-areas: "logo"
                         "barncows"
                         "about"
                         "contactinfo"
                         "products"
                         "visit"
                         "social";
    text-align: center;
    }
              
    .cfd.footer > .full { grid-area: 1 / 1 / 8 / 2; }
    .cfd.footer > .logo { grid-area: logo; }
    .cfd.footer > .barncows { grid-area: barncows; }
    .cfd.footer > .about { grid-area: about; }
    .cfd.footer > .contactinfo { grid-area: contactinfo; }
    .cfd.footer > .products { grid-area: products; }
    .cfd.footer > .visit { grid-area: visit; }
    .cfd.footer > .social { grid-area: social; } 

.cfd.footer > .logo {     
    position: relative;
    z-index: 4;
    width: 121px;
    place-self: start center;
    top: 8vh;
    }

.cfd.footer > .bluesky {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(120,198,239,.5) 60%, rgba(255,255,255,1) 100%);
    height: 65vh;
    margin-top: -30vh;
    display: none;
}

.cfd.footer > .full.overlay {
    height: 100vh;
    margin-top: -80vh;
}

.cfd.footer > .barncows { 
    background-image: url(/Portals/12/Images/footer-with-blue-sky.jpg);
    aspect-ratio: 16/9;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 3;
    margin-top: -2px;
}

.cfd.footer > .ground {
    grid-area: 3 / 1 / 8 / 2; 
    background-color: var(--color-jetset);
    margin-top: -2px;
    position: relative;
    z-index: 2;
}

.cfd.footer > .about,  .cfd.footer > .contactinfo, .cfd.footer > .products, .cfd.footer > .visit, .cfd.footer > .social {
    position: relative;
    z-index: 4;
    padding: 0vw 5vw 5vw;
}

.cfd.footer > .about > h4 > a, .cfd.footer > .about > p, .cfd.footer > .about > p > a,  .cfd.footer > .contactinfo > h4 > a, .cfd.footer > .contactinfo > p, .cfd.footer > .contactinfo > p > a, .cfd.footer > .products > h4 > a, .cfd.footer > .products > p > a, .cfd.footer > .visit > h4 > a, .cfd.footer > .visit > p > a, .cfd.footer > .social > h4, .cfd.footer > .social > p {
    color: var(--color-brightwhite);
}

.cfd.footer > .social > h4 {
    display: none;
}

.fa-ice-cream:before {
    content: "\f810"!important;
}

.fa-glass:before {
    content: "\f804"!important;
}

.fa-clipboard-user:before {
    content: "\f7f3"!important;
}

.cfd.footer > .social > p > a {
    color: var(--color-brightwhite);
}

.cfd.footer > .social > p > a:hover {
    color: var(--color-minggreen);
}

[class*="Pane"] {
    margin-bottom: 0px;
}

.footer-10 .footer-bottom {
    color: var(--color-brightwhite);
    background-color: var(--color-jetset);
    font-size: var(--body-font-size-xxs);
    font-family: var(--font-body);
    font-weight: normal;
    padding: 31px 0 80px;
    font-style: italic;
    border-top: 2px solid var(--color-minggreen);
}

.website_credits {
    background-color: var(--color-jetset);
}

.website_credits > p, .website_credits > p > a {
    color: var(--color-brightwhite);
    text-align: center;
    font-size: var(--body-font-size-xxs);
    font-style: italic;
}

.footer-news li .title a:hover, .footer-news02 li .title a:hover, .footer-blogs .title a:hover, .footer-number li .number, .footer-menu03 li a:hover, .footer-news04 .title a:hover, .footer_box a:hover {
    color: var(--color-minggreen);
}

.website_credits > p > a:hover {
    color: var(--color-minggreen);
}

.website_credits > p {
    padding: 10px 5vw;
}

.menu.bottom {
  position: fixed;
  bottom: 0;
  grid-column-gap: 0;
  grid-row-gap: 0;
  z-index: 5;
 
}

.menu.bottom > .content > .btn {
  border-radius: 0px;
  padding: 1vw 0;
  box-shadow: none;
  font-family: var(--font-body);
  text-transform: lowercase;
  font-weight: var(--body-font-weight-normal);
  font-size: var(--body-font-size-xs);
  font-style: italic;
    width: 20vw;
        background-color: var(--color-jetset);
    border-color: var(--color-jetset);
}

.menu.bottom > .content > .btn > i, .menu.bottom > .content > .btn > img {
    font-size: var(--body-font-size-sm);
    padding-bottom: .25vw;
    display: block;
}

.menu.bottom> .content > a:hover {
    background-color: var(--color-minggreen);
    border-color: var(--color-minggreen);
}

.backtop01 span:before {
    content: "";
    width: 17px;
    height: 17px;
    border-top: 2px solid var(--color-jetset);
    border-left: 2px solid var(--color-jetset);
    position: absolute;
    top: -13px;
    left: -8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    opacity: 0.8;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
}

.backtop01 span:before {
    border-top-color: var(--color-jetset);
    border-left-color: var(--color-jetset);
}

#to_top {
    right: 10px!important;
    bottom: 70px!important;
}

.backtop01:hover {
    background-color: var(--color-minggreen);
    border-color: var(--color-minggreen);
}

/*STOREFRONT*/

div.rtSelected {
border: solid 2px var(--color-jetset);
}

.nav-tabs {
    border-bottom: 0px solid #ddd;
}

.rvdsf-productlist-navbar {
display: none;
}

.rvdsf-productlist-container {
    margin: 5vw 0vw 0vw;
    position: relative;
    z-index: 4;
}

.rvdsf-productlist-grid {
    padding: 0px 0px 20px;
}

.rvdsf-productlist-container.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.rvdsf-productlist-grid .rvdsf-product-container {
    padding: 0px;
    text-align: center;
    margin-bottom: 5vw;
    background-color: white;
    border-radius: var(--border-radius-sm);
    width: 100%;
}

.rvdsf-field-summary > p > a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.rvdsf-productlist-grid div.rvdsf-product-info-container {
    min-height: auto;
}

.rvdsf-productlist-container .rvdsf-field-name a {
    color: var(--color-minggreen);
    font-size: var(--body-font-size-sm);
    font-weight: bold;
    text-decoration: none;
    font-family: var(--font-subtitle);
    text-transform: uppercase;
}

.rvdsf.rvdsf-productdetail-container {
        position: relative;
    z-index: 3;
}

.rvdsf-productlist-container .rvdsf-product-gallery-container {
    height: unset;
    width: 100%;
    border: 0px;
}

.rvdsf-productdetail-container .rvdsf-product-info-container .rvdsf-label-name {
    font-size: var(--body-font-size-md);
    font-weight: 400;
    font-family: var(--font-subtitle);
}

.rvdsf-productlist-container .rvdsf-product-gallery-container > a {
    width: 100%;
}

.rvdsf-productlist-container .rvdsf-product-gallery-container img {
    max-height: none;
    width: 100%;
}

.rvdsf-productdetail-container .rvdsf-product-gallery-container {
    border: 0px;
    height: auto;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.rvdsf-productdetail-container .rvdsf-product-gallery-container img {
    max-height: none;
    width: 100%;
    box-shadow: var(--boxshadow-green);
}

.zoomPad {
    width: 100%;
    cursor: pointer!important;
}

.zoomPup {
    background-color: #FFF;
    opacity: 0;
    border: 0px!important;
    cursor: pointer!important;
}

.zoomWrapper {
    border-width: 0px!important;
    width: 100%!important;
    cursor: pointer!important;
}

#rvdsfProductDetailGalleryDisplay {
    width: 100%;
}

.zoomWrapperImage {
    width: 100%;
    height: unset!important;
}

.modal-content {
    background-color: #000000;
    border: 0px solid #ffffff;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.ekko-lightbox.modal > div > div > div.modal-header > h4, .ekko-lightbox.modal > div > div > div.modal-header > button > span, .ekko-lightbox.modal > div > div > div.modal-header > button {
    color: #ffffff;
    opacity: 1;
}

.ekko-lightbox.modal > div > div > div.modal-header > button {
    opacity: .65;
}

.modal-header {
    padding: 15px;
    border-bottom: 0px;
}

.cooksmilkusp {
    width: 100%;
    border-top: solid 1px var(--color-irongate);
    margin-top: var(--padding-md);
    padding: var(--padding-sm) 0px 0px;
}

.cooksmilkusp > h5 {
    font-family: var(--font-subtitle);
}


/* HOME - MOBILE */

.hero, .home.icecream, .home.milk {
    position: relative;
    z-index: 2;
    background-color: transparent;
    grid-template-areas: "cell2"
    "cell1";
    border-radius: 0px;
    /*border-bottom: 5px solid var(--color-minggreen);*/
    /*padding-bottom: 5vw;*/
}

#hero1 {
    margin: -15px 5vw 5vw;
        -webkit-box-shadow: var(--boxshadow-green);
-moz-box-shadow: var(--boxshadow-green);
box-shadow: var(--boxshadow-green);
}

#hero1 > .cell1 {
    grid-area: 1 / 1 / 3 / 2;
    position: relative;
    padding: 5vw 5vw 10vw 5vw;
    place-self: end center;
}

#hero1 > .cell1.content > h1, #hero3 > .cell1.content > h2, .home.icecream > .cell1.content > h2, .home.milk > .cell1.content > h2, .home.visit > .cell1.content > h2, .home.farmshop > .cell1.content > h2, .socialmedia > div.cell1.content > h2, .about.hero > .cell1.content > h1, .hero.stars > .cell1.content > h2, .about.farmtotable > .cell1.content > h2, .about.history > .cell1.content > h2, .employment.hero > .cell1.content > h2, .about.commitment > .cell1.content > h2, .visit.map > .cell1.content > h1, .visit.animals > .cell1.content > h2, .visit.fall > .cell1.content > h2, .visit.xmas > .cell1.content > h2, .visit.tour > .cell1.content > h2, .contact > .cell1.content > h1, .pagenotfound > .cell1.content > h1, .locate > .cell1.content > h1, .newsletter > .cell2.content > h2, #hayloft > div.cell1.content > h2  {
    text-align: center;
    display: block;
    /* width: 100%; */
    font-size: 25vw;
    /* margin-left: -80px; */
    text-transform: capitalize;
    color: var(--color-doublecream);
        /*text-shadow: 1px 4px 3px var(--color-minggreen);*/
    text-shadow:    -2px -1px 0 var(--color-minggreen),  
    2px -1px 0 var(--color-minggreen),
    -2px 1px 0 var(--color-minggreen),
     2px 1px 0 var(--color-minggreen);
    /*-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--color-minggreen);*/
    font-family: var(--font-title);
    font-weight: 400;
    font-style: normal;
    margin: 0 0 0 -5vw;
    line-height: .75;
    letter-spacing: 0;
}



#hero1 > .cell1.content > p, .home.visit > .cell1.content > p, .home.farmshop > .cell1.content > p {
    display: none;
}

#hero1 > .cell1.content > h5, #hero3 > .cell1.content > h5, .home.icecream > .cell1.content > h5, .home.milk > .cell1.content > h5, .home.visit > .cell1.content > h5, .home.farmshop > .cell1.content > h5, .socialmedia > .cell1.content > h5, .about.hero > .cell1.content > h5, .hero.stars > .cell1.content > h5, .about.farmtotable > .cell1.content > h5, .about.history > .cell1.content > h5, .employment.hero > .cell1.content > h5, .visit.map > .cell1.content > h5, .visit.animals > .cell1.content > h5, .visit.fall > .cell1.content > h5, .visit.xmas > .cell1.content > h5, .visit.tour > .cell1.content > h5, .contact > .cell1.content > h5, .pagenotfound > .cell1.content > h5, .locate > .cell1.content > h5, .newsletter > .cell2.content > h5, #hayloft > div.cell1.content > h5 {
    text-align: center;
    /* font-family: feltro-texture-1, sans-serif; */
    /* font-weight: 600; */
    /* font-style: normal; */
    /* text-transform: capitalize; */
    /* color: var(--color-doublecream); */
    /* text-shadow: 2px 4px 0 var(--color-minggreen); */
    font-size: var(--body-font-size-sm);
    transform: rotate(-0deg);
    /* padding-left: 80px; */
    color: var(--color-minggreen);
    font-family: var(--font-subtitle);
}

#hero1 > .cell1.content > h5, .home.visit > .cell1.content > h5, .home.farmshop > div.cell1.content > h5, .about.hero > div.cell1.content > h5, .about.history > .cell1.content > h5, .employment.hero > .cell1.content > h5, .visit.animals > .cell1.content > h5, .visit.fall > .cell1.content > h5, .visit.xmas > .cell1.content > h5, .visit.tour > .cell1.content > h5, .pagenotfound > .cell1.content > h5, .contact > .cell1.content > h5, .visit.map > .cell1.content > h5, #hayloft > div.cell1.content > h5 {
    color: var(--color-brightwhite);
}


#hero1 .cell1.content > .button_cta, .home.icecream > div.cell1.content > .button_cta, .home.farmshop > div.cell1.content > .button_cta {
    text-align: center;
}

.hero > .bkgd.cell2 {
background-image: url(/Portals/12/Images/Cooks%20Farm%20Dairy%20Drive%20Thru.jpg);
    background-size: cover;
    background-position: bottom;
    height: 70vh;
    border-radius: var(--border-radius-sm);
}

#hero1 > .bkgd.cell2 {
    height: 70vh;
}

#hero1 > .overlay.cell2 {
    background: linear-gradient(0deg, rgba(1,1,1,.5) 0%, rgba(1,1,1,0) 50%);
}


#hero3 > .bkgd.cell2 {
    background-size: cover;
    height: 40vh;
    background-image: url(/Portals/12/Images/Cooks%20Farm%20Dairy%20Birthday%20Cake.jpg);
    background-position: 100%;
}

#hero1 > .cell1.content > .button_cta > a, #hero3 .cell1.content > .button_cta > a, .home.visit .cell1.content > .button_cta > a {
    width: 100%;
}

#hero3, .home.icecream, .home.milk {
    margin: 0vh 0vw 0vw;
        -webkit-box-shadow: var(--boxshadow-green);
-moz-box-shadow: var(--boxshadow-green);
box-shadow: var(--boxshadow-green);
}

.home.icecream > .bkgd.cell2, .home.milk > .bkgd.cell2 {
    background-size: cover;
    background-position: center;
    height: 40vh;
    border-radius: var(--border-radius-sm);
}

#hero3 > .cell1, .home.milk > .cell1, .hero.stars > .cell1, .visit.map > .cell1, .contact > .cell1 {
    /*margin-top: -10vw;*/
    position: relative;
}

#hero3 > .cell1.bkgd, .home.icecream > .cell1.bkgd, .home.milk > .cell1.bkgd, .hero.stars > .cell1.bkgd, .visit.map > .cell1.bkgd, .contact > .cell1.bkgd {
    background-color: var(--color-jetset);
}

#hero3 > .cell1.content, .home.icecream > .cell1.content, .home.milk > .cell1.content, .hero.stars > .cell1.content, .visit.map > .cell1.content, .contact > .cell1.content {
    padding: 5vw;
}

#hero3 > .cell1.content > p, .home.icecream > .cell1.content > p, .home.milk > .cell1.content > p, .hero.stars > .cell1.content > p, .visit.map > .cell1.content > p, .contact > .cell1.content > p, #hero3 > .cell1.content > p > a, .home.icecream > .cell1.content > p > a, .home.milk > .cell1.content > p > a, .hero.stars > .cell1.content > p > a, .visit.map > .cell1.content > p > a, .contact > .cell1.content > p > a {
    color: var(--color-brightwhite);
}

.home.icecream > .bkgd.cell2 {
background-image: url(/Portals/12/Images/Quinton%20and%20grace%20eating%20ice%20cream.jpg);
}

.home.icecream > div.cell1.content > h2{
    text-transform: lowercase;
}

.home.icecream > div.cell1.content > h5, #hero3 > div.cell1.content > h5, .home.milk > div.cell1.content > h5, .stars.hero > .cell1.content > h5 {
color: var(--color-brightwhite);
}


.home.icecream > div.cell1.content > .button_cta > a, .home.milk > div.cell1.content > .button_cta > a, .home.farmshop > div.cell1.content > .button_cta > a, .hero.stars > .cell1.content > .button_cta > a, .visit.map > .cell1.content > .button_cta > a, .visit.tour > .cell1.content > .button_cta > a, .visit.tour > .cell6.content > .button_cta > a, .visit.fall > .cell6.content > .button_cta > a, .visit.xmas > .cell6.content > .button_cta > a, .pagenotfound > .cell1.content > .button_cta > a {
width: 48%;
}

.home.milk > .bkgd.cell2 {
background-image: url(/Portals/12/Images/Cooks%20Farm%20Dairy%20Milk%20High.jpg);
}

.home.visit {
    margin: 5vw 5vw 0;
}

.home.visit, .home.farmshop {
    height: 70vh;
    position: relative;
    z-index: 3;
}

.home.visit > .bkgd.cell1 {
background-image: url(/Portals/12/Images/Baby%20Cows%20Cooks%20Farm%20Dairy.jpg);
 background-size: cover;
background-position: center top;
}

.home.visit > .overlay.cell1 {
background: rgba(1, 1, 1, .25);
/*background: linear-gradient(0deg, rgba(1,1,1,.5) 0%, rgba(1,1,1,0) 50%);*/
}



.home.visit > .content.cell1 {
place-self: end center;
position: relative;
}


.home.visit > .content.cell1, .home.farmshop > .content.cell1 {
margin: 5vw;
}

.home.visit.highlights {
    height: auto;
    margin: 5vw;
}

.home.visit.highlights > .bkgd {
background-image: url(/Portals/12/Images/Handing%20ice%20cream%20to%20customer%20in%20drive%20thru.jpg);
 background-size: cover;
background-position: center;
height: 40vh;
    border-radius: var(--border-radius-sm);
    -webkit-box-shadow: var(--boxshadow-green);
-moz-box-shadow: var(--boxshadow-green);
box-shadow: var(--boxshadow-green);
}

.home.visit.highlights > .bkgd.cell1 {
background-image: url(/Portals/12/Images/Cooks%20Farm%20Dairy%20Drive%20Thru-2.jpg);
}

.home.visit.highlights > .bkgd.cell2 {
background-image: url(/Portals/12/Images/Boy%20in%20cowboy%20hat%20being%20liked%20by%20cow.jpg);
}

.home.visit.highlights > .bkgd.cell3 {
background-image: url(/Portals/12/Images/Quinton%20Cook%20giving%20tour.jpg);
}

.home.visit.highlights > .overlay.cell1, .home.visit.highlights > .overlay.cell2, .home.visit.highlights > .overlay.cell3 {
background: linear-gradient(0deg, rgba(1,1,1,.5) 0%, rgba(1,1,1,0) 50%);;
}

.home.visit.highlights > .content {
place-self: end center;
padding: 5vw;
}

#thingstodo > div.cell1.content {
    margin: 0;
}

.home.visit.highlights > .content > h3 {
color: var(--color-brightwhite);
text-align: center;
}

.home.farmshop > .bkgd.cell1 {
background-image: url(/Portals/12/Images/Cooks%20Farm%20Dairy%20Milk%20Ice%20Cream%20Hay.jpg);
 background-size: cover;
background-position: 90% 0;
}

.home.farmshop > .overlay.cell1 {
background: rgb(1,1,1);
background: linear-gradient(180deg, rgba(1,1,1,.5) 0%, rgba(1,1,1,0) 50%);
}


.home.farmshop > .content.cell1 {
place-self: start center;
position: relative;
}

.socialmedia {
    margin: 5vw;
    text-align: center;
}

.socialmedia > .full.bkgd {
    background-color: var(--color-brightwhite);
}

.socialmedia > .cell1.content > h5 {
    color: var(--color-jetset);
}

.socialmedia > .cell2.content {
    padding: 5vw;
}
.socialmedia > .cell1.content {
    padding: 0vw 5vw 0vw;
}
.socialmedia > .cell3.content {
    padding: 0vw 5vw 5vw;
}

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-item {
    -webkit-box-shadow: var(--boxshadow-green);
    -moz-box-shadow: var(--boxshadow-green);
    box-shadow: var(--boxshadow-green);
}

.eapps-instagram-feed-posts-grid-load-more-visible {
    display: none;
}

.socialmedia > .content.cell3 > .button_cta {
    padding-top: 0;
}



/*ABOUT*/

.about.hero {
    margin: 0vw 5vw 0vw;
    position: relative;
    z-index: 2;
    grid-template-areas: "cell1"
    "cell2";
        -webkit-box-shadow: var(--boxshadow-green);
    -moz-box-shadow: var(--boxshadow-green);
    box-shadow: var(--boxshadow-green);
}

.about.hero > .cell2 {
    grid-area: 1 / 1 / 3 / 2;
}

.about.hero > .cell2.bkgd {
    background-image: url(/Portals/12/Images/Family%20Ice%20Cream%20Tractor.jpg);
    min-height: 70vh;
    background-position: 25%;
}

.about.hero > .cell1 {
    position: relative;
    z-index: 3;
    place-self: start centner;
    padding: 5vw;
}

.about.hero > .cell1.content > p {
text-align: center;
color: var(--color-brightwhite);
}

.hero.stars > .bkgd.cell2 {
    height: 40vh;
}

.about.farmtotable {
    margin: 5vw 5vw 0;
    grid-row-gap: 70px;
    position: relative;
    z-index: 2;
}

.about.farmtotable > .bkgd.full {
    grid-area: 2 / 1 / 6 / 2; 
    background-color: var(--color-minggreen);
    margin-right: -5vw;
    margin-left: -5vw;
    margin-top: 20vh;
}

.about.farmtotable > .content.cell1 {
    padding-bottom: 0;
}

.about.farmtotable > .content.cell1 > p {
    display: none;
}

.about.farmtotable > .bkgd.cell2, .about.farmtotable > .bkgd.cell3, .about.farmtotable > .bkgd.cell4 {
        background-image: url(/Portals/12/Images/Cooks%20Truck%20in%20Corn%20Field.jpg);
    background-size: cover;
    background-position: center;
    height: 40vh;
    /*border: solid 5px var(--color-minggreen);*/
    box-shadow: var(--boxshadow-green);
    border-radius: var(--border-radius-sm);
}

.about.farmtotable > .bkgd.cell3 {
        background-image: url(/Portals/12/Images/Farm%20to%20Table-Milk%20Cows.jpg);
}

.about.farmtotable > .bkgd.cell4 {
        background-image: url(/Portals/12/Images/Farm%20to%20Table-Ice%20Cream.jpg);
}

.about.farmtotable > .overlay.cell2, .about.farmtotable > .overlay.cell3, .about.farmtotable > .overlay.cell4 {
    background: rgba(1, 1, 1, .25);
}

.about.farmtotable > .content.cell2, .about.farmtotable > .content.cell3, .about.farmtotable > .content.cell4 {
    text-align: center;
}

.about.farmtotable > .content.cell2 > img, .about.farmtotable > .content.cell3 > img, .about.farmtotable > .content.cell4 > img {
    max-height: 90px;
    margin-top: -45px;
}

.about.farmtotable > .content2.cell2, .about.farmtotable > .content2.cell3, .about.farmtotable > .content2.cell4 {
    place-self: center;
    padding: 5vw;
    text-align: center;
}

.about.farmtotable > .content2.cell2 > h4, .about.farmtotable > .content2.cell3 > h4, .about.farmtotable > .content2.cell4 > h4 {
    color: var(--color-brightwhite);
}

.about.farmtotable > .content.cell5 > .button_cta {
    padding-bottom: 5vw;
    margin-top: -12.5vw;
}

.about.farmtotable > .content.cell5 > .button_cta > .btn.btn-primary {
    width: 100%;
    border-color: var(--color-brightwhite);
}

.about.farmtotable > .content.cell5 > .button_cta > .btn.btn-primary:hover {
    border-color: var(--color-jetset);
}

.about.commitment {
    background-color: var(--color-brightwhite);
    /* padding: 5vw; */
    min-height: 40vh;
    /* border: 2px solid rgba(84, 88, 89, 0.10); */
    margin: 10vw 5vw;
    /* background-color: green; */
    /* border-radius: var(--border-radius-sm); */
    /* box-shadow: var(--boxshadow-green);*/
}

.about.commitment > .cell1.content {
    place-self: center center;
}

.about.commitment > .cell1.content > h2 {
    display: none;
}

.about.commitment > .cell1.content > h4 {
    font-size: 36px;
    line-height: 1.25;
}

.about.commitment > .cell1.content > h2, .about.commitment > .cell1.content > h4, .about.commitment > .cell1.content > h6, .colossians.about > div.cell1.content > h6 {
    text-align: center;
    
}

.about.commitment > .cell1.content > h6 > img, .colossians.about > div.cell1.content > h6 > img {
    height: var(--body-font-size-xs);
}

.about.commitment > div.cell1.content > h6 > img:nth-child(1), .colossians.about > div.cell1.content > h6 > img:nth-child(1) {
    margin-right: 2vw;
}

.about.commitment > div.cell1.content > h6 > img:nth-child(2), .colossians.about > div.cell1.content > h6 > img:nth-child(2)  {
    margin-left: 2vw;
      -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.about.commitment > div.cell1.content > h6 {
    display: none;
}

.colossians.about {
    background-color: var(--color-jetset);
    padding: 5vw;
    margin: 0vw 5vw 5vw;
}

.colossians.about > div.cell1.content > h6 {
    color: VAR(--color-brightwhite);
}

.about.history > .full.bkgd {
    background-image: url(/Portals/12/Images/Clark%20Cook%20going%20through%20scrapbook.jpg);
    background-size: cover;
    background-position: center;
    height: 40vh;
}

.about.history > .full.overlay {
background: rgba(1, 1, 1, .25);
}

.about.history > .cell1.content {
place-self: center center;
position: relative;
}


.stars.hero {
    margin: 5vw 0vw;
        -webkit-box-shadow: var(--boxshadow-green);
    -moz-box-shadow: var(--boxshadow-green);
    box-shadow: var(--boxshadow-green);
}

.stars.hero > .bkgd.cell2 {
    background-image: url(/Portals/12/Images/Cow%20Named%20Stella.jpg);
    background-position: 25%;
}

.about.history {
    position: relative;
    z-index: 4;
    margin-bottom: var(--padding-sm);
}

.ford1933, .purchasefarm, .fire, .fair, .drivethru, .icecreamsales, .paradefloat, .tripletcows, .visitingthefarm, .thirtyyears, .govenorvisits, .growingcookfamily, .bestofthebest, .kidrock, .milkingmachine, .ninetyyears {
    display: grid;
    grid-column-gap: var(--padding-sm);
    grid-row-gap: var(--padding-sm);
    margin-right: var(--padding-md);
    margin-left: var(--padding-md);
    margin-bottom: var(--padding-sm);
}

.ford1933, .fair, .tripletcows, .thirtyyears, .govenorvisits, .kidrock, .milkingmachine, .ninetyyears {
grid-template-columns: 1fr;
grid-template-areas: "cell1"
                "cell2";

}





.ford1933 > .cell1, .fair > .cell1, .tripletcows > .cell1, .thirtyyears > .cell1, .govenorvisits > .cell1, .kidrock > .cell1, .milkingmachine > .cell1, .ninetyyears > .cell1 { grid-area: cell1; }
.ford1933 > .cell2, .fair > .cell2, .tripletcows > .cell2, .thirtyyears > .cell2, .govenorvisits > .cell2, .kidrock > .cell2, .milkingmachine > .cell2, .ninetyyears > .cell2 { grid-area: cell2; }


.purchasefarm, .drivethru, .paradefloat, .growingcookfamily, .bestofthebest {
grid-template-columns: 1fr;
grid-template-areas: "cell1"
                "cell2"
                "cell3";

}

.drivethru {
grid-template-columns: 1fr;
grid-template-areas: "cell3"
                "cell1"
                "cell2";

}

.purchasefarm > .cell1, .drivethru > .cell1, .paradefloat > .cell1, .growingcookfamily > .cell1, .bestofthebest > .cell1 { grid-area: cell1; }
.purchasefarm > .cell2, .drivethru > .cell2, .paradefloat > .cell2, .growingcookfamily > .cell2, .bestofthebest > .cell2 { grid-area: cell2; }
.purchasefarm > .cell3, .drivethru > .cell3, .paradefloat > .cell3, .growingcookfamily > .cell3, .bestofthebest > .cell3 { grid-area: cell3; }


.bestofthebest > .cell2 { display: none;}

.fire, .icecreamsales, .visitingthefarm {
grid-template-columns: 1fr;
grid-template-areas: "cell1"
                "cell2"
                "cell3"
                "cell4";

}

.fire > .cell1, .icecreamsales > .cell1, .visitingthefarm > .cell1 { grid-area: cell1; }
.fire > .cell2, .icecreamsales > .cell2, .visitingthefarm > .cell2 { grid-area: cell2; }
.fire > .cell3, .icecreamsales > .cell3, .visitingthefarm > .cell3 { grid-area: cell3; }
.fire > .cell4, .icecreamsales > .cell4, .visitingthefarm > .cell4 { grid-area: cell4; }

.fire {
grid-template-columns: 1fr 1fr;
grid-template-areas: "cell1 cell1"
                "cell2 cell2"
                "cell3 cell4";

}

.icecreamsales > .cell3 {
    display: none;
}

.icecreamsales {
grid-template-columns: 1fr;
grid-template-areas: "cell1"
                "cell2"
                "cell4";
}

.paradefloat > .cell2, .paradefloat > .cell1 {
    display: none;
}

.history > .content > img, .kidrock > .videoWrapper {
    width: 100%;
    border: solid 10px var(--color-brightwhite);
    box-shadow: 2px 2px 10px 2px rgba(1, 1, 1, 0.1);
}

.history > .content > h5  {
    font-size: var(--body-font-size-sm);
    transform: rotate(-0deg);
    color: var(--color-jetset);
    font-family: var(--font-subtitle);
}

.growingcookfamily > .cell3 {
    display: none;
}

.bestofthebest > .cell3.content {
    text-align: center;
}

.bestofthebest > .cell3.content > img {
    width: 50%;
}

.employment.hero {
        margin: 0 5vw 5vw;
    grid-row-gap: 0;
        position: relative;
    z-index: 4;
        -webkit-box-shadow: var(--boxshadow-green);
    -moz-box-shadow: var(--boxshadow-green);
    box-shadow: var(--boxshadow-green);
}

.employment.hero > .cell1 {
    grid-area: 1 / 1 / 3 / 2;
}

.employment.hero > .cell1.content {
        position: relative;
    place-self: end center;
    padding: 5vw;
}

.employment.hero > .cell1.content {
    text-align: right;
    /* width: 100%;*/
}

.employment.hero > .cell1.content > p {
    display: none;
}

.employment.hero > .cell1.content > div > a {
    width: 100%;
}

.employment.hero > .bkgd.cell2 {
    background-image: url(/Portals/12/Images/CFD%20Quinton%20Working%20with%20Calf.jpg);
    background-position: 15%;
}

.employment.hero > .overlay.cell2 {
background: linear-gradient(0deg, rgba(1,1,1,.5) 0%, rgba(1,1,1,0) 50%);
}



/* PRODUCTS*/



.milk.products {
   margin: 5vw;
    position: relative;
    z-index: 2;
        -webkit-box-shadow: var(--boxshadow-green);
    -moz-box-shadow: var(--boxshadow-green);
    box-shadow: var(--boxshadow-green);
}

.milk.products > .cell1, .icecream.products > .cell1 {
    grid-area: 1 / 1 / 3 / 2;
    position: relative;
    padding: 5vw;
}

.milk.products > .cell1.content > h1 {
    color: white;
    text-align: center;
}

.milk.products > .cell1.content > p, .icecream.products > .cell1.content > p {
    display: none;
}

.milk.products .cell1.content > .button_cta, .icecream.products > .cell1.content > .button_cta {
    text-align: center;
}

.milk.products > .bkgd.cell2 {
    background-image: url(/Portals/12/Images/Whte%20and%20Chocolate%20Milk%20with%20Hay%20Background%202.jpg);
    background-position: 18%;
    height: 70vh;
}

.icecream.products {
    margin: 0 5vw 5vw;
        -webkit-box-shadow: var(--boxshadow-green);
    -moz-box-shadow: var(--boxshadow-green);
    box-shadow: var(--boxshadow-green);
}

.icecream.products > .cell1.content > h5, .milk.products > .cell1.content > h5, .farmshop.products > .cell1.content > h5 {
    text-align: center;
    /* font-family: feltro-texture-1, sans-serif; */
    /* font-weight: 600; */
    /* font-style: normal; */
    /* text-transform: capitalize; */
    /* color: var(--color-doublecream); */
    /* text-shadow: 2px 4px 0 var(--color-minggreen); */
    font-size: 24px;
    rotate: 30;
    transform: rotate(-0deg);
    /* padding-left: 80px; */
    color: var(--color-minggreen);
    font-family: var(--font-subtitle);
}

.milk.products > .cell1.content > h5, .farmshop.products > .cell1.content > h5  {
    color: var(--color-brightwhite);
}

.milk.products > div.cell1.content > h5:nth-child(1), .icecream.products > .cell1.content > h5  {
    margin: 0vw 0 -2vw 0;
}
.milk.products > div.cell1.content > h5:nth-child(2) {
    margin: -5vw 0 0 0;
}

.icecream.products > .cell1.content > h2, .milk.products > .cell1.content > h1, .farmshop.products > .cell1.content > h2 {
    display: block;
    /* width: 100%; */
    font-size: 25vw;
    /* margin-left: -80px; */
    text-transform: capitalize;
    color: var(--color-doublecream);
        /*text-shadow: 1px 4px 3px var(--color-minggreen);*/
    text-shadow:    -2px -1px 0 var(--color-minggreen),  
    2px -1px 0 var(--color-minggreen),
    -2px 1px 0 var(--color-minggreen),
     2px 1px 0 var(--color-minggreen);
    /*-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--color-minggreen);*/
    font-family: var(--font-title);
    font-weight: 400;
    font-style: italic;
    margin: 0vw;
    line-height: .75;
    letter-spacing: 0;
}

.icecream.products > .bkgd.cell2 {
    background-image: url(/Portals/12/Images/Holy-Cow-Ice-Cream-with-Halo-v2.jpg);
    height: 70vh;
    background-position: 95%;
}

.products.farmshop {
    margin: 0 5vw;
    position: relative;
    z-index: 3;
    margin-bottom: 0;
}

.products.farmshop > .cell1.content {
    place-self: center center;
    position: relative;
}

.products.farmshop > .cell1.content > h1 {
    text-align: center;
    color: var(--color-brightwhite);
}

.products.farmshop > .cell2.bkgd, .products.farmshop > .cell3.bkgd, .products.farmshop > .cell4.bkgd, .products.farmshop > .cell5.bkgd  {
    background-image: url(/Portals/12/Images/Milk%20Drive%20Thru.JPG);
    background-size: cover;
    background-position: center;
    height: 14vh;
}

.products.farmshop > .cell2.bkgd {
        background-image: url(/Portals/12/Images/Cooks%20Farm%20Shop.jpg);
        height: 40vh;
        background-position: 0%;
        margin: 0 -5vw;
}

.products.farmshop > .cell2.overlay {
    background: rgba(1, 1, 1, .25);
    margin: 0 -5vw;
}


.products.farmshop > .cell3.bkgd {
        background-image: url(/Portals/12/Images/Milk%20Drive%20Thru.JPG);
            box-shadow: var(--boxshadow-green);
}

.products.farmshop > .cell4.bkgd {
        background-image: url(/Portals/12/Images/Ice%20Cream%20Sandwiches.jpg);
            box-shadow: var(--boxshadow-green);
}

.products.farmshop > .cell5.bkgd {
        background-image: url(/Portals/12/Images/Honey.jpg);
            box-shadow: var(--boxshadow-green);
}

.products.farmshop > .cell6.content > .button_cta > a {
    width: 48%;
}

/*WHERE TO BUY*/

.hero.locate {
     margin: 5vw 5vw 0vw;
}

/*.hero.locate > .bkgd.cell1 {
     background-color: var(--color-jetset);
}

.hero.locate > .content.cell1 {
    padding: 5vw;
}

.hero.locate > .content.cell1 > h5, .hero.locate > .content.cell1 > p  {
    color: var(--color-brightwhite);
}*/

div.edMaps_moduleWrapper {
    border-radius: var(--border-radius-sm);
    -webkit-box-shadow: var(--boxshadow-green);
    -moz-box-shadow: var(--boxshadow-green);
    box-shadow: var(--boxshadow-green);
    margin: 0vw 5vw 10vw;
    position: relative;
    z-index: 2;
}

#dnn_ctr1696_ModuleContent {
        position: relative;
    z-index: 2;
}



.edMaps_moduleWrapper > .edMaps_mapWrapper .edMaps_container {
height: 40vh;
}

.eds_news_Ozone.eds_subCollection_news .edn_article {
    margin-bottom: 5vw;
}

#dnn_ctr1696_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div.edn_1696_article_list_wrapper > article > h2, #dnn_ctr1696_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div.edn_1696_article_list_wrapper > article > h3, #dnn_ctr1696_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div.edn_1696_article_list_wrapper > article > div.edn_metaDetails {
    display: none;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox h2.edn_articleTitle, .eds_news_Ozone.eds_subCollection_news .edn_article .edn_articleSubTitle {
    display: none;
}

article > div.edn_articleSummary > h3 {
    font-family: var(--font-subtitle);
}

.eds_news_Ozone.eds_subCollection_news a {
    color: var(--color-jetset);
    font-weight: var(--body-font-weight-bold);
}

#dnn_ctr1696_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div.edn_isotopeLayout > div > article > div > p > img {
    width: 35px;
}

.edn_articleDetails > .edn_metaDetails {
    display: none;
}


.eds_news_Ozone h1, .eds_news_Ozone h2, .eds_news_Ozone h3, .eds_news_Ozone h4, .eds_news_Ozone h5, .eds_news_Ozone h6 {
    margin: 0 0 15px;
    padding: 0;
    color: var(--color-jetset);
    font-weight: normal;
    letter-spacing: normal;
    line-height: var(--body-line-height-sm);
    font-family: var(--font-subtitle);
    font-style: normal;
}

.eds_news_Ozone h6 {
    font-size: var(--body-font-size-xs);
    color: var(--color-jetset);
}

.eds_news_Ozone h2 {
    font-size: 22px;
    color: var(--color-jetset);
    font-family: var(--font-subtitle);
    text-transform: uppercase;
    letter-spacing: var(--letterspacing-sm);
}

.edn_articlesRssWrapper {
display: none;
}

.eds_news_Ozone.eds_subCollection_categoryMenu .edn_category_menu_wrapper li .edn_category:hover {
    color: var(--color-minggreen);
}

.eds_news_Ozone.eds_subCollection_news .edn_mediaContainer {
    max-width: 100%;
    float: left;
    margin: 0px 15px 10px 0;
    position: relative;
    border: solid 0px var(--color-minggreen);
    padding: 0px;
    overflow: hidden;
    line-height: 0;
    transition: all 250ms linear;
    box-shadow: var(--boxshadow-green);
}

.eds_news_Ozone.eds_subCollection_news .article_pager a.active, .eds_news_Ozone.eds_subCollection_news .article_pagination > span {
    color: var(--color-brightwhite);
    background-color: var(--color-minggreen);
}

.eds_news_Ozone.eds_subCollection_news .article_pager a:hover, .eds_news_Ozone.eds_subCollection_news .article_pagination a:hover {
    color: var(--color-brightwhite);
    background-color: var(--color-irongate);
}


.eds_news_Ozone.eds_subCollection_news .article_pager a, .eds_news_Ozone.eds_subCollection_news .article_pagination a {
    color: var(--color-irongate);
}

.eds_news_Ozone.eds_subCollection_news .article_pager a, .eds_news_Ozone.eds_subCollection_news .article_pager > span, .eds_news_Ozone.eds_subCollection_news .article_pagination a, .eds_news_Ozone.eds_subCollection_news .article_pagination > span {
    display: inline-block;
    font-size: 13px;
    font-family: var(--font-body);
    font-style: italic;
    line-height: 1;
    padding: 7px 10px;
    border-left: solid 2px var(--color-minggreen);
    border-right: none !important;
    border-bottom: none !important;
    border-top: none !important;
    transition: all 200ms linear;
}

.eds_news_Ozone.eds_subCollection_news .article_pager, .eds_news_Ozone.eds_subCollection_news .article_pagination table, .eds_news_Ozone.eds_subCollection_news .edNews_loadMoreTriggerWrapper .trigger {
    border: solid 2px var(--color-minggreen);
    border-radius: var(--border-radius-sm);
    margin: 20px 0;
    font-size: 0;
}

div.edn_1696_article_list_wrapper > article > div.edn_readMoreButtonWrapper {
    display: none;
}

div.edn_1696_article_list_wrapper > article > div.edn_articleSummary > p:nth-child(5) > a {
color: var(--color-irongate);
font-style: italic;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#dnn_ctr1624_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div.edn_1624_article_list_wrapper > article > div.edn_metaDetails > a, .edn_numberOfVievs, .edn_numberComments {
 display: none!important;
}

.edMaps_map .edMaps_newsContent {
    width: auto;
}

.edMaps_map .edMaps_title {
    font-weight: var(--border-weight-sm);
    font-size: var(--body-font-size-sm);
    line-height: var(--body-line-height-sm);
    font-family: var(--font-subtitle);
    color: var(--color-minggreen);
}

div.edMaps_map .edMaps_newsContent > .edMaps_title > a {
    font-size: var(--body-font-size-xs);
    line-height: var(--body-line-height-sm);
    color: var(--color-minggreen);
    transition: color ease-in-out 0.2s;
}

div.edMaps_map .edMaps_newsContent > .edMaps_summary > p {
    color: var(--color-jetset);
}

/*VISIT PAGE*/

.visit.map {
   margin: 0vw 5vw 5vw;
    position: relative;
    z-index: 2;
    grid-template-areas: "cell2"
    "cell1";
    box-shadow: var(--boxshadow-green);
}

.visit.map > .cell2.bkgd > video {
width: 100%;
margin-bottom: -5px;
}

.visit.map > .cell2.bkgd {
     background-image: url(/Portals/12/Images/Ariel%20of%20Cooks%20Farm%20Dairy%203.JPG);
    background-size: cover;
    background-position: 90%;
    /*height: 40vh;*/

}

.visit.animals, .visit.tour, .visit.fall, .visit.xmas, .farmshop {
    position: relative;
    z-index: 4;

}

.visit.animals > .cell1.content > p, .visit.fall > .cell1.content > p, .visit.xmas > .cell1.content > p, .visit.animals > .cell1.content > .button_cta, .visit.fall > .cell1.content > .button_cta, .visit.xmas > .cell1.content > .button_cta, .products.farmshop > .cell1.content > p, .products.farmshop > .cell1.content > .button_cta {
    display: none;
}

.visit.animals, .visit.tour, .visit.fall, .visit.xmas, #hayloft {
    margin: 0vw 5vw var(--padding-lg);
}

.visit.animals > .cell1.content, .visit.tour > .cell1.content, .visit.fall> .cell1.content, .visit.xmas > .cell1.content, #hayloft > div.cell1.content {
    place-self: center center;
    position: relative;
    width: 100%;
}


.visit.animals > .cell2.bkgd {
    background-image: url(/Portals/12/Images/Cows%20in%20Barn.jpg);
    background-size: cover;
    background-position: center;
    height: 40vh;
}

.visit.animals > .cell2.bkgd, .visit.tour > .cell2.bkgd, .visit.fall > .cell2.bkgd, .visit.xmas > .cell2.bkgd {
    margin: 0vw -5vw;
}

.visit.animals > .cell2.overlay, .visit.tour > .cell2.overlay, .visit.fall > .cell2.overlay, .visit.xmas > .cell2.overlay {
    background: rgba(1, 1, 1, .25);
    margin: 0vw -5vw;
}

.visit.animals > .cell3.bkgd, .visit.animals > .cell4.bkgd, .visit.animals > .cell5.bkgd, .visit.tour > .cell3.bkgd, .visit.tour > .cell4.bkgd, .visit.tour > .cell5.bkgd, .visit.fall > .cell3.bkgd, .visit.fall > .cell4.bkgd, .visit.fall > .cell5.bkgd, .visit.xmas > .cell3.bkgd, .visit.xmas > .cell4.bkgd, .visit.xmas > .cell5.bkgd {
    box-shadow: var(--boxshadow-green);
}


.visit.animals > .cell3.bkgd, .visit.animals > .cell4.bkgd, .visit.animals > .cell5.bkgd {
        background-image: url(/Portals/12/Images/Cows%20in%20Barn.jpg);
    background-size: cover;
    background-position: center;
    height: 14vh;
}

.visit.animals > .cell3.bkgd {
        background-image: url(/Portals/12/Images/Petting%20Calf.jpg);
}

.visit.animals > .cell4.bkgd {
        background-image: url(/Portals/12/Images/Pigs%20At%20Cooks%20Farm%20Dairy.jpg);
}

.visit.animals > .cell5.bkgd {
        background-image: url(/Portals/12/Images/Cow%20and%20Calf.jpg);
}

.visit.tour > .cell2.bkgd {
    background-image: url(/Portals/12/Images/Cooks%20Farm%20Dairy%20Tour-Milking%20Machine%201.jpg);
    background-size: cover;
    background-position: center;
    height: 40vh;
}



.visit.tour > .cell3.bkgd, .visit.tour > .cell4.bkgd, .visit.tour > .cell5.bkgd {
    background-image: url(/Portals/12/Images/Quinton%20Petting%20Calf.jpg);
    background-size: cover;
    background-position: center;
    height: 14vh;
}

.visit.tour > .cell3.bkgd {
        background-image: url(/Portals/12/Images/Quinton%20Petting%20Calf.jpg);
}

.visit.tour > .cell4.bkgd {
        background-image: url(/Portals/12/Images/Cooks%20Farm%20Dairy%20Tour-Milking%20Machine%202.jpg);
}

.visit.tour > .cell5.bkgd {
        background-image: url(/Portals/12/Images/Cooks%20Farm%20Dairy%20Tour-Ice%20Cream%201.jpg);
}

.visit.fall > .cell2.bkgd {
        background-image: url(/Portals/12/Images/Pumpkins%20at%20Cooks%20Farm%20Dairy.jpg);
            background-size: cover;
    background-position: center;
    height: 40vh;
}

.visit.tour > .cell1.content > .button_cta {
    display: none;
}


.visit.fall > .cell3.bkgd, .visit.fall > .cell4.bkgd, .visit.fall > .cell5.bkgd {
    background-image: url(/Portals/12/Images/Corn%20Maze.jpg);
    background-size: cover;
    background-position: center;
    height: 14vh;
}


.visit.fall > .cell3.bkgd {
        background-image: url(/Portals/12/Images/Man%20and%20Boy%20at%20Pumpkin%20Patch.jpg);
}

.visit.fall > .cell4.bkgd {
        background-image: url(/Portals/12/Images/Corn%20Maze.jpg);
}

.visit.fall > .cell5.bkgd {
        background-image: url(/Portals/12/Images/bushels%20of%20hay.jpg);
}

.visit.xmas > .cell2.bkgd {
    background-image: url(/Portals/12/Images/Christmas%20Trees%20at%20Cooks.jpg);
    background-size: cover;
    background-position: center;
    height: 40vh;
}


.visit.xmas > .cell3.bkgd, .visit.xmas > .cell4.bkgd, .visit.xmas > .cell5.bkgd {
    background-image: url(/Portals/12/Images/Santa%20and%20Mrs%20Claus.jpg);
    background-size: cover;
    background-position: center;
    height: 14vh;
}

.visit.xmas > .cell3.bkgd {
        background-image: url(/Portals/12/Images/Santa%20and%20Mrs%20Claus.jpg);
}

.visit.xmas > .cell4.bkgd {
        background-image: url(/Portals/12/Images/Christmas%20tress%20at%20night.jpg);
}

.visit.xmas > .cell5.bkgd {
        background-image: url(/Portals/12/Images/Letters%20to%20Santa%20Mailbox%20at%20Cooks.jpg);
}

#hayloft > .bkgd.cell2 {
    background-size: cover;
    height: 40vh;
    background-image: url(/Portals/12/Images/1-Year-Old-Birthday-Party-Hay-Loft-Cooks-Farm-Dairy-Farm-Theme-Close-Up-Web.jpg);
    background-position: center;
}

#hayloft {
    background-color: var(--color-jetset);
}

#hayloft > div.cell1.content { padding: var(--padding-lg);}

#hayloft > div.cell1.content > p {
    color: var(--color-brightwhite);
}

#hayloft > div.cell1.content > div {
    text-align: center;
}

#hayloft > div.cell1.content > p:nth-child(3) {
    padding-top: var(--padding-md);
}

/*EVENTS*/

.eds_news_module_1624 {
    position: relative;
    z-index: 4;
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.week_days, .eds_news_Ozone.eds_subCollection_calendar .fc-widget-header {
    background-color: var(--color-minggreen);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.week_days, .eds_news_Ozone.eds_subCollection_calendar .fc .fc-day-header span, .eds_news_Ozone.eds_subCollection_calendar .fc .fc-day-header a, .eds_news_Ozone.eds_subCollection_calendar .fc .fc-week-number span, .eds_news_Ozone.eds_subCollection_calendar .fc .fc-week-number a {
    font: normal normal 12px/1 var(--font-body), sans-serif;
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table, .eds_news_Ozone.eds_subCollection_calendar .fc {
    border: solid 1px var(--color-irongate) !important;
    background-color: #fff;
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection, .eds_news_Ozone.eds_subCollection_calendar .fc-header-toolbar {
    background-color: #fff;
    border: solid 1px var(--color-minggreen);
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection td.next_prev_months a, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-prev-button, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-next-button {
    border-radius: 0px;
    border: solid 1px var(--color-minggreen);
    background: var(--color-minggreen);
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection td.next_prev_months a::before, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-prev-button::before, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-next-button::before {
    color: var(--color-brightwhite);
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection td.next_prev_months a:hover, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-prev-button:hover, .eds_news_Ozone.eds_subCollection_calendar .fc-button-group .fc-next-button:hover {
    background-color: var(--color-jetset);
    border-color: var(--color-minggreen);
}

.eds_news_Ozone.eds_subCollection_calendar .month_selection td, .eds_news_Ozone.eds_subCollection_calendar .fc-toolbar h2 {
    font: normal normal 22px/1 var(--font-subtitle), sans-serif;
    color: var(--color-brightwhite);
    text-transform: uppercase;
    background-color: var(--color-jetset);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.day.has_events > a {
    color: var(--color-minggreen);
    border: solid 1px var(--color-minggreen);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.day, .eds_news_Ozone.eds_subCollection_calendar .fc td.fc-day-top a {
    font-size: 13px;
    line-height: 1;
    color: var(--color-irongate);
}

.eds_news_Ozone.eds_subCollection_calendar .calendar_table td.day.has_events > a:hover {
    background-color: var(--color-minggreen);
}

.eds_news_Ozone.eds_subCollection_calendar span, .eds_news_Ozone.eds_subCollection_calendar a, .eds_news_Ozone.eds_subCollection_calendar li, .eds_news_Ozone.eds_subCollection_calendar td, .eds_news_Ozone.eds_subCollection_calendar table {
    font-family: var(--font-body);
    color: var(--color-jetset);
}

.eds_news_Ozone.eds_subCollection_news .edn_simpleArticle6Bullet::before {
    font-family: "FontAwesome";
    color: var(--color-minggreen);
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_simpleArticle6 h2.edn_articleTitle a {
    color: var(--color-jetset);
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_simpleArticle6 h2.edn_articleTitle a:hover {
    color: var(--color-minggreen);
}

.eds_news_Ozone.eds_subCollection_news .edn_metaDetails {
    font-size: 12px;
    line-height: 1.2;
    color: var(--color-irongate);
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_simpleArticle6 {
    margin: 10px 0;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: solid 1px var(--color-irongate);
}

.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a {
    border: solid 2px var(--color-minggreen) !important;
    border-radius: 0px;
}

.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a.edn_previusArticle:hover, .eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a.edn_nextArticle:hover {
    background-color: var(--color-jetset);
}

.eds_news_Ozone.eds_subCollection_categoryMenu a {
    text-decoration: none;
    color: var(--color-minggreen);
    transition: color 0.3s linear;
}

.eds_news_Ozone.eds_subCollection_categoryMenu .edn_category_menu_wrapper li .edn_articlecount {
    float: right;
    font-size: 11px;
    background-color: var(--color-minggreen);
    min-width: 20px;
    border-radius: 10px;
    padding: 4px;
    line-height: 1;
    color: var(--color-brightwhite);
    text-align: center;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
}

.eds_news_Ozone.eds_subCollection_news .edn_eventDetails {
    padding: 10px;
    margin: 0px 0 10px;
    border-top: 1px solid var(--color-irongate);
    border-bottom: 1px solid var(--color-irongate);
    box-shadow: 0 0px 0 0 #fff inset, 0 0px 0 0 #fff inset;
    background-color: var(--color-jetset);
    color: var(--color-brightwhite);
    font-family: var(--font-body);
    font-style: italic;
    font-size: var(--body-font-size-xxs);
}

.eds_news_Ozone.eds_subCollection_news .edn_calendarExport::after {
    margin-left: 5px;
    color: var(--color-brightwhite);
}

.eds_news_Ozone.eds_subCollection_news a:hover {
    color: var(--color-minggreen);
    text-decoration: none;
}

.eds_news_Ozone.eds_subCollection_news .edn_calendarExport:hover::after {
    color: var(--color-minggreen);
}

/*CONTACT, THANK YOU PAGES*/

.contact {
    margin: 5vw 5vw 0vw;
    position: relative;
    z-index: 2;
    grid-template-areas: "cell2"
    "cell1";
        -webkit-box-shadow: var(--boxshadow-green);
-moz-box-shadow: var(--boxshadow-green);
box-shadow: var(--boxshadow-green);
}

.contact > .cell2.bkgd {
    background-image: url(/Portals/12/Images/Quinton%20Cook%20in%20front%20of%20Farm.jpg);
     background-size: cover;
background-position: 15%;
height: 40vh;
    border-radius: var(--border-radius-sm);
}

.contact > .cell1.content > p > iframe {
    width: 100%;
    height: 40vh;
}

#form_div_1611 {
    position: relative;
    z-index: 3;
}


.dg-form-content.form-line.dark .form-control-wrap input[type=text], .dg-form-content.form-line.dark .form-control-wrap input[type=email], .dg-form-content.form-line.dark .form-control-wrap input[type=url], .dg-form-content.form-line.dark .form-control-wrap input[type=tel], .dg-form-content.form-line.dark .form-control-wrap input[type=number], .dg-form-content.form-line.dark .form-control-wrap input[type=date], .dg-form-content.form-line.dark .form-control-wrap select, .dg-form-content.form-line.dark .form-control-wrap textarea, .dg-form-content.form-line.dark .fixline:before {
    border-bottom-color: var(--color-jetset)!important;
    font-size: var(--body-font-size-xs);
}

.dg-form-content.form-line.dark, .dg-form-content.form-line.dark span, .dg-form-content.form-line.dark label, .dg-form-content.form-line.dark label.valid, .dg-form-content.form-line.dark li:not(.from-footer) input, .dg-form-content.form-line.dark select, .dg-form-content.form-line.dark textarea {
    color: var(--color-jetset)!important;
}

form-content.form-line .form-control-wrap input[type=email], .dg-form-content.form-line .form-control-wrap input[type=url], .dg-form-content.form-line .form-control-wrap input[type=tel], .dg-form-content.form-line .form-control-wrap input[type=number], .dg-form-content.form-line .form-control-wrap input[type=date], .dg-form-content.form-line .form-control-wrap select, .dg-form-content.form-line .form-control-wrap textarea, .dg-form-content.form-line .form-control-wrap input[type=text], .dg-form-content.form-line .form-control-wrap input[type=email], .dg-form-content.form-line .form-control-wrap input[type=url], .dg-form-content.form-line .form-control-wrap input[type=tel], .dg-form-content.form-line .form-control-wrap input[type=number], .dg-form-content.form-line .form-control-wrap input[type=date], .dg-form-content.form-line .form-control-wrap select, .dg-form-content.form-line .form-control-wrap textarea {
    border-bottom: 1px solid var(--color-jetset)!important;
}

li.from-footer > div.form_submit > input.submit_but {
    width: 100%;
}

input, select, textarea, .ls-layer, .ls-layer *, .uneditable-input {
    Font-Family: var(--font-body);
    Font-weight: normal;
    font-size: var(--body-font-size-sm);
}

.dg-form-content.form-line label.fixlabel, .dg-form-content.form-line label {  
    font-size: var(--body-font-size-xs)!important;
}

.fa-clock-four:before, .fa-clock:before {
    content: "\f017"!important;
}



.thankyou {    
    position: relative;
    z-index: 2;
}

.thankyou > .cell1.content {
    margin: 5vw;
}

.thankyou > .cell1.content > h5 {
    text-align: left;
}

.thankyou > .cell2.bkgd {
    background-image: url(/Portals/12/Images/White%20Picket%20Fence%20and%20Cow.svg);
    background-size: cover;
    background-position: 70%;
    height: 60vh;
}


/*404 Error Page*/

.pagenotfound {
    margin-top: -130px;
}

.pagenotfound > .full.bkgd {
    background-image: url(/Portals/12/Images/Calf-in-pasture-alone.jpg);
    background-size: cover;
    background-position: 15%;
    height: 100vh;
    }

    .pagenotfound > .full.overlay {
background: linear-gradient(180deg, rgba(1,1,1,.25) 0%, rgba(1,1,1,0) 60%);
    }

    .pagenotfound > .cell1 {
        place-self: start center;
        padding: 15vh 5vw;
    }

    .pagenotfound > .cell1.content > p {
        display: none;
    }


/*END MOBILE VIEW*/

/*|| DESKTOP VIEW*/

@media screen and (min-width: 1025px) {
    


.promo {
       /* padding-bottom: 10px;*/
  }

#to_top {
    right: 20px!important;
    bottom: 100px!important;
}

div.bcOHFt {
    margin: 0 10px 90px;
}

.pagetitleBox .pagetitleborder {
    padding: 2.5vw 0 2.5vw;
}


.hero > .bkgd.cell2, #hero3 > .bkgd.cell2, .home.visit > div.bkgd.cell1 {
    min-height: 40vw;
    height: auto;
}

.home.visit, .home.farmshop {
    height: 40vw;
}

    #hero1 > .cell1.content > h1, #hero3 > .cell1.content > h2, .home.icecream > .cell1.content > h2, .home.milk > .cell1.content > h2, .home.visit > .cell1.content > h2, .home.farmshop > .cell1.content > h2, .socialmedia > div.cell1.content > h2, .about.hero > .cell1.content > h1, .hero.stars > .cell1.content > h2, .about.farmtotable > .cell1.content > h2, .about.history > .cell1.content > h2, .employment.hero > .cell1.content > h2, .about.commitment > .cell1.content > h2, .visit.map > .cell1.content > h1, .visit.animals > .cell1.content > h2, .visit.fall > .cell1.content > h2, .visit.xmas > .cell1.content > h2, .visit.tour > .cell1.content > h2, .contact > .cell1.content > h1, .pagenotfound > .cell1.content > h1, .locate > .cell1.content > h1, .newsletter > .cell2.content > h2, .milk.products > .cell1.content > h1, .icecream.products > .cell1.content > h2, .farmshop.products > .cell1.content > h2, #hayloft > div.cell1.content > h2 {
        font-size: 10vw;
        margin: 0 0 0 -1.5vw;
    }


#hero1 > .bkgd.cell2 {
    background-position: 0 35%;
}

#hero1 > div.cell2.overlay {
   background: linear-gradient(90deg, rgba(1,1,1,.5) 0%, rgba(1,1,1,0) 50%);
}



#hero1 > .cell1, #hero3 > .cell1, .home.icecream > .cell1, .home.milk > .cell1 {
     padding: 5vw;
    }

#hero3 > .cell1.content, #hero1 > .cell1.content {
     place-self: center start;
    }

    #hero1 {
        margin: 10px 5vw 5vw;
    }

#hero1 > div.cell1.content > h5:nth-child(1) {
    margin: 0vw 0 0vw 0;
}

#hero3, .home.icecream, .home.milk, #hayloft {
    margin: 0vh 0vw 0vw;
    grid-column-gap: 0;
}

#hero3 > .cell1, .home.milk > .cell1, .hero.stars > .cell1, .visit.map > .cell1, .contact > .cell1, #hayloft > .cell1 {
    margin-top: 0vw;
}

#hero3 > .cell1.content, .home.icecream > .cell1.content, .home.milk > .cell1.content, .hero.stars > .cell1.content, .visit.map > .cell1.content, .contact > .cell1.content, #hayloft > .cell1.content {
    place-self: center center;
}

#hero3, #hayloft {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "cell2 cell1";
}


.home.icecream, .stars.hero {
        grid-template-columns: 1fr 1fr;
    grid-template-areas: "cell1 cell2";
}

.home.icecream > .bkgd.cell2, .home.milk > .bkgd.cell2 {
    height: auto;
    min-height: 40vw;
}

.home.milk {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "cell2 cell1";
}

.home.milk > .bkgd.cell2 {
    background-position: 0% 70%;
}

.home.farmshop {
    margin: 0vw 0vw;
}

.home.visit > .bkgd.cell1 {
background-position: 50% 73%;
}

.home.visit > .bkgd.cell1, .home.farmshop > .bkgd.cell1 {
    box-shadow: var(--boxshadow-green);
}

#planyourvisit > div.cell1.content {
    text-align: center;
}

.home.visit.highlights {
    height: auto;
    margin: var(--padding-md) 5vw 5vw;
}

.home.visit.highlights {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 0;
    grid-column-gap: var(--padding-md);
    grid-template-areas:   "cell1 cell2 cell3";
}

.home.visit.highlights > .bkgd, .home.visit.highlights > .bkgd.cell1 {
    height: 25vw;
    min-height: 25vw;
}

.home.visit.highlights > .cell1.content {
    margin: 0;
}



.home.farmshop > .content.cell1 {
    place-self: start center;
}

.home.farmshop > .overlay.cell1 {
    background: linear-gradient(180deg, rgba(1,1,1,.5) 0%, rgba(1,1,1,0) 50%);
}

.home.farmshop > .bkgd.cell1 {
    background-position: 0 90%;
}

.socialmedia > .cell2.content {
    padding: var(--padding-md) 0vw;
}
.socialmedia > .cell1.content {
    padding: var(--padding-md) 5vw 0vw;
}

.socialmedia > .cell3.content {
    padding: 0vw 5vw 2.5vw;
}



.cfd.footer {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    grid-row-gap: 0;
    grid-template-areas:   "logo logo logo logo"
        "about contactinfo products visit"
        "social social social social";
    text-align: left;
    padding: 0px 5vw;
}

.cfd.footer > .about, .cfd.footer > .contactinfo, .cfd.footer > .products, .cfd.footer > .visit, .cfd.footer> .social {
    position: relative;
    z-index: 4;
    padding: 0vw var(--padding-md) var(--padding-md) 0;
}

.cfd.footer> .social {
    margin-top: -60px;
}

.cfd.footer > .visit {
    padding-right: 0px;
}

.cfd.footer > .logo {
    width: 20vw;
    top: 15%;
}

.cfd.footer > .barncows { grid-area: logo; 
margin: 0 -5vw;
}

.cfd.footer > .ground {
    grid-area: 2 / 1 / 4 / 5;
    margin: -10px -5vw 0px;
}

div.fzwCLL {   
    justify-content: right;
    padding: 10px 5vw;
}

div.JCgSx {
    justify-content: right;
}

.about.hero {
    margin: 0vw 5vw 0vw;
}

.about.hero > .cell1 {
    padding: 5vw;
}

.about.hero > .cell2.bkgd {
    min-height: 40vw;
    background-position: bottom;
}

.stars.hero  > .cell2.bkgd {
    height: auto;
    min-height: 40vw;
}

.about.farmtotable {
    margin: 0vw 5vw;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: var(--padding-md);
    grid-row-gap: var(--padding-lg);
    grid-template-areas:   "cell1 cell1 cell1"
        "cell2 cell3 cell4"
        "cell5 cell5 cell5";
}

.about.farmtotable > .full {
    grid-area: 1 / 1 / 4 / 4;
}

.about.farmtotable > .bkgd.full {
    grid-area: 2 / 1 / 4 / 4; 
    margin-top: 20vh;
}

.about.farmtotable > .content.cell5 > .button_cta {
    padding-bottom: 5vw;
    margin-top: 0;
    padding-top: 0px;
    text-align: center;
}

.about.farmtotable > .content.cell5 > .button_cta > .btn.btn-primary {
    width: auto;
}

.about.farmtotable > .bkgd.cell2, .about.farmtotable > .bkgd.cell3, .about.farmtotable > .bkgd.cell4 {
    height: auto;
    min-height: 25vw;
}

.about.commitment {
    min-height: 25vw;
    margin: 5vw;
}

.ford1933, .fair, .tripletcows, .thirtyyears, .govenorvisits, .kidrock, .milkingmachine, .ninetyyears, .growingcookfamily {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "cell1 cell2";
    grid-column-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
}

.history > .content {
    place-self: center;
}

.purchasefarm {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "cell2 cell1 cell3";
    grid-column-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
}

.fire {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "cell2 cell2 cell2 " 
                    "cell1 cell3 cell4";
    grid-column-gap: var(--padding-md);
    grid-row-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
    text-align: center;
}

.drivethru {
    grid-template-columns: .81fr 1fr;
    grid-template-areas: "cell1 cell1"
                    "cell2 cell3";
    grid-column-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
}

.drivethru > .cell1.content > h5 {
    text-align: center;
}

.icecreamsales {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "cell1 cell2 cell4";
    grid-column-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
}

.paradefloat {
    grid-template-columns: 1fr;
    grid-template-areas: "cell3";
     margin: var(--padding-md) var(--padding-lg) 0px;
}

.tripletcows {
    grid-template-columns: 1fr .75fr;
        grid-template-areas: "cell2 cell1";
}

.visitingthefarm {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "cell1 cell1 cell1 " 
                    "cell2 cell3 cell4";
    grid-column-gap: var(--padding-md);
    grid-row-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
    text-align: center;
}

.govenorvisits {
    grid-template-columns: .75fr 1fr;
        grid-template-areas: "cell2 cell1";
}

.growingcookfamily {
    grid-template-columns: .75fr 1fr;
        grid-template-areas: "cell1 cell2";
}

.kidrock {
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "cell2 cell1";
        margin: var(--padding-lg) var(--padding-lg) 0px;
}

.bestofthebest {
        grid-template-columns: .25fr 1fr .25fr .25fr;
        grid-template-areas: ". cell1 cell3 .";
        margin: var(--padding-lg) var(--padding-lg) 0px;
}

.bestofthebest > .cell2 {
    display: none;
}

.bestofthebest > .cell3.content > img {
    width: 100%;
}

.milkingmachine{
    grid-template-columns: .75fr 1fr;
        grid-template-areas: "cell2 cell1";
}



.employment.hero {
        grid-template-columns: 1fr 1fr;
    grid-row-gap: 0;
    grid-template-areas:    ". cell1";
}

.employment.hero > .full, .employment.hero > .cell2 {
    grid-area: 1 / 1 / 2 / 3; 
}

.employment.hero > .cell1 {
    grid-area: cell1;
}

.employment.hero > .bkgd.cell2 {
    background-position: center;
    height: 40vw;
}

.employment.hero > .overlay.cell2 {
     background: linear-gradient(270deg, rgba(1,1,1,.5) 0%, rgba(1,1,1,0) 100%);
}

.employment.hero > .cell1.content {
    place-self: center;
}


.products.milk, .products.icecream {
   grid-template-columns: 1fr 1fr;
    grid-template-areas:   ". cell1"; 
}

.milk.products > .cell1, .icecream.products > .cell1 {
    grid-area: cell1;
    }

.milk.products > .cell1.content, .icecream.products > .cell1.content {
   place-self: center;
}

.products.milk > .full, .products.milk > .cell2, .products.icecream > .full, .products.icecream > .cell2 {
    grid-area: 1 / 1 / 2 / 3;
}

.products.milk > .cell2.bkgd, .products.icecream > .cell2.bkgd {
    height: 40vw;
    background-position: bottom;
}

.milk.products, .icecream.products {
    margin: 0vw 5vw 5vw;
}

.milk.products > div.cell1.content > h5:nth-child(1),.milk.products > div.cell1.content > h5:nth-child(3), .icecream.products > .cell1.content > h5 {
    margin: 0vw 0 0vw 0;
}

.products.icecream {
    grid-template-areas:   "cell1 ."; 
}

    .products.icecream > div.cell1.content {
        place-self: center start;
    }

   .products.icecream > div.cell1.content > h2 > span {
        font-size: 12vw;
        margin: 0 -5vw 0 -8vw;
    }

    .icecream.products > .bkgd.cell2 {
        background-position: 90% 85%;
    background-size: 135%;
    }


.products.farmshop > .cell2.bkgd {
    height: 40vw;
}

.products.farmshop > .cell3.bkgd, .products.farmshop > .cell4.bkgd, .products.farmshop > .cell5.bkgd {
    height: 25vw;
}

.rvdsf-productlist-container {
    margin: 0vw;
}

.visit.animals, .visit.tour, .visit.fall, .visit.xmas, .farmshop {
    grid-row-gap: 2.5vw;
    grid-column-gap: var(--padding-md);
}

.hero.locate {
    margin: 0vw 5vw 2.5vw;
    text-align: center;
}

div.edMaps_moduleWrapper {
    margin: 0vw 5vw 2.5vw;
}

.edMaps_moduleWrapper > .edMaps_mapWrapper .edMaps_container {
    height: 25vw;
}

#eds_maps_mapContainer_1687 {
    height: 25vw!important;
}

.eds_news_Ozone.eds_subCollection_news .edn_article {
    margin-bottom: 2.5vw;
}

.dnn_layout, .container {
     padding: 0vw var(--padding-lg);
     width: 100%;
}

.visit.map {
    margin: 0vw 5vw 5vw;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--padding-md);
    grid-template-areas:  "cell1 .";
}

.visit.map > .full, .visit.map > .cell2 { grid-area: 1 / 1 / 2 / 3; }

.visit.map > .cell1 {
    grid-area: cell1;
}

.visit.map > .cell1.content {
    padding: 5vw;
}

.visit.map > .cell1.content > h5, .visit.map > .cell1.content > p, .visit.map > .cell1.content > p > a {
    color: var(--color-brightwhite);
}

.visit.map > .cell1.bkgd {
    background-color: transparent;
}

.visit.map > .cell2.bkgd {
    min-height: 40vw;
    height: auto;
}

.visit.map > .cell2.overlay {
    background: linear-gradient(90deg, rgba(1,1,1,.5) 0%, rgba(1,1,1,0) 50%);
}



.visit.animals, .visit.fall, .visit.xmas, .products.farmshop {
    grid-template-areas:         "cell1 cell1 cell1"
        "cell3 cell4 cell5";
}

.visit.animals > .full, .visit.tour > .full, .visit.fall > .full, .visit.xmas > .full, .products.farmshop {
    grid-area: 1 / 1 / 3 / 4;
}

.visit.animals > .cell1.content > p, .visit.fall > .cell1.content > p, .visit.xmas > .cell1.content > p, .visit.animals > .cell1.content > .button_cta, .visit.fall > .cell1.content > .button_cta, .visit.xmas > .cell1.content > .button_cta, .products.farmshop > .cell1.content > p, .products.farmshop > .cell1.content > .button_cta {
    display: block;
    color: var(--color-brightwhite);
}

.visit.animals > .cell6, .visit.fall > .cell6, .visit.xmas > .cell6, .visit.animals > .cell6, .products.farmshop > .cell6 {
    display: none;
}


.visit.animals > .cell1.content, .visit.fall > .cell1.content, .visit.xmas > .cell1.content, .visit.tour > .cell1.content, .products.farmshop > .cell1.content {
    padding: 5vw;
    text-align: center;
}

.visit.animals > .cell1.content > p, .products.farmshop > .cell1.content > p {
    padding-top: var(--padding-md);
}

.visit.animals > .cell2, .visit.tour > .cell2, .visit.fall > .cell2, .visit.xmas > .cell2 {
    margin: 0vw -5vw 0vw;
}

.visit.animals > .cell2.bkgd, .visit.tour > .cell2.bkgd, .visit.fall > .cell2.bkgd, .visit.xmas > .cell2.bkgd {
    box-shadow: var(--boxshadow-green);
    height: 40vw;
}


.visit.animals > .cell3.bkgd, .visit.animals > .cell4.bkgd, .visit.animals > .cell5.bkgd, .visit.fall > .cell3.bkgd, .visit.fall > .cell4.bkgd, .visit.fall > .cell5.bkgd, .visit.xmas > .cell3.bkgd, .visit.xmas > .cell4.bkgd, .visit.xmas > .cell5.bkgd, .visit.tour > .cell3.bkgd, .visit.tour > .cell4.bkgd, .visit.tour > .cell5.bkgd {
    height: 25vw;
}

.visit.animals > .cell2.overlay, .visit.tour > .cell2.overlay, .visit.fall > .cell2.overlay, .visit.xmas > .cell2.overlay {
    background: rgba(1, 1, 1, .5);
}

.visit.tour > .cell1.content > .button_cta > a, .visit.fall > .cell1.content > .button_cta > a, .visit.visit.xmas > .cell1.content > .button_cta > a {
    width: 25%;
}



.contact {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:      ". cell1";
    margin: 0vw 5vw 0vw;
}

.contact > .full, .contact > .cell2 { 
    grid-area: 1 / 1 / 2 / 3; 
    }

.contact > .cell2.bkgd {
    background-position: 0 0;
    height: 40vw;
}

.contact > .cell2.overlay {
background: linear-gradient(270deg, rgba(1,1,1,.8) 0%, rgba(1,1,1,0) 80%);
}

.contact> .cell1.bkgd {
    background-color: transparent;
}

.contact > .cell1.content {
    place-self: center;
}

.contact > .cell1.content > p, .contact > .cell1.content > p > a, .contact > .cell1.content > h5 {
    color: var(--color-brightwhite);
}


.contact > .cell1.content > p > iframe {
    display: none;
}

li.from-footer > div.form_submit > input.submit_but {
    width: 25%;
}

.thankyou > .cell1.content {
    margin: 10vw 0vw -22vw 5vw;
    width: 40%;
}

.thankyou > .cell1.content > h1 {
    font-size: 7vw;
}

.thankyou > .cell2.bkgd {
    min-height: 40vw;
    background-position: center;
}

.pagenotfound {
    margin-top: -100px;
}

.pagenotfound > .full.bkgd {
    background-position: bottom;
}

.website_credits > p {
    text-align: right;
padding: 0px 0;
}

.headerBox .nav_box {
    margin: 0px 0px;
}

/*END DESKTOP VIEW*/
}


/*|| TABLET VIEW*/


@media all and (min-width:769px) and (max-width:1024px) {

    h5, #hero1 > .cell1.content > h5, #hero3 > .cell1.content > h5, .home.icecream > .cell1.content > h5, .home.milk > .cell1.content > h5, .home.visit > .cell1.content > h5, .home.farmshop > .cell1.content > h5, .socialmedia > .cell1.content > h5, .about.hero > .cell1.content > h5, .hero.stars > .cell1.content > h5, .about.farmtotable > .cell1.content > h5, .about.history > .cell1.content > h5, .employment.hero > .cell1.content > h5, .visit.map > .cell1.content > h5, .visit.animals > .cell1.content > h5, .visit.fall > .cell1.content > h5, .visit.xmas > .cell1.content > h5, .visit.tour > .cell1.content > h5, .contact > .cell1.content > h5, .pagenotfound > .cell1.content > h5, .locate > .cell1.content > h5, .newsletter > .cell2.content > h5 {
        font-size: var(--body-font-size-xs);
    }

.bluesky > .full.bkgd, .footer > .bluesky {
    height: 200px;
    background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(120,198,239,1) 100%);
}

#hero1 > .bkgd.cell2 {
    height: 40vh;
    background-position: 0 45%;
}

#hero1 > .cell1 {
    padding: 0vw 5vw 5vw 5vw;
}

#hero1 > .cell1.content > h1, #hero3 > .cell1.content > h2, .home.icecream > .cell1.content > h2, .home.milk > .cell1.content > h2, .home.visit > .cell1.content > h2, .home.farmshop > .cell1.content > h2, .socialmedia > div.cell1.content > h2, .about.hero > .cell1.content > h1, .hero.stars > .cell1.content > h2, .about.farmtotable > .cell1.content > h2, .about.history > .cell1.content > h2, .employment.hero > .cell1.content > h2, .about.commitment > .cell1.content > h2, .visit.map > .cell1.content > h1, .visit.animals > .cell1.content > h2, .visit.fall > .cell1.content > h2, .visit.xmas > .cell1.content > h2, .visit.tour > .cell1.content > h2, .contact > .cell1.content > h1, .pagenotfound > .cell1.content > h1, .locate > .cell1.content > h1, .newsletter > .cell2.content > h2, .milk.products > .cell1.content > h1, .icecream.products > .cell1.content > h2, .farmshop.products > .cell1.content > h2 {
        font-size: 9vw;
            margin: 0 0 0 -1.5vw;
    }

#hero3 > .bkgd.cell2, .home.visit > div.bkgd.cell1, .home.icecream > .bkgd.cell2, .home.milk > .bkgd.cell2 {
    min-height: 30vw;
    height: auto;
}

#hero3 > .bkgd.cell2 {
    background-position: 95%;
}

#hero1 > div.cell2.overlay {
    background: linear-gradient(90deg, rgba(1,1,1,.5) 0%, rgba(1,1,1,0) 50%);
}

.home.visit, .home.farmshop {
    height: 40vw;
}


.home.icecream > .cell1, .home.milk > .cell1 {
     padding: 5vw;
    }

#hero3 > .cell1.content {
     place-self: center start;
    }


#hero3, .home.icecream, .home.milk {
    margin: 0vh 0vw 0vw;
    grid-column-gap: 0;
}

#hero3 > .cell1, .home.milk > .cell1, .hero.stars > .cell1, .visit.map > .cell1, .contact > .cell1 {
    margin-top: 0vw;
}

#hero3 > .cell1.content, .home.icecream > .cell1.content, .home.milk > .cell1.content, .hero.stars > .cell1.content, .visit.map > .cell1.content, .contact > .cell1.content {
    place-self: center center;
}

#hero3 > .cell1.content, #hero1 > .cell1.content {
     place-self: center start;
    }

#hero3 {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "cell2 cell1";
}


.home.icecream, .stars.hero {
        grid-template-columns: 1fr 1fr;
    grid-template-areas: "cell1 cell2";
}

.home.icecream > .bkgd.cell2, .home.milk > .bkgd.cell2 {
    height: auto;
    min-height: 40vw;
}

.home.milk {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "cell2 cell1";
}

.home.milk > .bkgd.cell2 {
    background-position: 0% 70%;
}

.home.farmshop {
    margin: 0vw 0vw;
}

.home.visit > .cell1.content {
    place-self: center;
}

.home.visit > .bkgd.cell1, .home.farmshop > .bkgd.cell1 {
    box-shadow: var(--boxshadow-green);
}

.home.visit > .cell1.content {
    text-align: center;
}

.home.visit.highlights {
    height: auto;
    margin: 5vw;
}

.home.visit.highlights {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 0;
    grid-column-gap: var(--padding-md);
    grid-template-areas:   "cell1 cell2 cell3";
}

.home.visit.highlights > .bkgd, .home.visit.highlights > .bkgd.cell1 {
    height: 25vw;
    min-height: 25vw;
}

.home.visit.highlights > .cell1.content {
    margin: 0;
}

.home.visit.highlights > .content {
    margin: 0;
    place-self: end center;
    padding: var(--padding-sm) var(--padding-xxs);
}



.home.farmshop > .content.cell1 {
    place-self: center;
}

.home.farmshop > .overlay.cell1 {
    background:rgba(1,1,1,.25) ;
}

.home.farmshop > .bkgd.cell1 {
    background-position: 0 90%;
}

.cfd.footer {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:         "logo logo"
        "barncows barncows"
        "about contactinfo"
        "products visit"
        "social social";
    text-align: left;
}

.cfd.footer > .full {
    grid-area: 1 / 1 / 6 / 3;
}

.cfd.footer > .logo {
    width: 20vw;
}




.cfd.footer > .social {
    text-align: center;
}

.cfd.footer > .ground {
    grid-area: 3 / 1 / 6 / 3;
}

div.fzwCLL {   
    justify-content: left;
}

div.JCgSx {
    justify-content: left;
}

.about.hero {
    margin: 0vw 5vw 0vw;
}

.about.hero > .cell1 {
    padding: 5vw;
}

.about.hero > .cell2.bkgd {
        height: auto;
    min-height: 50vw;
    background-position: center;
}

.stars.hero  > .cell2.bkgd {
    height: auto;
    min-height: 40vw;
    background-position: 35%;
}

.about.farmtotable {
    margin: 0vw 5vw;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: var(--padding-md);
    grid-row-gap: var(--padding-lg);
    grid-template-areas:   "cell1 cell1 cell1"
        "cell2 cell3 cell4"
        "cell5 cell5 cell5";
}

.about.farmtotable > .full {
    grid-area: 1 / 1 / 4 / 4;
}

.about.farmtotable > .bkgd.full {
    grid-area: 2 / 1 / 4 / 4; 
    margin-top: 10vh;
}

.about.farmtotable > .content.cell2 > img, .about.farmtotable > .content.cell3 > img, .about.farmtotable > .content.cell4 > img {
    max-height: 60px;
    margin-top: -30px;
}

.about.farmtotable > .content2.cell2, .about.farmtotable > .content2.cell3, .about.farmtotable > .content2.cell4 {
    padding: 5vw 2.5vw 2.5vw;
}

.about.farmtotable > .content.cell5 > .button_cta {
    padding-bottom: 5vw;
    margin-top: 0;
    padding-top: 0px;
    text-align: center;
}

.about.farmtotable > .content.cell5 > .button_cta > .btn.btn-primary {
    width: auto;
}

.about.farmtotable > .bkgd.cell2, .about.farmtotable > .bkgd.cell3, .about.farmtotable > .bkgd.cell4 {
    height: auto;
    min-height: 25vw;
}

.about.commitment {
    min-height: 25vw;
    margin: 5vw;
}

.about.history > .full.bkgd {
    min-height: 40vw;
    height: auto;
}

.ford1933, .fair, .tripletcows, .thirtyyears, .govenorvisits, .kidrock, .milkingmachine, .ninetyyears, .growingcookfamily {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "cell1 cell2";
    grid-column-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
}

.history > .content {
    place-self: center;
}

.purchasefarm {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "cell2 cell1 cell3";
    grid-column-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
}

.fire {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "cell2 cell2 cell2 " 
                    "cell1 cell3 cell4";
    grid-column-gap: var(--padding-md);
    grid-row-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
    text-align: center;
}

.drivethru {
    grid-template-columns: .81fr 1fr;
    grid-template-areas: "cell1 cell1"
                    "cell2 cell3";
    grid-column-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
}

.drivethru > .cell1.content > h5 {
    text-align: center;
}

.icecreamsales {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "cell1 cell2 cell4";
    grid-column-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
}

.paradefloat {
    grid-template-columns: 1fr;
    grid-template-areas: "cell3";
     margin: var(--padding-md) var(--padding-lg) 0px;
}

.tripletcows {
    grid-template-columns: 1fr .75fr;
        grid-template-areas: "cell2 cell1";
}

.visitingthefarm {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "cell1 cell1 cell1 " 
                    "cell2 cell3 cell4";
    grid-column-gap: var(--padding-md);
    grid-row-gap: var(--padding-md);
    margin: var(--padding-lg) var(--padding-lg) 0px;
    text-align: center;
}

.govenorvisits {
    grid-template-columns: .75fr 1fr;
        grid-template-areas: "cell2 cell1";
}

.growingcookfamily {
    grid-template-columns: .75fr 1fr;
        grid-template-areas: "cell1 cell2";
}

.kidrock {
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "cell2 cell1";
        margin: var(--padding-lg) var(--padding-lg) 0px;
}

.bestofthebest {
        grid-template-columns: .25fr 1fr .25fr .25fr;
        grid-template-areas: ". cell1 cell3 .";
        margin: var(--padding-lg) var(--padding-lg) 0px;
}

.bestofthebest > .cell2 {
    display: none;
}

.bestofthebest > .cell3.content > img {
    width: 100%;
}

.milkingmachine{
    grid-template-columns: .75fr 1fr;
        grid-template-areas: "cell2 cell1";
}


.employment.hero {
        grid-template-columns: 1fr 1fr;
    grid-row-gap: 0;
    grid-template-areas:    ". cell1";
}

.employment.hero > .full, .employment.hero > .cell2 {
    grid-area: 1 / 1 / 2 / 3; 
}

.employment.hero > .cell1 {
    grid-area: cell1;
}

.employment.hero > .bkgd.cell2 {
    background-position: center;
    height: 40vw;
}

.employment.hero > .overlay.cell2 {
     background: linear-gradient(270deg, rgba(1,1,1,.5) 0%, rgba(1,1,1,0) 100%);
}

.employment.hero > .cell1.content {
    place-self: center;
}


.icecream.products > .cell1.content > h2, .milk.products > .cell1.content > h1, .farmshop.products > .cell1.content > h2 {
    margin: 0;
}

.icecream.products > .cell1.content > .button_cta, .milk.products > .cell1.content > .button_cta, .farmshop.products > .cell1.content  > .button_cta {
    margin: 2.5vw 0 0;
}

.products.milk, .products.icecream {
   grid-template-columns: 1fr 1fr;
    grid-template-areas:   ". cell1"; 
}

.milk.products > .cell1, .icecream.products > .cell1 {
    grid-area: cell1;
    }

.milk.products > .cell1.content, .icecream.products > .cell1.content {
   place-self: center;
}

.products.milk > .full, .products.milk > .cell2, .products.icecream > .full, .products.icecream > .cell2 {
    grid-area: 1 / 1 / 2 / 3;
}

.products.milk > .cell2.bkgd, .products.icecream > .cell2.bkgd {
    height: 40vw;
    background-position: bottom;
}

.milk.products, .icecream.products {
    margin: 0vw 5vw 5vw;
}

.milk.products > div.cell1.content > h5:nth-child(1),.milk.products > div.cell1.content > h5:nth-child(3), .icecream.products > .cell1.content > h5 {
    margin: 0vw 0 0vw 0;
}

.products.icecream {
    grid-template-areas:   "cell1 ."; 
}

    .products.icecream > div.cell1.content {
        place-self: center start;
    }

   .products.icecream > div.cell1.content > h2 > span {
        font-size: 12vw;
        margin: 0 -5vw 0 -8vw;
    }

    .icecream.products > .bkgd.cell2 {
        background-position: 90% 85%;
    background-size: 135%;
    }


.products.farmshop > .cell2.bkgd {
    min-height: 30vw;
}

.products.farmshop > .cell3.bkgd, .products.farmshop > .cell4.bkgd, .products.farmshop > .cell5.bkgd {
    height: 25vw;
}

.rvdsf-productlist-container {
    margin: 0vw;
}

.visit.animals, .visit.tour, .visit.fall, .visit.xmas, .farmshop {
    grid-row-gap: 2.5vw;
    grid-column-gap: var(--padding-md);
}



.hero.locate {
    margin: 0vw 5vw 2.5vw;
    text-align: center;
}

div.edMaps_moduleWrapper {
    margin: 0vw 5vw 2.5vw;
}

.edMaps_moduleWrapper > .edMaps_mapWrapper .edMaps_container {
    height: 25vw;
}

#eds_maps_mapContainer_1687 {
    height: 25vw!important;
}

.eds_news_Ozone.eds_subCollection_news .edn_article {
    margin-bottom: 2.5vw;
}

.dnn_layout, .container {
     padding: 0;
}

.visit.map {
    margin: 0vw 5vw 5vw;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--padding-md);
    grid-template-areas:  "cell2 cell2"
    "cell1 cell1";
}

.visit.map > .full { grid-area: 1 / 1 / 3 / 3; }

.visit.map > .cell1 {
    grid-area: cell1;
}

.visit.map > .cell2 {
    grid-area: cell2;
}

.visit.map > .cell1.content {
    padding: 5vw;
}

.visit.map > .cell1.content > h5, .visit.map > .cell1.content > p, .visit.map > .cell1.content > p > a {
    color: var(--color-brightwhite);
}

.visit.map > .cell2.bkgd {
    min-height: 40vw;
    height: auto;
    background-position: center;
}

.visit.animals, .visit.fall, .visit.xmas, .products.farmshop {
    grid-template-areas:         "cell1 cell1 cell1"
        "cell3 cell4 cell5";
}

.visit.animals > .full, .visit.tour > .full, .visit.fall > .full, .visit.xmas > .full, .products.farmshop {
    grid-area: 1 / 1 / 3 / 4;
}

.visit.animals > .cell1.content > p, .visit.fall > .cell1.content > p, .visit.xmas > .cell1.content > p, .visit.animals > .cell1.content > .button_cta, .visit.fall > .cell1.content > .button_cta, .visit.xmas > .cell1.content > .button_cta, .products.farmshop > .cell1.content > p, .products.farmshop > .cell1.content > .button_cta {
    display: block;
    color: var(--color-brightwhite);
}

.visit.animals > .cell6, .visit.fall > .cell6, .visit.xmas > .cell6, .visit.animals > .cell6, .products.farmshop > .cell6 {
    display: none;
}


.visit.animals > .cell1.content, .visit.fall > .cell1.content, .visit.xmas > .cell1.content, .visit.tour > .cell1.content, .products.farmshop > .cell1.content {
    padding: 5vw;
    text-align: center;
}

.visit.animals > .cell1.content > p, .products.farmshop > .cell1.content > p {
    padding-top: var(--padding-md);
}

.visit.animals > .cell2.bkgd, .visit.tour > .cell2.bkgd, .visit.fall > .cell2.bkgd, .visit.xmas > .cell2.bkgd {
    margin: 0vw;
    box-shadow: var(--boxshadow-green);
    height: 40vw;
}

.visit.animals > .cell2.overlay, .visit.tour > .cell2.overlay, .visit.fall > .cell2.overlay, .visit.xmas > .cell2.overlay {
    margin: 0vw;
}

.visit.animals > .cell3.bkgd, .visit.animals > .cell4.bkgd, .visit.animals > .cell5.bkgd, .visit.fall > .cell3.bkgd, .visit.fall > .cell4.bkgd, .visit.fall > .cell5.bkgd, .visit.xmas > .cell3.bkgd, .visit.xmas > .cell4.bkgd, .visit.xmas > .cell5.bkgd, .visit.tour > .cell3.bkgd, .visit.tour > .cell4.bkgd, .visit.tour > .cell5.bkgd {
    height: 25vw;
}

.visit.animals > .cell2.overlay, .visit.tour > .cell2.overlay, .visit.fall > .cell2.overlay, .visit.xmas > .cell2.overlay {
    background: rgba(1, 1, 1, .5);
}

.visit.tour > .cell1.content > .button_cta > a, .visit.fall > .cell1.content > .button_cta > a, .visit.visit.xmas > .cell1.content > .button_cta > a {
    width: 25%;
}



.contact {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:      "cell2 cell1";
    margin: 0vw 5vw 0vw;
}

.contact > .full { 
    grid-area: 1 / 1 / 2 / 3; 
    }

.contact > .cell2.bkgd {
    background-position: 20%;
    min-height: 40vw;
    height: auto;
}

/*.contact > .cell2.overlay {
background: linear-gradient(270deg, rgba(1,1,1,.8) 0%, rgba(1,1,1,0) 50%);
}*/

.contact > .cell1.bkgd {
    background-color: var(--color-jetset);
}

.contact > .cell1.content {
    place-self: center;
}

.contact > .cell1.content > p, .contact > .cell1.content > p > a, .contact > .cell1.content > h5 {
    color: var(--color-brightwhite);
}


.contact > .cell1.content > p > iframe {
    display: none;
}

li.from-footer > div.form_submit > input.submit_but {
    width: 25%;
}

.thankyou > .cell1.content {
    margin: 5vw 0vw -18vw 5vw;
    width: 40%;
}

.thankyou > .cell1.content > h1 {
    font-size: 10vw;
}

.thankyou > .cell2.bkgd {
    min-height: 70vh;
    background-position: 63%;
}

.pagenotfound {
    margin-top: -140px;
}

.pagenotfound > .full.bkgd {
    background-position: 15%;
}

.website_credits > p {
    text-align: right;
    padding: 0px 0;
}

/*END TABLET VIEW*/
}