/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Header =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

/* Logo ======================================= */
.tlc-logo {

}
.alumni-logo-text {
    position:absolute;
    bottom:-30px;
    background:#59A152;
    color:#fff;
    width:100%;
    left:0px;
    text-align:center;
    padding:5px;
    padding-top:10px;
    text-transform:uppercase;
    letter-spacing:5px;
    transition:all 0.3s;
}

.tlc-logo:hover .alumni-logo-text {
    background:#2F8927;
    letter-spacing:7px;
}

/* Top Nav ======================================= */
.alumni-top-nav {
    position:absolute;
    top:20px;
    right:200px;
    z-index:10;
}
.alumni-top-nav ul {
    list-style:none;
}
.alumni-top-nav ul a {
    padding-top:7px;
    padding-bottom:7px;
}
.alumni-top-nav ul a,
.alumni-top-nav ul li {
    color:white;
    text-transform:uppercase;
    margin-right:5px;
    letter-spacing:1.2px;
    font-size:15px;
}
.alumni-top-nav ul li {
    display:inline;
}
.alumni-top-nav ul a:hover {
    text-decoration:none;
}
.alumni-top-nav ul a li i.fa-home {
    font-size:18px;
}
.alumni-top-nav ul a li i.fa-chevron-right {
    position:relative;
    top:25px;
    opacity:0;
    transition:all 0.4s;
}
.alumni-top-nav ul a:hover li i.fa-chevron-right {
    top:0px;
    opacity:1;
}

@media only screen and (max-width:1400px) {
    .alumni-top-nav {
        right:100px;
    }
}
@media only screen and (max-width:900px) {
    .alumni-top-nav {
        right:40px;
    }
}
@media only screen and (max-width:768px) {
    .alumni-top-nav {
        top:5px;
        right:20px;
    }
    .alumni-top-nav ul li {
        display:block;
        text-align:right;
    }
}


/* Banner Text  ======================================= */
.alumni-header {
    border-bottom:solid #59A152 20px;
}
.alumni-header-inner {
    padding-left:30px;
    padding-right:30px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:white !important;

}
.alumni-header-blur {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background:#000;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    z-index:-1;
    opacity:0.3;
}
.alumni-header .alumni-header-inner h1 {
    color:white !important;
    z-index:10;
}
.alumni-header p {
    color:white !important;
    z-index:10;
    max-width:650px;
    letter-spacing:1.1px;
}

.background-image {
    height:866px !important;
    -webkit-box-shadow: inset 0px 25px 102px -23px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 25px 102px -23px rgba(0,0,0,0.75);
    box-shadow: inset 0px 25px 102px -23px rgba(0,0,0,0.75);
}
@media only screen and (max-width:768px) {
    .alumni-header-inner {
        width:90%;
    }
}


/* Banner Buttons  ======================================= */
.alumni-header-buttons {
    position:absolute;
    top:80%;
    left:50%;
    transform:translate(-50%,-50%);
}
.alumni-btn {
    display:inline-block;
    font-size:15px;
    letter-spacing:1.5px;
    background:#59A152;
    color:#fff;
    text-transform:uppercase;
    padding-top:13px;
    padding-bottom:9px;
    width:200px;
    text-align:center;
    transition:all 0.3s;
}
.alumni-btn:hover {
    background:#2F8927;
    letter-spacing:2.5px;
    color:#fff;
    text-decoration:none;
}

@media only screen and (max-width:992px) {
    .alumni-btn {
        margin-top:15px;
    }
    .alumni-header-buttons {
        width:200px
    }
}

/* Misc ======================================= */
.green-line {
   background:#59A152;
   height:20px;
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Body =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

/* Sections ======================================= */


.section {
    margin-bottom:30px;
}
.section-text .large-text {
    font-size:25px;
    letter-spacing:3px;
    line-height:38px;
    color:#59A152;
    width:92%;
    margin:0 auto;
    padding-top:30px;
    margin-bottom:70px;
}
.section-text .large-text.large-text-inside-page {
    margin-bottom:20px;
    padding-top:5px;
    width:100%;
    font-size:19px;
}

.section-heading {
    border-bottom:2px solid #59A152;
    margin-bottom:40px;
}
.section-heading h2 {
    padding-bottom:12px;
    font-size:26px;
    letter-spacing:1.2px;
}

@media only screen and (max-width:768px) {
    .section-text .large-text {
        padding-top:0px;
        margin-bottom:40px;
        font-size:22px;
    }
}

/*  Success Stories ======================================= */
.stories-blocks {

}
@media only screen and (max-width:992px) {
    .success-story-inside-heading {
        margin-top:20px;
    }
}
.success-story-inside-heading {
}
.success-story-inside-heading h2 {
    position:relative;
    margin:0px !important;
}
.alumni-story-photo img {
    width:100%;
}
.alumni-story-large-text {
    font-size:18px;
    color:#59A152;
}

.story {
    height:450px;
    position:relative;
    width:95%;
    margin:0 auto;
    /*background-image:url('/img/tlc-test.jpg');*/
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}
.story-link {
    display:inline-block;
    width:49.5%;
    margin-bottom:30px;
    cursor:pointer;
}
.story-link:hover .story-content {
    height:100% !important;
    background-color:rgba(89,161,82,0.8);
}
.story-link:hover .story-desc-overflow {
    opacity:1;
}
.story-content {
    position:absolute;
    bottom:0px;
    background:#59A152;
    color:#fff !important;
    padding:7px 25px;
    transition:0.6s all;
    height:40%;
    overflow:hidden;
}
.story-content * {
    color:#fff !important;
}

h4.story-name {
    margin-top:17px !important;
    font-size:22px;
    margin-bottom:7px !important;
    letter-spacing:2px;
}
.story-desc {
    padding-bottom:7px;
}
.story-desc, .story-desc-overflow {
    letter-spacing:1.8px;
    line-height:22px;
    font-size:14px;
}
.story-desc-overflow {
    opacity:0;
    transition:0.7s all;
}
.view-more-wrap {
    margin-top:20px;
}
.view-more-stories {
    color:#b1b1b1;
    text-transform:uppercase;
    font-size:14px;
}
.view-more-stories i.fa {
    vertical-align:top;
    transition:all 0.4s ease-out;
    transform:translateY(-15%);
}
.view-more-stories:hover {
    text-decoration:none;
}
.view-more-stories:hover i.fa {
    transform:translateY(40%);
}

@media only screen and (max-width:768px) {
    .section.stories-section {
        text-align:center;
    }
    .story-link {
        display:inline-block;
        width:90%;
        margin:20px auto;
    }
    .story {
        height:490px;
    }

}
.alumni-posted-on {
    font-size:17px;
    padding-bottom:25px;
    opacity:0.5;
}

/* Register ======================================= */

.section-form .form__row {
    width:49.5%;
    display:inline-block;
    margin-bottom:15px;
}
.section-form .form__row .form__field,
.section-form .form__row .form__label {
    width:97%;
    float:left;
}
.form__label label {
    font-size:13px;
    letter-spacing:0.7px;
    line-height:22px;
}
.section-form .form__row .form__field input {
    width:100%;
    padding:10px 12px;
    border:2px solid #E6E6E6;
}
.form button[type="submit"] {
    background:#59A152;
    color:#fff;
    border:none;
    outline:none;
    text-transform:uppercase;
    letter-spacing:1.8px;
    font-size:12px;
    padding:14px 55px 10px;
    transition:0.4s all;
}
.form button[type="submit"]:hover {
    background:#2F8927;
}

.form .form__note {
    display:none;
}
.form .form__row:nth-of-type(2n) > div {
  float:right !important;
}
@media only screen and (max-width:768px) {
    .section-form .form__row {
        width:100%;
        display:block;
        overflow:hidden;
    }
    .form__label {
        margin-top:20px !important;
    }
    .section-form .form__row .form__field,
    .section-form .form__row .form__label {
        width:100%;
        float:none;
    }
    .form button[type="submit"] {
        margin-top:20px;
    }
}

/* Entries (News and Events) ======================================= */
.section-entries.section-entries-inside,
.section-entries-inside {
    margin-top:50px !important;
    margin-bottom:50px;
}


.section-entries .alumni-entry-link * {
    display:block;
}
.section-entries .alumni-entry-link:hover .alumni-entry-title {
    color:#59A152;
}
.section-entries .alumni-entry-link:hover *,
.section-entries .alumni-entry-link:hover {
    text-decoration:none !important;
    cursor:pointer;
}
.section-entries .alumni-entry-link .read-more-text {
    transition:0.4s all;
}
.section-entries .alumni-entry-link:hover .read-more-text {
    text-decoration:underline !important;
    color:#59A152;
}

.section-entries {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section-entries .alumni-column-third {
    flex:0 0 33.3333%;
    vertical-align:top;
}

@media only screen and (max-width:1200px) {
    .section-entries .alumni-column-third {
        flex:0 0 40%;
    }
}
@media only screen and (max-width:768px) {
    .section-entries .alumni-column-third {
        flex:0 0 75%;
    }
}

.entries-section .alumni-entry-link {
    display:block;
    width:90%;
    margin:0 auto;
}
.section-entries .alumni-entry-title {
    color:#231E1F;
    letter-spacing:1px;
    margin-top:30px !important;
    margin-bottom:10px !important;
    transition:0.4s all;
}
.section-entries .alumni-entry-summary {
    color:#231E1F;
    font-size:14px;
}
.section-entries .alumni-entry-date {
    color:#231E1F;
    font-weight:300;
    font-size:13px;
    opacity:0.5;
}
.alumni-entry-thumbnail {
    width:100%;
}
/* Footer */

.microsite-footer {
    border-top:2px solid #59A152;
    padding-top:40px;
    position:relative;
    padding-bottom:60px;
}
.microsite-social {

}
.microsite-social a {
    display:inline-block;
    font-size:20px;
    border:2px solid #59A152;
    width:45px;
    height:45px;
    text-align:center;
    line-height:45px;
    border-radius:100%;
    margin-right:3px;
    color:#59A152 !important;
    transition:0.4s all;
}
.microsite-social a:hover {
    color:#fff !important;
    background:#59A152;
}
.microsite-footer-text {
    position:absolute;
    right:0px;
    top:5px;
}
.microsite-footer-text h4 {
    font-size:15px;
    text-transform:uppercase;
    margin-bottom:5px;
}
.microsite-footer-text p {
    font-size:14px;
    margin-bottom:0px;
    line-height:17px;
    text-align:right;
}
#siteByDigistorm {
    text-align:right;
    display:block;
    margin-top:0px;
}

@media only screen and (max-width:768px) {
    .microsite-footer {
        padding-top:30px;
    }
    .microsite-social {
        text-align:center;
    }
    .microsite-footer-text {
        position:initial;
        text-align:center;
    }
    .microsite-footer-text p,
    #siteByDigistorm {
        text-align:center;
    }

}

/* Content Page */
.background-image.alumni-header.alumni-content-page {
    height:500px !important;
}


/* REMEMBER TO REMOVE TEST IMAGES BEFORE GOING LIVE */


.story-link {
    position:relative;
    cursor:default;
}
.story-link a {
    text-decoration:underline;
}
.story-link a:hover {
    color:#CCC !important;
}
.story-link .story-read-more {
    text-decoration:none;
    opacity:0;
    z-index:9999;
    position:absolute;
    top:25px;
    right:25px;
    color:#fff;
    transition:opacity 0.6s;
}
.story-link:hover .story-read-more {
    text-decoration:none;
    opacity:1;
}
@media only screen and (max-width:992px) {
    .story-link .story-read-more {
        opacity:1 !important;
        top:initial;
        bottom:-30px !important;
        right:10px !important;
        color:#59A152;
    }
    .story-link {
        margin-bottom:35px;
    }
}