/* 
Theme Name: Hello Child Theme by Oechsli
Theme URI: https://oechsli.com
Description: Hello OI is a child theme of Hello Elementor
Author: Oechsli
Author URI: https://oechsli.com/
Template: hello-elementor
Version: 1.1
Text Domain: hello-elementor-child
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
*/

body { margin:0; }

body:not(.elementor-page) .page-content,  .page-header {
    max-width: 1450px;
    margin:0 auto;
}

body:not(.elementor-page) .page-content {
padding:2em 0;
}

/*
    Add your custom styles here
*/

body { background-color:#2a3439 }

.site-page { background:#ffffff;  }

.preloader-overlay { 
background:#fff;
width:100%;
height:100%;
z-index:9999;
position: fixed;

 }

.single h2 {
    font-size: 2rem;
}


body.admin-bar.scrolling:not(.elementor-editor-active) .elementor-location-header  { top:32px; }


body.home:not(.scrolling):not(.elementor-editor-active) .elementor-location-header header#site-header { background:#ffffffc7; }


.elementor-location-header header#site-header #site-logo.full { transition:all .3s ease-in-out; }

.elementor.elementor-location-header, .elementor-editor-active .elementor.elementor-location-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

body.home:not(.scrolling) header#site-header .elementor-icon-list-item a:hover .elementor-icon-list-text { color:#BE955B }

body.home:not(.scrolling) header#site-header #group-logo .elementor-heading-title { color:#fff;text-shadow: 0px 0px 1px #ffffff;  }

body.home:not(.scrolling) header#site-header { background:#ffffffc7; }


header#site-header { 
    background:#ffffff;
    -moz-box-shadow: 0 4px 4px rgba(115, 115, 115, 0.12);
    -webkit-box-shadow: 0 4px 4px rgba(115, 115, 115, 0.12);
    box-shadow: 0 4px 4px rgba(115, 115, 115, 0.12);
    }

body.home:not(.scrolling) header#site-header { box-shadow: none;  }

body.home:not(.scrolling) .elementor-location-header { display: none; }

#site-logo svg {  
	width: 100%;
    height: auto;
    max-width: 180px; }

#site-logo.emblem svg { width:auto;height:40px; }
#site-logo.emblem .elementor-icon { display: flex;justify-content: center; }

#site-logo .elementor-icon, #site-logo .elementor-icon-wrapper { display: flex;justify-content: center; }

nav[role="navigation"] .elementor-item-active, nav[role="navigation"] .elementor-item:hover { text-decoration: underline; }

nav ul.sub-menu { min-width: 200px !important; }

/*hp*/

#homepage-banner { letter-spacing: 2rem !important }
#homepage-banner h1 { display: flex;flex-direction: column; }


#homepage-banner span.enclosed { 
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 14px;
    line-height: 3.4em;
    padding:5px; }


@media only screen and (max-width : 768px) {
#homepage-banner span.enclosed { 
    font-size:0.8rem;
   }
}

ul.team-icons { display:inline-block; padding:0; text-align:center }
ul.team-icons li { display:inline }
ul.team-icons li:after { content:"•";  }
ul.team-icons li:last-child:after { content:""; }
ul.team-icons li a { white-space:nowrap;color:#2a3439; }
ul.team-icons li a:hover { text-decoration:underline; }

.icon-dropshadow   .elementor-icon i { text-shadow:0px 2px 3px rgb(0 0 0 / 60%) }

.wpa-test-msg { display: none;  }

.team-icons { list-style-type: none;padding:0;margin:0;display: inline-block; }


ul.timeline-ul { padding:0;margin:0;list-style: none; }

/* TESTIMONIALS PAGE */
/* Testimonials page header */
.page-testimonials h1.elementor-heading-title.elementor-size-default {
    background: #38464E61;
	padding: 10px;
    margin-left: 14vw;
    margin-right: 14vw;
    margin-bottom: 53vh;
}

.page-testimonials .e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget {
    min-width: 100%;
}
.page-testimonials .elementor-posts-container.elementor-posts.elementor-posts--skin-cards.elementor-grid {
    grid-row-gap: 5vw;
}
.page-testimonials .elementor-posts .elementor-post__card {
	border: 1px solid #ccc;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    width: 700px;
    align-self: flex-end;
}

.page-testimonials .elementor-post:nth-child(2n+1) .elementor-post__card {
    align-self: flex-start;
}
/* Create quotes */
.testimonial-inner .elementor-post__excerpt {
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C" "\2019";
}

/* Create quotes part 2 */
.testimonial-inner .elementor-post__excerpt:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
.testimonial-inner h3 a {
    color: #808080;
    font-weight: 600;
    font-size: 19px;
}
.testimonial-inner .elementor-posts .elementor-post__excerpt p {
	display: inline;
    color: #777;
    font-size: 18px;
    line-height: 1.7em;
    margin: 0;
    font-style: oblique;
}
/* Add a testimonial form styling */
.e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget.testimonial-form {
    min-width: 88%;
}
/*==========  Mobile  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/*==========  Non-Mobile  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
/* Testimonials Page	 */
	.page-testimonials .elementor-grid-tablet-2 .elementor-grid {
			grid-template-columns: repeat(1, 1fr);
		}

	.page-testimonials .elementor-posts .elementor-post__card {
		width: 92vw;
		align-self: center;
	}

	.page-testimonials .elementor-post:nth-child(2n+1) .elementor-post__card {
		align-self: center;
	}
}
@media only screen and (max-width : 992px) {
#site-logo svg {  
    height:50px; }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) { 
	.page-testimonials h1.elementor-heading-title.elementor-size-default {
    background: #38464E61;
	padding: 10px;
    margin-left: 5vw;
    margin-right: 5vw;
    margin-bottom: unset;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}