.topLine1, .topLine2 {
    display: block;
  }

.btn, .menubutton li > a, .bigbtn, .smallbtn{
  	background: #fff7ff;
    background-image: -webkit-linear-gradient(top, #fff7ff, #524f52);
    background-image: -webkit-linear-gradient(top, #fff7ff, #524f52);
    background-image: -ms-linear-gradient(top, #fff7ff, #524f52);
    background-image: -o-linear-gradient(top, #fff7ff, #524f52);
    background-image: linear-gradient(to bottom, #fff7ff, #524f52);
    -webkit-border-radius: 28;
    -webkit-border-radius: 28;
    border-radius: 28px;
    -webkit-box-shadow: 7px 6px 10px #242424;
    -webkit-box-shadow: 7px 6px 10px #242424;
    box-shadow: 7px 6px 10px #242424;
}

.btn:hover,  .menubutton li > a:hover, .menubutton li > a:active, .bigbtn:active, .bigbtn:hover,
 .smallbtn:active, .smallbtn:hover {
    background: #858585;
    background-image: -webkit-linear-gradient(top, #858585, #454545);
    background-image: -webkit-linear-gradient(top, #858585, #454545);
    background-image: -ms-linear-gradient(top, #858585, #454545);
    background-image: -o-linear-gradient(top, #858585, #454545);
    background-image: linear-gradient(to bottom, #858585, #454545);
	color: #6ca17c;
}

.container-header .mod-menu > li > a, 
.container-header .mod-menu > li > span {
	color: #395542;
}

 
.container-header { 
	background-color: transparent;
	background-image:  url("../../../../../images/banners/sky.JPG");
	background-size: 100% auto;
}


.logoBackground {
	background-image: url("../../../../../images/banners/silverFeather.png");
	background-size: 600px 150px;
	background-repeat: no-repeat;
	background-position: right 30px top 30px;
}

.container-header .grid-child.container-nav{
	background-color: rgba(255, 255, 255, 0.15);
}


.menubutton li > a {
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   color: #395542 important!;
   opacity: 1; 
    height: 45px;
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
	font-weight: bold;
    text-decoration: none !important; 
	text-transform: uppercase;

}

.mod-menu ul {
  display: flex;
  justify-content: space-between; /* Distributes space between items */
}

.mod-menu li {
  flex-grow: 1; /* Allow items to grow and fill the space */
  text-align: center; /* Optional: Center the text within each item */
}

.mod-menu a {
  display: block; /* Make the link take up the full width of the list item */
  padding: 5px; /* Optional: Add padding for better spacing */
}

.full-width-menu{
  width: 100%
}


.menubutton li > a:hover, .menubutton li > a:active {
  color: #6ca17c; 
  text-decoration: none; 
}
  

.container-nav .mod-menu > li.active > a::after, /* get rid of stupid white underline */
  .container-nav .mod-menu > li.active > button::before,
  .container-nav .mod-menu > li > a:hover::after,
  .container-nav .mod-menu > li > button:hover::before {
  background: none;
}

.container-header .navbar-toggler {
    color: #395542;
	border: 5px solid #395542;
  }

@media screen and (prefers-color-scheme: dark){
	body{
		background-color: white important!;
	}
	p, td {
		color: #646464 important!;
	}

	h1, h2, h3, h4, h5, h6, article_title, module_title, pagetitle {
	 
	  color: #395542 important!;
	} 
	
}

@media screen and (max-width: 1608px) {
  body.wrapper-fluid header > .grid-child{
      padding-left: 1em;
      padding-right: 1em;
  }
	
}

@media screen and (max-width: 1550px) {
  body.wrapper-fluid header > .grid-child{
      padding-left: 0em;
      padding-right: 0em;
  }
	
}

@media screen and (max-width: 1530px) {
	.menubutton li > a {
      height: 45px;
      width: 190px;
      font-size: 17px;
  }
}

@media screen and (max-width: 1400px) {
	.menubutton li > a {
      height: 40px;
      width: 185px;
      font-size: 16px;
  }
.logoBackground {
	      background: url("../../../../../images/banners/silverFeather.png")  no-repeat;
		background-position: right 8px top 15px;
		background-size: 600px 150px;
		
	  }
}

@media screen and (max-width: 1300px) {
	.menubutton li > a {
      height: 33px;
      width: 170px;
      font-size: 15px;
  }
}

@media screen and (max-width: 1230px) {
	.menubutton li > a {
      height: 35px;
      width: 160px;
      font-size: 14px;
  }
}


@media screen and (max-width: 1162px) {
	.menubutton li > a {
      height: 30px;
      width: 150px;
      font-size: 13px;
  }
  body.wrapper-fluid header > .grid-child{
      padding-left: 0em;
      padding-right: 0em;
  }
}

@media screen and (max-width: 1108px) {
	.menubutton li > a {
      height: 30px;
      width: 140px;
      font-size: 11px;
  }
}

@media screen and (max-width: 1052px) {
	.menubutton li > a {
      height: 30px;
      width: 120px;
      font-size: 10px;
  }
}

@media screen and (max-width: 991px) { 
	.container-header .grid-child.container-nav{
      background-color: rgba(255, 255, 255, 1);
  }

}

@media screen and (max-width: 1300px) { 
	.topLine1{
			display: none;
	}
	.logoBackground {
	      background: url("../../../../../images/banners/silverFeather.png")  no-repeat;
		background-position: right 10px top 10px;
		background-size: 500px 127px;
		
	  }
}

@media screen and (max-width: 1100px) {  

 .logoBackground {
      background: url("../../../../../images/banners/silverFeather.png")  no-repeat;
background-size: 450px 120px;
	background-position: right 5px top 7px;
  }
}

@media screen and (max-width: 980px) {  

  .logoBackground {
      background: url("../../../../../images/banners/silverFeather.png")  no-repeat;
	background-size: 450px 117px;
background-position: right 0px top 10px;
  }

  .menubutton li > a {
      opacity: 1;
      height: 30px;
      width: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      text-decoration: none; 
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

    }

  .menubutton li > a:hover, .menubutton li > a:active {
      color: #6ca17c  !important; 
    text-decoration: none  !important; 
  }
  
  .metismenu.mod-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item.active>button, .metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item>button:hover{    
    text-decoration: none  !important;
  }
  
  
  .container-header .metismenu > li > button::before {
	display: none;
	}

}

@media screen and (max-width: 930px) {

	.logoBackground {
	      	background: url("../../../../../images/banners/silverFeather.png")  no-repeat;
		background-position: right 0px top 20px;
		background-size: 400px 100px;
		
	  }
	
}

@media screen and (max-width: 830px) { 
	.container-header { 
		background-image:  url("../../../../../images/banners/mediumSky.jpg");
		background-size: 100% auto;
	}
	.logoBackground {
	      	background: url("../../../../../images/banners/silverFeather.png")  no-repeat;
		background-position: right 0px top 30px;
		background-size: 310px 80px;
		
	  }

}

@media screen and (max-width: 750px) { 
	.logoBackground {
	      	background: url("../../../../../images/banners/silverFeather.png")  no-repeat;
		background-position: right 0px top 30px;
		background-size: 255px 64px;
		
	  }
}

@media screen and (max-width: 620px) { 
	.topLine2{
			display: none;
	}
.logoBackground {
      background: url("../../../../../images/banners/silverFeather.png")  no-repeat;
	background-position: right 10px top 10px;
	background-size: 220px 57px;
	
  }


}






@media screen and (max-width: 410px) { 
.container-header { 
	background-image:  url("../../../../../images/banners/smallSky.jpg");
	background-size: 100% auto;
}
}

hr {
    display: block;
    height: 3px;
    border: 0;
    border-top: 3px groove #D3D3D5;
    margin: 1em 0;
    padding: 0;
}


.tablecontent {
  border-bottom: none;
}

.tableheading {
  border-bottom: none;
}

.tableheading, .tableReviews {
  vertical-align: text-top;
  padding-top: 5px;
}




.btn, .bigbtn, .smallbtn {
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  color: #395542;
  padding: 8px;
  border: transparent;
  text-shadow: none;
	font-size: 18px;
	text-decoration: none;
	text-align:center;
}

.smallbtn{
min-height:45px;
	height:45px;
  min-width:130px;
  width:130px;
font-size: 16px;
}

@media screen and (max-width: 1400px) {
	.smallbtn{
	min-height:35px;
		height:35px;
	  min-width:130px;
	  width:130px;
	font-size: 14px;
	}
}

@media screen and (max-width: 1200px) {
	.smallbtn{
	min-height:30px;
		height:30px;
	  min-width:100px;
	  width:100px;
	font-size: 12px;
	}
}

@media screen and (max-width: 991px) {
	.smallbtn{
	min-height:45px;
		height:45px;
	  min-width:130px;
	  width:130px;
	font-size: 16px;
	}
}


.bigbtn {
  width:160px;
min-width:160px;
height:43px;
min-height:43px;
text-transform: uppercase;
font-size: 14px;

}


p, td {
	color: #646464;
  	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, article_title, module_title, pagetitle {
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  color: #395542;
} 


/*Villa design tables*/
@media screen and (max-width: 850px) {
  .tablecontent {
    border-bottom: 1px solid #D3D3D5;
  }

  .tableheading {
    border-bottom: 3px groove #D3D3D5;
  }
}

/*About us links*/
.aboutUsBig{
	display: block;
}
.aboutUsSmall{
	display: none;
}

@media screen and (max-width: 350px) {
	.aboutUsSmall{
	display: block;
	}
	.aboutUsBig{
	display: none;
	}
}


/*Customer ratings table*/
@media screen and (max-width: 600px) { 
  .smallScreen{
    display: block;
  }
  .bigScreen{
    display: none;
  }
}

@media screen and (min-width: 601px) { 
  .smallScreen{
    display: none;
  }
  .bigScreen{
    display: block;
  }
}


footer.container-footer.footer.full-width{
  margin: 0 auto;
}

.container-footer.footer.full-width .grid-child{ 
   background-color: white;
}