sup{font-size:.65em;vertical-align:top}
p{margin-bottom:0}
.responsive-embed{position:relative;padding-bottom:56.25%;overflow:hidden;max-width:100%;height:auto;margin-top:10px}
.responsive-embed iframe,.responsive-embed object,.responsive-embed embed{position:absolute;top:0;left:0;width:100%;height:100%}
.cards-container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:1050px;margin:0 auto}
.cards-container .card{background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:"Open Sans",helvetica,arial,sans-serif;font-size:16px;line-height:1.2em;margin:0 20px;max-width:300px;position:relative;text-align:left;width:100%}
.cards-container .card .card-header{font-size:15px;font-weight:bold}
.cards-container .card .card-header .site-btn-like{position:absolute;right:10px;top:14px}
.cards-container .card .card-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:200px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:5px;overflow:hidden}
.cards-container .card .card-image img{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;min-height:100%;min-width:100%}
.cards-container .card .card-body{margin-top:20px;min-height:300px;padding:30px 30px 50px 30px}
.cards-container .card .card-body .card-metadata{font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.cards-container .card .card-body .card-title h4{margin-top:0}
.cards-container .card .card-body .card-description{margin-top:5px}
.cards-container .card .card-body .card-description p{height:78px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.cards-container .card .card-footer{text-align:center;margin-top:-25px}
div.site-archive section#site-posts{font-family:"Open Sans",helvetica,arial,sans-serif}
div.site-archive section#site-posts div.cards-container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:"Roboto",helvetica,arial,sans-serif;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:1155px;margin:20px auto}
div.site-archive section#site-posts div.cards-container div.card{margin:10px 10px 30px;min-width:250px;width:100%}
div.site-archive section#site-posts div.cards-container div.card div.card-header{border-radius:6px;overflow:hidden}
div.site-archive section#site-posts div.cards-container div.card div.card-header a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline:0;text-decoration:none}
div.site-archive section#site-posts div.cards-container div.card div.card-header a div.card-image{display:-webkit-box;display:-ms-flexbox;display:flex;height:220px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
div.site-archive section#site-posts div.cards-container div.card div.card-header a div.card-image:hover:before{background:#abaaaa;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:10}
div.site-archive section#site-posts div.cards-container div.card div.card-header a div.card-image:hover .icon{display:block}
div.site-archive section#site-posts div.cards-container div.card div.card-header a div.card-image .icon{display:none;position:absolute;top:45%;z-index:10}
div.site-archive section#site-posts div.cards-container div.card div.card-header a div.card-image img{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;min-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;z-index:9}
div.site-archive section#site-posts div.cards-container div.card div.card-header a div.card-image-footer{background-color:#abaaaa;color:#111;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-size:14px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:6px 10px}
div.site-archive section#site-posts div.cards-container div.card div.card-body{margin-top:16px;overflow:hidden}
div.site-archive section#site-posts div.cards-container div.card div.card-body div.card-title{color:#abaaaa;font-size:1.2em;font-weight:600;line-height:1.2em;min-height:78px}
div.site-archive section#site-posts div.cards-container div.card div.card-body div.card-description{font-size:18px;font-weight:300;height:174px;margin-top:14px;overflow:hidden}
div.site-archive section#site-posts div.cards-container div.card div.card-body div.card-time{color:#979797;margin-top:15px;padding-left:28px;position:relative}
div.site-archive section#site-posts div.cards-container div.card div.card-footer{margin-top:20px}
div.site-archive section#site-posts div.post-controls{text-align:center;padding:50px 0}
div.site-archive section#site-posts div.post-controls div.no-more-to-load{margin:8px 0 20px;display:none}
div.site-archive section#site-posts div.post-controls .load-more-post{margin:0 auto}
div.site-archive section#site-posts .no-posts{min-height:40vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
div.site-archive section#site-posts .no-posts h3{margin-top:-5px}
body.login #login h1{font-size:16px;font-weight:300}
body.login #login h1 a{background-image:url("../images/logo-website.png");background-size:contain;height:125px;width:320px}
body.login #login .login-message{text-align:center}
body.login #login form{background:0;border:0;-webkit-box-shadow:none;box-shadow:none;padding:20px;margin-top:0}
body.login #login form .forgetmenot{float:none}
body.login #login form label{color:#555;font-size:14px}
body.login #login form p.submit{margin-top:15px}
body.login #login p#backtoblog{display:none}
body.login #login p#nav{display:none}
@media(min-width:768px){div.site-archive section#site-posts div.cards-container div.card{width:45.5%}
}@media(min-width:1024px){div.site-archive section#site-posts div.cards-container{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
div.site-archive section#site-posts div.cards-container div.card{width:31.5%}
}