/*
Theme Name: Hutterly Beautiful
Author: Dean Wronowski
Author URI: https://www.deanwronowski.co.uk
Description: Bespoke theme for Hutterly Beautiful
Version: 1.0
*/

/* *{
	-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} */

@font-face {
  font-family: 'KeepCalm-Medium';
  src: url('fonts/KeepCalm-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/KeepCalm-Medium.woff') format('woff'), url('fonts/KeepCalm-Medium.ttf')  format('truetype'), url('fonts/KeepCalm-Medium.svg#KeepCalm-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BrandonGrotesque-Medium';
  src: url('fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/BrandonGrotesque-Medium.otf')  format('opentype'),
	     url('fonts/BrandonGrotesque-Medium.woff') format('woff'), url('fonts/BrandonGrotesque-Medium.ttf')  format('truetype'), url('fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


html {
	font-family: sans-serif;
	-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;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: inherit;
}

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: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

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

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

/*********** MINI HEADER SLIDESHOW **************/
.mini-header-slideshow{
  height:480px;
  position: relative;
  width:100%;
}
.header-slideshow-left-button:hover,
.header-slideshow-right-button:hover{
  background:#081E36;
}
.header-slideshow-left-button{
  position: absolute;
  left:8px;
  bottom:8px;
  line-height:60px;
  width:60px;
  cursor:pointer;
  font-size:1.5em;
  color:#ffffff;
  height:60px;
  z-index:10;
  background:#BB8386;
  text-align: center;
}
.header-slideshow-right-button{
  position: absolute;
  bottom:8px;
  cursor:pointer;
  line-height:60px;
  width:60px;;
  height:60px;
  color:#ffffff;
  z-index:10;
  font-size:1.5em;
  background:#BB8386;
  text-align: center;
  right:8px;
}
.mini-header-slideshow .header-slideshow-item-wrapper{
  position: absolute;
  width:100%;
  height:100%;
}
.mini-header-slideshow .header-slideshow-images{
  position: relative;
  width:100%;
  height:100%;
}
.mini-header-slideshow .header-slideshow-item{
  position: absolute;
  width:100%;
  height:100%;
}

/********** ICS CALENDAR ***********/
.widget_calendar{
  width:100%;
}
.widget_calendar th{
  text-align:center;
}
.widget_calendar td{
  border:1px solid #d6d6d6;
}
.widget_calendar tfoot td{
  border:0px solid;
}
.widget_calendar caption{
  color: #081E36;
  font-size: 1.3em;
  font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-align:center;
}
.widget_calendar .day{
  height:30px;
}
.widget_calendar .busy{
  height: 15px;
  width: 15px;
  background-color: #BB8386;
  border-radius: 50%;
  display: inline-block;
}
.key .booked{
  height: 15px;
  width: 15px;
  background-color: #BB8386;
  border-radius: 50%;
  display: inline-block;
}

/******************* SLIDESHOW **********************/
#header-slideshow {
    position: relative;
}

#header-slideshow-images {
}
.header-slideshow-item-wrapper{
  -moz-transition: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.header-slideshow-item {
    width: 100%;
    z-index:2;
    height:300px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    margin-bottom:30px;

    cursor: pointer;
    border:8px solid #ffffff;;
}
.header-slideshow-item:hover{
  border-color: #BB8386;
}


/********* SLIDESHOW OVERLAY ****************/
#page-overlay{
  position: fixed;
  width:100%;
  height:100%;
  background: #ffffff;

  z-index:4;
  top:0px;
  left:0px;
  display: none;
}
#header-slideshow-fullscreen-overlay{
  position: absolute;
  display:none;
  top:0px;
  left:0px;
  background: #ffffff;
  z-index:5;


}
#header-slideshow-fullscreen-overlay-close{
  position: absolute;
  right:-25px;
  cursor: pointer;
    line-height: 50px;
  top:-25px;
  width:50px;
  text-align: center;
  color:#ffffff;
  font-size:1.5em;
  height:50px;
  background: #BB8386;
}
#header-slideshow-fullscreen-overlay-close:hover{
  background: #081E36;
}

#header-slideshow-fullscreen-overlay-image{
  height:100%;
  width:100%;
  -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-size: contain !important;
    background-repeat: no-repeat;;
        background-position: 50% 50% !important;
}
#header-slideshow-fullscreen-title{
    font-size:2em;

    font-weight: 100;
    text-transform: lowercase;
    margin-bottom: 5px;
    margin-top:10px;
    color: #212529;
}

/************* SITE STRUCTURE ************************************/
body{
		font-family: 'Lato', sans-serif;
		font-size:19px;
		color:#828282;
    background:#ffffff;
		font-weight:100;
		text-align: center;
}

a{
	color:#081E36;
	text-decoration: none;
}

.entry-content a, .split-row a{
	color:#081E36;
}

.entry-content{
	text-align: center;
}
.entry-content strong{
  font-size:1.3em;
  font-weight:inherit;
}

a:hover{
	color:#081E36;
	text-decoration: none;
}

h1{
  color:#081E36;
	font-size:1.8em;
  text-align: center;
	margin:0 auto;
	 font-family: 'Lato', sans-serif;
	font-weight:700;
	text-transform: uppercase;
	letter-spacing: 1.0px;
	letter-spacing: 0.05em;
   max-width:700px;
   line-height:1.3em;
   display: block;

	margin-top:30px;
	margin-bottom:15px;
	/* max-width:500px; */
}

h2{
  color:#BB8386;
	font-family: 'Lato', sans-serif;
	font-size:1.3em;
	margin:0 auto;
	line-height:1.3em;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.08em;
	text-transform: uppercase;;
	margin-top:35px;
	margin-bottom:10px;
}

.entry-content h2 strong{
  font-size: inherit !important;
}

h3{
  color:#000000;
	font-size:0.9em;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.25em;
	margin-top:45px;
		text-transform: uppercase;;
	margin-bottom:10px;
	line-height:1.4em;
	font-weight:300;
	max-width:400px;
	display: inline-block;;
}
ul{
	padding-left: 15px;
	margin-left:0px;
  list-style-type: circle;
	margin-bottom:8px;
}
ul li{
		margin-bottom:8px;
}

/******** SPLIT ROWS *******/
.split-row{
  padding:4%;
  margin-top:45px;
  margin-bottom:45px;
}
.split-row img{
  width:100%;
  height:auto;
  max-width:100%;
}
.split-row .column-left{
  padding-right:4%;
}
.split-row .column-right{
  padding-left:4%;
}
.split-row:nth-child(odd){

}
.split-row:nth-child(even){
}
.split-row h2{
  margin-top:0px;
  text-transform: uppercase;
  text-align: left;
  padding-left:0px;
  margin-left:0px;
  font-size:1.7em;
}
.split-row h3{
  text-transform: uppercase;
  text-align: left;
  padding-left:0px;
  margin-left:0px;
  font-size:1.0em;
}
.split-row  ul{
  margin-top:20px;
  margin-bottom:20px;
}

/*********** MAIN SLIDESHOW ************/
.main_slideshow_image{
  height:100px;
}

/********** EVENTS SEARCH BOX **********/
.events-search-box{
	    background: #FFFFFF;
			text-align: left;
				padding:2%;
			border-radius: 10px;
}
.events-search-box input{
	border:0px solid;
	font-size:1.2em;
	color:#939393;
}

.event-block{
	background: #FFFFFF;
	padding:2%;
	border-radius: 10px;
	margin-bottom:20px;
}
.event-block h2{
	margin-top:10px;
}

/************* HEADER CONTACT BLOCK *******************/
.header-contact-block{
  padding:5px;;
  text-transform: uppercase;
  font-size:0.9em;
  letter-spacing: 0.05em;
  margin-bottom:18px;
  color:#939393;
`    /* border-bottom:1px solid #BB8386; */`
}
.header-contact-block a{
  color:#939393;
}

/*********** HOMEPAGE **********/
.headerlogo{
	margin:0 auto;
  max-width:230px;
  text-align: center;
  position: relative;

}
.headerbg{
  width:100%;
  height:auto;
}
header{
  text-align: center;
  margin-bottom:20px;

}
header ul{
  margin-left:0px;
  padding-left:0px;
}
header li{
  float:left;
  list-style: none;
  width:50%;
  font-size:1.1em;
  text-align: center;
}
header .current_page_item a{
  color:#BB8386;
}
header li a{
  height:200px;
  display: table-cell;
  text-transform: uppercase;;
  letter-spacing: 0.05em;
  vertical-align: middle;
  text-align: center;

}
header li a:hover{
    color:#BB8386;
}

/**************** CALL TO ACTION BUTTONS ********************/
.cta-boxes-block{
	margin-top:15px;
  padding-bottom:15px;
}
.cta-btn-icon{
  margin:0 auto;
  max-width:200px;
}
.cta-btn:hover, .cta-btn:hover a{
  color:#00A6DA;
}
.cta-btn:hover{
  border-color: #BB8386;
}
.cta-btn{
  padding:6% !important;
  width: 100%;
  border:2px solid #ffffff;
  font-size: 1.1em;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.07);
  box-shadow: 0 3px 6px rgba(0,0,0,0.07);
}
.cta-btn-icon{
  max-height:130px;
}
.cta-btn-desc{
  font-size:0.9em;
  margin-top:10px;
}
.cta-btn .cta-btn-text{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #00A6DA;
	margin-top:15px;
  letter-spacing: 0.05em;
}
.cta-btn .cta-btn-text a{
  font-weight:100;
  color:#828282;
}
.cta-boxes-wrapper .btn{
  display:block;
  white-space: normal;
}
.cta-btn:hover{
  cursor: pointer;
}
/******** ARROW BUTTONS **********/
.cta-btn:hover .arrowbutton-svg .st0{
  fill:#00A6DA !important;
}


/*************** FOOTER **************/
footer{
	margin-top:0px;
  padding-bottom:10px;
	position: relative;
	z-index:2;
  padding-top:10px;
  text-align: center;
background: #d6d6d6;
}
footer h2{
  margin-top:0px;
  color:#081E36;
}
.credit{
	font-size:0.8em;
  margin-top:25px;
}
.social-buttons .fa{
  font-size:1.2em;
}
.menu-bottom-navigation-container ul{
  padding-left:0px;
  margin-left:0px;
  margin-bottom:20px;
  list-style: none;
}
.menu-bottom-navigation-container li{
  display: inline-block;
  margin-left:10px;
  margin-right:10px;
}
/************** AMENITIES BAR ******************/
.amenities-bar{
  height:101px;
  background: url(images/amentities.jpg) center center no-repeat #D6D6D6;;
  margin-top:0px;
  margin-bottom:20px;
}

footer .fa-paypal{
    font-size:1.6em;
    margin-bottom:8px;
}

/********* MINI BLOG BLOCKS ***************/
.mini-blog-item{
  /*border:1px solid #6E4B96;*/
  width:100%;
  /*padding:2%;*/
  text-align: left;
  padding-top:0px;
  margin-top:20px;
  margin-bottom:20px;
}
.mini-blog-item h2{
  font-size:1.2em;
  margin-top:0px;
  max-width:100%;
  padding-bottom:0px;
  margin-bottom:8px;
  text-align: left;
  background: none;
}
.mini-blog-item-image-overlay{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#081e36+1,081e36+100&0.8+0,0.8+100 */
  background: -moz-linear-gradient(top, rgba(8,30,54,0.8) 0%, rgba(8,30,54,0.8) 1%, rgba(8,30,54,0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(8,30,54,0.8) 0%,rgba(8,30,54,0.8) 1%,rgba(8,30,54,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(8,30,54,0.8) 0%,rgba(8,30,54,0.8) 1%,rgba(8,30,54,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc081e36', endColorstr='#cc081e36',GradientType=0 ); /* IE6-9 */
  display: table;
  width:100%;
  height:100%;

}
.mini-blog-item-image-overlay-text{
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  color:#ffffff;
  font-size:1.2em;
  padding:8%;

}
.mini-blog-item-image{
    position: relative;
    width: 100%;
    height: 300px;
    -webkit-background-size: cover !important;
    margin-bottom:20px;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
}

/************* POST ************/
.single .post-meta-text{
  font-size:1.1em;
  margin-bottom:30px;
}
.single .entry-content h2{
  text-align: left;
  background: none;
  padding-bottom:0px;
   max-width:100%;
   margin-top:30px;
   margin-bottom:10px;
}
.site-content a{
  color:#BB8386;
}

/***************** RESPONSIVE ***************/
@media only screen and (max-width: 768px) {
      .amenities-bar{
        /* margin-top:-30px; */
        background-image: url(images/amentities-mobile.jpg);
      }
			body{
				font-size:16px;
			}
      header li{
        text-align: center;
        margin-top:15px;
        margin-bottom:15px;
      }
      header li a{
        height:auto;
        display: block;
      }
      .headerbg{
        margin-top:00px;
      }
}