body { font-family:'Roboto', sans-serif; -webkit-font-smoothing:antialiased; }

#site-wrapper { min-width:290px; }

#copy-content h1 { border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px; }

#header { background:no-repeat center center; background-size:cover; }
#header { position:relative; }
#navigation { position:absolute; top:0; right:0; left:0; z-index:3; }
#navigation a { color:inherit; }
#navigation a:hover { color:inherit; }
#navigation #mainnav { float:left; }
#logo { margin-top:80px; position:relative; z-index:2; padding:15px; }
#logo a { display:block; position:relative; margin:0 auto; opacity:1; transition:opacity 0.2s; }
#logo a .logo-image { display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/template/logo_poe.png) no-repeat center center; background-size:contain; }
#logo a .site-title { display:block; height:0; text-indent:-9999px; }
#logo a:before { content:""; display:block; padding-top:33.33333%; }

/* 01,02,03,04,05,06 */
#header.seed_01 { background-image:url(../images/headers/01.jpg); }
#header.seed_02 { background-image:url(../images/headers/02.jpg); }
#header.seed_03 { background-image:url(../images/headers/03.jpg); }
#header.seed_04 { background-image:url(../images/headers/04.jpg); }
#header.seed_05 { background-image:url(../images/headers/05.jpg); }
#header.seed_06 { background-image:url(../images/headers/06.jpg); }


#header-social-media-links { float:right; }
#header-social-media-links .link { float:left; }
#header-social-media-links .link a { display:block; width:40px; height:50px; background-color:rgba(255,255,255,0.1875); background-repeat:no-repeat; background-position:center center; text-indent:-9999px; margin:15px 0 15px 1px; transition:background-color 0.2s; }
#header-social-media-links .link a:hover { background-color:rgba(255,255,255,0.25); }
#header-social-media-links .link.facebook a { background-image:url(../images/template/social_facebook.png); }
#header-social-media-links .link.twitter a { background-image:url(../images/template/social_twitter.png); }
#header-social-media-links .link.youtube a { background-image:url(../images/template/social_youtube.png); }
#header-social-media-links .link.flickr a { background-image:url(../images/template/social_flickr.png); }
#header-social-media-links .link.instagram a { background-image:url(../images/template/social_instagram.png); }
#header-social-media-links .link.medium a { background-image:url(../images/template/social_medium.png); }
#header-social-media-links .link.rss a { background-image:url(../images/template/social_rss.png); }

#header-social-media-links .link.rss { display:none; }

@media (min-width:481px) {
	#header-social-media-links .link a { width:50px; }
	#header-social-media-links .link.rss { display:block; }
}

@media (min-width:641px) {
	#logo a { width:50%; }
}

@media (max-width: 991px) {
	#mainmenu-search .dropdown-toggle { display:none; }
	#mainmenu-search .dropdown-menu { display: block; position: static; top: auto; left: auto; bottom: auto; right: auto; float: none; border: 0; box-shadow: none; }
}

@media (min-width:992px) {
	#navigation { color:white; }
	#navigation > .container { border-bottom:1px solid rgba(255,255,255,0.15); max-height:80px; }
	
	#mainnav #nav-home a { display:block; background-image:url(../images/icon_home.png); background-repeat:no-repeat; background-position:center center; text-indent:-9999px; width:60px; height:80px; }
	
	#mainmenu-search { display:block; float:left; position:relative;}
	#mainmenu-search .dropdown-toggle { display:block; width:60px; height:80px; padding:30px 20px 30px; text-indent:-9999px; background:url(../images/icon_search.png) center center no-repeat; }
	#mainmenu-search .dropdown-toggle:hover { background-color:rgba(255,255,255,0.15); }
	#mainmenu-search .dropdown-menu { left:auto; right:0; padding:15px; min-width:300px; border-radius:0; }
}

#page-header { color:white; text-align:center; }
#page-header h1 { margin:0; padding-bottom:15px; font-size:40px; font-weight:300; text-transform:uppercase; }
#page-header h1 a { color:inherit; }

#breadcrumbs { background:#f2f2f2; text-align:center; }
#breadcrumbs .breadcrumb { margin:0; padding:15px 0; line-height:20px; font-weight:300; font-style:italic; }
#breadcrumbs .breadcrumb a { color:inherit; }
#breadcrumbs .breadcrumb>li+li:before { color:inherit; }

#copy { padding:50px 0; }

#sidebar { background:#f2f2f2 url(../images/template/bg_related.jpg) no-repeat top center; background-size:cover; padding:30px 0; }

.sidebar-nav { padding:0; margin-bottom:30px; }
.sidebar-nav:before { display:block; font-size:30px; line-height:30px; font-weight:500; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px; }
.sidebar-nav#related-links:before { content:"Related Links"; }
.sidebar-nav#bottom-latest-news:before { content:"Latest News"; }
.sidebar-nav li { padding:10px 0; margin:0; border-bottom:1px dashed #ccc; }
.sidebar-nav li a { display:block; color:inherit; padding-right:20px; background:url(../images/carat_right.png) no-repeat right center; }
.sidebar-nav li a:hover { color:#5b0000; }
.sidebar-nav li a i { display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:center center; vertical-align:middle; margin-right:5px; }

@media (min-width:768px) {
	#sidebar { min-height:470px; padding:90px 0; }
	.sidebar-nav { margin-bottom:0; }
}

#bottom-latest-news .item { border-top:1px dashed #ccc; padding:15px 0; }
#bottom-latest-news .item:first-child { border-top:0; padding-top:0; }
#bottom-latest-news .item .title { font-weight:700; margin-bottom:5px; }
#bottom-latest-news .item .date { font-style:italic; margin-bottom:5px; }
#bottom-latest-news .item .content {}

#footer { background:#17222c; color:white; text-align:center; padding:30px 0; }
#footer a { color:inherit; }
#footer a:hover { text-decoration:underline; }

#footer-links { margin:10px 0; font-weight:400; font-weight:500; }
#footer-links .divider { padding:0 4px; }
#footer-contact { margin:0px 0; font-weight:16px; font-weight:300; }

#footer-follow { font-size:0; margin:40px 0; }
#footer-follow .follow-us { display:inline-block; background:rgba(255,255,255,0.25); font-size:16px; line-height:16px; font-weight:900; padding:17px 15px; vertical-align:bottom; text-transform:uppercase; }
#footer-follow .link { display:inline-block; vertical-align:bottom; }
#footer-follow .link a { display:block; width:50px; height:50px; background-color:rgba(255,255,255,0.25); background-repeat:no-repeat; background-position:center center; text-indent:-9999px; margin-left:1px; opacity:0.75; transition:opacity 0.2s; }
#footer-follow .link a:hover { opacity:1; }
#footer-follow .link.facebook a { background-image:url(../images/template/social_facebook.png); }
#footer-follow .link.twitter a { background-image:url(../images/template/social_twitter.png); }
#footer-follow .link.youtube a { background-image:url(../images/template/social_youtube.png); }
#footer-follow .link.flickr a { background-image:url(../images/template/social_flickr.png); }
#footer-follow .link.instagram a { background-image:url(../images/template/social_instagram.png); }
#footer-follow .link.medium a { background-image:url(../images/template/social_medium.png); }
#footer-follow .link.rss a { background-image:url(../images/template/social_rss.png); }

@media (min-width:992px) {
	#logo { padding:30px; }
}

#logo-menu { margin-top:10px; position:relative; }
#logo-menu .link { text-align:center; margin:0 0 10px; font-weight:300; text-transform:uppercase; }
#logo-menu a { display:block; background:rgba(255,255,255,0.25); border-bottom:3px solid rgba(255,255,255,1); color:white; line-height:25px; padding:15px; }
#logo-menu a:hover { background:rgba(255,255,255,0.3); border-color:white; }

#logo-menu a i { display:inline-block; width:25px; height:25px; margin-right:5px; background-repeat:no-repeat; background-position:center center; background-size:contain; vertical-align:middle; }

#logo-menu .casework-assistance i { background-image:url(../images/template/service_casework_assistance.png); }
#logo-menu .flag-request i { background-image:url(../images/template/service_flag_request.png); }
#logo-menu .tour-request i { background-image:url(../images/template/services_tour_requests.png); }
#logo-menu .student-info i { background-image:url(../images/template/services_student_info.png); }
#logo-menu .email-ted i { background-image:url(../images/template/services_email_ted.png); }

@media (min-width:768px) {
	#logo-menu { margin:10px -5px 25px; }
	#logo-menu .link { float:left; width:20%; padding:0 5px; }  
	#logo-menu .link a { padding:25px 0 25px; margin:0; font-size:20px; line-height:1; } 
	#logo-menu .link a i { display:block; width:50px; height:50px; margin:0 auto 10px; }
	#logo-menu .link a span { display:block; }
}

@media (min-width:992px) {
	#logo-menu { padding:0 100px; }
}

@media (min-width:1230px) {
	#logo-menu .link a { padding:35px 0 35px; } 
}