/* Quick.Cms.Ext v6.x widgets stylesheet */
/* WIDGETS
  to style widgets in specific location use e.g.:
  .widgets-2 ... - type: header below menu
  .widgets-3 ... - type: footer after content
  #content ... - type: inside page content
*/

/* GLOBAL */
.widget .head{margin-bottom:.5em;text-align:center;font-size:1.25em;color:var(--color-secondary);}
#content .widget .head{padding-top:1em;border-top:1px solid var(--color-divider);}
[class*="widgets-"] > ul{display:flex;flex-flow:row wrap;justify-content:space-around;list-style:none;}
.widget > div.description{padding-bottom:5px;}
.widget ul{list-style:none;}
.widget{flex:0 0 98%;}
@media screen and (min-width:640px){
  .widgets-3 .widget, .widgets-9 .widget{flex:0 0 48%;}
  .widget.categories{flex:0 0 100%;}
  .widget.third-size{flex:0 0 31%;}
  .widget.half-size{flex:0 0 48%;}
  .widget.full-size{flex:0 0 98%;}
}



/* LOCATIONS - custom */
.widgets-2 > ul > li, .widgets-3 > ul > li{margin:2rem 0;border-top:1px solid var(--color-grey);}
.widgets-3{background:var(--color-grey);}
.widgets-9 .widget .head{color:#fff;}
#content .widget{clear:both;margin:1rem 0;} /* inside page content */

.is-hidden--widgets-3 .widgets-3{display:none;}


/* DISPLAY TYPES */

/* Display option: CONTENT */
.widget.type-1 ul, .widget.type-1 ol{padding:0 0 0 30px;overflow:hidden;}
.widget.type-1 li{margin:5px 0;padding:0;border-left:0;}
.widget.type-1 p{padding-bottom:7px;}

/* Display option: PAGE */
.widget.type-2 img{float:left;margin:4px 15px 7px 0;box-shadow:0 0 4px rgba(100,100,100,0.4);}
.widget img{border-radius:10px;}
.widget.type-2 img:hover{opacity:0.8;}
.widget.type-2 div.description{margin-top:0.3em;text-align:justify;}
#content .widget.type-2{border:1px solid var(--color-divider);border-top-width:5px;}
.widget.type-2 .more{display:block;padding-top:0.3em;}

/* Display option: SLIDER
   slider styles in style-slider.css file */
.widget.type-3{padding-left:0;padding-right:0;}

/* Display option: MENU styles in style-menu.css file */

/* Display option: SUBPAGES
   other subpages styles you will find in style.css file in SUBPAGES LIST STYLES section
   just move it here and add .widgets-2 to create custom version */
.widget.type-5 .pages-gallery .page{flex-grow:1;min-width:15rem;}

/* ADMIN OPTIONS */
.widget-edit{position:relative;display:block;}
.widget-edit .panel-link{position:absolute;left:-15px;top:-21px;}
.widget-edit .panel-link:hover{opacity:1;}
.widget:hover .widget-edit .panel-link:not(:hover){opacity:0.5;}
/* order edit link */
.order-edit .panel-link{left:auto;right:-15px;opacity:1;}

@media print{
  /* PRINT STYLES */
  .widgets-1{position:static;width:17.2cm;height:auto;margin:0;overflow:visible;}
}

/* PLUGINS */

/* Display option: SOCIAL LINKS */
.type-13 ul{display:inline-block;list-style:none;}
.type-13 li{display:inline-block;margin:0 8px;vertical-align:middle;}
#content .type-13 img{box-shadow:none;}

/* USERS */
/* login panel */
#user-panel{margin:0 auto;}
#user-panel .button .btn{display:flex;align-items:center;}
#user-panel .button .icon{width:1.25em;margin-right:.6em;}
#user-panel .links{margin:.4em 0;text-transform:lowercase;}
#user-panel .links:before{content:'>';margin-right:7px;font-size:0.824em;font-weight:bold;}
/* messages */
#user-panel.msg.error{background-image:none;font-size:1.25em;}
.msg#profile, .msg#user-panel{padding:3rem 0;background-position:center 15px;}
/* checkboxes (e.g. acceptance ) in register form */
#profile .option{margin:0 0 1.25rem;}
#profile .option label{margin-left:.4rem;font-weight:normal;}
/* not required fields are default hidden */
#profile.register #user-not-required{display:none;}
/* send button for profile in widgets list (outside of page content) */
.widgets-list #profile .save{margin-top:20px;text-align:left;}
/* links for logged users */
.widget.type-26 .user-link{display:flex;align-items:center;padding:.4em 0;}
.widget.type-26 .icon{width:1rem;margin-right:1em;}
.widget.type-26 .user-link:hover .icon{stroke:var(--color-white);}

/* Display option: ADVANCED SEARCH */
.widget.type-29{}
#search-adv{margin:10px auto 0;}
#search-adv ul{list-style:none;}
.search-adv__fields:after{content:'';clear:left;display:table;}
.search-adv__fields > li{padding-bottom:15px;}
.search-adv__fields label{display:block;margin-bottom:4px;}
.search-adv__field{width:300px;}
.search-adv__fields .button{padding:20px 0 0;}
#search-adv .search-adv__features .head{padding:0;border:0;text-align:left;}
.search-adv__features label{margin:0;font-weight:normal;}
.search-adv__features li{padding-bottom:5px;}
@media screen and (min-width:1024px){
  .search-adv__fields{display:grid;grid-template-columns:400px 1fr;}
  .search-adv__fields .phrase{grid-column:1;}
  .search-adv__features{grid-column:2;grid-row:1 / span 3;margin-top:-1em;}
  .search-adv__fields .category{grid-column:1;}

  .search-adv__features ul{display:flex;flex-flow:row wrap;}
  .search-adv__features li.head{flex-basis:100%;}
  .search-adv__features li{flex-basis:50%;}
}

/* Display option: CALENDAR
   you can find other calendar styles in plugins/event-calendar/event-calendar.css file */
.widget.type-25 .eventsCalendar-dayEventsList{z-index:11;position:absolute;top:90%;left:65%;padding:7px;border:1px solid var(--color-divider);background:rgba(0,103,154,0.95);color:#fff;}
.widget.type-25 .eventsCalendar-dayEventsList li{min-width:200px;padding-bottom:9px;font-size:0.75em;}
.widget.type-25 .eventsCalendar-dayEventsList li:last-child{padding:0;border:0;}
.widget.type-25 .eventsCalendar-dayEventsList li a{color:#fff;text-decoration:none;}
.widget.type-25 .eventsCalendar-dayEventsList li a:hover{text-decoration:underline;}
.widget.type-25 .loading{min-width:50px;min-height:30px;background:#fff url('img/loading-horizontal.gif') no-repeat center center;}
#page div.content .widget.type-25{line-height:1em;}
@media screen and (max-width:460px){
  .widget.type-25{width:98%;}
}

/* Display option: NEXT PREVIOUS PAGE */
.widget.type-28{flex-basis:94%;border:0;}
.widget.type-28 .next-prev{list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;}
.widget.type-28 .next{margin-left:auto;}
.widget.type-28 li a{display:inline-block;margin:.5rem 0;padding:5px 10px;text-decoration:none;background:var(--color-primary);color:#fff;}
.widget.type-28 li a:hover{background:var(--color-secondary);}

/* Display option: COMMENTS */
.widget.type-24 .name{margin-bottom:0.5em;font-weight:bold;color:var(--color-primary);}
.widget.type-24 p{line-height:1.4375rem;}

/* SIDE TAB */
.side-tab-widget{position:fixed;right:-100px;top:50%;z-index:51;background:var(--color-primary);font-size:0.75em;border-top-left-radius:15px;border-top-right-radius:15px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.side-tab-widget a{display:block;padding:13px;text-decoration:none;color:#fff;font-size:1.633em;}

/* Display option: RANDOM PAGE */
.widget.type-8, .widget.type-9{border:1px solid var(--color-divider);border-top-width:5px;}
.widget.type-8 img, .widget.type-9 img{float:left;margin:4px 15px 7px 0;box-shadow:0 0 4px rgba(100,100,100,0.4);}
.widget.type-8 img:hover, .widget.type-9 img:hover{opacity:0.8;}
.widget.type-8 div.description p, .widget.type-9 div.description p{padding:0.3em 0;}

/* Display option: POLL */
.widget.type-22 .question{font-weight:bold;color:var(--color-secondary);}
.widget.type-22 .answer{display:inline-block;padding:7px 0;font-weight:normal;}
.widget.type-22 ul{margin:10px 0;list-style:none;}
.widget.type-22 li{border-top:1px solid var(--color-divider);}
.widget.type-22 li:last-child{border-bottom:1px solid var(--color-divider);}
.widget.type-22 li input{margin:0 8px;}
.widget.type-22 .vote{padding:5px 0;text-align:center;}
.widget.type-22 .results li{position:relative;background:#9a9b9e;color:#fff;}
.widget.type-22 strong.answer{z-index:2;position:relative;padding-left:5px;}
.widget.type-22 .graph{display:inline-block;position:absolute;top:0;left:0;height:100%;background:var(--color-primary);}
.widget.type-22 .votes{z-index:2;position:relative;margin-left:8px;font-weight:bold;}
.widget.type-22 .votes:before{content:'-';margin-right:7px;font-weight:normal;}

/* Display option: NOTICES */
.widget.type-10{width:auto;}
aside.widget.type-10{display:none;padding:7px 0;background:#fff;font-size:0.75em;}
.widget.type-10 .close a{padding:5px 7px;font-weight:normal;text-decoration:none;background:var(--color-primary);color:#fff;}
.widget.type-10 .close a:hover{background:var(--color-primary);}
.widget.type-10 .head{margin-bottom:7px;font-weight:bold;font-size:1.167em;}
.widget.type-10.location-0, .widget.type-10.location-2{position:fixed;z-index:2;width:100%;background-color:rgba(255,255,255,0.9);}
.widget.type-10.location-0{width:200px;left:0px;bottom:0px;padding:10px;border:1px solid #bbb;}
.widget.type-10.location-2 div{display:inline-block;margin-right:4px;}
.widget.type-10.location-2 .head{margin-right:10px;font-weight:bold;}
.widget.type-10.location-2{border-bottom:1px solid #555;}
.widget.type-10.location-2{top:0px;}
.widget.type-10.location-3{position:fixed;top:100px;left:50%;z-index:1001;width:700px;margin-left:-350px;padding:30px;text-align:center;background:#fff;border:5px solid #fff;border-radius:10px;}
.widget.type-10.location-1{padding:10px 0 20px;}
.widget.type-10.location-2 .close{margin-left:20px;}
.widget.type-10.location-0 .close, .widget.type-10.location-1 .close, .widget.type-10.location-3 .close{margin-top:15px;}
.widget-dark-background{display:none;position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba( 0, 0, 0, 0.7 );z-index:1000;}

/* Display option: NEWSLETTER */
.widget.type-12{text-align:center;}
.widget.type-12 .default{display:none;margin-top:7px;}
.widget.type-12 legend{width:100%;}
.widget.type-12 input[type="email"]{width:85%;margin:10px auto;padding:2% 3%;text-align:center;}
.widget.type-12 input[type="submit"]{padding:2% 5%;}
.widget.type-12 .msg.done{font-size:1.125em}
.widget.type-12 .msg.error{background-position:10px center;font-size:1em;}

/* Display option: FACEBOOK LIKE BOX */
.widget.type-19 .head{text-align:left;padding:0 0 5px 10px;font-weight:bold;}
.widget.type-19 .fb-page{overflow:hidden;background-color:transparent;}
.widget.type-19 .button{display:none;}

.widgets-5 aside.widget.type-19{z-index:50;position:fixed;top:70px;width:auto;padding:10px 10px 10px 0;}
.widgets-5 .widget.type-19.left{left:0px;padding-left:0;}
.widgets-5 .widget.type-19.right{right:0px;padding-right:0;}
.widgets-5 .widget.type-19.left .fb-page{float:left;border-top-right-radius:10px;border-bottom-right-radius:10px;}
.widgets-5 .widget.type-19.right .fb-page{float:right;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.widgets-5 .widget.type-19 .button{display:block;float:right;padding:0 5px 30px;}

.widget-basket{display:flex;width:auto;}
.widget-basket img{width:60px;}
.widget-basket .page{width:auto;display:flex;}
.widget-basket__list{ display: flex; gap: 8px;flex-direction:column; }
.widget-basket .price-old { display: none !important; }
.widget-basket .widget-basket__body { display: none; }
.widget-basket.is-open .widget-basket__body { display: block; }
.widget-basket__list .page{display:flex; align-items:center; gap:10px; padding:8px; border-bottom:1px solid #eee; }
.basket-item { display:flex; align-items:center; gap:10px; padding:8px; border-bottom:1px solid #eee; }
.widget-basket__list .basket-item__thumb img { display:block; max-width:64px; height:auto; }
.widget-basket__list .basket-item__meta { flex:1; min-width:0; }
.widget-basket__list .basket-item__name,
.widget-basket__list .title {font-size:14px;line-height:1.3;text-align:left;white-space:normal;word-wrap:break-word;word-break:break-word;max-width:100%;}

.widget-basket__list .basket-item__name a,
.widget-basket__list .title a {color:#000;text-decoration:none;display:inline-block;white-space:normal;word-break:break-word;max-width:100%;}
.widget-basket__list .basket-item__price { font-weight:600; margin-top:2px; }
.widget-basket__list .basket-item__del { text-decoration:none; font-size:18px; line-height:1; padding:4px; }

.widget-author-page{display:flex;width:50%;}
.widget-author-page .image{width:100%;margin:1em;}
@media print{
  .widgets-5 .widget.type-19{display:none;}
}

/* Display option: CONTACT PANEL
   other contact panel styles you will find in style.css file in CONTACT-PANEL section
   just move it here and add .widgets-1 to create custom version */
.type-7{flex-basis:93%;}
.type-7 div.head, #content .widget.type-7 div.head{text-transform:none;}

/* SCROLL BACK TO TOP */
.back-to-top-widget{position:fixed;bottom:30px;right:0.5%;}
.back-to-top-widget a{display:block;width:80px;text-align:center;color:#666;text-transform:uppercase;text-decoration:none;transition:1s;opacity:0.3;}
.back-to-top-widget div.head{color:#666;font-size:1em;transition:1s;}
.back-to-top-widget a:hover, .back-to-top-widget a:hover div.head{opacity:1;color:var(--color-primary);text-decoration:none;}
.back-to-top-widget a:before{content:'';display:block;width:100%;height:90px;margin-bottom:7px;background:#607380 url('img/back_to_top.png') no-repeat center center;border-radius:15px;transition:1s;}
.back-to-top-widget a:hover:before{background-color:var(--color-primary);}
@media screen and (min-width:1280px){
  .back-to-top-widget{right:1.5%;}
  .back-to-top-widget a{opacity:0.6;}
}
@media screen and (max-width:800px){
  .back-to-top-widget a{width:40px;}
  .back-to-top-widget a:before{height:40px;border-radius:22px;background-position:center top;border:2px solid #607380;}
  .back-to-top-widget a:hover:before{border-color:var(--color-primary);}
  .back-to-top-widget .description{display:none;}
  .widget-author-page{display:flex;width:100%;flex-direction:column;}
}

/* Bestsellers or Promoted */
.slick-slider.pages-gallery .page{border:0;}
.slick-slider .slick-slide img{display:inline-block;}
.type-35 .price:not(.old) em{display:none;}

/* ORDERING */
#content .widget.type-31{width:100%;margin:0;background:#fff;}
#content .widget.type-33{width:100%;padding:0;background:#fff;} /* user orders */

/* LEFT COLUMN */
.widgets-8 > ul{list-style:none;}
@media screen and (min-width:960px){
  .widgets-8{flex-basis:25%;padding-left:1.5%;}
  .widgets-8 > ul > li{margin:1rem 0;border-top:5px solid var(--color-divider);}
}
.widgets-8 div.head{text-align:left;}
.widgets-8 .widget{flex-basis:100%;padding:1rem;background:#f1f2f4;}
/*.widgets-8 .slick-slider.pages-gallery{max-width:250px;}*/
.widgets-2, .widgets-3{flex-basis:100%;} /* other widgets containers in #content need to be full size */
/* hide for order details print */
.is-without-left-column .widgets-8{display:none;}