/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 *
 * in shop/themes/classic/assets/css/custom.css
 *
 */

/*** FOR HUMMINGBIRD **/

#header {
	background: steelblue;
    color: black;
}
.ps-mainmenu {
	background:steelblue;
    color: black;
}

#header .dropdown-menu { 
    background:steelblue;
}

#header .header-top {
    padding-bottom: 0;
    padding-top: 0;
    background: steelblue;
    color: black;
}
#header .header-top a {
    color: black !important ;
}
#header .header-top a:hover {
    color: lightgrey !important ;
}

 #header .header-nav .dropdown {
     color: black !important;
 }
 #header .header-nav .dropdown:hover {
     color: lightgrey !important;
 }
 
 #header a {
     color: black !important;
 }
 #header a:hover {
     color: lightgrey !important;
 }
 
#header .dropdown .expand-more { 
    color: black !important;
}
#header .dropdown .expand-more:hover { 
    color: lightgrey !important;
}

p, .page-cms{   /* not span .... */
  font-family: 'Lato', sans-serif   !important; 
}


#wrapper nav {
    background: steelblue !important;
}


#wrapper {
    background: white; /* steelblue*/
/*    background-image: linear-gradient(to bottom, rgba(210,210,255,0.7), rgba(255,255,255,0.7) ), url(../../../../img/fno-mountains.jpg); */
/*    background-image: url(../../../../img/fno-mountains.jpg);*/
    background-size:cover;
  margin-top: -1px;
}

#product #wrapper {
    background: white; /* steelblue*/
/*    background-image: url(../../../../img/fno-mountains.jpg); */
    background-size:cover;
  
}

.cart-grid-right {
    background: steelblue;
}


a , p  {
     color: black !important;
 }
a:hover {
     color: lightgrey !important;
 }

 .footer {
    background: steelblue; /* lightsteelblue; */
}

.page-content--cms { /* FOR CMS PAGES */
        background: white !important;

}

.product__tax-infos {
    font-weight: bold;
}

/** END FOR HUMMINGBIRD **/

.container {
    width:100% !important;
}

.fno-maxheight150 {
	max-height:150px !important;
}


.fno-logo {
    font-family: 'PTsans', sans-serif   !important;
    font-weight: 600;
    font-size: 1rem;
    font-style: italic;
}

.fno-VAT-note {
    font-size: 0.8rem;
    font-style: italic;
    color: red;
}


.fno-category-grid {
    display: grid;
	grid-template-columns:  25% 25% 25% 25%;
}
.fno-span-category-centered {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  font-size: 1.5em;
  font-weight: bold;
  color: #ffffff;
  line-height: 1em;
}

@media (max-width: 1024px) {
	.fno-category-grid   {
		display: grid;
		grid-template-columns: 50% 50%;
	}
	.fno-span-category-centered {
	  position: absolute;
	  top: 25%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  max-width: 90%;
	  font-size: 1.5em;
	  font-weight: bold;
	  color: #ffffff;
	  line-height: 1em;
	}

}

@media (max-width: 628px) {
    .fno-category-grid {
        display: block;
    }
	.fno-span-category-centered {
	  position: absolute;
	  top: 25%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  max-width: 90%;
	  font-size: 1em;
	  font-weight: bold;
	  color: #ffffff;
	  line-height: 1em;
	}

}

.fno-HT {
	font-weight: 900;
}

.fno-img-in-div {
	width: 95%;
}

.fno-container {
  position: relative;
  text-align: center;
  color: white;
  margin: 5%;
}

.page-cms #content ul {
    list-style: disc  !important; 
    padding-left: 3rem  !important;
    font-size: 1rem !important;
    color: #7a7a7a !important;
    font-weight: 400 !important;
}


#header .header-nav{
     margin-bottom: 0;
     background:steelblue;
     font-weight:600;
     border : none;
/*     max-height: 50px !important; */
 }



#header #_mobile_logo  {
    padding-top: 0px !important;
}

#top-menu{
    padding-top:1rem;
}

#header .header-top .menu {
    margin-bottom: 0;
}

.header-top #_desktop_logo {
    display: none;
/*    padding-top: 0.5rem; */    
}

#fno-hidden{display:none;}  /* for header top  and footer first container (top) */
 
#footer {
    padding-top: 0 !important;
}

#footer .footer-container {
   margin-top: 0 !important;
}


#index #main #custom-text{
    background: #ffffff77;/*transparent;*/
}

.block-category{
    display:none;
}

._blank {           /* not diplaying prestashop footer */
    display: none;
}

#checkout #header .header-nav {
    padding: 0 !important;
}

#checkout #footer {
     display: none;
}

#product .thumb {
    background-color: white;
}