/**
Theme Name: Reddistores Theme
Author: Carr Design Ltd.
Author URI: http://carrdesign.co.uk/
Description: Reddistores is the fastest, fully customizable & beautiful theme suitable for blogs, portfolios and business websites. It is very lightweight and offers unparalleled speed. Built with SEO in mind, Reddistores comes with schema.org code integrated so search engines will love your site. Reddistores 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.
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: reddistores-theme
Template: astra
*/
/* Normal header */
.sticky-header {
    transition: all 0.3s ease;
}

/* Header after scrolling */
.sticky-header.elementor-sticky--effects {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    min-height: 70px !important;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3) !important;
}

/* Shrink the logo */
.sticky-header.elementor-sticky--effects img {
    width: 170px !important;
    transition: width 0.3s ease;
}

/* Keep logo transition smooth */
.sticky-header img {
    transition: width 0.3s ease;
}

.ast-single-post .ast-article-single h1.entry-title {
    font-size: 26px !important;
}
body.single-post .entry-content h2 {
    font-size: 22px !important;
}
/*@media (min-width: 768px) {
	.image-wave {
		width: fit-content !important;
		max-width: 135px !important;
		flex: 0 0 auto !important;
		align-self: flex-end;
	}
	.image-wave img {
		display: block;
		cursor: pointer;
		position: relative;
		z-index: 2;
	}
	
	.image-wave::before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		width: 100%;
		height: 100%;
		transform: translate(-50%, -50%);
		border-radius: 100%;
		border: 1px solid transparent;
		opacity: 0;
		pointer-events: none;
		z-index: 1;
		  animation: ripples 0.8s ease-out infinite;
	}
	.image-wave:hover::before {
		animation: ripples 0.8s ease-out infinite;
	}
	@keyframes ripples {
		0% {
			width: 100%;
			height: 100%;
			border: 1px solid transparent;
			opacity: 0.8;
		}
		100% {
			width: 140%;
			height: 140%;
			border: 20px solid #000;
			opacity: 0;
		}
	}
}*/
.storage-section h4::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    width: 60px;
    background: #93cd1e;
    transition: .3s;
}
.storage-section h4:hover::before {
	  width: 90px;
}
.image-border {
    position: relative;
    display: inline-block;
}
.image-border img {
    display: block;
}
.image-border::after {
    content: "";
    position: absolute;
	  left: 20px;
    right: 0;
    bottom: 0;
    width: 0;
    height: 10px;
    background: #000;
    transition: width 0.5s ease;
}
.image-border::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
	  top: 20px;
    width: 10px;
    height: 0;
    background: #93cd1e;
    transition: height 0.5s ease 0.5s;
}
.image-border:hover::after {
    width: calc(100% - 20px);
}
.image-border:hover::before {
    height: calc(100% - 20px);
}
.elementor-button:has(.elementor-button-icon) .elementor-button-icon {
    transition: transform 0.3s ease;
}

.elementor-button:has(.elementor-button-icon):hover .elementor-button-icon {
    transform: translateX(6px);
}
.e-n-accordion-item-title {
    display: flex;
    align-items: center;
}
.e-n-accordion-item-title-header {
    flex: 1;
}
.e-n-accordion-item-title-icon {
    margin-left: auto;
}
.e-n-accordion-item[open] .e-n-accordion-item-title-text {
    color: #8BCF00 !important;
}
.e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
.e-n-accordion-item-title:hover .e-n-accordion-item-title-header h3 {
    color: #8BCF00 !important;
}
.e-n-accordion-item-title:hover .e-n-accordion-item-title-icon {
    color: #8BCF00 !important;
}
.faq .e-n-accordion-item-title-header {
    display: flex;
    align-items: center;
}
.faq .e-n-accordion-item-title-header::before {
    content: "";
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-right: 12px;
    background-color: #8BCF00;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6.5 12 3l9 3.5v11L12 21l-9-3.5v-11Zm9 0v11M3.5 7 12 10.5 20.5 7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6.5 12 3l9 3.5v11L12 21l-9-3.5v-11Zm9 0v11M3.5 7 12 10.5 20.5 7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.unit-size ul {
    list-style: none;
    padding-left: 0;
}
.unit-size ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}
.unit-size ul li::before {
    content: "\203A";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8BCF00;
    color: #fff;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}
@media (max-width: 767px) {
    .self-storage-box {
        order: 3;
    }

    .secure-site-box {
        order: 2;
    }
}