/***************************/
/** About Us */
/***************************/

/** Story */

#section-aboutus-story {
    
}

#section-aboutus-story .aboutus-story-left {
    min-height: 200px;
    height: 100%;
    padding: 0 0 0 60px;
    text-align: right;
}

#section-aboutus-story .aboutus-story-right {
    min-height: 200px;
    height: 100%;
    padding: 0 0 0 60px;
    border-left: 2px solid black;
}

@media ( max-width: 745px ) {
    #section-aboutus-story .aboutus-story-left {
        border-left: 2px solid black;
        padding: 0 0 0 30px;
        text-align: left;
    }
    #section-aboutus-story .aboutus-story-right {
        padding: 0 0 0 30px;
    }
    #section-aboutus-story .aboutus-story-left.empty {
        height: 0;
        min-height: 0;
        display: none;
    }
    #section-aboutus-story .aboutus-story-right.empty {
        height: 0;
        min-height: 0;
    }
    #section-aboutus-story .col-12 {
        min-height: 0;
    }
}

.aboutus-story-stop {
    display: block;
    padding: 0px;
}

.aboutus-story-stop::after {
    /*box-shadow: 0 0 0 8px rgba(49,163,209,0.4);*/
    background: #fafafa;
    border: 1px solid black;
    border-radius: 0;
    content: '';
    position: absolute;
    top: 0px;
    left: 5px;
    width: 21px;
    height: 21px;
    z-index: 1;
}

.aboutus-story-title {
    font-weight: bold;
}

#section-aboutus-story img {
    display: inline-block;
    max-width: 90%;
}

@media ( max-width: 745px ) {
    .aboutus-story-title {
        display: block;
        text-align: center;
        font-weight: bold;
        font-size: 1.5rem;
    }
}

/***************************/
/** Networks */
/***************************/

#section-networks-tabs {
    
}

#section-networks-tabs a {
    color: #333;
}
#section-networks-tabs a:hover {
    color: var(--jfl-color-main);
}
#section-networks-tabs a.active {
    color: var(--jfl-color-main);
    font-weight: normal;
}

#section-networks .ui-network {
    /*display: none;*/
}

/** Network Card */

.network-card {
    position: relative;
    margin-top: 30px;
    padding: 15px 30px;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 0 16px -6px rgba(0,0,0,0.25);
    font-size: 1rem;
    min-height: 250px;
}

.network-card .logo-container {
    padding: 15px;
}

.network-card .logo-container img {
    display: inline-block;
    max-height: 150px;
    /*max-width: 200px;*/
    max-width: 100%;
    height: auto;
}

.network-card .title-container span {
    font-size: 1.2rem;
    font-weight: 900;
}

/***************************/
/** FAQs */ 
/* faq_feature */
/***************************/

.hswp-faq-wrap {
    padding: 5px 0;
}

.hswp-faq-title {
    position: relative;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 6px;
    color: #555;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.hswp-faq-title a,
.hswp-faq-title a:hover,
.hswp-faq-title a:active,
.hswp-faq-title a:focus {
    color: #555;
}

.hswp-faq-category {
    color: #555;
    font-size: 1.2rem;
}

.hswp-faq-category.active {
    color: var(--jfl-color-main)
}

.hswp-faq-title .cheveron {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 1.2rem;
}

.hswp-faq-content{
    margin-top: 2px;
    padding: 15px;
    background-color: #fafafa;
    border-radius: 6px;
}

/***************************/
/** Donate */
/***************************/

/*
body.donate {
    background-color: rgba(0,0,0,0.5);
    background-image: url('../img/bg/donate-to-beirut-lebanon.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

body.donate header#header {
    background-color: rgba(0,0,0,0);
}

body.donate header#header #main-nav {
    background-color: transparent;
}

body.donate #main-nav .navbar-toggler span.icon {
    color: white;
}

body.donate #main-nav ul#navbarNav li a {
    color: white;
}
@media ( max-width: 992px ){
    body.donate #main-nav ul#navbarNav > li > a {
        color: #555;
        background-color: #f6f6f6;
    }
}

body.donate footer#footer {
    background-color: #222;
}
*/