/*
Theme Name: Lise Branche
Theme URI: 
Author: Agence Web Keopz
Author URI: https://www.keopz.fr
Description: Based on Twenty Twenty-Five 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: lise
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=Questrial&display=swap');
body {
	font-family:"Questrial", sans-serif;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

html { scroll-behavior:smooth; overflow-x:hidden; }
body { overflow-x:hidden; }

h1 { /* background-clip:text; color:transparent; */ max-width:100% !important; padding:50px; font-size:50px; padding-left:14.5%; background-clip:border-box; color:#FFF; background-image:linear-gradient(90deg, #4040f4, #b43fff); }
h2 { color:#00CDFF; }
h3 { color:#111; }

p { font-size:16px; line-height:1.5;  }
ul { font-size:16px; line-height:1.5;  }

.bleu { color:#4040f4; }
.violet { color:#b43fff;  }
.bleuclair { color:#00CDFF; }
.vert { color:#86C625; }

.wp-element-button { background:#9301a3; font-size:16px; font-weight:600; padding:10px 25px !important; transition:all 0.25s ease; border-radius:20px; }
.wp-element-button:hover { background:#00CDFF; color:#9301a3; }

header { margin:0 !important; padding:20px 0; }
header .wp-block-image.size-large { }
header .wp-block-group { padding:0 !important; }

.header-top { background:#00CDFF; color:#FFF; font-size:16px; padding:10px 0 !important; }
.header-top .wp-block-group { padding:0 !important; }
.header-top .wp-element-button { margin-left:20px; }

.header-image { height:350px; background-size:cover; background-position:center; margin:0 !important; }

ul.wp-block-navigation__container { gap:15px !important; }
.wp-block-navigation-item { font-size:17px; font-weight:400; }
header .wp-block-navigation-item.current-menu-item { text-decoration:underline #9301a3; text-decoration-thickness:4px !important; text-underline-offset:5px; }
ul.lise_top_menu { margin-top:0!important; background:#f2f2f2; padding:10px 20px; border-radius:10px; gap:25px !important; }
.lise_top_menu .wp-block-navigation-item { font-size:15px; }
.lise_main_menu { margin-top:10px !important; }
.lise_menu { }

.lise_article_content { margin-top:60px; }
.lise_article_alaune { background:linear-gradient(90deg, #4040f4, #b43fff); padding:40px; margin-bottom:60px; }
.lise_article_alaune h2, .lise_article_alaune p { color:#FFF; }

.lise_home_bg { min-height:770px; padding-top:30px; }
.lise_home_bg h1 { padding:0px; padding-left:0%; background:none; }
.lise_home_bg p { color:#FFF; font-size:18px; line-height:1.5; }

a { text-decoration:none; transition:all 0.25s ease; }
a:hover { color:#00CDFF; text-decoration-color:#00CDFF; text-decoration-thickness:4px !important; text-underline-offset:5px; }

main { margin-top:0 !important; padding-left:0 !important; padding-right:0 !important; }
main > div:first-child { padding-top:10px !important; }

main p a, main ul a { color:#00CDFF; font-weight:bold; }
main p a:hover, main ul a:hover { color:#9301a3; }

main > .wp-block-group:first-child { padding-bottom:20px !important; }
main p strong { font-weight:bold; }

.lise-blue-bg { background:#00CDFF; padding:40px; margin:40px 0; }
.lise-blue-bg h1, .lise-blue-bg h2, .lise-blue-bg h3 { color:#9301a3; }
.lise-blue-bg h2 { margin-bottom:40px; }
.lise-blue-bg p, .lise-blue-bg ul li { color:#FFF; }
.wp-block-group .lise-blue-bg:last-child { margin-bottom:-60px; }

.lise-white-bg { padding:40px; }
.lise-white-bg h1, .lise-white-bg h2, .lise-white-bg h3 { color:#9301a3; }
.lise-white-bg h2 { margin-bottom:40px; }
.wp-block-group .lise-white-bg:last-child { padding-bottom:20px; }
.lise-white-bg .wp-element-button { background:#00CDFF; }
.lise-white-bg .wp-element-button:hover { background:#9301a3; color:#FFF; }

.lise-grey-bg { background:#f2f2f2; padding:40px; margin:40px 0; }
.lise-grey-bg h1, .lise-grey-bg h2, .lise-grey-bg h3 { color:#9301a3; }
.lise-grey-bg h3 { color:#111; }
.wp-block-group .lise-grey-bg:last-child { margin-bottom:0; }
.wp-block-group .lise-grey-bg:first-child { margin-top:-4.5rem; }

.lise_articles .lise_tags p span { display:inline-block; padding:5px 10px; font-size:12px; margin-right:5px; background:#f2f2f2; border-radius:10px; }
.lise_articles .lise_date p { text-align:right; }
.lise_article_alaune .lise_tags p span { background:#FFF; color:#111; }

.lise_articles2 .wp-block-column { border:1px solid #CCC; padding:20px; }

.lise_blocs .wp-block-column { border:1px solid #CCC; min-height:125px; padding:20px; transition:all 0.25s ease; color:#666; }
.lise_blocs .wp-block-column:hover { background:#4040f4; }
.lise_blocs .wp-block-column:hover p a { color:#FFF; }
.lise_blocs p { font-size:18px; }
.lise_blocs p a { color:#4040f4; }

.lise_onglets { display:flex; place-items:center; align-items:flex-start; justify-content:flex-start; flex-direction:column; }
.lise_onglets h3 { border:1px solid #CCC; padding:20px; min-height:50px; display:block; width:100%; box-sizing:border-box; cursor:pointer; }
.lise_onglets h3:hover, .lise_onglets h3.active { background:rgba(180,63,255, 0.15); color:#222; border-color:transparent; }

.lise_bouton a { padding:15px 20px; background:#4040f4; color:#FFF; }
.lise_bouton a:hover { background:#b43fff; color:#FFF; }

.lise_encadre { background:#4040f4; padding:40px; }
p.lise_encadre, .lise_encadre p, .lise_encadre ul li, .lise_encadre h2, .lise_encadre a { color:#FFF; }

.lise_encadre.gris { background:#F2F2F2; }
p.lise_encadre.gris, .lise_encadre.gris p, .lise_encadre.gris ul li, .lise_encadre.gris h2, .lise_encadre.gris a { color:#111; }

.lise_readmore_btn { color:#00CDFF; font-weight:bold; cursor:pointer; }
.lise_readmore_full { flex-basis: 66.66%; }
.lise_readmore_full h3:first-child { margin-top:0; }

.lise_cc h3 { font-size:30px; font-weight:bold; color:#4040f4; margin-bottom:10px; }
.lise_cc p { margin-top:0; }

.lise_blocs svg { width:50px; }
.lise_blocs svg g { fill:#4040f4; transition:fill 0.25s ease; }
.lise_blocs .wp-block-column:hover svg g { fill:#FFF; }
.lise_blocs p { margin-top:0; }

.mb20 { margin-bottom:20px; }
.mb40 { margin-bottom:40px; }

form { text-align:left; }
form input { background:#FFF; border:0; width:100%; border-radius:0; font-size:16px; padding:8px 20px; box-sizing:border-box; font-family:"Questrial", sans-serif; }
form textarea { background:#FFF; border:0; width:100%; height:100px; border-radius:0; font-size:16px; padding:8px 20px; resize:none; box-sizing:border-box; font-family:"Questrial", sans-serif; }
form input[type=radio], form input[type=checkbox] { float:left; width:auto; margin-right:10px; }
form input[type=submit] { float:right; background:#4040f4; width:auto; color:#FFF; padding:15px 20px; border-radius:0; }

.wpcf7-not-valid-tip { position:absolute; font-size:12px; background:#9301a3; color:#FFF; padding:3px 15px; border-radius:20px; min-width:208px; z-index:100; }
.wpcf7-response-output { border:2px solid #9301a3 !important; font-size:16px; border-radius:20px; text-align:center; }
.wpcf7-submit { margin-top:20px; margin-left:72px; }
.wpcf7-spinner { background-color:#9301a3; }

form .lise-columns { display:flex; flex-wrap: wrap; justify-content:space-between; }
form .lise-column { flex: 0 0 47%; white-space: nowrap; }
form label.lise-column input { width:60%; }

footer .lise_reassurance { background:rgba(180,63,255, 0.15); padding:40px; margin-top:40px; }
footer .lise_reassurance .lise_cc h3 { color:#b43fff; }

footer .lise_copyright a { margin-left:25px; margin-right:25px; }

footer { background:#f2f2f2; padding:0 !important; }
footer .wp-block-image.size-large { width:375px; }
footer a { text-decoration-color:none !important; }
footer ul.wp-block-navigation__container { gap:10px !important; }
footer > .wp-block-group { padding:40px 0 !important; }
footer .wp-block-navigation-item.current-menu-item { text-decoration:underline #9301a3; text-decoration-thickness:4px !important; text-underline-offset:5px; }
.footer-copyright { background:#00CDFF; padding:0; color:#FFF; margin-top:60px !important; }

.wp-block-latest-posts { display:flex; justify-content:space-between; }
.wp-block-latest-posts > li { width:30%; border:1px solid #CCC; }

:root { 

}

@media only screen and (max-width : 1000px) {
	.header-top { padding-right: clamp(30px, 5vw, 50px) !important; padding-left: clamp(30px, 5vw, 50px) !important; }
	.header-top .wp-element-button { font-size:14px; margin-left:0; padding:10px 15px; }
	.header-top > .wp-block-group > .wp-block-group:first-child { width:45%; }
	.header-top > .wp-block-group { gap:0; }
	header { padding-right: clamp(30px, 5vw, 50px) !important; padding-left: clamp(15px, 3vw, 25px) !important; }
	
	.lise_home_bg { min-height:1000px; }
	.lise_home_bg .wp-block-column { padding-left:25px; padding-right:25px; }
	.entry-content { padding-left:25px; padding-right:25px; }
	.wp-block-group-is-layout-flow { max-width:100%; margin-left:0 !important; margin-right:0 !important; }
	.lise_article_content  { max-width:100%; margin-left:0 !important; margin-right:0 !important; }
	
	form .lise-columns { display:block; }
	form label input { width:50% !important; }
	form label textarea { width:auto; max-width:94%; box-sizing:border-box; float:none; border-radius:20px; margin-top:5px; margin-bottom:10px; }
	.wp-block-group .lise-grey-bg:first-child { margin-top:-3rem; }
	
	.lise-blue-bg, .lise-grey-bg, .lise-white-bg { padding:40px clamp(30px, 5vw, 50px); }
	.lise_encadre { padding:20px; }
	
	footer .wp-block-navigation__container { margin-top:20px; }
	
	.lise_copyright { margin-top:40px; }
	.lise_copyright a { text-align:center; }
	.lise_copyright a { display:block; text-align:center; margin-top:10px; }
	
	footer nav a { margin-bottom:10px; }

	footer .is-layout-flex, footer .wp-block-navigation__container, footer .wp-block-navigation .wp-block-navigation-item { display:block; text-align:center !important; }
	footer figure { display:inline-block; }
	footer nav { text-align:center; }
	
	footer .lise_reassurance .lise_cc h3 { margin-top:25px; margin-bottom:0; }
	
	.lise_top_menu { display:none; }
}