/* 
Color scheme TRANS/STOUT
Primary 1 (links, menu icons, buttons hoverstate, progressbar)
#ff00a2

Primary 2 (header, buttons)
#000135

Secundary (modal header, searchbar, dropdown list hover)
#ff00a221

Buttons selected state (payment methods)
#244a5d
*/

/* Root variables and style used in offer flow */

:root {
    --main-bg-color: #00001af2;
    --light-bg-color: #ffe1f3;
    --main-text-color: #FFF;

    --btn-primary-bg-color: #000135;
    --btn-primary-text-color: #FFF;
    --btn-primary-hover-bg-color: #ff00a2;
    --btn-primary-hover-text-color: #000;

    --link-color: #ff00a2;
    --link-hover-color: #ff00a2;
    --cover-img: url("../../../offer/img/register/TRANS/2.jpg");
}

@media (max-width: 768px) {

   #Page1 .card {
        background-color: #ffffff14;
        color: #FFF !important;
    }

}

/* Custom template CSS */

body {
    background-color: #FFF;
    color: #000;
    font-family: "Helvetica Neue", "Roboto", "Calibri", "Roboto-fallback", sans-serif !important;
}

a {
    color: #ff00a2;
}

h1, h2, h3, h4, .registration_form_area .registration_form_s h4 {
    font-family: "Helvetica Neue", "Roboto", "Calibri", "Roboto-fallback", sans-serif !important;
    font-weight: 300 !important;
    text-transform: none;
    font-size: 24px !important;
    line-height: 1.3;
}

/* Homepage uitgelogd */

.carousel_area {
    background-color: #FFF;
}

.standout {
    color: #ff00a2;
}

.information_widget ul li a:hover{
    color: #ff00a2;
}

.copyright .copyright_left .copyright_text h4 a:hover {
    color: #ff00a2;
}

.owl-carousel .owl-item, .owl-carousel .owl-item img {
    border-radius: 0px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}

/* Homepage ingelogd */

.actives_members .section-no-background {
    background-color: #FFF;
}

.section-background .active_mem_item h4 {
    font-family: "Ubuntu", sans-serif;
    color: #FFF;
}

.section-background .active_mem_item h5 {
    font-family: "Ubuntu", sans-serif;
    color: #FFF;
}

.section-no-background .welcome_title h3 {
    color: #000;
}

.section-background .welcome_title h3 {
    color: #FFF;
}

.welcome_title h3 span {
    color: #ff00a2;
}

.section-no-background .active_mem_item h4 {
    font-family: "Ubuntu", sans-serif;
    color: #000;
}

.section-no-background .active_mem_item h5 {
    font-family: "Ubuntu", sans-serif;
    color: #000;
}

/* Header */

.header_menu_area .navbar-default {
    background-color: #000135;
    color: #FFF;
}

.header_menu_area .navbar-default input {
    background-color: #FFF;
    color: #000;
    border-radius: 0px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}

.header_menu_area .navbar-default input::placeholder, .header_menu_area .navbar-default input:-ms-input-placeholder, .header_menu_area .navbar-default input::-ms-input-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.header_menu_area .navbar-default input:-webkit-autofill,
.header_menu_area .navbar-default input:-webkit-autofill:hover, 
.header_menu_area .navbar-default input:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
    transition: none;
}

.header_menu_area .navbar-default .navbar-collapse .navbar-nav li a {
    color: #FFF;
}

.header_menu_area .navbar-default .navbar-collapse .navbar-nav li:hover a{
    color: #FFF;
}

.dropdown-menu-left, .dropdown-menu-right {
    background-color: #000135;
}

@media (max-width: 991px) {
    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li a, .header_menu_area .navbar-default .navbar-collapse .navbar-nav li a:hover {
        color: #FFF;
    }

    /*
    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li {
        border-radius: 20px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
    }
    */
}

.fa-star:before {
    content: "\f06d";
}

.fa-heart:before {
    content: "\f06d";
}

.fa-gem:before {
    content: "\f51e";
}

@media (max-width: 1200px) {
    .logo {
        height: 26px;
    }
}

.header_desktop .fas, .header_desktop .fa {
    color: #ff00a2;
}

.header_menu_area .navbar-default .navbar-collapse .navbar-nav li a:hover, .navbar-nav .active, .navbar-nav .active .dropdown-toggle {
    background-color: #FFF !important;
    color: #000 !important;
}

.search-toggle {
    background-color: #ff00a221;
}

.header_menu_area .navbar-default {
    border-bottom: none;
}

.advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle {
    background: #FFF;
}

@media (max-width: 991px) {
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ff00a2;
    }
}

/* Buttons */

.save_btn, .login_btn {
    font-weight: 400;
    font-family: "Helvetica Neue", sans-serif;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
}

.save_btn:before, .login_btn:before{
    background-color: #000135;
    border: 1px solid #FFF;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.btn:focus {
    color: #FFF;
}

.save_btn:after, .save_btn:hover, .login_btn:after, .login_btn:hover {
    background-color: #ff00a2;
    color: #000;
    border:none;
}

/* Move button on hover
.save_btn:hover, .login_btn:hover, .save_btn:focus, .login_btn:focus {
    position: relative;
    bottom: 2px;
}
*/

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .right_side_content button{
        font-size: 12px;
    }
}


/* Profiel */

.blog_grid_area {
    background-color: #FFF;
}

.members_about_box h4, .members_about_box p {
    color: #000;
}

/* Profiles page */

.advanced_search .search_inner {
    background: #ff00a221;
}

.welcome_title h3 {
    color: #000;
}

.active_mem_item h4, .active_mem_item h5 {
    color: #000;
}

/*
.paginationhome a {
    color: #FFF;
}
*/

.paginationhome a.active  {
    background-color: #000135 !important;
    color: #FFF !important;
}

.paginationhome a:hover, .paginationhome a:focus {
    text-decoration: none;
    color: #000;
    background-color: #ff00a2 !important;
}

.members_about_box, .profile_list_even{
    background-color: #ff00a221;
}

.right_side_content img {
    display:none;
}

.members_message_box textarea {
    background-color: #ff00a221 !important;
}

.active_mem_item h4 {
    margin: 2px 0;
    font-size: 18px !important;
}


/* Credits */ 
/*
#payment {
color: #FFF;
}
*/

.credits-kopen .save_btn:before {
    background-color: #000135;
}

.betaalmethode-btn-group .active:before {
    background-color: #ff00a2 !important;
}

.cta_btn:before {
    background-color: #000135 !important;
}

.payment-inactive .credit-body {
    background: repeating-linear-gradient( 45deg, #000135, #000135 10px, #ff00a2 10px, #ff00a2 20px );
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, #location-container ul li:hover, #location-container ul li:focus {
    background-color: #ffe0f3;
}

.size-11px {
    font-size: 9px;
}

@media (max-width: 767px) {
    .size-11px {
        font-size: 14px;
    }
}

/* Sidebar */

@media (min-width: 992px) {
    .sidebar {
        background-color: #ff00a221;
        border-radius: 0px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.s_title h4 {
    font-size: 22px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    color: #000;
}

/* Modals */

.modal-content {
    color: #000;
}

.knop-previous, .knop-previous:before, .knop-previous:after, .knop-previous:hover {
    background-color: #f5f5f5;
    border: none;
    color: #000;
    border-radius: 0;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.heading-name-meta:hover{
    color: #000;
}

.modal-header {
    background-color: #ff00a221;
}

.progress-bar {
    background-color: #ff00a2;
}

.speech-bubble {
    background: #ff00a221;
}

.speech-bubble:after {
    border-right-color: #ff00a221;
}

/* Toast */

.notificatie{
    color: #000;
}

/* Mailbox */

.app-one {
    background-color: transparent;
}

#inbox {
    background: rgb(255,255,255);
    background: linear-gradient(150deg, rgba(255,255,255,1) 25%, rgb(0 1 53) 100%);
}

@media (min-width: 768px) {
    #conversation {
        border-right: 1px solid #FFF;;
    }
}

.message-text {
    color: #000;
}

.app .message {
    border: none;
}

.btn-circle {
    background-color: #ff00a221;
}

.btn-circle:hover {
    color: #000;
    background-color: #52a7d2;
}

.sender {
    background: #056163;
}

.sender .message-text, .sender .message-time {
    color: #FFF;
}

.sideBar-time .badge {
    background-color: #056163;
    color: #FFF;
}

/* Footer */

.footer_area {
    border-top: 1px solid #334249;
}

.footer_widgets_area {
    background: #FFF;
}

.copyright .copyright_left {
    background: #000135;
}

.information_widget ul li a {
    border-bottom: 1px solid #334249;
    color: #000;
}

.carousel_area {
    padding: 0px;
}

.carousel_area .members .col-sm-2 {
    padding: 0 !important;
}

.members .navbar-nav {
    margin: 0;
}

.profiles_view .row {
    margin-left: 0;
    margin-right: 0;
}

.carousel_area {
    padding-top: 20px;
}

/*

@media (min-width: 992px) {
    .profiles_view .active_mem_item {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .actives_members .active_mem_item {
        padding-bottom: 0px;
    }
}

*/

.carousel_area .active_mem_item {
    padding-bottom: 0px;
}

@media (max-width: 991px) {
.active_mem_item .navbar-nav li a img {
    max-width: 100%;
}
}

.usp_area {
    padding: 20px 0px 40px 0px;
}

.usp_header {
    margin: 20px 0 10px 0;
}

.instellingen .text, .contact_form_area .form_inner .form-group input, .contact_form_area .form_inner .form-group textarea {
    border: 0.5px solid #000;
}

.profile_list select {
    border: 0.5px solid #000;
}

.range-slider input[type="range"] {
    background: #ff00a221;
}

.active_mem_item img, .owl-carousel .owl-item img, .message-pic, .modal-img img, .user_img img, .photo_widget img{
    background-color: #ffe0f3;
}

.find_soul_area .active_mem_item img, .owl-carousel .owl-item img {
    filter: blur(15px);
    -webkit-filter: blur(15px);
}

.modal-footer {
    border-top: 1px solid #ff00a2;
}

.navbar .badge.notifications {
    background-color: var(--btn-primary-hover-bg-color) !important;
}