/* Updated 02/01/2018 */

body { 
  padding-top: 56px; 
}

hr.style1{
	border-top: 1px solid #8c8b8b;
	width: 500px;
}

.boat {
  padding-top: 10px; 
}

.newsletters a:link{ 
  color: #00008B;
  text-decoration: underline !important;
}

.newsletters a:visited{
  color: #00008B !important;
  text-decoration: underline !important;
}

.newsletters a:hover{
  color: red;
  text-decoration: underline !important;
}


/*Flag Background and links on everypage of website*/
.flagBG{
	background: url('../starsbak2.jpg');
}

.flagBG a:link{ 
  color: #00008B;
  text-decoration: underline;
}

.flagBG a:visited{
  color: #00008B;
  text-decoration: underline; 
}

.flagBG a:hover{
  color: red;
  text-decoration: underline;
}

 .media {
  background-color: white;
}

/* Navigation - change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: white;
    font-weight: bold;
}

/* Navigation - change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: white;
    font-weight: bold;
}

/* Navigation - change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: yellow;
    font-weight: bold;
    text-decoration: underline;
}


/*Customizing Header Content that has the Logo with stars background*/
.header-content {
  background-image: url('../ximages/stars.png'); 
  border: 2px solid #E68E00;
}


/* Customizing FOOTER Content on EVERY PAGE but index page*/
.footer-content { 
	background-color: #444444;
	color: white;
  line-height: 120%;
}


/* Customizing the FOOTER links to white on EVERY PAGE but index page*/

.footer-content a:link{
   color: white;
   text-decoration: none;
}

.footer-content a:visited{
   color: white;
   text-decoration: none;
}

/* Customizing the FOOTER Hover links on EVERY PAGE but index page */
.footer-content a:hover {
   color: yellow;
   text-decoration: underline;
}


/* Customizing the styles to use on any page */
p {
  font-size: 1rem;
  line-height: 120%;
  text-align: justify;
}


h1 {
  font-size: 1.40rem ;
  font-weight: bold;
  color: #00008B;
}

h3{
  font-size: 1.3rem ;
  font-weight: bold;
}

h4{
  font-size: 1.20rem ;
  font-weight: bold;
}

h5{
  font-size: 1rem ;
  font-weight: bold;
}

h6{
  font-size: .9rem ;
  font-weight: bold;
}

.boxBorder {
    width: 60%;
    border: 3px solid #999999;
    padding: 10px;
}

/* Customizing the styles on form */


.card-header{
  background-color: #F5F5F5;
}

.input-group-text{
  background-color: #F5F5F5;
}

.fa{
 color: black;
}


.top-page a:link {
  text-decoration: none;
  color: #00008B;
}

.top-page a:visited {
  text-decoration: none;
  color: #00008B;
}

.top-page a:hover {
  color: red;
  text-decoration: underline;
}

a.anchor {
  display: block; 
  position: relative; 
  top: -90px; 
  visibility: hidden;
}

.blueColorNorm{
  color: #00008b;
}

.blueColor{
  color: #00008b;
  font-weight: bold;
}

.blkColorNorm{
  color: black;
}

.blkColor{
  color: black;
  font-weight: bold;
}

.redColor{
  color: red;
}

.whiteColor{
  color: white;
  font-weight: bold;
}


.no-space{
  margin-top: -6px;
}

.no-space2{
  margin-top: -10px;
}

.no-space3{
  margin-top: -15px;
}

.lineHi{
  line-height: 120%;
}

.pic-border{
  border: 1px solid #000;
  padding: 0 !important;
}

.borderlist{
  border: 2px groove #808080;
}

.flagList ul li{
  padding: 5px;
  font-size: 0.71428571rem;
  font-weight: bold;
}

.member-list ul{
  list-style: outside disc;
  margin-left: -1rem;
  line-height: 120%;
}

pre{
  display: block;
  font-family: "courier new", courier, monospace;
  color: black;
  font-weight: bold;
  font-size: 0.8571428rem;
  line-height: 120%;
  background-color: transparent;
  white-space: pre;
  border: none;
} 

prexx{
  display: block;
  font-family: "courier new", courier, monospace;
  color: black;
  font-size: 1.0rem;
  line-height: 120%;
  background-color: transparent;
  white-space: pre;
  border: none;
} 

.FormC-ya {
position: absolute;
left: -999em;
}

.indent {
  padding-right: 3rem;
  padding-left: 3rem;
}

.indent2 {
  padding-right: 5rem;
  padding-left: 5rem;
}

.indenti {
  font-style: italic;
  padding-right: 3rem;
  padding-left: 3rem;
}

.micro-imgFloat {
   float:left;
   margin-right:10px;
   margin-bottom:5px;
   width: 155px;
}

.mini-imgFloat {
   float:left;
   margin-right:10px;
   margin-bottom:5px;
   width: 200px;
}

.small-imgFloat {
   float:left;
   margin-right:10px;
   margin-bottom:5px;
   width: 300px;
}

.med-imgFloat {
   float:left;
   margin-right:10px;
   margin-bottom:5px;
   width: 400px;
}

.large-imgFloat {
   float:left;
   margin-right:10px;
   margin-bottom:5px;
   width: 500px;
}

.justify-h5{
	text-align: justify;
        color: #000000;
}
.newsletters {
  font-size: 0.90em;
  line-height: 120%;
}

.newsletters ul {
    padding-left: 0rem;
}

.customHr {
    width: 35%;
    font-size: 1px;
    color: rgba(0, 0, 0, 0);
    line-height: 2px;
    margin: 0 auto;
    background-color: grey;
    margin-top: 20px;
    margin-bottom: 30px;
}

.dl-horizontal dt,dd{
	display:table-cell;
	margin-right: 5px;
}

.dl-horizontal dt{
	float: left;
	text-align: left;
	width: 250px;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
   border: 0.25px solid #cccccc;
}

.table th{
  background-color: #dddddd;
  text-align: left;
 }

.missions-tables th {
  background: rgba(200, 200, 200, 1.0);
  text-align: left;
 }

/*------------------------------------*\
  Card Flips
\*------------------------------------*/

#portfolio{
	padding-top: 3.125em;
	padding-bottom: 3.125em;
	background-color: white;
}

.card {
  margin: 10px 10px;
}

/* Flip Cards CSS */
.card-container {
  display: grid;
  perspective: 700px;
}

.card-flip {
  display: grid;
  grid-template: 1fr / 1fr;
  grid-template-areas: "frontAndBack";
  transform-style: preserve-3d;
  transition: all 0.7s ease;
}

.card-flip div {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

 .front {
  grid-area: frontAndBack;
}

.back {
  grid-area: frontAndBack;
  transform: rotateY(-180deg);
}

 .card-container:hover .card-flip {
  transform: rotateY(180deg);
}

.blink {
      animation: blinker 0.6s linear infinite;
      color: #ff0000;
      font-size: 18px;
      font-weight: bold;
      font-family: sans-serif;
      }
      @keyframes blinker {  
      50% { opacity: 0; }
      }
      .blink-one {
      animation: blinker-one 1s linear infinite;
      }
      @keyframes blinker-one {  
      0% { opacity: 0; }
      }
      .blink-two {
      animation: blinker-two 12.1s linear infinite;
      }
      @keyframes blinker-two {  
      100% { opacity: 0; }
      }