/* ----------------------------------------- */ /* View slug: resources-slider - start */ /* ----------------------------------------- */ .ts-slider-pagination-container { position: relative; line-height: 0; } .ts-slider-pagination { color: #ff8300; font-size: 80px; position: absolute; font-weight: bold; top: 115px; } .ts-slider-pagination:hover { text-decoration: none; } .ts-slider-pagination.previous { left: 0; } .ts-slider-pagination.next { right: 0; } @media screen and (max-width: 480px) { .ts-slider-pagination.next { right: 5px; z-index: 1; opacity: .5; } .ts-slider-pagination.previous { left: 5px; z-index: 1; opacity: .5; } .ts-slider-pagination { top: 90px; } } .row { width: 85%; padding-left: 2.5%; padding-right: 2.5%; padding-bottom: 20px; white-space: nowrap; margin: auto; } .single-post-wrap { display: inline-block; width: 30%; vertical-align: top; margin-left: 1.5%; margin-right: 1.5%; position: relative; } /* .single-post-wrap:hover { transform: scale(1.05); transition: transform .3s; z-index: 3; } */ .single-post-wrap:hover .post-img:before, .single-post-wrap:hover .post-img:after { visibility: visible; transition: width 1s ease-in-out; width: 100%; } .home .post-img:before { content: url(https://teach.mybri.org/wp-content/uploads/s1.png); position: absolute; top: -25px; visibility: hidden; width: 0px; } .home .post-img:after { content: url(https://teach.mybri.org/wp-content/uploads/s2.png); position: absolute; bottom: -20px; visibility: hidden; width: 0px; } .post-img { width: 100%; height: 200px; background-size: cover; background-position: center; position: relative; margin-bottom: 10px; background-color: #cdeaea; background-blend-mode: multiply; } .title-wrap h2 { line-height: 1.2; color: #fff; text-shadow: 1px 3px 4px #000000; padding: 10px 10px; font-size: 22px; text-align: left; white-space: initial; font-weight: 700; } .title-wrap.bndl:before { content: 'Curriculum'; color: #fff; background-color: #ff8300; position: absolute; top: 0; right: 0; padding: 5px 10px; font-family: Libre Franklin; font-weight: 500; font-size: 14px; } .title-wrap { padding: 20px 0px; vertical-align: middle; } span.slide-desc.lb p:before { content: 'Lesson Bundle: '; } .link-wrap .learn-more { background-color: #ff8300; padding: 5px 15px; line-height: 1.5; color: #fff !important; margin-top: 10px; font-family: Libre Franklin !important; font-weight: 700 !important; } span.slide-desc { min-height: 65px; display: block; } .description-wrap { min-height: 95px; } .description-wrap p { padding-top: 0; font-size: 14px; line-height: 1.3; white-space: normal; font-family: Libre Franklin; color: #333c42; font-weight: 400; } .description-wrap h3 { padding-top: 20px; font-size: 24px; white-space: normal; font-weight: 900; } @media screen and (max-width: 640px) { .row-btm { display: block !important;; } .single-post-wrap { display: block; width: 100%; padding-bottom: 20px; } .post-img:before, .post-img:after { display: none; } } /* ----------------------------------------- */ /* View slug: resources-slider - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: resources-slider-mobile - start */ /* ----------------------------------------- */ .ts-slider-pagination-container { position: relative; line-height: 0; } .ts-slider-pagination { color: #ff8300; font-size: 80px; position: absolute; font-weight: bold; top: 115px; } .ts-slider-pagination:hover { text-decoration: none; } .ts-slider-pagination.previous { left: 0; } .ts-slider-pagination.next { right: 0; } @media screen and (max-width: 480px) { .ts-slider-pagination.next { right: 5px; z-index: 1; opacity: .5; } .ts-slider-pagination.previous { left: 5px; z-index: 1; opacity: .5; } .ts-slider-pagination { top: 90px; } } .row { width: 85%; padding-left: 2.5%; padding-right: 2.5%; padding-bottom: 20px; white-space: nowrap; margin: auto; } .single-post-wrap { display: inline-block; width: 30%; vertical-align: top; margin-left: 1.5%; margin-right: 1.5%; position: relative; } /* .single-post-wrap:hover { transform: scale(1.05); transition: transform .3s; z-index: 3; } */ .single-post-wrap:hover .post-img:before, .single-post-wrap:hover .post-img:after { visibility: visible; transition: width 1s ease-in-out; width: 100%; } .home .post-img:before { content: url(https://teach.mybri.org/wp-content/uploads/s1.png); position: absolute; top: -25px; visibility: hidden; width: 0px; } .home .post-img:after { content: url(https://teach.mybri.org/wp-content/uploads/s2.png); position: absolute; bottom: -20px; visibility: hidden; width: 0px; } .post-img { width: 100%; height: 200px; background-size: cover; background-position: center; position: relative; margin-bottom: 10px; background-color: #cdeaea; background-blend-mode: multiply; } .title-wrap h2 { line-height: 1.2; color: #fff; text-shadow: 1px 3px 4px #000000; padding: 10px 10px; font-size: 22px; text-align: left; white-space: initial; font-weight: 700; } span.slide-desc.lb p:before { content: 'Lesson Bundle: '; } .title-wrap.bndl:before { content: 'Curriculum'; color: #fff; background-color: #ff8300; position: absolute; top: 0; right: 0; padding: 5px 10px; font-family: Libre Franklin; font-weight: 500; font-size: 14px; } .title-wrap { padding: 20px 0px; vertical-align: middle; } .link-wrap .learn-more { background-color: #ff8300; padding: 5px 15px; line-height: 1.5; color: #fff !important; margin-top: 10px; font-family: Libre Franklin !important; font-weight: 700 !important; } span.slide-desc { min-height: 65px; display: block; } .description-wrap { min-height: 95px; } .description-wrap p { padding-top: 0; font-size: 14px; line-height: 1.3; white-space: normal; font-family: Libre Franklin; color: #333c42; font-weight: 400; } .description-wrap h3 { padding-top: 20px; font-size: 24px; white-space: normal; font-weight: 900; } @media screen and (max-width: 640px) { .row-btm { display: block !important;; } .single-post-wrap { display: block; width: 100%; padding-bottom: 20px; } .post-img:before, .post-img:after { display: none; } } /* ----------------------------------------- */ /* View slug: resources-slider-mobile - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: search-box-1 - start */ /* ----------------------------------------- */ .results-wrap { width: 80%; } .filter-wrap, .results-wrap { display: inline-block; vertical-align: top; } .filter-wrap { width: 18%; margin-right: 1%; } .dropdown-wrap input[type="checkbox"] { margin-right: 6px !important; } .dropdown-wrap .form-group > label { font-weight: 800; } .dropdown-wrap label[for="wpv-wpcf-resource-type"], .dropdown-wrap label[for="wpv-wpcf-focus-area"] { font-weight: 600; font-size: 18px; } .resource-type-filter-wrap { padding-top: 40px; } .dropdown-wrap label { font-family: Libre Franklin; font-size: 16px; } .search-wrap { position: relative; text-align: right; padding-bottom: 20px; } .search-wrap button { position: absolute; right: 0; background-color: transparent; border: 0; top: 2px; padding: 13px 20px; } .search-wrap input[type="text"] { background-color: #ebebec; border: 0; font-family: Libre Franklin; font-size: 18px; padding: 14px 20px; font-weight: 600; } .home .dropdown-wrap, .page-id-498 .search-wrap, .search-page-submit:after { display: none; } .submit-reset-wrap button, .submit-reset-wrap input[type="button"] { font-family: Libre Franklin; font-weight: bold; color: #fff; background: #ff8300; padding-top: 8px; padding-bottom: 8px; border: 0; } .submit-reset-wrap { padding-top: 10px; } .row-search { display: flex; flex-wrap: wrap; padding-bottom: 20px; } .single-post-wrap-search { display: inline-block; width: 23%; margin-left: 1%; margin-right: 1%; } .single-post-wrap-search:hover .post-img-search:before, .single-post-wrap-search:hover .post-img-search:after { visibility: visible; transition: width 1s ease-in-out; width: 100%; } .post-img-search:before { content: url(https://teach.mybri.org/wp-content/uploads/s1.png); position: absolute; top: -25px; visibility: hidden; width: 0px; } .post-img-search:after { content: url(https://teach.mybri.org/wp-content/uploads/s2.png); position: absolute; bottom: -20px; visibility: hidden; width: 0px; } .post-img-search { width: 100%; height: 200px; position: relative; background-position: top center; margin-bottom: 10px; background-color: #cdeaea; background-blend-mode: multiply; } span.slide-desc.lb p:before { content: 'Lesson Bundle: '; } .bundle-tri { width: 0; height: 0; border-top: 50px solid #ff8300; border-right: 50px solid transparent; position: absolute; left: 0; z-index: 0; } .title-wrap-search.bndl:before { content: 'Curriculum'; color: #fff; background-color: #ff8300; position: absolute; top: 0; right: 0; padding: 5px 10px; font-family: Libre Franklin; font-weight: 500; font-size: 14px; } .title-wrap-search h2 { line-height: 1.2; color: #fff; text-shadow: 1px 3px 4px #000000; padding: 5px 10px; font-size: 22px; text-align: left; white-space: initial; font-weight: 700; } .title-wrap-search { padding: 20px 0px; vertical-align: middle; } .link-wrap-search .learn-more { background-color: #ff8300; padding: 5px 15px; line-height: 1.5; color: #fff !important; margin-top: 10px; font-family: Libre Franklin !important; font-weight: 700 !important; } .description-wrap-search { min-height: 95px; } .description-wrap-search p { padding-top: 0; font-size: 14px; line-height: 1.3; white-space: normal; font-family: Libre Franklin; color: #333c42; font-weight: 400; } .description-wrap-search h3 { padding-top: 20px; font-size: 20px; white-space: normal; } .no-classes-found { font-family: Libre Franklin; font-weight: 500; } @media screen and (max-width: 640px) { .single-post-wrap-search { display: block; width: 100%; padding-bottom: 20px; margin-left:0; margin-right:0; } .search-wrap { text-align:left; } .search-wrap input[type="text"] { width: 100%; box-sizing: border-box; } .results-wrap, .filter-wrap { width: 100%; display: block; } .filter-wrap { padding-bottom: 20px; } .post-img-search { background-size: cover; } } /* ----------------------------------------- */ /* View slug: search-box-1 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: view-sample-resources - start */ /* ----------------------------------------- */ .search-wrap { position: relative; text-align: right; padding-bottom: 20px; } .search-wrap button { position: absolute; right: 0; background-color: transparent; border: 0; top: 2px; padding: 13px 20px; } .search-wrap input[type="text"] { background-color: #ebebec; border: 0; font-family: Libre Franklin; font-size: 18px; padding: 14px 20px; font-weight: 600; } .row-btm { display: flex; flex-wrap: wrap; padding-bottom: 20px; } .single-post-wrap-btm { display: inline-block; width: 23%; margin-left: 1%; margin-right: 1%; } /* .single-post-wrap-btm:hover { transform: scale(1.05); transition: transform .3s; z-index: 3; } .single-post-wrap:hover .post-img:before { visibility: visible; transition: width 1s ease-in-out; width: 100%; } .home .post-img:before { content: url(https://teach.mybri.org/wp-content/uploads/swoopie2-sml.png); position: absolute; top: 0; visibility: hidden; width: 0px; } */ .single-post-wrap-btm:hover .post-img-btm:before, .single-post-wrap-btm:hover .post-img-btm:after { visibility: visible; transition: width 1s ease-in-out; width: 100%; } .post-img-btm:before { content: url(https://teach.mybri.org/wp-content/uploads/s1.png); position: absolute; top: -25px; visibility: hidden; width: 0px; } .post-img-btm:after { content: url(https://teach.mybri.org/wp-content/uploads/s2.png); position: absolute; bottom: -20px; visibility: hidden; width: 0px; } .post-img-btm { width: 100%; height: 200px; position: relative; background-size: cover; margin-bottom:10px; background-color: #cdeaea; background-blend-mode: multiply; } span.slide-desc.lb p:before { content: 'Lesson Bundle: '; } .bundle-tri { width: 0; height: 0; border-top: 50px solid #ff8300; border-right: 50px solid transparent; position: absolute; left: 0; z-index: 0; } .title-wrap-btm h2 { line-height: 1.2; color: #fff; text-shadow: 1px 3px 4px #000000; padding: 10px 10px; font-size: 22px; text-align: left; white-space: initial; font-weight: 700; } .title-wrap-btm.bndl:before { content: 'Curriculum'; color: #fff; background-color: #ff8300; position: absolute; top: 0; right: 0; padding: 5px 10px; font-family: Libre Franklin; font-weight: 500; font-size: 14px; } .title-wrap-btm { padding: 20px 0px; } .link-wrap-btm .learn-more { background-color: #ff8300; padding: 5px 15px; line-height: 1.5; color: #fff !important; margin-top: 10px; font-family: Libre Franklin !important; font-weight: 700 !important; } .description-wrap-btm { min-height: 95px; } .description-wrap-btm p { padding-top: 0; font-size: 14px; line-height: 1.3; white-space: normal; font-family: Libre Franklin; color: #333c42; font-weight: 400; } /* .description-wrap-btm p:empty { height: 20px; } .description-wrap-btm p:not(:empty) { display: block; width: 100%; float: none; padding-top: 0; } */ .description-wrap-btm h3 { padding-top: 20px; font-size: 20px; white-space: normal; } @media screen and (max-width: 1013px) { .row-btm { display: block; flex-wrap: nowrap; } .single-post-wrap-btm { width: 46%; display: inline-block; vertical-align: top; margin-bottom: 20px; } .browse-all-btn { margin-top: 0 !important; } .browse-all-btn .tcb-flex-row.v-2.tcb--cols--4 { padding-bottom: 20px !important; } .browse-all-btn .tcb-flex-col:not(:last-child) { display: none; } .browse-all-btn .tcb-flex-col:last-child { width: 100% !important; display: block !important; } .browse-all-btn .tcb-flex-col:last-child .tcb-col { border: 0 !important; } } @media screen and (max-width: 640px) { .single-post-wrap-btm { display: block; width: 100%; padding-bottom: 20px; margin-left:0; margin-right:0; } .search-wrap { text-align:left; } .search-wrap input[type="text"] { width: 100%; box-sizing: border-box; } .post-img-btm:before, .post-img-btm:after { display: none; } } /* ----------------------------------------- */ /* View slug: view-sample-resources - end */ /* ----------------------------------------- */