/*
Theme Name: Rigby Storage Units
Text Domain: rigbystorageunits
Version: 1.0
Description: Autumnwood Self Storage provides secure and convenient options for RV storage in Rigby. Our gated facility features outdoor parking for RVs and trailers, ensuring your recreational vehicles are safely stored when not in use.
Tags: Blog
Author: Rigby Storage Units
Author URI: 
Theme URI:  
*/

/* Rigby Storage Units */

@font-face {
    font-family: 'Inter Tight';
    src: url('assets/fonts/InterTight-Regular.woff2') format('woff2'),
        url('assets/fonts/InterTight-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('assets/fonts/InterTight-Medium.woff2') format('woff2'),
        url('assets/fonts/InterTight-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('assets/fonts/InterTight-SemiBold.woff2') format('woff2'),
        url('assets/fonts/InterTight-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('assets/fonts/InterTight-Italic.woff2') format('woff2'),
        url('assets/fonts/InterTight-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('assets/fonts/InterTight-Bold.woff2') format('woff2'),
        url('assets/fonts/InterTight-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter Tight';
    color: #2A2A2A;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.5;
}

.wrapper {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 9;
}

.d-flex {
    display: flex;
}

.text-center {
    text-align: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-center {
    align-items: center;
}

.justify-space-between {
    justify-content: space-between;
}

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

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: flex-end;
}

.radius20 {
    border-radius: 20px;
}

a {
    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1;
    margin-bottom: 15px;
    font-family: 'Inter Tight';
    font-weight: 600;
}

.btn {
    display: inline-block;
    cursor: pointer;
    padding: 15px 30px;
    border: 1px solid #D61710;
    border-radius: 4px;
    color: #ffffff;
    background-color: #D61710;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.2;
    font-family: "Inter Tight", sans-serif;
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    position: relative;
}

.btn:hover {
    background-color: #2A2A2A;
    border-color: #2A2A2A;
}

.ptb100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.ptb80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ptb150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.ptb120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.pt100 {
    padding-top: 100px;
}

.pb100 {
    padding-bottom: 100px;
}

figure {
    line-height: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.col-50 {
    width: 50%;
}

.col-30 {
    width: 33.33%;
}

.gap-50 {
    gap: 50px;
}

.gap-20 {
    gap: 20px;
}

.text-white {
    color: #ffffff;
}

.text-red {
    color: #D61710;
}

.bg-black {
    background-color: #2A2A2A;
}

.bg-gray {
    background-color: #F8F6F3;
}

.mainTitle {
    font-size: 52px;
    line-height: 1;
}

.max-700 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.max-900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.mb40 {
    margin-bottom: 40px;
}

.mt50 {
    margin-top: 50px;
}

.pos-relative {
    position: relative;
}

/**** Header ****/

.main-header {
    position: relative;
    padding: 15px 0;
    width: 100%;
    z-index: 999;
    border-bottom: 3px solid #9D8055;
    background-color: #171B1E;
}

.main-header.sticky {
    position: sticky;
    left: 0;
    top: 0;
}

.logo a {
    display: block;
    line-height: 0;
}

.hamburgericon {
    display: none;
}

.logo {
    width: 300px;
}

.header_right {
    width: calc(100% - 300px);
}

.header_right .menuBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menuBar .menu-main-menu-container .menu {
    display: flex;
    list-style: none;
    gap: 30px;
    align-items: center;
}

.menuBar .menu-main-menu-container .menu li {
    margin: 0;
}

.menuBar .menu-main-menu-container .menu li a {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    padding: 5px;
    font-family: 'Inter Tight';
}

.menuBar .menu-main-menu-container .menu li a:hover {
    color: rgba(255, 255, 255, 0.6)
}

.bookBtn {
    padding: 15px 20px;
    background: transparent;
    position: relative;
}

.bookBtn::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #fff;
    border-radius: 3px;
    z-index: -1;
    top: 0;
    left: 0;
}

.bookBtn:hover {
    background: linear-gradient(90deg, #733598, #F15297, #FFD107);
}

.enrollBtn {
    padding: 15px 30px;
}

.bookBtn:after,
.enrollBtn:after {
    content: none;
}

/**** Footer ****/

.newsletterSubscribe {
    padding: 20px 0;
    border-bottom: 1px solid #4D4C4C;
}

.newsletterContent {
    width: 390px;
    color: #fff;
}

.newsletterWrapper {
    gap: 30px;
}

.newsletterForm {
    width: calc(100% - 420px);
}

.newsletterContent h4 {
    font-size: 22px;
    margin-bottom: 5px;
}

.newsletterContent p {
    font-size: 14px;
}

.newsletterForm form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.newsletterForm .gform_fields {
    display: flex !important;
    flex-wrap: wrap;
    row-gap: 20px !important;
}

.newsletterForm .gform_body {
    width: 75%;
}

.newsletterForm form .gform_footer {
    margin: 0 !important;
    width: 25%;
    position: relative;
}

.newsletterForm .gform_fields .gfield {
    width: calc(100% / 2 - (20px * 1 / 2)) !important;
}

.newsletterForm form [type="email"],
.newsletterForm form [type="text"] {
    background-color: transparent !important;
    border: 1px solid #949494 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    width: 100% !important;
    height: auto !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 18px 20px !important;
    line-height: 1.3 !important;
}

.newsletterForm form .gform_footer [type="submit"] {
    background: linear-gradient(90deg, #733598, #F15297, #FFD107) !important;
    border-radius: 3px !important;
    font-size: 17px !important;
    font-family: "Inter Tight", sans-serif !important;
    padding: 22px 50px !important;
    font-weight: 600 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    border: none !important;
    width: 100% !important;
    text-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.36);
}

/* .newsletterForm form .gform_footer:after {
    content: "";
    display: inline-block;
    background: url(assets/images/right-arrow.svg) no-repeat center center;
    width: 13px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
} */

.newsletterForm form .gform_footer [type="submit"]:hover {
    background: linear-gradient(270deg, #733598, #F15297, #FFD107) !important;
}

.site-footer {
    background-color: #171B1E;
    padding: 50px 0;
}

.footer-col {
    width: 25%;
}

.footer-logo,
.footer-menuLinks {
    margin-bottom: 2rem;
}

.footer-menuLinks .menu {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.footer-menuLinks .menu li {
    list-style: none;
    padding-right: 50px;
    position: relative;
    line-height: 1;
}

.footer-menuLinks .menu li:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}

.footer-menuLinks .menu li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

.footer-menuLinks .menu li a:hover {
    color: rgba(255, 255, 255, 0.6);
}

.copryright-text p {
    font-size: 14px;
    color: #A0AAB2;
    font-weight: 400;
}

.copyright-legalLinks ul.menu {
    display: flex;
    gap: 15px;
    list-style: none;
    justify-content: center;
    margin-bottom: 10px;
}

.copyright-legalLinks ul.menu li {
    position: relative;
    line-height: 1;
    padding-right: 15px;
}

.copyright-legalLinks ul.menu li a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 14px;
}

.copyright-legalLinks ul.menu li a:hover {
    color: #FFFFFF;
}

.copyright-legalLinks ul.menu li:last-child,
.footer-menuLinks .menu li:last-child {
    padding: 0;
}

.copyright-legalLinks ul.menu li:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0;
    right: 0;
}

.copyright-legalLinks ul.menu li:last-child:after,
.footer-menuLinks .menu li:last-child:after {
    content: none;
}

/**** Homepage ****/

.home_Herobanner {
    padding-bottom: 120px;
    overflow: hidden;
}

.home_Herobanner::before {
    content: "";
    display: block;
    position: absolute;
    width: 60%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    filter: blur(181px);
    z-index: 1;
}

.bannerImage {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}

.bannerImage img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: left center;
}

.bannerContent .subHeading, .mainSubtitle {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2.1px;
    font-size: 15px;
    margin-bottom: 1rem;
    line-height: 1.1;
}

.bannerContent h1 {
    font-size: 64px;
    position: relative;
    padding-bottom: 15px;
}

.bannerContent h1:before {
    content: "";
    display: block;
    background: #C69851;
    width: 105px;
    height: 3px;
    position: absolute;
    bottom: 0;
}

.bannerContent h2 {
    font-size: 64px;
    color: #C69851;
    line-height: 1;
}

.bannerContent .innerContent {
    margin-bottom: 2rem;
    max-width: 450px;
}

.bannerContent .innerContent p {
    font-size: 20px;
}

.featuredPartners {
    padding: 25px 0;
    border-bottom: 1px solid #E7E1E1;
}

.featuredPartners .wrapper {
    max-width: 95%;
}

.featuredTitle {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 1rem;
    letter-spacing: 2px;
}

.partnerLogo {
    line-height: 0;
    position: relative;
    padding: 0 40px;
}

.partnerLogo:after {
    content: "";
    display: block;
    background: #C3C3C3;
    width: 1px;
    height: 45px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

.partnerLogo:last-child:after {
    content: none;
}

.titleWrapper h2 {
    font-size: 52px;
    margin-bottom: 1.5rem;
}

.titleWrapper p {
    margin-bottom: 1rem;
}

.titleWrapper p:last-child {
    margin-bottom: 0;
}

.soundFamilier .mainRow {
    gap: 150px;
    position: relative;
}

.soundFamilier .mainRow:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #E2E2E2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.checkIconList ul {
    list-style: none;
}

.checkIconList ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
}

.checkIconList ul li:before {
    content: "";
    display: block;
    background: url(assets/images/checkmark-icon.svg) no-repeat center center;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 2px;
}

.checkIconList ul li:last-child {
    margin-bottom: 0;
}

.recogniseContent .checkIconList ul {
    margin: 1.25rem 0;
}

.recogniseContent h2 {
    color: #C69851;
    font-size: 40px;
    font-style: italic;
    margin: 0;
}

/**** Responsive  ****/

@media screen and (max-width: 1279px) {
    .menuBar .menu-main-menu-container .menu {
        gap: 25px;
    }
}

@media screen and (max-width: 980px) {
    .d-flex {
        flex-wrap: wrap;
    }

    .col-50,
    .col-30 {
        width: 100%;
    }

    .gap-50 {
        gap: 30px;
    }

    .logo img {
        width: 100px;
    }

    .menuBar .header-menu {
        display: none;
        position: fixed;
        top: 120px;
        width: 100%;
        background-color: #000;
        left: 0;
    }

    .hamburgericon {
        display: block;
        font-size: 0;
        position: relative;
        height: 28px;
        width: 28px;
    }

    .hamburgericon span,
    .hamburgericon span::before,
    .hamburgericon span::after {
        width: 28px;
        position: absolute;
        content: "";
        height: 3px;
        background-color: #fff;
        top: 11px;
    }

    .hamburgericon span::before {
        top: -9px;
    }

    .hamburgericon span::after {
        top: 9px;
    }

    .hamburgericon.open span {
        -webkit-transform: rotate(48deg);
        -ms-transform: rotate(48deg);
        transform: rotate(48deg);
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
    }

    .hamburgericon.open span::after {
        opacity: 0;
        visibility: hidden;
    }

    .hamburgericon.open span::before {
        -webkit-transform: rotate(85deg);
        -ms-transform: rotate(85deg);
        transform: rotate(85deg);
        top: 0;
    }

    .menuBar .menu-main-menu-container .menu {
        gap: 0;
        flex-direction: column;
        align-items: start;
    }

    .menuBar ul li {
        width: 100%;
        border-bottom: 1px solid #323232;
    }

    .menuBar li a {
        padding: 15px 25px !important;
        display: block;
    }

    .menuBar .menu-main-menu-container .menu li.preRegistrationBtn a {
        background: none !important;
        width: 100%;
        height: auto;
        padding: 15px 25px !important;
        display: block;
    }

    .menuBar ul li:last-child {
        border-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 16px;
    }

    .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-header,
    .main-header.sticky {
        padding: 10px 0;
    }

    .logo img {
        width: 90px;
    }

    .btn {
        font-size: 15px;
    }

    .mb40 {
        margin-bottom: 30px;
    }

    .menuBar li a,
    .menuBar .menu-main-menu-container .menu li.preRegistrationBtn a {
        padding: 15px 20px !important;
    }

    .menuBar .header-menu {
        top: 100px;
    }

    .ptb80 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .ptb120,
    .ptb150 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .footer-col ul.menu {
        gap: 10px;
    }

    .mt50 {
        margin-top: 30px;
    }
}