@charset "UTF-8";
/* CSS Document */

.white-bg { background-color:#FFF; }
@media (max-width: 767px) { .white-bg-block { height:891px; width:353px; background-color:#FFF; display:block; margin-left:-58px; margin-top:-891px; } }
@media (min-width: 768px) { .white-bg-block { height:671px; width:225px; background-color:#FFF; display:block; margin-left:-35px; margin-top:-671px; } }
@media (min-width: 992px) { .white-bg-block { height:761px; width:289px; background-color:#FFF; display:block; margin-left:-46px; margin-top:-761px; } }
@media (min-width: 1200px) { .white-bg-block { height:891px; width:353px; background-color:#FFF; display:block; margin-left:-58px; margin-top:-891px; } }

@media (max-width: 767px) and (orientation: portrait) { .pageMiddle, .pageBottom { margin-top:120px; position:relative; } }
@media (max-width: 767px) and (orientation: landscape) { .pageMiddle, .pageBottom { margin-top:70px; position:relative; } }
@media (min-width: 768px) { .pageMiddle, .pageBottom { margin-top:70px; position:relative; } }
@media (min-width: 992px) { .pageMiddle, .pageBottom { margin-top:70px; position:relative; } }
@media (min-width: 1200px) { .pageMiddle, .pageBottom { margin-top:70px; position:relative; } }

@media (max-width: 767px) and (orientation: portrait) { .left-logo { margin-top:-485px; display:block; max-width:303px; } }
@media (max-width: 767px) and (orientation: landscape) { .left-logo { margin-top:-515px; display:block; max-width:303px; } }
@media (min-width: 768px) { .left-logo { margin-top:-580px; display:block; } }
@media (min-width: 992px) { .left-logo { margin-top:-695px; display:block; } }
@media (min-width: 1200px) { .left-logo { margin-top:-775px; display:block; } }

@media (max-width: 767px) and (orientation: portrait) { .right-logo { margin-top:-250px; display:block; max-width:303px; } }
@media (max-width: 767px) and (orientation: landscape) { .right-logo { margin-top:-290px; display:block; max-width:303px; } }
@media (min-width: 768px) { .right-logo { margin-top:-355px; display:block; } }
@media (min-width: 992px) { .right-logo { margin-top:-420px; display:block; } }
@media (min-width: 1200px) { .right-logo { margin-top:-465px; display:block; } }

@media (max-width: 767px) and (orientation: portrait) { .pageBottomDecor { margin-top:340px; position:relative; } }
@media (max-width: 767px) and (orientation: landscape) { .pageBottomDecor { margin-top:332px; position:relative; } }
@media (min-width: 768px) { .pageBottomDecor { margin-top:327px; position:relative; } }
@media (min-width: 992px) { .pageBottomDecor { margin-top:383px; position:relative; } }
@media (min-width: 1200px) { .pageBottomDecor { margin-top:433px; position:relative; } }

@media (max-width: 767px) and (orientation: portrait) { .left-lace { margin-top:-485px; display:block; max-width:303px; width:60.8% } }
@media (max-width: 767px) and (orientation: landscape) { .left-lace { margin-top:-515px; display:block; max-width:303px; width:60.8% } }
@media (min-width: 768px) { .left-lace { margin-top:-619px; display:block; width:87.9% } }
@media (min-width: 992px) { .left-lace { margin-top:-761px; display:block; width:69.1% } }
@media (min-width: 1200px) { .left-lace { margin-top:-889px; display:block; width:60.8% } }

.right-lace { display:block; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
@media (max-width: 767px) and (orientation: portrait) { .right-lace { margin-top:-485px; max-width:303px; width:60.8% } }
@media (max-width: 767px) and (orientation: landscape) { .right-lace { margin-top:-515px; max-width:303px; width:60.8% } }
@media (min-width: 768px) { .right-lace { margin-top:-619px; width:87.9% } }
@media (min-width: 992px) { .right-lace { margin-top:-761px; width:69.1% } }
@media (min-width: 1200px) { .right-lace { margin-top:-889px; width:60.8% } }

@media (max-width: 767px) and (orientation: portrait) { .lace-logo { margin-top:-360px; display:block; margin-left:0px; max-width:303px; } }
@media (max-width: 767px) and (orientation: landscape) { .lace-logo { margin-top:-420px; display:block; margin-left:45px; max-width:303px; } }
@media (min-width: 768px) { .lace-logo { margin-top:-470px; margin-left:-0px; display:block; } }
@media (min-width: 992px) { .lace-logo { margin-top:-570px; margin-left:-15px; display:block; } }
@media (min-width: 1200px) { .lace-logo { margin-top:-670px; margin-left:-15px; display:block; } }

@media (max-width: 767px) { .comingSoon { font-family:'Playball',cursive; font-size:56px; text-shadow:0px 0px 5px #C46BA3, 2px 2px 5px #000; -webkit-transform:rotate(-8deg); -moz-transform:rotate(-8deg); -o-transform:rotate(-8deg); -ms-transform:rotate(-8deg); transform:rotate(-8deg); color:#FFF; margin-top:-500px; } }
@media (min-width: 768px) { .comingSoon { font-family:'Playball',cursive; font-size:70px; text-shadow:0px 0px 5px #C46BA3, 2px 2px 5px #000; -webkit-transform:rotate(-8deg); -moz-transform:rotate(-8deg); -o-transform:rotate(-8deg); -ms-transform:rotate(-8deg); transform:rotate(-8deg); color:#FFF; margin-top:-550px; } }
@media (min-width: 992px) { .comingSoon { font-family:'Playball',cursive; font-size:90px; text-shadow:0px 0px 5px #C46BA3, 2px 2px 5px #000; -webkit-transform:rotate(-8deg); -moz-transform:rotate(-8deg); -o-transform:rotate(-8deg); -ms-transform:rotate(-8deg); transform:rotate(-8deg); color:#FFF; margin-top:-670px; } }
@media (min-width: 1200px) { .comingSoon { font-family:'Playball',cursive; font-size:110px; text-shadow:0px 0px 5px #C46BA3, 2px 2px 5px #000; -webkit-transform:rotate(-8deg); -moz-transform:rotate(-8deg); -o-transform:rotate(-8deg); -ms-transform:rotate(-8deg); transform:rotate(-8deg); color:#FFF; margin-top:-780px; } }

.plainlink, a.plainlink:hover, a.plainlink:visited, a.plainlink:active, a.plainlink:link { color:inherit; text-decoration:none; }

@media (max-width: 767px) { .comingSoonHeading { font-family:'Shadows Into Light Two',cursive; font-size:26px; color:#C46BA3; margin-top:245px; margin-left:0px; } }
@media (min-width: 768px) { .comingSoonHeading { font-family:'Shadows Into Light Two',cursive; font-size:32px; color:#C46BA3; margin-top:165px; margin-left:-35px; } }
@media (min-width: 992px) { .comingSoonHeading { font-family:'Shadows Into Light Two',cursive; font-size:40px; color:#C46BA3; margin-top:200px; margin-left:-35px; } }
@media (min-width: 1200px) { .comingSoonHeading { font-family:'Shadows Into Light Two',cursive; font-size:45px; color:#C46BA3; margin-top:220px; margin-left:-35px; } }

@media (max-width: 767px) { .comingSoonContact { font-family:'Shadows Into Light Two',cursive; font-size:16px; color:#5E3D05; margin-left:0px; } }
@media (min-width: 768px) { .comingSoonContact { font-family:'Shadows Into Light Two',cursive; font-size:18px; color:#5E3D05; margin-left:-35px; } }
@media (min-width: 992px) { .comingSoonContact { font-family:'Shadows Into Light Two',cursive; font-size:23px; color:#5E3D05; margin-left:-35px; } }
@media (min-width: 1200px) { .comingSoonContact { font-family:'Shadows Into Light Two',cursive; font-size:25px; color:#5E3D05; margin-left:-35px; } }

.headerBg { background:url(/meadow-lane-drakensberg-accommodation-images/meadow-lane-polka-dot-pink-header-background.jpg) no-repeat; }

.bodyHeading { font-family:'Dancing Script', cursive; font-size:30px; color:#C46BA3; margin-top:15px; }
.bodyCopy { font-family:'Open Sans Condensed', sans-serif; font-size:18px; }
.bodyColour { color:#666; }
.footerBg { background-color:#99CEEC; }
.footerCopy { font-family:'Open Sans Condensed', sans-serif; font-size:20px; padding:10px 0 5px 0; }
.footerColour { color:#FFF; }
.pipeColour { color:#C46BA3; }
hr.dottedLine { border-top:#C46BA3 thick dotted; }

.nav > li > a { padding:8px 20px !important; color:#FFF !important; }

@media (min-width: 768px) { .navbar-default .navbar-nav > li > a { color:#FFF !important; padding-left: 9px !important; padding-right: 9px !important; } }
@media (min-width: 992px) { .navbar-default .navbar-nav > li > a { color:#FFF !important; padding-left: 25px !important; padding-right: 25px !important; } }

.bookNowButtonNightsbridge { background-color:#C46BA3; }
.bookNowButtonNightsbridgeAccommodation { background-color:#C46BA3; color: white !important; font-size: 36px !important; border: none !important; border-radius: 0 !important; font-family:'Dancing Script', cursive; }

.navbar-default .navbar-collapse { border-color:#99CEEC !important; }
.navbar-default { border-color:#99CEEC !important; background-color:#99CEEC !important; }
.navbar { min-height:20px !important; margin-bottom:0px !important; font-size:18px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color:#E7E7E7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; color:#C46BA3 !important;}

@media (min-width: 768px) { .navbar-nav { float:none !important; margin:0 auto !important; display:table; table-layout:fixed; } }

.margTop0 { margin-top:0px; }
.margBottom0 { margin-bottom:0px; }
.margTop10 { margin-top:10px; }
.margBottom10 { margin-bottom:10px; }
.margTop20 { margin-top:20px; }
.margBottom20 { margin-bottom:20px; }
.margTop30 { margin-top:30px; }
.margBottom30 { margin-bottom:30px; }
.smaller { font-size:14px; }
.larger { font-size:22px }
.largerContact { font-size:20px; }
.largerHeading { font-size:36px; }
.boldBody { font-weight:700; }

.fbLogo { max-width:60px; padding:7px 0; }