/* ----------------------------------------- */ /* View slug: homepage-featured-schools-slider - start */ /* ----------------------------------------- */ .featured-school-slider-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; margin-top:10px; } @media only screen and (max-width: 768px) { .featured-school-slider-grid { display: flex !important; flex-flow: column !important; } } /* ----------------------------------------- */ /* View slug: homepage-featured-schools-slider - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: homepage-featured-schools-slider-slide - start */ /* ----------------------------------------- */ .featured-school-slider-single { display: flex; flex-direction:column; justify-content:center; align-items:center; border: 1px solid rgba(0,0,0,0.3); border-radius: 10px; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3); padding: 5px; font-size: 16px; text-align: center; position: relative; } .featured-school-slider-image { height:300px!important; display:flex; justify-content:center; align-items:center; margin-bottom:15px; padding:10px; } .slider-ribbon { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 80px; height: 80px; text-align: right; } .slider-ribbon span { font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; background: #7F181B; background: linear-gradient(#7F181B 0%, #7F181B 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; left: -21px; } .slider-ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #0E1A3E; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #0E1A3E; } .slider-ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #0E1A3E; border-bottom: 3px solid transparent; border-top: 3px solid #0E1A3E; } /* ----------------------------------------- */ /* Content Template: homepage-featured-schools-slider-slide - end */ /* ----------------------------------------- */