/******************************************** Responsive Styles *********************************************/ /* Hidden Elements */ .header-image-background, .header-photo .section img, .simplemenu-block, .block h2.title { display: none; } /* Auto Width */ #navigation, #header .header-photo, .header-image-background, div.header-image-background, #header .header-image-background { width: auto; } body { min-width: 0; } ul, ol { } /****** Header ******/ #header { background: #ebebeb; display: none; } div#name-and-slogan, #name-and-slogan { top: 0; position: relative; height: 90px; /*120px;*/ background: url(../images/mobile-header-right.jpg) 0 0 repeat-x; } #name-and-slogan div#name-container { width: auto; } h1#site-name, div#site-name { left: 0; background: none; height: auto; width: 100%; } #site-name a:link, #site-name a:visited, #site-name a:active, #site-name a:hover, #site-name a:focus { height: 80px; /*background: url(../images/50th/mobile-mcc-logo-50th.png) 10px center no-repeat; background-size: 176px 60px;*/ background: url(../images/mobile-mcc-logo.png) 14px 14px no-repeat; background-size: 176px 55px; } .site-navigation { display: none; position: absolute; z-index: 100; top: -175px; /* -150 -65 */ height: 615px; /*600 580 510 460px;*/ } #header .search-box { top: -40px; /*-50px;*/ margin: 0 1em; height: auto; width: auto; background: none; padding: 0 0 7px 0; } #header .search-box form { float: none; } #header .search-box fieldset { width: 100%; } .search-box #edit-query { min-width: auto; width: 95%; } .section-errors .search-box #edit-query { width: 80%; } #header .search-box .form_submit { float: right; right: 0; padding-right: 5px; top: 5px; } #header .main-nav { } #navigation { top: -50px; /*-40px;*/ } #navigation li { float: none; } #main-navigation { width: auto; padding: 0; background: none; } #header #menu-main { display: block; width: 85px; height: 90px; /*80px;*/ float: right; top: 0; right: 0; position: absolute; z-index: 600; margin: 0; } #header #menu-main.expanded { background: #b2b2b2; } #header #menu-main span { position: absolute; top: 40px; right: 1em; padding: 6px 8px 3px 8px; background: url(../images/bg-button-off.png) top left no-repeat; border-radius: 5px; } #header #menu-main span.expanded { background: #b2b2b2; } #header #menu-main:hover, #header #menu-main:focus { opacity: 0.5; } #main-navigation ul.links { margin: 0 1em; } #main-menu li { display: block; text-align: left; text-transform: none; border-bottom: 1px solid #ddd9d9; width: auto; font-size: 115.7%; letter-spacing: 0; } /* Primary Links */ #main-menu li.menu-157, #main-menu li.menu-158, #main-menu li.menu-2023, #main-menu li.menu-159, #main-menu li.menu-2024, #main-menu li.menu-160, #main-menu li.menu-887, #main-menu li.menu-188, #main-menu li.menu-815, #main-menu li.menu-14825, #main-menu li.menu-18767, #main-menu li.menu-29270 { width: auto; } #main-menu li a:link, #main-menu li a:visited, #main-menu li a:active, #main-menu li a:hover, #main-menu li a:focus { padding: 12px 10px 13px ; background: url(../images/mobile-menu-right-arrow.png) right center no-repeat; right: 0; } #main-menu li:focus { opacity: 0.8; } #header .section .region-header { background: none; height: auto; width: auto; top: 535px; /*515 495 475 405 360px;*/ z-index: 500; } #header .section .region-header h4 { margin-top: 0; margin-left: 1.5em; color: #777; } #block-menu-menu-top-navigation { width: auto; padding-left: 20px; } #block-menu-menu-top-navigation ul.menu { margin: 0; padding: 0 0 0 1em; -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ column-count: 2; -moz-column-gap: 10px; /* Firefox */ -webkit-column-gap: 10px; /* Safari and Chrome */ column-gap: 10px; /*padding-left: 0.5em;*/ } #block-menu-menu-top-navigation .content { background: none; float: none; } #block-menu-menu-top-navigation ul.menu li { font-size: 100%; /*107.1 92.9%;*/ margin: 1em 0; width: auto; } #block-menu-menu-top-navigation ul.menu li:first-child { margin-top: 0; } #block-menu-menu-top-navigation li { float: none; display: block; } #block-menu-menu-top-navigation li a:link, #block-menu-menu-top-navigation li a:visited, #block-menu-menu-top-navigation li a:active, #block-menu-menu-top-navigation li a:hover, #block-menu-menu-top-navigation li a:focus { display: block; text-decoration: none; color: #115fac; padding: 0; } #block-menu-menu-top-navigation li a:hover, #block-menu-menu-top-navigation li a:focus { color: #252525; } /* Header Banner */ #header .header-photo { height: auto; overflow: visible; } .tall #header .header-photo, .tall #header #header-image-container { height: 200px; width: 100%; overflow: hidden; margin-top: -1px; /* fixes margin issue */ } #header-image-container { height: auto; } #header div.header-image { float: none; height: auto; position: relative; } #header div.messaging { width: 100%; right: auto; top: auto; padding: 0 !important; position: relative; } #header div.messaging { } #header div.messaging h3, #header div.messaging .section-header { font-size: 22px; padding: 10px 0 8px 15px; float: none; } #header div.messaging h3 a:link, #header div.messaging .section-header a:link { display: block; } #header div.messaging h3:hover, #header div.messaging h3 a:focus, #header div.messaging .section-header:hover, #header div.messaging .section-header a:focus { opacity: 0.8; } /****** Main Wrapper ******/ #main-wrapper { padding: 1em 0 2em 0; } .front #main-wrapper { padding-top: 0; } #main { width: auto; } #homepage-main-nav { background: #fff; margin-bottom: 1em; border-bottom: 1px solid #d6d4d1; box-shadow: 0 0 3px 0 rgba(125, 125, 125, 0.5); -webkit-box-shadow: 0 0 3px 0 rgba(125, 125, 125, 0.5); -moz-box-shadow: 0 0 3px 0 rgba(125, 125, 125, 0.5); } #homepage-main-nav #main-menu li:last-child { border-bottom: none; } #homepage-main-nav #main-menu li a:link, #homepage-main-nav #main-menu li a:visited, #homepage-main-nav #main-menu li a:active, #homepage-main-nav #main-menu li a:hover, #homepage-main-nav #main-menu li a:focus { color: #115fac; } #homepage-main-nav #main-menu li a:hover, #homepage-main-nav #main-menu li a:focus { color: #252525; } #homepage-main-nav #main-menu li.active a { color: #584B48; background: #e9f0f6; } /* Left/Page/Secondary Navigation */ .region-sidebar-first, #banner-nav, .section-enroll .region-sidebar-first, .section-dual-enroll .region-sidebar-first { display: none; margin: 0 1em; width: auto; float: none; background-color: #ffffff; border: 1px solid #d6d4d1; border-radius: 3px; overflow: hidden; } .region-sidebar-first .section { padding: 0 15px; } .region-sidebar-first #menu-secondary, #banner-nav #menu-secondary { font-size: 126.7%; padding: 9px 0; font-weight: bold; background: url(../images/mobile-secondary-nav-expand.png) top right no-repeat; } #banner-nav #menu-secondary { font-size: 106.7%; } .region-sidebar-first #menu-secondary.expanded, #banner-nav #menu-secondary.expanded { border-bottom: 1px solid #d6d4d1; background: url(../images/mobile-secondary-nav-collapse.png) top right no-repeat; } .region-sidebar-first #menu-secondary span, #banner-nav #menu-secondary span { padding: .5em 0 1em 1em; } .region-sidebar-first a#menu-secondary, #banner-nav a#menu-secondary { display: block; position: relative; color: #584b48; } .region-sidebar-first a#menu-secondary:hover, .region-sidebar-first a#menu-secondary:focus, #banner-nav a#menu-secondary:hover, #banner-nav a#menu-secondary:focus { opacity: 0.5; } .region-sidebar-first a:link, .region-sidebar-first a:visited, .region-sidebar-first a:active, .region-sidebar-first a:hover, #banner-nav a:link, #banner-nav a:visited, #banner-nav a:active, #banner-nav a:hover { text-decoration: none; } .region-sidebar-first a.active, #banner-nav a.active { color: #584b48; } .region-sidebar-first a#menu-secondary:after, #banner-nav a#menu-secondary:after { content:""; height: 30px; display: inline-block; position: absolute; top: 10px; } .region-sidebar-first .section, #banner-nav ul { display: none; height: auto; margin: 0; } #main ul.menu { margin: 0; } #main ul.menu li:last-child { border-bottom: 0; } #main ul.menu li li { font-size: 100%; } /* Cross Sell Search Form */ .cross-sell-search form { margin: 1.5em 0; padding: 0; border: none; background: none; } .cross-sell-search form { border-right: 1px solid #d6d4d1; border-bottom: 1px solid #d6d4d1; } .cross-sell-search input[type="text"] { border: 0; margin: 0 3px 0 0; padding: 2px; color: #959595; width: 100%; } .cross-sell-search .searchSubmit { top: 274px; right: 53px; } .cross-sell-contact { margin: 1em; } .cross-sell-contact input[type="text"] { width: 90% } .cross-sell-contact .searchSubmit { top: auto; right: 40px } #main #block-user-1 { margin: 1em 0; } /* Content/Content Area */ .sidebar-first #content { margin: 1em 0 0 0; width: auto; } #content, .no-sidebars #content { float: none; width: auto; margin-right: 0; } #content .section, .no-sidebars #content .section { margin: 0; padding: 9px 15px 20px 15px; border-right: none; border-left: none; } .breadcrumb { margin: 0 0 1em 0; padding: 0 0 0.7em 0; } #content-area { font-size: 85.7%; line-height: 166.7%; /*169.2%*/ } #content-area .intro, #content-area .intro-section .overview p:first-of-type { font-size: 133.3%; /*140%*/ line-height: 156.3%; } h1.title { font-size: 146.2%; margin-bottom: 0.7em; } #content-area h2, .content-block h2 { font-size: 133.3%; /*138.5%*/ /*margin-bottom: 1em;*/ line-height: 1em; } #content-area h2:first-child, #content-area .contact-info + h2, #content-area h2.first { margin-top: 1em; } #content-area h3 { margin-top: 1em; } #content-area h4 { font-size: 100%; line-height: inherit; } #content-area li { line-height: 133.3%; margin-bottom: 1em; } .contact-info, .callout { float: none; width: auto; clear: none; margin-left: 0; /*max-width: 320px;*/ width: auto; font-size: 100%; /*91.7%*/ line-height: 125.0%; /*118.2%;*/ } .callout img { max-width: 290px; } .callout .searchSubmit, .contact-info .searchSubmit, .contacts-search-sidebar .searchSubmit, .contact-search-box .searchSubmit { right: 35px; } /*#content .callout h4, #content .contact-info h4 { font-size: 118.2%; }*/ .callout ul { font-size: 100%; /*padding-left: 0;*/ } /*#content-area .callout ul li { font-size: 117.3%; }*/ #content-area .stats dl dt, #content-area .stats dl dd { line-height: 141.7%; } /*#content-area .stats dl dt { font-size: 109.1%; line-height: 141.7%; }*/ /*#content .contact-info .business-card .name { font-size: 118.2%; line-height: 115.4%; }*/ .callout img.tight { width: 100% !important; height: auto !important; max-width: none; margin-left: 0; margin-right: 0; } #content table { font-size: 91.7%; /*92.3%;*/ line-height: 154.5%; background-color: #ffffff; } #content-area #list-by-degree table thead th { white-space: normal; } #content-area table thead th, .no-wrap { white-space: inherit; } .intro-block { width: auto; float: none; margin-bottom: 0; } .callout-block { float: none; width: auto; margin: 0; } h2 a.print, .ckeditor h2 a.print { font-size: 75%; float: none; margin-top: 1em; } #content-area .a-z { padding: 0.75em; /*font-size: 92.3%;*/ } #content-area form.user-form { margin: 0 -15px; } #content-area .ui-tabs form.user-form { margin: 0; } #content-area form.user-form div { margin: 1em 1em; } #content-area form.user-form .columns-2, #content-area form.user-form .columns-3 { width: auto; overflow: hidden; margin: 1em; } #content-area form.user-form fieldset { margin: 1em 0; overflow: hidden; } #content-area form.user-form fieldset legend { /*width: 92%;*/ padding: 0.5em 1em } #content-area form.user-form fieldset legend > span { display: block; float: none; } #content-area form.user-form fieldset > div:last-child { border-bottom: none; } #content-area form.user-form label { margin-right: 0; width: auto; } #content-area form.user-form select, #content-area form.user-form input[type="text"], #content-area form.user-form input[type="password"], #content-area form.user-form textarea, #content-area form.user-form input[type="text"].larger, #content-area form.user-form input[type="password"].larger, #content-area form.user-form textarea.larger { display: block; font-size: 100%; width: 100%; /*94*/ } #content-area form.user-form .columns-2 textarea, #content-area form.user-form .columns-2 input[type="text"], #content-area form.user-form .columns-2 input[type="password"], #content-area form.user-form .columns-3 textarea, #content-area form.user-form .columns-3 input[type="text"], #content-area form.user-form .columns-3 input[type="password"] { /*width: 94%; */ font-size: 100%; } #content-area form.user-form select, #content-area form.user-form .columns-2 select, #content-area form.user-form .columns-3 select, #content-area form.user-form select.larger { width: 100%; font-size: 100%; min-width: 0; } #content-area form.user-form .columns-3 div:nth-child(1n+1), #content-area form.user-form .columns-3 div:nth-child(2n+2) { margin-right: 0; } #content-area form.user-form input[type="submit"] { /*margin-right: 15px;*/ } .thumb-wide { overflow: show; } .thumb-wide img { float: none; width: 99%; margin: 0; padding: 0; } #content-area .thumb-wide h3 { margin-top: 1em; margin-left: 0; } #content-area .thumb-wide p, #content-area .thumb-wide ul, #content-area .thumb-wide ol { margin-left: 0; } .features .quick-links { float: none; width: auto; margin: 2em 1em 1.5em 1em; padding: 0; } .features .quick-links ul { margin: 0; } .features .quick-links ul .link-enroll a, .features .quick-links ul .link-search a, .features .quick-links ul .link-offsite a, .features .quick-links ul .link-computer a, .features .quick-links ul .link-demo a, .features .quick-links ul .link-my-maricopa-edu a, .features .quick-links ul .link-tour a, .features .quick-links ul .link-class-schedule a, .features .quick-links ul .link-financial-aid a, .features .quick-links ul .link-alumni a, .features .quick-links ul .link-giving a { background-position: 98% center; } .tabs-page { background: none; margin: 0 0 3em 0; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .tabs-page .sidebar { display: none; } .tabs-page #content { margin-left: 0; } .tabs-page #content .section { display: block; padding: 0 0 0 0; margin-bottom: 0.5em; background: #ffffff; box-shadow: 0 0 3px 0 rgba(125, 125, 125, 0.5); -webkit-box-shadow: 0 0 3px 0 rgba(125, 125, 125, 0.5); -moz-box-shadow: 0 0 3px 0 rgba(125, 125, 125, 0.5); } .tabs-page #content .section .call-to-action, .tabs-page #content .section .tab-content { display: none; } .tabs-page #content .section.active .call-to-action, .tabs-page #content .section.active .tab-content { display: block; margin: 0 0 0 0; padding: 0 15px 0; } .tabs-page #content .section .tab-content { overflow: auto; } .tabs-page #content h2.title { font-size: 142.9%; background: #263041 url(../images/bg-large-plus.png) 95% 0.5em no-repeat; background-size: 26px 26px; margin: 0; padding: 0; color: #ffffff; border: 0; } .tabs-page #content .active h2.title { margin-bottom: 1em; background: #263041 url(../images/bg-large-minus.png) 95% 0.5em no-repeat; background-size: 26px 26px; } .tabs-page #content h2.title a:link, .tabs-page #content h2.title a:visited, .tabs-page #content h2.title a:active, .tabs-page #content h2.title a:hover, .tabs-page #content h2.title a:focus { padding: 0.7em 2em 0.7em 0.7em; color: #ffffff; } .tabs-page #content h2.title a:hover, .tabs-page #content h2.title a:focus { opacity: 0.5; } .tabs-page #content .section div { margin: 1em auto; } .tabs-page #content .section .link-list { /*margin: 1em 2em;*/ } .tabs-page #content .section:last-child { padding-bottom: 0; } .tabs-page #content .section .call-to-action { float: none; width: auto; margin-left: 0; } .tabs-page #content #section-programs .call-to-action { width: auto; } .tabs-page #content .decision-tree div { border: 0; } .tabs-page #content .decision-tree div .call-to-action, .tabs-page #content .section.active div .call-to-action { float: none; padding: 0; } .tabs-page #content .decision-tree p { margin-top: 0.5em; font-size: 100%; } .tabs-page #content .section .ui-tabs-panel { margin-top: -1px; } .tabs-page #content #section-programs .callout { width: auto; float: none; } .tabs-page #content #section-current, .tabs-page #content #section-current.section .call-to-action, .tabs-page #content #section-current .call-to-action { width: auto; } .tabs-page #content #section-programs .callout form input[type="text"] { width: 95%; } /* News & Events */ #feed-twitter, .feed #feed-twitter { margin: 2em 1em 2em 1em; color: #584b48; /*margin: 35px 20px 20px 20px; background: #ffffff url(../images/bg-tabs-page-feed.png) top left repeat-y; overflow: hidden;*/ } #feed-twitter ul, .feed ul { list-style: none; margin: 2em 1.1em 0; padding: 1px 1em; line-height: 133.3%; background: #ffffff; box-shadow: 0 0 3px 0 rgba(125, 125, 125, 0.5); -webkit-box-shadow: 0 0 3px 0 rgba(125, 125, 125, 0.5); -moz-box-shadow: 0 0 3px 0 rgba(125, 125, 125, 0.5); /*padding: 0.1em 0 1.5em 0; font-size: 87.5%; line-height: 125%;*/ } #feed-twitter ul li, .feed ul li { margin-bottom: 2.5em; } #feed-twitter p, .feed p { margin-bottom: 0; font-size: 92.3%; } #feed-twitter .timestamp, .feed .timestamp { margin-top: 1em; font-size: 91.7%; font-weight: bold; color: #584b48; } #feed-twitter h3, .feed h3 { height: 45px; margin: 0 1em 0 1em; padding: 0; font-size: 100%; font-weight: normal; line-height: 100%; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; } #feed-twitter h3 a:link, #feed-twitter h3 a:visited, #feed-twitter h3 a:active, #feed-twitter h3 a:hover, #feed-twitter h3 a:focus, .feed h3 a:link, .feed h3 a:visited, .feed h3 a:active, .feed h3 a:hover, .feed h3 a:focus { display: block; margin: 0; padding: 23px 0 0 96px; color: #384150; text-decoration: none; } #feed-twitter h3 a:hover, #feed-twitter h3 a:focus, .feed h3 a:hover, .feed h3 a:focus { opacity: 0.5; } #feed-twitter h4, .feed h4 { margin-bottom: 0; line-height: 100%; } #feed-twitter h4+p, .feed h4+p { margin-top: 0; } #feed-twitter img, .feed img { float: left; margin-right: 0.5em; } /* Twitter */ #feed-twitter h3, .feed.feed-twitter h3 { background: url(../images/bg-feed-twitter.png) 0 0 no-repeat; } /* Facebook */ #feed-twitter .feed-facebook a:link, #feed-twitter .feed-facebook a:visited, .feed.feed-facebook a:link, .feed.feed-facebook a:visited { text-decoration: none; } #feed-twitter .feed-facebook a:link p, #feed-twitter .feed-facebook a:visited p, .feed.feed-facebook a:link p, .feed.feed-facebook a:visited p { color: #584B48; } #feed-twitter .feed-facebook h3, .feed.feed-facebook h3 { background: url(../images/bg-feed-facebook.png) 0 0 no-repeat; } .feed-legend { margin-bottom: 3em; } .feed-legend ul { margin-top: 0; } .feed-legend .view-footer { margin: 0 1.3em 0 1.3em; padding: 10px 14px; } .page-news .region-content-top h2 { margin-left: 1em; margin-bottom: 0; } .dept-listing { /*margin-left: -15px; margin-right: -15px; */ } /* Force table to not be like tables anymore */ #content .dept-listing, #content .dept-listing tbody, #content .dept-listing td, #content .dept-listing tr { display: block; font-size: 100%; } #content .dept-listing thead { position: absolute; top: -9999px; left: -9999px; } #content .dept-listing tr { /*border-bottom: 1px solid #ddd;*/ } #content .dept-listing td { border-right: 0; border-top: 0; border-bottom: 0; padding: 0.3em 15px 0 15px; text-align: left; /* Behave like a "row" */ position: relative; font-size: 118.2%; } #content .dept-listing td:first-child { padding-top: 1em; } #content .dept-listing td:last-child { padding-top: 0.5em; padding-bottom: 1em; border-bottom: 1px solid #ddd; } #content .dept-listing td.employee-name { font-size: 136.4%; } #content .dept-listing p.phone { margin-top: 1em; } /*#content .dept-listing td.employee-title, #content .dept-listing td.employee-contact { padding-left: 3em; }*/ /***** tabs.css *****/ .ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #content-area .steps .ui-tabs-nav { display: none; } .tabs-steps.ui-tabs, #content-area .tabs-steps.ui-tabs { padding-bottom: 2em; border-bottom: 1px solid #dddddd; } #content-area .steps .ui-tabs-panel { width: 100%; padding: 0 1em; } .tabs-steps.ui-tabs h2:first-child, #content-area .tabs-steps.ui-tabs h2:first-child { display: block; /*margin: 0 -1em 1em -1em;*/ margin: 0 -15px 3px -15px; /*padding: 0.938em 30px 0.938em 0.7em;*/ padding: 0.938em 30px 0.938em 15px; text-align: left; font-family: Arial,Helvetica,sans-serif; font-size: 123.1%; line-height: 100%; font-weight: normal; text-shadow: 0 -1px 0 #0c416a; color: #FFFFFF; border: 0; -webkit-box-shadow: 0 0 3px 0 rgba(125,125,125,0.5); -moz-box-shadow: 0 0 3px 0 rgba(125,125,125,0.5); box-shadow: 0 0 3px 0 rgba(125,125,125,0.5); /*background: #263041;*/ background: #263041 url(../images/bg-large-minus.png) 95% 0.5em no-repeat; background-size: 26px 26px; } .tabs-steps.ui-tabs .ui-tabs-hide h2:first-child, #content-area .tabs-steps.ui-tabs .ui-tabs-hide h2:first-child { /*background: #005796 url(../images/bg-button-off.png) left top no-repeat; margin: 0 -1em 1px -1em;*/ background: #263041 url(../images/bg-large-plus.png) 95% 0.5em no-repeat; background-size: 26px 26px; } #content-area .steps .ui-tabs-hide > p, #content-area .steps .ui-tabs-hide > div, #content-area .steps .ui-tabs-hide > ul, #content-area .steps .ui-tabs-hide > h2 { display: none; } #content-area .steps .ui-tabs-hide > h2:first-child { display: block; } #content-area .steps .ui-tabs-panel .call-to-action.next-button { display: none !important; } .tabs-steps.ui-tabs .ui-tabs-hide, #content-area .tabs-steps.ui-tabs .ui-tabs-hide { display: block !important; } .ui-tabs, #content-area .ui-tabs { margin: 1em -15px 2em -15px; } /* .ui-tabs-nav, #content-area .ui-tabs-nav { display: none } .ui-tabs, #content-area .ui-tabs { width: auto; margin-left: -15px; margin-right: -15px; } .ui-tabs .ui-tabs-hide, #content-area .ui-tabs .ui-tabs-hide { display: block !important; } #content-area .ui-tabs h2:first-child { margin-top: 0; } .ui-tabs .search-header, #content-area .search-header { font-size: 115.4%; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; font-weight: bold; background-color: #115fac; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#115fac), to(#015896)); background-image: -webkit-linear-gradient(top, #115fac, #015896); background-image: -moz-linear-gradient(top, #115fac, #015896); background-image: linear-gradient(top, #115fac, #015896); text-shadow: 0 -1px 0 #0c416a; height: auto; padding: 0 0 0 0.5em; margin: 0 -1em; } .ui-corner-bottom { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; } .ui-tabs div h2 a, #content-area .ui-tabs div h2 a { background: url(../images/btn-faq-plus-minus.png) -40px 0.75em no-repeat; color: #ffffff; display: block; margin: 0; min-width: 0; text-align: left; text-decoration: none; padding: 0.75em 0.75em 0.75em 1.5em; } */ /****** Library ******/ #content-area #tabs-library ul { display: none; } #tabs-library .ui-tabs-hide, #content-area #tabs-library .ui-tabs-hide { display: block !important; } #content-area #tabs-library .ui-tabs-hide > *{ display: none; } #content-area #tabs-library .ui-tabs-hide > h2{ display: block; } #content-area #tabs-library .search-header { height: auto; } #tabs-library h2, #content-area #tabs-library h2 { display: block; margin: 0 -15px 1em -15px; padding: 0.9em 2em 0.9em 1em; /*0.938em 30px 0.938em 0.7em;*/ text-align: left; font-family: Arial,Helvetica,sans-serif; font-size: 123.1%; line-height: 100%; font-weight: normal; color: #FFFFFF; border: 0; background: #263041 url(../images/bg-large-minus.png) 95% 0.5em no-repeat; background-size: 26px 26px; } #tabs-library .ui-tabs-hide h2, #content-area #tabs-library .ui-tabs-hide h2 { background: #263041 url(../images/bg-large-plus.png) 95% 0.5em no-repeat; background-size: 26px 26px; margin: 0 -15px 1px -15px; } #tabs-library h2 a, #content-area #tabs-library h2 a { color: #FFFFFF; } #tabs-library h2 a:hover, #content-area #tabs-library h2 a:hover { text-decoration: none; } #tabs-library .tab form.user-form input[type="text"] { float: none; height: 30px; width: 95%; padding-top: 0; padding-bottom: 0; margin: 0 1em 1em 0; } #tabs-library .tab form.user-form .call-to-action-button { float: none; } #tabs-library .tab form.user-form .call-to-action-button, #tabs-library .tab form.user-form .call-to-action a:link, #tabs-library .tab form.user-form .call-to-action a:visited, #tabs-library .tab form.user-form .call-to-action a:active, #tabs-library .tab form.user-form .call-to-action a:hover { margin-bottom: 0; } #tabs-library #tab-1 .select select { /*height: 32px; width: 100%;*/ min-width: auto; margin: 0 0 1em; } #tabs-library .tab form.user-form .select { float: none; } #tabs-library #tab-1 input[type="text"] { width: 95%; margin: 0 0 1em; } #tabs-library #tab-2 .decision-tree { margin-top: 1em; /*border-top: none;*/ padding-top: 0; } #tabs-library #tab-4 input[type="text"] { width: 95%; } #tabs-library #tab-4 .multiple-buttons { padding: 0; } #tabs-library #tab-4 .multiple-buttons div { float: none; } /* FAQ */ .faq-collapse dt span { display: block; float: none; font-size: 81.3%; } /* Floating Elements */ .field-image-right, .field-image-left { display: block; float: none; margin: 0 0 1em 0; max-width: 280px; } .field-image img, .field_image { max-width: 280px; } .video-small, .video-medium, .video-filter { float: none; width: 100%; height: auto; margin: 0; max-width: 100%; min-height: 250px; } .video-small iframe, .video-medium iframe { max-width: 270px; min-height: 250px; } /* Call to Actions */ #content-area h3.call-to-action { margin-top: 1em; } /* Columns & Decision Trees*/ .columns-2, .columns-3, .columns-4, .columns-5 { margin: 2em 0 0 0; /* 0 0 0 0 */ width: 100%; } .columns-2, .columns-2 div, .columns-2 .columns-2 div, .columns-3, .columns-3 div, .columns-4, .columns-4 div, .columns-5, .columns-5 div, .decision-tree-2, .decision-tree-2 div, .decision-tree-3, .decision-tree-3 div, .decision-tree-4, .decision-tree-4 div, .decision-tree-5, .decision-tree-5 div { float: none; width: auto; padding-right: inherit; } .columns-2 div:nth-child(1n+1), .columns-2 .columns-2 div:nth-child(1n+1), .columns-3 div:nth-child(1n+1), .columns-3 .columns-2 div:nth-child(1n+1), .columns-4 div:nth-child(1n+1), .decision-tree-2 div:nth-child(1n+1), .decision-tree-3 div:nth-child(1n+1), .decision-tree-4 div:nth-child(1n+1), .decision-tree-5 div:nth-child(1n+1) { width: auto; padding: 0; margin-right: 0; } #content-area .decision-tree-5 h3 a { background-position: top right; } .columns-2 div:nth-child(2n) { margin-top: 2em; } .decision-tree-icon-3 div:nth-child(1n+1) p, .decision-tree-icon-4 div:nth-child(1n+1) p, .decision-tree-icon-5 div:nth-child(1n+1) p { text-align: center; } .page-students .decision-tree, .page-community .decision-tree { margin-bottom: auto; } .page-community .decision-tree .call-to-action a { padding: 0.938em 30px 0.938em 0.7em; } .page-community .decision-tree .call-to-action a { height: inherit; } .page-community .decision-tree ul, .page-students .decision-tree ul { min-height: 0; margin-bottom: 2em; } /* TEMP */ .masonry { display: none; } .columns-2 ul li, .columns-3 ul li, .columns-4 ul li, .columns-5 ul li { /*list-style: none;*/ } .columns-2 img, .columns-3 img, .columns-4 img, .columns-5 img { margin: 0; /*width: 100%;*/ } .decision-tree, .decision-tree-icon { margin-top: 1em; } #content-area .decision-tree-icon div p { margin-bottom: 0; } .decision-tree-icon-2 div, .decision-tree-icon-2, .decision-tree-icon-3 div, .decision-tree-icon-3, .decision-tree-icon-4 div, .decision-tree-icon-4, .decision-tree-icon-5 div, .decision-tree-icon-5 { width: auto; padding-right: inherit; font-size: 100%; } .decision-tree-icon-3 div:nth-child(1n+1), .decision-tree-icon-4 div:nth-child(1n+1), .decision-tree-icon-5 div:nth-child(1n+1) { width: 120px; height: 145px; margin-right: 1em; clear: right; } .decision-tree-icon-2 div img { float: none; width: auto; margin: 0 0 0.7em 0; } .decision-tree-icon-2 div span { clear: both; height: auto; display: block; } #content .contact-info-block .hours, #content .contact-info-block h4 { margin-top: 1em; } #content .contact-info .business-card .name, #content .contact-info .business-card .email, #content .contact-info .business-card .phone { margin-top: 0.5em; margin-bottom: 0.5em; } .call-to-action-inline, #content-area .call-to-action-inline, #call-to-action-right, #content-area .call-to-action-right { float: none; margin: 0.5em 0; display: block; } #content-area .link-list ul li, #content-area .decision-tree ul li, #content-area .link-list ul h4 { margin: 0 0 0.5em 0; list-style: none; font-size: 116.7%; } #content-area .link-list h3 { margin-top: 2em; } #content-area .link-list div h3:first-child { margin-top: 0; } /* Feature Tree */ .feature-tree div, #content-area .feature-tree div { margin-bottom: 1em; padding-bottom: 0; } /* Link List */ .link-list ul, .decision-tree ul { margin-bottom: 0; } /* Cross Sells */ .cross-sells { margin: 2em 1em 0; } .cross-sells div:last-child { margin-bottom: 0; } .cross-sells div h4 { font-size: 120.0%; } /* Image Gallery */ .image-gallery { display: block; height: auto; min-height: 200px; /*240px 270px;*/ overflow: visible; } .image-gallery-medium, .image-gallery-video { width: auto; min-height: 240px !important; } .image-gallery-testimonial { min-height: 430px; float: none !important; } .image-gallery .container { min-height: 240px; /*270px;*/ height: auto; } .image-gallery .container div { left: 0; margin: 0; padding: 0; overflow: visible; width: 100%; } .image-gallery .container div img, .image-gallery .container div .field_image, .image-gallery .container div .field-image img { min-width: 260px; /*min-width: 320px;*/ max-width: none; width: 100%; } .image-gallery-benefits, .image-gallery-benefits .container { min-height: 200px; height: auto; } .image-gallery-benefits .container div { width: 100%; margin: 0 auto; padding-left: 0; padding-right: 0; font-size: 166.7%; line-height: 115%; } .image-gallery-benefits .image-gallery-nav { display: none; } #content .image-gallery .container div h3 { /*margin-bottom: -45px;*/ margin: 0; font-size: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*min-width: 320px;*/ width: 100%; } /*.image-gallery .image-gallery-control-left, .image-gallery .image-gallery-control-right { top: auto; bottom: 0; margin-top: 0; margin-bottom: 25px; }*/ /* Tabs */ .ui-tabs-panel, #content-area .ui-tabs-panel { width: 100%; padding: 0 1em; /*float: none;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ui-tabs-panel .columns-3, #content-area .ui-tabs-panel .columns-3 { margin: 1em 1em; /*margin: 1em 2em;*/ } .ui-tabs-panel .link-list ul, #content-area .ui-tabs-panel .link-list ul { margin: 1em 0; } .ui-tabs-nav li a, #content-area .ui-tabs-nav li a { min-width: 0; padding: 8px 10px; } .ui-tabs-nav .ui-tabs-selected:first-child a, #content-area .ui-tabs-nav .ui-tabs-selected:first-child a { border-left: none; } #content-area .color-block .ui-tabs-panel { width: auto; padding-top: 0; } #content-area .color-block .ui-tabs-panel .callout-block { width: auto; } /* Buckets */ .front .buckets { width: auto; margin: 0; } .buckets .bucket, .press-releases .press-release { float: none; margin: 1em auto; } .bucket a:link, .bucket a:visited, .bucket a:active, .bucket a:focus, .bucket a:hover, .press-release a:link, .press-release a:visited, .press-release a:active, .press-release a:focus, .press-release a:hover { height: auto; } .statistic-block { clear: both; float: none; max-width: 300px; margin-left: 0; } /***** Future Students *****/ .page-future-students #header #header-image-container, .page-future-students #header .header-photo { height: 250px; } .page-future-students #header div.header-image { position: absolute; top: 47px; } .page-future-students #header-image-container #messaging-standalone { top: 0; right: auto; width: 100%; height: auto; } .page-future-students #header-image-container #messaging-standalone h3 { width: auto; } .page-future-students #header-image-container .header-photo .section img { width: auto; height: 250px; margin-left: 0; display: block; } .page-future-students #header-image-container div.messaging { width: 275px; height: 100px; position: absolute; right: 0; top: 70px; } .page-future-students #header-image-container div.messaging .section-header { font-size: 22px; width: auto; } .page-future-students div.messaging .benefit { margin-top: .25em; min-height: 0; background: rgba(255, 255, 255, 0.8); padding: 0.75em; } .page-future-students div.messaging .benefit h4 { font-size: 16px; } .page-future-students div.messaging .benefit p { font-size: 12px; } .page-future-students #header .banner-nav { display: none; } .page-future-students .decision-tree { width: auto; height: auto; background: #275a8e; background-image: none !important; margin-left: -15px; margin-right: -15px; } .page-future-students #content-area .decision-tree h2 { float: none; position: relative; top: 0; left: 0; margin: 1em 0 0.5em 0.75em; } .page-future-students .decision-tree .item-1, .page-future-students .decision-tree .item-2, .page-future-students .decision-tree .item-3, .page-future-students .decision-tree .item-4, .page-future-students .decision-tree .item-5 { position: static; background: none; } .page-future-students #content-area .decision-tree h3 { border-top: 1px solid #84a5c6; } .page-future-students .decision-tree a:link, .page-future-students .decision-tree a:visited, .page-future-students .decision-tree a:active, .page-future-students .decision-tree a:focus, .page-future-students .decision-tree a:hover { display: block; padding: 0.75em 0 0.75em 1em; width: auto; height: auto; } .page-future-students .decision-tree .item-1:hover, .page-future-students .decision-tree .item-2:hover, .page-future-students .decision-tree .item-3:hover, .page-future-students .decision-tree .item-4:hover, .page-future-students .decision-tree .item-5:hover, .page-future-students .decision-tree .item-6:hover, .page-future-students .decision-tree .item-7:hover { background: rgba(255, 255, 255, 0.2); } .page-enrollment-center { } .page-enrollment-center #content-area .decision-tree .call-to-action a { min-height: 0; } .page-enrollment-center #content-area .decision-tree p { min-height: 0; margin-bottom: 0; } /***** Landing Pages *****/ .node-type-page-campaign #main-wrapper { background: none; } .node-type-page-campaign #content .section { background: #ffffff; width: auto; } .node-type-page-campaign #header .section { overflow: hidden; } .node-type-page-campaign .header-photo .section img { display: block; height: 200px; } .node-type-page-campaign #header div.header-image { position: absolute; } .node-type-page-campaign .header-photo .section img { margin: 0; } .section-its-all-at-mcc #header div.messaging { width: auto; right: 0; position: absolute; top: 20px; } .section-its-all-at-mcc #header div.messaging h2 { min-width: 225px; font-size: 22px; background-color: rgba(255, 255, 255, 0.8); } .section-its-all-at-mcc #header div.messaging h3 { float: right; font-size: 22px; } .node-type-page-campaign #main { border-bottom: 1px solid #D6D4D1; box-shadow: 3px 0 3px 0 rgba(125,125,125,0.5); -webkit-box-shadow: 3px 0 3px 0 rgba(125,125,125,0.5); -moz-box-shadow: 3px 0 3px 0 rgba(125,125,125,0.5); } .node-type-page-campaign #homepage-main-nav #main-menu { margin: 0; padding: 0 20px; } .node-type-page-campaign #banner-nav ul li { border-bottom: 1px solid #ddd9d9; } .node-type-page-campaign #banner-nav ul li:last-child { border-bottom: none; } .node-type-page-campaign #banner-nav ul li a:link, .node-type-page-campaign #banner-nav ul li a:visited, .node-type-page-campaign #banner-nav ul li a:active, .node-type-page-campaign #banner-nav ul li a:focus, .node-type-page-campaign #banner-nav ul li a:hover { color: #216ab2; border-bottom: none; display: block; width: auto; height: auto; text-align: left; padding: 0.7em 0 0.7em 0.5em; } .node-type-page-campaign #banner-nav ul li a:hover, .node-type-page-campaign #banner-nav ul li.active a:hover { color: #000000; border-bottom: none; background: none; } .node-type-page-campaign #banner-nav ul li.active a { color: #584b48; background: none; border-bottom: none; } .node-type-page-campaign .outer { margin-top: 1em; overflow: none; } .node-type-page-campaign .call-to-action-inline { width: auto; } .node-type-page-campaign #banner-nav { position: static; width: auto; margin: 1em; } .node-type-page-campaign #banner-nav ul { position: static; padding: 0 15px; } .node-type-page-campaign #banner-nav ul li { display: block; float: none; } .node-type-page-campaign .sticky-nav div { margin: 0 1em; display: block; padding: 0; } .node-type-page-campaign #page-nav, .page-comprehensive .sticky-nav, .node-type-page-dept .sticky-nav { display: none; text-align: left; border-top: 1px solid #D6D4D1; margin: 0; box-shadow: 3px 0 3px 0 rgba(125,125,125,0.5); -webkit-box-shadow: 3px 0 3px 0 rgba(125,125,125,0.5); -moz-box-shadow: 3px 0 3px 0 rgba(125,125,125,0.5); } .node-type-page-campaign .sticky-nav ul li { display: block; float: none; border-left: none; border-bottom: 1px solid #d0d0d0; } .node-type-page-campaign .sticky-nav ul li:last-child { border-bottom: none; } .node-type-page-campaign .sticky-nav ul li a:link, .node-type-page-campaign .sticky-nav ul li a:visited, .node-type-page-campaign .sticky-nav ul li a:active, .node-type-page-campaign .sticky-nav ul li a:focus, .node-type-page-campaign .sticky-nav ul li a:hover { font-weight: bold; display: block; padding: 0.5em 0; color: #464545; text-decoration: none; } .node-type-page-campaign .homepage-block { width: auto; } .node-type-page-campaign .homepage-block img { /*width: 100%;*/ } .node-type-page-campaign .intro-block { width: auto; clear: both; } .node-type-page-campaign .buckets .statistic-block { width: auto; max-width: 261px; height: auto; margin: 0 auto; } .node-type-page-campaign .statistic-block h4, .node-type-page-campaign #content-area .statistic-block h4 { margin-left: 0; padding-bottom: 1em; } .node-type-page-campaign .buckets .statistic-block cite, .node-type-page-campaign #content-area .buckets .statistic-block cite { position: relative; } .statement-block { float: none; width: auto; margin: 0 0 1em 0; padding: 0; color: #ffffff; position: relative; } .statement-block h3, #content-area .statement-block h3 { background: none; } .statement-block h4, #content-area .statement-block h4 { padding-left: 20px; } .statement-block citation, #content-area .statement-block citation { padding-left: 0; position: relative; } .node-type-page-campaign .images { float: none } .node-type-page-campaign #content-area .images img { width: 48%; } .node-type-page-campaign #content .section h2 { font-size: 153.8%; line-height: 153.8%; padding-bottom: 0; margin-bottom:0; margin-top: 1em; } .node-type-page-campaign #content .section .color-block h2 { margin-top: 0; } .node-type-page-campaign #content-area .buckets .bucket a { height: auto; } .tuition-graph { float: none; } .node-type-page-campaign .span-2-columns { width: auto; } .node-type-page-campaign table.multi-column ul li { font-size: 100%; } .node-type-page-campaign .link-list { margin: 1em 0; } .node-type-page-campaign .link-list .separator { margin: 1em 0; } .node-type-page-campaign #content-area .color-block .ui-tabs { margin: 2em 0 0 0; } .node-type-page-campaign #content-area .color-block .ui-tabs-panel { width: auto; padding: 0; } /* Student Success */ .page-its-all-at-mcc-student-success #success-declare .homepage-block img { width: 100%; } .page-its-all-at-mcc-student-success #success-support { background: #bd7b14 url(../images/bg-statistics-block-gold.png) left top; overflow: hidden; width: auto; margin-right: -15px; margin-left: -15px; min-height: 0; } .page-its-all-at-mcc-student-success #success-support .homepage-block { padding: 0; } .page-its-all-at-mcc-student-success #success-support .intro-block { padding: 1em; } .page-its-all-at-mcc-student-success #success-support .intro-block h2 { padding: 0; } .page-its-all-at-mcc-student-success #success-support .decision-tree { position: static; padding-bottom: 1.5em; } .page-its-all-at-mcc-student-success #content-area #success-support .decision-tree h3 { border-top: 1px solid #dbbd87; } .page-its-all-at-mcc-student-success #success-support .decision-tree .item-1, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-2, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-3, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-4, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-5, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-6, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-7 { position: static; background-position: 0 -10px; background-size: 60px; text-align: left; } .page-its-all-at-mcc-student-success #success-support .decision-tree a:link, .page-its-all-at-mcc-student-success #success-support .decision-tree a:visited, .page-its-all-at-mcc-student-success #success-support .decision-tree a:active, .page-its-all-at-mcc-student-success #success-support .decision-tree a:focus, .page-its-all-at-mcc-student-success #success-support .decision-tree a:hover { display: block; padding: 12px 0 0 75px; width: auto; height: 30px; } .page-its-all-at-mcc-student-success #success-support .decision-tree .item-1:hover, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-2:hover, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-3:hover, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-4:hover, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-5:hover, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-6:hover, .page-its-all-at-mcc-student-success #success-support .decision-tree .item-7:hover { background-position: 0 -70px; background-size: 60px; } .page-its-all-at-mcc-student-success #success-get-started { min-height: 0; background: none; } .page-its-all-at-mcc-student-success #success-declare .field-image-right { margin: 0 0 2em 0; } .page-its-all-at-mcc-student-success #success-classes { margin-top: 2em; } .page-its-all-at-mcc-student-success #success-classes .intro-block h2 { margin-top: 0.5em; } .page-its-all-at-mcc-student-success #content .options-block { margin: 0.5em auto; } .page-its-all-at-mcc-student-success #content .options-block div { background: none; } .page-its-all-at-mcc-student-success #content .options-block div a { width: auto; } .page-its-all-at-mcc-student-success #content .options-block div p a{ height: auto; } .page-its-all-at-mcc-student-success #content #get-started { margin-top: 1em; padding-top: 0; } /* Easy Transfers */ .section-its-all-at-mcc .bucket, .section-open-house .bucket { width: auto; max-width: 307px; } .section-its-all-at-mcc .bucket .image, .section-open-house .bucket .image { width: auto; max-width: 307px; } .section-its-all-at-mcc .bucket .image img, .section-open-house .bucket .image img { } .page-its-all-at-mcc-easy-transfers .statement-block { margin-right: 0; margin-top: 0; padding: 1em; } .page-its-all-at-mcc-easy-transfers #content-area .statement-block img { width: 120px; } .page-its-all-at-mcc-easy-transfers .statement-block img { float: left; padding: 0; } .page-its-all-at-mcc-easy-transfers #content-area .statement-block h3 { font-size: 5em; letter-spacing: inherit; padding: 10px 0 0 10px; } .page-its-all-at-mcc-easy-transfers #content-area .statement-block h4 { padding: 1em 0; margin-bottom: 0; } .page-its-all-at-mcc-easy-transfers #content #transfer-partnerships h2 { margin-bottom: 1em; padding-top: 0; } .page-its-all-at-mcc-easy-transfers #content #transfer-partnerships, .page-its-all-at-mcc-easy-transfers #content #transfer-get-started { min-height: 0; background: none; } .page-its-all-at-mcc-easy-transfers #transfer-tools { background: #275a8e url(../images/bg-texture-blue.jpg) center top repeat-y; min-height: 0; margin: 2em -15px; width: auto; } .page-its-all-at-mcc-easy-transfers #content #transfer-tools .intro-block { padding: 1em; } .page-its-all-at-mcc-easy-transfers #content #transfer-tools .intro-block h2 { padding-top: 0; } .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree { position: relative; display: block; overflow: auto; width: auto; } .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree { position: static; } .page-its-all-at-mcc-easy-transfers #content-area #transfer-tools .decision-tree h3 { border-top: 1px solid #87a6bb; } .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-1, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-2, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-3, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-4, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-5, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-6 { position: static; background-position: 0 -10px; background-size: 60px; text-align: left; } .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree a:link, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree a:visited, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree a:active, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree a:focus, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree a:hover { display: block; padding: 12px 0 0 75px; width: auto; height: 30px; } .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-1:hover, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-2:hover, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-3:hover, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-4:hover, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-5:hover, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-6:hover, .page-its-all-at-mcc-easy-transfers #transfer-tools .decision-tree .item-7:hover { background-position: 0 -70px; background-size: 60px; } .page-its-all-at-mcc-easy-transfers #transfer-degree { margin-bottom: 1.5em; } .page-its-all-at-mcc-easy-transfers #content #get-started { margin-top: 1em; padding-top: 0; } /* Value */ .page-its-all-at-mcc-exceptional-value #value-affordable { margin-top: 0; } .page-its-all-at-mcc-exceptional-value .tuition-graph { padding: 1em; width: auto; } .page-its-all-at-mcc-exceptional-value #content-area .tuition-graph h3 { font-size: 138.5%; margin-bottom: 0.5em; } .page-its-all-at-mcc-exceptional-value #content-area .tuition-graph h4 { font-size: 138.5%; } .page-its-all-at-mcc-exceptional-value #content-area .tuition-graph h5 { margin-bottom: 0.5em; } .page-its-all-at-mcc-exceptional-value #content-area .tuition-graph h5.value1 { width: auto; } .page-its-all-at-mcc-exceptional-value #content-area .tuition-graph h5.value2 { width: 58%; } .page-its-all-at-mcc-exceptional-value #content-area .tuition-graph h5.mcc { width: 14%; min-width: 50px; } .page-its-all-at-mcc-exceptional-value #value-top-five { margin-right: -15px; margin-left: -15px; width: auto; padding: 1em; } .page-its-all-at-mcc-exceptional-value #value-top-five .homepage-block { min-height: 0; background: #6d943f url(../images/bg-texture-green.jpg) center bottom repeat-y; } .page-its-all-at-mcc-exceptional-value #content-area .color-block h2 { margin-top: 0.5em; float: none; } .page-its-all-at-mcc-exceptional-value .color-block .top-five-list { float: none; margin-top: 0; width: auto; height: auto; clear: both; } .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list .top-five-1 { background: url(/drupal-testing/sites/edu.drupal-testing/files/pages/section/homepage/its-all-mcc/images/top-five-mobile-1.png) top left no-repeat; } .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list .top-five-2 { background: url(/drupal-testing/sites/edu.drupal-testing/files/pages/section/homepage/its-all-mcc/images/top-five-mobile-2.png) 0 15px no-repeat; } .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list .top-five-3 { background: url(/drupal-testing/sites/edu.drupal-testing/files/pages/section/homepage/its-all-mcc/images/top-five-mobile-3.png) 0 15px no-repeat; } .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list .top-five-4 { height: auto; background: url(/drupal-testing/sites/edu.drupal-testing/files/pages/section/homepage/its-all-mcc/images/top-five-mobile-4.png) 0 15px no-repeat; } .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list .top-five-5 { background: url(/drupal-testing/sites/edu.drupal-testing/files/pages/section/homepage/its-all-mcc/images/top-five-mobile-5.png) 0 15px no-repeat; height: auto; } .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list div, .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list .top-five-2, .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list .top-five-3 { height: auto; } .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list div { border-top: 1px solid #b0c396; margin: 1.5em 0; padding-left: 35px; } .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list div:first-child { border-top: none; } .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list h3 { margin-top: .85em; font-size: 146.2%; } .page-its-all-at-mcc-exceptional-value #content-area .color-block .top-five-list p { font-size: 100%; margin-right: 0.5em; } .page-its-all-at-mcc-exceptional-value #value-faculty, .page-its-all-at-mcc-exceptional-value #value-get-started { min-height: 0; background: none; } .page-its-all-at-mcc-exceptional-value #content #value-faculty h2 { margin-top: 1em; padding-top: 0; } .page-its-all-at-mcc-exceptional-value #content-area .call-to-action-button { margin: 0.5em 0 2em; } .page-its-all-at-mcc-exceptional-value #value-programs .homepage-block { padding-top: 1em; } .page-its-all-at-mcc-exceptional-value #value-programs .intro-block { margin-bottom: 0; } .page-its-all-at-mcc-exceptional-value #value-programs h2 { margin-top: 1em; } .page-its-all-at-mcc-exceptional-value #content #value-programs table { font-size: 100%; } .page-its-all-at-mcc-exceptional-value #content #value-programs table tr td ul { padding-left: 0; } .page-its-all-at-mcc-exceptional-value #content #get-started{ margin-top: 1em; padding-top: 0; } /* Experience */ .page-its-all-at-mcc-student-experience #experience-community { margin-top: 0; } .page-its-all-at-mcc-student-experience #experience-community .image-gallery { float: none; margin: 0; width: auto; } .page-its-all-at-mcc-student-experience #experience-community .field-image-right { margin-right: 0; width: 100%; } .page-its-all-at-mcc-student-experience .color-block { margin: auto -15px 2em -15px; width: auto; padding: 1em; } .page-its-all-at-mcc-student-experience .color-block .homepage-block { background: none; } .page-its-all-at-mcc-student-experience .color-block .homepage-block img { width: 49%; float: left; } .page-its-all-at-mcc-student-experience .color-block .homepage-block img:first-child { margin-right: 5px; } .page-its-all-at-mcc-student-experience .color-block .homepage-block .intro { clear: both; } .page-its-all-at-mcc-student-experience #experience-join .columns-2 { width: auto; } .page-its-all-at-mcc-student-experience #experience-student-life { overflow: hidden; margin-bottom: 1em; } .page-its-all-at-mcc-student-experience #experience-student-life .images { width: auto; } .page-its-all-at-mcc-student-experience #experience-student-life .images a img:last-child { width: 100%; } .page-its-all-at-mcc-student-experience #experience-get-started { min-height: 0; background: none; } .page-its-all-at-mcc-student-experience #content #get-started { margin-top: 1em; padding-top: 0; } /* Career/Technical */ .page-its-all-at-mcc-career-technical-education #career-technical-opportunities .image-gallery { float: none; width: auto; margin-top: 0; } .page-its-all-at-mcc-career-technical-education #career-technical-opportunities .intro-block { width: auto; } .page-its-all-at-mcc-career-technical-education #career-technical-five-things { width: auto; margin: 0 -15px; } .page-its-all-at-mcc-career-technical-education #career-technical-five-things .homepage-block { width: auto; padding: 1em; } .page-its-all-at-mcc-career-technical-education #content #career-technical-five-things h2 { font-size: 153.8%; margin-top: 0; } .page-its-all-at-mcc-career-technical-education #career-technical-five-things .columns-5 div:nth-child(1n+1) { width: auto; border-bottom: 1px solid #dad8d6; } .page-its-all-at-mcc-career-technical-education #career-technical-five-things .columns-5 div:last-child { border-bottom: none; } .page-its-all-at-mcc-career-technical-education #content #career-technical-five-things h4 { float: left; width: 45px; border-bottom: none; vertical-align: top; padding-top: 8px; } .page-its-all-at-mcc-career-technical-education #content #career-technical-five-things h3, .page-its-all-at-mcc-career-technical-education #content #career-technical-five-things p { margin-left: 55px; text-align: left; } .page-its-all-at-mcc-career-technical-education #career-technical-tools { min-height: 0; background: #950f37 url(../images/bg-statistics-block-red.png) left top; margin: 1em -15px 2em; width: auto; padding: 0; } .page-its-all-at-mcc-career-technical-education #career-technical-tools .intro-block { padding: 1em; } .page-its-all-at-mcc-career-technical-education #career-technical-tools .intro-block h2 { padding-top: 0; } .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree { position: relative; display: block; overflow: auto; width: auto; } .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree h3 { border-top: 1px solid #d4879b; } .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-1, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-2, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-3, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-4, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-5, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-6 { position: static; background-position: 0 -5px; background-size: 50px; text-align: left; } .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree a:link, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree a:visited, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree a:active, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree a:focus, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree a:hover { display: block; padding: 12px 0 0 75px; width: auto; height: 30px; } .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-1:hover, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-2:hover, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-3:hover, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-4:hover, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-5:hover, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-6:hover, .page-its-all-at-mcc-career-technical-education #career-technical-tools .decision-tree .item-7:hover { background-position: 0 -55px; background-size: 50px; } .page-its-all-at-mcc-career-technical-education #career-technical-get-started { min-height: 0; background: none; } .page-its-all-at-mcc-career-technical-education #content #get-started { margin-top: 1em; padding-top: 0; } /***** Open House *****/ .section-open-house #header div.messaging, .section-241 #header div.messaging { width: auto; right: 0; position: absolute; top: 90px; } .section-open-house #header div.messaging h2, .section-241 #header div.messaging h2 { min-width: 225px; font-size: 22px; } .page-open-house #scholarship { margin-top: 0; } .page-open-house .scholarship-award { width: auto; padding: 1em; float: none; } .page-open-house #content .section .scholarship-award h4 { font-size: 107.7%; } .page-open-house #content .section .scholarship-award h2 { font-size: 184.6%; } .page-open-house #content .section .scholarship-award h2 .info { font-size: 53.8%; display: block; padding-top: 10px; } .page-open-house #content .section .scholarship-award .separator { border-top: 1px solid #3d7199; } .page-open-house .locations-times { float: none; width: auto; padding-top: 1em; } .page-open-house .locations-times div:first-child { border-bottom: 1px solid #E3E3E3; border-right: none; } .page-open-house .locations-times div:nth-child(even) { padding-left: 0; } .page-open-house #content-area .savings-block .statistic { float: none; margin-bottom: 2em; } .section-open-house #open-house-top-reasons { width: auto; margin: 0 -15px; background: #125687 url(../images/bg-texture-blue.jpg) center bottom; } .section-open-house #open-house-top-reasons .homepage-block { padding: 1.5em 1em; background: none; min-height: 0; } .page-open-house #content-area .color-block h2 { float: none; } .page-open-house .color-block .top-reasons-list { width: auto; margin: 1.5em 0 1em; } .page-open-house #content-area .color-block .top-reasons-list h3 { font-size: 146.2%; } .page-open-house #content-area .color-block .top-reasons-list p { font-size: 100%; margin-right: 0; } .section-open-house #open-house-sessions { margin-top: 1em; } .section-open-house #open-house-sessions h3.unable { font-size: 123.1%; } /***** Summer 2016 *****/ .page-summer { } .page-summer .summer-ad { padding-right: 0; padding-top: 200px; background-size: 100%; } .page-summer .summer-ad .statistic-block { float: none; margin-left: auto; margin-right: auto; } .page-summer .summer-ad .call-to-action { float: none; margin-top: 2em; margin-left: auto; margin-right: auto; } /***** Workforce Development *****/ .page-workforce-development #header div.messaging { width: auto; right: 0; position: absolute; top: 30px; } .page-workforce-development #header div.messaging h2 { min-width: 225px; font-size: 22px; background-color: rgba(255, 255, 255, 0.8); } .page-workforce-development #header div.messaging h3 { min-width: 225px; font-size: 22px; width: auto; } .page-workforce-development #header div.header-image { position: absolute; } .page-workforce-development #header .header-photo .section img { display: block; height: 200px; margin-left: 0; } /***** Performing Arts Center *****/ .section-performing-arts-center #header div.messaging { width: auto; right: 0; position: absolute; top: 90px; } .section-performing-arts-center #header div.messaging h2 { min-width: 225px; font-size: 22px; } .section-performing-arts-center #pac-intro .intro-block { width: auto; } .section-performing-arts-center .homepage-block { margin-bottom: 2em; } .section-performing-arts-center #content .section h2 { float: none; width: 100%; font-size: 291.7%; line-height: 120.0%; margin-top: 0; } /*.section-performing-arts-center .section #pac-intro h2 { margin-top: 0; }*/ .section-performing-arts-center #pac-intro .field_image, .section-performing-arts-center #pac-featured .field_image, .section-performing-arts-center #pac-featured.dual-featured .field_image, .section-performing-arts-center #pac-programs .field_image { max-width: none; width: 100% !important; } .section-performing-arts-center #pac-intro #pac-intro-block { float: none; width: auto; margin-top: 1em; margin-bottom: 3em; } .section-performing-arts-center #pac-building .callout { width: 90%; margin: 1em 0 3em 0; } .section-performing-arts-center #pac-building .columns-3 div { text-align: center; } .section-performing-arts-center #pac-featured { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; background-position: top right; } .section-performing-arts-center #pac-featured .photo { background: none; padding: 0; margin: 0 0 2em 0; float: none; text-align: center; } .section-performing-arts-center #pac-featured .homepage-block p { width: auto; /*background: #821f19;*/ } .section-performing-arts-center #pac-featured.dual-featured { background: url("../images/pac-featured-performance-background.jpg") top right; } .section-performing-arts-center #pac-featured.dual-featured .feature, .section-performing-arts-center #pac-featured.dual-featured #feature-right { width: auto; float: none; margin-right: 0; margin-bottom: 2em; } .section-performing-arts-center #pac-featured.dual-featured .photo { padding-right: 0; padding-bottom: 0; background: none; } .section-performing-arts-center #pac-featured.dual-featured .feature p { padding-right: 0; } .section-performing-arts-center #content #pac-featured.dual-featured h4 { margin-top: 1em; } .section-performing-arts-center #pac-schedule h2, .section-performing-arts-center #pac-schedule p { width: auto; float: none; } .section-performing-arts-center #pac-schedule .calendar, .section-performing-arts-center #pac-schedule iframe { width: 100%; margin: 0; float: none; } .section-performing-arts-center #pac-programs .columns-3 div { padding-bottom: 2em; } .section-performing-arts-center #pac-programs .columns-3 div img { max-width: auto; } /***** Red Mountain 2-4-1 Class Schedule *****/ #content-area #rdm-241-messaging { margin-top: 0; font-size: 350%; } .section-241 .rdm-241-intro img, .section-241 .rdm-241-calendar img { width: 100% !important; max-width: 100%; } #content-area .rdm-241-calendar h3 { clear: left; position: inherit; top: 0; left: 0; margin: 0; padding: 1em; width: auto; } #content-area .rdm-241-content, #content-area .rdm-241-callout { margin-left: 0; width: auto; } #content-area .rdm-241-content .intro, #content-area .rdm-241-content p { margin-left: 0; clear: both; } #content-area .rdm-241-content .video { width: 100%; margin-left: 0; } .section-241 #rdm-241-features { width: auto; margin: 0 -15px; background: #670002 url(../images/bg-texture-red.jpg) center bottom; } .section-241 #rdm-241-features .homepage-block { width: auto; padding: 1em 1em; background: none; min-height: 0; } #rdm-241-features .columns-2 div:nth-child(2n+2) { padding: 0; margin-bottom: 2em; } .section-241 #rdm-241-features .columns-2 .placeholder { width: auto; } .section-241 #rdm-241-schedule iframe, .section-241 #rdm-241-features img, .section-241 #rdm-241-features iframe { width: 100% !important; max-width: none; } /***** Calendars *****/ .section-calendars .columns-3 div { margin-bottom: 2em; } .section-calendars .controls { float: none; margin-right: 0; width: auto; } .section-calendars .main-calendar { margin-left: 0; } /***** Page comprehensive *****/ .page-comprehensive #content .section .section-content { padding-left: 15px; padding-right: 15px; } .page-comprehensive #content .section .section-content h2 { font-size: 316.7%; line-height: 150%; } .page-comprehensive #content .sticky-enabled { padding-top: 0; } .page-comprehensive .link-list, .page-about #content-area .content .link-list, .page-community #content-area .content .link-list { margin-top: 1em; } .page-comprehensive #content-area .ui-tabs-panel, .page-comprehensive #content-area #visit .ui-tabs-panel, .page-comprehensive #content-area #progress .ui-tabs-panel { padding-left: 15px; padding-right: 15px; } #block-views-events_featured-block_ad { margin: 3em 1em 4em 1em; } #block-views-events_featured-block_ad img { width: 100%; } .block .featured-events h3 { } .block .featured-events h3 a:link, .block .featured-events h3 a:visited, .block .featured-events h3 a:active, .block .featured-events h3 a:focus, .block .featured-events h3 a:hover { padding-left: 1.5em; padding-right: 1.5em; } .block .featured-events h4 a:link, .block .featured-events h4 a:visited, .block .featured-events h4 a:active, .block .featured-events h4 a:focus, .block .featured-events h4 a:hover { padding-left: 1em; padding-right: 1em; } .block .featured-events p { padding-left: 1.5em; } /***** About MCC *****/ .page-about { } .page-about #achievements .image-gallery { width: 100%; min-height: 350px !important; margin: 0; height: auto; overflow: visible; } .page-about #achievements .image-gallery .container div { margin: 0; } .page-about #achievements .image-gallery .image-gallery-highlight-arrow, .page-about #achievements .image-gallery .image-gallery-nav { display: none; } .page-about #achievements .image-gallery .container div h3 { width: 120px; } .page-about #achievements .image-gallery .container div p { margin-left: 120px; } .page-about #administration { background-size: 500px 441px; } .page-about #content .section #administration .section-content { padding-bottom: 30em; } .page-about #content .section #administration .section-content p { width: auto; } .page-about #content-area #progress .ui-tabs-nav li a { width: auto !important; padding-left: 1em; padding-right: 1em; } .page-about #content-area #progress .tabs img { width: 100% !important; margin: 0 0 1em 0; float: none; } /***** Community *****/ .page-community { } .page-community #welcome { } .page-community #content .section #welcome .section-content { padding-bottom: 31em; } .page-community #content .section #welcome .section-content p, .page-community #content .section #alumni .section-content p, .page-community #content .section #alumni .section-content ul { width: auto; } .page-community .decision-tree-icon { padding-right: 0; } .page-community .decision-tree-icon-5 div:nth-child(n+1) { clear: none; margin-right: 0.5em; } .page-community #content-area #visit .ui-tabs-nav li a, .page-community #content-area #visit .ui-tabs-nav li.visit-rose-garden a { width: auto !important; padding-left: 1em; padding-right: 1em; } .page-community #visit .image-gallery .container { /*height: auto !important; min-height: 0 !important;*/ } .page-community #content-area #visit .tabs .image-gallery, .page-community #content-area #visit .tabs .image-gallery img { margin: 0; float: none; width: 100%; height: auto; /*min-height: 0 !important;*/ } .page-community #content-area #visit .tabs .image-gallery { /*overflow: hidden; */ } .page-community #content-area #visit .tabs .image-gallery img { width: 100% !important; height: auto !important; } .page-community #content-area #visit .tabs h3 { margin-top: 1em; } .page-community #content .section #alumni { background-size: 500px 434px; /*background-color: #b3cfd3;*/ } .page-community #content .section #alumni .section-content { padding-bottom: 33em; } .page-community #content-area #giving .image-gallery-testimonial { height: 430px; min-height: none; } .page-community #giving .image-gallery .container div { margin: 0; } .page-community #content-area #giving .image-gallery-testimonial .container div p { margin-top: 1em; float: none; width: auto; } .page-community #content-area #connect .social { margin-top: 0; float: none; overflow: auto; } .page-community #content-area #connect .social li { margin: 0 0 2em 0.7em; } .page-community #connect .feed h3 a:link, .page-community #connect .feed h3 a:visited, .page-community #connect .feed h3 a:active, .page-community #connect .feed h3 a:focus, .page-community #connect .feed h3 a:hover { height: auto; } /***** Events & News *****/ .page-events { } .page-events #header div.header-image { position: relative; } .page-events .header-photo .section img { display: none; } .page-events #content .section h2 { font-size: 316.7%; line-height: 133.3%; } .page-events #content-area h3.header { margin-bottom: 1em; } .page-events .featured { float: none; width: auto; padding-bottom: 1em; margin-bottom: 2em; border-bottom: 1px solid #cfcfcf; } .page-events .featured .image-gallery { width: 100%; height: 340px; min-height: 0; overflow: hidden; } .page-events .featured .image-gallery .container div.view, .page-events .featured .image-gallery .container div.view-content { width: 100%; } .page-events .featured .image-gallery .container div img { /*min-width: 260px;*/ width: 100% !important; } .page-events .featured .image-gallery .image-gallery-control-left, .page-events .featured .image-gallery .image-gallery-control-right { top: 30%; } .page-events .featured .image-gallery .image-gallery-nav { margin-left: auto; margin-right: auto; width: 100%; text-align: center; } .page-events .upcoming, .page-events .cross-sells { margin-left: 0; } .page-events .media-coverage, .page-events .social-media { margin-top: 2em; padding-top: 2em !important; border-top: 1px solid #cfcfcf; } .page-events .social-tabs-nav { overflow: auto; } .page-events #content-area .social-tabs-nav li { margin-right: 0.5em; } .page-events .social-tabs div { margin-top: -3.5em !important; padding: 5em 1.5em 1em 1.5em !important; font-size: 100%; } .page-events .social-tabs div div { margin: 0 !important; } .page-events .social-media #feed-twitter, .page-events .social-media .feed ul { background: none; box-shadow: none; } .page-events .social-media #feed-twitter .feed-facebook a:link p, .page-events .social-media #feed-twitter .feed-facebook a:visited p, .page-events .social-media .feed.feed-facebook a:link p, .page-events .social-media .feed.feed-facebook a:visited p, .page-events .social-media #feed-twitter p, .page-events .social-media .feed p, .page-events .social-media #feed-twitter .timestamp, .page-events .social-media .feed .timestamp { color: #ffffff; font-size: 100%; } .page-events .visit { margin-left: -15px; margin-right: -15px; } .page-events #content .section .visit h2 { margin-left: 15px; margin-right: 15px; } .page-events .visit .view-embed-node { margin-left: 0; margin-right: 0; } .page-events #content-area .ui-tabs { margin: 1em 0 2em 0; } .page-events #content-area .visit .ui-tabs-nav li a, .page-events #content-area .visit .ui-tabs-nav li.visit-rose-garden a { width: auto !important; padding-left: 0.5em; padding-right: 0.5em; } .page-events #content-area .visit .ui-tabs-panel { padding-left: 15px; padding-right: 15px; width: auto; } .page-events .visit .image-gallery { float: none; height: auto; margin: 0; width: 100%; min-height: 0 !important; } .page-events .visit .image-gallery img { width: 100% !important; height: auto !important; } .node-type-event-featured { } .node-type-event-featured .field-field-bucket-image img { width: 100% !important; height: auto; } /***** Online / eLearning *****/ .page-online #content .section { padding: 9px 15px; } .page-online #elearning-video { padding: 0; margin: 0 0 3em 0; overflow: inherit; background: none; } .page-online .section ul.sticky-nav { display: none; width: 100%; padding: 0 1em; margin: -9px -15px 1em -15px; } .page-online .section ul.sticky-nav li a { padding: 8px 0.5em; border-left: none; } .page-online .section ul.sticky-nav li:last-child { border-right: none; } .page-online #content .section .section-content, .page-online #content .section #flexibility .section-content, .page-online #content .section #support .section-content { margin: 0; padding-top: 2em; padding-bottom: 2em; } .page-online #content .section .section-content h2 { font-size: 50px; margin-top: 0.15em; line-height: 110%; } .page-online #content .section .section-content h3 { font-weight: bold; color: #584b48; } .page-online #content .section .section-content p, .page-online #content .section .section-content ul { width: auto; } .page-online #content .section .section-content .call-to-action { width: auto; } #content .options-block div { float: none; margin-right: 0; padding-top: 0; } #content .options-block div h3, #content .options-block div p { background: #d18817; } .page-online #content #choices p, .page-online #content #choices ul, .page-online #content #quality p, .page-online #content #quality ul, .page-online #content #challenge ul { width: auto; } .page-online #content #choices .options-block { position: static; width: auto; } .page-online #content #choices .options-block div { background: none; padding-left: 0; margin-bottom: 1em; } .page-online #content #choices .options-block div h3 { font-size: 130.8%; } .page-online #content #choices .options-block .degrees div.inner h3, .page-online #content #choices .options-block .courses div.inner h3 { background-position: 0 0; } .page-online #content #choices .options-block .degrees div.inner, .page-online #content #choices .options-block .courses div.inner { background-size: 61px 61px; background-position: 1em 1em; padding: 1em; width: auto; } .page-online #content #choices .options-block div h3 a { width: auto; padding: 0.5em 0.5em 0.5em 5em; } .page-online #content #choices .options-block div h4 { display: none; } .page-online #content #choices .options-block div p a { width: auto; padding: 0 0 0.5em 0.5em; } .page-online #quality, .page-online #challenge, .page-online #flexibility, .page-online #support { background: none; } .page-online #content .section .section-content .quote { position: static; background: none; padding-bottom: 1em; } .page-online #content .section .section-content .quote div { width: auto; } .page-online-online-degrees-certificates .callout-block img { float: none; } /***** High School *****/ .page-high-school .decision-tree-options .decision-certificate { width: auto; border: 0; border-bottom: 1px solid #dedede; margin-bottom: 1em; } .page-high-school .top-five { margin-left: 0; width: 100%; background-color: #5b7d33; background-position: -385px 0; } .page-high-school .top-five .top-five-list { width: auto; margin-left: 80px; margin-right: 20px; } .section-high-school #decision-tree-financial-aid-types { min-height: 0; background: none; } .section-high-school #decision-tree-financial-aid-types ul li { position: inherit; margin-bottom: 2em; top: auto !important; left: auto !important; width: auto !important; } /***** HelpCenter *****/ .help-top .resources, .help-top .contact-center, .help-top .help-center { margin: 1em; float: none; width: auto; } .help-top .contact-center .description-contactcenter { float: none; width: auto; } .help-top .help-center .search-helpcenter { float: none; width: auto; margin-right: 0; } .help-top .help-center .chat-helpcenter { float: none; } /* Front Page */ .front #header #header-image-container, .front #header .header-image-background, .front #header .header-photo { height: 225px; } .front #header div.header-image { position: absolute; overflow: hidden; } .front .header-photo .section img { height: 225px; overflow: hidden; display: block; margin-left: 0; } .front #header div.messaging { width: auto; float: right; position: absolute; right: 0; top: 1em; } .front #header div.messaging h2 { min-width: 260px; font-size: 25px; background-color: rgba(255, 255, 255, 0.8) } .front #header div.messaging h3 { float: right; padding-right: 10px; padding-left: 10px; } .front #header div.messaging h3 span { padding-right: 10px; padding-top: 5px; } .front #header div.messaging h3 span.learn-more { top: 0; } #header .banner-nav { top: 210px; left: 100%; width: auto; margin: 0; } #header .banner-nav ul { width: 160px; /*120px; */ } #header .banner-nav ul li a:link, #header .banner-nav ul li a:visited, #header .banner-nav ul li a:active, #header .banner-nav ul li a:focus, #header .banner-nav ul li a:hover { margin-right: 1.5em; } #header .banner-nav ul li:last-child a:link, #header .banner-nav ul li:last-child a:visited, #header .banner-nav ul li:last-child a:active, #header .banner-nav ul li:last-child a:focus, #header .banner-nav ul li:last-child a:hover { margin-right: 0; } /***** Alert Box *****/ .alert-box { position: static; margin: 0; float: none; width: auto; z-index: 999; border: none; } /***** Blackout Page *****/ .page-blackout #header, .page-blackout #header-image-container, .page-blackout #header .header-image-background { height: 0; } .page-blackout #header #menu-main, .page-blackout #header .site-navigation { display: none; } .page-blackout #main-wrapper { padding-top: 7em; /*2em;*/ } /***** Footer *****/ #footer { margin: 0; } #footer .section { width: auto; padding: 1.5em 15px 10px 15px; } #footer h3 { border-top: 1px solid #3e485c; border-bottom: none; margin-bottom: 0; padding: 1em 0 .75em 2em; background: #263041 url(../images/btn-faq-plus-minus.png) -43px 1em no-repeat; } #footer h3.expand { background: #263041 url(../images/btn-faq-plus-minus.png) 1px -32px no-repeat; padding-bottom: 1em; } #footer .locations h3 { padding-botom: 0; } #footer .locations { width: 100%; margin-right: 15px; float: none; } #footer .locations div { float: none; } #footer .locations h4 { font-size: 150%; } #footer .locations span, #footer .locations span { display: block; } #footer .locations div a, #footer .locations div a { margin-bottom: 0.5em; } #footer .locations .sd, #footer .locations .rm { margin-bottom: 3em; width: auto; } #footer .locations .other div { float: none; width: auto; margin-bottom: 3em; } #footer .social { float: none; width: 100%; } #footer #mcccd { margin-top: 2em; margin-bottom: 0; /*display: none;*/ } #footer .social ul { /*width: 225px;*/ padding-bottom: 1em; } #footer .social ul li { padding: 4px 0; border: 0; } #footer .social ul li:last-child { border: none; } #footer .locations h3 a, #footer .social h3 a { display: block; color: #ffffff; text-decoration: none; } #footer .locations h3 a:hover, #footer .locations h3 a:focus, #footer .social h3 a:hover, #footer .social h3 a:focus { opacity: 0.5; } #footer .footer-links { padding-top: 2em; -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ column-count: 2; -moz-column-gap: 10px; /* Firefox */ -webkit-column-gap: 10px; /* Safari and Chrome */ column-gap: 10px; } #footer .footer-links li { display: block; padding: 5px; } #footer .footer-links li a:link, #footer .footer-links li a:visited, #footer .footer-links li a:active, #footer .footer-links li a:hover { float: none; padding: 0; } #footer .footer-links li.login a { text-align: left; } #footer .copyright { border: none; margin-top: 4em; padding: 0; font-size: 100%; line-height: 200%; } /* Search */ #google-cse-results iframe { width: 100%; min-height: 1900px; } #edit-query { width: 100%; }