body {
  font-size: 20px;
}


.navbar-brand {
  margin-right: 0rem;
  text-align:right;
}

.navbar {
  padding: .2rem 1rem 0rem 1rem;
}

.socialbuttons {text-align:left;}

/* cheat and do this right in the masthead file for easier updates.fencebg {
	background-image: url("/images/backgrounds/fence.png");
	background-repeat: repeat-x;
}*/

/*button bar navigation at top of page*/
.homebar {
	padding: 1rem;
	min-height: 100px;
  margin-bottom: 1rem;
}

.homebar .btn-primary {
	background: #7f69a7;
  border: 8px solid #7f69a7;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  font-weight: 600;
  color:#fff;
}

.homebar .btn-primary:hover {
	background-color: #024544;
  border: 8px solid #024544;
	color:#fff;
}

/*stop visited widget links from going grey on Katie's phone*/
.btn-primary:visited {
  color: #fff!important;
}

/*fix alignment and width of Lynn's remarks*/
div.lynncomments {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
    text-align: left;
}

/*override grey popout menu links with black for better readability*/
.nav-link {
color: #282828 !important;

}

/*increase the margin under headings, especially h1 page titles*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1.5rem;
}

/*remove the too-big indent on tag cloud ULs*/
.tagcloud ul {
  list-style-type: none;
  padding-left: 0px;
}
/*too much space around tag-cloud links*/
.tag-cloud-link {
  margin: 0rem 1rem 0rem 0rem;
}

/*blog sidebars' right edges are too close to edge of screen*/
#secondary.widget-area {
  margin: 1rem;
  margin-right: 2rem;
}

/*make page footer colour match menu at top*/
.colophon {
	padding: 1rem 0rem 1rem 0rem;
}

/*take margin off final paragraph so footer abuts the bottom of the page*/
.footertext {
	margin-bottom: 0;
	font-size:1rem;
}


footer a {color: #031631;}

/*make Wordpress-injected images on homepage responsive*/
.entry img {
  width: auto;
  max-width: 998px;
}

/*turn the standard hr into dots in some places*/
hr.dotted {
	 margin: 12px 0;
	 border-top: 10px dotted #ccc;
	 margin-left:auto;
	 margin-right:auto;
	 max-width:15%;
}

/*make Accordions' clickable text bigger*/
.accordion-button {font-size: 1.5rem;}

/*on the Rejected Strips page, contain sets of strips in a frame*/
.rejectbox{
  text-align: center;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

/*on pages with tabs, space the tabs apart*/
.tabspacing {margin: .5rem .5rem 0rem .5rem;}

/*on pages with tabs, adjust the margins of the tab group*/
#myTab {margin: -1rem 0rem 3rem 0rem;}

/*on pages with tabs, apply a border to all the tabs, not just the first*/
.nav-tabs .nav-link {
  border: 1px solid #dee2e6;
}
/*on pages with tabs, bold the active tab*/
 .nav-tabs .nav-link.active {font-weight: 600;}

 /*for pullquotes on text-heavy behind-the-scenes areas like Lawrence and Ideas pages */
.rightpullquote {
float:right;
max-width:140px;
width: 25%;
margin-top:1rem;
margin-bottom:1rem;
margin-left:1rem;
padding-bottom:1rem; 
text-align: right;
color:#0080c0;
font-size:1.6rem;
font-weight:600;
}

.leftpullquote {
float:left;
max-width:140px;
width: 25%;
margin-top:1rem;
margin-bottom:1rem;
margin-right:1rem;
padding-bottom:1rem;
text-align: left;
color:#0080c0;
font-size:1.6rem;
font-weight:600;
}




/*Pagination Buttons: Lawrence's Story - code cribbed from Wordpress CSS and repeated here*/
/*put a margin on the embedded YouTube video*/
.embed-responsive {margin-bottom:1rem;}

#navigation {
  clear: both;
  overflow: hidden;
  margin-bottom: 1rem;
  line-height: 100%;
}

.nav-previous {
  float: left;
  text-align: left;
  width: 32%;
  min-width: 32%;
  font-size: 1.25rem;
  padding: .5rem .25rem;
  line-height: 100%;
  margin: 1rem 0rem 1rem .25rem;
}

.nav-middlemain {
  float: left;
  text-align: center;
  width: 32%;
  min-width: 32%;
  font-size: 1.25rem;
  padding: .5rem .25rem;
  line-height: 100%;
  margin: 1rem 0rem 1rem .25rem;
}


.nav-next {
  float: left;
  text-align: right;
  width: 32%;
  min-width: 32%;
  font-size: 1.25rem;
  padding: .5rem .25rem;
  line-height: 100%;
  margin: 1rem 0rem 1rem .25rem;
}

a.pagination {
background-color:#0080c0; 
color:#fff; 
padding:1rem; 
margin:1rem; 
font-size:2rem;
font-weight:600;
display:block;
width:100px;
float:left;
border-radius:5px;
text-align:center;
} 

a.paginationcurrent {
background-color:#cc3399; 
color:#fff; 
padding:1rem; 
margin:1rem; 
font-size:2rem;
font-weight:600;
display:block;
width:100px;
float:left;
border-radius:5px;
text-align:center;
} 

a.pagination:hover {
background-color:#993399; 
color:#fff; 
padding:1rem; 
margin:1rem; 
font-size:2rem;
font-weight:600;
display:block;
width:100px;
float:left;
border-radius:5px;
text-align:center;
} 

/*on pages with accordions align the text left*/
 .btn-link {text-align: left;}

/*on pages with card decks, hide the border on empty spacer ones*/
.cardblank {border: none; visibility: hidden;}

/*on pages with card decks, make the titles bold*/
.card-title {font-weight: 600;}

/*FUN STUFF card styling*/
.fun {width: 20rem; margin-left:auto; margin-right:auto; margin-bottom: 1rem;}

/*FUN STUFF colouring page thumbnails need a buffer*/
.colouringthumb {margin-bottom: 1rem;}

/*Used in all the Matching games like Coffee Break etc*/ 
td.game {padding:0; border: 1px solid #ccc;}
.gamebackground {width:100%; max-width:690px; text-align:center;}
.centergame {width:80%; text-align:center; margin-left:auto; margin-right:auto;}

/*John's Coffee Break - these items change colour based on the game*/ 
.gamebackground.coffeebreak {background-color:#993366; border:1px solid #000;}
table.game.coffeebreak {border-collapse:collapse; border-color:#0066cc; width:100%; max-width:690px;   margin-right: auto;
 margin-left: auto;
}

/*Dig It - control the size and the font size to avoid spacing issue*/ 
.digitfield {min-width:368px; font-size:0px;} 

/*force images to scale and keep shape*/
.image100 { 
max-width: 100%;
max-height: 100%;
height: inherit !important;
} 

/*force images to be a consistent size on character pages*/
.max320 { 
max-width: 320px;
max-height: 100%;
height: inherit !important;
} 


/* style the back to top button */
#btn-back-to-top {
  position: fixed;
  bottom: 60px;
  right: 20px;
  display: none;
}

button.scrollup  {
  color: #5e5e5e;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
  border: 1px solid #ccc;
  border-radius: 3px;
  font-family: inherit;
  padding: 6px;
}


.scrollup {z-index:1000; }

/* Smaller than desktop, hide any element with this label */
@media (max-width: 800px) {
.hideonmobile {display:none;
}

/*button bar navigation at top of page*/
.homebar {
	padding: .5rem;
	min-height: 50px;
}

.homebar .btn-primary {
  border: 4px solid #7f69a7;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  background-color: #7f69a7;
  font-weight: 600;
  color:#fff;
}

}


/* Larger than desktop, hide the notice that some games won't play well on a small device */
@media (min-width: 800px) {
#contentnotice {display:none;}
}
#contentnotice {border:2px dashed #ededed; margin-bottom:1rem; padding:1rem;}