/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* -----------------------------------------------------------------------------
 * --- Custom fonts
 * -------------------------------------------------------------------------- */

@font-face {
  font-family: 'Espera';
  src: local('Espera Regular'),
         url('/wp-content/themes/kadence-child/assets/fonts/espera-reg.woff2')
      format('woff');
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: swap;
}

@font-face {
  font-family: 'Espera';
  src: local('Espera Bold'),
         url('/wp-content/themes/kadence-child/assets/fonts/espera-bold.woff2')
      format('woff');
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: local('Roboto Regular'),
         url('/wp-content/themes/kadence-child/assets/fonts/Roboto-Regular-webfont.woff')
      format('woff');
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: local('Roboto Bold'),
         url('/wp-content/themes/kadence-child/assets/fonts/Roboto-Bold-webfont.woff')
      format('woff');
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  font-display: swap;
}


/* -----------------------------------------------------------------------------
 * --- Misc.
 * -------------------------------------------------------------------------- */

.custom-full-height {
  min-height: calc(100vh - var(--wp-admin-bar-height, 0px));
  height: 100dvh;
  overflow: hidden; /* prevent extra scrolling */
}

/* Handle WordPress admin bar */
@media (min-width: 782px) {
  body.admin-bar .custom-full-height {
    --wp-admin-bar-height: 32px; /* Height of WP admin bar for desktop */
  }
}

@media (max-width: 781px) {
  body.admin-bar .custom-full-height {
    --wp-admin-bar-height: 46px; /* Height of WP admin bar for mobile */
  }
}


/* -----------------------------------------------------------------------------
 * --- Apply some styling to the "red, studded" banner
 * -------------------------------------------------------------------------- */
.angled-banner {
  /* Apply a slight scale to overlap the edge of the banner,
   * to hide the gap introduced by the rotaion */
  transform: rotate(-1deg) scale(1.05);
  transform-origin: center;
}

.angled-banner h2 {
  text-wrap: balance;
}


/* -----------------------------------------------------------------------------
 * --- Add a graphic underline, to headings with the .underline class
 * -------------------------------------------------------------------------- */
.underline {
  position: relative;
  display: inline;
}

.underline span {
  display: inline;
  position: relative;
  white-space: pre-wrap; /* Preserve spaces and allow wrapping */
}

.underline span::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px; /* Height of the underline image */
  background-image: url('/wp-content/uploads/2024/11/underline.png');
  background-repeat: repeat-x;
  background-size: auto 7px;
}



/* -----------------------------------------------------------------------------
 * --- Built with <3 by BRIGHTON WEBTECH
 * -------------------------------------------------------------------------- */
.site-info {
  /* font-family: 'Lato', sans-serif; */
  font-size: 12px;
  color: whitesmoke;
}

.site-info .brighton {
  color: #398b7d;
  background-color: #ccebf5;
  padding: 2px 2px 2px;
}

.site-info .webtech {
  color: #ccebf5;
  background-color: #398b7d;
  padding: 2px 2px 2px;
}

.site-info a {
  text-decoration: none !important;
}

.site-info i {
  font-size: 120%;
  color: red;
}

#colophon .site-info span span::after {
  content: "";
  padding: 0;
}