관리-도구

편집 파일: mobile.css

.toggleBtn {
  background: #333;
  float: right;
  cursor: Pointer;
  display: none;
  padding: 10px; }
  .toggleBtn span.icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
    background: #fff;
    margin-bottom: 4px; }
  .toggleBtn span:last-of-type {
    margin-bottom: 0 !important; }

.mobileMainNav {
  display: none;
  padding-top: 38px; }
  .mobileMainNav .slideDownMenu {
    background: #333;
    display: none;
    max-height: 350px;
    overflow-y: auto;
    z-index: 1;
    position: relative; }
    .mobileMainNav .slideDownMenu ul.mobileMenu {
      padding: 15px 0 0 0;
      margin: 0;
      border-top: 1px solid transparent;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
      .mobileMainNav .slideDownMenu ul.mobileMenu li {
        list-style: none;
        width: 96%;
        margin: 0 2% 10px 2%; }
        .mobileMainNav .slideDownMenu ul.mobileMenu li a {
          color: #fff; }
      .mobileMainNav .slideDownMenu ul.mobileMenu li.menu-item-has-children ul.sub-menu {
        padding: 10px 20px 0 20px;
        display: none; }
      .mobileMainNav .slideDownMenu ul.mobileMenu li.menu-item-has-children > a:after {
        content: "\f0d7";
        font-family: FontAwesome;
        color: #fff;
        font-size: 18px;
        padding-left: 10px; }
    .mobileMainNav .slideDownMenu .siteSearchMobile {
      padding: 0 2% 15px 2%; }
      .mobileMainNav .slideDownMenu .siteSearchMobile form input[type="search"] {
        font-size: 16px;
        border: none;
        margin-top: 1px;
        width: 100%;
        padding: 7px 5px; }
      .mobileMainNav .slideDownMenu .siteSearchMobile form input[type="submit"] {
        margin-top: 10px;
        padding: 7px; }

.unsortedDivisionMobileVer {
  display: none; }

@media only screen and (max-width: 900px) {
  .notTablet {
    display: none !important; }

.mobileMainNav, .toggleBtn {
    display: block; }

.headerBanner .bannerText {
    text-align: center; }
    .headerBanner .bannerText .topDesign img {
      margin-left: 0 !important; }

footer.genericFooterWrapper .footerLinks aside.widget {
    margin-bottom: 30px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-right: 0 !important;
    width: 100% !important; }

section.newArrivalsWrapper .newArrivals ul {
    width: 100% !important; }
  section.newArrivalsWrapper .newArrivals .makeYourOwnRosary {
    width: 100% !important; }

section.makeYourOwnWrapper .fright strong {
    margin-top: 50px !important; }

.blogListing article header.entryHeader h3.entryTitle {
    height: 85px !important; }
  .blogListing .articleDetails #commentform {
    width: 89% !important; }
  .blogListing .articleDetails .navLinks .navPrevious, .blogListing .articleDetails .navLinks .navNext {
    width: 97%;
    margin-bottom: 10px; }
  .blogListing .articleDetails .navLinks .navNext {
    text-align: right; }

.articleDetails #commentform {
    width: 89% !important; }
  .articleDetails .navLinks .navPrevious, .articleDetails .navLinks .navNext {
    width: 97%;
    margin-bottom: 10px; }
  .articleDetails .navLinks .navNext {
    text-align: right; } }
@media only screen and (max-width: 600px) {
  .notMobile {
    display: none !important; }

.headerBanner .bannerText a {
    font-size: 80px !important; }
  .headerBanner .bannerText p span {
    display: none; }

footer.genericFooterWrapper .contactForm {
    width: 92% !important;
    background-color: #03A39F;
    padding: 25px 5% 25px 3% !important; }
  footer.genericFooterWrapper .footerLinks {
    width: 96% !important;
    padding: 40px 2% 0px 2% !important; }
    footer.genericFooterWrapper .footerLinks aside#nav_menu-3 ul.menu li.menu-item {
      width: 90% !important;
      padding-right: 5% !important;
      padding-left: 5% !important; }

.unsortedDivisionMobileVer {
    display: block; }
    .unsortedDivisionMobileVer .row {
      min-height: 200px; }
      .unsortedDivisionMobileVer .row .textWrap {
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
        padding: 40px 0; }
        .unsortedDivisionMobileVer .row .textWrap strong {
          font-family: 'karine_aime_les_chocolatsRg';
          font-size: 70px;
          font-weight: lighter; }
    .unsortedDivisionMobileVer .div2, .unsortedDivisionMobileVer .div4, .unsortedDivisionMobileVer .div6 {
      background-repeat: no-repeat;
      background-size: cover;
      width: 80%;
      margin: 0 auto; }
    .unsortedDivisionMobileVer .div2 {
      background-image: url("../images/homepage/smile.jpg"); }
    .unsortedDivisionMobileVer .div4 {
      background-image: url("../images/homepage/spice.jpg"); }
    .unsortedDivisionMobileVer .div5 {
      background-color: #03A39F; }
      .unsortedDivisionMobileVer .div5 .textWrap {
        color: #fff; }
    .unsortedDivisionMobileVer .div6 {
      background-image: url("../images/homepage/style.jpg"); }

section.makeYourOwnWrapper .fleft {
    width: 100% !important; }
  section.makeYourOwnWrapper .fright {
    height: 275px !important;
    width: 96% !important; }
    section.makeYourOwnWrapper .fright strong {
      margin-top: 50px !important; }

section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .col {
    width: 32% !important; }

.blogListing article {
    width: 80% !important;
    margin-left: 10% !important;
    margin-right: 10% !important; }
    .blogListing article header.entryHeader h3.entryTitle {
      height: 65px !important; } }
@media only screen and (max-width: 400px) {
  section.newArrivalsWrapper .newArrivals {
    height: auto !important;
    overflow: auto !important; }
    section.newArrivalsWrapper .newArrivals ul li {
      margin: 0 15% 20px 15% !important;
      width: 70% !important; }

section.thingsYouNeedToKnowWrapper {
    background-color: #fff;
    padding: 50px 0; }
    section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow {
      max-width: 1024px;
      height: auto !important;
      overflow: auto;
      margin: 0 auto; }
      section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .col {
        border: none !important;
        float: none !important;
        width: 100% !important; }
        section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .col .row {
          width: 100% !important; }
        section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .col .row2, section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .col .center {
          border-bottom: 2px solid #03a39f; } }

/*# sourceMappingURL=mobile.css.map */