/*-----------------------------------------------------------------------
MOBILE

* @Version:    1.0.0 - 2015
* @author:     Burocratik
* @email:      hello@burocratik.com
* @website:    http://www.burocratik.com

-----------------------------------------------------------------------*/

@media screen and (max-width:1400px) {
/*-------------------------------------------------------------------------
=INTRO LOADING
-------------------------------------------------------------------------*/

  .loaded:not(.single-loaded) .intro-loading:before,
  .skip-loaded:not(.skip-single-loaded) .intro-loading:before { border: 0px solid transparent; }

/*-------------------------------------------------------------------------
=HOME
-------------------------------------------------------------------------*/
  .home-recipes { border: 80px solid transparent; }
  .home-buy { bottom: 50px; }
  .bottom-links { bottom: 30px; }

/*-------------------------------------------------------------------------
=RECIPES
-------------------------------------------------------------------------*/
  .fake-home-recipes { border: 80px solid transparent; }
}


@media screen and (max-width:1300px) {
/*-------------------------------------------------------------------------
=RECIPES
-------------------------------------------------------------------------*/
  .recipe .block-recipe .recipe-wrapper.first { margin-right: 0; }
  .recipe .block-recipe .recipe-wrapper.second { margin-left: 0; }
}

@media screen and (max-width:1245px) {
/*-------------------------------------------------------------------------
=RECIPES
-------------------------------------------------------------------------*/
  .recipe .share-recipe {
    position: relative;
    bottom: initial;
    right: initial;
    margin: 145px auto 0 auto;
  }
}

@media screen and (max-width:1155px) {
/*-------------------------------------------------------------------------
=RECIPES
-------------------------------------------------------------------------*/
/*  #header-nav .burger { left: 17px; }*/

  .recipe .block-recipe .recipe-wrapper.first {
    -webkit-align-self: flex-start;
   -ms-flex-item-align: start;
            align-self: flex-start;
  }
  .block-recipe .recipe-wrapper .inner-wrapper { margin-left: 250px; }

  .recipe .block-recipe .recipe-wrapper.second {
    margin-top: -60px;
    margin-left: 0px;
    z-index: 21;
        -webkit-align-self: flex-end;
       -ms-flex-item-align: end;
                align-self: flex-end;
  }
  .block-recipe .recipe-wrapper.second .inner-wrapper { margin-left: 80px; }

  .block-recipe .recipe-wrapper.second .image-wrapper {
    right: initial;
    left: -150px;
  }
}

@media screen and (max-width:1080px) {
/*-------------------------------------------------------------------------
=RECIPES
-------------------------------------------------------------------------*/
  .block-recipe .recipe-wrapper .inner-wrapper,
  .recipe .block-recipe .recipe-wrapper.second .inner-wrapper { width: 626px; }

  .block-recipe .recipe-wrapper .inner-wrapper { margin-left: 200px; }
  .block-recipe .recipe-wrapper.first .inner-wrapper .text-wrapper { min-width: initial; }
}

@media screen and (max-width:1024px) {
  .mobile-home-burger {
    top: 45px;
    left: 50px;
  }
}

@media screen and (max-width:1024px) and (max-height:768px) {
  #header-nav .id-basilio {
    width: 258px;
    height: 90px;
  }
  .home-buy { bottom: 70px; }
  .help-down,
  .help-down svg {
    width: 62px;
    height: 62px;
  }
  .block-recipe .recipe-wrapper .inner-wrapper { margin-left: 230px; }
  .recipe .block-recipe .recipe-wrapper h3 { padding: 65px 80px 50px 80px; }
  .block-recipe .recipe-wrapper .bottom-wrapper { padding: 65px 80px 130px; }
  .recipe .block-recipe .recipe-wrapper.second .inner-wrapper {
    padding: 40px 160px 40px 80px;
    margin-left: 55px;
  }
  .recipe .block-recipe { padding-bottom: 100px; }
  .block-recipe .recipe-wrapper .bottom-wrapper { padding-bottom: 50px; }
}

@media screen and (max-width:900px) {
  .logo-loading-wrapper {
    z-index: 1;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
/*-------------------------------------------------------------------------
=RECIPES
-------------------------------------------------------------------------*/
  .recipe .block-recipe {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 140px;
  }
  .block-recipe .recipe-wrapper .inner-wrapper { margin-left: 100px; }
  .recipe .block-recipe .recipe-wrapper.second .inner-wrapper { margin-left: -40px; }

  .salmao-recipe .block-recipe .recipe-wrapper.second .image-wrapper,
  .block-recipe .recipe-wrapper.second .image-wrapper {
    left: initial;
    right: 20px;
    z-index: 20;
  }

  .salmao-recipe .block-recipe .recipe-wrapper.second .image-wrapper {
    bottom: 10px;
    right: -50px;
  }

  .bacalhau-recipe .block-recipe .recipe-wrapper.second .image-wrapper {
    left: -150px;
    right: initial;
    z-index: 10;
  }
}

@media screen and (max-width:767px) {
/*-------------------------------------------------------------------------
=GENERAL
-------------------------------------------------------------------------*/

  #sia {
    top: calc(100vh - 28px);
  }
  #header-nav .id-basilio,
  #header-nav .id-basilio svg {
    width: 258px;
    height: 90px;
  }

  .block-content, .block-content-fit { padding: 0 40px; }

  .loaded:not(.single-loaded) .intro-loading:before, .skip-loaded:not(.skip-single-loaded) .intro-loading:before {
    border: 0px solid transparent;
  }

  .intro-loading .palhissimas-intro,
  .intro-loading .text-wrapper { margin-top: 0px; }

  .id-basilio svg {
    width: 258px;
    height: 90px;
  }
  #header-nav .burger { top: 60px; }
  .help-down,
  .help-down svg {
    width: 72px;
    height: 72px;
  }
  .logo-loading-wrapper {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  .anim-sprite-palhissimas-logo-wrapper {
    display: block;
    margin: 0 auto;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  .block-title h2, .block-title .anim-title { max-width: 558px; }

/*-------------------------------------------------------------------------
=HOME
-------------------------------------------------------------------------*/
  .home-recipes,
  .fake-home-recipes { border: 0px solid transparent; }

  .home-recipes ul li { height: 245px; }
  .home-recipes ul li h2 {
    font-size: 38px;
    line-height: 44px;
    padding: 0 40px;
  }

  .home-buy { display: none; }

  .home .controls-wrapper {
    top: initial;
    right: initial;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 64px;
    height: 90px;
  }
  .home .recipe-pickers a.picker-link { display: none; }
  .home .recipe-pickers .recipe-picker {
    position: relative;
    width: 1px;
    height: 48px;
    right: initial;
    top: 0;
  }
  .home .recipe-pickers .a1,
  .home .recipe-pickers .a2,
  .home .recipe-pickers .a3,
  .home .recipe-pickers .a4,
  .home .recipe-pickers .a5,
  .home .recipe-pickers .a6 { top:0; }

  .home .menu-down {
    display: block;
    text-align: center;
  }
  .home .recipe-pickers .arrow-down-svg {
    position: relative;
    top: initial;
    right: initial;
  }

/*-------------------------------------------------------------------------
=RECIPES
-------------------------------------------------------------------------*/

  .block-title h2, .block-title .anim-title {
    font-size: 34px;
    line-height: 44px;
  }
  .recipe .block-recipe .recipe-wrapper {
    width: 90%;
  }
  .block-recipe .recipe-wrapper .inner-wrapper,
  .recipe .block-recipe .recipe-wrapper.second .inner-wrapper {
    width: 90%;
    padding: 20px 40px;
  }
  .block-recipe .recipe-wrapper .inner-wrapper p,
  .block-recipe .recipe-wrapper .inner-wrapper li {
    font-size: 18px;
    line-height: 24px;
  }

  .block-recipe .recipe-wrapper.first .inner-wrapper .image-wrapper {
    margin-right: 20px;
  }

  .block-recipe .recipe-wrapper .inner-wrapper { margin-left: 40px; }

  .block-recipe .recipe-wrapper.second .image-wrapper { max-width: 70%; }
  .block-recipe .recipe-wrapper.second .image-wrapper img { max-width: 100%; }

  .tomate-recipe .block-recipe .recipe-wrapper.second .image-wrapper { max-width: 50%; }

  .btn-full {
    font-size: 21px;
    padding: 20px 40px;
  }

  .bacalhau-recipe .block-recipe .recipe-wrapper.second .image-wrapper {
      bottom: -180px;
      left: initial;
      right: 20px;
      -webkit-transform: rotateZ(-90deg);
              transform: rotateZ(-90deg);
  }
  .footer-main .palhissimas-logo { background-size: contain; }
}

@media screen and (max-width:556px) {
  .logo-loading-wrapper {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}

@media screen and (max-width:414px) {
  #header-nav .burger { display: none; }
  .help-down,
  .help-down svg { width: 55px; }
  .block-title .palhissimas-logo {
    height: 180px;
    margin: 25px 0 50px 0;
  }
  .recipe .block-recipe .recipe-wrapper h3 { padding-top: 50px; padding-bottom: 50px; }
  .block-recipe .recipe-wrapper.first .inner-wrapper .image-wrapper { height: 270px; }
  .block-recipe .recipe-wrapper .inner-wrapper,
  .recipe .block-recipe .recipe-wrapper.second .inner-wrapper { padding: 40px; }
  .block-recipe .recipe-wrapper .bottom-wrapper { padding: 50px 50px 120px; }
  .recipe .block-recipe { padding-bottom: 0; }
  .block-recipe .recipe-wrapper.second .image-wrapper {
    max-width: 70%;
    bottom: -50px;
    right: -50px;
  }
  .block-recipe .recipe-wrapper.second .image-wrapper img { max-width: 70%; }
  .footer-main .palhissimas-logo { height: 120px; }
  .footer-main .footer-inner .btn { margin-top: 0; }
  .footer-main .footer-inner { padding: 40px; }
  .intro-loading .loading-wrapper > div { display: none; }
  .intro-loading .loading-wrapper .btn { margin: 0; }
  .home .recipe-pickers { display: none; }
  .recipe .share-recipe { margin: 100px auto 50px auto; }
  .footer-main { padding-top: 40px; }
  .block-recipe .recipe-wrapper.first .image-wrapper { display: none;  }
  .block-recipe .recipe-wrapper .inner-wrapper { margin-left: 17px; }
  .recipe .block-recipe .recipe-wrapper.second .inner-wrapper { margin-left: -20px; }
  .bacalhau-recipe .block-recipe .recipe-wrapper.second .image-wrapper {
    max-width: 50%;
    bottom: -50px;
    z-index: 20;
  }
  .light .recipe .block-recipe .recipe-wrapper.first { padding-bottom: 0; }
  .block-title .palhissimas-logo { background-position: center center; }
  .mobile-home-burger { top: 40px; left: 25px; }
  .mobile-home-burger .dash-1 { top: 19px; }
  .mobile-home-burger .dash-3 { top: 29px; }
  .home-recipes ul li h2 { letter-spacing: 0; }
  .home .controls-wrapper {
    width: 13px;
    height: 24px;
    bottom: 100px;
  }
  .home .controls-wrapper .menu-down {
    top: 0;
    right: 0;
  }
  .home-recipes ul li p {
    padding: 0;
    font-size: 18px;
    margin-bottom: 20px;
  }
  .mobile .btn {
    font-size: 16px;
    line-height: 1;
    padding: 12px 13px;
  }
  .home-recipes ul li h2 { margin-bottom: 25px;  }
  #header-nav .id-basilio,
  #header-nav .id-basilio svg {
    top: 32px;
    width: 180px;
    height: 63px;
  }


  .home-recipes ul li .btn { display: none; }

}

@media screen and (max-width:375px) {
/*-------------------------------------------------------------------------
=GENERAL
-------------------------------------------------------------------------*/

  .recipe .block-recipe .recipe-wrapper h3,
  .block-recipe .recipe-wrapper .bottom-wrapper {
    padding: 40px;
  }
  .block-recipe .recipe-wrapper .bottom-wrapper {
    padding-bottom: 100px;
  }
  .footer-main { padding: 0; }
  .footer-main .palhissimas-logo { height: 120px; }
  .footer-main .footer-inner { padding-top: 60px; }
  .intro-loading .loading-wrapper { margin-top: 25px; }

/*-------------------------------------------------------------------------
=HOME
-------------------------------------------------------------------------*/
  .home-recipes ul li h2 {
    font-size: 28px;
    line-height: 34px;
    padding: 0 24px;
  }
/*-------------------------------------------------------------------------
=RECIPE
-------------------------------------------------------------------------*/

  #header-nav .burger { top: 30px; }

  .block-title h2, .block-title .anim-title {
    font-size: 28px;
    line-height: 35px;
  }
  .block-title .palhissimas-logo { height: 100px; }
  .recipe .block-recipe .recipe-wrapper h3 {
    font-size: 28px;
    line-height: 35px;
  }

  .btn-full { padding: 20px 25px; }
}

@media screen and (max-width:320px) {
  .block-recipe .recipe-wrapper .inner-wrapper { margin-left: 45px; }
  .footer-main .footer-inner .btn {
    padding: 13px 0;
    margin-top: 20px;
  }
  .footer-main .footer-inner .btn:before,
  .footer-main .footer-inner .btn:after {
    margin: 0px 10px;
  }
  .footer-main .palhissimas-logo { height: 80px; }
  .intro-loading .img-mobile {
    padding-bottom: 0;
    padding-top: 10px
  }
  .home-recipes ul li p {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .home-recipes ul li h2 {
    font-size: 28px;
    line-height: 34px;
    padding: 0 24px;
  }

  .home-recipes ul li { height: auto; }
  #header-nav .id-basilio {
    width: 129px;
    height: 45px;
  }
  .mobile-home-burger { top: 30px; }
}

@media screen and (max-height: 700px) and (orientation: landscape) {
  .logo-loading-wrapper {
    height: 375px;
    z-index: 1;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  #header-nav .id-basilio {
    width: 258px;
    height: 90px;
  }
  .intro-loading .loading-wrapper > div { top: -15px; }
  #header-nav .burger { top: 60px; }
  .help-down,
  .help-down svg {
    width: 72px;
    height: 72px;
  }
  .intro-loading .loading-wrapper {
    margin-top: 40px;
    margin-bottom: 60px;
  }
  .recipe .lingMenu { top: 75px; }
}

@media screen and (max-height: 414px) and (orientation: landscape) {
  #header-nav .id-basilio {
    top: 32px;
    width: 180px;
    height: 63px;
  }
  .home-recipes ul li h2 {
    font-size: 26px;
    line-height: 26px;
    padding: 0 80px;
  }
  .home-recipes ul li .btn { display: inline-block; }
  // .home-recipes ul li .btn { display: none; }
  .home-recipes ul li p {
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 3px
  }
  .mobile-home-burger { top: 32px; }
  .mobile-home-burger .dash-1 { top: 17px; }
  .mobile-home-burger .dash-3 { top: 31px; }
}

@media screen and (max-height: 400px){
  .mobile-home-menu ul li a {
    font-size: 20px;
  }
  .mobile-home-menu .language-picker {
    margin-top: 10px;
  }
  .mobile-home-menu > ul {
    margin-top: 20px;
  }
}

@media screen and (max-height:320px) and (orientation: landscape) {
  #header-nav .id-basilio {
    top: 32px;
    width: 129px;
    height: 45px;
  }
  .mobile-home-burger {
    top: 27px;
  }
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  .footer-main .palhissimas-logo {
    background: transparent url("../imgs/id/palhissimas-dark@2x.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  .light .footer-main .palhissimas-logo {
    background-image: url("../imgs/id/palhissimas-light@2x.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  .block-title .palhissimas-logo {
    background: transparent url("../imgs/id/palhissimas-dark@2x.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  #header-nav .id-basilio .logo-header-dark {
    background-image: url("../imgs/id/sr-basilio-dark@2x.png");
  }
  #header-nav .id-basilio .logo-header-light {
    background-image: url("../imgs/id/sr-basilio-light@2x.png");
  }
}




/*.home .header { height: 100%; }*/
.home-recipes .scroll-wrapper {
  overflow-y: scroll;
  height: 100vh;

  padding-right: 15px;
  position: relative;
  right: -30px;

  /*-webkit-overflow-scrolling: auto;*/
}
.mobile .home-bg-images .block-bg-cover { opacity: 1; }
.mobile .home-bg-images .block-bg-cover.on { opacity: 1; }

.mobile .home .recipe-pickers a.picker-link { display: none; }
.mobile .mobile-home-burger { display: block; }
.mobile #header-nav .burger { display: none; }

.mobile .home-recipes .scroll-wrapper {
  padding-right: 0px;
  right: 0px;
}

.mobile .home-recipes ul { padding-right: 0; }

.mobile .home-recipes ul li {
  height: 160px;
  overflow: initial; 
}

/*-------------------------------------------------------------------------
=IE10
-------------------------------------------------------------------------*/
.ie10 .fake-home-recipes { display: none; }
.ie10 .home-recipes ul li { height: 240px; }
.ie10 .home .controls-wrapper .menu-down {
  top: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ie10 .mobile-home-menu.on { display: block; }
.ie10 .mobile-home-menu ul {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*-------------------------------------------------------------------------
=IE11
-------------------------------------------------------------------------*/
.ie11 .header-grid {
  position: relative;
  top: calc(50vh - 273px);
}
.ie11 .page-404 .home-recipes .home-recipe-wrapper {
  position: relative;
  right: calc(50% - 400px);
}