/*
Responsive Template Name: RS-MQF 1200 V.2
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(framework.css);
@import url(navi.css);

html{overflow-y:scroll;}

body{margin:0; padding:0; font-size:100%; font-family:'Raleway', sans-serif;, Georgia, "Times New Roman", Times, serif; color:#111b20; background: url('../img/topBg.jpg') repeat-x;  }

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style:none;}
.hidden{display:none;}

.clear{display:block; clear:both;}
.clear:after{display:block; visibility:hidden; height:0; clear:both; font-size:0; content:"";}

a{outline:none; text-decoration:none;}

.fl_left{float:left;}
.fl_right{float:right;}

img{width:auto;  height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;}

/*----------------------------------------------Responsive Videos-------------------------------------*/

.video{display:block; position:relative; width:100%; height:0; margin:0; padding:0 0 56.25% 0; /* using a 16:9 aspect ratio, the height is 56.25% of the width (9/16=0.5625) */}
.video iframe{display:block; position:absolute; width:100%; height:100%; margin:0; padding:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}
 

/*----------------------------------------------Generalise-------------------------------------*/

h1, h2, h3, h4, h5, h6{margin:0 0 8px 0; padding:0; font-size:1.6em; font-weight:normal; line-height:normal; }

address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'“ '; font-size:26px;}
blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

#header, #topnav, #container, #footer, #copyright{margin:0 auto; font-size:.8em;}

/*----------------------------------------------Header-------------------------------------*/

#header{padding:7px 0;}

#header #hgroup{display:block; float:left; width:auto; clear:right;}
#header #hgroup h1, #header #hgroup h2{margin:0; font-weight:normal; text-transform:none;}
#header #hgroup h1{font-size:2.5em;}
#header #hgroup h2{font-size:1em;}

/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:0px 0; clear:both;}
#container h2 { font-family: 'tfarrowmedium'; font-size:2.5em; letter-spacing:1px; text-transform:uppercase; color:#d54b68; text-align:center; padding:15px 53px; background:url('../img/titleBg.png') no-repeat; width:50%; margin:10px auto;}
#container h4 { background:#d7d7d6; color:#111b20;  font-size:1.1em; padding:10px; border-top:none; min-height:40px; }
.news h4 { font-size:1.3em !important; }
#container h4 span {color:#e01d90; font-size: 1.1em; font-family: 'tfarrowmedium';}
.wedding_planners h4 { text-align:center!important; background:none !important;  }
.real_wed h4 {text-align:center!important; background:none !important;  }
/*----------------------------------------------Footer-------------------------------------*/

#footer { padding:0px 0; font-family: 'Raleway', sans-serif;; color:#fff; background:url('../img/footerBg.jpg') repeat-x;  }
#footer p { margin:0; padding:0;}
.darkBg { padding:10px 20px 0;  }
#footer h3 { font-family: 'tfarrowmedium'; font-size: 18px; color:#fff; line-height: 24px; }
.footerIn {  border-top:1px solid #a29061; margin-top:30px; }
.footer_social { float: right; clear:both; color:#b49e65  }
.footer_social li {
    display: inline-block;
    list-style: none;
    margin: 0 8px 15px;
    vertical-align: middle; 
}

.footer_social i { color:#fff; font-size:15px  }
 
.footer_social, .footer_links {margin-left:0; padding:0; -webkit-padding-start:0px !important; -webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important;}

.footer_links li {
    display: inline-block;
    list-style: none; border-right:1px solid #ecc493; padding: 0 8px;
 }
 .footer_links li:first-child {margin-left:0; padding-left:0}
 .footer_links li:last-child { border:none;}
.footer_links li a {  color:#fff;  font-size:13px; }

.copyright { text-align: left; padding:20px 0; }
.copyright a {color:#111b20;}
/*-------------- extra ----------------*/
.button {background:#b49e65 !important; font-family: 'Raleway', sans-serif; !important; font-size:1em !important; text-transform: uppercase;}
a.yellow { color: #fff !important;  }
.openSans { font-family: 'Raleway', sans-serif;; }

.logo img { margin: 30px 10px 10px 0px; }
.wsLogo img{ display:block; margin: 35px 00px 0px 0; float:right;   }

.slider { margin-top:10px; }
.slider a { font-family: 'Raleway', sans-serif;; font-size:1.2em; margin:1px 0; }
.slider h3 a{ font-family: 'tfarrowmedium'; font-size:2.2em;  }

 

.featured h2 { font-family: 'tfarrowmedium'; letter-spacing:1px; text-align:center; text-transform:uppercase; font-size:36px; color:#111b20; margin:10px 0;  }
.featured div {display:block; min-height:249px; position:relative; }
.thumb_link { background:#16211e; display:block;  padding:15px 0 15px 0px; opacity:0.8; position:absolute; bottom:0; width:100%;  font-family: 'tfarrowmedium'; } 
.thumb_link a { display: block; color:#fff; margin:0 15px; font-size:14px; letter-spacing:0.8px;  }
.thumb_link a.txt { font-size: 15px;   }
.thumb_01 { background: url('../img/home_thumb_01.jpg') no-repeat; }
.thumb_02 { background: url('../img/home_thumb_02.jpg') no-repeat; }
.thumb_03 { background: url('../img/home_thumb_03.jpg') no-repeat; }


.homeThumb div { margin: 0 13px 10px 0; }
.homeThumb div:last-child { margin: 0 0px; }
.homeThumb h4 { position:absolute; margin:-69px 0 0px 0; z-index: 9999;display:block; width:348px; opacity:0.9}


.real_weddings_thumb_03 { background: url('../img/real_weddings_thumb_03.jpg') no-repeat; }
.real_wed div{ margin:0 4px 0;}

/* -- */
.real_weddings { margin:20px 0 }

/* -- */
.resort_title { background:#16211e;  font-family: 'tfarrowmedium'; font-size:1.5em; color:#fff; text-align:center; opacity:0.8; position:absolute; z-index:9999;   padding:10px; margin:-20px auto 0 auto; right:40%;}

.full_width_cont,.resort_cont{ text-align:center; width:65%; margin:0 auto; color:#111b20; font-size:1.1em !important;   }
.resort_cont h2 { font-size:1.7em !important;   }
h2.subhead { font-size:1.7em !important; border-top: 1px solid #a29061; margin-top:20px; }
.full_width_cont { margin-bottom:20px; }
.half_content { font-size:1em !important;  }
.half_content ul li{ margin:0 0px 20px 0 !important; text-align: justify; }
.full_width .half_content { width:40% !important; margin:0 40px;  font-size:1.05em !important; text-align: justify; }
.full_width_half  {width:90%; margin:0 auto; }

.copyright {color:#111b20}


 .accordion {
         background-color: #eee;
         color: #444;
         cursor: pointer;
         padding: 18px;
         width: 100%;
         border: none;
         text-align: left;
         outline: none;
         font-size: 15px;
         transition: 0.4s; text-align:center;     margin-left: -4px;
    margin-bottom: 5px;
         }
         .accordion:hover {
         background-color: #ccc; 
         }
         .panel {
         padding: 0 18px;
         display: none;
         background-color: white;
         overflow: hidden;
         }