.navigation{background:#fff;display:block;height:6rem;left:0;max-width:100%;position:fixed;right:0;top:0;width:100%;z-index:198;box-shadow:0 5px 15px hsla(0,0%,50%,.1);}
.navigation h1 a{width:160px;height:40px;display:block;text-indent:-9999px;background:url(/static/imagenes/tinystore.online.png);}
nav .container .row{margin-top:10px;}

#store-options-dropdown ul{margin-top:0}

.navigation-list{list-style:none;margin-bottom:0;margin-right:5rem}
@media (min-width:80rem){
	.navigation .navigation-list{margin-right:0}}
.navigation .navigation-item{float:left;margin-bottom:0;margin-left:2.5rem;position:relative}

main section{margin-top:100px;text-align:left;}
@media screen and (max-width:480px)  {.navigation h1 a{width:45px;} .hide-xs{display:none}}

.menu-css ul{margin:0;padding:0;list-style:none;width:100%;margin-top:5px;	}
.menu-css ul li{float:right;margin:0;margin-left:40px;position:relative;font-size:16px;height:1%}
.menu-css ul li ul{font-size:16px;z-index:9999;box-shadow:0 5px 10px rgba(0,0,0,.2);background:#fff;margin-top:2px;border-radius:5px}
.menu-css ul li ul li{float:none;margin:0}
.menu-css li ul{position:absolute;left:0;top:20px;display:none;border:#e7e7e7 1px solid}
.menu-css ul li a{display:block;text-decoration:none;font-weight:400;color:rgb(75,88,124);height:1%}
.menu-css li ul li a{font-size:16px;padding:3px 5px;text-align:left;background:#fff;color:rgb(75,88,124)}
.menu-css li ul li a:hover{color:#000;background:#eee}
.menu-css li:hover ul,li.over ul{display:block}
.menu-css-header ul li a{color:#fff}

mark{padding:5px;}

.rot-90{transform:rotate(90deg)}
.footer{position:fixed;bottom:0px;width:100%;padding-top:20px;}
.footer,.footer a {background:#242729;color:#bbc0c4;}

legend h3{margin-bottom:.5rem;}

#storenamehome{height:100%;}
#product-page {margin-top:50px;}
#product-page h1 {color:#000}

.body-alt{background:#f4f5f6}

fieldset {padding: 0.5rem 2rem;border:1px solid #d1d1d1;border-radius:10px;}


.button-black {background-color:black;border-color:black;}
.button-secondary:hover{background-color:#747681;border-color:#747681}
.button-secondary{background-color:#a4a4a4;border-color:#a4a4a4}

body.dark {--bg-color: #000;--bg-secondary-color: #131316;--font-color: #f5f5f5;--color-grey: #ccc;--color-darkGrey: #777;}

body main {margin-bottom:150px!important}

.span-info{display:block;margin:auto;}
.flex{display:flex}
.flex-grow{flex-grow:1}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.is-full-width{width:100%;}

#canvas-ts-domain-home{display:flex;align-items:center;justify-content:center;height:100%;}

.hide{display:none;}
.cursor-pointer{cursor: pointer;}

#store-options{float:right;}

.margin-top-5{margin-top:-10px;}
.margin-top-50{margin-top:-50px;}

.width250{width:250px;}
.image-user{border-radius:90px;border: #eeeeee 5px solid;width:180px;height:180px;}

.image-product {max-height:140px;object-fit:cover;}
.image-product-small {height:100px;width:100px;object-fit:cover;border-radius:50px;border:#e7e7e7 3px solid;}
.image-product-row{max-height:120px;display:block;margin:auto;}

.overlayscr{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(213, 220, 226, 0.8);z-index:9999999}
.modal-contentscr{padding:10px 10px;width:350px;position:relative;min-height:300px;margin:5% auto 0;background:#fff;box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);border-radius:5px;}
.ajax-button-close{position:absolute;right:5px;cursor: pointer;}
.toast{position:fixed;top:10rem;left:50%;transform:translate(-50%, -50%);z-index:11111111;color:#fafafa;background:#424242;border-radius:5px;padding: .5rem}
.is-border-bottom {border-bottom:.1rem solid #d1d1d1!important;}			
.rounded-right{border-radius:0px 5px 5px 0px !important;}
.rounded-left{border-radius:5px 0px 0px 5px !important;}
.invert {filter:invert(100%);-webkit-filter:invert(100%);}	
.list-style-none{list-style:none;}

.offer{border:1px solid #ddd;box-shadow:0 10px 20px rgb(0 0 0 / 20%);margin-top:15px;overflow:hidden;height:330px;position:relative;border-radius:8px;background:#fff;}
.offer:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:rotate scale(1.1);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.offer:hover button{display:block;}
.offer-content{padding:0 10px 10px}
.offer h4{max-height:170px;font-weight:400;color:#000;}
.offer-text{line-height:18px;overflow-y:hidden;word-break:break-word;max-height:35px}

.te{border:1px solid #d1d1d1;padding:0 1px 1px;font:12px Verdana,Arial;border-radius:4px;background-color:#fff;}
.te iframe{border:none}
.teheader{border-bottom:1px solid #d1d1d1;}
.teheader select{float:left;margin-top:5px}
.tefont{margin-left:12px}
.tesize{margin:0 3px}
.testyle{margin-right:12px}
.tedivider{display:inline-block;width:1px;height:30px;background:#ccc}
.tecontrol{display:inline-block;width:34px;height:30px;cursor:pointer;background-image:url(/static/imagenes/icons.png)}
.tecontrol:hover{background-color:#fff;background-position:30px 0}
.tefooter{height:32px;border-top:1px solid #bbb;background:#f5f5f5}
.toggle{float:left;background:url(/static/imagenes/icons.png) -34px 2px no-repeat;padding:9px 13px 0 31px;height:23px;border-right:1px solid #ccc;cursor:pointer;color:#666}
.toggle:hover{background-color:#fff}
.resize{float:right;height:32px;width:32px;background:url(/static/imagenes/resize.gif) 15px 15px no-repeat;cursor:s-resize}


.tabs {    display: flex;justify-content:center;}
.tabs a {   text-decoration: none;}

.tabs > .dropdown > summary,
.tabs > a {
    padding: 1rem 2rem;
    flex: 0 1 auto;
    color: var(--color-darkGrey);
    border-bottom: 2px solid var(--color-lightGrey);
    text-align: center;
}

.tabs > a[aria-current="page"],
.tabs > a.active,
.tabs > a:hover {   opacity: 1;    border-bottom: 2px solid var(--color-darkGrey);}

.tabs > a[aria-current="page"],
.tabs > a.active {font-weight:700;}

.tabs.is-full a {    flex: 1 1 auto;}

