@charset "UTF-8";

/**************** 
  Global Styles  Minimal
*****************/


/* Google Fonts Import -------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Josefin+Slab:400,700);
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);



/* Vars  -------------------------------------------------------- */
/* Typography -------------------------------------------------------- */

.page-title-wrapper {
  padding: 0px 0px 20px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Libre Baskerville", serif;
}


/* Shortcuts -------------------------------------------------------- */

.upperline-dark {
  border-top: 1px solid black;
}

.upperline-light {
  border-top: 1px solid #ebebeb;
}

.underline-dark {
  border-bottom: 1px solid black;
}

.underline-light {
  border-bottom: 1px solid #ebebeb;
}


/* Main Menu -------------------------------------------------------- */


.menu > ul > li  {
  border-left:0px solid transparent;
}

.bc-nav #menu.active {
  border-top: 1px solid #f1f1f1;
}

@media screen and (min-width: 52.25em) {

  .js .menu > ul ul {
    background: white;
    border: 1px solid rgba(0,0,0,.1);
    display: none;
    box-shadow: 4px 4px 0px rgba(0,0,0,.1);
  }
  .js .menu > ul ul li {
    border-bottom: 1px solid rgba(0,0,0,.1);
  }
  .js .menu > ul ul li:last-child {
    border-bottom: none;
  }
  .js .menu > ul ul a {
    color: black;
  }

  .js .menu > ul li:hover > ul {
    display: block;
  }

}



/* UI -------------------------------------------------------- */
/* Buttons */

/* Base */
.btn, .wpcf7-submit, .pagination-blog a, #submit{
  border: 1px solid black;
  box-shadow: 4px 4px 0px black;
  background: transparent;
}

.btn:hover,
.btn:active, .wpcf7-submit:active, .wpcf7-submit:hover, .pagination-blog a:active, .pagination-blog a:hover {
  border: 1px solid #000;
}


/* Black */
.btn.black, .wpcf7-submit, .pagination-blog a, #submit{
  border: 1px solid black;
}

.btn.black:hover,
.btn.black:active, 
.wpcf7-submit:active, 
.wpcf7-submit:hover, 
.pagination-blog a:active, 
.pagination-blog a:hover {
  border: 1px solid #000;
}


/* White */
.btn.white {
  border: 1px solid white;
}

/* Green */
.btn.green {
  border: 1px solid #91c46c;
}

/* Yellow */
.btn.yellow {
  border: 1px solid #ffdb00;
}

/* Orange */
.btn.orange {
  border: 1px solid #f7941d;
}

/* Red */
.btn.red {
  border: 1px solid #ed1c24;
}

/* Blue */
.btn.blue {
  border: 1px solid #0054a4;
}

/* Purple */
.btn.purple {
  border: 1px solid #8560a8;
}

/* Divider */
.divider {
  height: 1px;
}


/*Tabs*/
div.section-container.tabs h5.title {
  border-right: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
}
div.section-container.tabs section.active h5.title {
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
}
div.section-container.tabs section div.content {
  border: 1px solid black;
}

/* Header -------------------------------------------------------- */

.bc-nav .logo h1 {
  padding: 15px 25px 15px;
}

/* CV -------------------------------------------------------- */

.wpb_progress_bar_heading, .vc_separator h4{
  border-top: 1px solid #000!important;
  border-bottom: 1px solid #E6E6E6!important;
}


/* Projects -------------------------------------------------------- */
#projects ul li img, 
.more-projects-button, 
.more-posts-button {
  border: 1px solid #000;
}

.shadow {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: black;
}

.project-caption {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}


/* Grid */

.grid figcaption {
  color: white;
}

.grid figcaption h3, .grid figcaption h2 {
  font-family: "Libre Baskerville", serif;
  color: white;
}

.grid figcaption h2 {
  font-size: 16px;
  line-height: 30px;
}

.grid figcaption a {
  background: white;
  color: black;
}

/* Individual Caption Styles */
/* Caption Style 3 */
@media only screen and (max-width: 768px) {
  .cs-style-3 li {
    width: 100%;
  }
}
.cs-style-3 figure {
  margin: -2px;
  overflow: hidden;
  border: 4px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cs-style-3 figure:hover {
  z-index: 99999;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cs-style-3 figure img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  transition: transform 0.6s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0.20;
}

.cs-style-3 figcaption {
  padding: 60px 20px 25px;
  height: auto;
  width: 100%;
  top: auto;
  bottom: 0;
  opacity: 0.5;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  -moz-transition: -moz-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  z-index: 100;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 25%, black 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(25%, black), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 25%, black 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 25%, black 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 25%, black 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 25%, black 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
  -moz-transition: -moz-transform 0.6s, opacity 0.5s;
  transition: transform 0.6s, opacity 0.5s;
}

/* Caption Style 4 */
.cs-style-4 figure {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cs-style-4 figure:hover {
  z-index: 99999;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cs-style-4 figure img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
  -webkit-transform: translateX(25px);
  -moz-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0.20;
}

.cs-style-4 figcaption {
  height: 100%;
  width: 50%;
  top: auto;
  padding: 50px 40px;
  bottom: 0;
  opacity: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
  z-index: 100;
  -webkit-backface-visibility: hidden;
  background: -moz-linear-gradient(left, black 0%, black 75%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, black), color-stop(75%, black), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, black 0%, black 75%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, black 0%, black 75%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, black 0%, black 75%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, black 0%, black 75%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
  /* IE6-9 */
}

@media only screen and (max-width: 768px) {
  .cs-style-4 figcaption {
    width: 100%;
    border-right: 0px solid #000;
    padding: 10px 20px;
  }
  .cs-style-4 figcaption h2 {
    margin-bottom: 0;
  }
  .cs-style-4 figcaption a {
    margin-top: 10px !important;
  }

  .portfolio-filters li {
    margin-top: 0 !important;
  }
}
.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
  -webkit-backface-visibility: hidden;
}

.cs-style-4 figcaption a {
  margin-top: 25px;
}


/* Posts - Homepage -------------------------------------------------------- */

div.post-date {
  background-color: black;
  color: white;
  border: 1px solid black;
  margin-bottom: 5px;
}
div.post-date .post-month {
  margin-top: 3px;
}

.post-line {
  border-bottom: 1px solid #f1f1f1;
}


/* Contact Page -------------------------------------------------------- */
input[type="text"], input[type="date"], input[type="url"], input[type="tel"], input[type="number"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  border: 1px solid #f1f1f1;
}

.send-button-form {
  border: 1px solid #000;
}

form input[type="text"], input[type="date"], input[type="number"], input[type="tel"], form input[type="url"], form input[type="email"], form textarea {
  border: 1px solid #eee;
}

form input[type="text"]:focus, input[type="date"]:focus input[type="number"]:focus, form input[type="url"]:focus, form input[type="tel"]:focus, form input[type="email"]:focus, form textarea:focus {
  border: 1px solid black;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  border: 1px solid black;
}


/* Footer -------------------------------------------------------- */


#footer-info ul li {
  list-style: none;
  position: relative;
  color: #000;
  font-family: 'Josefin Slab', serif;
  font-size: 15px;
  text-align: center;
}

#footer-info ul li span {
font-family: 'Josefin Slab', serif;
  color: #000;
  font-size: 36px;
  font-weight: 700;
  display: block;
}


/* Blog */
.blog-list {
  border-bottom: 1px solid #f1f1f1;
}

.standard-post, .video-post, .audio-post, .gallery-post,  .quote-post, .link-post {
border-top: 1px solid #dbdbdb;
}

.sticky .standard-post , .sticky .video-post , .sticky .audio-post , .sticky .gallery-post, .sticky .link-post, .sticky .quote-post  {
  border: 1px solid #dbdbdb;
}

.tags-single-post {
    border-top: 1px solid #dbdbdb;
}

/* Page - Single Post */
.page {
  background-color: #f9f9f9;
}


/* Portfolio Page */

.portfolio-filters li, .pagination-blog a {
  border: 1px solid black;
}


/* Portfolio Single -------------------------------------------------------- */


.portfolio-nav {
  background-color: #fff;
  border-top: 1px solid black;
}

.portfolio-nav .nav-prev {
  border-right: 1px solid black;
}

.portfolio-nav .mask img {
  border: 1px solid black;
}

@media (max-width: 767px) {
  .portfolio-nav {
    border-top: 0px solid transparent;
  }

  .portfolio-nav-bock {
    border-top: 1px solid black;
    border-bottom:  0px solid transparent;
  }
  .portfolio-nav .nav-prev {
  border-right: 0px solid transparent;
  }
}


/* Comments */

.comment-reply-title {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid black;
}


/* Widgets */


.categories-widget, .archive-widget, .meta-widget {
  border: 1px solid #dbdbdb;
  box-shadow: 4px 4px 0px #f1f1f1;
}

.widget_search #s{
border: 1px solid #dbdbdb!important;
}

.categories-widget, .archive-widget, .meta-widget, .contact-widget, .widget{
  border: 1px solid #dbdbdb;
  box-shadow: 4px 4px #f1f1f1;
}

.categories-widget h4, .archive-widget h4, .meta-widget h4, .contact-widget h4, .widget h4 {
  border-bottom: 1px solid #dbdbdb;
}


/* Builder */

.wpb_progress_bar_heading, .vc_separator h4{
  border-top: 2px solid #000!important;
  border-bottom: 2px solid #E6E6E6!important;
}

/* No search results */

.no-search-results{
  margin-left: -15px;
  padding-bottom:60px;
  margin-top: 30px;
  display: block;
}