/* Typography */
.jd-subhead {
    font-size: 21px;
    font-weight: bold;
    margin-top: 10px;
}

/* List */
ul {
    margin: 10px 0 0 15px;
}

/* Header */
@media (max-width: 980px) {
    #main-header {
        background-color: #ffffff !important;
    }
    
    #main-header .et_mobile_menu {
        background-color: #ffffff !important;
    }
    
    .et_mobile_menu li a {
        color: #666 !important;
    }
}

#menu-item-257 > ul {
    width: 100vw;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}


/* Slider */
.et_pb_slides .et_pb_slider_container_inner {
    display: flex;
    width: 100%;
}

#csldr p {
    text-align: center;
}
    

/* Dropdown */
.sub-menu {
    margin: 0;
}

/* Links */
.et_pb_widget a {
    color: #009595;
}

.et_pb_widget a:hover {
    color: #006c6c;
}

/* Button */
.et_pb_button, .et_pb_button:hover, .et_pb_button:focus {
    color: #ffffff !important;
}


/* Menu */
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
    color: #009595;
}


/* Service Section */
.jd-service-media {
    background-position: center;
    background-size: cover;
    height: 216px;
    position: relative;
}

.jd-service-media:hover > .jd-service-cta, .jd-service-media:focus > .jd-service-cta {
    /* background-color: #006db7; */ 
    background-color: #009595; 
}

.jd-service-media:hover > .jd-service-cta > span > .fa, .jd-service-media:focus > .jd-service-cta > span >.fa {
    /* background-color: #0275c4; */ 
    background-color: #009595; 
}

.jd-service-cta {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #1b2936;                
    text-decoration: none;                
    color: #fff;
    transition: all 0.2s ease 0s;
}

.jd-service-cta > span {
    display: block;                
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
}

.jd-service-cta > span > .fa {
    font-size: 12px;
    padding: 10px 10px;
    margin-left: 10px;
    background-color: #2f3840;
    transition: all 0.2s ease 0s;
}

.jd-service-text {
    padding: 20px;
    background-color: #fff;
    height: calc(100% - 216px)
}

.jd-service-dash { 
    display: block; 
    width: 40px; 
    height: 3px; 
    margin-bottom: 10px; 
    background-color: #009595; 
}

.jd-service-header {
    font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding: 0; 
}

.jd-service-content {
	margin: 0;
	padding-bottom: 15px !important;
}


/* Dash */
.jd-dash { 
    display: block; 
    width: 66px; 
    height: 5px; 
    margin-bottom: 15px; 
    background-color: #009595; 
} 
.jd-dash--center { 
    margin-left: auto; 
    margin-right: auto; 
}


/* First Section */ 
#jd-first-landing-section .et_pb_container {
    display: flex;
    min-height: 100vh !important;
}

#jd-first-landing-section.et_pb_section_0 {
    /* margin-top: -88px; */
}

@media only screen and (max-width: 980px) {
    #jd-first-landing-section .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_title {
        padding-right: 0;
    }
}

.et_pb_container {
    min-height: none;
}


/* Offer Section */
.jd-offer-box {
    display: flex; 
    flex-flow: row nowrap; 
    align-items: center;
}

.jd-offer-box-text {
    padding-left: 30px;
}

@media (max-width: 768px) {
    .jd-offer-box {
        flex-flow: column nowrap;
    }
    
    .jd-offer-box-text {
        padding-left: 0px;
        text-align: center;
    }
}


/* Blurb */
.blurb-oneline .et_pb_blurb_container {
    vertical-align: middle;
}


/* Footer */
#main-footer {
    background-image: url(http://www.logisticsgates.com/wp-content/uploads/2016/10/footer-bkg.png);
    background-size: cover;
    background-position: center;
}

.footer-widget h4 {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

.footer-widget .textwidget {
    color: rgba(255,255,255,0.7);
}


/* Map */
.et_pb_map {
    height: calc(100vh - 160px);
}

/* Slider */
.et-pb-arrow-prev, .et-pb-arrow-next {
    top: 45%;
}