/**
Theme Name: White House IE
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: white-house-ie
Template: astra
*/


:root {
    --color-primary: #222d5a;
    --color-secondary: #ffffff;
    /* --color-accent: #F05D5E; */
    --color-accent: #e57738;
    /* --color-accent-hover: #c02e2f; */
    --color-accent-hover: #b95b24;
}
h1 {
    line-height: 0.9427083333333334em!important;
}
a {
    color: var(--color-accent);
    text-decoration: none !important;
}
a:hover,
a:focus,
a:active,
a:visited,
a:focus-within,
a:focus-visible {
    outline: none!important;
}
.heading-h5 span {
    font-size: 24px;
}
.elementor-widget-button .elementor-button {
    background-image: url(/wp-content/uploads/2025/10/icon-button-right-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 34px center;
    padding-right: 70px;
}
.btn-no-icon .elementor-button {
    background-image: unset;
    padding-right: 34px;
}
.header-button .elementor-button {
    background-color: var(--color-accent);
    color: var(--color-secondary);
    border-radius: 0;
    font-size: 16px!important;
    padding: 16px 32px;
}
.header-button .elementor-button:hover,
.header-button .elementor-button:focus,
.header-button .elementor-button:active {
    background-color: var(--color-accent-hover);
    border-radius: 0;
}
.btn-bordered .elementor-button {
    background-color: transparent!important;
    color: var(--color-accent)!important;
}
.btn-bordered .elementor-button:hover {
    background-color: var(--color-accent-hover)!important;
    color: var(--color-secondary)!important;
}
.btn-small .elementor-button {
    background-position: right 15px center;
    background-size: 15px;
    border-radius: 8px;
    font-size: 16px;
    padding: 12px 40px 12px 15px;
}
.btn-small .elementor-button:hover {
    border-radius: 8px;
}
.mobile-menu-icon {
    line-height: 0;
}
input:focus, 
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="reset"]:focus, 
input[type="search"]:focus, 
input[type="number"]:focus, 
textarea:focus {
    border-style: solid;
}
header nav ul li.menu-item a.menu-link:hover,
header nav ul li.menu-item a.menu-link:focus,
header nav ul li.menu-item a.menu-link:active,
footer nav ul li.menu-item a.menu-link:hover,
footer nav ul li.menu-item a.menu-link:focus,
footer nav ul li.menu-item a.menu-link:active {
    color: var(--color-accent)!important;
}
.aspect-1-1 img {
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center center;
}
/*---- Brand Slider Slide Continous - CSS - START ----*/ 
/*---- Change Slider Settings (Content > Additional Options > Autoplay Speed = 0) ----*/ 
.brand-slider .swiper-wrapper {
  transition-timing-function: linear !important; 
}
/*---- Brand Slider Slide Continous - CSS - END ----*/ 
/*---- Astra Theme Default CSS Reset - START ----*/
.ast-container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
.ast-article-single{
  padding: 0 !important;
}
.ast-separate-container #primary{
    margin: 0 !important;
    padding: 0 !important;
}
.ast-separate-container .ast-article-single:not(.ast-related-post) {
    background-color: transparent;
}
#ast-scroll-top {
    display: none!important;
}
/*---- Astra Theme Default CSS Reset - END ----*/
.text-highlight span {
    color: var(--color-primary);
}
.your-class .elementor-widget-image a {
    display: block;
}
.event-list .elementor-loop-container .e-loop-item .e-con-full .elementor-widget-text-editor .elementor-widget-container {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.common-form .elementor-field {
    box-shadow: none !important;
    height: 58px;
    padding: 18px 28px !important;
}
.common-form .elementor-field.elementor-select-wrapper {
    padding: unset !important;
}
.common-form .elementor-field select {
    box-shadow: none !important;
    height: 58px;
    padding: 18px 28px !important;
}
.common-form textarea.elementor-field {
    height: 208px;
}
.common-form button[type="submit"] {
    margin-top: 56px;
}
.elementor.e-loop-item.event.ast-article-single {
    background-color: transparent;
}
.service-box .elementor-widget-theme-post-featured-image .elementor-widget-container > a,
.event-box .elementor-widget-theme-post-featured-image .elementor-widget-container > a {
    display: block;
}
.elementor-messag.elementor-message-svg {
    margin: 40px 0 10px 0;
}
.elementor-widget-loop-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-prev,
.elementor-widget-loop-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-next {
    z-index: 9;
}
/*---- Booking Form - CSS - START ----*/
.CloudBedsWidget .widgetHotelsForm .horizontal-widget .submit_link {
    border-radius: 4px !important;
    padding: 5px 4px !important;
    border: none;
}
.CloudBedsDatePicker button.pika-prev,
.CloudBedsDatePicker button.pika-next {
    background-color: transparent;
    padding: 0;
}
.CloudBedsDatePicker button {
    border: none!important;
}
.CloudBedsDatePicker .pika-button {
    background-color: #f5f5f5;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    padding: 5px;
}
.CloudBedsDatePicker .pika-button:hover {
    background-color: #7aad3a;
    color: #fff;
    border-radius: 3px;
}
.CloudBedsDatePicker .is-disabled .pika-button {
    color: #999;
    opacity: .3;
}
/*---- Booking Form - CSS - END ----*/
/*---- Take Away Page - CSS - START ----*/
#flipdish-menu main#fd-main {
    display: flex !important;
    max-width: 100% !important;
    /* gap: 30px !important; */
}
#flipdish-menu main#fd-main header.fd-header {
    order: 1;
}
#flipdish-menu main#fd-main header.fd-header > .budapest28 {
    min-height: auto !important;
}
#flipdish-menu main#fd-main article.fd-content__main {
    order: 3;
}
#flipdish-menu main#fd-main article.fd-content__main .MuiCollapse-root .MuiAccordionDetails-root > ul {
    margin-left: 0 !important;
}
#flipdish-menu main#fd-main section.fd-content__side {
    order: 2;
}
#flipdish-menu main#fd-main footer.fd-footer {
    order: 4;
}
#flipdish-menu .warning {
    background-color: var(--color-accent) !important;
}
/*---- Take Away Page - CSS - END ----*/
/*---- Home About Box - CSS - START ----*/
.home-about-box {
    max-height:600px;
}
.home-about-box .home-about-box-inner {
    transform: translateY(45%);
    transition: all 0.5s;
}
.home-about-box:hover .home-about-box-inner {
    transform: translateY(0);
}
.home-about-box .home-about-box-title {
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
}
.home-about-box .home-about-box-txt {
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    opacity: 0;
    transition: all 0.5s;
}
.home-about-box:hover .home-about-box-txt {
    opacity: 1;
}
/*---- Home About Box - CSS - END ----*/
/*---- Home Menu & Vouchers Box - CSS - START ----*/
.home-menu-vouchers-box {
    max-height:543px;
    transition: all 0.5s;
}
.home-menu-vouchers-box .home-menu-vouchers-box-title {
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
    transition: all 0.5s;
}
.home-menu-vouchers-box .home-menu-vouchers-box-txt {
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 0.5s;
}
.home-menu-vouchers-box:hover .home-menu-vouchers-box-txt {
    height: 0;
}
.home-menu-vouchers-box .home-menu-vouchers-box-btn {
    transition: all 0.5s;
}
/*---- Home Menu & Vouchers Box - CSS - END ----*/
/*---- Brand Slider Slide Continous - CSS - START ----*/ 
/*---- Change Slider Settings (Content > Additional Options > Autoplay Speed = 0 & Animation Speed = 3000) ----*/ 
.brand-slider .swiper-wrapper {
  transition-timing-function: linear !important; 
}
/*---- Brand Slider Slide Continous - CSS - END ----*/
@media screen and (max-width:1024px) {
    nav ul li.menu-item a.menu-link {
        justify-content: space-between;
    }
}
@media screen and (max-width:767px) {
    .elementor-widget-button .elementor-button {
        background-position: right 15px center;
        border-radius: 10px;
        padding-right: 40px;
    }
    .elementor-widget-button .elementor-button:hover {
        border-radius: 10px;
    }
    .header-button .elementor-button {
        font-size: 14px!important;
        padding: 8px 10px;
    }
}
@media screen and (max-width:390px) {
    .CloudBedsWidget .widgetHotelsForm .horizontal-widget .submit_link {
        min-width: 30px;
    }
}