/* ---------- FONTS --- */
@font-face {
    font-family: 'OmiRegular';
    src: url('https://thierrycosson.com/fonts/OmiRegular.eot'); /* IE9 Compat Modes */
    src: url('http://thierrycosson.com/fonts/OmiRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://thierrycosson.com/fonts/OmiRegular.woff') format('woff'), /* Modern Browsers */
         url('https://thierrycosson.com/fonts/OmiRegular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('https://thierrycosson.com/fonts/OmiRegular.svg#OmiRegular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'OmiBold';
    src: url('https://thierrycosson.com/fonts/OmiBold.eot'); /* IE9 Compat Modes */
    src: url('https://thierrycosson.com/fonts/OmiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://thierrycosson.com/fonts/OmiBold.woff') format('woff'), /* Modern Browsers */
         url('https://thierrycosson.com/fonts/OmiBold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('https://thierrycosson.com/fonts/OmiBold.svg#OmiBold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

body {cursor: default;}

/* ---------- LINKS --- */
a {
-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a {
    white-space: nowrap;
}
p a:hover {color: #0300e0 !important;}

h1 a {color: #0300e0 !important;}

h1 a:after {
    content: '';
    position: absolute;
    bottom: 3px !important;
    left: 4px !important;
    width: 0;
    height: 5px !important;
    background: #0300e0;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
}
h1 a:after {
    background: #0300e0 !important;
}
.page-template-home-slider .featured-slider-wrapper .entry-header a {
	color: #0300e0;
}
.page-template-home-slider .featured-slider-wrapper .entry-header a:hover {
	color: white;
}
div.nav-next:hover, div.nav-previous:hover {color: #fff !important;
-webkit-filter: invert(100%) brightness(200%) !important ; 
    filter: invert(100%) brightness(200%) !important;
}
div.nav-next, div.nav-previous, .contact-submit {
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.site-title a {-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
	opacity: 1;}
.site-title a:hover {opacity: .3;}

/* ---------- TYPOS --- */
body{
	font-family: 'OmiRegular';
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'OmiBold' !important;
}
h2.page-title {
	color: #fff;
	font-size: 6rem;
	margin-top: 0px;
}
h2.widget-title {
	font-family: 'OmiBold' !important;
}
b, strong {
  font-weight: 700;
	font-family: 'OmiBold' !important;
	color: #ff0000;
}
.portfolio-hover-title .portfolio-archive .row .featured-content + .entry-header h2 {
	    font-size: 3rem;
	line-height: 3.5rem;
	text-align: center;
}
.portfolio-hover-title .portfolio-archive .row .featured-content + .entry-header h2 a {
	color: #0300e0;
}
.menu-menu-container {
	font-family: 'OmiRegular' !important;
}
h1, .single-jetpack-portfolio .emphasis, .page .emphasis {
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: normal;
	font-family: 'OmiBold' !important;
}
body .contact-submit {
    font-family: 'OmiBold' !important;
}

/* ---------- MENU --- */

.entry-content a:after, .main-navigation a:after, .widget a:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background: #0300e0;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
}
.jetpack-social-navigation, .single-post .post-nav-text, .single-post .entry-footer .meta-text {
    font-size: 10px;
	font-weight: 700;
	font-family: 'OmiBold' !important;
}
body .jetpack-social-navigation li:not(:first-child) {
    margin-left: 5px;
}
.current-menu-item a {color: #0300e0 !important; opacity: .3; pointer-events: none; cursor: default;}
.current-menu-item a:after {height: 0px !important;}
.jetpack-social-navigation a:hover {opacity: 0.3;}

/* ---------- WIDGETS ---*/

.widget-title {
	font-family: 'OmiRegular' !important;
	font-size: 10px;
	text-transform: uppercase;
    font-weight: 100;
    letter-spacing: .02em;
    margin-bottom: 0;
    margin-top: 0;
    white-space: nowrap;
    padding-left: 5px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(90deg) translate(0,-100%);
    -moz-transform: rotate(90deg) translate(0,-100%);
    -ms-transform: rotate(90deg) translate(0,-100%);
    -o-transform: rotate(90deg) translate(0,-100%);
    transform: rotate(90deg) translate(0,-100%);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
		cursor: default;
}
.big-search {
    margin: 250px 60px 100px 70px;
    max-width: 440px;
    display: none;
}

.site-info a span {
	position: absolute;
	right: -1000px;
}
.site-info a:hover span {
	position: relative;
	right:0px;
}

/* ---------- INTRO --- */

.slider-item-wrapper .featured-content.horizontal-img img, .slider-item-wrapper .featured-content.vertical-img img {
	-o-object-fit: scale-down;
	object-fit: scale-down;
    width: 60vw;
    height: 60vh;
	display: block;
    margin: 0 auto;
	/*	-webkit-filter: grayscale(100%) contrast(1) brightness(.2) !important; 
    filter: grayscale(100%) contrast(1) brightness(.2) !important;*/	
    opacity: .2;
	/*-webkit-filter: blur(15px);
    filter: blur(15px);*/
	-webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}
.slider-text-center .featured-slider h2.medium, .slider-text-center .video-header-text.medium, .single .entry-title.medium {
    font-size: 10rem;
}
.slider-text-center .featured-slider h2 {
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0em;
    max-width: 80%;
    margin: 0px auto;
}
.screen-reader-text {
	clip-path: inset(0); /* pour que le menu en bas à gauche soit visible */
}


/* ---------- PORTFOLIO --- */

.portfolio-hover-title .portfolio-archive .row a:hover img {
    opacity: .2;
	/*-webkit-filter: blur(15px);
    filter: blur(15px);*/
	-webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}
.portfolio-hover-title .portfolio-archive .has-post-thumbnail {
    cursor: none;
    background-color: transparent;
	overflow: hidden;
}
.comment-wrapper {
display: none;	
}

.info-toggle {
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
	opacity: 1;
}
.info-toggle:hover {
	opacity: .3;
}
.cat-links:hover{ opacity: 1;}
.cat-links a:hover {color: #0300e0;}

/* ---------- ABOUT --- */
ul {
    list-style: none;
}
ul, ol {
    margin: 0 0 1.5em;
    padding-left: 0;
}
ul li a:hover, ul li a:after {color: #0300e0 !important;}

/* ---------- CONTACT --- */
.page .contact-form textarea, body .contact-form input[type=email], body .contact-form input[type=text] {color: #0300e0;}

#contact-form-11 h3 {
	font-family: 'OmiRegular' !important;
	font-weight: 400 !important;
	font-size: 3.75rem !important;
}
#contact-form-11 h3 a:hover {
	color:  #0300e0;
}
#contact-form-11 h3 a:after {
    height: 3px !important;
}
.contact-form-submission {
    margin-bottom: 0px;
    padding: 0;
}
p.contact-submit button{
	  border: none;
    border-radius: 0;
    background: transparent;
    font-weight: 400 !important;
	font-size: 3.75rem !important;
    line-height: 1;
    padding: 0;
}
p.contact-submit button:hover{
	  border: none;
    border-radius: 0;
    background: transparent;
    font-weight: 400 !important;
	font-size: 3.75rem !important;
    line-height: 1;
    padding: 0;
	color: #000;
}

/* ---------- SCREENS --- */
@media screen and (max-width: 600px){
.site-title {font-size: 1.2rem; line-height:1.5rem; }
.site-branding {
		top: 15px; max-width:180px;}
.navigation-wrapper {
		top: 15px;}
.menu-toggle {
    margin-top: .1rem;
}
body .jetpack-social-navigation a {
    padding: 1px;
}

h2.page-title {
    color: #fff;
    font-size: 3rem;
	line-height:3.5rem;
    margin-top: 0px;
}
.portfolio-archive .row .featured-content + .entry-header {
    display: block;
}
.portfolio-hover-title .portfolio-archive .row .featured-content + .entry-header h2 {
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    margin: 0 0 0 0;
	padding: 10px;
	background-color: #f2f2f2;
}
	
}

/*.portfolio-archive .site-main > .entry-header {
    text-align: center;
    position: fixed;
  margin: 0 auto;
	width: calc(100% - 240px);
	max-width: 1300px;
	z-index: 1;
}
.portfolio-archive .row {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 250px;
}*/