/*
Theme Name: DE one
Theme URI: 
Author: Elle Andersson
Author URI: 
Description: Digitala Elles första tema
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: de-one
Tags: 
*/


/* Box med snygg ram start */

.special-ram {

}

.special-ram img {
    border-top-left-radius: 16px; 
    border-top-right-radius: 140px; 
    border: 7px #EDA556 solid;
    width: 100%;
    height: auto;
    display: block;
}


.special-ram-ljus {

}

.special-ram-ljus img {
    border-top-left-radius: 16px; 
    border-top-right-radius: 140px; 
    border: 7px #f1eddf solid;
    width: 100%;
    height: auto;
    display: block;
}
/* Box med snygg ram slut*/












/* Vågig bakgrund _ Får det inte att funka*/

.custom-shape-divider-top-1737725789 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1737725789 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 443px;
}

.custom-shape-divider-top-1737725789 .shape-fill {
    fill: #F6A459;
}





.custom-shape-divider-bottom-1737725935 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1737725935 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 500px;
}

.custom-shape-divider-bottom-1737725935 .shape-fill {
    fill: #F6A459;
}










.wavy-border {
  padding: 20px;
  background-color: #000000;
  clip-path: polygon(
    0% 5%,
    5% 0%,
    95% 0%,
    100% 5%,
    100% 95%,
    95% 100%,
    5% 100%,
    0% 95%
  );
}

/* Överlappande text-media */





/* Bakgrundsbild */





.site-header {
    background-image: url('https://digitalaelle.se/wp-content/uploads/2024/09/farger-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px; /* Justera höjden efter behov */
}


/* Överlappande text i bild – custom-overlap */


.custom-overlap.has-media-on-the-right .wp-block-media-text__content {
    margin-right: -130px;
}

.custom-overlap:not(.has-media-on-the-right) .wp-block-media-text__content {
    margin-left: -130px;
}