@charset "utf-8";
/* CSS Document */

body {
    font-family: "museo-sans-rounded",sans-serif;
    font-size:16px;
    line-height:1.4;
    font-weight:300;
}
h4 {
    font-weight:300;
}
h3 {
    font-size:1.2em;
    font-weight:300;
}
h2 {
    font-size:1.4em;
    font-weight:300;
}
h1 {
    font-size:2.3em;
    font-weight:300;
}

a, .smaller-blog-post.blog-post a {
    color:#ff50bb;
    text-decoration: none;
    
}
.post-body a {
    text-decoration:underline;
}
a:hover {
    color:#ff50bb;
    text-decoration:none;
}
.comment-list {
    border:0;
}
.post-title {
    max-width:100%;
    width:100%;
}
.section-orange a {
    color:#fff;
    text-decoration:none;
}
.readmore {
    font-size:.75em;
}
.section {
    padding:80px 0;
}
.section-white {
    background-color:#fff;
    color:#ff50bb;
}
.section-pink {
    background-color:#ffb8ec;
    color:#fff;
}
.section-pink a {
    color:#fff;
}
.section-pink a:hover {
    color:#3F77F5;
}
.section-grey {
    background-color:#eee;
}
.section-black {
    background-color:#000;
}
.services {
    padding:10px 40px;
}
.services img {
    margin:0 auto;
}
.services a:hover img, .section-tumblr a:hover img {
    opacity:.7;
}
#game {
    font-family: 'Press Start 2P';
}
a:hover.btn.btn-default {
    color:#fff;
}
.navbar-brand {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
}
.form input {
    color:#000;
}
.form input.btn {
    color:#fff;
}
input, .form input,select {
    color:#ff50bb;
}

.panel1 {
    background-color:#eee;
    color:#000;
    min-height:250px;
    margin:15px;
    padding:30px;
}
.section-darkgrey {
    background-color:#555;
    color:#fff;
}
.section-darkgrey a {
    color:#fff;
}
.ride-ups {
    background-color:#ffe3f7;
    color:#ff50bb;
}
a .cutepj {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

a:hover .cutepj {
    visibility: visible;
    opacity: 1;
    background-color:#ffb8ec;
    border-radius:5px;
    padding:5px;
    border:2px solid #ff50bb;
    margin:0 auto;
    margin-top:8vw;
    color:#000;
    width:200px;
}
a:hover .cutepj1
{
    background-image:url('img/shorts-hover.jpg');
}
a:hover .cutepj2{
    background-image:url('img/crop-top-hover.jpg');
}
a:hover .cutepj3{
    background-image:url('img/pants-hover.jpg');
}
a:hover .cutepj4{
    background-image:url('img/crop-tee-hover.jpg');
}
.tile1    {
    background-image:url('img/tile-1.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    height:33vw;
    transition: visibility 0s, opacity 0.5s linear;
    
    
}
.tile2    {
    background-image:url('img/tile-2.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    height:33vw;
    transition: visibility 0s, opacity 0.5s linear;
    
    
}
.tile3    {
    background-image:url('img/tile-3.jpg');
    background-siimgze:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    height:33vw;
    transition: visibility 0s, opacity 0.5s linear;
    
    
}
a .cutepj1    {
    background-image:url('img/shorts.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    height:25vw;
    transition: visibility 0s, opacity 0.5s linear;
    
    
}
a .cutepj2    {
    background-image:url('img/crop-top.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    height:25vw;
    transition: visibility 0s, opacity 0.5s linear;
    
    
}
a .cutepj3    {
    background-image:url('img/pants.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    height:25vw;
    transition: visibility 0s, opacity 0.5s linear;
    
    
}
a .cutepj4    {
    background-image:url('img/crop-tee.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    height:25vw;
    transition: visibility 0s, opacity 0.5s linear;
    
    
}
.bunny {
    background-image:url('img/bunny-fabric.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    height:25vw;
    
    
}
.fox {
    background-image:url('img/fox-fabric.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    height:25vw;
    
}
.watermelon {
    background-image:url('img/watermelon-fabric.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    height:25vw;
    
}
.fox h1, .watermelon h1, .bunny h1 {
    margin-top:10vw;
    color:#ffb8ec;
    font-family: 'Press Start 2P', cursive;
    
    text-shadow:
        -3px -3px 0 #000,
        3px -3px 0 #000,
        -3px 3px 0 #000,
        3px 3px 0 #000;
    
}

.btn {
    background-color:#ff50bb;
    color:#fff;
}
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.section-pajamas-hero {
    background-image:url('img/pj-hero.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    color:#FFF;
    text-shadow:0px 0px 10px rgba(150, 150, 150, 0.6);
    height:43vw;
}
.section-pj-stack {
    background-image:url('img/pj-stack.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    color:#FFF;
    text-shadow:0px 0px 10px rgba(150, 150, 150, 0.6);
    height:43vw;
}
.section-tumblr {
    background-image:url('https://hungrybumpajamas.com/img/demystify-3.jpg');
    background-size:cover;
    background-position:left center;
    
    
}
.section-pjs-vector  {
    background-image:url('https://hungrybumpajamas.com/img/pjs-vector.jpg');
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    color:#000;
    height:43vw;
}

.section-orange {
    background-color:#ff50bb;
    color:#fff;
}
.section-yellow {
    background-color:#FFCA00;
}

.section-green {
    background-color:#7AC943;
    color:#fff;
}
.navbar {
    border-radius:0;
    margin-bottom:0;
}
.navbar-default {
    background-color: #fff;
    border: 0px;
    border-bottom:1px #efefef solid;
    
    
}
.navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a {
    color:#000;
    height:auto;
}
.navbar-nav>li>a {
    padding-top:40px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color:#ff50bb;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color:transparent;
}
.navbar-brand {
    font-size:1em;
    
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline;
    /* ie7 fix */
    zoom:1;
    /* hasLayout ie7 trigger */
    
}

.nav-tabs, .nav-pills {
    text-align:center;
}
a .kenburns {
    
    overflow: hidden;
    
    display: inline-block;
    
}

.resize-thumbnail {
    width:100%;
}

a .kenburns img {
    
    transition-duration: 5s;
    
    transform: scale(1.0);
    
    transform-origin: 50% 50%;
    
}

a:hover .kenburns img {
    
    transform: scale(1.2);
    
    transform-origin: 50% 0%;
    /* pan towards top of image */
    
}


.form-control {
    box-shadow: none;
}
.section-orange .btn {
    background-color:#000;
    color:#fff;
}

.btn:hover {
    background-color:#555;
    color:#fff;
}
.btn-default {
    padding:15px;
    border: 1px;
    color:#fff;
    background-color: #3F77F5;
}
.btn-default:hover {
    padding:15px;
    border: 1px;
    color:#fff;
    background-color: #7AC943;
}

input, .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    
    padding:5px 10px;
    border: 0;
    border-radius: 5px;
}
.form input, .webform input {
    margin-right:0;
}
.cute {
    padding:20px 0;
}
.image img {max-width:100%;}

.shop-catalogue, .shop-catalogue .image {height:auto;}
.shop-catalogue h4 {background-color: #ff50bb;color:#fff;}
.shop-catalogue h4 a {color:#fff;}
.shop-main .cart-summary {width:100%;}
#outerImageContainer {
    max-width: 90%;
    overflow: hidden;
    height: auto !important;font-size:0;
}

#imageDataContainer {
    max-width: 90%;
    overflow: hidden;
}

#lightboxImage {
    max-width: 100%;
}
.shop-product-large h1 {font-size:1.7em;color: #ff50bb;}
.shop-catalogue{width:100%;}
.shop-product-small .image {width:auto;height:auto;}
    .shop-product-large .details {width:100%!important;}
    .shop-product-large .image {margin-left:0!important;}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and down) */
@media (max-width: 767px) {
    .navbar-brand {
        border-top:#e7e7e7 1px solid;
    }
    h1 {
        font-size:1.8em;
        font-weight:100;
    }
    .section {
        padding:40px 0;
    }
    .fox, .watermelon, .bunny {
        height:50vw;
    }
    .fox h1, .watermelon h1, .bunny h1  {
        margin-top:20vw;
    }
    .section-pjs-vector  {
        background-image:url('img/pjs-vector-mobile.jpg');
        
        height:150vw;
    }
    
    .section-pajamas-hero {
        background-image:url('img/pj-hero-mobile.jpg');
        height:78vw;
    }
    .cutepj1 , .cutepj2, .cutepj3, .cutepj4, .tile1,.tile2,.tile3  {
        height:100vw !important;
    }
    a:hover .cutepj {
        
        margin-top:50vw;
        
    }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    .navbar-nav>li>a {
        padding-top:79px;
    }
    .navbar-nav>li>a.instagram {
        padding-top:74px;
    }
    .navbar-nav>li>a.facebook {
        padding-top:74px;
    }
    .cutepj1 , .cutepj2, .cutepj3, .cutepj4{
        height:50vw!important;
    }


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-nav>li>a {
        padding-top:40px;
    }
    .navbar-nav>li>a.instagram {
        padding-top:35px;
    }
    .navbar-nav>li>a.facebook {
        padding-top:35px;
    }
    .cutepj1 , .cutepj2, .cutepj3, .cutepj4 {
        height:25vw!important;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    ... }
/*
     FILE ARCHIVED ON 23:48:56 Jan 22, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:31:46 Jun 03, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.503
  exclusion.robots: 0.024
  exclusion.robots.policy: 0.015
  esindex: 0.009
  cdx.remote: 75.545
  LoadShardBlock: 192.593 (3)
  PetaboxLoader3.datanode: 268.108 (5)
  load_resource: 224.179
  PetaboxLoader3.resolve: 65.875
  loaddict: 38.033
*/