@import url(https://fonts.googleapis.com/css?family=Merriweather&display=swap);
html{height: 100%;margin: 0;color: #777;}
body{font-size:100%;font-family:'Cardo','Merriweather','Open Sans', sans-serif !important;/*font-weight:300*/;line-height:1.7;color:#333;overflow-x:visible;overflow-y:visible;background:#FFF; height: 100%; margin: 0;}
a{cursor:pointer;color:#FFF;text-decoration:none;}
figure{margin: 0 !important;}
a:hover{text-decoration:none;outline:none;}
.fancyfont{font-size:100%;font-family:"amberlight";font-weight:700;line-height:3.0;color:#777;overflow-x:visible;overflow-y:visible; }
.fancyfontlight{font-size:100%;font-family:"amberlight";font-weight:700;line-height:3.0;color:#FFF;overflow-x:visible;overflow-y:visible;}
.font-lg{font-size: 16px;color: rgba(109,110,112,1);}
.font-md{font-size: 12px !important;color: rgba(109,110,112,1);}
.menu-li{padding-top:5px;padding-bottom:2px;padding-left:8px;padding-right:8px;}
.menu-li:hover{border-top-style:none;background-color:rgb(243,207,179);color:#2c3e50;transition:background, .7s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222;padding: 15px;text-align:left;margin-left:auto;margin-right:auto;}
.center,.center p{text-align:center;/*padding-bottom:2px;*/}
.gallery-img{
    max-height: 264px;
}
.contact-link:hover{color:#FFF;}
.vcenter{margin-top: auto !important; margin-bottom: auto !important;}
.opacity-85{opacity: 0.85;}
.caps{text-transform: uppercase;}
/*.wrap{padding:10px 0 0 0;}*/
.wrap-normal{padding:40px 0;}
.thumbnail-img{display:block;height:auto;max-width:100%;margin-right:auto;margin-left:auto;}
h1{margin:10px 0;font-weight:100;letter-spacing:.025em;line-height:1.5;font-size:4.0em;}
h2{font-weight:600;letter-spacing:.025em;line-height:1.5;font-size:2.5em; padding-top: 30px;}
h3{font-weight:600;letter-spacing:.025em;line-height:1.5;font-size:2.00em;margin-bottom:20px; padding-top: 30px;}
h4{font-weight:600;letter-spacing:.025em;line-height:1.5;font-size:1.5em;margin-bottom:10px; padding-top: 30px;}
h5{margin:10px 0;font-size:14px;line-height:20px;font-weight:700;font-size:1.0em;margin-bottom:10px;}
h6{margin:10px 0;font-size:12px;line-height:18px;font-weight:700;}
h7{margin:10px 0;font-size:8px;line-height:10px;font-weight:500;}
@font-face{font-family:'amberlight';
           src:url('../font/amberlight-webfont.eot');
           src:local('O'), 
               url('../font/amberlight-webfont.woff') format('woff'),
               url('../font/amberlight-webfont.ttf') format('truetype'),
               url('../font/amberlight-webfont.svg') format('svg');
           font-weight:normal;
           font-style:normal;
           font-display: swap;
}
*, *:before, *:after {
  box-sizing: border-box;
}
:root {
  /* variables */
  --spacing: 10px;
  --min-card-width: 250px;
  --ratio-percent: 75%;
  --percent: 50%;
  --addl-height: 10px;
}
body {
  margin: 0;
}
/* just for the purposes of the demo */
header, footer, section, div {
  /*border: 1px solid blue;*/
  padding: var(--spacing);
}
section {
  /* hide all the overflowing cards */
  overflow: hidden;
}
article {
  grid-row: 1 / -1;
  grid-column: 1 / -1;
  position: relative;
}
ul {
  /* clear ul styles */
  list-style: none;
  margin: 0;
  padding: 0;
 
  /* additional gap */
  /*grid-row-gap: var(--spacing);*/
}
li {
  /* set up aspect ratio hack */
  position: relative;
}
.absolute-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--min-card-width), 1fr));
  grid-column-gap: var(--spacing);
}
.aspect-ratio {
  padding-top: var(--ratio-percent);
  padding-left: var(--percent);
  padding-right: var(--percent);
}
.aspect-ratio:after {
  content:"";
  height: var(--addl-height);
  display: block;
  /*border-top: 1px solid blue;*/
}
table {
  margin: 0 auto;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid #d4d4d4;
  font-size: small;
  background: #fff;
}

table th, 
table tr:nth-child(2n+2) {
  /*background: #e7e7e7;*/
}
 
table th, 
table td {
  /*padding: 10px 10px;*/
}
 
table th {
  border-bottom: 1px solid #d4d4d4;
}     

.stars-outer {
  display: inline-block;
  position: relative;
  font-family: FontAwesome;
  top: 15px !important;
}

.stars-outer::before {
  content: "\f006 \f006 \f006 \f006 \f006";
}

.stars-inner {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  opacity:0.75;
  
}

.stars-inner::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  /*color: rgb(0,102,153);*/
  color: gold;
}

.attribution {
  font-size: 12px;
  color: #444;
  text-decoration: none;
  text-align: center;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: -1;
}
.attribution:hover {
  color: #1fa67a;
}

.badge1 {
   position:relative;
}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   /*top:-5px;*/
   right:-4px;
   font-size:.7em;
   font-weight: 700;
   background:#FFF;
   /*color:white;*/
   width:22px;height:22px;
   text-align:center;
   line-height:22px;
   border-radius:50%;
   box-shadow:0 0 2px rgb(0,102,153);
}

.badge2{
    position: relative;
}

.badge2[data-badge]::after {
   content:attr(data-badge);
   position:absolute;
   /*top:-15px;*/
   right: -62.5px;
   font-size:.7em;
   font-weight: 700;
   background:#FFF;
   /*color:white;*/
   width:50px;height:20px;
   text-align:center;
   line-height:20px;
   /*border-radius:50%;*/
   box-shadow:0 0 2px rgb(0,102,153);
    }
.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.bgimg-1 {
  /*background-image: url(../Slider/barn.jpg);*/
  background-image: url(../images/FarmField.jpg);
  min-height: 100%;
}

.bgimg-2 {
  background-image: url(../Slider/bridal.jpg);
  height: auto;
  /*min-height: 800px;*/
}

.bgimg-3 {
  background-image: url(../Slider/lake.jpg);
  min-height: 400px;
}

.caption {
  position: absolute;
  /*left: 0;*/
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
  transform: translate(0, -50%);
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

 @-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 0.85;}
         }
         
         @keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 0.85;}
         }
         
         .fadeIn {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
         }
select
{
    color: #274678;
    font-style: italic;
    opacity: .5;
}

option[value=""][disabled]{
    font-style: italic;
    display: none;
}
option[selected]{
    font-style: normal;
    opacity: 1.0;
}
option
{
    color: #000;
    font-style: normal;
    opacity: 1.0;
}
option:first-child
{
    color: #ccc;
}
.fselect{
    color: darkred;
    font-style: normal;
    opacity: 1.0;
}
.scalefont {
    font-size: calc(10px + (26-10) * ((100vw - 300px) /  (1600-300)));
}
.vspan {
  display: block;
  color: #FFF;
  font-family: Merriweather;
  font-size: 14px;
  text-transform: capitalize;
  position: absolute;
  top: 45%;
  width: 100%;
}

div:hover vspan {
  display: block;
  /*background-color: black;*/
}
.hero {
  /* Photo by mnm.all on Unsplash */
  /*background: url('https://images.unsplash.com/photo-1518176258769-f227c798150e') center;
  background-size: cover;*/
  /*padding: 4rem 2rem;*/
  /* grid styles */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 3fr));
  grid-auto-flow: dense;
  /*grid-template-columns: 1fr, 1fr, 1fr;
  grid-template-rows: 100%, 100%, 100%;*/
  grid-gap: 2px;
  align-items: center;
  margin-bottom: 50px;
}
#sm-rating, #sm-rating-rr{
    width: 300px; 
    margin: auto;
    font-family: Cardo;
}