/*!
Theme Name: Norebro Child
Theme URI: http://norebro.colabr.io/
Author: Colabrio Team
Author URI: http://colabr.io/
Description: Norebro is flexible and high performance multipurpose WordPress Theme for personal and corporate use. It comes with the most popular WordPress page builder Visual Composer. Create gorgeous pages and layouts fast and easy without coding.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: norebro
Text Domain: norebro-child
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html {
  min-width: 320px;
}
body,
.font-main,
.font-main a,
p {
  font-size: 1rem;
}
#footer-menu {
  list-style: none;
}
#footer-menu li {
  display: inline-block;
  padding-left: 2em;
}
.portfolio-gallery .slider .owl-dots,
.portfolio-gallery.open .gallery-content {
  background-color: #c8c8c8;
}
.portfolio-gallery .slider .owl-dot:after {
  background: #782d0d;
}
.portfolio-gallery .slider .owl-dot.active {
  border-color: #782d0d;
}
.portfolio-gallery .slider .owl-dot {
  color: #782d0d;
}
.portfolio-gallery .gallery-content .description {
  color: #00090b;
}
.portfolio-gallery .gallery-content .info {
  padding-top: 10%;
}
.portfolio-content .info .title,
.portfolio-gallery .gallery-content .info .title {
  border-bottom-color: #ee7103;
  color: #00090b;
  text-transform: none;
  font-size: 1rem;
}
.portfolio-page .info-list p,
.portfolio-gallery .gallery-content .info p {
  color: #00090b;
}
.portfolio-page .tag {
  display: none;
}
.portfolio-page .info-list li {
  width: 28%;
  max-width: none;
  margin-right: 4%;
}
.portfolio-page blockquote.portfolio-quote {
  padding: 15% 0 0 0;
  margin-left: -1em;
  font-size: 2rem;
  color: #00090b;
  text-align: right;
  font-weight: bold;
}
.portfolio-page blockquote.portfolio-quote .portfolio-quote-text {
  font-size: 1em;
  line-height: 1;
  font-style: italic;
  color: #00090b;
  font-weight: bold;
  quotes: "„" "“";
}
.portfolio-page blockquote.portfolio-quote .portfolio-quote-text:before {
  content: open-quote;
  padding-right: 0.2em;
}
.portfolio-page blockquote.portfolio-quote .portfolio-quote-text:after {
  content: close-quote;
  padding-left: 0.2em;
}
.portfolio-page blockquote.portfolio-quote .portfolio-quote-author {
  font-size: 0.5em;
}

.portfolio-item.grid-1:hover h4.title,
.portfolio-item.grid-1:hover .widget h4,
.widget .portfolio-item.grid-1:hover h4 {
  max-width: 83%;
  margin: 0.5em auto;
}

/**
* Archive pages
*/
.header-title .tags .tag {
  color: #00090b;
  border-color: #00090b;
}
.header-title .tags .tag:hover {
  background-color: #ee7103;
  color: #fff;
  border-color: transparent;
}
.blog-grid footer .data,
.blog-grid footer strong {
  color: #782d0d;
}

/**
* Category pages
*/
.blog-grid footer .author,
.header-title .subtitle {
  color: #782d0d;
}
.blog-grid.boxed {
  background-color: #e9e9e9;
}

/**
* Search page
*/
.page-error .icon-shape {
  background-color: #e5eff7;
}
/**
* Contact form
*/
.wpcf7-form p {
  position: relative;
}

/**
*   Responsive part, the parent theme uses 4 (?) breakpoints
*/
/* 
@media screen and (min-width: 1025px) {

} */
@media screen and (max-width: 1440px) {
  .page-container {
    max-width: 90%;
  }
  #footer-menu {
    padding-right: 7em; /*keeping space for the scroll-top element*/
  }
  .scroll-top {
    bottom: 15px;
  }
  .portfolio-page blockquote.portfolio-quote {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 991px) {
}
@media screen and (max-width: 768px) {
  .site-content {
    padding-top: 70px;
  }
  #footer-menu li {
    padding-right: 2em;
    padding-left: 0;
  }
}
