/** Derived from styles for oriongreen, and radiance. **/

/**
 * See: http://www.fontsquirrel.com/fonts/bebas-neue
 * Redistributed in this theme with permission from Dharma Type - March 26, 2011
 */
@font-face {
  font-family: 'BebasNeueRegular';
  src: local('BebasNeueRegular'),
       url('/assets/fonts/BebasNeue/BebasNeue-webfont.eot'),
       url('/assets/fonts/BebasNeue/BebasNeue-webfont.eot?iefix') format('eot'),
       url('/assets/fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'),
       url('/assets/fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
       url('/assets/fonts/BebasNeue/BebasNeue-webfont.svg#webfontfvFLBU0N') format('svg');
  font-weight: normal;
  font-style: normal;
}

.prodtable td {
    padding-right: 4px;
    vertical-alignment: top;
}

.pl-spacing {
  float: left !important;
  padding-right: 4px;
}


#sharing{
  margin: 16px 0 0 0;
  padding: 4px 0 0 0;
}
#sharing ul{
  list-style: none;
}
#sharing li{
  margin: 0;
  float: left;
}

/* Make all images responsive in the content section */
.content img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.page-header {
  margin-top: 10px;
  margin-bottom: 4px;
}

.gsc-control-cse {
  padding: 0 !important;
}

.content .pin_image_thumb {
  height: 200px;
  width: 200px;
  object-fit: cover;
}

.content .youtube_link_thumb {
  height: 200px;
  width: 200px;
  object-fit: cover;
}

.pin_image_description {
  width: 200px;
}

.youtube_link_block {
  display:inline-block;
  width: 200px;
  vertical-align: top;
}

.content img.index_post_thumb {
  height: 128px;
  width: 128px;
  object-fit: cover;
  max-width: none;
}

.posts {
  list-style: none;
  padding-left: 0;
}

body {
  background-image: url(/assets/themes/orionrobots/images/orion_content_bg_bright.jpg);
  background-size: cover;
}

body .container {
  background-color: white;
}

a {
  color: #418C5A;
}

.post_summary :first-child {
  border-top: none;
}

.post_summary {
  border-top: 1px solid #83b52b;
  padding-top: 0.5em;
  padding-bottom: 0.2em;
}

.post_excerpt h1 {
  font-size: 20px;
}

.post_excerpt h2 {
  font-size: 18px;
}

.post_excerpt h3 {
  font-size: 17px;
}

.post_media .post_title {
  font-size: 20px;
}

.post_summary .post_title {
  font-size: 16px;
}

.video-container {
  position: relative;
  width: 100%;
  height: 0;
  /* set to 56.25% because 9 divided by 16 equals 0.5625, or 56.25% as a percentage.
    This is the aspect ratio of 16:9, which is the aspect ratio of HD video. */
  padding-bottom: 56.25%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#site-title h1 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.1;
  margin-top: 0.1em;
  margin-bottom: 0;
}

/* Navbar css */
.navbar {
  margin-bottom: 4px;
  --bs-navbar-brand-font-size: 18px;
  --bs-navbar-color: white;
}

.navbar-brand {
  font-family: BebasNeueRegular, arial, sans-serif;
  color: white;
}

.navbar-light {
  background-image: url(/assets/themes/orionrobots/orion_header_new.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}

#tags.nav {
    line-height: 14px;
    padding: 2px 2px;
}

.navbar-light .navbar-nav .nav-link  {
  color: #ffffff;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #78e49c;
}
.navbar-toggler {
  background-color: white;
  padding: 0px;
  border: none;
}

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
}

.nav-link {
  font-size: 11px;
  line-height: 22px;
  font-weight: 500;
  text-transform: uppercase
}
/*
#site-title h1 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.1;
  margin-top: 0.1em;
  margin-bottom: 0;
} */
.card {
  margin-bottom: 4px;
}


h2 {
  font-size: 30px;
}
/* tags */
#tags li a {
  /* color: #98978b; */
  text-decoration: none;
  /* font-size: 11px;
  font-weight: 500; */
  text-transform: uppercase
}

.site-tag a, .tag_box a {
  text-decoration: none;
}

.fa-img {
  width:  16px;
  height: 16px;
}