/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/********** HOME SLIDESHOW **********/

div#brxe-gulmil {
    height: 100%;
}

div#brxe-gulmil .splide__track {
    height: 100%;
}

/********** MISC **********/

footer .fr-social-charlie__icon-wrapper :is(svg, i) {
    height: calc(var(--icon-size) + 6px);
    width: calc(var(--icon-size) + 6px);
}

/* Disable phone number linking and underline on iOS */
a[href^="tel"] {
    text-decoration: none; /* Removes the underline */
}

/* Additional style to ensure there's no underline */
a[href^="tel"]:hover,
a[href^="tel"]:focus,
a[href^="tel"]:active {
    text-decoration: none;
}

div#brxe-mibfxf-slide07 a img {
    object-position: 50% 30%;
}

#brxe-zzovwh {
    position: relative;
    z-index: 1; /* Ensure that the section content is above the pseudo-element */
}

#brxe-zzovwh:before {
    content: '';
    position: absolute;
    width: 100vw; /* Set the width to 100% of the viewport width */
    height: 100%; /* Adjust height as needed */
    background: var(--primary);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: -1;
}

.gallery {
    margin: 0 !important;	
}

li.bricks-layout-item[data-id="574"] img {
    object-position: 50% 30%;
}

li.bricks-layout-item[data-id="576"] img {
    object-position: 50% 24%;
}

li.bricks-layout-item[data-id="645"] img {
    object-position: 50% 0%;
}

li.bricks-layout-item[data-id="609"] img {
    object-position: 50% 0%;
}

li.bricks-layout-item[data-id="623"] img {
    object-position: 50% 20%;
}

li.bricks-layout-item[data-id="1055"] img {
    object-position: 50% 20%;
}

li.bricks-layout-item[data-id="646"] img {
    object-position: 50% 20%;
}


.page-id-238 .fr-hero-hotel {
    background-position: 50% 47%;
}

.page-id-325 .fr-hero-hotel {
    background-position: 50% 55%;
}

.page-id-244 .fr-hero-hotel {
    background-position: 50% 30%;
}

.page-id-246 .fr-hero-hotel {
    background-position: 50% 37%;
}

.google-maps {
    position: relative;
    padding-bottom: 22%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.box-shadow--m {
    box-shadow: 0 4px 4px -10px rgb(0 0 0 / 4%), 0 13px 13px -10px rgb(0 0 0 / 6%), 0 40px 60px -10px rgb(0 0 0 / 8%) !important;
}

.ff-default .ff-el-form-control {
    outline: none !important;
}

.ff-el-group.ff-text-left.ff_submit_btn_wrapper {
    margin-bottom: 0;
}

#brxe-snudga .fluentform .ff-el-group select {
    min-height: 46px;
}

.stat:before,
.fr-testimonial-card-bravo:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 16px solid var(--accent); /* Arrow color */
    border-left: 16px solid transparent; /* Transparent part */
}

.fr-feature-card-echo .fr-feature-card-echo__image {
    transition: transform 0.3s ease;
}

.fr-feature-card-echo:hover .fr-feature-card-echo__image {
    transform: scale(1.03);
}

#brxe-fjoqtb .fr-tabs__content-item {
    padding: var(--space-m) 0 0 0 !important;
}

.brxe-image-gallery .image {
    transition: .3s ease all;
}

.brxe-image-gallery a:hover .image {
    opacity: .8;
}

/********** HEADER **********/

.fr-nav-alpha .bricks-nav-menu > li > a {
  position: relative;
}

.fr-nav-alpha .bricks-nav-menu > li > a::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 7px;
  width: 100%;
  height: 2px;
  background-color: var(--accent-hover);
  transform-origin: center;
  transform: translate(-50%, 0) scaleX(0);
  transition: transform 0.3s ease-in-out;
}

.fr-nav-alpha .bricks-nav-menu > li > a:hover::before {
  transform: translate(-50%, 0) scaleX(1);
}

.fr-nav-alpha .bricks-nav-menu .current-menu-item > a::before {
  transform: translate(-50%, 0) scaleX(1);	
}

#brx-header .fr-header-alpha__logo {
    transition: .3s ease all;
}


#brx-header.sticky.scrolling .fr-header-alpha__logo {
    max-width: 110px;
}

@media screen and (max-width: 1080px) {
	.google-maps {
		padding-bottom: 60%;
	}
}

@media screen and (max-width: 840px) {
	#brxe-fjoqtb .fr-tabs__list {
		display: grid;
		grid-template-columns: var(--grid-2);
		grid-template-rows: var(--grid-1);
		text-align: center;
	}
}

@media screen and (max-width: 782px) {
    html #wpadminbar {
        display: none;
    }
    html {
        margin-top: 0 !important;
    }

    body.bricks-is-frontend.admin-bar #brx-header.sticky {
        top: 0;
    }
}


@media screen and (max-width: 767px) {
	#brxe-fjoqtb .fr-tabs__content-item {
		padding-top: 0 !important;
	}

     .fr-nav-alpha .bricks-mobile-menu > .current-menu-item > .brx-submenu-toggle > * {
        padding-left: 0 !important;
    }   

    .fr-nav-alpha .bricks-mobile-menu .sub-menu > li > a,
    .fr-nav-alpha .bricks-mobile-menu > li > a {
        padding-left: 0 !important;
    }

    .fr-nav-alpha .bricks-mobile-menu-wrapper .brx-submenu-toggle {
        justify-content: flex-start !important;
    }
}

@media screen and (max-width: 540px) {
	#brxe-fjoqtb .fr-tabs__list {
		grid-template-columns: var(--grid-1);
	}




	#brxe-fjoqtb .fr-tabs__list {
		gap: 0;
	}	
	
	#brxe-fjoqtb .fr-tabs__link {
		border-bottom: 1px solid #284c6a;
	}	
}