/* Themify Customize Styling */
body {	
	font-family: "Raleway";	font-weight:400;
 
}
h1 {	
	font-family: "Raleway";	font-weight:400;
 
}
h2 {	
	font-family: "Raleway";	font-weight:400;
	font-size:45px;
	text-transform:uppercase;	text-align:center; 
}
h3 {	
	font-family: "Raleway";	font-weight:400;
 
}
h4 {	
	font-family: "Raleway";	font-weight:400;
 
}
h5 {	
	font-family: "Raleway";	font-weight:400;
 
}
#headerwrap {	
	background-color: transparent;background-image: none; 
}
#header {		font-weight:600;

	color: #ffffff; 
}
#headerwrap a {	
	color: #ffffff; 
}
.header-widget-full {	
	font-family: "Agdasima";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:700;
	font-size:20px;
	text-transform:capitalize;	text-align:left; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: rgba(255,255,255,0.79); 
}
#headerwrap.fixed-header #site-logo a img {		width: 150px; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {		font-weight:600;
 
}
#headerwrap.fixed-header #header {	
	color: #000000; 
}
#headerwrap.fixed-header a {	
	color: #000000; 
}
#headerwrap.fixed-header a:hover {	
	color: #a69292; 
}
body #site-logo a img {		width: 180px; 
}
#main-nav a {		font-size:15px;
 
}
#main-nav a:hover {	
	color: #000000; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #000000; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #ffeed6;
	color: #ff5027;
	border: none !important; 
}
#main-nav li > .sub-menu {	background: none;
	background-color: rgba(139,197,63,0.39);
	border: 1px solid #f28911; 
}
#main-nav ul a {	
	color: #ffffff; 
}
#main-nav ul a:hover {	
	color: #f28911; 
}
#footerwrap {	background-image: url(https://kooma-strasbourg.fr/wp-content/uploads/2025/02/kooma-strasbourg-prairie-fleurie-filtre.webp);
	background-size: cover;
	background-position: center center; 
}
#footer-logo a {	display: none; 
}
#footer {	
	color: #ffeed6; 
}
#footer a {		font-weight:600;

	color: #ffeed6; 
}
#footer a:hover {	
	color: #f18a01; 
}
#footer-nav {	
	background-size: cover; 
}
#footer-nav a:hover, #footer-nav li:hover > a {	
	color: #ff5028; 
}
#footer-nav .current_page_item a:hover, #footer-nav .current-menu-item a:hover {	
	color: #ff5028; 
}
.footer-widgets {		text-align:justify; 
}
#footer .footer-widgets .widgettitle {	
	color: #ffeed6; 
}
@media(max-width: 1024px) { /* Themify Customize Styling */
#headerwrap.fixed-header #site-logo a img {		width: 150px; 
}
body #site-logo a img {		width: 180px; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
#headerwrap.fixed-header #site-logo a img {		width: 150px; 
}
body #site-logo a img {		width: 180px; 
}
 }@media(max-width: 680px) { /* Themify Customize Styling */
h2 {	
	font-family: "Arial", "Helvetica", sans-serif;	font-weight:400;
	font-size:35px;
 
}
h4 {	
	font-family: "Raleway";	font-weight:400;
 
}
h5 {	
	font-family: "Raleway";	font-weight:400;
 
}
#headerwrap {	background: none;
	background-color: #ff5028; 
}
#header {		font-weight:400;

	color: #ffffff; 
}
#headerwrap a {	
	color: #ffffff; 
}
#headerwrap a:hover {	
	color: #ffffff; 
}
.header-widget-full {	
	font-family: "Agdasima";	font-weight:700;
 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #ffffff; 
}
#headerwrap.fixed-header #site-logo a img {		width: 150px; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {		font-weight:600;
 
}
#headerwrap.fixed-header #header {	
	color: #ffffff; 
}
#headerwrap.fixed-header a:hover {	
	color: #a69292; 
}
#main-nav a:hover {	
	color: #ede4e4; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #ede4e4; 
}
#main-nav .highlight-link > a {	
	border: 1px solid #ffffff; 
}
#main-nav li > .sub-menu {	background: none;
	background-color: rgba(139,197,63,0.39);
	border: 1px solid #f28911; 
}
#main-nav ul a {	
	color: #ffffff; 
}
#main-nav ul a:hover {	
	color: #f28911; 
}
#footer-logo a {	display: none; 
}
#footer {	
	color: #fafafa; 
}
#footer a {		font-weight:600;

	color: #ffeed6; 
}
#footer a:hover {	
	color: #f18a01; 
}
#footer-nav {	
	background-size: cover; 
}
#footer-nav a:hover, #footer-nav li:hover > a {	
	color: #ff5028; 
}
#footer-nav .current_page_item a:hover, #footer-nav .current-menu-item a:hover {	
	color: #ff5028; 
}
#footer .footer-widgets .widgettitle {	
	color: #ffeed6; 
}
 }.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile-menu-visible.header-overlay #headerwrap, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .header-minbar .sidemenu-on, .mobile_menu_active #headerwrap .sidemenu-on { background: none;
	background-color: rgba(135,196,61,0.46);background-image: none;
	background-size: cover;
	background-position: right top; }.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .header-minbar .sidemenu-on,  .mobile_menu_active #headerwrap .sidemenu-on { 
	color: #000000; }.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on #main-nav a { 	text-align:left; }.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { 
	color: #000000; }.header-minbar #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { 
	background-color: transparent; }.header-minbar #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { 
	color: #000000; }.header-minbar #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a { 
	color: #000000; }.header-minbar #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a:hover { 
	color: #000000; }.body-overlay { 
	background-color: transparent; }
/* Themify Custom CSS */
box-shadow: 0 4px 20px rgba(0,0,0,0.10);
