/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



/***Header***/

ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
    justify-content: flex-end;
}

ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase {
    justify-content: flex-start;
}

.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a {
	color: #efe7dc;
}

li.html.header-button-1 {
    position: absolute;
    left: 2.5%;
}

li.html.header-button-2 {
    position: absolute;
    right: 2.5%;
}


.header-button-1 .header-button>a.button.primary, 
.header-button-2 .header-button>a.button.secondary.is-outline {
    background-color: transparent !important;
    background: url(http://dakadaka.brakerecords.com/wp-content/uploads/2026/01/btn.png);
    background-size: cover;
    border-radius: 0px !important;
    border: none;
    background-position: center;
    width: 168px;
    height: 51px;
    padding: 10px;
    color: #893a13 !important;
    font-family: 'Inter', sans-serif;
}

.header-button-1 .header-button>a.button.primary:hover,
.header-button-2 .header-button>a.button.secondary.is-outline:hover {
	box-shadow:none;
}

.header-button-2 .header-button>a.button.secondary.is-outline {
	padding: 11px;
}

.menu {
    background: url(http://dakadaka.brakerecords.com/wp-content/uploads/2026/01/menu-scaled.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 450px;
    position: fixed;
    z-index: 999999;
    top: 45px;
    left: 30px;
    width: 230px;
	visibility: hidden;
  opacity: 0;
  transform: translateY(-12px) scale(0.98);
  transition:
    opacity 0.4s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0.4s;
}

.menu.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) scale(1);
  transition:
    opacity 0.4s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s;
}

a.button.primary.menu-btn {
    background-color: transparent;
    border: none;
    background: url(http://dakadaka.brakerecords.com/wp-content/uploads/2026/01/menu-btn.png);
    background-size: contain;
    width: 200px;
    background-repeat: no-repeat;
    background-position: center;
    height: 55px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    padding-top: 10px;
    color: #dfcdae;
}

a.button.primary.menu-btn:hover {
	box-shadow:none;
}

.close {
	font-family:'Inter', sans-serif;
	cursor:pointer;
}

/***Body***/

.garamond h2{
	font-family:"Cormorant Garamond", sans-serif !important; 
}

.garamond span {
    font-size: .5em !important;
}

a.button.primary.border-button {
    background-color: transparent;
    border: none;
    background: url(http://dakadaka.brakerecords.com/wp-content/uploads/2026/01/border.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 60px;
    color: #efe8db;
    padding-top: 11px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
	width: auto;
}

a.button.primary.border-button.drk {
    background-color: transparent;
    border: none;
    background: url(http://dakadaka.brakerecords.com/wp-content/uploads/2026/01/border-drk.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 60px;
    color: #7e2a15;
    padding-top: 11px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
	width: auto;
}


a.button.primary.border-button:hover {
    box-shadow: none;
}

.clip {
    --cut: 12px;
    clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, calc(100% - var(--cut)) var(--cut), 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, var(--cut) calc(100% - var(--cut)), 0 calc(100% - var(--cut)), 0 var(--cut), var(--cut) var(--cut));
}

.cover .banner-layers.container {
    max-width: 100%;
}


button.flickity-button.flickity-prev-next-button.previous svg, button.flickity-button.flickity-prev-next-button.next svg {
    display: none;
}

button.flickity-button.flickity-prev-next-button.previous {
    width: 100px;
    background: url(http://dakadaka.brakerecords.com/wp-content/uploads/2026/01/arrow.png);
    background-repeat: no-repeat;
	background-position:center;
    background-size: contain;
    left: -130px;
}


button.flickity-button.flickity-prev-next-button.next {
    width: 100px;
    background: url(http://dakadaka.brakerecords.com/wp-content/uploads/2026/01/arrow-r.png);
    background-repeat: no-repeat;
	background-position:center;
    background-size: contain;
	left: unset;
    right: -130px;
}



/***Footer***/

.absolute-footer {
	display:none;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}