/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   @font-face {
	font-family: 'saxmono';
	src:url(../fonts/saxMono/saxmono.ttf) ;

   }
   @font-face {
	font-family: 'PrintClearly.otf';
	src:url(../fonts/Print-Clearly/PrintClearly.otf) format('opentype') ;

   }
   @font-face {
	font-family: 'Roboto-Light';
	   src:url(../fonts/roboto/Roboto-Light.ttf) format('truetype');

   }
   @font-face {
	font-family: 'SourceCodePro-Regular';
	src:url(../fonts/source-code-pro/SourceCodePro-Regular.otf) format('opentype') ;

   }
   
  body {
font-family: 'Roboto-Light';
	   src:url(../fonts/roboto/Roboto-Light.ttf) format('truetype')  ;
 	-webkit-filter: blur(0px);
	
 }

.address a {
	color: white;
}

.address a:hover {
	
	text-decoration: none;
}
 .animated {
	font-family: 'Roboto-Light';
	   src:url(../fonts/roboto/Roboto-Light.ttf) format('truetype');
	font-size:3.95em;
	font-weight:800;
	 color: white;
	 
	/*color:#e67e22;*/
 }

.bio {
	height:auto;
	margin:10px;
	padding:10px ;
}

.bio-text {
	text-align: justify;
	line-height:27px !important;
	font-size: 1.02em !important; 
	color:white;
	font-weight: 100;
	font-family:"Roboto-Light";
}

.bio-text a {
	color:#F05C3B;
	text-decoration: underline;
	
}
.icons ul li {
	display: inline;
	
}

.container{
	width:100%;
	padding:-10px;
	
	
}
.selected {
	background-color:#F05C3B;
}
.container h2{
color:#F05C3B;
padding:10px;
margin:10px;
}




.box {
	width:70%;
	border: Solid 2px #e67e22;
	padding:10px;
	margin-bottom:40px;
	background-color:rgba(180,180,180,0.24);
	
}


.bar {
	background-color:#ebcec7; 
	height: auto;
	padding: 35px;
	
}

.ceo {
	
}

.libcologo {
	position:relative;
	bottom:670px;
	
	
}

.thumbnail {
	border:none;
	background-color:transparent !important;
	box-shadow:none;
}

.caption p {
	font-size:1.65em;
	font-weight:100;
	line-height:30px;
	padding: 10px;
}
.caption h3 {
	color:#F05C3B;
	font-weight:400;
	font-family:"Roboto-Light";
	font-size:2.65em;
	
}

.thumbnail a:hover {
	text-decoration:none;
}

.tmb{
	
	border:red solid 3px;
}

.dg-right{
	height: auto;
	background-image:url(../img/libco-mediabk-lg.png);
	background-repeat: no-repeat;
	background-size: auto;
	margin-top:10%;
}



.dg-right .thumbnail img {
	border-radius: 5px;
	height: 200px;
}

.dg-right .row {
	margin: 20px;
}

.dg-right h3 {
	
	font-size:2.25em;
	font-weight: bold;
}

.ft-left.ft-right, ul li {
	list-style-type: none;
	margin:15px;
}


.staff li {
	margin-left:-10px;
	max-width:70%;
	
}


.maincontent{
	padding: 10px;
	margin: 20px;
	height: auto;
	width: 100%;
}


.media{
	margin-left:15px 35px;
	padding:10px;
	font-family: 'Roboto-Light';
	   src:url(../fonts/roboto/Roboto-Light.ttf) format('truetype');
	font-size:1.65em;
}

.media-box {
	
	margin: 45px;
}
.media-body p {
	width:100%;
	
}
.social-head {
	
	font-size:5.25em;
	color:#e67e22;
	font-weight: bold;
}
.media-object {
	width:60%;
	
}
.media-heading{
	color:#e67e22;
	font-size:1.45em;
}
.media-body{
	position:relative;
	/*top:60px;*/
	
}
.media-body p {
	font-weight:500;
	color:black;
}
.media a {
	color:#e67e22;
}
.media a:hover{
	text-decoration:none;
}


#myCarousel {
	width:80%;
	margin: 0 auto;
}
#navbar {
	
	max-width:100%;
	height:90px;
	
}
#swap 	{
   background-image: url('../img/landing-top.png');
   height: 780px;
   width: 570px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
	
}

#swap:hover {
   background-image: url('../img/landing-hover.png');
}






.nav a {
	color:white;
}

.nav li a:hover {
	background-color:#F6957A;
	text-decoration:none;
	
	
}



.navbar {
	background-color: #F05C3B;
	position:relative;
	top:20px;
}



.navbar-brand	{
	
	color:white;
	
	font-size: .96em;
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
	
 
}



/*.active {
	background-color: #F6957A;
	padding: 7px
	
}*/



.section-1 {
	height:auto;
	width:100%;
	background-color:rgba(173,173,173,0.36);
	padding:10px;
	margin-top:15px;
}

.section-1 h2 {
	padding-left:20px;
	margin:5px;
	color:#2ecc71;
}

.section-2 h2 {
	padding-left:20px;
	margin:5px;
	color:#3498db;
}
.section-2 {
	height:auto;
	width:100%;
	padding:15px;
}
.section-3 {
	height:auto;
	width:100%;
	background-color:rgba(173,173,173,.36);
	padding:20px 0 20px 20px;
	margin-top:15px;
	
}

.featurette h4 {
	font-family: 'Roboto-Light';
	   src:url(../fonts/roboto/Roboto-Light.ttf) format('truetype');
	font-size:1.45em;
	font-weight:700;
}
.featurette p {
	font-family: 'Roboto-Light';
	   src:url(../fonts/roboto/Roboto-Light.ttf) format('truetype');
	font-size:1.65em;
	font-weight:500;
	margin:15px;
	padding:13px;
	color:black;
}
.featurette a:hover {
	text-decoration:none;
}
.featurette-image {
	border-radius:25px;	
}

footer { 
width:100%;
height:auto;
padding:30px;
margin-bottom:-50px;
background-color:#F05C3B;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
font-size:1.15em;
font-weight:300;
color:white;
}
.custom {
	padding:30px 50px 60px 50px;
	margin-bottom:15px;
}
.custom p {
	font-size:2.10em;
	padding:10px;
	margin:-50px 0 -80px  0;
	height:auto;
	color:black;
	font-weight:500;
}
.group-1 {
	font-size:1.75em;
	color:black;
	font-weight:400;
	
}

.content {
	margin-left:-16px;
	padding:20px;
	background-color:#333333;
	height: auto !important;
	width: 70% !important;
}
.content h3 {
	font-size:2.65em;
	color:#F05C3B;
	font-weight:600;
}
.content h4 {
	font-size:1.95em;
	color:#F05C3B;
	font-weight:600;
}
.content p{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
	padding:10px;
	margin-top:10px;
	line-height:40px;
	font-size:1.45em;
	font-weight:300;
}
.left li {
	
	font-size:1.40em;
	color:white;
	margin:5px;
	padding:2px;
}
.textdeco a{
	color:white;
}
.textdeco a:hover{
	text-decoration:none;
}
.group-2 h3 {
	font-size:2.65em;
	color:#e67e22;
	font-weight:600;
}
.group-2 p{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
	padding:5px;
	margin:10px 5px 30px 5px;
	line-height:25px;
	font-size:1.15em;
	color:white;
	width: 100%;
	
}

.list-group{
	padding:0 25px 10px 10px;
	
}

.list-group li {margin-top:-1px}
.badge{
	background-color:transparent;
	font-size:10px;
	color:#F05C3B;
}

.background {
	background-color:white;
	height:auto;
	padding:40px;
	margin:-20px;
	
}
.background p{
	font-weight:300;
}
.table {
	font-size:1.65em;
	font-size:500;
	color:#F05C3B;
	width: 60%;
}

.borderless td, .borderless th {
    border: none !important;
}

.cta {
	
	text-align:center;
	color:#F05C3B;
	
}
.list-group-item {
	/*font-weight:400;
	color:White;
	background-color:#e67e22;
	border:none;
	text-align:center;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";*/
	font-weight:bold;
	font-size:.65em;
	color:#F05C3B;
	background-color:transparent;
	border: solid #6F6B6B 1px;
	text-align:center;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";

}
.icon-bar {
	background-color:#F6D63B;
}


.ft-logo {
	position: absolute;
	top:10px;
	right:-95px;
}
/* End of regular screen code */
@media only screen and (min-width: 767px) {
.dropdown-toggle:active, .open .dropdown-toggle {
	background-color:transparent!important;
	height: auto!important;
}
	
.dg-right{
	height: auto;
	background-image:url(../img/libco-mediabk-lg.png);
	}

.navbar-brand {
	font-size: .96em;
 	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
	
}
	
	
	.banner {
		margin-top:-110px;
	}


.section-1 p {
	width:100%;
	height:auto;
	padding:5px;
	margin:5px;
	line-height:30px;
}
.section-1 .col-md-4 {
	padding-left:75px;
}
.section-1 img {
	position:relative;
	bottom:20px;
}
.section-2 p {
	width:100%;
	height:auto;
	padding:5px;
	margin:5px;
	line-height:30px;
	text-align:right;
}
.section-2 .col-md-4 {
	padding-left:75px;
}

}
@media screen and (min-width: 768px) and (max-width:1191px) {
    
	.media-body{
	position:relative;
	top:10px;
	
}
	.box {
		text-align: center;
		margin-left:180px;
	}

	.dg-right{
	height: auto;
	background-image:url(../img/libco-mediabk-md.png) !important;
	}


.nav {
	background-color: #F05C3B;
	height: auto !important;
}
}
@media only screen and (max-width: 766px) {
	.banner {
		margin-top:-100px;
	}
	.navbar-header {
		background-color:#F05C3B;
	}
	.navbar-toggle{
		margin-bottom:20px;
	}
	
	.navbar {
		margin-top: -25px;
		z-index: 9999;
	}



.active {
	border:none;
}


	#myCarousel {
		display: none!important;
	} 
.section-1 h2{
	text-align:center;
}
.section-1 img {
	display:none!Important;
}
.section-2 h2{
	text-align:center;
}
.section-2 img {
	display:none!Important;
}
.featurette-image{
	display:none !important;
}

.media-body{
	position:relative;
	top:5px;
	right:50px;
	text-align: left;
	
}
	
	
	.media-heading {
		text-align:center;
		margin-left: 20px;
	}
	
	.dg-right .thumbnail img {
	border-radius: 5px;
	height: 100px;
}

.media-object {
		display: none!important;
	}
	
	.box {
		margin-left:70px;
	}
	.box p {
		margin-left:35px;
	}
	
.staff li {
		
		font-size:.86em;
	}
	#map {
				 height: 200px;
				}
	
}

@media only screen and (max-width: 736px) {
	
	
	.staff li {
		
		font-size:.66em;
		max-width: 100%;
	}
	
	.dg-right .thumbnail img {
	border-radius: 5px;
	height: 100px;
	}
	
	#swap 	{
   background-image: url('../img/landing-top-small.png'); 
   height: 351px !important;
   width: 256px !important;
	background-repeat: no-repeat;
	background-position: center center;
	
}
	
	.content {
		width:100% !important;
	}
.navbar-brand {
	
	
	width:20%;
	
	}

	.banner img{
		display: none !important;
	}
	
	.container {
		
		margin-top:100px;
	}

#swap {
  
	display: none;
}
	
	.mobile img {
		width:10%;
	}	
	#nav {
		background-color:transparent;
	}
	
	.nav {
		background-color: #F05C3B;
	}
	
	#map {
				 height: 200px;
				}
	.icons img {
		width: 40%;
	}
		.dg-right{
	height: auto;
	background-image:url(../img/libco-mediabk-sm1.png) !important;
	}
	
}