@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Koulen&family=Lato&family=Nunito&family=Playfair+Display:ital@1&family=Prata&family=Raleway:ital,wght@1,100&family=Roboto&family=Roboto+Condensed&family=Teko&display=swap');
body {
font-family: "Pavanam", sans-serif;
font-size: 2.2rem;
color: #121212;
font-size: 35px;
font-weight: 300;
line-height: 115%;
}
html { overflow-n: scroll; }
/* ^^^ SEE CLASS "outer-background" BELOW */
/* DEFAULTS - MARGINS SPACING */
div { margin: 0; padding: 0; border: 0; }
th {
padding-bottom: 5px;}
table, tr, td { border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }
.br {
display: block;
margin-bottom: 0em;
}
.brmedium {
display: block;
margin-bottom: 1em;
}
.brlarge {
display: block;
margin-bottom: 2em;
}
/* DEFAULTS - ALIGNMENT */
.td-right { text-align: right; }
.td-left { text-align: left; }
.td-center { text-align: center; }
.td-top { vertical-align: top; }
.td-middle { vertical-align: middle; }
.td-bottom { vertical-align: bottom; }
.center-align { text-align: center; }
.center-div { margin-left: auto; margin-right: auto; }
.right-div { margin-left: auto; margin-right: 0; }
.left-div { margin-left: 0; margin-right: auto; }
/* DEFAULTS - MISC */
.fullwidth { width: 100%; }
.halfwidth { width: 50%; }
.nobreak { white-space: nowrap; }
.just { text-align: justify; }
img { border: 0; }
.rimage { max-width: 100%; height: auto; }
.blockimage { display: block; }
.formmargin { margin: 0px; }
/* NON-MENU LINK COLORS */
a:link,
a:visited,
a:link,
a:visited,
a:active { color: #449798; text-decoration: none; }
a:hover { color: #69dae7; text-decoration: none; }
/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */
body, div, br, span, table {
color: #121212;
font-family: "Pavanam", sans-serif;
font-size: 35px;
font-weight: 300;
line-height: 115%;
}
.title { color: #000000; font: 26px "Pavanam", sans-serif; font-weight: normal; letter-spacing: -1px; line-height: normal; }
.subtitle { color: #000000; font: 20px "Pavanam", sans-serif; font-weight: normal; line-height: normal; }
.smalltext { color: #777777; font: 14px "Pavanam", sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal; }
.testimonial { color: #990000; font-size: 0.95em; font-weight: bold; }
.hilite { color: #FF0000; }
/* REMOVES MARGINS ON HEADING TAGS (FOR SEO) */
h1, h2, h3, h4 { margin: 0px 0px 1px 0px; }
/* SERVICES LIST */
.list {
color: #000000;
line-height: normal;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
}
.floatlist { float: left; width: 50%; min-width: 200px; }
.list li { text-indent: 1px; }
/* INDENT TEXT */
p2 {
margin-top: 0;
margin-bottom: -50;
padding-top: 0px;
padding-bottom: 0px;
}
p3 {
text-indent: 150px;
text-indent: 150px;
padding-top: 0px;
padding-bottom: 0px;
}
p4 {
text-indent: 25%;
padding-top: 0px;
padding-bottom: 0px;
}
p5 {
line-height: 1.0; /* Sets line height to 1.0 times the font size */
}
tekst {
margin-bottom: 10px;
}
/* INSET TEXT WITH padding properties INSIDE BOX WITH COLOR*/
/*
Using individual padding properties
*/
.mydot {
border: 1px solid black;
background-color: lightblue;
padding-top: 50px;
padding-right: 30px;
padding-bottom: 50px;
padding-left: 80px;
}
/* --------------------------------- */
/* INSET TEXT WITH MARGIN properties NO BOX OR COLOR*/
/*
Using individual margin properties
*/
.align2 {
margin-top: 0px;
margin-bottom: 0px;
margin-right: 30px;
margin-left: 75px;
width: 80%;
border: 0px solid #fff;
padding: 0px;
}
/* --------------------------------- */
/* Colored box inside testimonials */
.align3 {
background-color: eeeeee;
padding: 10px 15px 10px 15px;
}
h1 {
text-align: center;
}
/* --------------------------------- */
/* VARIOUS BULLET POINTS*/
/*
*/
ul.a {
list-style-type: circle;
}
ul.b {
list-style-type: square;
}
ol.c {
list-style-type: upper-roman;
}
ol.d {
list-style-type: lower-alpha;
}
/* FLYING TEXT FROM ONE DIRECTION*/
h10 {
-moz-animation-duration: 3s;
-webkit-animation-duration: 3s;
-moz-animation-name: slidein-left;
-webkit-animation-name: slidein-left;
}
@-moz-keyframes slidein-left {
from {
margin-left: 100%;
width: 300%
}
to {
margin-left: 0%;
width: 100%;
}
}
@-webkit-keyframes slidein-left {
from {
margin-left: 100%;
width: 300%
}
to {
margin-left: 0%;
width: 100%;
}
}
h11 {
-moz-animation-duration: 3s;
-webkit-animation-duration: 3s;
-moz-animation-name: slidein-right;
-webkit-animation-name: slidein-right;
}
@-moz-keyframes slidein-right {
from {
margin-right: 100%;
width: 300%
}
to {
margin-right: 0%;
width: 100%;
}
}
@-webkit-keyframes slidein-right {
from {
margin-right: 100%;
width: 300%
}
to {
margin-right: 0%;
width: 100%;
}
}
/* FLYING TEXT FROM ONE DIRECTION*/
@keyframes left-one {
0% {
transform: translateX(100%);
}
10% {
transform: translateX(0);
}
40% {
transform: translateX(0);
}
50% {
transform: translateX(-100%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes left-two {
0% {
transform: translateX(100%);
}
50% {
transform: translateX(100%);
}
60% {
transform: translateX(0);
}
90% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
/* FADE IN TEXT*/
@keyframes fadeIn {
from {opacity: 0}
to {opacity: 1}
}
.fadeInAnimated {
opacity: 0;
animation: fadeIn 2s forwards; /* forwards (animation-fill-mode) retains the style from the last keyframe when the animation ends */
}
#second {
animation-delay: 2s;
}
#third {
animation-delay: 4s;
}
/* ALIGN RIGHT AND LEFT ON THE SAME LINE OF TEXT */
/*
*/
a1 {
display: flex;
justify-content: space-between;
}
/* ALIGN RIGHT AND LEFT ON THE SAME LINE OF TEXT WITH ONE A LINK */
/*
*/
h1 {
display: table;
width: 100%;
}
h1 span, h1 a {
display: table-cell;
}
h1 span {
text-align: left;
}
h1 a {
text-align: right;
border: 1px dotted blue;
width: 1%;
white-space: nowrap;
}
/* INCREASE ROW HEIGHTS & PADDING */
.row {
margin-bottom: 1em;
}
.row2 {
margin-bottom: .5em;
}
/* PAGE & CONTENT HEIGHTS AND WIDTHS & PADDING */
/* NOTE: IF YOU CHANGE THE PAGE WIDTHS EDIT & TEST THE MEDIA QUERIES IN THE media-queries.css */
.pagewrapper {
width: 100%;
min-width: 319px;
text-align: center;
margin: 0 auto 0 auto;
}
.pagebox {
max-width: 1400px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
}
.pagebox2 {
max-width: 1600px;
padding: 0px 0px 0px 0px;
margin: 0px auto 10px auto;
}
#contentbox {
margin: 0 auto;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
/* HOME PAGE- Rebecca's first page text content (2nd) section with white background */
.content-pad { padding: 35px 65px 45px 65px; }
/* INNER AND OUTER BACKGROUNDS */
.inner-background {
background-color: #FFFFFF;
border: #999999 0px solid;
}
.outer-background {
background-color: #81837C;
background-image: url("picts/blur.jpg");
background-repeat: repeat-x;
background-attachment: fixed;
}
.inner-background2 {
background-color: #FFFFFF;
background-image: url("picts/background-outer4-sand-2.jpg");
background-repeat: repeat-x;
background-attachment: fixed;
}
.outer-background2 {
background-color: #FFFFFF;
border: #999999 0px solid;
}
/* TEXT AND GRAPHIC HEADER CODE background behind graphic logo*/
#headerdiv {
background-color: #53554E;
background-image: url("picts/background-outer4-sand-2.jpg");
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
border-right: 4px solid #9ba199;
border-left: 4px solid #9ba199;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.headercolor {
background-image: url("picts/blur.jpg");
background-repeat: repeat;
}
.headercolor2 {
margin: 0 auto;
padding: 0;
border: 0;
outline: none;
list-style: none;
/* USES GOOGLE FONT LOADED IN THE style.css */
font color: #6d6d6d;
font-family: 'Avenir Next', sans-serif;
font-weight: normal;
font-variant: normal;
font-size: 14pt;
word-spacing: 2px;
line-height: 120%;
vertical-align: top;
position: relative;
z-index: 1101;
}
/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
.header a {
float: none;
display: block;
text-align: left;
}
.header-right {
float: none;
}
}
.logo-respond {
line-height: 60%;
background-image: url("picts/background-outer4-sand-2.jpg");
max-width: 700px;
min-width: 450px;
display: block;
}
/* START TEXT HEADER CODE */
.textlogo {
font: normal 36px "Pavanam", sans-serif;
letter-spacing: 0px;
padding: 0px 0px 0px 0px;
text-shadow: 0px 0px 0px rgba(0, 15, 50, 0.0);
}
#headerdiv a:link,
#headerdiv a:visited,
#headerdiv a:active { color: #333333; text-decoration: none; }
#headerdiv a:hover { color: #009999; text-decoration: none; }
.logoslogan {
margin: 0 auto;
padding: 0;
border: 0;
outline: none;
list-style: none;
/* USES GOOGLE FONT LOADED IN THE style.css */
color: #626262;
font-family: 'Playfair Display', serif;
text-align: left;
font-weight: normal;
font-variant: normal;
font-size: 24pt;
letter-spacing: 1px;
word-spacing: 2px;
line-height: 125%;
vertical-align: bottom;
position: relative;
z-index: 1101;
}
/* START TEXT HEADER CODE */
.textlogo {
font: normal 36px "Pavanam", sans-serif;
text-align: left;
padding: 40px 10px 10px 10px;
display: block;
}
.textlogo a:link, .textlogo a:visited, .textlogo a:active { color: #FFFFFF; text-decoration: none; }
.textlogo a:hover { color: #FFFFFF; text-decoration: none; }
/* HEADER ICON */
.header-ico1 {
width: 36px;
height: 36px;
background-color: transparent;
text-align: center;
position: absolute;
right: 10px;
top: 10px;
border: transparent 1px solid;
/* CORNER ROUNDING */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.ico1-img { width: 36px; height: 36px; display: block; margin: 0 auto; }
.icohov:hover { background-color: transparent; border: #FFFFFF 1px solid; }
/* FLOATS */
.img-float { float: left; margin: 15px 20px 5px 1px; }
.float-item { float: left; margin-right: 15px; margin-bottom: 2px; }
.img-float-r { float: right; margin: 15px 1px 5px 20px; }
.float-item-r { float: right; margin: 3px 6px 5px 1px; }
.img-float-l { float: left; margin: 15px 20px 5px 1px; }
.img-float-l-hi { float: left; margin: 3px 20px 5px 1px; }
.float-item-l { float: left; margin: 3px 1px 5px 6px; }
.text-nowrap { overflow: hidden; min-width: 175px; }
.divclear { height: 1px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }
/* IMAGE BORDERS, FLOATS AND IMAGE SPACING */
.img-borders2 {
border: #000000 0px solid;
/* CORNER ROUNDING */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.img-float2 { float: left; margin: 3px 12px 1px 0px; }
.float-item2 { float: left; margin-right: 12px; margin-bottom: 2px; }
/* TO ABSOLUTELY HIDE */
.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
#childDiv {height:0; overflow:visible;}
/* IMAGE BORDERS & SPACING */
.img-borders {
border: #849C82 1px solid;
padding: 3px;
/* CORNER ROUNDING */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.HoverBorder {
border: #9BA199 3px solid;
vertical-align: bottom;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
/* ZOOM */
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
/* FADE UP */
-webkit-transition: all 0.3s;
transition: all 0.3s ease;
}
a:hover .HoverBorder {
border: #9BA199 3px solid;
/* ZOOM */
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
/* SHOPPING CART BUTTONS */
.paypal-icon {
width: 100%;
max-width: 231px;
margin: 3px 0px 0px 0px;
}
.cartdrop {
font: 14px arial, sans-serif;
color: #000000;
width: 170px;
margin-top: 1px;
margin-bottom: 4px;
}
.button-order2
{
color: #FFFFFF;
font: normal 17px "Open Sans", arial, sans-serif;
text-align: center;
background-color: #0099FF;
background-image: url("picts/button-order.png");
padding: 9px 5px 9px 5px;
margin: 4px 0px 2px 0px;
cursor:pointer;
width: 170px;
-webkit-appearance: none;
border: #000000 0px solid;
/* CORNER ROUNDING */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.button-order2:hover
{
color: #FFFFFF;
background-color: #3BB9F9;
border: #000000 0px solid;
}
/* VIEW CART BUTTON */
input[type=submit].viewcart-but {
width: 231px;
margin: 20px 0px 3px 0px;
}
/* HIDE ITEMS FOR PRINTING */
@media print {
.printhide { display:none; }
.pageheight { min-height: 50px; }
}
@media screen{
.printonly { display:none; }
}
/* GROUP BUTTONS */
.btn-group .button1 {
font-family: Raleway;
font-weight: 0;
font-size: 17px;
color: #ffffff;
background-color: #e2e2e2;
padding: 7px 7px;
border: solid #bdb7ab 2px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
border-radius: 8px;
transition : 1000ms;
transform: translateY(0);
display: flex 45px;
flex-direction: row;
align-items: center;
cursor: pointer;
display: inline-block;
font-size: 16px;
cursor: pointer;
float: left;
}
.btn-group .button1:not(:last-child) {
border-right: none; /* Prevent double borders */
}
.btn-group .button1:hover2 {
background-color: #e2e2e2;
}
a:link,
a:visited,
a:active { color: #333333; text-decoration: none; }
a:hover2 { color: #009999; text-decoration: none; }
/* PAGE LINES & BORDERS */
.page-splits {
line-height: 1px;
font-size: 1px;
height: 2px;
background-color: transparent;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
border-top: #C1C8D1 1px solid;
}
.page-splits2 {
line-height: 1px;
font-size: 1px;
height: 2px;
background-color: #FFFFFF;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
border-top: #C1C8D1 1px solid;
}
/* COLOR EACH SIDE OF BR IN WHITE */
.custom-br {
display:block;
width: 100%;
height: 5px;
background-color: #ffffff; /*change color*/
}
.splits-xtramargin { margin-top: 30px; margin-bottom: 30px; }
/* LARGE PAGE SPLITS */
.large-splits {
line-height: 1px;
font-size: 1px;
height: 25px;
background-color: #7D837B;
margin: 0 auto;
padding: 0px;
border: #000000 0px solid;
}
.small-splits {
line-height: 1px;
font-size: 1px;
max-width: 80%;:
height: 25px;
background-color: #7D837B;
margin: 0 auto;
padding: 0px;
border: #000000 0px solid;
}
/* ARROW LINK TABS - HOME & SIDEBAR */
a.arrow-tab:link,
a.arrow-tab:visited,
a.arrow-tab:active
{
color: #306848;
font-size: 16px;
font-weight: 200;
text-align: center;
line-height: 130%;
text-decoration: none;
background-color: none;
display: block;
padding: 11px 8px 11px 8px;
margin: 10px auto 0px auto;
background-image: url("picts/icons/arrow-tab-black.png");
background-repeat: no-repeat;
background-position: right center;
border: solid #A4CDB4;
border-width: 2px 0px 2px 0px;
width: 60%;
/* CORNER ROUNDING */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
a.arrow-tab:hover
{
color: #FFFFFF;
text-decoration: none;
background-color: #bcc3b9;
background-image: url("picts/icons/arrow-tab-white.png");
border: solid #bcc3b9;
border-width: 2px 2px 5px 2px;
}
/* HOME PAGE- Rebecca's first page text content section with white background */
#contentbox-home {
max-width: 1200px;
margin: 0 auto;
padding: 35px 10px 15px 10px;
background-color: #ffffff;
}
/* HOME 4 IMAGE COLUMNS - First page Tulip above clickables */
.intro-row {
background-color: transparent;
max-width: 100%;
margin: 0px auto 55px auto;
display: flex;
align-items: center;
justify-content: center;
padding: 0px 0px 0px 0px;
/* CORNER ROUNDING */
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
align-items: center;
}
.intro-cell {
width: 20%;
float: left;
text-align: center;
align-items: center;
}
.intro-cellpad {
padding: 0px 0px 10px 0px;
margin: 0px auto 0px auto;
justify-content: center;
align-items: center;
}
.intro-cellpad img,
.intro-cell-3x img {
width: 100%;
height: auto;
vertical-align: bottom;
align-items: center;
display: block;
border: #000000 0px solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* Centered Responsive Tables - First page Tulip above clickables */
@media all and (max-width:500px){
table{
width:100%;
}
td{
display:block;
width:100%;
}
tr{
display:block;
margin-bottom:30px;
}
}
body {
font: 36px Arial, sans-serif;
}
/* HOME PAGE 4 Tulip's clickables background */
#container {
max-width: 90%;
display: flex;
justify-content: center;
align-items: center;
}
.borders { BORDER: #849C82 1px solid; padding: 3px; }
.bordersblack { BORDER: #000000 1px solid; }
/* FOR OPTIONAL-Home.htm 3 IMAGE COLUMNS */
.intro-cell-3x {
width: 33.3%;
float: left;
text-align: center;
margin: 0 auto;
}
.intro-cellpad-3x {
padding: 10px 18px 10px 18px;
margin: 0 auto;
}
/* HOME PAGE LOWER 2 COLUMN TEXT CONTENT */
.homecontent-outer {
background-color: transparent;
max-width: 96%;
margin: 0 auto;
border-top: 0px solid #D8DEE5;
border-bottom: 2px solid #D8DEE5;
}
.homecontent {
float: left;
max-width: 50%; /* DIVIDED BY 2 */
margin: 0px auto 0px auto;
}
.content-left { padding: 25px 30px 25px 0px; }
.content-right { padding: 25px 0px 25px 30px; }
#column-content { margin-right: 270px; }
#left-content {
float: left;
width: 100%;
}
.content-pad { padding: 35px 45px 25px 45px; }
#sidebar-content {
float: right;
width: 270px;
margin-right: -270px;
}
/* HOME PAGE LOWER 1 COLUMN TEXT CONTENT */
.home-1col { max-width: 95%; margin: 0 auto; }
.content-pad-home { padding: 60px 20px 50px 20px; }
.homelinks { color: #73879C; }
/* JQUERY SLIDESHOWS (HOME & SETS) (SEE ALSO responsive-slides.css IN FOLDER JQuery) */
.rslides_container {
background-color: transparent;
max-width: 100%;
min-width: 250px;
max-height: 500px;
overflow: hidden;
text-align: center;
margin: 0 auto;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: #000000 0px solid;
}
/* HIDE / SHOW HOME ARROWS block OR none */
#homeJQ > .centered-btns_nav { display: block; }
/* SLIDESHOW ROUND ACTIVE BUTTON STYLES */
.centered-btns_tabs {
width: 100%;
position: absolute;
bottom: 10px;
left: 0px;
margin: 0 auto;
text-align: center;
z-index: 1000;
background-color: transparent;
}
/* NORMAL BUTTON STATE */
.centered-btns_tabs a {
width: 16px;
height: 16px;
background-color: transparent;
border: #FFFFFF 2px solid;
/* CORNER ROUNDING */
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0px 4px 0px 4px;
}
/* HOVER BUTTON STATE */
.centered-btns_tabs a:hover
{ background-color: #FFFFFF; border: #FFFFFF 2px solid; }
/* ACTIVE BUTTON STATE */
.centered-btns_here a, .centered-btns_here a:hover
{ background-color: #FF5BA9; border: #FF5BA9 2px solid; cursor: default; }
/* ANIMATE SLIDESHOW CODE (KEN BURNS ZOOM) */
.rslides { overflow: hidden; }
.rslides img {
animation: slidemove 50s infinite;
}
@keyframes slidemove {
0% { transform: scale(1.0); }
50% { transform: scale(1.3); }
100% { transform: scale(1.0); }
}
/* FOR OPTIONAL HOME PAGE OPTIONAL-No-Animation-Home.htm */
.homeimage {
max-width: 100%;
max-height: 500px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
.homeimage-img {
max-width: 100%;
min-width: 250px;
height: auto;
display: block;
padding: 0px 0px 0px 0px;
margin: 0 auto;
box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: #000000 0px solid;
}
/* BAR UNDER HOME IMAGE */
.image-bar {
font-size: 3px;
line-height: 3px;
height: 18px;
background-color: #BCC5B9;
margin: 0px auto 0px auto;
padding: 0px;
border: solid #DDE6DA;
border-width: 1px 0px 0px 0px;
}
/* RIGHT SIDEBAR */
#sidebar-content {
float: left;
width: 100%;
max-width: 265px;
padding: 0px;
border-left: #CECECE 0px solid;
}
.sidebar-pad { padding: 0px 0px 15px 40px; }
.sidebar-textarea {
max-width: 225px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
border: solid #000000;
border-width: 0px 0px 0px 0px;
/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}
.sidebar-text {
color: #000000;
font: 14px "Pavanam", sans-serif;
font-weight: normal;
line-height: normal;
}
.sidebar-image {
display: block;
width: 100%;
height: auto;
margin: 0px auto 0px auto;
border: solid #CECECE;
border-width: 0px 0px 0px 0px;
/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}
.side-links {
text-align: left;
padding: 20px 0px 10px 0px;
margin: 0px;
}
.side-links a {
font: 16px "Pavanam", sans-serif;
font-weight: normal;
line-height: normal;
background-image: url("picts/icons/arrow-sidelinks-black.png");
background-repeat: no-repeat;
background-position: left center;
display: block;
padding: 10px 0px 10px 23px;
border: solid #C1C8D1;
border-width: 0px 0px 1px 0px;
/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}
.side-links a:first-child { border-width: 1px 0px 1px 0px; }
/* FOOTER */
.footer-splits {
font-size: 3px;
line-height: 3px;
height: 18px;
background-color: #9BA199;
margin: 0px auto 0px auto;
padding: 0px;
border: solid #7D837B;
border-width: 0px 0px 0px 0px;
}
#FooterFRM { visibility: visible; }
.footer-frame {
display: block;
width: 100%;
overflow: hidden;
margin: 0px;
padding: 0px;
}
.footer-height { height: 300px; }
.footer-page {
background-color: #FFFFFF;
background-image: url("picts/background-footer.jpg");
background-repeat: repeat-x;
background-position: center top;
margin: 0px;
padding: 0px;
}
.footer-page, .footer-page div, .footer-page table { color: #000000; }
.footer-pad { padding: 40px 10px 10px 10px; }
.footer-border {
border: solid #000000;
border-width: 0px 0px 0px 0px;
/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}
div.footer-title {
color: #000000;
font: 23px "Pavanam", sans-serif;
font-weight: normal;
padding-bottom: 5px;
margin-bottom: 3px;
border-bottom: #000099 0px solid;
}
table.footer-links td {
text-align: left;
padding: 5px 50px 5px 50px;
}
.footer-links { font-size: 16px; line-height: 36px; margin: 0 auto; }
.footerlinks-1 { width: 33%; border-right: #B6BBC4 1px solid; }
.footerlinks-2 { width: 33%; border-right: #B6BBC4 0px solid; }
.footerlinks-3 { width: 33%; border-left: #B6BBC4 1px solid; }
.footer-copyright {
color: #FFFFFF;
font: 12px "Pavanam", sans-serif;
font-weight: normal;
line-height: normal;
padding: 22px 5px 22px 5px;
margin: 0px 0px 0px 0px;
background-color: #797E77;
border: solid #9BA199;
border-width: 6px 0px 0px 0px;
/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}
/* FOOTER LINK COLORS */
body.footer-page a:link,
body.footer-page a:visited,
body.footer-page a:active { color: #005522; text-decoration: none; white-space: nowrap; }
body.footer-page a:hover { color: #009999; text-decoration: none; white-space: nowrap; }
/* COPYRIGHT LINK COLORS */
div.footer-copyright a:link,
div.footer-copyright a:visited,
div.footer-copyright a:active { color: #CCFFCC; text-decoration: none; }
div.footer-copyright a:hover { color: #FFFFFF; text-decoration: underline; }
/* SOCIAL ICONS */
#social-links {
text-align: center;
font-size: 0px;
background-color: #FFFFFF;
padding: 4px 4px 34px 4px;
margin: 0px auto 0px auto;
border: solid #999999;
border-width: 0px 0px 0px 0px;
}
.socialicon {
background-color: #ADA24D;
border: #999999 0px solid;
padding: 8px;
margin: 1px;
vertical-align: top;
/* CORNER ROUNDING */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.socialicon:hover {
background-color: #739E51;
border: #999999 0px solid;
}
/* CONTACT PAGE */
.contact-pad { padding: 15px 0px 15px 0px; }
.contact-select { color: #004433; font-weight: normal; }
.form-box { margin: 20px 0px 10px 50px; }
input[type=submit].submitbutton, input[type=reset].submitbutton
{
color: #FFFFFF;
font: normal 17px "Pavanam", sans-serif;
text-align: center;
background-color: #8B4F77;
-webkit-appearance: none;
padding: 11px 8px 11px 8px;
margin: 0px 0px 0px 0px;
cursor: pointer;
width: 120px;
border: #8B4F77 1px solid;
/* CORNER ROUNDING */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
input[type=submit].submitbutton:hover, input[type=reset].submitbutton:hover
{
color: #000000;
background-color: #FFFFFF;
border: #000000 1px solid;
}
.shadeform {
font: 16px arial, sans-serif;
color: #000000;
background-color: #FFFFFF;
background-image: url("picts/shadeform.png");
text-align: left;
width: 100%;
max-width: 300px;
padding: 3px;
margin-top: 2px;
margin-bottom: 7px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: #949EB4 1px solid;
}
.textarea {
font: 16px arial, sans-serif;
background-color: #FFFFFF;
color: #000000;
background-image: url("picts/shadeform.png");
text-align: left;
width: 100%;
max-width: 340px;
height: 150px;
padding: 3px;
margin-top: 2px;
margin-bottom: 7px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: #949EB4 1px solid;
}
.dropdown {
font: 15px arial, sans-serif;
background-color: #FFFFFF;
color: #000000;
width: 100%;
max-width: 300px;
padding: 3px;
margin-top: 3px;
margin-bottom: 7px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: #949EB4 1px solid;
}
/* CONTACT PAGE GOOGLE MAP & DIRECTIONS */
#map-canvas { width: 225px; height: 160px; }
/* CONTACT PAGE GOOGLE DIRECTIONS */
.directions { font-size: 13px; font-weight: normal; line-height: normal; padding: 8px 0px 5px 0px; }
.directions .shadeform { width: 223px; margin: 0px 0px 5px 0px; }
input[type=submit].directionbutton { width: 225px; }
/* OPTIONAL No-Form-contact.htm PAGE */
.no-formmargin { margin: 25px 0px 25px 0px; }
/* JQUERY SLIDESHOW SETS (SEE ALSO HOME JQUERY ABOVE & responsive-slides.css IN FOLDER JQuery) */
.slideshow-sets {
max-width: 900px;
border: #9BA199 3px solid;
}
/* VIDEO PAGE (FOR RESPONSIVE VIDEO) */
.videobox {
max-width: 900px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}
.video-container {
min-width: 200px;
padding-top: 0px;
padding-bottom: 56.25%;
margin: 0px auto 0px auto;
height: 0;
overflow: hidden;
position: relative;
z-index: 100;
}
.video-container iframe,
.video-container object,
.video-container embed {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
/* ALL MEDIA PAGES - SLIDESHOWS & VIDEOS */
#contentbox-media {
max-width: 1100px;
margin: 0 auto;
padding: 35px 10px 15px 10px;
}
.media-textarea {
text-align: center;
max-width: 600px;
padding: 12px 0px 20px 0px;
margin: 0 auto;
}
/* MEDIA PLAY OVERLAY */
.media-pbox {
float: left;
margin-right: 12px;
margin-bottom: 0px;
position: relative;
}
.media-picon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -26px;
margin-left: -26px;
}
.media-return {
display: inline-block;
padding: 5px 6px 5px 6px;
margin: 16px 0px 6px 0px;
border: solid #C1C8D1;
border-width: 1px 0px 1px 0px;
/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}
.media-thumb {
display: block;
width: 152px;
height: auto;
}
/* SIDE BY SIDE VIDEOS */
#grid {
display: grid;
width: 70%;
grid-template-columns: 550px 1fr;
}
#areaA {
background-color: lime;
}
#areaB {
background-color: yellow;
}
/* SIDE BY SIDE VIDEO and TEXT */
.grid-container {
display: grid;
grid-template-columns: auto auto;
}
.grid-item {
height: 200px;
}
/* RESPONSIVE SIDE BY SIDE VIDEOS WITH HEADING */
table {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
table caption {
font-size: 1.5em;
margin: .5em 0 .75em;
}
table tr {
padding: .35em;
}
table th,
table td {
padding: .625em;
text-align: center;
}
table th {
background-image: url("picts/background-outer4-sand-2.jpg");
font-size: .85em;
letter-spacing: .1em;
}
@media screen and (max-width: 625px) {
table {
border: 0;
}
table caption {
font-family: "Pavanam", sans-serif;
font-size: 1.25rem;
color: #121212;
font-size: 20px;
font-weight: 100;
line-height: 100%;
text-align: justify;
}
table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table tr {
border-bottom: 3px solid #ddd;
display: block;
margin-bottom: .625em;
}
table td {
display: block;
font-size: 1.25rem;
color: #121212;
font-size: 20px;
font-weight: 100;
text-align: justify;
}
table td::before {
text-align: justify;
}
table td:last-child {
border-bottom: 0;
}
}
/* general styling */
body {
background-image: url("picts/background-outer4-sand-2.jpg");
}
/* Two responsive/flexible divs side by side*/
body {
background-color: #fcfcfc;
}
.columns {
text-align: center;
padding-right: 15px;
padding-left: 15px;
padding-top: 0;
}
.left-div {
display: inline-block;
max-width: 400px;
text-align: left;
padding: 10px;
background-color: #ddd;
border-radius: 3px;
margin: 5px;
vertical-align: top;
}
.right-div {
display: inline-block;
max-width: 400px;
text-align: left;
padding: 10px;
background-color: #ddd;
border-radius: 3px;
margin: 5px;
}
.left-text,
.right-text {
text-align: justify;
}
@media screen and (max-width: 600px) {
.left-div,
.right-div {
max-width: 100%;
/* Additional */
width: 100%;
display: block;
}
}
/* TOUR STYLES */
.tour-text { font-size: 20px; }
.tour-title {
color: #000000;
font: 30px "Pavanam", sans-serif;
font-weight: normal;
letter-spacing: -1px;
line-height: normal;
padding-top: 40px;
}
.colortitle { color: #990066; font-weight: 700; }
.tour-notes {
color: #52684B;
padding: 60px 0px 0px 0px;
}
#left-tour {
float: left;
width: 100%;
max-width: 690px;
padding: 0px;
}
#sidebar-tour {
float: left;
width: 100%;
max-width: 395px;
padding: 0px;
border-left: #CECECE 0px solid;
}
.tour-sidebox {
max-width: 355px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
border: solid #000000;
border-width: 0px 0px 0px 0px;
/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}
.tour-image {
display: block;
width: 100%;
height: auto;
}
/* ANIMATE TOUR IMAGE (KEN BURNS ZOOM) */
.tour-image-box {
overflow: hidden;
margin: 0px auto 10px auto;
border: solid #9BA199;
border-width: 5px 5px 5px 5px;
/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}
.tour-image-box img {
animation: slidetour 25s infinite;
}
@keyframes slidetour {
0% { transform: scale(1.0); }
50% { transform: scale(1.3); }
100% { transform: scale(1.0); }
}
/* TOUR MENU */
#menu-tour {
background-color: transparent;
text-align: left;
font-size: 0;
line-height: 0;
padding: 6px 0px 6px 0px;
margin: 0px 0px 12px 0px;
/* CORNER ROUNDING */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#menu-tour a {
font: 18px "Pavanam", sans-serif;
font-weight: 400;
line-height: normal;
text-align: center;
cursor:pointer;
display: inline-block;
margin: 0px 2px 2px 0px;
padding: 4px 10px 4px 10px;
/* CORNER ROUNDING */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/* FADE UP */
transition: all 0.3s ease;
-webkit-transition: all 0.3s;
}
#menu-tour a:link,
#menu-tour a:visited,
#menu-tour a:active
{
color: #7D837B;
text-decoration: none;
background-color: #FFFFFF;
border: #7D837B 1px solid;
}
#menu-tour a:hover
{
color: #FFFFFF;
text-decoration: none;
background-color: #7D837B;
border: #7D837B 1px solid;
}
/* CURRENT PAGE HIGHLIGHT */
#menu-tour a.current-page
{
color: #FFFFFF;
background-color: #9A4064;
border: #9A4064 1px solid;
pointer-events: none;
}
/* FAQ PAGE */
.faq-box {
display: none;
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
border: #999999 0px solid;
}
.faqicon { margin-top: 4px; }
/* LINKS PAGE CODE */
.linksmargin { margin: 0px 0px 20px 0px; }
table.linkboxes td { padding: 5px 4px 2px 0px; line-height: normal; font-size: 12px; }
.searchform {
color: #000000;
font: 15px arial, sans-serif;
text-align: left;
background-color: #FFFFFF;
background-image: url("picts/shadeform.png");
width: 163px;
padding: 3px;
margin: 0px;
border: #949EB4 1px solid;
}
.searchbutton {
color: #000000;
font: 700 14px "Pavanam", sans-serif;
text-align: center;
background-color: #FFFFFF;
-webkit-appearance: none;
padding: 2px 5px 2px 5px;
margin-top: 0px;
cursor: pointer;
border: #000000 1px solid;
/* CORNER ROUNDING */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.search-icon {
display: block;
vertical-align: bottom;
}
/* PDF PAGE */
.pdf-icon { margin: 2px 0px 0px 15px; }
/* SITE MAP SEARCH BOX */
.searchmargin { margin: 0px 0px 0px 0px; }
table.sitesearchbox td { padding: 5px 4px 2px 0px; line-height: normal; font-size: 12px; }
table.sitesearchbox td.searchtext
{ font-size: 13px; }
.sitesearchform { width: 158px; margin: 0px 0px 0px 0px; }
/* HIDE MENU AND ITEMS FOR PRINTING */
@media print {
.printhide { display:none; }
.pageheight { min-height: 50px; }
}
@media screen{
.printonly { display:none; }
}
/* RIGHT SCROLL TO TOP ARROW */
.scrollToTop {
width: 36px;
height: 36px;
padding: 0px;
text-align:center;
text-decoration: none;
position:fixed;
bottom: 40px;
right: 10px;
display:none;
background: #7D837B url('picts/icons/arrow-up.png') no-repeat 0px 0px;
border: #FFFFFF 1px solid;
}
.scrollToTop:hover{
text-decoration:none;
background: #9BA199 url('picts/icons/arrow-up.png') no-repeat 0px 0px;
border: #FFFFFF 1px solid;
}
/* RIGHT SIDEBAR */
.sidebar-box { padding: 0px 17px 0px 17px; }
.sidebar-image {
width: 100%;
max-width: 236px;
margin: 0px auto 20px auto;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: solid #868B98;
border-width: 0px 0px 0px 0px;
/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}
/* PRODUCTS CART PAGE */
.price { padding: 12px 0px 14px 0px; }
.price span {
color: #000000;
font-size: 20px;
font-weight: 600;
text-decoration: none;
border-bottom: #339999 1px solid;
}
.cart-image-box {
float: left;
padding-right: 15px;
width: 40%;
max-width: 175px;
min-width: 95px;
}
.cart-image { border: #000000 1px solid; width: 100%; height: auto; }
.cart-details {
color: #72767F;
line-height: normal;
text-align: left;
overflow: hidden;
padding: 0px 0px 0px 0px;
}
.carttitle {
color: #000000;
font: 21px "Raleway", "Open Sans", arial, sans-serif;
font-weight: 600;
line-height: normal;
}
.cart-box {
padding: 20px;
margin: 0px auto 0px auto;
background-color: #F0F0F0;
width: 100%;
border: solid #C0C0C0;
border-width: 1px 1px 1px 1px;
/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/* SHOPPING CART BUTTONS */
.paypal-icon {
width: 100%;
max-width: 231px;
margin: 3px 0px 0px 0px;
}
.cartdrop {
font: 14px arial, sans-serif;
color: #000000;
width: 170px;
margin-top: 1px;
margin-bottom: 4px;
}
.button-order2
{
color: #FFFFFF;
font: normal 17px "Open Sans", arial, sans-serif;
text-align: center;
background-color: #0099FF;
background-image: url("picts/button-order.png");
padding: 9px 5px 9px 5px;
margin: 4px 0px 2px 0px;
cursor:pointer;
width: 170px;
-webkit-appearance: none;
border: #000000 0px solid;
/* CORNER ROUNDING */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.button-order2:hover
{
color: #FFFFFF;
background-color: #3BB9F9;
border: #000000 0px solid;
}
/* VIEW CART BUTTON */
.viewcart-but {
width: 231px;
margin: 20px 0px 3px 0px;
}
/* HIDE ITEMS FOR PRINTING */
@media print {
.printhide { display:none; }
.pageheight { min-height: 50px; }
}
@media screen{
.printonly { display:none; }
}