/*
Theme Name:     LGC 2015
Description:    Theme for the 2015 LGC reboot
Author:         mcarpenter
Template:       Corsa

*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,700);

/* TYPOGRAPHY
******************************************************************************/
h1, h2, h3, h4, h5, h6 { text-transform: none; }
.l-section a { background-color: rgba(0,0,0,.05); border-bottom: 1px solid transparent; }
.l-section a { transition: all .5s; -webkit-transition: all .5s; }
.no-touch a:hover, .no-touch a:focus { color: #000; background-color: rgba(0,0,0,.1); }

a.clean { background-color: transparent; }
.no-touch a.clean, .no-touch a:focus { background-color: transparent; border-color: transparent; }

a.anchor{ display: block; position: relative; top: -80px; visibility: hidden; }


.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-middle { text-align: center; }

ul.size_big, ol.size_big { font-size: 1.2em; line-height: 1.6; }
ul.spaced > li, ol.spaced > li { margin-bottom: 1.5em; }


h1.page-title { text-align: center; color: #fff; background-color: #000; padding: 30px 0; }
.fine {font-weight: 100;}
p { line-height: 1.5; }
p.fancy:first-letter { float: left; font-size: 5em; line-height: .85; padding-right: 8px; padding-left: 3px; vertical-align: top: ; font-family: Georgia; }
.g-html p.no-margin { margin: 0;}

.no-margin { margin: 0; }

.smalltext { font-size: .8em; line-height: 1.5; }
.bigtext { font-size: 1.5em; line-height: 1.5; }
.g-html .thin { font-weight: 100; }

.g-html pre { background-color: rgba(0, 0, 0, 0.6); }

/* ***ALERT***ALERT***ALERT***Tony made these two edits*** */ 
.citation { font-size: .8em; line-height: 1.5; font-style: italic; }
l-sidebar blockquote { font-size: .9em; line-height: 1.5; font-style: italic; }

.columns { columns: 20em 2; -webkit-columns: 20em 2; -moz-columns: 20em 2; }
ul.columns { column-gap: 3em; -webkit-column-gap: 3em; -moz-column-gap: 3em; }
ol.columns { column-gap: 4em; -webkit-column-gap: 4em; -moz-column-gap: 4em; }

blockquote { background: #F4F8FF; }
blockquote p { padding-right:10px; }


/* MAIN Page Elements
******************************************************************************/
.w-blog-meta {display:none;}
.l-main { background: #fff; padding-bottom: 0px; }

/* Homepage */
/* this is the future homepage styling. removed it because it was conflicting with the interim styling */
/*
.home .l-main { padding: 0; } 
.home .homepage-box { background-color: rgba(0,0,0,.5); padding-bottom: 1em; margin-bottom: 2em; text-align: center; }
.home .l-section h1 { font-weight: 700; word-spacing: .3em; letter-spacing: 0.0625em; background-color: rgba(0,0,0,.8); font-size: 5em; padding: 0 .1em; text-transform: uppercase;}
.home .l-section h3 { font-size: 2.5em; font-weight: 200; line-height: 1.2; color: #fff; text-shadow: 0 0 .3em #000; padding: 0 .5em; text-transform: uppercase; }
.home .l-section blockquote { font-size: 1.8em; line-height: 1.4; font-weight: 100; font-family: "Source Sans Pro", sans serif; }

.home .l-subsection.color_dark a.g-btn.color_default.size_big { font-size: 4em; color: #aaa; background-color: transparent; padding: .25 .5em; }
.home .l-subsection a.g-btn.color_default.size_big i { margin: 0; }
.no-touch .home .g-btn.color_default:after { background-color: #000; }

.l-subsection.color_dark a.g-btn { color: #fff; }
.l-subsection.color_dark a { color: #a2ccff; }
.l-subsection.color_dark a:hover, .l-subsection.color_dark a:focus { color: #fff; }

.w-iconbox-text h5 { padding-top: 0; margin-top: -10px; }
*/

.l-subsection { padding: 30px 0; } /* need less padding between the subsections - Jon */

.collapseomatic { color: #00387b; }

.white-box { background: #fff; border: solid 1px #ccc; padding: 1.5em; margin-bottom: 1.5em; }

.textBlock { margin: 0 0 1em 0; padding: .5em; background: #DCE2E5; border: solid 1px #00387B; font-weight: 100;}
.text-box { margin: 0 0 1em 0; padding: 1.5em; border: solid 1px #eee; font-weight: 100; }
.textBlock h3, .text-box h3 { font-weight: 100; text-align: center; }
.textBlock h4, .text-box h4 { font-weight: 100; text-align: center; }
.text-box.blue { background: rgba(0, 56, 123, .5); border: solid 1px rgb(0, 56, 123); color: #ffffff; }
.text-box.light-blue { background: rgba(0, 56, 123, .2); border: solid 1px rgba(0, 56, 123, .5); }
.text-box.black { background: #222; color: #fff; }
.text-box.black a { color: #a2ccff; }
.text-box.black a:hover { color: #fff; }
.text-box.white { background: #FFFFFF; border-color: #ccc; }
.text-box.gray, .text-box.grey { background: #EEEEEE; border-color: #aaa; }


.float-right { float: right; margin-left: 1.5em; margin-bottom: 1.5em; }
.float-middle { float: left; margin-left: 1.5em; margin-bottom: 1.5em; }

.width50 { width: 50%; }

hr { width: auto; margin-bottom: 1.5em; border-width: 0; height: 1px; background-color: #8993bd; }

li.widget { list-style: none; }

.title-image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 300px; width: 100%; }

/*TABLES
******************************************************************************/
table.main-table { margin-bottom:20px; width: 100%; }
table.main-table li { vertical-align: middle; }
table.main-table ul { margin-bottom: 10px; }
table.main-table th { background:#343B7C; color:#ffffff; padding: 5px; font-weight:200; text-justify:left; }
table.main-table td { padding:5px 10px 5px 10px; border-right:1px solid #ffffff; font-size:.85em; vertical-align:middle; }
table.main-table tr:nth-child(even) {background-color: #f2f2f2; }	

/* SECONDARY Page Elements
******************************************************************************/
.board-sidebar { float: right; width: 28em; margin-left: 1.5em; font-size: .9em; line-height: 1.111; border-style: solid; border-width: 0 0 0 1px; border-color: #8993bd; }
.board-sidebar p { margin: 0 1.111em 1.111em 1.111em; }
.board-sidebar img { width: 100%; height: auto; }
.board-sidebar h4 { margin: 0 0.727em 0.727em 0.727em; }


.w-portfolio-item-details-content-preview { display: none; visibility: hidden; }
.w-portfolio-item-details-content-text { float: none; width: 100%; margin-left: 0%; margin-right: 0%; width: 100%; line-height: 1.5; }

/* HOME Page
******************************************************************************/
.home-title-box {
	background: rgba(0,0,0,.65); 
	position: absolute; 
	bottom: 0px; 
	color: #fff;
	width: 100%;
	padding: 10px 40px 0;
}
.home-title-box ul {
	text-align: center;
	margin-bottom: 0px;	
}
.home-title-box li {
	display: inline-block;
	margin-right: 1.5em;
}

/* FORMS
******************************************************************************/
input[type="search"] {
	border: none;
	font-size: 16px;
	height: 42px;
	padding: 10px;
	border-radius: 5px;
	border-top: 1px solid rgba(0,0,0,0.08);
	box-shadow: 0 0 0 2px rgba(0,0,0,0);
	-webkit-transition: box-shadow 0.3s;
			transition: box-shadow 0.3s;
	background-color: #f2f2f2; /* variable */
}

button { background: #222; color: #eee; }
button:hover { background: #444; color: #fff; }
button:active { background: #000; color: #fff; }

label.disabled { color: #888; }

/* buttons */
.no-touch .g-btn.color_default:after { background: #000; }
.no-touch .g-btn.color_primary:after { background-color: #000; }
.no-touch .g-btn.color_secondary:after { background-color: #000; }

/* BIO BOXES
******************************************************************************/

/* Bio Boxes */
/*
.w-icon .w-icon-link i.fa { margin-top: -0.27777em; }
.bio-box .w-icon { width: 1em; text-align: right; }
.bio-box { display: inline-block; width: 302px; vertical-align: top; border: solid 1px #222; margin: 1.5em; }
.bio-box a { background: inherit; border: 0; }
.no-touch .bio-box:hover { box-shadow: 0 0 1em #000; transition: all .5s; -webkit-transition: all .5s; }
.bio-box a:hover, .bio-box a:focus { background: inherit; border: 0; color: inherit; }
.no-touch .g-html .bio-box p a:hover { background: inherit; border: 0 ; color: inherit; }
.bio-box h4 { text-align: center; padding: .5em; margin: 0; color: #fff; background: #222; }
.g-html .bio-box h4:first-child { padding-top: .5em; }
.bio-box .bio-pic { width: 300px; height: 200px; background: #222; }
.bio-box .bio-pic img { width: 300px; height: 200px; }
.bio-box .bio-content { padding: .5em; border-top: solid 1px #000; }
.bio-box a { color: #000; }
.bio-box h5 { text-align: center; margin: 1em; }
.bio-box p { margin: 0; }
*/

/* Staff Boxes */
.staff-box .w-icon { width: 1em; text-align: right; }
.staff-box i { font-size: .5em; vertical-align: middle; }
.staff-box { display: inline-block; /*width: 18.75em; **stop resizing in mobile - jon** */ width: 300px; vertical-align: top; margin: 1.5em; background-color: #EDEDED; padding-bottom: .5em; transition: all 1s; -webkit-transition: all 1s; }
.no-touch .staff-box:hover, .staff-box:focus { background-color: #fff; }
.no-touch .staff-box:hover h4, .staff-box:focus h4 { color: #00387b; transition: all 1s; -webkit-transition: all 1s; }
.staff-box > a { background: inherit; border: 0; }
.staff-box > a:hover, .staff-box a:focus { background: inherit; border: 0; color: inherit;  }
.no-touch .g-html .staff-box p a:hover { background: inherit; border: 0 ; color: inherit; }
.staff-box h4 { text-align: center; padding: 0; margin: .5em .5em 0 .5em; color: #000; font-weight: 600; font-size: 1.5em; }
.staff-box .staff-pic { width: 300px; height: 200px; }
.staff-box .staff-pic img { width: 300px; height: 200px; }
.staff-box .staff-content { padding: 0 .5em .5em .5em; color: #222; }
.staff-box .staff-content a { background-color: transparent; }
.no-touch .staff-box .staff-content a:hover { background-color: rgba(0,0,0,.2); }
.staff-box h5 { text-align: center; font-weight: 100; text-align: center; margin: 0; }
.staff-box h6 { text-align: center; font-weight: 400; text-align: center; margin: 0; }
.staff-box p { margin: 0; font-size: .8em; text-align: left; }
.no-touch .g-html .staff-box p a:hover { color: #000; background-color: rgba(0,0,0,.1); }

.bio { background: rgba(0,0,0,0.5); color: white; display: table; height: 200px; position: absolute; width: 300px; opacity: 0; margin-top: -208px; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; text-align:center; }
.bio span { display: table-cell; font-weight:400; font-size: 1.4em; vertical-align: middle; }
.bio:hover { opacity: 1; }

/* PAGE TEMPLATES
******************************************************************************/
.title-box a {
	color: #ffffff;
}
.title-box {
	background: rgba(0,0,0,.65);
	bottom: 0px;
	color: #fff;
	padding: 10px 40px 0;
	position: absolute;
	width: 100%;
}
.title-read-more {
	float: right;
}

/* POSTS
******************************************************************************/
h6.author { color:#993366; margin-bottom:10px; }

/* HOMEPAGE HIGHLIGHTS
******************************************************************************/
.highlight-text { background:#EDEDED; width: 100%; min-height:200px; margin-bottom: 20px; padding-right: 15px; }
.hightlight-img { background-size: cover; background-clip: border-box; background-repeat: no-repeat; height:200px; width:200px; float:left; margin-right:15px; }

.highlight-link { background: rgba(0,0,0,0.5); color: white; display: table; height: 200px; width: 200px; /*position: absolute;*/ opacity: 0; /*margin-top: -208px;*/ -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; text-align:center; }
.highlight-link span { display: table-cell; font-weight:400; font-size: 1.4em; vertical-align: middle; }
.highlight-link:hover { opacity: 1; }

.vid-highlight-box { display: inline-block; width: 300px; vertical-align: top; margin: 0 3em 1.5em 0; padding-bottom: .5em; }
.vid-hightlight-img { background-size: cover; background-clip: border-box; background-repeat: no-repeat; height:200px; width:300px; /*float:left;*/ margin-right:15px; }

.vid-highlight-link { background: rgba(0,0,0,0.5); color: white; display: table; height: 200px; width: 300px; /*position: absolute;*/ opacity: 0; /*margin-top: -208px;*/ -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; text-align:center; }
.vid-highlight-link span { display: table-cell; font-weight:400; font-size: 1.4em; vertical-align: middle; }
.vid-highlight-link:hover { opacity: 1; }

/* SIDEBAR HIGHLIGHTS
******************************************************************************/
.side-highlight-box { display: inline-block; width: 100%; vertical-align: top; margin: 0 3em 1.5em 0; padding-bottom: .5em; }
.side-hightlight-img { background-size: cover; background-clip: border-box; background-repeat: no-repeat; height:200px; width:100%; /*float:left;*/ margin-right:15px; }
.side-highlight-link { background: rgba(0,0,0,0.5); color: white; display: table; height: 200px; width: 100%; /*position: absolute;*/ opacity: 0; /*margin-top: -208px;*/ -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; text-align:center; }
.side-highlight-link span { display: table-cell; font-weight:400; font-size: 1.4em; vertical-align: middle; }
.side-highlight-link:hover { opacity: 1; }

/** Infographic
******************************************************************************/

.info-textbox {
	background:#fff;
	border-radius:10px;
	padding:10px;
	font-size:.8em;
	line-height: 1.2em;
	position:relative;
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3); 
}

.info-textbox a { /*text-decoration:none; color:#000;*/ background-color: transparent; }
.info-textbox li { margin: 0 0 5px 0; padding:0 0 0 5px; }
.info-textbox ul { margin: 0 0 0 5px; padding: 0 0 0 5px; }
.info-textbox p { margin-bottom: 10px; }

/** Timeline
******************************************************************************/
.timeline { padding: 20px 0 20px; position: relative; }
.timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; }
.timeline > li { list-style: none; margin-bottom: 20px; position: relative; }
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after { clear: both; }
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after { clear: both; }
.timeline > li > .timeline-panel {
  background: #EDEDED;
  width: 46%;
  float: left;
  border-radius: 2px;
  padding: 20px;
  position: relative;
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #EDEDED;
  border-right: 0 solid #EDEDED;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #d9534f;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}*/


/** Homepage **/
/** OLD!!!!! **/
.home-container {max-width: 900px; margin: 20px auto 0 auto; }

.left-box-container { width: 60%; right-margin: 50%; float: left; margin-top: -.8em; }
.right-box-container { float: right; width: 35%; margin-top: -.8em; }
.issues-box-container { clear: both; width: auto; min-height: 100px; background-image: url('img/issues.jpg');
  border: solid 1px #ddd; margin-top: 2em; margin-bottom: 1em; padding: .5em; overflow: hidden; 
  -webkit-transition: height .2s ease; -moz-transition: height .2s ease; transition: height .2s ease; }
.issues-box-inner-container { background-color: rgba(255,255,255,.65); }
.issues-box-container .issues-list { width: 30%; margin-left: 33%; margin-right: 3%; float: left; }
.issues-box-container .issues-list h2 { border: 0; padding: 0; margin-top: .2em; margin-bottom: .4em; font-size: 1.1em; color: #000;
  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
.issues-box-container .issues-list a { text-decoration: none; }
.issues-box-container .issues-list a h2:hover { text-decoration: none; text-shadow: 0 0 .2em #888; }
.issues-box-container .issues-descriptions { width: 30%; margin-left: 3%; float: left; }
.issues-box-container .issues-descriptions .description { display: none; }
.issues-box-container .issues-descriptions .description:first-child { display: block; }

.issues-box-container .mobile-container { background: #eee; background: rgba(250,250,250,.8); }
.issues-box-container .mobile-container .description { padding: .5em;}

.left-box-container { width: 60%; right-margin: 40%; float: left; margin-top: -.8em; }
.left-box-container .article { font-size: 1.2em; min-height: 100px; background: #fff; border-width: 1px; border-style: solid; border-color: #666; color: #222; text-shadow: 0px -1px 2px #fff; } /* == original background #eee == */
.left-box-container .article a { color: #984b6f; }
.left-box-container .article a:hover { }
.right-box-container { float: right; width: 37%; margin-top: -.4em; }
    .right-box-container .slider-box { border-style: solid; border-width: 1px; }
.issues-box-container { clear: both; width: auto; min-height: 100px; 
  border: solid 1px #666; margin-top: 2em; margin-bottom: 1em; padding: 0; overflow: hidden; }
    .issues-box-container .left-container { float: left; width: 50%; }
    .issues-box-container .right-container { float: left; width: 50%; min-height: 250px; background: #8993bd; /*#fff*/ }
    .issues-box-container .issues-list { width: auto; margin: 0; padding: 0; float: right; }
    .issues-box-container .issues-list h2 { border: 0; border-right: solid 1px #ddd; border-left: 3px solid transparent; padding: 0; margin: 0; padding: 9px .5em 9px .6em;  font-size: 1.2em; color: #222; }
    .issues-box-container .issues-list a { text-decoration: none; ; }
    .issues-box-container .issues-list a h2.current { border-left: solid 3px #aaa; /*#fff*/ border-right: solid 1px #8993bd; text-decoration: none; color: #000; text-shadow: 0 0 .2em #fff; /*#65324a*/ background: #8993bd; }
    .issues-box-container .issues-descriptions { width: auto; margin: 0; color: #222; /*.5em*/ padding: .7em; }
    .issues-box-container .issues-descriptions a { color: #000; }
    .issues-box-container .issues-descriptions .description { display: none; }
    .issues-box-container .issues-descriptions .description:first-child { display: block; }
.hidden-title { display: none; }

.rsNav.rsTabs { display: none; } /* dirty hack to get rid of awkward tabs below slider on homepage .. hopefully won't break anything else .. */
/**  **/


/** Event Accordion **/
/** OLD!!!!!!!!!!!! **/
div.event-accordion h2.year { font-weight: bold; cursor: pointer; }
div.event-accordion h2.year:hover { color: #eee; background-color: #a9436b; border-color: #a9436b;}
div.event-accordion h2.year:hover .tab { background-color: #a9436b; }
div.event-accordion h2.year:hover:before { border-color: #a9436b #a9436b #a9436b transparent; }

div.event-accordion h2.month { }
div.event-accordion .event-stub { display: block; }

h2.month {  display: block; border-bottom: solid 1px #8993bd; }

h2.ribbon { position: relative; width: 50%; font-size: 1.5em; font-weight: bold;
            padding: 6px 20px 6px 40px; margin: 30px 10px 10px -40px;
            color: #ddd; background-color: #7b0038; text-shadow: 0px -1px 2px #333;
            -webkit-box-shadow: 0px 2px 4px #888; -moz-box-shadow: 0px 2px 4px #888; box-shadow: 0px 2px 4px #888;
}
h2.ribbon .tab { position: absolute;
                 padding: 0; margin-left: 5px; top: 0%; left: 100%; vertical-align: middle; padding: 6px 10px; min-height: .7em; width: 1.5em;
                 border: 0; background-color: #7b0038;  text-align: center;
                 -webkit-box-shadow: 0px 2px 4px #888; -moz-box-shadow: 0px 2px 4px #888; box-shadow: 0px 2px 4px #888;
}

/**  **/


@media all and (max-width: 64em) {
	.board-sidebar { width: 16em; }
	.w-portfolio-item-details-content-text { margin-left: 0%; margin-right: 0%; width: 100%; }
	
/* PAGE TEMPLATES
******************************************************************************/
.title-image { height: 200px; }
}

/* 768px */
@media all and (max-width: 48em) {
	h1.page-title { padding: 40px 0; }

  .width50 { width: auto; }
  .float-right { float: none; }
  .float-left { float: none; }

  /*.staff-box { width: 100%; margin: 0 0 1.5em 0;}
  .staff-box .staff-pic { width: auto; height: auto; }
  .staff-box .staff-pic img { width: 100%; height: auto; }*/
  .highlight-text { padding: 15px; }
}

@media all and (max-width: 37.5em) { 
  .board-sidebar { float: none; width: auto; margin: 0; border-width: 0 0 2px 0;}
  .board-sidebar p { margin: 0 0 1.11em 0; }
  .board-sidebar h4 { margin: 0 0 0.727em 0; }

/* PAGE TEMPLATES
******************************************************************************/
.title-image {  
	height: 150px; 
}
.title-box {
	height: 150px;
}
.title-read-more {
	float: none;
	display:block;
}

  /** OLD LGC HOMEPAGE **/
/*  .right-box-container { float: none; margin-right: 0; margin-left: 0; width: auto;}
  .left-box-container { float: none; width: auto; margin-right: 0; margin-left: 0; }
  .about-box { margin-left: .3em; }
  .side-box { margin: 0; width: auto; }

  .issues-box-container { background-image: none; background-color: transparent; border: 0;  }
  .issues-box-container .issues-list { width: auto; margin-left: 0; margin-right: 0; float: none; }
  .issues-box-container .issues-descriptions { display: none; }*/
  /**  **/
}


@media all and (max-width: 30em ) {
  .l-section .homepage-box h1 { font-size: 3em; }
  .l-section .homepage-box h3 { font-size: 1.5em; }
}