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



/* BOOTSTRAP OVERRIDES */

body {
	padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: "effra", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.75em;
	color: #5F5F5F;
	background-color: #FFFFFF;
}
.container {
	padding:0;
	margin:0 auto;
}
.row {
	padding:;
	margin:;
}
.navbar-inverse {
    background-color: rgba(56,45,71,1.00);
}
.navbar-fixed-top {
    border-width:0;
}
.navbar {
    min-height: 50px;
    margin-bottom:0;
}
.navbar-inverse .navbar-brand {
    color: #FFFFFF;
	font-size:14px;
	font-weight:300;
	letter-spacing:.2em;
	text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a,
.nav > li > a {
	color: #FFFFFF;
	font-size:12px;
	letter-spacing:.2em;
	text-transform: uppercase;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: transparent;
}
.navbar-inverse .navbar-toggle {
	border-color: transparent;
}
.navbar-toggle {
	padding-right:0;
	border: 0px solid transparent;
	border-radius: 0px;
}
.page-header {
	background-color:;
	font-size:42px;
	font-weight:400;
	letter-spacing:.05em;
	line-height:normal;
	margin-top:60px;
	margin-bottom:0;
	paddding-top:0;
	padding-bottom: 9px;
	border-bottom: 1px solid #DDD;
}
.active {
	color:rgba(131,120,142,1.00) !important;
	cursor:default;
}
.pagination {
	background-color:;
	margin-top:15px;
	margin-bottom:40px;
	padding:0;
}
.pagination > li:first-child > a, 
.pagination > li:first-child > span {
	margin-left:0;
	padding-left:0;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
	color:rgba(193,164,157,1.00) !important;
	cursor: default;
	background-color:transparent;
	border-color:transparent;
}
.pagination > li > a, 
.pagination > li > span,
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover {
	color:#555;
	font-size:13px;
	font-weight:400;
	letter-spacing:.1em;
	text-transform: uppercase;
	text-decoration: none;
	background-color:transparent;
	border: 0px;
}
a,
a:focus, 
a:hover {
	color: #777777;
	text-decoration:none;
}
a .fa, 
a:focus .fa, 
a:hover .fa {
    color: rgba(131,120,142,1.00);
}
p {
	margin-bottom:1em;
}
h1, h2, h3, h4 {
	font-weight:900;
	line-height:1em;
    margin-top: 0;
    margin-bottom:;
}
.media-heading {
	font-weight:400;
    margin-top:40px;
    margin-bottom:10px;
}
label {
    font-weight: 400;
}
.btn {
	background-color:rgba(131,120,142,1.00);
}
.btn-primary,
.btn-primary:hover {
	color: #fff;
	background-color:rgba(131,120,142,1.00);
	border-color:rgba(131,120,142,1.00);
}
.alert-success {
	color: #FFFFFF;
    background-color: rgba(193,164,157,1.00);
    border-color: rgba(193,164,157,1.00);
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
b, strong {
	font-weight:400;
}
footer {
	background-color:;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 40px;
	padding-bottom: 20px;
	border-top: 1px solid #DDDDDD;
}
/* -------------- */


/* GLOBAL STYLES */
.subhead {
	line-height:1.5em;
}
.text-color1 {
	color:rgba(56,45,71,1.00);
}
.text-color2 {
	color:rgba(131,120,142,1.00);
}
.text-color3 {
	color:rgba(193,164,157,1.00);
}
.text-white {
	color:#FFFFFF;
}
.portfolio-subcategory {
	background-color:;
	font-size:18px;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:.1em;
	line-height:normal;
	margin-top:15;
	margin-bottom:20px;
	paddding-top:0;
	padding-bottom:0;
	border-bottom:/* 1px solid #DDD*/;
}
.contact-info-container {
	margin-top:50px;
}
.copyright {
	font-size:12px;
	text-align:center;
}
.design-credits {
	font-size:12px;
	font-weight:300;
	letter-spacing:normal;
	text-align:center;
	line-height:normal;
	margin-top:20px;
}
.design-credits .external-link {
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:.1em;
	text-align:center;
	line-height:2.5em;
}
.img-portfolio {
	margin-bottom: 20px; 
}
.thumb-caption,
.thumb-caption-role {
}
.thumb-caption-title {
	color:#777777;
	font-weight:400;
	font-size: 14px;
	margin-top:1em;
	margin-bottom:-.75em;
}
.thumb-caption {
	color:#777777;
	font-weight:300;
	font-size: 14px;
	line-height:1.25em;
	min-height:2.5em;
	margin-top:1em;
}
.thumb-caption-role {
	display:none;
	color:#777777;
	font-weight:300;
	font-size: 12px;
	margin-top:-.5em;
}
.external-link {
	text-decoration:underline;
}
.archive-link {
	font-size:14px;
	text-decoration: underline;
	line-height:1em;
	margin-bottom:1em;
}
/* -------------- */


/* LANDING PAGE STYLES */
.header-wrapper {
	display: table;
	width: 100%;
	height: 70vh;
	background: url(../images/dori-randall-signature-image.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover; 
	background-size: cover;
	-o-background-size: cover;
	margin: 0;
	padding: 0;
}
.header-text-box {
	background-color:;
	display:table-cell;
	vertical-align:top;
	text-align:left;
	padding:50px 0 0 0;
}
.header-logotype {
	color:rgba(255,255,255,1.00);
	font-size:4.5em;
	font-weight:300;
	letter-spacing:.025em;
	line-height:1em;
	margin-left:-.05em;
}
.header-tagline-1 {
	/*color:rgba(139,121,164,1.00);*/
	color:rgba(193,164,157,1.00);
	font-size: 2.35em;
	font-weight:300;
	letter-spacing:.025em;
	line-height:1em;
}
.header-tagline-2 {
	/*color:rgba(214,162,150,1.00);*/
	color:rgba(131,120,146,1.00);
	font-size: 2.35em;
	font-weight:300;
	letter-spacing:.025em;
	line-height:1em;
}
.intro-section {
	background-color:#FFFFFF;
	padding:;
	margin:60px auto;
}
.intro-portrait {
	float:left;
	max-height:9em;
	margin:8px 40px 20px 0;
	padding:;
}
.intro-headline {
	font-size:42px;
	font-weight:400;
	letter-spacing:;
	line-height:1em;
	margin-bottom:30px;
}


/* -------------- */
/* MEDIA QUERIES */


/*-- VIEWPORT ORIENTATION MEDIA QUERIES --*/
@media all and (orientation: portrait) {
}
@media all and (orientation: landscape) {
}

/*-- VIEWPORT SIZE MEDIA QUERIES --*/
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}

/* iPads (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.container {
	padding:0 40px;
}
}

@media (max-width: 768px) {
.container {
	padding:0 40px;
}
.header-wrapper {
	height: 40vh;
}
.header-text-box {
	padding:20px 0 0 0;
}
.header-logotype {
	font-size:3em;
	line-height:1em;
}
.header-tagline-1 {
	font-size:1.65em;
	line-height:.8em;
}
.header-tagline-2 {
	font-size:1.65em;
	line-height:.8em;
}
}

/* iPhone 6 & 6+ (landscape) */
@media (max-width : 736px) and (orientation : landscape) {
.container {
	padding:0 40px;
}
.header-wrapper {
	height: 90vh;
	background-position: 90% 100%;
}
.header-text-box {
	padding:20px 0 0 0;
}
.header-logotype {
	font-size:2em;
	line-height:1em;
}
.header-tagline-1 {
	font-size:1em;
	line-height:.85em;
}
.header-tagline-2 {
	font-size:1em;
	line-height:.85em;
}
.intro-section {
	margin:40px auto;
}
.intro-portrait {
	max-height:4.15em;
	margin:8px 20px 0px 0;
	padding:;
}
.intro-headline {
	font-size:28px;
	margin-bottom:20px;
}
p {
	font-size:14px;
}
}

/* iPhone 6 & 6+ (portrait) */
@media (max-width : 413px) and (orientation : portrait) {
.container {
	padding:0 20px;
}
.header-wrapper {
	height: 40vh;
	background-position: 80% 100%;
}
.header-text-box {
	padding:20px 0 0 0;
}
.header-logotype {
	font-size:1.5em;
	line-height:1em;
}
.header-tagline-1 {
	font-size:.8em;
	line-height:.65em;
}
.header-tagline-2 {
	font-size:.8em;
	line-height:.65em;
}
.intro-section {
	margin:40px auto;
}
.intro-portrait {
	max-height:4.15em;
	margin:8px 20px 0px 0;
	padding:;
}
.intro-headline {
	font-size:28px;
	margin-bottom:20px;
}
p {
	font-size:14px;
}
.page-header {
    font-size: 36px;
    margin-top: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDD;
}
.pagination {
	margin-top:10px;
	margin-bottom:20px;
}
.pagination > li > a, .pagination > li > span {
	padding: 6px 20px 6px 0;
}
.thumb-caption-title {
	font-size: 12px;
	margin-top:1em;
	margin-bottom:-.75em;
}.thumb-caption {
	font-size: 12px;
	margin-top: 1em;
}
.thumb-caption-role {
	font-size: 10px;
	margin-top:-.5em;
}
/* Smartphones (landscape) */
@media (min-width : 321px) {
}
/* Smartphones (portrait) */
@media (max-width : 320px) {
}