/*
Theme Name: Croatia Rental
Theme URI: https://wordpress.org/themes/vipcars/
Author: vip cars
Author URI: https://wordpress.org
Description: Croatia Rental is a versatile and modern WordPress theme designed for all types of car rental businesses — from luxury cars to economy, and SUV rentals. Packed with a wide collection of professionally designed patterns and layout options, this theme makes it easy to build a stunning, user-friendly website with no coding required. Fully responsive, SEO-friendly, and highly customizable, Croatia Rental is the perfect solution for rental agencies looking to showcase their fleet, manage bookings, and attract customers online with style and ease.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 8.0
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vipcars
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

:where(.wp-site-blocks *:focus) {
	outline-width: 0px;
	outline-style: solid;
}

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

.wp-block-image img {
    width: auto!important;
    height: auto !important;
}

.more-link {
	display: block;
}

/* Custom Css */
.sc-form-heading {
    display: none;
}
section#sc-be {
    max-width: 1320px;
    min-height: 250px;
}
.sc-aff-base #sc-box .sc-date-field:not(:last-child), .sc-aff-base #sc-box select:not(:last-child) {
    margin-right: 0px !important;
}
section#sc-manage-head {
    display: none;
}
div#supplycars_page_loader {
    left: 0;
}

.phone-number {
    text-decoration: none;
    color: #fff;
    position: relative;
    display: inline-block;
    padding-left: 43px;
}
.phone-number:before {
    position: absolute;
    background: url(assets/images/new-sprite.png) no-repeat;
    height: 26px;
    width: 34px;
    content: '';
    left: 0;
    background-position: -3px -43px;
    top: 9px;
}
.three-step-booking {
    column-gap: 35px !important;
}
 header .wp-block-group.portugal-banner > .wp-block-group {
    margin-top: -1px;
}	
/* Mobile menu – slide in from LEFT */
@media (max-width: 599px) {
    
    header .wp-block-group.portugal-banner > .wp-block-group {
        background: #0b3771;
    }
    header .wp-block-group.portugal-banner > .wp-block-group > .wp-block-group.alignwide {
        padding: 10px 0 !important;
    }
    .wp-block-site-logo img {
        max-width: 118px;
    }
	.wp-block-navigation__responsive-container-close {
		right: 20px;
		top: 10px;
		color: #222 !important;
	}
	.search-location-section.with-bg > * {
		z-index: 0 !important;
	}
	header .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
        background-color: #fff !important;
    }
	header .wp-block-navigation__responsive-container {
		left: 0 !important;
		right: auto !important;
		transform: translateX(-110%) !important;
		transition: transform .3s ease-in-out !important;
		z-index: 9999 !important;
		display: flex !important;
		animation: none !important;
		min-width: 70% !important;
		padding: 16px 0!important;
		background: #fff !important;
	}
	
	header ul.wp-block-navigation__container.has-background.has-base-background-color.is-responsive.items-justified-center.wp-block-navigation {
		width: 100% !important;
		display: block !important;
	}
	header ul.wp-block-navigation__container.has-text-color.is-responsive.items-justified-left.wp-block-navigation {
        gap:0 !important;
    }
	header .is-menu-open ul.wp-block-navigation__container.has-text-color.is-responsive.items-justified-left.wp-block-navigation {
        width: 100%;
    }
	header ul.wp-block-navigation__container li.wp-block-navigation-item.wp-block-navigation-link {
		align-items: flex-start !important;
		color: #313131 !important;	
		display: inline;
		border-bottom: 1px solid #CFCFCF;
		width: 100%;
	}
	header ul.wp-block-navigation__container li.wp-block-navigation-item.wp-block-navigation-link a {
		width:100%;
		padding: 15px 10px !important;
		text-decoration:none;
	}
	header ul.wp-block-navigation__container li.wp-block-navigation-item.wp-block-navigation-link a:hover {
		color: #313131 !important;	
	}
	.wp-block-navigation__responsive-container.is-menu-open {
		transform: translateX(0) !important;
	}
	.wp-block-navigation__responsive-container-content {
		padding-top: calc(2rem + 26px) !important;
	}
	.wp-block-navigation__responsive-container-content ul {
		flex-direction: column !important;
	}	
	html.has-modal-open {
		overflow: hidden;
		position: relative;
		z-index:999;
	}
	html.has-modal-open:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #00000073;
	}
	.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
		padding: 0;
	}
	
	
	
	
	
	
	
	
.wp-block-columns {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap!important
}

@media (min-width: 782px) {
    .wp-block-columns {
        flex-wrap:nowrap!important
    }
}

.wp-block-columns {
    align-items: normal!important
}

.wp-block-columns.are-vertically-aligned-top {
    align-items: flex-start
}

.wp-block-columns.are-vertically-aligned-center {
    align-items: center
}

.wp-block-columns.are-vertically-aligned-bottom {
    align-items: flex-end
}

@media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis:100%!important
    }
}

@media (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis:0;
        flex-grow: 1
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
        flex-grow: 0
    }
}

.wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap: nowrap!important
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
    flex-basis: 0;
    flex-grow: 1
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
    flex-grow: 0
}

:where(.wp-block-columns) {
    margin-bottom: 1.75em
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word
}

.wp-block-column.is-vertically-aligned-top {
    align-self: flex-start
}

.wp-block-column.is-vertically-aligned-center {
    align-self: center
}

.wp-block-column.is-vertically-aligned-bottom {
    align-self: flex-end
}

.wp-block-column.is-vertically-aligned-stretch {
    align-self: stretch
}

.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top {
    width: 100%
}
	



@media (max-width:991px){

    .demo1-brands{
        flex-direction:column;
        align-items:flex-start;
        gap:30px;
    }

    .demo1-brands .wp-block-column{
        width:100%;
        flex-basis:100% !important;
    }

    .demo1-brands .wp-block-column:last-child{
        justify-items:initial !important;
    }

    .wp-block-group.is-content-justification-right{
        justify-content:flex-start !important;
    }

    .companies-row{
        justify-content:flex-start;
    }

}	
	
@media (max-width:767px){

    .demo1-brands{
        gap:25px;
    }

    .basic-feature{
        width:100%;
        padding-left:20px;
    }

    .wp-block-group.is-content-justification-right{
        flex-direction:column;
        align-items:flex-start !important;
    }

    .companies-row{
        width:100%;
        justify-content:center;
        gap:15px;
    }

    .companies-row figure{
        width:30%;
        text-align:center;
    }

    .companies-row img{
        width:90px;
        margin:auto;
    }

}