@charset "UTF-8";
/*!
Theme Name: Gryfnie v4
Theme URI: http://gryfnie.pro
Author: LimeCode
Author URI: www.limecode.com.pl
Description: Gryfno ┼Ťlonsko godka - gryfnie.pro
Version: 5 
*/

@import "css/bootstrap.min.css";


.richtext > div[id^=attachment_]:first-child {
  display: none;
}

#searchform input {
  height: 15px;
}

#searchformMobile input {
  height: 0;
}

#searchform .submit, #searchformMobile .submit {
  display: none;
}

#searchform .field {
  border-style: none none none none;
  border-width: medium medium medium 1px;
  font-size: 12px;
  margin-top: 0;
  width: 0px;
  border-color: #CCCCCC;
  color: #666666;
  border-radius: 0 0 0 0;
  box-shadow: none;
  margin-bottom: 10px;
  transition: width .5s linear;
  outline: none;
}

#searchformMobile .field {
  border-style: none none none none;
  border-width: medium medium medium 1px;
  font-size: 14px;
  margin-top: 0;
  width: 0px;
  border-color: #CCCCCC;
  color: #666666;
  border-radius: 0 0 0 0;
  box-shadow: none;
  margin-bottom: 10px;
  transition: height .3s linear, width .5s linear .4s;
  outline: none;
}

#searchform .field:focus, #searchformMobile .field:focus {
  background-color: #f9f9f9;
}

#searchform .field.active {
  width: 80px;
}

#searchformMobile .field.active {
  width: 100%;
  height: 25px;
}

html {
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-size: 14px;
  background: #fff;
}

body {
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #696768;
}

/** Icons **/
.icon {
  display: inline-block;
  background: url('images/icons.png') no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  position: relative;
}


.icon.hamburger-icon--big { background-position: -10px -124px; width: 41px; height: 38px; }
.icon.yt-icon { background-position: -20px -79px; width: 18px; height: 13px;  }
.icon.shop-icon { background-position: -20px -112px; width: 17px; height: 15px; }
.icon.vimeo-icon { background-position: -20px -147px; width: 16px; height: 14px; }
.icon.insta-icon { background-position: -20px -214px; width: 15px; height: 14px; }
.icon.hamburger-icon { background-position: -20px -181px; width: 15px; height: 13px; }
.icon.search-icon { background-position: -20px -248px; width: 14px; height: 14px; }
.icon.fb-icon { background-position: -20px -282px; width: 7px; height: 14px; }

.btn.more-btn {
  color: #363636;
  font-size: .8rem;
  font-weight: 900;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
}
.btn.more-btn._--mobile {
  font-size: 1.3rem;
  border-bottom: 1px solid #adadad;
}

.btn.more-btn:after, .btn.more-btn._--down:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #363636;
  display: inline-block;
  vertical-align: baseline;
  margin-left: 7px;
  position: relative;
  top: -1px;
}

.btn.more-btn._--rev:after, .btn.more-btn._--down:before {
  display: none;
}

.btn.more-btn._--down:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #363636;
  top: -3px;
}

.btn.more-btn._--rev:before {
  border-right: 4px solid #363636;
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 7px;
  position: relative;
  top: -1px;
}

.nav-link:hover {
  text-decoration: underline;
}

.main-container, .main-header, .main-slider {
  max-width: 1060px;
  margin: 0 auto;
}

.main-header .help-menu .nav-item {
  padding-bottom: 0;
}

.main-container.contact-page {
  padding-top: 126px;
}

.help-menu .nav-item {
  padding-bottom: 10px;
}
.help-menu .nav-link {
  padding: 0;
  color: #696768;
  text-transform: uppercase;
  font-size: 1rem;
}

.logo img { max-width: 100%; width: 166px; }

.social-menu .nav-link {
  padding: 0 .6rem;
}
.social-menu .nav-item.divider {
  border-right: 1px solid #adadad;
}
.social-menu .nav-item:last-child .nav-link {
  padding-right: 0;
}

.main-navigation {
  border-top: 1px solid #d6d6d6;
  padding-top: .6rem;
}
.main-navigation .nav-link {
  font-size: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  color: #696768;
  text-transform: uppercase;
}
.main-navigation .nav-link:after {
  content: '';
  width: 1px;
  border: 1px solid #d6d6d6;
  display: block;
  height: .6rem;
  position: absolute;
  top: 50%;
  margin-top: -.3rem;
  right: 0;
}
.main-navigation .nav-item:first-child .nav-link {
  padding-left: 0;
}
.main-navigation .nav-item:last-child .nav-link {
  padding-right: 0;
}
.main-navigation .nav-item:nth-last-child(-n+5) .nav-link:After {
  border-color: transparent;
}
.main-navigation .nav-item:last-child {
  margin-left: auto;
}
.main-navigation .nav-item .shop-icon {
  top: 2px;
}

.shops {
  line-height: 1.3;
}

.main-slider {
  margin-bottom: 5rem;
}

.main-slider img {
    max-height: 403px;
}

.section-title, .page-title {
  font-weight: 900;
  font-size: 2.18rem;
  color: #3b3b3b;
  margin-bottom: 2.143rem;
  line-height: 1;
}

.section-title a, .page-title a {
  text-decoration: none;
  color: #3b3b3b;
}

.section-title { text-transform: uppercase; }

.page-title { font-family: "ohno-blazeface", sans-serif; font-weight: 400; }
.page-title._--big {
  font-size: 2.714rem;
}

.section-title._--small {
  font-size: 1.65rem;
  text-transform: none;
}

.small-title {
  font-weight: 900;
  color: #514f50;
  font-size: .85rem;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.section-divider {
  height: 1px;
  background: #d6d6d6;
  width: 100%;
}
.border-divider:after {
  content: '';
  height: 1px;
  background: #d6d6d6;
  display: block;
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
}

.popular-list { list-style: none; padding: 0 0 0 8.3rem; margin: 0; }
.popular-list li { padding-bottom: 1.5rem; }
.popular-list li a { color: #646464; font-size: 1.1rem; text-transform: uppercase; }

.article {  }
.article__category { color: #6f6f6f; font-size: .7857rem; padding-top: 1.429rem; display: block; text-transform: uppercase; }
.article__category a { color: #6f6f6f; }
.article__img { max-width: 100%;  }
.article__img img { width: 100%; max-height: 171px; }
.article._--main .article__img img { max-height: inherit; }
.article__lead { font-size: 1.071rem; color: #616060; line-height: 1.3; }
.article__title { font-family: "ohno-blazeface", sans-serif; font-size: 1.77rem; color: #444242; margin: 1.1rem 0; font-weight: 300; font-style: normal; line-height: 1; }
.article__title a { color: #444242; text-decoration: none; }

.article._--main .article__title { font-size: 2.5rem;  }
.article._--main { flex-grow: 1; }
.article._--main .article__lead { font-size: 1.429rem; line-height: 1.2; }

.article._--main .wp-block-embed-youtube iframe {
  max-width: 100%;
  max-height: 414px;
}
.article._--main .wp-block-embed-vimeo iframe {
  max-width: 100%;
  max-height: 414px;
}

.article-page .article {
  margin-top: 5rem;
}

.article-page .article._--main .article__img { min-height: 455px; }

.fb-container {
  position: absolute;
  bottom: 10px;
  transform: scale(0.94);
  left: -2px;
}

.copyright { }
.copyright p { line-height: 1.8; font-size: 1rem; }

.article-page .article._--main .article__category { font-weight: bold; font-size: 1.214rem; }

.writer { margin: 100px 0; }
.writer__description span { font-size: 1.05rem; }
.writer__description  { border-top: 5px solid #474747; padding-top: 1rem; }
.writer__description .__title { font-size: 1.1rem; font-weight: 800; margin: 0; }
.writer__description p { font-size: .85rem; margin-top: 1rem; }

.writer__photo { width: 131px; height: 131px; }
.writer__photo img { border-radius: 100%; max-width: 100%; width: 100%; }


.comments, .posters-container {
  border-top: 1px solid #d6d6d6;
}

.related-articles .article__img { margin-bottom: .6rem; }
.related-articles .article__img img { max-height: 192px; min-height: 192px; }
.related-articles .article__title { margin: 1.5rem 0; }
.related-articles .article__lead { font-size: 1.05rem; }

.contact-page__lead {
  font-size: 1.571rem;
}

.main-footer {
  background: #faf7f8;
}

.poster-vertical {
  margin-top: 0.7rem;
}

.poster-horizontal {
  max-height: 343px;
}

.richtext h1, .richtext h2, .richtext h3 {
  margin: 1.3rem 0 .7rem 0;
  font-size: 1.643rem;
  font-weight: 600;
}

.richtext p {
  font-size: 1rem;
}

.richtext a {
  color: #696768;
}

.richtext .flex-video iframe { max-width: 100%; }
.richtext img, .richtext div[id^=attachment_] img, .richtext div[class^=wp-image] {
    max-width: 100%;
    height: auto;
}

.richtext div[id^=attachment_] { width: 100%!important; }

.shop-list-nav {
  margin: 0 0 5rem 0;
}
.shop-list-nav .nav-item:first-child .nav-link {
  padding-top: 0;
}
.shop-list-nav .nav-link {
  font-weight: 100;
  font-size: 2.7rem;
  color: #4e4e4e;
  padding-top: 15px;
  padding-left: 0;
  line-height: 1;
}

.shop-list-nav { margin-bottom: 50px; }
.shop-contact { margin-bottom: 97px; }
.shop-contact:last-child { margin-bottom: 25px; }
.shop-contact__text {}
.shop-contact__text .__title { font-size: 1.643rem; font-weight: bold; margin-bottom: 1.4rem; }
.shop-contact__text p { margin-bottom: 1.643rem; font-size: 1.643rem; line-height: 1.3; }

.shop-contact__image-list {}
.shop-contact__image-list ul { padding: 0; margin: 0; list-style: none; }
.shop-contact__image-list ul li { margin-bottom: 3rem; }
.shop-contact__image-list ul li img { max-width: 100%; }

.fb-like-context { list-style: none; padding: 0 0 0 10px; }
.fb-like-context li { display: inline-block; vertical-align: middle; padding: 0 10px; }
.fb-like-context li:first-child { border-right: 1px solid #d6d6d6; padding-left: 0; font-weight: 900; }

@media (min-width: 992px) {
  .col-lg-3-3 {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media (max-width: 990px) {
  .nav-mobile-hidden { display: none; }

  .social-menu .icon.hamburger-icon { margin-top: 3px; }
  .main-navigation .nav-link, .main-navigation .nav-item:first-child .nav-link { padding-left: 1rem; }
  .main-navigation .nav-link:after { display: none; }

  .main-navigation {
    border-bottom: 2px solid #d6d6d6;
  }

  .main-navigation .nav-item {
    border-bottom: 1px dashed #d6d6d6;
  }
  .main-navigation .nav-item:nth-last-child(2) {
    border-bottom: transparent;
  }

  .main-navigation .nav-link {
    font-size: .97rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative;
    color: #696768;
    text-transform: uppercase;
  }

  .main-slider img {
    width: 100%;
  }

  .border-divider:after {
    display: none;
  }

  .border-divider-mobile:after {
    content: '';
    height: 1px;
    background: #d6d6d6;
    display: block;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
  }

  .adds-b { text-align: center; margin-bottom: 1.5rem; margin-top: 1.5rem; }
  .adds-b img { width: 100%; max-height: 60vh; }

  .main-container.contact-page { padding-top: 30px; }

  .fb-container {
    position: static;
    transform: none;
  }

  .contact-page .page-title { margin-bottom: 0; padding-bottom: 30px; }
  .shop-list { padding-top: 30px; }
  .shop-list-nav .nav-link { font-size: 26px; }

    .related-articles .article__img img, .article__img img { max-height: 45vw; }

  .article-page .article._--main .article__img { min-height: inherit; margin-bottom: 2em; }
}

@media (max-width: 900px) {
  html {
    font-size: 14px;
  }
  .icon.search-icon { background-position: -20px -40px; width: 18px; height: 19px; }
  .icon.shop-icon { background-position: -20px -0px; width: 22px; height: 20px; }
  .section-title { font-size: 1.3rem; }

  .main-header, .main-slider {
    max-width: 100%;
  }

  .main-slider { margin-bottom: 2rem; }

  .main-container {
    max-width: 90%;
  }

  .main-container._--mobile-container-fluid { max-width: 100%; overflow: hidden; }

  .fb-container { text-align: center; position: static; }

  .copyright { border-top: 1px solid #b9b9b9; }
  .copyright p { margin: 1rem 0 0 0; }

  .about { font-size: 1rem; }

  .article._--main .article__title { font-size: 1.6rem; }
  .article-page .article { margin-top: 1rem; padding-bottom: 1rem; }
  .article-page .article._--main .article__img img { max-height: 70vw; }

  .related-articles .article__img img { max-height: 45vw; }


  .poster-horizontal { text-align: center; margin-top: 1rem; }

  .shop-contact__image-list ul li img { max-height: 50vw; }
}

@media (max-width: 480px) {
  html {
    font-size: 13px;
  }

  .section-title {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .article__category {
    padding-top: 14px;
  }

  .fb-page, .fb-page iframe[style], .fb-page span[style] {
      width: 100vw!important;
  }

.main-slider img { max-height: 200px; }

  .article { margin-bottom: 50px; }

  .article._--main { margin-bottom: 65px; }

  .article._--main .article__title, .article__title { font-size: 24px; margin: 14px 0; }
  .article-page .article._--main .article__title { font-size: 25px; margin: 23px 0; }
  .article__img._--video { max-width: initial; }

  .article._--main .article__lead {
    font-size: 1.154rem;
    margin: 14px 0;
  }

  .copyright { font-size: .8rem; }

  .article-page .article__category {
    font-weight: normal;
    font-size: 12px;
  }

  .article-page .article._--main .article__category {
    padding-top: 0;
  }

  .article-page .article._--main .article__img, .fb-article-container {
    margin: 0 -44px;
  }

  .article-page .article._--main .article__img img {
    max-height: 57vw;
    max-width: 100vw;
    width: inherit;
  }

  .article._--main .wp-block-embed-youtube iframe {
    max-height: 57vw;
    max-width: 100vw;
  }

  .article._--main .wp-block-embed-vimeo iframe {
    max-height: 57vw;
    max-width: 100vw;
  }

  .fb-article-container img {
    max-height: 57vw;
    max-width: 100vw;
  }

  .richtext h1, .richtext h2, .richtext h3 {
    font-size: 16px;
  }

  .article-page .article { margin-bottom: 20px; padding-bottom: 0; }
  .article-page .article._--main { margin-bottom: 0; padding-bottom: 0; }

  .writer {
    margin: 55px 0 30px 0;
  }

  .main-container {
    max-width: 100%;
    padding: 0 44px;
  }

  .fb-container {
    width: 200px;
    margin: 0 -44px;
  }

  .main-container.contact-page {
    padding-top: 20px;
  }

  .page-title._--big { font-size: 26px; }
  .contact-page__lead { font-size: 18px; margin-top: 20px; }
  .shop-list-nav .nav-link { font-size: 25px; padding: 5px 8px; }
  .shop-list-nav { margin-bottom: 5rem; }
  .shop-contact__text .__title, .shop-contact__text p { font-size: 20px; }

  .about p { margin-bottom: 5px; }
    .about, .help-menu .nav-link, .copyright p { font-size: 10px; }
    .about .small-title { margin-bottom: 10px; }
  .copyright p { margin: 5px 0 0 0; }

    .writer__photo { margin: 0 auto; width: 90px; height: 90px; }
    .writer__photo img { max-width: 100%; }
}

@media (max-width: 375px) {
.main-slider img { max-height: 142px; }
}

@media (max-width: 360px) {
  .main-container {
    max-width: 100%;
    padding: 0 33px;
  }

  .fb-container {
    margin: 0 -33px;
  }

  .article-page .article._--main .article__img, .fb-article-container {
    margin: 0 -33px;
  }

  .about, .help-menu .nav-link, .copyright p { font-size: 10px; }

  .writer__photo { margin: 0 auto; width: 90px; height: 90px; }
  .writer__photo img { max-width: 100%; }

  .main-slider img { max-height: 135px; }
  .related-articles .article__img img { min-height: 165px; }

}

@media (max-width: 320px) {
  html { font-size: 12px; }

  .main-container {
    max-width: 100%;
    padding: 0 27px;
  }

  .fb-container {
    margin: 0 -27px;
  }

  .article-page .article._--main .article__img, .fb-article-container {
    margin: 0 -27px;
  }

  .main-slider img { max-height: 120px; }
  .related-articles .article__img img { min-height: 149.63px; }
}