.elementor-1301 .elementor-element.elementor-element-3a58c538{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.91;--padding-top:60px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1301 .elementor-element.elementor-element-3a58c538::before, .elementor-1301 .elementor-element.elementor-element-3a58c538 > .elementor-background-video-container::before, .elementor-1301 .elementor-element.elementor-element-3a58c538 > .e-con-inner > .elementor-background-video-container::before, .elementor-1301 .elementor-element.elementor-element-3a58c538 > .elementor-background-slideshow::before, .elementor-1301 .elementor-element.elementor-element-3a58c538 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1301 .elementor-element.elementor-element-3a58c538 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F3F3F3;--background-overlay:'';}.elementor-1301 .elementor-element.elementor-element-35268aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:1%;--padding-right:1%;}.elementor-1301 .elementor-element.elementor-element-35268aa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-1301 .elementor-element.elementor-element-29241638{padding:20px 0px 0px 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-29241638 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:55px;font-weight:600;letter-spacing:0.5px;word-spacing:0px;color:#3C3C3C;}.elementor-1301 .elementor-element.elementor-element-66ce8ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-66ce8ac .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:1.2em;font-weight:500;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#3F3F3F;}.elementor-1301 .elementor-element.elementor-element-6a2b2f3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-1301 .elementor-element.elementor-element-6a2b2f3:not(.elementor-motion-effects-element-type-background), .elementor-1301 .elementor-element.elementor-element-6a2b2f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1301 .elementor-element.elementor-element-6a2b2f3.e-con{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1301 .elementor-element.elementor-element-ba41591{width:var( --container-widget-width, 55% );max-width:55%;background-color:#F3F3F300;margin:0vw 1vw calc(var(--kit-widget-spacing, 0px) + 0vw) 1vw;padding:20px 20px 20px 20px;--container-widget-width:55%;--container-widget-flex-grow:0;border-style:dashed;border-width:0px 2px 0px 0px;border-color:#C1C1C1;border-radius:0px 0px 0px 0px;font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1301 .elementor-element.elementor-element-136ce8c{--display:flex;}.elementor-1301 .elementor-element.elementor-element-a135729{--display:flex;}.elementor-1301 .elementor-element.elementor-element-9e9e4e2{--n-tabs-direction:column-reverse;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:var( --container-widget-width, 60% );max-width:60%;padding:5px 5px 10px 5px;--container-widget-width:60%;--container-widget-flex-grow:0;--n-tabs-gap:0px;--n-tabs-title-border-radius:99px 99px 99px 99px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:18px;--n-tabs-title-padding-bottom:9px;--n-tabs-title-padding-left:16px;--n-tabs-title-font-size:8px;--n-tabs-title-color:#969696;}.elementor-1301 .elementor-element.elementor-element-9e9e4e2 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#B8B8B8;}.elementor-1301 .elementor-element.elementor-element-9e9e4e2.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F3774885;}.elementor-1301 .elementor-element.elementor-element-9e9e4e2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:700;}.elementor-1301 .elementor-element.elementor-element-3e93e94{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 10px;--row-gap:0px;--column-gap:10px;--grid-auto-flow:row;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1301 .elementor-element.elementor-element-80e86c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-1301 .elementor-element.elementor-element-f048c59{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;--z-index:6;}.elementor-1301 .elementor-element.elementor-element-f048c59:not(.elementor-motion-effects-element-type-background), .elementor-1301 .elementor-element.elementor-element-f048c59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1301 .elementor-element.elementor-element-bfbd625{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-bfbd625 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-11ecf1ac{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-11ecf1ac .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1301 .elementor-element.elementor-element-63ca4f2{--divider-border-style:dashed;--divider-color:#C1C1C1;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-63ca4f2 .elementor-divider-separator{width:100%;}.elementor-1301 .elementor-element.elementor-element-63ca4f2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1301 .elementor-element.elementor-element-1eed488{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-1eed488 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-82813b2{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-82813b2 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-9e119c6{--divider-border-style:dashed;--divider-color:#C1C1C1;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-9e119c6 .elementor-divider-separator{width:100%;}.elementor-1301 .elementor-element.elementor-element-9e119c6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1301 .elementor-element.elementor-element-1546509{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-1546509 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-48512d1{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-48512d1 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1301 .elementor-element.elementor-element-7e516bc2{--grid-row-gap:35px;--grid-column-gap:35px;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1301 .elementor-element.elementor-element-7e516bc2:after{content:"0.66";}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__thumbnail__link{width:100%;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__meta-data span + span:before{content:"•";}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__card{background-color:#F0F0F0;border-width:1px;border-radius:10px;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__text{padding:0 15px;margin-top:20px;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__meta-data{padding:10px 15px;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__avatar{padding-right:15px;padding-left:15px;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__badge{right:0;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__card .elementor-post__badge{background-color:#F37748;margin:20px;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__title, .elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__title a{color:#180E0AE8;font-family:"Roboto Slab", Sans-serif;font-size:20px;font-weight:600;letter-spacing:0.5px;word-spacing:0px;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__excerpt p{color:#585858;font-family:"Lora", Sans-serif;font-size:16px;font-weight:400;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 a.elementor-post__read-more{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-pagination{text-align:center;font-family:"Roboto Slab", Sans-serif;font-size:25px;font-weight:700;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-pagination .page-numbers:not(.dots){color:#F3774885;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-pagination .page-numbers.current{color:#796A6A;}body:not(.rtl) .elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 15px/2 );}body:not(.rtl) .elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 15px/2 );}body.rtl .elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 15px/2 );}body.rtl .elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 15px/2 );}.elementor-1301 .elementor-element.elementor-element-19fa5270{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-19fa5270 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:1em;font-weight:600;font-style:italic;line-height:2px;letter-spacing:0px;word-spacing:0px;color:#4D4A4A;}.elementor-1301 .elementor-element.elementor-element-ed64abc{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;--z-index:6;}.elementor-1301 .elementor-element.elementor-element-ed64abc:not(.elementor-motion-effects-element-type-background), .elementor-1301 .elementor-element.elementor-element-ed64abc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1301 .elementor-element.elementor-element-017430f{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-017430f .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-d3e4e58{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-d3e4e58 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-3b4a1f4{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;--z-index:6;}.elementor-1301 .elementor-element.elementor-element-3b4a1f4:not(.elementor-motion-effects-element-type-background), .elementor-1301 .elementor-element.elementor-element-3b4a1f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1301 .elementor-element.elementor-element-3b4a1f4.e-con{--align-self:flex-start;}.elementor-1301 .elementor-element.elementor-element-35fdbfc{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-35fdbfc .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-f84c78e{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-f84c78e .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-fc5dbba{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1301 .elementor-element.elementor-element-7375aec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-7375aec .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-a72d07a{--display:flex;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;--z-index:6;}.elementor-1301 .elementor-element.elementor-element-a72d07a:not(.elementor-motion-effects-element-type-background), .elementor-1301 .elementor-element.elementor-element-a72d07a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1301 .elementor-element.elementor-element-a72d07a::before, .elementor-1301 .elementor-element.elementor-element-a72d07a > .elementor-background-video-container::before, .elementor-1301 .elementor-element.elementor-element-a72d07a > .e-con-inner > .elementor-background-video-container::before, .elementor-1301 .elementor-element.elementor-element-a72d07a > .elementor-background-slideshow::before, .elementor-1301 .elementor-element.elementor-element-a72d07a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1301 .elementor-element.elementor-element-a72d07a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1301 .elementor-element.elementor-element-4cf90bc{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-4cf90bc .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-3b838b6{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-3b838b6 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-5e3e5bb{background-color:#9F9F9F7D;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-1301 .elementor-element.elementor-element-987f6f0{--divider-border-style:dashed;--divider-color:#C1C1C1;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-987f6f0 .elementor-divider-separator{width:100%;}.elementor-1301 .elementor-element.elementor-element-987f6f0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1301 .elementor-element.elementor-element-c02edf1{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:30px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-c02edf1 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-e2dc281{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-e2dc281 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-116b071{background-color:#9F9F9F7D;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-1301 .elementor-element.elementor-element-1a67c97{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;--z-index:6;}.elementor-1301 .elementor-element.elementor-element-1a67c97:not(.elementor-motion-effects-element-type-background), .elementor-1301 .elementor-element.elementor-element-1a67c97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1301 .elementor-element.elementor-element-a53a7c2{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-a53a7c2 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-a5148dc{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-a5148dc .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-da60aa8{--divider-border-style:dashed;--divider-color:#C1C1C1;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-da60aa8 .elementor-divider-separator{width:100%;}.elementor-1301 .elementor-element.elementor-element-da60aa8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1301 .elementor-element.elementor-element-7da65fb{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-7da65fb .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-3466db5{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-3466db5 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-715c58e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-style:dashed;--border-style:dashed;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#C1C1C1;--border-color:#C1C1C1;--border-radius:10px 10px 10px 10px;--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-1301 .elementor-element.elementor-element-715c58e:not(.elementor-motion-effects-element-type-background), .elementor-1301 .elementor-element.elementor-element-715c58e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F2;}.elementor-1301 .elementor-element.elementor-element-715c58e.e-con{--align-self:center;}.elementor-1301 .elementor-element.elementor-element-ac55a16.elementor-element{--align-self:center;}.elementor-1301 .elementor-element.elementor-element-ac55a16{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DADADA;border-radius:10px 10px 10px 10px;}.elementor-1301 .elementor-element.elementor-element-ac55a16 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1301 .elementor-element.elementor-element-4cbd515{font-family:"Lora", Sans-serif;font-size:15px;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1301 .elementor-element.elementor-element-66db153d .elementor-button{background-color:#F37748;font-family:"Roboto Slab", Sans-serif;font-size:15px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);box-shadow:5px 7px 11px 0px rgba(0, 0, 0, 0.5019607843137255);transition-duration:0.7s;border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-1301 .elementor-element.elementor-element-66db153d .elementor-button:hover, .elementor-1301 .elementor-element.elementor-element-66db153d .elementor-button:focus{background-color:#F37748;}.elementor-1301 .elementor-element.elementor-element-66db153d{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;z-index:9;}.elementor-1301 .elementor-element.elementor-element-66db153d.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-1301 .elementor-element.elementor-element-66db153d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1301 .elementor-element.elementor-element-999eef6{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;--z-index:6;}.elementor-1301 .elementor-element.elementor-element-999eef6:not(.elementor-motion-effects-element-type-background), .elementor-1301 .elementor-element.elementor-element-999eef6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1301 .elementor-element.elementor-element-999eef6.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-1301 .elementor-element.elementor-element-2f98db5e{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;--dynamic-text-color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-2f98db5e .elementor-headline{text-align:start;font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;}.elementor-1301 .elementor-element.elementor-element-2f98db5e .elementor-headline-plain-text{color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-2f98db5e .elementor-headline-dynamic-text{font-family:"Roboto Slab", Sans-serif;font-weight:800;letter-spacing:0.5px;word-spacing:0px;}.elementor-1301 .elementor-element.elementor-element-42c655b5{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-42c655b5 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-widget-countdown .elementor-countdown-item{background-color:var( --e-global-color-primary );}.elementor-widget-countdown .elementor-countdown-digits{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-countdown .elementor-countdown-label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-countdown .elementor-countdown-expire--message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1301 .elementor-element.elementor-element-807b28f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1301 .elementor-element.elementor-element-807b28f.elementor-element{--align-self:center;}body:not(.rtl) .elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-item:not(:first-of-type){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-item:not(:last-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-item:not(:first-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-item:not(:last-of-type){margin-left:calc( 10px/2 );}.elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-item{padding:15px 15px 15px 15px;background-color:#F3774885;border-style:none;border-radius:10px 10px 10px 10px;box-shadow:6px 6px 10px 0px rgba(0,0,0,0.5);}.elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-digits{color:#000000;font-family:"Lora", Sans-serif;font-size:25px;font-weight:500;}.elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-label{color:#505050;font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;line-height:20px;}.elementor-1301 .elementor-element.elementor-element-a585dfb{--divider-border-style:dashed;--divider-color:#C1C1C1;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-a585dfb .elementor-divider-separator{width:100%;}.elementor-1301 .elementor-element.elementor-element-a585dfb .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1301 .elementor-element.elementor-element-be1487a{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-be1487a .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-d19e6c5{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-d19e6c5 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-5c9a0c1{background-color:#FAF7F2;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:29px 20px 10px 20px;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#DADADA;border-radius:10px 10px 10px 10px;}.elementor-1301 .elementor-element.elementor-element-1f82893{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-1f82893 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-69c18e9{--divider-border-style:dashed;--divider-color:#C1C1C1;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-69c18e9 .elementor-divider-separator{width:100%;}.elementor-1301 .elementor-element.elementor-element-69c18e9 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1301 .elementor-element.elementor-element-5648273{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-5648273 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-c8b36c7{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-c8b36c7 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-f020520{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;--z-index:6;}.elementor-1301 .elementor-element.elementor-element-f020520:not(.elementor-motion-effects-element-type-background), .elementor-1301 .elementor-element.elementor-element-f020520 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1301 .elementor-element.elementor-element-2efceac{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;}.elementor-1301 .elementor-element.elementor-element-2efceac .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:800;letter-spacing:0.5px;word-spacing:0px;color:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-4919b99{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-1301 .elementor-element.elementor-element-4919b99 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:15px;font-weight:600;font-style:italic;letter-spacing:-0.6px;word-spacing:0px;color:#5A5A5A;}.elementor-1301 .elementor-element.elementor-element-16154ce{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1301 .elementor-element.elementor-element-74177ed{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;background-color:#9F9F9F7D;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0.6vw 0vw 0vw 0vw;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-border-radius:10px 10px 0px 0px;--n-tabs-title-padding-top:1%;--n-tabs-title-padding-right:3%;--n-tabs-title-padding-bottom:1%;--n-tabs-title-padding-left:3%;--n-tabs-title-font-size:1vw;--n-tabs-title-color:#F5F5F5;--n-tabs-title-color-active:#F37748;--n-tabs-icon-size:25px;--n-tabs-icon-gap:0px;--n-tabs-icon-color:#FFFFFF;--n-tabs-icon-color-active:#F37748;}.elementor-1301 .elementor-element.elementor-element-74177ed > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#0C2C43;}.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F37748AB;border-style:solid;border-color:#6C6C6C52;}.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;box-shadow:-4px 5px 10px 0px rgba(0, 0, 0, 0.87);}.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#6C6C6C52;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Lora", Sans-serif;font-weight:700;line-height:9px;}.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ) :is( span, a, i ){-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-1301 .elementor-element.elementor-element-74177ed [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:none;}.elementor-1301 .elementor-element.elementor-element-158d01e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1301 .elementor-element.elementor-element-3e93e94{--grid-auto-flow:row;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1301 .elementor-element.elementor-element-715c58e{--grid-auto-flow:row;}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-countdown .elementor-countdown-digits{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-countdown .elementor-countdown-label{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-countdown .elementor-countdown-expire--message{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-1301 .elementor-element.elementor-element-3a58c538{--content-width:85%;}.elementor-1301 .elementor-element.elementor-element-35268aa{--width:73.024%;}.elementor-1301 .elementor-element.elementor-element-6a2b2f3{--width:100%;}.elementor-1301 .elementor-element.elementor-element-3e93e94{--width:100%;}.elementor-1301 .elementor-element.elementor-element-ed64abc{--content-width:100%;}.elementor-1301 .elementor-element.elementor-element-1a67c97{--content-width:100%;}.elementor-1301 .elementor-element.elementor-element-715c58e{--width:100%;}.elementor-1301 .elementor-element.elementor-element-999eef6{--content-width:100%;}.elementor-1301 .elementor-element.elementor-element-f020520{--content-width:100%;}.elementor-1301 .elementor-element.elementor-element-158d01e5{--width:66.6666%;}}@media(max-width:767px){.elementor-1301 .elementor-element.elementor-element-35268aa.e-con{--order:-99999 /* order start hack */;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-1301 .elementor-element.elementor-element-29241638{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 5px 0px 5px;}.elementor-1301 .elementor-element.elementor-element-29241638 .elementor-heading-title{font-size:3em;}.elementor-1301 .elementor-element.elementor-element-66ce8ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-66ce8ac .elementor-heading-title{font-size:22px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1301 .elementor-element.elementor-element-3e93e94{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1301 .elementor-element.elementor-element-bfbd625{text-align:center;}.elementor-1301 .elementor-element.elementor-element-bfbd625 .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-11ecf1ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-11ecf1ac .elementor-heading-title{font-size:22px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1301 .elementor-element.elementor-element-1eed488{text-align:center;}.elementor-1301 .elementor-element.elementor-element-1eed488 .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-82813b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-82813b2 .elementor-heading-title{font-size:22px;}.elementor-1301 .elementor-element.elementor-element-1546509{text-align:center;}.elementor-1301 .elementor-element.elementor-element-1546509 .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-48512d1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-48512d1 .elementor-heading-title{font-size:22px;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1301 .elementor-element.elementor-element-7e516bc2:after{content:"0.5";}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__thumbnail__link{width:100%;}.elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__title, .elementor-1301 .elementor-element.elementor-element-7e516bc2 .elementor-post__title a{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-19fa5270{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-19fa5270 .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-017430f{text-align:center;}.elementor-1301 .elementor-element.elementor-element-017430f .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-d3e4e58{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-d3e4e58 .elementor-heading-title{font-size:22px;}.elementor-1301 .elementor-element.elementor-element-3b4a1f4.e-con{--align-self:center;}.elementor-1301 .elementor-element.elementor-element-35fdbfc{text-align:center;}.elementor-1301 .elementor-element.elementor-element-35fdbfc .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-f84c78e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-f84c78e .elementor-heading-title{font-size:22px;}.elementor-1301 .elementor-element.elementor-element-7375aec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-7375aec .elementor-heading-title{font-size:22px;}.elementor-1301 .elementor-element.elementor-element-4cf90bc{text-align:center;}.elementor-1301 .elementor-element.elementor-element-4cf90bc .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-3b838b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-3b838b6 .elementor-heading-title{font-size:22px;}.elementor-1301 .elementor-element.elementor-element-c02edf1{text-align:center;}.elementor-1301 .elementor-element.elementor-element-c02edf1 .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-e2dc281{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-e2dc281 .elementor-heading-title{font-size:22px;}.elementor-1301 .elementor-element.elementor-element-a53a7c2{text-align:center;}.elementor-1301 .elementor-element.elementor-element-a53a7c2 .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-a5148dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-a5148dc .elementor-heading-title{font-size:22px;}.elementor-1301 .elementor-element.elementor-element-7da65fb{text-align:center;}.elementor-1301 .elementor-element.elementor-element-7da65fb .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-3466db5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-3466db5 .elementor-heading-title{font-size:22px;}.elementor-1301 .elementor-element.elementor-element-715c58e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1301 .elementor-element.elementor-element-4cbd515{text-align:center;}.elementor-1301 .elementor-element.elementor-element-66db153d .elementor-button{font-size:15px;}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-1301 .elementor-element.elementor-element-2f98db5e .elementor-headline{text-align:center;font-size:20px;}.elementor-1301 .elementor-element.elementor-element-42c655b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-42c655b5 .elementor-heading-title{font-size:22px;}.elementor-widget-countdown .elementor-countdown-digits{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-countdown .elementor-countdown-label{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-countdown .elementor-countdown-expire--message{font-size:var( --e-global-typography-text-font-size );}.elementor-1301 .elementor-element.elementor-element-807b28f{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1301 .elementor-element.elementor-element-807b28f.elementor-element{--align-self:center;}body:not(.rtl) .elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-item:not(:first-of-type){margin-left:calc( 5px/2 );}body:not(.rtl) .elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-item:not(:last-of-type){margin-right:calc( 5px/2 );}body.rtl .elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-item:not(:first-of-type){margin-right:calc( 5px/2 );}body.rtl .elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-item:not(:last-of-type){margin-left:calc( 5px/2 );}.elementor-1301 .elementor-element.elementor-element-807b28f .elementor-countdown-item{padding:10px 10px 10px 10px;}.elementor-1301 .elementor-element.elementor-element-be1487a{text-align:center;}.elementor-1301 .elementor-element.elementor-element-be1487a .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-d19e6c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-d19e6c5 .elementor-heading-title{font-size:22px;}.elementor-1301 .elementor-element.elementor-element-1f82893{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-1f82893 .elementor-heading-title{font-size:22px;}.elementor-1301 .elementor-element.elementor-element-5648273{text-align:center;}.elementor-1301 .elementor-element.elementor-element-5648273 .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-c8b36c7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-c8b36c7 .elementor-heading-title{font-size:22px;}.elementor-1301 .elementor-element.elementor-element-2efceac{text-align:center;}.elementor-1301 .elementor-element.elementor-element-2efceac .elementor-heading-title{font-size:20px;}.elementor-1301 .elementor-element.elementor-element-4919b99{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1301 .elementor-element.elementor-element-4919b99 .elementor-heading-title{font-size:22px;}}/* Start custom CSS for heading, class: .elementor-element-29241638 */.sophos-notes {
background: linear-gradient(90deg, #FF5757, #8C52FF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ba41591 *//*This is for the avatar image*/
/* =========================
Parent holder (centers .brp-welcome vertically within its container)
Wrap your block like:
========================= */
.brp-welcome-holder{
height: 100%; /* parent container must have a real height */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* optional: horizontal center */
padding: 16px; /* keeps it from touching edges */
}
/* =========================
Desktop (default)
========================= */
.brp-welcome{
display: flex;
align-items: center;
gap: 12px;
}
.brp-avatar{
width: 96px;
height: 150px;
flex: 0 0 96px;
border-radius: 10px;
background-image: url("http://philippinelawreviewers.com/wp-content/uploads/2026/03/original-4aba0544323a8476f0939dbb5111fe0d.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.brp-content{
flex: 1;
}
.brp-content ul{
margin: 8px 0 8px 18px;
}
.brp-content li{
margin: 4px 0;
}
/* =========================
Mobile responsiveness
Good practice: stack + center
========================= */
@media (max-width: 768px){
.brp-welcome-holder{
justify-content: flex-start; /* optional: start on mobile */
}
.brp-welcome{
flex-direction: column;
align-items: flex-start; /* or center if you prefer */
gap: 10px;
}
.brp-avatar{
width: 100%;
max-width: 420px; /* prevents it from getting too huge on tablets */
height: 160px; /* banner-style avatar on mobile */
flex: none;
}
.brp-content{
width: 100%;
}
.brp-content ul{
margin-left: 18px; /* keeps bullets readable on small screens */
}
}
/* Optional: extra-small phones */
@media (max-width: 480px){
.brp-avatar{
height: 140px;
border-radius: 12px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a135729 */.ctrkr-dot-tabs .cck-progress-pie-card {
display: flex;
align-items: center;
gap: 14px;
padding: 10px 16px;
border: 1px solid #e6e6e6;
border-radius: 12px;
background: url(http://philippinelawreviewers.com/wp-content/uploads/2026/03/small-art.png) right center / 30% auto no-repeat;
max-width: 420px;
box-shadow: 0px 1px 4px 0px;
}
/*for the last completed*/
.cck-progress-summary-card, .cck-last-completed-card, .cck-subject-progress-card {
position: relative;
background: none!important;
border: none!important;
box-shadow: none!important;
padding: 5px!important;
overflow: hidden;
padding:0px;
margin-top:-5px;
}
.cck-progress-summary-card::before, .cck-last-completed-card::before, .cck-subject-progress-card::before{
background:none;
}
.cck-progress-pie-card::before{
display:none
}
.cck-progress-summary-card::before, .cck-last-completed-card::before, .cck-subject-progress-card::before{
display:none;
}
.cck-progress-pie-card{
background-image:url(http://philippinelawreviewers.com/wp-content/uploads/2026/03/clipart-of-mountains-2.png)!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a135729 */.ctrkr-dot-tabs .cck-progress-pie-card {
display: flex;
align-items: center;
gap: 14px;
padding: 10px 16px;
border: 1px solid #e6e6e6;
border-radius: 12px;
background: url(http://philippinelawreviewers.com/wp-content/uploads/2026/03/small-art.png) right center / 30% auto no-repeat;
max-width: 420px;
box-shadow: 0px 1px 4px 0px;
}
/*for the last completed*/
.cck-progress-summary-card, .cck-last-completed-card, .cck-subject-progress-card {
position: relative;
background: none!important;
border: none!important;
box-shadow: none!important;
padding: 5px!important;
overflow: hidden;
padding:0px;
margin-top:-5px;
}
.cck-progress-summary-card::before, .cck-last-completed-card::before, .cck-subject-progress-card::before{
background:none;
}
.cck-progress-pie-card::before{
display:none
}
.cck-progress-summary-card::before, .cck-last-completed-card::before, .cck-subject-progress-card::before{
display:none;
}
.cck-progress-pie-card{
background-image:url(http://philippinelawreviewers.com/wp-content/uploads/2026/03/clipart-of-mountains-2.png)!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a135729 */.ctrkr-dot-tabs .cck-progress-pie-card {
display: flex;
align-items: center;
gap: 14px;
padding: 10px 16px;
border: 1px solid #e6e6e6;
border-radius: 12px;
background: url(http://philippinelawreviewers.com/wp-content/uploads/2026/03/small-art.png) right center / 30% auto no-repeat;
max-width: 420px;
box-shadow: 0px 1px 4px 0px;
}
/*for the last completed*/
.cck-progress-summary-card, .cck-last-completed-card, .cck-subject-progress-card {
position: relative;
background: none!important;
border: none!important;
box-shadow: none!important;
padding: 5px!important;
overflow: hidden;
padding:0px;
margin-top:-5px;
}
.cck-progress-summary-card::before, .cck-last-completed-card::before, .cck-subject-progress-card::before{
background:none;
}
.cck-progress-pie-card::before{
display:none
}
.cck-progress-summary-card::before, .cck-last-completed-card::before, .cck-subject-progress-card::before{
display:none;
}
.cck-progress-pie-card{
background-image:url(http://philippinelawreviewers.com/wp-content/uploads/2026/03/clipart-of-mountains-2.png)!important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-9e9e4e2 *//* =========================================================
Stack Course Progress + Last Completed (Option A)
Wrap HTML:
[ctrkr_progress_pie]
[ctrkr_last_completed]
========================================================= */
.ctrkr-dashboard-stack{
display: flex;
flex-direction: column;
gap: 12px; /* space between the two blocks */
}
.ctrkr-dashboard-stack > *{
width: 100%;
}
/* UX: prevent "Last completed" title from taking over the card */
.ctrkr-last-link{
display: -webkit-box;
-webkit-line-clamp: 3; /* show up to 3 lines */
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Standalone "Last completed" block */
.ctrkr-last-wrap{
display:flex;
flex-direction:column;
gap:4px;
}
.ctrkr-last-title{
font-weight:700;
font-size:.95em;
color:#111;
}
.ctrkr-last-link{
color:#111;
text-decoration:none;
font-weight:600;
}
.ctrkr-last-link:hover,
.ctrkr-last-link:focus{
text-decoration:underline;
}
.ctrkr-last-date{
font-size:.85em;
opacity:.75;
}
.ctrkr-last-date-missing{
opacity:.55;
}
.ctrkr-last-none{
opacity:.7;
}
/* =========================================================
Course Tracker – Rainbow Donut Progress (Widget style)
Shortcode: [ctrkr_progress_pie]
========================================================= */
.ctrkr-pie-card{
display:flex;
align-items:center;
gap:14px;
padding:14px 16px;
border:1px solid #e6e6e6;
border-radius:12px;
background:url("http://philippinelawreviewers.com/wp-content/uploads/2026/03/small-art.png") right center / 30% auto no-repeat;
max-width:420px;
box-shadow:0px 1px 4px 0px;
}
/* Donut base track */
.ctrkr-pie{
width:var(--ctrkr-size,90px);
height:var(--ctrkr-size,90px);
border-radius:50%;
position:relative;
background: conic-gradient(var(--ctrkr-track,#e9e9e9) 0 360deg);
}
/* Rainbow progress overlay, masked to the percentage */
.ctrkr-pie::before{
content:"";
position:absolute;
inset:0;
border-radius:50%;
background: conic-gradient(
from -90deg,
rgba(233,123,123,0.95),
rgba(233,176,123,0.95),
rgba(233,223,123,0.95),
rgba(134,224,163,0.95),
rgba(127,215,230,0.95),
rgba(138,167,234,0.95),
rgba(181,154,232,0.95),
rgba(232,143,201,0.95),
rgba(233,123,123,0.95)
);
-webkit-mask: conic-gradient(#000 0 calc(var(--ctrkr-p,0) * 1%), transparent 0);
mask: conic-gradient(#000 0 calc(var(--ctrkr-p,0) * 1%), transparent 0);
}
/* Donut hole */
.ctrkr-pie::after{
content:"";
position:absolute;
inset:var(--ctrkr-th,10px);
background:#fff; /* match your dashboard/card background */
border-radius:50%;
z-index:2;
}
/* Center text */
.ctrkr-pie-inner{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
z-index:3;
}
.ctrkr-pie-percent{
font-weight:800;
font-size:1.15em;
line-height:1;
color:#111;
}
/* Right-side text */
.ctrkr-pie-meta{
display:flex;
flex-direction:column;
gap:4px;
}
.ctrkr-pie-title{
font-weight:700;
font-size:.95em;
color:#111;
text-transform:uppercase;
letter-spacing:.02em;
}
.ctrkr-pie-sub{
font-size:.9em;
color:#444;
}
/* Main wrapper */
.ctrkr-dot-tabs .elementor-tabs-wrapper {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 14px;
border: none !important;
}
/* Individual tab buttons */
.ctrkr-dot-tabs .elementor-tab-title {
width: 8px;
height: 8px;
min-width: 8px;
min-height: 8px;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 999px;
background: rgba(255, 255, 255, 0.22);
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
box-shadow: none !important;
transition: transform 0.2s ease, background 0.2s ease, opacity 0.2s ease;
}
/* Hover */
.ctrkr-dot-tabs .elementor-tab-title:hover {
background: rgba(255, 255, 255, 0.42);
}
/* Active dot */
.ctrkr-dot-tabs .elementor-tab-title.elementor-active {
background: rgba(255, 255, 255, 0.75);
transform: scale(1.15);
}
/* Remove default borders/after effects Elementor may add */
.ctrkr-dot-tabs .elementor-tab-title::before,
.ctrkr-dot-tabs .elementor-tab-title::after,
.ctrkr-dot-tabs .elementor-tab-content::before,
.ctrkr-dot-tabs .elementor-tab-content::after {
display: none !important;
}
/* Remove wrapper border if present */
.ctrkr-dot-tabs .elementor-tabs-content-wrapper,
.ctrkr-dot-tabs .elementor-tab-mobile-title {
border: none !important;
}
/* Optional: make content area cleaner */
.ctrkr-dot-tabs .elementor-tab-content {
padding: 0 !important;
border: none !important;
}
/* Mobile: still clean */
@media (max-width: 480px){
.ctrkr-pie-card{
max-width:100%;
padding:12px 14px;
}
.ctrkr-pie{
width:72px;
height:72px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7cbb551 */.st-mini-bars{
display: flex;
gap: 10px;
align-items: flex-end;
min-height: 80px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e93e94 *//* =========================================================
1) Main ribbon card container
Targets: all 4 shortcode cards
- equal minimum height
- vertical centering
- soft shadow
========================================================= */
.st-ribbon{
border: 1px solid #e6e6e6;
border-radius: 12px;
background: #fff;
padding: 12px 14px;
max-width: 520px;
min-height: 92px;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
/* =========================================================
2) Top row inside each ribbon
Targets: label/value area + button area
========================================================= */
.st-ribbon-top{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
min-height: 66px;
}
/* =========================================================
3) Small heading text
Targets: ribbon headings
========================================================= */
.st-ribbon-label{
min-height: 16px;
display: block;
overflow: hidden;
font-size: 12px;
font-weight: 700;
opacity: 0.75;
letter-spacing: 0.3px;
}
/* =========================================================
4) Main value text
Targets: large number / subject / % comparison
========================================================= */
.st-ribbon-value{
min-height: 50px;
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
font-size: 26px;
font-weight: 900;
line-height: 1;
transition: filter 0.18s ease;
}
/* Blurred state for hidden comparison */
.st-ribbon-value.is-blurred{
filter: blur(5px);
user-select: none;
}
/* Small unit beside value, e.g. min/day */
.st-ribbon-unit{
font-size: 12px;
font-weight: 700;
opacity: 0.6;
margin-left: 6px;
}
/* =========================================================
5) Right-side button wrapper
Targets: container holding eye icon + dropdown icon
========================================================= */
.st-ribbon-actions{
display: flex;
align-items: center;
gap: 8px;
}
/* =========================================================
6) Shared button base style
Targets: dropdown button + unhide/hide button
========================================================= */
.st-ribbon-toggle,
.st-ribbon-unhide-top{
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #e0e0e0;
background: #f2f2f2;
border-radius: 5px;
cursor: pointer;
font-weight: 800;
line-height: 1;
color: #797979 !important;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
/* =========================================================
7) Dropdown button only
Targets: expand/collapse button
========================================================= */
.st-ribbon-toggle{
padding: 8px 12px;
min-width: 40px;
min-height: 36px;
font-size: 16px;
}
/* =========================================================
8) Unhide / Hide button only
Targets: eye icon button
========================================================= */
.st-ribbon-unhide-top{
padding: 6px 8px;
min-width: 20px;
min-height: 20px;
font-size: 10px;
}
/* =========================================================
9) Hover state for both buttons
Targets: dropdown + unhide/hide
========================================================= */
.st-ribbon-toggle:hover,
.st-ribbon-unhide-top:hover{
background: #F3774885;
border-color: #F3774885;
}
/* =========================================================
10) Active / focus state for both buttons
Targets: dropdown + unhide/hide
========================================================= */
.st-ribbon-toggle:active,
.st-ribbon-unhide-top:active,
.st-ribbon-toggle:focus,
.st-ribbon-unhide-top:focus{
background: #F37748;
border-color: #F37748;
color: #fff;
outline: none;
}
/* =========================================================
11) Eye icon image
Targets: image inside the unhide/hide button
========================================================= */
.st-ribbon-unhide-icon{
width: 20px;
height: 20px;
display: block;
object-fit: contain;
pointer-events: none;
filter: brightness(0.35);
}
/* =========================================================
12) Down arrow image
Targets: image inside the dropdown button
========================================================= */
.st-ribbon-toggle-icon{
width: 29px;
height: 29px;
display: block;
object-fit: contain;
pointer-events: none;
filter: brightness(0.35);
}
.st-ribbon-toggle {
padding:1px!important;
max-width: 20px!important;
max-height: 20px!important;
font-size: 30px!important;
}
.st-ribbon-value.is-blurred {
filter: blur(4px);
user-select: none;
}
/* =========================================================
Smaller main value text for:
- Last Subject Studied
- Across-board comparison
Targets only these two ribbon types
========================================================= */
.st-ribbon-last_subject .st-ribbon-value,
.st-ribbon-all_daily_avg_7d_compare .st-ribbon-value{
font-size: 21px;
}
.st-ribbon-last_subject .st-ribbon-unit,
.st-ribbon-all_daily_avg_7d_compare .st-ribbon-unit{
font-size: 10px;
}
/* Make the down arrow icon white on hover/active/focus */
.st-ribbon-toggle:hover .st-ribbon-toggle-icon,
.st-ribbon-toggle:active .st-ribbon-toggle-icon,
.st-ribbon-toggle:focus .st-ribbon-toggle-icon {
filter: brightness(0) invert(1);
}
/* Top row: align content from the top, not middle */
.st-ribbon-top{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
min-height: 66px;
}
/* Left text block: allow it to take remaining width */
.st-ribbon-top > div:first-child{
flex: 1 1 auto;
min-width: 0;
}
/* Right-side buttons: keep them aligned consistently at the top */
.st-ribbon-actions{
display: flex;
align-items: center;
gap: 8px;
flex: 0 0 auto;
align-self: flex-start;
margin-top: 2px;
}
.st-ribbon-toggle:active, .st-ribbon-unhide-top:active, .st-ribbon-toggle:focus, .st-ribbon-unhide-top:focus{
color:#fff!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-95bf07b */.plr-daily-random-post-card{
background:#d8cccc;
border:1px solid #8b8b8b;
border-radius:14px;
padding:22px 26px;
box-shadow:0 4px 14px rgba(0,0,0,.10);
}
.plr-drp-title{
margin:0 0 12px;
font-size:1.2rem;
line-height:1.3;
font-weight:700;
font-family: "Roboto Slab", Sans-serif;
color:#0c2c43;
}
.plr-drp-title a{
color:#111;
text-decoration:none;
}
.plr-drp-title a:hover{
text-decoration:underline;
}
.plr-drp-tags{
margin:0 0 14px;
line-height:1.7;
}
.plr-drp-tags a{
display:inline-block;
margin:0 8px 8px 0;
padding:4px 10px;
border:1px solid #555;
border-radius:999px;
font-size:.85rem;
text-decoration:none;
color:#222;
background:rgba(255,255,255,.35);
}
.plr-drp-excerpt{
margin-bottom:22px;
color:#222;
font-size:1rem;
line-height:1.7;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden;
}
.plr-drp-button-wrap{
margin-top:10px;
}
.plr-drp-button{
display:inline-block;
font-weight:700;
text-decoration:none;
color:#111;
border:2px solid #C1C1C1;
padding:10px;
border-radius:8px;
transition:.2s ease;
}
.plr-daily-random-post-card .plr-drp-button{
display:inline-block;
font-weight:600;
text-decoration:none;
color:#111;
border:2px solid #111;
padding:10px 16px;
border-radius:8px;
transition:.2s ease;
font-size:15px;
}
.plr-drp-button:hover{
background:#F3774885;
color:#222;
}
.plr-daily-random-post-card {
background: #F3774885;
border: 1px solid #8b8b8b;
border-radius: 14px;
padding: 22px 26px;
box-shadow: 0 4px 14px rgba(0, 0, 0, .10);
}
.plr-daily-random-post-card .plr-drp-button {
display: inline-block;
font-weight: 700;
text-decoration: none;
color: #0C2C43;
border: 2px solid #0C2C43;
padding: 8px 10px;
border-radius: 10px;
transition: .2s ease;
font-size: 12px;
}
#plr-todays-recommended-heading{
margin: 0 0 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: #0C2C43;
background: linear-gradient(
to right,
#fff 0%,
#fff 10%,
transparent 35%,
transparent 100%);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9b35ae */a.louis-tag-btn {
box-shadow: 1px 2px 5px -3px #919191;}
.louis-subject-dropdown {
background: #9f9f9f7d;
}
select#louis-subject-dropdown.louis-subject-dropdown{
background: #9f9f9f7d;
}
div#sap-dashboard-reminders.sap-card.sap-dashboard-reminders.sap-section-title/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f048c59 */.popular-tags-wrap{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.popular-tag-btn{
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border: 1px solid #d9d9d9;
border-radius: 999px;
background: #fff;
color: #222;
text-decoration: none;
font-size: 14px;
line-height: 1;
transition: all 0.2s ease;
}
.popular-tag-btn:hover{
transform: translateY(-1px);
border-color: #999;
}
.tag-count{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 999px;
background: #f1f1f1;
font-size: 12px;
font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d5470b */div.brp-bookmarks-manager-wrap {
border-radius: 10px !important;
overflow: auto;
scrollbar-gutter: stable;
}
.brp-bookmarks-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
.brp-bookmarks-table thead th:last-child {
border-right: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fc5dbba *//*****************************************************
* Highlite – Filter + Table Styling (Dashboard)
* Scope: #highlite-section-user-dashboard
*****************************************************/
/* =========================
FILTER BAR
========================= */
#highlite-section-user-dashboard .highlite-filter {
padding: 10px;
}
/* Dropdowns */
#highlite-section-user-dashboard select[name="highlite_sortby"],
#highlite-section-user-dashboard select[name="highlite_order"] {
width: 25%;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Search input */
#highlite-section-user-dashboard input[name="highlite_search"] {
width: 30%;
border: 1px dashed #d0d0d0;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Submit controls */
#highlite-section-user-dashboard button[type="submit"],
#highlite-section-user-dashboard input[type="submit"] {
margin: 0 5px;
padding: 12px 20px;
border: 0;
border-radius: 5px;
background: #f77748;
color: #fff;
font-family: 'Lora', serif;
cursor: pointer;
transition: filter 0.2s ease;
}
#highlite-section-user-dashboard button[type="submit"]:hover,
#highlite-section-user-dashboard input[type="submit"]:hover {
filter: brightness(0.95);
}
/* =========================
TABLE WRAPPER
Only scrolls if needed
========================= */
#highlite-section-user-dashboard .highlite-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable;
}
/* =========================
TABLE
Styled to visually match the bookmarks table family
without being an exact duplicate
========================= */
#highlite-section-user-dashboard table.highlite-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid #ead6cf;
border-radius: 10px;
overflow: hidden;
}
/* Header */
#highlite-section-user-dashboard table.highlite-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
#highlite-section-user-dashboard table.highlite-table thead th:last-child {
border-right: 0;
}
/* Body cells */
#highlite-section-user-dashboard table.highlite-table tbody td {
background: #fff;
color: var(--brp-bm-text);
font-size: 14px;
line-height: 1.55;
padding: 14px 12px;
vertical-align: middle;
border-top: 1px solid #eee8e3;
}
/* Subtle striping */
#highlite-section-user-dashboard table.highlite-table tbody tr:nth-child(even) td {
background: #fffaf8;
}
/* Hover */
#highlite-section-user-dashboard table.highlite-table tbody tr:hover td {
background: #fff3ee;
transition: background 0.2s ease;
}
/* Bottom outer corners */
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
/* =========================
LINKS
========================= */
#highlite-section-user-dashboard a,
#highlite-section-user-dashboard a:visited {
color: #000;
}
#highlite-section-user-dashboard table.highlite-table a:hover,
#highlite-section-user-dashboard table.highlite-table a:focus {
text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b4a1f4 *//* =========================================
BARRISTER REVIEW PORTAL – BOOKMARK RESKIN
V2 aligned to your actual design language
========================================= */
.brp-bookmark-shell{
--brp-bg: #f5f3f1;
--brp-card: #ffffff;
--brp-border: #d8d8d8;
--brp-shadow: 0 2px 10px -2px rgba(27, 27, 27, 0.18);
--brp-shadow-strong: -1px 0px 10px -2px rgba(27, 27, 27, 0.35);
--brp-heading: #0C2C43;
--brp-text: #425466;
--brp-muted: #5A5A5A;
--brp-accent: #F37748;
--brp-accent-dark: #e56b3c;
--brp-accent-soft: #fff1eb;
--brp-note-font: "Lora", serif;
--brp-head-font: "Roboto Slab", serif;
--brp-body-font: "Georgia", "Times New Roman", serif;
color: var(--brp-text);
}
/* Section titles */
.brp-section-title{
font-family: var(--brp-head-font);
font-size: 30px;
font-weight: 800;
letter-spacing: 0.5px;
color: var(--brp-heading);
line-height: 1.15;
margin: 0 0 12px 0;
}
/* Optional supporting note text */
.brp-section-note{
font-family: var(--brp-note-font);
font-size: 18px;
font-weight: 600;
font-style: italic;
letter-spacing: -0.6px;
color: var(--brp-muted);
margin: 0 0 16px 0;
}
/* Main plugin containers */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-category-manager{
width: 100%;
max-width: 100%;
color: var(--brp-text);
font-family: var(--brp-body-font);
}
/* Core card styling */
#cbxwpbookmark-front-bookmark-manager .v-card,
#cbxwpbookmark-front-category-manager .v-card{
background: var(--brp-card) !important;
border: 1px solid var(--brp-border) !important;
border-radius: 16px !important;
box-shadow: var(--brp-shadow) !important;
overflow: hidden;
}
/* Top content spacing */
#cbxwpbookmark-front-bookmark-manager .v-toolbar,
#cbxwpbookmark-front-category-manager .v-toolbar,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
background: transparent !important;
box-shadow: none !important;
border-bottom: none !important;
padding: 18px 18px 12px 18px !important;
}
/* Internal headings */
#cbxwpbookmark-front-bookmark-manager h1,
#cbxwpbookmark-front-bookmark-manager h2,
#cbxwpbookmark-front-bookmark-manager h3,
#cbxwpbookmark-front-category-manager h1,
#cbxwpbookmark-front-category-manager h2,
#cbxwpbookmark-front-category-manager h3{
font-family: var(--brp-head-font) !important;
color: var(--brp-heading) !important;
font-weight: 800 !important;
letter-spacing: 0.3px;
margin-bottom: 12px !important;
}
/* Body text */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-bookmark-manager p,
#cbxwpbookmark-front-bookmark-manager span,
#cbxwpbookmark-front-bookmark-manager div,
#cbxwpbookmark-front-category-manager,
#cbxwpbookmark-front-category-manager p,
#cbxwpbookmark-front-category-manager span,
#cbxwpbookmark-front-category-manager div{
color: var(--brp-text);
}
/* Buttons - base */
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 40px;
border-radius: 10px !important;
text-transform: none !important;
font-weight: 700 !important;
letter-spacing: 0.1px !important;
box-shadow: var(--brp-shadow-strong) !important;
border: 1px solid #797979 !important;
}
/* Standard buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn:not(.v-btn--icon),
#cbxwpbookmark-front-category-manager .v-btn:not(.v-btn--icon){
background: #ffffff !important;
color: var(--brp-heading) !important;
}
/* Strong CTA / add buttons / primary buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn.primary,
#cbxwpbookmark-front-bookmark-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.primary,
#cbxwpbookmark-front-category-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.success,
#cbxwpbookmark-front-bookmark-manager .v-btn.success{
background: var(--brp-accent) !important;
border: 1px solid var(--brp-accent) !important;
color: #fff !important;
}
/* Hover */
#cbxwpbookmark-front-bookmark-manager .v-btn:hover,
#cbxwpbookmark-front-category-manager .v-btn:hover{
transform: translateY(-1px);
filter: brightness(0.99);
}
/* Inputs */
#cbxwpbookmark-front-bookmark-manager .v-input__slot,
#cbxwpbookmark-front-category-manager .v-input__slot{
background: #fff !important;
border: 1px solid var(--brp-border) !important;
border-radius: 10px !important;
box-shadow: none !important;
min-height: 42px !important;
}
/* Input text */
#cbxwpbookmark-front-bookmark-manager input,
#cbxwpbookmark-front-category-manager input,
#cbxwpbookmark-front-bookmark-manager .v-label,
#cbxwpbookmark-front-category-manager .v-label{
color: var(--brp-text) !important;
}
/* Data table shell */
#cbxwpbookmark-front-bookmark-manager .v-data-table,
#cbxwpbookmark-front-category-manager .v-data-table{
border: 1px solid var(--brp-border);
border-radius: 14px;
overflow: hidden;
background: #fff;
box-shadow: none !important;
}
/* Table */
#cbxwpbookmark-front-bookmark-manager table,
#cbxwpbookmark-front-category-manager table{
width: 100% !important;
border-collapse: collapse !important;
background: #fff;
}
/* Table header */
#cbxwpbookmark-front-bookmark-manager thead th,
#cbxwpbookmark-front-category-manager thead th{
background: linear-gradient(90deg, #F37748 0%, #e56b3c 100%) !important;
color: #fff !important;
font-family: var(--brp-head-font) !important;
font-size: 14px;
font-weight: 700;
padding: 13px 12px !important;
border-right: 1px solid rgba(255,255,255,0.16) !important;
white-space: nowrap;
}
/* Table body */
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-category-manager td{
font-size: 14px;
line-height: 1.55;
color: var(--brp-text) !important;
padding: 14px 12px !important;
vertical-align: middle;
border-top: 1px solid #eee8e3 !important;
background: #fff !important;
}
/* Zebra softness */
#cbxwpbookmark-front-bookmark-manager tbody tr:nth-child(even) td,
#cbxwpbookmark-front-category-manager tbody tr:nth-child(even) td{
background: #fcfaf8 !important;
}
/* Title links */
#cbxwpbookmark-front-bookmark-manager a,
#cbxwpbookmark-front-category-manager a{
color: var(--brp-heading) !important;
text-decoration: none;
font-weight: 600;
}
#cbxwpbookmark-front-bookmark-manager a:hover,
#cbxwpbookmark-front-category-manager a:hover{
color: var(--brp-accent) !important;
text-decoration: underline;
}
/* Long titles wrap */
#cbxwpbookmark-front-bookmark-manager td:first-child{
white-space: normal !important;
word-break: break-word;
}
/* Action buttons: slightly accented */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn,
#cbxwpbookmark-front-category-manager td:last-child .v-btn{
background: #fff !important;
color: var(--brp-heading) !important;
border: 1px solid #b9b9b9 !important;
}
/* Optional: make delete buttons more orange if plugin has danger classes */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn.error,
#cbxwpbookmark-front-category-manager td:last-child .v-btn.error{
background: var(--brp-accent-soft) !important;
color: var(--brp-accent) !important;
border-color: rgba(243,119,72,0.35) !important;
}
/* Footer / pagination */
#cbxwpbookmark-front-bookmark-manager .v-data-footer,
#cbxwpbookmark-front-category-manager .v-data-footer{
background: transparent !important;
border-top: none !important;
padding: 14px 0 0 0 !important;
color: var(--brp-muted) !important;
font-family: var(--brp-body-font);
}
/* Toolbar layout */
#cbxwpbookmark-front-bookmark-manager .v-toolbar__content,
#cbxwpbookmark-front-category-manager .v-toolbar__content,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
/* Add some visual spacing between sections */
#cbxwpbookmark-front-bookmark-manager{
margin-bottom: 20px;
}
/* Helper labels / small notes inside plugin */
#cbxwpbookmark-front-bookmark-manager .text-caption,
#cbxwpbookmark-front-category-manager .text-caption,
#cbxwpbookmark-front-bookmark-manager .text--secondary,
#cbxwpbookmark-front-category-manager .text--secondary{
font-family: var(--brp-note-font) !important;
font-style: italic;
color: var(--brp-muted) !important;
}
/* Responsive */
@media (max-width: 1024px){
.brp-section-title{
font-size: 26px;
}
.brp-section-note{
font-size: 16px;
}
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-bookmark-manager th,
#cbxwpbookmark-front-category-manager td,
#cbxwpbookmark-front-category-manager th{
font-size: 13px;
padding: 10px 8px !important;
}
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 36px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5e3e5bb */.sap-timer-card {
background: #0C2C43;
}
.sap-timer-card__value{
color:white;
}
h3#sap-quiz-notes-title.sap-section-title{background: linear-gradient(
to bottom,
transparent 0%,
transparent 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 100%
);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66db153d *//* Softer / duller rainbow outline + glow */
#get-flowcharts-bar-chair-page{
border-radius: 10px;
position: default;
z-index: 3;
position:center;
}
/* Outline */
#get-flowcharts-bar-chair-page::before{
content: "";
position: absolute;
inset: -1px; /* outline thickness */
border-radius: inherit;
z-index: -1;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
opacity: 0.40; /* softer, but still visible */
}
/* Soft glow */
#get-flowcharts-bar-chair-page::after{
content: "";
position: absolute;
inset: -4px;
border-radius: inherit;
z-index: -2;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
filter: blur(0px);
opacity: 0.80; /* duller glow */
}
/* Keeps your actual element background clean */
#get-flowcharts-bar-chair-page{
background-clip: padding-box;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5c9a0c1 *//**
* Curriculum Checklist — Checklist styles
* File: cck-checklist.css
* Visual direction:
* - premium minimalist
* - off-white / ivory surfaces
* - deep navy text hierarchy
* - restrained rainbow accents
* - cleaner two-column node layout
*/
/* =========================
Shell / section wrappers
========================= */
.cck-checklist-shell{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
color: #17384D;
}
.cck-checklist-header{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.cck-checklist-header-main{
min-width: 0;
flex: 1 1 480px;
}
.cck-checklist-title-row{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.cck-checklist-title{
margin: 0;
font-size: 1.16rem;
line-height: 1.3;
font-weight: 800;
color: #0C2C43;
letter-spacing: -0.01em;
}
.cck-checklist-description{
margin: 7px 0 0;
font-size: 0.95rem;
line-height: 1.65;
color: rgba(12, 44, 67, 0.72);
}
.cck-checklist-header-meta{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.cck-checklist-meta-pill{
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 32px;
padding: 5px 11px;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 999px;
background: #F7F5EF;
font-size: 12px;
line-height: 1.4;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
}
.cck-checklist-meta-label{
color: rgba(12, 44, 67, 0.58);
font-weight: 600;
}
.cck-checklist-meta-value{
color: #0C2C43;
font-weight: 700;
}
.cck-section-subtitle{
font-size: 0.95rem;
font-weight: 800;
color: #0C2C43;
margin-bottom: 10px;
}
/* =========================
Tooltip
========================= */
.cck-checklist-tooltip-wrap{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: none;
}
.cck-checklist-tooltip-icon{
width: 18px;
height: 18px;
display: block;
object-fit: contain;
}
.cck-checklist-tooltip-fallback{
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 11px;
line-height: 1;
font-weight: 700;
color: #fff;
background: #0C2C43;
}
.cck-checklist-tooltip-content{
position: absolute;
z-index: 30;
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
width: min(320px, 78vw);
padding: 11px 13px;
border-radius: 14px;
border: 1px solid rgba(12, 44, 67, 0.10);
background: #FCFBF7;
box-shadow: 0 14px 32px rgba(12, 44, 67, 0.10);
color: #355166;
font-size: 12px;
line-height: 1.6;
opacity: 0;
visibility: hidden;
transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}
.cck-checklist-tooltip-wrap:hover .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus-within .cck-checklist-tooltip-content{
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* =========================
Guest / empty messages
========================= */
.cck-checklist-guest-message,
.cck-checklist-empty-tree,
.cck-inline-message{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #F8F6F1;
color: rgba(12, 44, 67, 0.78);
border-radius: 16px;
padding: 13px 15px;
font-size: 0.94rem;
line-height: 1.6;
}
.cck-inline-message.cck-error,
.cck-inline-message.cck-template-error{
background: #FDF2F4;
border-color: #F2C9CF;
color: #8D2C35;
}
/* =========================
Progress area
========================= */
.cck-checklist-progress-area{
display: grid;
grid-template-columns: minmax(260px, 380px) minmax(280px, 1fr);
gap: 16px;
align-items: start;
}
.cck-checklist-progress-pie-wrap,
.cck-checklist-progress-summary-wrap{
min-width: 0;
}
.cck-checklist-progress-summary-wrap{
display: flex;
flex-direction: column;
gap: 12px;
}
.cck-progress-summary-card,
.cck-last-completed-card,
.cck-subject-progress-card{
position: relative;
background: #FCFBF7;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 18px;
box-shadow: 0 8px 24px rgba(12, 44, 67, 0.05);
padding: 14px 16px;
overflow: hidden;
}
.cck-progress-summary-card::before,
.cck-last-completed-card::before,
.cck-subject-progress-card::before{
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 2px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.45),
rgba(233,176,123,0.45),
rgba(233,223,123,0.45),
rgba(134,224,163,0.45),
rgba(127,215,230,0.45),
rgba(138,167,234,0.45),
rgba(181,154,232,0.45),
rgba(232,143,201,0.45)
);
pointer-events: none;
}
.cck-progress-summary-top,
.cck-subject-progress-top{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.cck-progress-summary-title,
.cck-progress-summary-heading,
.cck-last-completed-title,
.cck-subject-progress-title{
font-weight: 800;
color: #0C2C43;
}
.cck-progress-summary-percent,
.cck-subject-progress-percent{
font-weight: 800;
color: #0C2C43;
white-space: nowrap;
font-size:1.2em;
}
.cck-progress-summary-bar,
.cck-subject-progress-bar,
.cck-node-subtree-progress{
position: relative;
width: 100%;
height: 10px;
border-radius: 999px;
background: #E9EEF2;
overflow: hidden;
margin-top: 12px;
}
.cck-progress-summary-fill,
.cck-subject-progress-fill,
.cck-node-subtree-progress-fill{
display: block;
height: 100%;
width: 0;
border-radius: inherit;
background: linear-gradient(
90deg,
rgba(233,123,123,0.88),
rgba(233,176,123,0.88),
rgba(233,223,123,0.88),
rgba(134,224,163,0.88),
rgba(127,215,230,0.88),
rgba(138,167,234,0.88),
rgba(181,154,232,0.88),
rgba(232,143,201,0.88)
);
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
font-size: 0.88rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.68);
}
.cck-progress-summary-stats{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 12px;
}
.cck-progress-stat{
min-width: 90px;
}
.cck-progress-stat-label{
display: block;
font-size: 0.74rem;
color: rgba(12, 44, 67, 0.58);
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.cck-progress-stat-value{
display: block;
font-size: 0.9rem;
font-weight: 700;
color: #0C2C43;
}
.cck-last-completed-body{
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.cck-last-completed-item{
font-size: 0.95rem;
font-weight: 700;
line-height: 1.55;
color: #0C2C43;
}
.cck-last-completed-subject,
.cck-last-completed-date{
font-size: 0.85rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.60);
}
.cck-subject-progress-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-subject-progress-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
}
.cck-subject-progress-right{
display: inline-flex;
align-items: center;
gap: 8px;
}
.cck-subject-progress-weight{
font-size: 0.82rem;
line-height: 1.3;
font-weight: 700;
color: rgba(12, 44, 67, 0.56);
}
/* =========================
Tree section
========================= */
.cck-checklist-tree-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-checklist-tree{
display: flex;
flex-direction: column;
gap: 10px;
}
/* =========================
Node card / row
Premium two-column structure
========================= */
.cck-checklist-node{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
transition: box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
box-shadow: 0 3px 10px rgba(12, 44, 67, 0.04);
}
.cck-checklist-node:hover{
border-color: rgba(12, 44, 67, 0.14);
box-shadow: 0 8px 22px rgba(12, 44, 67, 0.07);
}
.cck-node-is-inactive{
opacity: 0.72;
}
.cck-node-is-checkable.cck-node-is-checked{
background:
linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
linear-gradient(
90deg,
rgba(240,253,244,0.90),
rgba(252,251,247,1)
);
}
.cck-node-row{
width: 100%;
}
/* Main split: utility column + content column */
.cck-node-main{
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
align-items: start;
gap: 0;
padding: 0;
min-width: 0;
}
/* Left utility column */
.cck-node-toggle,
.cck-node-toggle-placeholder,
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
position: relative;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder,
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
display: flex;
align-items: flex-start;
justify-content: center;
min-height: 100%;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder{
padding-top: 16px;
}
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
padding-top: 16px;
}
.cck-node-toggle,
.cck-node-toggle-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
}
.cck-node-toggle{
appearance: none;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
border-radius: 8px;
}
.cck-node-toggle:hover{
background: rgba(12, 44, 67, 0.06);
}
.cck-node-toggle-icon{
position: absolute;
inset: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cck-node-toggle-icon::before{
content: "";
width: 8px;
height: 8px;
border-right: 2px solid #4A6478;
border-bottom: 2px solid #4A6478;
transform: rotate(45deg);
transition: transform 0.18s ease;
margin-top: -2px;
}
.cck-node-toggle[aria-expanded="false"] .cck-node-toggle-icon::before{
transform: rotate(-45deg);
margin-top: 0;
}
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
position: relative;
}
.cck-node-checkbox{
position: absolute;
inset: 0;
opacity: 0;
margin: 0;
cursor: pointer;
}
.cck-node-checkbox-ui{
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 7px;
border: 1.5px solid rgba(12, 44, 67, 0.18);
background: #FFFFFF;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.cck-node-checkbox:hover + .cck-node-checkbox-ui,
.cck-node-checkbox:focus + .cck-node-checkbox-ui{
border-color: #F37748;
box-shadow: 0 0 0 3px rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui{
border-color: #F37748;
background: rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui::after{
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #F37748;
border-bottom: 2px solid #F37748;
transform: rotate(-45deg);
margin-top: -1px;
}
.cck-node-checkbox:disabled + .cck-node-checkbox-ui{
opacity: 0.58;
cursor: not-allowed;
}
/* Right content column */
.cck-node-content{
min-width: 0;
flex: none;
padding: 14px 16px 14px 0;
position: relative;
}
.cck-node-content::before{
content: "";
position: absolute;
left: -14px;
top: 12px;
bottom: 12px;
width: 1px;
background: rgba(12, 44, 67, 0.06);
}
.cck-node-title-row{
display: flex;
align-items: flex-start;
gap: 8px;
flex-wrap: wrap;
min-width: 0;
}
.cck-node-title{
font-size: 0.95rem;
line-height: 1.6;
font-weight: 700;
color: #0C2C43;
min-width: 0;
word-break: break-word;
}
.cck-node-meta{
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
margin-top: 7px;
}
.cck-node-meta-item{
font-size: 0.78rem;
line-height: 1.45;
color: rgba(12, 44, 67, 0.58);
}
.cck-node-status-badge{
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 2px 8px;
border-radius: 999px;
font-size: 0.72rem;
line-height: 1.3;
font-weight: 700;
border: 1px solid transparent;
}
.cck-node-status-done{
color: #1E5A3A;
background: #EEF9F1;
border-color: #CDEDD6;
}
.cck-node-status-inactive{
color: #5A6F80;
background: #EEF3F7;
border-color: #D6E0E8;
}
/* Optional per-node progress */
.cck-node-subtree-progress{
margin-top: 10px;
}
/* =========================
Children / nesting
========================= */
.cck-node-children{
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 10px 10px 10px;
}
.cck-node-children[hidden]{
display: none !important;
}
.cck-node-depth-1{ margin-left: 12px; }
.cck-node-depth-2{ margin-left: 24px; }
.cck-node-depth-3{ margin-left: 36px; }
.cck-node-depth-4{ margin-left: 48px; }
.cck-node-depth-5{ margin-left: 60px; }
.cck-node-depth-6{ margin-left: 72px; }
/* =========================
Loading / pending state hooks
========================= */
.cck-checklist-shell.is-saving .cck-node-checkbox-ui,
.cck-checklist-node.is-saving .cck-node-checkbox-ui{
opacity: 0.72;
}
.cck-checklist-shell.is-loading{
pointer-events: none;
opacity: 0.88;
}
.cck-node-rail::before{
z-index: 1;
}
.cck-node-toggle-placeholder{
position: relative;
z-index: 0;
background: transparent;
}
.cck-node-checkbox-wrap{
position: relative;
z-index: 2;
}
/* =========================================
SUBJECT PROGRESS VIEWPORT
Applies to all subject progress sliders
========================================= */
.cck-subject-progress-viewport{
padding: 20px 5px;
border: 2px dashed #c1c1c1;
border-radius: 10px;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* keep the card centered inside each slide */
.cck-subject-progress-slide{
display: flex;
justify-content: center;
}
.cck-subject-progress-card{
width: 95%;
max-width: 100%;
}
/* =========================================
BUTTON HOVER / FOCUS
Your current .elementor-1301 .elementor-element.elementor-element-5c9a0c1 is too broad and has one broken piece:
".ast-custom-button:hover .button:hover"
========================================= */
button:focus,
button:hover,
.menu-toggle:hover,
.ast-button:hover,
.ast-custom-button:hover,
.button:hover,
input[type="reset"]:hover,
input[type="reset"]:focus,
input#submit:hover,
input#submit:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body .wp-block-file .wp-block-file__button:focus{
background-color: #f37748;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* =========================================
SUBJECT LEVEL ONLY
Keep the boxed look only for subject rows
========================================= */
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content{
min-width: 0;
width: 100%;
padding: 14px 16px 14px 0;
position: relative;
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
}
/* =========================================
TOPIC AND DOWNWARDS ONLY
This is the important fix:
do NOT target all .cck-checklist-node
========================================= */
.cck-checklist-node:not(.cck-node-level-subject){
border: none !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
transition: none !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
overflow: visible !important;
}
/* =========================================
TREE SECTION WRAPPER
This styles the whole checklist tree section only
========================================= */
.cck-checklist-tree-section{
padding: 15px;
border-radius: 10px;
border: 2px dashed #c1c1c1;
}
/* Topic level and below: faint horizontal row borders only */
.cck-node-level-topic > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-item > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subitem > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subsubdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail2 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail3 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail4 > .cck-node-row > .cck-node-main > .cck-node-content{
border-top: 1px dotted #c1c1c1 !important;
border-bottom: 1px dotted #c1c1c1 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content
{
border: none;
box-shadow: none;
}
/* =========================
Responsive
========================= */
@media (max-width: 920px){
.cck-checklist-progress-area{
grid-template-columns: 1fr;
}
}
@media (max-width: 640px){
.cck-checklist-header{
flex-direction: column;
align-items: stretch;
}
.cck-node-main{
grid-template-columns: 46px minmax(0, 1fr);
}
.cck-node-content{
padding: 12px 12px 12px 0;
}
.cck-node-content::before{
left: -10px;
}
.cck-node-depth-1{ margin-left: 8px; }
.cck-node-depth-2{ margin-left: 14px; }
.cck-node-depth-3{ margin-left: 20px; }
.cck-node-depth-4{ margin-left: 26px; }
.cck-node-depth-5{ margin-left: 32px; }
.cck-node-depth-6{ margin-left: 38px; }
.cck-subject-progress-list{
grid-template-columns: 1fr;
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
flex-direction: column;
align-items: flex-start;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d10370f */.plr-news-featured-kicker {
font-size:15px;
background: linear-gradient(
to right,
#F3774885 0%,
#F3774885 10%,
transparent 25%,
transparent 100%
);
padding: 0 .08em;
border-radius: .15em;
}
.plr-news-featured {
margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-16154ce */.sap-leaderboard-growth-card, #growth-snapshot-section{
border:none;
background: #9F9F9F7D;
}
.sap-card.sap-leaderboard-growth-card .sap-section-title {
color:#0c2c43;
font-size:25px;
}
.sap-leaderboard__header{
gap:0px;
}
.sap-distribution-bin__you {
font-size: 15px;
font-weight: 700;
margin-top:-5px;
}
.sap-leaderboard-table {
box-shadow: 1px 1px 5px 1px #c1c1c1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f020520 */#icon-leaderboards {
position: relative;
isolation: isolate;
overflow: visible !important;
}
/* NORMAL STATE: animated full border */
#icon-leaderboards:not([aria-selected="true"])::before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 2.5px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBorderTravel 8s linear infinite,
leaderboardBorderPulse 8s ease-in-out infinite;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}
/* ACTIVE STATE: remove full border */
#icon-leaderboards[aria-selected="true"]::before {
content: none;
}
/* ACTIVE STATE: animated centered bottom border only */
#icon-leaderboards[aria-selected="true"]::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 70%;
height: 3px;
transform: translateX(-50%) scaleX(0);
transform-origin: center center;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBottomReveal 0.7s ease-out forwards,
leaderboardBottomTravel 8s linear infinite 0.7s,
leaderboardBottomPulse 8s ease-in-out infinite 0.7s;
pointer-events: none;
z-index: 3;
}
/* Optional: keep icon white */
#icon-leaderboards .e-n-tab-icon svg {
fill: #ffffff !important;
}
/* Full border gradient movement */
@keyframes leaderboardBorderTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Full border pulsing */
@keyframes leaderboardBorderPulse {
0%, 100% {
opacity: 1;
filter: drop-shadow(0 0 3px rgba(233,123,123,0.22))
drop-shadow(0 0 6px rgba(127,215,230,0.18));
}
50% {
opacity: 1;
filter: drop-shadow(0 0 5px rgba(233,123,123,0.32))
drop-shadow(0 0 10px rgba(127,215,230,0.26));
}
}
/* Bottom border reveal from left to right */
@keyframes leaderboardBottomReveal {
0% {
transform: scaleX(0);
opacity: 0.2;
}
100% {
transform: scaleX(1);
opacity: 1;
}
}
/* Bottom border gradient movement */
@keyframes leaderboardBottomTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Bottom border pulsing */
@keyframes leaderboardBottomReveal {
0% {
transform: translateX(-50%) scaleX(0);
opacity: 0.2;
}
100% {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
}
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg,
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg path {
fill: #f37748 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-95bf07b */.plr-daily-random-post-card{
background:#d8cccc;
border:1px solid #8b8b8b;
border-radius:14px;
padding:22px 26px;
box-shadow:0 4px 14px rgba(0,0,0,.10);
}
.plr-drp-title{
margin:0 0 12px;
font-size:1.2rem;
line-height:1.3;
font-weight:700;
font-family: "Roboto Slab", Sans-serif;
color:#0c2c43;
}
.plr-drp-title a{
color:#111;
text-decoration:none;
}
.plr-drp-title a:hover{
text-decoration:underline;
}
.plr-drp-tags{
margin:0 0 14px;
line-height:1.7;
}
.plr-drp-tags a{
display:inline-block;
margin:0 8px 8px 0;
padding:4px 10px;
border:1px solid #555;
border-radius:999px;
font-size:.85rem;
text-decoration:none;
color:#222;
background:rgba(255,255,255,.35);
}
.plr-drp-excerpt{
margin-bottom:22px;
color:#222;
font-size:1rem;
line-height:1.7;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden;
}
.plr-drp-button-wrap{
margin-top:10px;
}
.plr-drp-button{
display:inline-block;
font-weight:700;
text-decoration:none;
color:#111;
border:2px solid #C1C1C1;
padding:10px;
border-radius:8px;
transition:.2s ease;
}
.plr-daily-random-post-card .plr-drp-button{
display:inline-block;
font-weight:600;
text-decoration:none;
color:#111;
border:2px solid #111;
padding:10px 16px;
border-radius:8px;
transition:.2s ease;
font-size:15px;
}
.plr-drp-button:hover{
background:#F3774885;
color:#222;
}
.plr-daily-random-post-card {
background: #F3774885;
border: 1px solid #8b8b8b;
border-radius: 14px;
padding: 22px 26px;
box-shadow: 0 4px 14px rgba(0, 0, 0, .10);
}
.plr-daily-random-post-card .plr-drp-button {
display: inline-block;
font-weight: 700;
text-decoration: none;
color: #0C2C43;
border: 2px solid #0C2C43;
padding: 8px 10px;
border-radius: 10px;
transition: .2s ease;
font-size: 12px;
}
#plr-todays-recommended-heading{
margin: 0 0 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: #0C2C43;
background: linear-gradient(
to right,
#fff 0%,
#fff 10%,
transparent 35%,
transparent 100%);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9b35ae */a.louis-tag-btn {
box-shadow: 1px 2px 5px -3px #919191;}
.louis-subject-dropdown {
background: #9f9f9f7d;
}
select#louis-subject-dropdown.louis-subject-dropdown{
background: #9f9f9f7d;
}
div#sap-dashboard-reminders.sap-card.sap-dashboard-reminders.sap-section-title/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f048c59 */.popular-tags-wrap{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.popular-tag-btn{
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border: 1px solid #d9d9d9;
border-radius: 999px;
background: #fff;
color: #222;
text-decoration: none;
font-size: 14px;
line-height: 1;
transition: all 0.2s ease;
}
.popular-tag-btn:hover{
transform: translateY(-1px);
border-color: #999;
}
.tag-count{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 999px;
background: #f1f1f1;
font-size: 12px;
font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d5470b */div.brp-bookmarks-manager-wrap {
border-radius: 10px !important;
overflow: auto;
scrollbar-gutter: stable;
}
.brp-bookmarks-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
.brp-bookmarks-table thead th:last-child {
border-right: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fc5dbba *//*****************************************************
* Highlite – Filter + Table Styling (Dashboard)
* Scope: #highlite-section-user-dashboard
*****************************************************/
/* =========================
FILTER BAR
========================= */
#highlite-section-user-dashboard .highlite-filter {
padding: 10px;
}
/* Dropdowns */
#highlite-section-user-dashboard select[name="highlite_sortby"],
#highlite-section-user-dashboard select[name="highlite_order"] {
width: 25%;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Search input */
#highlite-section-user-dashboard input[name="highlite_search"] {
width: 30%;
border: 1px dashed #d0d0d0;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Submit controls */
#highlite-section-user-dashboard button[type="submit"],
#highlite-section-user-dashboard input[type="submit"] {
margin: 0 5px;
padding: 12px 20px;
border: 0;
border-radius: 5px;
background: #f77748;
color: #fff;
font-family: 'Lora', serif;
cursor: pointer;
transition: filter 0.2s ease;
}
#highlite-section-user-dashboard button[type="submit"]:hover,
#highlite-section-user-dashboard input[type="submit"]:hover {
filter: brightness(0.95);
}
/* =========================
TABLE WRAPPER
Only scrolls if needed
========================= */
#highlite-section-user-dashboard .highlite-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable;
}
/* =========================
TABLE
Styled to visually match the bookmarks table family
without being an exact duplicate
========================= */
#highlite-section-user-dashboard table.highlite-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid #ead6cf;
border-radius: 10px;
overflow: hidden;
}
/* Header */
#highlite-section-user-dashboard table.highlite-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
#highlite-section-user-dashboard table.highlite-table thead th:last-child {
border-right: 0;
}
/* Body cells */
#highlite-section-user-dashboard table.highlite-table tbody td {
background: #fff;
color: var(--brp-bm-text);
font-size: 14px;
line-height: 1.55;
padding: 14px 12px;
vertical-align: middle;
border-top: 1px solid #eee8e3;
}
/* Subtle striping */
#highlite-section-user-dashboard table.highlite-table tbody tr:nth-child(even) td {
background: #fffaf8;
}
/* Hover */
#highlite-section-user-dashboard table.highlite-table tbody tr:hover td {
background: #fff3ee;
transition: background 0.2s ease;
}
/* Bottom outer corners */
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
/* =========================
LINKS
========================= */
#highlite-section-user-dashboard a,
#highlite-section-user-dashboard a:visited {
color: #000;
}
#highlite-section-user-dashboard table.highlite-table a:hover,
#highlite-section-user-dashboard table.highlite-table a:focus {
text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b4a1f4 *//* =========================================
BARRISTER REVIEW PORTAL – BOOKMARK RESKIN
V2 aligned to your actual design language
========================================= */
.brp-bookmark-shell{
--brp-bg: #f5f3f1;
--brp-card: #ffffff;
--brp-border: #d8d8d8;
--brp-shadow: 0 2px 10px -2px rgba(27, 27, 27, 0.18);
--brp-shadow-strong: -1px 0px 10px -2px rgba(27, 27, 27, 0.35);
--brp-heading: #0C2C43;
--brp-text: #425466;
--brp-muted: #5A5A5A;
--brp-accent: #F37748;
--brp-accent-dark: #e56b3c;
--brp-accent-soft: #fff1eb;
--brp-note-font: "Lora", serif;
--brp-head-font: "Roboto Slab", serif;
--brp-body-font: "Georgia", "Times New Roman", serif;
color: var(--brp-text);
}
/* Section titles */
.brp-section-title{
font-family: var(--brp-head-font);
font-size: 30px;
font-weight: 800;
letter-spacing: 0.5px;
color: var(--brp-heading);
line-height: 1.15;
margin: 0 0 12px 0;
}
/* Optional supporting note text */
.brp-section-note{
font-family: var(--brp-note-font);
font-size: 18px;
font-weight: 600;
font-style: italic;
letter-spacing: -0.6px;
color: var(--brp-muted);
margin: 0 0 16px 0;
}
/* Main plugin containers */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-category-manager{
width: 100%;
max-width: 100%;
color: var(--brp-text);
font-family: var(--brp-body-font);
}
/* Core card styling */
#cbxwpbookmark-front-bookmark-manager .v-card,
#cbxwpbookmark-front-category-manager .v-card{
background: var(--brp-card) !important;
border: 1px solid var(--brp-border) !important;
border-radius: 16px !important;
box-shadow: var(--brp-shadow) !important;
overflow: hidden;
}
/* Top content spacing */
#cbxwpbookmark-front-bookmark-manager .v-toolbar,
#cbxwpbookmark-front-category-manager .v-toolbar,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
background: transparent !important;
box-shadow: none !important;
border-bottom: none !important;
padding: 18px 18px 12px 18px !important;
}
/* Internal headings */
#cbxwpbookmark-front-bookmark-manager h1,
#cbxwpbookmark-front-bookmark-manager h2,
#cbxwpbookmark-front-bookmark-manager h3,
#cbxwpbookmark-front-category-manager h1,
#cbxwpbookmark-front-category-manager h2,
#cbxwpbookmark-front-category-manager h3{
font-family: var(--brp-head-font) !important;
color: var(--brp-heading) !important;
font-weight: 800 !important;
letter-spacing: 0.3px;
margin-bottom: 12px !important;
}
/* Body text */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-bookmark-manager p,
#cbxwpbookmark-front-bookmark-manager span,
#cbxwpbookmark-front-bookmark-manager div,
#cbxwpbookmark-front-category-manager,
#cbxwpbookmark-front-category-manager p,
#cbxwpbookmark-front-category-manager span,
#cbxwpbookmark-front-category-manager div{
color: var(--brp-text);
}
/* Buttons - base */
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 40px;
border-radius: 10px !important;
text-transform: none !important;
font-weight: 700 !important;
letter-spacing: 0.1px !important;
box-shadow: var(--brp-shadow-strong) !important;
border: 1px solid #797979 !important;
}
/* Standard buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn:not(.v-btn--icon),
#cbxwpbookmark-front-category-manager .v-btn:not(.v-btn--icon){
background: #ffffff !important;
color: var(--brp-heading) !important;
}
/* Strong CTA / add buttons / primary buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn.primary,
#cbxwpbookmark-front-bookmark-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.primary,
#cbxwpbookmark-front-category-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.success,
#cbxwpbookmark-front-bookmark-manager .v-btn.success{
background: var(--brp-accent) !important;
border: 1px solid var(--brp-accent) !important;
color: #fff !important;
}
/* Hover */
#cbxwpbookmark-front-bookmark-manager .v-btn:hover,
#cbxwpbookmark-front-category-manager .v-btn:hover{
transform: translateY(-1px);
filter: brightness(0.99);
}
/* Inputs */
#cbxwpbookmark-front-bookmark-manager .v-input__slot,
#cbxwpbookmark-front-category-manager .v-input__slot{
background: #fff !important;
border: 1px solid var(--brp-border) !important;
border-radius: 10px !important;
box-shadow: none !important;
min-height: 42px !important;
}
/* Input text */
#cbxwpbookmark-front-bookmark-manager input,
#cbxwpbookmark-front-category-manager input,
#cbxwpbookmark-front-bookmark-manager .v-label,
#cbxwpbookmark-front-category-manager .v-label{
color: var(--brp-text) !important;
}
/* Data table shell */
#cbxwpbookmark-front-bookmark-manager .v-data-table,
#cbxwpbookmark-front-category-manager .v-data-table{
border: 1px solid var(--brp-border);
border-radius: 14px;
overflow: hidden;
background: #fff;
box-shadow: none !important;
}
/* Table */
#cbxwpbookmark-front-bookmark-manager table,
#cbxwpbookmark-front-category-manager table{
width: 100% !important;
border-collapse: collapse !important;
background: #fff;
}
/* Table header */
#cbxwpbookmark-front-bookmark-manager thead th,
#cbxwpbookmark-front-category-manager thead th{
background: linear-gradient(90deg, #F37748 0%, #e56b3c 100%) !important;
color: #fff !important;
font-family: var(--brp-head-font) !important;
font-size: 14px;
font-weight: 700;
padding: 13px 12px !important;
border-right: 1px solid rgba(255,255,255,0.16) !important;
white-space: nowrap;
}
/* Table body */
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-category-manager td{
font-size: 14px;
line-height: 1.55;
color: var(--brp-text) !important;
padding: 14px 12px !important;
vertical-align: middle;
border-top: 1px solid #eee8e3 !important;
background: #fff !important;
}
/* Zebra softness */
#cbxwpbookmark-front-bookmark-manager tbody tr:nth-child(even) td,
#cbxwpbookmark-front-category-manager tbody tr:nth-child(even) td{
background: #fcfaf8 !important;
}
/* Title links */
#cbxwpbookmark-front-bookmark-manager a,
#cbxwpbookmark-front-category-manager a{
color: var(--brp-heading) !important;
text-decoration: none;
font-weight: 600;
}
#cbxwpbookmark-front-bookmark-manager a:hover,
#cbxwpbookmark-front-category-manager a:hover{
color: var(--brp-accent) !important;
text-decoration: underline;
}
/* Long titles wrap */
#cbxwpbookmark-front-bookmark-manager td:first-child{
white-space: normal !important;
word-break: break-word;
}
/* Action buttons: slightly accented */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn,
#cbxwpbookmark-front-category-manager td:last-child .v-btn{
background: #fff !important;
color: var(--brp-heading) !important;
border: 1px solid #b9b9b9 !important;
}
/* Optional: make delete buttons more orange if plugin has danger classes */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn.error,
#cbxwpbookmark-front-category-manager td:last-child .v-btn.error{
background: var(--brp-accent-soft) !important;
color: var(--brp-accent) !important;
border-color: rgba(243,119,72,0.35) !important;
}
/* Footer / pagination */
#cbxwpbookmark-front-bookmark-manager .v-data-footer,
#cbxwpbookmark-front-category-manager .v-data-footer{
background: transparent !important;
border-top: none !important;
padding: 14px 0 0 0 !important;
color: var(--brp-muted) !important;
font-family: var(--brp-body-font);
}
/* Toolbar layout */
#cbxwpbookmark-front-bookmark-manager .v-toolbar__content,
#cbxwpbookmark-front-category-manager .v-toolbar__content,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
/* Add some visual spacing between sections */
#cbxwpbookmark-front-bookmark-manager{
margin-bottom: 20px;
}
/* Helper labels / small notes inside plugin */
#cbxwpbookmark-front-bookmark-manager .text-caption,
#cbxwpbookmark-front-category-manager .text-caption,
#cbxwpbookmark-front-bookmark-manager .text--secondary,
#cbxwpbookmark-front-category-manager .text--secondary{
font-family: var(--brp-note-font) !important;
font-style: italic;
color: var(--brp-muted) !important;
}
/* Responsive */
@media (max-width: 1024px){
.brp-section-title{
font-size: 26px;
}
.brp-section-note{
font-size: 16px;
}
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-bookmark-manager th,
#cbxwpbookmark-front-category-manager td,
#cbxwpbookmark-front-category-manager th{
font-size: 13px;
padding: 10px 8px !important;
}
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 36px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5e3e5bb */.sap-timer-card {
background: #0C2C43;
}
.sap-timer-card__value{
color:white;
}
h3#sap-quiz-notes-title.sap-section-title{background: linear-gradient(
to bottom,
transparent 0%,
transparent 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 100%
);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66db153d *//* Softer / duller rainbow outline + glow */
#get-flowcharts-bar-chair-page{
border-radius: 10px;
position: default;
z-index: 3;
position:center;
}
/* Outline */
#get-flowcharts-bar-chair-page::before{
content: "";
position: absolute;
inset: -1px; /* outline thickness */
border-radius: inherit;
z-index: -1;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
opacity: 0.40; /* softer, but still visible */
}
/* Soft glow */
#get-flowcharts-bar-chair-page::after{
content: "";
position: absolute;
inset: -4px;
border-radius: inherit;
z-index: -2;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
filter: blur(0px);
opacity: 0.80; /* duller glow */
}
/* Keeps your actual element background clean */
#get-flowcharts-bar-chair-page{
background-clip: padding-box;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5c9a0c1 *//**
* Curriculum Checklist — Checklist styles
* File: cck-checklist.css
* Visual direction:
* - premium minimalist
* - off-white / ivory surfaces
* - deep navy text hierarchy
* - restrained rainbow accents
* - cleaner two-column node layout
*/
/* =========================
Shell / section wrappers
========================= */
.cck-checklist-shell{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
color: #17384D;
}
.cck-checklist-header{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.cck-checklist-header-main{
min-width: 0;
flex: 1 1 480px;
}
.cck-checklist-title-row{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.cck-checklist-title{
margin: 0;
font-size: 1.16rem;
line-height: 1.3;
font-weight: 800;
color: #0C2C43;
letter-spacing: -0.01em;
}
.cck-checklist-description{
margin: 7px 0 0;
font-size: 0.95rem;
line-height: 1.65;
color: rgba(12, 44, 67, 0.72);
}
.cck-checklist-header-meta{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.cck-checklist-meta-pill{
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 32px;
padding: 5px 11px;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 999px;
background: #F7F5EF;
font-size: 12px;
line-height: 1.4;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
}
.cck-checklist-meta-label{
color: rgba(12, 44, 67, 0.58);
font-weight: 600;
}
.cck-checklist-meta-value{
color: #0C2C43;
font-weight: 700;
}
.cck-section-subtitle{
font-size: 0.95rem;
font-weight: 800;
color: #0C2C43;
margin-bottom: 10px;
}
/* =========================
Tooltip
========================= */
.cck-checklist-tooltip-wrap{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: none;
}
.cck-checklist-tooltip-icon{
width: 18px;
height: 18px;
display: block;
object-fit: contain;
}
.cck-checklist-tooltip-fallback{
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 11px;
line-height: 1;
font-weight: 700;
color: #fff;
background: #0C2C43;
}
.cck-checklist-tooltip-content{
position: absolute;
z-index: 30;
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
width: min(320px, 78vw);
padding: 11px 13px;
border-radius: 14px;
border: 1px solid rgba(12, 44, 67, 0.10);
background: #FCFBF7;
box-shadow: 0 14px 32px rgba(12, 44, 67, 0.10);
color: #355166;
font-size: 12px;
line-height: 1.6;
opacity: 0;
visibility: hidden;
transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}
.cck-checklist-tooltip-wrap:hover .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus-within .cck-checklist-tooltip-content{
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* =========================
Guest / empty messages
========================= */
.cck-checklist-guest-message,
.cck-checklist-empty-tree,
.cck-inline-message{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #F8F6F1;
color: rgba(12, 44, 67, 0.78);
border-radius: 16px;
padding: 13px 15px;
font-size: 0.94rem;
line-height: 1.6;
}
.cck-inline-message.cck-error,
.cck-inline-message.cck-template-error{
background: #FDF2F4;
border-color: #F2C9CF;
color: #8D2C35;
}
/* =========================
Progress area
========================= */
.cck-checklist-progress-area{
display: grid;
grid-template-columns: minmax(260px, 380px) minmax(280px, 1fr);
gap: 16px;
align-items: start;
}
.cck-checklist-progress-pie-wrap,
.cck-checklist-progress-summary-wrap{
min-width: 0;
}
.cck-checklist-progress-summary-wrap{
display: flex;
flex-direction: column;
gap: 12px;
}
.cck-progress-summary-card,
.cck-last-completed-card,
.cck-subject-progress-card{
position: relative;
background: #FCFBF7;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 18px;
box-shadow: 0 8px 24px rgba(12, 44, 67, 0.05);
padding: 14px 16px;
overflow: hidden;
}
.cck-progress-summary-card::before,
.cck-last-completed-card::before,
.cck-subject-progress-card::before{
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 2px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.45),
rgba(233,176,123,0.45),
rgba(233,223,123,0.45),
rgba(134,224,163,0.45),
rgba(127,215,230,0.45),
rgba(138,167,234,0.45),
rgba(181,154,232,0.45),
rgba(232,143,201,0.45)
);
pointer-events: none;
}
.cck-progress-summary-top,
.cck-subject-progress-top{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.cck-progress-summary-title,
.cck-progress-summary-heading,
.cck-last-completed-title,
.cck-subject-progress-title{
font-weight: 800;
color: #0C2C43;
}
.cck-progress-summary-percent,
.cck-subject-progress-percent{
font-weight: 800;
color: #0C2C43;
white-space: nowrap;
font-size:1.2em;
}
.cck-progress-summary-bar,
.cck-subject-progress-bar,
.cck-node-subtree-progress{
position: relative;
width: 100%;
height: 10px;
border-radius: 999px;
background: #E9EEF2;
overflow: hidden;
margin-top: 12px;
}
.cck-progress-summary-fill,
.cck-subject-progress-fill,
.cck-node-subtree-progress-fill{
display: block;
height: 100%;
width: 0;
border-radius: inherit;
background: linear-gradient(
90deg,
rgba(233,123,123,0.88),
rgba(233,176,123,0.88),
rgba(233,223,123,0.88),
rgba(134,224,163,0.88),
rgba(127,215,230,0.88),
rgba(138,167,234,0.88),
rgba(181,154,232,0.88),
rgba(232,143,201,0.88)
);
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
font-size: 0.88rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.68);
}
.cck-progress-summary-stats{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 12px;
}
.cck-progress-stat{
min-width: 90px;
}
.cck-progress-stat-label{
display: block;
font-size: 0.74rem;
color: rgba(12, 44, 67, 0.58);
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.cck-progress-stat-value{
display: block;
font-size: 0.9rem;
font-weight: 700;
color: #0C2C43;
}
.cck-last-completed-body{
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.cck-last-completed-item{
font-size: 0.95rem;
font-weight: 700;
line-height: 1.55;
color: #0C2C43;
}
.cck-last-completed-subject,
.cck-last-completed-date{
font-size: 0.85rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.60);
}
.cck-subject-progress-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-subject-progress-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
}
.cck-subject-progress-right{
display: inline-flex;
align-items: center;
gap: 8px;
}
.cck-subject-progress-weight{
font-size: 0.82rem;
line-height: 1.3;
font-weight: 700;
color: rgba(12, 44, 67, 0.56);
}
/* =========================
Tree section
========================= */
.cck-checklist-tree-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-checklist-tree{
display: flex;
flex-direction: column;
gap: 10px;
}
/* =========================
Node card / row
Premium two-column structure
========================= */
.cck-checklist-node{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
transition: box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
box-shadow: 0 3px 10px rgba(12, 44, 67, 0.04);
}
.cck-checklist-node:hover{
border-color: rgba(12, 44, 67, 0.14);
box-shadow: 0 8px 22px rgba(12, 44, 67, 0.07);
}
.cck-node-is-inactive{
opacity: 0.72;
}
.cck-node-is-checkable.cck-node-is-checked{
background:
linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
linear-gradient(
90deg,
rgba(240,253,244,0.90),
rgba(252,251,247,1)
);
}
.cck-node-row{
width: 100%;
}
/* Main split: utility column + content column */
.cck-node-main{
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
align-items: start;
gap: 0;
padding: 0;
min-width: 0;
}
/* Left utility column */
.cck-node-toggle,
.cck-node-toggle-placeholder,
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
position: relative;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder,
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
display: flex;
align-items: flex-start;
justify-content: center;
min-height: 100%;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder{
padding-top: 16px;
}
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
padding-top: 16px;
}
.cck-node-toggle,
.cck-node-toggle-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
}
.cck-node-toggle{
appearance: none;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
border-radius: 8px;
}
.cck-node-toggle:hover{
background: rgba(12, 44, 67, 0.06);
}
.cck-node-toggle-icon{
position: absolute;
inset: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cck-node-toggle-icon::before{
content: "";
width: 8px;
height: 8px;
border-right: 2px solid #4A6478;
border-bottom: 2px solid #4A6478;
transform: rotate(45deg);
transition: transform 0.18s ease;
margin-top: -2px;
}
.cck-node-toggle[aria-expanded="false"] .cck-node-toggle-icon::before{
transform: rotate(-45deg);
margin-top: 0;
}
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
position: relative;
}
.cck-node-checkbox{
position: absolute;
inset: 0;
opacity: 0;
margin: 0;
cursor: pointer;
}
.cck-node-checkbox-ui{
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 7px;
border: 1.5px solid rgba(12, 44, 67, 0.18);
background: #FFFFFF;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.cck-node-checkbox:hover + .cck-node-checkbox-ui,
.cck-node-checkbox:focus + .cck-node-checkbox-ui{
border-color: #F37748;
box-shadow: 0 0 0 3px rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui{
border-color: #F37748;
background: rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui::after{
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #F37748;
border-bottom: 2px solid #F37748;
transform: rotate(-45deg);
margin-top: -1px;
}
.cck-node-checkbox:disabled + .cck-node-checkbox-ui{
opacity: 0.58;
cursor: not-allowed;
}
/* Right content column */
.cck-node-content{
min-width: 0;
flex: none;
padding: 14px 16px 14px 0;
position: relative;
}
.cck-node-content::before{
content: "";
position: absolute;
left: -14px;
top: 12px;
bottom: 12px;
width: 1px;
background: rgba(12, 44, 67, 0.06);
}
.cck-node-title-row{
display: flex;
align-items: flex-start;
gap: 8px;
flex-wrap: wrap;
min-width: 0;
}
.cck-node-title{
font-size: 0.95rem;
line-height: 1.6;
font-weight: 700;
color: #0C2C43;
min-width: 0;
word-break: break-word;
}
.cck-node-meta{
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
margin-top: 7px;
}
.cck-node-meta-item{
font-size: 0.78rem;
line-height: 1.45;
color: rgba(12, 44, 67, 0.58);
}
.cck-node-status-badge{
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 2px 8px;
border-radius: 999px;
font-size: 0.72rem;
line-height: 1.3;
font-weight: 700;
border: 1px solid transparent;
}
.cck-node-status-done{
color: #1E5A3A;
background: #EEF9F1;
border-color: #CDEDD6;
}
.cck-node-status-inactive{
color: #5A6F80;
background: #EEF3F7;
border-color: #D6E0E8;
}
/* Optional per-node progress */
.cck-node-subtree-progress{
margin-top: 10px;
}
/* =========================
Children / nesting
========================= */
.cck-node-children{
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 10px 10px 10px;
}
.cck-node-children[hidden]{
display: none !important;
}
.cck-node-depth-1{ margin-left: 12px; }
.cck-node-depth-2{ margin-left: 24px; }
.cck-node-depth-3{ margin-left: 36px; }
.cck-node-depth-4{ margin-left: 48px; }
.cck-node-depth-5{ margin-left: 60px; }
.cck-node-depth-6{ margin-left: 72px; }
/* =========================
Loading / pending state hooks
========================= */
.cck-checklist-shell.is-saving .cck-node-checkbox-ui,
.cck-checklist-node.is-saving .cck-node-checkbox-ui{
opacity: 0.72;
}
.cck-checklist-shell.is-loading{
pointer-events: none;
opacity: 0.88;
}
.cck-node-rail::before{
z-index: 1;
}
.cck-node-toggle-placeholder{
position: relative;
z-index: 0;
background: transparent;
}
.cck-node-checkbox-wrap{
position: relative;
z-index: 2;
}
/* =========================================
SUBJECT PROGRESS VIEWPORT
Applies to all subject progress sliders
========================================= */
.cck-subject-progress-viewport{
padding: 20px 5px;
border: 2px dashed #c1c1c1;
border-radius: 10px;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* keep the card centered inside each slide */
.cck-subject-progress-slide{
display: flex;
justify-content: center;
}
.cck-subject-progress-card{
width: 95%;
max-width: 100%;
}
/* =========================================
BUTTON HOVER / FOCUS
Your current .elementor-1301 .elementor-element.elementor-element-5c9a0c1 is too broad and has one broken piece:
".ast-custom-button:hover .button:hover"
========================================= */
button:focus,
button:hover,
.menu-toggle:hover,
.ast-button:hover,
.ast-custom-button:hover,
.button:hover,
input[type="reset"]:hover,
input[type="reset"]:focus,
input#submit:hover,
input#submit:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body .wp-block-file .wp-block-file__button:focus{
background-color: #f37748;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* =========================================
SUBJECT LEVEL ONLY
Keep the boxed look only for subject rows
========================================= */
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content{
min-width: 0;
width: 100%;
padding: 14px 16px 14px 0;
position: relative;
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
}
/* =========================================
TOPIC AND DOWNWARDS ONLY
This is the important fix:
do NOT target all .cck-checklist-node
========================================= */
.cck-checklist-node:not(.cck-node-level-subject){
border: none !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
transition: none !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
overflow: visible !important;
}
/* =========================================
TREE SECTION WRAPPER
This styles the whole checklist tree section only
========================================= */
.cck-checklist-tree-section{
padding: 15px;
border-radius: 10px;
border: 2px dashed #c1c1c1;
}
/* Topic level and below: faint horizontal row borders only */
.cck-node-level-topic > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-item > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subitem > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subsubdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail2 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail3 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail4 > .cck-node-row > .cck-node-main > .cck-node-content{
border-top: 1px dotted #c1c1c1 !important;
border-bottom: 1px dotted #c1c1c1 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content
{
border: none;
box-shadow: none;
}
/* =========================
Responsive
========================= */
@media (max-width: 920px){
.cck-checklist-progress-area{
grid-template-columns: 1fr;
}
}
@media (max-width: 640px){
.cck-checklist-header{
flex-direction: column;
align-items: stretch;
}
.cck-node-main{
grid-template-columns: 46px minmax(0, 1fr);
}
.cck-node-content{
padding: 12px 12px 12px 0;
}
.cck-node-content::before{
left: -10px;
}
.cck-node-depth-1{ margin-left: 8px; }
.cck-node-depth-2{ margin-left: 14px; }
.cck-node-depth-3{ margin-left: 20px; }
.cck-node-depth-4{ margin-left: 26px; }
.cck-node-depth-5{ margin-left: 32px; }
.cck-node-depth-6{ margin-left: 38px; }
.cck-subject-progress-list{
grid-template-columns: 1fr;
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
flex-direction: column;
align-items: flex-start;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d10370f */.plr-news-featured-kicker {
font-size:15px;
background: linear-gradient(
to right,
#F3774885 0%,
#F3774885 10%,
transparent 25%,
transparent 100%
);
padding: 0 .08em;
border-radius: .15em;
}
.plr-news-featured {
margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-16154ce */.sap-leaderboard-growth-card, #growth-snapshot-section{
border:none;
background: #9F9F9F7D;
}
.sap-card.sap-leaderboard-growth-card .sap-section-title {
color:#0c2c43;
font-size:25px;
}
.sap-leaderboard__header{
gap:0px;
}
.sap-distribution-bin__you {
font-size: 15px;
font-weight: 700;
margin-top:-5px;
}
.sap-leaderboard-table {
box-shadow: 1px 1px 5px 1px #c1c1c1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f020520 */#icon-leaderboards {
position: relative;
isolation: isolate;
overflow: visible !important;
}
/* NORMAL STATE: animated full border */
#icon-leaderboards:not([aria-selected="true"])::before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 2.5px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBorderTravel 8s linear infinite,
leaderboardBorderPulse 8s ease-in-out infinite;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}
/* ACTIVE STATE: remove full border */
#icon-leaderboards[aria-selected="true"]::before {
content: none;
}
/* ACTIVE STATE: animated centered bottom border only */
#icon-leaderboards[aria-selected="true"]::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 70%;
height: 3px;
transform: translateX(-50%) scaleX(0);
transform-origin: center center;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBottomReveal 0.7s ease-out forwards,
leaderboardBottomTravel 8s linear infinite 0.7s,
leaderboardBottomPulse 8s ease-in-out infinite 0.7s;
pointer-events: none;
z-index: 3;
}
/* Optional: keep icon white */
#icon-leaderboards .e-n-tab-icon svg {
fill: #ffffff !important;
}
/* Full border gradient movement */
@keyframes leaderboardBorderTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Full border pulsing */
@keyframes leaderboardBorderPulse {
0%, 100% {
opacity: 1;
filter: drop-shadow(0 0 3px rgba(233,123,123,0.22))
drop-shadow(0 0 6px rgba(127,215,230,0.18));
}
50% {
opacity: 1;
filter: drop-shadow(0 0 5px rgba(233,123,123,0.32))
drop-shadow(0 0 10px rgba(127,215,230,0.26));
}
}
/* Bottom border reveal from left to right */
@keyframes leaderboardBottomReveal {
0% {
transform: scaleX(0);
opacity: 0.2;
}
100% {
transform: scaleX(1);
opacity: 1;
}
}
/* Bottom border gradient movement */
@keyframes leaderboardBottomTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Bottom border pulsing */
@keyframes leaderboardBottomReveal {
0% {
transform: translateX(-50%) scaleX(0);
opacity: 0.2;
}
100% {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
}
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg,
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg path {
fill: #f37748 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-95bf07b */.plr-daily-random-post-card{
background:#d8cccc;
border:1px solid #8b8b8b;
border-radius:14px;
padding:22px 26px;
box-shadow:0 4px 14px rgba(0,0,0,.10);
}
.plr-drp-title{
margin:0 0 12px;
font-size:1.2rem;
line-height:1.3;
font-weight:700;
font-family: "Roboto Slab", Sans-serif;
color:#0c2c43;
}
.plr-drp-title a{
color:#111;
text-decoration:none;
}
.plr-drp-title a:hover{
text-decoration:underline;
}
.plr-drp-tags{
margin:0 0 14px;
line-height:1.7;
}
.plr-drp-tags a{
display:inline-block;
margin:0 8px 8px 0;
padding:4px 10px;
border:1px solid #555;
border-radius:999px;
font-size:.85rem;
text-decoration:none;
color:#222;
background:rgba(255,255,255,.35);
}
.plr-drp-excerpt{
margin-bottom:22px;
color:#222;
font-size:1rem;
line-height:1.7;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden;
}
.plr-drp-button-wrap{
margin-top:10px;
}
.plr-drp-button{
display:inline-block;
font-weight:700;
text-decoration:none;
color:#111;
border:2px solid #C1C1C1;
padding:10px;
border-radius:8px;
transition:.2s ease;
}
.plr-daily-random-post-card .plr-drp-button{
display:inline-block;
font-weight:600;
text-decoration:none;
color:#111;
border:2px solid #111;
padding:10px 16px;
border-radius:8px;
transition:.2s ease;
font-size:15px;
}
.plr-drp-button:hover{
background:#F3774885;
color:#222;
}
.plr-daily-random-post-card {
background: #F3774885;
border: 1px solid #8b8b8b;
border-radius: 14px;
padding: 22px 26px;
box-shadow: 0 4px 14px rgba(0, 0, 0, .10);
}
.plr-daily-random-post-card .plr-drp-button {
display: inline-block;
font-weight: 700;
text-decoration: none;
color: #0C2C43;
border: 2px solid #0C2C43;
padding: 8px 10px;
border-radius: 10px;
transition: .2s ease;
font-size: 12px;
}
#plr-todays-recommended-heading{
margin: 0 0 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: #0C2C43;
background: linear-gradient(
to right,
#fff 0%,
#fff 10%,
transparent 35%,
transparent 100%);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9b35ae */a.louis-tag-btn {
box-shadow: 1px 2px 5px -3px #919191;}
.louis-subject-dropdown {
background: #9f9f9f7d;
}
select#louis-subject-dropdown.louis-subject-dropdown{
background: #9f9f9f7d;
}
div#sap-dashboard-reminders.sap-card.sap-dashboard-reminders.sap-section-title/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f048c59 */.popular-tags-wrap{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.popular-tag-btn{
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border: 1px solid #d9d9d9;
border-radius: 999px;
background: #fff;
color: #222;
text-decoration: none;
font-size: 14px;
line-height: 1;
transition: all 0.2s ease;
}
.popular-tag-btn:hover{
transform: translateY(-1px);
border-color: #999;
}
.tag-count{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 999px;
background: #f1f1f1;
font-size: 12px;
font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d5470b */div.brp-bookmarks-manager-wrap {
border-radius: 10px !important;
overflow: auto;
scrollbar-gutter: stable;
}
.brp-bookmarks-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
.brp-bookmarks-table thead th:last-child {
border-right: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fc5dbba *//*****************************************************
* Highlite – Filter + Table Styling (Dashboard)
* Scope: #highlite-section-user-dashboard
*****************************************************/
/* =========================
FILTER BAR
========================= */
#highlite-section-user-dashboard .highlite-filter {
padding: 10px;
}
/* Dropdowns */
#highlite-section-user-dashboard select[name="highlite_sortby"],
#highlite-section-user-dashboard select[name="highlite_order"] {
width: 25%;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Search input */
#highlite-section-user-dashboard input[name="highlite_search"] {
width: 30%;
border: 1px dashed #d0d0d0;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Submit controls */
#highlite-section-user-dashboard button[type="submit"],
#highlite-section-user-dashboard input[type="submit"] {
margin: 0 5px;
padding: 12px 20px;
border: 0;
border-radius: 5px;
background: #f77748;
color: #fff;
font-family: 'Lora', serif;
cursor: pointer;
transition: filter 0.2s ease;
}
#highlite-section-user-dashboard button[type="submit"]:hover,
#highlite-section-user-dashboard input[type="submit"]:hover {
filter: brightness(0.95);
}
/* =========================
TABLE WRAPPER
Only scrolls if needed
========================= */
#highlite-section-user-dashboard .highlite-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable;
}
/* =========================
TABLE
Styled to visually match the bookmarks table family
without being an exact duplicate
========================= */
#highlite-section-user-dashboard table.highlite-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid #ead6cf;
border-radius: 10px;
overflow: hidden;
}
/* Header */
#highlite-section-user-dashboard table.highlite-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
#highlite-section-user-dashboard table.highlite-table thead th:last-child {
border-right: 0;
}
/* Body cells */
#highlite-section-user-dashboard table.highlite-table tbody td {
background: #fff;
color: var(--brp-bm-text);
font-size: 14px;
line-height: 1.55;
padding: 14px 12px;
vertical-align: middle;
border-top: 1px solid #eee8e3;
}
/* Subtle striping */
#highlite-section-user-dashboard table.highlite-table tbody tr:nth-child(even) td {
background: #fffaf8;
}
/* Hover */
#highlite-section-user-dashboard table.highlite-table tbody tr:hover td {
background: #fff3ee;
transition: background 0.2s ease;
}
/* Bottom outer corners */
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
/* =========================
LINKS
========================= */
#highlite-section-user-dashboard a,
#highlite-section-user-dashboard a:visited {
color: #000;
}
#highlite-section-user-dashboard table.highlite-table a:hover,
#highlite-section-user-dashboard table.highlite-table a:focus {
text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b4a1f4 *//* =========================================
BARRISTER REVIEW PORTAL – BOOKMARK RESKIN
V2 aligned to your actual design language
========================================= */
.brp-bookmark-shell{
--brp-bg: #f5f3f1;
--brp-card: #ffffff;
--brp-border: #d8d8d8;
--brp-shadow: 0 2px 10px -2px rgba(27, 27, 27, 0.18);
--brp-shadow-strong: -1px 0px 10px -2px rgba(27, 27, 27, 0.35);
--brp-heading: #0C2C43;
--brp-text: #425466;
--brp-muted: #5A5A5A;
--brp-accent: #F37748;
--brp-accent-dark: #e56b3c;
--brp-accent-soft: #fff1eb;
--brp-note-font: "Lora", serif;
--brp-head-font: "Roboto Slab", serif;
--brp-body-font: "Georgia", "Times New Roman", serif;
color: var(--brp-text);
}
/* Section titles */
.brp-section-title{
font-family: var(--brp-head-font);
font-size: 30px;
font-weight: 800;
letter-spacing: 0.5px;
color: var(--brp-heading);
line-height: 1.15;
margin: 0 0 12px 0;
}
/* Optional supporting note text */
.brp-section-note{
font-family: var(--brp-note-font);
font-size: 18px;
font-weight: 600;
font-style: italic;
letter-spacing: -0.6px;
color: var(--brp-muted);
margin: 0 0 16px 0;
}
/* Main plugin containers */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-category-manager{
width: 100%;
max-width: 100%;
color: var(--brp-text);
font-family: var(--brp-body-font);
}
/* Core card styling */
#cbxwpbookmark-front-bookmark-manager .v-card,
#cbxwpbookmark-front-category-manager .v-card{
background: var(--brp-card) !important;
border: 1px solid var(--brp-border) !important;
border-radius: 16px !important;
box-shadow: var(--brp-shadow) !important;
overflow: hidden;
}
/* Top content spacing */
#cbxwpbookmark-front-bookmark-manager .v-toolbar,
#cbxwpbookmark-front-category-manager .v-toolbar,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
background: transparent !important;
box-shadow: none !important;
border-bottom: none !important;
padding: 18px 18px 12px 18px !important;
}
/* Internal headings */
#cbxwpbookmark-front-bookmark-manager h1,
#cbxwpbookmark-front-bookmark-manager h2,
#cbxwpbookmark-front-bookmark-manager h3,
#cbxwpbookmark-front-category-manager h1,
#cbxwpbookmark-front-category-manager h2,
#cbxwpbookmark-front-category-manager h3{
font-family: var(--brp-head-font) !important;
color: var(--brp-heading) !important;
font-weight: 800 !important;
letter-spacing: 0.3px;
margin-bottom: 12px !important;
}
/* Body text */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-bookmark-manager p,
#cbxwpbookmark-front-bookmark-manager span,
#cbxwpbookmark-front-bookmark-manager div,
#cbxwpbookmark-front-category-manager,
#cbxwpbookmark-front-category-manager p,
#cbxwpbookmark-front-category-manager span,
#cbxwpbookmark-front-category-manager div{
color: var(--brp-text);
}
/* Buttons - base */
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 40px;
border-radius: 10px !important;
text-transform: none !important;
font-weight: 700 !important;
letter-spacing: 0.1px !important;
box-shadow: var(--brp-shadow-strong) !important;
border: 1px solid #797979 !important;
}
/* Standard buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn:not(.v-btn--icon),
#cbxwpbookmark-front-category-manager .v-btn:not(.v-btn--icon){
background: #ffffff !important;
color: var(--brp-heading) !important;
}
/* Strong CTA / add buttons / primary buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn.primary,
#cbxwpbookmark-front-bookmark-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.primary,
#cbxwpbookmark-front-category-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.success,
#cbxwpbookmark-front-bookmark-manager .v-btn.success{
background: var(--brp-accent) !important;
border: 1px solid var(--brp-accent) !important;
color: #fff !important;
}
/* Hover */
#cbxwpbookmark-front-bookmark-manager .v-btn:hover,
#cbxwpbookmark-front-category-manager .v-btn:hover{
transform: translateY(-1px);
filter: brightness(0.99);
}
/* Inputs */
#cbxwpbookmark-front-bookmark-manager .v-input__slot,
#cbxwpbookmark-front-category-manager .v-input__slot{
background: #fff !important;
border: 1px solid var(--brp-border) !important;
border-radius: 10px !important;
box-shadow: none !important;
min-height: 42px !important;
}
/* Input text */
#cbxwpbookmark-front-bookmark-manager input,
#cbxwpbookmark-front-category-manager input,
#cbxwpbookmark-front-bookmark-manager .v-label,
#cbxwpbookmark-front-category-manager .v-label{
color: var(--brp-text) !important;
}
/* Data table shell */
#cbxwpbookmark-front-bookmark-manager .v-data-table,
#cbxwpbookmark-front-category-manager .v-data-table{
border: 1px solid var(--brp-border);
border-radius: 14px;
overflow: hidden;
background: #fff;
box-shadow: none !important;
}
/* Table */
#cbxwpbookmark-front-bookmark-manager table,
#cbxwpbookmark-front-category-manager table{
width: 100% !important;
border-collapse: collapse !important;
background: #fff;
}
/* Table header */
#cbxwpbookmark-front-bookmark-manager thead th,
#cbxwpbookmark-front-category-manager thead th{
background: linear-gradient(90deg, #F37748 0%, #e56b3c 100%) !important;
color: #fff !important;
font-family: var(--brp-head-font) !important;
font-size: 14px;
font-weight: 700;
padding: 13px 12px !important;
border-right: 1px solid rgba(255,255,255,0.16) !important;
white-space: nowrap;
}
/* Table body */
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-category-manager td{
font-size: 14px;
line-height: 1.55;
color: var(--brp-text) !important;
padding: 14px 12px !important;
vertical-align: middle;
border-top: 1px solid #eee8e3 !important;
background: #fff !important;
}
/* Zebra softness */
#cbxwpbookmark-front-bookmark-manager tbody tr:nth-child(even) td,
#cbxwpbookmark-front-category-manager tbody tr:nth-child(even) td{
background: #fcfaf8 !important;
}
/* Title links */
#cbxwpbookmark-front-bookmark-manager a,
#cbxwpbookmark-front-category-manager a{
color: var(--brp-heading) !important;
text-decoration: none;
font-weight: 600;
}
#cbxwpbookmark-front-bookmark-manager a:hover,
#cbxwpbookmark-front-category-manager a:hover{
color: var(--brp-accent) !important;
text-decoration: underline;
}
/* Long titles wrap */
#cbxwpbookmark-front-bookmark-manager td:first-child{
white-space: normal !important;
word-break: break-word;
}
/* Action buttons: slightly accented */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn,
#cbxwpbookmark-front-category-manager td:last-child .v-btn{
background: #fff !important;
color: var(--brp-heading) !important;
border: 1px solid #b9b9b9 !important;
}
/* Optional: make delete buttons more orange if plugin has danger classes */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn.error,
#cbxwpbookmark-front-category-manager td:last-child .v-btn.error{
background: var(--brp-accent-soft) !important;
color: var(--brp-accent) !important;
border-color: rgba(243,119,72,0.35) !important;
}
/* Footer / pagination */
#cbxwpbookmark-front-bookmark-manager .v-data-footer,
#cbxwpbookmark-front-category-manager .v-data-footer{
background: transparent !important;
border-top: none !important;
padding: 14px 0 0 0 !important;
color: var(--brp-muted) !important;
font-family: var(--brp-body-font);
}
/* Toolbar layout */
#cbxwpbookmark-front-bookmark-manager .v-toolbar__content,
#cbxwpbookmark-front-category-manager .v-toolbar__content,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
/* Add some visual spacing between sections */
#cbxwpbookmark-front-bookmark-manager{
margin-bottom: 20px;
}
/* Helper labels / small notes inside plugin */
#cbxwpbookmark-front-bookmark-manager .text-caption,
#cbxwpbookmark-front-category-manager .text-caption,
#cbxwpbookmark-front-bookmark-manager .text--secondary,
#cbxwpbookmark-front-category-manager .text--secondary{
font-family: var(--brp-note-font) !important;
font-style: italic;
color: var(--brp-muted) !important;
}
/* Responsive */
@media (max-width: 1024px){
.brp-section-title{
font-size: 26px;
}
.brp-section-note{
font-size: 16px;
}
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-bookmark-manager th,
#cbxwpbookmark-front-category-manager td,
#cbxwpbookmark-front-category-manager th{
font-size: 13px;
padding: 10px 8px !important;
}
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 36px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5e3e5bb */.sap-timer-card {
background: #0C2C43;
}
.sap-timer-card__value{
color:white;
}
h3#sap-quiz-notes-title.sap-section-title{background: linear-gradient(
to bottom,
transparent 0%,
transparent 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 100%
);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66db153d *//* Softer / duller rainbow outline + glow */
#get-flowcharts-bar-chair-page{
border-radius: 10px;
position: default;
z-index: 3;
position:center;
}
/* Outline */
#get-flowcharts-bar-chair-page::before{
content: "";
position: absolute;
inset: -1px; /* outline thickness */
border-radius: inherit;
z-index: -1;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
opacity: 0.40; /* softer, but still visible */
}
/* Soft glow */
#get-flowcharts-bar-chair-page::after{
content: "";
position: absolute;
inset: -4px;
border-radius: inherit;
z-index: -2;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
filter: blur(0px);
opacity: 0.80; /* duller glow */
}
/* Keeps your actual element background clean */
#get-flowcharts-bar-chair-page{
background-clip: padding-box;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5c9a0c1 *//**
* Curriculum Checklist — Checklist styles
* File: cck-checklist.css
* Visual direction:
* - premium minimalist
* - off-white / ivory surfaces
* - deep navy text hierarchy
* - restrained rainbow accents
* - cleaner two-column node layout
*/
/* =========================
Shell / section wrappers
========================= */
.cck-checklist-shell{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
color: #17384D;
}
.cck-checklist-header{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.cck-checklist-header-main{
min-width: 0;
flex: 1 1 480px;
}
.cck-checklist-title-row{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.cck-checklist-title{
margin: 0;
font-size: 1.16rem;
line-height: 1.3;
font-weight: 800;
color: #0C2C43;
letter-spacing: -0.01em;
}
.cck-checklist-description{
margin: 7px 0 0;
font-size: 0.95rem;
line-height: 1.65;
color: rgba(12, 44, 67, 0.72);
}
.cck-checklist-header-meta{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.cck-checklist-meta-pill{
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 32px;
padding: 5px 11px;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 999px;
background: #F7F5EF;
font-size: 12px;
line-height: 1.4;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
}
.cck-checklist-meta-label{
color: rgba(12, 44, 67, 0.58);
font-weight: 600;
}
.cck-checklist-meta-value{
color: #0C2C43;
font-weight: 700;
}
.cck-section-subtitle{
font-size: 0.95rem;
font-weight: 800;
color: #0C2C43;
margin-bottom: 10px;
}
/* =========================
Tooltip
========================= */
.cck-checklist-tooltip-wrap{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: none;
}
.cck-checklist-tooltip-icon{
width: 18px;
height: 18px;
display: block;
object-fit: contain;
}
.cck-checklist-tooltip-fallback{
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 11px;
line-height: 1;
font-weight: 700;
color: #fff;
background: #0C2C43;
}
.cck-checklist-tooltip-content{
position: absolute;
z-index: 30;
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
width: min(320px, 78vw);
padding: 11px 13px;
border-radius: 14px;
border: 1px solid rgba(12, 44, 67, 0.10);
background: #FCFBF7;
box-shadow: 0 14px 32px rgba(12, 44, 67, 0.10);
color: #355166;
font-size: 12px;
line-height: 1.6;
opacity: 0;
visibility: hidden;
transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}
.cck-checklist-tooltip-wrap:hover .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus-within .cck-checklist-tooltip-content{
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* =========================
Guest / empty messages
========================= */
.cck-checklist-guest-message,
.cck-checklist-empty-tree,
.cck-inline-message{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #F8F6F1;
color: rgba(12, 44, 67, 0.78);
border-radius: 16px;
padding: 13px 15px;
font-size: 0.94rem;
line-height: 1.6;
}
.cck-inline-message.cck-error,
.cck-inline-message.cck-template-error{
background: #FDF2F4;
border-color: #F2C9CF;
color: #8D2C35;
}
/* =========================
Progress area
========================= */
.cck-checklist-progress-area{
display: grid;
grid-template-columns: minmax(260px, 380px) minmax(280px, 1fr);
gap: 16px;
align-items: start;
}
.cck-checklist-progress-pie-wrap,
.cck-checklist-progress-summary-wrap{
min-width: 0;
}
.cck-checklist-progress-summary-wrap{
display: flex;
flex-direction: column;
gap: 12px;
}
.cck-progress-summary-card,
.cck-last-completed-card,
.cck-subject-progress-card{
position: relative;
background: #FCFBF7;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 18px;
box-shadow: 0 8px 24px rgba(12, 44, 67, 0.05);
padding: 14px 16px;
overflow: hidden;
}
.cck-progress-summary-card::before,
.cck-last-completed-card::before,
.cck-subject-progress-card::before{
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 2px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.45),
rgba(233,176,123,0.45),
rgba(233,223,123,0.45),
rgba(134,224,163,0.45),
rgba(127,215,230,0.45),
rgba(138,167,234,0.45),
rgba(181,154,232,0.45),
rgba(232,143,201,0.45)
);
pointer-events: none;
}
.cck-progress-summary-top,
.cck-subject-progress-top{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.cck-progress-summary-title,
.cck-progress-summary-heading,
.cck-last-completed-title,
.cck-subject-progress-title{
font-weight: 800;
color: #0C2C43;
}
.cck-progress-summary-percent,
.cck-subject-progress-percent{
font-weight: 800;
color: #0C2C43;
white-space: nowrap;
font-size:1.2em;
}
.cck-progress-summary-bar,
.cck-subject-progress-bar,
.cck-node-subtree-progress{
position: relative;
width: 100%;
height: 10px;
border-radius: 999px;
background: #E9EEF2;
overflow: hidden;
margin-top: 12px;
}
.cck-progress-summary-fill,
.cck-subject-progress-fill,
.cck-node-subtree-progress-fill{
display: block;
height: 100%;
width: 0;
border-radius: inherit;
background: linear-gradient(
90deg,
rgba(233,123,123,0.88),
rgba(233,176,123,0.88),
rgba(233,223,123,0.88),
rgba(134,224,163,0.88),
rgba(127,215,230,0.88),
rgba(138,167,234,0.88),
rgba(181,154,232,0.88),
rgba(232,143,201,0.88)
);
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
font-size: 0.88rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.68);
}
.cck-progress-summary-stats{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 12px;
}
.cck-progress-stat{
min-width: 90px;
}
.cck-progress-stat-label{
display: block;
font-size: 0.74rem;
color: rgba(12, 44, 67, 0.58);
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.cck-progress-stat-value{
display: block;
font-size: 0.9rem;
font-weight: 700;
color: #0C2C43;
}
.cck-last-completed-body{
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.cck-last-completed-item{
font-size: 0.95rem;
font-weight: 700;
line-height: 1.55;
color: #0C2C43;
}
.cck-last-completed-subject,
.cck-last-completed-date{
font-size: 0.85rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.60);
}
.cck-subject-progress-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-subject-progress-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
}
.cck-subject-progress-right{
display: inline-flex;
align-items: center;
gap: 8px;
}
.cck-subject-progress-weight{
font-size: 0.82rem;
line-height: 1.3;
font-weight: 700;
color: rgba(12, 44, 67, 0.56);
}
/* =========================
Tree section
========================= */
.cck-checklist-tree-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-checklist-tree{
display: flex;
flex-direction: column;
gap: 10px;
}
/* =========================
Node card / row
Premium two-column structure
========================= */
.cck-checklist-node{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
transition: box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
box-shadow: 0 3px 10px rgba(12, 44, 67, 0.04);
}
.cck-checklist-node:hover{
border-color: rgba(12, 44, 67, 0.14);
box-shadow: 0 8px 22px rgba(12, 44, 67, 0.07);
}
.cck-node-is-inactive{
opacity: 0.72;
}
.cck-node-is-checkable.cck-node-is-checked{
background:
linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
linear-gradient(
90deg,
rgba(240,253,244,0.90),
rgba(252,251,247,1)
);
}
.cck-node-row{
width: 100%;
}
/* Main split: utility column + content column */
.cck-node-main{
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
align-items: start;
gap: 0;
padding: 0;
min-width: 0;
}
/* Left utility column */
.cck-node-toggle,
.cck-node-toggle-placeholder,
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
position: relative;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder,
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
display: flex;
align-items: flex-start;
justify-content: center;
min-height: 100%;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder{
padding-top: 16px;
}
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
padding-top: 16px;
}
.cck-node-toggle,
.cck-node-toggle-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
}
.cck-node-toggle{
appearance: none;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
border-radius: 8px;
}
.cck-node-toggle:hover{
background: rgba(12, 44, 67, 0.06);
}
.cck-node-toggle-icon{
position: absolute;
inset: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cck-node-toggle-icon::before{
content: "";
width: 8px;
height: 8px;
border-right: 2px solid #4A6478;
border-bottom: 2px solid #4A6478;
transform: rotate(45deg);
transition: transform 0.18s ease;
margin-top: -2px;
}
.cck-node-toggle[aria-expanded="false"] .cck-node-toggle-icon::before{
transform: rotate(-45deg);
margin-top: 0;
}
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
position: relative;
}
.cck-node-checkbox{
position: absolute;
inset: 0;
opacity: 0;
margin: 0;
cursor: pointer;
}
.cck-node-checkbox-ui{
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 7px;
border: 1.5px solid rgba(12, 44, 67, 0.18);
background: #FFFFFF;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.cck-node-checkbox:hover + .cck-node-checkbox-ui,
.cck-node-checkbox:focus + .cck-node-checkbox-ui{
border-color: #F37748;
box-shadow: 0 0 0 3px rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui{
border-color: #F37748;
background: rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui::after{
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #F37748;
border-bottom: 2px solid #F37748;
transform: rotate(-45deg);
margin-top: -1px;
}
.cck-node-checkbox:disabled + .cck-node-checkbox-ui{
opacity: 0.58;
cursor: not-allowed;
}
/* Right content column */
.cck-node-content{
min-width: 0;
flex: none;
padding: 14px 16px 14px 0;
position: relative;
}
.cck-node-content::before{
content: "";
position: absolute;
left: -14px;
top: 12px;
bottom: 12px;
width: 1px;
background: rgba(12, 44, 67, 0.06);
}
.cck-node-title-row{
display: flex;
align-items: flex-start;
gap: 8px;
flex-wrap: wrap;
min-width: 0;
}
.cck-node-title{
font-size: 0.95rem;
line-height: 1.6;
font-weight: 700;
color: #0C2C43;
min-width: 0;
word-break: break-word;
}
.cck-node-meta{
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
margin-top: 7px;
}
.cck-node-meta-item{
font-size: 0.78rem;
line-height: 1.45;
color: rgba(12, 44, 67, 0.58);
}
.cck-node-status-badge{
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 2px 8px;
border-radius: 999px;
font-size: 0.72rem;
line-height: 1.3;
font-weight: 700;
border: 1px solid transparent;
}
.cck-node-status-done{
color: #1E5A3A;
background: #EEF9F1;
border-color: #CDEDD6;
}
.cck-node-status-inactive{
color: #5A6F80;
background: #EEF3F7;
border-color: #D6E0E8;
}
/* Optional per-node progress */
.cck-node-subtree-progress{
margin-top: 10px;
}
/* =========================
Children / nesting
========================= */
.cck-node-children{
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 10px 10px 10px;
}
.cck-node-children[hidden]{
display: none !important;
}
.cck-node-depth-1{ margin-left: 12px; }
.cck-node-depth-2{ margin-left: 24px; }
.cck-node-depth-3{ margin-left: 36px; }
.cck-node-depth-4{ margin-left: 48px; }
.cck-node-depth-5{ margin-left: 60px; }
.cck-node-depth-6{ margin-left: 72px; }
/* =========================
Loading / pending state hooks
========================= */
.cck-checklist-shell.is-saving .cck-node-checkbox-ui,
.cck-checklist-node.is-saving .cck-node-checkbox-ui{
opacity: 0.72;
}
.cck-checklist-shell.is-loading{
pointer-events: none;
opacity: 0.88;
}
.cck-node-rail::before{
z-index: 1;
}
.cck-node-toggle-placeholder{
position: relative;
z-index: 0;
background: transparent;
}
.cck-node-checkbox-wrap{
position: relative;
z-index: 2;
}
/* =========================================
SUBJECT PROGRESS VIEWPORT
Applies to all subject progress sliders
========================================= */
.cck-subject-progress-viewport{
padding: 20px 5px;
border: 2px dashed #c1c1c1;
border-radius: 10px;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* keep the card centered inside each slide */
.cck-subject-progress-slide{
display: flex;
justify-content: center;
}
.cck-subject-progress-card{
width: 95%;
max-width: 100%;
}
/* =========================================
BUTTON HOVER / FOCUS
Your current .elementor-1301 .elementor-element.elementor-element-5c9a0c1 is too broad and has one broken piece:
".ast-custom-button:hover .button:hover"
========================================= */
button:focus,
button:hover,
.menu-toggle:hover,
.ast-button:hover,
.ast-custom-button:hover,
.button:hover,
input[type="reset"]:hover,
input[type="reset"]:focus,
input#submit:hover,
input#submit:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body .wp-block-file .wp-block-file__button:focus{
background-color: #f37748;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* =========================================
SUBJECT LEVEL ONLY
Keep the boxed look only for subject rows
========================================= */
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content{
min-width: 0;
width: 100%;
padding: 14px 16px 14px 0;
position: relative;
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
}
/* =========================================
TOPIC AND DOWNWARDS ONLY
This is the important fix:
do NOT target all .cck-checklist-node
========================================= */
.cck-checklist-node:not(.cck-node-level-subject){
border: none !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
transition: none !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
overflow: visible !important;
}
/* =========================================
TREE SECTION WRAPPER
This styles the whole checklist tree section only
========================================= */
.cck-checklist-tree-section{
padding: 15px;
border-radius: 10px;
border: 2px dashed #c1c1c1;
}
/* Topic level and below: faint horizontal row borders only */
.cck-node-level-topic > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-item > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subitem > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subsubdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail2 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail3 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail4 > .cck-node-row > .cck-node-main > .cck-node-content{
border-top: 1px dotted #c1c1c1 !important;
border-bottom: 1px dotted #c1c1c1 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content
{
border: none;
box-shadow: none;
}
/* =========================
Responsive
========================= */
@media (max-width: 920px){
.cck-checklist-progress-area{
grid-template-columns: 1fr;
}
}
@media (max-width: 640px){
.cck-checklist-header{
flex-direction: column;
align-items: stretch;
}
.cck-node-main{
grid-template-columns: 46px minmax(0, 1fr);
}
.cck-node-content{
padding: 12px 12px 12px 0;
}
.cck-node-content::before{
left: -10px;
}
.cck-node-depth-1{ margin-left: 8px; }
.cck-node-depth-2{ margin-left: 14px; }
.cck-node-depth-3{ margin-left: 20px; }
.cck-node-depth-4{ margin-left: 26px; }
.cck-node-depth-5{ margin-left: 32px; }
.cck-node-depth-6{ margin-left: 38px; }
.cck-subject-progress-list{
grid-template-columns: 1fr;
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
flex-direction: column;
align-items: flex-start;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d10370f */.plr-news-featured-kicker {
font-size:15px;
background: linear-gradient(
to right,
#F3774885 0%,
#F3774885 10%,
transparent 25%,
transparent 100%
);
padding: 0 .08em;
border-radius: .15em;
}
.plr-news-featured {
margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-16154ce */.sap-leaderboard-growth-card, #growth-snapshot-section{
border:none;
background: #9F9F9F7D;
}
.sap-card.sap-leaderboard-growth-card .sap-section-title {
color:#0c2c43;
font-size:25px;
}
.sap-leaderboard__header{
gap:0px;
}
.sap-distribution-bin__you {
font-size: 15px;
font-weight: 700;
margin-top:-5px;
}
.sap-leaderboard-table {
box-shadow: 1px 1px 5px 1px #c1c1c1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f020520 */#icon-leaderboards {
position: relative;
isolation: isolate;
overflow: visible !important;
}
/* NORMAL STATE: animated full border */
#icon-leaderboards:not([aria-selected="true"])::before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 2.5px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBorderTravel 8s linear infinite,
leaderboardBorderPulse 8s ease-in-out infinite;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}
/* ACTIVE STATE: remove full border */
#icon-leaderboards[aria-selected="true"]::before {
content: none;
}
/* ACTIVE STATE: animated centered bottom border only */
#icon-leaderboards[aria-selected="true"]::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 70%;
height: 3px;
transform: translateX(-50%) scaleX(0);
transform-origin: center center;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBottomReveal 0.7s ease-out forwards,
leaderboardBottomTravel 8s linear infinite 0.7s,
leaderboardBottomPulse 8s ease-in-out infinite 0.7s;
pointer-events: none;
z-index: 3;
}
/* Optional: keep icon white */
#icon-leaderboards .e-n-tab-icon svg {
fill: #ffffff !important;
}
/* Full border gradient movement */
@keyframes leaderboardBorderTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Full border pulsing */
@keyframes leaderboardBorderPulse {
0%, 100% {
opacity: 1;
filter: drop-shadow(0 0 3px rgba(233,123,123,0.22))
drop-shadow(0 0 6px rgba(127,215,230,0.18));
}
50% {
opacity: 1;
filter: drop-shadow(0 0 5px rgba(233,123,123,0.32))
drop-shadow(0 0 10px rgba(127,215,230,0.26));
}
}
/* Bottom border reveal from left to right */
@keyframes leaderboardBottomReveal {
0% {
transform: scaleX(0);
opacity: 0.2;
}
100% {
transform: scaleX(1);
opacity: 1;
}
}
/* Bottom border gradient movement */
@keyframes leaderboardBottomTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Bottom border pulsing */
@keyframes leaderboardBottomReveal {
0% {
transform: translateX(-50%) scaleX(0);
opacity: 0.2;
}
100% {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
}
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg,
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg path {
fill: #f37748 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-95bf07b */.plr-daily-random-post-card{
background:#d8cccc;
border:1px solid #8b8b8b;
border-radius:14px;
padding:22px 26px;
box-shadow:0 4px 14px rgba(0,0,0,.10);
}
.plr-drp-title{
margin:0 0 12px;
font-size:1.2rem;
line-height:1.3;
font-weight:700;
font-family: "Roboto Slab", Sans-serif;
color:#0c2c43;
}
.plr-drp-title a{
color:#111;
text-decoration:none;
}
.plr-drp-title a:hover{
text-decoration:underline;
}
.plr-drp-tags{
margin:0 0 14px;
line-height:1.7;
}
.plr-drp-tags a{
display:inline-block;
margin:0 8px 8px 0;
padding:4px 10px;
border:1px solid #555;
border-radius:999px;
font-size:.85rem;
text-decoration:none;
color:#222;
background:rgba(255,255,255,.35);
}
.plr-drp-excerpt{
margin-bottom:22px;
color:#222;
font-size:1rem;
line-height:1.7;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden;
}
.plr-drp-button-wrap{
margin-top:10px;
}
.plr-drp-button{
display:inline-block;
font-weight:700;
text-decoration:none;
color:#111;
border:2px solid #C1C1C1;
padding:10px;
border-radius:8px;
transition:.2s ease;
}
.plr-daily-random-post-card .plr-drp-button{
display:inline-block;
font-weight:600;
text-decoration:none;
color:#111;
border:2px solid #111;
padding:10px 16px;
border-radius:8px;
transition:.2s ease;
font-size:15px;
}
.plr-drp-button:hover{
background:#F3774885;
color:#222;
}
.plr-daily-random-post-card {
background: #F3774885;
border: 1px solid #8b8b8b;
border-radius: 14px;
padding: 22px 26px;
box-shadow: 0 4px 14px rgba(0, 0, 0, .10);
}
.plr-daily-random-post-card .plr-drp-button {
display: inline-block;
font-weight: 700;
text-decoration: none;
color: #0C2C43;
border: 2px solid #0C2C43;
padding: 8px 10px;
border-radius: 10px;
transition: .2s ease;
font-size: 12px;
}
#plr-todays-recommended-heading{
margin: 0 0 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: #0C2C43;
background: linear-gradient(
to right,
#fff 0%,
#fff 10%,
transparent 35%,
transparent 100%);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9b35ae */a.louis-tag-btn {
box-shadow: 1px 2px 5px -3px #919191;}
.louis-subject-dropdown {
background: #9f9f9f7d;
}
select#louis-subject-dropdown.louis-subject-dropdown{
background: #9f9f9f7d;
}
div#sap-dashboard-reminders.sap-card.sap-dashboard-reminders.sap-section-title/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f048c59 */.popular-tags-wrap{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.popular-tag-btn{
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border: 1px solid #d9d9d9;
border-radius: 999px;
background: #fff;
color: #222;
text-decoration: none;
font-size: 14px;
line-height: 1;
transition: all 0.2s ease;
}
.popular-tag-btn:hover{
transform: translateY(-1px);
border-color: #999;
}
.tag-count{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 999px;
background: #f1f1f1;
font-size: 12px;
font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d5470b */div.brp-bookmarks-manager-wrap {
border-radius: 10px !important;
overflow: auto;
scrollbar-gutter: stable;
}
.brp-bookmarks-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
.brp-bookmarks-table thead th:last-child {
border-right: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fc5dbba *//*****************************************************
* Highlite – Filter + Table Styling (Dashboard)
* Scope: #highlite-section-user-dashboard
*****************************************************/
/* =========================
FILTER BAR
========================= */
#highlite-section-user-dashboard .highlite-filter {
padding: 10px;
}
/* Dropdowns */
#highlite-section-user-dashboard select[name="highlite_sortby"],
#highlite-section-user-dashboard select[name="highlite_order"] {
width: 25%;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Search input */
#highlite-section-user-dashboard input[name="highlite_search"] {
width: 30%;
border: 1px dashed #d0d0d0;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Submit controls */
#highlite-section-user-dashboard button[type="submit"],
#highlite-section-user-dashboard input[type="submit"] {
margin: 0 5px;
padding: 12px 20px;
border: 0;
border-radius: 5px;
background: #f77748;
color: #fff;
font-family: 'Lora', serif;
cursor: pointer;
transition: filter 0.2s ease;
}
#highlite-section-user-dashboard button[type="submit"]:hover,
#highlite-section-user-dashboard input[type="submit"]:hover {
filter: brightness(0.95);
}
/* =========================
TABLE WRAPPER
Only scrolls if needed
========================= */
#highlite-section-user-dashboard .highlite-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable;
}
/* =========================
TABLE
Styled to visually match the bookmarks table family
without being an exact duplicate
========================= */
#highlite-section-user-dashboard table.highlite-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid #ead6cf;
border-radius: 10px;
overflow: hidden;
}
/* Header */
#highlite-section-user-dashboard table.highlite-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
#highlite-section-user-dashboard table.highlite-table thead th:last-child {
border-right: 0;
}
/* Body cells */
#highlite-section-user-dashboard table.highlite-table tbody td {
background: #fff;
color: var(--brp-bm-text);
font-size: 14px;
line-height: 1.55;
padding: 14px 12px;
vertical-align: middle;
border-top: 1px solid #eee8e3;
}
/* Subtle striping */
#highlite-section-user-dashboard table.highlite-table tbody tr:nth-child(even) td {
background: #fffaf8;
}
/* Hover */
#highlite-section-user-dashboard table.highlite-table tbody tr:hover td {
background: #fff3ee;
transition: background 0.2s ease;
}
/* Bottom outer corners */
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
/* =========================
LINKS
========================= */
#highlite-section-user-dashboard a,
#highlite-section-user-dashboard a:visited {
color: #000;
}
#highlite-section-user-dashboard table.highlite-table a:hover,
#highlite-section-user-dashboard table.highlite-table a:focus {
text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b4a1f4 *//* =========================================
BARRISTER REVIEW PORTAL – BOOKMARK RESKIN
V2 aligned to your actual design language
========================================= */
.brp-bookmark-shell{
--brp-bg: #f5f3f1;
--brp-card: #ffffff;
--brp-border: #d8d8d8;
--brp-shadow: 0 2px 10px -2px rgba(27, 27, 27, 0.18);
--brp-shadow-strong: -1px 0px 10px -2px rgba(27, 27, 27, 0.35);
--brp-heading: #0C2C43;
--brp-text: #425466;
--brp-muted: #5A5A5A;
--brp-accent: #F37748;
--brp-accent-dark: #e56b3c;
--brp-accent-soft: #fff1eb;
--brp-note-font: "Lora", serif;
--brp-head-font: "Roboto Slab", serif;
--brp-body-font: "Georgia", "Times New Roman", serif;
color: var(--brp-text);
}
/* Section titles */
.brp-section-title{
font-family: var(--brp-head-font);
font-size: 30px;
font-weight: 800;
letter-spacing: 0.5px;
color: var(--brp-heading);
line-height: 1.15;
margin: 0 0 12px 0;
}
/* Optional supporting note text */
.brp-section-note{
font-family: var(--brp-note-font);
font-size: 18px;
font-weight: 600;
font-style: italic;
letter-spacing: -0.6px;
color: var(--brp-muted);
margin: 0 0 16px 0;
}
/* Main plugin containers */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-category-manager{
width: 100%;
max-width: 100%;
color: var(--brp-text);
font-family: var(--brp-body-font);
}
/* Core card styling */
#cbxwpbookmark-front-bookmark-manager .v-card,
#cbxwpbookmark-front-category-manager .v-card{
background: var(--brp-card) !important;
border: 1px solid var(--brp-border) !important;
border-radius: 16px !important;
box-shadow: var(--brp-shadow) !important;
overflow: hidden;
}
/* Top content spacing */
#cbxwpbookmark-front-bookmark-manager .v-toolbar,
#cbxwpbookmark-front-category-manager .v-toolbar,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
background: transparent !important;
box-shadow: none !important;
border-bottom: none !important;
padding: 18px 18px 12px 18px !important;
}
/* Internal headings */
#cbxwpbookmark-front-bookmark-manager h1,
#cbxwpbookmark-front-bookmark-manager h2,
#cbxwpbookmark-front-bookmark-manager h3,
#cbxwpbookmark-front-category-manager h1,
#cbxwpbookmark-front-category-manager h2,
#cbxwpbookmark-front-category-manager h3{
font-family: var(--brp-head-font) !important;
color: var(--brp-heading) !important;
font-weight: 800 !important;
letter-spacing: 0.3px;
margin-bottom: 12px !important;
}
/* Body text */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-bookmark-manager p,
#cbxwpbookmark-front-bookmark-manager span,
#cbxwpbookmark-front-bookmark-manager div,
#cbxwpbookmark-front-category-manager,
#cbxwpbookmark-front-category-manager p,
#cbxwpbookmark-front-category-manager span,
#cbxwpbookmark-front-category-manager div{
color: var(--brp-text);
}
/* Buttons - base */
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 40px;
border-radius: 10px !important;
text-transform: none !important;
font-weight: 700 !important;
letter-spacing: 0.1px !important;
box-shadow: var(--brp-shadow-strong) !important;
border: 1px solid #797979 !important;
}
/* Standard buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn:not(.v-btn--icon),
#cbxwpbookmark-front-category-manager .v-btn:not(.v-btn--icon){
background: #ffffff !important;
color: var(--brp-heading) !important;
}
/* Strong CTA / add buttons / primary buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn.primary,
#cbxwpbookmark-front-bookmark-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.primary,
#cbxwpbookmark-front-category-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.success,
#cbxwpbookmark-front-bookmark-manager .v-btn.success{
background: var(--brp-accent) !important;
border: 1px solid var(--brp-accent) !important;
color: #fff !important;
}
/* Hover */
#cbxwpbookmark-front-bookmark-manager .v-btn:hover,
#cbxwpbookmark-front-category-manager .v-btn:hover{
transform: translateY(-1px);
filter: brightness(0.99);
}
/* Inputs */
#cbxwpbookmark-front-bookmark-manager .v-input__slot,
#cbxwpbookmark-front-category-manager .v-input__slot{
background: #fff !important;
border: 1px solid var(--brp-border) !important;
border-radius: 10px !important;
box-shadow: none !important;
min-height: 42px !important;
}
/* Input text */
#cbxwpbookmark-front-bookmark-manager input,
#cbxwpbookmark-front-category-manager input,
#cbxwpbookmark-front-bookmark-manager .v-label,
#cbxwpbookmark-front-category-manager .v-label{
color: var(--brp-text) !important;
}
/* Data table shell */
#cbxwpbookmark-front-bookmark-manager .v-data-table,
#cbxwpbookmark-front-category-manager .v-data-table{
border: 1px solid var(--brp-border);
border-radius: 14px;
overflow: hidden;
background: #fff;
box-shadow: none !important;
}
/* Table */
#cbxwpbookmark-front-bookmark-manager table,
#cbxwpbookmark-front-category-manager table{
width: 100% !important;
border-collapse: collapse !important;
background: #fff;
}
/* Table header */
#cbxwpbookmark-front-bookmark-manager thead th,
#cbxwpbookmark-front-category-manager thead th{
background: linear-gradient(90deg, #F37748 0%, #e56b3c 100%) !important;
color: #fff !important;
font-family: var(--brp-head-font) !important;
font-size: 14px;
font-weight: 700;
padding: 13px 12px !important;
border-right: 1px solid rgba(255,255,255,0.16) !important;
white-space: nowrap;
}
/* Table body */
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-category-manager td{
font-size: 14px;
line-height: 1.55;
color: var(--brp-text) !important;
padding: 14px 12px !important;
vertical-align: middle;
border-top: 1px solid #eee8e3 !important;
background: #fff !important;
}
/* Zebra softness */
#cbxwpbookmark-front-bookmark-manager tbody tr:nth-child(even) td,
#cbxwpbookmark-front-category-manager tbody tr:nth-child(even) td{
background: #fcfaf8 !important;
}
/* Title links */
#cbxwpbookmark-front-bookmark-manager a,
#cbxwpbookmark-front-category-manager a{
color: var(--brp-heading) !important;
text-decoration: none;
font-weight: 600;
}
#cbxwpbookmark-front-bookmark-manager a:hover,
#cbxwpbookmark-front-category-manager a:hover{
color: var(--brp-accent) !important;
text-decoration: underline;
}
/* Long titles wrap */
#cbxwpbookmark-front-bookmark-manager td:first-child{
white-space: normal !important;
word-break: break-word;
}
/* Action buttons: slightly accented */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn,
#cbxwpbookmark-front-category-manager td:last-child .v-btn{
background: #fff !important;
color: var(--brp-heading) !important;
border: 1px solid #b9b9b9 !important;
}
/* Optional: make delete buttons more orange if plugin has danger classes */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn.error,
#cbxwpbookmark-front-category-manager td:last-child .v-btn.error{
background: var(--brp-accent-soft) !important;
color: var(--brp-accent) !important;
border-color: rgba(243,119,72,0.35) !important;
}
/* Footer / pagination */
#cbxwpbookmark-front-bookmark-manager .v-data-footer,
#cbxwpbookmark-front-category-manager .v-data-footer{
background: transparent !important;
border-top: none !important;
padding: 14px 0 0 0 !important;
color: var(--brp-muted) !important;
font-family: var(--brp-body-font);
}
/* Toolbar layout */
#cbxwpbookmark-front-bookmark-manager .v-toolbar__content,
#cbxwpbookmark-front-category-manager .v-toolbar__content,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
/* Add some visual spacing between sections */
#cbxwpbookmark-front-bookmark-manager{
margin-bottom: 20px;
}
/* Helper labels / small notes inside plugin */
#cbxwpbookmark-front-bookmark-manager .text-caption,
#cbxwpbookmark-front-category-manager .text-caption,
#cbxwpbookmark-front-bookmark-manager .text--secondary,
#cbxwpbookmark-front-category-manager .text--secondary{
font-family: var(--brp-note-font) !important;
font-style: italic;
color: var(--brp-muted) !important;
}
/* Responsive */
@media (max-width: 1024px){
.brp-section-title{
font-size: 26px;
}
.brp-section-note{
font-size: 16px;
}
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-bookmark-manager th,
#cbxwpbookmark-front-category-manager td,
#cbxwpbookmark-front-category-manager th{
font-size: 13px;
padding: 10px 8px !important;
}
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 36px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5e3e5bb */.sap-timer-card {
background: #0C2C43;
}
.sap-timer-card__value{
color:white;
}
h3#sap-quiz-notes-title.sap-section-title{background: linear-gradient(
to bottom,
transparent 0%,
transparent 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 100%
);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66db153d *//* Softer / duller rainbow outline + glow */
#get-flowcharts-bar-chair-page{
border-radius: 10px;
position: default;
z-index: 3;
position:center;
}
/* Outline */
#get-flowcharts-bar-chair-page::before{
content: "";
position: absolute;
inset: -1px; /* outline thickness */
border-radius: inherit;
z-index: -1;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
opacity: 0.40; /* softer, but still visible */
}
/* Soft glow */
#get-flowcharts-bar-chair-page::after{
content: "";
position: absolute;
inset: -4px;
border-radius: inherit;
z-index: -2;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
filter: blur(0px);
opacity: 0.80; /* duller glow */
}
/* Keeps your actual element background clean */
#get-flowcharts-bar-chair-page{
background-clip: padding-box;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5c9a0c1 *//**
* Curriculum Checklist — Checklist styles
* File: cck-checklist.css
* Visual direction:
* - premium minimalist
* - off-white / ivory surfaces
* - deep navy text hierarchy
* - restrained rainbow accents
* - cleaner two-column node layout
*/
/* =========================
Shell / section wrappers
========================= */
.cck-checklist-shell{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
color: #17384D;
}
.cck-checklist-header{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.cck-checklist-header-main{
min-width: 0;
flex: 1 1 480px;
}
.cck-checklist-title-row{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.cck-checklist-title{
margin: 0;
font-size: 1.16rem;
line-height: 1.3;
font-weight: 800;
color: #0C2C43;
letter-spacing: -0.01em;
}
.cck-checklist-description{
margin: 7px 0 0;
font-size: 0.95rem;
line-height: 1.65;
color: rgba(12, 44, 67, 0.72);
}
.cck-checklist-header-meta{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.cck-checklist-meta-pill{
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 32px;
padding: 5px 11px;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 999px;
background: #F7F5EF;
font-size: 12px;
line-height: 1.4;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
}
.cck-checklist-meta-label{
color: rgba(12, 44, 67, 0.58);
font-weight: 600;
}
.cck-checklist-meta-value{
color: #0C2C43;
font-weight: 700;
}
.cck-section-subtitle{
font-size: 0.95rem;
font-weight: 800;
color: #0C2C43;
margin-bottom: 10px;
}
/* =========================
Tooltip
========================= */
.cck-checklist-tooltip-wrap{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: none;
}
.cck-checklist-tooltip-icon{
width: 18px;
height: 18px;
display: block;
object-fit: contain;
}
.cck-checklist-tooltip-fallback{
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 11px;
line-height: 1;
font-weight: 700;
color: #fff;
background: #0C2C43;
}
.cck-checklist-tooltip-content{
position: absolute;
z-index: 30;
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
width: min(320px, 78vw);
padding: 11px 13px;
border-radius: 14px;
border: 1px solid rgba(12, 44, 67, 0.10);
background: #FCFBF7;
box-shadow: 0 14px 32px rgba(12, 44, 67, 0.10);
color: #355166;
font-size: 12px;
line-height: 1.6;
opacity: 0;
visibility: hidden;
transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}
.cck-checklist-tooltip-wrap:hover .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus-within .cck-checklist-tooltip-content{
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* =========================
Guest / empty messages
========================= */
.cck-checklist-guest-message,
.cck-checklist-empty-tree,
.cck-inline-message{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #F8F6F1;
color: rgba(12, 44, 67, 0.78);
border-radius: 16px;
padding: 13px 15px;
font-size: 0.94rem;
line-height: 1.6;
}
.cck-inline-message.cck-error,
.cck-inline-message.cck-template-error{
background: #FDF2F4;
border-color: #F2C9CF;
color: #8D2C35;
}
/* =========================
Progress area
========================= */
.cck-checklist-progress-area{
display: grid;
grid-template-columns: minmax(260px, 380px) minmax(280px, 1fr);
gap: 16px;
align-items: start;
}
.cck-checklist-progress-pie-wrap,
.cck-checklist-progress-summary-wrap{
min-width: 0;
}
.cck-checklist-progress-summary-wrap{
display: flex;
flex-direction: column;
gap: 12px;
}
.cck-progress-summary-card,
.cck-last-completed-card,
.cck-subject-progress-card{
position: relative;
background: #FCFBF7;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 18px;
box-shadow: 0 8px 24px rgba(12, 44, 67, 0.05);
padding: 14px 16px;
overflow: hidden;
}
.cck-progress-summary-card::before,
.cck-last-completed-card::before,
.cck-subject-progress-card::before{
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 2px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.45),
rgba(233,176,123,0.45),
rgba(233,223,123,0.45),
rgba(134,224,163,0.45),
rgba(127,215,230,0.45),
rgba(138,167,234,0.45),
rgba(181,154,232,0.45),
rgba(232,143,201,0.45)
);
pointer-events: none;
}
.cck-progress-summary-top,
.cck-subject-progress-top{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.cck-progress-summary-title,
.cck-progress-summary-heading,
.cck-last-completed-title,
.cck-subject-progress-title{
font-weight: 800;
color: #0C2C43;
}
.cck-progress-summary-percent,
.cck-subject-progress-percent{
font-weight: 800;
color: #0C2C43;
white-space: nowrap;
font-size:1.2em;
}
.cck-progress-summary-bar,
.cck-subject-progress-bar,
.cck-node-subtree-progress{
position: relative;
width: 100%;
height: 10px;
border-radius: 999px;
background: #E9EEF2;
overflow: hidden;
margin-top: 12px;
}
.cck-progress-summary-fill,
.cck-subject-progress-fill,
.cck-node-subtree-progress-fill{
display: block;
height: 100%;
width: 0;
border-radius: inherit;
background: linear-gradient(
90deg,
rgba(233,123,123,0.88),
rgba(233,176,123,0.88),
rgba(233,223,123,0.88),
rgba(134,224,163,0.88),
rgba(127,215,230,0.88),
rgba(138,167,234,0.88),
rgba(181,154,232,0.88),
rgba(232,143,201,0.88)
);
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
font-size: 0.88rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.68);
}
.cck-progress-summary-stats{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 12px;
}
.cck-progress-stat{
min-width: 90px;
}
.cck-progress-stat-label{
display: block;
font-size: 0.74rem;
color: rgba(12, 44, 67, 0.58);
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.cck-progress-stat-value{
display: block;
font-size: 0.9rem;
font-weight: 700;
color: #0C2C43;
}
.cck-last-completed-body{
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.cck-last-completed-item{
font-size: 0.95rem;
font-weight: 700;
line-height: 1.55;
color: #0C2C43;
}
.cck-last-completed-subject,
.cck-last-completed-date{
font-size: 0.85rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.60);
}
.cck-subject-progress-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-subject-progress-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
}
.cck-subject-progress-right{
display: inline-flex;
align-items: center;
gap: 8px;
}
.cck-subject-progress-weight{
font-size: 0.82rem;
line-height: 1.3;
font-weight: 700;
color: rgba(12, 44, 67, 0.56);
}
/* =========================
Tree section
========================= */
.cck-checklist-tree-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-checklist-tree{
display: flex;
flex-direction: column;
gap: 10px;
}
/* =========================
Node card / row
Premium two-column structure
========================= */
.cck-checklist-node{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
transition: box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
box-shadow: 0 3px 10px rgba(12, 44, 67, 0.04);
}
.cck-checklist-node:hover{
border-color: rgba(12, 44, 67, 0.14);
box-shadow: 0 8px 22px rgba(12, 44, 67, 0.07);
}
.cck-node-is-inactive{
opacity: 0.72;
}
.cck-node-is-checkable.cck-node-is-checked{
background:
linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
linear-gradient(
90deg,
rgba(240,253,244,0.90),
rgba(252,251,247,1)
);
}
.cck-node-row{
width: 100%;
}
/* Main split: utility column + content column */
.cck-node-main{
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
align-items: start;
gap: 0;
padding: 0;
min-width: 0;
}
/* Left utility column */
.cck-node-toggle,
.cck-node-toggle-placeholder,
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
position: relative;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder,
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
display: flex;
align-items: flex-start;
justify-content: center;
min-height: 100%;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder{
padding-top: 16px;
}
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
padding-top: 16px;
}
.cck-node-toggle,
.cck-node-toggle-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
}
.cck-node-toggle{
appearance: none;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
border-radius: 8px;
}
.cck-node-toggle:hover{
background: rgba(12, 44, 67, 0.06);
}
.cck-node-toggle-icon{
position: absolute;
inset: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cck-node-toggle-icon::before{
content: "";
width: 8px;
height: 8px;
border-right: 2px solid #4A6478;
border-bottom: 2px solid #4A6478;
transform: rotate(45deg);
transition: transform 0.18s ease;
margin-top: -2px;
}
.cck-node-toggle[aria-expanded="false"] .cck-node-toggle-icon::before{
transform: rotate(-45deg);
margin-top: 0;
}
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
position: relative;
}
.cck-node-checkbox{
position: absolute;
inset: 0;
opacity: 0;
margin: 0;
cursor: pointer;
}
.cck-node-checkbox-ui{
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 7px;
border: 1.5px solid rgba(12, 44, 67, 0.18);
background: #FFFFFF;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.cck-node-checkbox:hover + .cck-node-checkbox-ui,
.cck-node-checkbox:focus + .cck-node-checkbox-ui{
border-color: #F37748;
box-shadow: 0 0 0 3px rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui{
border-color: #F37748;
background: rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui::after{
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #F37748;
border-bottom: 2px solid #F37748;
transform: rotate(-45deg);
margin-top: -1px;
}
.cck-node-checkbox:disabled + .cck-node-checkbox-ui{
opacity: 0.58;
cursor: not-allowed;
}
/* Right content column */
.cck-node-content{
min-width: 0;
flex: none;
padding: 14px 16px 14px 0;
position: relative;
}
.cck-node-content::before{
content: "";
position: absolute;
left: -14px;
top: 12px;
bottom: 12px;
width: 1px;
background: rgba(12, 44, 67, 0.06);
}
.cck-node-title-row{
display: flex;
align-items: flex-start;
gap: 8px;
flex-wrap: wrap;
min-width: 0;
}
.cck-node-title{
font-size: 0.95rem;
line-height: 1.6;
font-weight: 700;
color: #0C2C43;
min-width: 0;
word-break: break-word;
}
.cck-node-meta{
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
margin-top: 7px;
}
.cck-node-meta-item{
font-size: 0.78rem;
line-height: 1.45;
color: rgba(12, 44, 67, 0.58);
}
.cck-node-status-badge{
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 2px 8px;
border-radius: 999px;
font-size: 0.72rem;
line-height: 1.3;
font-weight: 700;
border: 1px solid transparent;
}
.cck-node-status-done{
color: #1E5A3A;
background: #EEF9F1;
border-color: #CDEDD6;
}
.cck-node-status-inactive{
color: #5A6F80;
background: #EEF3F7;
border-color: #D6E0E8;
}
/* Optional per-node progress */
.cck-node-subtree-progress{
margin-top: 10px;
}
/* =========================
Children / nesting
========================= */
.cck-node-children{
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 10px 10px 10px;
}
.cck-node-children[hidden]{
display: none !important;
}
.cck-node-depth-1{ margin-left: 12px; }
.cck-node-depth-2{ margin-left: 24px; }
.cck-node-depth-3{ margin-left: 36px; }
.cck-node-depth-4{ margin-left: 48px; }
.cck-node-depth-5{ margin-left: 60px; }
.cck-node-depth-6{ margin-left: 72px; }
/* =========================
Loading / pending state hooks
========================= */
.cck-checklist-shell.is-saving .cck-node-checkbox-ui,
.cck-checklist-node.is-saving .cck-node-checkbox-ui{
opacity: 0.72;
}
.cck-checklist-shell.is-loading{
pointer-events: none;
opacity: 0.88;
}
.cck-node-rail::before{
z-index: 1;
}
.cck-node-toggle-placeholder{
position: relative;
z-index: 0;
background: transparent;
}
.cck-node-checkbox-wrap{
position: relative;
z-index: 2;
}
/* =========================================
SUBJECT PROGRESS VIEWPORT
Applies to all subject progress sliders
========================================= */
.cck-subject-progress-viewport{
padding: 20px 5px;
border: 2px dashed #c1c1c1;
border-radius: 10px;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* keep the card centered inside each slide */
.cck-subject-progress-slide{
display: flex;
justify-content: center;
}
.cck-subject-progress-card{
width: 95%;
max-width: 100%;
}
/* =========================================
BUTTON HOVER / FOCUS
Your current .elementor-1301 .elementor-element.elementor-element-5c9a0c1 is too broad and has one broken piece:
".ast-custom-button:hover .button:hover"
========================================= */
button:focus,
button:hover,
.menu-toggle:hover,
.ast-button:hover,
.ast-custom-button:hover,
.button:hover,
input[type="reset"]:hover,
input[type="reset"]:focus,
input#submit:hover,
input#submit:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body .wp-block-file .wp-block-file__button:focus{
background-color: #f37748;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* =========================================
SUBJECT LEVEL ONLY
Keep the boxed look only for subject rows
========================================= */
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content{
min-width: 0;
width: 100%;
padding: 14px 16px 14px 0;
position: relative;
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
}
/* =========================================
TOPIC AND DOWNWARDS ONLY
This is the important fix:
do NOT target all .cck-checklist-node
========================================= */
.cck-checklist-node:not(.cck-node-level-subject){
border: none !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
transition: none !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
overflow: visible !important;
}
/* =========================================
TREE SECTION WRAPPER
This styles the whole checklist tree section only
========================================= */
.cck-checklist-tree-section{
padding: 15px;
border-radius: 10px;
border: 2px dashed #c1c1c1;
}
/* Topic level and below: faint horizontal row borders only */
.cck-node-level-topic > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-item > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subitem > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subsubdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail2 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail3 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail4 > .cck-node-row > .cck-node-main > .cck-node-content{
border-top: 1px dotted #c1c1c1 !important;
border-bottom: 1px dotted #c1c1c1 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content
{
border: none;
box-shadow: none;
}
/* =========================
Responsive
========================= */
@media (max-width: 920px){
.cck-checklist-progress-area{
grid-template-columns: 1fr;
}
}
@media (max-width: 640px){
.cck-checklist-header{
flex-direction: column;
align-items: stretch;
}
.cck-node-main{
grid-template-columns: 46px minmax(0, 1fr);
}
.cck-node-content{
padding: 12px 12px 12px 0;
}
.cck-node-content::before{
left: -10px;
}
.cck-node-depth-1{ margin-left: 8px; }
.cck-node-depth-2{ margin-left: 14px; }
.cck-node-depth-3{ margin-left: 20px; }
.cck-node-depth-4{ margin-left: 26px; }
.cck-node-depth-5{ margin-left: 32px; }
.cck-node-depth-6{ margin-left: 38px; }
.cck-subject-progress-list{
grid-template-columns: 1fr;
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
flex-direction: column;
align-items: flex-start;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d10370f */.plr-news-featured-kicker {
font-size:15px;
background: linear-gradient(
to right,
#F3774885 0%,
#F3774885 10%,
transparent 25%,
transparent 100%
);
padding: 0 .08em;
border-radius: .15em;
}
.plr-news-featured {
margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-16154ce */.sap-leaderboard-growth-card, #growth-snapshot-section{
border:none;
background: #9F9F9F7D;
}
.sap-card.sap-leaderboard-growth-card .sap-section-title {
color:#0c2c43;
font-size:25px;
}
.sap-leaderboard__header{
gap:0px;
}
.sap-distribution-bin__you {
font-size: 15px;
font-weight: 700;
margin-top:-5px;
}
.sap-leaderboard-table {
box-shadow: 1px 1px 5px 1px #c1c1c1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f020520 */#icon-leaderboards {
position: relative;
isolation: isolate;
overflow: visible !important;
}
/* NORMAL STATE: animated full border */
#icon-leaderboards:not([aria-selected="true"])::before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 2.5px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBorderTravel 8s linear infinite,
leaderboardBorderPulse 8s ease-in-out infinite;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}
/* ACTIVE STATE: remove full border */
#icon-leaderboards[aria-selected="true"]::before {
content: none;
}
/* ACTIVE STATE: animated centered bottom border only */
#icon-leaderboards[aria-selected="true"]::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 70%;
height: 3px;
transform: translateX(-50%) scaleX(0);
transform-origin: center center;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBottomReveal 0.7s ease-out forwards,
leaderboardBottomTravel 8s linear infinite 0.7s,
leaderboardBottomPulse 8s ease-in-out infinite 0.7s;
pointer-events: none;
z-index: 3;
}
/* Optional: keep icon white */
#icon-leaderboards .e-n-tab-icon svg {
fill: #ffffff !important;
}
/* Full border gradient movement */
@keyframes leaderboardBorderTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Full border pulsing */
@keyframes leaderboardBorderPulse {
0%, 100% {
opacity: 1;
filter: drop-shadow(0 0 3px rgba(233,123,123,0.22))
drop-shadow(0 0 6px rgba(127,215,230,0.18));
}
50% {
opacity: 1;
filter: drop-shadow(0 0 5px rgba(233,123,123,0.32))
drop-shadow(0 0 10px rgba(127,215,230,0.26));
}
}
/* Bottom border reveal from left to right */
@keyframes leaderboardBottomReveal {
0% {
transform: scaleX(0);
opacity: 0.2;
}
100% {
transform: scaleX(1);
opacity: 1;
}
}
/* Bottom border gradient movement */
@keyframes leaderboardBottomTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Bottom border pulsing */
@keyframes leaderboardBottomReveal {
0% {
transform: translateX(-50%) scaleX(0);
opacity: 0.2;
}
100% {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
}
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg,
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg path {
fill: #f37748 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-95bf07b */.plr-daily-random-post-card{
background:#d8cccc;
border:1px solid #8b8b8b;
border-radius:14px;
padding:22px 26px;
box-shadow:0 4px 14px rgba(0,0,0,.10);
}
.plr-drp-title{
margin:0 0 12px;
font-size:1.2rem;
line-height:1.3;
font-weight:700;
font-family: "Roboto Slab", Sans-serif;
color:#0c2c43;
}
.plr-drp-title a{
color:#111;
text-decoration:none;
}
.plr-drp-title a:hover{
text-decoration:underline;
}
.plr-drp-tags{
margin:0 0 14px;
line-height:1.7;
}
.plr-drp-tags a{
display:inline-block;
margin:0 8px 8px 0;
padding:4px 10px;
border:1px solid #555;
border-radius:999px;
font-size:.85rem;
text-decoration:none;
color:#222;
background:rgba(255,255,255,.35);
}
.plr-drp-excerpt{
margin-bottom:22px;
color:#222;
font-size:1rem;
line-height:1.7;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden;
}
.plr-drp-button-wrap{
margin-top:10px;
}
.plr-drp-button{
display:inline-block;
font-weight:700;
text-decoration:none;
color:#111;
border:2px solid #C1C1C1;
padding:10px;
border-radius:8px;
transition:.2s ease;
}
.plr-daily-random-post-card .plr-drp-button{
display:inline-block;
font-weight:600;
text-decoration:none;
color:#111;
border:2px solid #111;
padding:10px 16px;
border-radius:8px;
transition:.2s ease;
font-size:15px;
}
.plr-drp-button:hover{
background:#F3774885;
color:#222;
}
.plr-daily-random-post-card {
background: #F3774885;
border: 1px solid #8b8b8b;
border-radius: 14px;
padding: 22px 26px;
box-shadow: 0 4px 14px rgba(0, 0, 0, .10);
}
.plr-daily-random-post-card .plr-drp-button {
display: inline-block;
font-weight: 700;
text-decoration: none;
color: #0C2C43;
border: 2px solid #0C2C43;
padding: 8px 10px;
border-radius: 10px;
transition: .2s ease;
font-size: 12px;
}
#plr-todays-recommended-heading{
margin: 0 0 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: #0C2C43;
background: linear-gradient(
to right,
#fff 0%,
#fff 10%,
transparent 35%,
transparent 100%);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9b35ae */a.louis-tag-btn {
box-shadow: 1px 2px 5px -3px #919191;}
.louis-subject-dropdown {
background: #9f9f9f7d;
}
select#louis-subject-dropdown.louis-subject-dropdown{
background: #9f9f9f7d;
}
div#sap-dashboard-reminders.sap-card.sap-dashboard-reminders.sap-section-title/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f048c59 */.popular-tags-wrap{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.popular-tag-btn{
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border: 1px solid #d9d9d9;
border-radius: 999px;
background: #fff;
color: #222;
text-decoration: none;
font-size: 14px;
line-height: 1;
transition: all 0.2s ease;
}
.popular-tag-btn:hover{
transform: translateY(-1px);
border-color: #999;
}
.tag-count{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 999px;
background: #f1f1f1;
font-size: 12px;
font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d5470b */div.brp-bookmarks-manager-wrap {
border-radius: 10px !important;
overflow: auto;
scrollbar-gutter: stable;
}
.brp-bookmarks-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
.brp-bookmarks-table thead th:last-child {
border-right: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fc5dbba *//*****************************************************
* Highlite – Filter + Table Styling (Dashboard)
* Scope: #highlite-section-user-dashboard
*****************************************************/
/* =========================
FILTER BAR
========================= */
#highlite-section-user-dashboard .highlite-filter {
padding: 10px;
}
/* Dropdowns */
#highlite-section-user-dashboard select[name="highlite_sortby"],
#highlite-section-user-dashboard select[name="highlite_order"] {
width: 25%;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Search input */
#highlite-section-user-dashboard input[name="highlite_search"] {
width: 30%;
border: 1px dashed #d0d0d0;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Submit controls */
#highlite-section-user-dashboard button[type="submit"],
#highlite-section-user-dashboard input[type="submit"] {
margin: 0 5px;
padding: 12px 20px;
border: 0;
border-radius: 5px;
background: #f77748;
color: #fff;
font-family: 'Lora', serif;
cursor: pointer;
transition: filter 0.2s ease;
}
#highlite-section-user-dashboard button[type="submit"]:hover,
#highlite-section-user-dashboard input[type="submit"]:hover {
filter: brightness(0.95);
}
/* =========================
TABLE WRAPPER
Only scrolls if needed
========================= */
#highlite-section-user-dashboard .highlite-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable;
}
/* =========================
TABLE
Styled to visually match the bookmarks table family
without being an exact duplicate
========================= */
#highlite-section-user-dashboard table.highlite-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid #ead6cf;
border-radius: 10px;
overflow: hidden;
}
/* Header */
#highlite-section-user-dashboard table.highlite-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
#highlite-section-user-dashboard table.highlite-table thead th:last-child {
border-right: 0;
}
/* Body cells */
#highlite-section-user-dashboard table.highlite-table tbody td {
background: #fff;
color: var(--brp-bm-text);
font-size: 14px;
line-height: 1.55;
padding: 14px 12px;
vertical-align: middle;
border-top: 1px solid #eee8e3;
}
/* Subtle striping */
#highlite-section-user-dashboard table.highlite-table tbody tr:nth-child(even) td {
background: #fffaf8;
}
/* Hover */
#highlite-section-user-dashboard table.highlite-table tbody tr:hover td {
background: #fff3ee;
transition: background 0.2s ease;
}
/* Bottom outer corners */
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
/* =========================
LINKS
========================= */
#highlite-section-user-dashboard a,
#highlite-section-user-dashboard a:visited {
color: #000;
}
#highlite-section-user-dashboard table.highlite-table a:hover,
#highlite-section-user-dashboard table.highlite-table a:focus {
text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b4a1f4 *//* =========================================
BARRISTER REVIEW PORTAL – BOOKMARK RESKIN
V2 aligned to your actual design language
========================================= */
.brp-bookmark-shell{
--brp-bg: #f5f3f1;
--brp-card: #ffffff;
--brp-border: #d8d8d8;
--brp-shadow: 0 2px 10px -2px rgba(27, 27, 27, 0.18);
--brp-shadow-strong: -1px 0px 10px -2px rgba(27, 27, 27, 0.35);
--brp-heading: #0C2C43;
--brp-text: #425466;
--brp-muted: #5A5A5A;
--brp-accent: #F37748;
--brp-accent-dark: #e56b3c;
--brp-accent-soft: #fff1eb;
--brp-note-font: "Lora", serif;
--brp-head-font: "Roboto Slab", serif;
--brp-body-font: "Georgia", "Times New Roman", serif;
color: var(--brp-text);
}
/* Section titles */
.brp-section-title{
font-family: var(--brp-head-font);
font-size: 30px;
font-weight: 800;
letter-spacing: 0.5px;
color: var(--brp-heading);
line-height: 1.15;
margin: 0 0 12px 0;
}
/* Optional supporting note text */
.brp-section-note{
font-family: var(--brp-note-font);
font-size: 18px;
font-weight: 600;
font-style: italic;
letter-spacing: -0.6px;
color: var(--brp-muted);
margin: 0 0 16px 0;
}
/* Main plugin containers */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-category-manager{
width: 100%;
max-width: 100%;
color: var(--brp-text);
font-family: var(--brp-body-font);
}
/* Core card styling */
#cbxwpbookmark-front-bookmark-manager .v-card,
#cbxwpbookmark-front-category-manager .v-card{
background: var(--brp-card) !important;
border: 1px solid var(--brp-border) !important;
border-radius: 16px !important;
box-shadow: var(--brp-shadow) !important;
overflow: hidden;
}
/* Top content spacing */
#cbxwpbookmark-front-bookmark-manager .v-toolbar,
#cbxwpbookmark-front-category-manager .v-toolbar,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
background: transparent !important;
box-shadow: none !important;
border-bottom: none !important;
padding: 18px 18px 12px 18px !important;
}
/* Internal headings */
#cbxwpbookmark-front-bookmark-manager h1,
#cbxwpbookmark-front-bookmark-manager h2,
#cbxwpbookmark-front-bookmark-manager h3,
#cbxwpbookmark-front-category-manager h1,
#cbxwpbookmark-front-category-manager h2,
#cbxwpbookmark-front-category-manager h3{
font-family: var(--brp-head-font) !important;
color: var(--brp-heading) !important;
font-weight: 800 !important;
letter-spacing: 0.3px;
margin-bottom: 12px !important;
}
/* Body text */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-bookmark-manager p,
#cbxwpbookmark-front-bookmark-manager span,
#cbxwpbookmark-front-bookmark-manager div,
#cbxwpbookmark-front-category-manager,
#cbxwpbookmark-front-category-manager p,
#cbxwpbookmark-front-category-manager span,
#cbxwpbookmark-front-category-manager div{
color: var(--brp-text);
}
/* Buttons - base */
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 40px;
border-radius: 10px !important;
text-transform: none !important;
font-weight: 700 !important;
letter-spacing: 0.1px !important;
box-shadow: var(--brp-shadow-strong) !important;
border: 1px solid #797979 !important;
}
/* Standard buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn:not(.v-btn--icon),
#cbxwpbookmark-front-category-manager .v-btn:not(.v-btn--icon){
background: #ffffff !important;
color: var(--brp-heading) !important;
}
/* Strong CTA / add buttons / primary buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn.primary,
#cbxwpbookmark-front-bookmark-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.primary,
#cbxwpbookmark-front-category-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.success,
#cbxwpbookmark-front-bookmark-manager .v-btn.success{
background: var(--brp-accent) !important;
border: 1px solid var(--brp-accent) !important;
color: #fff !important;
}
/* Hover */
#cbxwpbookmark-front-bookmark-manager .v-btn:hover,
#cbxwpbookmark-front-category-manager .v-btn:hover{
transform: translateY(-1px);
filter: brightness(0.99);
}
/* Inputs */
#cbxwpbookmark-front-bookmark-manager .v-input__slot,
#cbxwpbookmark-front-category-manager .v-input__slot{
background: #fff !important;
border: 1px solid var(--brp-border) !important;
border-radius: 10px !important;
box-shadow: none !important;
min-height: 42px !important;
}
/* Input text */
#cbxwpbookmark-front-bookmark-manager input,
#cbxwpbookmark-front-category-manager input,
#cbxwpbookmark-front-bookmark-manager .v-label,
#cbxwpbookmark-front-category-manager .v-label{
color: var(--brp-text) !important;
}
/* Data table shell */
#cbxwpbookmark-front-bookmark-manager .v-data-table,
#cbxwpbookmark-front-category-manager .v-data-table{
border: 1px solid var(--brp-border);
border-radius: 14px;
overflow: hidden;
background: #fff;
box-shadow: none !important;
}
/* Table */
#cbxwpbookmark-front-bookmark-manager table,
#cbxwpbookmark-front-category-manager table{
width: 100% !important;
border-collapse: collapse !important;
background: #fff;
}
/* Table header */
#cbxwpbookmark-front-bookmark-manager thead th,
#cbxwpbookmark-front-category-manager thead th{
background: linear-gradient(90deg, #F37748 0%, #e56b3c 100%) !important;
color: #fff !important;
font-family: var(--brp-head-font) !important;
font-size: 14px;
font-weight: 700;
padding: 13px 12px !important;
border-right: 1px solid rgba(255,255,255,0.16) !important;
white-space: nowrap;
}
/* Table body */
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-category-manager td{
font-size: 14px;
line-height: 1.55;
color: var(--brp-text) !important;
padding: 14px 12px !important;
vertical-align: middle;
border-top: 1px solid #eee8e3 !important;
background: #fff !important;
}
/* Zebra softness */
#cbxwpbookmark-front-bookmark-manager tbody tr:nth-child(even) td,
#cbxwpbookmark-front-category-manager tbody tr:nth-child(even) td{
background: #fcfaf8 !important;
}
/* Title links */
#cbxwpbookmark-front-bookmark-manager a,
#cbxwpbookmark-front-category-manager a{
color: var(--brp-heading) !important;
text-decoration: none;
font-weight: 600;
}
#cbxwpbookmark-front-bookmark-manager a:hover,
#cbxwpbookmark-front-category-manager a:hover{
color: var(--brp-accent) !important;
text-decoration: underline;
}
/* Long titles wrap */
#cbxwpbookmark-front-bookmark-manager td:first-child{
white-space: normal !important;
word-break: break-word;
}
/* Action buttons: slightly accented */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn,
#cbxwpbookmark-front-category-manager td:last-child .v-btn{
background: #fff !important;
color: var(--brp-heading) !important;
border: 1px solid #b9b9b9 !important;
}
/* Optional: make delete buttons more orange if plugin has danger classes */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn.error,
#cbxwpbookmark-front-category-manager td:last-child .v-btn.error{
background: var(--brp-accent-soft) !important;
color: var(--brp-accent) !important;
border-color: rgba(243,119,72,0.35) !important;
}
/* Footer / pagination */
#cbxwpbookmark-front-bookmark-manager .v-data-footer,
#cbxwpbookmark-front-category-manager .v-data-footer{
background: transparent !important;
border-top: none !important;
padding: 14px 0 0 0 !important;
color: var(--brp-muted) !important;
font-family: var(--brp-body-font);
}
/* Toolbar layout */
#cbxwpbookmark-front-bookmark-manager .v-toolbar__content,
#cbxwpbookmark-front-category-manager .v-toolbar__content,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
/* Add some visual spacing between sections */
#cbxwpbookmark-front-bookmark-manager{
margin-bottom: 20px;
}
/* Helper labels / small notes inside plugin */
#cbxwpbookmark-front-bookmark-manager .text-caption,
#cbxwpbookmark-front-category-manager .text-caption,
#cbxwpbookmark-front-bookmark-manager .text--secondary,
#cbxwpbookmark-front-category-manager .text--secondary{
font-family: var(--brp-note-font) !important;
font-style: italic;
color: var(--brp-muted) !important;
}
/* Responsive */
@media (max-width: 1024px){
.brp-section-title{
font-size: 26px;
}
.brp-section-note{
font-size: 16px;
}
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-bookmark-manager th,
#cbxwpbookmark-front-category-manager td,
#cbxwpbookmark-front-category-manager th{
font-size: 13px;
padding: 10px 8px !important;
}
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 36px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5e3e5bb */.sap-timer-card {
background: #0C2C43;
}
.sap-timer-card__value{
color:white;
}
h3#sap-quiz-notes-title.sap-section-title{background: linear-gradient(
to bottom,
transparent 0%,
transparent 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 100%
);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66db153d *//* Softer / duller rainbow outline + glow */
#get-flowcharts-bar-chair-page{
border-radius: 10px;
position: default;
z-index: 3;
position:center;
}
/* Outline */
#get-flowcharts-bar-chair-page::before{
content: "";
position: absolute;
inset: -1px; /* outline thickness */
border-radius: inherit;
z-index: -1;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
opacity: 0.40; /* softer, but still visible */
}
/* Soft glow */
#get-flowcharts-bar-chair-page::after{
content: "";
position: absolute;
inset: -4px;
border-radius: inherit;
z-index: -2;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
filter: blur(0px);
opacity: 0.80; /* duller glow */
}
/* Keeps your actual element background clean */
#get-flowcharts-bar-chair-page{
background-clip: padding-box;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5c9a0c1 *//**
* Curriculum Checklist — Checklist styles
* File: cck-checklist.css
* Visual direction:
* - premium minimalist
* - off-white / ivory surfaces
* - deep navy text hierarchy
* - restrained rainbow accents
* - cleaner two-column node layout
*/
/* =========================
Shell / section wrappers
========================= */
.cck-checklist-shell{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
color: #17384D;
}
.cck-checklist-header{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.cck-checklist-header-main{
min-width: 0;
flex: 1 1 480px;
}
.cck-checklist-title-row{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.cck-checklist-title{
margin: 0;
font-size: 1.16rem;
line-height: 1.3;
font-weight: 800;
color: #0C2C43;
letter-spacing: -0.01em;
}
.cck-checklist-description{
margin: 7px 0 0;
font-size: 0.95rem;
line-height: 1.65;
color: rgba(12, 44, 67, 0.72);
}
.cck-checklist-header-meta{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.cck-checklist-meta-pill{
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 32px;
padding: 5px 11px;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 999px;
background: #F7F5EF;
font-size: 12px;
line-height: 1.4;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
}
.cck-checklist-meta-label{
color: rgba(12, 44, 67, 0.58);
font-weight: 600;
}
.cck-checklist-meta-value{
color: #0C2C43;
font-weight: 700;
}
.cck-section-subtitle{
font-size: 0.95rem;
font-weight: 800;
color: #0C2C43;
margin-bottom: 10px;
}
/* =========================
Tooltip
========================= */
.cck-checklist-tooltip-wrap{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: none;
}
.cck-checklist-tooltip-icon{
width: 18px;
height: 18px;
display: block;
object-fit: contain;
}
.cck-checklist-tooltip-fallback{
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 11px;
line-height: 1;
font-weight: 700;
color: #fff;
background: #0C2C43;
}
.cck-checklist-tooltip-content{
position: absolute;
z-index: 30;
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
width: min(320px, 78vw);
padding: 11px 13px;
border-radius: 14px;
border: 1px solid rgba(12, 44, 67, 0.10);
background: #FCFBF7;
box-shadow: 0 14px 32px rgba(12, 44, 67, 0.10);
color: #355166;
font-size: 12px;
line-height: 1.6;
opacity: 0;
visibility: hidden;
transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}
.cck-checklist-tooltip-wrap:hover .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus-within .cck-checklist-tooltip-content{
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* =========================
Guest / empty messages
========================= */
.cck-checklist-guest-message,
.cck-checklist-empty-tree,
.cck-inline-message{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #F8F6F1;
color: rgba(12, 44, 67, 0.78);
border-radius: 16px;
padding: 13px 15px;
font-size: 0.94rem;
line-height: 1.6;
}
.cck-inline-message.cck-error,
.cck-inline-message.cck-template-error{
background: #FDF2F4;
border-color: #F2C9CF;
color: #8D2C35;
}
/* =========================
Progress area
========================= */
.cck-checklist-progress-area{
display: grid;
grid-template-columns: minmax(260px, 380px) minmax(280px, 1fr);
gap: 16px;
align-items: start;
}
.cck-checklist-progress-pie-wrap,
.cck-checklist-progress-summary-wrap{
min-width: 0;
}
.cck-checklist-progress-summary-wrap{
display: flex;
flex-direction: column;
gap: 12px;
}
.cck-progress-summary-card,
.cck-last-completed-card,
.cck-subject-progress-card{
position: relative;
background: #FCFBF7;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 18px;
box-shadow: 0 8px 24px rgba(12, 44, 67, 0.05);
padding: 14px 16px;
overflow: hidden;
}
.cck-progress-summary-card::before,
.cck-last-completed-card::before,
.cck-subject-progress-card::before{
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 2px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.45),
rgba(233,176,123,0.45),
rgba(233,223,123,0.45),
rgba(134,224,163,0.45),
rgba(127,215,230,0.45),
rgba(138,167,234,0.45),
rgba(181,154,232,0.45),
rgba(232,143,201,0.45)
);
pointer-events: none;
}
.cck-progress-summary-top,
.cck-subject-progress-top{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.cck-progress-summary-title,
.cck-progress-summary-heading,
.cck-last-completed-title,
.cck-subject-progress-title{
font-weight: 800;
color: #0C2C43;
}
.cck-progress-summary-percent,
.cck-subject-progress-percent{
font-weight: 800;
color: #0C2C43;
white-space: nowrap;
font-size:1.2em;
}
.cck-progress-summary-bar,
.cck-subject-progress-bar,
.cck-node-subtree-progress{
position: relative;
width: 100%;
height: 10px;
border-radius: 999px;
background: #E9EEF2;
overflow: hidden;
margin-top: 12px;
}
.cck-progress-summary-fill,
.cck-subject-progress-fill,
.cck-node-subtree-progress-fill{
display: block;
height: 100%;
width: 0;
border-radius: inherit;
background: linear-gradient(
90deg,
rgba(233,123,123,0.88),
rgba(233,176,123,0.88),
rgba(233,223,123,0.88),
rgba(134,224,163,0.88),
rgba(127,215,230,0.88),
rgba(138,167,234,0.88),
rgba(181,154,232,0.88),
rgba(232,143,201,0.88)
);
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
font-size: 0.88rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.68);
}
.cck-progress-summary-stats{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 12px;
}
.cck-progress-stat{
min-width: 90px;
}
.cck-progress-stat-label{
display: block;
font-size: 0.74rem;
color: rgba(12, 44, 67, 0.58);
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.cck-progress-stat-value{
display: block;
font-size: 0.9rem;
font-weight: 700;
color: #0C2C43;
}
.cck-last-completed-body{
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.cck-last-completed-item{
font-size: 0.95rem;
font-weight: 700;
line-height: 1.55;
color: #0C2C43;
}
.cck-last-completed-subject,
.cck-last-completed-date{
font-size: 0.85rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.60);
}
.cck-subject-progress-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-subject-progress-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
}
.cck-subject-progress-right{
display: inline-flex;
align-items: center;
gap: 8px;
}
.cck-subject-progress-weight{
font-size: 0.82rem;
line-height: 1.3;
font-weight: 700;
color: rgba(12, 44, 67, 0.56);
}
/* =========================
Tree section
========================= */
.cck-checklist-tree-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-checklist-tree{
display: flex;
flex-direction: column;
gap: 10px;
}
/* =========================
Node card / row
Premium two-column structure
========================= */
.cck-checklist-node{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
transition: box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
box-shadow: 0 3px 10px rgba(12, 44, 67, 0.04);
}
.cck-checklist-node:hover{
border-color: rgba(12, 44, 67, 0.14);
box-shadow: 0 8px 22px rgba(12, 44, 67, 0.07);
}
.cck-node-is-inactive{
opacity: 0.72;
}
.cck-node-is-checkable.cck-node-is-checked{
background:
linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
linear-gradient(
90deg,
rgba(240,253,244,0.90),
rgba(252,251,247,1)
);
}
.cck-node-row{
width: 100%;
}
/* Main split: utility column + content column */
.cck-node-main{
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
align-items: start;
gap: 0;
padding: 0;
min-width: 0;
}
/* Left utility column */
.cck-node-toggle,
.cck-node-toggle-placeholder,
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
position: relative;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder,
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
display: flex;
align-items: flex-start;
justify-content: center;
min-height: 100%;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder{
padding-top: 16px;
}
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
padding-top: 16px;
}
.cck-node-toggle,
.cck-node-toggle-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
}
.cck-node-toggle{
appearance: none;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
border-radius: 8px;
}
.cck-node-toggle:hover{
background: rgba(12, 44, 67, 0.06);
}
.cck-node-toggle-icon{
position: absolute;
inset: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cck-node-toggle-icon::before{
content: "";
width: 8px;
height: 8px;
border-right: 2px solid #4A6478;
border-bottom: 2px solid #4A6478;
transform: rotate(45deg);
transition: transform 0.18s ease;
margin-top: -2px;
}
.cck-node-toggle[aria-expanded="false"] .cck-node-toggle-icon::before{
transform: rotate(-45deg);
margin-top: 0;
}
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
position: relative;
}
.cck-node-checkbox{
position: absolute;
inset: 0;
opacity: 0;
margin: 0;
cursor: pointer;
}
.cck-node-checkbox-ui{
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 7px;
border: 1.5px solid rgba(12, 44, 67, 0.18);
background: #FFFFFF;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.cck-node-checkbox:hover + .cck-node-checkbox-ui,
.cck-node-checkbox:focus + .cck-node-checkbox-ui{
border-color: #F37748;
box-shadow: 0 0 0 3px rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui{
border-color: #F37748;
background: rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui::after{
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #F37748;
border-bottom: 2px solid #F37748;
transform: rotate(-45deg);
margin-top: -1px;
}
.cck-node-checkbox:disabled + .cck-node-checkbox-ui{
opacity: 0.58;
cursor: not-allowed;
}
/* Right content column */
.cck-node-content{
min-width: 0;
flex: none;
padding: 14px 16px 14px 0;
position: relative;
}
.cck-node-content::before{
content: "";
position: absolute;
left: -14px;
top: 12px;
bottom: 12px;
width: 1px;
background: rgba(12, 44, 67, 0.06);
}
.cck-node-title-row{
display: flex;
align-items: flex-start;
gap: 8px;
flex-wrap: wrap;
min-width: 0;
}
.cck-node-title{
font-size: 0.95rem;
line-height: 1.6;
font-weight: 700;
color: #0C2C43;
min-width: 0;
word-break: break-word;
}
.cck-node-meta{
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
margin-top: 7px;
}
.cck-node-meta-item{
font-size: 0.78rem;
line-height: 1.45;
color: rgba(12, 44, 67, 0.58);
}
.cck-node-status-badge{
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 2px 8px;
border-radius: 999px;
font-size: 0.72rem;
line-height: 1.3;
font-weight: 700;
border: 1px solid transparent;
}
.cck-node-status-done{
color: #1E5A3A;
background: #EEF9F1;
border-color: #CDEDD6;
}
.cck-node-status-inactive{
color: #5A6F80;
background: #EEF3F7;
border-color: #D6E0E8;
}
/* Optional per-node progress */
.cck-node-subtree-progress{
margin-top: 10px;
}
/* =========================
Children / nesting
========================= */
.cck-node-children{
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 10px 10px 10px;
}
.cck-node-children[hidden]{
display: none !important;
}
.cck-node-depth-1{ margin-left: 12px; }
.cck-node-depth-2{ margin-left: 24px; }
.cck-node-depth-3{ margin-left: 36px; }
.cck-node-depth-4{ margin-left: 48px; }
.cck-node-depth-5{ margin-left: 60px; }
.cck-node-depth-6{ margin-left: 72px; }
/* =========================
Loading / pending state hooks
========================= */
.cck-checklist-shell.is-saving .cck-node-checkbox-ui,
.cck-checklist-node.is-saving .cck-node-checkbox-ui{
opacity: 0.72;
}
.cck-checklist-shell.is-loading{
pointer-events: none;
opacity: 0.88;
}
.cck-node-rail::before{
z-index: 1;
}
.cck-node-toggle-placeholder{
position: relative;
z-index: 0;
background: transparent;
}
.cck-node-checkbox-wrap{
position: relative;
z-index: 2;
}
/* =========================================
SUBJECT PROGRESS VIEWPORT
Applies to all subject progress sliders
========================================= */
.cck-subject-progress-viewport{
padding: 20px 5px;
border: 2px dashed #c1c1c1;
border-radius: 10px;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* keep the card centered inside each slide */
.cck-subject-progress-slide{
display: flex;
justify-content: center;
}
.cck-subject-progress-card{
width: 95%;
max-width: 100%;
}
/* =========================================
BUTTON HOVER / FOCUS
Your current .elementor-1301 .elementor-element.elementor-element-5c9a0c1 is too broad and has one broken piece:
".ast-custom-button:hover .button:hover"
========================================= */
button:focus,
button:hover,
.menu-toggle:hover,
.ast-button:hover,
.ast-custom-button:hover,
.button:hover,
input[type="reset"]:hover,
input[type="reset"]:focus,
input#submit:hover,
input#submit:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body .wp-block-file .wp-block-file__button:focus{
background-color: #f37748;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* =========================================
SUBJECT LEVEL ONLY
Keep the boxed look only for subject rows
========================================= */
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content{
min-width: 0;
width: 100%;
padding: 14px 16px 14px 0;
position: relative;
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
}
/* =========================================
TOPIC AND DOWNWARDS ONLY
This is the important fix:
do NOT target all .cck-checklist-node
========================================= */
.cck-checklist-node:not(.cck-node-level-subject){
border: none !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
transition: none !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
overflow: visible !important;
}
/* =========================================
TREE SECTION WRAPPER
This styles the whole checklist tree section only
========================================= */
.cck-checklist-tree-section{
padding: 15px;
border-radius: 10px;
border: 2px dashed #c1c1c1;
}
/* Topic level and below: faint horizontal row borders only */
.cck-node-level-topic > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-item > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subitem > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subsubdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail2 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail3 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail4 > .cck-node-row > .cck-node-main > .cck-node-content{
border-top: 1px dotted #c1c1c1 !important;
border-bottom: 1px dotted #c1c1c1 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content
{
border: none;
box-shadow: none;
}
/* =========================
Responsive
========================= */
@media (max-width: 920px){
.cck-checklist-progress-area{
grid-template-columns: 1fr;
}
}
@media (max-width: 640px){
.cck-checklist-header{
flex-direction: column;
align-items: stretch;
}
.cck-node-main{
grid-template-columns: 46px minmax(0, 1fr);
}
.cck-node-content{
padding: 12px 12px 12px 0;
}
.cck-node-content::before{
left: -10px;
}
.cck-node-depth-1{ margin-left: 8px; }
.cck-node-depth-2{ margin-left: 14px; }
.cck-node-depth-3{ margin-left: 20px; }
.cck-node-depth-4{ margin-left: 26px; }
.cck-node-depth-5{ margin-left: 32px; }
.cck-node-depth-6{ margin-left: 38px; }
.cck-subject-progress-list{
grid-template-columns: 1fr;
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
flex-direction: column;
align-items: flex-start;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d10370f */.plr-news-featured-kicker {
font-size:15px;
background: linear-gradient(
to right,
#F3774885 0%,
#F3774885 10%,
transparent 25%,
transparent 100%
);
padding: 0 .08em;
border-radius: .15em;
}
.plr-news-featured {
margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-16154ce */.sap-leaderboard-growth-card, #growth-snapshot-section{
border:none;
background: #9F9F9F7D;
}
.sap-card.sap-leaderboard-growth-card .sap-section-title {
color:#0c2c43;
font-size:25px;
}
.sap-leaderboard__header{
gap:0px;
}
.sap-distribution-bin__you {
font-size: 15px;
font-weight: 700;
margin-top:-5px;
}
.sap-leaderboard-table {
box-shadow: 1px 1px 5px 1px #c1c1c1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f020520 */#icon-leaderboards {
position: relative;
isolation: isolate;
overflow: visible !important;
}
/* NORMAL STATE: animated full border */
#icon-leaderboards:not([aria-selected="true"])::before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 2.5px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBorderTravel 8s linear infinite,
leaderboardBorderPulse 8s ease-in-out infinite;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}
/* ACTIVE STATE: remove full border */
#icon-leaderboards[aria-selected="true"]::before {
content: none;
}
/* ACTIVE STATE: animated centered bottom border only */
#icon-leaderboards[aria-selected="true"]::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 70%;
height: 3px;
transform: translateX(-50%) scaleX(0);
transform-origin: center center;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBottomReveal 0.7s ease-out forwards,
leaderboardBottomTravel 8s linear infinite 0.7s,
leaderboardBottomPulse 8s ease-in-out infinite 0.7s;
pointer-events: none;
z-index: 3;
}
/* Optional: keep icon white */
#icon-leaderboards .e-n-tab-icon svg {
fill: #ffffff !important;
}
/* Full border gradient movement */
@keyframes leaderboardBorderTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Full border pulsing */
@keyframes leaderboardBorderPulse {
0%, 100% {
opacity: 1;
filter: drop-shadow(0 0 3px rgba(233,123,123,0.22))
drop-shadow(0 0 6px rgba(127,215,230,0.18));
}
50% {
opacity: 1;
filter: drop-shadow(0 0 5px rgba(233,123,123,0.32))
drop-shadow(0 0 10px rgba(127,215,230,0.26));
}
}
/* Bottom border reveal from left to right */
@keyframes leaderboardBottomReveal {
0% {
transform: scaleX(0);
opacity: 0.2;
}
100% {
transform: scaleX(1);
opacity: 1;
}
}
/* Bottom border gradient movement */
@keyframes leaderboardBottomTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Bottom border pulsing */
@keyframes leaderboardBottomReveal {
0% {
transform: translateX(-50%) scaleX(0);
opacity: 0.2;
}
100% {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
}
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg,
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg path {
fill: #f37748 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-95bf07b */.plr-daily-random-post-card{
background:#d8cccc;
border:1px solid #8b8b8b;
border-radius:14px;
padding:22px 26px;
box-shadow:0 4px 14px rgba(0,0,0,.10);
}
.plr-drp-title{
margin:0 0 12px;
font-size:1.2rem;
line-height:1.3;
font-weight:700;
font-family: "Roboto Slab", Sans-serif;
color:#0c2c43;
}
.plr-drp-title a{
color:#111;
text-decoration:none;
}
.plr-drp-title a:hover{
text-decoration:underline;
}
.plr-drp-tags{
margin:0 0 14px;
line-height:1.7;
}
.plr-drp-tags a{
display:inline-block;
margin:0 8px 8px 0;
padding:4px 10px;
border:1px solid #555;
border-radius:999px;
font-size:.85rem;
text-decoration:none;
color:#222;
background:rgba(255,255,255,.35);
}
.plr-drp-excerpt{
margin-bottom:22px;
color:#222;
font-size:1rem;
line-height:1.7;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden;
}
.plr-drp-button-wrap{
margin-top:10px;
}
.plr-drp-button{
display:inline-block;
font-weight:700;
text-decoration:none;
color:#111;
border:2px solid #C1C1C1;
padding:10px;
border-radius:8px;
transition:.2s ease;
}
.plr-daily-random-post-card .plr-drp-button{
display:inline-block;
font-weight:600;
text-decoration:none;
color:#111;
border:2px solid #111;
padding:10px 16px;
border-radius:8px;
transition:.2s ease;
font-size:15px;
}
.plr-drp-button:hover{
background:#F3774885;
color:#222;
}
.plr-daily-random-post-card {
background: #F3774885;
border: 1px solid #8b8b8b;
border-radius: 14px;
padding: 22px 26px;
box-shadow: 0 4px 14px rgba(0, 0, 0, .10);
}
.plr-daily-random-post-card .plr-drp-button {
display: inline-block;
font-weight: 700;
text-decoration: none;
color: #0C2C43;
border: 2px solid #0C2C43;
padding: 8px 10px;
border-radius: 10px;
transition: .2s ease;
font-size: 12px;
}
#plr-todays-recommended-heading{
margin: 0 0 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: #0C2C43;
background: linear-gradient(
to right,
#fff 0%,
#fff 10%,
transparent 35%,
transparent 100%);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9b35ae */a.louis-tag-btn {
box-shadow: 1px 2px 5px -3px #919191;}
.louis-subject-dropdown {
background: #9f9f9f7d;
}
select#louis-subject-dropdown.louis-subject-dropdown{
background: #9f9f9f7d;
}
div#sap-dashboard-reminders.sap-card.sap-dashboard-reminders.sap-section-title/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f048c59 */.popular-tags-wrap{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.popular-tag-btn{
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border: 1px solid #d9d9d9;
border-radius: 999px;
background: #fff;
color: #222;
text-decoration: none;
font-size: 14px;
line-height: 1;
transition: all 0.2s ease;
}
.popular-tag-btn:hover{
transform: translateY(-1px);
border-color: #999;
}
.tag-count{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 999px;
background: #f1f1f1;
font-size: 12px;
font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d5470b */div.brp-bookmarks-manager-wrap {
border-radius: 10px !important;
overflow: auto;
scrollbar-gutter: stable;
}
.brp-bookmarks-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
.brp-bookmarks-table thead th:last-child {
border-right: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fc5dbba *//*****************************************************
* Highlite – Filter + Table Styling (Dashboard)
* Scope: #highlite-section-user-dashboard
*****************************************************/
/* =========================
FILTER BAR
========================= */
#highlite-section-user-dashboard .highlite-filter {
padding: 10px;
}
/* Dropdowns */
#highlite-section-user-dashboard select[name="highlite_sortby"],
#highlite-section-user-dashboard select[name="highlite_order"] {
width: 25%;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Search input */
#highlite-section-user-dashboard input[name="highlite_search"] {
width: 30%;
border: 1px dashed #d0d0d0;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Submit controls */
#highlite-section-user-dashboard button[type="submit"],
#highlite-section-user-dashboard input[type="submit"] {
margin: 0 5px;
padding: 12px 20px;
border: 0;
border-radius: 5px;
background: #f77748;
color: #fff;
font-family: 'Lora', serif;
cursor: pointer;
transition: filter 0.2s ease;
}
#highlite-section-user-dashboard button[type="submit"]:hover,
#highlite-section-user-dashboard input[type="submit"]:hover {
filter: brightness(0.95);
}
/* =========================
TABLE WRAPPER
Only scrolls if needed
========================= */
#highlite-section-user-dashboard .highlite-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable;
}
/* =========================
TABLE
Styled to visually match the bookmarks table family
without being an exact duplicate
========================= */
#highlite-section-user-dashboard table.highlite-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid #ead6cf;
border-radius: 10px;
overflow: hidden;
}
/* Header */
#highlite-section-user-dashboard table.highlite-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
#highlite-section-user-dashboard table.highlite-table thead th:last-child {
border-right: 0;
}
/* Body cells */
#highlite-section-user-dashboard table.highlite-table tbody td {
background: #fff;
color: var(--brp-bm-text);
font-size: 14px;
line-height: 1.55;
padding: 14px 12px;
vertical-align: middle;
border-top: 1px solid #eee8e3;
}
/* Subtle striping */
#highlite-section-user-dashboard table.highlite-table tbody tr:nth-child(even) td {
background: #fffaf8;
}
/* Hover */
#highlite-section-user-dashboard table.highlite-table tbody tr:hover td {
background: #fff3ee;
transition: background 0.2s ease;
}
/* Bottom outer corners */
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
/* =========================
LINKS
========================= */
#highlite-section-user-dashboard a,
#highlite-section-user-dashboard a:visited {
color: #000;
}
#highlite-section-user-dashboard table.highlite-table a:hover,
#highlite-section-user-dashboard table.highlite-table a:focus {
text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b4a1f4 *//* =========================================
BARRISTER REVIEW PORTAL – BOOKMARK RESKIN
V2 aligned to your actual design language
========================================= */
.brp-bookmark-shell{
--brp-bg: #f5f3f1;
--brp-card: #ffffff;
--brp-border: #d8d8d8;
--brp-shadow: 0 2px 10px -2px rgba(27, 27, 27, 0.18);
--brp-shadow-strong: -1px 0px 10px -2px rgba(27, 27, 27, 0.35);
--brp-heading: #0C2C43;
--brp-text: #425466;
--brp-muted: #5A5A5A;
--brp-accent: #F37748;
--brp-accent-dark: #e56b3c;
--brp-accent-soft: #fff1eb;
--brp-note-font: "Lora", serif;
--brp-head-font: "Roboto Slab", serif;
--brp-body-font: "Georgia", "Times New Roman", serif;
color: var(--brp-text);
}
/* Section titles */
.brp-section-title{
font-family: var(--brp-head-font);
font-size: 30px;
font-weight: 800;
letter-spacing: 0.5px;
color: var(--brp-heading);
line-height: 1.15;
margin: 0 0 12px 0;
}
/* Optional supporting note text */
.brp-section-note{
font-family: var(--brp-note-font);
font-size: 18px;
font-weight: 600;
font-style: italic;
letter-spacing: -0.6px;
color: var(--brp-muted);
margin: 0 0 16px 0;
}
/* Main plugin containers */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-category-manager{
width: 100%;
max-width: 100%;
color: var(--brp-text);
font-family: var(--brp-body-font);
}
/* Core card styling */
#cbxwpbookmark-front-bookmark-manager .v-card,
#cbxwpbookmark-front-category-manager .v-card{
background: var(--brp-card) !important;
border: 1px solid var(--brp-border) !important;
border-radius: 16px !important;
box-shadow: var(--brp-shadow) !important;
overflow: hidden;
}
/* Top content spacing */
#cbxwpbookmark-front-bookmark-manager .v-toolbar,
#cbxwpbookmark-front-category-manager .v-toolbar,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
background: transparent !important;
box-shadow: none !important;
border-bottom: none !important;
padding: 18px 18px 12px 18px !important;
}
/* Internal headings */
#cbxwpbookmark-front-bookmark-manager h1,
#cbxwpbookmark-front-bookmark-manager h2,
#cbxwpbookmark-front-bookmark-manager h3,
#cbxwpbookmark-front-category-manager h1,
#cbxwpbookmark-front-category-manager h2,
#cbxwpbookmark-front-category-manager h3{
font-family: var(--brp-head-font) !important;
color: var(--brp-heading) !important;
font-weight: 800 !important;
letter-spacing: 0.3px;
margin-bottom: 12px !important;
}
/* Body text */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-bookmark-manager p,
#cbxwpbookmark-front-bookmark-manager span,
#cbxwpbookmark-front-bookmark-manager div,
#cbxwpbookmark-front-category-manager,
#cbxwpbookmark-front-category-manager p,
#cbxwpbookmark-front-category-manager span,
#cbxwpbookmark-front-category-manager div{
color: var(--brp-text);
}
/* Buttons - base */
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 40px;
border-radius: 10px !important;
text-transform: none !important;
font-weight: 700 !important;
letter-spacing: 0.1px !important;
box-shadow: var(--brp-shadow-strong) !important;
border: 1px solid #797979 !important;
}
/* Standard buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn:not(.v-btn--icon),
#cbxwpbookmark-front-category-manager .v-btn:not(.v-btn--icon){
background: #ffffff !important;
color: var(--brp-heading) !important;
}
/* Strong CTA / add buttons / primary buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn.primary,
#cbxwpbookmark-front-bookmark-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.primary,
#cbxwpbookmark-front-category-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.success,
#cbxwpbookmark-front-bookmark-manager .v-btn.success{
background: var(--brp-accent) !important;
border: 1px solid var(--brp-accent) !important;
color: #fff !important;
}
/* Hover */
#cbxwpbookmark-front-bookmark-manager .v-btn:hover,
#cbxwpbookmark-front-category-manager .v-btn:hover{
transform: translateY(-1px);
filter: brightness(0.99);
}
/* Inputs */
#cbxwpbookmark-front-bookmark-manager .v-input__slot,
#cbxwpbookmark-front-category-manager .v-input__slot{
background: #fff !important;
border: 1px solid var(--brp-border) !important;
border-radius: 10px !important;
box-shadow: none !important;
min-height: 42px !important;
}
/* Input text */
#cbxwpbookmark-front-bookmark-manager input,
#cbxwpbookmark-front-category-manager input,
#cbxwpbookmark-front-bookmark-manager .v-label,
#cbxwpbookmark-front-category-manager .v-label{
color: var(--brp-text) !important;
}
/* Data table shell */
#cbxwpbookmark-front-bookmark-manager .v-data-table,
#cbxwpbookmark-front-category-manager .v-data-table{
border: 1px solid var(--brp-border);
border-radius: 14px;
overflow: hidden;
background: #fff;
box-shadow: none !important;
}
/* Table */
#cbxwpbookmark-front-bookmark-manager table,
#cbxwpbookmark-front-category-manager table{
width: 100% !important;
border-collapse: collapse !important;
background: #fff;
}
/* Table header */
#cbxwpbookmark-front-bookmark-manager thead th,
#cbxwpbookmark-front-category-manager thead th{
background: linear-gradient(90deg, #F37748 0%, #e56b3c 100%) !important;
color: #fff !important;
font-family: var(--brp-head-font) !important;
font-size: 14px;
font-weight: 700;
padding: 13px 12px !important;
border-right: 1px solid rgba(255,255,255,0.16) !important;
white-space: nowrap;
}
/* Table body */
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-category-manager td{
font-size: 14px;
line-height: 1.55;
color: var(--brp-text) !important;
padding: 14px 12px !important;
vertical-align: middle;
border-top: 1px solid #eee8e3 !important;
background: #fff !important;
}
/* Zebra softness */
#cbxwpbookmark-front-bookmark-manager tbody tr:nth-child(even) td,
#cbxwpbookmark-front-category-manager tbody tr:nth-child(even) td{
background: #fcfaf8 !important;
}
/* Title links */
#cbxwpbookmark-front-bookmark-manager a,
#cbxwpbookmark-front-category-manager a{
color: var(--brp-heading) !important;
text-decoration: none;
font-weight: 600;
}
#cbxwpbookmark-front-bookmark-manager a:hover,
#cbxwpbookmark-front-category-manager a:hover{
color: var(--brp-accent) !important;
text-decoration: underline;
}
/* Long titles wrap */
#cbxwpbookmark-front-bookmark-manager td:first-child{
white-space: normal !important;
word-break: break-word;
}
/* Action buttons: slightly accented */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn,
#cbxwpbookmark-front-category-manager td:last-child .v-btn{
background: #fff !important;
color: var(--brp-heading) !important;
border: 1px solid #b9b9b9 !important;
}
/* Optional: make delete buttons more orange if plugin has danger classes */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn.error,
#cbxwpbookmark-front-category-manager td:last-child .v-btn.error{
background: var(--brp-accent-soft) !important;
color: var(--brp-accent) !important;
border-color: rgba(243,119,72,0.35) !important;
}
/* Footer / pagination */
#cbxwpbookmark-front-bookmark-manager .v-data-footer,
#cbxwpbookmark-front-category-manager .v-data-footer{
background: transparent !important;
border-top: none !important;
padding: 14px 0 0 0 !important;
color: var(--brp-muted) !important;
font-family: var(--brp-body-font);
}
/* Toolbar layout */
#cbxwpbookmark-front-bookmark-manager .v-toolbar__content,
#cbxwpbookmark-front-category-manager .v-toolbar__content,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
/* Add some visual spacing between sections */
#cbxwpbookmark-front-bookmark-manager{
margin-bottom: 20px;
}
/* Helper labels / small notes inside plugin */
#cbxwpbookmark-front-bookmark-manager .text-caption,
#cbxwpbookmark-front-category-manager .text-caption,
#cbxwpbookmark-front-bookmark-manager .text--secondary,
#cbxwpbookmark-front-category-manager .text--secondary{
font-family: var(--brp-note-font) !important;
font-style: italic;
color: var(--brp-muted) !important;
}
/* Responsive */
@media (max-width: 1024px){
.brp-section-title{
font-size: 26px;
}
.brp-section-note{
font-size: 16px;
}
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-bookmark-manager th,
#cbxwpbookmark-front-category-manager td,
#cbxwpbookmark-front-category-manager th{
font-size: 13px;
padding: 10px 8px !important;
}
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 36px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5e3e5bb */.sap-timer-card {
background: #0C2C43;
}
.sap-timer-card__value{
color:white;
}
h3#sap-quiz-notes-title.sap-section-title{background: linear-gradient(
to bottom,
transparent 0%,
transparent 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 100%
);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66db153d *//* Softer / duller rainbow outline + glow */
#get-flowcharts-bar-chair-page{
border-radius: 10px;
position: default;
z-index: 3;
position:center;
}
/* Outline */
#get-flowcharts-bar-chair-page::before{
content: "";
position: absolute;
inset: -1px; /* outline thickness */
border-radius: inherit;
z-index: -1;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
opacity: 0.40; /* softer, but still visible */
}
/* Soft glow */
#get-flowcharts-bar-chair-page::after{
content: "";
position: absolute;
inset: -4px;
border-radius: inherit;
z-index: -2;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
filter: blur(0px);
opacity: 0.80; /* duller glow */
}
/* Keeps your actual element background clean */
#get-flowcharts-bar-chair-page{
background-clip: padding-box;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5c9a0c1 *//**
* Curriculum Checklist — Checklist styles
* File: cck-checklist.css
* Visual direction:
* - premium minimalist
* - off-white / ivory surfaces
* - deep navy text hierarchy
* - restrained rainbow accents
* - cleaner two-column node layout
*/
/* =========================
Shell / section wrappers
========================= */
.cck-checklist-shell{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
color: #17384D;
}
.cck-checklist-header{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.cck-checklist-header-main{
min-width: 0;
flex: 1 1 480px;
}
.cck-checklist-title-row{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.cck-checklist-title{
margin: 0;
font-size: 1.16rem;
line-height: 1.3;
font-weight: 800;
color: #0C2C43;
letter-spacing: -0.01em;
}
.cck-checklist-description{
margin: 7px 0 0;
font-size: 0.95rem;
line-height: 1.65;
color: rgba(12, 44, 67, 0.72);
}
.cck-checklist-header-meta{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.cck-checklist-meta-pill{
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 32px;
padding: 5px 11px;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 999px;
background: #F7F5EF;
font-size: 12px;
line-height: 1.4;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
}
.cck-checklist-meta-label{
color: rgba(12, 44, 67, 0.58);
font-weight: 600;
}
.cck-checklist-meta-value{
color: #0C2C43;
font-weight: 700;
}
.cck-section-subtitle{
font-size: 0.95rem;
font-weight: 800;
color: #0C2C43;
margin-bottom: 10px;
}
/* =========================
Tooltip
========================= */
.cck-checklist-tooltip-wrap{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: none;
}
.cck-checklist-tooltip-icon{
width: 18px;
height: 18px;
display: block;
object-fit: contain;
}
.cck-checklist-tooltip-fallback{
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 11px;
line-height: 1;
font-weight: 700;
color: #fff;
background: #0C2C43;
}
.cck-checklist-tooltip-content{
position: absolute;
z-index: 30;
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
width: min(320px, 78vw);
padding: 11px 13px;
border-radius: 14px;
border: 1px solid rgba(12, 44, 67, 0.10);
background: #FCFBF7;
box-shadow: 0 14px 32px rgba(12, 44, 67, 0.10);
color: #355166;
font-size: 12px;
line-height: 1.6;
opacity: 0;
visibility: hidden;
transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}
.cck-checklist-tooltip-wrap:hover .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus-within .cck-checklist-tooltip-content{
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* =========================
Guest / empty messages
========================= */
.cck-checklist-guest-message,
.cck-checklist-empty-tree,
.cck-inline-message{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #F8F6F1;
color: rgba(12, 44, 67, 0.78);
border-radius: 16px;
padding: 13px 15px;
font-size: 0.94rem;
line-height: 1.6;
}
.cck-inline-message.cck-error,
.cck-inline-message.cck-template-error{
background: #FDF2F4;
border-color: #F2C9CF;
color: #8D2C35;
}
/* =========================
Progress area
========================= */
.cck-checklist-progress-area{
display: grid;
grid-template-columns: minmax(260px, 380px) minmax(280px, 1fr);
gap: 16px;
align-items: start;
}
.cck-checklist-progress-pie-wrap,
.cck-checklist-progress-summary-wrap{
min-width: 0;
}
.cck-checklist-progress-summary-wrap{
display: flex;
flex-direction: column;
gap: 12px;
}
.cck-progress-summary-card,
.cck-last-completed-card,
.cck-subject-progress-card{
position: relative;
background: #FCFBF7;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 18px;
box-shadow: 0 8px 24px rgba(12, 44, 67, 0.05);
padding: 14px 16px;
overflow: hidden;
}
.cck-progress-summary-card::before,
.cck-last-completed-card::before,
.cck-subject-progress-card::before{
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 2px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.45),
rgba(233,176,123,0.45),
rgba(233,223,123,0.45),
rgba(134,224,163,0.45),
rgba(127,215,230,0.45),
rgba(138,167,234,0.45),
rgba(181,154,232,0.45),
rgba(232,143,201,0.45)
);
pointer-events: none;
}
.cck-progress-summary-top,
.cck-subject-progress-top{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.cck-progress-summary-title,
.cck-progress-summary-heading,
.cck-last-completed-title,
.cck-subject-progress-title{
font-weight: 800;
color: #0C2C43;
}
.cck-progress-summary-percent,
.cck-subject-progress-percent{
font-weight: 800;
color: #0C2C43;
white-space: nowrap;
font-size:1.2em;
}
.cck-progress-summary-bar,
.cck-subject-progress-bar,
.cck-node-subtree-progress{
position: relative;
width: 100%;
height: 10px;
border-radius: 999px;
background: #E9EEF2;
overflow: hidden;
margin-top: 12px;
}
.cck-progress-summary-fill,
.cck-subject-progress-fill,
.cck-node-subtree-progress-fill{
display: block;
height: 100%;
width: 0;
border-radius: inherit;
background: linear-gradient(
90deg,
rgba(233,123,123,0.88),
rgba(233,176,123,0.88),
rgba(233,223,123,0.88),
rgba(134,224,163,0.88),
rgba(127,215,230,0.88),
rgba(138,167,234,0.88),
rgba(181,154,232,0.88),
rgba(232,143,201,0.88)
);
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
font-size: 0.88rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.68);
}
.cck-progress-summary-stats{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 12px;
}
.cck-progress-stat{
min-width: 90px;
}
.cck-progress-stat-label{
display: block;
font-size: 0.74rem;
color: rgba(12, 44, 67, 0.58);
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.cck-progress-stat-value{
display: block;
font-size: 0.9rem;
font-weight: 700;
color: #0C2C43;
}
.cck-last-completed-body{
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.cck-last-completed-item{
font-size: 0.95rem;
font-weight: 700;
line-height: 1.55;
color: #0C2C43;
}
.cck-last-completed-subject,
.cck-last-completed-date{
font-size: 0.85rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.60);
}
.cck-subject-progress-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-subject-progress-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
}
.cck-subject-progress-right{
display: inline-flex;
align-items: center;
gap: 8px;
}
.cck-subject-progress-weight{
font-size: 0.82rem;
line-height: 1.3;
font-weight: 700;
color: rgba(12, 44, 67, 0.56);
}
/* =========================
Tree section
========================= */
.cck-checklist-tree-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-checklist-tree{
display: flex;
flex-direction: column;
gap: 10px;
}
/* =========================
Node card / row
Premium two-column structure
========================= */
.cck-checklist-node{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
transition: box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
box-shadow: 0 3px 10px rgba(12, 44, 67, 0.04);
}
.cck-checklist-node:hover{
border-color: rgba(12, 44, 67, 0.14);
box-shadow: 0 8px 22px rgba(12, 44, 67, 0.07);
}
.cck-node-is-inactive{
opacity: 0.72;
}
.cck-node-is-checkable.cck-node-is-checked{
background:
linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
linear-gradient(
90deg,
rgba(240,253,244,0.90),
rgba(252,251,247,1)
);
}
.cck-node-row{
width: 100%;
}
/* Main split: utility column + content column */
.cck-node-main{
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
align-items: start;
gap: 0;
padding: 0;
min-width: 0;
}
/* Left utility column */
.cck-node-toggle,
.cck-node-toggle-placeholder,
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
position: relative;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder,
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
display: flex;
align-items: flex-start;
justify-content: center;
min-height: 100%;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder{
padding-top: 16px;
}
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
padding-top: 16px;
}
.cck-node-toggle,
.cck-node-toggle-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
}
.cck-node-toggle{
appearance: none;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
border-radius: 8px;
}
.cck-node-toggle:hover{
background: rgba(12, 44, 67, 0.06);
}
.cck-node-toggle-icon{
position: absolute;
inset: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cck-node-toggle-icon::before{
content: "";
width: 8px;
height: 8px;
border-right: 2px solid #4A6478;
border-bottom: 2px solid #4A6478;
transform: rotate(45deg);
transition: transform 0.18s ease;
margin-top: -2px;
}
.cck-node-toggle[aria-expanded="false"] .cck-node-toggle-icon::before{
transform: rotate(-45deg);
margin-top: 0;
}
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
position: relative;
}
.cck-node-checkbox{
position: absolute;
inset: 0;
opacity: 0;
margin: 0;
cursor: pointer;
}
.cck-node-checkbox-ui{
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 7px;
border: 1.5px solid rgba(12, 44, 67, 0.18);
background: #FFFFFF;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.cck-node-checkbox:hover + .cck-node-checkbox-ui,
.cck-node-checkbox:focus + .cck-node-checkbox-ui{
border-color: #F37748;
box-shadow: 0 0 0 3px rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui{
border-color: #F37748;
background: rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui::after{
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #F37748;
border-bottom: 2px solid #F37748;
transform: rotate(-45deg);
margin-top: -1px;
}
.cck-node-checkbox:disabled + .cck-node-checkbox-ui{
opacity: 0.58;
cursor: not-allowed;
}
/* Right content column */
.cck-node-content{
min-width: 0;
flex: none;
padding: 14px 16px 14px 0;
position: relative;
}
.cck-node-content::before{
content: "";
position: absolute;
left: -14px;
top: 12px;
bottom: 12px;
width: 1px;
background: rgba(12, 44, 67, 0.06);
}
.cck-node-title-row{
display: flex;
align-items: flex-start;
gap: 8px;
flex-wrap: wrap;
min-width: 0;
}
.cck-node-title{
font-size: 0.95rem;
line-height: 1.6;
font-weight: 700;
color: #0C2C43;
min-width: 0;
word-break: break-word;
}
.cck-node-meta{
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
margin-top: 7px;
}
.cck-node-meta-item{
font-size: 0.78rem;
line-height: 1.45;
color: rgba(12, 44, 67, 0.58);
}
.cck-node-status-badge{
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 2px 8px;
border-radius: 999px;
font-size: 0.72rem;
line-height: 1.3;
font-weight: 700;
border: 1px solid transparent;
}
.cck-node-status-done{
color: #1E5A3A;
background: #EEF9F1;
border-color: #CDEDD6;
}
.cck-node-status-inactive{
color: #5A6F80;
background: #EEF3F7;
border-color: #D6E0E8;
}
/* Optional per-node progress */
.cck-node-subtree-progress{
margin-top: 10px;
}
/* =========================
Children / nesting
========================= */
.cck-node-children{
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 10px 10px 10px;
}
.cck-node-children[hidden]{
display: none !important;
}
.cck-node-depth-1{ margin-left: 12px; }
.cck-node-depth-2{ margin-left: 24px; }
.cck-node-depth-3{ margin-left: 36px; }
.cck-node-depth-4{ margin-left: 48px; }
.cck-node-depth-5{ margin-left: 60px; }
.cck-node-depth-6{ margin-left: 72px; }
/* =========================
Loading / pending state hooks
========================= */
.cck-checklist-shell.is-saving .cck-node-checkbox-ui,
.cck-checklist-node.is-saving .cck-node-checkbox-ui{
opacity: 0.72;
}
.cck-checklist-shell.is-loading{
pointer-events: none;
opacity: 0.88;
}
.cck-node-rail::before{
z-index: 1;
}
.cck-node-toggle-placeholder{
position: relative;
z-index: 0;
background: transparent;
}
.cck-node-checkbox-wrap{
position: relative;
z-index: 2;
}
/* =========================================
SUBJECT PROGRESS VIEWPORT
Applies to all subject progress sliders
========================================= */
.cck-subject-progress-viewport{
padding: 20px 5px;
border: 2px dashed #c1c1c1;
border-radius: 10px;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* keep the card centered inside each slide */
.cck-subject-progress-slide{
display: flex;
justify-content: center;
}
.cck-subject-progress-card{
width: 95%;
max-width: 100%;
}
/* =========================================
BUTTON HOVER / FOCUS
Your current .elementor-1301 .elementor-element.elementor-element-5c9a0c1 is too broad and has one broken piece:
".ast-custom-button:hover .button:hover"
========================================= */
button:focus,
button:hover,
.menu-toggle:hover,
.ast-button:hover,
.ast-custom-button:hover,
.button:hover,
input[type="reset"]:hover,
input[type="reset"]:focus,
input#submit:hover,
input#submit:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body .wp-block-file .wp-block-file__button:focus{
background-color: #f37748;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* =========================================
SUBJECT LEVEL ONLY
Keep the boxed look only for subject rows
========================================= */
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content{
min-width: 0;
width: 100%;
padding: 14px 16px 14px 0;
position: relative;
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
}
/* =========================================
TOPIC AND DOWNWARDS ONLY
This is the important fix:
do NOT target all .cck-checklist-node
========================================= */
.cck-checklist-node:not(.cck-node-level-subject){
border: none !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
transition: none !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
overflow: visible !important;
}
/* =========================================
TREE SECTION WRAPPER
This styles the whole checklist tree section only
========================================= */
.cck-checklist-tree-section{
padding: 15px;
border-radius: 10px;
border: 2px dashed #c1c1c1;
}
/* Topic level and below: faint horizontal row borders only */
.cck-node-level-topic > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-item > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subitem > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subsubdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail2 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail3 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail4 > .cck-node-row > .cck-node-main > .cck-node-content{
border-top: 1px dotted #c1c1c1 !important;
border-bottom: 1px dotted #c1c1c1 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content
{
border: none;
box-shadow: none;
}
/* =========================
Responsive
========================= */
@media (max-width: 920px){
.cck-checklist-progress-area{
grid-template-columns: 1fr;
}
}
@media (max-width: 640px){
.cck-checklist-header{
flex-direction: column;
align-items: stretch;
}
.cck-node-main{
grid-template-columns: 46px minmax(0, 1fr);
}
.cck-node-content{
padding: 12px 12px 12px 0;
}
.cck-node-content::before{
left: -10px;
}
.cck-node-depth-1{ margin-left: 8px; }
.cck-node-depth-2{ margin-left: 14px; }
.cck-node-depth-3{ margin-left: 20px; }
.cck-node-depth-4{ margin-left: 26px; }
.cck-node-depth-5{ margin-left: 32px; }
.cck-node-depth-6{ margin-left: 38px; }
.cck-subject-progress-list{
grid-template-columns: 1fr;
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
flex-direction: column;
align-items: flex-start;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d10370f */.plr-news-featured-kicker {
font-size:15px;
background: linear-gradient(
to right,
#F3774885 0%,
#F3774885 10%,
transparent 25%,
transparent 100%
);
padding: 0 .08em;
border-radius: .15em;
}
.plr-news-featured {
margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-16154ce */.sap-leaderboard-growth-card, #growth-snapshot-section{
border:none;
background: #9F9F9F7D;
}
.sap-card.sap-leaderboard-growth-card .sap-section-title {
color:#0c2c43;
font-size:25px;
}
.sap-leaderboard__header{
gap:0px;
}
.sap-distribution-bin__you {
font-size: 15px;
font-weight: 700;
margin-top:-5px;
}
.sap-leaderboard-table {
box-shadow: 1px 1px 5px 1px #c1c1c1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f020520 */#icon-leaderboards {
position: relative;
isolation: isolate;
overflow: visible !important;
}
/* NORMAL STATE: animated full border */
#icon-leaderboards:not([aria-selected="true"])::before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 2.5px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBorderTravel 8s linear infinite,
leaderboardBorderPulse 8s ease-in-out infinite;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}
/* ACTIVE STATE: remove full border */
#icon-leaderboards[aria-selected="true"]::before {
content: none;
}
/* ACTIVE STATE: animated centered bottom border only */
#icon-leaderboards[aria-selected="true"]::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 70%;
height: 3px;
transform: translateX(-50%) scaleX(0);
transform-origin: center center;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBottomReveal 0.7s ease-out forwards,
leaderboardBottomTravel 8s linear infinite 0.7s,
leaderboardBottomPulse 8s ease-in-out infinite 0.7s;
pointer-events: none;
z-index: 3;
}
/* Optional: keep icon white */
#icon-leaderboards .e-n-tab-icon svg {
fill: #ffffff !important;
}
/* Full border gradient movement */
@keyframes leaderboardBorderTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Full border pulsing */
@keyframes leaderboardBorderPulse {
0%, 100% {
opacity: 1;
filter: drop-shadow(0 0 3px rgba(233,123,123,0.22))
drop-shadow(0 0 6px rgba(127,215,230,0.18));
}
50% {
opacity: 1;
filter: drop-shadow(0 0 5px rgba(233,123,123,0.32))
drop-shadow(0 0 10px rgba(127,215,230,0.26));
}
}
/* Bottom border reveal from left to right */
@keyframes leaderboardBottomReveal {
0% {
transform: scaleX(0);
opacity: 0.2;
}
100% {
transform: scaleX(1);
opacity: 1;
}
}
/* Bottom border gradient movement */
@keyframes leaderboardBottomTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Bottom border pulsing */
@keyframes leaderboardBottomReveal {
0% {
transform: translateX(-50%) scaleX(0);
opacity: 0.2;
}
100% {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
}
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg,
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg path {
fill: #f37748 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-95bf07b */.plr-daily-random-post-card{
background:#d8cccc;
border:1px solid #8b8b8b;
border-radius:14px;
padding:22px 26px;
box-shadow:0 4px 14px rgba(0,0,0,.10);
}
.plr-drp-title{
margin:0 0 12px;
font-size:1.2rem;
line-height:1.3;
font-weight:700;
font-family: "Roboto Slab", Sans-serif;
color:#0c2c43;
}
.plr-drp-title a{
color:#111;
text-decoration:none;
}
.plr-drp-title a:hover{
text-decoration:underline;
}
.plr-drp-tags{
margin:0 0 14px;
line-height:1.7;
}
.plr-drp-tags a{
display:inline-block;
margin:0 8px 8px 0;
padding:4px 10px;
border:1px solid #555;
border-radius:999px;
font-size:.85rem;
text-decoration:none;
color:#222;
background:rgba(255,255,255,.35);
}
.plr-drp-excerpt{
margin-bottom:22px;
color:#222;
font-size:1rem;
line-height:1.7;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden;
}
.plr-drp-button-wrap{
margin-top:10px;
}
.plr-drp-button{
display:inline-block;
font-weight:700;
text-decoration:none;
color:#111;
border:2px solid #C1C1C1;
padding:10px;
border-radius:8px;
transition:.2s ease;
}
.plr-daily-random-post-card .plr-drp-button{
display:inline-block;
font-weight:600;
text-decoration:none;
color:#111;
border:2px solid #111;
padding:10px 16px;
border-radius:8px;
transition:.2s ease;
font-size:15px;
}
.plr-drp-button:hover{
background:#F3774885;
color:#222;
}
.plr-daily-random-post-card {
background: #F3774885;
border: 1px solid #8b8b8b;
border-radius: 14px;
padding: 22px 26px;
box-shadow: 0 4px 14px rgba(0, 0, 0, .10);
}
.plr-daily-random-post-card .plr-drp-button {
display: inline-block;
font-weight: 700;
text-decoration: none;
color: #0C2C43;
border: 2px solid #0C2C43;
padding: 8px 10px;
border-radius: 10px;
transition: .2s ease;
font-size: 12px;
}
#plr-todays-recommended-heading{
margin: 0 0 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: #0C2C43;
background: linear-gradient(
to right,
#fff 0%,
#fff 10%,
transparent 35%,
transparent 100%);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9b35ae */a.louis-tag-btn {
box-shadow: 1px 2px 5px -3px #919191;}
.louis-subject-dropdown {
background: #9f9f9f7d;
}
select#louis-subject-dropdown.louis-subject-dropdown{
background: #9f9f9f7d;
}
div#sap-dashboard-reminders.sap-card.sap-dashboard-reminders.sap-section-title/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f048c59 */.popular-tags-wrap{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.popular-tag-btn{
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border: 1px solid #d9d9d9;
border-radius: 999px;
background: #fff;
color: #222;
text-decoration: none;
font-size: 14px;
line-height: 1;
transition: all 0.2s ease;
}
.popular-tag-btn:hover{
transform: translateY(-1px);
border-color: #999;
}
.tag-count{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 999px;
background: #f1f1f1;
font-size: 12px;
font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d5470b */div.brp-bookmarks-manager-wrap {
border-radius: 10px !important;
overflow: auto;
scrollbar-gutter: stable;
}
.brp-bookmarks-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
.brp-bookmarks-table thead th:last-child {
border-right: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fc5dbba *//*****************************************************
* Highlite – Filter + Table Styling (Dashboard)
* Scope: #highlite-section-user-dashboard
*****************************************************/
/* =========================
FILTER BAR
========================= */
#highlite-section-user-dashboard .highlite-filter {
padding: 10px;
}
/* Dropdowns */
#highlite-section-user-dashboard select[name="highlite_sortby"],
#highlite-section-user-dashboard select[name="highlite_order"] {
width: 25%;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Search input */
#highlite-section-user-dashboard input[name="highlite_search"] {
width: 30%;
border: 1px dashed #d0d0d0;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Submit controls */
#highlite-section-user-dashboard button[type="submit"],
#highlite-section-user-dashboard input[type="submit"] {
margin: 0 5px;
padding: 12px 20px;
border: 0;
border-radius: 5px;
background: #f77748;
color: #fff;
font-family: 'Lora', serif;
cursor: pointer;
transition: filter 0.2s ease;
}
#highlite-section-user-dashboard button[type="submit"]:hover,
#highlite-section-user-dashboard input[type="submit"]:hover {
filter: brightness(0.95);
}
/* =========================
TABLE WRAPPER
Only scrolls if needed
========================= */
#highlite-section-user-dashboard .highlite-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable;
}
/* =========================
TABLE
Styled to visually match the bookmarks table family
without being an exact duplicate
========================= */
#highlite-section-user-dashboard table.highlite-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid #ead6cf;
border-radius: 10px;
overflow: hidden;
}
/* Header */
#highlite-section-user-dashboard table.highlite-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
#highlite-section-user-dashboard table.highlite-table thead th:last-child {
border-right: 0;
}
/* Body cells */
#highlite-section-user-dashboard table.highlite-table tbody td {
background: #fff;
color: var(--brp-bm-text);
font-size: 14px;
line-height: 1.55;
padding: 14px 12px;
vertical-align: middle;
border-top: 1px solid #eee8e3;
}
/* Subtle striping */
#highlite-section-user-dashboard table.highlite-table tbody tr:nth-child(even) td {
background: #fffaf8;
}
/* Hover */
#highlite-section-user-dashboard table.highlite-table tbody tr:hover td {
background: #fff3ee;
transition: background 0.2s ease;
}
/* Bottom outer corners */
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
/* =========================
LINKS
========================= */
#highlite-section-user-dashboard a,
#highlite-section-user-dashboard a:visited {
color: #000;
}
#highlite-section-user-dashboard table.highlite-table a:hover,
#highlite-section-user-dashboard table.highlite-table a:focus {
text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b4a1f4 *//* =========================================
BARRISTER REVIEW PORTAL – BOOKMARK RESKIN
V2 aligned to your actual design language
========================================= */
.brp-bookmark-shell{
--brp-bg: #f5f3f1;
--brp-card: #ffffff;
--brp-border: #d8d8d8;
--brp-shadow: 0 2px 10px -2px rgba(27, 27, 27, 0.18);
--brp-shadow-strong: -1px 0px 10px -2px rgba(27, 27, 27, 0.35);
--brp-heading: #0C2C43;
--brp-text: #425466;
--brp-muted: #5A5A5A;
--brp-accent: #F37748;
--brp-accent-dark: #e56b3c;
--brp-accent-soft: #fff1eb;
--brp-note-font: "Lora", serif;
--brp-head-font: "Roboto Slab", serif;
--brp-body-font: "Georgia", "Times New Roman", serif;
color: var(--brp-text);
}
/* Section titles */
.brp-section-title{
font-family: var(--brp-head-font);
font-size: 30px;
font-weight: 800;
letter-spacing: 0.5px;
color: var(--brp-heading);
line-height: 1.15;
margin: 0 0 12px 0;
}
/* Optional supporting note text */
.brp-section-note{
font-family: var(--brp-note-font);
font-size: 18px;
font-weight: 600;
font-style: italic;
letter-spacing: -0.6px;
color: var(--brp-muted);
margin: 0 0 16px 0;
}
/* Main plugin containers */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-category-manager{
width: 100%;
max-width: 100%;
color: var(--brp-text);
font-family: var(--brp-body-font);
}
/* Core card styling */
#cbxwpbookmark-front-bookmark-manager .v-card,
#cbxwpbookmark-front-category-manager .v-card{
background: var(--brp-card) !important;
border: 1px solid var(--brp-border) !important;
border-radius: 16px !important;
box-shadow: var(--brp-shadow) !important;
overflow: hidden;
}
/* Top content spacing */
#cbxwpbookmark-front-bookmark-manager .v-toolbar,
#cbxwpbookmark-front-category-manager .v-toolbar,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
background: transparent !important;
box-shadow: none !important;
border-bottom: none !important;
padding: 18px 18px 12px 18px !important;
}
/* Internal headings */
#cbxwpbookmark-front-bookmark-manager h1,
#cbxwpbookmark-front-bookmark-manager h2,
#cbxwpbookmark-front-bookmark-manager h3,
#cbxwpbookmark-front-category-manager h1,
#cbxwpbookmark-front-category-manager h2,
#cbxwpbookmark-front-category-manager h3{
font-family: var(--brp-head-font) !important;
color: var(--brp-heading) !important;
font-weight: 800 !important;
letter-spacing: 0.3px;
margin-bottom: 12px !important;
}
/* Body text */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-bookmark-manager p,
#cbxwpbookmark-front-bookmark-manager span,
#cbxwpbookmark-front-bookmark-manager div,
#cbxwpbookmark-front-category-manager,
#cbxwpbookmark-front-category-manager p,
#cbxwpbookmark-front-category-manager span,
#cbxwpbookmark-front-category-manager div{
color: var(--brp-text);
}
/* Buttons - base */
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 40px;
border-radius: 10px !important;
text-transform: none !important;
font-weight: 700 !important;
letter-spacing: 0.1px !important;
box-shadow: var(--brp-shadow-strong) !important;
border: 1px solid #797979 !important;
}
/* Standard buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn:not(.v-btn--icon),
#cbxwpbookmark-front-category-manager .v-btn:not(.v-btn--icon){
background: #ffffff !important;
color: var(--brp-heading) !important;
}
/* Strong CTA / add buttons / primary buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn.primary,
#cbxwpbookmark-front-bookmark-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.primary,
#cbxwpbookmark-front-category-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.success,
#cbxwpbookmark-front-bookmark-manager .v-btn.success{
background: var(--brp-accent) !important;
border: 1px solid var(--brp-accent) !important;
color: #fff !important;
}
/* Hover */
#cbxwpbookmark-front-bookmark-manager .v-btn:hover,
#cbxwpbookmark-front-category-manager .v-btn:hover{
transform: translateY(-1px);
filter: brightness(0.99);
}
/* Inputs */
#cbxwpbookmark-front-bookmark-manager .v-input__slot,
#cbxwpbookmark-front-category-manager .v-input__slot{
background: #fff !important;
border: 1px solid var(--brp-border) !important;
border-radius: 10px !important;
box-shadow: none !important;
min-height: 42px !important;
}
/* Input text */
#cbxwpbookmark-front-bookmark-manager input,
#cbxwpbookmark-front-category-manager input,
#cbxwpbookmark-front-bookmark-manager .v-label,
#cbxwpbookmark-front-category-manager .v-label{
color: var(--brp-text) !important;
}
/* Data table shell */
#cbxwpbookmark-front-bookmark-manager .v-data-table,
#cbxwpbookmark-front-category-manager .v-data-table{
border: 1px solid var(--brp-border);
border-radius: 14px;
overflow: hidden;
background: #fff;
box-shadow: none !important;
}
/* Table */
#cbxwpbookmark-front-bookmark-manager table,
#cbxwpbookmark-front-category-manager table{
width: 100% !important;
border-collapse: collapse !important;
background: #fff;
}
/* Table header */
#cbxwpbookmark-front-bookmark-manager thead th,
#cbxwpbookmark-front-category-manager thead th{
background: linear-gradient(90deg, #F37748 0%, #e56b3c 100%) !important;
color: #fff !important;
font-family: var(--brp-head-font) !important;
font-size: 14px;
font-weight: 700;
padding: 13px 12px !important;
border-right: 1px solid rgba(255,255,255,0.16) !important;
white-space: nowrap;
}
/* Table body */
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-category-manager td{
font-size: 14px;
line-height: 1.55;
color: var(--brp-text) !important;
padding: 14px 12px !important;
vertical-align: middle;
border-top: 1px solid #eee8e3 !important;
background: #fff !important;
}
/* Zebra softness */
#cbxwpbookmark-front-bookmark-manager tbody tr:nth-child(even) td,
#cbxwpbookmark-front-category-manager tbody tr:nth-child(even) td{
background: #fcfaf8 !important;
}
/* Title links */
#cbxwpbookmark-front-bookmark-manager a,
#cbxwpbookmark-front-category-manager a{
color: var(--brp-heading) !important;
text-decoration: none;
font-weight: 600;
}
#cbxwpbookmark-front-bookmark-manager a:hover,
#cbxwpbookmark-front-category-manager a:hover{
color: var(--brp-accent) !important;
text-decoration: underline;
}
/* Long titles wrap */
#cbxwpbookmark-front-bookmark-manager td:first-child{
white-space: normal !important;
word-break: break-word;
}
/* Action buttons: slightly accented */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn,
#cbxwpbookmark-front-category-manager td:last-child .v-btn{
background: #fff !important;
color: var(--brp-heading) !important;
border: 1px solid #b9b9b9 !important;
}
/* Optional: make delete buttons more orange if plugin has danger classes */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn.error,
#cbxwpbookmark-front-category-manager td:last-child .v-btn.error{
background: var(--brp-accent-soft) !important;
color: var(--brp-accent) !important;
border-color: rgba(243,119,72,0.35) !important;
}
/* Footer / pagination */
#cbxwpbookmark-front-bookmark-manager .v-data-footer,
#cbxwpbookmark-front-category-manager .v-data-footer{
background: transparent !important;
border-top: none !important;
padding: 14px 0 0 0 !important;
color: var(--brp-muted) !important;
font-family: var(--brp-body-font);
}
/* Toolbar layout */
#cbxwpbookmark-front-bookmark-manager .v-toolbar__content,
#cbxwpbookmark-front-category-manager .v-toolbar__content,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
/* Add some visual spacing between sections */
#cbxwpbookmark-front-bookmark-manager{
margin-bottom: 20px;
}
/* Helper labels / small notes inside plugin */
#cbxwpbookmark-front-bookmark-manager .text-caption,
#cbxwpbookmark-front-category-manager .text-caption,
#cbxwpbookmark-front-bookmark-manager .text--secondary,
#cbxwpbookmark-front-category-manager .text--secondary{
font-family: var(--brp-note-font) !important;
font-style: italic;
color: var(--brp-muted) !important;
}
/* Responsive */
@media (max-width: 1024px){
.brp-section-title{
font-size: 26px;
}
.brp-section-note{
font-size: 16px;
}
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-bookmark-manager th,
#cbxwpbookmark-front-category-manager td,
#cbxwpbookmark-front-category-manager th{
font-size: 13px;
padding: 10px 8px !important;
}
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 36px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5e3e5bb */.sap-timer-card {
background: #0C2C43;
}
.sap-timer-card__value{
color:white;
}
h3#sap-quiz-notes-title.sap-section-title{background: linear-gradient(
to bottom,
transparent 0%,
transparent 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 100%
);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66db153d *//* Softer / duller rainbow outline + glow */
#get-flowcharts-bar-chair-page{
border-radius: 10px;
position: default;
z-index: 3;
position:center;
}
/* Outline */
#get-flowcharts-bar-chair-page::before{
content: "";
position: absolute;
inset: -1px; /* outline thickness */
border-radius: inherit;
z-index: -1;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
opacity: 0.40; /* softer, but still visible */
}
/* Soft glow */
#get-flowcharts-bar-chair-page::after{
content: "";
position: absolute;
inset: -4px;
border-radius: inherit;
z-index: -2;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
filter: blur(0px);
opacity: 0.80; /* duller glow */
}
/* Keeps your actual element background clean */
#get-flowcharts-bar-chair-page{
background-clip: padding-box;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5c9a0c1 *//**
* Curriculum Checklist — Checklist styles
* File: cck-checklist.css
* Visual direction:
* - premium minimalist
* - off-white / ivory surfaces
* - deep navy text hierarchy
* - restrained rainbow accents
* - cleaner two-column node layout
*/
/* =========================
Shell / section wrappers
========================= */
.cck-checklist-shell{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
color: #17384D;
}
.cck-checklist-header{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.cck-checklist-header-main{
min-width: 0;
flex: 1 1 480px;
}
.cck-checklist-title-row{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.cck-checklist-title{
margin: 0;
font-size: 1.16rem;
line-height: 1.3;
font-weight: 800;
color: #0C2C43;
letter-spacing: -0.01em;
}
.cck-checklist-description{
margin: 7px 0 0;
font-size: 0.95rem;
line-height: 1.65;
color: rgba(12, 44, 67, 0.72);
}
.cck-checklist-header-meta{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.cck-checklist-meta-pill{
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 32px;
padding: 5px 11px;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 999px;
background: #F7F5EF;
font-size: 12px;
line-height: 1.4;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
}
.cck-checklist-meta-label{
color: rgba(12, 44, 67, 0.58);
font-weight: 600;
}
.cck-checklist-meta-value{
color: #0C2C43;
font-weight: 700;
}
.cck-section-subtitle{
font-size: 0.95rem;
font-weight: 800;
color: #0C2C43;
margin-bottom: 10px;
}
/* =========================
Tooltip
========================= */
.cck-checklist-tooltip-wrap{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: none;
}
.cck-checklist-tooltip-icon{
width: 18px;
height: 18px;
display: block;
object-fit: contain;
}
.cck-checklist-tooltip-fallback{
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 11px;
line-height: 1;
font-weight: 700;
color: #fff;
background: #0C2C43;
}
.cck-checklist-tooltip-content{
position: absolute;
z-index: 30;
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
width: min(320px, 78vw);
padding: 11px 13px;
border-radius: 14px;
border: 1px solid rgba(12, 44, 67, 0.10);
background: #FCFBF7;
box-shadow: 0 14px 32px rgba(12, 44, 67, 0.10);
color: #355166;
font-size: 12px;
line-height: 1.6;
opacity: 0;
visibility: hidden;
transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}
.cck-checklist-tooltip-wrap:hover .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus-within .cck-checklist-tooltip-content{
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* =========================
Guest / empty messages
========================= */
.cck-checklist-guest-message,
.cck-checklist-empty-tree,
.cck-inline-message{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #F8F6F1;
color: rgba(12, 44, 67, 0.78);
border-radius: 16px;
padding: 13px 15px;
font-size: 0.94rem;
line-height: 1.6;
}
.cck-inline-message.cck-error,
.cck-inline-message.cck-template-error{
background: #FDF2F4;
border-color: #F2C9CF;
color: #8D2C35;
}
/* =========================
Progress area
========================= */
.cck-checklist-progress-area{
display: grid;
grid-template-columns: minmax(260px, 380px) minmax(280px, 1fr);
gap: 16px;
align-items: start;
}
.cck-checklist-progress-pie-wrap,
.cck-checklist-progress-summary-wrap{
min-width: 0;
}
.cck-checklist-progress-summary-wrap{
display: flex;
flex-direction: column;
gap: 12px;
}
.cck-progress-summary-card,
.cck-last-completed-card,
.cck-subject-progress-card{
position: relative;
background: #FCFBF7;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 18px;
box-shadow: 0 8px 24px rgba(12, 44, 67, 0.05);
padding: 14px 16px;
overflow: hidden;
}
.cck-progress-summary-card::before,
.cck-last-completed-card::before,
.cck-subject-progress-card::before{
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 2px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.45),
rgba(233,176,123,0.45),
rgba(233,223,123,0.45),
rgba(134,224,163,0.45),
rgba(127,215,230,0.45),
rgba(138,167,234,0.45),
rgba(181,154,232,0.45),
rgba(232,143,201,0.45)
);
pointer-events: none;
}
.cck-progress-summary-top,
.cck-subject-progress-top{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.cck-progress-summary-title,
.cck-progress-summary-heading,
.cck-last-completed-title,
.cck-subject-progress-title{
font-weight: 800;
color: #0C2C43;
}
.cck-progress-summary-percent,
.cck-subject-progress-percent{
font-weight: 800;
color: #0C2C43;
white-space: nowrap;
font-size:1.2em;
}
.cck-progress-summary-bar,
.cck-subject-progress-bar,
.cck-node-subtree-progress{
position: relative;
width: 100%;
height: 10px;
border-radius: 999px;
background: #E9EEF2;
overflow: hidden;
margin-top: 12px;
}
.cck-progress-summary-fill,
.cck-subject-progress-fill,
.cck-node-subtree-progress-fill{
display: block;
height: 100%;
width: 0;
border-radius: inherit;
background: linear-gradient(
90deg,
rgba(233,123,123,0.88),
rgba(233,176,123,0.88),
rgba(233,223,123,0.88),
rgba(134,224,163,0.88),
rgba(127,215,230,0.88),
rgba(138,167,234,0.88),
rgba(181,154,232,0.88),
rgba(232,143,201,0.88)
);
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
font-size: 0.88rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.68);
}
.cck-progress-summary-stats{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 12px;
}
.cck-progress-stat{
min-width: 90px;
}
.cck-progress-stat-label{
display: block;
font-size: 0.74rem;
color: rgba(12, 44, 67, 0.58);
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.cck-progress-stat-value{
display: block;
font-size: 0.9rem;
font-weight: 700;
color: #0C2C43;
}
.cck-last-completed-body{
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.cck-last-completed-item{
font-size: 0.95rem;
font-weight: 700;
line-height: 1.55;
color: #0C2C43;
}
.cck-last-completed-subject,
.cck-last-completed-date{
font-size: 0.85rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.60);
}
.cck-subject-progress-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-subject-progress-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
}
.cck-subject-progress-right{
display: inline-flex;
align-items: center;
gap: 8px;
}
.cck-subject-progress-weight{
font-size: 0.82rem;
line-height: 1.3;
font-weight: 700;
color: rgba(12, 44, 67, 0.56);
}
/* =========================
Tree section
========================= */
.cck-checklist-tree-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-checklist-tree{
display: flex;
flex-direction: column;
gap: 10px;
}
/* =========================
Node card / row
Premium two-column structure
========================= */
.cck-checklist-node{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
transition: box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
box-shadow: 0 3px 10px rgba(12, 44, 67, 0.04);
}
.cck-checklist-node:hover{
border-color: rgba(12, 44, 67, 0.14);
box-shadow: 0 8px 22px rgba(12, 44, 67, 0.07);
}
.cck-node-is-inactive{
opacity: 0.72;
}
.cck-node-is-checkable.cck-node-is-checked{
background:
linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
linear-gradient(
90deg,
rgba(240,253,244,0.90),
rgba(252,251,247,1)
);
}
.cck-node-row{
width: 100%;
}
/* Main split: utility column + content column */
.cck-node-main{
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
align-items: start;
gap: 0;
padding: 0;
min-width: 0;
}
/* Left utility column */
.cck-node-toggle,
.cck-node-toggle-placeholder,
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
position: relative;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder,
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
display: flex;
align-items: flex-start;
justify-content: center;
min-height: 100%;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder{
padding-top: 16px;
}
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
padding-top: 16px;
}
.cck-node-toggle,
.cck-node-toggle-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
}
.cck-node-toggle{
appearance: none;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
border-radius: 8px;
}
.cck-node-toggle:hover{
background: rgba(12, 44, 67, 0.06);
}
.cck-node-toggle-icon{
position: absolute;
inset: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cck-node-toggle-icon::before{
content: "";
width: 8px;
height: 8px;
border-right: 2px solid #4A6478;
border-bottom: 2px solid #4A6478;
transform: rotate(45deg);
transition: transform 0.18s ease;
margin-top: -2px;
}
.cck-node-toggle[aria-expanded="false"] .cck-node-toggle-icon::before{
transform: rotate(-45deg);
margin-top: 0;
}
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
position: relative;
}
.cck-node-checkbox{
position: absolute;
inset: 0;
opacity: 0;
margin: 0;
cursor: pointer;
}
.cck-node-checkbox-ui{
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 7px;
border: 1.5px solid rgba(12, 44, 67, 0.18);
background: #FFFFFF;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.cck-node-checkbox:hover + .cck-node-checkbox-ui,
.cck-node-checkbox:focus + .cck-node-checkbox-ui{
border-color: #F37748;
box-shadow: 0 0 0 3px rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui{
border-color: #F37748;
background: rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui::after{
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #F37748;
border-bottom: 2px solid #F37748;
transform: rotate(-45deg);
margin-top: -1px;
}
.cck-node-checkbox:disabled + .cck-node-checkbox-ui{
opacity: 0.58;
cursor: not-allowed;
}
/* Right content column */
.cck-node-content{
min-width: 0;
flex: none;
padding: 14px 16px 14px 0;
position: relative;
}
.cck-node-content::before{
content: "";
position: absolute;
left: -14px;
top: 12px;
bottom: 12px;
width: 1px;
background: rgba(12, 44, 67, 0.06);
}
.cck-node-title-row{
display: flex;
align-items: flex-start;
gap: 8px;
flex-wrap: wrap;
min-width: 0;
}
.cck-node-title{
font-size: 0.95rem;
line-height: 1.6;
font-weight: 700;
color: #0C2C43;
min-width: 0;
word-break: break-word;
}
.cck-node-meta{
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
margin-top: 7px;
}
.cck-node-meta-item{
font-size: 0.78rem;
line-height: 1.45;
color: rgba(12, 44, 67, 0.58);
}
.cck-node-status-badge{
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 2px 8px;
border-radius: 999px;
font-size: 0.72rem;
line-height: 1.3;
font-weight: 700;
border: 1px solid transparent;
}
.cck-node-status-done{
color: #1E5A3A;
background: #EEF9F1;
border-color: #CDEDD6;
}
.cck-node-status-inactive{
color: #5A6F80;
background: #EEF3F7;
border-color: #D6E0E8;
}
/* Optional per-node progress */
.cck-node-subtree-progress{
margin-top: 10px;
}
/* =========================
Children / nesting
========================= */
.cck-node-children{
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 10px 10px 10px;
}
.cck-node-children[hidden]{
display: none !important;
}
.cck-node-depth-1{ margin-left: 12px; }
.cck-node-depth-2{ margin-left: 24px; }
.cck-node-depth-3{ margin-left: 36px; }
.cck-node-depth-4{ margin-left: 48px; }
.cck-node-depth-5{ margin-left: 60px; }
.cck-node-depth-6{ margin-left: 72px; }
/* =========================
Loading / pending state hooks
========================= */
.cck-checklist-shell.is-saving .cck-node-checkbox-ui,
.cck-checklist-node.is-saving .cck-node-checkbox-ui{
opacity: 0.72;
}
.cck-checklist-shell.is-loading{
pointer-events: none;
opacity: 0.88;
}
.cck-node-rail::before{
z-index: 1;
}
.cck-node-toggle-placeholder{
position: relative;
z-index: 0;
background: transparent;
}
.cck-node-checkbox-wrap{
position: relative;
z-index: 2;
}
/* =========================================
SUBJECT PROGRESS VIEWPORT
Applies to all subject progress sliders
========================================= */
.cck-subject-progress-viewport{
padding: 20px 5px;
border: 2px dashed #c1c1c1;
border-radius: 10px;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* keep the card centered inside each slide */
.cck-subject-progress-slide{
display: flex;
justify-content: center;
}
.cck-subject-progress-card{
width: 95%;
max-width: 100%;
}
/* =========================================
BUTTON HOVER / FOCUS
Your current .elementor-1301 .elementor-element.elementor-element-5c9a0c1 is too broad and has one broken piece:
".ast-custom-button:hover .button:hover"
========================================= */
button:focus,
button:hover,
.menu-toggle:hover,
.ast-button:hover,
.ast-custom-button:hover,
.button:hover,
input[type="reset"]:hover,
input[type="reset"]:focus,
input#submit:hover,
input#submit:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body .wp-block-file .wp-block-file__button:focus{
background-color: #f37748;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* =========================================
SUBJECT LEVEL ONLY
Keep the boxed look only for subject rows
========================================= */
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content{
min-width: 0;
width: 100%;
padding: 14px 16px 14px 0;
position: relative;
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
}
/* =========================================
TOPIC AND DOWNWARDS ONLY
This is the important fix:
do NOT target all .cck-checklist-node
========================================= */
.cck-checklist-node:not(.cck-node-level-subject){
border: none !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
transition: none !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
overflow: visible !important;
}
/* =========================================
TREE SECTION WRAPPER
This styles the whole checklist tree section only
========================================= */
.cck-checklist-tree-section{
padding: 15px;
border-radius: 10px;
border: 2px dashed #c1c1c1;
}
/* Topic level and below: faint horizontal row borders only */
.cck-node-level-topic > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-item > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subitem > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subsubdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail2 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail3 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail4 > .cck-node-row > .cck-node-main > .cck-node-content{
border-top: 1px dotted #c1c1c1 !important;
border-bottom: 1px dotted #c1c1c1 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content
{
border: none;
box-shadow: none;
}
/* =========================
Responsive
========================= */
@media (max-width: 920px){
.cck-checklist-progress-area{
grid-template-columns: 1fr;
}
}
@media (max-width: 640px){
.cck-checklist-header{
flex-direction: column;
align-items: stretch;
}
.cck-node-main{
grid-template-columns: 46px minmax(0, 1fr);
}
.cck-node-content{
padding: 12px 12px 12px 0;
}
.cck-node-content::before{
left: -10px;
}
.cck-node-depth-1{ margin-left: 8px; }
.cck-node-depth-2{ margin-left: 14px; }
.cck-node-depth-3{ margin-left: 20px; }
.cck-node-depth-4{ margin-left: 26px; }
.cck-node-depth-5{ margin-left: 32px; }
.cck-node-depth-6{ margin-left: 38px; }
.cck-subject-progress-list{
grid-template-columns: 1fr;
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
flex-direction: column;
align-items: flex-start;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d10370f */.plr-news-featured-kicker {
font-size:15px;
background: linear-gradient(
to right,
#F3774885 0%,
#F3774885 10%,
transparent 25%,
transparent 100%
);
padding: 0 .08em;
border-radius: .15em;
}
.plr-news-featured {
margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-16154ce */.sap-leaderboard-growth-card, #growth-snapshot-section{
border:none;
background: #9F9F9F7D;
}
.sap-card.sap-leaderboard-growth-card .sap-section-title {
color:#0c2c43;
font-size:25px;
}
.sap-leaderboard__header{
gap:0px;
}
.sap-distribution-bin__you {
font-size: 15px;
font-weight: 700;
margin-top:-5px;
}
.sap-leaderboard-table {
box-shadow: 1px 1px 5px 1px #c1c1c1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f020520 */#icon-leaderboards {
position: relative;
isolation: isolate;
overflow: visible !important;
}
/* NORMAL STATE: animated full border */
#icon-leaderboards:not([aria-selected="true"])::before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 2.5px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBorderTravel 8s linear infinite,
leaderboardBorderPulse 8s ease-in-out infinite;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}
/* ACTIVE STATE: remove full border */
#icon-leaderboards[aria-selected="true"]::before {
content: none;
}
/* ACTIVE STATE: animated centered bottom border only */
#icon-leaderboards[aria-selected="true"]::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 70%;
height: 3px;
transform: translateX(-50%) scaleX(0);
transform-origin: center center;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBottomReveal 0.7s ease-out forwards,
leaderboardBottomTravel 8s linear infinite 0.7s,
leaderboardBottomPulse 8s ease-in-out infinite 0.7s;
pointer-events: none;
z-index: 3;
}
/* Optional: keep icon white */
#icon-leaderboards .e-n-tab-icon svg {
fill: #ffffff !important;
}
/* Full border gradient movement */
@keyframes leaderboardBorderTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Full border pulsing */
@keyframes leaderboardBorderPulse {
0%, 100% {
opacity: 1;
filter: drop-shadow(0 0 3px rgba(233,123,123,0.22))
drop-shadow(0 0 6px rgba(127,215,230,0.18));
}
50% {
opacity: 1;
filter: drop-shadow(0 0 5px rgba(233,123,123,0.32))
drop-shadow(0 0 10px rgba(127,215,230,0.26));
}
}
/* Bottom border reveal from left to right */
@keyframes leaderboardBottomReveal {
0% {
transform: scaleX(0);
opacity: 0.2;
}
100% {
transform: scaleX(1);
opacity: 1;
}
}
/* Bottom border gradient movement */
@keyframes leaderboardBottomTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Bottom border pulsing */
@keyframes leaderboardBottomReveal {
0% {
transform: translateX(-50%) scaleX(0);
opacity: 0.2;
}
100% {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
}
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg,
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg path {
fill: #f37748 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-95bf07b */.plr-daily-random-post-card{
background:#d8cccc;
border:1px solid #8b8b8b;
border-radius:14px;
padding:22px 26px;
box-shadow:0 4px 14px rgba(0,0,0,.10);
}
.plr-drp-title{
margin:0 0 12px;
font-size:1.2rem;
line-height:1.3;
font-weight:700;
font-family: "Roboto Slab", Sans-serif;
color:#0c2c43;
}
.plr-drp-title a{
color:#111;
text-decoration:none;
}
.plr-drp-title a:hover{
text-decoration:underline;
}
.plr-drp-tags{
margin:0 0 14px;
line-height:1.7;
}
.plr-drp-tags a{
display:inline-block;
margin:0 8px 8px 0;
padding:4px 10px;
border:1px solid #555;
border-radius:999px;
font-size:.85rem;
text-decoration:none;
color:#222;
background:rgba(255,255,255,.35);
}
.plr-drp-excerpt{
margin-bottom:22px;
color:#222;
font-size:1rem;
line-height:1.7;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden;
}
.plr-drp-button-wrap{
margin-top:10px;
}
.plr-drp-button{
display:inline-block;
font-weight:700;
text-decoration:none;
color:#111;
border:2px solid #C1C1C1;
padding:10px;
border-radius:8px;
transition:.2s ease;
}
.plr-daily-random-post-card .plr-drp-button{
display:inline-block;
font-weight:600;
text-decoration:none;
color:#111;
border:2px solid #111;
padding:10px 16px;
border-radius:8px;
transition:.2s ease;
font-size:15px;
}
.plr-drp-button:hover{
background:#F3774885;
color:#222;
}
.plr-daily-random-post-card {
background: #F3774885;
border: 1px solid #8b8b8b;
border-radius: 14px;
padding: 22px 26px;
box-shadow: 0 4px 14px rgba(0, 0, 0, .10);
}
.plr-daily-random-post-card .plr-drp-button {
display: inline-block;
font-weight: 700;
text-decoration: none;
color: #0C2C43;
border: 2px solid #0C2C43;
padding: 8px 10px;
border-radius: 10px;
transition: .2s ease;
font-size: 12px;
}
#plr-todays-recommended-heading{
margin: 0 0 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: #0C2C43;
background: linear-gradient(
to right,
#fff 0%,
#fff 10%,
transparent 35%,
transparent 100%);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9b35ae */a.louis-tag-btn {
box-shadow: 1px 2px 5px -3px #919191;}
.louis-subject-dropdown {
background: #9f9f9f7d;
}
select#louis-subject-dropdown.louis-subject-dropdown{
background: #9f9f9f7d;
}
div#sap-dashboard-reminders.sap-card.sap-dashboard-reminders.sap-section-title/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f048c59 */.popular-tags-wrap{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.popular-tag-btn{
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border: 1px solid #d9d9d9;
border-radius: 999px;
background: #fff;
color: #222;
text-decoration: none;
font-size: 14px;
line-height: 1;
transition: all 0.2s ease;
}
.popular-tag-btn:hover{
transform: translateY(-1px);
border-color: #999;
}
.tag-count{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 999px;
background: #f1f1f1;
font-size: 12px;
font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d5470b */div.brp-bookmarks-manager-wrap {
border-radius: 10px !important;
overflow: auto;
scrollbar-gutter: stable;
}
.brp-bookmarks-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
.brp-bookmarks-table thead th:last-child {
border-right: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fc5dbba *//*****************************************************
* Highlite – Filter + Table Styling (Dashboard)
* Scope: #highlite-section-user-dashboard
*****************************************************/
/* =========================
FILTER BAR
========================= */
#highlite-section-user-dashboard .highlite-filter {
padding: 10px;
}
/* Dropdowns */
#highlite-section-user-dashboard select[name="highlite_sortby"],
#highlite-section-user-dashboard select[name="highlite_order"] {
width: 25%;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Search input */
#highlite-section-user-dashboard input[name="highlite_search"] {
width: 30%;
border: 1px dashed #d0d0d0;
border-radius: 5px;
font-family: 'Lora', serif;
}
/* Submit controls */
#highlite-section-user-dashboard button[type="submit"],
#highlite-section-user-dashboard input[type="submit"] {
margin: 0 5px;
padding: 12px 20px;
border: 0;
border-radius: 5px;
background: #f77748;
color: #fff;
font-family: 'Lora', serif;
cursor: pointer;
transition: filter 0.2s ease;
}
#highlite-section-user-dashboard button[type="submit"]:hover,
#highlite-section-user-dashboard input[type="submit"]:hover {
filter: brightness(0.95);
}
/* =========================
TABLE WRAPPER
Only scrolls if needed
========================= */
#highlite-section-user-dashboard .highlite-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable;
}
/* =========================
TABLE
Styled to visually match the bookmarks table family
without being an exact duplicate
========================= */
#highlite-section-user-dashboard table.highlite-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid #ead6cf;
border-radius: 10px;
overflow: hidden;
}
/* Header */
#highlite-section-user-dashboard table.highlite-table thead th {
background: rgba(243, 119, 72, 0.42);
color: var(--brp-bm-heading);
font-family: var(--brp-bm-head-font);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
text-align: left;
white-space: nowrap;
padding: 13px 12px;
border-right: 1px solid rgba(12, 44, 67, 0.08);
border-bottom: 1px solid #ead6cf;
}
#highlite-section-user-dashboard table.highlite-table thead th:last-child {
border-right: 0;
}
/* Body cells */
#highlite-section-user-dashboard table.highlite-table tbody td {
background: #fff;
color: var(--brp-bm-text);
font-size: 14px;
line-height: 1.55;
padding: 14px 12px;
vertical-align: middle;
border-top: 1px solid #eee8e3;
}
/* Subtle striping */
#highlite-section-user-dashboard table.highlite-table tbody tr:nth-child(even) td {
background: #fffaf8;
}
/* Hover */
#highlite-section-user-dashboard table.highlite-table tbody tr:hover td {
background: #fff3ee;
transition: background 0.2s ease;
}
/* Bottom outer corners */
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
#highlite-section-user-dashboard table.highlite-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
/* =========================
LINKS
========================= */
#highlite-section-user-dashboard a,
#highlite-section-user-dashboard a:visited {
color: #000;
}
#highlite-section-user-dashboard table.highlite-table a:hover,
#highlite-section-user-dashboard table.highlite-table a:focus {
text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b4a1f4 *//* =========================================
BARRISTER REVIEW PORTAL – BOOKMARK RESKIN
V2 aligned to your actual design language
========================================= */
.brp-bookmark-shell{
--brp-bg: #f5f3f1;
--brp-card: #ffffff;
--brp-border: #d8d8d8;
--brp-shadow: 0 2px 10px -2px rgba(27, 27, 27, 0.18);
--brp-shadow-strong: -1px 0px 10px -2px rgba(27, 27, 27, 0.35);
--brp-heading: #0C2C43;
--brp-text: #425466;
--brp-muted: #5A5A5A;
--brp-accent: #F37748;
--brp-accent-dark: #e56b3c;
--brp-accent-soft: #fff1eb;
--brp-note-font: "Lora", serif;
--brp-head-font: "Roboto Slab", serif;
--brp-body-font: "Georgia", "Times New Roman", serif;
color: var(--brp-text);
}
/* Section titles */
.brp-section-title{
font-family: var(--brp-head-font);
font-size: 30px;
font-weight: 800;
letter-spacing: 0.5px;
color: var(--brp-heading);
line-height: 1.15;
margin: 0 0 12px 0;
}
/* Optional supporting note text */
.brp-section-note{
font-family: var(--brp-note-font);
font-size: 18px;
font-weight: 600;
font-style: italic;
letter-spacing: -0.6px;
color: var(--brp-muted);
margin: 0 0 16px 0;
}
/* Main plugin containers */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-category-manager{
width: 100%;
max-width: 100%;
color: var(--brp-text);
font-family: var(--brp-body-font);
}
/* Core card styling */
#cbxwpbookmark-front-bookmark-manager .v-card,
#cbxwpbookmark-front-category-manager .v-card{
background: var(--brp-card) !important;
border: 1px solid var(--brp-border) !important;
border-radius: 16px !important;
box-shadow: var(--brp-shadow) !important;
overflow: hidden;
}
/* Top content spacing */
#cbxwpbookmark-front-bookmark-manager .v-toolbar,
#cbxwpbookmark-front-category-manager .v-toolbar,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
background: transparent !important;
box-shadow: none !important;
border-bottom: none !important;
padding: 18px 18px 12px 18px !important;
}
/* Internal headings */
#cbxwpbookmark-front-bookmark-manager h1,
#cbxwpbookmark-front-bookmark-manager h2,
#cbxwpbookmark-front-bookmark-manager h3,
#cbxwpbookmark-front-category-manager h1,
#cbxwpbookmark-front-category-manager h2,
#cbxwpbookmark-front-category-manager h3{
font-family: var(--brp-head-font) !important;
color: var(--brp-heading) !important;
font-weight: 800 !important;
letter-spacing: 0.3px;
margin-bottom: 12px !important;
}
/* Body text */
#cbxwpbookmark-front-bookmark-manager,
#cbxwpbookmark-front-bookmark-manager p,
#cbxwpbookmark-front-bookmark-manager span,
#cbxwpbookmark-front-bookmark-manager div,
#cbxwpbookmark-front-category-manager,
#cbxwpbookmark-front-category-manager p,
#cbxwpbookmark-front-category-manager span,
#cbxwpbookmark-front-category-manager div{
color: var(--brp-text);
}
/* Buttons - base */
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 40px;
border-radius: 10px !important;
text-transform: none !important;
font-weight: 700 !important;
letter-spacing: 0.1px !important;
box-shadow: var(--brp-shadow-strong) !important;
border: 1px solid #797979 !important;
}
/* Standard buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn:not(.v-btn--icon),
#cbxwpbookmark-front-category-manager .v-btn:not(.v-btn--icon){
background: #ffffff !important;
color: var(--brp-heading) !important;
}
/* Strong CTA / add buttons / primary buttons */
#cbxwpbookmark-front-bookmark-manager .v-btn.primary,
#cbxwpbookmark-front-bookmark-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.primary,
#cbxwpbookmark-front-category-manager .v-btn--is-elevated,
#cbxwpbookmark-front-category-manager .v-btn.success,
#cbxwpbookmark-front-bookmark-manager .v-btn.success{
background: var(--brp-accent) !important;
border: 1px solid var(--brp-accent) !important;
color: #fff !important;
}
/* Hover */
#cbxwpbookmark-front-bookmark-manager .v-btn:hover,
#cbxwpbookmark-front-category-manager .v-btn:hover{
transform: translateY(-1px);
filter: brightness(0.99);
}
/* Inputs */
#cbxwpbookmark-front-bookmark-manager .v-input__slot,
#cbxwpbookmark-front-category-manager .v-input__slot{
background: #fff !important;
border: 1px solid var(--brp-border) !important;
border-radius: 10px !important;
box-shadow: none !important;
min-height: 42px !important;
}
/* Input text */
#cbxwpbookmark-front-bookmark-manager input,
#cbxwpbookmark-front-category-manager input,
#cbxwpbookmark-front-bookmark-manager .v-label,
#cbxwpbookmark-front-category-manager .v-label{
color: var(--brp-text) !important;
}
/* Data table shell */
#cbxwpbookmark-front-bookmark-manager .v-data-table,
#cbxwpbookmark-front-category-manager .v-data-table{
border: 1px solid var(--brp-border);
border-radius: 14px;
overflow: hidden;
background: #fff;
box-shadow: none !important;
}
/* Table */
#cbxwpbookmark-front-bookmark-manager table,
#cbxwpbookmark-front-category-manager table{
width: 100% !important;
border-collapse: collapse !important;
background: #fff;
}
/* Table header */
#cbxwpbookmark-front-bookmark-manager thead th,
#cbxwpbookmark-front-category-manager thead th{
background: linear-gradient(90deg, #F37748 0%, #e56b3c 100%) !important;
color: #fff !important;
font-family: var(--brp-head-font) !important;
font-size: 14px;
font-weight: 700;
padding: 13px 12px !important;
border-right: 1px solid rgba(255,255,255,0.16) !important;
white-space: nowrap;
}
/* Table body */
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-category-manager td{
font-size: 14px;
line-height: 1.55;
color: var(--brp-text) !important;
padding: 14px 12px !important;
vertical-align: middle;
border-top: 1px solid #eee8e3 !important;
background: #fff !important;
}
/* Zebra softness */
#cbxwpbookmark-front-bookmark-manager tbody tr:nth-child(even) td,
#cbxwpbookmark-front-category-manager tbody tr:nth-child(even) td{
background: #fcfaf8 !important;
}
/* Title links */
#cbxwpbookmark-front-bookmark-manager a,
#cbxwpbookmark-front-category-manager a{
color: var(--brp-heading) !important;
text-decoration: none;
font-weight: 600;
}
#cbxwpbookmark-front-bookmark-manager a:hover,
#cbxwpbookmark-front-category-manager a:hover{
color: var(--brp-accent) !important;
text-decoration: underline;
}
/* Long titles wrap */
#cbxwpbookmark-front-bookmark-manager td:first-child{
white-space: normal !important;
word-break: break-word;
}
/* Action buttons: slightly accented */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn,
#cbxwpbookmark-front-category-manager td:last-child .v-btn{
background: #fff !important;
color: var(--brp-heading) !important;
border: 1px solid #b9b9b9 !important;
}
/* Optional: make delete buttons more orange if plugin has danger classes */
#cbxwpbookmark-front-bookmark-manager td:last-child .v-btn.error,
#cbxwpbookmark-front-category-manager td:last-child .v-btn.error{
background: var(--brp-accent-soft) !important;
color: var(--brp-accent) !important;
border-color: rgba(243,119,72,0.35) !important;
}
/* Footer / pagination */
#cbxwpbookmark-front-bookmark-manager .v-data-footer,
#cbxwpbookmark-front-category-manager .v-data-footer{
background: transparent !important;
border-top: none !important;
padding: 14px 0 0 0 !important;
color: var(--brp-muted) !important;
font-family: var(--brp-body-font);
}
/* Toolbar layout */
#cbxwpbookmark-front-bookmark-manager .v-toolbar__content,
#cbxwpbookmark-front-category-manager .v-toolbar__content,
#cbxwpbookmark-front-bookmark-manager .v-card__title,
#cbxwpbookmark-front-category-manager .v-card__title{
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
/* Add some visual spacing between sections */
#cbxwpbookmark-front-bookmark-manager{
margin-bottom: 20px;
}
/* Helper labels / small notes inside plugin */
#cbxwpbookmark-front-bookmark-manager .text-caption,
#cbxwpbookmark-front-category-manager .text-caption,
#cbxwpbookmark-front-bookmark-manager .text--secondary,
#cbxwpbookmark-front-category-manager .text--secondary{
font-family: var(--brp-note-font) !important;
font-style: italic;
color: var(--brp-muted) !important;
}
/* Responsive */
@media (max-width: 1024px){
.brp-section-title{
font-size: 26px;
}
.brp-section-note{
font-size: 16px;
}
#cbxwpbookmark-front-bookmark-manager td,
#cbxwpbookmark-front-bookmark-manager th,
#cbxwpbookmark-front-category-manager td,
#cbxwpbookmark-front-category-manager th{
font-size: 13px;
padding: 10px 8px !important;
}
#cbxwpbookmark-front-bookmark-manager .v-btn,
#cbxwpbookmark-front-category-manager .v-btn{
min-height: 36px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5e3e5bb */.sap-timer-card {
background: #0C2C43;
}
.sap-timer-card__value{
color:white;
}
h3#sap-quiz-notes-title.sap-section-title{background: linear-gradient(
to bottom,
transparent 0%,
transparent 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 50%,
linear-gradient(to right, #F3774885 0%, #F3774885 5%, transparent 12%, transparent 100%) 100%
);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-66db153d *//* Softer / duller rainbow outline + glow */
#get-flowcharts-bar-chair-page{
border-radius: 10px;
position: default;
z-index: 3;
position:center;
}
/* Outline */
#get-flowcharts-bar-chair-page::before{
content: "";
position: absolute;
inset: -1px; /* outline thickness */
border-radius: inherit;
z-index: -1;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
opacity: 0.40; /* softer, but still visible */
}
/* Soft glow */
#get-flowcharts-bar-chair-page::after{
content: "";
position: absolute;
inset: -4px;
border-radius: inherit;
z-index: -2;
background: linear-gradient(90deg,
#e97b7b,
#e9b07b,
#e9df7b,
#86e0a3,
#7fd7e6,
#8aa7ea,
#b59ae8,
#e88fc9
);
filter: blur(0px);
opacity: 0.80; /* duller glow */
}
/* Keeps your actual element background clean */
#get-flowcharts-bar-chair-page{
background-clip: padding-box;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5c9a0c1 *//**
* Curriculum Checklist — Checklist styles
* File: cck-checklist.css
* Visual direction:
* - premium minimalist
* - off-white / ivory surfaces
* - deep navy text hierarchy
* - restrained rainbow accents
* - cleaner two-column node layout
*/
/* =========================
Shell / section wrappers
========================= */
.cck-checklist-shell{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
color: #17384D;
}
.cck-checklist-header{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.cck-checklist-header-main{
min-width: 0;
flex: 1 1 480px;
}
.cck-checklist-title-row{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.cck-checklist-title{
margin: 0;
font-size: 1.16rem;
line-height: 1.3;
font-weight: 800;
color: #0C2C43;
letter-spacing: -0.01em;
}
.cck-checklist-description{
margin: 7px 0 0;
font-size: 0.95rem;
line-height: 1.65;
color: rgba(12, 44, 67, 0.72);
}
.cck-checklist-header-meta{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.cck-checklist-meta-pill{
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 32px;
padding: 5px 11px;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 999px;
background: #F7F5EF;
font-size: 12px;
line-height: 1.4;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
}
.cck-checklist-meta-label{
color: rgba(12, 44, 67, 0.58);
font-weight: 600;
}
.cck-checklist-meta-value{
color: #0C2C43;
font-weight: 700;
}
.cck-section-subtitle{
font-size: 0.95rem;
font-weight: 800;
color: #0C2C43;
margin-bottom: 10px;
}
/* =========================
Tooltip
========================= */
.cck-checklist-tooltip-wrap{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: none;
}
.cck-checklist-tooltip-icon{
width: 18px;
height: 18px;
display: block;
object-fit: contain;
}
.cck-checklist-tooltip-fallback{
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 11px;
line-height: 1;
font-weight: 700;
color: #fff;
background: #0C2C43;
}
.cck-checklist-tooltip-content{
position: absolute;
z-index: 30;
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
width: min(320px, 78vw);
padding: 11px 13px;
border-radius: 14px;
border: 1px solid rgba(12, 44, 67, 0.10);
background: #FCFBF7;
box-shadow: 0 14px 32px rgba(12, 44, 67, 0.10);
color: #355166;
font-size: 12px;
line-height: 1.6;
opacity: 0;
visibility: hidden;
transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}
.cck-checklist-tooltip-wrap:hover .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus .cck-checklist-tooltip-content,
.cck-checklist-tooltip-wrap:focus-within .cck-checklist-tooltip-content{
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* =========================
Guest / empty messages
========================= */
.cck-checklist-guest-message,
.cck-checklist-empty-tree,
.cck-inline-message{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #F8F6F1;
color: rgba(12, 44, 67, 0.78);
border-radius: 16px;
padding: 13px 15px;
font-size: 0.94rem;
line-height: 1.6;
}
.cck-inline-message.cck-error,
.cck-inline-message.cck-template-error{
background: #FDF2F4;
border-color: #F2C9CF;
color: #8D2C35;
}
/* =========================
Progress area
========================= */
.cck-checklist-progress-area{
display: grid;
grid-template-columns: minmax(260px, 380px) minmax(280px, 1fr);
gap: 16px;
align-items: start;
}
.cck-checklist-progress-pie-wrap,
.cck-checklist-progress-summary-wrap{
min-width: 0;
}
.cck-checklist-progress-summary-wrap{
display: flex;
flex-direction: column;
gap: 12px;
}
.cck-progress-summary-card,
.cck-last-completed-card,
.cck-subject-progress-card{
position: relative;
background: #FCFBF7;
border: 1px solid rgba(12, 44, 67, 0.08);
border-radius: 18px;
box-shadow: 0 8px 24px rgba(12, 44, 67, 0.05);
padding: 14px 16px;
overflow: hidden;
}
.cck-progress-summary-card::before,
.cck-last-completed-card::before,
.cck-subject-progress-card::before{
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 2px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.45),
rgba(233,176,123,0.45),
rgba(233,223,123,0.45),
rgba(134,224,163,0.45),
rgba(127,215,230,0.45),
rgba(138,167,234,0.45),
rgba(181,154,232,0.45),
rgba(232,143,201,0.45)
);
pointer-events: none;
}
.cck-progress-summary-top,
.cck-subject-progress-top{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.cck-progress-summary-title,
.cck-progress-summary-heading,
.cck-last-completed-title,
.cck-subject-progress-title{
font-weight: 800;
color: #0C2C43;
}
.cck-progress-summary-percent,
.cck-subject-progress-percent{
font-weight: 800;
color: #0C2C43;
white-space: nowrap;
font-size:1.2em;
}
.cck-progress-summary-bar,
.cck-subject-progress-bar,
.cck-node-subtree-progress{
position: relative;
width: 100%;
height: 10px;
border-radius: 999px;
background: #E9EEF2;
overflow: hidden;
margin-top: 12px;
}
.cck-progress-summary-fill,
.cck-subject-progress-fill,
.cck-node-subtree-progress-fill{
display: block;
height: 100%;
width: 0;
border-radius: inherit;
background: linear-gradient(
90deg,
rgba(233,123,123,0.88),
rgba(233,176,123,0.88),
rgba(233,223,123,0.88),
rgba(134,224,163,0.88),
rgba(127,215,230,0.88),
rgba(138,167,234,0.88),
rgba(181,154,232,0.88),
rgba(232,143,201,0.88)
);
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
font-size: 0.88rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.68);
}
.cck-progress-summary-stats{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 12px;
}
.cck-progress-stat{
min-width: 90px;
}
.cck-progress-stat-label{
display: block;
font-size: 0.74rem;
color: rgba(12, 44, 67, 0.58);
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.cck-progress-stat-value{
display: block;
font-size: 0.9rem;
font-weight: 700;
color: #0C2C43;
}
.cck-last-completed-body{
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.cck-last-completed-item{
font-size: 0.95rem;
font-weight: 700;
line-height: 1.55;
color: #0C2C43;
}
.cck-last-completed-subject,
.cck-last-completed-date{
font-size: 0.85rem;
line-height: 1.5;
color: rgba(12, 44, 67, 0.60);
}
.cck-subject-progress-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-subject-progress-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
}
.cck-subject-progress-right{
display: inline-flex;
align-items: center;
gap: 8px;
}
.cck-subject-progress-weight{
font-size: 0.82rem;
line-height: 1.3;
font-weight: 700;
color: rgba(12, 44, 67, 0.56);
}
/* =========================
Tree section
========================= */
.cck-checklist-tree-section{
display: flex;
flex-direction: column;
gap: 10px;
}
.cck-checklist-tree{
display: flex;
flex-direction: column;
gap: 10px;
}
/* =========================
Node card / row
Premium two-column structure
========================= */
.cck-checklist-node{
border: 1px solid rgba(12, 44, 67, 0.08);
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
transition: box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
box-shadow: 0 3px 10px rgba(12, 44, 67, 0.04);
}
.cck-checklist-node:hover{
border-color: rgba(12, 44, 67, 0.14);
box-shadow: 0 8px 22px rgba(12, 44, 67, 0.07);
}
.cck-node-is-inactive{
opacity: 0.72;
}
.cck-node-is-checkable.cck-node-is-checked{
background:
linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
linear-gradient(
90deg,
rgba(240,253,244,0.90),
rgba(252,251,247,1)
);
}
.cck-node-row{
width: 100%;
}
/* Main split: utility column + content column */
.cck-node-main{
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
align-items: start;
gap: 0;
padding: 0;
min-width: 0;
}
/* Left utility column */
.cck-node-toggle,
.cck-node-toggle-placeholder,
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
position: relative;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder,
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
display: flex;
align-items: flex-start;
justify-content: center;
min-height: 100%;
}
.cck-node-main > .cck-node-toggle,
.cck-node-main > .cck-node-toggle-placeholder{
padding-top: 16px;
}
.cck-node-main > .cck-node-checkbox-wrap,
.cck-node-main > .cck-node-checkbox-placeholder{
padding-top: 16px;
}
.cck-node-toggle,
.cck-node-toggle-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
}
.cck-node-toggle{
appearance: none;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
border-radius: 8px;
}
.cck-node-toggle:hover{
background: rgba(12, 44, 67, 0.06);
}
.cck-node-toggle-icon{
position: absolute;
inset: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cck-node-toggle-icon::before{
content: "";
width: 8px;
height: 8px;
border-right: 2px solid #4A6478;
border-bottom: 2px solid #4A6478;
transform: rotate(45deg);
transition: transform 0.18s ease;
margin-top: -2px;
}
.cck-node-toggle[aria-expanded="false"] .cck-node-toggle-icon::before{
transform: rotate(-45deg);
margin-top: 0;
}
.cck-node-checkbox-wrap,
.cck-node-checkbox-placeholder{
width: 22px;
height: 22px;
margin: 0 auto;
position: relative;
}
.cck-node-checkbox{
position: absolute;
inset: 0;
opacity: 0;
margin: 0;
cursor: pointer;
}
.cck-node-checkbox-ui{
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 7px;
border: 1.5px solid rgba(12, 44, 67, 0.18);
background: #FFFFFF;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.cck-node-checkbox:hover + .cck-node-checkbox-ui,
.cck-node-checkbox:focus + .cck-node-checkbox-ui{
border-color: #F37748;
box-shadow: 0 0 0 3px rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui{
border-color: #F37748;
background: rgba(243,119,72,0.10);
}
.cck-node-checkbox:checked + .cck-node-checkbox-ui::after{
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #F37748;
border-bottom: 2px solid #F37748;
transform: rotate(-45deg);
margin-top: -1px;
}
.cck-node-checkbox:disabled + .cck-node-checkbox-ui{
opacity: 0.58;
cursor: not-allowed;
}
/* Right content column */
.cck-node-content{
min-width: 0;
flex: none;
padding: 14px 16px 14px 0;
position: relative;
}
.cck-node-content::before{
content: "";
position: absolute;
left: -14px;
top: 12px;
bottom: 12px;
width: 1px;
background: rgba(12, 44, 67, 0.06);
}
.cck-node-title-row{
display: flex;
align-items: flex-start;
gap: 8px;
flex-wrap: wrap;
min-width: 0;
}
.cck-node-title{
font-size: 0.95rem;
line-height: 1.6;
font-weight: 700;
color: #0C2C43;
min-width: 0;
word-break: break-word;
}
.cck-node-meta{
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
margin-top: 7px;
}
.cck-node-meta-item{
font-size: 0.78rem;
line-height: 1.45;
color: rgba(12, 44, 67, 0.58);
}
.cck-node-status-badge{
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 2px 8px;
border-radius: 999px;
font-size: 0.72rem;
line-height: 1.3;
font-weight: 700;
border: 1px solid transparent;
}
.cck-node-status-done{
color: #1E5A3A;
background: #EEF9F1;
border-color: #CDEDD6;
}
.cck-node-status-inactive{
color: #5A6F80;
background: #EEF3F7;
border-color: #D6E0E8;
}
/* Optional per-node progress */
.cck-node-subtree-progress{
margin-top: 10px;
}
/* =========================
Children / nesting
========================= */
.cck-node-children{
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 10px 10px 10px;
}
.cck-node-children[hidden]{
display: none !important;
}
.cck-node-depth-1{ margin-left: 12px; }
.cck-node-depth-2{ margin-left: 24px; }
.cck-node-depth-3{ margin-left: 36px; }
.cck-node-depth-4{ margin-left: 48px; }
.cck-node-depth-5{ margin-left: 60px; }
.cck-node-depth-6{ margin-left: 72px; }
/* =========================
Loading / pending state hooks
========================= */
.cck-checklist-shell.is-saving .cck-node-checkbox-ui,
.cck-checklist-node.is-saving .cck-node-checkbox-ui{
opacity: 0.72;
}
.cck-checklist-shell.is-loading{
pointer-events: none;
opacity: 0.88;
}
.cck-node-rail::before{
z-index: 1;
}
.cck-node-toggle-placeholder{
position: relative;
z-index: 0;
background: transparent;
}
.cck-node-checkbox-wrap{
position: relative;
z-index: 2;
}
/* =========================================
SUBJECT PROGRESS VIEWPORT
Applies to all subject progress sliders
========================================= */
.cck-subject-progress-viewport{
padding: 20px 5px;
border: 2px dashed #c1c1c1;
border-radius: 10px;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* keep the card centered inside each slide */
.cck-subject-progress-slide{
display: flex;
justify-content: center;
}
.cck-subject-progress-card{
width: 95%;
max-width: 100%;
}
/* =========================================
BUTTON HOVER / FOCUS
Your current .elementor-1301 .elementor-element.elementor-element-5c9a0c1 is too broad and has one broken piece:
".ast-custom-button:hover .button:hover"
========================================= */
button:focus,
button:hover,
.menu-toggle:hover,
.ast-button:hover,
.ast-custom-button:hover,
.button:hover,
input[type="reset"]:hover,
input[type="reset"]:focus,
input#submit:hover,
input#submit:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body .wp-block-file .wp-block-file__button:focus{
background-color: #f37748;
box-shadow: 1px 1px 5px 1px #c1c1c1;
}
/* =========================================
SUBJECT LEVEL ONLY
Keep the boxed look only for subject rows
========================================= */
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content{
min-width: 0;
width: 100%;
padding: 14px 16px 14px 0;
position: relative;
background: #FCFBF7;
border-radius: 18px;
overflow: hidden;
}
/* =========================================
TOPIC AND DOWNWARDS ONLY
This is the important fix:
do NOT target all .cck-checklist-node
========================================= */
.cck-checklist-node:not(.cck-node-level-subject){
border: none !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
transition: none !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main,
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.cck-checklist-node:not(.cck-node-level-subject) > .cck-node-row > .cck-node-main > .cck-node-content{
overflow: visible !important;
}
/* =========================================
TREE SECTION WRAPPER
This styles the whole checklist tree section only
========================================= */
.cck-checklist-tree-section{
padding: 15px;
border-radius: 10px;
border: 2px dashed #c1c1c1;
}
/* Topic level and below: faint horizontal row borders only */
.cck-node-level-topic > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-item > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subitem > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-subsubdetail > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail2 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail3 > .cck-node-row > .cck-node-main > .cck-node-content,
.cck-node-level-detail4 > .cck-node-row > .cck-node-main > .cck-node-content{
border-top: 1px dotted #c1c1c1 !important;
border-bottom: 1px dotted #c1c1c1 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.cck-node-level-subject > .cck-node-row > .cck-node-main > .cck-node-content
{
border: none;
box-shadow: none;
}
/* =========================
Responsive
========================= */
@media (max-width: 920px){
.cck-checklist-progress-area{
grid-template-columns: 1fr;
}
}
@media (max-width: 640px){
.cck-checklist-header{
flex-direction: column;
align-items: stretch;
}
.cck-node-main{
grid-template-columns: 46px minmax(0, 1fr);
}
.cck-node-content{
padding: 12px 12px 12px 0;
}
.cck-node-content::before{
left: -10px;
}
.cck-node-depth-1{ margin-left: 8px; }
.cck-node-depth-2{ margin-left: 14px; }
.cck-node-depth-3{ margin-left: 20px; }
.cck-node-depth-4{ margin-left: 26px; }
.cck-node-depth-5{ margin-left: 32px; }
.cck-node-depth-6{ margin-left: 38px; }
.cck-subject-progress-list{
grid-template-columns: 1fr;
}
.cck-progress-summary-meta,
.cck-subject-progress-meta{
flex-direction: column;
align-items: flex-start;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d10370f */.plr-news-featured-kicker {
font-size:15px;
background: linear-gradient(
to right,
#F3774885 0%,
#F3774885 10%,
transparent 25%,
transparent 100%
);
padding: 0 .08em;
border-radius: .15em;
}
.plr-news-featured {
margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-16154ce */.sap-leaderboard-growth-card, #growth-snapshot-section{
border:none;
background: #9F9F9F7D;
}
.sap-card.sap-leaderboard-growth-card .sap-section-title {
color:#0c2c43;
font-size:25px;
}
.sap-leaderboard__header{
gap:0px;
}
.sap-distribution-bin__you {
font-size: 15px;
font-weight: 700;
margin-top:-5px;
}
.sap-leaderboard-table {
box-shadow: 1px 1px 5px 1px #c1c1c1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f020520 */#icon-leaderboards {
position: relative;
isolation: isolate;
overflow: visible !important;
}
/* NORMAL STATE: animated full border */
#icon-leaderboards:not([aria-selected="true"])::before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 2.5px;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBorderTravel 8s linear infinite,
leaderboardBorderPulse 8s ease-in-out infinite;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 2;
}
/* ACTIVE STATE: remove full border */
#icon-leaderboards[aria-selected="true"]::before {
content: none;
}
/* ACTIVE STATE: animated centered bottom border only */
#icon-leaderboards[aria-selected="true"]::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 70%;
height: 3px;
transform: translateX(-50%) scaleX(0);
transform-origin: center center;
background: linear-gradient(
90deg,
rgba(233,123,123,0.90),
rgba(233,176,123,0.90),
rgba(233,223,123,0.90),
rgba(134,224,163,0.90),
rgba(127,215,230,0.90),
rgba(138,167,234,0.90),
rgba(181,154,232,0.90),
rgba(232,143,201,0.90),
rgba(233,123,123,0.90)
);
background-size: 300% 100%;
animation:
leaderboardBottomReveal 0.7s ease-out forwards,
leaderboardBottomTravel 8s linear infinite 0.7s,
leaderboardBottomPulse 8s ease-in-out infinite 0.7s;
pointer-events: none;
z-index: 3;
}
/* Optional: keep icon white */
#icon-leaderboards .e-n-tab-icon svg {
fill: #ffffff !important;
}
/* Full border gradient movement */
@keyframes leaderboardBorderTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Full border pulsing */
@keyframes leaderboardBorderPulse {
0%, 100% {
opacity: 1;
filter: drop-shadow(0 0 3px rgba(233,123,123,0.22))
drop-shadow(0 0 6px rgba(127,215,230,0.18));
}
50% {
opacity: 1;
filter: drop-shadow(0 0 5px rgba(233,123,123,0.32))
drop-shadow(0 0 10px rgba(127,215,230,0.26));
}
}
/* Bottom border reveal from left to right */
@keyframes leaderboardBottomReveal {
0% {
transform: scaleX(0);
opacity: 0.2;
}
100% {
transform: scaleX(1);
opacity: 1;
}
}
/* Bottom border gradient movement */
@keyframes leaderboardBottomTravel {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
/* Bottom border pulsing */
@keyframes leaderboardBottomReveal {
0% {
transform: translateX(-50%) scaleX(0);
opacity: 0.2;
}
100% {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
}
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg,
#icon-leaderboards[aria-selected="true"] .e-n-tab-icon svg path {
fill: #f37748 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-74177ed */.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"],
.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover {
background: #FFFFFF;
box-shadow: 0px 5px 7px 4px rgba(0, 0, 0, 0.45);
}
/* first tab offset */
#e-n-tab-title-1217310531{
margin-left: 10px;
}
/* first tab active shadow tweak */
#e-n-tab-title-1217310531[aria-selected="true"]{
box-shadow: 0px 5px 10px 4px rgba(0, 0, 0, 0.45) !important;
}
/* allow tab titles to visually overlap each other */
.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs .e-n-tabs-heading{
position: relative;
overflow: visible !important;
gap: 0 !important;
margin-bottom: -2px; /* pulls tabs 5px closer to content */
}
/* base tab setup */
.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs .e-n-tab-title{
position: relative;
z-index: 1;
margin-right: -2px; /* reduced overlap for normal tabs */
transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0.2s ease;
}
/* hovered tab rises above neighbors */
.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs .e-n-tab-title:hover{
z-index: 4;
}
/* active tab sits on top like the front folder */
.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]{
z-index: 6;
transform: translateY(-1px);
margin-right: -5px; /* slightly more overlap only for active tab */
}
/* keep neighboring tabs visually tucked underneath */
.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs .e-n-tab-title[aria-selected="false"]{
z-index: 1;
}
.elementor-1301 .elementor-element.elementor-element-74177ed.elementor-widget-n-tabs .e-n-tabs-content > .e-con {
animation: tabPanelFade 0.2s ease;
}
@keyframes tabPanelFade {
from {
opacity: 0.15;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2c1c205 */.st-btn-icon-img-wrap{
display: inline-flex;
align-items: center;
justify-content: center;
width: 12px;
height: 12px;
flex: 0 0 auto;
}
.st-btn-icon-img{
display: block;
width: 12px;
height: 12px;
object-fit: contain;
pointer-events: none;
}
.st-pmdr-box{
background-color:#fff
}
#study-tracker-root button:hover {
background-color: #F37748AB;
border: 1px solid #f37748;
color: #0C2C43;
}
#study-tracker-root .study-tracker-small .study-tracker-linkbtn {
align-self: start !important;
padding: 10px 15px !important;
}
/*For the color of the border of paused study-tracker*/
.study-tracker-card.st-paused-glow {
border: 2px dashed #f37748 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a58c538 */.hl-term{
background: linear-gradient(transparent 50%, rgba(255, 238, 140, 0.85) 50%);
padding: 0 .08em;
border-radius: .15em;
}
/* =========================================================
BASIC TOOLTIP WRAPPER
Targets: the whole tooltip trigger + text
========================================================= */
.basic-tooltip{
position: relative;
display: inline-flex;
align-items: center;
cursor: help;
}
/* =========================================================
TOOLTIP BOX
Targets: the floating tooltip text
========================================================= */
.basic-tooltip::after{
content: attr(data-tooltip);
position: absolute;
left: 50%;
bottom: calc(100% + 8px);
transform: translateX(-50%);
background: #0C2C43;
color: #fff;
padding: 6px 8px;
border-radius: 10px;
font-size: 15px;
line-height: 1.3;
white-space: normal;
width: max-content;
max-width: 220px;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 9999;
box-shadow: 0 4px 12px rgba(0,0,0,0.12);
transition: opacity .15s ease, visibility .15s ease;
}
/* =========================================================
TOOLTIP ARROW
Targets: the small arrow under the tooltip box
========================================================= */
.basic-tooltip::before{
content: "";
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top: none;
border-bottom-color: #222;
opacity: 0;
visibility: hidden;
transition: opacity .15s ease, visibility .15s ease;
z-index: 9999;
}
/* Show tooltip on hover/focus */
.basic-tooltip:hover::after,
.basic-tooltip:hover::before,
.basic-tooltip:focus::after,
.basic-tooltip:focus::before{
opacity: 1;
visibility: visible;
}
/* =========================================================
TOOLTIP ICON WRAPPER
Targets: the span around your custom image icon
Based on your chosen version
========================================================= */
.basic-tooltip-icon{
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 0;
width: 35px;
height: 10px;
}
/* =========================================================
TOOLTIP ICON IMAGE
Targets: the actual image inside the icon wrapper
Based on your chosen version
========================================================= */
.basic-tooltip-icon-img{
width: 30px;
height: 30px;
display: block;
object-fit: contain;
opacity: 0.90;
}
/* WIDGET FOR TIMER - TO PREVENT JUMPING - Reserve space for the widget so sticky mode does not cause layout jumping; compromise to remove if it does not look good */
#study-tracker-root{
min-height: 300px;
}/* End custom CSS */