/************ *********************************** ************/ /************ ROTATOR ************/ /************ *********************************** ************/ /************ MODULE DEFAULTS ************ 2/3rds size by side with image on the right - SJB-Louisville imgright sidebyside widetwothirds bigpager bigarrows protectsize flushrotator Full width with an overlay - StMary-GC Background module - fullwidthrotator rotatoroverlay superwiderotator bigpager bigarrows Template Container CSS class - overlayrotatorarea Overlay module
Contact Us
Bulletin
Ministry
Schedules
Photoblock news - Lincoln-Cathedral photoblocknews zoompics - SJB-Louisville /************ DEFAULT ITEMS FOR SLIDESHOWS **********/ .protectsize .sprocket-features-img-container img { object-fit: cover; object-position: center; } .protectsize { overflow: hidden; } .bigpager .pagination-active { margin-bottom: 0px;} .bigpager .pagination-active .sprocket-features-pagination { bottom: 10px; } .bigpager .layout-showcase .sprocket-features-pagination li, .bigpager .layout-slideshow .sprocket-features-pagination li { padding: 10px; z-index:15; } /* BIGGER ARROWS ON ROTATOR SHOWCASE*/ .bigarrows .sprocket-features.layout-showcase.arrows-active.arrows-onhover .sprocket-features-arrows .arrow, .bigarrows .sprocket-features.layout-showcase.arrows-active .sprocket-features-arrows .arrow { background: none; box-shadow: none; color: rgba(0,0,0,.5); font-size: 5rem;} .bigarrows .sprocket-features.layout-showcase.arrows-active .sprocket-features-arrows:hover .arrow { color: rgba(0,0,0,1); } .bigarrows .arrows-active .sprocket-features-list {margin: 0px; } .bigarrows .arrows-onhover .sprocket-features-arrows .arrow.prev { margin-left: -40px; z-index: 15; } .bigarrows .arrows-onhover .sprocket-features-arrows .arrow.next { margin-right: -40px; z-index: 15; } .bigarrows .layout-showcase .sprocket-features-arrows .arrow {position: absolute;display: block;width: 24px;height: 24px;top: 50%;margin-top: -12px;border-radius: 1em;opacity: 0.5;cursor: pointer;z-index: 10;text-align: center;font-size: 2em;line-height: 18px;} .bigarrows .layout-showcase .sprocket-features-arrows .prev { right: auto; left: 10px;} .bigarrows .layout-showcase .sprocket-features-arrows .next {right: 10px; left: auto;} .bigarrows .layout-showcase .sprocket-features-arrows { position: absolute; right: 0; bottom: 0; left: 0; top: 0; } .bigarrows .sprocket-strips-p { position: relative; } .bigarrows .sprocket-strips-p-nav {position: absolute;display: block;width: 24px;height: 24px;top: 50%;margin-top: -12px;border-radius: 1em;opacity: 0.5;cursor: pointer;z-index: 10;text-align: center;font-size: 2em;line-height: 18px; right: 0; left: 0; width: 100%;} .bigarrows .sprocket-strips-p-nav .prev { right: auto; left: -40px;} .bigarrows .sprocket-strips-p-nav .next {right: -40px; left: auto;} .bigarrows .sprocket-strips-p-nav .next:before { right: 50%; margin-right: -30px; border-left: 15px solid;} .bigarrows .sprocket-strips-p-nav .prev:before { left: 50%; margin-left: -30px; border-right: 15px solid; } .bigarrows .sprocket-strips-p-arrows .arrow:before { border-top: 23px solid transparent; border-bottom: 23px solid transparent; margin-top: -35px;} .bigarrows .sprocket-strips-p-arrows .arrow { background: auto; position: absolute; background: none; color: white; } .bigarrows .sprocket-strips-p-arrows { display: block; } .bigarrows .layout-showcase .sprocket-features-arrows { position: absolute; right: 0; bottom: 0; left: 0; top: 0; } /* BIGGER ARROWS ON ROTATOR STRIPS*/ .bigarrows .sprocket-strips-s-arrows .next:before { right: 50%; margin-right: -30px; border-left: 15px solid;} .bigarrows .sprocket-strips-s-arrows .prev:before { left: 50%; margin-left: -30px; border-right: 15px solid; } .bigarrows .sprocket-strips-s-arrows .arrow:before { content: ''; width: 0; height: 0; position: absolute; top: 50%; margin-top: -5px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; } .bigarrows .sprocket-strips-s-arrows .arrow {position: absolute; top: 50%;margin-top: -12px; opacity: 0.4; z-index: 10; background: none; } .bigarrows .sprocket-strips-s-arrows .arrow.prev { right: auto; left: 10px;} .bigarrows .sprocket-strips-s-arrows .arrow.next {right: 10px; left: auto;} .bigarrows .sprocket-strips-s-arrows { right: 0; bottom: 0; left: 0; top: 0;} .bigarrows .sprocket-strips-s-arrows .arrow:hover { opacity: .7; } .bigarrows .sprocket-strips-s .sprocket-strips-s-container { margin: 0 5%; } /* BIGGER ARROWS ON ROTATOR SLIDESHOW*/ .bigarrows .layout-slideshow .sprocket-features-arrows .arrow { background: none; box-shadow: none; color: rgb(0, 0, 0, .5); font-size: 5rem;} .bigarrows .arrows-active .sprocket-features-list {margin: 0px; } .bigarrows .arrows-active .sprocket-features-list {margin: 0px; } .bigarrows .arrows-onhover .sprocket-features-arrows .arrow.prev, .bigarrows .sprocket-features-arrows .arrow.prev { margin-left: 0; left: 20px; right: auto; z-index: 15; } .bigarrows .sprocket-features-arrows .arrow.next, .bigarrows .arrows-onhover .sprocket-features-arrows .arrow.next { margin-right: 0; right: 20px; left: auto; z-index: 15; } .bigarrows .layout-slideshow .sprocket-features-arrows .arrow {position: absolute; top: 50%;margin-top: -12px; opacity: 0.4; z-index: 10; background: none; } ul.sprocket-features-list { z-index: 10; } @media only screen and (max-width: 767px) { .sprocket-features.layout-showcase.arrows-active .sprocket-features-arrows .arrow { display: none; } .sprocket-features-desc p { font-size: .8rem;} .sprocket-features-desc h1 { font-size: 1.75rem;} .sprocket-features-desc h2 { font-size: 1.5rem;} .sprocket-features-desc h3 { font-size: 1.2rem;} .sprocket-features-desc h4 { font-size: 1rem;} .sprocket-features-desc h5 { font-size: 1rem;} .bigarrows .sprocket-features.layout-showcase.arrows-active .sprocket-features-arrows .arrow, .bigarrows .layout-slideshow .sprocket-features-arrows .arrow { display: none; } } /************ SIDE BY SIDE ************/ .sidebyside .sprocket-features-container { display: flex; align-items: center; justify-content: center; } .sidebyside .layout-showcase .sprocket-features-img-container img { float: none;} @media only screen and (max-width: 767px) { .layout-showcase .sprocket-features-img-container img { margin-right: 0px;} } /************ ADDITIONAL OPTIONS ************/ .flushrotator .layout-showcase, .flushrotator .layout-showcase .sprocket-features-img-container { margin: 0; } .flushrotator .layout-showcase .sprocket-features-img-container img { border-radius: 0;} /************ IMAGE ON THE RIGHT ************/ .imgright .sprocket-features-container .sprocket-features-img-container { order: 2;} .imgright .sprocket-features-container .sprocket-features-content { order: 1;} .imgright .layout-showcase .sprocket-features-pagination { left: auto; right: 50px; } @media only screen and (max-width: 767px) { .imgright .sprocket-features-container .sprocket-features-img-container { order: 1;} .imgright .sprocket-features-container .sprocket-features-content { order: 2;} } /************ SIZES ************/ .widetwothirds .sprocket-features-img-container, .superwidetwothirds .sprocket-features-img-container { display: flex; } .widetwothirds .sprocket-features-img-container img, .superwidetwothirds .sprocket-features-img-container img { object-fit: cover; object-position: center; } .widetwothirds .sprocket-features-img-container, .widetwothirds .sprocket-features-img-container img { width: 67vw; height: 37vw; } .superwidetwothirds .sprocket-features-img-container, .superwidetwothirds .sprocket-features-img-container img { width: 67vw; height: 28vw !important; } .widetwothirds .sprocket-features-content, .superwidetwothirds .sprocket-features-content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .widetwothirds .sprocket-features-content { width: 33vw; height: 37vw; } .superwidetwothirds .sprocket-features-content { width: 33vw; height: 28vw; } @media only screen and (max-width: 767px) { .sidebyside .sprocket-features-container { flex-wrap: wrap; } .widetwothirds .sprocket-features-img-container, .widetwothirds .sprocket-features-img-container img { width: 100vw; height: 56vw; } .widetwothirds .sprocket-features-content { width: 100vw; min-height: 56vw; } .superwidetwothirds .sprocket-features-content { width: 100vw; min-height: 56vw;} .widetwothirds .sprocket-features-content .sprocket-features-desc, .superwidetwothirds .sprocket-features-content .sprocket-features-desc { overflow: auto;} .imgright .sprocket-features-container .sprocket-features-img-container { padding-left: 0px;} .superwidetwothirds .sprocket-features-img-container, .superwidetwothirds .sprocket-features-img-container img { width: 100vw; height: 42vw !important; } .fullwidthrotator.superwiderotator .layout-slideshow .sprocket-features-img-container { padding-bottom: 42vw;} .fullwidthrotator.superwiderotator .layout-slideshow .sprocket-features-content { width: 100%;} .fullwidthrotator.superwiderotator .layout-slideshow .sprocket-features-content { right: 0; height: 42vw; overflow: auto} .fullwidthrotator.superwiderotator.rotatoroverlay .layout-slideshow .sprocket-features-img-container { padding-bottom: 0;} } /************ *********************************** ************/ /************ NEWS ************/ /************ *********************************** ************/ /************ DEFAULT CHANGES ************/ .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span { background: black; padding: 10px 20px; border-radius: 5px; margin-bottom: 10px; color: white; transition: all .2s ease-in-out; } .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a { display: block; margin-bottom: 10px; } .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span:hover { background: rgba(0,0,0,.8); padding: 10px 20px; border-radius: 5px; margin-bottom: 10px; color: white; } /************ ZOOMPICS ************/ .zoompics h4.sprocket-lists-portrait-title { background: none; font-size: 1.4rem !important; color: #414042; margin-top: 0px; margin-bottom: 0px; line-height: 1.3 !important;} .zoompics .active h4.sprocket-lists-portrait-title { margin-bottom: 10px; line-height: 1.3 !important;} .zoompics .portrait-image { width: auto;} .zoompics .portrait-image img { object-fit: cover; object-position: center; height: 5vw; width: 5vw; transition: all .5s ease-in-out; } .zoompics .sprocket-lists-portrait-container > li h4 { display: flex; align-items: center; height: 5vw; margin-left: 0px; padding-left: 0px;} .zoompics .sprocket-lists-portrait-container > li.active h4 { height: auto;} .zoompics .active .portrait-image img, .zoompics.noncollapse .portrait-image img { object-fit: cover; object-position: center; height: 10vw; width: 10vw; } .zoompics.noncollapse .sprocket-lists-portrait-item { opacity: 1 !important; overflow: visible !important; height: auto !important;} .zoompics.noncollapse h4.sprocket-lists-portrait-title { height: auto; margin-bottom: 10px; line-height: 1.3 !important; } .zoompics.noncollapse .sprocket-lists-portrait-container li { cursor: auto; } .zoompics.sprocket-lists-portrait-container li { border-bottom: 2px solid rgba(96, 152, 201, .5); } .zoompics .sprocket-lists-portrait-pagination li { padding: 6px !important; border-radius: 0; } .zoompics .sprocket-lists-portrait-arrows .arrow { color: black; } @media only screen and (max-width: 767px) { .zoompics .sprocket-lists-portrait-arrows .arrow { margin-left: 25px; } .zoompics .portrait-image img { height: 20vw; width: 20vw; } .zoompics .active .portrait-image img { height: 60vw; width: 80vw; } .zoompics .sprocket-lists-portrait-container li.active { display: flex; flex-wrap: wrap; } .zoompics .sprocket-lists-portrait-container > li h4 { height: auto; } .zoompics .sprocket-lists-portrait-container > li.active h4 { width: 80vw;} .zoompics.noncollapse .portrait-image img { height: 20vw; width: 20vw; } .zoompics.noncollapse .sprocket-lists-portrait-item { opacity: 0 !important; overflow: hidden !important; height: auto !important;} .zoompics.noncollapse .active .sprocket-lists-portrait-item { opacity: 1 !important; overflow: visible !important; height: auto !important;} .zoompics.noncollapse .active .portrait-image img { height: 60vw; width: 80vw; } } /************ HOVER NEWS ************/ .photoblocknews .sprocket-strips-container { display: flex; justify-content: center; } .photoblocknews .sprocket-strips .readon span { font-size: 1.5rem;} .photoblocknews .sprocket-strips { position: relative; } .photoblocknews .sprocket-strips-item { background: url(default-news.jpg) 0 0 no-repeat; background-size: cover; } .photoblocknews .sprocket-strips-arrows .arrow { background: none; color: rgba(0,0,0,.5); font-size: 5rem; box-shadow: none;} /* .layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {box-shadow: none; } .layout-slideshow .sprocket-features-arrows .arrow { top: 50%;} */ .photoblocknews .sprocket-strips .sprocket-strips-nav .arrow { position: absolute; top: 50% } .photoblocknews .sprocket-strips .sprocket-strips-nav .arrow.next { right: -50px; } .photoblocknews .sprocket-strips .sprocket-strips-nav .arrow.prev { left: -50px; } .photoblocknews .sprocket-strips-content > a.readon { position: absolute; top: 0; right:0; bottom: 0; left: 0; background: none; display: flex; justify-content: center; align-items: center; } .photoblocknews .sprocket-strips-item { position: relative; } .photoblocknews .sprocket-strips-item .readon { padding: 0; margin: 0;} .photoblocknews .sprocket-strips-item .readon:hover { background: rgba(0,0,0,.8);} .photoblocknews .sprocket-strips-item .readon span { flex: 1; text-align: center; transition: all .2s ease-in; opacity: 0; } .photoblocknews .sprocket-strips-item .readon:hover span { opacity: 1; } .photoblocknews .sprocket-strips-content h4 { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); font-size: 1.4rem; text-shadow: 1px 1px 3px rgba(0,0,0,.5); margin-bottom: 0px; min-height: 72px; text-align: center; transition: all .2s ease-in; border-radius: 0 0 .5rem .5rem; display: flex; align-items: center; justify-content: center; } .photoblocknews .sprocket-strips-item { box-shadow: 0px 0px 10px rgba(0,0,0,0.35); } .photoblocknews .sprocket-strips-content h4 a { color: white; } .photoblocknews .sprocket-strips-item { border-radius: .5rem; } .photoblocknews .sprocket-strips .cols-4 > li { width: 19%;} .photoblocknews .sprocket-strips-container > li { margin: 10px 3%;} .photoblocknews .sprocket-strips-item:hover .sprocket-strips-content h4 { opacity: 0;} .photoblocknews .sprocket-strips-item { background-position: 50% 50%; background-size: cover; } .photoblocknews .sprocket-lists-title { padding: 15px 10px !important;} .photoblocknews .sprocket-lists-item .sprocket-padding { padding-top: 0px;} .photoblocknews .sprocket-strips-pagination li { padding: 8px !important; border-radius: 0; } .photoblocknews .sprocket-strips-item { height: 20vw; width: 15vw; } @media only screen and (max-width: 767px) { .photoblocknews .sprocket-features-content img { display: none;} .photoblocknews .sprocket-strips .sprocket-strips-nav .arrow.next { right: -35px; } .photoblocknews .sprocket-strips .sprocket-strips-nav .arrow.prev { left: -35px; } .photoblocknews .sprocket-strips-container { flex-wrap: wrap; } .photoblocknews .sprocket-strips .sprocket-strips-container > li, .photoblocknews .sprocket-strips .sprocket-strips-container > li .sprocket-strips-item { width: 80vw; height: 20vw; border-radius: 0; } .photoblocknews .sprocket-strips-item { background-position: 0 50%; background-size: contain; box-shadow: none;} .photoblocknews .sprocket-strips-content h4 { margin-left: 15vw; border-radius: 0; min-height: 20vw; } .photoblocknews .sprocket-strips-content > a.readon { border-radius: 0; } } .squarepager .sprocket-strips-p-pagination li, .squarepager .sprocket-lists-modern-pagination li, .squarepager .sprocket-strips-s-pagination li, .squarepager .sprocket-lists-portrait-pagination li { padding: 8px !important; border-radius: 0; } .squarepicstrip .sprocket-strips-p-item img { width: 15vw; height: 15vw; object-fit: cover; object-position: center; } @media only screen and (max-width: 767px) { /** MOBILE SPROCKET STRIPS **/ .sprocket-strips-s-container .sprocket-strips-s-block { width: 100%;} .sprocket-strips-s-item { display: flex; } .sprocket-strips-s-item img, .sprocket-strips-s-item div { flex: 1; } .sprocket-strips-s-content { margin-left: 20px;} .sprocket-strips-s-container li { padding-bottom: 30px;} } /************ *********************************** ************/ /************ QUICKLINKS ************/ /************ *********************************** ************/ /************ DEFAULT CHANGES FOR QUICKLINKS ************/ .quicklinks .sprocket-strips-content .readon { display: none; } .quicklinks .sprocket-strips-content, .quicklinks h4.sprocket-strips-title, .quicklinks h4.sprocket-strips-title a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .quicklinks h4.sprocket-strips-title { margin: 0; padding: 0;} .quicklinks .sprocket-strips-item { position: relative; min-height: 50px; } .quicklinks .sprocket-strips .sprocket-strips-container > li { width: auto; float: none; margin: 10px 0; flex: 1; } .quicklinks .sprocket-strips .sprocket-strips-container{ display: flex; flex-wrap: wrap; } /************ BACKGROUND OVERLAY ************/ .overlaybackpic .sprocket-strips-item { position: relative; min-height: 100px; } .overlaybackpic .sprocket-strips-content { background: rgba(0,0,0,.5); transition: all .2s ease-in-out; } .overlaybackpic .sprocket-strips-content:hover { background: rgba(0,0,0,.8); } .overlaybackpic h4.sprocket-strips-title { margin: 0; background: none; } .overlaybackpic h4.sprocket-strips-title a { color: white; } .rotatoroverlay .sprocket-features-desc a { background: none; position: absolute; bottom: 0; top: 0; left: 0; right: 0; } .fullwidthrotator.rotatoroverlay .layout-slideshow .sprocket-features-content .sprocket-features-desc { background: none; } .rotatoroverlay .sprocket-features-desc a span { display: none; } /************ CENTER THE TEXT ON THE QUICKLINK ************/ .centerverhoz h4.sprocket-strips-title a, .centerverhoz h4.sprocket-strips-title { display: flex; align-items: center; justify-content: center; text-align: center; } /************ EXPANDING BORDER ************/ .expandingborder .sprocket-strips-container { margin: 0; } .expandingborder h4.sprocket-strips-title { margin: 15px; border: 1px white solid; border-radius: 0; transition: all .3s ease-in-out; } .expandingborder h4.sprocket-strips-title:hover { margin: 0px; border: 1px rgba(0,0,0,0) solid; } /************ PADING BETWEEN ************/ .quicklinks.marginbet1 .sprocket-strips .sprocket-strips-container > li { padding-left: 5px; padding-right: 5px; } .quicklinks.marginbet2 .sprocket-strips .sprocket-strips-container > li { padding-left: 10px; padding-right: 10px; } .quicklinks.marginbet3 .sprocket-strips .sprocket-strips-container > li { padding-left: 15px; padding-right: 15px; } /************ SMALL ICON QUICKLINKS ************/ .iconquicklinks .fa { font-size: 1.3rem; padding-bottom: 10px;} .smallallcaps h4 { text-transform: uppercase; font-size: .9rem;} .linesinbetween .sprocket-strips-container > li {border-right: 1px white solid;} .linesinbetween .sprocket-strips-container > li .sprocket-strips-content {padding: 0 10px;} .linesinbetween .sprocket-strips-container > li:last-child { border-right: none; } .linesinbetween .sprocket-strips-item { min-height: none; } .iconquicklinks .sprocket-strips-content .readon { display: none; } .iconquicklinks .sprocket-strips li { width: auto !important;} .iconquicklinks .sprocket-strips-container > li { float: none;} .iconquicklinks ul.sprocket-strips-container { display: flex; } .iconquicklinks .sprocket-strips-item { box-shadow: none;} .iconquicklinks .sprocket-strips-nav { display: none;} .aligniconsright ul.sprocket-strips-container { justify-content: flex-end; } /************ SMALL ICON QUICKLINKS ************/ .qlroundcorner .sprocket-strips-item { border-radius: 5px; } /************ HEIGHT SIZES ************/ .coverimgarea .sprocket-strips-s-item img { object-fit: cover; object-position: center; width: 100%;} .heightvw3 .sprocket-strips-item, .heightvw3 .sprocket-strips-s-item img { height: 3vw;} .heightvw4 .sprocket-strips-item, .heightvw4 .sprocket-strips-s-item img { height: 4vw;} .heightvw5 .sprocket-strips-item, .heightvw5 .sprocket-strips-s-item img { height: 5vw;} .heightvw6 .sprocket-strips-item, .heightvw6 .sprocket-strips-s-item img { height: 6vw;} .heightvw7 .sprocket-strips-item, .heightvw7 .sprocket-strips-s-item img { height: 7vw;} .heightvw8 .sprocket-strips-item, .heightvw8 .sprocket-strips-s-item img { height: 8vw;} .heightvw9 .sprocket-strips-item, .heightvw9 .sprocket-strips-s-item img { height: 9vw;} .heightvw10 .sprocket-strips-item, .heightvw10 .sprocket-strips-s-item img { height: 10vw;} .heightvw11 .sprocket-strips-item, .heightvw11 .sprocket-strips-s-item img { height: 11vw;} .heightvw12 .sprocket-strips-item, .heightvw12 .sprocket-strips-s-item img { height: 12vw;} .heightvw13 .sprocket-strips-item, .heightvw13 .sprocket-strips-s-item img { height: 13vw;} .heightvw14 .sprocket-strips-item, .heightvw14 .sprocket-strips-s-item img { height: 14vw;} .heightvw15 .sprocket-strips-item, .heightvw15 .sprocket-strips-s-item img { height: 15vw;} .heightvw16 .sprocket-strips-item, .heightvw16 .sprocket-strips-s-item img { height: 16vw;} .heightvw17 .sprocket-strips-item, .heightvw17 .sprocket-strips-s-item img { height: 17vw;} .heightvw18 .sprocket-strips-item, .heightvw18 .sprocket-strips-s-item img { height: 18vw;} .heightvw19 .sprocket-strips-item, .heightvw19 .sprocket-strips-s-item img { height: 19vw;} .heightvw20 .sprocket-strips-item, .heightvw20 .sprocket-strips-s-item img { height: 20vw;} /************ WIDTH SIZES ************/ .widthvw10 .sprocket-strips .sprocket-strips-container > li, .widthvw11 .sprocket-strips .sprocket-strips-container > li, .widthvw12 .sprocket-strips .sprocket-strips-container > li, .widthvw13 .sprocket-strips .sprocket-strips-container > li, .widthvw14 .sprocket-strips .sprocket-strips-container > li, .widthvw15 .sprocket-strips .sprocket-strips-container > li, .widthvw16 .sprocket-strips .sprocket-strips-container > li, .widthvw17 .sprocket-strips .sprocket-strips-container > li, .widthvw18 .sprocket-strips .sprocket-strips-container > li, .widthvw19 .sprocket-strips .sprocket-strips-container > li, .widthvw20 .sprocket-strips .sprocket-strips-container > li { display: flex; justify-content: center; } .widthvw10 .sprocket-strips-item { width: 10vw;} .widthvw11 .sprocket-strips-item { width: 11vw;} .widthvw12 .sprocket-strips-item { width: 12vw;} .widthvw13 .sprocket-strips-item { width: 13vw;} .widthvw14 .sprocket-strips-item { width: 14vw;} .widthvw15 .sprocket-strips-item { width: 15vw;} .widthvw16 .sprocket-strips-item { width: 16vw;} .widthvw17 .sprocket-strips-item { width: 17vw;} .widthvw18 .sprocket-strips-item { width: 18vw;} .widthvw19 .sprocket-strips-item { width: 19vw;} .widthvw20 .sprocket-strips-item { width: 20vw;} /************ MOBILE VARIANTS ************/ @media only screen and (max-width: 767px) { .mobilesidebyside .sprocket-strips-item { background-size: contain; height: 90px; background-position: 0% 0%; background-repeat: no-repeat; } .mobilesidebyside .sprocket-strips-container li { background: none; } .mobilesidebyside .sprocket-strips-container li { display: flex; justify-content: center; } .mobilesidebyside.overlaybackpic .sprocket-strips-content { background: rgba(0,0,0,.4); } .mobilesidebyside .sprocket-strips-item, .mobilesidebyside.widthvw10 .sprocket-strips-item, .mobilesidebyside.widthvw11 .sprocket-strips-item, .mobilesidebyside.widthvw12 .sprocket-strips-item, .mobilesidebyside.widthvw13 .sprocket-strips-item, .mobilesidebyside.widthvw14 .sprocket-strips-item, .mobilesidebyside.widthvw15 .sprocket-strips-item, .mobilesidebyside.widthvw16 .sprocket-strips-item, .mobilesidebyside.widthvw17 .sprocket-strips-item, .mobilesidebyside.widthvw18 .sprocket-strips-item, .mobilesidebyside.widthvw19 .sprocket-strips-item, .mobilesidebyside.widthvw20 .sprocket-strips-item, .mobilewrap .sprocket-strips-item, .mobilewrap.widthvw10 .sprocket-strips-item, .mobilewrap.widthvw11 .sprocket-strips-item, .mobilewrap.widthvw12 .sprocket-strips-item, .mobilewrap.widthvw13 .sprocket-strips-item, .mobilewrap.widthvw14 .sprocket-strips-item, .mobilewrap.widthvw15 .sprocket-strips-item, .mobilewrap.widthvw16 .sprocket-strips-item, .mobilewrap.widthvw17 .sprocket-strips-item, .mobilewrap.widthvw18 .sprocket-strips-item, .mobilewrap.widthvw19 .sprocket-strips-item, .mobilewrap.widthvw20 .sprocket-strips-item { width: 80vw; } .expandingborder h4.sprocket-strips-title { border: none; margin: 0;} .mobilesidebyside.centerverhoz h4.sprocket-strips-title a { justify-content: flex-end; text-align: right; padding-left: 120px; padding-right: 20px; } .mobilesidebyside .sprocket-strips-content { background: none; } .mobilesidebyside .sprocket-strips-container li { background: black; } .mobilewrap { flex-wrap: wrap; } [class^="heightvw"] .sprocket-strips-item, [class^="heightvw"] .sprocket-strips-s-item img, .coverimgarea .sprocket-strips-s-item img { height: 40vw!important; width: 40vw;} } /************ SEPARATED QUICKLINKS **************/ .separatedquicklinks a.readon { display: none; } .separatedquicklinks > .sprocket-strips-s > .sprocket-strips-s-container > .sprocket-strips-s-block > .sprocket-strips-s-item { display: flex; flex-direction: column; position: relative; } .separatedquicklinks .sprocket-strips-s-title { text-align: center; font-size: 1.4rem; } .separatedquicklinks .sprocket-strips-s-title a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-top: 11vw; } .separatedquicklinks > .sprocket-strips-s > .sprocket-strips-s-container > .sprocket-strips-s-block > .sprocket-strips-s-item img { object-fit: cover; object-position: center; } @media only screen and (max-width: 767px) { .sprocket-strips-s-title a {display: flex; align-items: center;} .separatedquicklinks > .sprocket-strips-s > .sprocket-strips-s-container > .sprocket-strips-s-block > .sprocket-strips-s-item { display: flex; flex-direction: row; } .separatedquicklinks .sprocket-strips-s-title a { padding-top: 0; color: #ffffff; } .separatedquicklinks > .sprocket-strips-s > .sprocket-strips-s-container li { padding-bottom: 10px; } .separatedquicklinks > .sprocket-strips-s > .sprocket-strips-s-container > .sprocket-strips-s-block > .sprocket-strips-s-item img {position: absolute; height: 20vw;} } .widthvw3 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw4 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw5 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw6 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw7 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw8 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw9 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw10 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw11 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw12 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw13 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw14 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw15 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw16 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw17 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw18 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw19 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw20 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw21 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw22 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw23 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw24 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw25 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw26 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw27 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw28 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw29 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw30 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw31 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw32 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw33 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw34 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw35 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw36 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw37 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw38 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw39 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} .widthvw40 .sprocket-strips-s-item img {width: 20vw; height: 10vw;} @media only screen and (max-width: 767px) { .widthvw3 .sprocket-strips-s-title > a {padding-left: calc(3vw + 20px);} .widthvw4 .sprocket-strips-s-title > a {padding-left: calc(4vw + 20px);} .widthvw5 .sprocket-strips-s-title > a {padding-left: calc(5vw + 20px);} .widthvw6 .sprocket-strips-s-title > a {padding-left: calc(6vw + 20px);} .widthvw7 .sprocket-strips-s-title > a {padding-left: calc(7vw + 20px);} .widthvw8 .sprocket-strips-s-title > a {padding-left: calc(8vw + 20px);} .widthvw9 .sprocket-strips-s-title > a {padding-left: calc(9vw + 20px);} .widthvw10 .sprocket-strips-s-title > a {padding-left: calc(10vw + 20px);} .widthvw11 .sprocket-strips-s-title > a {padding-left: calc(11vw + 20px);} .widthvw12 .sprocket-strips-s-title > a {padding-left: calc(12vw + 20px);} .widthvw13 .sprocket-strips-s-title > a {padding-left: calc(13vw + 20px);} .widthvw14 .sprocket-strips-s-title > a {padding-left: calc(14vw + 20px);} .widthvw15 .sprocket-strips-s-title > a {padding-left: calc(15vw + 20px);} .widthvw16 .sprocket-strips-s-title > a {padding-left: calc(16vw + 20px);} .widthvw17 .sprocket-strips-s-title > a {padding-left: calc(17vw + 20px);} .widthvw18 .sprocket-strips-s-title > a {padding-left: calc(18vw + 20px);} .widthvw19 .sprocket-strips-s-title > a {padding-left: calc(19vw + 20px);} .widthvw20 .sprocket-strips-s-title > a {padding-left: calc(20vw + 20px);} .widthvw21 .sprocket-strips-s-title > a {padding-left: calc(21vw + 20px);} .widthvw22 .sprocket-strips-s-title > a {padding-left: calc(22vw + 20px);} .widthvw23 .sprocket-strips-s-title > a {padding-left: calc(23vw + 20px);} .widthvw24 .sprocket-strips-s-title > a {padding-left: calc(24vw + 20px);} .widthvw25 .sprocket-strips-s-title > a {padding-left: calc(25vw + 20px);} .widthvw26 .sprocket-strips-s-title > a {padding-left: calc(26vw + 20px);} .widthvw27 .sprocket-strips-s-title > a {padding-left: calc(27vw + 20px);} .widthvw28 .sprocket-strips-s-title > a {padding-left: calc(28vw + 20px);} .widthvw29 .sprocket-strips-s-title > a {padding-left: calc(29vw + 20px);} .widthvw30 .sprocket-strips-s-title > a {padding-left: calc(30vw + 20px);} .widthvw31 .sprocket-strips-s-title > a {padding-left: calc(31vw + 20px);} .widthvw32 .sprocket-strips-s-title > a {padding-left: calc(32vw + 20px);} .widthvw33 .sprocket-strips-s-title > a {padding-left: calc(33vw + 20px);} .widthvw34 .sprocket-strips-s-title > a {padding-left: calc(34vw + 20px);} .widthvw35 .sprocket-strips-s-title > a {padding-left: calc(35vw + 20px);} .widthvw36 .sprocket-strips-s-title > a {padding-left: calc(36vw + 20px);} .widthvw37 .sprocket-strips-s-title > a {padding-left: calc(37vw + 20px);} .widthvw38 .sprocket-strips-s-title > a {padding-left: calc(38vw + 20px);} .widthvw39 .sprocket-strips-s-title > a {padding-left: calc(39vw + 20px);} .widthvw40 .sprocket-strips-s-title > a {padding-left: calc(40vw + 20px);} .separatedquicklinks .sprocket-strips-s-title {text-align: left;} .widthvw3 .sprocket-strips-s-item {height: 20vw;} .widthvw4 .sprocket-strips-s-item {height: 20vw;} .widthvw5 .sprocket-strips-s-item {height: 20vw;} .widthvw6 .sprocket-strips-s-item {height: 20vw;} .widthvw7 .sprocket-strips-s-item {height: 20vw;} .widthvw8 .sprocket-strips-s-item {height: 20vw;} .widthvw9 .sprocket-strips-s-item {height: 20vw;} .widthvw10 .sprocket-strips-s-item {height: 20vw;} .widthvw11 .sprocket-strips-s-item {height: 20vw;} .widthvw12 .sprocket-strips-s-item {height: 20vw;} .widthvw13 .sprocket-strips-s-item {height: 20vw;} .widthvw14 .sprocket-strips-s-item {height: 20vw;} .widthvw15 .sprocket-strips-s-item {height: 20vw;} .widthvw16 .sprocket-strips-s-item {height: 20vw;} .widthvw17 .sprocket-strips-s-item {height: 20vw;} .widthvw18 .sprocket-strips-s-item {height: 20vw;} .widthvw19 .sprocket-strips-s-item {height: 20vw;} .widthvw20 .sprocket-strips-s-item {height: 20vw;} .widthvw21 .sprocket-strips-s-item {height: 20vw;} .widthvw22 .sprocket-strips-s-item {height: 20vw;} .widthvw23 .sprocket-strips-s-item {height: 20vw;} .widthvw24 .sprocket-strips-s-item {height: 20vw;} .widthvw25 .sprocket-strips-s-item {height: 20vw;} .widthvw26 .sprocket-strips-s-item {height: 20vw;} .widthvw27 .sprocket-strips-s-item {height: 20vw;} .widthvw28 .sprocket-strips-s-item {height: 20vw;} .widthvw29 .sprocket-strips-s-item {height: 20vw;} .widthvw30 .sprocket-strips-s-item {height: 20vw;} .widthvw31 .sprocket-strips-s-item {height: 20vw;} .widthvw32 .sprocket-strips-s-item {height: 20vw;} .widthvw33 .sprocket-strips-s-item {height: 20vw;} .widthvw34 .sprocket-strips-s-item {height: 20vw;} .widthvw35 .sprocket-strips-s-item {height: 20vw;} .widthvw36 .sprocket-strips-s-item {height: 20vw;} .widthvw37 .sprocket-strips-s-item {height: 20vw;} .widthvw38 .sprocket-strips-s-item {height: 20vw;} .widthvw39 .sprocket-strips-s-item {height: 20vw;} .widthvw40 .sprocket-strips-s-item {height: 20vw;} .widthvw3 .sprocket-strips-s-item img {width: 3vw; height: 20vw;} .widthvw4 .sprocket-strips-s-item img {width: 4vw; height: 20vw;} .widthvw5 .sprocket-strips-s-item img {width: 5vw; height: 20vw;} .widthvw6 .sprocket-strips-s-item img {width: 6vw; height: 20vw;} .widthvw7 .sprocket-strips-s-item img {width: 7vw; height: 20vw;} .widthvw8 .sprocket-strips-s-item img {width: 8vw; height: 20vw;} .widthvw9 .sprocket-strips-s-item img {width: 9vw; height: 20vw;} .widthvw10 .sprocket-strips-s-item img {width: 10vw; height: 20vw;} .widthvw11 .sprocket-strips-s-item img {width: 11vw; height: 20vw;} .widthvw12 .sprocket-strips-s-item img {width: 12vw; height: 20vw;} .widthvw13 .sprocket-strips-s-item img {width: 13vw; height: 20vw;} .widthvw14 .sprocket-strips-s-item img {width: 14vw; height: 20vw;} .widthvw15 .sprocket-strips-s-item img {width: 15vw; height: 20vw;} .widthvw16 .sprocket-strips-s-item img {width: 16vw; height: 20vw;} .widthvw17 .sprocket-strips-s-item img {width: 17vw; height: 20vw;} .widthvw18 .sprocket-strips-s-item img {width: 18vw; height: 20vw;} .widthvw19 .sprocket-strips-s-item img {width: 19vw; height: 20vw;} .widthvw20 .sprocket-strips-s-item img {width: 20vw; height: 20vw;} .widthvw21 .sprocket-strips-s-item img {width: 21vw; height: 20vw;} .widthvw22 .sprocket-strips-s-item img {width: 22vw; height: 20vw;} .widthvw23 .sprocket-strips-s-item img {width: 23vw; height: 20vw;} .widthvw24 .sprocket-strips-s-item img {width: 24vw; height: 20vw;} .widthvw25 .sprocket-strips-s-item img {width: 25vw; height: 20vw;} .widthvw26 .sprocket-strips-s-item img {width: 26vw; height: 20vw;} .widthvw27 .sprocket-strips-s-item img {width: 27vw; height: 20vw;} .widthvw28 .sprocket-strips-s-item img {width: 28vw; height: 20vw;} .widthvw29 .sprocket-strips-s-item img {width: 29vw; height: 20vw;} .widthvw30 .sprocket-strips-s-item img {width: 30vw; height: 20vw;} .widthvw31 .sprocket-strips-s-item img {width: 31vw; height: 20vw;} .widthvw32 .sprocket-strips-s-item img {width: 32vw; height: 20vw;} .widthvw33 .sprocket-strips-s-item img {width: 33vw; height: 20vw;} .widthvw34 .sprocket-strips-s-item img {width: 34vw; height: 20vw;} .widthvw35 .sprocket-strips-s-item img {width: 35vw; height: 20vw;} .widthvw36 .sprocket-strips-s-item img {width: 36vw; height: 20vw;} .widthvw37 .sprocket-strips-s-item img {width: 37vw; height: 20vw;} .widthvw38 .sprocket-strips-s-item img {width: 38vw; height: 20vw;} .widthvw39 .sprocket-strips-s-item img {width: 39vw; height: 20vw;} .widthvw40 .sprocket-strips-s-item img {width: 40vw; height: 20vw;} } /*********************** HOVERLINKS ******************************/ .hoverlinks .hoverlinks-block {height: 12vw;} .hoverlinks h4.hoverlinks-title {text-align: center; border-bottom: 1px solid #ffffff; margin: 1vw 1vw; color: #ffffff; flex: 1; transition-duration: .5s;} .hoverlinks .hoverlinks-block a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: flex-end;} .hoverlinks .hoverlinks-block a:hover > h4.hoverlinks-title {margin-bottom: 7vw; flex: initial;} .hoverlinks .sprocket-strips-content {padding: 0;} .hoverlinks .sprocket-strips-container {display: flex; flex-direction: row;} .hoverlinks .sprocket-strips-container li {flex: 1; margin: 1vw 10px;} .hoverlinks .sprocket-strips-container li:first-child {margin-left: 0;} .hoverlinks .sprocket-strips-container li:last-child {margin-right: 0;} @media only screen and (max-width: 767px) { .hoverlinks .hoverlinks-block a {background: none; padding-left: 33%; justify-content: flex-start; align-items: center;} .hoverlinks h4.hoverlinks-title {border-bottom: none; text-align: left; padding-left: 15px;} .hoverlinks .hoverlinks-block {height: 23vw; background-size: 33%!important; background-position: 0% 0%!important;} .hoverlinks .sprocket-strips-container {flex-direction: column;} .hoverlinks .sprocket-strips-container li {width: 96%; margin-right: 2%; margin-left: 2%;} .hoverlinks .sprocket-strips-container li:first-child {margin-left: 2%;} .hoverlinks .hoverlinks-block a:hover > h4.hoverlinks-title {margin-bottom: initial; flex: initial;} } /*************************** Font Awesome Quicklinks ***************/ /*Font Awesome Quicklinks*/ .fa-quicklinks .sprocket-strips-s-title a {color: #04609c;} .fa-quicklinks .sprocket-strips-s-text {color: #04609c;} .fa-quicklinks {margin: 0 10vw 0 0vw!important;} .fa-quicklinks .sprocket-strips-s-container {display: grid;} .fa-quicklinks.fa-l1 .sprocket-strips-s-container {grid-template-columns: 1fr;} .fa-quicklinks.fa-l2 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks.fa-l3 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr 1fr;} .fa-quicklinks.fa-l4 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr 1fr 1fr;} .fa-quicklinks.fa-l5 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} .fa-quicklinks.fa-l6 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;} .fa-quicklinks.fa-l7 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .fa-quicklinks.fa-l8 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .fa-quicklinks.fa-l9 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .fa-quicklinks.fa-l10 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .fa-quicklinks {align-items: center; width: 100%; height: 100%;} .fa-quicklinks .sprocket-strips-s-block {position: relative; width: 100%; margin: 0;} .fa-quicklinks .sprocket-strips-s-item img {display: none;} .fa-quicklinks .sprocket-strips-s-item {display: flex; align-items: center; justify-content: center; position: relative;} /*.fa-quicklinks .sprocket-strips-s-item {transition: all 1.5s ease-in-out;}*/ .fa-quicklinks .sprocket-strips-s-item:hover {top: -15px;} .fa-quicklinks .sprocket-strips-s-item:hover .sprocket-strips-s-text span {transform: rotateY(360deg); transition: all .7s linear;} .fa-quicklinks .sprocket-strips-s-item .sprocket-strips-s-content {display: flex; flex-direction: column; height: 9rem;} .fa-quicklinks .sprocket-strips-s-item .sprocket-strips-s-content h4 {order: 2; text-align: center;} .fa-quicklinks .sprocket-strips-s-item .sprocket-strips-s-content span {order: 1;} .fa-quicklinks .sprocket-strips-s-block .sprocket-strips-s-item .sprocket-strips-s-content h4.sprocket-strips-s-title {font-size: 1.2rem;} .fa-quicklinks .sprocket-strips-s-block .sprocket-strips-s-item .sprocket-strips-s-content h4.sprocket-strips-s-title a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-top: 4rem; width: 15ch; margin-left: auto; margin-right: auto; display: flex; justify-content: center; align-items: center; z-index: 10; transition: all .05s linear;} .fa-quicklinks .sprocket-strips-s-block .sprocket-strips-s-item .sprocket-strips-s-content h4.sprocket-strips-s-title a:hover {box-shadow: 0 8px 6px -6px rgba(31,65,93,.5);} .fa-quicklinks .sprocket-strips-s-text span {font-size: 3vw; transition: all .4s linear; text-shadow: 2px 2px rgba(0,0,0,.2);} .fa-quicklinks .sprocket-strips-s-container:before, .fa-quicklinks .sprocket-strips-s-container:after {content: none;} .fa-quicklinks .readon {display: none;} @media only screen and (max-width: 767px) { .fa-quicklinks .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks.fa-l1 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks.fa-l2 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks.fa-l3 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks.fa-l4 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks.fa-l5 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks.fa-l6 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks.fa-l7 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks.fa-l8 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks.fa-l9 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks.fa-l10 .sprocket-strips-s-container {grid-template-columns: 1fr 1fr;} .fa-quicklinks .sprocket-strips-s-content {margin-left: 0; height: 5rem;} .fa-quicklinks .sprocket-strips-s-item .sprocket-strips-s-content span {margin-left: auto; margin-right: auto;} .fa-quicklinks .sprocket-strips-s-block .sprocket-strips-s-item .sprocket-strips-s-content h4.sprocket-strips-s-title a {align-items: start; width: 100%;} .fa-quicklinks .sprocket-strips-s-container li {padding-bottom: 0;} .fa-quicklinks .sprocket-strips-s-nav {display: none;} .fa-quicklinks .sprocket-strips-s-text span {font-size: 7vw; } } /********************** a-links **********************/ .a-links .sprocket-strips-s-container {display: flex; flex-direction: row;} .a-links .sprocket-strips-s-container li {flex: 1;} .a-links.na-space .sprocket-strips-s-container li {margin: 0;} .a-links.a-space .sprocket-strips-s-container li:not(.a-links .sprocket-strips-s-container li:last-child) {margin: 0 1vw 0 0;} .a-links .sprocket-strips-s-block {margin: 0; padding: 0;} .a-links .sprocket-strips-s-content {margin: 0; padding: 0;} .a-links .sprocket-strips-s-nav {display: none;} .a-links .sprocket-strips-s-content .readon {display: none;} .a-links .sprocket-strips-s-item {position: relative;} .a-links .sprocket-strips-s-item img {height: 100%; width: 100%; object-position: center; object-fit: cover;} .a-links .sprocket-strips-s-item .sprocket-strips-s-content {position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .a-links .sprocket-strips-s-content h4.sprocket-strips-s-title {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; padding: 0;} .a-links .sprocket-strips-s-content h4.sprocket-strips-s-title a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: flex-end; background: rgba(255,255,255,.5); color: #ffffff; padding-bottom: 1vw; padding-left: 1vw; } .a-links .sprocket-strips-s-content h4.sprocket-strips-s-title a:hover {color: #ffffff;} .a-links.a-vw10 .sprocket-strips-s-item {height: 10vw;} .a-links.a-vw11 .sprocket-strips-s-item {height: 11vw;} .a-links.a-vw12 .sprocket-strips-s-item {height: 12vw;} .a-links.a-vw13 .sprocket-strips-s-item {height: 13vw;} .a-links.a-vw14 .sprocket-strips-s-item {height: 14vw;} .a-links.a-vw15 .sprocket-strips-s-item {height: 15vw;} .a-links.a-vw16 .sprocket-strips-s-item {height: 16vw;} .a-links.a-vw17 .sprocket-strips-s-item {height: 17vw;} .a-links.a-vw18 .sprocket-strips-s-item {height: 18vw;} .a-links.a-vw19 .sprocket-strips-s-item {height: 19vw;} .a-links.a-vw20 .sprocket-strips-s-item {height: 20vw;} @media only screen and (max-width: 767px) { .a-links .sprocket-strips-s-container {flex-direction: column;} .a-links .sprocket-strips-s-item {display: flex; flex-direction: row; box-shadow: 0px 0px 10px rgba(0,0,0,.5);} .a-links .sprocket-strips-s-item img {width: 33%; top: 0; bottom: 0; left: 0; right: 67%; box-shadow: 0px 0px 10px rgba(0,0,0,.5);} .a-links .sprocket-strips-s-item .sprocket-strips-s-content {width: 100%; top: 0; bottom: 0; left: 0; right: 0; padding-left: 33%;} .sprocket-strips-s-item img, .sprocket-strips-s-item div {flex: initial;} .a-links.na-space .sprocket-strips-s-container li {margin: 0 0 2vw 0!important;} .a-links.a-space .sprocket-strips-s-container li {margin: 0 0 2vw 0!important;} .a-links .sprocket-strips-s-content h4.sprocket-strips-s-title a {align-items: center; justify-content: left; padding-left: 35%!important;} .a-links.a-vw10 .sprocket-strips-s-item {height: 22vw;} .a-links.a-vw11 .sprocket-strips-s-item {height: 22vw;} .a-links.a-vw12 .sprocket-strips-s-item {height: 22vw;} .a-links.a-vw13 .sprocket-strips-s-item {height: 22vw;} .a-links.a-vw14 .sprocket-strips-s-item {height: 22vw;} .a-links.a-vw15 .sprocket-strips-s-item {height: 22vw;} .a-links.a-vw16 .sprocket-strips-s-item {height: 22vw;} .a-links.a-vw17 .sprocket-strips-s-item {height: 22vw;} .a-links.a-vw18 .sprocket-strips-s-item {height: 22vw;} .a-links.a-vw19 .sprocket-strips-s-item {height: 22vw;} .a-links.a-vw20 .sprocket-strips-s-item {height: 22vw;} } /************ FULL WIDTH ROTATOR ************/ /* .superwiderotator.fullwidthrotator .sprocket-features-list li .sprocket-features-container { overflow: hidden; } */ .fullwidthrotator .layout-slideshow .sprocket-features-img-container img { float: none; object-fit: cover; object-position: center; } .fullwidthrotator .layout-slideshow .sprocket-features-content { top: 0; bottom: 0; display: flex; align-items: center; } .fullwidthrotator .layout-slideshow .sprocket-features-content .sprocket-features-desc { background: linear-gradient(to right, rgba(0,0,0, 0.6), rgba(0,0,0, 0.5), rgba(255,255,255, 0) ); left: 0; padding-left: 20px; padding-right: 40px; } .fullwidthrotator .sprocket-features-content h1, .fullwidthrotator .sprocket-features-content h2, .fullwidthrotator .sprocket-features-content h3, .fullwidthrotator .sprocket-features-content h4, .fullwidthrotator .sprocket-features-content h5, .fullwidthrotator .sprocket-features-content h6, .fullwidthrotator .sprocket-features-content p { color: white; } /************ WIDTHS ************/ .superwiderotator.fullwidthrotator .layout-slideshow .sprocket-features-img-container img { width: 100%; height: 42vw !important; } .widerotator.fullwidthrotator .layout-slideshow .sprocket-features-img-container img { width: 100%; height: 56vw !important; } /************ ROTATOR OVERLAY ************/ .overlayrotatorarea { position: relative; } .overlayrotatorarea .g-container .g-grid, .overlayrotatorarea > .g-grid { position: absolute; top:0; left:65%; right: 5%; bottom: 0; z-index: 10; } .overlayrotatorarea .g-container .g-grid:first-child, .overlayrotatorarea > .g-grid:first-child, .overlayrotatorarea .g-container { position: relative; left:0; right: 0; } .verticalcolumnoverlay { position: absolute; top: 0; bottom: 0; left: auto; right: 0; width: 100%; display: flex; flex-direction: column; } .verticalcolumnoverlay div, .verticalcolumnoverlay > a { flex: 1; display: flex; align-items: center; margin: 10px; background: rgba(0,0,0,.5); color: white; justify-content: center; } .verticalcolumnoverlay > a:hover {background: rgba(0,0,0,.7); color: white;} .verticalcolumnoverlay div:first-child, .verticalcolumnoverlay > a:first-child { margin-top: 0px; } .verticalcolumnoverlay div:last-child, .verticalcolumnoverlay > a:last-child { margin-bottom: 0px; } .verticalcolumnoverlay div a { width: 100%; } @media only screen and (max-width: 767px) { .overlayrotatorarea .g-container .g-grid { position: relative; top:auto; left:auto; right: auto; bottom: auto; z-index: 10; } .verticalcolumnoverlay { position: relative; top: auto; bottom: auto; left: auto; right: auto; width: 100%; display: flex; flex-direction: column; } .verticalcolumnoverlay div a { width: 100%; } .verticalcolumnoverlay { padding: 0 10px;} .verticalcolumnoverlay div, .verticalcolumnoverlay div:first-child, .verticalcolumnoverlay div:last-child, .verticalcolumnoverlay > a, .verticalcolumnoverlay > a:first-child, .verticalcolumnoverlay > a:last-child { margin: 5px 10px; padding: 5px 0px; } } /************ SIDE GRADIENT ************/ .sidegradient .layout-slideshow .sprocket-features-title, .sidegradient .layout-slideshow .sprocket-features-desc, .fullwidthrotator.sidegradient .layout-slideshow .sprocket-features-content .sprocket-features-desc { background: none; } .sidegradient .layout-slideshow .sprocket-features-title { display: block; } .fullwidthrotator.sidegradient .layout-slideshow .sprocket-features-content { display: block; top: auto; left: 0; bottom: 4vw; right: 40%; padding: 1vw 1vw 1vw 3vw; background: linear-gradient(to right, rgba(0,0,0,.6), rgba(0,0,0,.5), rgba(0,0,0,0)); } .fullwidthrotator.sidegradient .layout-slideshow .sprocket-features-pagination { bottom: 0; } .sidegradient .sprocket-features-desc > .readon { display: table; margin-top: 10px;} .sidegradient .layout-slideshow .sprocket-features-title { margin-bottom: 0px;} .sidegradient .layout-slideshow .sprocket-features-content { padding-top: 0px;} @media only screen and (max-width: 767px) { .fullwidthrotator.sidegradient .layout-slideshow .sprocket-features-content { background: rgba(6,46,68,1);} .fullwidthrotator.superwiderotator.sidegradient .layout-slideshow .sprocket-features-img-container, .fullwidthrotator.widerotator.sidegradient .layout-slideshow .sprocket-features-img-container { padding-bottom: 70vw;} .fullwidthrotator.superwiderotator.sidegradient .layout-slideshow .sprocket-features-content, .fullwidthrotator.widerotator.sidegradient .layout-slideshow .sprocket-features-content { height: 66vw;} .sidegradient .layout-slideshow .sprocket-features-content { width: 100%;} .sidegradient .layout-slideshow .sprocket-features-content { right: 0; height: 70vw; overflow: auto} .sidegradient .sprocket-features-pagination { display: none; } .sidegradient .layout-slideshow .sprocket-features-title { margin-bottom: 0px; padding-bottom: 0px;} .notextcontent .layout-slideshow .sprocket-features-img-container { padding-bottom: 0 !important;} .fwrotator.notextcontent .layout-slideshow .sprocket-features-content { display: none; } } /************ SPROCKETLISTSMODERN ************/ .sprocket-padding > a.readon { display: table; margin-top: 10px; } /************ SPROCKET ************/ @media only screen and (max-width: 767px) { .smallmobilesprocket .sprocket-strips-s-item img { width: 100px;} .smallmobilesprocket .sprocket-strips-s-item { display: flex; } .smallmobilesprocket .sprocket-strips-s-content { padding-left: 10px; } } /************ TABS TEXT OVERLAY ************/ .tabstextpicoverlay .sprocket-tabs-inner .sprocket-tabs-text { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.3); box-shadow: 1px 1px 8px rgba(0,0,0,.8); text-align: center; padding: 15px; } .tabstextpicoverlay .sprocket-tabs-nav li .sprocket-tabs-inner { padding: 0; line-height: .9; } .tabstextpicoverlay .sprocket-tabs-nav .sprocket-tabs-icon { margin-right: 0px;} .tabstextpicoverlay .sprocket-tabs-nav { display: flex; } .tabstextpicoverlay .sprocket-tabs-nav li { flex: 1; padding: 15px; transition: all .2s ease-in-out;} .tabstextpicoverlay .sprocket-tabs-nav li.active, .tabstextpicoverlay .sprocket-tabs-nav li:hover { transform: scale(1.07); } @media only screen and (max-width: 767px) { .tabstextpicoverlay .sprocket-tabs-inner .sprocket-tabs-text { padding: 5px; } .tabstextpicoverlay .sprocket-tabs-nav li { padding: 10px; } .tabstextpicoverlay .sprocket-tabs-inner .sprocket-tabs-text { top: 10px; right: 10px; bottom: 10px; left: 10px; } } /************ ROKSPROCKET 2.0 ************/ .pagerbigdots .layout-showcase .sprocket-features-pagination li, .pagerbigdots .layout-slideshow .sprocket-features-pagination li { padding: 10px; z-index: 15; } .pagersquare .layout-showcase .sprocket-features-pagination li, .pagersquare .layout-slideshow .sprocket-features-pagination li { padding: 10px; z-index: 15; border-radius: 0; } /* PAGER LOCATION */ .pagercenter .layout-slideshow .sprocket-features-pagination, .pagercenter .layout-showcase .sprocket-features-pagination { left: 0; right: 0; text-align: center; } .pagerright .layout-slideshow .sprocket-features-pagination { right: 50px; left: auto; } .pagerright .layout-showcase .sprocket-features-pagination { right: 10px; left: auto; } .pagerleft .layout-slideshow .sprocket-features-pagination { left: 50px; right: auto; } .pagerleft .layout-showcase .sprocket-features-pagination { left: 10px; right: auto; } /************ ROTATOR 2.0 ************/ /************ FULL WIDTH fwr ************/ /* ITEMS FOR ALL FWR */ .fwrotator .layout-slideshow .sprocket-features-img-container img { float: none; object-fit: cover; object-position: center; width: 100%;} .fwrotator .layout-slideshow { position: relative; } .fwrotator .layout-slideshow .sprocket-features-title { margin-bottom: 0px;} .fwrotator .layout-slideshow .sprocket-features-content { top: 3vw; bottom: 4vw; display: flex; flex-direction: column; justify-content: flex-end; left: 4vw; } .fwrotator .sprocket-features-content h1, .fwrotator .sprocket-features-content h2, .fwrotator .sprocket-features-content h3, .fwrotator .sprocket-features-content h4, .fwrotator .sprocket-features-content h5, .fwrotator .sprocket-features-content h6, .fwrotator .sprocket-features-content p { color: white; } /* BACKGROUND OPTIONS */ .fwrnocontentback .layout-slideshow .sprocket-features-title, .fwrnocontentback .layout-slideshow .sprocket-features-desc, .fwrnocontentback .layout-slideshow .sprocket-features-content { background: none; } .fwrgradientback .layout-slideshow .sprocket-features-title, .fwrgradientback .layout-slideshow .sprocket-features-desc { background: linear-gradient(to right, rgba(0,0,0, 0.6), rgba(0,0,0, 0.5), rgba(255,255,255, 0) ); left: 0; padding-left: 3vw; padding-right: 40px; } .fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc { background: rgba(0,0,0,.5); } .fwrotator.fwrgradientback .layout-slideshow .sprocket-features-content { left: 0; } /* CONTENT NOT LIMITED TO 50% */ .fwrcontentautowidth .layout-slideshow .sprocket-features-content { width: 100%; } /* WIDTH RATIOS */ .fwrsuperwide .layout-slideshow .sprocket-features-img-container img { height: 42vw !important; } .fwrwide .layout-slideshow .sprocket-features-img-container img { height: 56vw !important; } .fwrultrawide .layout-slideshow .sprocket-features-img-container img { height: 28vw !important; } /* LOCATION OF CONTENT - default bottom left */ .fwcontenttop .layout-slideshow .sprocket-features-content { justify-content: flex-start; } .fwcontentcenter .layout-slideshow .sprocket-features-content { justify-content: center; } /* BIG ARROWS */ .fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow { background: none; box-shadow: none; color: rgb(0, 0, 0, .5); font-size: 6vw;} .fwrbigarrows .arrows-active .sprocket-features-list {margin: 0px; } .fwrbigarrows .arrows-active .sprocket-features-list {margin: 0px; } .fwrbigarrows .arrows-onhover .sprocket-features-arrows .arrow.prev, .fwrbigarrows .sprocket-features-arrows .arrow.prev { margin-left: 0; left: 20px; right: auto; z-index: 15; } .fwrbigarrows .sprocket-features-arrows .arrow.next, .bigarrows .arrows-onhover .sprocket-features-arrows .arrow.next { margin-right: 0; right: 20px; left: auto; z-index: 15; } .fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow {position: absolute; top: 50%;margin-top: -12px; opacity: 0.4; z-index: 10; background: none; } @media only screen and (max-width: 767px) { .fwrnocontentback .layout-slideshow .sprocket-features-content, .fwrgradientback .layout-slideshow .sprocket-features-content, .fwrsolidback .layout-slideshow .sprocket-features-content { background: rgba(0,0,0,1);} .fwrsuperwide .layout-slideshow .sprocket-features-img-container, .fwrwide .layout-slideshow .sprocket-features-img-container, .fwrultrawide .layout-slideshow .sprocket-features-img-container { padding-bottom: 70vw;} .fwrsuperwide .layout-slideshow .sprocket-features-content, .fwrwide .layout-slideshow .sprocket-features-content, .fwrultrawide .layout-slideshow .sprocket-features-content { height: 66vw;} .fwrotator .layout-slideshow .sprocket-features-content { width: 100%;} .fwrotator .layout-slideshow .sprocket-features-content { right: 0; height: 70vw; overflow: auto; bottom: 0; top: auto; left: 0; } .fwrotator .sprocket-features-pagination { display: none; } .fwcontenttop .layout-slideshow .sprocket-features-content, .fwrotator .layout-slideshow .sprocket-features-content { justify-content: center; } .fwrgradientback .layout-slideshow .sprocket-features-title, .fwrgradientback .layout-slideshow .sprocket-features-desc, .fwrotator .layout-slideshow .sprocket-features-title, .fwrotator .layout-slideshow .sprocket-features-desc { padding-left: 5%;} .fwrsuperwide.fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow { top: 36vw; } .fwrwide.fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow { top: 49vw; } .fwrultrawide.fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow { top: 24vw; } .fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow { font-size: 15vw;} } /************ SHOWCASE 2.0 ************/ /* HALF OR THRID SIDE BY SIDE **/ .schalf .layout-showcase .sprocket-features-container, .scthird .layout-showcase .sprocket-features-container, .schalf .layout-showcase .sprocket-features-content, .scthird.scthird .layout-showcase .sprocket-features-content { display:flex; } .scthird .layout-showcase .sprocket-features-content, .schalf .layout-showcase .sprocket-features-content { padding: 0 1vw; } .schalf .layout-showcase .sprocket-features-content, .scthird .layout-showcase .sprocket-features-content { flex-direction: column; } .sccentervert .layout-showcase .sprocket-features-content { justify-content: center;} .sccenterhoz .layout-showcase .sprocket-features-content { align-items: center;} .sclefthoz .layout-showcase .sprocket-features-content { align-items: flex-start;} .scthird .layout-showcase .sprocket-features-content, .schalf .layout-showcase .sprocket-features-content, .schalf .layout-showcase .sprocket-features-img-container { flex: 1; } .scthird .layout-showcase .sprocket-features-img-container { flex: 2; } .scsolidback .sprocket-features-container { background: rgba(0,0,0,.3); } .scseperateback .sprocket-features-content { background: rgba(0,0,0,.3); margin-right: 20px; } .schalf .layout-showcase .sprocket-features-content, .scthird .layout-showcase .sprocket-features-content, .schalf .layout-showcase .sprocket-features-img-container, .scthird .layout-showcase .sprocket-features-img-container { float: none; width: auto; } .scimgright.schalf .layout-showcase .sprocket-features-img-container, .scimgright.scthird .layout-showcase .sprocket-features-img-container { padding-right: 0; } .scimgright.schalf .layout-showcase .sprocket-features-img-container, .scimgright.scthird .layout-showcase .sprocket-features-img-container { padding-right: 1px;} .scimgleft.schalf .layout-showcase .sprocket-features-img-container, .scimgleft.scthird .layout-showcase .sprocket-features-img-container { padding-left: 0; } .scimgleft.schalf .layout-showcase .sprocket-features-img-container, .scimgleft.scthird .layout-showcase .sprocket-features-img-container { padding-left: 1px;} .scthird.scwide .layout-showcase .sprocket-features-img-container img, .scthird.scsuperwide .layout-showcase .sprocket-features-img-container img, .scthird.scultrawide .layout-showcase .sprocket-features-img-container img, .schalf.scwide .layout-showcase .sprocket-features-img-container img, .schalf.scsuperwide .layout-showcase .sprocket-features-img-container img, .schalf.scultrawide .layout-showcase .sprocket-features-img-container img { object-fit: cover; object-position: center; } .scthird.scwide .layout-showcase .sprocket-features-img-container img { width: 57vw; height: 32vw; } .scthird.scsuperwide .layout-showcase .sprocket-features-img-container img { width: 57vw; height: 23.8vw; } .scthird.scultrawide .layout-showcase .sprocket-features-img-container img { width: 57vw; height: 15.8vw; } .schalf.scwide .layout-showcase .sprocket-features-img-container img { width: 39vw; height: 22vw; } .schalf.scsuperwide .layout-showcase .sprocket-features-img-container img { width: 39vw; height: 16.3vw; } .schalf.scultrawide .layout-showcase .sprocket-features-img-container img { width: 39vw; height: 10.83vw; } /* IMAGE ON THE RIGHT */ .scimgright .sprocket-features-container .sprocket-features-img-container { order: 2;} .scimgright .sprocket-features-container .sprocket-features-content { order: 1;} .scimgleft .sprocket-features-container .sprocket-features-img-container { order: 1;} .scimgleft .sprocket-features-container .sprocket-features-content { order: 2;} /* DEFAULT PAGEINATION */ .scthird .pagination-active .sprocket-features-pagination, .schalf .pagination-active .sprocket-features-pagination { bottom: 20px; } /* BIG ARROWS */ .scbigarrow .layout-showcase .sprocket-features-arrows .arrow.next:before { content: '\f105'; } .scbigarrow .layout-showcase .sprocket-features-arrows .arrow.prev:before { content: '\f104'; } .scbigarrow .layout-showcase .sprocket-features-arrows .arrow { background: none; color: rgba(0,0,0,.5); font-size: 5rem; } .scbigarrow .arrows-active .sprocket-features-list { margin: 0px -40px;} .scbigarrow .layout-showcase .sprocket-features-arrows .next { right: -90px; } .scbigarrow .layout-showcase .sprocket-features-arrows .prev { left: -90px; } .scbigarrow .layout-showcase .sprocket-features-arrows .arrow span { display: none; } .scbigarrow .layout-showcase .sprocket-features-arrows .arrow { font-family: FontAwesome; } @media only screen and (max-width: 767px) { .scimgright .sprocket-features-container .sprocket-features-img-container, .scimgleft .sprocket-features-container .sprocket-features-img-container { order: 1;} .scimgright .sprocket-features-container .sprocket-features-content, .scimgleft .sprocket-features-container .sprocket-features-content{ order: 2;} .schalf .layout-showcase .sprocket-features-img-container img, .scthird .layout-showcase .sprocket-features-img-container img { margin-right: 0px;} .schalf .sprocket-features-container, .scthird .sprocket-features-container { flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; } .schalf .layout-showcase, .scthird .layout-showcase { margin: 0; } .scthird .layout-showcase .sprocket-features-content, .schalf .layout-showcase .sprocket-features-content { flex: auto; min-height: 60vw; padding: 0 10vw;} .schalf .layout-showcase .sprocket-features-desc, .scthird .layout-showcase .sprocket-features-desc { margin-top: 0px;} .schalf .sprocket-features-desc p, .scthird .sprocket-features-desc p { font-size: 1rem; } .schalf .layout-showcase .sprocket-features-img-container, .scthird .layout-showcase .sprocket-features-img-container { padding: 0; } .scthird.scwide .layout-showcase .sprocket-features-img-container img { width: 100vw; height: 56vw; } .scthird.scsuperwide .layout-showcase .sprocket-features-img-container img { width: 100vw; height: 42vw; } .scthird.scultrawide .layout-showcase .sprocket-features-img-container img { width: 100vw; height: 28vw; } .widetwothirds .sprocket-features-content .sprocket-features-desc, .superwidetwothirds .sprocket-features-content .sprocket-features-desc { overflow: auto;} .imgright .sprocket-features-container .sprocket-features-img-container { padding-left: 0px;} .superwidetwothirds .sprocket-features-img-container, .superwidetwothirds .sprocket-features-img-container img { width: 100vw; height: 42vw !important; } .fullwidthrotator.superwiderotator .layout-slideshow .sprocket-features-img-container { padding-bottom: 42vw;} .fullwidthrotator.superwiderotator .layout-slideshow .sprocket-features-content { width: 100%;} .fullwidthrotator.superwiderotator .layout-slideshow .sprocket-features-content { right: 0; height: 42vw; overflow: auto} .fullwidthrotator.superwiderotator.rotatoroverlay .layout-slideshow .sprocket-features-img-container { padding-bottom: 0;} .schalf .sprocket-features-pagination, .scthird .sprocket-features-pagination { display: none; } } /************ OVERLAY COLOR 2.0 ************/ .qloverlaybackpic .sprocket-strips-content .readon { display: none; } .qloverlaybackpic .sprocket-strips-content { position: relative; } .qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic h4.sprocket-strips-title, .qloverlaybackpic h4.sprocket-strips-title a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .qloverlaybackpic .sprocket-strips .sprocket-strips-container > li {width: auto;float: none; flex: 1; } .qloverlaybackpic .sprocket-strips .sprocket-strips-container{ display: flex; flex-wrap: wrap;} /* EXPANDING BORDER */ .qlexpandingborder .sprocket-strips-container { margin: 0; } .qlexpandingborder h4.sprocket-strips-title { margin: 1vw; padding: 0; border: 1px white solid; border-radius: 0; transition: all .3s ease-in-out; } .qlexpandingborder .sprocket-strips-content:hover h4.sprocket-strips-title { border: 1px rgba(0,0,0,0) solid; transform: scale(1.05); } /* BACKGROUND OVERLAY */ .qloverlaybackpic .sprocket-strips-item { position: relative; } .qloverlaybackpic .sprocket-strips-content { background: rgba(0,0,0,.5); transition: all .2s ease-in-out; } .qloverlaybackpic .sprocket-strips-content:hover {background: rgba(0,0,0,.8);} .qloverlaybackpic h4.sprocket-strips-title a {color: #ffffff; display: flex; align-items: center; justify-content: center; text-align: center; } .qloverlaybackpic .sprocket-strips-image-overlay img { object-position: center; object-fit: cover; display: block; width: 100%; } /* EDGE TO EDGE QL */ .qledgetoedge .sprocket-strips-container > li { margin: 0;} .marginzero .sprocket-strips-container > li { margin: 0;} @media only screen and (max-width: 767px) { .qloverlaybackpic .sprocket-strips-item { display: flex; width: 100%; } .qloverlaybackpic .sprocket-strips-image-overlay img { width: auto;} .qloverlaybackpic .sprocket-strips .sprocket-strips-container > li { display: flex; border-bottom: solid white 5px; } .qloverlaybackpic .sprocket-strips-content { position: relative; } .qloverlaybackpic .sprocket-strips-content { flex: 1; } .qloverlaybackpic .sprocket-strips .sprocket-strips-container { flex-direction: column; } .qloverlaybackpic .sprocket-strips-image-overlay img { object-position: left; object-fit: contain; } .qlexpandingborder h4.sprocket-strips-title { border: none;} .qloverlaymobile.qloverlaybackpic .sprocket-strips .sprocket-strips-container > li {position: relative;} /* .qloverlaymobile.qloverlaybackpic .sprocket-strips-content {left: calc(30vw + 20px); position: absolute;} */ /* .qloverlaymobile.qloverlaybackpic .sprocket-strips-content a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-left: calc(-30vw - 20px); padding-left: calc(30vw + 20px); padding-right: 30vw;} */ .qloverlaymobile.qloverlaybackpic h4.sprocket-strips-title a {justify-content: flex-start; text-align: left; } .qloverlaymobile.qlexpandingborder h4.sprocket-strips-title {width: 60vw; left: calc(30vw + 20px); } .qloverlaymobile.qloverlaybackpic .sprocket-strips-item {width: 30vw; height: 22vw; position: initial;} } /*************************** PICTURE BLOCK *************************************/ .picture-block .sprocket-features-content {background: #ffffff; z-index: 10; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,.2);} .picture-block .sprocket-features-desc {padding: 1.5vw;} .picture-block .sprocket-features-img-container img {margin-left: -5vw; z-index: 9;} .picture-block .layout-showcase .sprocket-features-list {margin: 0 0; display: flex; align-items: center;} .picture-block .sprocket-features-container {height: 100%; display: flex; align-items: center; justify-content: center; padding: 1vw;} .picture-block p {color: #333333;} @media only screen and (max-width: 767px) { .picture-block .layout-showcase {margin: 0;} .picture-block .sprocket-features-container {flex-direction: column; width: 100%; justify-content: center;} .picture-block .sprocket-features-content {order: 2; width: 90%; background: rgba(255,255,255,.9); margin: 0 2vw;} .picture-block .sprocket-features-img-container {order: 1; width: 100%; padding: 0;} .picture-block .sprocket-features-img-container img {width: 100%; height: auto; margin-left: 0; margin-bottom: -5vw;} } /* SIZE OPTOINS */ .heightvw3 .sprocket-strips-item, .heightvw3 .sprocket-strips-s-item img, .heightvw3 .sprocket-strips-image-overlay img { height: 3vw;} .heightvw4 .sprocket-strips-item, .heightvw4 .sprocket-strips-s-item img, .heightvw4 .sprocket-strips-image-overlay img { height: 4vw;} .heightvw5 .sprocket-strips-item, .heightvw5 .sprocket-strips-s-item img, .heightvw5 .sprocket-strips-image-overlay img { height: 5vw;} .heightvw6 .sprocket-strips-item, .heightvw6 .sprocket-strips-s-item img, .heightvw6 .sprocket-strips-image-overlay img { height: 6vw;} .heightvw7 .sprocket-strips-item, .heightvw7 .sprocket-strips-s-item img, .heightvw7 .sprocket-strips-image-overlay img { height: 7vw;} .heightvw8 .sprocket-strips-item, .heightvw8 .sprocket-strips-s-item img, .heightvw8 .sprocket-strips-image-overlay img { height: 8vw;} .heightvw9 .sprocket-strips-item, .heightvw9 .sprocket-strips-s-item img, .heightvw9 .sprocket-strips-image-overlay img { height: 9vw;} .heightvw10 .sprocket-strips-item, .heightvw10 .sprocket-strips-s-item img, .heightvw10 .sprocket-strips-image-overlay img { height: 10vw;} .heightvw11 .sprocket-strips-item, .heightvw11 .sprocket-strips-s-item img, .heightvw11 .sprocket-strips-image-overlay img { height: 11vw;} .heightvw12 .sprocket-strips-item, .heightvw12 .sprocket-strips-s-item img, .heightvw12 .sprocket-strips-image-overlay img { height: 12vw;} .heightvw13 .sprocket-strips-item, .heightvw13 .sprocket-strips-s-item img, .heightvw13 .sprocket-strips-image-overlay img { height: 13vw;} .heightvw14 .sprocket-strips-item, .heightvw14 .sprocket-strips-s-item img, .heightvw14 .sprocket-strips-image-overlay img { height: 14vw;} .heightvw15 .sprocket-strips-item, .heightvw15 .sprocket-strips-s-item img, .heightvw15 .sprocket-strips-image-overlay img { height: 15vw;} .heightvw16 .sprocket-strips-item, .heightvw16 .sprocket-strips-s-item img, .heightvw16 .sprocket-strips-image-overlay img { height: 16vw;} .heightvw17 .sprocket-strips-item, .heightvw17 .sprocket-strips-s-item img, .heightvw17 .sprocket-strips-image-overlay img { height: 17vw;} .heightvw18 .sprocket-strips-item, .heightvw18 .sprocket-strips-s-item img, .heightvw18 .sprocket-strips-image-overlay img { height: 18vw;} .heightvw19 .sprocket-strips-item, .heightvw19 .sprocket-strips-s-item img, .heightvw19 .sprocket-strips-image-overlay img { height: 19vw;} .heightvw20 .sprocket-strips-item, .heightvw20 .sprocket-strips-s-item img, .heightvw20 .sprocket-strips-image-overlay img { height: 20vw;} /************ WIDTH SIZES ************/ .widthvw10 .sprocket-strips .sprocket-strips-container > li, .widthvw11 .sprocket-strips .sprocket-strips-container > li, .widthvw12 .sprocket-strips .sprocket-strips-container > li, .widthvw13 .sprocket-strips .sprocket-strips-container > li, .widthvw14 .sprocket-strips .sprocket-strips-container > li, .widthvw15 .sprocket-strips .sprocket-strips-container > li, .widthvw16 .sprocket-strips .sprocket-strips-container > li, .widthvw17 .sprocket-strips .sprocket-strips-container > li, .widthvw18 .sprocket-strips .sprocket-strips-container > li, .widthvw19 .sprocket-strips .sprocket-strips-container > li, .widthvw20 .sprocket-strips .sprocket-strips-container > li { display: flex; justify-content: center; } .widthvw10 .sprocket-strips-item { width: 10vw;} .widthvw11 .sprocket-strips-item { width: 11vw;} .widthvw12 .sprocket-strips-item { width: 12vw;} .widthvw13 .sprocket-strips-item { width: 13vw;} .widthvw14 .sprocket-strips-item { width: 14vw;} .widthvw15 .sprocket-strips-item { width: 15vw;} .widthvw16 .sprocket-strips-item { width: 16vw;} .widthvw17 .sprocket-strips-item { width: 17vw;} .widthvw18 .sprocket-strips-item { width: 18vw;} .widthvw19 .sprocket-strips-item { width: 19vw;} .widthvw20 .sprocket-strips-item { width: 20vw;} @media only screen and (max-width: 767px) { [class*="widthvw"] .sprocket-strips-item { width: 100%;} } /************ PHOTOBLOCK NEWS ************/ .rsphotoblocknews .sprocket-strips-container { display: flex; justify-content: center; } .rsphotoblocknews .sprocket-strips .readon span { font-size: 1.5rem;} .rsphotoblocknews .sprocket-strips { position: relative; } .rsphotoblocknews .sprocket-strips-item { background: url(default-news.jpg) 0 0 no-repeat; background-size: cover; } .rsphotoblocknews .sprocket-strips-arrows .arrow { background: none; color: rgba(0,0,0,.5); font-size: 5rem; box-shadow: none;} .rsphotoblocknews .sprocket-strips .sprocket-strips-nav .arrow { position: absolute; top: 50% } .rsphotoblocknews .sprocket-strips .sprocket-strips-nav .arrow.next { right: -50px; } .rsphotoblocknews .sprocket-strips .sprocket-strips-nav .arrow.prev { left: -50px; } .rsphotoblocknews .sprocket-strips-content > a.readon { position: absolute; top: 0; right:0; bottom: 0; left: 0; background: none; display: flex; justify-content: center; align-items: center; } .rsphotoblocknews .sprocket-strips-item { position: relative; } .rsphotoblocknews .sprocket-strips-item .readon { padding: 0; margin: 0;} .rsphotoblocknews .sprocket-strips-item .readon:hover { background: rgba(0,0,0,.8);} .rsphotoblocknews .sprocket-strips-item .readon span { flex: 1; text-align: center; transition: all .2s ease-in; opacity: 0; } .rsphotoblocknews .sprocket-strips-item .readon:hover span { opacity: 1; } .rsphotoblocknews .sprocket-strips-content h4 { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); font-size: 1.4rem; text-shadow: 1px 1px 3px rgba(0,0,0,.5); margin-bottom: 0px; min-height: 72px; text-align: center; transition: all .2s ease-in; border-radius: 0 0 .5rem .5rem; display: flex; align-items: center; justify-content: center; } .rsphotoblocknews .sprocket-strips-item { box-shadow: 0px 0px 10px rgba(0,0,0,0.35); } .rsphotoblocknews .sprocket-strips-content h4 a { color: white; } .rsphotoblocknews .sprocket-strips-item { border-radius: .5rem; } .rsphotoblocknews .sprocket-strips .cols-4 > li { width: 19%;} .rsphotoblocknews .sprocket-strips-container > li { margin: 10px 3%;} .rsphotoblocknews .sprocket-strips-item:hover .sprocket-strips-content h4 { opacity: 0;} .rsphotoblocknews .sprocket-strips-item { background-position: 50% 50%; background-size: cover; } .rsphotoblocknews .sprocket-lists-title { padding: 15px 10px !important;} .rsphotoblocknews .sprocket-lists-item .sprocket-padding { padding-top: 0px;} .rsphotoblocknews .sprocket-strips-pagination li { padding: 8px !important; border-radius: 0; } .rsphotoblocknews .sprocket-strips-item { height: 20vw; width: 15vw; } @media only screen and (max-width: 767px) { .rsphotoblocknews .cols-2 > li, .rsphotoblocknews .cols-3 > li, .rsphotoblocknews .cols-4 > li, .rsphotoblocknews .cols-5 > li, .rsphotoblocknews .cols-6 > li { width: 100%;} .rsphotoblocknews .sprocket-strips-item { display: flex; width: 100%; } .rsphotoblocknews .sprocket-strips-image-overlay img { width: auto;} .rsphotoblocknews .sprocket-strips .sprocket-strips-container > li { display: flex; } .rsphotoblocknews .sprocket-strips-content { position: relative; } .rsphotoblocknews .sprocket-strips-content { flex: 1; } .rsphotoblocknews .sprocket-strips .sprocket-strips-container { flex-direction: column; } .rsphotoblocknews .sprocket-strips-image-overlay img { object-position: center; object-fit: cover; } .rsphotoblocknews h4.sprocket-strips-title { border: none;} .rsphotoblocknews .sprocket-strips-image-overlay img, .rsphotoblocknews .sprocket-strips-image-container{ height: 30vw; width: 22.5vw; } .rsphotoblocknews .sprocket-strips-item { height: 30vw;} .rsphotoblocknews .sprocket-strips-item { background-size: contain; background-position: 0 50%; } .rsphotoblocknews .sprocket-strips-content { margin-left: 22vw;} .rsphotoblocknews .sprocket-strips-image-container ~ .sprocket-strips-content { margin-left: 0; } .rsphotoblocknews .sprocket-strips-content h4, .rsphotoblocknews .sprocket-strips-item .readon:hover { top: 0; background: rgba(0,0,0,1); border-radius: 0 10px 10px 0; transition: none; } .rsphotoblocknews .sprocket-strips-item:hover .sprocket-strips-content h4 { opacity: 1; } .rsphotoblocknews .cols-2 > li, .rsphotoblocknews .cols-3 > li, .rsphotoblocknews .cols-4 > li, .rsphotoblocknews .cols-5 > li, .rsphotoblocknews .cols-6 > li, .rsphotoblocknews .sprocket-strips .cols-2 > li, .rsphotoblocknews .sprocket-strips .cols-3 > li, .rsphotoblocknews .sprocket-strips .cols-4 > li, .rsphotoblocknews .sprocket-strips .cols-5 > li, .rsphotoblocknews .sprocket-strips .cols-6 > li { width: 94%;} /* .rsphotoblocknews .sprocket-features-content img { display: none;} .rsphotoblocknews .sprocket-strips .sprocket-strips-nav .arrow.next { right: -35px; } .rsphotoblocknews .sprocket-strips .sprocket-strips-nav .arrow.prev { left: -35px; } .rsphotoblocknews .sprocket-strips-container { flex-wrap: wrap; } .rsphotoblocknews .sprocket-strips .sprocket-strips-container > li, .rsphotoblocknews .sprocket-strips .sprocket-strips-container > li .sprocket-strips-item { width: 80vw; height: 20vw; border-radius: 0; } .rsphotoblocknews .sprocket-strips-item { background-position: 0 50%; background-size: contain; box-shadow: none;} .rsphotoblocknews .sprocket-strips-content h4 { margin-left: 15vw; border-radius: 0; min-height: 20vw; } .rsphotoblocknews .sprocket-strips-content > a.readon { border-radius: 0; } */ } .rsgridpictextblock a { color: white; } .rsgridpictextblock a:hover { color: #ddd; } .rsgridpictextblock .sprocket-grids-b-container { height: auto !important; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-around; } .rsgridpictextblock .sprocket-grids-b-container li { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; } .rsgridpictextblock .sprocket-grids-b-container li .sprocket-grids-b-item { border-radius: 5px; overflow: hidden; } .rsgridpictextblock .sprocket-grids-b-container li .sprocket-grids-b-image-container img { width: 23vw; height: 17.5vw; object-fit: cover; object-position:center; } .rsgridpictextblock .sprocket-grids-b-content.overlay-mode { opacity: 1; height: auto; visibility: visible; display: flex; } .rsgridpictextblock .sprocket-grids-b-content.overlay-mode h2.sprocket-grids-b-title { align-self: flex-end; margin: 0; opacity: 1; background: rgba(0,0,0,0.7); border: none; width: 100%; padding: 10px 10px; line-height: 1.1; font-size: 2rem; } .rsgridpictextblock .sprocket-grids-b-content.overlay-mode:hover h2.sprocket-grids-b-title { opacity: 0; height: 0; display: none; } .rsgridpictextblock .sprocket-grids-b-content.overlay-mode .sprocket-grids-b-text, .rsgridpictextblock .sprocket-grids-b-content.overlay-mode .sprocket-grids-b-readon { display: none; } .rsgridpictextblock .sprocket-grids-b-content { padding: 0; } .rsgridpictextblock .sprocket-grids-b-effect {background: rgba(0,0,0,0.7);} .rsgridpictextblock .sprocket-grids-b-content.overlay-mode:hover .sprocket-grids-b-text { opacity: 1; display: block; align-self: center; justify-self: center; padding: 0 5px 0 10px; } .rsgridpictextblock .sprocket-grids-b-container > li { width: auto;} @media only screen and (max-width: 767px) { .rsgridpictextblock .sprocket-grids-b-container li .sprocket-grids-b-image-container img { width: 80vw; height: 60vw;} .rsgridpictextblock .sprocket-grids-b-container li { margin-bottom: 20px;} .rsgridpictextblock .sprocket-grids-b-content.overlay-mode h2.sprocket-grids-b-title { font-size: 1.7rem;} } /******************** FULLWIDTH FLUSHED SHOWCASE ROTATOR *****************************/ .ffshowcase {margin-top: 2vw!important; margin-bottom: 2vw!important; margin-right: 4%!important; margin-left: 4%!important;} .ffshowcase .sprocket-features-container {display: flex;} .ffshowcase .arrows-active .sprocket-features-list {margin-left: 0; margin-right: 0;} .ffshowcase .layout-showcase .sprocket-features-img-container img {width: 100%; float: none; margin-right: 0; object-fit: cover; object-position: center;} .ffshowcase .sprocket-features-content {width: 32%; display: flex; align-items: center;} .ffimgright .sprocket-features-content {margin-right: 2%;} .ffimgleft .sprocket-features-content {margin-left: 2%;} .ffimgright .sprocket-features-img-container {order: 2; width: 66%;} .ffimgleft .sprocket-features-img-container {order: 1; width: 66%;} .ffwide .sprocket-features-img-container img {height: 32vw;} .ffsuperwide .sprocket-features-img-container img{height: 23.8vw;} .ffultrawide .sprocket-features-img-container img {height: 15.8vw;} .ffimgright .sprocket-features-content {order: 1;} .ffimgleft .sprocket-features-content {order: 2;} .ffimgright .sprocket-features-desc {padding: 3vw;} .ffimgleft .sprocket-features-desc {padding: 3vw;} .ffshowcase .pagination-active .sprocket-features-pagination {bottom: 0;} .ffimgright .pagination-active .sprocket-features-pagination {left: 50px;} .ffimg-left .pagination-active .sprocket-features-pagination {right: 50px; left: 0;} .ffshowcase .layout-showcase .sprocket-features-arrows .arrow { background: none; box-shadow: none; color: rgba(0,0,0,.9); font-size: 5rem; } .ffshowcase .layout-showcase .sprocket-features-pagination li {padding: 10px;} .ffcontentback .sprocket-features-content {background: #f8f8f8;} @media only screen and (max-width: 767px) { .ffshowcase {margin: 0!important;} .ffshowcase .sprocket-features-container {flex-direction: column;} .ffshowcase .sprocket-features-img-container {order: 1; width: 100%;} .ffshowcase .sprocket-features-content {order: 2; width: 100%; height: fit-content; max-height: 70vw;} .ffshowcase .pagination-active .sprocket-features-pagination {display: none;} .ffwide .sprocket-features-img-container img {height: 56vw;} .ffsuperwide .sprocket-features-img-container img {height: 42;} .ffultrawide .sprocket-features-img-container img {height: 28;} } /********************** FULLWIDTH SHOWCASE ROTATOR **************************************/ .fwshowcase {margin-top: 2vw!important; margin-bottom: 2vw!important;} .fwshowcase .pagination-active {margin-bottom: 0;} .fwshowcase .arrows-active .sprocket-features-list {margin: 0;} .fwshowcase .sprocket-features-desc {padding: 4vw; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #808080;} .fwshowcase .sprocket-features-desc :is(h1,h2,h3,h4,h5,h6,p,a) {color: #ffffff;} .fwshowcase .sprocket-features-desc :is(h1,h2,h3,h4,h5,h6) {font-size: 1.7vw;} .fwshowcase .sprocket-features-desc p {font-size: 1.2vw;} .fwshowcase .sprocket-features-container {display: flex;} .fwshowcase .sprocket-features-img-container {flex: 2;} .fwshowcase .layout-showcase .sprocket-features-img-container img {margin-right: 0; width: 100%; height: 37vw; object-position: center; object-fit: cover;} .fwshowcase .sprocket-features-content {flex: 1; position: relative; height: 37vw;} .fwshowcase .layout-showcase .sprocket-features-pagination li {padding: 10px;} .fwshowcase .layout-showcase .sprocket-features-arrows .arrow {background: none; box-shadow: none; font-size: 5em;} .fwshowcase.fwimgright .sprocket-features-img-container {order: 2;} .fwshowcase.fwimgright .sprocket-features-content {order: 1;} .fwshowcase.fwimgright .layout-showcase .sprocket-features-pagination {left: 35%; bottom: 10px;} .fwshowcase.fwimgleft .sprocket-features-img-container {order: 1;} .fwshowcase.fwimgleft .sprocket-features-content {order: 2;} .fwshowcase.fwimgleft .layout-showcase .sprocket-features-pagination {left: 1%; bottom: 10px;} @media only screen and (max-width: 767px) { .fwshowcase .sprocket-features-container {flex-direction: column;} .fwshowcase .sprocket-features-img-container {padding-bottom: 70vw;} .fwshowcase .sprocket-features-content {width: 100%; height: 70vw; top: -70vw;} .fwshowcase .sprocket-features-desc {height: 70vw;} .fwshowcase .sprocket-features-desc :is(h1,h2,h3,h4,h5,h6) {font-size: 4vw; margin: .25rem 0;} .fwshowcase .sprocket-features-desc p {font-size: 3.0vw;} .fwshowcase .layout-showcase .sprocket-features-pagination {display: none;} .fwshowcase .layout-showcase .sprocket-features-img-container img {height: 50vw;} .fwshowcase.fwimgright .sprocket-features-img-container {order: 1;} .fwshowcase.fwimgright .sprocket-features-content {order: 2;} .fwshowcase.fwimgleft .sprocket-features-img-container {order: 1;} .fwshowcase.fwimgleft .sprocket-features-content {order: 2;} } /************************ ROKMINIEVENTS3 ***************************/ .rok-mini-landscape :is(.rme-badge, .rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span) {background: var(--primary-color);} .rok-mini-landscape .rme-timeline-point.active span {background: #ffffff;} .rok-mini-landscape .rme-time {max-width: 8ch; display: inline-block; white-space: nowrap; overflow: hidden;} .rok-mini-landscape .rme-badge {height: 70px; width: 70px; border-radius: 12px; display: flex; flex-direction: column; justify-content: center; margin-left: 8vw;} .rok-mini-landscape .rme-description {margin-left: 8vw;} .rok-mini-landscape :is(.rme-arrow, .rme-description) {color: var(--primary-color);} @media only screen and (max-width: 767px) { .rok-mini-landscape :is(.rme-badge, .rme-description) {margin-left: 0;} .rok-mini-landscape .rme-items {margin: 0 15% 20px 15%;} } /************************* TOPLINKS **********************************/ .toplinks {display: flex; align-items: center; justify-content: flex-end;} .toplinks .align-y {display: flex; align-items: center;} .toplinks .align-right.icons {display: flex; justify-content: flex-end;} .toplinks .g-iconmenu {display: flex; width: 100%; margin: 0 0 0 auto;} .toplinks .g-iconmenu > a {color: #064373; flex:1; border-left: 2px #064373 solid; padding: 10px 25px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;} .toplinks .g-iconmenu > a:hover {color: rgba(162,150,128,.75);} .toplinks .g-iconmenu > a:first-child {border-left: none!important;} .toplinks .g-iconmenu span {display: block; text-align: center;} .toplinks .g-iconmenu .g-iconmenu-text {line-height: 1.1; font-size: 1rem; font-weight: bold;} .toplinks .g-iconmenu .g-iconmenu-icon {font-size: 1.3rem; padding-bottom: 10px;} .toplinks .g-iconmenu img {height: 3vw; padding-bottom: 20px;} .toplinks .g-iconmenu img:hover {opacity: 0.25;} @media only screen and (max-width: 767px) { .toplinks {display: initial;} .toplinks .icons .g-content.g-particle {margin: 0px; padding-top: 1rem;} .toplinks .align-y {display: flex; align-items: center; justify-content: center;} .toplinks .align-right.icons {justify-content: center;} .toplinks .g-iconmenu {width: 100%;} .toplinks .g-iconmenu img {height: 10vw;} .toplinks .g-iconmenu .g-iconmenu-text {font-size: 1rem;} } /*************************** ROTATOR TWO-THIRDS *******************************/ .sc-ct-third .sprocket-features-img-container img {height: 33vw!important; width: 100%; object-fit: cover; object-position: center;} .sc-ct-third .layout-slideshow .sprocket-features-content {width: 100%; height: 20%; bottom: 0; left: 0; top: unset;} .sc-ct-third .sprocket-features-desc {width: 100%; height: 100%;} .sc-ct-third .layout-slideshow .sprocket-features-arrows .arrow {background: none; box-shadow: none; font-size: 6em;} .sc-ct-third :is(h1,h2,h3,h4,h5,h6,p,a) {color: #ffffff;} .sc-ct-third :is(h1,h2,h3,h4,h5,h6) {border: none; background: none; text-transform: none; font-size: 1.4vw; font-weight: normal; line-height: 1.3; margin-top: 0; margin-bottom: .25rem; padding: 0; border-radius: 0;} .sc-ct-third .roksprocket-ellipsis {display: none;} @media only screen and (max-width: 767px) { .sc-ct-third .sprocket-features-img-container img {height: 57vw!important;} .sc-ct-third .layout-slideshow .sprocket-features-content {height: 45%;} } /*************************** VERTICAL QUICKLINKS *************************/ .qlvertical .sprocket-strips-container {display: flex; flex-direction: column; margin: 0; height: 33vw; justify-content: space-between;} .qlvertical .sprocket-strips-container li {width: 100%; flex: 1;} .qlvertical .sprocket-strips-container li:first-child {margin-top: 0;} .qlvertical .sprocket-strips-container li:last-child {margin-bottom: 0;} .qlvertical .sprocket-strips-item {position: relative; border-radius: 0; height: 100%;} .qlvertical .sprocket-strips-content {display: flex; align-items: center;} .qlvertical .sprocket-strips-nav {display: none;} .qlvertical h4.sprocket-strips-title {text-align: center; margin-bottom: 0; height: 100%; display: flex; align-items: center; font-size: 1.5vw;} .qlvertical h4.sprocket-strips-title a {color: #ffffff; position: absolute; display: flex; align-items: center; justify-content: center; top: 0; bottom: 0; right: 0; left: 0;} .qlvertical .readon {display: none;} @media only screen and (max-width: 767px) { .qlvertical .sprocket-strips-container {height: 100vw;} .qlvertical .sprocket-strips-container > li {margin: 5px 1%;} .qlvertical h4.sprocket-strips-title {font-size: 1.3rem;} .qlvertical .sprocket-strips-container li:first-child {margin-top: 5px;} .qlvertical .sprocket-strips-container li:last-child {margin-bottom: 5px;} } @media only screen and (min-width: 767px) and (max-width: 1000px) { .qlvertical .sprocket-strips-container > li {margin: 3px 1%;} } /******************* CLEAN STRIPS ***********************/ .cl-strips .sprocket-strips-s-container {display: grid; grid-template-columns: 1fr 1fr;} .cl-strips .sprocket-strips-s-container::before {display: none;} .cl-strips .sprocket-strips-s-block:nth-child(odd) {justify-self: right;} .cl-strips .sprocket-strips-s-block:nth-child(even) {justify-self: left;} .cl-strips .sprocket-strips-s-block { width: 80%; max-width: 80%; padding: 0 0 0 0; } .cl-strips .sprocket-strips-s-item { position: relative; display: flex; flex-direction: column; box-shadow: 0px 0px 3px rgba(0,0,0,.3); height: 25vw; transition: transform .5s, box-shadow .3s; margin-left: 15px; margin-right: 15px; } .cl-strips .sprocket-strips-s-item:hover { margin-top: -10px; margin-bottom: 10px; box-shadow: 0px 7px 30px rgba(0,0,0,.3); } .cl-strips h4.sprocket-strips-s-title { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; margin: 0; } .cl-strips h4.sprocket-strips-s-title a { background: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,.5) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; text-align: center; font-size: 2.5vw; text-transform: uppercase; color: #ffffff; text-shadow: 1px 1px rgba(0,0,0,0.1); z-index: 100; padding-bottom: 28%; } .cl-strips .sprocket-strips-s-item img { order: 1; flex: 3; object-fit: cover; object-position: center; height: 60%; } .cl-strips .sprocket-strips-s-content { order: 2; flex: 2; margin: 0; display: flex; justify-content: center; } .cl-strips .sprocket-strips-s-content a.readon { background: none; border: 1px solid #000000; border-radius: 0; color: #000000; padding: .4rem 1.3rem; position: absolute; bottom: 10px; margin-left: auto; margin-right: auto; font-size: .9vw; z-index: 101; } .cl-strips .sprocket-strips-s-content a.readon:hover { background: #000000; color: #ffffff; } .cl-strips .sprocket-strips-s-text { padding: 1vw 2vw; position: absolute; top: 60%; left: 0; right: 0; bottom: 3rem; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; } .cl-strips .roksprocket-ellipsis {display: none;} @media only screen and (max-width: 767px) { .cl-strips .sprocket-strips-s-container {grid-template-columns: 1fr;} .cl-strips .sprocket-strips-s-block {justify-self: center!important; width: 100%; max-width: 100%;} .cl-strips .sprocket-strips-s-item {height: 400px;} .cl-strips h4.sprocket-strips-s-title a {font-size: 2.0rem;} .cl-strips .sprocket-strips-s-content a.readon {padding: .7rem 1.3rem; font-size: 1.2rem;} } /************************** LOGO STRIPS *************************************/ .logo-strips .sprocket-strips-s-container {width: 100%; display: grid; grid-template-columns: 1fr; column-gap: 10px; row-gap: 30px;} .logo-strips .sprocket-strips-s-container:before {display: none;} .logo-strips .sprocket-strips-s-block {min-height: 300px; width: 100%; display: flex; justify-content: left; align-items: center;} .logo-strips .sprocket-strips-s-item {position: relative; height: 300px; width: 100%;} .logo-strips .sprocket-strips-s-item img {position: absolute; top: 0; bottom: 0; left: 0; z-index: 10; height: 300px; width: 300px; border-radius: 150px;} .logo-strips .sprocket-strips-s-text {display: none; position: absolute; top: 3rem; bottom: 0; left: 315px; right: 0; z-index: 10; color: #ffffff;} .logo-strips h4.sprocket-strips-s-title a {position: absolute; top: 0; bottom: 0; left: 0; height: 300px; width: 300px; color: transparent; background: transparent; display: flex; justify-content: center; border-radius: 150px; border-radius: 150px; transition: all .2s ease-in-out;} .logo-strips h4.sprocket-strips-s-title {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 300px; width: 100%; border-radius: 150px; transition: all .2s ease-in-out;} .logo-strips h4.sprocket-strips-s-title:hover~.sprocket-strips-s-text {display: initial;} .logo-strips h4.sprocket-strips-s-title a:hover {width: 100%; background: rgba(0,0,0,.5); color: #ffffff; align-items: top;} .logo-strips .sprocket-strips-s-content {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 11; border-radius: 150px; margin: 0;} .logo-strips .sprocket-strips-s-content a.readon {display: none;} /*************************** MASS TIMES ROTATOR ********************************/ .mt-sep-rotator .sprocket-features-img-container img {height: 28vw!important; object-position: center; object-fit: cover;} .mt-sep-rotator .layout-slideshow .sprocket-features-arrows .arrow {background: none; box-shadow: none; font-size: 5em;} .mt-sep-rotator .layout-slideshow .sprocket-features-pagination li {padding: 10px;} @media only screen and (max-width: 767px) { .mt-sep-rotator .sprocket-features-img-container img {height: 56vw!important; width: 100%;} .mt-sep-rotator .layout-slideshow .sprocket-features-arrows .arrow {display: none;} .mt-sep-rotator .layout-slideshow .sprocket-features-pagination li {display: none;} } /*************************** FIXED MASS TIMES **********************************/ .fixed-mt {height: 28vw!important; width: 100%; position: relative;} .mt-text {margin-left: 1vw; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 2vw 4vw;} .mt-text :is(h1,h2,h3,h4,h5,h6,p,a) {color: #ffffff;} .mt-text :is(h1,h2,h3,h4,h5,h6) {font-size: 2.2vw; font-variant-caps: normal; text-transform: none; font-weight: 400; border-bottom: none; font-family: 'Lato', sans-serif; margin: .75rem 0; line-height: 1.3;} .mt-text p {font-size: 1.0vw; letter-spacing: 1px;} @media only screen and (max-width: 767px) { .fixed-mt {height: auto!important; max-height: 90vw;} .mt-text {position: initial; height: fit-content; max-height: 90vw; margin: 0; padding: 2vw 7vw;} .mt-text :is(h1,h2,h3,h4,h5,h6) {font-size: 7vw;} .mt-text p {font-size: 3vw;} } /**************************** OFFSET QUICKLINKS *********************************/ .ql-moffset .sprocket-strips-s-container { display: grid; grid-template-areas: "a b c d e f g" "h i j k l m n" "o p q r s t u" "v w x yy z aa bb" ; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-column: main-start / main-end; margin: 1.5rem; } .ql-moffset .sprocket-strips-s-container::before {grid-area: aa; display: none!important;} .ql-moffset .sprocket-strips-s-container::after {grid-area: bb; display: none!important;} .ql-moffset .sprocket-strips-s-block {width: 100%; align-self: center; justify-self: center;} .ql-moffset .sprocket-strips-s-block:nth-child(1) {grid-area: a;} .ql-moffset .sprocket-strips-s-block:nth-child(2) {grid-area: c;} .ql-moffset .sprocket-strips-s-block:nth-child(3) {grid-area: e;} .ql-moffset .sprocket-strips-s-block:nth-child(4) {grid-area: g;} .ql-moffset .sprocket-strips-s-block:nth-child(5) {grid-area: i;} .ql-moffset .sprocket-strips-s-block:nth-child(6) {grid-area: k;} .ql-moffset .sprocket-strips-s-block:nth-child(7) {grid-area: m;} .ql-moffset .sprocket-strips-s-block:nth-child(8) {grid-area: o;} .ql-moffset .sprocket-strips-s-block:nth-child(9) {grid-area: q;} .ql-moffset .sprocket-strips-s-block:nth-child(10) {grid-area: s;} .ql-moffset .sprocket-strips-s-block:nth-child(11) {grid-area: u;} .ql-moffset .sprocket-strips-s-block:nth-child(12) {grid-area: w;} .ql-moffset .sprocket-strips-s-block:nth-child(13) {grid-area: yy;} .ql-moffset .sprocket-strips-s-block:nth-child(14) {grid-area: aa;} .ql-moffset .sprocket-strips-s-text img {height: auto; width: 100%; overflow: visible;} .ql-moffset .sprocket-strips-s-text a {transition: all .2s ease-in-out;} .ql-moffset .sprocket-strips-s-text a:hover > img {transform: scale(1.1); transition-duration: 1s;} @media only screen and (max-width: 767px) { .ql-moffset .sprocket-strips-s-container { grid-template-areas: "a c" "e g" "i k" "m o" "q s" "u w" "yy aa" ; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; grid-row-gap: 10px; } .ql-moffset .sprocket-strips-s-block { margin: 0; } .ql-moffset .sprocket-strips-s-container li { padding: 0; } .ql-moffset .sprocket-strips-s-content { margin: 0; } } /**************************** CONTACT US MODULE ******************************/ .contact-us-strips-1 {background: rgba(207,212,205,1); width: 60%; border-radius: 8px;} .contact-us-strips-1 h3.g-title {background: rgba(135,147,130,1); color: #ffffff; border-top-left-radius: 8px; border-top-right-radius: 8px; padding-top: 1vw; padding-bottom: 1vw;} .contact-us-strips-1 .sprocket-strips-s-container {margin: 0 0 0 0;} .contact-us-strips-1 .sprocket-strips-s-container { display: grid; grid-template-columns: 1fr 1fr; } .contact-us-strips-1 .sprocket-strips-s-container::before, .contact-us-strips-1 .sprocket-strips-s-container::after {display: none;} .contact-us-strips-1 .sprocket-strips-s-block {margin: 0 0 0 0; width: 100%;} .contact-us-strips-1 .sprocket-strips-s-content {display: flex; flex-direction: row;} .contact-us-strips-1 h4.sprocket-strips-s-title {flex: 1; text-align: center;} .contact-us-strips-1 .sprocket-strips-s-text {flex: 4; text-align: left;} .contact-us-strips-1 h4.sprocket-strips-s-title i {font-size: 3rem; /*margin: 0 2vw;*/} @media only screen and (max-width: 767px) { .contact-us-strips-1 {width: 100%;} .contact-us-strips-1 .sprocket-strips-s-container { grid-template-columns: 1fr; } .contact-us-strips-1 .sprocket-strips-s-content {margin-left: 0;} } /**************** LEARN MORE MINISTRY LAYOUT ******************/ .lm-layout .sprocket-strips-s-item {position: relative; height: 25vw;} .lm-layout .sprocket-strips-s-item img {position: absolute; top: 5vw; bottom: 10vw; left: 0; right: 0; height: 15vw; width: 100%; object-position: center; object-fit: cover;} .lm-layout .sprocket-strips-s-content {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; display: flex; justify-content: center;} .lm-layout .sprocket-strips-s-title {height: 3vw;} .lm-layout .sprocket-strips-s-text {position: absolute; bottom: 0;} .lm-layout .sprocket-strips-s-text .button {font-size: 2vw; border-radius: 25px; text-transform: uppercase;} @media only screen and (max-width: 767px) { .lm-layout .sprocket-strips-s-item {position: initial; height: initial; display: flex; flex-direction: column;} .lm-layout .sprocket-strips-s-item img, .sprocket-strips-s-item div {flex: unset;} .lm-layout .sprocket-strips-s-item img {position: initial; top: 5vw; bottom: 10vw; left: 0; right: 0; height: 40vw; width: 100%; object-position: center; object-fit: cover;} .lm-layout .sprocket-strips-s-content {position: initial; top: 0; bottom: 0; left: 0; right: 0; height: auto; width: auto; display: flex; flex-direction: column; justify-content: center; text-align: center; margin: 0;} .lm-layout .sprocket-strips-s-title {height: auto;} .lm-layout .sprocket-strips-s-text {position: initial; bottom: 0;} .lm-layout .sprocket-strips-s-text .button {font-size: 4vw; border-radius: 25px; width: 50%; text-transform: uppercase;} } :is(.site-1, .site-2, .site-3, .site-4, .site-5, .site-6, .site-7, .site-8, .site-9, .site-10).sponsorshippage #g-mainbar { margin: 0!important; padding: 0!important; } .sponsorshippage #g-header { display: none!important; } .sponsorshippage #g-container-main { margin: 0!important; padding: 0!important; } .sponsorshippage #g-mainbar .page-header { display: none!important; } .sponsorshippage #g-mainbar > .g-grid > .g-block > .g-content { margin: 0!important; padding: 0!important; } .sponsorshippage #g-main { margin: 0!important; padding: 0!important; } .sponsorshippage #g-main > .g-container { margin: 0!important; padding: 0!important; width: 100%!important; } .sponsorshippage #g-mainbar { margin: 0!important; padding: 0!important; } .sponsorshippage #g-container-main .g-side-column { display: none!important; width: 0!important; } .sponsorshippage #g-container-main .g-middle-column { width: 100%!important; } .sponsorshippage .g-container:has(#g-container-main) { width: 100%!important; margin: 0!important; padding: 0!important; } .sponsorshippage #g-container-main > .g-container > .g-grid > .g-block:has(#g-mainbar) { width: 100%!important; flex: 1; } .sponsorshippage #g-container-main > .g-grid > .g-block:has(#g-mainbar) { width: 100%!important; flex: 1; } .sponsorshippage #g-container-main > .g-container > .g-grid > .g-block:has(#g-aside, #g-sidebar) { display: none!important; } .sponsorshippage #g-container-main > .g-grid > .g-block:has(#g-aside, #g-sidebar) { display: none!important; } .sponsorshippage #g-navigation .fa { font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 4 Free'!important; }