/* Article card list */

#articles				{ padding: 0; }
#articles h3 			{ color: #49b4d1; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 24px; line-height: 32px; font-style: normal; margin-bottom: 15px; }
#articles a             { color: #32322f; }
#articles a:hover       { text-decoration: none; }
#articles a:hover .thumbnail .image { -webkit-box-shadow: inset 0px 0px 70px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 70px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 70px 0px rgba(0,0,0,0.5);}
#articles a:hover .thumbnail.pop .image { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#articles a:hover .caption h3 { color: #059ac2; }
#articles a:hover .thumbnail.pop .caption h3 { color: #000; }
#articles .thumbnail 	{ padding: 0; border: 0; border-radius: 10px; background-color: white; box-shadow: none; }
#articles .thumbnail .image { height: 380px; background-color: #259faa; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 10px 10px 0 0; }
#articles .thumbnail.pop .image { height: 280px; background-size: 70%; }
#articles .thumbnail img { border-radius: 10px 10px 0 0; width: 100%; }
#articles .thumbnail.pop * { color: white; }
#articles .thumbnail.pop img { border-radius: 0; max-width: 80%; }
#articles .thumbnail.purple { background-color: #782956; }
#articles .thumbnail.cyan { background-color: #259faa; }
#articles .thumbnail .caption { padding: 20px; color: inherit; }
#articles .thumbnail .caption h3 { margin-top: 0; }

#articles                   { background-color: #f3f3f3; border-top: 1px solid #ccc; margin-top: -1px; margin-bottom: 0; padding: 40px 0 100px; }
#articles h2                { color: #999; margin-bottom: 40px; }
#articles h3                { margin-bottom: 15px; }
#articles .thumbnail .caption { min-height: 350px; }