.title-resource{width:100%;background:#fff;box-shadow:6px 6px 12px rgb(0,0,0,0.2);transition:all .3s}.title-resource.clickable:hover{cursor:pointer;box-shadow:2px 2px 5px rgb(0,0,0,0.2)}.title-resource .title-resource-image{width:100%;height:200px;background-size:cover;background-position:center;text-align:center;padding-top:15%}.title-resource .title-resource-image img.title-block-img{text-align:center;padding-top:4%}.title-resource.small .title-resource-image{height:155px}.title-resource .title-resource-image.pop{cursor:pointer}.title-resource .title-resource-summary{padding:20px;min-height:225px}.title-resource .title-resource-summary p{font-size:.8em;color:#707070;text-decoration:none}a.title-link:hover{text-decoration:none !important}.title-resource .title-resource-summary h3{color:#000}.title-resource.small .title-resource-summary h3{font-size:1.1em}.title-resource .video-modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.title-resource.active .video-modal{display:block}.title-resource .video-modal-content{background-color:#fefefe;margin:15% auto;padding:15px;border:1px solid #888;width:60%;position:relative}.title-resource .video-modal-content p.video-modal-close{float:right;font-weight:bold;position:absolute;z-index:100;color:#fff;background:#ff3587;border-radius:100%;padding:1px 11px 3px;top:-15px;right:-15px}.title-resource .video-modal-content p.video-modal-close:hover,.title-resource .video-modal-content p.video-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}@media screen and (max-width:700px){.title-resource{margin-bottom:30px}.title-resource.small .title-resource-summary h3{font-size:30px}.title-resource.small .title-resource-image{height:200px}}