/*
Theme Name: SD Comparateur
Theme URI: https://www.soleil-digital.ch/
Author: FLPZ
Author URI: http://lopezflorian.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {font-family: 'hk_groteskregular';src: url('webfonts/hkgrotesk-regular-webfont.woff2') format('woff2'),url('webfonts/hkgrotesk-regular-webfont.woff') format('woff');}
@font-face {font-family: 'hk_groteskextrabold';src: url('webfonts/hkgrotesk-extrabold-webfont.woff2') format('woff2'),url('webfonts/hkgrotesk-extrabold-webfont.woff') format('woff');}
@font-face {font-family: '2-Questa_Sans_Regular';src: url('webfonts/2-Questa_Sans_Regular-webfont.woff2') format('woff2'),url('webfonts/2-Questa_Sans_Regular-webfont.woff') format('woff');}

html{font-size:16px;}
body{font-family:'hk_groteskregular',Arial,sans-serif;font-size:inherit;color:#403e3d;}
body.preloader-site{overflow:hidden;}
.wrapper{overflow-x:hidden;}
.container{max-width:1160px;}
.mobile-only{display:none !important;}
a{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
a:hover{text-decoration:none;}
img{max-width:100%;height:auto;}
video{max-width:100%;height:auto;}
figure{margin:0;}

.preloader-wrapper {height: 100%;width: 100%;background: #FFF;position: fixed;top: 0;left: 0;z-index: 9999999;}
.preloader-wrapper .preloader{position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 120px;}

ul{padding:0;}
.fa-ul{margin-left:0 !important;}
.fa-ul li{padding-left:40px;margin:0 0 5px;list-style:none;}
.fa-ul li .fa,.fa-ul li .fas,.fa-ul li .far,.fa-ul li .fal{font-size:20px;position:absolute;left:0;top:4px;color:#2142a6;}
a:not([href]):not([tabindex]){cursor:pointer;}

.btn{line-height:20px;padding:20px 40px;border-radius:0;text-transform:uppercase;white-space:normal;font-style:normal !important;letter-spacing:3px;font-size:14px;}
.btn-full{width:100%;text-align:center;padding:20px 0;}
.btn-blue{border:1px solid #2142a6;color:#fff !important;background:#2142a6;}
.btn-blue:hover{border:1px solid #3fc9c9;color:#fff !important;background:#3fc9c9;}

input,textarea,select{font-family:'hk_groteskregular',Arial,sans-serif;font-size:inherit;width:100%;color:#444;padding:15px 25px;line-height:20px;background:#fff;border:1px solid #ddd;border-radius:8px;}
textarea{height:120px;}
input[type="submit"]{cursor:pointer;white-space:normal;font-style:normal !important;color:#fff !important;background:#2142a6;font-family: 'hk_groteskextrabold' !important;}
input[type="submit"]:hover{color:#fff !important;background:#3f66d9;}
input[type=checkbox],input[type=radio]{width:auto;}
input[type="file"]{padding: 0;border: none;background: none;margin: 10px 0 0;}
.wpcf7 .ajax-loader{position:absolute;top:0;right:-15px;margin:0;}
.wpcf7 form .wpcf7-response-output{display:none !important;}

h1{margin:0 0 40px;line-height:1.1;color:#2142a6;font-weight:800;font-size:42px;font-family: '2-Questa_Sans_Regular' !important;}
h2,h3{margin:0 0 40px;line-height:1.1;color:#2142a6;font-weight:800;font-size:24px;font-family: '2-Questa_Sans_Regular' !important;}
h4,h5,h6{font-size:20px;margin:0 0 30px;font-weight:700;line-height:1.1;font-family: '2-Questa_Sans_Regular' !important;}

#header{padding:10px 0;background:#fff;box-shadow: 0 0 1px 0 rgb(0 0 0 / 8%), 0 0 4px 0 rgb(0 0 0 / 16%);position:relative;z-index:9;}

.top-menu .menu{text-align:right;position:relative;z-index:99;margin:0;}
.top-menu .menu li{display:inline-block;margin:0 15px;position:relative;}
.top-menu .menu>li.menu-item-has-children{padding-right:20px;}
.top-menu .menu>li.menu-item-has-children>.fal{position:absolute;right:0;top:25px;}
.top-menu .menu li a{font-weight:700;line-height:60px;display:block;position:relative;color:#403e3d;}
.top-menu .menu li a:hover{color:#2142a6;position:relative;}
.top-menu .menu li ul{text-align:left;visibility:hidden;opacity:0;display:none;position:absolute;background:#fff;padding:10px 0;top:100%;left:0;box-shadow: 0 0 1px 0 rgb(0 0 0 / 8%), 0 0 4px 0 rgb(0 0 0 / 16%);}
.top-menu .menu li:hover>ul{visibility:visible;opacity:1;display:block;}
.top-menu .menu li ul li{line-height:35px;margin:0;padding:0;white-space: nowrap;display:block;}
.top-menu .menu li ul li a{line-height:35px;text-transform:none;font-weight:400;padding: 0 20px;}
.top-menu .menu li ul li a:hover{background:#eaeefb;}
.top-menu .menu li ul li ul{left:100%;top:-10px;}

.top-menu .menu>li>ul:before,.top-menu .menu>li>ul:after{position: absolute;bottom: 100%;left: 3rem;width: 0;height: 0;pointer-events: none;content: " ";border: solid transparent;}
.top-menu .menu>li>ul:before{margin-left: -13px;border-color: transparent;border-width: 13px;border-bottom-color: #e6e4e3;}
.top-menu .menu>li>ul:after{margin-left: -12px;border-color: transparent; border-width: 12px;border-bottom-color: #fff;}

.top-menu .menu li ul li.all{border-top:1px solid #ddd;line-height: 1;padding-top:10px;margin-top:10px;}
.top-menu .menu li ul li.all a{padding:10px 20px;}
.top-menu .menu li ul li.all a:before{display:block;content:"Voir tous les articles";font-size: 13px;color: #999;line-height: 1;}

/*
#header.f-nav{padding-top:15px;padding-bottom:15px;position:fixed;top: 0;left: 0;width: 100%;z-index:999;}
*/

.modal-content{padding:30px;border-radius:0;}
.modal-close{color:#2142a6 !important;position:absolute;right:10px;top:5px;font-size:20px;cursor:pointer;}
.modal-content em{color:#888;}
.modal-content a{color:#2142a6;}
.modal-content p{margin:0 0 20px;}

#totop{position:fixed;display:none;right:30px;bottom:100px;width:40px;height:40px;text-align:center;color:#fff;background:#2142a6;border-radius:20px;border:1px solid #fff;font-size:24px;z-index:4;}
#totop .fa{line-height:36px;vertical-align:top;}
#totop:hover{opacity:1;background:#fff;color:#2142a6;border:1px solid #2142a6;}

#footer{background:#2142a6;padding:60px 0 30px;color:#fff;}
footer a{color:#fff;}
footer a:hover,footer a:not([href]):not([tabindex]):hover{color:#eaeefb;}
footer p,footer ul{padding:0;margin:0 0 30px;}
footer li{list-style:none;margin:10px 0;}
footer .widget{margin:0 0 30px;}

.colophon{padding:30px 0;font-size:14px;color:#fff;background:#3f66d9;}
.colophon a{color:#eaeefb;}

.grecaptcha-badge{display:none;}

.cta{display:none;background:#eaeefb;position:fixed;bottom:0;left:0;padding:20px 30px;width:100%;}
.cta.f-nav{display:block;}
.cta h4{margin:0;}

.banner{padding:120px 80px 90px;background: #2142a6;}
.banner p{font-size: 20px;margin: 0 0 30px;}
.banner h1{color:#fff;}
.banner h2{margin:0 0 30px;line-height:1.1;color:#2142a6;font-weight:800;font-size:42px;}
.banner form{padding: 30px;background: #fff;margin:0 0 10px;}
.home .banner form{background: #eaeefb;}
.home .banner input[type="text"],.home-cta input[type="text"]{background:#fff;}

#breadcrumbs{margin-top:20px;}
#breadcrumbs a{color: #2142a6;}
#breadcrumbs a:hover{color:#000;}

section{padding:60px 0 30px;}
.home section{padding:0;}
section p,section ul,section ol{margin-bottom:30px;line-height:1.5;padding:0;}
section ul li,section ol li{list-style:none;padding-left:20px;position:relative;margin:0 0 10px;}
section ul li:before,section ol li:before{content:"\f105";font-family:"Font Awesome 5 Pro";position:absolute;top:0;left:0;color:#2142a6;font-weight:700;}
section .fa-ul li:before{display:none;}
section li ul,section li ol{margin:10px 0 10px 0;}
section .unstyled ul li{padding-left:0;}
section .unstyled ul li:before{display:none;}
section .unstyled li ul{margin:10px 0 0;}

section a{color:#444;}section a:hover,section a:not([href]):not([tabindex]):hover{color:#2142a6;}
section .dark{color:#fff;}
section .dark a{color:#fff;}section .dark a:hover{color:#2142a6;}
section .alignleft{float:left;margin:0 40px 30px 0;}
section .alignright{float:right;margin:0 0 30px 40px;}
section .aligncenter{display:block;margin:0 auto 30px;}
.video-wrapper{position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden;margin-bottom:20px;}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
section .wp-caption{max-width:100%;}
section .wp-caption-text{padding:10px 0 0;font-size:14px;color:#888;text-align:center;font-style:italic;margin:0;}
section h1:not(:first-child),section h2:not(:first-child),section h3:not(:first-child){margin-top:40px;}
section table{width:100%;margin:0 0 40px;}
section table th,section table td{padding:10px 20px;border:none;vertical-align:top;}
section table th{background:#2142a6;color:#fff;text-transform:uppercase;}
section table td{font-size:14px;background:#f5f5f5;}
section table tr:nth-of-type(even) td{background:#e5e5e5;}
section .wp-video{margin:0 0 20px;}
span.wpcf7-list-item{margin:0 15px 0 0;}
section .anchor{scroll-margin-top: 80px;}

.elementor *{font-family:'hk_groteskregular',Arial,sans-serif !important;}
.elementor h1,.elementor h2,.elementor h3{font-family: '2-Questa_Sans_Regular' !important;}
.elementor h4,.elementor h5,.elementor h6{font-family: '2-Questa_Sans_Regular' !important;}
.elementor .fal,.elementor .far {font-family: "Font Awesome 5 Pro" !important;}

.steps h4{margin: 0 0 10px;}
.steps p{margin: 0;}
.circle.circle-bg-secondary {background-color: #2142a6; border: solid 2px #2142a6;}
@media (min-width: 992px){
.circle.circle-xs {width: 28px;height: 28px;}
}
.circle.circle-xs {width: 24px;height: 24px;}
@media (min-width: 992px){
.circle {width: 48px;height: 48px;}
}
.circle { position: relative;z-index: 15;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center; -ms-flex-pack: center;justify-content: center;width: 40px;height: 40px;font-weight: 700;color: #1493c8;border: solid 2px #1493c8;border-radius: 50%;}
.color-white {color: #fff!important;}
.font-weight-bold {font-weight: 700!important;}
.circle-xs.circle-bg-secondary+.vertical-line {border-color: #2142a6;}
@media (min-width: 992px){
.circle-xs+.vertical-line {margin-left: 13px;}
}
.circle-xs+.vertical-line { margin-left: 11px;border-left: 2px solid #1493c8;}

.blog-item{margin:60px 0 0;}
.blog-item h5{margin:0 0 20px;}
.blog-item-date{color:#999;font-size:14px;}
.blog-read-more a{color:#2142a6;font-weight:700;}
.blog-read-more .fal{margin-right:10px;}

aside.sidebar{padding: 40px 40px 10px;background: #eaeefb;}
aside.sidebar.s-nav{position:fixed;top: 0;min-width:356px;}
section aside.sidebar li{padding-left:0;}
section aside.sidebar li:before{display:none;}
aside.sidebar li a:hover{color:#000;}
.sidebar>div{margin:0 0 30px;}
.widget_recent_entries span{display: block;font-style: italic;color: #999;font-size: 13px;}
.widget_recent_entries a{font-weight:bold;color:#2142a6;}
aside.sidebar select{background:#fff;}

.pagination{display:block;text-align:center;}
.pagination .nav-links{display: inline-block;}
.pagination .nav-links .page-numbers{padding:5px 10px;display: inline-block;color:#333;background: #e5e5e5;}
.pagination .nav-links a.page-numbers{color:#333;background: #f5f5f5;}

.rating{margin: 0 0 40px;text-align: center;font-size:.9em;}
.rating span{line-height:30px;height:30px;display:inline-block;}
.rating-value{color:#888;}
.rating-count{margin: 0 15px;background:#F5F9FF;width:30px;border-radius:15px;}
.rating .fas,.rating .far{color:#ffd11a;}

@media screen and (max-width:1199px){
}

@media screen and (max-width:991px){
	.mobile-only{display:block !important;}
	.desktop-only{display:none !important;}
	section .alignleft,section .alignright{display:block;margin:0 auto 30px;float:none;}
	.panel-grid-cell{margin:0 !important;}
	br{display:none;}
	
	.btn{margin-bottom:5px;padding:20px 30px;}
	
	.header-left img{max-width:80% !important;}

	.mobile-menu-toggle{position:absolute;right:15px;top:0;font-size: 18px;font-weight: 700;}
	.mobile-menu-toggle .fal{margin-left:5px;font-size:20px;}
	
	.top-menu .menu{margin:20px 0 0;display:none;text-align:center;}
	.top-menu .menu>li{display: block;border-bottom: 1px solid #ddd;list-style: none;position: relative;margin:0;}
	.top-menu .menu>li:last-of-type{border:none;}
	.top-menu .menu li a{color:#403e3d !important;text-align:left;text-transform: none;display:block;line-height:40px;}
	.top-menu .menu li .sub-menu{padding:10px;position:static;visibility:visible;opacity:1;}
	.top-menu .menu li .sub-menu ul{display:block;box-shadow: none;}
	.top-menu .menu li .sub-menu li:last-of-type{border-bottom:none;}
	.top-menu .menu>li.menu-item-has-children>.fal {top: 0;width: 100%;text-align: right;line-height: 40px;}
	
	.top-menu .menu>li>ul:before,.top-menu .menu>li>ul:after{display:none;}
	
	h1,h2,h3{font-size:28px !important;margin:0 0 30px;}
	h4,h5,h6{font-size:18px !important;margin:0 0 20px;}
	
	section{padding:60px 0 30px;}
	.home section{padding:0;}
	
	.banner{padding: 30px 30px 1px;background-image:none !important;}
	input[type="submit"]{margin-top:5px;}
	
	aside.sidebar.s-nav{position:static;}
}

@media screen and (max-width:767px){
}

@media screen and (max-width:576px){
}