/*
Theme Name:		MammothDesign
Theme URI: 		http://mammothdesign.pl/
Version: 		0.2.4.10
Description: 	A <em>blank</em> WordPress Theme Framework <strong>that's everything you need, and nothing you don't.</strong> With features like <em>microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system</em>, WP Framework is <em>completely extensible, flexible</em> and <strong><em>the</em></strong> starting point for theme authoring and customization. To learn more, visit 
Author: 		
Author URI:		
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

All rights reserved. licensed under the terms of the GNU General Public License version 2.
*/

@media (min-width: 1280px) {
  .container {
    max-width: unset;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: unset;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: unset;
  }
}
@media (min-width: 640px) {
  .container {
    max-width: unset;
  }
}

.wow {visibility: hidden;}

/* GLOBAL */
body                                        {background-color: #4f3e37;  color: #fff; font-family: "Montserrat", sans-serif; font-weight: 400; font-style: normal; display: flex; flex-direction: column; min-height: 100vh; font-size: 160%;}
.container                                  {max-width: 1536px; width: 100%;}
.bounce                                     {transition:  all .3s ease-in-out 0s;}
.bounce:hover                               {top:-5px; position: relative; }
.tr                                         {transition:  all .3s ease-in-out 0s;}
a                                           {color: #E88873; font-weight: 600;}
a:hover                                     {color: #A37774; font-weight: 600;}

.h1, .h2, .h3, h1, h2, h3                   {margin-top: 0;}
h1, .h1                                     {font-weight: 700; line-height: 1; margin: 0 0 .5em 0;}
h2, .h2                                     {font-size: 3em; font-weight: 700; line-height: 1; margin: 0 0 .5em 0;}
h3, .h3                                     {font-size: 1.75em; font-weight: 700; line-height: 1.25; margin: 0 0 .5em 0;}
h4, .h4                                     {font-weight: 700;}
p                                           {font-size: 1em; margin: 0 0 1.5em 0;}
blockquote                                  {background-color: #fefce8; color: #854d0e; font-size: 1em;}

.btn,                                        
.btn:hover                                  {border-radius: 5em; padding: .5em 2em; font-weight: 700; font-size: 1.125em; line-height: 1.75em;}
.btn_yellow                                 {background-color: #E0AC9D; color: #fff;}
.btn_yellow:hover                           {background-color: #E0AC9D; color: #fff;}
.btn_red                                    {background-color: #E88873; color: #fff;}
.btn_red:hover                              {background-color: #E88873; color: #fff;}                                   
.btn_black                                  {background-color: #5C6D70; color: #fff;}
.btn_black:hover                            {background-color: #5C6D70; color: #fff;}
.btn_blue                                   {background-color: #A37774; color: #fff;}
.btn_blue:hover                             {background-color: #A37774; color: #fff;}

.mobile-only                                {display: none;}
.p-0                                        {padding: 0!important;}

.buttons-container .btn                     {margin: 0 1em 1em 0;}

/* HEADER & FOOTER */
header                                      {padding: 0.75em 0; position: relative; width: 100%; height: auto; z-index: 100; background:#4f3e37;}
header .container                           {display: flex; flex-wrap: nowrap; align-items: stretch; position: relative;}
header .top-header-logo                     {flex-shrink: 1; position: relative; top: 0; left: 0; display: flex; align-items: center; padding: 0 15px;}
header .top-header-logo a                   {display: flex; align-items: center; text-decoration: none;}
header .top-header-logo img                 {max-width: 300px;}
header .top-header-logo span                {font-size: 1.25em; line-height: 1.75em; color: #fff; font-weight: 100; margin: 0 0 0 .5em;}
header .top-header-menu_wrap                {display: flex; margin: 0 0 0 auto; justify-content: center; align-items: center; height: auto;}
header .top-header-menu                     {margin: 0 0 0 auto; height: 100%;}
header .top-header-menu div                 {height: 100%;}
header .top-header-menu .menu               {list-style: none; display: flex; padding: 0; margin: 0; height: 100%;}
header .top-header-menu .menu li            {position: relative; display: flex; align-items: center;}
header .top-header-menu .menu li a          {color: #fff; text-decoration: none; padding: 0em 1em; display: flex; height: 100%; align-items: center; font-weight: 100; line-height: 100%; font-size: 1em;}
header .top-header-menu .menu li.button a                       {background-color: #E88873; border-radius: 2em; padding: 0 1.25em; color: #fff;}
header .top-header-menu .menu li.button a:hover                 {background-color: #A37774; color: #fff!important;}
header .top-header-menu .menu li a:hover,
header .top-header-menu .menu li.current_page_item,
header .top-header-menu .menu li.current-page-parent            {color:#E88873;}
header .top-header-menu .menu li .sub-menu        {position: absolute; top: 100%; left: 0; padding: 5px 0; display: none; background-color: rgba(79, 62, 55, 0.75);}
header .top-header-menu .menu li .sub-menu li     {padding: 0 6px;}
header .top-header-menu .menu li .sub-menu li a   {padding: 1rem;  font-size: 1.4rem; white-space: nowrap;}
header .top-header-menu .menu li:hover .sub-menu  {display: block;} 

header .mobile-menu                                             {display:none; margin: 0 0 0 auto;}
header .mobile-menu .mobile-menu__icon                          {width: 25px; cursor: pointer;}
header .mobile-menu .mobile-menu__icon svg                      {max-width: 100%;}
header .mobile-menu .mobile-menu__icon .bar                     {width: 100%; height: 3px; margin: 5px 0; display: block; background-color: #fff;}
header .top-header-menu_wrap_visible                            {display:block;}
header.header-fixed                                             {position: fixed; top: 0; left: 0; right: 0; border: 0px solid #555; box-shadow: 0 1px 5px 1px #00000014; z-index: 10000; background-color: transparent;}
header.header-fixed::after                                      {content: ""; position: absolute; background-color: rgba(79, 62, 55, 0.75); top: 0; right: 0; bottom: 0; left: 0; z-index: -1; backdrop-filter: blur(16px);}
header .top-header-menu .menu li.show-przystan                  {display: none;}
header .top-header-menu .menu li.hide-przystan                  {display: block;}

footer                                    {padding: 5em 0 2em;}
footer h3                                 {font-size: 1.5em; line-height: 1.25em; font-weight: 700;}
footer .block                             {width: 100%;display: flex;margin: 0 0 1em 0;}
footer .block .icon                       {width: 20px;height: 20px;margin: 0 1em 0 0;}
footer .block .icon img                   {width: 100%;}
footer .block .content                    {width: 100%;}
footer .block .content a                  {font-weight: 500;text-decoration: none; color: #fff;}
footer .block-social                      {display: flex; margin: 1em 0 0 0;}
footer .block-social .icon-social         {width: auto; height: auto; margin: 0 1em 0 0;}
footer .block-social .icon-social a       {height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;}
footer .block-social .icon-social a img   {max-width: 100%;max-height: 100%;}
footer .block-menu ul                     {list-style: none;padding: 0;}
footer .block-menu ul li                  {margin: 0 0 .5em 0;}
footer .block-menu ul li a                {color: #fff;font-weight: 400;}
footer .block-copyright                   {border-top: 1px solid #00000036; padding: 2em 0 0 0; margin: 2em 0 0 0;}
footer .block-copyright p                 {text-align: center; color: #fff; font-size: 0.875em; line-height: 1.25em;}
footer .block-copyright p a               {color:#E88873;}
footer .block-map iframe                  {max-width: 100%; height: 200px;}

.home-site                       {padding: 40px;}
.home-site .boxes                {display: flex;flex-wrap: nowrap;}
.home-site .boxes .box           {width: 25%;display: flex;flex-direction: column;padding: 20px;text-decoration: none;}
.home-site .boxes .box .img      {width: 100%;box-shadow: 0 0 25px #3b2a23;}
.home-site .boxes .box .img img  {width: 100%;max-width: 100%;}
.home-site .boxes .box .txt      {color: #fff;font-size: 2rem;font-weight: 100;text-align: center;line-height: 2rem;padding: 3rem 1rem;}

.interiors                {padding: 40px;}
.interiors .boxes         {display: flex; flex-wrap: wrap;}
.interiors .boxes .box    {color: #fff; font-weight: 100; width: 20%; padding: 20px; text-decoration: none;}
.interiors .boxes .box .item    {display: flex; justify-content: flex-start; align-items: center; text-align: center; height: 100%; flex-direction: column;}
.interiors .boxes .box .item .img       {position: relative;}
.interiors .boxes .box .item .img span  {display: block;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(79, 62, 55, 0.75);
  padding: 20px;}
.interiors .boxes .box .item .img img {max-width: 100%; width: 100%; height: auto;}
.interiors .boxes .box .item .txt {padding: 2rem 1rem;}

.about              {display: flex;flex-wrap: nowrap; align-items: center;}
.about .img         {width: 66.666%;}
.about .img img     {max-width: 100%;}
.about .txt         {width: 33.333%;padding: 40px;}

#gallery                    {padding: 0 20px;}
.collection                 {display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 0;}
.collection .image          {width: 100%; position: relative;}
.collection .row            {width: 100%; margin: 0; display: flex;}
.collection .row-1 .image,
.collection .row-3 .image   {width: 100%; padding: 20px;}
.collection .row-2 .image,
.collection .row-5 .image   {width: 50%; padding: 20px;}
.collection .row-4 .image   {width: 33.333% ; padding: 20px;}

.collection .row-100        {width: 100%; padding: 20px;}
.collection .row-66         {width: 66.666%; padding: 20px;}
.collection .row-50         {width: 50%; padding: 20px;}
.collection .row-33         {width: 33.333%; padding: 20px;}

.collection .image img      {width: 100%; display: block; object-fit: cover; height: 100%;}
.collection .image span     {display: block; font-size: 14px; position: absolute; bottom: 20px; left: 20px; z-index: 2; background-color: rgba(79, 62, 55, 0.75);; padding: 20px;}

.shop-list                                  {padding: 40px;}
.shop-list_wrapper                          {display: flex; flex-wrap: wrap;}
.shop-list_wrapper .item                    {width: 25%; padding: 10px; box-sizing: border-box; color: #fff; text-decoration: none;}
.shop-list_wrapper .item .img               {position: relative; width: 100%; aspect-ratio: 1 / 1;  overflow: hidden; background: rgba(0, 0, 0, 0.14); }
.shop-list_wrapper .item .img img           {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain; max-width: calc(100% - 40px); max-height: 100%;}
.shop-list_wrapper .item .img.portrait img  {height: calc(100% - 80px); width: auto;}
.shop-list_wrapper .item .img.landscape img {width: 100%; height: auto;}
.shop-list_wrapper .item .landscape         {}
.shop-list_wrapper .item .landscape img     {}
.shop-list_wrapper .item .content           {margin: 5px 0 0 10px;}
.shop-list_wrapper .item .content h2        {font-size: 2.5rem; margin: 0; font-weight: 600; line-height: 115%;}
.shop-list_wrapper .item .content .price    {}
.shop-list_wrapper .item .content .price span {font-size: 1.25rem; text-transform: uppercase; font-weight: 100;}

.product                                                {padding: 40px;}
.product .product_wrapper                               {display: flex;}
.product .product_wrapper .product_image                {width: 50%;}
.product .product_wrapper .product_image a              {display: block; background-color: rgba(0, 0, 0, 0.14); padding: 20px; text-align: center;}
.product .product_wrapper .product_image img            {max-width: 100%; height: auto; display: block; margin: 0 auto;}
.product .product_wrapper .product_image_portrait img   {max-height: 75vh;}
.product .product_wrapper .product_description          {width: 50%; padding: 20px 40px;}
.product .product_wrapper .product_description p        {}
.product .product_wrapper .product_description .title   {margin: 0 0 10px 0;}
.product .product_wrapper .product_description .price   {color: #e0825b;}
.product .product_wrapper .product_description .price span   {font-weight: 100; text-transform: uppercase; font-size: 1.75rem;}
.product .product_wrapper .product_description .desc    {}
.product .product_wrapper .gallery                      {display: none;}
.product .product_wrapper .form                         {color:#4f3e37;}
.product .product_wrapper .form label                   {display: block; font-weight: 100; text-transform: uppercase; font-size: 1.15rem; margin: 0; color: #fff;}
.product .product_wrapper .form .wpcf7-form-control-wrap  {display: block; width: 100%; margin: 0 0 20px 0;}
.product .product_wrapper .form input[type="text"],      
.product .product_wrapper .form input[type="email"]     {width: 100%; border: 1px solid #ccc; border-radius: 5px; outline: none; padding: 10px;}
.product .product_wrapper .form select                  {width: 100%; border: 1px solid #ccc; border-radius: 5px; outline: none; padding: 10px; background-color: #fff;}
.product .product_wrapper .form textarea                {width: 100%; border: 1px solid #ccc; border-radius: 5px; outline: none; padding: 10px; background-color: #fff; resize: none; height: 100px;}
.product .product_wrapper .form input[type="submit"]    {background-color: #000; border: 0; border-radius: 5px; color: #fff; padding: 10px 40px; font-weight: 600;}
.product .product_wrapper .form .wpcf7-form.sent .form-content          {display: none;}
.product .product_wrapper .form .wpcf7-form.sent .wpcf7-response-output {display: block; border-radius: 5px; padding: 20px; border: 0 none;}
.product .product_wrapper .form .wpcf7-not-valid-tip    {color: #e0825b; font-size: 0.8em;}

.select_frame-empty .select_frame                       {display: none!important;}
.project-headline                                   {padding: 40px; display: flex;}
.project-headline .project-thumb                    {}
.project-headline .project-thumb img                {max-height: 60vh; width: auto; display: block;}
.project-headline .project-desc                     {padding: 0 0 0 40px;}
.project-headline .project-desc h1                  {}
.project-headline .project-desc .project-content    {}

@media (max-width:1680px) {
  .container {max-width: 1280px; width: 100%;}
}

@media (max-width:1280px) {
}

@media (max-width:1200px) {
  .container {max-width: 1024px; width: 100%;}
}

@media (max-width:1024px) {
  .container                                                      {max-width: 1000px; width: 100%;}
  header .container                                               {flex-wrap: wrap;}
  header .mobile-menu                                             {display:flex; height: 50px;align-items: center;}
  header .top-header-logo                                         {width: 75px;}
  header .top-header-logo img                                     {height: auto;}
  header .top-header-menu                                         {padding: 0 0 0 3rem;}
  header .top-header-menu_wrap                                    {display:none; position: relative; width: 100%;}
  header .top-header-menu_wrap_visible                            {display:block;}
  header .top-header-menu .menu                                   {flex-wrap: wrap; padding: 1em 0;}
  header .top-header-menu .menu li                                {display: flex; width: 100%; flex-wrap: wrap;}
  header .top-header-menu .menu li a                              {padding: 1em 0; height: auto; line-height: 100%; width: 100%; white-space: unset;}
  header .top-header-menu .menu li.button a                       {padding: 1em 0; width: auto; background-color: transparent; color: #E88873;}
  header .top-header-menu .sub-menu                               {position: relative; top: 0; display: block; background-color: transparent; padding: 0 0 0 2em;}
  header .top-header-menu .menu li .sub-menu                      {position: relative; top: 0; display: block; background-color: transparent; padding: 0;}
  header .top-header-menu .menu li .sub-menu li a                 {white-space: wrap;}
  header .top-header-menu .menu li:hover, 
  header .top-header-menu .menu li.current_page_item, 
  header .top-header-menu .menu li.current-page-parent            {background-color: transparent;}
  footer                                                          {padding: 0 0 2em;}
  footer .block-info,
  footer .block-contact,
  footer .block-menu                                              {margin: 0 0 3em 0;}
  .home-site .boxes                                               {flex-wrap: wrap;}
  .home-site .boxes .box                                          {width: 50%;}
  .shop-list_wrapper .item                                        {width: 50%;}
  .interiors .boxes .box                                          {width: 33.333%;}
  .about                                                          {flex-wrap: wrap;}
  .about .img                                                     {width: 100%;}
  .about .txt                                                     {width: 100%;}
  .project-headline .project-thumb                                {width: 33%;}
  .project-headline .project-thumb img                            {max-height: 100%; width: 100%;}
  .project-headline .project-desc                                 {width: 66%;}
} 

@media (max-width:992px) {
}

@media (max-width:768px) {
  .container                                      {max-width: 100%; width: 100%;}
  header .top-header-logo                         {padding: 0;} 
  .home-site                                      {padding: 2rem;}
  .home-site .boxes                               {flex-wrap: wrap;}
  .home-site .boxes .box                          {width: 100%;}
  .collection .row                                {flex-wrap: wrap;}
  .collection .row-100,        
  .collection .row-66,         
  .collection .row-50,         
  .collection .row-33,
  .collection .row-1 .image,
  .collection .row-3 .image,   
  .collection .row-2 .image,
  .collection .row-5 .image,   
  .collection .row-4 .image                       {width: 100%; padding: 20px 0;}
  .collection .image span                         {left: 0;}
  .interiors                                      {padding: 2rem;}
  .interiors .boxes .box                          {width: 100%; padding: 20px 0;}
  .shop-list                                      {padding: 2rem;}
  .shop-list_wrapper .item                        {width: 100%; padding: 20px 0;}
  .product                                        {padding: 2rem;}
  .product .product_wrapper                       {flex-wrap: wrap;}
  .product .product_wrapper .product_image        {width: 100%;}
  .product .product_wrapper .product_description  {width: 100%; padding: 20px 0;}
  .project-headline                                   {padding: 0 20px; flex-wrap: wrap;}
  .project-headline .project-thumb                    {width: 100%; display: flex; justify-content: center;}
  .project-headline .project-thumb img                {max-height: 100%; max-width: 50%; margin: 0 0 20px 0;}
  .project-headline .project-desc                     {padding: 0; width: 100%;}
}

@media (max-width:600px) {  
}

@media (max-width:480px) {
}