/*
Theme Name: Fuff-Alma
Author: Fuff International Ltd
Author URI: http://www.fuffinternational.com
Description: The Alma Inn Harwich Custom Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fuff-alma
Tags:

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:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}

div {
    -webkit-box-sizing:border-box!important;
    -moz-box-sizing:border-box!important;
    -ms-box-sizing:border-box!important;
    box-sizing:border-box!important
}

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:700
}

dfn {
    font-style:italic
}

h1 {
    font-size:2.5em;
    margin:0;
    text-transform:uppercase
}

mark {
    background:#ff0;
    color:#000
}

small {
    font-size:80%
}

sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}

sup {
    top:-.5em
}

sub {
    bottom:-.25em
}

img {
    border:0
}

svg:not(:root) {
    overflow:hidden
}

figure {
    margin:1em 40px
}

hr {
    box-sizing:content-box;
    height:0
}

pre {
    overflow:auto
}

code,kbd,pre,samp {
    font-family:monospace,monospace;
    font-size:1em
}

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 silver;
    margin:0 2px;
    padding:.35em .625em .75em
}

legend {
    border:0;
    padding:0
}

textarea {
    overflow:auto
}

optgroup {
    font-weight:700
}

table {
    border-collapse:collapse;
    border-spacing:0
}

td,th {
    padding:0
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,button,input,select,textarea {
    color:#404040;
    font-size:16px;
    font-size:1rem;
    line-height:1.5;
    font-family:TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif
}

h1,h2,h3,h4,h5,h6 {
    clear:both;
    font-weight:400;
    font-family:FTYSKORZHEN
}

h2,h3 {
    font-family:FTYSKORZHEN;
    font-weight:400;
    font-style:normal
}

p {
    margin:0;
    margin-bottom:10px;
    font-size:.95em
}

dfn,cite,em,i {
    font-style:italic
}

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:.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:.9375rem
}

abbr,acronym {
    border-bottom:1px dotted #666;
    cursor:help
}

mark,ins {
    background:#fff9c0;
    text-decoration:none
}

big {
    font-size:125%
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing:border-box
}

*,:before,:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing:inherit
}

body {
    background:#fff
/* Fallback for when there is no custom background color defined. */
}

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 0 1.5em 3em
}

ul {
    list-style:disc
}

ol {
    list-style:decimal
}

li > ul,li > ol {
    margin-bottom:0;
    margin-left:1.5em
}

dt {
    font-weight:700
}

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%
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color:#000
}

a:visited {
    color:#000
}

a:hover,a:focus,a:active {
    color:#000
}

a:focus {
    outline:0
}

a:hover,a:active {
    outline:0
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    display:block;
    width:100%;
    text-align:center;
    font-family:FTYSKORZHEN
}

.main-navigation ul {
    display:none;
    list-style:none;
    margin:0;
    padding-left:0
}

.main-navigation li {
    display:inline-block;
    position:relative;
    padding: 5px 10px;
}

.main-navigation a {
    display:block;
    text-transform:uppercase;
    padding:0;
    border-bottom:0 solid #000;
    font-size: 1.15em;
}

.main-navigation .current-menu-item a {
    text-decoration:none
}

/* Small menu. */
.menu-toggle {
    display:block;
    border:2px solid #b0161c;
	width:90%;
    width:calc(100% - 30px);
    margin:auto;
    box-sizing:border-box
}

.menu-toggle span::before {
    /* content:" Site " */
}

.toggled .menu-toggle {
    display:block;
    border:2px solid #b0161c;
    border-bottom:0;
	width:90%;
    width:calc(100% - 30px);
    margin:auto
}

.toggled .menu-toggle span::before {
    content:" Close "
}

.main-navigation.toggled ul {
    display:block;
    border:2px solid #b0161c;
    border-top:0;
	width:90%;
    width:calc(100% - 30px);
    margin:auto;
    padding-bottom:10px
}

.main-navigation.toggled li {
    display:block;
    padding:10px 0;
    border-top:1px solid #000;
    width:90%;
    margin:auto
}

nav button {
    background-color:#fff;
    font-family:FTYSKORZHEN;
    font-size:1.6em;
    text-transform:uppercase;
    padding:10px;
    text-decoration:underline;
    outline:none
}

@media screen and (min-width: 37.5em) {
.menu-toggle {
    display:none
}

.main-navigation ul {
    display:block
}
}

.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {
    margin:0 0 1.5em;
    overflow:hidden
}

.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {
    float:left;
    width:50%
}

.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {
    float:right;
    text-align:right;
    width:50%
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip:rect(1px,1px,1px,1px);
    position:absolute!important;
    height:1px;
    width:1px;
    overflow:hidden
}

.screen-reader-text:focus {
    background-color:#f1f1f1;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
    clip:auto!important;
    color:#21759b;
    display:block;
    font-size:14px;
    font-size:.875rem;
    font-weight:700;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
/* Above WP toolbar. */
}

/*--------------------------------------------------------------
# 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
}

.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
    clear:both
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-header {
    text-align:center;
    position:relative;
    margin-top:35px
}

header .directions {
    position:absolute;
    left:10px;
    top:0;
    min-width:130px
}

header .bookaroom {
    position:absolute;
    right:10px;
    top:0;
    min-width:130px
}

.site-header .button,.block .button,.wpcf7-submit {
    border:3px double #000;
    display:inline-block;
    padding:4px 8px 0;
    font-family:FTYSKORZHEN;
    text-transform:uppercase;
    font-size:1.1em;
    background-color:#fff
}

.site-header .button:hover,.block .button:hover,.wpcf7-submit:hover {border:3px solid #000;}

.site-content {
    margin:0
}

.site-header .button a,.block .button {
    text-decoration:none
}

.site-title img {
    width:40%;
    margin-bottom:10px
}

.site {
    width:100%;
    max-width:860px;
    margin:auto;
    text-align:center
}

.full {
    width:98%;
    width:calc(100% - 16px);
    min-height:300px;
}

.full.vouchers {
    width:98%;
    width:calc(100% - 16px);
    min-height:75px;
}

.full.block.vouchers {
    border: 5px double!important
}

.page-id-321 .full {
    min-height:200px

}

.full.seasonal{min-height: 100px; height: auto; border: 4px double #b0161c; color: #b0161c}
.full.seasonal h2{font-size: 2.4em; margin: 0px;}
.full.seasonal .button{color: #b0161c; margin-top: 10px;border: 3px double #b0161c}
.full.seasonal .button:hover{border: 3px solid #b0161c}
.full.seasonal p{font-size: 1.1em;}
.page-id-14 .full {
    min-height:100px
}

.intro.full.block {
    min-height:100px;
}

.home .full.top,.half.home-rooms {
    position:relative;
    background:no-repeat center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}

.top.image-title {
    position:absolute;
    color:#fff;
    bottom:2px;
    width: 100%;
    text-align: left;
}

.half {
    width:48%;
    width:calc(100%/2 - 16px);
    min-height:300px
}

.half.home-rooms {
    color:#fff;
    background-color:#eee
}

.half.home-rooms .large {
    font-size:1.3em
}

.half.home-rooms .button {
    margin-top:20px;
    background-color:#fff
}

.half.block img {
    max-height:120px
}

.page-id-6 .half {
    min-height:370px
}

.page-id-10 .half img {
    max-width:240px;
    margin-bottom:10px
}

.page-id-16 .half {
    min-height: 450px;
}

.repeater-details .button,.half .button {
    display:inline-block;
    width:100%;
    max-width:300px;
    margin:5px auto
}

.third {
    width:31%;
    width: calc(100%/3 - 16px);
    min-height: 240px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.third {
    width:31%;
    width: calc(100%/3 - 17px);
    min-height: 240px;
}
}

.two-third {
    width:60%;
    width:calc(100% - (100%/3 - 16px) - 33px);
    min-height: 240px;
}

.block {
    border:2px solid #000;
    padding:20px;
    box-sizing:border-box;
    display:inline-block;
    margin:8px;
    vertical-align:top;
    text-align:center
}

.page-id-10 .full, .page-id-286 .full{
    height: auto;
    min-height: 10px;
}

.home .full.top.block{border:4px solid #000;}

.third.block {
    padding:15px
}

.page-id-10 .intro.block,.page-id-14 .intro.block {
    border-color:#b0161c;
    color:#b0161c
}

.third.block img {
    max-height: 110px;
    display:block;
    margin:5px auto 10px;
}

.third.block .small {
    font-size:.8em
}

.third.block .large {
    font-size:1.35em
}

.home .two-third span.italic {
    display:block;
    font-style:italic;
    margin-bottom:5px
}

.block h2 {
    text-transform:uppercase;
    margin:5px;
    font-size:2.6em
}

.block h3 {
    text-transform:uppercase;
    margin:5px;
    font-size:1.5em
}

.block h4 {
    text-transform:uppercase;
    margin:5px;
    font-size:1.2em;
    line-height: 1.65em;
}

.border {
    border:4px solid #000
}

footer {
    position:relative
}

footer.site-footer {
    text-align:center;
    letter-spacing:.15px
}

.copyright{font-size: .8em; margin-bottom: 30px;}

footer.site-footer span span {
    display:inline-block;
    padding:0 15px
}


footer .icons {
    margin:10px auto 20px
}

footer .icons img {
    width:40px;
    height:auto;
    margin:10px;
    box-sizing:border-box
}

footer .signup a{
    border: double 3px;
    padding: 5px 15px;
    display: inline-block;
    margin: -10px auto 20px;
    text-decoration: none;
            font-family: FTYSKORZHEN;
    text-transform: uppercase;
    text-align: center!important;
    font-size: 1.3em;
    min-width: 200px;
}

footer .signup a:hover{
    border: solid 3px;
}
footer .camra {
    margin-bottom:30px
}

footer .camra img {
    width:80px
}

.bedroom-details,.repeater-details {
    width:400px;
    float:right;
    padding:10px 20px 5px 30px
}

.bedroom-images,.repeater-images {
    width:380px;
    height:370px;
    float:left;
    background-color:#eee
}

.page-id-14 .repeater-images {

    background-color:#fff
}

.bedroom-details a.button {
    margin-top:10px
}

ul.clearing-thumbs {
    list-style-type:none;
    margin:8px;
    padding:0
}

.clearing-thumbs li {
    width:45%;
    width:calc(100%/2 - 16px);
    display:inline-block;
    margin:0 3px 15px;
    padding:0
}

.wpcf7-textarea {
    height:150px!important
}

.single-bedroom .all-rooms{
  border: 2px solid #000;
  padding: 10px 20px;
  box-sizing: border-box;
  display: block;
  margin: 8px;
  vertical-align: top;
  text-align: center;
}

.single-bedroom .all-rooms a{
    clear:both;
    font-weight:400;
    font-family:FTYSKORZHEN;
    text-transform: uppercase;
    font-size: 1.5em;


}

.page-id-321 .block{
    border:5px double #b0161c!important; color:#b0161c!important}
    .page-id-321 h2, .page-id-321 h1{
    color:#b0161c!important}
.page-id-321 hr{background-color:#fff; border-top: 1px dashed #ccc; margin: 14px;}
.page-id-321 ol{margin: 0px; padding: 0px; list-style-position: inside; font-size: .9em;}


#mc_embed_signup{
    /* border: 2px solid; */
    /* margin: 8px; */
    padding: 0px 0px 10px;
}

#mc_embed_signup h2{
    text-transform: uppercase;
    margin: 10px auto 5px
}
#mc_embed_signup label{
    font-size: 1em;
    font-weight: normal;
}

.mc-field-group{
    display: inline-block;
    vertical-align: top;
    margin: 2px
}

.mc-field-group input{
    border: 1px solid;
    width: 160px;
    height: 30px;
    margin: 5px 0px;
    -webkit-appearance: none;
border-radius: 0;
}

.mc-field-group input.button{
    width: 70px;
    background-color: #fff;
    color: #000;
    border: double 3px #000;
        font-family: FTYSKORZHEN;
    text-transform: uppercase;
    text-align: center!important;
    padding: 2px 0px!important
}

.mc-field-group input.button:hover{
    border: solid 3px #000;
}

#mc_embed_signup div.mce_inline_error {
    margin: 0 0px!important;
    padding: 0px 0px!important;
    background-color: #fff!important;
    font-weight: normal!important;
    z-index: 1;
    color: #b0161c!important;
}

#mce-success-response{
    padding: 10px 20px;
    margin: 10px 10px 0px;
    background-color: #eee;
    font-size: .9em;
    max-width: 
}
.page-id-584 #mc_embed_signup{
    padding: 20px 0px 30px;
}

.page-id-584 .mc-field-group{
    display: block;
    vertical-align: top;
    margin: 2px auto;
    width: 90%;
    max-width: 400px;
}

.page-id-584 .mc-field-group input{
    border: 1px solid;
    width: 90%;
    max-width: 400px;
    height: 30px;
    margin: 5px 0px;
    -webkit-appearance: none;
border-radius: 0;
}

.page-id-584    .mc-field-group input.button{
    width: 100px;
    background-color: #fff;
    color: #000;
    border: double 3px #000;
        font-family: FTYSKORZHEN;
    text-transform: uppercase;
    text-align: center!important;
    padding: 5px 0px!important;
    height: auto;
}

.page-id-584    .mc-field-group input.button:hover{
    border: solid 3px #000;
}

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

/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 850px) {
.bedroom-images {
    width:350px;
    margin:30px auto;
    float:none
}

.bedroom-details {
    width:100%;
    float:none
}

.bedroom-details p {
    width:80%;
    margin:0 auto 20px
}

.main-navigation a {
    font-size:1.2em
}

.third.block h3 {
    font-size:1.2em
}

.half.block {
    min-height:320px
}

.page-id-6 .half.block {
    min-height:360px
}

.bedroom-images {
    height:auto
}

.repeater-images {
    width:340px;
    background:none
}

.repeater-details {
    width:360px;
    float:right;
    padding:5px 10px 5px 20px
}

.page-id-6 h2 {
    font-size:2.3em
}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
header .directions {
    position:absolute;
    left:15px;
    top:-10px;
	width: 45%;
    width:calc(50% - 20px);
    display:block!important
}

header .bookaroom {
    position:absolute!important;
    right:15px;
    top:-10px;
	width: 45%;
    width:calc(50% - 20px);
    display:inline-block!important
}

.site-header .button,.block .button {
    font-size:1.4em
}

.site-title img {
    width:70%;
    margin-top:60px
}

.full,.half,.third,.two-third, #mc_embed_signup {
	width: 90%;
    width:calc(100% - 30px)!important;
    float:none;
    margin:10px 15px;
    min-height:100px
}

.single-bedroom .all-rooms{
    width: 90%;
	width:calc(100% - 30px);
    float:none;
    margin:10px 15px;
  
}

.home .full.top {
    min-height:300px
}

.home .two-third a {
    display:block;
    border:1px solid #000;
    padding:5px;
    text-decoration:none;
    margin:10px auto 0
}

.bedroom-images,.repeater-images {
    width:100%;
    float:none;
    height:auto;
    margin:30px auto 10px
}

.bedroom-details,.repeater-details {
    float:none;
    width:100%;
    margin-bottom:0;
    padding:10px
}

h1,h2 {
    line-height:1.1em
}

footer {
    border:2px solid #000;
    width: 90%;
	width:calc(100% - 30px);
    float:none;
    margin:10px 15px 30px;
    padding:20px 10px 0
}

.home .site-info {
    display:none
}

footer .site-info span {
    display:block
}

footer .site-info span span {
    display:none
}

footer .site-info .alma {
    text-transform:uppercase;
    font-family:FTYSKORZHEN;
    font-size:1.8em
}

.copyright{font-size: .8em; margin-bottom: 30px;}
.copyright span{display: block;}
.copyright span span{display: none;}

.wpcf7 input, .wpcf7 textarea {
   border: 1px solid #000;
   max-width: 90%
}

.wpcf7-submit{
    border: 3px double!important;
    margin: auto!important;
}

#mc_embed_signup{
    padding: 10px 0px 20px;
}

#mc_embed_signup .mc-field-group{
display: block;
text-align: center;
width: 85%;
margin: auto
}

#mc_embed_signup .mc-field-group input{
width: 100%
}

#mc_embed_signup .mc-field-group input.button{
width: 100%;
font-size: 1.2em;
margin-top: 10px;
height: auto;
min-height: 40px;
padding-top: 10px!important;
}

}

@media only screen and (max-width: 600px) {


.main-navigation a {

    font-size: 1.3em;
}
}

.page-id-321 input{background: #fff; color:#b0161c; border:2px solid #b0161c; text-transform: uppercase}

@media print {
 /* All your print styles go here */
header, .intro, .icons, .camra, .copyright, .button, #site-navigation { display: none !important; } 
.site-info{margin-bottom: 30px; color: #b0161c;}
.site-info a{color: #b0161c; text-decoration: none;}
p{font-size: 13px;}
}