html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}
img {
max-width: 100%;
border: 0;
vertical-align: middle;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: justify; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
.clearfix {
line-height: 0;
clear: both;
}
.mainpic {
max-width: 680px;
width: 100%;
height: auto;
}
body
{
background: #999966;
margin: 0;
color: white;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: justify;
font-size: 14px;
}
p {padding: 8px 0; line-height: 150%;}
h1
{
letter-spacing: 5px;
font-size: 40px;
font-decoration: italic;
font-decoration: underline;
text-align: center;
padding-bottom: 50px;
}
h2
{
letter-spacing: 2px;
font-size: 18px;
font-decoration: italic;
font-decoration: underline;
text-align: center;
padding-bottom: 10px;
}
text {
margin-left: 25%;
}
a:link
{
color: white;
background-color: transparent;
text-decoration: underline;
}
a:visited
{
color: white;
background-color: transparent;
text-decoration: underline;
}
a:hover
{
color: red;
background-color: transparent;
text-decoration: bold;
text-decoration: italic;
}
.container {
max-width: 1250px;
margin: 0 auto;
padding: 0 30px;
}
/* -----------------------------------
Navigation
----------------------------------- */
#nav {
margin: 0px;
margin-bottom: 40px;
background: rgba(84,102,74,0.8);
height: 40px;
}
#respnav {
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
#nav ul
{
margin: 0;
padding: 0;
list-style: none;
}
#nav li {
float: left;
}
#nav a {
float: left;
width: auto;
padding: 9px 25px;
color: #fff;
text-decoration: none;
text-align: center;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 20px;
}
#nav .current a, #nav a:hover {
color: #fdd857;
}
/* DROP DOWN MENU */
#nav li ul {
position: absolute;
width: 180px;
left: -999em;
border-bottom: none;
top: 38px;
z-index: 9999;
}
#nav li ul a {
width: 180px;
font-size: 14px;
text-align: left;
}
#nav li ul a:hover, #nav li ul .current a {
color: #ffc90c;
}
#nav li:hover ul {
left: auto;
}
#nav li ul li {
padding: 0;
z-index: 100;
}
#nav .parent ul li a {
text-decoration: none;
background: #6b7a5f;
padding: 5px 8px;
border-top: 1px solid #fff;
}
#nav .hidemenu {
display: none;
}
html>body li a {
width: auto;
}
#nav li a:hover {
/* ---
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;*/
}
#nav li ul li a {
/* ---
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;*/
}
#nav li:hover ul {
left: auto;
}
/* Freetobook */
.ftb-container {
border: 2px solid #fff;
margin-bottom: 25px;
}
p.book-button {
text-align: center;
}
.book-button a {
background: #656f53;
color: #fff;
padding: 10px 35px;
border-radius: 4px;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
}
.book-button a:hover {
color: #fdd857;
}
/* Responsive Google map */
.google-maps {
position: relative;
padding-bottom: 55%;
height: 0;
overflow: hidden;
width: 96%;
margin: 20px 1%;
max-width: 850px;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* Image gallery lightbox */
.demo-gallery > ul {
margin-bottom: 0;
list-style: none;
}
.demo-gallery > ul > li {
float: left;
margin-bottom: 25px;
margin-right: 30px;
width: 200px;
}
.demo-gallery > ul > li a {
border: 2px solid #5b753b;
border-radius: 5px;
display: block;
overflow: hidden;
position: relative;
float: left;
}
.demo-gallery > ul > li a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.demo-gallery > ul > li a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
height: 48px;
margin-left: -24px;
margin-top: -24px;
opacity: 0.8;
width: 48px;
}
.demo-gallery.dark > ul > li a {
border: 3px solid #04070a;
}
.home .demo-gallery {
padding-bottom: 80px;
}
/* Responsive menu toggle */
.slicknav_menu {
display:none;
}
@media screen and (max-width: 1080px) {
.js #menu {
display:none;
}
.js .slicknav_menu {
display:block;
}
}