From d22d426b32b261c6dff249838c94b88f7f2d324f Mon Sep 17 00:00:00 2001 From: xuxiaoyan <1782569743@qq.com> Date: Fri, 25 Nov 2022 19:41:08 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A8=A1=E6=9D=BF5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- teachmore/about.html | 257 + teachmore/config.json | 6 + teachmore/contact.html | 273 + teachmore/css/index.css | 1104 +++ .../css/public-powerkit-basic-elements.css | 882 ++ teachmore/css/style.css | 8614 +++++++++++++++++ teachmore/details.html | 330 + teachmore/index.html | 305 + teachmore/policy.html | 257 + 9 files changed, 12028 insertions(+) create mode 100644 teachmore/about.html create mode 100644 teachmore/config.json create mode 100644 teachmore/contact.html create mode 100644 teachmore/css/index.css create mode 100644 teachmore/css/public-powerkit-basic-elements.css create mode 100644 teachmore/css/style.css create mode 100644 teachmore/details.html create mode 100644 teachmore/index.html create mode 100644 teachmore/policy.html diff --git a/teachmore/about.html b/teachmore/about.html new file mode 100644 index 0000000..7f37687 --- /dev/null +++ b/teachmore/about.html @@ -0,0 +1,257 @@ + + + + + + + + + + + + + + + + {{.Title}} + + + + + + + +
+ +
+ + + + + +
+ + +
+
+
+ + +
+ + +
+ + +
+
+
+
+
+
+

{{ lang "about"}}

+
+
+
+
+
+ {{.About}} +
+
+
+
+
+ +
+ + {{$plen := len .PopularArticles}} + {{if ne $plen 0}} + + + {{end}} + +
+ + +
+ + +
+ + +
+ +
+ + + \ No newline at end of file diff --git a/teachmore/config.json b/teachmore/config.json new file mode 100644 index 0000000..7c25285 --- /dev/null +++ b/teachmore/config.json @@ -0,0 +1,6 @@ +{ + "creator": "许晓焱", + "version": "1.0", + "origin_website": "https://www.teachmore.com/blog/", + "devices": ["pc", "pad", "phone"] + } \ No newline at end of file diff --git a/teachmore/contact.html b/teachmore/contact.html new file mode 100644 index 0000000..0b4ec10 --- /dev/null +++ b/teachmore/contact.html @@ -0,0 +1,273 @@ + + + + + + + + + + + + + + + + + {{.Title}} + + + + + + +
+ +
+ + + + + +
+ + +
+
+
+ + +
+ + +
+ + +
+
+
+
+
+
+

{{ lang "contact"}}

+
+
+
+
+
+ {{.Contact}} +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+
+
+ +
+ + {{$plen := len .PopularArticles}} + {{if ne $plen 0}} + + + {{end}} + +
+ + +
+ + +
+ + +
+ +
+ + + \ No newline at end of file diff --git a/teachmore/css/index.css b/teachmore/css/index.css new file mode 100644 index 0000000..b53ba0b --- /dev/null +++ b/teachmore/css/index.css @@ -0,0 +1,1104 @@ + + img.wp-smiley, + img.emoji { + display: inline !important; + border: none !important; + box-shadow: none !important; + height: 1em !important; + width: 1em !important; + margin: 0 0.07em !important; + vertical-align: -0.1em !important; + background: none !important; + padding: 0 !important; + } + + body { + --wp--preset--color--black: #000000; + --wp--preset--color--cyan-bluish-gray: #abb8c3; + --wp--preset--color--white: #ffffff; + --wp--preset--color--pale-pink: #f78da7; + --wp--preset--color--vivid-red: #cf2e2e; + --wp--preset--color--luminous-vivid-orange: #ff6900; + --wp--preset--color--luminous-vivid-amber: #fcb900; + --wp--preset--color--light-green-cyan: #7bdcb5; + --wp--preset--color--vivid-green-cyan: #00d084; + --wp--preset--color--pale-cyan-blue: #8ed1fc; + --wp--preset--color--vivid-cyan-blue: #0693e3; + --wp--preset--color--vivid-purple: #9b51e0; + --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%); + --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%); + --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); + --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%); + --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%); + --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%); + --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%); + --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%); + --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%); + --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%); + --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%); + --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); + --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale'); + --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale'); + --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow'); + --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red'); + --wp--preset--duotone--midnight: url('#wp-duotone-midnight'); + --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow'); + --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green'); + --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange'); + --wp--preset--font-size--small: 13px; + --wp--preset--font-size--medium: 20px; + --wp--preset--font-size--large: 36px; + --wp--preset--font-size--x-large: 42px; + --wp--preset--spacing--20: 0.44rem; + --wp--preset--spacing--30: 0.67rem; + --wp--preset--spacing--40: 1rem; + --wp--preset--spacing--50: 1.5rem; + --wp--preset--spacing--60: 2.25rem; + --wp--preset--spacing--70: 3.38rem; + --wp--preset--spacing--80: 5.06rem; + } + + :where(.is-layout-flex) { + gap: 0.5em; + } + + body .is-layout-flow>.alignleft { + float: left; + margin-inline-start: 0; + margin-inline-end: 2em; + } + + body .is-layout-flow>.alignright { + float: right; + margin-inline-start: 2em; + margin-inline-end: 0; + } + + body .is-layout-flow>.aligncenter { + margin-left: auto !important; + margin-right: auto !important; + } + + body .is-layout-constrained>.alignleft { + float: left; + margin-inline-start: 0; + margin-inline-end: 2em; + } + + body .is-layout-constrained>.alignright { + float: right; + margin-inline-start: 2em; + margin-inline-end: 0; + } + + body .is-layout-constrained>.aligncenter { + margin-left: auto !important; + margin-right: auto !important; + } + + body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) { + max-width: var(--wp--style--global--content-size); + margin-left: auto !important; + margin-right: auto !important; + } + + body .is-layout-constrained>.alignwide { + max-width: var(--wp--style--global--wide-size); + } + + body .is-layout-flex { + display: flex; + } + + body .is-layout-flex { + flex-wrap: wrap; + align-items: center; + } + + body .is-layout-flex>* { + margin: 0; + } + + :where(.wp-block-columns.is-layout-flex) { + gap: 2em; + } + + .has-black-color { + color: var(--wp--preset--color--black) !important; + } + + .has-cyan-bluish-gray-color { + color: var(--wp--preset--color--cyan-bluish-gray) !important; + } + + .has-white-color { + color: var(--wp--preset--color--white) !important; + } + + .has-pale-pink-color { + color: var(--wp--preset--color--pale-pink) !important; + } + + .has-vivid-red-color { + color: var(--wp--preset--color--vivid-red) !important; + } + + .has-luminous-vivid-orange-color { + color: var(--wp--preset--color--luminous-vivid-orange) !important; + } + + .has-luminous-vivid-amber-color { + color: var(--wp--preset--color--luminous-vivid-amber) !important; + } + + .has-light-green-cyan-color { + color: var(--wp--preset--color--light-green-cyan) !important; + } + + .has-vivid-green-cyan-color { + color: var(--wp--preset--color--vivid-green-cyan) !important; + } + + .has-pale-cyan-blue-color { + color: var(--wp--preset--color--pale-cyan-blue) !important; + } + + .has-vivid-cyan-blue-color { + color: var(--wp--preset--color--vivid-cyan-blue) !important; + } + + .has-vivid-purple-color { + color: var(--wp--preset--color--vivid-purple) !important; + } + + .has-black-background-color { + background-color: var(--wp--preset--color--black) !important; + } + + .has-cyan-bluish-gray-background-color { + background-color: var(--wp--preset--color--cyan-bluish-gray) !important; + } + + .has-white-background-color { + background-color: var(--wp--preset--color--white) !important; + } + + .has-pale-pink-background-color { + background-color: var(--wp--preset--color--pale-pink) !important; + } + + .has-vivid-red-background-color { + background-color: var(--wp--preset--color--vivid-red) !important; + } + + .has-luminous-vivid-orange-background-color { + background-color: var(--wp--preset--color--luminous-vivid-orange) !important; + } + + .has-luminous-vivid-amber-background-color { + background-color: var(--wp--preset--color--luminous-vivid-amber) !important; + } + + .has-light-green-cyan-background-color { + background-color: var(--wp--preset--color--light-green-cyan) !important; + } + + .has-vivid-green-cyan-background-color { + background-color: var(--wp--preset--color--vivid-green-cyan) !important; + } + + .has-pale-cyan-blue-background-color { + background-color: var(--wp--preset--color--pale-cyan-blue) !important; + } + + .has-vivid-cyan-blue-background-color { + background-color: var(--wp--preset--color--vivid-cyan-blue) !important; + } + + .has-vivid-purple-background-color { + background-color: var(--wp--preset--color--vivid-purple) !important; + } + + .has-black-border-color { + border-color: var(--wp--preset--color--black) !important; + } + + .has-cyan-bluish-gray-border-color { + border-color: var(--wp--preset--color--cyan-bluish-gray) !important; + } + + .has-white-border-color { + border-color: var(--wp--preset--color--white) !important; + } + + .has-pale-pink-border-color { + border-color: var(--wp--preset--color--pale-pink) !important; + } + + .has-vivid-red-border-color { + border-color: var(--wp--preset--color--vivid-red) !important; + } + + .has-luminous-vivid-orange-border-color { + border-color: var(--wp--preset--color--luminous-vivid-orange) !important; + } + + .has-luminous-vivid-amber-border-color { + border-color: var(--wp--preset--color--luminous-vivid-amber) !important; + } + + .has-light-green-cyan-border-color { + border-color: var(--wp--preset--color--light-green-cyan) !important; + } + + .has-vivid-green-cyan-border-color { + border-color: var(--wp--preset--color--vivid-green-cyan) !important; + } + + .has-pale-cyan-blue-border-color { + border-color: var(--wp--preset--color--pale-cyan-blue) !important; + } + + .has-vivid-cyan-blue-border-color { + border-color: var(--wp--preset--color--vivid-cyan-blue) !important; + } + + .has-vivid-purple-border-color { + border-color: var(--wp--preset--color--vivid-purple) !important; + } + + .has-vivid-cyan-blue-to-vivid-purple-gradient-background { + background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; + } + + .has-light-green-cyan-to-vivid-green-cyan-gradient-background { + background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; + } + + .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { + background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; + } + + .has-luminous-vivid-orange-to-vivid-red-gradient-background { + background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; + } + + .has-very-light-gray-to-cyan-bluish-gray-gradient-background { + background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; + } + + .has-cool-to-warm-spectrum-gradient-background { + background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; + } + + .has-blush-light-purple-gradient-background { + background: var(--wp--preset--gradient--blush-light-purple) !important; + } + + .has-blush-bordeaux-gradient-background { + background: var(--wp--preset--gradient--blush-bordeaux) !important; + } + + .has-luminous-dusk-gradient-background { + background: var(--wp--preset--gradient--luminous-dusk) !important; + } + + .has-pale-ocean-gradient-background { + background: var(--wp--preset--gradient--pale-ocean) !important; + } + + .has-electric-grass-gradient-background { + background: var(--wp--preset--gradient--electric-grass) !important; + } + + .has-midnight-gradient-background { + background: var(--wp--preset--gradient--midnight) !important; + } + + .has-small-font-size { + font-size: var(--wp--preset--font-size--small) !important; + } + + .has-medium-font-size { + font-size: var(--wp--preset--font-size--medium) !important; + } + + .has-large-font-size { + font-size: var(--wp--preset--font-size--large) !important; + } + + .has-x-large-font-size { + font-size: var(--wp--preset--font-size--x-large) !important; + } + + .wp-block-navigation a:where(:not(.wp-element-button)) { + color: inherit; + } + + :where(.wp-block-columns.is-layout-flex) { + gap: 2em; + } + + .wp-block-pullquote { + font-size: 1.5em; + line-height: 1.6; + } + + :root { + --tm-primary: #1da1f2; + } + + .post-archive article.post {} + + .post-archive .entry-excerpt { + display: none; + padding: 0; + } + + .post-archive .entry-title, + .post-archive .post-meta { + padding: 0 1rem; + } + + .section-hero { + background: linear-gradient(113.29deg, #1f3965 14.52%, #185374 100.29%); + } + + .section-hero .hero-title, + .section-hero .hero-description { + color: white; + } + + + .hero-content .cs-input-group button { + margin: 0; + } + + + .section-hero .search-submit { + background: #1da1f2; + color: white; + } + + + .section-hero .search-submit:hover { + color: white; + } + + .navbar-content #menu-primary-1 .menu-item a { + margin-left: 2rem; + + } + + .navbar-content #menu-primary-1 .menu-item-660 a { + background: #1da1f2; + color: white; + margin-left: 2rem; + + } + + .navbar-content #menu-primary-1 .menu-item-660 a:hover { + color: black; + } + + + @media (min-width: 1200px) { + body { + background-color: #fff; + } + } + + @media (min-width: 1200px) { + .entry-container .entry-content-wrap { + max-width: 100%; + } + + .entry-container .entry-content-wrap, + .entry-container .entry-sidebar-wrap { + padding-right: 0px; + padding-left: 0px; + } + + } + + @media (min-width: 1380px) { + + .archive-first, + .archive-main { + padding: 20px; + } + } + + + @media (min-width: 768px) { + .pk-tabs-horizontal .pk-nav { + border-bottom: 1px solid lightgray; + } + } + + @media (min-width: 720px) { + .archive-grid article { + padding-right: 10px; + padding-left: 10px; + } + } + + @media (min-width: 1020px) { + .sidebar-disabled .archive-grid article:nth-child(-n+3) { + margin-top: auto; + } + } + + .pk-tabs .pk-nav-pills .pk-nav-link.pk-active { + color: #000; + background-color: #fff; + border-bottom: 2px solid #1da1f2; + border-radius: 0; + } + + .pk-tabs .pk-nav-pills .pk-nav-link { + font-size: 1.2rem; + margin-right: 1rem; + } + + + .archive-grid .post-inner+.post-inner { + margin-top: 0rem; + padding-top: 1rem; + background-color: #e8f1ff; + border-radius: 0px 0px 4px 4px; + height: 160px; + } + + .post-archive article.post:hover .post-inner { + background-color: #fafafa; + } + + .archive-grid .post-inner+.post-inner:hover {} + + .post-inner:not(:last-child) { + margin-bottom: 0; + } + + .headings-large .post-archive .entry-title { + font-weight: 400; + } + + .entry .entry-content { + font-family: Lato; + -webkit-font-smoothing: antialiased; + letter-spacing: 0.035rem; + font-size: 1.2rem; + color: #3A4145; + } + + .sidebar-disabled .archive-grid article { + max-width: inherit; + } + + .post-archive article.post:first-child { + /* flex: 1 0 66.66666%; */ + } + + .cs-ratio-landscape:before { + padding-bottom: 60%; + } + + body.home .post-archive article.post:first-child .cs-ratio-landscape:before, + #cstm_card .post-archive article.post:first-child .cs-ratio-landscape:before { + /* padding-bottom: 44%; */ + /* padding-bottom:29.2%; */ + } + + .footer-head-link { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .navbar-footer .menu-item { + width: 33.3333%; + } + + .navbar-footer .menu-item a { + margin-bottom: 12px; + } + + .footer-logo { + width: 140px; + /* position: relative; */ + /* top: -38px; */ + } + + .social-cs-footer { + margin-top: 12px; + } + + .social-cs-footer a { + text-decoration: none; + margin-right: 5px; + } + + .site-info .footer-copyright { + margin-top: 1rem; + /* position: relative; */ + /* top: -80px; */ + font-family: Lato; + font-size: 0.938rem; + font-weight: 700; + color: white; + } + + .section-hero video#bgVideo { + position: relative; + right: -55%; + bottom: 0; + width: 35rem; + top: 170px; + margin-left: auto; + /* left: 0; + bottom: 0; + width: 100%; + height: 90%; + top: 30px; */ + opacity: 1; + pointer-events: none; + } + + .site-footer-widgets { + background: #00000012; + color: #000000; + font-weight: 500; + + } + + .footer-widgets #wpforms-form-918 { + display: flex; + gap: 10px; + } + + .footer-widgets .title-block.title-widget { + color: #000000; + font-size: .968rem; + font-weight: 500; + margin-left: 12px; + } + + + + .footer-widgets #wpforms-form-918 .wpforms-field input { + width: 33rem; + height: 56px; + border: 0; + + } + + .footer-widgets .wpforms-submit-container button[type=submit].wpforms-submit { + padding: 16px 50px; + background: #1da1f2; + color: white; + border: 0; + border-radius: 2px; + transition: .25s all ease-in-out; + } + + .footer-widgets .wpforms-submit-container button[type=submit] .wpforms-submit:hover { + background: #1692dd; + transition: .25s all ease-in-out; + } + + .footer-widgets .wpforms-confirmation-container-full { + background: #ffffff; + border: 1px solid #ffffff; + font-family: 'Lato'; + font-weight: 600; + width: 32rem; + } + + .navbar-brand { + width: 11%; + } + + .social-cs-footer a:nth-child(4) img { + width: 36px; + padding-top: 0px; + margin-top: -3px; + } + + .social-cs-footer a:nth-child(4) { + border: 2px solid; + border-radius: 50%; + padding-top: 10px; + border-color: #4c6184; + padding-bottom: 10px; + margin-top: 15px; + padding-left: 2px; + padding-right: 2px; + } + + .navbar-primary .site-description { + display: none; + } + + /* MOBILE */ + @media (max-width:767px) { + .navbar-footer .menu-item { + width: 60%; + margin-bottom: 20px; + } + + .section-hero video#bgVideo { + position: relative; + right: 0; + bottom: 0; + width: 100%; + top: 0; + margin-left: auto; + opacity: .5; + pointer-events: none; + } + + .navbar-brand { + width: 40%; + } + + .archive-grid .post-inner+.post-inner { + height: auto; + } + + + } + + a:hover, + .entry-content a, + .must-log-in a, + .meta-category a, + blockquote:before, + .navbar-nav li.current-menu-ancestor>a, + li.current-menu-item>a, + li.cs-mega-menu-child.active-item>a, + .cs-bg-dark.navbar-primary .navbar-nav ul li.current-menu-ancestor>a, + .cs-bg-dark.navbar-primary .navbar-nav ul li.current-menu-item>a, + .cs-bg-dark.navbar-primary .navbar-nav li.cs-mega-menu-child.active-item>a { + color: #1da1f2; + } + + button, + .button, + input[type="button"], + input[type="reset"], + input[type="submit"], + .wp-block-button .wp-block-button__link:not(.has-background), + .toggle-search.toggle-close, + .offcanvas-header .toggle-offcanvas, + .cs-overlay .post-categories a:hover, + .post-format-icon>a:hover, + .entry-more-button .entry-more:hover, + .cs-list-articles>li>a:hover:before, + .pk-badge-primary, + .pk-bg-primary, + .pk-button-primary, + .pk-button-primary:hover, + h2.pk-heading-numbered:before { + background-color: #1da1f2; + } + + .cs-overlay .cs-overlay-background:after, + .pk-bg-overlay, + .pk-zoom-icon-popup:after { + background-color: rgba(0, 0, 0, 0.25); + } + + .navbar-primary, + .offcanvas-header { + background-color: #FFFFFF; + } + + .site-footer { + background-color: #1f3965; + } + + body { + font-family: Lato; + font-weight: 400; + } + + .cs-font-primary, + button, + .button, + input[type="button"], + input[type="reset"], + input[type="submit"], + .no-comments, + .text-action, + .cs-link-more, + .cs-nav-link, + .share-total, + .post-categories a, + .post-meta a, + .nav-links, + .comment-reply-link, + .post-tags a, + .read-more, + .navigation.pagination .nav-links>span, + .navigation.pagination .nav-links>a, + .pk-font-primary { + font-family: Lato; + font-weight: 700; + text-transform: none; + } + + label, + .cs-font-secondary, + .post-meta, + .archive-count, + .page-subtitle, + .site-description, + figcaption, + .wp-block-image figcaption, + .wp-block-audio figcaption, + .wp-block-embed figcaption, + .wp-block-pullquote cite, + .wp-block-pullquote footer, + .wp-block-pullquote .wp-block-pullquote__citation, + .post-format-icon, + .comment-metadata, + .says, + .logged-in-as, + .must-log-in, + .wp-caption-text, + blockquote cite, + .wp-block-quote cite, + div[class*="meta-"], + span[class*="meta-"], + small, + .cs-breadcrumbs, + .cs-homepage-category-count, + .pk-font-secondary { + font-family: Lato; + font-size: 0.938rem; + font-weight: 400; + text-transform: none; + } + + .entry .entry-content { + font-family: Lato; + } + + h1, + h2, + h3, + h4, + h5, + h6, + .h1, + .h2, + .h3, + .h4, + .h5, + .h6, + .site-title, + .comment-author .fn, + blockquote, + .wp-block-quote, + .wp-block-cover .wp-block-cover-image-text, + .wp-block-cover .wp-block-cover-text, + .wp-block-cover h2, + .wp-block-cover-image .wp-block-cover-image-text, + .wp-block-cover-image .wp-block-cover-text, + .wp-block-cover-image h2, + .wp-block-pullquote p, + p.has-drop-cap:not(:focus):first-letter, + .pk-font-heading { + font-family: Lato; + font-weight: 600; + letter-spacing: -0.0125em; + text-transform: none; + } + + .title-block, + .pk-font-block { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 0.813rem; + font-weight: 400; + letter-spacing: 0.125em; + text-transform: uppercase; + color: #a2b0bf; + } + + .navbar-nav>li>a, + .cs-mega-menu-child>a, + .widget_archive li, + .widget_categories li, + .widget_meta li a, + .widget_nav_menu .menu>li>a, + .widget_pages .page_item a { + font-family: Lato; + font-size: 0.938rem; + font-weight: 700; + text-transform: none; + } + + .navbar-nav .sub-menu>li>a, + .widget_categories .children li a, + .widget_nav_menu .sub-menu>li>a { + font-family: Lato; + font-weight: 400; + text-transform: none; + } + + .section-hero .cs-overlay-background img { + opacity: 0.7; + } + + .section-hero { + background-color: #ffffff; + } + + @media (min-width: 1020px) { + .section-hero { + min-height: 600px; + } + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u8w4BMUTPHjxsAUi-sNiXg7eU0.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u8w4BMUTPHjxsAXC-sNiXg7Q.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u_w4BMUTPHjxsI5wq_FQfrx9897sxZ.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u_w4BMUTPHjxsI5wq_Gwfrx9897g.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6uyw4BMUTPHjxAwWCWtFCfQ7A.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6uyw4BMUTPHjx4wWCWtFCc.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwaPHw3q5d0N7w.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwiPHw3q5d0.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u8w4BMUTPHjxsAUi-sNiXg7eU0.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u8w4BMUTPHjxsAXC-sNiXg7Q.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u_w4BMUTPHjxsI5wq_FQfrx9897sxZ.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u_w4BMUTPHjxsI5wq_Gwfrx9897g.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6uyw4BMUTPHjxAwWCWtFCfQ7A.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6uyw4BMUTPHjx4wWCWtFCc.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwaPHw3q5d0N7w.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwiPHw3q5d0.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u8w4BMUTPHjxsAUi-sNiXg7eU0.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u8w4BMUTPHjxsAXC-sNiXg7Q.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u_w4BMUTPHjxsI5wq_FQfrx9897sxZ.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u_w4BMUTPHjxsI5wq_Gwfrx9897g.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6uyw4BMUTPHjxAwWCWtFCfQ7A.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6uyw4BMUTPHjx4wWCWtFCc.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + + /* latin-ext */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwaPHw3q5d0N7w.woff) format('woff'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + + /* latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(C:\xampp\htdocs\teachmore/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwiPHw3q5d0.woff) format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + .headings-large .post-archive .entry-title{ + font-size: 24px; + } \ No newline at end of file diff --git a/teachmore/css/public-powerkit-basic-elements.css b/teachmore/css/public-powerkit-basic-elements.css new file mode 100644 index 0000000..9f304e2 --- /dev/null +++ b/teachmore/css/public-powerkit-basic-elements.css @@ -0,0 +1,882 @@ +/** +* All of the CSS for your public-facing functionality should be +* included in this file. +*/ +/** + * Environment for all styles (variables, additions, etc). + */ +/*--------------------------------------------------------------*/ +/*--------------------------------------------------------------*/ +.pk-tabs, +.pk-pills, +.pk-accordion, +.pk-progress, +.pk-button.pk-button-block { + margin-bottom: 2rem; +} + +/* Buttons */ +/*--------------------------------------------------------------*/ +.pk-button { + display: inline-block; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + color: white; + border: none; + box-shadow: none !important; + text-decoration: none !important; +} + +@media (prefers-reduced-motion: reduce) { + .pk-button { + transition: none; + } +} + +.pk-button:hover, .pk-button:focus { + text-decoration: none; +} + +.pk-button:focus, .pk-button.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.pk-button-primary { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.pk-button-primary:hover { + color: #fff; + background-color: #0069d9; + border-color: #0062cc; +} + +.pk-button-primary:focus, .pk-button-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.pk-button-primary.disabled, .pk-button-primary:disabled { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.pk-button-primary:not(:disabled):not(.disabled):active, .pk-button-primary:not(:disabled):not(.disabled).active, +.show > .pk-button-primary.dropdown-toggle { + color: #fff; + background-color: #0062cc; + border-color: #005cbf; +} + +.pk-button-primary:not(:disabled):not(.disabled):active:focus, .pk-button-primary:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} + +.pk-button-secondary { + color: #212529; + background-color: #A0A0A0; + border-color: #A0A0A0; +} + +.pk-button-secondary:hover { + color: #fff; + background-color: #8d8d8d; + border-color: #878686; +} + +.pk-button-secondary:focus, .pk-button-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(141, 142, 142, 0.5); +} + +.pk-button-secondary.disabled, .pk-button-secondary:disabled { + color: #212529; + background-color: #A0A0A0; + border-color: #A0A0A0; +} + +.pk-button-secondary:not(:disabled):not(.disabled):active, .pk-button-secondary:not(:disabled):not(.disabled).active, +.show > .pk-button-secondary.dropdown-toggle { + color: #fff; + background-color: #878686; + border-color: gray; +} + +.pk-button-secondary:not(:disabled):not(.disabled):active:focus, .pk-button-secondary:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(141, 142, 142, 0.5); +} + +.pk-button-success { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} + +.pk-button-success:hover { + color: #fff; + background-color: #218838; + border-color: #1e7e34; +} + +.pk-button-success:focus, .pk-button-success.focus { + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +} + +.pk-button-success.disabled, .pk-button-success:disabled { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} + +.pk-button-success:not(:disabled):not(.disabled):active, .pk-button-success:not(:disabled):not(.disabled).active, +.show > .pk-button-success.dropdown-toggle { + color: #fff; + background-color: #1e7e34; + border-color: #1c7430; +} + +.pk-button-success:not(:disabled):not(.disabled):active:focus, .pk-button-success:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +} + +.pk-button-info { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.pk-button-info:hover { + color: #fff; + background-color: #138496; + border-color: #117a8b; +} + +.pk-button-info:focus, .pk-button-info.focus { + box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); +} + +.pk-button-info.disabled, .pk-button-info:disabled { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.pk-button-info:not(:disabled):not(.disabled):active, .pk-button-info:not(:disabled):not(.disabled).active, +.show > .pk-button-info.dropdown-toggle { + color: #fff; + background-color: #117a8b; + border-color: #10707f; +} + +.pk-button-info:not(:disabled):not(.disabled):active:focus, .pk-button-info:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); +} + +.pk-button-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} + +.pk-button-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} + +.pk-button-warning:focus, .pk-button-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.pk-button-warning.disabled, .pk-button-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} + +.pk-button-warning:not(:disabled):not(.disabled):active, .pk-button-warning:not(:disabled):not(.disabled).active, +.show > .pk-button-warning.dropdown-toggle { + color: #212529; + background-color: #d39e00; + border-color: #c69500; +} + +.pk-button-warning:not(:disabled):not(.disabled):active:focus, .pk-button-warning:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +} + +.pk-button-danger { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.pk-button-danger:hover { + color: #fff; + background-color: #c82333; + border-color: #bd2130; +} + +.pk-button-danger:focus, .pk-button-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); +} + +.pk-button-danger.disabled, .pk-button-danger:disabled { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.pk-button-danger:not(:disabled):not(.disabled):active, .pk-button-danger:not(:disabled):not(.disabled).active, +.show > .pk-button-danger.dropdown-toggle { + color: #fff; + background-color: #bd2130; + border-color: #b21f2d; +} + +.pk-button-danger:not(:disabled):not(.disabled):active:focus, .pk-button-danger:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); +} + +.pk-button-light { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.pk-button-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; +} + +.pk-button-light:focus, .pk-button-light.focus { + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); +} + +.pk-button-light.disabled, .pk-button-light:disabled { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.pk-button-light:not(:disabled):not(.disabled):active, .pk-button-light:not(:disabled):not(.disabled).active, +.show > .pk-button-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color: #d3d9df; +} + +.pk-button-light:not(:disabled):not(.disabled):active:focus, .pk-button-light:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); +} + +.pk-button-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.pk-button-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; +} + +.pk-button-dark:focus, .pk-button-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); +} + +.pk-button-dark.disabled, .pk-button-dark:disabled { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.pk-button-dark:not(:disabled):not(.disabled):active, .pk-button-dark:not(:disabled):not(.disabled).active, +.show > .pk-button-dark.dropdown-toggle { + color: #fff; + background-color: #1d2124; + border-color: #171a1d; +} + +.pk-button-dark:not(:disabled):not(.disabled):active:focus, .pk-button-dark:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); +} + +.pk-button-outline-primary { + color: #007bff; + border-color: #007bff; +} + +.pk-button-outline-primary:hover { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.pk-button-outline-primary:focus, .pk-button-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +} + +.pk-button-outline-primary.disabled, .pk-button-outline-primary:disabled { + color: #007bff; + background-color: transparent; +} + +.pk-button-outline-primary:not(:disabled):not(.disabled):active, .pk-button-outline-primary:not(:disabled):not(.disabled).active, +.show > .pk-button-outline-primary.dropdown-toggle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.pk-button-outline-primary:not(:disabled):not(.disabled):active:focus, .pk-button-outline-primary:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +} + +.pk-button-outline-secondary { + color: #A0A0A0; + border-color: #A0A0A0; +} + +.pk-button-outline-secondary:hover { + color: #212529; + background-color: #A0A0A0; + border-color: #A0A0A0; +} + +.pk-button-outline-secondary:focus, .pk-button-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(160, 160, 160, 0.5); +} + +.pk-button-outline-secondary.disabled, .pk-button-outline-secondary:disabled { + color: #A0A0A0; + background-color: transparent; +} + +.pk-button-outline-secondary:not(:disabled):not(.disabled):active, .pk-button-outline-secondary:not(:disabled):not(.disabled).active, +.show > .pk-button-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #A0A0A0; + border-color: #A0A0A0; +} + +.pk-button-outline-secondary:not(:disabled):not(.disabled):active:focus, .pk-button-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(160, 160, 160, 0.5); +} + +.pk-button-outline-success { + color: #28a745; + border-color: #28a745; +} + +.pk-button-outline-success:hover { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} + +.pk-button-outline-success:focus, .pk-button-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} + +.pk-button-outline-success.disabled, .pk-button-outline-success:disabled { + color: #28a745; + background-color: transparent; +} + +.pk-button-outline-success:not(:disabled):not(.disabled):active, .pk-button-outline-success:not(:disabled):not(.disabled).active, +.show > .pk-button-outline-success.dropdown-toggle { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} + +.pk-button-outline-success:not(:disabled):not(.disabled):active:focus, .pk-button-outline-success:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} + +.pk-button-outline-info { + color: #17a2b8; + border-color: #17a2b8; +} + +.pk-button-outline-info:hover { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.pk-button-outline-info:focus, .pk-button-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} + +.pk-button-outline-info.disabled, .pk-button-outline-info:disabled { + color: #17a2b8; + background-color: transparent; +} + +.pk-button-outline-info:not(:disabled):not(.disabled):active, .pk-button-outline-info:not(:disabled):not(.disabled).active, +.show > .pk-button-outline-info.dropdown-toggle { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.pk-button-outline-info:not(:disabled):not(.disabled):active:focus, .pk-button-outline-info:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} + +.pk-button-outline-warning { + color: #ffc107; + border-color: #ffc107; +} + +.pk-button-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} + +.pk-button-outline-warning:focus, .pk-button-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.pk-button-outline-warning.disabled, .pk-button-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} + +.pk-button-outline-warning:not(:disabled):not(.disabled):active, .pk-button-outline-warning:not(:disabled):not(.disabled).active, +.show > .pk-button-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} + +.pk-button-outline-warning:not(:disabled):not(.disabled):active:focus, .pk-button-outline-warning:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.pk-button-outline-danger { + color: #dc3545; + border-color: #dc3545; +} + +.pk-button-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.pk-button-outline-danger:focus, .pk-button-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} + +.pk-button-outline-danger.disabled, .pk-button-outline-danger:disabled { + color: #dc3545; + background-color: transparent; +} + +.pk-button-outline-danger:not(:disabled):not(.disabled):active, .pk-button-outline-danger:not(:disabled):not(.disabled).active, +.show > .pk-button-outline-danger.dropdown-toggle { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.pk-button-outline-danger:not(:disabled):not(.disabled):active:focus, .pk-button-outline-danger:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} + +.pk-button-outline-light { + color: #f8f9fa; + border-color: #f8f9fa; +} + +.pk-button-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.pk-button-outline-light:focus, .pk-button-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.pk-button-outline-light.disabled, .pk-button-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; +} + +.pk-button-outline-light:not(:disabled):not(.disabled):active, .pk-button-outline-light:not(:disabled):not(.disabled).active, +.show > .pk-button-outline-light.dropdown-toggle { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.pk-button-outline-light:not(:disabled):not(.disabled):active:focus, .pk-button-outline-light:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.pk-button-outline-dark { + color: #343a40; + border-color: #343a40; +} + +.pk-button-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.pk-button-outline-dark:focus, .pk-button-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.pk-button-outline-dark.disabled, .pk-button-outline-dark:disabled { + color: #343a40; + background-color: transparent; +} + +.pk-button-outline-dark:not(:disabled):not(.disabled):active, .pk-button-outline-dark:not(:disabled):not(.disabled).active, +.show > .pk-button-outline-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} + +.pk-button-outline-dark:not(:disabled):not(.disabled):active:focus, .pk-button-outline-dark:not(:disabled):not(.disabled).active:focus, +.show > .pk-button-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.pk-button-lg { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.pk-button-sm { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.pk-button-block { + display: block; + width: 100%; +} + +.pk-button-block + .pk-button-block { + margin-top: 0.5rem; +} + +/* Tabs */ +/*--------------------------------------------------------------*/ +.pk-nav { + display: flex; + flex-direction: column; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.pk-fade { + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .pk-fade { + transition: none; + } +} + +.pk-nav-link { + display: block; +} + +.pk-nav-link:hover, .pk-nav-link:focus { + text-decoration: none; +} + +.pk-nav-tabs .pk-nav-item + .pk-nav-item .pk-nav-link { + margin-top: 0.5rem; +} + +.pk-nav-tabs .pk-nav-link { + border: 1px solid transparent; + border-color: #dee2e6; + color: #adb5bd; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.pk-nav-tabs .pk-nav-link.pk-active { + color: #000; + background-color: #FFFFFF; +} + +.pk-nav-tabs .pk-nav-link:hover, .pk-nav-tabs .pk-nav-link:focus { + color: #212529; +} + +.pk-tab-content > .pk-tab-pane { + display: none; +} + +.pk-tab-content > .pk-active { + display: block; +} + +.pk-tabs .pk-nav { + margin-bottom: 1.5rem; +} + +.pk-tabs .pk-nav-link { + padding: 1rem 1.5rem; + line-height: 1; + font-size: 1rem; + text-decoration: none !important; + box-shadow: none !important; +} + +.pk-tabs .pk-tab-pane > *:last-child { + margin-bottom: 0; +} + +.pk-tabs .pk-nav-tabs .pk-nav-link.pk-active { + background-color: #f8f9fa; +} + +.pk-tabs .pk-nav-pills .pk-nav-link { + border-radius: 0.25rem; + padding: 0.75rem 1rem; + line-height: 1; + color: #adb5bd; +} + +.pk-tabs .pk-nav-pills .pk-nav-link.pk-active { + color: #000; + background-color: #e9ecef; +} + +@media (min-width: 768px) { + .pk-tabs .pk-nav-item + .pk-nav-item .pk-nav-link { + margin-top: 0; + } + .pk-tabs .pk-nav-link:not(.pk-active) { + border-color: transparent; + } + .pk-tabs .pk-nav-tabs .pk-nav-link.pk-active { + background-color: transparent; + } + .pk-tabs-horizontal .pk-nav { + flex-direction: row; + } + .pk-tabs-horizontal .pk-nav-tabs { + border-bottom: 1px solid #dee2e6; + } + .pk-tabs-horizontal .pk-nav-item { + transform: translateY(1px); + } + .pk-tabs-horizontal .pk-nav-link.pk-active { + border-bottom-color: #fff; + } + .pk-tabs-vertical .pk-tabs-container { + display: flex; + } + .pk-tabs-vertical .pk-tabs-navigation { + flex: 0 0 30%; + } + .pk-tabs-vertical .pk-tabs-navigation .pk-nav { + margin-bottom: 0; + } + .pk-tabs-vertical .pk-tabs-navigation .pk-nav-item { + width: 100%; + max-width: 100%; + transform: translateX(1px); + } + .pk-tabs-vertical .pk-tabs-content { + margin-left: 5%; + flex: 0 0 65%; + } + .pk-tabs-vertical .pk-nav-tabs { + border-right: 1px solid #dee2e6; + flex-direction: column; + height: 100%; + } + .pk-tabs-vertical .pk-nav-tabs .pk-nav-link { + border-radius: 0.25rem 0 0 0.25rem; + } + .pk-tabs-vertical .pk-nav-tabs .pk-nav-link.pk-active { + border-right-color: #fff; + } + .pk-tabs-vertical .pk-nav-pills { + flex-direction: column; + } +} + +/* Collapsibles */ +/*--------------------------------------------------------------*/ +.pk-card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + margin-bottom: 0; + background-clip: border-box; +} + +.pk-card + .pk-card { + border-top: 1px solid #e9ecef; +} + +.pk-collapsing { + position: relative; + height: 0; + overflow: hidden; +} + +.pk-card-body { + flex: 1 1 auto; + padding: 0.75rem 0; +} + +.pk-card-header { + margin-bottom: 0; +} + +.pk-card-header .pk-card-title { + margin-top: 0; + margin-bottom: 0; +} + +.pk-card-header a { + display: flex; + justify-content: space-between; + padding: 0.75rem 0; + border: none; + color: #212529; + transition: 0.3s; + text-decoration: none !important; + box-shadow: none !important; +} + +.pk-card-header a:hover { + color: #adb5bd; +} + +.pk-card-header a:after { + font-family: 'powerkit-icons'; + content: "\e914"; + transition: 0.3s; +} + +.pk-card.expanded .pk-card-header a { + color: inherit; +} + +.pk-card.expanded .pk-card-header a:after { + transform: rotate(90deg); +} + +/* Progress */ +/*--------------------------------------------------------------*/ +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} + +.pk-progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.pk-progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + color: #fff; + text-align: center; + white-space: nowrap; + transition: width 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .pk-progress-bar { + transition: none; + } +} + +.pk-progress-bar.pk-bg-primary { + background-color: #007bff; +} + +.pk-progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.pk-progress-bar-animated { + -webkit-animation: progress-bar-stripes 1s linear infinite; + animation: progress-bar-stripes 1s linear infinite; +} + +/* Separators */ +/*--------------------------------------------------------------*/ +.pk-separator { + border-bottom-color: #ddd; + margin-top: 2rem; + margin-bottom: 2rem; +} \ No newline at end of file diff --git a/teachmore/css/style.css b/teachmore/css/style.css new file mode 100644 index 0000000..7ce9a9c --- /dev/null +++ b/teachmore/css/style.css @@ -0,0 +1,8614 @@ +@charset "UTF-8"; +/* +Theme Name: Expertly +Theme URI: http://codesupply.co/themes/expertly +Description: Optimized Wordpress Theme for Content Projects +Author: Code Supply Co. +Author URI: https://codesupply.co +Version: 1.8.1 +Tags: two-columns, right-sidebar, custom-colors, editor-style, theme-options, featured-images, custom-menu, sticky-post, translation-ready +License: GNU General Public License version 3.0 +License URI: http://www.gnu.org/licenses/gpl-3.0.html +Text Domain: expertly +*/ +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Reboot +# Base +# Utilities +# Layout +# Elements +# Widgets +# Media +# Vendors + +/*-------------------------------------------------------------- +# Reboot +--------------------------------------------------------------*/ +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #121416; + text-align: left; + background-color: #fff; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr, .wp-block-separator { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 1rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +a { + color: #000000; + text-decoration: none; + background-color: transparent; +} + +a:hover { + color: #A0A0A0; + text-decoration: none; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table, .wp-block-table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +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 { + padding: 0; + border-style: none; +} + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +/*-------------------------------------------------------------- +# Base +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Typography +--------------------------------------------------------------*/ +html { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 16px; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 1rem; + font-family: inherit; + font-weight: 500; + line-height: 1.2; + color: #000000; + word-wrap: break-word; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +hr, .wp-block-separator { + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); + margin-top: 48px !important; + margin-bottom: 48px !important; +} + +small, .small { + font-size: 80%; + font-weight: 400; +} + +mark, .mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +/*-------------------------------------------------------------- +## Font Style +--------------------------------------------------------------*/ +.site-title { + font-size: 1.25rem; +} + +.title-block { + margin-bottom: 1.5rem; +} + +.cs-breadcrumbs { + font-size: 12px; +} + +.entry-header .entry-title { + line-height: 1; +} + +.entry-header .post-excerpt { + font-size: 1.25rem; +} + +.post-archive .entry-title { + font-size: 1.75rem; +} + +.post-archive .archive-full .entry-title { + font-size: 2.5rem; +} + +@media (min-width: 1380px) { + .headings-large h1, .headings-large .h1 { + font-size: 3.25rem; + } + .headings-large h2, .headings-large .h2 { + font-size: 2.5rem; + } + .headings-large h3, .headings-large .h3 { + font-size: 2rem; + } + .headings-large .post-archive .entry-title { + font-size: 2rem; + } + .headings-large .post-archive .archive-full .entry-title { + font-size: 2.5rem; + } + .headings-large .cs-homepage-post:first-child .entry-title { + font-size: 2.5rem; + } + .headings-large .cs-homepage-post:not(:first-child) .entry-title { + font-size: 1.5rem; + } + .headings-large .cs-homepage-category > article .entry-title { + font-size: 1.75rem; + } + .headings-large .cs-card .entry-title { + font-size: 1.5rem; + } +} + +.headings-small h1, .headings-small .h1 { + font-size: 2rem; +} + +.headings-small h2, .headings-small .h2 { + font-size: 1.75rem; +} + +.headings-small h3, .headings-small .h3 { + font-size: 1.5rem; +} + +.headings-small .post-archive .entry-title { + font-size: 1.5rem; +} + +.headings-small .post-archive .archive-full .entry-title { + font-size: 1.75rem; +} + +.headings-small .cs-homepage-post:first-child .entry-title { + font-size: 1.75rem; +} + +.headings-small .cs-homepage-post:not(:first-child) .entry-title { + font-size: 1.25rem; +} + +.headings-small .cs-homepage-category > article .entry-title { + font-size: 1.5rem; +} + +.headings-small .cs-homepage-category-title { + font-size: 1.25rem; +} + +.headings-small .cs-card .entry-title { + font-size: 1.25rem; +} + +/*-------------------------------------------------------------- +## Tables +--------------------------------------------------------------*/ +table, .wp-block-table { + width: 100%; + max-width: 100%; + border-collapse: collapse; + margin-bottom: 1rem; + background-color: transparent; +} + +table th, .wp-block-table th, +table td, +.wp-block-table td { + padding: 0.75rem; + vertical-align: top; + border: none; + border-top: 1px solid #dee2e6; +} + +table thead th, .wp-block-table thead th { + vertical-align: bottom; + border-bottom: 2px solid #dee2e6; +} + +table tbody + tbody, .wp-block-table tbody + tbody { + border-top: 2px solid #dee2e6; +} + +.wp-block-table .wp-block-table__cell-content { + padding: 0; +} + +.table-bordered { + border: 1px solid #dee2e6; +} + +.table-bordered th, +.table-bordered td { + border: 1px solid #dee2e6; +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} + +@media (max-width: 719.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} + +@media (max-width: 1019.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} + +@media (max-width: 1199.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} + +@media (max-width: 1379.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +/*-------------------------------------------------------------- +## Forms +--------------------------------------------------------------*/ +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"], +select, +textarea { + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 3px; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media screen and (prefers-reduced-motion: reduce) { + 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"], + select, + textarea { + transition: none; + } +} + +input[type="text"]::-ms-expand, +input[type="email"]::-ms-expand, +input[type="url"]::-ms-expand, +input[type="password"]::-ms-expand, +input[type="search"]::-ms-expand, +input[type="number"]::-ms-expand, +input[type="tel"]::-ms-expand, +input[type="range"]::-ms-expand, +input[type="date"]::-ms-expand, +input[type="month"]::-ms-expand, +input[type="week"]::-ms-expand, +input[type="time"]::-ms-expand, +input[type="datetime"]::-ms-expand, +input[type="datetime-local"]::-ms-expand, +input[type="color"]::-ms-expand, +select::-ms-expand, +textarea::-ms-expand { + background-color: transparent; + border: 0; +} + +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, +select:focus, +textarea:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1); + outline: 0; +} + +input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="range"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="color"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { + color: #6c757d; + opacity: 1; +} + +input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} + +input[type="text"]::placeholder, +input[type="email"]::placeholder, +input[type="url"]::placeholder, +input[type="password"]::placeholder, +input[type="search"]::placeholder, +input[type="number"]::placeholder, +input[type="tel"]::placeholder, +input[type="range"]::placeholder, +input[type="date"]::placeholder, +input[type="month"]::placeholder, +input[type="week"]::placeholder, +input[type="time"]::placeholder, +input[type="datetime"]::placeholder, +input[type="datetime-local"]::placeholder, +input[type="color"]::placeholder, +select::placeholder, +textarea::placeholder { + color: #6c757d; + opacity: 1; +} + +input[type="text"]:disabled, input[type="text"][readonly], +input[type="email"]:disabled, +input[type="email"][readonly], +input[type="url"]:disabled, +input[type="url"][readonly], +input[type="password"]:disabled, +input[type="password"][readonly], +input[type="search"]:disabled, +input[type="search"][readonly], +input[type="number"]:disabled, +input[type="number"][readonly], +input[type="tel"]:disabled, +input[type="tel"][readonly], +input[type="range"]:disabled, +input[type="range"][readonly], +input[type="date"]:disabled, +input[type="date"][readonly], +input[type="month"]:disabled, +input[type="month"][readonly], +input[type="week"]:disabled, +input[type="week"][readonly], +input[type="time"]:disabled, +input[type="time"][readonly], +input[type="datetime"]:disabled, +input[type="datetime"][readonly], +input[type="datetime-local"]:disabled, +input[type="datetime-local"][readonly], +input[type="color"]:disabled, +input[type="color"][readonly], +select:disabled, +select[readonly], +textarea:disabled, +textarea[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select:not([size]):not([multiple]) { + height: calc(2.25rem + 2px); +} + +select:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +.button { + display: inline-block; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + border: 1px solid transparent; + padding: 0.375rem 1rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 3px; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + background-color: #000000; + color: white; +} + +@media screen and (prefers-reduced-motion: reduce) { + button, + input[type="button"], + input[type="reset"], + input[type="submit"], + .button { + transition: none; + } +} + +button:hover, button:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus, +.button:hover, +.button:focus { + text-decoration: none; + color: #fff; +} + +button:focus, +input[type="button"]:focus, +input[type="reset"]:focus, +input[type="submit"]:focus, +.button:focus { + outline: 0; +} + +.button-round { + padding: 0.375rem; + border-radius: 50%; + font-size: 16px; + line-height: 1; + width: 20px; + height: 20px; + box-sizing: content-box; + display: flex; + justify-content: center; + align-items: center; +} + +.button-round .cs-icon:before { + display: inline-block; +} + +.button-transparent { + background: transparent; + color: #000000; +} + +.button-transparent:hover, .button-transparent:focus { + color: #6c757d; +} + +.cs-input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; + background: #fff; + border-radius: 3px; +} + +.cs-input-group input[type="text"], +.cs-input-group input[type="email"], +.cs-input-group input[type="url"], +.cs-input-group input[type="password"], +.cs-input-group input[type="search"], +.cs-input-group input[type="number"], +.cs-input-group input[type="tel"] { + position: relative; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; + border: none; +} + +.cs-input-group input[type="text"]:focus, +.cs-input-group input[type="email"]:focus, +.cs-input-group input[type="url"]:focus, +.cs-input-group input[type="password"]:focus, +.cs-input-group input[type="search"]:focus, +.cs-input-group input[type="number"]:focus, +.cs-input-group input[type="tel"]:focus { + z-index: 3; + box-shadow: none; +} + +.cs-input-group button { + margin: 0.5rem; + position: relative; + z-index: 2; + border: 1px #e9ecef solid; + background: #fff; + color: #6c757d; +} + +.cs-input-group button:hover, .cs-input-group button:focus { + color: #343a40; + border-color: #ced4da; +} + +.search-form { + border-radius: 3px; + box-shadow: 0 0 0 0.2rem #F8F8F8; + transition: .2s ease box-shadow; +} + +.cs-form-focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1); + outline: 0; +} + +.cs-bg-dark form:not(.cs-form-focus) { + box-shadow: none; +} + +/*-------------------------------------------------------------- +## Icons +--------------------------------------------------------------*/ +@font-face { + font-family: "cs-icons"; + src: url("css/fonts/icons.ttf") format("truetype"), url("css/fonts/icons.woff") format("woff"), url("css/fonts/icons.svg#icons") format("svg"); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +[class^="cs-icon-"], +[class*=" cs-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: "cs-icons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.cs-icon-bag:before { + content: "\e92d"; +} + +.cs-icon-cart:before { + content: "\e92c"; +} + +.cs-icon-activity:before { + content: "\e900"; +} + +.cs-icon-alert-circle:before { + content: "\e901"; +} + +.cs-icon-arrow-down:before { + content: "\e902"; +} + +.cs-icon-arrow-down-circle:before { + content: "\e903"; +} + +.cs-icon-arrow-left:before { + content: "\e904"; +} + +.cs-icon-arrow-left-circle:before { + content: "\e905"; +} + +.cs-icon-arrow-right:before { + content: "\e906"; +} + +.cs-icon-arrow-right-circle:before { + content: "\e907"; +} + +.cs-icon-arrow-up-circle:before { + content: "\e908"; +} + +.cs-icon-at-sign:before { + content: "\e909"; +} + +.cs-icon-award:before { + content: "\e90a"; +} + +.cs-icon-bookmark:before { + content: "\e90b"; +} + +.cs-icon-chevron-down:before { + content: "\e90c"; +} + +.cs-icon-chevron-left:before { + content: "\e90d"; +} + +.cs-icon-chevron-right:before { + content: "\e90e"; +} + +.cs-icon-chevron-up:before { + content: "\e90f"; +} + +.cs-icon-circle:before { + content: "\e910"; +} + +/* .cs-icon-eye:before { + content: "\e911"; +} */ + +.cs-icon-file:before { + content: "\e912"; +} + +.cs-icon-file-text:before { + content: "\e913"; +} + +.cs-icon-film:before { + content: "\e914"; +} + +.cs-icon-help-circle:before { + content: "\e915"; +} + +.cs-icon-info:before { + content: "\e916"; +} + +.cs-icon-menu:before { + content: "\e917"; +} + +.cs-icon-message-square:before { + content: "\e918"; +} + +.cs-icon-more-horizontal:before { + content: "\e919"; +} + +.cs-icon-more-vertical:before { + content: "\e91a"; +} + +.cs-icon-music:before { + content: "\e91b"; +} + +.cs-icon-play:before { + content: "\e91c"; +} + +.cs-icon-play-circle:before { + content: "\e91d"; +} + +.cs-icon-plus-circle:before { + content: "\e91e"; +} + +.cs-icon-search:before { + content: "\e91f"; +} + +.cs-icon-share:before { + content: "\e920"; +} + +.cs-icon-tag:before { + content: "\e921"; +} + +.cs-icon-watch:before { + content: "\e922"; +} + +.cs-icon-x:before { + content: "\e923"; +} + +.cs-icon-x-circle:before { + content: "\e924"; +} + +.cs-icon-x-square:before { + content: "\e925"; +} + +.cs-icon-youtube:before { + content: "\e926"; +} + +.cs-icon-zap:before { + content: "\e927"; +} + +.cs-icon-zoom-in:before { + content: "\e928"; +} + +.cs-icon-zoom-out:before { + content: "\e929"; +} + +/*-------------------------------------------------------------- +## Colors +--------------------------------------------------------------*/ +@media (min-width: 1200px) { + body { + background-color: #F8F8F8; + } +} + +a { + transition: .2s color ease; +} + +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, +.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { + color: #000000; +} + +h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus, +.h1 a:hover, +.h1 a:focus, .h2 a:hover, .h2 a:focus, .h3 a:hover, .h3 a:focus, .h4 a:hover, .h4 a:focus, .h5 a:hover, .h5 a:focus, .h6 a:hover, .h6 a:focus { + color: #6c757d; + text-decoration: none; +} + +.post-categories a:hover, .post-categories a:focus { + color: #000000; +} + +.post-meta, +.cs-breadcrumbs { + color: #A0A0A0; +} + +.post-meta a, +.cs-breadcrumbs a { + color: #121416; +} + +.post-meta a:hover, .post-meta a:focus, +.cs-breadcrumbs a:hover, +.cs-breadcrumbs a:focus { + color: #000000; +} + +figcaption { + color: #A0A0A0; +} + +span[class*="meta-"] { + color: #A0A0A0; +} + +.archive-count { + color: #A0A0A0; +} + +.page-subtitle { + color: #A0A0A0; +} + +/*-------------------------------------------------------------- +## Lists +--------------------------------------------------------------*/ +.cs-list-articles { + padding-left: 0; + list-style: none; +} + +.cs-list-articles > li > a { + display: flex; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + line-height: 1.25rem; + color: #6c757d; + font-size: 0.875rem; + position: relative; + padding-left: 2rem; +} + +.cs-list-articles > li > a:before { + position: absolute; + left: 0; + top: 0; + font-family: "cs-icons"; + content: "\e906"; + color: #ced4da; + font-size: 14px; + margin-right: 1rem; + display: inline-block; + transition: .2s ease all; + display: flex; + align-items: center; + justify-content: center; + width: 20px; + height: 20px; + border-radius: 100%; + top: 4px; +} + +.cs-list-articles > li > a:hover { + color: #000000; +} + +.cs-list-articles > li > a:hover:before { + color: #fff; + transition: .2s ease all; + background: #6c757d; +} + +/*-------------------------------------------------------------- +## Entry +--------------------------------------------------------------*/ +.entry .entry-content:after { + content: ''; + clear: both; + display: table; +} + +.entry .entry-content > *:last-child:after, +.entry .entry-summary > *:last-child:after { + content: ''; + clear: both; + display: table; +} + +.entry .entry-content > *, +.entry .entry-content .wp-block-column > *, +.entry .entry-content .wp-block-group__inner-container > *, +.entry .entry-content .wp-block-cover__inner-container > *, +.entry .entry-content .wp-block-media-text__content > *, +.entry .entry-content .cnvs-block-column-inner > div > *, +.entry .entry-content .cnvs-block-section-content-inner > *, +.entry .entry-content .cnvs-block-section-sidebar-inner > *, +.entry .entry-summary > *, +.entry .entry-summary .wp-block-column > *, +.entry .entry-summary .wp-block-group__inner-container > *, +.entry .entry-summary .wp-block-cover__inner-container > *, +.entry .entry-summary .wp-block-media-text__content > *, +.entry .entry-summary .cnvs-block-column-inner > div > *, +.entry .entry-summary .cnvs-block-section-content-inner > *, +.entry .entry-summary .cnvs-block-section-sidebar-inner > * { + margin-top: 32px; + margin-bottom: 32px; +} + +@media (min-width: 720px) { + .entry .entry-content > *, + .entry .entry-content .wp-block-column > *, + .entry .entry-content .wp-block-group__inner-container > *, + .entry .entry-content .wp-block-cover__inner-container > *, + .entry .entry-content .wp-block-media-text__content > *, + .entry .entry-content .cnvs-block-column-inner > div > *, + .entry .entry-content .cnvs-block-section-content-inner > *, + .entry .entry-content .cnvs-block-section-sidebar-inner > *, + .entry .entry-summary > *, + .entry .entry-summary .wp-block-column > *, + .entry .entry-summary .wp-block-group__inner-container > *, + .entry .entry-summary .wp-block-cover__inner-container > *, + .entry .entry-summary .wp-block-media-text__content > *, + .entry .entry-summary .cnvs-block-column-inner > div > *, + .entry .entry-summary .cnvs-block-section-content-inner > *, + .entry .entry-summary .cnvs-block-section-sidebar-inner > * { + margin-top: 32px; + margin-bottom: 32px; + } +} + +.entry .entry-content > *:first-child, +.entry .entry-content .wp-block-column > *:first-child, +.entry .entry-content .wp-block-group__inner-container > *:first-child, +.entry .entry-content .wp-block-cover__inner-container > *:first-child, +.entry .entry-content .wp-block-media-text__content > *:first-child, +.entry .entry-content .cnvs-block-column-inner > div > *:first-child, +.entry .entry-content .cnvs-block-section-content-inner > *:first-child, +.entry .entry-content .cnvs-block-section-sidebar-inner > *:first-child, +.entry .entry-summary > *:first-child, +.entry .entry-summary .wp-block-column > *:first-child, +.entry .entry-summary .wp-block-group__inner-container > *:first-child, +.entry .entry-summary .wp-block-cover__inner-container > *:first-child, +.entry .entry-summary .wp-block-media-text__content > *:first-child, +.entry .entry-summary .cnvs-block-column-inner > div > *:first-child, +.entry .entry-summary .cnvs-block-section-content-inner > *:first-child, +.entry .entry-summary .cnvs-block-section-sidebar-inner > *:first-child { + margin-top: 0; +} + +.entry .entry-content > *:last-child, +.entry .entry-content .wp-block-column > *:last-child, +.entry .entry-content .wp-block-group__inner-container > *:last-child, +.entry .entry-content .wp-block-cover__inner-container > *:last-child, +.entry .entry-content .wp-block-media-text__content > *:last-child, +.entry .entry-content .cnvs-block-column-inner > div > *:last-child, +.entry .entry-content .cnvs-block-section-content-inner > *:last-child, +.entry .entry-content .cnvs-block-section-sidebar-inner > *:last-child, +.entry .entry-summary > *:last-child, +.entry .entry-summary .wp-block-column > *:last-child, +.entry .entry-summary .wp-block-group__inner-container > *:last-child, +.entry .entry-summary .wp-block-cover__inner-container > *:last-child, +.entry .entry-summary .wp-block-media-text__content > *:last-child, +.entry .entry-summary .cnvs-block-column-inner > div > *:last-child, +.entry .entry-summary .cnvs-block-section-content-inner > *:last-child, +.entry .entry-summary .cnvs-block-section-sidebar-inner > *:last-child { + margin-bottom: 0; +} + +.entry .entry-content .entry-content, +.entry .entry-content .entry-summary, +.entry .entry-summary .entry-content, +.entry .entry-summary .entry-summary { + margin: inherit; + max-width: inherit; + padding: inherit; +} + +@media (min-width: 720px) { + .entry .entry-content .entry-content, + .entry .entry-content .entry-summary, + .entry .entry-summary .entry-content, + .entry .entry-summary .entry-summary { + margin: inherit; + max-width: inherit; + padding: inherit; + } +} + +/*-------------------------------------------------------------- +## Entry Content +--------------------------------------------------------------*/ +.entry-content { + line-height: 1.75; +} + +.entry-content > a, +.entry-content > p > a, +.entry-content > ul li > a, +.entry-content > ol li > a, +.entry-content > p > em > a, +.entry-content > p > strong > a { + text-decoration: underline; +} + +.entry-content > a:hover, .entry-content > a:focus, +.entry-content > p > a:hover, +.entry-content > p > a:focus, +.entry-content > ul li > a:hover, +.entry-content > ul li > a:focus, +.entry-content > ol li > a:hover, +.entry-content > ol li > a:focus, +.entry-content > p > em > a:hover, +.entry-content > p > em > a:focus, +.entry-content > p > strong > a:hover, +.entry-content > p > strong > a:focus { + text-decoration: none; +} + +.entry-content > blockquote { + position: relative; + font-size: 1.25rem; + line-height: 1.5; + padding-top: 1.5rem; + padding-bottom: 1.5rem; + margin-left: 0; + margin-right: 0; + margin-top: 48px; + margin-bottom: 48px; + border-left: 0; + border-top: 1px #e9ecef solid; + border-bottom: 1px #e9ecef solid; + padding-left: 80px; +} + +.entry-content > blockquote cite { + display: block; + color: #A0A0A0; + font-size: 0.875rem; + font-style: italic; + margin-top: 0.5rem; +} + +.entry-content > blockquote p { + line-height: 1.5; +} + +.entry-content > blockquote p:first-child { + font-size: inherit; + margin-top: 0; +} + +.entry-content > blockquote p:last-child { + margin-bottom: 0; +} + +.entry-content > blockquote:before { + content: "\e906"; + font-family: "cs-icons"; + color: #ced4da; + line-height: 1; + position: absolute; + top: 1.5rem; + left: 0; + font-size: 2rem; +} + +.entry-content cite { + color: #A0A0A0; +} + +.entry-content .wp-caption-dd { + color: #A0A0A0; + margin-left: 0; +} + +.entry-content .cs-embed { + margin-top: 48px; + margin-bottom: 48px; +} + +.alignnone { + max-width: 100%; +} + +.alignleft { + float: none; + margin-right: 0; +} + +.alignleft:first-child + * { + margin-top: 0; +} + +@media (min-width: 720px) { + .alignleft { + float: left; + margin-right: 2rem; + } +} + +.alignright { + float: none; + margin-left: 0; +} + +.alignright:first-child + * { + margin-top: 0; +} + +@media (min-width: 720px) { + .alignright { + float: right; + margin-left: 2rem; + } +} + +.aligncenter { + display: block; + clear: both; + margin-left: auto; + margin-right: auto; + max-width: 100%; +} + +.aligncenter .wp-caption-text, +.aligncenter .wp-caption-dd { + text-align: center; +} + +img.alignleft, +img.alignright { + margin-bottom: 1rem; +} + +/** =========== Blocks =========== */ +.wp-block-columns > *:first-child { + margin-top: 0; +} + +.wp-block-columns > *:last-child { + margin-bottom: 0; +} + +.wp-block-columns .wp-block-column > *:first-child { + margin-top: 0; +} + +.wp-block-columns .wp-block-column > *:last-child { + margin-bottom: 0; +} + +@media only screen and (min-width: 600px) { + .wp-block-columns { + flex-wrap: nowrap; + } +} + +p.has-background { + padding: 1.5rem 2rem; +} + +p.wp-block-subhead { + font-size: 1.25rem; + color: #A0A0A0; + opacity: 1; +} + +p.has-drop-cap:not(:focus):first-letter { + font-size: 4rem; + line-height: 1; + margin-top: 0.5rem; + margin-right: 2rem; + margin-bottom: 0.5rem; +} + +.wp-block-separator:not(.is-style-dots) { + border-top: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + max-width: 670px; +} + +.wp-block-separator.is-style-dots { + border: none; + text-align: left; +} + +.wp-block-separator.is-style-dots:before { + padding-left: 0; + color: #A0A0A0; +} + +.wp-block-button.alignleft { + text-align: left; +} + +.wp-block-button.alignright { + text-align: right; +} + +.wp-block-button.aligncenter { + text-align: center; +} + +.wp-block-button .wp-block-button__link { + transition: opacity 0.2s; +} + +.wp-block-button .wp-block-button__link:not(.has-background) { + background-color: #000000; +} + +.wp-block-button .wp-block-button__link:not(.has-text-color) { + color: white; +} + +.wp-block-button .wp-block-button__link:hover { + opacity: 0.7; + cursor: pointer; +} + +.wp-block-button:not(.is-style-squared) .wp-block-button__link { + border-radius: 2rem; +} + +.wp-block-code { + background-color: rgba(0, 0, 0, 0.05); + padding: 1rem 1.5rem; + font-family: Menlo, Consolas, monaco, monospace; + line-height: 1.75; + font-size: 0.875rem; + color: #000000; + white-space: pre-wrap; + border-radius: 0; + border: none; +} + +.wp-block-code .editor-plain-text { + background-color: transparent; +} + +.wp-block-preformatted { + background-color: rgba(0, 0, 0, 0.05); + padding: 1rem 1.5rem; +} + +.wp-block-preformatted pre { + padding: 0; +} + +.wp-block-preformatted, +.wp-block-preformatted pre { + font-family: Menlo, Consolas, monaco, monospace; + line-height: 1.75; + font-size: 0.875rem; + color: #000000; + white-space: pre-wrap; +} + +.wp-block-verse { + background-color: rgba(0, 0, 0, 0.05); + padding: 1rem 1.5rem; +} + +.wp-block-verse pre { + padding: 0; +} + +.wp-block-verse, +.wp-block-verse pre { + font-family: Menlo, Consolas, monaco, monospace; + line-height: 1.75; + font-size: 0.875rem; + color: #000000; + overflow: auto; +} + +.wp-block-audio figcaption { + color: #A0A0A0; + text-align: center; +} + +.wp-block-embed figcaption { + color: #A0A0A0; + text-align: center; +} + +.wp-block-video video { + width: 100%; +} + +.wp-block-media-text p:last-child { + margin-bottom: 0; +} + +@media (max-width: 719.98px) { + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { + padding-top: 8%; + padding-bottom: 0; + } + .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { + padding-top: 0; + padding-bottom: 8%; + } +} + +.wp-block-image figcaption { + color: #A0A0A0; + text-align: center; +} + +@media (min-width: 720px) { + .wp-block-image figcaption { + text-align: initial; + } +} + +.wp-block-image .alignleft figcaption, .wp-block-image .alignright figcaption, +.wp-block-image .aligncenter figcaption, .wp-block-image .alignwide figcaption, +.wp-block-image .alignfull figcaption { + text-align: center; +} + +.wp-block-image.alignleft figcaption, .wp-block-image.alignright figcaption, .wp-block-image.aligncenter figcaption, .wp-block-image.alignwide figcaption, .wp-block-image.alignfull figcaption { + text-align: center; +} + +.wp-block-image .alignleft, .wp-block-image.alignleft { + float: none; + margin-right: 0; +} + +@media (min-width: 720px) { + .wp-block-image .alignleft, .wp-block-image.alignleft { + float: left; + margin-right: 2rem; + } +} + +.wp-block-image .alignright, .wp-block-image.alignright { + float: none; + margin-left: 0; +} + +@media (min-width: 720px) { + .wp-block-image .alignright, .wp-block-image.alignright { + float: right; + margin-left: 2rem; + } +} + +@media (max-width: 719.98px) { + .wp-block-image .alignleft, + .wp-block-image .alignright { + margin-left: auto; + margin-right: auto; + } +} + +.wp-block-cover, +.wp-block-cover-image { + display: flex; + justify-content: center; + align-items: center; + min-height: auto; +} + +.wp-block-cover:after, +.wp-block-cover-image:after { + width: 0; + padding-bottom: 56.25%; + height: 100%; + content: ''; +} + +.wp-block-cover.alignleft:after, .wp-block-cover.alignright:after, +.wp-block-cover-image.alignleft:after, +.wp-block-cover-image.alignright:after { + padding-bottom: 75%; +} + +.wp-block-cover.alignfull:after, .wp-block-cover.alignwide:after, +.wp-block-cover-image.alignfull:after, +.wp-block-cover-image.alignwide:after { + padding-bottom: 40%; +} + +.wp-block-cover .wp-block-cover-text, +.wp-block-cover-image .wp-block-cover-text { + font-size: 2rem; + line-height: 1.25; + padding: 1rem; +} + +@media (min-width: 720px) { + .wp-block-cover .wp-block-cover-text, + .wp-block-cover-image .wp-block-cover-text { + padding: 2rem; + } +} + +.wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) { + position: relative; + font-size: 1.25rem; + line-height: 1.5; + padding-top: 1.5rem; + padding-bottom: 1.5rem; + margin-top: 48px; + margin-bottom: 48px; + border-top: 1px #e9ecef solid; + border-bottom: 1px #e9ecef solid; + padding-left: 80px; + color: #000000; +} + +.wp-block-quote:not(.is-large):not(.is-style-large) { + border-left: 0; + padding-left: 80px; +} + +.wp-block-quote:before { + content: "\e906"; + font-family: "cs-icons"; + color: #ced4da; + line-height: 1; + position: absolute; + top: 1.5rem; + left: 0; + font-size: 2rem; +} + +.wp-block-quote p { + line-height: 1.5; +} + +.wp-block-quote p:first-child { + font-size: inherit; + margin-top: 0; +} + +.wp-block-quote p:last-child { + margin-bottom: 0; +} + +.wp-block-quote cite { + font-style: italic; + color: #A0A0A0; + line-height: 1.5; +} + +.wp-block-quote .wp-block-quote__citation { + font-style: italic; + color: #A0A0A0; + line-height: 1.5; +} + +.wp-block-quote.is-large p, +.wp-block-quote.is-large p:first-child, .wp-block-quote.is-style-large p, +.wp-block-quote.is-style-large p:first-child { + font-size: 1.5rem; + font-style: normal; + line-height: 1.6; +} + +.wp-block-quote.is-large cite, +.wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, +.wp-block-quote.is-style-large footer { + font-size: 0.875rem; + text-align: left; +} + +.wp-block-pullquote.alignleft, +.wp-block-pullquote.alignright, +.wp-block-cover-image.alignleft, +.wp-block-cover-image.alignright, +.wp-block-cover.alignleft, +.wp-block-cover.alignright { + max-width: 100%; +} + +@media (min-width: 720px) { + .wp-block-pullquote.alignleft, + .wp-block-pullquote.alignright, + .wp-block-cover-image.alignleft, + .wp-block-cover-image.alignright, + .wp-block-cover.alignleft, + .wp-block-cover.alignright { + max-width: calc(50% - 1rem); + } +} + +.wp-block-pullquote { + border-top: 4px solid #000000; + border-bottom: 4px solid #000000; + padding: 2rem 1rem; +} + +.wp-block-pullquote blockquote { + margin: 0; +} + +.wp-block-pullquote p { + font-size: 1.75rem; + line-height: 1.5; +} + +.wp-block-pullquote .alignleft p, +.wp-block-pullquote .alignright p { + font-size: 1.25rem; +} + +.wp-block-pullquote blockquote:not(.has-text-color) { + color: #000000; +} + +.wp-block-pullquote blockquote:not(.has-text-color) cite, +.wp-block-pullquote blockquote:not(.has-text-color) footer, +.wp-block-pullquote blockquote:not(.has-text-color) .wp-block-pullquote__citation { + color: #A0A0A0; + font-style: italic; +} + +.wp-block-latest-comments { + border-top: 1px solid #e9ecef; + border-bottom: 1px solid #e9ecef; + padding: 2rem 0; + margin: 0; +} + +.wp-block-latest-comments .wp-block-latest-comments__comment { + margin: 2rem 0 0; +} + +.wp-block-latest-comments .wp-block-latest-comments__comment:first-child { + margin-top: 0; +} + +.wp-block-latest-comments .wp-block-latest-comments__comment > article { + border: none !important; + margin: 0 !important; + padding: 0 !important; +} + +.wp-block-latest-comments .wp-block-latest-comments__comment-date { + color: #A0A0A0; + font-size: 0.875rem; +} + +.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { + font-size: inherit; + line-height: inherit; + margin: 0.5rem 0; +} + +.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p:last-child { + margin-bottom: 0; +} + +.wp-block-latest-posts, +.wp-block-categories-list, +.wp-block-categories__list, +.wp-block-archives-list { + padding-left: 0; + list-style: none; + padding-left: 0; + padding-right: 0; + text-align: left; +} + +.wp-block-latest-posts li, +.wp-block-categories-list li, +.wp-block-categories__list li, +.wp-block-archives-list li { + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.wp-block-latest-posts > li a, +.wp-block-categories-list > li a, +.wp-block-categories__list > li a, +.wp-block-archives-list > li a { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.wp-block-latest-posts > li > a, +.wp-block-categories-list > li > a, +.wp-block-categories__list > li > a, +.wp-block-archives-list > li > a { + display: flex; + position: relative; + padding-left: 2rem; +} + +.wp-block-latest-posts > li > a:before, +.wp-block-categories-list > li > a:before, +.wp-block-categories__list > li > a:before, +.wp-block-archives-list > li > a:before { + position: absolute; + left: 0; + top: 8px; + font-family: "cs-icons"; + content: "\e906"; + color: #ced4da; + font-size: 14px; + margin-right: 1rem; + display: inline-block; + transition: .2s ease all; + display: flex; + align-items: center; + justify-content: center; + width: 20px; + height: 20px; + border-radius: 100%; +} + +.wp-block-latest-posts > li > a:hover, +.wp-block-categories-list > li > a:hover, +.wp-block-categories__list > li > a:hover, +.wp-block-archives-list > li > a:hover { + color: #000000; +} + +.wp-block-latest-posts > li > a:hover:before, +.wp-block-categories-list > li > a:hover:before, +.wp-block-categories__list > li > a:hover:before, +.wp-block-archives-list > li > a:hover:before { + color: #fff; + transition: .2s ease all; + background: #6c757d; +} + +.wp-block-latest-posts .wp-block-latest-posts__post-date, +.wp-block-categories-list .wp-block-latest-posts__post-date, +.wp-block-categories__list .wp-block-latest-posts__post-date, +.wp-block-archives-list .wp-block-latest-posts__post-date { + margin-left: 2rem; + flex: 0 0 100%; + font-size: 0.875rem; + color: #A0A0A0; +} + +.wp-block-latest-posts .children, +.wp-block-latest-posts .wp-block-categories__list, +.wp-block-categories-list .children, +.wp-block-categories-list .wp-block-categories__list, +.wp-block-categories__list .children, +.wp-block-categories__list .wp-block-categories__list, +.wp-block-archives-list .children, +.wp-block-archives-list .wp-block-categories__list { + flex: 0 0 100%; +} + +.wp-block-categories > .wp-block-categories__list { + padding: 0; +} + +.wp-block-archives.wp-block-archives-list { + padding: 0; +} + +.wp-block-categories-list a, +.wp-block-categories__list a, +.wp-block-archives-list a { + padding-right: 0.5rem; +} + +/*-------------------------------------------------------------- +# Utilities +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Background +--------------------------------------------------------------*/ +.cs-bg-dark { + color: rgba(255, 255, 255, 0.9); +} + +.cs-bg-dark h1, .cs-bg-dark h2, .cs-bg-dark h3, .cs-bg-dark h4, .cs-bg-dark h5, .cs-bg-dark h6, +.cs-bg-dark .h1, .cs-bg-dark .h2, .cs-bg-dark .h3, .cs-bg-dark .h4, .cs-bg-dark .h5, .cs-bg-dark .h6 { + color: #fff; +} + +.cs-bg-dark h1 a, .cs-bg-dark h2 a, .cs-bg-dark h3 a, .cs-bg-dark h4 a, .cs-bg-dark h5 a, .cs-bg-dark h6 a, +.cs-bg-dark .h1 a, .cs-bg-dark .h2 a, .cs-bg-dark .h3 a, .cs-bg-dark .h4 a, .cs-bg-dark .h5 a, .cs-bg-dark .h6 a { + transition: .2s ease all !important; + color: #fff; +} + +.cs-bg-dark h1:hover a, .cs-bg-dark h1:focus a, .cs-bg-dark h2:hover a, .cs-bg-dark h2:focus a, .cs-bg-dark h3:hover a, .cs-bg-dark h3:focus a, .cs-bg-dark h4:hover a, .cs-bg-dark h4:focus a, .cs-bg-dark h5:hover a, .cs-bg-dark h5:focus a, .cs-bg-dark h6:hover a, .cs-bg-dark h6:focus a, +.cs-bg-dark .h1:hover a, +.cs-bg-dark .h1:focus a, .cs-bg-dark .h2:hover a, .cs-bg-dark .h2:focus a, .cs-bg-dark .h3:hover a, .cs-bg-dark .h3:focus a, .cs-bg-dark .h4:hover a, .cs-bg-dark .h4:focus a, .cs-bg-dark .h5:hover a, .cs-bg-dark .h5:focus a, .cs-bg-dark .h6:hover a, .cs-bg-dark .h6:focus a { + color: rgba(255, 255, 255, 0.75); +} + +.cs-bg-dark a, +.cs-bg-dark .entry-content a, +.cs-bg-dark .meta-category a { + color: rgba(255, 255, 255, 0.8); +} + +.cs-bg-dark a:hover, .cs-bg-dark a:focus, +.cs-bg-dark .entry-content a:hover, +.cs-bg-dark .entry-content a:focus, +.cs-bg-dark .meta-category a:hover, +.cs-bg-dark .meta-category a:focus { + color: white; +} + +.cs-bg-dark caption, +.cs-bg-dark figcaption, +.cs-bg-dark .post-meta, +.cs-bg-dark .cs-breadcrumbs { + color: rgba(255, 255, 255, 0.7); +} + +.cs-bg-dark.navbar-primary { + color: rgba(255, 255, 255, 0.75); +} + +.cs-bg-dark.navbar-primary .navbar-wrap { + border-bottom: none; +} + +.cs-bg-dark.navbar-primary .toggle-search, +.cs-bg-dark.navbar-primary .toggle-offcanvas, +.cs-bg-dark.navbar-primary .site-title { + color: #fff; +} + +.cs-bg-dark.navbar-primary .toggle-search:hover, .cs-bg-dark.navbar-primary .toggle-search:focus, +.cs-bg-dark.navbar-primary .toggle-offcanvas:hover, +.cs-bg-dark.navbar-primary .toggle-offcanvas:focus, +.cs-bg-dark.navbar-primary .site-title:hover, +.cs-bg-dark.navbar-primary .site-title:focus { + color: rgba(255, 255, 255, 0.75); +} + +.cs-bg-dark.navbar-primary .site-description { + border-left-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.75); +} + +.cs-bg-dark.navbar-primary .pk-social-links-link:hover { + color: rgba(255, 255, 255, 0.75); +} + +.cs-bg-dark.navbar-primary .navbar-nav .sub-menu > li > a { + color: #000000; +} + +.cs-bg-dark.navbar-primary .navbar-nav > li.current-menu-ancestor > a, +.cs-bg-dark.navbar-primary .navbar-nav > li.current-menu-item > a { + color: #fff; +} + +.cs-bg-dark.navbar-primary .cs-mega-menu .cs-mega-menu-child > a { + color: #000000; +} + +.cs-bg-dark.navbar-primary .cs-mega-menu .cs-mega-menu-child > a:hover, .cs-bg-dark.navbar-primary .cs-mega-menu .cs-mega-menu-child > a:focus { + color: #A0A0A0; +} + +.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .entry-title { + color: #A0A0A0; +} + +.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .entry-title a { + color: #000000; +} + +.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .entry-title a:hover, .cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .entry-title a:focus { + color: #A0A0A0; +} + +.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta { + color: #A0A0A0; +} + +.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > a, +.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > span > a { + color: #000000; +} + +.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > a:hover, .cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > a:focus, +.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > span > a:hover, +.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > span > a:focus { + color: #A0A0A0; +} + +.cs-bg-dark.navbar-primary .pk-social-links-count { + color: rgba(255, 255, 255, 0.75); +} + +.cs-bg-dark.offcanvas-header { + border-bottom: none; + border-right: 1px rgba(255, 255, 255, 0.025) solid; +} + +.cs-bg-dark .hero-title { + color: #fff !important; +} + +.cs-bg-dark .footer-copyright { + color: rgba(255, 255, 255, 0.75); +} + +.cs-bg-dark .footer-copyright a { + color: #fff; +} + +.cs-bg-dark .pk-font-heading { + color: #fff; +} + +.cs-bg-dark .pk-color-secondary { + color: rgba(255, 255, 255, 0.75); +} + +.cs-bg-dark .pk-font-secondary { + color: rgba(255, 255, 255, 0.75); +} + +.cs-bg-dark .pk-badge-primary { + background: rgba(0, 0, 0, 0.875); + color: #fff; +} + +.cs-bg-dark .pk-badge-secondary { + background: rgba(160, 160, 160, 0.875); + color: #fff; +} + +.cs-bg-dark .pk-badge-success { + background: rgba(40, 167, 69, 0.875); + color: #fff; +} + +.cs-bg-dark .pk-badge-info { + background: rgba(23, 162, 184, 0.875); + color: #fff; +} + +.cs-bg-dark .pk-badge-warning { + background: rgba(255, 193, 7, 0.875); + color: #fff; +} + +.cs-bg-dark .pk-badge-danger { + background: rgba(220, 53, 69, 0.875); + color: #fff; +} + +.cs-bg-dark .pk-badge-light { + background: rgba(248, 249, 250, 0.875); + color: #fff; +} + +.cs-bg-dark .pk-badge-dark { + background: rgba(52, 58, 64, 0.875); + color: #fff; +} + +.cs-bg-dark .sub-menu .pk-badge-primary { + background: rgba(0, 0, 0, 0.125); + color: black; +} + +.cs-bg-dark .sub-menu .pk-badge-secondary { + background: rgba(160, 160, 160, 0.125); + color: #7a7a7a; +} + +.cs-bg-dark .sub-menu .pk-badge-success { + background: rgba(40, 167, 69, 0.125); + color: #19692c; +} + +.cs-bg-dark .sub-menu .pk-badge-info { + background: rgba(23, 162, 184, 0.125); + color: #0f6674; +} + +.cs-bg-dark .sub-menu .pk-badge-warning { + background: rgba(255, 193, 7, 0.125); + color: #ba8b00; +} + +.cs-bg-dark .sub-menu .pk-badge-danger { + background: rgba(220, 53, 69, 0.125); + color: #a71d2a; +} + +.cs-bg-dark .sub-menu .pk-badge-light { + background: rgba(248, 249, 250, 0.125); + color: #cbd3da; +} + +.cs-bg-dark .sub-menu .pk-badge-dark { + background: rgba(52, 58, 64, 0.125); + color: #121416; +} + +.cs-bg-dark .pk-badge-primary { + background-color: rgba(255, 255, 255, 0.25); + color: #fff; +} + +.cs-bg-dark .pk-social-links-link { + color: #fff; +} + +.cs-bg-dark .pk-social-links-link:hover, .cs-bg-dark .pk-social-links-link:focus { + color: rgba(255, 255, 255, 0.75); +} + +.cs-bg-dark .pk-social-links-count { + color: rgba(255, 255, 255, 0.75); +} + +.cs-bg-dark .pk-social-links-label { + color: rgba(255, 255, 255, 0.3); +} + +.cs-bg-dark .pk-social-links-scheme-bold .pk-social-links-link .pk-social-links-icon, +.cs-bg-dark .pk-social-links-scheme-bold .pk-social-links-link .pk-social-links-title { + color: rgba(255, 255, 255, 0.6); +} + +.cs-bg-dark .pk-social-links-scheme-bold .pk-social-links-link:hover .pk-social-links-icon, +.cs-bg-dark .pk-social-links-scheme-bold .pk-social-links-link:hover .pk-social-links-title { + color: #fff; +} + +.cs-bg-dark .pk-social-links-scheme-light-rounded .pk-social-links-link .pk-social-links-icon { + background-color: rgba(255, 255, 255, 0.125); + transition: background-color 0.2s; + color: #fff; +} + +.cs-bg-dark .pk-social-links-scheme-light-rounded .pk-social-links-link:hover .pk-social-links-icon { + background-color: rgba(255, 255, 255, 0.225); +} + +/*-------------------------------------------------------------- +## Alignment +--------------------------------------------------------------*/ +.cs-text-center { + text-align: center; +} + +/*-------------------------------------------------------------- +## Display +--------------------------------------------------------------*/ +.cs-d-none { + display: none !important; +} + +.cs-d-inline { + display: inline !important; +} + +.cs-d-inline-block { + display: inline-block !important; +} + +.cs-d-block { + display: block !important; +} + +.cs-d-flex { + display: flex !important; +} + +@media (min-width: 720px) { + .cs-d-sm-none { + display: none !important; + } + .cs-d-sm-inline { + display: inline !important; + } + .cs-d-sm-inline-block { + display: inline-block !important; + } + .cs-d-sm-block { + display: block !important; + } + .cs-d-sm-flex { + display: flex !important; + } +} + +@media (min-width: 1020px) { + .cs-d-md-none { + display: none !important; + } + .cs-d-md-inline { + display: inline !important; + } + .cs-d-md-inline-block { + display: inline-block !important; + } + .cs-d-md-block { + display: block !important; + } + .cs-d-md-flex { + display: flex !important; + } +} + +@media (min-width: 1200px) { + .cs-d-lg-none { + display: none !important; + } + .cs-d-lg-inline { + display: inline !important; + } + .cs-d-lg-inline-block { + display: inline-block !important; + } + .cs-d-lg-block { + display: block !important; + } + .cs-d-lg-flex { + display: flex !important; + } +} + +@media (min-width: 1380px) { + .cs-d-xl-none { + display: none !important; + } + .cs-d-xl-inline { + display: inline !important; + } + .cs-d-xl-inline-block { + display: inline-block !important; + } + .cs-d-xl-block { + display: block !important; + } + .cs-d-xl-flex { + display: flex !important; + } +} + +/*-------------------------------------------------------------- +## Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text, +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +/* Do not show the outline on the skip link target. */ +#content[tabindex="-1"]:focus { + outline: 0; +} + +/*-------------------------------------------------------------- +## Alerts +--------------------------------------------------------------*/ +.cs-alert { + padding: 0.5rem 1rem; + margin: 0; + font-size: 0.875rem; + background-color: #f8f9fa; +} + +/*-------------------------------------------------------------- +## Embed +--------------------------------------------------------------*/ +.cs-embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} + +.cs-embed-responsive:before { + display: block; + content: ""; +} + +.cs-embed-responsive iframe, +.cs-embed-responsive embed, +.cs-embed-responsive object, +.cs-embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.cs-embed-responsive:before { + padding-top: 56.25%; +} + +.wp-block-embed .cs-embed-responsive { + position: initial; + margin: 0; + padding: 0; + overflow: initial; +} + +.wp-block-embed .cs-embed-responsive:before { + display: none; +} + +/*-------------------------------------------------------------- +# Layout +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Site +--------------------------------------------------------------*/ +body { + overflow-x: hidden; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} + +.cs-container { + width: 100%; + padding-right: 20px; + padding-left: 20px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 720px) { + .cs-container { + max-width: 720px; + } +} + +@media (min-width: 1020px) { + .cs-container { + max-width: 1020px; + } +} + +@media (min-width: 1200px) { + .cs-container { + max-width: 1200px; + } +} + +@media (min-width: 1380px) { + .cs-container { + max-width: 1380px; + } +} + +.site-content { + margin-top: 3rem; +} + +@media (min-width: 1020px) { + .main-content { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + } +} + +@media (min-width: 1020px) { + .content-area { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 100%; + max-width: 100%; + } +} + +@media (min-width: 1020px) { + .sidebar-right .content-area, + .sidebar-left .content-area { + flex: 0 0 calc(100% - 340px); + max-width: calc(100% - 340px); + } +} + +@media (min-width: 1380px) { + .sidebar-right .content-area { + padding-right: 40px; + } +} + +@media (min-width: 1020px) { + .sidebar-left .widget-area { + order: -1; + } +} + +@media (min-width: 1380px) { + .sidebar-left .content-area { + padding-left: 40px; + } +} + +@media (min-width: 1020px) { + .widget-area { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 340px; + max-width: 340px; + } +} + +.sidebar-area .sidebar-1:not(:empty), +.sidebar-area .sidebar-2:not(:empty) { + padding-top: 60px; +} + +.sidebar-area .sidebar-2 { + display: none; +} + +@media (min-width: 720px) { + .sidebar-area { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + margin-top: 3rem; + } + .sidebar-area .sidebar { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 50%; + max-width: 50%; + position: initial; + } + .sidebar-area .sidebar-1, + .sidebar-area .sidebar-2 { + display: block; + } + .sidebar-area .sidebar-1:not(:empty), + .sidebar-area .sidebar-2:not(:empty) { + padding-top: 0; + } +} + +@media (min-width: 1020px) { + .sidebar-area { + margin-top: 0; + margin-left: 0; + margin-right: 0; + } + .sidebar-area .sidebar { + flex: 0 0 100%; + max-width: 100%; + position: relative; + padding-left: 0; + padding-right: 0; + } + .sidebar-area .sidebar-1 { + display: block; + } + .sidebar-area .sidebar-2 { + display: none !important; + } +} + +@supports (position: sticky) or (position: -webkit-sticky) { + @media (min-width: 1020px) { + .sticky-sidebar-enabled.stick-to-top .sidebar-area { + display: flex; + flex-direction: column; + } + .sticky-sidebar-enabled.stick-to-top .sidebar-1 { + position: relative; + position: sticky; + top: 0; + flex: initial; + transition: .4s ease all; + } + .sticky-sidebar-enabled.stick-to-bottom .sidebar-area { + display: flex; + flex-direction: column; + } + .sticky-sidebar-enabled.stick-to-bottom .sidebar-1 { + position: relative; + position: sticky; + bottom: 2rem; + margin-top: auto; + flex: 0 0 auto; + } + .sticky-sidebar-enabled.stick-last .sidebar-1 { + display: flex; + flex-direction: column; + } + .sticky-sidebar-enabled.stick-last .sidebar-1 .widget:last-child { + position: relative; + position: sticky; + top: 3rem; + transition: .4s ease all; + } + } +} + +@-moz-document url-prefix() { + @media (min-width: 1020px) { + .sticky-sidebar-enabled.stick-to-bottom .sidebar-1 { + top: 0; + bottom: initial; + margin-top: initial; + flex: initial; + transition: .4s ease all; + } + } +} + +/*-------------------------------------------------------------- +## Site Header +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Site Footer +--------------------------------------------------------------*/ +.site-footer { + padding-top: 3rem; + margin-top: 3rem; + border-top: 1px #e9ecef solid; +} + +.site-footer-widgets { + background: #fff; + margin-top: 3rem; + padding-top: 3rem; + padding-bottom: 3rem; +} + +.footer-widgets { + width: 100%; + padding-right: 20px; + padding-left: 20px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 720px) { + .footer-widgets { + max-width: 720px; + } +} + +@media (min-width: 1020px) { + .footer-widgets { + max-width: 1020px; + } +} + +@media (min-width: 1200px) { + .footer-widgets { + max-width: 1200px; + } +} + +@media (min-width: 1380px) { + .footer-widgets { + max-width: 1380px; + } +} + +.footer-title { + margin-bottom: 0; +} + +.footer-sidebars .sidebar-footer { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; +} + +@media (min-width: 720px) { + .footer-sidebars { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + } + .footer-sidebars .sidebar-footer + .sidebar-footer { + margin-top: 3rem; + } + .footer-sidebars .sidebar-footer { + flex: 0 0 50%; + max-width: 50%; + } + .footer-sidebars .sidebar-footer:nth-child(1), .footer-sidebars .sidebar-footer:nth-child(2) { + margin-top: 0; + } +} + +@media (min-width: 1200px) { + .footer-sidebars .sidebar-footer { + flex: 0 0 25%; + max-width: 25%; + } + .footer-sidebars .sidebar-footer + .sidebar-footer { + margin-top: 0; + } +} + +.site-footer { + margin-top: 3rem; + padding-top: 3rem; + padding-bottom: 3rem; + background: #fff; +} + +.section-footer-posts + .site-footer-widgets { + margin-top: 0; +} + +.section-footer-posts + .site-footer, +.site-footer-widgets + .site-footer { + margin-top: 0; +} + +.footer-title a, +.footer-copyright a { + text-decoration: underline; +} + +.footer-title a:hover, +.footer-copyright a:hover { + text-decoration: none; +} + +.footer-copyright { + font-size: 0.875rem; +} + +.footer-copyright p { + margin-bottom: 0; +} + +.site-info { + width: 100%; + padding-right: 20px; + padding-left: 20px; + margin-right: auto; + margin-left: auto; + display: flex; + align-items: center; + justify-content: space-between; + flex-direction: column; +} + +@media (min-width: 720px) { + .site-info { + max-width: 720px; + } +} + +@media (min-width: 1020px) { + .site-info { + max-width: 1020px; + } +} + +@media (min-width: 1200px) { + .site-info { + max-width: 1200px; + } +} + +@media (min-width: 1380px) { + .site-info { + max-width: 1380px; + } +} + +.site-info .footer-content { + text-align: center; + flex-grow: 1; + order: 1; +} + +.site-info .footer-content p { + margin-bottom: 0; +} + +.site-info .footer-aside { + order: 2; +} + +.site-info .navbar-footer { + margin-top: 1rem; +} + +.site-info .navbar-footer .navbar-nav { + margin-left: -0.5rem; + margin-right: -0.5rem; + justify-content: center; +} + +.site-info .navbar-footer .navbar-nav > li.menu-item-has-children > a:after { + content: none; +} + +.site-info .footer-copyright { + margin-top: 1rem; +} + +.site-info .pk-social-links-wrap { + margin-top: 1rem; + display: flex; + justify-content: center; +} + +.site-info .pk-social-links-wrap:first-child { + margin-top: 0; +} + +@media (min-width: 1020px) { + .site-info { + flex-direction: row; + align-items: flex-start; + } + .site-info .footer-content { + padding-right: 1rem; + flex: 0 0 100%; + max-width: 100%; + width: 100%; + text-align: left; + } + .site-info .footer-aside + .footer-content { + flex: 0 0 50%; + max-width: 50%; + } + .site-info .footer-aside { + padding-left: 1rem; + flex: 0 0 50%; + max-width: 50%; + width: 100%; + } + .site-info .footer-copyright:first-child { + margin-top: 0; + } + .site-info .navbar-footer .navbar-nav { + justify-content: flex-end; + } + .site-info .navbar-footer:first-child { + margin-top: 0; + } + .site-info .pk-social-links-wrap { + margin-top: 1.5rem; + justify-content: flex-end; + } + .site-info .pk-social-links-wrap:first-child { + margin-top: 0; + } +} + +/*-------------------------------------------------------------- +## Site Search +--------------------------------------------------------------*/ +.site-search { + display: none; + padding-top: 3rem; + padding-bottom: 3rem; + background: #e9ecef; +} + +.site-search .search-form { + max-width: 800px; + margin-left: auto; + margin-right: auto; + box-shadow: none; +} + +.site-search input[type="search"] { + padding: 0.75rem 1rem 0.75rem 3rem; +} + +.site-search .search-submit { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.site-search .cs-input-group { + position: relative; +} + +.site-search .cs-input-group:after { + content: "\e91f"; + font-family: "cs-icons"; + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 3rem; + display: flex; + justify-content: center; + align-items: center; + color: #6c757d; + font-size: 1.25rem; + z-index: 3; +} + +@media (min-width: 1200px) { + .site-search input[type="search"] { + padding: 1rem 1rem 1rem 3rem; + } + .site-search .cs-form-focus { + box-shadow: 0 0 0 0.4rem rgba(0, 0, 0, 0.1); + } + .site-search .search-submit { + padding-left: 2rem; + padding-right: 2rem; + } +} + +/*-------------------------------------------------------------- +## Off-Canvas Area +--------------------------------------------------------------*/ +.offcanvas { + overflow: hidden; + position: fixed; + height: 100%; + top: 0; + left: -320px; + width: 320px; + background: white; + display: flex; + flex-direction: column; + -webkit-overflow-scrolling: touch; + z-index: 2; + transform: translate3d(0, 0, 0); +} + +.admin-bar .offcanvas { + top: 46px; + height: calc( 100% - 46px); +} + +@media screen and (min-width: 783px) { + .admin-bar .offcanvas { + top: 32px; + height: calc( 100% - 32px); + } +} + +.offcanvas-active { + overflow: hidden; +} + +.offcanvas-active .offcanvas { + transform: translate3d(320px, 0, 0); +} + +.offcanvas-active .site { + position: relative; + overflow: hidden; +} + +.offcanvas-active .site-inner, +.offcanvas-active .offcanvas-push { + transform: translate3d(320px, 0, 0); +} + +.offcanvas-header { + flex: 0 0 60px; + display: flex; + justify-content: center; + align-items: center; + padding: 20px; + border-bottom: 1px #f8f9fa solid; +} + +.navbar-offcanvas { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; +} + +.offcanvas-sidebar { + flex: 1; + overflow-x: hidden; + overflow-y: auto; +} + +.offcanvas-inner { + padding: 20px; +} + +.site-inner { + position: relative; + left: 0; +} + +.site-inner, +.offcanvas, +.offcanvas-push { + transition: all 0.4s ease; +} + +.site-overlay { + display: none; +} + +.offcanvas-active .site-overlay { + display: block; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.15); + -webkit-animation: fade 0.5s; + animation: fade 0.5s; + z-index: 1; +} + +@-webkit-keyframes fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@keyframes fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +/*-------------------------------------------------------------- +## Post Archive +--------------------------------------------------------------*/ +.post-inner:not(:last-child) { + margin-bottom: 1.5rem; +} + +.sticky .entry-title:before { + margin-right: 0.5rem; + font-family: 'cs-icons'; + content: "\e90b"; +} + +.entry-excerpt { + color: #6c757d; + margin-bottom: 1rem; +} + +.entry-excerpt p:last-child { + margin-bottom: 0; +} + +.entry-thumbnail img { + width: 100%; + height: auto; +} + +.entry-more-button { + margin-top: 2rem; +} + +.entry-more-button .entry-more { + color: #fff; +} + +.entry-more a { + padding-bottom: 3px; + border-bottom: 1px solid #000000; + transition: 0.2s; + color: #000000; +} + +.entry-more a:hover { + border-color: #A0A0A0; + color: #A0A0A0; +} + +.entry-details { + display: flex; + align-items: center; + justify-content: space-between; +} + +.entry-details .post-meta { + margin-bottom: 0; + margin-left: 1rem; +} + +.archive-wrap { + background: #fff; +} + +.archive-first + .archive-main { + border-top: 1px #f8f9fa solid; + margin-top: 40px; + padding-top: 40px; +} + +.archive-wrap .title-block { + margin-bottom: 0; + padding-bottom: 40px; +} + +@media (min-width: 1200px) { + .archive-wrap .title-block { + padding: 40px; + } +} + +@media (min-width: 1380px) { + .archive-wrap .title-block { + padding: 80px; + padding-bottom: 40px; + } +} + +.archive-wrap .title-block + .archive-main { + padding-top: 0; +} + +@media (min-width: 1200px) { + .archive-first, + .archive-main { + padding: 40px; + } + .archive-first + .archive-main { + margin-top: 0; + } +} + +@media (min-width: 1380px) { + .archive-first, + .archive-main { + padding: 80px; + } + .archive-first { + padding-bottom: 40px; + } + .archive-first + .archive-main { + padding-top: 40px; + } +} + +.archive-description { + margin-top: 1.5rem; +} + +.archive-main article:not(:first-child) { + margin-top: 40px; +} + +.archive-main .post-meta > .meta-author:first-child:not(:last-child):after { + content: ''; + width: 1.5rem; + border-top: 1px solid rgba(206, 212, 218, 0.75); +} + +@media (min-width: 1200px) { + .archive-full article:not(:first-child) { + border-top: 1px solid #e9ecef; + margin-top: 4.5rem; + padding-top: 4.5rem; + } +} + +@media (min-width: 1020px) { + .archive-full .post-inner + .post-inner { + margin-top: 2rem; + } +} + +@media (min-width: 720px) { + .archive-list .post-outer { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + } + .archive-list .post-inner { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 50%; + max-width: 50%; + margin-bottom: 0; + } + .archive-list .post-inner:first-child:last-child { + flex: 0 0 100%; + max-width: 100%; + } + .archive-list .post-inner + .post-inner { + margin-top: 0; + display: flex; + flex-direction: column; + } +} + +.archive-grid .post-inner + .post-inner { + margin-top: 1rem; +} + +@media (min-width: 720px) { + .archive-grid { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + } + .archive-grid article { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 50%; + max-width: 50%; + } + .archive-grid article:nth-child(-n+2) { + margin-top: 0; + } +} + +@media (min-width: 1020px) { + .sidebar-disabled .archive-grid article { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .sidebar-disabled .archive-grid article:nth-child(-n+3) { + margin-top: 0; + } +} + +.archive-masonry .archive-col-2, +.archive-masonry .archive-col-3 { + display: none; +} + +.archive-masonry .cs-overlay-background { + position: relative; + flex: 0 0 100%; + width: 100%; +} + +.archive-masonry .cs-overlay-content { + position: absolute; + display: flex; + flex-direction: column; + justify-content: flex-end; + width: 100%; + min-height: 100%; + top: 0; + left: 0; +} + +.archive-masonry .post-inner + .post-inner { + margin-top: 1rem; +} + +@media (min-width: 720px) { + .archive-masonry { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + } + .archive-masonry .archive-col, + .archive-masonry > article { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 50%; + max-width: 50%; + } + .archive-masonry .archive-col-2 { + display: block; + } + .archive-masonry > article:nth-child(-n+2) { + margin-top: 0; + } +} + +@media (min-width: 1020px) { + .sidebar-disabled .archive-masonry .archive-col, + .sidebar-disabled .archive-masonry > article { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .sidebar-disabled .archive-masonry .archive-col-3 { + display: block; + } + .sidebar-disabled .archive-masonry > article:nth-child(-n+3) { + margin-top: 0; + } +} + +.archive-related { + margin-top: 3rem; +} + +@media (min-width: 1200px) { + .archive-related { + margin-top: 1px; + } +} + +/*-------------------------------------------------------------- +## Singular +--------------------------------------------------------------*/ +@media (min-width: 1200px) { + .single .site-main .entry, .page .site-main .entry { + padding: 40px; + background: white; + } +} + +@media (min-width: 1380px) { + .single .site-main .entry, .page .site-main .entry { + padding: 80px; + } +} + +.post-media { + margin-top: 3rem; + margin-bottom: 3rem; +} + +.post-media figure { + margin-bottom: 0; +} + +.post-media figure.wp-caption .wp-caption-text { + margin-bottom: 0; +} + +.single .site-main .entry-header-small .post-media > figure, +.single .site-main .entry-header-small .post-media > figure > a:not(.pk-pin-it) > img { + display: block; + height: 100%; + width: 100%; +} + +.single .site-main .entry-header-small .post-media > figure { + display: flex; + flex-direction: column; +} + +.single .site-main .entry-header-small .post-media > figure > a:not(.pk-pin-it) { + flex: 1; + display: block; +} + +.single .site-main .entry-header-small .post-media > figure > figcaption { + flex: 0; +} + +.single .site-main .entry-header-small .post-media img { + -o-object-fit: cover; + object-fit: cover; +} + +.entry .entry-header { + margin-bottom: 3rem; +} + +.entry-header .entry-inline-meta { + display: flex; + flex-wrap: wrap; + align-items: center; +} + +.entry-header .entry-inline-meta .post-categories { + margin-right: 1rem; + margin-bottom: 1.5rem; +} + +.entry-header .entry-inline-meta .post-meta { + margin-bottom: 1.5rem; +} + +.entry-single-header .entry-title { + font-size: 2rem; +} + +@media (min-width: 720px) { + .entry-single-header .entry-title { + font-size: 2.5rem; + } +} + +.entry-single-header .entry-title, +.entry-single-header .post-excerpt { + margin-bottom: 1.5rem; +} + +.entry-single-header .post-excerpt { + max-width: 670px; +} + +.entry-single-header .post-excerpt > *:last-child { + margin-bottom: 0; +} + +.entry-header.cs-overlay { + margin-left: -20px; + margin-right: -20px; + width: calc(100% + 40px); + overflow: hidden; +} + +@media (min-width: 720px) { + .entry-header.cs-overlay { + margin-left: 0; + margin-right: 0; + width: 100%; + } +} + +@media (min-width: 1200px) { + .entry-header.cs-overlay { + margin-left: -40px; + margin-right: -40px; + margin-top: -40px; + margin-bottom: 40px; + width: calc(100% + 80px); + } + .entry-header.cs-overlay .cs-overlay-content { + padding: 3rem; + } + .sidebar-disabled .entry-header.cs-overlay .cs-overlay-content { + padding: 4rem; + } + .entry-header.cs-overlay .post-categories { + top: 3rem; + left: 3rem; + } + .entry-header.cs-overlay .entry-title { + max-width: 670px; + } +} + +@media (min-width: 1380px) { + .entry-header.cs-overlay { + margin-left: -80px; + margin-right: -80px; + margin-top: -80px; + margin-bottom: 80px; + width: calc(100% + 160px); + } +} + +.entry-header-small { + margin-bottom: 3rem; +} + +@media (min-width: 720px) { + .entry-header-small { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + } + .entry-header-small .entry-header { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 50%; + max-width: 50%; + display: flex; + flex-direction: column; + margin-bottom: 0 !important; + } + .entry-header-small .post-media { + margin-top: 0; + margin-bottom: 0; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 50%; + max-width: 50%; + } + .entry-header-small .post-header { + margin-top: auto; + } +} + +.entry-container { + display: flex; + flex-wrap: wrap; +} + +.entry-container .entry-content-wrap, +.entry-container .entry-sidebar-wrap { + width: 100%; +} + +@media (min-width: 1200px) { + .entry-container { + margin-right: -20px; + margin-left: -20px; + } + .entry-container .entry-content-wrap, + .entry-container .entry-sidebar-wrap { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + } + .entry-container .entry-content-wrap { + flex: 0 0 calc(100% - 120px); + width: calc(100% - 120px); + max-width: 710px; + margin-left: auto; + margin-right: auto; + } + .entry-container .entry-sidebar-wrap { + flex: 0 0 120px; + max-width: 120px; + } + .post-sidebar-enabled.sidebar-disabled .entry-container { + max-width: 830px; + margin-left: auto; + margin-right: auto; + transform: translateX(-60px); + } +} + +@media (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide, + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + transform: translateX(0); + } + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull, + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + transform: translateX(0); + } + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull img, + .block-align-enabled.sidebar-disabled .entry-content .alignfull img { + width: 100%; + min-width: 100%; + } + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull figcaption, + .block-align-enabled.sidebar-disabled .entry-content .alignfull figcaption { + text-align: center; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + width: 260px; + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + width: 560px; + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + width: 740px; + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + width: 920px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + max-width: 260px; + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + max-width: 560px; + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + max-width: 740px; + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + max-width: 920px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + margin-left: calc(-130px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + margin-left: calc(-280px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + margin-left: calc(-370px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + margin-left: calc(-460px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + width: 340px; + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + width: 640px; + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + width: 820px; + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + width: 1000px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + max-width: 340px; + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + max-width: 640px; + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + max-width: 820px; + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + max-width: 1000px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + margin-left: calc(-170px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + margin-left: calc(-320px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + margin-left: calc(-410px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + margin-left: calc(-500px + 50%); + } +} + +@media (min-width: 1200px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + margin-top: 48px; + margin-bottom: 48px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + width: 600px; + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + width: 900px; + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + width: 1080px; + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + width: 1260px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + max-width: 600px; + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + max-width: 900px; + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + max-width: 1080px; + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + max-width: 1260px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + margin-left: calc(-300px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + margin-left: calc(-450px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + margin-left: calc(-540px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + margin-left: calc(-630px + 50%); + } +} + +@media (min-width: 1200px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + margin-top: 48px; + margin-bottom: 48px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + width: 680px; + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + width: 980px; + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + width: 1160px; + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + width: 1340px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + max-width: 680px; + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + max-width: 980px; + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + max-width: 1160px; + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + max-width: 1340px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + margin-left: calc(-340px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + margin-left: calc(-490px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + margin-left: calc(-580px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-align-enabled.sidebar-disabled .entry-content .alignfull { + margin-left: calc(-670px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + width: 160px; + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + width: 460px; + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + width: 640px; + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + width: 820px; + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + max-width: 160px; + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + max-width: 460px; + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + max-width: 640px; + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + max-width: 820px; + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + margin-left: calc(-80px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + margin-left: calc(-230px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + margin-left: calc(-320px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide { + margin-left: calc(-410px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + width: 320px; + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + width: 620px; + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + width: 800px; + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + width: 980px; + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + max-width: 320px; + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + max-width: 620px; + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + max-width: 800px; + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + max-width: 980px; + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + margin-left: calc(-160px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + margin-left: calc(-310px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + margin-left: calc(-400px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull { + margin-left: calc(-490px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + width: 520px; + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + width: 820px; + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + width: 1000px; + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + width: 1180px; + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + max-width: 520px; + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + max-width: 820px; + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + max-width: 1000px; + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + max-width: 1180px; + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + margin-left: calc(-260px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + margin-left: calc(-410px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + margin-left: calc(-500px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-align-enabled.sidebar-disabled .entry-content .alignwide { + margin-left: calc(-590px + 50%); + } +} + +@media (min-width: 1200px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + margin-top: 48px; + margin-bottom: 48px; + transform: translateX(0); + } + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull img { + width: 100%; + min-width: 100%; + } + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull figcaption { + text-align: center; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + width: 680px; + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + width: 980px; + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + width: 1160px; + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + width: 1340px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + max-width: 680px; + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + max-width: 980px; + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + max-width: 1160px; + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + max-width: 1340px; + } +} + +@media (min-width: 1200px) and (min-width: 720px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + margin-left: calc(-340px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1020px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + margin-left: calc(-490px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1200px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + margin-left: calc(-580px + 50%); + } +} + +@media (min-width: 1200px) and (min-width: 1380px) { + .block-page-align-enabled.sidebar-disabled .entry-content .alignfull { + margin-left: calc(-670px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + width: 320px; + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + width: 620px; + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + width: 800px; + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + width: 980px; + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + max-width: 320px; + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + max-width: 620px; + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + max-width: 800px; + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + max-width: 980px; + } +} + +@media (min-width: 1380px) and (min-width: 720px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + margin-left: calc(-160px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1020px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + margin-left: calc(-310px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1200px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + margin-left: calc(-400px + 50%); + } +} + +@media (min-width: 1380px) and (min-width: 1380px) { + .block-page-align-enabled.sidebar-enabled .entry-content .alignfull { + margin-left: calc(-490px + 50%); + } +} + +/*-------------------------------------------------------------- +## Navigation +--------------------------------------------------------------*/ +.navbar-primary { + background: #fff; +} + +.sticky-type-slide .navbar-primary.sticky-nav { + transform: translateY(calc(-100% - 1rem)); +} + +.sticky-type-slide .navbar-primary.sticky-nav.sticky-nav-slide-visible { + transform: translateY(0); + transition: transform 0.4s ease; +} + +.navbar-primary.sticky-nav { + position: fixed; + top: 0; + width: 100%; + z-index: 5; + transform: translateY(0); +} + +.navbar-primary.sticky-nav.sticky-up { + transition: transform 0.4s ease; +} + +.navbar-primary.sticky-nav.sticky-nav-slide.sticky-down { + transition: transform 0.4s ease; +} + +.admin-bar .navbar-primary.sticky-nav { + top: 32px; +} + +.navbar-dummy { + position: absolute; + display: none; +} + +.navbar-primary.sticky-nav + .navbar-dummy { + position: relative; + display: block; +} + +@media (max-width: 782px) { + .admin-bar .navbar-primary.sticky-nav { + top: 46px; + } +} + +@media (max-width: 600px) { + .admin-bar .navbar-primary.sticky-nav { + top: 0; + } +} + +.navbar-wrap { + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); +} + +.navbar-container { + display: flex; + align-items: center; + height: 100%; + width: 100%; + padding-right: 20px; + padding-left: 20px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 720px) { + .navbar-container { + max-width: 720px; + } +} + +@media (min-width: 1020px) { + .navbar-container { + max-width: 1020px; + } +} + +@media (min-width: 1200px) { + .navbar-container { + max-width: 1200px; + } +} + +@media (min-width: 1380px) { + .navbar-container { + max-width: 1380px; + } +} + +.navbar-container .navbar-content { + display: flex; + align-items: center; + position: relative; + width: 100%; + height: 60px; +} + +.toggle-offcanvas { + background: transparent; + font-size: 1.25rem; + color: #000000; + flex: 0 0 2rem; + width: 2rem; + height: 2rem; + display: flex; + justify-content: center; + align-items: center; + padding: 0; + border-radius: 100%; +} + +.toggle-offcanvas:hover, .toggle-offcanvas:focus { + color: #A0A0A0; +} + +.navbar-primary .toggle-offcanvas { + margin-right: auto; +} + +@media (min-width: 1200px) { + .navbar-primary .toggle-offcanvas { + margin-right: 1rem; + display: none; + } +} + +.offcanvas-header .toggle-offcanvas { + background: #495057; +} + +.offcanvas-header .toggle-offcanvas .cs-icon { + color: white; +} + +.toggle-search { + margin-left: 1rem; + background: transparent; + color: #000000; + font-size: 1.25rem; + width: 2rem; + height: 2rem; + display: flex; + justify-content: center; + align-items: center; + padding: 0; + border-radius: 100%; +} + +.toggle-search:hover, .toggle-search:focus { + color: #A0A0A0; +} + +.toggle-search.toggle-close { + background: #495057; +} + +.toggle-search.toggle-close .cs-icon { + color: white; +} + +.toggle-search.toggle-close .cs-icon:before { + content: "\e923"; +} + +@media (min-width: 1200px) { + .site-description + .toggle-search { + margin-left: auto; + } +} + +.navbar-brand { + display: inline-block; + margin-bottom: 0; + line-height: inherit; + white-space: nowrap; + margin-left: auto; + margin-right: auto; + position: absolute; + transform: translate3d(-50%, 0, 0); + left: 50%; +} + +.navbar-brand a:hover, .navbar-brand a:focus { + text-decoration: none; +} + +@media (min-width: 1200px) { + .navbar-brand { + position: static; + left: 0; + transform: none; + margin-left: 0; + margin-right: 1rem; + } +} + +.navbar-text { + display: inline-block; + margin-bottom: 0; +} + +.navbar-primary .site-description { + display: none; + padding-left: 1rem; + border-left: 1px rgba(233, 236, 239, 0.5) solid; + color: rgba(108, 117, 125, 0.5); +} + +@media (min-width: 1380px) { + .navbar-primary .site-description { + display: inline-block; + } +} + +.navbar-primary .pk-social-links-count { + color: rgba(108, 117, 125, 0.5); +} + +.navbar-nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.navbar-nav li { + position: relative; +} + +.navbar-nav > li > a { + display: flex; + align-items: center; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.navbar-nav > li > a:hover, .navbar-nav > li > a:focus { + text-decoration: none; +} + +.navbar-nav > li.menu-item-has-children > .sub-menu { + top: 100%; + left: 0; + visibility: hidden; + opacity: 0; + transition: opacity 0.3s; + z-index: 10; + box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.1); + border-top: 1px #f8f9fa solid; +} + +.navbar-nav > li.menu-item-has-children.cs-mm-position-left > .sub-menu { + left: auto; + right: 0; +} + +.navbar-nav > li.menu-item-has-children:not(.touch-device):hover > .sub-menu { + display: block; + opacity: 1; + visibility: visible; +} + +.navbar-nav > li.menu-item-has-children > a:after { + content: "\e90c"; +} + +.navbar-nav > li.menu-item-has-children.touch-device > a:after { + display: none; +} + +.navbar-nav > li.menu-item-has-children.touch-device.submenu-visible > .sub-menu { + display: block; + opacity: 1; + visibility: visible; +} + +.navbar-nav > li.menu-item-has-children.touch-device .expanded { + display: flex; + align-items: center; + height: 100%; +} + +.navbar-nav > li.menu-item-has-children.touch-device .expanded:after { + padding-left: 0.25rem; + font-family: "cs-icons"; + font-size: 12px; + content: "\e90c"; +} + +.navbar-nav .menu-item-has-children > a { + display: flex; + flex-wrap: nowrap; + align-items: center; + justify-content: space-between; +} + +.navbar-nav .menu-item-has-children > a:after { + padding-left: 0.25rem; + font-family: "cs-icons"; + font-size: 12px; + content: "\e90e"; +} + +.navbar-nav .menu-item-has-children .touch-device.menu-item-has-children > a:after { + display: none; +} + +.navbar-nav .menu-item-has-children .touch-device.menu-item-has-children > a > .expanded:after { + padding-left: 0.25rem; + font-family: "cs-icons"; + font-size: 12px; + content: "\e90e"; +} + +.navbar-nav .cs-mm-position-left > .sub-menu { + border-right: 1px #e9ecef solid; +} + +.navbar-nav .cs-mm-position-right > .sub-menu { + border-left: 1px #e9ecef solid; +} + +.navbar-nav .sub-menu { + background: #fff; + position: absolute; + margin: 0; + padding: 0.5rem 0; + text-align: left; + list-style: none; + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); +} + +.navbar-nav .sub-menu > li { + padding: 0; +} + +.navbar-nav .sub-menu > li:hover > a, .navbar-nav .sub-menu > li:focus > a { + padding-left: 1.5rem; + background: #f8f9fa; +} + +.navbar-nav .sub-menu > li > a { + position: relative; + display: flex; + white-space: nowrap; + min-width: 200px; + padding: 0.5rem 1rem; + transition: 0.2s ease padding, opacity, color; +} + +.navbar-nav .sub-menu > .menu-item:not(:last-child) > a { + border-bottom: 1px #e9ecef solid; +} + +.navbar-nav .sub-menu .sub-menu { + display: block; + visibility: hidden; + top: -0.5rem; + left: 100%; + opacity: 0; + transition: all 0.2s; + z-index: 1; +} + +.navbar-nav .sub-menu .sub-menu.cs-mm-position-init { + transform: translate3d(0.5rem, 0, 0); +} + +.navbar-nav .sub-menu li.cs-mm-position-left > .sub-menu { + left: auto; + right: 100%; +} + +.navbar-nav .sub-menu li:not(.touch-device):hover > .sub-menu { + visibility: visible; + opacity: 1; +} + +.navbar-nav .sub-menu li:not(.touch-device):hover > .sub-menu.cs-mm-position-init { + transform: translate3d(0, 0, 0); +} + +.navbar-nav .sub-menu li.touch-device.submenu-visible > a { + padding-left: 1.5rem; +} + +.navbar-nav .sub-menu li.touch-device.submenu-visible > .sub-menu { + visibility: visible; + opacity: 1; +} + +.navbar-nav .sub-menu li.touch-device.submenu-visible > .sub-menu.cs-mm-position-init { + transform: translate3d(0, 0, 0); +} + +.navbar-primary .navbar-nav { + margin-left: auto; + height: 100%; + display: none; +} + +.navbar-primary .navbar-nav > li { + height: 100%; +} + +.navbar-primary .navbar-nav > li > a { + height: 100%; +} + +@media (min-width: 1200px) { + .navbar-primary .navbar-nav { + display: flex; + } +} + +.navbar-primary .pk-social-links-template-nav { + margin-left: auto; + display: none; +} + +@media (min-width: 1200px) { + .navbar-primary .pk-social-links-template-nav { + display: flex; + } +} + +/** + * Nav Columns + */ +.navbar-nav > li.cs-menu-5-columns { + position: inherit; +} + +.navbar-nav > li.cs-menu-5-columns.cs-hide-titles > .sub-menu > li > a { + display: none; +} + +.navbar-nav > li.cs-menu-5-columns > .sub-menu { + display: grid !important; + grid-template-columns: repeat(5, 1fr); + grid-column-gap: 2rem; + justify-content: flex-start; + padding: 2rem; + transition: opacity 0.3s; + left: -9999px; +} + +.navbar-nav > li.cs-menu-5-columns > .sub-menu > li.menu-item-has-children > a { + background: transparent; + font-weight: bold; +} + +.navbar-nav > li.cs-menu-5-columns > .sub-menu > li.menu-item-has-children > a:after { + display: none; +} + +.navbar-nav > li.cs-menu-5-columns > .sub-menu > li.menu-item-has-children > a .expanded { + display: none; +} + +.navbar-nav > li.cs-menu-5-columns > .sub-menu > li > .sub-menu { + visibility: visible; + position: relative; + top: 0; + left: 0; + padding: 0; + border: none; + opacity: 1; + transform: translate3d(0, 0, 0); + box-shadow: none; +} + +.navbar-nav > li.cs-menu-5-columns > .sub-menu li:hover > a, .navbar-nav > li.cs-menu-5-columns > .sub-menu li:focus > a { + padding-left: 1rem; +} + +.navbar-nav > li.cs-menu-5-columns > .sub-menu li a { + white-space: initial; +} + +.navbar-nav > li.cs-menu-5-columns:not(.touch-device):hover > .sub-menu { + left: 0; + right: 0; +} + +.navbar-nav > li.cs-menu-5-columns.touch-device.submenu-visible > .sub-menu { + left: 0; + right: 0; +} + +/*-------------------------------------------------------------- +## Pagination +--------------------------------------------------------------*/ +.ajax-navigation { + display: flex; + justify-content: center; + margin-top: 3rem; +} + +.ajax-navigation .load-more { + padding: 0.5rem 6rem; +} + +.ajax-navigation .load-more.loading { + position: relative; + color: transparent; +} + +.ajax-navigation .load-more.loading:before { + width: 1rem; + height: 1rem; + border: 2px solid rgba(255, 255, 255, 0.25); + border-top-color: white; + border-radius: 50%; + position: relative; + -webkit-animation: loader-rotate 1s linear infinite; + animation: loader-rotate 1s linear infinite; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + text-align: center; + content: ""; +} + +@-webkit-keyframes loader-rotate { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes loader-rotate { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} + +.navigation.posts-navigation { + margin-top: 3rem; +} + +.navigation.posts-navigation .nav-links { + display: flex; + justify-content: space-between; + font-size: 0.875rem; +} + +.navigation.posts-navigation .nav-previous > a:before { + margin-right: 0.5rem; + font-family: "cs-icons"; + content: "\e904"; +} + +.navigation.posts-navigation .nav-next > a:after { + margin-left: 0.5rem; + font-family: "cs-icons"; + content: "\e906"; +} + +.navigation.pagination { + display: flex; + justify-content: center; + margin-top: 3rem; +} + +.navigation.pagination:last-child { + margin-bottom: 0; +} + +.navigation.pagination .nav-links { + display: inline-block; + padding: 0; + color: #adb5bd; + font-size: 0.875rem; +} + +.navigation.pagination .nav-links > span, +.navigation.pagination .nav-links > a { + display: inline-block; + padding: 0 0.5rem; +} + +/* .navigation.pagination .nav-links a:first-child:before { + margin-right: 0.5rem; + font-family: "cs-icons"; + content: "\e904"; +} */ + +/* .navigation.pagination .nav-links a:last-child:after { + margin-left: 0.5rem; + font-family: "cs-icons"; + content: "\e906"; +} */ + +.navigation.comment-navigation { + padding: 1rem 0; + border-top: 1px #e9ecef solid; + border-bottom: 1px #e9ecef solid; +} + +.navigation.comment-navigation .nav-links { + display: flex; + justify-content: space-between; + align-items: center; +} + +.navigation.comment-navigation .nav-links .nav-previous a:before { + margin-right: 0.5rem; + font-family: "cs-icons"; + content: "\e904"; +} + +.navigation.comment-navigation .nav-links .nav-next { + text-align: right; +} + +.navigation.comment-navigation .nav-links .nav-next a:after { + margin-left: 0.5rem; + font-family: "cs-icons"; + content: "\e906"; +} + +/*-------------------------------------------------------------- +## Сomments +--------------------------------------------------------------*/ +.post-comments { + display: none; + margin-top: 3rem; + padding-top: 3rem; + border-top: 1px #e9ecef solid; +} + +.post-comments .title-block { + text-align: left; +} + +.post-comments-simple { + display: block; +} + +.title-comment-reply { + margin-bottom: 1.5rem; + text-align: left; +} + +.title-comment-reply:after { + margin-left: 0; +} + +.post-comments { + margin-top: 3rem; +} + +.comment-list + .comment-respond, +.comment-navigation + .comment-respond { + margin-top: 1.5rem; + margin-bottom: 0; +} + +.comment-body + .comment-respond, +.comment-list + .comment-respond { + padding-top: 3rem; + border-top: 1px #e9ecef solid; +} + +.comment-list { + padding-left: 0; + list-style: none; + margin: 0; +} + +.comment-list article, +.comment-list .pingback, +.comment-list .trackback { + padding: 1.5rem 0; +} + +.comment-list .children { + list-style: none; + padding: 0; + margin: 0; +} + +.comment-list .children > li { + padding-left: 20px; +} + +@media (min-width: 1200px) { + .comment-list .children > li { + padding-left: 40px; + } +} + +@media (max-width: 1379.98px) { + .comment-list .children > li > .children > li > .children > li > .children > li > .children > li { + padding-left: 0; + } +} + +.comment-author .avatar { + float: left; + position: relative; + width: 60px; + height: 60px; + margin-right: 20px; + border-radius: 50%; +} + +.comment-author .fn { + font-size: 1rem; +} + +.bypostauthor > article .fn:after { + position: relative; + margin-left: 0.25rem; + font-family: "cs-icons"; + content: "\e90b"; +} + +.comment-meta { + margin-bottom: 1rem; +} + +.comment-meta::after { + display: block; + clear: both; + content: ""; +} + +.comment-metadata .edit-link, +.pingback .edit-link { + display: inline-block; +} + +.comment-content { + font-size: 0.875rem; +} + +.comment-content ul, +.comment-content ol { + margin: 0 0 1.5rem 1rem; +} + +.comment-content li > ul, +.comment-content li > ol { + margin-bottom: 0; +} + +.comment-notes, +.comment-awaiting-moderation, +.logged-in-as, +.form-allowed-tags { + font-size: 0.875rem; +} + +.no-comments { + margin: 1rem 0 0; +} + +.comment-form-cookies-consent label { + display: inline; + margin-left: 0.5rem; +} + +@media (min-width: 720px) { + .post-comments .comment-form { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + } + .post-comments .comment-form-comment { + margin-bottom: 1.5rem; + } + .post-comments .comment-notes, + .post-comments .comment-form-comment, + .post-comments .logged-in-as { + flex: 0 0 100%; + max-width: 100%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + margin-bottom: 1.5rem; + } + .post-comments .comment-form-author, + .post-comments .comment-form-email, + .post-comments .comment-form-url { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + margin-bottom: 1.75rem; + } + .post-comments .comment-form-cookies-consent { + flex: 0 0 100%; + max-width: 100%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + } +} + +.form-submit { + margin: 0; +} + +@media (min-width: 720px) { + .form-submit { + flex: 0 0 100%; + max-width: 100%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + } +} + +.required { + color: #dc3545; +} + +.title-comment-reply small { + font-size: 100%; +} + +.title-comment-reply small a { + float: right; + overflow: hidden; + width: 24px; + height: 24px; +} + +.title-comment-reply small a:before { + float: left; + position: relative; + font-family: "cs-icons"; + font-size: 24px; + content: "\e923"; +} + +.post-comments-show { + margin-top: 3rem; + text-align: center; +} + +.post-comments-show button { + background: #343a40; + margin: 0 auto; + padding: 0.5rem 1.5rem; +} + +.post-comments-show button:hover, .post-comments-show button:focus { + background: #212529; +} + +/*-------------------------------------------------------------- +## Not found +--------------------------------------------------------------*/ +.content-not-found { + margin: 0 auto; +} + +@media (min-width: 720px) { + .content-not-found { + max-width: 720px; + } +} + +@media (min-width: 1020px) { + .content-not-found { + max-width: 1020px; + } +} + +@media (min-width: 1200px) { + .content-not-found { + max-width: 1200px; + } +} + +@media (min-width: 1380px) { + .content-not-found { + max-width: 1380px; + } +} + +@media (min-width: 1200px) { + .content-not-found { + padding: 40px; + background: white; + } +} + +@media (min-width: 1380px) { + .content-not-found { + padding: 80px; + } +} + +.page-header-has-description + .content-not-found { + margin-top: 40px; +} + +/*-------------------------------------------------------------- +## Meet The Team Template +--------------------------------------------------------------*/ +.cs-meet-team .cs-author:not(:first-child) { + margin-top: 3rem; +} + +.cs-meet-team .cs-author .cs-author-meta { + width: 100%; + display: flex; + flex-wrap: wrap; + align-items: center; +} + +.cs-meet-team .cs-author .cs-author-avatar { + margin-right: 1.5rem; +} + +.cs-meet-team .cs-author .cs-author-title { + margin-right: 1.5rem; + margin-bottom: 0; +} + +.cs-meet-team .cs-author .cs-author-description { + margin-top: 1rem; +} + +.cs-meet-team .cs-author .cs-author-posts { + border-top: 1px solid #e9ecef; + margin-top: 1.5rem; + padding-top: 1.5rem; +} + +.cs-meet-team .cs-author .author-title-posts { + margin-bottom: 0; +} + +.cs-meet-team .cs-author .pk-social-links-item:not(:hover) { + opacity: 0.6; +} + +/*-------------------------------------------------------------- +## Site Map Template +--------------------------------------------------------------*/ +.cs-site-map > ul { + margin: 0; + padding: 0; +} + +.cs-site-map ul { + list-style: none; +} + +.cs-site-map .cs-category-title { + margin-bottom: 0; +} + +.cs-site-map .cs-list-articles { + padding-bottom: 0; +} + +.cs-site-map .cs-category-item { + margin-top: 1rem; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Post Header +--------------------------------------------------------------*/ +.post-header-container { + display: flex; + flex-wrap: wrap; + align-items: center; +} + +.post-header-container .author-avatar { + flex: 0 0 60px; +} + +.post-header-container .author-details { + display: flex; + flex-wrap: wrap; + flex: 1; +} + +.post-header-container .author-details .post-meta { + margin-bottom: 0; +} + +.post-header-container .author-avatar + .author-avatar { + position: relative; + margin-left: -1rem; + z-index: 2; +} + +.post-header-container .author-avatar + .author-details { + padding-left: 1rem; +} + +.post-header-container .author { + display: flex; + align-items: flex-end; + font-size: 0.875rem; +} + +.post-header-container .author .fn { + margin-bottom: 0; +} + +.post-header-container .author-wrap + .author-wrap > .author:before { + margin: 0 0.5rem; + content: '·'; +} + +.post-header-container .post-meta { + flex: 0 0 100%; + width: 100%; + margin-bottom: 0; + margin-top: 0.25rem; +} + +.post-header-container .pk-social-links-wrap { + padding-left: 0.5rem; + align-self: flex-start; +} + +.post-header-container .pk-social-links-item { + padding-bottom: 0; +} + +/*-------------------------------------------------------------- +## Post Meta +--------------------------------------------------------------*/ +.post-categories { + padding-left: 0; + list-style: none; +} + +.post-categories > li { + display: inline-block; +} + +.post-categories > li:not(:last-child) { + margin-right: 0.5rem; +} + +.post-categories li:not(:last-child):after { + content: ","; +} + +.post-meta .post-categories { + margin-bottom: 0; +} + +.post-meta { + display: flex; + flex-wrap: wrap; + padding-left: 0; +} + +.post-meta > li { + display: flex; + flex-wrap: wrap; + align-items: center; +} + +.post-meta > li:not(:last-child):after { + margin-right: 0.5rem; + content: "\b7"; + margin-left: 0.5rem; +} + +.post-meta .cs-icon { + margin-right: 0.25rem; +} + +.meta-author .sep { + display: inline-block; + padding: 0 0.5rem; +} + +.meta-author .author a { + display: flex; + align-items: center; +} + +.meta-author .avatar { + display: block; + margin-right: 0.5rem; + border-radius: 50%; +} + +.meta-shares { + position: relative; + z-index: 3; +} + +.meta-shares .total { + display: flex; + align-items: center; +} + +.meta-shares .total-number { + position: relative; +} + +.meta-shares .total-number { + border-bottom: 1px dotted #dee2e6; +} + +/*-------------------------------------------------------------- +## Post Format +--------------------------------------------------------------*/ +.post-format-icon { + position: absolute; + right: 20px; + top: 20px; +} + +.post-format-icon > a { + position: relative; + display: flex; + justify-content: center; + align-items: center; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 0.875rem; + color: #fff; + background: rgba(52, 58, 64, 0.75); + border-radius: 100%; + transition: .2s ease all; +} + +.post-format-icon > a:after { + position: relative; + font-family: "cs-icons"; + font-style: normal; + opacity: 1; + width: auto; +} + +.post-format-icon span { + margin-left: 0.25rem; + order: 2; +} + +.post-format-icon + .meta-category .post-categories { + padding-right: 80px; +} + +.post-format-icon .cs-format-video:after { + content: "\e91c"; +} + +.post-format-icon .cs-format-audio:after { + content: "\e91b"; +} + +.post-format-icon .cs-format-gallery:after { + content: "\e92a"; +} + +/*-------------------------------------------------------------- +## Post Author +--------------------------------------------------------------*/ +.post-author { + margin-top: 3rem; +} + +.post-author:not(:last-child) { + margin-bottom: 3rem; +} + +.post-author .avatar { + border-radius: 50%; +} + +.post-author > *:last-child { + margin-bottom: 0; +} + +.post-author .author-wrap + .author-wrap { + margin-top: 1.5rem; +} + +.post-author .author { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; +} + +.post-author .author-avatar { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.post-author .author-description { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + font-size: 0.875rem; + color: #6c757d; +} + +.post-author .title-author, +.post-author .note { + margin-bottom: 1rem; +} + +.post-author .fn a { + color: #000000; +} + +.post-author .fn a:hover, .post-author .fn a:focus { + color: #A0A0A0; +} + +.post-author .fn .url { + margin: 0; +} + +.post-author .pk-social-links-item { + padding-bottom: 0; +} + +/*-------------------------------------------------------------- +## Post Subscribe +--------------------------------------------------------------*/ +.post-subscribe { + position: relative; + background: #e9ecef; + margin-top: 3rem; +} + +@media (min-width: 1200px) { + .post-subscribe { + margin-top: 0; + } +} + +.post-subscribe .pk-subscribe-container { + padding: 40px; +} + +@media (min-width: 1380px) { + .post-subscribe .pk-subscribe-container { + padding: 80px; + } +} + +.sidebar-disabled .post-subscribe .pk-subscribe-data { + max-width: 670px; + margin: 0 auto; +} + +/*-------------------------------------------------------------- +## Post Tags +--------------------------------------------------------------*/ +.tagcloud .tag-cloud-link { + font-size: 0.75rem !important; +} + +.tagcloud a:not(:last-child) { + margin-right: 0.5rem; +} + +.post-tags { + margin-top: 3rem; +} + +.post-tags a { + color: #000000; +} + +.post-tags a:hover, .post-tags a:focus { + color: #A0A0A0; +} + +.post-tags ul { + padding-left: 0; + list-style: none; + margin-bottom: 0; +} + +.post-tags ul > li { + display: inline-block; +} + +.post-tags ul > li:not(:last-child) { + margin-right: 0.5rem; +} + +/*-------------------------------------------------------------- +## Breadcrumbs +--------------------------------------------------------------*/ +.cs-breadcrumbs { + margin-bottom: 1.5rem; +} + +.cs-breadcrumbs .cs-separator { + margin-left: 0.5rem; + margin-right: 0.5rem; +} + +/* .cs-breadcrumbs .cs-separator:before { + font-family: "cs-icons"; + content: "\e90e"; +} */ + +/*-------------------------------------------------------------- +## Page Header +--------------------------------------------------------------*/ +.page-header { + margin-bottom: 3rem; +} + +.page-header-has-description .archive-description p:last-child { + margin-bottom: 0; +} + +@media (min-width: 1200px) { + .page-header-has-description { + background: #fff; + margin-bottom: 0; + padding: 40px; + } +} + +@media (min-width: 1380px) { + .page-header-has-description { + padding: 80px; + } +} + +.page-header-has-description + .post-archive { + border-top: 1px #f8f9fa solid; + padding-top: 40px; + margin-top: 0; +} + +@media (min-width: 1200px) { + .page-header-has-description + .post-archive { + padding-top: 0; + } +} + +.page-author-container { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; +} + +.page-author-container .author-avatar, +.page-author-container .author-content { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 100%; + max-width: 100%; + flex-direction: column; + align-items: center; + text-align: center; +} + +.page-author-container .author-content { + margin-top: 1rem; +} + +.page-author-container .pk-social-links-items { + justify-content: center; +} + +@media (min-width: 1020px) { + .page-author-container .author-avatar, + .page-author-container .author-content { + align-items: initial; + text-align: initial; + } + .page-author-container .author-avatar { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } + .page-author-container .author-content { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + margin-top: 0; + } +} + +.page-title { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +## Overlay +--------------------------------------------------------------*/ +.cs-overlay { + position: relative; + display: flex; + flex-direction: row; + justify-content: flex-start; + width: 100%; +} + +.cs-overlay:hover .cs-overlay-background:after, .cs-overlay:focus .cs-overlay-background:after { + opacity: .7; +} + +.cs-overlay .entry-inline-meta { + margin-bottom: auto; +} + +.cs-overlay .post-meta { + margin-bottom: 0; +} + +.cs-overlay .post-categories { + display: flex; + flex-wrap: wrap; + margin-top: -2px; +} + +.cs-overlay .post-categories a { + display: block; + padding: 0.25rem 0.5rem; + background: rgba(52, 58, 64, 0.75); + color: #fff; + border-radius: 4px; + transition: .2s ease all; +} + +.cs-overlay .post-categories a:hover { + background: rgba(52, 58, 64, 0.75); + color: #fff; +} + +.cs-overlay .post-categories li { + margin-top: 2px; + margin-right: 2px; +} + +.cs-overlay .post-categories li:after { + content: none; +} + +.cs-overlay .post-categories li:last-child { + margin-right: 0; +} + +.cs-overlay .meta-category { + margin-bottom: auto; +} + +.cs-overlay .meta-category:after { + display: none; +} + +.cs-overlay-hover .post-meta { + opacity: 0; + transition: .2s ease all; +} + +.cs-overlay-hover .cs-overlay-background { + background: rgba(0, 0, 0, 0.2); +} + +.cs-overlay-hover .cs-overlay-background:after { + opacity: 0; +} + +.cs-overlay-hover:hover .post-meta, .cs-overlay-hover:focus .post-meta { + opacity: 1; +} + +.cs-overlay-hover:hover .cs-overlay-background:after, .cs-overlay-hover:focus .cs-overlay-background:after { + opacity: 0.5; +} + +.cs-overlay-no-hover .cs-overlay-background:after { + opacity: 0.75; +} + +.cs-overlay-no-hover:hover .cs-overlay-background:after, .cs-overlay-no-hover:focus .cs-overlay-background:after { + opacity: 0.75; +} + +.cs-overlay-background { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; +} + +.cs-overlay-background img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + font-family: 'object-fit: cover;'; +} + +.cs-overlay-background:after { + content: ''; + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.3); + transition: .2s ease all; +} + +.cs-overlay-content { + position: relative; + padding: 20px; + width: 100%; +} + +.cs-overlay-content a { + position: relative; + z-index: 1; +} + +.cs-overlay-content h4, .cs-overlay-content h5, .cs-overlay-content h6, +.cs-overlay-content .h4, .cs-overlay-content .h5, .cs-overlay-content .h6 { + margin-bottom: 0.5rem; +} + +.cs-overlay-link { + position: absolute; + display: block; + left: 0; + top: 0; + right: 0; + bottom: 0; +} + +.cs-overlay-ratio:before { + content: ''; + display: table; + box-sizing: border-box; + width: 0; + height: 100%; +} + +.cs-overlay-ratio .cs-overlay-content { + display: flex; + flex-direction: column; + justify-content: flex-end; + -ms-flex-pack: start; + position: relative; +} + +.cs-overlay-ratio .cs-overlay-background { + position: absolute !important; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; +} + +.cs-overlay-ratio .cs-overlay-background img { + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; +} + +@media (max-width: 719.98px) { + .cs-overlay-ratio h1, .cs-overlay-ratio h2, .cs-overlay-ratio h3, .cs-overlay-ratio h4 { + font-size: 1.25rem; + letter-spacing: 0; + } +} + +@media (max-width: 1199.98px) { + .cs-overlay-ratio h1 { + font-size: 2rem; + } +} + +.cs-ratio-portrait { + max-width: 560px; + margin-right: auto; + margin-left: auto; +} + +.cs-ratio-portrait:before { + padding-bottom: 125%; +} + +.cs-ratio-landscape:before { + padding-bottom: 75%; +} + +.cs-ratio-square:before { + padding-bottom: 100%; +} + +.cs-ratio-16by9.cs-ratio-landscape:before { + padding-bottom: 56.25%; +} + +/*-------------------------------------------------------------- +## Mega Menu +--------------------------------------------------------------*/ +.navbar-nav .cs-mega-menu { + position: static; +} + +.navbar-nav .cs-mega-menu > .sub-menu { + top: auto; + right: 0; + left: 0; + padding: 0; +} + +.navbar-nav .cs-mega-menu .cs-mm-posts { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + margin-left: -1rem; + margin-right: -1rem; + text-align: center; +} + +.navbar-nav .cs-mega-menu .cs-mm-posts.cs-mm-loading { + height: 300px; +} + +.navbar-nav .cs-mega-menu .cs-mm-posts.cs-mm-loading:before { + width: 1.5rem; + height: 1.5rem; + border: 2px solid rgba(119, 119, 119, 0.25); + border-top-color: #777; + border-radius: 50%; + position: relative; + -webkit-animation: loader-rotate 1s linear infinite; + animation: loader-rotate 1s linear infinite; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + text-align: center; + content: ""; +} + +@keyframes loader-rotate { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} + +.navbar-nav .cs-mega-menu .cs-mm-post { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 20%; + max-width: 20%; + padding-top: 2rem; + padding-left: 1rem; + padding-right: 1rem; +} + +.navbar-nav .cs-mega-menu .cs-mm-post:nth-child(-n+5) { + padding-top: 0; +} + +.navbar-nav .cs-mega-menu .cs-mm-post .entry-header .entry-title { + margin: 1rem 0 0.5rem; +} + +.navbar-nav .cs-mega-menu .cs-mm-post .entry-header .post-meta { + margin-bottom: 0; + justify-content: center; +} + +.navbar-nav .cs-mega-menu .cs-mm-post .entry-header .post-meta .cs-icon { + display: flex; + align-items: center; +} + +.navbar-nav .cs-mega-menu-has-category .cs-mm-posts { + padding: 2rem; +} + +.navbar-nav .cs-mega-menu-has-categories .cs-mm-content { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + margin-left: 0; + margin-right: 0; +} + +.navbar-nav .cs-mega-menu-has-categories .cs-mm-categories { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 20%; + max-width: 20%; + padding: 2rem; + position: relative; + background: #e9ecef; +} + +.navbar-nav .cs-mega-menu-has-categories .cs-mm-categories li.menu-item { + display: block; + padding: 0; +} + +.navbar-nav .cs-mega-menu-has-categories .cs-mm-posts-container { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + padding-left: 0; + padding-right: 0; + flex: 0 0 80%; + max-width: 80%; +} + +.navbar-nav .cs-mega-menu-has-categories .cs-mm-posts { + display: none; + padding: 2rem; +} + +.navbar-nav .cs-mega-menu-has-categories .cs-mm-posts .cs-mm-post { + flex: 0 0 25%; + max-width: 25%; + padding-top: 2rem; +} + +.navbar-nav .cs-mega-menu-has-categories .cs-mm-posts .cs-mm-post:nth-child(-n+4) { + padding-top: 0; +} + +.navbar-nav .cs-mega-menu-has-categories .cs-mm-posts.active-item { + display: flex; +} + +.navbar-nav:not(:hover) > li .cs-mm-post a { + transition: none !important; +} + +.navbar-nav .cs-mega-menu-child > a { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + display: block; +} + +/*-------------------------------------------------------------- +## Cards +--------------------------------------------------------------*/ +.cs-card-sm { + background: #fff; + display: flex; +} + +.cs-card-sm .cs-card-thumbnail a { + height: 100%; + display: block; +} + +.cs-card-sm .cs-card-thumbnail img { + height: 100%; + width: 80px; + max-width: 80px; + -o-object-fit: cover; + object-fit: cover; +} + +.cs-card-sm .cs-card-content { + display: flex; + align-items: flex-start; + justify-content: center; + padding: 0.75rem 20px; + flex-direction: column; +} + +.cs-card-sm .cs-card-content > *:last-child { + margin-bottom: 0; +} + +.cs-card-sm .entry-title { + width: 100%; + margin-bottom: 0; +} + +.cs-card-sm .post-meta { + margin-top: 0.25rem; +} + +.cs-card { + display: flex; + flex-direction: column; + background: #fff; + padding: 20px; +} + +.cs-card .post-meta { + margin-top: auto; + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +## Category Filter +--------------------------------------------------------------*/ +.subcategories { + margin-top: 3rem; + padding-top: 3rem; + border-top: 1px #e9ecef solid; +} + +.subcategories .cs-nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.subcategories .cs-nav-link { + display: block; + padding: 0.5rem 0; +} + +.subcategories .cs-nav-item:not(:last-child) { + margin-right: 1rem; +} + +/*-------------------------------------------------------------- +## Homepage Hero +--------------------------------------------------------------*/ +.section-hero { + background: #f8f9fa; +} + +.section-hero .cs-container { + position: relative; +} + +.section-hero .cs-overlay-background:after { + display: none; +} + +.section-hero .hero-container { + padding: 2rem 0; +} + +.section-hero .hero-logo { + margin-bottom: 1.5rem; +} + +.section-hero .hero-title { + color: #000000; +} + +.section-hero .hero-description { + font-size: 1.25rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +.section-hero .hero-description p { + margin-bottom: 0; +} + +.section-hero .search-form { + max-width: 800px; + margin: 0 auto; +} + +.section-hero .cs-input-group { + position: relative; +} + +.section-hero .cs-input-group:after { + content: "\e91f"; + font-family: "cs-icons"; + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 3rem; + display: flex; + justify-content: center; + align-items: center; + color: #6c757d; + font-size: 1.25rem; + z-index: 3; +} + +.section-hero input[type="search"] { + padding: 0.75rem 1rem 0.75rem 3rem; +} + +.section-hero .search-submit { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +@media (min-width: 1020px) { + .section-hero .cs-container { + display: flex; + align-items: center; + width: 100%; + height: 100%; + } + .section-hero .hero-container { + width: 100%; + flex: 0 0 100%; + } + .section-hero .hero-content { + max-width: calc(50% - 20px); + } +} + +@media (min-width: 1020px) { + .section-hero .hero-content .hero-forms-two { + display: flex; + align-items: flex-start; + } + .section-hero .hero-content .hero-forms-two .search-form, + .section-hero .hero-content .hero-forms-two .pk-subscribe-form-wrap { + max-width: 100%; + flex: 0 0 calc(50% - 20px); + } + .section-hero .hero-content .hero-forms-two .search-form { + margin-right: 20px; + } + .section-hero .hero-content .hero-forms-two .pk-subscribe-form-wrap { + margin-top: 0; + margin-left: 20px; + text-align: left; + } +} + +@media (min-width: 1200px) { + .section-hero input[type="search"] { + padding: 1rem 1rem 1rem 3rem; + } + .section-hero .cs-form-focus { + box-shadow: 0 0 0 0.4rem rgba(0, 0, 0, 0.1); + } + .section-hero .search-submit { + padding-left: 2rem; + padding-right: 2rem; + } +} + +.section-hero.hero-center .hero-content { + margin-left: auto; + margin-right: auto; + text-align: center; +} + +.section-hero.hero-center .pk-subscribe-form-wrap { + margin-left: auto; + margin-right: auto; +} + +.section-hero.hero-right .hero-content { + margin-left: auto; +} + +.hero-image-outside { + flex-direction: column; + padding: 0; +} + +.hero-image-outside .cs-overlay-background { + position: relative; + order: 10; +} + +@media (min-width: 1020px) { + .hero-image-outside { + flex-direction: row; + } + .hero-image-outside .cs-overlay-content, + .hero-image-outside .cs-overlay-background { + flex: 0 0 50%; + max-width: 50%; + } + .hero-image-outside .cs-overlay-content { + margin-bottom: 0; + } + .hero-image-outside .cs-container { + padding: 0; + } + .hero-image-outside .hero-container { + display: flex; + } + .hero-image-outside .hero-content { + width: 470px; + max-width: 470px; + } +} + +@media (min-width: 1200px) { + .hero-image-outside .hero-content { + width: 560px; + max-width: 560px; + } +} + +@media (min-width: 1380px) { + .hero-image-outside .hero-content { + width: 650px; + max-width: 650px; + } +} + +.hero-image-outside.hero-left { + justify-content: flex-start; +} + +@media (min-width: 1020px) { + .hero-image-outside.hero-left .cs-overlay-background { + order: 1; + } + .hero-image-outside.hero-left .cs-overlay-background img { + -o-object-position: center left; + object-position: center left; + } + .hero-image-outside.hero-left .hero-content { + margin-left: auto; + padding-right: 20px; + } +} + +.hero-image-outside.hero-right { + justify-content: flex-end; +} + +@media (min-width: 1020px) { + .hero-image-outside.hero-right .cs-overlay-background { + order: -1; + } + .hero-image-outside.hero-right .cs-overlay-background img { + -o-object-position: center right; + object-position: center right; + } + .hero-image-outside.hero-right .hero-content { + margin-right: auto; + margin-left: 0; + padding-left: 20px; + } +} + +/*-------------------------------------------------------------- +## Homepage Posts +--------------------------------------------------------------*/ +.section-homepage-posts { + background: #f8f9fa; + padding-top: 3rem; + padding-bottom: 3rem; + overflow: hidden; +} + +@media (min-width: 1200px) { + .section-homepage-posts { + padding-bottom: 0; + } +} + +.cs-homepage-posts { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; +} + +.cs-homepage-post { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; +} + +.cs-homepage-post article { + display: flex; + flex-direction: column; + height: 100%; +} + +.cs-homepage-post .cs-card { + flex-grow: 1; +} + +.cs-homepage-post:first-child { + flex: 0 0 100%; + max-width: 100%; +} + +@media (min-width: 1020px) { + .cs-homepage-post:first-child { + flex: 0 0 50%; + max-width: 50%; + } +} + +.cs-homepage-post:first-child .cs-overlay { + height: 100%; +} + +.cs-homepage-post:not(:first-child) { + margin-top: 3rem; + flex: 0 0 100%; + max-width: 100%; +} + +@media (min-width: 720px) { + .cs-homepage-post:not(:first-child) { + flex: 0 0 50%; + max-width: 50%; + } +} + +@media (min-width: 1020px) { + .cs-homepage-post:not(:first-child) { + flex: 0 0 25%; + max-width: 25%; + margin-top: 0; + } +} + +/*-------------------------------------------------------------- +## Homepage Categories +--------------------------------------------------------------*/ +.section-homepage-categories { + margin-top: 4.5rem; +} + +.cs-homepage-category:not(:first-child) { + margin-top: 4.5rem; +} + +.cs-homepage-category > .h4 { + margin-bottom: 0; +} + +.cs-homepage-category .cs-card-sm { + background: #e9ecef; +} + +.cs-homepage-category .cs-card { + background: #f8f9fa; +} + +.cs-list-articles { + padding: 20px 0; +} + +@media (min-width: 1020px) { + .cs-homepage-categories { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + } + .cs-homepage-category { + display: flex; + flex-direction: column; + } + .cs-homepage-category .cs-card { + background: #fff; + flex-grow: 1; + margin-bottom: 0; + } + .cs-categories-columns-2 .cs-homepage-category, + .cs-categories-columns-4 .cs-homepage-category { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 50%; + max-width: 50%; + } + .cs-categories-columns-3 .cs-homepage-category { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } + .cs-categories-columns-2 .cs-homepage-category:nth-child(-n+2), + .cs-categories-columns-3 .cs-homepage-category:nth-child(-n+3), + .cs-categories-columns-4 .cs-homepage-category:nth-child(-n+2) { + margin-top: 0; + } +} + +@media (min-width: 1200px) { + .cs-list-articles { + padding: 20px; + } + .cs-categories-columns-4 .cs-homepage-category:nth-child(-n+4) { + border-top: none; + padding-top: 0; + margin-top: 0; + } + .cs-categories-columns-4 .cs-homepage-category { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + flex: 0 0 25%; + max-width: 25%; + } + .cs-categories-columns-4 .post-meta > li:nth-child(n+3) { + display: none; + } + .cs-categories-columns-4 .post-meta > li:nth-child(2):after { + display: none; + } +} + +/*-------------------------------------------------------------- +## Footer Posts +--------------------------------------------------------------*/ +.section-footer-posts { + padding-top: 3rem; + padding-bottom: 3rem; + overflow: hidden; +} + +.cs-footer-posts { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; +} + +.cs-footer-post { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + margin-top: 3rem; +} + +.cs-footer-post article { + display: flex; + flex-direction: column; + height: 100%; +} + +.cs-footer-post .cs-card { + flex-grow: 1; + box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); +} + +@media (min-width: 1200px) { + .cs-footer-post .cs-card { + box-shadow: none; + } +} + +@media (min-width: 720px) { + .cs-footer-post { + flex: 0 0 50%; + max-width: 50%; + } + .cs-footer-post:nth-child(-n+2) { + margin-top: 0; + } +} + +@media (min-width: 1020px) { + .cs-footer-post { + flex: 0 0 25%; + max-width: 25%; + } + .cs-footer-post:nth-child(-n+4) { + margin-top: 0; + } +} + +/*-------------------------------------------------------------- +## Category Posts +--------------------------------------------------------------*/ +.section-category-posts { + margin-bottom: 3rem; +} + +.cs-category-posts { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; +} + +.cs-category-post { + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; +} + +.cs-category-post article { + display: flex; + flex-direction: column; + height: 100%; +} + +.cs-category-post .cs-overlay h2 { + font-size: 1.25rem; +} + +@media (min-width: 1200px) { + .cs-category-post .cs-overlay h2 { + font-size: 2rem; + } +} + +.cs-category-post .cs-card { + flex-grow: 1; + box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); +} + +@media (min-width: 1200px) { + .cs-category-post .cs-card { + box-shadow: none; + } +} + +.sidebar-disabled .cs-category-post .cs-overlay h2 { + font-size: 2rem; +} + +.cs-homepage-category-header { + display: flex; + margin-bottom: 1.5rem; + justify-content: space-between; + align-items: center; +} + +.cs-homepage-category-title, +.cs-homepage-category-count { + margin-bottom: 0; +} + +.cs-homepage-category-count { + margin-left: 1.5rem; +} + +.cs-category-post:first-child { + flex: 0 0 100%; + max-width: 100%; +} + +@media (min-width: 720px) { + .cs-category-post:first-child { + flex: 0 0 50%; + max-width: 50%; + } +} + +@media (min-width: 1200px) { + .cs-category-post:first-child { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } +} + +.cs-category-post:first-child .cs-overlay { + height: 100%; +} + +@media (min-width: 720px) { + .sidebar-disabled .cs-category-post:first-child { + flex: 0 0 100%; + max-width: 100%; + } +} + +@media (min-width: 1020px) { + .sidebar-disabled .cs-category-post:first-child { + flex: 0 0 50%; + max-width: 50%; + } +} + +.cs-category-post:not(:first-child) { + flex: 0 0 100%; + max-width: 100%; + margin-top: 3rem; +} + +@media (min-width: 720px) { + .cs-category-post:not(:first-child) { + margin-top: 0; + flex: 0 0 50%; + max-width: 50%; + } +} + +@media (min-width: 1200px) { + .cs-category-post:not(:first-child) { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } +} + +.sidebar-disabled .cs-category-post:not(:first-child) { + margin-top: 3rem; + flex: 0 0 100%; + max-width: 100%; +} + +@media (min-width: 720px) { + .sidebar-disabled .cs-category-post:not(:first-child) { + flex: 0 0 50%; + max-width: 50%; + } +} + +@media (min-width: 1020px) { + .sidebar-disabled .cs-category-post:not(:first-child) { + flex: 0 0 25%; + max-width: 25%; + margin-top: 0; + } +} + +/*-------------------------------------------------------------- +## Nextpost Loading +--------------------------------------------------------------*/ +.cs-nextpost-loading { + position: relative; + margin-top: 1rem; + height: 80px; +} + +.cs-nextpost-loading:before { + width: 1.5rem; + height: 1.5rem; + border: 2px solid rgba(119, 119, 119, 0.25); + border-top-color: #777; + border-radius: 50%; + position: relative; + -webkit-animation: loader-rotate 1s linear infinite; + animation: loader-rotate 1s linear infinite; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + text-align: center; + content: ""; +} + +@keyframes loader-rotate { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} + +.cs-nextpost-section { + border-top: 1px #f8f9fa solid; + margin-top: 3rem; + padding-top: 3rem; +} + +@media (min-width: 1200px) { + .cs-nextpost-section { + margin-top: 0; + padding-top: 0; + } +} + +/*-------------------------------------------------------------- +# Widgets +--------------------------------------------------------------*/ +.widget { + /* Make sure select elements fit in widgets. */ +} + +.widget:not(:last-child) { + margin: 0 0 60px; +} + +.widget select { + max-width: 100%; +} + +.widget ul { + padding-left: 0; + list-style: none; + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +## Widgets +--------------------------------------------------------------*/ +.widget_nav_menu a { + display: block; + padding: 1rem 0; +} + +.widget_nav_menu .menu > .menu-item:not(:first-child) { + border-top: 1px #dee2e6 solid; +} + +.widget_nav_menu .menu-item-has-children { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + width: 100%; +} + +.widget_nav_menu .menu-item-has-children > a { + order: 1; +} + +.widget_nav_menu .menu-item-has-children > span { + cursor: pointer; + order: 2; +} + +.widget_nav_menu .menu-item-has-children > span:after { + padding: 1rem 0; + font-family: "cs-icons"; + font-size: 14px; + content: "\e90c"; +} + +.widget_nav_menu .menu-item-has-children > ul { + width: 100%; + order: 3; +} + +.widget_nav_menu .menu-item-expanded > span:after { + content: "\e90f"; +} + +.widget_nav_menu .menu > .menu-item > .sub-menu { + padding-bottom: 1rem; +} + +.widget_nav_menu .menu .menu-item:not(.menu-item-has-children) > a:after { + visibility: hidden; + float: right; + opacity: 0; + font-family: "cs-icons"; + font-size: 14px; + transition: all 0.2s ease; + transform: translateX(-100%); + content: "\e90e"; +} + +.widget_nav_menu .menu .menu-item:not(.menu-item-has-children) > a:hover:after { + visibility: visible; + opacity: 1; + transform: translateX(0); +} + +.widget_nav_menu .sub-menu { + display: none; +} + +.widget_nav_menu .sub-menu a { + padding: 0.5rem 0; + line-height: 1; +} + +.widget_nav_menu .sub-menu .sub-menu { + padding: 0.5rem 0; +} + +.widget_nav_menu .sub-menu .sub-menu a { + padding-left: 1rem; +} + +.widget_nav_menu .submenu-visible { + display: block; +} + +.widget_pages ul li, +.widget_archive ul li, +.widget_categories ul li, +.widget_meta ul li { + display: flex; + flex-wrap: wrap; + position: relative; + padding: 1rem 0; + color: #A0A0A0; +} + +.widget_pages ul li:not(:last-child), +.widget_archive ul li:not(:last-child), +.widget_categories ul li:not(:last-child), +.widget_meta ul li:not(:last-child) { + border-bottom: 1px #e9ecef solid; +} + +.widget_pages ul li:first-child:last-child, +.widget_archive ul li:first-child:last-child, +.widget_categories ul li:first-child:last-child, +.widget_meta ul li:first-child:last-child { + border-bottom: none; + padding-bottom: 0; +} + +.widget_pages ul li:first-child:last-child > .sub-menu, +.widget_archive ul li:first-child:last-child > .sub-menu, +.widget_categories ul li:first-child:last-child > .sub-menu, +.widget_meta ul li:first-child:last-child > .sub-menu { + padding-bottom: 0; +} + +.widget_pages ul li a, +.widget_archive ul li a, +.widget_categories ul li a, +.widget_meta ul li a { + padding-right: 0.6666666667rem; + margin-right: auto; + transition: color 0.2s; +} + +.widget_pages ul ul.children, +.widget_archive ul ul.children, +.widget_categories ul ul.children, +.widget_meta ul ul.children { + flex: 0 0 100%; + width: 100%; + margin: 1rem 0; +} + +.widget_pages ul ul.children li, +.widget_archive ul ul.children li, +.widget_categories ul ul.children li, +.widget_meta ul ul.children li { + padding: 1rem 0 1rem 1rem; +} + +.widget_pages ul ul.children li:last-child, +.widget_archive ul ul.children li:last-child, +.widget_categories ul ul.children li:last-child, +.widget_meta ul ul.children li:last-child { + border-bottom: none; + padding-bottom: 0; +} + +.widget_pages ul ul.sub-menu, +.widget_archive ul ul.sub-menu, +.widget_categories ul ul.sub-menu, +.widget_meta ul ul.sub-menu { + margin: 1rem 0; +} + +.widget_pages ul ul.sub-menu li:last-child, +.widget_archive ul ul.sub-menu li:last-child, +.widget_categories ul ul.sub-menu li:last-child, +.widget_meta ul ul.sub-menu li:last-child { + border-bottom: none; + padding-bottom: 0; +} + +.widget_pages ul .screen-reader-text, +.widget_archive ul .screen-reader-text, +.widget_categories ul .screen-reader-text, +.widget_meta ul .screen-reader-text { + display: none; +} + +.widget_calendar table, .widget_calendar .wp-block-table { + border: 1px solid #dee2e6; + margin: 0; +} + +.widget_calendar th { + border-bottom: none; + background-color: #f8f9fa; + color: #000000; +} + +.widget_calendar td, +.widget_calendar th { + padding: 0; + line-height: 2rem; + text-align: center; +} + +.widget_recent_comments li { + position: relative; + padding-bottom: 1rem; +} + +.widget_recent_comments li:last-child { + padding-bottom: 0; +} + +.widget_recent_comments li a { + display: block; + margin-top: 1rem; +} + +.widget_recent_entries li { + position: relative; + padding-bottom: 1rem; +} + +.widget_recent_entries li:last-child { + padding-bottom: 0; +} + +.widget_recent_entries li .post-date { + margin-left: 1rem; +} + +.widget_recent_entries li .post-date:before { + content: '('; +} + +.widget_recent_entries li .post-date:after { + content: ')'; +} + +.widget_rss .title-block a { + color: #A0A0A0; +} + +.widget_rss .rss-widget-icon { + display: none; +} + +.widget_rss ul li { + position: relative; + padding-bottom: 1rem; +} + +.widget_rss ul li:last-child { + padding-bottom: 0; +} + +.widget_rss ul li .rsswidget { + color: #000000; + transition: color 0.25s; +} + +.widget_rss ul li .rss-date { + display: block; + margin-top: 1rem; + color: #A0A0A0; +} + +.widget_rss ul li .rssSummary { + margin-top: 1rem; + color: #000000; +} + +.widget_rss ul li cite { + display: block; + margin-top: 1rem; + color: #A0A0A0; +} + +.widget_tag_cloud { + overflow: hidden; +} + +.widget_tag_cloud .tagcloud { + display: flex; + flex-wrap: wrap; +} + +.widget_tag_cloud .tagcloud a { + background: #e9ecef; + height: 2rem; + line-height: 2rem; + padding: 0 1rem; + margin-top: 1rem; + margin-right: 1rem; + text-decoration: none; +} + +.widget_tag_cloud .tagcloud a:last-child { + margin-right: 0; +} + +.widget_media_video .mejs-container { + max-width: 100%; + overflow: hidden; +} + +.widget_media_video .mejs-container video, +.widget_media_video .mejs-container iframe, +.widget_media_video .mejs-container object, +.widget_media_video .mejs-container embed { + max-width: 100%; + overflow: hidden; +} + +.widget_media_gallery { + overflow: hidden; +} + +.widget_media_gallery [class^="gallery-columns-"], +.widget_media_gallery [class*=" gallery-columns-"] { + display: flex; + flex-wrap: wrap; + margin-top: -1rem; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-bottom: 0; +} + +.widget_media_gallery [class^="gallery-columns-"] .gallery-item, +.widget_media_gallery [class*=" gallery-columns-"] .gallery-item { + position: relative; + margin-top: 1rem; + margin-bottom: 0; + padding: 0 0.5rem; + display: flex; + align-items: center; + text-align: center; + flex-direction: column; +} + +.widget_media_gallery [class^="gallery-columns-"] .gallery-item img, +.widget_media_gallery [class*=" gallery-columns-"] .gallery-item img { + display: block; + border-radius: 0; + transition: 0.25s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.widget_media_gallery [class^="gallery-columns-"] .gallery-item:hover img, +.widget_media_gallery [class*=" gallery-columns-"] .gallery-item:hover img { + opacity: 0.6; +} + +.widget_media_gallery [class^="gallery-columns-"] .gallery-item .gallery-caption, +.widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-caption { + padding: 1rem 1rem 0; +} + +.widget_media_gallery [class^="gallery-columns-"] .gallery-item .gallery-icon, +.widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-icon { + position: relative; + width: 100%; + overflow: hidden; +} + +.widget_media_gallery .gallery-columns-4 .gallery-caption, +.widget_media_gallery .gallery-columns-5 .gallery-caption, +.widget_media_gallery .gallery-columns-6 .gallery-caption, +.widget_media_gallery .gallery-columns-7 .gallery-caption, +.widget_media_gallery .gallery-columns-8 .gallery-caption, +.widget_media_gallery .gallery-columns-9 .gallery-caption { + display: none; +} + +.widget_media_gallery .gallery-columns-1 .gallery-item { + flex: 0 0 100%; + max-width: 100%; +} + +.widget_media_gallery .gallery-columns-2 .gallery-item { + flex: 0 0 50%; + max-width: 50%; +} + +.widget_media_gallery .gallery-columns-3 .gallery-item { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; +} + +.widget_media_gallery .gallery-columns-4 .gallery-item { + flex: 0 0 25%; + max-width: 25%; +} + +.widget_media_gallery .gallery-columns-5 .gallery-item { + flex: 0 0 20%; + max-width: 20%; +} + +.widget_media_gallery .gallery-columns-6 .gallery-item { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; +} + +.widget_media_gallery .gallery-columns-7 .gallery-item { + flex: 0 0 14.2857142857%; + max-width: 14.2857142857%; +} + +.widget_media_gallery .gallery-columns-8 .gallery-item { + flex: 0 0 12.5%; + max-width: 12.5%; +} + +.widget_media_gallery .gallery-columns-9 .gallery-item { + flex: 0 0 11.1111111111%; + max-width: 11.1111111111%; +} + +/* Text widget */ +.widget_text { + color: #000000; + word-wrap: break-word; +} + +.widget_text ul { + list-style: disc; + margin: 0 0 1rem 1rem; +} + +.widget_text ol { + list-style: decimal; +} + +.widget_text ul li, +.widget_text ol li { + border: none; +} + +.widget_text ul li:last-child, +.widget_text ol li:last-child { + padding-bottom: 0; +} + +.widget_text ul li ul { + margin: 0 0 0 1rem; +} + +.widget_text ul li li { + padding-left: 0; + padding-right: 0; +} + +.widget_text ol li { + list-style-position: inside; +} + +.widget_text ol li + li { + margin-top: -1px; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +img { + max-width: 100%; + height: auto; +} + +.page-content .wp-smiley, +.entry-content .wp-smiley, +.comment-content .wp-smiley { + border: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; +} + +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} + +/* Make sure logo link wraps around logo image. */ +.custom-logo-link { + display: inline-block; +} + +img.avatar { + border-radius: 100%; +} + +.post-media img { + width: 100%; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1rem; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + margin-left: auto; + margin-right: auto; + display: block; +} + +.wp-caption .wp-caption-text { + margin: 1rem 0; +} + +.wp-caption-text { + margin-top: 1rem; + font-size: 0.875rem; +} + +/*-------------------------------------------------------------- +## Galleries +--------------------------------------------------------------*/ +.gallery { + margin-bottom: 1.5rem; +} + +@media (min-width: 720px) { + div[class^='gallery-columns-'], div[class*=' gallery-columns-'] { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + margin-left: -20px; + margin-left: -10px; + margin-right: -10px; + } + div[class^='gallery-columns-'] .pk-zoom-icon-popup, div[class*=' gallery-columns-'] .pk-zoom-icon-popup { + position: relative; + } + div[class^='gallery-columns-'] .pk-pin-it, div[class*=' gallery-columns-'] .pk-pin-it { + left: calc(1rem + 10px); + } +} + +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +@media (min-width: 720px) { + .gallery-columns-2 .gallery-item { + max-width: 50%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 20px; + } +} + +@media (min-width: 720px) { + .gallery-columns-3 .gallery-item { + max-width: 33.33%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 20px; + } +} + +@media (min-width: 720px) { + .gallery-columns-4 .gallery-item { + max-width: 25%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 20px; + } +} + +@media (min-width: 720px) { + .gallery-columns-5 .gallery-item { + max-width: 20%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 20px; + } +} + +@media (min-width: 720px) { + .gallery-columns-6 .gallery-item { + max-width: 16.66%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 20px; + } +} + +@media (min-width: 720px) { + .gallery-columns-7 .gallery-item { + max-width: 14.28%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 20px; + } +} + +@media (min-width: 720px) { + .gallery-columns-8 .gallery-item { + max-width: 12.5%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 20px; + } +} + +@media (min-width: 720px) { + .gallery-columns-9 .gallery-item { + max-width: 11.11%; + position: relative; + width: 100%; + padding-right: 20px; + padding-left: 20px; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 20px; + } +} + +.gallery-caption { + display: block; +} + +/*-------------------------------------------------------------- +# Powerkit +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Grid +--------------------------------------------------------------*/ +.entry-content .pk-row > [class^="pk-col-"] > a, +.entry-content .pk-row > [class^="pk-col-"] > p > a, +.entry-content .pk-row > [class^="pk-col-"] > ul li > a, +.entry-content .pk-row > [class^="pk-col-"] > ol li > a, +.entry-content .pk-row > [class^="pk-col-"] > p > em > a, +.entry-content .pk-row > [class^="pk-col-"] > p > strong > a, +.entry-content .pk-row > [class*=" pk-col-"] > a, +.entry-content .pk-row > [class*=" pk-col-"] > p > a, +.entry-content .pk-row > [class*=" pk-col-"] > ul li > a, +.entry-content .pk-row > [class*=" pk-col-"] > ol li > a, +.entry-content .pk-row > [class*=" pk-col-"] > p > em > a, +.entry-content .pk-row > [class*=" pk-col-"] > p > strong > a { + text-decoration: underline; +} + +.entry-content .pk-row > [class^="pk-col-"] > a:hover, .entry-content .pk-row > [class^="pk-col-"] > a:focus, +.entry-content .pk-row > [class^="pk-col-"] > p > a:hover, +.entry-content .pk-row > [class^="pk-col-"] > p > a:focus, +.entry-content .pk-row > [class^="pk-col-"] > ul li > a:hover, +.entry-content .pk-row > [class^="pk-col-"] > ul li > a:focus, +.entry-content .pk-row > [class^="pk-col-"] > ol li > a:hover, +.entry-content .pk-row > [class^="pk-col-"] > ol li > a:focus, +.entry-content .pk-row > [class^="pk-col-"] > p > em > a:hover, +.entry-content .pk-row > [class^="pk-col-"] > p > em > a:focus, +.entry-content .pk-row > [class^="pk-col-"] > p > strong > a:hover, +.entry-content .pk-row > [class^="pk-col-"] > p > strong > a:focus, +.entry-content .pk-row > [class*=" pk-col-"] > a:hover, +.entry-content .pk-row > [class*=" pk-col-"] > a:focus, +.entry-content .pk-row > [class*=" pk-col-"] > p > a:hover, +.entry-content .pk-row > [class*=" pk-col-"] > p > a:focus, +.entry-content .pk-row > [class*=" pk-col-"] > ul li > a:hover, +.entry-content .pk-row > [class*=" pk-col-"] > ul li > a:focus, +.entry-content .pk-row > [class*=" pk-col-"] > ol li > a:hover, +.entry-content .pk-row > [class*=" pk-col-"] > ol li > a:focus, +.entry-content .pk-row > [class*=" pk-col-"] > p > em > a:hover, +.entry-content .pk-row > [class*=" pk-col-"] > p > em > a:focus, +.entry-content .pk-row > [class*=" pk-col-"] > p > strong > a:hover, +.entry-content .pk-row > [class*=" pk-col-"] > p > strong > a:focus { + text-decoration: none; +} + +.entry-content .pk-row > [class^="pk-col-"] > h1, +.entry-content .pk-row > [class^="pk-col-"] > h2, +.entry-content .pk-row > [class^="pk-col-"] > h3, +.entry-content .pk-row > [class^="pk-col-"] > h4, +.entry-content .pk-row > [class^="pk-col-"] > h5, +.entry-content .pk-row > [class^="pk-col-"] > h6, +.entry-content .pk-row > [class*=" pk-col-"] > h1, +.entry-content .pk-row > [class*=" pk-col-"] > h2, +.entry-content .pk-row > [class*=" pk-col-"] > h3, +.entry-content .pk-row > [class*=" pk-col-"] > h4, +.entry-content .pk-row > [class*=" pk-col-"] > h5, +.entry-content .pk-row > [class*=" pk-col-"] > h6 { + margin-bottom: 1.5rem; +} + +.entry-content .pk-row > [class^="pk-col-"] > h1:not(:first-child), +.entry-content .pk-row > [class^="pk-col-"] > h2:not(:first-child), +.entry-content .pk-row > [class^="pk-col-"] > h3:not(:first-child), +.entry-content .pk-row > [class^="pk-col-"] > h4:not(:first-child), +.entry-content .pk-row > [class^="pk-col-"] > h5:not(:first-child), +.entry-content .pk-row > [class^="pk-col-"] > h6:not(:first-child), +.entry-content .pk-row > [class*=" pk-col-"] > h1:not(:first-child), +.entry-content .pk-row > [class*=" pk-col-"] > h2:not(:first-child), +.entry-content .pk-row > [class*=" pk-col-"] > h3:not(:first-child), +.entry-content .pk-row > [class*=" pk-col-"] > h4:not(:first-child), +.entry-content .pk-row > [class*=" pk-col-"] > h5:not(:first-child), +.entry-content .pk-row > [class*=" pk-col-"] > h6:not(:first-child) { + margin-top: 3rem; +} + +.entry-content .pk-row + .pk-row h1:first-child, .entry-content .pk-row + .pk-row h2:first-child, .entry-content .pk-row + .pk-row h3:first-child, .entry-content .pk-row + .pk-row h4:first-child, .entry-content .pk-row + .pk-row h5:first-child, .entry-content .pk-row + .pk-row h6:first-child { + margin-top: 1.5rem; +} + +.entry-content div[class^='pk-col-'], .entry-content div[class*=' pk-col-'] { + margin-bottom: 1.5rem; +} + +.entry-content div[class^='pk-col-'] > *:last-child, .entry-content div[class*=' pk-col-'] > *:last-child { + margin-bottom: 0; +} + +.entry-content .pk-clearfix { + margin: 0; +} + +/*-------------------------------------------------------------- +## Basic Styles +--------------------------------------------------------------*/ +.pk-bg-overlay form:not(.cs-form-focus) { + box-shadow: none; +} + +.menu-item .pk-badge { + margin-bottom: auto; + margin-top: auto; + margin-right: auto; +} + +.pk-alert { + color: #000000; +} + +.pk-alert a { + color: #000000; +} + +.pk-alert a:hover { + color: #A0A0A0; +} + +.entry-content .pk-button { + color: #fff; +} + +.entry-content .pk-alert { + margin-bottom: 1.5rem; +} + +.entry-content .pk-instagram-feed a { + color: #000000; +} + +.entry-content .pk-instagram-feed a:hover { + color: #A0A0A0; +} + +.entry-content .pk-instagram-feed .pk-instagram-btn { + color: #fff; + transition: 0.25s; +} + +.entry-content .pk-instagram-feed .pk-instagram-btn:hover { + background-color: #000000; + color: #fff; +} + +.entry-content .pk-twitter-wrap a { + color: #A0A0A0; +} + +.entry-content .pk-twitter-wrap a:hover { + color: #000000; +} + +.entry-content .pk-twitter-wrap .pk-twitter-header a { + color: #000000; +} + +.entry-content .pk-twitter-wrap .pk-twitter-header a:hover { + color: #A0A0A0; +} + +.entry-content .pk-twitter-wrap .pk-twitter-btn { + color: #fff; + transition: 0.25s; +} + +.entry-content .pk-twitter-wrap .pk-twitter-btn:hover { + background-color: #000000; + color: #fff; +} + +/*-------------------------------------------------------------- +## Share Buttons +--------------------------------------------------------------*/ +.meta-share-links { + position: absolute; + max-width: 320px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + display: -ms-grid; + -ms-grid-columns: max-content; + bottom: 100%; + left: -9999px; + padding-left: 50%; + padding-bottom: 0.5rem; + transform: translateY(-30%); + transition: transform 0.5s; +} + +.meta-share-links .pk-share-buttons-wrap { + position: relative; + border-radius: 3px; + background: #fff; + padding: 0.7rem; + margin: 0; + opacity: 0; + transform: translate(-50%, 0); + transition: opacity 0.5s; + box-shadow: 0 0 2.5rem rgba(87, 58, 58, 0.3); +} + +.meta-share-links .pk-share-buttons-wrap:after { + top: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: transparent; + border-top-color: #fff; + border-width: 7px; + margin-left: -7px; +} + +.meta-share-links .pk-share-buttons-items { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} + +.meta-share-links .pk-share-buttons-link { + display: flex; + flex-direction: column; + justify-content: flex-start; + padding: 0 0.1rem; + border-radius: 3px; +} + +.meta-share-links .pk-share-buttons-icon { + font-size: 1rem; +} + +.meta-share-links .pk-share-buttons-count { + margin-top: 0.125rem; + color: #6c757d; +} + +.meta-share-links .pk-share-buttons-scheme-default { + background: rgba(0, 0, 0, 0.8); + box-shadow: none; +} + +.meta-share-links .pk-share-buttons-scheme-default:after { + border-top-color: rgba(0, 0, 0, 0.8); +} + +.meta-share-links .pk-share-buttons-scheme-default .pk-share-buttons-link { + background: transparent; +} + +.meta-share-links .pk-share-buttons-scheme-default .pk-share-buttons-link:hover { + background: transparent !important; +} + +.meta-share-links .pk-share-buttons-scheme-default .pk-share-buttons-link:hover .pk-share-buttons-count { + color: #fff; + opacity: 1; +} + +.meta-share-links .pk-share-buttons-scheme-default .pk-share-buttons-icon { + color: #fff; +} + +.meta-share-links .pk-share-buttons-scheme-default .pk-share-buttons-count { + color: #fff; +} + +.meta-shares:hover { + cursor: pointer; +} + +.meta-shares:hover .meta-share-links { + transform: translateY(0); + left: 0; +} + +.meta-shares:hover .pk-share-buttons-wrap { + border-radius: 3px; + opacity: 1; +} + +.entry-sidebar-wrap { + display: none; +} + +@media (min-width: 1200px) { + .entry-sidebar-wrap { + display: block; + } +} + +.entry-sidebar-wrap .post-sidebar-shares { + align-items: flex-start; + position: sticky; + top: 40vh; + margin-top: 0; +} + +.entry-sidebar-wrap .post-sidebar-inner { + transition: opacity 0.2s; +} + +.entry-sidebar-wrap .pk-share-buttons-wrap { + flex-direction: column; + margin-bottom: 0; +} + +.entry-sidebar-wrap .pk-share-buttons-total { + margin-bottom: 1.5rem; + padding-bottom: 1rem; + border-bottom: 1px #e9ecef solid; + width: 100%; +} + +.entry-sidebar-wrap .pk-share-buttons-total .pk-share-buttons-count { + font-size: 1.25rem; + color: #000000; +} + +.entry-sidebar-wrap .pk-share-buttons-total .pk-share-buttons-label { + color: #A0A0A0; +} + +.entry-sidebar-wrap .pk-share-buttons-items { + flex-direction: column; + align-items: flex-start; +} + +.entry-sidebar-wrap .pk-share-buttons-item { + position: relative; +} + +.entry-sidebar-wrap .pk-share-buttons-item > .pk-share-buttons-count { + height: auto; +} + +.entry-sidebar-wrap .pk-share-buttons-total { + align-items: flex-start; +} + +.entry-sidebar-wrap .pk-share-buttons-link { + display: flex; + flex-direction: column; + align-items: center; + height: 40px; + width: 40px; + justify-content: center; + line-height: 40px; + border-radius: 100%; +} + +.entry-sidebar-wrap .pk-share-buttons-link .pk-share-buttons-count { + line-height: 1; + position: absolute; + right: -2rem; + top: 50%; + transform: translate3d(0, -50%, 0); + color: #A0A0A0; + transition: .2s ease all; +} + +.entry-sidebar-wrap .pk-share-buttons-link:hover .pk-share-buttons-count, .entry-sidebar-wrap .pk-share-buttons-link:focus .pk-share-buttons-count { + color: #000000; +} + +.entry-sidebar-wrap .pk-share-buttons-scheme-bold .pk-share-buttons-icon { + font-size: 1.5rem; +} + +.post-header .pk-share-buttons-wrap { + margin: 2rem 0 0; +} + +.post-header .pk-share-buttons-wrap .pk-share-buttons-item { + flex-grow: initial; +} + +.post-header .pk-share-buttons-wrap .pk-share-buttons-link { + border-radius: 4px; +} + +.cs-overlay .post-header .pk-share-buttons-link { + background: rgba(33, 37, 41, 0.5); + color: #fff; +} + +.cs-overlay .post-header .pk-share-buttons-link:hover { + background: rgba(33, 37, 41, 0.75); + color: #fff; +} + +.pk-share-buttons-after-content { + margin-top: 1rem !important; +} + +.pk-share-buttons-after-content .pk-share-buttons-link { + border-radius: 4px; +} + +/*-------------------------------------------------------------- +## Social Links +--------------------------------------------------------------*/ +.post-author .pk-social-links-items { + justify-content: flex-start; +} + +.post-author .pk-social-links-item { + padding-top: 0; +} + +.sidebar-area .pk-social-links-scheme-light-bg .pk-social-links-link { + background: #fff; +} + +.sidebar-area .pk-social-links-scheme-light-bg.pk-social-links-template-columns .pk-social-links-item { + margin-bottom: 1px; +} + +.sidebar-area .pk-social-links-scheme-light-bg.pk-social-links-template-columns .pk-social-links-item:not(:last-child) .pk-social-links-link { + margin-right: 1px; +} + +.sidebar-area .pk-social-links-scheme-light-rounded .pk-social-links-icon { + background: #fff; +} + +.page-header .pk-social-links-wrap { + margin-top: 1rem; +} + +.site-info .pk-social-links-item { + padding-bottom: 0; +} + +/*-------------------------------------------------------------- +## Widgets +--------------------------------------------------------------*/ +@media (min-width: 1200px) { + .sidebar-area .pk-widget-about { + padding: 40px; + background: #fff; + } +} + +@media (min-width: 1200px) { + .sidebar-area .pk-widget-author:not(.pk-widget-author-with-bg) { + padding: 1.5rem; + background: #fff; + } +} + +.sidebar .pk-widget-posts .pk-post-number { + border: 2px #F8F8F8 solid; + font-size: 0.875rem; + line-height: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.pk-widget-posts .pk-lazyload.pk-lqip.size-pk-small { + -webkit-clip-path: circle(50% at 50% 50%); + clip-path: circle(50% at 50% 50%); +} + +.pk-widget-posts .meta-category { + display: inline-block; + margin-bottom: 1rem; +} + +.pk-widget-posts-template-large .meta-category { + margin-bottom: auto; +} + +.pk-widget-posts-template-large .cs-card { + box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); +} + +@media (min-width: 1200px) { + .pk-widget-posts-template-large .cs-card { + box-shadow: none; + } +} + +.site-footer-widgets .pk-widget-posts-template-large .cs-card { + box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); +} + +/*-------------------------------------------------------------- +## Lightbox +--------------------------------------------------------------*/ +.pk-zoom-icon-popup:after { + content: "\e928"; + font-family: "cs-icons"; + border-radius: 100%; +} + +/*-------------------------------------------------------------- +## Pinterest +--------------------------------------------------------------*/ +.pk-pin-it { + border-radius: 100%; +} + +/*-------------------------------------------------------------- +## Twitter +--------------------------------------------------------------*/ +.pk-twitter-content { + font-size: 0.875rem; +} + +@media (min-width: 1200px) { + .sidebar-area .pk-twitter-default { + background: #fff; + padding: 40px; + } +} + +/*-------------------------------------------------------------- +## Instagram +--------------------------------------------------------------*/ +.pk-instagram-data .pk-meta { + color: #fff; +} + +@media (min-width: 1200px) { + .sidebar-area .pk-instagram-template-default { + background: #fff; + padding: 40px; + } +} + +/*-------------------------------------------------------------- +## Subscribe form +--------------------------------------------------------------*/ +.pk-subscribe-form-wrap form { + border-radius: 3px; + box-shadow: 0 0 0 0.2rem #F8F8F8; + transition: .2s ease box-shadow; + overflow: hidden; +} + +.pk-subscribe-form-wrap form.cs-form-focus { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1); +} + +.pk-subscribe-form-wrap .pk-input-group { + position: relative; + background: #fff; + border-radius: 3px; +} + +.pk-subscribe-form-wrap .pk-input-group button { + position: relative; + margin: 0.5rem; + z-index: 2; + border: 1px #e9ecef solid; + background: #fff; + color: #6c757d; +} + +.pk-subscribe-form-wrap .pk-input-group button:hover, .pk-subscribe-form-wrap .pk-input-group button:focus { + color: #343a40; + border-color: #ced4da; +} + +.pk-subscribe-form-wrap .pk-input-group input[type="text"] { + position: relative; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; + border: none; + box-shadow: none; +} + +.widget .pk-subscribe-form-wrap.pk-subscribe-with-name input[type="text"] { + border-top: 1px solid #e9ecef; + width: 100%; + text-align: center; + border-radius: 0; + margin-top: 0; + padding: 0.5rem; +} + +.widget .pk-subscribe-form-wrap.pk-subscribe-with-name input[type="text"]:first-child { + border-top: none; +} + +.widget .pk-subscribe-form-wrap.pk-subscribe-with-name button { + margin-top: 0; +} + +.widget .pk-subscribe-form-wrap.pk-subscribe-with-bg form { + overflow: initial; +} + +.widget .pk-subscribe-form-wrap.pk-subscribe-with-bg input[type="text"] { + margin-top: 0.5rem; + width: 100%; + border-radius: 3px; +} + +.widget .pk-subscribe-form-wrap.pk-subscribe-with-bg button { + margin-top: 0.5rem; +} + +.content-area .pk-subscribe-with-name input[type="text"] + input[type="text"] { + border-top: 1px solid #e9ecef; + margin-top: 0; + border-radius: 0; +} + +.content-area .pk-subscribe-with-name input[type="text"] { + width: 100%; + text-align: center; +} + +.content-area .pk-subscribe-with-name button { + margin-top: 0; +} + +@media (min-width: 720px) { + .content-area .pk-subscribe-with-name .pk-input-group { + flex-direction: row; + } + .content-area .pk-subscribe-with-name input[type="text"] + input[type="text"] { + border-left: 1px solid #e9ecef; + border-top: none; + } + .content-area .pk-subscribe-with-name input[type="text"] { + width: 1%; + text-align: left; + } + .content-area .pk-subscribe-with-name button { + margin-top: 0.5rem; + } +} + +.section-hero .pk-subscribe-form-wrap { + max-width: 500px; + margin: 1.5rem 0 0; +} + +.section-hero .pk-subscribe-form-wrap.pk-subscribe-with-name input[type="text"] + input[type="text"] { + border-top: 1px solid #e9ecef; + margin-top: 0; + border-radius: 0; +} + +.section-hero .pk-subscribe-form-wrap.pk-subscribe-with-name input[type="text"] { + width: 100%; + text-align: center; +} + +.section-hero .pk-subscribe-form-wrap.pk-subscribe-with-name button { + margin-top: 0; +} + +@media (min-width: 720px) { + .section-hero .pk-subscribe-form-wrap:first-child.pk-subscribe-with-name .pk-input-group { + flex-direction: row; + } + .section-hero .pk-subscribe-form-wrap:first-child.pk-subscribe-with-name input[type="text"] + input[type="text"] { + border-left: 1px solid #e9ecef; + border-top: none; + } + .section-hero .pk-subscribe-form-wrap:first-child.pk-subscribe-with-name input[type="text"] { + width: 1%; + text-align: left; + } + .section-hero .pk-subscribe-form-wrap:first-child.pk-subscribe-with-name button { + margin-top: 0.5rem; + } +} + +.section-hero .pk-subscribe-form-wrap:not(.pk-subscribe-with-name) .pk-input-group:after { + content: "\e92b"; + font-family: "cs-icons"; + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 3rem; + display: flex; + justify-content: center; + align-items: center; + color: #6c757d; + font-size: 1.25rem; + z-index: 3; +} + +.section-hero .pk-subscribe-form-wrap:not(.pk-subscribe-with-name) input[type="text"] { + padding: 0.75rem 1rem 0.75rem 3rem; +} + +@media (min-width: 1200px) { + .section-hero .pk-subscribe-form-wrap:not(.pk-subscribe-with-name) input[type="text"] { + padding: 1rem 1rem 1rem 3rem; + } + .section-hero .pk-subscribe-form-wrap:not(.pk-subscribe-with-name) button { + padding-left: 2rem; + padding-right: 2rem; + } +} + +@media (min-width: 1200px) { + .section-hero .pk-subscribe-form-wrap .cs-form-focus { + box-shadow: 0 0 0 0.4rem rgba(0, 0, 0, 0.1); + } +} + +.section-hero.cs-text-center .pk-subscribe-form-wrap { + margin-left: auto; + margin-right: auto; +} + +/*-------------------------------------------------------------- +## Inline Posts +--------------------------------------------------------------*/ +.pk-inline-posts-container .post-meta a { + font-weight: normal; + color: #000000; +} + +.pk-inline-posts-container .post-meta a:hover { + color: #A0A0A0; +} + +.pk-inline-posts-container .post-meta .meta-category a { + color: #A0A0A0; +} + +.pk-inline-posts-container .post-meta .meta-category a:hover { + color: #000000; +} + +.pk-inline-posts-container .pk-title a { + color: #000000; +} + +.pk-inline-posts-container .pk-title a:hover { + color: #A0A0A0; +} + +/*-------------------------------------------------------------- +## Table of Contents +--------------------------------------------------------------*/ +.pk-toc:not(:last-child) { + padding-bottom: 40px; + margin-bottom: 3rem; + border-bottom: 1px #e9ecef solid; +} + +.pk-toc:not(:first-child) { + padding-top: 40px; + margin-top: 3rem; + border-top: 1px #e9ecef solid; +} + +/*-------------------------------------------------------------- +## Typekit Typography +--------------------------------------------------------------*/ +.wf-loading body, +.wf-loading body a, +.wf-loading body span, +.wf-loading body p, +.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, +.wf-loading label, +.wf-loading .post-meta, +.wf-loading .cs-link-more, +.wf-loading .button { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; +} + +.wf-loading .navbar-primary .navbar-nav { + opacity: 0; +} + +.wf-loading .nav-cart, +.wf-loading .toggle-search { + margin-left: auto; +} + +.wf-loading .nav-cart + .toggle-search, +.wf-loading .pk-social-links-wrap + .nav-cart { + margin-left: 1rem; +} + +/*-------------------------------------------------------------- +# Vendors +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## SearchWP Live Ajax Search +--------------------------------------------------------------*/ +.searchwp-live-search-results.searchwp-live-search-results-showing { + margin-top: 4px; + box-shadow: 0 0 10px 0 rgba(30, 30, 30, 0.2); + min-height: 164px; + max-height: 332px; +} + +.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a { + padding: 1rem; + display: flex; + align-items: center; + transition: .2s ease background; + white-space: normal; +} + +.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a img { + width: 50px; + height: 50px; + margin-right: 1rem; +} + +.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a .h6 { + margin-bottom: 0; +} + +.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a .meta-date { + margin-top: 0.25rem; +} + +.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a small { + display: none; + margin-left: auto; + color: #A0A0A0; + padding-left: 1rem; +} + +@media (min-width: 720px) { + .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a small { + display: block; + } +} + +.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a > span { + display: flex; + flex-direction: column; +} + +.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a:hover, .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a:focus { + background: #e9ecef; + outline: 0; +} + +.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result:not(:last-child) a { + border-bottom: 1px #e9ecef solid; +} + +.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result--focused { + background: transparent; +} + +@media (max-width: 1019.98px) { + .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result .h6 { + font-size: 0.75rem; + } +} + +/*-------------------------------------------------------------- +## Contact Form 7 +--------------------------------------------------------------*/ +.wpcf7 { + margin: 0; + padding: 0; +} + +.wpcf7 .screen-reader-response { + position: absolute; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + width: 1px; + margin: 0; + padding: 0; + border: 0; +} + +.wpcf7 form.init .wpcf7-response-output, +.wpcf7 form.resetting .wpcf7-response-output, +.wpcf7 form.submitting .wpcf7-response-output, +.wpcf7 .wpcf7-display-none { + /* support version below 5.4 */ + display: none; +} + +.wpcf7 form .wpcf7-response-output { + margin: 1rem 0; + padding: 0.5rem 1rem; + background: #6cdcff; + font-size: 0.875rem; + color: #00526c; +} + +.wpcf7 form.sent .wpcf7-response-output { + background: #d8f6df; + color: #145523; +} + +.wpcf7 form.failed .wpcf7-response-output, +.wpcf7 form.aborted .wpcf7-response-output { + background: #f3b7bd; + color: #921925; +} + +.wpcf7 form.spam .wpcf7-response-output, +.wpcf7 form.invalid .wpcf7-response-output, +.wpcf7 form.unaccepted .wpcf7-response-output { + background: #fff4d3; + color: #a07800; +} + +.wpcf7 .wpcf7-form-control-wrap { + position: relative; + display: block; +} + +.wpcf7 label .wpcf7-form-control-wrap { + margin-top: 0.5rem; +} + +.wpcf7 .wpcf7-not-valid-tip { + color: #dc3545; + font-size: 0.875rem; + font-weight: normal; + display: block; +} + +.wpcf7 .use-floating-validation-tip .wpcf7-not-valid-tip { + position: absolute; + top: 20%; + left: 20%; + z-index: 100; + border: 1px solid #dc3545; + background: var(--cs-color-primary); + padding: .2em .8em; +} + +.wpcf7 .wpcf7-list-item { + display: inline-block; + margin: 0 0 0 1em; +} + +.wpcf7 .wpcf7-list-item-label:before, +.wpcf7 .wpcf7-list-item-label:after { + content: " "; +} + +.wpcf7 .ajax-loader { + visibility: hidden; + display: inline-block; + margin-left: 1rem; + vertical-align: middle; + width: 20px; + height: 20px; + border: 2px solid rgba(160, 160, 160, 0.25); + border-top-color: #A0A0A0; + border-radius: 50%; + position: relative; + -webkit-animation: loader-rotate 1s linear infinite; + animation: loader-rotate 1s linear infinite; + background: transparent; + /* support version below 5.4 */ +} + +@keyframes loader-rotate { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} + +.wpcf7 .ajax-loader:after { + /* support version below 5.4 */ + content: none; +} + +.wpcf7 form.submitting .ajax-loader, +.wpcf7 .ajax-loader.is-active { + /* support version below 5.4 */ + visibility: visible; +} + +.wpcf7 div.ajax-error { + display: none; +} + +.wpcf7 .placeheld { + color: var(--cs-color-secondary); +} + +.wpcf7 .wpcf7-recaptcha iframe { + margin-bottom: 0; +} + +.wpcf7 input[type="file"] { + cursor: pointer; +} + +.wpcf7 input[type="file"]:disabled { + cursor: default; +} + +.wpcf7 .wpcf7-submit { + vertical-align: middle; +} + +.wpcf7 .wpcf7-submit:disabled { + cursor: not-allowed; +} +/* at the very least you must set these two display properties */ +/* this is so you can use CSS animations when toggling results */ + + +/* visual styles */ +.searchwp-live-search-results { + box-sizing: border-box; + -moz-box-sizing: border-box; + background: #fff; + -webkit-box-shadow: 0 0 2px 0 rgba(30,30,30,0.4); + box-shadow: 0 0 2px 0 rgba(30,30,30,0.4); + border-radius: 3px; + width: 315px; + min-height: 175px; + max-height: 300px; +} + +.searchwp-live-search-no-min-chars .spinner { + opacity: 0.3; +} + +.searchwp-live-search-result p { + font-size:0.9em; + padding:1em; + margin:0; + border-bottom:1px solid rgba(30,30,30,0.1); +} + +.searchwp-live-search-result--focused { + background: #DDD; +} + +.searchwp-live-search-result--focused a { + color: #000; +} + +.searchwp-live-search-result:last-of-type p { + border-bottom:0; +} + +.searchwp-live-search-result a { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +/* Bullet proof Screen Reader Only text */ +.searchwp-live-search-instructions { + border: 0 !important; + clip: rect(1px, 1px, 1px, 1px) !important; + -webkit-clip-path: inset(50%) !important; + clip-path: inset(50%) !important; + height: 1px !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + width: 1px !important; + white-space: nowrap !important; +} + +@keyframes searchwp-spinner-line-fade-more { + 0%, 100% { + opacity: 0; /* minimum opacity */ + } + 1% { + opacity: 1; + } +} + +@keyframes searchwp-spinner-line-fade-quick { + 0%, 39%, 100% { + opacity: 0.25; /* minimum opacity */ + } + 40% { + opacity: 1; + } +} + +@keyframes searchwp-spinner-line-fade-default { + 0%, 100% { + opacity: 0.22; /* minimum opacity */ + } + 1% { + opacity: 1; + } +} \ No newline at end of file diff --git a/teachmore/details.html b/teachmore/details.html new file mode 100644 index 0000000..d42dcd5 --- /dev/null +++ b/teachmore/details.html @@ -0,0 +1,330 @@ + + + + + + + + + + + + + + + + {{.Title}} + + + + + + + +
+ +
+ + + + + +
+ + +
+
+
+ + +
+ + +
+ + +
+ + +
+ + +
+ + + + + +
+ + +
+ + +
+ +
+
+ +
+ +
    +
  • {{.Views}} {{lang "views"}}
    • +
+
+ +

{{.Title}}

+
+
+ + +
+ + +
    +
  • {{timeFormat .PublishTime}}
    • + +
+
+
+ +
+ +
+ + +
+ +
+ + +
+ + +
+ +

{{.Article.Summary}}

+ {{range .Article.Topics}} +

{{.Topic}}

+ {{$tlen := len .Pictures}} + {{if ne $tlen 0}} + {{range .Pictures}} + + {{end}} + {{end}} +

{{.Content}}

+ {{end}} + +
+ +
+ {{ if .Prev }} +
+ {{lang "prev_article"}}:{{.Prev.Title}} +
+ {{ end }} + {{ if .Next }} +
+ {{lang "next_article"}}:{{.Next.Title}} +
+ {{ end }} +
+ + + + + + +
+ +
+ +
+ + + + +
+ + +
+ + {{$plen := len .PopularArticles}} + {{if ne $plen 0}} + + + {{end}} + +
+ + +
+ + +
+ + +
+ +
+ + + \ No newline at end of file diff --git a/teachmore/index.html b/teachmore/index.html new file mode 100644 index 0000000..11f584a --- /dev/null +++ b/teachmore/index.html @@ -0,0 +1,305 @@ + + + + + + + + + + + + + + + {{.Title}} + + + + + + + + +
+ +
+ + + + + +
+ + +
+ +
+ + +
+ + + + + + +
+ + + +
+ +
+ +
+ +
+ + +

{{lang "latest"}}

+
+ +
+ +
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+ + +
+ +
+ + +
+ {{ range .Articles }} +
+
+ + +
+
+
+
+ +
+
+ +
    +
  • {{timeFormat + .PublishTime}}
    • +
  • {{.Views}} {{lang + "views"}} +
    • +
+
+ +
+
+
+ +
+
+

{{.Title}}

+
    +
  • {{timeFormat .PublishTime}}
    • +
  • {{.Views}} {{lang "views"}}
    • +
+
+ +
+ {{.Summary}} +
+ +
+
+ +
+ +
+
+ {{end}} +
+ +
+ + + +
+ + +
+ + +
+ + + +
+ + +
+ + +
+ + + + + + + + +
+ + +
+ + + + \ No newline at end of file diff --git a/teachmore/policy.html b/teachmore/policy.html new file mode 100644 index 0000000..dd86d7b --- /dev/null +++ b/teachmore/policy.html @@ -0,0 +1,257 @@ + + + + + + + + + + + + + + + + {{.Title}} + + + + + + + +
+ +
+ + + + + +
+ + +
+
+
+ + +
+ + +
+ + +
+
+
+
+
+
+

{{ lang "policy"}}

+
+
+
+
+
+ {{.Policy}} +
+
+
+
+
+ +
+ + {{$plen := len .PopularArticles}} + {{if ne $plen 0}} + + + {{end}} + +
+ + +
+ + +
+ + +
+ +
+ + + \ No newline at end of file