/* 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){
  .widget{flex:0 0 48%;}
  .widget.third-size{flex:0 0 31%;}
  .widget.half-size{flex:0 0 48%;}
.widget.size75{flex:0 0 74%;}
  .widget.full-size{flex:0 0 100%;}
}

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


.widgets-4{margin:30px auto;width:100%;}
.widgets-4 .head{padding-top:1em;border-top:1px solid var(--color-white);text-align:left;color:var(--color-white)}
.widgets-4 ul li{padding:10px 30px;}
/* 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 */

.widgets-2{margin:30px auto;}


.widget.type-2{height:auto}


.widget.type-2 img{float:left;}
.widget.type-2 img:hover{opacity:0.8;}
.widget.type-2 div.description{margin-top:0.3em;text-align:justify;padding:30px;color:#fff;line-height:1.5em;}
#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;}

.light-blue{background:var(--color-secondary);}
.dark-blue{background:var(--color-primary);}
.widget.type-2{width:100%;overflow:hidden}


.half-left .image, .half-right .image{float:left;width:100%;overflow:hidden}
.half-left  div.description, .half-right  div.description{margin-top:0.3em;text-align:justify;float:left;width:100%;}



.half-left .image img, .half-right .image img{width:100%;height:auto;}

.widget.type-2 .more{padding:0 30px;}
.widget.type-2 .more:after{font-family:'FontAwesome';content:"\f105";color:#fff;margin-left:20px;}
.widget.type-2 .more a{color:#fff;}

.widget.type-2 h3 a{font-size:1.5em;color:#fff;text-decoration:none;}
.widget.type-2 h3 a:hover{color:var(--color-primary)}

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

.half-left .image{float:left;width:50%;overflow:hidden}
.half-left .image img{width:160%;height:auto;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}
.half-left  div.description{margin-top:0.3em;text-align:justify;float:left;width:50%;}

.half-right .image{float:right;width:50%;overflow:hidden}
.half-right .image img{width:160%;height:auto;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}
.half-right  div.description{margin-top:0.3em;text-align:justify;float:left;width:50%;}
}
@media screen and (min-width:1200px){
.half-left .image img, .half-right .image img{width:110%;height:auto;}

}


.row{    display:flex;flex-flow:column;width:100%;height:auto;}
.col25{flex:0 0 100%}
.col25:after{content:"";flex-basis:100%;}
.col33{flex:0 0 32%;}
.col33:after{content:"";flex-basis:32%;}

.col50-2{flex:0 0 46%;width:46%;margin:2%;}



 .col50{flex:0 0 49%;}
  .col50:after{content:"";flex-basis:49%;}

 .col100 p{padding-bottom:10px;}
 .col100 ul{margin-left:20px;margin-bottom:20px;}
@media screen and (min-width:900px){
.col25{flex:0 0 24%}
.row{  flex-flow:row;display:-webkit-flex;
    display:flex;
    flex-wrap: nowrap;width:100%;height:auto;}
}




.patners img{width:70%;height:auto;margin:0 15%;}

.kontakt-box{border:1px solid #999;padding:30px;}
.kontakt-box  img{width:70%;height:auto;margin:0 15%;}

h2.m30{text-align:center;}
.m30{margin:30px auto;}
.mb30{margin-bottom:30px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.p20{padding:20px;}
.reasons-box {background:url('img/pasek.jpg') left 45px repeat-x;}
.reasons-box hr {display:none;}
.reason-nr { width:140px;height:140px;padding:0;margin:30px auto; border:6px solid var(--color-secondary);
text-align:center;line-height:128px;vertical-align:middle;border-radius:140px; background:#FFF;font-weight:900;
font-size:72px;color:var(--color-secondary);margin-bottom:33px; }

.reason-content h3 {font-size: 18px; color:#3bb3a8;font-weight:bold;margin:30px auto;}
.reason-content .motto {margin-bottom:36px;font-size:18px;font-weight:300;font-style:italic;line-height:1.1;}


/* 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;justify-content:start;}
.widget.type-4 li{padding:.5em 1em;font-size:.875rem;text-align:left;}
.widget.type-4 li:before{content:'-';margin:0 .5em;font-size:0.824em;color:var(--color-white);}
.widget.type-4 li a{color:var(--color-white);text-decoration: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 */

.widgets-2 .head{padding-top:1em;;text-align:center;color:var(--color-black);font-weight:700;font-size:1.5em;}


.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;}

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

/* PLUGINS */

/* 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:#0070b8;}
.widget.type-24 p{line-height:1.4375rem;}

/* Display option: SOCIAL LINKS */
.type-13 ul{display:inline-block;list-style:none;text-align:left;}
.type-13 li{display:inline-block;margin:0 8px;vertical-align:middle;}
.type-13 div.head{text-align:left;font-weight:700;color:#000;}
#content .type-13 img{box-shadow:none;}

/* 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-dark);}
.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%;font-size:1.25em;text-transform:uppercase;color:var(--color-secondary);text-align:center;}
.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: 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.3;}
.back-to-top-widget a:hover{opacity:1;}
.back-to-top-widget a:before{content:'';display:block;width:45px;height:45px;background:#607380 url('img/back_to_top.png') no-repeat center;border-radius:50%;}
.back-to-top-widget a:hover:before{background-color:var(--color-primary);}
.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.6;}
  .back-to-top-widget div.head{display:inline-block;color:#666;font-size:.75rem;transition:1s;}
}