.elementor-139 .elementor-element.elementor-element-3a2279ee{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-139 .elementor-element.elementor-element-42e5d64b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-item:not(:last-child):after{content:"";height:18%;border-color:#4a4a4a;}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:dotted;border-top-width:5px;}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:dotted;}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:5px;}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-icon{width:0px;}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-icon i{font-size:0px;}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-icon svg{--e-icon-list-icon-size:0px;}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-text, .elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-text a{color:#4a4a4a;}.elementor-139 .elementor-element.elementor-element-5af65b36 .elementor-icon-list-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;text-transform:capitalize;}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-139 .elementor-element.elementor-element-bc6b7dd{padding:0px 0px 0px 30px;border-style:solid;border-width:0px 0px 0px 4px;border-color:#d3b574;font-family:"Merriweather", Sans-serif;font-size:28px;font-weight:300;text-transform:capitalize;line-height:1.4em;color:#16163f;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-139 .elementor-element.elementor-element-2113cef4{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-139 .elementor-element.elementor-element-2113cef4 img{width:100%;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-139 .elementor-element.elementor-element-6157b676{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;color:#4a4a4a;font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-139 .elementor-element.elementor-element-6a526823{--display:flex;}.elementor-139 .elementor-element.elementor-element-469024f4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:rgba(22,22,63,0.2);--border-color:rgba(22,22,63,0.2);--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-139 .elementor-element.elementor-element-272a87cf .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:18px;font-weight:300;text-transform:capitalize;color:#16163f;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-139 .elementor-element.elementor-element-5ccdec26 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-139 .elementor-element.elementor-element-5ccdec26 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-139 .elementor-element.elementor-element-5ccdec26 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-139 .elementor-element.elementor-element-5ccdec26 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-139 .elementor-element.elementor-element-5ccdec26 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-139 .elementor-element.elementor-element-5ccdec26 .elementor-icon-list-icon i{color:#16163f;transition:color 0.3s;}.elementor-139 .elementor-element.elementor-element-5ccdec26 .elementor-icon-list-icon svg{fill:#16163f;transition:fill 0.3s;}.elementor-139 .elementor-element.elementor-element-5ccdec26 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#d3b574;}.elementor-139 .elementor-element.elementor-element-5ccdec26 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#d3b574;}.elementor-139 .elementor-element.elementor-element-5ccdec26{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-139 .elementor-element.elementor-element-5ccdec26 .elementor-icon-list-text{transition:color 0.3s;}.elementor-139 .elementor-element.elementor-element-30b7fbd .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:18px;font-weight:300;text-transform:capitalize;color:#16163f;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-139 .elementor-element.elementor-element-2b94cd01{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-139 .elementor-element.elementor-element-2b94cd01 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-139 .elementor-element.elementor-element-2b94cd01 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-139 .elementor-element.elementor-element-2b94cd01:after{content:"0.66";}.elementor-139 .elementor-element.elementor-element-2b94cd01 .elementor-post__thumbnail__link{width:30%;}.elementor-139 .elementor-element.elementor-element-2b94cd01.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:18px;}.elementor-139 .elementor-element.elementor-element-2b94cd01.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:18px;}.elementor-139 .elementor-element.elementor-element-2b94cd01.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:18px;}.elementor-139 .elementor-element.elementor-element-2b94cd01 .elementor-post__title, .elementor-139 .elementor-element.elementor-element-2b94cd01 .elementor-post__title a{color:#4a4a4a;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;}.elementor-139 .elementor-element.elementor-element-2b94cd01 .elementor-post__title{margin-bottom:9px;}.elementor-139 .elementor-element.elementor-element-36518e82{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#d3b574;--border-color:#d3b574;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:45px;--padding-right:45px;}.elementor-139 .elementor-element.elementor-element-36518e82:not(.elementor-motion-effects-element-type-background), .elementor-139 .elementor-element.elementor-element-36518e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-139 .elementor-element.elementor-element-78e8007e{text-align:center;}.elementor-139 .elementor-element.elementor-element-78e8007e .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:30px;font-weight:300;text-transform:capitalize;color:#16163f;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-139 .elementor-element.elementor-element-55f3078b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-button span{gap:10px;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-field-group.recaptcha_v3-bottomleft, .elementor-139 .elementor-element.elementor-element-55f3078b .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-139 .elementor-element.elementor-element-55f3078b .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-139 .elementor-element.elementor-element-55f3078b .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-139 .elementor-element.elementor-element-55f3078b .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-field-type-html{padding-bottom:0px;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-field-group .elementor-field{color:#211f40;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-field-group .elementor-field, .elementor-139 .elementor-element.elementor-element-55f3078b .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;text-transform:capitalize;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#d7d7d9;border-radius:0px 0px 0px 0px;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#d7d7d9;border-radius:0px 0px 0px 0px;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-field-group .elementor-select-wrapper::before{color:#d7d7d9;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;border-radius:0px 0px 0px 0px;padding:15px 50px 15px 50px;}.elementor-139 .elementor-element.elementor-element-55f3078b .e-form__buttons__wrapper__button-next{background-color:#d3b574;color:#16163f;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-button[type="submit"]{background-color:#d3b574;color:#16163f;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-button[type="submit"] svg *{fill:#16163f;}.elementor-139 .elementor-element.elementor-element-55f3078b .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-139 .elementor-element.elementor-element-55f3078b .e-form__buttons__wrapper__button-next:hover{background-color:#16163f;color:#d3b574;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-button[type="submit"]:hover{background-color:#16163f;color:#d3b574;}.elementor-139 .elementor-element.elementor-element-55f3078b .elementor-button[type="submit"]:hover svg *{fill:#d3b574;}.elementor-139 .elementor-element.elementor-element-55f3078b .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-139 .elementor-element.elementor-element-26da5629{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-139 .elementor-element.elementor-element-60b8e872{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-author-box .elementor-author-box__name{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-author-box .elementor-author-box__bio{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-author-box .elementor-author-box__button{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-author-box .elementor-author-box__button:hover{border-color:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-139 .elementor-element.elementor-element-3a2279ee{--flex-wrap:wrap;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-139 .elementor-element.elementor-element-42e5d64b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-139 .elementor-element.elementor-element-bc6b7dd{font-size:38px;}.elementor-139 .elementor-element.elementor-element-2b94cd01 .elementor-post__title, .elementor-139 .elementor-element.elementor-element-2b94cd01 .elementor-post__title a{font-size:14px;}.elementor-139 .elementor-element.elementor-element-78e8007e .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-139 .elementor-element.elementor-element-bc6b7dd{font-size:25px;}.elementor-139 .elementor-element.elementor-element-2b94cd01 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-139 .elementor-element.elementor-element-2b94cd01:after{content:"0.66";}.elementor-139 .elementor-element.elementor-element-2b94cd01 .elementor-post__thumbnail__link{width:32%;}.elementor-139 .elementor-element.elementor-element-36518e82{--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-139 .elementor-element.elementor-element-78e8007e .elementor-heading-title{font-size:40px;}}@media(min-width:768px){.elementor-139 .elementor-element.elementor-element-3a2279ee{--content-width:1200px;}.elementor-139 .elementor-element.elementor-element-42e5d64b{--width:65%;}.elementor-139 .elementor-element.elementor-element-6a526823{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-139 .elementor-element.elementor-element-42e5d64b{--width:100%;}.elementor-139 .elementor-element.elementor-element-6a526823{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-36518e82 *//* ═══════════════════════════════════════════════════════════ SEND US A MESSAGE — Contact Form Journey Section Style: Patrick Hand + Orange + Doodle Paste: Appearance > Additional CSS OR Elementor Custom CSS ═══════════════════════════════════════════════════════════ */ /* ── Patrick Hand Google Font ── */ @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap'); /* ── Force Patrick Hand on EVERY element inside form ── */ .elementor-widget-form, .elementor-widget-form *, .elementor-form, .elementor-form *, .wpcf7-form, .wpcf7-form *, form.contact-form, form.contact-form * { font-family: 'Patrick Hand', cursive !important; } /* ══════════════════════════════════════ FORM OUTER WRAPPER ══════════════════════════════════════ */ .elementor-widget-form .elementor-form, .elementor-form, .wpcf7-form, form.contact-form { font-family: 'Patrick Hand', cursive !important; background-color: #ffffff !important; background-image: radial-gradient(circle, #c8c4be 1.3px, transparent 1.3px) !important; background-size: 26px 26px !important; border: 2.5px solid #111 !important; border-radius: 16px !important; box-shadow: 7px 7px 0 #111 !important; padding: 38px 36px 32px !important; position: relative !important; max-width: 480px !important; } /* tape strip top */ .elementor-widget-form .elementor-form::before, .elementor-form::before, .wpcf7-form::before { content: '' !important; position: absolute !important; top: -14px !important; left: 50% !important; transform: translateX(-50%) !important; width: 60px !important; height: 15px !important; background: #FFA500 !important; opacity: 0.78 !important; border-radius: 4px !important; border: 2px solid #111 !important; z-index: 10 !important; } /* ══════════════════════════════════════ FORM TITLE "Send Us A Message" ══════════════════════════════════════ */ .elementor-widget-heading .elementor-heading-title, .elementor-form-title, h2.form-title, h3.form-title { font-family: 'Patrick Hand', cursive !important; font-size: clamp(1.6rem, 3.5vw, 2.2rem) !important; font-weight: 700 !important; color: #111 !important; text-align: center !important; margin-bottom: 24px !important; position: relative !important; display: inline-block !important; width: 100% !important; } /* orange underline on title */ .elementor-widget-heading .elementor-heading-title::after { content: '' !important; display: block !important; width: 60% !important; height: 4px !important; background: #FFA500 !important; border-radius: 3px !important; margin: 6px auto 0 !important; opacity: 0.7 !important; } /* ══════════════════════════════════════ FORM FIELD GROUPS ══════════════════════════════════════ */ .elementor-field-group, .elementor-form .elementor-field-group, .wpcf7-form-control-wrap { margin-bottom: 18px !important; } /* ══════════════════════════════════════ LABELS ══════════════════════════════════════ */ .elementor-field-label, .elementor-form label, .wpcf7-form label { font-family: 'Patrick Hand', cursive !important; font-size: 0.95rem !important; font-weight: 700 !important; color: #111 !important; display: block !important; margin-bottom: 5px !important; } /* ══════════════════════════════════════ INPUT FIELDS — Full Name, Phone, Email ══════════════════════════════════════ */ .elementor-field-textual, .elementor-form input[type="text"], .elementor-form input[type="email"], .elementor-form input[type="tel"], .elementor-form input[type="url"], .elementor-form input[type="number"], .elementor-form textarea, .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea { font-family: 'Patrick Hand', cursive !important; font-size: 1rem !important; color: #111 !important; background: #fffef0 !important; border: 2.5px solid #111 !important; border-radius: 10px !important; padding: 13px 16px !important; width: 100% !important; box-shadow: 4px 4px 0 #111 !important; outline: none !important; transition: box-shadow 0.2s, border-color 0.2s, transform 0.2s !important; appearance: none !important; } /* placeholder */ .elementor-form input::placeholder, .wpcf7-form input::placeholder, .elementor-form textarea::placeholder { font-family: 'Patrick Hand', cursive !important; color: #aaa !important; font-size: 0.97rem !important; } /* focus state */ .elementor-form input[type="text"]:focus, .elementor-form input[type="email"]:focus, .elementor-form input[type="tel"]:focus, .elementor-form textarea:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus { border-color: #FFA500 !important; box-shadow: 4px 4px 0 #FFA500 !important; transform: translate(-2px, -2px) !important; background: #fffdf5 !important; } /* ══════════════════════════════════════ SEND BUTTON "Send →" ══════════════════════════════════════ */ .elementor-button[type="submit"], .elementor-form .elementor-button, .wpcf7-submit, .elementor-field-type-submit .elementor-button { font-family: 'Patrick Hand', cursive !important; font-size: 1.1rem !important; font-weight: 700 !important; color: #111 !important; background: #FFA500 !important; border: 2.5px solid #111 !important; border-radius: 10px !important; padding: 13px 36px !important; box-shadow: 5px 5px 0 #111 !important; cursor: pointer !important; letter-spacing: 0.3px !important; transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s, background 0.2s !important; float: right !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; } .elementor-button[type="submit"]:hover, .elementor-form .elementor-button:hover, .wpcf7-submit:hover { transform: translate(-3px, -3px) !important; box-shadow: 8px 8px 0 #111 !important; background: #ffb733 !important; color: #111 !important; } .elementor-button[type="submit"]:active, .elementor-form .elementor-button:active { transform: translate(1px, 1px) !important; box-shadow: 2px 2px 0 #111 !important; } /* button icon arrow */ .elementor-button-icon, .elementor-button .elementor-button-icon { font-size: 1.1rem !important; transition: transform 0.2s !important; } .elementor-button:hover .elementor-button-icon { transform: translateX(4px) !important; } /* ══════════════════════════════════════ VALIDATION / ERROR MESSAGES ══════════════════════════════════════ */ .elementor-message, .wpcf7-response-output, .elementor-form .elementor-message { font-family: 'Patrick Hand', cursive !important; font-size: 0.92rem !important; padding: 10px 16px !important; border-radius: 8px !important; border: 2px solid #111 !important; box-shadow: 3px 3px 0 #111 !important; margin-top: 12px !important; } .elementor-message-success, .wpcf7-mail-sent-ok { background: #e8fae4 !important; border-color: #4caf50 !important; box-shadow: 3px 3px 0 #4caf50 !important; color: #111 !important; } .elementor-message-danger, .wpcf7-validation-errors, .wpcf7-spam-blocked { background: #fff0f0 !important; border-color: #e84040 !important; box-shadow: 3px 3px 0 #e84040 !important; color: #e84040 !important; } .elementor-field-type-text .elementor-field-errors, .wpcf7-not-valid-tip { font-family: 'Patrick Hand', cursive !important; font-size: 0.85rem !important; color: #e84040 !important; margin-top: 4px !important; font-weight: 700 !important; } .elementor-form input.elementor-field-textual.elementor-error, .wpcf7-not-valid { border-color: #e84040 !important; box-shadow: 3px 3px 0 #e84040 !important; } /* ══════════════════════════════════════ RESPONSIVE — MOBILE ══════════════════════════════════════ */ @media (max-width: 600px) { .elementor-widget-form .elementor-form, .elementor-form, .wpcf7-form { padding: 28px 20px 24px !important; } .elementor-button[type="submit"], .elementor-form .elementor-button, .wpcf7-submit { width: 100% !important; float: none !important; justify-content: center !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6a526823 *//* ═══════════════════════════════════════════════════════════ MORE POSTS + SEND US A MESSAGE — WordPress Post Page CSS Typography Update v2: Heading: Poppins ExtraBold (800) Sub Heading: Poppins Medium (500) Paragraph: Open Sans Regular (400) Paste: Appearance > Additional CSS ═══════════════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;800&family=Open+Sans:wght@400;600;700&display=swap'); /* ══════════════════════════════════════ SHARE ROW ══════════════════════════════════════ */ .sharedaddy, .sd-sharing, .sd-block, .sd-content, .post-share, .share-this, [class*="share"] { border-top: 2px dashed #FFA500 !important; padding-top: 16px !important; margin-bottom: 28px !important; } .sharedaddy .sd-title, .sd-block .sd-title, .post-share span, [class*="share"] label, [class*="share"] span { font-family: 'Open Sans', sans-serif !important; font-size: 0.78rem !important; font-weight: 700 !important; color: #888 !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; } /* ══════════════════════════════════════ MORE POSTS / RELATED POSTS SECTION ══════════════════════════════════════ */ /* Section wrapper */ .related-posts, .more-posts, .yarpp-related, .jetpack-related-posts, [class*="related"], [class*="more-posts"], .elementor-widget-posts, .elementor-posts--skin-cards { background: #fff !important; background-image: none !important; border: 2.5px solid #111 !important; border-radius: 16px !important; box-shadow: 5px 5px 0 #FFA500 !important; padding: 28px 24px !important; margin: 32px 0 !important; position: relative !important; } /* Section top accent bar */ .related-posts::before, .more-posts::before, .yarpp-related::before, [class*="related"]::before, [class*="more-posts"]::before { content: '' !important; position: absolute !important; top: -13px !important; left: 50% !important; transform: translateX(-50%) !important; width: 56px !important; height: 14px !important; background: #FFA500 !important; border-radius: 4px !important; border: 2px solid #111 !important; opacity: 0.85 !important; } /* "More Posts" heading — Poppins ExtraBold */ .related-posts h3, .related-posts h2, .more-posts h3, .more-posts h2, .yarpp-related h3, .jetpack-related-posts h3, [class*="related"] h2, [class*="related"] h3, [class*="more-posts"] h2, [class*="more-posts"] h3, .elementor-widget-posts .elementor-posts-container ~ h2, .elementor-widget-posts .elementor-heading-title { font-family: 'Poppins', sans-serif !important; font-size: clamp(1.3rem, 3vw, 1.8rem) !important; font-weight: 800 !important; color: #111 !important; text-align: center !important; margin-bottom: 22px !important; letter-spacing: -0.3px !important; line-height: 1.2 !important; position: relative !important; display: inline-block !important; } /* Underline accent on heading */ .related-posts h3::after, .related-posts h2::after, .more-posts h3::after, .more-posts h2::after, [class*="related"] h3::after, [class*="more-posts"] h3::after { content: '' !important; display: block !important; width: 50px !important; height: 4px !important; background: #FFA500 !important; border-radius: 3px !important; margin: 6px auto 0 !important; } /* Individual post item */ .related-posts article, .related-posts .post-item, .more-posts article, .more-posts .post-item, .yarpp-related li, .jetpack-related-posts .jp-related-posts-i2__post, [class*="related"] article, [class*="related"] li, [class*="more-posts"] article { display: flex !important; align-items: flex-start !important; gap: 14px !important; padding: 14px 0 !important; border-bottom: 1.5px dashed #e0e0e0 !important; background: transparent !important; background-image: none !important; text-decoration: none !important; transition: background 0.15s !important; } .related-posts article:last-child, .more-posts article:last-child, .yarpp-related li:last-child, [class*="related"] article:last-child, [class*="related"] li:last-child { border-bottom: none !important; } /* Post thumbnail in related */ .related-posts article img, .more-posts article img, .yarpp-related li img, .jetpack-related-posts img, [class*="related"] article img, [class*="more-posts"] article img { width: 80px !important; height: 60px !important; min-width: 80px !important; object-fit: cover !important; border-radius: 8px !important; border: 2px solid #111 !important; box-shadow: 3px 3px 0 #FFA500 !important; display: block !important; } /* Post title in related — Poppins Medium */ .related-posts .entry-title, .related-posts h4, .related-posts h3 a, .more-posts .entry-title, .more-posts h4, .more-posts h3 a, .yarpp-related .yarpp-thumbnail-title a, .yarpp-related li a, .jetpack-related-posts .jp-related-posts-i2__post-title, [class*="related"] .entry-title, [class*="related"] h4, [class*="related"] li a, [class*="more-posts"] .entry-title, [class*="more-posts"] h4 { font-family: 'Poppins', sans-serif !important; font-size: 0.96rem !important; font-weight: 500 !important; color: #111 !important; text-decoration: none !important; line-height: 1.4 !important; letter-spacing: 0.1px !important; margin: 0 0 4px !important; display: block !important; /* Remove the ::after underline inherited from main entry-title */ position: static !important; } .related-posts .entry-title::after, .more-posts .entry-title::after, [class*="related"] .entry-title::after { display: none !important; } .related-posts h3 a:hover, .more-posts h3 a:hover, .yarpp-related li a:hover, [class*="related"] li a:hover { color: #FFA500 !important; } /* Post excerpt / meta in related — Open Sans Regular */ .related-posts .entry-summary, .related-posts p, .more-posts .entry-summary, .more-posts p, .yarpp-related .yarpp-excerpt, .jetpack-related-posts .jp-related-posts-i2__post-date, [class*="related"] .entry-summary, [class*="related"] p, [class*="more-posts"] p { font-family: 'Open Sans', sans-serif !important; font-size: 0.8rem !important; font-weight: 400 !important; color: #666 !important; line-height: 1.6 !important; margin: 0 !important; } /* ══════════════════════════════════════ SEND US A MESSAGE — CONTACT FORM ══════════════════════════════════════ */ /* Form section wrapper */ .contact-form-section, .wpcf7, .contact-form, [class*="contact-form"], .elementor-widget-form .elementor-form, form.wpcf7-form { background: #fff !important; background-image: none !important; border: 2.5px solid #111 !important; border-radius: 18px !important; box-shadow: 6px 6px 0 #FFA500 !important; padding: 32px 28px !important; margin: 32px 0 !important; position: relative !important; } /* Form section top accent */ .wpcf7::before, .contact-form-section::before, [class*="contact-form"]::before, form.wpcf7-form::before { content: '' !important; position: absolute !important; top: -13px !important; left: 50% !important; transform: translateX(-50%) !important; width: 52px !important; height: 14px !important; background: #FFA500 !important; border-radius: 4px !important; border: 2px solid #111 !important; opacity: 0.85 !important; } /* "Send Us A Message" heading — Poppins ExtraBold */ .wpcf7 h2, .wpcf7 h3, .contact-form-section h2, .contact-form-section h3, [class*="contact-form"] h2, [class*="contact-form"] h3, .elementor-widget-form .elementor-field-group label.elementor-field-label, .elementor-widget-heading[class*="contact"] .elementor-heading-title { font-family: 'Poppins', sans-serif !important; font-size: clamp(1.3rem, 3vw, 1.75rem) !important; font-weight: 800 !important; color: #111 !important; text-align: center !important; margin-bottom: 24px !important; letter-spacing: -0.3px !important; line-height: 1.2 !important; } /* Form field labels — Open Sans SemiBold */ .wpcf7 label, .contact-form-section label, [class*="contact-form"] label, .elementor-widget-form .elementor-field-label, form.wpcf7-form label { font-family: 'Open Sans', sans-serif !important; font-size: 0.72rem !important; font-weight: 700 !important; color: #555 !important; text-transform: uppercase !important; letter-spacing: 0.6px !important; margin-bottom: 5px !important; display: block !important; } /* Form inputs — Open Sans Regular */ .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 textarea, .wpcf7 select, .contact-form-section input, .contact-form-section textarea, .contact-form-section select, [class*="contact-form"] input, [class*="contact-form"] textarea, [class*="contact-form"] select, .elementor-widget-form input, .elementor-widget-form textarea, .elementor-widget-form select, form.wpcf7-form input:not([type="submit"]), form.wpcf7-form textarea { font-family: 'Open Sans', sans-serif !important; font-size: 0.88rem !important; font-weight: 400 !important; color: #333 !important; width: 100% !important; padding: 11px 14px !important; border: 2px solid #ddd !important; border-radius: 10px !important; background: #faf9f5 !important; background-image: none !important; outline: none !important; transition: border-color 0.2s, box-shadow 0.2s !important; margin-bottom: 12px !important; } .wpcf7 input::placeholder, .wpcf7 textarea::placeholder, .contact-form-section input::placeholder, [class*="contact-form"] input::placeholder, form.wpcf7-form input::placeholder { color: #bbb !important; font-size: 0.82rem !important; font-family: 'Open Sans', sans-serif !important; } .wpcf7 input:focus, .wpcf7 textarea:focus, .contact-form-section input:focus, [class*="contact-form"] input:focus, form.wpcf7-form input:focus, form.wpcf7-form textarea:focus { border-color: #FFA500 !important; box-shadow: 3px 3px 0 rgba(255,165,0,0.25) !important; background: #fff !important; } /* Submit button — Poppins Medium */ .wpcf7 input[type="submit"], .wpcf7 button[type="submit"], .contact-form-section input[type="submit"], .contact-form-section button[type="submit"], [class*="contact-form"] input[type="submit"], [class*="contact-form"] button[type="submit"], .elementor-widget-form .elementor-button[type="submit"], form.wpcf7-form input[type="submit"] { font-family: 'Poppins', sans-serif !important; font-size: 0.92rem !important; font-weight: 500 !important; letter-spacing: 0.2px !important; background: #FFA500 !important; background-image: none !important; color: #111 !important; border: 2.5px solid #111 !important; border-radius: 10px !important; padding: 12px 28px !important; box-shadow: 4px 4px 0 #111 !important; cursor: pointer !important; width: 100% !important; margin-top: 4px !important; transition: transform 0.15s, box-shadow 0.15s !important; } .wpcf7 input[type="submit"]:hover, .wpcf7 button[type="submit"]:hover, .contact-form-section button[type="submit"]:hover, [class*="contact-form"] button[type="submit"]:hover, form.wpcf7-form input[type="submit"]:hover { transform: translate(-2px, -2px) !important; box-shadow: 6px 6px 0 #111 !important; background: #ffb733 !important; background-image: none !important; } /* Form success / error messages — Open Sans Regular */ .wpcf7-response-output, .wpcf7 .wpcf7-mail-sent-ok, .wpcf7 .wpcf7-validation-errors { font-family: 'Open Sans', sans-serif !important; font-size: 0.88rem !important; font-weight: 400 !important; border-radius: 8px !important; padding: 10px 16px !important; margin-top: 12px !important; line-height: 1.6 !important; } .wpcf7-response-output { border: 2px solid #FFA500 !important; background: #fffbf0 !important; color: #333 !important; } /* Field validation errors — Open Sans */ .wpcf7-not-valid-tip { font-family: 'Open Sans', sans-serif !important; font-size: 0.75rem !important; font-weight: 600 !important; color: #e53935 !important; } /* ══════════════════════════════════════ HELLO WORLD / GENERIC POST TEXT (visible in screenshot as "Hello World!") ══════════════════════════════════════ */ .entry-content, .post-content, .page-content { font-family: 'Open Sans', sans-serif !important; font-size: 1rem !important; font-weight: 400 !important; color: #333 !important; line-height: 1.85 !important; } /* ══════════════════════════════════════ ELEMENTOR HEADING WIDGET (used for "More Posts" & "Send Us A Message") ══════════════════════════════════════ */ /* H2 headings used as section titles — Poppins ExtraBold */ .elementor-widget-heading h2.elementor-heading-title, .elementor-widget-heading h1.elementor-heading-title { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; letter-spacing: -0.3px !important; } /* H3 headings — Poppins Medium */ .elementor-widget-heading h3.elementor-heading-title, .elementor-widget-heading h4.elementor-heading-title { font-family: 'Poppins', sans-serif !important; font-weight: 500 !important; letter-spacing: 0.1px !important; } /* ══════════════════════════════════════ RESPONSIVE ADJUSTMENTS ══════════════════════════════════════ */ @media (max-width: 600px) { .wpcf7, form.wpcf7-form, .contact-form-section, [class*="contact-form"] { padding: 22px 16px !important; border-radius: 14px !important; } .related-posts, .more-posts, [class*="related"], [class*="more-posts"] { padding: 20px 16px !important; border-radius: 13px !important; } .related-posts article img, .more-posts article img, [class*="related"] article img { width: 64px !important; height: 48px !important; min-width: 64px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3a2279ee *//* ═══════════════════════════════════════════════════════════ COMPLETE POST PAGE CSS — MMG Style Typography Update v2: Heading: Poppins ExtraBold (800) Sub Heading: Poppins Medium (500) Paragraph: Open Sans Regular (400) Paste: Appearance > Additional CSS ═══════════════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;800&family=Open+Sans:wght@400;600;700&display=swap'); /* ══════════════════════════════════════ GLOBAL BASE — Open Sans as default body font ══════════════════════════════════════ */ body, body *, p, a, span, li, ul, ol, input, textarea, select, label, td, figcaption, caption, .elementor *, .elementor-widget * { font-family: 'Open Sans', sans-serif !important; } /* Headings — Poppins ExtraBold */ h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; } /* Buttons — Poppins Medium */ button, th, blockquote, cite { font-family: 'Poppins', sans-serif !important; } /* ══════════════════════════════════════ BODY / PAGE BACKGROUND ══════════════════════════════════════ */ body { background-color: #ffffff !important; background-image: radial-gradient(circle, #c8c4be 1.3px, transparent 1.3px) !important; background-size: 26px 26px !important; } /* All major content wrappers — solid white, no dots */ .elementor-section, .elementor-container, .elementor-column, .elementor-widget-wrap, .elementor-inner-section, .e-container, .e-con, .e-con-inner, .site-main, main, #main, .content-area, #primary, article, article.post, article.page, .hentry, .entry-header, .entry-content, .entry-footer, .post-content, .page-content, .single-post-content, aside, #secondary, .widget-area, .site-content, #content, .container, .wrapper, .inner-wrapper, .page-wrapper, .content-wrapper, .row, .col, .column { background-color: #ffffff !important; background-image: none !important; } /* ══════════════════════════════════════ BREADCRUMB — Open Sans Regular ══════════════════════════════════════ */ .breadcrumb, .breadcrumbs, .elementor-breadcrumbs, .rank-math-breadcrumb { font-family: 'Open Sans', sans-serif !important; font-size: 0.85rem !important; font-weight: 400 !important; color: #888 !important; margin-bottom: 16px !important; background: transparent !important; background-image: none !important; } .breadcrumb a, .breadcrumbs a, .rank-math-breadcrumb a { font-family: 'Open Sans', sans-serif !important; font-weight: 600 !important; color: #111 !important; text-decoration: none !important; border-bottom: 1.5px solid #FFA500 !important; } /* ══════════════════════════════════════ POST TITLE — Poppins ExtraBold ══════════════════════════════════════ */ .entry-title, h1.entry-title, .elementor-post__title, .post-title { font-family: 'Poppins', sans-serif !important; font-size: clamp(1.8rem, 4vw, 2.8rem) !important; font-weight: 800 !important; color: #111 !important; line-height: 1.2 !important; letter-spacing: -0.3px !important; margin-bottom: 14px !important; position: relative !important; display: inline-block !important; background: transparent !important; background-image: none !important; } .entry-title::after, h1.entry-title::after { content: '' !important; position: absolute !important; left: -6px !important; right: -6px !important; bottom: 2px !important; height: 13px !important; background: #FFA500 !important; border-radius: 3px !important; opacity: 0.45 !important; transform: rotate(-1deg) skewX(-3deg) !important; z-index: -1 !important; } /* ══════════════════════════════════════ POST META — Open Sans Regular ══════════════════════════════════════ */ .entry-meta, .post-meta, .elementor-post-info, .byline, .posted-on, .cat-links { font-family: 'Open Sans', sans-serif !important; font-size: 0.82rem !important; font-weight: 400 !important; color: #888 !important; display: flex !important; flex-wrap: wrap !important; gap: 10px !important; align-items: center !important; margin-bottom: 18px !important; padding-bottom: 14px !important; border-bottom: 2px dashed #FFA500 !important; background: transparent !important; background-image: none !important; } .entry-meta a, .post-meta a { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; color: #555 !important; text-decoration: none !important; } .entry-meta a:hover, .post-meta a:hover { color: #FFA500 !important; } /* Category pill — Open Sans SemiBold */ .cat-links a, .entry-meta .cat-links a { font-family: 'Open Sans', sans-serif !important; font-size: 0.78rem !important; font-weight: 700 !important; background: #FFA500 !important; color: #111 !important; border: 1.5px solid #111 !important; border-radius: 20px !important; padding: 2px 12px !important; box-shadow: 2px 2px 0 #111 !important; text-decoration: none !important; background-image: none !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; } /* ══════════════════════════════════════ FEATURED IMAGE ══════════════════════════════════════ */ .post-thumbnail img, .wp-post-image, .elementor-post__thumbnail img { border-radius: 12px !important; border: 2.5px solid #111 !important; box-shadow: 6px 6px 0 #111 !important; margin-bottom: 24px !important; display: block !important; width: 100% !important; } /* ══════════════════════════════════════ POST CONTENT ══════════════════════════════════════ */ .entry-content, .post-content { font-family: 'Open Sans', sans-serif !important; font-size: 1rem !important; font-weight: 400 !important; color: #333 !important; line-height: 1.85 !important; background: #ffffff !important; background-image: none !important; } /* Content H1 — Poppins ExtraBold */ .entry-content h1 { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; font-size: clamp(1.6rem, 3.5vw, 2.2rem) !important; color: #111 !important; margin: 32px 0 14px !important; padding-bottom: 8px !important; border-bottom: 2px dashed #FFA500 !important; letter-spacing: -0.3px !important; background: transparent !important; background-image: none !important; } /* Content H2 — Poppins ExtraBold */ .entry-content h2 { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; font-size: 1.55rem !important; color: #111 !important; margin: 28px 0 12px !important; padding-bottom: 8px !important; border-bottom: 2px dashed #FFA500 !important; letter-spacing: -0.3px !important; background: transparent !important; background-image: none !important; } /* Content H3 — Poppins Medium */ .entry-content h3 { font-family: 'Poppins', sans-serif !important; font-weight: 500 !important; font-size: 1.3rem !important; color: #111 !important; margin: 24px 0 10px !important; padding-bottom: 8px !important; border-bottom: 2px dashed #FFA500 !important; letter-spacing: 0.1px !important; background: transparent !important; background-image: none !important; } /* Content H4 — Poppins Medium */ .entry-content h4 { font-family: 'Poppins', sans-serif !important; font-weight: 500 !important; font-size: 1.1rem !important; color: #111 !important; margin: 20px 0 10px !important; letter-spacing: 0.1px !important; background: transparent !important; background-image: none !important; } /* Content H5, H6 — Poppins Medium */ .entry-content h5, .entry-content h6 { font-family: 'Poppins', sans-serif !important; font-weight: 500 !important; font-size: 1rem !important; color: #111 !important; margin: 18px 0 8px !important; background: transparent !important; background-image: none !important; } /* Paragraphs — Open Sans Regular */ .entry-content p { font-family: 'Open Sans', sans-serif !important; font-size: 1rem !important; font-weight: 400 !important; margin-bottom: 16px !important; line-height: 1.85 !important; background: transparent !important; background-image: none !important; } /* Links — Open Sans Regular */ .entry-content a { font-family: 'Open Sans', sans-serif !important; font-weight: 600 !important; color: #111 !important; border-bottom: 2px solid #FFA500 !important; text-decoration: none !important; transition: color 0.2s !important; } .entry-content a:hover { color: #FFA500 !important; } /* Lists — Open Sans Regular */ .entry-content ul, .entry-content ol { padding-left: 24px !important; margin-bottom: 16px !important; background: transparent !important; background-image: none !important; } .entry-content li { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; margin-bottom: 8px !important; line-height: 1.75 !important; background: transparent !important; background-image: none !important; } .entry-content ul li::marker { color: #FFA500 !important; } /* Blockquote — Open Sans italic + Poppins decorative mark */ .entry-content blockquote, blockquote { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; font-style: italic !important; background: #fffef0 !important; background-image: none !important; border: 2.5px solid #111 !important; border-left: 5px solid #FFA500 !important; border-radius: 10px !important; padding: 18px 22px !important; box-shadow: 5px 5px 0 #111 !important; font-size: 1rem !important; color: #333 !important; margin: 22px 0 !important; position: relative !important; } blockquote::before { content: '"' !important; position: absolute !important; top: -10px !important; left: 14px !important; font-size: 3rem !important; color: #FFA500 !important; font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; line-height: 1 !important; } /* Code — Open Sans */ .entry-content code { font-size: 0.9rem !important; font-family: 'Open Sans', sans-serif !important; background: #fffef0 !important; background-image: none !important; border: 2px solid #111 !important; border-radius: 6px !important; padding: 2px 8px !important; box-shadow: 2px 2px 0 #111 !important; } .entry-content pre { background: #fffef0 !important; background-image: none !important; border: 2px solid #111 !important; border-radius: 8px !important; padding: 16px 20px !important; box-shadow: 4px 4px 0 #111 !important; overflow-x: auto !important; } /* Images inside content */ .entry-content img { border-radius: 10px !important; border: 2px solid #111 !important; box-shadow: 4px 4px 0 #111 !important; max-width: 100% !important; } /* Tables — Poppins headers + Open Sans body */ .entry-content table { font-family: 'Open Sans', sans-serif !important; border-collapse: collapse !important; width: 100% !important; border: 2px solid #111 !important; border-radius: 8px !important; box-shadow: 4px 4px 0 #111 !important; margin-bottom: 20px !important; overflow: hidden !important; background: #fff !important; background-image: none !important; } .entry-content th { font-family: 'Poppins', sans-serif !important; font-weight: 500 !important; font-size: 0.9rem !important; background: #FFA500 !important; background-image: none !important; color: #111 !important; padding: 10px 14px !important; border: 1.5px solid #111 !important; letter-spacing: 0.1px !important; } .entry-content td { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; font-size: 0.9rem !important; padding: 9px 14px !important; border: 1.5px solid #ddd !important; background: #fff !important; background-image: none !important; } .entry-content tr:nth-child(even) td { background: #fffef0 !important; background-image: none !important; } /* ══════════════════════════════════════ TAGS — Open Sans SemiBold ══════════════════════════════════════ */ .tags-links a, .post-tags a { font-family: 'Open Sans', sans-serif !important; font-size: 0.8rem !important; font-weight: 700 !important; color: #111 !important; background: #fff !important; background-image: none !important; border: 2px solid #111 !important; border-radius: 20px !important; padding: 3px 12px !important; box-shadow: 2px 2px 0 #111 !important; text-decoration: none !important; display: inline-block !important; margin: 3px !important; transition: transform 0.2s, background 0.2s !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; } .tags-links a:hover, .post-tags a:hover { background: #FFA500 !important; background-image: none !important; transform: translate(-1px, -1px) !important; box-shadow: 3px 3px 0 #111 !important; } /* ══════════════════════════════════════ POST NAVIGATION — Poppins Medium ══════════════════════════════════════ */ .post-navigation, .nav-links { font-family: 'Poppins', sans-serif !important; display: flex !important; justify-content: space-between !important; gap: 16px !important; margin: 32px 0 !important; padding: 20px !important; background: #fffef0 !important; background-image: none !important; border: 2.5px solid #111 !important; border-radius: 12px !important; box-shadow: 5px 5px 0 #111 !important; position: relative !important; } .post-navigation::before { content: '' !important; position: absolute !important; top: -13px !important; left: 50% !important; transform: translateX(-50%) !important; width: 52px !important; height: 14px !important; background: #FFA500 !important; background-image: none !important; opacity: 0.75 !important; border-radius: 4px !important; border: 2px solid #111 !important; } .nav-previous a, .nav-next a { font-family: 'Poppins', sans-serif !important; font-size: 0.88rem !important; font-weight: 500 !important; color: #111 !important; background: #FFA500 !important; background-image: none !important; border: 2px solid #111 !important; border-radius: 8px !important; padding: 8px 18px !important; box-shadow: 3px 3px 0 #111 !important; text-decoration: none !important; display: inline-block !important; letter-spacing: 0.1px !important; transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s !important; } .nav-previous a:hover, .nav-next a:hover { transform: translate(-2px, -2px) !important; box-shadow: 5px 5px 0 #111 !important; background: #ffb733 !important; background-image: none !important; } /* ══════════════════════════════════════ SIDEBAR WIDGETS ══════════════════════════════════════ */ .widget, .sidebar .widget, aside .widget { font-family: 'Open Sans', sans-serif !important; background: #ffffff !important; background-image: none !important; border: 2.5px solid #111 !important; border-radius: 12px !important; box-shadow: 5px 5px 0 #111 !important; padding: 22px 24px !important; margin-bottom: 28px !important; position: relative !important; } .widget::before { content: '' !important; position: absolute !important; top: -12px !important; left: 50% !important; transform: translateX(-50%) !important; width: 44px !important; height: 13px !important; background: #FFA500 !important; background-image: none !important; opacity: 0.72 !important; border-radius: 4px !important; border: 2px solid #111 !important; } /* Widget title — Poppins Medium */ .widget-title, .widgettitle { font-family: 'Poppins', sans-serif !important; font-size: 1.05rem !important; font-weight: 500 !important; color: #111 !important; margin-bottom: 14px !important; padding-bottom: 8px !important; border-bottom: 2px dashed #FFA500 !important; letter-spacing: 0.1px !important; background: transparent !important; background-image: none !important; } /* Widget links — Open Sans Regular */ .widget ul li a, .widget ol li a { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; color: #111 !important; text-decoration: none !important; transition: color 0.2s !important; } .widget ul li a:hover { color: #FFA500 !important; } /* Search field — Open Sans Regular */ .widget_search .search-field { font-family: 'Open Sans', sans-serif !important; font-size: 0.9rem !important; font-weight: 400 !important; border: 2px solid #111 !important; border-radius: 8px !important; padding: 8px 12px !important; box-shadow: 3px 3px 0 #111 !important; width: 100% !important; background: #fffef0 !important; background-image: none !important; outline: none !important; } .widget_search .search-field:focus { border-color: #FFA500 !important; box-shadow: 3px 3px 0 #FFA500 !important; } /* Search submit — Poppins Medium */ .widget_search .search-submit { font-family: 'Poppins', sans-serif !important; font-size: 0.88rem !important; font-weight: 500 !important; background: #FFA500 !important; background-image: none !important; color: #111 !important; border: 2px solid #111 !important; border-radius: 8px !important; padding: 8px 18px !important; box-shadow: 3px 3px 0 #111 !important; cursor: pointer !important; margin-top: 8px !important; letter-spacing: 0.1px !important; transition: transform 0.2s, box-shadow 0.2s !important; } .widget_search .search-submit:hover { transform: translate(-2px, -2px) !important; box-shadow: 5px 5px 0 #111 !important; } /* ══════════════════════════════════════ ELEMENTOR BUTTONS — Poppins Medium ══════════════════════════════════════ */ .elementor-widget-button .elementor-button { font-family: 'Poppins', sans-serif !important; font-size: 0.9rem !important; font-weight: 500 !important; letter-spacing: 0.1px !important; background: #FFA500 !important; background-image: none !important; color: #111 !important; border: 2px solid #111 !important; border-radius: 8px !important; box-shadow: 3px 3px 0 #111 !important; transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s !important; } .elementor-widget-button .elementor-button:hover { transform: translate(-2px, -2px) !important; box-shadow: 5px 5px 0 #111 !important; background: #ffb733 !important; background-image: none !important; } .elementor-widget-divider .elementor-divider-separator { border-color: #FFA500 !important; border-style: dashed !important; } /* ══════════════════════════════════════ SCROLL TO TOP ══════════════════════════════════════ */ #scroll-to-top, .back-to-top, .scrolltop { background: #FFA500 !important; background-image: none !important; color: #111 !important; border: 2.5px solid #111 !important; border-radius: 50% !important; box-shadow: 3px 3px 0 #111 !important; transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s !important; } #scroll-to-top:hover, .back-to-top:hover { transform: translate(-2px, -2px) !important; box-shadow: 5px 5px 0 #111 !important; }/* End custom CSS */ /* Start custom CSS for post-comments, class: .elementor-element-794aefef *//* ═══════════════════════════════════════════════════════════ ELEMENTOR AUTHOR BOX — Journey Section Style Patrick Hand font + Orange accents + Doodle sketch feel Paste this in: Elementor > Custom CSS OR Appearance > Additional CSS ═══════════════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap'); /* ── OUTER WRAPPER ─────────────────────────────────────────── */ .elementor-widget-author-box .elementor-author-box, .elementor-author-box { font-family: 'Patrick Hand', cursive !important; background-color: #ffffff !important; background-image: radial-gradient(circle, #c8c4be 1.3px, transparent 1.3px) !important; background-size: 26px 26px !important; border: 2.5px solid #111 !important; border-radius: 14px !important; box-shadow: 6px 6px 0 #111 !important; padding: 28px 32px !important; position: relative !important; overflow: visible !important; } /* ── TAPE STRIP TOP (doodle decoration) ────────────────────── */ .elementor-widget-author-box .elementor-author-box::before, .elementor-author-box::before { content: '' !important; position: absolute !important; top: -14px !important; left: 50% !important; transform: translateX(-50%) !important; width: 60px !important; height: 16px !important; background: #FFA500 !important; opacity: 0.75 !important; border-radius: 4px !important; border: 2px solid #111 !important; z-index: 10 !important; } /* ── AUTHOR AVATAR ─────────────────────────────────────────── */ .elementor-author-box__avatar img, .elementor-author-box .elementor-author-box__avatar img { border-radius: 50% !important; border: 3px solid #111 !important; box-shadow: 4px 4px 0 #FFA500 !important; transition: transform 0.25s cubic-bezier(.34,1.56,.64,1) !important; } .elementor-author-box__avatar img:hover { transform: scale(1.1) rotate(-4deg) !important; } /* ── AUTHOR NAME ───────────────────────────────────────────── */ .elementor-author-box__name, .elementor-author-box .elementor-author-box__name { font-family: 'Patrick Hand', cursive !important; font-size: 1.35rem !important; font-weight: 700 !important; color: #111 !important; position: relative !important; display: inline-block !important; margin-bottom: 6px !important; } /* orange underline highlight on name */ .elementor-author-box__name::after { content: '' !important; position: absolute !important; left: -4px !important; right: -4px !important; bottom: 1px !important; height: 10px !important; background: #FFA500 !important; border-radius: 3px !important; opacity: 0.45 !important; transform: rotate(-1deg) skewX(-3deg) !important; z-index: -1 !important; } /* ── AUTHOR BIO / DESCRIPTION ──────────────────────────────── */ .elementor-author-box__bio, .elementor-author-box .elementor-author-box__bio { font-family: 'Patrick Hand', cursive !important; font-size: 1rem !important; color: #444 !important; line-height: 1.65 !important; margin-top: 6px !important; } /* ── POSTS COUNT / META ────────────────────────────────────── */ .elementor-author-box__posts-count, .elementor-author-box .elementor-author-box__posts-count { font-family: 'Patrick Hand', cursive !important; font-size: 0.9rem !important; color: #888 !important; margin-top: 4px !important; } /* ── "VIEW ALL POSTS" BUTTON ───────────────────────────────── */ .elementor-author-box__button, .elementor-author-box .elementor-author-box__button { font-family: 'Patrick Hand', cursive !important; font-size: 0.95rem !important; font-weight: 700 !important; color: #111 !important; background: #FFA500 !important; border: 2px solid #111 !important; border-radius: 8px !important; padding: 8px 20px !important; box-shadow: 3px 3px 0 #111 !important; text-decoration: none !important; display: inline-block !important; margin-top: 14px !important; transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s !important; } .elementor-author-box__button:hover { transform: translate(-2px, -2px) !important; box-shadow: 5px 5px 0 #111 !important; background: #ffb733 !important; color: #111 !important; } /* ── DIVIDER LINE (if any) ─────────────────────────────────── */ .elementor-author-box hr, .elementor-author-box .elementor-divider { border: none !important; border-top: 2px dashed #FFA500 !important; margin: 14px 0 !important; opacity: 0.7 !important; } /* ── SOCIAL ICONS (if shown) ───────────────────────────────── */ .elementor-author-box .elementor-social-icons-wrapper a, .elementor-author-box .e-social-icons a { color: #111 !important; border: 2px solid #111 !important; border-radius: 50% !important; width: 34px !important; height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-right: 6px !important; box-shadow: 2px 2px 0 #FFA500 !important; transition: transform 0.2s cubic-bezier(.34,1.56,.64,1) !important; background: #fff !important; } .elementor-author-box .elementor-social-icons-wrapper a:hover, .elementor-author-box .e-social-icons a:hover { transform: scale(1.15) rotate(-5deg) !important; background: #FFA500 !important; } /* ── SLIGHT ROTATION (doodle feel) ────────────────────────── */ .elementor-widget-author-box { transform: rotate(-0.4deg) !important; transition: transform 0.3s ease !important; } .elementor-widget-author-box:hover { transform: rotate(0deg) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-26da5629 *//* ═══════════════════════════════════════════════════════════ ELEMENTOR COMMENT BOX — Journey Section Style Patrick Hand font + Orange accents + Doodle sketch feel Paste: Appearance > Additional CSS OR Elementor Custom CSS ═══════════════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap'); /* ══════════════════════════════════════ COMMENTS SECTION WRAPPER ══════════════════════════════════════ */ .elementor-widget-wp-widget-recent-comments, .comments-area, #comments { font-family: 'Patrick Hand', cursive !important; background-color: #ffffff !important; background-image: radial-gradient(circle, #c8c4be 1.3px, transparent 1.3px) !important; background-size: 26px 26px !important; border: 2.5px solid #111 !important; border-radius: 14px !important; box-shadow: 6px 6px 0 #111 !important; padding: 32px 36px !important; position: relative !important; } /* tape strip top */ #comments::before, .comments-area::before { content: '' !important; position: absolute !important; top: -14px !important; left: 50% !important; transform: translateX(-50%) !important; width: 60px !important; height: 16px !important; background: #FFA500 !important; opacity: 0.75 !important; border-radius: 4px !important; border: 2px solid #111 !important; z-index: 10 !important; } /* ══════════════════════════════════════ COMMENTS TITLE ══════════════════════════════════════ */ .comments-title, #comments h2, #respond h3, .comment-reply-title { font-family: 'Patrick Hand', cursive !important; font-size: 1.5rem !important; font-weight: 700 !important; color: #111 !important; padding-bottom: 10px !important; margin-bottom: 20px !important; border-bottom: 2.5px dashed #FFA500 !important; position: relative !important; display: inline-block !important; } /* orange highlight on title */ .comments-title::after, #comments h2::after { content: '' !important; position: absolute !important; left: -4px !important; right: -4px !important; bottom: 12px !important; height: 11px !important; background: #FFA500 !important; border-radius: 3px !important; opacity: 0.4 !important; transform: rotate(-1deg) skewX(-3deg) !important; z-index: -1 !important; } /* ══════════════════════════════════════ INDIVIDUAL COMMENT ══════════════════════════════════════ */ .comment-list .comment, .comment-list li.comment { list-style: none !important; margin-bottom: 22px !important; } .comment-body { font-family: 'Patrick Hand', cursive !important; background: #fffef0 !important; border: 2.5px solid #111 !important; border-radius: 12px !important; padding: 18px 20px 14px !important; box-shadow: 4px 4px 0 #111 !important; position: relative !important; transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s !important; } .comment-body:hover { transform: translate(-2px, -2px) !important; box-shadow: 6px 6px 0 #111 !important; } /* tape on each comment */ .comment-body::before { content: '' !important; position: absolute !important; top: -11px !important; left: 22px !important; width: 42px !important; height: 13px !important; background: #FFA500 !important; opacity: 0.7 !important; border-radius: 3px !important; border: 1.5px solid #111 !important; } /* ── AVATAR ─── */ .comment-author .avatar, .comment-list .avatar { border-radius: 50% !important; border: 2.5px solid #111 !important; box-shadow: 3px 3px 0 #FFA500 !important; transition: transform 0.25s cubic-bezier(.34,1.56,.64,1) !important; } .comment-author .avatar:hover { transform: scale(1.12) rotate(-4deg) !important; } /* ── AUTHOR NAME ─── */ .comment-author .fn, .comment-author b, .comment-author cite { font-family: 'Patrick Hand', cursive !important; font-size: 1.05rem !important; font-weight: 700 !important; color: #111 !important; } .comment-author a { color: #111 !important; text-decoration: none !important; border-bottom: 2px solid #FFA500 !important; transition: color 0.2s !important; } .comment-author a:hover { color: #FFA500 !important; } /* ── COMMENT META (date/time) ─── */ .comment-metadata, .comment-metadata a { font-family: 'Patrick Hand', cursive !important; font-size: 0.88rem !important; color: #888 !important; text-decoration: none !important; } .comment-metadata a:hover { color: #FFA500 !important; } /* ── COMMENT TEXT ─── */ .comment-content p, .comment-content { font-family: 'Patrick Hand', cursive !important; font-size: 1rem !important; color: #333 !important; line-height: 1.65 !important; margin-top: 8px !important; } /* ── REPLY LINK ─── */ .comment-reply-link, .reply a { font-family: 'Patrick Hand', cursive !important; font-size: 0.88rem !important; font-weight: 700 !important; color: #111 !important; background: #FFA500 !important; border: 1.5px solid #111 !important; border-radius: 6px !important; padding: 3px 12px !important; box-shadow: 2px 2px 0 #111 !important; text-decoration: none !important; display: inline-block !important; margin-top: 8px !important; transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s !important; } .comment-reply-link:hover, .reply a:hover { transform: translate(-2px, -2px) !important; box-shadow: 4px 4px 0 #111 !important; background: #ffb733 !important; color: #111 !important; } /* ── NESTED / CHILD COMMENTS ─── */ .comment-list .children { margin-left: 28px !important; padding-left: 16px !important; border-left: 3px dashed #FFA500 !important; list-style: none !important; } /* ══════════════════════════════════════ COMMENT FORM (Leave a Reply) ══════════════════════════════════════ */ #respond, .comment-respond { font-family: 'Patrick Hand', cursive !important; background: #ffffff !important; background-image: radial-gradient(circle, #c8c4be 1.3px, transparent 1.3px) !important; background-size: 26px 26px !important; border: 2.5px solid #111 !important; border-radius: 14px !important; padding: 28px 30px !important; box-shadow: 6px 6px 0 #111 !important; margin-top: 32px !important; position: relative !important; } /* tape on form */ #respond::before, .comment-respond::before { content: '' !important; position: absolute !important; top: -14px !important; left: 50% !important; transform: translateX(-50%) !important; width: 60px !important; height: 16px !important; background: #FFA500 !important; opacity: 0.72 !important; border-radius: 4px !important; border: 2px solid #111 !important; } /* ── FORM TITLE ─── */ .comment-reply-title, #respond h3 { font-family: 'Patrick Hand', cursive !important; font-size: 1.35rem !important; font-weight: 700 !important; color: #111 !important; margin-bottom: 18px !important; } /* ── FORM LABELS ─── */ .comment-form label { font-family: 'Patrick Hand', cursive !important; font-size: 0.95rem !important; font-weight: 700 !important; color: #111 !important; display: block !important; margin-bottom: 5px !important; } /* ── INPUT FIELDS ─── */ .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea, #respond input[type="text"], #respond input[type="email"], #respond textarea { font-family: 'Patrick Hand', cursive !important; font-size: 1rem !important; color: #111 !important; background: #fffef0 !important; border: 2px solid #111 !important; border-radius: 8px !important; padding: 10px 14px !important; width: 100% !important; box-shadow: 3px 3px 0 #111 !important; outline: none !important; transition: box-shadow 0.2s, transform 0.2s !important; resize: vertical !important; } .comment-form input[type="text"]:focus, .comment-form input[type="email"]:focus, .comment-form input[type="url"]:focus, .comment-form textarea:focus, #respond input[type="text"]:focus, #respond input[type="email"]:focus, #respond textarea:focus { box-shadow: 4px 4px 0 #FFA500 !important; border-color: #FFA500 !important; transform: translate(-1px, -1px) !important; } /* ── SUBMIT BUTTON ─── */ .comment-form input[type="submit"], #respond input[type="submit"], .form-submit input { font-family: 'Patrick Hand', cursive !important; font-size: 1.05rem !important; font-weight: 700 !important; color: #111 !important; background: #FFA500 !important; border: 2.5px solid #111 !important; border-radius: 10px !important; padding: 11px 28px !important; box-shadow: 4px 4px 0 #111 !important; cursor: pointer !important; transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s !important; margin-top: 8px !important; } .comment-form input[type="submit"]:hover, #respond input[type="submit"]:hover, .form-submit input:hover { transform: translate(-2px, -2px) !important; box-shadow: 6px 6px 0 #111 !important; background: #ffb733 !important; } /* ── NO COMMENTS MESSAGE ─── */ .no-comments, .comment-list ~ p { font-family: 'Patrick Hand', cursive !important; font-size: 1rem !important; color: #888 !important; font-style: italic !important; text-align: center !important; padding: 16px !important; } /* ── CANCEL REPLY LINK ─── */ #cancel-comment-reply-link { font-family: 'Patrick Hand', cursive !important; font-size: 0.88rem !important; color: #e84040 !important; text-decoration: none !important; border-bottom: 1.5px dashed #e84040 !important; margin-left: 10px !important; } #cancel-comment-reply-link:hover { color: #111 !important; border-color: #111 !important; } /* ── SLIGHT TILT (doodle feel) ─── */ .elementor-widget-wp-widget-recent-comments { transform: rotate(-0.3deg) !important; transition: transform 0.3s ease !important; } .elementor-widget-wp-widget-recent-comments:hover { transform: rotate(0deg) !important; }/* End custom CSS */