.pirco_checkout_message { display: none!important; } /*! * Theme Name: ALF Theme URI: http://underscores.me/ Author URI: https://piroc.com Description: a bespoke custom theme for a bespoke custom hotel Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: slcl Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. WIF is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. /* Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/3c80dc"); @import url("//hello.myfonts.net/count/3c8135"); @font-face { font-family: 'Bourbon-Lines'; src: url('webFonts/Bourbon-Lines/font.woff2') format('woff2'), url('webFonts/Bourbon-Lines/font.woff') format('woff'); font-display: swap; } @font-face { font-family: 'Bourbon-LinesOblique'; src: url('webFonts/Bourbon-LinesOblique/font.woff2') format('woff2'), url('webFonts/Bourbon-LinesOblique/font.woff') format('woff'); font-display: swap; } @font-face { font-family: 'Bourbon-Regular'; src: url('webFonts/Bourbon-Regular/font.woff2') format('woff2'), url('webFonts/Bourbon-Regular/font.woff') format('woff'); font-display: swap; } @font-face { font-family: 'Adelle-LightItalic'; src: url('webFonts/Adelle-LightItalic/font.woff2') format('woff2'), url('webFonts/Adelle-LightItalic/font.woff') format('woff'); font-display: swap; } @font-face { font-family: 'Adelle-Light'; src: url('webFonts/Adelle-Light/font.woff2') format('woff2'), url('webFonts/Adelle-Light/font.woff') format('woff'); font-display: swap; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body,button,input,optgroup,select,textarea{color:#404040;font-family:'Adelle-Light',sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{line-height: 1.1em;clear:both; font-family: 'Bourbon-Regular', sans-serif!important; font-weight: lighter; letter-spacing: 0.06em; margin-bottom: .39em;}p{margin-top:0.5em;margin-bottom:1em}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box}body{background:#fff}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 0 1.5em 0em;padding-left:1.3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}button,input[type=button],input[type=reset],input[type=submit]{ /*border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);font-size:.75rem;line-height:1;padding:.6em 1em .4em}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa*/} button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;border:0px solid #ccc;border-radius:0px;padding:3px}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}a{color:#4169e1}a:visited{color:purple}a:active,a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:active,a:hover{outline:0} button { background: transparent; border: none; } .createProgramDescription p { margin: 0; } .entry-content p { font-size: .96em; line-height: 1.666; widows: 3; orphans: 3; } /*! Flickity v2.2.1 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:transparent;border-radius:50%;cursor:pointer;border:1px solid #333;}.flickity-page-dots .dot.is-selected{background:#333} .carousel-cell { width: 100%; } .flickity-slider img { max-width: none; }.carouselImageCaption{ text-align: center; margin: .67em auto;} .hamburger{top:1.6%;top:.66vh;text-align:right;left:auto;right:0;position:relative;z-index:999;padding:5px 15px;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#375442}.hamburger-box{width:36px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:30px;height:3px;background-color:#375442;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)} .site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em}.comment-navigation .nav-links,.post-navigation .nav-links,.posts-navigation .nav-links{display:flex}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{flex:1 0 50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:end;flex:1 0 50%}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.sticky{display:block}.page,.post{margin:0}.updated:not(.published){display:none}.entry-content,.entry-summary,.page-content{margin:0em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;text-align:center;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.gallery-caption{display:block} #animsition { opacity: 0; min-height: 77vh; } main.site-main { position: relative; z-index: 2} /* for parallax */ .grainBkgd { background: url('/wp-content/themes/ALF/images/sand_bkgd_tile.jpg'); background: #e9e6df; position: relative; } .beigeBkgd { background-color: #e9e6de; } .lightBkgd { background-color: #f8f8f4; } .paddingTop1vh { padding-top: 1vh; } .paddingTop3vh { padding-top: 3vh; } .paddingBottom { padding-bottom: 6vh; } .green { color: #375442 } .white { color: #FFFFFF!important; } body.page-template-page-apprentice main.site-main { padding: 3.3vh 0; } section#biggestLittleFarm .container { position: relative; z-index: 3 /* this section features a bird image */} .clip-svg { clip-path: url(#wave); } .clipSVG_borderWave1 { clip-path: url(#borderWave1); height: 240px; margin-bottom: -200px; margin-top: -3.67vh; } .clipSVG_borderWave2 { clip-path: url(#borderWave2); } .clipSVG_borderWave1_flippedVertical { clip-path: url(#borderWave1); height: 240px; margin-bottom: -6vw; margin-top: 0; transform: rotate(-180deg); } @media screen and (max-width: 767px) { #page { overflow: hidden; } /* crudely hiding scrollbar because we're widening the "waves" to flatten them */ .clipSVG_borderWave1 { width: 200%; margin-right: -100%; margin-top: -2.67vh; } } a:link, a:visited { color: #375442; color: #975336; text-decoration: none; transition: color .33s ease-in-out } a:hover { color: #241F1A; transition: color .2s ease-in-out } .teamMember:hover a.green h2.h4 { color: #975336!important; } header.site-header { position: absolute; z-index: 300; top: 0; width: 100%; } header.site-header.light { background: #f8f8f4; } header.site-header.sticky { background: #f8f8f4; top: 0; left: 0; width: 100%; -webkit-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;} header.site-header .site-title #tractor, header.site-header.sticky .site-title img { display: none; } header.site-header.sticky .site-title #tractor, header.site-header .site-title img { display: inline-block; } header.site-header.dark .site-title img { -webkit-filter: invert(1); filter: invert(1); } header.site-header.dark .main-navigation a { color: #232829} header.site-header.dark .hamburger-inner, header.site-header.dark .hamburger-inner::after, header.site-header.dark .hamburger-inner::before { background-color: #375442; } header.site-header .site-branding { position: relative; z-index: 1; } header.site-header>.container { position: relative; } /* #hero::after { display: block; opacity: 1; content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; background: rgb(63,64,51); background: -moz-linear-gradient(0deg, rgba(63,64,51,0) 15%, rgba(63,64,51,0.4906337535014006) 73%, rgba(63,64,51,0.5886729691876751) 100%); background: -webkit-linear-gradient(0deg, rgba(63,64,51,0) 15%, rgba(63,64,51,0.4906337535014006) 73%, rgba(63,64,51,0.5886729691876751) 100%); background: linear-gradient(0deg, rgba(63,64,51,0) 15%, rgba(63,64,51,0.4906337535014006) 73%, rgba(63,64,51,0.5886729691876751) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f4033",endColorstr="#3f4033",GradientType=1); }*/ .site-title #tractor { max-width: 44px; margin-top: 6px; } .main-navigation{display:block; position: absolute; left: auto; right: 0; top:20px; text-align: center;} .main-navigation ul.menu{display:none;list-style:none;margin: 0;padding-left:0} .main-navigation ul div.sub-menu-wrap{/*box-shadow:0 3px 3px rgba(0,0,0,.2);*/; float:none;position:relative;opacity: 1;left:0;z-index:99999;margin: 0 auto;padding: 0em 0 1em 1.8em;width: 100%; -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out;} .main-navigation ul li div.sub-menu-wrap div.sub-menu-flexer { display: flex; flex-direction: row; margin: 0 auto; width: 100%; max-width: 800px; } .main-navigation ul ul.sub-menu li.focus>ul,.main-navigation ul ul.sub-menu li:hover>ul{opacity: 1;display:block;left:0} .main-navigation ul ul.sub-menu a{ /* width:130px */ } .main-navigation ul li.focus div,.main-navigation ul li:hover div{left:0; opacity: 1; -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out;} ul.sub-menu { margin-bottom: 0;list-style: none } .main-navigation ul li.last-item:hover ul.sub-menu { text-align: right; right: 0; left: auto;} /* .last item is the last item visible on desktop and is right aligned and has less padding left */ .main-navigation ul li.last-item ul.sub-menu{ margin-left: -6px; padding-left: 6px; padding-right: 12px; } .main-navigation ul li.last-item ul.sub-menu a { width: 150px } /* last subnav link is wider to fit "Become a Member" on one line */ .main-navigation a{padding-bottom: 6px; color: #FFF; font-family: 'Adelle-Light',serif;display:block;text-decoration:none;font-size:.9em;letter-spacing:.04em;text-align: left;} .main-navigation ul.nav-menu>li>a {font-family: 'Adelle-Bold', serif; text-transform:uppercase;border-bottom: 3px solid transparent; padding-left: 1.2em} .main-navigation ul.nav-menu li.current-menu-item>a, .main-navigation ul.nav-menu li.current-menu-parent>a { } .sub-menu-flexer .mega-menu-callout-1, .sub-menu-flexer .mega-menu-callout-2 { text-align: center; padding-right: 6.66% } .sub-menu-flexer .mega-menu-callout-2 { padding-right: 0; } .mega-menu-callout-1-image, .mega-menu-callout-2-image { max-width: 300px } .main-navigation.toggled ul { padding-left: 0em; } .main-navigation li{ /* position:relative */ /* not relative since mega menu */ } .main-navigation.toggled ul, .menu-toggle{display:block} .main-navigation.toggled ul.nav-menu { overflow: scroll;justify-content: flex-start; padding: 6vh 0 3vh; position: fixed; top: 0; left: auto; right: 0; width: 50%; min-width: 220px; height: 100%; z-index: 99; display: flex; flex-direction: column; text-align: center; background: #c6cec4; } .main-navigation div.sub-menu-wrap { background: #c6cec4; } header.site-header.sticky .main-navigation ul.nav-menu li>a, .main-navigation.toggled a, ul.sub-menu a, header.site-header.light .main-navigation ul.nav-menu li>a { color: #375442; } header.site-header.sticky .main-navigation ul.nav-menu li.current-menu-item>a, header.site-header.sticky .main-navigation ul.nav-menu li.current-menu-parent>a, header.site-header.light .main-navigation ul.nav-menu li.current-menu-parent>a, header.site-header.light .main-navigation ul.nav-menu li.current-menu-item>a {color: #f8f8f4} .mega-menu-callout-1 a, .mega-menu-callout-2 a { color: #FFFFFF!important; } @media screen and (min-width:48em){ /* reversing order of menu and callout image on VISIT page .main-navigation ul li:nth-child(3) div.sub-menu-wrap div.sub-menu-flexer { flex-direction: row-reverse; }*/ .main-navigation.toggled ul.nav-menu { background: #f8f8f4; } .main-navigation div.sub-menu-wrap { background: #f8f8f4; } header.site-header.sticky .main-navigation ul.nav-menu li>a, .main-navigation.toggled a, ul.sub-menu a, header.site-header.light .main-navigation ul.nav-menu li>a { color: #232829; } header.site-header.sticky .main-navigation ul.nav-menu li.current-menu-item>a, header.site-header.sticky .main-navigation ul.nav-menu li.current-menu-parent>a, header.site-header.light .main-navigation ul.nav-menu li.current-menu-parent>a, header.site-header.light .main-navigation ul.nav-menu li.current-menu-item>a {color: #a67158} .mega-menu-callout-1 a, .mega-menu-callout-2 a { color: #232829!important; } header.site-header:not(.sticky).before:before, header.site-header:not(.sticky):before { display: none; content: ''; } .main-navigation.toggled ul.nav-menu { width: 100%; left: 0; right: 0; } .main-navigation ul.nav-menu>li>a { padding-left: 0;} .main-navigation ul.nav-menu>li>a { font-family: 'Adelle-Light', serif; } .main-navigation a { text-align: left; } .menu-toggle{display:none} .main-navigation ul.menu{display:flex; justify-content: center;} .main-navigation .sub-menu, .mega-menu-callout-1 a, .mega-menu-callout-2 a { flex-basis: 33.333%;text-align: center; } .main-navigation ul.sub-menu { margin: 0 auto; } .main-navigation {position: relative; top: auto; } header.site-header.sticky .main-navigation { margin-top: -9px; } header.site-header.sticky .main-navigation { border-top: 2px solid #231f20; } .main-navigation ul.nav-menu>li{/* position:relative */ /* not relative since mega menu *//* margin-left:1em;margin-left: 2vw;margin-top: 1em*/ padding: 6px 1.3vw 0} .main-navigation li.last-item {margin-right: -12px} .main-navigation ul.nav-menu>li{margin-top: 0;} .main-navigation ul ul.sub-menu li { display: block; float: none; margin-top: 1em;} .main-navigation ul ul.sub-menu li:first-child { margin-top: 0; } .main-navigation ul.nav-menu li:hover a { background: transparent } .main-navigation ul div.sub-menu-wrap { float:left;position:absolute;opacity: 0; padding: 2em 0; left: -9999px; } } /* ==== GRID SYSTEM ==== */ .container{width:90%;margin-left:auto;margin-right:auto}.row{position:relative;width:100%}.row [class^=col-]{float:left;margin:.5rem 2%;min-height:.125rem}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:96%}.col-1-sm{width:4.33%}.col-2-sm{width:12.66%}.col-3-sm{width:21%}.col-4-sm{width:29.33%}.col-5-sm{width:37.66%}.col-6-sm{width:46%}.col-7-sm{width:54.33%}.col-8-sm{width:62.66%}.col-9-sm{width:71%}.col-10-sm{width:79.33%}.col-11-sm{width:87.66%}.col-12-sm{width:96%}.row::after, .flex-row::after{content:"";display:table;clear:both}.hidden-sm{display:none}@media only screen and (min-width:33.75em){.container{width:90%}}@media only screen and (min-width:768px){.col-1{width:4.33%}.col-2{width:12.66%}.col-3{width:21%}.col-4{width:29.33%}.col-5{width:37.66%}.col-6{width:46%}.col-7{width:54.33%}.col-8{width:62.66%}.col-9{width:71%}.col-10{width:79.33%}.col-11{width:87.66%}.col-12{width:96%}.hidden-sm{display:block}}@media only screen and (min-width:60em){.container{width:90%;max-width:80rem}} .row [class*=col-inline] { float: none; display: inline-block; vertical-align: middle;} .col-inline.inline-top { vertical-align: top; } .flex-row {display: flex; flex-direction: row;} .flex-row [class*=col-] { float: none; margin: .5rem 2%; min-height: .125rem} .bounce { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } #loader { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 0; display: flex; align-items: center; justify-content: center; } #loader svg { width: 80px; } #loader svg circle { stroke:#375442 } #loader svg { animation: 2s linear infinite svg-animation; max-width: 100px; } @keyframes svg-animation { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg) } } #loader circle { animation: 1.4s ease-in-out infinite both circle-animation; display: block; fill: transparent; stroke: #2f3d4c; stroke-linecap: round; stroke-dasharray: 283; stroke-dashoffset: 280; stroke-width: 4px; transform-origin: 50% 50%; } @keyframes circle-animation { 0%, 25% { stroke-dashoffset: 280; transform: rotate(0); } 50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); } 100% { stroke-dashoffset: 280; transform: rotate(360deg); } } button:focus, input:focus, select:focus, textarea:focus, a:focus { outline: none; border: 0;} .nowrap { white-space: nowrap!important; } .clearfix::after { content: ""; clear: both; display: table; } .textRight { text-align: right; } .textLeft { text-align: left!important;} .textCenter { text-align: center; margin-left: auto; margin-right: auto; } .hidden { position: absolute; left: -99999px; } .max30px { max-width: 30px; } .max35px { max-width: 35px; } .max40px { max-width: 40px; } .max45px { max-width: 45px; } .max50px { max-width: 50px; } .max55px { max-width: 55px; } .max60px { max-width: 60px; } .max65px { max-width: 65px; } .max70px { max-width: 70px; } .max75px { max-width: 75px; } .max80px { max-width: 80px; } .max85px { max-width: 85px; } .max90px { max-width: 90px; } .max95px { max-width: 95px; } .max100px { max-width: 100px; } .max105px { max-width: 105px; } .max600px { max-width: 600px; margin-right: auto!important; margin-left: auto!important; } .max660px { max-width: 660px; margin-right: auto!important; margin-left: auto!important; } .max720px { max-width: 720px; margin-right: auto!important; margin-left: auto!important; } .max800px { max-width: 800px; margin-right: auto!important; margin-left: auto!important; } .max880px { max-width: 880px; margin-right: auto!important; margin-left: auto!important; } .max900px { max-width: 900px; margin-right: auto!important; margin-left: auto!important; } .max920px { max-width: 920px; margin-right: auto!important; margin-left: auto!important; } .max960px { max-width: 960px; margin-right: auto!important; margin-left: auto!important; } .max1000px { max-width: 1000px; margin-right: auto!important; margin-left: auto!important; } .max1140px { max-width: 1140px; margin-right: auto!important; margin-left: auto!important; } .max100 { max-width: 100%; } .lightGreenBkgd { background-color: #c6cec4!important; } img { width: 100%; line-height: 0; } body { font-family: 'Adelle-Light', sans-serif; font-weight: 300; background: #f8f8f4; } .adelle { font-family: 'Adelle-Light', sans-serif!important; } a.btn, .btn, button.btn a { font-family: 'Adelle-Light', sans-serif; margin-top: .67em; background: transparent; border: 2px solid #975336; padding: .777em 2.67em; color: #975336; border-radius: 0px; float: none; display: inline-block; transition: color .2s ease-in-out; font-size: .8rem; line-height: 1; letter-spacing: .04em;} .btn.inline { display: inline-block; } a.btn.first { margin-right: .6em; } a.btn:link, a.btn:visited, button.btn a:link, button.btn a:visited, button[type=submit], input[type=submit] { color: #975336 !important; background-color: transparent !important; border: 2px solid #975336 !important; border-radius: 0 !important; letter-spacing: 0.05em !important; line-height: 1 !important; text-decoration: none !important; } a.btn:hover, .btn:hover, button.btn a:hover, button[type=submit]:hover, input[type=submit]:hover { background: #975336 !important; border: 2px solid #975336 !important; color: #FFF !important; transition: color .2s ease-in-out !important; } a.btn:hover, .btn:hover, button.btn a:hover {background: #975336; border: 2px solid #975336; color: #FFF; transition: color .2s ease-in-out } .button1 { margin-right: 1em;} .homepageSectionCTA { margin-bottom: .67em; } input[type=submit] { background: transparent; text-shadow: none; } .underline:after { content: ''; background: url(/wp-content/themes/ALF/images/underline.png) bottom repeat-x; height: 12px; margin-bottom: -12px; display: block; /* position: absolute; */ width: 100%; } .underline { display: inline-block; color: #375442; transition: 0.2s } .underline:hover { color: #924c2d!important } /* .underline:after { content: ''; background: url(/wp-content/themes/ALF/images/link_underline.png); height: 6px; width: 100%; display: inline-block; background-repeat: no-repeat; background-size: contain;} */ .btn.transparent { background: transparent; color: #211331; border: 1px solid #211331; } .btn.transparent a { color: #211331; } .btn.transparent:hover { background: #211331; } .btn.transparent:hover a { color: #FFFF} a.link { display: inline-block } h1.site-title, p.site-title { font-size: 1em!important; margin-top: 16px!important;margin-bottom: 6px!important; line-height: 1!important;} .site-title img { width: 120px; } .h2 { font-size: 2.27em; } .h3 { font-size: 2em; } .h4 { font-size: 1.2em; } #hero { position: relative; text-align: center; top: 0; z-index: 0; display: block; } body.home #hero { height: 100vh; } .heroInner { position: relative; height: 100%; width: 100%; line-height: 0;} .heroImageContainer { background-position: center; background-size: cover; height: 100%;} #hero.right .heroImageContainer { background-position: 33% center; } #hero.left .heroImageContainer { background-position: 72% center; } .heroTagline { top: calc(50% + 30px); position: absolute; width: 100%; padding-right: 2%; padding-left: 2%; text-align: center; font-size: 14px;transform: translate(0px, -50%); z-index: 9; } #hero.left .heroTagline { padding-right: 42%; } #hero.right .heroTagline { padding-left: 42%; } #hero h1.pageTitle { color: #FFFFFF; font-size: 3.37em; letter-spacing: .08em; } #hero:before { top: 0px; content: ''; display: block; position: absolute; z-index: 3; width: 100%; height: 100%; /*background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 27%, rgba(255,255,255,0) 100%); */ background: rgb(63,64,51); background: -moz-linear-gradient(0deg, rgba(63,64,51,0) 15%, rgba(63,64,51,0.4906337535014006) 73%, rgba(63,64,51,0.5886729691876751) 100%); background: -webkit-linear-gradient(0deg, rgba(63,64,51,0) 15%, rgba(63,64,51,0.4906337535014006) 73%, rgba(63,64,51,0.5886729691876751) 100%); background: linear-gradient(0deg, rgba(63,64,51,0) 15%, rgba(63,64,51,0.4906337535014006) 73%, rgba(63,64,51,0.5886729691876751) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f4033",endColorstr="#3f4033",GradientType=1); } body.home #hero:before { background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 27%, rgba(255,255,255,0) 100%); } #heroScrollArrow { position: relative; bottom: 12vh; cursor: pointer; width: 33px; opacity: .8 } header.entry-header { text-align: center; } .introTitle { color: #375442; font-size: 2.3em; letter-spacing: .08em; display: inline-block; text-align: center; margin-bottom: .36em; } .introTitle:before { content: ''; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; } .vimeo-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; } .vimeo-wrapper iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } body.home .introTitle:before { background-image: url(/wp-content/themes/ALF/images/alf-home-ladybug.jpg); height: 66px; width: 100px; margin: 0 auto } body.home main.site-main { padding-top: 6vh; margin-top: -11vh; } /* body.home main article { background-image: url(/wp-content/themes/ALF/images/vignette_tree.png); background-size: 260px; background-repeat: no-repeat; background-position: right 0;} */ body.home .vignetteBush { position: absolute; bottom: 0; right: 0; width: 36%; max-width: 420px; line-height: 0; z-index: 0; } body.home .vignetteGrass { position: absolute; bottom: 0; left: 0; width: 30%; max-width: 390px; line-height: 0; z-index: 0; } .pageIntro { font-size: 120%; padding-bottom: 3vh;position: relative; z-index: 1 } body.page-template-page-where-to-buy .pageIntro { margin-top: 3.3em; } .sectionHeader { position: relative; z-index: -1; height: auto; line-height: 0 } .sectionHeader img { position: relative; } .sectionTitle { text-align: center; letter-spacing: 0.039em; margin: 0 auto .67em; color: #375442 } .sectionTitle:before { margin: 0 auto; content: ''; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; } section#ourFarm { position: relative;padding: 6vh 0; } body.home section#ourFarm .sectionTitle>span { display: block; margin: 0 auto; width: 66px; } body.home section#ourFarm .contentContainer { padding: 0 2vw 0 3vw; } body.home .vignette_butterfly { position: absolute; bottom: 0; right: 3vw; width: 9%; max-width: 66px; line-height: 0; z-index: 0; } body.home section#biggestLittleFarm { position: relative; overflow: hidden; } body.home section#biggestLittleFarm .paddingBottom { padding-bottom: 9vh; padding-top: 3.6vh; } /*body.home section#biggestLittleFarm:after { content: ''; position: absolute; background-image:url(/wp-content/themes/ALF/images/vignette_sprout.png); background-repeat: no-repeat; background-position: left bottom; background-size: 10vh; position: absolute; height: 200px; width: 30%; bottom: 0; } */ body.home .vignetteBuckwheatLeft { position: absolute; left: 0; bottom: .2vw; width: 11%; max-width: 280px; z-index: 0; } body.home .vignetteGopher { position: absolute; left: 23%; bottom: .75vw; width: 13%; max-width: 220px; z-index: 1; } body.home .vignetteGopher img { transform: rotate(-3deg); } body.home .vignetteGopherBkgd { width: 100%; position: absolute; left:0; bottom: -1.2vh; } body.home .vignetteBuckwheatRight { position: absolute; left: 44%; bottom: 0vw; width: 41%; max-width: 160px; z-index: 0; } @media screen and (max-width: 1920px) { body.home .vignetteBuckwheatRight { bottom: 0vw } } @media screen and (max-width: 1640px) { body.home .vignetteBuckwheatLeft { bottom: 0em; } body.home .vignetteGopher { bottom: .5vw; } /* body.home .vignetteBuckwheatRight { bottom: 0.3vw } */ } @media screen and (max-width: 1440px) { /* body.home .vignetteBuckwheatRight { bottom: 0vw } */ } @media screen and (max-width: 1280px) { body.home .vignetteBuckwheatLeft { bottom: -.25vw; } body.home .vignetteGopher { bottom: 0.25vw; } /* body.home .vignetteBuckwheatRight { bottom: -.65vw } */ } @media screen and (max-width: 969px) { body.home .vignetteBuckwheatLeft { bottom: -.5vw; } body.home .vignetteGopher { bottom: 0vw; } /* body.home .vignetteBuckwheatRight { bottom: -.85vw } */ } @media screen and (max-width: 469px) { body.home .vignetteBuckwheatLeft { bottom: -.85vw; } body.home .vignetteGopher { bottom: -.25vw; } /* body.home .vignetteBuckwheatRight { bottom: -.7vw } */ } body.home section#biggestLittleFarm .sectionTitle>span { display: block; margin: 0 auto; width: 111px; } body.home section#biggestLittleFarm .contentContainer { padding: 0 2vw 0 3vw; } body.home section#biggestLittleFarm .callout2HeaderVignette { z-index: 9; position: absolute; top: 390px; right: 3.9vw; width: 10vw; } body.home section#biggestLittleFarm .imageContainer { max-width: 300px; margin: 0 auto; position: relative; z-index: 10 } section#farmersMarket { padding: 6vh 0 9vh } section#farmersMarket .sectionTitle>span { display: block; margin: 0 auto; width: 88px; } section#farmersMarket .contentContainer { padding: 0 2vw 0 3vw; } #homepageCallouts .vignette { position: absolute; z-index: 1; bottom: 5vh; left: 0; width: 18%; max-width: 150px; text-align: left; opacity: .89 } #homepageCallouts .container { position: relative; z-index: 9; } #homepageCallouts { position: relative; } .homepageCallout::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(4,4,4); background: linear-gradient(0deg, rgba(4,4,4,0) 0%, rgba(4,4,4,0.33) 40%, rgba(18,18,18,0.3883928571428571) 60%, rgba(54,54,54,0) 100%); display: block; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; transition: all .33s ease-out; } .homepageCallout:hover::before { background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.66) 50%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.66) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.66) 50%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .homepageCallout { position: relative; line-height: 0; } .homepageCalloutType { line-height: 1.5; position: absolute; text-align: center; top: 45%; width: 100%; color: #FFF;top: 50%; transform: perspective(1px) translateY(-50%); font-size: .88em; } .homepageCalloutInfo { line-height: 1.5;text-align: center; font-size: 90%;} h3.homepageCalloutName { line-height: 1.5; color: #FFFFFF;text-transform: uppercase; letter-spacing: 0.05em; font-size: 1.67em; margin: 0em auto;} /* end HOMEpage */ section#farmersMarkets .sectionTitle:before { background-image: url(/wp-content/themes/ALF/images/ProduceCrate300.png); height: 120px; width: 140px; margin: 0 auto .67em } section#announcement { margin: 3vh auto 9vh; } section#announcement .announcementLink { cursor: pointer; display: block; width: 100%; border-top: 2px solid #ac755e; border-bottom: 2px solid #ac755e; padding: 1.1em; text-align: center; letter-spacing: .05em } section#announcement .announcementLink .indicator { } section#announcement .announcementText { display: none; } .farmersMarketImage::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(4,4,4); background: linear-gradient(0deg, rgba(4,4,4,0) 0%, rgba(4,4,4,0.39399509803921573) 40%, rgba(18,18,18,0.3883928571428571) 60%, rgba(54,54,54,0) 100%); display: block; } .farmersMarketImage { position: relative; } .farmersMarketWeekday {position: absolute; text-align: center; top: 45%; width: 100%; color: #FFF;} .farmersMarketInfo { text-align: center; font-size: 90%;} .farmersMarketInfo h3.farmersMarketName { color: #375543;font-family: 'Adelle-Light', sans-serif!important; text-transform: uppercase; letter-spacing: 0.05em; font-size: 1.1em; margin: 0.67em auto; } section#seasonalFocus { padding: 3vh 0 6vh; position: relative; z-index: 0 } section#seasonalFocus:after { position: absolute; background-image:url(/wp-content/themes/ALF/images/vignette_pairs.png); background-repeat: no-repeat; background-position: left top; background-size: 15vh; position: absolute; height: 300px; width: 30%; top: 0px; z-index: 3} .avocadoBranch { position: absolute; left: -.3em; top: 3vh; width: 28%; max-width: 280px; z-index: -1 } section#onlineStore { padding: 6vh 0 9vh; } section#onlineStore .sectionTitle>span { display: block; margin: 0 auto; width: 66px; } section#locations { padding: 3vh 0 2vh; } section#testimonials-block { background: #283449; color: #FFF; padding: 3vh 0 10vh; margin-bottom: -7.7vh } .testimonials-block { display: flex; flex-wrap: wrap; justify-content: space-around; } .testimonial--single-item { text-align: center; flex: 1 1 240px; margin-bottom: 12px; } .testimonials--star-wrapper, .testimonials--text-wrapper { margin: 20px 20px 8px; } .testimonial--single-item p { margin-bottom: .6em; } .testimonial--single-item > span { font-size: .88em; } body.page-template-page-biggest-little-farm #hero { height: 80vh; min-height: 666px; } body.page-template-page-biggest-little-farm .heroImageContainer img { opacity: 0; } body.page-template-page-biggest-little-farm .heroInner { background-size: cover } body.page-template-page-biggest-little-farm section#biggestLittleFarm { margin-top: 3.9vh; padding-bottom: 6vh; } section#biggestLittleFarmCTAs { color: #FFF; padding: 3vh 0 4vh; position: relative; } .biggestLittleFarmCTAsContainer { position: relative; z-index: 1} section#biggestLittleFarmCTAs::after { content: ''; position: absolute; top: 0; width: 100%; left: 0; height: 100%; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.4920343137254902) 15%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.4920343137254902) 15%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.4920343137254902) 15%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); z-index: 0 } section#biggestLittleFarmCTAs .ctaIconContainer { display: block; padding: 6%; } .biggestLittleFarmCTA.col-6 { flex: 1 0 40%; text-align: center; background: #e9e6de; margin: 5%; padding: 3% 0 } .biggestLittleFarmCTA.col-4 { flex: 1 0 31%; text-align: center; background: #e9e6de; margin: 2%; padding: 3% 0 } .biggestLittleFarmCTA img { max-width: 120px; margin: 0 auto; } .ctaDescription { font-size: .9em } section#biggestLittleFarmRelatedVideos { padding: 6vh 0 9vh; } section#biggestLittleFarmRelatedVideos .relatedVideoTitle { margin: .6em auto; text-align: center; text-transform: uppercase; } #awardsHero { width: 100%;padding: 1.6vh 0 3.3vh } .awardsHero { padding: 0 4%; display: flex; text-align: center; flex-direction: row; flex-wrap: wrap; max-width: 1280px;} .blfAward { width: 12.667% ; margin: 0 2%; } .blfAwardIcon { /* background: url(/wp-content/themes/integritybio/images/productTypeIconBkgd.png) no-repeat center top /100%; */ margin: 0 auto; max-width: 120px} /* for scrollmagic: */ #productTypes { overflow: hidden; } .productTypes { display: block; width: auto; overflow: visible; max-width: none; white-space: nowrap;} .productType { width: 22.5%; display: inline-block; white-space: normal; max-width: 120px;vertical-align: top; } #awards { padding: 3vh 0 3vh; line-height: 0; } #awards * { line-height: 1.5em; } #awards .awardIcon { font-size: .93em; text-align: center; vertical-align: top; } #awards .awardIcon img { max-width: 120px; } #press { padding-bottom: 6vh } /* biggest Little Farm template */ #pressGrid { padding: 6vh 0 3vh; /*background-image: url(/wp-content/themes/ALF/images/dividerLine.png); background-repeat: no-repeat; background-position: top center; background-size: 400px */ } #pressGrid .imageContainer { max-width: 220px; margin: 0 auto; } #pressGrid .pressItem { margin-bottom: 6vh; } #pressGrid .pressPullquote { display: block; font-size: .8em; } .pressTitle { font-size: .9em; margin-bottom: 1em; } a.pressLink { text-decoration: underline!important; font-size: 80%; letter-spacing: 0.04em; margin-top: 1em; display: block; } #pressGrid .flex-row { flex-wrap: wrap; align-items: center; } #pressGrid .flex-row [class*=col-] { flex-basis: 20%; flex-grow: 0; flex-shrink: 0; margin: 0; padding: 2%; } #additionalMentions { padding: 6vh 0 6vh; } #additionalMentions .sectionTitle { margin-bottom: 3vh; } #apprenticeship { padding-bottom: 9vh; } /* #apprenticeship .contentContainer strong, #apprenticeship .contentContainer b { color: #924c2d; font-family: 'Bourbon-Regular', sans-serif!important; letter-spacing: 0.04em; line-height: 1.1em; font-size: 1.2em; } */ #apprenticeshipDepartment .sectionTitleIcon { max-width: 120px; display: block; margin: 0 auto; } .apprenticeshipDepartmentContainer { padding-top: 3vh } #apprenticeshipDepartment .contentContainer h1, #apprenticeshipDepartment .contentContainer h2, #apprenticeshipDepartment .contentContainer h3, #apprenticeshipDepartment .contentContainer h4, #apprenticeshipDepartment .contentContainer h5 { color: #924c2d; margin: 0.3em 0 1.67em; } .additionalInfo h2, .additionalInfo h3, .additionalInfo h4, .additionalInfo h5{ color: #375442; } #apprenticeshipDepartment .contentContainer p { margin-top: -1.67em; margin-bottom: 1.27em; font-size: .88em; } #nowHiring { padding: 6vh 0; } #currentJobListings .contentContainer a { color: #934c2d; } #currentJobListings { padding: 3vh 0 3vh;position: relative; } #helpUs { position: relative; padding-bottom: 19vh; } .iconPoppies { width: 25%; margin-left: 26%; max-width: 140px; } #faqs { padding: 3vh 0 6vh; } #faqs h2 { font-size: 1.67em; margin: 1em 0 .67em -0.69em; border-top: 1px solid #924c2d; padding-top: 1em; } #faqs h2:first-child { padding-top: 0; border: none; margin-top: 0.6em } #faqs h3 { font-size: .93em; } #faqs h3.topic a { font-family: 'Adelle-Light', sans-serif; font-weight: 500; color: #924c2d; } .answer { font-size: .88em; } .answer.closed { display: none; } .faq { cursor: pointer; margin-top: 1.33em} .faq>.icon::before { margin-left: -1.2em; width: 1.2em; color: #924c2d; } .faq>.icon.on::before { content: '\25B2'; display: inline-block; } .faq>.icon.off::before { content: '\25BC'; display: inline-block; } #resources .sectionTitleIcon { max-width: 160px; display: block; margin: -10% auto 0% } #resources .contentContainer { position: relative; } #resources .vignetteGrasshopper { position: relative; top: 0; left: 29%; max-width: 130px; margin-bottom: -1.1em; display: block; } #resourcesCallout, #resources { padding: 6vh 0 3vh; } #resourcesCallout { z-index: 11; position: absolute; margin: 0; display: flex; flex-direction: column; flex-wrap: wrap; top: 0; line-height: 1.3; width: 100%; height: 100%; align-items: center; justify-content: center; } .resourcesCalloutContent { padding: 6% 1% 1%; position: relative; } .resourcesCalloutContent blockquote { font-size: 1.46em; } .resourcesCalloutContent blockquote p:first-child { margin-bottom: .6em; } .resourcesCalloutContent blockquote:before { content: ''; display: block; background: url(/wp-content/themes/ALF/images/quotationMarks.png) center no-repeat; background-size: 44px; width: 100%; height: 44px; margin-top: -44px;} .resourcesCalloutContent blockquote p:last-child { font-size: .67em; } #readings { padding: 3vh 0 6vh; overflow: hidden; position: relative; } #readings .h3 { font-size: 1.42em; } #readings .books a { color: #934c2e; } #readings .vignetteBarnOwl { position: absolute; z-index: 1; top: 99vh; right: 0; width: 18%; max-width: 300px; text-align: left; min-width: 180px; } body.page-template-page-short-films h2.sectionTitle>span { display: block; margin: 0 auto; width: 260px; } body.page-template-page-short-films main { padding: 3vh 0 0; } body.page-template-page-short-films main article { padding-bottom: 3vh; } #shortFilms { margin-top: 6vh; padding-bottom: 6vh; } .shortFilmsInfo { margin-bottom: 1.67em; text-align: center; font-size: 90%; } h2.shortFilmName { margin: .2em 0 0.67em; display: flex; justify-content: center; } h2.shortFilmName::before { content: ''; width: 28px; margin-right: auto; } /* used to center headline while awardIcon(s) are aligned right */ .shortFilmAwardIcons {margin-left: auto; width: 28px; } .shortFilmAwards { margin-top: 1em; } .titleIconSheep { max-width: 120px; } .legends { margin-bottom: 1.23em; text-align: right;} .legends img { margin-right: .33em; vertical-align: middle; display: inline-block; } .page-numbers, a.page-numbers { margin: 1em .33em; color: #934c2e; font-weight: bold; font-size: 1.33em; } .page-numbers.current { text-decoration: underline; color: #934c2e; } body.page-template-page-team .pageIntro { margin-top: 3.3em;padding-bottom: 1em; } #team { padding-bottom: 6em; } #team .sectionTitle, body.page-template-page-team .sectionTitle { margin-top: 0em; } #team .teamMember { margin-bottom: 1em; } #team .teamBio, .teamTitle { font-size: .8em; } .teamTitle { margin-bottom: .69em; display: block; } .teamName { margin-bottom: .27em; margin-top: 0.27em;/* color: #975336 */} #ourStory { padding: 6vh 0 3vh; } #ourStory2 b{ padding: 3vh 0 3vh; } #ourStory3 { padding: 3vh 0 6vh; } .ourStorySection .sectionHeader { margin-bottom: 6.6vh; } #tours{ padding-top: 3vh; } #toursCallout1 header h2 span img { max-width: 180px } body.page-template-page-tours #toursCallout1 { padding: 3vh 0; } #toursCallout2 { overflow: hidden; } #toursCallout2 #walkingTours { position: relative;} #toursCallout2 #walkingTours > div { z-index: 1; position: relative; } #toursCallout2 #walkingTours .vignette { position: absolute; z-index: 0; top: 5vh; left: 0; width: 18%; max-width: 190px; text-align: left; opacity: .89 } #toursCallout2 #walkingTours .vignetteRight { position: absolute; z-index: 0; bottom: 5vh; right: 0; width: 22%; max-width: 260px; text-align: right; opacity: .89 } #vipTours { padding-top: 6vh; } #walkingTours { padding-top: 6vh; } #whatToKnow { padding: 6vh 0; } .tours_whatToKnowIcon { max-width: 160px; } .tours_whatToKnowDescription { text-align: center; color: #924c2d; } #aboutTheFarm { margin-bottom: 6vh; } #featuredPress { position: relative; z-index: 2; padding: 6vh 0 0; } #featuredPress .logoContainer { margin: 0 auto; } body.page-template-page-press #pageIntro {padding: 3vh 0 6vh;} .pressPullquote { font-size: 120%; } #instagram { padding: 6vh 0 3vh; } .newsletterDivider { border-right: 1px solid #a67158;margin: 0 1.67em 0 -1.67em!important;} .weCertified { flex-basis: 50%; } .weCertified small { font-size: 12px; line-height: 15px!important; display: block; } #newsletterSignup { padding: 3vh 0 4vh; background: #d1ccbc; } #newsletterSignup p { } #newsletterSignup h2 { margin-top: 0; display: inline-block; margin-bottom: 0.33em; } #newsletterSignup .sectionTitle:before { background-image: url(/wp-content/themes/ALF/images/alf-rooster.jpg); height: 100px; width: 100px; } #newsletterSignup .submitButtonContainer { display: inline-block; vertical-align: top; margin: 0; height: 44px;display: inline-block; /* background: url(/wp-content/themes/ALF/images/link_underline.png); background-repeat: no-repeat; background-position: bottom; background-size: contain; */ } #newsletterSignup .submitButtonContainer input {margin: 0;} #mce-EMAIL { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0;text-align: center;padding: 4px 12px 6px; height: 36px; display: inline-block; vertical-align: text-bottom;margin-right: 1em; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #504c4b; font-size: 12px; } ::-moz-placeholder { /* Firefox 19+ */ color: #504c4b; font-size: 12px; } :-ms-input-placeholder { /* IE 10+ */ color: #504c4b; font-size: 12px; } :-moz-placeholder { /* Firefox 18- */ color: #504c4b; font-size: 12px; } .wereCertifiedIcons img { display: inline-block; vertical-align: middle; margin-right: .8em; } .wereCertifiedIcons { float: right; margin-top: -1.23em; margin-left: 1em; margin-bottom: .6em; } .site-info { font-size: .9em; } .site-info>div.flex-row { align-items: center; } .site-info img { max-width: 155px; } footer.site-footer { background: #4b3c2a; color: #FFF; font-size: .88em; padding: 3vh; } footer.site-footer a { color: #FFF; } .footerNav { text-transform: uppercase; } .footerNav ul { list-style: none; } #social-menu li { display: inline-block} #social-menu img { max-width: 26px; margin: 0 .63em 0 0; } #social-menu img:hover { opacity: .8 } .site-credits { display: block;margin: 1em auto; letter-spacing: .03em; font-size: .88em} .site-credits-link { display: none; cursor: pointer; padding-bottom: .87em; margin-top: 0em;font-size: .88em } @media(max-width: 989px) { body.page-template-page-biggest-little-farm #hero .heroTagline img { max-width: 90%; margin-right: auto; margin-left: auto;} .blfAward { width: 23% ; margin: 0 1%; } .wereCertifiedIcons { float: right; margin-top: -.67em; } .wereCertifiedIcons img.max40 { max-width: 30px; } .wereCertifiedIcons img.max45 { max-width: 33px; } .wereCertifiedIcons img.max50 { max-width: 36px; } .wereCertifiedIcons img.max55 { max-width: 39px; } } @media screen and (max-width: 767px) { .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { background-color: #FFF; } header.site-header.sticky .hamburger-inner, header.site-header.sticky .hamburger-inner::after, header.site-header.sticky .hamburger-inner::before { background-color: #375442; } .flex-row { display: block; } .answer { margin-left: 1.42em; } #faqs { padding: 0vh 0 6vh; } #faqs .contentContainer.pin { display: none; } #faqs .icon::before, #faqs h2 { margin-left: 0; } .mega-menu-callout-1, .mega-menu-callout-2 { display: none; } footer.site-footer ul { padding-left: 0; text-align: center; } .site-info { text-align: center; } #footer-content { display: flex; flex-direction: column-reverse; } .footerNav { line-height: 2em; } .resourcesCalloutContent blockquote { font-size: 1.2em; } .iconPoppies { margin-bottom: -3vh; bottom: 0vh; z-index: -1 } #helpUs { margin-top: 3vh; } #currentJobListings { padding-bottom: 12vh} #resources .sectionTitleIcon { margin: 0% 10% -10% auto; } #readings .vignetteBarnOwl { top: auto; bottom: 0; z-index: -1;width: 18%; max-width: 200px; text-align: left; min-width: 120px; } } @media(max-width: 629px) { /*body.page-template-page-biggest-little-farm #hero .heroTagline img { max-width: 50%; margin-right: auto; margin-left: auto;} */ .blfAward { width: 31% ; margin: 0 1%; } .resourcesCalloutContent blockquote:before { background-size: 24px; width: 100%; height: 24px; margin-top: -24px; } .resourcesCalloutContent blockquote p:first-child { margin: .33em auto; } } @media(max-width: 479px) { .h2 { font-size: 1.87em; } .site-title img { width: 90px; } h1.site-title, p.site-title { margin-top: 6px!important; } #hero h1.pageTitle { font-size: 2.37em; } .main-navigation { top: 12px; } header.site-header.sticky { top: -6px!important } .resourcesCalloutContent blockquote { font-size: .88em ;} #mce-EMAIL { width: 140px;} .wereCertifiedIcons img.max40 { max-width: 30px; } .wereCertifiedIcons img.max45 { max-width: 33px; } .wereCertifiedIcons img.max50 { max-width: 36px; } .wereCertifiedIcons img.max55 { max-width: 39px; } } .cart-contents-count:before { content: 'CART:'; display: inline-block; margin-right: 6px; } .woocommerce-info, .woocommerce-message { border-top-color: #4b3c2a!important; } .woocommerce-error, .woocommerce-info, .woocommerce-message { background: transparent!important; } .woocommerce table.shop_table { border-radius: 0!important; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: auto; } .woocommerce button[type=submit], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #4b3c2a!important; border-radius: 0!important; color: #FFF!important;; border: none!important;; } .woocommerce fieldset { margin-bottom: 1.67em; margin-top: 1em; } .woocommerce-address-fields__field-wrapper { margin-bottom: 2em } .woocommerce-info::before { color: #4b3c2a!important; } .woocommerce-account .addresses .title h3 { margin-top: 0; } .woocommerce form .form-row { padding: 0; } .select2-selection__placeholder, .select2-selection__rendered { display: none } .handdrawnUnderline { display: inline-block; color: white; min-width: 154px; text-decoration: none; margin-right: 50px; padding: 10px; position: relative; text-align: center; } .handdrawnUnderline:hover .button-stroke.hover { stroke-dashoffset: 0; } .button-stroke { display: block; width: calc(100% - 40px); height: 20px; stroke: #a06349; position: absolute; left: 20px; bottom: -10px; stroke-width: 4; } .button-stroke.hover { stroke-dasharray: 650px; stroke-dashoffset: 650px; stroke: #4b3c2a; stroke-width: 5; transition: stroke-dashoffset 800ms ease-out; } #shop-filter_Pirco { flex-basis: 15%; margin: 0 2% 1.67em; } #shop-list_Pirco { flex-basis: 85%; margin: 0; } #shop-grid_Pirco { flex-wrap: wrap; } #shop-grid_Pirco article { flex-basis: 29.333%; position: relative; margin-bottom: 3vh; } #shop-tags { display: none; } .shop-sidebar a { font-size: 14px; } .shop-sidebar li { margin-top: 3px !important; } .recipe-content { text-align: center; padding: 2%; position: relative; width: 100%; left: 0; /* margin-top: -1em; color: #FFF; background-color: #375543; */ } .recipe-category { font-size: .67em; text-transform: uppercase; } .recipe-title { font-size: 90%; } nav.navigation.pagination { margin: 1em auto; text-align: center; } @media screen and (max-width: 1024px) { #shop-grid_Pirco article { flex-basis: 46%; position: relative; } } main.padding-top-60 { padding-top: 60px; } #map-container { position: relative; height: 50vh; max-width: 100%; margin: 5px auto 0; overflow: hidden; } #map { position: absolute; max-width: none; width: auto; } .switch { background: #f8f8f4; position: relative; display: inline-block; border-radius: 7px; width: 44px; height: 16px; box-sizing: content-box; border: 1px solid #375442 !important; margin-left: 10px; } .switch:before { content: ''; display: block; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; box-sizing: content-box; background-color: #333; border-radius: 10px; } .switch.on:before { left: auto; right: 3px; } .switch span { font-size: 22px; line-height: 15px; } .switch.off .on-label { display: none; } .switch.on .off-label { display: none; } .switch .off-label { float: right; margin-right: 5px; } .switch .on-label { float: left; margin-left: 5px; } #controls { position:absolute; right: 50px; top: 11%; } #labels { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 15px; } #labels>span { font-size: .88em; line-height: 1.1; } #labels .switch span { font-size: 10px; } #zoom { display: flex; align-items: center; justify-content: flex-end; width: 258px; z-index: 10; } #zoom>span { font-size: .88em; } #zoom .zoom-btn { display: inline-block; position: relative; width: 16px; height: 16px; box-sizing: content-box; line-height: 15px; font-size: 22px; font-weight: normal; color: #333333; background-color: #b6d5a5; border: 1px solid #375442; border-radius: 18px; vertical-align: middle; margin-right: 9px; text-align: center; text-decoration: none; } #zoom-in:before { content: '+'; display: block; } #zoom #zoom-out { margin-left: 10px; } #zoom #zoom-out:before { font-size: 20px; content: '–'; display: inline-block; position: absolute; left: 3px; vertical-align: middle; line-height: 0.7; } .marker { opacity: 0.7; line-height: 1; background-color: white; border-radius: 10px; border: 1px solid black; padding: 0 10px 4px; font-size: 12px; font-weight: bold; text-transform: uppercase; transform: translateX(-50%); cursor: pointer; max-width: 190px; white-space: nowrap; text-align: center; } .marker:before { display: block; content: '\2605'; text-align: center; font-size: 16px; line-height: 24px; } .marker:hover { opacity: .9; } .hide-labels .marker span { display: none; } #map-lightbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(206, 202, 186, 0.95); overflow-y: auto; z-index: 301; } #map-lightbox-logo, .map-lightbox-logo { text-align: center; margin: 20px; } #map-lightbox-logo img, #map-lightbox-logo svg, .map-lightbox-logo img, .map-lightbox-logo svg { width: 33px; } #map-lightbox-gallery { position: relative; width: 100%; max-width: 1280px; margin: 10px auto 20px; } #map-lightbox-close { position: absolute; left: 0; top: 12px; background-color: black; background-clip: content-box; border: 2px solid black; padding: 2px 2px 2px 2px; margin-left: 25px; color: white; width: 22px; box-sizing: content-box; text-align: center; cursor: pointer; } #map-lightbox-nav { display: flex; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(-16px); } #map-lightbox-nav button { width: 44px; height: 44px; padding-top: 6px; } #map-lightbox-status { text-align: center; margin: 0 auto; } #map-lightbox-gallery .flickity { width: 1280px; max-width: 100%; margin-top: 9vh; } #map-lightbox-gallery .flickity-button { position: absolute; top: -30px; right: 0px; background-color: transparent; } #map-lightbox-gallery .flickity-button.previous { left: 0; right: 70px; } #map-lightbox-gallery .flickity .carousel-cell { width: 100%; } #map-lightbox-gallery .flickity-location .carousel-cell { width: 33%; padding: 8px; box-sizing: border-box; text-align: center; } #map-lightbox-gallery .flickity-location .carousel-cell img { max-width: 100%; } #map-lightbox .flickity-slider { padding: 0px; } .flickity-page-dots { display: none; bottom: -2px; } #map-lightbox-desc { display: flex; flex-direction: column; align-items: center; margin: 10px auto 20px; } .map-lightbox-content-container { max-width: 500px; margin-top: 20px; } #map-lightbox-title { color: #375442; padding: 25px 35px 0; font-size: 30px; text-transform: uppercase; text-align: center; vertical-align: middle; white-space: pre-line; min-width: 160px; margin-bottom: 16px; } .rotate-message { display: none; position: fixed; left: 0; top: 0; z-index: 299; width: 100%; height: 100%; min-height: 100vh; background-color: #f8f8f4; display: -ms-flexbox; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .rotate-message img { width: auto; } .hidden { position: absolute; display: none; } @media screen and (orientation:portrait) and (max-width: 980px) { .rotate-message { display: flex!important; } #map-lightbox { display: none; } } @media screen and (max-width: 969px) { #map-lightbox-gallery .flickity { margin-top: 3em; padding: 1em; } #map-container { margin: 0px auto 0; } #map-lightbox-logo { display: none; } #map-lightbox-desc { flex-direction: row; align-items: flex-start; max-width: 960px; } #map-lightbox-desc .flickity { flex-basis: 40%; width: 40%; } .flickity-page-dots { display: block; } #map-lightbox-gallery .flickity-location .carousel-cell { width: 100%; } .map-lightbox-content-container { flex: 1; padding: 13px 35px 13px 12px; margin-top: 0; width: 50%; box-sizing: border-box; } } @media screen and (min-width: 768px) and (max-width: 969px) { #map-lightbox-gallery .flickity-location .carousel-cell { width: 100%; } .flickity-page-dots { display: block; } } #recipes-filter_Pirco { flex-basis: 15%; margin: 0 2% 1.67em } #recipes-list_Pirco { flex-basis: 85%; margin: 0 } #recipes-grid_Pirco { flex-wrap: wrap; } #recipes-grid_Pirco article { flex-basis: 29.333%; position: relative; margin-bottom: 3vh; } .recipe-search__box { width: 100%; } .recipes-sidebar a { font-size: 14px !important } .recipes-sidebar li { margin-top: 3px } .recipe-content { text-align: center; padding: 2%; position: relative; margin-top: 0em; width: 100%; left: 0; color: #375543; background-color: transparent; } .recipe-category { font-size: .67em; text-transform: uppercase; } .recipe-title { /* font-size: 90%; */ } nav.navigation.pagination { margin: 1em auto; text-align: center; } @media screen and (max-width: 1024px) { #recipes-grid_Pirco article { flex-basis: 46%; position: relative; } }