#featured {
    position: relative;

}

#featured:after {
    clear: both;
    height: 1px;
    content: '';
    display: table;

}

.featured-img {
    display: block;

}

.featured--title {
    position: relative;
    font-size: 3rem;
    color: #fff;
    padding: 10px 20px;
    background: #77bd43;
    width:100%;
    margin-top: 0;
    margin-bottom: 0;

}


.featured--title a:link,
.featured--title a:hover,
.featured--title a:visited {
    color: #fff;
    text-decoration: none;

}

@media (min-width: 768px) {
    .featured--title {
        position: absolute;
        top: 50%;
        width: auto;
        background: #333333;
        background: rgba(51, 51, 51, 0.75);

    }

}

@media (min-width: 992px) {


}

.playbooks-content--archive {
    margin-top: 30px;

}

.playbooks-archive--container {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;

}

@media (min-width: 576px) {
    .playbooks-archive--container {
        margin: 0 -20px;
    }
}

.playbooks-archive--block {
    /*float: left;*/
    /*max-width: calc(100% - 40px);*/
    /*width: 100%;*/
    /*box-shadow: 0px 0px 3px #aeaeae;*/
    /*margin: 0 20px 30px;*/

}

/*@media (min-width: 768px) {*/
/*.playbooks-archive--block {*/
/*max-width: calc(50% - 40px);*/

/*}*/

/*}*/

/*@media (min-width: 992px) {*/
/*.playbooks-archive--block {*/
/*max-width: calc(33% - 40px);*/

/*}*/

/*}*/

.playbooks-archive {


}

.playbooks-archive--link:link,
.playbooks-archive--link:hover,
.playbooks-archive--link:visited {
    position: relative;
    text-decoration: none;

}

.playbooks-archive--image {
    width:100%;
    cursor: pointer !important;
    pointer-events: none;

}

.playbooks-archive--text {
    padding: 15px;
    line-height: 1.35;
    pointer-events: none;

}

.playbooks-archive--text p {
    color: #455a66;
    margin-top: 10px;
}

.playbooks-archive--text__title {
    font-size: 20px;
    font-weight: 600;
    color: #29363D;
    pointer-events: none;

}

.playbooks-archive--cta {
    font-size: 18px;
}

.playbooks-archive--text__excerpt p {
    font-size: 1rem;
    color: #333333;
}


/* ALL ARCHIVE PAGE */
.all-content--archive {
    margin-top: 30px;

}

.all-archive--container {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;

}

@media (min-width: 576px) {
    .all-archive--container {
        /*margin: 0 -20px;*/
    }
}

@media (min-width: 768px) {
    .all-archive--container {
        /*margin: 0 -10px 0 -40px;*/

    }

}

.all-archive--block {
    display: block;
    float: left;
    /*max-width: calc(100%);*/
    width: 100%;
    box-shadow: 0px 0px 3px #aeaeae;
    /*margin: 0 0 30px;*/

}

@media (min-width: 576px) {
    .all-archive--block {
        /*margin: 0 0px 30px 40px;*/
        /*max-width: calc(100% - 40px);*/
    }
}

@media (min-width: 768px) {
    .all-archive--block {
        /*max-width: calc(50% - 40px);*/

    }

}

@media (min-width: 992px) {
    .all-archive--block {
        /*max-width: calc(33% - 40px);*/

    }

}

.all-archive {


}

.all-archive--link:link,
.all-archive--link:hover,
.all-archive--link:visited {
    text-decoration: none;

}

.all-archive img {
    width:100%;
    cursor: pointer !important;
    pointer-events: none;

}

.all-archive--text {
    padding: 15px 15px 10px;
    line-height: 1.35;
    pointer-events: none;

}

.all-archive--text__category {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    padding: 2px;
    background-color: #77bd43;
    line-height: 1;
    text-transform: uppercase;
    pointer-events: none;
    display: inline-block;
    margin-bottom: 10px;

}

.blue {
    background-color: #2374a5;

}

.all-archive--text__title {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    pointer-events: none;

}

.all-archive--text__meta,
.playbooks-archive--text__meta,
.playbooks-archive--text__excerpt
{
    font-size: 14px;
    font-weight: 300;
    color: #999999;
    pointer-events: none;

}

/* Pagination */
.ispot-pagination {
    clear:both;
    position:relative;
    font-size:11px; /* Pagination text size */
    line-height:13px;
    float:right; /* Pagination float direction */
    margin: 0 auto;
}
.ispot-pagination span, .ispot-pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding:6px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#333; /* Pagination text color */
    background: #c4c4c4; /* Pagination non-active background color */
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}
.ispot-pagination a:hover{
    color:#fff;
    background: #6AAC70; /* Pagination background on hover */
}
.ispot-pagination .current{
    padding:6px 9px 5px 9px;
    background: #77bd43; /* Current page background */
    color:#fff;
}

/********* FREE REPORTS **********/
.free-report-form-frame {
    height: 600px
}

@media (min-width: 1025px) {
    .free-report-form-frame {
        height:390px
    }
}

.event-video--container {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -20px;

}



.event-video--block {
    float: left;
    max-width: calc(100% - 40px);
    width: 100%;
    box-shadow: 0px 0px 3px #aeaeae;
    margin: 0 20px 30px;

}

@media (min-width: 768px) {
    .event-video--block {
        max-width: calc(50% - 40px);

    }

}

@media (min-width: 992px) {
    .event-video--block {
        max-width: calc(25% - 40px);

    }

}

.event-video {


}

.event-video--link {
    display: block;
    position: relative;

}

.event-video--image {
    width:100%;
    cursor: pointer !important;

}

.event-video--play {
    position: absolute;
    font-size: 50px !important;
    top: calc(50% - 25px);
    color: #ffffff99;
    left: calc(50% - 20px);

}

.event-video--text {
    padding: 6px 10px 10px;
    line-height: 1.35;

}

.event-video--text__speaker {
    font-size: 18px;
    color: #77bd43;

}

.event-video--text__topic {
    font-size: 13px;
    color: rgb(174,174,174);
    font-weight: 400;

}