/* Theme Name: Jevelin Child Description: Child theme for Jevelin theme Author: Shufflehound Author URI: http://shufflehound.com Template: jevelin */ /* Add your custom CSS below */ .sh-titlebar { background-blend-mode: overlay; background-color: transparent!important; } .dropdown-menu p { color: #333 !important; } /* Accessibility */ *:focus, a:focus { outline: auto; } a.sh-button { outline-color: black; } /* COOKIE NOTICE ----------------------------------------------------------------------*/ #cn-accept-cookie { background: #75ab2f; border: 1px solid #75ab2f; margin-right: 10px; cursor: pointer; color: rgba(0, 0, 0, 0.7); font-weight: 700; } #cn-notice-text { padding-right: 10px; } #cn-refuse-cookie { background: rgba(0, 0, 0, 0.7); border: 1px solid rgba(0, 0, 0, 0.7); color: #ffffff; border: 1px solid white; cursor: pointer; } #cookie-notice { bottom: 0; color: rgba(0, 0, 0, 0.7); display: none; font-size: 1em; position: fixed; text-align: center; width: 100%; z-index: 99999999; background-color: #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, .15); } #cookie-notice a { color: #006595; } .cn-button { border-radius: 4px; padding: 5px 10px; text-decoration: none; } .cookie-notice-container { padding: 15px; } #cookie-bg { display: none; z-index: 2000; position: fixed; top: 0; width: 100%; height: 105%; background-color: rgba(10, 34, 64, .7); } @media screen and (max-width: 1250px) { #cn-notice-text { display: block; padding-bottom: 10px; } } /* COOKIE SETTINGS ----------------------------------------------------------------------*/ .modal-backdrop.show { z-index: 999; } .cookie-modal-description a { color: #006595; } #cookie_settings { margin-top: 5vw; } #cookie_settings ul { margin: 0 auto; list-style-type: none; } #cookie_settings .close { font-weight: 400; font-size: 45px; } #cookie_settings .modal-header { border-bottom: 2px solid #e9ecef !important; background-color: transparent; } #cookie_settings .cookie-modal-description.bottom { padding-bottom: 30px !important; border-bottom: 2px solid #e9ecef !important; } #cookie_settings input { cursor: pointer; } #cookie_settings .modal-title.serif.txt-primary { font-size: 43px; text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; padding-bottom: 0px; font-weight: 400; } #cookie_settings .modal-dialog { margin: auto; z-index: 1000; border-radius: 12px; opacity: 1 !important; margin-top: 0rem; max-width: 880px; width: 100%; padding: 0px; font-family: muli, sans-serif; padding-bottom: 1rem; } #cookie_settings .modal-dialog h4 { font-family: freight-text-pro, serif; } #cookie_settings .modal-content { border: none; background-color: none !important; border-radius: 15px; } #cookie_settings p { text-align: left; } #cookie_settings p.center { text-align: center; } .c_half.cookies { text-align: left; } #cookie_settings .center.modal-body { padding: 30px 40px; padding-bottom: 0px; } #cookie_settings .cookie-modal-description { font-size: 18px; font-weight: 400; line-height: 26px; color: rgb(72, 72, 72); } #cookie_settings .cookie-description { font-size: 14px; color: rgba(0, 0, 0, 1); padding: 0px 30px; margin: 0px auto; } #cookie_settings .save-button { padding: 8px 30px; background: #8EC549; color: black; border: none; border-radius: 5px; cursor: pointer; margin-top: 20px; font-weight: 600; font-size: 15px; font-family: "LinetoBrown", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; transition: all .25s ease; } #cookie_settings .save-button:hover { box-shadow: 1px 1px 10px rgb(0 0 0 / 25%); transition: all .25s ease; } #cookie_settings .save-button:active { outline: none; } #cookie_settings strong { padding-left: 5px } #cookie_settings input[type=checkbox] { width: 15px; margin-right: 5px; } ul.site-footer__list.text-center li a { padding: 10px; } #button-5231e1de37989bd4cc809144f85595f7 { display: none !important; } #presentationHeader { background-position: center; display: flex; padding: 20px; } #presentationHeader>div { background-color: #ffffffc4; margin: 0 auto; padding: 12px; } #presentationHeader ul { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; height: 100%; max-width: 1170px; background-color: #ffffff; align-items: center; justify-content: center; list-style-type: none; } @media screen and (max-width: 768px) { #presentationHeader ul { display: grid; grid-template-columns: 1fr; } } .TxLAgrid { display: grid; grid-template-columns: 1.5fr 1fr; grid-gap: 40px; max-width: 1240px; margin: 30px auto; list-style-type: none; } .TxLAgrid .accordion-presentations { width: 100%; } .TxLAgrid .date { padding: 20px 0px 0px; } .TxLAgrid .presenter-photo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; } .TxLAgrid .concurrent .card-header:first-child { background-color: #006693; } .TxLAgrid .concurrent h5>button { color: white; } .TxLAgrid .concurrent h5>button:hover { color: white; } .TxLAgrid .concurrent h5 button h2 { color: white; padding: 0px; margin: 0px; cursor: text; } .TxLAgrid .concurrent h5 button h2:hover, .concurrent h5 button:hover { text-decoration: none; } .TxLAgrid .map { padding: 5px 0px; } .overdrive-presentations-sidebar-wrapper .text-center.btn.btn-secondary { display: flex; align-items: center; justify-content: center; min-height: 60px; } .TxLAgrid .dateHide { display: none; } #presentationHeader ul li h2, #presentationHeader ul li h3 { display: flex; align-items: center; justify-content: center; text-align: center; } .presenter-focus { max-height: 60px; } #presentationHeader ul li h2 { font-size: 34px; } #presentationHeader ul li h3 { font-size: 32px; } .visit-booths { font-weight: bold; } .visit-booths strong { background-color: #fdb933; padding: 0 5px; } .accordion-presentations .sh-accordion-title { display: flex; align-items: flex-start; justify-content: flex-start; text-align: left; } .TxLAtop-header { margin-bottom: 0px; padding-bottom: 0px; } .TxLAcontact-btn { display: flex; flex-direction: row; width: 100%; } @media screen and (max-width: 426px) { .TxLAgrid>li>.row.d-flex { margin: 0 auto; padding: 20px; } div.icons-sidebar>ul { padding: 0 20px !important; } div.icons-sidebar ul li ul.icons { padding: 0px; justify-content: space-around; } } @media screen and (max-width: 768px) { .TxLAgrid { display: grid; grid-template-columns: 1fr; padding: 0px; } #presentationHeader ul { padding: 0px; } } @media only screen and (max-width: 991px) { #button-5231e1de37989bd4cc809144f85595f7 { display: block !important; } #button-40f93deed5c9cbf6b1e743ee5b7d36b3 { display: none; } #button-def87103cbb59363de40ba13e7d4ce20 { margin-bottom: 15px !important } } div.icons-sidebar { padding: 20px 0px 0px 0px; } div.icons-sidebar>ul { padding: 0px; } div.icons-sidebar ul li { list-style-type: none; } div.icons-sidebar>ul>li { margin-bottom: 20px; border-radius: 10px; } div.icons-sidebar ul li p { color: black; font-weight: bold; } div.icons-sidebar ul.header { display: grid; grid-template-columns: 58px 1fr; padding: 0px; } div.icons-sidebar li img { width: 48px; } div.icons-sidebar h2 { color: black; font-weight: bold; } div.icons-sidebar>ul>li { background-color: #f3f3f3; } div.icons-sidebar ul li ul.icons { display: flex; flex-wrap: wrap; padding: 0px; justify-content: center; position: relative; z-index: 999; } div.icons-sidebar ul li ul.icons li { flex: 0 0 calc(16.66% - -60px); } div.icons-sidebar ul li ul.icons li { display: flex; justify-content: center; align-items: center; padding: 10px; } div.icons-sidebar ul li.sidebar-teachingbooks, div.icons-sidebar ul li.sidebar-kanopy, div.icons-sidebar ul li.sidebar-libby, div.icons-sidebar ul li.sidebar-sora { position: relative; padding: 20px; } div.icons-sidebar ul li.sidebar-teachingbooks:after, div.icons-sidebar ul li.sidebar-kanopy:after, div.icons-sidebar ul li.sidebar-libby:after, div.icons-sidebar ul li.sidebar-sora:after { content: ''; width: 100%; height: 200px; position: absolute; display: flex; bottom: 0px; z-index: 0; opacity: .1; background-repeat: no-repeat; } /* accessible tabs */ .accessible-tabs { display: flex; transition: all 0.15s ease !important; gap: 20px; } .accessible-tabs button { border: 0 !important; padding: 10px 20px; transition: all 0.4s ease; font-weight: 800; color: rgb(36, 48, 59); text-align: left; cursor: pointer; border: none; margin-bottom: 5px; font-weight: 400; background-color: transparent; } .accessible-tabs [role="tablist"] { display: flex; flex-direction: column; flex-basis: 45%; } .accessible-tabs [role="tab"], .accessible-tabs [role="tab"]:focus, .accessible-tabs [role="tab"]:hover { display: inline-block; position: relative; z-index: 2; top: 2px; overflow: hidden; text-align: left; cursor: pointer; letter-spacing: unset; } .accessible-tabs [role="tab"]:hover { background-color: rgba(0, 0, 0, 0.1); } .accessible-tabs [role="tab"][aria-selected="true"] { background-color: rgba(0, 0, 0, 0.1); color: rgb(29, 29, 29); font-weight: 800; transition: all 0.15s ease; } .accessible-tabs [role="tab"][aria-selected="false"] { border-bottom: 1px solid hsl(219deg 1% 72%); } .accessible-tabs [role="tab"] span.focus { display: inline-block; } .accessible-tabs [role="tab"]:hover span.focus, .accessible-tabs [role="tab"]:focus span.focus, .accessible-tabs [role="tab"]:active span.focus { font-weight: 800; transition: all 0.15s ease; } .accessible-tabs [role="tabpanel"] { min-height: 10em; width: 100%; /* overflow: auto; */ } .accessible-tabs [role="tabpanel"].is-hidden { display: none; } .accessible-tabs [role="tabpanel"] p { margin: 0; } @media screen and (max-width: 991px) { .accessible-tabs { flex-wrap: wrap; } .accessible-tabs [role="tablist"] { flex-basis: 100%; } } #Asharedmission { flex-wrap: wrap; } #Asharedmission [role="tablist"] { flex-wrap: wrap; flex-direction: row; flex-basis: 100%; width: 100%; background: #EDEDED; } #Asharedmission [role="tab"] { margin: 0 auto; text-align: center; } .tabsIntro { text-align: center; } .tabsIntro p { margin-bottom: 10px; } .tabs-featured-img { width: 100px; height: 100px; object-fit: contain; margin: 20px 0; } .tab-group { display: flex; } .tab-col { display: flex; flex-direction: column; flex-basis: 380px; align-items: center; margin: 0 auto; padding: 0 20px; } #tabpanel-Themostcompatibleservice img, #img_InstantDigitalCard, #img_Help { filter: invert(85%) sepia(76%) saturate(4000%) hue-rotate(1583deg) brightness(58%) contrast(181%); } #img_PublicLibraryConnect { width: 280px; } #Asharedmission [role="tab"][aria-selected="true"], #Workingtogether:hover, #Themostcompatibleservice:hover, #Connectingusers:hover { background: #dfeff5 !important; } #tabpanel-Workingtogether { margin-top: 40px; } #Asharedmission .tab-group a { color: #006693 !important; margin-top: 20px; text-decoration: underline; } @media screen and (max-width: 991px) { .tab-group { display: block; } .tab-col { margin-bottom: 30px; } } .latest-posts-container { display: grid; grid-template-columns: 1fr 1fr 1fr; padding-top: 20px; gap: 20px; max-width: 1200px; width: 100%; margin: 0 auto; } .post-left-side figure, .latest-posts-item figure { position: relative; height: 138px; } .post-left-side figure a, .latest-posts-item figure a { position: absolute; bottom: -20px; } .post-left-side figure a:nth-child(0), .latest-posts-item figure a:nth-child(0) { left: 20px; } .post-left-side figure a:nth-child(1), .latest-posts-item figure a:nth-child(1) { left: 40px; } .latest-posts-item-post-title { font-size: 20px; padding: 0px; margin: 10px 0; } .post-left-side ul, .latest-posts-item ul { list-style-type: none; } .post-left-side ul li a, .latest-posts-item ul li a { background: white; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #006693; } .post-left-side ul li:nth-child(1) a, .latest-posts-item ul li:nth-child(1) a { left: 10px; bottom: 10px; } .post-left-side ul li:nth-child(2) a, .latest-posts-item ul li:nth-child(2) a { left: 55px; bottom: 10px; } .post-left-side ul li a:hover, .post-left-side ul li a:focus, .latest-posts-item ul li a:hover, .latest-posts-item ul li a:focus { background-color: #006693; color: white; } .post-left-side figure, .latest-posts-item figure { border: 1px solid white; } .no-img { border: 1px solid grey !important; } .post-left-side figure>img, .latest-posts-item figure>img { height: 100%; width: 100%; object-fit: cover; } .post-left-side, .latest-posts-item { display: flex; flex-direction: column; } .modal-body img, .latest-posts-item .modal-body img { width: 100%; } .modal-body button, .latest-posts-item .modal-body button { top: 30px; position: absolute; right: 30px; width: 30px; height: 30px; background: white; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .latest-posts-item h2 a { color: #3f3f3f; } .latest-posts-item h2 a:hover { color: #006693; } .latest-posts-item h2 { flex-grow: 1; } .modal-backdrop.show { z-index: 999 !important; } .latest-posts-new { position: absolute; left: 0; top: -17px; background-color: #3f3f3f; color: #fff; font-weight: bold; font-size: 13px; padding: 0px 15px; line-height: 30px; min-height: 0; min-width: 0; z-index: 100; cursor: default; border-radius: 30px; box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.2); border: 2px solid #fff; } .latest-posts-new:before { content: ""; position: absolute; bottom: -7px; left: 50%; margin-left: -9px; width: 0; height: 0; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent #5b802d #5b802d; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 10; } .latest-posts-new:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -9px; width: 0; height: 0; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent #FFFFFF #FFFFFF; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); box-shadow: -5px 4px 5px -2px rgba(0, 0, 0, 0.15); z-index: 5; } .media-coverage-container { display: grid; grid-template-columns: repeat(5, 1fr); justify-content: center; max-width: 1200px; margin: 0 auto; gap: 20px; } .media-coverage-item figure img { object-fit: contain; width: 100%; height: 100%; object-position: center; } .media-coverage-item figure { height: 120px; overflow: hidden; } .media-coverage-item h2 { font-size: 1.3em; line-height: 100%; margin-bottom: 0px; margin-top: 20px; text-align: center; font-family: LinetoBrown; color: rgb(34, 34, 34); } .media-coverage-item h3 { font-size: .9em; text-align: center; font-family: LinetoBrown; color: rgb(34, 34, 34); } .media-coverage-item h4, .media-coverage-item a { text-align: center; } .media-coverage-item figure a { border: 2px white solid !important; width: 100%; height: 100%; display: flex; } .media-coverage-item figure a:focus { border: 2px rgba(116, 206, 226, 1) solid !important; } .media-coverage-libby-press-kit { background-color: rgb(99, 26, 53); display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; padding: 50px 0px; margin: 20px 0; } .media-coverage-media-contact { display: flex; margin: 0 auto; max-width: 1200px; } .page-id-2616 #content { padding: 0px !important; } .media-coverage-media-contact img { width: 135px; } .media-coverage-title-wrapper { display: flex; padding: 20px 0; align-items: center; max-width: 1200px; margin: 0 auto; } .media-coverage-title-wrapper h2 { padding-bottom: 0px; flex-grow: 1; } .media-coverage-title-wrapper a { border: 1px solid #006693; background: #006693; border-radius: 4px; padding: 14px 30px; color: white; } .media-coverage-title-wrapper a:focus { outline: 2px solid black; } .media-coverage-title-wrapper a:hover, .media-coverage-title-wrapper a:focus { color: white; text-decoration: underline; } .accessible-blue { background-color: #118294; } @media screen and (max-width: 960px) { .latest-posts-container { grid-template-columns: 1fr; padding: 20px; } .media-coverage-container { grid-template-columns: 1fr 1fr; padding: 20px; } .media-coverage-title-wrapper { padding: 20px !important; display: block; } } #jumboVideo { height: 80vh; width: 100%; object-fit: cover; /* use "cover" to avoid distortion */ } .logosfade .slick-next, .logosfade .slick-prev, .logosfade .slick-next:focus, .logosfade .slick-prev:focus { outline: none; top: calc(50% - 1px); } .logosfade img { display: flex; align-items: center; justify-content: center; margin: 0 auto; } .logosfade .slick-autoplay-toggle-button { position: absolute; left: calc(50% - 1px); } .sh-titlebar .titlebar-title>* { font-size: 24px; margin-bottom: 0; font-weight: bold; } #carouselTestimonialFade .testimonial-container { display: flex; } #carouselTestimonialFade .testimonial-left { flex-basis: 65%; display: flex; flex-direction: column; justify-content: center; } #carouselTestimonialFade .testimonial-right { flex-basis: 35%; display: flex; justify-content: end; } #carouselTestimonialFade .testimonial-right img { width: 210px !important; height: 260px; object-fit: cover; object-position: top; } ul a.page-numbers { color: #3f3f3f !important; } .sh-pagination { margin-bottom: 20px; } .post-container figure.mt-3.no-img { display: flex; text-align: center; align-items: center; justify-content: center; padding-bottom: 0px; margin: 0; height: 190px; } .post-container figure.mt-3.no-img img { object-fit: contain; margin-bottom: 0px; height: 80px; } .BlogPostShareComponent_blogShareComponent { display: flex; align-items: center } .BlogPostShareComponent_blogShareComponent p { margin-bottom: 0px; } .sh-filter-item-content:focus { background-color: rgba(0, 102, 147, 1); color: white; } h1.titlebar-title-h1 { color: black !important; font-family: LinetoBrown, sans-serif !important; } .sh-filter-list { display: flex; list-style-type: none; flex-wrap: wrap; justify-content: center; } .sh-filter-list li { padding-right: 20px; } /* Footer */ .sh-footer-columns { display: flex; } /* Logos */ .footerlogos { align-items: center; display: flex; flex-direction: column; justify-content: center; height: 100%; } .footerlogos figure { display: flex; align-items: center; justify-content: center; text-align: center; } .sh-copyrights-text { background-color: #034166 !important; } .sh-footer .sh-copyrights a { display: flex; } .site-footer_social, .site-footer_privacy,.site-footer_copyright-text{ font-size:18px !important } .site-footer_copyright-text { display: flex; flex-wrap: wrap; align-items: center; } .site-footer_privacy { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .sh-copyrights>.container.container-padding { max-width: 100% !important; width: 100% !important; padding: 0px !important; } .sh-copyrights>.container.container-padding>.sh-copyrights-style2 { padding: 0px; margin: 0 auto; width: 100%; } .lower-footer-container { padding: 29px 0; } .site-footer_social { max-width: 200px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width: 260px; margin-top: .25rem; margin-bottom: 1rem; } .site-footer_social img{ max-width: 25px;; } .sh-footer-widgets { padding: 60px 0 60px 0 !important; background-color: #006495 !important; } .cs.lower-footer-container .l-container { max-width: 100%; padding: 0 35px; } .sh-footer-widgets h3 { color: white !important; font-family: LinetoBrown; font-size: 20px; } .site-footer_lower-bar-cs { flex: 1; justify-content: space-between; display: flex; color: #fff; font-size: 1.6rem; font-family: "LinetoBrown", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; width: 100%; padding-top: .5rem; } .l-container { margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; overflow: hidden; } @media screen and (max-width: 900px) { .sh-footer-columns{ display: grid; grid-template-columns: 1fr 1fr 1fr; } .sh-footer-columns div:first-child { grid-column: 1 / -1; } .sh-footer .sh-copyrights a{ display: inline !important; } .sh-copyrights{ padding:0px !important; } .site-footer_social{ max-width: 215px; margin: 0 auto; display: flex !important; } } @media screen and (max-width: 900px) { .sh-footer-columns{ display: grid; grid-template-columns: 1fr; } } @media screen and (max-width: 767px) { #carouselTestimonialFade .testimonial-container { flex-direction: column; } .BlogPostShareComponent_blogShareComponent { display: flex; align-items: center; } .BlogPostShareComponent_blogShareComponent p { padding: 0px; margin: 0; } }