main section{margin:40px 0!important;}
main section[data-core-block="text-v1"] .bgicon{margin-top:80px;}
main section[data-custom-block="image-slider"], main section[data-custom-block="sponsors-block"]{margin:40px 0 80px 0 !important;}
main{margin-bottom:100px;}
main section.column-section, main section.breadnav{margin:0!important;}

main[data-core-type="news"] section.breadnav{margin:40px 0!important;}
main section h2{font-size:2rem!important;}
main section h2.heading{font-size:2rem!important;}

main .rightcontent section.bg-teal, main .rightcontent section.bg-lightBlue, main .rightcontent section.bg-orange, main .rightcontent section.bg-blue, main .rightcontent section.bg-darkBlue, main .rightcontent section.bg-stone{border-radius:20px;}
main .rightcontent section.bg-teal .block-wrapper, main .rightcontent section.bg-lightBlue .block-wrapper, main .rightcontent section.bg-orange .block-wrapper, main .rightcontent section.bg-blue .block-wrapper, main .rightcontent section.bg-darkBlue .block-wrapper, main .rightcontent section.bg-stone .block-wrapper{padding-left:80px!important;padding-right:80px!important;}

section.column-section .column-wrapper{display:grid;grid-template-columns:1fr minmax(0, 3fr);gap:60px;}
section.column-section .rightcontent .container.main{width:100%;margin:0;padding:0;}
section.column-section .rightcontent .container.narrow{width:100%;margin:0;padding:0;}

.headimage .topimage img{border-radius:20px;}

.leftnavigation{margin:40px 0;}
.topicsbox{position:sticky;top:20px;}
.topicsbox .topicwrap{display:grid;gap:20px;justify-content:space-between;box-shadow: 0px 3px 6px #00000029;background-color:#ffffff;border-radius:20px;padding:30px;}
.topicsbox .topicnavigation .heading{font-size:2rem;}
.topicsbox .topicnavigation nav{margin:20px 0;}
.topicsbox .topicnavigation nav ul{margin:0;padding:0;list-style:none;}
.topicsbox .topicnavigation nav ul li a{display:block;font-size:1rem;color:#000000;text-decoration:none;line-height:160%;font-weight:800;}
.topicsbox .topicnavigation nav ul li a.active{display:flex;flex-direction:row;align-items:center;gap:6px;}
.topicsbox .topicnavigation nav ul li a.active::before{content:'';background-image:url('../icons/rightarrow.svg');background-repeat:no-repeat;background-size:100%;background-position:center;width:17px;height:11px;display:block;}
.topicsbox .topicnavigation nav ul li a:hover.active::before{-moz-animation: bounce 1s; -webkit-animation: bounce 1s;animation: bounce 1s;}

.authorwrap{margin-left:20px;}
.author{display:flex;flex-direction:column;/*align-items:center;text-align:center;*/}
.author .authorimage{margin-bottom:12px;}
.author .authorimage img{width:80px;height:80px;object-fit:cover;border-radius:50%;}
.author h4{color:#868686;font-size:1.125rem;margin-bottom:6px;}
.author p{margin:0;font-size:0.813rem;}

.author.landscape{display:grid;grid-template-columns:80px 1fr;text-align:left;gap:20px;box-shadow: 0px 3px 6px #00000029;background-color:#ffffff;padding:10px 20px 10px 10px;border-radius:50px;}
.author.landscape .authorimage{margin:0;}

p.timeread{margin:30px 0 0 0;font-size:0.875rem;}

.datewrap{display:flex;flex-direction:row;gap:6px;font-size:0.875rem;line-height:100%;margin:0 0 26px 0;}
.datewrap span{border-right:1px solid #000000;padding-right:6px;}
.datewrap span:last-of-type{border-right:none;padding-right:0;}

.sharebuttons{margin:40px 0;display:flex;flex-direction:row;align-items:center;gap:20px;}
.sharewrap{display:flex;flex-direction:row;align-items:center;gap:20px;}
.sharebuttons h3{font-size:1.5rem;}
.sharebuttons #st-1 .st-btn{border-radius:50%!important;}

.list h2.heading{font-size:2.5rem;font-weight:600;margin-bottom:40px;line-height:120%;}
.recentSplide.splide.is-initialized:not(.is-active) ul.splide__list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:40px;}
.recent-list .recent-item{display:flex;height:100%;}
.recent-list .recent-item a{color:inherit;text-decoration:none;display:flex;flex-direction:column;}
.recent-list .recent-item .image{margin-bottom:14px;}
.recent-list .recent-item .image img{border-radius:20px;}
.recent-list .recent-item .text{display:flex;flex-direction:column;flex:1;}
.recent-list .recent-item .text p.textlink{margin-top:auto;}

.recent-list .recent-item .tagwrap{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap;}
.recent-list .recent-item ul.tags{margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap;}
.recent-list .recent-item ul.tags li{font-size:0.75rem;color:#868686;background-color:#ffffff;border:1px solid #e3e3e3;border-radius:5px;padding:3px 9px;list-style:none;}
.recent-list .recent-item ul.tags li:first-of-type{background-color:var(--darkBlue);border-color:var(--darkBlue);color:var(--darkBlueText);}
.recent-list .recent-item .date{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:4px;}
.recent-list .recent-item .text .date p{font-size:0.875rem;margin:0;}
.recent-list .recent-item .date p.t{border-right:1px solid #000000;padding-right:4px;}

.recent-list .recent-item h3{font-size:1.125rem;font-weight:600;margin-bottom:14px;}
.recent-list .recent-item .content p{font-size:1.125rem;}
.recent-list .recent-item .text p{font-size:1.125rem;}

/* Alternative layout for News and Library */
.headimage .headwrap{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center;}
.headimage .headwrap .topimage img{border-radius:20px;}
.headimage .headwrap .heading{font-size:3.875rem;font-weight:600;margin-bottom:40px;line-height:120%;}
.headimage .headwrap h2.heading{font-size:3.5rem;}
.headimage .headwrap .text-content{font-size:1.125rem;font-weight:400;}
.headimage .headwrap .right.image{display:flex;flex-direction:column;align-items:flex-end;}
.headimage .sharebuttons{border-bottom:1px solid #707070;padding-bottom:40px;justify-content:flex-end;}

.headimage .headwrap .topimage .alttransform img{width:100%;}

.librarySplide.splide.is-initialized:not(.is-active) ul.splide__list{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px;}
.library-list .library-item .image{position:relative;}
.library-list .library-item .image img{border-radius:20px;}
.library-list .library-item .text{position:absolute;bottom:12px;left:14px;right:14px;background-color:rgba(0,0,0,0.7);border-radius:15px;color:#ffffff;padding:18px;}
.library-list .library-item .text h3{font-size:1.275rem;font-family:"brother-1816", sans-serif;margin-bottom:12px;}
.library-list .library-item .text .content p{font-size:1rem;}

/*main .rightcontent [data-custom-block="projects-slider"] .projectwrap{left:400px;}*/
main .rightcontent [data-custom-block="projects-slider"] .projectwrap .projectlink{grid-template-columns:unset;padding:12px 20px 12px 20px;}
main .rightcontent [data-custom-block="projects-slider"] .projectwrap .projectlink .thumbnail{display:none;}

main .rightcontent [data-custom-block="link-block"] .block-wrapper.grid{gap:40px;}
main .rightcontent [data-custom-block="library-block"] .block-wrapper .librarywrap{left:-20px;transform:none;}
main .rightcontent [data-custom-block="video-block"].text-left-side .block-wrapper, main .rightcontent [data-custom-block="video-block"].text-right-side .block-wrapper{gap:40px;}
main .rightcontent [data-custom-block="video-block"] .video-container.fullwidth iframe{border-radius:20px;}

main .rightcontent [data-custom-block="projects-grid"] .projectlink .thumbnail{display:none;}
main .rightcontent [data-custom-block="projects-grid"] .projectlink{grid-template-columns:unset;padding:12px 20px;}
main .rightcontent [data-custom-block="full-image"] .fullimage{min-height:800px;border-radius:20px;}
main .rightcontent [data-custom-block="full-image"] .fullimage .imagewrap img{border-radius:20px;}
main .rightcontent [data-custom-block="full-image"] .fullimage::after{border-radius:0 0 20px 20px;}

.recentSplide .splide__arrow{background-color:var(--teal);opacity:1;width:50px;height:50px;top:20%;transform:none;}
.recentSplide .splide__arrow svg{fill:#ffffff;width:30px;height:30px;margin-top:10px;}
.recentSplide .splide__arrow--next{right:-1.5em;}
.recentSplide .splide__arrow--prev{left:-1.5em;}
.recentSplide .splide__arrow:disabled{opacity:0.3;display:block;}

.librarySplide .splide__arrow{background-color:var(--teal);opacity:1;width:50px;height:50px;}
.librarySplide .splide__arrow svg{fill:#ffffff;width:30px;height:30px;margin-top:10px;}
.librarySplide .splide__arrow--next{right:-1.5em;}
.librarySplide .splide__arrow--prev{left:-1.5em;}
.librarySplide .splide__arrow:disabled{opacity:0.3;display:block;}


@media (max-width:1600px)
{
    main .rightcontent [data-custom-block="learning-resources"] .blockwrap .sectionitem{padding:60px 30px;}
    main .rightcontent [data-custom-block="learning-resources"] .blockwrap .sectionitem.active{flex:2;}
    main .rightcontent [data-custom-block="learning-resources"] .sliderblock.columns{flex-direction:column;gap:0;}
    main .rightcontent [data-custom-block="learning-resources"] .sliderblock.columns .blockwrap.split2{width:100%;}
    main .rightcontent [data-custom-block="learning-resources"] .sliderblock.columns .text.half{width:100%;}
}

@media (max-width:1400px)
{
    main .rightcontent section[data-custom-block="video-block"]:not(.bg-none) .block-wrapper {grid-template-columns:1fr;gap:40px;}
    main .rightcontent section[data-custom-block="video-block"]:not(.bg-none) .text .wrapper {padding:0 20px 0 20px;}
    main .rightcontent section[data-custom-block="video-block"]:not(.bg-none).text-right-side .main .text .wrapper {padding:0;}
    main .rightcontent section[data-custom-block="video-block"]:not(.bg-none).text-left-side .main .text .wrapper {padding:0;}
    main .rightcontent section[data-custom-block="video-block"]:not(.bg-none).text-left-side .text {order:2;}
    main .rightcontent section[data-custom-block="video-block"]:not(.bg-none).text-left-side .media {order:1;}
    main .rightcontent section[data-custom-block="video-block"]:not(.bg-none).text-align-right .text .wrapper {text-align:left;}

    /* Alternative layout for News and Library */
    .headimage .headwrap{grid-template-columns:1fr 1.5fr;}
    .headimage .headwrap .right.image{height:100%;}
    .headimage .headwrap .right.image .topimage{height:100%;}
    .headimage .headwrap .right.image .topimage img{width:100%;height:100%;object-fit:cover;}

    main .rightcontent [data-core-block="text-and-media-v1"] .block-wrapper{grid-template-columns:unset;display:block;}
    main .rightcontent [data-core-block="text-and-media-v1"] .media{margin-bottom:40px;}
    main .rightcontent [data-core-block="text-and-media-v1"] .text .wrapper{padding:0;}

    main .rightcontent [data-custom-block="link-block"] .block-wrapper.grid ul.listItems{grid-template-columns:1fr;}

}

@media (max-width:1366px)
{
    main .rightcontent [data-custom-block="grid-block"] .block-wrapper{grid-template-columns:repeat(2, 1fr);}
    main .rightcontent [data-custom-block="projects-grid"] .gridwrapper{grid-template-columns:repeat(2, 1fr);height:auto;}
    main .rightcontent [data-custom-block="projects-grid"] .projectGrid .grid1{grid-column:unset;grid-row:unset;}
    main .rightcontent [data-custom-block="projects-grid"] .projectGrid .grid2{grid-column:unset;grid-row:unset;}
    main .rightcontent [data-custom-block="projects-grid"] .projectGrid .grid3{grid-column:unset;grid-row:unset;border-radius:20px;}
    main .rightcontent [data-custom-block="projects-grid"] .projectGrid .griditem a{width:100%;}
    main .rightcontent [data-custom-block="projects-grid"] .projectGrid .grid3 .projectlink{top:unset;bottom:20px;}

    main .rightcontent [data-custom-block="learning-resources"] .blockwrap{flex-direction:column;}
    main .rightcontent [data-custom-block="learning-resources"] .blockwrap .sectionitem{height:200px!important;flex:none;min-height:0;}
    main .rightcontent [data-custom-block="learning-resources"] .blockwrap .sectionitem .slidecontent{flex-direction:row;}

}

@media (max-width:1200px)
{
    /*.recent-list{grid-template-columns:repeat(2, minmax(0,1fr));}*/
    /* Alternative layout for News and Library */
    .headimage .headwrap{grid-template-columns:1fr 1fr;}
    /*.library-list{grid-template-columns:repeat(3, minmax(0, 1fr));}*/
    main .rightcontent [data-core-block="text-v1"] .boxed{width:100%;}
    main .rightcontent [data-custom-block="link-block"] .block-wrapper.grid{grid-template-columns:1fr;gap:40px;}
    main .rightcontent [data-custom-block="link-block"] .boxed{width:100%;padding:80px;}

}

@media (max-width:1080px)
{
    main .rightcontent [data-custom-block="projects-slider"] .container.main{border-radius:20px;}
    main .rightcontent [data-custom-block="projects-slider"] .title-block{padding:40px 150px 40px 60px;}
    main .rightcontent [data-custom-block="projects-slider"] .projectwrap{left:300px;}
    main .rightcontent [data-custom-block="full-image"] .fullimage{min-height:100vh;}
}

@media (max-width:960px)
{
    section.column-section .column-wrapper{display:block;grid-template-columns:unset;gap:20px;}
    .leftnavigation{margin-bottom:0;}
    .sharebuttons{margin-bottom:0;}
    main .rightcontent [data-core-block="text-and-media-v1"] .text .wrapper{max-width:none;}
    main .rightcontent [data-custom-block="library-block"] .block-wrapper .librarywrap{left:50%;transform:translateX(-50%);}
}

@media (max-width:900px)
{
    .topimage{height:400px;}
    .topimage img{width:100%;height:100%;object-fit:cover;}

    main .rightcontent section.bg-teal .block-wrapper, main .rightcontent section.bg-lightBlue .block-wrapper, main .rightcontent section.bg-orange .block-wrapper, main .rightcontent section.bg-blue .block-wrapper, main .rightcontent section.bg-darkBlue .block-wrapper, main .rightcontent section.bg-stone .block-wrapper{padding-left:60px!important;padding-right:60px!important;}

    /* Alternative layout for News and Library */
    .headimage .headwrap{grid-template-columns:unset;}
    .headimage .headwrap .left.text{order:2;}
    .headimage .headwrap .right.image{order:1;}
    .headimage .headwrap .right.image .topimage{height:400px;}
    .headimage .headwrap .left.text .heading{font-size:1.875rem;margin-bottom:20px;}
    .headimage .headwrap .left.text h2.heading{font-size:1.5rem;}
    .headimage .headwrap .left.text .text-content{font-size:1rem;}
    /*.library-list{grid-template-columns:repeat(2, minmax(0, 1fr));}*/

    main .rightcontent [data-core-block="text-v1"] .boxed{width:100vw;margin-left:calc(-50vw + 50%);}
    main .rightcontent [data-core-block="text-and-media-v1"] .container.full .media{width:100vw;margin-left:calc(-50vw + 50%);}
    main .rightcontent [data-core-block="text-and-media-v1"]:not(.bg-none){width:100vw;margin-left:calc(-50vw + 50%)!important;border-radius:0;}
    main .rightcontent [data-custom-block="projects-slider"] .container.main{border-radius:0;}
    main .rightcontent [data-custom-block="projects-slider"]{width:100vw;margin-left:calc(-50vw + 50%)!important;}
    main .rightcontent [data-custom-block="projects-slider"] .projectwrap{left:5%;width:90%}
    main .rightcontent [data-custom-block="projects-slider"] .title-block{padding:40px;}
    main .rightcontent [data-custom-block="link-block"]:not(.bg-none){width:100vw;margin-left:calc(-50vw + 50%)!important;border-radius:0;} 
    main .rightcontent [data-custom-block="link-block"] .boxed{width:100vw;margin-left:calc(-50vw + 50%);}
    main .rightcontent [data-custom-block="library-block"]:not(.bg-none){width:100vw;margin-left:calc(-50vw + 50%)!important;border-radius:0;}
    main .rightcontent [data-custom-block="library-block"]:not(.bg-none) .container.main{padding:0 20px;}
    main .rightcontent [data-custom-block="library-block"] .block-wrapper .librarywrap{left:50%;transform:unset;}
    main .rightcontent [data-custom-block="video-block"]:not(.bg-none){width:100vw;margin-left:calc(-50vw + 50%)!important;border-radius:0;}
    main .rightcontent [data-custom-block="video-block"] .video-container.fullwidth iframe{border-radius:0;}
    main .rightcontent [data-custom-block="video-block"] .fw{width:100vw;margin-left:calc(-50vw + 50%);}
    main .rightcontent [data-custom-block="full-image"]{width:100vw;margin-left:calc(-50vw + 50%)!important;}

    main .rightcontent [data-custom-block="full-image"] .fullimage{border-radius:0;}
    main .rightcontent [data-custom-block="full-image"] .fullimage .imagewrap img{border-radius:0;}
    main .rightcontent [data-custom-block="full-image"] .fullimage::after{border-radius:0;}

}

@media (max-width:800px)
{
    /* Alternative layout for News and Library */
    .headimage .sharebuttons{flex-direction:column;align-items:flex-start;gap:30px;}
    .headimage .sharebuttons .sharewrap{order:2;}
    .headimage .sharebuttons .authorwrap{order:1;margin-left:0;}

}

@media (max-width:720px)
{
    main .rightcontent [data-custom-block="grid-block"] .block-wrapper{display:block;}
    main .rightcontent [data-custom-block="projects-block"] .gridwrapper{display:block;height:auto;}
    .recentSplide .splide__arrow--next{right:-1em;}
    .recentSplide .splide__arrow--prev{left:-1em;}
    .librarySplide .splide__arrow--next{right:-1em;}
    .librarySplide .splide__arrow--prev{left:-1em;}
}

@media (max-width:560px)
{
     /*.recent-list{grid-template-columns:unset;}*/
     main .rightcontent section.bg-teal .block-wrapper, main .rightcontent section.bg-lightBlue .block-wrapper, main .rightcontent section.bg-orange .block-wrapper, main .rightcontent section.bg-blue .block-wrapper, main .rightcontent section.bg-darkBlue .block-wrapper, main .rightcontent section.bg-stone .block-wrapper{padding-left:30px!important;padding-right:30px!important;}

     /* Alternative layout for News and Library */
    /*.library-list{grid-template-columns:unset;}*/
}
