body{
	font-family:'Lato', sans-serif; /*'Lato', 'Fira Sans'*/
	font-weight:300; /*this decides which version of font-family you are using. e.g. fira sans: 300, 400, 500, 700*/
	color:#807672; 
	background-color:#fff; 
}
.img-center {margin:0 auto;}
.bold {font-weight:500;}


/* Navigation */
.navbar-default {background-color:#fff; border:0px;}
.navbar-default .container {padding:5px;}
/*ul.nav.navbar-right li a:hover {color:#f36523;}*/ /* links text color on hover */

/* Body Content */
.jumbotron {
	text-align:center;
	background-color:#fff;
	
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0px; /* don't remove padding left&right to 0px if the page has paragraphs and text like BTap or other pages. */
	padding-right: 0px;

}

.stripe {background-color:#e8e4de;}
.row-fluid {padding-top:2%;}
.col-md-12 {padding:0px; text-align:center;}
.tagline {padding-top:1%; padding-left:10%; padding-right:10%;}
.tagline h1 {font-size:190%; font-weight:300;}
.tagline p {font-size:110%;}
.tagline p a {color:#f36523;}
.tagline p a:hover {text-decoration:underline;}
.btn-primary {
	background-color:#fff; 
	border-color:#fff; 
	/*text-transform:uppercase;*/ 
	color:#cd3876; 
	border-radius:6px;
	font-size: 20px;
	padding: 10px 20px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {background-color:#02b2ee; border-color:#02b2ee; color:#fff;}

/* Gallery of Work 
body.work {padding-top: 50px;}
.thumbnail {position:relative;overflow:hidden; border:0px;}
.caption {position:absolute; top:0; right:0; background:rgba(66, 139, 202, 0.75); width:100%; height:100%; padding:2%; display: none; text-align:center; color:#fff !important; z-index:2;}*/
body.work .container .intro {padding-top:50px;}
body.work .row {text-align:left;}
.thumbnail {border:0px;}


 
.ease .thumbnail {
    position:relative;
    overflow:hidden;
}
 
.ease .caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(66, 139, 202, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

/* slippry slideshow */
/* pager (round dots under the slideshow)
.sy-pager li a {
		
}
*/

.sy-pager li.sy-active a {
	background-color: #F36523;	
}
/*
.interactLogo{
	
    
   	height: 400px;
	background-image:url(../img/interactLogo634x400.png);
	background-repeat: no-repeat;
	margin-bottom: 100px;
	
}*/


#footerBanner {
	background-color: #cd3876;
	margin-top: 10%;
}

.subtagline{
	padding-top:1%; 
	padding-left:10%; 
	padding-right:10%;
	margin-top: 100px;
	margin-bottom: 100px;
}
.subtagline h2{
	font-size: 48px;
	font-weight: 300;
	color: #fff;
}
.subtagline p{
	font-size: 20px;
	color: #fff;
}
.subtagline p a{
	color:#f36523;
}
.subtagline p a:hover{
	text-decoration:underline;
}

#emailbutton {
	margin-top: 20px;	
}



.welcomeRow{
	background-image:url(../../images/myPortfolio/btap1920.jpg);
	/*background-image: url(../../images/myPortfolio/bgimg.jpg);*/
	background-color: rgba(0, 0, 0, 0.8); /* #e7e8ea    add background image later on. width: 1933*/	
	/* margin-bottom: 40px;	*/
}

.welcomeRow h1 {
	font-size: 70px;	
	color: #fff;
	font-family:'Lato', sans-serif; /*'Lato', 'Fira Sans'*/
	font-weight:300;
	text-align: center;
	padding-left: 0px;	/*195px*/
	margin-bottom: -5px;
}

.welcomeRow h2 {
	color: #fff;
	text-align: center;
	font-family:'Lato', sans-serif; /*'Lato', 'Fira Sans'*/
	font-weight:300;
	padding-left: 0px;	/*195px*/
	font-size: 40px;
	margin-bottom: 30px;
}/*change around text-align and padding for other paragraphs and buttons too, for this div*/

.welcomeRow p {
	color: #fff;
	font-size: 20px;
}

#workButton {
	margin-bottom: 40px;	
}
/* 
#workcontent {
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
} */

/* #workcontent {
	margin-bottom: 40px;
} */

/* .mainlinkSection{
	margin-bottom: 40px;
	display: flex;
	
	column-gap: 32px;

	align-items: center;
	justify-content: center;

} */

#workcontent {
	margin: 32px 0px 32px 0px;
}

.mainlinkSection button{
	background: none!important;
	border: none;
	padding: 0px 0px 16px 0px;
	margin: 0px 0px 0px 0px; /* 3rd was 40px */
	font-size: 18px;
	
	/*optional*/
	color: #807672; /*text color*/
	cursor: pointer;
}

.mainlinkSection #libraryButton {
	padding: 0px 0px 0px 0px;
}

/* removes blue outline that appears after the link is clicked*/
.mainlinkSection button:focus{
	outline: none;	
	/*border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c8c8c8;*/
	font-weight: 500;
	color: #cd3876;
}


/*
.mainButton button {
	flex: 25%;
}

@media (max-width: 500px) {
	.mainButton button {
		flex: 100%;
	}
}
*/
/* show/hide thumbnail divs */

#searsDiv{
	display: none;
}

/*
#footlockerDiv{
	
}
*/

#libraryDiv{
	display: none;
}

#appDiv{
	display: none;
}

#cgiDiv{
	display: none;
}

#soundDiv{
	display: none;
}


/* change around the position of the mainlogo.png to place it vertically centered */
a.navbar-brand img {
	margin-top: -5px;	
}

/* link text */
.navbar-default .navbar-nav > li > a {
	color: #000000;	
}

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

/* without some margin-top, the navbar covers up the title in a small view */
.jumbotron {
	margin-top: 0px;	
}