/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Mar 18 2025 | 20:36:44 */
.main-promo{
	color: white;
	font-size: 3em;
	text-align: center;
}

.main-promo > span{
	font-size: 1.8em;
}

sub, sup {
	font-size: 60%;
}

.offer-container-column{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.noteHero{
	margin-top: -25px;
}


.yellow-heading{
	color: #ffc20e;
    text-shadow: 1px 0 5px #000;
    font-size: 40px;
    margin-bottom: 18px;
}

#locationSearch2 {
    height: 45px;
	border-radius: 30px 0px 0px 30px;
}

.market-micro-search {
    color: white;
}

.legal-note{
	margin-top: 20px;
}

.yellowColor{
	color: #ffc20e!important;
	margin-top: 22px;
}

.btn-market-search{
	border: 1px solid white;
}

#maincontent>div.counter-promo {
    background-image: url(https://www.minimallstorage.com/wp-content/uploads/2023/09/background_promo_may_2.webp);
    background-color: #d8611e;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 60px 0 40px 0
}

#maincontent>div.what-do-i-get>div.wp-block-columns.container.is-layout-flex.wp-container-22.wp-block-columns-is-layout-flex {
    padding-bottom: 50px;
    margin: 0 auto
}

#maincontent>div.why-minimall>div.wp-block-columns.mt-4.container.is-layout-flex.wp-container-18.wp-block-columns-is-layout-flex {
    padding-bottom: 50px;
    margin: 0 auto
}

#maincontent>div.static-page.p-sm-4>div>div>div>div:nth-child(1)>center>button {
    border-radius: 40px;
    font-family: AvenirNextBold
}

#maincontent>div.what-do-i-get figure>figcaption {
    text-align: left
}

#maincontent div.what-do-i-get figure>img {
    width: 70%
}

#maincontent div.what-do-i-get {
    padding: 0 10% 4% 10%
}

#maincontent>div.what-do-i-get>div.wp-block-columns.container>div {
    padding: 2% 5%!important
}

#maincontent>div.why-minimall>div.wp-block-columns.mt-4.container>div>div>div>h3 {
    font-size: 15px!important
}

#maincontent>div.counter-promo>h4 {
    font-size: 15px!important
}

#maincontent>.what-do-i-get {
    margin: 0 auto;
    padding-bottom: 50px
}

#maincontent>div.counter-promo>h3 {
    padding: 0 15%!important
}

#maincontent>div.why-minimall>div.wp-block-columns.mt-4.container {
    margin: 0 auto
}

#maincontent>div.what-do-i-get>div.wp-block-columns.container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 0
}

#maincontent .what-do-i-get figure {
    margin: 0 auto!important;
    padding: 0!important;
	width: 300px;
}

.mobile-header-rogo {
    display: none
}

.mobile-subheader-rogo {
    display: none
}

.mobile-subheader-rogo span {
    display: none
}

#maincontent>div.static-page.p-sm-4>div>div>div>div>picture>img {
    width: 100%;
    height: auto
}

.rogo-logo {
    width: 300px!important
}

#maincontent>div>h3 {
    margin: 20px auto
}

.desktop-header-rogo {
    margin-top: 10px
}

.desktop-subheader-rogo {
    margin-bottom: -8px
}

.dotted-background {
    margin-top: -150px!important
}

.free {
    font-size: 87px;
	margin-bottom: 0px;
	padding-top: 0!important;
	color: white;
}

.free-size{
	font-size: 120px!important;
}

.secondSLide{
	margin-bottom: 10px
}


.p-sm-4 {
    padding:0!important;
}


#maincontent>div.static-page.p-sm-4>div>div>div>div>h5 {
    font-family: AvenirNextBold;
	font-style: italic;
	margin-top: 0px;
}

#maincontent > div.counter-promo > center > button {
    border: 2px solid white;
    border-radius: 40px;
    font-family: AvenirNextBold !important;
}
.offer-container{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.off-container h3{
    font-size: 80px !important;
    text-shadow: 0 0 9px black;
    padding-top: 0 !important;
    margin: 0;
	color: white;
}

.off-container h4{
    font-size: 30px !important;
    text-shadow: 0 0 9px black;
    padding-top: 0 !important;
    margin: 0;
	color: white;
	text-align: center;
}
.first-month-free {
    font-family: 'AvenirNextBold';
    font-weight: bold;
    font-style: normal;
    font-size: 46px;
    font-size: 3.5rem;
    color: white;
    line-height: 0.5 !important;
    margin: 0px;
	padding: 0px;
	margin-top: -20px;
}

.orangecolor{
	color: #f26322;
}

.disclaimer{
	padding: 32px 40px 15px 40px;
    margin: 0;
    font-size: 14px;
    background: white;
}

.disclaimer1{
    font-size: 14px;
}




/* ------------------SLIDER------------*/

.mobile-subheader-rogo{
	display: none;
}

.slider-container {
    width: 100vw; /* Full width of the viewport */
    overflow: hidden; /* Hide non-active slides */
    position: relative;
}

.slider-track {
    display: flex; /* Align items horizontally */
    transition: transform 0.5s ease-in-out; /* Smooth sliding effect */
    width: 100vw; /* Width of the track should be managed by JS */
}

.slider-item {
    min-width: 100vw; /* Each item takes full viewport width */
    position: relative; /* So inner content stays in place */
    display: flex; /* Align content within each slide */
    justify-content: center;
    align-items: center;
}

.slider-item img {
    width: 100%; /* Make images responsive */
    height: auto; /* Maintain aspect ratio */
}


.wp-block-cover {
    width: 100%;
    height: 64vh;
}

.wp-block-cover__image-background {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the full slide area */
}

/* Navigation buttons */
.slider-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
	z-index: 100;
}

.slider-prev, .slider-next {
    pointer-events: all;
	background: #ffffff00;
    color: white;
    border: none;
    cursor: pointer;
	transform: scale(2);
}

/* Dots */
.slider-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    gap: 10px;
	z-index: 100;
}

.slider-dot {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
}

.slider-dot.active {
    background-color: white;
}

/* ------------NOV 18-------------- */

.blackFridayheading{
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	flex-direction: column;
 	color: white;
}

.first-heading{
    font-family: "gopher", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0;
	text-align: center;
}

.middleLineContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "gelato-fresco-variable", sans-serif;
    font-variation-settings: "wght" 700;
    margin: 0;
}

.middleLine{
    height: 4px;
    width: 3em;
    background-color: #fab812;
    display: block;
    
}

/* ------------NOV 18-------------- */



@media screen and (max-width: 991px) {
	.container{
		min-width: auto!important;
	}
}

@media screen and (max-width: 768px) {
	
	#maincontent > div.static-page.p-sm-4 > div > div.slider-track > div:nth-child(2) > div > div > div > div > h1{
	margin-bottom: 20px;
}
	.first-heading{
		font-size: 2.8em;
	}
	
	.main-promo{
		font-size: 2.5em;
		margin-bottom: 30px;
	}
	
	.first-month-free{
        font-size: 2em;
    }

    .mobile-subheader-rogo{
        font-size: 4em!important;
    }

    .noteHero{
        font-size: 1em;
    }
	
	.wp-block-cover__inner-container{
		margin-top: 10%
	}
	
	.blackFridayContainer{
		margin-top: 15%
	}
	
	#maincontent div.what-do-i-get {
    padding: 0px;
	}
	.first-month-free{
		margin-bottom: 22px;
	}
	

    #maincontent>div.why-minimall>div.wp-block-columns.mt-4.container-grid {
        display: grid;
        grid-template-columns: auto auto
    }

    #maincontent>div.static-page.p-sm-4>div>div>div>div>.mobile-header {
        font-size: 30px!important
    }

    .desktop-header-rogo {
        display: none
    }

    .mobile-header-rogo {
        margin-top: 10vw;
        font-size: 12vw;
        line-height: 12vw;
        text-align: center
    }

    .desktop-subheader-rogo {
        display: none
    }

    .mobile-subheader-rogo {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0;
        margin: 0;
        line-height: 10vw;
        font-size: 5vw;
    }

    .mobile-subheader-rogo span {
        font-size: 12vw;
        display: block;
        text-align: center
    }

    .mobile-header-rogo {
        display: block;
        margin-bottom: 8vw
    }

    #maincontent>div.static-page.p-sm-4>div>div>div>div>picture {
        width: 45vw!important;
        display: block;
        margin: 0 auto
    }

    #maincontent>div.why-minimall {
        margin: 0 auto;
        padding: 5%
    }


    #maincontent div.what-do-i-get figure>img {
        width: 60%
    }

    #maincontent div.what-do-i-get div.wp-block-columns.container div {
        padding: 7% 10% 0% 10%!important
    }

    #maincontent>div.why-minimall>div.wp-block-columns.mt-4.container>div>div>div>h3>span>span {
        word-break: keep-all;
        word-wrap: normal
    }

    .dotted-background {
        margin-top: 10px!important
    }
	
	.wp-block-cover, .wp-block-cover-image {
		align-items: flex-start;
		background-position: 100%;
		box-sizing: border-box;
		display: flex;
		justify-content: flex-start;
		min-height: 430px;
		overflow: hidden;
		overflow: clip;
		padding: 1em;
	}
	
	.offer-container-column{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: left;
	}
	.off-container h3{
		font-size: 80px !important;
		text-shadow: 0 0 18px black;
		padding-top: 0 !important;
		margin: 0;
		text-align: center;
		margin-top: -25px;
	}

	.off-container h4{
		font-size: 30px !important;
		text-shadow: 0 0 18px black;
		padding-top: 0 !important;
		margin: 0;
	}
	.first-month-free {
		font-family: 'AvenirNextBold';
		font-weight: bold;
		font-style: normal;
		font-size: 30px;
		margin: 0;
	}
	
	.orangecolor{
		font-size: 30px!important;
	}
	
	.free {
        padding: 0 !important;
        margin: 0;
		line-height: 0.9em;
		font-size: 82px;
	}
	
	.yellow-heading{
		color: #ffc20e;
		text-shadow: 1px 0 5px #000;
		font-size: 24px;
		margin-bottom: 18px;
	}
	
	#maincontent > div.why-minimall > div.wp-block-columns.mt-4.container-grid > div{
		display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
	}
	
	.market-micro-search {
    display: block !important;
    text-align: center;
	}
	
	.desktop-subheader-rogo{
		display: none!important;
	}
	
	.mobile-subheader-rogo{
	display: flex!important;
	}
	
	.wp-block-cover {
    width: 100%;
    height: 100vh;
	}
}
@media screen and (min-width: 400px) {
	.p-sm-4 {
		padding: 0rem!important;
	}
}


