/*
Theme Name: Newsup Child
Theme URI: https://themeansar.com/free-themes/newsup/
Template: newsup
Author: Themeansar
Author URI: https://themeansar.com
Description: Newsup is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Newsup is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Newsup is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demo.themeansar.com/newsup and documentation at https://docs.themeansar.com/docs/newsup/
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-background,custom-header,custom-menu,editor-style,featured-images,footer-widgets,theme-options,threaded-comments,rtl-language-support,translation-ready,full-width-template,custom-logo,blog,news
Version: 2.9.9.28.1601462933
Updated: 2020-09-30 12:48:53

*/
@media only screen and (max-width: 600px) {
#exTab2 {
display: none!important;
}}

body {

	padding: 0;

	margin: 0;

	/* font-family: 'Georgia'; */

	font-size: 16px;

	-webkit-font-smoothing: antialiased;

	font-weight: 400;

	line-height: 30px;

	word-wrap: break-word;


}

.nav {
background-color: #009688;
}

.navbar-wp {
    background-color: #009688 !important;
}
.mg-breadcrumb-section {
margin: 0 0 0px;
	overflow: hidden;
	padding: 0;
	width: 100%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.whlogo{
	float: right;
	height: 30px;
	margin: 10px 8px 0px 0px;
}

.masonry_grid_wrapper_item{
	border: 100px;
}

.masonry_grid_single_text_title .whlogo img, {
 	float: right;
	height: 30px;
	margin: 10px 30px 0px 0px;
}

.head-txt {
position: relative;
    bottom: 0px;
	 opacity: 0.9;
  background: white;
    width: 100%;
    color: white;
	padding: 3px;
	font-weight: bold;
	padding-left:8px;
	text-align: center;
}
.sellername{
position: relative;
    bottom: 0px;
  sbackground: rgba(1, 60, 128, 0.6);
    width: 100%;
    color: white;
	padding: 3px;
	font-weight: bold;
	padding-left:8px;
	border-bottom:20px;
}
.su-post-title {
    text-decoration: none; /* Rimuove la sottolineatura */
}

.sellername:hover{
	color: grey;
	text-decoration: none;
}
/* Container holding the image and the text */
.containerx {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 1px;
  left: 1px;
  width: 100%;
}
.up-left {
   position: absolute;
  bottom: 230px;
  left: 1px;
}
.divstyle{
position: relative;
    bottom: 0px;
  background: rgba(1, 60, 128, 0.6);
    width: 100%;
    color: white;
	padding: 3px;
	font-weight: bold;
	padding-left:8px;
}
.masonry_grid_single_text_title{
	font-weight: bold;
	color: grey;
	border-left: 5px;
	spadding:10px;
	sbackground: rgba(1, 60, 255, 1);
}
.masonry_grid_content-itema{
border-bottom: 30px;
border-color: white;
		  background: rgba(1, 60, 255, 0.7);
}

.prod-card{
 width: 250px !important;
 max-width: 250px;
  height: 245px;
  float: left;
  margin: 15px;
  box-shadow: 3px 3px 3px #888888;
  margin-bottom: 30px;
}
.prod-card-sm{
  width: 250px;
   max-width: 250px;
   height: 220px;
   float: left;
   margin: 15px;
   box-shadow: 3px 3px 3px #888888;
   margin-bottom: 30px;
 }
.prod-img-box{
  width: 250px;
  height:180px;
  min-width: 250px;
  max-height: 180px;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  z-index: 3;
}
.prod-info{
  sbackground: rgba(1, 60, 128, 0.6);
  background: white;
}
.prod-img{
  width: 250px;
  height: 180px;
  text-align:center;
  object-fit: cover;
  padding-bottom: 5px;
}
.prod-img:hover{
  transform: scale(1.5);
  z-index: 99;
}
.prod-img-sm{
  width: 250px;
  height: 160px;
  text-align:center;
  object-fit: cover;
  padding-bottom: 5px;
}

.whlogo{
	padding-top:px;
	height: 30px;
	margin: 0px 3px 0px 0px;
}
.above{
z-index: 30;
}

  .prod-name{
    position: relative;
    bottom: 0px;
    width: 100%;
    color: white;
    padding: 3px;
    font-weight: bold;
    padding-left:8px;
    border-bottom:10px;
    background: rgba(1, 60, 128, 0.6);
    white-space: nowrap;
  }
  
  .prod-seller{
    font-weight: normal;
    color: white;
    padding-left: 10px;
    padding-top:5px;
    sbackground: rgba(1, 60, 255, 1);
  }

  .prod-seller:hover{
    color: grey;
    text-decoration: none;
  }

  .prod-disc{
    color: red;
    text-decoration: line-through;
  }
  .prod-price{
    color: darkblue;
    font-size:larger;
    float: right;
  }
  
  .ridgex {border-style: groove;
  border-color: white;}
  
  @mixin faded($offset, $blur-radius, $spread-radius)
{
    &.faded-left:after {
        box-shadow: inset $offset 0 $blur-radius (-$spread-radius);
    }

    &.faded-right:after {
        box-shadow: inset (-$offset) 0 $blur-radius (-$spread-radius);
    }

    &.faded-top:after {
       box-shadow: inset 0 $offset $blur-radius (-$spread-radius);
    }

    &.faded-bottom:after {
        box-shadow: inset 0 (-$offset) $blur-radius (-$spread-radius);
    }

    &.faded-left.faded-right:after {
        box-shadow: inset $offset 0 $blur-radius (-$spread-radius), inset (-$offset) 0 $blur-radius (-$spread-radius);
    }

    &.faded-left.faded-top:after {
        box-shadow: inset $offset ($offset) $blur-radius (-$spread-radius);
    }

    &.faded-right.faded-bottom:after {
        box-shadow: inset (-$offset) (-$offset) $blur-radius (-$spread-radius);
    }

    &.faded-top.faded-right:after {
        box-shadow: inset (-$offset) $offset $blur-radius (-$spread-radius);
    }

    &.faded-top.faded-bottom:after {
       box-shadow: inset 0 $offset $blur-radius (-$spread-radius), inset 0 (-$offset) $blur-radius (-$spread-radius);
    }

    &.faded-left.faded-bottom:after {
        box-shadow: inset $offset (-$offset) $blur-radius (-$spread-radius);
    }

    &.faded-top.faded-right.faded-bottom:after {
        box-shadow: inset (-$offset/2) 0 $blur-radius $spread-radius;
    }

    &.faded-left.faded-right.faded-bottom:after {
        box-shadow: inset 0 (-$offset/2) $blur-radius $spread-radius;
    }

    &.faded-left.faded-top.faded-bottom:after {
        box-shadow: inset ($offset/2) 0 $blur-radius $spread-radius;
    }

    &.faded-left.faded-top.faded-right:after {
        box-shadow: inset 0 ($offset/2) $blur-radius $spread-radius;
    }

    &.faded-all:after, &.faded-left.faded-top.faded-right.faded-bottom:after {
        box-shadow: inset 0 0 $blur-radius $spread-radius;
    }
}

.navbar-wp .dropdown-menu > li > a {
    background: #009688 !important;
    color: #fff !important;
}

.mg-card-box {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    /* max-width: 900px; */
}

h2.su-post-title {
  width: 100%;
  display: flex;
  justify-content: center;
}

$faded-offset: 40px !default;
$faded-blur-radius: 40px !default;
$faded-spread-radius: 16px !default;

$faded-narrow-offset: 20px !default;
$faded-narrow-blur-radius: 20px !default;
$faded-narrow-spread-radius: 10px !default;

$faded-wide-offset: 80px !default;
$faded-wide-blur-radius: 80px !default;
$faded-wide-spread-radius: 28px !default;

.faded {
    position: relative;
    display: inline-block;
    color: white;

    &:after {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-collapse: separate;
    }

    @include faded($faded-offset, $faded-blur-radius, $faded-spread-radius);

    &.faded-narrow {
        @include faded($faded-narrow-offset, $faded-narrow-blur-radius, $faded-narrow-spread-radius);
    }

    &.faded-wide {
        @include faded($faded-wide-offset, $faded-wide-blur-radius, $faded-wide-spread-radius);
    }
}

// Colored panel
.panel {
  background-color: blue;
  padding: 1em;
  color: white;
  
  .faded {
    // Use a text color the same as the background colour of the panel will mean the fade effect matches the background correctly
    color: blue;
  }
}
img.custom-logo {
	display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
  width: 50%;
  border: 15px;
}


 @media screen and (max-width: 760px) {
.alignright {
  width: 100%;
  border: 3px;
}


  .artImg {
    width: 100%;
	border: 15px;
  }
  .artimage {
    width: 100%;
	border: 15px;
  }
}

}

div .mg-blog-meta{
	display: none;
}
div .media.mg-info-author-block{
	display: none;
}

div  .head-txt{
	   /* box-shadow:4px 4px 4px white; */
}
div .containerx {
	   /* box-shadow:4px 4px 4px white; */
}