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

/* GLOBAL */
.widgets-1{position:relative;margin:10px auto;text-align:left;overflow:hidden;}
@media screen and (min-width:1280px){
.widgets-1{width:1200px;}
}
.widgets-1 > ul > li{float:left;margin:10px 0;color:#333;}
.widgets-1 div.head{margin-bottom:10px;text-align:center;font-size:1em;color:#cc1426;}
.widgets-2 > ul, .widgets-2 > ul > li, .widgets-3 > ul, .widgets-3 > ul > li{padding:10px 0 0;}
.widgets-2 > ul, .widgets-2 > ul > li{margin:1em auto 0;padding:1em 0 0;}
.widget div.head{margin-bottom:1.5em;text-align:center;font-size:2em;color:var(--color-primary);font-weight:100;}
.widget div.head strong, .cycles-list-all-cycles h2 strong{font-weight:300;}
.widget div.head a{text-decoration:none}
.widgets-1 > ul, .widgets-2 > ul, .widgets-3 > ul, .widgets-4 > 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){
  .widget{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%;}
}

/* TYPE: HEADER|FOOTER - GLOBAL */
.widgets-2 > ul > li, .widgets-3 > ul > li{margin:0 auto;}

/* INSIDE PAGE CONTENT - GLOBAL */
#content .widget{clear:both;margin:1rem 0;padding:1rem;}

/* 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.type-2 img:hover{opacity:0.8;}
.widget.type-2 div.description{margin-top:0.3em;text-align:justify;}
#content .widget.type-2{}
.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 */

#content .widget.type-4{}

/* 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;display:flex;flex-direction:column;}
.widget.type-5 .pages-gallery .page .title{font-size:1em;}

/* ADMIN OPTIONS */


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

/* PLUGINS */

/* Display option: RANDOM PAGE */
.widget.type-8, .widget.type-9{}
.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;}

/* USERS */
/* login panel */
#user-panel{margin:0 auto;}
#user-panel .button input{padding:.6em 1.2em .6em 3em;background-image:url('img/users_login.png');background-repeat:no-repeat;background-position:1em center;text-transform:uppercase;}
#user-panel .button input:hover{background-color:#00679a;}
#user-panel .links{margin:.4em 0;text-transform:lowercase;}
#user-panel .links:before{content:'>';margin-right:7px;font-size:0.824em;color:#cc1426;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:block;padding:.5em 0 .5em 2em;background:url('img/users_profile.png') no-repeat left center;}
.widget.type-26 .logout{background-image:url('img/users_logout.png');}
.widget.type-26 .orders{background-image:url('img/users_orders.png');}
.widgets-list ul{list-style:none;}
/* Display option: ADVANCED SEARCH */
.widget.type-29{width:98%;}
#search-form-advanced{margin:10px auto 0;padding:10px;}
#search-form-advanced ul{list-style:none;}
#advanced-fields .phrase input, #advanced-fields select{min-width:250px;max-width:85%;}
#advanced-fields:after{content:'';clear:left;display:table;}
#advanced-fields > li{padding-bottom:15px;}
#advanced-fields label{display:block;margin-bottom:4px;}
#advanced-fields ul .head{font-weight:bold;padding-bottom:5px;}
#advanced-fields ul label{font-weight:normal;}
#advanced-fields .features label{margin:0;}
#advanced-fields .features li{padding-bottom:5px;}
#advanced-fields .button{padding:20px 0 0;}
@media screen and (min-width:1024px){
  #advanced-fields{display:grid;grid-template-columns:1fr 1fr;}
  #advanced-fields .phrase{grid-column:1;}
  #advanced-fields .features{grid-column:2;grid-row:1 / span 3;}
  #advanced-fields .category{grid-column:1;}

  #advanced-fields .features ul{display:flex;flex-flow:row wrap;}
  #advanced-fields .features li.head{flex-basis:100%;}
  #advanced-fields .features li{flex-basis:50%;}
}

/* ORDERING */
.widget.type-31{width:98%;}
.widget.type-32{width:98%;} /* user orders */

/* Display option: NEXT PREVIOUS PAGE */
.widget.type-28{flex-basis:100%;border:0;margin-top:4em !important;}
.next-prev{list-style:none;display:flex;justify-content:center;flex-wrap:no-wrap;position:relative;}
.next{margin-left:auto;}
.preview{}

.widget.type-28 li a{margin:.5rem 0;padding:5px 10px;text-decoration:none;color:#333;border-radius:1px solid #888;text-transform:uppercase;}
.widget.type-28 li a:hover{background:#c6bb9f;color:#000;}

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

/* 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;}

/* SIDE TAB */
/*.side-tab-widget{position:fixed;right:-100px;top:50%;z-index:51;background:var(--color-secondary);font-size:0.75em;-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;}
*/
.categoryList.prints{display:flex;flex-wrap:wrap;}
.categoryList.prints .page{width:100px;}
.categoryList.prints .image{width:100px;}
.categoryList.prints img{width:100px;}
.categoryList.prints .title{text-align:left;display: flex;justify-content: start;align-items: start;width:100px;}
.categoryList.prints .title a{font-size: 10px;line-height: 1em;padding: 0;}

.widgets-list.widgets-102, .widgets-list.widgets-105{width:100%;}
.widgets-103 {} 
.widgets-103 ul{z-index: 130;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);right: -380px;flex-direction: row;display: flex;position: fixed;top: 150px;list-style: none;width: 800px;}
.widgets-103 ul li{padding:0;}
.widgets-103 ul a{text-decoration:none;color:#fff;}
.sidr-inner .sidr-class-widget-list-103{-ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(-90deg); display: flex; position: relative; width: 52px; flex-direction: column; height: 100%; justify-content: center; align-items: center; margin: 0 auto; gap: 1em;}

.tabContact{background:#0b1025;max-width:120px;}
.tabSearch{background-color:#c6bb9f;max-width:50px;padding:0;margin:0;}
.tabSearch:hover{background-color:#000;}
.tabSearch a{ margin:0;padding:0;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);      -o-transform: rotate(90deg);      transform: rotate(90deg);   font-size: 0px; width: 50px; height: 50px; position: absolute; top: 0; text-align: center; display: flex; justify-content: center; align-items: center; left: -5px;background-image:url('img/lupa.svg');background-repeat:no-repeat;background-position:center 6px;position:relative;background-size: 25px; }

.tabFb{background-color:#025b9c;max-width:50px;padding:0;margin:0;}
.tabFb:hover{background-color:#000;}
.tabFb a{ margin:0;padding:0;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);      -o-transform: rotate(90deg);      transform: rotate(90deg);   font-size: 0px; width: 50px; height: 50px; position: absolute; top: 0; text-align: center; display: flex; justify-content: center; align-items: center; left: -5px;background-image:url('img/fb.svg');background-repeat:no-repeat;background-position:center 6px;position:relative;background-size: 20px; }

.tabInsta{background-color:#fff;max-width:50px;padding:0;margin:0;}
.tabInsta:hover{background-color:#000;}
.tabInsta a{ margin:0;padding:0;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);      -o-transform: rotate(90deg);      transform: rotate(90deg);   font-size: 0px; width: 50px; height: 50px; position: absolute; top: 0; text-align: center; display: flex; justify-content: center; align-items: center; left: 0;background-image:url('img/insta.svg');background-repeat:no-repeat;background-position:center 6px;position:relative;background-size: 34px; }
.tabInsta:hover a{ margin:0;padding:0;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);      -o-transform: rotate(90deg);      transform: rotate(90deg);   font-size: 0px; width: 50px; height: 50px; position: absolute; top: 0; text-align: center; display: flex; justify-content: center; align-items: center; left: 0;background-image:url('img/insta_white.svg');background-repeat:no-repeat;background-position:center 6px;position:relative;background-size: 34px; }
.sidr{position:relative;}
.sidr ul li.sidr-class-tabInsta:hover, .sidr ul li.sidr-class-tabFb:hover, .sidr ul li.sidr-class-tabSearch:hover{background-color:#fff;margin:0 !important;padding:0 !important;opacity:.7;}
.sidr ul li.sidr-class-tabInsta a, .sidr ul li.sidr-class-tabFb a, .sidr ul li.sidr-class-tabSearch a{padding:0;margin:0;width:50px;height:50px;position:absolute;left:0;}
.sidr ul li.sidr-class-tabInsta, .sidr ul li.sidr-class-tabFb, .sidr ul li.sidr-class-tabSearch{position:relative;}
.sidr-class-tabSearch{background-color:#fff;max-width:50px;height:50px;padding:0;margin:0;}
.sidr-class-tabSearch:hover{background-color:#fff;}
.sidr-class-tabSearch a{ margin:0;padding:0;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);      -o-transform: rotate(90deg);      transform: rotate(90deg);   font-size: 0px; width: 50px; height: 50px; position: absolute; top: 0; text-align: center; display: flex; justify-content: center; align-items: center; left: -5px;background-image:url('img/lupa_black.svg');background-repeat:no-repeat;background-position:center 6px;position:relative;background-size: 25px; }

.sidr-class-tabFb{background-color:#fff;max-width:50px;height:50px;padding:0;margin:0;}
.sidr-class-tabFb:hover{background-color:#fff;}
.sidr-class-tabFb a{ margin:0;padding:0;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);      -o-transform: rotate(90deg);      transform: rotate(90deg);   font-size: 0px; width: 50px; height: 50px; position: absolute; top: 0; text-align: center; display: flex; justify-content: center; align-items: center; left: -5px;background-image:url('img/fb_black.svg');background-repeat:no-repeat;background-position:center 6px;position:relative;background-size: 20px; }

.sidr-class-tabInsta{background-color:#fff;max-width:50px !important;height:50px;padding:0;margin:0;}
.sidr-class-tabInsta:hover{background-color:#fff;}
.sidr-class-tabInsta a{ margin:0;padding:0;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);      -o-transform: rotate(90deg);      transform: rotate(90deg);   font-size: 0px; width: 50px; height: 50px; position: absolute; top: 0; text-align: center; display: flex; justify-content: center; align-items: center; left: 0;background-image:url('img/insta.svg');background-repeat:no-repeat;background-position:center 6px;position:relative;background-size: 34px; }



.widget.multimedia div.head, .widget.audio div.head{font-size:1.5em;}

/* Display option: GOOGLE TRANSLATE */
.type-16 div.head{text-align:left;margin-right:7px;}
.type-16 div{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.type-16 select {padding: .2em .5em;font-size: 2em;font:300 2em 'Roboto';width:200px;}
.goog-logo-link,.goog-logo-link:link,.goog-logo-link:visited,.goog-logo-link:hover,.goog-logo-link:active, .goog-te-gadget{color:#666 !important;}
.type-16 select option{font:300 2em 'Roboto';}
.translator{display:flex;justify-content:center;}

/* 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:20px;right:0.5%;z-index:600;}
.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-secondary);text-decoration:none;}
.back-to-top-widget a:before{content:'';display:block;width:100%;height:40px;margin-bottom:7px;background:none;transition:1s;clip-path: polygon(51.1% 55%, 100% 100%, 0% 100%);}
.back-to-top-widget a:hover:before{background-color:var(--color-secondary);}

.widget.category, .widget.category-page{display:flex;flex-direction:column;justify-content:center;margin:0 auto 3em;}
.widget.category .image img{height:150px;} 
.widget.category .head{font-size:1.3em;}
.widget.category .image img{height:100px;}
.widget.category .image{width:100%;}
.widget.category .title {width:100px;text-align:left;font-weight:400;line-height: .35em;}
.home-page .widget.category .title {width:100px;text-align:left;font-weight:400;line-height: 1em;}
.widget.category .title a{font-size:10px;margin:0;padding:0;}
.widget.artwork div.head{font-size:2em;}
.widget.artwork{margin-top:3em;}

.widget.about{display:flex;flex-direction:column;justify-content:center;margin:3em auto;border-bottom: 1px solid #aaa;}
.widget.about aside{display:flex;flex-direction:column;justify-content:center;align-items:center}
.widget.about div.description{width:100%;margin-top: 2em;text-align:center;}
.widget.home-atelier {display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 auto;width: 100%;padding: 4em 10%;background-color:#c6bb9f;}
.widget.home-atelier .title{padding: 0;font-size: 17px;line-height: 1.1em;}

.widget.category .page, .widget.category-page .page{text-align:center;}
.categoryList{display:flex;flex-direction:row;justify-content:center;gap:0 1em;flex-wrap:wrap;margin: 0 10%;}
.categoryList h2.title{width:150px;font-size:10px;text-align:left;font-weight:200;}
.categoryList h2.title strong{font-weight:300;}
.widget.about{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto; width:100%; padding: 4em 10%;}
.widget.about .title, .widget.home-atelier .title{padding-top:1em;clear:both;}
.widget.about .image{display:flex;justify-content:center;align-items:center;}
.widget.about .image img{margin:0 auto;}
.navi{display:flex;justify-content:center;margin:0 auto;flex-direction:column;width:100%;}
.navi ul{flex-direction:column;justify-content:center;align-items:center;text-align: center;padding:0;margin:0 auto;flex-direction:row;gap:0 1em;display:flex; }
.navi ul .title{font-size:1em;padding:0;margin:0 auto;}
.navi ul .title a{text-decoration:none;font-weight:100;}
.appendixHome{display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 auto;width: 100%;padding: 4em 10% !important;}
.appendixHome .head{padding-top:4em;flex-direction: column;}
.appendixHome .pages-gallery.pages-list{display:flex;align-items:start;}
.appendixHome .pages-list .title {padding: 0 0 0.5em;font-size: 1.7em;line-height: 1.2em;}
.appendixHome .pages-list .column{display:flex;flex-direction:column;} 
.appendixHome .more{justify-content:start;}
.categoryVaria img{width:200px;}
#content .widget.bibliography{margin-top:6em;}
.exhibitions .pages-list .title{font-size:1em;}

#foot .container .menu-bottom ul{display:flex;flex-direction:column;gap:.3em;text-transform:uppercase;font-weight:200;font-size:.7em;color:#fff;}
#foot .container .menu-bottom ul a{color:#555;}
#foot .container .menu-bottom ul a b, #foot .container .menu-bottom ul a {font-weight:400}


#container .publishing .image{min-width:100px;max-width:100px;text-align:center;}

@media screen and (min-width:1280px){
  .back-to-top-widget{right:1.5%;}
  .back-to-top-widget a{opacity:0.6;}
  .widget.about{flex: 0 0 100%;}
  .widget.type-2 img{margin: 4px 3em 7px 0;}
  .widget.about div.description{width:90%;}
}
@media screen and (max-width:800px){
  .back-to-top-widget a{width:40px;}
  .back-to-top-widget a:before{height:40px;background-position:center top;}
  .back-to-top-widget a:hover:before{border-color:var(--color-secondary);}
  .back-to-top-widget .description{display:none;}
  .widgets-103{display:none;}
  	  .categoryList{gap: 0 0.5em;margin: 0 ;}
  	  #foot .container .menu-bottom ul a b, #foot .container .menu-bottom ul a {font-weight:200}
  	  #content .widget{margin:0;}
  	  .appendixHome .more{justify-content:center;}
}

/**/
@media screen and (min-width:800px){
.widget.about aside{display: flex;}
}

@media screen and (min-width:1100px){

}
@media screen and (min-width:1280px){

}

@media screen and (min-width:1680px){

}