/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Merriweather|Source+Sans+Pro:400,600,400i');

/* GRID */
@import url('./grid/simple-grid.min.css');
@import url('./reset.css');

/* BASIC STYLES */
html, body {font-family: 'Source Sans Pro', sans-serif; height: 100%;}
#wrapper {
    position: relative; top: 0; left: 0;
     height:auto !important;
     min-height:100%;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Merriweather', serif; font-weight: 400;}

/* CONTAINER */
div.entry-container {min-height: 100%; box-sizing: border-box; position: relative; top: 0; left: 0;}
.container {padding-bottom: 8em;}
div.container.last {padding-bottom: calc(5em + 120px) !important;}
div.showcase {background: #ffffff; padding: 2em 0; margin: 2em 0;}
.hidden {display: none;}

/* CONTENT STYLING */
h1 {font-size: 3em; padding-top: 4em; animation: show 1s ease-out forwards; opacity: 0;}
h2.subtitle { font-size: 1.5em; line-height: 140%;}
h2 {animation: show 1s ease-out forwards; animation-delay: .2s; opacity: 0; padding-top: 1em; font-size: 2em; padding-bottom: 0.5em;}
h3 {animation: show 1s ease-out forwards; opacity: 0; font-size: 1.2em; padding-bottom: 0; padding-top: 1em;}

em {font-style: italic;}
strong {font-weight: 600;}
p {font-size: 1.05em; line-height: 130%; padding-top: 0.5em;}

a.back-to-website {margin-top: 10px; display: block;}

/* ANIMATIONS */
@keyframes show {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes grow-arrow {
    0% {width: 0;}
    100% {width: calc(100% - 20px);}
}

/* EDUCATION */
/* Arrow color: b8b8b8 */
div.arrow-right {display: block; width: 100%; font-size: 0; z-index: 5; position: relative; top: 0; left: 0;}
div.line-container {display: inline-block; padding: 0; margin: 0; vertical-align: middle; width: 0; height: 100%; animation: grow-arrow 1s ease-out forwards;}
div.line-container .line {background: #b8b8b8; width: 100%; height: 4px; display: block;}
div.arrow-container {display: inline-block; height: 100%; vertical-align: middle; width: 20px; height: 20px; background: url('../img/edu/arrow-right.png') -40px 0; padding: 0; margin: 0;}

div.education-stations {animation: show 1s ease-out forwards; animation-delay: 1s; opacity: 0;}
div.education-stations .col-3, div.education-stations .col-6 {
    margin: 0;
    padding: 1rem 2%;
    margin-top: -8px;
    padding-top: 20px;
}
div.education-stations a {color: #000000; text-decoration: none; display: block;}

div.education-description {
    animation: show 1s ease-out forwards; animation-delay: 1s; opacity: 0; background: #E6E6E6;  transition: background-color .6s ease-out;
}

div.education-description .col-12 {padding: 1em; box-sizing: border-box; line-height: 140%;}

div.professional-background-wrapper {
    margin-top: 2em;
    background: url('../img/edu/striked-line.png') 8.33% 0 repeat-y;
}

div.professional-background-wrapper .row {padding-top: 0.6em;}
.professional-background-wrapper .col-10 {display: table-cell; height: 100%;}
.professional-background-wrapper .col-10 h3 {padding-top: 0;}

.professional-item {text-align: center; padding: 0; font-size: 0;}
.professional-item img {max-width: 100%; max-height: 60px; padding: 10px 0;  background: #ffffff; display: block; margin: 0 auto; position: relative; top: 0; left: 0;}

.professional-item-meta {font-family: 'Merriweather', serif; font-weight: 400; font-size: 12px; padding-bottom: 7px;}
.professional-company-name {font-family: 'Merriweather', serif; font-weight: 400; font-size: 14px; padding-top: 0.4em;}
.professional-item-description {display: none;}
.professional-item-info-link {text-decoration: none;}

/* ORGANIZATIONS */
.organizations-carousel .item {text-align: center; cursor: pointer;}
.organizations-carousel .item h3 {font-size: 1.1em;}
.organizations-carousel .item .img-wrapper {height: 100px; display: inline-block; text-align: center; }
.organizations-carousel .item img {text-align: center; padding: 20px; box-sizing: border-box; max-height: 100%; max-width: 100%; width: auto !important; display: block;}

.info_field {font-size: 0; display: none; overflow: hidden;}
.item_info_field {display: none;}
.item_info_field .org-meta {margin-top: -8px; font-family: 'Merriweather', serif; font-weight: 400; font-size: 14px;}
.item_info_field h3 {padding-bottom: 0.5em;}
.item_info {background: #E8E8E8; padding: 25px; font-size: 16px; line-height: 140%;}
.info_arrow {}
.info_arrow img {position: relative; left: 10%; margin-left: -40px;}

/* SOCIAL NETWORKS */
.social-network-icon {width: 45px; margin: 10px;}
.center {text-align: center;}

/* SKILLSET */
.skill-list {padding-top: 10px;}
.skill-list li {padding: 5px 0; line-height: 130%;}
.skill-list li img {height: 20px; position: relative; top: 4px; left: 0; margin-right: 5px; border-radius: 5px;}

/* SPECIAL STYLES */
div.horizontal-line {background: #e5e5e5; height: 1px; display: block; margin: 6em 0;}
/*div.line-vertical {background: url('../img/edu/striked-line.png') center center repeat-y;}*/

/* Footer */
.footer {background: #E8E8E8; color: #5E5E5E; font-size: 0.8em; line-height: 130%; position: absolute; bottom: 0; left: 0; width: 100%;}
.footer .container {padding-top: 20px; padding-bottom: 20px !important;}
.hidden-link {text-decoration: none;}

.inline-list li {display: inline; padding-left: 20px;}

/* Mobile */
@media (max-width: 960px) {
    .hide-on-small {display: none;}
    div.professional-background-wrapper {background: transparent;}
    .info_arrow img {left: 25%;}
    div.entry-container {font-size: 80%; padding-bottom: 2em;}
    .entry-container h1 {margin-top: 1em;}
}