/*CSS BY ARTAMEDIA - BSO-TECH - 2025*/
/* 
BLEU :		#1b1a67 -> 000000
BLEU CLAIR	#454394
BLEU PALE	#e0dff2
ORANGE		#fbad3c - #ff9900 
*/



/*Patch qui désactive toute accélération GPU suspecte déclenchée par des styles injectés*/
body, html, * {
  will-change: auto !important;
  transform: none !important;
}


body {font-size: 16px; font-family: "Montserrat", Verdana, sans-serif; font-optical-sizing: auto; font-weight:300; font-style: normal; color:#333}
html, body {overflow-x: hidden!important; overscroll-behavior-x: none; touch-action: pan-y;}

/*LIENS*/
a, a:link, a:visited {color:#ff9900}
a:hover, a:focus {color: #fbad3c}
#contact a, #contact a:link, #contact a:visited {color:#ffffff; font-weight: 500}
#contact a:hover, #contact a:focus {color: #000000; font-weight: 500}

/*Btn TOP*/
.sp-scroll-up {bottom: 16px; right: 5%;}
.sp-scroll-up {color:#fff!important; background:rgba(0, 0, 0, 0.3)}
.sp-scroll-up:hover {color:#000!important; background:#fbad3c}

/*TITRES*/
h1 {
    text-transform:uppercase;
	font-family:"Red Rose", serif;
    font-size: 54px;
    font-weight: 500;
    padding:24px 0;
    margin:0 auto;
    text-align: center;
	transition: font-size 0.2s ease-out
}
h2 {
    text-transform:uppercase;
	font-family:"Red Rose", serif;
    font-size: 40px;
    font-weight: 500;
    padding:24px 0;
    margin:0 auto;
    text-align: center;
	transition: font-size 0.2s ease-out
}
h3 {
    text-transform:uppercase;
    font-size: 24px;
    font-weight: 500;
    padding:24px 0 8px 0;
    margin:0;
}
h4 {font-size:18px; color:#555; font-weight: 700}
.qx-subtitle p {font-size:24px}

strong {font-weight: 600}

/*LOGO*/
#sp-logo .logo {width: 240px; margin:0 auto}
#sp-logo .logo a {display:block}
/*img.sp-default-logo {width: 180px; height: 180px;}*/
#sp-logo.has-border {padding-right:0;}


/*NAV*/
#sp-menu a {text-transform: uppercase}
#sp-menu.menu-with-social .sp-megamenu-wrapper {justify-content: space-around;}
#sp-menu nav ul {font-weight:500}

/*Langues*/
div.mod-languages ul li.lang-active {background-color:transparent!important}
div.mod-languages ul li a {color:#fff; font-weight: 500;}
div.mod-languages ul li.lang-active a {color:#fbad3c!important}
div.mod-languages ul.lang-inline li {margin:0}

/*fixed menu*/
.small-logo a {display:block; color:#fff; font-family: 'Montserrat', Arial, serif; font-weight:500; font-size: 15px; text-transform: uppercase; line-height: 38px; margin:8px 0 8px 0; padding: 0 0 0 48px; background-image:url("../../../images/logo-small.png"); background-repeat: no-repeat; background-position:0 0;}
.small-logo div span {color:#fbad3c}
.small-logo.hasScrolled {display:block}

/*responsive menu*/
.burger-icon>span, .offcanvas-active .burger-icon>span {background-color: #fff}
.offcanvas-menu {width: 200px}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {padding-top: 16px}
.offcanvas-menu .offcanvas-inner ul.menu>li>a {font-weight: 600}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {margin-left:0}

/*SECTIONS*/
#sp-main-body {padding: 0}

/*Header*/
#header h1 {text-shadow: 0px 1px 5px #000; color:#fff; font-size:6vw}
#header h2 {text-shadow: 0px 1px 3px #000; color:#fff; font-size:3vw}

#header {
	background-image: url("https://dev.artamedia.net/images/BSO-illu-header.jpg");
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
} 

/*Prestations*/
#prestations {background-color:#444}
#prestations p {color:#fff}
#prestations h2, #prestations h4 {color:#e0dff2}
#prestations h3 {color:#fbad3c}

/*Crypto*/
#crypto h3 {padding:40px 0}
#crypto h4 {padding:40px 0; letter-spacing: 1px}

/*Partenaires*/
#partenaires {background-color:#ddd}

/*Créations - Portfolio
#creations {background-color:#A1A1A1}
#portfolio {text-align: center}
#btn-portfolio {box-shadow: 0px 0px 4px 0px #0000004c; background-color:#fbad3c; border:#fff 1px solid; border-radius:8px; padding: 8px 16px; color:#fff; font-weight: 600; font-size: 24px;}
#btn-portfolio:hover {box-shadow: 0px 0px 4px 0px #00000071;; background-color:#f90}*/

/*Lightbox
.qx-lightbox-items>*>* {max-width: 90vw!important; max-height: 80vh!important;}
.eb-inst {z-index: 500!important}
/*Boutons catégories
.qx-subnav>* {padding-left: 8px}
.qx-subnav-pill>*>a {border:#fff 1px solid; font-weight: 500}
.qx-subnav-pill>*>a:hover, .qx-subnav-pill>*>a:active {color:#fbad3c; background-color:transparent; border-color:#fbad3c}
.qx-subnav-pill>.qx-active>a {background-color:#fbad3c; color:#000; border-color:#fbad3c}
.qx-subnav-pill>.qx-active>a:hover {background-color:#fbad3c; color:#fff}
#qx-gallery-k84oo ul.qx-subnav li a {margin: 4px 0!important}
.eb-1 .eb-close {font-size: 40px!important; color: #fff!important}
.eb-1 .eb-close:hover {color: #fbad3c!important}*/

/*Contact*/
#contact {background-color:#ff9900}

/*Form*/
.convertforms .cf-label {color:#333}
input[type="text"], input[type="email"], textarea {border:#aaa 1px solid!important}
input::placeholder, textarea::placeholder, .cf-recaptcha-v3-text-badge {color:#333!important; font-style: italic!important; opacity: 1}
input::placeholder, textarea::placeholder {font-size:1rem!important}
.convertforms .cf-recaptcha-v3-text-badge a {color:#000!important}
.cf-btn-text {font-weight: 600}

/*Map*/
#map .qx-col-wrap {padding: 0}


@media (max-width: 1199px) {

}

@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
	#header h1 {font-size:7vw}
	#header h2 {font-size:4vw}
	.eb-1.eb-inst {--eb-margin: 50px 0 16px 0!important}
	/*correctif suite au patch js anti-glitch lors du scroll*/
	#sp-main-body > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


@media (max-width: 576px) {
	
}
@media (max-width: 460px) {
	#sp-header.full-header {padding-left: 4px; padding-right: 4px}
	#sp-header .sp-module {margin:0}
	#header h1 {font-size:12vh}
	#header h2 {font-size:9vw}
	.logo a {
    	font-size: 14px!important;
    	padding: 0!important;
    	background-image: none;
	}
	#sp-logo .logo {width: 170px}
	#sp-menu a {font-size:14px}
}
@media (max-width: 375px) {
	#header h1 {font-size:8vw}
	#header h2 {font-size:5vw}
	.logo a {
    	font-size: 13px!important;
    	padding: 0!important;
    	background-image: none;
	}
	#sp-logo .logo {width: 150px}
	#sp-menu a {font-size:13px}
}
@media (max-width: 320px) {
	.mod-languages {display:none}
}


/* Test anti-glitch 
#header h1, #header h2,
h2, 
.qx-element-blurb__media,
#prestations img,
#contact, 
#contact input,
#creations img,
#sp-header *,
#contact a[href^="tel"],
#contact input
	{
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}*/