.elementor-4969 .elementor-element.elementor-element-301e5bce{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-78729dd8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-78729dd8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4969 .elementor-element.elementor-element-40b00839{--header-background-color:#6C88AB;--header-color:#FFFFFF;--toggle-button-color:#FFFFFF;--separator-width:0px;--item-text-hover-decoration:underline;}.elementor-4969 .elementor-element.elementor-element-40b00839 .rael-toc__header, .elementor-4969 .elementor-element.elementor-element-40b00839 .rael-toc__header-title{font-size:1.4em;font-style:normal;}.elementor-4969 .elementor-element.elementor-element-1b2dab01{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0em;--margin-bottom:0em;--margin-left:2em;--margin-right:0em;}.elementor-4969 .elementor-element.elementor-element-1b2dab01.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4969 .elementor-element.elementor-element-40f303c5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-60d4ede{--display:flex;--justify-content:center;}.elementor-4969 .elementor-element.elementor-element-60d4ede.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4969 .elementor-element.elementor-element-1ccc8c4{--display:flex;--justify-content:center;}.elementor-4969 .elementor-element.elementor-element-701a20a8{--display:flex;--overlay-opacity:1;--margin-top:-18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-701a20a8::before, .elementor-4969 .elementor-element.elementor-element-701a20a8 > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-701a20a8 > .e-con-inner > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-701a20a8 > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-701a20a8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-701a20a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#459CEE;--background-overlay:'';}.elementor-4969 .elementor-element.elementor-element-701a20a8:hover::before, .elementor-4969 .elementor-element.elementor-element-701a20a8:hover > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-701a20a8:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-701a20a8 > .elementor-background-slideshow:hover::before, .elementor-4969 .elementor-element.elementor-element-701a20a8 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-4969 .elementor-element.elementor-element-701a20a8:hover{--overlay-opacity:0.5;}.elementor-4969 .elementor-element.elementor-element-1ce2a179 .elementor-button{background-color:#459CEE;font-size:24px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;}.elementor-4969 .elementor-element.elementor-element-1ce2a179{width:var( --container-widget-width, 100% );max-width:100%;background-color:#FFFFFF00;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4969 .elementor-element.elementor-element-1ce2a179.elementor-element{--align-self:center;}.elementor-4969 .elementor-element.elementor-element-1ce2a179 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4969 .elementor-element.elementor-element-1ce2a179 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-4969 .elementor-element.elementor-element-25ab378b{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0em;--margin-bottom:0em;--margin-left:2em;--margin-right:0em;}.elementor-4969 .elementor-element.elementor-element-25ab378b:not(.elementor-motion-effects-element-type-background), .elementor-4969 .elementor-element.elementor-element-25ab378b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4969 .elementor-element.elementor-element-25ab378b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6{width:var( --container-widget-width, 100% );max-width:100%;background-color:#FF0000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button .cretive-button-text{font-size:22px;font-weight:bold;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button i{font-size:30px;color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button svg{height:30px;width:30px;fill:#ffffff;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button-wrapper{justify-content:center;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button .creative-button-inner svg{fill:#ffffff;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button{color:#ffffff;background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--tamaya::before{color:#ffffff;background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--tamaya::after{color:#ffffff;background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--ujarak:hover{background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--wayra:hover{background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--rayen:hover{background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--pipaluk::after{background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--wave:hover{background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--aylen::before{background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--nuka::before{background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--nuka::after{background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--antiman::after{background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--quidel::after{background-color:#FF0000;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button:hover i{color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button:hover .creative-button-inner svg{fill:#ffffff;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button:hover{color:#ffffff;background-color:#f54;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button:hover svg{fill:#ffffff;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--winona::after{color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--saqui::after{color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--ujarak::before{background-color:#f54;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--wayra:hover::before{background-color:#f54;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--tamaya:hover{background-color:#f54;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--rayen::before{background-color:#f54;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--wave::before{background-color:#f54;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--wave:hover::before{background-color:#f54;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--aylen::after{background-color:#f54;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--saqui:hover{color:#f54;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--nuka:hover::after{background-color:#f54;}.elementor-4969 .elementor-element.elementor-element-7bb6dfa6 .eael-creative-button.eael-creative-button--quidel:hover::after{background-color:#f54;}.elementor-4969 .elementor-element.elementor-element-be7a4f9{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-be7a4f9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4969 .elementor-element.elementor-element-7f14ef2f{--display:flex;--justify-content:center;}.elementor-4969 .elementor-element.elementor-element-23e2bdb3{--display:flex;--overlay-opacity:1;--margin-top:-18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-23e2bdb3::before, .elementor-4969 .elementor-element.elementor-element-23e2bdb3 > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-23e2bdb3 > .e-con-inner > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-23e2bdb3 > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-23e2bdb3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-23e2bdb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#459CEE;--background-overlay:'';}.elementor-4969 .elementor-element.elementor-element-23e2bdb3:hover::before, .elementor-4969 .elementor-element.elementor-element-23e2bdb3:hover > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-23e2bdb3:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-23e2bdb3 > .elementor-background-slideshow:hover::before, .elementor-4969 .elementor-element.elementor-element-23e2bdb3 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-4969 .elementor-element.elementor-element-23e2bdb3:hover{--overlay-opacity:0.5;}.elementor-4969 .elementor-element.elementor-element-44983bd3 .elementor-button{background-color:#459CEE;font-size:24px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;}.elementor-4969 .elementor-element.elementor-element-44983bd3{width:var( --container-widget-width, 100% );max-width:100%;background-color:#FFFFFF00;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4969 .elementor-element.elementor-element-44983bd3.elementor-element{--align-self:center;}.elementor-4969 .elementor-element.elementor-element-44983bd3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4969 .elementor-element.elementor-element-44983bd3 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-4969 .elementor-element.elementor-element-1ce3155f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-4969 .elementor-element.elementor-element-1ce3155f::before, .elementor-4969 .elementor-element.elementor-element-1ce3155f > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-1ce3155f > .e-con-inner > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-1ce3155f > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-1ce3155f > .e-con-inner > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-1ce3155f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4969 .elementor-element.elementor-element-7cf6955c{--display:flex;--overlay-opacity:1;--padding-top:3em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-4969 .elementor-element.elementor-element-7cf6955c::before, .elementor-4969 .elementor-element.elementor-element-7cf6955c > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-7cf6955c > .e-con-inner > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-7cf6955c > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-7cf6955c > .e-con-inner > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-7cf6955c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.parkerwilsonpress.com/wp-content/uploads/2024/11/bookshelf-lo-rez-v3.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4969 .elementor-element.elementor-element-7cf6955c::before{filter:brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4969 .elementor-element.elementor-element-135d0d6b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-135d0d6b::before, .elementor-4969 .elementor-element.elementor-element-135d0d6b > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-135d0d6b > .e-con-inner > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-135d0d6b > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-135d0d6b > .e-con-inner > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-135d0d6b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4969 .elementor-element.elementor-element-14326873{--display:flex;--padding-top:3em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-4969 .elementor-element.elementor-element-1a48c56b .elementor-heading-title{color:#FFFFFF;}.elementor-4969 .elementor-element.elementor-element-37993b65{color:#FFFFFF;}.elementor-4969 .elementor-element.elementor-element-43abc3ac{--display:flex;--padding-top:3em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-4969 .elementor-element.elementor-element-224bd24a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-4969 .elementor-element.elementor-element-224bd24a.elementor-element{--align-self:flex-start;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-button-content-wrapper{flex-direction:row;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-button span{gap:14px;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:12px;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-12px;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-field-group > label{font-weight:bold;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-field-type-html{padding-bottom:0px;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-button{font-size:25px;}.elementor-4969 .elementor-element.elementor-element-224bd24a .e-form__buttons__wrapper__button-next{background-color:#FFAA00;color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-button[type="submit"]{background-color:#FFAA00;color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4969 .elementor-element.elementor-element-224bd24a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-224bd24a .e-form__buttons__wrapper__button-next:hover{background-color:#EE9312;color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-button[type="submit"]:hover{background-color:#EE9312;color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-224bd24a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4969 .elementor-element.elementor-element-224bd24a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-6185e4b8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-6185e4b8:not(.elementor-motion-effects-element-type-background), .elementor-4969 .elementor-element.elementor-element-6185e4b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D8E7EE;}.elementor-4969 .elementor-element.elementor-element-4bf3e48a{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu-container{background-color:#6281A6;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal{background-color:#6281A6;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li a span, .elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li span.eael-simple-menu-indicator{font-size:15px;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li a span, .elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li span.eael-simple-menu-indicator i{font-size:15px;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li span.eael-simple-menu-indicator svg{width:15px;height:15px;line-height:15px;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li span svg{width:15px;height:15px;line-height:15px;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li .eael-simple-menu-indicator:hover:before{color:#f44336;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li .eael-simple-menu-indicator:hover i{color:#f44336;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li .eael-simple-menu-indicator:hover svg{fill:#f44336;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li .eael-simple-menu-indicator:hover{background-color:#ffffff;border-color:#f44336;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open:before{color:#f44336 !important;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open svg{fill:#f44336 !important;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open i{color:#f44336 !important;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open{background-color:#ffffff !important;border-color:#f44336 !important;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu-container .eael-simple-menu-toggle{background-color:#000000;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu-container .eael-simple-menu-toggle i{color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu-container .eael-simple-menu-toggle svg{fill:#ffffff;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul{background-color:#446C9C;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu.eael-simple-menu-horizontal li ul li a{padding-left:20px;padding-right:20px;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu.eael-simple-menu-horizontal li ul li > a{border-bottom:1px solid #f2f2f2;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu.eael-simple-menu-vertical li ul li > a{border-bottom:1px solid #f2f2f2;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul li a span{font-size:12px;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul li span.eael-simple-menu-indicator{font-size:12px;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul li span.eael-simple-menu-indicator i{font-size:12px;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul li .eael-simple-menu-indicator svg{width:12px;height:12px;line-height:12px;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul li:hover > a{color:#C04C4C;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul li.current-menu-item > a.eael-item-active{color:#C04C4C;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul li.current-menu-ancestor > a.eael-item-active{color:#C04C4C;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul li .eael-simple-menu-indicator:hover:before{color:#f44336 !important;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul li .eael-simple-menu-indicator.eael-simple-menu-indicator-open:before{color:#f44336 !important;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul li .eael-simple-menu-indicator:hover{background-color:#486180 !important;border-color:#f44336 !important;}.elementor-4969 .elementor-element.elementor-element-4976f9d6 .eael-simple-menu li ul li .eael-simple-menu-indicator.eael-simple-menu-indicator-open{background-color:#486180 !important;border-color:#f44336 !important;}.elementor-4969 .elementor-element.elementor-element-496e5426{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-496e5426.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4969 .elementor-element.elementor-element-64303d4f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4969 .elementor-element.elementor-element-6273c0e8.elementor-element{--align-self:flex-start;}.elementor-4969 .elementor-element.elementor-element-6273c0e8{border-style:none;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-button span{gap:10px;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-field-type-html{padding-bottom:0px;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-button{font-size:1.8em;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .e-form__buttons__wrapper__button-next{background-color:#FFA500;color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-button[type="submit"]{background-color:#FFA500;color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .e-form__buttons__wrapper__button-next:hover{background-color:#BB7A02;color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-button[type="submit"]:hover{background-color:#BB7A02;color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4969 .elementor-element.elementor-element-6273c0e8 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4969 .elementor-element.elementor-element-67166e0a{--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;}.elementor-4969 .elementor-element.elementor-element-3a6c9911{--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;}.elementor-4969 .elementor-element.elementor-element-3a6c9911:not(.elementor-motion-effects-element-type-background), .elementor-4969 .elementor-element.elementor-element-3a6c9911 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FDF6;}.elementor-4969 .elementor-element.elementor-element-673dd6a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;}.elementor-4969 .elementor-element.elementor-element-7946448{--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;--flex-wrap:wrap;}.elementor-4969 .elementor-element.elementor-element-7946448:not(.elementor-motion-effects-element-type-background), .elementor-4969 .elementor-element.elementor-element-7946448 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bf1ea57 );}.elementor-4969 .elementor-element.elementor-element-62c6e04d{--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;}.elementor-4969 .elementor-element.elementor-element-25054009{--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;--justify-content:center;}.elementor-4969 .elementor-element.elementor-element-6d9e7bf9{color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4969 .elementor-element.elementor-element-301e5bce{--content-width:1140px;}.elementor-4969 .elementor-element.elementor-element-78729dd8{--width:25%;}.elementor-4969 .elementor-element.elementor-element-1b2dab01{--width:50%;}.elementor-4969 .elementor-element.elementor-element-60d4ede{--width:52%;}.elementor-4969 .elementor-element.elementor-element-25ab378b{--width:25%;}.elementor-4969 .elementor-element.elementor-element-be7a4f9{--width:100%;}.elementor-4969 .elementor-element.elementor-element-7cf6955c{--width:100%;}.elementor-4969 .elementor-element.elementor-element-135d0d6b{--content-width:1140px;}.elementor-4969 .elementor-element.elementor-element-6185e4b8{--content-width:1140px;}.elementor-4969 .elementor-element.elementor-element-4bf3e48a{--width:25%;}.elementor-4969 .elementor-element.elementor-element-496e5426{--width:50%;}.elementor-4969 .elementor-element.elementor-element-67166e0a{--width:25%;}.elementor-4969 .elementor-element.elementor-element-62c6e04d{--width:50%;}.elementor-4969 .elementor-element.elementor-element-25054009{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4969 .elementor-element.elementor-element-1b2dab01{--width:653.917px;}.elementor-4969 .elementor-element.elementor-element-25ab378b{--width:653.917px;}}@media(min-width:1025px){.elementor-4969 .elementor-element.elementor-element-7cf6955c::before, .elementor-4969 .elementor-element.elementor-element-7cf6955c > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-7cf6955c > .e-con-inner > .elementor-background-video-container::before, .elementor-4969 .elementor-element.elementor-element-7cf6955c > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-7cf6955c > .e-con-inner > .elementor-background-slideshow::before, .elementor-4969 .elementor-element.elementor-element-7cf6955c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:1024px){.elementor-4969 .elementor-element.elementor-element-1ce3155f{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-4969 .elementor-element.elementor-element-14326873{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-4969 .elementor-element.elementor-element-43abc3ac{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}}@media(max-width:767px){.elementor-4969 .elementor-element.elementor-element-1b2dab01{--margin-top:0em;--margin-bottom:0em;--margin-left:2em;--margin-right:2em;}.elementor-4969 .elementor-element.elementor-element-7cf6955c{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-4969 .elementor-element.elementor-element-14326873{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-4969 .elementor-element.elementor-element-1a48c56b{text-align:center;}.elementor-4969 .elementor-element.elementor-element-43abc3ac{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}}/* Start custom CSS for text-editor, class: .elementor-element-278fcf4f *//* --- Outer Container & Basic Styling --- */ .alo-container { /* alo = Amazon Listing Optimize */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; color: #333333; /* from existing css */ background-color: #fff; /* from existing css *.alo-li::before/ max-width: 100%; /* Adapt to elementor container */ margin: 0 auto; } /* --- Headings --- */ .alo-container .alo-h1 { font-size: 2.5rem; margin-block-start: 0.5rem; margin-block-end: 1rem; font-weight: 500; line-height: 1.2; color: #333366; /* Custom color */ } .alo-container .alo-h2 { font-size: 2.2rem !important ; margin-block-start: 1.5rem; /* More space before H2 */ margin-block-end: 1rem; font-weight: 500; line-height: 1.2; color: #333366; /* Custom color */ border-bottom: 2px solid #CC3366; /* Accent color */ padding-bottom: 0.3rem; } .alo-container .alo-h3 { font-size: 1.5rem; /* Slightly smaller H3 */ margin-block-start: 1.2rem; margin-block-end: 0.8rem; font-weight: 500; line-height: 1.2; color: #333333; } /* --- Paragraphs & Text --- */ .alo-container .alo-p { margin-block-start: 0; margin-block-end: 0.9rem; color: #333333; } .alo-container .alo-sub-text { font-size: 0.9rem; color: #666666; /* from existing css input border */ margin-block-start: 0.5rem; margin-block-end: 1rem; } .alo-container .alo-strong { font-weight: bolder; /* from existing css */ } .alo-container .alo-bold { /* Alternative bold class if needed */ font-weight: bold; } .alo-container .alo-italic { font-style: italic; } .alo-container .alo-small { font-size: 80%; } .alo-container .alo-uppercase { text-transform: uppercase; } /* --- Lists --- */ .alo-container .alo-ul { list-style: disc; margin-left: 25px; margin-bottom: 1rem; } .alo-container .alo-ul .alo-li, .alo-container .alo-ol .alo-li { margin-bottom: 0.5rem; color: #333333; } .alo-container .alo-ol { list-style: decimal; margin-left: 25px; margin-bottom: 1rem; } .alo-container .alo-checklist { list-style: none; padding-left: 0; margin-bottom: 1rem; } /* REVISED TO ADD SPACE */ .alo-container .alo-checklist .alo-li { margin-bottom: 0.5rem; position: relative; padding-left: 40px; } .alo-container .alo-checklist .alo-li::before { content: "[ ]"; /* Basic checkbox representation */ position: absolute; left: 0; font-family: monospace; } /* --- Bar Charts --- */ .alo-container .alo-bar-chart { margin: 15px 0; padding: 15px; background: #f5f5f5; /* Light grey background */ border-radius: 8px; border: 1px solid #ddd; /* from existing css table border */ } .alo-container .alo-bar-chart .alo-chart-title { font-weight: bold; margin-bottom: 15px; color: #333366; font-size: 1.1rem; } .alo-container .alo-bar-chart .alo-bar-item { margin-bottom: 12px; display: flex; align-items: center; flex-wrap: wrap; /* Allow wrapping on small screens */ } .alo-container .alo-bar-chart .alo-bar-label { flex-basis: 200px; /* Fixed width for label */ flex-shrink: 0; /* Prevent shrinking */ font-size: 0.9rem; color: #333333; margin-right: 10px; margin-bottom: 5px; /* Add space if wraps */ } .alo-container .alo-bar-chart .alo-bar-wrapper { flex-grow: 1; display: flex; align-items: center; min-width: 150px; /* Ensure bar area has space */ margin-bottom: 5px; /* Add space if wraps */ } .alo-container .alo-bar-chart .alo-bar { height: 20px; background: #CC3366; /* Accent color */ border-radius: 3px; margin-right: 10px; transition: width 0.5s ease-in-out; } /* Specific bar colors if needed (using placeholder colors here) */ .alo-container .alo-bar-chart .alo-bar.color-1 { background-color: #0066cc; } .alo-container .alo-bar-chart .alo-bar.color-2 { background-color: #4da6ff; } .alo-container .alo-bar-chart .alo-bar.color-3 { background-color: #66b3ff; } .alo-container .alo-bar-chart .alo-bar.color-4 { background-color: #99ccff; } .alo-container .alo-bar-chart .alo-bar.color-5 { background-color: #ff8c00; } /* Added for verb chart */ .alo-container .alo-bar-chart .alo-bar-value { font-size: 0.9rem; font-weight: bold; color: #333366; } .alo-container .alo-bar-chart .alo-chart-footer { font-size: 0.8rem; color: #666666; margin-top: 10px; font-style: italic; } /* --- Callout/Highlight Boxes --- */ .alo-container .alo-callout { padding: 20px; margin: 20px 0; border-radius: 5px; } .alo-container .alo-callout.alo-success { background: #e8f7e8; /* Light green */ border-left: 5px solid #4caf50; /* Dark green */ color: #3c763d; /* Darker green text */ } .alo-container .alo-callout.alo-warning { background: #fff7e6; /* Light orange */ border-left: 5px solid #ff8c00; /* Dark orange */ color: #8a6d3b; /* Darker orange text */ } .alo-container .alo-callout.alo-info { background: #e3f2fd; /* Light blue */ border-left: 5px solid #2196F3; /* Blue */ color: #31708f; /* Darker blue text */ } .alo-container .alo-callout.alo-danger { background: #ffebee; /* Light red */ border-left: 5px solid #f44336; /* Red */ color: #a94442; /* Darker red text */ } .alo-container .alo-callout.alo-purple { background: #f3e5f5; /* Light purple */ border-left: 5px solid #9c27b0; /* Purple */ color: #6a1b9a; /* Darker purple text */ } .alo-container .alo-callout.alo-yellow { background: #fff9c4; /* Light yellow */ border-left: 5px solid #fbc02d; /* Yellow */ color: #8a6d3b; /* Using orange text color */ } .alo-container .alo-callout.alo-gold { background: #ffecb3; /* Light gold */ border-left: 5px solid #ffa000; /* Gold */ color: #8a6d3b; /* Using orange text color */ } .alo-container .alo-callout .alo-callout-title { font-weight: bold; margin-bottom: 0.5rem; display: block; /* Ensure it takes its own line */ } .alo-container .alo-callout .alo-callout-text { /* Class for text inside callouts */ margin-bottom: 0; } .alo-container .alo-callout .alo-ul { /* Style lists inside callouts */ margin-top: 0.5rem; margin-bottom: 0; } /* --- Templates & Code-like Blocks --- */ .alo-container .alo-template { background: #f5f5f5; /* Light grey */ border: 1px solid #ddd; /* from existing css table border */ border-left: 3px solid #CC3366; /* Accent color */ padding: 15px; margin: 15px 0; font-family: monospace, monospace; /* Monospace font */ font-size: 0.9rem; white-space: pre-wrap; /* Preserve formatting */ word-break: break-all; } /* --- Div-based Tables --- */ .alo-container .alo-div-table { margin: 15px 0; border: 1px solid #ddd; /* from existing css table border */ border-radius: 8px; overflow: hidden; /* Contain borders */ background-color: #fff; /* from existing css */ } .alo-container .alo-div-table .alo-div-row { display: flex; border-bottom: 1px solid #ddd; } .alo-container .alo-div-table .alo-div-row:last-child { border-bottom: none; } .alo-container .alo-div-table .alo-div-cell { padding: 10px; flex: 1; /* Default to equal width */ color: #333333; font-size: 0.9rem; display: flex; /* Align items vertically if needed */ align-items: center; } .alo-container .alo-div-table .alo-div-header { background: #f8f8f8; /* Light grey */ border-bottom: 2px solid #ddd; } .alo-container .alo-div-table .alo-div-header .alo-div-cell { font-weight: bold; color: #333366; /* Custom dark blue */ } /* Specific widths for columns (example for weak/strong table) */ .alo-container .alo-weak-strong-table .alo-div-cell:nth-child(1), .alo-container .alo-weak-strong-table .alo-div-cell:nth-child(2), .alo-container .alo-weak-strong-table .alo-div-cell:nth-child(3) { flex-basis: 33.33%; flex-grow: 0; flex-shrink: 0; } /* Example for benefits ladder table */ .alo-container .alo-benefits-table .alo-div-cell:nth-child(1) { flex-basis: 25%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-benefits-table .alo-div-cell:nth-child(2) { flex-basis: 40%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-benefits-table .alo-div-cell:nth-child(3) { flex-basis: 15%; flex-grow: 0; flex-shrink: 0; text-align: right;} /* Example for keyword density table */ .alo-container .alo-keyword-density-table .alo-div-cell:nth-child(1) { flex-basis: 30%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-keyword-density-table .alo-div-cell:nth-child(2) { flex-basis: 35%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-keyword-density-table .alo-div-cell:nth-child(3) { flex-basis: 35%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-keyword-density-table .alo-optimal-row { background-color: #e8f5e9; } /* Light green highlight */ /* Example for implementation tools table */ .alo-container .alo-tools-table .alo-div-cell:nth-child(1) { flex-basis: 33%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-tools-table .alo-div-cell:nth-child(2) { flex-basis: 20%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-tools-table .alo-div-cell:nth-child(3) { flex-basis: 47%; flex-grow: 0; flex-shrink: 0;} /* Example for A/B Test table */ .alo-container .alo-ab-test-table .alo-div-cell:nth-child(1), .alo-container .alo-ab-test-table .alo-div-cell:nth-child(2), .alo-container .alo-ab-test-table .alo-div-cell:nth-child(3), .alo-container .alo-ab-test-table .alo-div-cell:nth-child(4) { flex-basis: 25%; flex-grow: 0; flex-shrink: 0; } /* Example for Objections table */ .alo-container .alo-objections-table .alo-div-cell:nth-child(1) { flex-basis: 25%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-objections-table .alo-div-cell:nth-child(2) { flex-basis: 35%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-objections-table .alo-div-cell:nth-child(3) { flex-basis: 40%; flex-grow: 0; flex-shrink: 0;} /* Example for Demo table */ .alo-container .alo-demo-table .alo-div-cell:nth-child(1) { flex-basis: 30%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-demo-table .alo-div-cell:nth-child(2) { flex-basis: 35%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-demo-table .alo-div-cell:nth-child(3) { flex-basis: 35%; flex-grow: 0; flex-shrink: 0;} /* Example for Gap Analysis table */ .alo-container .alo-gap-table .alo-div-cell:nth-child(1) { flex-basis: 30%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-gap-table .alo-div-cell:nth-child(2) { flex-basis: 35%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-gap-table .alo-div-cell:nth-child(3) { flex-basis: 35%; flex-grow: 0; flex-shrink: 0;} /* --- Benefits Ladder Visual --- */ .alo-container .alo-benefits-ladder { margin: 15px 0; background: #f8f9fa; /* Very light grey */ border-radius: 10px; padding: 20px; border: 1px solid #ddd; } .alo-container .alo-benefits-ladder .alo-ladder-title { font-weight: bold; margin-bottom: 15px; color: #333366; } .alo-container .alo-benefits-ladder .alo-ladder-tier { padding: 10px; margin-bottom: 10px; border-radius: 5px; } .alo-container .alo-benefits-ladder .alo-ladder-tier:last-child { margin-bottom: 0; } .alo-container .alo-benefits-ladder .alo-tier-3 { background: #c8e6c9; } /* Light Green */ .alo-container .alo-benefits-ladder .alo-tier-2 { background: #b3e0ff; } /* Light Blue */ .alo-container .alo-benefits-ladder .alo-tier-1 { background: #ffcc99; } /* Light Orange */ .alo-container .alo-benefits-ladder .alo-tier-label { font-weight: bold; display: block; margin-bottom: 5px; font-size: 0.9rem; } .alo-container .alo-benefits-ladder .alo-tier-text { font-size: 1rem; } /* --- Engagement Heatmap Visual --- */ .alo-container .alo-heatmap { margin: 15px 0; } .alo-container .alo-heatmap .alo-heatmap-zone { padding: 10px; margin-bottom: 5px; border-radius: 4px; } .alo-container .alo-heatmap .alo-heatmap-zone:last-child { margin-bottom: 0; } .alo-container .alo-heatmap .alo-heatmap-zone .alo-zone-label { font-weight: bold; margin-bottom: 5px; display: block; font-size: 0.9rem; } .alo-container .alo-heatmap .alo-heatmap-bar-container { background: #eee; /* Background for the bar track */ border-radius: 3px; overflow: hidden; } .alo-container .alo-heatmap .alo-heatmap-bar { height: 15px; border-radius: 3px; transition: width 0.5s ease-in-out; } /* Zone specific colors */ .alo-container .alo-heatmap .alo-zone-1 { background: #ffebee; } /* Light red */ .alo-container .alo-heatmap .alo-zone-1 .alo-heatmap-bar { background: #f44336; } /* Red */ .alo-container .alo-heatmap .alo-zone-bullets { background: #fff3e0; } /* Light orange */ .alo-container .alo-heatmap .alo-zone-bullets .alo-heatmap-bar { background: #ff9800; } /* Orange */ .alo-container .alo-heatmap .alo-zone-middle { background: #e8f5e9; } /* Light green */ .alo-container .alo-heatmap .alo-zone-middle .alo-heatmap-bar { background: #4caf50; } /* Green */ .alo-container .alo-heatmap .alo-zone-cta { background: #e1f5fe; } /* Light blue */ .alo-container .alo-heatmap .alo-zone-cta .alo-heatmap-bar { background: #03a9f4; } /* Blue */ /* --- SVG Placeholders / Specific SVG Styling (Optional) --- */ /* Basic placeholder to show where SVG would go */ .alo-container .alo-svg-placeholder { display: block; width: 100%; max-width: 600px; /* Match original max-width */ height: auto; min-height: 250px; /* Estimate height */ border: 1px dashed #ccc; background: #f9f9f9; margin: 15px auto; /* Center if needed */ display: flex; align-items: center; justify-content: center; text-align: center; font-style: italic; color: #999; } .alo-container .alo-svg-placeholder .alo-p { margin-bottom: 0; margin-left:2em ; } /* ADDED ON */ /* --- Add or modify styles for the new table --- */ /* Desktop column widths (if not using inline styles) */ .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(1) { flex-basis: 20%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(2) { flex-basis: 50%; flex-grow: 0; flex-shrink: 0;} .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(3) { flex-basis: 30%; flex-grow: 0; flex-shrink: 0;} /* Styling for the Intro Box */ .alo-container .alo-intro-box { /* background-color: #f5f5f5; Light grey background */ background-color: #f0f6f7; padding: 20px; /* Padding inside the box */ margin-bottom: 2rem; /* Space below the box */ border-radius: 5px; /* Optional: rounded corners */ border: 1px solid #eee; /* Optional: subtle border */ } /* Optional: Adjust heading style within the box */ .alo-container .alo-intro-box .alo-h2 { margin-top: 0; /* Remove default top margin */ margin-bottom: 0.8rem; /* Space between heading and text */ border-bottom: none; /* Remove the standard H2 border for this instance */ } /* Optional: Remove bottom margin from paragraph if it's the last element */ .alo-container .alo-intro-box .alo-p:last-child { margin-bottom: 0; } /* STOP ADD ON */ /* --- Responsive --- */ @media (max-width: 767px) { .alo-container .alo-h1 { font-size: 2rem; } .alo-container .alo-h2 { font-size: 1.75rem; } .alo-container .alo-h3 { font-size: 1.4rem; } .alo-container .alo-div-table .alo-div-row { flex-direction: column; /* Stack cells vertically */ border-bottom: 2px solid #ccc; /* Thicker border between rows */ } .alo-container .alo-div-table .alo-div-header { display: none; /* Hide header row on mobile */ } .alo-container .alo-div-table .alo-div-cell { flex-basis: auto !important; /* Override fixed basis */ width: 100%; /* Full width */ border-bottom: 1px dotted #ddd; /* Separator between cells */ padding: 8px; text-align: left !important; /* Ensure left alignment */ } .alo-container .alo-div-table .alo-div-cell:last-child { border-bottom: none; /* No border for last cell in a stacked row */ } /* Add pseudo-element labels for context */ .alo-container .alo-weak-strong-table .alo-div-cell:nth-child(1)::before { content: "Weak: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-weak-strong-table .alo-div-cell:nth-child(2)::before { content: "Strong: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-weak-strong-table .alo-div-cell:nth-child(3)::before { content: "Impact: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-benefits-table .alo-div-cell:nth-child(1)::before { content: "Type: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-benefits-table .alo-div-cell:nth-child(2)::before { content: "Trigger: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-benefits-table .alo-div-cell:nth-child(3)::before { content: "Lift: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-keyword-density-table .alo-div-cell:nth-child(1)::before { content: "Density: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-keyword-density-table .alo-div-cell:nth-child(2)::before { content: "Ranking: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-keyword-density-table .alo-div-cell:nth-child(3)::before { content: "Experience: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-tools-table .alo-div-cell:nth-child(1)::before { content: "Tool: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-tools-table .alo-div-cell:nth-child(2)::before { content: "Cost: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-tools-table .alo-div-cell:nth-child(3)::before { content: "Feature: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-ab-test-table .alo-div-cell:nth-child(1)::before { content: "Variable: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-ab-test-table .alo-div-cell:nth-child(2)::before { content: "Control: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-ab-test-table .alo-div-cell:nth-child(3)::before { content: "Test: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-ab-test-table .alo-div-cell:nth-child(4)::before { content: "Result: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-objections-table .alo-div-cell:nth-child(1)::before { content: "Type: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-objections-table .alo-div-cell:nth-child(2)::before { content: "Objection: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-objections-table .alo-div-cell:nth-child(3)::before { content: "Counter: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-demo-table .alo-div-cell:nth-child(1)::before { content: "Category: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-demo-table .alo-div-cell:nth-child(2)::before { content: "Primary Demo: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-demo-table .alo-div-cell:nth-child(3)::before { content: "Targeting Lang: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-gap-table .alo-div-cell:nth-child(1)::before { content: "Category: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-gap-table .alo-div-cell:nth-child(2)::before { content: "Common Promise: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-gap-table .alo-div-cell:nth-child(3)::before { content: "Your Angle: "; font-weight: bold; margin-right: 5px; } .alo-container .alo-bar-chart .alo-bar-label { flex-basis: 100%; /* Label takes full width */ margin-right: 0; margin-bottom: 8px; /* Space between label and bar */ } .alo-container .alo-bar-chart .alo-bar-wrapper { flex-basis: 100%; /* Bar takes full width */ } .alo-container .alo-headline-triggers-table .alo-div-cell { padding-top: 8px; /* Adjust padding for label */ padding-bottom: 8px; } /* Add labels before cell content */ .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(1)::before { content: "Genre: "; font-weight: bold; margin-right: 5px; display: block; /* Make label appear above content */ margin-bottom: 3px; } .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(2)::before { content: "Focal Points: "; font-weight: bold; margin-right: 5px; display: block; margin-bottom: 3px; } .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(3)::before { content: "A/B Testing: "; font-weight: bold; margin-right: 5px; display: block; margin-bottom: 3px; } /* Ensure text flows naturally after block label */ .alo-container .alo-headline-triggers-table .alo-div-cell span.alo-p { display: inline; /* Allow text to wrap normally */ } } /* --- General Cell Styling (Ensures Top Alignment) --- */ .alo-container .alo-div-table .alo-div-cell { padding: 12px 10px; /* Padding within cells */ flex: 1; /* Allow cells to grow/shrink by default */ color: #333333; font-size: 0.9rem; display: flex; /* Use flexbox for alignment */ align-items: flex-start; /* Align content to the TOP */ text-align: left; /* Standard LEFT text alignment */ line-height: 1.45; /* Improve readability */ } /* --- Specific Table: Headline Triggers Table --- */ .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(1) { flex-basis: 20%; /* Width for Genre column */ flex-grow: 0; flex-shrink: 0; } .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(2) { flex-basis: 50%; /* Width for Focal Points column */ flex-grow: 0; flex-shrink: 0; } .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(3) { flex-basis: 30%; /* Width for A/B Testing column */ flex-grow: 0; flex-shrink: 0; } /* Row Color Banding */ .alo-container .alo-headline-triggers-table .alo-div-row:not(.alo-div-header):nth-child(even) { background-color: #f9f9f9; /* Light grey for even data rows */ } .alo-container .alo-headline-triggers-table .alo-div-row:not(.alo-div-header):nth-child(odd) { background-color: #ffffff; /* Explicit white for odd data rows */ } /* Header Row Styling */ .alo-container .alo-headline-triggers-table .alo-div-header { background-color: #f0f0f0; /* Header background */ border-bottom: 2px solid #dddddd; } .alo-container .alo-headline-triggers-table .alo-div-header .alo-div-cell { font-weight: bold; color: #333366; /* Header text color */ align-items: center; /* Center header text vertically */ padding: 10px 10px; /* Adjust header padding */ } /* --- Mobile Responsiveness --- */ @media (max-width: 767px) { /* General Stacking for Div Tables on Mobile */ .alo-container .alo-div-table .alo-div-row { flex-direction: column; /* Stack cells vertically */ margin-bottom: 10px; /* Space between stacked items */ border: 1px solid #ddd; /* Border around each stacked item */ border-radius: 4px; overflow: hidden; /* Contain background colors */ } .alo-container .alo-div-table .alo-div-header { display: none; /* Hide header row */ } .alo-container .alo-div-table .alo-div-cell { flex-basis: auto !important; /* Reset fixed basis */ width: 100%; /* Full width */ border-bottom: 1px solid #eee; /* Separator line between cells */ padding: 10px 15px; /* Padding */ align-items: flex-start; /* Ensure top alignment */ background-color: #ffffff !important; /* Override row banding for clarity */ } /* Remove border from the last cell in a stacked group */ .alo-container .alo-div-table .alo-div-row .alo-div-cell:last-child { border-bottom: none; } /* Specific Labels for this Table on Mobile */ .alo-container .alo-headline-triggers-table .alo-div-cell::before { font-weight: bold; display: block; /* Label above content */ margin-bottom: 5px; /* Space below label */ color: #333366; /* Label color */ font-size: 0.85rem; } .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(1)::before { content: "Genre: "; } .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(2)::before { content: "Proven Focal Points: "; } .alo-container .alo-headline-triggers-table .alo-div-cell:nth-child(3)::before { content: "How to A/B‑test them: "; } /* Ensure text flows correctly after label */ .alo-container .alo-headline-triggers-table .alo-div-cell span.alo-p { display: inline; /* Allow text to wrap naturally */ } } /* --- Bar Chart Bar Colors --- */ .alo-container .alo-bar-chart .alo-bar { /* Base style - can include a default color */ height: 20px; border-radius: 3px; margin-right: 10px; background-color: #cccccc; /* Default grey if no class/style */ } /* Specific Colors */ .alo-container .alo-bar-chart .alo-bar.color-1 { background-color: #0066cc; } .alo-container .alo-bar-chart .alo-bar.color-2 { background-color: #4da6ff; } .alo-container .alo-bar-chart .alo-bar.color-3 { background-color: #66b3ff; } .alo-container .alo-bar-chart .alo-bar.color-4 { background-color: #99ccff; } .alo-container .alo-bar-chart .alo-bar.color-5 { background-color: #ff8c00; } /* Orange */ /* Optimal bar styling from conversion chart */ .alo-container .alo-bar-chart .alo-bar.color-optimal { background-color: #90EE90; border: 1px solid #006400; } /* Colors from heatmap chart */ .alo-container .alo-bar-chart .alo-bar.color-red { background-color: #f44336; } .alo-container .alo-bar-chart .alo-bar.color-orange { background-color: #ff9800; } .alo-container .alo-bar-chart .alo-bar.color-blue { background-color: #03a9f4; } .alo-container .alo-bar-chart .alo-bar.color-green { background-color: #4caf50; } /* ===================================================================== */ /* CSS for New Content Block (Research Summary & Trigger Tables) */ /* ===================================================================== */ /* --- Headings and Paragraphs (using existing classes) --- */ /* .alo-container, .alo-h3, .alo-h4, .alo-p, .alo-ul, .alo-ol, .alo-li, .alo-strong, .alo-italic, .alo-small already defined. */ /* --- Horizontal Rule --- */ .alo-container .alo-hr { border: 0; height: 1px; background-color: #CC3366; /* Accent color from theme */ margin: 2rem 0; } /* --- Links --- */ .alo-container .alo-link { color: #CC3366; /* Accent color from theme */ text-decoration: underline; } .alo-container .alo-link:hover { color: #333366; /* Darker hover color from theme */ text-decoration: none; } /* --- General Cell Styling (Top-Left Alignment for all div-tables) --- */ .alo-container .alo-div-table .alo-div-cell { padding: 12px 10px; flex: 1; color: #333333; font-size: 0.9rem; display: flex; align-items: flex-start; /* Align content to the TOP */ text-align: left; /* Standard LEFT text alignment */ line-height: 1.45; } /* --- Specific Table Styles (New Tables with Color) --- */ /* Evidence Table */ .alo-container .alo-evidence-table .alo-div-header { background-color: #fce4ec; /* Very light pink for header */ border-bottom: 1px solid #f48fb1; /* Slightly darker pink border */ } .alo-container .alo-evidence-table .alo-div-header .alo-div-cell { font-weight: bold; color: #ad1457; /* Darker pink for header text */ align-items: center; } .alo-container .alo-evidence-table .alo-div-row:not(.alo-div-header):nth-child(even) { background-color: #e0f2f1; /* Very light teal for even rows */ } .alo-container .alo-evidence-table .alo-div-row:not(.alo-div-header):nth-child(odd) { background-color: #ffffff; /* White for odd rows */ } .alo-container .alo-evidence-table .alo-div-cell:nth-child(1) { flex-basis: 25%; flex-grow: 0; flex-shrink: 0; } .alo-container .alo-evidence-table .alo-div-cell:nth-child(2) { flex-basis: 45%; flex-grow: 0; flex-shrink: 0; } .alo-container .alo-evidence-table .alo-div-cell:nth-child(3) { flex-basis: 30%; flex-grow: 0; flex-shrink: 0; } /* Trigger Takeaway Table */ .alo-container .alo-trigger-takeaway-table .alo-div-header { background-color: #e3f2fd; /* Very light blue for header (matches alo-info) */ border-bottom: 1px solid #90caf9; /* Slightly darker blue border */ } .alo-container .alo-trigger-takeaway-table .alo-div-header .alo-div-cell { font-weight: bold; color: #1565c0; /* Darker blue for header text */ align-items: center; } .alo-container .alo-trigger-takeaway-table .alo-div-row:not(.alo-div-header):nth-child(even) { background-color: #fff9c4; /* Very light yellow for even rows (matches alo-yellow) */ } .alo-container .alo-trigger-takeaway-table .alo-div-row:not(.alo-div-header):nth-child(odd) { background-color: #ffffff; /* White for odd rows */ } .alo-container .alo-trigger-takeaway-table .alo-div-cell:nth-child(1) { flex-basis: 15%; flex-grow: 0; flex-shrink: 0; } /* Genre */ .alo-container .alo-trigger-takeaway-table .alo-div-cell:nth-child(2) { flex-basis: 15%; flex-grow: 0; flex-shrink: 0; } /* Trigger type */ .alo-container .alo-trigger-takeaway-table .alo-div-cell:nth-child(3) { flex-basis: 25%; flex-grow: 0; flex-shrink: 0; } /* Example phrase */ .alo-container .alo-trigger-takeaway-table .alo-div-cell:nth-child(4) { flex-basis: 20%; flex-grow: 0; flex-shrink: 0; text-align: center; } /* Metric found? */ .alo-container .alo-trigger-takeaway-table .alo-div-cell:nth-child(5) { flex-basis: 25%; flex-grow: 0; flex-shrink: 0; } /* Notes */ /* --- Mobile Responsiveness for New Tables --- */ @media (max-width: 767px) { /* General Stacking for Div Tables on Mobile */ .alo-container .alo-div-table .alo-div-row { flex-direction: column; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; } .alo-container .alo-div-table .alo-div-header { display: none; /* Hide header row */ } .alo-container .alo-div-table .alo-div-cell { flex-basis: auto !important; width: 100%; border-bottom: 1px solid #eee; padding: 10px 15px; align-items: flex-start; background-color: #ffffff !important; /* Override row banding for clarity on mobile */ } .alo-container .alo-div-table .alo-div-row .alo-div-cell:last-child { border-bottom: none; } /* Labels for Evidence Table on Mobile */ .alo-container .alo-evidence-table .alo-div-cell::before { font-weight: bold; display: block; margin-bottom: 5px; color: #ad1457; font-size: 0.85rem; } .alo-container .alo-evidence-table .alo-div-cell:nth-child(1)::before { content: "Metric (typical range): "; } .alo-container .alo-evidence-table .alo-div-cell:nth-child(2)::before { content: "What the literature says: "; } .alo-container .alo-evidence-table .alo-div-cell:nth-child(3)::before { content: "Genre‑Specific trigger evidence: "; } /* Labels for Trigger Takeaway Table on Mobile */ .alo-container .alo-trigger-takeaway-table .alo-div-cell::before { font-weight: bold; display: block; margin-bottom: 5px; color: #1565c0; font-size: 0.85rem; } .alo-container .alo-trigger-takeaway-table .alo-div-cell:nth-child(1)::before { content: "Genre: "; } .alo-container .alo-trigger-takeaway-table .alo-div-cell:nth-child(2)::before { content: "Trigger type: "; } .alo-container .alo-trigger-takeaway-table .alo-div-cell:nth-child(3)::before { content: "Example phrase: "; } .alo-container .alo-trigger-takeaway-table .alo-div-cell:nth-child(4)::before { content: "Any hard performance metric found?: "; } .alo-container .alo-trigger-takeaway-table .alo-div-cell:nth-child(5)::before { content: "Notes: "; } /* Text flow after labels */ .alo-container .alo-evidence-table .alo-div-cell span.alo-p, .alo-container .alo-trigger-takeaway-table .alo-div-cell span.alo-p, .alo-container .alo-evidence-table .alo-div-cell em.alo-italic, /* ensure italics flow correctly */ .alo-container .alo-trigger-takeaway-table .alo-div-cell em.alo-italic, .alo-container .alo-evidence-table .alo-div-cell strong.alo-strong, .alo-container .alo-trigger-takeaway-table .alo-div-cell strong.alo-strong, .alo-container .alo-evidence-table .alo-div-cell a.alo-link, .alo-container .alo-trigger-takeaway-table .alo-div-cell a.alo-link { display: inline; /* Allow text to wrap naturally after block label */ } } /* ===================================================================== */ /* CSS for New Trigger Phrase Table */ /* ===================================================================== */ /* --- Specific Table Styles: Trigger Phrase Table --- */ .alo-container .alo-trigger-phrase-table .alo-div-header { background-color: #fce4ec; /* Very light pink for header */ border-bottom: 1px solid #f48fb1; /* Slightly darker pink border */ } .alo-container .alo-trigger-phrase-table .alo-div-header .alo-div-cell { font-weight: bold; color: #ad1457; /* Darker pink for header text */ align-items: center; /* Vertically center header text */ } .alo-container .alo-trigger-phrase-table .alo-div-row:not(.alo-div-header):nth-child(even) { background-color: #e0f2f1; /* Very light teal for even rows */ } .alo-container .alo-trigger-phrase-table .alo-div-row:not(.alo-div-header):nth-child(odd) { background-color: #ffffff; /* White for odd rows */ } /* Column Widths for Trigger Phrase Table */ .alo-container .alo-trigger-phrase-table .alo-div-cell:nth-child(1) { flex-basis: 35%; flex-grow: 0; flex-shrink: 0; } .alo-container .alo-trigger-phrase-table .alo-div-cell:nth-child(2) { flex-basis: 30%; flex-grow: 0; flex-shrink: 0; } .alo-container .alo-trigger-phrase-table .alo-div-cell:nth-child(3) { flex-basis: 35%; flex-grow: 0; flex-shrink: 0; } /* --- Mobile Responsiveness for New Trigger Phrase Table --- */ @media (max-width: 767px) { /* Labels for Trigger Phrase Table on Mobile */ .alo-container .alo-trigger-phrase-table .alo-div-cell::before { font-weight: bold; display: block; margin-bottom: 5px; color: #ad1457; /* Label color matching header text */ font-size: 0.85rem; } .alo-container .alo-trigger-phrase-table .alo-div-cell:nth-child(1)::before { content: "Trigger phrase pattern: "; } .alo-container .alo-trigger-phrase-table .alo-div-cell:nth-child(2)::before { content: "Where it was tested: "; } .alo-container .alo-trigger-phrase-table .alo-div-cell:nth-child(3)::before { content: "Measured CTR / conversion lift: "; } /* Ensure text flows correctly after block-level labels on mobile */ .alo-container .alo-trigger-phrase-table .alo-div-cell span.alo-p, .alo-container .alo-trigger-phrase-table .alo-div-cell em.alo-italic, .alo-container .alo-trigger-phrase-table .alo-div-cell strong.alo-strong, .alo-container .alo-trigger-phrase-table .alo-div-cell a.alo-link { display: inline; /* Allow text to wrap naturally */ } } /* General link style (if not already sufficiently covered) */ .alo-container .alo-link { color: #CC3366; /* Existing link color */ text-decoration: underline; } .alo-container .alo-link:hover { color: #333366; /* Existing link hover color */ } /* ============================================================ */ /* CSS for the 'Eye Tracking Critique' Table */ /* Add this to your main