/*
Theme Name: WP Bootstrap
Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
Description: A demo theme built to accompany the Treehouse blog post <a href="http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial">How to Build a WordPress Theme with Bootstrap</a>.
Author: Zac Gordon
Author URI: http://teamtreehouse.com/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/

@import url('https://f37f9c.claudeassets.com/20190822065334cs_/http://www.cjoscoe.org/infosite/wp-content/themes/wpbootstrap/bootstrap/css/bootstrap.css');  

body { 
     padding-top: 0px; 
     padding-bottom: 0px;
}

html, body {
  height: 100%;
  width: 100%;
}

h1 { 
  color: #FFF;
  margin: 0 0 0px 0;
  padding: 0;
}

h2 {
  color: #FFF;
  margin: 0 0 0px 0;
  padding: 0;
}

h3 {
  color: #FFF;
  margin: 0 0 0px 0;
  padding: 0;
}

h4 {
  color: #FFF;
  margin: 0 0 0px 0;
  padding: 0;
}

h5 {
  color: #FFF;
  margin: 0 0 0px 0;
  padding: 0;
}

h6 {
  color: #FFF;
  margin: 0;
  padding: 0;
}



/* CUSTOMIZE THE HEADER
-------------------------------------------------- */
@media (max-width: 768px) {
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	   background-color:#000;
	}
	
	#natl-flags {
		display: none;
	}
	
	a.navbar-brand {
		display: none;
	}
}

@media (min-width: 768px) {
	img.logo-min {
		display: none;
	}
}

.container-fluid {
    padding-right: 5%;
    padding-left: 5%;
}

#header {
	display: table;
	position: absolute;	
	width: 100%;
	height: 98px;
	top: 0;	
	padding: 10px;
	z-index: 9999;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background: rgba(0,0,0,0.75);
}

a.logo { 
	padding: 10px;
    outline: none;
}

a.logo img{
    width: 90px;
	height: 90px;
}

#natl-flags {
    list-style: none;
	display: inline-block;
}

#natl-flags li {
	float: left;
	outline: none;
	margin: 0 7px 0 0;
	/* box-shadow: 0 0 3px rgba(0,0,0,0.75); */
}

#natl-flags li img {
	height: 17px;
	width: 33px;
}


#header h3 {
    color: #fff;
    font-weight: normal;
    /* border-bottom: 1px solid rgba(255,255,255,0.5); */
}

/* CUSTOMIZE THE NAVIGATION BAR
-------------------------------------------------- */
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0px;
    position: ;
    width: 100%;
    border-radius: 0px;
    z-index: 10007;
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus  {
    color: #FC0;
}

/* CUSTOMIZE THE SEARCH BAR
-------------------------------------------------- */

#searchform {
	position: relative;
	top: 12px;
}

#searchform input[type="search"],
#searchform input[type="text"] {
	background: linear-gradient(-45deg, #d9d9d9 10px, #fff);
	border: none;
	width: 200px;
	height: 22px;
	box-shadow: 0 0 3px rgba(0,0,0,0.75);
}

#searchform input[type="submit"] {
	background: url(https://3f385f.claudeassets.com/20190822065334im_/http://www.cjoscoe.org/infosite/wp-content/themes/images/search.png) no-repeat center center;
	padding: 0;
	margin:  0 0 0 -22px;
	position: relative;
	right: 3px;
	vertical-align: text-top;
	border: none;
	width: 19px;
	height: 20px;
	overflow: hidden;
	text-indent: -4000px;
}

/* CUSTOMIZE THE FRONTPAGE SECTIONS
-------------------------------------------------- */

/* padded section */
.pad-section {
  	padding: 50px 0;
}


/* CUSTOMIZE THE HOME SECTION
-------------------------------------------------- */

#home {
	background: linear-gradient(rgba(0, 0, 0, 0.50), rgba(128, 42, 12, 0.85)), url(https://cf412c.claudeassets.com/20190822065334im_/http://www.cjoscoe.org/infosite/wp-content/themes/images/compass_map_06.jpg) no-repeat center center fixed; 
	display: table;
	height: 100%;
	width: 100%;
	position: relative;
	padding-top: 190px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: rgba(0,0,0,0.5);
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-inner .item img {
	width:100%;
	height:100%;
}
.carousel-indicators {
	bottom:5px;
	left:0;
	width:auto;
	padding:5px 25px 5px 25px;
	margin-left:0;
	background:rgba(0,0,0,0.7);
}
.carousel-indicators li {
	border-radius:0;
	width:8px;
	height:8px;
	background:#fff;
}
.carousel-indicators .active {
	width:10px;
	height:10px;
	background:#39b3d7;
	border-color:#39b3d7;
}

.carousel-control {
	background:	#39b3d7;
	color:#fff;
	padding: 4px 0;
	width:26px;
	top:auto;	
	left:auto;
	bottom:12px;
	opacity:0.85;
}
.carousel-control.right {
	right:10px;
}

.carousel-control.left {
	right: 46px;
}
.carousel-caption {
	top:auto;
	width:auto;
	right:auto;
	bottom:60px;
	left:0;
	padding:20px;
	background:rgba(0,0,0,0.70);
	text-align:left;
  	height:auto;
	max-width:50%;

}


/* CUSTOMIZE THE PANELS
-------------------------------------------------- */

#headlines {
	padding: 30px; 
}

#headlines .panel img {
	float: left;	
	padding: 0px 5px 5px 0px;
	width: 100px;
	height: 100px;
}

#sidebar {
	right: 0;
}

#sidebar .panel img {
	float: left;	
	padding: 5px;
	width: 100px;
	height: 100px;
}

#single_page .panel img {   /*---- Formats post panels ---*/
	float: left;	
	padding: 0 10px 10px 0;
}

.panel h1 { 
  color: #333;
  margin: 0 0 0px 0;
  padding: 0;
}

.panel h2 {
  color: #333;
  margin: 0 0 0px 0;
  padding: 0;
}

.panel h3 {
  color: #333;
  margin: 0 0 0px 0;
  padding: 0;
}

.panel h4 {
  color: #333;
  margin: 0 0 0px 0;
  padding: 0;
}

.panel h5 {
  color: #333;
  margin: 0 0 0px 0;
  padding: 0;
}

.panel h6 {
  color: #333;
  margin: 0;
  padding: 0;
}



/* START ROBSAWYER.ME SCROLL INDICATOR 
-------------------------------------------------- */

/* the wrapper element that will become the outer circle */
.arrow-wrap {
  position:relative;
  bottom:20px;
  z-index:999;
  left:50%;
  margin-left:-5em;
  background:#111;
  width:10em;
  height:10em;
  padding:4em 2em;
  border-radius:50%;
  font-size:0.5em;
  display:block;
  box-shadow:0px 0px 5px 0px #333;
}

/* a triangle to make the main part of the arrow. Adjust the border-color to fit your needs */
.arrow {
  float:left;
  position:relative;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #ffffff transparent transparent transparent;
  -webkit-transform:rotate(360deg);/* added for better anti-aliasing on webkit browsers */
}

/* a pseudo element arrow placed on top of the other one with the same color as the wrapper */
.arrow:after {
  content:'';
  position:absolute;
  top:-3.2em;
  left:-3em;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #111 transparent transparent transparent;
  -webkit-transform:rotate(360deg);/* added for better anti-aliasing on webkit browsers */
}

@-webkit-keyframes arrows {
    0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
  }
  
  .arrow-wrap .arrow {
    -webkit-animation: arrows 2.8s 0.4s;
    -webkit-animation-delay: 3s;
  }


/* CUSTOMIZE THE SERVICES SECTION
-------------------------------------------------- */

#services {
	background-color: #306d9f;
	color: #ffffff;
	position: relative;
}

#services img {
	width: 125px;
	height: 125px;	
}

i.circle_border {
    display: inline-block;
    -webkit-border-radius: 75%;
    -moz-border-radius: 75%;
    border-radius: 75%;
    -khtml-border-radius: 75%;
    border: 3px solid #fff;
}

#services h4 {
    text-align: left;
}

#services .role {
	padding-bottom: 5px;
}

#services .btn {
	
}

/* CUSTOMIZE THE BOW WAVE SECTION
-------------------------------------------------- */

#information {
	display: table;
	height: 600px;
	position: relative;
	width: 100%;
}

#bow-wave {
	text-align: center;
	display: inline-block;
	position: relative;
}

#bow-wave li {
	float: left;
	display: block;
	outline: none;
	margin: 0 10px 0 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.75);
}

#bow-wave li img {
	float: left;
	height: 394px;
	width: 305px;
}

video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
 	background: url(/assets/www.cjoscoe.org/infosite/wp-content/themes/images/ship_wake.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}


/* CUSTOMIZE THE GOOGLE MAP SECTION
-------------------------------------------------- */

#map {
	background-color: #306d9f;
	color: #ffffff;
}

#google_map {
  	height: 500px;
}


/* CUSTOMIZE THE CJOS POW SECTION
-------------------------------------------------- */

#cjos_pow {
	background: linear-gradient(rgba(0, 0, 0, 0.50), rgba(128, 42, 12, 0.85)), url(https://8b6924.claudeassets.com/20190822065334im_/http://www.cjoscoe.org/infosite/wp-content/themes/images/nato_exercise.jpg) no-repeat center center fixed; 
	display: table;
	height: 600px;
	position: relative;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* CUSTOMIZE THE FOOTER SECTION
-------------------------------------------------- */

footer {
	display: table;
	position: relative;	
	width: 100%;
	height: auto;
	background:#000;
	color: #FFF;
	z-index: 999;
}

/* CUSTOMIZE THE ARCHIVE PAGE WITH PAGINATION
-------------------------------------------------- */

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}



/* CUSTOMIZE TAXONOMY
-------------------------------------------------- */

#single_page {
	display: table;
	position: relative;
	padding-top: 190px;
	width: 100%;
	height: 100%;
	background-image: url(https://641ea5.claudeassets.com/20190822065334im_/http://www.cjoscoe.org/infosite/wp-content/themes/images/nato_units.jpg);
	background-repeat: no-repeat;
    background-attachment: fixed;
	-webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	
}

#single_page .container {
	height: 100%;

}


#page-container {
	margin-top: 50px;
}

/* CHILDREN LINKS
-------------------------------------------------- */
.children-links {
	margin-bottom: 20px;
	font-size: 15px;
}

.children-links a:visited {
	text-decoration: none;	
}

.children-links ul {
	list-style: none;
}

.children-links li {
	margin-right: 20px;
	float: left;
}

.children-links .parent-link {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #DDD;
	font-size: 120%;
	font-weight: bold;
}

.children-links .parent-link a:link,
.children-links .parent-link a:visited {
	color: #333;	
}

.children-links .current_page_item a:link,
.children-links .current_page_item a:visited {
	border-bottom: 1px solid #DDD;
	color: 333;
	cursor: default;
}

/* CUSTOMIZE FOOTER
-------------------------------------------------- */
.footer-sitemap {
	list-style: none;
	right: 0;
}

/* CUSTOMIZE CONTACT FORM
-------------------------------------------------- */
span.wpcf7-list-item { display: block; }
/*
     FILE ARCHIVED ON 02:36:00 Feb 19, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:03:19 Jul 16, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.614
  exclusion.robots: 0.059
  exclusion.robots.policy: 0.047
  esindex: 0.01
  cdx.remote: 76.525
  LoadShardBlock: 302.5 (3)
  PetaboxLoader3.datanode: 320.879 (5)
  load_resource: 300.215 (2)
  PetaboxLoader3.resolve: 249.884 (2)
*/