/* stylelint-disable selector-list-comma-newline-after */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  background-color:#999;
  background-image:url('../img/np-bg.jpg?v=1');
  background-position:center center;
  background-attachment:fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

header .container {padding-left:0px;padding-right:0px}

main.container {background-color:#fff;padding-top:15px}

a,a:hover {color: #1d5490;}

h1, h2, h3, h4, h5, h6 {
  font-family:  "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#1d5490;
}

h1 strong,h2 strong, h3 strong,h4 strong {font-weight:normal}


p.breadcrumbs {color:#777}
p.breadcrumbs span {color:#ccc;font-weight:100}

h1 {font-weight:700;}
h2, h3, h4, h5, h6 {font-weight:500;}
article h3,article  h4 {color:#777}

.site-header {
  background-color:#0a2e54;
  background-color: rgba(10,46,84,.8);
  padding:5px 0px 5px 0px;
}

.site-header-logo {
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 4.25rem;
  line-height:5.5rem;
  font-weight:500;
  color:#fff;
}

.site-header-logo:hover {
  text-decoration: none;
  color:#fff;
}

.site-header-logo strong {color:#fca311;font-weight:700}

.site-header-left {text-align:left;} 
.site-header-right, .site-header-right a  {
  color: #eee;
}


nav {
	background-color:#fca311;
	border-radius:3px;
	padding-left:10px;
}

nav a {
	display:inline-block;
	padding:4px 20px 4px 20px;
	color:#fff;
	text-align:center;
	border-right:1px solid #777;
}

nav a.selected-menu {
	background-color:#24a8ac;
}

nav a:hover {
	color:#fff;
	background-color:#24a8ac;
	text-decoration:none;
}

#searchbox {margin-right:10px}

#searchbox .form-control, 
#searchbox .btn {
    width:80px;
    border-radius:0px 2px 2px 0px;
    height: 25px;
    padding: 2px 5px;
    font-size: 13px;
    margin:3px 0px 3px 0px;
    border: none;
    overflow: auto;
    outline: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
#searchbox .form-control {background-color:#e2e2e2;width:120px;border-radius:2px}

.ad300x250 {
	max-width;298px;
	height:248px;
	background-color:#e7e7e7;
	border:2px solid #ccc;
}

.ad-inlinex {
	height:200px;
	background-color:#e7e7e7;
	border:2px solid #ccc;
}

.ad-inline {
	height:1px;
	border-bottom:1px dotted #ccc;
}

a.btn-primary, .btn-primary, .brand-link {
    color: #fff;
    background-color: #24a8ac;
    border-color: #24a8ac;
}

a.btn-primary:hover, .btn-primary:hover {
    color: #fff;
    background-color: #24a8ac;
    border-color: #24a8ac;
}

.card-title {font-size:1.6rem}
.ad-sticky {
     position: -webkit-sticky; /* Safari */  
     position: sticky; 
     top: 10px;
}

.card {background-color:#f7f7f7}

.card-img-div {
        background-repeat:no-repeat;
        background-position: top;
        background-size:cover;
        height:20vw; 
}

.card-img-div img {
	width:100%;
	height:100%;
	object-fit:cover;
}

ul.alist {
        list-style-type:none;
        width:100%;
        margin:0px;
        padding:15px;
}
ul.alist li {
        margin:0px;
        padding:0px 0px 10px 0px;
        display:block;
}

ul.alist li p {
        margin:0px;
        padding:0px;
        font-size:.95em;
        line-height:1.2em;
}

.athumb, .tthumb {
        background-repeat:no-repeat;
        background-position: center;
        background-size:cover;
        width:60px;
        height:60px;
        float:left;
        margin:0px 10px 10px 0px;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.site-footer {
  padding: 2.5rem 0;
  color: #eee;
  text-align: center;
  background-color:#0a2e54;
  background-color:rgba(10,46,84,.8);
}

.site-footer p:last-child {
  margin-bottom: 0;
}

.site-footer a {
	color: #eee;
}

@media (max-width: 990px) {

  .site-header-right {display:none}
  .site-header-left {
	width:100%;
	text-align:center;
  } 
  nav {text-align:center;padding-top:5px}
  nav a {
	font-size:18px;
	border:none;
	background-color:#fff;
	color: #15213e;
	margin:3px 3px 8px 3px;
	padding:3px 10px 3px 10px;
	border-radius:3px;
  }

  nav a.selected-menu,nav a:hover {border-radius:3px;color:#fff}

  #searchbox {float:none !important;display:line-block;padding:3px 0px 3px 0px}
  #searchbox .form-control, #searchbox .btn {
    height: 28px;
    padding: 0px 0px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  h1 {font-size:2.2rem}
  .site-header-logo {
     font-size: 3.4rem;
     line-height:4.3rem;
  }
 
  .card-img-div {
    background-position: top;
     height:70vw; 
  }

  body {background-image:none;background-color:#fff}
  .site-header {background-color:rgb(0,78,132)}

}