:root {
--primary: #005368;
--secondary: #CD9700;
--accent:#468D99;
--displayfont: 'Train One', sans-serif;
--headingfont: 'Lato', arial, sans-serif;
--bodyfont: 'Lato', arial, sans-serif;
--padding: 40px;
}
body {
margin: 0;
font-family: var(--bodyfont);
font-size: 18px;
font-weight: 400;
line-height: 1.8;
color: var(--primary);
background-color: #fff;
}
h1, h2, h3, h4, h5, h6{
margin-bottom: 1rem;
font-family: inherit;
line-height: 1.2em;
color: inherit;
color:var(--primary);
font-weight: 600;
font-family: var(--headingfont);
}
a {
color:var(--secondary);
-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: var(--secondary);
}
h1 {
font-size: 1.75em;
margin-top: 0;
}
h2{
font-size: 1.55em;
}
h3 {
font-size: 1.25em;
}
h4, h5, h6 {
font-size: 1em;
}
em {
font-style: italic;
}
img {
max-width: 100%;
height: auto;
}
p {
margin-bottom: 30px;
} a.btn, input.wpcf7-form-control.wpcf7-submit{
border: 1px solid var(--primary);
color: var(--primary);
background: transparent;
font-family: var(--headingfont);
text-decoration: none;
padding: 15px 25px;
display: block;
width: 250px;
text-transform: uppercase;
transition: all 0.1s linear;
text-align: center;
font-weight: 400;
}
a.btn:hover, input.wpcf7-form-control.wpcf7-submit:hover{
background: var(--primary);
color:#fff;
}
a.btn.btn-white, #footer input.wpcf7-form-control.wpcf7-submit {
border: 1px solid #fff;
color: #fff;
}
a.btn.btn-white:hover, #footer input.wpcf7-form-control.wpcf7-submit:hover {
background:#fff;
color:var(--secondary);
}
a.btn-topbar {
padding: 5px;
width: 180px;
margin: 10px 0;
}
.btn-center {
margin:auto;
}
a.btn.btn-outline {
color:#fff;
background:transparent;
border: 1px solid #fff;
}
a.btn.btn-outline:hover {
background:#fff;
color: var(--secondary);
}
.bg-center {
background-size: cover;
background-position: center center;
}
.expired {
text-align: center;
padding:50px;
border-bottom: 1px solid var(--primary);
}
.no-padding {
padding: 0;
}
.grecaptcha-badge { 
visibility: hidden;
} #header {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
}
.page-template-tmpl-category #header,
.blog #header,
#header.no-banner {
position: relative;
background-color: var(--primary);
}
.header-wrap {
padding: 15px 0;
}
img#logo {
max-height: 150px;
width: auto;
}
.mobile-menu-btn {
background: #000;
color: #fff;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
display: block;
border: 1px solid #fff;
}
.st-menu ul li a {
display: block;
padding: 15px;
outline: none;
color: var(--primary);
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: background 0.3s, box-shadow 0.3s;
transition: background 0.3s, box-shadow 0.3s;
text-decoration: none;
font-size: 13px
}
.st-menu ul li a:hover {
background: var(--secondary);
color: #fff;
}
i.fa.fa-times {
font-size: 26px;
color: var(--primary);
cursor: pointer;
padding: 0 25px;
}
.sub-nav-dropdown {
position: absolute;
right: 0;
top: 0;
height: 53px;
line-height: 33px;
text-align: center;
padding: 10px;
background: var(--secondary);
color: #fff;
width: 53px;
border-left: 1px solid #fff;
transition: 0.2s all linear;
cursor: pointer;
}
.st-menu ul li a.side-book {
background: var(--secondary);
color: #fff;
text-align: center;
margin: 20px;
}
i.fas.fa-bars {
color: #fff;
}
#header .social, #header .btn-topbar {
display: none;
}
.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;
} .nav-menu {
display: none;
} @-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);
}
}
.hb-next.slick-arrow {
position: absolute;
left: 10px;
top: calc(50% - 44px);
z-index: 9999;
color: #fff;
font-size: 44px;
cursor: pointer;
transition: 0.2s all linear;
}
.hb-prev.slick-arrow {
position: absolute;
right: 10px;
top: calc(50% - 44px);
z-index: 9999;
color: #fff;
font-size: 44px;
cursor: pointer;
transition: 0.2s all linear;
}
.banner-slider {
height: 500px;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
}
.banner-slider .arrow {
margin-top:20px;
}
.banner-content {
width: 100%;
margin-bottom: 50px;
}
#home-slider {
height: 800px;
overflow: hidden;
background-image:url(//www.ulbsterarmshotel.co.uk/wp-content/themes/quixites2/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;
}
img.home-slider-image  {
display: block;
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.slider-wrap .arrow {
text-align: center;
margin: auto;
}
.home-slider-wrap .overlay {
-ms-flex-align: center!important;
align-items: flex-center!important;
background: linear-gradient(180deg, rgba(17,17,17,0.6) 0%, rgba(17,17,17,0.2) 100%);
}
.home-slider-wrap p.headline,
.home-slider-wrap h1.headline  {
color: #fff;
margin: 0;
font-size: 2em;
line-height: 1.2em;
font-family: var(--displayfont);
font-weight: 400;
}
.home-slider-wrap p,
.home-slider-wrap h1.headline  {
margin: 20px 0 30px;
text-shadow: 2px 2px 15px #000;
text-transform: uppercase;
}
.home-slider-wrap a.btn, .banner-slider-wrap a.btn {
color: #fff;
border-color: #fff;
}
.home-slider-wrap a.btn:hover, .banner-slider-wrap a.btn:hover {
background: #fff;
color: #3a457f;
}
.slider-content {
padding: 0 20px;
opacity: 0;
width: 100%;
z-index: 50;
text-align: center;
}
.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, .banner-slide {
height: 550px;
background-position: center center;
background-size: cover;
}
.header-banner-wrap h1 {
color: #fff;
}
.overlay {
width: 100%;
height: 100%;
} .floating-text-block {
background-position: center center;
background-size:cover;
position: relative;
}
.floating-text-block.img-bg .overlay {
background: rgba(0,0,0,0.4);
padding:150px 15px;
}
.floating-text-block h2, .floating-text-block {
color:#fff;
}
.shortcode-wrap {
margin:50px 0;
} .booking-bar-wrap {
background:var(--primary);
padding:20px;
text-align:center;
}
.booking-bar {
border-top: 1px solid var(--accent);
border-bottom: 1px solid var(--accent);
padding: 20px;
}
.booking-bar a {
letter-spacing: 1px;
color: #fff;
text-decoration: none;
transition: 0.1s all linear;
background: var(--secondary);
border: 1px solid #fff;
}
.booking-bar a:hover {
color: var(--secondary);
background:#fff;
} .cta-bar-inner {
border-top:1px solid var(--accent);
border-bottom:1px solid var(--accent);
padding: 20px;
}
.cta-bar {
background:var(--primary);
padding:20px;
text-align:center;
}
.cta-bar a.btn {
background-color: var(--secondary);
color: #fff;
width: auto;
margin:10px 0;
}
.cta-bar a.btn:hover {
background-color: #fff;
color:  var(--secondary);
} .bg-image img,
.image-slider img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.image-text-content {
padding: 40px 25px;
}
.image-text-content {
min-height: 500px;
}
.image-text .darkbg {
background-color: #f6fafb;
}
.image-text-content h2 {
margin-top:0;
}
.image-slider {
width: 100%;
height: 100%;
} .left-underline:after {
width: 150px;
height: 2px;
background-color: var(--secondary);
content: '';
display: block;
margin-top: 15px;
}
.center-underline:after {
width: 150px;
height: 2px;
background-color: var(--secondary);
content: '';
display: block;
margin: 15px auto 0;
}
.underline-white:after {
background-color: #fff;
}
.cat-box {
overflow: hidden;
}
.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-inner {
font-size: 0.9em;
padding: 0 30px;
}
.cat-box-inner h3 {
text-align: center;
}
.cat-list-icons {
font-size: 0.85em;
}
.cat-list-icons a {
color: var(--secondary);
text-decoration: underline;
}
.cat-icon {
font-size: 1.25em;
margin-right: 10px;
width: 30px;
text-align: center;
}
.cat-list-icons-wrap {
margin-bottom: 30px;
text-align: left;
} .icon-grid {
padding: 50px 0;
} .icon-wrap {
margin:20px 0;
} 
.icon-row {
text-align: center;
padding:60px 0;
}
.icon-row h2 {
font-weight: 400;
padding-bottom:10px;
}
.icon-row a {
text-decoration: none;
}
.icon-row .icon {
font-size: 34px;
border: 2px solid var(--secondary);
color: var(--secondary);
width: 80px;
height: 80px;
margin: 0 auto;
line-height: 80px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.icon-text {
margin-bottom: 20px;
} .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;
color:#fff;
background-color: var(--primary);;
}
.full-width p a,
.full-width li a  {
color:  #fff;
}
.full-width h2, .full-width h3 {
color: #fff;
}
.full-width.light {
background:#fff;
color:var(--primary);
}
.full-width.light p a, 
.full-width.light li a{
color:var(--primary);
}
.full-width.light h2, .full-width.light h3 {
color: var(--primary);
}
.wide-tmpl {
padding: 50px 0;
} iframe[src*="//youtube.com/"], iframe[src*="//www.youtube.com/"] {
display: block;
margin: 0 auto;
}
.video-wrap {
margin:20px auto;
}
.video-container {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.video-container iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
} .cta-row {
background-color: var(--secondary);
padding: 15px 0;
} .cat-box-wrap {
margin-top:15px;
display: flex!important;
flex-flow: column;
}
.cat-box-wrap:hover .cat-box img {
transform: scale(1.05);
}
.cat-box img {
width: 100%;
height:auto;
transition: 0.3s all linear;
}
.cat-box-content {
background-color: #fff;
border: 1px solid var(--primary);
padding: 20px;
text-align: center;
width: 90%;
margin: -20% auto 35px;
position: relative;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.cat-box-content h3 {
font-size: 1.5em;
}
.cat-box-content a {
text-decoration: none;
color: var(--primary);
}
.cat-box-content .cat-link {
margin-top: auto!important;
border: 1px solid var(--primary);
padding: 10px;
font-size: 0.85em;
transition: 0.1s all linear;
text-transform: uppercase;
}
.cat-box-content .cat-link:hover {
color: #fff;
background-color: var(--primary);
}
p.cat-excerpt {
font-size: 0.85em;
color:var(--primary)
} .cat-grid-content {
padding: 100px 20px;
}
.cat-grid .darkbg {
background-color: #f6fafb;
}
.cat-grid-content h2 {
color: var(--accent);
font-family: var(--displayfont);
font-size: 1em;
font-weight: 600;
text-transform: uppercase;
font-style: normal;
}
.cat-grid-content p {
font-family: var(--headingfont);
font-size: 1.5em;
line-height: 1.4em;
color:var(--primary);
} .testimonials-section {
padding: 30px 0 50px;
background-color: #f6fafb;
}
.testimonials-wrap {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.testimonials-quote {
padding-left: 100px;
margin-top:80px;
position: relative;
font-size: 18px;
font-style: italic;
}
.testimonials-quote:before {
content: '“';
font-size: 180px;
line-height: 110px;
position: absolute;
top: 0;
left: 0;
color: var(--secondary);
}
a.testimonials-url {
display: block;
text-align: right;
text-decoration: none;
font-style: italic;
color: var(--secondary);
text-transform: uppercase;
}
.testimonial-full-wrap {
margin-bottom: 30px;
}
.testimonial-full {
color: #fff;
background: var(--accent);
padding: 30px 50px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
margin-top: 40px;
}
.testimonial-full::after {
content: '';
position: absolute;
bottom: -50px;
left: 70px;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 0;
border-color: var(--accent) transparent transparent transparent;
}
.order-lg-last .testimonial-full::after {
content: '';
color: var(--primary);
position: absolute;
bottom: -50px;
left: auto;
right: 70px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 50px 0;
border-color: transparent  var(--primary) transparent transparent;
}
.order-lg-last .testimonial-full {
background-color: var(--primary);
color: #fff;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomright: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomleft: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
}
.testimonial-full h2 {
margin: 0 0 10px 0;
font-size: 1.25em;
color: #fff;
}
.testimonial-quote {
display: none;
}
@media (min-width:992px) {
.testimonial-full {
padding: 30px 80px;
margin-top:0;
}
.testimonial-quote {
text-align: center;
margin:50px 0;
display: block;
}
.testimonial-quote.quote-last {
transform: rotate(180deg);
}
} .menu-terms {
color: #244d5a;
text-align: center;
margin: 10px auto;
}
.menu-header {
display: block;
text-align: center;
}
.r-menu-item {
padding:20px;
}
.menu-item-name {
color: var(--secondary);
font-style: italic;
font-family: 'Kaushan Script', georgia,serif;
font-size: 1.3em;
}
.menu-heading-wrap {
padding:15px 0;
}
.underline-dots {
border-bottom: 1px dotted var(--secondary);
margin-bottom: 15px;
}
.menu-highlight {
border: 2px solid var(--secondary);
margin-bottom: 20px;
}
.menu-highlight-title {
background: var(--secondary);
color: #fff;
padding: 5px 20px;
font-family: var(--headingfont);
} .header-wide {
text-align: center;
margin: 30px 0;
}
.testimonials-heading {
font-weight: 400;
font-family: var(--headingfont);
font-size: 1.5em;
margin-bottom: 30px;
}
.testimonials-quote {
padding-left: 100px;
position: relative;
font-size: 18px;
font-style: italic;
}
.testimonials-quote:before {
content: '“';
font-size: 180px;
line-height: 110px;
position: absolute;
top: 0;
left: 0;
font-family: var(--headingfont);
color: var(--secondary);
} figcaption {
text-align: center;
font-style: italic;
font-size: 0.85em;
display: block;
color: var(--secondary);
}
.blog-header {
margin:30px 0;
}
.blog-content {
margin: 50px 0;
}
h1.blog-title a {
text-decoration: none;
}
.entry-date {
font-size: 13px;
margin: 10px 0 0;
}
#sidebar {
margin-top: 30px;
}
.sidebar-cat {
border: 1px solid var(--secondary);
padding: 20px;
margin-bottom: 30px;
}
.sidebar-cat.recent-posts a {
text-decoration: none;
margin-bottom: 10px;
border-bottom: 1px solid #d7d6cf;
padding-bottom: 10px;
font-size: 14px;
display: block;
}
.sidebar-cat h4 {
text-align: center;
text-transform: uppercase;
}
.sidebar-cat .social a {
color: var(--secondary);
}
ul.tax-list {
margin: 0;
padding: 0;
}
ul.tax-list li {
list-style: none;
float: left;
}
ul.tax-list li a {
background-color: var(--secondary);
text-decoration: none;
margin: 0 5px 5px 0;
padding: 5px;
display: block;
transition: .2s all linear;
color: #fff;
font-size: 14px;
} .floating-text-wrap a {
color: #fff;
}
.video-bg-wrap .overlay {
height: 100%;
width: 100%;
padding: 50px 0;
background: var(--secondary);
}
.video-bg video {
width: 100%;
display: block;
}
.bottom-content {
margin:30px 0 50px;
} .nl-popup label {
display: block;
font-size: 0.9em;
}
.nl-popup input {
width: 100%;
padding: 10px;
}
.nl-popup input[type="submit"] {
color: #fff;
border: 1px solid var(--secondary);
background: var(--secondary);
padding: 15px;
transition: 0.1s all linear;
}
.nl-popup input[type="submit"]:hover {
background: #fff;
color: var(--secondary);
} .newsletter-block {
background: #f6fafb;
padding: 50px 0;
text-align: center;
}
.newsletter-block .mc4wp-form-fields {
max-width: 800px;
margin: auto;
}
.newsletter-block input#email {
width: 100%;
padding: 10px 15px;
border: 1px solid var(--primary);
margin-bottom: 10px;
}
.newsletter-block input[type="submit"] {
padding: 10px 15px;
border: 1px solid var(--primary);
background-color: var(--primary);
color: #fff;
width: 100%;
transition: 0.1s all linear;
}
.newsletter-block input[type="submit"]:hover {
background-color: transparent;
color: var(--primary);
}
.mc4wp-checkbox-contact-form-7 label span {
font-size: 0.8em;
}  .popup-trigger {
background: var(--secondary);
color: #fff;
font-size: 0.8em;
width: 300px;
text-align: center;
-moz-border-radius: 50%;
position: fixed;
bottom: 10px;
right: 10px;
border: 2px solid #fff;
z-index: 9999;
}
i.fab.fa-whatsapp {
position: absolute;
top: -27px;
left: 50%;
transform: translateX(-50%);
background: var(--secondary);
font-size: 44px;
line-height: 44px;
width: 54px;
height: 54px;
border-radius: 50%;
padding: 5px;
}
.footer-image-wrap {
position: relative;
}
.footer-image-wrap img{
width: 100%;
height:auto;
}
#footer {
background-color: var(--primary);
color: #fff;
}
.footer-wrap {
padding:50px 0;
}
#footer, #footer h4 {
color:#fff;
}
#footer h4 {
font-size: 1.5em;
}
#footer ul {
margin: 0 0 50px;
padding: 0;
}
#footer li {
list-style: none;
}
#footer li a {
color: #fff;
text-decoration: none;
}
#footer li a:hover {
text-decoration: underline;
}
.copyright {
font-size: 0.85em;
}
.copyright a {
color:#fff;
}
.copyright p {
margin: 0;
}
.recaptcha-disclaimer a {
color: #fff;
}
#copyright {
background-color: var(--accent);
color:#fff;
padding: 30px 0
}
#copyright img {
height: 150px;
width: auto;
}
#copyright .social {
display: inline-block;
font-size: 24px;
padding-left: 5px;
margin: 20px 0;
}
#copyright .social a{
color:#fff;
}
#copyright .newsletter {
background: none;
text-align: center;
margin:0;
}
#copyright .newsletter button {
background-color: #665570;
}
#copyright .newsletter p {
margin-bottom: 10px;
} input.wpcf7-form-control, textarea.wpcf7-form-control.wpcf7-textarea, .wpcf7 select {
width: 100%;
padding: 8px;
margin-bottom: 15px;
border: 1px solid #999;
}
.wpcf7 p {
margin: 0;
}
#footer input.wpcf7-form-control, #footer textarea.wpcf7-form-control.wpcf7-textarea {
font-size: 0.8em;
}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 150px;
}
.footer-logos {
text-align: center;
}
.footer-logo {
display: inline-block;
padding: 10px;
text-align: center;
}
.footer-logo img {
max-height: 150px;
width: auto;
margin: 0 10px;
}
.shop-wrap {
margin: 80px 0;
}
a.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt  {
background: var(--primary);
border: 1px solid var(--primary);
color: #fff;
font-weight: 400;
padding: 10px 15px;
border-radius: 0;
text-decoration: none;
transition: 0.1s all linear !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover {
background: var(--primary);
border: 1px solid var(--primary);
color: #fff;
font-weight: 400;
padding: 10px 15px;
border-radius: 0;
text-decoration: none;
transition: 0.1s all linear !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
background-color: #fff;
color: var(--primary);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: var(--accent);
}
a.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
color: var(--primary);
background-color: #fff;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
vertical-align: middle;
}
.woocommerce div.product form.cart .variations select#value {
padding: 0 10px;
font-family: 'Lato';
color: var(--primary);
}
@media (min-width: 480px) {
.floating-text-block h2 {
font-size: 2em;
}
}
@media (min-width: 768px) {
h1 {
font-size: 2em;
margin-top: 0;
}
h2{
font-size: 1.75em;
}
h3 {
font-size: 1.5em;
}
.home-slider-wrap p.headline,
.home-slider-wrap h1.headline  {
font-size: 3em;
}
.slider-content p, .banner-content p {
font-size: 1.25em;
line-height: 1.5em;
}
#header .social, #header .btn-topbar {
display: block;
}
.testimonials-heading {
font-size: 2em;
}
.full-width ul:after {
clear: both;
content: '';
display: block;
}
.cat-grid-content p {
font-size: 2em;
}
}
@media (min-width: 992px) {
.video-bg-wrap .overlay {
position: absolute;
top:0;
left:0;
z-index: 9999;
display: flex;
align-items: center;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
#menu-main-menu {
padding: 0;
margin: 0;
list-style: none;
}
.slider-content {
padding: 0 100px;
}
.image-text-content {
padding: 70px 50px;
}
}
@media(min-width: 1200px) {
.mobile-menu-btn {
display: none;
}
.nav-menu {
display: block;
margin-right: 20px;
}
.nav-menu ul {
display: flex;
justify-content: flex-end;
margin:0;
padding: 0;
}
.nav-menu li {
position: relative;
}
.nav-menu li a {
display: block;
padding: 10px 8px;
text-decoration: none;
color: #fff;
font-size: 0.7em;
text-transform: uppercase;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.nav-menu li a:hover {
color: #e5d7de;
}
.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 var(--secondary);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
transition: max-height 0.1s ease-out;
line-height: 1.8em;
}
.nav-menu  li:last-of-type ul.sub-menu {
left: 100%;
transform: translateX(-100%);
}
.nav-menu ul.sub-menu:after {
content: '';
border: 6px solid transparent;
width: 0;
height: 0;
border-bottom-color: var(--secondary);
position: absolute;
top: -12px;
left: 45%;
}
.nav-menu  li:last-of-type ul.sub-menu:after {
left: 75%;
}
.nav-menu ul.sub-menu li {
padding: 0;
width: 100%;
position: relative;
list-style: none;
}
.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: var(--secondary);
line-height: 1.8em;
padding: 10px;
}
.nav-menu ul.sub-menu li a:hover {
color: #fff;
background: var(--secondary);
} .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;
}
.floating-text-wrap {
width: 80%;
} }
@media(min-width: 1400px) {
.nav-menu li a {
padding: 10px;
font-size: 0.85em;
}
}
.home-tabs-wrap {
position: relative;
margin-bottom: 50px;
}
.home-tabs-title {
background:#a5d0d7;
text-align: center;
padding:20px 0 0;
}
.home-tabs-title  h2{
margin: 0 0 20px;
color: #7f5b13;
}
ul.tabs {
margin: 0 0 15px 0;
padding: 0;
list-style: none;
text-align: center;
text-transform: uppercase;
font-size: 15px;
display: flex;
justify-content: center;
position: relative;
border-bottom: 2px solid #a5d0d7;
}
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;
}
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;
}