/*
 Theme Name:     Specular Child
 Theme URI:      http://codeless.co/specular
 Description:    Specular Child Theme
 Author:         Codeless
 Author URI:     http://www.codeless.co
 Template:       specular
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

.header_wrapper {
/*	position: absolute !important;*/
	background: #004AAD !important;
}

.top_nav  {
	position: absolute !important;
	background: transparent !important;
}

.top_nav .footer_social_icons a {
	color: #FFF;
/*	color: #004aad;*/
}

.top_nav .footer_social_icons a:hover {
	color: #81dce2;
}

.top_nav .footer_social_icons a i {
	font-size: 30px !important;
	line-height: normal !important;
}

.top_nav #social_widget-2 {
	position: fixed;
	right: 10px;
	top: 10px;
}

.custom_u_style u:after{
    background: #81dce2;
}

.copyright_text {
	text-align: center;
}

#footer a:hover {
    color: #FFF !important;
    text-decoration: underline;
}

#logo {
	width: 100%;
}

#logo a {
	width: 100%;
	display: flex;
	justify-content: center;
}

@media only screen and (min-width : 992px) {
	ul.footer_social_icons.simple::before {
	    color: #FFF;
	    position: absolute;
	    content: "Retrouvez-moi sur :";
	    left: -160px;
	    font-size: 16px;
	}
}

@media only screen and (max-width : 991px) {
	.elementor-element-8eb5b7e .elementor-container .elementor-column .elementor-widget-wrap > div {
	    left: inherit !important;
	}

	.elementor-element-74a066e .elementor-container .elementor-column .elementor-widget-wrap > div {
	    left: inherit !important;
	}

	.header_wrapper {
		display: flex;
		align-items: center;
	}

	header#header .row-fluid .span12 {
		width: 100% !important;
		display: flex;
		justify-content: center;
		height: inherit !important;
	}

	header #logo img {
		max-height: 120px !important;
		margin-top: inherit;
	}

	header .mobile_small_menu {
		display: none;
	}

	#custom_html-3 .textwidget {
	    text-align: center;
	}
}











.calculator {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    max-width: 700px;
}
.calculator .form-group {
    margin-bottom: 15px;
}
.calculator label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
.calculator input[type="number"], .calculator input[type="text"], .calculator select {
    width: 100%;
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}
.calculator button {
    background-color: var( --e-global-color-primary );
    color: white;
    border: none;
    padding: 14px 46px 14px 46px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px;
    font-family: "Poppins", sans-serif;
    transition: .3s;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 1px;
}
.calculator button:hover {
    background-color: #FFF;
    color: var( --e-global-color-primary );
}
.calculator .result {
    margin-top: 20px;
    padding: 15px;
    background-color: #004AAD30;
    border-radius: 4px;
    display: none;
}
.calculator .section {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.calculator .section-title {
    color: var( --e-global-color-primary );
    margin-bottom: 10px;
}
.calculator small {
    display: block;
    color: #666;
    font-size: 0.8em;
    margin-top: 3px;
}
.calculator .contact-link {
	color: var( --e-global-color-primary ) !important;
	font-weight: bold;
}
.calculator .contact-link:hover {
	text-decoration: underline;
}