/*
 Theme Name: Known Therapy House
 Template:   medcaline
 Description: Customized Theme for Known Therapy House using medcaline theme
 Author: Rob Harris
 Author URL: https://robharris.design
 */


/*Pulled from customizations in WordPress*/
.elementor-739 .elementor-element.elementor-element-d656c30.elementor-view-stacked .elementor-icon {
    background-color: #8A5D39 !important;
}

#site-header-wrap.header-layout2 .header-top .header-top-inner .site-contact .ct-item span {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background-color: #007bff;
    color: #fff;
    border-radius: 50%;
    flex: none;
    margin-right: 15px;
}

.elementor-46 .elementor-element.elementor-element-6a1a6dc .cms-navigation-menu ul.menu li a:hover,
.elementor-46 .elementor-element.elementor-element-6a1a6dc .cms-navigation-menu ul.menu li.current_page_item>a {
    color: #1C715C !important;
}

.grid-filter-wrap.align-center {
    display: none;
}


.elementor-46 .elementor-element.elementor-element-c3c6108 .elementor-icon-box-title,
.elementor-46 .elementor-element.elementor-element-c3c6108 .elementor-icon-box-title a {
    color: #fff;
}

.elementor-46 .elementor-element.elementor-element-d48f036 .elementor-icon-box-title,
.elementor-46 .elementor-element.elementor-element-d48f036 .elementor-icon-box-title a {
    color: #fff;
}

.elementor-46 .elementor-element.elementor-element-997b340 .elementor-icon-box-title,
.elementor-46 .elementor-element.elementor-element-997b340 .elementor-icon-box-title a {
    color: #fff;
}

.gform_wrapper.gravity-theme .ginput_container_date input {
    width: auto;
    width: 100%;
}

.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
    padding-right: 1%;
    right: 9px;
}


.carousel-item.slick-slide.slick-active .carousel-item-inner .entry-body {
    height: 335px;
}

.header-top {
    background: #f5f2ef !important;
}

div#site-header {
    background: #f5f2ef !important;
}

h4.entry-title a {
    font-size: 30px;
}

/* .header-top {
    background-color: #ffffff !important;
} */





#site-header-wrap.header-layout2 .header-top .header-top-inner .site-contact .ct-item span,
.elementor-739 .elementor-element.elementor-element-875b763.elementor-view-stacked .elementor-icon {
    background-color: #a9a9a9 !important;
}


.footer-custom-inner .elementor-widget-icon-box.elementor-view-default .elementor-icon {
    color: #0c6c6b !important;


}

.elementor-46 .elementor-element.elementor-element-e6b8a26 .elementor-social-icon {
    background: #0c6c6b !important;
}

.page-id-815 .cms-service-grid.layout1 .grid-item-inner .entry-body .entry-body-inner .entry-content,
.elementor-841 .elementor-element.elementor-element-1467eee0>.elementor-widget-container {
    margin-bottom: 28px;
    font-size: 18px;
}




.pdfs .elementor-column.elementor-col-33.elementor-inner-column.elementor-element .elementor-widget-wrap.elementor-element-populated {}



.pdfs .elementor-column.elementor-col-33.elementor-inner-column.elementor-element .elementor-widget-wrap.elementor-element-populated {
    border: 1px solid;
    border-radius: 60px 60px 60px 0;
    padding: 40px 0px 40px;
    box-shadow: 1px 0px 6px 4px #00000021 !important;
}

.pdfs .elementor-column.elementor-col-33.elementor-inner-column.elementor-element .elementor-widget-wrap.elementor-element-populated:hover {
    background: #0c6c6b;
    transition: 0.9s;
    border: 1px solid;
    border-radius: 10px;
}

.pdfs .elementor-column.elementor-col-33.elementor-inner-column.elementor-element .elementor-widget-wrap.elementor-element-populated:hover a.btn.btn-default.size-normal {
    border: 1px solid lightgrey;
}

.pdfs .elementor-column.elementor-col-33.elementor-inner-column.elementor-element .elementor-widget-wrap.elementor-element-populated:hover p {
    color: white;
    transition: 0.9s;
}



.page-id-4542 .elementor-widget-container {
    font-size: 18px;
}

li#menu-item-4899 {
    display: none;
}

/* //Media Qurys */

@media only screen and (max-device-width: 650px) {

    .logo-mobile img {
        width: 120px;
    }

    .page-id-1069 h1 {
        font-size: 34px !important;
    }

    .elementor-element-4051db9 {
        margin-bottom: 15px;
    }

    .elementor-element-9f39809 {
        margin-bottom: 15px;
    }

    .elementor-element-423b1f4 {
        padding-bottom: 0px !important;
    }

    .elementor-element-d9e9b8d {
        padding-top: 0px !important;
    }

    .elementor-element-6625014 {
        margin-bottom: 15px;
    }

    .elementor-element-f29c5aa {
        margin-bottom: 15px;
    }

    .elementor-element-774e3cf {
        margin-bottom: 15px;
    }

    .elementor-element-b9ad279 {
        margin-bottom: 15px;
    }

    /* 	individual tharapy page*/

    .elementor-element-0850185 .elementor-container {
        flex-direction: column-reverse;
    }

    .elementor-element-3b51ea6 img {
        width: 100% !important;
    }

    .navigation-open #menu-item-4899 {
        display: block !important;
    }

    /* couples tharapy page*/

    .elementor-element-604a8054 .elementor-container {
        flex-direction: column-reverse;
    }

    /* 	footer */
    .elementor-element-2bcfa740 {
        font-size: 11px !important;
    }

    .Counselors .elementor-widget-container {
        text-align: center;
    }

    .elementor-element-6d5f7ba5 {
        text-align: center !important;
    }

    .elementor-element-7f9bb401 {
        display: none;
    }
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .elementor-element-3c55020>.elementor-element-populated {
        padding: 150px 40px !important;
    }

    .elementor-element-50944d6 {
        width: 100% !important;
    }

    .elementor-element-9d68099 {
        width: 100% !important;
    }

    .elementor-element-07f45cd {
        width: 100% !important;
    }

    .elementor-element-e6586b2 .elementor-spacer {
        display: none;
    }

    #site-header-wrap .site-branding a img {
        width: 130px !important;
    }

    .elementor-element-7773b6f {
        width: 100% !important;
    }

    .elementor-element-af5eddf {
        width: 100% !important;
    }

    .navigation-open #menu-item-4899 {
        display: block !important;
    }

    .elementor-element-b9ad279 {
        width: 30% !important;
        margin-left: 13px !important;
    }

    /* 	individual tharapy page*/

    .elementor-element-0850185 .elementor-container {
        flex-direction: column-reverse;
    }

    .elementor-element-f4ce645 {
        width: 100% !important;
    }

    .elementor-element-f18dd98 {
        width: 100% !important;
    }

    /* couples tharapy page*/

    .elementor-element-604a8054 .elementor-container {
        flex-direction: column-reverse;
    }

    .elementor-1069 .elementor-element.elementor-element-efd2cea>.elementor-container>.elementor-column>.elementor-widget-wrap {
        align-content: flex-start !important;
    }

    .elementor-1069 .elementor-element.elementor-element-915ae7e>.elementor-container>.elementor-column>.elementor-widget-wrap {
        align-content: flex-start;
        align-items: center;
    }

    .met-sec h1 {
        font-size: 40px !important;
    }

    .elementor-element-3b51ea6 img {
        width: 100% !important;
    }

    /* 	footer */

    .elementor-element-5337927e .elementor-col-33 {
        width: 28% !important;
    }

    .elementor-element-5337927e h4 {
        font-size: 23px !important;
    }

    .Counselors .elementor-widget-container {
        text-align: center;
    }

}



@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .elementor-element-8180a47 h4.entry-title {
        padding: 0 20px;
    }

    .elementor-element-3c55020>.elementor-element-populated {
        padding: 150px 40px !important;
    }

    .elementor-element-07f45cd {
        width: 100% !important;
    }

    #site-header-wrap .site-branding a img {
        width: 130px !important;
    }

    .navigation-open #menu-item-4899 {
        display: block !important;
    }

    /* couples tharapy page*/

    .elementor-element-604a8054 .elementor-container {
        flex-direction: column-reverse;
    }

    .elementor-element-b9ad279 {
        width: 30% !important;
        margin-left: 13px !important;
    }

    .Counselors .elementor-widget-container {
        text-align: center;
    }
}


/* ////// */

.alexis-logo img {
    width: 20%;
}

.content-inner,
.site-content {
    background: white;
}



.footer-custom-inner ul.sub-menu {
    margin: 5px 0 0 !important;
}


.footer-custom-inner li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4899 {
    display: none;
}



p.above {
    font-family: roboto, sans-serif !important;
}

.elementor-element-5b2bb03 h3.entry-title.font-smooth a {
    padding: 0 20px;
    display: flex;
    justify-content: center;
}

#content {
    padding-bottom: 0 !important;
}

@media only screen and (min-device-width: 1200px) {
    #site-header-wrap.header-layout2 .header-top {
        padding: 5px 0 !important;
    }
}



@media only screen and (min-device-width: 1200px) and (max-device-width: 1350px) {
    #site-header>.container {
        padding: 0 !important;
    }

    .header-layout2 .site-navigation .primary-menu>li {
        margin: 0 9px !important;
    }

    .header-layout2 .site-menu-right .site-menu-right-button .btn {
        padding: 0 15px !important;
    }

    .primary-menu>li>a {
        font-size: 13px !important;
    }
}


@media only screen and (min-device-width: 1350px) and (max-device-width: 1550px) {
    #site-header>.container {
        padding: 0 10px !important;
    }

    .header-layout2 .site-navigation .primary-menu>li {
        margin: 0 20px !important;
    }

    .header-layout2 .site-menu-right .site-menu-right-button .btn {
        padding: 0 15px !important;
    }
}




@media screen and (min-width: 1200px) {
    .primary-menu>li>a {
        font-size: 13px;


    }
}

@media (min-width: 1200px) and (max-width: 1360px) {
    .header-layout2 .site-navigation .primary-menu>li {
        margin: 0 18px !important;
    }
}



@media screen and (min-width: 1024px) {
    .elementor-element-5b2bb03 ul.slick-dots {
        display: none;
    }
}




.modal-dialog.modal-dialog-centered {
    margin: 0;
    max-width: 100%;
}

.elementor-element-2e5e7c5 .hover-area,
.elementor-element-935040f .hover-area {
    padding-left: 15px;
    padding-right: 15px;
}

.elementor-element-0f56ff4 {
    display: none;
}

.elementor-element-935040f .elementor-container {
    justify-content: center;
}




@media only screen and (max-device-width: 1200px) {

    .elementor-element-604a8054 .elementor-col-50,
    .elementor-element-0850185 .elementor-col-50,
    .elementor-element-604a8054 .elementor-col-50,
    .elementor-element-604a8054 .elementor-col-50,
    .elementor-element-604a8054 .elementor-col-50 {
        width: 100% !important;
    }

    .elementor-element-604a8054 .elementor-container,
    .elementor-element-0850185 .elementor-container,
    .elementor-element-604a8054 .elementor-container,
    .elementor-element-604a8054 .elementor-container,
    .elementor-element-604a8054 .elementor-container {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
}

a.but001 {
    background-color: #0c6c6b;
    position: absolute;
    bottom: -50px;
    right: 133px;
    padding: 10px 20px 10px 20px;
}

a.but001 a {
    color: white !important;
}

a.but001.pum-trigger {
    color: white !important;
}


/*support multiple locations*/

#site-header-wrap.header-layout2 .header-top .header-top-inner .site-contact.roseville,
#site-header-wrap.header-layout2 .header-top .header-top-inner .site-contact.auburn {
    display: none;
}

.roseville_show #site-header-wrap.header-layout2 .header-top .header-top-inner .site-contact.roseville {
    display: flex;
}

.auburn_show #site-header-wrap.header-layout2 .header-top .header-top-inner .site-contact.auburn {
    display: flex;
}

.roseville_show .navigation-open #menu-item-4899{
    display: none !important;
}

.roseville_show section.auburn,
.roseville_show div.auburn,
.roseville_show .primary-menu > li.auburn,
.roseville_show li.auburn 
{
    display: none;
}

.primary-menu li.viewRoseville a, .primary-menu li.viewAuburn a{
    background-color: #0c6c6b;
    color: #ffffff;
    text-align: center;
}

.auburn_show section.roseville,
.auburn_show div.roseville,
.auburn_show .primary-menu > li.roseville,
.auburn_show li.roseville
 {
    display: none;
}

#locationModal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, .9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "Josefin Sans";
}

#locationModal .modal_inner {
    font-size: calc(15px + 0.390625vw);
    width: 100%;
    min-height: 50%;
    background-color: #8FAEA9;
    background-image: url(./assets/images/modal_background.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 15px;
}

#locationModal .modal_inner svg, #locationModal .modal_inner img {
    width: 20%;
    margin-bottom: 30px;
}

#locationModal .modal_inner h2 {
    text-align: center;
    font-size: 2.2em;
    font-family: "Josefin Sans";
    color: #ffffff;
    text-shadow: 0 0 2px #000;
}

#locationModal .modal_inner h3 {
    text-align: center;
    font-size: 1em;
    color: #ffffff;
    font-family: "Josefin Sans";
    font-weight: 400;
    text-shadow: 0 0 2px #000;
}

#locationModal .modal_inner button {
    border: 0px;
    margin: 0px 15px;
    width: 265px;
}

#locationModal .modal_inner .modal_phone {
    display: block;
    background-color: #ffffff;
    color: #000000;
    position: relative;
    text-align: center;
    width: 265px;
    margin: 0 15px;
    padding: 7.5px 5px 7.5px 40px;
    line-height: 1;
    font-weight: 700
}

#locationModal .modal_inner .buttons{
    position: relative;
}


#locationModal .modal_inner .modal_phone span {
    background: #a9a9a9;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 1px;
    top: 1px;
    height: calc(100% - 2px);
    padding: 3px;
    aspect-ratio: 1/1;
}

.auburn_show #locationModal,
.roseville_show #locationModal {
    display: none;
}

button.change_vew {
    display: block;
    font-size: 11px;
    border: 0px;
    position: absolute;
    right: 0;
    top: -6px;
    padding: 0px 15px;
    line-height: 2.5em;
    border-radius: 0 0 5px 5px;
}

button.change_vew:hover {
    padding-top: 7px;
}

#overlayModal{
    background-color: #000;
    opacity: 0%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    animation: fade-in-out .9s 1;
}

@keyframes fade-in-out {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 0.66;
    }
    66% {
        opacity: 0.66;
    }
    100% {
        opacity: 0;
    }
}

@media (min-width: 1200px){
    #menu-item-5882{
        display: none;
    }
}

@media (min-width: 1200px){
    .mobileOnly{
        display: none !important;
    }
    #locationModal .modal_inner .modal_phone{
        margin-top: 40px;
    }
}
@media (max-width: 1200px){
    .mobileNo{
        display: none !important;
    }
    #locationModal .modal_inner .modal_phone{
        margin-bottom: 20px;
    }
}

@media (max-width: 768px){
    #locationModal .modal_inner svg, #locationModal .modal_inner svg {
        width: 50%;
    }
}

.elementor-column-wrap.elementor-element-populated {
    padding: 10px;
}
