/*
 Theme Name:   ITactics Child Theme
 Theme URI:    https://itactics.themerex.net/
 Description:  ITactics Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     itactics
 Version:      1.0.0
 Tested up to: 6.8
 Requires at least: 5.5
 Requires PHP: 7.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
 Text Domain:  itactics
*/


/* =Theme customization starts here
------------------------------------------------------------ */
/* New Fonts */
<style>
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
</style>

@font-face {
    font-family: 'Robeaugo';
    src: url('fonts/Robeaugo.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Robeaugo';
    src: url('fonts/Robeaugo-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Robeaugo';
    src: url('fonts/Robeaugo-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Robeaugo';
    src: url('fonts/Robeaugo-Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*  */
body{
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.main-heading h1, .main-heading .trx_addons_marquee_element span{
  font-family: 'Robeaugo';
  font-weight: 600;
  text-transform: lowercase !important;
}
/*.second-heading h1.elementor-heading-title, .second-heading h1.trx-addons-advanced-title span{
  font-family: 'Robeaugo';
  font-weight: 600;
}*/
.opacity-heading{
  opacity: 0.7;
}

.trx_addons_inline_1123042090 img.logo_image {
    max-height: 80px !important;
}

/* Dark Theme CSS */
/* Cosmic background ONLY for page-id-6772 */
/* GLOBAL Cosmic Background */
.cosmic-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  background: radial-gradient(
    ellipse at top,
    #001233 0%,
    #000814 50%,
    #000000 100%
  );
}

/* Rotating star layer */
.stars {
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  animation: rotateStars 180s linear infinite;
}

/* Individual stars */
.stars div {
  position: absolute;
  background: white;
  border-radius: 50%;
  opacity: 0.8;
  animation: twinkle 3s ease-in-out infinite;
}

/* Nebula effects */
.nebula {
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.35;
  animation: nebulaFloat 30s ease-in-out infinite;
}

.nebula-1 {
  background: #ff006e;
  top: -300px;
  right: -300px;
}

.nebula-2 {
  background: #8338ec;
  bottom: -300px;
  left: -300px;
}

.nebula-3 {
  background: #3a86ff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* KEYFRAMES */
@keyframes rotateStars {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes twinkle {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}

@keyframes nebulaFloat {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(40px, -30px);
  }
  100% {
    transform: translate(0, 0);
  }
}

/* Ensure content stays above background */
header,
main,
footer {
  position: relative;
  z-index: 1;
}


/* Main CSS */
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    color: #fff !important;
}
p, .post_content_inner{
  color:#dddae3 !important;
}
header .main-header #menu-main-menu li a.trx-addons-menu-link span{
    color:#fff !important;
}
.trx-addons-list-items{
  list-style: none;
}
.trx-addons-list-items li a span, .trx-addons-list-items li:hover a span{
  color:#fff !important;
}
/*.elementor-element-7f9d6f53 .elementor-heading-title .sc_item_animated_block, .elementor-element-3ed7080a .elementor-widget-container p, .elementor-widget-container p,  h3.trx-addons-posts-item-title a, h6.trx-addons-icon-list-text{
    color:#fff !important;
}*/
.elementor-element-08d6ba5{
    background: transparent !important;
}
.elementor-element-f77d80d h1.elementor-heading-title, .elementor-element-08d6ba5 h6.elementor-heading-title, .elementor-element-c068709 h6.elementor-heading-title, h1.trx-addons-advanced-title span:nth-child(1){
   color:#fff !important; 
}
.post_categories a, h6.post_title a, .trx-addons-posts-item-term a, h6.elementor-heading-title{
    color:#fff !important; 
}
.trx-addons-info-box-content .trx-addons-info-box-title-wrap h4.trx-addons-info-box-title{
     color:#fff !important; 
}
.elementor-element-26f8c23 .e-con-full.e-flex.sc_layouts_column_icons_position_left, .trx-addons-pricing-table{
     background-color: rgb(23 61 122 / 28%) !important;
}
/*.elementor-6772 .elementor-element.elementor-element-5e7362b9 .elementor-heading-title {
    font-size: 13.64vw !important;
  }*/
.elementor-2552 .elementor-element.elementor-element-b0aa667.trx-addons-ver-hamburger-menu .trx-addons-mobile-menu-outer-container, .elementor-2552 .elementor-element.elementor-element-cab41f1.trx-addons-ver-hamburger-menu .trx-addons-mobile-menu-outer-container {
    justify-content: start !important;
    padding-top: 50px !important;
}
/*.page-id-6772 header .sc_layouts_item.elementor-element.elementor-element-c0a2c8b .elementor-widget-container a:after{

}*/
/*.page-id-6772 header 
.sc_layouts_item.elementor-element.elementor-element-c0a2c8b 
.elementor-widget-container .logo_image, .page-id-6772 header .sc_layouts_item.elementor-element.elementor-element-18baa8d.sc_fly_static .elementor-widget-container .logo_image{
    display: none;
}*/
/*.page-id-6772 header 
.sc_layouts_item.elementor-element.elementor-element-c0a2c8b 
.elementor-widget-container a::after {
    content: "";
    display: inline-block;
    width: 170px; 
    height: 60px;  
    margin-left: 12px;   
    background-image: url("https://memtechawarstg.wpenginepowered.com/wp-content/uploads/2025/12/enaiblr-logo-white.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}*/
.elementor-element.elementor-element-11bad73{
    background-color: rgb(9 13 33 / 80%) !important;
}
/*.page-id-6772 header .sc_layouts_item.elementor-element.elementor-element-18baa8d.sc_fly_static .elementor-widget-container a::after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 35px;
    margin-left: 12px;
    background-image: url("https://memtechawarstg.wpenginepowered.com/wp-content/uploads/2025/12/enaiblr-logo-white.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}*/
header #menu-sticky-menu li a, .mf-input-label {
    color:#fff !important; 
}
.elementor-element-0efd84b.e-con-full .elementor-widget-container img{
    opacity: 1 !important;
}
.blog_mode_home .page_content_wrap, .single-post .page_content_wrap{
  padding-top:130px;
}

.comments_wrap, .author_info.author, .post_meta_info .post_meta_comments{
  display: none !important
}
.nav-links-single .nav-links .nav-arrow-label{
  color:#38b6ff !important;
}
.post_meta_info .post_date:after{
  display: none;
}
.contact-form label {
    color: #fff !important;
    display: flex;
}
.contact-form label span{
  color: red !important;
  font-size: 20px !important;
  padding-left: 7px;
}
.contact-form .cf-submit p input{
  background-color: #38b6ff !important;
  padding: 18px 40px 18px 40px !important;
  color: #fff !important;
  border-style: none !important;
  border-radius: 10px 10px 10px 10px !important;
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0) !important;
  transition:all 0.3s ease-in-out 0s;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}
.contact-form .cf-submit input:hover{
  background-color: #38b6ff !important;
  opacity: 0.8 !important;
}
.wpcf7-response-output {
    color: #fff !important;
}