/* =====================================================
   TOLTECHIA PLAYTUBE THEME
   Primary: #8210E2
   Secondary: #FF4FD8
   ===================================================== */

:root{
    --tl-primary:#8210E2;
    --tl-secondary:#FF4FD8;
}

/* LINKS */
a{
    color:#8210E2 !important;
}

a:hover{
    color:#FF4FD8 !important;
}

/* BUTTONS */
.btn,
.btn-main,
.btn-primary,
.btn-subscribe,
.settings-header,
input[type="submit"],
button[type="submit"]{
    background:#8210E2 !important;
    background-color:#8210E2 !important;
    border-color:#8210E2 !important;
    color:#fff !important;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn-main:hover,
.btn-main:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-subscribe:hover,
.btn-subscribe:focus,
input[type="submit"]:hover,
button[type="submit"]:hover{
    background:#FF4FD8 !important;
    background-color:#FF4FD8 !important;
    border-color:#FF4FD8 !important;
    color:#fff !important;
}

/* LOGIN / REGISTER */
.login-page .login_signup_combo .btn{
    background:#8210E2 !important;
}

.login-page .login_signup_combo .btn:hover{
    background:#FF4FD8 !important;
}

/* DROPDOWNS */
.dropdown-menu li.active,
.dropdown-menu li.active a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
    background:#FF4FD8 !important;
    color:#fff !important;
}

/* LEFT SIDEBAR */
.yp_side_drawer ul.sections li.active a,
.yp_side_drawer ul.sections li a:hover{
    color:#FF4FD8 !important;
}

.yp_side_drawer ul.sections li a:before{
    background:#FF4FD8 !important;
}

.yp_side_drawer ul.sections li.active a svg,
.yp_side_drawer ul.sections li.active a svg *,
.yp_side_drawer ul.sections li a:hover svg,
.yp_side_drawer ul.sections li a:hover svg *{
    fill:#FF4FD8 !important;
    stroke:#FF4FD8 !important;
    color:#FF4FD8 !important;
}

/* FORMS */
input:focus,
textarea:focus,
select:focus,
.form-control:focus{
    border-color:#FF4FD8 !important;
    box-shadow:0 0 0 1px #FF4FD8 !important;
}

/* CHECKBOX */
input[type="checkbox"],
input[type="radio"]{
    accent-color:#FF4FD8 !important;
}

/* PROFILE */
.profile-container .links-container ul li a:after{
    background:#FF4FD8 !important;
}

/* VIDEO */
.video-info-element .blue{
    background:linear-gradient(to right,#8210E2,#FF4FD8) !important;
}

.video-likes .like-btn.active svg.thumbs_up,
.mejs-qualities-selected,
.mejs__qualities-selected{
    color:#FF4FD8 !important;
}

/* CATEGORIES */
.article-categories .pt_categories ul li.active a,
.article-categories .pt_categories ul li a:hover{
    background:#8210E2 !important;
    border-color:#8210E2 !important;
    color:#fff !important;
}

/* UTILITIES */
.bg-info,
.label-info,
.badge-info,
.alert-info,
.text-info,
.text-primary,
.label-primary{
    background:#FF4FD8 !important;
    border-color:#FF4FD8 !important;
    color:#fff !important;
}

----------------------------------------------

/* FIX: Movies / active sidebar keeps magenta */
.yp_side_drawer ul.sections li.active a,
.yp_side_drawer ul.sections li.active a span,
.yp_side_drawer ul.sections li.active a:hover,
.yp_side_drawer ul.sections li.active a:hover span{
    color:#FF4FD8 !important;
}

.yp_side_drawer ul.sections li.active a svg,
.yp_side_drawer ul.sections li.active a svg *{
    color:#FF4FD8 !important;
    fill:#FF4FD8 !important;
    stroke:#FF4FD8 !important;
}

.yp_side_drawer ul.sections li.active a:before{
    background:#FF4FD8 !important;
}