/* 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 31%;}
  .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:1rem 0;padding:1rem 0;border-top:0px solid var(--color-grey);}
#content .widget{clear:both;margin:1rem 0;} /* inside page content */


/* DISPLAY TYPES */

/* Display option: CONTENT */
.widget.type-1{background:#008391;padding:0.5em;color:#004951 }
.widget.type-1 .head {color:#fff;background:#008391; padding:3px}
.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;}
.widget.type-1 a{color:#004951 ;border-bottom:1px dotted #004951 }
.widget.type-1 a:hover{color:#444;border-bottom:1px dotted #444}


/* 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{background:#0085CD;padding:0.5em;color:#FFF}*/
.widget.type-2{background:#008391;padding:0.5em;color:#fff}
.widget.type-2 .head {color:#fff;}
.widget.type-2 img{margin:0 auto;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{clear:left;border:1px solid var(--color-divider);border-width:5px 0 1px;}
/*.widget.type-2 .more{display:block;padding-top:0.3em;}*/
.widget.type-2 .more{float:right;padding-top:0.3em;padding-right:1em;}
.widget.type-2 a{color:#fff;border-bottom:1px dotted #fff}
.widget.type-2 a:hover{color:#444;border-bottom:1px dotted #444}

/* 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:row wrap;justify-content:center;}
.widget.type-4 li{padding:.5em .5em;font-size:.875rem;}
.widget.type-4 li:before, .widget.type-4 li:after{content:'-';margin:0 .5em;font-size:0.824em;color:var(--color-divider);} */

.widget.type-4 li{padding:.2rem 0 .2em .5em;font-size:.875rem}
.widget.type-4 li:before{content:'>';margin:0 0.3em 0 -1.1em;font-size:1em;color:var(--color-secondary);font-weight:bold;}
.widget.type-4 a{text-decoration:none;}
widget.type-4 .selected[class*="-el"] > a, .widget.type-4 .selected-parent[class*="-el"] > a{color:#c10000;}

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

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

/* PLUGINS */

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

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

@media screen and (min-width:800px){
  .widgets-5 aside.widget.type-19{z-index:50;position:fixed;top:153px;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;}
}

@media print{
  .widgets-5 .widget.type-19{display:none;}
}
/* left column mod
@media screen and (min-width:739px){

  .widgets-11{flex-basis:25%;padding-left:1.5%;}
  .widgets-11 > ul{list-style:none;}
  .widgets-11 > ul > li{margin:1rem 0;border-top:5px solid #e8eaee;}
}
.widgets-11 div.head{text-align:left;background:#C5037F; padding:5px 10px;color:#fff}
.widgets-11 .widget{flex-basis:100%;padding:1rem;background:#ABCC5C}
.widgets-11 .widget.type-4 ul{flex-direction:column;} 
.widgets-11 .widget a{color:#444;text-decoration:none;}
.widgets-11 .widget a:hover{color:#c10000;text-decoration:none;}
 */

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

}