/**** 

51勛圖厙 Magazine Template

/

/* Headers */
.text-center { text-align: center; }


.Mag51勛圖厙-section-header {
	padding-top: 30px;
  	padding-bottom: 30px;
	background-color: #fff;  
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #f4f4f4;
}

/*  Container */
/*.Mag-container-fluid {margin:5%;
}*/
.Mag-container-fluid {
    margin: 0 auto;
    max-width: 1337px;
   	padding: 10px;
}
.Mag51勛圖厙-Container {justify-content:center;}
.Mag51勛圖厙-Container img {width: 100% !important; height: auto !important;}


@media (max-width:767px) {
  h3 {font-weight:normal; }
	.magArticle-content h2  { font-size: 140%;	}
	.magArticle-top-container { padding: 0;}
	.magArticle-Container     { margin-top: 0;}
}


.Mag51勛圖厙-content-sameheight { 
	display: flex;
	flex-wrap: wrap;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
    justify-content:center;
}
.Mag51勛圖厙-middle-content { order: 2; width: 40%; padding: 2%;}
.Mag51勛圖厙-aside-1        { order: 1;width: 30%;padding: 2%;}
.Mag51勛圖厙-aside-2        { order: 3; width: 30%; padding: 2%;}
.Mag51勛圖厙-aside.Mag51勛圖厙-aside-2 p {
    border-bottom: 3px solid #eee;
}
.Mag51勛圖厙-aside img      { width: 100% !important;height: auto;}
/****
      Table of Contents 
*/
.Mag51勛圖厙-middle-content td {
    padding: 0 5px;
    vertical-align:top;
}
.Mag51勛圖厙-middle-content td a {
    font-weight:700;
}

#thumbnail-link {
    text-decoration-color: white;
}

#pdf-link {   
  margin:0; 
  border-radius:0; 
  background-color:#b60000; 
  color:#fff; 
  padding:10px 16px; 
  text-align:center; 
  display:none;
  font-weight:600;
}


/****
      Featured Stories 
*/
.Mag51勛圖厙-Featured-content {
    flex: 33.33%;
    padding-right: 10px; 
    padding-top: 10px;
    max-width:33.33%;
}
.Mag51勛圖厙-Featured-content-inner { 
    height: 100%;   	
    border: solid #ddd;
	border-width: 1px;
}

.Mag51勛圖厙-Featured-content:nth-child(odd) .Mag51勛圖厙-Featured-content-inner {
    background-color: #f8f8f8;
}
.Mag51勛圖厙-Featured-content:nth-child(even) .Mag51勛圖厙-Featured-content-inner {
    background-color: #ffffff;

}
.Mag51勛圖厙-Featured-content img {width: 100% !important; height: auto !important; }
.Mag51勛圖厙-Featured-content a {text-decoration:none;display:block; height:100%;}
.Mag51勛圖厙-Featured-content a:hover, .Mag51勛圖厙-Featured-content a:focus { 
   text-decoration:underline;
   text-underline-offset:6px; 
   text-decoration-color: #b60000;
   text-decoration-thickness:1px;
}
.Mag51勛圖厙-Featured-content-description { padding:0 15px; }
.Mag51勛圖厙-Featured-content h2 { 
    text-decoration-color: #b60000;
    font-size: 1.5em;
    color: #b60000;
    line-height: 1.5em;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}
.Mag51勛圖厙-Featured-content p {}

/****
      Web Extras 
*/
.Mag51勛圖厙-Web-Extras-content {width: 33.33%; padding: 1%; margin-top: 10px;}
.Mag51勛圖厙-Web-Extras-content:nth-child(odd) {
	background-color: #f8f8f8;
	border: solid #ececec;
	border-width: 2px;
}
.Mag51勛圖厙-Web-Extras-content:nth-child(even) {
	border: solid #ececec;
	border-width: 2px;
}

.Mag51勛圖厙-Web-Extras-content h2 {
    font-size: 1.5em;
    color: #b60000;
    line-height: 1.5em;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}



.Mag51勛圖厙-Web-Extras-content a {
	text-decoration: none;
	color: #000;
}
.Mag51勛圖厙-Web-Extras-content a:hover, .Mag51勛圖厙-Web-Extras-content a:focus { 
  text-decoration:underline;
  text-underline-offset:6px;
  text-decoration-color: #008FAC;
  text-decoration-thickness: 1px;
}

/****
      Campus Visitors 
*/
.Mag51勛圖厙-CampVisitors-content {
	width: 25%;
	padding: 0 5px;
	margin-top: 0;
    text-align:center;
}
.Mag51勛圖厙-CampVisitors-content h2 {
    clear: both;
    font-size: 1.1em;
    color: #272b29;
    padding-bottom: 0;
    margin:0;
}
.Mag51勛圖厙-CampVisitors-content p {
    color: #333;
    margin: 0;
    font-size: 1em;
}
.Mag51勛圖厙-CampVisitors-content a {
	text-decoration: none;
	color: #000;
}

.Mag51勛圖厙-CampVisitors-content a:hover, .Mag51勛圖厙-CampVisitors-content a:focus { 
  text-decoration:underline; 
  text-underline-offset:6px; 
  text-decoration-color: #008FAC;
  text-decoration-thickness: 1px;
  filter: brightness(1.1);

}
.Mag51勛圖厙-CampVisitors-content img {
    border-radius: 1%;
    -webkit-border-radius: 1%;
    width:100% !important;
    height:auto !important;
}

/****
      Past Issues 
*/
.Mag51勛圖厙-pastIssues-content {
	width: 25%; 
	margin-top: 0;
	padding:5px;
}
.Mag51勛圖厙-pastIssues-content img {	width: 100% !important; height:auto !important; }
.Mag51勛圖厙-pastIssues-content a   { text-decoration: none;	color: #000; }
.Mag51勛圖厙-pastIssues-content a:hover, .Mag51勛圖厙-pastIssues-content a:focus { 
   text-decoration:underline; 
   text-underline-offset:6px; 
   text-decoration-color: #008FAC;
   text-decoration-thickness: 1px;
}
.Mag51勛圖厙-pastIssues-content img:hover {
    filter: brightness(1.1);
}
.pastIssues-content {	background-color: #f2f2f2;	padding: 5px; }
.pastIssues-content h3, .pastIssues-content h2 {
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
    font-size:1.2em;
    color:#000;
}
.pastIssues-content    {	text-align: left; }
.pastIssues-content span {	color: #A80000;	font-weight:300; }
.pastIssues-content p   {
   margin-bottom: 10px;
   line-height: 1.5em;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

/****
      Mag51勛圖厙 Btn  --- BEGIN
*/

.Mag51勛圖厙-header-btn {	margin: 10px;	padding: 8px 10px;	min-width: 200px;	font-size: 1.2em; }
.Mag51勛圖厙-bg-btnColor {
	text-align:center;
	color:#336;
	text-decoration:none;
	border: 1px solid #aac;
    overflow:visible;
}
.Mag51勛圖厙-bg-btnColor:hover {
	color:#cb0003;
    background-color: #e8e8e8;
    border-color: #bbb;
}



@media all and (min-width: 800px) {}
@media (max-width:1022px) {
    .Mag-container-fluid {margin:60px 5% 0 5%;}
    .Mag51勛圖厙-header-btn { margin: 10px; padding: 4px 10px; min-width: 150px; font-size: 1.2em; }
  
	.Mag51勛圖厙-middle-content, .Mag51勛圖厙-aside-1{width: 50%;}
	.Mag51勛圖厙-aside-2{width: 100%;}
	.Mag51勛圖厙-Featured-content {width: 50%;}
	.Mag51勛圖厙-CampVisitors-content {width: 25%;}
	.Mag51勛圖厙-pastIssues-content {width: 25%;}
	.Mag51勛圖厙-textcontent{min-width: 320px;}
	.Mag51勛圖厙-textbtncontent{font-size: 90%;padding-left: 5px;}
  
}
@media (max-width:767px)   {
    .Mag-container-fluid {margin:60px 1em 0 1em;}	
    .Mag51勛圖厙-middle-content, .Mag51勛圖厙-aside-1, .Mag51勛圖厙-aside-2{width: 100%;}
	.Mag51勛圖厙-Web-Extras-content {width: 100%;}
	.Mag51勛圖厙-Featured-content {width: 100%;flex: 100%; padding-right: 0; padding-top: 0; max-width:unset;margin-bottom:2em;}

	.Mag51勛圖厙-Web-Extras-content {width: 100%;}
	.Mag51勛圖厙-CampVisitors-content {width: 50%; }
	.Mag51勛圖厙-pastIssues-content {width: 50%;}
  	.Mag51勛圖厙-Container img {padding-top: 0;}
  

	.wordwrap 	{ 
	   white-space: pre-wrap;      /* CSS3 */   
	   white-space: -moz-pre-wrap; /* Firefox */    
	   white-space: -pre-wrap;     /* Opera <7 */   
	   white-space: -o-pre-wrap;   /* Opera 7 */    
	   word-wrap: break-word;      /* IE */
	}
}

@media (max-width:450px) {
   .Mag-container-fluid { margin:60px 10px 0; padding:0; }
   .Mag51勛圖厙-header-btn { margin: 5px 0; padding: 2px 5px; widtH:100%; font-size: 1.1em; }
   .Mag51勛圖厙-CampVisitors-content {width: 100%; }
   .Mag51勛圖厙-pastIssues-content {width: 100%;}
  
}


/*** 
	51勛圖厙 Magazine  Article Template
***/

/****  Container ****/
.magArticle-Container     {	justify-content:center; position: relative; width: 100%; overflow: hidden;}
.magArticle-Container img {	width: 100% !important;	height: auto !important;	/*margin-top: 15% !important;*/}
.magArticle_img-container { padding:15px 5%;}


.magArticle-paragraph        { width: 100%; padding: 0 5% 15px; }
.magArticle-paragraph h2     { color:#000;/*font-size:2em;font-weight:bold;*/}
.magArticle-ImageParagraph {
	width: 100%;
	padding: 0 5%;
	display: flex;
	flex-wrap:wrap;
}


/*  Content ***/
.magazine-content-item { padding:10px;margin:5px 0;}
.magazine-content-item h2 { font-size:2em; }

.magArticle-content {	justify-content:center;	padding: 40px;	}
.magArticle-content-sameheight { 
	display: flex;
	flex-wrap: wrap;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.magArticle_img-container  img { width: 100% !important; height: auto !important; }

/*** BY-LINE  **/
.magArticle-byline-container { display: inline-block; text-align: right; width: 100%; font-size:0.9em; }
.magArticle-bg-byline        { color: #444; font-weight: 600; }
.magArticle-bg-byline__normal { font-weight: 200;  color: #333; }
@media (max-width:1022px) {
  .magArticle-byline-container {  color: #000; font-size: 0.8em; font-weight: normal;}
}
@media (max-width:767px) {
  
  .magazine-content-item { padding:5px 15px; } 
  .magArticle-byline-container {  color: #000; font-size: 0.8em; font-weight: normal;}
}

@media (max-width:450px) {
  
  .magazine-content-item  img {
      margin: 1em auto !important;
      float: none !important;
      display:block;
      max-width:100% !important;
      height:auto !important;
   }  

  .magArticle-byline-container {  color: #000; font-size: 0.9em; font-weight: normal;}
}


.magArticle-inline-asset-caption p {
    font-size: 0.85em;
    line-height: 1.58333333;
    padding-left: 10px;
}
p.magArticle-inline-asset__credit {
    color: #000;
    font-size: 0.9em;
    font-weight: normal;;
    margin: 0.5em 0;
    text-align: right;
}
.magArticle-leftImageParagraph-left     {	width: unset;	order: 1;padding-right: 10px;}
.magArticle-leftImageParagraph-left img {   width:100%; padding: 10px;}
.magArticle-rightImageParagraph-right img {	width:100%; padding: 10px;}
.magArticle-leftImageParagraph-content  {	order: 2;  }
.magArticle-rightImageParagraph-content {	width: 60%;	order: 1; }
.magArticle-rightImageParagraph-right   {	width: 30%;	order: 2; padding-left: 10px;}
.magArticle-leftImage {	width: 50%;	order: 1; }
.magArticle-leftImage-float {
	width: 50%;
	order: 1;
    float:left;
    padding-left:0;
    padding-right: 15px;
    max-width:400px;
}

.magArticle-leftImage img {	width: 100%; }
.magArticle-leftContent   {	width: 50%;	order: 2;	padding-left: 2%; }
@media (max-width:1022px) {
	.magArticle-leftImage   {width: 100%;}
	.magArticle-leftContent {width: 100%;}
}

@media (max-width:767px) {
  	.magArticle-leftImage     { width: 100%;}
    .magArticle-leftImage-float { width: 100%;}
	.magArticle-leftContent     { width: 100%;}
  
	.magArticle-leftImageParagraph-left     { width: 100%;}
	.magArticle-leftImageParagraph-content  { width: 100%;}
	.magArticle-rightImageParagraph-right   { width: 100%; order: 1;}
	.magArticle-rightImageParagraph-content { width: 100%; order: 2;}
}


/
        SIDEBARS   
*/
.mag-sidebar  { padding:15px; }
.mag-sidebar h2 {  margin: 0 0 15px 0; }
.mag-sidebar h3 {  margin: 0 0 15px 0; }
.mag-sidebar ul {padding-left:20px;}
.mag-sidebar div { font-size: 0.9em; line-height: 1.5em;}
.mag-sidebar p { font-size: 0.9em; line-height: 1.5em;}
.sidebar-s2021-1 {
    width: 33%;
    min-width: 300px;
    float: right;
    margin: 0 0 20px 20px;
    padding: 20px;
    background-color: #def;
}
.sidebar-s2021-1 h2, .sidebar-s2021-1 h3 {
   color: #f05a3f;
   font-size:1.2em;
   padding:0;
}


.sidebar-s2021-2 {
    width: 33%; 
    min-width: 300px; 
    float: right; 
    margin: 0 0 20px 30px; 
    padding: 25px; 
    background-color: #ded;
}
.sidebar-s2021-2 h2, .sidebar-s2021-2 h3 {
   color: #f05a3f; 
   font-size:1.2em; 
   padding:0;  
}

@media (max-width:1022px) {
   .mag-sidebar { 
      width:100%;
      float:none;
      margin:0;
   }
  
}



/
        HEADER IMAGE BANNER TEXT    
*/
.magArticle-text {
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	color: #fff; 
	left: 0; 
	padding: 10px 5%; 
	top: 72%;
	width: 100%;
    font-size: 1.1em;
  	height: 30%;
}

.magArticle-text h1 {color: #fff; font-size: 1.5em;}
.magArticle-text h2 {color: #fff; font-size: 1.3em;}
.magArticle-text p  {font-size: 1em;}

@media (max-width:1022px) {
	.magArticle-text    {position:relative; padding: 15px 5%;background:#444;}
	.magArticle-text h1 { margin:0 0 0; padding-bottom: 0;}
	/*.magArticle-text h2 {font-size: 50%; margin:10px 0 10px 0;}*/
  	.magArticle-text h2 {font-size: 75%; margin:0;padding: 0;}
	.magArticle-text p  {font-size: 1em; margin:10px 0 10px 0;}    
	.magArticle-leftImage   {width: 100%;}
	.magArticle-leftContent {width: 100%;}
}
@media (max-width:767px) {
    .magArticle-Container  { }
 	.magArticle-text     { position:relative; padding:15px 5%;background:#444; line-height:1.5em; }
	.magArticle-text h1  { margin:0;padding-bottom: 0;}
	.magArticle-text h2  { font-size: 1em; margin:0; padding: 0;}  
    .magArticle-text p   { font-size:1em; margin:1px 0;}
 
}



.magArticle-rightImage-float {
    float:right;
    padding-left: 25px;
}
.magArticle-leftImage-float {
    float: left;
    padding-right: 25px;
}

.magArticle-leftImage-float img, .magArticle-rightImage-float img {
    max-width: 100%;
    height: auto !important;
}


/****
      ASIDE in magazine article
*/
aside.magazine-aside-left     { width: 25%; float: left; margin: 20px 20px 20px 5%; padding:20px;}
aside.magazine-aside-left h3  { font-weight:bold; margin-top:0;}
aside.magazine-aside-right    { width: 25%; float: right; margin: 20px 5% 20px 20px; padding:20px; }
aside.magazine-aside-right h3 { font-weight:bold; margin-top:0;}

@media (max-width:767px) {
  aside.magazine-aside-left   { width: auto; padding: 5%;}
  aside.magazine-aside-right  { width: auto; padding: 5%;} 
}


/**** Button /
.magArticle_button{
    position: absolute;
    display: inline-block;
    padding-left: 1em;
    width: 35px;
    height: 35px;
    color: #fff;
    left: 0;
    top: 1em;
    width: 100%;
    height: auto;
}

.magArticle_button a {	color: #b60000; }
.magArticle_button a:hover, .magArticle_button a:focus {
    filter: hue-rotate(240deg);
}

.magArticle_button .mag-art-back-button {color: #b60000; border:2px solid rgba(100,0,0,0.5); border-radius:100%; padding:5px; }


@media (max-width:767px) {
	.magArticle_button .mag-art-back-button { font-size: 200%; top: 25%;}
}


/****
      PullQuote and Call Out
*/
.pullQuote-container{
    display: table;
    table-layout: fixed; /*Optional*/
    border-spacing: 10px; /*Optional*/
    position: relative;
    padding: 0 10%;
	margin: 10px 0;
  	width:100%;
}

.pullQuote-left {
    display: table-cell;
    width: 3%;
    font-weight: bold;
    font-size:400%;
    font-family: 'Georgia';
    position: absolute;
    top: 22px;
}

.pullQuote-center {    
  display: table-cell;    
  text-align: left;    
  width: 94%; 
  font-size:1.3em;
}
.magArticle-pullQuote__credit {
    color: #444;
    letter-spacing: 1px;
    text-align: left;
    font-weight: 600;
    font-size:1em;
    margin-top:15px;
}

@media (max-width: 767px) {
	.pullQuote-container      { padding: 0;	}
    .pullQuote-left           { font-size: 300%; left: 0;}
    .pullQuote-center         { width: 95%}
	.pullQuote-right          { top: 90%;}  
}


/****
      CALLOUT VERTICAL
*/
.magArticle-callout-vertical {	font-size: 110%;	line-height: 1.8em;	padding: 0 20%;	margin: 20px 0; }
.magArticle-callout-vertical blockquote { padding-left: 16px; }

@media (max-width:767px) {
  .magArticle-callout-vertical {line-height: 1.5em; padding:0 5%; font-size:0.8em;}
  .magArticle-callout-vertical blockquote { padding-left: 10px; }

}

/****
      CALLOUT HORIZONTAL
*/
.magArticle-callout-horizontal{
	font-size: 110%;
	line-height: 1.8em;
	padding: 20px 20%;
	text-align: left;
	margin: 10px 0;
}
.magArticle-callout-horizontal blockquote { padding-top: 12px; padding-bottom: 16px;border-left-color: #fff;}

/
  Colored background text box
**/

.colored-background-text-box {
     width:100%;
     margin:10px 0;
     padding: 10px 2em;
     font-weight:300;
     font-size:1.3em;
     clear:both;
     letter-spacing:1px;
     line-height:1.7em;
 }

.colored-background-text-box h2, .colored-background-text-box h3 {
    color:inherit;
}
.colored-background-text-box img {
    box-shadow: -5px 5px 10px 1px rgba(0,0,0,0.5); 
}
@media(max-width:991px) {
  .colored-background-text-box {  
     margin:0; 
  }
}
@media(max-width:500px) {
  .colored-background-text-box {  
     margin:1em 0; 
     font-size:1em;
     font-weight:normal;
     padding:15px;
  }
}


.inset-image-frame { 
     display:flex;
     flex-direction:column; 
     padding:10px; 
     font-size:0.9em; 
     line-height:1.5em;
}

@media(max-width:500px) {
   .inset-image-frame { 
       float:none !important;
       width:unset !important;
       margin:15px auto !important;
}



  #breadcrumbs-section { display:none; }