/*

Theme Name: PDLH Theme
Theme URI: http://dotmatrixdg.com
Author: Jessica Adler / Adriel Carridice / Dot Matrix Design Group
Author URI: http://dotmatrixdg.com
Description: Based on X Theme
Version: 1.0.0
Template: x

*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html {
    scroll-behavior: smooth;
}

/*Global Styles*/
body {
    background-color: #fff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    color: #000 !important;
}

body.home {
    .entry-wrap {
        box-shadow: none !important;
        padding: 0 !important;
    }
}

body:not(.home) {
    background-image: url("./img/bkg-homehero1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.x-btn-widgetbar {
    display: none !important;
}

body.single.single-post .x-main.left {
    width: 100% !important;
}

header.masthead.masthead-inline {
    margin-top: 0px !important;
    position: absolute;
    width: 100%;
    /* padding: 0 5%; */
}

header.masthead.masthead-inline + .x-container.offset {
    margin-top: 0px !important;
}

.x-nav .menu-item > a {
    z-index: 2;
}

.woocommerce-account {
    header.masthead.masthead-inline {
        position: sticky;
        top: 0;
        left: 0;
    }
}

.x-nav-wrap.desktop {
    margin-top: 30px;
}

.x-nav-wrap.mobile {
    background: #000;
    padding: 8px;
}

.x-navbar, .x-colophon {
    background: transparent;
    border-bottom: none;
    border-top: none;
    box-shadow: none;
}

.x-navbar-fixed-top {
    padding: 0 5%;
}

.x-topbar .p-info, .x-topbar .p-info a,
.x-navbar .desktop .x-nav > li > a,
.x-navbar .desktop .sub-menu a,
.x-navbar .mobile .x-nav li > a,
.x-breadcrumb-wrap a,
.x-breadcrumbs .delimiter {
    color: #fff !important;
}

.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none !important; /*delete this to restore orig nav hover effect*/
}

.x-container.max {
    max-width: 95% !important;
}

.x-container.width {
    width: 95% !important;
}

.x-brand {
    margin-top: 12px !important;
}

.x-brand img {
    width: auto !important;
    max-width: 179px !important;
}

@media (max-width: 1135px) {
    .x-nav-wrap.desktop {
        display: none
    }

    .x-nav-wrap.mobile {
        display: block
    }

    .x-nav-wrap.mobile.x-collapsed {
        display: none
    }

    .x-nav-wrap.mobile.collapse.in {
        display: block
    }

    .x-btn-navbar {
        display: inline-block;
    }

    .x-navbar-inner {
        text-align: center;
    }

}

@media (min-width: 980px) and (max-width: 1135px) {
    .x-navbar .x-btn-navbar {
        display: inline-block;
        float: right;
    }
}

.border-button,
.wpcf7-submit {
    padding: 15px 35px !important;
    outline: solid 1px #FFF !important;
    transition: outline 0.75s linear !important;
    z-index: 1001 !important;
    color: #fff;
    font-size: 12px !important;
    letter-spacing: 0.167em !important;
    text-transform: uppercase;
    margin: 0.5em;
}

.border-button.black,
.wpcf7-submit {
    outline: solid 1px #000 !important;
    color: #000 !important;
    /*wpcf7 specific stuff*/
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.border-button:hover {
    background: #fff !important;
    color: #000 !important;
    cursor: pointer;
    outline-width: 2px !important;
}

.border-button.black:hover,
.wpcf7-submit:hover {
    background: #000 !important;
    color: #fff !important;
    cursor: pointer;
    outline-width: 2px !important;
}

#menu-global-nav > li.menu-item {
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 35px !important;
}

#menu-global-nav > li.menu-item {
    padding: 0 !important;
}

#menu-global-nav > li.menu-item.current-menu-item {
    outline: 1px solid #fff !important;
}

#menu-global-nav > li.menu-item a {
    /* letter-spacing: 0.35em; */
    font-size: 12px !important;
}

#menu-global-nav > li.button {
    transition: color 0.75s linear, background 0.75s linear;
    border: 1px solid white;
    background-color: transparent;
    margin-left: 20px;
}

#menu-global-nav > li.button:hover {
    background-color: #fff;

    a {
        color: #000 !important;
        text-shadow: none;
    }
}

#menu-global-nav > li.button:before,
#menu-global-nav > li.button:after {
    display: none;
}

.x-navbar .desktop .x-nav > li > a {
    height: auto !important;
    padding: 12px 18px !important;
}

/*
.border-button.black{
  color: #000;
}
*/

#menu-global-nav > li.menu-item:before /*,
.border-button:before*/
{
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 0;
    height: 0;
    background: transparent;
    border: 2px solid transparent;
}

#menu-global-nav > li.menu-item:hover:before /*,
.border-button:hover:before*/
{
    animation: animate 1s linear forwards;
}

#menu-global-nav > li.menu-item.current-menu-item:hover:before {
    animation: none !important;
}

/*
.border-button.black:hover:before{
  animation: animateblack 1s linear forwards;
}
*/
@keyframes animate {
    0% {
        width: 0;
        height: 0;
        border-top-color: #fff;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
    }
    50% {
        width: 100%;
        height: 0;
        border-top-color: #fff;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: #fff;
    }
    100% {
        width: 100%;
        height: 100%;
        border-top-color: #fff;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: #fff;
    }
}

@keyframes animateblack {
    0% {
        width: 0;
        height: 0;
        border-top-color: #000;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
    }
    50% {
        width: 100%;
        height: 0;
        border-top-color: #000;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: #000;
    }
    100% {
        width: 100%;
        height: 100%;
        border-top-color: #000;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: #000;
    }
}

#menu-global-nav > li.menu-item:after /*,
.border-button:after*/
{
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 0;
    height: 0;
    background: transparent;
    border: 2px solid transparent;
}

#menu-global-nav > li.menu-item:hover:after /*,
.border-button:hover:after*/
{
    animation: animate2 1s linear forwards;
    animation-delay: 1s;
}

#menu-global-nav > li.menu-item.current-menu-item:hover:after {
    animation: none !important;
}

/*
.border-button.black:hover:after{
  animation: animateblack2 1s linear forwards;
  animation-delay: 1s;
}
*/
@keyframes animate2 {
    0% {
        width: 0;
        height: 0;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-left-color: #fff;
        border-right-color: transparent;
    }
    50% {
        width: 0;
        height: 100%;
        border-top-color: transparent;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: transparent;
    }
    100% {
        width: 100%;
        height: 100%;
        border-top-color: transparent;
        border-bottom-color: #fff;
        border-left-color: #fff;
        border-right-color: transparent;
    }
}

@keyframes animateblack2 {
    0% {
        width: 0;
        height: 0;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-left-color: #000;
        border-right-color: transparent;
    }
    50% {
        width: 0;
        height: 100%;
        border-top-color: transparent;
        border-bottom-color: #000;
        border-left-color: #000;
        border-right-color: transparent;
    }
    100% {
        width: 100%;
        height: 100%;
        border-top-color: transparent;
        border-bottom-color: #000;
        border-left-color: #000;
        border-right-color: transparent;
    }
}

.wpb_content_element {
    margin-bottom: 0 !important;
}

.entry-content {
    font-size: 15px !important;
}

.back-to-top:hover {
    cursor: pointer;
}

footer.x-colophon.top {
    display: none;
}

footer.x-colophon.bottom {
    background: #bdd753;
    color: #fff;
    margin: 0 auto;
    max-width: 97%;
    width: 97%;
    text-transform: uppercase;
}

.x-colophon + .x-colophon {
    box-shadow: none !important;
    border-top: none !important;
}

/*body .entry-wrap {*/
/*    box-shadow: none !important;*/
/*    padding: 0 !important;*/
/*}*/

h2 {
    font: 700 40px/38px 'Montserrat' !important;
}

body.archive h2 {
    font: 700 24px 'Montserrat' !important;
}

a {
    color: #46c1be !important;
    font-weight: 600;
}

footer a {
    color: #fff !important;
    font-weight: normal !important;
}

.wpcf7-not-valid-tip {
    color: red !important;
}

.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.vc_column_container > .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.vc_column_container > .vc_column-inner.vc_custom_1581829537646 {
    padding-right: 20px !important;
}

/*.wpcf7-submit {background-color:#46c1be!important; border-color:#4687c1!important;box-shadow: 0 0.25em 0 0 #4687c1,0 4px 9px rgba(0,0,0,0.75)!important;}*/

/*Home Page Styles*/
body.home #ourCompanyTitle,
body.home #ourFounderTitle {
    background: url('../../uploads/2019/06/bkg-dna.jpg') no-repeat left center;
    min-height: 300px;
    font: 700 40px/38px 'Montserrat' !important;
    padding: 80px 0 40px 5%;
}

body.home #ourFounderTitle {
    background: none !important;
    min-height: 150px !important;
    padding-left: 15% !important;
}

body.home #ourValues .vc_column-inner {
    padding: 0 !important;
}

body.home #ourValuesTitle {
    font: 700 40px/38px 'Montserrat' !important;
    color: #fff !important;
}

body.home #ourTeam,
body.home #workWithUs {
    color: #fff;
    font-size: 21px;
    padding: 0 5% 70px !important;
}

body.home #ourTeam h2,
body.home #workWithUs h2 {
    color: #bdd752 !important;
    margin-top: 0;
}

body.home #ourTeam .border-button {
    max-width: 201px;
}

body.home #workWithUs .border-button {
    max-width: 170px;
}

body.home #ourFounderText {
    width: 100%;
    display: block;
    font-size: 16px;
    overflow-y: scroll;
    height: 450px;
}

body.home #founderVideoButton {
    max-width: 165px;
    margin-left: 15%;
}

@media screen and (max-width: 1280px) {
    body.home .last-slide-text {
        margin-left: 20px !important;
    }

    body.home .ls-wrapper .border-button.last-slide-text {
        padding: 15px 5px !important;
    }
}

/*Research Page Styles*/
body.page-id-95 .DNAm .vc_column-inner {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

body.page-id-95 .DNAm h2,
body.page-id-95 .DNAm h3 {
    color: #fff;
    margin-top: 7px;
}

body.page-id-95 .border-button {
    max-width: 170px;
}

/*Team Page Styles*/
.name {
    color: #46c1be;
    font-size: 28px;
    font-weight: 600;
    margin: 1.313em 0 0;
    text-transform: uppercase;
}

.title {
    color: #46c1be;
    font-size: 17px;
    margin: 0 0 1em;
}

body.page-id-148 .vc_toggle_title {
    text-align: center;
    outline: 1px solid black;
    max-width: 100px;
    padding-right: 1.75%;
    margin: 7px auto;
}

.vc_toggle_title > h4 {
    font-size: 99% !important;
    font-weight: normal !important;
    text-transform: uppercase;
}

.vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon {
    left: 50% !important;
    margin-left: -30px !important;
}

/*Contact, In The News & Archive Page Styles*/
/* body.page-id-170 .x-navbar .desktop .x-nav > li > a,
body.page-id-265 .x-navbar .desktop .x-nav > li > a,
body.archive .x-navbar .desktop .x-nav > li > a,
body.single-post .x-navbar .desktop .x-nav > li > a {
    color: #000 !important;
} */

/* body.page-id-170 #menu-global-nav > li.menu-item:hover:before,
body.page-id-265 #menu-global-nav > li.menu-item:hover:before,
body.archive #menu-global-nav > li.menu-item:hover:before,
body.single-post #menu-global-nav > li.menu-item:hover:before {
    animation: animateblack 1s linear forwards;
}

body.page-id-170 #menu-global-nav > li.menu-item:hover:after,
body.page-id-265 #menu-global-nav > li.menu-item:hover:after,
body.archive #menu-global-nav > li.menu-item:hover:after,
body.single-post #menu-global-nav > li.menu-item:hover:after {
    animation: animateblack2 1s linear forwards;
    animation-delay: 1s;
} */

/* body.page-id-170 #menu-global-nav > li.menu-item.current-menu-item,
body.page-id-265 #menu-global-nav > li.menu-item.current-menu-item,
body.archive #menu-global-nav > li.menu-item.current-menu-item,
body.single-post #menu-global-nav > li.menu-item.current-menu-item {
    outline: 1px solid #000;
} */

body.archive header.x-header-landmark.x-container.max.width {
    margin-top: 15%;
}

@media (min-width: 791px) and (max-width: 1135px) {
    body.archive header.x-header-landmark.x-container.max.width {
        margin-top: 20%;
    }
}

@media screen and ( max-width: 790px ) {
    body.archive header.x-header-landmark.x-container.max.width {
        margin-top: 30%;
    }

}

body.single-post div.x-container.max.width.offset {
    margin-top: 15%;
}

body.single-post header.masthead.masthead-inline {
    margin-top: 3%;
}

body.page-id-265 a.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #000 !important;
    background-color: transparent !important;
    border: 1px solid #000 !important;
}

body.page-id-265 a.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
    color: #fff !important;
    background-color: black !important;
    border: none !important;
}

body.page-id-170 #contactUsTitle {
    font: 700 40px/38px 'Montserrat' !important;
    color: #fff !important;
}

body.page-id-170 #messageUsTitle {
    font: 700 40px/38px 'Montserrat' !important;
    color: #000 !important;
}

body.page-id-170 #messageUsSubtitle {
    color: #000 !important;
    font-size: 17px;
    margin: 0 0 1em;
}

body.page-id-170 table {
    margin-top: 25px;
    width: 85%;
}

body.page-id-170 table th,
body.page-id-170 table td {
    border: none !important;
}

.wp-block-woocommerce-cart-order-summary-shipping-block .wc-block-components-totals-item__description {
    display: none !important;
}

.wc-block-components-shipping-rates-control {
    display: none !important;
}

.wc-block-components-totals-item__description {
    display: none !important;
}

.header.masthead.masthead-inline {
    margin-top: 0 !important;
}


#suggestions {
    border: 1px solid #ccc;
    background-color: #fff;
    max-width: 300px;
    max-height: 150px;
    overflow-y: auto;
    padding: 0;
    margin: 5px 0;
    list-style-type: none;
    position: absolute;
    z-index: 1000;
}

#suggestions li {
    padding: 8px;
    cursor: pointer;
}

#suggestions li:hover {
    background-color: #f0f0f0;
}


/* .woocommerce-MyAccount-content .woocommerce-info {
    display: none;
} */

.address-block {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.address-block input {
    width: 100%;
    margin: 5px 0;
    padding: 8px;
}


/* #add-address-button {
    display: block;
    background-color: #0073aa;
    margin-top: 30px;
    border: none;
    color: white;
    border-radius: 10px;
    padding: 5px 20px;
} */

.address-block__footer {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

/* .remove-address-button {
    margin-top: 30px;
    background-color: #ff5c5c;
    border: none;
    color: white;
    border-radius: 10px;
    padding: 5px 20px;
} */


.woocommerce-EditAccountForm {
    p:has(#save-account-details-nonce) {
        margin-top: 30px;
        width: 100%;

        .woocommerce-Button {
            width: 100%;
            border-radius: 10px;
            padding: 15px 20px;
            color: white;
            background-color: #bdd753;
        }
    }
}

/*-----*/


.autocomplete-suggestions {
    border: 1px solid #ddd;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    background-color: white;
    z-index: 1000;
    width: 300px;
}

.autocomplete-suggestion {
    padding: 8px;
    cursor: pointer;
}

.autocomplete-suggestion:hover {
    background-color: #f0f0f0;
}

.address-block {
    margin-bottom: 20px;
    position: relative;
}

.autocomplete-suggestions {
    display: none;

    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    background-color: white;
    z-index: 1000;
}

.autocomplete-suggestions--visible {
    display: block;
}

.autocomplete-suggestions li {
    padding: 8px;
    cursor: pointer;
}

.autocomplete-suggestions li:hover {
    background-color: #f0f0f0;
}


.x-navbar {
    background-color: rgb(0 0 0 / 16%);
    padding-bottom: 12px;
}

.x-navbar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.logged-in:not(.home) .entry-wrap {
    border-radius: 20px;
    min-height: 510px;

    .entry-content {
        margin-top: 30px;
    }

    .woocommerce-MyAccount-navigation {
        ul {
            list-style: none;
            margin: 0;
        }
    }
}

.woocommerce-MyAccount-navigation {
    padding: 0px !important;
}

.woocommerce .products ul, .woocommerce ul.products {
    margin-top: 25px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0;

    border: 1px solid #007377;
    padding: 10px;
    border-radius: 5.25px;

    width: auto;
}

.product-type-simple {
    min-height: 55vh;

    background-color: #ffffff;
    padding: 50px;
    border-radius: 25px;
}

.product_meta {
    display: none;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: #bdd753;
}

.download-title {
    margin-top: 0;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    top: 50%;
    transform: translateY(-50%);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, blockquote {
    font-family: 'Montserrat', sans-serif !important;
}

.product__action {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.woocommerce-MyAccount-content .woocommerce-error::before,
.woocommerce-MyAccount-content .woocommerce-info::before,
.woocommerce-MyAccount-content .woocommerce-message::before {
	position: static;
}

#wpadminbar .quicklinks #wp-admin-bar-show_template_file_name_on_top .ab-sub-wrapper {
    width: max-content;
}

.menu-item.x-menu-item.x-menu-item-search {
    display: none !important;
}

.x-container.x-navbar-wrapper {
    position: relative;
    justify-content: flex-start;
}

.x-nav-wrap.desktop {
    width: 100%;
}

.x-nav-wrap.desktop .x-nav {
    display: flex;
    width: 100%;
    padding-left: 60px;
}

.x-nav li:nth-child(5) {
    margin-left: auto !important;
    
    background-color: #fff !important;
    text-shadow: none;
}

.x-navbar .desktop .x-nav > li:nth-child(5) > a {
    color: #000 !important;
}

#x-btn-navbar {
    align-self: center;
    margin-top: 12px;
    margin-left: auto;
    background-color: transparent;
    border: 1px solid rgb(255, 255, 255);
}

#x-btn-navbar > .x-icon-bars {
    color: #fff !important;
    font-size: 18px;
    font-weight: 400;
    text-shadow: none;
    text-decoration: none !important;
}

.x-nav-wrap.mobile {
    position: absolute;
    top: 100%;
    right: 0;
}

@media screen and (max-width: 1134px) {
    .x-nav li:nth-child(5) {
        background-color: transparent !important;
    }

    .x-nav li:nth-child(5),
    .x-nav li:nth-child(5) > a {
        border: none !important;
    }
}

@media screen and (max-width: 767px) {
    .x-nav-wrap.mobile {
        width: 100%;
    }
}

.alert a {
    color: inherit !important;
}

#contact-form-container form {
    max-width: 960px;
    margin-inline: auto;
}

#contact-map-bg {
    display: none;
}

.places-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(100% - 14px);
    margin: 0 7px;
}

.places-list__item {
    padding: 0px !important;
}

.places-list__button {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 7px 14px;
    background-color: transparent;
    transition: all .25s ease;

    text-align: left;
}

.places-list__button:hover, .places-list__button:focus {
    box-shadow: inset 0px 0px 0px 100px rgba(0,0,0,5%)
}