/*
 * Author: Carlos Alvarez
 * URL: http://alvarez.is
 *
 * Project Name: Bolt - Free Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */
 
/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700,900);

/* OVERALL ASPECT */

body {
  background-color: #fff;
    font-family: "Lato";
    font-weight: 300;
    font-size: 18px;
    color: #555;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    
    margin-top: 0px;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway";
    font-weight: 300;
    color: #333;
}


/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 15px;
}

.centered {
    text-align: center;
}

.mt {
	margin-top: 40px;
}

.pad {padding:30px;}
.pad-v {padding:30px 0px;}
.pad-h {padding:0px 30px;}

.boxit {border:1px solid #000;}

.boxes div {background-color: #f0f0f0; text-align:center; height:300px !important; border:15px solid #fff; padding:0px; }
.boxes div h4 {color:#514689; background-color:transparent !important; margin:10px; display:block; height:60px; font-size:18px; }
.boxes div h4.oneline {padding-top:20px;}
.boxes div h4.twoline {padding-top:10px;}
.boxes div a {display:block;  background-color:#514689; color:#fff; font-weight:bold; text-align:center;} 
.boxes div a:hover {background-color:#877DB8;}
.boxes div img {margin-left:auto; margin-right:auto;}

div.darkgray div.boxes div {border:15px solid #4e4e4e !important;}

/* Links */
a {
    color: #f85c37;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

/* Bootstrap Modifications */
 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


.navbar {
	font-weight: 800;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ffffff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #514689;
}

.navbar-brand {
	font-size: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.btn-theme {
	color: #ffffff;
	background-color: #514689;
	border-color: transparent;
}

.btn {
	padding: 10px 30px;
	margin-bottom: 0;
	font-size: 18px;
	border: 5px solid transparent;
	border-radius: 0px;
}

.lead {
	letter-spacing: 1px;
}

/* WRAP SECTIONS */

/* hello */


#logo {
	width: 100%;
	margin-top:0px;
	margin-bottom:10px;
	padding-top: 20px;
	padding-bottom: 30px;
	background-color:#fff;
	    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.80);
}


#hello {
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
	background:url("/year_in_review/img/grey.png") repeat center center;



}

#hello h1 {
	font-size: 45px;
	font-weight: 700;
	letter-spacing: 3px;
	color: #514689;
}

#hello h1 span.sub1 {
	color: #999;
	font-weight: 400;
	font-size:30px;
	line-height:80px;
}

#hello h1 span.sub2 {
	color:#9c9fd0 !important;	
	font-weight: 400;
	font-size:40px;
	line-height:60px;

}




/* Green */
#green {
	background-color: #514689;
	padding-top: 0px;
	margin-bottom: 0px;
}

#green h2 {
	color: white;
	font-weight: 400;
	margin-bottom: 35px;
}

#green p {
	color: white;
	font-weight: 400;
	font-size: 20px;
}


.portraits img
{
	max-height:200px;
}



.portraits strong {font-size:1.2em;}

.portraits2 div
{padding-bottom:20px;
}

.portraits2
{
	font-size:0.9em;
}

.portraits3 a
{font-weight:bold;
}

.portraits3 strong {color:#f85c37;}
.portraits2 img {max-height:200px;}

.portraits strong {color:#514689;}

/* Skills */



.darkgray {
	background-color: #4e4e4e;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
	margin-right:0px;
	margin-bottom:10px;
	color:#fff;
}

.lightblue
{
background-color:#E8E8F1;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 10px;
	margin-right:0px;
	margin-bottom:10px;	
}

.darkgray h3-temp-temp, .darkgray h4 {
	color: white;
}


h4 {background-color:#E5E5E5; padding:4px; margin-top:5px !important;}
.darkgray h4 {background-color:#333333; padding:4px; margin-top:5px;}
.darkgray h5 {color:#fff;}
.darkgray h3 {color:#fff;}

.darkgray p {
	color: white;
	font-weight: 400;
	line-height: 28px;
}

#core div
{
}

#core div.row div.row{background-color:#fff; margin-bottom:10px; border:1px solid #000; margin-right:15px;}

#core div.row div.row div {padding-left:0px; font-size:1.3em;}

.stat {font-size:3em; font-weight:bold; color:#514689;}

.caption {font-size:0.8em;}

/* Social Links */
#social {
	width: 100%;
	padding-top: 200px;
	padding-bottom: 200px;
}

#social i {
	font-size: 50px;
	color: #514689;
}

#social .col-md-3:hover {
	background-color: #f5f5f5;
}

#social .col-md-3 {
	padding:30px;
}


#section-share {position:fixed; left:0px; top:25%; width:150px; background-color: #f7f7f7; padding:20px; border:1px solid #ccc;}
#section-share p{border-bottom:1px solid #ccc; padding:5px; margin:0px; font-size:0.9em;}

/* Footer */
#f {
	width:100%;
	padding-top: 20px;
	background-color: #514689;
}

#f p {
	color: white;
	text-align: right;
	font-weight: 400;
}

/* Image Opacity */
.grid img {
    opacity: .7;
}
.grid img:hover {
    opacity: 1;
}



h2 {font-size:2.5em; color:#9c9fd0; font-weight:500; background-color:#E8E8F1;}
h3 {font-size:30px; color:#333;}
h4 {font-size:1.2em;margin-bottom:20px; margin-top:35px; font-weight:bold; }
h5 {font-size:1.7em;margin-bottom:20px; margin-top:35px; font-weight:bold;}


.whitelink {color:#fff;}

li {margin-bottom:10px;}


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

a.out {font-weight:500;}
a.out::after {content: " »"}


/*smaller than 800 at 1:1 zoom */
@media all and (max-width: 50em) 
{
#hello h1 {font-size:1.8em;}
#hello h3 {font-size:1.7em;}
#hello h3 {font-size:1.2em;}
#core div.row div.row div {font-size:1em;}
h3 {font-size:2em;}
.portraits img {max-height:280px;}
.portraits2 img {max-height:280px;}
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}