/*
    Theme Name: Noryx
    Theme URI: http://themexriver.com/wp/noryx
    Author: themexriver
    Author URI: http://themexriver.com/
    Description: Noryx - Digital Agency WordPress Theme
    Version: 1.0
    Tested up to: 8.2
    Requires PHP: 8.0
    License: GNU General Public License v2 or later
    License URI: LICENSE
    Text Domain: noryx
    Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* AT Global blog featured image fit fix */
.single-post #sn-b-thumbnail {
  background: transparent !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.single-post #sn-b-thumbnail .b-thumbnail {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.single-post #sn-b-thumbnail .b-thumbnail img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
}
.single-post #sn-b-thumbnail .b-thumbnail h3,
.single-post #sn-b-thumbnail .b-thumb-meta {
  display: none !important;
}
@media (max-width: 767px) {
  .single-post #sn-b-thumbnail .b-thumbnail img { width: 100% !important; height: auto !important; }
}

/* AT Global hero: replace the portrait artwork with an animated digital transformation visual. */
html body.page-id-1826 #nx-hero1 #nx_hero_anim {
  left: auto !important;
  right: 9% !important;
  top: 50% !important;
  bottom: auto !important;
  width: clamp(280px, 35vw, 510px) !important;
  height: clamp(280px, 35vw, 510px) !important;
  overflow: visible !important;
  translate: 0 -50% !important;
  transform: none !important;
  z-index: 2 !important;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, rgba(0, 186, 230, .15), rgba(0, 35, 67, .2) 48%, transparent 72%);
}
html body.page-id-1826 #nx-hero1 #nx_hero_anim > img,
html body.page-id-1826 #nx-hero1 #nx_hero_anim > canvas {
  display: none !important;
}
html body.page-id-1826 #nx-hero1 #nx_hero_anim::before {
  content: "";
  position: absolute;
  inset: 9%;
  border: 1px solid rgba(41, 211, 255, .42);
  border-radius: 50%;
  box-shadow: 0 0 35px rgba(0, 183, 230, .22), inset 0 0 42px rgba(0, 183, 230, .12);
  animation: atg-orbit 18s linear infinite;
  background: repeating-conic-gradient(from 0deg, transparent 0 17deg, rgba(55, 215, 255, .42) 17.2deg 17.5deg, transparent 17.8deg 30deg);
  mask: radial-gradient(transparent 0 56%, #000 57% 58%, transparent 59%);
}
html body.page-id-1826 #nx-hero1 #nx_hero_anim::after {
  content: "DIGITAL\\A TRANSFORMATION";
  white-space: pre;
  position: absolute;
  inset: 26%;
  display: grid;
  place-content: center;
  border: 1px solid rgba(0, 200, 238, .5);
  border-radius: 50%;
  color: #fff;
  font: 700 clamp(14px, 1.5vw, 21px)/1.45 inherit;
  letter-spacing: .08em;
  text-align: center;
  text-shadow: 0 0 14px rgba(21, 205, 255, .85);
  background: radial-gradient(circle, rgba(0, 188, 225, .22), rgba(0, 14, 30, .9) 68%);
  box-shadow: 0 0 38px rgba(0, 183, 230, .24);
  animation: atg-pulse 3.6s ease-in-out infinite;
}
@keyframes atg-orbit { to { transform: rotate(360deg); } }
@keyframes atg-pulse { 50% { transform: scale(1.045); box-shadow: 0 0 60px rgba(0, 202, 255, .42); } }
@media (max-width: 767px) {
  html body.page-id-1826 #nx-hero1 #nx_hero_anim {
    right: 50% !important;
    top: auto !important;
    bottom: 6% !important;
    width: min(58vw, 280px) !important;
    height: min(58vw, 280px) !important;
    translate: 50% 0 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body.page-id-1826 #nx-hero1 #nx_hero_anim::before,
  html body.page-id-1826 #nx-hero1 #nx_hero_anim::after { animation: none !important; }
}