/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Nath
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
@font-face {
    font-family: 'visby-heavy';
    src:url('https://www.nathetchris.fr/wp/wp-content/themes/divi-child/fonts/VisbyCF-Heavy.eot') format('eot'), 
		url('https://www.nathetchris.fr/wp/wp-content/themes/divi-child/fonts/VisbyCF-Heavy.woff2') format('woff2'),
        url('https://www.nathetchris.fr/wp/wp-content/themes/divi-child/fonts/VisbyCF-Heavy.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'visby-medium';
    src:url('https://www.nathetchris.fr/wp/wp-content/themes/divi-child/fonts/VisbyCF-DemiBold.eot') format('eot'), 
		url('https://www.nathetchris.fr/wp/wp-content/themes/divi-child/fonts/VisbyCF-DemiBold.woff2') format('woff2'),
        url('https://www.nathetchris.fr/wp/wp-content/themes/divi-child/fonts/VisbyCF-DemiBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'visby-regular';
    src: url('https://www.nathetchris.fr/wp/wp-content/themes/divi-child/fonts/VisbyCF-Regular.eot') format('eot'),
	url('https://www.nathetchris.fr/wp/wp-content/themes/divi-child/fonts/VisbyCF-Regular.woff2') format('woff2'),
        url('https://www.nathetchris.fr/wp/wp-content/themes/divi-child/fonts/VisbyCF-Regular.woff') format('woff');    
    font-style: normal;
	font-weight:900;
}

body{
    font-family: 'visby-regular';
    font-style: normal;
	font-weight:900;
	letter-spacing:1px;
}
body strong{
	font-family: 'visby-heavy';
    font-weight: bold;
    font-style: normal;
}
.heavy-text h1, .heavy-text h2 {
    font-family: 'visby-heavy';
    font-weight: bold;
    font-style: normal;
}
#main-header{
	top:0 !important;
	padding-top:40px !important;
}
#top-menu{
	font-family:'visby-heavy' !important;
}

#main-header, .et-animated-content{
	box-shadow:none;
	/*transition:none!important;*/
}
.et-animated-content{
	margin-top:0!important;
}	
.et_fixed_nav #main-header, .et_fixed_nav #top-header{
	position:relative;
}

#top-menu li.current-menu-item>a{
	background-color:#FF585e;
	padding:0 !important;
}
#top-menu li {
	padding-right: 82px;
}

.proj a .voir{
	font-family: 'visby-heavy';
	line-height:50px;
	text-decoration:underline;
	text-transform:lowercase;
}

.fleche:before{
	font-family: 'ETmodules';
	text-decoration:none!important;
	content: "\35";
	font-size: 19px;
	vertical-align: middle;
}
/* Projet */
.proj{
	letter-spacing:3px;
	font-size:12px;
	line-height:14px;
	padding-top:250px;
}
.proj p{
	padding-bottom:20px!important;
}
.proj h2{
	font-family: 'visby-heavy';
	font-size:16px;
	line-height:20px;
}
.proj h3{
	padding-bottom:2px;
	font-size:12px;
	font-family: 'visby-medium';
}
.proj h4{
	color:#0000FF!important;
	font-size:10px;
	text-transform:uppercase;
}
.proj h4 a{
	text-decoration:underline;
}
/* GALLERY */
.et-pb-controllers a{
	background-color:#ffffff;
	opacity:1;
	border:#0000FF 1px solid;
}
.et-pb-controllers{
	bottom:60px;
}

.et_pb_slider{position:initial;}
.et-pb-arrow-prev,.et_pb_slider:hover .et-pb-arrow-prev {
	left:-55px!important;
}
.et-pb-arrow-next,.et_pb_slider:hover .et-pb-arrow-next{
	right:-55px!important;
}
.et-pb-arrow-prev, .et_pb_slider:hover .et-pb-arrow-prev,.et-pb-arrow-next, .et_pb_slider:hover .et-pb-arrow-next{
	opacity:1!important;
	z-index:9999;
	transition:none;
}
/**/

.nav-label{
	text-transform:none;
	top:-5px;
}
.nav-previous:before, .nav-next:after{
	font-family: 'ETmodules';
	font-size:22px;
}
.nav-previous:before{
	content: "\34";
}
.nav-next:after{
	content: "\35";
} 
.meta-nav{display:none;}

.logo_titl{
	font-size: 20px;
	color: rgb(0, 0, 255);
	text-transform: uppercase;
	letter-spacing: 8px;
	padding: 20px 0;
}

#menu-footer{
	text-align:center;
}
#menu-footer li{
	padding-right:0;
}

.bottom-nav li{
	display:list-item;
}
.footer_c a, footer_dot a{
	font-size:13px!important;
	font-weight:bold!important;
	font-family: 'visby-heavy';
	letter-spacing:6px;
	line-height:50px;
}
.footer_c{
	  background:url('images/favicon-96x96.png') no-repeat;
	  background-position: center 0;
	  padding-top:50px;
	  background-size: 24px 24px;
}
.footer_dot a{
	font-size:26px!important;
}

.footer_m a{
	font-size:8px!important;
	line-height:50px;
}


.et_fixed_nav.et_show_nav.et_header_style_centered #page-container{
	padding-top:0 !important;
}
.page.et_pb_pagebuilder_layout #main-content {
	position: relative;
	
}
.et_header_style_centered #main-header div#et-top-navigation {
	padding-top: 20px;
	height: 60px!important;
}
.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container {
	height: 0!important;
}
.et_header_style_centered #main-header .logo_container{
	height:320px!important;
}

.et_pb_section_0.et_pb_section {
	/*padding-top: 390px!important;*/
}

/*MENTIONS */
.mentions h3 {
	padding-top: 20px;
}
/**/

/* OVERLAY*/
#main-content .container:before {
	position: absolute;
	top: 0;
	width: 0;
	height: 100%;
	background-color: #e2e2e2;
	content: "";
}

.image_over {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #FF585e;
}
.container{
	width:100%;
	padding-top:0 !important;
}
.container:hover .overlay {
  opacity: 1;
}


.text,.textbis, .textter  {
  color: white;
  font-size: 18px;
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: 'visby-heavy';
  letter-spacing:4px;
  background:url('images/plus_circle.png') no-repeat;
  background-position: 50% 41px;
  height: 80px;
  width:95%;
  line-height:22px;
}
/* texte sur 2 lignes */
.textbis {
	background-position: 50% 62px;
	height:90%;
	top:80%;
	max-width: 300px;
}
/* Cross */
.outer {
  position: relative;
  margin: auto;
  width: 50px;
  cursor: pointer;
}

.inner {
  width: inherit;
  text-align: center;
}

label { 
  font-size: .8em; 
  line-height: 4em;
  text-transform: uppercase;
  color: #0000FF;
  transition: all .3s ease-in;
  opacity: 0;
  cursor: pointer;
}

.inner:before, .inner:after {
  position: absolute;
  content: '';
  height: 2px;
  width: inherit;
  background: #0000FF;
  left: 0;
  transition: all .3s ease-in;
}

.inner:before {
  top: 50%; 
  transform: rotate(45deg);  
}

.inner:after {  
  bottom: 50%;
  transform: rotate(-45deg);  
}

.outer:hover label {
  opacity: 1;
}

.outer:hover .inner:before,
.outer:hover .inner:after {
  transform: rotate(0);
}

.outer:hover .inner:before {
  top: 0;
}

.outer:hover .inner:after {
  bottom: 0;
}

/* slider image*/
.et_pb_bg_layout_light .et-pb-arrow-next, .et_pb_bg_layout_light .et-pb-arrow-prev{
	color:#0000FF;
}
.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control{
	background-color:#0000FF;
}
.projet .et_pb_column_1{
	min-width:750px;
}
.projet .et_pb_column_2{
	max-width:50px;
}

.copyright {
	position:absolute;
	bottom:54px;
}
#canvas{
	width:244px;
	height:249px;
	background-color:#FFFFFF;
}
.nav_proj{
	min-width:100%;
}
.et-pb-contact-message{
	text-align:center;
}
/* Responsive Styles Tablet And Below */

@media all and (max-width: 1362px) {
.cross_col{
	position:absolute!important;
	right:0;
}
.proj{
	/*padding-top: 0;*/
}

.projet .et_pb_column_1{
	min-width:none;
}
.text,.textbis, .textter {
  letter-spacing:1px;
  color: white;
  font-size: 14px;
  position: absolute;
  top: 55%;
  left: 50%;
  background-position: 50% 31px;
  height: 80px;
  width:98%;
  line-height:14px;
}
.textbis, .textter {
  top: 55%;
  left: 50%;
  background-position: 50% 41px;
  height: 80px;
}
}
@media all and (max-width: 1280px) {
.projet .et_pb_column_0{
	/*min-width:50%;*/
}
}
@media all and (max-width: 980px) {
.proj{
	padding-top:0;
	/*width:85%;*/
}
.et_pb_row {
	width:95%;
}
#main-header div#et_mobile_nav_menu {
	display: none;
}
#top-menu, .et_header_style_centered nav#top-menu-nav {
	display: block;
}

#main-header{
	height:330px;
	top:0 !important;
	padding:0!important;
}

.et_pb_row .et_pb_column.et_pb_column_1_4, .et_pb_row .et_pb_column.et_pb_column_1_5, .et_pb_row .et_pb_column.et_pb_column_1_6{
	margin-bottom:0;
}
.et_header_style_centered #main-header div#et-top-navigation{
	padding-top:240px;
}

}

/* Responsive Styles Smartphone Only */
@media all and (max-width: 768px) {
#canvas{
	width:171px;
	height:174px;
}
.logo_titl{
	font-size: 14px;
	padding: 20px 0;
}

.et_pb_column {
	margin-bottom: 0;
}
	
#main-header{
	height:330px;
	top:0 !important;
	padding:0!important;
}

.et_header_style_centered #main-header div#et-top-navigation{
	padding-top:180px;
}
/* Projet */

.et-pb-controllers{
	bottom:90px;
}
.copyright_mob {
	padding-top:10px;
}

.proj{
	padding-top:0;
	width:85%;
}
.projet .et_pb_column_1{
	min-width:90%;
}

.et-pb-arrow-prev,.et_pb_slider:hover .et-pb-arrow-prev {
	left:0;
}
.et-pb-arrow-next,.et_pb_slider:hover .et-pb-arrow-next{
	right:0;
}
/* Cross */
.outer {
  position: fixed;
  margin: auto;
  width: 50px;
  cursor: pointer;
  top:5px;
  right:5px; 
}
.text,.textbis, .textter {
  letter-spacing:1px;
  color: white;
  font-size: 12px;
  position: absolute;
  top: 55%;
  left: 50%;
  background-position: 50% 31px;
  height: 80px;
  width:98%;
  line-height:14px;
}
/* texte sur 2 lignes */
.textbis {
	background-position: 50% 42px;
	height:90%;
	top:70%;
	width:98%;
	max-width: 210px;
}
.textter {
	background-position: 50% 42px;
	height:70%;
	top:70%;
	width:95%;
	max-width: 210px;
}
}


h1{font-size:23px;}
h2{font-size:21px;}
h3{font-size:20px;}

.footer_c{
	  background-position: center 0;
}

}