/*!
 * Theme Name: Bantjes
 * Description: Custom WordPress theme built by Jake for Marian.
 * Version: 2.0.0
 * Author: Jake and Co. (@jakeandco)
 * Author URI: http://jakeandco.com
 */

/**
 * styles.scss
 * ---
 * Main `sass` file. Import here `sass` files
 */
@font-face {
  font-family: 'FFSeriaSansWebBold';
  src: url("fonts/2CB166_0_0.eot");
  src: url("fonts/2CB166_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/2CB166_0_0.woff2") format("woff2"), url("fonts/2CB166_0_0.woff") format("woff"), url("fonts/2CB166_0_0.ttf") format("truetype");
}
@font-face {
  font-family: 'FFSeriaSansWeb';
  src: url("fonts/2CB166_1_0.eot");
  src: url("fonts/2CB166_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/2CB166_1_0.woff2") format("woff2"), url("fonts/2CB166_1_0.woff") format("woff"), url("fonts/2CB166_1_0.ttf") format("truetype");
}
@font-face {
  font-family: 'FFSeriaSansWebItalic';
  src: url("fonts/2CB166_2_0.eot");
  src: url("fonts/2CB166_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/2CB166_2_0.woff2") format("woff2"), url("fonts/2CB166_2_0.woff") format("woff"), url("fonts/2CB166_2_0.ttf") format("truetype");
}
@font-face {
  font-family: 'FFSeriaWebItalic';
  src: url("fonts/2CB166_3_0.eot");
  src: url("fonts/2CB166_3_0.eot?#iefix") format("embedded-opentype"), url("fonts/2CB166_3_0.woff2") format("woff2"), url("fonts/2CB166_3_0.woff") format("woff"), url("fonts/2CB166_3_0.ttf") format("truetype");
}
@font-face {
  font-family: 'FFSeriaWebRegular';
  src: url("fonts/2CB166_4_0.eot");
  src: url("fonts/2CB166_4_0.eot?#iefix") format("embedded-opentype"), url("fonts/2CB166_4_0.woff2") format("woff2"), url("fonts/2CB166_4_0.woff") format("woff"), url("fonts/2CB166_4_0.ttf") format("truetype");
}
/**
 * modules/variables
 * ---
 */
/**
 * Typography
 *

 font-family: 'FF Seria OT Regular'
 font-family: 'FF Seria Pro'
 font-family: 'FF Seria Pro Bold'
 font-family: 'FF Seria Arabic Light'
 
 *
 *
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * modules/mixins
 * ---
 */
/**
 * partials/reset
 * ---
 * Reset file
 * NOTE: also `normalize.css` is used
 */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "FFSeriaWebRegular", Times, Georgia, serif;
  font-size: 175%;
  line-height: 1.25;
 // color: #444;
color:#000;
  background-color: #fff;
}

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

a {
  //color: #444;
color:#000;
  text-decoration: none;
}
a:focus, a:hover {
  text-decoration: underline;
}

.main .hentry a {
  border-bottom: 1px solid #000;
}

input[type="text"],
input[type="search"] {
  font-size: inherit;
  line-height: inherit;
}

::-moz-selection {
  background-color: #04A4CC;
  color: #fff;
  text-shadow: none;
}

::selection {
  background-color: #04A4CC;
  color: #fff;
  text-shadow: none;
}

/**
 * partials/wordpress
 * ---
 * Wordpess core classes
 */
/**
 * Alignment
 */
.alignnone {
  margin: 5px 15px 15px 0;
}

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

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

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

/**
 * Gallery & images
 */
.wp-caption {
  background: #fff;
  border: thin solid #F0F0F0;
  max-width: 95%;
  padding: 5px 5px;
  text-align: center;
}
.wp-caption img {
  width: auto;
  max-width: 98.5%;
  height: auto;
  border: 0 none;
  padding: 0;
  margin: 0;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  margin: 0;
  padding: 0 5px 5px;
  font-size: 175%;
  line-height: 1.25;
}

/**
 * partials/utils
 * ---
 * Utils classes
 */
.clear:before, .clear:after {
  content: " ";
  display: table;
}
.clear:after {
  clear: both;
}

.reset-box {
  padding: 0;
  margin: 0;
}

/**
 * partials/wrapper
 * ---
 */
img {
  max-width: 100%;
  height: auto;
}

.wrapper {
  max-width: 1040px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
}

.archive .work.grid.no-description {
  margin-top: 40px;
}
.archive .work.grid .description {
  padding-left: 3%;
  padding-right: 3%;
}
@media (min-width: 1000px) {
  .archive .work.grid .description {
    padding-left: 21%;
    padding-right: 21%;
  }
}
.archive .work.grid .project {
  float: left;
  margin-bottom: 20px;
  text-align: center;
  min-height: 230px;
}

@media (max-width: 799px) {
  .archive .work.grid .project {
    width: 50%;
    padding: 0 10px;
  }
}
@media (max-width: 480px) {
  .archive .work.grid .project {
    min-height: 210px;
  }
}
@media (min-width: 800px) {
  .archive .work.grid .project {
    width: 25%;
  }
}
@media (min-width: 1000px) {
  .archive .work.grid .project {
    width: 20%;
  }
}
.archive .work.grid .project h2 {
  margin: 0;
  padding: 5px 0 0 0;
  font-size: 1em;
  font-family: 'FFSeriaWebItalic';
}
.archive .work.grid .project h2 a {
  display: block;
}
.archive .work.grid .project img {
  max-width: 100%;
  height: auto;
}

.main {
  font-size: 20px;
}

.right-sidebar .main {
  width: 72%;
  float: left;
}
.right-sidebar .sidebar {
  width: 28%;
  float: right;
  padding-left: 100px;
}
@media (max-width: 1040px) {
  .right-sidebar .sidebar {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .right-sidebar .main {
    width: 100%;
    float: none;
  }
  .right-sidebar .sidebar {
    width: 100%;
    float: none;
    padding-left: 0;
  }
}

.single h1, .page h1 {
  font-family: 'FFSeriaWebItalic';
font-size:40px;
//font-style:italic
}

/**
 * partials/header
 * ---
 */
.header {
  padding-top: 20px;
  margin-bottom: 10px;
}

@media (min-width: 1050px) {
  .logo {
    margin-left: -20px;
  }
}
@media (max-width: 900px) {
  .logo {
    float: none;
    margin-bottom: 20px;
  }
}
@media (min-width: 481px) {
  .logo {
    float: left;
  }
}
@media (max-width: 480px) {
  .logo {
    margin-bottom: 20px;
  }
}

@media (min-width: 901px) {
  .nav {
    float: right;
  }
}
@media (max-width: 900px) {
  .nav {
    float: none;
    clear: both;
  }
}
.nav ul {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.nav ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
@media (max-width: 480px) {
  .nav ul li {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 15px
  }
}
.nav ul li a {
  text-transform: uppercase;
  font-size: 14px;
  padding: 8px 15px 5px 15px;
  border: 1px solid #fff;
  letter-spacing: 3px;
}
.nav ul li.current-menu-item a {
  border: 1px solid #000;
}
.nav ul li ul {
  display: none;
}

/**
 * partials/nav
 * ---
 * Menus
 */
/**
 * partials/sidebar
 * ---
 */
.sidebar {
  padding-top: 90px;
}
.sidebar ul#menu-header_menu-1 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar ul#menu-header_menu-1 li {
  display: none;
  margin: 10px 0;
  text-align: center;
}
.sidebar ul#menu-header_menu-1 li a {
  text-transform: uppercase;
  font-size: 14px;
  padding: 8px 15px 5px 15px;
  border: 1px solid #fff;
  letter-spacing: 3px;
}
.sidebar ul#menu-header_menu-1 li.current-menu-ancestor {
  display: block;
}
.sidebar ul#menu-header_menu-1 li.current-menu-ancestor ul {
  margin: 0;
  padding: 0;
}
.sidebar ul#menu-header_menu-1 li.current-menu-item {
  display: block;
}
.sidebar ul#menu-header_menu-1 li.current-menu-item ul {
  margin: 0;
  padding: 0;
}
.sidebar ul#menu-header_menu-1 li.current-menu-item ul li {
  display: block;
}
.sidebar ul#menu-header_menu-1 li.current-menu-item > a {
  border: 1px solid #000;
}
.sidebar .pagination {
  margin-bottom: 40px;
}
.sidebar .pagination .next .prev-tag, .sidebar .pagination .previous .prev-tag {
  padding-top: 5px;
}
.sidebar .pagination .next .next-tag, .sidebar .pagination .previous .next-tag {
  padding-bottom: 5px;
}
.sidebar .pagination img {
  max-width: 113px;
}

.tags h3 {
  font-size: .8em;
  font-family: "FFSeriaSansWebBold";
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
.tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tags ul li {
  font-family: "FFSeriaSansWebBold";
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.tags ul li a {
  color: #fff;
  padding: 2px 4px 0px 4px;
  background: #888;
  font-size: .75em;
  letter-spacing: 2px;
line-height:21px;
}

/**
 * partials/footer
 * ---
 */
.footer {
  font-size: .9em;
}

/**
 * partials/print
 * ---
 * Print version
 * (from https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css)
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    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) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

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

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

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

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

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

  h2,
  h3 {
    page-break-after: avoid;
  }
}
body.page .sidebar ul.sub-menu li,body.page .sidebar  li
{
text-align:left !important;
margin:0px 0px !important;
}
body.page .sidebar  li a
{
padding-left:15px !important;
display:block;
//float:left;
}

body.parent-pageid-2   .widget_nav_menu  ul.sub-menu li{display:block !important;}
body.page-id-2 .sidebar-widgets, body.parent-pageid-2 .sidebar-widgets
{
//border:1px solid;
height:265px;
}