Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
7ca15715 by Jeff Balicki
Options

v2 start 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 85cb3cd4
Inline Side-by-side
Showing 27 changed files with 1219 additions and 87 deletions
...@@ -47,7 +47,7 @@ $carousel_style = get_field('carousel_style'); ...@@ -47,7 +47,7 @@ $carousel_style = get_field('carousel_style');
47 <div class="carousel-content"> 47 <div class="carousel-content">
48 48
49 <div class="row"> 49 <div class="row">
50 <div class="col-lg-4 col-md-4 col-sm-12 promo-image" > 50 <div class="promo-image" >
51 <?php $image = get_the_post_thumbnail_url( $page->ID, 'medium' ); 51 <?php $image = get_the_post_thumbnail_url( $page->ID, 'medium' );
52 $thumbnail_id = get_post_meta( $page->ID, '_thumbnail_id', true ); 52 $thumbnail_id = get_post_meta( $page->ID, '_thumbnail_id', true );
53 $img_alt = get_post_meta ( $thumbnail_id, '_wp_attachment_image_alt', true ); 53 $img_alt = get_post_meta ( $thumbnail_id, '_wp_attachment_image_alt', true );
...@@ -56,10 +56,9 @@ $carousel_style = get_field('carousel_style'); ...@@ -56,10 +56,9 @@ $carousel_style = get_field('carousel_style');
56 } 56 }
57 ?> 57 ?>
58 <img src="<?php echo $image; ?>" alt="<?php echo $img_alt ?>" loading="eager"> 58 <img src="<?php echo $image; ?>" alt="<?php echo $img_alt ?>" loading="eager">
59 <div class="promo-text"><a class="understrap-read-more-link" href="<?php echo get_permalink($page->ID);?>"><?php the_title($page->ID); ?></a></div>
59 </div> 60 </div>
60 <div class="col-lg-8 col-md-8 col-sm-12"> 61
61 <div class="promo-text"><?php echo get_the_excerpt($page->ID); ?> <a class="understrap-read-more-link" href="<?php echo get_permalink($page->ID);?>"><?= __('READ MORE', 'msf') ?></a></div>
62 </div>
63 </div> 62 </div>
64 </div> 63 </div>
65 </div> 64 </div>
......
1 <?php
2
3 // Create id attribute allowing for custom "anchor" value.
4 $id = 'news-and-stories-' . $block['id'] . rand(0,100);
5 if( !empty($block['anchor']) ) {
6 $id = $block['anchor'];
7 }
8
9 // Create class attribute allowing for custom "className" and "align" values.
10 $className = 'news-and-stories-block';
11 $className .= ' ' .get_field('style');
12 if( !empty($block['className']) ) {
13 $className .= ' ' . $block['className'];
14 }
15 $categories = get_field('categories')?:null;
16 if(!$categories) {
17 $categories = [];
18 }
19 $pattern = get_field('layout_pattern') ?: null;
20 $no_load_more = get_field('static_no_load_more') ?: null;
21 $static_limit = get_field('static_limit') ?: 4;
22 $link_out = get_field('link_out_button')?: null;
23
24 ?>
25
26 <div data-lang="<?= get_locale() ?>" data-static-limit="<?= $static_limit ?>" data-published="<?= __("Published:", 'msf') ?>" data-updated="<?= __("Updated:", 'msf') ?>" data-no-load="<?= $no_load_more ?>" class="<?= $className ?>" id='<?= $id ?>' data-pattern="<?= $pattern ?>" data-categories='<?= implode(",",$categories) ?>'>
27 <div class='post-list-left-col'>
28 </div>
29 <div class='post-list-right-col'>
30 </div>
31 <div class='mobile-article-list'>
32
33 </div>
34
35 <?php if($link_out) {?>
36 <a class='load-more-link-out btn' href='<?= $link_out['url'] ?>' target="<?= $link_out['target'] ?>" >
37 <?= $link_out['title'] ?>
38 </a>
39 <?php } ?>
40
41 <?php if(!$no_load_more && !$link_out) { ?>
42 <button data-segment="1" class='post-list-load-more'><span class='loaded-text'><?= get_field('load_more_button_text') ?></span>
43 <div class="spinner-border" role="status">
44 <span class="sr-only"><?= __("Loading...", 'msf') ?></span>
45 </div>
46 </button>
47 <?php } ?>
48
49 </div>
...@@ -14990,6 +14990,10 @@ body { ...@@ -14990,6 +14990,10 @@ body {
14990 z-index: 99999 !important; 14990 z-index: 99999 !important;
14991 } 14991 }
14992 14992
14993 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
14994 max-width: 1067px !important;
14995 }
14996
14993 /** Wednesday 26th July 2023 02:16:49 UTC (core) **/ 14997 /** Wednesday 26th July 2023 02:16:49 UTC (core) **/
14994 /** THIS FILE IS AUTOMATICALLY GENERATED - DO NOT MAKE MANUAL EDITS! **/ 14998 /** THIS FILE IS AUTOMATICALLY GENERATED - DO NOT MAKE MANUAL EDITS! **/
14995 /** Custom CSS should be added to Mega Menu > Menu Themes > Custom Styling **/ 14999 /** Custom CSS should be added to Mega Menu > Menu Themes > Custom Styling **/
...@@ -16472,6 +16476,9 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16472,6 +16476,9 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16472 } 16476 }
16473 16477
16474 @media only screen and (min-width: 62.5rem) { 16478 @media only screen and (min-width: 62.5rem) {
16479 #main-nav {
16480 padding-bottom: 1px;
16481 }
16475 #mega-menu-wrap-primary { 16482 #mega-menu-wrap-primary {
16476 width: 100%; 16483 width: 100%;
16477 } 16484 }
...@@ -16486,21 +16493,23 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16486,21 +16493,23 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16486 width: 19%; 16493 width: 19%;
16487 color: #fff; 16494 color: #fff;
16488 background-color: #EE0000; 16495 background-color: #EE0000;
16489 border-radius: 1.25rem; 16496 border-radius: 20px;
16490 text-align: center; 16497 text-align: center;
16491 height: 2.5rem; 16498 height: 32px;
16492 margin-top: 0rem; 16499 margin-top: 0rem;
16493 font-size: 1.125rem; 16500 font-size: 1.125rem;
16494 position: relative; 16501 position: relative;
16495 font-family: "PT Sans", sans-serif; 16502 font-family: "PT Sans", sans-serif;
16503 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2392156863);
16496 } 16504 }
16497 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { 16505 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
16498 width: 100%; 16506 width: 100%;
16499 text-align: center; 16507 text-align: center;
16500 font-family: "PT Sans", sans-serif; 16508 font-family: "PT Sans", sans-serif;
16501 font-weight: bold !important; 16509 font-weight: bold !important;
16502 font-size: 1.125rem; 16510 font-size: 14px;
16503 height: 2.5rem; 16511 height: 32px;
16512 line-height: 31px;
16504 } 16513 }
16505 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before { 16514 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before {
16506 content: ""; 16515 content: "";
...@@ -16509,8 +16518,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16509,8 +16518,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16509 position: absolute; 16518 position: absolute;
16510 background-size: contain; 16519 background-size: contain;
16511 background-repeat: no-repeat; 16520 background-repeat: no-repeat;
16512 margin-left: -1.875rem; 16521 margin-left: -20px;
16513 margin-top: 0.9375rem; 16522 margin-top: 12px;
16514 display: inline-block; 16523 display: inline-block;
16515 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>'); 16524 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>');
16516 } 16525 }
...@@ -16519,16 +16528,16 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16519,16 +16528,16 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16519 } 16528 }
16520 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { 16529 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
16521 background-color: #669999; 16530 background-color: #669999;
16522 border-radius: 1.25rem 1.25rem 0rem 0rem; 16531 border-radius: 16px 16px 0rem 0rem;
16523 height: 3.75rem; 16532 height: 60px;
16524 margin-top: 0rem; 16533 margin-top: 0rem;
16525 margin-bottom: -1.25rem; 16534 margin-bottom: -1.25rem;
16526 } 16535 }
16527 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { 16536 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
16528 margin-top: 1.0625rem; 16537 margin-top: 3px;
16529 padding: 1.25rem 1.75rem 1.25rem 1.25rem; 16538 padding: 1.25rem 1.75rem 1.25rem 1.25rem;
16530 background-color: #f0f0f0; 16539 background-color: #f0f0f0;
16531 border-radius: 0rem 0rem 1.25rem 1.25rem; 16540 border-radius: 20px;
16532 } 16541 }
16533 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu { 16542 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu {
16534 left: unset !important; 16543 left: unset !important;
...@@ -16558,7 +16567,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16558,7 +16567,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16558 color: #000; 16567 color: #000;
16559 text-decoration: none; 16568 text-decoration: none;
16560 white-space: break-spaces; 16569 white-space: break-spaces;
16561 font-size: 1.125rem; 16570 font-size: 18px;
16562 font-weight: 400; 16571 font-weight: 400;
16563 font-family: "PT Sans", sans-serif; 16572 font-family: "PT Sans", sans-serif;
16564 font-weight: bold; 16573 font-weight: bold;
...@@ -16572,13 +16581,13 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16572,13 +16581,13 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16572 color: #000; 16581 color: #000;
16573 } 16582 }
16574 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link { 16583 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link {
16575 font-size: 1.25rem; 16584 font-size: 18px;
16576 font-family: "PT Sans", sans-serif; 16585 font-family: "PT Sans", sans-serif;
16577 } 16586 }
16578 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description { 16587 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {
16579 font-style: normal; 16588 font-style: normal;
16580 font-size: 1rem; 16589 font-size: 16px;
16581 line-height: 1.25rem; 16590 line-height: 21px;
16582 font-family: "PT Sans", sans-serif; 16591 font-family: "PT Sans", sans-serif;
16583 } 16592 }
16584 .list-wrapper2, 16593 .list-wrapper2,
...@@ -16878,8 +16887,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16878,8 +16887,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16878 } 16887 }
16879 16888
16880 .site-title { 16889 .site-title {
16881 font-size: 2.1875rem; 16890 font-size: 26px;
16882 line-height: 3.125rem; 16891 line-height: 36px;
16883 font-family: "PT Sans", sans-serif; 16892 font-family: "PT Sans", sans-serif;
16884 letter-spacing: 0rem; 16893 letter-spacing: 0rem;
16885 color: #000000; 16894 color: #000000;
...@@ -16902,8 +16911,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16902,8 +16911,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16902 } 16911 }
16903 .branding .navbar-brand { 16912 .branding .navbar-brand {
16904 margin-right: 0px; 16913 margin-right: 0px;
16905 width: 150px; 16914 width: 127px;
16906 height: 70px; 16915 height: 53px;
16907 } 16916 }
16908 @media only screen and (max-width: 48.875rem) { 16917 @media only screen and (max-width: 48.875rem) {
16909 .branding .navbar-brand { 16918 .branding .navbar-brand {
...@@ -16953,7 +16962,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16953,7 +16962,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16953 } 16962 }
16954 } 16963 }
16955 .site { 16964 .site {
16956 margin-top: 10.625rem; 16965 margin-top: 8.7rem;
16957 max-width: 100%; 16966 max-width: 100%;
16958 overflow-x: hidden; 16967 overflow-x: hidden;
16959 } 16968 }
...@@ -17793,6 +17802,14 @@ p { ...@@ -17793,6 +17802,14 @@ p {
17793 .entry-content ol li { 17802 .entry-content ol li {
17794 margin-top: 0.313rem; 17803 margin-top: 0.313rem;
17795 } 17804 }
17805 .entry-content .post-list-right-col ul,
17806 .entry-content .post-list-left-col ul {
17807 padding-left: 0rem !important;
17808 }
17809 .entry-content .post-list-right-col ul li,
17810 .entry-content .post-list-left-col ul li {
17811 margin-top: 0rem !important;
17812 }
17796 .entry-content .wp-block-pullquote { 17813 .entry-content .wp-block-pullquote {
17797 padding: 2em 0; 17814 padding: 2em 0;
17798 margin-bottom: 5rem; 17815 margin-bottom: 5rem;
...@@ -19277,7 +19294,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -19277,7 +19294,7 @@ ul.sf_date_field .sf-datepicker {
19277 position: relative; 19294 position: relative;
19278 height: 100%; 19295 height: 100%;
19279 overflow: hidden; 19296 overflow: hidden;
19280 min-height: 37.5rem; 19297 min-height: 480px;
19281 background-repeat: no-repeat; 19298 background-repeat: no-repeat;
19282 background-size: cover; 19299 background-size: cover;
19283 background-position: center; 19300 background-position: center;
...@@ -19289,14 +19306,15 @@ ul.sf_date_field .sf-datepicker { ...@@ -19289,14 +19306,15 @@ ul.sf_date_field .sf-datepicker {
19289 .home-header h1, .home-header .h1 { 19306 .home-header h1, .home-header .h1 {
19290 color: #fff; 19307 color: #fff;
19291 margin: auto; 19308 margin: auto;
19292 text-align: center;
19293 display: flex; 19309 display: flex;
19294 font-size: 2rem; 19310 font-size: 50px;
19295 line-height: 2.25rem; 19311 line-height: 55px;
19296 margin-bottom: 2.5rem; 19312 margin-bottom: 20px;
19297 width: 100%; 19313 width: 100%;
19298 max-width: 1068px; 19314 max-width: 550px;
19299 font-weight: bold; 19315 font-weight: bold;
19316 text-align: left;
19317 margin-left: 0px;
19300 } 19318 }
19301 @media only screen and (max-width: 48.875rem) { 19319 @media only screen and (max-width: 48.875rem) {
19302 .home-header h1, .home-header .h1 { 19320 .home-header h1, .home-header .h1 {
...@@ -19313,6 +19331,15 @@ ul.sf_date_field .sf-datepicker { ...@@ -19313,6 +19331,15 @@ ul.sf_date_field .sf-datepicker {
19313 height: 90%; 19331 height: 90%;
19314 max-height: 37.5rem; 19332 max-height: 37.5rem;
19315 justify-content: center; 19333 justify-content: center;
19334 background: transparent linear-gradient(180deg, rgba(26, 24, 24, 0) 0%, #000000 100%) 0% 0% no-repeat padding-box;
19335 }
19336 .home-header .content-container p {
19337 color: #fff;
19338 font-size: 22px;
19339 line-height: 28px;
19340 text-align: left;
19341 max-width: 550px;
19342 margin-bottom: 44px;
19316 } 19343 }
19317 .home-header .content-container .fx-style { 19344 .home-header .content-container .fx-style {
19318 display: flex; 19345 display: flex;
...@@ -20026,7 +20053,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20026,7 +20053,7 @@ ul.sf_date_field .sf-datepicker {
20026 .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal { 20053 .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
20027 position: absolute; 20054 position: absolute;
20028 right: 20px; 20055 right: 20px;
20029 top: 3px; 20056 top: 15px;
20030 } 20057 }
20031 .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal a { 20058 .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal a {
20032 color: #000; 20059 color: #000;
...@@ -20037,6 +20064,10 @@ ul.sf_date_field .sf-datepicker { ...@@ -20037,6 +20064,10 @@ ul.sf_date_field .sf-datepicker {
20037 color: #699 !important; 20064 color: #699 !important;
20038 } 20065 }
20039 20066
20067 .admin-bar .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
20068 top: 3px;
20069 }
20070
20040 .promo-area { 20071 .promo-area {
20041 width: 100%; 20072 width: 100%;
20042 display: flex; 20073 display: flex;
...@@ -20886,6 +20917,196 @@ ul.sf_date_field .sf-datepicker { ...@@ -20886,6 +20917,196 @@ ul.sf_date_field .sf-datepicker {
20886 font-weight: 700; 20917 font-weight: 700;
20887 } 20918 }
20888 20919
20920 .news-and-stories-block {
20921 display: flex;
20922 flex-direction: row-reverse;
20923 flex-wrap: wrap;
20924 justify-content: center;
20925 margin: 2.25rem 0;
20926 }
20927 .news-and-stories-block .post-list-left-col {
20928 flex-basis: 50%;
20929 display: flex;
20930 flex-direction: column;
20931 gap: 1.563rem;
20932 }
20933 .news-and-stories-block .post-list-right-col {
20934 flex-basis: 50%;
20935 display: flex;
20936 flex-direction: column;
20937 gap: 1.563rem;
20938 }
20939 .news-and-stories-block ul {
20940 display: flex;
20941 flex-direction: column;
20942 flex-wrap: wrap;
20943 list-style: none;
20944 padding: 0;
20945 margin: 0;
20946 gap: 24px;
20947 }
20948 .news-and-stories-block ul .article-card {
20949 min-height: 117px;
20950 }
20951 .news-and-stories-block ul .article-card > a {
20952 display: flex;
20953 height: 100%;
20954 text-decoration: none;
20955 }
20956 .news-and-stories-block ul .article-card.lg {
20957 min-height: 30.438rem;
20958 max-height: 30.438rem;
20959 }
20960 .news-and-stories-block ul .article-card.lg .scale-wrapper {
20961 min-height: 291px;
20962 max-height: 291px;
20963 overflow: hidden;
20964 }
20965 .news-and-stories-block ul .article-card.lg img {
20966 height: 100%;
20967 width: 100%;
20968 -o-object-fit: cover;
20969 object-fit: cover;
20970 }
20971 .news-and-stories-block ul .article-card.lg a {
20972 gap: 0;
20973 }
20974 .news-and-stories-block ul .article-card.sm .content {
20975 padding-bottom: 0;
20976 line-height: 1.125rem;
20977 }
20978 .news-and-stories-block ul .article-card img {
20979 transition: transform 0.3s;
20980 }
20981 .news-and-stories-block ul .article-card:hover a {
20982 color: #699;
20983 text-decoration: underline;
20984 }
20985 .news-and-stories-block ul .article-card:hover img {
20986 transform: scale(1.05);
20987 opacity: 0.8;
20988 }
20989
20990 .article-card {
20991 max-width: 31.875rem;
20992 min-width: 31.875rem;
20993 min-height: 8.438rem;
20994 }
20995 .article-card a {
20996 color: white;
20997 gap: 1.625rem;
20998 }
20999 .article-card a:hover p {
21000 text-decoration: underline;
21001 font-size: 18px;
21002 line-height: 23px;
21003 }
21004 .article-card a:hover .anchor-dots {
21005 background-image: url(../img/more-hover.svg);
21006 background-repeat: no-repeat;
21007 }
21008 .article-card.lg a {
21009 flex-direction: column;
21010 }
21011 .article-card.lg .content {
21012 min-height: 8.25rem;
21013 padding-top: 1rem;
21014 font-size: 22px;
21015 line-height: 28px;
21016 }
21017 .article-card .content {
21018 color: #4D4D4D;
21019 font-weight: normal;
21020 position: relative;
21021 font-family: "PT Sans", sans-serif;
21022 }
21023 .article-card .content > * {
21024 margin: 0;
21025 display: inline;
21026 }
21027 .article-card .content p:first-child {
21028 display: inline-block;
21029 color: #000000;
21030 font-weight: bold;
21031 margin: 0;
21032 font-size: 1.25rem;
21033 margin-bottom: 0.313rem;
21034 line-height: 1.563rem !important;
21035 max-height: 5rem;
21036 overflow: hidden;
21037 width: 100%;
21038 }
21039 .article-card .content .author-name, .article-card .content .author-title, .article-card .content .author_company, .article-card .content .published {
21040 font-size: 0.875rem;
21041 line-height: 1.125rem;
21042 border: 0;
21043 font-weight: normal;
21044 display: inline-block;
21045 text-decoration: none !important;
21046 }
21047 .article-card .content .author-name {
21048 font-size: 0.875rem;
21049 line-height: 1.125rem;
21050 font-weight: bold;
21051 }
21052 .article-card .content .author_company {
21053 font-size: 0.875rem;
21054 line-height: 1.125rem;
21055 display: block;
21056 text-decoration: none !important;
21057 }
21058 .article-card .content .author-title {
21059 margin-left: 0.2rem;
21060 }
21061 .article-card .anchor-dots {
21062 background-image: url(../img/more.svg);
21063 background-repeat: no-repeat;
21064 display: inline-block;
21065 height: 0.625rem;
21066 width: 100%;
21067 margin-top: 0.938rem;
21068 }
21069 .article-card .image {
21070 flex-basis: 40%;
21071 min-width: 214px;
21072 max-width: 214px;
21073 min-height: 117px;
21074 max-height: 117px;
21075 -o-object-fit: cover;
21076 object-fit: cover;
21077 overflow: hidden;
21078 }
21079 .article-card .image img {
21080 -o-object-fit: cover;
21081 object-fit: cover;
21082 height: 100%;
21083 width: 100%;
21084 }
21085
21086 .post-list-load-more {
21087 margin-top: 2.188rem;
21088 font-family: "PT Sans", sans-serif;
21089 font-weight: bold;
21090 font-size: 1rem;
21091 padding: 1.25rem 2.031rem;
21092 }
21093 .post-list-load-more span {
21094 color: white;
21095 }
21096 .post-list-load-more .spinner-border {
21097 display: none;
21098 }
21099 .post-list-load-more.loading .spinner-border {
21100 display: inline-block;
21101 }
21102 .post-list-load-more.loading .loaded-text {
21103 display: none;
21104 }
21105
21106 .mobile-article-list {
21107 display: none;
21108 }
21109
20889 .has-blue-color, 21110 .has-blue-color,
20890 .has-blue-color:visited { 21111 .has-blue-color:visited {
20891 color: #0d6efd; 21112 color: #0d6efd;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -40,7 +40,7 @@ if ( is_front_page() ) { ...@@ -40,7 +40,7 @@ if ( is_front_page() ) {
40 <div class="container" style="height: 100%;"> 40 <div class="container" style="height: 100%;">
41 <div class="col-md-12 fx-style"> 41 <div class="col-md-12 fx-style">
42 <div class="search-box"><?php the_field('search_box_content'); ?><div class="search-button">Search</div></div> 42 <div class="search-box"><?php the_field('search_box_content'); ?><div class="search-button">Search</div></div>
43 <h1><?php the_field('header_text'); ?></h1> 43 <?php the_field('header_text'); ?>
44 </div> 44 </div>
45 </div> 45 </div>
46 </div> 46 </div>
......
...@@ -78,4 +78,16 @@ if( function_exists('acf_add_options_page') ) { ...@@ -78,4 +78,16 @@ if( function_exists('acf_add_options_page') ) {
78 ] 78 ]
79 )); 79 ));
80 80
81 acf_register_block_type( array(
82 'title' => __( 'Recent News & Stories', 'client_textdomain' ),
83 'name' => 'post-list-load-more',
84 'render_template' => 'blocks/post-list-load-more/post-list-load-more.php',
85 'mode' => 'edit',
86 'supports' => [
87 'align' => false,
88 'anchor' => true,
89 'customClassName' => true
90 ]
91 ));
92
81 } 93 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -219,4 +219,5 @@ function sync_files_cli_register_commands() { ...@@ -219,4 +219,5 @@ function sync_files_cli_register_commands() {
219 WP_CLI::add_command( 'tz', 'SYNC_FILES' ); 219 WP_CLI::add_command( 'tz', 'SYNC_FILES' );
220 } 220 }
221 221
222 add_action( 'cli_init', 'sync_files_cli_register_commands' );
...\ No newline at end of file ...\ No newline at end of file
222 add_action( 'cli_init', 'sync_files_cli_register_commands' );
223
......
...@@ -10,3 +10,49 @@ require_once 'blocks.php'; ...@@ -10,3 +10,49 @@ require_once 'blocks.php';
10 require_once 'side-menu.php'; 10 require_once 'side-menu.php';
11 require_once 'widgets-area.php'; 11 require_once 'widgets-area.php';
12 require_once 'commands.php'; 12 require_once 'commands.php';
13 require_once 'rest.php';
14
15
16
17 function get_global_excluded_posts() {
18
19 $all_cats = get_categories();
20 $excluded = [];
21
22 foreach($all_cats as $cat) {
23
24 $main_index_page = get_field('main_index_page', $cat);
25
26 if($main_index_page) {
27
28 $excluded[] = $main_index_page->ID;
29
30 }
31
32 }
33
34 return $excluded;
35
36 }
37
38 function get_for_excluded_cats() {
39
40 $all_cats = get_categories();
41 $excluded = [];
42
43 foreach($all_cats as $cat) {
44
45 $latest_exclusive = get_field('exclude_from_latest_articles', $cat);
46
47 if($latest_exclusive) {
48
49 $excluded[] = $cat->term_id;
50
51 }
52
53 }
54
55 return $excluded;
56
57 }
58
......
1 <?php
2
3 function pull_posts_for_post_list( $data ) {
4
5 $request_uri = sanitize_text_field($_SERVER['REQUEST_URI']);
6 $request_uri = base64_encode($request_uri);
7
8 // $BYPASS_CACHE = false;
9 // $client = new Predis\Client();
10
11 // if(!$BYPASS_CACHE) {
12 // if($client->exists($request_uri)) {
13 // return unserialize($client->get($request_uri));
14 // }
15 // }
16
17 $categories = sanitize_textarea_field($_REQUEST['categories']);
18 $segment = trim(sanitize_textarea_field($_REQUEST['segment']));
19
20 $exclude = get_for_excluded_cats();
21 $exclude_posts = get_global_excluded_posts();
22
23 if($segment == 'all') {
24
25 $new_posts = [];
26
27 $numberposts = 500;
28
29 if(isset($_REQUEST['limit'])) {
30 $numberposts = $_REQUEST['limit'];
31 }
32
33 if(!empty($categories)) {
34 $posts = get_posts( array(
35 'category' => $categories,
36 'numberposts' => $numberposts,
37 'order' => 'DESC',
38 'suppress_filters' => false
39 ) );
40 } else {
41 $posts = get_posts( array(
42 'numberposts' => $numberposts,
43 'order' => 'DESC',
44 'suppress_filters' => false,
45 'category_not_in'=>$exclude,
46 'exclude' => $exclude_posts,
47 ) );
48 }
49
50 foreach($posts as $post) {
51
52 $excerpt = wp_filter_nohtml_kses(get_the_excerpt($post));
53 $excerpt = trim(substr($excerpt, 0, strpos($excerpt, '[...]')));
54 $article_author = get_field('article_author', $post->ID) ?: null;
55 $author_title = get_field('author_title', $post->ID) ?: null;
56 $author_company = get_field('author_company', $post->ID) ?: null;
57
58 $img = get_the_post_thumbnail_url($post, 'medium');
59
60 if(!$img) {
61 $img = get_post_meta($post->ID, 'photo_from_source', true);
62 }
63
64 $new_posts[] = ['date'=>get_the_time( ' F j, Y', $post),
65 'article_author'=>$article_author,'author_title'=>$author_title,
66 'author_company'=>$author_company,'href'=>get_permalink($post),'title'=>$post->post_title,
67 'text'=>$excerpt,'img_src'=>$img];
68
69 }
70
71 // $client->set($request_uri, serialize(['posts'=>$new_posts,'last_index'=>0]), 'ex', 3600);
72
73 return ['posts'=>$new_posts,'last_index'=>0];
74
75 } else {
76
77 $segment = (int)$segment;
78
79 if(!empty($categories)) {
80 $posts = get_posts( array(
81 'category' => $categories,
82 'numberposts' => 12,
83 'order' => 'DESC',
84 'suppress_filters' => false
85 ) );
86 } else {
87 $posts = get_posts( array(
88 'numberposts' => 12,
89 'order' => 'DESC',
90 'suppress_filters' => false,
91 'category__not_in'=>$exclude,
92 'exclude' => $exclude_posts
93 ) );
94 }
95
96
97 if ( empty( $posts ) ) {
98 return null;
99 }
100
101 $segments = array_chunk($posts, 4);
102
103 $the_segment = $segments[$segment];
104 $posts = [];
105
106 foreach($the_segment as $post) {
107
108 $excerpt = wp_filter_nohtml_kses(get_the_excerpt($post));
109 $excerpt = trim(substr($excerpt, 0, strpos($excerpt, '[...]')));
110 $article_author = get_field('article_author', $post->ID) ?: null;
111 $author_title = get_field('author_title', $post->ID) ?: null;
112 $author_company = get_field('author_company', $post->ID) ?: null;
113
114 $img = get_the_post_thumbnail_url($post, 'medium_large');
115
116 if(!$img) {
117 $img = get_post_meta($post->ID, 'photo_from_source', true);
118 }
119
120 $posts[] = ['date'=>get_the_time( ' F j, Y', $post),
121 'article_author'=>$article_author,'author_title'=>$author_title,
122 'author_company'=>$author_company,'href'=>get_permalink($post),'title'=>$post->post_title,
123 'text'=>$excerpt,'img_src'=>$img];
124
125 }
126
127 $last_index = false;
128 if( $segment >= (count($segments)-1) ) {
129 $last_index = true;
130 }
131
132 // $client->set($request_uri, serialize(['posts'=>$posts,'last_index'=>$last_index]), 'ex', 3600);
133
134 return ['posts'=>$posts,'last_index'=>$last_index];
135
136 }
137
138 }
139
140 add_action( 'rest_api_init', function () {
141 register_rest_route( '/v1', '/post_list', array(
142 'methods' => 'GET',
143 'callback' => 'pull_posts_for_post_list',
144 'permission_callback' => '__return_true'
145 ) );
146 } );
...@@ -28,11 +28,37 @@ function exclude_in_search_results( $query ) { ...@@ -28,11 +28,37 @@ function exclude_in_search_results( $query ) {
28 ), 28 ),
29 ) ); 29 ) );
30 30
31
31 } 32 }
32 } 33 }
33 add_action( 'pre_get_posts', 'exclude_in_search_results' ); 34 add_action( 'pre_get_posts', 'exclude_in_search_results' );
34 35
35 36 // if(get_locale() == 'fr_FR') {
37 // $query->set( 'meta_query', array (
38 // 'relation' => 'OR',
39 // array (
40 // 'relation' => 'AND',
41 // array(
42 // 'key' => 'wpml',
43 // 'value' => 'FR',
44 // 'compare' => '==',
45 // ),
46 // ),
47 // ) );
48
49 // }else{
50 // $query->set( 'meta_query', array (
51 // 'relation' => 'OR',
52 // array (
53 // 'relation' => 'AND',
54 // array(
55 // 'key' => 'wpml',
56 // 'value' => 'EN',
57 // 'compare' => '==',
58 // ),
59 // ),
60 // ) );
61 // }
36 62
37 63
38 // apply tags to attachments 64 // apply tags to attachments
......
...@@ -26195,7 +26195,7 @@ ...@@ -26195,7 +26195,7 @@
26195 //var offset = ((window.innerWidth - $('#content').width()) / 2) - 28; 26195 //var offset = ((window.innerWidth - $('#content').width()) / 2) - 28;
26196 //var offsetAfter = ((window.innerWidth - $('#content').width()) / 2) - 28; 26196 //var offsetAfter = ((window.innerWidth - $('#content').width()) / 2) - 28;
26197 var offsetAfter = 0; 26197 var offsetAfter = 0;
26198 var PerView = 1; 26198 var PerView = 3;
26199 var offset = 0; 26199 var offset = 0;
26200 var space = 20; 26200 var space = 20;
26201 var SlidesPerGroup = 1; 26201 var SlidesPerGroup = 1;
...@@ -26243,6 +26243,190 @@ ...@@ -26243,6 +26243,190 @@
26243 }); 26243 });
26244 }); 26244 });
26245 26245
26246 var mobile_article_list = [];
26247 function postItem(post_obj, size, sides, side_index, side_alternate, labels) {
26248 var li = "";
26249 if (size == 2) {
26250 li += "<li class='article-card lg'><a href='" + post_obj['href'] + "'>";
26251 if (post_obj['img_src']) {
26252 li += "<div class='scale-wrapper'><img src='" + post_obj['img_src'] + "' /></div>";
26253 }
26254 if (post_obj['title'].length > 100) {
26255 li += "<div class='content reduce'><p>" + post_obj['title'] + "</p><span class='anchor-dots'></span></div>";
26256 } else {
26257 li += "<div class='content'><p>" + post_obj['title'] + "</p>";
26258 }
26259 if (post_obj['date']) {
26260 li += "<span class='published'>" + window.POST_LIST_LABELS.published + " " + post_obj['date'] + "</span>";
26261 }
26262 li += "<span class='anchor-dots'></span></div></a></li>";
26263 } else {
26264 li += "<li class='article-card sm'><a href='" + post_obj['href'] + "'>";
26265 if (post_obj['img_src']) {
26266 li += "<div class='image'><div class='scale-wrapper'><img src='" + post_obj['img_src'] + "' /></div></div>";
26267 }
26268 if (post_obj['title'].length > 100) {
26269 li += "<div class='content reduce'><p>" + post_obj['title'] + "</p>";
26270 } else {
26271 li += "<div class='content'><p>" + post_obj['title'] + "</p>";
26272 }
26273 if (post_obj['article_author']) {
26274 li += "<span class='author-name'>" + post_obj['article_author'] + " | </span>";
26275 }
26276 if (post_obj['author_title']) {
26277 li += "<span class='author-title'>" + post_obj['author_title'] + "</span>";
26278 }
26279 if (post_obj['author_company']) {
26280 li += "<span class='author_company'>" + post_obj['author_company'] + "</span>";
26281 }
26282 if (post_obj['date']) {
26283 li += "<span class='published'>" + window.POST_LIST_LABELS.published + " " + post_obj['date'] + "</span>";
26284 }
26285 li += "<span class='anchor-dots'></span>";
26286 li += "</div></li>";
26287 }
26288 mobile_article_list.push(li);
26289 if (side_index % 2 == 0 || side_index == 0) {
26290 if (side_alternate == 0 || side_alternate % 2 == 0) {
26291 sides.left.push(li);
26292 } else {
26293 sides.right.push(li);
26294 }
26295 } else {
26296 if (side_alternate == 0 || side_alternate % 2 == 0) {
26297 sides.right.push(li);
26298 } else {
26299 sides.left.push(li);
26300 }
26301 }
26302 return li;
26303 }
26304 function loadPostSegment(block, segment, append, limit) {
26305 const categories = jQuery(block).data('categories');
26306 if (append) {
26307 jQuery('.post-list-load-more').addClass('loading');
26308 }
26309 var lang = document.documentElement.lang;
26310 if (lang == 'fr-FR') {
26311 lang = "&lang=fr";
26312 } else {
26313 lang = "&lang=en";
26314 }
26315 var limit_q = "";
26316 if (limit) {
26317 limit_q = "&limit=" + limit;
26318 }
26319 jQuery.get('/wp-json/v1/post_list?segment=' + segment + '&categories=' + categories + lang + limit_q, function (result) {
26320 var posts = result['posts'],
26321 last_index = result['last_index'];
26322 var pattern = jQuery(block).data('pattern');
26323 window.POST_LIST_LABELS = {};
26324 window.POST_LIST_LABELS.published = jQuery(block).data('published');
26325 var pattern_idx = 0,
26326 side_index = 0,
26327 reset_side_from_large = 0,
26328 side_alternate = 1;
26329 if (jQuery(block).data('pattern_idx')) {
26330 pattern_idx = jQuery(block).data('pattern_idx');
26331 }
26332 if (jQuery(block).data('side_index')) {
26333 side_index = jQuery(block).data('side_index');
26334 }
26335 if (jQuery(block).data('reset_side_from_large')) {
26336 reset_side_from_large = jQuery(block).data('reset_side_from_large');
26337 }
26338 if (jQuery(block).data('side_alternate')) {
26339 side_alternate = jQuery(block).data('side_alternate');
26340 }
26341 var sides = {
26342 left: [],
26343 right: []
26344 };
26345 posts.map(obj => {
26346 if (pattern == 3) {
26347 postItem(obj, 1, sides, side_index);
26348 } else if (pattern == 2) {
26349 if (pattern_idx == 0) {
26350 postItem(obj, 2, sides, 0, 0);
26351 reset_side_from_large = 3;
26352 } else {
26353 if (reset_side_from_large > 0) {
26354 postItem(obj, 1, sides, 1, 0);
26355 --reset_side_from_large;
26356 } else {
26357 postItem(obj, 1, sides, 1);
26358 ++reset_side_from_large;
26359 }
26360 }
26361 } else if (pattern == 1) {
26362 if (pattern_idx == 0 || pattern_idx % 4 == 0) {
26363 postItem(obj, 2, sides, 0, side_alternate);
26364 reset_side_from_large = 3;
26365 } else {
26366 if (reset_side_from_large > 0) {
26367 postItem(obj, 1, sides, 1, side_alternate);
26368 --reset_side_from_large;
26369 if (reset_side_from_large == 0) {
26370 ++side_alternate; //after completion of a 3rd small after a large flip to the alternate sides
26371 }
26372 } else {
26373 postItem(obj, 1, sides, side_index, side_alternate);
26374 }
26375 }
26376 }
26377 ++side_index;
26378 ++pattern_idx;
26379 });
26380 jQuery(block).data('pattern_idx', pattern_idx);
26381 jQuery(block).data('side_index', side_index);
26382 jQuery(block).data('reset_side_from_large', reset_side_from_large);
26383 jQuery(block).data('side_alternate', side_alternate);
26384 if (append) {
26385 jQuery(block).find('.post-list-left-col').append("<ul>" + sides.left.join('') + "</ul>");
26386 jQuery(block).find('.post-list-right-col').append("<ul>" + sides.right.join('') + "</ul>");
26387 } else {
26388 jQuery(block).find('.post-list-left-col').html("<ul>" + sides.left.join('') + "</ul>");
26389 jQuery(block).find('.post-list-right-col').html("<ul>" + sides.right.join('') + "</ul>");
26390 }
26391 jQuery('.mobile-article-list').html("<ul>" + mobile_article_list.join('') + "</ul>");
26392 if (last_index) {
26393 jQuery('.post-list-load-more').css('display', 'none');
26394 }
26395 }).always(function () {
26396 jQuery('.post-list-load-more').removeClass('loading');
26397 });
26398 }
26399 jQuery(function ($) {
26400 $('.related-load-more').on('click', function (e) {
26401 e.preventDefault();
26402 var segment = $(this).data('segment');
26403 var that = this;
26404 $(that).addClass('loading');
26405 setTimeout(function () {
26406 $(that).parents('.related').find('.related-block.hidden[data-related-segment="' + segment + '"]').removeClass('hidden');
26407 $(that).data('segment', segment + 1);
26408 $(that).removeClass('loading');
26409 if ($(that).parents('.related').find('.related-block.hidden[data-related-segment="' + (segment + 1) + '"]').length == 0) {
26410 $(that).remove();
26411 }
26412 }, 500);
26413 });
26414 $('.news-and-stories-block').each(function () {
26415 var no_load = $(this).data('no-load'),
26416 limit = $(this).data('static-limit');
26417 if (no_load) {
26418 loadPostSegment(this, "all", null, limit);
26419 } else {
26420 loadPostSegment(this, 0);
26421 }
26422 $(this).find('.post-list-load-more').on('click', function () {
26423 var segment = $(this).data('segment');
26424 loadPostSegment($(this).parents('.news-and-stories-block'), segment, true);
26425 $(this).data('segment', ++segment);
26426 });
26427 });
26428 });
26429
26246 // Add your custom JS here. 26430 // Add your custom JS here.
26247 var myLazyLoad = new LazyLoad(); 26431 var myLazyLoad = new LazyLoad();
26248 window.tz_checkVisible = function (elm, evalType, offset, heightBuffer) { 26432 window.tz_checkVisible = function (elm, evalType, offset, heightBuffer) {
...@@ -26260,10 +26444,15 @@ ...@@ -26260,10 +26444,15 @@
26260 if (evalType === "above") return y < vpH + st; 26444 if (evalType === "above") return y < vpH + st;
26261 }; 26445 };
26262 jQuery(document).ready(function ($) { 26446 jQuery(document).ready(function ($) {
26263 var itemToWatch = document.querySelector('.gt_options'); 26447 // var itemToWatch = document.querySelector('.gt_options');
26264 onClassChange(itemToWatch, node => { 26448
26265 node.classList.contains('gt-open') ? $('#pojo-a11y-toolbar').removeClass('pojo-a11y-toolbar-open') : console.log('class removed'); 26449 // onClassChange(itemToWatch, (node) => {
26266 }); 26450 // node.classList.contains('gt-open')
26451 // ? $('#pojo-a11y-toolbar').removeClass('pojo-a11y-toolbar-open')
26452 // : console.log('class removed');
26453
26454 // });
26455
26267 trim_text(); 26456 trim_text();
26268 $('#relevant-resources').dataTable({ 26457 $('#relevant-resources').dataTable({
26269 info: false, 26458 info: false,
...@@ -26314,19 +26503,6 @@ ...@@ -26314,19 +26503,6 @@
26314 document.addEventListener('wpcf7mailsent', function (event) { 26503 document.addEventListener('wpcf7mailsent', function (event) {
26315 jQuery('.appArea.responsive').hide(); 26504 jQuery('.appArea.responsive').hide();
26316 }, true); 26505 }, true);
26317 function onClassChange(element, callback) {
26318 const observer = new MutationObserver(mutations => {
26319 mutations.forEach(mutation => {
26320 if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
26321 callback(mutation.target);
26322 }
26323 });
26324 });
26325 observer.observe(element, {
26326 attributes: true
26327 });
26328 return observer.disconnect;
26329 }
26330 (function ($) { 26506 (function ($) {
26331 26507
26332 $(document).on("sf:init", ".searchandfilter", function () { 26508 $(document).on("sf:init", ".searchandfilter", function () {
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -31,7 +31,7 @@ get_header(); ...@@ -31,7 +31,7 @@ get_header();
31 </div> 31 </div>
32 <main class="col-sm-12 col-md-9 content-area site-main search-result" id="main"> 32 <main class="col-sm-12 col-md-9 content-area site-main search-result" id="main">
33 33
34 <?php echo do_shortcode('[searchandfilter slug="112" action="filter_next_query"]'); ?> 34 <?php //echo do_shortcode('[searchandfilter slug="112" action="filter_next_query"]'); ?>
35 <?php if ( have_posts() ) : 35 <?php if ( have_posts() ) :
36 global $wp_query; 36 global $wp_query;
37 37
......
...@@ -20,7 +20,7 @@ jQuery(document).ready(function($) { ...@@ -20,7 +20,7 @@ jQuery(document).ready(function($) {
20 //var offset = ((window.innerWidth - $('#content').width()) / 2) - 28; 20 //var offset = ((window.innerWidth - $('#content').width()) / 2) - 28;
21 //var offsetAfter = ((window.innerWidth - $('#content').width()) / 2) - 28; 21 //var offsetAfter = ((window.innerWidth - $('#content').width()) / 2) - 28;
22 var offsetAfter = 0; 22 var offsetAfter = 0;
23 var PerView = 1 23 var PerView = 3
24 var offset =0; 24 var offset =0;
25 var space = 20; 25 var space = 20;
26 var SlidesPerGroup= 1; 26 var SlidesPerGroup= 1;
......
1
2 var mobile_article_list = [];
3
4 function postItem(post_obj, size, sides, side_index, side_alternate, labels) {
5
6 var li = "";
7 if(size == 2) {
8 li += "<li class='article-card lg'><a href='"+post_obj['href']+"'>";
9 if(post_obj['img_src']) {
10 li += "<div class='scale-wrapper'><img src='"+post_obj['img_src']+"' /></div>";
11 }
12 if(post_obj['title'].length > 100) {
13 li += "<div class='content reduce'><p>"+post_obj['title']+"</p><span class='anchor-dots'></span></div>";
14 } else {
15 li += "<div class='content'><p>"+post_obj['title']+"</p>";
16 }
17 if(post_obj['date']) {
18 li += "<span class='published'>"+window.POST_LIST_LABELS.published+" "+post_obj['date']+"</span>";
19 }
20 li += "<span class='anchor-dots'></span></div></a></li>";
21 } else {
22 li += "<li class='article-card sm'><a href='"+post_obj['href']+"'>";
23 if(post_obj['img_src']) {
24 li += "<div class='image'><div class='scale-wrapper'><img src='"+post_obj['img_src']+"' /></div></div>";
25 }
26 if(post_obj['title'].length > 100) {
27 li += "<div class='content reduce'><p>"+post_obj['title']+"</p>";
28 } else {
29 li += "<div class='content'><p>"+post_obj['title']+"</p>";
30 }
31 if(post_obj['article_author']) {
32 li += "<span class='author-name'>"+post_obj['article_author']+" | </span>";
33 }
34 if(post_obj['author_title']) {
35 li += "<span class='author-title'>"+post_obj['author_title']+"</span>";
36 }
37 if(post_obj['author_company']) {
38 li += "<span class='author_company'>"+post_obj['author_company']+"</span>";
39 }
40 if(post_obj['date']) {
41 li += "<span class='published'>"+window.POST_LIST_LABELS.published+" "+post_obj['date']+"</span>";
42 }
43 li += "<span class='anchor-dots'></span>";
44 li += "</div></li>";
45 }
46 mobile_article_list.push(li);
47 if(side_index % 2 == 0 || side_index == 0) {
48 if(side_alternate == 0 || side_alternate % 2 == 0) {
49 sides.left.push(li);
50 } else {
51 sides.right.push(li);
52 }
53 } else {
54 if(side_alternate == 0 || side_alternate % 2 == 0) {
55 sides.right.push(li);
56 } else {
57 sides.left.push(li);
58 }
59 }
60 return li;
61 }
62
63 function rearrangeForMobile() {
64
65
66 }
67
68 function loadPostSegment(block, segment, append, limit) {
69 const categories = jQuery(block).data('categories');
70
71 if(append) {
72 jQuery('.post-list-load-more').addClass('loading');
73 }
74
75 var lang = document.documentElement.lang;
76
77 if(lang == 'fr-FR') {
78 lang = "&lang=fr"
79 } else {
80 lang = "&lang=en"
81 }
82
83 var limit_q = "";
84
85 if(limit) {
86 limit_q = "&limit="+limit;
87 }
88
89 jQuery.get('/wp-json/v1/post_list?segment='+segment+'&categories='+categories+lang+limit_q, function(result) {
90
91 var posts = result['posts'],
92 last_index = result['last_index'];
93
94 var pattern = jQuery(block).data('pattern');
95 window.POST_LIST_LABELS = {};
96 window.POST_LIST_LABELS.published = jQuery(block).data('published');
97
98 var pattern_idx = 0,
99 side_index = 0,
100 reset_side_from_large = 0,
101 side_alternate = 1;
102
103 if(jQuery(block).data('pattern_idx')) {
104 pattern_idx = jQuery(block).data('pattern_idx');
105 }
106 if(jQuery(block).data('side_index')) {
107 side_index = jQuery(block).data('side_index');
108 }
109 if(jQuery(block).data('reset_side_from_large')) {
110 reset_side_from_large = jQuery(block).data('reset_side_from_large');
111 }
112 if(jQuery(block).data('side_alternate')) {
113 side_alternate = jQuery(block).data('side_alternate');
114 }
115
116 var sides = {left:[],right:[]};
117
118 posts.map((obj) => {
119
120 if(pattern == 3) {
121 postItem(obj, 1, sides, side_index);
122 } else if(pattern == 2) {
123 if(pattern_idx == 0) {
124 postItem(obj, 2, sides, 0, 0);
125 reset_side_from_large = 3;
126 } else {
127 if(reset_side_from_large > 0) {
128 postItem(obj, 1, sides, 1, 0);
129 --reset_side_from_large
130 } else {
131 postItem(obj, 1, sides, 1);
132 ++reset_side_from_large;
133 }
134 }
135 } else if(pattern == 1) {
136 if(pattern_idx == 0 || pattern_idx % 4 == 0) {
137 postItem(obj, 2, sides, 0, side_alternate);
138 reset_side_from_large = 3;
139 } else {
140 if(reset_side_from_large > 0) {
141 postItem(obj, 1, sides, 1, side_alternate);
142 --reset_side_from_large
143 if(reset_side_from_large == 0) {
144 ++side_alternate;//after completion of a 3rd small after a large flip to the alternate sides
145 }
146 } else {
147 postItem(obj, 1, sides, side_index, side_alternate);
148 }
149 }
150 }
151
152 ++side_index;
153 ++pattern_idx;
154
155 });
156
157 jQuery(block).data('pattern_idx', pattern_idx);
158 jQuery(block).data('side_index', side_index);
159 jQuery(block).data('reset_side_from_large', reset_side_from_large);
160 jQuery(block).data('side_alternate', side_alternate);
161
162 if(append) {
163 jQuery(block).find('.post-list-left-col').append("<ul>"+sides.left.join('')+"</ul>");
164 jQuery(block).find('.post-list-right-col').append("<ul>"+sides.right.join('')+"</ul>");
165 } else {
166 jQuery(block).find('.post-list-left-col').html("<ul>"+sides.left.join('')+"</ul>");
167 jQuery(block).find('.post-list-right-col').html("<ul>"+sides.right.join('')+"</ul>");
168 }
169
170 jQuery('.mobile-article-list').html("<ul>"+mobile_article_list.join('')+"</ul>")
171
172 if(last_index) {
173 jQuery('.post-list-load-more').css('display', 'none');
174 }
175
176
177 }).always(function () {
178 jQuery('.post-list-load-more').removeClass('loading');
179 });
180 }
181
182 jQuery(function($) {
183
184
185 $('.related-load-more').on('click', function(e) {
186 e.preventDefault();
187 var segment = $(this).data('segment');
188 var that = this;
189 $(that).addClass('loading');
190 setTimeout(function() {
191 $(that).parents('.related').find('.related-block.hidden[data-related-segment="'+segment+'"]').removeClass('hidden');
192 $(that).data('segment', segment + 1);
193 $(that).removeClass('loading');
194 if($(that).parents('.related').find('.related-block.hidden[data-related-segment="'+(segment+1)+'"]').length == 0) {
195 $(that).remove();
196 }
197 }, 500);
198
199 });
200
201 $('.news-and-stories-block').each(function() {
202 var no_load = $(this).data('no-load'),
203 limit = $(this).data('static-limit');
204
205 if(no_load) {
206 loadPostSegment(this, "all", null, limit);
207 } else {
208 loadPostSegment(this, 0);
209 }
210 $(this).find('.post-list-load-more').on('click', function() {
211 var segment = $(this).data('segment');
212 loadPostSegment($(this).parents('.news-and-stories-block'), segment, true);
213 $(this).data('segment', ++segment);
214 });
215 });
216
217
218
219 });
...\ No newline at end of file ...\ No newline at end of file
...@@ -10,6 +10,7 @@ import "./_header_menu"; ...@@ -10,6 +10,7 @@ import "./_header_menu";
10 import "./_side_menu"; 10 import "./_side_menu";
11 import "./_image_captionation"; 11 import "./_image_captionation";
12 import "./_carousels"; 12 import "./_carousels";
13 import "./_post-list-load-more";
13 14
14 15
15 16
...@@ -36,14 +37,14 @@ window.tz_checkVisible = function(elm, evalType , offset, heightBuffer) { ...@@ -36,14 +37,14 @@ window.tz_checkVisible = function(elm, evalType , offset, heightBuffer) {
36 jQuery(document).ready(function($) { 37 jQuery(document).ready(function($) {
37 38
38 39
39 var itemToWatch = document.querySelector('.gt_options'); 40 // var itemToWatch = document.querySelector('.gt_options');
40 41
41 onClassChange(itemToWatch, (node) => { 42 // onClassChange(itemToWatch, (node) => {
42 node.classList.contains('gt-open') 43 // node.classList.contains('gt-open')
43 ? $('#pojo-a11y-toolbar').removeClass('pojo-a11y-toolbar-open') 44 // ? $('#pojo-a11y-toolbar').removeClass('pojo-a11y-toolbar-open')
44 : console.log('class removed'); 45 // : console.log('class removed');
45 46
46 }); 47 // });
47 48
48 49
49 50
......
...@@ -5,6 +5,9 @@ body{ ...@@ -5,6 +5,9 @@ body{
5 position: fixed !important; 5 position: fixed !important;
6 z-index: 99999 !important; 6 z-index: 99999 !important;
7 } 7 }
8 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
9 max-width: 1067px !important;
10 }
8 11
9 @import "mega_menu"; 12 @import "mega_menu";
10 @import "menu"; 13 @import "menu";
...@@ -25,4 +28,5 @@ body{ ...@@ -25,4 +28,5 @@ body{
25 @import "carousel"; 28 @import "carousel";
26 @import "pojo_a11"; 29 @import "pojo_a11";
27 @import "text_size_increased"; 30 @import "text_size_increased";
28 @import "relevant_resources";
...\ No newline at end of file ...\ No newline at end of file
31 @import "relevant_resources";
32 @import "post_list_load_more";
......
...@@ -74,6 +74,7 @@ p{ ...@@ -74,6 +74,7 @@ p{
74 text-decoration: underline; 74 text-decoration: underline;
75 } 75 }
76 } 76 }
77
77 ul:not(.side-menu):not(.children){ 78 ul:not(.side-menu):not(.children){
78 padding-left: 2rem; 79 padding-left: 2rem;
79 li{ 80 li{
...@@ -103,6 +104,15 @@ ol{ ...@@ -103,6 +104,15 @@ ol{
103 } 104 }
104 } 105 }
105 106
107 .post-list-right-col ul,
108 .post-list-left-col ul{
109 padding-left: 0rem !important;
110 li{
111 margin-top: 0rem !important
112 }
113 }
114
115
106 .wp-block-pullquote{ 116 .wp-block-pullquote{
107 117
108 padding: 2em 0; 118 padding: 2em 0;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 position: relative; 2 position: relative;
3 height: 100%; 3 height: 100%;
4 overflow: hidden; 4 overflow: hidden;
5 min-height: 37.5rem; 5 min-height: 480px;
6 background-repeat: no-repeat; 6 background-repeat: no-repeat;
7 background-size: cover; 7 background-size: cover;
8 background-position: center; 8 background-position: center;
...@@ -14,14 +14,15 @@ ...@@ -14,14 +14,15 @@
14 h1{ 14 h1{
15 color: #fff; 15 color: #fff;
16 margin: auto; 16 margin: auto;
17 text-align: center;
18 display: flex; 17 display: flex;
19 font-size: 2rem; 18 font-size: 50px;
20 line-height:2.25rem ; 19 line-height:55px ;
21 margin-bottom: 2.5rem; 20 margin-bottom: 20px;
22 width: 100%; 21 width: 100%;
23 max-width: 1068px; 22 max-width: 550px;
24 font-weight: bold; 23 font-weight: bold;
24 text-align: left;
25 margin-left: 0px;
25 @media only screen and (max-width: 48.875rem) { 26 @media only screen and (max-width: 48.875rem) {
26 font-size: 1.125rem; 27 font-size: 1.125rem;
27 line-height:1.375rem ; 28 line-height:1.375rem ;
...@@ -37,6 +38,15 @@ ...@@ -37,6 +38,15 @@
37 height: 90%; 38 height: 90%;
38 max-height: 37.5rem; 39 max-height: 37.5rem;
39 justify-content: center; 40 justify-content: center;
41 background: transparent linear-gradient(180deg, #1A181800 0%, #000000 100%) 0% 0% no-repeat padding-box;
42 p{
43 color: #fff;
44 font-size: 22px;
45 line-height: 28px;
46 text-align: left;
47 max-width: 550px;
48 margin-bottom: 44px;
49 }
40 .fx-style{ 50 .fx-style{
41 display: flex; 51 display: flex;
42 flex-direction: column; 52 flex-direction: column;
......
1 .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal{ 1 .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal{
2 position: absolute; 2 position: absolute;
3 right: 20px; 3 right: 20px;
4 top: 3px; 4 top: 15px;
5 a{ 5 a{
6 color: #000; 6 color: #000;
7 font-weight: bold; 7 font-weight: bold;
...@@ -10,4 +10,8 @@ ...@@ -10,4 +10,8 @@
10 a:hover{ 10 a:hover{
11 color: #699!important; 11 color: #699!important;
12 } 12 }
13 }
14
15 .admin-bar .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal{
16 top: 3px;
13 } 17 }
...\ No newline at end of file ...\ No newline at end of file
......
1 .site-title{ 1 .site-title{
2 font-size: 2.1875rem; 2 font-size: 26px;
3 line-height: 3.125rem; 3 line-height: 36px;
4 font-family: "PT Sans",sans-serif; 4 font-family: "PT Sans",sans-serif;
5 letter-spacing: 0rem; 5 letter-spacing: 0rem;
6 color: #000000; 6 color: #000000;
...@@ -25,8 +25,8 @@ ...@@ -25,8 +25,8 @@
25 position: relative; 25 position: relative;
26 .navbar-brand{ 26 .navbar-brand{
27 margin-right:0px ; 27 margin-right:0px ;
28 width: 150px; 28 width: 127px;
29 height: 70px; 29 height: 53px;
30 // display: inline-block; 30 // display: inline-block;
31 @media only screen and (max-width: 48.875rem) { 31 @media only screen and (max-width: 48.875rem) {
32 margin-right:20px ; 32 margin-right:20px ;
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
76 } 76 }
77 } 77 }
78 .site{ 78 .site{
79 margin-top: 10.625rem; 79 margin-top: 8.7rem;
80 max-width: 100%; 80 max-width: 100%;
81 overflow-x: hidden; 81 overflow-x: hidden;
82 @media only screen and (max-width: 62.5rem) { 82 @media only screen and (max-width: 62.5rem) {
......
1 @media only screen and (min-width: 62.5rem) { 1 @media only screen and (min-width: 62.5rem) {
2 2 #main-nav{
3 padding-bottom: 1px;
4 }
3 #mega-menu-wrap-primary{ 5 #mega-menu-wrap-primary{
4 width: 100%; 6 width: 100%;
5 } 7 }
...@@ -14,13 +16,14 @@ ...@@ -14,13 +16,14 @@
14 width: 19%; 16 width: 19%;
15 color:#fff; 17 color:#fff;
16 background-color: #EE0000; 18 background-color: #EE0000;
17 border-radius: 1.25rem; 19 border-radius: 20px;
18 text-align: center; 20 text-align: center;
19 height: 2.5rem; 21 height: 32px;
20 margin-top: 0rem; 22 margin-top: 0rem;
21 font-size: 1.125rem; 23 font-size: 1.125rem;
22 position: relative; 24 position: relative;
23 font-family: "PT Sans",sans-serif; 25 font-family: "PT Sans",sans-serif;
26 box-shadow: 0px 3px 6px #0000003D;
24 27
25 } 28 }
26 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ 29 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
...@@ -28,8 +31,9 @@ ...@@ -28,8 +31,9 @@
28 text-align: center; 31 text-align: center;
29 font-family: "PT Sans",sans-serif; 32 font-family: "PT Sans",sans-serif;
30 font-weight: bold !important; 33 font-weight: bold !important;
31 font-size: 1.125rem; 34 font-size: 14px;
32 height: 2.5rem; 35 height: 32px;
36 line-height: 31px;
33 } 37 }
34 38
35 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{ 39 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{
...@@ -39,8 +43,8 @@ ...@@ -39,8 +43,8 @@
39 position: absolute; 43 position: absolute;
40 background-size: contain; 44 background-size: contain;
41 background-repeat: no-repeat; 45 background-repeat: no-repeat;
42 margin-left: -1.875rem; 46 margin-left: -20px;
43 margin-top: 0.9375rem; 47 margin-top: 12px;
44 display: inline-block; 48 display: inline-block;
45 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>'); 49 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>');
46 } 50 }
...@@ -50,17 +54,17 @@ ...@@ -50,17 +54,17 @@
50 54
51 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{ 55 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
52 background-color: #669999; 56 background-color: #669999;
53 border-radius: 1.25rem 1.25rem 0rem 0rem; 57 border-radius: 16px 16px 0rem 0rem;
54 height: 3.75rem; 58 height: 60px;
55 margin-top: 0rem; 59 margin-top: 0rem;
56 margin-bottom: -1.25rem; 60 margin-bottom: -1.25rem;
57 } 61 }
58 62
59 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{ 63 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
60 margin-top: 1.0625rem; 64 margin-top: 3px;
61 padding: 1.25rem 1.75rem 1.25rem 1.25rem; 65 padding: 1.25rem 1.75rem 1.25rem 1.25rem;
62 background-color: #f0f0f0; 66 background-color: #f0f0f0;
63 border-radius: 0rem 0rem 1.25rem 1.25rem; 67 border-radius: 20px;
64 } 68 }
65 69
66 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{ 70 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{
...@@ -98,7 +102,7 @@ ...@@ -98,7 +102,7 @@
98 color:#000; 102 color:#000;
99 text-decoration: none; 103 text-decoration: none;
100 white-space: break-spaces; 104 white-space: break-spaces;
101 font-size: 1.125rem; 105 font-size: 18px;
102 font-weight: 400; 106 font-weight: 400;
103 font-family: "PT Sans",sans-serif; 107 font-family: "PT Sans",sans-serif;
104 font-weight:bold 108 font-weight:bold
...@@ -113,14 +117,14 @@ ...@@ -113,14 +117,14 @@
113 } 117 }
114 118
115 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link { 119 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link {
116 font-size:1.25rem; 120 font-size:18px;
117 font-family: "PT Sans",sans-serif; 121 font-family: "PT Sans",sans-serif;
118 } 122 }
119 123
120 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{ 124 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{
121 font-style: normal; 125 font-style: normal;
122 font-size: 1rem; 126 font-size: 16px;
123 line-height: 1.25rem; 127 line-height: 21px;
124 font-family: "PT Sans",sans-serif; 128 font-family: "PT Sans",sans-serif;
125 } 129 }
126 .list-wrapper2, 130 .list-wrapper2,
......
1 .news-and-stories-block {
2 display: flex;
3 flex-direction: row-reverse;
4 flex-wrap: wrap;
5 justify-content: center;
6 margin:2.25rem 0;
7
8 .post-list-left-col {
9 flex-basis: 50%;
10 display: flex;
11 flex-direction: column;
12 gap: 1.563rem;
13 }
14 .post-list-right-col {
15 flex-basis: 50%;
16 display: flex;
17 flex-direction: column;
18 gap: 1.563rem;
19 }
20 ul {
21 display: flex;
22 flex-direction: column;
23 flex-wrap: wrap;
24 list-style: none;
25 padding:0;
26 margin:0;
27 gap: 24px;
28 .article-card {
29 min-height: 117px;
30 // max-height: 8.438rem;
31 & > a {
32 display: flex;
33 height:100%;
34 text-decoration: none;
35 }
36 &.lg {
37 min-height: 30.438rem;
38 max-height: 30.438rem;
39 .scale-wrapper {
40 min-height: 291px;
41 max-height: 291px;
42 overflow: hidden;
43 }
44 img {
45 height: 100%;
46 width: 100%;
47 object-fit: cover;
48 }
49 a {
50 gap:0;
51
52 }
53 }
54 &.sm {
55 .content {
56 padding-bottom:0; //not sure why this was 1rem
57 line-height: 1.125rem;
58 }
59 }
60 img {
61 transition: transform .3s;
62 }
63 &:hover {
64 a {
65 color: #699;
66 text-decoration: underline;
67 }
68 img {
69 transform: scale(1.05);
70 opacity: 0.8;
71 }
72 }
73 }
74 }
75
76 }
77
78
79 .article-card {
80 max-width: 31.875rem;
81 min-width: 31.875rem;
82 min-height: 8.438rem;
83 a {
84 color:white;
85 gap: 1.625rem;
86 &:hover {
87 p {
88 text-decoration: underline;
89 font-size: 18px;
90 line-height: 23px;
91 }
92 .anchor-dots {
93 background-image: url(../img/more-hover.svg);
94 background-repeat: no-repeat;
95 }
96 }
97 }
98 &.lg {
99 a {
100 flex-direction: column;
101 }
102 .content {
103 min-height: 8.25rem;
104 padding-top:1rem;
105 font-size: 22px;
106 line-height: 28px;
107 }
108 }
109
110 //See homepage recent news & stories.. the titles are black
111 .content {
112 color:#4D4D4D;
113 font-weight: normal;
114 position: relative;
115 font-family: "PT Sans",sans-serif;
116 & > * {
117 margin:0;
118 display: inline;
119 }
120 p:first-child {
121 display: inline-block;
122 color:#000000;
123 font-weight: bold;
124 margin:0;
125 font-size: 1.25rem;
126 margin-bottom:0.313rem;
127 line-height: 1.563rem !important;
128 max-height: 5rem;
129 overflow: hidden;
130 width: 100%;
131 }
132 .author-name, .author-title, .author_company, .published {
133 font-size:0.875rem;
134 line-height: 1.125rem;
135 border:0;
136 font-weight: normal;
137 display: inline-block;
138 text-decoration: none !important;
139 }
140 .author-name {
141 font-size:0.875rem;
142 line-height: 1.125rem;
143 font-weight: bold;
144 }
145 .author_company {
146 font-size:0.875rem;
147 line-height: 1.125rem;
148 display: block;
149 text-decoration: none !important;
150 }
151 .author-title {
152 margin-left:0.2rem;
153 }
154
155 }
156 .anchor-dots {
157 background-image: url(../img/more.svg);
158 background-repeat: no-repeat;
159 display: inline-block;
160 height: 0.625rem;
161 width: 100%;
162 margin-top:0.938rem;
163 }
164 .image {
165 flex-basis: 40%;
166 min-width: 214px;
167 max-width: 214px;
168 min-height: 117px;
169 max-height: 117px;
170 object-fit: cover;
171 overflow: hidden;
172 img {
173 object-fit: cover;
174 height: 100%;
175 width:100%;
176 }
177 }
178 }
179
180 .post-list-load-more {
181 margin-top:2.188rem;
182 font-family: "PT Sans",sans-serif; font-weight:bold;;
183 font-size: 1rem;
184 padding:1.25rem 2.031rem;
185 span {
186 color:white;
187 }
188 .spinner-border {
189 display: none;
190 }
191 &.loading {
192 .spinner-border {
193 display: inline-block;
194 }
195 .loaded-text {
196 display: none;
197 }
198 }
199 }
200
201
202 .mobile-article-list {
203 display: none;
204 }
...\ No newline at end of file ...\ No newline at end of file