/*
 Theme Name:   GeneratePress Child
 Template:     generatepress
 */

body {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
	background-color: white;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

BODY {
	min-width:380px;
}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
     background-color: transparent;
}

.site-header {
background-size: auto;
/*border-bottom: 3px solid #1970DF;*/
-webkit-box-shadow: 0px 6px 10px 2px #000000; 
box-shadow: 0px 6px 10px 2px #000000;
}

.blue-line {
border-bottom: 1px solid #444 !important;
border-top: 1px solid #444 !important;
}

.nav-float-left #site-navigation {
    margin-right: 0px; 
    order: 1; 
	min-width: 640px;
}
.inside-header {
    display: block;
	padding:10px 40px;
    min-height:150px;
}
	
.after-header {
    background-color: transparent;
	min-height: 520px; 
	background: url(/wp/wp-content/uploads/Messerschmitt-Bubble-Cars-BG.jpg) no-repeat fixed;
	background-position-x: center;
	background-position-y: top;
	background-size: auto; /*cover;*/
	position: inherit;
}

#e4slogo {
    display: inline-block;
	float: left;
	margin-right: 10px;
}

#e4stitle {
	display: inline-block;
	background-image: none;
    color: #c5c5c5;
	font-size: 3rem;
	font-weight: bold;
	filter: drop-shadow(2px 2px #0A0A0A);
	padding-left:16px;
}

#footerTitle {
	display: inline-block;
	background-image: none;
    color: #c5c5c5;
	font-size: 2rem;
	font-weight: bold;
	filter: drop-shadow(2px 2px #0A0A0A);
	padding-left:16px;
}


@supports (background-clip: text) {
#e4stitle {
	display: inline-block;
	background-image: linear-gradient(to bottom, #666464, #c5c5c5, #666464);
    color: transparent;
    background-clip: text;
	font-size: 3rem;
	font-weight: bold;
	filter: drop-shadow(2px 2px #0A0A0A);
	padding-left:16px;
}
	
#footerTitle {
	display: inline-block;
	background-image: linear-gradient(to bottom, #666464, #c5c5c5, #666464);
    color: transparent;
    background-clip: text;
	font-size: 2rem;
	font-weight: bold;
	filter: drop-shadow(2px 2px #0A0A0A);
	padding-left:16px;
}
}	
	
.grid-container {
	max-width: 100%;
}

#e4sjoin-search .search-form {
	display: inline-block;
}
#e4sjoin-search .search-form input[type="search"] {
	border-radius:24px;
	padding: 4px 12px;
	max-width: 185px;
}

.gp-icon svg {
    top: .5em;
	left: -0.2em;
}
#fullPageWrap {
	background: transparent;
    margin: 20px auto 0px auto;
    padding: 20px 60px 40px 60px;
    width:100%;
    position: relative;
    z-index: 100;
	min-height: 600px;
	max-width:1400px;
}

.e4sgrey {
    width: calc(120px + 100%);
    background-color: #f5f5f5;
    padding: 20px 40px;
    margin: 0px -60px;
}
.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
    padding: 0px 0px 0px 0px;
}

.cat-links {display: none;}

.main-navigation {
	border-top: 2px #1970DF solid;
    display: inline-block;
	margin: 0px 20px;
}





.main-navigation .menu-bar-item>a {
    padding-left: 0px;
    padding-right: 0px;
    line-height: 60px;
}

#mega-menu-wrap-primary #mega-menu-primary > li {
	height:30px;
}

.site-header .header-image {
filter: drop-shadow(2px 2px #0A0A0A);
}

.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container {
    padding: 0px 15px 0px 15px;
}

#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge, #mega-menu-wrap-primary button.mega-close, #mega-menu-wrap-primary button.mega-toggle-standard {
	line-height: 2.6;
}
#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary , #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
    line-height: 1.6;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	display: block;
   padding: 6px 18px;
	margin:6px 0px;
	min-width:150px;
   text-align: left;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column-standard > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
   background-color: #1970DF;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column-standard h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
	margin-bottom:16px;
}



.wp-caption {
    min-width: 300px;
    text-align: center;
}

.wp-caption .wp-caption-text {
    font-size: 0.9rem;
    padding-top: 5px;
    opacity: 1; 
    margin-top: 10px;
    padding: 10px;
    border-radius: 30px;
}



.site-footer {
	color: var(--base-2);
    background-color: rgb(40,40,40);
		margin-top:-120px;
	padding: 120px 50px 20px 50px;
}

.footer-widgets {
	color: var(--base-2);
    background-color: rgb(40,40,40);
	font-size: 0.9rem;
}
.footer-widgets a {
	text-decoration: none;
}

.footer-widgets a:hover {
	text-decoration: underline;
}


.footer-widget-2 {
	text-align: right;
}

.inside-site-info {
	display: none;
}
#footerLogo {
    width: 100px;
	margin: 0px 0px 0px 60px;
    display: inline-block;
    z-index: 100;
    position: relative;
	vertical-align: middle;
}



.footer-widgets-container {
	margin-top:20px;
	border-top: 2px #1970DF solid;
    padding: 20px 40px 40px 20px;
}

.shadow {
	-webkit-filter: drop-shadow(5px 5px 4px #424242); 
	filter: drop-shadow(5px 5px 4px #424242);
}

h2 {
	font-size: 1.5rem;
	text-align: left;
}

.read-more {
	display: none;
}

.modula-gallery {
	margin-bottom:20px;
}


.df-app {
	margin-bottom: 20px;
}
.e4scards-grid {
  display: grid;
	width:100%;
    grid-template-columns: repeat(auto-fill, minmax(270px, 31%));
  gap: 0px 3.5%;
	margin:00px auto 0px auto;
	text-align: center;
	justify-content: space-around;
    align-items: stretch; /*flex-start*/
}

.e4swidecard {
	position: relative;
	float: none;
	display: inline-block;
	background-color: #FFF;
    margin: 0px 0px;
	padding:20px 20px 0px 20px;
}
.e4scard {
	position: relative;
	align-items: center;
    justify-content: center;
	text-align: center;
	float: none;
	display: inline-block;
	background-color: #FFF;
    padding: 0px;
    margin: 30px 0px;
	max-width:412px;
	padding-bottom:30px;
}
.e4scardlink {
	align-items: center;
    justify-content: center;
	text-align: center;
	float: none;
	display: inline-block;
    padding: 0px 20px 5px 20px;
}

.e4scard-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
	 text-align: center;
}

.e4scard-image img {
  width:100%;
  object-fit: cover;
}

.e4scard-details {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 20px;
  text-align: left;
}
.e4scard-details p {
	margin-bottom:30px;
}

.e4scard-details h2 {
	margin-bottom: 0px;
}
.e4scard-details a {
	position: absolute;
 	width:100%;
	bottom: 0;
	margin-bottom: 20px;
}

.e4scard-description {
  flex-grow: 1;
}
.e4scard-description p {
	margin-bottom:0px;
}

.e4scard-footer {
  display: flex;
	width: 100%;
  justify-content: space-between;
  align-items: center;
}

.bubble {
	margin-bottom:24px;
}

.wpcf7-form label {
	font-weight: bold;
	color:#444;
}

.e4sbtn, .e4sdownload, .more-link, input[type="submit"].wpcf7-submit {
	display: inline-block;
	color: #f1f1f1;
	text-decoration: none;
    background-color: #1970DF;
	color: white!important;
    padding: 6px 18px;
	margin:6px 0px;
	min-width:200px;
    text-align: center;
}
.e4scard .e4sbtn {
	width:auto;
}

.e4sdownload {
	display: block;
	margin:-16px auto 6px auto;
	width: 300px;
}

a.generate-back-to-top {
    background-color: transparent;
	z-index: 200;
}
a.generate-back-to-top:hover {
    background-color: transparent;
}

.gp-icon {
  display: inline-block;
}

.gp-icon svg {
	background-color:#1970DF;
	color: white;
    border-radius: 50%;
	font-size: 1.5rem;
	margin-top: -2px;
	padding:8px;
    height: 1.6em;
    width: 1.6em;
}
.gp-icon svg:hover {
background-color: #0231DD;
}

a.generate-back-to-top .gp-icon {
	padding: 5px;
}
a.generate-back-to-top .gp-icon svg:hover {
   background-color: #0231DD;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    &.mega-current-menu-item,
    &.mega-current-menu-ancestor,
    &.mega-current-page-ancestor {
         > a.mega-menu-link {
              background: #1970DF;
            color: #141414;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }
    }
}
	

.search-modal-form {
    width: 500px;
    max-width: 100%;
    background-color: var(--gp-search-modal-bg-color);
    color: var(--gp-search-modal-text-color);
}	

.search-modal-fields button, .search-modal-fields button:active, .search-modal-fields button:focus, .search-modal-fields button:hover {
    background-color: transparent;
    border: 0;
    color: currentColor;
    width: 60px;
    margin: -14px 8px 0px 0px;
}

.banner {
   margin-left: -60px; margin-right: -60px;    
   margin-bottom: -77px;
}

.banner img {
	width:100%;
	margin: 0px 0px 60px 0px;
}
.entry-title {
	    clear: both;
}

h2.entry-title {
	text-align: left;
	clear: both;
}
h2.entry-title a {
	color: #0231DD;
}
h2.entry-title a:hover {
	color: #1970DF;
}
.entry-meta {
	display: none;
}
.post-image img {
	float: left;
    margin-right: 20px;
	margin-bottom: 40px;
	max-width:150px;
}


button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
    background-color: transparent;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, a.wp-block-button__link:not(.has-background):hover {
    background-color: transparent;
}


.sl-wrapper .sl-navigation button.sl-prev, .sl-wrapper .sl-navigation button.sl-next
 {
        height: 50px;
        width: 50px;
        color: #fff;
        background-color: rgb(175, 32, 32);
        border-radius: 50%;
        padding: 0px 0px 6px 0px;
}


#e4sjoin-search {
	position: absolute; top: 50px; right: 50px;
}
#e4sjoin {
	background-color: #1970DF;
	padding:5px 20px;
	border-radius:10px;
	text-decoration: none;
	color: #eee;
}
#e4sjoin:hover  {
background-color: #0231DD;
}
a.e4sbtn:hover, a.more-link:hover, a.e4sdownload:hover {
	background-color: #0231DD!important;
	color: white;
}

.widget .search-form {
	display: inline-flex;
}
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    padding: 6px 12px;
}
button, input[type=button], input[type=reset], input[type=submit] {
   padding: 0px 0px 0px 6px;
}


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

	.main-navigation, .main-navigation ul ul {
		margin: 0px 20px;
	}
	.site-header {
	background-position-y: -40px;
	}	
	
	#e4sjoin-search {
		position: absolute;
		text-align: right;
		top:180px;
		right:20px;
		width:100%;
	}
}

@media only screen and (min-width: 1201px) {
	.site-header {
		background-size: auto; /*cover;*/
	}
}
	
@media only screen and (min-width: 1601px) {
	.site-header {
		background-size: 100%; /*cover;*/
	}
}


@media only screen and (min-width: 979px) {
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu {
		margin-top:0px;
}
}

@media only screen and (max-width: 978px) {
	#fullPageWrap {
	padding: 0px 20px;
	}
}

@media only screen and (max-width: 894px) {
		#e4sjoin-search {
		top:20px;
	}


	.e4scards-grid {
    grid-template-columns: repeat(auto-fill, minmax(310px, 31%));
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
		padding: 20px;
    }
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
    width: 600px;
    }
	.nav-float-left #site-navigation {
    margin-right: 0px;
    margin-left: 20px;
		min-width: inherit;
}	
	.banner {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -40px;
}
	.mega-block-title {display: none;}
		.e4sgrey {
    width: calc(40px + 100%);
    background-color: #f5f5f5;
    padding: 20px 40px;
    margin: 0px -20px;
}
	
	
}

@media (max-width: 768px) {
	.site-header {
    padding-top: 80px;
	}
   .inside-header {
    padding: 10px 10px;
	}	
	.footer-widget-2 {
    text-align: left;
    }
    #e4stitle {
    width: 100%;
    font-size: 2rem;
	}
	.nav-float-left #site-navigation {
    margin-right: 0px;
    margin-left: 0px;
	width: 100%;
}	
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
    width: 100%;
    }
	 .main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
        display: block;
		 width: 100%;
    }
		 .main-navigation button.menu-toggle {
        display: none!important;
    }

	.site-footer {
    color: var(--base-2);
    background-color: rgb(40, 40, 40);
    margin-top: -120px;
    padding: 120px 20px 20px 20px;
}
 .has-inline-mobile-toggle .inside-header {
    text-align: center;
  }
	  #e4slogo {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

}

footer.entry-meta {
	display: block;
}
footer.entry-meta .gp-icon {
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 5px;
}

.carCard {
	display: block;
	width:100%;
	clear: both;
}
.entry-meta #nav-below {
	display: none;
}