@font-face {
    font-family: Vollkorn;
    src: url(/wp-content/themes/rose-law-firm/assets/fonts/Vollkorn-Regular.ttf);
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Vollkorn;
    src: url(/wp-content/themes/rose-law-firm/assets/fonts/Vollkorn-SemiBold.ttf);
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: Vollkorn;
    src: url(/wp-content/themes/rose-law-firm/assets/fonts/Vollkorn-Bold.ttf);
    font-style: normal;
    font-weight: 700
}

body.home .layout--alt-image-text-blocks {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 760px 430px 790px 450px;
    padding-top: 0;
    padding-bottom: 0
}

@media screen and (max-width: 1200px) {
    body.home .layout--alt-image-text-blocks {
        grid-template-rows:760px 430px 850px 450px
    }
}

@media screen and (max-width: 992px) {
    body.home .layout--alt-image-text-blocks {
        grid-template-rows:610px 400px 780px 450px
    }
}

@media screen and (max-width: 767px) {
    body.home .layout--alt-image-text-blocks {
        grid-template-rows:minmax(max-content,75vh);
        grid-row-gap: 1.5rem
    }
}

body.home .layout--alt-image-text-blocks .single-content-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    position: relative
}

@media screen and (max-width: 767px) {
    body.home .layout--alt-image-text-blocks .single-content-row {
        grid-template-columns:1fr
    }
}

body.home .layout--alt-image-text-blocks .single-content-row .text-content .entry-content {
    max-width: 550px;
    margin: 0 auto
}

@media screen and (max-width: 1200px) {
    body.home .layout--alt-image-text-blocks .single-content-row .text-content .entry-content {
        max-width:375px
    }
}

@media screen and (max-width: 992px) {
    body.home .layout--alt-image-text-blocks .single-content-row .text-content .entry-content {
        max-width:325px
    }
}

@media screen and (max-width: 767px) {
    body.home .layout--alt-image-text-blocks .single-content-row .text-content .entry-content {
        max-width:550px
    }
}

@media screen and (max-width: 576px) {
    body.home .layout--alt-image-text-blocks .single-content-row .text-content .entry-content {
        max-width:100%
    }
}

body.home .layout--alt-image-text-blocks .single-content-row .text-content .entry-content h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
    font-family: Vollkorn,serif;
    font-weight: 600;
    position: relative
}

@media screen and (max-width: 767px) {
    body.home .layout--alt-image-text-blocks .single-content-row .text-content .entry-content h2 {
        font-size:38px;
        font-size: 2.375rem;
        line-height: 1.2
    }
}

body.home .layout--alt-image-text-blocks .single-content-row .text-content .entry-content h2:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #a39161;
    top: -40px;
    left: 0
}

body.home .layout--alt-image-text-blocks .single-content-row .text-content .entry-content p {
    text-align: left;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6
}

body.home .layout--alt-image-text-blocks .single-content-row .text-content .entry-content a {
    display: inline-block
}

body.home .layout--alt-image-text-blocks .single-content-row .image-content figure img {
    display: block;
    width: 100%;
    height: auto
}

body.home .layout--alt-image-text-blocks .single-content-row:first-child {
    grid-template-rows: 760px
}

@media screen and (max-width: 992px) {
    body.home .layout--alt-image-text-blocks .single-content-row:first-child {
        grid-template-rows:610px
    }
}

body.home .layout--alt-image-text-blocks .single-content-row:first-child .image-content {
    overflow: hidden;
    height: 100%
}

@media screen and (max-width: 767px) {
    body.home .layout--alt-image-text-blocks .single-content-row:first-child .image-content {
        height:350px
    }
}

body.home .layout--alt-image-text-blocks .single-content-row:first-child .image-content figure {
    height: 100%
}

body.home .layout--alt-image-text-blocks .single-content-row:first-child .image-content figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

body.home .layout--alt-image-text-blocks .single-content-row:first-child .text-content {
    margin-top: -200px
}

@media screen and (max-width: 992px) {
    body.home .layout--alt-image-text-blocks .single-content-row:first-child .text-content {
        margin-top:-75px
    }
}

body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2):before {
    content: "";
    display: block;
    position: absolute;
    top: -150px;
    width: 0;
    height: 0;
    border-color: transparent transparent #e9e9e9;
    border-style: solid;
    border-width: 0 100vw 150px 0
}

@media screen and (max-width: 992px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2):before {
        top:-75px;
        border-width: 0 100vw 75px 0
    }
}

body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2):after {
    content: "";
    display: block;
    position: absolute;
    bottom: -200px;
    width: 0;
    height: 0;
    border-color: #e9e9e9 transparent transparent;
    border-style: solid;
    border-width: 200px 100vw 0 0
}

@media screen and (max-width: 992px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2):after {
        bottom:-100px;
        border-width: 100px 100vw 0 0
    }
}

body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) .image-content img {
    max-width: 550px;
    display: block;
    margin: 0 auto;
    box-shadow: 30px 30px 0 0 #a39161
}

@media screen and (max-width: 1200px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) .image-content img {
        max-width:calc(100% - 36px)
    }
}

@media screen and (max-width: 992px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) .image-content img {
        box-shadow:15px 15px 0 0 #a39161
    }
}

body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) .text-content h2:before {
    top: -20px
}

body.home .layout--alt-image-text-blocks .single-content-row:nth-child(3) .image-content {
    overflow: hidden
}

@media screen and (max-width: 768px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(3) .image-content {
        max-height:unset
    }
}

body.home .layout--alt-image-text-blocks .single-content-row:nth-child(3) .image-content figure img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
	max-width:700px;
}

@media screen and (max-width: 992px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(3) .image-content figure img {
        max-width:350px
    }
}

@media screen and (max-width: 768px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(3) .image-content figure img {
        max-width:720px;
        padding: 0 20px;
        width: 100%;
        height: auto!important
    }
}

body.home .layout--alt-image-text-blocks .single-content-row:nth-child(3) .text-content h2:before {
    top: -20px
}

body.home .layout--alt-image-text-blocks .single-content-row:last-child {
    padding-bottom: 50px
}

body.home .layout--alt-image-text-blocks .single-content-row:last-child:before {
    content: "";
    display: block;
    position: absolute;
    top: -150px;
    width: 0;
    height: 0;
    border-color: transparent transparent #e9e9e9;
    border-style: solid;
    border-width: 0 100vw 150px 0
}

@media screen and (max-width: 992px) {
    body.home .layout--alt-image-text-blocks .single-content-row:last-child:before {
        top:-75px;
        border-width: 0 100vw 75px 0
    }
}

body.home .layout--alt-image-text-blocks .single-content-row:last-child .image-content img {
    display: block;
    margin: 0 auto;
    box-shadow: -20px -20px 0 0 #204477;
    max-height: 450px;
    object-fit: cover
}

body.home .layout--alt-image-text-blocks .single-content-row:last-child .text-content h2:before {
    top: -20px
}

@media screen and (max-width: 767px) {
    body.home .layout--alt-image-text-blocks .single-content-row {
        grid-template-rows:auto auto!important
    }

    body.home .layout--alt-image-text-blocks .single-content-row:after,body.home .layout--alt-image-text-blocks .single-content-row:before {
        display: none!important
    }

    body.home .layout--alt-image-text-blocks .single-content-row .image-content {
        max-height: 350px;
        position: relative
    }

    body.home .layout--alt-image-text-blocks .single-content-row .image-content figure {
        height: 100%
    }

    body.home .layout--alt-image-text-blocks .single-content-row .image-content figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center
    }

    body.home .layout--alt-image-text-blocks .single-content-row .text-content {
        position: relative;
        padding: 50px 25px
    }

    body.home .layout--alt-image-text-blocks .single-content-row:first-child {
        z-index: 3
    }

    body.home .layout--alt-image-text-blocks .single-content-row:first-child .text-content {
        position: relative;
        margin-top: 0;
        min-height: 300px
    }

    body.home .layout--alt-image-text-blocks .single-content-row:first-child .image-content:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 0;
        height: 0;
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 100vw 75px 0
    }

    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) {
        z-index: 2;
        padding-bottom: 1.5rem;
        grid-row-gap: 15px;
        overflow: visible
    }
}

@media screen and (max-width: 767px) and (max-width:375px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) {
        grid-row-gap:0
    }
}

@media screen and (max-width: 767px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) .image-content {
        z-index:5;
        max-height: 300px
    }

    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) .image-content figure img {
        object-fit: cover;
        width: auto;
        max-height: 300px;
        max-width: calc(100% - 56px);
        margin: 0 auto
    }
}

@media screen and (max-width: 767px) and (max-width:576px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) .image-content figure img {
        max-width:calc(100% - 40px)
    }
}

@media screen and (max-width: 767px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) .image-content:after {
        content:"";
        display: block;
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-color: #fff transparent transparent;
        border-style: solid;
        border-width: 100px 100vw 0 0;
        z-index: -1
    }

    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) .text-content {
        margin-top: 3rem;
        padding-bottom: 0
    }
}

@media screen and (max-width: 767px) and (max-width:768px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) .text-content {
        margin-top:0
    }
}

@media screen and (max-width: 767px) {
    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(2) .text-content:after {
        content:"";
        display: block;
        position: absolute;
        left: 0;
        bottom: calc(-1.5rem - 75px);
        width: 0;
        height: 0;
        border-color: #e9e9e9 transparent transparent;
        border-style: solid;
        border-width: 75px 100vw 0 0;
        z-index: -1
    }

    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(3) {
        z-index: 5;
        padding-top: 100px;
        padding-bottom: 50px;
        grid-row-gap: 15px
    }

    body.home .layout--alt-image-text-blocks .single-content-row:nth-child(3) .image-content img {
        object-fit: contain;
        height: 300px!important
    }

    body.home .layout--alt-image-text-blocks .single-content-row:last-child {
        z-index: 5;
        padding-bottom: 60px;
        grid-row-gap: 15px
    }

    body.home .layout--alt-image-text-blocks .single-content-row:last-child .image-content:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-color: transparent #fff transparent transparent;
        border-style: solid;
        border-width: 0 100vw 75px 0;
        z-index: -1
    }

    body.home .layout--alt-image-text-blocks .single-content-row:last-child .text-content {
        overflow: hidden;
        padding-bottom: 0
    }
}
