/*
Theme Name: 50 Ans
Theme URI: http://museedufjord.com/50
Description: Thème enfant de Divi pour Musée du Fjord, par NickoLabs
Author: Nickolas Simard
Author URI: http://nickolabs.com
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================
*/

/* BASE COLOR */
.mobile_menu_bar::before, .mobile_menu_bar::after,
.et_pb_contact_submit{
	color: #258946;
}
.et_mobile_menu {border-top-color: #258946;}

/* HEADER */

#main-header {background-color: transparent;}
/*#et-top-navigation {display: none;}*/

/* TYPOGRAPHY */
body,
h1, h2, h3, h4, h5, h6 {color: #fff;}
h2 {
	position: relative;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 1em;
}

h2 strong {
	position: absolute;
	opacity: 0.3;
	top: -62px;
	left: 30px;
	width: 100%;
	font-size: 80px;
	line-height: 80px;
	font-weight: 500;
	text-transform: uppercase;
}
p {font-size: 1.2em; line-height: 1.7em}
li {font-size: 1.2em; line-height: 1.7em; margin-bottom: 0.5em}
a {color: #000; font-weight: bold;}
/* SLIDES */
/* Basic setup */
.slidev2 {padding: 0 !important;}
.slidev2 .et_pb_row{
	padding: 0;
	background-size: cover;
	background-image: url(http://museedufjord.com/50/wp-content/uploads/2017/06/content-bg.jpg);
	background-repeat: no-repeat;
	background-blend-mode: multiply;
}
/* Color to multiply over */
.vert .et_pb_row {background-color: #0c9945 !important;}
.vertclair .et_pb_row {background-color: #679d21 !important;}
.vertfonce .et_pb_row {background-color: #085c29 !important;}
.bleuclair .et_pb_row {background-color: #5088e4 !important;}
.grisbleu .et_pb_row {background-color: #8ba0b3 !important;}
.bleumarin .et_pb_row {background-color: #17202d !important;}
.bleunoir .et_pb_row {background-color: #080d1a !important;}
.rouge .et_pb_row {background-color: #d2252f !important;}
.orange .et_pb_row {background-color: #f48924 !important;}

/* Image on the left */
.leftimage .et_pb_row {background-position: right;}
.leftimage .et_pb_row .et_pb_column:first-child  img {border-right: 6px solid #fff;}
.leftimage .et_pb_row .et_pb_column:last-child {padding: 150px 50px 50px 50px;}

/* Image on the right */
.rightimage .et_pb_row {background-position: left;}
.rightimage .et_pb_row .et_pb_column:first-child {padding: 150px 50px 50px 50px;}
.rightimage .et_pb_row .et_pb_column:last-child img {border-left: 6px solid #fff;}

@media all and (max-width: 1024px) {
	h2 strong {
		top: -55px;
		font-size: 60px;
	}
}