/*
Theme Name: luminaire-led
Theme URI: https://www.luminaire-led.com
Author: Luminaire LED
Author URI: https://www.luminaire-led.com
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luminaire-led
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

@import url("https://fonts.googleapis.com/css2?family=Quicksand&family=Permanent+Marker&display=swap");

body {
	font-family: Quicksand, sans-serif;
}

/* Header */

header div#header1 {
	background-color: #343E3D;
	width: 100%;
	height: 120px;
}

header div#mega-menu-wrap-header {
	margin-top: 25px !important;
}

header img.logo {
	width: 100%;
	max-width: 280px;
	margin-top: 15px;
}

/* Section */

section div#section1 {
	background-color: #fff;
	width: 100%;
	height: auto;
}

section div#section-homepage {
	background-color: #607466;
	width: 100%;
	height: auto;
	min-height: 300px;
	padding-top: 100px;
	padding-bottom: 100px;
}

section div#section-homepage a.btnideas {
	display: inline-block;
	margin-top: 10px;
	background-color: #fff;
	padding: 10px;
	text-decoration: none;
	color: #607466;
	border-radius: 25px;
}

section div#section-homepage h1 {
	color: #fff;
	font-size: 45px;
	font-weight: bold;
}

section div#section-homepage p.text-muted {
	display: inline-block;
	width: 100% !important;
	margin-top: 10px !important;
	color: #fff !important;
	font-size: 17px !important;
	font-weight: normal !important;
}

section div#section-homepage img.homepage {
	width: 100%;
}

section div.isverticallyaligned {
    align-self: center;
}

section div#section-page {
	margin-top: 50px;
	margin-bottom: 50px;
}

section div#section-blog {
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: #fff;
}

section div#section-blog h2 {
	display: block;
	margin-bottom: 25px;
	color: #000;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

section div#section-blog hr {
	display: inline-block;
	width: 100px;
	height: 1px;
	background-color: #343E3D;
	text-align: center;
}

section span.articles-title {
	display: inline-block;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

section div#section-subtitle {
	background-color: #607466;
	background: url('images/bg-luminaires-led.jpg') no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	min-height: 150px;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

section div#section-subtitle h1 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}

section div#section-subtitle hr {
	display: inline-block;
	width: 100px;
	height: 1px;
	border-top: 1px #fff solid;
	text-align: center;
}

section div#section-title {
	background-color: #343E3D;
	width: 100%;
	height: auto;
	min-height: 50px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
}

section div#section-title h2 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}

section div.block-content {
	padding: 25px;
}

section img.img-responsive {
	width: 100%;
}

section img.img-single {
	width: 100%;
	height: auto;
	max-height: 350px;
	object-fit: cover;
}

section div.author {
	background-color: #f8f8f8;
	width: 100%;
	height: auto;
	min-height: 200px;
	border-radius: 25px;
	margin-top: 25px;
	padding: 25px;
}

section div.author img.avatar {
	border-radius: 50%;
}

section div.author b {
	font-family: Quicksand, sans-serif;
    font-weight: 700;
    text-transform: none;
    font-style: normal;
    color: #000;
    font-size: 20px;
}

section div.author div.presentation {
	align-self: center;
}

section div.categories {
    background-color: #f8f8f8;
    display: block;
    width: 100%;
    height: auto;
    min-height: 200px;
    border-radius: 40px;
    padding: 40px;
}

section div.categories span.title {
    display: inline;
    background-color: #343E3D;
    border-radius: 25px;
    padding: 10px;
    width: auto;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

section div.categories ul {
    display: block;
    padding-left: 0px;
}

section div.categories ul li {
    display: block;
    padding-top: 25px;
}

section div.categories ul li a {
    color: #000;
    font-size: 14pt;
    font-weight: normal;
    text-decoration: none;
}

section div.categories ul li a:hover {
    text-decoration: underline;
}

section .card-body {
	padding: 0px !important;
}

/* Footer */

footer div#footer1 {
	background-color: #343E3D;
	width: 100%;
	height: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
	font-family: Quicksand, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
}

footer div#footer1 p {
	color: #fff;
	font-family: Quicksand, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
}

footer span.title {
    font-family: Quicksand, sans-serif;
    font-weight: 700;
    text-transform: none;
    font-style: normal;
    color: #fff;
    font-size: 20px;
}

footer a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	line-height: 22px;
	font-weight: 500;
}
footer a:hover {
	text-decoration: underline;
}
footer ul.menu {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
footer ul.menu li {
	list-style: none;
}
footer ul.menu li a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	line-height: 22px;
	font-weight: 500;
}

footer img.logo {
	width: 280px;
	padding-bottom: 15px;
}

/* Card */

div.card {
	border-radius: 0px;
	min-height: 420px;
}

div.card img {
	width: 100% !important;
    height: 200px !important;
    object-fit: cover;
}

div.card span.articles-category, div.card span.articles-category a {
    padding-bottom: 5px;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #343E3D;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
}

div.card span.articles-date {
    font-size: 15px;
    font-weight: 600;
    color: #aaa;
    line-height: 20px;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
}

/* Formulaire de contact */
form.wpcf7-form input[type=text], form.wpcf7-form input[type=email], form.wpcf7-form textarea {
	border-radius: 0 !important;
	height: 50px !important;
	display: block;
	width: 100%;
	max-width: 350px;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
form#login input[type=text], form#login input[type=password], form#login input[type=email] {
	border-radius: 0 !important;
	height: 50px !important;
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
form.wpcf7-form textarea {
	max-width: 100% !important;
	height: 160px !important;
}
form.wpcf7-form p {
	margin-bottom: 15px !important;
}
form.wpcf7-form label span.wpcf7-form-control-wrap {
	padding-top: 10px !important;
	display: block !important;
}
form.wpcf7-form input[type=submit], form#login input[type=submit] {
	background-color: #343E3D;
	color: #fff;
	text-align: center;
	border: 0;
	display: block;
	padding: 10px;
}

/* Responsive */

@media (max-width: 1400px) {
    header div#header1 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100% !important;
    }
	header img.logo {
		margin-top: 25px !important;
	}
}

@media (max-width: 1200px) {
    
}

@media (max-width: 992px) {
    
}

@media (max-width: 768px) {
    
}

@media (max-width: 576px) {

}