.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-11131 .elementor-element.elementor-element-6e637b0 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11131 .elementor-element.elementor-element-6e637b0.elementor-element{--align-self:flex-start;}.elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(9px/2);}.elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(9px/2);}.elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(9px/2);margin-left:calc(9px/2);}.elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-9px/2);margin-left:calc(-9px/2);}body.rtl .elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-9px/2);}body:not(.rtl) .elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-9px/2);}.elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-icon i{color:#8B8B8B;font-size:6px;}.elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-icon svg{fill:#8B8B8B;--e-icon-list-icon-size:6px;}.elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-icon{width:6px;}body:not(.rtl) .elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-text{padding-left:0px;}body.rtl .elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-text{padding-right:0px;}.elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-text, .elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-text a{color:#838383;}.elementor-11131 .elementor-element.elementor-element-6e637b0 .elementor-icon-list-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;}.elementor-11131 .elementor-element.elementor-element-2e6f3de .elementor-icon-list-icon{width:14px;}.elementor-11131 .elementor-element.elementor-element-2e6f3de .elementor-icon-list-icon i{font-size:14px;}.elementor-11131 .elementor-element.elementor-element-2e6f3de .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-11131 .elementor-element.elementor-element-c064119{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11131 .elementor-element.elementor-element-c064119.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-11131 .elementor-element.elementor-element-cf08382 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11131 .elementor-element.elementor-element-cf08382{--box-border-color:#C5C5C5;--box-border-width:1px;--box-border-radius:5px;--box-padding:17px;box-shadow:0px 0px 10px 0px rgba(246.5, 246.5, 246.5, 0.5);--header-color:#ADADAD;--item-text-color:var( --e-global-color-d1e223d );--item-text-decoration:underline;--item-text-hover-color:var( --e-global-color-18e77b5 );--item-text-hover-decoration:underline;--item-text-active-color:var( --e-global-color-d1e223d );--item-text-active-decoration:underline;--marker-color:var( --e-global-color-d1e223d );--marker-size:14px;}.elementor-11131 .elementor-element.elementor-element-cf08382 .elementor-toc__header-title{text-align:start;}.elementor-11131 .elementor-element.elementor-element-cf08382 .elementor-toc__header, .elementor-11131 .elementor-element.elementor-element-cf08382 .elementor-toc__header-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:29px;}.elementor-11131 .elementor-element.elementor-element-cf08382 .elementor-toc__header{flex-direction:row;}.elementor-11131 .elementor-element.elementor-element-cf08382 .elementor-toc__list-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}/* Start custom CSS for post-info, class: .elementor-element-2e6f3de */.elementor-11131 .elementor-element.elementor-element-2e6f3de .elementor-post-info{display:flex;flex-wrap:wrap;gap:8px}
.elementor-11131 .elementor-element.elementor-element-2e6f3de .elementor-post-info .elementor-post-info__terms-list{font-size:0 !important;display:flex !important;flex-wrap:wrap;gap:4px}
.elementor-11131 .elementor-element.elementor-element-2e6f3de .elementor-post-info .elementor-post-info__terms-list-item{display:inline-block;font-family:Inter,sans-serif;font-size:13px !important;font-weight:600;line-height:1.4;color:#1772E2;background:#EAF2FD;border-radius:5px;padding:4px 10px;text-decoration:none}/* End custom CSS */
/* Start custom CSS *//* Pattern pages: tables + component pills (only loads with this template) */
.single-patterns .wp-block-table{margin:20px 0 44px;overflow-x:visible}
.single-patterns .wp-block-table table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #E3E8EE;border-radius:10px;overflow:hidden;background:#fff;font-size:16px;line-height:1.6;margin:0}
.single-patterns .wp-block-table thead{border:0}
.single-patterns .wp-block-table thead th{background:#F7F9FB;color:#5B6673;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;text-align:left;padding:12px 20px;border:0;border-bottom:1px solid #E3E8EE}
.single-patterns .wp-block-table tbody td{background:#fff;color:#24323F;padding:16px 20px;border:0;border-top:1px solid #EDF1F5;vertical-align:top}
.single-patterns .wp-block-table tbody tr:first-child td{border-top:0}
.single-patterns .wp-block-table tbody tr:hover td{background:#FAFCFF}
.single-patterns .wp-block-table tbody td:first-child{font-weight:600;width:30%}
.single-patterns .wp-block-table.hop-params tbody td:last-child,.single-patterns .wp-block-table.hop-params thead th:last-child{width:1%;white-space:nowrap;text-align:right;color:#5B6673;font-variant-numeric:tabular-nums}
.single-patterns .hop-connect{display:inline-block;font-size:12px;font-weight:600;line-height:1.4;color:#1772E2;background:#EAF2FD;border-radius:5px;padding:2px 8px}
.single-patterns code.gh-comp{font-family:Inter,sans-serif;font-size:.84em;font-weight:600;line-height:1.4;color:#24323F;background:#EEF3F8;border:1px solid #D9E2EC;border-radius:5px;padding:1px 7px;white-space:nowrap;vertical-align:baseline}
.single-patterns .hop-note{border-left:3px solid #1772E2;background:#F4F8FE;padding:16px 20px;border-radius:0 6px 6px 0;margin:8px 0 44px}
.single-patterns .hop-note a{color:#1772E2;font-weight:600;text-decoration:none}
@media (max-width:640px){
 .single-patterns .wp-block-table table,.single-patterns .wp-block-table tbody,.single-patterns .wp-block-table tr,.single-patterns .wp-block-table td{display:block;width:auto!important}
 .single-patterns .wp-block-table thead{display:none}
 .single-patterns .wp-block-table tbody td{border-top:0;padding:4px 16px}
 .single-patterns .wp-block-table tbody tr{border-top:1px solid #EDF1F5;padding:12px 0}
 .single-patterns .wp-block-table tbody tr:first-child{border-top:0}
 .single-patterns .wp-block-table.hop-params tbody td:last-child{text-align:left;white-space:normal}
 .single-patterns .wp-block-table.hop-params tbody td:last-child::before{content:"Default: ";font-weight:600}
}
/* Stack content + sidebar on phones and tablets */
@media (max-width:767px){
 .elementor-element-b9d1d29{flex-direction:column!important}
 .elementor-element-b9d1d29 > .elementor-element-7a43a06,.elementor-element-b9d1d29 > .elementor-element-cdd1d7c{width:100%!important;max-width:100%!important}
}
/* Inputs: referenced-geometry cards */
.single-patterns .hop-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:20px 0 48px}
.single-patterns .hop-input{background:#fff;border:1px solid #E3E8EE;border-left:3px solid #1772E2;border-radius:8px;padding:16px 18px}
.single-patterns .hop-input p{margin:0}
.single-patterns .hop-input .hop-input__label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5B6673;margin-bottom:10px}
.single-patterns .hop-input .hop-input__name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.single-patterns .hop-input .hop-input__name span{font-size:13px;color:#5B6673}
.single-patterns .hop-input .hop-input__desc{font-size:15px;line-height:1.55;color:#24323F}
/* Main Sliders: blue table */
.single-patterns .wp-block-table.hop-sliders table{border:1px solid #BFD6F6;background:#F4F8FE}
.single-patterns .wp-block-table.hop-sliders thead th{background:#1772E2;color:#fff;border-bottom:0}
.single-patterns .wp-block-table.hop-sliders tbody td{background:#F4F8FE;border-top:1px solid #D8E6F9}
.single-patterns .wp-block-table.hop-sliders tbody tr:first-child td{border-top:0}
.single-patterns .wp-block-table.hop-sliders tbody tr:hover td{background:#EAF2FD}
.single-patterns .wp-block-table.hop-sliders tbody td:first-child{color:#0B386E}
.single-patterns .wp-block-table.hop-sliders tbody td:last-child,.single-patterns .wp-block-table.hop-sliders thead th:last-child{width:1%;white-space:nowrap;text-align:right}
.single-patterns .hop-val{display:inline-block;min-width:48px;text-align:center;font-size:14px;font-weight:600;line-height:1.4;color:#1772E2;background:#fff;border:1.5px solid #1772E2;border-radius:999px;padding:3px 12px;font-variant-numeric:tabular-nums}
.single-patterns .hop-also{font-size:15px;color:#5B6673;margin:-28px 0 48px}
@media (max-width:640px){
 .single-patterns .wp-block-table.hop-sliders tbody td:last-child{text-align:left;white-space:normal;padding-top:8px}
 .single-patterns .wp-block-table.hop-sliders tbody td:last-child::before{content:"Default ";font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#5B6673;margin-right:8px}
}
@media (max-width:640px){
 .single-patterns .wp-block-table.hop-sliders tbody td,.single-patterns .wp-block-table.hop-logic tbody td{border-top:0}
 .single-patterns .wp-block-table.hop-sliders tbody tr{border-top:1px solid #D8E6F9}
 .single-patterns .wp-block-table.hop-sliders tbody tr:first-child{border-top:0}
}
/* Content rhythm: equal space above every H2, room at the end */
.single-patterns .elementor-widget-theme-post-content h2{margin-top:56px;margin-bottom:16px}
.single-patterns .elementor-widget-theme-post-content h2:first-child{margin-top:0}
.single-patterns .elementor-widget-theme-post-content{padding-bottom:88px}
.single-patterns .elementor-element-4ae3dd6 a{font-weight:600}
/* Notes box */
.single-patterns ul.hop-notes{list-style:none;margin:16px 0 0;padding:6px 24px;background:#F7F9FB;border:1px solid #E3E8EE;border-radius:10px}
.single-patterns ul.hop-notes li{position:relative;margin:0;padding:14px 0 14px 22px;border-top:1px solid #E6ECF2;line-height:1.6;color:#24323F}
.single-patterns ul.hop-notes li:first-child{border-top:0}
.single-patterns ul.hop-notes li::before{content:"";position:absolute;left:0;top:24px;width:7px;height:7px;border-radius:50%;background:#1772E2}
/* First heading flush, tutorial link bold */
.single-patterns .elementor-widget-theme-post-content h2:first-of-type{margin-top:0}
.single-patterns .e-4ae3dd6-96c0372 a{font-weight:600}
/* Course card at the end */
.single-patterns .elementor-widget-theme-post-content{padding-bottom:0}
.single-patterns .hop-cta{border:1px solid #d6e4fb;border-top:4px solid #1772E2;background:#f4f8fe;border-radius:10px;padding:32px 36px;margin:56px 0 88px;color:#333;line-height:1.7}
.single-patterns .hop-cta p{margin:0 0 14px}
.single-patterns .hop-cta .hop-cta__kicker{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#1772E2;margin:0 0 8px}
.single-patterns .hop-cta .hop-cta__title{font-size:24px;font-weight:700;line-height:1.35;color:#111;margin:0 0 12px}
.single-patterns .hop-cta .hop-cta__proof{font-size:15px;color:#555}
.single-patterns .hop-cta .hop-cta__btn{display:inline-block;background:#1772E2;color:#fff;font-weight:600;text-decoration:none;border-radius:7px;padding:13px 24px;margin:4px 0 12px}
.single-patterns .hop-cta .hop-cta__btn:hover{background:#0b5fc7;color:#fff}
.single-patterns .hop-cta .hop-cta__fine{font-size:14px;color:#666;margin:0}
@media (max-width:600px){.single-patterns .hop-cta{padding:24px}}
/* Script screenshot (hidden automatically when the field is empty) */
.single-patterns .hop-script img{display:block;width:100%;height:auto;margin-top:24px;border:1px solid #E3E8EE;border-radius:10px}

/* Usage box: matches the sidebar boxes above */
.single-patterns .hop-usage{background:#fff;border:1px solid #C5C5C5;border-radius:5px;padding:14px 16px;margin:0;font-size:14px;line-height:1.55;color:#5B6673}
.single-patterns .hop-usage p{margin:0 0 8px}
.single-patterns .hop-usage p:last-child{margin:0}
.single-patterns .hop-usage .hop-usage__title{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#5B6673;margin-bottom:8px}
.single-patterns .hop-usage .hop-usage__copy{font-size:12px;color:#8A949F}
/* Content column stacks vertically (post content, then screenshot) */
.single-patterns .elementor-element-7a43a06{flex-direction:column}
.single-patterns .elementor-element-7a43a06 > .elementor-widget{width:100%}
/* TOC: equal-width numbers, same colour for every item, blue on hover */
.single-patterns .elementor-toc__list-item-text-wrapper::before{font-variant-numeric:tabular-nums;display:inline-block;min-width:1.3em}
.single-patterns .elementor-toc__list-item-text.elementor-item-active:hover{color:#1772E2}
/* Search phrase line under the H1 */
[data-id="662226e"]{font-size:17px!important;line-height:1.45!important;font-weight:500!important;color:#5B6673!important;margin-top:-8px!important;margin-bottom:2px!important}

/* Type pills link to type pages */
[data-id="2e6f3de"] a.elementor-post-info__terms-list-item{transition:background-color .15s}
[data-id="2e6f3de"] a.elementor-post-info__terms-list-item:hover{background-color:#D3E4FB}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://hopific.com/wp-content/uploads/2023/06/Inter-Regular.eot');
	src: url('https://hopific.com/wp-content/uploads/2023/06/Inter-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-Regular.woff2') format('woff2'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-Regular.woff') format('woff'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://hopific.com/wp-content/uploads/2023/06/Inter-Medium.eot');
	src: url('https://hopific.com/wp-content/uploads/2023/06/Inter-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-Medium.woff2') format('woff2'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-Medium.woff') format('woff'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://hopific.com/wp-content/uploads/2023/06/Inter-SemiBold.eot');
	src: url('https://hopific.com/wp-content/uploads/2023/06/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-SemiBold.woff2') format('woff2'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-SemiBold.woff') format('woff'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://hopific.com/wp-content/uploads/2023/06/Inter-Bold.eot');
	src: url('https://hopific.com/wp-content/uploads/2023/06/Inter-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-Bold.woff2') format('woff2'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-Bold.woff') format('woff'),
		url('https://hopific.com/wp-content/uploads/2023/06/Inter-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */