/*---------------------------------------------------
  ---------Customer Styles for PHIO Template ________
---------------------------------------------------*/

/*--Contacts page specific styling--*/

.contacts .com-contact-category h1 {
    font-size: 28px;
}

.contacts .category .list-title > a {
    font-size: 1.4 rem;
    font-weight: bold;
}

.contacts .categories-list .base-desc {
    padding: 1rem;
}

.contacts .categories-list h3.page-header {
    padding: 0 !important;
}

.contacts h3.item-title,
.contacts h3.item-title a::before {
    font-weight: 600;
}

.contacts h3.item-title a::before {
    content: "\f101";
    font-family: fontawesome;
    padding-left: 5px;
    white-space: nowrap;
}

.contacts .btn.btn-outline-info:hover,
.contacts .btn.btn-outline-info:hover a {
    color: #fff;
}

.blog .blog-item .item-intro {
    display: block;
    /*fix -webkit-box error */
}

.contacts .list-title a[href^="mailto:"] {
    content: "\f142";
    font-family: fontawesome;
    padding-left: 5px;
    white-space: nowrap;
}

.contacts dd.facebook > .field-value a::before {
    content: "\f082";
    font-family: fontawesome;
    padding-right: 5px;
    white-space: nowrap;
}

.contacts dd.twitter > .field-value a::before {
    content: "\f081";
    font-family: fontawesome;
    padding-right: 5px;
    white-space: nowrap;
}

.contacts dd.linkedin > .field-value a::before {
    content: "\f08c";
    font-family: fontawesome;
    padding-right: 5px;
    white-space: nowrap;
}

.contacts dd.instagram > .field-value a::before {
    content: "\f16d";
    font-family: fontawesome;
    padding-right: 5px;
    white-space: nowrap;
}

.contacts .list-title {
    width: 100%;
}

.contacts .contact-field-entry {
    overflow: hidden;
}

.contacts .category {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.contacts .category li {
    border: 1px solid #999;
    margin: 4px;
    padding: 4px;
}

.contacts .category .col-md-3,
.contacts .category .col-md-2 {
    width: 100%;
}

.contacts dt.contact-field-entry > .field-label {
    display: none;
}

.contacts dd.facebook > .field-value a::before {
    content: "\f082";
    font-family: fontawesome;
    padding-right: 5px;
    white-space: nowrap;
}

.contacts dd.twitter > .field-value a::before {
    content: "\f081";
    font-family: fontawesome;
    padding-right: 5px;
    white-space: nowrap;
}

.contacts dd.linkedin > .field-value a::before {
    content: "\f08c";
    font-family: fontawesome;
    padding-right: 5px;
    white-space: nowrap;
}

.contacts dd.instagram > .field-value a::before {
    content: "\f16d";
    font-family: fontawesome;
    padding-right: 5px;
    white-space: nowrap;
}

/*--Main menu adding fontawesome icons to childlevel items--*/

.dropdown-menu-inner .nav-item[data-level="2"] a::before {
    content: "\f0da";
    font-family: fontawesome;
    padding-right: 5px;
    white-space: nowrap;
}

/*--Main menu adding fontawesome icons to video channel menu items--*/

.t4-off-canvas-body .navbar-nav .deeper.dropdown.parent .dropdown-menu a.dropdown-item::before,
.t4-module .nav-item a.nav-link::before {
    content: "\f0da";
    font-family: fontawesome;
    padding-right: 5px;
    white-space: nowrap;
}

.t4-module .nav-item .dropdown-menu.show[data-bs-popper] {
    background-color: ghostwhite;
    padding: 0 !important;
}

#Mod126 .category-module li a:before {
    content: "\f03d";
    /*chg doc icon to video icon*/
}

/*Contacts directory navigator*/


/*Fix navbar-toggler*/
/*nav.navbar[aria-label="Top Right Social Links"] .navbar-toggler {
    position: absolute;
    right: 0;
}*/
/*#navbar124.show {
    position: relative;
    right: 20px;
}*/

/*-------------------------
       Media queries
-------------------------*/

@media only screen (max-width: 767px) {
    .contacts .category li {
        width: 48%;
    }
}
 
@media only screen (min-width: 768px) {
    .contacts .category li {
        width: 32%;
    }
}

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