/*
Theme Name: RW
Theme URI: https:
Author: Raphaël Wittmann
Author URI: 
Description: 
Version: 4.0
License: 
Text Domain: rw_v4
Tags: 
*/

/*
* Fonts
*/

body, input, textarea {
    font-family: Arial, "Helvetica", sans-serif;
    
}
.footer, .menuFooter, .tooltip p {
    font-family: "Arial", "Helvetica", sans-serif;
}

.loaderText, .clientsList ul li h6 {
    font-family: Georgia, serif;
}


/*
* Animations
*/

a, input, textarea, 
.projectThumbnailLink img, 
.headerWrapper.clone, .logoboardColumn > a .logoImgOver {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/*
* General
*/

body { background-color: #FFF; font-size: 22px; line-height: 1.2; overflow-x: hidden; }
body.menuOpened { overflow: hidden; }

.section { padding: 0 25px; }
.main { width: 100%; margin: 0 auto; position: relative; }
.sectionComposer.section { padding: 0; }
.sectionComposer .main { max-width: none; }

clearfix:before, .clearfix:after, .gallery:before, .gallery:after { clear: both; content: " "; display: table; }

em { font-style: italic; }
b, strong { font-weight: bold; }

/*
* Header
*/

.headerWrapper.clone { 
    display: none; 
    background-color: #111; color: #FFF; 
}
.cloneMenuOpened .headerWrapper.clone a { color: #FFF; border-color: #FFF; }
.cloneMenuOpened .menuToggleFixed a { color: #FFF; }

.siteHeader { padding: 20px 30px 20px 0; position: relative; line-height: 30px; }
.menuToggle { position: absolute; top: 23px; right: 0px; text-align: center; font-size: 22px; line-height: 26px; overflow: hidden; }
.menuToggleFixed { position: fixed; z-index: 999; top: 23px; right: 25px; text-align: center; font-size: 22px; line-height: 26px; overflow: hidden; }
.menuToggle a, .menuToggleFixed a { cursor: pointer; display: block; width: 30px; line-height: 30px; }
.headerSubMenu { font-size: 12px; line-height: 15px; margin-top: 5px; }
.headerSubMenu li { margin: 5px 10px 5px 0; display: inline-block; }
.headerTitle { font-size: 25px; line-height: 30px; font-weight: normal; }
p.headerTitle { cursor: default; }
.headerTitle a { position: relative; }

.burgerIcon { position: absolute; right: 100%; top: 0; z-index: 1; width: 60px; text-align: right; padding-right: 40px; padding-top: 7px; display: none; }
.burgerIcon i { display: block; width: 0px; height: 2px; background: #111; float: right; clear: both; margin-top: 3px; }
.headerTitle a:hover .burgerIcon i{ width: 20px; }
.headerTitle a .burgerIcon i:nth-child(1){ transition: all .2s ease-in-out; }
.headerTitle a .burgerIcon i:nth-child(2){ transition: all .3s ease-in-out; }
.headerTitle a .burgerIcon i:nth-child(3){ transition: all .4s ease-in-out; }
.headerTitle a:active .burgerIcon i { background: #aaa; }

.headerSubMenu a { color: #111; border-bottom: 2px solid transparent; text-decoration: none; }
.headerSubMenu a:hover { color: #767676; }

.headerSubMenu li a.selected, .headerSubMenu li.current-menu-item a { color: #111; border-bottom: 2px solid #111;  }


.headerSubNavigation{ position: relative; top: O; }
.headerSubNavigation a { color: #111; width: 28px; text-align: center; display: inline-block; }
.headerSubNavigation .previousProjectLink, .headerSubNavigation .nextProjectLink { position: relative; top: -2px; }

/*
* Loader
*/
.loaderSVG { 
    background: #ECECEC url(assets/img/error-header.gif) repeat 0 0; height: 100vh; text-align: center;
    display: flex; align-items: center; justify-content: center; 
}
.loaderSVG.switch { mix-blend-mode: difference; opacity: 0.6; }

#svgWrapper { cursor: pointer; }
.loaderText { color: #111; opacity: 0; position: relative; top: 30px; }
.loaderText h1 { font-size: 20px; line-height: 28px; margin: 0; letter-spacing: 0;  }
.loaderText h2 { font-size: 40px; line-height: 40px; margin: 3px 0 3px; letter-spacing: -2px; }
.loaderText h3 { font-size: 16px; line-height: 28px; margin: 0; letter-spacing: 0.1px; font-style: italic; }
#rwLogo { height: 70px; opacity: 0; }

/*
* Navigation
*/

.mainNavigationWrapper { 
    background: #111; color: #aaa; padding: 0 25px 25px; display: none; overflow: scroll;
    position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%;
}

.page-template-sitemap-page { background: #111; }
.page-template-sitemap-page .mainNavigationWrapper { position: static; display: block; }

.mainNavigationWrapper a { border-bottom: 2px solid transparent; color: #FFF; }
.mainNavigationWrapper a:hover { border-bottom-color: #FFF; }
.mainNavigationWrapper .menuOpen, .mainNavigationWrapper .menuClose { border: 0; }

.mainNavigationWrapper .headerTitle { margin: 0; }
.mainNavigationContent { position: relative; width: 100%; height: 100%; }
.menuFooterLeft, .menuFooterRight { font-size: 11px; line-height: 20px; padding-top: 25px; }

.mainNavigationWrapper .menuFooterLeft a, .mainNavigationWrapper .menuFooterRight a { border: 0; }
.mainNavigationWrapper .menuFooterLeft a:hover, .mainNavigationWrapper .menuFooterRight a:hover { border: 0; color: #aaa; }
.mainNavigationWrapper .wpml-ls-current-language a { color: #aaa; }

.menuContentWrapper { /* display: flex; align-items: center; justify-content: center; */ }
.menuContent { width: 100%; }
.menuContent h6 { font-size: 25px; line-height: 30px; }
.menuContent h6 a { color: #aaa; border: 0; }
.menuContent ul { padding-bottom: 25px; }
.menuContent ul li { margin: 15px 0; }
.menuContent p { margin: 15px 0; }
.menuContent address { margin: 15px 0; font-style: italic; }

.post-edit-link { font-size: 12px; line-height: 16px; color: #aaa; }

.mainNavigationWrapper .socialLinks ul { display: table; padding-top: 5px; }
.mainNavigationWrapper .socialLinks li { display: table-cell; padding-right: 5px; }
.mainNavigationWrapper .socialLinks li a { border: 0; color: #aaa; font-size: 22px;  }
.mainNavigationWrapper .socialLinks li a:hover { color: #FFF;  }

.wpml-ls-legacy-list-horizontal { padding: 0; }
.wpml-ls-legacy-list-horizontal a { padding: 0; }
.wpml-ls-legacy-list-horizontal .wpml-ls-item { margin-right: 15px; }


/*
* Footer
*/

.footerWrapper { font-size: 11px; line-height: 20px; padding: 25px 25px;  position: relative; }
.footerWrapper a { text-decoration: none; color: #111; }
.backToTop { position: absolute; z-index: 100; right: 0; top: 4px; font-size: 22px; line-height: 26px; text-align: center; cursor: pointer; }



/*
* Headings
*/

.cesure { webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }

h1 { font-size: 50px; line-height: 0.9; padding: 25px 0 0; margin: 0 0 35px; }
h2 { font-size: 40px; line-height: 0.9; margin: 25px 0; }
h3 { font-size: 36px; line-height: 1; margin: 25px 0; }
h4 { font-size: 30px; line-height: 1.1; margin: 25px 0; }
h5 { font-size: 25px; line-height: 1.1; margin: 25px 0; font-weight: bold; }
h6 { font-size: 20px;  margin: 25px 0; }

/*
* Content
*/



.txt { font-size: 19px; line-height: 1.4; }
.txt p { margin: 14px 0; }
.txt img { max-width: 100%; height: auto;  }
.txt img.aligncenter { margin-left: auto; margin-right: auto; display: block; }

.txt ul { list-style: disc; margin-left: 20px; }
.txt ol { list-style: decimal-leading-zero; margin-left: 33px; }
.txt ul li, .txt ol li { margin: 14px 0; }

/*
* Links
*/

a { text-decoration: none; color: #111; }
a:active { color: #aaa; }

.txt a { border-bottom: 3px dotted #aaa; }
.txt a:hover { color: #aaa; }

/*
* Page content
*/

.pageTitle { font-size: 40px;  }

/*
* Projects list
*/


.portfolioRow.otherProjectsRow, .portfolioRow.archiveProjectsRow { display: table; }
.projectInListWrapper { }

.portfolioRow { margin-left: -1px; margin-right: -1px; }
.portfolioRow .projectInListWrapper.col-md-4, .portfolioRow .projectInListWrapper.col-x5 { float: left; width: 50%; padding-left: 1px; padding-right: 1px; }

.projectInList { padding-bottom: 2px;  }
.projectThumbnailLink { display: block; position: relative; background: #ECECEC url(assets/img/error-header.gif) repeat 0 0;  }
.projectThumbnailLink img { display: block; width: 100%; height: auto; position: relative; z-index: 0; }
.projectThumbnailLink img.projectThumbnailOver { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0;   }
.projectThumbnailLink:hover img.projectThumbnailOver { opacity: 1; }

.tooltip {  color: #111; z-index: 20; }
.tooltip div {  margin: 0; padding: 0; font-size: 20px; line-height: 29px;  }
.tooltip h5 { font-size: 20px;  margin: 0; padding: 0;  font-weight: normal; display: inline; background: rgba(255, 255, 255, 0.99); padding: 0 5px; float: left;  } 
.tooltip p { font-size: 11px; line-height: 18px; margin: 0; padding: 0px 0 0; position: relative; top: 0px; }
.tooltip p > span { display: inline-block; background: rgba(255, 255, 255, 0.99); margin: 0; padding: 2px 5px 2px; position: relative; top: 0px; }

.projectThumbnailLink .projectInfos { display: none;  }


.navigation.pagination { padding: 50px 0 0;  }
.navigation.pagination h2 { display: none; }

/*
* Single project
*/
.single-project .txt img { /*cursor: s-resize;*/ }

.single-project .txt h2, .single-project .txt h3 { font-size: 25px; line-height: 1.2; }

.blankSectionProject { float: left; width: 100%; height: 1px; padding: 0; } 
.othersProjectWrapper { padding-top: 50px; }
.othersProjectTitle { margin-bottom: 50px; font-size: 25px; line-height: 30px; font-weight: normal; }

.single-project section { cursor: s-resize; }
.single-project section.othersProjectWrapper { cursor: default; }


/*
* Lazyloader
*/

.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}

/*
* King Composer
*/
.kc-container { max-width: none!important; }
.kc-row-container .kc_column .kc-col-container { padding: 0; }
.kc-row-container .kc_column { padding: 0;  }
.kc-container { padding-left: 25px;padding-right: 25px; }
.kc-row-container .kc-wrap-columns { padding: 0; }
.kc-row-container { margin: 0; padding: 0; }
.kc_text_block { padding-top: 50px; padding-bottom: 50px; }
.kc-row-container.kc-container .kc-wrap-columns, .kc_row_inner { width: 100%!important; margin-left: 0!important; margin-right: 0!important; }

.kc_single_image img { width: 100%; height: auto; display: block; }
.kc-carousel_images img { width: 100%; height: auto; }

/*** css classes to use ***/

/*** for row ***/
.columnWrap50 { margin-left: -25px; margin-right: -25px; }
.columnWrap50 .kc_column { padding-left: 25px; padding-right: 25px; }

/*
* Logos /logoboard
*/

.logoboardSection { background-color: #efefef; padding-top: 50px; margin-top: 100px; }

.logoboardSection h2 { margin-bottom: 80px; padding-top: 10px; text-align: center; }

.logoboardColumn { margin-bottom: 50px; }
.logoboardColumn > a { display: block; position: relative; border: 20px solid #FFF; background-color: #FFF; }
.logoboardColumn > a img { display: block; width: 100%; height: auto; }
.logoboardColumn > a .logoImgOver { position: absolute; z-index: 1; top: 0; left: 0; opacity: 0; }
.logoboardColumn > a:hover .logoImgOver { opacity: 1; }


/*
* Clients
*/

.clientsList { padding-top: 50px; }
.clientsList ul li { margin-bottom: 25px; }
.clientsList ul li h6 { margin: 0; font-style: italic; }
.clientsList ul li p { font-size: 11px; text-transform: uppercase; padding-top: 3px; letter-spacing: 0.4px; }
.clientsList ul li a { display: block; }
.clientsList ul li a:hover { color: #aaa; }

/*
* Blog 
*/
.postsList {  }
.postInList  { border-bottom: 1px solid #aaa; }
.postInList a { display: block; padding: 50px 0; }
.postInList .postTitle { margin: 0 0 15px; }
.postInList .postExcerpt { font-size: 18px; line-height: 22px; max-width: 600px; }


/*
* Recherche scientifique 
*/

.page-id-4935 { background: #fff url(https://raphaelwittmann.net/wp-content/uploads/2020/01/recherche-background-copyright-coralmorphologic.jpg) no-repeat 100% 0; background-size: 40vw 40vw; }
.page-id-4935 h1 { hyphens: auto; }
.rechercheSlider { width: 80%; margin-bottom: -100px; }
.scienceLogos p { display: flex; column-gap: 30px; max-width: 1000px; margin: 14px auto }
.txt .scienceLogos p a { display: inline-block; border: 0; }

.txt .rechercheIconList { margin-top: -80px; }
.txt .rechercheIconList li { padding: 10px 0 10px 40px; list-style: none; position: relative;  }
.rechercheIconList li i { font-size: 25px; color: #69b0cc; position: absolute; left: 0; top: 3px; z-index: 1; }

.txt .rechercheMetierIntro p { margin-top: -20px; }

.rechercheProjectRow.kc-row-container .kc-wrap-columns { border-top: 1px solid #69b0cc; padding-bottom: 10px; }

.rechercheProjectRow.kc-row-container .kc-col-container { align-content: safe!important; }
body section[data-kc-equalheight-align="middle"] > .kc-container.rechercheProjectRow > .kc-wrap-columns > .kc_column > .kc-col-container, body section[data-kc-equalheight-align="middle"] > .kc-row-container.rechercheProjectRow > .kc-wrap-columns > .kc_column > .kc-col-container {  }

.rechercheProjectRow a.btn { background: #69b0cc; border-radius: 5px; padding: 10px 20px; display: inline-block; border: 0; float: left; margin-top: 20px; margin-right: 20px; color: rgba(0, 0, 0, 0.6); }
.rechercheProjectRow a.btn:hover { color: #FFF; opacity: 0.9; }

.rechercheTutelles { display: block; margin-top: 15px; float: left; width: 100%; }
.rechercheTutelles img { display: inline-block; height: 50px; width: auto; margin: 0 5px; opacity: 0.7; }
.rechercheTutelles img:hover { opacity: 1; }

.rechercheContactInfos p { position: relative; padding-left: 70px; }
.rechercheContactInfos strong { display: block; }
.rechercheContactInfos i { border: 2px solid #69b0cc; color: #69b0cc; border-radius: 100%; width: 60px; height: 60px; line-height: 56px; text-align: center; position: absolute; left: 0; top: 0; z-index: 1; }

.txt .kc_single_image a, .txt .videoLink { border: 0; }
.txt .videoLink video { height: auto; }

.rechercheProductsRow { margin-top: -50px; }

.tesminonial { border-radius: 5px 5px 0 0; }
.tesminonial > p { font-size: 0.8em; }