/* Root variables used in offer flow */

:root {
    --main-bg-color: #000;
    --light-bg-color: #fff6dd;
    --main-text-color: #FFF;

    --btn-primary-bg-color: #bf8f01;
    --btn-primary-text-color: #000;
    --btn-primary-hover-bg-color: #dca500;
    --btn-primary-hover-text-color: #000;

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

#Page1 .logo-area img {
    max-width: 360px !important;
}

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

/* Custom template CSS */

body {
    background-color: #fff6dd;
}

li.dropdown.active ul.dropdown-menu.dropdown-menu-right li.sub-item a{
	color: #FFF;
}

.logo {
    height: 40px;
}

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

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

.cta_item img {
    max-width: 100%;
    width: 316px;
    margin-top: 16px;
}

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

.register_btn {
    width: 200px;
}

.login_btn, .save_btn {
    color: #000;
}

.save_btn:before, .login_btn:before {
    background-color: #bf8f01 !important;
    color: #000;
}

.save_btn:hover, .login_btn:hover, .save_btn:after, .login_btn:after {
    background-color: #dca500;
    color: #000;
}

a, .information_widget ul li:hover a, .copyright .copyright_left .copyright_text h4 a:hover {
    color: #bf8f01; 
}

.progress-bar, .search-toggle, .advanced_search .search_inner {
    background-color: #bf8f01;
}

.standout, .welcome_title h3 span {
    color: #bf8f01;
}

.paginationhome a.active {
    background-color: #bf8f01;
    color: #000;
}

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

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

.btn:focus {
    color: #000;
}

.app-one, .blog_grid_area {
    background-color: #fff6dd;
}

.speech-bubble {
    background: #bf8f011f;
}

.navbar-nav .active {
    background-color: #fff6dd;
}

@media screen and (min-width: 992px) {
    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li a:hover {
        background-color: #fff6dd;
    }
}

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

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

.sender {
    background: #bf8f01;
}

.header_menu_area .navbar-default {
    border-bottom: 1px solid #bf8f01;
}

.carousel_area {
    background-color: #fff6dd;
}