/*
Theme Name: Multiplicare
Theme URI: https://webefficient.ro/
Author: WebEfficient
Author URI: https://webefficient.ro/
Description: Tema pentru conferinta multiplicare
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: multiplicare

*/

/* ************************Bise Page Styles********************** */
.singleHeaderBise {
    color: #fff;
    padding: 3em 0 3em 0;
    background-color: #0e2b3d;
}
.right-article-bise {
    padding: 2em 0 2em 0;
    text-align: center;
    width:100%;
}
.center-content {
     justify-content: center;
     flex-wrap: wrap;
}

.um-profile-photo {
    display:none;
}
.um-profile-nav {
    background: #0e2b3d !important;
}
.um .um-field-group-head, .picker__box, .picker__nav--prev:hover, .picker__nav--next:hover, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .upload, .um-modal-header, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
    background: #9bb92d !important;
}
.um-profile-meta {
    padding-left: 0 !important;
}
.um-story-thumbnail, .um-story-time, .um-story-content .read-more {
    display:none;
}
.um-story-list .um-story-content {
    width:85% !important;
    float:right;
}

.um-story-content a {
    font-weight:bold;
    font-size:16px;
    color:#9bb92d;
}
.um-story-list .um-story-date-container {
    float:left;
}

.videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.videos .main-videos {
  padding: 70px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  width:80%;
  gap: 10px 10px;
}

.videos .main-videos .vp-a {
    width:18vw;
    display:block;
}
@media only screen and (max-width: 900px) {
    .videos .main-videos .vp-a {
        width:35vw;
    }
}
@media only screen and (max-width: 600px) {
    .videos .main-videos .vp-a {
        width:80vw;
    }
}
.videos .main-videos .vp-a img {
    width: 100%;
    height: auto;
}