@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Geist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Geist:ital,wght@0,100..900;1,100..900&display=swap');

/* Theme */
a {
	color: #2f6f9f;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a, a:visited {

}
body {
	font-family: "Geist", sans-serif, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4 {
	color: rgb(23, 50, 77);
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}
.h1, h1 {
	font-size: clamp(48px,4.65vw,68px);
	font-weight: 800;
	line-height: .98;
	letter-spacing: 5em;
	letter-spacing: -.035em;
}
.h2, h2 {
	font-size: clamp(38px,4vw,55px);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: 0em;
}
.h3, h3 {
	font-size: clamp(28px,3.65vw,42px);
	font-weight: 800;
	line-height: 1.06;
	letter-spacing: 0em;
}
.h4, h4 {
	font-size: clamp(18px,3vw,30px);
	font-weight: 800;
	line-height: 1.10;
	letter-spacing: 0em;
}

.btn {
  padding: 16px 22px;
  font-size: 14px;
  font-weight: 720;
  transition: all .2s;
  border:none;
	border-radius: 0;
}
.btn:hover{
	transform: translateY(-2px);
}
.btn-primary {
	background: #8f2f2b;
	
}
.btn-primary:hover{
	background: #782521;
}
.btn-success {

}
.btn-success:hover {
	
}
.btn-info {
	background: #fff;
	border: 1px solid #b9c5cd;
	color: #17324d;
}
.btn-info:hover {
	border-color: #2f6f9f;
	color: #17324d;
	background: #fff;
}


.well {
	background: #eaf0f4;
  border-left: 4px solid #8f2f2b;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin-top: 34px;
  padding: 25px 28px;
}
.alert {
	border:none;
	border-radius: 0;
}

/* Top Nav */
#login {
	background: #fff;
	border:none;
}
#login .container {
	border-bottom:1px solid #dce3e8;
}
#login li a {

}
#login.navbar-default .navbar-nav a:focus, 
#login.navbar-default .navbar-nav a:hover {

}
#login.navbar-default .navbar-nav > .open > a, 
#login.navbar-default .navbar-nav > .open > a:focus, 
#login.navbar-default .navbar-nav > .open > a:hover {

}
#login.navbar-default {

}
#login.navbar-default .navbar-nav > li > a { }
#login.navbar-default .navbar-nav > li > a:hover { }
#login.navbar-default .navbar-nav > .open > a,
#login.navbar-default .navbar-nav > .open > a:hover { }
#login .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a { }
#login .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { }


/* Header */
#header {

}
#header .container {

}
#header #logo {
	background-attachment: scroll;
    background-image: url("/css_new/cls/cls-compact-monogram.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    height: 130px;
  	max-width: 200px;
}
#header #logo .h1 { display:none; }



/* Main Nav */
#mainNav {
	background-color: #10273b;
 	border-radius: 0;
	border:none;
	padding:12px
}
#mainNav .navbar-nav > li > a {
	color: #c3d3df;
	letter-spacing: .13em;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 710;
	transition: all .2s;
}

#mainNav .navbar-nav > li.active a {
	background:none;
}
#mainNav .navbar-nav > li a:hover { 
	transform: translateY(-2px);
}
#mainNav.navbar-default .navbar-toggle .icon-bar {
	
}


/* About OSHA */
footer { 
  border-top: 4px solid  #8f2f2b;
  background: #10273b;
  color: #eee;
  font-size: 12px;
}
footer a { color: rgb(183, 201, 214); }
footer img {
  width:80px;
  height:40px;
  box-sizing:border-box;
  padding-left: 80px;
  margin-top:5px;
  /*width of the image*/
  background: url(/images/ots-logo-foot-white.png) left top no-repeat;

}