/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
#logo img{
 width:300px;
 height:auto;
}

h1.title{
  font-size:24px; 
}

h2.node-title, h2.views-field-title{
 font-size:14px;
}

em{
  font-family:Aramis;  
}

a, a:link, a:visited{ 
 text-decoration:none; 
}

/*add a PDF icon next to all PDF file links*/
a[href$=".pdf"]:after 
{
  content: url(../images/pdf-icon.png);
  padding-left:2px;
}
/*add a Video icon next to Video links*/
a[href$="#videos"]:after 
{
  content: url(../images/video.jpg);
  padding-left:2px;
}

blockquote{
  display:block;
  margin-left:18px;
  padding-left: 8px;
  border-left: 5px solid #0D57AA;
}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
 background: none;
}

tr{
 border-bottom:solid 1px #ccc;  
}

th{
  text-align:center;
  font-weight:bold;
  }
  
ol,ul{
  list-style-position:inside;
  margin-bottom:5px;
}

ul{
 list-style-image:url(../images/lbullet.png); 
}

ol ul,ul ul,ol ol{
 list-style-image:url(../images/mbullet.png); 
 padding:2px;
 margin-bottom:2px;
}

ul ul ul,ol ul ul,ul ol ul{
  list-style-image:url(../images/sbullet.png);
}

/*resize image to fit screen size while keeping aspect ratio*/
.content img {
  max-width: 100%;
  height: auto;
  object-fit: contain; /*magic*/
}

/*region content typography*/
#region-content h1{
  font-size:28px;
}

#region-content h2{
  font-size:25px;
  margin-top:10px;
  margin-bottom:10px;
}

#region-content h3{
  font-size:22px;
  margin-bottom:6px;
}

#region-content h4{
  font-size:16px;
  margin-bottom:4px;
}

#region-content{
  font-size:1.1em;
}

#region-content a:hover{
  text-decoration:underline;
}

/*sidebar block title excluding front page*/
h2.block-title
{
 color:#0d57AA;
 font-size:22px;
 line-height:1.2em;
 margin-bottom:10px;
}

#zone-branding-wrapper{
 background-color: #174991; 
 color:#ffffff;
 padding-top: 24px;
 padding-bottom:10px;
}

#region-branding-second{
 margin-top:10px; 
}

/*sidebar block title exception for homepage*/
#block-block-2 .block-title, #block-views-announcements-block .block-title,#block-views-office-hour-block-1 .block-title,#block-views-upcoming-events-block .block-title{
 color:#EA6A20;
}

/*search form*/
#search-block-form .form-actions,
#search-block-form input[type="text"]{
  float:left;
}

#search-block-form .form-submit{
  padding-top:1px;
}

/*block links of contact us, visit us, giving*/
#block-block-3{
 font-size:12px;
 padding-top:14px;
}

#block-block-3 a{
 text-decoration:none;
 color:#fff;
}

#block-block-3 a:hover{
 text-decoration:none;
 color:#FFCB0B;
}

#zone-header-wrapper{
 background-color: #174991; 
} 

#zone-menu-wrapper{
 background-color: #0D57AA; 
} 

#zone-menu{
 padding-top:10px;
 padding-bottom:10px;
}

#zone-preface-wrapper{
 padding-top:20px;
 background-color: #174991; 
 -moz-box-shadow: inset #FFCB0B 0 -4px 0 0;
 -webkit-box-shadow: inset #FFCB0B 0 -4px 0 0;
 box-shadow: inset #FFCB0B 0 -4px 0 0;
}

#region-preface-first, #region-preface-second{
 margin-bottom:20px;
}

/*Views Slideshow FlexSlider*/
.flexslider {
    border: none;
    margin: 0 0 40px;
}

.flexslider div.views-field-title{
    background-color: #FFCB0B;
    text-shadow: none;
}

.flexslider div.views-field-title a{
    display:block;
    color: #00274C;
    text-decoration:none;
}

.views-field-field-slider-image img{
  height:auto;
}

.flex-control-paging li a{
  background: none repeat scroll 0 0 rgba(255,255,255,0.5);
  }
  
.flex-control-paging li a:hover{
  background: none repeat scroll 0 0 rgba(255,255,255,0.7);
  }
  
.flex-control-paging li a.flex-active{
  background: none repeat scroll 0 0 rgba(255,255,255,0.9);
  } 
  
/*make prev&next icon invisible by default*/
.flexslider .flex-direction-nav {
  display: none; 
}
/*
.flex-direction-nav .flex-prev {
  left: 0 !important; opacity: 1 !important; margin-left: 10px; 
}

.flex-direction-nav .flex-next { 
  right: 0 !important; opacity: 1 !important; margin-right:10px; 
}

.flex-direction-nav .flex-next:hover,
.flex-direction-nav .flex-prev:hover{
 color:#ccc; 
}
*/  
/*sidebar slideshow has no control navigation*/
.block-views-sample-w7-block .flex-control-nav{
 display:none; 
}

/*Block: Quick Links */
#region-preface-second{
 background-color: #1759A9;
 color:#ffffff;
}

#region-preface-second .block-block{
 border:1px solid #FFCB0B;
}

#region-preface-second h2{
 margin-bottom:0;
 padding: 0.4em 0 0.4em 0.75em;
 color:#0F294B;
 background-color:#FFCB0B;
 font-size:18px;
}

#region-preface-second ul{
 margin-top:0;
 margin-bottom:0;
 list-style-image:none;
}

#region-preface-second li{
 font-size:1.1em;
 list-style-type:none;
 border-top:#fff dashed 1px;
}

#region-preface-second li.toplink{
  border:none;
  border-style:none;
}

#region-preface-second li a {
   color: #FFFFFF;
   display: block;
   padding: 0.5em 0 0.5em 0.75em;
   text-decoration: none;
}

#region-preface-second li a:hover {
   background-color:#007FFF;
}

#region-sidebar-first, #region-sidebar-second, #region-content{
 padding-top:16px;
}

/*fix the problem of Nice Menus renders drop-down menus behind slide image in Chrome and IE*/
#nice-menu-1 {
 z-index:10001 !important; 
 font-family: "Times New Roman", Times, serif;
 font-size:18px;
}

/*the font size is different for homepage announcement with other h2 in main content*/
#block-views-announcements-block h2{
 font-size:22px;
}

/*right sidebar width*/
.region-sidebar-second{
 max-width:280px;
}

/*Today's Hours*/
#block-views-office-hour-block-1 table{
 border:none;
 font-size:12px;
}

#block-views-office-hour-block-1 td{
  background:#fff;
  padding:5px 0px;
}

#block-views-office-hour-block-1 td.views-field-field-link{
  padding-right:3px;	
}

/*horizontal line between two news, events or rows*/
#block-views-office-hour-block-1 tr,
/*#block-views-announcements-block .views-row,
.events .views-row,*/
.views-row,
.node-teaser{
  border-bottom:1px solid #e3e3e3;;
}

/*no line after last item*/
#block-views-office-hour-block-1 tr.views-row-last
{
  border-bottom:none;
}

/*Upcoming Events & Similar Events*/
.events .views-field-title,
.more-link a{
  font-size:12px;
}

.events .views-row{
  padding-top:5px;
  padding-bottom:15px;
  display:block;
}

.date-in-parts{
  float:left;
}

.event-month,.event-day{
  width:38px;
  color:#fff;
  background-color:#0D57AA;  
  letter-spacing: 1px;
  margin: 0;
  padding: 1px 4px;
  text-align: center;
  display:block;
}

.event-month {
    font-size: 13px;
    text-transform:uppercase;
    line-height: 14px; 
	padding-top:5px;  
}

.event-day {
    font-size: 18px;
    line-height: 24px;
    float:left;  
}

.events .views-field-title, 
.events .event-time {
    display: block;
    margin-left: 60px;
}

.views-field-title{
    text-transform: uppercase;
}

/*upcoming events page view, eventview as class */
.eventview .views-field-title{
  font-size:20px;
  text-transform:none;
  margin:7px 0px;
  }

.view-upcoming-events .view-header{
  margin:10px 0px; 
}

/*format the button style of Read More link*/
.node-links ul li a,
.node-links ul li a:hover {
  text-transform: capitalize;
  margin: -10px 0 18px 0;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background: #FFCF01;
  border: none;
  color: #00274C;
  font-weight: bold 11px;
  padding: 4px 6px 3px;
}

/*format the style of Read More link on Events*/
.views-more-link{
  display:inline-block;
  margin: -10px 0 18px 0;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background: #FFCF01;
  border: none;
  color: #00274C;
  font: bold 12px/1.2 Arial,sans-serif;
  padding: 4px 6px 3px;
}

/*format more link >*/
.more-link a:after{
  content:">";  
}

.more-link{
 margin-top:8px;
}

/*format Date and Time*/
span.date-display-single{
  display:block;
}

/*title of annoucement*/
#block-views-announcements-block h2.node-title{
  font-size:16px;
  padding-top:8px;
}

#zone-footer-wrapper{
 background-color:#00274C;
 color:#ffffff;
 padding-top:40px;
}

#zone-footer-wrapper a{
 text-decoration:none;
 color:#ffffff;
}

/*zone above the footer*/
#zone-postscript-wrapper{
 background-image:url(../images/architecture-s.png);
 background-repeat:repeat-x;
 background-position:left bottom;
}

/*Student life and copyright*/
#region-footer-first p{
 font-size:11px;
 margin-bottom:6px;
}

/*block-block-5: address, phone, email at the footer*/
#block-block-5 table{
 border:none;
 font-size:12px;
}

#block-block-5 tr{
   border:none;
}

#block-block-5 td{
 vertical-align:top;
 padding:0px 0px 5px 0px;
}

#block-block-8 a{
 font-size:13px;
 color:#FFCB0B;
}

/*sidebar menu*/
.block-menu-block h2,.block-menu h2{
  font-size:24px;
}
.block-menu-block a,.block-menu a
{
 display:block;
 margin-left:10px;
 margin-top:0px;
 margin-bottom:0px;
 padding:6px;
 border-bottom:1px solid #e3e3e3;
}

.block-menu-block a,.block-menu a,
.block-menu-block a:link,.block-menu a:link,
.block-menu-block a:visited,.block-menu a:visited{
 color:#4D4D4D;
}

.block-menu-block a:hover,.block-menu a:hover{
  color:#fff;
  background-color:#587ABC;
  text-decoration:none;
}

.block-menu-block a.active,.block-menu a.active{
  color:#fff;
  background-color:#0D57AA;
  }
 
.block-menu-block ul li,.block-menu ul li{
 list-style:none; 
 font-size:14px;
 padding:0px 5px;
}

.block-menu-block ul li ul li,.block-menu ul li ul li{
 font-size:12px;
}

/*print, email, pdf*/
.node-links a.print-page,.node-links a.print-page:hover,
.node-links a.print-mail,.node-links a.print-mail:hover,
.node-links a.print-pdf,.node-links a.print-pdf:hover{
  background-color:#fff;
}

/*breadcrumb*/
#breadcrumb{
  font: italic 11px;
  color:#11578C;
  padding-top:10px;
  padding-left:5px;
}

/*replace Home text with Home icon*/
ul li.menu-218{
 text-indent:-9999px;
 width:32px;
 background: url("../images/home-icon.png") no-repeat 0px 6px;
}

ul li.menu-218:hover{
 background: url("../images/home-yellow-icon.png") no-repeat 0px 6px;
}

/*print, email icons*/
nav.links{
  margin-top:10px;
}

/*sidebar*/
#region-sidebar-first .block,
#region-sidebar-second .block{
  margin-bottom:20px;
  }

.block p{
 margin-bottom:8px;
}

/*event picture float to the right side of the page*/
.node-event img{
 float:right;
 margin-left:8px;
}
.node-event img.file-icon{
  display:none;
}

/*webform*/
fieldset{
 border:1px solid #ccc; 
 padding:5px;
 margin-bottom:15px;
}

fieldset legend{
  font-size:20px;
  padding:3px;
  color:#0D57AA;
  font-weight:bold;
}

legend{
 margin-left:1em; 
}

fieldset.float label { 
  float:left; width:8em; margin-right:1em; line-height:1.1em; margin-top:.5em; 
}

div.form-item {
  padding-top:1px;
}

/*make two fields in the same line*/
div.sameline{
  display:inline;
  margin-right:2em;
}

fieldset fieldset {
  border:none;
  padding:0px;
}

fieldset fieldset legend {
  font-size:14px;
  padding:0px;
  margin-left:0px;
  margin-top:3px;
}

/*for signiture*/
p.name {
  font-family:Bradley Hand ITC;
  font-weight:bold;
  font-size:1.1em;
}
  
/*for ICP sponsors*/
.sponsor td{
  font-size:11px;
  padding:0px;
}

.sponsor tr{
  border:none;
  }

table.sponsor{
  border:none;
}  

/*for tables have no borders*/
table.noborder{
  border:none;
} 

.noborder tr{
  border:none; 
}

.notice {
  margin:15px 50px 10px 15px; 
  padding: 7px; 
  border: 2px solid #FFD324; 
  background:#FFF6BF; 
  color:#514721;
}

p#crumb{
  font-size:11px;
  font-weight:bold;
}

/*Block Resouces & Links for 20Facult&Staff, 25CPT Review, 26OPT Review*/
.quicklinks{
 background-color: #f5f6f7;
}

.quicklinks .block-title,
.rightside .block-title{
 margin-bottom:0;
 padding: 0.4em 0 0.4em 0.2em;
 font-size:18px;
}

.quicklinks ul{
 margin-top:0;
 margin-bottom:0;
 list-style-image:none;
}

.quicklinks li{
 font-size:1.1em;
 list-style-type:none;
}

.quicklinks li a{
   display: block;
   padding: 0.2em 0 0.2em 1em;
   text-decoration: none;
}

.quicklinks li a:hover {
   background-color:#ddd;
}

/*other blocks with light blue background*/
.rightside{
 background: #e1eaf4; 
}

.rightside .content{
  padding: 0.2em 1em;
}
  
/*change the style of buttons*/
button, input[type="reset"], input[type="submit"], input[type="button"] {
    background: #f5f6f7;
    border-color: #888888;
    border-radius: 1px;
}

/*quotation mark*/
.quote:before{
  content: url(../images/quote-left-black.png);
}

.quote:after{
  content: url(../images/quote-right-black.png);
}

/*style for upcoming events views/format/unformatted list settings add "teaser" to row class. Event tag views also follow the same style for the date display.*/
.teaser span.date-display-single, .view-taxonomy-term span.date-display-single{
 display:inline-block;
 background-color:#0062a0;
 color:#fff;
 padding:1px 4px;
 margin-bottom:5px;
 -moz-border-radius: 1px;
 -webkit-border-radius: 1px;
 border-radius: 1px;
}

/*hide default image with the article Special Mandatory Immigration Check-in for Rackham, Student check-in, Address and Phone Requirement*/
#node-article-480 .field-type-image, #node-article-234 .field-type-image, #node-article-308 .field-type-image
{
   display:none;
}

p.faq{
  font-weight:bold;
  border-top:dotted 1px;
  padding-top:10px;
}

/*views accordion*/
.ui-accordion h3{
  font-size:18px;
  margin-top:10px;
}

.ui-accordion-header{
  font-size:15px;
  font-family: 'Oxygen';
  background:#fdfdfd;
  color:#999;
}
  
.ui-accordion-content p, .ui-accordion-content li{
  font-size:14px;
  font-family:"Roboto";
  padding:2px;
}

/*hide Webform file upload button*/
.node-webform .form-managed-file input[type="submit"]{
 display:none; 
 visibility:hidden;
}

/*this slideshow has no links, add padding to make the title look normal*/
.view-peace-corps-prep-featured-slider .views-field-title,
.view-peace-corps-featured-slider .views-field-title,
.view-going-abroad-featured-slider .views-field-title{
  padding-top:3px;
}

/*peer adviser*/
.peer{
 float:left;
 margin:10px;
}

/*student volunteer, peer adviser, leader, etc*/
.profile{
 display:block;	
}

/*hide Orientation Workshops /events/orientation-workshops date&time*/
#node-event-608 .field-name-field-date {
   display:none;
}

/*Life in Ann Arbor Landing Page Blocks with Title Underneath*/
.imgwtxt{
  width:167px;
  height:247px;
  text-align:center;
  display:block;
  background-color: transparent;
  margin:10px 24px 10px 24px;
  float:left;
}

.imgwtxt img{
	width:167px;
	height:167px;
	border-radius:5%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:10px;
}