/*
Theme Name: One Click Dark
Author: Custom conversion for the licensed template owner
Description: WordPress conversion of the One Click dark parallax HTML template. Includes flexible homepage sections, native menus, blog templates, Custom Logo and Site Icon support.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: one-click-dark
License: See LICENSE-NOTICE.txt
*/

/* WordPress integration layer. The original design CSS is in assets/css/. */
html { scroll-behavior: auto; }
body.admin-bar #menu-wrap { top: 32px; }
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; margin: -1px; overflow: hidden; padding: 0;
  position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
  background: #f1f1f1; clip: auto !important; clip-path: none; color: #21759b;
  display: block; font-size: 14px; height: auto; left: 5px; padding: 15px 23px 14px;
  top: 5px; width: auto; z-index: 100000;
}
.custom-logo-link { display: block; height: 100%; }
.custom-logo { display: block; height: auto; max-height: 50px; max-width: 190px; width: auto; }
.logo.oneclick-has-custom-logo { background: none !important; display: flex; align-items: center; }
.oneclick-site-name { color: #fff; font-family: 'Sifonn-Basic', 'OpenSans-Light-webfont', sans-serif; font-size: 16px; letter-spacing: 1px; line-height: 60px; text-transform: uppercase; white-space: nowrap; }
.oneclick-hero-slides,
.oneclick-hero-nav,
.oneclick-services-carousel,
.oneclick-services-nav,
.oneclick-contact-carousel,
.oneclick-contact-nav,
.oneclick-brands-carousel { display: block !important; }
.oneclick-hero-action { left: 0; margin-top: 105px; position: absolute; text-align: center; top: 50%; width: 100%; z-index: 120; }
.oneclick-hero-action a { border: 1px solid rgba(255,255,255,.8); color: #fff; display: inline-block; font-family: 'Lato', sans-serif; font-size: 11px; letter-spacing: 2px; padding: 12px 20px; text-transform: uppercase; }
.oneclick-hero-action a:hover { background: #cfa144; border-color: #cfa144; }
.oneclick-hero-slides .item { display: block; min-height: 100%; position: relative; width: 100%; }
.oneclick-hero-nav { bottom: 50px; left: 50%; margin-left: -110px; position: absolute; width: 220px; z-index: 200; }
.oneclick-hero-nav .item { background: rgba(255,255,255,.1); border: 1px solid #fff; cursor: pointer; height: 3px; margin: 0 auto; max-width: 40px; text-align: center; transition: all .2s ease-out; }
.oneclick-hero-nav .synced .item { background: #cfa144; border-color: #cfa144; }
.oneclick-carousel-fallback { overflow: hidden; }
.oneclick-nav-fallback { align-items: center; justify-content: center; }
.oneclick-hero-nav.oneclick-nav-fallback { gap: 24px; }
.oneclick-about-image { margin: 30px auto; max-width: 900px; text-align: center; }
.oneclick-about-image img { height: auto; max-width: 100%; }
.oneclick-parallax-section,
.oneclick-stats,
.oneclick-cta { isolation: isolate; overflow: hidden; padding-bottom: 120px; padding-top: 120px; position: relative; z-index: 0; }
.oneclick-parallax-section .container,
.oneclick-stats .container,
.oneclick-cta .container { position: relative; z-index: 2; }
.oneclick-parallax-bg { inset: 0; position: absolute; width: 100%; }
.oneclick-parallax-section { min-height: 180px; }
.oneclick-parallax-section .twit { text-align: center; }
.oneclick-parallax-section h3,
.oneclick-parallax-section p { color: #fff; }
.oneclick-filter ul { text-align: center; }
.oneclick-filter li { display: inline-block; margin: 0 8px 30px; }
.oneclick-filter a { color: #777; text-transform: uppercase; }
.oneclick-filter a.current { color: #cfa144; }
.oneclick-portfolio-grid { align-content: flex-start; display: flex; flex-wrap: wrap; width: 100%; }
.oneclick-portfolio-grid .portfolio-box { float: none; }
.oneclick-logos { background: #242424; overflow: hidden; padding: 50px 0; position: relative; z-index: 2; }
.oneclick-brands-carousel { margin: 0 auto; overflow: hidden; position: relative; text-align: center; width: 100%; }
.oneclick-brands-carousel li img { display: block; height: 65px; margin: 0 auto; object-fit: contain; width: 100px; }
.oneclick-stats .facts-wrap-num { color: #cfa144; }
.oneclick-pricing-section { background: #242424; overflow: hidden; padding-bottom: 80px; position: relative; z-index: 2; }
.oneclick-pricing-section .subsection-top { padding-top: 0; }
.oneclick-cta { text-align: center; }
.oneclick-cta h3 { color: #fff; text-align: center; }
.oneclick-cta p { color: #f1f1f1; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2px; line-height: 12px; padding-bottom: 5px; text-align: center; text-transform: uppercase; }
.oneclick-cta .cl-effect-12 a { background: rgba(255,255,255,.9); border-radius: 3px; display: inline-block; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 700; height: 50px; letter-spacing: 3px; line-height: 50px; margin: 0 25px; text-align: center; text-transform: uppercase; width: 180px; }
.oneclick-services-carousel .services-icon { color: #cfa144; font-family: FontAwesome; font-size: 46px; line-height: 1; margin-bottom: 18px; }
.oneclick-services-carousel .item { display: block; margin: 0 auto; position: relative; width: 100%; }
.oneclick-services-nav { bottom: 10px; left: 50%; margin-left: -55px; position: absolute; width: 110px; z-index: 200; }
.oneclick-services-nav .item { background: rgba(32,32,32,.1); border: 1px solid #323232; cursor: pointer; height: 3px; margin: 0 auto; max-width: 40px; text-align: center; transition: all .2s ease-out; }
.oneclick-services-nav .synced .item { background: #cfa144; border-color: #cfa144; }
.oneclick-map { background: #222; min-height: 440px; }
.oneclick-contact-carousel .item { display: block; margin: 0 auto; padding-bottom: 120px; position: relative; width: 100%; }
.oneclick-contact-carousel .item h3 { font-size: 200%; letter-spacing: 3px; text-align: center; }
.oneclick-contact-carousel .item p { color: #909090; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2px; line-height: 12px; text-align: center; text-transform: uppercase; }
.oneclick-contact-nav { bottom: 10px; left: 50%; margin-left: -105px; position: absolute; width: 210px; z-index: 200; }
.oneclick-contact-nav .item { border-top: 1px solid #242424; cursor: pointer; height: 60px; margin: 0 auto; padding-top: 25px; position: relative; text-align: center; transition: all 300ms linear; width: 60px; }
.oneclick-contact-nav .synced .item,
.oneclick-contact-nav .item:hover { background: url('assets/images/arrow-up.png') no-repeat top center; }
.oneclick-contact-form { color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; margin: 0 auto; text-align: left; text-transform: uppercase; width: 100%; }
.oneclick-contact-form label { display: block; font-family: 'Lato', sans-serif; font-size: 12px; line-height: 12px; padding-bottom: 10px; }
.oneclick-contact-form input:not(.screen-reader-text),
.oneclick-contact-form textarea { background: #272727; border: 0; color: #f1f1f1; font-family: 'Lato', sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 15px; outline: 1px solid #242424; padding: 10px 2%; width: 96%; }
.oneclick-contact-form textarea { height: 120px; }
.oneclick-contact-form button { background: #272727; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; line-height: 22px; text-align: center; text-transform: uppercase; }
.oneclick-contact-form button:hover { background: #313131; }
.oneclick-contact-link { color: inherit; }
.oneclick-footer-menu ul { margin: 12px 0; text-align: center; }
.oneclick-footer-menu li { display: inline-block; margin: 0 8px; }
.oneclick-footer-menu a { color: #aaa; font-size: 11px; text-transform: uppercase; }
.oneclick-section-image img,
.oneclick-content img { height: auto; max-width: 100%; }
.oneclick-page-shell { background: #f4f4f4; min-height: 55vh; padding: 150px 0 90px; }
.oneclick-page-shell article { color: #555; }
.oneclick-page-shell h1,
.oneclick-page-shell h2,
.oneclick-page-shell h3 { color: #2b2b2b; }
.oneclick-page-shell a { color: #cfa144; }
.oneclick-page-shell .entry-meta { color: #888; font-size: 12px; margin: 10px 0 30px; text-transform: uppercase; }
.oneclick-page-shell .post-thumbnail { display: block; margin: 0 0 30px; }
.oneclick-page-shell .navigation { clear: both; padding-top: 35px; }
.oneclick-page-shell .nav-links { display: flex; justify-content: space-between; gap: 20px; }
.oneclick-blog-card-empty { color: #777; padding: 40px; text-align: center; width: 100%; }
.oneclick-contact-notice { display: none; margin: 20px 0; text-align: center; }
.oneclick-contact-notice.is-visible { display: block; }
.oneclick-map-frame { border: 0; display: block; height: 100%; min-height: 440px; width: 100%; }
.oneclick-contact-map { min-height: 560px; padding-bottom: 120px !important; }
.oneclick-contact-map .oneclick-map-frame { height: 440px; }
.oneclick-blog-placeholder a { cursor: default; }
.oneclick-reveal-pending { opacity: 0; transform: translate3d(var(--oneclick-reveal-x), var(--oneclick-reveal-y), 0); transition: opacity var(--oneclick-reveal-duration) ease, transform var(--oneclick-reveal-duration) ease; }
.oneclick-reveal-pending.oneclick-revealed { opacity: 1; transform: translate3d(0, 0, 0); }
.oneclick-menu-toggle { background: transparent; border: 0; cursor: pointer; display: none; height: 44px; padding: 10px; position: absolute; right: 20px; top: 8px; width: 48px; z-index: 10; }
.oneclick-menu-toggle span { background: #fff; display: block; height: 2px; margin: 5px 0; width: 27px; }
.oneclick-rich-text { color: #777; font-family: 'OpenSans-Light-webfont'; font-size: 16px; line-height: 26px; }
.oneclick-rich-text p { margin-bottom: 18px; }
.oneclick-button-disabled { cursor: default; opacity: .65; }
.oneclick-pagination { clear: both; padding: 35px 0; text-align: center; }
.oneclick-pagination .page-numbers { margin: 0 6px; }
@media screen and (max-width: 782px) {
  body.admin-bar #menu-wrap { top: 46px; }
}
@media screen and (max-width: 800px) {
  .oneclick-menu-toggle { display: block; }
  #menu-wrap ul.slimmenu { background: #151515; left: 0; position: absolute; top: 60px; width: 100%; }
  #menu-wrap ul.slimmenu > li { border-bottom: 1px solid rgba(255,255,255,.08); display: block; float: none; width: 100%; }
  #menu-wrap ul.slimmenu > li > a { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  .oneclick-reveal-pending { opacity: 1; transform: none; transition: none; }
}