/*!
Theme Name: Blocksy
Theme URI: https://creativethemes.com/blocksy/
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Version: 2.1.44
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2019 CreativeThemes.
Requires at least: 6.5
Requires PHP: 7.0
Tested up to: 7.0
Text Domain: blocksy
Blocksy Minimum Companion Version: 2.1.36-dev1
Tags: accessibility-ready, blog, block-patterns, e-commerce, wide-blocks, block-styles, grid-layout, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, translation-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments
*/

@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');

/* Font toàn website */
body,p {
    font-family: "PT Mono", "Courier New", monospace !important;
    font-size: 14px !important;
}
body .reservation-btn{
	
        background-color: transparent !important;
        color: #C0A076 !important;
        border: 1px solid #8B6D47 !important;
}
body .reservation-btn:hover{
	    background-image: linear-gradient(90deg, #8b6d47 0, #c0a076 100%) !important;
    color: var(--wp--preset--color--palette-color-8, var(--theme-palette-color-8, #ffffff)) !important;
}
.gspb_tabs-id-gsbp-b49f7a9.gspb-tabs> .t-panel-container{
	max-width: 960px;
    margin: auto;
}
@media (min-width: 1600px) {
	body[data-footer*="type-1"] .ct-footer,
	body [data-footer*="type-1"] .ct-footer {
		padding-top: 260px !important;
	}
}
body .gspb-buttonbox{
    color: var(--wp--preset--color--palette-color-2, var(--theme-palette-color-2, #C0A076)) !important;
    border-color: var(--wp--preset--color--palette-color-2, var(--theme-palette-color-2, #C0A076)) !important;
    background-image: none !important;
    background-color: #00000000;
     border: 1px solid #8B6D47 !important;
     height: 51px;


}
body .gspb-buttonbox:hover{
		    background-image: linear-gradient(90deg, #8b6d47 0, #c0a076 100%) !important;
    color: var(--wp--preset--color--palette-color-8, var(--theme-palette-color-8, #ffffff)) !important;
}
body footer img.image.wp-image-35.attachment-full.size-full{
	    height: 70px !important;
}
#footer p{
font-size: 16px !important;
row-gap: 16px !important;
}
#footer nav ul{
	row-gap: 10px !important;
}
.ct-footer .ct-widget:not(:first-child){
	margin-top: 24px;
}
div#gspb_container-id-gsbp-e293507{
	gap: 20px !important;
}
#footer svg{
	width: 30px;
}
#footer [data-row="middle"]{
	    padding-bottom: 50px;
}
#footer div#text-9{
	    margin-top: 30px !important;
}
.gspb_text-id-gsbp-a53ca70, div#gspb_text-id-gsbp-a3ba3c0{
	display: none !important;
}
#footer .ct-container-fluid{
display: none;
}
#footer div[data-row="bottom"] p{
	font-size: 14px !important;
}
#footer nav li a{
font-size: 16px;
}
#footer div#block-7{
	margin-top: 10px !important;
}
#footer div#text-9, #footer div#text-10{
	width: 100% !important;
}
body .an-reservation-form input[type="text"], body .an-reservation-form input[type="email"], body .an-reservation-form input[type="tel"], body .an-reservation-form select{
	height: 52px !important;
}
.an-giftcard-form input[type="text"], .an-giftcard-form input[type="email"], .an-giftcard-form input[type="tel"], .an-giftcard-form select{
	        height: 52px !important;
}
body .an-reservation-form input[type="submit"]{
	height: 52px !important;
}
body .an-contact-form input[type="text"], body .an-contact-form input[type="email"]{
	 height: 52px !important;
}
.wpcf7 p:last-of-type{
	position: relative;
}
	.page-id-1174 h3, .page-id-45 h3{
		font-size: 35px !important;
		 line-height: 1em !important;
		 margin-bottom: 0 !important;
		 margin-top: 50px !important;
	}
.page-id-1174 .wp-block-greenshift-blocks-container{
margin-top: 0 !important;
	}
#gspb_container-id-gsbp-60135bf.gspb_container{
    padding-bottom: 0;
}
#gspb_container-id-gsbp-261e9dc.gspb_container{
	margin-top: 	20px !important;
}
#gspb_iconBox-id-gsbp-314d590 svg, #gspb_iconBox-id-gsbp-ce997d7 svg, #gspb_iconBox-id-gsbp-2926dc3 svg, #gspb_iconBox-id-gsbp-3612581 svg{
	height: 70px !important;
}
#gspb_col-id-gsbp-18374d1 .gspb_heading{
    font-size: 20px !important;
}
.gspb_text-id-gsbp-66d0f3b, #gspb_heading-id-gsbp-7d8c4d2{
	color: #120e09;

}
#gspb_container-id-gsbp-d75c59e.gspb_container{
	    margin-top: 90px;
}
body h1{
	font-size: 64px !important;
}
h2.gspb_heading{
	font-size: 56px !important;
}
#gspb_row-id-gsbp-2375651 > .gspb_backgroundOverlay{
background-image: linear-gradient(180deg, rgb(215 196 159 / 83%) 22%, rgb(43 32 20 / 0%) 100%);
}
body #gspb_col-id-gsbp-ced7c6c.gspb_row__col--12{
	    row-gap: 10px;
}
#gspb_heading-id-gsbp-0d6abda{
	font-size: 24px !important;
}
.ct-footer:after {
   content: "";
    position: absolute;
    right: 0;
    bottom: 60px;
    width: 500px;
    height: 400px;
    background-image: url(https://anvegan.de/wp-content/uploads/2026/06/Vector-1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
    z-index: 1;
}
.ct-footer:before {
   content: "";
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 400px;
    height: 400px;
    background-image: url(https://anvegan.de/wp-content/uploads/2026/06/Layer_1-6.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    pointer-events: none;
}
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a{
	font-size: 14px;
	color: #d7c49f;
}
[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container{
	--logo-max-height: 50px;
}
[data-header*="type-1"] .ct-header [data-transparent-row="yes"][data-row*="middle"]{
	background-color: transparent;
}
header nav li:last-child a:hover{
	    background-image: linear-gradient(90deg, #8b6d47 0, #c0a076 100%) !important;
    color: var(--wp--preset--color--palette-color-8, var(--theme-palette-color-8, #ffffff)) !important;
}
/* Header luôn nằm trên banner */
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;

    background: transparent !important;
    box-shadow: none !important;

    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Fix nền row bên trong Blocksy */
#header [data-row],
#header [data-row] > div {
    background: transparent !important;
    transition: background-color 0.3s ease;
}

/* Khi scroll xuống 96px mới có màu */
#header.scroll {
    background: rgba(31, 24, 15, 0.96) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.25) !important;
}

#header.scroll [data-row],
#header.scroll [data-row] > div {
    background: rgba(31, 24, 15, 0.96) !important;
}

/* Khi đang login admin WordPress */
body.admin-bar #header {
    top: 32px;
}
#gspb_container-id-gsbp-10245f0.gspb_container{
	padding-top: 46px;
}
[data-footer*="type-1"] .ct-footer{
	    padding-top: 200px !important;
}

/* Tất cả trang, trừ Home */
body:not(.home) #header.ct-header,
body:not(.home) #header.ct-header [data-row],
body:not(.home) #header.ct-header [data-row] > div {
    background: #1f180f !important;
}

body .reservation-btn{
	font-weight: normal !important;
}
.gspb_text-id-gsbp-b99354a{
	font-size: 14px !important;
	width: 50%;
}
.price{
	font-size: 20px !important;
}
.home .swiper-slide h3{
	font-size: 24px !important;
}
#gspb_iconBox-id-gsbp-cbdaa95 svg, #gspb_iconBox-id-gsbp-f90b6dc svg, #gspb_iconBox-id-gsbp-53ed761 svg, #gspb_iconBox-id-gsbp-f432126 svg, #gspb_iconBox-id-gsbp-54d5867 svg, #gspb_iconBox-id-gsbp-5e756fa svg, #gspb_iconBox-id-gsbp-da4f9c2 svg, #gspb_iconBox-id-gsbp-ff1d56b svg{
height: 30px !important;
}
.gspb_text-id-gsbp-de298cb{
	width: 50ch;
}
body .reservation-input-wrapper{
	height: 52px !important;
}
.reservation-btn{
	    height: 52px !important;
}
.ct-footer #text-2 .textwidget{
    width: 80% !important;
}
.an-reservation-form input[type='date']::-webkit-calendar-picker-indicator {
  display: none !important;
  -webkit-appearance: none !important;
}

.an-reservation-form select, .an-giftcard-form select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
}
.an-reservation-form .an-select-wrapper::after{
	top: 27px !important;
}
.an-reservation-form #res-date{
	width: 100% !important;
    background-color: #231D14 !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
    padding: 0 40px 0 54px !important;
        color: #C0A076 !important;
	height: 52px;
}
body .an-reservation-form input[type="submit"]{
	font-size: 16px !important;
}
#gspb_container-id-gsbp-cc9da95.gspb_container{
	    padding: 0 100px;
}
/*
.an-reservation-form .an-select-wrapper:after {
  display: none !important;
}*/
@media (max-width: 999.98px) {
    .ct-panel-content-inner {
		padding-bottom: 20px !important;
	}
}
@media (max-width: 568px) {
	#gspb_row-id-gsbp-b13d8e7{
		min-height: 23.4vw;
	}

}
@media (max-width: 782px) {
	.ct-footer:after{
		top: 60px;
		bottom: unset;
	}
	#gspb_container-id-gsbp-cc9da95.gspb_container{
	    padding: 0px;
}
	.gspb_text-id-gsbp-b99354a{
		padding-bottom: 30px;
	}
	.gspb_text-id-gsbp-b99354a{
		width: 100%;
	}
    body.admin-bar #header {
        top: 46px;
    }
	#gspb_container-id-gsbp-10245f0.gspb_container{
		padding-top: 90px;
	}
}
@media (max-width: 568px){
	[data-footer*="type-1"] .ct-footer{
		    padding-top: 120px !important;
	}
	#gspb_button-id-gsbp-b834546>.gspb-buttonbox{
		font-size: 14px;
	}
	body h1{
	font-size: 37px !important;
}
	#gspb_svgBox-id-gsbp-3c7ba33 svg{
		margin-top: -45px !important;
	}
	#gspb_container-id-gsbp-d75c59e.gspb_container{
			margin-top: 40px !important;
	}
	.gspb_row #gspb_col-id-gsbp-06b3b6a.gspb_row__col--12{
		padding-top: 20px !important;
	}
	#gspb_container-id-gsbp-f09bad6.gspb_container{
		margin-top: 44px;
	}
	body.gspb-bodyfront #gspb_container-id-gsbp-f09bad6.gspb_container{
		min-height: auto;
	}
	#gspb_container-id-gsbp-28f0aa6.gspb_container{
		margin-top: 40px !important;
	}
	#gspb_container-id-gsbp-261e9dc.gspb_container,#gspb_container-id-gsbp-2201719.gspb_container, #gspb_container-id-gsbp-f343f00.gspb_container, #gspb_container-id-gsbp-882c18c.gspb_container{
		margin-top: 0 !important;
	}
	.page-id-1174 h3{
		font-size: 35px !important;
margin-bottom: 0 !important;
        line-height: 1em !important;

	}
	
	#footer [data-row="middle"]{
		padding-bottom: 60px !important;
	}
	#footer div#block-7{
		margin-top: 0px !important;
	}
	#footer div#text-9, #footer div#text-10{
		margin-top: 30px !important;
	}
	.site-logo-container{
	height:40px;
}
footer img.image.wp-image-35.attachment-full.size-full{
	height: 80px !important;
}
body.gspb-bodyfront #gspb_container-id-gsbp-10245f0.gspb_container{
	width: 	auto;
}
#gspb_container-id-gsbp-10245f0.gspb_container{
flex-direction: column;
        justify-content: center;
	margin-bottom: 90px;
}
.gspb_button_wrapper .gspb-buttonbox{

    padding: 0px 20px !important;
    margin: 0 auto;
    font-size: 14px;
}
h2.gspb_heading{
	font-size: 35px !important;
}
body .reservation-btn{
	 height: 51px !important;
	 line-height: 20px;
font-size: 14px !important;
	}
body .reservation-input-wrapper .res-input{
	font-size: 14px !important;
}
.figma-reservation-card{
	background-color: #453b2f !important;
}
.wpcf7 label:not(.wpcf7-form-control-wrap){
	    font-size: 14px !important;
}
body .reservation-btn:hover{
	    background-image: linear-gradient(90deg, #8b6d47 0, #c0a076 100%) !important;
    color: var(--wp--preset--color--palette-color-8, var(--theme-palette-color-8, #ffffff)) !important;
}
#gspb_iconBox-id-gsbp-314d590 svg, #gspb_iconBox-id-gsbp-ce997d7 svg, #gspb_iconBox-id-gsbp-2926dc3 svg, #gspb_iconBox-id-gsbp-3612581 svg{
	height: 60px !important;
}
#gspb_col-id-gsbp-18374d1 .gspb_heading{
    font-size: 20px !important;
}
#gspb_container-id-gsbp-66c4147.gspb_container{
	    row-gap: 40px;
}
.gspb_text-id-gsbp-ccd95b9{
	font-weight: 400 !important;
	font-size: 20px;
}
#gspb_row-id-gsbp-c69b860>.gspb_row__content{
	padding-top: 70px;
}
.gspb_slider-id-gsbp-8a24cf3>div{
	margin-top: 14px;
}
#gspb_container-id-gsbp-1086f85.gspb_container{
	margin-top: 70px;
}
.gspb_text-id-gsbp-456d775{
	font-size: 15px;
}
body footer img.image.wp-image-35.attachment-full.size-full{
	height: 60px !important;
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div{
	        gap: 50px;
}
#footer div#text-9{
	margin-top: 10px !important;
}
.figma-reservation-card{
	background-color: #463723;
}
}
.an-res-grid{
	padding-top: 60px;
	padding-bottom: 120px;
}
body .an-giftcard-form input[type="text"], body .an-giftcard-form input[type="email"], body .an-giftcard-form input[type="tel"], body .an-giftcard-form select{
	height: 52px !important;
}
#gspb_svgBox-id-gsbp-5ab9975 svg{
	display:none;
}
@media (max-width: 689.98px){
	
	.gspb_row #gspb_col-id-gsbp-e103365.gspb_row__col--12{
		padding: 0 50px;
	}
	.gspb_text-id-gsbp-66d0f3b{
		width: 100%;
        max-width: 100%;
	}
	.ct-footer #text-2 .textwidget{
		width: 100% !important;
	}
		.an-reservation-form .an-form-row-2 .an-form-group:nth-child(1){
		margin-bottom: 24px !important;
	}
	#gspb_container-id-gsbp-cc9da95 h3{
		font-size: 18px;
	}
	#gspb_container-id-gsbp-bfc5ac4.gspb_container{
		        margin-top: 60px;
	}
	.gspb_row #gspb_col-id-gsbp-b55f31c.gspb_row__col--12{
		padding-top: 0;
	}
	#gspb_row-id-gsbp-abf29c4{
	background-color: #e5ddd2 !important;
}
}
.gspb_text-id-gsbp-4c98cfa{
	color: #8b6d47;
}
/* Fix mobile menu Blocksy bị lỗi trên iOS */
@media (max-width: 999px) {
	.gspb_row #gspb_col-id-gsbp-a026706.gspb_row__col--12{
		padding: 0 20px;
		padding-top: 80px;
		padding-bottom: 180px;
	}
body #offcanvas nav li:last-child a, body #offcanvas nav li:nth-child(6) a{
	font-size: 16px;
	padding: 14px 40px !important;
}
  #offcanvas.ct-panel,
  .ct-drawer-canvas #offcanvas {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: -webkit-fill-available !important;
    background: #e8dfd2 !important;
    z-index: 999999 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  #offcanvas .ct-panel-inner,
  #offcanvas .ct-panel-content,
  #offcanvas .ct-panel-content-inner {
    width: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    min-height: -webkit-fill-available !important;
    background: #e8dfd2 !important;
  }

  #offcanvas .ct-panel-content[data-device="mobile"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: calc(35px + env(safe-area-inset-top)) !important;
    padding-bottom: calc(40px + env(safe-area-inset-bottom)) !important;
  }

  #offcanvas .ct-panel-actions {
  position: absolute !important;
            top: 0;
            right: 0;
    z-index: 10 !important;
  }

  #offcanvas .site-logo-container {
    align-self: flex-start !important;
   margin-left: 0;
            margin-bottom: 0;
  }

  #offcanvas .mobile-menu {
    width: 100% !important;
    text-align: center !important;
  }

  #offcanvas .mobile-menu ul,
  #offcanvas .mobile-menu li {
    width: 100% !important;
  }

  #offcanvas .mobile-menu a {
    justify-content: center !important;
    text-align: center !important;
  }
}
@media (max-width:568px){
	body #footer .ct-footer-copyright p{
		font-size:14px;
	}
}

.an-giftcard-form .an-form-group label,.an-reservation-form .an-form-group label{
	 text-transform: none !important;
	font-size: 16px !important;
}
.an-contact-form .an-form-group label{
	font-size: 16px !important;
}
body .an-reservation-form input[type="submit"]{
	width: 40% !important;
}
.an-contact-form .an-form-group label{
	text-transform: none !important;
}
.single-post p{
	color:#000;
}
@media (max-width:767px){
	#gspb_heading-id-gsbp-0d6abda{
		    font-size: 18px !important;
		padding-bottom: 20px;
	}
	#footer p{
		    font-size: 14px !important;
	}
	.diem-events-wrap{
		padding-left: 20px !important;
        padding-right: 20px !important;
	}
	body .an-reservation-form input[type="submit"]{
	width: 100% !important;
}
}