#slider1212601 { position: relative; } #slider1212601:after { content: ""; position: absolute; top: 15px; bottom: 15px; width: 100%; } #slider1212601 .slider { position: relative; z-index: 1; } #slider1212601 .slider .caroufredsel_wrapper { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5); } #slider1212601 .mobSlider { display: none !important; } #slider1212601 ul.list { margin: 0; padding: 0; } #slider1212601 ul.list:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #slider1212601 li.item { margin: 0; padding: 0; list-style: none; float: left; position: relative; z-index: 0; } #slider1212601 li.item.active { z-index: 1; } #slider1212601 .image { margin: 0; width: 1212px; height: 601px; background-color: #000000; opacity: 0.4; } #slider1212601 li.item.active .image { -webkit-filter: none; filter: none; background-color: transparent; opacity: 1; } #slider1212601 .navigation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #slider1212601 .overlay { position: absolute; top: 15px; left: 0; width: 100%; z-index: 1; opacity: 0.8; } #slider1212601 .overlay::after { content:""; position: absolute; top: 0; bottom: 0; right: 0; background: #494949; width: 3px; z-index: 2; } #slider1212601 .caption { position: absolute; bottom: 38px; left: 130px; right: 130px; background: #000; background-color: rgba(0,0,0,0.7); padding: 9px 15px; opacity: 0; text-align: center; } #slider1212601 .caption:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #slider1212601 .title { font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 25px; line-height: 38px; text-transform: uppercase; color: #fff; } #slider1212601 a.readmore, #slider1212601 a.readmore:link, #slider1212601 a.readmore:visited{ float: right; font-family: 'Lato',Arial,Helvetica,sans-serif; font-weight: 400; font-size: 14px; line-height: 31px; text-transform: uppercase; color: #fff; padding: 2px 24px; border: 1px solid #fff; text-decoration: none; } #slider1212601 a.readmore:hover, #slider1212601 a.readmore:focus, #slider1212601 a.readmore:link:hover, #slider1212601 a.readmore:link:focus, #slider1212601 a.readmore:visited:hover, #slider1212601 a.readmore:visited:focus { color: #000; background-color: #fff; } #slider1212601 a.prev, #slider1212601 a.next { height: 80px; width: 80px; background-color: transparent; background-repeat: no-repeat; position: absolute; text-indent: -9999px; z-index: 1; margin: -31px 0 0 0; top: 48%; overflow: hidden; } #slider1212601 a.prev { left: 8%; transform: rotate(180deg); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg clip-path='url(%23clip0_147_679)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.3567 37.6433C52.9816 38.2684 53.3326 39.1161 53.3326 40C53.3326 40.8839 52.9816 41.7316 52.3567 42.3567L33.5 61.2133C33.1925 61.5317 32.8247 61.7857 32.418 61.9604C32.0113 62.135 31.5739 62.227 31.1313 62.2308C30.6887 62.2347 30.2498 62.1503 29.8402 61.9827C29.4305 61.8151 29.0583 61.5676 28.7454 61.2547C28.4324 60.9417 28.1849 60.5695 28.0173 60.1599C27.8497 59.7502 27.7653 59.3113 27.7692 58.8687C27.773 58.4261 27.865 57.9887 28.0397 57.582C28.2144 57.1753 28.4683 56.8075 28.7867 56.5L45.2867 40L28.7867 23.5C28.1795 22.8713 27.8435 22.0293 27.8511 21.1553C27.8587 20.2813 28.2092 19.4453 28.8273 18.8273C29.4453 18.2093 30.2813 17.8587 31.1553 17.8511C32.0293 17.8435 32.8713 18.1795 33.5 18.7867L52.3567 37.6433Z' fill='%230033A1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_147_679'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} #slider1212601 a.next { right: 8%; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg clip-path='url(%23clip0_147_679)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.3567 37.6433C52.9816 38.2684 53.3326 39.1161 53.3326 40C53.3326 40.8839 52.9816 41.7316 52.3567 42.3567L33.5 61.2133C33.1925 61.5317 32.8247 61.7857 32.418 61.9604C32.0113 62.135 31.5739 62.227 31.1313 62.2308C30.6887 62.2347 30.2498 62.1503 29.8402 61.9827C29.4305 61.8151 29.0583 61.5676 28.7454 61.2547C28.4324 60.9417 28.1849 60.5695 28.0173 60.1599C27.8497 59.7502 27.7653 59.3113 27.7692 58.8687C27.773 58.4261 27.865 57.9887 28.0397 57.582C28.2144 57.1753 28.4683 56.8075 28.7867 56.5L45.2867 40L28.7867 23.5C28.1795 22.8713 27.8435 22.0293 27.8511 21.1553C27.8587 20.2813 28.2092 19.4453 28.8273 18.8273C29.4453 18.2093 30.2813 17.8587 31.1553 17.8511C32.0293 17.8435 32.8713 18.1795 33.5 18.7867L52.3567 37.6433Z' fill='%230033A1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_147_679'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} #slider1212601 .pager { text-align: center; padding-top: 18px; position: relative; z-index:1; width: 100%; display:none; } #slider1212601 .pager a, #slider1212601 .pager a:link, #slider1212601 .pager a:visited { display: inline-block; height: 15px; width: 15px; margin: 0 5px; background: #fff; font-size: 0; line-height: 0; color: transparent; -webkit-border-radius: 100% -moz-border-radius: 100%; border-radius: 100%; } #slider1212601 .pager a.selected, #slider1212601 .pager a:hover { background: #000000; width: 9px; height: 9px; border: 3px solid #fff; } #slider1212601 ul.list.converted { background: #000000; } .skInnerSlider #slider1212601:after { top: 0; bottom: 0; } .skInnerSlider #slider1212601 .hiddenItem { width: 942px; height: 376px; } .skInnerSlider #slider1212601 .image { margin: 0; } .skInnerSlider #slider1212601 .item::after { content:""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0.8; } .skInnerSlider #slider1212601 .item::before { content:""; position: absolute; top: 0; right: 0; background: #000; height: 100%; width: 3px; z-index: 2; } .elmhurst-youth-modern #slider1212601 .skLinkSummary { color: #fff; padding: 5px 0 0 0; font-family: 'Oswald', sans-serif;font-weight: 300; font-size: 16px; line-height: 20px;} .elmhurst-youth-modern #slider1212601 a.readmorewithcaption { float: none; display: inline-block; margin-top: 10px; font-family: 'Oswald', sans-serif;} @media screen and (max-width: 1024px){ #slider1212601 a.next { right: 0.5%; } #slider1212601 a.prev { left: 0.5%; } } @media screen and (max-width: 942px){ #slider1212601 .image { margin: 0; width: 100%; height: auto; max-width: 100%; opacity: 1; } #slider1212601 .caption { position: relative; bottom: auto; left: auto; right: auto; background: transparent; opacity: 1; text-align: center; height: 54px; margin: 0 auto; display: table; } #slider1212601 .title { font-size: 18px; line-height: 27px; letter-spacing: 0.5px; text-align: center; display: table-cell; vertical-align: middle; } #slider1212601 .pager { display: none !important; } #slider1212601 .pager { right: 0; width: 100%; text-align: center; margin-bottom: 1px; padding: 0; } #Body #slider1212601 .pager a.selected, #Body #slider1212601 .pager a:hover { border: 0; } #slider1212601 .pager a, #slider1212601 .pager a:link, #slider1212601 .pager a:visited { border-radius: 0; width: 16%; height: 12px; display: inline-block; text-indent: -9999px; margin-right: 1%; margin: 0 3px; } #slider1212601 .pager a:last-child, #slider1212601 .pager a:link:last-child, #slider1212601 .pager a:visited:last-child { margin: 0 0 0 3px; } #slider1212601 .pager a:first-child, #slider1212601 .pager a:link:first-child, #slider1212601 .pager a:visited:first-child{margin:0 3px 0 0;} #slider1212601:after, #slider1212601 .overlay, #slider1212601 .navigation, #slider1212601 a.readmore, #slider1212601 a.readmore:link, #slider1212601 a.readmore:visited { display: block; } #slider1212601 ul.list.converted { background: transparent; } .elmhurst-youth-modern #slider1212601 .title { display: block;} .elmhurst-youth-modern #slider1212601 .skLinkSummary { color: #000;} } @media screen and (max-width: 500px){ #slider1212601 .pager a, #slider1212601 .pager a:link, #slider1212601 .pager a:visited { width: 15.4%; } } @media screen and (max-width: 410px){ #slider1212601 .pager a, #slider1212601 .pager a:link, #slider1212601 .pager a:visited { width: 15.1%; } }