/*
Theme Name: Starter Block Theme v4
Theme URI: https://jakson.co/
Author: https://jakson.co/
Author URI: https://jakson.co/
Description: A bare bones, blank canvas starter theme for building WordPress Block Themes using the Full Site Editor. It includes only the templates and essential settings you need to create sites fast! 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starter-block-theme-v4
Tags: Block editor patterns, Block editor styles, Block themes, Template editing

/*  Smooth Scroll */
html {
  scroll-behavior: smooth;
}

/*  Reduced motion prefs  */
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/*  Navigation Block Breakpoint. Credit: https://wpdocs.io/ */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
  display: block !important;
}

body
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
    .is-menu-open
  ) {
  display: none !important;
}

/* Change the width to the breakpoint of the Nav */
@media (min-width: 782px) {
  body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }

  body
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: block !important;
  }
}

/* end nav break point */

/* Nicely wrapped headlines */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

/* I've no idea why when you add a background color to a column, WP by default adds padding to it... so weird - this get's rid of that */
:where(.wp-block-columns.has-background) {
  padding: initial;
}

/* Pull Quote */
.wp-block-pullquote blockquote {
  display: grid;
  gap: 20px;
}

.wp-block-pullquote cite {
  font-size: 80%;
  font-weight: 600;
}

/* Search Block */
.wp-block-search__input {
  border: 1px solid;
}

.wp-block-search__button {
  box-shadow: none;
  border: 1px solid var(--wp--preset--color--custom-off-black);
  border-radius: 0;
  color: white;
  padding: 0.4rem 1rem 0.5rem 1rem;
  font-weight: 500;
}

/* Comments */
.comment-form-cookies-consent {
  font-size: 14px;
  line-height: 2;
}

/* Keeps our titles link as the off black color in things like the query loop*/
.wp-block-post-title :where(a) {
  color: var(--wp--preset--color--custom-off-black);
}

/* Button hover state  - core button block still does not have this and it can't be done in theme.json! */

.wp-block-button__link,
a {
  transition: 0.3s;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
#commentform .form-submit.wp-block-button input:hover {
  background: var(--wp--preset--color--custom-white) !important;
  color: var(--wp--preset--color--custom-off-black) !important;
}

.wp-block-button .wp-block-button__link:hover {
  background: white !important;
  color: #222 !important;
  border-color: #222 !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--custom-off-black);
  color: var(--wp--preset--color--custom-white);
  border-color: white !important;
}

a:hover:not(.wp-block-site-title a, .wp-block-button__link.wp-element-button) {
  text-decoration: underline !important;
}


/* ----------------------- Castles ----------------------- */

:root {
  --wp--preset--color--custom-graphite: #2c2c2c;
  --wp--preset--color--custom-light-bronze: #d4a373;
  --wp--preset--color--custom-almond-cream: #e3d5c5;
  --wp--preset--color--custom-soft-linen: #f0ebe0;
  --wp--preset--color--custom-ivory: #fafaee;
}

body {
  background-color: var(--wp--preset--color--custom-ivory) !important;
}

.site-footer.wp-block-template-part {
	margin-top: 0;
}

/* Header */

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
	color: #d4a373 !important;
}

header .wp-block-social-links .wp-social-link svg {
	height: 26px;
	width: 26px;
}

.header-nav-menu {
	margin-bottom: -34px !important;
}

.ccm-inline-class.cstl-beige {
	color: var(--wp--preset--color--custom-light-bronze) !important;
}

/* Services Carousel */

.jet-custom-carousel {
	padding-bottom: 50px !important;
}

.jet-custom-carousel .swiper-slide {
  border-radius: 0 !important;
}


/* Te */



/* Hero images */

.cstle-home-hero-gallery img {
	border-radius: 100% !important;
	border: 8px solid #e9e5e1 !important;
}

.cstle-home-hero-gallery_img_1 {
	margin-top: -180px !important;
	margin-left: -30px !important;
}

.cstle-home-hero-gallery_img_2 {
	margin-bottom: -180px !important;
}

/* Accents */

.accent-below-beige {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.accent-below-beige::after {
	content: "";
	display: block;
	border-bottom: 2px solid var(--wp--preset--color--custom-light-bronze);
	margin-top: 20px;
	width: 110px;
	margin-bottom: 10px;
}

.accent-p {
	display: inline-block;
	padding: 5px 12px;
	background: #d4a3732b;
	border-radius: 9px;
	font-size: 14px;
	color: #ab7e53;
	font-weight: 600;
	text-transform: uppercase;
	word-spacing: 3px;
}

.accent-p.accent-p_trans {
	/* background-color: transparent; */
}

/* Testimonials  */


.wp-block-pullquote {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}

.wp-block-pullquote blockquote {
	gap: 40px;
}

cite {
	font-family: "Lato Light";
	font-style: normal;
	font-size: 18px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

cite::before {
	content: "";
	display: block;
	border-bottom: 2px solid #fafaee61;
	margin-top: 20px;
	width: 110px;
	margin-bottom: 20px;
}

.wp-block-cb-carousel-v2 .cb-button-next, .wp-block-cb-carousel-v2 .cb-button-prev {
	color: white;
}

.cb-pagination .swiper-pagination-bullet-active {
	background: #fff !important;
}

.cb-pagination .swiper-pagination-bullet.cb-pagination-bullet {
	color: white !important;
	background: white !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #d4a373 !important;
}

/* Mobile popup */

.cstl-mob-menu {
	cursor: pointer;
}

.link-no-a a {
	text-decoration: none;
}


.link-no-a a:hover {
	color: #d4a373 !important;
}

/* Services Single */

.wp-block-gallery img {
	border-radius: 2px;
}



@media (max-width:781px) {

  .cstle-home-hero-gallery_img_1 {
    margin-top: -101px !important;
    margin-left: -20px !important;
    width: 230px;
  }

  .cstle-home-hero-gallery_img_2 {
    margin-bottom: -100px !important;
  }

  .jet-custom-carousel {
    height: 270px !important;
  }
  

  .wp-block-navigation.is-vertical {
    --navigation-layout-align: center;
    align-content: center;
  }

  .break-781 {
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-info {
    padding-top: 8px;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  .footer-logo {
    justify-content: center;
    display: flex;
  }

}