@charset "UTF-8";

/*
Theme Name: Sunshine Capture
*/

* { box-sizing: border-box;
	/* font-family:"Plus Jakarta Sans", sans-serif; */
	font-family: "Montserrat", sans-serif;
}

html *
{
   
   color: #1F2225;
   font-family: "Montserrat", sans-serif;
   font-optical-sizing: auto;
   font-style: normal; 
   font-weight:400; 
   font-size: 18px;
   line-height: 160%; 
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;
}

body { background-color:#FCFCFE; width:100%; margin:0; padding:0; box-sizing: border-box; }

  h1, h2, h3, h4, h5,  h1 > a, h2 > a, h3 > a, h4 > a, h5 > a { font-family: 'Plus Jakarta Sans'; font-weight: 400; padding:0; color:#2F5679; display:inline-flex; align-items:center; }
  h1 { font-family: 'Plus Jakarta Sans'; font-size: 40px; margin-top:0px; margin-bottom:30px; }
  h2 { font-family: 'Plus Jakarta Sans'; font-size: 30px; margin-top:50px; margin-bottom:20px; }
  h3 { font-family: 'Plus Jakarta Sans'; font-size: 20px; margin-top:30px; }
  
  h2 span {font-size: 30px; color:#2F5679;}
  
  h1.titlePage { display:block; margin: 0px 10% 30px 10%; max-width: 1400px; }
 
  p { line-height:180%; }
  /* figure { margin:0 0 0 0; } */
  
  .body-lg-medium { font-style: normal; font-weight: 400; font-size: 24px; line-height: 140%; }
  .body-lg { font-style: normal; font-weight: 400; font-size: 24px; line-height: 140%; }
  .body-small { font-style: normal; font-weight: 400; font-size: 20px; line-height: 140%; }
  
  strong { font-weight: 500;}
  em {font-style: italic; }
  label { font-style: normal; font-weight: 400; font-size: 16px; line-height: 120%;  }
  
  .hide {display: none;}
  .mTop { margin-top:60px;}  
   
  hr.clearBoth {clear:both; border:0px; height:0px;} 
  
/* CONTENT */
  .site {border:0px solid red;}
  /* .site-content { margin: auto 10%; max-width: 1400px; border:0px solid red; } */
  
  .site-content { margin:0; width:100%; border:0px solid red; }
  
  .archive-description { text-align: left; margin-top:80px; padding:0; }
  .site-content .archive-description p { margin:0; padding:0; }

  .site-main { border:0px solid red; margin:0px 0 0 0px;}
  
  .containeLabel { margin:80px 10%; max-width:1400px; }
  .containeLabel h2 { margin:0 0 60px 0; }
 
 .content-single {  margin: auto 10%; max-width: 1400px; }
 .the_content { border:0px solid red; margin: 0px 10% 0 10%; max-width: 1400px; }
 .content-single .wp-block-post-excerpt {display: none;}
 .content-single .wp-block-post-featured-image {display: none;}


/* Table */
.tableFaq { width:100%; border-collapse: collapse; }
.tableFaq tr { width:100%; border:1px solid #000; }
.tableFaq th { font-weight: 500; border:1px solid #000; padding:5px;}
.tableFaq td { width:50%; border:1px solid #000; padding:5px; text-align: center;}

 
/* CSS */

  
/* FOOTER */
 .site-footer {
	 
	 float:none; display:flex; flex-direction:column; /* background-color:#467BA0; */ width:100%; margin:60px auto 0 auto; color:#fff; padding:40px; 
	 background-color: #2F5679;
	 background: linear-gradient(180deg, #23405a 10%, #2c5a81 50%, #23405a 90%);
	
	 }
 .site-footer div, .site-footer li, .site-footer a , .site-footer span {color:#fff; }
 .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h3, .site-footer h4, .site-footer h6 { margin-top:0; color:#fff; padding-left:0;}
 .site-footer h3 { font-size: 16px; }
 .site-footer h2 { font-size: 24px; }
 .site-footer .container,  .site-footer .container { margin:0; padding:0;}
 
 .site-footer .blockFooter { display:flex; flex-direction:row; justify-content:space-between; color:#fff;}
  
 .site-footer .blockFooter .row1 { width:30%; align-items:flex-start; border:0px solid red; justify-content:space-between; line-height:2em; font-size:1em; color:#fff;}
 .site-footer .blockFooter .row2 { width:25%; align-items:flex-start; color:#fff; }
 .site-footer .blockFooterPrivacy .row2 { width:50%; display:flex; justify-content:flex-end; align-items:flex-end; }
 
 .site-footer .blockFooter strong { color:#fff; }
 
 
 .site-footer .menu-wrapper-footer { list-style-type:none; padding: 0; margin: 10px 0 0 0; display:flex; flex-direction: column; list-style-type:none; }
 .site-footer .menu-wrapper-footer li { padding:0; margin:0 0 12px 0; font-size: 18px; line-height: 140%; }
 .site-footer .menu-wrapper-footer a { text-decoration: none; font-size: 18px;  }
 .site-footer .menu-wrapper-footer a:hover,  .site-footer .menu-wrapper-footer .active a {color:#FCFCFE;}
 
 .copyright { font-size:14px; }
 
 .site-footer .menu-wrapper-Hori { list-style-type:none; padding: 0; margin: 0 0 0 0; display:flex; flex-direction:row; list-style-type:none; gap:40px;}
 .site-footer .menu-wrapper-Hori li { padding:0; margin:0 0 0 48px; font-size: 16px; }
 .site-footer .menu-wrapper-Hori a { text-decoration: none; font-size:20px; }
 .site-footer .menu-wrapper-Hori a:hover {color:#FCFCFE; }
 
 
 .blockFooterPrivacy { background-color:#2C5479; margin-top:0px; text-align:center; width:100%; padding:2px 40px 10px 40px; color:#fff; }
 .blockFooterPrivacy span { color:#fff; }

  
/* HEADER */
  .site-header { width:100%; margin:auto; padding:30px 40px 30px 40px;}
  .headerBox { display:flex; width:100%; justify-content: space-between; }
  .site-navigation {  width:100%; margin:auto; padding:24px 40px 0 40px; }
 

  .site-logo { width:40%; gap: 24px; display: flex; align-items:center; justify-content : flex-start; }
  .site-logo a { text-transform:uppercase; padding:0; margin:0; line-height:0; text-decoration: none; line-height: 120%; align-items:center; font-family: 'Plus Jakarta Sans'; font-style: normal;  font-weight: 300; font-size: 24px; }
  .logo { order:0; width: 64px; height: 64px; }

  .descriptionBox { line-height:120%; }
  .descriptionBlog { font-size:22px; font-weight:400; color:#73A94F; }
  .descriptionBox  .nameWebsite {font-weight:600; color:#2B5478;}

  
  .menu-button-container {
	display:flex;
	gap: 24px; 
	align-items: center;
  }

/* ICON */
  .button , a.button, a.button:link, a.button:visited, a.button:active { 
	display:inline-flex;
	align-items:center;
	border-radius: 1000px;
	padding: 0px 0px;
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 6px;
	line-height: 100%;
	gap:6px;
	text-decoration: none;
	text-transform:uppercase;
 }
 
 button.backCategory, a.backCategory:hover, a.backCategory:link, a.backCategory:visited, a.backCategory:active {
	 font-family: "Plus Jakarta Sans", sans-serif;
	 background-color: #FCFCFE;
	 font-size: 24px;
	 margin-left:0;
	 margin-bottom: 20px;
	 padding-left:0;
	 padding: 8px 0px;
 }
 button.backCategory span, a.button.backCategory span {
	 font-family: "Plus Jakarta Sans", sans-serif;
	 background-color: #FCFCFE;
	 color:#2F5679;
	 border:0;
	 font-size: 24px;
	 text-transform:none;
 }
 
 
 button.backCategoryTitel, a.backCategoryTitel:hover, a.backCategoryTitel:link, a.backCategoryTitel:visited, a.backCategoryTitel:active  {
	 font-family: "Plus Jakarta Sans", sans-serif;
	 background-color: #FCFCFE;
	 font-size: 24px;
	 margin:0 10px 0 0;
	 padding:0px;
	 text-align: center;
	 vertical-align: center;
	 border:1px solid #2F5679;
	 width:50px;
	 height:50px;
	 overflow: hidden;
	 display: inline-flex;
	 justify-content:center;
	 align-items:center;
	 border-radius:50px;
 }
 
 
 a.button span { font-family: "Plus Jakarta Sans"; padding:0;  font-size: 16px; }
 .button span { font-family: "Plus Jakarta Sans"; padding:0; font-size: 16px; }
 .button i {padding:0; margin:0; }
 
 .iconFindMore { margin-left:14px; }
 .magnifying, .twitter , .langage { padding:8px; }
 .iconHome, a.button.iconHome { padding:8px; margin:0; }
 
 .ButtonIconLeftRight { width: 64px; height: 64px; justify-content: center; padding:0; border:1px solid #2F5679;}
 .ButtonIconLeftRight .iconLeft, .ButtonIconLeftRight .iconRight { font-size:30px; }
 
 .ButtonIconLeftRightSmall { display:inline-flex; padding:12px;}
 .ButtonIconLeftRightSmall .iconLeft,  .ButtonIconLeftRightSmall .iconRight { font-size:24px; }
 
 hr.wp-block-separator { background-color:#D8DADD; border:0; height:1px; margin-top:160px; margin-bottom:160px }
 .wp-element-caption { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 140%; color: #585858; }
 

/* BLOCK DESIGN */ 

/* imageHeader */

.imageHeader { width:100%; height:400px; overflow: hidden; }
.imageHeader img { width:100%; }


#parallaxWrapper {
	position:relative; /* Référence aux enfants en absolute */
	/* width:610px; height:350px; */
	width:100%; height:400px; 
	}

#parallaxWrapper [class*="px"] { /* Cible tous les enfants contenant la chaine "px" */
	visibility:hidden; /* Plugin feature ! (voir les explications) */
	position:absolute; }

#parallaxWrapper .pxBackground {
	top:0; left:0; bottom:0; right:0; /* Alternative à top:0; left:0; width:100%; height:100%; */
	background-size: 100%;
	background-image: url('https://sunshinecapture.fr/dev/wp-content/uploads/2025/05/entreprise.jpg');
	background-repeat: no-repeat;
}

.uppercase {text-transform:uppercase;}

 /* li */ 

 
 /* General */ 
 
/* FILTER */

/*
  .filter { position:relative; right:0; top:0; width:400px; flex-wrap:wrap; flex-direction: column; justify-content:flex-start; flex:1; gap:24px; display:inline-flex; margin:80px 0 80px 0; padding:0 0 0 0; font-family:'Plus Jakarta Sans'; line-height: 120%; }
  */
  .containerFilter { position:relative; z-index:70; right:0; text-align:right;}
  .filter { text-align:right; position:relative; width:100%; display:block; margin:80px 0 80px 0; padding:0 0 0 0; font-family:'Plus Jakarta Sans'; line-height: 120%; overflow: hidden; }
  
  .teaserFilter { float:right; display:flex; align-items:center; gap:16px; }
  .teaserFilter span { font-size:16px; font-family:'Plus Jakarta Sans';  align-items:center;}
  .dropdownFilter  { padding:4px 16px; border:1px solid #1F2225; font-size: 16px; }
  .dropdownFilter:hover { background-color:#FCFCFE; }
  .dropdownFilter.on .ph-caret-down { display:none; }
  .dropdownFilter.on .ph-caret-up { display:flex; }
  
  
 .footerFilter {border-top:1px solid #D8DADD; padding:16px 0 16px 30px;}
 
/* Pagination */

  /* .pagination { display:flex; justify-content:space-between; padding:0px; border-top:0px solid #D8DADD; clear: both; margin: 60px 10% 0px 10%; max-width: 1400px;} */
 
  .paginationCat { display:flex; justify-content:space-between; padding-top:40px; border-top:0px solid #D8DADD; margin: 60px 10% 0px 10%; max-width: 1400px;}
  .paginationCat.mobile { display:none; width:100%; justify-content:space-between; margin-top:80px; margin-bottom:200px; padding-top:40px; border-top:1px solid #D8DADD;}
  .paginationCat a.button, .pagination a.button{ padding:0; }
  .pagination { display:flex; justify-content:space-between; margin-top:80px; margin-bottom:0px; padding-top:40px; padding-left:0px; padding-right:0px; border-top:0px solid #D8DADD; clear: both; }
 
  .pagination.justify-flex-end { justify-content: flex-end; align-content: flex-end; }
  .pagination.justify-flex-start { justify-content: flex-start; align-content: flex-start; }
  .pageNumber { display: flex;  justify-content:space-between; gap:8px; }
  .page-numbers { display:flex; width:40px; height:40px; padding:0; border-radius:60px; align-items: center; justify-content:center; font-family:"Plus Jakarta Sans"; font-size:16px; text-decoration: none; }
  .page-numbers:hover { background-color:#F5F6F7; }
  .page-numbers.current { background-color:#F5F6F7;}

/*  ACCORDION */
.lightweight-accordion p, .lightweight-accordion ul , .lightweight-accordion ol { margin-left:0; margin-right:0; }
.lightweight-accordion h1, 
.lightweight-accordion h2,
.lightweight-accordion h3,
.lightweight-accordion h4,
.lightweight-accordion h5, 
.lightweight-accordion-title span,
.lightweight-accordion-title div  { width:100%; font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 300; line-height: 120%;  padding:0 0 0 0; margin:0; }
.lightweight-accordion { margin-left:0; border:0; }

/* .lightweight-accordion li { margin-bottom:24px; } */
.lightweight-accordion { margin-top: 0px; margin-bottom: 0px; border-top:1px solid #D8DADD;  border-bottom:0px solid #D8DADD; }
.lightweight-accordion .lightweight-accordion-title { display: list-item; padding:30px 20px 10px 0px; cursor: pointer; border-top:0px solid #D8DADD; }
.lightweight-accordion .lightweight-accordion-body { padding: 0px 0 12px 0; border-bottom:0px solid #D8DADD; }
.lightweight-accordion.bordered { border-bottom:1px solid #D8DADD; margin-bottom:200px; }
.lightweight-accordion .lightweight-accordion-title p, .lightweight-accordion .lightweight-accordion-title span, .lightweight-accordion .lightweight-accordion-title h1, .lightweight-accordion .lightweight-accordion-title h2, .lightweight-accordion .lightweight-accordion-title h3 {	display: inline; }



/* BANNER Sunshine Capture */



/* COOKIES */
.eu-cookies-bar-cookies-bar-wrap, .eu-cookies-bar-cookies-bar-wrap *, .eu-cookies-bar-cookies-bar-settings-wrap, .eu-cookies-bar-cookies-bar-settings-wrap * { color:#FCFCFE;  box-sizing: border-box; }
.eu-cookies-bar-cookies-bar { padding:16px 0 24px 0; }
.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-accept { display:inline-flex; align-items:center; padding:4px 8px; color:#1F2225: }

.eu-cookies-bar-tick { align-items:center; color:#1F2225; font-size: 16px; padding:4px 10px; font-family: "Plus Jakarta Sans"; font-weight:500;  }
.eu-cookies-bar-tick::before { content: "\f101"; font-size: 16px; }
.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-accept .eu-cookies-bar-tick::before { margin-right: 8px; }


/* MENU */ 

/* .primary-navigation { border:0px solid red; display:block; z-index:1000; min-height:100%; background:#FCFCFE; } */

nav { margin: 20px 0; z-index: 1000;}
nav ul { padding: 0; margin: 0; list-style: none; position: relative; } 
nav ul li { box-sizing: border-box; display:inline-block; margin:0; padding:0; border:0px solid red;}
nav ul li ul { box-sizing: border-box; }

nav a { display:block; padding:0 10px; font-size:20px; line-height:40px; text-decoration:none; }
nav a:hover { font-weight: 400; }

/* Hide Dropdowns by Default */
nav ul ul { width:200px; display: none; position: absolute; top:40px; background-color: #fff; /* the height of the main nav */ } 

/* Display Dropdowns on Hover */
nav ul li:hover a { font-weight: 500; color: #2B5478; } 
nav ul li:hover li a { font-weight: 300; color: #2B5478; } 
nav ul li:hover li:hover a { font-weight: 500; color: #2B5478; } 

nav ul li:hover > ul { display:inherit; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } 

/* Fisrt Tier Dropdown */
nav ul ul li { float:none; display:list-item; position:relative; padding:0; margin:0; border:0px solid red; }
nav ul ul li a { line-height:25px; border:0px solid red; padding: 10px 10px 10px 10px; }

/* Second, Third and more Tiers */
nav ul ul ul li { position: relative; top:-40px;  left:170px; }

.current-menu-parent a { font-weight: 500; color: #2B5478; }
.current-menu-parent ul li a { font-weight: 300; color: #1F2225; }
.current-menu-item a { font-weight: 500; color: #2B5478; }
.current_page_item a { font-weight: 500; color: #2B5478; }
nav ul li:hover .active a { font-weight: 500; color: #2B5478; }


/* CONTACT */
.wpcf7-form label { font-family: "Plus Jakarta Sans", sans-serif; color: #2B5478; font-style: normal; font-weight:400; font-size: 24px; line-height: 140%;  }
.wpcf7-form-control-wrap .wpcf7-form-control {margin-left:0; width:100%;}
.wpcf7-form .wpcf7-list-item { margin-left:0; }
.wpcf7-form input, .wpcf7-form textarea { background-color: rgba(43, 84, 120, 0.8); color:#fff; padding:5px; border:1px solid #2B5478; }
.wpcf7-form textarea { height:250px; }
.wpcf7-form input[type=text]:focus { border:0px solid #2B5478;  }
.wpcf7-form input[type=submit] { font-family: "Plus Jakarta Sans"; display:block; margin-top:20px; font-size:18px; background-color: rgba(43, 84, 120, 0.8); color:#fff; padding:5px 20px; border:1px solid #2B5478; }


.wpcf7 form .wpcf7-response-output {
    margin: 24px 20% 24px 20%;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2; /* Blue */
}

/* CONTAINER */
.h2SolutionList { margin: 60px 10% 0px 10%; max-width: 1400px; }
.mainContainerModule  { margin: auto 10%; max-width: 1400px; }
.containerCategory { display:inline-flex; justify-content:space-between; flex-wrap:wrap; gap:40px 40px;  margin: auto 10%; max-width: 1400px; border:0px solid red;}
.containerCategorySolution { display:inline-flex; justify-content:space-around;  flex-wrap:wrap; margin: auto 10%; max-width: 1400px; margin-top:40px;  gap:40px 40px;  }
.containeServiceTeaser { border:0px solid red; display:inline-flex; width:80%; justify-content:space-around; margin: auto 10%; max-width: 1400px; gap:40px 40px; align-items:center; }
.containerRealisationTeaser { border:0px solid blue; display:inline-flex; justify-content:space-around; flex-wrap:wrap; gap:40px 40px; padding:0 0 20px 0; }
.containerAjax { overflow: hidden; }

.containeServiceTeaserTitle { 
	background-color: #2F5679;
	background: linear-gradient(180deg, #23405a 10%, #2c5a81 50%, #23405a 90%);
	color:#fff; padding:40px; font-weight:500; font-size:24px; text-align: center; margin-bottom:40px;}


/* Temoignage */
.temoignage { background-image: url('/dev/wp-content/themes/SunshineCapture/assets/icons/stars.svg'); background-repeat:no-repeat; background-size:80px; background-position: 20px 5px; text-align: center; padding:10px 20px 10px 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  text-decoration: none; transition: box-shadow 0.3s ease-in-out; }


/* REALISATION */
.realisationTeaser { padding:0px; display:block; flex-basis:30%; width:30%; margin:0px 0 0px 0; flex-shrink:1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  text-decoration: none; transition: box-shadow 0.3s ease-in-out; }
.realisationTeaser:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);}
.realisationTeaser .imageContainer { width:100%; overflow:hidden; align-self: auto; }
.realisationTeaser .imageContainer img { width:100%; height:100%; }
.realisationTeaser .box { padding:10px; text-align: center;}
.realisationTeaser .box h2 { margin-top:5px; margin-bottom:5px; }

/* SOLUTIONS */
/*
.floatRight {float:right; margin:200px 0 0 0; border:0px solid red; }
.floatLeft {float:left; margin:0 0 200px 0;}
*/
.solutionTeaser { padding:0px; display:block; width:30%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-decoration: none; transition: box-shadow 0.3s ease-in-out; }
.solutionTeaser:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4); }
.solutionTeaser .imageContainer { width:100%; width:100%; max-height:300px; overflow:hidden; align-self: auto; }
.solutionTeaser .imageContainer img { width:100%; height:100%; }
.solutionTeaser .box { padding:20px; text-align: center;}
.solutionTeaser .box h2 { margin-top:10px; margin-bottom:10px; font-size:18px;}

.boxLabel { display: flex; justify-content:space-around; }
.boxLabel img { max-width:150px; width:33%; }

.boxIconTeaser { display:block; width:30%; flex-basis:30%; text-align:center; font-weight:500; color: #2F5679; font-size:1em; }
.boxIconTeaser a { text-decoration: none; }
.boxIconTeaser img {width:40%;}

/* MODULE */
a.RealisationTeaser { display:flex; opacity:0; justify-content:space-between; flex-basis:auto; width:100%; }
.moduleRealisation1 { border:0px solid blue; display:none; opacity:0; }
.moduleRealisation2 { border:0px solid red; display:none; opacity:0; }
.boxImgRealisation img { width:100%;} 
.headerMainContainerModule { margin-bottom:20px;}


/* ICON */
.buttonTop { display:none; width:50px; height:50px; border-radius:50px; font-weight: 500; background-color: #2F5679; color: #fff; position:fixed; right:30px; bottom:30px; text-align:center; padding:5px;  border:1px solid #fff;}
.icon_top { display:block; background-size:contain; background: url('/dev/wp-content/themes/SunshineCapture/assets/icons/arrow_upward_40dp_wght200_w.svg') no-repeat; width:40px; height:40px; border:0px solid red; margin:0;}

.buttonContact { display:block; color: #fff; text-align:center; padding:5px; }

.icon_home { background: url('/dev/wp-content/themes/SunshineCapture/assets/icons/home_40dp_wght200.svg') no-repeat; background-size:35px; width:40px; margin-right:5px; }
.icon_call { background: url('/dev/wp-content/themes/SunshineCapture/assets/icons/chat_40dp_wght200_w.svg') no-repeat; background-size:40px; display:block; min-height:50px; margin-right:0px; padding-left:60px;}
.icon_callTel { background: url('/dev/wp-content/themes/SunshineCapture/assets/icons/perm_phone_msg_40dp_w.svg') no-repeat; background-size:40px; display:block; min-height:50px; margin-right:0px; padding-left:60px; font-weight:500;}
.icon_callTelBlue { background: url('/dev/wp-content/themes/SunshineCapture/assets/icons/perm_phone_msg_40dp_blue.svg') no-repeat; background-size:40px; display:block; min-height:50px; margin-right:0px; padding-left:60px; font-weight:500; color:#2F5679; }

.buttonMore { background:none; width:100%; height:40px; font-weight: 500; text-align:right; padding:0px; border:0px solid red;}
.icon_moreInformation { display:inline-block; background-position:center center; background: url('/dev/wp-content/themes/SunshineCapture/assets/icons/info_40dp_wght200.svg') no-repeat; width:40px; height:40px; border:0px solid red; margin:0; }
.icon_moreInformation2 { display:inline-block; background-size:100%; background-position:center center; background-image: url('/dev/wp-content/themes/SunshineCapture/assets/icons/arrow_forward_ios_40dp.svg'); background-repeat: no-repeat; width:30px; height:30px; border:0px solid red; margin:0 0 0 10px; }

.iconRight { background-position:center center; background-size:70%; background-image: url('/dev/wp-content/themes/SunshineCapture/assets/icons/arrow_forward_ios_40dp_blue.svg'); background-repeat: no-repeat; width:40px; height:40px; }
.iconLeft { background-position:40% center; background-size:70%; background-image: url('/dev/wp-content/themes/SunshineCapture/assets/icons/arrow_back_ios_40dp_blue.svg'); background-repeat: no-repeat; width:40px; height:40px; border:0px solid red; }

.backModuleLeft { background-size:50%; background-position:40% center; background-color:#fff; background-image: url('/dev/wp-content/themes/SunshineCapture/assets/icons/arrow_back_ios_40dp_blue.svg'); background-repeat:no-repeat; width:40px; height:40px; border-radius: 40px;  border:1px solid #2F5679; margin:5px 0 0 5px; }

.backModuleRight { background-size:50%; background-position:55% center;  background-color:#fff; background-image: url('/dev/wp-content/themes/SunshineCapture/assets/icons/arrow_forward_ios_40dp_blue.svg'); background-repeat:no-repeat; width:40px; height:40px; border-radius: 40px;  border:1px solid #2F5679; }

@keyframes fadeInUp {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


.buttonMenu { display:none; width:50px; height:50px; border-radius:50px; font-weight: 500; background-color:#fff; text-align:center; padding:5px;  border:1px solid #fff;}


.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept
Specificity: (0,4,0)
 {
    background-color: #2F5679;
	color:#fff;
 }
 
 .parallaxVideo { display:block; width:100%; height:650px; top: 0; overflow:hidden; border:0px solid red; position:relative; }
 .parallaxVideoContent {width:100%; position: absolute; bottom:0;}
 

/* SLIDE */

/* SINGLE */

@media screen and (max-width: 1250px) { 
	
	#parallaxWrapper .pxBackground { top:0; left:0; background-size: 180%; background-position: right top;}
	
	.site-logo { width:25%; }
	.site-logo a { font-size:20px; }
    .logo { order:0; width: 64px; height: 64px; }

    .descriptionBox { line-height:120%; }
    .descriptionBlog { font-size:16px;  line-height:120%;  }
	
	.parallaxVideo { height:550px; }
	
}


@media screen and (max-width: 1050px) { 
	
	.moduleRealisation1 { border:0px solid blue; display:none; opacity:0; }
	.moduleRealisation2 { border:0px solid red; display:none; opacity:0; }
	
	#parallaxWrapper .pxBackground { top:0; left:0; background-size: 180%; background-position: right top;}
	.parallaxVideo { height:450px; }
	
	.site-header { width:100%; margin:auto; padding:15px 25px 15px 25px;}
	
	.site-logo { width:80%; }
	.site-logo a { font-size: 18px; }
    .logo { order:0; width: 44px; height: 44px; }

    .descriptionBox { line-height:120%; }
    .descriptionBlog { font-size:16px;  line-height:120%;  }

	/* MENU */
	
	
	.buttonMenu { display:block; width:50px; height:50px; border-radius:50px; font-weight: 500; background-color:#fff; text-align:center; padding:5px;  border:1px solid #fff;}
	.icon_Menu { display:block; background-size:contain; background: url('/dev/wp-content/themes/SunshineCapture/assets/icons/menu.svg') no-repeat; width:40px; height:40px; border:0px solid red; margin:0;}


	.containeLabel { margin:40px 10%; }
	.containerRealisationTeaser { display:inline-flex; flex-flow: column wrap; padding:0 0 20px 0; gap:0px 0px; width: 100%; }
	
	.realisationTeaser { display:block; width:95%; margin:15px auto 55px auto; flex-shrink:1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  text-decoration: none; transition: box-shadow 0.3s ease-in-out; }
	
	.containerRealisationTeaser .realisationTeaser { margin:15px auto 45px auto; }
	
	.containerCategory { display:block; }
	.containerCategorySolution { display:inline-flex; padding:0 0 20px 0; }

	.solutionTeaser {  padding:0px; display:block; width:95%; margin:15px auto 0px auto; flex-shrink:1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  text-decoration: none; transition: box-shadow 0.3s ease-in-out; }
	
	.containeServiceTeaser { display: block; text-align: center; } 
	.boxIconTeaser { display: block; width: 95%; margin:50px auto 50px auto; }

	.containerRealisationTeaser.moduleRealisation1 {display:none;}
	.containerRealisationTeaser.moduleRealisation2 {display:none;}

	/* MENU */ 
	
	.primary-menu-container { width:100%; display:none; position:absolute; left:0; top:80px; padding:20px 0 0 0; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

	nav { margin:0px 0;  z-index: 1000; }
	nav ul { padding: 0; margin: 0px 0 20px 0; list-style: none; position: relative; } 
	nav ul li { width:100%;  margin: 0px 0 20px 0; display:block; box-sizing: border-box; display:inline-block; padding:0 20px 0 20px; border:0px solid red;}
	nav ul li ul { width:100%; display:block; box-sizing: border-box; margin:10px 0px 0 20px; }
	
	nav a { display:block; padding:0 10px; font-size:20px; line-height:40px; text-decoration:none; }
	nav a:hover { font-weight: 400; }
	
	/* Hide Dropdowns by Default */
	nav ul ul { width:100%; display:block; position: relative; top:0px; background-color: #fff; /* the height of the main nav */ } 
	
	/* Display Dropdowns on Hover */
	nav ul li:hover a { font-weight: 500; color: #2B5478; } 
	nav ul li:hover li a { font-weight: 400; color: #2B5478; } 
	nav ul li:hover li:hover a { font-weight: 500; color: #2B5478; } 
	
	nav ul li:hover > ul { display:inherit; box-shadow:none; } 
	
	/* Fisrt Tier Dropdown */
	nav ul ul li { float:none; display:list-item; position:relative; padding:0; margin:0; border:0px solid red; }
	nav ul ul li a { line-height:25px; border:0px solid red; padding: 10px 10px 10px 10px; }
	
	/* Second, Third and more Tiers */
	nav ul ul ul li { position: relative; top:-40px;  left:170px; }
	
	.current-menu-parent a { font-weight: 500; color: #2B5478; }
	.current-menu-parent ul li a { font-weight: 300; color: #1F2225; }
	.current-menu-item a { font-weight: 500; color: #2B5478; }
	.current_page_item a { font-weight: 500; color: #2B5478; }
	nav ul li:hover .active a { font-weight: 500; color: #2B5478; }
	nav ul li .active a { font-weight: 500; color: #2B5478; }

}

@media screen and (max-width: 950px) { 	
		.parallaxVideo { height:350px; }
}

@media screen and (max-width: 750px) { 	
		.parallaxVideo { height:300px; }
}


@media screen and (max-width: 500px) { 
	
	
	html * { font-size: 16px; }	
	
	h1 { font-size: 25px; margin-bottom:20px; }
	h2 { font-size: 20px; margin-top:20px; margin-bottom:10px; }
	h3 { font-size: 18px; margin-top:20px; }
  	h4 { font-size: 18px; }

	h2 span {font-size: 15px;}
	
	.wpcf7-form label { font-size: 18px; line-height: 140%;  }
	
	.mTop { margin-top:40px;}  
	
	.site-header { width:100%; margin:auto; padding:15px 25px 15px 25px;}
	
	.site-logo { width:80%; }
	.site-logo a { font-size: 18px; }
    .logo { order:0; width: 44px; height: 44px; }

    .descriptionBox { line-height:120%; }
    .descriptionBlog { font-size:16px;  line-height:120%;  }

	.site-footer .menu-wrapper-footer { margin: 0 0 0 0; } 	
	.site-footer .menu-wrapper-footer li { font-size: 14px; }
	.site-footer .menu-wrapper-footer a { font-size: 14px; }
	
	
	.containeLabel { margin:40px 10%; }
	.containerRealisationTeaser { display:inline-flex; flex-flow: column wrap; padding:0 0 20px 0; gap:0px 0px; width: 100%; }
	.realisationTeaser { display:block; width:95%; margin:15px auto 55px auto; flex-shrink:1; 
		-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
		-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); ;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
		text-decoration: none; transition: box-shadow 0.3s ease-in-out; }
	
	.containerCategory { display:block; }
	.containerCategorySolution { display:inline-flex; flex-flow: column wrap; padding:0 0 20px 0; }

	.solutionTeaser {  padding:0px; display:block; width:95%; margin:15px auto 0px auto; flex-shrink:1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  text-decoration: none; transition: box-shadow 0.3s ease-in-out; }
	
	.containeServiceTeaser { display: block; text-align: center; } 
	.boxIconTeaser { display: block; width: 95%; margin:50px auto 50px auto; }


	.pagination { margin-top: 20px; }
 
	.copyright { font-size:10px; }

	button.backCategory, a.backCategory:hover, a.backCategory:link, a.backCategory:visited, a.backCategory:active {
	 font-size: 18px; }
	 
    button.backCategory span, a.button.backCategory span { font-size: 18px; }
	 
	button.backCategory span.right, a.button.backCategory span.right { text-align:right; }
	button.backCategory span.left, a.button.backCategory span.left { text-align:left; }
	
	.moduleRealisation1 { display:none; opacity:0; }
	.moduleRealisation2 { display:none; opacity:0; }

	.boxLabel { border:0px solid red; display:block; flex-flow: column wrap; flex-direction: row; }
	.boxLabel img { display:block; width:100%; margin:10px auto 50px auto; }

/*
	.buttonTop { width: 30px;  height: 30px; }
	.icon_top { background: url('/dev/wp-content/themes/SunshineCapture/assets/icons/arrow_upward_40dp_wght200_w.svg') no-repeat; width: 20px; height: 20px; }
	
	button.backCategoryTitel, a.backCategoryTitel:hover, a.backCategoryTitel:link, a.backCategoryTitel:visited, a.backCategoryTitel:active { width: 35px; height: 35px; border-radius: 35px; }
*/	
	.site-footer .blockFooter { display: block; }
	
	.site-footer .blockFooter .row1 { display:block; width:100%; border:0px solid red; margin-bottom:30px; }
	.site-footer .blockFooter .row2 { display:block; width:100%; }
	.site-footer .blockFooterPrivacy .row2 {  display:block;  width:100%; }

	.wp-block-image .alignright {float:none; width:100%; margin: 0 0 0 0;}
	
	#parallaxWrapper {
		border:0px solid red;
		position:relative; /* Référence aux enfants en absolute */
		/* width:610px; height:350px; */
		width:100%; height:200px; 
	}

	#parallaxWrapper [class*="px"] { /* Cible tous les enfants contenant la chaine "px" */
		visibility:hidden; /* Plugin feature ! (voir les explications) */
		position:absolute; 
	}

	#parallaxWrapper .pxBackground { top:0; left:0; background-size: 180%; background-position: right top;}
	
	.parallaxVideo { height:200px; }
		
}