@charset "UTF-8";

/*! 
 * CWRU Home Page
 * Version 5
 * University Marketing & Communications
 * Copyright (c) 2014 Case Western Reserve University
 *
 */
 #cap_alert_div {max-width:100%;}  

/* Reset */
html, body, address, footer, blockquote, dl, pre, span,  button, del, ins, map, object, abbr, acronym, b, bdo, big, cite, code, dfn, i, kbd, q, samp, small, sub, sup, tt, var, legend, fieldset  { font-family: 'Titillium Web', Helvetica, Arial, sans-serif; color:#444; margin:0; padding:0; line-height:1.4; font-weight:normal; font-size:20px;   }

body {background: #fff; }

/* HTML5 Boilerplate  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

a {color:#3168a6; text-decoration:none; cursor:pointer; }
a:hover {text-decoration:underline; }
a:visited, a:focus {text-decoration:none; outline:0 none; } 
a img {border:0 none; } /* IE */

h1 {font-size:54px; margin:0; font-weight:normal; }
h1.bg {font-size:54px; margin:0; font-weight:normal; background-color:#0a304e; color:#ffffff; padding:8px; }
h2 {font-size:44px; margin:0; font-weight:normal; }
h3 {font-size:34px; margin:0; font-weight:normal; }
h4 {font-size:26px; margin:0; font-weight:normal; }
h5 {font-size:18px; margin:0; font-weight:normal; }


/* HEADER
-------------------------- */
header {background-color:rgba(10,48,78,.97); position:absolute; width:100%; z-index:999; }
header section {position:relative; width:95%; max-width:2000px; margin:0 auto; }
.logo {padding-top:15px; margin-bottom:10px; width:330px; height:auto;
  -webkit-transition: linear .1s;
     -moz-transition: linear .1s;
      -ms-transition: linear .1s;
       -o-transition: linear .1s;
          transition: linear .1s;}
.logo-a {width:280px; height:auto; }

/* cwru-links */
header section .cwru-links {position:absolute; margin:0; padding:0; right:75px; top:20px; width:auto; }
header section .cwru-links ul {margin:0; padding:0; }
header section .cwru-links li {margin:0; padding:0; list-style-type:none; float:left; }
header section .cwru-links li a { display:block; padding:10px; font-size:17px; color:#c6d4e3; }
header section .cwru-links li a:hover {text-decoration:none; color:#fff; }
header section .cwru-links .toggle {background:url(/images/2014/down-arrow.png) no-repeat center right; padding-right:12px; }
.search-icon {position:absolute; right:0; top:20px; background-color:rgba(200,200,200,.1); padding:12px 15px; }

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.visually-hidden.focusable:focus {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}
/* Site Nav */
header section .site-nav {margin-top:2px;  }
header section .site-nav ul {margin:0; padding:0; }
header section .site-nav li {margin:0; padding:0; list-style-type:none; }
header section .site-nav li a {display:block;  float:left; padding:18px 0; margin:0 18px; color:#f6f6f6; font-size:18px; border-bottom:1px solid #0a304e; 
  -webkit-transition: linear .1s;
     -moz-transition: linear .1s;
      -ms-transition: linear .1s;
       -o-transition: linear .1s;
          transition: linear .1s; }
		  
header section .site-nav li a:hover {text-decoration:none; border-bottom:1px solid #c6d4e3; color:#c6d4e3; } 		  
header section .site-nav li:first-child a {margin-left:0; }

/* Quicklinks */
.quicklinks {margin:0; padding:0; position:absolute; background-color:#fff; padding:20px 30px; right:70px; top:70px; display:none; }
.quicklinks ul {margin:0; padding:0; }
.quicklinks li {margin:0; padding:0; list-style-type:none; border-bottom:1px solid #f1f1f1; }
.quicklinks li:last-child {border:0; }
.quicklinks li a {display:block; padding:15px 20px; font-size:20px;  text-decoration:none; color:#636363;  }

.quicklinks .arrow {position:absolute; top:-17px; right:45px; }
.quicklinks .close { position:absolute; right:20px; top:5px; font-size:24px; }
.quicklinks .close a:hover {text-decoration:none; }

.quicklinks li.email {background:url(/images/2014/24_email.png) no-repeat center left; padding-left:15px;  }
.quicklinks li.maps {background:url(/images/2014/24_map.png) no-repeat center left; padding-left:15px; }
.quicklinks li.dir {background:url(/images/2014/24_dir.png) no-repeat center left; padding-left:15px; }
.quicklinks li.its {background:url(/images/2014/24_display.png) no-repeat center left; padding-left:15px; }
.quicklinks li.aid {background:url(/images/2014/24_cal.png) no-repeat center left; padding-left:15px; }
.quicklinks li.give {background:url(/images/2014/24_give.png) no-repeat center left; padding-left:15px; }

/* Mobile nav */
.open { display: none; float: left; padding:25px 25px; margin: -4px 7px 0 0; background:url(/images/2014/mobile-menu-icon.png) center center no-repeat; background-size:32px 26px; text-indent: -999999px; border: 0; }

/* Search */
.search-f {position:absolute; right:0; top:16px; z-index:9999;  }
input { outline: none; border:0; }
input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; font-family: inherit; font-size: 100%; }
input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; }
input[type=search] { background:url(/images/2014/search-icon.png) no-repeat center center; width:200px;
	-webkit-border-radius: 1px;
	   -moz-border-radius: 1px;
	        border-radius: 1px;
			
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
	        transition: all .4s; }
			
input[type=search]:focus { width: 430px; background:rgba(200,200,200,.1) url(/images/2014/search-icon-gray.png) no-repeat 9px center; border:0; }
input:-moz-placeholder {color: #999; }
input::-webkit-input-placeholder { color: #999; }
#cwru-search input[type=search] { width: 35px; padding:9px; color: transparent; cursor: pointer; }
#cwru-search input[type=search]:focus { width: 430px; padding:9px 9px 9px 45px; color: #000; background-color: #fff; cursor: auto; }
#cwru-search input:-moz-placeholder { color: transparent; }
#cwru-search input::-webkit-input-placeholder { color: transparent; }

/* FEATURE
----------------------------*/
.feature {padding-top:88px; position:relative; }
.feature img {width:100%; }
.feature div {position:absolute; bottom:4%; right:4%; color:#0a304e; /*background: rgba(0,0,0,.4);*/ padding:20px; width:65%;

/* Transition from left
 -webkit-animation: moveFromLeft 800ms ease-out;
    -moz-animation: moveFromLeft 800ms ease-out;   
    -o-animation: moveFromLeft 800ms ease-out; 
    animation: moveFromLeft 800ms ease-out; */


/* Fade in	 */     
   -webkit-animation: fadein 4s; 
       -moz-animation: fadein 4s; 
         -o-animation: fadein 4s; 
	        animation: fadein 4s; 
			}
.feature div.bg {color:#ffffff; background: rgba(10,48,78,.8); padding:20px; width:65%; 

/* Transition from left
 -webkit-animation: moveFromLeft 800ms ease-out;
    -moz-animation: moveFromLeft 800ms ease-out;   
    -o-animation: moveFromLeft 800ms ease-out; 
    animation: moveFromLeft 800ms ease-out; */


/* Fade in	 */     
   -webkit-animation: fadein 4s; 
       -moz-animation: fadein 4s; 
         -o-animation: fadein 4s; 
	        animation: fadein 4s; 
			}
			
.feature span { font-size:14px; text-transform:uppercase; padding:0 5px; }
.feature div h1 {margin:0 0 10px 0; line-height:1;  }			
.feature div p {font-size:30px; margin:0 0 25px 0;  }
.button {color:#0a304e; padding:5px 10px; font-size:26px; background-color:rgba(217,217,217,.8); border:solid 0px rgba(255,255,255,.3); border-bottom:solid 0px rgba(255,255,255,.3);
     -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;  }
.button:hover {border:solid 0px rgba(255,255,255,.1); border-bottom:solid 0px rgba(255,255,255,.1); background-color:rgba(255,255,255,.8); text-decoration:none; }

/* CONTAINERS
----------------------------*/
.content-wrap {position:relative; width:95%; max-width:2000px; margin:0 auto; }


/* NEWS
----------------------------*/
.news {background-color:#f7f7f7; position:relative; margin:-6px auto 0 auto; overflow:auto;}
.news #lst {margin:0;}
/* thumbs */
.news figure img {width:100%; }
.news figure { display: block; width:32.95%; height:auto; float: left; overflow: hidden; margin: 0 1px 0 0; padding:0.15%; }
.news figcaption { padding:0.5em 1em; width:100%; opacity: 1; bottom: 8px; left: -30%; z-index:888; 
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
	   -ms-transition: all 0.3s ease;
	      transition: all 0.3s ease; }

.news figure:hover figcaption { opacity: 0.9; left: 0; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }
.news figcaption h3, .news figcaption p {margin:0 20px 0 0; }
.news figcaption p a {margin-right:20px; }
.tint {position: relative; float: left; overflow:hidden;}  
.tint:after {content: ""; display: block; position: absolute; top: 0; bottom: 6px; left: 0; right: 0; background: rgba(10,48,78,.2);} 
.more-news-link {display:block; text-align:right; margin:15px 0; font-size:20px;  position:relative; width:95%; max-width:2000px }

/* TABS
----------------------------*/

.tabs {position:relative;  width:100%;}
.tabs-wrap  { position:relative; width:100%; margin:20px auto 20px auto; text-align:center; }
.tab-content { margin:90px 0 0 0; float:left;}
.tab-nav-wrap {position:relative;  }

ul.tabs { list-style:none; display:block; text-align:center; padding:40px 0 }
ul.tabs li { position:relative; display:inline-block;}
ul.tabs li a { color:#0a304e; display:block; font-size:34px; border:solid 1px #0a304e; border-bottom:solid 3px #0a304e; text-decoration:none; padding: 3px 20px;margin-right:40px; text-transform:uppercase;
 }
ul.tabs li.active .tab-arrow { background:url(/images/2014/tab-active.png) no-repeat scroll 0 0 transparent; bottom:-18px; height:21px; position:absolute; right:51%; width:32px; }


#tabsection {width:85%; margin:0 auto}
#tabsection .left-col, #tabsection  .right-col, #tabsection .mid-col {min-height:380px;}
#tabsection .left-col p a,  #tabsection  .right-col p a, #tabsection .mid-col p a {display:block; }
#tabsection .left-col, #tabsection .right-col, #tabsection .mid-col {width:26%; background-color:#EDEDED; float:left; margin-top:20px; padding:6.5% 2%; }
#tabsection .left-col, #tabsection .mid-col {float:left; margin: 3% 5% 3% 0;  }
#tabsection .right-col {float:right; margin: 3% 0 3% 0;}


#cwru, #events, #give, #visit {width:100%; margin:0 auto 0 auto; text-align:center; float:left;}

#visit .left-col, #visit .mid-col,  #visit .right-col {width:26%; background-color:#d7d7d7; float:left; margin-top:20px; padding:6.5% 2%; }
#visit .left-col, #visit .mid-col {float:left; margin: 3% 5% 3% 0;  }
#visit .right-col {float:right; margin: 3% 0 3% 0;  }


/* EVENTS added by sxo152 pending review
----------------------------*/

#events img {width:100%; margin:0 auto; opacity:0.8;}
#events .featured {width:44%; background-color:#d7d7d7; float:left; margin-top:20px; padding:0 0 6% 0; min-height:550px;}
#events .upcoming,  #events .athletic {width:40%; background-color:#d7d7d7; float:left; margin-top:20px; padding:3% 2%; min-height:550px;}
#events .upcoming img,  #events .athletic img {width:33%; margin:0 auto; opacity:1;}
#events .featured h4, #events .upcoming h4,  #events .athletic h4{margin-bottom:1em;}
#events .featured, #events .upcoming {float:left; margin: 3% 5% 3% 0; }


#events .featured #featuredtitle {font-size:140%; margin-top:1em; line-height:1; display:block; font-weight:400; text-align:left; padding:4% 8% 4% 8%;}
#events .featured #featureddate {font-size:100%; line-height:1;  display:block; font-weight:bold; text-align:left; padding:4% 8% 4% 8%;}
#events .featured #featureddescription {font-size:100%; line-height:1.4; display:block; text-align:left; padding:4% 8% 4% 8%;}
#events .featured p a {margin-top:0.5em; display:block; text-align:left; padding:4% 8% 4% 8%;}
   #events .featured .calendar {width:25%; margin:0 auto;}
   #events .featured .calendar .month {width:100%; font-size: 23px; border:5px solid #0a304e; 
 background-color: #0a304e; color: white; display: block;font-weight: 300; line-height:1.4; margin-top:60px;}
   #events .featured .calendar .day { width:100%; font-size: 55px; display: block; font-weight:300; border:5px solid #0a304e; line-height:1.1; background-color:#fff; margin-bottom:15px;}

	#events .upcoming div {display:inline-block; margin:0 auto; width:100%;}
  #events .upcoming .gcf-item-container-block {padding:0;}
	#events .upcoming .gcf-item-block {text-align:left; width:100%; padding:1%; margin:1%; margin-bottom:0.5em; float:left; padding: 8px 5px; display: block; list-style-type: none; border-bottom: dotted 1px #eee; font-size:17px; overflow: auto; font-weight:300;}
	#events .upcoming .gcf-item-title {display:block; line-height:1; word-wrap: break-word; font-size:110%; font-weight:400; margin-bottom:0.25em;}
	#events .upcoming .gcf-item-daterange {font-weight:bold; font-size:90%; color:#626262; line-height:1; display:block; float: left;text-align: center;margin-right: 10px;border: solid 1px #eee; width:50px; float:left; margin-bottom:1em;}
   #events .upcoming .gcf-item-daterange .month {font-size: 13px; background: #0a304e; color: white;display: block;font-weight: 300;width: 50px; line-height:1.4;}
   #events .upcoming .gcf-item-daterange .day {font-size: 25px; display: block; font-weight:300; width: 50px; line-height:1.4; background-color:#fff;   }

	#events .upcoming .gcf-item-location {font-size:90%; font-weight:normal; line-height:1; display:block;}
	#events .upcoming .fullcalendar {text-align:center; font-size:16px;}





#events .athletic {float:right; margin: 3% 0 3% 0; }
#events .athletic ul li {margin-bottom:1em; list-style-type:none; text-align:left; margin-left:0; font-size:16px; border-bottom: dotted 1px #eee;}
#events .athletic ul li a {text-decoration:none; font-weight:400;  font-size:20px;}
#events .athletic ul li .text span {font-size:18px; font-weight:100; }

#events .athletic ul li a span {text-decoration:none; color:#3168a6; font-size:20px; font-weight:400;}
#events .athletic ul {-webkit-margin-before:no-inherit;-webkit-margin-after:none; padding:0; }
#events span {line-height:1}



/*add rss feed to sidebar menu*/
ul.rss{list-style-type: none; padding: 0px; margin: 0px 20px 0px 10px;}
ul.rss li{background-image: url(//case.edu/images/arrow.png); background-repeat: no-repeat; background-position: 0px 9px; padding-left: 10px; margin-bottom: 0.5em; border-bottom:0;}
ul.rss li span {font-size:0.9em; display:block; color:#888;}
ul.rss li a:hover {color:#0a304e; text-decoration: none}

ul.rss li div {text-align:left !important;}
.feedEk .itemTitle {font-weight:bold;}

/* SOCIAL
----------------------------*/
.social { background-color:#f1f1f1; float:left; padding:60px 0; text-align:center; width:100%; }
.social ul {margin:30px 0 0 0; padding:0; display:block; text-align:center;  }
.social li {margin:0; padding:0; list-style-type:none; display:inline-block; *display:inline; zoom:1; }
.social li a {float:left; padding-right:20px; 
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s; }
			
.social li a:hover {opacity:.5; }


/* FOOTER
----------------------------*/
footer {background-color:#d7d7d7; padding:80px; overflow:auto; border-bottom:solid 5px #0a304e; }
footer section {width:100%;}
footer section .left-col { float:left; width:26%; }			
footer section .mid-col, footer section .right-col {float:right; width:25%; margin-left:30px;  }

footer section .mid-col ul, footer section .right-col ul {margin:0; padding:0; }
footer section .mid-col li, footer section .right-col li {margin:0; padding:0; list-style-type:none; }
footer section .mid-col li a, footer section .right-col li a {display:block; padding:12px; text-decoration:none; color:#383838; font-size:17px; border-left:solid 1px #f5f5f5; 
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s; }
			
footer section .mid-col li a:hover, footer section .right-col li a:hover {background-color:#fff; border-left:solid 1px #383838; } 
footer section .left-col p {font-size:15px; }			
.left-col p a, .right-col p a, .mid-col p a {display:inline; margin-top:0em;}
#google_translate_element {float:left; display:inline-block;}


/* For IE :( */

.lightyellowbox {background-color:#FF3; color:#000; z-index:1000; position:fixed; bottom:0; font-size:14px; line-height:1; padding:10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";}



.ie8 header {background:#0a304e; top:40px;}
.ie8 header section .site-nav li {display:block;  float:left; }
.ie8 header section .site-nav li a { padding:18px 0; margin:0 18px; }
.ie8 .feature div.bg {color:#ffffff; background-color:#0a304e; padding:20px; width:450px; font-size:18px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";}
.ie8 .cap-top figcaption { position:relative; left: 0; top: 0; background:#0a304e; margin:-20px 0 0 0; padding:10px; min-height:240px;}
.ie8 .news {margin-top:-7px; }
.ie8 .news figcaption h3 {font-size:22px; }
.ie8 .news figcaption p a {font-size:17px; margin-right:20px; }
.ie8 .feature div .button {border:solid 1px #0a304e; border-bottom: solid 2px #0a304e; }
.ie8 .tabs-wrap { margin:20px auto 20px auto; }
.ie8 ul.tabs li.active { position:relative; top:-20px; }




.ie7 header {background:#0a304e; top:40px;}
.ie7 header section .site-nav li {display:block;  float:left; }
.ie7 header section .site-nav li a { padding:18px 0; margin:0 18px; }
.ie7 .feature div.bg {color:#ffffff; background-color:#0a304e; padding:20px; width:450px; font-size:18px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";}
.ie7 .cap-top figcaption { position:relative; left: 0; top: 0; background:#0a304e; margin:-20px 0 0 0; padding:10px;  min-height:240px;}
.ie7 .news {margin-top:-7px; }
.ie7 .news figcaption h3 {font-size:22px; }
.ie7 .news figcaption p a {font-size:17px; margin-right:20px; }
.ie7 .feature div .button {border:solid 1px #0a304e; border-bottom: solid 2px #0a304e; }
.ie7 .tabs-wrap ul.tabs {width:1000px; }
.ie7 ul.tabs { padding:20px 0;}
.ie7 ul.tabs li {width:230px; float:left; margin:5px;}
  
.ie6 header {background:#0a304e; top:40px;}
.ie6 header section .site-nav li {display:block;  float:left; }
.ie6 header section .site-nav li a { padding:18px 0; margin:0 18px; }
.ie6 .cap-top figcaption { position:relative; left: 0; top: 0; background:#0a304e; margin:-20px 0 0 0; padding:10px;}
.ie6 .news {margin-top:-7px; }
.ie6 .news figcaption h3 {font-size:22px; }
.ie6 .news figcaption p a {font-size:17px; margin-right:20px; }
.ie6 .feature div .button {border:solid 1px #0a304e; border-bottom: solid 2px #0a304e; }
.ie6 ul.tabs { padding:20px 0 }




/* RESPONSIVE STRUCTURE 
------------------------------------------*/

/* Min-width */


@media only screen and (min-width:481px) {
				
.m-search {display:none; }
}
			
			
/* Max-width */

@media only screen and (max-width: 480px) {
/* Search */
.m-search {position:relative; width:90%; margin:0 auto; padding:8px 0 8px 0; }
.m-search input[type="text"] {font-size:100%; border: 0 none; width:75% !important; padding: 5px 10px 6px 8px; }
#search-btn { position:absolute; right:0; top:10px;}


.search-f {display:none; }

}


@media only screen and (max-width: 650px) {


}


@media only screen and (max-width: 767px) {
body {font-size:100%;  background-color:#f6f6f6; }
h2 {font-size:125%;}
.tabs a {background-color:#ffffff;}	
/* Header */
header {background-color:rgba(10,48,78,1); position:absolute; width:100%; z-index:999; }
header section {position:relative; width:100%; margin:0 auto;  }
	
/* Mobile Nav */
.open {display:block; margin-left:10px; }
#mobile-nav { background:#38383d; width:100%; position:relative; display:none; overflow:auto; margin:0; padding:0 0 70px 0; }
header section .site-nav, header section .cwru-links  {margin:0; padding:0; width:100% !important; position:relative; top:0; right:0; left:0; bottom:0;  }
header section .site-nav li, header section .cwru-links li {margin:0; padding:0; list-style-type:none; float:none; border:0 none; color:#fff !important;  }
header section .site-nav li a, header section .cwru-links a {display:block;  float:none; padding:0; margin:0; color:#fff  !important;  border:0 !important;  padding:20px !important; font-size:110% !important; }
header section .site-nav li a:hover, header section .cwru-links a {text-decoration:none; border-bottom:0; } 		  
header section .site-nav li:first-child a {margin-left:0; }
.site-nav-a {font-size:inherit !important; }
.search-f {top:13px; right:10px;  }
header section .cwru-links .toggle {background:url(/images/2014/down-arrow.png) no-repeat center right; background-position:90% 50%; }

/* Feature */
.feature div {position:relative;  margin:-7px auto 20px auto; left:0; right:0;  width:auto !important; background: rgba(0,0,0,.9); }
.feature div h1 {padding:0; margin:10px 0 0 0;  }
.feature div p {font-size:100%; }
.feature div .button {font-size:120%;}


.feature div.bg {color:#ffffff; background:#0a304e; padding:20px; width:35%; 

/* Transition from left
 -webkit-animation: moveFromLeft 800ms ease-out;
    -moz-animation: moveFromLeft 800ms ease-out;   
    -o-animation: moveFromLeft 800ms ease-out; 
    animation: moveFromLeft 800ms ease-out; */


/* Fade in   */     
   -webkit-animation: fadein 4s; 
       -moz-animation: fadein 4s; 
         -o-animation: fadein 4s; 
          animation: fadein 4s; 
      }


/* News */
.news {width:100%; display:block; margin-top:2px; }
.news figure {position:relative; float:none; width:95% !important; margin:0 auto; }
.news figure img { width:100%; height:auto;}
.news #lst {margin:0 auto; }
.news figcaption h3 {font-size:140%; }
.news figcaption p, .news figcaption p a {font-size:19px !important; }
.news figcaption { background: #0a304e; color:#fff; padding: 10px 20px; width:98%; opacity: 1; bottom: 0; margin:-10px 0 10px 0; }
.news figcaption p a {font-size:22px !important; color:#bbb; text-decoration:underline; }
.cap-top figcaption { left: 0; top: 0; }
.cap-top:hover figcaption { top: 0; }

/* Tabs */
* .left-col, * .right-col, * .mid-col {min-height:10px;}

.tabs-wrap  { position:relative; padding:1%; width:auto; margin:10px 0px!important; }
.tab-content { margin:0; }
.tab-nav-wrap { padding:0; margin:0; }
ul.tabs { margin:0 auto; padding:0;  }
ul.tabs li {float:none; width:50% !important; float:left; }
ul.tabs li a { color:#383838; display:block; font-size:100% !important;  padding: 17px 22px; margin: 0 0 7px 0; }
ul.tabs li:last a {margin:0; }
ul.tabs li.active .tab-arrow { background:none ; width:auto !important; }
ul.tabs li.active a { width:auto !important; background:#0a304e; color:#fff; }

#visit { width:95%; margin:40px auto 0 auto; }
#visit img {width:25%; height:auto; }
#give, #events, #cwru, #visit {margin:0; padding:0;}

/* EVENTS added by sxo152 pending review
----------------------------*/
#give h2, #events h2, #cwru h2, #visit h2 {font-weight:bold;}



#visit .left-col, #visit .mid-col,  #visit .right-col {border-bottom:5px #ccc solid; width:100%; float:left; margin:15px 0 15px 0; padding:6% 0 6% 0; min-height:100px;}
#cwru .left-col, #cwru .mid-col, #cwru .right-col {border-bottom:5px #ccc solid; width:100%; float:left; margin:15px 0 15px 0;  padding:6% 0 6% 0; min-height:100px;}
#give .left-col, #give .mid-col, #give .right-col {border-bottom:5px #ccc solid; width:100%; float:left; margin:15px 0 15px 0;  padding:6% 0 6% 0; min-height:100px;}
#events .featured, #events .upcoming,  #events .athletic {border-bottom:5px #ccc solid; width:100%; float:left; margin:15px 0 15px 0;  padding:6% 0 6% 0; min-height:100px;}
.tab-content p {padding:0.5em 1em 0.5em 0.5em;}



#events img {display:none;}
#events p { padding:1%; margin: 0 auto; }
#events .upcoming h4, #events .athletic h4{text-align:left; margin-left:16px;}
#events .athletic ul {margin-left:16px;}

/* More news link */
.more-news-link {text-align:center; margin:15px 0; font-size:95%;  width:auto;  }


/* Quicklinks */
.quicklinks {margin:-75px 0 50px 40px; width:80% !important; padding:0 0 0 30px; position:relative; background:none !important; padding:0; right:0; bottom:0; }
.quicklinks ul {margin:0; padding:0; }
.quicklinks li {border-bottom:0; }
.quicklinks li:last-child {border:0; }
.quicklinks li a {padding:20px !important; font-size:110% !important; color:#fff;  }
.quicklinks .arrow {display:none; }
.quicklinks .close {display:none; }


.social {padding:6% 0 6% 0; }

/* Footer */

footer {background-color:#d7d7d7; padding:80px;  border-bottom:solid 5px #0a304e; float:left; width:100%; margin:0; padding:0; text-align:center;}
footer section {width:100%; float:left;}
footer section .left-col {width: 100%; padding: 20px; box-sizing: border-box;}
footer section .mid-col, footer section .right-col {float:left; width:100% !important; margin:0;  }
footer section .mid-col li, footer section .right-col li {border-bottom:solid 1px rgba(153,153,153,.1); }
footer section .mid-col li a, footer section .right-col li a {padding:16px; font-size:90%; border-left:none; }
footer section .mid-col li a:hover, footer section .right-col li a:hover {background:none !important; border:none !important; }


}


@media only screen and (max-width: 860px) {
	
header section .site-nav {margin-top:8px; }	
.feature {padding-top:71px; }
.feature div {  bottom:7% !important; }
}
    	
@media only screen and (max-width: 950px) {
header section .quick-links li a { font-size:80%;  }
header section .site-nav li a {font-size:80%; } 
.site-nav-a {font-size:80% !important; }
.feature div {  bottom:13%; }
.logo {width:230px !important; height:auto; margin:0; }
#visit { width:100%; }
ul.tabs li a {  font-size:34px; margin-right:3%; }
.news figcaption h3 {font-size:110% !important; }

.tabs-wrap  { margin:20px auto 20px auto; }



#events { width:100%; }
#events .gcf-item-container-block {margin-top:20px;  display:inline-block; margin:0 auto; width:100%; }
#events .gcf-item-block {width:100%; height:auto; overflow:hidden;  padding: 10px; margin:5px; margin-bottom:20px; float:none;}


}


@media only screen and (max-width: 1024px) {

.feature div {font-size:80%;}

#events .athletic ul li span { font-size:80%;}


}



@media only screen and (max-width: 1200px) {

.news figcaption h3 {font-size:120%; font-weight:bold; }
.news figcaption p {font-size:95%; }
.sticky-wrapper {width:100% !important;}

}


@media only screen and (max-width: 1240px) {
.news figure { width:32.9%; }

}

 
 @keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes moveFromLeft { 
0% {
		opacity: 0;
		-moz-transform: translateX(-200%);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0%);
	}
}
@-webkit-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}​