@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Lalezar&display=swap');
html {
	position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
}
body {
	background-color: #134a6c;
}
body, p, td {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1rem;
	
}
.st-left {
	width: 285px;
	float: left;
}
.blogSubscribeBtn {
	border-radius: 4px;
	
	margin-top: 6px;
	margin-left: 8px;
}
.blog-item h6 {
	line-height: 2em;
}
.btn-xl {
padding: 1rem 1.5rem;
font-size: 1.5rem;
line-height: 1.75;
border: solid 5px #134a6c !important;
}
.logo {
	min-width: 100px;
	min-height: 95px;
}
a.anchor {
    display: block;
    position: relative;
    top: -170px;
    visibility: hidden;
}
.orange {
	color: #f5822c;
}
h2 {
	font-family: 'Lalezar', sans-serif;
    font-size: 2.5rem;
    color: #f5822c;
    line-height: 1.0;

}
#pageContent9 {
	padding-top: 0px !important;
}
.modal-content {
	background-color: #0786c8;
	border-radius: 12px;
	background-image: url('../images/retro-bg.png');
	background-size: cover;
}
.modal-header {
	background-color: #016ea6;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.modal-title {
	font-family: 'Lalezar', sans-serif;
    font-size: 2rem;
    color: #f5822c;
    line-height: 1.0;

}
.white-bg {
	background-color: #fff;
	color: #134a6c;
}
.white-bg .form-control {
	border: solid 1px #999;
	border-radius: 4px;
}
.btn {
	line-height: 1.1em;
}
.btn-info {
	background-color: #134a6c;
	border-color: #134a6c;
}
.btn-primary, #mc_embed_signup .button.btn-primary {
	background-color: #f5822c;
	border-color:#f5822c;
}
#mc_embed_signup .button {
	border-radius: 0px;
	background-color: #134a6c;
	border-color: #134a6c;
	
}
.fixed-top {
  position: relative;
  
}

header {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #1b88ca;
	-webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
}
header.scrolled, .med-blue-bg {
	background-color: #176FA4;
}
.home-intro {
	background-color: #1b88ca;
	padding-top: 20px;
}
.home-intro h1 {
	color: #FF9C28;
	font-family: 'Lalezar', sans-serif;
	font-size: 36px;
	line-height: 1.1em;
}

ul.social-menu {
	overflow: auto;
	display: inline;
}

ul.social-menu li {
	list-style-type: none;
	float: right;
	padding-top: 0px;
	padding-left: 8px;
}
.footer ul.social-menu li {
	float: left;
	padding-bottom: 12px;
	padding-right: 2px;
}

ul.social-menu li a{
	font-size: 1.5em;
	color: #fff;
}
.footer ul.social-menu li a{
	font-size: 1.3em;
}
.blue-bg ul.social-menu li a{
	font-size: 1.7em;
	
}
.blue-bg ul.social-menu li {
	padding-right: 8px;
	padding-left: 0px;
	float: left;
	
}
.pbicon {
	margin-right: 5px;
	margin-left: 5px;
}

.navbar {
	display: block;
    font-size: 0.8rem;
	font-weight: normal;
	padding-left: 0;
	padding-right: 0;
	padding-top: 30px;
}
.nav-item {
    margin-right: 0.15em;
	padding: 0px;
	font-size: 1.1em;
	
}
.nav-item a {
    color: #fff;
	
}

.dropdownRemoved .dropdown-toggle::after {
    display: none;

}
.navbar a.dropdown-item {
	text-align: right;
}

.navbar-toggler {
    background-color: #134a6c;
    border: 1px solid #fff;
	border-radius: 2px;
}
.navbar-toggler-icon {
	
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.dropdownRemoved .dropdown-toggle::after {
    display: none;

}
.dropdown-menu {
	background-color: #194668;
}
.blue-bg {
	background-color: #176FA4;
}
.dark-blue-bg {
	background-color: #194668;
	
}
.dark-blue-bg a {
	color: #fff;
}
.jumbotron {
	background-color: #316584;
	padding: 1.3rem 1.2rem 0 1.2rem;
	height: 100%;
}
#pageContent3 ol {
  margin-left: 20px;
  counter-reset: my-awesome-counter;
  list-style: none;
 
}
#pageContent3 ol li {
  margin: 0 0 1.8rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
  
}
#pageContent3 ol li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  position: absolute;
  --size: 36px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  transform: rotate(-10deg);
  background: #176FA4;
  border-radius: 50%;
  text-align: center;
  font-family: 'Lalezar', sans-serif;
}
#pageContent3 ol.list-second-half {
  counter-reset: my-awesome-counter2 10;
}
#pageContent3 ol.list-second-half li {
  counter-increment: my-awesome-counter2;
}
#pageContent3 ol.list-second-half li::before {
  content: counter(my-awesome-counter2);
  
}
p.trivia {
	border: 3px dotted #5198C4;
	padding: 15px;
	font-style: italic;
}
#hp {
	display: none;
}
.cms-content .white-bg {
	padding-top: 30px;
}
.cms-content .img-fluid.img-left {
	
	padding-bottom: 15px;
	padding-right: 20px;
}
.cms-content .img-fluid.img-right {
	padding-left: 20px;
	
	padding-bottom: 10px;
}
.cms-content hr {
	clear: both;
	padding-top: 5px;
	padding-bottom: 15px;
	border-top: 4px solid #63A2C8
}
.field-error {
	color: red;
}
#quotesCarousel .card {
	background-color: #ffe7d2;
	border: 2px solid rgba(0,0,0,0.3);
	font-family: 'Lalezar', sans-serif;
	font-size: 22px;
	line-height: 24px;
	height: 130px;
	
}

#mc_embed_signup #mce-success-response {
color: #f5822c;

}
#mc_embed_signup div.response {
	font-size: 1rem;
	background-color: #003077;
	padding: 10px;
	font-weight: bold;
	float: left;
	z-index: 1;
}
.blog-item {
	
	padding-bottom: 30px;
	border-bottom: solid 1px #777;
}
.blog-item  h6 {
	color: #256C92;
	
}
.blog-item  h6.news-tags{
	color: #555;
	font-size: 0.9em;
}
#episodeImage {
	max-width: 200px;
}
#epCarousel .card {
	  background-color: #194668 !important;
	  border: none;
	  height: 380px;
  }
  #epCarousel .card-body {
	  padding: 1rem;
  }
#epCarousel .card-text {
	line-height: 1.2em;
	margin-top: 8px;
}
 #epCarousel  {
	max-height: 380px;
	 overflow: hidden;
	
  } 
  #epCarousel  .carousel-inner {
	  padding-left: 15px;
  }
  #epCarousel .carousel-control-next-icon, #epCarousel .carousel-control-prev-icon {
	  width: 40px;
	  height: 40px;
  }
  #epCarousel .carousel-control-next {
	  right: 0;
	  justify-content: right;
	  width: auto;
	  
  }
  #epCarousel .carousel-control-prev {
	  left: 0;
	  justify-content: left;
	  width: auto;
  }
  #epModal {
	  color: #fff;
  }
  #epModal p {
	  line-height: 1.25;
  }
  #epModal a {
	  color: #f5822c !important;
  }
  #st1 {
	  margin-right: -8px;
  }
  .copyboard {
	  height: 40px;
	  width: 40px;
	  background-color: #7d7d7d;
	 border-radius: 4px;
border: none;
cursor: pointer;
display: inline-block;
font-size: 16px;
line-height: 40px;
margin-left: -46px;
padding: 0 6px;
position: relative;
text-align: center;
top: 0;
vertical-align: top;
white-space: nowrap;
	  
  }
  .newssubscribe {
	  height: 40px;
	  width: 40px;
	  background-color: #f5822c;
	 border-radius: 4px;
border: none;
cursor: pointer;
display: inline-block;
font-size: 16px;
line-height: 40px;
margin-left: 3px;
padding-left: 6px;
position: relative;
text-align: center;
top: 0;
vertical-align: top;
white-space: nowrap;
	  
  }
  #epArchive .card {
	  background-color: #fff;
	  border: none;
	  cursor: pointer;
	  border: solid 1px #999;
	  height: 100%;
  }
  
#epArchive .card-text {
	font-size: 16px;
	line-height: 1.05em;
	margin-top: 8px;
}


/*/ X-Small devices /*/
@media (max-width: 575px) { 
.blog-item img {
	max-width: 320px !important;
	max-height: 320px !important;
	margin-left: 0px;
}
.cms-content .container-fluid.white-bg, .blog-section {
	padding-left: 0px;
	padding-right: 0px;
}
}

/*/ Small devices (landscape phones, 576px and up) /*/
@media (max-width: 768px) { 
.strategiesTable td {
	width: 100%;
	display: table-row;

}
#pageContent3 ol {
    margin-left: 0px;
    
}
.footer p {
	font-size: 14px;
}
}

/*/  Medium devices (tablets, 768px and up)/*/ 
@media (min-width: 768px) { 
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.home-intro, .blog-section, .pageContent {
	
	padding-top: 200px;
}
.pageContent {
	padding-bottom: 100px;
}
.nav-item {
	font-size: 0.9rem;
    margin-right: 0.3rem;
}
.nav-item:last-child {
    margin-right: 0;

}
.navbar {
	margin-top: 0px;
}
.navbar a.dropdown-item {
  
	text-align: left;
}
ul.social-menu li a{
	font-size: 1.8em;
	color: #fff;
}
.py-md-5
{
	padding-bottom: 2.5rem !important;
	padding-top: 2.5rem !important;
}
.blog-item a.anchor {
	padding-top: 100px;
}
.navbar a.dropdown-item {
    font-size: 16px;
	
}

}

/*/ Large devices (desktops, 992px and up)/*/ 
@media (min-width: 992px) { 

.nav-item {
	font-size: 1.0rem;
    margin-right: 0.4rem;
}
.home-intro h1 {
	color: #FF9C28;
	font-family: 'Lalezar', sans-serif;
	font-size: 50px;
	line-height: 1.1em;
}
.cover-art-home {
	background: url(../images/IUTBS-cover-600.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	max-width: 600px;
}
#cardSliderCol {
	padding-left: 0;
}
 }

/*/  Extra large devices (large desktops, 1200px and up)/*/ 
@media (min-width: 1200px) { 
.nav-item {
	font-size: 1.1rem;
    margin-right: 0.6rem;
}
 }