@charset "UTF-8";
/*
    Theme Name: TangibleJS
    Author: Jean-Philippe Côté
    Author URI: http://cote.cc
    Description: Responsive theme for TangibleJS
    Version: 1.0.0
    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
    Text Domain: tangiblejs
*/
/*------------------------------------------------------------------------------------------------*\
    SCSS VARIABLES
\*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*\
    PARTIAL IMPORTS
\*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*\
    WORDPRESS CORE
\*------------------------------------------------------------------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: white;
  border: 1px solid #dfdfdd;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption .wp-caption-text, .gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* Content images inserted with WordPress's media manager have fixed heights. We make them 'auto' so
 they work properly in a responsive context. */
img[class*="align"], img[class*="wp-image-"] {
  height: auto; }

/*------------------------------------------------------------------------------------------------*\
    PRINT
\*------------------------------------------------------------------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }

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

  a[href]:after {
    content: " (" attr(href) ")"; }

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

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

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

  thead {
    display: table-header-group; }

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

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

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/*------------------------------------------------------------------------------------------------*\
    GLOBAL RESETS
\*------------------------------------------------------------------------------------------------*/
*, *:after, *:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

input:focus, textarea:focus {
  outline: 0; }

img {
  max-width: 100%;
  vertical-align: bottom; }

/*------------------------------------------------------------------------------------------------*\
    UTILITIES
\*------------------------------------------------------------------------------------------------*/
.clear:before, .clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.clear {
  *zoom: 1; }

/*------------------------------------------------------------------------------------------------*\
	BASIC TAG DEFAULTS
\*------------------------------------------------------------------------------------------------*/
html {
  font-size: 62.5%;
  /* html element 62.5% font-size for easy REM use */ }

body, input, textarea, keygen, select, button {
  font: 1.6rem/1.2 "Source Sans Pro", Helvetica, sans-serif;
  color: #807e79; }

@media only screen and (min-width: 768px) {
  body, input, textarea, keygen, select, button {
    font-size: 2.1rem; } }
h1 {
  font: 600 3.6rem/1.083 "Rajdhani", Helvetica, sans-serif;
  padding: 0 6rem;
  color: #262624;
  margin-bottom: 0; }

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 4.8rem; } }
h2 {
  font: 600 3.6rem "Rajdhani", Helvetica, sans-serif;
  color: #262624;
  margin: 4.4rem 0 1.6rem 0; }

p {
  font-size: 1.6rem;
  text-align: left;
  margin: 3rem 0; }

@media only screen and (min-width: 768px) {
  p {
    font-size: 2.1rem; } }
hr {
  background: url("img/separator.png") no-repeat center left;
  border: none;
  height: 7px;
  margin: 1.5rem 0 1.5rem 4.5rem; }

li {
  margin: 0.75rem 0; }

blockquote {
  margin-left: 4.4rem;
  padding-left: 1.6rem;
  background: url("img/blockquote-line.png") repeat-y, url("img/circle.png") no-repeat left top, url("img/circle.png") no-repeat left bottom;
  overflow: visible; }

a {
  color: #ffcd0d;
  text-decoration: none;
  font-weight: 700; }
  a:hover {
    color: #444; }
  a:focus, a:hover, a:active {
    outline: 0; }

::selection {
  background: #ffcd0d;
  color: #807e79;
  text-shadow: none; }

::-webkit-selection {
  background: #ffcd0d;
  color: #807e79;
  text-shadow: none; }

::-moz-selection {
  background: #ffcd0d;
  color: #807e79;
  text-shadow: none; }

/*------------------------------------------------------------------------------------------------*\
	MOBILE NAVIGATION MENU
\*------------------------------------------------------------------------------------------------*/
.mobile-nav-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: -320px;
  width: 320px;
  height: 100%;
  background-color: black;
  z-index: 1;
  padding: 20px 40px 0 0; }
  .mobile-nav-wrapper form {
    margin: 60px 0 0 40px;
    border: solid 1px #807e79;
    border-radius: 8px 8px 8px 0;
    padding: 8px 8px 8px 35px;
    background: url("img/magnifier-black.svg") no-repeat 10px center; }
  .mobile-nav-wrapper img {
    display: block;
    float: right;
    cursor: pointer; }
  .mobile-nav-wrapper input {
    background-color: transparent;
    color: white;
    border: none; }
  .mobile-nav-wrapper ul {
    list-style: none;
    margin: 35px 0 0 0;
    text-transform: uppercase;
    padding: 0; }
    .mobile-nav-wrapper ul li {
      font: 500 1.8rem "Rajdhani", Helvetica, sans-serif;
      padding: 0 0 0 45px;
      background: url("img/bullet-normal.png") no-repeat left center;
      margin-bottom: 25px; }
      .mobile-nav-wrapper ul li:hover {
        background: url("img/bullet-hilighted.png") no-repeat left center; }
    .mobile-nav-wrapper ul ul.sub-menu {
      display: none; }
  .mobile-nav-wrapper .navigation a {
    color: white; }
    .mobile-nav-wrapper .navigation a:hover {
      color: #ffcd0d; }
  .mobile-nav-wrapper #mobile_lang_select {
    margin-left: 40px;
    font: 500 1.8rem "Rajdhani", Helvetica, sans-serif;
    text-transform: uppercase; }
    .mobile-nav-wrapper #mobile_lang_select a {
      color: white;
      border: solid 1px white;
      display: inline-block;
      border-radius: 8px;
      padding: 3px 8px;
      margin-right: 8px;
      cursor: pointer; }

/*------------------------------------------------------------------------------------------------*\
    HEADER
\*------------------------------------------------------------------------------------------------*/
.header-wrapper {
  width: 100%;
  border-bottom: solid #807e79 1px;
  margin: 0 auto;
  padding: 4rem 0 3rem 0;
  position: relative; }
  .header-wrapper #menu-button {
    display: block;
    position: absolute;
    margin-left: 5%;
    top: calc(4rem + 9px);
    left: 0;
    cursor: pointer; }
  .header-wrapper header {
    max-width: 1300px;
    width: 60%;
    margin: 0 auto;
    text-align: center; }
  .header-wrapper .logo {
    max-width: 419px;
    margin: 0 auto; }
    .header-wrapper .logo a {
      margin: 0 5%;
      display: block; }
      .header-wrapper .logo a img {
        width: 100%;
        /* IE FIX */ }
  .header-wrapper .tagline {
    max-width: 419px;
    margin: 1.5rem auto 0 auto;
    font-weight: 600; }
  @media only screen and (min-width: 1024px) {
    .header-wrapper .logo {
      display: inline-block;
      padding-right: 4rem; }
      .header-wrapper .logo a {
        margin: 0; }
    .header-wrapper .tagline {
      display: inline-block;
      line-height: 8rem;
      vertical-align: top;
      padding-left: 4rem;
      background: url(img/header-separator.png) no-repeat top left;
      font-size: 2.652rem;
      max-width: inherit;
      margin: inherit; } }
  @media only screen and (min-width: 768px) {
    .header-wrapper header {
      width: 70%; }
    .header-wrapper #menu-button {
      top: calc(4rem + 20px); }
    .header-wrapper header {
      width: 95%; }
    .header-wrapper #menu-button {
      top: calc(4rem + 25px); }
    .header-wrapper .tagline {
      font-size: 1.9rem; }
    .header-wrapper #menu-button {
      display: none; } }

/*------------------------------------------------------------------------------------------------*\
    HEADER NAVIGATION MENU
\*------------------------------------------------------------------------------------------------*/
.header-nav-wrapper {
  display: none;
  font: 700 1.8rem/1.2 "Rajdhani", Helvetica, sans-serif;
  color: #807e79;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
  /* To remove the stupid "x" besides input fields in IE */ }
  .header-nav-wrapper .navigation a:hover, .header-nav-wrapper .search-wrapper li:hover {
    border-bottom: solid #ffcd0d 0.5rem; }
  .header-nav-wrapper .navigation a.over {
    border-bottom: solid #ffcd0d 0.5rem; }
  .header-nav-wrapper .navigation a, .header-nav-wrapper .search-wrapper a {
    color: #807e79; }
  .header-nav-wrapper .search-wrapper > ul {
    margin: 0;
    padding: 0; }
  .header-nav-wrapper .search-wrapper form input::-ms-clear {
    width: 0;
    height: 0; }
  .header-nav-wrapper #twitter-menu {
    width: 2rem;
    display: inline-block;
    vertical-align: top;
    margin-left: 1.5rem; }
  @media only screen and (min-width: 1024px) {
    .header-nav-wrapper .search-input.active {
      width: 650px; } }

@media only screen and (min-width: 768px) {
  .search-input.active {
    width: 500px; }

  .header-nav-wrapper {
    display: block; }
    .header-nav-wrapper nav {
      position: relative;
      padding: 19px 0 17px 0;
      max-width: 1300px;
      width: 95%;
      margin: 0 auto;
      text-align: center;
      height: 60px; }
      .header-nav-wrapper nav > ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
        display: inline-block;
        vertical-align: top; }
        .header-nav-wrapper nav > ul > li {
          display: inline-block;
          background: url(img/bullet-header.png) no-repeat 100% 7px;
          padding-right: 1.7rem;
          margin-right: 0.8rem;
          margin-top: 0;
          vertical-align: top;
          text-align: left; }
          .header-nav-wrapper nav > ul > li a {
            display: inline-block; }
          .header-nav-wrapper nav > ul > li ul.sub-menu {
            display: none;
            list-style: none;
            padding: 1.6rem 1.6rem 1.6rem 0;
            background-color: black;
            border-radius: 0 10px 10px 10px; }
            .header-nav-wrapper nav > ul > li ul.sub-menu li {
              list-style: none;
              text-align: left;
              padding: 0 0 0 4rem;
              margin: 0 0 0.5rem 0;
              background: url(img/bullet-normal.png) no-repeat left center; }
              .header-nav-wrapper nav > ul > li ul.sub-menu li:hover {
                background: url(img/bullet-hilighted.png) no-repeat left center; }
              .header-nav-wrapper nav > ul > li ul.sub-menu li a {
                color: #dfdfdd; }
                .header-nav-wrapper nav > ul > li ul.sub-menu li a:hover {
                  color: #ffcd0d;
                  border: none; }
    .header-nav-wrapper .search-wrapper {
      display: inline-block;
      padding-left: .3rem; }
      .header-nav-wrapper .search-wrapper li {
        display: inline-block;
        background: none;
        padding-right: 0;
        margin-right: 0;
        margin-top: 0;
        list-style: none;
        cursor: pointer; }
      .header-nav-wrapper .search-wrapper form {
        display: none;
        margin: -0.5rem 0 0 1rem;
        padding: 0.15rem 0.15rem 0.15rem 42px;
        background: url("img/magnifier.svg") no-repeat;
        height: 38px; }
      .header-nav-wrapper .search-wrapper img.close {
        display: none;
        vertical-align: top;
        padding-top: 5px;
        cursor: pointer; }
      .header-nav-wrapper .search-wrapper .search-input {
        font: 500 1.8rem/1.4 "Rajdhani", Helvetica, sans-serif;
        border: none;
        padding: 4px;
        background-color: transparent; }

  .navigation {
    display: inline-block; } }
/*------------------------------------------------------------------------------------------------*\
    MAIN CONTENT BLOCK
\*------------------------------------------------------------------------------------------------*/
.content-wrapper {
  padding: 6rem 0 6rem 0;
  border-bottom: 0.5rem solid #ffcd0d;
  background: #262624 url(img/background01.jpg) fixed; }
  .content-wrapper main {
    max-width: 1300px;
    width: 95%;
    margin: 0 auto;
    overflow: hidden; }
    .content-wrapper main img.inline {
      margin: 0px; }

/*------------------------------------------------------------------------------------------------*\
    FRONT PAGE
\*------------------------------------------------------------------------------------------------*/
.home main .gutter {
  width: 2.3%;
  /* Used solely by masonry for the purpose of sizing the gutter between elements */ }
.home main a.teaser {
  display: block; }
  .home main a.teaser div.translate {
    position: absolute;
    top: 0;
    right: 35px;
    color: #ffcd0d;
    background-color: #4d4b49;
    text-transform: uppercase;
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    border-radius: 0px 0px 3px 3px; }
  .home main a.teaser:hover > article > img {
    -webkit-filter: saturate(100%);
    -moz-filter: saturate(100%);
    -o-filter: saturate(100%);
    -ms-filter: saturate(100%);
    filter: saturate(100%); }
  .home main a.teaser:hover h1 {
    color: #ffcd0d; }
  .home main a.teaser:hover .read-more {
    background-color: #ffd400; }
.home main article {
  background-color: white;
  box-shadow: 1px 1.732px 3px 0 rgba(38, 38, 36, 0.8);
  border-radius: 30px 30px 30px 0;
  margin-bottom: 15px; }
  .home main article > img {
    border-radius: 30px 30px 0 0;
    -webkit-filter: saturate(25%);
    -moz-filter: saturate(25%);
    -o-filter: saturate(25%);
    -ms-filter: saturate(25%);
    filter: saturate(25%); }
  .home main article .text {
    padding: 0 2.5rem; }
    .home main article .text p {
      font-size: 1.6rem;
      line-height: 1.5;
      color: #807e79;
      margin: 2rem 0;
      font-weight: normal; }
    .home main article .text p.date-author {
      text-transform: uppercase;
      font-size: 1.2rem;
      font-weight: 700;
      color: #262624;
      margin: 1rem 0; }
      .home main article .text p.date-author .author {
        color: #dfdfdd;
        padding-left: 1rem; }
  .home main article h1 {
    padding: 2.5rem;
    margin: 0;
    background: url(img/separator-home.png) right bottom no-repeat;
    line-height: 3.8rem;
    font: 600 3rem/1.2 "Rajdhani", Helvetica, sans-serif;
    color: #262624; }
  .home main article div.read-more {
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6rem;
    background-color: #ffcd0d;
    text-align: center;
    padding: 1.25rem 0;
    border-radius: 0 0 30px 0; }
    .home main article div.read-more span.article {
      background-image: url("img/icon-article.svg"); }
    .home main article div.read-more span.link {
      background-image: url("img/icon-link.svg"); }
    .home main article div.read-more span {
      padding: 5px 38px 5px 0;
      background-repeat: no-repeat;
      background-position: right center;
      line-height: 2; }

@media only screen and (min-width: 480px) {
  .home main article {
    width: 100%; } }
@media only screen and (min-width: 536px) {
  .home main article {
    width: 48.85%;
    margin-bottom: 20px; } }
@media only screen and (min-width: 1024px) {
  .home main article {
    width: 31.8%;
    margin-bottom: 30px; } }
/*------------------------------------------------------------------------------------------------*\
    GENERAL PAGE AND POST LAYOUT
\*------------------------------------------------------------------------------------------------*/
body.single main, body.page main, body.error404 main {
  display: inline-block;
  width: 100%;
  vertical-align: top; }

@media only screen and (min-width: 1024px) {
  body.single main, body.page main, body.error404 main {
    width: 66%; } }
.header-image {
  overflow: hidden;
  border-radius: 50px 0 0 0; }
  .header-image img.attachment-post-thumbnail {
    display: block; }

header hr {
  margin-left: 10.5rem;
  margin-right: 6rem; }

div.publish-details {
  padding: 0 0 0 6rem;
  text-transform: uppercase;
  color: #262624;
  font-size: 1.6rem;
  font-weight: 700;
  float: left; }
  div.publish-details span.author {
    color: #dfdfdd;
    margin-left: 2rem; }

article div.category {
  display: none;
  float: right;
  padding-right: 6rem;
  color: #dfdfdd;
  font-size: 1.6rem; }
  article div.category a {
    font-weight: 700; }

section {
  width: 95%;
  max-width: 1300px;
  margin: 0 auto; }

article {
  border-radius: 50px 0 50px 50px;
  background-color: white; }

div.content {
  padding: 5rem 6rem 0 6rem;
  line-height: 1.5; }

body.single div.content > p:first-of-type:first-letter {
  float: left;
  font-size: 4.6rem;
  background-color: #262624;
  border-radius: 0.75rem 0 0.75rem 0.75rem;
  color: #ffcd0d;
  margin: 0.75rem 0.75rem 0 0;
  padding: 0 1.75rem; }

/* Fix for Firefox misbehaviour */
@-moz-document url-prefix() {
  body.single div.content > p:first-of-type:first-letter {
    padding: 1.3rem 1.75rem; } }
div.content > p:first-child {
  font-size: 2.1rem;
  line-height: 1.2;
  margin-top: 0;
  color: #262624; }

blockquote.credits {
  margin: 0;
  background: none;
  padding: 0; }
  blockquote.credits p {
    font-size: 1.6rem;
    color: #807e79; }

span.smaller {
  font-size: 0.8em; }

@media only screen and (min-width: 768px) {
  article div.category {
    display: block; }

  div.content > p:first-child {
    font-size: 2.8rem; } }
/*------------------------------------------------------------------------------------------------*\
    404
\*------------------------------------------------------------------------------------------------*/
body.error404 {
  width: 100%;
  height: 100%; }
  body.error404 .mobile-nav-wrapper, body.error404 .header-wrapper, body.error404 .header-nav-wrapper, body.error404 footer {
    display: none; }
  body.error404 .content-wrapper {
    border: none;
    width: 100%;
    height: 100%;
    overflow: visible;
    padding: 0;
    background: url("img/404.jpg") black no-repeat 30% 100%;
    background-size: 50%; }
    body.error404 .content-wrapper div {
      margin: 0 auto;
      position: relative;
      width: 100%;
      height: 100%; }
      body.error404 .content-wrapper div img {
        display: block;
        margin: 0;
        width: 50%;
        padding: 5%; }
      body.error404 .content-wrapper div hgroup {
        position: absolute;
        top: 20%;
        right: 20%; }
      body.error404 .content-wrapper div h1 {
        color: #ffcd0d;
        margin: -3.5rem 0 0 0.15rem;
        padding: 0;
        font-size: 3rem; }
      body.error404 .content-wrapper div h2 {
        color: #ffcd0d;
        margin: 0;
        padding: 0;
        font-size: 12rem; }
      @media only screen and (min-width: 768px) {
        body.error404 .content-wrapper div h1 {
          font-size: 5rem; }
        body.error404 .content-wrapper div h2 {
          font-size: 16rem; }
        body.error404 .content-wrapper div hgroup {
          right: 10%; }
        body.error404 .content-wrapper div img {
          width: 45%; } }
      @media only screen and (min-width: 1024px) {
        body.error404 .content-wrapper div h1 {
          font-size: 6rem; }
        body.error404 .content-wrapper div h2 {
          font-size: 20rem; }
        body.error404 .content-wrapper div hgroup {
          right: 8%; } }

/*------------------------------------------------------------------------------------------------*\
    CODE LIBRARIES HOME
\*------------------------------------------------------------------------------------------------*/
.page-template-libraries article .content > ul {
  margin: 0;
  width: 50%;
  float: left; }
.page-template-libraries article .contribute {
  padding: 0 6rem 5rem 6rem; }
  .page-template-libraries article .contribute .suggest-library, .page-template-libraries article .contribute #submit_my_image_upload {
    background-color: #ffcd0d;
    color: white;
    text-transform: uppercase;
    width: 30%;
    min-width: 200px;
    padding: 0.75rem 0;
    border: none;
    margin: 4rem 0 1rem 1rem;
    border-radius: 0.5rem;
    text-align: center;
    cursor: pointer; }
  .page-template-libraries article .contribute form {
    display: none;
    background-color: #FAFAFA;
    border-radius: 0.5rem; }
    .page-template-libraries article .contribute form p {
      padding: 15px 12px;
      margin: 0; }
      .page-template-libraries article .contribute form p.description {
        font-size: 12px;
        line-height: 1.4em;
        font-style: normal;
        margin: 3px 0px 0px !important;
        padding: 0px !important; }
    .page-template-libraries article .contribute form .acf-field .acf-label label {
      font-size: 0.9em; }
    .page-template-libraries article .contribute form #acf-file {
      margin: 0;
      padding: 15px 12px;
      border-top: 1px solid #EEE; }
      .page-template-libraries article .contribute form #acf-file .acf-label label {
        font-size: 0.9em;
        font-weight: bold;
        line-height: 1.4em;
        margin: 0px 0px 3px; }
      .page-template-libraries article .contribute form #acf-file .acf-input-wrap {
        margin-top: 1rem; }
        .page-template-libraries article .contribute form #acf-file .acf-input-wrap .my_image_upload {
          font-size: #807e79; }
.page-template-libraries article #mceu_76, .page-template-libraries article .wp-editor-tools {
  display: none; }

/*------------------------------------------------------------------------------------------------*\
    CODE LIBRARIES ARCHIVE
\*------------------------------------------------------------------------------------------------*/
body.tax-software_categories nav.submenu.categories ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
  width: 70%; }
  body.tax-software_categories nav.submenu.categories ul li {
    display: inline-block;
    padding: 0 1rem; }
body.tax-software_categories article ul {
  margin: 0 auto;
  padding: 0;
  list-style: none; }
  body.tax-software_categories article ul li {
    display: inline-block;
    padding: 0 1rem 0 0;
    background-color: #989691;
    border-radius: 10px;
    font-size: 1.8rem;
    padding: 0.4rem 1rem;
    margin: 0 1rem 1rem 0; }
    body.tax-software_categories article ul li a {
      display: block;
      -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; }

/*------------------------------------------------------------------------------------------------*\
    SEARCH RESULTS
\*------------------------------------------------------------------------------------------------*/
body.search-results article ul {
  margin: 0 auto;
  padding: 0;
  list-style: none; }
  body.search-results article ul li {
    display: inline-block;
    padding: 0 1rem 0 0;
    background-color: #989691;
    border-radius: 10px;
    font-size: 1.8rem;
    padding: 0.4rem 1rem;
    margin: 0 1rem 1rem 0; }
    body.search-results article ul li a {
      display: block;
      -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; }

/*------------------------------------------------------------------------------------------------*\
    "WHY" PAGE
\*------------------------------------------------------------------------------------------------*/
body.why blockquote p {
  font-weight: 700;
  font-style: italic;
  font-size: 2rem; }
@media only screen and (min-width: 768px) {
  body.why blockquote p {
    font-size: 2.8rem; } }
body.why .content > blockquote:first-of-type, body.why .content > blockquote:first-of-type p {
  margin-top: 0; }
body.why blockquote.credits p {
  font-style: normal;
  font-size: 1.6rem;
  font-weight: 500; }

/*------------------------------------------------------------------------------------------------*\
    "CONTACT" PAGE
\*------------------------------------------------------------------------------------------------*/
body.contact .header-image img.attachment-post-thumbnail {
  margin-top: -58px; }

body.contact form.wpcf7-form p {
  margin-bottom: 0; }

body.contact form.wpcf7-form div.wpcf7-response-output {
  margin: 0 0 1em 0; }

body.contact form.wpcf7-form div.wpcf7-mail-sent-ok {
  border-color: #ffcd0d; }

/*------------------------------------------------------------------------------------------------*\
    ARCHIVE & SEARCH PAGE
\*------------------------------------------------------------------------------------------------*/
body.archive main > h1, body.search main > h1 {
  margin: 2rem 0;
  color: #dfdfdd; }
body.archive main article, body.search main article {
  clear: both;
  margin-bottom: 3rem;
  overflow: hidden; }
  body.archive main article > a, body.search main article > a {
    display: block;
    float: left;
    width: 35%; }
    body.archive main article > a img, body.search main article > a img {
      display: block; }
  body.archive main article h1, body.search main article h1 {
    float: left;
    width: 67.5%;
    font-size: 2rem;
    margin: 1.25rem 2.5% 0 -5%;
    padding: 0.25rem 0 0.25rem 1rem;
    background-color: white;
    border-radius: 1rem;
    border-left: 12px solid #ffcd0d; }
  @media only screen and (min-width: 480px) {
    body.archive main article h1, body.search main article h1 {
      font-size: 2.4rem; } }
  @media only screen and (min-width: 768px) {
    body.archive main article h1, body.search main article h1 {
      margin: 2rem 2.5% 0 -2.5%;
      width: 65%; } }
  @media only screen and (min-width: 1280px) {
    body.archive main article h1, body.search main article h1 {
      font-size: 3rem; } }
  body.archive main article .text, body.search main article .text {
    clear: both;
    padding: 1rem 3rem; }
    body.archive main article .text p, body.search main article .text p {
      font-size: 1.8rem;
      margin: 1.6rem 0 1.6rem 0; }
    @media only screen and (min-width: 1280px) {
      body.archive main article .text p, body.search main article .text p {
        font-size: 2.1rem; } }
  @media only screen and (min-width: 768px) {
    body.archive main article .text, body.search main article .text {
      float: left;
      clear: none;
      width: 65%;
      padding: 0 2.5%; } }
  body.archive main article .date-author, body.search main article .date-author {
    display: none;
    text-transform: uppercase;
    color: #262624;
    font-size: 1.4rem;
    font-weight: 700; }
    body.archive main article .date-author .author, body.search main article .date-author .author {
      color: #dfdfdd;
      margin-left: 2rem; }
  @media only screen and (min-width: 768px) {
    body.archive main article .date-author, body.search main article .date-author {
      display: block;
      float: left;
      width: 60%;
      margin: 0 0 0 2.5%; } }
  @media only screen and (min-width: 1280px) {
    body.archive main article .date-author, body.search main article .date-author {
      font-size: 1.6rem; } }

/*------------------------------------------------------------------------------------------------*\
    SIDEBAR
\*------------------------------------------------------------------------------------------------*/
aside {
  display: none;
  width: 31.5%;
  max-width: 416px;
  margin: 0 0 0 2%;
  vertical-align: top; }
  aside > div {
    vertical-align: top;
    padding: 4rem 4rem 3rem 4rem;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0 50px 50px 50px;
    margin: 0 0 4rem 0;
    /*border: solid 1px rgba(128, 126, 121, 0.4);*/ }
  aside > div > h2 {
    color: #dfdfdd;
    margin-top: 0; }
  aside > div > ul {
    margin-left: -4rem;
    padding: 0; }
  aside > div > ul > li {
    list-style: none;
    padding: 0 0 0 4rem;
    margin: 0 0 1rem 0;
    background: url(img/bullet-normal.png) no-repeat left center; }
  aside > div > ul > li > a {
    font-weight: normal; }
  aside > div > ul > li > a:hover {
    color: #aaaaa9; }

@media only screen and (min-width: 1024px) {
  aside {
    display: inline-block; } }
/*------------------------------------------------------------------------------------------------*\
    OPTIN POPUP
\*------------------------------------------------------------------------------------------------*/
.modal-cover {
  display: none;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  padding-top: 20px; }

/* ouibounce adds 'ouibounce-open' class on the <body> tag */
.ouibounce-open .modal-cover {
  display: block; }

.modal {
  position: relative;
  width: 600px;
  margin: 0 auto;
  background: #fff;
  border-radius: 0 50px 50px 50px;
  padding: 1.5em 1.5em 0 1.5em;
  border: 5px solid #FFCD0D;
  margin-top: 0.5em; }
  .modal h1 {
    padding: 0;
    font-size: 1.75em; }
  .modal p {
    text-align: justify; }
  .modal form {
    overflow: auto; }
    .modal form #js-optin-email {
      width: 70%;
      display: block;
      float: left;
      height: 1.75em;
      padding-left: 0.5em; }
    .modal form #js-optin-submit {
      width: 28%;
      display: block;
      float: right;
      height: 1.75em;
      color: white;
      background-color: #ffcd0d;
      border: medium none;
      border-radius: 0.5rem; }
  .modal .js-optin-close {
    border: 5px solid #FFCD0D;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 4 opx;
    font-weight: bold;
    padding-top: 1px;
    position: absolute;
    top: -11px;
    right: -11px;
    background-color: white;
    cursor: pointer; }

#js-optin-wrap-sidebar p {
  color: #CFCFCF; }
#js-optin-wrap-sidebar form {
  margin: 1.4em 0 0.25em 0;
  overflow: auto; }
  #js-optin-wrap-sidebar form #js-optin-email-sidebar {
    width: 55%;
    display: block;
    float: left;
    height: 1.75em;
    padding-left: 0.25em;
    border-radius: 0.5rem;
    border: 1px solid #DFDFDD; }
  #js-optin-wrap-sidebar form #js-optin-submit-sidebar {
    width: 43%;
    display: block;
    float: right;
    height: 1.75em;
    color: white;
    background-color: #ffcd0d;
    border: medium none;
    border-radius: 0.5rem; }

/*------------------------------------------------------------------------------------------------*\
    PAGINATION
\*------------------------------------------------------------------------------------------------*/
.pagination {
  text-align: center; }
  .pagination .prev.page-numbers, .pagination .next.page-numbers {
    display: none; }
  .pagination .page-numbers {
    vertical-align: top;
    box-sizing: border-box;
    display: inline-block;
    background-color: #4d4b49;
    width: 4.8rem;
    height: 4.8rem;
    line-height: 4.8rem;
    border-radius: 0.5rem;
    margin: 0 0.5rem;
    font-family: "Rajdhani", Helvetica, sans-serif; }
    .pagination .page-numbers:hover {
      background-color: #807e79; }
  .pagination .current {
    font-weight: 700;
    border: 2px solid #ffcd0d; }
    .pagination .current:hover {
      background-color: #4d4b49; }

/*------------------------------------------------------------------------------------------------*\
    FOOTER
\*------------------------------------------------------------------------------------------------*/
footer {
  background: #262624;
  clear: both;
  text-transform: uppercase;
  color: #dfdfdd; }
  footer .nav-wrapper {
    display: none; }
    footer .nav-wrapper nav {
      padding: 6rem 0 2rem 0;
      position: relative;
      max-width: 1300px;
      width: 95%;
      margin: 0 auto;
      text-align: center; }
      footer .nav-wrapper nav > ul {
        padding: 0;
        list-style: none;
        margin: 0;
        text-align: center;
        display: inline-block;
        vertical-align: top; }
        footer .nav-wrapper nav > ul > li {
          display: inline-block;
          background: url(img/bullet-footer.png) no-repeat center left;
          padding-left: 2.25rem;
          padding-right: 0;
          margin-left: 1.25rem;
          margin-right: 0;
          margin-top: 0.5rem;
          height: calc(1.8rem + 1rem); }
          footer .nav-wrapper nav > ul > li:first-child {
            background: none;
            padding-left: 1.5rem; }
          footer .nav-wrapper nav > ul > li ul.sub-menu {
            display: none; }
  @media only screen and (min-width: 1024px) {
    footer .nav-wrapper {
      display: block; } }
  footer .navigation a {
    font: 400 1.8rem/1.4 "Rajdhani", Helvetica, sans-serif;
    color: #dfdfdd; }
  footer .navigation a:hover {
    color: #ffcd0d; }
  footer .copyright {
    font: 400 1.25rem "Rajdhani", Helvetica, sans-serif;
    text-align: center;
    padding: 4rem 0 3.25rem 0;
    margin: 0;
    color: #dfdfdd; }
  @media only screen and (min-width: 768px) {
    footer .copyright {
      font-size: 1.6rem; } }

footer #lang_sel_click {
  display: inline-block;
  height: 4rem;
  vertical-align: top;
  width: 20rem; }
  footer #lang_sel_click li {
    background: none;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    width: 20rem;
    text-transform: uppercase; }
    footer #lang_sel_click li.no-translations {
      background-color: #4d4b49;
      background-position: 90% center;
      border-radius: 0.75rem 0.75rem 0.75rem 0;
      padding: 1rem 0.25rem 0.35rem 1.25rem;
      border: none;
      text-align: left;
      height: 4rem;
      font: 400 1.8rem/1.2 "Rajdhani", Helvetica, sans-serif;
      color: #dfdfdd; }
    footer #lang_sel_click li a.lang_sel_sel {
      background-color: #4d4b49;
      background-position: 90% center;
      border-radius: 0.75rem 0.75rem 0.75rem 0;
      padding: 1rem 0.25rem 0.35rem 1.25rem;
      border: none;
      text-align: left;
      height: 4rem;
      font: 400 1.8rem/1.2 "Rajdhani", Helvetica, sans-serif;
      color: #dfdfdd; }
      footer #lang_sel_click li a.lang_sel_sel:hover {
        color: #ffcd0d; }
  footer #lang_sel_click ul ul {
    top: 35px;
    border: none;
    width: inherit; }
    footer #lang_sel_click ul ul a[rel=alternate] {
      text-align: left;
      background-color: #4d4b49;
      border-width: 0;
      color: #dfdfdd;
      padding: 1rem 1.3rem;
      font: 400 1.6rem/1.2 "Source Sans Pro", Helvetica, sans-serif;
      border-bottom-right-radius: 0.75rem; }
    footer #lang_sel_click ul ul a[rel=alternate]:hover {
      color: #ffcd0d; }

/*------------------------------------------------------------------------------------------------*\
    CONTACT FORM
\*------------------------------------------------------------------------------------------------*/
.wpcf7-form input {
  width: 100%;
  margin-bottom: 2rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: solid 1px #dfdfdd;
  color: #dfdfdd; }
.wpcf7-form textarea {
  clear: both;
  width: 100%;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: solid 1px #dfdfdd;
  color: #dfdfdd; }
.wpcf7-form textarea:focus, .wpcf7-form input:focus {
  border: solid 1px #807e79;
  color: #807e79; }
.wpcf7-form textarea::-webkit-input-placeholder, .wpcf7-form input::-webkit-input-placeholder {
  color: #aaaaa9; }
.wpcf7-form textarea::-moz-placeholder, .wpcf7-form input::-moz-placeholder {
  color: #aaaaa9; }
.wpcf7-form textarea:-ms-input-placeholder, .wpcf7-form input:-ms-input-placeholder {
  color: #aaaaa9; }
.wpcf7-form textarea:focus::-webkit-input-placeholder, .wpcf7-form input:focus::-webkit-input-placeholder {
  color: #807e79; }
.wpcf7-form textarea:focus::-moz-placeholder, .wpcf7-form input:focus::-moz-placeholder {
  color: #807e79; }
.wpcf7-form textarea:focus:-ms-input-placeholder, .wpcf7-form input:focus:-ms-input-placeholder {
  color: #807e79; }
.wpcf7-form input.wpcf7-submit {
  background-color: #ffcd0d;
  color: white;
  text-transform: uppercase;
  width: 15.5%;
  min-width: 110px;
  padding: 0.75rem 0;
  border: none;
  margin-top: 2rem; }
@media only screen and (min-width: 768px) {
  .wpcf7-form .your-name input {
    float: left;
    width: 48.5%; }
  .wpcf7-form .your-email input {
    float: right;
    width: 48.5%; } }

/*------------------------------------------------------------------------------------------------*\
    ARTICLE COMMENTS
\*------------------------------------------------------------------------------------------------*/
article .comments {
  padding: 0 6rem 6rem 6rem; }
  article .comments code {
    background-color: #e9e9e9;
    border-radius: 0.5rem;
    font-size: 1.7rem;
    padding: 0 0.5rem 0.25rem 0.5rem; }
  article .comments .reply {
    padding: 0 3rem;
    margin-bottom: 2em; }
    article .comments .reply a {
      border: 1px solid #ffcd0d;
      padding: 0.25rem 0.75rem;
      border-radius: 0.5rem; }
  article .comments textarea {
    clear: both;
    width: 100%;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    border: solid 1px #dfdfdd;
    color: #dfdfdd; }
  article .comments input {
    width: 100%;
    margin-bottom: 2rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    border: solid 1px #dfdfdd;
    color: #dfdfdd; }
  article .comments input.submit {
    background-color: #ffcd0d;
    color: white;
    text-transform: uppercase;
    width: 15.5%;
    min-width: 110px;
    padding: 0.75rem 0;
    border: none; }
  article .comments hr {
    padding-top: 5rem; }
  article .comments li.depth-1 {
    margin-left: 0; }
  article .comments ul.children {
    padding: 0 3rem 0 3rem; }
    article .comments ul.children li {
      list-style: none; }
  article .comments .comment-respond {
    margin: 3rem;
    position: relative; }
    article .comments .comment-respond h3 {
      margin-bottom: 0; }
    article .comments .comment-respond small {
      position: absolute;
      top: 0.5em;
      right: 0; }
    article .comments .comment-respond form {
      overflow: auto; }
    article .comments .comment-respond .logged-in-as {
      margin-top: 0;
      font-size: 0.8em; }
    article .comments .comment-respond #cancel-comment-reply-link {
      border: 1px solid #ffcd0d;
      padding: 0.25rem 0.75rem;
      border-radius: 0.5rem;
      font-family: "Source Sans Pro", Helvetica, sans-serif;
      font-size: 2rem;
      vertical-align: text-top; }
  article .comments .comment-content ul li {
    border: none; }
  article .comments .comment-content > ul > li {
    list-style: disc; }

article p.comment-notes {
  font-size: 1.6rem;
  margin-top: 0; }

article .comments textarea:focus,
article .comments input:focus {
  border: solid 1px #807e79;
  color: #807e79; }

article .comments textarea:focus::-webkit-input-placeholder,
article .comments input:focus::-webkit-input-placeholder {
  color: #807e79; }

article .comments textarea:focus::-moz-placeholder,
article .comments input:focus::-moz-placeholder {
  color: #807e79; }

article .comments textarea:focus:-ms-input-placeholder,
article .comments input:focus:-ms-input-placeholder {
  color: #807e79; }

article .comments > ul {
  margin: 0;
  padding: 0; }

article .comments > ul li {
  list-style: none;
  border: solid 1px #dfdfdd;
  border-radius: 0 50px 0 50px;
  margin-bottom: 2rem; }

article .comments > ul li.bypostauthor {
  border: solid 2px #ffcd0d; }

article .comment-body .comment-content {
  padding: 0 3rem;
  margin: 3rem 0; }
  article .comment-body .comment-content p {
    white-space: pre;
    /* CSS 2.0 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3.0 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: -moz-pre-wrap;
    /* Mozilla */
    white-space: -hp-pre-wrap;
    /* HP Printers */
    word-wrap: break-word;
    /* IE 5+ */ }

.comment-body img.avatar {
  display: inline-block;
  margin-right: 1rem;
  border-bottom: solid 1px #dfdfdd;
  border-right: solid 1px #dfdfdd; }

li.bypostauthor img.avatar {
  border-bottom: solid 2px #ffcd0d;
  border-right: solid 2px #ffcd0d; }

.comment-body .comment-author.vcard {
  display: inline-block;
  vertical-align: middle; }

.comment-body .comment-author.vcard em {
  display: block;
  background-color: #ffcd0d;
  padding: 0.5rem 1rem 0.5rem 1rem;
  color: white;
  margin-bottom: 1rem;
  font-style: normal; }

.comments h3 {
  font: 600 3.6rem "Rajdhani", Helvetica, sans-serif;
  color: #262624;
  margin: 4.4rem 0 1.6rem 0; }

.comment-body cite.fn, .comment-body a.url, .comment-body time {
  display: block; }

.comment-body cite.fn {
  font-style: normal;
  font-weight: 700; }

.comment-body time {
  font-size: 1.6rem;
  font-weight: 700; }

/** Styles specific to the TinyMCE front-end editor */
#wp-comment-editor-container #mceu_7,
#wp-comment-editor-container #mceu_8,
#wp-comment-editor-container #mceu_9 {
  display: none; }

#wp-comment-wrap {
  clear: both; }

#wp-comment-editor-container {
  border-radius: 0.5rem;
  border: solid 1px #dfdfdd;
  color: #dfdfdd; }

#mceu_16 {
  border-radius: 0.5rem 0.5rem 0 0; }

#mceu_15-body, #mceu_15 {
  border-radius: 0.5rem; }

#mceu_20 {
  border-radius: 0 0 0.5rem 0.5rem; }

input#subscribe-reloaded {
  /*margin-left: 2rem;*/
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 0.25rem 0 0;
  font-size: 2.1rem; }

.comment-reply-subscription {
  clear: both;
  font-size: 1.6rem;
  margin: 0; }

p.form-submit {
  margin-bottom: 0; }

@media only screen and (min-width: 768px) {
  article div.category {
    display: block; }

  article .comments input {
    float: left;
    width: 31.3333333%;
    margin-left: 3%; }

  article .comments input:first-of-type {
    margin-left: 0; }

  div.content > p:first-child {
    font-size: 2.8rem; } }
/*input[type="checkbox"] {*/
/*vertical-align:middle;*/
/*}*/
/*input[type="checkbox"]+label {*/
/*cursor:pointer;*/
/*}*/
/*input[type="checkbox"]+label:before {*/
/*content: "";*/
/*display: inline-block;*/
/*height: 19px;*/
/*margin: 1px 4px 0 -22px;*/
/*vertical-align: middle;*/
/*width: 19px;*/
/*}*/
/*input[type="checkbox"]+label:before{*/
/*background: url(../../../tuts/391_checkboxes/check_radio_sheet.png) left top no-repeat;*/
/*}*/
/*input[type="checkbox"]:checked+label:before{*/
/*background: url(../../../tuts/391_checkboxes/check_radio_sheet.png) -19px top no-repeat;*/
/*}*/
/*------------------------------------------------------------------------------------------------*\
   OPTIN SIDEBAR WIDGET
\*------------------------------------------------------------------------------------------------*/
#js-optin-step1-sidebar p.small {
  font-size: 0.75em;
  margin-bottom: 0;
  margin-top: 2rem; }

/*------------------------------------------------------------------------------------------------*\
   EASY DIGITAL DOWNLOAD
\*------------------------------------------------------------------------------------------------*/
button.edd-add-to-cart, button.edd-add-to-cart.button.blue.edd-submit.edd-free-download {
  background-color: #ffcd0d;
  color: white;
  text-transform: uppercase;
  padding: 0.75rem;
  border: none;
  margin: 1rem auto;
  font-size: 2.1rem; }

button.edd-free-download-submit.edd-submit.button.blue {
  background-color: #ffcd0d;
  text-transform: uppercase;
  font-size: 2.1rem;
  border: none; }

form#edd_free_download_form p:last-of-type {
  display: none; }

/*------------------------------------------------------------------------------------------------*\
   CRAYON SYNTAX HIGHLIGHTER
\*------------------------------------------------------------------------------------------------*/
.crayon-syntax-inline {
  margin: 0;
  padding: 0 4px;
  border-radius: 5px; }

/*------------------------------------------------------------------------------------------------*\
   SHAREAOLIC
\*------------------------------------------------------------------------------------------------*/
.warning {
  border: 3px dashed red;
  padding: 0 2em 0 2em; }

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