/*
Theme Name: AnLoMinus
Theme URI: https://AnLoMinus.com/
Author: AnLoMinus
Author URI: https://www.AnLoMinus.com
Description: AnLoMinus based AnLoMinus is a Fast & lightweight Block Based Full Site Editing WordPress Theme. With FSE, users can create custom templates for different pages or sections of the site, as well as use widgets and other design elements to control the appearance and layout of the site. We believe it will revolutionize the way you create and customize your WordPress site. With AnLoMinus you’ll have access to a range of pre-designed templates and custom block patterns, making it easy to create stunning pages and posts without any coding knowledge.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.1
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
WordPress Available:  yes
Requires License:     no
Text Domain: anlominus
Tags: full-site-editing, block-patterns, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
  --borderWidth: 3px;
  background: #1d1f2075;
  position: relative;
  border-radius: var(--borderWidth);
}

body:after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(
    60deg,
    #f7953350,
    #f3705550,
    #ef4e7b50,
    #a166ab50,
    #5073b850,
    #1098ad50,
    #07b39b50,
    #6fba8250
  );
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 9s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}
:root {
  --wp--custom--core-button--spacing--padding--left: 40px;
  --wp--custom--core-button--spacing--padding--right: 8px;
  --wp--custom--core-button--spacing--padding--top: 8px;
  --wp--custom--core-button--spacing--padding--bottom: 10px;
  --wp--custom--core-button--color: var(--wp--preset--color--white);
  --wp--custom--core-button--color--background: var(
    --wp--preset--color--primary
  );
  --wp--custom--core-button--color-hover: var(--wp--preset--color--primary);
  --wp--custom--core-button--color--background-hover: var(
    --wp--preset--color--secondary
  );
  --wp--custom--core-button--box-sizing: border-box;
  --wp--custom--core-button--word-break: border-box;
  --wp--custom--core-button--text-align: center;
  --wp--custom--core-button--border-radius--top-left: 0;
  --wp--custom--core-button--border-radius--top-right: 0;
  --wp--custom--core-button--border-radius--bottom-left: 0;
  --wp--custom--core-button--border-radius--bottom-right: 0;
  --wp--custom--core-button--typography--font-size: var(
    --wp--preset--font-size--small
  );
  --wp--custom--core-button--typography--font-weight: 500;
  --wp--custom--core-button--line-height: 1.7;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

header p a,
footer p a {
  text-decoration: none;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
  text-decoration-style: dashed;
}

a:active {
  text-decoration: none;
}

.editor-styles-wrapper .wp-site-blocks > * + *,
.editor-styles-wrapper .wp-site-blocks > * + * + *,
.wp-site-blocks > * + *,
.wp-site-blocks > * + * + * {
  margin: 0;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
  text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
  background-color: var(--wp--preset--color--primary);
  border-radius: 0;
  border: none;
  color: var(--wp--preset--color--background);
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
  opacity: 0.9;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
  padding-top: var(--wp--custom--spacing--outer);
  padding-bottom: var(--wp--custom--spacing--large);
  padding-right: var(--wp--custom--spacing--outer);
  padding-left: var(--wp--custom--spacing--outer);
}

/*image border style*/
.wp-block-image.is-style-anlominus-border img {
  border: calc(3 * 1px) solid var(--wp--preset--color--accent);
}
/*tag style*/
.taxonomy-post_tag.wp-block-post-terms a {
  padding: 5px 10px;
  margin-right: 10px;
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--black);
  border-radius: 4px;
  font-size: var(--wp--preset--font-size--tiny);
}

.taxonomy-post_tag.wp-block-post-terms span {
  display: none;
}

/*
 * Link Styles
 */

a:not(.wp-block-search__button, .wp-block-button__link) {
  text-underline-offset: 0.1rem;
}

a:not(.wp-block-search__button, .wp-block-button__link):focus {
  text-decoration: underline;
  text-decoration-style: dotted;
}

/* Header */
.wp-container-6 {
  /*     background: linear-gradient(0deg, #ffc28d24, #7e0fff11); */
  background-image: linear-gradient(
    76deg,
    #f17b8510,
    #f7939310 15%,
    #fee4a510 45%,
    #9ae8b010 65%,
    #5ba5d010 90%,
    #9078d010
  );
  box-shadow: 0 0 18px 1px #ffe68d inset, 0 0 18px 1px #e4ff8d;
}

/* Header - Hover*/
.wp-container-6:hover {
  background-image: linear-gradient(
    135deg,
    #f17b8520,
    #f7939320 15%,
    #fee4a520 45%,
    #9ae8b020 65%,
    #5ba5d020 90%,
    #9078d020
  );
  box-shadow: 0 0 18px 4px #ffe68d inset, 0 0 18px 4px #fff68d;
}

/* ##############################################################################
  */

/*  Search Block */
.wp-block-search__input {
  color: #ffe68d;
  color: #ffc28d;
  text-align: center;
  text-decoration: unset !important;
  font-size: 2.5em;
  padding: 3px;
  flex-grow: 1;
  margin-left: 0;
  margin-right: 0;
  min-width: 3em;
  background-color: #0f1729;
  animation: textColor 3s ease infinite;
  transition: color 3s;
  background: linear-gradient(180deg, #ffc28d24, #7e0fff11);
  width: var(--card-width);
  height: var(--card-height);
  cursor: persian;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid #949494;
}

/* Search Block - Hover */
.wp-block-search__input:hover {
  transform: scale(1);
  background: linear-gradient(270deg, #0fffc111, #7e0fff11);
  animation: animateGlow 3s ease infinite;
  background-image: linear-gradient(
    122deg,
    #f17b8510,
    #f7939310 15%,
    #fee4a510 45%,
    #9ae8b010 65%,
    #5ba5d010 90%,
    #9078d010
  );
}

/* Navigation Block */
.wp-block-navigation .wp-block-navigation-item {
  z-index: 1;
  display: flex;
  align-items: center;
  position: relative;
  border: 4px double #978b63;
  border-radius: 18px;
  padding: 7px;
  margin: 1px;
  background-color: #63604f;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  color: #ffe68d;
  text-align: center;
  opacity: 0.95;
}

/* Navigation Block - Hover */
.wp-block-navigation
  .wp-block-navigation-item:hover
  .wp-block-pages-list__item:hover {
  content: "";
  border: #ffe68d double 4px;
  opacity: 1;
  transition-duration: 0.9s;
  transition-property: opacity;
  box-shadow: 0 0 40px 40px #ffe18d24 inset;
  color: #fff68d;
  box-shadow: 0 0 10px 1px #ffe68d inset, 0 0 24px 7px #fff68d;
}

/* Navigation SubMenu */
.wp-block-navigation:not(.has-background)
  .wp-block-navigation__submenu-container {
  background-color: #a5ff0000;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center;
}

@keyframes lights {
  0% {
    color: hsl(230, 40%, 80%);
    text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2),
      0 0 0.125em hsla(320, 100%, 60%, 0.3),
      -1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
      1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
  }

  30% {
    color: hsl(230, 80%, 90%);
    text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5),
      0 0 0.125em hsla(320, 100%, 60%, 0.5),
      -0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
      0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
  }

  40% {
    color: hsl(230, 100%, 95%);
    text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5),
      0 0 0.125em hsla(320, 100%, 90%, 0.5),
      -0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2),
      0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4);
  }

  70% {
    color: hsl(230, 80%, 90%);
    text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5),
      0 0 0.125em hsla(320, 100%, 60%, 0.5),
      0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
      -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
  }

  100% {
    color: hsl(230, 40%, 80%);
    text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2),
      0 0 0.125em hsla(320, 100%, 60%, 0.3),
      1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
      -1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
  }
}

#City-Nights-Text-Effect {
  text-align: center;
  margin: auto;
  font-size: 3.5rem;
  font-weight: 300;
  animation: lights 5s 750ms linear infinite;
}