/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/**
 * @license
 * MyFonts Webfont Build ID 3919362, 2020-06-26T11:47:01-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: TTFirs-Regular by TypeType
 * URL: https://www.myfonts.com/fonts/type-type/tt-firs/regular/
 * Copyright: Copyright (c) 2015 by Typetype. Designer Ivan Gladkikh, technical designers Maria Mizernitskaya, Nadyr Rakhimov. All rights reserved.
 * 
 * 
 * 
 * © 2020 MyFonts Inc
*/

  
@font-face {
  font-family: 'TTFirs-Regular';
  src: url("../../../Sites/kgarch.dev.cc/wp-content/uploads/2023/05/TTFirs-Regular.woff");
  src: url("../../uploads/2023/05/TTFirs-Regular.woff2");
}

@font-face {
  font-family: 'TTFirs-Medium';
  src: url("../../../Sites/kgarch.dev.cc/wp-content/uploads/2020/08/font.woff");
  src: url("../../uploads/2020/08/font.woff2");
}

/*************  MENU  ****************/

/* Change Logo Size */
img.header-image {
  max-height: 50px;
  margin-left: 10px;
}

li.menu-item>a.elementor-item {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}

/***********FOOTER**********************/
.kga-footer p {
  margin-bottom:0px;
  font-size:13px;
}

.kga-footer a {
  color:#ced4c8
}

.kga-footer a:hover {
  color:#6eb299;
}

/* Edit footer menu font */
.kga-footer-menu ul.elementor-nav-menu li.menu-item a.elementor-item {
  text-transform:none;
}

/* Style Yoast Local SEO Address Block in Footer*/

.elementor-element-ddaeb7d .wpseo-location {
  color:#CED4C8;
  font-size:13px;
}

/**********MOBILE SETTING**************/

@media (max-width:768px) {
	p {
		font-size:19px;
	}
	h2 {
		font-size:30px;
	}
}

/**********HOME PAGE**************/

/* Slider Navigation Arrows*/
/*
.elementor-swiper-button.elementor-swiper-button-prev, .elementor-swiper-button.elementor-swiper-button-next {
  background-color:rgba(0,0,0,0.5);
  padding:5px;
}
*/

/*  Slider Navigation Dots */
.swiper-pagination-bullets .swiper-pagination-bullet {
  background: #FFF;
  opacity: 1;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #000;
  opacity: 1;
}

/**********BLOG MAIN PAGE and ARCHIVES**************/

/* Blog Categories Menu at Top - NEW - DROPDOWN WORKS */
.kga-blog-menu li.menu-item {
  border-bottom: 2px solid #000;
  margin-bottom: 10px;
}

.kga-blog-menu li.menu-item:hover {
  border-bottom: 2px solid #6eb299;
}

h3.uael-post__title:hover {
  text-decoration: underline;
}

/******Blog Category Descriptions********/
.blog-cat p {
  margin-bottom:0px;
}

/********Blog Category Submenu Styling**********************/

li.menu-item.menu-item-type-taxonomy.menu-item-object-category.current-menu-item > a, .kga-blog-cats li.menu-item-type-taxonomy.menu-item-object-category.current-category-ancestor > a.elementor-item {
  text-decoration:underline;
  text-underline-position: under;
}

li.menu-item-type-post_type.current-menu-item > a.elementor-item {
  text-decoration:underline;
  text-underline-position: under;
}


/****Blog categories mobile menu styling****/
.elementor-menu-toggle:before {
  position: relative;
  content: "Categories";
  padding-right: 10px;
  font-size: 17px;
}

.toggle-sub-cat .elementor-menu-toggle:before {
  position: relative;
  content: "Filter Posts By";
  padding-right: 10px;
  font-size: 17px;
}

/**********BLOG POSTS**************/

/* BLOG POST LINKS */
.elementor .kga-blog-content a {
  text-decoration:underline;
  color:#000;
}

.elementor .kga-blog-content a:hover {
  color:#6EB299;
}

/*  TARGET BLOG POST BODY TEXT ONLY */
.kga-blog-content p, .kga-blog-content li {
  font-size: 18px;
}

/* MAKE BLOG FONT BIGGER AND ARCHIVE EXCERPT FONT THICKER ON MOBILE*/
@media (max-width:768px) {
	.kga-blog-content p, .kga-blog-content li {
		font-size: 19px;
	}
	div.uael-post__content-wrap > div.uael-post__excerpt > p {
  font-family: 'TTFirs-Medium', sans-serif;
	}
	.uael-post__content-wrap h3.uael-post__title {
  font-size:30px;
	}
}

/* TARGET BLOG POST Subtitles */
.elementor-widget-theme-post-content .elementor-widget-container h2 {
  margin-top:1em;
}

/* Add Outline to Blog Post Image - add CSS Class into Wordpress */
.outline { 
border: 1px solid #000; 
}

/* FIGURE AND PHOTO CAPTIONS */

/* Gallery Caption */
.wp-block-gallery figcaption.blocks-gallery-caption, figcaption.wp-element-caption {
  font-size:13px;
  letter-spacing:0.03em;
  text-align: center;
  padding-bottom:12px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 2em;
}

/* Gallery Caption - Individual Images - With White Background */
.wp-block-gallery.has-nested-images figure.white-background figcaption {
  background: #000;
  position: relative;
  padding-top: 4px;
}

@media (max-width:768px){
	.wp-block-image figcaption, .wp-block-gallery figcaption.blocks-gallery-caption, .wp-block-embed figcaption {
		font-size:15px;
	}
}

/* Remove Bottom Border for Fig Captions in Galleries */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  border-bottom:none;
}

/* Add Margin Below Galleries without Caption - Add CSS Class in Wordpress */
.at-gallery {
  margin-bottom:1.5em;
}

/* Add Bottom Border Below Galleries without Caption */
figure.wp-block-gallery.has-nested-images {
  margin-bottom:1.5em;
}

/* Fix blur on image captions in Galleries */
/* It seems like disply none also fixes this */
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

/* Pull Quote and Block Quote Styling for Blog */
blockquote {
  border-left: 2px solid #CED4C8;
}

.wp-block-quote p{
  font-size:1.3em;
  font-style: normal;
  margin-bottom: .5em;
}

cite {
  font-size: 0.8em;
  font-style: normal;
}

/* Adjust space between images with no caption and text below*/
.elementor-widget-theme-post-content .elementor-widget-container figure.wp-block-image {
  margin-bottom: 1.5em;
}

/* Styling for Second Level Bullet Points - Class - bullet-2 */

li.bullet-2 {
  margin-left:20px;
  list-style-type:circle;
}

/* Yoast FAQ Block Styling */
.schema-faq-question {
  font-size:25px;
  font-weight:normal;
}

/* Related Articles on Single Blog Posts  */

.kga-related-posts a {
  color:#000;
}

.kga-related-posts a:hover {
  color:#6eb299;
}

/* Blog About the Author Block Formatting */

/* Gutenberg Block */
p.kga-author {
  font-size:14px;
}

/* Elementor Section */
.kga-author p {
  font-size:14px;
}

@media (max-width:600px){
  h3.kga-author-subtitle {
    margin-top:20px;
  }
}

/*  Button for Custom Home Program Download */

a#program-template-button {
  color:#fff;
  text-decoration:none;
}

/* Button for Blog CTA Form and Main Contact Form */

@media (min-width:601px){
#blog-cta-button, #main-contact-button {
  margin-right:75%;
  }
}

/* KGA Gives form button and Job Application form button */

@media (min-width:601px){
#kga-gives-button {
  margin-right:80%;
  }
 
#job-apply-button {
  margin-right:80%;
  margin-top:2%
  }
}

/***************BLOG - NEW STYLING FOR ELEMENTOR POST LOOP*********************/

ul.elementor-post-info>li.elementor-icon-list-item {
  background-color:#CED4C8;
  padding: 0 5px 0 5px;
}

ul.elementor-post-info>li.elementor-icon-list-item:hover {
  text-decoration:underline;
}

.blog-title:hover {
  text-decoration:underline;
}



/**************YOAST TABLE OF CONTENTS BLOCK FOR BLOG*********************************/

.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents {
  background-color: #CED4C8;
  padding: 15px;
}

.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents a {
  color:#000;
  text-decoration: underline;
}

.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents ul {
  margin-left:1.5em;
}

.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents ul>li>ul>li {
  list-style:circle;
}

/**************SIDE BAR AND WIDGETS*********************************/

/* Blog Categories Widget */
.elementor-widget-wp-widget-categories ul {
  list-style-type:none;
  margin-left:0px;
  margin-bottom:7px;
}

.elementor-widget-wp-widget-categories h5 {
  margin-bottom: 7px;
}

/***************PORTFOLIOS**********************/

/* Project Details Text*/
.kga-project-details p {
  margin-bottom: 0.5em;
}

/* Project Details Link */
.elementor .kga-project-details a {
  text-decoration:underline;
  color: #000;
}

/*  PORTFOLIO POST GRID SEE MORE PROJECTS  */

/* place title on top of image*/
.kga-portfolio .elementor-post__text {
  position: relative;
  top: -150px;
}

/* make title white */
.kga-portfolio h3>a, .kga-portfolio h3>a:visited {
  color: #fff;
}

/* new flip box for portfolios */
.portfolio-box h3 {
  margin-bottom:0px;
}

/***********PORTFOLIO ARCHIVES**********************/
.kga-port-archive .elementor-post__text {
  position: relative;
  top: -125px;
  visibility: hidden;
}

.kga-port-archive .elementor-grid-item:hover .elementor-post__text {
  visibility:visible;
}

/*  PORTFOLIO PAGE FILTER BAR  */

/* Justify content to the left */
/*
ul.elementor-portfolio__filters {
  justify-content: flex-start; 
}
*/

.elementor-portfolio__filter {
  
}

li.elementor-portfolio__filter {
  margin-bottom:10px;
  border-bottom: 2px solid #000;
}

li.elementor-portfolio__filter:hover {
  border-bottom: 2px solid #6eb299;
}

.elementor-portfolio__filter.elementor-active {
  border-bottom: 2px solid #6eb299;
}

/***********HOMEOWNER LANDING PAGE**********************/

/* WHO WE WORK WITH LOGOS */

.logo-filters .brands-list__item-img {
  filter: grayscale(100%);
}

.logo-filters .brands-list__item-img:hover {
  filter: grayscale(0%);
}

/* for logo carousel */
.logo-filters .swiper-slide {
  filter: grayscale(100%);
}

/* Homeowner Resources */

.homeowner-resources .uael-post__bg-wrap {
  border-radius:5px;
}

.homeowner-resources .uael-post__thumbnail {
  border-radius:5px;
}

/* Link Styling for Black Background */

.elementor .black-background a {
  color: #FFF;
  text-decoration: underline;
}

.black-background a:hover {
  color: #6EB299;
}

/* Link Styling for White Background */

.elementor .white-background a {
  color: #000;
  text-decoration: underline;
}

.white-background a:hover {
  color: #6EB299;
}

/* Link Styling for White Back Ground - Container Specific */

.elementor .elementor-element-af64d70 a {
  color: #000;
  text-decoration: underline;
}

.elementor .elementor-element-af64d70 a:hover {
  color: #6EB299;
}

/***********BUILDER AND DEVELOPER LANDING PAGE**********************/

/* List Styles*/
.kga-services li>ul>li {
  list-style-type:circle;
}

/* Link Styling for Green Background */

.elementor .green-background p a {
  color: #000;
  text-decoration: underline;
}

.green-background p a:hover {
  color: #2B5247;
}

/* Link Styling for White Background */

.elementor .white-background a {
  color: #000;
  text-decoration: underline;
}

.white-background a:hover {
  color: #6EB299;
}

/* Link Styling for Black Background - Container Specific */

#elementor-tab-content-6912 a, #elementor-tab-content-6914 a {
  color:#fff;
  text-decoration:underline;
}

#elementor-tab-content-6912 a:hover, #elementor-tab-content-6914 a:hover {
  color:#6EB299;
}

/***********CONTACT PAGE**********************/

.contact-page p {
  margin-bottom:0px;
}

/***********GRAVITY FORMS**********************/

/* Spacing for Simple CTA Form */
.kga-simple-form_wrapper .kga-simple-form ul li.gfield {
  margin-top:0px;
}

.kga-simple-form_wrapper .kga-simple-form ul li.gfield .ginput_container {
  margin-top:0px;
}

/* For Phone and Message Only, Since Name has Width I can't Control*/
.kga-simple-form_wrapper .kga-simple-form ul li.gfield.kga-simple-contact-top {
  margin-top:13px;
}

/* Change color of confirmation message */
#gform_confirmation_message_2 {
  color:#000;
}

/************Blog Post Form GRAVITY FORMS***********************/

.kga-blog-form_wrapper {
  background-color: #CED4C8;
  padding:15px;
  margin-top:35px;
  border-radius:0px;
}

#gform_wrapper_3 > div > h3 {
  font-family: "TTFirs-Regular";  
  font-size: 25px;
  font-weight: 300;
}

.kga-blog-form_wrapper .gform_description {
  color:#000;
}

#gform_3 label.gfield_label {
  font-family: "TTFirs-Regular";
  font-weight: 300;
  font-size: 15px;
  color:#000;
}

#field_3_4, #field_3_2 {
  margin:0px;
}

input#input_3_4.medium,input#input_3_2.medium, textarea#input_3_3.textarea.medium  {
  border-color:#818a91;
}

input#gform_submit_button_3 {
  background-color:#000;
  padding: 5px 50px;
  border-radius: 3px;
}

input#gform_submit_button_3:hover {
  background-color:#6EB299;
  color:#000;
}

/***********SINGLE TEAM MEMBER PAGES**********************/

/* Size of Subtitles - Before field for ACF */
.acf-style {
  font-size:20px;
}

/* Remove Margin Bottom so Empty ACF Blocks Do not Create Gaps in Layout */
.elementor-element.dc-has-condition.dc-condition-empty.acf-team-info-block.elementor-widget.elementor-widget-text-editor {
  margin-bottom:0px;
}