/*
Theme Name: Hugh 2023
Author: Devon Conn
Description: Gemetrix Framework
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Hugh 2023
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */
ol.has-background, ul.has-background{
	padding: 0 !important;
}
.heading-pos{
	margin:20px auto !important;
}
header nav{
	margin-block-start: 0px !important;
}
header nav+p{
	margin: 0 !important;
}
.our-gallery figcaption{
top: 100% !important;
color: black !important;
overflow: initial !important;
background: none !important;
}
.our-gallery figure:hover figcaption{
  top: unset !important;
  transform:translateY(-50%);
  color: white !important;
  background: none !important;
  text-shadow:2px 2px black;
}
.our-gallery figure:hover{
	cursor:pointer;
}
.our-gallery figure:hover img{
	filter:grayscale(100%);
}

.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited{
	color:black !important;
}
.wp-block-button__link:hover{
	color:white !important;
}

.info-min-width-set{
	min-width:330px;
}
/* 
Services
*/
.wp-block-post-title{
	font-family: 'Karla' !important;
}
.wp-block-button:hover .wp-block-button__link{

  	background-color:#053b4b;
}
.header-nav .wp-block-navigation__container > li:last-child:hover{
	  	background-color:#053b4b !important;
  		color: white !important;
}
.service-container{
	max-width:unset !important;
}

.service .hover-image{
	display:none;
}
.service:hover{
	cursor:pointer;
}
.service .main-image{
	margin-top:0 !important;
}
.service .main-text{
	font-size:16px !important;
}
.service .hover-image, .service .main-image, .service .main-text{
	text-align:center;
}
.service{
	height:100%;

min-width: 180px;
min-height: 180px;
max-width: 180px;
max-height: 180px;
display: flex;
flex-direction: column;
justify-content: center;
  position:relative;
}

.service:hover .main-image, .service:hover .main-text{
	display:none;
}
.service:hover{
	background-image: url("https://www.kierlanddentalstudio.com/wp-content/uploads/2022/08/dentist-paradise-valley-logo.png");
    background-size: 157px;
    background-position: center;
  	background-repeat:no-repeat;
  
 
  background-color:white !important;
}
.service::after{
	  content: '';
    position: absolute;
    box-sizing: border-box;
    border: 3px solid #004d73;   
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    left: -8px;
    top: -8px;
}
/* 
Services
*/

.shiftnav-toggle{
	width:100%;
  	background-color:#28578d !important;
}
.shiftnav-toggle > i{
	float:right;
}

.ti-rating-text > span, .ti-rating-text strong{
	color:white !important;
}
.map-area{
	overflow:hidden !important;
}
.blog-preview-link{
background-color: #8ec8df !important;
color: black;
}
.wp-site-blocks iframe{
	width:100%;
}
.wp-site-blocks{
	padding-left:0 !important;
  padding-right:0 !important;
}
.wp-block-post-featured-image{
	max-width:580px !important;
}
.max-width-custom{
	max-width:1100px !important;
  	margin:80px auto !important;
  	width:80% !important;
}
.max-width-unset{
	max-width:unset !important;
}
.blog .wp-block-latest-posts__list{
	margin-top:40px;
}
.wp-block-post-title{
 
  font-size: 36px !important;
  font-weight: 300 !important;
  line-height: .9 !important;
}
h1{
	font-size: var(--wp--preset--font-size--small) !important;
  	margin-block-start: 18px !important;
  	
}

body:not(.home) div:not(.block-editor-block-list__layout) h1{
	margin-left:0rem !important;
  	margin-right:0rem !important;
}
body footer.wp-block-template-part h1 {
	margin-left:auto !important;
  	margin-right:auto !important;
}
.home h1{
	margin-bottom:1rem !important;
}
.background-apply{
	box-shadow: 0 20px 16px #0000003b;
  	position:relative;
}
.background-apply::before{
z-index:-1;
  background-color:#eaeef2 !important;
}
.wp-site-blocks > .wp-block-template-part:last-child{
	margin:0 !important;
}
/*
.wp-block-navigation__container > li, .wp-block-navigation__container > li a{
	padding-top:0px !important;
  	padding-bottom:0px !important;
}*/
.header-nav .wp-block-navigation__container > li:last-child{
	padding:10px 40px !important;
  	background-color:#8ec8df !important;
  	color:black !important;
}
.top-header{
	position:relative;
  	z-index:2;
}
.header-cover{
	padding:1em 0em 0em 0em !important;
}
.center{
	margin:0 auto !important;
}
a{
	text-decoration:none !important;
}
.our-gallery > figure{
  border: 4px solid #28578d;
  padding: 2px;
}
.blog-preview{
  width: 80%;
  background-color: #eaeef2 !important;
  text-align: center;
  max-width: 350px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  margin:0 auto;
  box-shadow: -1px 7px 10px #0006;
}
.blog-preview .wp-block-latest-posts__post-date{
	position:relative;
}
.blog-preview .wp-block-latest-posts__post-date::before{
	content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:10px;
  background-color:#12688c;
  height:3px;
  width:50px;
}
.blog-preview .wp-block-latest-posts__post-date, .wp-block-latest-posts__post-title{
	padding:20px;
	text-decoration:none;
}
.hide{
	display:none !important;
}
.blog-preview .blog-preview-link{
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  margin-top: auto;
  text-decoration: none;
}
.wp-container-20 > :where(:not(.alignleft):not(.alignright)){
	max-width:unset !important;
}
body:not(.home) main{
	width: 80%;
  margin: 80px auto;
  max-width: 1000px;
}

.blue-right-border{
	border-right: 3px solid blue;
}
@media only screen and (max-width:1665px){
  .background-apply:not(.reverse) h2::before{
  	visibility:hidden;
  }
}
@media only screen and (max-width:1474px){
  .home h2{
  	font-size:32px !important;
  }
}
.footer-info-container{
	position:relative;
}
@media only screen and (min-width:980px){

  .footer-info-container::after{
  	content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:3px;
    height:100%;
    background-color:white;
  }

}
@media only screen and (max-width: 980px) {
  .background-apply, .background-apply::before{
  	background-image:none !important;
  }
  .large-width-desktop{
  	max-width:80% !important;
  }
  .wp-container-2{
  	flex-basis:0 !important;
  }
  .logo-area, .header-info{
  	flex-basis:100% !important;
  }
  .primary-text-area{
  	max-width:80% !important;
  }
}
@media only screen and (max-width:870px){
  .service-container > div{
  	flex-basis:40% !important;
  }
  .service-container{
  	flex-wrap:wrap !important;
  }
    .service{
  	margin:0 auto;
  }
}
@media only screen and (min-width: 781px) {
  .form-column{
    margin-top: -245px !important;
  }

}
@media only screen and (max-width: 781px) {
  .wp-block-button__link{
  	font-size:16px !important;
  }
  .header-contact{
  	justify-content:center !important;
  }
  .header-text{
  	text-align:center !important;
  }
}
@media only screen and (min-width: 599px){
  .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){
  	width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*1) !important;
  }  
  .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){
  	width: calc(15% - var(--wp--style--unstable-gallery-gap, 16px)*1) !important;
  }
  .wp-block-gallery-54 {
    --wp--style--unstable-gallery-gap: 30px!important;
    gap: 30px!important;
}
}
@media only screen and (min-width: 599px){
  .shiftnav-toggle{
  	display:none !important;
  }
}
@media only screen and (max-width: 599px) {
  	.banner-text h2{
  		font-size: 18px !important;
	}
  .header-nav{
  	display:none !important;
  }
  header .custom-logo-link img{
  	width: 100%;
	object-fit: contain;
  }
  .wp-block-navigation{
  	justify-content:right !important;
  	color:white;
    padding:10px 20px;
  }
  .wp-block-navigation__container li{
  	display:block;
  }
  .full-width-mobile{
  	max-width: 100% !important;
	padding: 0 !important;
    border:none !important;
  }

}
@media only screen and (max-width: 480px) {
  .large-width-mobile > div{
  	max-width:90% !important;
  }
  
}
.banner-text{
	position: absolute;
    bottom: 0;
    margin-bottom: 0;
  width:100%;
}
.centered-columns{
	justify-content:center !important;
}
.yellow-border, .yellow-border img{
	border: 2px solid #77848f;
	padding: 8px;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	/*padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);*/
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	/*margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;*/
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
:where(p.has-text-color:not(.has-link-color)) a{
	color:inherit !important;
}

.section{
	padding:80px 20px;
}
.background-apply h2{
	position:relative;
}
.background-apply h2::before{
  content: "";
  position: absolute;
  left: -40px;
  top: 0;
  width: 4px;
  height: 170px;
  background-color: #10678b;
  transform: translateY(-25%);
}
.wp-block-latest-posts li{
	margin:0px 0px 1.25em 0px !important;
}
.background-apply{
	margin: 0 auto 80px auto !important;
}
/*.wp-site-blocks > div:not(.wp-block-template-part){
	margin: 80px auto !important;

}*/
/*
.wp-site-blocks > .wp-block-template-part{
	margin: 80px auto !important;
}
*/
.wp-block-template-part{
	margin-top:0 !important;
}
.wp-site-blocks > .wp-block-template-part:nth-child(1){
	margin: 0px auto !important;
}
.wp-site-blocks iframe{
	width:100%;
}