.gg-math-minus{position:relative;transform:scale(var(--ggs,1));width:16px;height:2px}.gg-math-minus,.gg-math-plus,.gg-math-plus:after{box-sizing:border-box;display:block;background:currentColor;border-radius:10px}.gg-math-plus{margin-top:-2px;position:relative;transform:scale(var(--ggs,1));width:16px;height:2px}.gg-math-plus:after{content:"";position:absolute;width:2px;height:16px;top:-7px;left:7px}.gg-chevron-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-down:after{content:"";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:4px;top:2px}.gg-chevron-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-up:after{content:"";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-top:2px solid;border-right:2px solid;transform:rotate(-45deg);left:4px;bottom:2px}.gg-menu{transform:scale(var(--ggs,1))}.gg-menu,.gg-menu:after,.gg-menu:before{box-sizing:border-box;position:relative;display:block;width:20px;height:2px;border-radius:3px;background:currentColor}.gg-menu:after,.gg-menu:before{content:"";position:absolute;top:-6px}.gg-menu:after{top:6px}.gg-menu-left-alt{box-sizing:border-box;position:relative;display:block;width:16px;height:14px;transform:scale(var(--ggs,1))}.gg-menu-left-alt:after,.gg-menu-left-alt:before{content:"";position:absolute;box-sizing:border-box;display:block;height:2px;border-radius:4px;background:currentColor}.gg-menu-left-alt:before{width:16px;box-shadow:0 12px 0}.gg-menu-left-alt:after{width:10px;top:6px}.gg-edit-highlight{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-highlight:before{top:-1px;background:repeating-linear-gradient(180deg,currentColor,currentColor 2px,transparent 0,transparent 3px)}.gg-edit-highlight:after,.gg-edit-highlight:before{content:"";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px}.gg-edit-highlight:after{right:0;background:currentColor}.gg-layout-grid-small{transform:scale(var(--ggs,1))}.gg-layout-grid-small,.gg-layout-grid-small:after,.gg-layout-grid-small:before{box-sizing:border-box;position:relative;display:block;width:10px;height:2px;border-left:6px double;border-right:2px solid}.gg-layout-grid-small:after,.gg-layout-grid-small:before{content:"";position:absolute;left:-6px}.gg-layout-grid-small:after{bottom:4px}.gg-layout-grid-small:before{top:4px}.gg-layout-list{transform:scale(var(--ggs,1))}.gg-layout-list,.gg-layout-list:after,.gg-layout-list:before{box-sizing:border-box;position:relative;display:block;width:10px;height:2px;border-left:6px double;border-right:4px solid}.gg-layout-list:after,.gg-layout-list:before{content:"";position:absolute;left:-6px}.gg-layout-list:after{bottom:4px}.gg-layout-list:before{top:4px}.gg-pentagon-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px}.gg-pentagon-down:before{width:51%}.gg-pentagon-down:after,.gg-pentagon-down:before{content:" ";position:absolute;top:0;height:100%}.gg-pentagon-down:before{left:-2px;border-top:2px solid;border-left:2px solid;border-bottom:2px solid;transform:skew(0deg,30deg)}.gg-pentagon-down:after{right:-2px;width:50%;border-right:2px solid;border-bottom:2px solid;border-top:2px solid;transform:skew(0deg,-30deg)}.gg-pentagon-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px}.gg-pentagon-up:before{width:51%}.gg-pentagon-up:after,.gg-pentagon-up:before{content:" ";position:absolute;top:0;height:100%}.gg-pentagon-up:before{left:-2px;border-top:2px solid;border-left:2px solid;border-bottom:2px solid;transform:skew(0deg,-30deg)}.gg-pentagon-up:after{right:-2px;width:50%;border-right:2px solid;border-bottom:2px solid;border-top:2px solid;transform:skew(0deg,30deg)}.gg-add-r{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;border:2px solid;transform:scale(var(--ggs,1));border-radius:4px}.gg-add-r:after,.gg-add-r:before{content:"";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}.gg-add-r:after{width:2px;height:10px;top:4px;left:8px}.gg-remove-r{position:relative;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-remove-r,.gg-remove-r:before{box-sizing:border-box;display:block}.gg-remove-r:before{content:"";position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}.gg-add{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;border:2px solid;transform:scale(var(--ggs,1));border-radius:22px}.gg-add:after,.gg-add:before{content:"";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}.gg-add:after{width:2px;height:10px;top:4px;left:8px}.gg-remove{position:relative;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:22px}.gg-remove,.gg-remove:before{box-sizing:border-box;display:block}.gg-remove:before{content:"";position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}.gg-close{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:40px}.gg-close:after,.gg-close:before{content:"";display:block;box-sizing:border-box;position:absolute;width:16px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:5px;top:8px;left:1px}.gg-close:after{transform:rotate(-45deg)}.gg-chevron-double-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-chevron-double-down:after,.gg-chevron-double-down:before{content:"";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:7px;top:3px}.gg-chevron-double-down:after{top:8px}.gg-chevron-double-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-chevron-double-up:after,.gg-chevron-double-up:before{content:"";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:7px;bottom:3px}.gg-chevron-double-up:after{bottom:8px}.gg-chevron-down-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-chevron-down-o:after{content:"";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:6px;top:5px}.gg-chevron-up-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-chevron-up-o:after{content:"";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(-45deg);left:6px;bottom:5px}.gg-chevron-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-right:after{content:"";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg);right:6px;top:4px}.gg-chevron-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-left:after{content:"";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:6px;top:4px}.gg-chevron-right-s{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-right-s:after{content:"";display:block;box-sizing:border-box;position:absolute;width:7px;height:7px;border-bottom:1px solid;border-right:1px solid;transform:rotate(-45deg);right:8px;top:6px}.gg-chevron-down-s{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-down-s:after{content:"";display:block;box-sizing:border-box;position:absolute;width:7px;height:7px;border-bottom:1px solid;border-right:1px solid;transform:rotate(45deg);right:8px;top:6px}:root{--jtoc-z-index:999;--jtoc-border-width:3px}.wpj-jtoc.--jtoc-unfolded .wpj-jtoc--toggle-box{background-color:var(--jtoc-toggle-bg-color-alt,var(--jtoc-toggle-bg-color,transparent));border-color:var(--jtoc-toggle-border-color-alt,var(--jtoc-toggle-border-color,var(--jtoc-toggle-color-alt,var(--jtoc-toggle-color,var(--jtoc-title-color-alt,var(--jtoc-title-color,inherit))))))}.wpj-jtoc.--jtoc-unfolded .wpj-jtoc--toggle:after,.wpj-jtoc.--jtoc-unfolded .wpj-jtoc--toggle:before{color:var(--jtoc-toggle-color-alt,var(--jtoc-toggle-color,var(--jtoc-title-color-alt,var(--jtoc-title-color,inherit))));background-color:var(--jtoc-toggle-color-alt,var(--jtoc-toggle-color,var(--jtoc-title-color-alt,var(--jtoc-title-color,inherit))))}.wpj-jtoc.--jtoc-unfolded.--toggle-border .wpj-jtoc--toggle-box{border-color:var(--jtoc-toggle-border-color-alt,var(--jtoc-toggle-border-color,var(--jtoc-toggle-color-alt,var(--jtoc-toggle-color,var(--jtoc-title-color-alt,var(--jtoc-title-color,inherit))))))}.wpj-jtoc .wpj-jtoc--toggle-box{transition:transform .15s;font-size:16px;overflow:hidden;background-color:var(--jtoc-toggle-bg-color,transparent)}.wpj-jtoc .wpj-jtoc--toggle{position:relative;width:2em!important;height:2em!important}.wpj-jtoc .wpj-jtoc--toggle:after,.wpj-jtoc .wpj-jtoc--toggle:before{color:var(--jtoc-toggle-color,var(--jtoc-title-color,#333));background-color:var(--jtoc-toggle-color,var(--jtoc-title-color,#333))}.wpj-jtoc.--toggle-left .jtoc--question{flex-direction:row-reverse}.wpj-jtoc.--toggle-border .wpj-jtoc--toggle-box{box-sizing:content-box;border-width:2px;border-color:var(--jtoc-toggle-border-color,var(--jtoc-toggle-color,var(--jtoc-title-color,inherit)));border-style:solid}.wpj-jtoc.--toggle-rounded .wpj-jtoc--toggle-box{border-radius:.5em}.wpj-jtoc.--toggle-circle .wpj-jtoc--toggle-box{border-radius:50%}.wpj-jtoc.--toggle-size-xs .wpj-jtoc--toggle{font-size:50%}.wpj-jtoc.--toggle-size-s .wpj-jtoc--toggle{font-size:75%}.wpj-jtoc.--toggle-size-l .wpj-jtoc--toggle{font-size:125%}.wpj-jtoc.--toggle-180 .wpj-jtoc--toggle:after{transform:rotate(0deg)}.wpj-jtoc.--toggle-180 .--jtoc-widget-is-opened .wpj-jtoc--toggle:after{transform:rotate(180deg)}.wpj-jtoc.--jtoc-toggle-1 .wpj-jtoc--toggle{width:1em}.wpj-jtoc.--jtoc-toggle-1 .wpj-jtoc--toggle:after,.wpj-jtoc.--jtoc-toggle-1 .wpj-jtoc--toggle:before{content:"";display:block;position:absolute;height:2px;width:.625em;top:calc(50% - 2px / 3);transition:transform .15s ease-in-out}.wpj-jtoc.--jtoc-toggle-1 .wpj-jtoc--toggle:before{right:calc(1em - 0.09153125em - .70711px + .01094em);transform:rotate(45deg)}.wpj-jtoc.--jtoc-toggle-1 .wpj-jtoc--toggle:after{left:calc(1em - 0.09153125em - .70711px + .01094em);transform:rotate(-45deg)}.wpj-jtoc.--jtoc-toggle-1.--jtoc-is-unfolded .wpj-jtoc--toggle:before{transform:rotate(-45deg)}.wpj-jtoc.--jtoc-toggle-1.--jtoc-is-unfolded .wpj-jtoc--toggle:after{transform:rotate(45deg)}.wpj-jtoc.--jtoc-toggle-2 .wpj-jtoc--toggle{width:1em;height:1em}.wpj-jtoc.--jtoc-toggle-2 .wpj-jtoc--toggle:after,.wpj-jtoc.--jtoc-toggle-2 .wpj-jtoc--toggle:before{content:"";display:block;position:absolute;height:2px;width:1em;right:calc(50% - .5em);top:calc(50% - 1px);transition:transform .15s ease-in-out}.wpj-jtoc.--jtoc-toggle-2 .wpj-jtoc--toggle:before{transform:rotate(90deg)}.wpj-jtoc.--jtoc-toggle-2.--jtoc-is-unfolded .wpj-jtoc--toggle:before{transform:rotate(180deg)}.wpj-jtoc.--jtoc-toggle-3 .wpj-jtoc--toggle:after{content:"\276F";display:block;width:2em;height:2em;transition:transform .15s;background:none;display:flex;align-items:center;justify-content:center;position:absolute}.wpj-jtoc.--jtoc-toggle-3.--jtoc-is-unfolded .wpj-jtoc--toggle:after{transform:rotate(90deg)}.wpj-jtoc{margin-top:var(--jtoc-toc-root-margin-top,2rem);margin-bottom:var(--jtoc-toc-root-margin-bottom,2rem)}.wpj-jtoc::-webkit-scrollbar,.wpj-jtoc ::-webkit-scrollbar{width:4px;background-color:#0000000f}.wpj-jtoc::-webkit-scrollbar-thumb,.wpj-jtoc ::-webkit-scrollbar-thumb{background:#00000029}.wpj-jtoc.--jtoc-autoscroll::-webkit-scrollbar{display:none}.wpj-jtoc.--jtoc-autoscroll{-ms-overflow-style:none;scrollbar-width:none}.wpj-jtoc.--jtoc-headings-overflow-hidden .wpj-jtoc--item-content a{text-overflow:clip;overflow:hidden;white-space:nowrap}.wpj-jtoc.--jtoc-headings-overflow-hidden-ellipsis .wpj-jtoc--item-content>a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.wpj-jtoc.--jtoc-main-is-hidden{margin:0;padding:0}.wpj-jtoc.--jtoc-is-folded:not(.--jtoc-animate) .wpj-jtoc--body,.wpj-jtoc.--jtoc-is-folded:not(.--jtoc-animate) .wpj-jtoc--footer,.wpj-jtoc .--jtoc-is-hidden{display:none!important}.wpj-jtoc.--jtoc-header-as-toggle .wpj-jtoc--header{cursor:pointer}.wpj-jtoc.--jtoc-title-align-right .wpj-jtoc--title{text-align:right}.wpj-jtoc.--jtoc-title-align-center .wpj-jtoc--title{text-align:center}.wpj-jtoc.--jtoc-title-align-left .wpj-jtoc--title{text-align:left}.wpj-jtoc.--jtoc-toggle-icon .wpj-jtoc--toggle-wrap{height:var(--jtoc-header-height,initial);width:var(--jtoc-header-height,initial)}.wpj-jtoc.--jtoc-toggle-icon-std .wpj-jtoc--toggle-opened,.wpj-jtoc.--jtoc-toggle-text .wpj-jtoc--toggle-opened{display:initial}.wpj-jtoc.--jtoc-toggle-icon-std.--jtoc-is-folded .wpj-jtoc--toggle-opened,.wpj-jtoc.--jtoc-toggle-icon-std .wpj-jtoc--toggle-closed,.wpj-jtoc.--jtoc-toggle-text.--jtoc-is-folded .wpj-jtoc--toggle-opened,.wpj-jtoc.--jtoc-toggle-text .wpj-jtoc--toggle-closed{display:none}.wpj-jtoc.--jtoc-toggle-icon-std.--jtoc-is-folded .wpj-jtoc--toggle-closed,.wpj-jtoc.--jtoc-toggle-text.--jtoc-is-folded .wpj-jtoc--toggle-closed{display:initial}.wpj-jtoc.--jtoc-toggle-position-left .wpj-jtoc--header-main{flex-direction:row-reverse}.wpj-jtoc.--jtoc-toggle-position-right .wpj-jtoc--header-main{flex-direction:row}.wpj-jtoc.--jtoc-has-numeration .wpj-jtoc--item-content>a:before{content:attr(data-numeration) var(--jtoc-numeration-suffix," ")}.wpj-jtoc.--jtoc-headings-full-row-clickable .wpj-jtoc--item-content:hover{cursor:pointer}.wpj-jtoc.--jtoc-animate .wpj-jtoc--toc{transition-property:max-height;transition-duration:var(--jtoc-transition-duration,.5s);transition-timing-function:var(--jtoc-transition-timing-function,ease)}div:not(.wpj-jtoc--widget-floating)>.wpj-jtoc--toc{width:var(--jtoc-width,auto)}.wpj-jtoc--toc{margin:var(--jtoc-toc-margin,0);padding:var(--jtoc-toc-padding,0);overflow:hidden;display:var(--jtoc-display,inline-block);min-width:var(--jtoc-min-width);max-width:var(--jtoc-max-width,100%);z-index:var(--jtoc-z-index);background-color:var(--jtoc-background-color,transparent);font-size:var(--jtoc-font-size);border-radius:var(--jtoc-toc-border-radius);border:var(--jtoc-toc-border);border-color:var(--jtoc-toc-border-color);box-shadow:var(--jtoc-toc-box-shadow);box-sizing:border-box}.wpj-jtoc--header{height:var(--jtoc-header-height,initial);margin:var(--jtoc-header-margin);padding:var(--jtoc-header-padding);background-color:var(--jtoc-header-background-color,inherit);border-radius:var(--jtoc-header-border-radius);border:var(--jtoc-header-border);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:var(--jtoc-header-cursor,initial);color:var(--jtoc-header-color,inherit)}.wpj-jtoc--header-main{display:flex;justify-content:space-between;align-items:center;height:100%}.wpj-jtoc--header-main .wpj-jtoc--title{color:var(--jtoc-title-wrap-color,var(--jtoc-title-color));flex:1;display:flex;align-items:center}.wpj-jtoc--header-main .wpj-jtoc--title.--has-icon{column-gap:.5em;--jtoc-title-icon-size:20px}.wpj-jtoc--header-main .wpj-jtoc--title.--has-icon svg{width:var(--jtoc-title-icon-size);height:var(--jtoc-title-icon-size)}.wpj-jtoc--header-main .wpj-jtoc--title.--has-icon img{height:var(--jtoc-title-icon-size);width:auto}.wpj-jtoc--header-main .wpj-jtoc--title .title-icon{display:flex;align-items:center}span.wpj-jtoc--title-label{color:var(--jtoc-title-color,inherit);font-size:var(--jtoc-title-font-size,inherit);font-weight:var(--jtoc-title-label-font-weight,inherit);font-style:var(--jtoc-title-label-font-style)}.wpj-jtoc--toggle-wrap{left:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;cursor:pointer;height:100%}.wpj-jtoc--toggle-text{margin:0 10px;font-size:90%;color:var(--jtoc-toggle-color,gray)}.wpj-jtoc--toggle-text .--jtoc-bracket{color:initial;margin:0 3px}.wpj-jtoc--toggle-icon{margin:0 16px;color:var(--jtoc-toggle-color,gray)}.wpj-jtoc--body{margin:var(--jtoc-body-margin,0);padding:var(--jtoc-body-padding,0);max-width:var(--jtoc-max-width,100%);background-color:var(--jtoc-body-background-color,inherit)}.wpj-jtoc--body::-webkit-scrollbar{width:4px;background-color:#0000000f}.wpj-jtoc--body::-webkit-scrollbar-thumb{background:#00000029}.wpj-jtoc--body .wpj-jtoc--nav{display:block;position:relative;max-width:var(--jtoc-max-width,100%)}.wpj-jtoc--nav>.wpj-jtoc--items li{margin:0;padding:0;line-height:normal;background-color:var(--jtoc-headings-group-background-color,inherit)}.wpj-jtoc--toc ol.wpj-jtoc--items,.wpj-jtoc--toc ul.wpj-jtoc--items{list-style-type:none;margin:0;padding:0}.wpj-jtoc--toc ol.wpj-jtoc--items .wpj-jtoc--items,.wpj-jtoc--toc ul.wpj-jtoc--items .wpj-jtoc--items{margin-left:var(--jtoc-hierarchy-offset,16px)}.wpj-jtoc--item .wpj-jtoc--item-content{display:flex;min-width:0;margin:var(--jtoc-headings-margin,0);padding:var(--jtoc-headings-padding,0);line-height:var(--jtoc-headings-line-height);font-size:var(--jtoc-headings-font-size);border-radius:var(--jtoc-headings-border-radius);color:var(--jtoc-headings-color);background-color:var(--jtoc-headings-background-color)}.wpj-jtoc--item .wpj-jtoc--item-content:hover{color:var(--jtoc-headings-color-hover)!important;background-color:var(--jtoc-headings-background-color-hover)!important}.wpj-jtoc--item .wpj-jtoc--item-content:hover>a{color:var(--jtoc-link-color-hover)!important;background-color:var(--jtoc-link-background-color-hover)!important}.wpj-jtoc--item .wpj-jtoc--item-content:hover>a:before{color:var(--jtoc-numeration-color-hover)!important}.wpj-jtoc--item .wpj-jtoc--item-content>a{margin:var(--jtoc-link-margin,0);padding:var(--jtoc-link-padding,0);transition:none!important;text-overflow:inherit;outline:none!important;font-size:var(--jtoc-link-font-size);font-weight:var(--jtoc-link-font-weight);color:var(--jtoc-link-color,var(--jtoc-headings-color));background-color:var(--jtoc-link-background-color)}.wpj-jtoc--item .wpj-jtoc--item-content>a:before{color:var(--jtoc-numeration-color,var(--jtoc-link-color))}.wpj-jtoc--item .wpj-jtoc--item-content>a:visited{color:var(--jtoc-link-color,var(--jtoc-headings-color));background-color:var(--jtoc-link-background-color)}.wpj-jtoc--item .wpj-jtoc--item-content>a:focus,.wpj-jtoc--item .wpj-jtoc--item-content>a:focus-within{background-color:initial!important}.wpj-jtoc--item .wpj-jtoc--item-content>a:hover{color:var(--jtoc-link-color-hover,var(--jtoc-headings-color-hover));background-color:var(--jtoc-link-background-color-hover)}.--jtoc-is-active>.wpj-jtoc--item-content{color:var(--jtoc-headings-color-active);background-color:var(--jtoc-headings-background-color-active)}.--jtoc-is-active>.wpj-jtoc--item-content>a{color:var(--jtoc-link-color-active)!important;background-color:var(--jtoc-link-background-color-active)!important}.--jtoc-is-active>.wpj-jtoc--item-content>a:before{color:var(--jtoc-numeration-color-active,var(--jtoc-link-color-active,var(--jtoc-headings-color-active)))!important}.jtoc--bullet{display:flex;align-items:center}.jtoc--bullet .--bullet-inner{width:var(--jtoc-bullet-width,6px);height:var(--jtoc-bullet-height,6px);padding:var(--jtoc-bullet-padding);margin-right:var(--jtoc-bullet-margin-right,10px);margin-top:var(--jtoc-bullet-margin-top,5%);border-radius:var(--jtoc-bullet-border-radius);background-color:var(--jtoc-bullet-background-color,#333);border:var(--jtoc-bullet-border-width) var(--jtoc-bullet-border-style) var(--jtoc-bullet-border-color);background-image:var(--jtoc-bullet-background-image);background-repeat:no-repeat}.--jtoc-warning{color:#856404;border:1px solid #ffeeba;background-color:#fff3cd;font-style:italic;padding:10px 14px;margin-bottom:16px}.wpj-flex-center{display:flex;align-items:center;justify-content:center}.--jtoc-partial-fold .jtoc-view-more{display:flex}.--jtoc-partial-fold .wpj-jtoc--toc{position:relative}.jtoc-view-more{pointer-events:none;display:none;position:absolute;bottom:0;left:0;height:80px;width:100%;background:linear-gradient(0deg,var(--jtoc-background-color,#80808080) 25%,hsla(0,0%,100%,0));justify-content:center;align-items:end;color:var(--jtoc-title-color,#000);font-weight:600}.jtoc-view-more>span{pointer-events:all;cursor:pointer;z-index:1;padding:8px 16px;width:100%;text-align:center}.jtoc-view-more>span:hover{background-color:#0000000d}.jtoc-view-more:before{content:"";position:absolute;bottom:0;height:80px;width:100%}.wpj-jtoc.--jtoc-theme-basic-dark{--jtoc-background-color:#2b2b2b;--jtoc-body-padding:16px 18px 16px 18px;--jtoc-header-height:50px;--jtoc-headings-padding:2px 0;--jtoc-link-color:#92b4ff;--jtoc-link-color-hover:#92b4ff;--jtoc-link-color-active:#fff;--jtoc-link-font-size:90%;--jtoc-numeration-color:#aaa;--jtoc-numeration-color-active:#fff;--jtoc-numeration-color-hover:#92b4ff;--jtoc-title-color:#fff;--jtoc-title-font-size:1em;--jtoc-title-label-font-weight:600}.wpj-jtoc.--jtoc-theme-basic-dark .wpj-jtoc--header{position:relative}.wpj-jtoc.--jtoc-theme-basic-dark .wpj-jtoc--header .wpj-jtoc--header-main .wpj-jtoc--title{margin:0 18px;max-width:100%}.wpj-jtoc.--jtoc-theme-basic-dark .wpj-jtoc--header .wpj-jtoc--header-main .wpj-jtoc--title span.wpj-jtoc--title-label{display:block;width:100%}.wpj-jtoc.--jtoc-theme-basic-dark .wpj-jtoc--header+.wpj-jtoc--body{margin-top:-16px}.wpj-jtoc.--jtoc-theme-basic-dark .wpj-jtoc--items li{display:block}.wpj-jtoc.--jtoc-theme-basic-dark .wpj-jtoc--items li.--jtoc-is-active>.wpj-jtoc--item-content>a{font-weight:700}.wpj-jtoc.--jtoc-theme-basic-dark .wpj-jtoc--items li a{vertical-align:top;max-width:100%;text-decoration:none!important}.wpj-jtoc.--jtoc-theme-basic-dark .wpj-jtoc--items li a:hover{-webkit-text-decoration:underline 1px dotted!important;text-decoration:underline 1px dotted!important}:root {
--darkest-blue: #0a0b0f;
--dark-blue: #2B2D42;
--light-blue: #8D99AE;
--blue: #00a6fb;
--light-grey: #EDF2F4;
--light-red: #EF233C;
--dark-red: #D90429;
--green: #0ead69;
--dark-green: #0b8e55;
--standard-font: montserrat, verdana, arial;
--standard-font-size: 1.2rem;
--heading-font: bakbak, arial black, arial;
--max-width: 1000px;
}
* {
box-sizing: border-box;
}
@font-face {
font-family: bakbak;
src: url(//thewebdeveloperguide.com/wp-content/themes/webdevguidev2/BakBak_One/BakbakOne-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: montserrat;
src: url(//thewebdeveloperguide.com/wp-content/themes/webdevguidev2/Montserrat/Montserrat-VariableFont_wght.ttf);
font-display: swap;
}
body {
background-color: var(--darkest-blue);
color: var(--light-grey);
font-family: var(--standard-font);
font-size: var(--standard-font-size);
margin: 0;
padding: 0;
}
a {
color: var(--light-red);
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
text-decoration-color: var(--light-blue);
text-decoration-style: dashed;
}
.btn {
background-color: var(--dark-red);
border: 0;
border-radius: .3rem;
color: var(--light-grey);
cursor: pointer;
display: inline-block;
font-family: var(--standard-font);
padding: 1rem 1.5rem;
transition: transform .2s ease-in;
}
.btn:hover {
background-color: var(--light-red);
text-decoration: none;
transform: translateY(5px);
}
.btn--secondary {
background-color: var(--green);
}
.btn--secondary:hover {
background-color: var(--dark-green);
}
header {
display: flex;
justify-content: center;
padding: 1rem;
}
h1, h2, h3, h4 {
font-family: var(--heading-font);
letter-spacing: 5px;
text-transform: uppercase;
}
h1 {
font-size: 1.6rem;
line-height: 1.4;
margin-top: 0;
text-align: center;
}
header a {
color: var(--light-grey);
letter-spacing: 5px;
text-transform: uppercase;
font-size: 1.6rem;
line-height: 1.4;
margin-top: 0;
text-align: center;
}
header a:hover {
text-decoration: none;
}
header img {
height: auto;
transition: transform .3s linear;
width: 25px;
}
header a:hover img {
transform: rotate(20deg);
}
.code, .wp-block-preformatted, pre {
background-color: var(--dark-blue);
font-size: 1rem;
overflow-y: auto;
padding: 1rem 1rem 1rem 5%;
width: 100%;
}
.main-navigation {
display: flex;
font-size: 1rem;
justify-content: center;
}
.main-navigation ul {
list-style-type: none;
display: flex;
justify-content: center;
margin: 0;
padding: 0;
}
.main-navigation ul li {
margin-right: 1.8rem;
}
.main-navigation ul li:last-child {
margin-right: 0;
}
.main-navigation ul li:first-child {
margin-right: 0;
}
.main-navigation ul li a {
border-bottom: 1px solid var(--darkest-blue);
padding-bottom: 5px;
color: var(--light-grey);
font-size: .9rem;
transition: border .3s ease-in;
}
.main-navigation ul li a:hover {
border-bottom: 1px solid var(--light-red);
text-decoration: none;
}
.divider {
background-color: var(--dark-blue);
height: 1px;
max-width: 300px;
margin: 2rem auto 1rem auto;
width: 100%;
}
.stFlx {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.nwFlx {
display: flex;
flex-wrap: nowrap;
}
.stLayout {
margin: 0 auto;
max-width: var(--max-width);
padding: 1rem 0;
width: 100%;
}
.stFlx--centre {
justify-content: center;
}
.stFlx--right {
justify-content: flex-end;
}
.stHeading {
font-family: var(--heading-font);
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
}
.stHeading span {
color: var(--light-red);
}
.hide--mobile {
display: none;
}
.hide--mobile--small {
display: none;
}
.hide--tablet {
display: initial;
}
.articleList {
padding: 2rem 0;
}
.articleList h2 {
margin: 0 0 4rem 0;
text-align: center;
width: 100%;
}
.articleList__items {
justify-content: space-between;
padding: 0 1rem;
margin-bottom: 2rem;
}
.articleList__item {
color: var(--light-grey);
font-size: 1rem;
line-height: 1.6;
margin-bottom: 4rem;
position: relative;
text-decoration: none;
width: 100%;
}
.articleList__item--single {
width: 100%; 
}
.articleList__item:hover {
text-decoration: none;
}
.articleList__item img {
height: auto;
width: 100%;
}
.articleList__item-date {
color: var(--light-red);
display: block;
font-size: .9rem;
margin-top: 1rem;
text-transform: uppercase;
}
.articleList__item-heading {
text-align: left;
}
.articleList__item-content {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-bottom: 1rem;
}
.articleList__item--primary-tag {
background-color: var(--green);
font-size: .8rem;
padding: 0 .6rem;
position: absolute;
top: -.6rem;
left: -.3rem;
z-index: 2;
}
.articleList__item h3 {
font-size: 1.4rem;
}
.articleList__item .btn {
font-size: 1rem;
padding: .5rem .8rem;
}
.topicLayout {
padding-bottom: 2rem;
}
.topicLayout h2 {
text-align: center;
width: 100%;
}
.topics {
margin: 2rem 0 2rem 0;
padding: 0 1rem;
}
.topic {
align-content: center;
align-items: center;
background-color: var(--dark-blue);
border-radius: .3rem;
color: var(--light-grey);
display: flex;
height: 200px;
justify-content: center;
margin: 0 0 1rem 0;
transition: background-color .3s ease-in;
width: 100%;
}
.topic:hover {
background-color: var(--dark-red);
text-decoration: none;
}
.twoCol__content {
align-items: center; 
flex-wrap: wrap;
font-size: 1rem;
line-height: 1.6;
padding-bottom: 8rem;
}
.twoCol strong {
color: var(--blue);
}
.twoCol img, .twoCol picture {
border-radius: 100%;
height: auto;
margin-bottom: 1rem;
max-width: 300px;
width: 100%;
}
.twoCol__text {
overflow: hidden;
width: 100%;
}
.twoCol__text h3 {
font-size: 1rem;
}
footer {
background-color: #000;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 2rem 1rem;
}
.footer__content {
display: flex;
flex-wrap: wrap;
max-width: var(--max-width);
width: 100%;
}
footer ul {
line-height: 1.4;
padding: 0;
}
footer ul li {
border-bottom: 1px solid #333;
list-style-type: none;
padding: 1rem 0;
}
.footer__content-list {
flex-basis: 100%;
}
.copyright {
flex-basis: 100%;
font-size: .9rem;
line-height: 1.6;
max-width: var(--max-width);
padding-top: 4rem;
}
.article {
line-height: 2;
margin: 0 auto;
max-width: 800px;
width: 90%;
}
.article blockquote {
font-family: var(--heading-font);
font-size: 1.4rem;
font-style: italic;
font-weight: bold;
letter-spacing: 2px;
line-height: 1.4;
margin: 2rem;
}
.article h1 {
margin: 2rem 0;
}
.article__byline {
font-size: 1rem;
text-align: center;
}
.article__author {
align-items: center;
display: flex;
justify-content: center;
}
.article__author img {
border-radius: 100%;
height: auto;
margin-right: .5rem;
width: 40px;
}
.article__categories {
display: flex;
justify-content: center;
margin-top: .8rem;
}
.article__categories a {
margin-right: .5rem;
}
.article__categories a:last-child {
margin-right: 0;
}
.article__content {
font-size: 1.2rem;
margin-top: 2rem;
}
.post .article__content h2,
.post .article__content h3,
.post .article__content h4   {
margin: 3rem 0;
}
.article__content h2 {
border-top: 6px solid var(--light-red);
font-size: 1.8rem;
padding-top: 1rem;
}
.article__content h3 {
border-left: 8px solid var(--green);
font-size: 1.4rem;
padding-left: 1rem;
}
.article__content h4 {
border-left: 10px solid var(--blue);
padding-left: 1rem;
}
.article__content figure {
margin: 0;
width: 100%;
}
.article__content img {
display: block;
height: auto;
margin: 3rem auto;
max-width: 100%;
width: auto;
}
.article__content .articleList__item img {
margin: 0;
}
.article__bio {
display: flex;
flex-wrap: wrap;
justify-content: center;
line-height: 1.4;
margin: 3rem 0;
}
.article__bio img {
border-radius: 100%;
margin-bottom: 2rem;
}
.search {
align-content: center;
align-items: center;
background-color: var(--dark-red);
border-radius: 100%;
height: 30px;
padding: 1rem;
position: absolute;
top: 1rem;
right: 1rem;
width: 30px
}
.search img {
height: 15px;
width: 15px;
}
.overlay {
background-color: var(--dark-blue);
align-items: center;
align-content: center;
position: fixed;
height: 100vh;
opacity: 0;
visibility: hidden;
top: 0;
transition: opacity .3s ease-in;
width: 100vw;
z-index: 4;
}
.overlay h2 {
font-size: 2rem;
margin: 0 0 3rem 0;
text-align: center;
width: 100%;
}
.show {
opacity: 1;
visibility: visible;
}
.search-input {
background: transparent;
border: 0;
border-bottom: 1px solid var(--light-grey);
color: var(--light-grey);
font-family: var(--standard-font);
font-size: 1.2rem;
padding: .5rem 0;
width: 90%;
}
.search-input:focus, .search-input:focus-visible {
border-bottom: 1px solid var(--light-grey);
outline: 0;
}
.search-form {
max-width: 500px;
width: 70%;
}
.search-button {
background: transparent;
border: 0;
cursor: pointer;
height: auto;
margin-left: 1rem;
width: 25px;
}
.close-search {
background: transparent;
border: 0;
cursor: pointer;
position: absolute;
top: 1rem;
right: 2rem;
}
.recommendation {
border: 1px solid var(--dark-blue);
border-radius: .3rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 2rem 0;
padding: 2rem;
position: relative;
}
.recommendation__top-pick {
background-color: var(--light-red);
font-size: .8rem;
padding: 0 .6rem;
position: absolute;
top: -10px;
left: -10px;
z-index: 2;
}
.recommendation__content {
align-items: flex-start;
align-content: center;
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
justify-content: center;
order: 1;
}
.recommendation__content__title {
flex-basis: 100%;
font-size: 1.6rem;
line-height: 1.6;
margin-bottom: 1.5rem;
text-align: center;
}
.recommendation__content__title:hover {
text-decoration: none;
}
.recommendation__image {
flex-basis: 100%;
max-width: 300px;
}
.recommendation__content__button {
padding: .5rem .8rem;
}
.recommendation__content__notice {
font-size: .9rem;
font-style: italic;
line-height: 1.6;
margin-top: 1.5rem;
}
.hero {
position: relative;
width: 100%;
}
.subscribe {
background: #2E3840;
border-radius: .3rem;
margin: 3rem auto 0 auto;
width: 100%;
}
.hero img {
display: none;
}
.hero__bg {
border-radius: .3rem;
left: 0;
right: 0;
position: absolute;
z-index: 2;
}
.subscribe__content {
font-size: 1rem;
padding: 1rem;
line-height: 1.4;
text-align: center;
width: 100%;
}
.hero__content {
font-size: 1rem;
padding: 1rem;
line-height: 1.4;
max-width: 600px;
text-align: center;
width: 100%;
}
.hero__content strong {
color: var(--light-red);
}
.hero__content h2,
.subscribe__heading {
font-family: var(--heading-font);
font-size: 1.6rem;
letter-spacing: 5px;
margin: 0;
text-transform: uppercase;
}
.hero__form input {
border: 0;
border-radius: .3rem;
font-family: var(--standard-font);
margin-bottom: .8rem;
max-width: 400px;
padding: .8rem;
flex-basis: 100%;
}
.hero__form button {
margin-top: .6rem;
max-width: 400px;
flex-basis: 100%;
font-size: 1rem;
}
.hero__nospam {
font-size: .9rem;
margin-top: .5rem;
}
@media (min-width: 380px) {
.hide--mobile--small {
display: initial;
}
.hide--tablet {
display: none;
}
.twoCol__text h3 {
font-size: 1.2rem;
}
}
@media (min-width: 500px) {
h1 {
font-size: 2.5rem;
}
header img {
width: 50px;
}
header {
padding: 2rem 0;
}
header a {
font-size: 2.5rem;
}
.main-navigation ul li a {
font-size: 1rem;
}
.main-navigation ul li:first-child {
margin-right: 1.8rem;
}
.divider {
max-width: 600px;
margin: 4rem auto 3rem auto;
}
.hide--mobile {
display: initial;
}
.search {
height: 50px;
top: 2rem;
right: 4rem;
width: 50px
}
.search img {
width: 25px;
}
.hero {
height: 450px;
position: initial;
}
.hero img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
width: max-content;
}
.hero__content {
padding: 2rem 1rem;
position: absolute;
z-index: 3;
}
.subscribe__content {
padding: 2rem 1rem;
}
.hero__content h2,
.subscribe__heading {
font-size: 2.2rem;
margin: initial;
}
.hero__form {
margin-top: 2rem;
}
.hero__nospam {
margin-top: 2rem;
}
.articleList__items {
padding: 0;
}
.articleList__item {
width: calc((100% / 2) - 2rem);
}
.articleList__item--single {
width: 100%; 
}
.article__content {
margin-top: 4rem;
}
.article__content h2 {
font-size: 2rem;
}
.article__content h3 {
font-size: 1.6rem;
}
.article__content .articleList__items .articleList__item--single img {
margin: 0 auto;
}
.articleList__item--single .articleList__item--primary-tag {
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
width: 70px;
}
.article blockquote {
font-size: 1.6rem;
letter-spacing: 2px;
line-height: 1.6;
margin: 4rem;
}
.topics {
margin-bottom: 6rem;
}
.topic {
margin: 0 1rem 1rem 0;
padding: 0;
width: calc((100% / 3) - 2rem);
}
.topic:nth-child(3n) {
margin-right: 0;
}
.twoCol__content {
flex-wrap: nowrap;
}
.twoCol img, .twoCol picture {
margin: 0 4rem 0 0;
max-width: 300px;
}
.twoCol__text {
padding: 0;
}
.twoCol__text h3 {
font-size: 1.4rem;
}
.article__bio {
align-items: center;
display: flex;
flex-wrap: nowrap;
line-height: 1.4;
margin: 6rem 0;
}
.article__bio img {
margin-bottom: 0;
margin-right: 2rem;
}
.footer__content-list {
flex-basis: calc((100% / 3) - 4rem);
margin-right: 4rem;
}
.footer__content-list:last-child {
margin-right: 0;
}
.recommendation__content {
flex-basis: calc(100% - 350px);
order: 0;
}
.post .article__content h2,
{
padding-top: 2rem;
}
.post .article__content h3,
.post .article__content h4  {
padding-left: 2rem;
}
.post .article__content h2,
.post .article__content h3,
.post .article__content h4 {
margin: 5rem 0;
}
.article__content .hero__content h2 {
font-size: 2rem;
margin: 0;
padding: 0;
}
}