/*Ceaser Winery*/
body { background-color: #f5f7f2; font-size: 18px; }

@media(max-width: 991px) {
    p { font-size: 100%; }
}

.home-page #header:not(.bg), #header.bg { color: #e9dbc8; background: #000; padding: 30px 45px; display: flex; justify-content: space-between; align-items: center; }
#header #header-right, #header #header-left { padding: 0; }
#header .menu-nav { background: transparent; padding: 0; }
.nav-menu-anim { margin: 0; }
#header #header-right .closed, #header .menu-nav .open { display: none !important; }
#header .social-links { padding: 0 15px 0 0; }
#header .social-links a { margin: 0; border: 1px solid; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; /* background: #e9dbc8; */ width: 34px !important; height: 34px; border-color: #1f212e; transition: none; align-content: center; padding: 2px; }
#header .social-links a svg { height: 27px; padding: 5px; fill: #000; width: 27px; transition: 0.3s linear; }
#header .social-links a:hover { background: #1f212d; color: #fff; /* border-color: transparent; */ /* background-image: url(/warehouse/temp/CeaserWinery/FB-hover.svg); */ background-repeat: no-repeat; }
#header .social-links a:hover > svg { fill: #fff; }
#header #header-left img, #header.bg #header-left img { max-width: unset; }
#header #header-center-kdm a { border-radius: 25px; /* background: #e9dbc8; */ color: #000; border-color: transparent; font-family: 'alef-bold'; transition: 0.3s linear; }
#header #header-center-kdm { font-size: 100%; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after,
#nav-toggle-mobile span:before { background: #e9dbc8; height: 4px; }
#header #header-center-kdm .address span:first-child { padding-left: 10px; border-left: 2px solid; margin-left: 5px; }
#header #header-center-kdm a:focus, #header #header-center-kdm a:hover { /*background: #8cbfc6;*/ color: #000; }

#header .submenu { margin: 0; background: #fff; background-image: url(/warehouse/temp/CeaserWinery/texture-header.svg); /* background: #000; */ color: #1f212e; text-align: right; padding: 20px; }
#header .submenu li.social-mobile { text-align: right; }
#header.menu-open .social-links:not(#menu div.social-links) { opacity: 0; }
#header .submenu > li:focus, #header .submenu > li:hover, #header .submenu > li.active { background: transparent; color: #1f211d; }

@media(max-width: 991px) {
    #header #header-left img, #header.bg #header-left img { max-width: 80px; }
    #header #header-center-kdm a:first-child { font-size: 80%; margin: 0; }
    #header #header-center-kdm { padding: 0; }
    .home-page #header:not(.bg), #header.bg { padding: 20px 10px; }
    #header #header-right { width: auto; }
    .fa-phone:before { color: #e9dbc8; }
    #header .submenu { position: fixed; width: 100vw; margin-top: 70px; }
}
/*generals*/
/*buttons*/
#DynamicFormObject input[type=submit], .grid-rows .grid-row-text a.grid-row-button, .grid-boxes .grid-box-subtitle > a, #side-contact-form #DynamicFormObject input[type=submit] { background: #8cbfc6; color: #000; padding: 10px 40px; border-radius: 25px; border-color: transparent; transition: 0.3s linear; font-family: 'alef-bold'; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; opacity: 1; }
#DynamicFormObject input[type=submit]:hover, .grid-rows .grid-row-text a.grid-row-button:hover, .grid-boxes .grid-box-subtitle > a:hover, #side-contact-form #DynamicFormObject input[type=submit]:hover { background: #e9dbc8; color: #000; border-color: transparent; }
#side-contact-form #DynamicFormObject input[type=submit]:hover { background: #fff; }
/*headers*/
#headline h1, .grid-rows .grid-row-text h2, .section-title h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: #d1aa8f; font-size: 42px; font-family: 'alef-bold'; letter-spacing: -0.59px; line-height: 61px; position: relative; width: fit-content; }
#headline h1:after, .grid-rows .grid-row-text h2:after, .section-title h2:after, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after { content: ""; position: absolute; bottom: -15px; background-image: url('/warehouse/temp/CeaserWinery/underline.svg'); background-size: 100% 100%; background-repeat: no-repeat; width: 120px; height: 22px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
#headline h1, .section-title h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin: auto; }
.foody #headline h1, .eventsPage #headline h1, .contactPage #headline h1 { margin-right: 0; margin-left: auto; text-align: right; }
#headline, .section-title h2 { margin-bottom: 50px; }
/*UL*/
#text1 ul li { list-style-type: none; position: relative; }
#text1 ul li:before { content: ""; position: absolute; background: transparent; width: 8px; height: 8px; border-radius: 100%; border: 2px solid #8cbfc6; right: -20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

@media(max-width: 991px) {
    #DynamicFormObject input[type=submit], .grid-rows .grid-row-text a.grid-row-button, .grid-boxes .grid-box-subtitle > a, #side-contact-form #DynamicFormObject input[type=submit] { width: max-content; margin-right: 0; }
    .foody #headline h1, .eventsPage #headline h1, .contactPage #headline h1 { text-align: center; font-size: 35px; line-height: 42px; }
    #headline h1:after, .grid-rows .grid-row-text h2:after, .section-title h2:after, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after { bottom: -25px; }
}
/*slider*/
#home-gallery::after { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; content: ""; z-index: 2; opacity: 0.2; }
.cpation-slider { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 3; width: auto; display: flex; justify-content: center; flex-direction: column; }
#home-gallery .gallery-caption { position: relative; width: fit-content; }
#home-gallery .gallery-logo { width: 100%; margin-left: -50px; }
#home-gallery .gallery-logo img { min-width: unset; max-width: unset; }
#home-gallery .gallery-caption .gallery-text { font-size: 215%; width: 60%; text-align: center; margin: auto; }

#side-contact-form #DynamicFormObject { background: #fff; border: none; padding: 30px 20px 10px; }
#side-contact-form #DynamicFormObject:after, #side-contact-form #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after { display: none; }
#side-contact-form .dynamicFormObjectField, #side-contact-form .dynamicFormObjectSubmit { padding: 0; }
#side-contact-form .normal-form input, #side-contact-form .normal-form select { background: #f5f6f7; border: none; border-radius: 0; }
#side-contact-form .normal-form input::placeholder, #side-contact-form .normal-form select { font-size: 75% !important; }
#side-contact-form .must:before { right: 5px; top: 9px; }
#side-contact-form #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: #000; margin: auto; font-size: 78%; line-height: normal; }
#side-contact-form #DynamicFormObject input[type=submit] { width: 100%; }

#home-gallery .scroll-down button { background: transparent; border: none; }
#home-gallery .scroll-down img { min-width: 30px; width: 30px; }

@media(max-width: 991px) {
    #home-gallery .gallery-logo img { max-width: 80%; }
    #home-gallery .gallery-logo { margin: 0; width: 80%; }
    #home-gallery .gallery-caption .gallery-text { font-size: 150%; width: 100%; }
    .gallery-text > div { white-space: break-spaces; }

    #side-contact-form #DynamicFormObject input[type=submit] { width: auto; }
    #side-contact-form.mobile-form { width: 100%; margin: 0; }
    #side-contact-form #DynamicFormObject { margin: 0; max-width: 100% !important; }
}
/*cube-section*/
.sections .grid-content-section { margin-top: 65px; padding-bottom: 0; }
.grid-boxes .grid-box-image { padding-bottom: 64%; margin-bottom: 0; }
.grid-boxes .box-image-animation:hover img { transform: none; }
.grid-boxes .grid-box { padding: 0 35px; }
.grid-boxes { max-width: 1170px; margin: auto; }
.grid-box-title { display: none; }
.grid-boxes .grid-box-subtitle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

@media(max-width:991px) {
    .sections .grid-content-section { margin-top: 30px; }
    .grid-boxes .grid-box { padding: 0; }
}
/*row-section*/
/*general*/
.grid-row-section .grid-rows .grid-row { background: #f5f7f2; }
.grid-rows .grid-row-text h2 { margin-bottom: 30px; }
.grid-rows .grid-row-text p { width: 90%; }

.first-row { margin-top: 30px; padding-bottom: 40px; }
.first-row .grid-rows .grid-row { direction: ltr !important; }
.first-row .grid-rows .grid-row-text { width: 50%; margin-left: -315px; }
.first-row .grid-row li.slider-item { padding-bottom: 71.5%; }

@media(max-width:991px) {
    .first-row .grid-rows .grid-row-text { margin: 0; width: 90%; }
    .grid-rows .grid-row-text p { width: 100%; font-size: 90%; }

    .first-row { padding-bottom: 0; }
    .first-row .grid-row-cell-text { padding-top: 30px; }
    .last-row .grid-row-cell-text { padding-bottom: 30px; }
}
/*image-section*/
.grid-image-section, .image-section-data { height: 390px; overflow: hidden; }

@media(max-width:991px) {
    .grid-image-section, .image-section-data { height: 150px; overflow: hidden; }
}
/*last-row section*/
.last-row .grid-rows .grid-row-text { margin-right: -271px; }

@media(max-width:991px) {
    .last-row .grid-rows .grid-row { display: flex !important; flex-direction: column-reverse; }
    .last-row .grid-rows .grid-row-text { margin: 0; width: 90%; }
}
/*gallery*/
.gallery #ContentRegularModule { margin-top: 50px; }
.gallery-cubes > div { padding: 8.5px; }
.home-page .grid-gallery-section { margin-bottom: 0; }

/*home page form*/
.form-container-wide #DynamicFormObject { border: none; display: flex; flex-direction: column; align-items: center; width: 80%; margin: auto; }
#DynamicFormObject:after, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding-bottom: 40px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .normal-form input, .normal-form select,
#DynamicFormObject input[type=submit], .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .normal-form textarea, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 50%; padding: 0 7.5px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; padding: 0 7.5px; }
.normal-form input, .normal-form select, .normal-form textarea { border: 1px solid #1f212e; border-radius: 0; color: #1f212e; padding: 0 15px; margin-bottom: 15px; font-size: 14px; letter-spacing: 0.85px; opacity: 0.7; }
.must:before { right: 15px; }
.normal-form textarea { height: 120px; padding-top: 10px; }
#DynamicFormObject input[type=submit] { width: auto; }

@media(max-width:991px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField), .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField, .form-container-wide #DynamicFormObject { width: 100%; }
    .normal-form textarea { max-width: 100%; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 15px; }
    #side-contact-form #DynamicFormObject .dynamicFormObjectField .must:before { right: 8px; }
}
/*footer*/
footer { padding-top: 100px; }
.home-page footer { padding-top: 0; }
#SiteFooter { background: #fff; color: #1f212e; font-size: 80%; }
#SiteFooter .footer-address { display: none; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }

.footer-text-divided { display: flex; align-items: center; }
.footer-text-divided > div.footer-text-right > ul { list-style-type: none; }
.footer-text-divided > div.footer-text-right > ul > li, .footer-text-divided > div.footer-text-left > p { padding-bottom: 7px; }
.footer-text-divided > div.footer-text-right { display: inline-flex; justify-content: center; }
.footer-text-divided > div.footer-text-left { display: inline-flex; flex-direction: column; align-content: center; align-items: flex-end; flex-wrap: wrap; }
.footer-text-divided > div.footer-text-left p > a { padding-right: 10px; }

@media(max-width: 991px) {
    .footer-text-divided { flex-direction: row; padding: 20px; }
    .footer-text-divided > div.footer-text-right { display: none; }
    .footer-text-divided > div.footer-text-middle { width: 50%; display: inline-flex; justify-content: flex-start; padding: 0; }
    .footer-text-divided > div.footer-text-middle img { width: 80%; }
    .footer-text-divided > div.footer-text-left { width: 50%; padding: 0; }
    .text-center { display: flex; justify-content: space-between; }
}
/*inners*/
.MainContent { max-width: 750px; margin: auto; }
.MainContent > #text1 { text-align: right; max-width: 100%; }
.MainContent > #text1 > ul { padding-right: 20px; margin-top: 10px; }

.eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33%; }
.eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 99%; }

@media(max-width: 991px) {
    #GridPage .max-width { width: 90%; }
    .eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField),
    .eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
}


.home-page #header:not(.bg), #header.bg { background: #fff; background-image: url(/warehouse/temp/CeaserWinery/texture-header.svg); border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #1f212e; }
#side-contact-form #DynamicFormObject input[type=submit] { background: #1f212d; color: #fff; }
#side-contact-form #DynamicFormObject input[type=submit]:hover, #side-contact-form #DynamicFormObject input[type=submit]:focus { background-color: #8cbfc6; }
#header #header-left img, #header.bg #header-left img { filter: brightness(0); }
#SiteFooter img { filter: invert(1); }

@media(max-width:767px){
    .home-page #header:not(.bg), #header.bg { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
    a.AccessabilityLink { color: #000; }
    .site-credit.alternative { background: #fff; }
    #SiteFooter{padding-bottom:0;}
}