/* - responsive.css - */
/* http://www.indianahistory.org/portal_css/responsive.css?original=1 */
@media screen and (min-width: 968px) {
/* */
.section-events #region-content {
position: relative;
}
.section-events #title-bar,
#eventCalendarCalendar,
#eventCalendarList {
position: absolute;
top: 0;
}
#filtered-list {
padding-bottom: 180px;
}
#eventCalendarList {
right: 0;
background-color: #ffffff;
}
#content .portletCalendarList .portletItem {
margin-left: 532px;
}
#event-detail {
margin-top: 287px;
}
}
@media screen and (max-width: 967px) {
body {
padding-top: 0;
}
#visual-portal-wrapper {
width: auto;
}
#featured-interface {
display: none;
}
#portal-top,
.template-home_page_view #portal-top {
height: auto;
}
#portal-globalnav > li {
width: 12.5% !important;
}
#portal-globalnav > li > a {
width: calc(100% - 2px) !important;
height: 13px;
}
#portal-globalnav > li > a span {
position: absolute;
bottom: 2px;
left: 2px;
width: 98%;
white-space: normal;
word-wrap: break-word;
}
#portal-column-two {
width: 22%;
}
#content {
width: 72.75%;
}
iframe {
max-width: 100%;
}
.template-template3 #parent-fieldname-text,
.template-state_map #parent-fieldname-text,
.template-template4 #parent-fieldname-text {
width: 100%;
}
#portal-breadcrumbs,
.documentFirstHeading {
width: auto;
}
.template-template1 #content-left.hasMedia,
.template-template1 #content-right,
#special-notice {
width: 46.6%;
}
#content [id!='title-bar'] img {
max-width: 100%;
height: auto !important;
width: auto;
}
#title-bar {
width: calc(100% + 26px);
}
/* */
.latestcontent {
width: calc(32% - 18px);
}
.latestcontent.market {
width: 32%;
}
.latestcontent img {
max-width: 100%;
}
.mejs-container,
.mejs-overlay-play {
width: 66.4% !important;
height: auto;
}
.me-plugin {
position: static;
}
#home-media #parent-fieldname-text {
height: auto;
width: 100%;
}
#home-media .rightSlideshow {
clear: both;
width: 100%;
margin: 0;
position: static;
}
#home-media .slideContainer,
#home-media .slideContainer img {
max-width: 100% !important;
height: auto;
}
#content #home-trio .readmore {
position: static;
}
/* */
#eventCalendarCalendar .portletItem {
position: static;
margin: 0;
background-color: #b4c622;
padding: 2%;
float: left;
}
#filtered-list {
float: left;
}
.section-events #title-bar {
margin-top: 20px;
}
.section-events #content {
width: calc(100% - 26px);
}
.section-events #template-content {
width: 100%;
}
.weblog-entry img {
max-width: 100%;
width: auto;
}
}
@media screen and (max-width: 700px) {
#content-left,
#content-right,
#portal-column-two,
#special-notice,
#content,
.latestcontent {
width: 100% !important;
clear: both !important;
float: none !important;
}
#content-right {
margin-left: 0;
}
#aux-nav {
display: none;
}
#portal-logo img {
margin-top: 0;
}
#portal-searchbox {
position: static;
display: none;
background-color: #ffffff;
}
#portal-breadcrumbs {
padding-left: 13px;
clear: both;
}
#content {
width: calc(100% - 26px) !important;
clear: both !important;
float: none !important;
padding: 0 13px;
}
.template-home_page_view #content {
width: 100% !important;
}
#title-bar {
height: auto;
text-align: center;
margin-left: 0;
width: 100%;
}
#title-bar .mediaImage {
float: none;
margin: 0 auto;
width: auto;
}
#title-bar .mediaImage img {
max-width: 100%;
width: auto;
height: auto !important;
margin: 0 !important;
}
#title-bar h1 {
width: 100%;
height: auto;
padding: 20px 0;
display: block;
}
.newsletterSignup,
#footer-wrapper .addthis_toolbox,
#info-links,
#portal-footer {
clear: both;
float: none;
width: 100%;
text-align: left;
}
.newsletterSignup {
margin: 0 0 2em 0;
}
#footer-wrapper .addthis_toolbox a {
margin-bottom: 7px;
}
#portal-siteactions {
float: none;
margin-top: 1em;
}
.mejs-container,
.mejs-overlay-play,
.mejs-mediaelement embed,
.mejs-mediaelement video,
.mejs-mediaelement object {
width: 100% !important;
height: auto;
}
.mediaImage img {
margin-left: 0 !important;
}
/* */
#eventCalendarCalendar,
#title-bar,
.addthis_toolbox {
clear: both;
float: none;
width: 100%;
}
#filtered-list {
clear: both;
float: none;
}
.eventRegisterLink {
margin-bottom: 0;
}
#title-bar {
margin-bottom: 0;
}
#title-bar .documentFirstHeading {
margin-bottom: 0;
}
#eventCalendarCalendar .portletItem {
float: none;
}
#filtered-list {
margin-top: 0;
}
.section-events #content .addthis_toolbox {
margin-top: 1em;
}
/* */
#nav-toggle {
display: block;
width: 53px;
height: 48px;
position: absolute;
top: 0;
right: 0;
background: url('nav_toggle.png') no-repeat;
cursor: pointer;
}
#globalnav-wrapper {
margin-bottom: 0;
}
#portal-globalnav {
display: none;
}
#portal-globalnav.displayNav,
#portal-searchbox.displayNav {
display: block;
}
#portal-globalnav,
#portal-globalnav li,
#portal-globalnav li a {
float: none;
font-size: 15px;
}
#portal-globalnav li a {
color: #ffffff !important;
font-weight: normal;
width: 100% !important;
padding: 20px 0;
border: none !important;
margin: 0 !important;
}
#portal-globalnav > li > a span {
position: static;
}
#portal-globalnav li {
display: block;
width: 100% !important;
float: none;
border-bottom: 1px solid #174d61;
}
#portal-globalnav li.selected > a,
#portal-globalnav li.selected > a:hover {
background-color: #3e8799 !important;
border: none !important;
width: 100%;
padding: 20px 0;
}
#portal-globalnav > li > a.hasDropDown {
background: url('has_submenu.png') no-repeat 99% 6px;
}
#portal-globalnav .selected.displayMenu .submenu,
#portal-globalnav .plain.displayMenu .submenu {
left: 0;
position: static !important;
display: block !important;
width: 94%;
border: none;
width: auto;
}
#portal-globalnav .submenu {
width: 100% !important;
}
#portal-globalnav .submenu li {
border: none;
}
#portal-globalnav li.selected ul.submenu a,
#portal-globalnav li.selected ul.submenu a:hover,
#portal-globalnav li.plain ul.submenu a,
#portal-globalnav li.plain ul.submenu a:hover {
border: none !important;
padding: 20px 40px;
width: calc(100% - 80px) !important;
font-weight: normal;
background-color: #4a4a4a !important;
color: #ffffff !important;
}
#portal-globalnav .plain .submenu,
.navTreeLevel1 {
display: none !important;
left: -9999px !important;
}
#portal-searchbox {
float: none;
border-bottom: 1px solid #000000;
padding: 20px;
margin: 0 0 1em;
text-align: left;
}
.LSBox {
float: none;
text-align: left;
}
#LSResult {
display: none !important;
}
.template-search .search-description,
.template-search .searchResults {
width: 95%;
}
#home-media #parent-fieldname-text {
width: auto;
}
}
@media screen and (max-width: 450px) {
#portal-logo img {
height: 85px;
width: auto;
}
.emailEnter, .emailEnter.inputLabelActive {
width: 100%;
}
#portal-siteactions li {
display: block;
}
#portal-siteactions li > span,
#portal-footer .tagline {
display: none;
}
#filtered-list {
float: none;
width: 92%;
padding: 0 4%;
margin-bottom: 20px;
}
#content-weblog .weblog-entry .entryInfo {
margin: 0;
padding-top: 15px;
clear: both;
}
}