/*
Theme Name: ArtAndMedia 
Theme URI: http://artandmedia.pl
Author: inford.eu
Author URI: http://inford.eu
Description: Template for Art And Media
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inford
Tags: INFORD
*/



:root {
 --main1: #393935; 
}

html {
 margin:0!important;
 margin-top:0!important;
 padding: 0; 
}

body {
 margin: 0;
 padding:0;
 background: #fff;
 width:100%; 
 color:#000;
 font-weight:400;
 font-size: 16px;
 line-height:1.7;
 font-family: 'Montserrat', sans-serif; 
 animation-name: fadeIn;
 animation-duration: 1.5s; 
}

    @keyframes fadeIn {
      0%	  { opacity: 0;}	 
	  100% { opacity: 1;}
	}


.mobile {
 display: none;	
}

.menu-button {
 position: absolute;
 right: 10px;
 top:14px;
}

a {
 transition: all .3s ease;
 text-decoration: none; 
}

.fs-12 {
 font-size: 12px; 
}

.fs-13 {
 font-size: 13px; 
}

.fs-14 {
 font-size: 13px; 
}

img {
 max-width: 100%;
 height: auto; 
}


#header {
 padding: 20px 10px 10px 10px;
 position: fixed;
 top:0;
 left: 0;
 right: 0;
 height: auto;
 width: 100%;
 color: #000;
 z-index: 9999999;  
 transition: all .3s ease;
 background: #fff;
}

.single #header,
.page #header {
 background: transparent;	
}

#header .col-md-4 {
 display: flex;
 align-items: center; 
}

.contact-header {
 color: #fff;
 font-size: 0.8rem;
}

.fixed-header .contact-header {
 display: none;	
}

.col-logo {
 display: flex;
 align-items: center;	
}


.logo {
 position: absolute;
 width: 0;
 height: 0;
 z-index: -10;
 visibility: hidden;
 transition: all .3s ease;
}

.home .logo,
.archive .logo,
.page .logo {
 position: relative;
 width: auto;
 height: auto;
 z-index: 10;
 visibility: visible;
 max-height: 65px; 
 transition: all .3s ease;	 	
}

.logo-white {
 position: relative;
 max-height: 65px; 
 transition: all .3s ease;	
}

.home .logo-white,
.archive .logo-white,
.page .logo-white {
 position: absolute;
 width: 0;
 height: 0;
 z-index: -10;
 visibility: hidden;
 transition: all .3s ease;	
}

#header.fixed-header { 
 box-shadow: 0 0 8px rgba(0,0,0,.3); 
 z-index: 999999999;
 background: rgba(255,255,255,.98);
}

.fixed-header .logo {
 position: relative;
 width: auto;
 height: 100%;
 opacity: 1;
 z-index:10;
 visibility: visible;
 max-height: 35px!important; 
 transition: all .3s ease;	 
}

.fixed-header .logo-white {
 max-height: 0px!important; 
 z-index: -10;
 width: 0;
 height: 0;
 visibility: hidden;
}

.top-bg-container {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 height: 90px;
 z-index:999;
 opacity: 1;
}

.top-bg-container img {
 width: 100%;
 height: auto; 
}


#catmenu {
 opacity: 1;
 margin-bottom: 0px;
 z-index:101;	
 border: 0px solid;
 transition: all .3s ease;	
 display: flex;
 justify-content: flex-end;

}
	
.fixed-header #catmenu {
 margin-top:0;	
}
	
#catmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	
#catmenu li {
 position: relative!important;
 float:left;
 margin: 0px;
 padding: 0px;
}

#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
	display: inline-block;	
	font-size:14px;	
	font-weight: 600;
	padding: 8px 12px 8px 12px;
	color: rgba(0,0,0,1);
	transition: all .3s ease;
	text-transform: uppercase;
}

.single #catmenu li a,
.single #catmenu li a:link,
.single #catmenu li a:visited {
 color: #fff;	
}


#catmenu li.home-top-menu { 
 padding-top: 15px;
}

#catmenu li.home-top-menu a { 
 padding-right: 10px;
}

.fixed-header #catmenu li a, .fixed-header #catmenu li a:link , .fixed-header #catmenu li a:visited {
  padding: 6px 11px 6px 11px;

}

.fixed-header #catmenu li a,
.single .fixed-header #catmenu li a {
 color: #000;
}


.fixed-header #catmenu li a:hover {
 background: transparent;
 color: #000;
 opacity: 0.6;
}

.fixed-header #catmenu li a:hover:before {
	
}

#catmenu li a:hover, #catmenu li a:active {	

}

.menu-top-booking  {
 
 margin-left: 6px!important;
}

.menu-top-booking a {
 background: #8CC647;
}

#catmenu li a:before {
 opacity: 0;
 position: absolute;
 top: 5px; 
 width: 1%;
 transition: all .3s ease;
}

#catmenu li a:hover {
 color: rgba(0,0,0,.6);
}

 
#catmenu li:last-child a:hover:before {
 /*left: calc(50% + 9px); 
 width: calc(100% - 18px);	*/
}
 
#catmenu li ul li a:before {
 display: none;	
}

.home .current-menu-item a {
 background: transparent;
 color: #fff; 
}

#catmenu li.current-menu-item a {
 /*color: #085474;
 border-bottom:1px solid #085474;*/	
}

.current-menu-ancestor {
 border-bottom:0!important;
}


#catmenu li:last-child a {
 margin-right:0;
 
}

	
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
	width: 100%;
	float:none;
	margin: 0px;
	color: #000;
	font-size:14px;
	line-height: 1.3;
	padding: 6px 12px 6px 12px;
	text-align: left;
}
	
#catmenu li li a:hover, #catmenu li li a:active,
.fixed-header #catmenu li li a:hover {
}


#catmenu li ul {
 z-index: 9999;
 position: absolute;
 left: -999em;
 background: #fff;
 min-width: 190px;
 margin: 0px;	
 padding:10px 5px;
 border-bottom: 5px solid var(--logocolor);
 box-shadow: 0 2px 5px rgba(0,0,0,.1);
 border-radius: 0 0 9px 9px;  
}

#catmenu li ul a:hover, #catmenu li ul a:active { 
 background: transparent!important;
 color: var(--logocolor);
}


#catmenu .sub-menu > li {
 border: 0px solid #cc0000;	
 width: 100%;
 display: block;
}

#catmenu .sub-menu > li > a {
 color: #000!important; 
}

#catmenu li li li {
 border: 0px solid #00cc00!important;	
 width: 100%!important;
 display: block!important;
 float: none!important; 
}


#catmenu li li li.menu-section-element a {
 font-weight: 500!important;
 opacity: 0.3; 
 font-size: 12px;
}

#catmenu .sub-menu li li a {
 color: #000!important;	
 min-height: auto!important;
 font-size: 14px;
 font-weight: normal;
}

#catmenu li ul ul {
 position: relative; 
 border: 0px solid #003344;	
 box-shadow: none;
}

#catmenu li.menu-top-cart {
 position: relative;
}

#catmenu li.menu-top-cart:hover .cart-count {
 opacity: 0.8; 
}

#catmenu li.menu-top-cart a {
 color: var(--logocolor);
 position: relative; 
 font-size: 16px;
 padding-left: 5px;
 padding-right: 5px;
}

.fixed-header #catmenu li.menu-top-cart a {
 color: var(--logocolor);
 position: relative; 
 font-size: 16px;
 padding-left: 5px;
 padding-right: 5px;
}


#catmenu li.menu-top-cart a:hover {
 background: none;	
}

#catmenu li.menu-top-cart .cart-count {
 background: #a4d460;
 color: #fff;
 width: 16px;
 height: 16px;
 font-size: 9px;
 border-radius: 50%;
 text-align: center;
 position: absolute;
 top: 3px;
 right:-9px;  
}

#catmenu li.menu-top-cart .top-cart-total {
 font-size: 0.8rem;
 margin-left: 5px;
 display: inline-block; 
}


#catmenu li:hover ul, #catmenu li li:hover ul, 
#catmenu li li li:hover ul, #catmenu li.sfhover ul, 
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
 left: 0;
}

#catmenu li:hover, #catmenu li.sfhover { 
 position: static;
}



#top-search-container {
 display: none;
 transiton: all .3s ease; 
 background: rgba(255,255,255,0.9);
 position: fixed;
 top:0;
 left:0;
 right: 0;
 bottom: 0; 
 text-align: center;
 padding: 40px; 
 z-index:9999999;
}

	#top-search-container .layer-close {
	 position: absolute;
	 right: 40px;
	 top: 10px;
	 font-size: 40px;
	 font-weight: 600;
	 cursor: pointer;  
	}

	#searchform {
     position: absolute;
     width: 100%;
	 max-width: 800px;
	 top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)!important;
	 -ms-transform: translate(-50%, -50%)!important;	 
	 -webkit-transform: translate(-50%, -50%)!important;
	 -moz-transform: translate(-50%, -50%)!important;
	 -o-transform: translate(-50%,-50%)!important;	
	 border: 0px solid #cc0000;
	}
	
	#s {
     width: 100%;
	 height: 50px;
	 padding: 10px 50px 10px 10px;
	 line-height: 1;	 
	}
	
	#searchsubmit {
     position: absolute;
     right: 0;
	 top:0;
	 border:none;
     background: #395173;
	 color: #fff;
	 font-size: 27px;
	 line-height: 1;
	 display: inline-block;
	 height: 50px;
	 width: 50px;
     text-align: center;
     transition: all .3s ease;
     cursor: pointer;	 
	}
	
	#searchsubmit:hover {
	 opacity: .8;	
	}




#home-main,
#archive-portfolio,
#content {
 margin-top: 100px;	
}

.filter-container .filter-button,
.filter-container .filter-button:visited,
.filter-container .filter-button:active {
 border: none;
 background: transparent;
 color: #000;
 font-size: 14px; 
}

.filter-container .filter-button:hover {
 background: #000;
 color: #fff;
}

.masonry-list {
	
}

.masonry-list .wrapper {
 position: relative;	
}

.masonry-list .post-layer {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: -1; 
 padding: 1rem;
 text-decoration: none;
 text-align: center;
 display: flex; 
 justify-content: center;
 align-items: center;
 text-transform: uppercase; 
 color: #fff;
 transition: all .3s ease; 
}

.masonry-list .wrapper:hover .post-layer {
 background: rgba(0,0,0,.5);
 z-index: 9999;
 transition: all .3s ease; 
}

.btn-top {
 position: fixed;
 right: -40px;
 bottom: 50px;
 background: #000;
 color: #fff;
 font-size: 18px;
 line-height: 1;
 text-align: center;
 padding: 8px 10px;
 transition: all .3s ease;
}

.btn-top.show {
 right: 0;
  
}

#copyright {
 margin-top: 40px;	
 padding: 10px 10px; 
}

#copyright a {
 color: #000;	
}

.col-performance a {
 color: rgba(0,0,0,.5);	
}