/*--
Theme Name: LUCU Theme.
Author: Matt Wildin
Description: Custom Wordpress theme created for University of Leicester UCU
Version: 1.0
 --*/

  body {
font-size:100%;
font-family: 'Noto Sans', sans-serif;
background-color:#ffffff;
color: #212121;
}

/*-- colours 

nav cyan: 99bccc
pink: ed3b90 
navy: 2b135d

--*/


/*--- small css reset -----*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, textarea, caption, tbody, tfoot, thead, tr, th, td, p {
margin: 0;
padding: 0;
border: 0;
} 

/*------------ headline reset ---------------------*/

h1, h2, h3, h4, h5{  
font-size: 1em;
margin:0px;
padding:0px; 
font-weight:normal;
font-family: 'Noto Serif', serif;
}
 
/*--- basic setup -----*/


a {outline: none;text-decoration:none;}
a:hover{text-decoration:none;}
img, a {border-style : none; border-width : 0px; }
img, area {border: 0px;}

.clear {clear:both;}
.right {float:right;display:inline;}
.left {float:left;display:inline;}
.center{text-align:center;}
.relative{position:relative;}
.auto {margin:auto;}
.hide{display:none;}
.block {display:block;}

#skip-link{display:none;}

textarea {overflow: auto;}/*- removes scrollbar in IE -*/
*:focus { outline: none!important;} /*- remove chrome yellow line -*/
body > iframe, #_atssh {display: none!important;} /*- fixes Add This bug -*/

tt, code, kbd, samp, textarea {font-family: arial, sans-serif; }
p:empty {display:none;} /*- in case cms puts in any blank p tags -*/

.screen-reader-text {display:none;}

  .hide {
  display: none !important;
}

/*----------------- wp reserved classes ---------------------*/

.aligncenter, 
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;margin:0 30px 20px 0!important;}
.alignright {float: right;margin:0 0 20px 30px!important;}

.wp-caption {position:relative;padding:5px 5px 5px 5px;background:#fbfbfb;border:1px solid #f6f6f6;text-align:center;}
.wp-caption img {border: 0 none;margin: 0;padding: 0;display:inline-block;}
.wp-caption .wp-caption-text{
font-style:italic;color:#262626;line-height:1em;font-size:0.75em;padding-top:3px;}

@media only screen and (max-width: 640px) {
.wp-caption {width:100%!important;}
.wp-caption img {max-width:100%;height:auto;}
.alignleft, 
.alignright {clear:both;margin-left:auto!important;margin-right:auto!important;display:block;text-align:center;float:none;}

}


/*---------- common layout -------------*/


._inner {width:100%;float:left;display:inline;
-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}



.holder{margin:auto;padding:0px;clear:both;}

._width {width:100%;max-width:1090px;}

.desktop {}
.mobile {display:none;}

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




.content-column { float:left; width: 66.66666667%;padding-right:30px;}

.sidebar {float:left; width: 33.33333333%;}

.content-column,
.sidebar 
{-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
	
	.content-column,
.sidebar {width:100%;padding:0;padding-bottom:50px;}
}

.content-column img {max-width:100%;}

/* -------------- header -------------------*/


.header {background:#fafafa;}
.header .logo {float:left;display:inline;padding-top:30px;padding-left:30px;padding-bottom:23px;}
.header .logo img {width:263px;height:115px;}

@media screen and (max-width: 640px) {
	.header .logo {padding:0;float:none;width:100%;text-align:center;padding-top:20px;padding-bottom:20px;}
	.header .logo img {width:70%;height:auto;}
}


/* social icons */

.socials {float:right;display:inline;margin-top:130px;margin-right:30px;}

.socials img {padding-left:5px;}

@media screen and (max-width: 640px) {
	.header .logo {padding:0;float:none;display:block;width:100%;text-align:center;padding-top:20px;padding-bottom:20px;}
	.header .logo img {width:70%;}
	
	.socials {display:none;}
}

/*------------- nav bar ----------------*/

.nav {clear:both;float:left;display:inline;background:#99bccc;width:100%;}

.main-nav {clear:left;float:left;display:inline;list-style:none;padding-left:30px;
width:100%;
-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main-nav li {float:left;display:inline;margin-right:2%;position:relative;}
.main-nav li:last-child {margin-right:0;}
.main-nav li a {display:block;color:#ffffff;font-size:1.125em;padding:28px 8px 28px 8px;font-family: 'Noto Serif', serif;}
.main-nav li:hover a {background:rgba(44, 33, 93, 0.11);color:#ffffff;}


.main-nav > li > .sub-menu {

display:none;

position:absolute;left:0px;
padding-right:10px;
list-style:none;
background:#99bccc;
-webkit-box-shadow: -1px 2px 1px 1px rgba(0,0,0,0.10);
-moz-box-shadow: -1px 2px 1px 1px rgba(0,0,0,0.10);
box-shadow: -1px 2px 1px 1px rgba(0,0,0,0.10);
z-index:9999999;

}

.main-nav > li > .sub-menu > li {float:left;display:inline;clear:left;width:100%;margin-right:0px;border-bottom:1px solid #8dabc0;padding-right:10px;position:relative;}

.main-nav > li > .sub-menu > li > a {display:block;background:none;color:#ffffff;width:100%;white-space: nowrap;padding-right:0px;padding-left:10px;padding-top:15px;padding-bottom:15px;font-weight:normal;font-size:1em}


.main-nav > li > .sub-menu > li > a:hover {background:rgba(44, 33, 93, 0.11);color:#ffffff;}


.main-nav > li > .sub-menu > li  > .sub-menu {
display:none;
position:absolute;top:5px;


left:100%;
background:#99bccc;
-webkit-box-shadow: -1px 2px 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: -1px 2px 1px 1px rgba(0,0,0,0.05);
box-shadow: -1px 2px 1px 1px rgba(0,0,0,0.05);
z-index:9999999;
padding-right:8px;
list-style:none;
}

.main-nav > li > .sub-menu > li:hover > .sub-menu {display:inline;}

.main-nav > li > .sub-menu > li:hover > .sub-menu li > a:hover {background:rgba(44, 33, 93, 0.11);color:#ffffff;}

.main-nav > li > .sub-menu > li  > .sub-menu > li {float:left;display:inline;clear:left;width:100%;margin-right:0px;border-bottom:1px solid #8dabc0;padding-right:8px;position:relative;}
.main-nav > li > .sub-menu > li  > .sub-menu > li a {display:block;background:none;color:#ffffff;width:100%;white-space: nowrap;padding-right:0px;padding-left:10px;padding-top:15px;padding-bottom:15px;font-weight:normal;font-size:1em}

.main-nav > li:hover > .sub-menu {


display:inline;

}

/* use current-page-ancestor to just highlight page the page parent, not the menu parent */

/*.main-nav > .current-menu-ancestor > a,
.main-nav > .current-page-ancestor > a,
.main-nav > .current_page_item > a,
.main-nav > .current_page_parent > a */ 

.single-post .cat-article .main-nav > .current_page_parent > a, /* single article highlits news */

.single-post .main-nav >  .current-post-ancestor > a, /* highlights category ancestor */

.tribe-events-page-template .main-nav > #menu-item-24 a, /* workaround, as Events plugin misreporting page parent */
.main-nav > .current-menu-ancestor > a,
.main-nav > .current-menu-item > a
{
-webkit-box-shadow: inset 0 -4px 0 #ed3b90;
-moz-box-shadow: inset 0 -4px 0 #ed3b90;
box-shadow: inset 0 -4px 0 #ed3b90;
}


/* turn off news highlight for other categories like events */
.category-analysis-and-opinion .main-nav > .current_page_parent > a,
.post-type-archive-tribe_events .main-nav > .current_page_parent > a,
.category  .main-nav > .current_page_parent > a
 {
	
	-webkit-box-shadow: none;
-moz-box-shadow:  none;
box-shadow:  none;
}




.mobile-nav {clear:both;width:95%;padding:2.5%;margin-top:10px;margin-bottom:10px;margin-right:2.5%;margin-left:2.5%;border:0;background:#fefefe;color:#383838;}

/* responsive switches */


@media screen and (max-width: 1090px) {
	.main-nav li {float:left;display:inline;margin-right:0.5%}
	.main-nav li a {font-size:1em;}
}

@media screen and (max-width: 800px) {
	.main-nav li {float:left;display:inline;margin-right:0.3%}
	.main-nav li a {font-size:0.875em;}
}

@media screen and (max-width: 640px) {
	.desktop {display:none;}
.mobile {display:inline;}
}

/*--  page content  --*/

.content {padding:35px 30px 45px 30px;background:#fafafa;}

@media screen and (max-width: 640px) {
	.content {padding:15px;}
	.content blockquote {margin-left:20px;margin-right:20px;}
}

h1 {font-size:2.5em;}
h2 {font-size:1.75em;padding-bottom:10px;font-weight: bold;}
h3 {font-size:1.5em;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#212121;}

	p {font-size:1em;padding-bottom:1em;}
	p a {color:#ed3b90;font-weight:bold;}

	.content ul,
	.content ol {padding-left:1em;margin-left:1em;}
	
	.content img {max-width:100%;height:auto;}
	
	
	.lead {display:block;padding-bottom:0.9em;}
	
	.blogbreak {border-bottom: 1px solid #dbdbdb;
  height: 1px;}
  
   .blogbreak {margin: 30px 0px 20px 0px;}
  .home .blogbreak {margin: 50px 0px 20px 0px;}
  
	.blogbreak hr {display:none;}
	
	.read-all {padding-left:35px;background:url(images/read-all.png) center left no-repeat;}
	
	.published-date {font-size:0.875em;}
	
	.single .attachment-post-thumbnail {padding-bottom:20px;}
	
	.search h1, .archive h1, .error404 h1{padding-bottom:0.8em;}	
	
	.page h1 {padding-bottom:0.5em;}	
	
	/*--- pagination ---*/
	
	.paginate-results {clear:both;float:left;display:inline;margin-top:60px;width:100%;text-align:center;}

.wp-pagenavi .pages,

.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {padding:0.5em 1em 0.5em 1em;margin-left:3px;margin-right:3px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background:#99bccc;
color:#ffffff;
}

.wp-pagenavi .current {background:#47677d;}
	
	
	/*----------sticky pods ------------*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 3%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.66%; }
.span_1_of_3 { width: 31.33%; }

/*  GO FULL WIDTH BELOW 640 PIXELS */
@media only screen and (max-width: 640px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

	
		
	.sticky-pod {
	padding-bottom:20px;
	}

	.sticky-pod a {display:block;width:100%;min-height:320px;position:relative;
	
	background-size: 100% 100%;
    background-repeat: no-repeat;
	
	}
	
	.sticky-pod a h2 {position:absolute;bottom:0;
	
	background:rgba(0, 0, 0, 0.75);
	min-height:30%;
	
	
	width:100%;padding:10px;color:#ffffff;
	font-size:1.125em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;}
	


@media screen and (max-width: 640px) {
	.sticky-pod {width:100%;padding:0;padding-bottom:20px;}
	.sticky-pod a {min-height:250px;}
	.sticky-pod a h2 {min-height:0;}
}





/* -- events styles -- */

.tribe-list-widget {padding-bottom:1em;}

.sidebar .tribe-events-list-widget .tribe-events-list-widget-events,
.sidebar .tribe-events-list-widget .tribe-event-title {margin:0;padding:0;}

.tribe-list-widget h4 {font-family: 'Noto Sans', sans-serif;}

.tribe-events-widget-link a	{padding-left:40px;padding-top:5px;padding-bottom:5px;background: url(images/view-all-events.png) center left no-repeat;}


.tribe-events-nav-next	a, .tribe-events-nav-previous a {color:#ed3b90}

.events-list .tribe-events-loop {max-width:100%!important;}

.tribe-events-list-separator-month {margin:0!important;}

.single-tribe_events .tribe-events-single-event-title	{font-size: 2.5em!important;font-weight:normal!important;}


.tribe-events-schedule h2 {font-weight:normal!important;}


.tribe-events-read-more {font-weight:bold;color:#ed3b90;}



/*-- sidebar --*/

/* widgets */

.widgettitle {font-size:1.5em;color:#212121;font-weight:normal;
font-family: 'Noto Serif', serif;padding-bottom:1em;}

.widget {display:block;padding-bottom:40px;border-bottom: 1px solid #dbdbdb;margin-bottom:40px;}

.widget ul, .widget ol {list-style:none;padding-left:0;margin-left:0;}

.sidebar .widget ul li, .sidebar .widget ol li {padding-bottom:1em!important;}

.widget ul li a, .widget ol li a {font-weight:bold;color:#ed3b90;}








/* search */

.widget_search {border-bottom:0;margin-bottom:0;}

.widget_search #s {
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #d7d7d7;
background:#ffffff url(images/search.png) right no-repeat;
width:100%;
padding:15px 10px 15px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1em;
	font-weight:normal;
	font-family: 'Noto Sans', sans-serif;
}


.widget_search #s::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e8e8e8;
  	font-weight:normal;
}
.widget_search #s::-moz-placeholder { /* Firefox 19+ */
  color: #e8e8e8;
  	font-weight:normal;
}
.widget_search #s:-ms-input-placeholder { /* IE 10+ */
  color:#e8e8e8;
  	font-weight:normal;
}
.widget_search #s:-moz-placeholder { /* Firefox 18- */
  color: #e8e8e8;
  	font-weight:normal;
}




#searchsubmit {display:none;}

/* twitter widget */

#custom_html-2 .widgettitle {display:block;width:100%;background: url(images/twitter-icon-sidebar.png) right 8px no-repeat;}


/* comments  */

.comments-title, .comment-list {padding-bottom:0.8em;}	

.comments-area li a {font-weight:bold;color:#ed3b90;}

.required {color:red;}

.comment-form-comment label {float:left;display:inline;padding-right:20px;}

.comment-form-comment textarea, .comment-form-author input, .comment-form-email input {border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #d7d7d7;
padding:15px 10px 15px 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.comments-area .submit {border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
padding:15px 10px 15px 10px;
border:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:#00a700; color:#ffffff; font-size:1em;
	}
	
/* -------------- footer -------------------*/


.footer {clear:both;float:left;display:inline;
-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
background:#706d6d;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;width:100%;}

.footer-logo {display:inline-block;padding-bottom:0px;}

.copyright,
.footer-text {color:#ffffff;font-size:0.875em;}