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

@font-face {
    font-family: 'Museo';
    src: url('fonts/museo300-regular-webfont.eot');
    src: url('fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/museo300-regular-webfont.woff2') format('woff2'),

         url('fonts/museo300-regular-webfont.woff') format('woff'),

         url('fonts/museo300-regular-webfont.ttf') format('truetype'),

         url('fonts/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Museo';
    src: url('fonts/museo500-regular-webfont.eot');
    src: url('fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/museo500-regular-webfont.woff2') format('woff2'),

         url('fonts/museo500-regular-webfont.woff') format('woff'),

         url('fonts/museo500-regular-webfont.ttf') format('truetype'),

         url('fonts/museo500-regular-webfont.svg#museo500') format('svg');
    font-weight: bold;
    font-style: normal;

}


body {
  font-family: 'Museo', Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1em;
  font-size: 1rem;
  line-height:1.67em;
  color: #333;
  font-variant: normal;
  font-weight: normal;
}

p {
margin: 0 0 1em 0;
}

.nav a:visited {
color: steelblue;
}

a:hover, a img:hover {
  opacity: .8;
  -moz-opacity: .8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

body { /* size for desktop only browsers */
  font-size: 14px;
}


@media (min-width: 700px) { /*Base size for more than 700px wide */
body {
  font-size: 14px;
  font-size: .85rem !important;

}
}

@media (min-width: 500px) and (max-width: 699px) { /*Base size for 500 to 699px */
body {
  font-size: 12px;
  font-size: .75rem !important;
}
}

@media (max-width: 499px) { /*Base size for less than 499px wide */
body {

  font-size: 10px;
  font-size: .67rem !important;
}
}

h1 {
  font-size: 1.67em;
  line-height: 1em;
  margin-bottom: 1em;
}
h2 {
  font-size: 1.5em;
  line-height: 1.12em;
  margin-bottom: 1.12em;
}
h3 {
  font-size: 1.33em ;
  margin-bottom: 1.25em;
  line-height: 1.25em;
}
h4 {
  font-size: 1.17em ;
  line-height: 1.43em;
  margin-bottom: 1.43em;
}

h5, h6 {
  font-size: 1em ;
}

#navigation {
  font-size: 1.2em;
  font-size: 1em;
}

#component > div > h1 {}

#component > div > h3 {}

#component > div >h4 {font-size: 1.17em !important;}

#component > div > h5, #component > div > h6 {font-size: 1em !important;}

  /* Subtitles */
p.small, .breadcrumbs {
  margin: 0;
  font-size: 0.84em;
  line-height: 20px;
  text-align: left;
}

        .breadcrumbs img {
            display: none;
        }

        .breadcrumbs .pathway {
        }

        .breadcrumbs .pathway:after {
            font-family: "FontAwesome";
            content: "\f105";
            margin-left: .5em;
            margin-right: .5em;
        }

.item-page .half, .item-page .third, .item-page .twothirds {
display: inline-block;
float: left;
margin-right: 1em;
}

.item-page .half {
    width: 50%;
}

.item-page .half.img, .item-page .img.half {
    width: 50% !important;
}

p.double img, p.round img {
border-radius: 100%;
}

.item-page .third {
  width: 33%;
}

.item-page .third.img, .item-page .third.half {
    width: 33% !important;
}

.img-fulltext-right {
max-width: 50%;
margin-left: 1em;
float: right;
}

.item-page .twothirds {width: 66%;}

.third img, .half img, .twothirds img {
float: none;
width: 100% !important;
margin: 0;
}

.item-page a.thumbnail, .blog .item a.thumbnail {
border: none;
padding: 0;
margin: 0;
border-radius: 0;
background: transparent;
}

.item-page img, .items-leading img, .item img, .category-desc img {
display: block;
float: left;
margin-bottom: 1em;
margin-right: 1em;
}

.item-page img, .items-leading img, .item img, .category-desc img {
border: 1px solid wheat;
background: white;
}


.cat-children ul {
display: inline-block;
padding: 0;
margin: 0 auto !important;
}

.category-desc img {
margin: 0;
float: none;
}

.category-desc p {
margin: 0;
}

.lesstext p {
margin: 0;
}

.cat-children li {
display: table-cell;
vertical-align: top;
display: inline-block;
float: left;
width: 46%;
position: relative;
overflow: hidden;
min-width: 7rem;
margin: 0 .5em;
margin-bottom: 1em;
margin-top: 1em;
}

.cat-children .item-title a {
padding: .5em;
}

.blog.overlay {
width: auto;
margin: 0 auto;
text-align: center;
}

.blog.overlay > h2 {
text-align: initial;
}

.blog.overlay .items-row {
  display: inline;
}

.blog.overlay .item {
position: relative;
display: inline-block;
padding: 0;
min-width: 11em;
max-height: 25em;
}


.cat-children .item-title a, .blog.overlay .item h2 a {
display: block;
position: absolute;
width: 100%;
height: 100%;
color: khaki !important;
text-shadow: -1px -1px rgba(0, 0, 0, 0.5);
background: teal;
background: rgba(0, 128, 128, 0.71);
}

  .cat-children li:nth-of-type(3n+2) a, .blog.overlay .item:nth-of-type(3n+2) > h2 a  {
  background: rgba(237, 20, 61, 0.7);
  }

  .blog.overlay .item h2 a {
position: relative;
padding: .5em 8%;
min-height: 3.4em;
line-height: 1.15em;
}

.cat-children .item-title, .blog.overlay .item > h2  {
display: block;
width: 100%;
height: 2em;
text-align: center;
line-height: 2em;
bottom: 1em;
font-size: 2em;
}

.cat-children .item-title {
position: absolute;
bottom: 0;
height: 3em;
line-height: 1.1em;
}

.blog.overlay .item h2 {
height: auto;
display: inline-block;
margin: 0 auto;
position: absolute;

line-height: 1.3em;
bottom: 0;
right: 0;
left: 0;
min-height: 3em;
font-size: 1.8em;
background: inherit;
}

.blog.overlay .item img {
max-width: none;
width: 100%;
margin: 0 auto;
padding: 0;
}


.blog.overlay .item {
position: relative;
overflow: hidden;
margin: 0 1% 1em;
display: table-cell;
vertical-align: text-top;
max-height: 12em;
max-height: 20rem;
display: inline-block;
background: inherit;
}

.blog.overlay .cols-2 .item {
width: 47%;
}

.blog.overlay .cols-1 .item {
width: 100%;
}

.blog.overlay .cols-3 .item {
width: 30%;
}

.blog.overlay .cols-4 .item {
width: 22%;
}



table {
  border-collapse: collapse;
  margin-bottom: 1.67em;
}




a, .moduletable.light a{
color: teal;
text-decoration: none;
font-weight: bold;
}

a:hover, a:focus, .moduletable.light a:hover, .moduletable.light a:focus {
color: cadetblue;
text-decoration: none;
}

a:visited, .moduletable.light a:visited {
text-decoration: none;
}

#right .moduletable, #left .moduletable {
}

.jumbotron h1, .jumbotron h2, .jumbotron h3 {
font-size: 3em !important;
text-align: center;
line-height: 1.1em;
margin-right: auto;
margin-left: auto;
max-width: 13em;
margin-top: 3rem;
}

.jumbotron {
  font-size: 1.2em !important;
  font-weight: inherit !important;
}

#tagline p {
font-weight: normal;
margin-bottom: 0;
}

    div#tagline {
    margin-top: -20px;
        margin-top: -2.3em;
    }


              @media (min-width: 768px){
                    div#tagline {
                          margin-top: -2vw;
                      }

              }

    #tagline h2 {
    margin-top: 0;
    text-align: center;
    margin: 0 20%;
    text-transform: lowercase;
    font-weight: bold;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: burlywood;
    font-size: 1.8em;
    font-size: 3vw;
    text-indent: -.3em;
    }

                              @media (max-width: 767px){
                    #tagline h2{
                          font-size: 6vw;
                      }

              }



          /* Typography colors for light and dark backgrounds */
            .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
              color: wheat;}                    


          .dark {color: #fff;font-weight: lighter;padding: 2em 3%;}

          .dark .moduletable h3, .moduletable.dark h3  {color: khaki;font-weight: bold;}

          .dark a {color: khaki;}

          .dark a:visited {color:darkkhaki;}

          .dark h2, .dark h1 {
          border-color: burlywood !important;
          }


.moduletable.light h3 {
color: #222;
}

.moduletable.light {
color: #333;
}

/* Boxes */
div.box {
display: table-row;
}

.error  {border:none;}
.error, .message, .tips, .info {
  border-top:2px solid;
  border-bottom:2px solid;
  font-style:normal;
  padding: 1em;
  background: ivory !important;
  zoom:1;
  margin-bottom:1em;}

.error:before, .message:before, .tips:before, .info:before, div#fancybox-content h4:before {
  font-family: "FontAwesome";
  font-size: 2em;
  content: "\f046";
  padding-right: .2em;
  text-shadow: -1px -1px 1px #fff;
  float: left;
}

p.info {
color: darkgreen;
}

div#fancybox-content h4:before {
float: none;
}


.error  {
  color:crimson;
   }
.error:before {
  content: "\f071";
}

.message { color:darkblue;
  
}
.message:before, .info:before {
  content: "\f05a";
}

.tips {
  color:darkcyan;
}
.tips:before {
  content: '\f0eb';
}

p.box {
  padding: 1em;
  border: 1px solid antiquewhite;
}

.highlight  {zoom:1; background:goldenrod; font-weight:bold; color:#222;}

/* LISTS */
ul, ol {
margin: 0 0 1em 1em;
}



ul.check, ul.arrow, ul.check-grey {
  list-style:none;
  padding:0;
  margin:1.2em 0;
}

.check li:before, .arrow li:before, .check-grey li:before {
content: "\f14a";
font-family: "FontAwesome";
font-size: 1.5em;
color: crimson;
padding-right: .2em;
}

.arrow li:before {
content: "\f061";
}

.check-grey li:before {
content: "\f046";
color: #888;
}

ul.check-grey {
  padding: 2em;
  background: #dedede;
  display: inline-block;
}

/* BLOCKQUOTES */
blockquote, .quote {
  font-weight:bold;
  font-size:1.5em;
  border-left:0 !important;
  padding:0;
  margin-bottom: 1em;
  line-height: 1.2em;
  color: crimson;
}

#component blockquote, #component .quote {
  margin:0 2em 1em 2em;

}

blockquote:before, blockquote:after, .quote:before, .quote:after {
font-family: "FontAwesome";
font-style: normal;
font-size: 2em;
line-height: 1em;
opacity: .7;
}

blockquote:before, .quote:before {
content: "\f10d";
padding-right: .3em;
}

blockquote:after, .quote:after {
content: "\f10e";
padding-left: .3em;
line-height: 0em;
position: relative;
top: .5em;
}

#component blockquote.left,
#component blockquote.right {
  width: 14em;
  text-indent: 0;
  margin: 0 0 1em 0;
}

#component blockquote.left    {float: left;margin-right: 1em;}
#component blockquote.right {float: right;text-align: left;margin-left: 1em;}

/* Modifiers */
.muted {
color: #896c5d;
}

.article-info {
font-size: .9em;
}

.item-page .fright, .item-page .fright img {
  margin: 0 0 0 1em !important;
  float: right !important;
}

      img.full {
      margin-left: 0 !important;
      width: 100%;
      height: auto;
      }

.blog p img {
width: 100%;
}
.items-leading img, .item img {
  float: none;
  max-width: 100% !important;
}
a {
  color: teal !important;
}

a:hover {
  color: cadetblue;
}

ul.pagenav {
list-style-type: none;
padding: 0;
margin: 0;
display: inline-block;
width: 100%;
text-align: center;
margin-top: 40px;
}

ul.pagenav li {
display: inline-block;
}

ul.pagenav li a{
padding: .75em;
border: 1px solid;
border-radius: .5em;
display: inline-block;
}

.moduletable > h3 {
    text-align: center;
    border-top: 1px solid burlywood;
    border-bottom: 1px solid burlywood;
    padding: .5em;
    display: block;
  margin-bottom: 20px;

}

.span9 .moduletable > h3 {
font-size: 3em;
}

div#main_content .moduletable > h3 {
border-color: teal;
}

div#main_content .moduletable.dark > h3 {
border-color: tan;
}

div#usermenu ul.menu {
font-size: .9em;
}

/*#component h2:first-of-type > span, #component h2:first-of-type > a, #component h2 a, #component h1 span {
display: block;
width: 100%;
}*/

              @media screen {

              .no-touch .item-page .cutout, .no-touch .item-page.lens .img {
              overflow: hidden;
              display: inline-block; !important;
              width: 100%;
              position: relative;
              margin-right: 2em;
              background: inherit;
              max-height: 25em;
              text-align: center;
              margin-bottom: 20px;
              margin-bottom: 1rem;
              min-width: 14em;
              max-width: 36vw;
              }

              .no-touch .item-page .cutout.fright, .no-touch .item-page .fright.cutout, .no-touch .item-page.lens .img.fright, .no-touch .item-page.lens .fright.img {
                margin: 0 0 0 2em !important;
              }

              .no-touch .item-page .cutout img, .no-touch .item-page.lens .img img {
              display: inline-block;
              margin: 0 auto !important;
              border: none;
              float: none !important;
              }

              .no-touch .item-page .cutout img:empty, .no-touch .item-page.lens .img img:empty {
                width: 30em !important;
                width: initial !important;
                max-width: none !important;
                margin:  0;
                position: relative;
                left: 50%;
                transform: translate(-50%,0);
              }


              p.cutout, div.box, .no-touch .item-page div, .no-touch .item-page p {
              background: inherit; /* to make background cascade to cutout */
              }

              .no-touch .item-page .cutout:before, .no-touch .item-page.lens .img:before {
              content: "";
              display: block;
              height: 100%;
              width: 25%;
              background: inherit;
              position: absolute;
              right: 0;
              opacity: .7;
              min-width: 4em;
              z-index: 50;
              }

              .no-touch .item-page .cutout.fright:before, .no-touch .item-page .fright.cutout:before, .no-touch .item-page.lens .img.fright:before, .no-touch .item-page.lens .fright.img:before {
                left: 0;
              }

              .no-touch .item-page .cutout img, .no-touch .item-page.lens .img img {
                width: 150% !important;
                max-width: none !important;
                float: none !important;
                border: none;
                text-align: center;
                margin-left: -20% !important;
            }
}

.blog.overlay .item > h2:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 128, 128, 0.7);
/* background: inherit; */
top: 0;
right: 0;
}


.cat-children li:nth-of-type(3n+3) a, .blog.overlay .item:nth-of-type(3n+3) > h2 a {
    background: rgba(240, 230, 140, 0.7);
    color: teal !important;

}

.page-title, .ptitle, #component > div > h2:first-of-type, #component > div > h1:first-of-type:last-of-type, #component > h1:first-of-type:last-of-type {
    font-weight: bold;
    text-align: center;
    width: 100%;
    border-top: 3px dotted;
    border-bottom: 3px dotted;
    padding: 20px 0 !important;
    text-transform: uppercase;
    font-size: 4em;
    font-size: 2rem;
    display: block;
    line-height: 1.3em;
    margin-bottom: 20px;
    margin-top: 0;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;

}
h1, h2, h3, h4, h5, h6, .nav, .item-title, .vmgroup a, span.title, div.squared, .howto li {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6, .nav, .item-title, .vmgroup a, span.title {
    color: crimson;
}


    ul.menu.artcatz > li > a {
    text-transform: uppercase;
    }

    #component ul, #component ol {
margin-left: 1em;
margin-bottom: 2em;
}


      ol.howto, .howto ol {
list-style-type: none;
margin-left: 0;
text-align: center;
}

        .howto.round li, .howto .round li, .round.howto  li {
        border-radius: 100%;
        background: snow;
        padding-bottom: 2em;
        }

        .howto.round li:before, .howto .round li:before, .round.howto  li:before {
        margin-top: .5em;
        }

        .moduletable.dark .howto.round li, .moduletable.dark.howto .round li, .moduletable.dark .round.howto  li, .moduletable.dark .round.howto  li {
        background: #444;
        }

.overlay ul li, ul.squared li, .ico li, .item-page.overlay li {
  list-style-type: none;
  margin-bottom: 1em;
}

ul.ico li:before, ul.checked li:before, .item-page.overlay li:before{
font-family: "FontAwesome";
font-size: 1.2em;
color: crimson;
  }

ul.checked li:before, .item-page.overlay li:before {
content: "\f00c";
  }

ul.pagenav li:before {
content: "" !important;
}


ul.ico, ol.ico, .blog.overlay ul, .item-page.overlay ol {
margin-left: 0;
list-style-type: none;
}

ul.ico.asterisk li:before {
  content: "\f069";
  font-size: 1.5em;
  margin-right: .1em;
}

.overlay ul li:before, ul.squared li:before, ul.asterisk li:before {
    margin-right: .3em;

}

ol.ico, .item-page.overlay ol, ol.howto, .howto ol {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    counter-reset: li-counter;
}

ol.ico li, .item-page.overlay ol li {
padding: .3em 0;
}

ol.ico li:before, .item-page.overlay ol li:before, ol.howto li:before, .howto ol li:before {
    content: counter(li-counter);
    counter-increment: li-counter;
    font-size: 2.5em;
    color: crimson;
    margin-right: .2em;
    font-weight: bold;
    vertical-align: middle;

    line-height: .9em;
}

                ol.howto li:before, .howto li:before {
                content: "" !important;
                background: url(img/howto-black-step1.png) no-repeat bottom center;
                background-size: 100% auto !important;
                background-size: contain !important;
                width: 200px;
                height: 150px;
                width: 5em;
                height: 3em;
                display: block;
                float: none;
                clear: both;
                margin: 0 auto;
                }

                .dark ol.howto li:before, .dark .howto li:before {
                background: url(img/howto-white-step1.png) no-repeat bottom center;
                  }

                .howto li {
                  display: block;
                  text-align: center;
                  margin-bottom: 20px;
                  font-size: 1.1em;
                  color: crimson;
  counter-increment: li-counter;  
                  }

                  .dark .howto li, .howto.dark li, .howto .dark li, .dark.howto li {
                    color: wheat;
                  }

                  .horiz.howto ol, .howto.horiz ol, ol.horiz.howto, ol.howto.horiz, .howto ol.horiz, #main_content .moduletable.howto ol, #main_content .moduletable ol.howto {
                    
                    width: 100%;
                    max-width: 100%;
                    
                  }

                  .howto.horiz li, .horiz.howto li, .howto .horiz li, .horiz .howto li, #main_content .moduletable.howto li, #main_content .moduletable .howto li {
                    display: inline-block;
                  }

                .howto li:nth-child(2):before, .howto li:nth-of-type(2):before {
                                  background: url(img/howto-black-step2.png) no-repeat bottom center;

                  }

                  .howto li:nth-child(3):before {
                                  background: url(img/howto-black-step3.png) no-repeat bottom center;

                  }

                .howto li:nth-child(4):before {
                                  background: url(img/howto-black-step4.png) no-repeat bottom center;

                  }


                                              .dark .howto li:nth-child(2):before, ol.dark.howto li:nth-child(2):before {
                                  background: url(img/howto-white-step2.png) no-repeat bottom center;

                                                }

                                                .dark .howto li:nth-child(3):before, ol.dark.howto li:nth-child(3):before {
                                                                background: url(img/howto-white-step3.png) no-repeat bottom center;

                                                }

                                              .dark .howto li:nth-child(4):before, ol.dark.howto li:nth-child(4):before {
                                                                background: url(img/howto-white-step4.png) no-repeat bottom center;

                                                }



ol.ico.steps li:before, ol.steps.ico li:before {
background: burlywood;
padding: .2em;
line-height: .8em;
display: inline-block;
width: 1em;
border-radius: .1em;
}

ol.ico.steps.side li:before {
color: floralwhite;
background: crimson;
padding: 0.1em;
width: 1em;
height: 1em;
line-height: 1.2em;
border-radius: 100%;
text-shadow: -2px 2px crimson;
vertical-align: text-bottom;
}

/*icons for menus */

ul.menu li a.ico:before, ul.menu.ico li a:before, .ico:before {
  font-family: "FontAwesome";
}

      .ico.cart:before, .cart.ico:before, .ico .cart:before, div.vm_cart_products:before {
        content: "\f07a";
      }

      div.vm_cart_products:before {
        font-family: "FontAwesome";
        display: block;
        float: left;
        font-size: 2em;
        color: silver;
        padding-right: .2em;
      }

            .ico.account:before, .account.ico:before, .ico .account:before {
        content: "\f007";
      }

                  .ico.orders:before, .orders.ico:before, .ico .orders:before {
        content: "\f06b";
      }

                        .ico.login:before, .login.ico:before, .ico .login:before {
        content: "\f090";
      }



                              .ico.ship:before, .ship.ico:before, .ico .ship:before {
        content: "\f0d1";
      }

                                  .ico.payment:before, .payment.ico:before, .ico .payment:before {
        content: "\f09d";
      }








ul.menu.artcatz ul li a:before, ul.squared li:before {
    content: "";
    display: inline-block;
    width: .5em;
    height: .5em;
    background: burlywood;

}

.item-page.overlay h3, .item-page.overlay h4 {
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    padding: .5em 0;
    margin-top: 2em;
    display: inline-block;
    width: 100%;
    text-align: center;

}

.item-page.dark ul li:before, .item-page.dark ol li:before, .dark li:before {
    color: wheat;
    text-shadow: -1px -1px floralwhite;

}

.pushy li a {
    text-shadow: 1px 1px rgba(0,0,0,.8);
}


h1, h2, h3, h4, h5, h6, .item-title, span.title, #component h2 span, #component h1 span {
    text-shadow: 0.02em 0.03em rgba(0, 0, 0, 0.4);

}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, #component .dark h2 span, #component .dark h1 span {
    text-shadow: -0.02em -0.03em rgba(0, 0, 0, 0.7);

}



.item-page .sub, .item-page h2:first-child + h3, .item-page h2:first-child ~ h2 {
    text-align: center;
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    padding: 1em 0;

}

.over {
position: absolute;
top: 20px;
top: 1rem;
display: block;
width: 100%;
overflow: visible !important;
}

.over .over {
  position: relative;
  top: 0;
  margin: 0;
}

div#photoframe .over {
width: 99%;
}

#photoframe .squared {
  padding: 0 10px;
  padding:0 .5rem;
}

#intro {
  text-align: justify;
}

p.readmore a {
display: inline-block;
float: right;
padding: .5em;
border: 1px solid;
border-radius: .5em;
margin-bottom: 1em;
}

.overlay p.readmore {
display: none !important;
} 

.squared {
display: block;
width: 100%;
max-width: 100% !important;
text-align: center;
font-size: xx-large;
font-size: 2rem;
/*padding: 0 .5rem !important;*/
margin-bottom: 20px;
margin-bottom: 1rem;
}

.squared .slabtext {
  line-height: 1.3em !important;
}

.no-js .squared {
font-size: 2rem;
border-top: 1px solid;
border-bottom: 1px solid;
padding: .5rem 0 !important;
}

.no-js .squared span {
display: block;
margin-bottom: 10px;
margin-bottom: .7rem;
}

.no-js .squared h1, .no-js .squared h1, .no-js h1.squared, .no-js h2.squared {
font-size: 3em;
}

.no-js .page-title, .no-js #component > div > h2:first-of-type, .no-js #component > div > h1:first-of-type:last-of-type, .no-js #component > h1:first-of-type:last-of-type {
  font-size: 4em;
}

.lesstext ul, .lesstext ol {
display: none;
}

.moduletable .dark {
padding: 0;
}

    /* Slabtext */
       .slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:0 !important;*word-spacing:0 !important;}.slabtextdone .slabtext{display:inline-block; width: 100%;line-height:1.1;}

       /* ==========================================================================
   Print styles: html5boilerplate;
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: "" !important;
              /*max-width: 100%;
              word-wrap: break-word;
              word-break: break-word;
              font-size: 1rem;
              line-height: 1.2em;
              padding-left: 1em;*/
    }

    /*h2.ptitle a[href]:after{
      display: block;
      margin-top: .5em;
    }*/

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }*/

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }


    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .moduletable, .pushy, #toppanelwrap, .offcanvas-trigger, a.menu-btn, .outernav, #topbar, #headcenter, .side.col,
    .outerbanner, .outerdyn, .outerfooter, .nav, ul.pagenav, p.img, .no-print, #theprintbtn  {
      display: none !important; 
      width: 0 !important;

    }

    [class*="span"] {
            width: 100% !important;
            margin-left: 0 !important;
        }

            [class*="offset"], .row {
            margin-left: 0 !important;
        }



            #homelogo {
              text-indent: 0 !important;

            }

              #homelogo a {
            min-height: 0 !important;
          }

          /*#homelogo a:before {
                content: "";
                content: url("img/wonderbag-logo-black-sml.png") no-repeat bottom left;
                display: inline-block;
                width: 7em;
                height: 1.2em;
                margin: 0 .5em;
                background-size: contain;
                vertical-align: bottom;
          }

          #homelogo a:before {
            content: "";
              display: list-item;
    list-style-image: url("img/logo-black.svg");
    list-style-position: inside;
                    width: 7em;
                height: 1.2em;
                margin: 0 .5em;
                list-style-type: none;
          }*/

            #sitename {
        text-align: center;
            }

            .container {
          padding: 0 1em;
          }


          .item-page {
            padding: 0 !important;
          }

          #component .item-page, .moduletable, .moduletable div {
            background: none !important;
            }

            #component a, .dark a {
              color: black !important;
            }

            #contentmiddle {
            margin-bottom: 0 !important;
            }

            .item-page {
            -webkit-column-count: 2 !important;
            -moz-column-count: 2 !important;
            column-count: 2 !important;
            -webkit-column-gap: 20pt;
            -moz-column-gap: 20pt;
            column-gap: 20pt;
            }

            h1, h2, h3, h4, h5, h6, ul, ol, table, p {
            -webkit-column-break-inside: avoid;
            -moz-column-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid;
            -webkit-region-break-inside: avoid;
            }

                        h1, h2, h3, h4, h5, h6 {
              -webkit-column-break-after: avoid;
              -moz-column-break-after: avoid;
              page-break-after: avoid;
              break-after: avoid;

              }

              .ptitle {
                display: block;
                width: 100%;
                -webkit-column-span: all !important;
                -moz-column-span: all !important;
                column-span: all !important;
                color: black !important;
              }

              _:-moz-tree-row(hover), .ptitle {
                display: none;
                height: 0 !important;
                margin-bottom: 20px !important;
                line-height: 1em !important;
              }


            span.slabtext {
            text-shadow: none !important;
            font-size: xx-large !important;
            font-size: -webkit-xxx-large !important;
            word-spacing: normal !important;
            letter-spacing: normal !important;
            }

            .print-only {
              display: block !important;
              text-align: center;
              border-top: 1pt solid silver;
              border-bottom: 1pt solid silver;
              margin-top: 2em;
              padding: 1em 0;
            }

            


} /* ends print styles */



@media screen (max-width: 600px) {
      .cat-children .item-title a, .blog.overlay .item > h2 {
        font-size: 4vw !important;
      }
}

.print-only {
  display: none;
}

a#theprintbtn {
display: inline-block;
clear: both;
margin-bottom: 20px;
}