/*
Theme Name: magisarredi
Author: kgwp
Description: Based on a Flexible Bootstrap WordPress starter-theme for developers with full WooCommerce support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>
Version: 6.0.0-beta1
Requires at least: 5.0
Tested up to: 6.5.2
Requires PHP: 7.4
Text Domain: magisarredi
Tags: featured-images, threaded-comments, translation-ready
*/
html, body{overflow-x:clip !important;}
body {font-family: 'Hanken Grotesk', sans-serif; font-weight:300; font-size:1.2rem;}
.red {color:#ee2915;}
.red-bg {background-color:#ee2915;}
.black-bg {background-color:#000;}
.grey-bg {background-color:#e8e8e8;}
  .flexslider{height:100vh;}
	a {color:#ee2915;
	    transition:0.3s all ease-in;}
	a:hover {color:#F25F50;
	 transition:0.3s all ease-in;}

#content{margin-top:-71px !important;}

	#nav-main {background-color:rgba(255,255,255,1);
		       color:rgb(32,32,32);
	           transition:0.3s all ease-in;
filter: drop-shadow(0px 2px 3px #bbb);}

.ma-button {padding:5px; border:2px solid black; transition:0.3s all ease-in;}
a .ma-button {color:#000;  transition:0.3s all ease-in;}

.ma-button:hover {padding:5px; border:2px solid #ee2915;   transition:0.3s all ease-in;}
a .ma-button:hover  {background-color:#ee2915; color:#fff;   transition:0.3s all ease-in;}

	#nav-main.semitras {
background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0) 100%);
		                color:rgb(220,220,220);
					 transition:0.3s all ease-in;}

#nav-main a{color:#000;}
#nav-main a.active{color:#ee2915; text-decoration:underline; font-weight:400;}
#nav-main.semitras a{color:#fff;}
#nav-main.semitras a.active{color:#fff; text-decoration:underline; font-weight:400;}
#nav-main a:hover {text-decoration:underline;}
.nav-toggler {display: none !important;}

a {text-decoration:none;}

.upper-footer a {color:#fff;
transition:all 0.3s ease-in;
font-weight:400;}
.upper-footer a:hover {color:#ee2915;
transition:all 0.3s ease-in;
font-weight:400;}

.upper-footer li {margin-bottom:11px;}

h1, h2, h3 {font-weight:300;  }

/* 3 columns by default */
.grid-sizer { width: 33.333%; }

.wpcf7 textarea{height:150px;}

.slick-initialized {visibility:visible !important;}
@media screen and (min-width: 768px) {
  /* 5 columns for larger screens */
  .grid-sizer { width: 20%; }
  

}

@media screen and (max-width: 520px) {
  /* 5 columns for larger screens */
  .filters ul { display:block !important; }
   .filters ul li { display:inline-block !important; }

}