/*
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; }

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

/* 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; }
*/

.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; }


/* 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; }

/* 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: #ddd; 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; }

/** 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; }

/** 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%; }
}

/* 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; }*/
}

@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; }


  /** 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; }
}