/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/*******************************/
/*  START :: Global Variables  */
/*******************************/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    /* COLORS */
    --black: #000;
    --white: #FFF;
    --gray-light: lightgrey;
    
    --patch-reef-blue: #025C6E;
    --sandbar-blue: #C8EFE8;
    --deep-ocean-blue: #05446F;
    --pauley-green: #76C7C3;
    --uhm-green: #0B3E2C;
    --sandbar: #FCEFD8;
    --heritage-green: #4C6830;
    --taro-green: #A5B42D;
    --sky-blue: #44BBE6;
    --secondary-light : #DDD;
    
    --patch-reef-blue---black-text: var(--patch-reef-blue);
    --ocean-blue-80: rgba(5, 68, 111, 0.80);

    /* FONTS */
    --font-primary: 'Inter', sans-serif;
    /* --font-secondary: "freight-neo-pro", sans-serif; old font, pre-liscensing */
    --font-secondary: "Freight Neo Pro Semi Bd", "freight-neo-pro", sans-serif;

    /* ICONS */
    --arrow-white: url(https://himb.wpengine.com/wp-content/uploads/arrow-right-white.svg);
    /* --arrow-blue: url(https://himb.wpengine.com/wp-content/uploads/arrow-right-blue.svg); */

    --action-close-pauley-green: url(/wp-content/uploads/action-close-pauley-green.svg);
    --action-external-link-pauley-green: url(/wp-content/uploads/action-external-link-pauley-green.svg);
    --action-minus-pauley-green: url(/wp-content/uploads/action-minus-pauley-green.svg);
    --action-pause-white: url(/wp-content/uploads/action-pause-white.svg);
    --action-play-reef-blue: url(/wp-content/uploads/action-play-reef-blue.svg);
    --action-plus-pauley-green: url(/wp-content/uploads/action-plus-pauley-green.svg);
    --action-search: url(/wp-content/uploads/action-search.svg);
    --arrow-right-diagonal-pauley-green: url(/wp-content/uploads/arrow-right-diagonal-pauley-green.svg);
    --arrow-right-reef-blue: url(/wp-content/uploads/arrow-right-reef-blue.svg);
    --arrow-right-sandbar-blue: url(/wp-content/uploads/arrow-right-sandbar-blue.svg);
    --arrow-right-white: url(/wp-content/uploads/arrow-right-white.svg);
    --bubble-pattern-flow: url(/wp-content/uploads/bubble-pattern-flow.svg);
    --button-rectangle-sandbar-blue: url(/wp-content/uploads/button-rectangle-sandbar-blue.svg);
    --button-rectangle-white: url(/wp-content/uploads/button-rectangle-white.svg);
    --carousel-arrow-left-taro-green: url(/wp-content/uploads/carousel-arrow-left-taro-green.svg);
    --carousel-arrow-right-taro-green: url(/wp-content/uploads/carousel-arrow-right-taro-green.svg);
    --divider-wave-sky-blue: url(/wp-content/uploads/divider-wave-sky-blue.svg);
    --icon-sea-urchin-blue: url(/wp-content/uploads/icon-sea-urchin-blue.svg);
    --icon-sea-urchin-green: url(/wp-content/uploads/icon-sea-urchin-green.svg);
    --img-placeholder: url(/wp-content/uploads/img-placeholder.jpg);
    --social-facebook-reef-blue: url(/wp-content/uploads/social-facebook-reef-blue.svg);
    --social-facebook-white: url(/wp-content/uploads/social-facebook-white.svg);
    --social-instagram-reef-blue: url(/wp-content/uploads/social-instagram-reef-blue.svg);
    --social-instagram-white: url(/wp-content/uploads/social-instagram-white.svg);
    --social-linkedin-reef-blue: url(/wp-content/uploads/social-linkedin-reef-blue.svg);
    --social-linkedin-white: url(/wp-content/uploads/social-linkedin-white.svg);
    --social-x-reef-blue: url(/wp-content/uploads/social-x-reef-blue.svg);
    --social-x-white: url(/wp-content/uploads/social-x-white.svg);
    --tab-arrow-right-taro-green: url(/wp-content/uploads/tab-arrow-right-taro-green.svg);

    /* Subtracts --scrollbarWidth (set via main.js) from 100vw, 
    to fix 100vw overflow bug (affecting all browsers but Firefox) */
    --viewportWidth: calc(100vw - var(--scrollbarWidth, 0));
}
/******************************/
/*  END  :: Global Variables  */
/******************************/
/************************************/
/*  START :: BB Editor & Assistant  */
/************************************/

/* hide Assistant Pro plugin floating pencil icon  */
.fl-asst-plugin {
    /* display: none; */
}
/* add space so first row can be edited, controls aren't hidden behind nav */
.fl-builder-edit .fl-builder-content {
    padding-top: 145px;
}
/* remove strange 4px inset of editor overlay */
.fl-builder-edit .fl-inline-editor {
    bottom: -4px;
    left: -4px;
    right: -4px;
}
/* reset BB edit overlay so actions panels are at correct position */
.fl-builder-edit .fl-drop-target,
.fl-builder-edit .fl-block-overlay,
.fl-builder-edit .fl-inline-editor {
    background-color: transparent !important;
    margin-top: 0;
    padding-top: 0;
}
/* prevent BB from changing color of action icons in BB overlay when colors of parent columns are set */
.fl-builder-edit .fl-block-overlay-actions svg path,
.fl-builder-edit .fl-block-overlay-actions i {
    color: #fff !important;
}
/************************************/
/*  END   :: BB Editor & Assistant  */
/************************************/
/*********************************/
/*  START :: Framework Settings  */
/*********************************/
html, body { 
    color: var(--black);
    font-family: var(--font-primary);
    font-size: inherit; /* to reset to browser default of 16px for accessibility */
    overflow-x: hidden;
}
.fl-row:not(.nopadding) >.fl-row-content-wrap >.fl-row-content {
    padding-left: 72px;
    padding-right: 72px;
}
/* sets padding default for all rows, can be overridden individually in BB */
.fl-row > div {
    padding-top: 66px;
    padding-bottom: 66px; 
}
/* sets margin default for all rich text, can be overridden individually in BB */
.fl-module-rich-text > div, /* old bb markup */
.fl-module-rich-text:not(:has( > div))/* new bb markup */,
.fl-builder-edit .fl-module-rich-text:not(:has( > div:not(.fl-module-overlay)))/* prevents buggy margin jump when in editor */ {
    margin-top: 26px;
}
/* sets margin default for all buttons, can be overridden individually in BB */
.fl-module-button > div, /* old bb markup */
.fl-module-button:not(:has( > div)), /* new bb markup */
.fl-builder-edit .fl-module-button:not(:has( > div:not(.fl-module-overlay))), /* old bb markup :: prevents buggy margin jump when in editor */
.fl-builder-edit .fl-module-button:has( > div.fl-inline-editor), /* new bb markup ::prevents buggy margin jump when in editor */
.fl-module-button-group:not(.anchorlinks) > div{
    margin-top: 36px;
}
/* sets padding default for all buttons in button groups, can be overridden individually in BB */
.fl-module-button-group .fl-button-group-buttons > div, /* old bb markup */
.fl-module-button-group .fl-button-group-buttons:not(:has( > div))/* new bb markup */ {
    padding-top: 36px; /* "Button Spacing" in BB button groups uses padding instead of margin */
}
/* resets padding default for first button in button groups */
.fl-module-button-group .fl-button-group-buttons > div:first-of-type {
    padding-top: 0; /* "Button Spacing" in BB button groups uses padding instead of margin */
}
/* resets margin default for all button groups, since padding is handled by each button in group */
div:first-of-type.fl-module-button-group:has(.fl-button-group-buttons) > div,
div:first-of-type.fl-module-button-group:not(:has(.fl-button-group-buttons)) > div:first-of-type {
    margin-top: 0;
}
p + p, p + ul, p + ol,
ul + p, ul + ul, ul + ol,
ol + p, ol + ul, ol + ol { 
    margin-top: 28px; 
}
/*********************************/
/*  END   :: Framework Settings  */
/*********************************/

/*************************/
/*  START :: Typography  */
/*************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: var(--black);   
    margin-top: 0px;
    margin-bottom: 0px;
    text-wrap: balance;
}
h1, .h1, .h1 p, .h1 .fl-heading {
    font-display: swap; /* revisit this later, may need to import stylesheet from fastly-cloud.typenetwork.com to apply @font-face */
    font-family: var(--font-secondary);
    font-size: 88px;
    font-size: 5.5rem;
    font-style: normal;
    font-weight: normal; /* not 600, will cause issues on iphone – normal will default to weight available for custom typeface */
    letter-spacing: 0;
    line-height: 88px;
    line-height: 5.5rem;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.no-shadow h1,
.no-shadow.h1 span {
    text-shadow: none;
}
h2, .h2, .h2 p, .h2 .fl-heading {
    font-display: swap; /* revisit this later, may need to import stylesheet from fastly-cloud.typenetwork.com to apply @font-face */
    font-family: var(--font-secondary);
    font-size: 56px;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: normal; /* not 600, will cause issues on iphone – normal will default to weight available for custom typeface */
    line-height: 56px;
    line-height: 3.5rem;
    letter-spacing: 0;
}
h3, .h3, .h3 p, .h3 .fl-heading {
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 42px; 
    line-height: 2.63rem; 
}
h4, .h4, .h4 p, .h4 .fl-heading {
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 26px;
    font-size: 1.63rem;
    line-height: 34px;
    line-height: 2.13rem;
}
h5, .h5, .h5 p, .h5 .fl-heading {
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 22px;
    font-size: 1.38rem;
    line-height: 34px;
    line-height: 2.13rem;
}
p, .p, ul, ol {
    font-family: var(--font-primary);
    font-size: 18px;
    font-size: 1.13rem;
    font-style: normal;
    font-weight: 400;
    line-height: 29px; 
    line-height: 1.81rem;
    margin: 0;
    text-wrap: pretty;
}
.large, p.large, p .large, .large p,
.large ol, ol.large, .large ul, ul.large {
    font-family: var(--font-primary);
    font-size: 22px;
    font-size: 1.38rem;
    font-style: normal;
    font-weight: 400;
    line-height: 34px; 
    line-height: 2.13rem; 
}
.small, p.small, p .small, .small p,
.small ol, ol.small, .small ul, ul.small {
    font-family: var(--font-primary);
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; 
    line-height: 1.75rem; 
}
blockquote {
    padding: 0;
    margin: 0;
    border: 0;
}
blockquote p {
    font-family: var(--font-primary);
    font-size: 25px;
    font-size: 1.56rem;
    font-style: normal;
    font-weight: 600;
    line-height: 37px; /* 148% */
    line-height: 2.31rem; /* 148% */
}
ul, ol {
    padding-inline-start: 21px;
}
/*************************/
/*  END   :: Typography  */
/*************************/

/******************************/
/*  START :: Buttons & Links  */
/******************************/
/*
    Classes are added to the button modules:
        .buttonlink     .noarrow
        .arrow_left     .arrow_right
        .arrow_blue     .arrow_teal
        .arrow_white    .rect_left
        .rect_teal      .rect_white     
*/

p a:not(.arrowlink, .buttonlink, .btn-round, .btn-square), 
ol a:not(.arrowlink, .buttonlink, .btn-round, .btn-square), 
ul a:not(.arrowlink, .buttonlink, .btn-round, .btn-square) {
    color: currentColor;
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: background-size 250ms ease-in-out;
    display:inline;
    font-weight:700;
}

p a:not(.arrowlink, .buttonlink, .btn-round, .btn-square):hover, 
ol a:not(.arrowlink, .buttonlink, .btn-round, .btn-square):hover, 
ul a:not(.arrowlink, .buttonlink, .btn-round, .btn-square):hover {
    color: currentColor;
    text-decoration: none;
    animation: 0.25s underline;
}

/* .fl-rich-text a, */
a.arrowlink,
span.arrowlink,
.fl-module-button.arrowlink  a.fl-button, 
.fl-module-button-group.arrowlink a.fl-button {
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    display:inline;
    transition: background-size 250ms ease-in-out;
    text-decoration: none;
}

p a:not(.arrowlink, .btn-round, .btn-square):hover,
a.arrowlink:hover,
span.arrowlink:hover,
.fl-module-button.arrowlink a.fl-button:hover, 
.fl-module-button-group.arrowlink a.fl-button:hover {
    animation: 0.25s underline;
}

@keyframes underline {
    from {background-size: 0% 1px;}
    to {background-size: 100% 1px;}
}

.fl-builder-content .fl-module-button a.fl-button,
.fl-builder-content .fl-module-button-group a.fl-button,
div.wpforms-container-full button.wpforms-submit,
.fl-builder-content a.arrowlink,
.uabb-events-inner-new span.arrowlink,
.button-branded {
    font-family:var(--font-primary);
    font-size: 18px;
    font-size: 1.13rem;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    line-height: 1.75rem;
    line-height: 1.56rem; 
}

.buttonlink.rect_left .fl-button-group-buttons .fl-button-text {
    text-align: left;
    text-wrap: pretty; /* so no arrows are orphaned */
}

.fl-module-button a.fl-button::after,
.fl-module-button a.fl-button,
.fl-module-button a.fl-button span,
a.arrowlink,
div.wpforms-container-full button.wpforms-submit,
.uabb-events-inner-new span.arrowlink {
    transition: all .25s ease;
}

.fl-module-button:not(.arrowlink):not(.buttonlink) a.fl-button,
.tab-cta-button:not(.arrowlink):not(.buttonlink) a.fl-button,
div.wpforms-container-full .wpforms-form button.wpforms-submit,
a.button-branded {
    align-items: center;
    display: inline-flex;
    gap: 12px;
    padding: 20px 40px;
    border-radius: 6px;
    transition: all .25s ease;
}

.fl-module-button:not(.arrowlink):not(.buttonlink) a.fl-button:hover,
.tab-cta-button:not(.arrowlink):not(.buttonlink) a.fl-button:hover,
div.wpforms-container-full button.wpforms-submit:hover,
a.button-branded:hover {
    transform: scale(1.05);
}

/* bordered button shapes */
.fl-module-button.btn-round a.fl-button,
div.wpforms-container-full button.wpforms-submit.btn-round {
    border-radius: 100px;
}

.fl-module-button.btn-square a.fl-button,
div.wpforms-container-full button.wpforms-submit.btn-square {
    border-radius: 6px;
}


/* buttons w icons */
.fl-builder-content .buttonlink a.fl-button,
.fl-builder-content a.buttonlink {
    align-items: center;
    background-color: inherit;
    border: none;
    display: inline-flex;
    /* gap: 12px; */
    padding: 0;
    padding-right: 24px; /* apply padding as far as the arrow goes, to avoid glitchiness on hover */
}

.fl-builder-content .buttonlink a.fl-button span {
    display: inline-block;
}

.buttonlink .fl-button-wrap,
.arrowlink .fl-button-wrap {
    line-height: 0; /* removes odd extra gap below a */
}

a.buttonlink {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 28px;
    line-height: 1.75rem;
    font-weight: 700;
}
a.buttonlink:hover {
    text-decoration: none;
}
.buttonlink.arrow_blue {
    color: var(--patch-reef-blue);
}
.buttonlink.arrow_teal {
    color: var(--sandbar-blue);
}
.buttonlink.arrow_white {
    color: var(--white);
}

a.rect_left::before,
.rect_left a.fl-button::before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    height: 28px;
    /* height: 1.6em; */
    /* margin-right: 0.75em; */
    position: relative;
    min-width: 28px; /* px won't scale, but rem is glitchy when button is scaled on hover. 16px width + 12px gap */
    /* width: 0.9em; */ 
    /* top: -2px;
    top: -0.13rem; */
}

a.buttonlink:not(.noarrow):hover::after,
.buttonlink:not(.noarrow) a.fl-button:hover span::after {
    transform: translateX(24px);
}

a.arrow_left::before,
a.arrow_right::after,
button.arrow_left::before,
button.arrow_right::after,
.arrow_left a.fl-button span::before,
.arrow_right a.fl-button span::after {   
    content:"";
    background-size:contain;
    background-repeat:no-repeat;
    height: 13px; /* px won't scale, but rem is glitchy when button is scaled on hover */
    /* height: 0.79rem; */
    position: relative;
    /* top: 5px;
    top: 0.31rem; */
    transition: all .25s ease;
    width: 16px;
    /* width: 1rem; */
    display: inline-flex;
    transform: translateX(12px);
}

a.arrow_left::before,
.arrow_left a.fl-button span::before {
    /* float: left; */
    margin-right: 12px;
    /* margin-right: 0.75rem; */
    transform: scalex(-1);
}

a.arrow_right::after,
button.arrow_right::after{
    float: right;
    /* margin-left: 12px;
    margin-left: .75rem; */
}

/* play video button */
.fl-module-button.btn_play a.fl-button {
    padding: 15px 40px 15px calc(40px - (19px/2)); /* because icon font width: ~19px */
}
.fl-module-button.btn_play a.fl-button .fi-play {
    line-height: 1;
}
.fl-module-button.btn_play a.fl-button .fi-play::before {
    content: "\f198";
    font-size: 34px; 
    font-size: 2.13rem; /* ~ width: 19px for icon font */ 
    line-height: 1;
    transition: all .25s ease;
}


/* buttons w icons – colors */
/* Arrow Blue*/ 
a.arrow_blue.arrow_left::before,
button.arrow_blue.arrow_left::before,
a.arrow_blue.arrow_right::after,
button.arrow_blue.arrow_right::after,
.arrow_blue.arrow_left a.fl-button span::before,
.arrow_blue.arrow_right a.fl-button span::after
{background-image:var(--arrow-right-reef-blue);}

/* Arrow Teal */ 
a.arrow_teal.arrow_left::before,
a.arrow_teal.arrow_right::after,
button.arrow_teal.arrow_left::before,
button.arrow_teal.arrow_right::after,
.arrow_teal.arrow_left a.fl-button span::before,
.arrow_teal.arrow_right a.fl-button span::after
{background-image:var(--arrow-right-sandbar-blue);}

/* Arrow White */ 
a.arrow_white::before,
a.arrow_white::after,
.arrow_white a.fl-button span::before,
.arrow_white a.fl-button span::after
{background-image:var(--arrow-right-white);}

/* Rectangle Teal */ 
a.rect_teal::before,
.rect_teal a.fl-button::before {
    background-image:var(--button-rectangle-sandbar-blue);
}

/* Rectangle White */ 
a.rect_white::before,
.rect_white a.fl-button::before {
    background-image:var(--button-rectangle-white);
}

.fa-solid.fa-arrow-up-long::before {
    content: "\f176";
    font-family: "Font Awesome 5 Pro";
    font-style: initial;
    display: inline-block;
    transform: rotate(45deg) translate(2px, -6px);
    background: var(--white);
    border-radius: 100px;
    width: 15px;
    height: 15px;
    font-size: 10px;
    font-size: 0.63rem;
    color: var(--blue);
    line-height: 0;
    padding: 7px 1px 3px 5px;
}

.fa-solid.fa-arrow-up-long.background_blue::before {background:var(--blue)}
.fa-solid.fa-arrow-up-long.color_white::before {color:var(--white)}

/* ??? randomly in stats section… wildly generic ??? – remove??? */
button:hover, 
input[type=button]:hover, 
input[type=submit]:hover {
    background-color: none;
    border: 0;
}

/******************************/
/*  END   :: Buttons & Links  */
/******************************/

/************************/
/*  START: SVG testing  */
/************************/
.fl-builder-shape-border-radius-br {
    width: 100%;
}

.fl-builder-shape-border-radius-br .fl-builder-layer-align-bottom-right {
    width: 100%;
}

.fl-builder-shape-border-radius-br .fl-shape-content {
    height: 100px;
    width: 100px;
}
  
.fl-builder-shape-border-radius-br .fl-builder-layer-align-bottom-right {
    transform: scaleX(-1) scaleY(-1);
}

/**********************/
/*  END: SVG testing  */
/**********************/


/************************/
/*  START: WpDataTable  */
/************************/
.wpDataTableFilterBox{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-end;
}
.wpDataTablesWrapper .wpDataTableFilterSection{
    padding: 0px!important;
}
.wpDataTableFilterSection{
    flex-basis:calc(25% - 10px);
    flex-shrink: 0;
    flex-grow: 0;
}
.wpDataTableFilterSection:nth-child(1){
    flex-basis: calc(50% - 20px);
    flex-shrink: 0;
    flex-grow: 0;
}
.wpdt-c .bootstrap-select > .btn-default:before{
    background-position: center!important;
}
.wpDataTablesFilter .wpDataTableFilterSection:not(#wdt-clear-filters-button-block):not(#wdt-pf-search-filters-button-block){
    margin-bottom: 0!important;
    margin-right: 0!important;
    min-height: unset!important;
}
.wpdt-c.wdt-skin-material table.wpDataTable th{
    font-family: var(--font-primary);
    font-size: 22px;
    font-size: 1.38rem;
    line-height: 34px;
    line-height: 2.13rem;
    padding:21px 28px!important;
    font-weight:700;
    color: var(--white)!important;
    background-color: var(--deep-ocean-blue)!important;
    border-bottom: none!important;
}
.wpdt-c.wdt-skin-material table.wpDataTable th:first-child{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.wpdt-c.wdt-skin-material table.wpDataTable th:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width:370px;
    text-align: right;
}

.wpdt-c.wdt-skin-material .wpDataTablesWrapper table.wpDataTable > tbody > tr > td{
    border-color:var(--sky-blue)!important;
    padding:24px 24px!important;
}
.wpdt-c.wdt-skin-material .wpDataTablesWrapper table.wpDataTable > tbody > tr:first-child > td{
    border-top: none!important;
}
.wpdt-c.wdt-skin-material .wpDataTablesWrapper table.wpDataTable > tbody > tr:last-child > td{
    border-bottom: 1px solid var(--sky-blue)!important;
}
.wpdt-c.wdt-skin-material .wpDataTablesWrapper table.wpDataTable > tbody > tr > td.column-doi{
    padding-right: 0!important;
}
.wpdt-c.wdt-skin-material .wpDataTablesWrapper table.wpDataTable > tbody > tr > td.column-doi a{
    display: inline-block;
    float: right;
}
.wpdt-c.wdt-skin-material table.wpDataTable tbody td{
    font-size: 18px;
    font-size: 1.13rem;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    line-height: 1.81rem;
    font-family: var(--font-primary);
    color:var(--patch-reef-blue);
}
.wpdt-c.wdt-skin-material table.wpDataTable tbody td .publication_doi{
    font-family: var(--font-primary);
    font-size: 18px;
    font-size: 1.13rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.31rem;
    background-color:transparent;
    color: var(--patch-reef-blue);
    border-radius: 10px;
    border: 1px solid var(--patch-reef-blue);
    padding: 20px 40px;
}

.master_detail_column_btn{
    color:var(--black)!important;
    border:1px solid var(--black);
    border-radius: 500px;
    padding:10px 20px;
    float:left;
}
.wpdt-c .wpDataTablesWrapper .master_detail_column_btn{
    width:unset!important;
}
.wpdt-c.wdt-skin-material label{
    font-family:var(--font-primary)!important;
    font-size: 18px!important;
    font-size: 1.13rem!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: 29px!important;
    line-height: 1.81rem!important;
    color: var(--patch-reef-blue)!important;
}
.wpdt-c.wdt-skin-material .dataTables_length label{
    font-family:var(--font-primary)!important;
    font-size: 16px!important;
    font-size: 1rem!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: 26px!important;
    line-height: 1.63rem!important;
}
.wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select .dropdown-toggle{
    font-family:var(--font-primary)!important;
    font-size: 16px!important;
    font-size: 1rem!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 26px!important;
    line-height: 1.63rem!important;
    color: var(--patch-reef-blue)!important;
    border: 1px solid var(--patch-reef-blue) !important;
    border-radius: 10px;
}
.wpDataTableFilterSection .wdt-clear-filters-button{
    
}
.wpdt-c button.wdt-clear-filters-button{
    margin-right:3px;
}
.wpdt-c .form-control:not(.fc-alt){
    border-left:1px solid!important;
    border-right:1px solid!important;
    border-top:1px solid!important;
    border-color:var(--patch-reef-blue)!important;
    border-radius: 10px;
    padding:14px!important;
    background-color:var(--white)!important;
    font-family:var(--font-primary)!important;
    font-size: 16px!important;
    font-size: 1rem!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 28px!important;
    line-height: 1.75rem!important;
    color:var(--black)!important;
}
.wpdt-c.wdt-skin-material .wpDataTablesFilter .wpDataTableFilterBox .wpDataTableFilterSection input.form-control{
    height: 56px !important;
}
..wpdt-c.wdt-skin-material .wpDataTablesFilter .wpDataTableFilterBox .wpDataTableFilterSection input.form-control::placeholder{
    display: none!important;
}
.wpdt-c .wpDataTableFilterBox .bootstrap-select > .btn-default{
    background-color:var(--white)!important;
    border-left: 1px solid var(--patch-reef-blue)!important;
    border-right: 1px solid var(--patch-reef-blue)!important;
    border-top: 1px solid var(--patch-reef-blue)!important;
    border-bottom: 1px solid var(--patch-reef-blue)!important;
    border-radius:10px!important;
    padding: 12px 14px!important;
    height:unset!important;
    font-family:var(--font-primary)!important;
    font-size: 16px!important;
    font-size: 1rem!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 28px!important;
    line-height: 1.75rem!important;
    color:var(--black)!important;
}
.wpdt-c .wpDataTableFilterBox .bootstrap-select > .btn-default> .filter-option{
    opacity: 0.5!important;
}
.wpdt-c .dropdown-menu > li > a{
    background-image: none!important;
}
.wpdt-c .bootstrap-select > .btn-default:before{
    background-image: url(/wp-content/uploads/Polygon-40.svg)!important;
}
.column-publication-year > span{
    display: flex;
    gap: 13px;
    margin:0;
}
.wpDataTableFilterBox .wpDataTableFilterSection div:first-child {
    margin-top: 0!important;
}
.wpDataTablesFilter .wpDataTableFilterSection#wdt-clear-filters-button-block{
    padding:0!important;
    margin-bottom: 0;
    float: right;
}
.wpdt-c.wdt-skin-material .wpDataTablesWrapper button.DTTT_button, .wpdt-c.wdt-skin-material .wpDataTablesWrapper div.DTTT_button, .wpdt-c.wdt-skin-material .wpDataTablesWrapper a.DTTT_button, .wpdt-c.wdt-skin-material .wpDataTablesWrapper button.wdt-clear-filters-button{
    background-color:var(--sandbar-blue)!important;
    font-size:18px!important;
    font-size:1.13rem!important;
    line-height: 28px!important;
    line-height: 1.75rem!important;
    border-radius: 10px!important;
    color:var(--patch-reef-blue)!important;
    padding:18px 40px;
    font-weight:700!important;
    float: left!important;
    margin: 0!important;
}
.wpDataTablesWrapper div.dt-buttons {
    margin-bottom: 20px!important;
    width: 100%!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
    float: left!important;
}
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .DTTT_button>span{
    text-transform: unset!important;
    color: var(--black)!important;
}
.dataTables_info{
    font-family: var(--font-primary)!important;
    font-size: 16px!important;
    font-size: 1rem!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 28px!important; 
    line-height: 1.75rem!important; 
    color: var(--patch-reef-blue)!important;
}
.wpdt-c a.paginate_button  {
    background-color: var(--sandbar-blue)!important;
    border-radius:10px!important;
    font-size: 16px!important;
    color:var(--patch-reef-blue)!important;
    font-family: var(--font-primary)!important;
    font-weight:700!important;
    margin:6px!important;
    width: 60px;
    line-height: 60px;
    padding: 0!important;
}
.wpdt-c.wdt-skin-material .wpDataTablesWrapper .dataTables_paginate .paginate_button.current, .wpdt-c.wdt-skin-material .wpDataTablesWrapper .dataTables_paginate .paginate_button.current:hover {
    color: var(--white)!important;
    background-color: var(--patch-reef-blue)!important;
}
button.DTTT_button{
    height:unset!important;
}
.wpdt-c.wdt-skin-material .wpDataTablesWrapper table.wpDataTable tbody td.column-full-name,
.wpdt-c.wdt-skin-material .wpDataTablesWrapper table.wpDataTable tbody td.column-full_name{
    color:transparent!important;
    pointer-events: none!important;
    visibility: hidden!important;
    transition:all 0.5s;
}
.wpdt-c.wdt-skin-material.showVictimName .wpDataTablesWrapper table.wpDataTable tbody td.column-full-name,
.wpdt-c.wdt-skin-material.showVictimName .wpDataTablesWrapper table.wpDataTable tbody td.column-full_name{
    color:var(--black)!important;
    pointer-events: all!important;
    display: table-cell!important;
    visibility: visible!important;
}
th.column-full-name:before{
    content:url('/wp-content/uploads/Icon-ionic-md-person.svg');
    width: 22px;
    display: block;
    height: 22px;
    float: left;
    margin-right: 18px;
}
#wdt-md-modal h4.modal-title{
    font-family: var(--barlow)!important;
    font-weight: 700!important;
    font-size: 1.5714rem!important;
    line-height: 1.8571rem!important;
}
.wpdt-c .modal .modal-header button.close{
    opacity:1!important;
    display: flex!important;
    gap: 10px!important;
    align-items: center!important;
}
.wpdt-c .modal .modal-header button.close span{
    font-size: 1rem!important;
    width: 60px!important;
    height: 60px!important;
    color: var(--black)!important;
    border-radius: 500px!important;
    background-color: var(--yellow)!important;
    display: block!important;
    line-height: 60px!important;
}
.wpdt-c .modal .modal-header button.close::before{
content:"Close";
font-family: var(--barlow)!important;
font-weight: 700!important;
font-size: 0.464rem!important;
line-height: 0.857rem!important;
}
.form-group p{
    line-height:1.45;
}
#wdt-md-modal .modal-body .col-sm-3{
    font-family: var(--barlow);
    font-size:0.6786rem!important;
    font-weight:700!important;
}
#wdt-md-modal .modal-body .col-sm-3{
    font-family: var(--barlow);
    font-size:0.6786rem!important;
    font-weight:700!important;
}
#wdt-md-modal .modal-body .detailColumn{
    font-family: var(--barlow);
    font-size:0.6786rem!important;
    font-weight:400!important;
}
.wpdt-c .form-group{
    margin-bottom:0!important;
}
.wdt-filter-date-range input{
    width: calc(50% - 4px)!important;
    float:left;
}
.wdt-datepicker-modal, html .wdt-datepicker-modal *{
    font-size: 0.464rem!important;
    line-height: 1.42857143!important;
}
.wpdt-c.wdt-skin-material table.wpDataTable th:is(.column-nickname, .column-gender, .column-race, .column-police_service, .column-highest_level_force, .column-armed_type, .column-person_in_crisis, .column-summary, .column-notes, .column-name_first, .column-name_last, .column-name_middle, .column-source),
.wpdt-c.wdt-skin-material table.wpDataTable td:is(.column-nickname, .column-gender, .column-race, .column-police_service, .column-highest_level_force, .column-armed_type, .column-person_in_crisis, .column-summary, .column-notes, .column-name_first, .column-name_last, .column-name_middle, .column-source)
{
    visibility:hidden!important;
    width:0!important;
    padding:0!important;
    height:0!important;
    font-size: 0;
}
.custody .wpdt-c.wdt-skin-material table.wpDataTable th:is(.column-nickname, .column-gender, .column-race, .column-year, .column-institution_or_police_force, .column-cause_of_death, .column-tactical_intervention, .column-police_service, .column-highest_level_force, .column-armed_type, .column-person_in_crisis, .column-summary, .column-notes, .column-name_first, .column-name_last, .column-name_middle, .column-source, .column-manner_of_death, .column-formula_1),
.custody .wpdt-c.wdt-skin-material table.wpDataTable td:is(.column-nickname, .column-gender, .column-race, .column-year, .column-institution_or_police_force, .column-cause_of_death, .column-tactical_intervention, .column-police_service, .column-highest_level_force, .column-armed_type, .column-person_in_crisis, .column-summary, .column-notes, .column-name_first, .column-name_last, .column-name_middle, .column-source, .column-manner_of_death, .column-formula_1)
{
    visibility:hidden!important;
    width:0!important;
    padding:0!important;
    height:0!important;
    font-size: 0;
}

@media (min-width: 768px){
    .wpdt-c .col-sm-9 {
        width: 60%!important;
    }
    .wpdt-c .col-sm-3 {
        width: 40%!important;
    }
}