/*
// News Module for Opencart v1.5.5, modified by villagedefrance (contact@villagedefrance.net)
*/



/**********************/
.box-news{
	display: inline-table;
	overflow: auto;
}
.content-news .news{
	width:100%;
	margin-bottom: 40px;
}
.content-news .news a{
	text-decoration:none;
}
.content-news .news p{
	margin:5px 0
}
.box-news h4{
	margin-top:0;
	margin-bottom:5px;
	padding-bottom: 5px;
	font-size: 13px;
}
.box-news p{
	margin-top:0;
	margin-bottom:5px
}
.addthis{
	padding: 10px 0px;
}

#content .news-wrap .news{
	max-width: 1240px;
    margin: 0 auto;
    padding-bottom: 50px;
    padding-top: 20px;
}
.news .news-content {
    background: none;
    border: none;
}
.boxnews-holder{
	display: inline-block;
	width: 31%;
}
.box-news{
	width: 100%;
}
.news-content .boxnews-holder{
	padding-right: 1%;
    padding-left: 1%;
    vertical-align: top;
}
.news-content .boxnews-holder:last-child{
	padding-right: 0;
}
.box-news{
	height: 270px;
}
.boxnews-holder .news-head span{
    font-size: 15px;
    text-transform: uppercase;
    font-family: segoeui;
    color: #454545;
    font-weight: bold;
    padding: 15px 0;
    /* text-shadow: 3px 3px 4px #698ca0; */
    position: relative;
}
.boxnews-holder .news-head span:after{
	content: '';
    position: absolute;
    right: -246px;
    top: 32px;
    width: 150%;
    height: 1px;
    background: #ebebeb;
}

.news-content .boxnews-holder {
    width: 100%;
}

.news-head{
	padding-bottom: 10px; 
}
.news-content .boxnews-holder:nth-of-type(1) .box-news h4{
	padding: 20px 0 0 20px;
    font-size: 25px;
    font-family: 'Didact Gothic';
}
.news-content .boxnews-holder:nth-of-type(1) .box-news .more-btn{
	text-align: center;
    padding: 13% 0;
}
.news-content .boxnews-holder:nth-of-type(1) .box-news .more-btn p{
	    display: inline-block;
}
.news-content .boxnews-holder:nth-of-type(1) .box-news .more-btn p a{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 120px;
    line-height: 40px;
    color: #000;
    font-family: 'Didact Gothic';
    font-size: 15px;
    background: #fff;
    box-shadow: 2px 2px 15px #acacac;
    border-radius: 5%;
    -o-border-radius: 5%;
    -ms-border-radius: 5%;
    -moz-border-radius: 5%;
    -webkit-border-radius: 5%;
}
.news-content .boxnews-holder:nth-of-type(1) .box-news .more-btn p a:hover{
	transform: scale(1.25);
	-o-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
}

.news-content .boxnews-holder:nth-of-type(2) .box-news h4{
	padding: 20px 0 0 20px;
    font-size: 25px;
    color: #fff;
    font-family: 'Didact Gothic';
}
.news-content .boxnews-holder:nth-of-type(2) .box-news .more-btn{
	text-align: center;
    padding: 13% 0;
}
.news-content .boxnews-holder:nth-of-type(2) .box-news .more-btn p{
	    display: inline-block;
}
.news-content .boxnews-holder:nth-of-type(2) .box-news .more-btn p a{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 120px;
    line-height: 40px;
    color: #000;
    font-family: 'Didact Gothic';
    font-size: 15px;
    background: #fff;
    box-shadow: 2px 2px 15px #acacac;
    border-radius: 5%;
    -o-border-radius: 5%;
    -ms-border-radius: 5%;
    -moz-border-radius: 5%;
    -webkit-border-radius: 5%;
}
.news-content .boxnews-holder:nth-of-type(2) .box-news .more-btn p a:hover{
	transform: scale(1.25);
	-o-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
}

.news-content .boxnews-holder:nth-of-type(3) .box-news h4{
	padding: 20px 0 0 20px;
    font-size: 25px;
    color: #000;
    font-family: 'Didact Gothic';
}
.news-content .boxnews-holder:nth-of-type(3) .box-news .more-btn{
    text-align: left;
    padding: 35% 0 0 8%;
}
.news-content .boxnews-holder:nth-of-type(3) .box-news .more-btn p{
	    display: inline-block;
}
.news-content .boxnews-holder:nth-of-type(3) .box-news .more-btn p a{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 120px;
    line-height: 40px;
    color: #000;
    font-family: 'Didact Gothic';
    font-size: 15px;
    background: #83c0e4;
    box-shadow: 2px 2px 15px #acacac;
    border-radius: 5%;
    -o-border-radius: 5%;
    -ms-border-radius: 5%;
    -moz-border-radius: 5%;
    -webkit-border-radius: 5%;
}
.news-content .boxnews-holder:nth-of-type(3) .box-news .more-btn p a:hover{
	transform: scale(1.25);
	-o-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
}

