@import url('https://fonts.googleapis.com/css2?family=Coiny&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');

/*#hero-theme{background-color:#84e4e9; background-image:url('/wp-content/themes/understrap/img/themes/ursinhos2/bg.png'); background-repeat:no-repeat;background-position:center 50px; background-size:contain;position: relative; height:250px; width:100%;}*/
#hero-theme{background-color: #fff; width:100%; height:auto;}
#hero-theme #nuvens1{width: 120px; position: absolute; top: 45px; right: 10%;}
#hero-theme #nuvens2{width: 120px; position: absolute; top: 15px; left: 10%;}
#hero-theme #sol{width: 130px; position: absolute; top:15px; left: 35%; z-index:0;}
#hero-theme #arvoretema{width:60px; position: absolute; bottom:-10px; left:20px; z-index:1; transform: scaleX(-1);}
#hero-theme #vacatema{width:210px; position: absolute; bottom:-20px; right:25%; z-index:2; transform: scaleX(-1);}
#hero-theme #porcotema{width:150px; position: absolute; bottom:-10px; left:30%; z-index:1;}
#hero-theme #galotema{width: 100px; position: absolute; bottom:255px; right:-15px; z-index:0;}
#hero-theme #celeiro{width:180px; position: absolute; bottom: 0px; right:-30px; z-index:0;}
#hero-theme #moldurasuperior{width:100%; height:70px;position: absolute;top: -8px; left:0px; z-index:5; background-image:url('/wp-content/themes/understrap/img/themes/ursinhos2/moldura.jpg'); background-repeat:repeat-x; background-size:200px;background-position: center;}
#hero-theme #moldura{width:100%; height:70px;position: absolute;bottom: -8px; left:0px; z-index:5; background-image:url('/wp-content/themes/understrap/img/themes/ursinhos2/moldura.jpg'); background-repeat:repeat-x; background-size:200px;background-position: center;}

.title-cha{background-color:#fff;text-align:center;background-image:url('/wp-content/themes/understrap/img/themes/ursinhos2/bg01.jpg');background-repeat:repeat;background-size:cover;background-position:bottom;overflow:auto;padding-top:20px;position: relative;}
#title-cha1{background-image:url('/wp-content/themes/understrap/img/themes/ursinhos2/bgtexto01.png');background-size:95%;background-repeat:no-repeat;background-position:top center;height: 210px;text-align:center;width:100%;max-width:470px;margin:auto;padding-top: 20px;}
#title-cha1 h1{padding-top:35px;font-family: 'Gochi Hand', sans-serif;color: #6ed0f7;}
#title-cha1 span{padding-top:15px; display:block; font-family: 'Coiny', sans-serif; color:#5b4538; font-size:40pt; margin-top: -20px;}
#title-cha2{background-image:url('/wp-content/themes/understrap/img/themes/ursinhos2/bgtexto02.png');background-size:60%; background-repeat:no-repeat; background-position:top center; height:140px; text-align:center; width:100%; max-width:275px; margin:10px auto; padding-top:0px;}
#title-cha2 h1{padding-top:25px;font-family: 'Gochi Hand', sans-serif;color: #6ed0f7;font-size: 18pt !important;}
#title-cha2 span{padding-top:5px; display:block; font-family: 'Coiny', sans-serif; color: #5b4538; font-size:25pt; margin-top: -5px;}

#title-cha1 span.bigger{padding-top: 15px;}

.title-sub{text-align:center; position:relative; overflow:hidden;}

.title-sub h1 {
    padding-top: 90px;
    padding-bottom: 90px;
    font-family: 'Gochi Hand', sans-serif;
    color: #6ed0f7 !important;
    background-image: url(/wp-content/themes/understrap/img/themes/ursinhos2/bgtexto02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 240px;
    z-index: 99;
    position: relative;
}

.title-cha #urso1{
    position: absolute;
    right: 0px;
    bottom:120px;
    width: 140px;
}

#title-local {
    background-image: url(/wp-content/themes/understrap/img/themes/ursinhos2/bg02.jpg);
    background-repeat: repeat;
    background-size: cover;
    background-position: top;
    padding:60px 20px 60px 0px;
    background-position: bottom;
}

#title-local #urso2{
    position: absolute;
    left: 10px;
    bottom:0px;
    width: 250px;
}

#title-rsvp{
    background-image: url(/wp-content/themes/understrap/img/themes/ursinhos2/bg03.jpg);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    background-size: 110%;
}

#title-rsvp #flor{
    position: absolute;
    left: -10px;
    bottom: 0px;
    width: 70px;
}
#title-rsvp #chocalho{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 90px;
}

#title-fotos #urso3{
    position: absolute;
    right: 10px;
    bottom: -20%;
    width: 160px;
}

#title-presentes #bandeira1{
    position: absolute;
    top: 20px;
    left: 10px;
    width: 150px;
}

#title-presentes #bandeira2{
    position: absolute;
    top: 20px;
    right: 10px;
    width: 150px;
}

#title-videos #meia{
    position: absolute;
    bottom: -10px;
    left: -10px;
    width: 150px;
}

#title-videos #caminhao{
    position: absolute;
    top: 20px;
    right: -20px;
    width:180px;
}

#title-videos{
    background-image: url(/wp-content/themes/understrap/img/themes/ursinhos2/bg05.jpg);
    background-size: cover;
    background-position: top;
    padding: 100px 20px 60px 0px;
}

#title-fotos{
    background-image: url(/wp-content/themes/understrap/img/themes/ursinhos2/bg04.jpg);
    background-size: cover;
    background-position: top;
    padding: 100px 20px 60px 0px;
}

#title-presentes{
    background-image: url(/wp-content/themes/understrap/img/themes/ursinhos2/bg07.jpg);
    background-size: cover;
    background-position: top;
    padding: 100px 20px 60px 0px;
}

#title-presentes #title-presentes1{
    position: absolute;
    bottom: 0px;
    right: -10px;
    width: 150px;
}

#title-presentes #title-presentes2{
    position: absolute;
    bottom: 0px;
    right: -10px;
    width: 150px;
}

#title-mural{
    background-image: url(/wp-content/themes/understrap/img/themes/ursinhos2/bg06.jpg);
    background-size: cover;
    background-position: top;
    padding: 100px 20px 60px 0px;
}

#title-mural #urso4{
    position: absolute;
    bottom: 10px;
    left: 20px;
    width: 100px;
}

#title-mural #carta{
    position: absolute;
    top: 20px;
    right: 0px;
    width: 100px;
}

#title-videos h1, #title-fotos h1, #title-mural h1, #title-presentes h1{
    background-image:url(/wp-content/themes/understrap/img/themes/ursinhos2/bgtexto02.png);
    padding-top: 75px;
    padding-bottom: 75px;
    background-position: center;
    background-size: 240px;
}

#title-presentes #urso5{
    position: absolute;
    bottom:0px;
    left: 10px;
    width: 120px;
}

#title-presentes #presente1{
    position: absolute;
    bottom:0px;
    left: 20px;
    width: 200px;
    z-index: 2;
}

#title-presentes #presente2{
    z-index: 1;
    position: absolute;
    bottom:0px;
    right: 50px;
    width: 170px;
}

#title-presentes #presente3{
    position: absolute;
    bottom:0px;
    right: 0px;
    width: 100px;
    z-index: 3;
}

#title-videos, #title-fotos, #title-mural, #title-presentes {
    padding: 20px;
}

#molduraemptycover{background-image:url('/wp-content/themes/understrap/img/themes/ursinhos2/moldura.jpg'); background-repeat:repeat-x; background-size:800px; background-position:center center; position:relative; height:29px; overflow:hidden; left: 0px; width: 100%;}

.hero-img #moldurasuperior{background-image:url('/wp-content/themes/understrap/img/themes/ursinhos2/moldura.jpg'); background-repeat:repeat-x; background-size:800px; background-position:top; position:absolute; height:150px; overflow:hidden; top: -10px; left: 0px; width: 100%;}

.hero-img #moldura{background-image:url('/wp-content/themes/understrap/img/themes/ursinhos2/moldura.jpg'); background-repeat:repeat-x; background-size:800px; background-position:bottom; position:absolute;; height:150px; overflow:hidden; bottom: -10px; left: 0px; width: 100%;}

.title-cha #cubos{float: left; width: 150px; margin-left:-10px; margin-top:-140px;}
.title-cha #brinquedo{float: right; width: 150px; margin-right:20px; margin-top:-120px;}

#sobreospais{background:#fff !important;}
#sobreospais .pink-text{font-family: 'Gochi Hand', sans-serif !important; color: #013241 !important; font-size: 20pt !important;}
#sobreospais .baby-green-1-text{font-family: 'Coiny', sans-serif; color: #000 !important; font-size: 25pt !important;}

@media (max-width:727px){
    .title-sub h1{font-size:18pt !important;padding-bottom:80px;background-size: 200px;padding-top:80px;}
    .title-sub{background-size:60%;}
    .title-cha #cubos{width: 70px; margin-left: 0px; margin-top: -100px;}
    .title-cha #brinquedo{width: 80px; margin-right: 10px; margin-top: -105px;}
    #title-fotos #flor_rosa{left:0px; width: 70px;}
    #title-fotos #flor_laranja{right:0px; width: 70px;}
    #title-mural h1{line-height:23px;}
    #title-rsvp #galinha{left:0px; width: 100px;}
    #title-rsvp #carneiro{right:-20px; width: 115px;}
    #title-cha1{height: 200px;margin-bottom: 25px;padding-top: 25px;}
    #title-cha1 h1{padding-top:15px;line-height: 55px;}
    #title-cha2{height:160px;}
    /*#hero-theme{background-position:center 50px; height: 200px;}*/
    #hero-theme #moldura{height: 50px; background-size: 150px;}
    #hero-theme #nuvens1{width:80px;}
    #hero-theme #nuvens2{width:80px;}
    #hero-theme #arvoretema{width: 70px; bottom: -10px;}
    #hero-theme #sol{width: 90px; top: 25px;}
    #hero-theme #celeiro{right:-30px; width:130px;}
    #hero-theme #vacatema{right:20%; width:120px; bottom: -9px;}
    #hero-theme #porcotema{left:20%; width: 100px; bottom: -6px;}
    .hero-img #moldura{background-size: 520px;}
    #title-local{padding:0px;}
    #title-local #escudo1{width: 70px;}
    #title-local #escudo2{width:70px;}
    #title-rsvp #estrela{width: 100px;}
    #title-rsvp #chocalho{width:70px;}
    #title-fotos #cegonha{width: 100px;}
    #title-fotos #brinquedo2{width: 100px;}
    #title-mural #urso4{width: 70px;}
    #title-mural #carta{width: 85px;}
    #title-presentes #urso5{width: 85px;}
    #title-presentes #presente1{width:155px;}
    #title-presentes #presente2{width:110px;}
    #title-presentes #presente3{width:85px;}
    #title-fotos #urso3{width: 200px;}
    #title-local #urso2{width: 100px;}
    #title-cha #urso1{width: 100px;}
    #title-videos #meia{width: 100px;}
    #title-videos #caminhao{width: 100px;}
    #title-videos h1, #title-fotos h1, #title-mural h1, #title-presentes h1{padding-bottom: 60px;background-size: 200px;padding-top: 60px;}
    #title-videos, #title-fotos, #title-mural, #title-presentes{padding: 0px;}
    #title-cha1 span.bigger{margin-top: -40px !important; font-size:30pt !important;}
}