body {
margin: 0;
font-family: raleway, helvetica, arial;
font-size: 18px;
font-weight: 400;
line-height: 1.8;
color: #7f5b13;
}
h1, h2, h3, h4, h5, h6{
margin-bottom: 1rem;
font-family: inherit;
line-height: 1.2em;
color: inherit;
letter-spacing: 1px;
color:#7fb2bf;
font-weight: 400;
font-family: elsie, georgia,serif;
}
a {
color:#a5d0d7;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #d0c096;
}
h1 {
font-size: 1.5em;
margin-top: 0;
}
h2{
font-size: 1.25em;
}
h3 {
font-size: 1.15em;
}
h4, h5, h6 {
font-size: 1em;
}
em {
font-style: italic;
}
img {
max-width: 100%;
height: auto;
}
p {
margin-bottom: 30px;
}
label {
font-size: 0.8em;
font-weight: 600;
}
.smallprint {
font-size: 0.9em;
font-style: italic;
}
.no-padding {
padding: 0;
}
.nav-menu {
display: none;
} a.btn, input.wpcf7-form-control.wpcf7-submit{
border: 1px solid #7fb2bf;
color: #7fb2bf;
background: transparent;
text-decoration: none;
padding: 15px 25px;
display: inline-block;
transition: all 0.1s linear;
text-transform: uppercase;
}
a.btn:hover, input.wpcf7-form-control.wpcf7-submit:hover{
background: #7fb2bf;
color:#fff;
}
a.btn.btn-white {
border: 1px solid #fff;
color: #fff;
}
a.btn.btn-white:hover, a.btn-header:hover {
background:#fff;
color:#7f5b13;
}
a.btn.btn-gold {
color:#7f5b13;
background:#d0c096;
border: 1px solid #fff;
}
a.btn.btn-gold:hover {
background:#fff;
}
.header-wrap {
min-height: 100px;
padding: 10px 0;
}
a.btn-header {
border: 1px solid #fff;
color: #fff;
background: transparent;
text-decoration: none;
padding: 5px 15px;
margin:5px 5px 5px 0;
display: inline-block;
transition: all 0.1s linear;
text-transform: uppercase;
} .topbar {
background: #7fb2bf;
color: #fff;
}
.header-telephone, .header-social {
display: none;
}
#breadcrumbs {
font-size: 14px;
} .mobile-menu-btn {
position: absolute;
top: 68px;
right: 15px;
z-index: 9999;
}
.mobile-menu-btn-label {
font-size: 13px;
text-transform: uppercase;
}
.mobile-menu-btn .st-trigger-effects button {
width: 60px;
height: auto;
color: #7fb2bf;
font-size: 24px;
}
.sub-nav-dropdown {
position: absolute;
right: 0;
top: 0;
height: 53px;
line-height: 33px;
text-align: center;
padding: 10px;
background: #7fb2bf;
border-left:1px solid #fff;
color: #fff;
width: 53px;
transition: 0.2s all linear;
cursor: pointer;
}
.sub-nav-dropdown i {
transition: 0.2s all linear;
}
.sub-nav-dropdown.open i {
transform: rotate(180deg);
}
.st-menu .menu-item-has-children {
position: relative;
}
.st-menu ul.sub-menu {
display: none;
}
.st-trigger-effects button {
cursor: pointer;
}
.st-trigger-effects i {
display:block;
}
.nav-menu ul {
display: none;
}
.overlay {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
} @-webkit-keyframes fadeInUpSD {
0% {
opacity: 0;
margin-top: 50px;
}
100% {
opacity: 1;
margin-top: 0;
}
}
@keyframes fadeInUpSD {
0% {
opacity: 0;
margin-top: 50px;
}
100% {
opacity: 1;
margin-top: 0;
}
}
@keyframes shrink {
0% {
background-size: 110% 110%;
}
100% {
background-size: 100% 100%;
}
}
@-webkit-keyframes shrink {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
#home-slider {
height: 600px;
overflow: hidden;
background-image:url(//www.aspenspa.co.uk/wp-content/themes/aspenspa/images/1496.gif);
background-position: center center;
background-repeat: no-repeat;
}
.home-slider-wrap {
height: 100%;
background-size: cover;
background-position: center center;
color:#fff;
position: relative;
}
.home-slider-wrap .overlay {
-ms-flex-align: center!important;
align-items: flex-center!important;
}
.home-slider-wrap p.headline {
color: #fff;
margin: 0;
font-size: 2em;
line-height: 1.2em;
font-family: Elsie, georgia, serif;
}
.home-slider-wrap p.headline::first-letter {
font-size:200%;
}
.home-slider-wrap p {
margin: 20px 0 30px;
}
.home-slider-wrap a.btn, .banner-slider-wrap a.btn {
color: #fff;
border-color: #fff;
margin: 0;
}
.home-slider-wrap a.btn:hover, .banner-slider-wrap a.btn:hover {
background: #fff;
color: #3a457f;
}
.slider-content {
padding: 0 20px;
opacity: 0;
text-align: center;
width: 100%;
z-index: 50;
}
.slider-content p {
}
.slick-list, .slick-track {
height: 100%;
}
.slick-active .home-slider-wrap .slider-content {
animation-name: fadeInUpSD;
animation-duration: 1.5s;
opacity: 1;
} .header-banner-wrap{
height: 500px;
background-position: center center;
background-size: cover;
}
.header-banner-wrap p.headline {
color: #fff;
margin: 0;
font-size: 3em;
line-height: 1.2em;
font-family: Elsie, georgia, serif;
padding: 0 50px;
}
.header-banner-wrap p.headline::first-letter {
font-size: 200%;
}
.banner-content-wrap {
text-align: center;
width: 100%;
}
.banner-content-wrap p.banner-icon {
color: #fff;
margin: 0;
font-size: 2.5em;
} @media(max-width: 992px) {
.border-tb-wrap {
background: none!important;
}
}
.border-tb-text {
color:#7fb2bf;
font-family: elsie, georgia, serif;
font-size:1.5em;
padding: 30px;
} .floating-text-block {
background-position: center center;
background-size:cover;
position: relative;
}
.floating-text-block .overlay {
padding:100px 0;
}
.floating-text-block h2, .floating-text-block p {
color:#fff;
}
.floating-text-block h2::first-letter {
font-size: 200%;
}
.shortcode-wrap {
margin:50px 0;
} .cta-bar {
background:#a5d0d7;
padding:20px;
text-align:center;
}
.cta-bar a {
font-family: elsie, gerogia, serif;
text-transform: uppercase;
font-size: 1.2em;
letter-spacing: 1px;
} .image-text {
padding:50px 0;
} 
.image-text-content {
padding:50px 0;
}
.image-text h1 {
text-transform: uppercase;
} .left-underline.white-underline:after {
background-color: #fff;
}
.left-underline:after {
width: 250px;
height: 1px;
background-color: #009bc3;
content: '';
display: block;
margin-top: 15px;
}
.center-underline:after {
width: 250px;
height: 1px;
background-color: #009bc3;
content: '';
display: block;
margin: 15px auto 0;
} .cat-box-wrap {
height: 100%;
display: flex;
flex-grow: 1;
flex-direction: column;
}
.cat-box-title {
color: #7f5b13;
background: #a5d0d7;
padding: 20px;
font-family: elsie,georgia,serif;
text-align: center;
font-size: 1.25em;
margin: 20px 0;
text-transform: uppercase;
}
.cat-box-row .cat-box:nth-of-type(odd) .cat-box-wrap{
border:1px solid #7fb2bf;
}
.cat-box-row .cat-box:nth-of-type(even) .cat-box-wrap{
border:1px solid #d0c096;
}
.cat-box-row a.btn {
width: 100%;
text-align: center;
font-family: elsie, gerogia, serif;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.4em;
}
.cta-space {
width:2px;
height: 0;
}
.cat-box {
margin-bottom: 30px;
}
.cat-box-inner {
font-size: 0.9em;
padding: 0 30px;
display: flex;
height: 100%;
flex-direction: column;
}
.cat-box-inner h3 {
text-align: center;
color: #7fb2bf;
text-decoration: none;
display: block;
text-transform: uppercase;
}
.cat-extra {
margin-top: auto!important;
}
.cat-price {
font-family: 'Elsie';
color: #7fb2bf;
font-size: 2.5em;
text-align: center;
}
.cat-info {
font-family: 'Elsie';
color: #7fb2bf;
font-size: 1.75em;
line-height: 1.2em;
text-align: center;
margin-bottom: 20px;
}
.cat-box-inner p {
font-size: 0.95em;
overflow: hidden;
}
.cat-box-inner ul {
padding: 0 0 0 20px;
list-style-image: url(//www.aspenspa.co.uk/wp-content/themes/aspenspa/images/bullet.png);
}
.cat-box-inner ul li{
margin-bottom: 10px;    
}
.cat-cta-wrap {
margin-top: auto!important;
}
.desc-cont, .read-less {
display: none;
}
span.read-more, span.read-less {
color: #7fb2bf;
text-decoration: underline;
cursor: pointer;
}
span.read-more:hover, span.read-less:hover {
text-decoration: none;
} .gold-block {
background-color:#D8C89E;
padding:80px 0;
}
.gold-block a {
color: #fff;
}
.gold-block h2 {
text-transform: uppercase;
}
.gold-block, .gold-block h2, .gold-block h3 {
color:#fff;
}
.gold-block p {
color:#7f5b13;
}
.gold-block-bg {
background-image:url(//www.aspenspa.co.uk/wp-content/themes/aspenspa/images/leaf-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
} .video-container {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.video-container iframe, .video-container video {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.video-block {
background: #d8c89e;
padding: 50px;
margin:50px 0;
}
.video-block h3 {
color: #fff;
} .full-image-text-content {
padding:50px 20px;
}
.full-image-text-content h2, .full-image-text-content h3 {
text-transform: uppercase;
}
.full-image-text-bg {
background-size: cover;
background-position: center center;
} .full-width {
padding:80px 0;
background-image: url(//www.aspenspa.co.uk/wp-content/themes/aspenspa/images/tree-bg.png);
background-size: cover;
text-align: center;
}
.full-width h2, .full-width h3 {
text-transform: uppercase;
}
.wide-tmpl {
margin:50px 0;
} .tab-accordion-content {
display: none;
}
.tab-accordion-content.open{
display: block;
}
.tab-accordion-wrap {
}
.tab-accordion-header {
border-bottom: 0;
cursor: pointer;
padding: 20px;
font-family: elsie, georgia,serif;
}
.tab-accordion-header-item {
font-size: 1.2em;
}
.tab-accordion-header .tab-accordion-arrow i {
transition: transform linear 0.1s;
}
.tab-accordion-header.open .tab-accordion-arrow i {
transform: rotate(180deg);
}
.tab-accordion-inner {
padding:15px;
}
.tab-accordion-wrap {
margin-bottom: 50px;
}
.tab-accordion-wrap > .tab-accordion-item:nth-of-type(even){
background: #fff;
color: #a5d0d7;
}
.tab-accordion-wrap > .tab-accordion-item:nth-of-type(odd){
background: #a5d0d7;
color: #fff;
}
.tab-accordion-header-price {
width: 120px;
font-size: 1.5em;
line-height: 1em;
}
.tab-accordion-content {
border-bottom: 0;
padding: 30px 15px 45px;
}
.tab-accordion-item:nth-last-of-type(1) .tab-accordion-header {
border-bottom: 1px solid #5f573e;
}
.tab-accordion-category {
border-right: 1px solid #18253f;
}
a.btn-accordion {
padding:5px;
width: 100%;
text-align: center;
margin-bottom: 5px;
} .shop-wrap {
padding: 50px 0;
}
h1.woocommerce-products-header__title.page-title {
text-align: center;
}
h2.woocommerce-loop-category__title,
.woocommerce-loop-product__title {
padding: 20px!important;
text-align: center;
display: block;
}
li.product-category.product,
.woocommerce ul.products li {
border:1px solid #7fb2bf;
}
.woocommerce ul.products li.product a img {
margin: 0;
}
.woocommerce .button {
text-align: center;
color: #7f5b13!important;
background: #d0c096!important;
border-radius: 0!important;
font-family: 'Elsie';
font-weight: 400!important;
padding: 11px 25px!important;
transition: all 0.1s linear;
display: block!important;
}
a.button.product_type_simple {
margin: 0!important;
}
a.button.product_type_simple:hover {
background: #fff;
}
.woocommerce ul.products li.product .price {
font-family: 'Elsie';
color: #7fb2bf;
font-size: 1em;
text-align: center;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #7fb2bf;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}
span.woocommerce-input-wrapper {
width: 100%;
}
.tabs-wrap {
background:#a5d0d7;
position: relative;
margin-bottom: 50px;
}
.tabs-title {
text-align: center;
padding:20px 0 0;
}
.tabs-title  h2{
margin: 0 0 20px;
color: #7f5b13;
}
ul.tabs {
margin: 0 0 15px 0;
padding: 2px 0;
list-style: none;
text-align: center;
text-transform: uppercase;
font-size: 15px;
display: flex;
justify-content: center;
position: relative;
}
ul.tabs:after {
width: 0;
height: 0;
border-style: solid;
border-width: 15px 25px 0;
border-color: #a5d0d7 transparent transparent;
content: '';
display: block;
position: absolute;
left: 50%;
top: 100%;
transform: translateX(-50%);
}
ul.tabs li {
cursor: pointer;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
width: 180px;
height: 70px;
line-height: 70px;
font-size: 0.7em;
}
ul.tabs li.tab-link.current {
background: #fff;
}
ul.tabs li:hover {
background: #fff;
}
.tab-content {
opacity: 0;
height: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
overflow: hidden;
}
.tab-content.current {
height: auto;
overflow: hidden;
opacity: 1;
}
.treatment-filter {
text-align: center;
margin: 30px 0;
}
select.treatment {
padding: 10px;
}
.page-tab-desc {
text-align: center;
display: none;
} .footer-image-wrap {
position: relative;
}
.footer-image-wrap img{
width: 100%;
height:auto;
}
#footer {
background-image: url(//www.aspenspa.co.uk/wp-content/themes/aspenspa/images/footer-bg.png);
background-color: #D8C89E;
background-position: center left;
background-repeat: no-repeat;
}
.footer-wrap {
padding:50px 0;
}
#footer, #footer h4 {
color:#54544F;
}
#footer h4 {
font-size: 1.5em;
}
#footer ul {
margin: 0 0 50px;
padding: 0;
}
#footer li {
list-style: none;
}
#footer li a {
color: #54544F;
text-decoration: none;
}
#footer li a:hover {
color: #a31f83;
}
#footer li p {
margin: 0;
}
.social-footer {
background-color: #7fb2bf;
padding: 20px;
} input.wpcf7-form-control, textarea.wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control.wpcf7-select {
width: 100%;
padding: 8px;
margin-bottom: 15px;
border: 1px solid #999;
}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 150px;
}
.wpcf7-list-item {
display: block;
}
.wpcf7-list-item-label{
padding-left: 10px;
} #wpcf7-f1073-p890-o1 {
max-width: 600px;
margin: auto;
}
@media (min-width: 480px) {
.floating-text-block h2 {
font-size: 2em;
}
.topbar a {
color: #fff;
}
.social {
padding:5px;
font-size: 18px;
}
.social a {
color: #fff;
padding: 0 5px;
display: inline-block;
*display:inline;
zoom:1;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
position: relative;
text-decoration: none;
}
.social a:hover {
opacity: 0.6;
}
ul.tabs li{
font-size: 1em;
}
}
@media (min-width: 768px) {
.header-telephone, .header-social {
display:block;
}
.slider-content {
padding:0 50px;
}
.floating-text-block h2 {
font-size: 2.5em;
}
h1 {
font-size: 2.5em;
margin-top: 0;
}
h2{
font-size: 1.75em;
}
h3 {
font-size: 1.5em;
}
.home-slider-wrap .overlay {
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.slider-content {
text-align: left;
margin-bottom: 100px;
}
.home-slider-wrap p.headline {
font-size: 3em;
}
.slider-content p {
font-size: 1.25em;
line-height: 1.5em;
}
.page-tab-desc {
display: block;
}
.cat-box-title {
font-size: 1.5em;
}
}
@media (min-width: 992px) {
.border-tb-wrap {
background-repeat: no-repeat;
background-position: center right;
background-size:contain;
padding: 50px 0;
margin: 50px 0;
}
.border-tb-text-outer {
padding:5px;
margin: 30px 0;
border-bottom: 1px solid #7fb2bf;
border-left: 1px solid #7fb2bf;
background-color: #fff;
width: 60%;
}
.border-tb-text {
background: #fff;
border-bottom: 1px solid #7fb2bf;
border-left: 1px solid #7fb2bf;
font-size:1.75em;
}
.border-tb-text p {
margin-left: 50px;
}
.border-tb-text p::first-letter {
color:#D8C89E;
font-size: 3em;
margin-left:-50px;
line-height: initial;
}
.border-tb-image {
display: none;
}
.header-wrap {
padding: 15px 0;
}
.slider-content {
padding: 0 100px;
}
.cat-box-title {
font-size: 1.75em;
}
.tab-accordion-header-price {
font-size: 2em;
}
}
@media (min-width: 1300px) {
.mobile-menu-btn {
display: none;
}
.nav-menu {
padding: 0;
margin: 0;
}
ul.nav-menu {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}
.cat-box-title {
font-size: 2em;
}
.nav-menu li {
position: relative;
list-style: none;
}
.nav-menu li a {
padding: 10px 20px;
text-decoration: none;
font-size: 0.85em;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
text-transform: uppercase;
transition: 0.1s all linear;
}
.nav-menu li a:hover {
color: #d0c096;
} .nav-menu li:hover ul.sub-menu {
display: block;
overflow: visible;
transition: max-height 0.8s ease-in;
}
.nav-menu ul.sub-menu {
display: none;
position: absolute;
overflow: hidden;
left: auto;
background-color: #fff;
z-index: 3;
padding: 0;
text-align: center;
left: 50%;
transform: translateX(-50%);
width: 200px;
border: 1px solid #7fb2bf;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
transition: max-height 0.1s ease-out;
line-height: 1.8em;
}
.nav-menu ul.sub-menu:after {
content: '';
border: 6px solid transparent;
width: 0;
height: 0;
border-bottom-color: #7fb2bf;
position: absolute;
top: -12px;
left: 45%;
}
.nav-menu ul.sub-menu li {
padding: 0;
width: 100%;
position: relative;
}
.nav-menu ul.sub-menu li:after {
border: none;
}
.nav-menu ul.sub-menu li a {
font-size: 13px;
font-weight: 400;
display: block;
margin-bottom: 0;
color: #567a9e;
line-height: 1.8em;
padding: 10px;
}
.nav-menu ul.sub-menu li a:hover {
color: #fff;
background: #7fb2bf;
} .nav-menu ul.sub-menu li ul {
position: absolute;
left: 100%;
top: 0;
transform: none;
display: none!important;
}
.nav-menu ul.sub-menu li:hover ul {
display: block!important;
}
.nav-menu ul.sub-menu li ul:after {
border:none;
}
.tab-accordion-header-item {
font-size: 1.5em;
}
}