/*---------------------------------------------------------------------------------


Theme Name:   PBJ Law Vanguard Child Theme

Theme URI:    https://vanguardcommunications.net/

Description:  PB&J Law Child Theme
Author: Vanguard Communications

Author URI:   https://vanguardcommunications.net/

Template:     vanguard-blocks

Version:      1.0.24
License:      GNU General Public License v2 or later

License URI:  http://www.gnu.org/licenses/gpl-2.0.html


------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* defaults */
body {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.428571429;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
    /*font-weight: 500;*/
    margin-bottom: 1rem;
}
.h1, .h2, h1, h2 {
    font-weight: 600;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
/* theme.json gets overridden by the PF2 styles sheet.  So, we need the styles here as well */
h1, .h1 {
    font-size: 40px;
    font-weight: 300;
    color: var(--wp--preset--color--primary);
}
h2, .h2 {
    font-size: 31px;
    font-weight: 600;
    color: var(--wp--preset--color--primary);
}
h3, .h3 {
    font-size: 28px;
    font-weight: 500;
    color: var(--wp--preset--color--secondary);
}
h4, .h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--wp--preset--color--text-color);
}
h5, .h5 {
    font-size: 14px;
    font-weight: 500;
    color: var(--wp--preset--color--text-color);
}
h6, .h6 {
    font-size: 12px;
    font-weight: 500;
    color: var(--wp--preset--color--text-color);
}

h1.alt-heading-color, h2.alt-heading-color {
    color: var(--wp--custom--alt-heading-color);
}

.lead {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .lead {
        font-size: 24px;
    }
}
/* to do: check */
.vanguard-global-cta-alternate p, .vanguard-featured p, .vanguard-cta-link p, .vanguard-cta-link-alternate p {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--wp--preset--color--secondary);
}


/* header styles */
header.vanguard-sticky-header {
    position: sticky;
    z-index: 999;
    top: 0;
    /*background: var(--wp--preset--color--white);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
}

header h4.header-text {
    color: var(--wp--preset--color--foreground);
    font-size: 1rem;
    margin: 0;
}

header h4.header-text a {
    color: var(--wp--preset--color--primary);
    text-decoration: none;
}

header h4.header-text a:hover {
    color: var(--wp--custom--link-hover-color);
}
.vanguard-header {
    max-width: 1280px;
    margin: auto;
}

/* navigation styles */
.wp-block-navigation__container {
    gap: 1.5rem;
}

.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    font-size: 18px;
    font-weight: 500;
    color: var(--wp--preset--color--primary);
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-size: 0.95rem;
    color: var(--wp--preset--color--foreground);
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    min-width: 250px;
    background: var(--wp--preset--color--white);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 0.5rem 0;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    padding: 0.5rem 1rem;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
    background-color: var(--wp--preset--color--gray-lighter);
    color: var(--wp--preset--color--primary);
}

/* footer styles */
body footer {
    background: var(--wp--preset--color--background-muted);
    color: var(--wp--preset--color--text-color);
    padding: 0 0;
    margin-top: 0;
}

body footer a {
    color: var(--wp--preset--color--text-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

body footer a:hover {
    color: var(--wp--preset--color--primary);
}
body footer .has-primary-background-color, body footer .has-footer-copyright-background-color {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}
body footer .has-primary-background-color a, body footer .has-footer-copyright-background-color a {
    color: var(--wp--preset--color--white);
}
body footer .has-primary-background-color a:hover, body footer .has-footer-copyright-background-color a:hover {
    color: var(--wp--preset--color--white);
}

body footer h1, body footer h2, body footer h3, body footer h4, body footer h5, body footer h6 {
    color: var(--wp--preset--color--text-color);
    margin-bottom: 1rem;
}

body footer p {
    color: var(--wp--preset--color--text-color);
    margin-bottom: 1rem;
}
body footer .has-primary-background-color p, body footer .has-footer-copyright-background-color p {
    color: var(--wp--preset--color--white);
    margin-bottom: 1rem;
}
body footer .has-primary-color, body footer .has-primary-color a, body footer .has-brand-primary-color a:hover {
    color: var(--wp--preset--color--text-color);/* !important;*/
}

body footer .has-foreground-color, body footer .has-foreground-color a, body footer .has-brand-foreground-color a:hover {
    color: var(--wp--preset--color--text-color);/* !important;*/
}
/* footer constrain width */

body footer.alignwide div {
    max-width: var(--wp--style--global--wide-size);
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Make columns blocks inside footer wide width */
body footer .wp-block-columns.alignwide {
    max-width: var(--wp--style--global--wide-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

/* to do: check */
/* blockquote styles */
blockquote, .wp-block-quote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    
}

blockquote p, blockquote cite, .wp-block-quote p, .wp-block-quote cite {
    margin: 0;
}
/* no blockquote image for this site */
blockquote:before, .wp-block-quote:before {
    content: "";
}


/* Featured Quote with large quote mark */
.vanguard-featured-quote.blockquote:before,
.vanguard-featured-quote.wp-block-quote:before {
    content: "\201C";
    font-size: 4rem;
    line-height: 1;
    color: var(--wp--preset--color--primary);
    position: absolute;
    left: 0;
    top: 0;
    font-family: Georgia, serif;
}

.vanguard-featured-quote.blockquote,
.vanguard-featured-quote.wp-block-quote {
    position: relative;
    padding-left: 3rem;
}

blockquote p, blockquote cite, .wp-block-quote p, .wp-block-quote cite {
    margin-left: 0;
}

/* responsive styles */
@media (max-width: 768px) {
    .wp-block-navigation__responsive-container.is-menu-open {
        background: var(--wp--preset--color--background-muted)!important;
        padding: 1rem;
    }
    
    .wp-block-navigation__responsive-container .wp-block-navigation-item__content {
        padding: 0.5rem 0;
    }
    
    .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
        padding-left: 1rem;
    }
    button.wp-block-navigation__responsive-container-open {
        border: 1px solid var(--wp--preset--color--gray-lighter);
        padding: 5px 10px;
        border-radius: 4px;
    }
}
/* to do: check */
/* imported from pf2 global scss */
/* these are duplicated in main.css - need to remove these from main */
.wrap .main {
    margin-bottom: 0
}

header h4.header-text  {
    color: var(--wp--preset--color--foreground);
}
header h4.header-text a {
    color: var(--wp--preset--color--primary-link);
}
header h4.header-text a:hover {
    color: var(--wp--custom--link-hover-color);
}
h4 a, a svg {
    color: var(--wp--preset--color--primary);
}
h4 a:hover, a svg:hover {
    color: var(--wp--custom--link-hover-color);
}
/* Add SVG color control */

a svg {

    fill: var(--wp--preset--color--primary);

}

a:hover svg {

    fill: var(--wp--custom--link-hover-color); 

}
:root :where(.wp-block-heading a:where(:not(.wp-element-button))) {
    color: var(--wp--preset--color--primary);
}
/* allow heading links to be bold */
:root :where(a:where(:not(.wp-element-button)):hover) {
	font-weight:inherit;
}

@media (max-width: 767px) {
    .getpp-grid-2col>li:nth-child(2n+3),.getpp-grid-3col>li:nth-child(2n+3),.getpp-grid-4col>li:nth-child(2n+3),.getpp-grid-6col>li:nth-child(2n+3) {
        clear:both
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .getpp-grid-2col>li:nth-child(2n+3),.getpp-grid-3col>li:nth-child(3n+4),.getpp-grid-4col>li:nth-child(4n+5),.getpp-grid-6col>li:nth-child(4n+5) {
        clear:both
    }
}

@media (min-width: 992px) {
    .getpp-grid-2col>li:nth-child(2n+3),.getpp-grid-3col>li:nth-child(3n+4),.getpp-grid-4col>li:nth-child(4n+5),.getpp-grid-6col>li:nth-child(6n+7) {
        clear:both
    }
}

.getpp-image img {
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto
}

.getpp-grid-2col .entry-title,.getpp-grid-3col .entry-title,.getpp-grid-4col .entry-title,.getpp-grid-5col .entry-title,.getpp-grid-6col .entry-title {
    margin-bottom: 1em
}

.getpp-grid-2col .entry-summary,.getpp-grid-3col .entry-summary,.getpp-grid-4col .entry-summary,.getpp-grid-5col .entry-summary,.getpp-grid-6col .entry-summary {
    margin-bottom: 2em
}

.nav-next,.nav-previous {
    color: var(--wp--preset--color--text-color);
    background-color: var(--wp--preset--color--white);
    border-color: var(--wp--preset--color--gray-lighter);
    margin: 6px 0
}

.nav-next.focus,.nav-next:focus,.nav-previous.focus,.nav-previous:focus {
    color: var(--wp--preset--color--text-color);
    background-color: var(--wp--custom--outline-button-hover-color);
    border-color: var(--wp--preset--color--gray-lighter)
}

.nav-next.active,.nav-next:active,.nav-next:hover,.nav-previous.active,.nav-previous:active,.nav-previous:hover,.open>.nav-next.dropdown-toggle,.open>.nav-previous.dropdown-toggle {
    color: var(--wp--preset--color--text-color);
    background-color: var(--wp--custom--outline-button-hover-color);
    border-color: var(--wp--custom--outline-button-hover-border-color)
}

.nav-next.active.focus,.nav-next.active:focus,.nav-next.active:hover,.nav-next:active.focus,.nav-next:active:focus,.nav-next:active:hover,.nav-previous.active.focus,.nav-previous.active:focus,.nav-previous.active:hover,.nav-previous:active.focus,.nav-previous:active:focus,.nav-previous:active:hover,.open>.nav-next.dropdown-toggle.focus,.open>.nav-next.dropdown-toggle:focus,.open>.nav-next.dropdown-toggle:hover,.open>.nav-previous.dropdown-toggle.focus,.open>.nav-previous.dropdown-toggle:focus,.open>.nav-previous.dropdown-toggle:hover {
    color: var(--wp--preset--color--text-color);
    background-color: var(--wp--custom--outline-button-hover-color);
    border-color: var(--wp--preset--color--gray-lighter)
}

.nav-next.active,.nav-next:active,.nav-previous.active,.nav-previous:active,.open>.nav-next.dropdown-toggle,.open>.nav-previous.dropdown-toggle {
    background-image: none
}

.nav-next.disabled.focus,.nav-next.disabled:focus,.nav-next.disabled:hover,.nav-next[disabled].focus,.nav-next[disabled]:focus,.nav-next[disabled]:hover,.nav-previous.disabled.focus,.nav-previous.disabled:focus,.nav-previous.disabled:hover,.nav-previous[disabled].focus,.nav-previous[disabled]:focus,.nav-previous[disabled]:hover,fieldset[disabled] .nav-next.focus,fieldset[disabled] .nav-next:focus,fieldset[disabled] .nav-next:hover,fieldset[disabled] .nav-previous.focus,fieldset[disabled] .nav-previous:focus,fieldset[disabled] .nav-previous:hover {
    background-color: var(--wp--preset--color--white);
    border-color: var(--wp--preset--color--gray-lighter)
}

.nav-next .badge,.nav-previous .badge {
    color: var(--wp--preset--color--white);
    background-color: var(--wp--preset--color--text-color)
}

.nav-next a:hover,.nav-previous a:hover {
    text-decoration: none;
    color: var(--wp--preset--color--primary)
}

.nav-previous {
    float: left
}

.nav-next {
    float: right
}

.carousel-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.getpp-blogish .getpp-image img {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0
}

@media (min-width: 768px) {
    .getpp-blogish .getpp-image img {
        float:left;
        width: 41.6666666667%
    }
}

/*.getpp-blogish .getpp-image img, .getpp-image img, .wp-post-image, .img-circle img {
    border: 10px solid var(--wp--preset--color--background-muted);
}
*/

.img-circle img {
    border-radius: 50%;
}

.has-background-muted-background-color .img-circle img {
    border-color: var(--wp--preset--color--white);
}
/* pf2 to pf3 fix - border around img-circle shouldn't be on the figure element */
.wp-block-image.img-circle, figure.img-circle {
    border:none;
}
.vanguard-featured-image .wp-post-image {
    border-radius:0;
    border:none;
}

/* category post thumbnail */
.vanguard-post-thumbnail img {
    height: unset !important;
}
/* home video */
.home-video {
    z-index: 1;
    overflow-y:visible;/* allow circle to overflow */
    position: relative;
}
/* featured image with title */
.vanguard-featured-image.wp-block-cover {
    height: 25vw;
    min-height: 25vw;
}

.vanguard-featured-image .wp-block-cover__inner-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 100%;
}

.vanguard-featured-image .wp-block-cover__inner-container h1.vanguard-title {
    color: var(--wp--preset--color--white);
    font-size: 5vw;
    margin: 0;
    text-align: center;
    align-self: center;
}
.vanguard-featured-image.vanguard-single .wp-block-cover__inner-container h1.vanguard-title {
    font-size: 2.5vw;
}

/* bullets before getpp-list */
/*.getpp-list a:before {
    font-family: FontAwesome;
    content: "\f054 ";
    padding-right: .5em;
}
*/
.comment-list {
    padding-left: 0
}

.comment-list,.comment-list ol {
    list-style: none
}

.search-form label {
    font-weight: 400
}

.main {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .main {
        float:left;
        width: 100%
    }
}

.sidebar-primary .main {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .sidebar-primary .main {
        float:left;
        width: 66.6666666667%
    }
}

.sidebar {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .sidebar {
        float:left;
        width: 33.3333333333%
    }
}

.alignnone {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    height: auto
}

.aligncenter {
    display: block;
    margin: 10px auto;
    height: auto
}

.alignleft,.alignright {
    margin-bottom: 10px;
    height: auto
}

@media (min-width: 768px) {
    .alignleft {
        float:left;
        margin-right: 10px
    }

    .alignright {
        float: right;
        margin-left: 10px
    }
}

.wp-caption-text {
    padding: 9px
}

.size-full,.size-large,.size-medium,.size-thumbnail,.size-xlarge {
    display: block;
    max-width: 100%;
    height: auto;
    padding: 0
}

.admin-bar .navbar-fixed-top {
    top: 32px
}

.navbar-fixed-top-body {
    margin-top: 50px
}

.navbar-toggle {
    padding: 5px 10px
}

.navbar-brand {
    padding: 0;
    max-width: 65vw;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.navbar-brand>img {
    max-height: 100%;
    padding: 7.5px 0
}

.navbar {
    border: 0!important
}

/* don't let cover image be too big */
.page-template-header {
    background-size: cover!important;
    height: 250px;
    height: 25vw;
}
.page-template-header .wp-block-cover__background, .page-template-header .wp-block-cover__image-background {
    max-height: 25vw;
}
.wp-block-cover, .wp-block-cover-image {
    min-height: 320px;
}

@media screen and (max-width: 500px) {
    
}
.page-template-headline {
    margin: 0;
    /*background: var(--wp--preset--color--gray-lighter);*/
    text-align: center;
    padding: 36px 0
}

.page-template-headline h1 {
    margin: 0
}

.toolbar {
    background: var(--wp--preset--color--secondary);
    margin-bottom: 10px
}

.toolbar,.toolbar a,.toolbar a:hover {
    color: var(--wp--preset--color--white)
}

.navbar .current-menu-parent {
    background: var(--wp--preset--color--primary)
}

body#tinymce {
    margin: 12px!important
}
/* use default 
.small {
    font-weight: 300;
}
*/
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%;
    color: var(--wp--preset--color--text-color);
}
/* use default 
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777;
}
*/
/* modals are in footer, so override footer colors */
body footer .modal a {
    color: var(--wp--preset--color--primary-link);
    text-decoration: none;    
}
body footer .modal a:hover { 
    color: var(--wp--preset--color--primary-darker);
    text-decoration: underline;
}

/* block builder vanguard settings */
.align-center {
    align-self: center;
}
.centered {
    text-align:center;
}
/* navigation menu icon */
.justify-right nav, .justify-right {
    justify-content: flex-end!important; 
}
/* menu - overlay, menu and submenu */
/*ul.wp-block-navigation__container {
  line-height: var(--wp--preset--font-size--medium-plus);
}*/
/* Top level menu items */
/*.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
  font-size: 88%;
}*/

/* Submenu items */
/*.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  font-size: 100%;
}*/
/* main menu text and icon */
.wp-block-navigation__responsive-container-open {
  color: var(--wp--preset--color--primary)!important;
} 
@media screen and (min-width: 600px) {
    .wp-block-navigation__responsive-container-open {
      font-size: var(--wp--preset--font-size--medium-plus)!important;
    }
}

.vanguard-header .wp-block-buttons>.wp-block-button {
    margin-top: 0;
}


@media screen and (min-width: 981px) {
    /* to force minimum width on menu column */
    /*.menu-column {
        min-width:65%;
    }*/
}
.wp-block-navigation__container {
  gap: 20px;
}
/* overlay menu line spacing */
.vanguard-overlay-menu.wp-block-navigation ul, .vanguard-overlay-menu.wp-block-navigation ul li {
    list-style: none;
    padding: 0.5rem;
}
/* hover background color on main menu */
.vanguard-overlay-menu.wp-block-navigation ul li:hover {
    background-color: var(--wp--preset--color--secondary);
}

.vanguard-overlay-menu.wp-block-navigation ul.wp-block-navigation-submenu li:hover {
    background-color: var(--wp--preset--color--white);
}
/*.wp-block-navigation-submenu>a, .wp-block-navigation-submenu>button, */
.vanguard-overlay-menu .wp-block-navigation__responsive-container .wp-block-navigation-link a {
  color: var(--wp--preset--color--primary);
  font-size: 16px;
  line-height: 20px;
  transition: color 300ms ease 0ms;
}

/* using standard menu on this client, excep for mobile */
@media (max-width: 599px){
    .vanguard-show-menu-items>li>a>span, .vanguard-show-menu-items>li>button>span {
        padding: 0 0 var(--wp--preset--font-size--medium) 0;
        width: auto;
        /*text-transform: capitalize;*/
        color: var(--wp--preset--color--primary);
        /*line-height: 1.1em;*/
        transition: color 300ms ease 0ms;
        text-decoration: none;
        
    }
    /*.vanguard-show-menu-items>li>a>span:hover {
        color: var(--wp--preset--color--background)!important;
    }*/
    

    /* hide sub-menus on overlay */
    .wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
        background-color: inherit;
        color: inherit;
        position: absolute;
        z-index: 2;
        display: none!important;
        flex-direction: column;
        align-items: normal;
        opacity: 0;
        transition: opacity .1s linear;
        visibility: hidden!important;
        width: 0;
        height: 0;
        overflow: hidden;
        left: -2em;
        top: 100%;
    }
    .wp-block-navigation__submenu-container.vanguard-show-menu-items {
    visibility: visible!important;
    display: flex!important;
    }

    /* subnav padding */
    .wp-block-navigation ul li {
        padding: 5px;
    }
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content:hover {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}
@media (max-width: 768px) {
    .wp-block-navigation__responsive-container-open {
        background-color: var(--wp--preset--color--white);
        color: var(--wp--preset--color--primary);
    }
    .wp-block-navigation__responsive-container-open:hover {
        background-color: var(--wp--preset--color--white);
        color: var(--wp--preset--color--primary);
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content {
        background-color: var(--wp--preset--color--white);
        color: var(--wp--preset--color--primary);
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content:hover {
        background-color: var(--wp--preset--color--white);
        color: var(--wp--preset--color--primary);
    }
}
/* submenu icons */
/*disable the navigation default icon - using defaults on this client */
.wp-block-navigation .wp-block-navigation__submenu-icon, .wp-block-navigation .wp-block-navigation__submenu-icon svg {
    display:none;
}
/* theme submenu icon */
/* f0d7 - down caret */
/* \f0da - right caret */
/* \f0d8 - up caret */
/*to be set in scss with variables */
li.wp-block-navigation-submenu.has-child>button:after {
    content: '\f0d7'!important;
    font-family: FontAwesome!important;
    font-size: 18px!important;
    font-weight: 400!important;
    padding-left: 10px;
    right: auto!important;

}
li.wp-block-navigation-submenu.has-child.vanguard-menu-switched-icon>button:after {
    content: '\f0d8'!important;
    font-family: FontAwesome!important;
    font-size: 18px!important;
    font-weight: 400!important;
    padding-left: 10px;
    right: auto!important;

}

/*.vanguard-overlay-menu .wp-block-navigation-item__content .wp-block-navigation__submenu-container {
  text-transform: capitalize;
  color: var(--wp--preset--color--foreground);

}*/

/* standard menu submenu font color */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    color: var(--wp--preset--color--foreground);
}

/* Submenu item hover styles */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover {
    text-decoration: none;
    color: var(--wp--preset--color--foreground);
    background-color: var(--wp--preset--color--gray-lighter);
}
/* 
.vanguard-overlay-menu .wp-block-navigation-item__content .wp-block-navigation__submenu-container:hover {
  color: var(--wp--preset--color--background)!important;
}
  */
/* overlay */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
    padding-left:15%;
    /* full menu background */
    /*transform: translateY(0);
    transition: all 1s ease;
    background-image: url(https://envitafertility.com/wp-content/uploads/Envita-Graphics-faded-bluegreen-text-bkg-1920-1080-high-tech-resized-comp.png);
    background-size: cover;*/
}
/* make overlay menu not full screen */
.wp-block-navigation__responsive-container {
    bottom: 10%;
    left: 10%;
}

/* Overlay menu close icon after "close" */
/* for mobile-only overlay menu, the close button is automatically added to the menu */
.wp-block-navigation__responsive-container-close::after {
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; 
    content: "\58\00a0";
    margin-left: 10px;
    font-size: 1em;
    vertical-align: middle;
}
.wp-block-navigation__responsive-close {
    padding-right: 20px;
    vertical-align: middle;
}
.wp-block-navigation__responsive-dialog {
    padding-top: 20px;
}
/* menu icon */
.nav-menu button.wp-block-navigation__responsive-container-open::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c9\00a0";
}
/* non-overlay menu (standard drop-down) */
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
    min-width: 350px;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    z-index:101;/* ensure submenu is above home video */
}
/* responsive classes */
/* desktop */
@media (min-width: 981px){
  .vanguard-hide-desktop {
		display:none!important;
  }
}
/* mobile & tablet */
@media (max-width: 980px){

  .vanguard-hide-mobile {
		display:none!important;
  }

}
/* small mobile */
@media (max-width: 500px){
  .vanguard-hide-mobile {
		display:none!important;
  }
  .mobile-columns-reverse {
    flex-direction: column-reverse;
  }

}
/* nav buttons */

/*.nav-patient a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007\00a0";
}
.nav-appointment a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f133\00a0";
}
    */
.nav-phone a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f095\00a0";
}
.nav-search a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002\00a0";
}
/* button settings */
/* need standard and large-orange */
/*
.wp-block-button.btn-alt a.wp-element-button {
    background-color: var(--wp--preset--color--warning)!important;
    border-color: var(--wp--preset--color--warning)!important; 
}
.wp-block-button.btn-alt a.wp-element-button:hover {
    background-color: var(--wp--preset--color--button-alt-hover)!important;
    border-color: var(--wp--preset--color--button-alt-hover)!important; 
}

.wp-block-button.btn-outline a.wp-element-button {
    border: 2px solid;
    border-color: var(--wp--preset--color--foreground) !important;
    font-size: var(--wp--preset--font-size--medium-plus);
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--foreground);
}
.wp-block-button.btn-default a.wp-element-button {
    font-size: var(--wp--preset--font-size--medium-plus);
}
.wp-block-button.btn-lg a.wp-element-button {
    font-size: var(--wp--preset--font-size--large);
}

*/
.wp-block-button__link {
    font-size: 14px;
    font-weight: 400;
}

.wp-block-button.has-large-font-size .wp-block-button__link {
    font-size: 18px;
    padding: 10px 16px;
}
.wp-block-button.has-small-font-size .wp-block-button__link {
    font-size: 12px;
    padding: 6px 12px;
}
.wp-block-button.has-x-small-font-size .wp-block-button__link {
    font-size: 12px;
    padding: 6px 12px;
}

/* standard button */
/* Standard button hover - reverse colors */
.wp-block-button__link:hover {
    background-color: var(--wp--custom--button-hover-color);
    color: var(--wp--preset--color--button)!important;
    border-color: var(--wp--custom--button-hover-border-color);
}

/* alt button */
.is-style-alt-button .wp-block-button__link {
    background-color: var(--wp--custom--alt-button-color);
	border-color: var(--wp--custom--alt-button-border-color);
	border-radius: var(--wp--custom--button-border-radius);
	color: var(--wp--preset--color--text-color)!important;
}
.is-style-alt-button .wp-block-button__link:hover {
    background-color: var(--wp--custom--alt-button-hover-color);
	border-color: var(--wp--custom--alt-button-hover-border-color);
}

/* outline button */
.wp-block-button.is-style-outline-button .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link {
    background-color: var(--wp--custom--outline-button-color);
	border-color: var(--wp--custom--outline-button-border-color);
	border-radius: var(--wp--custom--button-border-radius);
	color: var(--wp--preset--color--primary)!important;
    border-width: 1px;
}
.wp-block-button.is-style-outline-button .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--wp--custom--outline-button-hover-color);
	border-color: var(--wp--custom--outline-button-hover-border-color);
    color: var(--wp--preset--color--white)!important;
    border-width: 1px;
}
.is-style-outline>.wp-block-button__link, .wp-block-button__link.is-style-outline {
    padding: 6px 12px;
}

/* needed to override wp block button styles */
.wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited, .wp-block-button__link {
    filter: none!important;
    box-shadow: none;
}
/*buttons */
a.wp-block-button__link:hover {
    text-decoration:none;
}

/* navigation button styles */
.is-style-custom-link-button span {
    background-color: var(--wp--custom--alt-button-border-color);
    border: var(--wp--custom--alt-button-border-color);
    border-radius: var(--wp--custom--button-border-radius);
    color: var(--wp--preset--color--white);
    padding: 0!important;
    /*font-size: var(--wp--preset--font-size--medium-plus);*/
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: all 0.3s ease 0s;
}
.wp-block-navigation-item.is-style-custom-link-button .wp-block-navigation-item__content {
    background-color: var(--wp--custom--alt-button-border-color);
    border: var(--wp--custom--alt-button-border-color);
    border-radius: var(--wp--custom--button-border-radius);
    color: var(--wp--preset--color--buttontext);
    padding: 6px 12px!important;
    /*font-size: var(--wp--preset--font-size--medium-plus);*/
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: all 0.3s ease 0s;
    
}

.wp-block-navigation-item.is-style-custom-link-button .wp-block-navigation-item__content:hover {
    background-color: var(--wp--custom--alt-button-hover-color);
    border-color: var(--wp--custom--alt-button-hover-border-color);
    text-decoration: none;
}
.wp-block-navigation-item.is-style-custom-link-button .wp-block-navigation-item__content:hover span {
    background-color: var(--wp--custom--alt-button-hover-color);
}
.is-style-custom-link-button span:hover {
    filter: none !important;
}

.logo {
    min-width: 180px;
}

/* PF3 Standard */
body {
  /* fix for scrollbar with breakthrough divs */
  max-width: 100%;
  overflow-x: hidden;
}
/* search page */
.gsc-input, .gsc-search-box, .gsib_b {
    border: none!important;
}

table.gsc-search-box td {
    vertical-align: top;
    border: none;
}
/* menu fix for old ios / safari - before 14 */
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .vanguard-overlay-menu li {
		margin-bottom: 30px;/* replace row gap */
	}
	.vanguard-sub-menu li {
		margin-bottom:0;/* replace row gap */
	}
	.wp-block-buttons div.wp-block-button {
		margin-left: 30px;/* replace column gap */	
	}
	.img-circle img, img.img-circle {
		border-radius: 50%!important;
		height: unset!important; /* can we remove this? */	 
	}
	.img-circle img::before, img.img-circle::before {
		float: left;
		padding-top: 100%;
		content: "";
	}

	.img-circle img::after, img.img-circle::after {
		display: block;
		content: "";
		clear: both;
	}
}

/* modals are in footer, so override the margins, etc. */
body footer.alignwide div.modal, body footer.alignwide div.modal div {
    max-width: unset!important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* table blocks */
.vanguard-50-50-table table tr td:nth-child(1), .vanguard-50-50-table table tr td:nth-child(2) {
    width: 50%;
}
/* 33-66 table is a column with row blocks - because a table does not allow child blocks */
.wp-block-column.is-style-stripes > div:nth-child(odd) {
    background-color: var(--wp--preset--color--gray-lighter);
}
.vanguard-table-33-66 > .wp-block-column > .wp-block-group > .wp-block-columns > .wp-block-column {
    border: 1px solid var(--wp--preset--color--gray-lighter);
    padding: 8px;
    
}
.vanguard-table-33-66 > .wp-block-column > .wp-block-group {
    gap: 0;/*no gap between rows in table */
    margin-block-start: 0;
    
}
.vanguard-table-33-66 > .wp-block-column > .wp-block-group > .wp-block-columns {
    gap: 0;/*no gap between columns in table*/ 
    
}
.vanguard-table-33-66 > .wp-block-column > .wp-block-group > .wp-block-columns > .wp-block-column > figure > img {
    margin: 10px auto;
    display:block;
    
}

/* mobile alignment */
/* mobile & tablet */
@media (max-width: 980px){
  .mobile-aligncenter {
	margin-left: auto !important;
    margin-right: auto !important;
    text-align:center;
  }
  .mobile-alignleft {
    float:left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
  }
  .mobile-alignright {
	float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
  }
}


/* ADA Compliant Navigation */
.skip-to-content-link {
	background: var(--wp--preset--color--primary)!important;
	color:#fff!important;
	left: 50%;
	padding: 8px;
	margin-top:3px;
	font-weight: bold;
	position: absolute;
	transform: translateY(-200px);
	transition: transform 0.3s;
	z-index:100;
  }
  
  .skip-to-content-link:focus {
	transform: translateY(0%);
  }
/* Formstack styles */
.widget div.fsBody > div {
	padding: calc(8px);
}
.widget form.fsForm {
	margin: calc(5px) auto;
  padding: calc(5px);
}
.widget .fsForm div.fsPage {
	min-width: 100%;
} 
.fsform-container form {
	padding:0!important;
}
/* post meta */
.wp-block-cover__inner-container .post-meta {
    margin-block-start: 0;
}
.post-meta {
    gap: 4px;
}
.post-meta .wp-block-post-author__byline {
    font-size: 18px!important;
    margin-right: 4px;
    display: inline;
    color: var(--wp--preset--color--white);
}
.post-meta .wp-block-post-author__name {
    font-size: 18px!important;
    display: inline;
    color: var(--wp--preset--color--primary-link);
}
.page-template-header .post-meta .wp-block-post-author__name a {
    display: inline-block;
    background-color: var(--wp--preset--color--button);
    color: var(--wp--preset--color--buttontext);
    border: 1px solid var(--wp--custom--button-border-color);
    border-radius: var(--wp--custom--button-border-radius);
    font-size: var(--wp--preset--font-size--medium-plus);
    padding: 0.4rem 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.page-template-header .post-meta .wp-block-post-author__name a:hover {
    background-color: var(--wp--custom--button-hover-color);
    border-color: var(--wp--custom--button-hover-border-color);
    text-decoration: none;
    box-shadow: none;
}
.wp-block-post-date {
    font-size: 18px!important;
    color: var(--wp--preset--color--foreground);
    
}
.vanguard-title-cover {
    margin-top: 0;
}
.vanguard-title-cover h1 {
    color: var(--wp--preset--color--alternate-button);
    
}
.vanguard-title-cover .wp-block-post-date {
    color: var(--wp--preset--color--alternate-button);
    
}
.vanguard-title-cover .wp-block-post-author__byline {
    color: var(--wp--preset--color--alternate-button);
}
.vanguard-title-cover .wp-block-post-author__name {
    color: var(--wp--preset--color--alternate-button);
}
.vanguard-title-cover .wp-block-post-author__name a, .vanguard-title-cover .wp-block-post-author__name a:hover {
    color: var(--wp--preset--color--alternate-button);
}
.author .vanguard-title-cover .wp-block-post-author-name {
	display:inline-block;
}
/* getpp nav */
ul.nav-list {
    margin-left:0;
    display:block;
    margin-block-start: 0;
}
/* sidebar styles */
/*
.vanguard-sidebar .is-layout-constrained > :first-child {
    margin-block-start: 0;
}
*/
/* Add specific margin for H3 first child */
/*.vanguard-sidebar .is-layout-constrained > h3:first-child {
    margin-block-start: 10px;
}

.sidebar h3, .vanguard-sidebar h3 {
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
    margin: 10px 0;
    padding: 10px;
}

.sidebar .wp-block-group, .vanguard-sidebar .wp-block-group {
    background: var(--wp--preset--color--background-muted);
}
.vanguard-sidebar .wp-block-group p, .vanguard-sidebar .wp-block-group > :first-child:not(h3,ul,ol) {
    padding: 10px;
}
.vanguard-sidebar a.btn {
    margin: 10px 15px !important;
}
*/

/* override hr */
.wp-block-separator:not(.is-style-wide),.wp-block-separator:not(.is-style-dots), .wp-block-separator.is-style-wide {
    width: 100%!important;
}
.wp-block-separator.has-alpha-channel-opacity {
    opacity: 1;
}
hr, .wp-block-separator {
    width: 100%;
    border: none;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid var(--wp--preset--color--secondary);
}

/* standard patterns */
.vanguard-alert-header-block {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white)
}
.vanguard-alert-header-block h1, .vanguard-alert-header-block h2 ,.vanguard-alert-header-block h3, .vanguard-alert-header-block h4, .vanguard-alert-header-block h5, .vanguard-alert-header-block h6 {
    color: var(--wp--preset--color--white)
}

.vanguard-well {
    background-color: var(--wp--custom--well-background);
    color: var(--wp--custom--well-color);
    border: 1px solid var(--wp--custom--well-border-color);
    border-radius: var(--wp--custom--button-border-radius);
}
/*.vanguard-well h1, .vanguard-well h2, .vanguard-well h3, .vanguard-well h4, .vanguard-well h5, .vanguard-well h6 {
    color: inherit;
}*/
.vanguard-brand-block {
    background-color: var(--wp--custom--brand-background);
    color: var(--wp--custom--brand-color);
}
.vanguard-brand-block h1, .vanguard-brand-block h2, .vanguard-brand-block h3, .vanguard-brand-block h4, .vanguard-brand-block h5, .vanguard-brand-block h6 {
    color: var(--wp--custom--brand-heading-color);
}

/* provider video block */
.vanguard-provider-video {
    background-color: var(--wp--preset--color--background-brand);
    color: var(--wp--preset--color--secondary);
}

/* provider images - fix for pf2 to pf3 migration */
.row > p > img {
    position: relative;
    z-index:1;
}
/* bold links - override blocks default */
strong > a:hover, b > a:hover {
    font-weight:inherit;
}
/* braddock specific */
.practice-areas .wp-block-column {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* pre-set blue-wave background */
/*.vanguard-title-cover {
    position: relative;
    padding:0;
}
.vanguard-title-cover .wp-block-cover__inner-container, .page-template-headline {
    background-image: url(https://braddocklaw.net/wp-content/uploads/bg-headline.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 5%;
    padding: 54px 0 18px 10px;
}
*/
/* PF2 fixes */
.well {
    overflow: hidden;
}

/* override pf2 template headline */

/*
.vanguard-title-cover .wp-block-cover__inner-container h1.vanguard-title {
    margin-left: 22% !important;
}
.wp-block-cover .post-meta {
    color: #fff;
    gap: 0.25em;
    margin-left: 22% !important;
}
@media screen and (min-width: 800px) {
    .vanguard-title-cover .wp-block-cover__inner-container h1.vanguard-title {
        margin-left: 15% !important;
    }
    .wp-block-cover .post-meta {
        margin-left: 15% !important;
    }
}
*/

/* PF3 Blocks */

/* lists in block editor - margin getting reset by default wp styles */
.is-layout-flex > :is(ol, ul) {
    margin-top: 0;
    margin-bottom: 12.5px;
    margin-left: 2em;
}


/* column header button style */
.column-header-button {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border: none;
    padding: 10px 20px;
   
}
.column-header-button h3, .column-header-button h3:hover, .column-header-button h3:focus, .column-header-button a, .column-header-button a:hover, .column-header-button a:focus{
    color: var(--wp--preset--color--white);
}

/* mobile menu nav items */
/* mobile & tablet */
@media (max-width: 599px){
    .mobile-nav-item {
        padding: 5px;
        border: 1px solid var(--wp--preset--color--gray-lighter);
        order: -1;
        
    }
    .mobile-nav-menu, .mobile-nav-menu.navbar > button {
        padding: 5px;
        border: 1px solid var(--wp--preset--color--gray-lighter);    
    }
    .wp-block-navigation__responsive-dialog .mobile-nav-menu {
        border: none;
    }
    .mobile-nav-item .grigora-kit-icon svg {
        width: 18px;
        height: 18px;
    }
    /* standard menu submenu font color */
    .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
        color: var(--wp--preset--color--primary);
    }
    .wp-block-navigation__responsive-container-close {
        right: 10px;
        top: 10px;
        color: var(--wp--preset--color--primary);
    }
}
/* override pf2 navbar settings */
.navbar {
    row-gap: 0;
    min-height: unset;
}

/* List styles */
.wp-block-list.is-style-grigora-list-style-3 {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.wp-block-list.is-style-grigora-list-style-3 li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 0.5em;
    color: var(--wp--preset--color--text-color); /* Reset to default text color */
}

.wp-block-list.is-style-grigora-list-style-3 li::before {
    font-family: "FontAwesome";
    font-size: 21px;
    line-height: 21px;
    content: "\f046"; /* fa-check-square-o */
    position: absolute;
    left: 0;
    color: var(--wp--preset--color--danger); /* Only the icon is danger color */
}

/* Preserve nested list styles */
.wp-block-list.is-style-grigora-list-style-3 ul, 
.wp-block-list ol {
    list-style: none;
    padding-left: 1.5em;
}

.wp-block-list.is-style-grigora-list-style-3 ul li::before {
    content: "\f046"; /* Keep same icon for nested lists */
}

/* vanguard long link with icon */
.vanguard-long-link {
    display: inline-block;
    position: relative;
}

.vanguard-long-link::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url(https://pbjlaw.wpenginepowered.com/wp-content/uploads/2025/11/cropped-pbj-favicon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 0.5em;
}