/* Make tabs hard left */
.content .tabs ul {
    margin-left:0 !important;
    margin-top:0 !important;
}



/* Adjustments for breadcrumbs */
.content .breadcrumb li + li
{
    margin:0px;
}

/* For delete buttons to be full height */
.field.has-addons .control:last-child:not(:only-child) .button
{
    min-height:100%;
}

/* Allow for horizonal centers */
.is-horizontal-center {
  justify-content: center;
}


/* Make the heading oin a box have smaller top padding */
.box h2
{
    padding-top:0px;
    margin-top:0px;
}


/* Make the cards 100% height in flexbox */
.columns .card
{
    height:100%;
}


/* Remove the box shadow */
.card .card-header
{
    box-shadow: none;
    border-bottom:1px solid #ccc;
    background:#379f9f;
}

.card-header-title
{
    color:#fff;
}

/* MAke card content have less of a psace between the title and content */
.card-content
{
    padding-top:8px;
}

/* The backgrouind box of a bulma card */
.bulma-box-bg
{
    background-size: cover;
    background-repeat: no-repeat;
    height:280px;
    background-position: center;
    position:relative;
}

/* Add any buttons to the bottom */
.panel-block .button
{
    position: absolute;
    bottom:20px;
    right:20px;
    text-align:center;
}

/* Ensure there is no whitespace under a pnale background (*/
.panel-heading
{
    margin-bottom:0px !important;
    opacity:0.85;
}

.panel:hover > .panel-heading
{
    opacity:1;
}


/* Custom expanded tiles  */
.is-info a 
{
    color:white !important;
}

.has-td-flagged-danger{
    
    border-left:5px solid  var(--bulma-danger-on-scheme);
}

.has-td-flagged-warning{
    border-left:5px solid  var(--bulma-warning-on-scheme);
}

.has-td-flagged-success{
    border-left:5px solid  var(--bulma-success-on-scheme);
}

.has-td-flagged-info{
    border-left:5px solid  var(--bulma-info-on-scheme);
}



/* breadcrumbs */
.breadcrumb ul
{
    margin-left:0px;
}


#content  .card-header p
{
    margin-bottom: 0px;

}



/* Remove padding from bottom of ul li from tabs */
article .tabs ol li, article .tabs ul li
{
    padding:0px;
}




.table td {
    word-break: keep-all;
}
/* Allow ical links to wrap */
table.break-words td {
    word-break: break-all;
}






/* Make list content align top rather than centered */
.list .list-item
{
    align-items:flex-start;
}



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

    .tabs ul {
        flex-direction: column;
    }
    .tabs ul li {
        width: 100%;
    }


    /*
    li:not(.is-active) > a > span:not(.icon) {
        visibility: hidden;
        position:  absolute;
    }
    */

    nav.tabs li:not(.is-active) {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }

    .tabs .icon {
        margin-left: 0.5em;
    }
}


table.dataTable
{
    width:100% !important;
}

html[data-theme='dark'] table.dataTable tbody tr > .dtfc-fixed-start,
html[data-theme='dark'] table.dataTable tbody tr > .dtfc-fixed-end,
html[data-theme='dark'] table.dataTable thead tr > .dtfc-fixed-start,
html[data-theme='dark'] table.dataTable thead tr > .dtfc-fixed-end {
  background-color: #14161a !important; 
}


/*
.dataTable .button {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 25px;
    padding-right: 25px;
}
*/


/* Fix pagination links in bulma datatables */
.wp-admin .pagination-link{
    padding:5px !important;
    text-decoration: none !important;
}

/* Remove margin to datatables */
.pagination li + li
{
    margin-top:0px;
}


/* Add a margin to the top of tables */
.dt-bulma
{
    margin-top:20px;
}

/* hr */
hr.is-primary {
    border-top: 1px solid var(--bulma-color-info);

}


/* modals */
.imperial-wide-modal
{
    width:90% !important;
}


.entry-content .box
{
    padding:2rem 3rem;
}

.entry-content .columns .box
{
    padding:1.5rem;
}


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

    .entry-content .box
    {
        padding:1rem;
    }
    
    .entry-content .columns .box
    {
        padding:0.75rem;
    }
}



#site_title
{
    background-color: var(--bulma-background);
    color: var(--bulma-body-color)
}

#site_title a
{
    color: var(--bulma-body-color)
}

.cell .box{
    min-height:100%;
}


h1, h2, h3, h4{
    font-weight: 300 !important;
  }