/* 
Color scheme BUURT/MYMIL
Primary (buttons, links, searchbar)
#cc3333

Secundary (modal header, searchbar, progressbar)
#e64c3c14

Buttons selected state (payment methods), background
#171717
*/

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

:root {
    --main-bg-color: #f1f1f1;
    --light-bg-color: #fdf1f0;
    --main-text-color: #171717;

    --btn-primary-bg-color: #cc3333;
    --btn-primary-text-color: #FFF;
    --btn-primary-hover-bg-color: #cc3333;
    --btn-primary-hover-text-color: #FFF;

    --link-color: #cc3333;
    --link-hover-color: #cc3333;
    --cover-img: url("../../Offers_2022/img/register/NLC01/2.jpg");
}

#Page1 .card {
    background-color: #171717;
    color: #f1f1f1 !important;
}

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

/* Custom template CSS */

body {
    background-color: #171717;
    color: #f1f1f1;
}

a {
	color: #cc3333;
}

h1, h2, h3, h4 {
    font-family: 'Farsan', 'Farsan-fallback', cursive !important;
    font-weight: 400 !important;
    font-size: 32px !important;
}

/* Homepage uitgelogd */

.carousel_area {
    background-color: #171717;
}

.standout {
	color: #cc3333;
}

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

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

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

/* Homepage ingelogd */

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

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

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

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

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

.welcome_title h3 span {
    color: #cc3333;
}

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

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

/* Header */

.header_menu_area .navbar-default {
    background-color: #f1f1f1;
    color: #171717;
}

.header_menu_area .navbar-default input {
    background-color: #171717;
    color: #f1f1f1;
    border-radius: 20px;
    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: #f1f1f1 !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: #f1f1f1;
	-webkit-box-shadow: 0 0 0px 1000px #171717 inset;
	transition: none;
}

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

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

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

@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: #f1f1f1;
	}

    /*
	.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";
}

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

.search-toggle {
    background-color: #bb3031;
    color: #FFF !important;
}

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

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


/* Buttons */

.save_btn, .login_btn {
	font-weight: 400;
	font-family: "Roboto", sans-serif;
}

.save_btn:before, .save_btn:after, .save_btn:hover, .login_btn:before, .login_btn:after, .login_btn:hover {
    background-color: #cc3333;
	color: #FFF;
	border: none;
	border-radius: 20px !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.save_btn:hover, .login_btn:hover, .save_btn:focus, .login_btn:focus {
	position: relative;
	bottom: 2px;
}

/* Profiel */

.blog_grid_area {
    background-color: #171717;
}

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

/* Profiles page */

.advanced_search .search_inner {
    background: #bb3031;
}

.welcome_title h3 {
    color: #f1f1f1;
}

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

.paginationhome a {
    color: #FFF;
}

.paginationhome a:hover, .paginationhome a:focus, .paginationhome a.active {
    text-decoration: none;
    color: #FFF !important;
    background-color: #cc3333 !important;
}

/* Credits */ 

.credits-kopen .save_btn:before {
    background-color: #cc3333 !important;
}

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

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

#payment {
color: #171717;
}

/* Sidebar */

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

/* Modals */

.modal-content {
	color: #171717;
}

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

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

/* Toast */

.notificatie{
    color: #171717;
}

/* Mailbox */

.app-one {
    background-color: #171717;
}

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

.message-text {
	color: #171717;
}

.app .message {
	border: none;
}

.sender {
    background: #056163;
}

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

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

/* Informatiepagina's (vanuit de footer) */
legend {
    color: #f1f1f1;
}

.contact_form_area_2 legend, .contact_form_area_2 p {
    color: #f1f1f1;
}

/* Footer */

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

.footer_widgets_area {
    background: #171717;
}

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

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

.active{
    background-color: none !important;
}

.premium_btn:before, .premium_btn {
    background-color: #c33;
    border-radius: 20px !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

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

.no-results .speech-bubble {
    color: #f1f1f1;
}

.cta_item .login_btn {
    width: auto;
}

.cta_item img {
    border-radius: 64px !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.cta_item_right {
    margin-top: 40px
}

@media (min-width: 992px) {
    .cta_item_right {
        margin-top: 70px
    }
}

.logo {
    height: 40px;
}

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

/*------ 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';
}