/******************************************************************
Theme Name: t03246
Theme URI: https://markussteiger.ch/projekte/03246/index.html | //https://underscores.me/
Author: Markus Steiger
Author URI: https://01241.com
Description: Woocommerce WP Theme 2026
Version: 1.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: t03246
******************************************************************/


/* roboto-mono-500 - latin */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Mono'), local('RobotoMono-Regular'),
        url('library/fonts/roboto-mono/roboto-mono-v7-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('library/fonts/roboto-mono/roboto-mono-v7-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


:root {

    --font_style_01: 13.2px/23px 'Roboto Mono','SFMono-Regular','SF Mono','Courier New',ui-monospace,monospace;
    --font_family_01: 'Roboto Mono','SFMono-Regular','SF Mono','Courier New',ui-monospace,monospace;
    --font_family_02: 'Roboto Mono','SFMono-Regular','SF Mono','Courier New',ui-monospace,monospace;
    --font_family_03: Georgia,Times,Garamond,serif;

    --font_spacing-00: 0.005em;
    --font_color_01: rgb(0 0 0 / 90%);

    --bg-cool-gray: #e2e2e2; /* #f5f5f7   body apple :) */
}



html {
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}

body {
    font: var(--font_style_01);
    letter-spacing: var(--font_spacing-00);
    color: var(--font_color_01);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0 0 0 0;
    background-color: var(--bg-cool-gray);
}

#page {
    clear: both;
    background-color: #d4d3cb;
    position: relative;
}

.wrap-header {
    width: 940px;
    margin: 0 auto;
}

.wrap {
    width: 940px;
    margin: 0 auto;
}

#main {
    min-height: 800px;
    position: relative;
}





/*------------------------------- START META-HEADER ----------------------------------------------------------------------------*/

#meta-header {
    width: 100%;
    font-family: "akzgro", sans-serif;
    font-size: 20px;
    font-weight: 400;
    padding: 0 12px 0 12px;
    line-height: 1;
    letter-spacing: 0.02em;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 42px;
    background: #000;
    color: #fff;
    display: table;
    /* box-shadow: 0 0 8px 0 rgba(0,0,0,.3); */
    -webkit-transition: top 0.3s ease-in-out;
    transition: top 0.6s ease-in-out;
}
#meta-header * {
    -webkit-tap-highlight-color: transparent;
}
#meta-header.scroll-down {
    top: -600px;
}
#meta-logo {
    display: table-cell;
    height: inherit;
    padding: 0 0 0 10px;
    vertical-align: middle;
    width: 210px;
}
#meta-logo svg {
    display: block;
    fill: #fff;
    padding: 0;
    width: 240px;
    height: 26px;
}
.l01241, .lslash {
    fill: #fff;
}


#access li {float:left;position:relative}
#access a, #access-footer a,.table-center{display:table-cell;vertical-align:middle}

#access .active-parent a:hover,
#access-footer .active-parent a:hover{
   color: #f3c100;
   cursor: auto;
}
#meta-header.scroll-down{top:-600px}
#meta-header,#meta-header.skin-dark{background:#000;color:#fff}#meta-header.skin-light{background:#fff;color:#000;height:48px;padding:8px;/* box-shadow:0 0 8px 0 rgba(0,0,0,.3);*/}
#access,#access li,#access ul,.flyout-nav, #access-footer ul, #access-footer li, #access-footer {height:inherit}
#meta-header.skin-dark svg{fill:#fff}
#meta-header.skin-light #meta-logo svg,#meta-header.skin-light .icon-close svg,#meta-header.skin-light .icon-menu svg{fill:#000}
#access ul, #access-footer ul{list-style:none;margin:0;padding:0;display:inline-block}
#access li {display:table;margin:0;}

#access-footer li {    display: table;
                       width: 180px;
                       border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                       margin: 10px 0 10px 0;
                       padding: 0 0 8px 0; }


#access a, #access-footer a{text-decoration:none;-webkit-transition:all .1s linear;color:inherit;margin-left:0;background:inherit;padding:0 8px; }
#access a:focus,#access li:hover>a,
#access-footer a:focus,#access-footer li:hover>a {   background: #f3c100;
                                       color: #000;
                                       -webkit-transition:all .3s linear;}
#access-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 148%;
    margin-top: 70px;
    line-height: 148%;
}

#access-footer ul:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.active-parent {
    font-weight: 400;
    color: #f3c100;
    background: #000000;
    /* padding: 0 10px; */
    /* letter-spacing: 0.09em; */
}
#access-footer  li.active-parent {
    background: rgba(0, 0, 0, 0);
}

#meta-header.skin-light .active-parent{border-bottom:2px solid #000;padding:0}
#toggle-meta-nav{display:none}
.flyout-nav{display:table-cell;text-align: right;}
#meta-header .icon-close,#meta-header .icon-menu{width:24px;height:24px;background:rgba(255, 255, 255, 0);vertical-align:middle;text-align:center}
#meta-header .icon-menu{display:table-cell}#meta-header .icon-close,#meta-header.menu-open .icon-menu{display:none}#meta-header.menu-open .icon-close{display:table-cell}

@media only screen and (min-width:120px) and (max-width:760px){
#access li,#access ul{width:100%}
#meta-header{height:48px;}
#access a {height:56px;}

#access .active-parent a:hover { color: #fff;cursor: auto; opacity: 1; }
/* #access a:hover { opacity: 0.4; } */

#access a::after {
    content: url(ic_arrow_forward_black_24px.svg);
    /* background: black; */
    border-radius: 50%;
    position: relative;
    top: 3px;
    left: 14px;
    width: 24px;
    height: 24px;
    padding: 0;
}
#access .active-parent a::after {
    opacity: 0 !important;
}
#access .active-parent a {
    letter-spacing: -0.02em;
    color: #fff;
    text-align: right;
    padding: 0 0px 12px 80px;
    font-size: 400%;
}


#meta-logo{right:0;left:auto!important;padding:0 0 0 0;display: table;position:absolute;top:0;float:none}
#meta-logo svg {
    width: 200px;
    height: 26px;
}
#access,#meta-header.skin-light #access{margin:0}
#access li{
    float: none;
    margin-right: 0;
    background-color: #fff;
    border-bottom: 1px solid rgb(0, 0, 0);
    color: #000;
    }
/* #photo-home.active-parent {background: #38373a !important;} */
.skin-light #access li{background-color:#fff!important;border-bottom:1px solid rgba(0,0,0,.1)}
.skin-light #menu-main li:first-child{border-top:1px solid rgba(0,0,0,.1)}
#access a{    padding: 0 20px 0 42px;
              font-size: 164%;
              color: inherit;
              text-align: left;
              letter-spacing: 0em; }
#meta-header.skin-light .active-parent{background:#f8f8f8!important;border-bottom:1px solid rgba(0,0,0,.1)}
#menu-main li:last-child{    box-shadow: 0px 18px 32px 0px rgba(0, 0, 0, 0.7); border-bottom: 1px solid #fff; }
#meta-header .active-parent{padding:0;background: #000 !important;}

/*
#menu-main li:nth-child(3) {
  box-shadow: 0 0 8px 0 rgba(243, 5, 5, 0.83);
}
*/

#toggle-meta-nav{position:absolute;top:0;left:0;padding:0;display:table;width:48px;height:inherit;text-decoration:none;border:none;z-index:910;opacity:1;cursor:pointer;background:48px}
#meta-header .flyout-nav{position:absolute;opacity:1;top:48px;clear:both;left:0;width:100%;z-index:99;background:#262626;display:none}}/* end media query */

/*
#photo-home.active-parent  {
    background: #000;
}
#photo-home.active-parent a  {
    color: #666 !important;
}
*/
.active-parent a:hover {
    background: none !important;
    color: #666;
}

/*------------------------------- END META-HEADER ----------------------------------------------------------------------------*/







/*-------- HEADER -----------*/

#inner-header { margin-top: 0px; padding: 0; clear: both; text-align: center;}

#logo-effet {
    width: 322px;
    height: auto;
    margin: 0 0 0 0;
    padding: 0;
}

#logo-effet.red-black > svg .type-edition {
    fill: #fff;
}

#logo-effet.all-black > svg .bg-effet {
    fill: #E21B23;
}



.active-parent.shop { background: #474747 !important; }


/*-------- FOOTER -----------*/

#footer-basic {
    margin-top: 60px;
    width: 100%;
    border-top: 0px solid #D1CFC6;
    font-size: 100%;
    line-height: 150%;
	box-shadow: 0px -1px 7px 0 rgba(0, 0, 0, 0.31);
	background-color: #616161;
	position: relative;
}

#inner-footer { padding: 28px 0 0 0; }



/*---------------- LINK STYLES ----------------------*/

a, .linkcolor { color: #850000; text-decoration: none; word-wrap: break-word; }
.shop-breadcrumb a { color: #000; }
a:visited, a.external:visited { color: #be8686; text-decoration: none; }
a:hover, a:focus { color: #CE0000; text-decoration: underline; }
a:active {} /* on click ?? */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

a.email:link {
    color: #333;
    border-bottom: 1px solid #dedede;
    word-wrap: break-word;
}

a.black {
color: #000;
}

a.white:link { color: #ccc !important; word-wrap: break-word; }
a.white:visited { color: #ccc !important; }
a.white:hover { color: #fff; text-decoration:underline; }


a[href$=".PDF"], a[href$=".pdf"] {
    padding: 2px 2px 2px 26px;
    background: url("library/images/icon_pdf.png") left center no-repeat;
}

a.external {
	margin: 0 0 0 6px;
    padding: 2px 2px 2px 20px;
    background: url("library/images/icon_externlink.png") left center no-repeat;
}

.image-link.external { background: none !important; background-image: none !important; padding: 0; color: #FFF !important; }

a.extern:hover, a.extern:focus,
a.email:hover, a.email:focus, a.black:focus, a.black:hover { color: #CE0000 !important; text-decoration: underline !important; }


/*---------------- TOPLINK ---------------------*/

.toplink-wrapper { text-align: center; }

.toplink {
    margin: 0 auto;
    padding: 30px 0 30px 0;
    display: block;
    opacity: 0.8;
    cursor: pointer;
    width: 42px;
	height: 42px;
}
a.toplink:hover { opacity: 1; text-decoration: none; }


/*-------- Reset, Clearfix -----------*/

a img, img { border: none; }
.clearfix {zoom: 1;}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
a:active, a:selected, a:visited, a:focus { border: #fff;outline: 0;}

/*---------------- ICONS --------------------*/

.icon-dropdown {
    background-image: url(library/images/iconset.png);
    background-position: -213px 3px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 18px;
    opacity: 0.4;
    line-height: 20px;
    vertical-align: text-top;
}

.icon-great {
    background-image: url(library/images/iconset.png);
    background-size: 300px 300px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 20px;
    vertical-align: text-top;
    margin: -4px 0 0 0;
}

.icon-high {
    background-image: url(library/images/iconset.png);
    background-size: 200px 200px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 20px;
    vertical-align: text-top;
}

.icon-mini {
    background-image: url(library/images/iconset.png);
    background-size: 200px 200px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 18px;
    vertical-align: text-top;
}

a:hover span { opacity: 1; }

.icon-intern-top { background-position: 0px -75px; opacity: 0.3; margin: -6px 0 0 8px; }
.icon-kommentieren { background-position: 0px -43px; opacity: 0.35; margin: -6px 0 0 8px; }
.icon-kommentar { background-position: -179px -74px; opacity: 0.4; margin: -6px 0 0 8px; }
.icon-kommentar-small { background-position: -154px -80px; opacity: 0.6;  }
.icon-tag { background-position: -186px -50px; opacity: 0.3; }
.icon-tag-great { background-position: -276px -73px; opacity: 0.1; }
.icon-share { background-position: -184px -141px; opacity: 0.3; }
.icon-arrow-right-blue { background-position: -184px -28px; opacity: 0.8; }
.icon-arrow-right-black { background-position: -184px -10px; opacity: 0.5; }

.icon-slide-black { background-position: -125px -139px; opacity: 0.5; }
.icon-slide-black { float: right; }
.click-opener.clicked .icon-slide-black { background-position: -99px -139px; opacity: 0.8; }

.icon-cart-white { background-position: -146px -122px; opacity: 0.8; margin: -4px 9px -6px -2px;  }
.click-opener.clicked .icon-cart-white { background-position: -107px -122px; opacity: 0.9 !important; }


.bacs {
    background-image: url(library/images/icon-bank-transfer-small.png);
    background-repeat: no-repeat;
    height: 18px;
	width: 63px;
	margin: 0px 0 0 8px;
	display: inline-block;
	opacity: 0.6;
	background-size: 48px 14px;
	background-position: 2px 4px;
}

.icon-gotop {
	background-position: -1px -209px;
	background-size: 300px 300px;
	width: 42px;
	height: 42px;
	background-image: url(library/images/iconset.png);
	background-repeat: no-repeat;
	margin: 0;
	display: block;
	opacity: 0.2;
}



/*------------- Heading H1, H2, H3, H4, H5 -------------*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5  {
	margin: 0;
	padding: 0;
    font-weight:normal;
    font-weight: 400;
    line-height: 124%;
}

h1, .h1 { font-family: var(--font_family_03); }
h5, .h5 { font-size: 100%; font-weight: bold; }



.col300 h3 {
    margin-top: 30px;
}


/*------------------- Social Buttons -----------------------------*/

.social-media-list-wrapper { margin: 20px 0 20px 0; padding: 0; }
.social-media-list { width: 100%; margin: 0 0 0 -10px; padding: 0; }
.social-media-list li { display:block; float: left; margin: 0 0 20px 0; }
.social-media-list li.facebook-link { width: 86px; }
.social-media-list li.twitter-link { width: 98px; margin: 0 0 0 10px; }
.social-media-list li.pinterest-link { width: 90px; margin: -3px 0 0 0; }

.pinterest-link > a { padding: 0 12px 0 4px !important; text-indent: 26px !important; background-size: 20px 16px !important; border-radius: 4px !important; }

/*------------------- ADSENSE  -----------------------------*/

.adsense_01  { filter: grayscale(100%); width: 99%; 	box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.08); background-color: #fff; padding: 55px 0 37px 0; margin: 18px 0 0 0; overflow: hidden; text-align: center; display: inline-block; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);}
.adsense_02  { width: 99%; 	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.07); background-color: #fdeb75; border-radius: 2px; padding: 40px 0 0px 0; margin: 0; overflow: hidden; text-align: center; display: inline-block; }

/*------------------- DIVERSES  -----------------------------*/

.display-none { display: none !important; }

/* body.logged-in #meta-header, body.logged-in {margin-top: 33px; } */

.fixed-header-image {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

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


.lang-en { color: rgba(0, 0, 0, 0.6); }
b.lang-en { color: rgba(0, 0, 0, 0.5) !important; }
.lang-pt { color: #856500; }

.hidden-box { display: none; }
.click-show { cursor: pointer; text-decoration: none; }

.align-right { text-align: right !important; }

hr { clear:both; border:0px; border-top: 1px solid #CACACA; max-width:100%; height:0px; }
strong, b { color: #444; }
small, .small { font-size: 80%; }
.small-block { font-size: 80%; line-height: 152%; }
sup, .sup { font-size: 73%; line-height: 50%; }
.center { text-align: center !important; }
.display-none { display: none !important; }
.divider { display: inline-block; margin: 0 0 0 10px; }

.box-spezial {
    padding: 18px 12px 0px 12px;
    border: 8px solid rgb(255, 255, 255);
    font-size: 80%;
    box-shadow: 2px 2px 2px rgba(78, 78, 78, 0.04);
    line-height: 150%;
    background: rgba(255, 255, 255, 0.51);
}

div.step {
	background: #9f0c12;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: inset -6px -6px 27px -3px rgba(0, 0, 0, 0.12);
	color: #FFF;
	display: inline-block;
	font-weight: bold;
	line-height: 38px;
	margin: -6px 12px 0 0;
	text-align: center;
	width: 40px;
	height: 40px;
	font-size: 160%;
	float: left;
}

blockquote p { padding: 0; margin: 0; }

.autogreyscale { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
.autogreyscale:hover, a.block-link:hover .autogreyscale { filter: none; -webkit-filter: grayscale(0%); }

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	display:none !important;
}



/*------ Grid Options down here, where they are usable -------*/

	/* layout options ( all have margins right & left of 1%) */

	.col60  { width: 6.3829787%; } /* width 60px  / grid_1  */
	.col140 { width: 14.893617%;  } /* width 140px / grid_2  */
	.col220 { width: 23.09%;  } /* width 220px / grid_3  original width: 23.404255%; */
	.col300 { width: 31.914894%;  } /* width 300px / grid_4  */
	.col380 { width: 40.425532%;  } /* width 380px / grid_5  */
	.col480 { width: 48.936170%;  } /* width 480px / grid_6  */
	.col540 { width: 57.446809%;  } /* width 540px / grid_7  */
	.col540.box border { width: 57%; }
	.col620 { width: 65.957447%;  } /* width 620px / grid_8  */
	.col700 { width: 74.468085%;  } /* width 700px / grid_9  */
	.col780 { width: 82.978723%;  } /* width 780px / grid_10 */
	.col860 { width: 91.489362%;  } /* width 860px / grid_11 */
	.col940 { width: 100.0%;  } /* width 940px / grid_12 */

	/* layout & column defaults */
	.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 {
		display: inline;
		position: relative;
		margin-left: 1.0638298%;   /* 10px */
		margin-right: 1.0638298%;  /* 10px */
	}

	/* floats */
	.left { float: left; }
	.right { float: right; }

	/* default styles & fixes */
	.first { margin-left: 0; } /* fixes alignment */
	.last { margin-right: 0; } /* fixes alignment */

	/* nicht floatend auf iPad */

	.col-inner-left, .col-inner-right { width: 47.6970%;  }
	.col-inner-left { float: left; margin-right: 1.0638298%; }
	.col-inner-right { float: right; margin-left: 1.0638298%; }


/*------------ COMMENT FORM STYLES + NORMAL FORM STYLES ---------------*/

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"],
#product_search-2 input[type="text"],#product_search-3 input[type="text"],
#searchform-error input[type="text"],
textarea {
	font: 100%/148% 'Roboto','Arial','Helvetica', sans-serif;
    border: 1px solid #D9D9D9;
    border-top: 1px solid silver;
    background: white none;
    padding: 6px;
    outline: none;
    width: 100%;
}



.footer-search {
    text-align: center;
    border: 1px dotted rgba(255, 255, 255, 0.36);
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
}

#product_search-2,
#product_search-3 {
    text-align: center;
    /* border-top: 1px dotted rgba(255, 255, 255, 0.36); */
    padding: 30px 0 0 0;
    margin: 20px 0 0 0;
}

textarea { height: 130px; vertical-align: top;  }

select {
    padding: 5px 4px 4px 4px;
    border: 1px solid #D9D9D9;
    border-top: 1px solid silver;
    margin: 2px 0 0 -1px;
}

#searchsubmit, #product_search-2 #searchsubmit,
#product_search-3 #searchsubmit {
    margin: 20px 0 40px 0;
}

body.search.search-results article a.postlist-more {
    color: inherit;
    display: block;
}
body.search.search-results article a.postlist-more:hover {
    opacity: 0.6 !important;
    text-decoration: none;
}

body.search.search-results .footer-search {
    display: none !important;
}

body.search.search-results .postlist-thumbnail {
    float: left;
    margin: 6px 16px 50px 0;
    border: 4px solid #fff;
    max-height: 100px;
    box-shadow: 2px 2px 2px rgba(78, 78, 78, 0.08);
}

body.search-no-results .footer-search,
body.search-no-results #sidebar-right-shop {
    display: none !important;
}

body.search-no-results .wrap,
body.search-results .wrap {
    margin-top: 54px;
}

body.search-no-results .sub-header,
 body.search-results .sub-header{
    padding: 0 0 20px 24px !important;
}



.checkbox span { display: inline-block; margin: 0px 0 0 5px; }

input[type="text"]:hover, input[type="email"]:hover, input[type="url"]:hover, textarea:hover, body.customize-support input[type="password"]:hover {
    box-shadow: inset 1px 1px 3px RGBa(102,102,102,0.2) !important; outline: none;
}

input:focus, select:focus, textarea:focus { border: 1px solid #5a5a5a !important; outline: 0; }



fieldset { border: none; }

.mandatory,
.required { color: #cc0000; font-size: 100%; }

.error404 .searchinput { width: 180px; }
.search-text { font-size: 70% !important; }

.search-title {
    word-wrap: break-word;
    margin: 30px 0 0 0;
    font: 180%/118% 'Patua One', Georgia, serif !important;
}

.search-title a {
    color: #000 !important;
}

.search-title a:visited {
    color: #999 !important;
}

.searchinput,
#product_search-2 input[type="text"],
#product_search-3 input[type="text"],
#searchform-error input[type="text"]{
    width: 360px !important;
    margin: 0 20px 0px 0;
    max-width: 94%;
}

body.search.search-results .editora, body.search.search-results .condicao {
    color: inherit;
}

.sub-header {
    background: rgba(255, 212, 0, 0.2);
    padding: 0 0 20px 0;
}

.btn.b01 {
    background-color: #232323;
    border: 1px solid #232323;
    color: white !important;
    -webkit-user-select: none;
}

#product_search-2 input[type="submit"],
#product_search-3 input[type="submit"],
#searchform-error input[type="submit"]{
    background-color: #232323;
    border: 1px solid #232323;
    color: white !important;
    -webkit-user-select: none;

        cursor: pointer;
        display: inline-block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        font-weight: normal;
        letter-spacing: 0.03cm;
        margin-top: 32px;
        padding: .5em 2em .46em 2em;
        font: 100%/148% 'Roboto','Arial','Helvetica', sans-serif;
        text-decoration: none;
}

#product_search-2 input[type="submit"]:hover,
#product_search-3 input[type="submit"]:hover,
#searchform-error input[type="submit"]:hover {
   background-color: #3a3a3a;
}

.btn  {
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0.015cm;
    margin-top: 32px;
    padding: .5em 2em .46em 2em;
    font: 100%/148% 'Roboto','Arial','Helvetica', sans-serif;
    text-decoration: none;
}

.prev-link {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}
.next-link {
    list-style: none;
    float: right;
        margin: 0;
        padding: 0;
}

.wp-prev-next ul {
    text-align: center;
            margin: 20px 0 0 0;
            padding: 0;
}
.wp-prev-next li a, .wp-prev-next li a:visited {
    padding: 3px 20px 2px 20px;
    display: inline-block;
    text-align: left;
    border-radius: 6px;
    margin: 0 0 16px 0;
    text-align: center;
    color: #fff !important;
    border: 1px solid rgba(160, 160, 160, 0.1);
    background: rgb(138, 137, 134);
}


/*------------ GOOGLE TRANSLATE ---------------*/

    #translate-menu { float: right; }
    .skiptranslate iframe { margin-top: -60px; }
    .skiptranslate { margin: -40px 0 0 0; }
    .skiptranslate.goog-te-gadget { margin: 0 !important; }
    .goog-te-combo {
        position: relative;
        border: solid 1px rgb(187 187 187 / 70%);
        padding: 10px 0px 10px 14px;
        font-size: 18px;
        text-decoration: none;
        text-align: left;
        color: #000;
        font-family: 'Roboto','Arial','Helvetica', sans-serif;
        width: 100%;
        outline: none;
        vertical-align: middle;
        background: #F2F2F2;
        background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 3px;
        display: inline-block;
        cursor: default;
    }

    .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * {
        font-family: 'Roboto','Arial','Helvetica', sans-serif !important;
        font-size: 12pt !important;
    }
    .goog-te-gadget > :first-child  {display: block !important; margin-bottom: 2px; }
    .goog-tooltip {
        display: none !important;
    }
    .goog-te-combo > option {
        background: #767676;
        color: #fff;
    }
    .goog-tooltip:hover {
        display: none !important;
    }
    .goog-text-highlight {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .goog-te-menu-value span {
        color: red;
    }

    #google_translate_element input:focus, #google_translate_element select:focus {
        border: solid 1px rgb(187 187 187 / 70%) !important;
        outline: 0;
    }
    /*
    #google_translate_element select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url(library/images/iconset.png) 96% / 15% no-repeat #eee;
      select::-ms-expand {
          display: none; https://codepen.io/danield770/pen/bgJOyV?editors=1100
      }
    */


/*********     BASE MOBILE STYLES ***********************/

@media only screen and (min-width: 120px) and (max-width: 740px) {

.wrap, .wrap-header {  width: 94%; margin: 0 auto; }

#logo-effet {
    width: 120px;
    }

body.home h1 {
    border-radius: 6vw;
}

#inner-footer { padding: 0; }
#footer-01,
#footer-02,
#footer-03 {
    float: none;
    width: 100%;
    margin: 1.6em 1em .5em 0;
    border-bottom: 0px solid #DEDEDE;
    padding-bottom: 20px;
}

#footer-03 { text-align: center; border-bottom: none !important; padding: 42px 0 0 0 !important; }
#footer-bottom  { float: none; width: 100%; text-align: center; }

.divider { display: block; margin: 8px 0 0 0; }

.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 {
 	clear: both;
 	width: 100%;
 	margin: 0 0 40px 0;
 	display: inline-block;
 	position: relative;
}

.left { float: none; clear:both; }
.right { float: none; clear:both; }

} /* end of media query */


/************    TABLET    ********************/

@media only screen and (min-width: 740px) and (max-width: 980px) {

.wrap, .wrap-header {  width: 70%; margin: 0 auto; }

#footer-01 { width: 48%;     float: left; }
#footer-02 { width: 48%; margin: 56px 0 0 10px; float: right; }
#footer-03 { width: 100%; margin: 0; float: none; clear: both; text-align: center; padding: 70px 0 0 0;}
#footer-bottom  { float: none; width: 100%; text-align: center; }
#footer-shop .widget_nav_menu { text-align: right; }

} /* end of media query */


/************     GENERAL SMALL    ********************/

@media only screen and (min-width: 120px) and (max-width: 980px) {

.header-shop { height: 87px; }

.widget_nav_menu a { padding: 8px 12px 8px 12px; }

.adsense-02 { float: none; clear: both; padding: 20px 0 0 0; text-align: center; }
.adsense-02 iframe { margin: 0 auto; }

.widget li ul { padding-left: 0; }

.menu-basic-container { padding: 20px 0 0 0; }

body.home h1 {
font-size: 300%;
}

} /* end of media query */



/************    LARGE DISPLAY    ********************/

@media only screen and (min-width: 2000px) and (max-width: 4200px) {

#main { min-height: 1600px; }

} /* end of media query */






@media print {

#content { width:auto !important; }
@page { margin: 1cm 1cm 1cm 2cm; }
.wrap { width: auto !important; }

#headernavigation,
.widget_nav_menu,
.toplink, .widget_search,
.theme_reference,
.page-navigation,
.meta,
.respond-form,
#site_by,
#footerleft,
#footerwidget_wrapper li.widget_nav_menu,
#footerbottom ul li:last-child,
.gallery_list_ legende a {
    display: none !important;
}

}