@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap');

/*#hero-theme{background-color:#84e4e9; background-image:url('/wp-content/themes/understrap/img/themes/revelacao2/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/revelacao2/moldura01.png'); 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/revelacao2/moldura02.png'); 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/revelacao2/bg01.jpg'); background-repeat:repeat; background-size:cover; background-position:bottom; overflow:auto; padding-top:20px;}
#title-cha1{background-image:url('/wp-content/themes/understrap/img/themes/revelacao2/bgtext01.png');background-size:55%; background-repeat:no-repeat; background-position:top center; height:168px; text-align:center; width:100%; max-width:600px; margin:auto;}
#title-cha1 h1{padding-top:35px;font-family: 'Caveat Brush';color:#71bbaa;}
#title-cha1 span{padding-top:15px;display:block;font-family: 'Pacifico', sans-serif;color: #000000;font-size: 36pt;margin-top: -20px;}
#title-cha1 span.bigger{padding-top:30px;}
#title-cha2{background-image:url('/wp-content/themes/understrap/img/themes/revelacao2/bgtexto02.png');background-size:90%; background-repeat:no-repeat; background-position:top center; height:120px; text-align:center; width:100%; max-width:370px; margin:auto;}
#title-cha2 h1{padding-top:25px;font-family: 'Caveat Brush';color:#71bbaa;font-size: 18pt !important;}
#title-cha2 span{padding-top:5px;display:block;font-family: 'Pacifico', sans-serif;color: #000000;font-size: 35pt;margin-top: -20px;}

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

.title-sub h1 {
    padding-top: 100px;
    padding-bottom: 100px;
    font-family: 'Caveat Brush';
    color:#000 !important;
    background-image: url(/wp-content/themes/understrap/img/themes/revelacao2/bgtexto02.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size: 590px;
    z-index: 99;
    position: relative;
}

#title-local {
    background-image: url(/wp-content/themes/understrap/img/themes/revelacao2/bg02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#title-local #chocalho1{
    position: absolute;
    left: 10px;
    bottom: 20px;
    width: 70px;
}
#title-local #chocalho2{
    position: absolute;
    bottom: 20px;
    right: 10px;
    width: 70px;
}

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

#title-rsvp #flor1{
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 70px;
}

#title-rsvp #flor2{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 70px;
}

#title-fotos #galho{
    position: absolute;
    left: -10px;
    bottom: 0px;
    width: 160px;
}
#title-fotos #flor{
    position: absolute;
    bottom: 0px;
    right: -10px;
    width: 150px;
}

#title-mural #arvore2{
    position: absolute;
    bottom: -10px;
    left: -10px;
    width: 150px;
}

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

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

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

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

#title-videos #brinquedo{
    position: absolute;
    top:-100px;
    right: 46%px;
    width:200px;
}

#title-videos #varal{
    position: absolute;
    max-width: 800px;
    height: auto;
    top: 0px;
    left: 50%;
    margin-left: -400px;
    /* width: auto; */
}

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

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

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

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

#title-presentes{
    background-color:#f9f5b6;
    background-size: cover;
    background-position: top;
    padding: 100px 20px 60px 0px;
}

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

#molduraemptycover{background-image:url('/wp-content/themes/understrap/img/themes/revelacao2/moldura_superior.png'); background-repeat:repeat-x; background-size:800px; background-position:center; position:relative; height:60px; overflow:hidden; top: -10px; left: 0px; width: 100%; margin-bottom:-30px;}

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

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

.title-cha #cubos{float: left; width: 150px; margin-left:-10px; margin-top:-130px;}
.title-cha #brinquedo{float: right; width: 130px; margin-right:0px; margin-top:-70px;}

#sobreospais{background:#fff !important;}
#sobreospais .pink-text{font-family: 'Berlin Sans FB', sans-serif !important; color: #71bbaa !important; font-size: 20pt !important;}
#sobreospais .baby-green-1-text{font-family: 'French Script MT', sans-serif; color: #000000 !important; font-size: 25pt !important;}

@media (max-width:727px){
    .title-sub h1{font-size:18pt !important;padding-bottom: 70px;background-size: 390px;padding-top: 70px;background-position: center;}
    .title-sub{background-size:60%;}
    .title-cha #cubos{width:110px; margin-left:-30px; margin-top:-140px;}
    .title-cha #brinquedo{width: 70px; margin-right: 10px; margin-top:-70px;}
    #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-cha{padding-top:0px;}
    #title-cha1{height:170px; background-size:80%; padding-top: 15px;}
    #title-cha1 h1{padding-top:15px;}
    #title-cha2{height:140px; background-size: 100%; padding-top: 10px;}
    /*#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: 260px;}
    .hero-img #moldurasuperior{background-size: 260px;}
    #title-local #chocalho1{left: 0px;width: 60px;bottom: 10px;}
    #title-local #chocalho2{right: 0px;width: 60px;bottom: 10px;}
    #title-rsvp #flor1{width: 50px;}
    #title-rsvp #flor2{width: 50px;}
    #title-fotos #galho{width: 100px;}
    #title-fotos #flor{width: 100px;}
    #title-mural #arvore2{width: 100px;}
    #title-mural #arvore{width: 100px;}
    #title-presentes #carrinho{width: 100px;}
    #title-presentes #cavalo{width: 100px;}
    #title-videos #varal{width: 500px;margin-left: -250px;}
    #title-cha1 span.bigger{margin-top:-10px !important; font-size:28pt !important;}
}