/*----------------------------------------------------

	v1

	Colors

	#484c93: #008cc9 #A72385

	$color-dark: #323a45 - Grey dark - must dark because light text on the top

	$background-contrast: #f5f7f9 - Grey light

----------------------------------------------------*/



/*----------------------------------------------------

	Type

	light 300
	regular 400
	medium 500
	bold 700

----------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Rubik:400,500');
body { font-family: 'Rubik', sans-serif; }


/*----------------------------------------------------

	Button

----------------------------------------------------*/

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #fff !important;
	background-color: #484c93;
	border-color: #484c93;
}
.btn-primary:focus, .btn-primary.focus {
	color: #fff !important;
	background-color: #484c93;
	border-color: #484c93;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
	background-color: #484c93;
	border-color: #484c93;
}

/*----------------------------------------------------

	Color

----------------------------------------------------*/

a:hover,
a:focus,
.nav__item a[data-toggle="dropdown"]:after,
.nav-mobile__item.active > a ,
.nav-mobile__item li a:before,
.nav-mobile__item li li a:before ,
.nav-mobile__item a[data-toggle="collapse"]:after,
.dropdown-menu--webulousimmo > li > a:hover,
.dropdown-menu--webulousimmo > li.active > a:before,
.dropdown-menu--webulousimmo > li li.active > a:before,
.top-bar a:hover, .top-bar a:focus ,
.top-bar strong ,
.social-bar a:hover, .social-bar a:focus ,
.social-bar strong ,
.top-bar-lng__item.active > a,
.estate-facts--estate-detail .estate-facts__item i,
.estate-facts--estate-detail .estate-facts__item,
.section-intro-line,
.owl-theme-default .owl-nav [class*='owl-']:hover,
.fancybox-button:hover,
.estate-card__text,
.color-01 { color: #484c93; }

.color-primary { color: #484c93 !important; }

@media (max-width: 767px) {
	.nav__item a[data-toggle="dropdown"]:after { color: #484c93; }
}

/*----------------------------------------------------

	Link

----------------------------------------------------*/

a { color: #484c93;   }

a:hover,
a:focus {
	color: #484c93;
}


/*----------------------------------------------------

	Logo

----------------------------------------------------*/

.main-header__brand-pict .st0 { fill: #484c93; }
/*.main-header__brand-pict .st1 { fill: $color-menu-type-default; }*/

/*----------------------------------------------------

	Background

----------------------------------------------------*/

.bg-color-01,
.project-adresse,
.btn-primary,
.bg-primary,
.box-appointment,
.message-box---primary,
.footer__signature,
.owl-theme-default .owl-nav [class*='owl-'],
.owl-theme-default .owl-nav .owl-prev.disabled:hover,
.owl-theme-default .owl-nav .owl-next.disabled:hover { background-color: #484c93; }
.owl-theme-default .owl-dots .owl-dot.active span,
.owl-theme-default .owl-dots .owl-dot:hover span { background-color: #484c93; }
.owl-theme-testimonial .owl-dots .owl-dot.active span,
.owl-theme-testimonial .owl-dots .owl-dot:hover span {
  background-color: #484c93; }

.btn-primary[disabled] {
  background-color: #484c93;
  border-color: #484c93; }

.estatesList-table th.separator { background-color: #484c93;
}

.estate-facts { background-color: #484c93 !important; }

.estate-facts--estate-detail .estate-facts__item svg { fill: #484c93; }

.estate-flag__text--exclusivity { background-color: #484c93; }

.fancybox-button, .fancybox-infobar__body,
.fancybox-close-small:after,
.fancybox-close-small:hover:after { background: #484c93; }

.main-header { border-bottom-color: #484c93; }
/*.top-bar__item { border-right: solid 1px #484c93; }*/
/*.top-bar__item:first-child { border-left: solid 1px #484c93; }*/
.social-bar__item { border-right: solid 1px #484c93; }
.social-bar__item:last-child { border-right: none 0px #484c93 !important; }
//.nav__item.active { border-bottom: 2px solid #484c93; }
.nav__item.active { background-color: #484c93; }
.line-separator-after:after { border-bottom-color: #484c93; }
.owl-theme-default .owl-nav [class*='owl-'] { border: solid 1px #484c93 !important; }	
.fancybox-button:hover { border: #484c93 1px solid; }
/*.estate-card { border: solid 1px #484c93; }*/
.fancybox-thumbs>ul>li:before { border: 4px solid #484c93; }

.btn-primary:hover { color: #484c93; border-color: #484c93; }

/*.webulous-main-header { border-bottom-color: #484c93; }*/
header { border-bottom-color: #484c93; }

body.skin-custom__header-inverse header { background-color: #484c93; }

h1, .h1, h2, h3, .h2, .h3, h4, .h4, h5, .h5 { font-weight: 400; color: #484c93; }

.alert-cookie { border-color: #484c93;  }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color: #484c93; }

.irs-bar {
	border-top: 1px solid #484c93;
	border-bottom: 1px solid #484c93;
	background: #484c93;
}

.irs-from, .irs-to, .irs-single {
	background: #484c93;
}

::selection {
	background: #484c93; /* WebKit/Blink Browsers */
	color: #FFFFFF;
}
::-moz-selection {
	background: #484c93; /* Gecko Browsers */
	color: #FFFFFF;
}

.testimonial__author,
.testimonial__quote,
.testimonial__text::before,
.testimonial__text::after {
  color: #484c93; }

.panel-heading__team-container {
	border-color: #484c93;
}

/*----------------------------------------------------

	SumoSelect

----------------------------------------------------*/

.SumoSelect .opt.selected span i { background-color: #484c93 !important; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #484c93; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { background-color: #484c93; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk:hover { color: #484c93; }

@media print {
	.footer__agency { border-top-color: #484c93; }
	/*hide real advice widget*/
	iframe.widget-nps-iframe {display: none !important;}
}

@media print {
  .alert-cookie {
    display: none;
  }
}

.alert-cookie__title {
    color: #484c93;
}
.cookies-config__title {
    color: #484c93;
}
.alert-cookie__text a {
    cursor: pointer;
}
.list-cookie-type__text a {
    cursor: pointer;
}
.alert-cookie__text a {
    cursor: pointer;
}
.list-cookie-type__text a {
    cursor: pointer;
}
.btn-help {
    color: #484c93;
}
input:checked + .slider {
    background-color: #484c93;
}

/* ==========================================================================

Pour compatibilité avec template 5 & 6

========================================================================== */
.section-multi-agency__item:not(:last-child) {
    border-bottom-color: #484c93;
}

.agency-item__header::after, .agency-item__col-pict::before {
    background-color: #484c93;
}

/*----------------------------------------------------

	tooltip

----------------------------------------------------*/
.tooltip-control {
  color: #484c93 !important;
}

/*----------------------------------------------------

	custom tables

----------------------------------------------------*/
table.customTable {
    margin: 25px auto;
    border-collapse: collapse;
    border-style: hidden;
    width: 100% !important;
}

table.customTable td {
    padding: 1rem;
	border: 1px solid #484c93;
}


/* ==========================================================================

.elem-accordion


========================================================================== */
.elem-accordion__item {
    border-bottom: solid 1px #484c93;
    padding-bottom: 20px;
}

.elem-accordion__head a::before {
    transition: all 0.2s ease-in-out;
    font-family: "Font Awesome 5 Pro",FontAwesome;
    color: #484c93;
    content: "\f04b";
    position: absolute;
    width: 16px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    right: 0;
    color: #484c93;
    transform: rotate(0);
}


/* ==========================================================================

blog


========================================================================== */
.list-blog-article-label {
    border-bottom: #484c93 1px solid;
}

.section-blog-article__foot {
    border-top: #484c93 1px solid;
}

.icon-color {
    color: #484c93;
}