.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-262 .elementor-element.elementor-element-d69d8ac{margin-top:20px;margin-bottom:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-262 .elementor-element.elementor-element-a6f1e93{color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-262 .elementor-element.elementor-element-6590784{color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-7389408{color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-8a735c5{color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-7855f62{color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-aeb9398{color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-7a46155{font-family:"Anton", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-262 .elementor-element.elementor-element-8510189{width:var( --container-widget-width, 108.607% );max-width:108.607%;--container-widget-width:108.607%;--container-widget-flex-grow:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-262 .elementor-element.elementor-element-3a3ef60{width:11.155%;}.elementor-262 .elementor-element.elementor-element-234c1f7{width:78.511%;}.elementor-262 .elementor-element.elementor-element-0a5fa6a{width:10%;}}/* Start custom CSS for section, class: .elementor-element-b70c0d7 *//* =========================================================
   DRUNK PUCKER ATHENS — CITY HEADER
   LOGO | CENTER MENU | BOOK NOW
========================================================= */

:root {
    --dp-black: #0B0B0C;
    --dp-white: #FFFFFF;
    --dp-pink: #FE338A;
    --dp-blue: #00BDFB;
    --dp-line: rgba(255,255,255,.14);
}


/* =========================================================
   MAIN HEADER
========================================================= */

.dp-athens-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;

    z-index: 99999 !important;

    background: rgba(11,11,12,.97) !important;

    border-bottom: 1px solid var(--dp-line) !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   HEADER INNER SECTION
========================================================= */

.dp-athens-headbar {
    width: 100% !important;
    max-width: 1240px !important;

    margin: 0 auto !important;
    padding: 14px 28px !important;
}

.dp-athens-headbar > .elementor-container {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 0 !important;
}


/* =========================================================
   COLUMN 1 — LOGO
========================================================= */

.dp-athens-logo-col {
    width: 25% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    min-width: 0 !important;
}


/* Image Widget itself */

.dp-athens-logo-col .elementor-widget-image {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.dp-athens-logo-col .elementor-widget-container {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;
}


/* ACTUAL LOGO IMAGE */

.dp-athens-logo-col img {
    display: block !important;

    width: auto !important;
    max-width: 180px !important;

    height: 90px !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* If dp-athens-logo class is on Image Widget */

.dp-athens-logo {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.dp-athens-logo img {
    display: block !important;

    width: auto !important;
    max-width: 180px !important;
    height: 70px !important;

    object-fit: contain !important;
}


/* =========================================================
   COLUMN 2 — MENU
========================================================= */

.dp-athens-menu-col {
    width: 55% !important;

    margin:  !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
}


/* =========================================================
   MENU INNER SECTION
========================================================= */

.dp-athens-menu {
    width: 100% !important;

  
}

.dp-athens-menu > .elementor-container {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 22px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   MENU COLUMNS
========================================================= */

.dp-athens-menu .elementor-column {
    width: auto !important;
    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   MENU TEXT EDITOR
========================================================= */

.dp-athens-menu-item {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

.dp-athens-menu-item .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}


/* ACTUAL TEXT */

.dp-athens-menu-item,
.dp-athens-menu-item p,
.dp-athens-menu-item span,
.dp-athens-menu-item a {
    font-family: "Anton", sans-serif !important;

    font-weight: 400 !important;
    font-style: normal !important;

    font-size: 13px !important;

    line-height: 1 !important;

    letter-spacing: 1px !important;

    text-transform: uppercase !important;
}


/* LINK */

.dp-athens-menu-item a {
    display: inline-block !important;

    color: #FFFFFF !important;

    text-decoration: none !important;

    padding: 7px 0 !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}


/* HOVER */

.dp-athens-menu-item a:hover {
    color: #00BDFB !important;

    transform: translateY(-2px) !important;
}


/* =========================================================
   COLUMN 3 — BOOK NOW
========================================================= */

.dp-athens-book-col {
    width: 20% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}


/* =========================================================
   BOOK NOW BUTTON
========================================================= */

.dp-athens-book-btn {
    margin: 0 !important;
    padding: 0 !important;
}

.dp-athens-book-btn .elementor-button {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 46px !important;

    padding: 0 27px !important;

    border: 2px solid transparent !important;

    border-radius: 999px !important;

    background: #FE338A !important;

    color: #000000 !important;

    font-family: "Anton", sans-serif !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    font-style: normal !important;

    line-height: 1 !important;

    letter-spacing: 1px !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease !important;
}

.dp-athens-book-btn .elementor-button:hover {
    background: #00BDFB !important;

    border-color: #00BDFB !important;

    color: #000000 !important;

    transform: translateY(-2px) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .dp-athens-headbar {
        padding: 13px 22px !important;
    }

    .dp-athens-logo-col {
        width: 22% !important;
    }

    .dp-athens-menu-col {
        width: 60% !important;
    }

    .dp-athens-book-col {
        width: 18% !important;
    }

    .dp-athens-menu > .elementor-container {
        gap: 14px !important;
    }

    .dp-athens-menu-item,
    .dp-athens-menu-item p,
    .dp-athens-menu-item span,
    .dp-athens-menu-item a {
        font-size: 11px !important;
        letter-spacing: .7px !important;
    }

    .dp-athens-logo-col img,
    .dp-athens-logo img {
        height: 60px !important;
        max-width: 160px !important;
    }

    .dp-athens-book-btn .elementor-button {
        min-height: 43px !important;
        padding: 0 20px !important;
        font-size: 12px !important;
    }
}


/* =========================================================
   SMALL TABLET
========================================================= */

@media (max-width: 900px) {

    .dp-athens-menu > .elementor-container {
        gap: 10px !important;
    }

    .dp-athens-menu-item,
    .dp-athens-menu-item p,
    .dp-athens-menu-item span,
    .dp-athens-menu-item a {
        font-size: 10px !important;
        letter-spacing: .4px !important;
    }

    .dp-athens-logo-col img,
    .dp-athens-logo img {
        height: 55px !important;
        max-width: 145px !important;
    }

    .dp-athens-book-btn .elementor-button {
        padding: 0 16px !important;
        font-size: 11px !important;
    }
}


/* =========================================
   MOBILE NAVIGATION
========================================= */
@media (max-width: 767px){

  .dp-athens-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
  }

  .dp-athens-headbar{
    padding: 10px 16px 0 !important;
    display: flex;
    flex-wrap: wrap;
  }

  /* LOGO */
  .dp-athens-logo-col{
    width: 55% !important;
  }

  .dp-athens-logo img,
  .dp-athens-logo .elementor-widget-container img,
  .dp-athens-logo .elementor-image img{
    height: 52px !important;
    width: auto !important;
    max-width: 150px !important;
    object-fit: contain !important;
  }

  /* BOOK NOW */
  .dp-athens-book-col{
    width: 45% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  .dp-athens-book-btn{
    font-size: 11px !important;
    padding: 11px 16px !important;
    white-space: nowrap !important;
  }

  /* MOBILE NAV */
  .dp-athens-menu-col{
    width: 100% !important;
    display: block !important;
    margin-top: 8px !important;
  }

  .dp-athens-menu{
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 22px !important;
    padding: 8px 2px 12px !important;

    /* Hide scrollbar */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  .dp-athens-menu::-webkit-scrollbar{
    display: none !important;
  }

  /* Each menu item */
  .dp-athens-menu > .elementor-column{
    width: auto !important;
    min-width: max-content !important;
    flex: 0 0 auto !important;
  }

  .dp-athens-menu-item,
  .dp-athens-menu-item .elementor-widget-container,
  .dp-athens-menu-item p,
  .dp-athens-menu-item span,
  .dp-athens-menu-item a{
    font-family: "Anton", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .dp-athens-menu-item a{
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: color .25s ease !important;
  }

  .dp-athens-menu-item a:hover{
    color: #00BDFB !important;
  }

}/* End custom CSS */