/*
Theme Name: Middleton Child - NTRAKWAH & CO.
Theme URI: https://splatworld.tv
Author: Brian Mishico
Author URI: https://splatworld.tv
Description: 
Template: middleton
Version: 1.4
Text Domain: middleton-child
*/



.elementor-3095 .elementor-element.elementor-element-7d94ccf .elementor-button,
a#admission {
    display: none !important;
}




.grecaptcha-badge {
    display: none !important;
    visibility: hidden !important;
}





/*//// ELEMENTS ////*/
p,
ul {
    margin-bottom: 30px !important;
    line-height: 1.8 !important;    
}
* ul li,
li {
    margin-bottom: 10px !important;
    line-height: 1.8 !important;
}

/*// MOBILE MENU TOGGLE //*/
.elementor-509 .elementor-element.elementor-element-77bf81c .elementor-menu-toggle {
    color: #ffffff;
}
.elementor-nav-menu__align-start .elementor-nav-menu,
.elementor-nav-menu--dropdown {
    padding: 10px 0;
    /*background:silver  !important;*/
}
.elementor-509 .elementor-element.elementor-element-77bf81c .elementor-nav-menu--dropdown .elementor-item, 
.elementor-509 .elementor-element.elementor-element-77bf81c .elementor-nav-menu--dropdown .elementor-sub-item {
    color: #ffffff;
    color: #06163a;
}
.elementor-509 .elementor-element.elementor-element-77bf81c .elementor-nav-menu--dropdown a.elementor-item-active {
    background-color: var(--e-global-color-primary) !important;
    color: #ffffff !important;
}





/*/////// DESKTOP NAV ///////*/
.elementor-509 .elementor-element.elementor-element-a18d42b,
.elementor-509 .elementor-element.elementor-element-00229e9 {
    max-width: initial !important;
    height: 65px;
    height: 40px;
}
.elementor-nav-menu--main .elementor-nav-menu a, .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .elementor-nav-menu--main .elementor-nav-menu a:focus, .elementor-nav-menu--main .elementor-nav-menu a:hover {
    padding: 10px 20px !important;
}

/*// NAV ITEM SPACING //*/
.elementor-nav-menu li {
    border-width: 0 !important;
    margin-bottom: 0 !important;
}





/*/////// HOME PAGE ///////*/
.elementor-9 .elementor-element.elementor-element-c43cce2 .elementor-column-gap-custom .elementor-column > .elementor-element-populated {
    padding: 40px 30px !important;
}

/*/////// OLD SLIDER ///////*/
#hero-slider {
    overflow: hidden;
}
#hero-slider .slider-container { }
.hero-title {
    position: absolute !important;
    top: 57% !important;
    left: 6% !important;
    transform: translateY(-50%);
    font-size: 18px !important;
    line-height: 1.2 !important;
}
.hero-title h2 {
    font-size: inherit;
    line-height: inherit;
    color: #111011 !important;
}
.hero-title h2 span {
    font-weight: bold;
}
.hero-button {
    position: absolute !important;
    top: 76% !important;
    transform: translateY(-50%);
    left: 6% !important;
}
.hero-button a {
    font-size: 20px !important;
    color: #111011 !important;
    border-color: #111011 !important;
}
.hero-copy {
    position: absolute !important;
    top: 81% !important;
    left: 6% !important;
    width: 40% !important;
}
.hero-copy p {
    color: #111011 !important;
}

@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1365px) {
        .hero-title { font-size: 17px !important; }
        .hero-copy { width: 65% !important; }
}
@media screen and (max-width: 1220px) {
        .hero-copy { width: 65% !important; font-size: 14px !important; }
}
@media screen and (max-width: 1025px) {
        .hero-title { font-size: 10px !important; }
        .hero-button a { font-size: 14px !important; }
        .hero-copy { width: 65% !important; font-size: 12px !important; }
}
@media screen and (max-width: 851px) {}
@media screen and (max-width: 480px) {}



/*/////// HOME PAGE CUSTOM SLIDER //////*/
div.custom-slick-container {
    display: block;
    position: relative;
    margin: 0 0;
    padding: 0 0;
    opacity: 0;
    transition-delay: 4s;
    transition: opacity 2s ease;    
    /*background: #dbdbdb;
    background: linear-gradient(158deg,rgba(219, 219, 219, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(219, 219, 219, 1) 100%);*/
}
div.custom-slick-container.loaded {
    opacity: 1;
}
/*//// SLIDER ////*/
#custom-slick-1 {
    position: relative;
    z-index: 100; 
    overflow: hidden;
    width: 100%;
    height: 800px;
    padding: 0 0;
    margin: 0 0;
    background-color: transparent !important;
    /*opacity: 0;
    transition-delay: 4s;
    transition: opacity 2s ease;*/
}
#custom-slick-1.loaded {
    opacity: 1;
}
#custom-slick-1 * {
    outline: none;
}
#custom-slick-1 .slick-list,
#custom-slick-1 .slick-track {
    height: 100%; 
    background-color: transparent !important;
}
/*// KILL COMMON OVERLAY PSEUDO-ELEMENTS FROM SLICK CSS //*/
#custom-slick-1.slick-slider::before,
#custom-slick-1.slick-slider::after,
#custom-slick-1 .slick-list::before,
#custom-slick-1 .slick-list::after,
#custom-slick-1 .slick-slide::before,
#custom-slick-1 .slick-slide::after,
#custom-slick-1 .slide::before,
#custom-slick-1 .slide::after {
    content: "";
    display: none !important;
    background: none !important;
    background-image: none !important;
}
/*// IF ARROWS GOT A GRADIENT BACKGROUND //*/
#custom-slick-1 .slick-prev,
#custom-slick-1 .slick-next {
    background: transparent !important;
}
/*//// SLIDES ////*/
#custom-slick-1 div.slide {
    position: relative;
    height: 100%;
    background-color: transparent !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://ntrakwahcodev.wpenginepowered.com/wp-content/uploads/2025/08/nhtrakwah-home-slide-background-OPT.jpg');
}

#custom-slick-1 .slick-slide {
    opacity: 0;
    transition: opacity 1600ms linear;
}

#custom-slick-1 .slick-slide.slick-active {
    opacity: 1 !important;
    z-index: 999 !important;
}
#custom-slick-1 .slick-slide.slick-active {
    opacity: 1 !important;
}


/* Force all slides to be properly stacked */
.custom-slick .slick-slide {
    visibility: visible !important;
}
.custom-slick.slick-initialized .slick-slide {
    opacity: 0;
    z-index: 0;
    transition: opacity 1600ms linear;
}
.custom-slick.slick-initialized .slick-slide.slick-active {
    opacity: 1;
    z-index: 1;
}
.custom-slick .dummy-slide {
    position: absolute !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.custom-slick .dummy-slide.slick-active {
    opacity: 0 !important;
}

/*// PORTRAIT //*/
#custom-slick-1 div.slide img.slide-portait {
    position: absolute;
    top: 50px;
    right: 0; 
    bottom: 0; 
    max-width: 100%;    
    max-height: 100%; 
    height: auto;
    width: auto;
}
/*// SLIDE CONTENT //*/
#custom-slick-1 div.slide h2 {
    position: absolute;
    top: 40%;
    top: 30%;
    left: 5%;
    transform: translateY(-50%);
    font-family: 'Roboto', 'Arial';
    color: #111011;
    /*font-size: 60px;*/
    font-size: 57px;
    text-shadow: none;
    line-height: 1.2;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 400;
}
#custom-slick-1 div.slide h2 span {
    font-weight: bold;
}
/*// MEET BUTTON //*/
#custom-slick-1 div.slide div.slide-button {
    position: absolute;
    /*top: 63%;*/
    top: 55%;
    transform: translateY(-50%);
    left: 5%;
}
#custom-slick-1 div.slide div.slide-button a {
    padding: 15px 35px;
    font-family: 'Roboto', 'Arial';
    font-size: 20px;
    color: #111011;
    border: 2px solid #111011;
    background-color: transparent;
    background-color: rgba(255, 255, 255, .3);
    transition: all .3s ease;
}
#custom-slick-1 div.slide div.slide-button a:hover {
    background-color: #4777A7;
    border: 2px solid #4777A7;
    color: #ffffff;
}
/*// SLIDE COPY //*/
#custom-slick-1 div.slide div.slide-copy {
    position: absolute;
    /*top: 70%;*/
    top: 62%;
    left: 5%;
    width: 50%;
}
#custom-slick-1 div.slide div.slide-copy p {
    font-family: 'Roboto', 'Arial';
    color: #111011;
    font-size: 18px;
    text-shadow: none;
    line-height: 1.2;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 400;
}
/*// PAUSE BUTTON //*/
#slider-toggle {
    position: absolute;
    z-index: 101;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35px;
    min-width: 90px;
    padding: 6px 18px;
    font-family: 'Roboto', 'Arial';
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #4777A7;
    border: 1px solid #ffffff;
    opacity: .75;
    transition: all .3s ease;
    cursor: pointer;
}
#slider-toggle:hover {
    opacity: 1;
}
/*//// SLIDER ANIMATION - TRANSITION ZOOM ////*/
div.slick-list {
    overflow: visible;
}
#custom-slick-1 div.slide {
    min-width: 100vw  !important;
    transform: scale(1.3);
    -webkit-transition: all 1.6s cubic-bezier(0.7, 0, 0.3, 1) !important;
    transition: all 1.6s cubic-bezier(0.7, 0, 0.3, 1) !important;
}
#custom-slick-1 div.slide.slick-active { 
    transform: scale(1);
}
/*//// NEXT/PREVIOUS ARROWS ////*/
div.arrow {
    position: absolute;
    z-index: 101;
    top: 50%;
    transform: translateY(-50%);
    height: 75%;
    width: 40px;
    transition: border .3s ease;
    border: 1px solid transparent;
    cursor: pointer;
}
div.arrow:hover {
    border: 1px solid #ffffff;
}
div.left-arrow {
    left: 0;
}
div.right-arrow {
    right: 0;
}
div.arrow img,
div.arrow svg {
    position: absolute;
    z-index: 101;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}





/*//// SINGLE ATTORNEY ////*/
body.single-attorney {}

.elementor-icon-list-items a:empty {
    display: none;
}
.elementor-icon-list-items a:empty::before,
.elementor-icon-list-items a:empty::after {
    display: none;
}

body.single-attorney #att-details p,
body.single-attorney #att-details p span,
body.single-attorney #att-details ul,
body.single-attorney #att-details li {
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
}

#publications p
#publications p span,
#publications ul,
#publications li {
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
}

/*IT'S A REAL JOY TO WORK WITH YOU ELEMENTOR*/
#publications > div > div > div > div > div > div > div > div > p {
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
}
/*//// ATTORNEY PDF ////*/
/* FORCE STABLE LAYOUT ONLY WHILE CAPTURING */
.pdf-capture #contentToPrint {
  /* LETTER: 8.5IN @ 96DPI ≈ 816PX WIDE */
  width: 816px !important;         /* A4 WOULD BE ~794PX */
  max-width: none !important;
  transform: none !important;
  zoom: 1 !important;
}





/*/////// FELIX MEMORIAM PAGE ///////*/
#h1-memoriam h1 {
    font-size: 40px;
    margin-bottom: 16px;
}
.elementor img.felix-memoriam {
    max-width: 310px;
    background-color: transparent;
    padding: 5px;
    box-shadow: 0 0 0 2px #4777A7;
}





/*/////// PRACTICED AREAS & INDUSTRUES ///////*/
h2.sidebar_heading {
    color: var(--e-global-color-primary);
}
hr#border {
    width: 95%;
    border: 1px solid var(--e-global-color-primary) !important;
    margin: -22px 200px 30px 5px !important;    
}
.sidebar > li {
    margin-bottom: 12px;
}





/*/////// BOOTSTRAP OVERRIDE ///////*/
div.row {
    margin-right: 0;
    margin-left: 0;
}





/*/////// CASE STUDIES ///////*/
div#acf-case-studies {
    margin: 30px 0;
    padding: 10px 0;
}
div#acf-case-studies h2 {
    margin-bottom: 20px;
}
div#acf-case-studies p {
    font-family: "Open Sans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1px;
}
div#acf-case-studies div#acf-case-studies div.case-study {}
div#acf-case-studies h4.case-source { }
div#acf-case-studies div.case-content {
    margin-bottom: 40px
}





/*/////// CONTACT FORM ///////*/
.contact-area form, 
.contact-area-s2 form {
    margin: 0 0;
}
/*// HALF COL //*/
.contact-area form .half-col, 
.contact-area-s2 form .half-col {
    padding: 10px 20px 10px 0;
}
/*// FULL COL //*/
.contact-area form div, 
.contact-area-s2 form div {
    padding: 10px 20px 10px 0;
}





/*/////// SINGLE POST ///////*/
body.single-post {}

body.single-post p,
body.single-post p span,
body.single-post ul li {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1px;
}
body.single-post h2,
body.single-post h3,
body.single-post h4 {
    font-family: 'Playfair Display', serif;
    font-weight: 400 !important;
    font-size: 20px;
    color: #06163a;
}

body.single-post ul.related-attorneys,
body.single-post ul.related-practice,
body.single-post ul.post-categories {
    list-style: none;
    margin: 0 0;
    padding: 0 0;
}
body.single-post ul.related-attorneys li,
body.single-post ul.related-practice li,
body.single-post ul.post-categories li {
    margin-bottom: 8px;
    font-size: 18px;
}
body.single-post ul.related-attorneys li a,
body.single-post ul.related-practice li a,
body.single-post ul.post-categories li a {
    font-size: inherit;
}




/*//// SEARCH RESULTS ////*/
.elementor-2673 .elementor-element.elementor-element-639c9d5 .elementor-posts-container .elementor-post__thumbnail {
    padding-bottom: calc(0.8 * 100%);
}
.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
    top: 90% !important;
}





/*//// FOOTER ////*/
div#footer-byline h2.elementor-heading-title.elementor-size-default {
    color: silver;
    opacity: .8;
}



/*//////// GLOBAL RESPONSIVE ////////*/
/*// LARGE SCREEN //*/
@media only screen and (max-width: 1920px) { }


/*// MEDIUM & LAPTOP //*/
@media only screen and (max-width: 1600px) { 

        /*//// HOME PAGE SLIDER 83.3% ////*/
        #custom-slick-1 { height: 665px; }
        #custom-slick-1 div.slide h2 { font-size: 50px; }
        #custom-slick-1 div.slide div.slide-button a { padding: 13px 30px; font-size: 18px; }
        #custom-slick-1 div.slide div.slide-copy p { font-size: 16px; }

}
@media only screen and (max-width: 1536px) { 

        /*//// HOME PAGE SLIDER 80% ////*/
        #custom-slick-1 { height: 640px; }
        #custom-slick-1 div.slide h2 { font-size: 48px; }
        #custom-slick-1 div.slide div.slide-button a { padding: 13px 30px; font-size: 17px; }
        #custom-slick-1 div.slide div.slide-copy p { font-size: 16px; }     

}
@media only screen and (max-width: 1440px) { 
    
        /*//// HOME PAGE SLIDER 75% ////*/
        #custom-slick-1 { height: 600px; }
        #custom-slick-1 div.slide h2 { font-size: 46px; }
        #custom-slick-1 div.slide div.slide-button a { padding: 11px 28px; font-size: 16px; }
        #custom-slick-1 div.slide div.slide-copy p { font-size: 16px; }        

}
@media only screen and (max-width: 1365px) { 
    
        /*//// HOME PAGE SLIDER 71% ////*/
        #custom-slick-1 { height: 560px; }
        #custom-slick-1 div.slide h2 { font-size: 44px; }
        #custom-slick-1 div.slide div.slide-button a { padding: 10px 25px; font-size: 16px; }
        #custom-slick-1 div.slide div.slide-copy p { font-size: 16px; }      

}
@media only screen and (max-width: 1280px) { 
    
        /*//// HOME PAGE SLIDER 66.6% ////*/
        #custom-slick-1 { height: 560px; }
        #custom-slick-1 div.slide h2 { font-size: 40px; }
        #custom-slick-1 div.slide div.slide-button a { padding: 10px 25px; font-size: 16px; }
        #custom-slick-1 div.slide div.slide-copy p { font-size: 15px; }      

}


/*// MOBILE SCREEN //*/
@media only screen and (max-width: 1024px) { 

        /*//// HOME PAGE SLIDER ////*/
        #custom-slick-1 { height: 700px; }
        #custom-slick-1 div.slide img.slide-portait { top: initial; right: -60px; bottom: 0; max-width: 48%; }
        #custom-slick-1 div.slide h2 { font-size: 42px; }
        #custom-slick-1 div.slide div.slide-button a { padding: 10px 25px; font-size: 15px; }
        #custom-slick-1 div.slide div.slide-copy p { font-size: 15px; }

}


/*// SMALL MOBILE //*/
@media only screen and (max-width: 851px) { 

        /*//// HOME PAGE SLIDER ////*/
        #custom-slick-1 { height: 70svh; height: 700px; }
        #custom-slick-1 div.slide h2 { top: 18%; }
        #custom-slick-1 div.slide div.slide-button { top: 63%; top: 41%; }
        #custom-slick-1 div.slide div.slide-copy { top: 70%; top: 48%; }
        #custom-slick-1 div.slide div.slide-button a { font-size: 20px; }
        #custom-slick-1 div.slide div.slide-copy { width: 60%; }
        #custom-slick-1 div.slide div.slide-copy p { font-size: 18px; line-height: 1.33 !important; }

} 
@media only screen and (max-width: 480px) {

        main#home h2 { text-align: left; }
        main#home p, main#home li { text-align: left; }
        div.speak-flex-container div.speak-flex-item h3 { text-align: left; }


        /*//// HOME PAGE ////*/
        div#n2-ss-2 .n2-font-aee9cf34e5d6841d1aa706cd7fe6a5b2-hover { font-size: 20px !important; }
        .hero-title { top: 53% !important; font-size: 14px !important; }
        .hero-button { top: 85% !important; background: #4777A7 !important; }
        .hero-button a { font-size: 14px !important; }
        .hero-copy { display: none !important; }

        /*//// HOME PAGE SLIDER ////*/
        #custom-slick-1 { height: 90svh; height: 750px; }
        #custom-slick-1 div.slide h2 { top: 80px; font-size: 31px; display: block; white-space: normal; }
        #custom-slick-1 div.slide h2 br.mobile-hide { display: none; content: ''; }
        #custom-slick-1 div.slide div.slide-copy { top: 200px; width: 75%; }
        #custom-slick-1 div.slide div.slide-copy p { font-size: 18px; line-height: 1.33 !important; }
        #custom-slick-1 div.slide div.slide-button { top: initial; bottom: 8%; }
        #custom-slick-1 div.slide div.slide-button a { font-size: 20px; }
        #custom-slick-1 div.slide img.slide-portait { right: -45px; max-width: 58%; }
        #custom-slick-1 #slide-1 img.slide-portait,
        #custom-slick-1 div.slide #nana-yaw { right: -45px; max-width: 53%; }
        div.arrow img, 
        div.arrow svg { display: none; }
        #slider-toggle { display: none; }

        /*//// ATTORNEY PAGE ////*/
        body.page-template-template_AttornySearch {}
        body.page-template-template_AttornySearch #professional-byline h1 { font-size: 14px; padding: 0 30px; } 
        body.page-template-template_AttornySearch #professional-byline h1 br { display: none; }
        body.page-template-template_AttornySearch #record-row > .col-lg-4 { width: 100%; padding: 0 0; margin: 10px 0; }
        body.page-template-template_AttornySearch #record-row .content { transform: translateY(50%); }

        /*//// PRACTICE AREA TEMPLATE ////*/
        body.practice-area-template-default {}
        body.practice-area-template-default #practice-content { order: 1; }
        body.practice-area-template-default #practice-lawyers { order: 2; }
        body.practice-area-template-default #related-practice { order: 3; }
        body.practice-area-template-default .elementor-2707 .elementor-element.elementor-element-5da4aa0 > .elementor-widget-container { padding: 0 0 !important; }

        /*//// INDUSTRY TEMPLATE ////*/
        body.industry-template-default {}
        body.industry-template-default #industry-content { order: 1; }
        body.industry-template-default #industry-lawyers { order: 2; }
        body.industry-template-default #related-industry { order: 3; }

}
@media only screen and (max-width: 415px) {

        /*//// HOME PAGE SLIDER ////*/
        #custom-slick-1 { height: 90svh; height: 630px; }
        #custom-slick-1 div.slide h2 { font-size: 28px; display: block; white-space: normal; }
        #custom-slick-1 div.slide h2 br.mobile-hide { display: none; content: ''; }
        #custom-slick-1 div.slide img.slide-portait { max-width: 51%; }
        #custom-slick-1 div.slide div.slide-copy { width: 90%; }
        #custom-slick-1 div.slide div.slide-copy p { font-size: 16px; }
        #custom-slick-1 div.slide div.slide-button { top: initial; bottom: 7%; }
        #custom-slick-1 div.slide div.slide-button a { font-size: 16px; }
        #slider-toggle { display: none; }

}
@media only screen and (max-width: 390px) {

        /*//// HOME PAGE SLIDER ////*/
        #custom-slick-1 div.slide h2 { font-size: 25px;}

}
@media only screen and (max-width: 350px) {

        #custom-slick-1 div.slide h2 { font-size: 24px;

}


/*//// LANDSCAPE STYLES ////*/
@media screen and (max-width: 851px) and (orientation: landscape) { }
@media screen and (max-width: 667px) and (orientation: landscape) { }
@media screen and (max-width: 570px) and (orientation: landscape) { }