emposie custom css*/

/*CSS common*/


/*empoise color scheme 
emp dark					: #4d433C;
emp light (background)		: #f0f0e6; rgba(240, 240, 230, 0.5);
emp medium (background)		: #7F776F;
emp text color 1 			: 
emp text color 2 (footer)	:		; 
*/

/* Basic Font Families
Sanserif
font-family: Arial, Helvetica, sans-serif;

Serif
font-family: Georgia, "Times New Roman", Times, serif;

Monospace
font-family: "Courier New", Courier, monospace;
*/


/*Basic font override */

/*body,*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Roboto', Arial, Helvetica, "Times New Roman", Times, serif;
    color: #4d433C;
} 


body {
    font-family: 'Roboto', Arial, Helvetica, "Times New Roman", Times, serif;
    color: #4d433C;
}


/*Padding for top fixed nav-bar*/
body{
	padding-top: 50px;
	background-color: #f0f0e6;
}


/* removed link outline */
a {
  	outline: none;
}


/*override bs link features*/
a {
  color: #EE7000;
  text-decoration: none;
}
a:hover,
a:focus {
	color: #2a6496;
	text-decoration: none;
}
a:focus {
	outline: none;	/* emp-disabled default value outline: thin dotted; */
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}


.h4 {

}

.emplink {
	color: #EE7000;
	text-decoration: none;
}



/*Top Nav Bar styling start Bootstrap 3 Menu Generator www.bootstrap3-menu.codedorigin.com*/

/*transparent-color-of-bootstrap-3-navbar
.navbar-inverse { background: rgba(200, 54, 54, 0.5); }
http://css-tricks.com/rgba-browser-support/
http://stackoverflow.com/questions/21218577/transparent-color-of-bootstrap-3-navbar*/






/*nav light without bacground rectangle*/
.navbar-inverse { background-color: #F0F0E6}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #F0F0E6}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #F0F0E6}
.dropdown-menu { background-color: #F0F0E6}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #4D433C}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #F0F0E6}
.navbar-inverse .navbar-brand { color: #4D433C}
.navbar-inverse .navbar-brand:hover { color: #4D433C}
.navbar-inverse .navbar-nav>li>a { color: #7F776F}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #4D433C}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #4D433C}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #4D433C;}
.dropdown-menu>li>a { color: #4D433C}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #F0F0E6}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #7F776F}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #4D433C}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #7F776F}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #4D433C}



/* new light menu */
/*.navbar-inverse { background-color: #F0F0E6}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #6B5D53}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #4D433C}
.dropdown-menu { background-color: #F0F0E6}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #4D433C}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #F0F0E6}
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #4D433C}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #F0F0E6}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #F0F0E6}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #F0F0E6}
.dropdown-menu>li>a { color: #4D433C}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #F0F0E6}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #4D433C}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #F0F0E6}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #4D433C}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #F0F0E6}*/






/* OLD Dark
.navbar-inverse { background-color: #261E10}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #544223}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #544223}
.dropdown-menu { background-color: #544223}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #261E10}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #261E10}
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #A6A6A6}
.navbar-inverse .navbar-nav>li>a { color: #B3A99B}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFF1DE}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFF1DE}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFF1DE}
.dropdown-menu>li>a { color: #B3A99B}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFF1DE}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #B3A99B}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFF1DE}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #B3A99B}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFF1DE} */


/*Navbar collapsed small-screen*/

.navbar-toggle {
  background-color: #7F776F;
  border: none;
}

/* End Navbar collapsed */



/*Top Nav Bar styling end*/


#navi_logo {
	height:40px;
	margin-top: -10px;
	margin-right: 10px;
}

#navi_logo:hover { 
	opacity: 0.8; 
	}

.emp-top-nav {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 500;
}



/*Footer*/

#footer {
	background-color: #4D433C;
	margin-top: 10px;
}



.emp-footer{
	padding-top: 20px;
}

#emp-footer-logo {
	height:30px;
	margin-top:0px;
	/*margin-left: -10px;*/
	margin-bottom: 20px;
}

#emp-footer-logo:hover { 
	opacity: 0.8;
	}


#footer-social-icons {
	height:25px;
	margin-top:23px;
	/*margin-left: -10px;*/
	margin-bottom: 20px;
}
#footer-social-icons:hover {
	opacity: 0.8;
}



.emp-footer h5 {
	font-size: 12px;
	color: #f0f0e6;
	padding-bottom: 20px;
	padding-top: 90px;
	font-weight: 400;

} /*footer copyright info*/

.emp-footer .empaddrs h4{
	font-size: 14px;
	color: #f0f0e6;
	padding: 15px 0px 0px 0px;
	margin: 0;
	line-height: 10px;
	font-weight: 400;
}

.emp-footer .empaddrs h5{
	font-size: 12px;
	padding: 10px 0;
	margin: 0;
	line-height: 10px;
	font-weight: 300;
}


.emp-footer .empaddrs p{
	margin: 0px 0px 7px;
}




/*footer nav*/

.emp-footer-nav ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.emp-footer-nav li {
    float:left;
}

.emp-footer-nav a {
    display: block;
    /*width: 100px;*/
    /*padding: 5px 10px;*/
    padding: 5px 15px 30px 0px;

}

.emp-footer a:link {
color: #F0F0E6;
}

/* visited link */
.emp-footer a:visited {
color: #F0F0E6;
}

/* mouse over link */
.emp-footer a:hover {
color: #EE7000;
}

/* selected link */
.emp-footer a:active {
color: yellow;
}




/* end footer nav*/

/*scroll to top button*/

.scroll-top {
   position:fixed;
   bottom:0;
   right:3%;
   z-index:100;
   background: #4D433C;
   font-size:24px;
   border-top-left-radius:5px;
   border-top-right-radius:5px;
}

.scroll-top a:link,.scroll-top a:visited {
  color:#222;
} 









/* Front page */


/* Fade transition for carousel items */

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}







/*Home page text style*/

.emp-homepage h2 {
	font-family: "Roboto slab",Georgia,"Times New Roman",Times,serif;
	font-size: 48px;
	font-weight: 300;
	margin-top: 20px;
	margin-bottom: 5px;
}

.emp-homepage h3 {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 300;
	margin-top: 5px;
	margin-bottom: 10px;
}

.emp-homepage .emp-address {
	font-weight: 400;
}


.featured-proj h2{
	font-family: "Roboto slab",Georgia,"Times New Roman",Times,serif;
	font-size: 48px;
	font-weight: 300;
}


.row-featured {
	margin-left: -5px;
	margin-right: -5px;
}

/* End Front page */

/*Work gallery page*/
.work-heading {
	background-color: transparent;
}

.work-heading h1 {
	font-size: 42px;
	color: #4D433C;
	font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	letter-spacing : -4px;
	/*font-style: italic;*/
}

  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 80px;
  }


#work-gallery .thumbnail{
	border:0px;
	border-radius:0px;
	margin:0px;
	padding:0px;
} /*revmoes bs border*/

#work-gallery .row {
	margin:0px;
}

#work-gallery .col-sm-4 {
	padding: 10px 5px 0px 5px;
	/*padding:5px; changed on 2019-02-15*/
} /*gap between thmbnls*/

.thumbnail {
    position:relative;
    overflow:hidden;
} /*why is this here?, ask*/
 
.caption {
    position:absolute;
    top:60%;
    right:0;
    background:rgba(77, 67, 60, 0.80);
    width:100%;
    height:100%;
    padding:5%;
    display: none;
    text-align:left; /*center*/
    color:#F0F0E6 !important;
    z-index:2;
}

#work-gallery .thumbnail .caption h4 {
	/*	font-size: 6vw;*/
	font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	padding-left: 5%;
	font-weight: 300;
	margin-bottom: 1px;
}


#work-gallery .thumbnail .caption p {
	font-size: 14px;
	padding-left: 5%;
	padding-top: 1px;
	font-weight: 400;
	font-style: italic;

}




/*Thumbnail buttons unused */

/* unvisited link */
#work-gallery a:link {
color: #F0F0E6;
}

/* visited link */
#work-gallery a:visited {
color: #F0F0E6;
}

/* mouse over link */
#work-gallery a:hover {
color: red;
}

/* selected link */
#work-gallery a:active {
color: yellow;
}

/* /Thumbnail buttons unused */



/*End Work gallery page*/

/*Single work page*/

.emp-work-left img{
	margin-top: 10px;
}

.emp-work-right h1{
	font-family: "Roboto slab", Georgia, "Times New Roman", Times, serif;
	font-size: 50px;
	font-weight: 300;
}

.emp-work-right h2{
	font-size: 26px;
	font-weight: 300;
	margin: 20px 0px 20px 0px;
}

.emp-work-right p{
	font-size: 16px;
}


/*Emposie Studio Page Start*/

.studio h4{
	font-weight: 300;
	font-size: 20px;
}

.studio h3{
	font-weight: 300;
	font-size: 28px;
}

.studio img{
	margin-top: 10px;
}


.emp-bold {
	font-weight: 400;
	line-height: 36px;
}


/*Emposie Studio Page End*/




/* Contact form:Start 2013-10-09 pageaffairs.com/notebook/php-contact-form 
taken from empoise website 2010-14 version*/

	/*body {background: #f7f7f7; font: 100%/1.375 bitter,georgia, serif;padding: 20px 40px;}*/
	.contactform form div {margin-bottom: 10px;}
	.contactform .content {width: 40%; margin: 0 auto;}
	.contactform h1 {margin: 0 0 20px 0; font-size: 30px; font-family: "Roboto slab", Georgia, "Times New Roman", Times, serif; font-weight: 300;}
	.contactform label {margin-bottom: 4px; /*font-family: "Roboto", Georgia, "Times New Roman", Times, serif;*/ font-size: 22px; font-weight: 300; padding-left: 1px;}
	.contactform input[type="text"], input[type="email"], textarea {font-size: 16px; width: 98%; font-family: "Roboto slab", arial; border: 1px solid #ebebeb; padding: 4px; margin: 0; display: block; background: #dedece;}
	.contactform input[type="radio"] {margin: 0 5px 0 0;}
	.contactform textarea {overflow: auto;}
	.contactform .hide {display: none;}
		
	
	/* Rounded button code */ 
	
	.contactform .button {

			-webkit-border-radius: 4;
 			-moz-border-radius: 4;
 			border-radius: 4px;
 			/*font-family: ;*/ 
 			color: #f0f0e6;
 			font-size: 16px;
 			background: #4d433C;
 			padding: 5px 20px 7px 20px;
 			border: solid #4d433C 2px;
 			text-decoration: none;
        
				}	
				
		.contactform .button:hover {
			background: #3e3630;
			border: solid #3e3630 2px;
			text-decoration: none;

		}	
								
		.contactform .button:active {
        position:relative;
        top:1px;
        }	
				
				
				
				
	
/* Contact form: End