/*!
Theme Name: Whichampton
Theme URI: https://websentia.com/websenkadence-theme/
Template: kadence
Author: Websentia Web Services
Author URI: https://websentia.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: whichampton
*/

/* Theme customization starts here
-------------------------------------------------------------- */
html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 62.5%;
}

/* .site-branding {
    ¡¡DON'T USE BG IMAGE FOR HEADER LOGO WITH SCROLL-SHRINKING HEADER
    BECAUSE IT SWOOPS DOWN THEN UP ON SCROLL RESIZE!!
     background-image: url(images/headerlogo.svg) ;
     background-repeat: no-repeat;
     background-size: contain;
}     */

/*Typography*/
/*heading sizes set in WP Customizer*/


/*end Typography*/

.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a {
  line-height: 1;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a, .main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
  line-height: 1 !important;
  text-decoration-color: var(--global-palette-highlight) !important;
}

.transparent-header .content-area, .content-title-style-hide .content-area, .flushTop .content-title-style-hide {
	margin-top: 0;
}
.transparent-header .entry-content-wrap, .content-title-style-hide .entry-content-wrap, .flushTop .entry-content-wrap {
	padding-top: 0;
}
.flushBottom .entry-content-wrap  {
	padding-bottom: 0;
}
.flushBottom .content-area	 {
	margin-bottom: 0;
}

/*colors for header on shrink and scroll up for transparent header pages*/
.transparent-header .item-at-start .brand img {
	filter: invert(100%);
}
.moomoo.transparent-header .item-is-stuck .brand img {
	filter: invert(0%);
}
.transparent-header .item-at-start .main-navigation  .primary-menu-container > ul > li.menu-item.current-menu-item > a, .transparent-header .item-at-start .main-navigation  .primary-menu-container > ul > li.menu-item > a {
  color: #fff;
  text-decoration-color: #8b6f47 !important;
}
.transparent-header .item-at-start {
	background-color: rgba(0,0,0,0.2);
	box-shadow: inset 0 0 15px rgba(0,0,0,0.25);
	padding-bottom: 10px;
}
/*end colors for header on shrink and scroll up for transparent header pages*/

a {
  color: #8b6f47;
  font-weight: 500;
}
a:hover {
	color: #d4c4a8;
	text-decoration: none;
}
a:hover {
  color: #d4c4a8;
  text-decoration: none;
}

.wp-block-button a {
	font-size: 2.2rem;
	border-radius: 6px;
}
.pinkText {
	color: var(--global-palette13);
}


/* header */
/* sizing the header logo rather than margin or padding - example 0.8 and max would be 1.0 */
.site-branding a.brand img.svg-logo-image {
	scale: 1.0;
}
/* header top section background color can be set with this rule or in the theme customizer settings - Customize - Header - Top Row - Design */
/* .site-top-header-wrap .site-header-row-container-inner {
	background-color: #f0f;
  } */
/* header main section background color can be set with this rule or in the theme customizer settings under Header Main Row / Design */
/* .site-main-header-wrap .site-header-row-container-inner {
	background-color: #0f0 !important;
} */
.mobile-navigation ul li {
	font-size: 1.6rem;
  }

/* end header */

/*gradient backgrounds -- add to both style.css and style-editor.min.css */
.has-black-to-grey-gradient-background {
     background: linear-gradient(
         160deg,
         #000000 0%,
         #888888 100%
     ) !important;
 }
 .has-dkgrey-to-grey-gradient-background {
     background: linear-gradient(
         160deg,
         #444444 0%,
         #888888 100%
     ) !important;
 }
 .has-grey-to-white-gradient-background {
     background: linear-gradient(
         160deg,
         #888888 0%,
         #ffffff 100%
     ) !important;
 }
 /* end gradient backgrounds*/

 .home .entry-meta {
     display: none;
 }
*:focus-visible, * > *:focus-visible {
	border: 2px solid #fff !important;
	outline: 2px solid #046BFD !important;
}
.narrowDivider {
	max-width: 130px !important;
}
.narrowThinDivider {
	max-width: 130px !important;
	max-height: 1px !important;
}
.site-middle-footer-inner-wrap .widget {
  margin-bottom: 0 !important;
  line-height: 0.5 !important;
}
#colophon .footer-navigation .footer-menu-container > ul > li > a {
  padding-left: calc(.75em / 2) !important;
  padding-right: calc(.75em / 2) !important;
  padding-top: calc(0.6em / 2);
  padding-bottom: calc(0.6em / 2);
  color: #a8a29e;
  font-weight: 300;
}
.site-branding a:hover p {
 	color: #333 !important;  
    filter: invert(0%);
}
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner .site-branding a p {
 	color: #333 !important;  
    filter: invert(0%);
}

 @media only screen and (min-width: 300px) {
/* Column Classes
	--------------------------------------------- */

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: none;
		margin-left: 0%;
        width: 100%;
	}
 }
h1.entry-title {
 	font-size: 5.8rem;   
}
 @media only screen and (min-width: 480px) {

 }
 @media only screen and (min-width: 960px) {
     h1.entry-title {
 	font-size: 7.2rem;   
}
	a.skip-link {
		font-size: 20px !important;
	  }
    /* Genesis-esque columns */
    /* Column Classes
	--------------------------------------------- */

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: left;
		margin-left: 2.564102564102564%;
	}

	.one-half,
	.three-sixths,
	.two-fourths {
		width: 48.717948717948715%;
	}

	.one-third,
	.two-sixths {
		width: 31.623931623931625%;
	}

	.four-sixths,
	.two-thirds {
		width: 65.81196581196582%;
	}

	.one-fourth {
		width: 23.076923076923077%;
	}

	.three-fourths {
		width: 74.35897435897436%;
	}

	.one-sixth {
		width: 14.52991452991453%;
	}

	.five-sixths {
		width: 82.90598290598291%;
	}

	.first {
		clear: both;
		margin-left: 0;
	}


 }
 @media print {

 }