/**********************************************************************************

	put here your custom CSS code to modify the design of IceTheme template
	
	* We strongly reccommend you to not edit other CSS or Less files as in 
	case you will update the template all your changes might be lost.	
	
**********************************************************************************/
#promo .moduletable.tile_homefeature, #columns .moduletable.tile_homefeature {
  height: 244px; 
  color: black !important;
  background : white !important;
  border: solid thin grey; 
  padding-bottom: 2px;
  overflow: hidden;
}
/* .moduletable.tile_homefeature a { color: #225baa !important; }  */

/* Make BT slider look like tiles */
.moduletable.tile_slider > h3 {
  margin-bottom: 0px !important;
}
.tile_slider .bt-row {
  padding-top: 0px;
}
.tile_slider .bt-inner .bt-category { 
  font-size: 18px; 
  line-height: 24px;
  font-weight: normal;  
}
.tile_slider .bt-inner .bt-title { 
  font-size: 24px; 
  line-height: 30px;
  font-weight: normal;  
  color: #5990de;
  text-transform: none;
}
/* centre header (article title) but not intro text */
.tile_slider .bt-inner {
  text-align: center;
} 
.tile_slider .bt-inner img {
  margin-right: 10px !important;
}
.tile_slider .bt-inner .bt-introtext {
  text-align: left;
}
/*
.tile_slider .bt-inner p.readmore a {
	display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}
*/
.tile_slider .bt-inner p.readmore a:after {
    content: ">>"; 
    padding-left: 5px;
}
.tile_slider .bt-inner .bt-introtext p {
  margin-bottom: 5px;
}
/* Undo "Content title" styling 
.tile_slider .bt-cs h3 { 
  background-image: none;
  border: none;
  text-transform: none; 
  padding-top: 8px;
} */
.tile_slider .bt-cs .slides_container {
  border: none !important;
  padding-top: 0 !important; 
}

/* Sillitoe tartan */
#header {
    width: 100%; height: 44px;
  /* http://lea.verou.me/2011/02/checkerboard-pattern-with-css3/ */
	background: white;
	
    background-image:
      -moz-linear-gradient(45deg,darkblue 25%, transparent 25%), 
      -moz-linear-gradient(-45deg, darkblue 25%, transparent 25%),
      -moz-linear-gradient(45deg, transparent 75%, darkblue 75%),
      -moz-linear-gradient(-45deg, transparent 75%, darkblue 75%);
   /* background-image: IE??
      linear-gradient(45deg,darkblue 25%, transparent 25%), 
      linear-gradient(-45deg, darkblue 25%, transparent 25%),
      linear-gradient(45deg, transparent 75%, darkblue 75%),
      linear-gradient(-45deg, transparent 75%, darkblue 75%);  */
    background-image:
      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, darkblue), color-stop(.25, transparent)), 
      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, darkblue), color-stop(.25, transparent)),
      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, darkblue)),
      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, darkblue)); 

    -moz-background-size:30px 30px;
    background-size:30px 30px;
    -webkit-background-size:30px 31px; /* override value for shitty webkit */
    
    background-position:0 0, 15px 0, 15px -15px, 0px 15px; 
}

/* ICE MEGA MENU */
/* nothing on top of menu when opened using "collapse" button */
#search .mod-languages .chzn-single { position: relative; z-index: 998 !important; } 
.icemegamenu  						{ position: relative; z-index: 998 !important; }
#logo 								{ position: relative; z-index: 999 !important; }

/* make embedded modules (e.g. category list) look like other menu items */
.icemega_cover_module { 
  background-color: rgb(48,100,202) !important; 
  padding: 0 !important; 
  padding-left: 4px !important; 
}
.icemega_modulewrap a { 
  color: white !important; 
  text-decoration: none;
  line-height: 30px;
}
.icemega_modulewrap a:hover {
  color: #ffff00 !important;
}
.icemega_modulewrap li { 
  border-bottom: 1px dotted rgba(255,255,255, .2) !important;
}

/* WEB LINKS */
.weblink-category li {
  float: left;
  width: 280px;
  min-height: 240px;
  margin-left: 5px;
  margin-right: 5px;
}
.weblink-category:after {
  content: "";
  display: table;
  clear: both;
}
.weblink-category ul.category {
  list-style-type: none;
  margin: 0px;
}
.weblink-category .list-title {
  border: thin solid;
  padding: 10px;
  margin-bottom: 10px;
  background: white;
  text-align: center;
  font-size: 20px;
}
.weblink-category div[class^="img-intro"] img {
    display: block;
    margin: 0 auto;
}
.weblink-category li p {
  text-align: center;
}
/* SEARCH RESULTS */
/* hide Search Only Categories Contacts etc section from search results page */
#searchForm .only { display: none; }

/* TAGS - TAGGED ITEMS */
.tag-category > h2 { margin-bottom: 20px; }
/* .tag-category ul.category li { list-style-type: none; } */
.tag-category ul.category li h3 { font-size: 14px; line-height: 20px; margin: 0px; }
/* also clearfix removed from components\com_tags\views\tag\tmpl\default_items.php */

/* CoalaWeb Social Links */
.cw-social-mod-follow { 
  margin-top: -20px;
  margin-bottom: 0px;
  border: none !important;
}

/* MODULES with type ARTICLES - CATEGORY */
a.mod-articles-category-title 		 { color: white !important; }
a.mod-articles-category-title.active { color: yellow !important; }
a.mod-articles-category-title:hover  { color: yellow !important; text-decoration: none; } 
.category-module ul.tags { margin-top: 0px; margin-bottom: 0px; }

#columns .tile_facebook { padding: 0px; /* margin-top: -25px; */ }

#promo .moduletable
{
  padding: 10px;
  margin-bottom: 20px;
}

/* PHOCA DOWNLOAD */
/* categories list - don't show "No subcategories" */
#phoca-dl-categories-box .pd-no-subcat {display: none; }
/* avoid overlap with image in articles */
div[class^="phocadownloadfile"], div[class^="phocadownloadpreview"], div[class^="phocadownloadcategory"]{ 
  float: left; 
  margin-right: 20px;
}
#phoca-dl-category-box .pd-subcategory > small {
  display: none;
}

/* CONTACTS */
/* .contact-category li div { float: left; } */
.contact-category .category li { 
/*  max-width: 480px; */
  border: solid thin; 
  padding: 10px;
  background: white;
}
/* .contact-category li .list-title { width: 250px; } */

/* .contact-category .category-desc img { width: 100px; } */
/* hide bullets, disable link to ugly individual contact page with no extra info (but not email link) 
   and tidy up format */
.contact-category h1					{ margin-left: 25px; }
.contact-category ul.category	 		{ margin-left: 0px; margin-right: 20px; }
.contact-category ul.category li 		{ list-style-type: none; margin-bottom: 15px; } 
.contact-category ul.category li a      { pointer-events: none; font-size: 16px; color: black; font-weight: bold; }
.contact-category ul.category li img    { display: block; margin-left: auto; margin-right: auto}
.contact-category ul.category span a 	{ pointer-events: auto; font-size: 14px; color: blue;  }
/* .contact-category img.contact-thumbnail { max-height: 50px; } */

.contact-category .con-address { white-space: pre-line; }
/* .contact-category .category .list-title { white-space: pre-line; }
.contact-category .category .list-title a { white-space: normal; } */

.contact-category .cat-children { margin-bottom: 30px; }
/* .contact-category .cat-children ul { margin-left: 35px; list-style-type: none; }  */
.contact-category .cat-children h3 { display: none; }

/* MODULES with type MENU */ 
.moduletable ul.nav.menu li.parent {
	text-transform: uppercase;
}
.moduletable ul.nav.menu li li {
  text-transform: none;
  padding: 0 0 0 15px;
  margin: 0 5px;
  background-image: url(../html/mod_icemegamenu/images/point.png);
  background-repeat: no-repeat;
  background-position: 0 3px; 
}
.moduletable ul.nav.menu li a {
  color: white;
  text-decoration: none;
  display: inline; /* for subtitle*/
}
.moduletable ul.nav.menu li a:hover,
.moduletable ul.nav.menu li a:focus {
  background-color: transparent;
  color: yellow;
}
.moduletable ul.nav.menu li.current > a {
  color: yellow;
}
/* subtitle */
.moduletable ul.nav.menu li {
   overflow:hidden;
}
.moduletable ul.nav.menu li a {
  display: inline; 
}
.moduletable ul.nav.menu li span.icemega_desc {
  display: inline;
  float: right;
  font-size: 12px;
  font-family:Verdana, Geneva, sans-serif;
  padding:0;
  color:rgba(255,255,255,.6)!important;
  text-shadow:none!important
}

@media (max-width: 767px) {
  #footermods .span3 {
    width: 50%;
    float: left;
  }
}

/* .blog .category-desc { border-bottom: solid thick darkgrey; } */

/* LANGUAGE SWITCHER */
#header .mod-languages .chzn-container { margin-left: 30px;  margin-top: 10px; }
#search .mod-languages .chzn-container { width: 180px !important; text-align: center; }
#main .mod-languages .chzn-container { float: right; margin-top: -25px;  }
@media (min-width: 768px) and (max-width: 979px) {
  #right-col .search-query { width: 118px }
  #right-col .mod-languages .chzn-container { width: 160px !important }
}

/* SEARCH BOX (not Smart) */
#search { margin-top: 0px; }
#search .chzn-single { border: solid 2px black; }
@media (max-width: 1200px) {
  #search { 
     position: absolute; 
     right: 0px; 
     top: 0px;
  }
}
@media (max-width: 979px) {
  #search { 
     position: absolute; 
     right: 50px; 
     top: 0px;
  }
}

/* TOP SECTION */
#top div.custom {
  float: left;
}
@media (max-width: 645px) {
  #top div.custom { 
    display: none;
  }
}
#top .mod-languages select {
  width: 100px;
}
#top form {  /* lang & search & */
  float: right;
  margin-top: 22px;
  margin-bottom: 10px;
}
.cw-sl-width-100 { /* social links */
  float: right;
  width: auto; 
  margin-top: 14px;
}

/* margin around full text images */
.item-page .item-image.pull-left {
	margin: 0 20px 20px 0;  
}
.item-page .item-image.pull-right {
	margin: 0 0 20px 20px;  
}
.item-page .item-image.pull-none {
	margin: 0 0 10px 0;  
}
/* MODULES with type WEB LINKS */
.moduletable .weblinks a:hover  { color: yellow !important; text-decoration: none; } 

/* overlap when there is no space on the right for the dropdown to appear */
#icemegamenu .ice_righttoleft {
	left: 50%!important;
	right:0;
}

/* CLEAN UP PAGE */
body { background-color: #15396a; }   /*  90% of #5990de or  #1a3867*/
#header { margin-top: 0px;  margin-bottom: 15px; }  /* bottom default 45px */
#main { padding: 20px 20px 0px 20px; background-color: #f0f0f0 ; } 
#columns { padding-top: 0px; }
#content .item-page { margin-bottom: 20px; }
/* #promo { padding-bottom: 15px; } */

/* remove horizontal line at bottom of main section */ 
#main hr { display: none; }
/* but not elsewhere in main */
#promo hr, #columns hr { display: block; }

#footer { 
  padding-top: 0px; /* default 45px; */
  padding-bottom: 0px;
}
#footermods .moduletable.tile_footer { margin: 0 -20px -20px -20px; }
#footer hr { border-top-width: 0px !important; }
#copyright { line-height: 10px; }
#bottom {
  margin-top: 20px;
}

ul.nav.menu { margin: 0; }
.moduletable > h3 { line-height: 32px; }
/* .icemegamenu > ul { margin-top: 0 }   for narrow screen, put expanded menu right at top */

/* LOGO IN TEMPLATE */ 
/* square logo - remove unwanted white space either side of logo */
#logo { 
  display: none;
  padding: 0 5px 5px 5px; /* T R B L */
  margin-top: -15px;
  background: #15396a; */
}
@media (max-width: 480px) {	
	#header #logo {
		width:80px;
		float:left}
}

.icemegamenu > ul > li { 
  background:#5990DE;
  margin-right: 0px;
}
      
/* SEBLOD SEARCH FORM */
div.cck_page_desc { margin-bottom: 0px; }
div.cck_page_search { margin-top: 30px; }

/* override bootstrap lines 1106/1199 - width 206/220px too wide for search form columns */
.cck_page_search input  { width: 181px; }
.cck_page_search select { width: 195px; } 

/* SEBLOD CALENDAR */
/* bootstrap-responsive forces calendar input box wider (auto) at line 879 */

/* NARROW SCREEN */
@media (max-width: 767px) {
  #top    { margin-left: -20px; margin-right: -20px; }  
  #bottom { margin-left: -20px; margin-right: -20px; }
   .tile_hidewhennarrow {
    display: none;
  }
}

/* MARKETING AREA */
/* no border, padding or star images in marketing area (footer) */

#marketing_inside { background-image: none; }
#marketing_inside { padding : 0px; }
#marketing .container { background-image: none; }
#marketing { margin: 0px; padding-bottom: 0px; background: none; color: black;  text-align: left; }

/* TILES */

/* add tile_100 etc to Page Class for Menu item to set default tile size */
/* tile_ in Page Class causes middle column to be removed (in index.php) - so Page Class = tile_page will remove middle column without fixing height or colour */
/* add tile_100 etc to Module Class Suffix PRECEDED BY A SPACE to set size for individual modules */
/* for Custom Modules, put 
		<p style="min-height: XXXpx; background-color: white; margin: 0px; padding-left: 10px;"> </p> 
around content for box with white background - where XXX is as below */

body.tile_100 .moduletable,  .moduletable.tile_100 { min-height: 102px; }	/* XXX = 58px */
body.tile_200 .moduletable,  .moduletable.tile_200 { min-height: 244px; }	/* XXX = 200px */
body.tile_300 .moduletable,  .moduletable.tile_300 { min-height: 386px; }	/* XXX = 342px */
body.tile_400 .moduletable,  .moduletable.tile_400 { min-height: 528px; }	/* XXX = 484x */

/* to override body (Page Class) height and allow module to have automatic size add title_auto to Module Class Suffix PRECEDED BY A SPACE */
.moduletable.tile_auto { height: auto !important; }

/* add tile_grey etc to Page Class for Menu item to set default tile colour */
body.tile_grey 		#columns .moduletable 	{ background: grey }
body.tile_ivory     #columns .moduletable 	{ background: ivory }
body.tile_lightgrey #columns .moduletable 	{ background: lightgray }
body.tile_linen     #columns .moduletable 	{ background: linen }
body.tile_silver    #columns .moduletable 	{ background: silver }
body.tile_white     #columns .moduletable 	{ background: white }

/* add tile_red etc to Module Class Suffix PRECEDED BY A SPACE to change color for individual modules */
.tile_clear			    { background : none 			!important; }  
.tile_azure 	 		{ background : azure 			!important; }  
.tile_black 	 		{ background : black 			!important; }
.tile_blue	 			{ background : blue 			!important; }
.tile_crimson	 		{ background : crimson 			!important; }
.tile_darkblue			{ background : darkblue 		!important; }
.tile_darkgrey	 		{ background : darkgray			!important; }
.tile_darkred	 		{ background : darkred 			!important; }
.tile_darkslateblue 	{ background : darkslateblue 	!important; }
.tile_deepskyblue 		{ background : deepskyblue 		!important; }
.tile_gainsboro	 	  	{ background : gainsboro		!important; }
.tile_grey	 	  		{ background : grey 			!important; }
.tile_lightblue  		{ background : #d4e3f7			!important; }
.tile_lightgrey  		{ background : lightgray 		!important; } 
.tile_lightred  		{ background : rgb(255,215,215)	!important; } 
.tile_lightsteelblue 	{ background : lightsteelblue 	!important; }
.tile_lightyellow	  	{ background : lightyellow		!important; }
.tile_midnightblue 		{ background : midnightblue 	!important; }
.tile_powderblue  		{ background : powderblue 		!important; }
.tile_red	 	  		{ background : red 				!important; }
.tile_skyblue 	  		{ background : skyblue 			!important; }
.tile_silver	  		{ background : silver 			!important; }
.tile_white		 		{ background : white	 		!important; }
.tile_whitesmoke 		{ background : whitesmoke 		!important; }
.tile_yellow	  		{ background : yellow 			!important; }

.moduletable.tile_border, 		#bottom .tile_border 		{ border: solid thin black; }
.moduletable.tile_whiteborder, 	#bottom .tile_whiteborder	{ border: solid thin white; }
.moduletable.tile_yellowborder, #bottom .tile_yellowborder 	{ border: solid thin black; outline: solid thick yellow; }
.moduletable.tile_blueborder, 	#bottom .tile_blueborder 	{ border: solid thick blue; }
.moduletable.tile_redborder, 	#bottom .tile_redborder 	{ border: solid thick red; }

/* for light colours, to change header text to black add tile_blacktext to Header Class */
/* and/or add to Module Class Suffix */
/* also blue links on blue modules (e.g. Newsflash) hard to see */
.tile_blacktext { color: black !important; }
.tile_whitetext { color: white !important; }
.tile_redtext   { color: red   !important; }

.tile_nomargin { margin: 0px; }
.tile_centred { float: none; margin: 0 auto; }

.moduletable.tile_blacklinks a { color: black !important; }
.moduletable.tile_whitelinks a { color: white !important; }
.moduletable.tile_redlinks   a { color: red   !important; }

/* shadowed link changing to yellow on hover */
a.tile_yellowhover, .tile_yellowhover div.cj_tile_overlaid_text a {
  text-shadow: 4px 4px 4px black !important;
}
a.tile_yellowhover:hover, .tile_yellowhover div.cj_tile_overlaid_text a:hover { 
  color: yellow !important; 
  text-shadow: 3px 3px 3px black !important;
  text-decoration: none;
}

/* Font Awesome  - set height & centre icon & heading */
.tile_fa {
  font-size: 125px;
  text-align: center;
  margin-bottom: 30px;
}
.tile_centretext {
  text-align: center;
}

.dj-megamenu-default li a.dj-up_a span {
    line-height: 48px;
    height: 48px;
}