@charset "UTF-8";
/**
 * Welcome to Compass. Use this file to write special media query styles.* */
/*** ADMIN MENU TWEAKS */
@import url(http://fonts.googleapis.com/css?family=Rokkitt);
@media all and (max-width: 740px) {
  #region-branding2 {
    margin: 10px 10px 0; }
    #region-branding2 .block-mobile-menu-toggle ul {
      padding: 0 0 0 0; }
      #region-branding2 .block-mobile-menu-toggle ul li {
        list-style: none; }
      #region-branding2 .block-mobile-menu-toggle ul a {
        font-family: "Rokkitt", "Georgia", serif;
        color: black;
        font-size: 24px;
        font-family: "Rokkitt", "Georgia", serif;
        color: black;
        font-size: 24px;
        font-weight: bold; }
        #region-branding2 .block-mobile-menu-toggle ul a:after {
          content: " »"; } }
@media all and (max-width: 250px) {
  nav ul.inline li, .block-menu-secondary-menu ul.menu li {
    float: left;
    width: 100% !important; } }
@media all and (max-width: 500px) {
  nav ul.inline,
  .block-menu-secondary-menu ul.menu {
    margin: 0;
    float: left;
    height: auto; }
    nav ul.inline li,
    .block-menu-secondary-menu ul.menu li {
      float: left;
      width: 50%;
      padding: 0;
      margin: 0;
      line-height: 1; }
      nav ul.inline li a, nav ul.inline li.last a,
      .block-menu-secondary-menu ul.menu li a,
      .block-menu-secondary-menu ul.menu li.last a {
        width: 90%;
        padding: 6px 5%;
        float: left;
        line-height: 1;
        height: auto; }

  #region-copyright-first {
    width: 240px;
    margin: 0 auto; } }
@media all and (min-width: 480px) {
  h1.site-name {
    height: 60px; }
    h1.site-name a {
      background-image: url('../images/logo.png?1394810504');
      background-size: contain;
      background-repeat: no-repeat;
      height: 100%;
      width: 100%;
      max-width: 100%;
      max-height: 100%; } }
    @media all and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), all and (min-width: 480px) and (-moz-min-device-pixel-ratio: 2) {
      h1.site-name a {
        background-image: url('../images/logo@2x.png?1394810504');
        -webkit-background-size: contain; } }

@media all and (max-width: 340px) {
  #region-sidebar-first {
    margin-bottom: 0px; }
    #region-sidebar-first #block-views-cartoons-block-2,
    #region-sidebar-first .block,
    #region-sidebar-first .views-row.promo-blocks,
    #region-sidebar-first #block-views-promo-blocks-block-1,
    #region-sidebar-first #block-menu-menu-also-on-this-site,
    #region-sidebar-first #block-menu-features {
      line-height: 1;
      margin: 0 0px 10px 0;
      width: 100%;
      min-height: auto !important; } }
@media all and (max-width: 360px) {
  .addthis_default_style .addthis_button_facebook_like {
    clear: both;
    padding-bottom: 5px !important; } }
@media all and (min-width: 341px) and (max-width: 740px) {
  .region-user-first {
    width: 320px; }

  #region-sidebar-first #block-views-cartoons-block-2,
  #region-sidebar-first .block,
  #region-sidebar-first .views-row.promo-blocks,
  #region-sidebar-first #block-views-promo-blocks-block-1,
  #region-sidebar-first #block-menu-menu-also-on-this-site,
  #region-sidebar-first #block-menu-features {
    line-height: 1; }
  #region-sidebar-first .block, #region-sidebar-first .col-2 {
    float: left;
    padding: 0 0;
    width: 47%;
    width: 100%; } }
@media all and (min-width: 480px) and (max-width: 740px) {
  .addthis_container:before {
    float: left; } }
@media all and (min-width: 635px) and (max-width: 740px) {
  #region-sidebar-first .block,
  #region-sidebar-first #block-views-cartoons-block-1,
  #region-sidebar-first #block-views-promos-rail-block-1,
  #region-sidebar-first .promo-blocks.views-row,
  #region-sidebar-first #block-views-promo-blocks-block-1 {
    width: 48%;
    width: 100%;
    margin: 0px 10px 10px 0;
    padding: 0; }

  #region-sidebar-first #block-views-promo-blocks-block-1 .views-row,
  #region-sidebar-first #block-views-promo-blocks-block-1 .block-title {
    margin: 3px 0 0 10px; } }
@media all and (min-width: 670px) and (max-width: 740px) {
  .block-menu-secondary-menu ul.menu li ~ li ~ li ~ li ~ li ~ li ~ li ~ li {
    margin-right: 40px; }

  .block-menu-secondary-menu ul.menu li ~ li ~ li ~ li ~ li ~ li ~ li ~ li ~ li {
    margin-right: 0;
    margin-left: 0; } }