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

.widgets-1 > ul > li{float:left;margin:10px 0;color:#fff;}

.widgets-1 div.head{margin-bottom:10px;text-align:center;font-size:1em;color:#cc1426;}

.widgets-2 > ul, .widgets-2 > ul > li, .widgets-3 > ul, .widgets-3 > ul > li, #content .widget{padding:10px 1%;}

.widget div.head{margin-bottom:10px;text-align:left;font-size:1.25em;font-weight: 400;text-transform:uppercase;color:#7b7b7b;}

.widgets-1 > ul, .widgets-2 > ul, .widgets-3 > ul, .widgets-4 > ul{float:left;width:100%;list-style:none;}

.widget > div.description{padding-bottom:5px;}

.widget ul{list-style:none;}

.widget{width:48%;}

.widget.third-size{width:31.3%;}

.widget.half-size{width:48%;}

.widget.full-size{width:98%;}



.widgets-3{background:#131313;color:#7b7b7b;float:left;width:100%;}

.widgets-3 > ul{width:1200px;margin:20px auto;display:block;float:none;text-align:left;line-height:1.5em;overflow:hidden;}

.widgets-3 > ul > li{width:23%;margin:10px 0;}

.widgets-3 a{color:#7b7b7b;}

.widgets-3 a:hover{color:#fff;}



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

  .widgets-3 > ul{width:100%;}

}



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

  .widgets-3 > ul > li{width:100%;text-align: center;}

  .widget div.head{text-align:center;}

}



/* TYPE: HEADER|FOOTER - GLOBAL */

.widgets-2 > ul > li, .widgets-3 > ul > li{float:left;margin:10px 1%;}



/* INSIDE PAGE CONTENT - GLOBAL */

#content .widget{float:left;margin:10px 1%;}



/* Display option: CONTENT */

#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 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, .widget.type-6{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;}

.widget.type-4 .level-0-el{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:#cc1426;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-list.no-type p{font-size:0.875em;}

#content #page div.content .pages-list.no-type{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;}



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

}



/* RESPONSIVE WEB DESIGN - media queries */

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

  .widget[class*='type-']{width:98%;}

}



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

  .widgets-1{width:1200px;}

}



/* PLUGINS */