/*
Template :: Article Library
*/
.intro-header {
margin: 35px 0 20px 0 !important;
}
.myarticle.library .date label{
display: none!important;
}
/*ZERO WIDTH*/
.view-article #sp-main-body .container {
max-width: 100%!important;
padding: 0!important;
}
@media (max-width: 640px){
.myarticle.library_coverimage .item_bkg{
min-height: 250px !important;
}
.article_extras .container .row .col-12, .article_extras .container .row .col{
padding-left: 30px !important;
padding-right: 30px !important;
} 
}
@media (max-width: 768px){
.article-details .myarticle.library .intro-header .title {
padding: 0 25px;
}
.myarticle.library .article_info {
padding: 0 30px;
}
}
@media (min-width: 576px){
.view-article #sp-main-body .container .myarticle.library .container, .view-article #sp-main-body .container .myarticle.practitioner .container{
max-width: 540px!important;
padding: 0 15px!important;
}

}
@media (min-width: 768px){
.view-article #sp-main-body .container .myarticle.library .container, .view-article #sp-main-body .container .myarticle.practitioner .container{
max-width: 720px!important;
padding: 0 15px!important;
}
}
@media (min-width: 992px){
.view-article #sp-main-body .container .myarticle.library .container, .view-article #sp-main-body .container .myarticle.practitioner .container{
max-width: 960px!important;
padding: 0 15px!important;
}
}
@media (min-width: 1200px){
.view-article #sp-main-body .container .myarticle.library .container, .view-article #sp-main-body .container .myarticle.practitioner .container{
max-width: 1140px!important;
padding: 0 15px!important;
}
}
/*------------------------------------------------------------------------------
FULL COVERIMAGE
------------------------------------------------------------------------------*/
.myarticle.library_coverimage .item_bkg {
background-position: 50% top;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
min-height: 500px;
position: relative;
}
.myarticle.library_coverimage .bkg {
bottom: 7%;
left: 7%;
position: absolute;
right: 0;
width: 50%;
}
.myarticle.library_coverimage h5 {
background-color: rgba(255, 255, 255, 0.7);
color: #000000;
font-weight: 300;
margin: 0;
padding: 15px;
}
.myarticle.library_coverimage h3{
background-color: rgba(133, 46, 37, 0.7);
color: #ffffff;
font-size: 1.6em;
margin: 0 0 5px;
padding: 15px;
}
/*------------------------------------------------------------------------------
TITLE / DATE / FULL TEXT
------------------------------------------------------------------------------*/
.myarticle.library .fulltext {
padding-bottom: 35px;
text-align: justify;
}
.myarticle.news .date {
padding-bottom: 10px;
font-size: 12px;
font-weight: 600; 
}
.myarticle.news i.fa {
padding-right: 6px;
}
.myarticle.library .fulltext img {
width: 100%;
}
.myarticle.library .spanspacer {
margin:0 10px;
color:#252525;
}
.myarticle.library .spanspacer span{
border-right:2px solid #717171;
}
/*------------------------------------------------------------------------------
VIDEO
------------------------------------------------------------------------------*/
#video_switch{
margin-bottom:35px !important;
}
.video_switch {
background-position: center;
background-size:cover;
background-repeat: no-repeat;
cursor: pointer;
}
.video_switch iframe {
border-style: none;
height: 100%;
width: 100%;
}
.library .img.video {
position: relative;
z-index: 1;
margin-bottom: 35px;
}
.video_overlay {
position: absolute;
height: inherit;
width: inherit;
background-image: url(/images/assets/icons/video512x512.png);
z-index: 99;
background-position: 50%;
background-repeat: no-repeat;
background-size:96px;
cursor: pointer;
}
/*------------------------------------------------------------------------------
AUTHOR
------------------------------------------------------------------------------*/
.rounded-div{
height: 55px;
max-width: 55px;
margin: 0px auto;
text-align: left;
}
.round-circle{
height: 100%;
border-radius: 100%;
overflow:hidden;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.colblock {
margin-bottom: 30px;
cursor: pointer;
}
.author-blk{
display: block;
margin: 30px 0;
overflow: hidden;
}
.author h4 {
color: #993333;
cursor: pointer;
font-size: 1.2em;
margin: 0;
}
.modal-open #sp-header.header-sticky{
z-index: 2 !important;
}
#rounded-div p, #rounded-div p span {
font-size: 1em !important;
}
#auth-modal .modal-footer button{
margin: auto;
}
#auth-modal{
text-align: justify!important;
}
#auth-modal .rounded-div {
height: 135px!important;
max-width: 135px!important;
}
.auth-job-title, .auth-job-organisation{
font-size: 0.8em;
font-weight: 400;
color: #b6b6b6;
}
.auth-job-organisation{
color: #333;
}
#auth-modal .auth-job-title, #auth-modal .auth-job-organisation{
text-align:center!important;
color: #333;
}
#auth-modal .auth-job-title{
color: #b6b6b6;
}
.modal-header a h4{
color: #993333;
cursor: pointer;
font-size: 1.2em !important;
margin-top: 0;
}
.modal-body p{
font-size: 14px !important;
}
.auth-job-organisation{
font-size: 14px;
}
.enterprise {
display: inline-block;
}
.date-auth-enter label{
font-weight: bold;
margin-right: 5px;
}
.date-auth-enter {
line-height: 1 !important;
}
.sdgs-sction > span {
display: inline-block;
line-height: 15px;
font-weight: 400;
margin-right:5px;
overflow: hidden;
text-align: center;
cursor: pointer;
max-width:65px;
}
.tooltip-arrow, .tooltip > .tooltip-inner {background-color: #993333;color:#fff;}
.bs-tooltip-top .arrow::before{border-top-color:#993333 !important;}
/* responsive video */
.embed-youtube, .embed-vimeo {
position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:25px;
}
.embed-youtube iframe, .embed-youtube object, .embed-youtube embed,
.embed-vimeo iframe, .embed-vimeo object, .embed-vimeo embed{ 
position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
}
.side-img .img{
padding-top: 15px;
padding-bottom: 15px;
}
.download_button {
margin-bottom: 10px;
}
.article_extras h5 {
font-family: 'Roboto';
font-size:0.9em;
/*display: inline-block;*/
text-transform: uppercase;
}
.myarticle.library.article_extras {
margin: 0 0 30px 0;
padding: 0 0 25px 0;
border-bottom: 0px solid hsl(0, 0%, 90%);
border-top: 0px solid hsl(0, 0%, 90%);
background-color: #F5F5F5;
}
.colblockx{
border-top: 1px solid hsl(0, 0%, 90%);
padding: 20px 0;
}
.colblockx > h5 {
float: left;
margin: 0.3rem auto;
padding-right: 10px;
text-align: right;
width: 40%;
line-height: 30px;
}
.sdgs-lbl h5 {
line-height: 65px;
margin-bottom: 0px;
}
.sdgs-lbl {
max-width: 120px !important;
text-align: left!important;
}
.topics_shared > a, .featured-enterprise > a {
border: 1px solid #999;
border-radius: 2.5rem;
margin: 0 5px 5px 0;
padding: 3px 8px;
color: #999;
font-size: 0.7rem!important;
display: inline-block;
}
.nolrpadding {
padding: 0px !important;
}
.row_spacer {
margin: 0px 0 40px 0;
border-top: 1px solid hsl(0, 0%, 90%);
}
.share-buttons {
text-align: center;
width: 100%;
display: block;
border-bottom: 1px solid #dcdcdc;
padding: 0 0 15px 0!important;
margin: 15px 0 20px 0;
}
.share-buttons > li{
text-align: center;
}
.share-buttons a:hover, .topics_shared > a:hover, .featured-enterprise > a:hover {
background: hsl(6, 56%, 33%) none repeat scroll 0 0;
border-color: hsl(6, 56%, 33%);
color: hsl(0, 0%, 100%);
}
.sdgs-sction {
margin: 0 0 20px 0;
}
.topics_shared {
margin: 20px 0 0 0;
}
#auth-modal h4 {
color: hsl(0, 50%, 40%);
cursor: pointer;
font-size: 1.2em;
margin-top: 0;
text-align: center;
}
#auth-modal .modal-header, #auth-modal .modal-footer {
border: 0 none;
padding: 0.5rem 1rem 0 0;
}
#auth-modal .modal-content {
border: 2px solid hsl(0, 0%, 95%);
border-radius: 0;
}
#auth-modal .modal-footer {
padding: 0 0 1rem;
}
#auth-modal .modal-body > p{
margin-top: 15px;
}
.center{
text-align: center;
}
.row.blk{
display:block !important;
}
/* EVENTS BUTTON */
.btn-event {
text-align: center;
margin:0 0 35px 0;
}
.btn-apply, .sppb-btn-apply, .btn-apply:not(:disabled):not(.disabled).active:focus, .btn-apply:not(:disabled):not(.disabled):active:focus, .show>.btn-apply.dropdown-toggle:focus, .btn-apply:not(:disabled):not(.disabled).active, .btn-apply:not(:disabled):not(.disabled):active, .show>.btn-apply.dropdown-toggle {
border-color: #2f9646;
background-color: #247d38;
color: #fff;
}
.overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
}
.practitioner .left .intro-text {
    margin-bottom: 20px;
}