/*
 Theme Name:   Jisc Theme 2
 Theme URI:    http://jisc.ac.uk/
 Description:  Jisc Theme v2.  Main change is the use of Roboto font in place of Stag font.
 Author:       Jisc Open Access Development Team
 Author URI:   http://jisc.ac.uk
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
*/

/* Fonts */
/* =============================================================================
   Fonts
   ========================================================================== */
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icon-font/icomoon.eot');
  src: url('fonts/icon-font/icomoon.eot#iefix') format('embedded-opentype'), url('fonts/icon-font/icomoon.woff') format('woff'), url('fonts/icon-font/icomoon.ttf') format('truetype'), url('fonts/icon-font/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'icomoon';
    src: url('fonts/icon-font/icomoon.svg') format('svg'); }
 }

/* End Fonts */
/* =============================================================================*/

#menu-main_nav li[href*="facebook.com"] {
    color: blue;
}

#main > .inner > .l-centre-offset {
    padding-right: 30px !important;
}

.h1_like_h2 {
    font-size: 30px !important;
    line-height: 3rem !important;
    font-weight: 400;
}

.l-pull-left.featured {
  padding-top: 10px;
}

/* ------------------------------------------------ */
.site-footer {
        padding:0;
}

@media screen and (min-width: 44.375em) {
    body:not(.custom-background-image):before,
    body:not(.custom-background-image):after {
        height: 0;
    } 
}

/* Narrow screen */
@media screen and (max-width:756px) {
	#search {
		background-color:#fff;
		float:none;
	 }
	/* Positioning credentials button on masthead  - narrow screen*/
	.credentials .btn{
		background-color:#e8e8e8;
		display:block;
		text-align:center;
		margin-right: 0;
	}
	.credentials .btn:hover{
		opacity:1;
		color:#fff;
		background-color:#888;
	}
	.teaser{
		margin-top:10px;
	}
}


button{
    background-color: #d4dfe1;
}
button:hover{
    background-color: #c3d1d6;
}
/* Overrides needed to force WP default pagination to be Jiscy */


/* We don't need this (pushes breadcrumbs downs) */
#main:not(.homepage) .inner.featured {
  padding-top: 0;
}

/* Breadcrumb size to mirror Pattern Library */
.breadcrumb span {
  font-size: 1.3rem;
}

.byline img {
	width: auto !important;
	}

.more-link{
	font-size: 16px;
	font-size: 1.6rem;
}

.comments-link {
	font-size:13px;
	font-size:1.3rem;
	margin-left:1em;
}

/* Comments Form */

#respond { 
  background: #ececec;
  padding: 1em;
}

/* Highlight active form field */
#respond input, #respond textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #DDDDDD;
  display: inline-block;
}
#respond input:focus, #respond textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
#respond label {
    display: inline-block;
    width: 90px;
}
#respond .comment-form-comment label {
    vertical-align: top;
    padding-top:10px;
}
#respond .comment-form-cookies-consent label {
    width:auto;
}


#respond h3 {
    font-weight: 400;
    margin-bottom: 0.8em;
}
#cancel-comment-reply-link{
    /* display: block; 
    margin-top: 0.5em; */
    margin-left: 1em;
    font-weight: 400;
    text-decoration: underline;
    font-size: 16px;
    font-size: 1.6rem;
}
#respond .logged-in-as {
    font-size: 16px;
    font-size: 1.6rem;
}

.entry-meta{
    font-size: 13px;
    font-size: 1.3rem;
	margin-top: -0.8em;
	margin-bottom: 2em;
}
.entry-footer{
    font-size: 13px;
    font-size: 1.3rem;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.cat-links{
/* same as .comment__time */
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
}	
.vert-sep-b4:before{
	content:"|";
	padding-left:1em;
	padding-right:1em;
}

#comments {
  margin-top: 2em;
  border-top: 1px solid #c6d5dc;
  padding-top: 1em;
  clear:both;
}

#comments .comment__parent {
  background-color: #FFF;
}

#comments .comment-reply-link {
  text-decoration: none;
}

#comments .comment-author img, #comments .comment-metadata, .comment-meta {
  float: left;
}

#comments .comment-author img {
  padding: 0 1em 1em 0;
}

.comment-meta {
  width: 100%;
  display: block;
}

#comments ol.children {
  margin-left: 40px;
}

.comment__author {
   font-size: 15px;
   font-size: 1.5rem;
}
.comment__author a {
   text-decoration: none;
}



/*------------ FOLLOWING CONTAIN THEME CONFIGURABLE COLORS ----------*/
/* Colors may be overridden by In-Line CSS in <head> section */
/** ANY CHANGES HERE MAY NEED TO BE REFLECTED IN customizer.php **/

/* The top area containing title and nav */
.masthead__main {
    background-color:#a6ce39;    /* CONFIG */
}
/*** use ux.jisc standard values **
.masthead__title a {
    color:#000;    /* CONFIG * /
}
.masthead__title a:hover {
	color:#000;		/* CONFIG * /
    opacity:0.6;	/* CONFIG * /
}
***/

/** Main Menu **/
/* button for narrow screen */
.menu-button {
    background-color:#53671c;    /* CONFIG */
}
.menu-button:hover {
    background-color:#8DAF30;    /* CONFIG */
}
/** sub-menu panel **/
ul.sub-menu .nav__item {
    border-bottom:none;
}
ul.sub-menu .nav__item a {
    font-size:1.3rem;
    line-height:1.8rem;
    padding-top:4px;
    padding-bottom:4px;
}
.nav__item a {
   color:#53671c;    /* CONFIG */
}
/* Active Pg */
.nav__item.has-popup.active > a, .nav__item.active a {
    background-color:#fff;
    color:#000;    /* CONFIG */
}
.nav__item.has-popup:hover > a, .nav__item > a:hover {
    background-color:#fff;
    color:#85A52E;
}
/* sub-menu item */
ul.sub-menu .nav__item a {
    color:#53671c;    /* CONFIG */
    /* font-family: "Stag Sans Web Book",HelveticaNeue,"Helvetica Neue",Arial,sans-serif; */
    font-weight: 400;	
}
/* selected sub-menu item */
ul.sub-menu .nav__item.active a {
    color:#000;    /* CONFIG */
}
/* hovered over sub-menu item */
ul.sub-menu .nav__item > a:hover {
    color:#85A52E;    /*#a6ce39; CONFIG */
}

/* WIDE screen */
@media screen and (min-width:757px) {
	#search {
	  position:absolute;
	  top: -55px;
	  right: 0px;
	  margin-right: 0;
	  border:none;
	  padding:0;
	}
	/* Relocate search box if there is a Login button*/
	.credentials + #search{	
	  right:100px;
	}

	#main  > .inner {
	  padding-top: 30px;
	  padding-bottom: 30px;
	  }

	/* Positioning credentials button on masthead - wide screen */
	.credentials {
	  position: absolute;
	  top: -60px;
	  margin-right: 0;
	  right: -10px;
	}
    li.has-popup ul.sub-menu{
        display:none;
    }
    li.has-popup:hover ul.sub-menu {
       display:block;
    }
    ul.sub-menu {
       position:absolute;
       width:300px;
       opacity:1;
       padding:10px 0;
	   
       background-color:#FFF;
       border-top:2px solid #a6ce39;    /* CONFIG (masthead background color) */
       box-shadow:1px 1px 5px #1F282F;
	}
    ul.sub-menu .nav__item {
       display:block;
       float:none;
	}
    /* Menu item block color */
    .nav__item a {
       background-color:#8DAF30;    /* CONFIG */
       color:#fff;    /* CONFIG */
    }
    .nav__item.active-trail a {
       background-color:#fff;
       color:#53671c;
	}
    ul.sub-menu .nav__item a {
       background-color:#fff;
       color:#53671c;    /* CONFIG */
       font-size:1.5rem;
       line-height:3rem;
	}
}
/* END The top area containing title and nav */
/* flag on teaser block*/
.marker {
    background-color:#8DAF30;
}
.marker a{
    text-decoration: none;
}

.blog article {
    border-top:2px solid #53671C;
}

/* Formatting for release notes */
.release-notes__release {
  border-bottom: 2px solid #e4e9ec;
  margin-bottom: 2em;
}

.release-notes__release:last-child {
  border-bottom: none;
}

.feedback-button {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #00557f;
    line-height: 21px;
    padding: 18px;
    border: 2px solid #00557f;
}
.feedback-button:hover{
	border-color: #e85e13;
}

table.no-shade {
	border-top: 1px #d4d4d4 solid !important;
}
table.no-shade tr {
	background-color: #fff !important;
}
table.no-shade td, table.no-shade th {
	border-color: #d4d4d4 !important;
}

/* Wordpress media alignment from https://codex.wordpress.org/CSS */
.alignnone {
    margin: 0 0 1em 0;
}

.aligncenter {
    display: block;
    margin: 0 auto 1em auto;
}

.alignright {
    float:right;
    margin: 0 0 1em 2em;
}

.alignleft {
    float: left;
    margin: 0 2em 1em 0;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}


.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption-text {
	font-size:smaller;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.clear-both {
	clear: both;
}
/* END style.css */