/* 
    Custom css file for smartoweb4 template
*/

body {
    font-family: 'Abhaya Libre';
    font-weight:400;
    font-size:16px;
}
h1 {
    font-size:24px;
    font-weight:600;
}

h2{
    font-size:21px;
    font-weight:500;
}

h3{
    font-size:18px;
    font-weight:600;
}

.smartshop.product.serie p {
  line-height: normal;
}

.beforemain {
    position:relative;
}

.poslogo {
    display:flex;
    align-items:center;
}
a.logo {
  position:relative;
  text-decoration:none;
    max-width:100%;
    width:150px;
}
a.logo>img {
  height:auto;
  width:100%;
}
#bodymain {
  padding-bottom:104px;
}

.smartAbsolute .mod-languages{
    z-index:10;
}
.veryimportant {
  background-color:rgba(93,0,22,.5);
  border: solid 1px rgba(93,0,22,1);
  border-radius:8px;
  padding:16px 24px;
  margin:16px;
  color:#e8e8e8;
}

.smartAbsolute ul.mod-languages__list li {
    background-color: transparent !important;
    opacity:.85;
    transform:scale(1,1);
    transition: all 0.3s;
}

.smartAbsolute ul.mod-languages__list li:hover {
    transform:scale(1.2,1.2);
}

.smartAbsolute {
    position:absolute;
    width:100vw;
    height:100vh;
    display:flex;
    flex-flow: column nowrap;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}

.smartAbsolute .mnuhome  {
    min-width:300px;
    list-style-type:none;
    display:flex;
    flex-flow: column nowrap;
    justify-content:center;
    align-items:center ;
    z-index:10;
}

.smartAbsolute .mnuhome>li>a{
    text-decoration:none;
    letter-spacing:normal;
    font-size: calc(max(20px, 2.2vw));
}

.smartAbsolute .mnuhome li a {
    color: rgba(6,6,6,.5);
    font-weight: 600;
    transition:all .4s;
}
.smartAbsolute .mnuhome li a:hover {
    color: rgba(6,6,6,.9);
    background: transparent;
}
.smartAbsolute .mnuhome li a:before {
    content: "";
    position: absolute;

    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 500px;
    transition: letter-spacing 0.5s, left 0.5s, top 0.5s;
}

.smartAbsolute .mnuhome li:nth-child(6n + 1) a:before {
    background: rgba(4,112,254,.3);
    top:50%;
    left:40%;
}
.smartAbsolute .mnuhome li:nth-child(6n + 2) a:before {
    background: rgba(255,118,117,.3);
    top: 40%;
    left:50%;
}
.smartAbsolute .mnuhome li:nth-child(6n + 3) a:before {
    background: rgba(21,130,254,.3);
    top:50%;
    left:60%;
}
.smartAbsolute .mnuhome li:nth-child(6n + 4) a:before {
    background: rgba(162,155,254,.3);
    top:60%;
    left:50%;
}
.smartAbsolute .mnuhome li:nth-child(6n + 5) a:before {
    background: rgba(2536,121,158,.3);
    top:50%;
    left: 40%;
}
.smartAbsolute .mnuhome li:nth-child(6n + 6) a:before {
    background: rgba(255,234,167,.3);
    top: 40%;
    left:50%;
}

.smartAbsolute .mnuhome li a:hover:before {
    content: attr(data-text);
    opacity: 1;
    left:50%;
    top:50%;
    letter-spacing: 10px;
    width: calc(min(1000px, 90vw, calc(min(1000px, 90vh))));
    height: calc(min(1000px, 90vh, calc(min(1000px, 90vw))));
}


.smartAbsolute .citation{
width:100%;
  position:absolute;
  display:flex;
  justify-content:center;
  align-items:center;
    background-color:rgba(118,119,119,.7);
  z-index:50;
  top:24px;
  left:0;
}

.smartAbsolute .citation>div{
  position:relative;
  font-family:'Great Vibes';
  font-size:20px;
  width:500px;
  max-width:100%;
    z-index:40;
}

.smartAbsolute blockquote{
  position:relative;

  color:rgb(242,224,102);
margin:0;
  padding:8px 16px;
}

.smartAbsolute blockquote .text{
  margin:0;
}

.smartAbsolute blockquote .author{
  text-align:right;
  padding-right:16px;
  margin:0;
}

/* main menu */

body.mnu114 .top, body.mnu115 .top {
    display:none;
}

body>header {
    padding:0 !important;
}



.poslogo>div {
    width:100%;
    height:92%;
    display:flex;
    justify-content: center;
    align-items: center;
}

.poslogo>div>p{
    margin:0;
}
.poslogo>div>p>a {
    margin:0;
    font-size:22px;
    color:#fff;
    font-weight:500;
    font-family:'poppins';
    text-decoration: none;
}


.menuright{
        display:flex;
    flex-flow: row nowrap;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}


.menuright .mod-languages ul, .menuright .shopuser, .menuright .shopuser>div{
        display:flex;
    flex-flow: column nowrap;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    height:100%;
    z-index:100;
    margin-left:8px;
}

.menuright .shopuser>div>p {
    margin:0;
}

.menuright .shopuser>div>p img:hover {
    transform:scale(1.05,1.05);
}

/* languages */


.mod-languages, .language ul {
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    height:100%;
    justify-content: center;
    align-items: center;
    z-index:100;
}

.language  li {
    margin: 0 !important;
}

div.mod-languages ul li.lang-active {
    background-color: transparent !important;
}

.language  ul li.lang-active a{
    background-color: #ff8f00;
}



/* RGPD */
.rgpd_banner, .rgpd_preferences {

    background-color:rgba(242,204,83,.7);
    color:#444;

}

.mod-breadcrumbs {
    font-size:14px;
    margin:0;
    padding:4px 0;
}

.mod-breadcrumbs li {
    padding-left:4px;
}

.mod-breadcrumbs a {
    text-decoration:none;
    color: #7a7467;
}

.mod-breadcrumbs a:hover {
    text-decoration:none;
    color: #625c4f;
}

.mod-breadcrumbs li>span {
    text-decoration:none;
    color: #afaca5;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '>';
}


.posbasket {
    position:relative;
}

/* forms */

.smartform {
    width:100%;

    display:flex;
    justify-content:center;
    align-items:center;

}

.smartform>form {
    max-width:600px;

}

.smartshop.categoryproduct figure>picture img{
  box-shadow: 2px 3px 5px 1px #d6d6d6;
}

/* news actus */
div.news figure img {
  max-width:100%;
  width:1280px;
  height:auto;
}


body>footer {
    position:relative;
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
    padding-top:48px;
}

body>footer .nav  {
    justify-content: center;
    align-items: center;
    padding-bottom:8px;
}

body>footer .nav a  {
    color:#000;
    text-decoration:none;
    padding-right:4px;
}

body>footer .nav a:hover {
    text-decoration:underline;
}

body>footer .nav>li {
    padding:0 2px;
}

body>footer .nav>li:not(:last-child):after {
    content:"-";
}

.smartcoyright{
  text-align:center;
}

.social {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}

.social a {
  text-decoration:none;
  margin: 0 3px;
  transform:scale(1,1);
  transition: all .4s;
}

.social a:hover {
  transform:scale(1.2,1.2);
}


/* blog news */
div.com-content-category-blog__item.blog-item figure {
    display:flex;
    flex-flow:column nowrap;
    width:100%;
    padding:24px 16px;
}

div.com-content-category-blog__item.blog-item figure img {
    max-width:100%;
    width:400px;
    height:auto;
}


.news h1 {
    position:relative;
    width:100%;
    text-align:center;
    margin-bottom:24px;
}

div.newsintro .intro{
    border-left:solid 1px #C9D35E;
    padding:8px;
    margin:-16px 0 24px 0;
}

div.newsintro .intro p.readmore a {
    background-color:#A1A07C;
    color:#333;
}


div.blognewsheader {
    position:relative;
    width:100%;
    display:flex;
    flex-flow:row wrap;
    justify-content:flex-start;
    align-items:center;
}
div.blognewsheader>.page-header{
    padding:16px;
}

div.blognewsheader>.page-header>h2{
    margin:0;
}

dd.published.blognews>time {
    margin-top:16px;
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
    width:64px;
    height:64px;
    border-radius:50%;
    background-color:#C4CF57;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

dd.published.blognews>time>span {
font-size:12px;
line-height:14px;
vertical-align:middle;
text-align:center;
}

div.news figure {
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
    width:100%;
    padding:24px 16px;
}

.news figure>img {
    padding:0;
    margin:0;
    width:100%;
    max-width:800px;
    height:auto;
	max-height:90vh;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

@media (min-width: 400px) {
    .smartAbsolute .mnuhome li a:before {
        font-size: 2.3em;
    }
  .smartAbsolute .citation>div{
  font-size:24px;
}
}

@media (min-width: 576px) {

    .smartAbsolute .mnuhome li a:before {
        font-size: 2.8em;
    }
    .smartAbsolute .citation>div{
  font-size:26px;
}
}

@media (min-width: 768px) {

    .smartAbsolute .citation>div{
  font-size:28px;
}
}