/*
Theme Name: Divi Child Theme
Template: Divi
Description: Thème Divi enfant
Author: Websystems
Version: 1.0.0
*/

@import url(../Divi/style.css);





/* Content:
  - Global Settings & Resets
  - Main Header + Top Header
  - Sidebars
  - Main Content
  - 
  - Basic Template (without Divi Builder)
*/


/*=====================================================================================*/
/*=========================== GLOBAL SETTINGS & RESETS ================================*/
/*=====================================================================================*/

h1 small{
	font-size: 0.5em;
    color: grey;
    display: block;
    text-align: right;
    margin-top: 15px;
}

h1 small a{
    color: #2ea3f2;
}

h2{
	margin: 20px 0px 10px;
}

a:hover{
	color: #2ea3f2;
	text-decoration: underline;
}

/*=====================================================================================*/
/*=========================== MAIN HEADER + TOP HEADER ================================*/
/*=====================================================================================*/

/* pour éviter une ligne blanche lors du loading entre le top-header et le main-header dans Chrome */
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container,
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
    background-image: linear-gradient(to bottom, black 35px, transparent 36px);
    padding-top: 140px;
}

#main-header{
	box-shadow: 0 0 15px #131313 !important;
	background-image: url('/wp-content/uploads/2016/09/PmHut-header-bg.jpg');
	background-size: cover;
	z-index: 90000;
}

#fancybox-wrap{
	z-index: 91000 !important;
}

/* pour que le logo soit moins «collé» au bas du header */
#logo{
	margin-bottom: 5px;
}

#top-menu-nav > ul > li > a,
#et-secondary-menu > ul > li > a {
    color: rgba(255,255,255,0.68);
}

#top-menu-nav > ul > li > a:hover,
#et-secondary-menu > ul > li > a:hover {
    opacity: 1;
    color: #fff;
}

/*=====================================================================================*/
/*================================= MAIN CONTENT ======================================*/
/*=====================================================================================*/

/* pour éviter un glitch visuel de positionnement au loading (causé nativement par le top header) */
#main-content .container {
	padding-top: 40px;
}



/*=====================================================================================*/
/*===================== BASIC TEMPLATE (without Divi Builder) =========================*/
/*=====================================================================================*/

/* SINGLE.PHP */
.basic-template.container:before{
	display: none;
}
.basic-template .col-cat-desktop{
	display: inline-block;
	float: left;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	margin-right: 20px;
	padding-right: 20px;
	width: 270px;
	vertical-align: top;
}
.basic-template .col-cat-desktop h4{
	font-size: 22px;
    letter-spacing: 1px;
    line-height: 1.2em;
}
.basic-template .col-cat-desktop.col-cat-desktop a{
	font-size: 11px;
    line-height: 1.9em;	
}
.basic-template .col-content{
	display: inline-block;
	float: left;
	margin-right: 20px;
	width: calc(100% - 650px);
}
.basic-template .col-content h1{
	font-size: 25px;
	line-height: 1.2;
	margin-bottom: 0;
}
.basic-template .col-content h2{
	color: #666;
	font-size: 14px;
	font-weight: bold;
}
.basic-template.query-results .col-content h2{
	font-size: 22px !important;
	color: #333;
	line-height: 1.2;
	font-weight: normal;
}
.basic-template .col-adds{
	width: 340px;
	float: left;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding-left: 20px;
    vertical-align: top;
}
.basic-template .col-adds > div{
	margin-bottom: 30px;
}
.basic-template .col-adds #recent-posts-2 h4{
	font-size: 22px;
}
.basic-template .col-cat-mobile{
	display: none;
	width: 100%;
}



/*=====================================================================================*/
/*=================================== SIDEBARS ========================================*/
/*=====================================================================================*/

/* LINKS */
.et_pb_widget li a:hover {
    color: #2ea3f2;
    text-decoration: none;
}

/* SIDEBAR - CATEGORIES - DESKTOP */
#collapscat-2 {
    margin-bottom: 50px;
}
#collapscat-2 li {
    font-size: 11px;
    line-height: 1.9em;;
}
#collapscat-2 ul li ul li {
    margin-left: 4px;
}
#collapscat-2 li.collapsing.categories span.sym{
	margin-left: -1.5em;
	font-size: .9em;
}
#collapscat-2 li.collapsing.categories.item:before {  
	display: none;
}
#collapscat-2 li.collapsing.categories.self.self a {
    font-weight: normal;
    color: #2ea3f2;
}

/* SIDEBAR - CATEGORIES - MOBILE */
#collapscat-3 {
	margin-bottom: 50px;
}
#collapscat-3 > ul:before{
	display: none;
}
#collapscat-3 li.collapsing.categories:before{
	display: none;
}
#collapscat-3 li.collapsing.categories {
	display: inline-block;
	margin: 6px 3px;
}
#collapscat-3 li.collapsing.categories a {  
	background-color: #dad8d8;
    padding: .3em .6em;
    border-radius: 6px;
}
#collapscat-3 li.collapsing.categories a:hover {  
	background-color: #4e4e4e;
    color: #fff;
}
#collapscat-3 li.collapsing.categories.self.self a {
    background-color: #4e4e4e;
    color: #fff;
}
#collapscat-3 li.collapsing.categories span.sym {  
	display: none;
}

/* SIDEBAR - ADDS */
.et_pb_widget_area.et_pb_widget_area.et_pb_widget_area> div{
	margin-bottom: 30px;
}
#recent-posts-2 li{
	margin-bottom: 20px;
}
#recent-posts-2 li a{
	font-size: 13px;
}
#recent-posts-2 li a + span{
	display: block;
	font-size: 11px;
}



.pagination {
    clear: both;
    margin-bottom: 30px;
}



/* TITRE D'ARTICLES - Layout Blog */
.et_pb_post:first-child h2 {
    margin-top: 0px;
}



/* ADD BOXES - WEB APP OF THE MONTH! */
.add-box{
	width: 100%;
    border-radius: 5px;
    box-shadow: 0 3px 10px #a1a1a1;
    display: inline-block;
    height: auto;
    left: 50%;
    margin-bottom: 60px !important;
    min-width: 20px;
    position: relative;
    transform: translateX(-50%);
    transition: all .15s;
}
.add-box:hover{
	box-shadow: 0 3px 20px #a1a1a1;
}
.add-box > div{
	padding: 10px;
}
.add-box *{
	box-sizing: border-box;
}
.add-box h2{
	background-image: linear-gradient(135deg, #000000, #5d5d5d);
	border-radius: 5px 5px 0 0;
	font-size: 18px;	
	margin: 0;
    color: #fff;
    font-weight: normal;
    padding: 10px;
}
.add-box p.slogan{
	font-size: 27px;
	line-height: 1.2;
	padding: 20px 10px 10px;
}
.add-box p.slogan a{
	color: #989898;
	background-image: linear-gradient(to top, #989898, #989898);
	background-size: 100% 1px; 
	background-position: center 89%;
	background-repeat: no-repeat;
	text-shadow: 1px 1px 1px white, -1px 1px 1px white, 1px -1px 1px white, -1px -1px 1px white; 
}
.add-box p.slogan a:hover{
	color: #585858;
	background-image: linear-gradient(to top, #585858, #585858);
	text-decoration: none;	
}
.add-box div.left-zone,
.add-box div.right-zone{
	float: left;
	padding: 10px;
	width: calc(100% - 300px);
}
.add-box div.left-zone{
	width: 300px;
}
.add-box img.app-logo{
	max-width: 100%;
}
.add-box .cta{
	text-align: center;	
    margin-bottom: 5px;
    padding: 0;
}
.add-box .cta a{
	display: inline-block;
    background-image: linear-gradient(135deg, #71dc00, #579233);
    border-radius: 5px;
    box-shadow: 0 1px 5px grey;
    color: #fff;
    font-size: 21px;
    max-width: 300px;
    opacity: .85;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
    text-shadow: 2px 2px 10px #444444;
    transition: opacity ease .25s;
    width: 100%;
}
.add-box .cta a:hover{
	opacity: 1;
}
.add-box .cta a:hover,
.add-box .cta a:visited{
	color: #fff;
}
.add-box p.description{
	line-height: 1.2;
	font-size: 15px;	
	padding: 5px;	
	margin-bottom: 5px;	
}
.add-box a.demo{
	width: 50%;
	float: left;
	padding: 5px;
}
.add-box a.demo img{
	transition: box-shadow ease .25s;
}
.add-box a.demo:hover img{
	box-shadow: 0 0 7px;
}
.add-box a.demo img{
	width: 100%;
}

.add-box div.clearfix{
	padding: 0;	
}


/* HOMEPAGE - Layout Blog */

/* 1+1+1 */
@media all and (min-width: 1281px) {
    .et_pb_section {
	    padding: 25px 0;
	}
	#basic-template .et_pb_column  {
		width: 270px;
		margin-right: 20px;
	}
	#basic-template .et_pb_column .et_pb_widget_area_left {
		padding-right: 20px;
	}
	#collapscat-2 span.sym{
		margin-left: -1.5em;
		font-size: .9em;
	}
	#basic-template .et_pb_column + .et_pb_column  {
		width: calc(100% - 650px);
		margin-right: 20px;
	}
	#basic-template .et_pb_column + .et_pb_column + .et_pb_column  {
		width: 340px;
		margin-right: 0;
	}
	#basic-template .et_pb_column + .et_pb_column + .et_pb_column .et_pb_widget_area_right {
	    padding-left: 20px;
	    margin-bottom: 30px;
	}
	#basic-template .et_pb_column + .et_pb_column + .et_pb_column + .et_pb_column  {
		display: none;
	}
}

/* 1+1/1 */
@media all and (max-width: 1280px) {
    .et_pb_section {
	    padding: 25px 0;
	}
	.basic-template .col-cat-desktop,
	#basic-template .et_pb_column:first-child  {
		display: none;
	}
	#basic-template .et_pb_column .et_pb_widget_area_left {
		padding-right: 20px;
	}
	.basic-template .col-content,
	#basic-template .et_pb_column + .et_pb_column  {
		width: calc(100% - 360px);
		margin-right: 20px;
	}
	#basic-template .et_pb_column + .et_pb_column + .et_pb_column  {
		width: 340px !important;
		margin-right: 0;
	}
	#basic-template .et_pb_column + .et_pb_column + .et_pb_column .et_pb_widget_area_right {
	    padding-left: 20px;
	}
	.basic-template .col-cat-mobile,
	#basic-template .et_pb_column + .et_pb_column + .et_pb_column + .et_pb_column  {
		width: 100% !important;
		display: block;
	}
	#basic-template .et_pb_column + .et_pb_column + .et_pb_column + .et_pb_column .et_pb_widget_area_left{
		border: none;
	}
}

/* 1/1/1 */
@media all and (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container,
	.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
	    background-image: linear-gradient(to bottom, black 35px, transparent 36px);
	    padding-top: 79px;
	}
    .et_pb_section {
	    padding: 25px 0;
	}
	#basic-template .et_pb_column:first-child  {
		display: none;
	}
	#basic-template .et_pb_column .et_pb_widget_area_left {
		padding-right: 20px;
	}
	.basic-template .col-content,
	#basic-template .et_pb_column + .et_pb_column  {
		width: 100% !important;
		margin-right: 0;
	}
	.basic-template .col-adds,
	#basic-template .et_pb_column + .et_pb_column + .et_pb_column  {
		width: 100% !important;
		margin-right: 0;
	}
	#basic-template .et_pb_column + .et_pb_column + .et_pb_column .et_pb_widget_area_right {
	    padding-left: 20px;
	}
	#basic-template .et_pb_column + .et_pb_column + .et_pb_column + .et_pb_column  {
		width: 100% !important;
		display: block;
	}
	#basic-template .et_pb_column + .et_pb_column + .et_pb_column + .et_pb_column .et_pb_widget_area_left{
		border: none;
	}
	.add-box{
	    box-shadow: none !important;
	    border: 1px solid #cecece;
	}
	.add-box p.slogan + div{
	    padding: 10px;
	}
}

/* pour les add-box seulement */
@media all and (max-width: 1600px) {
	.add-box div.left-zone,
	.add-box div.right-zone{
		float: left;
		padding: 10px;
		width: 100% !important;
	}
}






#recent-posts-2 a span{
	display: block;
	font-size: .8em;	
}




/* FOOTER */
#footer-info a:hover {
    opacity: 1;
}

/* social icons disabling */
li.et-social-icon.et-social-facebook {
	display: none;
}
li.et-social-icon.et-social-google-plus {
	display: none;
}
li.et-social-icon.et-social-rss {
	display: none;
}