html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}body{overflow-x:hidden;overflow-wrap:break-word;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*,*::before,*::after{box-sizing:border-box}body,p,h1,h2,h3,h4,h5,h6,em,ol,ul,li,tr,th,td,dl,img,ins,sub,sup,big,cite,code,form,small,label,table,figure,button,legend,strike,address,caption,fieldset,blockquote{margin:0;padding:0;border:none;font-size:inherit;text-align:inherit;line-height:inherit}input,select,textarea{margin:0}address{font-size:var(--font-size-paragraphs);line-height:1.875}b,strong{font-weight:bold}em{font-style:italic}small{font-size:75%}ins{text-decoration:none}del{opacity:0.5}hr{height:1px;border:none}mark{color:var(--e-global-color-text);font-weight:var(--e-global-typography-secondary-font-weight);background:transparent}a{transition:var(--global-transition)}a:focus,button:focus{transition:none;outline-width:0}a:focus-visible,button:focus-visible{outline-width:2px;outline-color:var(--e-global-color-primary)}img{height:auto;max-width:100%;vertical-align:middle}figure,iframe,textarea{display:block}audio,canvas,progress,video{display:inline-block}embed,iframe,object,video{max-width:100%}svg>*{transition:none}ul{list-style-type:var(--listStyleType, disc)}ol{list-style-type:var(--listStyleType, decimal)}code,kbd,samp{padding:5px 10px}code,kbd,samp,pre{tab-size:5;border-radius:var(--global-border-radius);background:var(--e-global-color-light)}code:focus,kbd:focus,samp:focus,pre:focus{outline:none}pre{overflow:auto;padding:15px 20px}pre code{padding:0;background:transparent}table{border-collapse:collapse;border-spacing:0;empty-cells:show;width:100%;max-width:100%}table,th,td{font-size:var(--font-size-default);border-width:1px;border-style:solid;border-color:var(--color-border)}th,td{padding:0.7em 1em}th{font-weight:500}caption{font-weight:500;padding:0.7rem}dl>*:last-child{margin-bottom:0}dt{font-weight:500}dd p:last-child{margin-bottom:0}p{margin-bottom:var(--content-spacing)}h1,h2,h3,h4,h5,h6{margin-bottom:calc(0.3em + 10px)}ul,ol{padding-inline-start:var(--listIndent);margin-bottom:var(--content-spacing)}ul li,ol li{margin-bottom:var(--listItemSpacing)}ul li:last-child,ol li:last-child{margin-bottom:0}ul ul,ul ol,ol ul,ol ol{margin-top:var(--listItemSpacing);margin-bottom:0}.article-single .entry-content blockquote,.article-single .entry-content table,.article-single .entry-content dl,.article-single .entry-content ol,.article-single .entry-content ul,.article-single .entry-content address,.article-single .entry-content pre,.keydesign-comment-content blockquote,.keydesign-comment-content table,.keydesign-comment-content dl,.keydesign-comment-content ol,.keydesign-comment-content ul,.keydesign-comment-content address,.keydesign-comment-content pre{margin-bottom:var(--content-spacing)}.article-single .entry-content blockquote:last-child,.article-single .entry-content table:last-child,.article-single .entry-content dl:last-child,.article-single .entry-content ol:last-child,.article-single .entry-content ul:last-child,.article-single .entry-content address:last-child,.article-single .entry-content pre:last-child,.keydesign-comment-content blockquote:last-child,.keydesign-comment-content table:last-child,.keydesign-comment-content dl:last-child,.keydesign-comment-content ol:last-child,.keydesign-comment-content ul:last-child,.keydesign-comment-content address:last-child,.keydesign-comment-content pre:last-child{margin-bottom:0}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;color:var(--color-text);font-family:var(--e-global-typography-text-font-family);font-size:var(--font-size-default);font-weight:var(--e-global-typography-text-font-weight);--keydesign-h1-font-size: 50px;--keydesign-h2-font-size: 40px;--keydesign-h3-font-size: 24px;--keydesign-h4-font-size: 21px;--keydesign-h5-font-size: 18px;--keydesign-h6-font-size: var(--font-size-paragraphs);--keydesign-h1-line-height: 1.2;--keydesign-h2-line-height: 1.2;--keydesign-h3-line-height: 1.25;--keydesign-h4-line-height: 1.44;--keydesign-h5-line-height: 1.44;--keydesign-h6-line-height: var(--line-height-paragraph);--keydesign-h1-letter-spacing: var(--letter-spacing-default);--keydesign-h2-letter-spacing: var(--letter-spacing-default);--keydesign-h3-letter-spacing: var(--letter-spacing-default);--keydesign-h4-letter-spacing: var(--letter-spacing-default);--keydesign-h5-letter-spacing: var(--letter-spacing-default);--keydesign-h6-letter-spacing: 0em;--keydesign-h1-font-weight: var(--e-global-typography-primary-font-weight);--keydesign-h2-font-weight: var(--e-global-typography-primary-font-weight);--keydesign-h3-font-weight: var(--e-global-typography-primary-font-weight);--keydesign-h4-font-weight: var(--e-global-typography-secondary-font-weight);--keydesign-h5-font-weight: var(--e-global-typography-secondary-font-weight);--keydesign-h6-font-weight: var(--e-global-typography-secondary-font-weight)}@media (max-width:1024px){body{--keydesign-h1-font-size: 44px;--keydesign-h2-font-size: 34px;--keydesign-h3-font-size: 21px;--keydesign-h4-font-size: 18px;--keydesign-h5-font-size: 16px;--keydesign-h6-font-size: 16px;--font-size-paragraphs: 14px;--keydesign-post-title: 28px}}@media (max-width:766.98px){body{--keydesign-h1-font-size: 32px;--keydesign-h2-font-size: 26px;--keydesign-h3-font-size: 20px;--keydesign-h4-font-size: 18px;--keydesign-h5-font-size: 16px;--keydesign-h6-font-size: 14px;--font-size-paragraphs: 14px;--keydesign-post-title: 24px}}blockquote,code,dd,dt,figcaption,hr,input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],kbd,li,ol,p,pre,samp,small,table,td,textarea,th,tr,ul{font-size:var(--font-size-paragraphs);line-height:var(--line-height-default)}b,strong{font-weight:var(--e-global-typography-secondary-font-weight)}small{font-size:var(--font-size-default)}em,i{font-style:italic}p:last-child{margin-bottom:0}h1{font-family:var(--e-global-typography-primary-font-family);font-weight:var(--keydesign-h1-font-weight);font-size:var(--keydesign-h1-font-size);line-height:var(--keydesign-h1-line-height);letter-spacing:var(--keydesign-h1-letter-spacing);text-transform:none;font-style:normal;color:var(--e-global-color-text)}h2{font-family:var(--e-global-typography-primary-font-family);font-weight:var(--keydesign-h2-font-weight);font-size:var(--keydesign-h2-font-size);line-height:var(--keydesign-h2-line-height);letter-spacing:var(--keydesign-h2-letter-spacing);text-transform:none;font-style:normal;color:var(--e-global-color-text)}h3{font-family:var(--e-global-typography-primary-font-family);font-weight:var(--keydesign-h3-font-weight);font-size:var(--keydesign-h3-font-size);line-height:var(--keydesign-h3-line-height);letter-spacing:var(--keydesign-h3-letter-spacing);text-transform:none;font-style:normal;color:var(--e-global-color-text)}h4{font-family:var(--e-global-typography-secondary-font-family);font-weight:var(--keydesign-h4-font-weight);font-size:var(--keydesign-h4-font-size);line-height:var(--keydesign-h4-line-height);letter-spacing:var(--keydesign-h4-letter-spacing);text-transform:none;font-style:normal;color:var(--e-global-color-text)}h5{font-family:var(--e-global-typography-secondary-font-family);font-weight:var(--keydesign-h5-font-weight);font-size:var(--keydesign-h5-font-size);line-height:var(--keydesign-h5-line-height);letter-spacing:var(--keydesign-h5-letter-spacing);text-transform:none;font-style:normal;color:var(--e-global-color-text)}h6{font-family:var(--e-global-typography-secondary-font-family);font-weight:var(--keydesign-h6-font-weight);font-size:var(--keydesign-h6-font-size);line-height:var(--keydesign-h5-line-height);letter-spacing:0em;text-transform:none;font-style:normal;color:var(--color-text)}p{font-family:var(--e-global-typography-text-font-family);font-weight:var(--e-global-typography-text-font-weight);font-size:var(--font-size-paragraphs);line-height:var(--line-height-paragraph);letter-spacing:0em;text-transform:none;font-style:normal;color:var(--color-text)}.hidden{display:none}.aligncenter{clear:both;display:block;text-align:center}.sticky,.wp-caption,.bypostauthor,.wp-caption-text,.gallery-caption,.screen-reader-text{background:transparent}.page-header .breadcrumbs,.keydesign-widget ul,.menu,.entry-meta,.products,.commentlist,.keydesign-comments li,.keydesign-comments .keydesign-comment-list,.trail-items,.woocommerce-MyAccount-navigation ul,.payment_methods{margin-bottom:0;--listIndent: 0;--contentSpacing: 0;--listStyleType: none}.keydesign-comment-content li ul,.keydesign-comment-content li ol{--listIndent: 20px}ul li,ol li{margin-bottom:var(--listItemSpacing)}@media screen and (max-width:782px){.admin-bar{--admin-bar: 46px}}@media screen and (min-width:783px){.admin-bar{--admin-bar: 32px}}#page{display:flex;flex-direction:column;position:relative;min-height:calc(100vh - var(--admin-bar, 0px));overflow:hidden;overflow:clip;z-index:0}#page .site-content{flex-grow:1;background-color:#fff}.elementor-container{display:flex;margin-right:auto;margin-left:auto;position:relative}.keydesign-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:auto;margin-left:auto;position:relative;width:100%;padding-left:var(--column-spacing);padding-right:var(--column-spacing);padding-top:var(--vertical-spacing);padding-bottom:var(--vertical-spacing);max-width:var(--container-max-width)}.keydesign-container .content-area{width:100%}@media (max-width:766.98px){.keydesign-container{padding-top:var(--mobile-spacing);padding-bottom:var(--mobile-spacing)}}body.keydesign-boxed{max-width:1640px;margin:0 auto}body.keydesign-boxed .site-content{background-color:#fff}body.keydesign-boxed.keydesign-border{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.keydesign-white-bg{background-color:var(--color-white)}.keydesign-gray-bg{background-color:var(--e-global-color-light)}.keydesign-primary-bg{background-color:var(--e-global-color-primary)}.keydesign-secondary-bg{background-color:var(--e-global-color-secondary)}.keydesign-dark-bg{background-color:var(--e-global-color-text)}.with-sidebar{display:grid;grid-template-columns:var(--grid-sidebar, 100%);grid-column-gap:50px;grid-row-gap:50px}.with-sidebar>aside{order:var(--sidebar-position)}@media (min-width:1024.02px){.with-sidebar.sidebar-right{--grid-sidebar: minmax(100px, 1fr) var(--sidebar-width, 25%)}.with-sidebar.sidebar-left{--sidebar-position: -1;--grid-sidebar: var(--sidebar-width, 25%) minmax(100px, 1fr)}}.keydesign-sidebar{position:relative;z-index:1}@media (min-width:767px){.sticky-sidebar .keydesign-sidebar{align-self:flex-start;position:sticky;top:calc(50px + var(--admin-bar, 0px))}}.no-sidebar.blog-layout-classic .site-main,.single-post .no-sidebar .site-main{max-width:var(--block-width);margin-right:auto;margin-left:auto}.no-sidebar .article-single .category-meta,.no-sidebar .article-single .entry-meta{justify-content:center}.no-sidebar .article-single .single-post-title{text-align:center}.blog-layout-classic article:not(:last-child){margin-bottom:calc(var(--vertical-spacing)/2)}.blog-layout-horizontal .site-main{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:var(--grid-columns-gap);grid-row-gap:var(--sidebar-widgets-spacing)}@media (max-width:1024px){.blog-layout-horizontal .site-main{grid-template-columns:1fr}}.blog-layout-horizontal.with-sidebar .site-main{grid-template-columns:1fr}.blog-layout-grid .site-main,.blog-layout-grid.related-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:var(--grid-columns-gap);grid-row-gap:var(--grid-columns-gap)}@media (max-width:1239.98px){.blog-layout-grid .site-main,.blog-layout-grid.related-content{grid-template-columns:1fr 1fr;grid-column-gap:20px;grid-row-gap:20px}}@media (max-width:766.98px){.blog-layout-grid .site-main,.blog-layout-grid.related-content{grid-template-columns:1fr}}.blog-layout-grid .site-main{grid-row-gap:var(--sidebar-widgets-spacing)}.blog-layout-grid.with-sidebar .site-main{grid-template-columns:1fr 1fr}@media (max-width:766.98px){.blog-layout-grid.with-sidebar .site-main{grid-template-columns:1fr}}.keydesign-card{display:flex}.keydesign-card .post-title{margin:initial}.keydesign-card .post-title a:hover{color:inherit}.keydesign-card .entry-content-card{margin-top:var(--small-content-spacing)}.keydesign-card .entry-content-card .post-content{word-break:break-word}.keydesign-card .entry-content-card .post-content p:last-child{margin-bottom:0}.blog-layout-classic .keydesign-card{flex-direction:column}.blog-layout-classic .keydesign-card .post-title{font-size:var(--keydesign-post-title);line-height:1.25}.blog-layout-grid .keydesign-card{flex-direction:column}.blog-layout-grid .keydesign-card .post-title{font-family:var(--e-global-typography-secondary-font-family);font-weight:var(--e-global-typography-secondary-font-weight);line-height:var(--keydesign-h5-line-height);font-size:var(--keydesign-h5-font-size)}.blog-layout-horizontal .keydesign-card{flex-direction:row;align-items:center}.blog-layout-horizontal .keydesign-card .entry-image{flex:1;padding-bottom:0;margin:0;aspect-ratio:1}.blog-layout-horizontal .keydesign-card .entry-image img{object-fit:cover}.blog-layout-horizontal .keydesign-card .entry-wrapper{flex:2.5;padding-left:var(--grid-columns-gap);padding-right:var(--grid-columns-gap)}.blog-layout-horizontal .keydesign-card .entry-wrapper .post-title{font-size:var(--keydesign-h3-font-size);line-height:var(--keydesign-h3-line-height)}.blog-layout-horizontal .keydesign-card .entry-wrapper .entry-content-card{display:none}@media (max-width:766.98px){.blog-layout-horizontal .keydesign-card{flex-direction:column;align-items:flex-start;gap:var(--column-spacing)}.blog-layout-horizontal .keydesign-card .entry-image{flex:100%;aspect-ratio:auto}.blog-layout-horizontal .keydesign-card .entry-wrapper{padding:0}}.entry-image{border-radius:var(--global-border-radius, 0px);overflow:hidden;display:block;line-height:0;position:relative;margin-bottom:var(--grid-columns-gap)}.entry-image img{height:100%;backface-visibility:hidden;transition:var(--image-transition);border-radius:var(--global-border-radius, 0px)}.keydesign-card:hover .entry-image img{transform:scale(1.07)}article:not(.keydesign-card) .entry-image{margin-bottom:var(--sidebar-widgets-spacing)}article:not(.keydesign-card) .entry-image a{pointer-events:none}.blog-single-layout-modern .modern-entry-image{min-height:calc(50vh - var(--header-height));padding:0;pointer-events:none;background-size:cover;background-position:center}@media (min-width:1240px){.blog-single-layout-modern .keydesign-container.no-sidebar,.blog-single-layout-modern .keydesign-container.with-sidebar{background:var(--color-white);border-radius:var(--global-border-radius);padding-top:calc(var(--vertical-spacing)* 0.75);margin-top:calc((50vh - var(--header-height))/ -2)}}.blog-single-layout-modern .keydesign-container.no-sidebar .entry-content,.blog-single-layout-modern .keydesign-container.with-sidebar .entry-content{margin-top:var(--sidebar-widgets-spacing)}.blog-single-layout-modern .keydesign-container.no-sidebar .entry-image,.blog-single-layout-modern .keydesign-container.with-sidebar .entry-image{display:none}@media (min-width:1240px){.blog-single-layout-modern .keydesign-container.with-sidebar{padding-left:calc(var(--vertical-spacing)* 0.75);padding-right:calc(var(--vertical-spacing)* 0.75)}}.keydesign-underline a,.keydesign-underline{--textDecoration: underline}a{color:var(--e-global-color-text);text-decoration:none}a:hover{color:var(--e-global-color-primary)}.author-box-wrapper{display:flex;position:relative;margin-top:var(--sidebar-widgets-spacing);margin-bottom:var(--sidebar-widgets-spacing);padding:var(--grid-columns-gap);border:1px solid var(--color-border);border-radius:var(--global-border-radius, 0px)}.author-box-wrapper .author-avatar{flex:1;margin-right:var(--grid-columns-gap);max-width:80px}.author-box-wrapper .author-avatar img{border-radius:var(--global-border-radius, 0px)}.author-box-wrapper .author-desc-wrapper{flex:7}@media (max-width:766.98px){.author-box-wrapper .author-desc-wrapper{flex:3}}.author-box-wrapper .author-desc-wrapper .author-name h4{color:var(--color-text)}select,textarea,input[type="url"],input[type="tel"],input[type="text"],input[type="time"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="number"],input[type="search"],input[type="password"],.site .ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]),.site .ekit-wid-con .ekit-form form textarea,.keydesign-widget select{appearance:none;width:100%;height:var(--component-height, 50px);font-family:inherit;font-size:var(--font-size-paragraphs, 16px);color:var(--e-global-color-text);padding-left:var(--column-spacing, 15px);padding-right:var(--column-spacing, 15px);border:1px solid var(--color-border);border-radius:var(--global-border-radius, 0px);transition:var(--global-transition);background:var(--color-white)}select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,input[type="url"]:focus,input[type="url"]:focus-visible,input[type="tel"]:focus,input[type="tel"]:focus-visible,input[type="text"]:focus,input[type="text"]:focus-visible,input[type="time"]:focus,input[type="time"]:focus-visible,input[type="date"]:focus,input[type="date"]:focus-visible,input[type="datetime"]:focus,input[type="datetime"]:focus-visible,input[type="datetime-local"]:focus,input[type="datetime-local"]:focus-visible,input[type="email"]:focus,input[type="email"]:focus-visible,input[type="number"]:focus,input[type="number"]:focus-visible,input[type="search"]:focus,input[type="search"]:focus-visible,input[type="password"]:focus,input[type="password"]:focus-visible,.site .ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.site .ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus-visible,.site .ekit-wid-con .ekit-form form textarea:focus,.site .ekit-wid-con .ekit-form form textarea:focus-visible,.keydesign-widget select:focus,.keydesign-widget select:focus-visible{outline:none;border-color:var(--e-global-color-primary)}.keydesign-widget select,select:focus,select:focus-visible,select{background-image:url("data:image/svg+xml,%3Csvg width='21' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5.379L20.621 2.5 10.5 12.621.379 2.5 2.5.379l8 8z' fill='%234F5D6D' fill-rule='nonzero'/%3E%3C/svg%3E");background-repeat:no-repeat, repeat;background-size:9px auto, 100%;background-position:right 15px top 50%, 0 0;white-space:nowrap;text-overflow:ellipsis}.keydesign-widget select option,select:focus option,select:focus-visible option,select option{color:initial}.site .ekit-wid-con .ekit-form form textarea,.elementor-field-textual,textarea{padding-top:var(--column-spacing, 15px);padding-bottom:var(--column-spacing, 15px);resize:vertical;line-height:1.15;min-height:150px}fieldset{padding:30px;border:1px solid var(--color-border);border-radius:var(--global-border-radius, 0px)}legend{font-weight:var(--e-global-typography-secondary-font-weight);padding-left:var(--column-spacing, 15px);padding-right:var(--column-spacing, 15px);margin-left:-15px}label{font-size:var(--font-size-default);line-height:inherit;cursor:pointer;margin:0 0 0.5em 0}label:last-child{margin-bottom:0}.keydesign-checkbox,.ekit-wid-con .ekit-form form input[type="checkbox"],.comment-form input[type="checkbox"],.keydesign-radiobox{display:inline-block;vertical-align:baseline;position:relative;top:3px;min-width:16px;width:16px;height:15px;min-height:initial;padding:0;margin:0 0.5em 0 0;border:1px solid var(--color-border-hard);cursor:pointer;-webkit-appearance:none;background:transparent}.keydesign-checkbox:before,.ekit-wid-con .ekit-form form input[type="checkbox"]:before,.comment-form input[type="checkbox"]:before,.keydesign-radiobox:before{position:absolute;content:"";z-index:2;top:0;left:0;right:0;bottom:0;opacity:0;margin:auto}.keydesign-checkbox:checked,.ekit-wid-con .ekit-form form input[type="checkbox"]:checked,.comment-form input[type="checkbox"]:checked,.keydesign-radiobox:checked{border-color:var(--e-global-color-primary);background:var(--e-global-color-primary)}.keydesign-checkbox:checked:before,.ekit-wid-con .ekit-form form input[type="checkbox"]:checked:before,.comment-form input[type="checkbox"]:checked:before,.keydesign-radiobox:checked:before{opacity:1}.keydesign-checkbox:focus,.ekit-wid-con .ekit-form form input[type="checkbox"]:focus,.comment-form input[type="checkbox"]:focus,.keydesign-radiobox:focus{outline:none;border-color:var(--e-global-color-primary)}.keydesign-checkbox,.ekit-wid-con .ekit-form form input[type="checkbox"],.comment-form input[type="checkbox"]{border-radius:3px}.keydesign-checkbox:before,.ekit-wid-con .ekit-form form input[type="checkbox"]:before,.comment-form input[type="checkbox"]:before{top:-2px;width:8px;height:5px;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg)}.keydesign-radiobox{border-radius:100% !important}.keydesign-radiobox:before{width:6px;height:6px;background:#fff;border-radius:inherit}.navigation{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:var(--sidebar-widgets-spacing)}.navigation.post-navigation .nav-links{justify-content:space-between}.navigation.post-navigation .nav-links .nav-previous a,.navigation.post-navigation .nav-links .nav-next a{margin:0}.navigation .nav-links{display:flex;align-items:center;justify-content:center;font-size:11px;width:100%;font-weight:var(--e-global-typography-secondary-font-weight);letter-spacing:var(--letter-spacing-small)}.navigation .nav-links .page-numbers,.navigation .nav-links .nav-previous a,.navigation .nav-links .nav-next a{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:36px;margin:0 5px;border-radius:var(--global-border-radius);border:1px solid var(--color-border)}.navigation .nav-links .page-numbers.current,.navigation .nav-links .nav-previous a.current,.navigation .nav-links .nav-next a.current{color:var(--color-white);background:var(--e-global-color-primary);border-color:var(--e-global-color-primary)}.navigation .nav-links .page-numbers:hover,.navigation .nav-links .nav-previous a:hover,.navigation .nav-links .nav-next a:hover{border-color:var(--e-global-color-primary)}.navigation .nav-links .prev,.navigation .nav-links .next,.navigation .nav-links .nav-previous a,.navigation .nav-links .nav-next a{font-size:11px;text-transform:uppercase;padding:0 17px;white-space:nowrap;border-color:var(--color-border)}.navigation .nav-links .prev:after,.navigation .nav-links .next:after,.navigation .nav-links .nav-previous a:after,.navigation .nav-links .nav-next a:after{content:"";-webkit-mask:url(../svg/arrow-breadcrumbs.svg) no-repeat 50% 50%;mask:url(../svg/arrow-breadcrumbs.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;width:7px;height:7px;margin-left:5px;background-color:currentColor}.navigation .nav-links .prev,.navigation .nav-links .nav-previous a{flex-direction:row-reverse}.navigation .nav-links .prev:after,.navigation .nav-links .nav-previous a:after{transform:scale(-1, -1);margin-right:5px;margin-left:0}.page-links{display:flex;align-items:center;font-size:11px;width:100%;font-weight:var(--e-global-typography-secondary-font-weight);letter-spacing:var(--letter-spacing-small);margin-top:var(--grid-columns-gap)}.page-links .post-page-numbers{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:36px;margin:0 10px 0 0;border-radius:var(--global-border-radius);border:1px solid var(--color-border)}.page-links .post-page-numbers.current{color:var(--color-white);background:var(--e-global-color-primary);border-color:var(--e-global-color-primary)}.page-links .post-page-numbers:hover{border-color:var(--e-global-color-primary)}.entry-meta,.category-meta{margin-top:var(--small-content-spacing);text-transform:uppercase;font-size:12px;letter-spacing:var(--letter-spacing-small);transition:var(--global-transition);font-weight:var(--e-global-typography-secondary-font-weight);letter-spacing:var(--letter-spacing-small);display:flex}.entry-meta .published,.category-meta .published{color:var(--e-global-color-text)}.entry-meta>span,.category-meta>span{margin-right:var(--small-content-spacing)}.entry-meta:empty,.category-meta:empty{display:none}article:not(.keydesign-card) .entry-meta{margin-bottom:var(--sidebar-widgets-spacing)}.category-meta{margin-top:0;margin-bottom:var(--small-content-spacing)}.category-meta a{color:var(--e-global-color-primary)}.category-meta a:hover{color:var(--e-global-color-text)}.category-meta+h1{margin-top:var(--column-spacing);margin-bottom:var(--column-spacing)}.entry-footer{margin-top:var(--sidebar-widgets-spacing)}.entry-footer .tags{--listIndent: 0;--listStyleType: none;--content-spacing: 0}.breadcrumbs{padding:0}.breadcrumbs a{opacity:0.75}.breadcrumbs a:hover{opacity:1}.breadcrumbs ul{display:flex;flex-flow:wrap;--listIndent: 0;--listStyleType: none;--listItemSpacing: 0;--content-spacing: 0;color:var(--e-global-color-text)}.breadcrumbs .trail-item:before{display:inline-flex;content:"";-webkit-mask:url(../svg/arrow-breadcrumbs.svg) no-repeat 50% 50%;mask:url(../svg/arrow-breadcrumbs.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;width:7px;height:7px;margin:0 5px;transform:translateY(-1px);background-color:currentColor}.breadcrumbs .trail-item:first-of-type:before,.breadcrumbs .trail-item.trail-begin:before{display:none}.button,.give-form-grid-content>button,.keydesign-button,[type="submit"],.wp-element-button,.wp-block-button__link,.added_to_cart,.woocommerce ul.products li.product .button,.woocommerce .wc-style-detailed a.button,.woocommerce a.added_to_cart,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce a.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button,.woocommerce input.button.alt,.woocommerce button.button.alt.disabled,.ekit-wid-con .woocommerce ul.products .ekit-wc-add-to-cart a.add_to_cart_button,.elementor-element .ekit-wid-con .ekit-mini-cart .ekit-mini-cart-container .ekit-dropdown-menu-mini-cart .woocommerce-mini-cart__buttons .wc-forward.checkout,.site .ekit-wid-con .ekit-form form input[type=submit]{position:relative;display:var(--display, inline-flex);align-items:center;justify-content:center;min-height:var(--component-height);padding:0 var(--button-padding);appearance:none;cursor:pointer;user-select:none;text-align:center;border-radius:var(--button-border-radius);transition:var(--global-transition)}.button:disabled,.button.disabled,.give-form-grid-content>button:disabled,.give-form-grid-content>button.disabled,.keydesign-button:disabled,.keydesign-button.disabled,[type="submit"]:disabled,[type="submit"].disabled,.wp-element-button:disabled,.wp-element-button.disabled,.wp-block-button__link:disabled,.wp-block-button__link.disabled,.added_to_cart:disabled,.added_to_cart.disabled,.woocommerce ul.products li.product .button:disabled,.woocommerce ul.products li.product .button.disabled,.woocommerce .wc-style-detailed a.button:disabled,.woocommerce .wc-style-detailed a.button.disabled,.woocommerce a.added_to_cart:disabled,.woocommerce a.added_to_cart.disabled,.woocommerce button.button:disabled,.woocommerce button.button.disabled,.woocommerce #respond input#submit:disabled,.woocommerce #respond input#submit.disabled,.woocommerce #respond input#submit.alt:disabled,.woocommerce #respond input#submit.alt.disabled,.woocommerce a.button:disabled,.woocommerce a.button.disabled,.woocommerce a.button.alt:disabled,.woocommerce a.button.alt.disabled,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt.disabled,.woocommerce input.button:disabled,.woocommerce input.button.disabled,.woocommerce input.button.alt:disabled,.woocommerce input.button.alt.disabled,.woocommerce button.button.alt.disabled:disabled,.woocommerce button.button.alt.disabled.disabled,.ekit-wid-con .woocommerce ul.products .ekit-wc-add-to-cart a.add_to_cart_button:disabled,.ekit-wid-con .woocommerce ul.products .ekit-wc-add-to-cart a.add_to_cart_button.disabled,.elementor-element .ekit-wid-con .ekit-mini-cart .ekit-mini-cart-container .ekit-dropdown-menu-mini-cart .woocommerce-mini-cart__buttons .wc-forward.checkout:disabled,.elementor-element .ekit-wid-con .ekit-mini-cart .ekit-mini-cart-container .ekit-dropdown-menu-mini-cart .woocommerce-mini-cart__buttons .wc-forward.checkout.disabled,.site .ekit-wid-con .ekit-form form input[type=submit]:disabled,.site .ekit-wid-con .ekit-form form input[type=submit].disabled{opacity:0.5;cursor:not-allowed}.button,.give-form-grid-content>button,.keydesign-button,[type="submit"],.wp-element-button,.wp-block-button__link,.added_to_cart,.woocommerce ul.products li.product .button,.woocommerce .wc-style-detailed a.button,.woocommerce a.added_to_cart,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce a.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button,.woocommerce input.button.alt,.woocommerce button.button.alt.disabled,.ekit-wid-con .woocommerce ul.products .ekit-wc-add-to-cart a.add_to_cart_button,.elementor-element .ekit-wid-con .ekit-mini-cart .ekit-mini-cart-container .ekit-dropdown-menu-mini-cart .woocommerce-mini-cart__buttons .wc-forward.checkout,.site .ekit-wid-con .ekit-form form input[type=submit]{color:var(--color-white);border:none;background-color:var(--e-global-color-primary)}.button:hover,.give-form-grid-content>button:hover,.keydesign-button:hover,[type="submit"]:hover,.wp-element-button:hover,.wp-block-button__link:hover,.added_to_cart:hover,.woocommerce ul.products li.product .button:hover,.woocommerce .wc-style-detailed a.button:hover,.woocommerce a.added_to_cart:hover,.woocommerce button.button:hover,.woocommerce #respond input#submit:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce a.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button:hover,.woocommerce input.button.alt:hover,.woocommerce button.button.alt.disabled:hover,.ekit-wid-con .woocommerce ul.products .ekit-wc-add-to-cart a.add_to_cart_button:hover,.elementor-element .ekit-wid-con .ekit-mini-cart .ekit-mini-cart-container .ekit-dropdown-menu-mini-cart .woocommerce-mini-cart__buttons .wc-forward.checkout:hover,.site .ekit-wid-con .ekit-form form input[type=submit]:hover{background-color:var(--e-global-color-secondary);color:var(--color-white)}.button,.give-form-grid-content>button,.keydesign-button,[type="submit"],.wp-element-button,.wp-block-button__link,.added_to_cart,.woocommerce ul.products li.product .button,.woocommerce .wc-style-detailed a.button,.woocommerce a.added_to_cart,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce a.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button,.woocommerce input.button.alt,.woocommerce button.button.alt.disabled,.ekit-wid-con .woocommerce ul.products .ekit-wc-add-to-cart a.add_to_cart_button,.elementor-element .ekit-wid-con .ekit-mini-cart .ekit-mini-cart-container .ekit-dropdown-menu-mini-cart .woocommerce-mini-cart__buttons .wc-forward.checkout,.site .ekit-wid-con .ekit-form form input[type=submit]{font-size:var(--font-size-default);line-height:var(--font-size-default);font-family:var(--e-global-typography-accent-font-family);font-weight:var(--e-global-typography-accent-font-weight);font-style:normal;letter-spacing:0em;text-transform:none;text-decoration:none}[type="submit"],.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.site .ekit-wid-con .ekit-form form input[type=submit]{border-radius:var(--global-border-radius)}.related-posts{border-top:1px solid var(--color-border)}.related-posts .keydesign-container{display:flex;flex-direction:column}.related-posts .related-title h3{margin-bottom:var(--grid-columns-gap)}.related-posts .columns-2{grid-template-columns:1fr 1fr}.related-posts .columns-4{grid-template-columns:1fr 1fr 1fr 1fr}.related-posts .columns-4 .author{display:none}@media (max-width:1239.98px){.related-posts .columns-2,.related-posts .columns-4{grid-template-columns:1fr 1fr}}@media (max-width:766.98px){.related-posts .columns-2,.related-posts .columns-4{grid-template-columns:1fr}}@media (min-width:767px) and (max-width:1024px){.related-posts .columns-3 article:nth-child(3){display:none}}@media (min-width:1024.02px) and (max-width:1239.98px){.related-posts .columns-3 article:nth-child(3){display:none}}.menu{display:flex;flex-direction:column}@media (min-width:1024.02px){.site-header ul{--listStyleType: none}.site-header .nav-container{border-bottom:1px solid var(--color-border);background-color:var(--color-white);position:relative;z-index:99}.site-header .nav-toggle{display:none}.site-header .nav-primary{padding-bottom:0;padding-top:0}.site-header .menu-items{align-items:center;background-color:transparent;display:flex;gap:20px;margin:0;padding:0;position:relative}.site-header .menu-item{margin:0;position:relative}.site-header .menu-item>a{align-items:center;color:var(--e-global-color-text);display:inline-flex;font-size:var(--font-size-main-menu);font-weight:var(--e-global-typography-accent-font-weight);margin-left:0;margin-right:0;padding-left:0;padding-right:0;white-space:nowrap;letter-spacing:normal;line-height:var(--font-size-main-menu)}.site-header .menu-item .sub-menu a{align-items:center;color:var(--e-global-color-text);display:inline-flex;font-size:var(--font-size-main-menu);font-weight:var(--e-global-typography-accent-font-weight);line-height:var(--font-size-main-menu);white-space:normal}.site-header .menu-item .sub-menu a span{flex-shrink:0}.site-header .menu-item.current-menu-parent>a,.site-header .menu-item.current-menu-item>a{color:var(--e-global-color-primary)}.site-header .menu-item.menu-item-has-children a{transition:var(--global-transition)}.site-header .menu-item>a:hover,.site-header .menu-item>a:focus{color:var(--e-global-color-primary)}.site-header .menu-item .sub-menu a:hover,.site-header .menu-item .sub-menu a:focus{color:var(--e-global-color-primary)}.site-header .sub-menu.toggled-on a,.site-header .sub-menu.toggled-on .sub-menu a,.site-header .menu-item.menu-item-has-children.hover-intent .sub-menu a,.site-header .menu-item.menu-item-has-children:focus .sub-menu a{padding-bottom:var(--padding-sub-menu-link-vertical);padding-top:var(--padding-sub-menu-link-vertical)}.site-header .sub-menu{background-color:var(--color-white);border-radius:var(--global-border-radius);padding:var(--grid-columns-gap);padding-top:calc(var(--grid-columns-gap) - 10px);padding-bottom:calc(var(--grid-columns-gap) - 10px);left:0;margin-left:0;margin-top:27px;opacity:0;position:absolute;top:100%;transition:var(--global-transition);visibility:hidden;width:max-content;z-index:9;transform:translateY(5%);border:1px solid var(--color-border);border-radius:0}.site-header .sub-menu.is-out-of-viewport{left:unset;right:0}.site-header .sub-menu.is-out-of-viewport .sub-menu{left:unset;right:100%}.site-header .sub-menu .sub-menu.is-out-of-viewport{left:unset;right:100%}.site-header .sub-menu .sub-menu{left:100%;margin-left:0;margin-top:calc(-1 * 1rem);top:0}.site-header .sub-menu li{float:none;padding:0;padding-top:10px;padding-bottom:10px;width:auto;line-height:var(--font-size-main-menu)}.site-header .menu-item-has-children>.sub-menu.toggled-on,.site-header .menu-item-has-children:focus>.sub-menu,.site-header .menu-item-has-children.hover-intent>.sub-menu{opacity:1;transform:translateY(0%);visibility:visible;z-index:12}.site-header .menu-item-has-children .sub-menu.toggled-on .sub-menu,.site-header .menu-item-has-children .sub-menu .sub-menu.toggled-on,.site-header .menu-item-has-children:focus .sub-menu .sub-menu,.site-header .menu-item-has-children.hover-intent .sub-menu .sub-menu{margin-top:calc(-1 * (var(--grid-columns-gap) - 9px));top:0;z-index:10}.site-header .menu-item.menu-item-has-children{align-items:center;display:flex;gap:8px;justify-content:space-between;position:relative}.site-header .menu-item.menu-item-has-children::after{content:"";display:block;height:1.8rem;max-width:20rem;position:absolute;top:100%;visibility:hidden;width:100%}.site-header .menu-item.menu-item-has-children.hover-intent::after{visibility:visible;z-index:9999999}.site-header .dropdown-toggle svg{height:12px;width:12px;transition:var(--global-transition)}.site-header .dropdown-toggle.toggled-on svg{transform:rotateX(180deg)}.site-header .dropdown-toggle{align-items:center;background-color:transparent;border:0;color:var(--e-global-color-text);display:inline-flex;justify-content:center;padding:0;pointer-events:none}.site-header .sub-menu .dropdown-toggle{width:3rem}.site-header .sub-menu .dropdown-toggle svg{transform:rotate(-90deg) rotateX(0deg)}.site-header .sub-menu .dropdown-toggle.toggled-on svg{transform:rotate(-90deg) rotateX(180deg)}.site-header .sub-menu .menu-item-has-children::after{display:none}.site-header .menu-item.menu-item-has-children>.dropdown-toggle.toggled-on svg,.site-header .menu-item.menu-item-has-children:hover>.dropdown-toggle svg,.site-header .menu-item.menu-item-has-children:focus>.dropdown-toggle svg{color:var(--e-global-color-primary)}.site-header .menu-item.menu-item-has-children .menu-item.menu-item-has-children>.dropdown-toggle.toggled-on svg,.site-header .menu-item.menu-item-has-children .menu-item.menu-item-has-children:hover>.dropdown-toggle svg,.site-header .menu-item.menu-item-has-children .menu-item.menu-item-has-children:focus>.dropdown-toggle svg{color:var(--e-global-color-primary)}}@media (min-width:1024.02px) and (max-width:766.98px){.site-header ul li:focus>ul,.site-header ul li:hover>ul{display:block}}@media (max-width:1024px){.site-header .nav-container{border-bottom:1px solid var(--color-border)}.site-header .nav-primary{position:absolute;right:0;left:0;top:0;--font-size-paragraphs: 15px;--padding-sub-menu-vertical-mobile: .8rem;--padding-sub-menu-horizontal-mobile: var(--column-spacing);--margin-left-sub-menu: 1rem;pointer-events:none}.site-header ul,.site-header li,.site-header a{position:relative;--listItemSpacing: 0;--listIndent: 0}.site-header .menu-items ul{display:none}.site-header ul .sub-menu.toggled-on{display:block}.site-header .disable-scroll{overflow:hidden}.site-header .menu-items{backface-visibility:hidden;display:block;height:calc(100vh - 70px);left:0;margin:0;overflow:auto;padding:0;padding-top:15px;pointer-events:none;position:fixed;top:calc(var(--admin-bar) + 70px);transform:translate3d(100%, 0, 0);transition:all 180ms ease-in-out;visibility:hidden;width:100%;z-index:5}.site-header .menu-item a{color:var(--color-white);display:block;font-size:var(--font-size-paragraphs);font-weight:var(--e-global-typography-secondary-font-weight);margin-left:0;margin-right:0;padding-bottom:var(--padding-sub-menu-vertical-mobile);padding-left:var(--padding-sub-menu-horizontal-mobile);padding-right:var(--padding-sub-menu-horizontal-mobile);padding-top:var(--padding-sub-menu-vertical-mobile);position:relative;text-decoration:none;z-index:0}.site-header .menu-item a:after{display:none}.site-header .sub-menu{margin-left:0;padding-left:0}.site-header .sub-menu a{color:var(--color-white);font-size:var(--font-size-paragraphs);font-weight:var(--e-global-typography-secondary-font-weight);padding-bottom:var(--padding-sub-menu-vertical-mobile);padding-left:calc(var(--padding-sub-menu-horizontal-mobile) + var(--margin-left-sub-menu));padding-top:var(--padding-sub-menu-vertical-mobile)}.site-header .sub-menu .sub-menu a{padding-left:calc(var(--padding-sub-menu-horizontal-mobile) + var(--margin-left-sub-menu) + var(--margin-left-sub-menu))}.site-header .menu-item a:hover,.site-header .menu-item a:focus{color:var(--e-global-color-primary)}.site-header .menu-item.current-menu-item>a{color:var(--e-global-color-primary)}.site-header .dropdown-toggle{--dropdown-toggle-size: 14px;align-items:center;background-color:transparent;border:0;color:var(--color-white);display:inline-flex;left:auto;margin-top:0;overflow:hidden;padding-bottom:var(--padding-sub-menu-vertical-mobile);padding-left:var(--padding-sub-menu-horizontal-mobile);padding-right:var(--padding-sub-menu-horizontal-mobile);padding-top:var(--padding-sub-menu-vertical-mobile);position:absolute;right:0;top:7px;z-index:100}.site-header .dropdown-toggle svg{background-image:url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" style="width: var(--dropdown-toggle-size); height: var(--dropdown-toggle-size);" width="10" height="10" viewBox="0 0 10 10"%3E%3Cpath fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 1.5v7M1.5 5h7"/%3E%3C/svg%3E%0A');background-size:100%;height:var(--dropdown-toggle-size);pointer-events:none;position:relative;transform:rotate(0);transition:all 0.2s;width:var(--dropdown-toggle-size);z-index:-1}.site-header .dropdown-toggle svg path{display:none}.site-header .dropdown-toggle.toggled-on svg{background-image:url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" style="width: var(--dropdown-toggle-size); height: var(--dropdown-toggle-size);" width="10" height="10" viewBox="0 0 10 10"%3E%3Cpath fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1.5 5h7"/%3E%3C/svg%3E%0A');transform:rotate(-180deg)}.site-header .dropdown-toggle:hover{cursor:pointer}.site-header .dropdown-toggle:focus{cursor:pointer;z-index:100}.site-header .sub-menu .dropdown-toggle{color:rgba(255, 255, 255, 0.8)}.js-nav-active{overflow:hidden}.js-nav-active .nav-primary{pointer-events:all}.js-nav-active .menu-items{background-color:var(--e-global-color-text);opacity:1;pointer-events:all;transform:translate3d(0, 0, 0);visibility:visible}.js-nav-active .site-content{transform:translate3d(-100%, 0, 0)}.site-content{transition:transform 180ms ease-in-out}}.nav-toggle{position:relative;transition-timing-function:linear;transition-duration:0.15s;transition-property:opacity, filter;overflow:visible;width:35px;height:35px;margin:0;padding:0;border:none;margin-right:-10px;background:none;user-select:none;z-index:100}.nav-toggle .icon-bar{position:absolute;width:20px;height:2px;left:8px;top:24px;transition-timing-function:ease;transition-duration:0.15s;transition-property:transform;margin:0;background-color:var(--e-global-color-text);border-radius:0}.nav-toggle .icon-bar:before,.nav-toggle .icon-bar:after{display:block;content:"";position:absolute;width:20px;height:2px;left:8px;top:24px;transition-timing-function:ease;transition-duration:0.15s;transition-property:transform;margin:0;background-color:var(--e-global-color-text);border-radius:0}.nav-toggle .icon-bar:before{top:-7px;left:0;transition:top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.nav-toggle .icon-bar:after{top:-14px;left:0;transition:top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear}.nav-toggle.toggled-on .icon-bar{transition-delay:0.15s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, -7px, 0) rotate(-45deg)}.nav-toggle.toggled-on .icon-bar:before{top:0;transition:top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;transform:rotate(-90deg)}.nav-toggle.toggled-on .icon-bar:after{top:0;transition:top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;opacity:0}.site-header{position:relative;z-index:100}.site-header.default-header .site-header-wrapper{background-color:var(--color-white)}.site-header .keydesign-container{display:flex;justify-content:space-between;grid-template-columns:auto auto;padding-left:var(--column-spacing);padding-right:var(--column-spacing);padding-top:0;padding-bottom:0}.site-header .main-navigation-wrapper{display:flex;align-items:center;justify-content:flex-end;height:var(--header-height)}.site-header.sticky-header{position:var(--transparent-navigation-position);width:100%;top:var(--admin-bar)}@media (min-width:1024.02px){.site-header.sticky-header.show-on-scroll.hide-menu{pointer-events:none}.site-header.sticky-header.show-on-scroll.hide-menu .site-header-wrapper{transform:translate3d(0, -25px, 0);opacity:0;pointer-events:none}.site-header.sticky-header.show-on-scroll.hide-menu:has(.ekit-popup-modal.show),.site-header.sticky-header.show-on-scroll.hide-menu:has(.ekit-mini-cart-visibility-off_canvas.is--active),.site-header.sticky-header.show-on-scroll.hide-menu:has(.ekit-sidebar-group.ekit_isActive){pointer-events:visible}.site-header.sticky-header.show-on-scroll.hide-menu:has(.ekit-popup-modal.show) .site-header-wrapper,.site-header.sticky-header.show-on-scroll.hide-menu:has(.ekit-mini-cart-visibility-off_canvas.is--active) .site-header-wrapper,.site-header.sticky-header.show-on-scroll.hide-menu:has(.ekit-sidebar-group.ekit_isActive) .site-header-wrapper{transform:none;opacity:1;pointer-events:visible}.site-header.sticky-header.show-on-scroll .site-header-wrapper{transition:var(--global-transition);will-change:unset;position:relative;top:0}}.site-header.sticky-header .elementor-section{transition:all 0.3s ease !important}.site-header.sticky-header .elementor>.e-con.e-flex{transition:var(--global-transition) !important}@media (min-width:1024.02px){.site-header.sticky-header:not(.scrolled) .elementor>.e-con.e-flex:last-child{padding-top:var(--transparent-navigation-padding);padding-bottom:var(--transparent-navigation-padding)}}@media (max-width:1024px){body:has(.site-header.header-position-default.mobile-menu-active){overflow:hidden}}.site-branding{display:flex}.site-branding .site-title{display:flex;align-items:center;margin-bottom:0}.site-branding .site-title a{font-size:25px;font-weight:var(--e-global-typography-primary-font-weight);color:var(--e-global-color-text);letter-spacing:var(--letter-spacing-default)}.site-branding .site-title a:hover{color:var(--e-global-color-primary)}.site-branding .site-logo{display:inline-flex;position:relative;flex-direction:column;align-items:center;justify-content:center}.site-branding .site-logo img{max-width:unset;width:auto;height:var(--logo-height)}.page-header{--page-title-width: var(--block-width);display:var(--page-title-display, block);padding-top:var(--titlebar-spacing-top, var(--titlebar-spacing));padding-bottom:var(--titlebar-spacing-bottom, var(--titlebar-spacing));background-color:var(--e-global-color-light)}.page-header .keydesign-container{padding-left:var(--column-spacing);padding-right:var(--column-spacing);display:flex;flex-direction:column;padding-top:0;padding-bottom:0}.page-header .entry-title{margin-bottom:var(--small-content-spacing);max-width:var(--page-title-width)}.page-header .entry-title:last-child{margin-bottom:0}.page-header .entry-title+p{margin-bottom:var(--small-content-spacing);max-width:var(--page-title-width)}.page-header.breadcrumbs-position-top .entry-title{margin-top:var(--small-content-spacing);margin-bottom:0}.page-header.breadcrumbs-position-top .entry-title{order:2}.page-header.breadcrumbs-position-top .entry-title+p{order:3;margin-top:var(--small-content-spacing);margin-bottom:0}.page-header.title-bar-text-center{text-align:center}.page-header.title-bar-text-center .breadcrumbs ul{justify-content:center}.page-header.title-bar-text-center .entry-title,.page-header.title-bar-text-center .entry-title+p{align-self:center}.page-header.default-text-color *{color:var(--e-global-color-text)}.page-header.primary-text-color *{color:var(--e-global-color-primary)}.page-header.secondary-text-color *{color:var(--e-global-color-secondary)}.page-header.white-text-color *{color:var(--color-white)}.page-header.dark-text-color *{color:var(--e-global-color-text)}.page-header.gray-text-color *{color:var(--e-global-color-light)}.page-header.primary-background-color{background-color:var(--e-global-color-primary)}.page-header.secondary-background-color{background-color:var(--e-global-color-secondary)}.page-header.white-background-color{background-color:var(--color-white)}.page-header.dark-background-color{background-color:var(--e-global-color-text)}.page-header.gray-background-color{background-color:var(--e-global-color-light)}.page-header.primary-font .entry-title{font-family:var(--e-global-typography-primary-font-family);font-weight:var(--e-global-typography-primary-font-weight)}.page-header.secondary-font .entry-title{font-family:var(--e-global-typography-secondary-font-family);font-weight:var(--e-global-typography-secondary-font-weight)}.page-header.text-font .entry-title{font-family:var(--e-global-typography-text-font-family);font-weight:var(--e-global-typography-text-font-weight)}@media (max-width:766.98px){.page-header{padding-top:var(--mobile-spacing);padding-bottom:var(--mobile-spacing)}}.site-footer{background:var(--e-global-color-light)}@media (min-width:1024.02px){.site-footer.sticky-footer{position:sticky;bottom:0;z-index:-1;max-height:100vh}}.footer-widget-section .keydesign-container{display:grid;grid-column-gap:var(--grid-columns-gap);grid-auto-columns:minmax(0, 1fr);grid-auto-flow:column}@media (max-width:1024px){.footer-widget-section .keydesign-container{grid-template-columns:1fr 1fr;grid-auto-flow:inherit;grid-row-gap:var(--grid-columns-gap)}}@media (max-width:766.98px){.footer-widget-section .keydesign-container{grid-template-columns:1fr}}.footer-copyright-section{border-top:1px solid var(--color-border)}.footer-copyright-section .keydesign-container{justify-content:center;padding-top:var(--content-spacing);padding-bottom:var(--content-spacing)}.footer-widget-area-wrapper .keydesign-widget:not(:last-child){margin-bottom:var(--grid-columns-gap)}.keydesign-comments{color:var(--color-text);margin-top:var(--vertical-spacing)}@media (max-width:766.98px){.keydesign-comments{margin-top:var(--mobile-spacing)}}.portfolio-comments .keydesign-comments{width:100%;margin-top:0}.keydesign-has-avatar .keydesign-comment-content{padding-inline-start:90px}@media (max-width:766.98px){.keydesign-has-avatar .keydesign-comment-content{padding-inline-start:50px}}.keydesign-comments-title{margin-bottom:var(--sidebar-widgets-spacing)}.keydesign-comment-list .children{margin-top:0}@media (max-width:766.98px){.keydesign-comment-list .children{--listIndent: 30px}}@media (min-width:767px){.keydesign-comment-list .children{--listIndent: var(--sidebar-widgets-spacing)}}.keydesign-comment-list .comment-respond{padding-bottom:var(--sidebar-widgets-spacing)}.keydesign-comment-list .keydesign-comment-author{font-size:18px;margin-bottom:0;margin-top:0}.keydesign-comment-inner{padding-top:var(--sidebar-widgets-spacing);padding-bottom:var(--sidebar-widgets-spacing);border-top:1px solid var(--color-border)}.keydesign-comment-inner:not(.keydesign-has-reply-form):hover .comment-reply-link{color:#fff;background:var(--e-global-color-primary)}.keydesign-comment-inner:not(.keydesign-has-reply-form) .comment-reply-link:hover{background:var(--e-global-color-secondary)}.keydesign-comment-meta{position:relative;margin-bottom:var(--column-spacing)}@media (min-width:767px){.keydesign-comment-meta{display:flex;align-items:center}}.keydesign-comment-meta img{position:absolute;left:0;border-radius:var(--global-border-radius);max-width:60px;max-height:60px}@media (max-width:766.98px){.keydesign-comment-meta img{max-width:30px;max-height:30px}}@media (min-width:767px){.keydesign-comment-meta img{top:0}}@media (max-width:766.98px){.keydesign-has-avatar .keydesign-comment-meta{padding-inline-start:50px}}@media (min-width:767px){.keydesign-has-avatar .keydesign-comment-meta{padding-inline-start:90px}}.keydesign-comment-meta-data{display:flex;flex-wrap:wrap;align-items:center;font-size:11px;font-weight:var(--e-global-typography-secondary-font-weight);letter-spacing:var(--letter-spacing-small);text-transform:uppercase}@media (min-width:767px){.keydesign-comment-meta-data{margin-inline-start:auto}}.keydesign-comment-meta-data .comment-edit-link:before,.keydesign-comment-meta-data .comment-reply-login:before{content:"/";margin-left:5px;margin-right:5px}@media (max-width:766.98px){.keydesign-comment-meta-data .comment-edit-link{display:none}}.keydesign-comment-meta-data .comment-reply-link{display:flex;line-height:24px;height:24px;padding:0 10px;border-radius:var(--button-border-radius);margin-inline-start:10px;transition:var(--global-transition);align-items:center;transform:translateY(-2px)}#reply-title{display:flex;align-items:center;justify-content:space-between}#cancel-comment-reply-link{text-transform:uppercase;font-size:12px;transition:var(--global-transition);font-weight:var(--e-global-typography-secondary-font-weight);letter-spacing:normal;display:flex}.comment-respond:not(:only-child) .comment-reply-title{padding-top:var(--sidebar-widgets-spacing);border-top:1px solid var(--color-border)}.comment-respond+.keydesign-comment-list{margin-top:var(--sidebar-widgets-spacing)}.comment-form{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:20px;grid-row-gap:20px;--content-spacing: 0}.comment-form a{font-weight:var(--e-global-typography-accent-font-weight)}.comment-form .comment-form-author,.comment-form .comment-form-email,.comment-form .comment-form-url{--grid-column: span 1}.comment-form>*{grid-column:var(--grid-column, 1/-1)}.comment-form .logged-in-as,.comment-form .comment-notes{font-size:var(--font-size-default)}.comment-form .required{color:#cc0000}.comment-form-author,.comment-form-email,.comment-form-url,.comment-form-comment{position:relative}.comment-form-author label,.comment-form-email label,.comment-form-url label,.comment-form-comment label{display:flex;font-size:var(--font-size-paragraph);color:var(--color-text);margin-bottom:0;position:absolute;align-items:center;cursor:text;margin-bottom:0;height:var(--component-height, 50px);padding-left:var(--column-spacing, 15px);padding-right:var(--column-spacing, 15px);transition:var(--global-transition)}.comment-form-author:focus-within label,.comment-form-author.keydesign-not-empty label,.comment-form-email:focus-within label,.comment-form-email.keydesign-not-empty label,.comment-form-url:focus-within label,.comment-form-url.keydesign-not-empty label,.comment-form-comment:focus-within label,.comment-form-comment.keydesign-not-empty label{opacity:0;visibility:hidden;transform:translate3d(20px, 0, 0)}.keydesign-comments-navigation{display:flex;justify-content:space-between;padding-top:15px;margin-bottom:15px;border-top:1px solid var(--color-border)}.error404 .site-content .keydesign-container{height:calc(100vh - var(--header-height) - var(--admin-bar));align-items:center;padding:0}.error404 .block-error-404{display:flex;align-items:center;justify-content:center;text-align:center}.error404 .block-error-404 .container{max-width:80%}@media (min-width:767px){.error404 .block-error-404 .container{max-width:45%}}@media (min-width:1024.02px){.error404 .block-error-404 .container{max-width:33%}}.error404 h1{font-size:120px;letter-spacing:-0.05em;color:var(--e-global-color-primary);line-height:0.875em;margin-bottom:0}@media (max-width:766.98px){.error404 h1{font-size:90px;line-height:85px}}.error404 .content-area h3{margin-top:calc(0.3em + 10px)}.search-results .blog-layout-horizontal.with-sidebar .site-main{grid-template-columns:1fr;grid-row-gap:var(--grid-columns-gap)}.search-results .keydesign-card{background:var(--e-global-color-light);border-radius:var(--global-border-radius);overflow:hidden}@media (max-width:766.98px){.search-results .keydesign-card{gap:0}}.search-results .keydesign-card .entry-wrapper{padding:var(--grid-columns-gap);flex:3}.search-results .keydesign-card .entry-image{border-radius:0}.search-results .keydesign-card .post-title a:hover{color:var(--e-global-color-primary)}.search-results .keydesign-card.type-keydesign-portfolio .entry-wrapper{padding-bottom:0}.keydesign-widget>*:last-child{margin-bottom:0}.keydesign-widget:not(:last-child){margin-bottom:var(--sidebar-widgets-spacing, 50px)}.keydesign-widget .widget-title:not(:empty){display:block;margin-bottom:20px}@media (max-width:766.98px){.keydesign-widget .widget-title:not(:empty){margin-bottom:15px}}.keydesign-widget ol,.keydesign-widget ul{--listIndent: 0;--listStyleType: none;--content-spacing: 0}.keydesign-widget li{color:var(--e-global-color-text)}.keydesign-widget li ul,.keydesign-widget li ol{--listIndent: 20px}.keydesign-widget li .post_count{float:right}.textwidget>*{margin:0}.textwidget>*:not(:first-child){margin-top:20px}.search-form,.woocommerce-product-search{position:relative}.search-form input,.woocommerce-product-search input{position:relative}.search-form input[type="search"]::-webkit-search-cancel-button,.search-form #search-clear,.woocommerce-product-search input[type="search"]::-webkit-search-cancel-button,.woocommerce-product-search #search-clear{display:none !important}.search-form button[type="submit"],.search-form .wp-element-button[type="submit"],.search-form .search-submit[type="submit"],.woocommerce-product-search button[type="submit"],.woocommerce-product-search .wp-element-button[type="submit"],.woocommerce-product-search .search-submit[type="submit"]{position:absolute;top:0;right:0;padding:initial;width:var(--component-height);min-height:var(--component-height);border:none;box-shadow:none;transition:var(--global-transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23757575' aria-hidden='true' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath d='M14.8,13.7L12,11c0.9-1.2,1.5-2.6,1.5-4.2c0-3.7-3-6.8-6.8-6.8S0,3,0,6.8s3,6.8,6.8,6.8c1.6,0,3.1-0.6,4.2-1.5l2.8,2.8c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2C15.1,14.5,15.1,14,14.8,13.7z M1.5,6.8c0-2.9,2.4-5.2,5.2-5.2S12,3.9,12,6.8S9.6,12,6.8,12S1.5,9.6,1.5,6.8z'%3E%3C/path%3E%3C/svg%3E");background-color:transparent;font-size:0;background-repeat:no-repeat;background-position:center;cursor:pointer;border-radius:var(--global-border-radius)}.search-form button[type="submit"]:hover,.search-form .wp-element-button[type="submit"]:hover,.search-form .search-submit[type="submit"]:hover,.woocommerce-product-search button[type="submit"]:hover,.woocommerce-product-search .wp-element-button[type="submit"]:hover,.woocommerce-product-search .search-submit[type="submit"]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231a1a1a' aria-hidden='true' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath d='M14.8,13.7L12,11c0.9-1.2,1.5-2.6,1.5-4.2c0-3.7-3-6.8-6.8-6.8S0,3,0,6.8s3,6.8,6.8,6.8c1.6,0,3.1-0.6,4.2-1.5l2.8,2.8c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2C15.1,14.5,15.1,14,14.8,13.7z M1.5,6.8c0-2.9,2.4-5.2,5.2-5.2S12,3.9,12,6.8S9.6,12,6.8,12S1.5,9.6,1.5,6.8z'%3E%3C/path%3E%3C/svg%3E");background-color:transparent}.search-form button[type="submit"]:focus,.search-form .wp-element-button[type="submit"]:focus,.search-form .search-submit[type="submit"]:focus,.woocommerce-product-search button[type="submit"]:focus,.woocommerce-product-search .wp-element-button[type="submit"]:focus,.woocommerce-product-search .search-submit[type="submit"]:focus{outline:none}.widget_media_gallery .gallery,.entry-content .gallery{display:grid;grid-column-gap:10px;grid-row-gap:10px;margin-bottom:var(--content-spacing)}.widget_media_gallery .gallery-columns-2,.entry-content .gallery-columns-2{grid-template-columns:repeat(2, 1fr)}.widget_media_gallery .gallery-columns-3,.entry-content .gallery-columns-3{grid-template-columns:repeat(3, 1fr)}.widget_media_gallery .gallery-columns-4,.entry-content .gallery-columns-4{grid-template-columns:repeat(4, 1fr)}.widget_media_gallery .gallery-columns-5,.entry-content .gallery-columns-5{grid-template-columns:repeat(5, 1fr)}.widget_media_gallery .gallery-columns-6,.entry-content .gallery-columns-6{grid-template-columns:repeat(6, 1fr)}.widget_media_gallery .gallery-item,.entry-content .gallery-item{border-radius:var(--global-border-radius, 0px);overflow:hidden;display:block;line-height:0;position:relative}.widget_media_gallery .gallery-item img,.entry-content .gallery-item img{height:100%;width:100%;backface-visibility:hidden;transition:var(--image-transition)}.widget_media_gallery .gallery-item:hover img,.entry-content .gallery-item:hover img{transform:scale(1.07)}.widget_media_gallery .gallery-icon,.entry-content .gallery-icon{overflow:hidden}.widget_rss li{--listItemSpacing: 1.5em}.widget_rss li .rsswidget{font-weight:var(--e-global-typography-secondary-font-weight)}.widget_rss .rsswidget{display:block}.widget_rss .rsswidget img{display:none}.widget_rss cite{font-weight:var(--e-global-typography-secondary-font-weight);color:var(--e-global-color-text);margin-top:0.5em;display:block}.widget_rss .rss-date{margin-bottom:0.5em;display:block}.widget_calendar table{position:relative;width:100%;font-size:var(--font-size-default);border:none}.widget_calendar table caption{font-weight:inherit;margin-bottom:5px;border-bottom:1px solid var(--color-border);font-size:var(--font-size-paragraphs);color:var(--e-global-color-text)}.widget_calendar table thead th,.widget_calendar table tbody td{text-align:center;padding:10px 0;border:none;font-weight:inherit;color:var(--e-global-color-text);font-size:var(--font-size-default)}.widget_calendar table tbody td{overflow:hidden;position:relative;line-height:1.3}.widget_calendar table tbody td a{display:flex;align-items:center;justify-content:center;position:relative;padding:10px 0;margin:-10px 0;background:rgba(215, 222, 229, 0.2);transition:var(--global-transition)}.widget_calendar table tbody td a:after{position:absolute;content:"";bottom:7px;width:3px;height:3px;border-radius:100%;background:var(--e-global-color-primary);transition:var(--global-transition)}.widget_calendar table tbody td a:hover{color:var(--color-white);background:var(--e-global-color-primary)}.widget_calendar table tbody td a:hover:after{background:var(--color-white)}.widget_calendar table tbody #today{color:var(--color-white);font-weight:var(--e-global-typography-accent-font-weight);background:var(--e-global-color-primary);border-radius:var(--global-border-radius)}.widget_calendar table tbody #today a{color:inherit;background:inherit}.widget_calendar table tbody #today a:after{background:currentColor}.widget_calendar table tfoot{position:absolute;top:0;width:100%;font-weight:var(--e-global-typography-accent-font-weight)}.widget_calendar table tfoot tr{display:flex;justify-content:space-between;width:100%}.widget_calendar table tfoot td{border:none}.tagcloud,.entry-footer .tags{display:flex;flex-wrap:wrap;margin:-8px -4px 0 -4px}.tagcloud a,.entry-footer .tags a{display:flex;align-items:center;height:36px;font-size:11px !important;text-transform:uppercase;line-height:100%;padding:0 12px;margin:8px 4px 0 4px;border-radius:var(--global-border-radius);border:1px solid var(--color-border);transition:var(--global-transition);font-weight:var(--e-global-typography-secondary-font-weight);letter-spacing:var(--letter-spacing-small)}.tagcloud a:hover,.entry-footer .tags a:hover{color:#fff;border-color:var(--e-global-color-primary);background:var(--e-global-color-primary)}.tagcloud a span,.entry-footer .tags a span{margin-left:0.3em}.widget_recent_entries ul li{display:flex;flex-direction:column;--listItemSpacing: 0.75em}.widget_recent_entries ul li:not(:last-child) .post-date{margin-bottom:10px}.widget_recent_entries .recent-posts-thumb li{margin-bottom:var(--column-spacing)}.widget_recent_entries .recent-posts-thumb a{display:flex;gap:var(--column-spacing);align-items:center}.widget_recent_entries .recent-posts-thumb a .recent-post-thumbnail{flex:1;border-radius:var(--global-border-radius, 0px);overflow:hidden;display:block;line-height:0;position:relative;height:fit-content;max-width:max-content}.widget_recent_entries .recent-posts-thumb a .recent-post-thumbnail img{backface-visibility:hidden;transition:var(--image-transition);aspect-ratio:1;object-fit:cover}.widget_recent_entries .recent-posts-thumb a .recent-post-title{flex:2;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:block;display:-webkit-box;font-weight:var(--e-global-typography-accent-font-weight);color:var(--e-global-color-text);transition:var(--global-transition)}.widget_recent_entries .recent-posts-thumb a:hover img{transform:scale(1.07)}.widget_recent_entries .recent-posts-thumb a:hover .recent-post-title{color:var(--e-global-color-primary)}.widget_recent_comments ul li a{word-wrap:break-word}.widget_recent_comments li{--listItemSpacing: 0.75em}.widget_recent_comments .comment-author-link{font-weight:var(--e-global-typography-secondary-font-weight);color:var(--e-global-color-text)}body.single-post article.article-single>.entry-content>*.alignwide{max-width:var(--container-max-width)}body.single-post article.article-single>.entry-content>*:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright){max-width:var(--block-width);margin-right:auto;margin-left:auto}body.single-post article.article-single>.entry-content a:not(.wp-block-button__link){color:var(--e-global-color-primary)}.no-thumbnail .entry-content{margin-top:var(--sidebar-widgets-spacing)}.alignleft,.alignright{margin-top:0.3em;margin-bottom:0.3em}.alignleft{float:left;margin-inline-end:1.5em}.alignright{float:right;margin-inline-start:1.5em}.aligncenter{margin-left:auto;margin-right:auto}.entry-content .alignleft{margin-inline-end:var(--content-spacing)}.entry-content .alignright{margin-inline-start:var(--content-spacing)}.entry-content:after{display:table;clear:both;content:""}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{width:var(--block-width);max-width:var(--container-max-width)}.wp-block-image:last-child{margin-bottom:0}.wp-block-image.is-style-rounded img{border-radius:var(--global-border-radius)}.wp-block-buttons .wp-block-button .wp-block-button__link.is-style-outline{padding:var(--button-padding)}.wp-block-button{margin-bottom:var(--content-spacing)}article>.entry-content>table,article>.entry-content>iframe{max-width:var(--block-width)}article>.entry-content .wp-block-embed{margin-bottom:var(--sidebar-widgets-spacing)}article>.entry-content .wp-block-embed iframe{max-width:100%;aspect-ratio:1.7777777778;height:auto;border-radius:var(--global-border-radius)}.has-drop-cap:not(:focus):first-letter{font-size:6em;font-weight:var(--e-global-typography-primary-font-weight);margin:0.13em 0.12em 0.05em 0;color:var(--e-global-color-text)}.has-drop-cap:not(:focus):after{padding-top:0}.entry-content figcaption{font-size:var(--font-size-paragraphs);margin-bottom:0;margin-top:0;text-align:center;padding:var(--column-spacing) 0 !important;background:var(--e-global-color-light)}.wp-block-table:not(.has-border-color) td,.wp-block-table:not(.has-border-color) th{border-color:var(--color-border)}.wp-block-search .wp-block-search__label{margin-bottom:var(--small-content-spacing);font-weight:var(--e-global-typography-text-font-weight);display:block}.wp-block-spacer{margin-top:0 !important;margin-bottom:0 !important}.wp-block-spacer+*{margin-top:0 !important}.wp-block-columns{gap:var(--grid-columns-gap)}.wp-block-columns .wp-block-column>*:last-child{margin-bottom:0}.wp-block-gallery{width:100%;margin-bottom:calc(var(--sidebar-widgets-spacing) - 15px)}.wp-block-gallery.has-nested-images figure.wp-block-image{display:inline-flex}.wp-block-gallery a:after{display:none}.wp-block-separator{border:none;background:var(--e-global-color-primary)}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){--block-max-width: 100px}.wp-block-separator:not(.is-style-dots){height:2px}@media (max-width:600px){.wp-block-media-text .wp-block-media-text__content{padding:var(--content-spacing)}}.wp-block-media-text .wp-block-media-text__content p:last-child{margin-bottom:0}@media (max-width:600px){.wp-block-media-text:not(.has-background) .wp-block-media-text__content{padding-left:0;padding-right:0;padding-bottom:0}}.post-password-form>p:last-child{display:grid;align-items:flex-end;grid-column-gap:var(--column-spacing);grid-row-gap:var(--column-spacing)}@media (min-width:767px){.post-password-form>p:last-child{grid-template-columns:1fr 200px}}.post-password-form>p:last-child>label{margin-bottom:0}.post-password-form>p:last-child>label input{margin-top:0.5em}.entry-content blockquote,.wp-block-quote{padding:var(--grid-columns-gap);border:1px solid var(--color-border);border-radius:var(--global-border-radius)}.entry-content blockquote:not(.is-style-plain):not(.has-text-align-center):not(.has-text-align-right),.wp-block-quote:not(.is-style-plain):not(.has-text-align-center):not(.has-text-align-right){border-inline-start:4px solid var(--e-global-color-primary)}.entry-content blockquote:not(.is-style-plain).has-text-align-center,.wp-block-quote:not(.is-style-plain).has-text-align-center{padding-block:30px;border-block:3px solid var(--e-global-color-primary)}.entry-content blockquote:not(.is-style-plain).has-text-align-right,.wp-block-quote:not(.is-style-plain).has-text-align-right{border-inline-end:4px solid var(--e-global-color-primary)}.entry-content blockquote:not(.has-text-align-center):not(.has-text-align-right),.wp-block-quote:not(.has-text-align-center):not(.has-text-align-right){padding-inline-start:30px}.entry-content blockquote.has-text-align-right,.wp-block-quote.has-text-align-right{padding-inline-end:30px}.entry-content blockquote p:last-of-type,.wp-block-quote p:last-of-type{margin-bottom:0}.entry-content blockquote cite,.wp-block-quote cite{display:block;margin-top:var(--small-content-spacing);font-size:var(--font-size-paragraphs);color:var(--e-global-color-primary);font-weight:var(--e-global-typography-secondary-font-weight)}.wp-block-pullquote{position:relative;padding:var(--component-height);text-align:initial;border-width:2px;border-style:solid;border-color:var(--e-global-color-primary);border-radius:var(--global-border-radius)}.wp-block-pullquote blockquote{position:relative;isolation:isolate}.wp-block-pullquote blockquote p{margin-bottom:1em}.wp-block-pullquote blockquote p:last-child{margin-bottom:0}.has-background:is(p, .wp-block-group){padding:var(--content-spacing)}body.single-post article.article-single>.entry-content .wp-block-cover-image-text,body.single-post article.article-single>.entry-content .wp-block-cover-image-text a,body.single-post article.article-single>.entry-content .wp-block-cover-image-text a:active,body.single-post article.article-single>.entry-content .wp-block-cover-image-text a:focus,body.single-post article.article-single>.entry-content .wp-block-cover-image-text a:hover,body.single-post article.article-single>.entry-content .wp-block-cover-text,body.single-post article.article-single>.entry-content .wp-block-cover-text a,body.single-post article.article-single>.entry-content .wp-block-cover-text a:active,body.single-post article.article-single>.entry-content .wp-block-cover-text a:focus,body.single-post article.article-single>.entry-content .wp-block-cover-text a:hover,body.single-post article.article-single>.entry-content section.wp-block-cover-image h2,body.single-post article.article-single>.entry-content section.wp-block-cover-image h2 a,body.single-post article.article-single>.entry-content section.wp-block-cover-image h2 a:active,body.single-post article.article-single>.entry-content section.wp-block-cover-image h2 a:focus,body.single-post article.article-single>.entry-content section.wp-block-cover-image h2 a:hover{color:#fff}.keydesign-widget.widget_block .wp-block-heading,.keydesign-widget.widget_block .wp-block-search__label{font-family:var(--e-global-typography-secondary-font-family);font-weight:var(--keydesign-h4-font-weight);font-size:var(--keydesign-h4-font-size);line-height:var(--keydesign-h4-line-height);letter-spacing:var(--keydesign-h4-letter-spacing);color:var(--e-global-color-text);margin-bottom:calc(0.3em + 10px)}.keydesign-widget.widget_block .wp-block-latest-comments__comment{margin-bottom:var(--listItemSpacing)}.keydesign-widget.widget_block .wp-block-latest-comments__comment-author{font-weight:var(--e-global-typography-secondary-font-weight)}body.single-post article.article-single>.entry-content .wp-block-social-link-anchor{color:currentColor}
/* Remove border-radius from blockquotes */
.entry-content blockquote,
.wp-block-quote {
border-radius: 0 !important;
}
/* Force footer menus (Services / Resources / Social) to sit on one row on mobile */
@media (max-width: 767px) {
/* Make the parent container a flex row that wraps, but keep menu items together */
.elementor-element[data-id="3afca8bc"] {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 12px !important;
align-items: flex-start !important;
overflow: visible !important;
}
.elementor-element[data-id="3afca8bc"] > .e-con-inner {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 12px !important;
width: 100% !important;
overflow: visible !important;
}
/* Keep the intro/logo block full width on top */
.elementor-element[data-id="6f824ea0"] {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
order: 1 !important;
}
/* Three footer menu columns at one-third width each - ensure they're visible */
.elementor-element[data-id="6ec94356"],
.elementor-element[data-id="49755ffa"],
.elementor-element[data-id="2bc90062"] {
flex: 0 0 calc(33.333% - 8px) !important;
width: calc(33.333% - 8px) !important;
max-width: calc(33.333% - 8px) !important;
min-width: 0 !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
order: 2 !important;
overflow: visible !important;
}
/* Keep the newsletter block full width below */
.elementor-element[data-id="7c92dc5d"] {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
order: 3 !important;
}
}
/* Custom blog heading sizes */
body {
--keydesign-h1-font-size: 45px;
--keydesign-h2-font-size: 30px;
}
/* Post share positioning */
.post-share {
left: 70px !important;
}
/* Hide comment count from posts */
.comment-count {
display: none !important;
}
/* Light green background for blockquotes */
.entry-content blockquote,
.wp-block-quote {
background-color: #e8f5e9 !important;
}
/* Dark text color for blockquotes */
.entry-content blockquote,
.wp-block-quote,
.entry-content blockquote p,
.wp-block-quote p {
color: #1a1a1a !important;
}
/* Ensure post-share positioning with additional properties */
.post-share,
.post-share-inner {
position: fixed !important;
left: 70px !important;
}
/* Full Width Title Section */
.full-width-title-section {
background: var(--e-global-color-primary, #007cba);
color: white;
padding: 60px 0;
margin: 0 -9999px;
padding-left: 9999px;
padding-right: 9999px;
text-align: center;
margin-bottom: 40px;
}
.full-width-title-section .title-categories {
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 20px;
opacity: 0.9;
}
.full-width-title-section .title-categories a {
color: white;
text-decoration: none;
transition: opacity 0.3s ease;
}
.full-width-title-section .title-categories a:hover {
opacity: 0.8;
}
.full-width-title-section .title-wrapper {
max-width: 900px;
margin: 0 auto 20px auto;
}
.full-width-title-section .single-post-title {
background: none;
color: white !important;
padding: 0;
margin: 0;
font-size: 2.5rem;
line-height: 1.2;
font-weight: 700;
width: auto;
}
.full-width-title-section .title-meta {
font-size: 14px;
opacity: 0.9;
font-weight: 400;
}
.full-width-title-section .title-meta a {
color: white;
text-decoration: none;
transition: opacity 0.3s ease;
}
.full-width-title-section .title-meta a:hover {
opacity: 0.8;
}
.full-width-title-section .title-meta .meta-separator {
margin: 0 8px;
}
.full-width-title-section .title-meta .meta-author a {
color: white;
text-decoration: none;
font-weight: 500;
}
.full-width-title-section .title-meta .meta-author a:hover {
opacity: 0.8;
text-decoration: underline;
}
/* Hide original post meta from content area */
.article-single .entry-meta {
display: none !important;
}
.article-single .category-meta {
display: none !important;
}
/* Hide original social sharing until moved to floating container */
.post-share {
opacity: 0;
transition: opacity 0.3s ease;
}
/* Remove top margin/padding from main container */
.keydesign-container.e-con.no-sidebar {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Single Post Two-Column Layout */
.single-post-layout {
display: flex !important;
gap: 32px;
align-items: flex-start;
max-width: none !important;
width: 100% !important;
justify-content: center;
margin: 0 auto;
}
/* Single Post Content Width - Comprehensive Override */
.single-post-content {
flex: 1 1 auto !important;
min-width: 0;
width: 100%;
max-width: 900px;
}
/* Ensure entry-content also respects the width */
.single-post-content .entry-content {
max-width: 100% !important;
width: 100% !important;
}
/* Override all parent container constraints */
.single-post .no-sidebar .site-main {
max-width: none !important;
width: 100% !important;
}
.single-post .keydesign-container.e-con.no-sidebar {
max-width: none !important;
width: 100% !important;
}
/* Override minified CSS rules that constrain entry-content children */
body.single-post article.article-single > .entry-content > *:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
max-width: 100% !important;
}
/* Contact page hero image full height */
.elementor-element-70195e5c {
min-height: calc(100vh - var(--header-height, 90px));
align-items: stretch !important;
}
/* Reduce top margin on contact page */
body.page-template-default .site-content,
body.page-id-883 .site-content,
body.page-slug-contact .site-content {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* Reduce top padding/margin on contact page Elementor containers */
body.page-slug-contact .elementor-section:first-child,
body.page-id-883 .elementor-section:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.page-slug-contact .e-con:first-child,
body.page-id-883 .e-con:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
.elementor-element-70195e5c .elementor-widget-image {
height: 100%;
}
.elementor-element-70195e5c .elementor-widget-image .elementor-widget-container {
height: 100%;
}
.elementor-element-70195e5c .elementor-widget-image img {
height: 100%;
width: 100%;
object-fit: cover;
}
/* Newsletter form (single post footer) */
#wpcf7-f21947-o1 {
width: 100%;
}
#wpcf7-f21947-o1 .wpcf7-form {
display: flex;
gap: 16px;
align-items: stretch;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
max-width: 640px;
}
#wpcf7-f21947-o1 .wpcf7-form p {
margin: 0 !important;
flex: 1 1 550px !important; /* Increased width for email field */
min-width: 0 !important;
}
/* Add bottom margin to paragraph containing email input */
#wpcf7-f21947-o1 .wpcf7-form p:has(input[type="email"]),
#wpcf7-f21947-o1 .wpcf7-form p:has([data-name="your-email"]) {
margin-bottom: 16px !important;
}
#wpcf7-f21947-o1 .wpcf7-form p:last-of-type {
flex: 0 0 auto;
}
#wpcf7-f21947-o1 label {
display: block;
width: 100%;
margin: 0;
}
#wpcf7-f21947-o1 label br {
display: none;
}
#wpcf7-f21947-o1 input[type="email"],
#wpcf7-f21947-o1 .wpcf7-email,
#wpcf7-f21947-o1 .wpcf7-form-control.wpcf7-email,
#wpcf7-f21947-o1 .wpcf7-form-control-wrap input[type="email"],
#wpcf7-f21947-o1 label input[type="email"],
#wpcf7-f21947-o1 p input[type="email"],
#wpcf7-f21947-o1 .wpcf7-form p input[type="email"],
#wpcf7-f21947-o1 .wpcf7-form-control-wrap .wpcf7-email {
width: 100% !important;
max-width: 100% !important;
height: 54px !important;
border-radius: 999px !important;
border: 2px solid rgba(255, 255, 255, 0.5) !important;
padding: 0 24px !important;
font-size: 16px !important;
background: #ffffff !important;
color: #062a1f !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
box-sizing: border-box !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
#wpcf7-f21947-o1 input[type="email"]::placeholder,
#wpcf7-f21947-o1 .wpcf7-email::placeholder,
#wpcf7-f21947-o1 .wpcf7-form-control.wpcf7-email::placeholder {
color: rgba(6, 42, 31, 0.6) !important;
opacity: 1 !important;
font-size: 16px !important;
}
#wpcf7-f21947-o1 input[type="email"]:focus,
#wpcf7-f21947-o1 .wpcf7-email:focus,
#wpcf7-f21947-o1 .wpcf7-form-control.wpcf7-email:focus {
border-color: var(--e-global-color-primary, #007cba) !important;
box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.15) !important;
outline: none !important;
background: #ffffff !important;
}
/* Error state - red outline */
#wpcf7-f21947-o1 input[type="email"].wpcf7-not-valid,
#wpcf7-f21947-o1 input[type="email"][aria-invalid="true"],
#wpcf7-f21947-o1 .wpcf7-email.wpcf7-not-valid,
#wpcf7-f21947-o1 .wpcf7-email[aria-invalid="true"],
#wpcf7-f21947-o1 .wpcf7-form-control.wpcf7-email.wpcf7-not-valid,
#wpcf7-f21947-o1 .wpcf7-form-control.wpcf7-email[aria-invalid="true"],
#wpcf7-f21947-o1 .wpcf7-form-control-wrap input[type="email"].wpcf7-not-valid,
#wpcf7-f21947-o1 .wpcf7-form-control-wrap input[type="email"][aria-invalid="true"],
#wpcf7-f21947-o1 label input[type="email"].wpcf7-not-valid,
#wpcf7-f21947-o1 label input[type="email"][aria-invalid="true"],
#wpcf7-f21947-o1 p input[type="email"].wpcf7-not-valid,
#wpcf7-f21947-o1 p input[type="email"][aria-invalid="true"],
#wpcf7-f21947-o1 .wpcf7-form p input[type="email"].wpcf7-not-valid,
#wpcf7-f21947-o1 .wpcf7-form p input[type="email"][aria-invalid="true"],
#wpcf7-f21947-o1 .wpcf7-form-control-wrap .wpcf7-email.wpcf7-not-valid,
#wpcf7-f21947-o1 .wpcf7-form-control-wrap .wpcf7-email[aria-invalid="true"] {
border-color: #dc2626 !important; /* Stronger red */
border-width: 2px !important;
box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.25) !important; /* Stronger shadow */
background: #ffffff !important;
outline: none !important;
}
/* Hide or simplify error message */
#wpcf7-f21947-o1 .wpcf7-response-output {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Newsletter form submit button - always visible with bright green */
#wpcf7-f21947-o1 input[type="submit"],
#wpcf7-f21947-o1 .wpcf7-submit,
#wpcf7-f21947-o1 .wpcf7-form-control.wpcf7-submit,
.ekit-form #wpcf7-f21947-o1 input[type="submit"],
.ekit-wid-con #wpcf7-f21947-o1 input[type="submit"],
.ekit-form .wpcf7-submit,
.ekit-wid-con .wpcf7-submit {
height: 48px !important; /* Reduced from 54px */
border-radius: 999px !important;
padding: 0 20px !important; /* Reduced from 28px to make button narrower */
background: #10b981 !important; /* Bright emerald green */
color: #ffffff !important;
font-weight: 600 !important;
font-size: 15px !important; /* Slightly smaller font */
border: none !important;
cursor: pointer !important;
transition: background 0.2s ease, transform 0.2s ease !important;
display: inline-block !important;
opacity: 1 !important;
visibility: visible !important;
white-space: nowrap !important;
box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
min-width: auto !important; /* Allow button to shrink */
}
#wpcf7-f21947-o1 input[type="submit"]:hover,
#wpcf7-f21947-o1 .wpcf7-submit:hover,
#wpcf7-f21947-o1 .wpcf7-form-control.wpcf7-submit:hover,
.ekit-form #wpcf7-f21947-o1 input[type="submit"]:hover,
.ekit-wid-con #wpcf7-f21947-o1 input[type="submit"]:hover,
.ekit-form .wpcf7-submit:hover,
.ekit-wid-con .wpcf7-submit:hover {
background: #059669 !important; /* Slightly darker on hover */
transform: translateY(-1px) !important;
color: #ffffff !important;
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4) !important;
}
/* Ensure form control wrap doesn't hide elements */
#wpcf7-f21947-o1 .wpcf7-form-control-wrap {
display: block !important;
width: 100% !important;
opacity: 1 !important;
visibility: visible !important;
}
/* Add bottom margin to email input wrapper */
#wpcf7-f21947-o1 .wpcf7-form-control-wrap[data-name="your-email"] {
margin-bottom: 16px !important;
flex: 1 1 auto !important;
}
/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
#wpcf7-f21947-o1 .wpcf7-form {
flex-direction: column !important;
}
#wpcf7-f21947-o1 .wpcf7-form p {
flex: 1 1 100% !important;
width: 100% !important;
}
#wpcf7-f21947-o1 .wpcf7-form p:last-of-type {
flex: 1 1 100% !important;
width: 100% !important;
}
}
/* Ensure submit button paragraph is always visible */
#wpcf7-f21947-o1 .wpcf7-form p:has(input[type="submit"]),
#wpcf7-f21947-o1 .wpcf7-form p:last-of-type,
.ekit-form #wpcf7-f21947-o1 .wpcf7-form p:has(input[type="submit"]),
.ekit-wid-con #wpcf7-f21947-o1 .wpcf7-form p:has(input[type="submit"]) {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
margin: 0 !important;
}
/* Hide spinner */
#wpcf7-f21947-o1 .wpcf7-spinner,
.ekit-form #wpcf7-f21947-o1 .wpcf7-spinner,
.ekit-wid-con #wpcf7-f21947-o1 .wpcf7-spinner {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 600px) {
#wpcf7-f21947-o1 .wpcf7-form {
flex-direction: column;
gap: 12px;
align-items: stretch;
}
#wpcf7-f21947-o1 .wpcf7-form p,
#wpcf7-f21947-o1 .wpcf7-form p:last-of-type {
flex: 1 1 auto;
}
#wpcf7-f21947-o1 input[type="submit"] {
width: 100%;
}
}
.single-post-sidebar {
flex: 0 0 272px;
width: 272px;
position: sticky;
top: 100px;
align-self: flex-start;
max-height: calc(100vh - 120px);
overflow-y: auto;
}
/* Hide sidebar on mobile, show mobile TOC instead */
@media (max-width: 1200px) {
.single-post-sidebar {
display: none;
}
.single-post-layout {
flex-direction: column;
}
}
@media (min-width: 1201px) {
.mobile-toc-wrapper {
display: none !important;
}
}
/* Floating Container with Author, Social Sharing and TOC (fallback for older templates) */
.floating-toc-container {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 280px;
z-index: 1000;
height: auto;
opacity: 1;
transition: opacity 0.3s ease, left 0.3s ease;
visibility: visible;
max-width: calc(50vw - 450px); /* Ensure it doesn't go past content center */
}
/* Sidebar styling (new layout) */
.single-post-sidebar .author-section,
.single-post-sidebar .social-sharing-section,
.single-post-sidebar .floating-toc {
margin-bottom: 24px;
}
/* Author Section */
.author-section {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 20px;
}
.single-post-sidebar .author-section {
flex-direction: column;
}
.author-section-top {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
.author-avatar {
flex-shrink: 0;
}
.author-avatar img {
border-radius: 50%;
}
.single-post-sidebar .author-avatar img {
width: 60px;
height: 60px;
}
/* Override for author-box-wrapper - 20% smaller (64px) */
.author-box-wrapper .author-avatar img {
width: 64px !important;
height: 64px !important;
border: none !important;
}
.author-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.author-name {
margin-bottom: 0;
}
.author-description {
width: 100%;
margin-top: 0;
}
.author-name a {
font-size: 16px;
font-weight: 600;
color: #333;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.author-name a:hover {
color: var(--e-global-color-primary, #007cba);
}
.author-description {
font-size: 13px;
line-height: 1.5;
color: #666;
}
.author-description p {
margin: 0 0 8px 0;
}
.author-description p:last-child {
margin-bottom: 0;
}
/* Breadcrumb Navigation in Title Section */
.full-width-title-section .breadcrumb-navigation {
margin-bottom: 15px;
padding: 0;
border-bottom: none;
}
.full-width-title-section .breadcrumb-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 11px;
color: rgba(255, 255, 255, 0.85);
justify-content: center;
line-height: 1;
}
.full-width-title-section .breadcrumb-item {
display: flex;
align-items: center;
line-height: 1;
}
.full-width-title-section .breadcrumb-item a {
color: rgba(255, 255, 255, 0.85);
text-decoration: none;
transition: all 0.3s ease;
font-weight: 400;
line-height: 1;
display: inline-block;
}
.full-width-title-section .breadcrumb-item a:hover {
color: white;
text-decoration: underline;
}
.full-width-title-section .breadcrumb-item.current {
color: white;
font-weight: 500;
line-height: 1;
}
.full-width-title-section .breadcrumb-separator {
margin: 0 5px;
color: rgba(255, 255, 255, 0.6);
font-size: 11px;
line-height: 1;
display: flex;
align-items: center;
}
/* Responsive breadcrumb */
@media (max-width: 768px) {
.full-width-title-section .breadcrumb-list {
font-size: 10px;
}
.full-width-title-section .breadcrumb-separator {
margin: 0 4px;
font-size: 10px;
}
}
/* Social Sharing Section */
.social-sharing-section {
margin-bottom: 20px;
}
.share-label {
font-weight: 500;
color: #333;
margin-bottom: 10px;
font-size: 14px;
}
.social-buttons-placeholder {
margin-bottom: 15px;
}
.section-divider {
border: none;
height: 1px;
background: #e0e0e0;
margin: 0;
width: 100%;
}
.floating-toc {
background: transparent;
border: none;
padding: 0;
position: relative;
max-height: calc(100vh - 150px);
overflow-y: auto;
}
.floating-toc .toc-title {
font-size: 16px;
font-weight: 600;
margin: 0 0 20px 0;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.floating-toc .toc-list {
list-style: none;
padding: 0;
margin: 0 0 15px 0;
counter-reset: toc-counter;
}
.floating-toc .toc-list li {
margin: 0 0 12px 0;
counter-increment: toc-counter;
font-size: 14px;
line-height: 1.4;
}
.floating-toc .toc-list li:before {
content: counter(toc-counter) ". ";
font-weight: bold;
color: #333;
}
.floating-toc .toc-list a {
color: #333;
text-decoration: none;
transition: color 0.3s ease;
}
.floating-toc .toc-list a:hover {
color: var(--e-global-color-primary, #007cba);
}
.floating-toc .toc-list a.toc-active {
color: #34d399;
font-weight: 600;
}
.show-all-toc {
color: #e74c3c;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: color 0.3s ease;
}
.show-all-toc:hover {
color: #c0392b;
}
.toc-hidden {
transition: all 0.3s ease;
}
/* Mobile responsive - hide TOC on small screens */
@media (max-width: 1400px) {
.floating-toc-container {
display: none !important;
}
}
/* Mobile TOC Wrapper */
.mobile-toc-wrapper {
position: relative;
width: 100%;
margin: 20px 0;
}
/* Mobile TOC Button */
.mobile-toc-button {
display: none;
position: relative;
z-index: 999;
width: 100%;
max-width: 100%;
padding: 12px 20px;
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
border-radius: 8px;
cursor: pointer;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 500;
color: #333;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.mobile-toc-button:hover {
background-color: #eeeeee;
}
.mobile-toc-button svg {
width: 20px;
height: 20px;
stroke: currentColor;
}
@media (max-width: 1200px) {
.mobile-toc-button {
display: flex;
}
}
@media (min-width: 1201px) {
.mobile-toc-button {
display: none !important;
}
}
/* Mobile TOC Dropdown */
.mobile-toc-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 1000;
margin-top: 8px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.mobile-toc-dropdown.active {
display: block;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.mobile-toc-dropdown-content {
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
max-width: 100%;
}
.mobile-toc-panel {
background-color: #ffffff;
padding: 24px 20px;
max-height: calc(100vh - 300px);
overflow-y: auto;
}
.mobile-toc-panel .toc-title {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 16px;
color: #333;
}
.mobile-toc-panel .toc-list {
list-style: decimal;
padding-left: 20px;
margin-bottom: 16px;
}
.mobile-toc-panel .toc-list li {
margin-bottom: 12px;
line-height: 1.5;
}
.mobile-toc-panel .toc-list a {
color: #333;
text-decoration: none;
font-size: 14px;
transition: color 0.3s ease;
}
.mobile-toc-panel .toc-list a:hover {
color: var(--e-global-color-primary, #007cba);
}
.mobile-toc-panel .toc-list a.toc-active {
color: #34d399;
font-weight: 600;
}
.mobile-toc-panel .show-all-toc-mobile {
display: inline-block;
margin-top: 8px;
color: var(--e-global-color-primary, #007cba);
text-decoration: none;
font-size: 14px;
font-weight: 500;
}
.mobile-toc-panel .show-all-toc-mobile:hover {
text-decoration: underline;
}
@media (min-width: 1201px) {
.mobile-toc-dropdown {
display: none !important;
}
}
/* Fix blog post card heights on homepage */
.elementskit-post-image-card {
display: flex;
flex-direction: column;
height: 100%;
min-height: 500px;
}
.elementskit-post-image-card .elementskit-post-body {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.elementskit-post-image-card .entry-title {
min-height: 60px;
}
.elementskit-post-image-card .elementskit-post-body p {
flex-grow: 1;
}
.elementskit-post-image-card .btn-wraper {
margin-top: auto;
}
/* Ensure parent columns are equal height */
.post-items .col-lg-4,
.post-items .col-md-6 {
display: flex;
margin-bottom: 30px;
}
/* Remove underline from FAQ navigation menu */
.ekit-stylish-list .ekit-wrapper-link {
text-decoration: none !important;
}
.ekit-stylish-list .ekit-wrapper-link::after,
.ekit-stylish-list .ekit-wrapper-link.active::after,
.ekit-stylish-list-content-wrapper::after,
.ekit-stylish-list-content-wrapper:has(.active)::after {
display: none !important;
}
/* Contact Form - Two column layout for specific fields */
.ekit-form .wpcf7-form,
.elementor-widget-elementskit-contact-form7 .wpcf7-form,
.wpcf7-form {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 20px !important;
width: 100% !important;
}
/* First Name - First column, first row */
.ekit-form .wpcf7-form p:nth-child(2),
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:nth-child(2),
.wpcf7-form p:nth-child(2) {
grid-column: 1 !important;
margin: 0 !important;
}
/* Last Name - Second column, first row */
.ekit-form .wpcf7-form p:nth-child(3),
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:nth-child(3),
.wpcf7-form p:nth-child(3) {
grid-column: 2 !important;
margin: 0 !important;
}
/* Your Email - First column, second row */
.ekit-form .wpcf7-form p:nth-child(4),
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:nth-child(4),
.wpcf7-form p:nth-child(4) {
grid-column: 1 !important;
margin: 0 !important;
}
/* Mobile - Second column, second row */
.ekit-form .wpcf7-form p:nth-child(5),
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:nth-child(5),
.wpcf7-form p:nth-child(5) {
grid-column: 2 !important;
margin: 0 !important;
}
/* Company - First column, third row */
.ekit-form .wpcf7-form p:nth-child(6),
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:nth-child(6),
.wpcf7-form p:nth-child(6) {
grid-column: 1 !important;
margin: 0 !important;
}
/* How did you hear about us - Second column, third row */
.ekit-form .wpcf7-form p:nth-child(7),
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:nth-child(7),
.wpcf7-form p:nth-child(7) {
grid-column: 2 !important;
margin: 0 !important;
}
/* Subject - Full width */
.ekit-form .wpcf7-form p:nth-child(8),
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:nth-child(8),
.wpcf7-form p:nth-child(8) {
grid-column: 1 / -1 !important;
margin: 0 !important;
}
/* Message - Full width */
.ekit-form .wpcf7-form p:nth-child(9),
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:nth-child(9),
.wpcf7-form p:nth-child(9) {
grid-column: 1 / -1 !important;
margin: 0 !important;
}
/* Privacy/Consent checkbox - Full width */
.ekit-form .wpcf7-form p:nth-child(10),
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:nth-child(10),
.wpcf7-form p:nth-child(10) {
grid-column: 1 / -1 !important;
margin: 0 !important;
}
/* Submit button - Full width */
.ekit-form .wpcf7-form p:nth-child(11),
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:nth-child(11),
.wpcf7-form p:nth-child(11) {
grid-column: 1 / -1 !important;
margin: 0 !important;
}
/* Reduce spacing between form fields */
.ekit-form .wpcf7-form p,
.elementor-widget-elementskit-contact-form7 .wpcf7-form p,
.wpcf7-form p {
margin-bottom: 5px !important;
}
.ekit-form .wpcf7-form-control,
.elementor-widget-elementskit-contact-form7 .wpcf7-form-control,
.wpcf7-form-control {
margin-bottom: 0px !important;
}
.ekit-form .wpcf7-form-control-wrap,
.elementor-widget-elementskit-contact-form7 .wpcf7-form-control-wrap,
.wpcf7-form-control-wrap {
margin-bottom: 0px !important;
}
/* Checkbox styling for consent/privacy */
.ekit-form .wpcf7-form p:has(input[type="checkbox"]),
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:has(input[type="checkbox"]),
.wpcf7-form p:has(input[type="checkbox"]) {
text-align: left !important;
font-size: 14px !important;
line-height: 1.4 !important;
}
.ekit-form .wpcf7-form p:has(input[type="checkbox"]) label,
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:has(input[type="checkbox"]) label,
.wpcf7-form p:has(input[type="checkbox"]) label {
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
cursor: pointer !important;
}
.ekit-form .wpcf7-form p:has(input[type="checkbox"]) input[type="checkbox"],
.elementor-widget-elementskit-contact-form7 .wpcf7-form p:has(input[type="checkbox"]) input[type="checkbox"],
.wpcf7-form p:has(input[type="checkbox"]) input[type="checkbox"] {
margin-top: 2px !important;
flex-shrink: 0 !important;
}
/* Responsive - Stack on mobile */
@media (max-width: 768px) {
.ekit-form .wpcf7-form,
.elementor-widget-elementskit-contact-form7 .wpcf7-form,
.wpcf7-form {
display: block !important;
grid-template-columns: none !important;
grid-template-rows: none !important;
gap: 0 !important;
}
.ekit-form .wpcf7-form p,
.elementor-widget-elementskit-contact-form7 .wpcf7-form p,
.wpcf7-form p {
display: block !important;
width: 100% !important;
max-width: 100% !important;
grid-column: 1 !important;
margin-bottom: 5px !important;
}
/* Force textarea to be 100% width on mobile */
.ekit-form textarea,
.elementor-widget-elementskit-contact-form7 textarea,
.wpcf7-form textarea {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
/* Force all inputs to be 100% width on mobile */
.ekit-form input[type="text"],
.ekit-form input[type="email"],
.ekit-form input[type="number"],
.ekit-form input[type="tel"],
.ekit-form select,
.elementor-widget-elementskit-contact-form7 input,
.wpcf7-form input,
.wpcf7-form select {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Force wrap elements to be 100% width */
.ekit-form .wpcf7-form-control-wrap,
.elementor-widget-elementskit-contact-form7 .wpcf7-form-control-wrap,
.wpcf7-form-control-wrap {
width: 100% !important;
max-width: 100% !important;
display: block !important;
}
}
/* ============================================
GLOBAL CONTACT FORM 7 ERROR HANDLING
============================================ */
/* Hide all error messages and validation notices */
.wpcf7-response-output,
.wpcf7-response-output[aria-hidden="true"],
.wpcf7-response-output[aria-hidden="false"],
.wpcf7-mail-sent-ok,
.wpcf7-mail-sent-ng,
.wpcf7-spam-blocked,
.wpcf7-validation-errors,
.wpcf7-acceptance-missing,
.wpcf7-aborted {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* Hide spinner globally */
.wpcf7-spinner {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* Hide validation error messages under fields */
.wpcf7-not-valid-tip,
.wpcf7-list-item .wpcf7-not-valid-tip,
span.wpcf7-not-valid-tip {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* Red outline for ALL invalid form fields (all types) */
.wpcf7-form-control.wpcf7-not-valid,
.wpcf7-form-control[aria-invalid="true"],
.wpcf7-form-control-wrap .wpcf7-not-valid,
.wpcf7-form-control-wrap [aria-invalid="true"],
input.wpcf7-not-valid,
input[aria-invalid="true"],
textarea.wpcf7-not-valid,
textarea[aria-invalid="true"],
select.wpcf7-not-valid,
select[aria-invalid="true"] {
border-color: #dc2626 !important; /* Stronger red */
border-width: 2px !important;
box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.25) !important; /* Stronger shadow */
outline: none !important;
}
/* Ensure the actual input/textarea/select inside the wrap gets the red border */
.wpcf7-form-control-wrap input.wpcf7-not-valid,
.wpcf7-form-control-wrap input[aria-invalid="true"],
.wpcf7-form-control-wrap textarea.wpcf7-not-valid,
.wpcf7-form-control-wrap textarea[aria-invalid="true"],
.wpcf7-form-control-wrap select.wpcf7-not-valid,
.wpcf7-form-control-wrap select[aria-invalid="true"] {
border-color: #dc2626 !important; /* Stronger red */
border-width: 2px !important;
box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.25) !important; /* Stronger shadow */
outline: none !important;
}
/* Remove red border when field becomes valid */
.wpcf7-form-control.wpcf7-valid,
.wpcf7-form-control[aria-invalid="false"],
.wpcf7-form-control-wrap .wpcf7-valid,
.wpcf7-form-control-wrap [aria-invalid="false"],
input.wpcf7-valid,
input[aria-invalid="false"],
textarea.wpcf7-valid,
textarea[aria-invalid="false"],
select.wpcf7-valid,
select[aria-invalid="false"] {
border-color: var(--color-border) !important;
box-shadow: none !important;
}
/* ============================================
CONTACT FORM 7 SUCCESS MESSAGE
============================================ */
/* Hide form container when success message is shown */
.wpcf7:has(+ .wpcf7-custom-success-message),
.wpcf7[style*="display: none"],
.wpcf7[style*="visibility: hidden"],
.wpcf7-form-hidden,
.wpcf7.wpcf7-form-hidden,
form.wpcf7-form-hidden {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
position: absolute !important;
left: -9999px !important;
width: 0 !important;
}
.wpcf7-custom-success-message {
max-width: 600px;
margin: 40px auto !important;
padding: 50px 40px;
background: #ffffff;
border-radius: 12px;
text-align: center;
color: var(--e-global-color-text, #1f2937);
box-shadow: none;
border: none;
animation: slideInUp 0.5s ease-out;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative;
z-index: 10;
}
.wpcf7-custom-success-message .success-icon {
width: 80px;
height: 80px;
margin: 0 auto 25px;
background: #10b981;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
font-weight: bold;
color: #ffffff;
border: 3px solid #10b981;
animation: scaleIn 0.5s ease-out 0.2s both;
}
.wpcf7-custom-success-message h3 {
margin: 0 0 15px 0;
font-size: 32px;
font-weight: 600;
color: var(--e-global-color-text, #1f2937);
font-family: var(--e-global-typography-primary-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
}
.wpcf7-custom-success-message p {
margin: 0;
font-size: 18px;
line-height: 1.6;
color: var(--e-global-color-text, #1f2937);
font-family: var(--e-global-typography-text-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
}
@keyframes slideInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes scaleIn {
from {
opacity: 0;
transform: scale(0.5);
}
to {
opacity: 1;
transform: scale(1);
}
}
/* Responsive adjustments */
@media (max-width: 768px) {
.wpcf7-custom-success-message {
margin: 30px 20px;
padding: 40px 30px;
}
.wpcf7-custom-success-message .success-icon {
width: 60px;
height: 60px;
font-size: 30px;
margin-bottom: 20px;
}
.wpcf7-custom-success-message h3 {
font-size: 26px;
}
.wpcf7-custom-success-message p {
font-size: 16px;
}
}
/* Insights (blog index) custom layout */
.insights-layout {
max-width: var(--container-max-width);
margin: 0 auto;
}
.insights-featured {
margin-bottom: calc(var(--vertical-spacing) * 0.6);
}
.insights-featured-card {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
grid-column-gap: var(--grid-columns-gap);
align-items: stretch;
}
.insights-featured-image {
overflow: hidden;
border-radius: var(--global-border-radius);
}
.insights-featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--global-border-radius);
transition: transform 0.3s ease;
backface-visibility: hidden;
}
.insights-featured-card:hover .insights-featured-image img {
transform: scale(1.07);
}
.insights-featured-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.insights-featured-meta {
display: flex;
gap: 10px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: var(--letter-spacing-small);
margin-top: 8px;
margin-bottom: 12px;
}
.insights-featured-category a {
color: var(--e-global-color-primary);
font-weight: var(--e-global-typography-secondary-font-weight);
}
.insights-featured-date {
opacity: 0.8;
}
.insights-featured-title {
font-size: var(--keydesign-h2-font-size);
line-height: var(--keydesign-h2-line-height);
margin-bottom: 10px;
}
.insights-featured-title a {
color: var(--color-text);
text-decoration: none;
}
.insights-featured-title a:hover {
color: var(--e-global-color-primary);
}
.insights-featured-excerpt {
font-size: var(--font-size-paragraphs);
line-height: 28px;
}
.insights-featured-excerpt p {
margin-bottom: 0;
}
@media (max-width: 1024px) {
.insights-featured-card {
grid-template-columns: 1fr;
row-gap: var(--grid-columns-gap);
}
}
.insights-grid {
border-top: 1px solid var(--color-border);
padding-top: var(--vertical-spacing);
}
.insights-grid-inner {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-column-gap: var(--grid-columns-gap);
grid-row-gap: calc(var(--grid-columns-gap) * 1.8);
}
@media (max-width: 1239.98px) {
.insights-grid-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 766.98px) {
.insights-grid-inner {
grid-template-columns: 1fr;
}
}
.insights-grid-card {
border-radius: var(--global-border-radius);
overflow: hidden;
display: flex;
flex-direction: column;
}
.insights-grid-image {
border-radius: var(--global-border-radius);
}
.insights-grid-image img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: var(--global-border-radius);
transition: transform 0.3s ease;
backface-visibility: hidden;
}
.insights-grid-card:hover .insights-grid-image img {
transform: scale(1.07);
}
.insights-grid-content {
padding: 0;
margin-top: 25px;
display: flex;
flex-direction: column;
height: 100%;
}
.insights-grid-meta {
display: flex;
gap: 8px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: var(--letter-spacing-small);
margin-top: 6px;
margin-bottom: 10px;
}
.insights-grid-category a {
color: var(--e-global-color-primary);
font-weight: var(--e-global-typography-secondary-font-weight);
}
.insights-grid-date {
opacity: 0.8;
}
.insights-grid-title {
font-size: var(--keydesign-h5-font-size);
line-height: var(--keydesign-h5-line-height);
margin-bottom: 8px;
}
.insights-grid-title a {
color: var(--color-text);
text-decoration: none;
}
.insights-grid-title a:hover {
color: var(--e-global-color-primary);
}
.insights-grid-excerpt {
font-size: var(--font-size-paragraphs);
line-height: 28px;
}
.insights-pagination {
margin-top: var(--vertical-spacing);
}
/* Style meta information on homepage blog posts to match Insights page */
body.home .elementskit-post-body .post-meta-list {
display: flex;
gap: 8px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: var(--letter-spacing-small);
margin-bottom: 8px;
align-items: center;
}
body.home .elementskit-post-body .post-meta-list .meta-date {
opacity: 0.8;
}
body.home .elementskit-post-body .post-meta-list .meta-date-text {
color: var(--color-text);
}
body.home .elementskit-post-body .post-meta-list .post-cat a {
color: var(--e-global-color-primary);
font-weight: var(--e-global-typography-secondary-font-weight);
text-decoration: none;
}
body.home .elementskit-post-body .post-meta-list .post-cat a:hover {
opacity: 0.8;
}
/* Hide "Read more" button on homepage blog posts */
body.home .elementskit-post-image-card .btn-wraper,
body.home .elementskit-post-image-card .button-wrapper,
body.home .elementskit-post-body .btn-wraper,
body.home .elementskit-post-body .button-wrapper {
display: none !important;
}
/* Insights (blog index) and homepage – remove sidebar and make content full-width */
body.blog .with-sidebar,
body.home .with-sidebar {
display: block !important;
}
body.blog .with-sidebar > .keydesign-sidebar,
body.home .with-sidebar > .keydesign-sidebar {
display: none !important;
}
/* Insights (blog index) and homepage – ensure headings are brand green */
body.blog .insights-layout .insights-featured-title,
body.blog .insights-layout .insights-featured-title a,
body.home .insights-layout .insights-featured-title,
body.home .insights-layout .insights-featured-title a,
body.blog .insights-layout .insights-grid-title,
body.blog .insights-layout .insights-grid-title a,
body.home .insights-layout .insights-grid-title,
body.home .insights-layout .insights-grid-title a {
color: var(--e-global-color-primary, #007cba);
}
/* Insights (blog index) & search results – make header text white on dark green background */
body.blog .page-header,
body.search .page-header,
body.category .page-header,
body.blog .page-header .entry-title,
body.search .page-header .entry-title,
body.category .page-header .entry-title,
body.blog .page-header .entry-subtitle,
body.search .page-header .entry-subtitle,
body.category .page-header .entry-subtitle,
body.blog .page-header .breadcrumbs,
body.search .page-header .breadcrumbs,
body.category .page-header .breadcrumbs,
body.blog .page-header .breadcrumbs a,
body.search .page-header .breadcrumbs a,
body.category .page-header .breadcrumbs a,
body.blog .page-header .breadcrumbs span,
body.search .page-header .breadcrumbs span,
body.category .page-header .breadcrumbs span {
color: #ffffff !important;
}
/* Ensure highlighted search term in header is also white */
body.blog .page-header .entry-title span,
body.search .page-header .entry-title span,
body.category .page-header .entry-title span {
color: #ffffff !important;
}
/* Insights (blog index) & search results – make breadcrumb arrow white as well */
body.blog .page-header .breadcrumbs .trail-item:before,
body.search .page-header .breadcrumbs .trail-item:before,
body.category .page-header .breadcrumbs .trail-item:before {
background-color: #ffffff !important;
}
/* Insights header search bar - matching newsletter field styling */
body.blog .page-header .keydesign-container {
display: flex;
flex-direction: column;
position: relative;
}
body.blog .page-header .insights-header-search {
position: absolute;
right: var(--column-spacing, 15px);
top: 50%;
transform: translateY(-50%);
width: 300px;
z-index: 10;
}
body.blog .page-header .insights-header-search .search-form {
position: relative;
margin: 0;
}
body.blog .page-header .insights-header-search input[type="search"] {
width: 100% !important;
height: 54px !important;
border-radius: 999px !important;
border: 2px solid rgba(255, 255, 255, 0.5) !important;
padding: 0 24px !important;
font-size: 16px !important;
background: #ffffff !important;
color: #062a1f !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
box-sizing: border-box !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
body.blog .page-header .insights-header-search input[type="search"]::placeholder {
color: rgba(6, 42, 31, 0.6) !important;
opacity: 1 !important;
font-size: 16px !important;
}
body.blog .page-header .insights-header-search input[type="search"]:focus {
border-color: var(--e-global-color-primary, #007cba) !important;
box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.15) !important;
outline: none !important;
background: #ffffff !important;
}
body.blog .page-header .insights-header-search button[type="submit"],
body.blog .page-header .insights-header-search .search-submit {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 38px;
height: 38px;
border: none;
background: transparent;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
body.blog .page-header .insights-header-search button[type="submit"]:hover,
body.blog .page-header .insights-header-search .search-submit:hover {
opacity: 0.8;
}
@media (max-width: 1024px) {
body.blog .page-header .insights-header-search {
position: static;
transform: none;
width: 100%;
margin-top: 20px;
}
}
/* Search results – remove faint background from individual post items */
body.search .keydesign-card {
background: transparent !important;
}
/* FAQ Section Styling */
.faq-section {
margin: 40px 0;
padding: 30px;
background: #f8f9fa;
border-radius: 8px;
border-left: 4px solid var(--e-global-color-primary, #007cba);
}
.faq-item {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #e0e0e0;
}
.faq-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.faq-question {
color: var(--e-global-color-primary, #007cba);
font-size: 1.2rem;
font-weight: 600;
margin: 0 0 15px 0;
padding-left: 30px;
position: relative;
}
.faq-question:before {
content: "Q:";
position: absolute;
left: 0;
font-weight: 700;
color: var(--e-global-color-primary, #007cba);
}
.faq-answer {
color: #333;
line-height: 1.6;
padding-left: 30px;
}
.faq-answer p {
margin-bottom: 10px;
}
.faq-answer p:last-child {
margin-bottom: 0;
}
/* ElementsKit FAQ Widget Styling for Blog Posts */
.elementor-widget-elementskit-faq .elementskit-single-faq {
margin-bottom: 12px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 16px 20px;
transition: all 0.3s ease;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.elementor-widget-elementskit-faq .elementskit-single-faq:hover {
border-color: var(--e-global-color-primary, #007cba);
box-shadow: 0 4px 12px rgba(0, 124, 186, 0.1);
transform: translateY(-2px);
}
.elementor-widget-elementskit-faq .elementskit-single-faq:last-child {
margin-bottom: 0;
}
.elementor-widget-elementskit-faq .elementskit-faq-header {
margin-bottom: 10px;
}
.elementor-widget-elementskit-faq .elementskit-faq-title {
color: var(--e-global-color-primary, #007cba);
font-size: 16px;
font-weight: 600;
line-height: 1.4;
margin: 0;
padding: 0;
position: relative;
padding-left: 28px;
}
.elementor-widget-elementskit-faq .elementskit-faq-title:before {
content: "Q";
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
background: var(--e-global-color-primary, #007cba);
color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.elementor-widget-elementskit-faq .elementskit-faq-body {
color: #374151;
font-size: 14px;
line-height: 1.6;
margin: 0;
padding-left: 28px;
padding-top: 2px;
}
.elementor-widget-elementskit-faq .elementskit-faq-body p {
margin: 0 0 8px 0;
}
.elementor-widget-elementskit-faq .elementskit-faq-body p:last-child {
margin-bottom: 0;
}
/* Ensure FAQ widget container has proper spacing */
.elementor-widget-elementskit-faq .ekit-wid-con {
margin: 0;
padding: 0;
}
/* Add top margin to first FAQ item if widget is in content */
.entry-content .elementor-widget-elementskit-faq {
margin-top: 30px;
margin-bottom: 30px;
}
.entry-content .elementor-widget-elementskit-faq:first-child {
margin-top: 0;
}
/* Ensure all blog post body text is consistently 16px */
body.single-post .entry-content p,
body.single-post .entry-content ul,
body.single-post .entry-content ol,
body.single-post .entry-content li,
body.single-post .entry-content ul li,
body.single-post .entry-content ol li,
body.single-post .entry-content ul ul,
body.single-post .entry-content ol ol,
body.single-post .entry-content ul ol,
body.single-post .entry-content ol ul,
body.single-post .entry-content ul ul li,
body.single-post .entry-content ol ol li,
body.single-post .entry-content ul ol li,
body.single-post .entry-content ol ul li {
font-size: 16px !important;
line-height: 1.75;
}
/* Ensure nested lists also maintain 16px */
body.single-post .entry-content ul ul,
body.single-post .entry-content ol ol,
body.single-post .entry-content ul ol,
body.single-post .entry-content ol ul {
font-size: 16px !important;
}
/* Newsletter Success Message */
.newsletter-success-message {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 20px;
margin-top: 15px;
background-color: #10b981;
color: #ffffff;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
animation: slideDownFadeIn 0.3s ease-out;
box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}
.newsletter-success-message .success-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
font-size: 14px;
font-weight: bold;
flex-shrink: 0;
}
.newsletter-success-message .success-text {
flex: 1;
}
@keyframes slideDownFadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Newsletter Form Error Styling */
#wpcf7-f21947-o1 input[type="email"].wpcf7-not-valid,
#wpcf7-f21947-o1 input[type="email"][aria-invalid="true"],
#wpcf7-f21947-o1 .wpcf7-form-control.wpcf7-not-valid,
#wpcf7-f21947-o1 .wpcf7-form-control[aria-invalid="true"],
form[data-wpcf7-id="21947"] input[type="email"].wpcf7-not-valid,
form[data-wpcf7-id="21947"] input[type="email"][aria-invalid="true"],
form[data-wpcf7-id="21947"] .wpcf7-form-control.wpcf7-not-valid,
form[data-wpcf7-id="21947"] .wpcf7-form-control[aria-invalid="true"],
.wpcf7-form input[name="your"].wpcf7-not-valid,
.wpcf7-form input[name="your"][aria-invalid="true"],
.ekit-form .wpcf7-form input[type="email"].wpcf7-not-valid,
.ekit-form .wpcf7-form input[type="email"][aria-invalid="true"],
.ekit-form .wpcf7-form .wpcf7-form-control.wpcf7-not-valid,
.ekit-form .wpcf7-form .wpcf7-form-control[aria-invalid="true"] {
border: 2px solid #dc2626 !important;
box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2) !important;
outline: none !important;
}
/* Hide error messages and spinner for newsletter form */
#wpcf7-f21947-o1 .wpcf7-response-output,
#wpcf7-f21947-o1 .wpcf7-not-valid-tip,
#wpcf7-f21947-o1 .wpcf7-spinner,
form[data-wpcf7-id="21947"] .wpcf7-response-output,
form[data-wpcf7-id="21947"] .wpcf7-not-valid-tip,
form[data-wpcf7-id="21947"] .wpcf7-spinner {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Footer Link Hover Styling - Target all footer links */
.site-footer a,
.footer-widget-section a,
.footer-copyright-section a,
.site-footer .keydesign-widget a,
.footer-widget-area-wrapper a,
.site-footer .keydesign-container a,
.footer-widget-section .keydesign-container a,
.footer-copyright-section .keydesign-container a,
.site-footer .elementor-widget a,
.site-footer .elementor-element a,
.site-footer .elementor-icon-list-items a,
.site-footer .elementor-icon-list-item a,
.site-footer .elementor-icon-list-text,
.elementor-location-footer a,
.elementor-location-footer .elementor-icon-list-items a,
.elementor-location-footer .elementor-icon-list-item a,
.elementor-location-footer .elementor-icon-list-text {
transition: color 0.3s ease;
}
.site-footer a:hover,
.footer-widget-section a:hover,
.footer-copyright-section a:hover,
.site-footer .keydesign-widget a:hover,
.footer-widget-area-wrapper a:hover,
.site-footer .keydesign-container a:hover,
.footer-widget-section .keydesign-container a:hover,
.footer-copyright-section .keydesign-container a:hover,
.site-footer .elementor-widget a:hover,
.site-footer .elementor-element a:hover,
.site-footer .elementor-icon-list-items a:hover,
.site-footer .elementor-icon-list-item a:hover,
.site-footer .elementor-icon-list-item:hover .elementor-icon-list-text,
.site-footer .elementor-icon-list-item a:hover .elementor-icon-list-text,
.site-footer a:hover .elementor-icon-list-text,
.elementor-location-footer a:hover,
.elementor-location-footer .elementor-icon-list-items a:hover,
.elementor-location-footer .elementor-icon-list-item a:hover,
.elementor-location-footer .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-location-footer .elementor-icon-list-item a:hover .elementor-icon-list-text,
.elementor-location-footer a:hover .elementor-icon-list-text {
color: #34d399 !important; /* Light green hover color */
}
/* Additional footer selectors for Elementor sections */
footer a:hover,
footer .elementor-icon-list-items a:hover,
footer .elementor-icon-list-item a:hover,
footer .elementor-icon-list-item:hover .elementor-icon-list-text,
footer .elementor-icon-list-item a:hover .elementor-icon-list-text,
footer a:hover .elementor-icon-list-text {
color: #34d399 !important; /* Light green hover color */
}
/* Target Elementor footer sections specifically */
.elementor-section[data-settings*="footer"],
.elementor-section.elementor-section-boxed[data-settings*="footer"],
.elementor-location-footer .elementor-icon-list-items a:hover,
.elementor-location-footer .elementor-icon-list-item a:hover,
.elementor-location-footer .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-location-footer .elementor-icon-list-item a:hover .elementor-icon-list-text {
color: #34d399 !important; /* Light green hover color */
}
/* Ultra-specific footer link hover - should override everything */
body footer .elementor-icon-list-item a:hover,
body footer .elementor-icon-list-item:hover .elementor-icon-list-text,
body footer .elementor-icon-list-item a:hover .elementor-icon-list-text,
body footer .elementor-widget-icon-list .elementor-icon-list-item a:hover,
body footer .elementor-widget-icon-list .elementor-icon-list-item:hover .elementor-icon-list-text,
body footer .elementor-widget-icon-list .elementor-icon-list-item a:hover .elementor-icon-list-text {
color: #34d399 !important; /* Light green hover color */
}
/* Footer Copyright Section - Uniform Text Size */
.elementor-element[data-id="4866f500"] .elementor-widget-text-editor p,
.elementor-element[data-id="4866f500"] .elementor-widget-text-editor,
.elementor-element[data-id="4866f500"] .elementor-icon-list-text,
.elementor-element[data-id="4866f500"] .elementor-icon-list-item a,
.elementor-element[data-id="4866f500"] .elementor-icon-list-item span,
footer .elementor-widget-text-editor p,
footer .elementor-widget-text-editor,
footer .elementor-icon-list-text,
footer .elementor-icon-list-item a,
footer .elementor-icon-list-item span,
.footer-copyright-section .elementor-widget-text-editor p,
.footer-copyright-section .elementor-widget-text-editor,
.footer-copyright-section .elementor-icon-list-text,
.footer-copyright-section .elementor-icon-list-item a,
.footer-copyright-section .elementor-icon-list-item span {
font-size: 14px !important;
line-height: 1.5;
}
/* Remove bullet points from footer lists */
.site-footer ul,
.site-footer ol,
.footer-widget-section ul,
.footer-widget-section ol,
.footer-copyright-section ul,
.footer-copyright-section ol,
footer ul,
footer ol,
.site-footer .elementor-widget ul,
.site-footer .elementor-widget ol,
footer .elementor-widget ul,
footer .elementor-widget ol,
.elementor-location-footer ul,
.elementor-location-footer ol {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.site-footer li,
.footer-widget-section li,
.footer-copyright-section li,
footer li,
.site-footer .elementor-widget li,
footer .elementor-widget li,
.elementor-location-footer li {
list-style: none !important;
}
/* Fix footer Terms & Conditions and Privacy Policy section - display items in row, aligned right */
.elementor-element[data-id="15b943f5"] .elementor-element[data-id="49bc1a2d"] .elementor-icon-list-items {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 15px !important;
}
.elementor-element[data-id="15b943f5"] .elementor-element[data-id="49bc1a2d"] .elementor-icon-list-item {
display: inline-flex !important;
align-items: center !important;
margin: 0 !important;
}
/* Force left alignment on mobile for Terms & Conditions / Privacy Policy menu */
@media screen and (max-width: 767px) {
.elementor-element[data-id="15b943f5"] .elementor-element[data-id="49bc1a2d"] .elementor-icon-list-items,
.elementor-element[data-id="49bc1a2d"] .elementor-icon-list-items,
.elementor-element[data-id="49bc1a2d"].elementor-align-right .elementor-icon-list-items {
justify-content: flex-start !important;
text-align: left !important;
}
.elementor-element[data-id="15b943f5"] .elementor-element[data-id="49bc1a2d"],
.elementor-element[data-id="49bc1a2d"].elementor-align-right,
.elementor-element[data-id="49bc1a2d"].elementor-tablet-align-right {
text-align: left !important;
}
.elementor-element[data-id="15b943f5"] .elementor-element[data-id="49bc1a2d"] .elementor-widget-container {
text-align: left !important;
}
}
/* Mobile Header Fixes - Login/Register Buttons and Header Size */
@media (max-width: 1024px) {
/* Reduce header height on mobile */
.site-header .site-header-wrapper {
padding: 0 !important;
min-height: 60px !important;
}
/* Make header container padding match content containers */
.site-header .elementor-element[data-id="47ab76bc"] .e-con-inner,
.site-header .elementor-element[data-id="631586b6"] .e-con-inner {
padding-left: var(--column-spacing) !important;
padding-right: var(--column-spacing) !important;
}
/* Ensure the outer container doesn't add extra padding */
.site-header .elementor-element[data-id="47ab76bc"],
.site-header .elementor-element[data-id="631586b6"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Reduce logo size on mobile */
.site-header .site-logo img {
max-height: 28px !important;
height: auto !important;
}
/* Hide Login/Register buttons on mobile - they're too large */
.site-header .elementor-element[data-id="51229620"] {
display: none !important;
}
/* Make navigation hamburger more compact */
.site-header .elementskit-menu-hamburger {
padding: 8px !important;
width: 40px !important;
height: 40px !important;
}
/* Reduce spacing in header containers */
.site-header .e-con {
gap: 10px !important;
}
}
/* Tablet specific adjustments */
@media (max-width: 1024px) and (min-width: 768px) {
/* Show buttons but make them smaller on tablet */
.site-header .elementor-element[data-id="51229620"] {
display: grid !important;
gap: 8px !important;
}
.site-header .elementor-element[data-id="51229620"] .elementor-button {
padding: 8px 16px !important;
font-size: 13px !important;
min-height: 36px !important;
}
}
/* Small mobile devices */
@media (max-width: 767px) {
/* Further reduce header height on small screens */
.site-header .site-header-wrapper {
padding: 0 !important;
min-height: 56px !important;
}
/* Make logo even smaller on small mobile */
.site-header .site-logo img {
max-height: 24px !important;
}
/* Ensure buttons are completely hidden */
.site-header .elementor-element[data-id="51229620"] {
display: none !important;
}
/* Compact navigation menu button */
.site-header .elementskit-menu-hamburger {
padding: 6px !important;
width: 36px !important;
height: 36px !important;
}
/* Ensure header container padding matches content on small mobile */
.site-header .elementor-element[data-id="631586b6"] .e-con-inner {
padding-left: var(--column-spacing) !important;
padding-right: var(--column-spacing) !important;
}
/* Ensure the outer container doesn't add extra padding */
.site-header .elementor-element[data-id="631586b6"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
/* Mobile Menu Login/Register Buttons */
@media (max-width: 1024px) {
/* Wrapper for mobile auth buttons - displayed in a row, directly under menu items */
.mobile-auth-buttons-wrapper {
display: flex;
flex-direction: row;
gap: 10px;
padding: 15px 20px;
border-top: 1px solid rgba(255, 255, 255, 0.15);
margin-top: 0;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.05);
order: 1; /* Ensure it appears right after menu items */
}
/* Ensure buttons appear right after the menu list */
#ekit-megamenu-main-menu .elementskit-navbar-nav + .mobile-auth-buttons-wrapper {
display: flex !important;
}
/* Force correct order in mobile menu container using flexbox */
#ekit-megamenu-main-menu {
display: flex !important;
flex-direction: column !important;
}
/* Ensure menu items appear first */
#ekit-megamenu-main-menu > .elementskit-navbar-nav {
order: 1 !important;
}
/* Buttons appear second (right after menu) */
#ekit-megamenu-main-menu > .mobile-auth-buttons-wrapper {
order: 2 !important;
display: flex !important;
}
/* Close button appears last */
#ekit-megamenu-main-menu > .elementskit-nav-identity-panel {
order: 3 !important;
}
/* Individual button styling */
.mobile-menu-auth-button {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
padding: 12px 16px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
border-radius: 6px;
transition: all 0.3s ease;
text-align: center;
border: 1px solid transparent;
white-space: nowrap;
}
/* Login button - with solid background color for visibility */
.mobile-menu-login-button {
background-color: #ffffff !important;
color: var(--e-global-color-text, #062a1f) !important;
border: 1px solid #ffffff !important;
}
.mobile-menu-login-button:hover {
background-color: #f5f5f5 !important;
border-color: #e0e0e0 !important;
color: var(--e-global-color-text, #062a1f) !important;
}
/* Register button - filled style */
.mobile-menu-register-button {
background-color: var(--e-global-color-primary, #10b981);
color: #ffffff;
border: 1px solid var(--e-global-color-primary, #10b981);
}
.mobile-menu-register-button:hover {
background-color: var(--e-global-color-secondary, #059669);
border-color: var(--e-global-color-secondary, #059669);
color: #ffffff;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}
/* Ensure buttons are visible in mobile menu */
#ekit-megamenu-main-menu .mobile-auth-buttons-wrapper {
display: flex !important;
}
}
/* Small mobile devices - adjust button size */
@media (max-width: 767px) {
.mobile-auth-buttons-wrapper {
padding: 12px 15px;
gap: 8px;
}
.mobile-menu-auth-button {
padding: 10px 12px;
font-size: 13px;
}
}
/* ============================================
"More on this" Related Posts Style
============================================ */
/* Related Posts Section */
.related-posts {
margin-top: 80px;
padding-top: 60px;
padding-bottom: 60px;
background-color: #F5F9F5;
border-top: none !important;
}
.related-posts .related-title {
margin-bottom: 50px;
}
.related-posts .related-title h3 {
font-size: 36px;
font-weight: var(--e-global-typography-primary-font-weight);
color: var(--e-global-color-text);
margin-bottom: 0;
letter-spacing: var(--letter-spacing-default);
}
/* Related Posts Grid - 2x2 layout */
.related-posts .related-content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
@media (max-width: 1024px) {
.related-posts .related-content {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
}
@media (max-width: 767px) {
.related-posts {
margin-top: 60px;
padding-top: 40px;
padding-bottom: 40px;
}
.related-posts .related-title h3 {
font-size: 28px;
}
.related-posts .related-content {
grid-template-columns: 1fr;
gap: 20px;
}
}
/* More on this Card */
.more-on-this-card {
background: #ffffff;
border-radius: 12px;
padding: 0;
transition: all 0.3s ease;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.more-on-this-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.more-on-this-link {
display: block;
text-decoration: none;
color: inherit;
padding: 32px;
height: 100%;
}
.more-on-this-content {
display: flex;
flex-direction: column;
height: 100%;
}
/* Title */
.more-on-this-title {
font-size: 20px;
font-weight: var(--e-global-typography-primary-font-weight);
color: var(--e-global-color-text);
margin: 0 0 16px 0;
line-height: 1.4;
transition: color 0.2s ease;
}
.more-on-this-card:hover .more-on-this-title {
color: var(--e-global-color-primary);
}
/* Description */
.more-on-this-description {
font-size: 15px;
line-height: 1.6;
color: var(--color-text);
margin-bottom: 20px;
flex-grow: 1;
opacity: 0.85;
}
/* Meta (Category + Reading Time) */
.more-on-this-meta {
display: flex;
align-items: center;
gap: 8px;
margin-top: auto;
padding-top: 16px;
border-top: 1px solid var(--color-border);
}
.more-on-this-category {
font-size: 13px;
font-weight: var(--e-global-typography-secondary-font-weight);
color: var(--e-global-color-text);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.more-on-this-separator {
color: rgba(0, 0, 0, 0.3);
font-size: 13px;
margin: 0 2px;
}
.more-on-this-reading-time {
font-size: 13px;
color: rgba(0, 0, 0, 0.5);
font-weight: var(--e-global-typography-text-font-weight);
}
/* Responsive adjustments */
@media (max-width: 767px) {
.more-on-this-link {
padding: 24px;
}
.more-on-this-title {
font-size: 18px;
}
.more-on-this-description {
font-size: 14px;
margin-bottom: 16px;
}
.more-on-this-meta {
padding-top: 12px;
gap: 10px;
}
.more-on-this-category,
.more-on-this-reading-time {
font-size: 12px;
}
}
/* ============================================
Newsletter Box After Blog Post
============================================ */
.newsletter-box-post {
margin-top: 80px;
margin-bottom: 0;
padding: 50px 0;
background-color: #F5F9F5;
}
.newsletter-box-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
max-width: 1020px;
margin: 0 auto;
}
.newsletter-box-text {
flex: 1;
min-width: 0;
}
.newsletter-box-title {
font-size: 28px;
font-weight: var(--e-global-typography-primary-font-weight);
color: var(--e-global-color-text);
margin: 0 0 12px 0;
letter-spacing: var(--letter-spacing-default);
}
.newsletter-box-description {
font-size: 16px;
line-height: 1.6;
color: var(--color-text);
margin: 0;
opacity: 0.85;
}
.newsletter-box-form {
flex: 0 0 auto;
min-width: 300px;
}
/* Newsletter form styling within the box */
.newsletter-box-post .wpcf7-form {
display: flex;
gap: 12px;
align-items: flex-start;
}
.newsletter-box-post .wpcf7-form-control-wrap {
flex: 1;
min-width: 0;
}
.newsletter-box-post input[type="email"] {
width: 100%;
height: 50px;
padding: 0 20px;
border: 1px solid var(--color-border);
border-radius: 8px;
background: #ffffff;
color: var(--e-global-color-text);
font-size: 15px;
transition: var(--global-transition);
}
.newsletter-box-post input[type="email"]:focus {
outline: none;
border-color: var(--e-global-color-primary);
box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
}
.newsletter-box-post input[type="email"]::placeholder {
color: rgba(0, 0, 0, 0.5);
}
.newsletter-box-post input[type="submit"] {
flex: 0 0 auto;
height: 50px;
padding: 0 30px;
background-color: var(--e-global-color-primary);
color: #ffffff;
border: none;
border-radius: 8px;
font-size: 15px;
font-weight: var(--e-global-typography-accent-font-weight);
cursor: pointer;
transition: var(--global-transition);
white-space: nowrap;
}
.newsletter-box-post input[type="submit"]:hover {
background-color: var(--e-global-color-secondary);
}
/* Hide default CF7 messages in newsletter box */
.newsletter-box-post .wpcf7-response-output,
.newsletter-box-post .wpcf7-not-valid-tip,
.newsletter-box-post .wpcf7-spinner {
display: none !important;
}
/* Success message styling for newsletter box */
.newsletter-box-post .newsletter-success-message {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: 12px;
padding: 12px 16px;
background: #ffffff;
border: 1px solid var(--e-global-color-primary);
border-radius: 8px;
font-size: 14px;
color: var(--e-global-color-text);
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.newsletter-box-post .newsletter-success-message .success-icon {
color: var(--e-global-color-primary);
font-weight: bold;
font-size: 16px;
}
/* Responsive adjustments */
@media (max-width: 1024px) {
.newsletter-box-content {
flex-direction: column;
align-items: stretch;
gap: 30px;
}
.newsletter-box-form {
min-width: 100%;
}
.newsletter-box-post .wpcf7-form {
flex-direction: column;
}
.newsletter-box-post input[type="submit"] {
width: 100%;
}
}
@media (max-width: 767px) {
.newsletter-box-post {
margin-top: 60px;
padding: 40px 0;
}
.newsletter-box-title {
font-size: 24px;
}
.newsletter-box-description {
font-size: 15px;
}
}
/* Author Box Styling - Remove avatar border and position name to the right */
.author-box-wrapper {
display: flex !important;
align-items: flex-start !important;
flex-direction: row !important;
}
.author-box-wrapper .author-avatar {
flex-shrink: 0;
margin-right: 20px;
width: 64px !important;
height: 64px !important;
max-width: 64px !important;
max-height: 64px !important;
}
/* Force avatar size in author-box-wrapper - must override all other rules */
.author-box-wrapper .author-avatar,
.author-box-wrapper .author-avatar img,
.author-box-wrapper .author-avatar .avatar,
.author-box-wrapper .avatar,
.author-box-wrapper .author-avatar img.avatar,
.author-box-wrapper .author-avatar img.photo,
.author-box-wrapper .author-avatar img[width="80"],
.author-box-wrapper .author-avatar img[height="80"],
.author-box-wrapper .author-avatar img[width="120"],
.author-box-wrapper .author-avatar img[height="120"] {
border: none !important;
outline: none !important;
box-shadow: none !important;
width: 64px !important;
height: 64px !important;
max-width: 64px !important;
max-height: 64px !important;
min-width: 64px !important;
min-height: 64px !important;
object-fit: cover !important;
}
.author-box-wrapper .author-desc-wrapper {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.author-box-wrapper .author-name {
margin-bottom: 8px;
}
.author-box-wrapper .author-name h5 {
margin: 0;
display: flex;
align-items: center;
}
.author-box-wrapper .author-name a {
color: var(--e-global-color-text, #333);
text-decoration: none;
font-weight: 600;
}
.author-box-wrapper .author-name a:hover {
color: var(--e-global-color-primary, #007cba);
}
/* Custom Scrollbar Styling - Light Green */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #34d399;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: #10b981;
}
/* Firefox scrollbar */
* {
scrollbar-width: thin;
scrollbar-color: #34d399 #f1f1f1;
}
/* Reading Progress Bar (Rebar) - Light Green */
.rebar-wrapper .rebar-element {
background: #34d399 !important;
}
/* Reduce footer logo size on mobile */
@media screen and (max-width: 767px) {
.elementor-element[data-id="a8749ac"] img,
.elementor-element[data-id="a8749ac"] .wp-image-22135,
.elementor-element[data-id="6f824ea0"] .elementor-element[data-id="a8749ac"] img {
max-width: 150px !important;
width: 150px !important;
height: auto !important;
}
}
/* Make funfact items display in 2 columns on mobile - USING FLEXBOX WITH EXPLICIT WIDTHS */
@media (max-width: 767px) {
/* Target the parent container's inner wrapper - use flexbox with wrap */
.elementor-element[data-id="323143a5"] .e-con-inner,
.elementor-element[data-id="323143a5"].e-flex .e-con-inner,
.elementor-element[data-id="323143a5"].e-con-boxed .e-con-inner {
--display: flex !important;
--flex-direction: row !important;
--flex-wrap: wrap !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 20px !important;
width: 100% !important;
align-items: stretch !important;
}
/* Each funfact item - 50% width minus half the gap */
.elementor-element[data-id="323143a5"] .e-con-inner > .elementor-element[data-id="721edb48"],
.elementor-element[data-id="323143a5"] .e-con-inner > .elementor-element[data-id="a8e5080"],
.elementor-element[data-id="323143a5"] .e-con-inner > .elementor-element[data-id="a04b3e8"],
.elementor-element[data-id="323143a5"] .e-con-inner > .elementor-element[data-id="c3db92b"] {
flex: 0 0 calc(50% - 10px) !important;
width: calc(50% - 10px) !important;
max-width: calc(50% - 10px) !important;
min-width: 0 !important;
display: block !important;
}
/* Override e-con-full class that forces full width */
.elementor-element[data-id="323143a5"] .e-con-inner > .elementor-element.e-con-full,
.elementor-element[data-id="323143a5"] .e-con-inner > .elementor-element.e-flex.e-con-full {
flex: 0 0 calc(50% - 10px) !important;
width: calc(50% - 10px) !important;
max-width: calc(50% - 10px) !important;
min-width: 0 !important;
}
/* Ensure nested containers don't interfere */
.elementor-element[data-id="323143a5"] .e-con-inner > .elementor-element[data-id="721edb48"] > .elementor-element,
.elementor-element[data-id="323143a5"] .e-con-inner > .elementor-element[data-id="a8e5080"] > .elementor-element,
.elementor-element[data-id="323143a5"] .e-con-inner > .elementor-element[data-id="a04b3e8"] > .elementor-element,
.elementor-element[data-id="323143a5"] .e-con-inner > .elementor-element[data-id="c3db92b"] > .elementor-element {
width: 100% !important;
max-width: 100% !important;
}
}