/*
Theme Name: Easy Lock Self Storage
Theme URI: http://www.storageinternetmarketing.com/
Description: Child theme for TSG Pinnacle 2
Author: The Storage Group
Author URI: http://www.storageinternetmarketing.com/
Template: tsg-pinnacle-2
Version: 1.0.0
Text Domain: tsg-pinnacle-2-child
*/

/* Add child-theme CSS overrides below this line */



/* STEPS */

.three-steps-container {
    display: grid!important;
    grid-template-columns: 3fr 2fr!important;
    grid-gap: 0px!important;
    min-height: 70vh!important;
    background: url(https://network16.us25.cdn-alpha.com/easy-lock/wp-content/uploads/sites/237/2026/06/xv.png) #1F5929 !important;
    background-size: cover!important;
    background-position: right!important;
}

.three-steps-text-box {
    position: absolute!important;
    margin-top: 5%!important;
    background: #f5f5f5!important;
    padding: 50px 60px 20px 60px!important;
    font-size: 1.5rem!important;
    width: fit-content!important;
    left: 25px!important;
    box-shadow: 20px 20px 0px #1F5929 !important;
}

.three-step-boxes {
    display: flex!important;
    flex-direction: column!important;
    color: #fff!important;
    padding: 20px!important;
}

.three-steps {
    margin: 20px 10px!important;
    display: flex!important;
    flex-direction: row!important;
    padding: 10px!important;
}

.three-steps-first {
    margin: 45px 10px!important;
    display: flex!important;
    flex-direction: row!important;
    padding: 10px!important;
}
.three-steps-first p{
    margin-left: 10px!important;
}
.three-steps-title-lg {
    font-size: 2.5rem!important;
    line-height: 2.5rem!important;
    font-family: "Oswald", sans-serif!important;
    font-weight: 600!important;
    margin-bottom: 20px!important;
}

.three-steps-title-md {
    font-size: 2rem!important;
    line-height: 2rem!important;
    font-family: "Oswald", sans-serif!important;
    margin-bottom: 25px!important;
}

.number {
    padding: 10px 20px!important;
    font-size: 3rem!important;
    margin-right: 20px!important;
    font-weight: 600!important;
    color: #fff!important;
}
.first{
  margin: 0px 15px 0px 5px!important;
}

.tsg-widget-facility_info.tsg-wv--side_image_left img.responsive-img {
    min-height: 700px !important;
    object-fit: none !important;
}

@media (max-width: 992px) {
    .tsg-widget-facility_info.tsg-wv--side_image_left img.responsive-img {
        min-height: 0 !important;
        object-fit: cover !important;

    }
}


@media screen and (max-width: 979px) {
    .three-steps-container {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .steps-text-box {
        position: relative !important;
        margin-top: 0% !important;
        width: 100% !important;
        left: 0px !important;
        box-shadow: 0px 0px 0px #1F5929 !important;
    }

    .three-steps-text-box {
        position: relative !important;
        margin: auto;
    }

    #tsg-main > section.tsg-widget.tsg-widget-facility_info.tsg-wv--side_image_left.tsg-widget--mobile > div > div > div > div > div.col.s12.l6.pull-l6.mb-l-0 {
        padding: 0;
        height: 523px;
    }
}

/* END STEPS */

@media screen and (max-width: 368px) {
    #tsg-main > section.tsg-widget.tsg-widget-embed.tsg-wv--default.tsg-widget--mobile > div > div > div > div > div > div > div > a:nth-child(3) > figure > figcaption > h2 {
        padding-top: 60px;
    }
}