/* ***** ***** ***** ***** ***** ***** ***** ***** ***** *****   O P A - C O M M O N   ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */

.opa-cf:before, .cf:after {content: " "; display: table;}
.opa-cf:after {clear: both;}

/* ***** ***** ***** ***** ***** ***** *****   O P A - I M A G E   ***** ***** ***** ***** ***** ***** ***** */

.opa-image {
    position: relative;
    padding-bottom: 20px;
}
.opa-image img {
    display: block;
    width: 100%;
}
.opa-image .opa-image-label {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 65px 15px 15px;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background: #2a53c1;
}
.opa-image .opa-image-label-sponsored {
    background: #6a6d76;
}

/* ***** ***** ***** ***** ***** ***** *****   O P A - M E T A   ***** ***** ***** ***** ***** ***** ***** */

.opa-meta {
    position: relative;
    margin-top: 20px;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #a9adbc;
    text-transform: uppercase;
}
.opa-meta .opa-meta-publish a {
    color: #a9adbc;
}
.opa-meta .opa-meta-publish .opa-category {
    color: #2a53c1;
}
.opa-meta .opa-meta-shares/*,
.opa-meta .opa-meta-comments*/ {
    position: absolute;
    right: 0;
    bottom: 0;
}

.opa-meta .opa-meta-shares:after/*,
.opa-meta .opa-meta-comments:after*/ {
    content: " ";
    position: absolute;
    left: -24px;
    top: 0;
}
.opa-meta .opa-meta-shares:after {
    width: 18px;
    height: 13px;
    background: url('../images/opa/icon-shares.png') no-repeat;
}
/*.opa-meta .opa-meta-comments:after {
    width: 18px;
    height: 16px;
    background: url('../images/opa/icon-comments.png') no-repeat;
}*/

/* ***** ***** ***** ***** ***** ***** *****   O P A - S O C I A L   ***** ***** ***** ***** ***** ***** ***** */

.opa-social {
    overflow: hidden;
    padding: 20px 0 20px 0;
    border-top: 1px solid #dbdde2;
    border-bottom: 1px solid #dbdde2;
}
.opa-social .opa-social-counter {
    float: left;
    font-family: 'Graphik Web';
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    color: #2b2c30;
    text-transform: uppercase;
}
.opa-social .opa-social-counter small {
    font-weight: 600;
    font-size: 12px;
    color: #a9adbc;
    vertical-align: middle;
}
.opa-social .opa-social-buttons {
    float: right;
}

/* ***** ***** ***** ***** ***** ***** ***** ***** ***** *****   O P A - L S   ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */

.opa-ls-latest {
    padding-top: 25px;
    border-top: 3px solid #cacbd4;
}

.opa-ls-latest .opa-header {
    padding-bottom: 25px;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 19px;
    color: #a9adbc;
    border-bottom: 1px solid #e0e2e7;
}

.opa-ls-latest .opa-items .opa-item {
    padding-bottom: 10px;
    font-family: 'Graphik Web';
    font-weight: 600;
    border-bottom: 1px solid #e0e2e7;
}

.opa-ls-latest .opa-item-line-1 {
    margin-top: 10px;
    font-size: 12px;
    color: #a9adbc;
    text-transform: uppercase;
}
.opa-ls-latest .opa-item-line-1 .opa-category {
    color: #2a53c1;
}
.opa-ls-latest .opa-item-line-2 {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
    color: #2b2c30;
}
.opa-ls-latest .opa-item-line-3 {
    margin-top: 10px;
    font-size: 12px;
    color: #a9adbc;
    text-transform: uppercase;
}
.opa-ls-latest .opa-item-line-3 a {
    color: #a9adbc;
}
.opa-ls-latest .opa-item-line-3.opa-with-avatar {
    position: relative;
    padding: 14px 0 15px 55px;
}
.opa-ls-latest .opa-item-line-3.opa-with-avatar .opa-img-avatar {
    position: absolute;
    left: 0;
    top: 50%;
    width: 47px;
    height: 47px;
    margin-top: -24px;
    -webkit-border-radius: 47px;
            border-radius: 47px;
}

.opa-ls-latest .opa-load-more {
    margin-top: 20px;
}
.opa-ls-latest .opa-load-more a {
    display: block;
    padding: 15px;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 12px;
    color: #a9adbc;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #e0e2e7;
}

.opa-ls-latest .opa-view-all a {
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 12px;
    color: #a9adbc;
    text-transform: uppercase;
}

.opa-ls-latest .opa-view-all.additional a {
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 18px;
    color: #2a53c1;
    text-transform: none;
}

/* ***** ***** ***** ***** ***** ***** ***** ***** ***** *****   O P A - M A I N   ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */

.opa-main-page-title {
    overflow: hidden;
    margin-bottom: 10px;
    font-family: 'Graphik Web';
    font-weight: 700;
    font-size: 45px;
    line-height: 67px;
    color: #2a292f;
    border-top: 3px solid #3c3b41;
    border-bottom: 1px solid #3c3b41;
}
.opa-main-page-title .opa-main-page-category {
    float: right;
    font-size: 22px;
}

.opa-main-hint {
    margin-bottom: 15px;
    /*font-family: 'Graphik Web';
    font-weight: 600;
    font-style: italic;
    font-size: 10px;
    color: #666666;
    text-transform: uppercase;*/
}

.opa-main-hint {
    color: #666666;
    font-family: "Graphik Web",Helvetica,Arial,san serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}    

/* ***** ***** ***** ***** ***** ***** *****   O P A - M A I N - A R T I C L E   ***** ***** ***** ***** ***** ***** ***** */

.opa-main-article .opa-title {
    display: block;
    margin-top: 20px;
    font-family: 'Graphik Web';
    font-weight: 700;
    font-size: 40px;
    line-height: 45px;
    color: #2b2c30;
}

.opa-main-article .opa-text {
    margin-top: 10px;
    font-family: 'Graphik Web';
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #2b2c30;
}

.opa-main-article .opa-view-more {
    margin-top: 20px;
    text-align: right;
}
.opa-main-article .opa-view-more a {
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 12px;
    color: #2a53c1;
    text-align: center;
    text-transform: uppercase;
}

/* ***** ***** ***** ***** ***** ***** *****   O P A - M A I N - A R T I C L E S   ***** ***** ***** ***** ***** ***** ***** */

.opa-main-articles {
    margin-top: 10px;
    border-top: 1px solid #e0e2e7;
}

.opa-main-articles .opa-items {
    overflow: hidden;
    margin-top: -30px;
}
.opa-main-articles .opa-item {
    float: left;
    width: 50%;
    margin-top: 50px;
}
.opa-main-articles .opa-item:nth-child(odd) {
    padding-right: 20px;
}
.opa-main-articles .opa-item:nth-child(even) {
    padding-left: 20px;
}

.opa-main-articles .opa-title {
    display: block;
    margin-top: 15px;
    font-family: 'Graphik Web';
    font-weight: 700;
    font-size: 23px;
    line-height: 28px;
    color: #2f3035;
}

/* ***** ***** ***** ***** ***** ***** *****   O P A - M A I N - C O L U M S   ***** ***** ***** ***** ***** ***** ***** */

.opa-main-one-colum,
.opa-main-two-colums,
.opa-main-two-colums-right {
    background: #fff;
}
.opa-main-two-colums {
    margin-left: -235px;
    padding-top: 15px;
}

.opa-main-one-colum .opa-load-more,
.opa-main-two-colums .opa-load-more {
    margin-top: 50px;
}
.opa-main-two-colums .opa-load-more {
    padding-top: 25px;
    border-top: 3px solid #cacbd4;
}
.opa-main-one-colum .opa-load-more a,
.opa-main-two-colums .opa-load-more a {
    display: block;
    width: 300px;
    margin: 0 auto;
    padding: 15px;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 12px;
    color: #a9adbc;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #e0e2e7;
}

.opa-main-two-colums-right {
    margin-right: -342px;
}

/* ***** ***** ***** ***** ***** ***** *****   O P A - N E W S   ***** ***** ***** ***** ***** ***** ***** */

.opa-news {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 3px solid #cacbd4;
}

.opa-news .opa-header {
    padding-bottom: 25px;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 18px;
    color: #a9adbc;
    border-bottom: 1px solid #e0e2e7;
}

.opa-news .opa-items .opa-item {
    overflow: hidden;
    position: relative;
    margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e2e7;
}

.opa-news .opa-image {
    float: left;
    width: 300px;
}

.opa-news .opa-title {
    display: block;
    margin-left: 320px;
    padding-bottom: 70px;
    font-family: 'Graphik Web';
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;
    color: #2c2d31;
}
.opa-news .opa-without-image .opa-title {
    margin-left: 0;
}

.opa-news .opa-meta {
    position: absolute;
    left: 320px;
    right: 0;
    bottom: 40px;
}
.opa-news .opa-without-image .opa-meta {
    left: 0;
}
.opa-news .opa-meta-publish.opa-with-avatar {
    position: relative;
    padding-left: 50px;
}
.opa-news .opa-meta-publish.opa-with-avatar .opa-img-avatar {
    position: absolute;
    left: 0;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-top: -23px;
    -webkit-border-radius: 45px;
            border-radius: 45px;
}

.opa-news .opa-view-all {
    margin-top: 20px;
    text-align: right;
}
.opa-news .opa-view-all a {
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 12px;
    color: #2a53c1;
    text-align: center;
    text-transform: uppercase;
}

/* ***** ***** ***** ***** ***** ***** *****   O P A - C O L U M N I S T S   ***** ***** ***** ***** ***** ***** ***** */

.opa-columnists .opa-items .opa-item {
    padding-bottom: 40px;
}

.opa-columnists .opa-columnist {
    overflow: hidden;
    float: left;
    width: 300px;
    padding-top: 40px;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 12px;
    color: #2a53c1;
    text-transform: uppercase;
}
.opa-columnists .opa-columnist a {
    color: #2a53c1;
}
.opa-columnists .opa-columnist img {
    float: right;
    width: 128px;
    height: 128px;
    margin-top: -40px;
    -webkit-border-radius: 128px;
            border-radius: 128px;
}

/* ***** ***** ***** ***** ***** ***** *****   O P A - C O L U M N I S T S - N A R R O W   ***** ***** ***** ***** ***** ***** ***** */

.opa-columnists-narrow {
    padding-top: 0;
}

.opa-columnists-narrow .opa-items .opa-item {
    margin-top: 20px;
    padding-bottom: 20px;
}

.opa-columnists-narrow .opa-columnist {
    width: 225px;
    font-size: 14px;
}
.opa-columnists-narrow .opa-columnist img {
    width: 92px;
    height: 92px;
    margin-top: -40px;
    -webkit-border-radius: 92px;
            border-radius: 92px;
}

.opa-columnists-narrow .opa-title {
    margin-left: 245px;
    padding-bottom: 35px;
    font-size: 24px;
    line-height: 28px;
}

.opa-columnists-narrow .opa-meta {
    left: 245px;
    bottom: 20px;
}

/* ***** ***** ***** ***** ***** ***** *****   O P A - L A R G E - A R T I C L E   ***** ***** ***** ***** ***** ***** ***** */

.opa-large-article .opa-title {
    font-family: 'Graphik Web';
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    color: #2b2c30;
}

.opa-large-article .opa-meta {
    margin-top: 5px;
}

.opa-large-article .opa-image {
    margin-top: 40px;
}

/* ***** ***** ***** ***** ***** ***** *****   O P A - L A R G E - A R T I C L E - C O N T I N U E   ***** ***** ***** ***** ***** ***** ***** */

.opa-large-article-continue .opa-text {
    margin-top: 20px;
    font-family: 'Graphik Web';
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #2b2c30;
}

.opa-large-article-continue .opa-tags {
    margin-top: 50px;
    padding: 35px 0 35px 0;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 12px;
    line-height: 25px;
    color: #2b2c30;
    text-transform: uppercase;
    border-top: 1px solid #dbdde2;
}
.opa-large-article-continue .opa-tags-inner {
    margin-left: -20px;
}
.opa-large-article-continue .opa-tags span,
.opa-large-article-continue .opa-tags a {
    display: inline-block;
    margin-left: 20px;
}
.opa-large-article-continue .opa-tags a {
    color: #a9adbc;
}

.opa-large-article-continue .opa-social {
    padding: 35px 0 35px 0;
}
.opa-large-article-continue .opa-social .opa-social-buttons {
    float: none;
}

/* ***** ***** ***** ***** ***** ***** *****   O P A - M A I N - C O N T R I B U T O R   ***** ***** ***** ***** ***** ***** ***** */

.opa-main-contributor {
    overflow: hidden;
    margin-bottom: 30px;
}
.opa-main-contributor .opa-img-avatar {
    float: left;
    width: 75px;
    height: 75px;
    margin-top: 10px;
    -webkit-border-radius: 75px;
            border-radius: 75px;
}
.opa-main-contributor .opa-info {
    margin-left: 90px;
}
.opa-main-contributor .opa-position {
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 12px;
    color: #a9adbc;
    text-transform: uppercase;
}
.opa-main-contributor .opa-name {
    margin-top: 10px;
    font-family: 'Graphik Web';
    font-weight: 700;
    font-size: 40px;
    color: #2b2c30;
}
.opa-main-contributor .opa-description {
    margin-top: 10px;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-style: italic;
    font-size: 14px;
    color: #2b2c30;
}
.opa-main-contributor .opa-links {
    margin-top: 10px;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}
.opa-main-contributor .opa-links a {
    display: inline-block;
    margin-right: 35px;
    color: #1750c3;
}

/* ***** ***** ***** ***** ***** ***** ***** ***** ***** *****   O P A - S M   ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */

.opa-sm {
    overflow: hidden;
}
.opa-sm .left-sidebar,
.opa-sm .left-sidebar-2 {
    min-height: 0;
}
.opa-sm .opa-sm-column {
    margin-left: 235px;
}

/* ***** ***** ***** ***** ***** ***** ***** ***** ***** *****   O P A - B I O   ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */

.opa-bio {
    position: relative;
    /*margin-top: -25px;*/
    padding-bottom: 15px;
}

.opa-bio .opa-meta2 {
    position: absolute;
    left: 235px;
    top: -50px;
    padding: 30px 0 31px 100px;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #a9adbc;
    text-transform: uppercase;
}
.opa-bio .opa-meta2 a {
    color: #a9adbc;
}
.opa-bio .opa-meta2 .opa-img-avatar {
    position: absolute;
    left: 0;
    top: 50%;
    width: 75px;
    height: 75px;
    margin-top: -45px;
    border: 7px solid transparent;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-border-radius: 75px;
            border-radius: 75px;
}
.opa-bio.opa-expanded .opa-meta2 .opa-img-avatar {
    border-color: #2a53c1;
}

.opa-bio .opa-bio-content {
    border-top: 5px solid #2a53c1;
    border-bottom: 5px solid #2a53c1;
}
.opa-bio .opa-bio-inner {
    display: table;
    width: 100%;
}

.opa-bio .opa-label {
    display: inline;
    font-family: 'Graphik Web';
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #000;
    text-transform: uppercase;
}

.opa-bio .opa-bio-left {
    display: table-cell;
    width: 500px;
    padding: 20px 50px 20px 20px;
    background: #ecebf0;
}
.opa-bio .opa-bio-left .opa-text {
    margin-top: 10px;
    font-family: 'Graphik Web';
    font-size: 18px;
    line-height: 28px;
    color: #3a393e;
}
.opa-bio .opa-bio-left .opa-icons {
    display: inline;
    margin-left: 15px;
}
.opa-bio .opa-bio-left .opa-icons a {
    display: inline-block;
    height: 17px;
    margin-left: 15px;
    background: url('../images/opa/icons-networks.png') no-repeat;
}
.opa-bio .opa-bio-left .opa-icons a.opa-fb {width: 10px; background-position: 0 0;}
.opa-bio .opa-bio-left .opa-icons a.opa-tw {width: 15px; background-position: -27px 0;}
.opa-bio .opa-bio-left .opa-icons a.opa-gp {width: 23px; background-position: -61px 0;}
.opa-bio .opa-bio-left .opa-icons a.opa-li {width: 17px; background-position: -100px 0;}


.opa-bio .opa-bio-right {
    display: table-cell;
    padding: 20px 20px 20px 40px;
}

.opa-bio .opa-bio-right .opa-items {
    overflow: hidden;
    margin-top: -10px;
}
.opa-bio .opa-bio-right .opa-item {
    display: block;
    margin-top: 20px;
}
.opa-bio .opa-bio-right .opa-image {
    float: left;
    width: 87px;
    padding-bottom: 0;
}
.opa-bio .opa-bio-right .opa-title {
    margin-left: 100px;
    font-family: 'Graphik Web';
    font-size: 18px;
    color: #0f1012;
}
.opa-bio .opa-bio-right .opa-ago {
    margin: 10px 0 0 100px;
    font-family: 'Graphik Web';
    font-size: 14px;
    color: #0f1012;
}


.opa-hidden {
    display:none;
}