/* Custom Styles */ body, #page-content-title .title-description { font-family:'Verdana'; } body { font-size:14px; } body { line-height:1.7; } h1, h2, h3, h4, h5, h6, #slogan, .single-post-categories { font-family:'Verdana'; } h1, h2, h3, h4, h5, h6 { line-height:1.2; } #top-elements { height:72px; } #logo h1 a, #logo .site-name a { background:transparent url( http://miamidadetechnicalcolleges.com/wp-content/uploads/2015/04/MDTC-Logo-w-Tag.png ) no-repeat 0 100%; width:238px; height:107px; } #slogan { top:100px; left:0px; } #slogan { font-size:12px; } .js_on .cufon-on #slogan { font-size:14px; } #navigation-menu { font-family:'Verdana'; } #navigation-menu { font-size:13px; } #navigation-menu > ul.sf-menu { margin-top:0; } #main-menu { background:none; } h1 {font-size:1.883em !important; } h2 {font-size:1.667em !important; } h3 {font-size:1.5em !important; } h4 {font-size:1.333em !important; } h5 {font-size:1.25em !important; } h6 {font-size:1.083em !important; } .js_on .cufon-on h1 {font-size:2.3em !important; } .js_on .cufon-on h2 {font-size:2.18em !important; } .js_on .cufon-on h3 {font-size:1.883em !important; } .js_on .cufon-on h4 {font-size:1.667em !important; } .js_on .cufon-on h5 {font-size:1.5em !important; } .js_on .cufon-on h6 {font-size:1.333em !important; } #page-content-title #page-title h1, #page-content-title #page-title h2, #page-content-title #page-title h3, #page-content-title #page-title .single-post-categories {font-size:1.883em !important;} .js_on .cufon-on #page-content-title #page-title h1, .js_on .cufon-on #page-content-title #page-title h2, .js_on .cufon-on #page-content-title #page-title h3, .js_on .cufon-on #page-content-title #page-title .single-post-categories {font-size:2.3em !important;} .post-top h1, .post-top h2, .post-top h3 {font-size:1.5em !important; } .js_on .cufon-on .post-top h1, .js_on .cufon-on .post-top h2, .post-top h3 {font-size:1.883em !important; } #sidebarSubnav h3 {font-size:1.25em !important; } .js_on .cufon-on #sidebarSubnav h3 {font-size:1.5em !important; } .portfolio-items-wrapper h2 {font-size:1.333em !important; } .js_on .cufon-on .portfolio-items-wrapper h2 {font-size:1.667em !important; } h2.portfolio-single-column {font-size:1.667em !important; } .js_on .cufon-on h2.portfolio-single-column {font-size:2.18em !important; } h3.bottom-col-title {font-size:1.35em !important; } .js_on .cufon-on h3.bottom-col-title {font-size:1.6947em !important; } #gs-header #header-content { width:940px; } #c2-slider .slide-desc h2, #c2-slider .slide-desc { color:#333333; } #c2-slider .slide-desc h2 { font-size:1.8em !important; font-family:'Verdana'; line-height:1.7; } #c2-slider .slide-desc p, #c2-slider .slide-desc ul { font-size:1.2em; line-height:1.7; } #c3-slider .sliding-text { color:#FFFFFF; font-size:1.2em; line-height:1.7; } #navigation-menu > ul.sf-menu { float:right; } /* secondary nav bar items' alignments */ #sec-nav-text-area-1 { text-align: left; } #sec-nav-text-area-2 { text-align: right; } #sec-nav-menu-area { text-align: center; } body, .post-top h2 a, .post-top h3 a, .posts-counter { color:#000000; } a, #isotope-options li a:hover, #isotope-options li a.selected { color:#000000; } a:hover, .post-top h2 a:hover, .post-top h3 a:hover, #isotope-options li a { color:#333333; } .custom-formatting li.current_page_item > a, .custom-formatting li.current-menu-item > a, .custom-formatting li.current-cat > a, .custom-formatting li.current > a { color: #333333; } .custom-formatting li.current_page_item > a:hover, .custom-formatting li.current-menu-item > a:hover,.custom-formatting li.current-cat > a:hover, .custom-formatting li.current > a:hover { color: #000000; } h1,h2,h3,h4,h5,h6 { color:#333333; } #top-wrapper { background: url("http://www.miamidadetechnicalcolleges.com/wp-content/uploads/2015/10/header8c.png") no-repeat scroll center top #FFFFFF; } #slogan, #top-elements .phone-number, #top-elements .social_media_title, #search input.blur, #search input.inputbox_focus { color:#000000; } #slogan{ color:#000000; } #gs-header, #piecemaker-header, #c1-header, #c2-header, #c3-header, #rev-slider-header { background-color:#FFFFFF; } #main-menu { background-color: #FFFFFF; /* the fallback */ background-color: rgba(255,255,255,0); } @media screen and (min-width: 720px) { .u-design-fixed-menu-on.fixed-menu #main-menu { background-color: #FFFFFF; /* the fallback */ background-color: rgba(255,255,255,0); } } #navigation-menu ul.sf-menu > li > a > span { color:#FFFFFF; } #navigation-menu ul.sf-menu > li.current-menu-item > a > span, #navigation-menu ul.sf-menu > li.current_page_item > a > span { color:#FFFFFF; } #navigation-menu ul.sf-menu > li.current-menu-item > a > span:hover, #navigation-menu ul.sf-menu > li.current_page_item > a > span:hover { color:#FFFFFF; } #navigation-menu ul.sf-menu > li > a:hover span { color:#FFFFFF; } #navigation-menu ul.sf-menu a, #navigation-menu ul.sf-menu a:visited {color: #000000; } #navigation-menu ul.sf-menu a:hover { color:#000000; } #navigation-menu ul.sf-menu li li { background-image: none; margin-bottom: 1px; background-color: #FFFFFF; /* the fallback */ background-color: rgba(255,255,255,1); } #secondary-navigation-bar-wrapper { background-color: #212121; /* the fallback */ background-color: rgba(33,33,33,0.95); } #secondary-navigation-bar-content { color:#EBEBEB; } #secondary-navigation-bar-content a { color:#A3A3A3; } #secondary-navigation-bar-content a:hover { color:#FF8400; } #page-content-title #page-title h1, .js_on .cufon-on #page-content-title #page-title h1, #page-content-title #page-title h2, .js_on .cufon-on #page-content-title #page-title h2, #page-content-title #page-title h3, .js_on .cufon-on #page-content-title #page-title h3, #page-content-title #page-title .single-post-categories, .js_on .cufon-on #page-content-title #page-title .single-post-categories { color:#000000; } #page-content-title { background-color:#FFFFFF; } #home-page-content, #page-content, .no_title_section #page-content { background-color:#FFFFFF; } h3.before_cont_title { color:#000000; } #before-content { color:#000000; } #before-content { background-color:#FFFFFF; } #bottom-bg { background: url("http://www.miamidadetechnicalcolleges.com/wp-content/uploads/2015/10/bottom-footer-bg2.png") repeat-y scroll center top #2A3D91; } h3.bottom-col-title { color: #000000; } #bottom, #bottom .textwidget, #bottom #wp-calendar, #bottom .posts-counter { color: #FFFFFF; } #bottom a { color: #FFFFFF; } #bottom a:hover { color: #FFFFFF; } h3.bottom-col-title, #bottom ul.small-thumb li, #bottom .widget_recent_entries li a, #bottom .widget_categories li a, #bottom .widget_pages li a, #bottom .widget_subpages li a, #bottom .widget_archive li a, #bottom .widget_links li a, #bottom .widget_rss li a, #bottom .widget_meta li a, #bottom .loginform li a, #bottom .widget_nav_menu li a { background: url("../style1/images/heading_underline.png") repeat-x scroll 0 100% transparent; } #bottom .widget_recent_comments li { background: url("../style1/images/heading_underline.png") repeat-x scroll 0 100% transparent; } #footer-bg { background-color: #2A3D91; } body { background-color: #2A3D91; } #footer, #footer_text { color: #808080; } #footer a, #footer_text a { color: #000000; } #footer a:hover, #footer_text a:hover { color: #000000; } @media screen and (min-width: 960px) { body { background: url("http://miamidadetechnicalcolleges.com/wp-content/uploads/2015/02/bg2.png") repeat-y scroll center top #FFFFFF; } #wrapper-1, #top-wrapper, #gs-header, #piecemaker-header, #c1-header, #c2-header, #c3-header, #rev-slider-header, #page-content-title, #home-page-content, #page-content, .no_title_section #page-content, #before-content, #bottom-bg, #footer-bg { background-color:transparent; } } @media screen and (max-width: 719px) { #logo h1 a, #logo .site-name a { background:transparent url( http://miamidadetechnicalcolleges.com/wp-content/uploads/2015/04/MDTC-Logo-w-Tag.png ) no-repeat 0 100%; height:150px; } #wrapper-1, #top-wrapper, #gs-header, #piecemaker-header, #c1-header, #c2-header, #c3-header, #rev-slider-header, #page-content-title, #home-page-content, #page-content, .no_title_section #page-content, #before-content, #bottom-bg, #footer-bg { background-image:none; } } @media screen and (max-width: 959px) { #c2-slider .slide-desc p, #c2-slider .slide-desc ul { font-size:1.1em; line-height:1.6; } ul#c2-slider li ul li { font-size:0.8em; } } @media screen and (max-width: 480px) { #c2-slider .slide-desc h2 { font-size:1.4em !important; line-height:1.5; } } @media screen and (min-width: 720px) and (max-width: 959px) { #c2-slider .slide-desc h2 { font-size:1.7em !important; line-height:1.6; } #wrapper-1, #top-wrapper, #gs-header, #piecemaker-header, #c1-header, #c2-header, #c3-header, #rev-slider-header, #page-content-title, #home-page-content, #page-content, .no_title_section #page-content, #before-content, #bottom-bg, #footer-bg { background-image:none; } } @media screen and (min-width: 720px) { .u-design-fixed-menu-on.fixed-menu #top-wrapper { background-color:#FFFFFF; } .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu { background-color: transparent; } .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu { margin-left: 0; margin-right: 0; } } /* BEGIN: STICKY FOOTER CSS */ html, body { height: 100%; } #wrapper-1 { min-height: 100%; } .push { overflow:auto; padding-bottom: 44px; } #footer-bg { position: relative; margin-top: -44px; /* negative value of footer height */ height: 44px; clear:both; } /* Opera Fix */ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } /* END: STICKY FOOTER CSS */