/* weblinks categories module left marging */
/* added 16th Oct 2023 */
.xblinks .row {
  margin: 10px 0;
}
.xblinks .span4 {
  border: 1px solid green;
  border-radius: 4px;
  padding: 0 15px;
}
.navigation .nav > li:hover > ul.nav-child {
  display: none;
}
/* hide dropdown submenu on hover */
/** added 23rd March 2023 **/
.navigation .nav > li:hover > ul.nav-child {
  display: none;
}

/* for the article updates module */
/** added 22nd March 2023 **/
.xbartup li {
  padding-bottom:5px;
}
.xbartup .mod-articles-category-title {
  display:inline-block;
  min-width:160px;
  margin-right:20px;  
}
.xbartup span.mod-articles-category-category {
  display:inline-block;
  margin-right:30px;
}
/* CSS for hinting link destinations. NB domain is hard coded here */
/** Updated 16 Oct 2023 **/
a[href^="https://allouryesterdays.info"] {
  color:#d36383;
}
/* internal no target or target self -> no after */

/* internal target not _self -> arrow-in-box */
a[href]:not([href^="http"]):not([class="noafter"])[target]:not([target="_self"]):after,
a[href^="https://green-history.uk"]:not([class="noafter"])[target]:not([target="_self"]):after,
a[href^="https://www.green-history.uk"]:not([class="noafter"])[target]:not([target="_self"]):after,
a[href^="http://green-history.uk"]:not([class="noafter"])[target]:not([target="_self"]):after,
a[href^="http://www.green-history.uk"]:not([class="noafter"])[target]:not([target="_self"]):after
{
	font-family: "IcoMoon"; 
	content: " \e251";
}
/* external no target or target _self -> plain arrow */
a[href^="https"]:not([href^="https://www.green-history.uk"]):not([href^="https://green-history.uk"]):not([class="noafter"])[target][target="_self"]:after,
a[href^="https"]:not([href^="https://www.green-history.uk"]):not([href^="https://green-history.uk"]):not([class="noafter"]):not([target]):after,
a[href^="http://"]:not([href^="http://www.green-history.uk"]):not([href^="http://green-history.uk"]):not([class="noafter"])[target][target="_self"]:after,
a[href^="http://"]:not([href^="http://www.green-history.uk"]):not([href^="http://green-history.uk"]):not([class="noafter"]):not([target]):after
{
  content:" \2197";
}
/* external target not _self ->arrow-out-box */
a[href^="https"]:not([href^="https://www.green-history.uk"]):not([href^="https://green-history.uk"]):not([class="noafter"])[target]:not([target="_self"]):after,
a[href^="http://"]:not([href^="http://www.green-history.uk"]):not([href^="http://green-history.uk"]):not([class="noafter"])[target]:not([target="_self"]):after
{
	font-family: "IcoMoon"; 
	content: " \e024";
}

/* highlight current sub-menu item */
.nav-pills > .current > a {
	background: #086c02;
	color: #fff;
}
.xbsubmenu {background-color:#f0fffc;}
.xbsubsubmenu {background-color:#e0fff4;}
.user-menu a {color:blue;}
.author-menu a {color:red;}
span.nav-header {padding: 6px 15px 0 15px;}

/* boxes with rounded corner border and gradient shading */
.xbbox {
	padding: 8px 7px 7px 15px;
	margin: 0 0 8px;
	list-style: none;
	border: solid 1px #777777;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.xbscrolly {overflow-y:scroll;}
.xbmht200 {max-height:200px;}
.xbmht300 {max-height:300px;}
.xbmht400 {max-height:400px;}
.xbht200 {height:200px;}
.xbht300 {height:300px;}
.xbht400 {height:400px;}

.xb3rd {
  width: 27%;
  margin: 5px 1%;
}
.xbboxcyan {
	background-image: linear-gradient(#ffffff,#eef3f3);
}
.xbboxblue {
	background-image: linear-gradient(#ffffff,#eeeef3);
}

/** pre March 2023 file **/
/* space above linked anchors when at top of page */
[id] {
	scroll-margin-top: 1.75ex;
}
.xbsubtitle {
    font-weight:bold;
    font-size:1.2em;
    margin-left:-9px;
}
.offprint {
	padding: 15px 25px; 
	font-size: 1.0em; 
	background-color: #fcfce0; 
	border: 1px solid #086c02; 
    border-radius: 5px;
	box-shadow: 5px 10px 10px #909090;  
  margin:20px auto;
  max-width:850px;
}
.callout-box {
  margin: 5px 20px 15px 20px; 
  padding: 8px 12px 2px 8px; 
  background-color: #f0fff0; 
  border: 1px solid black;
    border-radius: 3px;
	box-shadow: 3px 7px 7px #a0a0a0;  
}
/* lpad used to indent with padding left eg for spans on fonder tag names */
.lpad15 { padding-left:15px; }
.lpad20 { padding-left:20px; }
/* tagspan used for tag display in article info */
.tagspan { margin-bottom:4px;min-height:14px !important; }

/* Underlines for tip-pop user cue */
.solid, .solid:hover,
.dashed, .dashed:hover,
.dotted, .dotted:hover,
.wavy, .wavy:hover {
	text-decoration-line: underline; 
	text-decoration-color: #80c080;
}
.solid, .solid:hover {
	text-decoration-style: solid; 
}
.dashed, .dashed:hover {
	text-decoration-style: dashed; 
}
.dotted, .dotted:hover {
	text-decoration-style: dotted; 
}
.wavy, .wavy:hover {
	text-decoration-style: wavy; 
}
/* Tooltip and Popover styles */

/* Outlines when focused */
.tipstyle:focus {
   outline-style: dotted !important;
   outline-width: 1px;
} 
.popstyle:focus {
   outline-style: dashed !important;
   outline-width: 1px;
} 
/* Popover styles */
 .popstyle + .popover {
    border: 2px solid #248620;
}
/* Popover Header */
.popstyle + .popover > .popover-title {
    background-color: #e6FFe4 !important; /* #73AD21; */ 
    border-bottom: 1px solid #248620;
    color: #006600; 
    font-size: 1.1em;
    font-weight:bold;
    text-align:center;
}
/* Popover Body */
.popstyle  + .popover > .popover-content {
    background-color: #f6fff4 !important;
    color: #006600;
    padding: 6px 8px 5px 10px;
}
/* Popover Arrows */
.popstyle + .popover.right>.arrow:after {
    border-right-color: #248620;
}
.popstyle + .popover.left>.arrow:after {
    border-left-color: #248620;
}
.popstyle + .popover.bottom>.arrow:after {
    border-bottom-color: #248620;
}
.popstyle + .popover.top>.arrow:after {
    border-top-color: #248620;
}
/* Tooltip style */ 
.tipstyle + .tooltip > .tooltip-inner {
    background-color: #F6FFF4; 
    color: #004000; 
    border: 1px solid #006600;
    padding: 4px;
    font-size: 1em;
}
/* get rid of the slightly transparent default on bootstrap tooltip */
.tooltip.in {
	opacity: 1.0 !important; 
	filter:alpha(opacity=100) !important;
}
/* Tooltip arrows */
.tipstyle + .tooltip.top > .tooltip-arrow {
    border-top-color: #006600;
}
 .tipstyle + .tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #006600;
}
 .tipstyle + .tooltip.left > .tooltip-arrow {
    border-left-color: #006600;
}
 .tipstyle + .tooltip.right > .tooltip-arrow {
    border-right-color: #006600;
}

.castlist, .supportlist {
  margin: 0 auto;
  border:1px solid #3f3f3f;
  max-width: 480px;
  font-weight:bold;
}
/* fix for too big bottom margin on search box */
.form-inline {margin:0 0 5px;}
/* for the sunflowers logo */
.backlogo {text-align:center; margin:0;}
/* rounded corners for the header patch */
.header{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px;
}
.historyquote {
  background-color:#DFFfD8;
  padding:2px 10px;
  font-size:1em;
  border: 1px solid #147407;
  border-radius: 5px;
  margin:5px 0;
}
/*
.featurebox {
    float: left;
    width: 340px;
    margin-right: 20px;
    padding: 10px;
    font-size: 1.0em;
    background-color: #e0ffe0;
    border: 1px solid green;
    box-shadow: 5px 10px 10px #909090;
}
*/
.site-description {
  margin-top:10px;
  font-size: calc(12px + 1vw);
}
#aside {
  font-size:0.9em
}
#aside h3{
    margin-bottom: 5px;
    font-size: 1.3em;
}
.well ul {
	margin:0 0 5px 10px;
	list-style-type: none;
}

.moduletable h3 {margin-bottom: 5px; font-size:1.3em;}
/* for category modules */
.glcontents { margin-right:10px;}
.glcontents p {font-size:0.9em;}
.glcontents ul {font-size: 0.8em; list-style-type: none;}
.mod-articles-category-group {
  font-weight: bold;
}
.category-module span {
 display: inline;
  margin: 0 5px;
}
.article-infobox {
  background-image: linear-gradient(#ffffff,#eeffee);
  border: solid 1px #080;
	padding: 7px;
	margin: 0 0 8px;
	list-style: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.article-info  {
  text-align:right;
  margin: 0;
}
.article-infobox hr {
	margin:5px 0;
}
.cat-tag-label, .cat-label, .tag-label {
	display: inline-block;
	border-radius: 3px;
    padding: 1px 4px 2px;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 14px;
    vertical-align: baseline;
    white-space: nowrap;
}
.cat-tag-label, .tag-label {
	background-color: #086c02;
    color: #FFFFFF; 
    font-size: 0.9em;
}
.cat-label {
  border: 1px solid #086c02;
  background-color: #DFFfD8;
}
.cat-tag-label a:hover, a.cat-tag-label:hover{
	background-color:#999;
	color:#ffd;
	text-decoration:none;
}
.listlabel {
	color:#3f7f3f;
}
.label-info:hover, .label-info a:hover {
	background-color:#999;
	color:#000;
}
.flexlist ul {
    display: flex;
    align-items: stretch; /* Default */
    justify-content: space-between;
    width: 100%;
    margin: 0 0 10px 0;;
    padding: 0;
}
.flexlist li {
	    display: block;
    flex: 0 1 auto; /* Default */
    list-style-type: none;
    line-height: 1.9em;
}
.flexlinkbox {
	margin: 0;
    padding: 5px 15px;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#dddddd);
    background-image: -khtml-gradient(linear,left top,left bottom,from(#ffffff),to(#dddddd));
    background-image: -moz-linear-gradient(top,#ffffff,#dddddd);
    background-image: -ms-linear-gradient(top,#ffffff,#dddddd);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dddddd));
    background-image: -webkit-linear-gradient(top,#ffffff,#dddddd);
    background-image: -o-linear-gradient(top,#ffffff,#dddddd);
    background-image: linear-gradient(#ffffff,#dddddd);
    text-shadow: 0 1px 1px rgba(255,255,255,0.49);
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.05);
    border: solid 1px #ddd;
    border-color: #b2b2b2 #b2b2b2 #9f9f9f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;	
    line-height:1.0em;
}
.flexlist a{
    text-decoration: none;
    color: #008000;
}
.flexlinkbox:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6AB023),color-stop(100%,#006600));
    background-image: -webkit-linear-gradient(top,#6AB023,#006600);
    background-image: -o-linear-gradient(top,#6AB023,#006600);
    background-image: linear-gradient(#6AB023,#006600);
}
.flexlinkbox:hover a {
    color:#fff;
}
.artinfo {
  float:right; 
}
#artinfo a {
  border: 1px solid #888;
    margin: 4px;
    padding: 5px 8px;
    background-color: #ccc;
    opacity:0.8;
    color: #000;
    font-size: 10px;
    font-weight:normal;
   text-decoration:none; 
}
#artinfo a:hover {
  color:#ff0;
  background-color: #444;
}
.feat-items {
	padding: 10px; 
	font-size: 1.0em; 
	background-color: #e0ffe0; 
	border: 1px solid #086c02; 
    border-radius: 5px;
	box-shadow: 5px 10px 10px #909090;
}
.cmc-signup .span12 {
	min-height:1px;
}
.cmc-signup .outro {
	line-height:1.1em;
}
.well .cmc-signup .inputbox {
	margin-bottom: 0;
	width:90%;
}
.cmc-signup .btn {
	margin-bottom:8px;
}
.cmc-signup form {
	margin-bottom: 0;
}
.tagtitle {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:5px;
}
.tag-body p {margin-bottom:2px;}
.page-header {
}
.header {
	background-color: #00B9B9;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6AB023,endColorstr=#006600);
	background-image: -khtml-gradient(linear,left top,left bottom,from(#6AB023),to(#006600));
	background-image: -moz-linear-gradient(top,#6AB023,#006600);
	background-image: -ms-linear-gradient(top,#6AB023,#006600);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6AB023),color-stop(100%,#006600));
	background-image: -webkit-linear-gradient(top,#6AB023,#006600);
	background-image: -o-linear-gradient(top,#6AB023,#006600);
	background-image: linear-gradient(#6AB023,#006600);
	border-color: #009999;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.33);
	-webkit-font-smoothing: antialiased;
}
.site-title {
}
.site-description {
    color: #ffffff;
    text-shadow: 2px 2px #808020;
      font-size: calc(12px + 1vw);
}
@media (min-width:768px) {
	.colcnt, .colcnt0, .colcnt1 { width:95%;}
	.colcnt2 { width:45%;}
	.colcnt3 { width:30%;}
}
@media (max-width:768px) {
	.search {
      	margin:8px auto;
		max-width:200px;
	}
}