@font-face {
font-family: 'flemishscript_btregular';
src: url(//www.africanvineyard.co.za/wp-content/themes/africanvineyardtheme/assets/fonts/flemishscript/flemscrn-webfont.eot);
src: url(//www.africanvineyard.co.za/wp-content/themes/africanvineyardtheme/assets/fonts/flemishscript/flemscrn-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.africanvineyard.co.za/wp-content/themes/africanvineyardtheme/assets/fonts/flemishscript/flemscrn-webfont.woff2) format('woff2'),
url(//www.africanvineyard.co.za/wp-content/themes/africanvineyardtheme/assets/fonts/flemishscript/flemscrn-webfont.woff) format('woff'),
url(//www.africanvineyard.co.za/wp-content/themes/africanvineyardtheme/assets/fonts/flemishscript/flemscrn-webfont.ttf) format('truetype'),
url(//www.africanvineyard.co.za/wp-content/themes/africanvineyardtheme/assets/fonts/flemishscript/flemscrn-webfont.svg#flemishscript_btregular) format('svg');
font-weight: normal;
font-style: normal;
}
body {
color: #4d4d4d;
font-family: 'Nunito Sans', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 26px;
}
body * {
}
body p {
line-height: 26px;
}
body.locked {
overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Cormorant Garamond', serif;
font-weight: 400;
color: #8f7745;
margin: 0 0 30px 0;
position: relative;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
hr {
border-color: transparent;
clear: both;
margin: 30px 0;
}
::selection {
background: transparent; background-color: transparent;
color: inherit;
}
::-moz-selection {
background: transparent; background-color: transparent;
color: inherit;
}
a {
color: #8f7745;
}
a:focus, a:hover {
color: #8f7745;
text-decoration: none;
}
.btn {
background-color: transparent;
border: 1px solid #8f7745;
border-radius: 0;
color: #8f7745;
display: inline-block;
font-family: 'Outfit', sans-serif;
font-size: 16px;
font-weight: 500;
outline: none !important;
margin-top: 30px;
padding: 10px 40px;
position: relative;
text-transform: uppercase;
-webkit-transition: 500ms;
transition: 500ms;
vertical-align: middle;
}
.btn.full {
display: block;
width: 100%;
}
.btn.pull-left,
.btn.pull-right {
width: 48%;
}
.btn:focus,
.btn:hover {
color: #8f7745;
}
.primary-btn {
background-color: #ffffff;
}
.primary-btn:hover {
background-color: #e9e4da;
}
.secondary-btn {
background-color: #e9e4da;
}
.secondary-btn:hover {
background-color: #ffffff;
}
ul {
list-style: none;
margin: 0 0 30px 0;
padding: 0;
}
ul li {
position: relative;
}
img {
height: auto;
max-width: 100%;
}
.extra-padding-30 {
padding: 30px;
}
.extra-padding-x-30 {
padding: 0 30px;
}
.extra-padding-y-30 {
padding: 30px 0;
}
.for-mobile, .for-tablet {
display: none !important;
}  header.primary {
background-color: #ffffff;
position: relative;
}
nav.menu {
background-color: #ffffff;
padding: 0 20px;
position: relative;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
width: 100%;
}
body.home header.primary,
body.single header.primary,
body.error404 header.primary,
body.page-contact header.primary {
background-color: transparent;
bottom: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 9;
}
body.home nav.menu,
body.single nav.menu,
body.error404 nav.menu,
body.page-contact nav.menu {
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15);
left: 0;
position: fixed;
top: 0;
width: 100%;
}
body.home.admin-bar nav.menu,
body.single.admin-bar nav.menu,
body.error404.admin-bar nav.menu,
body.page-contact.admin-bar nav.menu {
top: 32px;
}
nav.menu.fixed {
background-color: #ffffff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15);
left: 0;
position: fixed;
right: 0;
top: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
width: 100%;
z-index: 9;
}
body.admin-bar nav.menu.fixed {
top: 32px;
}
nav.menu .brand {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
padding: 11px 0;
position: relative;
}
nav.menu .brand a.logo {
color: #ffffff;
display: block;
height: 100px;
margin-right: 25px;
}
nav.menu .menu-list-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: right;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
nav.menu .menu-list-inner,
nav.menu .menu-list-inner #menu-list {
display: flex;
}
nav.menu .menu-list-inner ul {
display: inline-block;
margin: 0;
}
nav.menu .menu-list-inner ul.nav-list {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style-type: none;
margin: 28px 0 25px 0;
padding: 0;
}
nav.menu .menu-list-inner ul li:first-child {
margin-left: 0;
}
nav.menu .menu-list-inner ul li {
display: block;
float: left;
margin-left: 40px;
position: relative;
}
nav.menu .menu-list-inner ul li a {
color: #141414;
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: normal;
padding: 25px 0;
position: relative;
text-transform: uppercase;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
nav.menu .menu-list-inner ul li a:hover,
nav.menu .menu-list-inner ul li.current-menu-item a,
nav.menu .menu-list-inner ul li.current-post-ancestor a {
color: #8f7745;
}
nav.menu a.mobile-nav-toggle {
display: none;
float: right;
margin-left: 0;
margin-top: 50px;
}
header nav.menu a.mobile-nav-toggle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 2px solid #131313;
border-bottom: 2px solid #131313;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 20px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 40px;
position: relative;
-webkit-transition: 500ms;
transition: 500ms;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
width: 24px;
}
header nav.menu a.mobile-nav-toggle span {
background-color: #131313;
display: block;
height: 2px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
width: 100%;
}
@media (min-width: 1200px) {
header nav.menu a.mobile-nav-toggle {
display: none;
}
}
nav.menu .menu-list-inner ul li.dropdown > a button {
background: none;
border: none;
border-radius: 0;
color: #ffffff;
display: none;
margin-left: 10px;
outline: none;
padding: 0 0;
}
header nav.menu .menu-list-inner ul > li.dropdown {
position: relative;
}
@media screen and (min-width: 1200px) {
header nav.menu .menu-list-inner ul > li.dropdown > ul.dropdown-menu {
transform: translateY(50px);
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
header nav.menu .menu-list-inner ul > li.dropdown:hover > ul.dropdown-menu {
opacity: 1;
transform: translateY(0) !important;
visibility: visible;
}
}
header nav.menu .menu-list-inner ul > li.dropdown > ul.dropdown-menu {
background-color: #ffffff;
border: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.25);
display: block;
margin: 0 auto 0 auto;
opacity: 0;
padding: 20px 20px;
position: absolute;
top: 100%;
visibility: hidden;
width: 280px;
}
body.fixed-nav header nav.menu .menu-list-inner ul > li.dropdown > ul.dropdown-menu {
margin: 0 auto 0 auto;
}
header nav.menu .menu-list-inner ul > li.dropdown > ul.dropdown-menu > li {
display: block;
float: none;
margin-left: 0;
padding: 0 0;
position: relative;
}
header nav.menu .menu-list-inner ul > li.dropdown > ul.dropdown-menu > li > a {
overflow: hidden;
padding: 5px 0;
-webkit-transition: 500ms;
transition: 500ms;
}
header nav.menu .menu-list-inner ul > li.dropdown > ul.dropdown-menu > li.current-menu-item > a {
color: #8f7745;
}
header nav.menu .menu-list-inner ul > li.dropdown > ul.dropdown-menu > li > a::before,
header nav.menu .menu-list-inner ul > li.dropdown > ul.dropdown-menu > li > a::after {
display: none;
}
header nav.menu .menu-list-inner ul > li.dropdown > ul.dropdown-menu > li:hover > a {
color: #8f7745;
}  section.slider {
padding: 0 0;
position: relative;
z-index: 1;
}
section.slider .main-slider {
height: 80vh;
width: 100%;
}
section.page-header {
border: none;
height: 70vh;
margin: 0;
padding: 0;
width: 100%;
}
section.page-header::before {
background-color: rgba(0, 0, 0, .60);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 2;
}
section.page-header .container {
padding-top: 300px;
position: relative;
z-index: 30;
}
section.page-header h1 {
color: rgba(255, 255, 255, 0.75);
font-family: 'Cormorant Garamond', serif;
font-size: 66px;
font-style: normal;
font-weight: 400;
letter-spacing: 1px;
line-height: 76px;
margin: 0;
text-align: center;
text-transform: uppercase;
}
section.slider .page-header-slider {
height: 70vh;
width: 100%;
}
section.slider .page-header-slider .swiper-wrapper .swiper-slide::before {
background-color: rgba(0, 0, 0, .60);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 2;
}
section.slider .main-slider .swiper-slide,
section.slider .page-header-slider .swiper-slide {
background-position: center;
background-size: cover;
}
section.slider .main-slider .swiper-slide .slide-layer,
section.slider .page-header-slider .swiper-slide .slide-layer {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 7000ms ease;
transition: -webkit-transform 7000ms ease;
transition: transform 7000ms ease;
transition: transform 7000ms ease, -webkit-transform 7000ms ease;
z-index: 1;
}
section.slider .main-slider .swiper-slide .container {
padding-top: 250px;
position: relative;
z-index: 30;
}
section.slider .main-slider .swiper-slide .slide-content,
section.slider .page-header-slider .swiper-slide .slide-content {
text-align: center;
}
section.slider .main-slider .swiper-slide .slide-content h1 {
color: rgba(255, 255, 255, 0.75);
font-family: 'flemishscript_btregular';
font-size: 300px;
font-style: normal;
font-weight: normal;
letter-spacing: 150px;
line-height: 260px;
margin: 0;
text-align: center;
-webkit-transform: translateY(120px);
transform: translateY(120px);
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms;
-webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
transition: transform 2000ms ease, opacity 2000ms ease;
transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
visibility: hidden;
}
section.slider .main-slider .swiper-slide-active .slide-content h1 {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0);
}
section.slider .page-header-slider .swiper-slide .container {
padding-top: 300px;
position: relative;
z-index: 30;
}
section.slider .page-header-slider .swiper-slide .slide-content h1 {
color: rgba(255, 255, 255, 0.75);
font-family: 'Cormorant Garamond', serif;
font-size: 66px;
font-style: normal;
font-weight: 400;
letter-spacing: 1px;
line-height: 76px;
margin: 0;
text-align: center;
text-transform: uppercase;
-webkit-transform: translateY(120px);
transform: translateY(120px);
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms;
-webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
transition: transform 2000ms ease, opacity 2000ms ease;
transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
visibility: hidden;
}
section.slider .page-header-slider .swiper-slide-active .slide-content h1 {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0);
}
section.slider .main-slider .swiper-pagination span.swiper-pagination-bullet,
section.slider .page-header-slider .swiper-pagination span.swiper-pagination-bullet {
background-color: rgba(255, 255, 255, 0.8);
height: 12px;
width: 12px;
}  section {
background-color: rgb(233, 228, 218);
overflow: hidden;
padding: 75px 0;
position: relative;
}
section.main-page {
background-color: #ffffff;
}
section.main-page .main-page-title,
section.main-page .main-post-title {
padding: 15px 0;
text-align: center;
}
section.main-page .main-page-title h1,
section.main-page .main-post-title h1 {
color: #141414;
display: inline-block;
font-size: 32px;
line-height: 50px;
width: 70%;
}
section.main-page .main-page-image {
text-align: center;
}
section.main-page .main-page-content,
section.main-page .main-post-content {
text-align: center;
}
.fb_iframe_widget_fluid_desktop iframe,
section.main-page .fb_iframe_widget_fluid_desktop iframe,
section.main-page .main-page-content iframe,
section.main-page .post-content iframe,
section.main-page .main-page-content .post-content iframe {
max-width: 25% !important;
}
section.main-page .main-page-content .hidden-gallery,
section.main-page .main-post-content .hidden-gallery {
display: none !important;
}
section.main-page .main-page-gallery {
display: none;
}
section.main-page .main-page-gallery,
section.main-page .main-post-gallery {
border-top: 1px solid rgb(233, 228, 218);
margin-top: 50px;
padding: 50px 0;
}
section.main-page .main-page-gallery .gallery,
section.main-page .main-post-gallery .gallery {
margin: 15px -15px 0 -15px !important;
}
section.main-page .main-page-gallery .gallery.gallery-size-medium dl.gallery-item,
section.main-page .main-post-gallery .gallery.gallery-size-medium dl.gallery-item {
float: left;
text-align: center;
width: 25%;
}
section.main-page .main-page-gallery .gallery dl.gallery-item,
section.main-page .main-post-gallery .gallery dl.gallery-item {
margin: 15px 0 !important;
padding: 0 15px !important;
}
section.main-page .main-page-gallery .gallery dl.gallery-item dt.gallery-icon img,
section.main-page .main-post-gallery .gallery dl.gallery-item dt.gallery-icon img {
border: none !important;
}
section.page-intro .intro-content {
padding: 15px 0;
text-align: center;
}
section.main-page-additional-content {
padding: 150px 0;
text-align: center;
}
body.page-contact section.main-page-additional-content {
padding-top: 275px;
}
section.main-page-additional-content blockquote {
background-color: #ffffff;
border: none;
font-size: 16px;
font-style: italic;
margin: 50px 0 25px 0;
padding: 25px;
text-align: center;
}
section.main-page-additional-content .floating-content {
background-color: rgba(255, 255, 255, 0.90);
padding: 50px;
}
section.main-page-additional-content .floating-content h2 {
margin-bottom: 15px;
}
section.main-page-additional-content .floating-content h3 {
color: #141414;
font-family: 'Nunito Sans', sans-serif;
font-size: 18px;
}
section.main-page-additional-content ul li {
display: inline-block;
padding-left: 15px;
}
section.main-page-additional-content ul li::before {
background-color: #4d4d4d;
border-radius: 50%;
bottom: 0;
content: "";
height: 4px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
width: 4px;
}
body.page-about section.page-intro {
background-color: #ffffff;
}
section.bottom-section {
padding: 250px 0;
text-align: center !important;
}
section.bottom-section::before {
background-color: rgba(0, 0, 0, .60);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
body.page-venue section.bottom-section::before {
display: none;
}
section.bottom-section h1 {
color: #ffffff;
}
section.bottom-section p {
color: #ffffff;
}
section.bottom-section .dark-text,
section.bottom-section .dark-text h1,
section.bottom-section .dark-text p {
color: #8f7745;
}
.accordion, .accordion * {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
.accordion {
overflow: hidden;
}
.accordion-section-title {
background-color: transparent;
border-top: 1px solid #e9e4da;
display: block;
padding: 10px 15px 10px 50px;
position: relative;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
width: 100%;
}
.accordion-section-title::before {
background-color: #e9e4da;
bottom: 0;
color: #ffffff;
content: "\2b";
font-family: "Font Awesome 6 Free";
font-size: 16px;
font-weight: 900;
height: 30px;
left: 0;
margin: auto 0;
padding: 2px 0;
position: absolute;
text-align: center;
top: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
width: 30px;
}
.accordion-section-title.active::before,
.accordion-section-title:hover::before {
background-color: #8f7745;
}
.accordion-section:first-child .accordion-section-title {
border-top: none;
}
.accordion-section-content {
padding: 15px 0;
display: none;
}
section.main-page.blog .card {
background-color: rgb(233, 228, 218);
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
section.main-page.blog .card .post-img figure {
height: 250px;
}
section.main-page.blog .card .post-details {
padding: 10px 15px;
}
section.main-page.blog .card .post-details a.title {
display: block;
text-align: center;
}
section.main-page.blog-single,
section.main-page.error {
padding-top: 200px;
}  section.page-intro .intro-slider .page-intro-slider {
height: 500px;
width: 100%;
}
section.page-intro .intro-slider .page-intro-slider:hover {
cursor: grab;
}
section.page-intro .intro-slider .page-intro-slider .swiper-slide {
background-position: center;
background-size: cover;
}
section.page-intro .intro-slider .page-intro-slider .swiper-slide .slide-layer {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 7000ms ease;
transition: -webkit-transform 7000ms ease;
transition: transform 7000ms ease;
transition: transform 7000ms ease, -webkit-transform 7000ms ease;
z-index: 1;
}
section.page-intro .intro-slider .page-intro-slider .swiper-pagination span.swiper-pagination-bullet {
background-color: rgba(255, 255, 255, 0.9);
height: 12px;
opacity: 0.75;
width: 12px;
}
section.page-intro .intro-slider .page-intro-slider .swiper-pagination span.swiper-pagination-bullet:hover {
background-color: rgba(0, 0, 0, 0.9);
}
section.page-intro .intro-slider .page-intro-slider .swiper-pagination span.swiper-pagination-bullet-active {
background-color: #8f7745;
}
section.page-intro .intro-slider .page-intro-slider .swiper-button-next,
section.page-intro .intro-slider .page-intro-slider .swiper-button-prev {
background-color: rgba(0, 0, 0, 0.50);
color: #ffffff;
height: 40px;
opacity: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
width: 30px;
}
section.page-intro .intro-slider .page-intro-slider .swiper-button-next {
right: 0;
}
section.page-intro .intro-slider .page-intro-slider .swiper-button-prev {
left: 0;
}
section.page-intro .intro-slider .page-intro-slider:hover .swiper-button-next,
section.page-intro .intro-slider .page-intro-slider:hover .swiper-button-prev {
opacity: 1;
}
section.page-intro .intro-slider .page-intro-slider .swiper-button-next:hover,
section.page-intro .intro-slider .page-intro-slider .swiper-button-prev:hover {
background-color: rgba(0, 0, 0, 0.75);
}
section.page-intro .intro-slider .page-intro-slider .swiper-button-next::after,
section.page-intro .intro-slider .page-intro-slider .swiper-button-prev::after {
font-size: 16px;
}  footer {
padding: 50px 0 25px 0;
}
footer .card .brand {
padding-top: 15px;
}
footer .card .brand a.logo {
display: block;
margin-right: 50px;
}
footer .card ul.menu {
margin-bottom: 0;
}
footer .card ul.menu li {
float: left;
margin-bottom: 10px;
width: 50%;
}
footer .card ul.menu li a {
text-transform: uppercase;
}
footer .card a.btn {
margin: 15px 0;
}
footer .card ul.social-links li {
display: inline-block;
padding: 0 15px;
}
footer .footer-text {
background-color: #8f7745;
color: #ffffff;
font-size: 16px;
line-height: 18px;
margin-top: 25px;
padding: 15px 0;
text-align: center;
}
footer .footer-text p {
margin-bottom: 0;
}  footer .copyright {
padding-top: 25px;
}  #scroll_up {
bottom: 0;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
color: #ffffff;
display: none;
font-size: 0;
font-weight: 900;
height: 0;
line-height: 25px;
padding-top: 8px;
position: fixed;
right: 34px;
text-align: center;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
width: 0;
z-index: 7;
}
#scroll_up i {
padding: 0 0;
}
#scroll_up.top-visible {
background-color: #333333;
font-size: 16px;
height: 35px;
width: 50px
}
#scroll_up.top-visible:hover {
background-color: #8f7745;
}  section .wpcf7-form .form-group label {
display: block;
font-weight: 400;
text-align: left;
text-transform: uppercase;
}
section .wpcf7-form .form-group span.wpcf7-acceptance {
display: block;
text-align: left;
}
section .wpcf7-form .form-group span.wpcf7-acceptance span.wpcf7-list-item {
margin-left: 0;
}
section .wpcf7-form .form-group span.wpcf7-acceptance span.wpcf7-list-item label {
text-transform: none;
}
section .wpcf7-form .wpcf7-spinner {
margin-top: 30px;
}
section .wpcf7-form .wpcf7-response-output {
margin: 0 0;
}
.pswp .pswp__icn {
fill: #8f7745;
color: #8f7745;
}
.modal {
display: flex;
}
.modal .modal-dialog {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
width: auto;
}
.modal .modal-dialog .modal-content {
background-color: rgb(233, 228, 218);
border: 10px solid #ffffff;
border-radius: 30px;
padding: 10px 20px;
}
.modal .modal-dialog .modal-content .modal-header {
border-bottom: none;
}
.modal .modal-dialog .modal-content .modal-header button.close {
color: #8f7745;
}
.modal .modal-dialog .modal-content .modal-body h1 {
font-weight: 600;
} @media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1199px) {
.container {
width: auto;
}
.remove-on-mobile {
display: none;
}
.for-tablet {
display: block;
}
body.locked nav.menu .brand {
z-index: 999999;
}
nav.menu .brand {
width: auto;
}
nav.menu .brand a.logo {
height: 80px;
}
nav.menu .brand a.logo img {
height: 100%;
}
nav.menu {
padding: 0 0;
}
nav.menu a.mobile-nav-toggle {
display: block;
}
nav.menu .menu-list-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
justify-content: left;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
visibility: hidden;
z-index: 999998;
}
nav.menu .menu-list-wrapper.expanded {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
visibility: visible;
-webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}
nav.menu .menu-list-wrapper .menu-list-inner span.mobile-nav-toggle {
cursor: pointer;
display: block;
height: 24px;
position: absolute;
right: 35px;
top: 50px;
width: 24px;
}
nav.menu .menu-list-wrapper .menu-list-inner span.mobile-nav-toggle::before,
nav.menu .menu-list-wrapper .menu-list-inner span.mobile-nav-toggle::after {
background-color: #131313;
content: "";
height: 26px;
left: 8px;
position: absolute;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 2px;
}
nav.menu .menu-list-wrapper .menu-list-inner span.mobile-nav-toggle::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
nav.menu .menu-list-wrapper.expanded .menu-list-wrapper-overlay {
background-color: #e9e4da;
bottom: 0;
content: "";
cursor: pointer;
left: 0;
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
}
nav.menu .menu-list-wrapper .menu-list-inner {
background-color: #e9e4da;
display: block;
height: 100%;
opacity: 0;
overflow: hidden;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 120px;
position: relative;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
visibility: hidden;
width: 100%;
z-index: 10;
}
nav.menu .menu-list-wrapper .menu-list-inner #menu-list {
display: block;
height: 90%;
overflow-x: hidden;
overflow-y: auto;
padding: 0 0;
}
nav.menu .menu-list-wrapper.expanded .menu-list-inner {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
visibility: visible;
}
nav.menu .menu-list-wrapper .menu-list-inner #menu-list > ul.nav-list {
display: block;
text-align: center;
}
nav.menu .menu-list-wrapper .menu-list-inner #menu-list ul.nav-list li {
float: none;
margin-bottom: 10px;
margin-left: 0;
padding: 0 0;
}
nav.menu .menu-list-wrapper ul li a {
display: inline-block;
padding: 10px 0;
}
header.primary nav.menu .menu-list-wrapper .menu-list-inner #menu-list ul.nav-list li a::before,
header.primary nav.menu .menu-list-wrapper .menu-list-inner #menu-list ul.nav-list li a::after {
display: none !important;
}
header nav.menu .menu-list-wrapper .menu-list-inner #menu-list ul.nav-list li.current-menu-item a {
color: #8f7745;
}
section {
padding: 50px 0;
}
section.page-intro .intro-slider {
margin-top: 50px;
}
}
@media screen and (max-width: 991px) {
section.slider .main-slider .swiper-slide .container {
padding-top: 230px;
}
footer {
padding-top: 25px;
}
footer .card .brand {
text-align: center;
}
footer .card {
margin: 25px 0;
}
footer .card ul.menu li {
text-align: center;
}
footer .footer-text {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
nav.menu .brand a.logo img {
height: 100%;
}
section.main-page .main-page-gallery .gallery.gallery-size-medium dl.gallery-item,
section.main-page .main-post-gallery .gallery.gallery-size-medium dl.gallery-item {
width: 50% !important;
}
}
@media screen and (max-width: 425px) {
nav.menu .brand a.logo {
height: 80px;
margin-right: 15px;
}
}