﻿.interiorBanner {
    padding-top: 150px;
}

    .interiorBanner h1 {
        margin-top:0px;

    }


    .interiorBanner .cms-content {
        margin-bottom: -80px;
    }

.TwoColumnMaskImg .col-sm-4 h6 {
    margin-top: 60px;
    text-align: center;
}

.interiorBanner p {
    margin-top: 15px;
    margin-bottom: 50px;
}

    .interiorBanner h3 {
        color: #84726E;
        margin: 0px 0px -50px 0px;
    }

    .interiorBanner h5 {
        color: #735E59;
        font-size: 16px;
        margin: 0px 0px 40px 0px;
    }

.BlogWrapper {
    margin-top:20px;
}

.interiorBanner .fa-period {
    vertical-align: super;
}

.iconInContent {
    position: absolute;
    right: 30px;
    top: 70vh;
}

.iconInContent img {
    width:45px;
    height:45px;
}

.indentedContent {
    padding-left:100px;
    padding-right:100px;
}

.indentedContentSm {
    padding-left: 50px;
    padding-right: 50px;
}

.leftPadding {
    padding-left:40px;
}

.rightPadding {
    padding-right: 40px;
}

.imageRight .text {
    padding-right: 80px;
}


.indentedContent .col-sm-8, .indentedContent .col-sm-9 {
    padding-right: 80px;
}

    .indentedContent .col-sm-8 h2, .indentedContent .col-sm-9 h2, .ContentCTA h2, .News h2 {
        margin-top: 0px;
    }


.TwoColumnMaskImg hr {
    border-top: 5px solid transparent;
}

.TwoColumnMaskImg .col-sm-4 {
    padding:0px;
}

.TwoColumnMaskImg .col-sm-8 {
    padding-right: 80px;
}

.TwoColumnMaskImg h2:first-child, .TwoColumnMaskImg h3:first-child {
    margin-top: 0px;
}

.TwoColumnMaskImg .col-sm-8 p:last-child {
    margin-bottom:0px;
}

.contentPhoto {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 500px;
    min-width: 100%;
    max-width: 100%;
    border-radius: 100%;
    position: relative;
    z-index: 100;
}

.imgOverlay {
    position: absolute;
    z-index: 1;
    height: 535px;
    min-width: 100%;
    max-width: 100%;
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
    top: 0px;

}

.TwoColumnMaskImg .imgOverlay {
    right: -20px;
}

.contentPhotoSm {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 380px;
    min-width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 100;
    border-radius: 100%;
}

.imgOverlaySm {
    position: absolute;
    z-index: 1;
    top: 0px;
    right: -20px;
    height: 405px;
    min-width: 100%;
    max-width: 100%;
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
}

.panel-default > .panel-heading {
    color: #402131;
    background-color: #fff;
    border: 1px solid #402131 !important;
    border-radius: 60px !important;
}

    .panel-default > .panel-heading:hover, .panel-default > .panel-heading.open {
        color: #fff;
        background-color: #402131;
        border: 1px solid #402131 !important;
        border-radius: 60px !important;
    }

.panel-default {
    border-color: transparent;
}

.panel {
    margin-bottom: 0px;
    margin-top: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 60px;
}

.panel-heading {
    padding: 0px;
}

.panel-group .panel + .panel {
    margin-top: 10px;
}
.panel-title a {
    font-size: 24px;
    text-decoration: none;
    font-family: "new-spirit", Arial, sans-serif;
}

    .panel-title a:hover {
        color: #fff;
    }

.panel-body {
    padding: 45px 30px 10px 30px;
    margin-top: -23px;
    border: 1px solid #402131 !important;
    border-radius: 0px 0px 40px 40px !important;
    border-top: solid 1px transparent !important;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;  
}

.panel-title {
    padding-left: 30px;
}

    .panel-title p {
        margin-top: 0px;
        margin-bottom: 0px;
        line-height:55px;
    }

.glyphicon {
    position: relative;
    top: -2px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 5px;
    text-align: center;
    float: right;
    margin: 15px 15px 0px 0px;
    font-size: 20px;
    width: 30px;
    margin-left: 0px;
    height: 30px;
}

ul.ulPadding {
    padding:0px 0px 0px 20px;
}

.TopContactInfo {
    margin-top: 0px;
}

.TopContactInfo h3 {
    margin: 0px 0px 10px 0px;
    color: #402131;
}

    .TopContactInfo h3 a {
        text-decoration: none;
        color: #402131;
    }

        .TopContactInfo h3 a:hover {
            text-decoration: underline;
        }

.mainInteriorContent .form-control {
    height: 48px;
    padding: 6px 12px;
    font-size: 16px;
    color: #735E59;
    background-color: #fff;
    background-image: none;
    border: 1px solid #735E59;
    border-radius: 4px;
}

.mainInteriorContent label {
    font-weight: 400;
    font-size: 20px;
    font-family: "new-spirit", Arial, sans-serif;
    color: #402131;
}

.cms-form-group-required .cms-form-label:after {
    color: #735E59;
}

.mainInteriorContent .form-group {
    margin-bottom: 30px;
}

.mainInteriorContent h2:first-child {
    margin-top:0px;
}

.checkbox label {
    float: left;
    margin-right: 10px;
}

.cms-form-label + .checkbox, .cms-form-label + .radio {
    margin-top: 10px;
}

.checkbox input[type=checkbox] {
    margin-top: 7px;
}

textarea.form-control {
    height: 120px!important;
}

.ContentCTA {
    background: url(https://immediac.blob.core.windows.net/becometherapy/images/ContentSunriseBg.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.ContentCTA .callout-button {
    margin: 35px auto 0px auto;
    display: table;
}

.ContentCTA p:last-child {
    margin-bottom:0px;
}

.TeamLinkOverlayWrapper {
    position: relative;
    text-align: center;
    margin: 0px 50px 90px 50px;
}

    .TeamLinkOverlayWrapper h3 {
        color: #402131;
        font-size: 28px;
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .TeamLinkOverlayWrapper h5 {
        font-size: 14px;
        margin-top: 0px;
    }

    .TeamLinkOverlayWrapper .callout-button {
        margin: 35px auto 0px auto;
        display: table;
    }

.services h5 {
    color: #402131;
}

.subMenu li:before {
    content: "\f13a";
    font-family: "Font Awesome 6 Pro";
    margin-right: 5px;
    color: #5F3349;
}

.subMenu a {
    text-decoration:none;
    font-weight:700;
}

.subMenu ul {
    list-style: none;
    padding: 0px 0px 0px 20px;
}

.subMenu li {
    text-indent: -25px;
    padding-left: 25px;
}

.quotes h3 {
    margin-bottom:0px;
}

.quotes h4 {
    margin-top: 0px;
    font-weight: 400;
    line-height: 1.3em;
    font-family: "new-spirit", Arial, sans-serif;
    color: #402131;
}

.col-sm-8 h2:first-child {
    margin-top:0px;
}

.Overlay {
    position: absolute;
    z-index: 1000;
    right: -27px;
    top: -1px;
}

.ImageText {
    text-align:center;
    margin-top:30px;
}


@media (min-width: 1601px) and (max-width: 1800px) {
    .imageLeft .text {
            padding-left: 70px;
        }

        .leftPadding {
            padding-left: 40px;
        }

        .rightPadding {
            padding-right: 40px;
        }
    }

    @media (min-width: 1540px) and (max-width: 1600px) {
        .contentPhoto {
            height: 450px;
        }

        .TwoColumnMaskImg .imgOverlay {
            height: 485px;
        }

        .contentPhotoSm {
            height: 340px;
        }

        .imgOverlaySm {
            height: 365px;
        }

        .Overlay {
            right: -21px;
        }

            .imageLeft .text {
            padding-left: 70px;
        }

        .leftPadding {
            padding-left: 40px;
        }

        .rightPadding {
            padding-right: 40px;
        }

        .indentedContent .col-sm-4 {
            padding: 0px;
        }
    }

    @media (min-width: 1481px) and (max-width: 1539px) {
        .contentPhoto {
            height: 430px;
        }

        .TwoColumnMaskImg .imgOverlay {
            height: 465px;
        }

        .contentPhotoSm {
            height: 320px;
        }

        .imgOverlaySm {
            height: 345px;
            right: -19px;
        }


        .Overlay {
            right: -20px;
        }

        .imageLeft .text {
            padding-left: 70px;
        }

        .leftPadding {
            padding-left: 40px;
        }

        .rightPadding {
            padding-right: 40px;
        }

        .indentedContent .col-sm-4 {
            padding: 0px;
        }
    }

    @media (min-width: 1367px) and (max-width: 1480px) {
        .contentPhoto {
            height: 410px;
        }

        .TwoColumnMaskImg .imgOverlay {
            height: 440px;
        }

        .indentedContent {
            padding-left: 80px;
            padding-right: 80px;
        }

        .contentPhotoSm {
            height: 300px;
        }

        .imgOverlaySm {
            height: 320px;
            right: -18px;
        }


        .Overlay {
            right: -19px;
        }


        .imageLeft .text {
            padding-left: 70px;
        }

        .leftPadding {
            padding-left: 40px;
        }

        .rightPadding {
            padding-right: 40px;
        }

        .indentedContent .col-sm-4 {
            padding: 0px;
        }
    }

    @media (min-width: 1200px) and (max-width: 1366px) {
        .contentPhoto {
            height: 380px;
        }

        .TwoColumnMaskImg .imgOverlay {
            height: 410px;
        }

        .indentedContent {
            padding-left: 50px;
            padding-right: 50px;
        }

        .contentPhotoSm {
            height: 270px;
        }

        .imgOverlaySm {
            height: 290px;
            right: -16px;
        }

        .imageLeft .text {
            padding-left: 60px;
        }


        .Overlay {
            right: -17px;
        }


        .indentedContent .col-sm-8, .indentedContent .col-sm-9 {
            padding-right: 60px;
        }

        .leftPadding {
            padding-left: 40px;
        }

        .rightPadding {
            padding-right: 40px;
        }

        .topFilter .col-sm-5 {
            width: 39%;
        }

        .topFilter .col-sm-6 {
            width: 60%;
        }

        .topFilter .col-sm-7 {
            width: 70%;
        }

        .topFilter .blank {
            width: 30%;
        }

        .indentedContent .col-sm-4 {
            padding: 0px;
        }

        .ContentCTA .col-sm-6 {
            width: 60%;
        }

        .ContentCTA .col-sm-3 {
            width: 20%;
        }

        .TeamLinkOverlayWrapper {
            margin: 0px 40px 90px 40px;
        }

        .interiorBanner {
            padding-top: 140px;
        }

        .ImageText {
            margin-top: 20px;
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .contentPhoto {
            height: 320px;
        }

        .TwoColumnMaskImg .imgOverlay {
            height: 340px;
        }

        .indentedContent {
            padding-left: 65px;
            padding-right: 65px;
        }

        .contentPhotoSm {
            height: 230px;
        }

        .imgOverlaySm {
            height: 248px;
            right: -12px;
        }

        .imageLeft .text {
            padding-left: 40px;
            padding-right: 80px;
        }


        .Overlay {
            right: -15px;
        }


        .indentedContent .col-sm-8, .indentedContent .col-sm-9 {
            padding-right: 40px;
        }

        .imageRight .text {
            padding-right: 40px;
        }


        .leftPadding {
            padding-left: 30px;
        }

        .rightPadding {
            padding-right: 30px;
        }

        .topFilter .col-sm-7 {
            width: 70%;
        }

        .topFilter .blank {
            width: 30%;
        }

        .topFilter .col-sm-2 {
            width: 20%;
        }

        .topFilter .col-sm-4 {
            width: 30%;
        }


        .indentedContent .col-sm-4 {
            padding: 0px;
        }

        .ContentCTA .col-sm-6 {
            width: 70%;
        }

        .ContentCTA .col-sm-3 {
            width: 15%;
        }

        .TeamLinkOverlayWrapper {
            margin: 0px 25px 70px 25px;
        }

            .TeamLinkOverlayWrapper h3 {
                font-size: 22px;
            }

        .TwoColumnMaskImg .col-sm-3 {
            padding: 0px;
        }

        .TwoColumnMaskImg .col-sm-8 {
            padding-right: 60px;
        }


        .interiorBanner .col-sm-4 {
            padding-right: 0px;
        }

        .interiorBanner {
            padding-top: 140px;
        }

        .ImageText {
            margin-top: 10px;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .contentPhoto {
            height: 240px;
        }

        .TwoColumnMaskImg .imgOverlay {
            height: 250px;
            right: -15px !important;
        }

        .ImageText {
            margin-top: 10px;
        }


        .Overlay {
            right: -12px;
        }


        .indentedContent {
            padding-left: 65px;
            padding-right: 65px;
        }

        .contentPhotoSm {
            height: 180px;
        }

        .imgOverlaySm {
            height: 193px;
            right: -8px;
        }

        .interiorBanner .container {
            padding-left: 5px;
            padding-right: 5px;
        }

        .TopContactInfo h3 {
            font-size: 13px;
            margin: 0px 0px 5px 0px;
        }

        .imageLeft .text {
            padding-left: 40px;
            padding-right: 80px;
        }

        .indentedContent .col-sm-8, .indentedContent .col-sm-9 {
            padding-right: 40px;
        }

        .imageRight .text {
            padding-right: 40px;
        }

        .leftPadding {
            padding-left: 30px;
        }

        .rightPadding {
            padding-right: 30px;
        }

        .topFilter .col-sm-7 {
            width: 90%;
        }

        .topFilter .blank {
            width: 10%;
        }

        .topFilter .col-sm-2 {
            width: 20%;
        }

        .topFilter .col-sm-4 {
            width: 30%;
        }

        .indentedContent .col-sm-4 {
            padding: 0px;
        }

        .ContentCTA .col-sm-6 {
            width: 80%;
        }

        .ContentCTA .col-sm-3 {
            width: 10%;
        }

        .TeamLinkOverlayWrapper {
            margin: 0px 15px 70px 15px;
        }

            .TeamLinkOverlayWrapper h3 {
                font-size: 18px;
            }

        .TwoColumnMaskImg .col-sm-3 {
            padding: 0px;
        }

        .TwoColumnMaskImg .col-sm-8 {
            padding-right: 40px;
        }


        .interiorBanner {
            padding-top: 130px;
        }

            .interiorBanner .col-sm-4 {
                padding-right: 0px;
            }

            .interiorBanner .col-sm-7 {
                padding-left: 15px;
            }
    }

    @media (min-width: 0px) and (max-width: 767px) {
        .interiorBanner {
            padding-top: 100px;
        }

        .TwoColumnMaskImg .col-sm-4 h6 {
            margin-top: 50px;
        }

            .TwoColumnSubMenuContent hr {
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .ImageText {
            margin-top: 10px;
            margin-bottom:30px;
        }

        .panel-default > .panel-heading {
            border-radius: 12px !important;
        }

        .interiorBanner .cms-content {
            margin-bottom: -25px;
        }

        .TwoColumnMaskImg .col-sm-9 {
            padding:0px;
        }

        .interiorBanner p {
            margin-top: 15px;
            margin-bottom: 20px;
        }

        .BlogWrapper {
            margin-top: 0px;
        }

        .FAQ .col-sm-12 {
            padding: 0px;
        }

        .TwoColumnMaskImg .col-sm-8 {
            padding: 0px;
        }

        ul.ulPadding {
            padding: 0px 0px 0px 15px;
        }

        .subMenu {
            display: none;
        }


        .Overlay {
            right: -15px;
        }


        .interiorBanner h3 {
            color: #84726E;
            margin: 0px 0px 0px 0px;
        }

/*        .TeamLinkOverlayWrapper {
            z-index: -1;
        }*/

        .filterButton button {
            height: 28px !important;
            margin: 10px 0px 0px 0px !important;
        }

        .cms-group-checkbox {
            margin-bottom: 25px !important;
            display: table;
        }

        .TwoColumnMaskImg hr {
            border-top: 30px solid transparent;
        }

        .TopContactInfo h3 {
            margin: 0px 0px 3px 0px;
            font-size: 16px;
        }

        .interiorBanner .col-sm-4 {
            width: 100%;
            float: none;
        }

        .TopContactInfo {
            margin-top: 0px;
        }

        .interiorBanner .col-sm-7, .interiorBanner .col-sm-4 {
            padding: 0px;
        }

        .indentedContent {
            padding-left: 0px;
            padding-right: 0px;
        }

            .indentedContent .col-sm-8, .indentedContent .col-sm-9 {
                padding-right: 0px;
                padding-left: 0px;
            }

        .iconInContent {
            position: absolute;
            right: 20px;
            top: 440px;
        }

            .iconInContent img {
                width: 35px;
                height: 35px;
            }

        hr {
            margin-top: 0px;
            margin-bottom: 0px;
        }



        .TwoColumnMaskImg .imgOverlay, .imgOverlaySm {
            position: absolute;
            z-index: 1000;
            height: 280px;
            min-width: 280px;
            max-width: 280px;
            left: 0px;
            right: -10px;
            margin: auto;
            padding-top: 30px;
            padding-bottom: 30px;
            z-index: 1;
        }



        .contentPhoto, .contentPhotoSm {
            height: 260px;
            min-width: 280px;
            max-width: 280px;
            left: 0px;
            right: 0px;
            margin: auto;
            padding-top: 30px;
            margin-bottom: 50px;
            z-index: 1;
        }

        .TwoColumnMaskImg .col-sm-4 {
            margin-top: 0px;
            margin-bottom: 35px;
        }

        .mainInteriorContent .col-sm-12, .mainInteriorContent .col-sm-8, .TwoColumnFullWidth .col-sm-6 {
            padding: 0px;
        }


        .mainInteriorContent label {
            font-size: 16px;
        }

        .services img {
            max-width: 200px !important;
            margin: auto;
        }

        .services h5 {
            text-align: center;
        }

        .services p:last-child {
            margin-bottom: 0px;
        }

        .indentedContentSm {
            padding-left: 0px;
            padding-right: 0px;
        }

        .TeamLinkOverlayWrapper {
            margin: 0px 30px 40px 30px;
        }

        .TwoColumnMaskImg ul, .TwoColumnMaskImg li:last-child {
            margin-bottom: 0px;
        }

        .TwoColumnMaskImg .col-sm-3 {
            padding: 0px;
            margin-bottom: 30px;
        }

        .TwoColumnFullWidth .rightPadding {
            margin-bottom: 20px;
        }

        .panel-title {
            padding-left: 30px;
            width: 100%;
            display: table;
        }

            .panel-title p {
                margin-top: 10px;
                margin-bottom: 10px;
                line-height: 25px;
            }

        .glyphicon {
            margin: 10px 15px 0px 0px;
        }


        .topFilter {
            padding: 20px 0px 20px 0px !important;
            border-radius: 44px !important;
            margin-top: 40px !important;
        }

            .topFilter .col-sm-2 {
                font-size: 16px !important;
                margin-bottom: 5px;
            }

            .topFilter .col-sm-5 {
                min-height: 0px;
            }

            .topFilter form select, .topFilter form select option {
                color: #735E59;
                font-weight: 400;
                font-size: 16px;
                padding: 0px 10px;
                width: 49%;
                float: left;
                margin-right: 1%;
            }

                .topFilter form select option {
                    color: #735E59;
                    font-weight: 400;
                    font-size: 16px;
                    padding: 0px 10px;
                    width: 49%;
                    float: left;
                    margin-left: 1%;
                }
    }