/* Basic shared styling */

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 98, ../scss/tools/_helpers.scss */
.clearfix {
  *zoom: 1; }

a, p, table, tr,td,th,body, html, ul, li, ol, dl, dd, dt, form, fieldset {
  font-size: 13px;
  line-height: 150%;
}

a {
  color: #2f7db7;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #ed614b;
  text-transform: uppercase;
}

h1 {
  margin-bottom: 0;
}

hr {
  margin: 20px 0;
  border: none;
  border-top: 2px solid #d8d6d3;
}

#header {
  height: 125px;
}

#topNav {
  margin-bottom: 35px;
}

#logoLink {
  top: 49px;
}

#utilNavContainer {
  padding-top: 0;
  width: 100%;
  float: none;
  border-top: none;
  text-align: right;
}

#utilNav, #searchArea_pnllogin {
  width: 565px;
  float: right;
}

#utilNav {
  margin-bottom: 10px;
}

#utilNav ul {
  text-align: right;
}

#utilNav li {
  display: inline-block;
  float: none;
}

.multisite-nav {
  padding: 5px 0px;
  margin-bottom: 20px;
  background: #e3e0de;
}

.multisite-nav ul {
  float: right;
  margin-right: 30px;
}

.multisite-nav li {
  display: inline-block;
}

.multisite-nav li + li:before {
  content: "|";
  margin: 0 10px;
}

#header .multisite-nav li a {
  color: #4e4944;
}

#header .multisite-nav li a:hover {
  text-decoration: underline;
}

#pnllogin {
  clear: right;
  float: right;
}

.login-container {
  float: left;
}

.login-container a {
  font-weight: bold;
}

.login-container:after, .loggedin-container br + a:after, .loggedin-container br + a:before {
  content: '';
  background: url(/images/icons/headerbullet.gif) 0 50% no-repeat;
  width: 5px;
  height: 5px;
  display: inline-block;
  margin: 1px 0 1px 8px;
}

.loggedin-container br + a:before {
  margin: 5px 5px 1px -4px;
}

.loggedin-container {
  margin-bottom: 5px;
  margin-top: -10px;
}

.loggedin-container br {
  display: none;
}

.loggedin-container br + a {
  margin: 0 0 0 10px;

}

#header .multisite-nav li:first-child a {
  color: #ed614b;
  font-weight: bold;
}

#nav5 a {
  background-image: url(/images/topnav/ConservSAFE_btn.png);
}

/* add subhead class to the ckeditor */
.subhead {
  font-weight: bold;
  font-size: 14px;
  color: #4e4944;
  text-transform: none;
}

/* Aside layout  */

.l-left-aside {
  width: 200px;
  float: left;
}

.news-section .contentBox:last-child,
.news-section li:nth-of-type(n+4) {
  display: none;
}

.news-section li {
  margin-bottom: 15px;
}

.news-section .link-list-item a:after {
  content: '';
}

.colright {
  width: 200px;
  float: right;
}

.coleft {
  width: 425px;
  float: left;
}

/* Aside styles */
.textMemberCalendar,
.textNews,
#quickLinks h2 {
  margin-bottom: 0;
  background-image: none;
}

.sidebar-title {
  padding: 15px 0;
  margin-bottom: 15px;
  text-align: center;
  background: #e0d9d2;
}

.sidebar-title  h1 {
  margin: 0;
  color: #003359;
  text-transform: none;
  font-family: 'Gotham A', 'Gotham B'; 
  font-weight: 800; 
  font-style: normal;
  font-size: 18px;

}


/* Main layout */
.l-main {
  float: right;
}

/*  Banner layout  */

#banner {
  position: relative;
  height: auto;
}

.l-banner-section {
  width: 670px;
}


.l-banner-section .threeColumn:last-child {
  padding-right: 0;
}

.three-column-section {
  margin: 40px 0;
  border-top: 1px solid #b5b2ac;
  border-bottom: 1px solid #b5b2ac;
}

.threeColumn {
  width: 200px;
  padding: 0 35px 40px 0;
  float: left;
}
/* Three column styles */
.three-column-section .threeColumn {
  text-align: center;
}

.threeColumn h1 {
  margin-bottom: 0;
}

.threeColumn h2, .coleft h4, .l-left-aside h3, .l-left-aside h4, .l-left-aside h2 {
  font-weight: bold;
  font-size: 14px;
  color: #4e4944;
  margin: 5px 0;
  text-transform: none;
}

.content-box {
  margin-bottom: 10px;
}

/* Slider styles */
.new-home-slider.slick-slider {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  padding: 10px 50px;
  width: 100%;
  background: rgba(0, 0, 0, .5);

}

.slick-prev, .slick-next {
  top: 40%;
  height: 35px;
  width: 35px;
  opacity: .95;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;

}

.slick-prev:hover, .slick-next:hover {
  opacity: 1;
}

.slick-prev:before, .slick-next:before {
  content: "";
}

.slick-prev {
  left: 10px;
  background: url("/images/home/new-home/left.png") no-repeat 0 0;

}

.slick-next {
  right: 10px;
  background: url("/images/home/new-home/right.png") no-repeat 0 0;

}

.large-slider .slick-slide {
  padding: 0;
}

.slick-slide {
  padding: 0 10px;
  box-sizing: border-box;
}

.slick-slide img {
  width: 100% !important;
  border: 2px solid transparent;
  transition: border .2s;
}

.active-css img {
  border: 2px solid #53caeb;
  border-radius: 5px;
}

/* Callout styles */

.callout {
  border-bottom: 8px solid #675c53;
  border-top: 8px solid #675c53;
  padding: 25px 0 25px 0;
  margin-top: 25px;
}

/* Calendar styles */
#calendarBox div {
  background: transparent;
  padding-left: 0;
}

#calendarBox h4 {
  text-transform: none;
  font-weight: normal;
  margin: 0 5px 0 0;
  width: auto;
  color: #000;
  font-size: 13px;
}

#calendarBox h4:after {
  content: ":";
}

#calendarBox p {
  line-height: 110%;
  display: inline;
  float: none;
}

#calendarBox a,
#quickLinks li a,
.news-section a {
  font-size: 13px;
  color: #000;
  font-weight: normal;
  line-height: 100%;
}

.news-section p a,
#calendarBox .viewCalendar {
  color: #2f7db7;
}

/* Connect Box styling */
.connect-block {
  background: #e0d9d2;
  padding: 20px;
}

.connect-block h2 {
  margin-bottom: 10px;
  color: #981f40;
  font-family: 'Gotham A', 'Gotham B'; 
  font-weight: 800; 
  font-style: normal;
  font-size: 18px;
}

.connect-block h2:first-of-type {
  margin-top: 0;
}

.connect-block a, .connect-block p, .connect-block h3 {
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  color: #8b8178;
}

.connect-block h3 {
  margin: 10px 0 5px 0;
}

.connect-block hr {
  width: 115px;
  margin: 15px auto;
  border-top: 1px solid #b2a9a3;
}

.social li {
  display: inline-block;
}

.social a {
  background: url('/images/result.png') no-repeat;
  background-position:  0 0;
  height: 27px;
  width: 27px;
  display: inline-block;
}

.social .facebook {
  background-position: 0px 0px;
}

.social .twitter {
  background-position: 0px -37px;
}

.social .pinterest {
  background-position: 0px -74px;
}

.social .instagram {
  background-position: 0px -111px;
}

.social .youtube {
  background-position: 0px -148px;
}

.connect-block, #quickLinks {
  text-align: center;
}

/* Quicklinks styling */
#quickLinks {
  margin: 30px 0;
  padding: 25px 10px;
  border-top: 2px solid #d8d6d3;
  border-bottom: 2px solid #d8d6d3;
}


#quickLinks h2 {
  font-size: 13px;
  margin-bottom: 5px;
}

#quickLinks li, #quickLinks li a {
  background: none;
}

#footer {
  margin-top: 25px; 
  padding-top: 30px;
  border-top: 2px solid #d8d6d3;
}

#footer p, #footer a {
  color: #8b8178;
}

#footer p {
  font-size: 100%;
}