/*
 Theme Name:   adrem GmbH
 Theme URI:    https://www.neckarmedia.com
 Description:  adrem GmbH Theme
 Author:       Nathalie Wolf	
 Author URI:   https://www.neckarmedia.com
 Template:     enfold
 Version:      1.0
*/

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}

:root{
	--adrem-blue: #006c96;
}

/* =======================================================================================================================================
Typo
======================================================================================================================================= */
html{-webkit-tap-highlight-color: transparent;}
body{-webkit-font-smoothing: antialiased;}
body,p{font-weight: 400; line-height: 1.6; font-size: 1rem}
h1,h2,h3,h4,h5,h6{font-family: Montserrat, sans-serif; font-weight:700; line-height: 1.2; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-transform: inherit !important;}
a:hover, a:focus, a:visited{text-decoration: none;}
.main_color strong{color:#2B2E3E}

#top .special_amp{color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
#top .av-subheading {font-family: Libre Franklin, sans-serif; font-size: 13px; font-weight:500; text-transform: uppercase; letter-spacing:0.05em}

#top h1{font-size: 2rem; font-weight: 700}
#top h1 span{font-style: italic;}
#top h2{font-size: 1.75rem; margin-bottom: .8em;}
#top h3{font-size: 1.5rem}
#top h4{font-size: 1.25rem}

@media only screen and (min-width: 768px){
    #top h1{font-size: 2.75rem}
    #top h2{font-size: 2.125rem}
    #top h3{font-size: 1.75rem}
    #top h4{font-size: 1.5rem}
}

@media only screen and (min-width: 1280px){
    #top h1{font-size: 3.75rem}
    #top h2{font-size: 3.125rem}
    #top h3{font-size: 2.5rem}
}

/* Button */
#top div .avia-button{
	border-radius: 0;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
    padding: 1.25em 1.75em;
    border: 1px solid #006C96 !important;
    color: #fff !important;
    background: #006C96;
    font-weight: 600;
    transition: .15s ease;
}
#top div .avia-button:hover{opacity: 1; background: hsl(197deg 100% 39%)}

#top div .avia-button.avia-color-dark{color: #006C96 !important;}
#top div .avia-button.avia-color-dark:hover{color: #fff !important}


/* =======================================================================================================================================
Page Title
======================================================================================================================================= */
._home-header .content{padding: 75px 0}

@media only screen and (min-width: 768px){
	._home-header .content{padding: 150px 0}
}


/* =======================================================================================================================================
Header
======================================================================================================================================= */
@media only screen and (max-width: 989px){
	.responsive #top #header{position: fixed !important; top: 0; line-height: 0; background: #fff !important}
	.responsive #top #main,
	.responsive.html_mobile_menu_tablet.html_header_top #top #main{padding-top: 80px !important}
	.responsive #top #header_main > .container .main_menu .av-main-nav > li > a, 
	.responsive #top #wrap_all .av-logo-container{
	    height: 80px !important;
	    line-height: 80px !important;
	}
}

@media only screen and (min-width: 990px){
	#header:not(.av_header_transparency) .header_bg{-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px); opacity: 1; background: rgb(255 255 255 / 80%);}
}

/* Logo */
#header .inner-container .logo,
#header .inner-container .logo a{display: flex; align-items: center; overflow: visible;}
#header .inner-container .logo a svg{-webkit-transform-origin: top left; transform-origin: top left; transition: .2s ease; height: 100% !important; translate: 0 13px;}

@media only screen and (min-width: 990px){
	#header .inner-container .logo a svg{scale: 1.35; width: 100px; translate: 0 0}
	#header.av_header_transparency .logo a svg > g > g > path:nth-child(4),
	#header.av_header_transparency .logo a svg > g > g > path:nth-child(5),
	#header.av_header_transparency .logo a svg > g > g > path:nth-child(6){fill: #fff}
}

@media only screen and (min-width: 1280px){
	#header.av_header_transparency .logo a svg{scale: 1.5}
}

/* Navigation */
@media only screen and (min-width: 990px){
	#header .inner-container nav ul#avia-menu > li > a{text-transform: uppercase; font-weight: 600; font-size: .7rem; letter-spacing: 0.15em}
	#header .inner-container nav ul#avia-menu > li > a .avia-menu-fx{background: var(--adrem-blue);}
	#header .inner-container nav ul#avia-menu > li li > a{font-size: .8rem}
}

@media only screen and (min-width: 1280px){
	#header .inner-container nav ul#avia-menu > li > a{font-size: .8rem;}
	#header .inner-container nav ul#avia-menu > li li > a{font-size: 1rem}
}

/* Burger Menu */
.html_av-overlay-side #top #wrap_all ul#av-burger-menu-ul{vertical-align: top;}
.html_av-overlay-side #top #wrap_all ul#av-burger-menu-ul > li > a{text-transform: uppercase; font-weight: 600; font-size: .8rem; letter-spacing: 0.15em}
.html_av-overlay-side #top #wrap_all ul#av-burger-menu-ul > li > li a{}




/* =======================================================================================================================================
Homepage
======================================================================================================================================= */

/* homepage uber uns section */
._uber-uns {
	margin-bottom:-100px!important;
}
#top .uber-uns-title .av-subheading {
	margin-bottom:20px;
	color:#BABEBB;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
#top .uber-uns-title h2.av-special-heading-tag {
	font-weight:800;
	text-transform:none;
}
#top .uber-uns-title h2.av-special-heading-tag span {
	color:#006C96;
}
#top #wrap_all .av-special-heading.uber-uns-title {
	margin-bottom:0px;
	padding-bottom:0px
}
#top #wrap_all .av-special-heading.uber-uns-title h5.av-special-heading-tag {
	font-weight: 700;
	font-size: 30px;
}
._uber-uns .av-special-heading {
	margin-top:30px!important;
}

/* homepage column in the right side of uber uns */
.credibility-column {
	min-height:700px!important;
	padding: 30px;
	display: flex;
	flex-flow: column;
	align-content: center;
	align-items: center;
	justify-content: center;
}
/* partner logos */
._partner-logos .avia-logo-element-container .slide-entry img {
	width:60%!important;
}

/* homepage header contact */
.header-contact {
	margin-top:50px;
	border-top:none!important;
	border-right:none!important;
	border-bottom:none!important;
}
#top .header-contact .iconbox_left_content.av-icon-style-no-border .iconbox_icon {
	font-size:25px;
	height: 25px;
	width: 25px;
	line-height: 25px;
}
#top .header-contact .iconbox_left_content.av-icon-style-no-border:nth-child(2) .iconbox_icon {
	font-size:18px
}
#top h3.iconbox_content_title {
	text-transform:none;
	font-weight:800;
}
#top .header-contact .iconbox_content_container p{
	font-weight:600;
	margin-top:5px
}

#top .iconbox_content a{
	text-decoration: none;
}

.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist-timeline{display: none;}


/* =======================================================================================================================================
Inside pages
======================================================================================================================================= */
.header-contact.no-border {margin-top:50px; padding-left:0px!important; border:none!important;}


/* =======================================================================================================================================
Misc
======================================================================================================================================= */
/* Images */
#top .image-overlay{display: none !important;}

/* Features section */
._feature-boxes .container{margin-top: -75px !important;}
._feature-boxes .first-box{box-shadow:0px 3px 30px rgba(10, 45, 59, .1);}
._feature-boxes .first-box .av-icon-char{font-size: 15px; line-height: 15px; width: 15px; color: #006C96; margin-bottom:20px; border:none;} 
._feature-boxes .first-box .av-iconlist-small li{margin-bottom:15px}
._feature-boxes .first-box h3{font-family:Montserrat, sans-serif; color:#2B2E3E; font-weight:700;}
._feature-boxes .first-box .av-iconlist-small li .iconlist-char{color:#006C96}

@media only screen and (min-width: 768px){
	._feature-boxes .container{margin-top: -150px !important;}
}

/* list on 2 columns */
.list-on-2-col ul{font-weight: 600;}
.list-on-2-col ul li{margin-bottom: 10px}

@media only screen and (min-width: 768px){
	.list-on-2-col ul{
		-webkit-columns: 2;
		    -moz-columns: 2;
		        columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	.list-on-2-col ul li{margin-bottom: 20px}
}


/* Accordeon */
.toggle_icon .vert_icon, .toggle_icon .hor_icon{
	border-color: #006C96;
}


/* =======================================================================================================================================
Posts Shortcode
======================================================================================================================================= */
#top .posts-wrapper{display: -ms-grid;display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 1rem;}
#top .posts-wrapper .post-content{display: flex;}
#top .posts-wrapper .post-content .the-date{
	min-width: 75px;
	max-width: 75px;
	height: 85px;
	border: 2px solid #fff;
	padding: 10px;
	margin-right: 20px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--adrem-blue);
	background: rgb(255 255 255 / 25%);
	display: -ms-grid;
	display: grid;
    place-content: center;
    text-align: center;
}
#top .posts-wrapper .post-content .the-date > span{-webkit-hyphens: auto;-ms-hyphens: auto; hyphens: auto; line-height: 1.2; padding: .15em 0; font-weight: 500}
#top .posts-wrapper .post-content .the-date > span:nth-child(1){font-weight: 800}
#top .posts-wrapper .post-content .the-post-content a{
	display:block;
	color:#2B2E3E;
	font-weight:700;
	font-size:18px;
	margin-bottom:10px
}
#top .posts-wrapper .post-content .the-post-content a:hover{
	text-decoration:none;
	color: #006C96;
}

@media only screen and (min-width: 990px){
	#top .posts-wrapper{-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr); grid-gap: 4rem; margin-bottom: 2rem}
}


/* =======================================================================================================================================
CF7 Contact Form 7
======================================================================================================================================= */
/* CF7 Style */
#top form.wpcf7-form input,
#top form.wpcf7-form select,
#top form.wpcf7-form textarea{padding: 1em; border-radius: 4px; border: 1px solid #d0d0d0 !important; color: #000 !important; font-size: 1rem; margin-bottom: 15px !important; background-color: transparent !important}
#top form.wpcf7-form input.wpcf7-submit{padding: 1.7em 2em; border-radius: 4px; border: none !important; color: #fff !important; font-size: 1rem; background-color: #006c96 !important;width:100%; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; border-radius:0px!important;}

#top form.wpcf7-form .wpcf7-acceptance{display: block; margin-bottom: 1em}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item{margin: 0}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item > label{display: flex;}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item > label > input{margin: .2em .8em 0 0;}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item > label > .wpcf7-list-item-label{line-height: 1.5; color: #000; font-size: small}

/* CF7 Grid */
@media only screen and (min-width: 567px) {
    #top form.wpcf7-form .nm_row{width: 100%; display: block; clear: both; overflow: hidden;}
    #top form.wpcf7-form .nm_one_half{width: 49.25%; margin-left: 1.5%; clear: none; float: left;}
    #top form.wpcf7-form .nm_row div:first-child{margin-left: 0}
    #top form.wpcf7-form .nm_two_third{width: 66.1666667% !important; margin-left: 1.5%; clear: none !important; float: left !important;}
    #top form.wpcf7-form .nm_one_third{width: 32.3333333% !important; margin-left: 1.5%; clear: none !important; float: left !important;}
}

/* CF7 Output */
#top form.wpcf7-form .ajax-loader{display: none;}
#top form.wpcf7-form .wpcf7-not-valid-tip{display: none;}
#top form.wpcf7-form .wpcf7-response-output{font-size: 1rem; padding: 1em 2em; margin: 0; border: 0; line-height: 1.5; background: #eee; border-left: 2px solid #7d7d7d; color: #7d7d7d;}
#top form.wpcf7-form .wpcf7-not-valid{border-bottom: 1px solid darkred !important;}
#top form.wpcf7-form.invalid .wpcf7-response-output{background: #fff0f0; border-color: darkred; color: darkred}
#top form.wpcf7-form.sent .wpcf7-response-output{background: #daffda; border-color: green; color: green;}

/* contact form */
.contact-form label {
	display:none;
}
.contact-form p {
	margin-bottom:0px;
	margin-top:0px;
}
.contact-form input {
	margin-bottom:0px!important
}
.contact-form input[type="submit"] {
	margin-top:20px
}


/* =======================================================================================================================================
Footer
======================================================================================================================================= */
#socket .copyright{font-weight: 400; font-size: .8rem; display: flex; gap: 2em}
#socket .copyright:before{
	content: url('/wp-content/uploads/2023/01/AdRem_Logo.svg');
	width: 100px;
	display: inline-block;
}

#scroll-top-link{display: none !important;}

#socket .copyright div{margin: auto;}