/* 
Theme Name: Andreas Reiterer
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: areiterer
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/**
 * Resets 
 **/

p:last-child, 
.elementor-widget:last-child,
.site-content ul:last-child, 
.site-content ol:last-child, 
.site-footer ul:last-child, 
.site-footer ol:last-child {
   margin-bottom: 0 !important;
}

/* Fix Google Search Console "mobile usability issues" */
:where(body, iframe, pre, img, svg, video, canvas, select) {
	max-width: 100%;
	overflow: auto;
	word-break: break-word;
}

/* HEADER */
.rit-header .rit-header--menu li a:before {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  background-color: #45A29E !important;
  margin: -0.8rem;
  border-radius: 50%;
}

/* FOOTER */
.rit-footer a {
  color: #1F2833;
}

.rit-footer a:hover {
  color: #45A29E;
}

/* BLOG GRID */
.rit-posts .elementor-post__card {
  background-color: transparent;
  background-image: linear-gradient(300deg, #1F2833 0%, #0B0C10 100%);
}

.rit-posts .elementor-post__card .elementor-post__read-more:hover {
  color: #66FCF1;
}

.elementor-post__card .elementor-post__meta-data {
  padding-top: 20px !important;
  border-top: 1px solid #454a50 !important;
}

.elementor-post__card {
  padding-top: 0 !important;
}

/* BLOG COMMENTS */
.comment-metadata {
  display: flex;
  gap: 0.5rem;
}

.comment-author.vcard .fn a,
.reply a,
.comment-content a,
.comment-metadata a,
.comment-metadata time,
.elementor-widget-theme-post-content a,
.logged-in-as a {
  color: #45A29E;
}

.comment-author.vcard .fn a:hover,
.reply a:hover,
.comment-content a:hover,
.comment-metadata a:hover ,
.comment-metadata time:hover,
.elementor-widget-theme-post-content a:hover,
.logged-in-as a:hover {
  color: #1F2833;
}

.form-submit input {
  color: #fff;
  background-color: #45A29E;
  border-radius: 28px 28px 28px 28px;
  padding: 1rem 2rem 1rem 2rem;
  border: none;
  font-weight: 700;
}

.form-submit input:hover {
  background-color: #1F2833;
  transform: scale(1.1);
}

#respond {
  padding-top: 2rem;
}

/* ABOUT / CONTACT */
.rit-contact a {
  color: #45A29E;
}

.rit-contact a:hover {
  color: #1F2833; 
}

/* CONTACT FORM */
.wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.wpcf7-form .cf7-top p {
  display: flex;
  flex-direction: row;
  gap: 1rem;	
}

.wpcf7-form .cf7-top p label {
  width: calc(50% - 1rem);	
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
}

.wpcf7-form p label {
  width: 100%;
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
}

.wpcf7-submit {
  color: #fff;
  background-color: #45A29E;
  border-radius: 28px 28px 28px 28px;
  padding: 1rem 2rem 1rem 2rem;
  border: none;
  font-weight: 700;
}

.wpcf7-submit:hover {
  background-color: #1F2833;
  transform: scale(1.1);
}