/* Theme Name: rentcottage 
Author: RealTech Services 
Author URI: https://www.rtservices.net 
Description: Custom RNS API integrated theme for Ontario Cottage Rentals
*/
 *, *:before, *:after {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

 body {
     background: #fff;
     margin:0;
}
 .site-wrap {
     background: #FFF;
}
 img {
     max-width: 100%;
     height: auto;
}
 iframe {
     max-width: 100%;
}
 html {
     font-size: 100%;
    font-family: 'Lato';
}
.content ul {line-height:1.5;}

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('font/playfair-display-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'),
       url('font/playfair-display-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/playfair-display-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/playfair-display-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('font/playfair-display-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/playfair-display-v14-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-700 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('font/playfair-display-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'),
       url('font/playfair-display-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/playfair-display-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/playfair-display-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('font/playfair-display-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/playfair-display-v14-latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-900 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('font/playfair-display-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Black'), local('PlayfairDisplay-Black'),
       url('font/playfair-display-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/playfair-display-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/playfair-display-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('font/playfair-display-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/playfair-display-v14-latin-900.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('font/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('font/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('font/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('font/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('font/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('font/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('font/lato-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('font/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('font/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/*fontello fun*/
@font-face {
  font-family: 'rt-font';
  src: url('font/rt-font.eot?4761947');
  src: url('font/rt-font.eot?4761947#iefix') format('embedded-opentype'),
       url('font/rt-font.woff2?4761947') format('woff2'),
       url('font/rt-font.woff?4761947') format('woff'),
       url('font/rt-font.ttf?4761947') format('truetype'),
       url('font/rt-font.svg?4761947#rt-font') format('svg');
  font-weight: normal;
  font-style: normal;
} 

/*Availability Calendar Link at bottom of Search Results */
.results-alert {

    width: 100%; 
    font-size: 18px;
    width: 80%;
    text-align:center;
    padding:10px 0;
    margin-top: 10px;
    margin-right: 10%;
    margin-left: 10%;
    background-color: rgba(247, 148, 29, .84);
    color: #000;
    border: solid red thin;
 }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'rt-font';
    src: url('..font/rt-font.svg?4761947#rt-font') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "rt-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-plus-circled:before { content: '\21'; } /* '!' */
.icon-star:before { content: '\22'; } /* '"' */
.icon-share:before { content: '\23'; } /* '#' */
.icon-reply-all:before { content: '\24'; } /* '$' */
.icon-comment:before { content: '\25'; } /* '%' */
.icon-export-1:before { content: '\26'; } /* '&' */
.icon-basket:before { content: '\27'; } /* ''' */
.icon-heart-circled:before { content: '\28'; } /* '(' */
.icon-cancel:before { content: '\29'; } /* ')' */
.icon-th:before { content: '\2a'; } /* '*' */
.icon-cancel-circled-outline:before { content: '\2b'; } /* '+' */
.icon-eye:before { content: '\2c'; } /* ',' */
.icon-toggle-off:before { content: '\2d'; } /* '-' */
.icon-toggle-on:before { content: '\2e'; } /* '.' */
.icon-balance-scale:before { content: '\31'; } /* '1' */
.icon-location:before { content: '\32'; } /* '2' */
.icon-direction:before { content: '\33'; } /* '3' */
.icon-lightbulb:before { content: '\34'; } /* '4' */
.icon-paper-plane-empty:before { content: '\35'; } /* '5' */
.icon-paper-plane:before { content: '\36'; } /* '6' */
.icon-lightbulb-alt:before { content: '\37'; } /* '7' */
.icon-ok-circled:before { content: '\38'; } /* '8' */
.icon-ok:before { content: '\39'; } /* '9' */
.icon-users:before { content: '\3a'; } /* ':' */
.icon-sliders:before { content: '\3c'; } /* '<' */
.icon-bed:before { content: '\3d'; } /* '=' */
.icon-bath:before { content: '\3e'; } /* '>' */
.icon-guidedog:before { content: '\3f'; } /* '?' */
.icon-paw:before { content: '\40'; } /* '@' */
.icon-swimming:before { content: '\41'; } /* 'A' */
.icon-shower:before { content: '\42'; } /* 'B' */
.icon-wheelchair:before { content: '\43'; } /* 'C' */
.icon-wifi:before { content: '\44'; } /* 'D' */
.icon-signal:before { content: '\45'; } /* 'E' */
.icon-desktop:before { content: '\46'; } /* 'F' */
.icon-toilet:before { content: '\48'; } /* 'H' */
.icon-cafe:before { content: '\49'; } /* 'I' */
.icon-lodging:before { content: '\4a'; } /* 'J' */
.icon-hot-tub:before { content: '\4b'; } /* 'K' */
.icon-tennis:before { content: '\4c'; } /* 'L' */
.icon-bbq:before { content: '\4d'; } /* 'M' */
.icon-linens:before { content: '\4e'; } /* 'N' */
.icon-heart-empty:before { content: '\4f'; } /* 'O' */
.icon-picture:before { content: '\50'; } /* 'P' */
.icon-minus-circled-1:before { content: '\51'; } /* 'Q' */
.icon-attention-circled:before { content: '\52'; } /* 'R' */
.icon-calendar:before { content: '\53'; } /* 'S' */
.icon-help-circled:before { content: '\54'; } /* 'T' */
.icon-cancel-circled-1:before { content: '\55'; } /* 'U' */
.icon-calendar-2:before { content: '\56'; } /* 'V' */
.icon-info-circled-1:before { content: '\e800'; } /* '' */
.icon-globe:before { content: '\e801'; } /* '' */
.icon-group:before { content: '\e802'; } /* '' */
.icon-print:before { content: '\e803'; } /* '' */
.icon-users-1:before { content: '\e804'; } /* '' */
.icon-heart:before { content: '\e805'; } /* '' */
.icon-export-alt:before { content: '\e806'; } /* '' */
.icon-reply-all-1:before { content: '\e809'; } /* '' */
.icon-info-circled:before { content: '\e80d'; } /* '' */
.icon-ok-circle:before { content: '\e812'; } /* '' */
/*end fontello*/
/*heading styles*/
 h1 {
	 font-family: 'Playfair Display';
     font-size:36px;
     line-height:1.25;
	 
}
 h2 {
	 font-family: 'Playfair Display';
    font-size:30pt;
     line-height:1.25;
}
 h3 {
	 font-family: 'Playfair Display';
    font-size: 24px;
     line-height:1.25;
}
 p {
    font-size:18px;
     line-height:1.6;
	 font-family: 'Lato';
}
body .gform_wrapper .top_label div.ginput_container {position:relative; }
body .gform_wrapper img.ui-datepicker-trigger { position: absolute;  top: 9px; right: 0; }
/*testimonials (content pages not API )*/
.page-id-130 .entry p, .test-block {padding:20px; overflow: hidden;}
.page-id-130 .entry p:first-letter, .test-block:first-letter  {font-size:30px;}
.page-id-130 .entry p:nth-of-type(odd), .test-block:nth-of-type(odd) { background: #f4efed;}
.page-id-130 strong {float:right; clear:both; padding:20px;}

.home .entry p {text-align:center; max-width:1090px; display:block; margin:30px auto; }
h1.page-title { text-align:center; color:#4f6c36; font-weight: lighter; }
h2.page-title {text-align: center; font-size: 34px !important; font-weight: 400;}

.halfpage {
    width: 50%;
    padding: 5px;
    float: left;
    position: relative;
}

.availcalimg img:hover {
    filter: brightness(70%);
}
.availcalimg img {
    vertical-align: bottom;
    transition: all .3s;
}

.cot-err {
  text-align: center;
}

.employee-box p {line-height: 20px; font-size:20px;}
.employee-box {min-height:335px; }
.employee-box h3 {margin-block-start: 10px; margin-block-end: 10px;}
/*top alert message*/
 @media (max-width:40em) {
    .hide24 {
        font-size:12pt !important;
    }
}
 .hide24 {
    color:#888;
     background-color:rgba(255,255,255,.9);
     height:200px;
     width:80%;
     position:absolute;
     top:100px;
     left:0;
     right:0;
     z-index:500;
     height:200px;
     box-shadow:0px 0px 15px rgba(0,0,0,.3);
     font-size:18pt;
     padding:25px;
     margin:0 auto;
}
 .hide24 h3 {
    margin: 0 auto;
     color: #000;
}
 .alert-box-close {
     position: absolute;
     top: 10px;
     right: 20px;
     cursor: pointer;
}
 .hidden {
    display:none;
}
/* end alert css */

/* home shortcuts */


.home-cuts-wrap-wrap { margin:20px auto; max-width:1400px; }
.home-cuts-wrap-wrap .flex-item {position: relative; max-width: 460px; }

.flex-item.lastone {max-height:203px;} 

.quarter h3, .half h3, .third h3, .fifth h3, .sixth h3 {    
	padding:20px;
	color: #fff;
    position: absolute;
    bottom:0;
	left: 0;
    text-align:center;
	width:100%;
	margin-block-end: 0;
    font-size: 20px;
	font-weight:400;
font-family: 'Lato'!important;
background: linear-gradient(360deg, #000, transparent);
	}
	
.quarter h3 span, .half h3 span, .third h3 span, .fifth h3 span, .sixth h3 span { font-weight:lighter; font-size:1em;}	

.third img {
   min-height: 200px;
    min-width: 460px; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; 
}

.quarter img, .half img {
	
    min-height: 200px;
    min-width: 360px; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.shortcuts-wrapper { }
.shortcuts-wrapper .quarter-wrap, .shortcuts-wrapper .half-wrap, .quarter, .half, .third, .fifth, .sixth {overflow:hidden; }

.quarter img, .half img, .quarter img, .half img, .third img, .fifth img, .sixth img { cursor:pointer;filter:brightness(80%); -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
	
.quarter img:hover, .half img:hover, .quarter:hover img, .half:hover img, .third:hover img, .third img:hover, .fifth:hover img, .fifth img:hover, .sixth:hover img, .sixth img:hover { cursor:pointer;filter:brightness(110%); -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

.home-three-wrap .flex-item {display:block; }
.green-full {background:#cedaaa; padding:10px 0; }

#gform_wrapper_5 {
    background-color: #b8c4ae;
    padding: 10px 15px;
    border-radius: 30px;
}
.gform_footer #gform_submit_button_5 {
    margin: auto;
    width: 20%;
    border: none !important;
    padding: 5px;
}
.gform_wrapper .gform_footer {
    text-align: center;
}
 .footerleft {
     float:left;
}
 .footerright {
     float:right;
}
 .footerleft, .footerright {
     padding:.325em 0;
}
 .logo {
     position: absolute;
     width: auto;
}
 .logo-smaller {
     display:none;
     transition:.2s all;
}
 .sidebar {
     float: right;
     margin-left: 1%;
     max-width: 29%;
     width: auto;
     padding: 0.625em;
     border-left: 1px solid #f0f0f3;
}

span.bigger {font-size: 40px; }

.turntag {
    position: absolute;
    width: 35%;
    padding: 2px;
    text-align: center;
    /*top: 30px;
    left: -5px;
	*/
	font-size: 12px;
	background:#D1BD36;
	z-index:1;
	top: 215px;
    right: 10px;
	color:#fff;
	border:2px solid #fff;
}

.page-template-api-propertydetail .turntag {position:relative; top:0; right:0; width:100%; }

.altdates h3 {display: inline-block; color:#4f6c36;  }
.altdates a > div{ transition: all .3s; }
.altdates a:hover div{ background:#4f6c36; }
.altdates > div { display:inline-block; }
.altdates .curdisturn { display:inline-block; margin:0 10px;}
.curdisturn { width: 250px;text-align:center; padding: 5px 10px; color:#fff; font-weight:bold; display:block;margin:10px auto; }

.turnSat {
    background: #381F16;
    
}
.turnFri {
    background: #485078;
   
}
.turnSun{
    background:#B86B53;
    
}
/*if parallax*/
 .parallax-home {
     min-height:500px;
     z-index:1;
}
/* some blog stuff */
 .widget {
     position: relative;
     margin-bottom:20px;
     background: #f4efed;
     border-width: 0px;
     padding: 5px 30px 30px;
}
 .content-left {
     float:left;
     max-width:67%;
     padding-right:20px;
}
.featuredimage {
     width: 350px;
     height: 200px;
     overflow: hidden;
}
 .post-prev-img {
     float: left;
     padding: 0 0.95em 0.625em 0;
}
 .article-container {
     background-color: #f4efed;
     border: 1px solid #f4f4f4;
     padding: 10px;
     line-height: 1.5;
	     -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}
.blog .article-container h2 a {color:#4f6c36;}
 .blog .article-container {font-size:large; line-height: 1.75;}
/*end blog*/
/*new mobile menu*/
 ul.clearfix.hide-nav {
     display:inline-block;
}
 .menu-primary-container {
     display:inline-block;
}
 .content-wrap {
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
}
 .menu-primary-container li:last-child .sub-menu {
     right:0;
}
 .c-menu {
     position: fixed;
     z-index: 200;
     background-color: rgba(79, 108, 54, .4);
     transition: transform 0.3s;
}
 .c-menu__items {
     list-style: none;
     margin: 0;
     padding: 0;
}
/** * Close button. */
 .c-menu__close {
     color: #fff;
     background-color: #4f6c36;
     font-size: 12px;
     border: none;
     box-shadow: none;
     border-radius: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     cursor: pointer;
}
/** * Close button resets. */
 .c-menu__close:focus {
     outline: none;
}
/** * Body states. * * When a menu is active, we want to hide the overflows on the body to prevent * awkward document scrolling. */
 body.has-active-menu {
     overflow: hidden;
}
/** * Mask component */
 .content-mask {
     position: fixed;
     z-index: 100;
     top: 0;
     left: 0;
     overflow: hidden;
     width: 0;
     height: 0;
     background-color: #000;
     opacity: 0;
     transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}
 .content-mask.is-active {
     width: 100%;
     height: 100%;
     opacity: 0.7;
     transition: opacity 0.3s;
}
/*actual menu stuff*/
 .c-menu--push-left {
     width: 100%;
     height: 100%;
     overflow-y: scroll;
}
 .content-wrap.is-active {
     width: 100%;
     height: 100%;
     opacity: .7;
     -webkit-transition: opacity .3s;
     transition: opacity .3s;
}
 .content-wrap.has-push-left {
     -webkit-transform: translateX(300px);
     -ms-transform: translateX(300px);
     transform: translateX(300px);
}
 .c-menu--push-left .c-menu__close {
     display: block;
     padding: 12px 24px;
     width: 100%;
}
 .c-menu--push-left.is-active {
     transform: translateX(0);
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
}
 .c-menu--push-left {
     top: 0;
     left: 0;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
}
 @media (min-width: 320px) {
     .c-menu--push-left {
         transform: translateX(-300px);
         width:300px;
    }
}
 .navclass li {
     list-style-type: none;
     line-height: 40px;
}
 .navclass li ul {
     display: none;
     position: absolute;
     top: 100%;
}
 .navclass li ul {
     position: static;
     padding: 20px;
    /* 20 */
     padding-top: 0;
}
/*end menu*/

.featuredslider-item.caption {min-height:140px;position:relative;padding:15px; background:#f4efed; color:#4f6c36;}

/*video full screen styling*/
 .video-section .buttonBar{
     display:none;
}
 .player {
     font-size: 1px;
}
 .pattern-overlay {
     padding: 110px 0 32px;
     height: 700px;
     overflow: hidden;
}
 @media (max-width: 1350px) and (min-width: 1150px) {
     .pattern-overlay {
         height: 600px;
         overflow: hidden;
    }
}
 @media (max-width: 1150px) and (min-width: 768px) {
     .pattern-overlay {
         height: 500px;
         overflow: hidden;
    }
     .headerimage {
         overflow: hidden;
    }
     .mbYTP_wrapper {
         width: 900px!important;
    }
}
@media (max-width: 640px) {
    .availcalimg img { margin-top: 20px; }
}

 @media (max-width: 767px) and (min-width: 0px) {
     .pattern-overlay {
         height: 400px;
         overflow: hidden;
    }
     .headerimage {
         overflow: hidden;
    }
     .mbYTP_wrapper {
         width: 900px!important;
    }
}
/*end video*/
 .clear {
     clear: both;
}
 .no-mar {
     margin-right:0px;
}
 .headerright {
	 position:absolute;
	 right:0;
	 margin-top:25px;
     display: block;
     float:right;
     text-decoration: none;
     
     padding: 0 .625em;
     line-height: 2em;
     color: #333;
     letter-spacing: .01em;
     font-size: 16px;
	      -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
.headerright img {vertical-align:middle; }
.headerright a {float: right;}

 .contained {
     max-width: 1400px;
     margin: 0 auto;
     width: 100%;
     padding: .3125em .6125em;
	 position: relative;
}
/*shrink header*/
/*CHANGE HEIGHT of header-main-wrapper class below. Assign min-height based on header height so the content pushes down;
 you may need to remove this on home page or set as 0px for homepage if you use a photo or slideshow and set it as relative -- this is mostly for the secondary pages if they don't have anything there that's relatively positioned */
 .home .header-main-wrapper {
	 z-index:100;
     position: absolute;
 
    /*adjust based on actual header height.*/
}

.header-main-wrapper {min-height:140px;
position:relative; }

 header {
     width: 100%;
     background-color: #FFF;
     overflow: visible;
     position: fixed;
     top: 0;
     z-index: 200;
     left: 0;
     -webkit-transition: height 0.3s;
     -moz-transition: height 0.3s;
     -ms-transition: height 0.3s;
     -o-transition: height 0.3s;
     transition: height 0.3s;
     -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
     -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
     box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	     display: inline-flex;
     height: 135px;
    /*important so the height transition is smooth to smaller header */
}
 header.smaller {
     height: 95px;
     padding-top: 0px;
     background-color: rgba(255, 255, 255, .9);
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
     -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
     box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}
 header.smaller img {
    /*max-width: 110px;
     */
    /*change based on image size*/
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 header.smaller .logo {
     display:none;
	 opacity:0;
	 -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 header.smaller .logo-smaller {
	 opacity:1;
     display:block;
     position:absolute;
     width: auto;
     margin-top: 10px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 header.smaller .nav {
     margin-top: 40px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
header.smaller .headerright {
         margin-top:0px;
    }
/*end header*/
 .header-wrap {
     width: 100%;
}
 .logo img {
     vertical-align: middle;
}

 .content {
     width: 100%;
     margin: 0 auto;
     position: relative;
}
 .content-full {
     color: #333;
}
 .footer-wrap {
     width: 100%;
     background: #f4efed;
     color:#3a3a3a;
}
 .footer-wrap a, .ft-top a, .headerright a, .event-inner h4 {
     color: #4f6c36;
}
.footer-wrap a:hover, .ft-top a:hover, .headerright a:hover, .event-inner h4:hover {
    color: rgba(247, 148, 29, 1);
}
 .footerright, .footerleft, .footercenter {
     font-size: .75em;
}
 .sidebar {
     padding: .625em;
}
 .sidebar h2 {
     font-size: 1.1em;
     margin: .83em 0 .3125em 0;
}
 .sidebar ul {
     list-style-type: none;
     margin: 0.3125em 0 0.625em 0.625em;
     padding-left: 0;
}
 .sidebar li li {
     list-style-type: none;
     margin-left: .95em;
     padding-left: 0;
}
 .ft-top {
     background: #f4efed;
     width: 100%;
     padding: 1px 0;
     margin: 0;
	 color:#3a3a3a;
}
.ft-top ul {list-style-type: none;   line-height:1.9;  padding-inline-start: 0px; }


 .threecol h4 {
     margin: 0 0 5px 0;
     color: #333;
}
 .threecol h4 a {
     color: #6d4b70;
     text-decoration: none;
}
 .threecol h4 a:hover {
     text-decoration: underline;
}

.wp-block-column {background:rgba(79, 108, 54, .4); border-radius:15px; box-shadow: 2px 2px 4px #8e9687;padding:15px; color:#666;}
/*flexbox designed for 4 footer columns, but can also be used for infinite # of columns/rows*/

.flex-wrapper {
    margin-bottom: 1em;
    line-height: 1.5;
}
.flex-fill {
    flex: 1;
    width: 100%;
}
/*whenever you need something to take over the whole width of the row/column,
aka "fill" the current column it's in, so that you can nest multiple columns underneath it in the same column, don't
close it out until the end of the whole column if there are vertical columns underneath*/
/*flex columns are the two vertical columns with nav links*/


.flex-column {
    flex-direction: column!important;
}
/*flex-direction:column is for items that should be displayed vertically, not in a horizontal row, like two vertical columns of links side by side*/
/*flex:auto makes it so the space between the columns is removed, assuming there is space*/


.flex-item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
	flex-direction: row;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    flex: 1;
    /*this means each column will take up equal space*/
    /*flex: auto;*/
    /*uncomment if you want the columns to be auto-sized based on natural width*/
    /*flex-wrap:wrap;*/
    /*uncomment if you want the auto-sized columns to also wrap based on width, which can make them more responsive*/
    
    margin-right: 20px;
}

/*newsletter */
.newsletter-form-field input {max-width:330px; height:50px;float: right;}
.ft-top .gform_wrapper .gform_footer input.button, .ft-top .gform_wrapper .gform_footer input[type=submit], .ft-top .gform_wrapper .gform_page_footer input.button, .ft-top .gform_wrapper .gform_page_footer input[type=submit], .button.btn1 {max-width:330px;width:100%; border:2px solid #363636!important; color:#363636!important; background:transparent;height:50px;margin:10px 0;border-radius:3px; padding:0;float: right;}
.ft-top div.gform_footer.top_label {margin:0; padding:0;float: right;}
.ft-top .gform_wrapper .gform_footer input.button:hover, .ft-top .gform_wrapper .gform_footer input[type=submit]:hover, .ft-top .gform_wrapper .gform_page_footer input.button:hover, .ft-top .gform_wrapper .gform_page_footer input[type=submit]:hover, .button.btn1:hover {background:#4f6c36; color:#fff!important; transition: .3s all; }
.ft-top .gform_wrapper ul.gform_fields li.gfield {padding-right:0!important; }

.canadastays label {font-weight:bold; }
.canadastays input, .canadastays label {display: block; max-width:300px; width:100%; margin:0 auto; text-align:left; }
.canadastays input[type="submit"] { text-align:center; margin:30px auto; display:block; }

/*.page-id-281 li {color:#fff; font-size:1.2em;}*/
.twoColumns {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
	 padding-inline-start: 20px;
}

 @media (max-width: 1024px) {
    .availcalimg img {
        outline: 2px solid #0d3966;
        outline-offset: -2px;
    }	 
	 
.parallax-home { min-height:720px;}
.newsletter-form-field input {float: none;}
.ft-top .gform_wrapper .gform_footer input.button, .ft-top .gform_wrapper .gform_footer input[type=submit], .ft-top .gform_wrapper .gform_page_footer input.button, .ft-top .gform_wrapper .gform_page_footer input[type=submit] {float: none;}
.ft-top div.gform_footer.top_label {float: none;}
.ft-top .gform_wrapper form {  text-align: center;}

 }
.ft-top h3:last-of-type {text-align:center; }
.ft-top p {text-align: center; }

.footercenter {text-align:center; width: 50%;  margin: 0 auto;}
/* home shortcuts & structure */

.quarter {/*flex-basis: 24%;*/ margin:5px; max-height:240px; position:relative; }
.third {flex-basis: 32%; margin:5px; position:relative; }
.half {flex-basis: 49%;  margin:5px; max-height:200px; position:relative; }
.fifth {flex-basis: 19%; margin: 5px; max-height: 200px; position: relative;}
.sixth {flex-basis: 15%; margin: 5px; max-height: 200px; position: relative;}
/* end home shortcuts & structure */

.flex-item img {align-self: center; }


.sidebar .flex-item:last-child {
    margin-right: 20px;
}
.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
	flex-direction: row;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    /*pushes to the top, like vertical-align:top -- can center if preferable*/
    
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /*alt option is "space-around"*/
    
    flex-wrap: wrap;
    /*makes items auto-wrap which sort of works as auto-responsiveness, but can be turned off it it makes things funky*/
    
    flex: 1;
    /*shorthand for flex-grow which means each row/column is of the same width -- can also be auto*/
}
/*if using images next to address/phone number, see below. could probably use flex, but
inline-block is easier :D */
 .icon {
     display: inline-block;
     vertical-align: top;
     margin-right: 10px;
     max-width: 10%;
}
/*max-width keeps the address from wrapping under the icon*/
 .info-block {
     display: inline-block;
     vertical-align: top;
     max-width: 83%;
	 font-size: 16px;
    line-height: 1.9;
}
/*the end of icon images*/
 hr {
     height: 2px!important;
     background:#4f6c36;
     border: none;
}
hr.fadeout {
  border: 0; 
  height: 1px!important; 
  max-width:1090px;
  text-align:center;
  margin:100px auto 20px;
  background:#f4efed;
  background-image: -webkit-linear-gradient(left, #f4efed,  #4f6c36, #f4efed);
  background-image: -moz-linear-gradient(left, #f4efed,  #4f6c36, #f4efed);
  background-image: -ms-linear-gradient(left, #f4efed,  #4f6c36, #f4efed);
  background-image: -o-linear-gradient(left, #f4efed,  #4f6c36, #f4efed); 
}

hr.fadeout2 {
    border: 0;
    height: 1px!important;
    max-width:1090px;
    text-align:center;
    margin:60px auto 0px;
    background:#f4efed;
    background-image: -webkit-linear-gradient(left, #f4efed,  #4f6c36, #f4efed);
    background-image: -moz-linear-gradient(left, #f4efed,  #4f6c36, #f4efed);
    background-image: -ms-linear-gradient(left, #f4efed,  #4f6c36, #f4efed);
    background-image: -o-linear-gradient(left, #f4efed,  #4f6c36, #f4efed);
}

.page-id-74 hr.fadeout, .parent-pageid-26 hr.fadeout {margin:10px auto 20px;}
/* links */
 a {
     color: #2898f3;
     text-decoration: none;
     transition: .3s all;
}
 a:hover {
     text-decoration: none;
     color: rgba(247, 148, 29, 1);
}
 .content a {
     color: rgba(247, 148, 29, 1);
     text-decoration: none;
     transition: .3s all;
}
 .content a:hover {
     color: #4f6c36;
}
 .sidebar a:hover {
     color: rgba(247, 148, 29, 1);
}
 .sidebar a {
     color: #4f6c36;
}
 .content a.readmore {
     text-decoration: underline;
}
 .content a.readmore:hover {
     text-decoration: none;
}
 input[type=submit] {
      border:2px solid #fff; 
	  border-radius:0; 
	  background-color: rgba(247, 148, 29, .84);
     color: #FFF;
     padding: .1875em .4375em;
     margin: 0.625em 0;
     text-transform:uppercase;
     transition: .3s all;
}
 input[type=submit]:hover {
     background: #4f6c36;
     color: #FFF;
}

.logins {margin-top:20px; }
.logins a {width: 280px;
    text-align: Center;
    display: block;
    margin: 0 auto;}

.ghost-btn { 
     background: transparent;
     color: #474747;
     padding: 10px 20px;
    margin: 10px 15px;
     border: 2px solid #474747;
     border-radius: .0;
     transition: .3s all;
	 white-space: pre;
}
.ghost-btn:hover {background:#4f6c36; color:#fff; transition: .3s all; }

.btn1 {     
	background: #4f6c36;
     color: #fff;
     padding: 10px 20px;
     border: 2px solid #474747;
     border-radius: .0;
     transition: .3s all; 
	 margin:0 auto;
	 width:100%;
}
.btn1:hover {background:rgba(247, 148, 29, .84); color:#fff; transition: .3s all; }

.btn2 {     
	/*background: #7ead54;*/
     color: #fff;
     padding: 10px 20px;
     border: 2px solid #474747;
     border-radius: .0;
     transition: .3s all; 
	 margin:0 auto;
}

.btn-group {
    /*
  With 'box-sizing: border-box', the width property will include the width of padding and border, too.
  Examples...
  >> box-sizing: border-box -> padding: 5px; border: 5px; width: 100px; final width of the element: 100px.
  >> box-sizing: content-box (default value) -> padding: 5px; border: 5px; width: 100px; final width of the element: 120px.
  */
    box-sizing: border-box;
    width: 100%;
    /*height: 3rem;*/
    text-align: center;

    display: -webkit-flex;
    /* Safari */
    display: -moz-flex;
    /* Mozilla */
    display: -ms-flex;
    /* IE */
    display: -o-flex;
    /* Opera */
    display: flex;
}

.btn-group a {
    /*padding-right: 1rem;*/
    /*padding-top: 15px;*/
    padding: 15px 5px;
    width: 100%;
    background-color: #4f6c36;
    border: solid 1px #000;
    color: #fff;
}
@media (max-width: 550px) {
    .btn-group {
        flex-flow: row wrap;
    }
}

.btn2:hover {background:rgba(247, 148, 29, .54); color:#fff; transition: .3s all; }

 div.entry {
     position: relative;
}
 .post-prev-img {
     float: left;
     padding: 0 0.95em 0.625em 0;
     max-width: 400px;
}
 .alignleft {
     float: left;
}
 .alignright {
     float: right;
}
 .aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 img.alignleft {
     margin: 0 0.625em 0.625em 0;
}
 img.alignright {
     margin: 0 0 0.625em 0.625em;
}
 img.aligncenter {
     margin: 0 auto 0.625em;
}
 .wp-caption {
     margin-bottom: 24px;
     max-width:100%;
     color: #767676;
}
 .wp-caption img[class*="wp-image-"] {
     display: block;
     margin: 0;
}
 .wp-caption-text {
     font-size: 0.75em;
     font-style: italic;
     line-height: 1.5em;
     margin: 0.55em 0;
     padding-right: 0.625em;
}
 .wp-smiley {
     border: 0;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
}
 img.wp-post-image {
     border: 1px solid #f0f0f3;
     padding: 2px;
}

.social {text-align: center;    display: block;}
.social img {margin-left:20px; vertical-align:top;transition: .3s all; }
.social img:hover {filter:brightness(75%); }

		
/*menu for above 1024px*/
@media (min-width: 1024px) {
	.page-id-74 .navclass li a {   
		font-family: 'Playfair Display';
		color: #454545;
		letter-spacing: .01em;
		font-size: 18px;
		}
     .navclass ul {
         -webkit-padding-start: 0px;
         -webkit-margin-before: 0;
         -webkit-margin-after: 0;
         margin:0;
    }
     .navclass li {
         position: relative;
    }
     .navclass li a {
         display: block;
         font-weight: 700;
 
    }

     .navclass ul.sub-menu {
         padding:10px 0px!important;
         background-color:#fff;

         box-shadow:0px 4px 10px rgba(0,0,0,.3);
    }
    /*this adds the arrow that points down in the main navigation if there's a submenu -- you may need to add again under mobile sizing and change the color*/
     .navclass .menu-item-has-children > a:after {

        /*change depending on arrow color needed*/
         content: url('images/chevron.png');
         vertical-align: middle;
         display: inline-block;
         position: relative;
         right: -0.313em;
    }
     header .nav {
        text-align:center;
		margin-top:60px;
    }
     .nav ul.menu > a {
         display: none;
    }
     .nav ul.menu {
         width: auto;
         margin: 0 auto;
         position: relative;
         z-index: 1;
         padding: 0;
         text-align: center;
    }
     .nav ul.menu li {
         list-style-type: none;
         position: relative;
         display: inline-block;
    }
     .nav ul.menu li a {
         display: block;
         text-decoration: none;
         text-align: center;
         padding: 0 .825em;
         line-height: 30px;
         color: #454545;
         letter-spacing: .01em;
    }
     .nav ul.menu li > a {
         position: relative;
         margin-bottom:16px;
		 font-family: 'Playfair Display';

    }
     .nav ul.menu li ul li > a {
         position: relative;
         margin-bottom:0px;
    }
     .nav ul.menu li ul li > a:hover:before {
         visibility: hidden;
    }
     .nav ul.menu li > a:hover:before {
         visibility: visible;
         -webkit-transform: scaleX(1);
         transform: scaleX(1);
    }
    /* second level */

    .nav ul.menu li ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        padding: 0;
        margin: 0;
    }
    .nav ul.menu li:hover > ul.sub-menu {
        display: block;
    }
    .nav ul.menu li ul li {
        white-space: nowrap;
        /*padding: .7em 0;*/
        /*height:45.5px;*/
    }
    .nav ul.menu li ul li a {
        text-align: left;
        padding: 0 1em;
        width: 280px;
        line-height: 2.5em;
        height: 2.5em;
    }
    .nav ul.menu li ul li a:hover {
        background: #fff;
    }

    /*more levels*/
    .nav ul.menu li ul li {
        white-space: nowrap;
        display: block;
    }
    /*this is the arrow/triangle that points to the right for submenu items with another submenu - you may need to change the color, and also the margin to adjust where it lands. If you want it next to the menu item, change float:right to display:inline-block and remove the margin-top */
    .nav ul.menu li ul li.menu-item-has-children > a:after  {
        content: '';
        border: solid #ccc;
        border-width: 0 2px 2px 0;
        position: absolute;
        right:10px;
        top:15px;
        /*may need to change*/
        padding: 4px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .nav ul.menu ul ul {
        top: 0;
        left: 100%;
        display: block;
    }
    .nav ul.menu li:hover ul ul {
        display: none;
    }
    .nav ul.menu ul li:hover ul {
        display: block;
    }
	
}


    /* under 60em */
@media (max-width: 60em) {
	.flex-item.lastone {
        margin: 0 auto!important;
		max-width:310px;
}
	.social img {   margin-left: 10px; }
.shortcuts-wrapper a {height:auto; width:100%; }
.shortcuts-wrapper, .home-three-wrap {max-width:700px; margin: 0 auto; }
.shortcuts-wrapper .flex-item {
        flex: 2 0 45%!important;
        margin: 5px;
    }

.home-three-wrap {
    flex: 2 0 45%!important;
    padding: 0 5px;
}
	
.quarter, .half, .third, .quarter img, .half img, .third img, .sixth img, .sixth {min-height: 200px; }	
.ft-top .flex-item {text-align:center!important; margin:0 auto;}


.footerright, .footerleft, .footercenter {
    font-size: .75em;
    display: block;
    width: 100%;
    text-align: center;
    float: none;
    margin: 10px auto;
}

}

/* cell phones/small tablets (768px) */
 @media (max-width: 48em) {
	 .halfpage {width: 100%;  float: none; }
	 .twoColumns {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
	 padding-inline-start: 20px;
}

.side-qs {height: unset !important;}
    /*headings*/
     h1 {
         font-size:32px;
         line-height:1.25;
    }
     h2 {
        font-size:26pt;
         line-height:1.25;
    }
     h3 {
        font-size: 22px;
         line-height:1.25;
    }
     p {
        font-size:15px;
         line-height:1.6;
    }
	hr.fadeout {margin:0; }
     .header, .footer {
         padding: 0 0.31em;
    }
     .logo, .headerright {
         float: none;
         text-align: center;
         width: 100%;
    }
	.logo {position:relative; margin:0 auto; max-width:100px; }
	.headerright br {display:none; }
	.headerright {text-align:Center; position:relative; right:0!important;margin-top:5px;}
	.headerright a {float:none; }
	header { height:auto;}
	
     .footerleft, .footerright {
         float:none;
         text-align:center;
    }
    /*flexbox stuff*/
     .content-left, .sidebar {
         float:none;
         max-width:100%;
         padding:0px;
         border:0px;
    }
     .flex-item {
         flex: 0 0 100%;
         flex-wrap: wrap;
         margin: 5px auto;
         text-align: center;
    }
     .quarter, .third, .half, .fifth, .sixth {flex-basis: 100% !important; margin: 5px; max-height: 200px; position: relative;}
     .flex-column {
         flex: 0 0 50% !important;
         align-items: center !important;
    }

 }
/* cell phones/small tablets (1023px) */

@media (max-width: 1023px) {

    .headerright {right:55px;}

	.social {float:none;}
    .ft-top p {
        margin-left: 0px;
    }
 /*menu mobile*/
     ul.clearfix.hide-nav {
         display:none;
    }
     header.smaller .navclass .menu-item-has-children > a:after {
         border-top-color: #fff !important;
    }
     .navclass li {
         font-size:19px;
    }
     .navclass li a {
         color:#FFF;
    }
     #nav-acc > ul > li.has-sub.active > a:after {
         content: '';
         vertical-align: middle;
         position: relative;
         right: -8px;
         bottom: 0em;
         border: solid white;
         border-width: 0 2px 2px 0;
         display: inline-block;
         padding: 3px;
         transform: rotate(225deg);
         -webkit-transform: rotate(225deg);
         transition:.2s all;
    }
     #nav-acc > ul > li > ul > li.has-sub.active > a:after {
         content: '';
         vertical-align: middle;
         position: relative;
         right: -8px;
         bottom: 0px;
         border: solid white;
         border-width: 0 2px 2px 0;
         display: inline-block;
         padding: 3px;
         transform: rotate(225deg);
         -webkit-transform: rotate(225deg);
         transition:.2s all;
    }
     .navclass .menu-item-has-children > a:after {
         content: '';
         vertical-align: middle;
         position: relative;
         right: -8px;
         bottom: 1px;
         border: solid white;
         border-width: 0 2px 2px 0;
         display: inline-block;
         padding: 3px;
         transform: rotate(45deg);
         -webkit-transform: rotate(45deg);
    }
    /*end menu*/
    /*add this section for nav sub-menu down arrow if your nav colors change so you can change the arrow color*/
     #nav .menu-item-has-children > a:after {
         width: 0;
         height: 0;
         border: 4px solid transparent;
         border-bottom: none;
         border-top-color: #fff;
         content: '';
         vertical-align: middle;
         display: inline-block;
         position: relative;
         right: -4px;
    }
    /*toggle applies to the hamburger menu button*/
	.page-id-74 #toggle {display:none; }
     .toggle-spot {
         position: absolute;
         width:30px;
         height:30px;
         right:20px;
         top:10px;
    }
    /*where do you want hamburger to show up? */
     #toggle {
         display: block;
         width: 60px;
         height: 50px;
         margin: 0;
         position: absolute;
         top: 40px;
         right: 0px;
         cursor:pointer;
		 z-index: 100000;
    }
     #toggle span:after, #toggle span:before {
         content: "";
         position: absolute;
         left: 0;
         top: -9px;
    }
     #toggle span:after {
         top: 9px;
    }
     #toggle span {
         position: relative;
         display: block;
    }
     #toggle span, #toggle span:after, #toggle span:before {
         width: 100%;
         height: 4px;
         background-color: #25401E;
         transition: all 0.3s;
         backface-visibility: hidden;
         border-radius: 20px;
    }
    /*header sizes on mobile*/
     header.smaller .logo-smaller {
         display: inline-block;
         text-align: left;
         padding-left: 10px;
         width: auto;
    }
     header.smaller .headerright {
         display: none;
    }
    /*IMPORTANT: Change the header wrapper height on mobile below so that the content starts at the appropriate place & not under the header */
     .header-main-wrapper {
         min-height: 139px;
    }
     .nav ul.menu li a {
         color: #fff;
         text-decoration: none;
         text-transform: uppercase;
         text-align: left;
         font-size: 16px;
         margin-right: 8%;
    }
     .nav ul.menu li a:hover {
         color: #ccc;
         text-decoration: none;
    }
     .menu {
         -webkit-padding-start: 0;
         margin-left: 25px;
         margin-right: 25px;
    }
     .navclass {
         position: absolute;
         top: 19%;
         right: 0;
         -webkit-padding-start: 0px;
         z-index: 500;
         width: 100%;
    }
     .navclass li {
         list-style-type: none;
         line-height: 40px;
    }
     .navclass > ul {
         height: auto;
         display: none;
         position: absolute;
         left: 0;
         right: 0;
         top: 60px;
         -webkit-margin-before: 0px;
         -webkit-padding-start: 0px;
    }
     .navclass li ul {
         display: block;
         position: absolute;
         top: 100%;
    }
     .navclass li ul {
         position: static;
         padding-top: 0;
    }
}
/*flexbox break for smaller screens*/
 @media (min-width: 40em) and (max-width: 60em) {
     .flex-item {
         flex: 2 0 50%;
         margin-right:0px;
    }
     .flex-column {
         padding: 0 10px;
    }

}
 
 /* cell phones/small tablets (480px) */
 @media (max-width: 480px) {
	 .site-wrap {overflow:auto; }
   
     .page-id-476 .home-cuts-wrap-wrap img {margin-left:0; }
   }
/*.home-cuts-wrap-wrap img {margin-left:-50px; } gets lassie back in the picture
	 .flex-item.lastone { margin: 0 auto !important; } */
	 .featuredwrapper-inner .flex-item a{margin:5px!important; min-width: 290px!important; }