/* 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
*/
.widget.home-box-painting.type-2{background:#e4e4e4;display:flex;flex-direction:column;}
.widget.home-box-painting.type-2 .image{order:1;}
.widget.home-box-painting aside{display:flex;justify-content:center;}
.widget.home-box-painting.type-2 .description{order:2;}
 #container .widget.home-box-painting.type-3.widget-edit-inside img{width:100%;}


/* GLOBAL */
.widgets-1{position:relative;margin:10px auto;text-align:left;overflow:hidden;}

.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: 0;}
.widgets-2 > ul, .widgets-2 > ul > li{margin:1em auto 0;padding: 0;}
.widget div.head{margin-bottom:1em;text-align:center;font-size:2em;color:var(--color-primary);font-weight:200;margin-top:2em;}
.widget.copy div.head{margin-bottom:0}
.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;width:90%;margin:3em auto 2em;}
.widget ul{list-style:none;}
.widget{flex:0 0 100%;}
.widgets-102{width:100%;}

@media screen and (min-width:1280px){
.widgets-1{width:1200px;}
.widget > div.description{width:1200px;padding:2em;}
.widget.copy > div.description{width:auto;}
}
@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%;}
}
.newsList .pages-list .page{width:100%;}

/* 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 4em;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:0;}
.widget.type-2 img:hover{opacity:1;}
.widget.type-2 div.description{margin-top:0.3em;text-align:left;}
#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 */
.widget.type-4 nav ul{list-style:none;}
.widget.type-4 li{padding:0.2rem 0 0.2rem 1.1em;}
.widget.type-4 .level-0-el{font-size:.8em;}
.widget.type-4 .level-0-el a{text-decoration:none;}
.widget.type-4 .level-0-el ul{font-size:0.895em;}
.widget.type-4 .level-0-menu li{padding-top:2px;}
.widget.type-4 .level-1-menu li:before{content:'>';margin:0 0.4em 0 -1.1em;font-size:0.824em;color:#cc1426;font-weight:bold;}
#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;}

/* ADMIN OPTIONS */
.widget-edit{position:relative;display:block;}
.widget-edit a{position:absolute;left:-15px;top:-21px;opacity:0.6;}
.widget-edit a:hover{opacity:1;}

@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;margin:0;}
/* 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%;}
}


.categoryHome .title a:hover {font-size: 1em; text-decoration: none; transform: scale(1);}
.categoryHome .pages-list .page{margin:0; padding:0;}
#content .widget.categoryHome {margin-bottom: 7em;}
/* ORDERING */
.widget.type-31{width:98%;}
.widget.type-32{width:98%;} /* user orders */

/* 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;color:#fff;background: var(--color-bg);color: #2e2e2e;font-weight: 300;border: 1px solid var(--color-black);}
.widget.type-28 li a:hover{background:var(--color-secondary);color:var(--color-white);}

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

.widget.menu-bottom.type-4{margin-bottom:4em;}
.widgets-103 {z-index: 130;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);position: absolute;right: -380px;flex-direction: row;display: flex;position: fixed;top: 300px;list-style: none;width: 800px;} 
.widgets-103 ul{display: flex;flex-direction:row; width: 500px;width: 100%;list-style: none;}
.widgets-103 ul li{padding:1em;}
.widgets-103 ul a{text-decoration:none;}
.widgets-103 ul li:hover{background:#000;}
.tabContact{background:#0b1025;max-width:150px;}
.tabSearch{background: #444;max-width:180px;}
.tabSearch a{color:#fff;}
.tabFb{background: #025b9c;max-width:150px;}
.tabStore{background: #fff;max-width:100px;}
.tabStore a{color:#000;}
.tabGalerie{background:radial-gradient(circle, rgba(56,75,94,1) 1%, rgba(38,54,70,1) 27%, rgba(1,9,14,1) 80%, rgba(0,0,0,1) 100%);color:#000;width:100px;order:1;}
.tabGalerie a{color:#fff;width:100px;}

/* Display option: GOOGLE TRANSLATE */
.type-16 div.head{text-align:left;margin-right:7px;}
.type-16 div{display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 2em;}
.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;}
.type-16 div a{color:#777 !important;}

/* SCROLL BACK TO TOP */
.back-to-top-widget{position:fixed;bottom:0;right:0;z-index:600;}
.back-to-top-widget i{position:absolute;color:#fff;top:10px;left:10px;}
.back-to-top-widget a{display:block;width:40px;height:40px;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;height:40px;margin-bottom:0px;background:var(--color-secondary);transition:1s;
  
}
.back-to-top-widget a:hover:before{background-color:var(--color-secondary);}



.widget.objects{margin-top:4em}



.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:underline;font-weight:100;}


.paintingsList{display: flex;margin: 0 auto;justify-content: center;flex-wrap:wrap;}
.categoryList .page .image{margin-right:auto;}
.copy .description {font-size:12px;}
.copy div.head{font-size:1em;font-weight:200;}

.menu-3{display:flex;gap:2em;margin-bottom:4em;}





  

@media screen and (max-width: 800px) {

.widget > div.description{font-weight: 300 !important;line-height:1.5em !important;width:100%;padding:0 2em 3em;} 
  .widget.home-box-painting > div.description{margin:0 auto;}    
    .widget.home-box-painting{padding-top:1.5em;}
    .home-paintings .head{margin-bottom: 0 !important;}
  }








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

  .back-to-top-widget a{opacity:0.6;}
 
 
  .widget.type-2 img{margin: 0;}


   .copy div.head{font-size:1.2em;font-weight:200;}
   .widget.menu-bottom.type-4{margin-bottom:0em;}
}
@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;}

}


/**/
@media screen and (min-width:801px){
.home-paintings{margin:3em auto; padding:3em 0 !important;}
  .menu-3{margin-bottom:0;}
.widgets-102{width:70%;}
}

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




}
}

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

}