/* ----------------------------------------------------------------

	Dasunuts

-----------------------------------------------------------------*/



:root {

	--cnvs-themecolor: #c0bb62;

	--cnvs-themecolor-rgb: 192, 187, 98;

	--cnvs-body-font: 'Lato', sans-serif;

	--cnvs-primary-font: 'Playfair Display', serif;

	--cnvs-secondary-font: 'Nothing you could do';

}



#header-wrap { background: transparent; }



.dark #wrapper,

.dark #content,

.dark .section.dark,

.dark .css3-spinner { background-color: #000 }



@media (min-width: 992px) {

	.dark .dots-menu .page-menu-item > a { background-color: rgba(255,255,255,0.5) }

	.dark .dots-menu .page-menu-item:hover > a { background-color: rgba(255,255,255,0.9) }



	.dark .dots-menu.dots-menu-border .page-menu-item > a {

		border-color: rgba(255,255,255,0.4);

	}



	.dark .dots-menu.dots-menu-border .page-menu-item > a:hover {

		border-color: rgba(255,255,255,0.7);

	}

}



.heading-block h3 {

	text-transform: none;

	font-size: 42px;

	letter-spacing: 2px;

	font-weight: 400;

}



.before-heading {

	text-transform: uppercase;

	font-style: normal;

	letter-spacing: 6px;

	font-size: 14px;

	font-weight: bold;

}



.dark .section.dark p { color: #BBB; }



.dark .section.dark p.text-muted { color: #666; }



a.gallery-img {

	overflow: visible;

	width: 70%;

}



a.gallery-img.fleft { margin-top: -60px; }



.fslider p {

	font-family: var(--cnvs-primary-font);

	font-weight: 400;

	font-size: 18px;

}



.flex-control-nav {

	top: auto;

	bottom: 14px;

	right: 20px;

}



.dark .fslider p { color: #BBB !important; }



.food-menu:not(:first-child) { margin-top: 20px; }



.menu-list span {

	font-family: var(--cnvs-secondary-font);

	letter-spacing: 2px;

	font-size: 18px;

	color: #444;

}



.dark .menu-list span { color: #DDD; }



.menu-list h5 {

	color: #AAA;

	font-family: var(--cnvs-body-font);

	letter-spacing: 2px;

	font-weight: 300;

	font-size: 17px;

}



.dark .menu-list h5 { color: #777; }



.menu-price h3 {

	padding-top: 8px;

	font-size: 22px;

	letter-spacing: 1px;

	font-family: 'source Sans Pro';

}



.form-control:not(.not-dark):active,

.form-control:not(.not-dark):focus,

.sm-form-control:not(.not-dark):active,

.sm-form-control:not(.not-dark):focus,

.form-control:not(.not-dark),

.sm-form-control:not(.not-dark) {

	margin-bottom: 10px;

	border-radius: 2px !important;

}



.dark .form-control:not(.not-dark):active,

.dark .form-control:not(.not-dark):focus,

.dark .sm-form-control:not(.not-dark):active,

.dark .sm-form-control:not(.not-dark):focus,

.dark .form-control:not(.not-dark),

.dark .sm-form-control:not(.not-dark) {

	background-color: #222;

	border: 1px solid #111;

}



.dark .form-control:active,

.dark .form-control:focus {

	border-color: #999;

	box-shadow: none;

	background-color: #FFF;

}



.button {

	font-weight: 300 !important;

	font-size: 14px !important;

}



.button.button-black {

	background-color:  #333 !important;

	border: 0;

}

.button:hover.button-black { color: #CCC !important; }



.css3-spinner > div {

	margin-top: -32px;

	margin-left: -32px;

	width: 62px;

	height: 62px;

	-webkit-animation: none;

	animation: none;

}



.is-expanded-menu.overlay-menu .primary-menu.dark {

	background-color: rgba(0,0,0,.85)

}



@media (max-width: 991px) {

	#header.dark.transparent-header {

		background-color: #000 !important;

	}



	#page-menu { display: none; }

}

.button.button-primary.price-button {
	color: #111 !important; /* Black text on yellow */
	transition: color 0.3s ease;
}

.button.button-primary.price-button:hover {
	color: #FFF !important; /* White text on hover */
}