@charset "UTF-8";

body, 
body a,
body .main .bgcolour-light,
body .main .bgcolour-light a[href]{
 color: #222
}
body .main .bgcolour-dark, 
body .main .bgcolour-dark a[href]{
 color: #fff
}

.ui-frame-header a[href], .ui-frame-sidebar a[href]{
 text-decoration: none 
}

/*
 Images
 */

picture.img-contain{
 background-color: #f4f4f4
}

/*
 Modal
 */

.jquery-helpers-modal>a.cross:before,
.jquery-helpers-modal>a.cross:after{
 background-color: #FFF;
}

/*
 Alert
 */

.jquery-helpers-alert{
 background-color: #FFF;
 border-radius: 10px;
 box-shadow: 0 2px 10px 0 #0003
}
.jquery-helpers-alert .header{
 font-size: 1.25rem;
 font-weight: 700;
 border-bottom: solid #d9dadc 1px;
 border-radius: 10px 10px 0 0;
}
.jquery-helpers-alert.fixed-bottom,
.jquery-helpers-alert.fixed-bottom .header{
 border-radius: 0
}
.jquery-helpers-alert .header p+p{
 font-size: 0.875rem;
 font-weight: 400;
}
.jquery-helpers-alert .message{
 font-size: 1rem
}
.jquery-helpers-alert .ajaxbox{
 box-shadow: inset 0 1px 5px 0 #0003
}

/*
 Alert cookie policy
 */
 
.jquery-helpers-alert.cookie-policy{
 background-color: #f4f4f4 
}
.jquery-helpers-alert.cookie-policy .controls .btn{
 min-width: 140px
}



/*
 header
 */

.ui-group-header{
 background-color: transparent
}

@media ( max-width: 1199px ){
	
 .ui-frame-mainmenu.ui-group-header{
  background-color: #444
 }
 
}

.ui-frame-header-line{
 background-color: #d9dadc
}
.ui-frame-header .header .logo>svg>path.svg-path-1{
 fill: #000000
} 
.ui-frame-header .header .logo>svg>.svg-path-2{
 fill: #c6000a
}

.hamburger span, .hamburger span:before, .hamburger span:after{
 background-color: #444
}

.ui-frame-header .header .search-box{
 background-color: #d29556
}
.ui-frame-header .header .search-box input[type="text"]{
 border-color: #fff; 
 background-color: #fff
}
.ui-frame-header .header .search-box button{ 
 background-color: transparent;
 background-image: url( "../images/mag-daddy.png" );
 background-size: 20px 20px; 
 background-repeat: no-repeat; 
 background-position: center
}

/*
 mainmenu
 */
 
.ui-frame-mainmenu a.mainmenu-toggle.cross:before,
.ui-frame-mainmenu a.mainmenu-toggle.cross:after{
 background-color: #FFF
}
 
@media ( max-width: 1199px ){
 
 .ui-frame-mainmenu{
  padding-right: 5px;
  border-right: 0
 }
 .ui-frame-mainmenu ul.primary-menu li li+li{
  margin-top: 5px
 }
 .ui-frame-mainmenu ul.primary-menu>li>a{
  padding: 7px 3px;
  min-height: 36px
 }
 .ui-frame-mainmenu ul.primary-menu a{
  border-radius: 4px
 }
 .ui-frame-mainmenu ul.primary-menu li, 
 .ui-frame-mainmenu ul.primary-menu li a[href]{
  color: #FFF
 }
 .ui-frame-mainmenu ul.primary-menu div.submenu-wrap{
  background-color: #ffffff10
 }	
 .ui-frame-mainmenu ul.primary-menu div.submenu-wrap.l2-submenu-wrap{
  border-radius: 0 4px 4px 0
 }
 .ui-frame-mainmenu ul.primary-menu li.menu-item-has-children a>span{
  background-color: #ffffff10
 }
 .ui-frame-mainmenu ul.primary-menu li.menu-item-has-children>a>span:before{
  border-color: #fff
 }
 .ui-frame-mainmenu ul.primary-menu>li>a{
  background-color: transparent
 }
 .ui-frame-mainmenu ul.primary-menu>li.active>a, .ui-frame-sidebar ul.primary-menu>li.submenu-open>a{
  background-color: #ffffff10
 }

 /*
  Sidebar scrollbar
  */

 .ui-frame-container.fixed-sidebar .ui-frame-mainmenu .mainmenu__outer{ /* Firefox */
  scrollbar-width: thin;
  scrollbar-gutter: auto;
  scrollbar-color: #f8f2ec transparent
 }
 .ui-frame-container.fixed-sidebar .ui-frame-mainmenu .mainmenu__outer::-webkit-scrollbar{ /* Chrome, Edge, and Safari */
  width: 8px;
 }
 .ui-frame-container.fixed-sidebar .ui-frame-mainmenu .mainmenu__outer::-webkit-scrollbar-track{
  background-color: transparent
 }
 .ui-frame-container.fixed-sidebar .ui-frame-mainmenu .mainmenu__outer::-webkit-scrollbar-thumb{
  background-color: #f8f2ec;
  border-radius: 6px
 }
 

}

@media ( min-width: 1200px ){
	
 .ui-frame-mainmenu ul.primary-menu li, 
 .ui-frame-mainmenu ul.primary-menu li a[href]{
  color: #222
 }
 .ui-frame-mainmenu ul.primary-menu li li, 
 .ui-frame-mainmenu ul.primary-menu li li a[href]{
  color: #FFF
 }
 .ui-frame-mainmenu ul.primary-menu>li.no-children{
  border-bottom-color: #f1f1f1 
 }
 .ui-frame-mainmenu ul.primary-menu>li.no-children:hover{
  border-bottom-color: #000
 }
 ul.primary-menu>li>div.submenu-wrap{
  border-top-color: #000
 }
 .ui-frame-mainmenu ul.primary-menu div.submenu-wrap{
  background-color: #444
 }
 .ui-frame-container.header-submenu-indicator .ui-frame-mainmenu ul.primary-menu li.menu-item-has-children>a>span:before{
  border-color: #222
 }
 .ui-frame-container.header-submenu-indicator .ui-frame-mainmenu ul.primary-menu li li.menu-item-has-children>a>span:before{
  border-color: #fff
 }
 
}

/*
 Pagelayout Sidemenu
 */
 
.pagelayout-sidemenu>.sidemenu>.outer>.inner{
 background-color: #f4f4f4	
}
.pagelayout-sidemenu>.sidemenu ul li+li{
 border-top: solid #f1f1f1 1px	
}
.pagelayout-sidemenu>.sidemenu ul li.active>a{
 text-decoration: underline
}
.pagelayout-sidemenu>.sidemenu li.level-1>a,
.pagelayout-sidemenu>.sidemenu li.level-1>span{
 font-weight: 700;
 margin-bottom: 10px
}

/* 
 Tick, Cross, Arrow 
 */

a.arrow:before{ border: solid #000 0 }
a.arrow.lined:after{ background-color: #000 }

/*
 Carousel
 */
 
.carousel-- a.arrow:before{
 border-color: #fff
}
.carousel-- .pagination>ul>li>a:before{
 background-color: #fff; 
 border-color: #fff
}
.carousel-- .pagination>ul>li.active.focus>a:before{
 background-color: #222;
 border-color: #222
}


/*
 Form
 */

input, select, textarea{
 border-color: transparent;
 background-color: #fff;
 color: #222
}

button.btn, a.btn, span.btn{
 background-color: #444
}

/*
 Forms in pagelayout area
 */
 
.pagelayout input, 
.pagelayout select, 
.pagelayout textarea{
 border-color: #d9dadc;
}


/*
 Wys
 */
 
 
 
/*
 Footer
 */
 
.footer{
 background-color: transparent
}
.footer, .footer a{
 color: #222	
}
.footer .mailing-list{
 background-color: #f4f4f4
}
.footer .footer-menu{
 background-color: #444
}
.footer .footer-menu, .footer .footer-menu a{
 color: #fff	
}
.footer .mailing-list, .footer .mailing-list a{
 color: #222	
}

/*
 Development helpers
 */


.jquery-helpers-modal>a{
 border: dashed 1px #FFF 
}
.resources-- .category,
.file--{
 border: dashed 1px #444
}
.ui-group-header ul li{
 border-top: dashed 1px #444;
 border-left: dashed 1px #444
}
.ui-group-header ul:not( .primary-menu ) li{
 border-bottom: dashed 1px #444
}

@media ( max-width: 1199px ){

 .hamburger{
  border: dashed 1px #444
 }
 .ui-group-header .mainmenu ul li{
  border: dashed 1px #fff
 }
 .ui-group-header .mainmenu ul ul li{
  border-left: none;
  border-right: none
 }
 
}

@media ( min-width: 1200px ){

 .ui-group-header ul.primary-menu li.menu-item-has-children{
  border-bottom: dashed 1px #444
 }
 .ui-frame-container.header-grid-buttons ul li,
 .ui-group-header.ui-frame-header-side-last ul li:last-child,
 .ui-frame-container.header-layout-default .ui-group-header.ui-frame-header-side-first ul li:last-child,
 .ui-frame-container.header-layout-default .ui-group-header ul.primary-menu>li:last-child,
 .ui-frame-container.header-layout-logo-left-basic .ui-group-header ul.primary-menu>li:last-child,
 .ui-frame-container.header-layout-logo-left-basic .ui-frame-header.ui-group-header,
 .ui-frame-container.header-layout-left-all-menu-right-middle .ui-frame-header.ui-group-header{
  border-right: dashed 1px #444
 }	
 .ui-group-header ul.primary-menu ul li{
  border-color: #fff;
  border-bottom-width: 0 
 }
 .ui-group-header ul.primary-menu ul li:last-child{
  border-bottom-width: 1px 
 }
}