/* 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:#1c954e;}
.widgets-2 > ul, .widgets-2 > ul > li, .widgets-3 > ul, .widgets-3 > ul > li{padding: 0;}
.widget div.head{margin-bottom:10px;text-align:center;font-size:1.25em;text-transform:uppercase;color:#1c954e;}
.widgets-1 > ul, .widgets-2 > ul, .widgets-3 > ul, .widgets-3 > ul ul, .widgets-4 > ul, .widget-id-4 ul{display:flex;flex-flow:row wrap;justify-content:space-around;list-style:none;padding: 64px 0 100px 0;}
.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%;}
}
.widgets-3 > ul .widget.type-1 ul li, .widget-id-4.widget.type-1 ul li {
    flex: 0 0 26%;
    margin: 15px 0;
    margin: 0 3%;
    text-align: center;
    position: relative;
}

.contact .widgets-2 > ul{display:table;line-height:0;width: 100%;padding: 0;margin: 0;flex-flow: inherit;justify-content: inherit;}

.widgets-3 > ul ul li img{position: absolute;left: 0;top: 0;}
.widgets-3 > ul ul li h2{/* float:left; */color: #fff;text-align: left;display: block;font-family: 'Poppins', sans-serif;line-height: 1.1em;text-transform: initial;padding-left: 88px;}
.widgets-3 > ul ul li h3{display: block;color: #26a65b;font-size: 1em;font-family: 'Oswald', sans-serif;line-height: 1.33em;text-transform: initial;font-weight: normal;letter-spacing: 1px;padding-top: 6px;padding-left: 88px;text-align: left;}

.animate .widgets-3 > ul ul li:nth-child(1) img{animation-name: fadeInLeft;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both;}
.animate .widgets-3 > ul ul li:nth-child(2) img{animation-name: fadeInDown;transform-origin: center bottom;animation-duration:2.8s;animation-fill-mode: both;}
.animate .widgets-3 > ul ul li:nth-child(3) img{animation-name: fadeInUp;transform-origin: center bottom;animation-duration:3.8s;animation-fill-mode: both;}
.animate .widgets-3 > ul ul li:nth-child(1) h3{animation-name: fadeInRight;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both;}
.animate .widgets-3 > ul ul li:nth-child(2) h3{animation-name: fadeInUp;transform-origin: center bottom;animation-duration:2.8s;animation-fill-mode: both;}
.animate .widgets-3 > ul ul li:nth-child(3) h3{animation-name: fadeInRight;transform-origin: center bottom;animation-duration:3.8s;animation-fill-mode: both;}



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

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

/* Display option: CONTENT */
.widget.type-1 ul, .widget.type-1 ol{padding: 0;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{border:1px solid #e8eaee;border-top-width:5px;}
.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{background:url('img/list.png') no-repeat 0px 8px;font-size:1.188em;}
.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:#1c954e;font-weight:bold;}
#content .widget.type-4{border:1px solid #e8eaee;border-top-width:5px;}

/* 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: 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:#1c954e;color:#fff;}
.widget.type-10 .close a:hover{background:#000;}
.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: 10001;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: GOOGLE MAPS */
.widget.type-14{width: 100%;border:0;}
#content .widget.type-14{width:48%;}
.widget.type-14 div.head{text-align:left;text-transform:none;}
.widget.type-14 iframe{width:100%;min-height:350px;}

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

@media screen and (max-width:700px){ 
   .widget.type-10.location-3{width:100%;left:0;right:0;margin:0 auto;padding:10px;top: 3%;}
	 .widget.type-10.location-3 img{width:100%}
}