/*-----------------------------------------------------------------------------------
*
*  	Theme Name:  Homepage
*  	Description: HomePage Styling
*  	Version: 1.0
*  	Notes: Contains all styles for the elements of the home page
-----------------------------------------------------------------------------------*/



@media only screen and (max-width: 1024px) {
    .bullet-panel {
        margin-top: 10px !important;
    }
    #banner-kicker-\{\{\ loop\.index\ \}\}{
        font-size: 12px;
    }

    .tp-banner {
        height: 350px!important;
    }

    .banner-subheader {
        font-size: 14px!important;
        text-wrap: wrap;
        line-height: 14px!important;
    }

    #banner-buttons-\{\{\ loop\.index\ \}\} {
        padding-top: 120px;
    }

    #banner-buttons-\{\{\ loop\.index\ \}\} .btn {
        font-size: 16px!important;
        min-height: 20px!important;
        line-height: 16px!important;
        display: table-cell;
        margin-top: 20px!important;
        padding-left: 20px;
        padding-right: 20px;
    }

    #banner-kicker-1 {
        font-size: 10px!important;
    }

    .simple-panel-image-container {
        display: none;
    }

    .simple-panel-element-container {
        width: 100% !important;
    }

    .callout-image-container {
        display: none;
    }

    .callout-element-container {
        width: 100% !important;
    }

    .banner-header{
        line-height: 30px!important;
        font-size: 26px!important;
    }
    .banner-header2{
        line-height: 30px!important;
        font-size: 26px!important;
    }
    #banner-title-\{\{\ loop\.index\ \}\}{
        line-height: 1.5px!important;
    }
    span br{
        display: none;
    }
    .callout-image-container{
        /*display: none;*/
    }
    .callout-panel-container{
        background-color: #f5f5f5;
    }
    .calloutOverlay-textOverlayBox-bottomLink-container{
        margin-left: 150px;
    }
    .callout-panel-overlay-container{
        background-color: #f5f5f5;
    }
    .callout-container, .callout-panel {
        padding-left: 0px !important;
    }
}

@media only screen and (min-width: 1513px) {
    .bullet-panel {
        margin-top: -40px !important;
    }
    #banner-kicker-\{\{\ loop\.index\ \}\}{
        font-size: 12px;
    }
    #banner-title-\{\{\ loop\.index\ \}\}{
        line-height: 1.5px!important;
    }
    .banner-header{
        line-height: 1.5px!important;
        font-size: 16px;
    }
    .banner-header2{
        line-height: 1.5px!important;
        font-size: 16px;
    }
    .callout-image-container{
        display: none;
    }
    .callout-panel-container{
        background-color: #f5f5f5;
    }
    .calloutOverlay-textOverlayBox-bottomLink-container{
        margin-left: 150px;
    }
    .callout-panel-overlay-container{
        background-color: #f5f5f5;
    }
}

@media (max-width: 991px) {
    .container, .container-fullwidth {
        padding: 0 30px !important;
        margin: 0 auto;
        width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width: 1299px) {
    .tp-caption {padding-left: 70px !important;}
}

@media (min-width: 768px) and (max-width: 1160px) {
    .tp-caption {padding-left: 90px !important;}
}

@media (max-width: 767px) {
    .tp-caption {padding-left: 110px !important;}

}

body {
    font-family: "Adobe Clean";
}

.tp-caption.maincaption, .maincaption {
    font-family: "Adobe Clean", "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 40px;
    line-height: 44px;

}

.tp-caption.subcaption, .subcaption {
    font-size: 16px;
}


.bullet-panel {
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    box-shadow: 0px 3px 6px #00000005;
    border: 1px solid #E5EAEE;
    opacity: 1;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: -50px;
    border-radius: 6px;
}

.leaderboard-panel {
    background: #2C3941 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000005;
    border: 1px solid #E5EAEE;
    opacity: 1;
    margin-bottom: 0;
    padding-bottom: 0;
    border-radius: 6px;
    min-height: 486px;
}


.tiles-panel {
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    box-shadow: 0px 3px 6px #00000005;
    border: 1px solid #E5EAEE;
    opacity: 1;
    margin-bottom: 0;
    padding-bottom: 0;
    border-radius: 6px;
}

.bullet-panel-container {
    overflow: visible !important;
}

.bullet-panel-col {
    /*margin-top: -140px;*/
}

.bullet-panel .bullet-panel {
    min-height: 445px !important;
}

.character-panel {
    min-height: 500px !important;
    border-radius: 10px;

}

.character-panel-box-description {
    min-height: 100px;

}

.hr-custom {
    width: 90%;
}

.panel .imagebox-desc {
    padding-top: 20px;
    min-height: 220px;
}


/* Info box Styles */
.imagebox {
    /*background: transparent linear-gradient(291deg, #33B560 0%, #048581 100%) 0% 0% no-repeat padding-box;*/
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0px;
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 150px;
}

.imagebox.imagebox-overlay .imagebox-desc {
    background-color: rgba(0, 0, 0, 0.7);
}
.imagebox .imagebox-desc {
    bottom: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    padding: 25px;
    position: absolute;
    text-align: left;
    width: 100%;
}

.imagebox-desc .box-title {
    font-size: 20px;
    margin: 10px 20px 0px 20px !important;
}

.imagebox-desc .box-description {
    margin-right: 20px;
    margin-left: 20px;
}

.imagebox-desc .box-link {
    color: #323132;
    /*font-weight: 700;*/
}

.imagebox-desc .box-link:hover {
    color: #33B560;
}

.imagebox-desc .box-link-list {
    list-style: none;
    margin: 10px 20px;
    padding-left: 0px !important;
    min-height: 130px;
}

.imagebox-desc .box-link-list li {
    margin-bottom: 5px;
}

.box-link i {
    color: #FF6632;
    font-weight: 600;
    margin-right: 5px;
}

.imagebox-desc .box-link {
    color: #323132;
}


.imagebox-footer-caption {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: normal;
    /*min-height: 48px;*/
}


.imagebox-link-container {
    min-height: 60px;
    margin-bottom: 0px;
    padding: 16px 20px;
}

#content {
    background-color: #ffffff;
    overflow: visible;
}

.content-wrap {
    background-color: #ffffff;
}

.jumbotron h2 {
    font-size: 36px;
}

.employee .imagebox {
    min-height: 220px;
}

.imagebox img {
    opacity: 1;
    transition: 0.5s opacity;
}
.imagebox-200.imagebox {
    min-height: 200px !important;
}
.imagebox-300.imagebox {
    min-height: 300px !important;
}

.imagebox.imagebox-overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

.imagebox.imagebox-overlay .imagebox-desc {
    background-color: rgba(0, 0, 0, 0.7);
}
.imagebox .imagebox-desc {
    bottom: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    padding: 25px;
    position: absolute;
    text-align: left;
    width: 100%;
}
.imagebox .imagebox-link {
    position: absolute;
    bottom: 15px;
    left: 25px;
    opacity: 0.0;
    color: #ffffff;
}
.imagebox:hover .imagebox-link {
    opacity: 1.0;
    margin-top: 0px;
    transition-delay: 2s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}
.imagebox .imagebox-link:hover {
    color: #cccccc;
}
.imagebox:hover .imagebox-desc {
    padding-bottom: 38px;
    transition: 0.5s padding;
    -moz-transition: 0.5s padding;
    -webkit-transition: 0.5s padding;
}
.imagebox:hover span.imagebox-link {
    display: block;
}
.imagebox .imagebox-desc span {
    font-weight: 500;
}
.list-group {
    list-style: none;
    margin-bottom: 0;
    border: 0px solid #ddd;
    padding: 15px 0;
    border-radius: 0px;
}
.list-group-item {
    background-color: transparent;
    padding: 4px 25px 4px 42px;
    border: 0;
}
.list-group-divider {
    background-color: #efefef !important;
    margin-top: 15px;
    margin-bottom: 10px;
}
a.list-group-item {
    color: #041C2C;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
a.list-group-item:hover, a.list-group-item:focus {
    background-color: #FFCC13 !important;
    /*color: #efefef !important;*/
    text-indent: 5px;
}

.info-video .caption-overflow-show .video-subtitle {
    right: 0%;
    width: 46%;
    top: 20%;
    font-weight: 600;
    font-size: 23px;
    margin-left: unset;
}

.info-video .caption-overflow-show {
    top: -7%;
    left: -3%;
    opacity: 1;
}

.thumb:hover > .caption-overflow-show, .thumb:hover > div > .caption-overflow-show {
    background-color: unset;
}

.promo-refresh {
    /* margin-bottom: 40px; */
    padding: 10px 0 30px 0;
}

.promo-refresh h3 {
    margin-bottom: 10px;
}

.promo-refresh a.btn {
    position: relative;
    float: right;
    margin-top: -60px;
}

.maincaption {
    font-weight: 500 !important;
}

.carousel-caption {
    text-shadow: none !important;
}

.carousel-caption em {
    font-weight: 600;
}

.tparrows.preview1 .tp-arr-imgholder {
    width: 10%;
}

.icon-imagebox {
    min-height: 150px;
    margin-top: 20px;
    margin-left: 25px;
}

.panel-top {
    height: 108px;
    padding: 10px 25px 0 25px;
    overflow: hidden;
}

.panel-top p {
    line-height: 1.6 !important;
}

.panel-top h3 {
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 5px;
}

a.list-group-item {
    background-image: url(/content/rockwell/images/ui/svg/bullet-red.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 22px 45%;
}

.panel-bottom {
    padding: 10px 25px 20px 25px;
}

.panel-bottom .btn-primary {
    border-radius: 6px;
    background-color: #FFFFFF !important;
    border-color: #DD1E35 !important;
    border: 1.5px solid;
}

.panel-bottom .btn-primary:hover {
    background-color: #DD1E35 !important;
    color: #FFFFFF; !important;
    opacity: unset !important;
}

.hr-custom-blue {
    border: 0;
    height: 2px;
    margin-top: 25px;
    margin-bottom: 25px;
    position:relative;
    background: -moz-linear-gradient(90deg, #009BDF 0%, #009BDF7A 52%, #009BDF00 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(90deg, #009BDF 0%, #009BDF7A 52%, #009BDF00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #009BDF 0%, #009BDF7A 52%, #009BDF00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #009BDF 0%, #009BDF7A 52%, #009BDF00 100%); /* IE10+ */
    background: linear-gradient(90deg, #009BDF 0%, #009BDF7A 52%, #009BDF00 100%); /* W3C */
}

.hr-custom-blue:before {
    content: "";
    display: block;
    border-top: solid 1px white;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}


.hr-custom-green {
    border: 0;
    height: 2px;
    margin-top: 25px;
    margin-bottom: 25px;
    position:relative;
    background: -moz-linear-gradient(90deg, #6BC04B 0%, #6BC04B7A 52%, #6BC04B00 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(90deg, #6BC04B 0%, #6BC04B7A 52%, #6BC04B00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #6BC04B 0%, #6BC04B7A 52%, #6BC04B00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #6BC04B 0%, #6BC04B7A 52%, #6BC04B00 100%); /* IE10+ */
    background: linear-gradient(90deg, #6BC04B 0%, #6BC04B7A 52%, #6BC04B00 100%); /* W3C */
}

.hr-custom-green:before {
    content: "";
    display: block;
    border-top: solid 1px white;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}


.hr-custom-orange {
    border: 0;
    height: 2px;
    position:relative;
    margin-top: 25px;
    margin-bottom: 25px;
    background: -moz-linear-gradient(90deg, #FF6A0D 0%, #FF6A0D7A 52%, #FF6A0D00 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(90deg, #FF6A0D 0%, #FF6A0D7A 52%, #FF6A0D00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #FF6A0D 0%, #FF6A0D7A 52%, #FF6A0D00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #FF6A0D 0%, #FF6A0D7A 52%, #FF6A0D00 100%); /* IE10+ */
    background: linear-gradient(90deg, #FF6A0D 0%, #FF6A0D7A 52%, #FF6A0D00 100%); /* W3C */
}

.hr-custom-orange:before {
    content: "";
    display: block;
    border-top: solid 1px white;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}


.callout-panel {
    background-color: transparent !important;
    padding-top: 0px;
}

.callout-container {
    background: transparent linear-gradient(108deg, #633B97 0%, #336CB5 50%, #30BAA1 100%) 0% 0% no-repeat padding-box;
    padding: 50px;
    margin-top: 80px;
    display: flex;
}

.callout-image-container {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: -110px;
    width: 40%;
}

.callout-element-container {
    padding-right: 40px;
}

.callout-link {
    font-weight: 700;
    color: #FFFFFF;
    border-radius: 2px !important;
    background: transparent url(/content/rockwell/images/icons/jumio-arrow-right-white.svg) center right no-repeat;
    background-size: 13px;
    padding: 12px 20px;
}

.callout-link:hover {
    background-color: transparent !important;
    opacity: unset !important;
}

.calloutOverlay-panel {
    padding-top: 0px;
    background-color: #323132 !important;

}

.calloutOverlay-container {
    padding: 50px;
    margin-top: 80px;
    /*max-width: 100%;*/
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center;
    display: flex;
    opacity: 1;
}

.calloutOverlay-textOverlayBox {
    background-color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
}
.calloutOverlay-textOverlayBox-topText {
    letter-spacing: 0;
    color: #323132;
    font-weight: 700;
    font-size: large;
    text-align: center;
    padding: 20px;
}

.calloutOverlay-textOverlayBox-bottomLink-container {
    /*background: transparent linear-gradient(to right, #633B97 0, #633B97 33%, #336CB5 33%, #336CB5 66%, #30BAA1 66%, #30BAA1 100%) 0% 0% no-repeat padding-box;*/
    /*background-position: center center;*/
    /*background-size: contain;*/
    /*letter-spacing: 0;*/
    /*color: #323132;*/
    /*font-weight: 700;*/
    /*font-size: large;*/
    /*text-align: center;*/
    /*padding: 20px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    /*color: white;*/
    background: transparent linear-gradient(102deg, #633B97 0%, #336CB5 50%, #30BAA1 100%) 0% 0% no-repeat padding-box;
    width: 200px;
    height: 60px;
    /*font-weight: 700;*/
    /*border-radius: 8px;*/
    margin-left: 220px;
    text-align: center;
}

.calloutOverlay-textOverlayBox-bottomLink {
    /*letter-spacing: 0;*/
    /*color: #323132;*/
    /*font-weight: 700;*/
    /*font-size: large;*/
    /*text-align: center;*/
    /*padding: 20px;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    color: white;
    /*background-color: linear-gradient(to right, #633B97 0, #633B97 33%, #336CB5 33%, #336CB5 66%, #30BAA1 66%, #30BAA1 100%);*/
    /*width: 200px;*/
    /*height: 60px;*/
    font-weight: 700;
    /*border-radius: 8px;*/
    /*margin-left: 30px;*/
    text-align: center;
}

.calloutOverlay-textOverlayBox-column {
    background-color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0 50px 50px 50px;
}

.calloutOverlay-element-container {
    padding-right: 40px;
}

.calloutOverlay-link {
    font-weight: 500;
    color: #323132;
    /*border-radius: 2px !important;*/
    /*background: transparent url(/content/rockwell/images/icons/jumio-arrow-right-white.svg) center right no-repeat;*/
    /*background-size: 13px;*/
}

.calloutOverlay-link:hover {
    background-color: transparent !important;
    opacity: unset !important;
}

.calloutOverlay-element-boxes {
    font-weight: 700;
    font-size: medium;
    color: #323132;
}


.section-header {
    text-align: center;
    color: #13263C;
    margin-top: 35px;
    margin-bottom: 5px;
    font-size: 30px!important;
    font-weight: normal;
}

.section-subheader {
    text-align: center;
    color: #80888D;
    margin-bottom: 27px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.progress-container {
    margin: 0px 10px !important;
}
.progress-value {
    font-size: 17px;
    font-weight: 600;
    color: white;
    margin-bottom: 3px;
    margin-top: 15px;
}

.progress-bar-blue {
    background-color: #009BDF;
    border-radius: 5px;
}
.progress-bar-light-blue {
    background-color: #6ECCE5;
}
.progress-bar-orange {
    background-color: #FF6633;
}
.progress-text {
    color: white;
    position: absolute;
    right: 15px;
    top: 10px;
    font-weight: 600;
}

.progress-text-container {
    display: flex;
}

#tier-tiles-container {
    background-color: transparent!important;
}

.quote-panel-container {
    padding: 50px;
    border-radius: 6px;
    background-color: #009BDF;
    background-image: url("/content/rockwell/images/backgrounds/bg_pattern_tile.svg");
    background-repeat: repeat;
    min-height: 350px;
}

.quote-panel-text {
    font: normal normal normal 16px/25px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.featured-asset {
    min-height: 546px;
    border-radius: 6px;
}

.welcome-modal-pic {
    background: #009BDF 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 20px 20px 0px 0px!important;
}

.modal-content {
    border-radius: 20px!important;
}

.modal-title {
    text-align: center;
    letter-spacing: 0px;
    color: black;
    opacity: 1;
    font-weight: bold;
}

.modal-sub-title {
    text-align: center;
    letter-spacing: 0px;
    color: #80888D;
    opacity: 1;
    font-size: 12px;
}