@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Inter:ital,wght@0,100..900;1,100..900&display=swap');
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{
    display:block
}
body{
    line-height:1
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:"";
    content:none
}
abbr[title],dfn[title]{
    border-bottom:1px dotted #ccc;
    cursor:help
}
sub{
    vertical-align:sub;
    font-size:smaller
}
sup{
    vertical-align:super;
    font-size:smaller
}
cite{
    font-style:normal
}
:focus{
    outline:0
}
abbr,acronym{
    cursor:help
}
ins{
    text-decoration:none
}
del{
    text-decoration:line-through
}
table{
    border-collapse:collapse;
    border-spacing:0
}
caption,th{
    text-align:left
}
th,td{
    vertical-align:top
}
.sans-serif{
    font-family:"Lato","Gill Sans","Gill Sans MT","Myriad Pro",Myriad,Frutiger,Arial,sans-serif
}
.sans-serif-ornate{
    font-family:"adobe-jenson-pro-caption",serif
}
html{
    -webkit-text-size-adjust:none
}
body{
    font-weight:normal;
    font-size:87.5%;
    line-height:1.2857em;
    font-family:"Lato","Gill Sans","Gill Sans MT","Myriad Pro",Myriad,Frutiger,Arial,sans-serif;
    color:#333;
    background:#fff
}
h1,h2,h3,h4,h5,h6{
    margin-bottom:18px;
    line-height:18px;
    font-weight:normal;
    color:#6a4c4d
}
h1{
    font-size:28px;
    line-height:28px;
    font-weight:500
}
h2{
    font-size:26px;
    line-height:34px;
    font-weight:500
}
h3{
    font-size:22px;
    line-height:24px
}
h4{
    font-size:20px
}
h5{
    font-size:18px;
    margin-bottom:8px
}
small{
    font-size:12px
}
large{
    font-size:16px
}
h2 span{
    font-size:18px;
    color:#333
}
::-webkit-selection{
    background:#f4e9e1;
    color:#6a4c4d;
    text-shadow:none
}
::-moz-selection{
    background:#f4e9e1;
    color:#6a4c4d;
    text-shadow:none
}
::selection{
    background:#f4e9e1;
    color:#6a4c4d;
    text-shadow:none
}
#mainsection img,#slideshow img,#mainsection object,#slideshow object,#mainsection video,#slideshow video{
    border:0;
    max-width:100%
}
img{
    border:0;
    -ms-interpolation-mode:bicubic;
    vertical-align:middle
}
.ie7 img{
    -ms-interpolation-mode:bicubic
}
ol,ul,dl,p{
    margin-bottom:18px
}
#mainsection ul{
    list-style:bullet outside;
    padding:0 0 0 20px;
    margin:0 0 0 18px
}
#mainsection ol{
    list-style:decimal outside;
    padding:0 0 0 20px;
    margin:0 0 0 18px
}
#mainsection ul li,#mainsection ol li{
    padding-left:5px;
    margin-bottom:8px
}
#mainsection ol ol,#mainsection ul ul{
    list-style:none
}
dt,th{
    font-weight:bold
}
dd{
    margin:0;
    font-weight:normal
}
em{
    font-style:normal
}
a{
    text-decoration:none;
    color:#6f2d31;
    cursor:pointer;
    font-weight:normal
}
a:hover{
    text-decoration:underline;
    color:#190a0c
}
#holdme{
    position:relative;
    max-width:95%;
    margin:0 auto;
    clear:both;
    overflow:hidden;
    zoom:1;
    padding:0;
    z-index:2
}
.wrapper{
    position:relative;
    margin:0 auto;
    clear:both;
    height:1%;
    padding:0;
    z-index:3;
    overflow:hidden;
    zoom:1
}
.wrapper:after{
    content:".";
    display:block;
    clear:both;
    width:0;
    height:0;
    visibility:hidden
}
#logo{
    text-indent:-99999px;
    display:block;
    line-height:90px;
    margin:0 auto
}
#logo a{
    display:block;
    line-height:90px;
    background:url(../img/logos/shawend.svgz) 50% 50% no-repeat;
    margin:0 auto
}
.no-svg #logo a{
    background:url(../img/logos/shawend.svgz) 50% 0 no-repeat
}
@media screen and (min-width:1px) and (max-width:579px){
    #logo a{
        width:90%;
        background-size:100% auto;
        margin:5% auto
    }
}
@media screen and (min-width:580px){
    #logo a{
        width:520px;
        height:90px;
        margin:36px auto;
        position:relative;
        display:block
    }
}
#navigation{
    overflow:hidden;
    position:relative;
    zoom:1;
    margin-bottom:36px
}
#navigation ul{
    position:relative;
    text-align:center;
    padding:0;
    margin:0 auto;
    border-top:1px solid #d8d8d8;
    border-bottom:0
}
#navigation li{
    position:relative;
    display:inline-block;
    margin:0;
    padding:0;
    width:100%
}
#navigation li a{
    display:block;
    margin:0;
    font-size:16px;
    text-align:center;
    line-height:18px;
    padding:12px 0;
    font-weight:500;
    border-bottom:1px solid #d8d8d8
}
#navigation li:hover a,#navigation li.active a{
    color:#190a0c;
    text-decoration:none
}
#navigation li.active a{
    background:#6a4c4d;
    color:#fff
}
#slideshow{
    overflow:visible;
    position:relative;
    zoom:1;
    margin-bottom:18px;
    z-index:1
}
#mainsection{
    overflow:hidden;
    position:relative;
    zoom:1;
    margin:0 auto 18px auto
}
#mainsection .column{
    margin-bottom:18px
}
#mainsection .column h3.feature{
    padding:16px 0 14px 0;
    border-bottom:1px solid #231f20;
    margin:0 0 18px 0
}
#mainsection .column .column-content{
    position:relative;
    overflow:hidden;
    zoom:1;
    padding-bottom:0
}
#mainsection .column.last{
    margin-right:0;
    overflow:hidden;
    zoom:1
}
#mainsection .column.last .column-content{
    margin:5px 15px 5px 15px;
    overflow:hidden;
    position:relative
}
#mainsection .column .column-content img{
    float:left;
    clear:both
}
#mainsection .column .column-content ul,#mainsection .column .column-content ol{
    padding:0 0 0 5px;
    margin-bottom:18px
}
.highlight{
    background:#f4e9e1
}
#mainsection .highlight h3{
    padding:16px 0 14px 0;
    border-bottom:1px solid #231f20;
    margin:0 15px 18px 15px
}
#contact h4{
    margin-bottom:8px;
    font-size:18px
}
#contact a h4{
    text-align:center;
    background:#f4e9e1;
    line-height:42px;
    display:block
}
#contact a:hover h4{
    background:#6a4c4d;
    color:#fff;
    text-decoration:none
}
#contact a:hover{
    text-decoration:none
}
#mainsection .column .column-content ul.navigation-supp{
    list-style:none;
    margin:0;
    padding:0
}
#mainsection .column .column-content ul.navigation-supp li{
    margin-bottom:0;
    padding:0;
    font-size:16px;
    margin:12px 0
}
#mainsection .column .column-content ul.navigation-supp li a{
    font-weight:500
}
#mainsection .column.last .aside-thumb{
    border-top:12px solid #fff;
    background:#fff
}
#mainsection .column .column-content ul.listing{
    list-style:none;
    margin:0;
    padding:0
}
#mainsection .column .column-content ol.listing{
    list-style:none;
    margin:36px 0 18px 0;
    padding:0
}
#mainsection .column .column-content ul.listing li,#mainsection .column .column-content ol.listing li{
    margin-bottom:24px;
    padding:0
}
#mainsection .column .column-content ul li.listing p,#mainsection .column .column-content ol li.listing p{
    margin-bottom:12px
}
#mainsection .column.two img{
    margin-bottom:18px
}
#mainsection .column.two .listing img{
    float:left;
    margin:0 20px 28px 0
}
#mainsection .column.two .listing a img{
    border:1px solid #fff
}
#mainsection .column.two .listing a:hover img{
    border:1px solid #6a4c4d
}
#mainsection .column .column-content #related{
    position:relative;
    overflow:hidden;
    zoom:1;
    margin-top:36px
}
#mainsection .column .column-content #related h4{
    border-bottom:1px solid #d8d8d8;
    padding-bottom:12px
}
#mainsection .column .column-content #related ol.listing{
    margin-top:26px
}
#home .listing img{
    margin:4px 15px 2px 0
}
#home .listing h4,#home .listing h4 a{
    font-size:16px;
    margin-bottom:2px
}
.listing h4{
    margin-bottom:10px
}
.listing .date{
    color:#6a4c4d;
    font-size:12px;
    display:block;
    margin-bottom:2px
}
.listing p{
    margin:0
}
p.date{
    margin:0 0 8px 0;
    color:#6a4c4d
}
p.date span{
    margin-left:5px;
    display:inline-block;
    color:#333
}
a.more{
    display:inline-block;
    margin:8px 0 18px 0;
    font-weight:normal;
    font-family:"adobe-jenson-pro-caption",serif
}
.pager{
    overflow:hidden;
    zoom:1;
    position:relative;
    margin:36px 0 0 0;
    float:left;
    clear:both;
    width:100%
}
.pager-left{
    float:left;
    display:inline-block
}
.pager-right{
    float:right;
    display:inline-block
}
#newswrap{
    width:100%;
    overflow:hidden;
    zoom:1;
    clear:both;
    float:left
}
#mainsection .column.two .column-content ul.listing li,#mainsection .column.two .column-content ol.listing li{
    border-bottom:1px solid #d8d8d8;
    padding-bottom:0;
    margin-bottom:18px;
    overflow:hidden
}
#rss a{
    overflow:hidden;
    zoom:1;
    line-height:24px;
    padding-left:35px;
    background:url(../img/icons/social-rss.png) 0 50% no-repeat;
    display:block
}
#mainsection .column .column-content ul.categories{
    margin:0;
    padding:0;
    list-style:none;
    margin-bottom:12px
}
#mainsection .column .column-content ul.categories li a{
    font-size:16px;
    margin-bottom:5px;
    display:inline-block
}
#mainsection .column .column-content ul.categories li,#mainsection .column .column-content ol.categories li{
    margin:0;
    padding:0
}
#mainsection .column .column-content ul.categories li li,#mainsection .column .column-content ol.categories li li{
    margin-bottom:0
}
#mainsection .column .column-content ul.categories li ul{
    margin:4px 0 0 0
}
#mainsection .column .column-content ul.categories li ul li a{
    font-size:14px
}
#mainsection .column .column-content ul.categories li a.active{
    font-weight:bold
}
.viewall{
    display:inline-block;
    margin-bottom:12px;
    font-size:13px
}
#footer{
    padding:18px 0 0 0;
    margin:0 auto;
    border-top:1px solid #737477;
    overflow:hidden;
    position:relative;
    color:#452d2f;
    font-weight:500
}
#footer p{
    margin-bottom:0;
    line-height:25px;
    width:100%
}
#footer p#siteby{
    color:#999;
    font-weight:normal;
    margin-top:15px
}
#footer p#siteby a{
    color:#999;
    font-weight:normal
}
.footer-social{
    overflow:hidden;
    zoom:1;
    margin:18px 0
}
.social a,.service{
    width:40px;
    height:40px;
    float:left;
    line-height:40px;
    margin:0 10px 0 0;
    background-position:50% 50%;
    background-repeat:no-repeat;
    text-indent:-99999px
}
#twitter a{
    background-image:url(../img/icons/social-twitter.png)
}
#facebook a{
    background-image:url(../img/icons/social-facebook.png)
}
#tripadvisor a{
    background-image:url(../img/icons/social-tripadvisor.png)
}
#googleplus a{
    background-image:url(../img/icons/social-googleplus.png)
}
#freewifi{
    background-image:url(../img/icons/free-wifi.png);
    width:58px
}
.footer-rating{
    overflow:hidden;
    zoom:1;
    margin:18px 0
}
input,select{
    vertical-align:middle
}
input[type="radio"]{
    vertical-align:text-bottom
}
input[type="checkbox"]{
    vertical-align:bottom;
    *vertical-align:baseline
}
input[type=button],input[type=submit],button{
    cursor:pointer
}
button{
    width:auto;
    overflow:visible
}
.form-text{
    padding:6px 8px;
    font-size:12px;
    background:#f4e9e1;
    border:1px solid #f4e9e1;
    color:#6f2d31;
    margin:0 5px 18px 0
}
.form-text:focus{
    background:#dfd0c5;
    border:1px solid #dfd0c5;
    color:#000
}
#contact_form label{
    display:block;
    margin-bottom:4px
}
#contact_form .input input{
    width:310px
}
#form-content{
    width:100%;
    padding:12px
}
#contact-submit,#booknow a{
    background:#6a4c4d;
    display:inline-block;
    padding:4px;
    font-size:11px;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
    clear:left;
    margin-bottom:18px;
    -webkit-appearance:none;
    border:0;
    text-transform:uppercase;
    font-family:"adobe-jenson-pro-caption",serif;
    text-align:center
}
#contact-submit:hover,#booknow a:hover{
    background:#000;
    color:#fff;
    text-decoration:none
}
#booknow a{
    font-size:18px;
    width:100%;
    padding:18px 0 14px 0;
    margin:0;
    margin-top:12px
}
table{
    border-collapse:collapse;
    border-spacing:none;
    margin-bottom:18px
}
tbody{
    border-top:0
}
thead th{
    color:#fff
}
tr th{
    font-weight:bold;
    text-transform:uppercase;
    background:#6a4c4d;
    padding:8px 12px;
    text-align:left;
    border:1px solid #ccc
}
tr td{
    border:1px solid #ccc;
    padding:8px 12px;
    vertical-align:top
}
.ie6 input{
    vertical-align:text-middle
}
.ie7 img{
    -ms-interpolation-mode:bicubic
}
#booking {
     height: 350px;
}
/*#booking{
    display:none
}
#booking-mobile{
    display:inline;
    clear:both;
    margin:20px 0
}*/
@media screen and (min-width:580px){
    #holdme{
        width:72.8571em;
        background:#fff
    }
    .wrapper{
        position:relative;
        width:70em;
        max-width:100%;
        margin:0 auto;
        clear:both;
        height:1%;
        padding:0
    }
    #mainsection .column{
        float:left;
        width:47.5%;
        margin-right:2.5%
    }
    #mainsection .column.middle{
        margin-left:2.5%;
        margin-right:0
    }
    #mainsection .column.last{
        clear:both;
        width:100%
    }
    #mainsection .column.two{
        width:100%;
        margin-right:0;
        margin-left:0
    }
    #footer{
        padding:28px 0
    }
    #footer p{
        width:64%;
        float:left
    }
    .footer-social{
        float:right;
        width:28%;
        margin:0
    }
    .social a,.service{
        float:right;
        margin:0 0 0 10px;
        line-height:74px
    }
    .footer-rating{
        float:right;
        width:60px;
        margin:0;
        text-align:right
    }
    #navigation ul{
        float:left;
        margin:0 auto;
        width:100%;
        border-top:1px solid #6a4c4d
    }
    #navigation li{
        float:left;
        width:16.6666%
    }
    #navigation li a{
        display:block;
        border-bottom:5px solid #d8d8d8
    }
    #navigation li:hover a,#navigation li.active a{
        border-bottom:5px solid #452d2f
    }
    #mainsection .column .column-content ul.listing li,#mainsection .column .column-content ol.listing li{
        width:80%
    }
    #form-content{
        width:60%
    }
/*
    #booking{
        display:inline;
        width:860px;
        clear:both
    }
    #booking-mobile{
        display:none
    }*/
}
@media screen and (min-width:1050px){
    body{
        background:#fff url(../img/bg/map.jpg) 50% 0 no-repeat;
        min-height:100%;
        background-size:cover
    }
    .ie body{
        background:url(../img/bg/map.jpg) 50% 0 repeat
    }
    #holdme{
        box-shadow:0 0 25px rgba(0,0,0,0.1)
    }
    #mainsection .column{
        width:22.1428em;
        margin-right:25px
    }
    #mainsection .column.middle{
        width:22.1428em;
        margin-right:25px;
        margin-left:0
    }
    #mainsection .column.last{
        width:22.1428em;
        margin-right:0;
        margin-left:0;
        clear:none
    }
    #mainsection .column.two{
        width:46.0714em;
        margin:0 25px 0 0
    }
    #mainsection .column .column-content ul.listing li,#mainsection .column .column-content ol.listing li{
        width:100%
    }
/*
    #booking{
        display:inline;
        width:860px;
        margin:0 60px;
        clear:both
    }
    #booking-mobile{
        display:none
    }*/
}