:root {
--green: #173529;
--gold: #aa8453;
--black: #222222;
--grey: #2b2b2b;
--white: #ddd;
--displayfont: 'Barlow Condensed', sans-serif;
--headingfont: 'Gilda Display', serif;
--bodyfont: 'Open Sans', arial, sans-serif;
--padding: 20px;
--sidebar: 300px;
--sidebar-mobile: -300px;
}
@media (min-width: 992px) {
:root {
--padding: 40px;
}
}
body {
margin: 0;
font-family: "Open Sans", helvetica, arial;
font-size: 16px;
font-weight: 300;
line-height: 1.8;
color: #d7d7d7;
background-color: var(--black);
}
h1.error-404 {
margin:50px 0;
}
h1, h2, h3, h4, h5, h6{
margin-bottom: 1rem;
font-family: inherit;
line-height: 1.2em;
color: inherit;
letter-spacing: 1px;
color:#fff;
font-weight: 400;
font-family: var(--headingfont);
}
a {
color:var(--gold);
-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(--gold);
}
h1 {
font-size: 2em;
margin-top: 0;
}
h2{
font-size: 1.75em;
}
h3 {
font-size: 1.5em;
}
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,
.wpbs-form-submit-button button,
.wpbs-coupon-code-add,
li.btn a {
border: 1px solid var(--gold);
color: #fff;
font-family: var(--bodyfont);
letter-spacing: 1px;
background: var(--gold);
text-decoration: none;
padding: 15px 25px;
display: block;
width: 250px;
text-transform: uppercase;
transition: all 0.1s linear;
text-align: center;
font-size: 1.1em;
}
li.btn a {
width: 100%;
margin-bottom: 20px;
}
input.wpcf7-form-control.wpcf7-submit {
width: 100%;
}
a.btn:hover, input.wpcf7-form-control.wpcf7-submit:hover,
.wpbs-form-submit-button button:hover,
li.btn a:hover {
background: #fff;
color:var(--gold);
}
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(--gold);
}
a.btn-topbar {
padding: 5px;
margin: 10px 0;
font-size: 0.9em;
}
.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(--gold);
}
.bg-center {
background-size: cover;
background-position: center center;
}
.no-padding {
padding: 0;
}
.grecaptcha-badge { 
visibility: hidden;
} #header {
background-color: var(--green);
}
#header .nav-menu {
display: none;
}
.mobile-menu-btn {
background: #000;
color: #fff;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
display: block;
border: 1px solid #fff;
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: #fff;
font-size: 24px;
}
.st-trigger-effects button {
cursor: pointer;
}
.st-trigger-effects i {
display:block;
}
i.fas.fa-bars {
color: #fff;
}
.mobile-overlay {
width: 100%;
height: 100%;
transition: opacity 0.3s ease;
background-color: rgba(0,0,0,0.5);
visibility: hidden;
opacity: 0;
}
.mobile-overlay.show {
visibility: visible;
z-index: 8000;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.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;
} .top-form input#search,
input#faq-search {
background: transparent;
border: none;
border-bottom: 1px solid var(--gold);
color: #fff;
}
.top-form input#search::placeholder,
input#faq-search::placeholder {
color: #d7d7d7;
}
.top-form input#search:focus,
.top-form input#search:active,
input#faq-search:focus,
input#faq-search:active 
{
border-bottom: 1px solid #fff;
outline:none;
}
.top-form button {
border: none;
background-color: var(--gold);
color: #fff;
border-radius: 3px;
margin-left: -3px;
}
input#faq-search {
width: 250px;
} #side .nav-menu {
display: block;
}
#side .nav-menu ul {
margin:0;
padding: 0;
}
#side .nav-menu li {
position: relative;
}
#side .nav-menu li a {
display: block;
font-size: 0.9em;
padding: 10px 0;
text-decoration: none;
color: #fff;
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;
}
#side .nav-menu li.current-menu-item a {
color: var(--gold)
}
#side .nav-menu li.btn.current-menu-item a {
color: #fff;
}
#side .nav-menu li a:hover,
#header .nav-menu li a:hover {
color: var(--gold);
}
#side a.nav-telephone,
#header a.nav-telephone {
text-decoration: none;
font-family: var(--displayfont);
font-size: 1.5em;
margin: 20px 0;
display: block;
}
#side a.nav-telephone i {
margin-right: 5px;
}
#side a.nav-telephone:hover {
color: #fff;
}
#side ul {
padding: 0;
margin: 0;
list-style: none;
}
#side ul.sub-menu {
display: none;
}
#side .btn a {
font-size: 0.8em;
padding: 10px;
}
#body-container {
position: relative;
}
#side {
width: var(--sidebar);
padding: 50px;
background-color: var(--green);
position: fixed;
height: 100%;
top: 0;
left: var(--sidebar-mobile);
overflow-y: auto;
transition: left 0.3s ease; 
z-index: 9998;
}
#side.show {
left: 0; 
} @-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: 9997;
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: 9997;
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;
}
#home-slider {
height: 500px;
overflow: hidden;
background-image:url(//abbeyholidayslochness.com/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;
}
.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 {
color: #fff;
margin: 0;
font-size: 2em;
line-height: 1.2em;
font-family: var(--headingfont);
text-transform: uppercase;
}
.home-slider-wrap p {
margin: 20px 0 30px;
text-shadow: 2px 2px 15px #000;
}
.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;
}
.banner-content {
margin:0 50px;
}
.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(--gold);
text-align:center;
}
.booking-bar {
border-top: 1px solid var(--gold);
border-bottom: 1px solid var(--gold);
padding: 20px;
}
.booking-bar a {
letter-spacing: 1px;
color: #fff;
text-decoration: none;
transition: 0.1s all linear;
background: var(--gold);
font-size: 0.9em;
border: 1px solid #fff;
}
.booking-bar a:hover {
color: var(--gold);
background:#fff;
} .cta-bar-inner {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding: 15px;
}
.cta-bar {
background:var(--gold);
padding:15px;
text-align:center;
} .bg-image img,
.image-slider img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.bg-image {
min-height: 400px;
}
.image-text-content {
min-height: 400px;
}
.image-text {
padding: var(--padding);
}
.image-text-content {
padding:50px 0;
}
.image-slider {
width: 100%;
height: 100%;
} .left-underline:after {
width: 150px;
height: 2px;
background-color: var(--gold);
content: '';
display: block;
margin-top: 15px;
}
.center-underline:after {
width: 150px;
height: 2px;
background-color: var(--gold);
content: '';
display: block;
margin: 15px auto 0;
}
.underline-white:after {
background-color: #fff;
}
.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(--gold);
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: var(--padding);
}
.icon-grid .icon {
font-size: 34px;
color: var(--gold);
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.icon-grid-wrap {
border: 1px solid #2b2b2b;
padding: 30px 20px;
margin-bottom: 30px;
}
.icon-grid-wrap h2 {
font-size: 1.4em;
letter-spacing: normal;
margin: 10px 0;
}
.icon-grid .icon-text {
margin:0;
} .icon-wrap {
margin:20px 0;
} 
.icon-row {
text-align: center;
padding:60px 0;
}
.icon-row h2 {
font-weight: 400;
color:var(--gold);
padding-bottom:10px;
}
.icon-row a {
text-decoration: none;
}
.icon-row .icon {
font-size: 34px;
border: 2px solid var(--gold);
color: var(--gold);
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-row.light {
background-color: var(--gold);
}
.icon-row.light.grey {
background-color: var(--grey);
}
.icon-row.light h2,
.icon-row.light a,
.icon-row.light .icon-text {
color:#fff;
}
.icon-row.light .icon {
border-color: #fff;
color: #fff;
}
.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: 30px 0;
background:var(--grey);
color:#fff;
}
.full-width a {
color: #fff;
}
.full-width h2, .full-width h3 {
color: #fff;
}
.full-width.light {
background:var(--gold);
}
.wide-tmpl {
padding: 30px 10px;
}
.wpbs_s-search-widget {
margin-bottom: 30px;
} 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(--gold);
padding: 15px 0;
} .category-boxes {
padding: var(--padding);
}
.cat-box {
overflow: hidden;
}
.cat-box-wrap {
margin-top:15px;
display: flex!important;
flex-flow: column;
}
.cat-box-wrap:hover .cat-box img {
scale: 1.1;
}
.cat-box img {
width: 100%;
height:auto;
transition: 0.3s all linear;
}
.cat-box-content {
border: 1px solid var(--gold);
padding: 20px;
text-align: center;
width: 90%;
margin: -20% auto 35px;
position: relative;
background: #fff;
flex-grow: 1;
display: flex;
flex-direction: column;
background-color: var(--black);
}
.cat-box-content h3 {
font-size: 1.5em;
color: #fff;
}
.cat-box-content a {
text-decoration: none;
color: var(--white);
}
.cat-box-content .cat-link {
border: 1px solid var(--gold);
color: #fff;
font-family: var(--bodyfont);
letter-spacing: 1px;
background: var(--gold);
text-decoration: none;
padding: 15px 25px;
display: block;
width: 100%;
font-size: 1.1em;
text-transform: uppercase;
transition: all 0.1s linear;
text-align: center;
margin-top:auto;
}
.cat-box-content .cat-link:hover {
color: #fff;
background-color: var(--gold);
}
p.cat-excerpt {
font-size: 0.85em;
}
.cat-box-content a:hover {
color: #fff;
} .cat-grid {
padding: var(--padding);
}
.cat-grid-bg {
background-color: var(--grey);
}
.cat-grid-content {
padding: 60px 20px;
}
.cat-grid-content h2 {
color: #fff;
font-family: var(--headingfont);
font-size: 1.5em;
font-style: normal;
}
.cat-grid-content h3 {
color: var(--gold);
font-family: var(--displayfont);
text-transform: uppercase;
letter-spacing: 4px;
font-size: 1em;
}
.cat-grid-content p {
color:var(--white);
} .testimonials-section {
padding: 30px 0 50px;
}
.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;
font-family: 'Kaushan Script', georgia,serif;
color: var(--gold);
}
a.testimonials-url {
display: block;
text-align: right;
text-decoration: none;
font-style: italic;
color: #002E5D;
text-transform: uppercase;
font-family: 'Kaushan Script', georgia, serif;
}
.testimonial-full p:before {
content: '“';
}
.testimonial-full p:after {
content: '“';
} .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(--gold);
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(--gold);
margin-bottom: 15px;
}
.menu-highlight {
border: 2px solid var(--gold);
margin-bottom: 20px;
}
.menu-highlight-title {
background: var(--gold);
color: #fff;
padding: 5px 20px;
font-family: 'Kaushan Script', serif;
} .header-wide {
text-align: center;
margin: 30px 0;
}
.testimonials-heading {
font-weight: 400;
font-family: 'Kaushan Script', serif;
font-size: 1.5em;
font-style: italic;
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: 'Kaushan Script', serif;
color: #002E5D;
} figcaption {
text-align: center;
font-style: italic;
font-size: 0.85em;
display: block;
color: var(--gold);
}
.blog-header {
margin:30px 0;
}
.blog-content {
margin: 50px 0;
}
h1.blog-title a {
text-decoration: none;
}
.blog-footer-blocks {
margin:60px 0;
}
.blog-footer-slides {
position: relative;
}
.blog-footer-slides a {
position: absolute;
bottom: 0;
left: 5%;
width: 90%!important;
border: 1px solid var(--gold);
background: #fff;
color: var(--gold);
text-decoration: none;
padding: 15px 25px;
display: block;
text-transform: uppercase;
width: 250px;
transition: all 0.1s linear;
text-align: center;
font-size: 1em;
border-radius: 0;
margin: 30px 0;
}
.blog-footer-slides a:hover {
background:var(--gold);
color: #fff;
}
.entry-date {
font-size: 13px;
margin-bottom: 30px;
}
#sidebar {
margin-top: 30px;
}
.sidebar-cat {
border: 1px solid var(--gold);
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(--gold);
}
ul.tax-list {
margin: 0;
padding: 0;
}
ul.tax-list li {
list-style: none;
float: left;
}
ul.tax-list li a {
background-color: var(--gold);
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: 20px;
background: var(--gold);
}
.video-bg video {
width: 100%;
display: block;
}
.bottom-content {
margin:30px 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(--gold);
background: var(--gold);
padding: 15px;
transition: 0.1s all linear;
}
.nl-popup input[type="submit"]:hover {
background: #fff;
color: var(--gold);
}  .popup-trigger {
color: #fff;
text-align: center;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 9997;
}
i.fab.fa-whatsapp {
background: var(--gold);
font-size: 34px;
width: 45px;
height: 45px;
border-radius: 50%;
padding: 5px 5px 5px 8px;
}
.whatsapp-msg {
margin: 0; 
padding: 30px 5px 5px;
display: none;
}
.footer-image-wrap {
position: relative;
}
.footer-image-wrap img{
width: 100%;
height:auto;
}
#footer {
background-color: var(--grey);
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(--black);
color:#fff;
padding: 30px 0
}
#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;
} .wpbs-form-selected-dates {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.wpbs-main-wrapper {
background: var(--grey);
padding: 10px 30px;
margin: 50px 0;
}
.wpbs-overview-container {
background-color: #fff;
}
.full-width .wpbs-overview-container {
color: #adadad;
}
.full-width .wpbs-overview-container a {
color: var(--gold);
}
.wpbs-form-field-label {
font-family: var(--displayfont);
color: var(--white);
letter-spacing: 1px;
font-size: 1em;
}
.wpbs-pricing-table {
width: 100%;
}
.wpbs-legend,
.wpbs-calendars {
color: #2b2b2b;
}
.wpbs-main-wrapper table.wpbs-pricing-table td:first-child, .wpbs-main-wrapper table.wpbs-pricing-table th:first-child {
border-right: 1px solid var(--white) !important;
text-align: left !important;
}
.wpbs-main-wrapper table.wpbs-pricing-table td, .wpbs-main-wrapper table.wpbs-pricing-table th {
border: none !important;
line-height: 22px !important;
border-bottom: 1px solid var(--white) !important;
margin: 1px;
padding: 10px 10px !important;
font-size: 16px !important;
}
.wpbs-main-wrapper table.wpbs-pricing-table tr td small.wpbs-line-item-description {
display: block;
}
.wpbs-form-field-input input[type=checkbox] {
width: auto;
margin-right: 5px;
}
.wpbs-main-wrapper small {
font-size: 85%;
}
.wpbs-main-wrapper table.wpbs-pricing-table thead th {
background: var(--white);
color: var(--grey);
font-weight: 600;
border: none !important;
}
.wpbs-main-wrapper table.wpbs-pricing-table tr.wpbs-line-item-subtotal td, .wpbs-main-wrapper table.wpbs-pricing-table tr.wpbs-line-item-total td {
background: var(--white);
color: var(--grey);
font-weight: 600;
} input.wpcf7-form-control, 
textarea.wpcf7-form-control.wpcf7-textarea, 
.wpcf7 select,
.wpbs-form-field-input input,
.wpbs-form-field-input select,
.wpbs-form-field-input textarea {
width: 100%;
padding: 8px;
margin-bottom: 15px;
border: 1px solid #999;
}
.wpbs-form-field-input input[type="radio"] {
width: auto;
}
.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;
}
@media (min-width: 480px) {
.floating-text-block h2 {
font-size: 2em;
}
}
@media (min-width: 768px) {
h1 {
font-size: 2.5em;
margin-top: 0;
}
h2{
font-size: 2em;
}
h3 {
font-size: 1.5em;
}
.home-slider-wrap p.headline {
font-size: 3em;
}
.slider-content p, .banner-content p {
font-size: 1.5em;
line-height: 1.75em;
}
.banner-content p {
margin:0;
}
#header .social, #header .btn-topbar {
display: block;
}
.video-bg-wrap .overlay {
padding: 50px;
}
.full-width {
padding: var(--padding);
}
.testimonials-heading {
font-size: 2em;
}
.testimonials-wrap {
background-repeat: no-repeat;
background-position: center left;
padding: 40px;
}
.full-width ul:after {
clear: both;
content: '';
display: block;
}
.full-width li {
width: 40%;
float: left;
margin-right: 5%;
}
}
@media (min-width: 992px) {
#home-slider {
height: 800px;
}
.image-text-content {
padding:50px;
}
i.fab.fa-whatsapp {
position: absolute;
top: -27px;
left: 50%;
transform: translateX(-50%);
background: var(--gold);
font-size: 44px;
width: 54px;
height: 54px;
border-radius: 50%;
padding: 5px;
}
.whatsapp-msg {
display: block;
}
.blog-footer-content ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
margin: 0;
padding: 0 0 0 20px;
}
}
@media(min-width: 1200px) {
.mobile-menu-btn {
display: none;
}
.wide-tmpl {
padding: 50px;
}
#header .nav-menu {
display: block;
}
#header .nav-menu ul {
display: flex;
justify-content: flex-end;
margin: 0;
padding: 0;
list-style: none;
padding: 0;
margin: 0;
list-style: none;
}
#header .nav-menu li {
position: relative;
}
#header .nav-menu li a {
display: block;
padding: 10px 8px;
text-decoration: none;
color: #fff;
font-size: 0.8em;
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;
}
#header .nav-menu li:hover ul.sub-menu {
display: block;
overflow: visible;
transition: max-height 0.8s ease-in;
}
#header .nav-menu li 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(--gold);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
transition: max-height 0.1s ease-out;
line-height: 1.8em;
}
#header .nav-menu  li:last-of-type ul.sub-menu {
left: 100%;
transform: translateX(-100%);
}
#header .nav-menu ul.sub-menu:after {
content: '';
border: 6px solid transparent;
width: 0;
height: 0;
border-bottom-color: var(--gold);
position: absolute;
top: -12px;
left: 45%;
}
#header .nav-menu  li:last-of-type ul.sub-menu:after {
left: 75%;
}
#header .nav-menu ul.sub-menu li {
padding: 0;
width: 100%;
position: relative;
list-style: none;
}
#header .nav-menu ul.sub-menu li:after {
border: none;
}
#header  .nav-menu ul.sub-menu li a {
font-size: 13px;
font-weight: 400;
display: block;
margin-bottom: 0;
color: var(--gold);
line-height: 1.8em;
padding: 10px;
}
#header .nav-menu ul.sub-menu li a:hover {
color: #fff;
background: var(--gold);
} #header .nav-menu ul.sub-menu li ul {
position: absolute;
left: 100%;
top: 0;
transform: none;
display: none!important;
}
#header .nav-menu ul.sub-menu li:hover ul {
display: block!important;
}
#header  .nav-menu ul.sub-menu li ul:after {
border:none;
}
.popup-trigger {
background: var(--gold);
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: 9997;
} }
.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;
}
@media (min-width:1300px) {
.floating-text-content {
padding: 30px;
text-shadow: 1px 1px 3px #000;
}
#header .nav-menu li a {
font-size: 1em;
}
.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);
}
}