/*hide homepage title*/
.home .entry-header .page-title {
	display: none;
}
.home [data-vertical-spacing*="top"] {
  padding-top: 0 !important;
}
/*main nav - flyout menu styling*/
.sub-menu li a {
	background: #C8C8C8 !important;
	color: #383A37 !important;
	}

.sub-menu li a:hover {
  background: #6D4D1E !important;
	color: #ffffff !important;
	text-decoration: underline !important;
}

/*homepage hero text elements and box*/
@media screen and (max-width: 480px) {
.hero-tagline {
	background: rgba(56, 58, 55, 0.61) !important;
	padding: 5% !important;
	border-radius: 16px;
  outline: 2px solid #f3d600;
  outline-offset: -10px;  
}
}
@media screen and (min-width: 481px) {
.hero-tagline {
	background: rgba(56, 58, 55, 0.61) !important;
	padding: 3% !important;
	border-radius: 16px;
  outline: 2px solid #f3d600;
  outline-offset: -10px;  
}
}
.hero-tagline p {
	color: #f3d600 !important;
}
@media screen and (max-width: 480px) {
.hero-tagline h2 {
	font-size: 2.85rem !important;
	line-height: 1em !important;
	color: #ffffff !important;
}
}
@media screen and (min-width: 481px) {
.hero-tagline h2 {
	font-size: 4.5rem;
	color: #ffffff !important;
	margin-bottom: none !important;
}
}
@media screen and (max-width: 480px) {
.hero-tagline h3 {
	font-size: 2.15rem !important;
	color: #f3d600 !important;
	line-height: 1.2em;
}
}

@media screen and (min-width: 481px) {
.hero-tagline h3 {
	color: #f3d600 !important;
	font-size: 2.7rem !important;
	margin-top: none !important;
	line-height: 1.2em;
}
}
/*homepage contact callouts*/
.home-contact {
	background: #533008;	
	background: url('https://flynnloghomes.com/wp-content/uploads/2023/02/Flynn-Tile-Circles.jpg');
	padding: 2%;
}
.home-contact h2 {
	color: #ffffff !important;
	
}
.home-contact p, .home-contact a {
	color: #ffffff !important;
	}
/*homepage featured home with background colour for panel*/
.feature-home-block-home {
	background: #383A37;
	background: url('https://flynnloghomes.com/wp-content/uploads/2023/02/Flynn-Tile-Lines-Dark.jpg');
}
.feature-home-block-home p, .feature-home-block-home li, .feature-home-block-home a, .feature-home-block-home li:active {
	color: #ffffff;
}
.feature-home-block-home h2{
	color: #ffffff;
}
.feature-home-block-home .wp-block-buttons, .feature-home-block-home .wp-block-button.is-style-outline,  .feature-home-block-home .wp-block-button__link {
	color: #ffffff !important;
	border-color: #ffffff !important;
}
/*image border on 3 featured homes on homepage*/
.featured-home-border {
border: 2px #f3d600 solid !important;
}
/*image border on stand alone pages on inside pages, such as About*/
.featured-image-border {
border: 2px #cc7b0a solid !important;
}
/*main body background - pale grey with lined tile*/
.ct-container-full {
background: url('https://flynnloghomes.com/wp-content/uploads/2023/02/Flynn-Tile-Lines-Light.jpg') !important;
}
/*inside page background - pale grey - where it doesn't default to body background, like contact page template*/
.grey-background {
background: url('https://flynnloghomes.com/wp-content/uploads/2023/02/Flynn-Tile-Lines-Light.jpg') !important;
}
/*inside page title size and colour*/
@media screen and (max-width: 480px) {
.entry-header .page-title {
	color: #656f70 !important;
  font-size: 30px;
	}
}

@media screen and (min-width: 481px) {
.entry-header .page-title {
  color: #656f70 !important;
	font-size: 48px;
}
}
/*intro box at top of project and other pages*/
.intro-box {
	padding: 5% !important;
	border-radius: 16px;
	background: #ffffff;
  outline: 2px solid #FED106;
  outline-offset: -10px;  
}
.intro-box .wp-block-image img {
	border: 2px #cc7b0a solid;
}
/*intro box used on pages with NO BORDER around images inside it*/
/*image block - remove border*/
.intro-box-no-image-border {
  padding: 5% !important;
	border-radius: 16px;
	background: #ffffff;
  outline: 2px solid #FED106;
  outline-offset: -10px; 
}
.intro-box-no-image-border .wp-block-image img {
	border: none;
}
/*border around images on main Portfolio page*/
.project-grid .wp-block-image img {
	border: 2px #cc7b0a solid;
}
/*floor plan box for each plan group*/
.plan-box {
	padding: 5% !important;
	border-radius: 16px;
	background: #ffffff;
  outline: 2px solid #5a6262;
  outline-offset: -10px;  
}
/*button styling for non graphical buttons*/
.wp-block-button__link {
background-color: #92681a !important;
}
.wp-block-button__link:hover {
background-color: #cd822a !important;
	text-decoration: underline;
}
/*image captions*/
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: #373936;
	padding-top: 8px;
}

/*contact form fields with white background*/
.wp-block-column .contact-form input[type="text"], .wp-block-column .contact-form input[type="email"], .wp-block-column .contact-form input[type="tel"], .wp-block-column .contact-form input[type="url"], .wp-block-column .contact-form textarea {
	background-color: #ffffff;
}
/*footer - reusable block styling*/
.flynn-footer {
	background: #ffffff;
}

/*social icon*/
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
  fill: #FED106;
  color: #383A37 !important;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
  background-color: #383A37 !important;
  color: #383A37 !important;
}