.bg-yellow {
    background: #fff100;
}

.bg-stone-gray {
    background: #ECECEC;
}

.ulreset.menu-inline.centered {
    text-align: center;
}
.drawing-causes {
    margin-top: -2em;
}
.drawing-causes li {
    display: inline-block;
    margin: 0 0.5em !important;
}
.drawing-causes li a {
    padding: 0.3em !important;
}
.drawing-causes li img {
    height: auto;
}

.post-type-archive-drawing article h1,
.post-type-archive-drawing article h2,
.post-type-archive-drawing article h3,
.post-type-archive-drawing article strong {
    color: #FF0089;
}
.logo-udud {
    display: inline-block;
    overflow: hidden;
    background: url('../images/logo_dibujodia.PNG') center center no-repeat;
    background-size: 100% auto;
    width: 400px;
    height: 250px;
    text-indent: -1000px;
    text-align: left;
}
.logo-udud-small {
    width: 300px;
    height: 150px;
}
.ududs {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: auto;
    position: absolute;
    background-size: 50% auto;
}
.ududs-s {
    width: 417px;
    height: 178px;
}
.ududs-s1 {
    background-image: url('../images/rayon_1.PNG');
    top: -1em;
    right: -1em;
    transform: rotate(15deg);
}
.ududs-s2 {
    background-image: url('../images/rayon_2.PNG');
    top: -1em;
    left: -1em;
    transform: rotate(-15deg);
}
.ududs-s3 {
    background-image: url('../images/rayon_3.PNG');
    bottom: -1em;
    right: -1em;
    transform: rotate(-15deg);
}
.ududs-s4 {
    background-image: url('../images/rayon_4.PNG');
    bottom: -1em;
    left: -1em;
    transform: rotate(-10deg);
}
.ududs-st {
    background-image: url('../images/elemento_seccion_dibujo.PNG');
    width: 100px;
    height: 100px;
}

.ududs-st:nth-child(1){
    top: 1em;
    left: 2em;
}
.ududs-st:nth-child(2){
    top: 15em;
    left: 3.8em;
}
.ududs-st:nth-child(3){
    top: 7.5em;
    right: 4.8em;
}
.ududs-st:nth-child(4){
    top: 21.8em;
    right: 2em;
}

.lbl-magenta {
    display: inline-block;
    padding: 0.12em 0.96em;
    background: #EB008B;
    color: #FFFFFF;
}
.lbl-magenta:hover {
    background: #ff64b6;
    color: #FFFFFF;
}
.lbl-big {
    font-size: 1.4em;
    text-align: center;
}

/* Text Styles */
.post-type-archive-drawing article.page h2,
.post-type-archive-drawing article.page h3 {
    display: table;
    padding: 0.32em 0.96em;
    text-align: center;
    margin: 1em auto;
}

.post-type-archive-drawing article.page h2 {
    background: #EB008B;
    color: #FFFFFF;
    text-transform: uppercase;
}
.post-type-archive-drawing article.page h3 {
    background: #000000;
    color: #FFFFFF;
}
.lbl {
    display: inline-block;
    padding: 0.5em;
}
.lbl-blue {
    background: #0000FF;
    color: #FFFFFF;
}
.lbl-black {
    background: #000000;
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .bg-half-white-y::before,
    .bg-half-white-x::before {
        background: #fff;
        display: block;
        content: '';
        position: absolute;
    }
    .bg-half-white-y::before {
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
    }
    .bg-half-white-x::before {
        width: 100%;
        height: calc(100%/3);
        top: calc(100%/3);
        left: 0;
    }
}

@media (max-width: 512px) {
    .logo-udud {
        width: 300px;
        height: 150px;
    }
    .ududs-s1 {
        right: -10em;
    }
    .ududs-s2 {
        left: -12em;
        top: 2em;
    }
    .ududs-s3 {
        right: -12em;
    }
    .ududs-s4 {
        left: -12em;
        transform: rotate(10deg);
    }
}