/* 
Color scheme BD4XX
Primary 1 (links, menu icons, buttons hoverstate, progressbar)
#6a599a

Primary 2 (header, buttons)
#6a599a

Secundary (modal header, searchbar, dropdown list hover)
#6a599a

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

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

:root {
    --main-bg-color: #ffe2c9;
    --light-bg-color: #dbd3f5;
    --main-text-color: #000;

    --btn-primary-bg-color: #6a599a;
    --btn-primary-text-color: #FFF;
    --btn-primary-hover-bg-color: #594395;
    --btn-primary-hover-text-color: #FFF;

    --link-color: #6a599a;
    --link-hover-color: #2c720d;
    --cover-img: url("../../../offer/img/register/NLM01/2.jpg");
}

#registration::before {
    opacity: 0.2 !important;
}

/* Custom template CSS */

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

a {
    color: #6a599a;
}

h1, h2, h3, h4, .registration_form_area .registration_form_s h4 {
    font-family: 'Farsan', 'Farsan-fallback', cursive !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
}

/* Homepage uitgelogd */

.carousel_area {
    background-color: transparent;
}

.standout {
    color: #6a599a;
}

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

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

.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: #6a599a;
}

.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: #FFF;
    color: #000;
    border-top: 3px solid;
    border-image: linear-gradient(to right, #6a599a 25%, #6a599a 25%, #6a599a 50%, #ff7702 50%, #ff7702 75%, #ff7702 75%) 4;
}

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

.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: #000;
}

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

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

@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";
}

.header_desktop .fas, .header_desktop .fa {
    color: #6a599a;
}

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

.active, .active .dropdown-toggle {
    background-color: #FFF !important;
}

.search-toggle {
    /*background-color: #6a599a;*/
    background-color: #ffffff;
    border: 1px solid #6a599a;
    position: relative;
    top: -1px;
    border-top: none;
}

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

.advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle {
    background: #FFF;
    border: 1px solid #6a599a;
}

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

.header_menu_area .navbar-default .navbar-collapse .navbar-nav li.active a {
    font-weight: 400;
}

/* 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: #6a599a;
    border: none;
    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: #594395;
    color: #FFF;
    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: #ffe2c9;
}

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

/* Profiles page */

.advanced_search .search_inner {
    background: #FFF;
    border-bottom: 1px solid #6a599a;
}

.advanced_search {
    border-top: 3px solid #6a599a;
}

@media (max-width: 991px) {
    .advanced_search {
        border-top: none;
    }
}

.welcome_title h3 {
    color: #000;
}

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

.paginationhome a {
    border: none;
}

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

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

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

.right_side_content img {
    display:none;
}

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

.active_mem_item h4 {
    margin: 2px 0;
}


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

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

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

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

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

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

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

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

/* Sidebar */

@media (min-width: 992px) {
    .sidebar {
        background-color: #dbd3f5;
        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: #dbd3f5;
}

.progress-bar {
    background-color: #6a599a;
}

.speech-bubble {
    background: #dbd3f5;
}

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

/* 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%);
}
*/
#inbox {
    background: transparent;
}

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

.message-text {
    color: #000;
}

.app .message {
    border: none;
}

.btn-circle {
    background-color: #6a599a;
}

.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: none;
}

.footer_widgets_area {
    background: #FFF;
}

.copyright .copyright_left {
    background: #6a599a;
}

.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;
}

/*

@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: 40px 0px 60px 0px;
}

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

.instellingen .text {
    border: 0.5px solid #000;
}

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

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

.copyright_text h4, .modal-header h4 {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

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

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

.cta_area {
    padding: 100px 0px 100px 0px;
}

.cta_area, .cta_area .logo-area {
    text-align: center;
}

@media screen and (max-width: 991px) {
    .cta_area {
        padding: 60px 0px 60px 0px;
    }
}

.cta_area::before {
    content: "";
	background-image: var(--cover-img);
	opacity: 0.2;
	background-position: top 25% center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.cta_area .logo-area img {
    padding: 24px 0 16px;
    width: 100%;
    max-width: 320px;
}

.cta_area .logo-area p {
    max-width: 400px;
    margin: 0 auto 24px;
    line-height: 1.5rem;
    font-size: 24px;
    font-style: italic;
}

@media screen and (min-width: 1200px) {
    .cta_item_right {
        margin-top: 40px;
    }
}

@media screen and (min-width: 992px) {
    .cta_area .logo-area {
        text-align: left;
    }
    .cta_area .logo-area p {
        max-width: 400px;
        margin: 0 0 24px;
        line-height: 2rem;
        font-size: 28px;
        font-style: normal;
    }
}

.cta_item_right p {
    font-size: 20px;
}

.usp_item {
    font-weight: normal;
}

.betaalmethode-btn-group .save_btn:after {
    background-color: #ff7702;
}

.logo {
    height: 38px;
}

@media screen and (min-width: 992px) {
    .logo-logged-out {
        height: 34px;
        margin-top: 20px;
    }
}

@media screen and (min-width: 1200px) {
    .logo-logged-out {
        margin-top: 16px;
        height: 40px;
    }
}

.register_btn {
    width: 200px;
}

/*------ SLIDER JA/NEE ---------*/

.slider:after
{
 content:'No';
 color: white;
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 50%;
 left: 50%;
 font-size: 10px;
 font-family: Verdana, sans-serif;
}

input:checked + .slider:after
{  
  content:'Yes';
}