/* #####################
 Listing Styles
 ##################### */

/* Testing Links
    <link rel="stylesheet" href="https://use.typekit.net/fqr4jjd.css">
    <link rel="stylesheet" href="custom.css">
*/

 .collection-category h2 {
 	font-family: interstate, sans-serif;
 	font-weight: 300 !important;
 	letter-spacing: 1px;
 	font-size:  35px;
 	color: #454542;
 	margin: 0 0 30px !important;
 }

 .collection-category h2 a {
    font-family: interstate, sans-serif;
    font-weight: 300 !important;
    letter-spacing: 1px;
    font-size:  35px !important;
    color: #454542;
    margin: 0 0 30px !important;
 }

 .collection-category h2 a:hover {
  border-bottom: none !important;
}

.navbar .navbar-inner {
  background: #3F5260 !important;
}

.navbar .nav a {
  color: #3F5260 !important;
}

.navbar .nav .active a {
  color: #fff !important;	
  font-family: interstate, sans-serif;
  letter-spacing: 0.2px;
  font-weight: 400 !important;
  font-size:  16px;
  text-transform: lowercase; !important;
  cursor: pointer;
}

.navbar .nav li {
  display: none !important;
}

.navbar .nav .active {
  display: inline-block !important;
}

.navbar .nav a {
  cursor: default;
}

#docsSearch {
  background: #fff !important;
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

body {
  background-color: #F7F7F7 !important;
}

#contentArea {
  padding:  60px;
}

.article-count {
  font-family: interstate, sans-serif;
  letter-spacing: 0.5px;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.category h3 {
  font-family: interstate, sans-serif;
  letter-spacing: 1px;
  font-size: 18px !important;
  text-transform: uppercase;
  font-weight: 300 !important;
}

.category {
  background-color: #fff;
  border: 1.5px solid #fff !important;
}


@media (max-width: 768px) {

   .category {
      margin-bottom: 20px !important;
  }

}

.category:hover  {
  background-color: #fff !important;
  border: 1.5px solid #6E7F8F !important;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(17,17,17,0.08); 
  box-shadow: 0px 5px 15px 0px rgba(17,17,17,0.08);
}

.category:hover .article-count {
  text-decoration: underline;
  text-underline-offset: 5px;
}

footer p {
  font-family: interstate, sans-serif;
  letter-spacing: 0.2px;
  color: #454542 !important;
  font-size: 11px !important;
  font-weight: 300 !important;
}
footer p a {
  font-family: interstate, sans-serif;
  letter-spacing: 0.2px;
  color: #454542 !important;
  font-size: 11px !important;
  font-weight: 300 !important;
}

#searchBar input {
  border-radius: 0 !important;
  font-family: interstate, sans-serif;
  letter-spacing: 0.5px;
  color: #454542 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  background-color: #F7F7F7;
  padding-left: 40px;
  border: #BEBEBE 1px solid;
}

#searchBar button {
  font-family: interstate, sans-serif;
  font-size: 16px !important;
  font-weight: 500 !important;
  border-radius: 0 !important;
  background: #3F5260 !important;
  border: none !important;
  padding: 0 30px !important;
  letter-spacing: 0.5px;
}

 /* #####################
 Sub-Listing Styles
 ##################### */

 .contentWrapper select {
 	display: none;
 }

 section h1 {
 	font-family: interstate, sans-serif !important;
 	font-size: 25px !important;
 	font-weight: 300 !important;
 	letter-spacing: 1px;
 	color: #454542 !important;
 	text-transform: uppercase;
 	padding-bottom: 20px;
 }

 section a {
 	color: #6E7F8F;
 	font-family: interstate, sans-serif;
 	font-size: 12px !important;
 	font-weight: 500 !important;
 	letter-spacing: 1px;
 } 

  /* #####################
 Article Styles
 ##################### */

 .contentWrapper {
 	border: #BEBEBE 1px solid;
 }

 .related {
 	margin-top: 30px;
 	border: #BEBEBE 1px solid;
   padding-right: 20px !important;
}

.related h3 {
 font-family: interstate, sans-serif;
 font-size: 16px !important;
 font-weight: 500 !important;
 text-transform: capitalize;
 color: #454542;
}

.related a {
 color: #6E7F8F;
 font-family: interstate, sans-serif;
 font-size: 12px !important;
 font-weight: 500 !important;
 letter-spacing: 1px;
}

.articleFoot p, .articleFoot time {
 font-family: interstate, sans-serif !important;
 font-size: 12px !important;
 font-weight: 400 !important;
 letter-spacing: 0.5px;
 font-style: normal;
}

.articleFoot a {
 color: #6E7F8F !important;
 font-weight: 500 !important;
 border: none !important;
 letter-spacing: 0.5px;
} 

#sidebar h3 {
 font-family: interstate, sans-serif !important;
 font-size: 16px !important;
 font-weight: 500 !important;
 letter-spacing: 0.5px;
 color: #454542;
 text-transform: capitalize;
}

#sidebar ul {
 font-family: interstate, sans-serif !important;
 font-size: 14px !important;
 font-weight: 400 !important;
 letter-spacing: 0.5px;
 color: #454542;
}


#sidebar .active a {
 font-family: interstate, sans-serif !important;
 font-size: 16px !important;
 font-weight: 500 !important;
 letter-spacing: 0.5px;
 color: #454542 !important;
}

#sidebar #searchBar button {
 background-color: transparent !important;
 right: 0px;
 height: 50px;
}

#sidebar #searchBar input {
 background-color: #FFFFFF !important;
 padding-left: 20px;
 height: 50px;
 letter-spacing: 0.5px;
}

article h1 {
 font-family: interstate, sans-serif !important;
 font-size: 25px !important;
 font-weight: 300 !important;
 letter-spacing: 1px;
 color: #454542 !important;
 text-transform: uppercase;
 padding-bottom: 20px;
}

.articleRatings {
 margin-top: 20px;
}

.articleRatings span {
 font-family: interstate, sans-serif !important;
 font-size: 14px !important;
 font-weight: 300 !important;
 letter-spacing: 0.5px;
 color: #454542 !important;
}

article h3 {
 font-family: interstate, sans-serif !important;
 font-size: 16px !important;
 font-weight: 500 !important;
 letter-spacing: 0.5px;
 color: #454542 !important;
 text-transform: capitalize; !important;
}

article h3 strong {
 font-weight: 500 !important;
}

article a {
 color: #6E7F8F !important;
 font-family: interstate, sans-serif !important;
 font-size: 12px !important;
 font-weight: 500 !important;
 letter-spacing: 1px;
 line-height: 30px;
}

article a:hover {
 text-decoration: underline;
 text-underline-offset: 5px;
}

article p {
 color: #454542 !important;
 font-family: interstate, sans-serif !important;
 font-size: 14px !important;
 font-weight: 300 !important;
 letter-spacing: 0.2px;
}

article ol, article ul {
 color: #454542 !important;
 font-family: interstate, sans-serif !important;
 font-size: 14px !important;
 font-weight: 300 !important;
 letter-spacing: 0.2px;
 margin-left: 20px;
}

article ol li, article ul li {
 color: #454542 !important;
 padding-left: 10px;
 margin-bottom: 5px !important;
}

.navbar .nav a {
 font-family: interstate, sans-serif;
 letter-spacing: 0.2px;
 font-weight: 400 !important;
 font-size: 16px !important;
 text-transform: lowercase;
}

@media (max-width: 768px) {
 iframe {
    width: calc(100vw - 160px);
    height: calc(100vw - 310px);
 }
 .nav-collapse nav .nav li a{
  color:white!important;
}

#contentArea {
  padding: 0px !important;
}

.contentWrapper {
  padding: 30px !important;
}

.articleFoot {
  padding-bottom: 40px;
}

}

@media (min-width: 769px) and (max-width: 1054px) {

 iframe {
    width: calc(100vw - 460px);
    height: calc(100vw - 565px);
 }

}


@media (max-width: 450px) {
 iframe {
    width: calc(100vw - 60px) !important;
    height: calc(100vw - 110px) !important;
 }

}