html, body {
    height: 100%;
}
body {
    background: rgba(11,124,194,1);
    background-image: url('/application/themes/bailey/images/bg_blue.jpg');
    background-size: cover;
    font-family: 'Roboto', sans-serif;
    font-size:0.975rem;
}
h2{font-size:1.4rem;margin-top:0rem;}
h3{font-size:1.2rem;}
p.highlight {
    font-size: 1.2rem;
	line-height: 1.4;
}
.off-canvas-wraper{
    min-height: 100%;
    height: auto !important;
}
.position-top{
    height:auto;
}
.cta h2{
	margin-top:0.25rem; float:left; line-height:1.0;
}
.cta .button {
	padding:0.4rem 0.2rem;
	font-size:0.8rem;
}
.cta .button-group.expanded .button:first-child{
	width: calc(50% - 3px);
	margin-right: 3px;
}
.cta .button-group.expanded .button:last-child{
	width: calc(50% - 3px);
	margin-left: 3px;
}
.content-row{
    height: 100%;
}
.content{
    background-color: transparent;
    background-repeat: repeat-y;
    background-size: 100%;
    color:#fff;
    height:100%;
}
blockquote{
    color:#fff;
}
.header, .footer{
    color:#fff;
}
.footer{
    background-color:rgba(11,124,194,1);
    margin-top:1rem;
    padding:0.4rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.footer p{
    margin:0;
	font-size: 3.5vw;
}
.footer a{
    color:#fff;
}
.header img{
    margin-top:1rem;
}
.social-links img{
	max-width:30%;
}
.header h1{
    position: relative;
    padding: .6rem 0;
	font-size: 2rem;
    color:#fff;
    line-height: 1.2;
    margin:0;
    /* letter-spacing: 0.1rem; */
}
.header .menu-action{
    position: absolute;
    right: 0;
    top: 3rem;
    font-size: 2rem;
    cursor: pointer;
}
.header-accent{
    background-color:blue;
}

table.price-table tbody{
    background-color:transparent;
    border:none;
}

table.price-table{
    background-color:transparent;
}

table.price-table td{
    background-color:transparent;
    border:none;
    padding-top:0.25rem;
    padding-bottom:0.25rem;
}
table.price-table tbody tr:nth-child(even){
    background-color:transparent;
}

table.price-table tr td:first-child{
    padding-left:0
}
table.price-table tr td:last-child{
    padding-right:0;
}
.area-accent{
    background-color:red;
}
.sidebar-accent{
    background-color:green;
}

.accordion {
    background-color: transparent;
    border: none;
}
.accordion-title {
    background-color: rgba(255,255,255,.2);
    font-size: 1.4rem;
    color: white;
    border: none;
    margin-top: .4rem;
}
.accordion-content {
    background-color: transparent;
    border: none;
    margin: 0;
    color:#fff;
}

a.book-now{
    background-color:#fff;
    color: #0b7cc2;
    font-weight: 700;
    text-align:center;
    padding:0.4rem;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
    margin-bottom:0.8rem;
    margin-top:0.4rem;
}

.nav-wrapper{
    position: absolute;
    display: none;
    width:100%;
}

.nav{
    background-color:rgb(9, 96, 150);
    transition: all 1s;
    overflow:hidden;
    margin-bottom:0.5rem;
    border-top:solid 1px rgb(9, 96, 150);
    border-bottom:solid 1px rgb(9, 96, 150);
}

.nav a{
    color:#fff;
}

.nav a:hover{
    background-color:#fff;
    color:rgb(9, 96, 150);
}

@media screen and (min-width: 40em) {
    body{background-image: none;}
    .header h1{
		padding: 1rem 0;
        font-size:3.5vw;
    }
    .footer{position: relative;}
	.footer p {
		margin: 0;
		font-size: 0.85rem;
    }
    .content-row .bg{
        background-image: url('/application/themes/bailey/images/bg_blue.jpg');
        background-size: cover;
    }
}
@media screen and (min-width: 1050px) {
    body{background-image: none;}
    .header h1 {
		padding: 1rem 0;
       font-size: 2.8rem;
    }
    .footer{position: relative;}
	.footer p {
		margin: 0;
		font-size: 1rem;
    }
    .footer .social-links img {
        max-width: 20%;
    }
    .header .menu-action{
        position: absolute;
        right: 0rem;
        top: 4.5rem;
        font-size: 3rem;
    }
  }

  @media screen and (max-width: 360px) {
    .header h1 {
		padding: 1rem 0;
       font-size: 1.5rem;
    }
  }

@media screen and (max-width: 40em){
	table.price-table tr td:first-child{min-width:4em;}
	table.price-table tbody td{font-size:0.9rem; padding:0 0.25rem 0.25rem 0;}
}

@media only screen and (min-width: 40.063em) and (max-width: 60em) {
	table.price-table tbody td{font-size:0.9rem; padding:0 0.25rem 0.25rem 0;}
}

@media screen and (max-width:60em) and (orientation:landscape){
	div.small-12.medium-6.medium-centered.columns.bg{width:100%}
	div.columns.header{margin-bottom:1rem;}
}

  .off-canvas.is-transition-overlap.is-open{
      box-shadow: none;
      -webkit-box-shadow:none;
      position: relative;
  }