/*
 Theme Name: Conversions Child
 Theme URI: https://example.com/
 Description: Child theme for Conversions
 Author: Bell Online Ltd
 Author URI: https://example.com/
 Template: conversions
 Version: 1.0
*/



@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@200..800&family=Outfit:wght@100..900&display=swap");

:root {
  --bs-info: #e3f0f6;
  --bs-font-size-base: 1rem;
}


body {
  font-family: "Outfit";
  line-height: 1.6;
}
h1 {
  font-family: "Manrope";
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 4px;
  text-transform: uppercase;
}

h2 {
  border-bottom: 4px solid #4da8c7;
  width: 100%;
  font-weight: 700;
  font-size: 24px;
  position: relative;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
}

h2,
h3,
h4,
h5 {
  font-family: "Bebas Neue";
}

h6 {
  font-family: "Outfit";
}

.wp-block-list li {
  margin-bottom: 8px;
}

.navbar {
  background: #f4e9d7;
  background: linear-gradient(
    90deg,
    rgba(244, 233, 215, 0.95) 0%,
    rgba(227, 240, 246, 0.95) 50%,
    rgba(248, 230, 239, 0.95) 100%
  );
  backdrop-filter: blur(10px);
}

.navbar a {
  text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff;
}

.wp-block-heading strong {
  color: #d65a91;
}

.top-message strong {
  color: #4da8c7 !important;
}

.top-message-sm strong {
  color: #fff !important;
}

.qi-block-button {
  font-weight: 300 !important;
}

.rounded-div {
  border-radius: 2rem;
}
.circle-div {
  border-radius: 999px;
  aspect-ratio: 1 / 1;
  padding: 2.5em 3em !important;
}

.width-auto {
  width: auto !important;
}

ul.fa-arrows {
  list-style: none;
  padding-left: 1.5em;
}

ul.fa-arrows li::before {
  font-family: "Font Awesome 7 Pro";
  content: "\f061";
  font-weight: 900;
  opacity: 0.25;
  display: inline-block;
  width: 1.2em;
  margin-left: -1.6em;
  margin-bottom: 0.25rem;
  color: inherit;
  margin-right: 0.4em;
}

ul.underline li {
  list-style-type: none;
  border-bottom: 1px solid #ddd;
  padding: 0.5rem;
}

ul.underline { padding-left: 0; }

.bg-colour {
  background: linear-gradient(
    90deg,
    rgba(244, 233, 215, 0.4) 0%,
    rgba(227, 240, 246, 0.4) 50%,
    rgba(248, 230, 239, 0.4) 100%
  );
}

.navbar-brand img {
  width: 100%;
  height: auto;
}

.radius-2 {
  border-radius: 2.5rem;
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-weight: bold;
  }
}

  .mobile-icon {
  //  width: 48px;
   // height: 48px;
    object-fit: contain;
    margin-left: 22px;
   // margin-bottom: -48px;
    border: 3px solid #ddd;
    background-color: #828fa6;
    padding: 4px;
    border-radius: 50%;
  }


@media (max-width: 768px) {
  .bg-colour {
    background: linear-gradient(
      180deg,
      rgba(244, 233, 215, 0.4) 0%,
      rgba(227, 240, 246, 0.4) 50%,
      rgba(248, 230, 239, 0.4) 100%
    );
  }
  .mobile-icon {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-left: 22px;
    margin-bottom: -12px;
  //  border: 3px solid #ddd;
  // background-color: #fff;
    padding: 4px;
    border-radius: 50%;
  }
}