/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #002821;
}

body {
	background:#f7f6ef url(../img/background-pattern.jpg) repeat;
	color: #002821;
	font-family:'Circular Std', sans-serif;
	font-size:16px;
	font-weight:400;
	letter-spacing:0.05em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Coordinate Styles
   ========================================================================== */
body.locked { overflow:hidden; }

/*
 * Top Bar
 */
#top-bar { background-color:#002821;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
height:100px; position:relative; }
#top-bar::after {
    background-color: #000;
    content: '';
    display: block;
    opacity: 0.3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}
#top-bar .functions-bar { background-color:#002821; height: auto; padding-bottom: 25px; padding-top: 25px; position:absolute; top:0; left:0; right:0; text-align: center; z-index:25; }

#top-bar .site-logo { height:70px; margin:0; position:absolute; top:0.9375rem; left:50%; width:70px; z-index:30;
	transform:translateX(-50%);
}
#top-bar .site-logo a { background:url(../img/svg/local-press-circle-logo.svg) no-repeat 0 0; background-size:contain; display:block; height:100%; width:100%; }
#top-bar a.site-section { display:block; opacity:1; position:absolute; top:0; bottom:0; width:50vw; z-index:1;
	transition:opacity 0.3s ease-out;
}
#top-bar .section-wrapper:hover a.site-section { opacity:0.4; }
#top-bar .section-wrapper:hover a.site-section:hover { opacity:1; }
#top-bar a.site-section.cafe { background-color:#f15f22; left:0; }
#top-bar a.site-section.wholefoods { background-color:#3a4b21; right:0; }
#top-bar a.site-section span.title { color:#fff; display:block; font-size:0.688rem; font-weight:500; letter-spacing:0.25em; line-height:0.688rem; padding-top:3.125rem; position:absolute; top:50%; left:0; right:0; text-align:center; text-transform:uppercase; z-index:5;
	transform:translateY(-50%);
}

body.page-template-site-section #top-bar .site-logo,
body.page-template-internal-page #top-bar .site-logo{ left:auto;
	transform:translate(0,0);
}
body.page-template-site-section #top-bar h2 { color:#fff; display:block; font-size:0.688rem; font-weight:500; letter-spacing:0.25em; line-height:0.688rem; margin:0; padding-top:3.125rem; position:absolute; top:50%; left:0; right:0; text-align:center; text-transform:uppercase; z-index:5;
	transform:translateY(-50%);
}
body.page-template-site-section #top-bar a.site-section { pointer-events:none; width:100vw; }
body.page-template-site-section.page-cafe #top-bar a.site-section.wholefoods { display:none; }
body.page-template-site-section.page-wholefoods #top-bar a.site-section.cafe { display:none; }
body.page-template-site-section #top-bar a.site-section span.title { display:none; }

#top-bar button.menu-button { background-color:transparent; border:none; display:block; height:24px; margin-top:0; padding:0; position:absolute; top:50%; right:0.9375rem; width:26px; z-index:30;
	transform: translateY(-50%);
  -webkit-transition: all 0.25s ease-out; 
          transition: all 0.25s ease-out;
}
#top-bar button.menu-button:hover { background-color:transparent; outline:none; }
#top-bar button.menu-button:focus { outline:none; }
#top-bar button.menu-button span { background-color:#fff; display:block; margin-top:-1px; position:absolute; left:50%; margin-left:-12px; height:2px; width:25px;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
}
#top-bar button.menu-button span:first-child { margin-top:-8px; top:50%; }
#top-bar button.menu-button span:last-child { margin-top:6px; top:50%; }

#top-bar button.menu-button.closed span {  
  -webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s;
          -webkit-transition:opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
          transition:opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
          transition:transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s;
          transition: transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
}
#top-bar button.menu-button.open span {  
  -webkit-transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out 0.25s; 
          transition:margin-top 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out 0.25s; 
          transition:margin-top 0.25s ease-out, opacity 0.25s ease-out, transform 0.25s ease-out 0.25s; 
          transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, transform 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out 0.25s;
}

#top-bar button.menu-button.open span:first-child { margin-top:-1px;
  -webkit-transform: rotate(45deg); 
          transform: rotate(45deg); 
}
#top-bar button.menu-button.open span:nth-child(2) { opacity:0; }
#top-bar button.menu-button.open span:last-child { margin-top:-1px;
  -webkit-transform: rotate(-45deg); 
          transform: rotate(-45deg); 
}

body.page-template-internal-page #top-bar {
	height: auto !important;
}
#top-bar .column {
	position: relative;
}

body.page-template-internal-page #top-bar .functions-bar {
	position: relative;
}
.functions-bar__title {
	color: #fff;
	font-size: 0.625em;
    font-weight: 500;
	letter-spacing: 0.25em;
	margin: 0;
	transition: opacity 0.25s ease-out;
}
.functions-bar__title--hidden {
	opacity: 0;
}

/** Navigation **/
#site-navigation { background-color:#002821; background-clip:padding-box; overflow-y:scroll; opacity:0; padding-top:64px; position:fixed; top:0; bottom:0; left:0; right:0; z-index:-1; width:100%;
	transition: z-index 0s 0.75s ease-out, opacity 0.5s ease-out;
} 
#site-navigation.visible { z-index:20; opacity:1;
	transition: opacity 0.5s ease-out;
}

#site-navigation ul { list-style:none; margin:0; padding:0; }

#site-navigation nav { margin-top:-0.9375rem; }
#site-navigation nav ul li { padding-bottom:1.25rem; padding-top:1.25rem; position:relative; overflow:hidden; text-align:center; }
#site-navigation nav ul li::before { background-color:#fff; content:''; display:block; height:2px; margin-left:-15px; position:absolute; top:-1px; left:50%; width:30px; }
#site-navigation nav ul li:first-child::before { display:none; }
#site-navigation nav ul li a { display:block; color:#fff; font-size:1.25em; font-weight:500; letter-spacing:0.125em; line-height:1; position:relative; text-decoration:none; text-underline-offset: 20%; text-transform:uppercase; z-index:5; }
#site-navigation nav ul li.current-menu-item > a,
#site-navigation nav ul li.current-page-ancestor > a,
#site-navigation nav ul li a:hover { text-decoration: underline; }
#site-navigation nav ul li a.inactive { opacity:0.25; }
#site-navigation nav ul li a:hover { color:#fff; }
#site-navigation nav ul li ul { padding-top:0.9375rem; }
#site-navigation nav ul li ul li { padding-bottom:0.9375rem; padding-top:0.9375rem; }
#site-navigation nav ul li ul li::before { display:none; }
#site-navigation nav ul li ul li:last-child { padding-bottom:0; }
#site-navigation nav ul li ul li a { color:#fff; font-size:0.938rem; font-weight:500; }
#site-navigation nav ul li .social-links a { display:inline-block; font-size:1.25em; margin:0 0.3125rem; }
   
/*
 * Home Page
 */
main { overflow:hidden; }
.home-page { }
.home-page section#site-introduction { height:100vh; position:relative;
	transition:background-color 0.3s ease-out;
}
.home-page section#site-introduction.inactive { background-color:#002821;
	transition:background-color 0.3s ease-out 0.8s;
}
.home-page section#site-introduction h1.logo { background:url(../img/svg/local-press-circle-logo.svg) no-repeat 0 0; background-size:contain; border-radius:50%; height:120px; margin:0; position:absolute; top:50%; left:50%; width:120px; z-index:30;
	will-change:opacity, transform;
	transform:translate(-50%,-50%) scale(1);
	transition:opacity 0.3s ease-out 0.8s, transform 0.3s ease-out 0.8s;
}

.home-page section#site-introduction .row,
.home-page section#site-introduction .row .columns { height:100%; }
.home-page section#site-introduction .row .columns { height:50%; padding-left:0; padding-right:0; z-index:25;
	will-change:padding, width;
	transition:padding 0.5s ease-out 0.3s, width 0.5s ease-out 0.3s;
}
.home-page section#site-introduction.active .row .columns { position:relative; }
.home-page section#site-introduction .columns.cafe { }
.home-page section#site-introduction .columns.wholefoods { }
.home-page section#site-introduction .columns.content-container { display:none; height:auto; z-index:1; }
.home-page section#site-introduction .columns.content-container #loader { opacity:0; }
.home-page section#site-introduction .columns.content-container #loader .row .column,
.home-page section#site-introduction .columns.content-container #loader .row .columns { padding-left:0.9375rem; padding-right:0.9375rem; }
.home-page section#site-introduction .row.position-anchor { height:0; }

.home-page section#site-introduction .columns .site-section { height:50vh; position:absolute; left:0; right:0; width:100vw;
	will-change:opacity, width;
	transition:opacity 0.3s ease-out 0.8s, width 0.5s ease-out 0.3s;
}
.home-page section#site-introduction .columns.cafe .site-section { top:0; }
.home-page section#site-introduction .columns.wholefoods .site-section { bottom:0; }

.home-page section#site-introduction .site-section a.section-trigger { background:url(../img/blank.gif) repeat 0 0; display:block; height:100%; opacity:1; position:relative; width:100%; z-index:10;
	transition:opacity 0.3s ease-out;
}
.home-page section#site-introduction > .row:hover .site-section a.section-trigger { opacity:0.4; }
.home-page section#site-introduction > .row:hover .site-section a.section-trigger:hover { opacity:1; }
.home-page section#site-introduction .columns.cafe .site-section a.section-trigger { background-color:#f15f22; }
.home-page section#site-introduction .columns.wholefoods .site-section a.section-trigger { background-color:#3a4b21; }
.home-page section#site-introduction .site-section a.section-trigger .link-title { display:block; color:#fff; font-weight:500; letter-spacing:0.25em; pointer-events:none; position:absolute; top:50%; left:0; right:0; text-align:center; text-transform:uppercase; z-index:5;
	will-change:opacity;
	transform:translateY(-50%);
	transition:opacity 0.3s ease-out 0.3s;
}
.home-page section#site-introduction .site-section a.section-trigger .link-title .title { display:block; line-height:1.5rem; position:absolute; top:0; left:0; right:0; font-size:1.5em; }
.home-page section#site-introduction .site-section a.section-trigger .link-title .enter { display:none; line-height:1.5rem; font-size:0.938em; opacity:0; padding-top:0;
	will-change:opacity, padding-top;
	transition:opacity 0.3s ease-out, padding-top 0.3s ease-out;
}
.home-page section#site-introduction .site-section a.section-trigger:hover .link-title .enter { opacity:1; padding-top:1.875rem; }

.home-page section#site-introduction .columns .site-section a.section-reset { background:url(../img/svg/local-press-circle-logo.svg) no-repeat 0 0; background-size:contain; display:block; height:160px; margin:0; opacity:0; pointer-events:none; position:absolute; top:1.875rem; left:50%; width:160px; z-index:20;
	will-change:opacity, transform;
	transform:translateX(-50%) scale(0);
	transition:opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s;
}
.home-page section#site-introduction .columns .site-section a.section-reset:hover {
	animation:logo-pop 0.2s 1;
}

.home-page section#site-introduction .next-section {padding:0.9375rem; position:absolute; left:0; right:0; bottom:1.875rem; z-index:30; text-align:center;
	will-change:opacity;
	transition:opacity 0.3s ease-out 0.8s;
}
.home-page section#site-introduction .next-section a { border:none; color:#fff; display:block; font-size:0.9385em; font-weight:500; letter-spacing:0.25em;  text-decoration:none; text-transform:uppercase; z-index:30;
	will-change:opacity;
	transition:opacity 0.3s ease-out 0.8s;
}


.home-page section#site-introduction a.next-section i.arrow { background-color:#fff; display:block; height:30px; pointer-events:none; position:absolute; left:50%; bottom:0; width:2px;
	animation:bounce-bottom 1.5s infinite;
	will-change:bottom;
	transform:translateX(-50%);
	transition:bottom 0.3 ease-out;
}
.home-page section#site-introduction a.next-section i.arrow::before,
.home-page section#site-introduction a.next-section i.arrow::after { background-color:#fff; content:''; display:block; height:2px; position:absolute; bottom:0; width:15px; }
.home-page section#site-introduction a.next-section i.arrow::before { left:-15px;
	transform-origin:bottom right;
	transform:rotate(45deg);	
}
.home-page section#site-introduction a.next-section i.arrow::after { left:1px; bottom:-1px;
	transform-origin:bottom left;
	transform:rotate(-45deg);	
}

/* AJAX section is active **/
.home-page section#site-introduction.active .row .columns.disabled { padding:0; width:1px;
	transition:padding 0.5s ease-out 0s, width 0.5s ease-out 0s;
}
.home-page section#site-introduction.active .row .columns.disabled .site-section { opacity:0; pointer-events:none;
	transition:opacity 0.3s ease-out 0s, width 0.5s ease-out 0.3s;
}

.home-page section#site-introduction.active { height:auto; }
.home-page section#site-introduction.active .row .columns .site-section a.section-trigger { pointer-events:none; opacity:1; }
.home-page section#site-introduction.active h1.logo { opacity:0; pointer-events:none;
	transition:opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s;
	transform:translate(-50%,-50%) scale(0);
}
.home-page section#site-introduction.active a.next-section { opacity:0; pointer-events:none;
	transition:opacity 0.3s ease-out 0s;
}
.home-page section#site-introduction.active .columns.active { min-height:1px; }
.home-page section#site-introduction.active .columns.cafe .site-section { position:fixed; left:0; right:auto; }
.home-page section#site-introduction.active .columns.wholefoods .site-section { position:fixed; left:auto; right:0; }

.home-page section#site-introduction .columns.active .site-section a.section-reset { opacity:1; pointer-events:all;
	transform:translateX(-50%) scale(1);
	transition:opacity 0.3s ease-out 0.8s, transform 0.3s ease-out 0.8s;
}
.home-page section#site-introduction.open .columns .site-section { 
	will-change:width;
	transition:width 0s ease-out 0s;
}

/** Section Switch **/
.home-page section#site-introduction a.section-switch { color:#fff; pointer-events:none; position:fixed; top:0; bottom:0; width:50px; z-index:-1;
	transition:width 0.3s ease-out, left 0.3s ease-out 0s, right 0.3s ease-out 0s;
}
.home-page section#site-introduction a.section-switch.active { pointer-events:all; z-index:15;
	transition:width 0.3s ease-out, left 0.3s ease-out 0.8s, right 0.3s ease-out 0.8s;	
}
.home-page section#site-introduction a.section-switch.wholefoods { background-color:#f2a8a3; }
.home-page section#site-introduction a.section-switch.cafe { background-color:#f15f22; }
.home-page section#site-introduction a.section-switch:hover { width:100px; }
.home-page section#site-introduction a.section-switch.cafe { right:-50px; }
.home-page section#site-introduction a.section-switch.cafe.active { right:0; }
.home-page section#site-introduction a.section-switch.wholefoods { left:-50px; }
.home-page section#site-introduction a.section-switch.wholefoods.active { left:0; }

.home-page section#site-introduction a.section-switch .link-title { display:block; font-weight:500; letter-spacing:0.25em; pointer-events:none; position:absolute; top:50%; left:50%; text-align:center; text-transform:uppercase; width:200px; z-index:5;
	transform:translate(-50%,-50%);
}
.home-page section#site-introduction a.section-switch.cafe .link-title {
	transform:translate(-50%,-50%) rotate(90deg);
}
.home-page section#site-introduction a.section-switch.wholefoods .link-title {
	transform:translate(-50%,-50%) rotate(-90deg);
}
.home-page section#site-introduction a.section-switch .link-title .title { display:block; line-height:0.938rem; position:absolute; top:0; left:0; right:0; font-size:0.938em; }
.home-page section#site-introduction a.section-switch .link-title .arrow { display:block; line-height:0.938rem; font-size:0.938em; opacity:0; padding-top:0;
	will-change:opacity, padding-top;
	transition:opacity 0.3s ease-out, padding-top 0.3s ease-out;
}
.home-page section#site-introduction a.section-switch:hover .link-title .arrow { opacity:1; padding-top:1.25rem; }

.home-page section#site-introduction #swipe { background-color:#fff; position:absolute; top:0; bottom:0; z-index:99; width:0vw;
	transition:width 0.8s ease-out 0s;
}
.home-page section#site-introduction #swipe::before { content:''; display:block; height:150px; opacity:0; pointer-events:none; position:fixed; top:50%; left:50%; width:150px; z-index:100;
	transform:translate(-50%,-50%);
	transition:opacity 0.3s ease-out 0s;
}
.home-page section#site-introduction #swipe.swipe-left { background-color:#f15f22; right:0; width:100vw; }
.home-page section#site-introduction #swipe.swipe-left::before { background:url(../img/spinner-orange@2x.gif) no-repeat 0 0; background-size:contain; opacity:1;
	transition:opacity 0.3s ease-out 0.8s;
}
.home-page section#site-introduction #swipe.close-left { background-color:#f15f22; left:0; width:0vw;
	transition:width 0.8s ease-out 0.3s;
}
.home-page section#site-introduction #swipe.swipe-right { background-color:#f2a8a3; left:0; width:100vw; }
.home-page section#site-introduction #swipe.swipe-right::before { background:url(../img/spinner-pink@2x.gif) no-repeat 0 0; background-size:contain; opacity:1;
	transition:opacity 0.3s ease-out 0.8s;
}
.home-page section#site-introduction #swipe.close-right { background-color:#f2a8a3; right:0; width:0vw;
	transition:width 0.8s ease-out 0.3s;
}

/** News Section **/
.home-page section.news-section { }
.home-page section.news-section h2 { font-size:1.5em; margin:0; }
.home-page section.news-section .blogroll { padding-bottom:2.727rem; padding-top:2.727rem; }

/*
 * Site Section Page
 */
body.page-template-site-section article { overflow:hidden; }
body.page-template-site-section article .columns .site-section { opacity:0; position:fixed; top:0; bottom:0; width:50vw; z-index:25;
	transition:opacity 0.8s ease-out 0.3s;
}
body.page-template-site-section article .columns.cafe,
body.page-template-site-section article .columns.wholefoods { min-height:1px; }
body.page-template-site-section article .columns.cafe .site-section { background-color:#f15f22; left:0; }
body.page-template-site-section article .columns.wholefoods .site-section { background-color:#3a4b21; right:0; }
body.page-template-site-section article .columns .site-section h1 { display:block; color:#fff; font-size:1.875rem; letter-spacing:0.25em; line-height:1.875rem; pointer-events:none; position:absolute; top:50%; left:0; right:0; text-align:center; text-transform:uppercase; z-index:5;
	transform:translateY(-50%);
}
body.page-template-site-section article .columns .site-section a.logo { background:url(../img/svg/local-press-circle-logo.svg) no-repeat 0 0; background-size:contain; display:block; height:160px; margin:0; position:absolute; top:1.875rem; left:50%; width:160px; z-index:20;
	transform:translateX(-50%) scale(1);
}
body.page-template-site-section article .columns .site-section a.logo:hover {
	animation:logo-pop 0.2s 1;
}

body.page-template-site-section article a.section-switch { background-color:#fff; position:fixed; top:0; bottom:0; width:50px; z-index:15;
	transition:width 0.3s ease-out, left 0.3s ease-out 0.8s, right 0.3s ease-out 0.8s;
}
body.page-template-site-section article.cafe a.section-switch { background-color:#f15f22; }
body.page-template-site-section article.wholefoods a.section-switch { background-color:#f2a8a3; }
body.page-template-site-section article a.section-switch:hover { width:100px; }
body.page-template-site-section article.cafe a.section-switch { right:-50px; }
body.page-template-site-section article.cafe a.section-switch.active { right:0; }
body.page-template-site-section article.wholefoods a.section-switch { left:-50px; }
body.page-template-site-section article.wholefoods a.section-switch.active { left:0; }

body.page-template-site-section article a.section-switch .link-title { display:block; color:#fff; font-weight:500; letter-spacing:0.25em; pointer-events:none; position:absolute; top:50%; left:50%; text-align:center; text-transform:uppercase; width:200px; z-index:5;
	transform:translate(-50%,-50%);
}
body.page-template-site-section article.cafe a.section-switch .link-title {
	transform:translate(-50%,-50%) rotate(90deg);
}
body.page-template-site-section article.wholefoods a.section-switch .link-title {
	transform:translate(-50%,-50%) rotate(-90deg);
}
body.page-template-site-section article a.section-switch .link-title .title { display:block; line-height:0.938rem; position:absolute; top:0; left:0; right:0; font-size:0.938em; }
body.page-template-site-section article a.section-switch .link-title .arrow { display:block; line-height:0.938rem; font-size:0.938em; opacity:0; padding-top:0;
	will-change:opacity, padding-top;
	transition:opacity 0.3s ease-out, padding-top 0.3s ease-out;
}
body.page-template-site-section article a.section-switch:hover .link-title .arrow { opacity:1; padding-top:1.25rem; }

nav.section-nav { background:#f7f6ef url(../img/background-pattern.jpg) repeat; padding-bottom:2.5rem; padding-top:2.5rem; position:fixed; z-index:30; }
.page-template-site-section nav.section-nav  { z-index:10; }
nav.section-nav::before,
nav.section-nav::after { background:#f7f6ef url(../img/background-pattern.jpg) repeat; content:''; display:block; height:100%; position:absolute; top:0; width:9999px; }
nav.section-nav::before { right:100%; }
nav.section-nav::after { left:100%; }
nav.section-nav ul { list-style:none; margin:0; padding:0; }
nav.section-nav ul li { float:left; padding-left:1.875rem; }
nav.section-nav ul li:first-child { padding-left:0; }
nav.section-nav ul li a { color:#002821; display:block; padding-bottom:0.625rem; position:relative; text-decoration:none; text-transform:uppercase; }
nav.section-nav ul li a::after { background-color:#f15f22; content:''; display:block; height:2px; position:absolute; left:0; bottom:0; width:100%;
	transform:scaleX(0);
	transform-origin:right;
	transition: transform 0.3s ease-out;
}
.wholefoods nav.section-nav ul li a::after { background-color:#f2a8a3; }
nav.section-nav ul li a.active:after,
nav.section-nav ul li a:hover:after {
	transform:scaleX(1);
	transform-origin:left;
}

.cafe h2,
.cafe h4 { color:#f15f22; }
.wholefoods h2,
.wholefoods h4 { color:#f2a8a3; }

section.page-row .row,
section.page-row .row .columns,
section.page-row .row .column { position:relative; }

.title-wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 350px;
}
.row-title { padding-top:100%; pointer-events:none; position:relative; width:100%; z-index:5; }
.row-title h3 { margin:0; padding:1.875rem; opacity:0; position:absolute; top:50%; left:0; right:0; text-align:center;
	transform:translateY(-25%);
	transition:opacity 0.3s ease-out 0.6s, transform 0.3s ease-out 0.6s;
}
.row-title h3::before,
.row-title h3::after { content:''; display:block; height:2px; margin-left:-20px; position:absolute; left:50%; width:40px; }
.row-title h3::before { top:-2px; }
.row-title h3::after { bottom:-2px; }
.row-title h3 span { display:block; font-size:0.909em; margin-bottom:0.625rem; }
.row-title h3 span:last-child { margin-bottom:0; }
.row-title + p { margin-top:0; }
.row-title svg { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; }
.row-title svg path { fill:transparent; stroke-width:3px; height:100%; width:100%; vector-effect:non-scaling-stroke; stroke-dasharray:1450; stroke-dashoffset:1450; }

.row-title.active h3 { opacity:1;
	transform:translateY(-50%);
}
.row-title.active svg path { animation:circle-draw 1.2s ease-out forwards; }

.cafe .row-title h3 { color:#f15f22; }
.cafe .row-title h3::before,
.cafe .row-title h3::after { background-color:#f15f22; }
.cafe .row-title svg path { stroke:#f15f22; }
.wholefoods .row-title h3 { color:#f2a8a3; }
.wholefoods .row-title h3::before,
.wholefoods .row-title h3::after { background-color:#f2a8a3; }
.wholefoods .row-title svg path { stroke:#f2a8a3; }

.row-slider { position:relative; }
.row-slider ul { list-style:none; margin:0; padding:0; }
.row-slider ul li { display:none; }

/** Page Row: Page Introduction **/
section.page-introduction .row .columns:last-child { margin-top:3.75em; }

/** Content Row: Portrait Image **/
section.content-row-portrait-image .row-title {
	/*transform:translate(-50%, -3.75rem);*/
}
.cafe section.content-row-portrait-image .row-title {
	/*transform:translate(-25%, -3.75rem);*/
}

/** Content Row: Landscape Image **/
section.content-row-landscape-image .row-title { margin-bottom:-1.875rem; margin-top:-1.875rem; }
section.content-row-landscape-image .content-row .columns:last-child { padding-left:2.813rem !important; }
section.content-row-landscape-image .image-row { padding-top:2.5rem; position:relative; z-index:1; }

/** Contact Row **/
section.contact-row { }
section.contact-row .contact-details h3,
section.contact-row .bookings h3 { font-size:1.125em; font-weight:500; }
section.contact-row .contact-details a { display:inline-block; font-weight:500; letter-spacing:0.125em; line-height:2.8; text-decoration:none; text-transform:uppercase; }
.cafe section.contact-row .contact-details a { background-color:rgba(241,95,34,0.3); }
.cafe section.contact-row .contact-details a:hover { background-color:rgba(241,95,34,0.6); }
.wholefoods section.contact-row .contact-details a { background-color:rgba(243,178,173,0.3); }
.wholefoods section.contact-row .contact-details a:hover { background-color:rgba(243,178,173,0.6); }

.instagram-row { }
.instagram-row h4 { margin-bottom:0.5em; }
/*.wholefoods .instagram-row h4 { text-indent:-3.75rem; }*/
.instagram-row .social-links { margin-top:1.875rem; }
.instagram-row .social-links a.social-link { color:#eee8e0; display:inline-block; height:43px; font-size:1.25em; line-height:36px; position:relative; text-align:center; width:42px; z-index:5; }
.instagram-row .social-links a.social-link i { display:inline-block !important; height:auto; pointer-events:all; position:static; width:auto; }
.instagram-row .social-links a.social-link.facebook { text-indent:-2px; }
.instagram-row .social-links a.social-link svg { fill:#002821; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1;
	-webkit-transition:fill 0.25s ease-out;
	transition:fill 0.25s ease-out;
}
.instagram-row .social-links a.social-link:hover { color:#fff; }
.cafe .instagram-row .social-links a.social-link:hover svg { fill:#f15f22; }
.wholefoods .instagram-row .social-links a.social-link:hover svg { fill:#f2a8a3; }
.instagram-row .social-links a.social-link:nth-child(even) svg {
	-webkit-transform:rotate(-90deg);
	        transform:rotate(-90deg);
}

.instagram-row .instagram-feed { padding-bottom:3.7500rem; padding-top:3.7500rem; }
.instagram-row .instagram-feed .instagram-image { float:left; padding:2px; width:50%; }
.instagram-row .instagram-feed .instagram-image a { background-color:#fff; display:block; height:100%; overflow:hidden; position:relative; width:100%; }
.instagram-row .instagram-feed .instagram-image a span.image { background-position:center; background-repeat:no-repeat; background-size:cover; display:block; opacity:0.85; position:absolute; top:0; right:0; bottom:0; left:0; 
	transition:opacity 0.3s ease-out, transform 0.3s ease-out;
}
.instagram-row .instagram-feed .instagram-image a:hover span.image { opacity:1;
	transform:scale(1.1);
}
.instagram-row .instagram-feed .instagram-image a img { height:auto; opacity:0; width:100%; }

.cafe .instagram-row .instagram-feed .instagram-image:nth-child(2) {
	transform:translateY(-3.75rem);
}
.cafe .instagram-row .instagram-feed .instagram-image:nth-child(3) {
	transform:translate(-3.75rem, 3.75rem);
}
.cafe .instagram-row .instagram-feed .instagram-image:nth-child(4) {
	transform:translateX(-3.75rem);
}
.wholefoods .instagram-row .instagram-feed .instagram-image:nth-child(1) {
	transform:translateY(-3.75rem);
}
.wholefoods .instagram-row .instagram-feed .instagram-image:nth-child(3) {
	transform:translate(3.75rem, 3.75rem);
}
.wholefoods .instagram-row .instagram-feed .instagram-image:nth-child(4) {
	transform:translateX(3.75rem);
}

/*
 * News
 */
.blogroll .blog-row { margin-left:-2px; margin-right:-2px; }
.blogroll .blog-row article { padding:2px; }
.blogroll .blog-row article a { display:block; height:100%; overflow:hidden; position:relative; text-decoration:none; width:100%; }
.blogroll .blog-row article a span.article-title { background-color:#fff; color:#002821; display:block; font-size:0.938em; font-weight:600; padding:1.25rem; position:relative; text-align:left; z-index:10; }
.blogroll .blog-row article a span.article-title span { color:#f15f22; display:block; font-size:0.867em; font-weight:400; text-transform:uppercase; }
.blogroll .blog-row article a span.article-title span.wholefoods { color:#f2a8a3; }
.blogroll .blog-row article a span.post-image { background-position:center; background-repeat:no-repeat; background-size:cover; display:none; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;
	will-change:transform;
	transition:transform 0.3s ease-out;
}
.blogroll .blog-row article a:hover span.post-image {
	transform:scale(1.1);
}
.blogroll .blog-row article a img { display:block; opacity:1; width:100%; }

/** News Page **/
.news-header h1 { margin:0; }
.news-header #post-filter { padding-bottom:1.875rem; padding-top:1.875rem; }

.alm-btn-wrap { padding:2.727rem 0 0; }

.alm-btn-wrap .alm-load-more-btn { border:2px solid #002821; background-color:transparent; border-radius:0; color:#002821; display:inline-block; font-size:1em; font-weight:500; height:auto; line-height:1; margin:0; padding:1em 1.75em; position:relative; overflow:hidden; text-decoration:none; z-index:5;
transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
}
.alm-btn-wrap .alm-load-more-btn::before { background:transparent url(../img/spinner-green@2x.gif) no-repeat center !important; background-size:30px !important; border-radius:0 !important; margin:9px 6px !important; }
.alm-btn-wrap .alm-load-more-btn.loading,
.alm-btn-wrap .alm-load-more-btn:hover { background-color:#002821; color:#fff; }
.alm-btn-wrap .alm-load-more-btn::before { border-radius:0; }
.alm-btn-wrap .alm-load-more-btn.done { display:none; }

/** Single Post **/
article.single-post header { padding-bottom:1.25rem; }
article.single-post header h1 { font-size:1.25em; margin:0; }
article.single-post header .post-meta { font-size:0.813em; padding-top:1.25rem; }
article.single-post header .post-meta a { color:#f15f22; text-decoration:none; }
article.single-post header .post-meta a:hover { text-decoration:underline; }
article.single-post .featured-image { padding-bottom:2.727rem; }
article.single-post .share-row { padding-top:2.727rem; }

.addthis_inline_share_toolbox { padding-top:2.272rem; }
.at-resp-share-element .at-share-btn { background-color:#002821 !important; margin:0 2px !important; }
.at-resp-share-element .at-share-btn svg { fill:#fff !important;
	-webkit-transition:fill 0.3s ease-out;
	-o-transition:fill 0.3s ease-out;
	transition:fill 0.3s ease-out;
}
.at-resp-share-element .at-share-btn:hover,
.at-resp-share-element .at-share-btn:focus { background-color:#f15f22 !important;
	-webkit-transform:none !important;
	    -ms-transform:none !important;
	        transform:none !important;
}

/** Article Navigation **/
article.single-post nav a { font-size:1em; text-decoration:none; }

article.single-post nav a span.arrow-wrap { display:inline-block; height:10px; position:relative; width:50px; }
article.single-post nav a span.arrow-wrap span.arrow { background-color:#002821; display:block; height:2px; margin-top:-1px; position:absolute; top:50%; width:30px;
	transition:all 0.3s ease-out;
}
article.single-post nav a span.arrow-wrap span.arrow.left { left:10px; }
article.single-post nav a span.arrow-wrap span.arrow.right { right:10px; }
article.single-post nav a span.arrow-wrap span.arrow:before,
article.single-post nav a span.arrow-wrap span.arrow:after { background-color:#002821; content:''; display:block; height:2px; position:absolute; width:10px;
	transition:background-color 0.3s ease-out;
}
article.single-post nav a span.arrow-wrap span.arrow.left:before { left:-1px; bottom:-1px;
	transform-origin:top left;
	transform:rotate(-45deg);
}
article.single-post nav a span.arrow-wrap span.arrow.left:after { left:-1px; top:-1px;
	transform-origin:bottom left;
	transform:rotate(45deg);
}
article.single-post nav a span.arrow-wrap span.arrow.right:before { right:-1px; top:-1px;
	transform-origin:bottom right;
	transform:rotate(-45deg);
}
article.single-post nav a span.arrow-wrap span.arrow.right:after { right:-1px; bottom:-1px;
	transform-origin:top right;
	transform:rotate(45deg);
}

article.single-post nav a:hover { color:#f15f22; }
article.single-post nav a:hover span.arrow-wrap span.arrow,
article.single-post nav a:hover span.arrow-wrap span.arrow:before,
article.single-post nav a:hover span.arrow-wrap span.arrow:after { background-color:#f15f22; }
article.single-post nav a:hover span.arrow-wrap span.arrow.left { left:0; }
article.single-post nav a:hover span.arrow-wrap span.arrow.right { right:0; }

/*
 * Internal Page
 */
.page-banner {
	color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding-bottom: 2.727rem;
	padding-top: 2.727rem;
}
.page-banner::after {
	background-color: #000;
	content: '';
	display: block;
	opacity: 0.3;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 0;
}
.page-banner .row {
	position: relative;
	z-index: 5;
}

body.page-template-internal-page .page-row.content-area + .page-row.content-area {
	padding-top: 0 !important;
}

/*
 * Bottom Bar
 */
footer#bottom-bar { background-color:#fff; overflow:hidden; position:relative; z-index:19; }

footer#bottom-bar .footer-content { padding-bottom:2.5rem; padding-top:2.5rem; }
footer#bottom-bar .footer-content h2 { height:99px; margin:1.25rem auto; width:123px; }
footer#bottom-bar .footer-content h2 a { background:url(../img/svg/local-press-logo.svg) no-repeat 0 0; background-size:contain; display:block; height:100%; width:100%; }
footer#bottom-bar .footer-content h3 { font-size:1em; font-weight:600; letter-spacing:0.25em; margin:0 0 1em; text-transform:uppercase; }
footer#bottom-bar .footer-content p { line-height:1.6; margin:0; }
footer#bottom-bar .footer-content .newsletter p { margin-bottom:1em !important; }
footer#bottom-bar .footer-content a:not(.btn) { color:#000; text-decoration:none; }
footer#bottom-bar .footer-content a:not(.btn):hover { text-decoration:underline; }
footer#bottom-bar .footer-content ul.social-links { list-style:none; margin:0; padding:1em 0 0; }
footer#bottom-bar .footer-content ul.social-links li { float:left; padding-left:0.9375rem; }
footer#bottom-bar .footer-content ul.social-links li:first-child { padding-left:0; }
footer#bottom-bar .footer-content ul.social-links li a { color:#1e453e; font-size:1.25em; }
footer#bottom-bar .footer-content ul.social-links li a:hover { color:#f15f22; }
footer#bottom-bar .footer-content .wholefoods ul.social-links li a:hover { color:#f2a8a3; }

footer#bottom-bar .legality { background-color:#002821; color:#fff; font-size:0.75em; padding-bottom:1.875rem; padding-top:1.875rem; }
footer#bottom-bar .legality a { color:#fff; text-decoration:none; }
footer#bottom-bar .legality a:hover { text-decoration:underline; }

/** Pop Up **/
section.popup { background-color:rgba(0,40,33,0.95); height:100%; opacity:0; overflow-y:scroll; padding:0.9375em; position:fixed; top:0; left:0; right:0; bottom:0; z-index:-1;
	-webkit-transition:opacity 0.5s linear, z-index 0s ease-out 0.5s;
	-o-transition:opacity 0.5s linear, z-index 0s ease-out 0.5s;
	transition:opacity 0.5s linear, z-index 0s ease-out 0.5s;
}
section.popup.active { opacity:1; z-index:99;
	-webkit-transition:opacity 0.5s linear 0.5s;
	-o-transition:opacity 0.5s linear 0.5s;
	transition:opacity 0.5s linear 0.5s;
}

section.popup .popup-content { background:#f7f6ef url(../img/background-pattern.jpg) repeat; pointer-events:all; padding-left:0.9375rem; padding-right:0.9375rem; }
section.popup .popup-content h2 { font-size:2em; margin:0; }

section.popup a.close-trigger { background-color:#fff; display:block; height:50px; position:absolute; top:0; right:0; width:50px; z-index:10; }
section.popup a.close-trigger::before,
section.popup a.close-trigger::after { background-color:#002821; content:''; display:block; height:2px; margin:-1px 0 0 -15px; position:absolute; top:50%; left:50%; width:30px;
	-webkit-transition:background-color 0.25s ease-out;
	-o-transition:background-color 0.25s ease-out;
	transition:background-color 0.25s ease-out;
}
section.popup a.close-trigger::before { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
section.popup a.close-trigger::after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }

section.popup a.close-trigger:hover { background-color:#f15f22; }
section.popup a.close-trigger:hover::before,
section.popup a.close-trigger:hover::after { background-color:#fff; }

/* ==========================================================================
   Global / Layout Styles
   ========================================================================== */

figure { margin:0; }

/** Parallax **/
.cafe-viewport,
.wholefoods-viewport { overflow:hidden; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; }
.cafe-viewport .cafe-layer,
.wholefoods-viewport .wholefoods-layer { position:absolute; will-change:transform; }

.cafe-viewport .cafe-layer.beetroot { background:url(../img/svg/beetroot.svg) no-repeat center; background-size:contain; height:1180px; margin-left:-500px; top:-5%; left:50%; width:1000px; }
.cafe-viewport .cafe-layer.eggplant { background:url(../img/svg/eggplant.svg) no-repeat center bottom; background-size:contain; height:780px; right:-15%; bottom:-30%; width:1170px; }
.cafe-viewport .cafe-layer.bean { background:url(../img/svg/bean.svg) no-repeat; background-size:contain; right:70%; top:5%; height:620px; width:370px; }
.cafe-viewport .cafe-layer.peas { background:url(../img/svg/peas.svg) no-repeat; background-size:contain; top:10%; right:40%; height:300px; width:290px; }

.wholefoods-viewport .wholefoods-layer.tomato { background:url(../img/svg/tomato.svg) no-repeat center; background-size:contain; height:950px; bottom:15%; left:15%; width:1010px; }
.wholefoods-viewport .wholefoods-layer.leaf { background:url(../img/svg/leaf.svg) no-repeat; background-size:contain; bottom:-40%; left:-5%; height:1070px; width:535px; }
.wholefoods-viewport .wholefoods-layer.grass { background:url(../img/svg/grass.svg) no-repeat center bottom; background-size:contain; height:320px; margin-left:-380px; top:0; left:50%; width:760px; }

#top-bar .cafe-viewport .cafe-layer.beetroot { margin-left:0; margin-top:-590px; top:50%; left:25%; }
#top-bar .cafe-viewport .cafe-layer.bean { margin-top:-310px; right:70%; top:50%; }
#top-bar .cafe-viewport .cafe-layer.peas { top:10%; right:40%; }

#top-bar .wholefoods-viewport .wholefoods-layer.tomato { margin-top:-475px; top:50%; left:15%; }
#top-bar .wholefoods-viewport .wholefoods-layer.leaf { bottom:-90%; left:-5%; }

.page-content { position:relative; }
.page-content i { background-size:contain; display:none; pointer-events:none; position:absolute; will-change:transform; }
.page-content i.tomato { background:url(../img/svg/tomato-scroll.svg) no-repeat center; height:215px; width:205px; }
.page-content i.leaf { background:url(../img/svg/leaf-scroll.svg) no-repeat center; height:185px; width:135px; }
.page-content i.peas { background:url(../img/svg/peas-scroll.svg) no-repeat center; height:240px; width:260px; }

.page-content.wholefoods i.tomato { top:20%; left:-230px; z-index:-1; }
.page-content.wholefoods i.leaf { top:40%; right:-80px; z-index:-1; }
.page-content.wholefoods i.peas { top:60%; left:-120px; z-index:-1; }

.page-content.cafe i.tomato { top:95%; right:-230px; z-index:-1;; }
.page-content.cafe i.leaf { top:27.5%; left:-80px; z-index:-1; }
.page-content.cafe i.peas { top:50%; right:-120px; z-index:-1; }

.single-post .page-content i.tomato { top:25%; left:-50px; }
.single-post .page-content i.peas { top:75%; right:0; }

/** Layouts **/
.content-area { padding-bottom:2.727rem; padding-top:2.727rem; }
/*.content-area.x2 { padding-bottom:5.454rem; padding-top:5.454rem; }*/
.content-area.bottom-x0 { padding-bottom:0 !important; }
.content-area.top-x0 { padding-top:0 !important; }

section.content-area + section.content-area {
    padding-top: 0 !important;
}

.outer-row { padding-left:0; padding-right:0; }

.divider,
.divider-small,
.divider-medium,
.divider-large { padding-top:1.875rem; }

/** Animations **/
@keyframes bounce-bottom {
  0%   { bottom: 0; }
  50%  { bottom: -0.9375rem; }
  100% { bottom: 1; }
}

@keyframes logo-pop {
  0%   { transform:translateX(-50%) scale(1); }
  85%   { transform:translateX(-50%) scale(1.05); }
  100% { transform:translateX(-50%) scale(1); }
}

@keyframes circle-draw {
  to {
    stroke-dashoffset:0;
  }
}

/** Media **/
.media-page {
    padding-top: 1.875rem;
}
.media-page .alm-reveal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.media-page article {
    padding: 2px;
    position: relative;
    width: 100%;
}
.media-page article a {
    background-color: #fff;
    color: #f15f22;
    display: block;
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    position: absolute;
    bottom: 2px; right: 44px;
    text-align: center;
    width: 40px;
}
.media-page article a:hover {
    background-color: #f15f22;
    color: #fff;
}
.media-page article a:nth-child(2) {
    color: #002821;
    right: 2px;
}
.media-page article a:nth-child(2):hover {
    background-color: #002821;
    color: #fff;
}
.media-page article a i {
    display: inline-block;
    position: relative;
}

/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4 { font-weight:600; letter-spacing:0.125em; line-height:1.1; text-transform:uppercase; }

h1,
h2 { font-size:1.875em; }
h3 { font-size:1em; line-height:1.4; letter-spacing:0.25em; }

p.large-text { font-size:1.5em; font-weight:500; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child, ul:first-child, ol:first-child { margin-top:0 !important; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child, ul:last-child, ol:last-child { margin-bottom:0 !important; }

@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Bold.woff2') format('woff2'),
        url('../fonts/CircularStd-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Medium.woff2') format('woff2'),
        url('../fonts/CircularStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Book.woff2') format('woff2'),
        url('../fonts/CircularStd-Book.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


/* ==========================================================================
   Links
   ========================================================================== */
a { color:#002821; outline:none; text-decoration:underline;
  -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; 
     -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; 
       -o-transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; 
          transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
}
a:hover { text-decoration:none; }

a.btn { display:inline-block; font-size:1em; font-weight:500; line-height:1; max-width:210px; padding:1em; text-align:center; text-decoration:none !important; width:100%; }

a.btn.hollow { border:2px solid #002821; background-color:transparent; color:#002821; }
a.btn.hollow:hover { background-color:#002821; color:#fff; }

a.btn.solid { border:2px solid #002821; background-color:#002821; color:#fff; }
a.btn.solid:hover { background-color:transparent; color:#002821; }

/* ==========================================================================
   Forms
   ========================================================================== */
input, textarea, select, button { background-color:transparent; border:2px solid #002821; border-radius:0; color:#002821; cursor:pointer; display:block; font-size:1em; font-weight:500; height:auto; margin:0; padding:1em; outline:none; text-shadow:none; width:100%;
  -webkit-appearance: none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
input:hover, textarea:hover, select:hover { border-color:#f15f22; }
input:focus, textarea:focus { background-color:#002821; border-color:#002821; color:#fff; }
textarea,
textarea[rows] { height:140px; }

select { /*background-image:url(../img/select-arrow.png); background-position:center right; background-repeat:no-repeat;*/ }
.generatedcontent select { background-image:none; }
.ginput_container_select { position:relative; }
/*.ginput_container_select::before { content:'\f107'; color:#002821; display:block; font-size:1.5em; pointer-events:none; position:absolute; top:50%; right:1.563rem;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
	-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
}*/

input[type="checkbox"], input[type="radio"] { border:2px solid #002821; float:left; height:20px; margin-right:0.625rem; width:20px;
-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none; }
input[type="radio"] {
 border-radius:50%;
}
input[type="checkbox"]:focus, input[type="radio"] { background-color: transparent !important; }
input:checked { background-color:#002821 !important; background-clip:content-box; border-color:#002821; outline:none; padding:3px; }

.ginput_container_checkbox li input + label,
.ginput_container_radio li input + label { display:block; line-height:20px; margin-bottom:0; }

.ginput_container_date { position:relative; }
.ginput_container_date::before { content:'\f073'; color:#002821; display:block; font-size:1em; pointer-events:none; position:absolute; top:50%; right:1.563rem;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
	-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
	    transform:translateY(-50%);
}

.gfield_time_ampm { position:relative; }
.gfield_time_ampm::before { content:'\f107'; color:#002821; display:block; font-size:1em; pointer-events:none; position:absolute; top:50%; right:1.563rem;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
	-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
	    transform:translateY(-50%);
}

.ginput_container_time { float:left; position:relative; width:33.33%; }
.ginput_container_time:nth-child(1) input,
.ginput_container_time:nth-child(2) input { border-right:none; }
.ginput_container_time i,
.ginput_container_time label { display:none !important; }

.gform_fileupload_multifile { color:#002821; border:2px dashed #f15f22; margin-bottom:0.625rem; padding:1.875rem; text-align:center; }
.gform_fileupload_multifile input {
	border: none;
    background: transparent;
    display: inline-block;
    width: auto;
    padding: 0;
    font-size: 1em;
    height: auto;
    font-weight: 400;
	text-decoration:underline;
}
.gform_fileupload_multifile input:hover { text-decoration:none; }

.gsection h2 {
	color:#002821 !important;
	font-size: 1em !important;
    line-height: 1.4 !important;
    letter-spacing: 0.25em !important;
}

label { display:none; font-size:1.125em; font-weight:400; margin-bottom:0.625rem; }
input[type="text"] + label { display:none; }
.placeholder-support label.checkbox,
.placeholder-support label.inline { display:block; font-size:1.125em; font-weight:500; }

.screen-reader-text { display: none; }
.gfield_description {
	display: block;
	padding-top: 10px;
}

.gform_wrapper ul li .ginput_container_checkbox { }
.gform_wrapper ul li .ginput_container_checkbox li {  margin-bottom:0; margin-top:0.625rem; }
.gform_wrapper ul li .ginput_container_checkbox li input + label { display:block; margin-bottom:0; }
.gform_wrapper ul li .instruction  { display:none; }

.ginput_container_checkbox::before, .ginput_container_checkbox::after, .ginput_container_checkbox ul::before, .ginput_container_checkbox ul::after {
  content: ' ';
  display: table; }

.ginput_container_checkbox::after, .ginput_container_checkbox ul::after {
  clear: both; }
  
.gsection { margin-top:3.125rem; }
.gsection:first-child { margin-top:0; }

.gform_footer { clear:both; margin-top:0; position:relative; text-align:right; }
button.gform_button { background-color:#002821; border:2px solid #002821; color:#fff; display:inline-block; font-size:1em; line-height:1; padding:1em; position:relative; max-width:160px; text-align:center; width:100%; }
button.gform_button:hover,
button.gform_button:focus { background-color:#f15f22; border-color:#f15f22; color:#fff; }

.gform_wrapper ul { font-size:1em; list-style:none; margin:0; padding:0; }
.gform_wrapper ul li { margin-bottom:1.25rem; text-align:left; padding:0; }
.gf_clear { clear:both; }

/** Honeypot **/
.gform_validation_container {
	display: none !important;
}

::-webkit-input-placeholder { color:#002821; }
:-moz-placeholder { color: #002821; }
::-moz-placeholder { color: #002821; }
:-ms-input-placeholder { color: #002821; }

/** Warnings **/
.validation_error { display:none; }
.validation_message { display:none !important; }
.gfield_contains_required.gfield_error input,
.gfield_contains_required.gfield_error textarea,
.gfield_contains_required.gfield_error select,
.gfield_contains_required.gfield_error .jcf-select { background-color:#ff9999; }
.gfield_contains_required.gfield_error label { color:#ff0000 !important; }

.gform_confirmation_message { font-size:1.250em; }

img.gform_ajax_spinner { height:30px; position:absolute; left:0; top:50%; width:30px;
	-webkit-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}

.input_left,
.input_right,
.name_first,
.name_last,
.input_mid { display:block; }
.name_first { margin-bottom:0.9375rem; }
.gf_clear { clear:both; }

.gform_body::before, .gfield::before, .clear-multi::before, .gform_body::after, .gfield::after, .clear-multi::after {
  content: ' ';
  display: table; }

.gform_body::after, .gfield::after, .clear-multi::after {
  clear: both; }

/* Small screens */
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 39.99em) {
		
	.row-title { padding-top:270px; width:270px; }
	.cafe section.content-row-portrait-image .row-title { position:absolute;
		transform: translate(-35%, 0);
	}
	.cafe section.content-row-portrait-image .row-slider { padding-left:6.25rem; padding-top:3.75rem; }
	.cafe section.content-row-portrait-image .row-slider .flex-control-paging { padding-left:6.25rem; }
	.cafe section.contact-row .row-title { position:absolute; right:0;
		    transform: translate(20%,-30%);
	}
	.cafe section.contact-row .bookings,
	.wholefoods section.contact-row .bookings { padding-top:7.5rem; }
	.cafe .instagram-row .instagram-feed { padding-top:1.875rem; }
	.cafe .instagram-row .instagram-feed .instagram-image:nth-child(3) {
		transform: translate(0, 0rem);
	}
	.cafe .instagram-row .instagram-feed .instagram-image:nth-child(4) {
		transform: translate(0, -3.75rem);
	}
	
	.wholefoods section.content-row-portrait-image .row-title { position:absolute; right:0;
		transform: translate(20%,0);
	}
	.wholefoods section.content-row-portrait-image .row-slider { padding-right:6.25rem; padding-top:3.75rem; }
	.wholefoods section.content-row-portrait-image .row-slider .flex-control-paging { padding-right:6.25rem; }
	.wholefoods section.content-row-landscape-image .content-row .columns:last-child { padding-left:0.9375rem !important; }
	.wholefoods section.content-row-landscape-image .row-title {
		    transform:translate(-25%,1.875rem);
	}
	.wholefoods section.contact-row .row-title { position:absolute; right:0;
		    transform: translate(20%,0);
	}
	/*.wholefoods .instagram-row h4 { padding-top:3.75rem; text-indent:0; }*/
	.wholefoods .instagram-row .instagram-feed { padding-top:1.875rem; }
	.wholefoods .instagram-row .instagram-feed .instagram-image:nth-child(1) {
		transform: translateY(0);
	}
	.wholefoods .instagram-row .instagram-feed .instagram-image:nth-child(2) {
		transform: translateY(-3.75rem);
	}
	.wholefoods .instagram-row .instagram-feed .instagram-image:nth-child(3) {
		transform: translate(0, 0rem);
	}
	.wholefoods .instagram-row .instagram-feed .instagram-image:nth-child(4) {
		transform: translate(0, -3.75rem);
	}
	
	section.contact-row h4 { font-size:1.875rem; }
	
	#post-filter .select-wrapper.category .jcf-select .jcf-select-text { border-right-width:1px; }
	#post-filter .select-wrapper.archive .jcf-select .jcf-select-text { border-left-width:1px; }
	
	.flex-control-paging { bottom:0.9375rem !important; }
	
	section.popup .row { margin-left:-0.9375rem; margin-right:-0.9375rem; }
	
	.break-small { display:block; }
	.hidden-small { display:none; }
	
	.cafe section.contact-row .row-title { margin-bottom:-100%; }
	.wholefoods section.contact-row .row-title { margin-bottom:-100%; margin-top:-5rem; }
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens - min-width 640px */
@media only screen and (min-width: 40em) {
	
	#top-bar { height:175px; }
	#top-bar .site-logo { height:115px; top:1.875rem; width:115px; }
	#top-bar a.site-section span.title { font-size:1.125rem; line-height:1.125rem; }
	body.page-template-site-section #top-bar h2 { font-size:1.5rem; line-height:1.5rem; left:160px; right:auto; text-align:left; }
	
	#site-navigation nav ul li { padding-bottom:1.5rem; padding-top:1.5rem; }
    #site-navigation nav ul li a { font-size:1.5em; }
	
	.home-page section#site-introduction { height:600px; }
	.home-page section#site-introduction h1.logo { height:130px; top:1.875rem; width:130px;
		transform:translate(-50%,0) scale(1);
	}
	.home-page section#site-introduction .row .columns { height:100%; }
	.home-page section#site-introduction .columns .site-section { height:auto; position:absolute; left:auto; right:auto; top:0; bottom:0; width:50vw;
		will-change:opacity, width;
		transition:opacity 0.3s ease-out 0.8s, width 0.5s ease-out 0.3s;
	}
	.home-page section#site-introduction .columns.cafe .site-section { left:0; }
	.home-page section#site-introduction .columns.wholefoods .site-section { right:0; }
	
	.home-page section#site-introduction .site-section a.section-trigger:hover .link-title .enter { padding-top:2.5rem; }
	
	.cafe h2,
	.cafe h4,
	.wholefoods h2,
	.wholefoods h4 { font-size:3em; }
	
	.blogroll .blog-row article { float:left; width:50%; }
	.blogroll .blog-row article a span.article-title { min-height:100px; }
	.blogroll .blog-row article:nth-child(1),
	.blogroll .alm-reveal article:nth-child(1) { float:none; width:100%; }
	
	article.single-post header { padding-bottom:3.125rem; }
	article.single-post header h1 { font-size:2.25em; }
	article.single-post header .post-meta { padding-top:3.125rem; }
	article.single-post .featured-image { padding-bottom:3.125rem; }
	article.single-post .share-row { padding-top:3.125rem; }
	
	footer#bottom-bar .footer-content .newsletter p { padding-right:1.875rem; }
	
	section.popup .popup-content { padding-left:0; padding-right:0; position:relative; }
	section.popup a.close-trigger { top:-25px; right:-25px; }
	section.popup .popup-content h2 { font-size:2.5em; }
	
	.media-page .alm-reveal article {
        width: 50%;
    }
	
	.content-area { padding-bottom:3.750rem; padding-top:3.750rem; }
	.content-area.x2 { padding-bottom:7.5rem; padding-top:7.5rem; }
	.content-area.stop-small { padding-bottom:0; padding-top:0; }
	.content-area.stop-medium { padding-bottom:0; padding-top:0; }
	
	.outer-row { padding-left:1.875rem; padding-right:1.875rem; }
	
	.divider-small { padding-top:0; }
	
	h1,
	h2 { font-size:2.25em; }
	h3, .gsection h2 { font-size:1.125em !important; }
	
	.input_left,
	.input_right,
	.name_first,
	.name_last,
	.input_mid { float:left; width:50%; }
	.input_left,
	.name_first { clear: both; padding-right:0.625rem !important; }
	.input_right,
	.name_last { padding-left:0.625rem !important; }
	.name_first { margin-bottom:0; }
	
	.functions-bar__title {
		font-size: 0.875em;
	}
	.page-banner {
		padding-bottom: 3.75rem;
		padding-top: 3.75rem;
	}

} @media only screen and (min-width: 40em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens - min-width 1024px */
@media only screen and (min-width: 64em) {

	/*body.page-template-site-section #top-bar { display:none; }*/
	#top-bar { height:260px; }
	#top-bar .site-logo { height:200px; width:200px; }
	/*#top-bar button.menu-button { display:none; }*/
	#top-bar a.site-section span.title { font-size:1.875rem; line-height:1.875rem; padding-top:3.75rem; }
	
	.home-page section#site-introduction { height:100vh; min-height:100vh; }
	.home-page section#site-introduction h1.logo { height:200px; top:50%; width:200px;
		transform:translate(-50%,-50%) scale(1);
	}
	
	.home-page section#site-introduction .active .site-section a.section-trigger .link-title { opacity:0;
		transition:opacity 0.3s ease-out 0s;
	}
	.home-page section#site-introduction .site-section a.section-trigger .link-title .title { line-height:1.875rem; font-size:1.875em; }
	.home-page section#site-introduction .site-section a.section-trigger .link-title .enter { display:block; line-height:1.875rem; }
	.home-page section#site-introduction .site-section a.section-trigger:hover .link-title .enter { padding-top:3.75rem; }
	
	/*.wholefoods .instagram-row h4 { text-indent:-1.875rem; }*/
	section.content-row-landscape-image .row-title { margin-bottom:-5rem; margin-top:-5rem; }
	
	footer#bottom-bar .footer-content h2 { height:123px; width:153px; }
	
	.news-header #post-filter { padding-bottom:5rem; padding-top:5rem; }
	
	.blogroll .blog-row article { height:auto; width:auto; }
	.blogroll .blog-row article a { text-decoration:none; }
	.blogroll .blog-row article a span.article-title { display:block; height:auto; min-height:none; position:absolute; text-decoration:none; width:auto; }
	.blogroll .blog-row article a span.post-image { display:block; height:auto !important; position:absolute; width:100%;  }
	.blogroll .blog-row article a img { display:none; opacity:0; }
	
	.blogroll .blog-row:nth-child(odd) article:nth-child(1),
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(1) { float:left; height:400px; width:50%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(1) a span.article-title,
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(1) a span.article-title { width:50%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(2),
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(2) { float:right; height:480px; width:50%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(2) a span.article-title,
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(2) a span.article-title { right:0; width:50%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(3),
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(3) { float:left; height:400px; width:50%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(3) a span.article-title,
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(3) a span.article-title { right:0; width:50%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(4),
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(4) { float:left; height:320px; width:25%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(4) a span.article-title,
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(4) a span.article-title { bottom:0; width:75%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(5),
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(5) { float:left; height:320px; width:25%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(5) a span.article-title,
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(5) a span.article-title { right:0; width:75%; }
	
	.blogroll .blog-row:nth-child(even) article:nth-child(1),
	.blogroll .alm-reveal:nth-child(even) article:nth-child(1) { float:left; height:480px; width:50%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(1) a span.article-title,
	.blogroll .alm-reveal:nth-child(even) article:nth-child(1) a span.article-title { width:50%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(2),
	.blogroll .alm-reveal:nth-child(even) article:nth-child(2) { float:right; height:400px; width:50%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(2) a span.article-title,
	.blogroll .alm-reveal:nth-child(even) article:nth-child(2) a span.article-title { right:0; width:50%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(3),
	.blogroll .alm-reveal:nth-child(even) article:nth-child(3) { float:right; height:400px; width:50%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(3) a span.article-title,
	.blogroll .alm-reveal:nth-child(even) article:nth-child(3) a span.article-title { width:50%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(4),
	.blogroll .alm-reveal:nth-child(even) article:nth-child(4) { float:left; height:320px; width:25%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(4) a span.article-title,
	.blogroll .alm-reveal:nth-child(even) article:nth-child(4) a span.article-title { width:75%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(5),
	.blogroll .alm-reveal:nth-child(even) article:nth-child(5) { float:left; height:320px; width:25%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(5) a span.article-title,
	.blogroll .alm-reveal:nth-child(even) article:nth-child(5) a span.article-title { bottom:0; right:0; width:75%; }
	
	footer#bottom-bar .row .columns { padding-left:1.875rem; padding-right:1.875rem; }
	footer#bottom-bar .row.collapse .columns { padding-left:0; padding-right:0; }
	
	.media-page .alm-reveal article {
        width: 33.33%;
    }
	
	.content-area { padding-bottom:7.5rem; padding-top:7.5rem; }
	.content-area.x2 { padding-bottom:15rem; padding-top:15rem; }
	.content-area.stop-small { padding-bottom:0; padding-top:0; }
	.content-area.stop-medium { padding-bottom:0; padding-top:0; }
	.content-area.stop-large { padding-bottom:0; padding-top:0; }
	
	.divider-medium { padding-top:0; }
	
	h1,
	h2 { font-size:3em; }
	h3, .gsection h2 { font-size:1.375em !important; }
	
	body.page-template-internal-page .page-row .row,
	body.page-template-home-page .page-row .row {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	body.page-template-internal-page .page-row.row-reverse .row,
	body.page-template-home-page .page-row.row-reverse .row {
		flex-direction: row-reverse;
	}
	body.page-template-internal-page .page-row.contact-row .row,
	body.page-template-internal-page .page-row .row.instagram-row,
	body.page-template-home-page .page-row.contact-row .row,
	body.page-template-home-page .page-row .row.instagram-row {
		align-items: flex-start;
	}
	
	.functions-bar__title {
		font-size: 1em;
	}
	.page-banner {
		padding-bottom: 5rem;
		padding-top: 5rem;
	}

} @media only screen and (min-width: 64em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens - min-width 1440px */
@media only screen and (min-width: 90em) {
	
	.home-page section#site-introduction h1.logo { height:330px; width:330px; }
	.home-page section#site-introduction .active .site-section a.section-trigger .link-title { opacity:1; }
	
	nav.section-nav ul li { float:left; padding-left:3.75rem; }
	
	/*section.page-introduction h2 { text-indent:-1.875rem; }*/
	
	.page-content i { display:block; }
	
	.blogroll .blog-row:nth-child(odd) article:nth-child(1) a span.article-title,
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(1) a span.article-title { width:33%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(2) a span.article-title,
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(2) a span.article-title { width:33%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(3) a span.article-title,
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(3) a span.article-title { width:33%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(4) a span.article-title,
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(4) a span.article-title { width:50%; }
	.blogroll .blog-row:nth-child(odd) article:nth-child(5) a span.article-title,
	.blogroll .alm-reveal:nth-child(odd) article:nth-child(5) a span.article-title { width:50%; }
	
	.blogroll .blog-row:nth-child(even) article:nth-child(1) a span.article-title,
	.blogroll .alm-reveal:nth-child(even) article:nth-child(1) a span.article-title { width:33%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(2) a span.article-title,
	.blogroll .alm-reveal:nth-child(even) article:nth-child(2) a span.article-title { width:33%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(3) a span.article-title,
	.blogroll .alm-reveal:nth-child(even) article:nth-child(3) a span.article-title { width:33%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(4) a span.article-title,
	.blogroll .alm-reveal:nth-child(even) article:nth-child(4) a span.article-title { width:50%; }
	.blogroll .blog-row:nth-child(even) article:nth-child(5) a span.article-title,
	.blogroll .alm-reveal:nth-child(even) article:nth-child(5) a span.article-title { width:50%; }
	
} @media only screen and (min-width: 90em) and (max-width: 97.500em) { } /* min-width 1441px and max-width 1560px, use when QAing xlarge screen-only issues */

/* XXLarge screens - min-width 1560px */
@media screen and (min-width: 97.500em) {
	
}


/* ==========================================================================
   Plugin Styles
   ========================================================================== */

/** Slider Controls **/
.flex-direction-nav { height:0; list-style:none; margin:0; padding:0; width:100%; }
.flex-direction-nav li { height:0; width:100%; }
.flex-direction-nav li a { background-color:transparent; border:1px solid #000; color:#000; display:block; height:100%; position:absolute; top:0; overflow:hidden; width:51px; text-align:center; z-index:50;
  -webkit-transition: background-color 0.3s ease-out, width 0.3s ease-out; 
     -moz-transition: background-color 0.3s ease-out, width 0.3s ease-out; 
       -o-transition: background-color 0.3s ease-out, width 0.3s ease-out; 
          transition: background-color 0.3s ease-out, width 0.3s ease-out;
}
.flex-direction-nav li a i { margin-top:-0.5em; position:absolute; top:50%; }
.flex-direction-nav li a.flex-next { border-right:none; right:-50px; }
.flex-direction-nav li a.flex-prev { border-left:none; left:-50px; }
.flex-direction-nav li a.flex-disabled { color:#999; cursor:not-allowed; }

.flex-direction-nav li a:hover { background-color:#000; color:#fff; }
.flex-direction-nav li a.flex-disabled:hover { background-color:transparent; color:#999; }

.flex-control-paging { height:15px; list-style:none; margin:0; padding:0 15px; position:absolute; bottom:1.875rem; left:0; right:0; text-align:center; width:100%; z-index:1; }
.flex-control-paging li { height:15px; display:inline-block; margin:0 3px; width:15px; }
.flex-control-paging li a { border:2px solid #fff; background-color:transparent; cursor:pointer; display:inline-block; height:15px; overflow:hidden; text-indent:999px; width:15px;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
}
.flex-control-paging li a:hover { background-color:#fff; }
.flex-control-paging li a.flex-active { background-color:#fff; background-clip: content-box; padding:3px; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px;
    text-align: center; text-transform: uppercase; z-index:1500;
    background-color: #f25648; color: #ffffff;
}
* html #outdated{position: absolute;}
#outdated h6{font-size: 25px; line-height: 25px; margin: 30px 0 10px;}
#outdated p{font-size: 12px; line-height: 12px; margin: 0;}
#outdated #btnUpdateBrowser{
    display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; /*need for IE*/
    color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}
#outdated #btnUpdateBrowser:hover{color: #f25648; background-color:#ffffff;}
#outdated .last{position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;}
#outdated #btnCloseUpdateBrowser{ border-bottom:none;
    display: block; position: relative; width: 100%; height: 100%;
    text-decoration: none; color: #ffffff; font-size: 36px; line-height: 36px;
}

/* select */
.jcf-select {
	display: block;
	vertical-align: top;
	background:transparent;
	margin: 0;
	position:relative;
}
.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-text { background-color:transparent; border:2px solid #002821; border-radius:0; color:#002821; cursor:pointer; display:block; font-size:1em; font-weight:400; height:54px; line-height:1; margin:0; padding:1em; outline:none; text-align:left; text-shadow:none; width:100%;
  -webkit-appearance: none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
.jcf-select .jcf-select-text:hover { border-color:#f15f22; }
.jcf-option-gf_placeholder { color:#002821; }
.jcf-drop-active.jcf-select .jcf-select-text { background-color:#002821; border-color:#002821; color:#fff; }
.jcf-drop-active.jcf-select .jcf-option-gf_placeholder { color:#fff; }

.jcf-select .jcf-select-opener { display:block; color:#002821;
	position: absolute;
	text-align: center;
	bottom: 0;
	right: 0;
	top: 0;
	transition:transform 0.25s ease-out, color 0.25s ease-out;
}
.jcf-select .jcf-select-opener::before { content:'\f0d7'; display:block; font-size:1.5em; pointer-events:none; position:absolute; top:50%; right:1.563rem;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
	-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
}
.jcf-drop-active.jcf-select .jcf-select-opener { color:#fff;
	transform:scaleY(-1);
}
.gfield_time_ampm .jcf-select .jcf-select-opener { display:none; }

body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0px;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}
.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}
.jcf-select.jcf-compact-multiple {
	max-width: 220px;
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
	display: inline-block;
	padding-top: 2px;
	content: '...';
}
.jcf-select-drop .jcf-select-drop-content {
	border: 2px solid #002821;
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
	background: none;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
	background: #e6e6e6;
	color: #000;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
	display: inline-block;
	content: '';
	height:4px;
	width:8px;
	margin:-7px 5px 0 -3px;
	border:3px solid #777;
	border-width:0 0 3px 3px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

/* multiple select styles */
.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}
/* select options styles */
.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	width: 100%;
}
.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}
.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.jcf-list ul li {
	overflow: hidden;
	display: block;
}
.jcf-list .jcf-overflow {
	overflow: auto;
}
.jcf-list .jcf-option { color:#002821; font-size:1em; font-weight:400; line-height:1; margin:0; padding:1em; text-align:left;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	height: 1%;
	transition:background-color 0.25s ease-out;
}
.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background-color:#eee;
	color: #002821;
}
.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

/*
----------------------------------------------------------------

Gravity Forms Date Picker Styles
http: //www.gravityforms.com
updated: January 31, 2014 3:32 PM

Customized styles for the jQuery UI Datepicker 1.9.2
copyright 2012 jQuery Foundation and other contributors
Released under the MIT license.
http://jquery.org/license
some styles courtesty of http://www.hongkiat.com/

Gravity Forms is a Rocketgenius project
copyright 2008 - 2014 Rocketgenius Inc.
http: //www.rocketgenius.com

NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR
THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

If you need to make extensive customizations,
copy the contents of this file to your theme
style sheet for editing. Then, go to the form
settings page & set the 'output CSS' option
to no.

----------------------------------------------------------------
*/
.ui-datepicker {
	border:2px solid #002821;
	display:none;
	width: 220px;
	height: auto;
	margin: 0 auto 0;
	font: 9pt Arial, sans-serif;
}

.ui-datepicker a {
	text-decoration: none;
}

.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
}

.ui-datepicker-header {
	background-color: #002821; /* set the header background color */
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	min-height: 30px !important;
}

.ui-datepicker-title {
	text-align: center;
}

.ui-datepicker-title select {
	border:none;
	display:inline-block;
	color:#fff;
	-webkit-appearance:menulist;
	height:30px; width:auto;
}

.ui-datepicker-prev, 
.ui-datepicker-next {
	border-bottom:none;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
	position:relative;
}

.ui-datepicker-prev {
	float: left;
}
.ui-datepicker-prev::before { content:'\f0d9'; color:#fff; display:block; font-size:1em; pointer-events:none; position:absolute; text-align:center; line-height:30px; top:0; left:0; right:0; bottom:0;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}

.ui-datepicker-next {
	float: right;
}
.ui-datepicker-next::before { content:'\f0da'; color:#fff; display:block; font-size:1em; pointer-events:none; position:absolute; text-align:center; line-height:30px; top:0; left:0; right:0; bottom:0;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}

.ui-datepicker thead {
	background: #f7f7f7;
	border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
	text-transform: uppercase;
	text-align: center;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
}

.ui-datepicker tbody td {
	padding: 0;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
	border-right: 0px;
}

.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}

.ui-datepicker td span, 
.ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
}

.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	border-bottom:none;
}

.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
	background: #f15f22; /* set the active date background color */
	color: #fff; /* set the active date font color */
	position: relative;
}

.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #002821;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

td.ui-datepicker-unselectable.ui-state-disabled {
	background-color: #f5f5f5;
}

table.ui-datepicker-calendar {
	margin: 0 0 0 0 !important;
}

body div#ui-datepicker-div[style] {
	z-index: 9999 !important;
}

.ui-datepicker-unselectable span { opacity:0.1; }

@media only screen and (max-width: 39.99em) {
	.ui-datepicker { border-left:15px solid rgba(0,40,33,0.95) !important; border-right:15px solid rgba(0,40,33,0.95) !important; border-top:600px solid rgba(0,40,33,0.95) !important; border-bottom:600px solid rgba(0,40,33,0.95) !important; position:fixed !important; top:50% !important; left:0 !important; right:0 !important; bottom:auto !important; width:auto !important;
		transform:translateY(-50%) !important;
	}
	.ui-datepicker-header { height:40px !important; line-height:40px !important; } 
	.ui-datepicker-prev, .ui-datepicker-next { width:40px; height:40px; }
	.ui-datepicker-prev::before,
	.ui-datepicker-next::before { line-height:40px; }
	.ui-datepicker th { padding:10px 0; }
	.ui-datepicker-calendar td:last-child .ui-state-active, .ui-datepicker-calendar td:first-child .ui-state-active, .ui-datepicker td span, .ui-datepicker td a { height:40px; line-height:40px; width:100%; }
}

/** Fancybox **/
.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 0.9375rem;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #222;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #fff;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}
/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #ed1b2c;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
}

/* Caption */

.fancybox-caption {
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px 25px 44px;
    right: 0;
    text-align: center;
    z-index: 99996;
}

.fancybox-caption::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -44px;
    z-index: -1;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-caption {
        padding: 12px;
    }

    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}