/* 
Created by: Serversys 
Website:    www.serversys.com

*/

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    font-family: "Roboto", sans-serif, Arial, Verdana, Tahoma !important;
}

.breadcrumb {
    display: none;
}

.affix {
    top: 0;
    width: 100%;
    opacity: 1;
    z-index: 999;
}

.affix .hidden-affix {
    display: none;
}

.visible-affix {
    display: none !important;
}

.affix .visible-affix {
    display: inherit !important;
}

.header-navbar div.affix {
    z-index: 99;
    width: 100%;
    top: 0px;
    border-bottom: 1px solid #404040;
}

.professional-academy-brand-logo {
    display: inline-block;
    opacity: 0;
    height: 0px;
    width: 0px;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0 !important;
    -moz-transition: opacity 0.2s linear, width 0.5s ease, height 0.5s ease;
    -o-transition: opacity 0.2s linear, width 0.5s ease, height 0.5s ease;
    -webkit-transition: opacity 0.2s linear, width 0.5s ease, height 0.5s ease;
    transition: opacity 0.2s linear, width 0.5s ease, height 0.5s ease;
}

.affix .professional-academy-brand-logo {
    opacity: 1;
    height: 50px;
    width: 202px;
    padding: 5px !important;
}

.professional-academy-brand-logo img {
    width: 100%;
    height: 100%;
    content: url(https://cpawebsiteimages.blob.core.windows.net/publicimages/SVGs/PROFESSIONAL%20ACADEMY%20LOGO%202024.svg);
}

.navbar-fixed-top.navbar .menu-bar>.navbar-nav>.divider-vertical {
    height: 21px;
    margin: 0 4px;
    margin-top: 14.5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #666;
}

.navbar-static-top.navbar .menu-bar>.navbar-nav>.divider-vertical {
    height: 21px;
    margin: 0 4px;
    margin-top: 14.5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #666;
}

.navbar-fixed-top.navbar-inverse .divider-vertical {
    border-right-color: #fff;
    border-left-color: #111;
}

.navbar-static-top.navbar-inverse .divider-vertical {
    border-right-color: #fff;
    border-left-color: #111;
}

@media (max-width: 1199px) {
    .navbar-fixed-top .navbar-collapse .nav>.divider-vertical {
        display: none;
    }
}

@media (max-width: 1199px) {
    .navbar-static-top .navbar-collapse .nav>.divider-vertical {
        display: none;
    }
}

.footer-bottom {
    background-color: #484848;
    color: #fff;
}

.footer {
    background-color: #333;
    color: #fff;
    margin: 0;
    padding: 40px 0;
    position: relative;
}

.footer:before,
.footer:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
}

.footer-bottom .list-group {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 5px;
}

.footer-bottom .list-group,
.footer-bottom .list-group .list-group-item {
    border: none;
    background: transparent;
    color: inherit;
}

.footer-bottom .list-group .list-group-item {
    padding: 5px 10px;
}

.footer-bottom .list-group a.list-group-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.contact-bar a h5 {
    display: inline-block;
    transform: translateY(10px);
    max-width: 110px;
}

.contact-bar a .fa-stack {
    margin-left: -15px;
}

.contact-bar .navbar {
    margin-bottom: 0;
}

.contact-bar.affix-bottom,
.contact-bar.affix {
    top: unset!important;
}

.contact-bar.affix {
    bottom: 0;
}

@media (max-width: 768px) {
    .contact-bar.affix-bottom li,
    .contact-bar.affix li {
        width: 25%;
        float: left;
        text-align: center;
    }
    .contact-bar li h5 {
        display: none;
    }
    .contact-bar .navbar-right {
        text-align: center;
    }
}

@media (max-width: 350px) {
    .contact-bar li {
        width: 50%;
    }
}

.tile {
    padding: 15px;
    margin-bottom: 15px;
    color: #fff;
}

.tile-primary {
    background-color: #1E74BE;
}

.tile-success {
    background-color: #33CBCC;
}

.tile-info {
    background-color: #66339C;
}

.tile-warning {
    background-color: #EE7F1D;
}

.tile-danger {
    background-color: #EE1D1D;
}

.tile-circle {
    border-radius: 50%;
    position: relative;
    padding: 0;
    height: 92px;
    width: 92px;
    display: inline-block;
}

.tile-circle>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
    font-weight: 200;
    font-size: 1.7em;
    font-family: "Roboto", sans-serif, Arial, Verdana, Tahoma;
}

.ad-container {
    padding: 10px 0 10px 80px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
}

.news-article-container {
    border-top: 1px solid #333;
    text-align: left;
    padding-top: 10px;
    margin-bottom: 10px;
}

.news-article-container:last-of-type {
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}

.news-article-container p {
    margin: 0;
}

.text-primary .news-article-container,
.text-primary .ad-container {
    border-color: #1E74BE;
}

.text-success .news-article-container,
.text-success .ad-container {
    border-color: #33CBCC;
}

.text-info .news-article-container,
.text-info .ad-container {
    border-color: #66339C;
}

.text-warning .news-article-container,
.text-warning .ad-container {
    border-color: #EE7F1D;
}

.text-danger .news-article-container,
.text-danger .ad-container {
    border-color: #EE1D1D;
}

.ad-container .fa-stack {
    margin-left: -80px;
}

.ad-container .ad-copy h5 {
    color: #333;
    font-weight: 900;
}

.panel-heading[data-toggle="collapse"] .panel-title {
    cursor: pointer;
}

.panel-heading[data-toggle="collapse"] .panel-title:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 15px;
    content: "\f13a";
    position: relative;
    float: right;
    top: 2px;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-weight: 900;
}

.panel-heading[data-toggle="collapse"].collapsed .panel-title:before {
    transform: rotate(-90deg);
}