/*
 Theme Name:     LarmiWP
 Theme URI:      https://www.larmi.de
 Description:    Child Theme von Divi
 Author:         Larmi GmbH
 Author URI:     www.larmi.de
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
/*Color Page Fix*/
.hideme {
    display: none !important;
}


:root {
	 --main-color: #BE1823;
	 --secundary-color: #113E65;
	 --text-secundary-color: #000;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/poppins-0.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/poppins-1.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/poppins-2.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/poppins-3.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/poppins-4.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/poppins-5.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/poppins-6.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/poppins-7.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/poppins-8.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/poppins-9.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/poppins-10.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/poppins-11.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/poppins-12.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/poppins-13.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/poppins-14.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	font-family: Poppins;
}
::-moz-selection { /* Code for Firefox */
  color: var(--text-secundary-color);
  background:var(--secundary-color);
}
.container {
    width: 90%!important;
}
::selection {
  color: var(--text-secundary-color);
  background:var(--secundary-color);
}



/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) { 
    /* your css goes here */
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
    /* your css goes here */
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) { 
    /* your css goes here */
	.et_pb_svg_logo #logo {
    height: 65% !important;
    max-height: 65% !important;
}
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    /* your css goes here */
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    /* your css goes here */
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
    /* your css goes here */
}
@media only screen and ( max-width: 768px ) { 

}
@media only screen and (min-width: 981px) {

}

/*** Center Items Vertically ***/
.dp-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*** Reverse columns on mobiles ***/
@media screen and ( max-width: 980px ) {
    .reverse-columns {
        display: flex;
        flex-direction: column-reverse;
    }
}

/***  Portfolio ***/
.et_pb_row_fullwidth .dp-portfolio-grid .et_pb_portfolio_item {
    min-height: 400px;
}
.dp-portfolio-grid {
    padding: 0 10px;
}
.dp-portfolio-grid .et_pb_portfolio_item {
    min-height: 300px;
    padding: 35px;
    border: 10px solid transparent;
    position: relative;
    overflow: hidden;
}
.dp-portfolio-grid .et_pb_portfolio_item:hover .et_overlay {
    z-index: 3;
    opacity: 1;
}
.dp-portfolio-grid .et_portfolio_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.dp-portfolio-grid .et_portfolio_image img {
    max-width: none;
    object-fit: cover;
    height: 100%;
	width:100%;
    object-position: center;
}

.dp-portfolio-grid .et_pb_module_header,
.dp-portfolio-grid p.post-meta {
    position: relative;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -webkit-transform: translate(0, -20px);
}

.dp-portfolio-grid .et_pb_module_header {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.dp-portfolio-grid .et_pb_portfolio_item:hover .et_pb_module_header,
.dp-portfolio-grid .et_pb_portfolio_item:hover p.post-meta {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}
.dp-portfolio-grid
.et_pb_portofolio_pagination {
	border-top: none;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    padding: 15px 30px;
    border: none;
    background-color: #f6f7fa;
}

.dp-portfolio-grid .et_pb_portfolio_item:hover .et_portfolio_image img {
	transform: scale(1);
  transition: all .3s ease-in-out;
}
.dp-portfolio-grid .et_pb_portfolio_item .et_portfolio_image img {
	transition: all .3s ease-in-out;
  transform: scale(1.1);
}
/*** Portfolio Filters Responsive Fixes ***/
@media screen and ( min-width: 1600px ){
.dp-portfolio-grid .et_pb_portfolio_item {
    min-height: 400px !important;
}
}

@media screen and ( max-width: 1720px ) {
.dp-portfolio-grid .et_pb_portfolio_filters {
	  justify-content: flex-start !important;
    margin-top: 100px;
}
}


/* DP Sign Up Form */
.dp_sign_up.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}
.dp_sign_up.et_pb_newsletter .et_pb_newsletter_fields > * {

    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

@media screen and ( max-width: 980px ) {
	.dp_sign_up .et_pb_newsletter_form .et_pb_contact_field_half {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}
.dp_sign_up .et_pb_newsletter_fields > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
}

@media screen and ( max-width: 767px ) {
	.dp_sign_up .et_pb_newsletter_form .et_pb_contact_field_half {
    -ms-flex-preferred-size: 48%;
    flex-basis: 100%;
}
	.dp_sign_up.et_pb_newsletter .et_pb_newsletter_fields>* {
		flex-basis: 100% !important;
	}
}

/* Show right swiper arrow next to left arrow on testimonials carousel */
#creative-testimonials .swiper-button-next.swiper-arrow-button {
    right: auto !important;
    left: 60px;
}



/* Creative Team Member */
.creative_team_member.et_pb_social_media_follow:before {
	margin-top: 0;
	opacity: 0;
		transition: all .3s ease-in-out;
	
}


.creative_team_member:hover .et_pb_social_media_follow:before {
	opacity: 1 !important;
	transition: all .5 ease-in-out !important;
	margin-top: -50px;
	transition: all .2s ease-in-out;
	
}


.creative_team_member li {
transform: translateY(40px) !important;
	transition: all .2s ease-in-out;
	opacity: 0;
	
}
.creative_team_member:hover li {
transform: translateY(-10px) !important;
	transition: all .25s ease-in-out;
	opacity: 1;
}

.creative_team_member .et_pb_promo {
	border-radius: 0 0 100px 0;
	transition: all .25s ease-in-out;
}
.creative_team_member:hover .et_pb_promo {
	border-radius: 0 !important;
	transition: all .25s ease-in-out;
}


.creative_team_member .et_pb_promo:after {
	content: '24';
  float: right !important;
	margin-top: -30px;
	font-family: 'ETmodules';
	opacity: 0;
  transform: translateX(-40px);
	transition: all .25s ease-in-out;
}

.creative_team_member:hover .et_pb_promo:after {
	opacity: 1;
	transform: translateX(0);
	transition: all .25s ease-in-out;
}

/* DP Subheading */
.dp_subheading p:before {
	content: "";
  display: inline-block;
  width: 30px;
  height: 8px;
  background: var(--main-color);
  left: 0;
  top: 35%;
  position: absolute;
	border-radius: 5px 20px;
}
.dp_subheading p {
	padding-left:40px
}

/*** Blog Grid ***/
.dp_blog_grid .et_pb_post:hover {
	background-color: #fff !important;
transition: all .3s ease-in-out;
}
.dp_blog_grid .et_pb_post {
transition: all .3s ease-in-out !important;
	overflow: hidden;
}
.dp_blog_grid .et_pb_blog_grid .et_pb_post:hover .et_pb_image_container img {
	transform: scale(1.1);
	transition: all .4s ease-in-out;
}
.dp_blog_grid .et_pb_blog_grid .et_pb_post .et_pb_image_container img {
	transition: all .4s ease-in-out;
} <!-- wp:page-list /-->