.container{ max-width:1400px !important;}
.lava       {background-color: #ff6c2c;}
.bg-mist    {background-color:#e9f6fc;}
.deep-sea   {background-color:#293a4a;}
.bamboo     {background-color:#85B655;}
.mid-lagoon {background-color:#48A79C;}
.coastal    {background-color:#179BD7;}
.mid-sea   {background-color:#21729B;}

.product-appeal > .border-bamboo    { border-left: 5px solid #85B655 !important;}
.groupware > .border-mid-lagoon     { border-left:5px solid #48A79C !important;}
.core-expansion > .border-coastal   { border-left:5px solid #179BD7 !important;}
.deprecation > .border-deep-sea     { border-left: 5px solid #293a4a !important;}
.prod-extensions > .border-mid-sea  { border-left:5px solid #21729B !important;}

/* .upnext-container{ padding-bottom:32%;} */
/* .notable-section { margin-top: -24%; } */
/* .notable-container {margin-top: -10% !important } */

.card-columns .card {
    display:inline-block;
    box-shadow: 2px 3px 5px 2px #ececec;
}
.notable-section .card{
    border-radius: 0 8px 0 8px;

}

.up-coming .card{
     box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, .10);

}

.card-columns .card h3{font-size: 1.25rem;}
.card-columns .card p{font-weight:300;}


.notable .card-body img,
.deprecation .card .card-body img,
.up-coming .card .card-body img { width:100px !important; height:auto;}

.notable-list .notable {
    border-top: 5px solid #FF6C2C !important;

}

.notable-list .notable-blue{
    border-top: 5px solid #179bd7 !important;
}

.card.deprecation p{ font-weight:300; margin-bottom:0;}

.notable .card-body h3,
.deprecation .sec-title h2,
.product-appeal .sec-title h2,
.groupware .sec-title h2,
.core-expansion .sec-title h2,
.prod-extensions .sec-title h2{
    font-weight:600;
    font-size: .9rem;
}
.deprecation .card h3,
.product-appeal .card h3,
.groupware .card h3,
.core-expansion .card h3,
.prod-extensions .card h3{
    font-weight:600;
    font-size: 1rem;
}
.notable-list .notable p,
.deprecation .card p,
.product-appeal .card p,
.groupware .card p,
.core-expansion p,
.prod-extensions p{
    font-weight:300;
    margin-bottom:0;
}

.initiatives p { font-weight:300 !important;}

/* Archive Styles */
.archive-list > .border-mist { border-left:5px solid #e9f6fc !important;}
.archive-list .card .card-body p { margin-bottom:0;}

.timeline {
    border-left:thin solid #293a4a;
    margin-left:-30px !importatn; }
.timeline-year h3 {margin-top:-5px; margin-bottom:20px; font-weight:600;}
.timeline-year:before{
    position:absolute;
    content:'';
    width:15px;
    height:15px;
    background: #293a4a;
    border-radius:100%;
    left:-32px;
}

.timeline-quarter:before{
    position:absolute;
    content:'';
    width:8px;
    height:8px;
    background: #179bd7;
    border-radius:100%;
    left:-29px;
    top:5px;
}

.timeline-quarter h3{
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom:15px;
}

/* Archive Badges */
span.badge {
    color:white;
    font-weight:600;
    padding:3px 8px;
    font-size:0.7rem;
    border-radius: 3px;
}







/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .card-columns{column-count: 1;}
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .card-columns{column-count: 2;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .card-columns{column-count:2 ;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}