@media screen and (max-width: 500px) {
    .leftImage {
        float:left !important;
        margin:0px 10px !important;
        width:auto !important;
    }
}

.right p a.majMin {
    position:initial;
    float:none;
}

.popupContent .photoCredit {
    text-transform:uppercase;
    text-align:center;
    background-color:rgba(255,255,255,.7);
    position:absolute;
    width:auto;
    padding:1% 2%;
    font-weight:bold;
    margin:1%;
    color:#cf0a2c;
    letter-spacing:.02em;
    max-width:44%;
    line-height:140%;
}

.thingContainer {
    margin-bottom:20px;
    border-bottom:2px solid lightgrey;
    width:100%;
    display:inline-block;
}

.icon {
    height:50px;
    width:50px;
    border-radius:50%;
    background-color:#fff;
    border-width:5px;
    border-style:double;
    border-color:#b61e2e;
    color:#b61e2e;
    text-align:center;
    font-size:40px;
    font-family:Georgia;
    cursor:pointer;
    padding:10px 12px;
    text-decoration:none !important;
    font-size:24px !important;
}
.icon:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 1px solid #ffea00;
}

.icon:hover {
    background-color:#b61e2e;
    color:#fff;
}

.pageUniversal .bodyCopy a.icon {
    color:#b61e2e !important;
}

.pageUniversal .bodyCopy a.icon:hover {
    color:#fff !important;
}


/*POPUP STUFF*/

img {
    max-width: 100%;
}
.well {
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    display:none;
    background-color:#fff;
    width:90%;
    height:90%;
	padding:3%;
	margin:0 auto;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}
.popup_visible .well {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.popupContent .btn button { 
    float:right;
    color:#cf0a2c;
    right:0;
    top:0;
    border-bottom:none;
}
pre.prettyprint {
    padding: 9px 14px;
}
.fulltable {
    max-width: 100%;
    overflow: auto;
}
.traditionsContainer {
    padding-left: 0;
    padding-right: 0;
}
.lineheight {
    line-height: 3em;
}
.pagetop {
    background: url(http://subtlepatterns.com/patterns/congruent_outline.png) #333;
    background-attachment: fixed;
    color: #fff;
}
.page-header {
    border-bottom: none;
}
.initialism {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 12px;
}


.popupContent:focus { display:inline-block !important !important }


.popupContent h2 {
    font-family:'Adelle CYR W10 Bold';
    font-size:350%;
    color:#cf0a2c;
    text-rendering:optimizeLegibility;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:6px;
    width:100%;
    margin:0 auto;
    margin-bottom:25px;
}

.popupContent h2 .number {
    font-size:300%;
    font-family:'Adelle CYR W10 semiBold';
    line-height:140%;
}

.popupContent h3 {
    font-family:'Adelle CYR W10 semiBold Italic';
    font-size:180%;
    padding-top:25px;
    padding-bottom:25px;
    margin:0 auto;
    color:#cf0a2c;
    text-transform:uppercase;
    letter-spacing:5px;
    text-align:center;
    line-height:120%;
}

.popupContent p {  
    width:80%;
    font-size:135%;
    line-height:200%;
    margin:0 auto;
}

.left {
    width:50%;
    height:100%;
    float:left;
    vertical-align:middle;
    min-height:300px;
}

.right { 
    width:50%;
    height:100%;
    float:left;
    vertical-align:middle;
}

.right a {
    border-bottom:1px solid currentColor;
}

.right a:hover, .right a:focus {
    border-bottom:1px solid #fff;
}

.right button { 
    background:none;
    border:none;
    cursor:pointer;
}

.right button img {
    width:50%;
    height:auto;
    margin:0;
    padding:0;
    float:right;
    background-color:#fff;
    padding:10px;
}

.right .mainArticle {
    width:100%;
    margin:0 auto;
    padding:0;
    height:auto;
    float:left;
    padding-left:4%;
}

.popupContent {
    float:left;
    height:100%;
    width:100%;
}

.image {
    width:100%;
    height:100%;
} 

.numberOne {
    background: url('../../_files/images/news/2016/08/new-things/1-president.png') top center;
    background-size:contain;
    background-repeat:no-repeat;
}

.numberTwo {
    background: url('../../_files/images/news/2016/08/new-things/2-tuition.png') bottom center;
    background-size:cover;
    background-repeat:no-repeat;
}

.numberThree {
    background: url('../../_files/images/news/2016/08/new-things/3-dining.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.numberFour {
    background: url('../../_files/images/news/2016/08/new-things/4-student.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.numberFive {
    background: url('../../_files/images/news/2016/08/new-things/5-degrees.png') top center;
    background-size:cover;
    background-repeat:no-repeat;
}

.numberSix {
    background: url('../../_files/images/news/2016/08/new-things/6-facultyphoto.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.numberSeven {
    background: url('../../_files/images/news/2016/08/new-things/7-fitness.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.numberEight {
    background: url('../../_files/images/news/2016/08/new-things/10-gunlock.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.numberNine {
    background: url('../../_files/images/news/2016/08/new-things/9-esports.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.numberTen {
    background: url('../../_files/images/news/2016/08/new-things/10-bike.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.numberEleven {
    background: url('../../_files/images/traditions/macmillan.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.numberTwelve {
    background: url('../../_files/images/traditions/greek-large.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}


a.wholeBox {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%; z-index:20;}

.feature { height:360px; background-color:#cf0a2c; width:23%; float:left; margin:1% 1% 1% 1%; min-width:221px; padding:2%; color:#fff; font-size:30px; font-family:'Adelle CYR W10 Bold'; }
.feature:hover { background-color:rgba(207,10,44,.9); }

.bodyCopy .traditions li { list-style-type:none; text-decoration:none; padding:10px !important;}
.bodyCopy .traditions li a { text-align:center; float:left; text-decoration:none; width:100%; font-family:Helvetica, sans-serif; color:#fff !important; padding:10px; margin:0 auto; font-size:60%; text-transform:uppercase;}
.bodyCopy .traditions { margin:0; padding:0; }
.bodyCopy .traditions li a button { border-radius:3px; cursor:pointer; padding:15px; font-weight:bold; font-size:90%; color:#fff; background-color:transparent; border:2px solid #fff; letter-spacing:1px; text-transform:uppercase; }
.bodyCopy .traditions li a button:hover { background-color:rgba(0,0,0,.1);  }


.traditions div { border:2px solid #fff; width:100%; height:100%; margin:0; padding:0 5% 0 5%; background-color:rgba(207,10,44,.9); opacity:0; }
.traditions div:hover { opacity:1; }
.traditions div:focus { opacity:1; background-color:rgba(207,10,44,.9); margin:0 !important; padding:0 !important; display:inline-block !important; }
.bodyCopy .traditions div li a:focus { opacity:1 !important; background-color:rgba(207,10,44,.9); display:inline-block !important; margin:0 !important; padding:0 !important; }

.bodyCopy .traditions h2 { font-family:'Adelle CYR W10 Bold'; margin-bottom:25px; text-align:center; color:#fff; font-style:normal; font-size:100%; letter-spacing:1px; text-rendering:optimizeLegibility;}
.bodyCopy .traditions h3 { font-family:'Adelle CYR W10 Bold'; margin:0 auto; text-align:center; color:#fff; font-style:normal; font-size:300%; text-rendering:optimizeLegibility; }

.showDiv { opacity:1 !important; }

.bodyCopy .traditions li a:focus > .traditions div {
  opacity: 1 !important;
}

.first {
    background: url('../../_files/images/traditions/sundialBig.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.second {
    background: url('../../_files/images/traditions/sealNew.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.third {
    background: url('../../_files/images/traditions/peabodyNew.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.fourth {
    background: url('../../_files/images/traditions/uphamNew.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.fifth {
    background: url('../../_files/images/traditions/broomballNew.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.sixth {
    background: url('../../_files/images/traditions/treesNew.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.seventh {
    background: url('../../_files/images/traditions/tuffysNew.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.eighth {
    background: url('../../_files/images/traditions/charterNew.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.ninth {
    background: url('../../_files/images/traditions/cradleNew.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.tenth {
    background: url('../../_files/images/traditions/bricksNew.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.eleventh {
    background: url('../../_files/images/traditions/mergersNew.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.twelveth {
    background: url('../../_files/images/traditions/greekNew.png') center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.popupContent { overflow:scroll; }

@media only screen and (max-width : 1012px) {
.feature { width:46%; margin:2%; height:500px; }
.bodyCopy .traditions h3 { font-size:400%; margin-top:50px; }
.bodyCopy .traditions h2 { font-size:150%; }
.bodyCopy .traditions li a button { font-size:120%; }
}

@media only screen and (max-width : 860px) {
#president .left { height:900px; }
.left { width:100%; height:50%; }
.right { width:100%; height:auto; }
.right a.btn { position:absolute; right:10px; top:10px; border-bottom:none; }
.right button img { padding: 10px; }
.right .mainArticle { margin-top:-50px; padding:20px; }
.popupContent p { width:100%; }
.popupContent h2 { background-color:rgba(255,255,255,.9); font-size:400%; letter-spacing:10px; }
.popupContent h2 .number { font-size:300%; }
.well { width:95%; height:95%; padding:20px; }
.popupContent { overflow:scroll; }
.numberTen { background-position:top center; }
.right p a.majMin {
    position:initial;
    float:none;
}

}

@media only screen and (max-width : 522px) {
#president .left { height:570px; }
.feature { width:100%; margin-left:0; margin-right:0; margin-bottom:5%; margin-top:5%; }
.left { width:100%; height:35%; margin-top:0px;}
.left figure { background-size:100%; }
.right { width:100%; height:auto; }
.right a.btn { position:absolute; right:10px; top:10px; border-bottom:none; }
.right .mainArticle { margin-top:-50px; padding:20px; }
.well { width:95%; height:95%; padding:20px; }
.popupContent p { width:100%; }
.popupContent h2 { background-color:rgba(255,255,255,.9); font-size:300%; letter-spacing:5px; }
.popupContent h2 .number { font-size:250%; }
.popupContent h3 { padding-top:15px; padding-bottom:15px; }
.right p a.majMin {
    position:initial;
    float:none;
}

}

@media only screen and (max-width : 430px) {
    #president .left { height:485px; }
}

/* @FONT-FACE loads font into browser */
@font-face {
  font-family: 'typicons';
  font-weight: normal;
  font-style: normal;
  src: url('../../_files/images/traditions/typicons.eot');
  src: url('../../_files/images/traditions/typicons.eot?#iefix') format('embedded-opentype'),
       url('../../_files/images/traditions/typicons.woff') format('woff'),
       url(../../'_files/images/traditions/typicons.ttf') format('truetype'),
       url('../../_files/images/traditions/typicons.svg#typicons') format('svg');
}
 
/* :before psuedo-selector inserts and styles icon */
.typcn:before {
  font-family: 'typicons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  height: 1em;
  font-size: 1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.typcn { display:block; }

.typcn-chevron-left-outline:before { 
  content: '\e046'; /* '' */
} 
.typcn-chevron-left:before { 
  content: '\e047'; /* '' */
} 
.typcn-chevron-right-outline:before { 
  content: '\e048'; /* '' */
} 
.typcn-chevron-right:before { 
  content: '\e049'; /* '' */
} 


@font-face {
  font-family: 'font-icons';
  src: url('../../_files/assets/font-icons/font-icons.eot?71507239');
  src: url('../../_files/assets/font-icons/font-icons.eot?71507239#iefix') format('embedded-opentype'),
       url('../../_files/assets/font-icons/font-icons.woff?71507239') format('woff'),
       url('../../_files/assets/font-icons/font-icons.ttf?71507239') format('truetype'),
       url('../../_files/assets/font-icons/font-icons.svg?71507239#font-icons') format('svg');
  font-weight: normal;
  font-style: normal;
} 
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'font-icons';
    src: url('../font/font-icons.svg?71507239#font-icons') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "font-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  text-align:center;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-close-icon:before { content: '\e800'; } /* '' */
.icon-maximize-icon:before { content: '\e801'; } /* '' */
.icon-minimize-icon:before { content: '\e802'; } /* '' */
.icon-right-open:before { content: '\e803'; text-align:center; width:100%; margin-top:5px; } /* '' */
.icon-angle-double-right:before { content: '\e804'; } /* '' */
.icon-right-open-big:before { content: '\e805'; } /* '' */
/*POPUP END*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    background-color:rgba(255,255,255,.9);
    font-size:120%;
    line-height:120%;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}