/**handles:child-style**/
ho/*
Theme Name:   My Houston Surgeons Child
Description:  Child theme for My Houston Surgeons
Author:       Strategy Collective
Template:     myhoustonsurgeons
Version:      1.0.0
*/

.child-footer .is-footer--logo-phone img { height:auto; }
.child-footer .is-footer--logo-phone,
.is-footer--ifar-and-mhs,
.is-footer--ifar-logo,
.is-footer--mhs-logo,
.is-footer--mhs-docs { display:flex; align-items:center; }
.is-footer--ifar-logo,
.is-footer--mhs-logo { margin-right:45px; }
.is-footer--mhs-docs { padding-left:45px; border-left:2px solid #000; }
.is-footer--logo-phone-phone { align-items:start !important; padding-top:3px; }

nav#navigation ul li a { color: #ffffff; }
.home .is-header--main-inner {
    display: flex;
    flex-flow: column wrap;
    justify-content:flex-end;
    align-items: flex-start;
}

.home .is-header--main-inner .is-header--main-contents { 
    position: relative; 
    transform: unset;
    left: auto;
    top: auto;
}

.is-header--main-inner .is-header--main-contents .is-header--main-contents-home {
    padding: 0;
    padding-top: 30px;
    padding-bottom: 60px;
    max-width:570px;
}

.is-header--main-inner .is-header--main-contents .is-header--main-contents-home .btnwrp {
    display:flex;
    justify-content: center; 
}

.is-header--main-section-1 { padding-top: 40px; }

@media (max-width:1199px) {
    .is-footer--ifar-logo,
    .is-footer--mhs-logo { margin-right:30px; }
    .is-footer--mhs-docs { padding-left:30px; }
}

@media (max-width:767px) {
    .child-footer .is-footer--logo-phone { flex-wrap:wrap; }
    .is-footer--ifar-and-mhs { width:100%; justify-content:center; }
    .is-footer--mhs-logo { margin-right:0; }
    .is-footer--mhs-docs { flex: 0 0 100%; padding-left:0; border-left:none; margin-top:30px; justify-content:center; }
    .is-footer--logo-phone .is-footer--mhs-docs img { max-width:350px; }
}

@media (min-width: 527px) and (max-width:767px) {
    .is-footer--logo-phone-phone { align-items:start; padding-top:3px; }
}

@media (max-width:526px) {
    .is-footer--logo-phone .is-footer--mhs-docs img { max-width:100%; }
    .is-footer--logo-phone-phone { width: 100%; justify-content: center; padding-right: 10px; }
}

@media screen and (max-width:979px) {
    nav#navigation .sub-menu.depth-0 { display:flex; flex-direction:column; }
    ul#main-menu li a { padding-left: 2rem; padding-right: 2rem; }
    nav#navigation { display:flex; height:0; overflow:hidden; transition: height 0.4s ease-out; }
    nav#navigation.is-active { height: 100vh; }
    nav#navigation .menu-main-menu-container { height: 0; }
    nav#navigation.is-active .menu-main-menu-container { height: 100vh; }
    .admin-bar nav#navigation.is-active .menu-main-menu-container { height: calc(100vh - 32px); }
    .admin-bar nav#navigation { margin-top: 32px; }
    nav#navigation ul:not(.sub-menu) { display: block; }
    nav#navigation ul li a { border-bottom: 0; }
    nav#navigation .menu-item-has-children .nav-plus { width: 20px; height:20px; border-bottom: 0; margin-top:10px; margin-right:2rem; background-color: transparent; } 
    nav#navigation .menu-item-has-children .nav-plus:after { width: 16px; height: 20px; background-size:contain; background-repeat:no-repeat; }
    nav#navigation .sub-menu { max-height:0; overflow:hidden; opacity:0; transition: max-height 0.5s ease, opacity 0.4s ease; }
    nav#navigation .sub-menu.is-active { flex-direction: column; max-height:100vh; height:auto; opacity: 1; }
    nav#navigation .sub-menu li { background-color: #4e3e65; }
    nav#navigation .sub-menu li .sub-menu li { background-color: #564571; }
    nav#navigation ul li a:hover { border-bottom: 0; }
    #closenav { right: 15px; top: 40px; z-index:140; }
    nav#navigation #main-menu > li:last-child { padding-bottom: 0; }
    nav#navigation #closenav { opacity: 0; }
    nav#navigation #closenav, nav#navigation.is-active #closenav { position:absolute; top:0; right:0; background-color:#685387; }
    nav#navigation.is-active #closenav { opacity:1; }
    .is-header { z-index: 200; }
    .home .is-header--main-inner { justify-content: center; align-items:center; }
    #mobnav.hide { display:none; }
}

@media screen and (min-width: 767px) {
    .home .is-header--main-inner { display: flex; flex-flow: column wrap; justify-content: center; height:auto; }
    body.insidepage main .is-header--main-inner { height: auto; }
}

@media screen and (min-width: 980px) {
    .is-header--main-inner .is-header--main-contents .is-header--main-contents-home .btnwrp { justify-content: flex-start; }
    .home .is-header--main-inner { padding: 100px 90px; }
    nav#navigation .mega:hover .sub-menu, nav#navigation .mega .sub-menu { display:block;  }
    nav#navigation .mega .sub-menu.depth-0 { display: block; }
    nav#navigation .menu-item-has-children:not(.mega) .sub-menu.depth-0 { background-color: #ffffff; }
    nav#navigation button#closenav { display: none; }
    nav#navigation { display: flex; position: relative; background-color: #5D3C76; border-left:0; border-right:0; justify-content:center; }
    nav#navigation .menu-main-menu-container { max-width:1450px; padding-left:20px; padding-right:20px; }
    nav#navigation ul li { paddiing: 20px 10px; }
    nav#navigation .menu-item-has-children:not(.mega) .sub-menu.depth-0 { padding-left: 30px; }
    nav#navigation .menu-item-has-children:not(.mega) .sub-menu li { padding-top:0; padding-bottom:0;line-height:1.2; }
    nav#navigation .menu-item-has-children:not(.mega) .sub-menu.depth-0 { display:block; margin-top:-800px; right:auto; opacity:0; transition: margin-left 0.6s ease-out, opacity 1.0s ease-out; }
    nav#navigation .menu-item-has-children:not(.mega):hover .sub-menu.depth-0 { padding: 2rem; padding-right:10px; margin-top:0; opacity:1; }
    nav#navigation .sub-menu li a, 
    nav#navigation .mega .sub-menu a, 
    nav#navigation .mega:hover .sub-menu.depth-1 a, 
    nav#navigation ul li a { font-size:13px; font-weight:300; padding-bottom: 5px; line-height:1.3; }
    nav#navigation ul { padding-left:30px; padding-right:30px; }
    nav#navigation ul li a, nav#navigation ul li a:hover { border-bottom: 0; padding-bottom:0; }
    nav#navigation li.menu-item-has-children:last-of-type .sub-menu.depth-0 li a { text-align:left; }
    nav#navigation .menu-item-has-children:not(.mega) .sub-menu a:hover,
    nav#navigation .sub-menu li a:hover, 
    nav#navigation .mega .sub-menu a:hover, 
    nav#navigation .mega:hover .sub-menu.depth-1 a:hover { color: #9b7cc1; text-decoration: underline; border-bottom:0; }
    nav#navigation #main-menu li a:before { color:#ffffff; font-size: 13px; }
    nav#navigation .column-2 a:first-of-type { display: none; }
    nav#navigation .mega:hover .column-2 .sub-menu.depth-1 li.menu-item-has-children > a, nav#navigation .mega:hover ul li.menu-item-has-children > a { font-weight:500; }
    nav#navigation .mega:hover .column-2 .sub-menu.depth-2, nav#navigation .mega:hover .sub-menu:not(.depth-0) { padding: 0 0 20px; }
    nav#navigation .menu-item-has-children li, nav#navigation .mega .sub-menu li, nav#navigation .menu-item-has-children:not(.mega) .sub-menu li { padding-left:0; }
    nav#navigation .menu-item-has-children:not(.mega) .sub-menu.depth-0 .menu-item-has-children .sub-menu.depth-1 { padding-block-end: 0; display:block; margin-top:-800px; height:0; opacity:0; transition: opacity 1.4s ease-out; }
    nav#navigation .menu-item-has-children:not(.mega) .sub-menu.depth-0 .menu-item-has-children:hover .sub-menu.depth-1 { opacity:1; height:auto; margin-top:0; }
    nav#navigation .menu-item-has-children:not(.mega) .sub-menu a { color: #000000; padding-bottom:5px; }
    nav#navigation .menu-item-has-children:not(.mega) .sub-menu.depth-0 .menu-item-has-children:hover .sub-menu.depth-1 { background-color: #ffffff; padding: 2rem; }
    nav#navigation .menu-item-has-children:not(.mega) .sub-menu.depth-0 .menu-item-has-children::after { border:0; }
    nav#navigation .mega .sub-menu.depth-0 { background-color: #ffffff; display:flex; justify-content: flex-start; align-items: flex-start; gap: 26px; opacity:0; margin-top:-800px; transition: margin-left 0.6s ease-out, opacity 1.0s ease-out; }
    nav#navigation .mega .sub-menu.depth-0 li { display: block; line-height:1.2; }
    nav#navigation .mega:hover .sub-menu.depth-0 { opacity:1; margin-top:0; }
    nav#navigation .mega .sub-menu.depth-0 > li.contact-widget, nav#navigation .mega .sub-menu.depth-1 > li.contact-widget { background-color: #353535; background-image: url('https://myhoustonsurgeons.com/wp-content/themes/myhoustonsurgeons/images/texturedbg.webp'); padding:30px; max-width:260px; text-align:center; }
    nav#navigation .mega .sub-menu.depth-0 > li.contact-widget>a { font-family: "questa-grande", serif; font-size:18px; color: #ffffff; text-align:center; margin-bottom:20px; }
    nav#navigation .mega .sub-menu.depth-0 > li.contact-widget>a:hover { text-decoration:none; }
    nav#navigation .mega .sub-menu.depth-0 > li.contact-widget .sub-menu { display:flex; flex-direction: column; align-items:stretch; width:100%; gap:20px; }
    nav#navigation .mega .sub-menu.depth-0 > li.contact-widget .button--large { display:block; text-align: center; width: 100%; color: #ffffff; text-transform:uppercase; padding: 8px 12px; }
    nav#navigation .mega .sub-menu.depth-0 > li.contact-widget .button--large a { color: #ffffff; text-align:center; }
    nav#navigation .mega .sub-menu.depth-0 > li.contact-widget .button--large:hover { background-color: #9b7cc1; text-decoration:none; }
    nav#navigation .mega .sub-menu.depth-0 > li.contact-widget .button--large a:hover { border-color: #9b7cc1; text-decoration:none; }
    nav#navigation .mega .sub-menu.depth-0 li ul li { max-width: 100%; }
    
    nav#navigation .menu-item-has-children.contact-widget:not(.mega):hover > a:after,
    nav#navigation .contact-widget.menu-item-has-children:not(.mega) a::after, nav#navigation .menu-item-has-children:not(.mega)#menu-item-38415:hover > a::after { border: 0; border-color:transparent; opacity:0; }
    nav#navigation .menu-item-has-children:not(.mega) > a::after, nav#navigation .mega > a::after, nav#navigation .menu-item-has-children > a::after {
        content:'';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-top:0;
        border-left: 10.5px solid transparent;
        border-right: 10.5px solid transparent;
        border-bottom: 8px solid #ffffff;
        bottom:-20px;
        opacity:0;
        transition:all 0.4s ease-out;
    }
    
    nav#navigation .menu-item-has-children:not(.mega):hover > a:after, nav#navigation .mega>a:hover::after, nav#navigation .menu-item-has-children > a:hover::after {
        border-top:0;
        border-left: 10.5px solid transparent;
        border-right: 10.5px solid transparent;
        border-bottom: 8px solid #ffffff;
        bottom:-20px;
        opacity:1;
    }
    
    main .is-header--main-inner { margin-top: 110px !important; }
    header .is-header--bar { display: block; }
    header .is-header--main-bar li.home-links a, nav#navigation .mega .sub-menu a { color: #000000; }
    header .is-header .stickynav { z-index:200; }
    header .logowrp { position: relative; top:auto; }
    header.is-header { position: fixed; width: calc(100% - 40px); z-index:100; }
    header .is-header--main-bar { display:flex; justify-content: space-between; }
    .is-header--main-inner { margin-top: 95px; }
    .home .is-header--main-inner { justify-content:flex-end; padding-bottom:140px; }
    header .is-header--main-bar { background-color: #ffffff; padding-left:0; padding-right:40px; margin-top:-20px; }
    header .is-header--bar .mobile-icon-buttons { display: none; }
}

@media screen and (min-width: 1024px) {
    .is-header--main-inner .is-header--main-contents-inner-page { position: relative; transform:unset; top:auto; left: auto; padding-top:140px; padding-bottom:140px; }
}

@media screen and (min-width:1080px) {
    nav#navigation ul li { padding: 20px 15px; }
}

@media screen and (min-width:1100px) {
    body.page-template-procedure-php .is-header--main-section-0 { margin-right:0; }
}

@media screen and (min-width:1180px) {
    nav#navigation ul li { padding: 20px 20px; }
}

@media screen and (min-width:1280px) {
    nav#navigation ul li { padding: 20px 30px; }
}

@media screen and (min-width:1480px) {
    nav#navigation ul li { padding: 20px 40px; }
}