/*
Theme Name: SoSimple Child
Theme URI: https://wordpress.org/themes/sosimple-child/
Author: fernando villamor jr
Author URI: http://fernandovillamorjr.com
Template: sosimple
Description: A clean, responsive simple theme for simple websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sosimple
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Lobster');
body {
	    background-color: #fff;
}
.site {
    max-width: 1200px;
    margin: 25px auto;
    padding: 25px 50px;
}
.site-logo {
	margin:0px;
}
.site-branding {
	text-align:left;
}

.site-branding .site-logo a > img {
	
	max-width:800px!important;
}

.main-navigation {
    border-top: 3px solid #8f7751;  
    margin-top: 5px; 
    padding-top: 5px; 
	z-index:9999;
}
.site-branding:after { 
	content:""; 
	height:55px;
	width:100%; 
	left:0;
	margin-top:14px;
	position:absolute;
	border-top: 3px solid #8f7751; 
	border-bottom: 3px solid #8f7751; 
	z-index:1;
	}
.swFooter:before {
	content:""; 
	height:55px;
	width:100%; 
	left:0;
	margin-top:-75px;
	position:absolute;
	border-top: 3px solid #8f7751; 
	border-bottom: 3px solid #8f7751; 
	z-index:1;
}
.swSpacer {height:60px;width:100%; display:block;}
.site-header {
    margin: 0 0 5px;
    padding: 0 0 5px;
    /*border-bottom: 3px solid #8f7751;*/
	
}


.main-navigation a, .main-navigation a:visited {
    display: block;
    padding: 14px 0 14px;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #eee;
	font-size:16px;
}
.menu-item a:hover {
	color:#8f7751!important;
}
h1, h2,h3 {
	font-family: Lobster, Verdana, Geneva, sans-serif;
	}
a {
    -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;
    text-decoration: none;
    color: #000;
}
a:visited {
    color: #000;
}	
	
a:visited {
    color: #000;
}
a:hover {
    color: #8f7751;
}

.jp-relatedposts, .post-navigation {display:none!important;}

h1.entry-title {margin:20px 0 0 20px!important; position:absolute!important; color:#fff!important;z-index:10; font-family: Lobster, Verdana, Geneva, sans-serif!important; font-size:36px!important; text-shadow: 1px 1px #333; }

.event_cat-maison-l-j-g-mallet-inc h1.entry-title {position:relative!important; padding:0 0 45px 0!important; }
.event_cat-maison-l-j-g-mallet-inc h1.entry-title:after {content:"Maison L.J.G. Mallet - Havre-St-Pierre"; float:right; color:#CCC!important;width:100%;font-size:24px!important;}
.event_cat-maison-mallet-et-fils-inc h1.entry-title {position:relative!important; padding:0 0 45px 0!important; }
.event_cat-maison-mallet-et-fils-inc h1.entry-title:after {content:"Maison Mallet & Fils - Sept-Iles | Port-Cartier"; float:right; color:#CCC!important;width:100%;font-size:24px!important;}

.type-event h1.entry-title {color:#8f7751!important; font-family: "Open Sans", Verdana, Geneva, sans-serif!important; font-weight:bold;}

.entry-title a, .entry-title a:visited {color:#CCC!important}


h1.entry-title a:hover {color:#8f7751!important;}

.widget a {  
    color: #000;
}

.swServices .vc_gitem-post-data-source-post_excerpt {
	display:none;
}
.swServices .vc_gitem-post-data-source-post_title {
	min-height:85px;
}
.swServices .vc_gitem-post-data-source-post_title H4 {
	font-size:16px;
}

.swBtnAvis {
	float:right;
	margin-left:auto;
	margin-right:45px;
	margin-top:-70px;
	width:258px;
	padding:5px 15px;
	background-color:#f1e8d9;
	color:#8f7751;
	font-size:20px;
}
	

	
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
	color:#fff;
	background-color:#8f7751!important;
	
}
.vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
	color:#fff;
	background-color:#666!important;
	
}
.menu-toggle {
    margin: 0 auto;
    position: relative;
    padding: 8px 10px;
    border: 0px solid #eee;
	outline:none;
	
}
.widget {
	border-bottom:none!important;
}
.toggled .menu-toggle, .menu-toggle:hover  {
    color: #333;
    border-color: #333;
	outline:none;
}

ul.sub-menu {
	margin-top:8px;
}
.sub-menu li {
	width:250px!important;
	
}
.sub-menu li a{
	width:auto!important;
	font-size:16px!important;
	text-transform:none!important;
}
#secondary {display:none;}
#main {width:100%;}

.posted-on {display:none!important;} 
.byline, .author{display:none!important;}
.vsel-content {min-height:610px!important;max-width:46%!important; display:inline-block!important; float:left; clear:none!important; margin-right:2%!important; background-color:#f1e8d9; padding: 20px!important;}
.vsel-meta {clear:	both; width:100%!important;}
.vsel-info {clear:	both; width:100%!important;}
.vsel-info img {max-width:150px;}
.vsel-meta-title {font-weight:bold;}
#post-15 #vsel .vsel-image {float:none!important; }

.vsel-meta-location {
	padding-bottom:20px!important;
}
.type-event .entry-thumbnail {width:402px; height:502px; overflow:hidden; margin-bottom:50px; border:1px solid #bbb;}
.type-event .entry-thumbnail img {width:400px!important; height:auto!important;}

/** effacer le formulaire de la liste des avis de décès **/

#post-15 .vsel-info {display:none;}

input[type='submit']:hover {
		color:#8f7751;
		border-color:#8f7751;	
		}
div[id*="contact-form"] {
	background-color:#fff;
	padding:170px 20px 20px 110px;
	background-image:url(/wp-content/uploads/2016/10/condoleances.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	min-height:824px;
	}
	
.event .entry-thumbnail img {margin:0px;}

.vc_gitem-zone-img {
	width:109px!important;
	padding:20px!important;
	height:109px!important;
	border:2px #ff0000 solid;
	visibility:visible!important;
	background-size:119px 119px!important;
}
.vc_gitem-zone {
	background-size:119px 119px!important;
	
}
.vc-zone-link:before {
	position:absolute;	
	content:"";
	background-image:url('/wp-content/uploads/2016/10/cadre.png');
	background-size:159px 159px;
	background-repeat: no-repeat;
	width:100%;max-width:159px;
	height:159px;
	
}
#vsel .vsel-image-info {
    width: 100%!important; 
    float: right;
}

@media screen and (max-width:1210px ) {
	.main-navigation a, .main-navigation a:visited {
		font-size:14px;
	}

}
@media screen and (max-width:1100px ) {
	.main-navigation a, .main-navigation a:visited {
		font-size:12px;
	}
	.vc_grid-item {min-width:169px!important;}
	.vc_grid-item-mini {display:inline-block!important;; float:left!important;min-width:159px!important;width:159px!important;}
}
@media screen and (max-width:1024px) {
    .swBtnAvis {
		float:none;	
		margin-top:10px;	
	}
	
}
@media screen and (max-width:800px) {
    .site-logo img {width:100%}
	.vsel-content {max-width:100%!important; display:inline-block!important; float:left; clear:both!important; margin-right:0!important;}
	.vsel-image {float:right!important;}
	.vc_grid-item {width:169px!important;display:inline-block!important;}
		div[id*="contact-form"] {
		background-color:#f1e8d9;
		padding:20px;
		background-image:url(/wp-content/uploads/2016/10/papier.jpg);
		background-repeat:repeat;
		background-size:100% auto;
		min-height:524px;
		box-shadow: 3px 3px 5px grey;
	}
	
}
@media screen and (max-width:640px) {
    .site-logo img {width:100%}
	
	h1.entry-title { font-size:24px!important; }
	
	.vsel-image {float:right!important; clear:both!important;}
	.event_cat-maison-l-j-g-mallet-inc h1.entry-title {font-size:24px!important;padding:0 0 30px 0!important; }
	.event_cat-maison-l-j-g-mallet-inc h1.entry-title:after {font-size:16px!important; }
	.event_cat-maison-mallet-et-fils-inc h1.entry-title {font-size:24px!important;padding:0 0 30px 0!important; }
	.event_cat-maison-mallet-et-fils-inc h1.entry-title:after {font-size:16px!important;}
	

	.vc_grid-item {width:169px!important;display:inline-blockÉ!important;}
}
@media screen and (max-width:480px) {
	#page {margin:5px auto!important; padding:5px 10px!important;}
	.vsel-image {float:none!important; clear:both!important; }
	.vsel-info {text-align:center;}
	h1.entry-title { margin:10px 0 0 20px!important; }
	.vc_grid-item-mini {margin-left:25%; margin-right:auto;}
	
}