.elementor-380 .elementor-element.elementor-element-5ecf2777{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-380 .elementor-element.elementor-element-5ecf2777:not(.elementor-motion-effects-element-type-background), .elementor-380 .elementor-element.elementor-element-5ecf2777 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-06d8870 );background-image:url("https://tracemaven.com/wp-content/uploads/2026/04/tutorial2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-380 .elementor-element.elementor-element-5ecf2777::before, .elementor-380 .elementor-element.elementor-element-5ecf2777 > .elementor-background-video-container::before, .elementor-380 .elementor-element.elementor-element-5ecf2777 > .e-con-inner > .elementor-background-video-container::before, .elementor-380 .elementor-element.elementor-element-5ecf2777 > .elementor-background-slideshow::before, .elementor-380 .elementor-element.elementor-element-5ecf2777 > .e-con-inner > .elementor-background-slideshow::before, .elementor-380 .elementor-element.elementor-element-5ecf2777 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#080C1A;--background-overlay:'';}.elementor-380 .elementor-element.elementor-element-93a5598{margin:130px 0px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-380 .elementor-element.elementor-element-93a5598.elementor-element{--align-self:center;}.elementor-380 .elementor-element.elementor-element-93a5598 .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:80px;color:var( --e-global-color-81615f4 );}.elementor-380 .elementor-element.elementor-element-a95ff41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:21px;color:var( --e-global-color-5081fd0 );}.elementor-380 .elementor-element.elementor-element-a95ff41.elementor-element{--align-self:center;}.elementor-380 .elementor-element.elementor-element-356c7488{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-380 .elementor-element.elementor-element-356c7488.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-380 .elementor-element.elementor-element-1cc5ca3{--grid-row-gap:35px;margin:40px 40px calc(var(--kit-widget-spacing, 0px) + 60px) 40px;padding:0px 0px 0px 0px;border-style:none;--grid-column-gap:30px;}.elementor-380 .elementor-element.elementor-element-1cc5ca3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-380 .elementor-element.elementor-element-1cc5ca3:after{content:"0.66";}.elementor-380 .elementor-element.elementor-element-1cc5ca3 .elementor-post__thumbnail__link{width:100%;}.elementor-380 .elementor-element.elementor-element-1cc5ca3 .elementor-post__meta-data span + span:before{content:" | ";}.elementor-380 .elementor-element.elementor-element-1cc5ca3.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-380 .elementor-element.elementor-element-1cc5ca3.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-380 .elementor-element.elementor-element-1cc5ca3.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:1024px){.elementor-380 .elementor-element.elementor-element-93a5598 .elementor-heading-title{font-size:65px;}.elementor-380 .elementor-element.elementor-element-356c7488{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-380 .elementor-element.elementor-element-93a5598{margin:24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-380 .elementor-element.elementor-element-93a5598 .elementor-heading-title{font-size:60px;line-height:1em;}.elementor-380 .elementor-element.elementor-element-a95ff41{font-size:18px;}.elementor-380 .elementor-element.elementor-element-356c7488{--width:380px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:-42px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-380 .elementor-element.elementor-element-1cc5ca3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-380 .elementor-element.elementor-element-1cc5ca3:after{content:"0.5";}.elementor-380 .elementor-element.elementor-element-1cc5ca3 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for archive-posts, class: .elementor-element-1cc5ca3 *//* ── TUTORIAL CARD REFINEMENTS ───────────────────────────── */

/* Card container */
article.elementor-post.elementor-grid-item {
  background-color: #1A1D30 !important;
  border: 1px solid #2A2D45 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4),
              0 0 0 1px rgba(214, 58, 255, 0.04) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease,
              border-color 0.25s ease !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Card hover */
article.elementor-post.elementor-grid-item:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(214, 58, 255, 0.3) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5),
              0 0 20px rgba(214, 58, 255, 0.12) !important;
}

/* Card text area padding */
.elementor-post__text {
  padding: 14px 18px 0 18px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

/* Title */
.elementor-post__title {
  min-height: 60px !important;
  margin-bottom: 10px !important;
}

.elementor-post__title a {
  color: #D63AFF !important;
}

.elementor-post__title a:hover {
  color: #FFFFFF !important;
}

/* Date — move to bottom, muted color */
.elementor-post__meta-data {
  order: 10 !important;
  margin-top: auto !important;
  padding: 8px 18px 16px !important;
  font-size: 0.78rem !important;
  color: #C8C8E0 !important;
}

.elementor-post__meta-data * {
  color: #C8C8E0 !important;
}

/* Excerpt */
.elementor-post__excerpt p {
  font-size: 0.88rem !important;
  line-height: 1.7 !important;
  color: #C8C8E0 !important;
  margin-top: 6px !important;
  margin-bottom: 12px !important;
}

/* Read More */
a.elementor-post__read-more {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #D63AFF !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 8px !important;
}

a.elementor-post__read-more::after {
  content: '→' !important;
}

a.elementor-post__read-more:hover {
  opacity: 0.8 !important;
  color: #D63AFF !important;
}

/* Hide author */
.elementor-post-author-wrapper {
  display: none !important;
}
.elementor-post__meta-data {
  padding-left: 0 !important;
}/* End custom CSS */