/* Theme Name:ML2013 Theme URI: http://www.mangionlightfoot.com/ Description:Custom theme based on BluePrint base theme, version updated 2013-08-23. Author:Andy Towler Author URI: http://www.mangionlightfoot.com/ Version:0.1 Tags: BluePrint License: Proprietary License URI: http://www.mangionlightfoot.com/ */ /* font-family:'HelveticaNeueW01-UltLt'; font-family:'HelveticaNeueW01-UltLtI'; font-family:'HelveticaNeueW01-Thin'; font-family:'HelveticaNeueW01-ThinIt'; font-family:'HelveticaNeueW01-45Ligh'; font-family:'HelveticaNeueW01-46Ligh'; font-family:'HelveticaNeueW01-55Roma'; font-family:'HelveticaNeueW01-56It'; font-family:'HelveticaNeueW01-65Medi'; font-family:'HelveticaNeueW01-66Medi'; font-family:'HelveticaNeueW01-75Bold'; font-family:'HelveticaNeueW01-76Bold'; font-family:'HelveticaNeueW01-85Heav'; font-family:'HelveticaNeueW01-86Heav'; font-family:'HelveticaNeueW01-95Blac'; font-family:'HelveticaNeueW01-BlackI'; font-family:'HelveticaNeueW01-BdOutl'; font-family:'HelveticaNeueW01-UltLtC 673371'; font-family:'HelveticaNeueW01-UltLtC 673374'; font-family:'HelveticaNeueW01-ThinCn 673383'; font-family:'HelveticaNeueW01-ThinCn 673386'; font-family:'HelveticaNeueW01-47LtCn 692686'; font-family:'HelveticaNeueW01-47LtCn 692689'; font-family:'HelveticaNeueW01-57Cn'; font-family:'HelveticaNeueW01-57CnOb'; font-family:'HelveticaNeueW01-67MdCn 692710'; font-family:'HelveticaNeueW01-67MdCn 692713'; font-family:'HelveticaNeueW01-77BdCn 692722'; font-family:'HelveticaNeueW01-77BdCn 692725'; font-family:'HelveticaNeueW01-87HvCn 692734'; font-family:'HelveticaNeueW01-87HvCn 692737'; font-family:'HelveticaNeueW01-97Blac'; font-family:'HelveticaNeueW01-BlackC'; font-family:'HelveticaNeueW01-XBlkCn 710276'; font-family:'HelveticaNeueW01-XBlkCn 710279'; font-family:'HelveticaNeueW01-UltLtE 710282'; font-family:'HelveticaNeueW01-UltLtE 710285'; font-family:'HelveticaNeueW01-ThinEx 710288'; font-family:'HelveticaNeueW01-ThinEx 710291'; font-family:'HelveticaNeueW01-LtExt'; font-family:'HelveticaNeueW01-LtExtO'; font-family:'HelveticaNeueW01 53 Ext'; font-family:'HelveticaNeueW01-ExtObl'; font-family:'HelveticaNeueW01-MdExt'; font-family:'HelveticaNeueW01-MdExtO'; font-family:'HelveticaNeueW01-BdExt'; font-family:'HelveticaNeueW01-BdExtO'; font-family:'HelveticaNeueW01-HvExt'; font-family:'HelveticaNeueW01-HvExtO'; font-family:'HelveticaNeueW01-BlkExt 710327'; font-family:'HelveticaNeueW01-BlkExt 710330'; font-family:'HelveticaNeueW31-Light'; font-family:'HelveticaNeueW31-LightI'; font-family:'Helvetica Neue W31'; font-family:'HelveticaNeueW31-Italic'; font-family:'Helvetica Neue W31 Bold'; font-family:'HelveticaNeueW31-BoldIt'; font-family:'HelveticaNeueW82-Light'; font-family:'HelveticaNeueW82-Regula'; font-family:'Helvetica Neue W82 Bold'; */ /* RESET */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126, License: none (public domain) */ /* -webkit-appearance:none; -moz-appearance:none; added by Andy Towler */ /* sub & sup removed from first declaration */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; -webkit-appearance:none !important; -moz-appearance:none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height:1; } body { -webkit-font-smoothing:antialiased; } /* lightens fonts a little on chrome mac, no effect on chrome win */ ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } table { border-collapse:collapse; border-spacing:0; } /* IE CENTERING PATCH */ body { text-align:center; position:absolute; height:101%; width:100%; } body div { text-align:left; } /* GLOBALS */ html { } body { background:#fff; color:#333; } body, input, select, textarea { font-family:'HelveticaNeueW01-45Ligh',arial,helvetica,sans-serif; font-size:20px; line-height:31px; } strong { font-family:'HelveticaNeueW01-65Medi'; font-style:inherit; } em { font-style:italic; font-weight:inherit; } a { color:#333; text-decoration:none; } a:hover { border-bottom:1px solid #fdb813; } input[type=checkbox] { vertical-align:middle; margin-bottom:1px; } ::selection { background-color:#fdb813; text-shadow:none; } /* webkit only */ ::-webkit-input-placeholder { /* WebKit browsers */ color: #ddd; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ddd; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ddd; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ddd; } body.home ::-webkit-input-placeholder { /* WebKit browsers */ color: #444; } body.home :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #444; opacity: 1; } body.home ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #444; opacity: 1; } body.home :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #444; } /* GENERICS */ a, a:focus, input:focus, textarea:focus { outline:none; } a.image, a img { border:0; text-decoration:none; } .strong { font-weight:bold; font-style:inherit; } .clearer { height:0px; clear:both; line-height:0px; overflow:hidden; font-size:0; } .right { text-align:right; } .center { text-align:center; } .alignright { float:right; margin:0 0 15px 15px; } .alignleft { float:left; margin:0 15px 15px 0; } .aligncenter { display:block; margin:0 auto; } .wp-smiley { vertical-align:middle; } img.icon { vertical-align:middle; margin-bottom:2px; } h1 { font-size:22px; } h2 { font-size:40px; line-height:48px; margin:0 0 40px 0; font-family:'HelveticaNeueW01-55Roma',arial,helvetica,sans-serif; } h3 { font-size:36px; line-height:42px; margin:0 0 30px 0; font-family:'HelveticaNeueW01-45Ligh',arial,helvetica,sans-serif; } h4 { font-size:16px; } h5 { font-size:15px; } h6 { font-size:16px; line-height:22px; margin-bottom:32px; font-family:'HelveticaNeueW01-55Roma',arial,helvetica,sans-serif; } img.biggermargin { margin-bottom:64px; } a.blockbutton { display:block; color:#fff; height:47px; line-height:45px; border-radius:4px; text-align:center; } a.blockbutton:hover { border-bottom:0; } /* HEADER */ .head { background-color:#fff; background-color: rgba(255,255,255,0.96); position:fixed; left:0; right:0; z-index:99; width:100%; height:56px; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px rgba(0,0,0,0.2); } .headpad { width:100%; max-width:1152px; margin:0 auto; padding:17px 0 0 0; } .head .left { float:left; margin-left:16px; } .head .right { float:right; margin-right:16px; } .head h1 { width:192px; height:22px; line-height:22px; } .head h1 a { display:block; width:192px; height:23px; background:url(images/logo-ml-164x20.png) bottom left no-repeat; } .head h1 a:hover { border:0; } .head h1 a span { margin-left:-9999px; } .head h2 { display:none; } .head ul.menu li { float:left; height:22px; line-height:22px; margin-left:48px; } .head ul.menu a { color:#fff; color:#333; display:block; height:22px; line-height:22px; font-size:16px; font-family:'HelveticaNeueW01-55Roma',arial,helvetica,sans-serif; } .head ul.menu a:hover { text-decoration:none; border:0; color:#fdb813; } /* MAIN CONTENT AREA - OVERALL */ .main { padding-top:56px; } .main img { max-width:100%; height:auto; } .contentarea { width:100%; } .contentareapad { width:100%; max-width:1152px; margin:0 auto; } .contentarea .page { padding:0 16px; } .contentarea .error404 { padding:0 16px; } .contentarea .entry { padding:60px 0 16px 0; } body.home .contentarea .entry { padding-top:90px; } body.home .contentarea_findus .entry { padding-top:0px; } /* MAIN CONTENT AREA - DETAILS */ .contentarea p { margin:0 0 24px 0; } /* MAIN CONTENT AREA - PROJECTS ONLY */ .contentupper { background:#f8f8f8; } .contentupperpad { width:100%; max-width:1152px; margin:0 auto; } .contentupper .project { padding:0 16px; } .contentupper h2 { margin-top:336px; min-height:96px; margin-bottom:32px; } .contentupper h6 { font-size:16px; line-height:22px; margin-bottom:32px; } .main .social a { font-family:"mlicons"; background:#fff; display:inline-block; color:#ccc; width:63px; height:50px; line-height:50px; text-align:center; border:1px solid #eee; } .main .social a.twitter { border-top-left-radius:3px; border-bottom-left-radius:3px; border-right:0; } .main .social a.facebook { } .main .social a.google { border-left:0; border-top-right-radius:3px; border-bottom-right-radius:3px; } .main .social a.twitter:hover { background:#00acee; color:#fff; border-color:#00acee; } .main .social a.facebook:hover { background:#3b5998; color:#fff; border-color:#3b5998; } .main .social a.google:hover { background:#dd4b39; color:#fff; border-color:#dd4b39; } .contentupper .projecttoppic { margin-bottom:0; } .contentupper .projecttoppic img { display:block; } .contentarea .project { padding:0 16px; } .contentarea .project blockquote p { margin:0; } .contentarea .project blockquote h3 { text-align:right; margin:0; } .contentarea .project blockquote h6 { text-align:right; margin:0; } /* MAIN CONTENT AREA - OVERRIDES */ .contentarea_welcome { background:#fdb813; } .contentarea_welcome .entry { padding:100px 60px 25px 30px; } .contentarea_welcome blockquote { font-size:20px; line-height:30px; } .contentarea_ourwork { background:#fff; } .contentarea_aboutus { background:#f8f8f8; } .contentarea_contactus { background:#fff; } .contentarea_contactus blockquote { font-size:16px; line-height:26px; font-family:"HelveticaNeueW01-55Roma",arial,helvetica,sans-serif; } .contentarea_contactus a.facebook:hover { color:#3b5998; border-bottom:1px solid #3b5998; } .contentarea_contactus a.google:hover { color:#dd4b39; border-bottom:1px solid #dd4b39; } .contentarea_contactus a.pinterest:hover { color:#c8232c; border-bottom:1px solid #c8232c; } .contentarea_contactus a.twitter:hover { color:#00acee; border-bottom:1px solid #00acee; } .contentarea_contactus a.vimeo:hover { color:#86c9ef; border-bottom:1px solid #86c9ef; } .contentarea_contactus a.youtube:hover { color:#c4302b; border-bottom:1px solid #c4302b; } .contentarea_contactus a.linkedin:hover { color:#0e76a8; border-bottom:1px solid #0e76a8; } .contentarea_findus { width:100%; background:#f8f8f8; } .contentarea_findus .contentareapad { max-width:100%; } .contentarea_findus .page { padding:0; } /* http://stackoverflow.com/questions/3300660/how-do-i-center-an-image-if-its-wider-than-its-container */ /* this technique fails on IE10 but then so does the filter, so for these 2 reasons we are forcing IE9 standards mode for this website which solves both problems at once */ .contentarea_findus .entry { padding:0; width:100%; height:480px; overflow:hidden; } .contentarea_findus .entry p { display:inline-block; position:relative; float:right; right:50%; margin:0; } .contentarea_findus .entry p iframe { position:relative; right:-50%; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } .contentarea_findus .entry iframe:hover { filter:none; -webkit-filter:none; } .contentarea_findus #findus { width:100%; height:480px; background:url(images/map-findus-2560x480.jpg) center no-repeat; } .contentarea_findus #findus a { display:block; width:100%; height:480px; } /* MAIN CONTENT AREA - BLOG PAGES */ /* body.blog .blogupper { background:#f7f7f7; } body.blog .blogupperpad { width:100%; max-width:1120px; margin:0 auto; padding:30px 0 40px 0; } body.blog .blogupper h2 { margin:0; } body.blog .contentarea { padding:40px 0 10px 0; } body.blog .contentarea .post { padding:0 16px; } body.blog .post h3 { margin:0 0 10px 0; } body.blog .contentareaeven { background:#f7f7f7; } body.blog .postmetadata { color:#aaa; margin:0 0 10px 0; } body.blog .contentarea .entry { padding:0; margin:0 0 10px 0; } body.blog .footerpad { padding-top:20px; } body.blog .post a.image img { padding-top:5px; } body.blog .pagenavigation { background:#f7f7f7; } body.blog .pagenavigationpad { width:100%; max-width:1120px; margin:0 auto; padding:30px 0; } body.blog .pagenavigation .left { float:left; } body.blog .pagenavigation .right { float:right; } */ .mainblog { padding-top:120px; } .mainblog .mainpad { width:100%; max-width:1152px; margin:0 auto; } .mainblog .contentarea { float:right; width:75%; margin:0 0 48px 0; } .mainblog .contentareapad { width: auto; padding-right:16px; } .mainblog .contentarea .entry { padding:16px 0 0 0; font-family: 'HelveticaNeueW01-55Roma'; line-height:36px; } .mainblog h2 { font-family:'HelveticaNeueW01-45Ligh'; font-family: 'HelveticaNeueW01-Thin'; } .mainblog .widget_search { margin:0 0 40px 0; } .mainblog .widget_search h2 { display:none; } .mainblog .widget_search #s { border:none; font-family:'HelveticaNeueW01-45Ligh'; font-family: 'HelveticaNeueW01-Thin'; font-size:40px; height:48px; line-height:48px; padding:0; width:75%; } .mainblog .widget_search #searchsubmit { visibility:hidden; } .mainblog .contentarea .post { margin:0 0 48px 0; } .mainblog .contentarea h3.postheader { font-size:32px; font-family:'HelveticaNeueW01-65Medi'; font-family: 'HelveticaNeueW01-75Bold'; margin:0; } .mainblog .contentarea .postmetadata { color:#888; font-size:16px; font-family:'HelveticaNeueW01-55Roma'; font-family: 'HelveticaNeueW01-65Medi'; } .mainblog .contentarea .postmetadata a { color:#888; } .mainblog .pagenavigation { text-align:center; border-top:1px solid #eee; padding-top:16px; font-size:16px; } .mainblog .pagenavigation .prev { float:left; } .mainblog .pagenavigation .next { float:right; } .mainblog .pagenavigation ul { display:inline-block; } .mainblog .pagenavigation li { display:inline-block; padding:0 8px; } .mainblog .pagenavigation a { font-family:'HelveticaNeueW01-55Roma'; } /* MAIN CONTENT AREA - SINGLE BLOG POSTS */ /* body.single .blogupper { background:#f7f7f7; } body.single .blogupperpad { width:100%; max-width:1120px; margin:0 auto; padding:30px 0 40px 0; } body.single .blogupper h2 { margin:0; } body.single .contentarea { padding:40px 0 10px 0; } body.single .contentarea .post { padding:0 16px; } body.single .postmetadata { color:#aaa; margin:0 0 10px 0; } body.single .contentarea .entry { padding:0; margin:0 0 10px 0; } body.single .singlebigpic img { display:block; margin:0 0 20px 0; } body.single .footerpad { padding-top:20px; } body.single .pagenavigation { background:#f7f7f7; } body.single .pagenavigationpad { width:100%; max-width:1120px; margin:0 auto; padding:30px 0; } body.single .pagenavigation .left { float:left; } body.single .pagenavigation .right { float:right; } */ .mainsingle { padding-top:120px; } .mainsingle .mainpad { width:100%; max-width:1120px; margin:0 auto; } .mainsingle h2 { font-family:'HelveticaNeueW01-45Ligh'; } .mainsingle .contentarea { margin-bottom:48px; } .mainsingle .excerptleft { width:25%; float:left; } .mainsingle .excerptright { width:75%; float:right; } .mainsingle .excerptrightpad { margin-right:80px; } .mainsingle .excerptright h2 { margin-right:-80px; margin-bottom:8px; } .mainsingle .excerptleft { font-size:16px; } .mainsingle .excerptleft h2 a { color:#ddd; } .mainsingle .excerptleft h2 a:hover { color:#333; } .mainsingle .excerptleft h6 { margin:0; font-size:16px; line-height:1.5em; } .mainsingle .contentarea .postmetadata { color:#888; font-size:16px; font-family:'HelveticaNeueW01-55Roma'; margin:0 0 16px 0; } .mainsingle .contentarea .postmetadata a { color:#888; } .mainsingle .featuredimage { clear:both; margin:32px 0; } .mainsingle .wp-post-image { display:block; margin:0 auto; } .mainsingle .entryleft { width:25%; float:left; color:#888; font-size:18px; line-height:1.5em; font-family:'HelveticaNeueW01-46Ligh'; } .mainsingle .entryright { width:75%; float:right; msargin-right:80px; } .mainsingle .entryrightpad { margin-right:80px; } .mainsingle .entryright .wp-caption { margin:32px -80px 32px -272px; width:auto !important; max-width:1120px !important; position:relative; } .mainsingle .entryright .wp-caption img { display:block; } .mainsingle .entryright .wp-caption-text { position:absolute; left:0; top:732px; width:256px; color:#888; font-size:18px; line-height:1.5em; font-family:'HelveticaNeueW01-46Ligh';} .mainsingle .entryright .pagenavigation { border-top:1px solid #eee; margin-top:32px; padding-top:16px; margin-bottom:24px; } .mainsingle .entryright .pagenavigation .left { float:left; } .mainsingle .entryright .pagenavigation .right { float:right; } .mainsingle .entryright .pagenavigation span { display:block; font-size:16px; line-height:1.5em; color:#888; } .mainsingle .entryright .pagenavigation a { font-family:'HelveticaNeueW01-65Medi'; } /* SIDEBAR - BLOG PAGES */ .mainblog .sidebar { width:25%; float:left; } .mainblog .sidebarpad { padding-left:16px; } .theme_blogcats_wrap { font-size:16px; line-height:36px; } body.blog .theme_blogcats_wrap .cat-item-all { font-family:'HelveticaNeueW01-65Medi'; font-family: 'HelveticaNeueW01-75Bold'; } .theme_blogcats_wrap li.current-cat { font-family:'HelveticaNeueW01-65Medi'; font-family: 'HelveticaNeueW01-75Bold'; } .theme_blogcats_wrap li.careers { padding-top:16px; } /* FOOTER */ .footer { font-size:15px; line-height:21px; } .footerpad { width:100%; max-width:1152px; margin:0 auto; } .footer .left { float:left; margin-left:16px; } .footer .right { float:right; margin-right:16px; } .footer strong { font-weight:normal; font-family:'HelveticaNeueW01-55Roma',arial,helvetica,sans-serif; } .footer .clearer { height:18px; } .footer a.facebook:hover { color:#3b5998; border-bottom:1px solid #3b5998; } .footer a.google:hover { color:#dd4b39; border-bottom:1px solid #dd4b39; } .footer a.twitter:hover { color:#00acee; border-bottom:1px solid #00acee; } .footer a.linkedin:hover { color:#0e76a8; border-bottom:1px solid #0e76a8; } /* IE WARNING */ .iewarning_wrap { position:fixed; bottom:0; left:0; width:100%; padding:10px; background:#fdb813; z-index:10; } .iewarning { padding:0 50px; text-align:center; } /* SHORTCODES */ .ml_panel_wrap { position:relative; width:256px; height:auto; margin:0 auto 12% auto; } .ml_panel_wrap .hs { position:absolute; width:100%; height:100%; top:0; left:0; } .ml_panel_wrap h5 { position:absolute; bottom:32px; padding:0 10px; font-size:16px; line-height:16px; font-family:'HelveticaNeueW01-55Roma',arial,helvetica,sans-serif; } .ml_panel_wrap h6 { position:absolute; bottom:-24px; left:0; padding:0 10px; font-size:12px; line-height:24px; font-family:'HelveticaNeueW01-55Roma',arial,helvetica,sans-serif; } .ml_panel_wrap a:hover { text-decoration:none; border-bottom:0; } .ml_panel_wrap a.nolink { cursor:default; } #soloreveal { width: 1120px; } .fitvidsdiv { margin:0 0 32px 0; } /* WIDGETS - CORE */ /* WIDGETS - THEME */ .projectwidget { width:100%; margin-bottom:64px; } .projectwidgetpad { width:100%; max-width:1184px; margin:0 auto; } .theme_projectnav_outer { position:relative; } .theme_projectnav_wrap { width:1120px; margin:0 auto; height:192px; overflow:hidden; position:relative; } .theme_projectnav_wrap h2 { display:none; } .theme_projectnav_wrap ul { position:absolute; top:0; left:0; } .theme_projectnav_wrap ul li { float:left; width:256px; height:192px; padding:0 16px; } .theme_projectnav_wrap ul li .noprojectpic { width:256px; height:192px; background:#f7f7f7; line-height:192px; text-align:center; } .theme_projectnav_outer a:hover { border:0; } .theme_projectnav_outer a.go { font-family:"mlicons"; font-size:36px; color:#444; opacity:0; position:absolute; top:80px; width:20px; height:32px; line-height:32px; } .theme_projectnav_outer a.go:hover { text-decoration:none; color:#fdb813; } .theme_projectnav_outer a.goleft { left:12px; text-align:left; } .theme_projectnav_outer a.goright { left:1152px; text-align:right; } /* PLUGINS */ .really_simple_share { } .really_simple_share_facebook_like { float:left; } .really_simple_share_twitter { float:left; padding-top:11px; padding-left:0 !important; } /* PLUGINS - EASY COLUMNS */ div.ezcol-one-quarter { width:22.857%; margin-right:2.857%; margin-bottom:32px; } div.ezcol-three-quarter { width:74.286%; margin-right:2.857%; margin-bottom:32px; } div.ezcol-last { margin-right:0; } div.ezpanel { } div.ezpanel p { margin:0; } div.ezpanel br { display:none; } /* PLUGINS - FORMIDABLE */ /* http://formidablepro.com/help-desk/phone-number-validation/ */ .frm_forms .frm_form_field { overflow:hidden; padding:1px 0 6px 0; margin:0 0 10px 0; } .frm_forms label { display:block; display:none; float:left; width:19%; font-family:'HelveticaNeueW01-55Roma',arial,helvetica,sans-serif; font-size:16px; line-height:22px; } .frm_forms .frm_required { color:#e21; } .frm_forms .frm_error { color:#e21; font-size:13px; padding:0 0 5px 0; } .frm_forms input[type="text"] { font-size:16px; display:block; ffloat:left; width:100%; border:0; line-height:30px; height:30px; border-bottom:1px solid #eee; } .frm_forms input[type="tel"] { font-size:16px; display:block; ffloat:left; width:100%; border:0; line-height:30px; height:30px; border-bottom:1px solid #eee; } .frm_forms input[type="email"] { font-size:16px; display:block; ffloat:left; width:100%; border:0; line-height:30px; height:30px; border-bottom:1px solid #eee; } .frm_forms textarea { font-size:16px; display:block; ffloat:left; width:100%; border:0; resize:none; line-height:30px; border-bottom:1px solid #eee; } .frm_forms .hovered { border-bottom:1px solid #fdb813 !important; } .frm_forms .frm_submit { text-align:right; margin-top:48px; } .frm_forms input[type="submit"] { -webkit-font-smoothing:antialiased; display:block; font-family:'HelveticaNeueW01-45Ligh',arial,helvetica,sans-serif; width:256px; margin:0 0 0 auto; color:#fff; height:47px; line-height:40px; border:0; border-radius:4px; text-align:center; cursor:pointer; } input:required { box-shadow:none !important; } input:required { -moz-box-shadow: none !important; } input:invalid { box-shadow:none !important; } input:invalid { -moz-box-shadow: none !important; } /* PLUGINS - MLJOBS */ .mljobs_wrap .header { fsont-family:'HelveticaNeueW01-55Roma',arial,helvetica,sans-serif; font-size:16px; line-height:22px; padding:0 0 10px 0; border-bottom:1px solid #eee; } .mljobs_wrap .header .left { float:left; } .mljobs_wrap .header .right { float:right; } .mljobs_wrap .job a { display:block; text-decoration:none; padding-top:10px; border-bottom:1px solid #fff; } .mljobs_wrap .job a .title { border-bottom:1px solid #fff; } .mljobs_wrap .job a:hover { border-bottom:1px solid #fff; } .mljobs_wrap .job a:hover .title { border-bottom:1px solid #fdb813; } .mljobs_wrap .job .title { float:left; font-family:'HelveticaNeueW01-55Roma',arial,helvetica,sans-serif; margin:0 0 10px 0; } .mljobs_wrap .job .date { float:right; margin:0 0 10px 0; } .mljobs_wrap .job .summary { margin:0 200px 20px 0; } body.single-job .main .entry { padding-top:20px; } body.single-job .main .entry ul { list-style:disc outside; margin:0 0 30px 20px; } body.single-job .main .entry li { margin:0 0 10px 0; } body.single-job .postmetadata { margin:0 0 32px 0; font-size:16px; line-height:24px; color:#444; } body.single-job .main .social { margin:0 0 32px 0; } body.single-job .main .social a { width:63px; height:50px; line-height:50px; } body.single-job .backlink { font-size:16px; } body.single-job .backlink a { color:#7f7f7f; } body.single-job .backlink a:hover { color:#444; } body.single-job .ezcol-last a { font-family:'HelveticaNeueW01-55Roma',arial,helvetica,sans-serif; } /* .mljobs_wrap h3 { font-size:30px; line-height:45px; margin:0 0 20px 0; } .mljobs_wrap h4 { font-size:24px; line-height:36px; margin:0 0 5px 0; } .mljobs_wrap h6 { font-size:20px; line-height:30px; margin:0 0 5px 0; color:#999; font-style:italic; } .mljobs_wrap a.more { font-style:italic; } */ /* CSS3 TRANSFORMS */ /* CSS3 TRANSFORMS - BLOCK BUTTON */ a.blockbutton { background-color:rgba(68, 68, 68, 1); -webkit-transition: background-color .48s cubic-bezier(.08,.8,.4,.96); -moz-transition: background-color .48s cubic-bezier(.08,.8,.4,.96); -o-transition: background-color .48s cubic-bezier(.08,.8,.4,.96); transition: background-color .48s cubic-bezier(.08,.8,.4,.96); } a.blockbutton:hover, a.blockbutton:focus { background-color:rgba(253, 184, 19, 1); -webkit-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); -moz-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); -o-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); transition: background-color .16s cubic-bezier(.08,.8,.4,.96); } a.blockbutton:active { background-color:rgba(253, 184, 19, 0.5); -webkit-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); -moz-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); -o-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); transition: background-color .16s cubic-bezier(.08,.8,.4,.96); } /* CSS3 TRANSFORMS - THUMBNAIL LEGENDS */ .ml_panel_wrap .hs { background:rgba(255, 255, 255, 0.0); -webkit-transition: all .64s cubic-bezier(.08,.8,.4,.96); -moz-transition: all .64s cubic-bezier(.08,.8,.4,.96); -o-transition: all .64s cubic-bezier(.08,.8,.4,.96); transition: all .64s cubic-bezier(.08,.8,.4,.96); } .ml_panel_wrap:hover .hs, .ml_panel_wrap a:focus .hs { background:rgba(255, 255, 255, 0.8); -webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96); -moz-transition: all .32s cubic-bezier(.08,.8,.4,.96); -o-transition: all .32s cubic-bezier(.08,.8,.4,.96); transition: all .32s cubic-bezier(.08,.8,.4,.96); } .ml_panel_wrap h5, .ml_panel_wrap h6{ color:rgba(34, 34, 34, 0); -webkit-transform:translate(0,16px); -moz-transform:translate(0,16px); -ms-transform:translate(0,16px); -o-transform:translate(0,16px); transform:translate(0,16px); -webkit-transition: all .64s cubic-bezier(.08,.8,.4,.96), color .16s cubic-bezier(.08,.8,.4,.96); -moz-transition: all .64s cubic-bezier(.08,.8,.4,.96), color .16s cubic-bezier(.08,.8,.4,.96); -o-transition: all .64s cubic-bezier(.08,.8,.4,.96), color .16s cubic-bezier(.08,.8,.4,.96); transition: all .64s cubic-bezier(.08,.8,.4,.96), color .16s cubic-bezier(.08,.8,.4,.96); } .ml_panel_wrap:hover h5, .ml_panel_wrap:hover h6{ color:rgba(34, 34, 34, 1); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); -webkit-transition: all .32s cubic-bezier(.08,.8,.4,.96); -moz-transition: all .32s cubic-bezier(.08,.8,.4,.96); -o-transition: all .32s cubic-bezier(.08,.8,.4,.96); transition: all .32s cubic-bezier(.08,.8,.4,.96); } /* CSS3 TRANSFORMS - FORMS */ .frm_forms textarea { height:30px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; } .frm_forms input[type="submit"] { background-color:rgba(68, 68, 68, 1); -webkit-transition: background-color .48s cubic-bezier(.08,.8,.4,.96); -moz-transition: background-color .48s cubic-bezier(.08,.8,.4,.96); -o-transition: background-color .48s cubic-bezier(.08,.8,.4,.96); transition: background-color .48s cubic-bezier(.08,.8,.4,.96); } .frm_forms input[type="submit"]:hover, .frm_forms input[type="submit"]:focus { background-color:rgba(253, 184, 19, 1); -webkit-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); -moz-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); -o-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); transition: background-color .16s cubic-bezier(.08,.8,.4,.96); } .frm_forms input[type="submit"]:active { background-color:rgba(253, 184, 19, 0.5); -webkit-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); -moz-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); -o-transition: background-color .16s cubic-bezier(.08,.8,.4,.96); transition: background-color .16s cubic-bezier(.08,.8,.4,.96); } /* MEDIA QUERIES - SPLIT INTO MULTIPLE SETS OF MEDIA QUERIES - ONE FOR EACH PURPOSE (EZCOLS, PROJECTNAV, HEADER/FOOTER, ETC) */ /* MEDIA QUERIES - HEADER/FOOTER */ @media screen and (max-width:768px) { /* as soon as we have less than 896 (+20scrollbar) pixels available, we must work with rows of 2 not 3 images */ .head { height:90px; } .head .left { float:none; margin:0 0 10px 0; } .head .right { float:none; margin:0; } .head h1 { margin:0 auto; } .head ul.menu { text-align:center; } .head ul.menu li { float:none; display:inline-block; margin:0 12px; } .head ul.menu a { } .main { padding-top:90px; } .footer .left { float:none; margin:0 0 10px 0; } .footer .right { float:none; margin:0; } .footer .textwidget { text-align:center; } } /* MEDIA QUERIES - PROJECT NAVIGATION */ @media screen and (max-width:1172px) { .theme_projectnav_wrap { width:832px; margin:0 auto; } .projectwidgetpad { max-width:896px; margin:0 auto; } .theme_projectnav_outer a.goright { left:864px; } } @media screen and (max-width:916px) { /* as soon as we have less than 896 (+20scrollbar) pixels available, we must work with rows of 2 not 3 images */ .theme_projectnav_wrap { width:544px; margin:0 auto; } .projectwidgetpad { max-width:608px; margin:0 auto; } .theme_projectnav_outer a.goright { left:576px; } } @media screen and (max-width:630px) { /* at 608 (+22) we go to one image column */ .theme_projectnav_wrap { width:256px; margin:0 auto; } .projectwidgetpad { max-width:320px; margin:0 auto; } .theme_projectnav_outer a.goright { left:288px; } } /* MEDIA QUERIES - BLOG */ @media screen and (max-width:1172px) { .mainsingle .excerptleftpad { margin-left:10px; } .mainsingle .entryleftpad { margin-left:10px; } } @media screen and (max-width:1152px) { .mainsingle .wp-caption-text { display:none; } } @media screen and (max-width:768px) { .mainblog .sidebar { display:none; } .mainblog .contentarea { width:100%; float:none; } .mainblog .contentareapad { margin-left:10px; } .mainsingle .excerptleft { display:none; } .mainsingle .excerptright { width:100%; } .mainsingle .excerptright h2 { margin-right:0; } .mainsingle .excerptrightpad { margin:0 10px; } .mainsingle .entryleft { display:none; } .mainsingle .entryright { width:100%; } .mainsingle .entryrightpad { margin:0 10px; } .mainsingle .entryright .wp-caption { margin:32px 0; } } /* MEDIA QUERIES - EZCOL SYNC */ @media screen and (max-width:768px) { div.ezcol-one-quarter:nth-child(even) { margin-right:0; } .contentarea_contactus .ezcol-one-quarter, .contentarea_contactus .ezcol-three-quarter, .contentarea_contactus .ezcol-last { width:100% !important; margin-right:0; } } /* MEDIA QUERIES - MISC HEIGHTS */ @media screen and (max-width:916px) { .contentarea_welcome .entry { padding:70px 0; } } @media screen and (max-width:768px) { .contentupper h2 { margin-top:32px; } } /* EOF */