/*
 Theme Name:   Infinite Child
 Theme URI:    http://demo.goodlayers.com/infinite
 Description:  Goodlayers Infinite Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     infinite
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  infinite-child

 START YOUR CHILD THEME CSS HERE
 Colors
 Petrol color: #1a4b64
*/
/*
.infinite-body-outer-wrappe .page-id-3346, body.infinite-full .infinite-body-wrapper .page-id-3346, .infinite-header-side-content.infinite-body-outer-wrapper .page-id-3346 {
	background-color: #000 !important;
}
.page-id-3346 {
    background-image: url('https://ugj.biz/wp-content/uploads/xmas-bg.jpg') !important;
    background-position: center;
    background-attachment: fixed; 
    background-size: contain;
    background-repeat: no-repeat;
}
*/

html, body,
input, textarea, button {
  font-family: "Trebuchet MS", Arial, sans-serif;
}

blockquote, q {
    color: #6b6b6b;
}
.infinite-body blockquote, .infinite-body q {
    border-color: #23536a;
}

.infinite-blockquote-style-2 blockquote {
    font-size: 15px;
    font-weight: 800;
    padding-top: 10px;
    padding-left: 35px;
    padding-right: 0px;
    font-style: normal;
    padding-bottom: 10px;
    border-left-width: 4px;
}

.infinite-single-article-content a {
	font-weight: bold;
}

/* WPML */
ul .wpml-ls-menu-item a {
  display: inherit;
}

/* read more styles */
.gdlr-core-portfolio-medium .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-read-more {
  display: inline-block;
  margin-top: 29px;
  font-style: normal;
}
.gdlr-core-portfolio-item .gdlr-core-portfolio-read-more {
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0.5px;
}

/* button */
.wp-block-button__link {
	color: #1a4b64;
	background-color: #2a556b;
	border-radius: 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.wp-block-button__link:hover {
  background-color: #1a4b64; 
  color: white !important;
}
/* menu */
/* hamburger menu */
.infinite-mobile-button-hamburger:before, .infinite-mobile-button-hamburger:after, .infinite-mobile-button-hamburger span {
    background: #1A4B64 !important;
}

/* menu mobile overlay */
.infinite-overlay-menu-content {
    background-color: rgba(255, 255, 255, 1);
}

/* search */
.infinite-top-search-wrap input.search-field {
    border-bottom-color: #fff;
    color: #fff;
}

/* header */
/* header title */
.home .infinite-page-title-wrap .infinite-page-title {
    /* display: none; */
    color: transparent;
}
/* page */
/* page title */
.infinite-page-title-wrap.infinite-style-medium .infinite-page-title {
    font-size: 40px;
}

/* blog */
/* blog overview */
.gdlr-core-blog-left-thumbnail .gdlr-core-blog-title {
    font-size: 22px;
    font-weight: 300;
}
.gdlr-core-portfolio-medium .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-title {
  font-size: 22px;
}

.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-category {
    display: none;
}
.gdlr-core-blog-medium.gdlr-core-style-2 .gdlr-core-blog-thumbnail .gdlr-core-blog-info-comment-number {
    display: none;
}

/* blog single post */
.infinite-blog-title-wrap.infinite-style-small .infinite-blog-title-content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.infinite-body .infinite-blog-title-wrap .infinite-single-article-title {
    color: #fff;
}
.infinite-blog-title-wrap .infinite-single-article-title {
    font-weight: 300;
}
.infinite-blog-title-wrap .infinite-single-article-title {
    font-size: 30px;
}

.infinite-blog-info-wrapper .infinite-blog-info:last-child {
    display: none;
}

/* blog grid home */
.gdlr-core-blog-grid .gdlr-core-blog-title {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
}
.gdlr-core-block-item-title-wrap .gdlr-core-block-item-title {
    color: #fff;
}
.gdlr-core-flexslider-nav.gdlr-core-round-style li a, .gdlr-core-flexslider-nav.gdlr-core-rectangle-style li a {
    background-color: #eaeaea;
    font-size: 40px;
    padding: 10px;
}
.gdlr-core-flexslider-nav .flex-direction-nav li a {
    color: #1a4b64;
    border-color: #fff;
}
.gdlr-core-block-item-title-wrap.gdlr-core-left-align .gdlr-core-block-item-title {
    font-weight: 300;
}

/* gallery grid element */
.gdlr-core-sly-scroll .gdlr-core-sly-scroll-handle {
    background: #1a4b64;
}

/* portfolio */ 
/* portfolio overview */
.infinite-page-title-wrap.infinite-style-custom .infinite-page-title-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}
/* portfolio single page */
.infinite-page-title-wrap.infinite-style-medium .infinite-page-title-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}
.gdlr-core-portfolio-single-nav .gdlr-core-portfolio-text {
    display: none;
}
.gdlr-core-portfolio-single-nav-wrap {
    border-top: 1px;
    padding: 10px 0px;
}

/* gallery */
.gdlr-core-image-overlay.gdlr-core-gallery-image-overlay .gdlr-core-image-overlay-title {
    display: none;
}


/* Grid-Layout für das Formular */
.ugj-form-intro {
  margin-bottom: 0.5rem;
}

.ugj-form-grid,
.ugj-form-intro + fieldset,
.ugj-form-intro + p {
  max-width: 800px;
  margin: 0 auto;
}

.ugj-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 0.5rem;
}

.ugj-form-field,
.ugj-form-intro + fieldset > p {
  margin: 0;
}

.ugj-input,
.ugj-textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
}

.ugj-textarea {
  min-height: 120px;
  resize: vertical;
}

.ugj-checkbox label {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
}

.ugj-checkbox input[type="checkbox"] {
  margin-right: 0.5rem;
}

.ugj-button {
  background-color: #0a4a5c; /* CI-Dunkelblau */
  color: #fff;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
}

.ugj-button:hover {
  background-color: #083746;
}

/* Honeypot ausblenden */
.ugj-honeypot {
  position: absolute;
  left: -9999px;
  height: 0;
  overflow: hidden;
}


@media only screen and (max-width: 767px){

/* page */
/* page title */
.infinite-page-title-wrap.infinite-style-medium .infinite-page-title {
    font-size: 20px;
}
.infinite-copyright-right {
  font-size: 10px; 
}
.gdlr-core-blog-left-thumbnail .gdlr-core-blog-title {
    font-size: 18px;
    font-weight: 300;
}
.gdlr-core-portfolio-medium.gdlr-core-style-right .gdlr-core-portfolio-content-wrap {
  padding-right: 8px;
}
	#infinite-mobile-top-search {
		display:none;
	}
}