/*
Theme Name: The Sun Inn by Fuff
Author: Fuff International Ltd
Author URI: http:www.fuffinternational.com
Description: Description
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-sun-inn-by-fuff
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {font-family: "Gill Sans Light"; font-weight: normal; -webkit-text-size-adjust: 100%;-ms-text-size-adjust:     100%;}
body {margin: 0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn{font-style: italic;}
h1 {font-size: 2em;margin: 1.4em 0 0;}
h2 {font-size: 1.8em;margin: 1.4em 0 0;}
h3 {font-size: 1.4em;margin: 1.4em 0 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
i{font-style: normal}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,button,input,select,
textarea {	color: #404040;font-family: "Gill Sans Light"; font-weight: normal; font-size: 16px;font-size: 1rem;line-height: 1.5;}
h1,h2,h3,h4,h5,h6 {clear: both;font-weight: normal;text-transform: uppercase;}
h1.entry-title, h2, h3{color: #ed6960; letter-spacing: 3px;}
p {margin-bottom: 1.5em;color: #888;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code,kbd,tt,var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;font-size: 0.9375rem;}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
mark,ins {background: #fff9c0;text-decoration: none;}
big {font-size: 125%;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body.admin-bar .top-link{top: 80px;} 
body.admin-bar .cd-primary-nav-trigger{top: 70px;}
html{margin :0px; padding: 0px;box-sizing: border-box;}
body{background: #faf9f1; margin :0px; padding: 0px; box-sizing:border-box; margin-bottom: 100px;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
ul,ol {margin: 0;}
ul {list-style: none;}
ol {list-style: decimal;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
img {height: auto; /* Make sure images are scaled correctly. */max-width: 100%; /* Adhere to container width. */}
table {margin: 0 0 1.5em;width: 100%;}


/*--------------------------------------------------------------
# Dropdown Navigation
--------------------------------------------------------------*/

html, body {height: 100%;}
.cd-header {position: absolute;top: 0;right: 20px;height: 50px;z-index: 3;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

@media only screen and (min-width: 768px) {
  .cd-header {height: 80px;background: transparent;box-shadow: none;}
}

.cd-primary-nav-trigger {position: fixed;right: 40px;top: 40px;height: 90px;width: 90px;border-radius: 55px;}
.cd-primary-nav-trigger .cd-menu-text {color: white;text-transform: uppercase;font-weight: 700;font-size: 13px;}
.cd-primary-nav-trigger .cd-menu-icon {display: inline-block; position: absolute;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); width: 46px; height: 5px;background-color: #ed6960 ;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;transition: background-color 0.3s;}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after { content: '';width: 100%;height: 100%; position: absolute; background-color: #ed6960; right: 0;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;-moz-transition: -moz-transform .3s, top .3s, background-color 0s;transition: transform .3s, top .3s, background-color 0s;}
.cd-primary-nav-trigger .cd-menu-icon::before {top: -14px;}
.cd-primary-nav-trigger .cd-menu-icon::after {top: 14px;}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {background-color: rgba(255, 255, 255, 0);}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { background-color: background-color: #ed6960;}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before { top: 0;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg); transform: rotate(135deg);}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg);transform: rotate(225deg);}
.cd-primary-nav-trigger {width: 65px;padding-left: 0em; height: 65px;line-height: 30px;}
.blog .cd-primary-nav-trigger .cd-menu-icon::before, .blog .cd-primary-nav-trigger .cd-menu-icon:after, .blog .cd-primary-nav-trigger .cd-menu-icon {background-color: #ffffff;}
.single-post .cd-primary-nav-trigger .cd-menu-icon::before, .single-post .cd-primary-nav-trigger .cd-menu-icon:after, .single-post .cd-primary-nav-trigger .cd-menu-icon {background-color: #60888c;}

.blog .top-link a, .blog .top-link li{color: #fff}
.single-post .top-link a, .single-post .top-link li{color: #60888c}
.blog .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before,  .blog .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after{background-color: #ed6960;}

.menu-is-open .cd-primary-nav-trigger{border:0px double #fff;}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {background-color: rgba(255, 255, 255, 0);}
.cd-primary-nav-trigger .cd-menu-text {display: none;}
.cd-primary-nav-trigger .cd-menu-icon {left: auto;right: 1em;-webkit-transform: translateX(0) translateY(-50%);-moz-transform: translateX(0) translateY(-50%);-ms-transform: translateX(0) translateY(-50%);-o-transform: translateX(0) translateY(-50%);transform: translateX(0) translateY(-50%);}
.cd-primary-nav {/* by default it's hidden - on top of the viewport */ position: fixed; right: 0; top: 0;height: auto;width: 350px;background: #ffe382;background: rgba(255,224,114,.9);z-index: 21;text-align: center;padding: 50px 0 30px!important;-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: auto;/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */-webkit-overflow-scrolling: touch;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%); -webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
.cd-primary-nav ul{margin: 20px 0px!important;padding: 0px!important;}
.cd-primary-nav li { font-size: 22px;font-size: 1.575rem;font-weight: 100; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: .3em 0;text-transform: uppercase;}
.cd-primary-nav li.current_page_item a{border: 2px solid #ed6960;} 
.cd-primary-nav li a {display: inline-block;padding: 1px 12px 1px;-webkit-transition: background 0.2s;-moz-transition: background 0.2s;transition: background 0.2s;text-decoration: none;color: #ed6960!important}
.cd-primary-nav li a:hover {border: 1px solid #ed6960;padding: 0px 12px 0px}
.cd-primary-nav li.current_page_item a:hover{border: 2px solid #ed6960; padding: 1px 12px 1px}
.cd-primary-nav.is-visible {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.cd-primary-nav {padding: 80px 0;}
.cd-primary-nav img{width: 30px;}
.cd-primary-nav a img,  .cd-primary-nav a:hover img, .cd-primary-nav img a:hover{padding: 0px 6px!important; margin: 0px!important; border: 0px!important;}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {color: #ed6960;outline:none}
a:visited {color: #ed6960;}
a:hover,a:focus,a:active {color: #ed6960;}
a:focus {outline:none}
a:hover,a:active {outline: 0;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,
.site-content:after,.site-footer:before,.site-footer:after {content: "";display: table;table-layout: fixed;}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {clear: both;}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers. */
embed,iframe,object {max-width: 100%;}

/*--------------------------------------------------------------
# CUSTOM COMMON
--------------------------------------------------------------*/
.inner{border-width: 63px; border-style: solid; border-color: #ffffff; -moz-border-image: url('https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -webkit-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -o-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat;
height: 60px; position: relative; padding: 0px; margin: 5px 15px 5px; transition: all 0.4s ease;}
.blog .inner{-moz-border-image: url('https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-4.png') 109 115 114 111 repeat; -webkit-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-4.png') 109 115 114 111 repeat; -o-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-4.png') 109 115 114 111 repeat; border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-4.png') 109 115 114 111 repeat;
height: 30px; position: relative; padding: 0px; margin: 5px 15px 5px;}
.single-post .inner{-moz-border-image: url('https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-5.png') 109 115 114 111 repeat; -webkit-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-5.png') 109 115 114 111 repeat; -o-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-5.png') 109 115 114 111 repeat; border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-5.png') 109 115 114 111 repeat;
height: 30px; position: relative; padding: 0px; margin: 5px 15px 5px;}
.inner.sticky{height: 0px;}
.logo{width: 100%;/* width: calc(100% - 126px); */text-align: center;margin-top: 35px;position: absolute;z-index: 1;}
.logo img{max-width: 350px; height: auto; transition: all 0.4s ease; -webkit-transition: 0.4s all ease;}
.logo.sticky img{max-width: 250px; height: auto;  transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: 0.4s all ease;}
.home .logo img{max-width: 350px;}
.top-link{letter-spacing: .5px; text-transform: uppercase; font-size: 1em; position: fixed; color: #ed6960; line-height: 1.9em; top: 45px; left: 70px; z-index: 20; font-weight: 900;}
.top-link li{margin: 0px; padding: 0px;}
.top-link ul{margin: 0px; padding: 0px; list-style: circle}
.top-link li ul li{display: none;}
.top-link li:hover ul li{display: block;}
.top-link li a{text-decoration: none;}
.top-link li li a{text-decoration: underline;}
.hamburger{width: 50px; height: 50px; position: fixed; right: 60px; top: 80px; display: inline-block;z-index:  30;}
.content-area{text-align: center!important;}
.body-copy{text-align: center; letter-spacing: .5px; text-transform: none; font-size: 1.15em; max-width: 800px; margin: auto; line-height: 1.4em; color: #666;color: #ed6960;/* font-weight: 100; */ margin: 0px auto 80px; padding-top: 40px;}
.home .body-copy a{display: block}

.full-illustration img, .full-illustration-footer img{margin: auto; max-width: 900px; text-align: center}
.full-illustration-footer{margin: 0px auto -50px; text-align: center;}
.full-illustration-footer img{ margin: auto; height: auto!important; width: 100%;max-width: 900px; text-align: center}
.footer{text-align: center; letter-spacing: .5px; text-transform: none; font-size: .95em; font-weight: 400; color: #ed6960;margin-top: 30px;}
.footer .bottom-logo img{margin-bottom: 30px;}
.footer .social{margin-top: 30px;margin-bottom: 20px;} 
.footer .social img{width: 30px; margin: 0px 6px;}
.footer .small{font-size: .73em;margin-bottom: 40px;line-height: 2em;}
.footer .small a{color: #ed6960;}
.footer .signup a{background-color: #ed6960;padding: 8px 35px 8px; text-transform: uppercase; color: #fff; text-decoration: none; margin-top: 30px; display: inline-block;}
.footer-menu{margin-top: 50px;}
.footer-menu ul{margin: 0px; padding: 0px;}
.footer-menu li{display: inline-block; text-transform: uppercase; font-size: .8em; margin: 0px;  padding: 0px;}
.footer-menu li a{text-decoration: none; margin: 0px; border-right: 1px solid; padding: 0px 6px 0px 4px;}
.footer-menu li:last-of-type a{border-right: 0px solid;}
.footer-menu li.current-menu-item a{text-decoration: underline;}
iframe{margin: auto!important; max-width: 90%; text-align: center;padding:  40px; box-sizing:border-box}
.page-id-1193 iframe{margin: auto!important; max-width: 100%; text-align: center;padding: 0px; box-sizing:border-box}
.page .entry-content{margin-bottom: 50px;}
.page-id-49 .entry-content{margin-bottom: 20px;}
.page .entry-content ul{margin:0px; padding: 0px;}
.page-id-10 .entry-content ul{margin:0px 0px 100px; padding: 0px;}
.page .std-page .entry-content img{border: 10px solid #fff; box-shadow: 1px 2px 3px #999; width: 70%; max-width: 700px;}
.mobile{display: none;}

/*--------------------------------------------------------------
## Pop Ups etc
--------------------------------------------------------------*/
.white-popup {position: relative; background: #FFF; padding: 6px; width: auto; max-width: 500px; margin: 10px auto; box-shadow: 0px 0px 5px #ccc;}
.white-popup .inner{text-align: center; border-width: 30px; -moz-border-image: url('https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -webkit-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -o-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 fill repeat; height: auto!important; margin: 0px }
.white-popup img{width: 60%}
.white-popup h2{ font-weight: normal;}
.white-popup .button{display: block; border: 1px solid; background-color: #ed6960; color: #fff; margin: 10px; padding: 10px; text-transform: uppercase; text-decoration: none;}
.white-popup a:hover{text-decoration: underline!important;}
.booking-iframe{margin-bottom: 90px;}

/*--------------------------------------------------------------
## Mailchimp Signup
--------------------------------------------------------------*/
#signup h2{margin: 10px auto 20px;}
#signup input{display: block; width: 100%; margin: 15px 0px; padding: 6px 3px; text-align: center; box-sizing: border-box; border: 1px solid #999;}
#signup .button{display: block; width: 100%; padding: 10px; font-size: 1.5em; border: 0px;}
#mc_embed_signup div.mce_inline_error {margin: -10px 0 10px!important; font-weight: normal!important;padding: 0px 0px!important;background: none!important;color: #ff9b7f!important}
#signup input.required.mce_inline_error{border: 1px solid #ff9b7f!important}
#mc_embed_signup .response{font-size: 13px!important; color: #777777}


/*--------------------------------------------------------------
## Secondary Pages
--------------------------------------------------------------*/
.content-area{margin-top:250px;}
.entry-content{width: 80%; max-width: 940px; margin: auto;/* text-transform: uppercase */}
.std-page .entry-content{text-transform: none;}
.entry-content p{font-size: 1em; letter-spacing: .25px;line-height: 1.8em;}
.std-page .entry-content p{font-size: 1em;}
ul.menus{margin: 80px 0px; padding: 0px;}
ul.menus.menus-2{margin: 80px 0px 40px; padding: 0px;}
ul.menus li{text-align: center; list-style: none; margin: 0px; padding: 0px; margin-top: 35px; display: block;}
ul.menus li a{padding: 10px 22px; text-transform: uppercase; font-size: 1.5em; letter-spacing: 1.5px; text-decoration: none;}
ul.menus li a{background-color: #ffe382; background-color: rgba(255,221,130, .9);padding: 10px 40px;}
ul.menus li a:hover{text-decoration: underline}
ul.menus li#post-84 a{background-color: #ff9b7f; color: #fff}
ul.menus li#post-84 a{background-color: #efc3be;color: #fff;}
ul.menus li#post-85 a{background-color: #f7b27d; color: #fff}
ul.menus li#post-788 a, ul.menus li#post-788 a{background-color: #ff9b7f; color: #fff}
ul.menus-2 li a, ul.menus li#post-211 a, ul.menus li#post-87 a, ul.menus li#post-144 a{background-color: #60888c; color: #ffffff}
ul.menus li#post-211 a{background-color: #ff9b7f; color: #fff}
ul.menus li#post-87 a{background-color: #60888c; color: #fff;}
ul.menus li#post-389 a{background-color: #ed6960; color: #ffffff}
.page-id-12 ul.menus{margin-top: 10px}
.food-illustration{width: 300px; margin: 60px auto 0px;}
.page-id-14 ul.gallery{margin: 30px 0px; padding: 0px;}
.page-id-14 ul.gallery li{margin: 0px;padding: 10px; display: inline-block}
#map img{border: 12px solid #fff; box-shadow: 1px 2px 3px #999; width: 70%; max-width: 700px;}
.page-id-16 .content-area ul{margin: 20px auto 10px; padding: 0px;}
.page-id-16 .content-area li{padding: 5px 0px 7px; text-transform: none; font-size: 1.05em; text-decoration: none; color: #999}
.page-id-16 .entry-content h2{margin-top: 80px!important;}
.page-id-20 .content-area{margin-bottom: 80px;}
.page-id-20 .content-area ul{margin: 0px auto 0px; padding: 0px;}
.page-id-20 .content-area li{padding: 5px 0px 2px; text-transform: none; font-size: 1.1em; text-decoration: none; color: #999}
.page-id-20 .contact p{text-transform: uppercase; font-size: 1.15em}
.page-id-20 .contact p a{text-transform: none;}
a.directions-button{background-color: #ed6960;padding: 8px 35px 8px; text-transform: uppercase; color: #fff; text-decoration: none; margin: 10px 10px 40px;; display: inline-block;}
.block{margin-top: 30px;}
.page .entry-content ul.collaborations{width: 100%; text-align: center!important; margin-top: 15px!important;}
.collaborations li{max-width: 30%; display:inline-block; height: auto; background: #fff; margin: 10px;}
.entry-content .collaborations img{box-shadow: 0px 0px!important; width: 90%!important; border: 0px!important;}
.error404 ul.big-nav{text-align: center; box-sizing:border-box; list-style: none; margin: 80px 0px 100px; padding: 0px; height: auto!important;}


/*--------------------------------------------------------------
## Secondary Page Headers
--------------------------------------------------------------*/
.top {background-color: #ff9b7f; background-color: rgba(255,155,127, .95); padding: 10px 0px;position: fixed;width: 100%;top: 0px;z-index: 1000}
.page-id-8 .top{background-color: #ffe382; background-color: rgba(255,227,130, .95)}
.page-id-10 .top{background-color: #ff9b7f; background-color: rgba(255,155,127, .95)}
.page-id-12 .top{background-color: #efc3be; background-color: rgba(239,195,190, .95)}
.page-id-47 .top{background-color: #ffe382; background-color: rgba(255,227,130, .95)}
.page-id-14 .top, .page-id-20 .top{background-color: rgba(247,178,125, .9)}
.blog .top{background-color: #60888c; background-color: rgba(96,136,140, .9)}
.single .top{background: #faf9f1; background-color: rgba(250,249,241, .9)}

/*--------------------------------------------------------------
## Single Menus
--------------------------------------------------------------*/
.single-sun_menu h3{color: #ed6960; margin-bottom: 5px; font-size: 1.3em;}
.single-menus .menu-details{margin-bottom: 00px; padding: 0px!important;}
.single-menus .menu-section{border-bottom: 1px solid #eee; padding: 5px 0px 30px;}
.single-menus .menu-section:last-of-type{border-bottom: 0px solid #eee;}
.single-menus .menu-section p, .single-menus .entry-content p{padding: 0px;margin: 0px;font-size: 1.1em;line-height: 1.5em;text-transform: none;color: #444;}
.single-menus .menu-intro ul{margin: 0px auto 20px;color: #444;padding: 0px;}
.single-menus .menu-intro ul li{margin: 5px 20px 5px;}
.single-menus .menu-section ul{padding: 0px}
.single-menus .menu-section li{color: #444;padding: 4px 10px 8px;font-size: 1.1em;text-transform: none;}
.single-menus .menu-prices{color: #444;display: block;margin-bottom: 10px;font-size: 1.1em;}
.single-menus h1{background-color: #ff9b7f; color: #fff; display: inline-block; padding: 3px 40px;margin: 0px 40px 40px;}
.single-menus.postid-82 h1{background-color: #ffe382; background-color: rgba(255,221,130, .9); color: #ed6960}
.single-menus.postid-84 h1{background-color: #efc3be; color: #ed6960}
.single-menus.postid-85 h1{background-color: #f7b27d; color: #ffffff}
.single-menus.postid-86 h1{background-color: #f7b27d; color: #ed6960}
.single-menus.postid-144 h1{background-color: #60888c; color: #fff}

/*--------------------------------------------------------------
## Single bedrooms
--------------------------------------------------------------*/
.single-bedrooms h1{background-color: #efc3be; color: #ed6960; display: inline-block; padding: 3px 40px;margin: 30px 40px 0px;;}
.single-bedrooms h3.bedrooms-title{font-size: 1em;}
.single-bedrooms .owl-carousel{margin-bottom: 60px!important;}
.single-bedrooms .allnews{display: inline-block; margin: 30px auto 70px; border: 1px solid #ed6960; color: #ed6960; padding: 8px 30px; font-size: 1.4em; text-decoration: none;}

/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/
.owl-carousel{max-width: 600px; margin: 40px auto 20px; border: 12px solid #fff; box-shadow: 1px 2px 3px #999; box-sizing: border-box}
.owl-carousel-bed{max-width: 440px; height: auto!important; margin: 10px auto 20px; border: 7px solid #fff; box-shadow: 1px 2px 3px #999;display: none!important;}
.owl-carousel .slide{max-width: 600px; margin-bottom: -5px;}
.single-bedrooms .owl-carousel-bed{max-width: 700px; margin: 40px auto 20px; border: 7px solid #fff; box-shadow: 1px 2px 3px #999;}
.owl-carousel-bed .slide{max-width: 440px; height: auto!important}
.single-bedrooms .owl-carousel .slide{max-width: 800px; }
.owl-carousel-bed .slide img{height: auto!important; margin-bottom: -5px;}
.owl-pagination{position: absolute; width: 100%;}
.owl-pagination{margin-top: 25px;}
.owl-carousel-bed .owl-pagination{margin-top: 20px;}
.owl-page{background-color: #ffe382; width: 12px; height: 12px; border-radius: 10px;display: inline-block; margin: 6px;}
.owl-page.active{background-color: #ff9b7f;}
.owl-carousel-bed.owl-theme .owl-controls .owl-buttons div{color: #ff9b7f!important; font-size: 34px!important;}
.owl-theme .owl-controls .owl-buttons div{color: #ff9b7f!important; font-size: 42px!important;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left: -70px; top: calc(50% - 8%); width: 40px; height: 40px; background: none;
    border: 0px solid #ff9b7f; padding: 0px; color: #ff9b7f!important; opacity: .6;
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{right: -70px;top: 50%; top: calc(50% - 8%);width: 40px;height: 40px;background: none;
    border: 0px solid #ff9b7f;padding: 0px;color: #ff9b7f!important; opacity: .6;
}
.owl-carousel-bed.owl-theme .owl-controls .owl-buttons .owl-prev{left: -70px; top: calc(50% - 14%);}
.owl-carousel-bed.owl-theme .owl-controls .owl-buttons .owl-next{right: -70px; top: calc(50% - 14%);}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover, .owl-theme .owl-controls .owl-buttons .owl-next:hover{opacity: 1;}
.owl-theme .owl-controls .owl-buttons .owl-prev.disabled, .owl-theme .owl-controls .owl-buttons .owl-prev.disabled:hover,
.owl-theme .owl-controls .owl-buttons .owl-next.disabled, .owl-theme .owl-controls .owl-buttons .owl-next.disabled:hover{opacity: .2; cursor: default!important; background: none;border: 0px solid #ff9b7f; color: #ff9b7f!important;}



/*--------------------------------------------------------------
## HOMEPAGE
--------------------------------------------------------------*/
.home .top{height:  100%;height: 100vh; padding-top: 10px;background-color: #ffe382; box-sizing: border-box; position: relative;}
.top-front{position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%)}
.home .full{height: 100vh; position: relative;width:  100%;/* display:  none; */}
.full.mobile{display: none;}
.home .inner, .home .inner.sticky{height: auto; height: calc(100vh - 160px);}
.home .logo{margin-top: 6em;}
ul.big-nav{text-align: center; box-sizing:border-box; list-style: none; margin: 0px; padding: 0px; padding-top: 5%; z-index: 1; height: 80%; height: calc(100vh - 200px);}
.big-nav li{text-align: center; list-style: none; margin: 0px; padding: 0px; margin-top: 2.1%; display: block;}
.big-nav li a{background-color: #eee; padding-top: 5px!important; padding-bottom: 7px!important;text-transform: uppercase; font-size: 1.9em; text-decoration: none; color: #fff;}
.big-nav li a:hover{text-decoration: underline}
.big-nav li.zero a{background-color: #ffe382; background-color: rgba(255,221,130, .9); padding: 10px 40px;}
.big-nav li.zero a:hover{background-color: #ffe382; background-color: rgba(255,221,130, 1)}
.big-nav li.one a{background-color: #ff9b7f; background-color: rgba(255,155,127, .9); padding: 10px 70px;}
.big-nav li.one a:hover{background-color: #ff9b7f; background-color: rgba(255,155,127, 1)}
.big-nav li.two a{background-color: #efc3be; background-color: rgba(239,195,190, .9); padding: 10px 50px;}
.big-nav li.two a:hover{background-color: #efc3be; background-color: rgba(239,195,190, 1)}
.big-nav li.three a{background-color: #f6b888; background-color: rgba(247,178,125, .9); padding: 10px 40px;}
.big-nav li.three a:hover{background-color: #ffe382; background-color: rgba(247,178,125, 1)}
.big-nav li.four a{background-color: #ed6960; background-color: rgba(237,105,96, .9); padding: 10px 40px;}
.big-nav li.four a:hover{background-color: #ed6960; background-color: rgba(237,105,96, 1)}
.big-nav li.five a{background-color: #60888c; background-color: rgba(96,136,140, .9); padding: 10px 50px;}
.big-nav lii.five a:hover{background-color: #60888c; background-color: rgba(96,136,140, 1)}
.big-nav li div {display: inline; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out;}
.big-nav li a:hover div {opacity: .95; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }
.big-nav li a{background-color: #fff;}
.big-nav li a:hover div{position: absolute; background-size: cover; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1}
.down{margin: -30px auto; width: 100%; text-align: center; -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 4s infinite; -o-animation: bounce 4s infinite; animation: bounce 4s infinite;}
@-webkit-keyframes bounce {0%, 100%{transform: translateY(0);} 50% {transform: translateY(10px);}} 
@-moz-keyframes bounce {0%, 100%{transform: translateY(0);} 50% {transform: translateY(10px);}}
@-o-keyframes bounce {0%, 100%{transform: translateY(0);} 50% {transform: translateY(10px);}}
@keyframes bounce {0%, 100%{transform: translateY(0);} 50% {transform: translateY(10px);}}
.down img{height: 50px;}
.home .sun-illustation{width: 100%; text-align: center; margin-top: 18%}
.home .sun-illustation img{width: 70%; max-width: 600px;}
.intro-text{text-align: center; line-height: 1.5em;margin: 50px auto; width: 40%; max-width: 400px; padding: 0px 20px; text-transform: uppercase; font-size: 1em; color: #ed6960; border-width: 23px; border-style: solid; -moz-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -webkit-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -o-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 fill repeat;}
.home .full-illustration{margin: -80px auto -50px!important;width: 100%;/* margin-top: -80px!important; *//* margin-bottom: 100px!important; */z-index: -2000;text-align: center;position: absolute;}
.home .full-illustration.footer{display: none}
.fp-auto-height h3{text-align: center; letter-spacing: .8px; text-transform: none; font-size: 1.25em; font-weight: normal; max-width: 450px; margin: auto; line-height: 1.4em; color: #ed6960; margin: 10px auto 60px; text-transform: uppercase;}


/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/
.blog .content-area ul{margin: 80px auto; padding: 0px; max-width: 900px; color: #888 }
.blog .content-area ul li ul{margin: 30px auto; line-height: 1.5em}
.blog li.article{border-top: 1px solid #60888c; position: relative; padding: 80px 10px 90px; margin: 15px; min-height: 300px;}
.blog .page-header h1{color: #60888c; letter-spacing: 2px; margin-top: -60px; }
.blog  h2.entry-title{color: #60888c; letter-spacing: 2px; color: #fff; padding: 2px 30px; top: -25px; left: 0px !important;position: absolute; width: 80%; margin: auto; left: 0;
  right: 0; display: inline-block; background-color: #60888c; color: #fff}
.blog  h2.entry-title a{color: #ffffff; text-decoration: none;}
.blog li .post-content-1{float: right; width: 40%; text-align: left; padding: 20px 0px 20px 60px; box-sizing: border-box; color: #60888c!important;/* font-size: 1.2em; */}
.blog li .post-content-2{float: left; width: 60%;}
.blog li:nth-of-type(2) .post-content-1{float: left; width: 40%; text-align: left; padding: 20px 20px 20px 10px; box-sizing: border-box;}
.blog li:nth-of-type(2) .post-content-2{float: right; width: 60%;}
.blog li img, .single-post .entry-content img{box-sizing: border-box;border: 12px solid #fff; box-shadow: 1px 2px 3px #999; }
.full-illustration-blog{max-width: 1100px; margin: auto}
.single-post h1{display: inline-block; margin: 0px auto 50px; display: inline-block; background-color: #60888c; color: #fff; padding: 8px 30px;}
.single-post .allnews{display: inline-block; margin: 30px auto 70px; border: 1px solid #60888c; color: #60888c; padding: 8px 30px; font-size: 1.4em; text-decoration: none;}
.single-post .entry-content h1{background: none; color: #60888c; margin: 0px; padding: 0px;}
.single-post .entry-content h2{font-size: 1.6em;background: none; color: #60888c; margin: 10px 0px; padding: 0px;}
.single-post .entry-content h3{font-size: 1.2em;background: none; color: #60888c; margin: 10px 0px; padding: 0px;}
.single-post .entry-content a{color: #60888c;}
.single-post .entry-content img{margin-bottom: 30px;}
.single-post .entry-content li, .single-post .entry-content ul{margin: 0px; padding: 0px; color: #777}
.blog .post-content-1 ul{margin: 10px 0px; padding: 0px; color: #777}
.blog .post-content-1 li{margin: 10px 0px; padding: 0px; color: #777}
.blog .post-content-1 h2{margin: 0px; font-size: 1.4em; color: #60888c}
.blog .article a{color: #60888c}
.blog h2, .blog h3, .blog h4{color: #60888c; padding: 0px; margin: 5px;}
.blog h1{color: #60888c; padding: 0px; margin: 30px 5px 10px;;}

/*--------------------------------------------------------------
## Accordion
--------------------------------------------------------------*/
.ui-accordion-content-active, .accordion-header-active, .accordion-content-active{background-color: #ffffff!important; padding: 10px 0px 20px; display: block; width: 80%; margin: auto; max-width: 900px; }
.accordion-header-active{margin-top: -15px!important; }
a.accordion-header-active{padding: 0px 0px 30px!important; margin-top: -20px}
.accordion-content-active{margin-top: -25px!important;}

.ui-accordion-content p{margin: 45px 20px 20px!important;}
.bedroom-name{margin-top: -20px!important;}
.accordion-header-active{border-width: 20px; border-style: solid; -moz-border-image: url('https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -webkit-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -o-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 fill repeat; position: relative; padding: 0px; margin: 0px auto 0px; border-bottom: 0px;}

.accordion-content-active{border-width: 20px; border-style: solid; -moz-border-image: url('https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -webkit-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -o-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 fill repeat; position: relative; padding: 0px; margin: -20px auto 0px; border-top: 0px;}
.ui-accordion-content a.simple{padding: 0px; margin-bottom: 10px!important; display: block;background: none; text-decoration: underline; font-size: 1.2em}
.ui-accordion-content .owl-carousel-bed, .ui-accordion-content p, .ui-accordion-content a.simple{display: none!important}
.accordion-content-active .owl-carousel-bed, .accordion-content-active p, .accordion-content-active a.simple{display: block!important; box-sizing: border-box}

#accordion li:nth-of-type(2) a.bedroom-name, #accordion li:nth-of-type(7) a.bedroom-name{background-color: #ff9b7f;color: #fff; padding: 10px 60px;}
li:nth-of-type(3) a.bedroom-name.ui-accordion-header{background-color: #efc3be; color: #fff; padding: 10px 80px;} 
li:nth-of-type(4) a.bedroom-name.ui-accordion-header{background-color: #f7b27d; color: #fff; padding: 10px 50px;}
li:nth-of-type(5) a.bedroom-name.ui-accordion-header{background-color: #ed6960; color: #fff; padding: 10px 70px;}  
li:nth-of-type(6) a.bedroom-name.ui-accordion-header{background-color: #60888c; color: #fff; padding: 10px 80px;}
li a.bedroom-name.accordion-header-active{color: #ed6960!important }

/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/
@media only screen and (max-width: 1100px) {
.home .sun-illustation img {width: 60%; max-width: 500px;}
}
@media only screen and (max-height: 750px) {
.home .sun-illustation img {width: 60%; max-width: 500px;}
ul.big-nav {padding-top: 2%;}
.big-nav li {margin-top: 20px;}
.home .full-illustration{margin-top: -1%!important;}
}

@media only screen and (max-height: 650px) {
ul.big-nav {padding-top: 1%;}
.home .full-illustration img{max-width: 700px!important; margin-top: 50px;}
.home .sun-illustation img {width: 40%; max-width: 500px;}
}

@media only screen and (max-height: 570px) {
    ul.big-nav {padding-top: 2%;}
    .big-nav li {margin-top: 25px;}
.home .full-illustration img{display: none;}
.home .sun-illustation img {width: 30%; margin-top: 30px; margin-bottom: -30px;}

}


@media only screen and (min-height: 750px) {
.home .full-illustration{margin-top: -70px; }
ul.big-nav {height: calc(100vh - 150px);}
.big-nav li {margin-top: 28px;}
}

@media only screen and (min-height: 880px) {
.big-nav li {margin-top: 38px;}
}



@media only screen and (max-width: 768px) {
h1 {font-size: 1.6em;}
.blog h2{font-size: 1.3em; line-height: 1.25em; padding: 5px 20px!important;}
.blog p{margin: 1em 0em; text-align: center!important}
.blog li.article{padding: 40px 0px 50px;}
.blog li .post-content-2 img {border: 8px solid #fff;}
.logo img{width: 65%; }
.full-illustration img{width: 100%}
.big-nav{margin-top: 100px!important;}
ul.big-nav {padding-top: 5%;}
.big-nav li{margin-top: 5%;}
.big-nav li a{font-size: 1.6em}
.home .logo img{width: 65%!important;}
.home .logo, .home .logo.sticky{margin-top: 100px!important;}
.hide, .desktop{display: none!important;}
.mobile{display: block; text-align: center; padding-top: 10px; font-weight: 700!important;}

.top-link{top: -20px!important;left: -20px!important;position: absolute;margin: 0px;}
.top-link li{list-style: none;}
.top-link a{width: 52px;height: 52px;border: 1px solid #ed6960; background: #ed6960; color: #fff; border-radius: 27px;display: block;overflow: hidden;font-size: 13px;}
.blog .top-link a, .single-post .top-link a{background: none; border: 1px solid #60888c;}
.single-post .top-link a{color: #60888c;}
.cd-primary-nav-trigger {position: absolute;right: -42px;top: -42px;width: 53px;height: 53px;}
.blog .top-link a{border: 1px solid #fff;}  
.cd-primary-nav-trigger .cd-menu-icon {left: auto;right: .75em;}
.hamburger{position: absolute;right: 0px;top: 20px;}
.cd-primary-nav-trigger .cd-menu-icon{width: 42px; height: 4px; }
.cd-primary-nav-trigger .cd-menu-icon::before {top: -13px;}
.cd-primary-nav-trigger .cd-menu-icon::after{top: 13px;}
.cd-primary-nav{width: 100%; height: 100%;}
.cd-primary-nav a{margin: 3px;}
.sun-illustation img{width: 60%;}
.body-copy{letter-spacing: .5px;font-size: 1em;margin: auto;line-height: 1.4em;margin: 0px auto 70px;padding-top: 8%;}
.fp-auto-height h3{max-width: 300px; margin-top: -20px;}
.blog li .post-content-1, .blog li .post-content-1:nth-of-type(2){float: none!important; width: 100%!important; text-align: center!important; padding: 30px 10px 0px 10px; box-sizing: border-box; color: #60888c!important; font-size: 1.0em; text-align: center!important}
.blog li .post-content-2, .blog li .post-content-2:nth-of-type(2){float: none!important; width: 100%!important; }
.blog li .post-content-2 img{max-width: 100%}
.blog li .post-content-2 img, .single-post .entry-content img, .blog li img{box-sizing: border-box;border: 8px solid #fff; box-shadow: 1px 2px 3px #999; margin-top: 40px;}
.blog .page-header h1 {color: #60888c;letter-spacing: 3px;margin-top: -20px;}
.single-post .entry-content h2{font-size: 1.2em;background: none; color: #60888c; margin: 10px 0px 0px; padding: 0px;}
.single-post .entry-content h3{font-size: 1.0em;background: none; color: #60888c; margin: 10px 0px; padding: 0px;}
.owl-buttons{display: none!important}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
.inner{min-height: 45px;}
.inner.sticky{min-height: 0px;}
.home .full-illustration{margin-top: -140px!important;}
.full-illustration-footer img {margin: auto;max-width: 768px;text-align: center;}
.sun-illustation img{width: 400px!important;}
.home .full { height: 100vh; position: relative; width: 100%;}
.body-copy{margin-top: 0px; max-width: 510px;}
.cd-primary-nav{width: 100%; height: 100%;}
.cd-primary-nav ul{margin-top: 100px!important;}
.cd-primary-nav a{margin: 10px;font-size: 1.3em}
.big-nav{margin-top: 0px!important; margin-bottom: -60px!important}
.big-nav li {margin-top: 40px;}
.fp-auto-height h3{max-width: 400px; margin-top: 20px;}
.cd-primary-nav-trigger{position: fixed;right: 45px;top: 35px;height: 90px;width: 90px;border-radius: 55px;}
.big-nav{margin-top: 0px!important;}

}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px)
  and (orientation: landscape) {
.top-front{position: relative; width: 100%; margin-top: 200px;top: 0%;left: 0%;margin-right: 0%;transform: translate(0%, 0%);}
.home .inner, .home .inner.sticky, .home .top, .home .full{height: auto;}
.top-link{top: -25px;left: -10px;position: absolute;margin: 0px;}
.hamburger{position: absolute; right: 0px; top: 0px;}
.cd-primary-nav-trigger {position: absolute!important;right: -50px;top: -30px;height: 71px;width: 71px;}
.cd-primary-nav-trigger .cd-menu-icon{width: 40px; height: 4px;}
.fp-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: 100%!important;}
.top{padding-bottom: 10px;}
.sun-illustation img{max-width: 60%!important;}
.big-nav {margin-top: 30px!important;}
.down{margin-bottom: 30px;}
.full{background-image: url('https://www.thesuninndedham.com/wp-content/uploads/2016/01/SunInn-Oak-Room.jpg'); background-size: cover;background-position: center; height: auto;margin-top: -30px; padding-bottom: 50px;}
ul.big-nav {height: auto; padding-top: 5%;}
.full-illustration{margin-top: 220px!important;position: absolute;margin-bottom: 00px!important;}
.home .full-illustration{margin: auto;width: 100%;margin-top: 280px!important;margin-bottom: 10px!important;z-index: -2000;text-align: center;}
.full-illustration-footer img{margin: auto;max-width: 800px;width: 100%!important}
.fp-auto-height h3 {max-width: 60%;margin-top: 60px;}
.footer {margin-top: 300px;}
.bottom-address span, .bottom-address a{display: block;}
.bottom-address span.spacer{display: none;}
.bottom-address a{margin: 10px auto;}
.top.sticky{top: -200px; transition: all 1s ease;}
.home .top.sticky{top: 0px; transition: all 1s ease;}
.inner, .blog .inner{margin: 0px 10px;border-width: 40px; height: 100px!important;}
.home .inner, .home .blog .inner{height: auto!important; }
}



@media only screen and (max-width: 414px) {
.page-id-1193 ul.gift-vouchers li {min-width: 255px;width: 100%;}
.inner, .blog .inner, .single-post .inner{margin: 0px 10px;border-width: 40px; height: 120px;}
.inner.sticky, .blog .inner.sticky, .single-post .inner.sticky{height: 10px;}
.home .inner{margin: 0px 10px;border-width: 40px; height: calc(100vh - 100px)!important; }
.top-front {position: absolute;top: 55%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.content-area {margin-top: 260px;}
.entry-content{width: 90%; }
.logo{margin-top: 100px;transition: all 0.4s ease;}
.logo img{width: 65%;}
.logo.sticky {margin-top: 20px!important; transition: all 0.4s ease;}
.logo.sticky img{width: 45%;transition: all 0.4s ease;	}
.cd-primary-nav-trigger .cd-menu-icon{width: 33px; height: 3px; }
.cd-primary-nav-trigger .cd-menu-icon::before {top: -10px;}
.cd-primary-nav-trigger .cd-menu-icon::after{top: 10px;}
.sun-illustation img{width: 90%!important;}
.home .full-illustration {margin-top: 80%!important;}
.home.full-illustration img{width: 100%; margin-top: 360px; margin-bottom: 200px!important;}
.full-illustration-footer img{width: 100%; margin-top: -20px; margin-bottom: 40px!important;}
.home .footer{margin-top: 150px;}
.bottom-logo img{width: 60%}
.body-copy {letter-spacing: .5px;font-size: .90em;margin: auto;line-height: 1.35em;margin: 0px auto 70px;padding-top: 8%;}
.fp-auto-height h3 {max-width: 290px;margin-top: 35px;margin-bottom: 40px;font-size: .85em;line-height: 1.7em;text-transform: uppercase;}
.entry-content {max-width: 100%;margin: auto;}
main{width: 90%; margin: auto;}
.white-popup {box-shadow: 0px 0px 0px #ccc;}
.white-popup .inner{margin: 0px 0px; height: auto!important;}
.white-popup h2{font-size: 1em;}
.full{display: block; background-image: url('https://www.thesuninndedham.com/wp-content/uploads/2018/02/1015_SunInn_Feb18-003-lr.jpg')!important; background-size: cover;background-position: center}
.big-nav{margin-top: 0px!important; padding-top: 20%!important}
.error404 .big-nav{padding-top: 5%!important}
.big-nav li{margin-bottom: 30px;}
.bottom-address span, .bottom-address a{display: block;}
.bottom-address span.spacer{display: none;}
.bottom-address a{margin: 10px auto;}
.signup a{margin: 20px auto; padding: 10px 0px;}
.footer .bottom-address a{border: 1px solid; width: 250px; margin: 20px auto; text-decoration: none; padding: 8px 0px;}
.down{margin-top: -50px;}
.owl-carousel {max-width: 95%;margin: 10px auto 20px;border: 8px solid #fff;box-shadow: 1px 2px 3px #999;}
.owl-carousel .slide{margin-bottom: -7px;}
.owl-pagination {margin-top: 25px;}
.ui-accordion-content, .ui-accordion-header, .ui-accordion-content{background-color: #faf9f1 !important; padding: 10px 0px 20px; display: block; width: calc(100%); margin: auto; max-width: 900px; }
.ui-accordion-header{margin-top: -15px!important; }
a.ui-accordion-header{padding: 0px 0px 30px!important; margin-top: -20px!important;}
.ui-accordion-content{margin-top: -25px!important;}
.ui-accordion-content p.p1{margin: 60px 20px 20px!important;}
.bedroom-name{margin-top: -20px!important;}
.ui-accordion-header{box-sizing: border-box; display: block!important;border-width: 28px; -moz-border-image: url('https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -webkit-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -o-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 fill repeat; position: relative; padding: 0px; margin: 0px auto 0px; border-bottom: 0px;}
.ui-accordion-content{box-sizing: border-box;  display: block!important;border-width: 28px; -moz-border-image: url('https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -webkit-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; -o-border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 repeat; border-image: url( 'https://www.thesuninndedham.com/wp-content/themes/the-sun-inn-by-fuff/img/bevel-3.png') 109 115 114 111 fill repeat; position: relative; padding: 0px; margin: -20px auto 0px; border-top: 0px;}
.ui-accordion-content a.simple{padding: 0px; margin-bottom: 10px!important; display: block;background: none; text-decoration: underline; font-size: 1.2em}
.ui-accordion-content .owl-carousel-bed, .ui-accordion-content p, .ui-accordion-content a.simple{display: none!important}
.ui-accordion-content .owl-carousel-bed, .ui-accordion-content p, .ui-accordion-content a.simple{display: block!important; box-sizing: border-box}
li a.bedroom-name.ui-accordion-header {color: #ed6960!important;}
ul.menus li a{font-size: 1.3em; padding:  7px 10px}
.single-menus h1{padding: 9px 30px;margin: 0px 10px 30px;}
.page .std-page .entry-content img {border: 8px solid #fff;width: 100%; box-sizing:border-box}
h1{font-size: 1.3em; letter-spacing: 1px;}
.block h2{font-size: 1.4em;}
#map img {border: 7px solid #fff;width: 90%;}
iframe {max-width: 100%;padding: 0px 0px;}
ul.big-nav {padding-top: 5%;}
.collaborations li{max-width: 70%!important}
 ul.big-nav {padding-top: 2%;}
    .big-nav li {margin-top: 25px;}
.home .full-illustration img{display: block;}
.home .sun-illustation img {width: 30%; margin-top: 40px; margin-bottom: 0px;}
.footer-menu ul{margin: 0px; padding: 0px;}
.footer-menu li{display: block; text-transform: uppercase; font-size: 1em; margin: 20px 0px;  padding: 0px;}
.footer-menu li a{text-decoration: none; margin: 0px; border: 1px solid; padding: 3px 20px 3px 20px;}
.footer-menu li:last-of-type a{border-right: 1px solid;}
.footer-menu li.current-menu-item a{text-decoration: underline;}
.home .footer-menu{display: none;}
}



@media only screen and (max-width: 320px) {
.fp-auto-height h3 {font-size: .8em;margin-top: 35px;margin-bottom: 50px;}
.cd-primary-nav-trigger {position: absolute;right: -40px;top: -40px;}
.logo {margin-top: 28%;}
.home .logo {margin-top: 22%!important;}
.cd-primary-nav li a{font-size: .9em; margin: 0px;}
.sun-illustation{margin-top: 150px; margin-bottom: 0px;}
.sun-illustation img{width: 80%;}
.home .top{padding-top: 8px!important;}
.home .inner{margin: 0px 8px;border-width: 35px!important; height: calc(100vh - 86px);}
.white-popup .inner{margin: 0px 0px;}
.body-copy{font-size: .9em; line-height: 1.35em; padding-top: 18px;}
.top-link{top: -10px;left: -0px;position: absolute;margin: 0px;}
.down{margin-top: -60px;}
.home .full-illustration {margin-top: 90%!important;}
ul.menus li a {font-size: 1.2em; padding: 7px 7px;}
.full-illustration-footer img{width: 95%; margin-top: -20px; margin-bottom: 40px!important;}
.food-illustration {width: 80%;}
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.inner{border: 2px solid #ed6960!important; padding: 60px!important;}
.blog .inner{border: 2px solid #ffffff!important;}
.accordion-header-active {border: 2px solid #ed6960!important; padding: 60px!important;border-bottom: 0px!important;box-sizing:content-box!important;}
.accordion-content-active {border: 2px solid #ed6960!important; padding: 0px 0px 20px!important;border-top: 0px!important;box-sizing:content-box!important;}
.page-id-12 ul.menus li a.accordion-header-active{padding-top: 40px!important}
.top-front{position: relative!important;top: 0%!important;left: 0%!important; margin-right: 0%!important;; transform: translate(0%, 0%)!important;; -ms-transform: translate(0%, 0%)!important;}
.home .sun-illustation {width: 70%!important; margin-left: auto!important;  margin-right: auto!important; }
.full-illustration-footer img{ margin: auto; height: auto!important; width: auto!important;max-width: 900px; text-align: center}
}

/*--------------------------------------------------------------
## GIFT VOUCHERS
--------------------------------------------------------------*/

ul.gift-vouchers li{
    width: calc(33% - 20px);
    min-width: 300px;
    display: inline-block;
    vertical-align: top;

}

.asp_product_item {
    display: block;
    color: #ed6960!important;
    border: none!important;
    box-shadow: none!important;
    margin: 10px!important;
    padding: 25px!important;
    text-align: center!important;
    background-color: #fff;
    min-height: 465px
}

.asp_product_item img{
    border: 0px!important;
    box-shadow: none!important;
    width: 100%!important;
    height: auto!important;
    max-width: 700px;
    margin-bottom: 20px;
    
}

.asp_product_name {
    float: none!important;
    font-size: 20px!important;
    font-weight: normal!important;
    line-height: 28px!important;
}

.asp_product_description {
    margin: 10px 0 10px 0!important;
    border-bottom: 1px solid #ed6960!important;
}

.asp_product_description p{
    color: #ed6960!important;
    margin: -10px auto 10px
}

.stripe-button-custom {
    background: #ed6960!important;
    border: 2px solid #ed6960!important;
    color: #ffffff !important;
    text-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    text-transform: uppercase;
    padding: 5px 10px;
    margin-top: 10px;
    border-radius: 0px!important;
}

.stripe-button-custom:hover{
    background: #fff!important;
    color: #ed6960!important;
    border: 3px solid #ed6960!important;
    text-transform: uppercase;
    padding: 4px 9px;
}

.asp_product_buy_button input, .asp_product_buy_button select {
    display: inline-block;
    line-height: 1;
    padding: 8px 10px;
    height: auto;
    border: 1px solid #ed6960!important;
    color: #ed6960!important;
}


.asp-thank-you-page-msg-wrap{
    background-color: #faf9f1!important;
    border: 6px double #ed6960!important;
    color: #ed6960;
    padding-bottom: 30px!important;
}

.asp-thank-you-page-msg-wrap hr{
    background-color: #faf9f1!important;
    border-top: 1px solid #ed6960!important;
    color: #ed6960;
}

.asp-thank-you-page-msg-wrap p{
    background-color: #faf9f1!important;
    border: 0px solid #ed6960!important;
    color: #ed6960;
    font-weight: bold;
    font-size: 1.2em!important
}

.asp-thank-you-page-msg-wrap div{
    background-color: #faf9f1!important;
    border: 0px solid #ed6960!important;
    color: #ed6960;
    font-size: 1.1em!important
}


.page-id-1400 .button a.button{
    background-color: rgba(255,221,130, .9);
    padding: 10px 40px;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.2em
}

.page-id-1400 .button a.button:hover{
    background-color: #ed6960;
    color: #fff;
}