/* 
 Theme Name:     ChanniDesign
 Author:         Channi
 Author URI:     https://www.channi.at/
 Template:       Divi
 Version:        2.0
 Description:   The Daisy Theme is a feminien and romantic Divi Child Theme for creatives, coaches and personal brand. The main goal is to generate more leads and customers for you with a stylish design.
 Wordpress Version: 6.1.1
*/ 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*Patch Notes JANUAR 2023 Version 2.0 
 * - Bilder wurden mit freien Bilder von Pexels und Pixybay augetauscht

/* Hintergrund Gradient bei Überschriften, Balken bei Überschriften*/

#h2-bg .highlight, .highlight{
  background-image:linear-gradient(180deg, transparent 55%, #ffffff 55%)
}

#h2-bg .highlight-2, .highlight-2{
  background-image:linear-gradient(180deg, transparent 55%, #f9f4f1 55%)
}


/*blog image aspect ratio square 1:1*/

.daisy-blog-image-1-1 .entry-featured-image-url {
  padding-top: 100%;
  display: block;
}

.daisy-blog-image-1-1 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}


/*PORTFOLIO 2 COLUMNS*/

@media (min-width: 981px) {
    .lwp-col-portfolio .et_pb_grid_item {
        width: 47.25%!important;
        margin-right: 5.5%!important;  
    }
 
    .lwp-col-portfolio .et_pb_grid_item:nth-child(3n) {
        margin-right: 5.5%!important;
    }
 
    .lwp-col-portfolio .et_pb_grid_item:nth-child(2n) {
        margin-right: 0!important;
    }
 
    .lwp-col-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
        clear: none!important;
    }
 
    .lwp-col-portfolio .et_pb_grid_item.first_in_row {
        clear: unset;
    }
}

/*porfolio image aspect ratio square 1:1*/

.pa-portfolio-image-1-1 .et_portfolio_image {
  padding-top: 100%;
  display: block;
}

.pa-portfolio-image-1-1 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}