/*!
Theme Name: htlc
Author: Trevor Van As
Version: 1.0.0
*/

html {font-size: 16px;line-height: 1.7;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;font-family: 'Montserrat', sans-serif;scrollbar-gutter: stable }[id] {scroll-margin-top: 2ex }:root {--color-primary: #084087;--color-primary-variant: #0f5cbf;--color-secondary: #B30F0F;--color-secondary-variant: #F72C25 }::selection {color: #fff;background-color: var(--color-primary-variant) }::-webkit-scrollbar {-webkit-appearance: none }::-webkit-scrollbar-track {background: #fff }::-webkit-scrollbar-thumb {background-color: var(--color-secondary) }body, .post, .page {margin: 0 }main {display: block }hr {box-sizing: content-box;height: 0;overflow: visible }pre {font-family: monospace, monospace;font-size: 1em }a {background-color: transparent;color: var(--color-primary) }p a, .text-white li a {text-decoration-thickness: 2px;text-underline-offset: 4px;}a:hover, a:focus, a:active {color: var(--color-primary-variant);transition: 0.2s }a:focus {outline: thin dotted }a:hover, a:active {outline: 0 }abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted }b, strong {font-weight: bolder }code, kbd, samp {font-family: monospace, monospace;font-size: 1em }small {font-size: 80% }sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline }sub {bottom: -.25em }sup {top: -.5em }img {height: auto;max-width: 100%;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;margin: 0 }button, input {overflow: visible }button, select {text-transform: none }button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button }button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0 }button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText }fieldset {padding: .35em .75em .625em }legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal }progress {vertical-align: baseline }[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto }[type="search"] {-webkit-appearance: textfield;outline-offset: -2px }[type="search"]::-webkit-search-decoration {-webkit-appearance: none }::-webkit-file-upload-button {-webkit-appearance: button;font: inherit }details {display: block }summary {display: list-item }*, *::before, *::after {box-sizing: inherit }html {box-sizing: border-box }body, button, input, select, optgroup, textarea {color: #000;font-size: 1rem;line-height: 1.7 }h1, h2, h3, h4, h5, h6 {clear: both;font-family: 'Montserrat', sans-serif;line-height: 1.3 }dfn, cite, em, i {font-style: italic }figcaption {text-align: center;font-size: .9rem;color: #555d66 }blockquote {margin: 0 1.5em;border-left: 5px solid var(--color-primary);margin: 10px 10px 0 0;padding: 0 0 0 20px }pre {background: #eee;font-family: "Courier 10 Pitch", courier, monospace;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em }code, kbd, tt, var {font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace }mark, ins {background: #fff;text-decoration: none }big {font-size: 125% }h1 {font-size: clamp(1.75rem, 1.6vw + 1.3rem, 2.5rem);margin: 0.35em 0 0.5em 0;word-break: break-word;}h2 {font-size: clamp(1.5rem, 0.8vw + 1.3rem, 1.75rem) }h3 {font-size: 1.25rem }h4 {font-size: 1.125rem }p {font-size: 1.05rem;margin-bottom: 1.5rem }.deemphasised {font-size: .875rem }.fine-print {font-size: .75rem }.capitialize {text-transform: capitalize }body {background: #fff }ul {list-style: disc }ol {list-style: decimal }li>ul, li>ol {margin-bottom: 0;margin-left: 1.5em }dt {font-weight: 700 }dd {margin: 0 1.5em 1.5em }embed, iframe, object {max-width: 100% }figure {margin: 1em 0 }table {margin: 0 0 1.5em;width: 100% }button, input[type="button"], input[type="reset"], input[type="submit"], .button, .wp-block-button__link, .category-list li, .nav-links a, .wp-block-button.is-style-outline>.wp-block-button__link {line-height: 1;padding: 1em 3em;background-color: var(--color-primary);-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;font-weight: 700;font-size: 1rem;color: #fff;text-decoration: none }.nav-links a, .wp-block-button__link, .button {border: var(--color-primary) 2px solid;}.wp-block-button__link {margin-bottom: 20px;}button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .nav-links a:hover, .wp-block-button__link:hover {background-color: var(--color-primary-variant);color: #fff;transition: ease 0.2s;cursor: pointer;border: var(--color-primary-variant) 2px solid }button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {border-color: #aaa #bbb #bbb }input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {color: #666;width: 100%;border: 2px solid #CDCDCD;border-radius: 3px;padding: 5px }input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {color: #111 }select {border: 1px solid #CDCDCD }textarea {width: 100% }.wrapper-core, .wrapper-core--index, .site-main--index, .site-main--card-layout, .site-main--grid {display: grid;grid-template-rows: auto }.wrapper-core {grid-template-columns: minmax(0, auto) minmax(0, 1200px) minmax(0, auto) }.wrapper-core--index {grid-template-columns: minmax(0, auto) minmax(0, 1400px) minmax(0, auto) }.wrapper-core--site-main {grid-column: 2 }.wrapper-core--full-width {grid-column: 1/4 }.site-main--index {padding: 20px 0;width: 100%;margin: 0 auto;grid-template-columns: repeat(8, 1fr);gap: 25px }.site-main--card-layout {grid-template-columns: repeat(2, 1fr);width: 100%;gap: 30px 20px }.site-main--card-layout>.article-card {grid-column: span 1 }.site-main--grid {grid-template-columns: minmax(326px, 860px) minmax(250px, 340px);grid-column-gap: 75px;}.site-main--primary, .comment-area--half-1, .posts-navigation {grid-column: 1 }.site-main--secondary, .comment-area--half-2 {grid-column: 2 }.site-main--full-width, .navigation {grid-column: span 2 }.site-main--index-full-width, .grid--full-width {grid-column: 1/-1 }.site-main {align-self: baseline }footer, .site-header {background-image: url(https://www.howtolovecomics.com/wp-content/themes/htlc/img/stacked-waves-blue.svg);background-size: cover }.site-header {margin-bottom: 20px }footer {margin-top: 40px }footer ul {list-style: none;padding: 0 }footer li {margin-top: .3rem }.menu-primary-container {grid-column: 2/3;list-style: none;margin: 0;padding: 0;text-align: center }.menu-primary-container li {display: inline;margin: 0 10px }.menu-item a {text-decoration: none;color: #fff;font-size: 1.2rem;font-weight: 700 }.menu-item a:hover {color: var(--color-secondary);transition: 0.2s }.svg-social-follow-container, .svg-social-share-container {column-gap: 15px }.svg-social-share-container {margin-top: 20px;}.svg-social-follow-container {justify-content: center }.svg-social-follow {height: 36px;width: 36px;margin-top: 20px;fill: #fff }.svg-social-share {height: 24px;width: 24px;fill: #000 }.svg-social-follow:hover {fill: #CDCDCD }.svg-social-share:hover {fill: var(--color-secondary);}.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 1.5em }.nav-links {display: flex;margin-top: 20px }.nav-previous {flex: 1 0 50% }.nav-next {text-align: end;flex: 1 0 50% }.button {grid-column: 3/7;padding: 20px 50px }.category-list li {padding: 10px 30px;margin: 5px;display: inline-block;background-color: var(--color-secondary) }.category-list li:hover {background-color: var(--color-secondary-variant) }.inner {width: 1200px;margin: 0 auto;max-width: 100% }.article-card, .promo-card {grid-auto-flow: column;max-width: 100%;grid-column: span 2;}.promo-card {flex-direction: column;justify-content: space-evenly;padding: 40px;}.article-card img, .wp-block-latest-posts__featured-image img, .related-posts img, .wp-block-post-featured-image img, .promo-card, .contents {-webkit-border-radius: 8px 8px 30px 0;-moz-border-radius: 8px 8px 30px 0;border-radius: 8px 8px 30px 0;width: 100% }.article-card h2 {margin: 5px 0;line-height: 1.3;font-size: clamp(1.2rem, 0.8vw + 1rem, 1.5rem) }.article-card a {text-decoration: none;word-break: break-word }.article-card--meta {color: #666;font-size: .9rem }.article-card p {line-height: 1.5;margin: 0;}.article-card--category {margin-top: 5px;}.article-card--category a {font-size: .7rem;font-weight: 700;color: var(--color-secondary);text-transform: uppercase;margin-inline-end: 1rem;text-decoration: none;}.article-card--category a:last-child {margin-inline-end: 0 }.article-card--category a:hover {color: var(--color-secondary-variant) }.contents {background-color: #f6f6f6; padding: 10px 20px; } .marker li::marker {color: var(--color-secondary-variant)} .sticky {display: block }.updated:not(.published) {display: none }.entry-content {margin: 2.5rem 0;}.page-links {clear: both;margin: 0 0 1.5em }.dctable tr td, .marveltable tr td {width: 50%;padding: 5px }.dctable th {background-color: rgba(0, 102, 170, .9) }.marveltable th {background-color: #f0141e }.dctable th, .marveltable th {color: #fff;padding: 5px }.dctable tr:nth-child(odd), .marveltable tr:nth-child(odd) {background-color: #f2f2f2 }.dctable tr:hover {background-color: #BFEFFF;transition: 0.1s }.marveltable tr:hover {background-color: #F08080;transition: 0.1s }.index-heading::after {display: block;content: "";border-bottom: .3rem solid var(--color-primary-variant);width: 3rem;margin: 5px auto 0 auto }.comments-area {display: grid;grid-template-columns: 47.5% 47.5%;gap: 5% }.comment-content a {word-break: break-word }.comment-list {list-style: none;padding: 0;margin: 0 }.children {list-style: none;padding: 0 0 0 15px;border-width: 0 0 0 4px;border-style: solid;border-image: linear-gradient(to bottom, var(--color-primary), var(--color-primary-variant)) 1 100%;margin-left: 0 }.form-allowed-tags, .says, .comment-author.vcard.avatar, .comment-metadata {display: none }.comment-meta {background-color: transparent;background-image: none;margin: 0 }.fn {font-size: 1.5rem }.comment-content p {margin: 12px 0 }.depth-1 {border-top: dotted 1px #cdcdcd;padding: 20px 0 }.depth-2, .depth-3 {margin-top: 20px }.comment-reply-link {font-weight: 700 }.comment-form-comment label {display: none }.comment-form-author, .comment-form-email, .comment-form-comment {margin: 0 0 10px 0 }.form-submit {margin: 0 }.comment-form-author input, .comment-form-email input {text-align: unset }.entry-details {gap: 20px;justify-content: space-between;}.widget {margin: 0 0 1.5em }.widget select {max-width: 100% }.category-list ul {list-style: none;margin: 0;grid-column: span 6;padding: 0 }.category-list a {text-decoration: none }.related-posts {list-style: none;display: flex;flex-wrap: wrap;justify-content: space-between }.related-posts li {width: 24%;vertical-align: top }.related-posts a:hover {color: #CDCDCD;}.logo-container {display: flex;justify-content: center;line-height: 0;}.logo {width: 500px }.avatar {display: block;float: left;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;align-self: flex-start }.author-box {gap: 20px;padding: 20px 20px 40px 20px }.article-details {font-size: .9rem;flex-direction: column;}.wp-caption {margin-bottom: 1.5em;max-width: 100% }.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto }.wp-caption .wp-caption-text {margin: .8075em 0 }.wp-caption-text {text-align: center }.acf-affiliate--desktop {width: 60%;margin: 0;}.acf-affiliate--mobile {display: none;}.mc-signup-side {margin: 0 0 10px 0 }.email {padding: 40px }input.form {color: #CDCDCD;max-width: 365px;margin-bottom: 5px }input.form:first-child {margin-right: 10px }.boxzilla {padding: 15px }.boxzilla-center-container .boxzilla, .boxzilla-bottom-right .boxzilla {text-align: center !important }.boxzilla.boxzilla-bottom-right {bottom: 15px !important;right: 15px !important }.searchwp-modal-form-default .searchwp-modal-form__footer {margin-top: 0;background-image: none }.wp-block-search .wp-block-search__button {background: var(--color-secondary);border: 1px solid var(--color-secondary-variant);padding: 0.5em }:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {border: 0;padding: 0;}.wp-block-search .wp-block-search__button:hover {background: var(--color-secondary-variant) }.wp-block-search .wp-block-search__button svg {fill: #fff }.wp-block-latest-posts.wp-block-latest-posts__list {margin: 0 }.wp-block-latest-posts.wp-block-latest-posts__list li {margin-bottom: 25px }.wp-block-latest-posts.wp-block-latest-posts__list li:last-child {margin-bottom: 0 }.wp-block-latest-posts.wp-block-latest-posts__list li a {font-weight: 700;text-decoration: none;color: var(--color-secondary) }.wp-block-latest-posts.wp-block-latest-posts__list li a:hover {text-decoration: underline }.wp-block-separator {width: 75%;border-top: 2px dashed var(--color-primary-variant);border-bottom: none;border-left: none;border-right: none;}.ad-unit-sidebar-short, .ad-unit-sidebar-long {min-width: 300px;max-width: 336px;width: 100%;min-height: 250px;height: auto;display: block;margin: 0 auto }.ad-unit-sidebar-short {max-height: 280px }.ad-unit-sidebar-long {max-height: 600px }.ad-unit-leaderboard, .ad-unit-article-bottom {display: block;margin: 0 auto;box-sizing: content-box;width: 100% }.ad-unit-leaderboard {max-width: 970px;min-width: 728px;height: 90px }.ad-text {text-align: center;font-size: 12px;padding: 0 0 7px 0;color: #555 }.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important }.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: .875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000 }#primary[tabindex="-1"]:focus {outline: 0 }.alignleft {float: left;margin-right: 1.5em;margin-bottom: 1.5em }.alignright {float: right;margin-left: 1.5em;margin-bottom: 1.5em }.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom: 1.5em }.text-center {text-align: center }.flex-center {display: flex;justify-content: center }.padding-0 {padding: 0 }.padding-10 {padding: 10px }.padding-10-0 {padding: 10px 0 }.padding-20 {padding: 20px }.padding-20-0 {padding: 20px 0 }.padding-0-20 {padding: 0 20px }.margin-0 {margin: 0 }.margin-10 {margin: 10px }.margin-10-0 {margin: 10px 0 }.margin-15-0 {margin: 15px 0 }.margin-20 {margin: 20px }.margin-20-0 {margin: 20px 0 }.padding-40-0 {padding: 40px 0 }.margin-0-20 {margin: 0 20px }.margin-bottom-20 {margin: 0 0 20px 0 }.margin-bottom-40 {margin: 0 0 40px 0 }.margin-top-reset {margin-top: 0 }.margin-bottom-reset {margin-bottom: 0 }.text-white, .text-white li a {color: #fff }.flex {display: flex }.display-inline-block {display: inline-block }.display-block {display: block }.text-decoration--none {text-decoration: none }.display-none--desktop {display: none }.display-none {display: none }.display--desktop {display: block }.background-1 {background-image: url(https://www.howtolovecomics.com/wp-content/themes/htlc/img/stacked-waves-red.svg);background-size: cover;color: #fff }@media only screen and (max-width:1400px) {.wrapper-core--index {grid-template-columns: minmax(0, auto) minmax(0, 1200px) minmax(0, auto) }.site-main--index {grid-template-columns: repeat(6, 1fr) }.site-main--index.topic {grid-template-columns: repeat(8, 1fr) }.button {grid-column: 2/6;padding: 20px 50px }.button.topic {grid-column: 3/7 }}@media only screen and (max-width:1024px) {.site-main--index.topic {grid-template-columns: repeat(4, 1fr) }.button.topic {grid-column: 2/4 }.related-posts li {width: 49% }.entry-content {padding: 0 10px;margin: 0;}.site-main--card-layout {grid-column: span 2 }.site-main--primary article {grid-column: 1/3 }.article-card, .promo-card {grid-column: span 3 }.topic>.article-card {grid-column: span 2 }.site-main--secondary {grid-column: 1/3;margin-top: 60px }.hb-toggle {background-color: #000;position: fixed }.hb-button {background-color: #000;width: 50px;height: 50px;position: fixed;top: 10px;right: 10px;display: inline-block;z-index: 50;cursor: pointer;font-size: 1.75rem }#responsive-menu-toggle:checked+#menu-responsive, #responsive-menu-toggle:not(:checked)+#menu-responsive {background-color: var(--color-primary);padding: 25px;position: fixed;z-index: 49;transition: transform .5s ease;width: 300px;height: 100vh;overflow-x: auto }#responsive-menu-toggle:checked+#menu-responsive {visibility: visible }#responsive-menu-toggle:not(:checked)+#menu-responsive {min-height: -webkit-fill-available;transform: translateX(-1000px) }.menu-text {font-size: 2rem;cursor: pointer }#menu-responsive {padding: 0 }.menu-responsive-text {display: inline-block }#menu-responsive ul {margin: 10px 0 }#menu-responsive li {clear: none;display: block;font-size: 1.125rem;padding: 15px 0;border-bottom: 2px #D3D3D3 solid }.display-none--mobile {display: none }.display--mobile {display: block }.ad-unit-leaderboard {max-width: 728px;max-height: 90px }.ad-unit-article-bottom {max-width: 728px;min-width: 300px;max-height: 280px;min-height: 50px;height: auto }}@media only screen and (max-width:800px) {.site-header {margin-bottom: 0 }.wrapper-core--index, .comments-area, .site-main--grid {grid-template-columns: 1fr }.site-main--index {padding: 0 20px;gap: 30px 20px }.article-card p, .article-card--meta {display: none }.promo-card {gap: 40px }.comments-area {grid-template-rows: auto auto;gap: 0% }.comment-area--half-1, .comment-area--half-2 {grid-column: span 1 }.site-main--grid {grid-column-gap: 0% }.author-box {flex-wrap: wrap;justify-content: center;text-align: center }input.form {margin-bottom: 10px }input.form:first-child {margin-right: 0 }.ad-unit-leaderboard {max-width: 728px;min-width: 468px;max-height: 90px;min-height: 60px;height: auto }}@media only screen and (max-width:600px) {.article-card, .promo-card, .topic>.article-card {grid-column: 1/-1 }.related-posts li {width: 98% }.site-main--card-layout, .navigation {grid-column: span 1;}.site-main--grid, .site-main--card-layout {grid-template-columns: 1fr;grid-column-gap: 0% }.entry-content {padding: 0 }.button {grid-column: 1/7 }.button.topic {grid-column: 1/-1 }.category-list li {padding: 7px 15px;font-weight: 400 }.ad-unit-leaderboard {max-width: 320px;min-width: 300px;max-height: 100px;min-height: 50px }.promo-card {justify-content: unset;row-gap: 3rem;padding: 40px }.logo-container {justify-content: flex-start }.logo {width: calc(100% - 50px);height: auto }.acf-affiliate--desktop {display: none;}.acf-affiliate--mobile {border-top: dotted 1px #cdcdcd;border-bottom: dotted 1px #cdcdcd;width: 100%;display: block;}}@media only screen and (max-width:420px) {input.form {width: 90% }.promo-card {padding: 20px }.email {padding: 40px 20px }.nav-previous a, .nav-next a {padding: 1rem }@media only screen and (max-width:321px) {.ad-unit-leaderboard, .ad-unit-article-bottom {max-width: 234px;min-width: 234px;max-height: 60px;min-height: 60px }.svg-social-share-container {column-gap: 10px }.nav-links {flex-direction: column;}.nav-next {margin-top: 35px;}}