/*
Theme Name: penyrheol
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: penyrheol
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 penyrheol is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #DFE8F4;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

/* ADDED */
#page {
    max-width: 960px;
    width: 100%;
    background: none repeat scroll 0 0 #FFFFFF;    margin: 0 auto;
    box-shadow: 0 0 10px rgba(76, 76, 76, 0.7);
    /*font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;*/
	font-family: "Open Sans", sans-serif;
    font-size: 15px;
}

/* TEST */
body{
    background-attachment: fixed;
    background-color: #DFE8F4 ; /* was !important */
    background-image: url("/wp-content/themes/penyrheol/images/bg-wall.png");
    background-position: left top;
    background-repeat: repeat-x;
}



/* new design modifications 1/2/17 */

.sep {
    padding: 0 0.5em;
}

/* news grid top */

.news-row-title { 
	font-family: fantasy; 
	color: #ec0000;
	font-size: x-large;
}



/* ENTRY META */
.entry-meta {
    color: #999;
    font-size: 0.8em;
}
.entry-meta a {
    color: #555;
}
.entry-meta .posted-on a {
    color: #999;
}
.entry-meta .category a, .featured-image .category a {
    background-color: #e54e53;
    color: #fff;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase;
}
.entry-meta .category a {
    border-radius: 2px;
    margin: 0 0.25em 0 0;
    padding: 2px 15px 2px 5px;
    position: relative;
}
.entry-meta .category a::before {
    background-color: #ffffff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 6px;
    margin-top: -3px;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
}
.entry-meta .category a:hover, .featured-image .category a:hover {
    text-decoration: none;
}
.entry-meta [class^="icon-"]::before, .entry-meta [class*=" icon-"]::before {
    font-size: 12px;
}

/* END ENTRY META */





/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-size: 1.4rem;
	line-height: 1.5;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	/* margin-bottom: 1.5em; */
}

/* Text elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color: royalblue;
}
a:visited {
	color: #C00774; /*was purple*/
}
a:hover,
a:focus,
a:active {
	color: midnightblue;
}

/* ADDED */
a:link, a:visited, a:active {
    text-decoration: none;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/* =Menu
----------------------------------------------- */

.main-navigation{
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

/*
#site-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

#site-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}*/

/*commented out 2nd May 2017 

.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	left: 0;
	position: absolute;
	top: 1.5em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
	color: #ff0000;
}
.main-navigation ul ul :hover > a {
	color: #004080;
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
}
*/
 
/* Small menu 
.menu-toggle {
	cursor: pointer;
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}
*/

/* =Content
----------------------------------------------- */

#content{
    padding: 10px;
}

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Added to test changing styles of entry text top and bottom*/


.cat-links,
footer.entry-meta
{
/* display:none; */
}

.entry-meta
{
/* display:none; */
font-size: smaller;
}



/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* ADDED */

#main-banner-area {
	line-height: 0;
}



/* ----------------------- MAIN NAVIGATION MENU ------------------------ */

.main-navigation, .sub-menu {
    background-color:#3C74B6;
    background-image:-webkit-linear-gradient(top, #585858, #ffff80);
    background: linear-gradient(#3C74B6, #25548C) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.main-navigation li:hover{
  background-color:#f9f9f9;
  background-image:-webkit-linear-gradient(top, #f9f9f9, #e5e5e5);
  background: linear-gradient(#f9f9f9, #e5e5e5) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.main-navigation  a{
    color: #fff;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
}

.main-navigation a:hover{
    color: #3C74B6;
}



.main-navigation ul{
    padding: 0 15px;
}

.main-navigation li{
    padding: 0 10px;
}

h1.menu-toggle {
    color: #FFFFFF;
    font-weight: bold;
}

.main-navigation ul ul {
	top: auto;
}

/* BREADCRUMB */
.breadcrumbs {
	clear: both;
	margin-left: 10px;
	padding-top: 5px;
}

.headerslider {
	clear: both;
}

.headerslider .caption {
	font-size: x-small;
}

/* ----------------------- DEPT NAVIGATION ------------------- */


.pyh-article-header img{
	display: block;
	margin: 0 auto;
}

#site-title {
	font-size: x-large;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}


/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/* ADDED */ 
.pyh-widget-box, .nlposts-widget {
    background: #292f33;
    /* color: #fff; REMOVED AS TEST OF COLOUR RRS*/
    /*border: 1px solid #000; Removed making grey*/
    border-radius: 4px;
    /* box-shadow: 0 8px 6px -6px #000000; Removed making grey*/
    padding: 5px;
}

.rotm {
    color: #00b6f1; 
    /*border: 1px solid #000;
    border-radius: 5px;*/
    padding: 0px 15px;
    text-align: center;
}



/* Individual Widget Styling  (Note that CSS uses the prefix # for IDs and . for Classes.) */

/* disabled for now

#moodleWidget .pyh-widget-box{
	background: #fff;
	border: 0px;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
}*/

/* to make widget have no BG or box, use .noBGWidget style */
.noBGWidget .pyh-widget-box{
	background: #fff;
	border: 0px;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
}

.jpSubWidget .pyh-widget-box{
	background: #FFFF99;
	padding-top: 5px;
}
 
.ical h3 {
	font-size: large;
	color: #fff;
} 

.dtstart, .dtend {
	font-size: small;
}


#latestNews .pyh-widget-box{
	font-size: smaller;
}
#latestNews a:link{
	font-size: small;
	display: block;
}




/* Test Dec 10th 14 */




#latestNews {

    background: url("/public_html/wp-content/themes/penyrheol/images/widgetcorners/orangecorner2.png") no-repeat scroll right top #eaf9ff;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 5px rgba(200, 200, 200, 0.1) inset, 0 0 3px 0 rgba(0, 0, 0, 0.35);
    color: #2e415c;
    margin-bottom: 0;
    padding: 30px 18px 12px;
    position: relative;
}

#latestNews .pyh-widget-box a {
	background: url("/public_html/wp-content/themes/penyrheol/images/widgetcorners/bubble2.png") no-repeat scroll left top #eaf9ff;
	padding-left: 40px;
	color: #2e415c;
	font-size: 13px;
	line-height: 19px;
	padding-bottom: 8px;
}

#latestNews .pyh-widget-box {
	background: #eaf9ff;
	border: 0px;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
}

#latestNews ul{
	margin-left: 0px;
	background: #eaf9ff;
	color: #2e415c;
}

#latestNews .widget-title{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

#latestNews li {
	list-style-type: none;
	padding-bottom: 12px;
}
.newsDate {
	padding-left: 40px;
}
/* AAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGH 

.widget a:link, a:visited, a:active {
    color: #ff00ff;
}


a:link, a:visited, a:active {
    color: #fff;
} */

.widget {
    /*
     * background: none repeat scroll 0 0 #3366AA;
    border: 1px solid #000000;
    border-radius: 5px;
    box-shadow: 0 8px 6px -6px #000000;
    color: #FFFFFF;
    padding: 5px;
    
    */
}

.widget a:link {color:#fff; text-decoration:none;}      /* unvisited link */
.widget a:visited {color:#fff; text-decoration:none;}  /* visited link */
.widget a:hover {color:#edfb44; text-decoration:none;}  /* mouse over link */
.widget a:active {color:#edfb44; text-decoration:none;}  /* selected link */

.noBGWidget a:link { color: #004080;}
.noBGWidget a:visited { color: #004080;}
.noBGWidget a:hover { color: #004080;}
.noBGWidget a:active { color: #004080;}

/* --------------------------------------------------------------------------------------------------------------------- */
.page-content a {

}

h1.widget-title {
    font-weight: bold;
    text-align: right;
    color: #004080;
    text-transform: uppercase;
}

/* WIDGET ICONS 

div.pyh-widget-icon {
    height: 48px;
    position: absolute;
    top: -0.55em;
    width: 48px;
}*/

/* Latest News */
.latestnews-icon .pyh-widget-icon {
	background: url("images/icons/favourite.png") no-repeat scroll left center transparent;
}

/* Latest News */
.lettershome-icon .pyh-widget-icon {
	background: url("images/icons/protection.png") no-repeat scroll left center transparent;
}


/* NLPOSTS */

.nlposts-olist-meta, .nlposts-olist-excerpt{
	font-size: smaller;
}

.nlposts-olist-container .nlposts-olist-wtitle {
    color: #ffff00 !important;
}

.nlposts-olist-container li {
    margin-top: 0px !important;
    margin-bottom: 9px;
}

.nlposts-ulist-meta, .nlposts-ulist-excerpt{
	font-size: smaller;
}

.nlposts-ulist-container .nlposts-ulist-wtitle {
    color: #ffff00 !important;
}

.nlposts-ulist-container li {
    margin-top: 0px !important;
    margin-bottom: 9px;
}

.nlposts-ulist-container .pagination a, .nlposts-ulist-container .pagination span {
	line-height: normal !important;
}

.nlposts-ulist-container .pagination {
	height: auto !important;
	margin: 5px 0 !important;
}

/* ----------------------- 3-COLUMN LAYOUT ------------------------ */

#main {
    margin-left: 10px;
    margin-right: 10px;
}

.pyh-columns-inner {
    clear: both;
    clear: after;
}

#pyh-content-col {
    float: left;
    width: 100%;
}

.pyh-content-inner {
    margin-left: 22%; /* was 20 for both */
    margin-right: 22%;

}

.pyh-sidebar-first {
    float: left;
    width: 22%; /*was 20*/
    margin-left: -100%;
}

.pyh-sidebar-second {
    float: left;
    margin-left: -22%; /* was -20 */
    clear: none;
    width: 22%; /* was 20 */
}

.pyh-page-header-widget {
	    margin-left: 10px;
    margin-right: 10px;
}


/* fptest FRONT PAGE TEST APRIL 2020 CHANGE COLUMN LAYOUT */

.pyh-content-inner-nl {
    margin-left: 0%;
    margin-right: 20%;
}

.pyh-columns-inner-nl {
    clear: both;
    clear: after;
}

.pyh-sidebar-second-nl {
    float: right;
    width: 20%;
    margin-left: -100%;
}

.pyh-sidebar-first-nl {
    float: left;
    margin-left: -40%;
    clear: none;
    width: 20%;
}


.pyh-sidebar-highlight-nl {
    float: right;
    margin-left: -40%;
    clear: none;
    width: 20%;
}








/* for 980px or less */

@media screen and (max-width: 980px) {

.pyh-content-inner {
    margin-left: auto;
    margin-right: auto;
}
/* width on below 2 was 100% - changed 3/5/17 */
.pyh-sidebar-second {
    float: left;
    margin-left: auto;
    clear: none;
    width: 50%;
}

.pyh-sidebar-first {
    float: left;
    width: 50%;
    margin-left: auto;
}




}

/* BLOCK QUOTES */

blockquote p {
    background: url("/wp-content/themes/penyrheol/images/rightquote.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    padding: 0 48px;
    padding-right: 60px;
}

blockquote {
    background: url("/wp-content/themes/penyrheol/images/leftquote.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    padding-left: 15px;
}


/* ADDED */
p.fpquote {
	margin-left: 15px;
	font-family: helvetica;

}

/* TABLE STYLES FOR DEPT PAGES */
.depttables {
	border: 1px solid #a0a0a0;
	margin: 5px;
	font-size: smaller;
	border-collapse: collapse;

}
.depttables th{
	background-color: #f2f2f2;
	border: 1px solid #a0a0a0;
	padding: 5px;
	height: 0;
	text-align: center;
	line-height: 1;
}

.depttables tr, td{
	border: 1px solid #a0a0a0;
	padding: 5px;

}

.depttables th>p{
	margin-bottom: 0;
	vertical-align: middle;
}


/* ----------------------- ENTRY STYLING ------------------------ */

.entry-header h1 {
    color: #000000;
    font-size: x-large;
    font-weight: bold;
}

.entry-content h1 {
    color: #000080;
    font-size: large;
    font-weight: bold;
}

.entry-content h2 {
    color: #000080;
    font-size: larger;
    font-weight: bold;
	margin-bottom: 0.5em;
}

.entry-content h3 {
    color: #000080;
    font-size: medium;

}

.entry-content {
    margin-top: 5px;
}


.entry-title a /*:link, a:visited, a:active, a.active*/{
    color: #000080;
    text-decoration: none;
}

.globalblog_title {
    text-decoration: none;
}


/* ******** ADDED *************** */

.wp-post-image {
	width: 100%;
}

/*
 *Category Styling
 *
 */


.category-weather{
	background: url("/wp-content/themes/penyrheol/images/categorybg/weather-alert-64.png") no-repeat scroll right top #ffff80;
	/*background: linear-gradient(#ff55aa, #ff6f6f) repeat scroll 0px 0px transparent;*/
	border: 1px solid #fff;
	border-radius:5px;
	box-shadow:rgba(200, 200, 200, 0.0980392) 0 0 0 5px inset, rgba(0, 0, 0, 0.34902) 0 0 3px 0;
	margin-bottom:0;
	padding: 5px 10px 10px 10px;
}

@media screen and (max-width: 600px) {
.category-weather{
	background: linear-gradient(#ffff80, #ffffbb) repeat scroll 0px 0px transparent;
	}
}



/* -------------- GLOBAL SEARCH THINGER -------------------------------- */
#global-search-bar {
     height: 35px;
     background: #3C74B6;
     color: #fff;
}

.ms-global-search_form {
    clear: both;
    float: right;
    padding: 5px;
    height: 35px;
    font-size: 1rem;
}


.ms-global-search_form input {
    margin: 0px !important;
    font-size: 1.1rem;
}

.ms-global-search_form p {
    margin-bottom: 0em;
}

.ms-global-search_form input[type="submit"]{
    font-size: 1rem;
    padding: 0.3em 1em 0.3em;
}


/*table styles*/

.stafflist td{
    border-color: #BEBFB9;
    border-style: solid;
    padding: 5px 7px;
    vertical-align: middle;
}
.table-schoolday td{
    border-color: #BEBFB9;
    border-style: 1px solid;
    padding: 5px 7px;
    vertical-align: middle;
}

.table-schoolday th{
    border-style: 1px solid;
    vertical-align: middle;
    text-transform:uppercase;
    background-color:#E1E2DC;
    border:1px solid #BEBFB9;
    font-weight:normal;
    padding:3px 10px;
}

.table-noborder { 
	border: none;
}

.table-noborder tr{
    border-style: none;
}

.table-noborder td{
    border-style: none;
}

.table-rightalignheader th {
	text-align: right;
}



/* ----------------------- FOOTER ------------------------ */
.site-footer {
    padding: 10px;
    /*background: -moz-linear-gradient(-90deg, #000037, #343434) repeat scroll 0 0 #181818;*/
    background: linear-gradient(#000037, #343434) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#footercols {
	float: right;
	width: 100%;
	
}

.footercol1 {
	width: 20%;
	display:inline-block;
}

.footercol2{
	/*float: left;*/
	width: 20%;
	display:inline-block;
}

.footercol3{
	/*float: left;*/
	width: 20%;
	display:inline-block;
}

.footercol4 {
	float: right;
	width: 20%;
	display:inline-block;
}

.fcol {
	font-size: x-small;
	color: #fff;
	margin: 5px;
}

.fcol h1{
	font-size: large;
	color: #91c8ff;
	margin-bottom: 10px;
}

/* ---------------------------- Footer Settings for 980 or less ---------------------*/
@media screen and (max-width: 980px) {

.footercols {
    margin-left: auto;
    margin-right: auto;
}

.footercol4 {
    float: left;
    margin-left: auto;
    clear: none;
    width: 100%;
}

.footercol3 {
    float: left;
    width: 100%;
    margin-left: auto;
}

.footercol2 {
    float: left;
    width: 100%;
    margin-left: auto;
}

.footercol1 {
    float: left;
    width: 100%;
    margin-left: auto;
}

}















p.footer-address {
	background: url("/wp-content/themes/penyrheol/images/tinyicons/home.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	padding: 0 25px;
}

p.footer-telephone {
	background: url("/wp-content/themes/penyrheol/images/tinyicons/phone.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	padding: 0 25px;
}

p.footer-email {
	background: url("/wp-content/themes/penyrheol/images/tinyicons/mail.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	padding: 0 25px;
}

p.footer-disclaimer {
	font-size: x-small;
	color: #fff;
	margin: 5px;
}

/* HEADER - for non flex
.site-branding {
    height: 159px;
}*/

p.footer-twitter {
	background: url("/wp-content/themes/penyrheol/images/tinyicons/twitter.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	padding: 8px 40px 12px 40px;
}

p.footer-youtube {
	background: url("/wp-content/themes/penyrheol/images/tinyicons/youtube.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	padding: 0 40px 5px;
}

a.footerlinks {
	text-decoration: none;
	color: #fff;
}






/* ----------------MODIFICATIONS TO CUSTOM GRID PLUGIN -----------------*/

[class^="pt-cv-tax-"] {
    padding: 1px 4px;
    border-radius: 2px;
    margin: 0 0.25em 0 0;
    /* padding: 2px 15px 2px 5px; */ OLD settings from important
	padding: 0px 15px 1px 5px; 
    position: relative;
    color: #fff !important;
    background-color: #e54e53 !important;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
}

[class^="pt-cv-tax-"] a::before {
    background-color: #ffffff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 6px;
    margin-top: -3px;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
}

/* ---------------- CUSTOM PAGE MENUS ------------------ */

/* SKI */

.main-navigation.ski, .main-navigation.ski ul{
	background: linear-gradient(#B2D0E3, #317CFB) repeat scroll 0px 0px transparent;
}

.main-navigation.ski ul ul{
	background: linear-gradient(#B2D0E3, #317CFB) repeat scroll 0px 0px transparent;
}

#global-search-bar.ski {
	background-color: #0080ff;
	/* background: linear-gradient(#B2D0E3, #317CFB) repeat scroll 0px 0px transparent;*/
}


/* ---------------- CUSTOM Page Styling ------------------ */

.highlight
{
	font-weight:bold;
}

.footnote
{
	font-size: smaller;
	font-style: italic;
}

.gcsepodhighlight
{
	color: #fff;
	background-color: #07C0B0;
	font-weight:bold;
}



/* Custom h1 style for pages */

/* GCSEPOD */
.page-id-2562 h1.entry-title { text-align: center; font-size: 3em; color: #EE2072; }

/* Vacancy Archive Page Main */
.post-type-archive-vacancy h1 { text-align: center; font-size: 1.8em; color: #EE2072; }

/* Vacancy Archive Page Job Heading Per Vacancy */
.post-type-archive-vacancy h1.entry-title { text-align: center; font-size: 1.8em; color: #EE2072; }

div.rotm hr {
	margin-bottom: 0.5em;
}

div.communitylinks a {
	font-size: smaller;
}

div.communitylinks ul {
	margin: 0 0 1.5em 1.8em;
}

/* no list bullets 
.category-cdg ul { */
div.nobullet ul {
	list-style: none;
	margin: 0 0 1.5em 1em;
	padding-left: 1.3em;
    text-indent: -1.3em; /* only applies to first line */
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}