/*
	Document   : mobile
	Created on : April  4, 2014, 1:14:11 PM
	Author	 : Tomas
	Description:
	All mobile breakpint styles will be located here
*/
/* 
    Created on : Apr 4, 2014, 11:39:33 AM
    Author     : Tomas 
*/
/* Table of Contents
--------------------------------------------------------------------------------
00. Utility classes/styles
01. Page
02. Masthead
03. Main
04. Sidebars
05. Footer
06. Know Your Rights
07. ZG_Search
08. Ask a lawyer

----------------------------------------------------------------------------- */
/*
	Document   : includes
	Created on : Aug 7, 2013, 9:23:14 AM
	Author     : Eric
	Description:
	Purpose of the stylesheet follows.
*/
/*
	TODO customize this sample style
	Syntax recommendation http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html
*/
/* Fonts
----------------------------------------------------------------------------- */
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=65d71c04-5d15-49f7-b5fb-e8aa78726afd");
@font-face {
  font-family: "Trade Gothic W01 Bold";
  src: url("Fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix");
  src: url("Fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix") format("eot"), url("Fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"), url("Fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"), url("Fonts/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg"); }
@font-face {
  font-family: "Trade Gothic W01 Obl";
  src: url("Fonts/59fa12c0-25c9-4c0c-bd1e-32204311d86d.eot?#iefix");
  src: url("Fonts/59fa12c0-25c9-4c0c-bd1e-32204311d86d.eot?#iefix") format("eot"), url("Fonts/1c164451-034c-41f5-9542-390709016510.woff") format("woff"), url("Fonts/7062b4ff-265a-4366-b34f-443ec5cc2dad.ttf") format("truetype"), url("Fonts/09f52831-e1cf-48be-9c1e-2d1577e420b7.svg#09f52831-e1cf-48be-9c1e-2d1577e420b7") format("svg"); }
@font-face {
  font-family: "Trade Gothic W01 Light";
  src: url("Fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix");
  src: url("Fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix") format("eot"), url("Fonts/537b145a-6a7d-4787-81d9-7228d3a42458.woff") format("woff"), url("Fonts/8e50278c-45cd-4808-b774-24767d958f17.ttf") format("truetype"), url("Fonts/d918b947-5fcb-42e2-8286-a98a801876de.svg#d918b947-5fcb-42e2-8286-a98a801876de") format("svg"); }
@font-face {
  font-family: "Trade Gothic W01 Roman";
  src: url("Fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix");
  src: url("Fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix") format("eot"), url("Fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"), url("Fonts/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"), url("Fonts/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg"); }
/* Colours
----------------------------------------------------------------------------- */
/*$coral: #f87b65;   Keep for reference */
/* Rights colours */
/* Media Query mixins */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 black; }
  50% {
    -webkit-box-shadow: 0 0 20px black; }
  100% {
    -webkit-box-shadow: 0 0 0 black; } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 black; }
  50% {
    box-shadow: 0 0 15px black; }
  100% {
    box-shadow: 0 0 0 black; } }
/* Large Breakpoint ( first tablet breakpoint )
----------------------------------------------------------------------------- */
@media (max-width: 960px) {
  #zg-mobile-identifier.breakpoint {
    display: none; }

  #zg-tablet-identifier.breakpoint {
    display: block; }

  h1, h2, h3, h4, h5, h6 {
    clear: none; }

  	/* 01. Page
      ------------------------------------------------------------------------- */
  .header-content, .site-main {
    width: auto; }

  	/* 02. Masthead
      ------------------------------------------------------------------------- */
  #masthead .site-branding {
    /*			padding: 35px 0 0;*/
    margin: 0; }
  #masthead .site-title {
    margin: 0 10px 0 10px;
    /*			padding: 20px 17px 10px;*/
    padding: 0px 17px 0px; }
    #masthead .site-title .logo {
      padding: 20px 0px 16px; }
  #masthead .main-menu-container ul {
    margin: 0 10px; }

  /* 03. Main
  ------------------------------------------------------------------------- */
  #primary {
    width: auto;
    margin-left: 235px;
    margin-right: 10px;
    margin-bottom: 40px;
    float: none; }

  	/* 04. Sidebars
      ------------------------------------------------------------------------- */
  .sidebar, #secondary {
    width: 225px;
    margin: 0; }
    .sidebar .widget-list, #secondary .widget-list {
      margin: 15px 10px 20px 10px; }

  	/* 05. Footer
      ------------------------------------------------------------------------- */
  .site-footer {
    width: auto;
    padding: 0 10px; }
    .site-footer .footer-content {
      width: 100%; }
    .site-footer #footer-sidebar li.zg-text-widget.jfcy {
      /* specific widget with logo */
      /*					padding-left: 10px;*/
      background-size: contain; }
    .site-footer .main-navigation li {
      margin: 0; }
    .site-footer .main-navigation li + li {
      margin: 0 0 0 1.4%; }

  div.zg-video-browser iframe {
    width: 100%; }
  div.zg-video-browser .zg-video-wrapper:first-child {
    width: 100%; }
  div.zg-video-browser.columns-2 .zg-video-wrapper + .zg-video-wrapper,
  div.zg-video-browser.columns-2 .zg-video-wrapper + .zg-video-wrapper + .zg-video-wrapper {
    width: 49% !important;
    height: auto !important; }
    div.zg-video-browser.columns-2 .zg-video-wrapper + .zg-video-wrapper img,
    div.zg-video-browser.columns-2 .zg-video-wrapper + .zg-video-wrapper + .zg-video-wrapper img {
      width: auto;
      height: auto; }
  div.zg-video-browser.columns-2 span.zg-video-wrapper:last-child {
    margin-left: 2% !important; }
  div.zg-video-browser.columns-5 span.zg-video-wrapper,
  div.zg-video-browser.columns-5 span.zg-video-wrapper:nth-child(5n+1) {
    width: 32%;
    margin: 0 1% 0 0; }
  div.zg-video-browser.columns-5 span.zg-video-wrapper:first-child {
    width: 98%; }

  body.home .searchform input[type="search"],
  .site-content .searchform input[type="search"] {
    width: 375px; }

  /* Home */
  body.home #primary {
    margin-left: 0; }
  body.home .home-buckets .widget {
    padding-bottom: 75px;
    width: 32%;
    margin-left: 2%; }
    body.home .home-buckets .widget:first-child {
      margin-left: 0; }
  body.home .single-post-slider .posts-container {
    height: 28vw; }
  body.home .single-post-slider .post-wrapper {
    margin-right: 40px; }
    body.home .single-post-slider .post-wrapper h2 {
      font-size: 2em; }
  body.home .single-post-slider .post-content p {
    font-size: 1.6em; }
  body.home .slider-enabled .slider-button {
    margin: 0;
    top: 50%;
    margin-top: -17px; }
  body.home #home-primary {
    margin: 40px 10px 0;
    /*
    #home-content,
    #secondary {
    	display: block;
    	float: none;
    	float: none;
    	padding: 0;
    	margin: 0 auto;
    }*/ }
    body.home #home-primary .widget-area {
      padding-left: 1%; }
    body.home #home-primary .widget-list {
      margin: 0; }
  body.home .zg-feeds-widget .jspPane {
    padding-right: 20px !important; }

  	/*  06. Rights
      ------------------------------------------------------------------------- */
  body.rights-section #primary {
    margin-left: 0; }
  body.rights-section #masthead .section-description {
    padding: 20px 10px; }
  body.rights-section .category-header {
    padding: 15px 10px; }
  body.rights-section .category-meta {
    padding: 0 10px 0 0; }
  body.rights-section .content-container {
    width: auto; }
  body.rights-section ul.parent-rights-container {
    margin: 0; }
  body.rights-section .clear:after, body.rights-section [class*="content"]:after, body.rights-section [class*="site"]:after {
    clear: both;
    content: ''; }

  	/* 07. ZG_Search 
      ------------------------------------------------------------------------- */
  body.search .clear:after, body.search [class*="content"]:after, body.search [class*="site"]:after {
    clear: none; }

  	/* 08. Ask a lawyer
      ------------------------------------------------------------------------- */
  .visual-form-builder-container {
    float: left; } }
/* Medium Breakpoint ( Small Tablet 710px Breakpoint )
----------------------------------------------------------------------------- */
@media (max-width: 770px) {
  #zg-mobile-identifier.breakpoint {
    display: block; }

  #zg-tablet-identifier.breakpoint {
    display: none; }

  .mobile-only {
    display: block; }

  .site-content a {
    word-break: break-word; }

  .entry-content h2 {
    font-size: 2.6em; }
  .entry-content h3 {
    font-size: 2.2em; }

  #masthead .header-content {
    margin: 0; }
  #masthead .site-branding {
    width: 150px;
    top: 0; }
  #masthead .site-title {
    margin: 0; }
  #masthead .logo {
    width: auto;
    height: auto; }
  #masthead #top-navigation {
    margin: 49px 0 10px; }
    #masthead #top-navigation li {
      display: none; }
    #masthead #top-navigation .donate {
      display: inline-block; }
      #masthead #top-navigation .donate a {
        font-family: "Trade Gothic W01 Roman", Arial, sans-serif;
        padding: 0;
        margin: 0 10px 0 0;
        width: 140px;
        text-align: center;
        font-size: 1.6em;
        height: 40px;
        line-height: 40px; }
    #masthead #top-navigation #accessibility-bar-expand,
    #masthead #top-navigation #accessibility-bar-collapse {
      display: none; }
    #masthead #top-navigation .msls-link {
      position: absolute;
      top: 0;
      right: 70px; }
      #masthead #top-navigation .msls-link a {
        background: transparent;
        color: black;
        text-decoration: underline;
        height: 45px;
        line-height: 45px; }
  #masthead .searchform .search-container {
    margin: 18px 0 0; }

  .search-container {
    clear: both;
    float: none;
    position: static; }
    .search-container #searchform {
      display: block;
      margin: 30px 10px 10px; }
    .search-container input[type="search"] {
      width: 100%;
      height: 30px;
      box-sizing: border-box; }

  #top-mobile-navigation .menu-toggle {
    position: absolute;
    top: 0;
    right: 0; }
  #top-mobile-navigation .menu > li.current-menu-ancestor {
    display: block; }
    #top-mobile-navigation .menu > li.current-menu-ancestor > a {
      background: #20272c; }

  #footer-mobile-navigation {
    background: white; }
    #footer-mobile-navigation .home-link {
      display: inline-block;
      font-size: 2em;
      font-family: "Trade Gothic W01 Bold", Arial, sans-serif;
      padding: 0 10px 0 44px;
      line-height: 48px;
      background: transparent url("../images/home-icon-black.png") 10px center no-repeat; }
    #footer-mobile-navigation .menu-toggle {
      float: right; }
    #footer-mobile-navigation .menu {
      clear: both; }
    #footer-mobile-navigation .arrow {
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 48px;
      background: url("../images/arrows/arrow_white_down.png") center center no-repeat; }
    #footer-mobile-navigation .open > a .arrow {
      background-image: url("../images/arrows/arrow_white_up.png"); }
    #footer-mobile-navigation li {
      position: relative; }

  .navigation-mobile .menu-toggle {
    display: block;
    width: 60px;
    height: 45px;
    background: transparent url("../images/menu-icon.png") center center no-repeat; }
    .navigation-mobile .menu-toggle.toggled-on {
      background-image: url("../images/menu-icon-active.png"); }

  .submenu-toggle {
    position: relative; }
    .submenu-toggle .arrow {
      display: block;
      position: absolute;
      top: -16px;
      right: -13px;
      width: 61px;
      height: 53px;
      background: url("../images/arrows/arrow-sub-menu-down.png") center center no-repeat; }
    .submenu-toggle.open .arrow {
      background-image: url("../images/arrows/arrow-sub-menu-up.png"); }

  .mobile-page-submenu a {
    border-bottom: none; }
    .mobile-page-submenu a:hover {
      border-bottom: none; }
  .mobile-page-submenu .nav-menu {
    clear: both;
    padding-top: 1px; }
    .mobile-page-submenu .nav-menu li:first-child {
      margin-top: 20px; }

  .mobile-menu-container,
  .mobile-page-submenu {
    font-size: 1.5em; }
    .mobile-menu-container ul,
    .mobile-page-submenu ul {
      padding: 0;
      margin: 0;
      list-style: none; }
    .mobile-menu-container li,
    .mobile-page-submenu li {
      display: none; }
    .mobile-menu-container a,
    .mobile-page-submenu a {
      display: block;
      padding: 10px;
      background: #58595b;
      border-top: 1px solid white;
      color: white; }
    .mobile-menu-container .menu li a,
    .mobile-page-submenu .menu li a {
      font-family: "Trade Gothic W01 Bold", Arial, sans-serif; }
    .mobile-menu-container .sub-menu a,
    .mobile-page-submenu .sub-menu a {
      padding-left: 25px;
      background: #6d6e71; }
    .mobile-menu-container .sub-menu .sub-menu a,
    .mobile-page-submenu .sub-menu .sub-menu a {
      padding-left: 40px;
      font-family: "Trade Gothic W01 Roman", Arial, sans-serif; }

  .site-footer {
    margin-top: 0;
    background: #86a9a4; }
    .site-footer #footer-sidebar {
      width: auto; }
      .site-footer #footer-sidebar li {
        display: block;
        width: auto;
        margin: 0 0 20px; }
        .site-footer #footer-sidebar li .widget-title,
        .site-footer #footer-sidebar li .widget-content {
          border: none;
          padding: 0;
          margin: 0 0 5px;
          height: auto; }
        .site-footer #footer-sidebar li.zg-text-widget.jfcy {
          background: transparent;
          padding-top: 0; }
    .site-footer .main-navigation {
      display: none; }

  /* Home */
  body.home .search-container,
  .site-content .search-container {
    clear: both;
    float: none;
    position: static; }
    body.home .search-container #searchform,
    .site-content .search-container #searchform {
      margin: 30px 10px 10px; }
  body.home #searchform,
  .site-content #searchform {
    display: block;
    margin: 10px 0;
    border-width: 3px; }
    body.home #searchform input[type="search"],
    .site-content #searchform input[type="search"] {
      width: 100%;
      height: 30px;
      box-sizing: border-box;
      font-size: 1.3em;
      padding: 4px 30px 4px 8px; }
      body.home #searchform input[type="search"]:hover, body.home #searchform input[type="search"]:focus,
      .site-content #searchform input[type="search"]:hover,
      .site-content #searchform input[type="search"]:focus {
        outline: 3px solid #77649b;
        color: #58595b; }
    body.home #searchform input[type="submit"],
    .site-content #searchform input[type="submit"] {
      right: 3px;
      top: 3px; }

  .two-column .column-content {
    border: none !important; }

  /* Home */
  body.home #masthead {
    margin-bottom: 0; }
  body.home #primary,
  body.home #secondary {
    margin: 0 10px; }
  body.home #content {
    padding: 0; }
  body.home .entry-content p {
    font-size: 3.2em; }
  body.home .home-buckets .widget {
    padding-bottom: 45px;
    display: block;
    width: auto;
    margin-left: 0; }
  body.home .home-slider {
    display: none; }
  body.home #home-primary {
    margin: 0; }
    body.home #home-primary #home-content,
    body.home #home-primary #secondary {
      display: block;
      width: auto;
      float: none;
      float: none;
      padding: 0; }
    body.home #home-primary #section-2 {
      display: none; }

  div.zg-video-browser.columns-5 span.zg-video-wrapper,
  div.zg-video-browser.columns-5 span.zg-video-wrapper:nth-child(5n+1) {
    width: 49%;
    margin: 0 1% 0 0; }
  div.zg-video-browser.columns-5 span.zg-video-wrapper:first-child {
    width: 99%; }

  .zg-feeds-widget {
    display: none; }

  #primary {
    margin-left: 10px; }

  #secondary {
    display: none; }

  /* Rights */
  body.rights-section .category-thumbnail {
    float: right;
    margin: 0 0 0 10px; }
  body.rights-section .category-header h2 {
    font-size: 2.5em; }
  body.rights-section .category-header.has-thumbnail .category-title,
  body.rights-section .category-header.has-thumbnail .category-content {
    margin-left: 0; }
  body.rights-section .category-meta {
    padding: 10px 0;
    text-align: right; }
    body.rights-section .category-meta .sub-categories {
      display: none; }
    body.rights-section .category-meta .see-all {
      display: block;
      position: static;
      margin: 0 10px 10px 0; }
  body.rights-section .sub-category-header {
    padding: 10px; }
    body.rights-section .sub-category-header .sub-category-title {
      margin-bottom: 0;
      padding-bottom: 0.3em; }
      body.rights-section .sub-category-header .sub-category-title a {
        display: block;
        border-bottom: none; }
    body.rights-section .sub-category-header .see-all {
      display: none; }
    body.rights-section .sub-category-header.loading .sub-category-title {
      background: url("../images/ajax-loader-32x32.gif") right center no-repeat; }
  body.rights-section .sub-category-sub-content ol,
  body.rights-section .sub-category-sub-content ul,
  body.rights-section .sub-category-sub-content ol.rights-listing > li,
  body.rights-section .sub-category-sub-content .no-results,
  body.rights-section .sub-category-sub-content footer.sub-content-footer {
    padding: 0 10px; }
  body.rights-section .sub-category-sub-content footer.sub-content-footer {
    text-align: center; }
    body.rights-section .sub-category-sub-content footer.sub-content-footer .button-big {
      float: none; }
    body.rights-section .sub-category-sub-content footer.sub-content-footer .related-items {
      width: auto;
      text-align: left; }

  /* Search
  -------------------------------------- */
  .search-results-content .teaser-container.blog-teaser-container .search-result {
    width: auto;
    padding: 0 10px;
    display: block;
    margin: 0 0 15px;
    border-left: none; }

  ul#search-tabs {
    margin-top: 0;
    text-align: left;
    font-size: 1.7em; }

  body.page-template-board-members-login #secondary,
  body.page-template-board-member-downloads #secondary,
  body.page-template-board-members #secondary {
    display: block;
    float: none;
    width: auto; }
  body.page-template-board-members-login .widget_nav_menu,
  body.page-template-board-member-downloads .widget_nav_menu,
  body.page-template-board-members .widget_nav_menu {
    display: none; } }
/* Small Breakpoint ( Smartphone Breakpoint )
----------------------------------------------------------------------------- */
@media (max-width: 480px) {
  iframe {
    width: 100%;
    height: 59vw; }

  .two-column {
    display: block;
    width: auto; }
    .two-column .column-content .alignright {
      float: none; }

  /* Rights */
  body.rights-section ol.rights-listing h4 {
    font-size: 2em; }

  .right-content,
  .facta-items .link-item {
    width: 100%; }
    .right-content a,
    .facta-items .link-item a {
      word-wrap: break-word;
      -ms-word-break: break-all;
      /* Be VERY careful with this, breaks normal words wh_erever */
      word-break: break-all;
      /* Non standard for webkit */
      word-break: break-word;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto; } }

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