/*
	Articles.css
	TemplateName: ObjectWeb-Base
	Copyright (c) 2009, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/



/* View Articles
------------------------------------------------------------------------------------------------- */
.article-list {
  background-color: #F3F3F1;
  text-align: center;
}

.article-list .item {
  display: inline-block;
  width: 350px;
  padding: 0 15px;
}

.article-list .item .article-content {
  background-color: #FFF;
  color: #878B98;
  display: block;
  text-align: left;
  padding: 100px 30px 30px 30px;
  -webkit-box-shadow: 0px 27px 40px -27px rgba(0,0,0,0.69);
  -moz-box-shadow: 0px 27px 40px -27px rgba(0,0,0,0.69);
  box-shadow: 0px 27px 40px -27px rgba(0,0,0,0.69);
  transition: all 0.4s ease;
  margin-top: -80px;
}

.article-list .item .date,
.article-list .modal .date {
  background-color: #94C62A;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  width: 150px;
  height: 150px;
  padding-top: 33px;
}

.article-list .item .date .day,
.article-list .modal .date .day {
  color: #FFF;
  display: block;
  font-size: 50px;
  line-height: 35px;
}

.article-list .item .date .month,
.article-list .modal .date .month {
  color: #FFF;
  display: block;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 30px;
}

.article-list .item .date .year,
.article-list .modal .date .year {
  color: #638911;
  font-size: 20px;
  line-height: 2px;
}

.article-list .item .title, 
.article-list .modal h3 {
    color: #2B2F3A;
    font-family: Barlow Condensed;
    font-weight: 600;
    font-size: 28px;
    height: 65px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.article-list .modal h3 {
    height: auto;
	margin-bottom: 15px;
}

.article-list .item .article-content > div {
    height: 140px;
    text-align: justify;
    overflow: hidden;
}

.article-list .item .more {
    text-transform: uppercase;
    display: block;
    color: #94C62A;
    font-weight: bold;
    margin-top: 25px;
}

.article-list .item a:hover .more {
    color: #2B2F3A;
}

.articles .modal {
	text-align: left;
}

.article-list .go-to-archive a {
  padding: 5px 40px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  border: 2px solid #94C62A;
  border-radius: 4px;
}

.article-list .go-to-archive {
  margin-top: 50px;
}

.article-list .go-to-archive .btn.btn-secondary {
	background-color: #124193;
	border-color: #124193;
}

.article-list .go-to-archive .btn.btn-secondary:hover {
	background-color: #2B2F3A;
	border-color: #2B2F3A;
}

.article-list .go-to-archive a:hover {
  background-color: #94C62A;
  color: #FFF;
}

@media(max-width:1200px){
.article-list .item {
	width: 300px;
}
}

@media(max-width:991px){
.article-list .item {
	width: 235px;
}
}

@media(max-width:767px){
	.article-list .item {
		padding: 0;
		width: 100%;
		margin: 0 auto 15px;
		max-width: 300px;
		float: none;
		display: block;
	}
	.article-list .item .title {
		height: auto;
	}
	.article-list .item a .article-content {
		padding: 60px 15px 15px;
		margin-top: -50px;
	}
	.article-list .item .title, 
	.article-list .modal h3 {
		font-size: 25px;
	}
	.article-list .item a .article-content > div {
		display: none;
	}
	.article-list .item .date, 
	.article-list .modal .date {
		width: 100px;
		height: 100px;
		padding-top: 17px;
	}
	.article-list .item .date .day, 
	.article-list .modal .date .day {
		font-size: 32px;
		line-height: 24px;
	}
	.article-list .item .date .month, 
	.article-list .modal .date .month {
		font-size: 22px;
		line-height: 25px;
	}
	.article-list .item .date .year, 
	.article-list .modal .date .year {
		font-size: 16px;
		line-height: 0;
	}
}

/* ---------------------------------------------------------------------------------------------- */