/*###########################################################################
GENERAL
#############################################################################*/

.mobileshow{display:none;}

/*###########################################################################
TYPOGRAPHY
#############################################################################*/
html { font-family: 'Tahoma', 'Geneva', sans-serif; font: normal 112.5%/1.65 serif; }

body { color: #444444; font-family: 'Tahoma', 'Geneva', sans-serif;}

.ccm-page h1,
.ccm-page h2,
.ccm-page h3,
.ccm-page h4,
.ccm-page h5,
.ccm-page h6 { line-height: 1; margin-top: 0; text-rendering: optimizeLegibility;}

.ccm-page a { color: #407B9B;}

.ccm-page h1 { font-size: 40px; margin-bottom: 8.91px; margin-bottom: 0.495rem; font-weight:bold;}
.ccm-page h2 { font-size: 28px; margin-bottom: 11.1375px; margin-bottom: 0.61875rem;}
.ccm-page h3 { font-size: 20px; margin-bottom: 14.85px; margin-bottom: 0.825rem; color: #fff;}
.ccm-page h4 { font-size: 16px; margin-top: 22.275px; font-weight:bold;  color: #407B9B;}
.ccm-page h5 { font-size: 14px; margin-top: 25.45714px; margin-bottom: 1.41429rem; font-weight:bold;}
.ccm-page h6 { font-size: 14px; margin-bottom: 29.7px; margin-bottom: 1.65rem; font-weight:bold;}

.btn-red {background-color: rgb(129, 117, 70); padding: 8px; border-radius:12px; color:#fff;}
.btn-red:hover {background-color: rgb(129, 117, 70); padding: 8px; text-decoration:none; color:#fff;}


/*###########################################################################
HEADER
#############################################################################*/

#headerTop { background-color: #FFF; height: 42px;}
#headerBanner { height: 300px; width: 100%;}
#headerBanner img{ width: 80%; vertical-align: middle; margin: 0 auto; display: block;}

/*###########################################################################
NAVIGATION
#############################################################################*/
 #siteNavigation { height:45px; width:100%; background-color: #407B9B; z-index: 2000;}

.ccm-page .nav>li>a {display:inline!important; color: #FFF;  padding: 13px 5px!important; transition: .25s ease-in-out; text-shadow: 0 30px 0px transparent; color: rgba(255,255,255,.3); overflow: visible;}
.ccm-page .nav>li>a:hover {text-shadow:0 0px 0px black;}
.ccm-page .nav>li {display:inline!important;}
.ccm-page .nav-path-selected a {border-bottom:3px solid #ffd988;}

#siteNavigation ul { margin: 0; padding: 0; list-style-type: none; text-align: center; height: 100%;}
#siteNavigation ul li { font-weight: bold; display: inline-block; list-style-type: none; padding: 0% 2%; vertical-align: middle; height: 100%;  line-height: 45px; font-size:15px; }


/*###########################################################################
BODY
#############################################################################*/

#welcomeSection { padding-bottom: 35px;}
#welcomePanel { background-color: white; width: 85%; padding: 30px 60px;}
#services img { display: block; margin-left: auto; margin-right: auto; padding-top: 29px;}


.announcements {border: 2px solid #1e4348; border-radius: 6px; color: #1e4348; display: block; margin-top: 15px; padding: 15px; text-align: center; margin-bottom: 25px; }
.announcements h3 {color: #1e4348;}
.announcements p {color: black;}
.announcements a {color: #1e4348;}


.pacdocs a {color: #333!important;}
.pacdocs .fa { color:#407B9B; font-size: 14px; margin-right: 10px; margin-left: 10px;}
/*###########################################################################
CUSTOM BLOCK STYLING
#############################################################################*/

/*Accordian*/
	.simple-accordion-title-shell h2 {font-size: 14px; font-weight: bold; padding-top:8px;}

/*Page List*/


/*###########################################################################
FOOTER
#############################################################################*/

.ccm-page #footer { background-color: #407B9B; height: 100px;}
.ccm-page #copyright { display:inline-block; padding-left:50px; padding-top: 34px; float: left; color: rgb(216, 216, 216); font-weight: lighter;}
.ccm-page #memberLogin{ display:inline-block; padding-right:20px; padding-top: 34px; color: rgb(216, 216, 216); float: right; padding-right: 50px; font-weight: lighter;}

/*###########################################################################
MEDIA QUERIES
#############################################################################*/
@media (max-width: 1410px) {
  #headerBanner { height:180px; margin-bottom: 50px;}
  #headerTitle h1 { font-size: 24px;}
  #siteNavigation { height: 45px; }
  #siteNavigation ul li { padding: 0% 2%;}

}

@media (max-width: 1310px) {
  #headerTitle h1 {line-height: 30px;}
}

@media (max-width: 1145px) {
  #siteNavigation { height: 90px; }
}

/************************* media query < 991px ************************************/
@media (max-width: 991px) {
  #headerBanner { height: 150px; margin-bottom: 20px; }
  #headerTitle h1 { font-size: 21px; line-height: 28px; }
  #services img { width: 100%;}
.mobilehide { display: none;}
.mobileshow { display: block;}
}

/************************* media query < 706px ************************************/
@media (max-width: 750px) {
  #headerBanner { height: 80px;}
  #headerTitle h1 { font-size: 18px;}
  }

@media (max-width: 706px) {
  #headerBanner { height: 80px;}
  #headertitle { width: 62%;}
  #headerTitle h1 { font-size: 18px;}
  #headerTitle p { color: rgb(238, 226, 205); text-align: center; z-index: 1000;}

  .ccm-page ul li { padding: 0% 2%; font-size:15px;}
  #services img { width:100%;}
}

/************************* media query < 634px ************************************/
@media (max-width: 634px) {
  #headerBanner { height: 80px;}
  #headerBanner h1 { font-size: 24px;}
  #headerTitle h1 { font-size: 18px; line-height:22px;}
  #headerBanner p { font-size: 16px;}
}

/************************* media query < 560px ************************************/
@media (max-width: 560px) {
  #headerBanner { margin-top: 10px; height: 75px;}
 .ccm-page ul li { padding: 0px 5px;}
  #headerTitle h1 { font-size: 20px;line-height: 24px;}
  #headerTitle p { font-size: 13px; font-weight: bold;}
}

/************************* media query < 544px ************************************/
@media (max-width: 544px) {
  #headerBanner { margin-top: 10px;}
  #headerLeftLogoImg { width: 100%; position:absolute; top:0; bottom:0; margin:auto;}
  #headerRightLogoImg { width: 100%; position:absolute; top:0; bottom:0; margin:auto;}
}

/************************* media query < 492px ************************************/
@media (max-width: 492px) {
  #headerBanner { height: 50px;}
  #headerBanner h1 { font-size: 25px;}
  #headerTitle h1 { font-size: 16px; line-height: 20px;}
  #headerBanner p { font-size: 12px;}
}




/*###########################################################################
  TEXT-RESIZER
#############################################################################*/

  /********* default/med/lg sizes ***************/
  .medium { font-size: 16px; line-height: 22px; }
  .large { font-size: 20px; line-height: 26px; }


  .ccm-page h1 { font-size: 26px; line-height: 32px; }
  .medium .ccm-page h1 { font-size: 34px; line-height: 40px; }
  .large .ccm-page h1 { font-size: 38px; line-height: 44px; }

/* .medium  #headerTitle h1 {
   font-size:24px!important;font-weight:bold;
  }
  .large  #headerTitle h1 {
   font-size:28px!important;font-weight:bold;
  } */

  .ccm-page h2 { font-size: 24px; line-height: 30px; }
  .medium .ccm-page h2 { font-size: 28px; line-height: 34px; }
  .large .ccm-page h2 { font-size: 32px; line-height: 38px; }

  .ccm-page .simple-accordion-title-shell h2 { font-size: 15px; line-height: 23px; }
  .medium .ccm-page .simple-accordion-title-shell h2 { font-size: 22px; line-height: 34px; }
  .large .ccm-page .simple-accordion-title-shell h2 { font-size: 28px; line-height: 38px; }

  .ccm-page h3 { font-size: 18px; line-height: 24px; }
  .medium .ccm-page h3 { font-size: 22px; line-height: 28px; }
  .large .ccm-page h3 { font-size: 26px; line-height: 32px; }

  .ccm-page h1, .ccm-page h2, .ccm-page h3 {font-weight: normal; text-decoration: none; }


  /********* where all the styles will be applied to  ***************/
  #text-resizer-container { margin: 20px auto; width: 960px; }


  /********* tooltip for resizing ***************/
  .text-resizer { border: 1px solid rgb(111, 141, 166); margin:6px; padding:0px 6px; float: right; list-style: none;}
  .text-resizer li { float: left; line-height: 26px; margin-right: 5px; }
  .text-resizer .small { font-size: 12px; line-height: 26px; }
  .text-resizer .large { margin-right: 0; }
  .small .text-resizer .small a, .medium .text-resizer .medium a, .large .text-resizer .large a { color: rgb(203, 218, 225); text-decoration: none; }
  .small .text-resizer a, .medium .text-resizer a, .large .text-resizer  a{ color: rgb(111, 141, 166); text-decoration: none; }


@media screen and (max-width: 1240px) {
    #welcomePanel p img { display: block; height: auto !important; margin: 0 auto; width: 100% !important; }
}
@media screen and (max-width: 768px) {
    #headerBanner { height: auto; }
    #headerBanner img { display: block; margin-bottom: 8px; width: 100%; }
    .mobileshow { margin-bottom: 8px; }
    #welcomePanel { padding: 14px 24px; }
    #welcomePanel > div.row { margin: 0; }
    div.row > div[class*="col-"] { margin-bottom: 20px; padding: 0; }
    div#footer > div { float: none; font-size: .8em; padding: 8px; text-align: center; }
}
@media screen and (max-width: 500px) {
    #welcomePanel { padding: 14px; }
    #welcomePanel > div.row { margin: 0; }
    #welcomePanel h2, div.row > div[class*="col-"] h2 { font-size: 1.6em; }
    div.row > div[class*="col-"] { font-size: .8em; line-height: 16px;}
    div.row > div[class*="col-"] > div { margin: 0 !important; }
    h2.panel-title { font-size: 1.3em !important; line-height: 24px !important; margin: 0; padding: 0; }
}