/* This file will hold the main styles for your website. */

@import url(https://fonts.googleapis.com/css?family=Muli:300,400);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:600);

/* -- HTML ELEMENTS, MAIN STYLES -- */

span.mailto, span.ext {
  display: none;
}

ul.menu,
ul.menu li.leaf,
ul.no-bullets, 
ul.no-bullets li.leaf {
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}

#block-system-main {
  padding:0;
}

#block-system-main .blue-background {
  background: #CDEAEA;
  padding:12px;
  margin: 8px 0;
}

#block-system-main .gray-background {
  background: #E0E1E2;
  padding:12px;
  margin: 8px 0;
}

#block-system-main ul.no-bullets,
#block-system-main ol.no-bullets {
  padding-left: 0;
}

#block-system-main ul.no-bullets li {
  margin-left: 8px;
}

#block-system-main .right {
  float:none;
  width: auto;
  margin-bottom: 1em;
  display: block;
}

#block-system-main .left {
  float: none;
  width: auto;
  margin-bottom: 1em;
  display: block;
}

#block-system-main .left.small,
#block-system-main .right.small {
  width: auto;
}

#block-system-main .clear {
  clear:both;
}

#block-system-main  .border-top {
  background: url('../images/service-border-horizontal.png') repeat-x top center transparent;
  padding-top: 1em;
  height:auto;
}

#block-system-main  .border-bottom {
  background: url('../images/service-border-horizontal.png') repeat-x bottom center transparent;
  padding-bottom: 1em;
  height:auto;
}

a.mailto {
  
}

.edit-link {
  padding-right: 20px;
}

.content p {
  margin-bottom: 1em;
}

#block-system-main .content p {
  font-size:1.042em;
}

div.anchors,
ul.anchors {
  background: #FFEAB7;
  display: block;
  padding: 6px 12px;
  margin-bottom: 12px;
}

div.anchors.no-bullets ul,
ul.anchors {
  list-style:none;
}

ul.anchors a {
  color: #001C6C;
  font-family: 'Muli',Arial,sans-serif;
  margin-bottom: 0;
  margin-top: 0;
}

a.anchor {
  color: #001C6C;
  font-family: 'Muli',Arial,sans-serif;
  font-size: 1.5em;
  display: block;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  margin-bottom: 6px;
  margin-top: 6px;
}

div.anchors a {
  color: #001C6C;
  font-family: 'Muli',Arial,sans-serif;
  display: block;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  margin-bottom: 6px;
  margin-top: 6px;
  font-size: 1.167em;
}

a.anchor:hover,
div.anchors a,
div.anchors a:hover,
ul.anchors a:hover  {
  text-decoration: underline;
}

/* COPY AND REPLACE ON YOUR SUBTHEME */
.title-wrapper {
  background: #1398AC;
}

/* CONTENT ELEMENTS */
/* HEADINGS */
#block-system-main h2 {
  font-family: 'Muli', Arial, sans-serif;
  font-size: 2em;
  font-weight: lighter;
  letter-spacing: normal;
  line-height: normal;
  color:#001C6C;
  margin-bottom: 12px;
  margin-top: 6px;
}

#block-system-main .block-title-wrapper h2 {
  margin-bottom: 6px;
}

#block-system-main h2.dotted-title {
  font-family: 'Muli', Arial, sans-serif;
  font-size: 2em;
  font-weight: lighter;
  letter-spacing: normal;
  line-height: normal;
  color:#001C6C;
  display: block;
  padding:8px 0;
  margin-bottom: 12px;
  margin-top: 6px;
}

#block-system-main h3 {
  font-family: Arial, sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  color:#001C6C;
  margin-bottom: 6px;
  margin-top: 6px;
}

#block-system-main h4 {
  font-family: Arial, sans-serif;
  font-size: 1.167em;
  font-weight: bold;
  letter-spacing: normal;
  line-height: normal;
  color:#001C6C;
  margin-bottom: 0;
  margin-top: 6px;
}

#block-system-main h4.green {
  color:#3C8764;
  margin-bottom: 0;
}

.region-sidebar-second .block h2.block-title:before,
.region-sidebar-second .block h2.block-title:after {
  content: "";
  display: block;
  height: 3px;
  margin: 2px 0;
  background: url("../images/service-border-horizontal.png") repeat-x bottom center transparent;
}

#region-sidebar-second .block:nth-child(even) {
  background: #CDEAEA;
}

#region-sidebar-second .block:nth-child(odd) {
  background: #CDEAEA;
}

/* TABLES */
#block-system-main table.content caption {
  text-align: left;
  background: #002B7F;
  color: #fff;
  font-family: 'Muli', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1250em;
  padding: 7px 7px; 
}

#block-system-main table.content td {
  padding: 1em;
  border: 1px solid #fff;
}

#block-system-main table.content tr:nth-child(odd) { 
  background: #CDEAEA;
}

#block-system-main table.content tr:nth-child(even) { 
  background: #DCF1F9;   
}

/* Communications Blocks */
.commblock {
  margin-bottom: 2em;
}

ul.home-page-buttons {
  padding:0;
  margin:0;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

ul.home-page-buttons li {
  display: block;
  height: 107px;
  background: #DCF1F9;
  margin-bottom: 6px;
}

ul.home-page-buttons li.last {
  margin-right: 0;
}

ul.home-page-buttons li a {
  font-size: 1.550em;
  color: #fff;
  text-decoration: none;
  background: url("../images/SexualMisconduct_HomeButton2.png") no-repeat 50% 50% transparent;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1em;
}

ul.home-page-buttons li a span {
  width: 100%;
  display: inline-block;
  padding-top: 42px;
  font-family: 'Muli', 'Source Sans Pro', Arial, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}

@media (max-width: 906px) {
  #page ul.home-page-buttons li {
    height: 102px;
  }
  #page ul.home-page-buttons li a span {
    padding-top: 18px;
  }
  #page ul.home-page-buttons li a {
    font-size: 19px;
  }
  .responsive-layout-mobile #page ul.home-page-buttons li a {
    background: none;
  }
  .responsive-layout-mobile #page ul.home-page-buttons li {
    background: #162E57;
  }
  .responsive-layout-mobile #page ul.home-page-buttons li a span {
    padding-top: 24px;
  }
}

/* Events Page and Block */
.view-events .views-row .field-name-title h2 {
  font-size:1.533em;
  font-weight: normal;
  font-family: Arial,sans-serif;
  letter-spacing: normal;
  margin-bottom: 4px;
  text-decoration: none;
}

.view-events .views-row .field-name-title h2 a {
  color: #002B7F;
  display: block;
  font-family: 'Muli',Arial,sans-serif;
  font-weight: lighter;
  line-height: normal;
  text-decoration: none;
}

.front #region-sidebar-second .view-events .views-row .field-name-title h2 a:hover,
.view-events .views-row .field-name-title h2 a:hover,
.front #region-sidebar-second .view-events .views-row .field-name-title h2 a  {
  text-decoration: underline;
}

.front .field-name-field-event-location,
.front .field-name-field-event-date {
  font-size: 1.233em;
  padding-bottom: 6px;
  line-height: 1.333em;
}

.not-front .field-name-field-event-location {
  margin: 1em 0;
  font-size: 1em;
  font-weight: bold;
}

.not-front .field-name-field-event-date {
  margin: 1em 0;
  font-size: 1em;
  font-style: italic;
}

.view-events .views-row {
  margin-bottom: 2em;
}

.view-events .field-name-node-link {
  margin-top: 4px;
}

.more-events-link {
  margin-top:2em;
  display: block;
  font-size: 1.2em;
  text-align: right
}

/* SEARCH PAGE */
.page-search #block-system-main ul {
  margin-left: 1em;
}

/* FAQ PAGE */
.page-frequently-asked-questions .view-faq .views-row {
  margin-left:1em;
  margin-bottom: 1em;
}

.page-frequently-asked-questions .views-field-title,
.page-frequently-asked-questions .views-field-field-faq-question {
  cursor: pointer;
  text-decoration: underline;
  color: #002b7f;
}

.page-frequently-asked-questions .views-field-body {
  display: none;
  margin-left: 1em;
  margin-bottom: 3em;
  margin-top: 1em;
}

.page-frequently-asked-questions #block-system-main h3.dotted-title {
  display: block;
  padding:6px 0;
  margin-bottom: 12px;
  margin-top: 12px;
}

.page-frequently-asked-questions .view-faq .views-row-last {
  margin-bottom: 2em;
}

.block-menu-block-11 {
  background: url("../images/service-border-horizontal.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
  margin-bottom: 22px;
  padding-bottom: 22px;
}

.page-frequently-asked-questions .view-faq-sections .view-content {
  background: #fff;
  padding-left: 0;
}

.page-frequently-asked-questions .view-faq-sections .views-row {
  margin-left: 0;
}




/* HEDER MENU COLOR AND MAIN MENU */
.responsive-layout-fluid #region-menu ul.first-tier > li.open > a:hover,
.responsive-layout-fluid #region-menu ul.first-tier > li.open > a,
#region-menu .block-menu-block ul.first-tier > li.last.open a  {
  color: #fff;
  background: #1398ac;
  background-color:#1398ac;  
}

.responsive-layout-fluid #region-menu .block-menu-block ul.second-tier {
  border-bottom: 5px solid #1398ac;
  border-top: 5px solid #1398ac;
  border-left: 1px solid #1398ac;
  border-right: 1px solid #1398ac;  
}

.responsive-layout-fluid .region-sidebar-first-inner ul.menu ul.second-tier {
  position: absolute;
  left:99%;
  top:0;
  z-index: 9999;
  list-style-image:none;
  padding: 14px 0;
  border-bottom: 5px solid #1398ac; 
  border-top: 5px solid #1398ac; 
  border-left: 1px solid #1398ac; 
  border-right: 1px solid #1398ac; 
  margin-left: 0;
  width: 190px;
  background-color: #fff;
}


/* BANNER */
.banner-two-cols {
  background-color: #001C6C;
}

#region-header-first {
  margin-top:1em;
  margin-bottom: 1em;
}

#block-views-banner-block {
  border-top: 0.5em solid #ffdb7a;
  background: #1398ac;  
  -webkit-box-shadow: 2px 3px 6px rgba(117, 117, 117, 0.5);
  -moz-box-shadow: 2px 3px 6px rgba(117, 117, 117, 0.5);
  box-shadow: 2px 3px 6px rgba(117, 117, 117, 0.5);
  margin-bottom: 20px;
}

.view-banner {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}

.js .view-banner .views-row {
  overflow: hidden;
}

.view-banner .group-left img {
  display: block;
  width: 100% !important;
  max-width: 600px;
  height: auto !important;
}

.view-banner .group-left,
.view-banner .group-right {
  float: none;
  width: auto;
}

.view-banner .group-right {
  margin: 10px 15px;
}

.views_slideshow_cycle_slide {
  margin: 0 auto;
  max-width: 100%;
}

.view-banner .view-content {
  color: #FFF;
  overflow: hidden;
}

.view-banner .node-unpublished,
.view-banner,
.banner-two-cols {
  background-color: #1398ac;
}

.view-banner .banner-previous,
.view-banner .banner-pause,
.view-banner .banner-next {
  display: none;
  cursor: pointer;
  float: left;
  padding-left: 8px;
  width: 18px;
}

.view-banner .banner-previous {
  padding-right: 2px;
}


/* COPY AND REPLACE THESE WITH YOUR SITE COLOR VALUES ON SUB-THEME */
.responsive-layout-fluid #region-menu ul.first-tier > li.open > a:hover,
.responsive-layout-fluid #region-menu ul.first-tier > li.open > a,
#region-menu .block-menu-block ul.first-tier > li.last.open a,
#region-menu .block-menu-block ul.first-tier > li.last a:focus,
#region-menu .block-menu-block ul.first-tier a:focus,
#region-menu .block-menu-block ul.first-tier > li.last:focus > a,
#region-menu .block-menu-block ul.first-tier > li:focus > a  {
  color: #fff;
  background:#1398AC;        /* <--- CHANGE HERE */
  background-color:#1398AC; /* <--- CHANGE HERE */
}
/* REPLACE THESE WITH YOUR SITE COLOR VALUES */

.responsive-layout-fluid #region-menu .block-menu-block ul.second-tier {
  position: absolute;
  left:-2px;
  top:18px;
  z-index: 9999;
  list-style-image:none;
  padding: 14px 0;
  border-bottom: 5px solid #1398AC; /* <--- CHANGE HERE */
  border-top: 5px solid #1398AC;    /* <--- CHANGE HERE */
  border-left: 1px solid #1398AC;   /* <--- CHANGE HERE */
  border-right: 1px solid #1398AC;  /* <--- CHANGE HERE */
  margin-left: 0;
  width: 190px;
  background-color: #fff;
}

.responsive-layout-fluid .region-sidebar-first-inner ul.first-tier>li.first-tier-li:hover > a,
.responsive-layout-fluid .region-sidebar-first-inner ul.first-tier>li.first-tier-li.open > a {
  background:#1398AC;
}
/* REPLACE THESE WITH YOUR SITE COLOR VALUES */



/* scale images */
#block-system-main .content img.full-width {
    height: auto;
    width: 100%;
}