/* 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.5rem;color:var(--color-text);font-family:'Exo',sans-serif;font-weight:700;}
#content .widget .head{padding-top:1em;}
[class*="widgets-"] > ul{display:flex;flex-flow:row wrap;justify-content:space-around;list-style:none;}
.widget > div.description{padding-bottom:5px;line-height:1.4;}
.widget ul{list-style:none;}
.widget{flex:0 0 98%;}
@media screen and (min-width:640px){
  .widget{flex:0 0 48%;}
  .widget.fifth-size{flex:0 0 18%;}
  .widget.quarter-size{flex:0 0 23%;}
  .widget.third-size{flex:0 0 31%;}
  .widget.two-thirds{flex:0 0 62%;}
  .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:1rem 0;padding:1rem 0;}
#content .widget{clear:both;margin:1rem 0;} /* inside page content */


/* 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:1rem;}
.widget.type-1 img{margin:4px auto;}

/* 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{border:1px solid var(--color-divider);border-width:5px 0 1px;}
.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 */
/* footer menu */
.widget.type-4 nav ul{list-style:none;display:flex;flex-flow:column nowrap;justify-content:center;}
.widget.type-4 li{padding:.25em 0;font-size:1rem;font-family: 'Roboto', sans-serif;font-weight:600;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.widget.type-4 li:before, .widget.type-4 li:after{content:'';margin:0 .25em;font-size:0.824em;color:var(--color-divider);}
.widget.type-4 .menu-1 a.menu__link, .menu-2 a.menu__link, .menu-3 a.menu__link{color:var(--color-grey);font-weight:500;}
.widget.type-4 .menu-1 .menu__link:hover, .widget.type-4 .menu-1 .selected > .menu__link, .widget.type-4 .menu-1 .selected-parent > .menu__link{color:var(--color-primary);background-color:inherit;}
.widget.type-4 .menu-2 .menu__link:hover, .widget.type-4 .menu-2 .selected > .menu__link, .widget.type-4 .menu-2 .selected-parent > .menu__link{color:var(--color-primary);background-color:inherit;}
.widget.type-4 .menu-3 .menu__link:hover, .widget.type-4 .menu-3 .selected > .menu__link, .widget.type-4 .menu-3 .selected-parent > .menu__link{color:var(--color-primary);background-color:inherit;}
.widget.type-4 button.hamburger{display:none}

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

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

/* PLUGINS */

@media screen and (min-width:600px){
  #widget-26 .pages-gallery{
    --cols: calc((100%/ 4 ) - 1rem);
  }
  #widget-26 .pages-gallery .page{flex:0 0 var(--cols);}
  #widget-26 .pages-gallery:before, #widget-26 .pages-gallery:after{content:"";flex:0 1 var(--cols);}
  #widget-26 .pages-gallery:before{order:99;}
}

/* Display option: NEXT PREVIOUS PAGE */
.widget.type-28{flex-basis:97%;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:.6em 1em .6em;text-decoration:underline;background:var(--color-primary);color:var(--color-back);border-radius:5px;}
.widget.type-28 li a:hover{background:var(--color-secondary);color:var(--color-dark);text-decoration:none;}

/* Display option: GOOGLE MAPS */
.widget.type-14{flex-basis:98%;}
.widget.type-14 div.head{text-align:left;text-transform:none;}
.widget.type-14 iframe{width:100%;min-height:500px;}

/* Display option: SOCIAL LINKS */
.type-13 ul{display:block;list-style:none;text-align:center;margin:5px 0;}
.type-13 li{display:inline-block;margin:0 4px;vertical-align:middle;}
.type-13 li a.fb{display:inline-block;width:32px;height:32px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;background:var(--image-social-links) no-repeat 0 0px;}
.type-13 li a:hover.fb{background-position:0 -32px;}
.type-13 li a.gplus{display:inline-block;width:32px;height:32px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;background:var(--image-social-links) no-repeat 0 -64px;}
.type-13 li a:hover.gplus{background-position:0 -96px;}
.type-13 li a.twitter{display:inline-block;width:32px;height:32px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;background:var(--image-social-links) no-repeat 0 -128px;}
.type-13 li a:hover.twitter{background-position:0 -160px;}
.type-13 li a.linkedin{display:inline-block;width:32px;height:32px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;background:var(--image-social-links) no-repeat 0 -192px;}
.type-13 li a:hover.linkedin{background-position:0 -224px;}
.type-13 li a.mail{display:inline-block;width:32px;height:32px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;background:var(--image-social-links) no-repeat 0 -256px;}
.type-13 li a:hover.mail{background-position:0 -288px;}
.type-13 li a.pinterest{display:inline-block;width:32px;height:32px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;background:var(--image-social-links) no-repeat 0 -320px;}
.type-13 li a:hover.pinterest{background-position:0 -352px;}
.type-13 li a.wykop{display:inline-block;width:32px;height:32px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;background:var(--image-social-links) no-repeat 0 -448px;}
.type-13 li a:hover.wykop{background-position:0 -480px;}
#content .type-13 img{box-shadow:none;}
@media screen and (max-width:460px){
  .type-13{width:98%;}
}

/* Display option: NOTICES */
.widget.type-10{width:auto;}
aside.widget.type-10{display:none;padding:7px 0;background:var(--color-white);font-size:1rem;}
.widget.type-10 .close a{background:var(--color-primary);color:var(--color-back);font-size:1rem;border-radius:5px;padding:.5em 1.25em .6em;text-decoration:none;font-weight:700;}
.widget.type-10 .close a:hover{background:var(--color-secondary);color:var(--color-dark);}
.widget.type-10 .head{margin-bottom:7px;font-size:1.25rem;font-weight:700;}
.widget.type-10.location-0, .widget.type-10.location-2{position:fixed;z-index:2;width:100%;background-color:var(--color-back);}
.widget.type-10.location-0{width:200px;left:0px;bottom:0px;padding:10px;border:1px solid #dfdfdf;z-index:1000;}
.widget.type-10.location-2 div{display:inline-block;margin-right:4px;}
.widget.type-10.location-2 .head{margin-right:10px;font-weight:400;}
.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:var(--color-back);border:5px solid var(--color-back);border-radius:30px;}
.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:1em auto;text-align:center;}
.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: 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;text-align:center;text-decoration:none;transition:1s;opacity:0.8;font-family:'Open Sans', sans-serif;font-weight:400;}
.back-to-top-widget a:hover{opacity:1;}
.back-to-top-widget a:before{content:'';display:block;width:70px;height:70px;background:var(--color-primary) var(--image-back-to-top) no-repeat center center;border-radius:50%;}
.back-to-top-widget a:hover:before{background-color:var(--color-primary);text-decoration:none;}
.back-to-top-widget div.head{display:none;}
@media screen and (min-width:1280px){
  .back-to-top-widget{right:1.5%;}
  .back-to-top-widget a{opacity:0.8;}
  .back-to-top-widget div.head{display:inline-block;color:var(--color-primary);font-size:1rem;transition:1s;}
}