/* 
Color scheme LOCAL/MYLOC
Primary (buttons, links, menu icons, progressbar)
#66ccff

Secundary (modal header, searchbar, dropdown list hover)
#66ccff21

Buttons hoverstate
#52a7d2

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

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

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

    --btn-primary-bg-color: #66ccff;
    --btn-primary-text-color: #000;
    --btn-primary-hover-bg-color: #52a7d2;
    --btn-primary-hover-text-color: #000;

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

#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: #66ccff;
}

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: uppercase;
    font-size: 24px !important;
    line-height: 1.3;
}

/* Homepage uitgelogd */

.carousel_area {
    background-color: #FFF;
}

.standout {
	color: #66ccff;
}

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

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

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

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

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

.logo{
        height: 36px;
        margin-top: 0px;
    }

.logo-logged-out {
        height: 40px;
        margin-top: 16px;
    }

@media (max-width: 991px) {
    .logo-logged-out {
        height: 36px;
        margin-top: 0px;
    }
}

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

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

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

/* Buttons */

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

.save_btn:before, .login_btn:before{
    background-color: #66ccff;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.btn:focus {
    color: #000;
}

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

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

/* Profiel */

.blog_grid_area {
    background-color: #FFF;
}

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

/* Profiles page */

.advanced_search .search_inner {
    background: #66ccff21;
}

.welcome_title h3 {
    color: #000;
}

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

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

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

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

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

.right_side_content img {
    display:none;
}

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

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


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

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

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

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

.payment-inactive .credit-body {
    background: repeating-linear-gradient( 45deg, #244a5d, #244a5d 10px, #66ccff 10px, #66ccff 20px );
}

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

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

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

/* Sidebar */

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

.progress-bar {
    background-color: #66ccff;
}

.speech-bubble {
    background: #66ccff21;
}

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

/* 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%, rgba(102,204,255,1) 100%);
}

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

.message-text {
	color: #000;
}

.app .message {
	border: none;
}

.btn-circle {
    background-color: #66ccff21;
}

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

.sender {
    background: #056163;
}

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

/* Footer */

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

.footer_widgets_area {
    background: #FFF;
}

.copyright .copyright_left {
    background: #000;
}

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

.visual_area img {
    object-fit: cover;
    height: 400px;
    width: 100%;
}

.cta_area {
    padding: 80px 0px 40px 0px;
}

.map-profile img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #FFF;
}

.map-profile {
    position: absolute;
}

.map-profiles div.map-profile:first-child {
    top: 320px;
    left: 40%;
    animation-delay: 1s;
}

.map-profiles div.map-profile:nth-child(2) {
    top: 180px;
    left: 50%;
    animation-delay: 2s;
}

.map-profiles div.map-profile:nth-child(3) {
    top: 400px;
    left: 65%;
    animation-delay: 1.5s;
}

.visual_area div.map-profile:nth-child(4) {
    top: 120px;
    left: 70%;
    animation-delay: 0.5s;
}

.map-profiles div.map-profile:last-child {
    top: 80px;
    left: 80%;
    animation-delay: 2.5s;
}

@media screen and (max-width: 991px) {
    
    .visual_area img {
        object-fit: inherit;
        height: auto;
    }
    
    .cta_area {
        padding: 40px 0px 40px 0px;
    }
    
    .cta_area .col-md-6:first-child {
        display: none;
    }
    
    .map-profiles div.map-profile:first-child {
        top: 200px;
        left: 40%;
        animation-delay: 1s;
    }

    .map-profiles div.map-profile:nth-child(2) {
        top: 180px;
        left: 50%;
        animation-delay: 2s;
    }

    .map-profiles div.map-profile:nth-child(3) {
        top: 230px;
        left: 65%;
        animation-delay: 1.5s;
    }

    .visual_area div.map-profile:nth-child(4) {
        top: 120px;
        left: 70%;
        animation-delay: 0.5s;
    }

    .map-profiles div.map-profile:last-child {
        top: 80px;
        left: 80%;
        animation-delay: 2.5s;
    }
}

@media screen and (max-width: 420px) {
    .map-profiles div.map-profile:first-child {
        top: 120px;
        left: 40%;
    }

    .map-profiles div.map-profile:nth-child(2) {
        top: 170px;
        left: 50%;
    }

    .map-profiles div.map-profile:nth-child(3) {
        top: 86px;
        left: 57%;
    }

    .visual_area div.map-profile:nth-child(4) {
        top: 120px;
        left: 70%;
    }

    .map-profiles div.map-profile:last-child {
        top: 60px;
        left: 85%;
    }
    
    .map-profile img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #FFF;
    }
}

.usp_area ul {
    font-size: 16px;
    text-align: left;
    max-width: 340px;
    margin: auto;
    margin-bottom: 16px;
}

.usp_area li {
    margin-bottom: 6px; 
}

.usp_area li .fa {
    color: #66ccff;
    margin-right: 5px;
}


/*

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

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

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

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