
.site-body a,
.site-body a:visited {color:#004489 !important;}
h1,
h2,
h3,
h4,
h5,
h6,
span.month {color:#004489 !important;}
.site-body .btn,
.site-body a.btn {border:1px solid #004489 !important;}
.search-container {background:#0067B1 !important;}
.callout-container a,
.callout-container a:visited {color:#004489 !important;}
.callout-container a.btn {border:1px solid #004489 !important;}
.quick-links-block:nth-child(1) {background:#70777A !important;}
.quick-links-block:nth-child(2) {background:#004489 !important;}
.quick-links-block .title {color:#ffffff !important;}
.quick-links-block p {color:#ffffff !important;}
.quick-links-block .btn,
.quick-links-block a.btn {border:1px solid #ffffff !important; color:#ffffff !important;}

/* BEGIN Social Media Container */
.social-media-container-trans {  
  display: block !important;
  font-size: 2rem;
  border-bottom: 1px solid #4f7e98;
  border-top: 1px solid #4f7e98;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.social-media-container-trans .social-media-container-box {
  width: calc(100vw - 40px);
  text-align: center;
}
.social-media-container-trans .social-media-container-box .social-media-container-connect {
  color: white;
  padding-bottom: 1rem;
}
.social-media-container-trans .social-media-container-box a {
  color: white;
  width: 50px;
  display: inline-block;
}
.social-media-container-trans .social-media-container-box a:hover {
  opacity: 0.8;
}
@media (min-width: 768px) { 
  .social-media-container-trans .social-media-container-box .social-media-container-connect {
    display: inline-block;
    padding-bottom: 0;
  }
}
/* END Social Media Container */

/* START Hide URLs in Print */
@media print 
{
  a[href]:after { content: none !important; }
  img[src]:after { content: none !important; }
}
/* END Hide URLs in Print */

.section-nav .opened>a,
.section-nav .opened>.expander-wrap a,
.section-nav .cm-menu>.opened>a,
.section-nav .cm-menu>li>a:hover,
.section-nav .cm-menu>li>a:focus,
.section-nav .cm-menu>li>div>a:hover,
.section-nav .cm-menu>li>div>a:focus { color:#fff !important; background:#004489 !important; }
.section-nav  .expander-wrap .has-sub>span { background:#004489; color:#fff; }
.section-nav .opened .opened>.expander-wrap>a { background:#004489; color:#fff;}
.section-nav .opened>ul {background:transparent;}

.view-agenda { background:#eee !important; }
.view-agenda:after { background:#004489 !important; }
.view-agenda .date { color:#004489 !important; }

.slideshow-interior .slide-item .title {color:#ffffff; margin:0; line-height:1.2; font-size:2.375em; font-weight:900; text-align:center; text-shadow:2px 2px 1px #444444;}

/* =================================================================
2019-01-30    
Widget Styles (testing only); class is decalred in webpart properties
===================================================================*/

/*  Collapsible Panel */

.cp-header{
                background-color: #004489;
                color: #ffffff;
                font-size: 20px;
                font-weight: 850;
                padding-left: 32px;
                padding-top: 8px;
                padding-bottom: 8px;
                margin-bottom: 16px;
}
.cp-header:hover{
                background-color: #0067B1;
                cursor: pointer;
}

.cp-content{
                background-color: #ffffff;
                color: #63666A;
                font-size: 20px;
                font-weight: 800;
                padding-left: 32px;
                padding-top: 8px;
                padding-bottom: 8px;
                margin-bottom: 16px;
}

.accordion.accordion--nctcog .accordion__item .accordion__trigger-label {
  background-color: #004489;
}

.accordion.accordion--nctcog .accordion__item .accordion__trigger-label:hover {
  background-color: #0067B1;
}

.accordion.accordion--dfwjobs .accordion__item .accordion__trigger-label {
  color: #004489;
}

.accordion.accordion--dfwjobs .accordion__item .accordion__trigger-label:hover {
  color: #0067B1;
}

