/*

Teal
#1e9aa6
#5facb4
#88bcc4
#c0dadf

Dark Grey
#333232
#48494a
#69686a
#a8a6a8

Light Grey
#b4b4b4
#b9bbbc
#c8c9ca
#e2e3e3

Green 1
#d0e8eo
#ceeae1
#d9eee9
#ebf6f4

Green 2
#65BC95
#81cbab
#a0d6bd
#cfe9dc

Blue
#1f3664
#46557e
#6c7294
#aaabc1



*/

:root {    
    
    --background: #fff;
    --text: #212529;
    
    --teal_4: #1e9aa6;
    --teal_3: #5facb4;
    --teal_2: #88bcc4;
    --teal_1: #c0dadf;

    --dgrey_4: #333232;
    --dgrey_3: #48494a;
    --dgrey_2: #69686a;
    --dgrey_1: #a8a6a8;   
    
    --lgrey_4: #b4b4b4;
    --lgrey_3: #b9bbbc;
    --lgrey_2: #c8c9ca;
    --lgrey_1: #e2e3e3;    

    --green_4: #65BC95;
    --green_3: #81cbab;
    --green_2: #a0d6bd;
    --green_1: #cfe9dc;      
    
    --lgreen_4: #d0e8eo;
    --lgreen_3: #ceeae1;
    --lgreen_2: #d9eee9;
    --lgreen_1: #ebf6f4;      
    
    
    --blue_4: #1f3664;
    --blue_3: #46557e;
    --blue_2: #6c7294;
    --blue_1: #aaabc1;   
    
    --button: #1e9aa6;
    --button_hover: #5facb4;
    --button_background: #fff;
    
    --green_dark_4: #154146;
    --green_dark_3: #246a72;
    --green_dark_2: #39a0ad;
    --green_dark_1: #3495a1;
    

/*
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 860px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;        
*/
    
    
}
/*@media (prefers-color-scheme: dark) {
    :root {    
        --background: #333232;
        --button: #1e9aa6;
        --button_hover: #5facb4;
        --button_background: #48494a;
    }
}*/

html,
body {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    background: var(--background);
	font-size: 1rem;
}
h1,h2, h3, h4, h5, h6 {
	font-weight:400;
    margin-bottom: .1rem;
}

h1.entry-title, h1.page-title {
    margin: 12px 0 5px 0;
    font-size: 2rem;
}
@media only screen and ( min-width: 768px ) {
    h1.entry-title, h1.page-title {
        margin: 12px 0 0 0 ;
    }
}
h2,.h2 {
    font-size: 1.5rem;
}
h3,.h3 {
    font-size: 1.3rem;
}

h4,.h4 {
    font-size: 1.2rem;
}
h5,.h5 {
    font-size: 1.1rem;
}
h6,.h6 {
    font-size: 1rem;
}


#gform_26 {
    width: 100%;
    max-width: 970px;
    display: block;
    margin: 5rem auto;
}


a, .btn {
  text-decoration: none;
  font-weight: 400;
  transition: 0.5s ease all;
  color: var(--button);
}
a:hover,
a:focus,
.btn:hover,
.btn:focus{
	color: var(--button_hover);
}
a[href^=tel] {

}
p:last-of-type {
    margin-bottom: 0;
}




.text-uppercase {
    text-transform: uppercase;
}


.item {
    margin-bottom:1rem;
}
.bg-bmg,
.bg-primary {
    background: var(--button_hover) !important;
	color: #fff;
}
.bg-dark-grey {
    background: var(--dgrey_3);
}


.active #content {
    width: calc(100% - 230px);
}

:focus {
  	outline-color: var(--teal_4);
	outline-style: auto;
	autoline-width: 5px;
}


body, html {
    background: #fff;
    height: 100%;
}


bold, strong {
	font-weight: bold;
}
.white-space-normal {
    white-space:normal;
}
svg {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}


.font-size-100 {
	font-size: 100%;
	line-height:1.2;
}
.font-size-90 {
	font-size: 90%;
	line-height:1.2;
}
.font-size-80 {
	font-size: 80%;
	line-height:1.2;
}
.font-size-70 {
	font-size: 70%;
	line-height:1.1;
}
.font-size-60 {
	font-size: 60%;
	line-height:1.1;
}

.font-size-50 {
	font-size: 50%;
	line-height:1;
}
.font-size-40 {
	font-size: 40%;
	line-height:1;
}
.font-size-30 {
	font-size: 30%;
	line-height:1;
}
.font-size-20 {
	font-size: 20%;
	line-height:.9;
}

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

    .font-size-90, 
    .font-size-80, 
    .font-size-70,
    .font-size-60,
    .font-size-50,
    .font-size-40, 
    .font-size-30,
    .font-size-20 {
        font-size: 100%;
        line-height:1.1;
    }

}

.w-10 {
    width: 10%;
}
.w-90 {
    width: 90%;
}
span.field-name {display:none;}


.border-2 {
    border-width:2px;
}
.border-3 {
    border-width:3px;
}
.border-4 {
    border-width:4px;
}
.border-5 {
    border-width:5px;
}


.navbar-toggler {
    color: #fff;
    background: var(--button_hover);
	padding: 0.25rem 0.5rem;
}

.center-vertically {
    align-items: center;
	justify-content: center;
	display: flex;
}


/*======================================================================
VH
======================================================================*/
@media only screen and ( min-width: 2300px ) {
    .min-vh-xl-100 {
        min-height: 100vh;
    }
}
@media only screen and ( min-width: 1101px ) {
    .min-vh-lg-100 {
        min-height: 100vh;
    }
}
@media only screen and ( min-width: 992px ) {
    .min-vh-md-100 {
        min-height: 100vh;
    }
}
@media only screen and ( min-width: 576px ) {
    .min-vh-sm-100 {
        min-height: 100vh;
    }
}

/*NOTICES*/

.card-notices .card-body {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
    background: rgb(255 255 255 / 50%);
	border-radius: 0.25rem;
}
.card-notices .icon {
    display: inline-block;
}
.card-notices .text {
    display: inline-block;
    width: 100%;
}

.card-notices i {
    font-size: 60px;
    background-blend-mode: darken;
	opacity: 60%;
}
.card-notices p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.bg-primary-light {
/*    background: rgb(0 123 255 / 25%)!important;*/
    background: #bdddff;
    color: #000;
}
.bg-secondary-light {
/*    background: rgb(108 117 125 / 25%)!important;*/
    background: #d3d3d3;
    color: #000;
}
.bg-danger-light {
/*    background: rgb(220 56 72 / 25%)!important;*/
    background: #ff9da7;
    color: var(--text);
}
.bg-warning-light {
/*    background: rgb(255 193 7 / 25%)!important;*/
    background: #ffc107;
    color: var(--text);
}
.bg-info-light {
/*    background: rgb(28 154 166 / 25%)!important;*/
    background: #57cfdb;
    color: var(--text);
}
.bg-dark-light {
/*    background: rgb(52 58 64 / 25%)!important;*/
    background: #b1aeae;
    color: var(--text);
}


/*======================================================================
Header hover link
======================================================================*/
a.hover-link {
    color: var(--text);
}
a.hover-link .fas {
    font-size: 16px;
    display: none;
}
a.hover-link:hover  {
    display: inline;
    color: var(--teal_4);
}
a.hover-link:hover .fas {
    display: inline;
    color: var(--lgrey_4);
    text-decoration: none;
}

.text-editor img {
    max-width: 100%;
	height: auto;
    border: solid 1px #000;
}


/*======================================================================
Header
======================================================================*/

.primary-menu ul[aria-labelledby="menu-item-dropdown-7129"] {
	right: 0;
	left: auto;
}
#menu-item-dropdown-7129::after {
    display:none;
}


/*======================================================================
Header
======================================================================*/
.gradient-icon i {
/*
	-moz-transform:  scale(1.8) rotate(0) translate(2px, -2px) skew(0deg, 0deg);
	-webkit-transform: scale(1.8) rotate(0) translate(2px, -2px) skew(0deg, 0deg);
	-o-transform:  scale(1.8) rotate(0) translate(2px, -2px) skew(0deg, 0deg);
	-ms-transform:  scale(1.8) rotate(0) translate(2px, -2px) skew(0deg, 0deg);
*/
	transform: scale(1.8) rotate(0) translate(2px, -2px) skew(0deg, 0deg);
/*	position: absolute;*/
	background-color: #fff;
	background-image: linear-gradient(0deg, #f9f9f9, #dad7d7);
	background-size: 100%;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
    position: relative;
	margin: 20px 10px 15px 10px;
}
h1 .archive-title-text {
    position: relative;    
}
h1 a.add {
    margin-left: 1rem;
    font-size: 1.5rem;
}

.single-add h1.entry-title, 
.single-add h1.page-title {
    margin: 20px 10px;
    font-size: 2rem;
}


/*======================================================================
navbar
======================================================================*/
.navbar-brand {
    margin-left: 5px;
}

/*======================================================================
List
======================================================================*/
.page-id-6919 .content-area h2 {
    margin-bottom: 5px 
}
.page-id-6919 .content-area h3 {
    font-weight: 600;
	border-bottom: solid 1px;
	display: block;
	width: 100%;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
    text-transform: uppercase;
	border-radius: 5px;
    color: #fff;
    background: #2a848f;
}
.page-id-6919 .content-area ul {
	list-style: none;
}
.page-id-6919 .content-area ul ul {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 90%;
}
.page-id-6919 .content-area li {
    margin-bottom: 10px;
}

.page-id-6919 .content-area strong {
	font-weight: 600;
	background: #329aa6;
	color: #fff;
	padding: 2px 4px;
	border-radius: 5px;
}
.page-id-6919 .content-area ul ul strong {
    color: #329aa6;
	border: solid 1px rgb(50 154 166 / .5);
	background: #fff;
}
.page-id-6919 .content-area u {
	background: #ECEFF1;
	padding: 0px 3px;
	text-decoration: none;
	font-size: 90%;
}

/*======================================================================
Alert
======================================================================*/
.alert-info .field-block {
    margin-bottom: 5px !important;
}
.alert-info .border-bottom {
    border-bottom: 1px solid rgb(0 0 0 / 0.1) !important;
}


/*======================================================================
Note
======================================================================*/
.bmg-note .name {
    background: #888;
    color: #fff;
    font-weight: 400;
    border-radius: 3px 0 0 3px;
    height: 100%;
}
.bmg-note .text {
    background: #eee;
    border-radius: 3px;
    display: flex;
    align-content: stretch;
    align-items: center;
    height: 100%;   
}

/*======================================================================
Code Block
======================================================================*/

.code-type {
	padding: 5px 10px;
	margin: -.5rem -.5rem 10px -.5rem;
	background: #eee;
    font-weight: 400;
}


a.fancybox {
    border: solid 1px #1C9AA6 ;
    display: block;
}
a.fancybox:hover {
    border: solid 1px var(--teal_4); ;
}
a.fancybox img {
    display: block;
}
.fancybox-caption {
    font-weight: 400;
    letter-spacing: 1px;
}


section {
    margin-bottom: 1rem;
}
/*======================================================================
badge
======================================================================*/
.badge-green { 
    font-weight: 800;
	color: #fff;
	background: rgb(0 0 0 / .3);
}


/*======================================================================
popup/modal
======================================================================*/
.modal {
    margin-top: 50px;
}
.modal-header {
    background: #339aa6;
    color: #fff;
}
.modal-header .close {
	color: #fff;
	text-shadow: 0 1px 0 #010101;
}
/*======================================================================
feateure items collapse
======================================================================*/

.feature-items .collapse-header .fa-angle-down {
    margin-top: 5px;
}
/*======================================================================
gallery
======================================================================*/
.gallery {
	border-radius: 5px;
	background: #eee;
	padding: 10px;
}
a.gallery-link {
    border: solid 3px var(--button);    
}
a.gallery-link:hover {
    border: solid 3px var(--button_hover);  
}

.gallery-link .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 5px;
	border-radius: 5px 0 0 0;
    background: var(--button);
    color: #fff;
}


/*======================================================================
accounts
======================================================================*/
.color-box {
    width: 40px;
    height: 40px;
    border: solid 1px #eee;
    display: inline-block;
    margin: 0 0 -2px 7px;
    box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.5);
}
.modal .color-box {
    width: 15px;
    height: 15px;
}
/*======================================================================
flex table
======================================================================*/

.table .thead-light th {
    color: #495057;
    background-color: #eee;
    padding: 5px 10px;
    border-color: #eee;
}
.table p:last-child {
  margin-bottom: 0;
}

@media only screen and ( max-width: 768px ) {
    .mw-sm-50 {
        max-width: 50%;
    }
}

.scrollbar {
    width:100%;
    max-width:100%;
    height:400px;
    overflow-y:scroll;
}

/* customize scrollbar css */
.scrollbar::-webkit-scrollbar{
    width:12px;
    background-color:#cccccc;
}
.scrollbar::-webkit-scrollbar:horizontal{
    height:12px;
}
.scrollbar::-webkit-scrollbar-track{
    box-shadow:0 0 6px #c8c8c8 inset;
}
.scrollbar::-webkit-scrollbar-thumb{
    background-color:#17808a;
}
.scrollbar::-webkit-scrollbar-thumb:hover{
    background-color:#17808a;
}
.scrollbar::-webkit-scrollbar-thumb:active{
    background-color:#17a2b8;
}


/*======================================================================
header-bar
======================================================================*/
.header-bar {
    margin-bottom: 5px;
}
.nav-container {
    border-bottom: solid 2px #eee;
}
/*======================================================================
BREADCRUMBS
======================================================================*/
.breadcrumb-container {
	margin-right: 10px;
	background: #eee;
	padding: 1px 10px;
	border-radius: 5px;
}
.breadcrumb {
	padding: 3px;
	margin: 0;
    background: #fff;
    max-width: 100%;
}
.breadcrumb .text { 
    display:inline; 
}
.breadcrumb .icon { 
    display:none; 
}
@media screen and (max-width: 992px) {
    .breadcrumb-container { 
        margin:0;
        border: solid 2px #eee;
    }
    .nav-container .breadcrumb { 
        display:none;
    }
    .breadcrumb-item { 
        flex: 0 1 auto; 
    }
    .breadcrumb-item.active { 
        flex: 0 1 228px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .breadcrumb .text { 
        display:none; 
    }
    .breadcrumb .icon { 
        display:inline; 
    }
}


@media only screen and ( max-width: 768px ) {
    .breadcrumb {
        width: 100%;
    }
    .breadcrumb-item.active  {
        flex: 0 1 74%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        width: 100%;   
    }
}
/*======================================================================
Buttons header
======================================================================*/
.btn-group-sm > .btn {
  display: flex;
  justify-content: center;
  align-items: center;
}


/*======================================================================
content
======================================================================*/
.content-wrap {
	display: flex;
    gap: 5px;
    max-width: 100%;
}

.content-area li{ 
    margin-bottom: .5rem;
}
.content-area ol ul, 
.content-area li ul{ 
    margin-top: .5rem;
}

.single-add .content-wrap {
    flex-direction: column;
}
.content {
    flex: 1;
}

.content-sidebar {
    width: 180px;
    flex: 0 0 180px;
    border-right: solid 3px #eee;
    padding: 5px 5px 0 0;
    min-height: 100vh;
}
@media only screen and ( max-width: 992px ) {
    .content-wrap {
        display: block;
    }
    .content-sidebar {
        border-right: none;
        width: 100%;
    }
}


/*======================================================================
content-sidebar internal
======================================================================*/


.content-sidebar h3.filter-title {
    font-size: 18px;
}

.main-tab-container a.nav-link {
    color: #fff;
    background: var(--teal_3);
    font-size: 15px;
    margin-bottom: .25rem;
	border-radius: 0.25rem 0 0 0.25rem;
}

.main-tab-container {
    margin: 1.5rem -4px 1.5rem .5rem;
}
.main-tab-container .nav-pills {
    -ms-flex-direction: column;
	flex-direction: column;
    display: -ms-flexbox;
	display: flex;    
}
.main-tab-container a {
	margin-bottom: 10px;
}


.taxonomy-sidebar {
	padding: 0;
    margin-bottom: 1rem;
	background-color: #fff;
    background-clip: border-box;
    border-radius: 0.25rem;
    border: solid 2px #48494a;
}

.taxonomy-block {
	background: #fff;
    padding: 2px 4px;
    display: block;
}
.taxonomy-sidebar h4 {
	font-size: .8rem;
	margin-bottom: 0;
	padding: 4px;
	background: #48494a;
	color: #ffffff;
	margin: -2px -4px 2px -4px;
}
.taxonomy-sidebar a.btn {
	padding: 0 2px;
    background: #1C9AA6;
    color: #fff;
    font-size: 10px;
    margin-right: 5px;
}
@media screen and (max-width: 992px) {
    .secondary-sidebar {
        margin-top: -2px;
        margin-bottom: 5px;
    }
    
    .main-tab-container {
        margin: 1.5rem -.25rem 1.5rem 0rem;
    }
    .content-area, 
    .content-sidebar {
        width: 100% !important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        flex-width: 100%;
        max-width: 100%;
        min-height: auto !important;
    }

    
    .breadcrumb-container {
        width: 100% !important;
    }
    .main-tab-container {
        margin: 0;
    }

    .content-wrap {
        -ms-flex-direction: unset;
        flex-direction: unset;
        display: block;
    }
    .content-sidebar {
        border-right: none;
    }

    .main-tab-container .nav-pills {
        -ms-flex-direction: unset;
        flex-direction: unset;
        display: block;
    }
    .main-tab-container a.nav-link {
        display: block;
        border-radius: 5px;
        margin-right: 0;
        margin-left: 0;
        padding: 0.5rem .9rem;
    }
}





.sidebar-card {
	margin-bottom: 1rem;
	border: solid 2px #1f3664;
}
.sidebar-card i {
	color: #1f3664;
}
.sidebar-card .card-header {
	padding: 4px;
    vertical-align: middle;
	font-size: .9rem;
	background: #48494a;
    color: #ffffff;
	border:none;
	border-radius: 0;
}

.sidebar-card .card-header i {
    margin-right: 2px;
	font-weight: 400;
}
.sidebar-card .card-body {
    padding: .5rem;
    font-size: .8rem;
}
.date-card .card-body .title,
.date-card .card-body .text {
	display:inline-block;
}

.relationship-card .title {
    font-size: 14px;
	line-height: 15px;
	margin-bottom: 1px !important;
	display: block;
}
.relationship-card a {
    font-size: 13px;
    line-height: 14px;
    display:block;
    padding: 1px 0;
}


.relationship-card .list-group-item {
    border:none;
    border-bottom: solid 1px #ccc;
    border-radius: 0;
    padding-bottom: 1px;
}
.relationship-card ul.list-group li:last-of-type {
    border-bottom: none;
}
.relationship-card ul.list-group {
    margin-bottom: .3rem;
}
.relationship-card ul .list-group-item:last-of-type,
.relationship-card ul.list-group:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}


.page-info-accordion .card {
}
.page-info-accordion .card button {
	background: var(--button);
    color: #fff;
    text-decoration:none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page-info-accordion .collapsed .fa-chevron-up {
    display:none;
}
.page-info-accordion  .fa-chevron-down {
    display:none;
}


@media screen and (max-width: 992px) {
    .page-info-accordion .sidebar-card {
        margin-bottom: 0;
    }
    .page-info-accordion .card .card-body {
        padding: 10px 10px 10px 20px;
    }
    .sidebar-tabs a.nav-link { display:inline-block; }
    .sidebar-card .card-text {
        display: inline-block;
    }
    .mobile-dateline {
        justify-content: space-evenly;
        align-items: center;
        border-top: solid 1px #eee;
        padding-top: 1px;
    }
}

ul.alphabet-filter {
	list-style: none;
	padding: 0;
	color: #ccc;
	font-weight: 400;
}
ul.alphabet-filter li {
    display: inline-block;
    width: 14%;
}
ul.alphabet-filter span,
ul.alphabet-filter a {
    display: block;
	text-align: center;
	font-size: 1.5rem;
	padding: 5px;
	font-weight: 400;
    text-transform: uppercase;
}
ul.alphabet-filter li.list-header {
    display: block;
	width: 100%;
	text-align: center;
	background: #6c757d;
	color: #fff;
	padding: 10px;
	text-transform: uppercase;
    font-weight: 400;
}
ul.alphabet-filter h4 {
 margin: 0;
	font-size: 13px;
	line-height: 18px;
}

.link-card .no-icon {
    padding-left: 16px;
}


/*======================================================================
Gallery
======================================================================*/
.gallery {
    margin-bottom: 20px; 
    display: block;
}
.gallery a,
.gallery img {
    display: block;
}
.gallery a {
    margin-bottom: 5px;
}

.gallery .gallery-item {
    margin-bottom: 10px;
}
/*======================================================================
Author
======================================================================*/
.author-sidebar strong {
    margin-right: 5px;
}


/*======================================================================
Search & Filter
======================================================================*/
.sidebar-filters {
    border: solid 3px #e5e3e3;
	padding: 0;
	border-radius: 5px;
	background: #eee;
    margin: 0;
}
.sidebar-filters input {
	margin: 10px auto 10px 5px;
	display: block;
	width: 100%;
}
.sidebar-filters .btn-secondary {
    border-radius: 0;
    color: #fff !important;
}

.sidebar-filters  h3 {
    margin: 0;
	padding: 5px;
	font-size: 1rem;
	background: #898989;
	color: #fff;
	border-radius: 4px 4px 0 0;
}
.searchandfilter h4 {
	margin: 5px 7px;
	font-size: 14px;
}
.sidebar-filters ul {
	display: block;
	padding: 0;
    margin:0;
    overflow: visible;
}
.sidebar-filters ul ul {
	padding: 5px;
    margin:0;
    overflow: visible;
}
.sidebar-filters li {
	list-style: none;
	display: block;
	width: 100%;
    margin: 0;
    border-top: solid 2px #e3e3e3;
}
.sidebar-filters ul ul li {
	margin:0;
    border: none;
}
.sidebar-filters ul li.cat-item {
    margin-left:18px;
}
.sidebar-filters input[type='checkbox'],
.sidebar-filters input[type='radio']{
    margin-left:-18px;
}
.sidebar-filters  label {
	margin: 0 0 5px 20px;
	font-size: 12px;
	line-height: 12px;
}
.sidebar-filters  select {
    display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem .375rem 0.1rem;
	font-size: .8rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: 5px;
}
.sidebar-filters [type="submit"] {
	color: #fff;
	background-color: var(--button);
	border: solid 1px var(--button);    
    display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .2rem .75rem;
    margin: 5px;
	font-size: .8rem;
	line-height: 1.5;
    border-radius: 5px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;    
}
.sidebar-filters [type="submit"]:hover {
	background-color: var(--button_hover);
}

/*


MIN WIDTH

*/
@media only screen and ( min-width: 992px ) {

    .sidebar-filters li li {
        width: auto;
    }

    .sidebar-filters li:first-child {
        clear:both;
        width: 100%;
        float:none;
    }
    .sidebar-filters li:first-child ul {
        clear:both;
        width: 100%;
        overflow: unset;
    }
    
    .sidebar-filters li:first-child ul li {
        margin: 0;
        width: 100%;
    }


/*
    .sidebar-filters li:last-child {
        clear:both;
        width: 100%;
        float:none;
        padding-top: 10px;
    }

    .sidebar-filters li:last-child input {
        margin: 10px auto;
        width: 50%;
        display: block;
    }
    .sidebar-filters li:first-child  li:last-child {
        margin: 0;
        width: auto;
        display: inline-block;
    }
    .sidebar-filters li:first-child  li:last-child input {
        margin: 0;
        width: auto;
        display: inline-block;
    }
*/

    .sidebar-filters ul li.cat-item {
        margin-left: 25px;
        display: inline-block;
        width: auto;
    }
    
    .sidebar-filters ul {
        width: 100%;
        margin: 0;
    }
/*
    .sidebar-filters li {
        float: left;
        border:none;
        width: 33%;
    }    
*/
    .sidebar-filters li:first-child li:first-child {
        clear:none;
        width: auto;
        overflow: unset;
        float: left;
        padding: 0;
    }
    
}







.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*======================================================================
Fake Tables
======================================================================*/





.table-block {
    margin-bottom: 30px;
}

.table-block {
    border-top: 1px solid #f2f2f2;   
    border-left: 1px solid #f2f2f2;   
    border-right: 1px solid #f2f2f2;
}
.table-block.no-borders {
    border: none !important;   
}

.table-block .row {
    background: #fff;
}
.table-block.no-background .row {
    background: transparent;
}

.table-block .table-header {
    background-color: var(--button);
    color: #fff;
    font-weight: 500;
}
/*
.table-block .table-header:hover {
    background-color: var(--button_hover);
    color: #fff;
}
.table-block .row:hover {
    color: #000;
    background: #f9f9f9;
}
*/
.table-block .header {
  color: #ffffff;
  background: var(--button);
}
.table-block .header .cell {
  color: #fff;
}
.table-block .table-row {
    border-bottom: solid 2px #1e9aa6;
}
.table-block.no-borders .table-row {
    border: none !important;
}
.table-block .cell {
    font-size: 15px; 
    padding: 5px;
    border-bottom: 1px solid #f2f2f2;
}
.table-block.no-borders .cell {
    border: none !important;
}
.table-block .cell-cats {
    background: #eee;
}

.post-type-archive-marlingo



/*======================================================================
table-lists
======================================================================*/
.table-list {
    margin-bottom: 30px;
}
.table-list .subsection .cell {
	padding-left: 15px;
	padding-right: 15px;
}
.table-list .subsection .subsection .cell {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.table-list {
    border-top: 1px solid #f2f2f2;   
    border-left: 1px solid #f2f2f2;   
    border-right: 1px solid #f2f2f2;
}
.table-list.no-borders {
    border: none !important;   
}

.table-list .row {
    background: #fff;
}
.table-list.no-background .row {
    background: transparent;
}

.table-list .table-header {
    background-color: var(--button);
    color: #fff;
    font-weight: 500;
}
/*
.table-list .table-header:hover {
    background-color: var(--button_hover);
    color: #fff;
}
.table-list .row:hover {
    color: #000;
    background: #f9f9f9;
}
*/
.table-list .header {
  color: #ffffff;
  background: var(--button);
}
.table-list .header .cell {
  color: #fff;
}
.table-list .table-row {
    border-bottom: solid 2px #1e9aa6;
}
.table-list.no-borders .table-row {
    border: none !important;
}
.table-header .cell,
.table-list .cell {
    padding: 5px;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
	align-items: center;
}
.table-header .cell.no-overflow,
.table-list .cell.no-overflow {
    text-overflow: unset;
    white-space: initial;
}


.table-header .cell:first-of-type,
.cell:first-of-type{
    text-align: left;
}


.table-list.no-borders .cell {
    border: none !important;
}
.table-list .cell-cats {
    background: #eee;
}
.table-list .phone-block,
.table-list .email-block,
.table-list .address-block{
    padding-right: 5px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 0;
}
@media only screen and ( max-width: 992px ) {

}
@media only screen and ( max-width: 768px ) {
    .table-list .table-header {
        display:none;
    }
    .table-list .cell {
        border-bottom: none;
        padding: 0;
        width: 100% !important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left !important;
    }


/*    .row.no-gutters {
        border-bottom: solid 2px #eee;
    }*/
    .table-list .cell:before {
        content: attr(data-title) ": ";
        font-weight: bold;
        display: inline-block;
        padding: 5px;
        color: #ccc;
    }
    .table-list .dropdown {
        display:inline-block;
    }
}

.listing-user-avatar {
    max-width: 40px;
}
/*======================================================================
List Categories/taxonomies
======================================================================*/
.tax-list h4 {
    font-size: 13px;
    margin-bottom: 0;
}
.tax-list a {
    font-size: 12px;
    padding: 0;
}
/*======================================================================
comments
======================================================================*/

.comments-container {
    padding-right: 20px;
    padding-left: 20px;
}
.comments-container h2.post-content-edit {
    font-size: 1.8rem;
    color:  var(--button_hover);
    font-weight: 600;
}
.comments-container h3.comment-reply-title {
    
}


a.post-toggle {
    text-transform: uppercase;
    text-decoration: none;
	border: solid 1px;
	padding: 0 2px;
	border-radius: 5px;
}
.post-toggle i {
    font-size: 80%;
}
.post-toggle[aria-expanded="true"] {
    background: var(--teal_4);
    color: #fff;
    border: solid 1px var(--teal_4);
}
.post-toggle[aria-expanded="true"] i {
    transform: rotate(0deg);        
}
.post-toggle[aria-expanded="false"] i {
    transform: rotate(-90deg);    
}
.terms-list {
    background: #FAFAFA;
    margin-top: 5px;
}
.terms-list .term-list {
    border-right: solid 1px #616161; 
    padding: 0 5px 0 5px;
    margin-right: 5px;
}
.terms-list .term-list:first-child {
    padding-left: 0; 
}
.terms-list .term-list:last-child {
    border-right: none;
    margin-right: 0;
}

/*======================================================================
comments/actions
======================================================================*/
h2.actions-title {
	font-size: 1.8rem;
	margin-bottom: 10px;
	background-color: #48494a;
	color: #fff;
	padding: 3px 5px;
	border-radius: 3px;
}
.comments h4 {
    font-size: 1.1rem;
    display: inline-block;
    margin-right: 20px;
}
.comments .avatar {    
	max-width: 30px;
    height: auto;
}
.comments .media-list {
    border: solid 1px #ccc;
    padding-top: 20px;
    padding-left: 10px;
}
.comments .media-body {
	padding: 0 5px 5px 5px;
}


/*======================================================================
User Lists
======================================================================*/
ul.user-list  {
	list-style: none;
	padding: 0 .2rem; 
}
ul.user-list li {
    padding: .1rem .2rem;
}
ul.user-list-all .project_client,
ul.user-list-all  .customer {
   background: #eee; 
}

.user-cards-all .card-header {
    font-weight: 600;
    padding: 0.3rem 1rem;
}
.user-cards-all .card-title {
    margin-bottom: .4rem;
    font-weight: 600;
}
.user-cards-all .card-body {
    padding: .5rem;
}
.card-body ul.user-list-main,
.card-body ul.user-list-names {
    margin-bottom: 0;
}
.user-list .roles {
    font-weight: 600;
}


/*======================================================================
Tab info
======================================================================*/
.content-title {
	font-weight: 400;
	border-bottom: solid 1px #ccc;
}
.content-main {}


/*======================================================================
Pagination
======================================================================*/
.pagination {
	display: -ms-flexbox;
	display: flex;
    -ms-flex-pack: center;
	justify-content: center;
}