/* Quick.Cms.Ext v6.x slider stylesheet */
/* WIDGETS */
/* .widgets-1 ... - type: top header */
/* .widgets-2 ... - type: header below menu */
/* .widgets-3 ... - type: footer after content */
/* #content ... - type: inside page content */

/* GLOBAL */
.widgets-1{position:relative;width:1000px;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:#183d62;}
.widgets-2 > ul, .widgets-2 > ul > li, .widgets-3 > ul, .widgets-3 > ul > li, #content .widget{padding:10px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.widget div.head{margin-bottom:10px;text-align:center;font-size:1.25em;text-transform:uppercase;color:#183d62;}
.widgets-1 > ul, .widgets-2 > ul, .widgets-3 > ul{float:left;width:100%;list-style:none;}

/* TYPE: HEADER|FOOTER - GLOBAL */
.widgets-2 > ul, .widgets-3 > ul{float:left;width:100%;list-style:none;}
.widgets-2 > ul > li, .widgets-3 > ul > li{float:left;margin:10px 0 10px 3.5%;}

.widgets-2 > ul{background:#f5f5f5;}
.widgets-3 > ul{border-top:5px solid #183d62;background:#eeeeee;}

/* INSIDE PAGE CONTENT - GLOBAL */
#content .widget{float:left;margin:10px 1%;}

/* Display option: CONTENT */
.widget.type-1{width:29%;border:1px solid #c7c7c7; border-radius:10px; background:#f7f7f7; padding:10px;}
#content .widget.type-1{border:1px solid #e8eaee;border-top-width:5px;}
.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{width:31%;}
.widget.type-2 img{float:left;margin:4px 15px 7px 0;}
.widget.type-2 img:hover{opacity:0.8;}
.widget.type-2 div.name{font-size:1.188em;}
.widget.type-2 div.name a{text-decoration:none;}
.widget.type-2 time{display:block;padding-top:5px;color:#6e6e6e;}
.widget.type-2 div.description{margin-top:6px;font-size:0.875em;}
#content .widget.type-2{width:31.3%;border:1px solid #e8eaee;border-top-width:5px;}

/* Display option: SLIDER
   slider styles in style-slider.css file */
.widget.type-3, .widget.type-6{width:60%;padding-left:0;padding-right:0;}

/* Display option: MENU */
.widget.type-4{width:31%;}
.widget.type-4 nav ul{list-style:none;}
.widget.type-4 nav > ul > li{padding:4px 0 4px 22px;background:url('img/list.png') no-repeat 0px 8px;font-size:1.188em;}
.widget.type-4 nav > ul > li a{text-decoration:none;}
.widget.type-4 nav > ul > li ul{margin-left:3px;font-size:0.895em;}
.widget.type-4 nav > ul > li li{padding-top:2px;}
.widget.type-4 nav > ul > li li:before{content:'::';margin-right:7px;font-size:0.824em;color:#183d62;font-weight:bold;}
#content .widget.type-4{width:31.3%;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{width:48.25%;}
.widget.type-5 .pages-list p{font-size:0.875em;}
#content #page div.content .pages-list{padding:0;}
.widget.type-5 .pages-5 li{width:30%;margin:10px 1%;padding:10px 0.5%;border:0;text-align:center;}
.widget.type-5 .pages-5 li:nth-child(4n+1){clear:none;}
.widget.type-5 .pages-5 li:nth-child(3n+1){clear:left;}
.widget.type-5 .pages-5 .description{text-align:left;font-size:0.875em;}

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

/* RESPONSIVE WEB DESIGN - media queries */
  @media screen and (max-width:999px){
    .widget.type-2 img, .widget.type-5 img{max-width:95%;}
    .widget.type-5 .image{max-width:100%;}
	.widget.type-1{width:95%;}
    .widget.type-2{width:92%;}
  }
@media screen and (max-width:540px){
  .widget.type-2, .widget.type-3, .widget.type-4, .widget.type-5, .widget.type-6 {width:95%;}
  }
  @media screen and (max-width:340px){
    .widget.type-4{width:95%;}
  }

/* PLUGINS */
/* left column mod */ 
.widgets-2{float:left;width:22%;margin-top:5px;padding:0 1%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} 
.widgets-2 div.head{padding-bottom:6px;text-align:left;border-bottom:1px dotted #cc1426;} 
.widgets-2 .widget{width:100%;padding:10px 4%;background:#f1f2f4;border-top:none;} 
.widgets-2 .type-4 nav > ul > li{padding-bottom:6px;font-size:1.125em;} 
.widgets-2 .type-4 nav > ul > li li{padding-bottom:3px;}