/*
 * Style tweaks
 * --------------------------------------------------
 * Body / Layout / Gradient
 * Global Navigation Bar
 * Offcanvas Button
 * Custom Misc Tools
 * FX
 * Social Media Icons
 * Main Title Header
 * Default Content Styles (h1,h2,p,lists,tables,tabs,etc.)
 * Search boxes styles
 * Side Navigation Menu
 * Global Footer
 * Media Queries
 * Offcanvas
 * Breadcrumbs
 * Body
 * Bootstrap Fixes
 */

/*
 * Body / Layout / Gradient
 * --------------------------------------------------
 */
@import url('https://fonts.googleapis.com/css?family=Archivo+Black|Open+Sans+Condensed:300');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@font-face{font-family:'Glyphicons Halflings';src:url(/_assets/core/fonts/glyphicons-halflings-regular.eot);}

body {
  background-color: #453d23;
  background-image:url(/_images/Background-global.jpg);
  background-size: 100% auto;
  background-repeat:no-repeat;
  background-position: center 50px;
  color: #444;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px; 
  overflow-x: hidden;
}
.backgroundColor { 
/* Old paper effect */
box-shadow: inset 0 0 75px rgba(255, 255, 255, 0.3), inset 0 0 20px rgba(179, 167, 120, 0.4), inset 0 0 30px rgba(234, 202, 64, 0.8);
background: none #fff;
padding-bottom: 4em;
margin-top: 5px;
min-height: 700px;
}
/* End of Old paper effect */

#content {
  min-height: 700px;
  padding: 0 15px;
  margin-top: 1em;
}
footer {padding:30px 0;}
p { 
  font-size: 110%; 
  font-weight: normal;
  margin: 0 0 16px;
 }
ul>li, ul>li>ul>li {
  font-size: 110%; 
  font-weight: 100;
}

/*
 * Global Navigation Bar
 * --------------------------------------------------
 */
.navbar {
  font-family: 'Lato', Verdana, Geneva, sans-serif  ;
  background-color:#484848;
  border-bottom:#544f3d 1px solid;
  -moz-box-shadow:    1px 1px 2px 1px #222;
  -webkit-box-shadow: 1px 1px 2px 1px #222;
  box-shadow:         1px 1px 2px 1px #222;
}

.navbar-brand {
  float: left;
  padding: 0 0 0 25px;
  line-height:1em;
  font-size: 1em;
}

.navbar-brand a:link, .navbar-brand a:visited, .navbar-brand a:hover, .navbar-brand a:active {
  text-decoration:none;
}

.navbar-brand a {
  height: 50px;
  line-height: 22px;
  vertical-align: middle;
  color:white;
  display:inline-flex;
}

.navbar-brand img {
  margin:0;
  padding:0.1em 0;
  float:left;
}

.navbar li a { 
  font-family: 'Open Sans', sans-serif; 
  font-variant-caps: all-small-caps; 
  text-align: left; }

.navbar-form {
  margin-top: 0px;
}
.btn-default {
    border-color: #5e9fd9;
}


.animate {
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.navbar-bootsnipp {
  background-color: #3b3314;
  border-bottom-color: #FFD700;
  border-radius: 0px;
  margin-bottom: 0px;
  z-index: 100;
  min-height: 100px;
}
.navbar-bootsnipp:nth-of-type(2) {
  border-top-width: 1px;
  z-index: 50
}

.navbar-bootsnipp.affix-top {
  position: absolute;
  top: 0px;
  width: 100%;
}
.navbar-bootsnipp.affix {
  top: 0px;
  width: 100%;
}

.dropdown-header { font-size: 75%; }




.navbar-bootsnipp .navbar-nav > li > form > .input-group > input,
.navbar-bootsnipp .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
  border-radius: 0px;
}




.navbar-bootsnipp .navbar-nav > li > .dropdown-menu {
  border-radius: 0;
  margin-right: -1px;
  min-width: 220px;
  padding: 0px;
  width: 100%;
}
.navbar-bootsnipp .navbar-nav > li:not(.dropdown-right) > .dropdown-menu {
  left: 0px;
  margin-left: -1px;
  right: auto;
}

.navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li.active > a, 
.navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a,
.navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:hover, 
.navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:focus {
  background-color: rgb(87,82,64, 1);
  border-left-width: 5px;
  padding-left: 15px;
}

.navbar .bootsnipp-profile > a {
  padding-bottom: 9px; 
  padding-top: 9px; 
}
.navbar .bootsnipp-profile > a > img {
  border-radius: 50%;
  width: 32px;
}
.navbar .bootsnipp-profile > .dropdown-menu {
  width: 320px;
}
.navbar .bootsnipp-profile > .dropdown-menu > li > .row {
  padding: 5px 15px;
}
.navbar .bootsnipp-profile > .dropdown-menu > li > .row img {
  width: 100%;
}

.navbar-bootsnipp .bootsnipp-search {
  display: none;
}
.navbar-bootsnipp .bootsnipp-search .form-control {
  background-color: rgb(235, 235, 235);
  border-radius: 0px;
  border-width: 0px;
  font-size: 24px;
  padding: 30px 0px;
}
.navbar-bootsnipp .bootsnipp-search .form-control {
  background-color: rgb(235, 235, 235);
  border-radius: 0px;
  border-width: 0px;
  font-size: 24px;
  padding: 0;
}
.navbar-bootsnipp .bootsnipp-search .form-control:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn {
  padding: 14px 16px;
  border-radius: 0px;
}
.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active,
.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover,
.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
  padding: 14px 16px 14px 15px;
}
.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn-default {
  background-color: rgb(245, 245, 245);
}
.nav-padding {
  padding-top: 61px;
}




.navbar-bootsnipp .navbar-brand { /* Navbar Brand color, font, case */
  color: white;
  font-family: "Times New Roman", Times, serif;
  text-transform: uppercase;
}
.navbar-bootsnipp .navbar-toggle .icon-bar { /* Navbar toggle button color */
  background-color: #fec325;
}

.btn-primary { /* Global color of buttons */
  color: #fec325;
  background-color: #3b3314;
  border-color: #fec325;
 }

 .btn-primary:hover {
  color: #575240;
  background-color: #fec325;
  border-color: #fec325;
 }



 .btn-danger /* Global color of [X] danger buttons  */ {
  color: #fec325;
  background-color: #3b3314;
  border-color: #fec325;
}

.navbar-bootsnipp .navbar-nav > li > a {  /* Navbar hover over items*/
  border-bottom: 1px solid rgba(254, 195, 37, 0.1);
  color: #fec325;
  line-height: 30px;
  }

.navbar-nav .open .dropdown-menu {
  background-color: #2f2a1c;
}

/* Navbar hover over items */
.nav > li > a:focus, .nav > li > a:hover { 
  text-decoration: none;
  background-color: #2f2a1c;
}

ul.nav.navbar-nav.navbar-right:hover > li:hover > a.dropdown-toggle.animate:hover {
  color: #fec325;
}
.nav > li > a:hover { background-color: #2f2a1c }
.navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
.navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
.navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, 
.navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
  border-left-width: 5px;
  color: #fec325;
  padding-left: 10px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  border-color: #fec325;
  background-color: #575240;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:focus {
  border-color: #fec325;
  background-color: #2f2a1c; 
}
.navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a {
    border-left: 0px solid;
    color: #fec325;
    line-height: 1em;
    padding: 0.5em 1em 0.5em 1em;
    word-wrap: break-word;
    white-space: normal;
    background-color: #2f2a1c;
}
.navbar-nav .open .dropdown-menu > li > a {
    line-height: 1.2em;
    font-variant-caps: inherit;
}
.navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li.active > a, .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:focus {
    background-color: rgb(87,82,64, 1) 
}
.dropdown-menu li { font-size: 90%;  }
.dropdown-menu li .glyphicon{ font-size: 0.8em; }
/* End of Navbar hover over items*/

.navbar-nav { float:right; }

.navbar-inverse .navbar-link{color:#333;}
.navbar-inverse .btn-link{color:#333}

.navbar-inverse .navbar-toggle {
  background-color:#996606;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color:#aa7819;
}

.animbrand { /* Position of the US-CMH text logo in the top global NAVBAR */
  margin: 0 0 0 3%;
  width:80%;
  position: relative;
}

.navbar-fixed-top .navbar-collapse {
  max-height: 600px;  /* Max height of the NAVBAR drop down menu */
}

.list-group-item:focus {
  color:#333
}

.navbar-inverse .navbar-nav > li > a {
  color:#ffd530; /* Top Nav Text color */
  margin:0;
}

.navbar-inverse .navbar-nav > .open > a:link {/* open menu hover colors */
  background-color:#544f3d;
}

.navbar-inverse .navbar-nav > .open > a:hover {
  background-color:#544f3d;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color:#544f3d;
  color:#FFF; border-bottom-color:pink; border-bottom:4px; border:4px; border-bottom-width:4px; border-color:pink;
}

ul.nav-pills > li > a:hover{ 
  background-color: #5c9ecf;
  color: white;
 }

.well {border: 1px solid #ccc2aa;}


.alert-info {
    color: #6e623b;
    background-color: #ede3b5;
    border-color: #c6bda0;
}
.alert-warning {
    color: #751717;
    background-color: #f9d9aa;
    border-color: #751717;
}


.edu-ins-pre {
  color: rgba(255, 255, 255, 0.8);
  font-size: 39%;
  letter-spacing: 0.53em;
  position: absolute;
  font-family: 'Lato', Verdana, Geneva, sans-serif;
  padding-top: 65px;
  left: 0;
}

.open > .dropdown-menu {
  border-bottom:5px solid #FFD700;
}

.dropdown-menu{
  background-color:#575240;
  color:#FFF;
  font-size: 1em;
}

.dropdown-menu a:link { color:#FFF;}
.dropdown-menu a:visited { color:#FFF;}

a.dropdown-toggle :active { background-color: pink; }

.form-group {display:flex;}


/*
 * Offcanvas Button
 * --------------------------------------------------
 */
 .cmhOffcanvasButton {
    background-color: #544f3d;
    font-weight: bold;
    padding: 5px 10px;
    margin-left: 1em;
 }

/*
 * Custom Misc tools
 * --------------------------------------------------
 */
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    z-index:2147483647;
}

.centered {
  float: none;
  margin: 0 auto;
}

.caption {
  font-size: smaller;
  color: #666;
}

.float-right { float: right; }
.float-left { float: left; }

.marginTop { margin-top: 1em; }
.marginBottom { margin-bottom: 1em; }
.paddingZero { padding:0 !important; }
.marginZero { margin:0 !important; }
.paddingTopZero { padding-top:0 !important; }
.paddingBottomZero { padding-bottom:0 !important; }
.marginTopZero { margin-top:0 !important; }
.marginBottomZero { margin-bottom:0 !important; }

.valignTop { vertical-align: top;}

hr {
  height: 4px;
  margin-left: 15px;
  margin-bottom:-3px;
}

.hr-primary{
  background-image: -webkit-linear-gradient(left, rgba(66,133,244,.8), rgba(66, 133, 244,.6), rgba(0,0,0,0));
}



/*
 * FX
 * --------------------------------------------------
 */
.grayOut {
    opacity: 0.6; /* Real browsers */
    filter: alpha(opacity = 60); /* MSIE */
}

.drop-cap:first-letter {
        font-size: 450%;
        float: left;
        padding:1%;
}

.shadowBox {
  display: inline-block;
  position: relative;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadowBox:hover {
  box-shadow: 0 7px 14px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
  transform: scale(1.01);
}

.shadowBooks {
  -webkit-box-shadow: 3px 3px 0 0 #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 0 0 #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 0 0 #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

/* Old paper effect */
.oldPaper {
background-color: #f8f5de;
background-image: linear-gradient(to right, rgba(204, 191, 130, 0.4), rgba(176, 161, 104, 0.1) 11%, rgba(168, 162, 144, 0) 35%, rgba(228, 218, 180, 0.1) 65%);
box-shadow: inset 0 0 75px rgba(255, 255, 255, 0.3), inset 0 0 20px rgba(179, 167, 120, 0.4), inset 0 0 30px rgba(234, 202, 64, 0.8);
}
/* End of Old paper effect */


/*quotes*/
blockquote { background-color: #ede3b5; border-left: 5px solid #6e623b; }
.quote p {   
  padding-left: 3em;
}
.quote p:before {
  font-family: "FontAwesome";
  content: "\f10d";
  color: #6e623b;
  margin-right: 16px;
  margin-left: -34px;
}
.quote p:after {
  font-family: "FontAwesome";
  content: "\f10e";
  font-size: 18px;
  vertical-align: -15%;
  color: #6e623b;
  padding: 10px;
}


/*Vignette effect*/
div.imgVignette {
  position: relative;
  margin-bottom:1em;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
div.imgVignette::after {
  -moz-box-shadow: inset 0.05em 0.05em 0.2em 0 #555;
  -webkit-box-shadow: inset 0.05em 0.05em 0.2em 0 #555;
  box-shadow: inset 0.05em 0.05em 0.2em 0 #555;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  content: "";
}

/*
 * Social Media Icons
 * --------------------------------------------------
 */

.social {
  margin: 0 auto;
  text-align: center;
  margin-top: 7em;
}

[class^="icon-btn"] /*.icon-btn*/ {
  height: 2em;
  width: 2em;
  border: 0;
  color: #fff;
  cursor: pointer;
  line-height: 2em;
  transition: ease-in-out .3s;
  margin-left: 10px;
  background-color: #fff;
  float: left;
}

.twitter {
  color:white;
  background-color: #4099FF;
}

.facebook {
  color: white;
  background-color:#3B5998;
}
.youtube {
  color:white;
  background-color: #CC181E;
}

.instagram {
  color:white;
  background-color: #5C3D2E;
}

.flickr {
  color:white;
  background-color: #ff0084;
}

.icon-btn:hover {
  transform: scale(1.10); 
  color: #FFFFFF;
}

.twitter:hover, .twitter a.link {
  color:white;
  background-color: #4099FF;  
}

.facebook:hover, .facebook a.link {
  color:white;
  background-color: #3B5998;  
}

.youtube:hover, .youtube a.link {
  color:white;
  background-color: #CC181E;  
}

.instagram:hover, .instagram a.link {
  color:white;
  background-color: #5C3D2E;  
}

.flickr:hover, .flickr a.link {
  color:white;
  background-color: #ff0084;
}















/*
 * Main Title Header
 * --------------------------------------------------
 */
.cmhTitle {
  color: #6e623b;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  height: 140px;
  width: 95%;
  padding-top: 5%;
  font-size: 2.2em;
  background:none;
  line-height: 1em;
}

.cmhTitle h1 {
  position: relative;
  top: -50%;
  margin: 0 auto;
}

.cmhTitle > small {
color: #A06D03;
line-height:1em;
display:inline-block;
}


/*
 * Default Content Styles (h1,h2,p,lists,tables,etc.)
 * --------------------------------------------------
 */
 /*bootstrap fixes */
h1 {
 margin-top:0;
}

h2 { font-size: 1.9em;}
#content h3 { font-size: 1.5em; font-family: "Open Sans", sans-serif; }
#content h4 { font-size: 1.2em; font-family: "Open Sans", sans-serif; }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #555346;
    border-color: #555346;
}
.list-group-item {
    border: 1px solid #ccc2aa;
}
a { color: #316e9b;
    text-decoration: underline; }
a:focus, a:hover {
    color: #5c9ecf;
    text-decoration: underline;
}

/*bootstrap fixes */


h1, h2 {
    font-family: 'Archivo Black', sans-serif;
    color: #6e623b;
     padding:0.2em 0.2em;
     background: #ffffff; /* Old browsers */
 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
 background: -moz-linear-gradient(left,  #ffffff 0%, #EDE3B5 70%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(70%,#EDE3B5)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(left,  #ffffff 0%,#EDE3B5 70%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(left,  #ffffff 0%,#EDE3B5 70%); /* Opera 11.10+ */
 background: -ms-linear-gradient(left,  #ffffff 0%,#EDE3B5 70%); /* IE10+ */
 background: linear-gradient(to right,  #ffffff 0%,#EDE3B5 70%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EDE3B5',GradientType=1 ); /* IE6-8 */
}


/* bootstrap button default*/
.btn-default:link, .btn-default:visited {
  color:#333;
}

/* tabs */
div#CMH-Tabs .nav-tabs > li > a, div#CMH-Tabs .nav-tabs li > a:focus{
    background-color: #807767;
    color: white;
}

div#CMH-Tabs .nav-tabs > li > a:hover {
    background-color: #555346;
    color: white;
}

div#CMH-Tabs .nav-tabs > li.active > a, div#CMH-Tabs .nav-tabs > li.active > a:focus, div#CMH-Tabs .nav-tabs > li.active > a:hover {
    background-color: #555346;
    color:white;
}

#CMH-Tabs {
  padding-top: 20px;
}

#CMH-Tabs li {
  font-size: 1em;
}
div#CMH-Tabs .panel-default > .panel-heading {
     background-color: #555346;
    color:white;
}

div#CMH-Tabs .tab-content > .active {
  border: 6px solid #555346;
  min-height: 500px;
}

div#CMH-Tabs .tab-content > .active header {
  background-color: #555346;
  min-height: 2em;
  line-height: 2em;
  font-size: 1.5em;
  color: white;
  text-align:center;
  font-family: 'Times New Roman', Times, serif;
  font-variant: small-caps;
  font-weight: bold;
}
div#CMH-Tabs .tab-pane p, div#CMH-Tabs .tab-pane h2, div#CMH-Tabs .tab-pane h3, div#CMH-Tabs .tab-pane h4 {
  padding:1.2em;
}

div#CMH-Tabs{
  margin-top:1.2em;
}
/* end tabs */



/*
 * Search boxes styles
 * --------------------------------------------------
 */
.form-wrapper {/* Form wrapper styling */
  width: 450px;
  padding: 0;
  margin: 0 auto 0 auto;
  background: #444;
  background: rgba(0,0,0,.2);
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}

.cf:before, .cf:after{/* Form text input */
  content:"";
  display:table;
}
.cf:after{
  clear:both;
}
.cf{
  zoom:1;
}

.form-wrapper {/* Form text input */
  position:relative;
  z-index:102;
  right:30px;
  bottom:5px;
  float:right;
}
.form-wrapper input {
  width: 350px;
  height:30px;
  float: left;
  font: bold 12px 'lucida sans', 'trebuchet MS', 'Tahoma';
  border: 1px solid #a39976;
  background:white;
  border-radius: 3px 0 0 3px;
}
.form-wrapper input:focus {
  outline: 0;
  background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.form-wrapper input::-webkit-input-placeholder {
  color: #999;
  font-weight: normal;
  font-style: italic;
}
.form-wrapper input:-moz-placeholder {
  color: #999;
  font-weight: normal;
  font-style: italic;
}
.form-wrapper input:-ms-input-placeholder {
  color: #999;
  font-weight: normal;
  font-style: italic;
}

.form-wrapper button {/* Form submit button */
  overflow: visible;
  position: relative;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  width: 100px;
  font: bold 12px/30px 'lucida sans', 'trebuchet MS', 'Tahoma';
  color: #fff;
  text-transform: uppercase;
  background: #575240;
  border-radius: 0 3px 3px 0;
  text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}
.form-wrapper button:hover{ background: #555346; }
.form-wrapper button:active,
.form-wrapper button:focus{
  background: #555346;
  outline: 0;
}

.form-wrapper button:before {/* left arrow */
  content: '';
  position: absolute;
  border-width: 8px 8px 8px 0;
  border-style: solid solid solid none;
  border-color: transparent #575240 transparent;
  top: 7px;
  left: -6px;
}
.form-wrapper button:hover:before{ border-right-color: #555346; }
.form-wrapper button:focus:before, .form-wrapper button:active:before{ border-right-color: #555346; }
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; }


.searchPositionBox { 
  padding-top:0px;
  position:fixed;
  z-index:1999;
  width:100%;
  background:#3b3314;
  right:0px;
  top:75px;
}









/*
 * Side Navigation Menu
 * --------------------------------------------------
 */
 ul.sideMenu {
   position:relative;
   background: #fbfbfb;
   width:110%;
   margin:auto;
   padding:0;
   list-style: none;
   overflow:hidden;
   float:left;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
-webkit-box-shadow: 1px 1px 1px 1px rgba(3,3,3,0.33);
-moz-box-shadow: 1px 1px 1px 1px rgba(3,3,3,0.33);
box-shadow: 1px 1px 1px 1px rgba(3,3,3,0.33);
 }

 div.sideMenu {
   position: relative;
   left: -17%;
 }

 .sideMenu li {
   border-bottom:1px solid #9299A0;
 }

 .sideMenu li:last-child{
   border-bottom:none;
 }

 .sideMenuIcon {
   display:table-cell;
   padding-right:5px;
 }

 .sideMenuTitle {
   display:table-cell;
 }

 .sideMenuSubs {
   background:#EEE;
   -webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.38);
   -moz-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.38);
   box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.38);
 }

 .sideMenu li a {
   width:100%;
   overflow:hidden;
   position:relative;
   text-decoration:none;
   font-variant: all-petite-caps;
   font-size:1em;
   line-height: 0.9em;
   color:#423f33;
   -webkit-transition:all 0.2s linear;
   -moz-transition:all 0.2s linear;
   -o-transition:all 0.2s linear;
   transition:all 0.2s linear;
   display:table;
   padding:1em 1.3em 1em 10px;
 }

 .sideMenu li a:hover {
   background:#efefef;
 }

 .sideMenu li a:focus {
   background:#efefef;
 }

 .sideMenu li a.sideMargin {
   border-left:3px solid #484848;
 }

 .sideMenu li:first-child a:hover, .sideMenu li:first-child a {
   -webkit-border-radius: 5px 5px 0 0;
   -moz-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;
 }

 .sideMenu li:last-child a:hover, .sideMenu li:last-child a {
   -webkit-border-radius: 0 0 5px 5px;
   -moz-border-radius: 0 0 5px 5px;
   border-radius: 0 0 5px 5px;
 }

 .sideMenu li a:hover i {
   color:#8F5B00;
 }

 .sideMenu li a:focus i {
   color:#8F5B00;
 }

 .sideMenu i {
   vertical-align:middle;
   -webkit-transition:all 0.2s linear;
   -moz-transition:all 0.2s linear;
   -o-transition:all 0.2s linear;
   transition:all 0.2s linear;
 }

 .sideMenuIcon > .glyphicon, .sideMenuIcon > .fa {
   float: left;
   padding-right: 1em;
     vertical-align:middle;
   -webkit-transition:all 0.2s linear;
   -moz-transition:all 0.2s linear;
   -o-transition:all 0.2s linear;
   transition:all 0.2s linear;
   color: #555346;
 }

 ul#sid eMenu > li > a:focus + ul { display: block }


/*
 * Global Footer
 * --------------------------------------------------
 */
 #footerGlobal {
   margin:20px 0 0 0;
   background-color: #2b250b;
   border-top: 2px solid #ffd530;
   padding-bottom:30px;
 }
 #footerGlobal section { float:left; margin-right:30px }
 #footerGlobal hr { border-top: 1px solid #5e5648; }
 #footerGlobal h3 {
   font-size:1.1em;
   margin: 15px 0 5px 0;
   background: none;
   color:#B6AE91;
   font-family: 'Lato', Verdana, Geneva, sans-serif  ;
 }

 #footerGlobal ul {
   margin:0;
   padding:0;
   list-style:none;
   }
#footerGlobal li {
  line-height: 0.9em;
  margin-bottom: 0.4em;
}
 #footerGlobal ul li a {
   color:rgba(254, 195, 37, 0.6);
   margin-left: 0px;
   font-size:.87em;
   font-family:Verdana, Geneva, sans-serif;
   }
 #footerGlobal ul li a:link, #footerGlobal ul li a:visited {
   color:#AE9F6D;
   }
 #footerGlobal ul li a:hover, #footerGlobal ul li a:active {
   background-color:#AE9F6D;
   color:#2b250b;
   text-decoration:none;
   }

/*
 * Media Queries
 * --------------------------------------------------
 */





/* custom width for tagline */
  #USCMH {font-family: 'Times New Roman', Times, serif; text-transform: uppercase; font-size: 130%; z-index:2; padding: 25px 0 0 0; line-height: 1em;}
  #USCMHbutton { right:5px; top:30px; border:1px solid #FFD700; max-width: 75px;  z-index:3; }
  .navbar-header { position: relative; height: 110px; }

/* iphone5 and below portrait mode*/
@media (min-width: 0px) and (max-width: 420px) {
  .navbar-toggle { margin-right:0; }
  .buttonSearch { padding:10px; margin:5px 5px 5px 0px; }
  .buttonCollapse {padding:10px; margin:5px 5px 5px 5px; }
  .searchPositionBox { top:54px; }
  .navbar-bootsnipp { min-height: 100px; }
  .edu-ins-pre { left: 1px; padding-top: 40px; }
  .navbar-brand img { display:none; }
  .navbar-nav {overflow: hidden;}
  div.navbar-header.positionINNER {  margin-right: auto; margin-left: auto; }
  .ArmyLogo { position: relative; text-align: center; }
  .ArmyLogo img { height: 75px; margin:1em; }
  .container, #content { padding: 0;}
  .cmhTitle { padding: 1em 1em 0 1em; }
}

/* Small screens portrait mode*/
@media (min-width: 421px) and (max-width: 766px){ 
  .navbar li a { font-family: 'Open Sans', sans-serif; font-variant-caps: all-small-caps; font-size: 100%; padding-left: 0.5em; }
  .navbar li a:last-child { padding-left: 1em; }
  .navbar-nav > li > a { margin-top:0; line-height: 1.2em;}
  .edu-ins-pre {
    font-size: 47.4%;
    top: 0;
    letter-spacing: 0.51em;
    left: 1px;
  }
  .dropdown-menu > li { color:#FFF; }
  .navbar-collapse { padding-left:10px; }
  .navbar-nav { margin:0; width: 100%; text-align: center; overflow: hidden; }
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin:0;
    padding: 0;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: white;
    font-size: 1.3em;
  }
  .navbar-brand a:link {
    padding-left: 0;
  }
  div#CMH-Tabs header {
    display: none;
  }
  .buttonSearch { padding:20px; margin:8px 1em 5px 0px; } 
  .buttonCollapse { padding:20px; margin:8px 1em 5px 5px;}
  .ArmyLogo { position: relative; text-align: center; }
  .ArmyLogo img { height: 75px; margin:1em; }
  .cmhTitle { padding: 1em 1em 0 1em; }
 }


/* tablets */
@media (min-width: 767px) and (max-width: 991px) {

  .ArmyLogo { position: relative; text-align: center; }
  .ArmyLogo img { height: 75px; margin:1em; }
  .edu-ins-pre { font-size: 60%; padding-top: 41px; letter-spacing: 0.79em; min-width: 340px; }
  #USCMHbutton { right:5px; top:25px; border:1px solid #FFD700; max-width: 75px;  z-index:3; padding:0.9em; }

}





@media only screen and (min-width : 768px) {
  .navbar-nav {
    padding: 0 10px 0 0; 
  }

  #headerGlobal .nav > li > a {
    padding: 15px 9px;
  }
  .navbar-header.col-lg-5 { padding-left: 3px; }

  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
    position: absolute;
  }
  .navbar-header { position: relative; height:110px; }

  .navbar-form .input-group { display: flex; }

  .animbrand {margin: 3% 0 0 3%;}
  #USCMH {
    padding: 0;
    top: 0px;
    position: absolute;
  }
  .navbar-bootsnipp .navbar-brand {
    font-size: 20px;
    width: 342px;
    height: 80px;
    padding: 5px 5px;
  }
  .edu-ins-pre {
    font-size: 0.63em;
    top: 0px;
    letter-spacing: 0.72em;
    padding-left: 1px;
    letter-spacing: 0.5em;
    padding-left: 1px;
    font-size: 47.4%;
  }

  .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
  .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
  .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, 
  .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
    border-bottom-width: 5px;
    border-left-width: 0px;
    padding-bottom: 10px;
    padding-left: 14px;
  }

  .navbar-bootsnipp .navbar-nav > li.disabled > a {
    padding-left: 10px;
    padding-right: 10px;
  }


  .navbar-bootsnipp .bootsnipp-search {
    background-color: #66614f;
    min-height:60px;
    display: block;
    position: absolute;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    visibility: hidden;
    margin-top: 1px;
  }
  .navbar-bootsnipp .bootsnipp-search.open {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;  
  }
  .navbar-bootsnipp .bootsnipp-search > .container {
    padding: 0px;
  }    

}



@media only screen and (min-width : 992px) {
  #headerGlobal .nav > li > a {
    padding: 15px 15px;
  }
    .navbar-bootsnipp .navbar-nav > li > a {
    line-height: 80px;
  }
  .navbar-fixed-top .navbar-collapse {margin-top: 0px; }
  #USCMH {
    padding: 0;
    top: 15px;
    position: relative;
  }
  .navbar { min-height: 100px; }
  .socialTop { padding: 25px 1em 0 0; text-align: center; position:absolute; z-index:60 }
  ul.nav.navbar-nav.navbar-right { position: absolute; right: 65px;  z-index: 3; }
  .ArmyLogo { position: absolute; top:20px; right: -55px;  }
  .ArmyLogo img { height: 60px; margin: 10px; }
  .navbar-nav { padding: 0;}

}

@media only screen and (min-width : 1199px) {
  .edu-ins-pre { 
    top: 0px;
    letter-spacing: 0.72em;
    padding-left: 1px;
    letter-spacing: 0.5em;
    padding-left: 1px;
    font-size: 47.4%;
  }
  .navbar-brand img { padding: 0; top: 10px; position: relative; }
  .socialTop { padding: 30px 1em 0 0; }
  ul.nav.navbar-nav.navbar-right { position: absolute; right: 85px;  z-index: 3; padding-right: 20px; }
  .nav > li > a > img { max-height: 75px; }
  li.ArmyLogo { top: 0; }
  li.ArmyLogo a {line-height: 0;}
}



/*
 * Offcanvas
 * --------------------------------------------------
 */
.row-offcanvas-left.active {
  left: 60%;
}
.cmhOffcanvasP
{
  display: block;
  min-width: 100%;
  margin-bottom: 2em;
}

/*
 * Breadcrumbs
 * --------------------------------------------------
 */
.breadcrumb a { color:#575240}
.breadcrumb {margin:0 15px; font-size: 0.8em;}

/*
 * Bootstrap Fixes
 * --------------------------------------------------
 */


/* Media left extra space for content */
.media-left { width:20%; }
/* .media-body { width: 65%; } */

/* breakpoint fix */
@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
      padding: 0;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin: 0;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
      clear: both;
  }
  .navbar {
      /* max-height: 85vh; */
      align-items: flex-start;
  }
}

@media (min-width: 991px) {
  .edu-ins-pre {
    padding-top: 40px;
  }
}

/* end breakpoint fix */








/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*/

@media (min-width: 1200px) and (max-width: 1599px) {
  .hidden-lg {
    display: none !important;
  }
  .edu-ins-pre {
    padding-top: 40px;
  }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1600px) {
  .edu-ins-pre {
    padding-top: 40px;
  }
    .container {
        width: 1570px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
    #content {
    padding: 0 100px;
	}
}

/* Fix for the top navigation menu not scrolling on mobile phones */