/* Bootstrap css */
@import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css";
/* Google Font */
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@import "https://fonts.googleapis.com/css?family=Barlow+Condensed:300";
/* Material Design Icon Font */
@import "https://cdn.materialdesignicons.com/1.9.32/css/materialdesignicons.min.css";
/* Font Awesome */
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
/* Propeller CSS */
@import "propeller.min.css";
/* Owl Carousel */
@import "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.min.css";

/* Custom css */

body {
    background-color: #ededed;
    text-align: justify;
}

h1, h2, h3 {
    font-family: 'Barlow Condensed', sans-serif;
}

h1, h2 {
    text-transform: uppercase;
}

h2 {
    font-size: 1.6rem;
}

section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

section:last-of-type:not(.no_bottom_margin) {
    padding-bottom: 6rem;
}

section.fixed_panel {
    position: fixed;
    width: 100%;
    z-index: 9;
}

section.white_panel {
    background-color: #fff;
}

section.gray_panel {
    background-color: #ededed;
}

section.blue_panel {
    background-color: #0071bc;
    color: #fff;
}

section.photogrammetry_pipeline {
    background-color: #fff;
    position: relative;
}

section.meshroom_features{
    background-image: url(img/building.jpg);
    background-position: top;
    background-repeat: repeat-y;
    color: #fff;
    background-size: cover;
}

section.meshroom_features h2 {
    margin-bottom: 20px;
}

section.meshroom_features ul {
    font-size: 1.2em;
    line-height: 1.8em;
    font-weight: 300;
}

section.meshroom_features .join-us a {
    color: white;
}

section.meshroom_features .join-us {
    text-align: center;
    font-size: 1.4em;
}

section.meshroom_features .row {
    margin-bottom: 6em;
}

section.meshroom_features .feature-container {
    background-color: rgba(0,0,0,0.2);
    padding: 1em;
}

section.meshroom_features .try-meshroom {
    text-align: center;
    margin-bottom: 4em;
}

section.meshroom_features .try-meshroom a {
    color: white;
    background-color: #0071bc !important;
    font-size: 1.2em;
}

section.meshroom_features .try-meshroom a:hover {
    background-color: #204d74 !important;
}

section.meshroom_features .try-meshroom a:active {
    background-color: #3dbff6 !important;
}

section.meshroom_features .try-meshroom img {
    width: 70px;
    margin-right: 10px;
    display: inherit;
}

section.results {
    background: #fff;
}

section.software_libraries {
    background: #fff url("img/shattered.png") repeat;
}

section.open_source {
    background: #fff url("img/shattered_blue.png") repeat;
    color: white;
}

section.shattered_panel, #view{
    background: #fff url("img/shattered.png") repeat;
}

section h1 {
    font-size: 2rem;
    margin-bottom: 3rem;
}

section.rocks_panel {
    background-image: url("../img/result/rocks.jpg");
    background-position: center;
    background-size: cover;
    min-height: 300px;
}

span.img_desc {
    display: block;
    font-weight: 100;
    font-style: italic;
    margin-bottom: 2rem;
}

header {
    background-color: #FFF;
}

footer {
    margin-bottom: 3rem;
}

footer::before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #000;
}

footer .links a {
    display: block;
}

footer a.partner {
    display: inline-block;
    margin-right: 0.5rem;
}

.transition {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    background-color: inherit;
}

.transition.current {
    background-color: rgba(62, 228, 255, 0.22);
}
.up_margin {
    margin-top: 2rem;
}

.bottom_margin {
    margin-bottom: 2rem;
}

.strong_margin {
    margin: 2rem;
}

.text-white {
    color: #fff;
}

.text-meshroom {
    font-family: 'Barlow Condensed', sans-serif;
}
.text-center img.img-responsive{
    margin: 1rem auto;
}

.navbar {
    background-color: #fff;
}

.home_overlay {
    height: 40vw;
    width: 100%;
    z-index: 9;

    background-image: url("../img/result/home_lion.jpg");
    background-position: center;
    background-size: contain;

    display: flex;
    align-items: center;
    justify-content: center;
}

.home_overlay .text h1 {
    display: block;
    font-size: 4em;
}

.home_overlay .text li {
    display: block;
    font-size: 1.2em;
}

.timeline {
    padding-top: 4rem;
    padding-bottom: 2rem;
    border-left: 2px #f9f9f9 dotted;
}

.timeline img {
    max-height: 300px;
}

.timeline .pmd-card-media {
    padding: 1em;
    margin-bottom: 1em;
    background-color: #efefef;
}
.timeline ul {
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none;
}

.timeline li::before{
    content: '';
    display: block;
    position: absolute;
    height: 1.2em;
    width: 1.2em;
    border: 2px solid #fff;
    transform: translate(0, 0.2em);
    margin-left: calc((0.6em + 16px) * -1);
    border-radius: 50%;
    background-color: #ccc;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}

.timeline li {
    /*background-color: #fff;*/
    margin-bottom: 2rem;
    border-radius: 5px;
}

.references td {
    color: #999;
    font-weight: 400;
    border-top-color: #f5f5f5 !important;
}

#pipeline_title {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 1em;
}

#view {
    margin-top: 55px;
}

#pipeline_menu {
    font-size: 0;
}

#pipeline_menu a {
    color: #fff;
    padding: 1em;
}

#pipeline_view section {
    padding-top: 0;
}

#pipeline_view p {
    text-align: justify;
}

/* override */
.btn {
    text-transform: inherit;
}
.btn i + span {
    margin-left: 0.5em;
}

a {
    color: #34b8d0;
    cursor: pointer;
}
a:hover {  color: #45a5b9;  }
a:active {  color: #208698;  }

.btn-primary {
    color: #fff !important;
    background-color: #34b8d0 !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #45a5b9 !important;
}

.btn-primary:active, .btn-primary.active {
    color: #fff !important;
    background-color: #208698 !important;
}

.illustration-contributing {
    display: block;
    margin: auto;
    width: 100%;
}

.illustration {
    display: block;
    margin: auto;
    width: 100%;
    position: relative;
}

@media only screen and (max-width :  768px) {
    .home_overlay .text h1 {  font-size: 2.0em; }
    .home_overlay .text h2 {  font-size: 1.5em; }
    .home_overlay .text li {  font-size: 1.0em; }
    .home_overlay { background-image: url("../img/result/home_lion_half_dark.jpg"); height: 80vw; background-size: cover }
    section.meshroom_features ul { font-size: 1.0em; line-height: 1.6em; }

}

@media only screen and (min-width: 992px) {
    section.meshroom_features .feature-container:nth-child(2n) {
    display: flex;
    flex-direction: row-reverse; }

}

@media only screen and (max-width :  450px) {
    .home_overlay .text h1 {  font-size: 1.5em; }
    .home_overlay .text h2 {  display: none; }
    .home_overlay .text h4 {  display: none; }
    .home_overlay .text li {  font-size: 0.8em; }
    .home_overlay { background-image: url("../img/result/home_lion_half_dark.jpg"); height: 80vw; background-size: cover }
    section.meshroom_features .join-us { font-size: 1.0em; line-height: 1.6em; }

}

@media only screen and (max-width :  280px) {
    .home_overlay .text h1 {  font-size: 1.5em; }
    .home_overlay .text h2 {  display: none; }
    .home_overlay .text h4 {  display: none; }
    .home_overlay .text li {  display: none; }
    .home_overlay { background-image: url("../img/result/home_lion_half_dark.jpg"); height: 80vw; background-size: cover }
    section.meshroom_features .join-us { font-size: 1.0em; line-height: 1.6em; }

}