*{
    font-family: "Radio Canada Big";
}

.btn-success.custom-thin {
  background-image: linear-gradient(135deg, #16a34a, #22c55e, #a3e635);
  color: #ffffff !important;
  border-radius: 999px;
  padding-inline: 1.25rem;
  padding-block: 0.4rem;
  border: 1px solid rgba(34, 197, 94, 0.7);
  box-shadow: 0 8px 20px rgba(34, 197, 94, 0.55);
  font-weight: 500 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.btn-success.custom-thin:hover {
  background-image: linear-gradient(135deg, #42c01f, #087b32, #0e1403);
  color: #fff !important;
}

.craftaitopbar-inner
{
  max-width: 860px;
}

.my-featured-img img
{
    width: 100%; margin-bottom:25px
}

a.x1321:link, a.x1321:visited
{
    text-decoration: none;
    color: #111
}

a.x1321:hover
{
    text-decoration: underline;
}


.random-post p
{
    color:#555;
    font-weight: 300;
}

.craftaitopbar
{
    background: #d9d9d9
}

.hero-area {
    background: url('https://postcraftai.com/img/grad4.svg');
    background-size: cover;
    height: 20vh;
    min-height: 450px;
    width: 100%;
    color: white; 
}


.manage-span
{
    color: rgb(43 168 39);
    font-weight: 500;
    font-family: "Delius Swash Caps";
 
 
}


.overlay-section {
    background-color:rgba(255, 255, 255, 0.155);
    height: 100%;
    width: 100%
}

.hero-area h1{
    font-family: "Roboto";
    font-weight: 700;
    font-size: 3.95em;
    line-height: 1.0em;;
    background: linear-gradient(to right, #5c002f, #57001d, #28006d, #004479, #003e46, #003a02, #1d2000, #513200, #1e0700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#sub-heading-1231
{
    max-width: 750px;
    margin: auto;
    font-size: 1.1em;
    font-weight: 200;
    color: #053f22;
    line-height: 26px;
}

.xcd123H1 {
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 3.55em;
    line-height: 1.0em;;
    color:  #111
}

.hero-area .lead
{
    color:#444;
    font-size:1.6em;
    font-weight: 600;
}

.btn
{
    border-radius: 35px;
    padding-left: 40px;
    padding-right: 40px;

}

.btn-primary
{
    border-width: 4px;
    border-color: rgb(137, 181, 226);
}


#footer-area-main
{
    background: linear-gradient(135deg, #022c22 0%, #011c03 40%, #023729 100%);
    background-size: cover;
    min-height:255px;
 
    padding-top: 85px;
    padding-bottom:155px
}

.footer-h2-logo
{
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    margin-bottom:25px
}

#footer-area-main ul
{
    list-style-type: none;
    padding:0;
    margin:0
}

#footer-area-main ul li
{
    display:block;
    margin-bottom:6px;
    padding-bottom:0
}

#footer-area-main ul li a:link, #footer-area-main ul li a:visited
{
    color: white;
    text-decoration: none;
    font-weight: 300;
}

#footer-area-main h3 
{
    color: white;
    font-size:1.3em;
    margin-bottom:25px
}


.card-bgs {
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
}


.mytitle1
{
    font-family: "Radio Canada Big";
    font-weight: 700;
    font-size: 1.95em;
    line-height: 1.0em;
    background: linear-gradient(to right, #5c002f, #57001d, #28006d, #004479, #003e46, #003a02, #1d2000, #513200, #1e0700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.mytitle2
{
    font-family: "Radio Canada Big";
    font-weight: 700;
    font-size: 2.95em;
    line-height: 1.0em;
    background: linear-gradient(to right, #5c002f, #57001d, #28006d, #004479, #003e46, #003a02, #1d2000, #513200, #1e0700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-control
{
    padding:10px;
    border:4px solid #b6bfff;
}



.page-item ol li
{
    margin-bottom:10px
}

.page-item ol
{
    margin-bottom: 25px
}

.wp-block-heading
{
    margin-bottom:25px;
}


@media only screen and (max-width: 600px) 
{
    .hero-area h1
    {
        font-size:2.94em
    }

    .xcd123H1
    {
        font-size: 1.90em
    }

    .lead
    {
        font-size:1.05rem
    } 

    .mytitle2
    {
        font-size: 1.95em;
    }

}

@media only screen and (min-width: 800px) {




    .navnav-123 li
    {
        margin-left:3px;
        margin-right: 3px
    }

    .padding-5
    {
        padding:45px
    }

    .form-control
{
    padding:15px
}

.register-free-btn
{
    color: #095f1d;
    background: #6dcd04;
    border-radius: 27px;
    padding: 6px 14px !important;
}

.register-free-btn:hover
{
    color: white;
    background: #7cb73d
}

}



/* Make the navbar float above everything and stay on scroll */
.craftaitopbar {
  position: fixed;              /* stays visible while scrolling */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1080;                /* above sliders/hero etc */
  background: transparent;      /* card inside will be white */
  padding: 0.75rem 0;
}

/* The inner container is the white rounded card */
.craftaitopbar-inner {
  background-color: #ffffff;
  border-radius: 999px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
  padding-inline: 1rem;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  padding:6px;
  border:1px solid #dedede
}

/* Optional subtle hover “lift” */
.craftaitopbar-inner:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.22);
}

/* Brand & links */
.craftaitopbar .navbar-brand {
  font-weight: 800;
  letter-spacing: 0.02em;
}

.craftaitopbar .navbar-nav .nav-link {
  font-weight: 500;
  padding-inline: 0.75rem;
}

/* CTA button */
.craftaitopbar .register-free-btn {
  background: #0d6efd;
  color: #ffffff !important;
  border-radius: 999px;
  padding-inline: 1.25rem;
  padding-block: 0.4rem;
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 20px rgba(13, 110, 253, 0.45);
}

.craftaitopbar .register-free-btn:hover {
  background: #0b5ed7;
  box-shadow: 0 10px 26px rgba(13, 110, 253, 0.6);
}

/* Mobile adjustments */
@media (max-width: 991.98px) {
  .craftaitopbar {
    padding: 0.5rem 0;
  }

  .craftaitopbar-inner {
    border-radius: 1.25rem;      /* more card-like on mobile */
    padding-inline: 0.75rem;
    padding-block: 0.5rem;
  }

  .craftaitopbar .navbar-collapse {
    padding-top: 0.5rem;
  }

  .craftaitopbar .navbar-nav {
    margin-top: 0.25rem;
    gap: 0.25rem;
  }

  .craftaitopbar .navbar-nav .nav-link {
    padding-inline: 0.5rem;
  }

  /* Full-width CTA on mobile */
  .craftaitopbar .register-free-btn {
    width: 100%;
    text-align: center;
    margin-top: 0.25rem;
  }
}

 
@media (max-width: 991.98px) {
  body {
        /* slightly smaller on mobile */
  }
}



.craftaitopbar .register-free-btn {
  background-image: linear-gradient(135deg, #16a34a, #22c55e, #a3e635);
  color: #ffffff !important;
  border-radius: 999px;
  padding-inline: 1.25rem;
  padding-block: 0.4rem;
  border: 1px solid rgba(34, 197, 94, 0.7);
  box-shadow: 0 8px 20px rgba(34, 197, 94, 0.55);
  font-weight: 600;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.craftaitopbar .register-free-btn:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(22, 163, 74, 0.7);
  text-decoration: none;
  background: rgb(79, 210, 9)
}

.craftaitopbar .register-free-btn:active {
  transform: translateY(0);
  box-shadow: 0 4px 14px rgba(22, 163, 74, 0.6);
}

.craftaitopbar .register-free-btn:focus-visible {
  outline: 2px solid #bbf7d0;
  outline-offset: 2px;
}