News

/* ----------------------------------------- */ /* View: New Posts Archive page - start */ /* ----------------------------------------- */ #grid { margin:40px -15px 100px; } .newsbox { margin-bottom:30px; width:100%; margin:1%; background:#fff; -webkit-box-shadow: 4px 4px 0px 0px rgba(51,51,51,0.10); -moz-box-shadow: 4px 4px 0px 0px rgba(51,51,51,0.10); box-shadow: 4px 4px 0px 0px rgba(51,51,51,0.10); } .sponsorlogo { margin:0px 0px 20px; } @media (min-width: 768px) { .newsbox { width:48%; } .newsbox.corporate { width:98%; } } @media (min-width: 1200px) { .newsbox { width:31%; } .newsbox.corporate { width:48%; } } .newsbox { min-height: auto; border: solid 1px #333; background:#fff; padding:60px 20px 20px; } .newsbox h3 { border-bottom: 3px solid #ffe85d; font-size: 25px; margin: 0 0 20px; padding-bottom: 20px; } /* ----------------------------------------- */ /* View: New Posts Archive page - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Header – Template - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Header – Template - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in New Posts Archive page - start */ /* ----------------------------------------- */ .newslink a { color:#000; } .newslink a:hover { color:#c1272d; } .newsimg { padding: 60px 20px 0; position: relative; } .newsimg a { background-size: cover; display: table; height: 150px; width: 100%; } .date { background: #c1272d none repeat scroll 0 0; color: #fff; font-size: 12px; left: 0; padding: 10px 15px; position: absolute; text-transform: uppercase; top: 0; } .view { cursor: pointer; margin-bottom: 15px; max-width: 100%; overflow: hidden; position: relative; text-align: center; } .view .mask, .view .content { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .view img { display: block; position: relative; } .view h2 { color: #fff; font-size: 2rem; font-weight: 700; margin: 40px 0 0; padding: 10px; position: relative; text-align: center; text-transform: uppercase; } .view h3 { color: #fff; font-size: 2rem; font-weight: normal; height: 100%; padding: 20px; position: relative; text-transform: uppercase; top: 30%; } .view p { clear: both; color: #fff; font-size: 2rem; font-weight: 700; line-height: 2.5em; padding: 20px; position: relative; text-align: center; } .view span { bottom: 0; clear: both; color: #fff; font-family: "Montserrat",sans-serif; font-size: 2rem; font-weight: 700; left: 0; line-height: 2.5em; padding: 0; position: absolute; right: 0; text-align: center; top: -25%; } .view-first img { height: auto; width: 100%; } .view-first .mask { background-color: rgba(255,218,71, 0.7); opacity: 0; transition: all 0.4s ease-in-out 0s; } .view-first p { opacity: 0; transform: translateY(0%); transition: all 0.2s linear 0s; } .view-first span { opacity: 0; transform: translateY(0%); transition: all 0.2s linear 0s; } .view-first:hover img { } .view-first a.info { opacity: 0; transition: all 0.2s ease-in-out 0s; } .view-first:hover .mask { opacity: 1; } .view-first:hover p { opacity: 1; transform: translateY(50%); } .view-first:hover p { transition-delay: 0.1s; } .view-first:hover span { opacity: 1; transform: translateY(50%); } .view-first:hover span { transition-delay: 0.1s; } .view-first:hover a.info { transition-delay: 0.2s; } .newslink { } .btn-sm { font-size:14px; font-size:1.4rem; } /* ----------------------------------------- */ /* Content Template: Loop item in New Posts Archive page - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Footer - start */ /* ----------------------------------------- */ #footer a { color:#fff; } #footer a:hover { color:#ccc; } /* ----------------------------------------- */ /* Content Template: Footer - end */ /* ----------------------------------------- */