/* @override https://pmsolutions.com/assets/css/main.css http://pmsoluti.nextmp.net/assets/css/main.css */ /* @group BOT design */ /* @group reset */ 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } strong { font-weight: bold } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } /* @end */ /* @group global */ .clear { clear: both; } body { position: relative; background: #fff url(images/footer-bg.jpg) 0 0; } .floatleft { float: left; } .floatright { float: right; } span.reg { font-size: 9px; vertical-align: top; } span.small { font-size: 13px; font-size: 1.3rem; color: #666; font-family: Arial; } span.blue { color: #009be3; } hr { border-top: 1px solid #9d9d9d; border-right: none; border-left: none; border-bottom: none; height: 1px; background: #fff; margin-bottom: 18px; } /* @end */ /* @group header */ div#header-wrapper { background-color: #fff; background-image: url(images/nav-shadow.png); background-repeat: repeat-x; background-position: 0 bottom; padding-bottom: 4px; position: relative; z-index: 999999; } div#header-wrapper.home { background-color: transparent; } div#header { margin: 0 auto; background: #444 url(images/dark-bg.jpg); padding: 20px 0 0 0; } img.logo { background: none; border: none; margin: 0; padding: 0; float: left; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } div#header p { color: #fff; } div#header h6 { color: #333; margin: -8px 0 0 0; } div#header .contactinfo { position: relative; top: 30px; padding: 0 10px; height: 80px; } div#header .contactinfo p { color: #fff; margin: 5px 0 0 0; } /* @group topheader */ div#top-header { padding-bottom: 15px; border-color: #303030; } div#top-header h6 { color: #eb7b1f; margin-top: 8px; } div#logo { float: left; } div#utility{ width: 100%; max-width: 520px; overflow: hidden; float: right; } ul.sec-nav { width: 100%; max-width: 270px; float: left; margin-right: 1%; } ul.sec-nav li { display: inline-block; float: left; list-style-type: none; font-size: 14px; font-size: 1.4rem; border-right: 1px solid #5b5b5b; margin-left: 0; } ul.sec-nav li.here { background-color: #ec7b1f; border-left: 1px solid; } ul.sec-nav li a, ul.sec-nav li a:link, ul.sec-nav li a:visited { display: block; text-decoration: none; border: none; color: #d2d2d2; text-shadow: #000 1px 1px 2px; text-transform: lowercase; padding: 6px 12px; } ul.sec-nav li.last { border: none; } ul.sec-nav li:hover { background-color: #2d2d2b; } ul.sec-nav li:hover a, ul.sec-nav li:hover a:link { color: #eb7b1f; } div.search { float: left; width: 46%; height: 30px; margin: 6px 0 0 0; background: #292929; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-bottom: 1px solid rgba(253,254,252,0.12); } div.search input.keywords { height: 30px; width: 78%; margin: 0; padding: 0 0 0 4px; background: #292929; border: none; outline: none; font-size: 13px; font-size: 1.3rem; font-weight: normal; line-height: 30px; line-height: 3.rem; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #009be3; } div.search input.submit-search { float: right; top: 7px; right: 15px; width: 33px; height: 30px; margin: 0; padding: 0; background: #292929; outline: none; padding: 4px 10px; color: #009be3; font-weight: normal; border: none; background: url('images/submit-search-button.png'); } form#search { margin-bottom: 0; } /* @end */ /* @group sliding elements */ div.sliding-menu, div#sliding-menu-bottom, div.sliding-service, div.sliding-request-form, div.sliding-request-form-2 div.sliding-speaker-form { display: none; } div#show-hide { border-top: 12px solid #f09b27; } div#show-hide-toggle a, div#show-hide-toggle a:link { background: #f09b27 url(images/orange-button-bg.png) repeat-x 0 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; float: right; margin-right: 5%; margin-top: 0; padding: 3px 12px 8px 14px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.8); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.8); box-shadow: 0 1px 1px rgba(0,0,0,.8); } div#show-hide-toggle a span, div#show-hide-toggle a:link span { color: #fff; font-weight: bold; font-size: 14px; font-size: 1.4rem; padding-right: 20px; text-shadow: 0 1px 1px rgba(0,0,0,0.68); background: url(images/mobile-menu-arrows.png) no-repeat right 4px; } div#show-hide-toggle a:hover { border: none; } /* @end */ /* @end */ /* @group globalnav */ div#globalnav { background: url(images/overlay.png); border-top: 1px solid #5c5c5c; } div#globalnav-inner { max-width: 985px; margin: 0 auto; background: url(images/globalnav-li-bg.jpg) repeat-y left 0; } ul.globalnav { padding: 0; margin: 0; } ul.globalnav li { float: left; display: block; position: relative; width: 20%; font-size: 20px;font-size: 2rem; line-height: 30px;line-height: 3rem; margin: 0; padding: 0; background: url(images/globalnav-li-bg.jpg) repeat-y right 0; height: 100%; min-height: 90px; } ul.globalnav li a, ul.globalnav li a:link { display: block; position: relative; padding: 4% 0 0 10%; height: 100%; min-height: 90px; color: #eb7b1f; text-decoration: none; border-bottom: none; text-transform: lowercase; text-shadow: #202020 1px 1px 2px; } ul.globalnav li a span, ul.globalnav li a:link span { font-size: 12px;font-size: 1.2rem; line-height: 16px;line-height: 1.6rem; color: #d2d2d2; } ul.globalnav li.here { background: #ec7b1f; } ul.globalnav li.here a { background: url(images/globalnav-li-bg.jpg) repeat-y right 0; } ul.globalnav li.here:hover img { display: none; float: none; margin: 0; padding: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } ul.globalnav li.here img.globalnav-here { position: absolute; width: 100%; margin: -4px 0 0 0; padding: 0; float: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } ul.globalnav li a:hover, ul.globalnav li a.active, ul.globalnav li.here a, ul.globalnav li.here a:link, ul.globalnav li.here a span {color: #fff;} ul.globalnav li.here a span {text-shadow: none;} /* @group fly-outs */ ul.globalnav li ul#nav-sub li a, ul.globalnav li ul#nav-sub li a:link , ul.globalnav li div.flyout a, ul.globalnav li div.flyout a:link {background-image: none;} ul.globalnav>li:hover {background: #3e403d url(images/globalnav-li-drop-bg.png) repeat-x right 0;} ul.globalnav>li.has-flyout.here.active img {display: none;} ul.globalnav>li.has-flyout.active a, ul.globalnav>li.has-flyout.active a:link {color: #fff;} ul.globalnav>li.has-flyout.active span, ul.globalnav>li:hover a span {color: #d7ebf4;} ul.globalnav>li.has-flyout>a.flyout-toggle { display: block; position: absolute; right: 0; top: 0; padding: 22px; z-index: 1002; } ul.globalnav>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height:; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; } ul.globalnav>li>div.flyout { background: #bbb; margin: 0; padding: 0; border: 4px solid #bbb; border-radius: 5px; position: absolute; top: 100%; /* set left position inline */ width: 400px; height: auto; z-index: 40; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35); box-shadow: 0 1px 1px rgba(0,0,0,.35); display: none; } ul.globalnav>li>div.flyout.small { width: 200px; } ul.globalnav>li>div.flyout.large { width: 800px; } ul.globalnav>li>div.flyout.right { left: auto; right: 0; } ul.globalnav>li>div.flyout p:last-child { margin-bottom: 0; } ul.globalnav>li>div.flyout>div { border-radius: 5px; border: 1px solid #fff; background: #fff; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eee, #fff); /* for firefox 3.6+ */ z-index: 1; } ul.globalnav>li>div.flyout>div>ul { height: auto; margin: 10px 20px 0 20px; padding: 0 0 20px 0; list-style-type: disc; } ul.globalnav>li>div.flyout>div>ul>li { display: block; width: 45%; background: none; height: auto; min-height: 1%; margin: 0 0 0 0; padding: 0 0 0 20px; } ul.globalnav>li>div.flyout>div>ul.threecol>li { width: 29%; } ul.globalnav>li.has-flyout>div.flyout>div>ul>li>a, ul.globalnav>li.has-flyout>div.flyout>div>p>a { display: inline; margin: 0; padding: 5px 0 0 0; text-decoration: none; text-shadow: none; text-transform: none; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; color: #009be3 !important; } ul.globalnav>li>div.flyout>div>ul>li>a:hover { color: #ec7b1f !important; outline: none; } ul.globalnav>li>div.flyout>div>ul, ul.globalnav>li>div.flyout>div>ul li { margin-left: 0; } .drop-down-divider { height: 10px; background: url(images/dropdown-list-divider.png) no-repeat 50% bottom; } ul.globalnav>li>div.flyout h5 { margin: 0 20px; padding: 15px 0 0 0; color: #000; border: none; text-decoration: none; text-shadow: none; } ul.globalnav>li.has-flyout>div.flyout>div>p { margin: 0 120px 15px 20px; padding: 5px 0 0 0; color: #333 !important; } #about-flyout { left: -25px;} #services-flyout { left: -150px; } #case-studies-flyout { left: -225px; display: none;} #resources-flyout { left: -380px; display: none;} /* @end */ /* @end */ /* @group content */ /* @group home */ div#content-home { padding-bottom: 30px; position: relative; background: #fff url(images/content-bg.jpg) repeat-x 0 0; } /* @group slide show */ div#message-wrapper { background-color: #fff; width: 100%; position: relative; z-index: 1; margin-top: -5px; height: 282px; } div#message { max-width: 980px; margin: 0 auto; padding: 0; position: relative; } div.slide { height: 282px; padding: 0 0 0 15px; position: relative; z-index: -2; } div#slideshowleft h1, div#slideshowright h1 { color: #009be3; margin: 35px 0 0 0; font-size: 24px; font-size: 2.4rem; } div#slideshowleft h2, div#slideshowright h2 { font-family: 'Covered By Your Grace', Helvetica, Arial, Lucida, Verdana, sans-serif; font-weight: normal; font-size: 61px;font-size: 6.1rem; line-height: 66px;line-height: 6.6rem; margin-top: 6px; margin-bottom: 10px; color: #000; text-shadow: #fff 1px 1px 1px; } div#slideshowleft p, div#slideshowright p { color: #414140; font-weight: normal; width: 50%; } div#slideshowleft h1, div#slideshowleft h2, div#slideshowleft p { margin-left: 40%; width: 58%; } ul.rslides_tabs { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 269px;left: 41.5%; overflow: hidden; text-decoration: none; z-index: 1; list-style: none; width: 165px; background: url(images/pager-nav-bg.png) no-repeat 0 0; text-align: center; } ul.rslides_tabs li { float: left; margin-top: 5px;margin-left: 23px; background: transparent url(images/bullets.png) no-repeat 0 2px; } ul.rslides_tabs li a { width:15px; height:15px; text-indent:-9999px; border:0; opacity: 0; margin: 0 3px; background: transparent; } ul.rslides_tabs li.rslides_here { background-position:0 -17px; } ul.rslides { position: absolute; list-style: none; width: 100%; height: 100%; padding: 0; margin: 0 0 0 0; } ul.rslides li { position: absolute; display: none; left: 0; top: 0; margin: 0; } ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .rslides1_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 270px;left: 47%; text-indent: -9999px; overflow: hidden; text-decoration: none; width: 27px; height: 24px; background: transparent url(images/slide-nav-buttons.png) no-repeat 0 0; z-index: 1; } .rslides1_nav:active { opacity: 1.0; } .rslides1_nav.next { top: 270px;left: 47%; background-position: 0 -24px; right: 0; margin-left: 27px; border: none; } .rslides1_nav.prev { border: none; } .rslides1_nav:focus { outline: none; } /* @end */ /* @group featured service boxes */ div.featured-service { height: auto; border: 1px solid #fff; background: #e5e5e5 url(images/light-gray-box-bg.png) repeat-x 0 0; margin-top: 28px; padding: 20px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35); box-shadow: 0 1px 1px rgba(0,0,0,.35); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; min-height: 105px; } div#content div.featured-service { margin-top: 0; } div.featured-service img, div#content div.featured-service img { float: none; margin: 0;padding: 0; border: none; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; } div.featured-service h3 { margin-top: 0; font-weight: normal; } div.featured-service p { color: #5e605c; font-size: 12px;font-size: 1.2rem; line-height: 18px;line-height: 1.8rem; } div.featured-service.second p { padding-right: 10px; } div.featured-service.first p { margin-top: 27px; } div.featured-service a.button.nice.more, div.featured-service a.button.nice.more:link { float: right; margin-left: 10px; margin-right: -25px; } /* @end */ /* @group featured resources */ div#featured-resources { margin-top: 30px; } div.resource { border-bottom: 1px dashed #999; padding: 16px 0 20px 0; } div.resource a.view-tablet, div.resource a.view-tablet:link { display: none; } div.resource p { padding-left: 38px; margin: 0; font-weight: bold; } div.resource a.view { float: right; margin-top: 3px; border: none; line-height: 13px; line-height: 1.3rem; } div.resource h5 { margin-top: 0; margin-bottom: 0; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; line-height: 22px; line-height: 2.2rem; font-weight: bold; color: #999; padding-left: 38px; text-shadow: #fff 1px 1px 2px; } div#news-resource { background: url(images/news-icon-orange.png) no-repeat 4px 18px; } div#research-resource { background: url(images/research-icon-orange.png) no-repeat 4px 18px; } div#white-paper-resource { background: url(images/white-papers-icon-orange.png) no-repeat 4px 22px; } div#books-resource { background: url(images/books-icon-orange.png) no-repeat 4px 18px; } div#webinar-resource { background: url(images/webinars-icon-orange.png) no-repeat 4px 22px; } div#article-resource { background: url(images/resource-articles-icon.png) no-repeat 4px 22px; }div#award-resource { background: url(images/pmo-award-icon-orange.png) no-repeat 0 22px; } div#featured-resources p { font-size: 13px;font-size: 1.3rem; line-height: 18px;line-height: 1.8rem; } div#featured-resources p a, div#featured-resources p a:link { border: none; text-shadow: none; } /* @end */ div#featured-case-studies-top, div#featured-blog-top { background: url(images/featured-home-icons.png) no-repeat center -70px; width: 70px; height: 70px; position: absolute; z-index: 1; top: 15px; left: 39.5%; } div#featured-case-studies-top { background-position: center 0; } div#featured-case-studies, div#featured-blog, div.featured-wrapper { background: #d1d1d1 url(images/featured-wrapper-shadow.png) repeat-x 0 0; padding: 2% 8% 10% 8%; border: 1px solid #b9b9b9; border-top: 1px solid #777; -moz-box-shadow: inset 0px 1px 3px 1px rgba(50,50, 50, 0.2); -webkit-box-shadow: inset 0px 1px 3px 1px rgba(50, 50, 50, 0.2); box-shadow: inset 0px 1px 3px 1px rgba(50, 50, 50, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } div#featured-case-studies hr { margin-bottom: 16px; } div.featured-wrapper { margin-top: 24px; overflow: hidden; } div.featured-wrapper h4 { margin-top: 10px; margin-bottom: 10px; } div.featured-wrapper p { color: #373737; text-shadow: #eee 1px 1px 1px; } div#featured-case-studies, div#featured-blog { margin-top: 46px; min-height: 465px; } div#featured-case-studies h3, div#featured-blog h3 { color: #323232; margin-top: 42px; margin-bottom: 20px; text-align: center; text-transform: uppercase; font-size: 13px; font-size: 1.3rem; line-height: 15px; line-height: 1.5rem; text-shadow: #eee 1px 1px 1px; letter-spacing: 2px; } div#featured-case-studies p, div#featured-blog p { font-size: 13px; font-size: 1.3rem; } div#featured-case-studies h4, div#featured-blog h4 { font-size: 16px; font-size: 1.6rem; line-height: 2.1rem; } div#featured-blog span.date { font-size: 12px; font-size: 1.2rem; line-height: 15px; line-height: 1.5rem; } div#featured-blog ul li { margin-bottom: 24px; list-style-type: none; margin-left: 0; } div#featured-blog ul li.last { margin-bottom: 0; } div#featured-blog li span.caption { display: inline-block; } /* @group newsletter signup home */ div#signup-home { margin-top: 30px; background: #d1d1d1 url(images/featured-wrapper-shadow.png) repeat-x 0 0; padding: 10px 30px 20px 30px; border: 1px solid #b9b9b9; border-top: 1px solid #717171; border-radius: 4px; overflow: hidden; -moz-box-shadow: inset 0px 1px 3px 1px rgba(50,50, 50, 0.2); -webkit-box-shadow: inset 0px 1px 3px 1px rgba(50, 50, 50, 0.2); box-shadow: inset 0px 1px 3px 1px rgba(50, 50, 50, 0.2); } div#signup-home h4, div.featured-wrapper h4 { color: #373737; font-family: 'Covered By Your Grace', Helvetica Neue, Helvetica, Arial, Geneva, sans-serif; font-size: 28px; font-size: 2.8rem; line-height: 26px; line-height: 2.6rem; text-shadow: #fff 1px 1px 1px; } div#signup-home form#newsletter-signup { margin-top: 24px; } div#signup-home form#newsletter-signup input.textinput { float: left; width: 67%; } div#signup-home form#newsletter-signup input.button.nice { float: left; margin-left: 3.5%; width: 21%; padding-right: 1%; padding-left: 1%; } div#newsletter-bottom p { color: #373737; text-align: center; top: 10px; background: #d1d1d1; margin: 0 auto; position: relative; width: 67%; text-shadow: #eee 1px 1px 1px; } div#newsletter-bottom hr { margin-top: 0; } div#SignUp input {width: 100%; } /* @end */ /* @end */ div#content-wrapper { overflow: hidden; background: #fff; } div#content { min-height: 230px; max-width: 1018px; margin: 0 auto; padding: 40px 0; } div#page-top { margin-right: 150px; } div#page-bottom { margin-top: 10px; } div.shadow-bottom { width: 100%; height: 100%; max-width: 960px; margin: 40px auto 0 auto; } div.shadow-bottom img { background: none; border: none; padding: 0; margin: 0; float: none; height: 100%; max-height: 9px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } div.sidecol { margin-top: 45px; } .halfcol { float: left; width: 48%; } ol { color: #000; } ul { list-style-type: disc; font: normal 14px/18px Arial, Lucida, Verdana, sans-serif; padding-bottom: 8px; } li { margin: 6px 0 3px 25px; } form#job-application ol { width: 92%; margin-top: 15px; margin-left: 20px; } form#job-application ol li { list-style-type: lower-latin; margin: 0 40px 15px 20px; font-size: 15px;font-size: 1.5rem; } form#job-application ol li select { margin: 8px 0 10px 0; width: 60%; } div.item { padding: 25px 0 0 0; overflow: hidden; } div.item-sm { padding: 15px 0 10px 0; border-top: 1px solid #999; overflow: hidden; } div.post h1 { margin-top: 10px; margin-bottom: 12px; } div.post.blog h1, div.post.news h1 { margin-top: 0; } div.post a { border: none; } div.blog p.caption, div.item.blog p { margin-left: 12px; } div.item.blog div.date p { margin-left: 0; } div.date p { letter-spacing: 2px; text-transform: uppercase; color: #eb7b1f; margin-top: 3px; } p.excerpt { font-size: 1em; line-height: 1.3em; margin-top: 6px; } div.tags p { font-size: 1.2rem; line-height: 1.8rem; } ul.block-grid.child-pages li { margin-bottom: 2%; } div.child-entry { padding: 15px 20px 10px 20px; margin-right: 4px; border: 1px solid #fff; background: #e5e5e5 url(images/light-gray-box-bg.png) repeat-x 0 0; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35); box-shadow: 0 1px 1px rgba(0,0,0,.35); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } ul.block-grid.two-up li div.child-entry { min-height: 126px; } ul.block-grid.three-up div.child-entry { min-height: 100px; } div.child-entry a.button.nice.more, div.child-entry a.button.nice.more:link { float: right; margin-right: -25px; width: 63px; padding: 10px 0; } div.child-entry h3 { margin-top: -20px; padding: 0 40px 0 10px; text-shadow: #fff 1px 1px 1px; } ul.block-grid.three-up div.child-entry h2 { padding-left: 10px; } div.child-entry p { font-size: 12px;font-size: 1.2rem; line-height: 18px;line-height: 1.8rem; } div.child-entry div.three.columns { text-align: center; } ul.block-grid.three-up div.child-entry p { padding: 0 10px; } ul.block-grid.two-up div.child-entry p { padding: 0 40px 0 0px; } div.child-entry img { float: none; margin: 0 0 0 0; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; } ul.block-grid.three-up div.child-entry img { margin-top: 12px; } div.child-entry.leadership-profile { min-height: 110px; } div.child-entry h2 { margin-top: -24px; margin-bottom: 6px; } ul.block-grid.two-up div.child-entry h2 { margin-right: 40px; } ul.block-grid.two-up div.child-entry.with-image h2, ul.block-grid.two-up div.child-entry.with-image p { margin-left: 16px; } ul.related li a.more, ul.related li a.more:link { float: right; margin-right: -25px; width: 63px; padding: 10px 0; margin-left: 20px; } ul.related li { list-style-type: none; margin-left: 0;margin-bottom: 15px; } ul.related li.last { margin-bottom: 0; } ul.related li div.related { padding: 10px 20px; border: 1px solid #fff; background: #e5e5e5; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35); box-shadow: 0 1px 1px rgba(0,0,0,.35); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } ul.related li div.related.with-image { min-height: 110px; } ul.related li h6 { margin-right: 45px; font-size: 1.3rem; color: #444; margin-top: -30px; } ul.related li div.related.with-image h6 { margin-left: 10px; margin-top: -24px; } /* @group services */ div.row.service { overflow: hidden; border-top: 1px solid #999; padding: 20px 0; } div.row.training { background: transparent url(images/bg-inside-watermark.gif) no-repeat 92% bottom; padding-bottom: 40px; margin-top: 15px; } div#training-rightcol { margin-top: 80px; } div.pad.training { padding-top: 20px; padding-bottom: 15px; background: #f2f2f2 url(images/bg-inside-watermark.gif) no-repeat center bottom; overflow: hidden; border-left: 1px solid #ddd; } div#services-cs-overview { margin-top: 20px; } div#services-cs-overview dd a { background-color: #fff; } div.service { min-height: 160px; border: 1px solid #fff; background: #e5e5e5 url(images/light-gray-box-bg.png) repeat-x 0 0; padding: 30px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35); box-shadow: 0 1px 1px rgba(0,0,0,.35); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } div.service p { color: #5e605c; font-size: 12px;font-size: 1.2rem; line-height: 18px;line-height: 1.8rem; } div.service a.button.nice.more, div.service a.button.nice.more:link { float: right; margin-left: 10px; margin-right: -35px; width: 63px; padding: 10px 0; } ul.block-grid.needs { padding: 10px 0 25px 0; } ul.block-grid.needs li { font-size: 1.6rem; line-height: 2rem; margin-bottom: 10px; margin-left: 18px; } /* @end */ /* @group case-studies */ div.case-study-overview p { font-size: 13px; line-height: 15px; margin: 0 0 0 10px; } div.case-study-overview ul li { list-style-type: none; margin: 0 0 8px 10px; font-size: 13px; line-height: 14px; } div#case-studies-rightcol { margin-top: 50px; } /* @end */ /* @group news */ div.article-highlight { float: right; width: 190px; min-height: 100px; padding: 15px 15px 5px 15px; margin: 30px 0 10px 15px; font-style: italic; } div.article-highlight p { font-size: 20px; font-size: 2.0rem; line-height: 24px; line-height: 2.4rem; } div#news-rightcol, div#blog-rightcol, div#jobs-rightcol, div#search-rightcol, div#pages-rightcol { margin-top: 10px; padding-bottom: 40px; min-height: 450px; overflow: hidden; } div#pages-rightcol { margin-top: 10px; min-height: 240px; margin-bottom: 20px; } /* @end */ /* @group resources */ div.show-hide-bar, div.show-hide-bar-disabled { background: #2d2e2c url(images/button-gloss.png) repeat-x 0 -30px; border: 1px solid #000; border-bottom: none; margin-top: 20px; border-radius: 4px; height: 41px; overflow: hidden; } div.show-hide-bar-disabled { opacity: 0.34; } div.show-hide-bar a, div.show-hide-bar a:link, div.show-hide-bar-disabled a, div.show-hide-bar-disabled a:link { color: #fff; padding: 4px 70px 10px 18px; display: block; margin: 0; text-transform: title; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-weight: normal; font-size: 14px; font-size: 1.4rem; line-height: 28px; line-height: 2.8rem; } div.show-hide-bar a:hover, div.show-hide-bar-disabled a:hover { border: none; } div.show-hide-bar span, div.show-hide-bar-disabled span { position: absolute; right: 0; margin-top: -4px; width: 55px; height: 41px; border-left: solid 1px #888; background: transparent url(images/plus-icon.png) no-repeat 50% center; } div#speaker-form-wrapper div.show-hide-bar a, div#speaker-form-wrapper div.show-hide-bar a:link { padding-right: 40px;padding-left: 7%; } div#speaker-form-wrapper div.show-hide-bar span { width: 45px; right: 7%; background: transparent url(images/plus-icon.png) no-repeat 50% center; } div.show-hide-bar-disabled span { border-left-color: #000; } div.show-hide-bar a.minus span, div#speaker-form-wrapper div.show-hide-bar a.minus span { background: url(images/minus-icon.png) no-repeat 50% center; } div.post div.show-hide-bar span { top: 0; margin-top: 21px; } div.job-post div.show-hide-bar span { margin-top: ; } div#resource-rightcol { margin-top: 23px; } h6.resource { font-weight: normal; margin: 0 0 10px 10px; } div.resource h4 { font-weight: bold; } div.resource-image img { float: right; padding: 4px; background: #fff; border: none; margin: 0 0 15px 15px; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; } div#download-file h6 a, div#download-file h6 a:link { font-weight: normal; } /* @end */ /* @group job opps */ div#job-overview { margin-top: 36px; } div.item.job { padding-top: 10px; } div.item.job div.pad { padding-bottom: 0px; } /* @end */ /* @group blog */ div#blog-rightcol { margin-top: 10px; } span.comments-total { display: inline-block; } img.avatar { margin-bottom: 8px; padding: 4px; background: #fff; border: none; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; margin: 0; width: 85%; } div#author img.avatar { margin-top: 10px; width: 100%;max-width: 75px; } div#author div.author-profile img.avatar { margin-top: 0; margin-bottom: 4px; } div#content div.post img.avatar { float: left; margin: 0; } ul.blog-authors li { min-height: 170px; overflow: hidden; } ul.blog-authors li p { padding: 0 4px; font-size: 13px; font-size: 1.3rem; line-height: 1.6rem; text-align: center; } ul.blog-authors li a { border: none; } ul.blog-authors img.avatar { max-width: 75px; max-height: 90px; margin-right: 0; margin-left: 0; float: none; } div.blog-photo { text-align: center; overflow: hidden; } div#tags { margin-top: 30px; } div#tags h6 { text-transform: uppercase; color: #999; font-size: 13px; font-size: 1.3rem; } div#tags p { font-size: 1.3rem; line-height: 2rem; } ul.tags { margin-left: 15px; padding-bottom: 0; } ul.tags li { display: inline-block; margin: 0 0 10px 5px; } ul.tags li a, ul.tags li a:link { font-size: 11px; font-size: 1.1rem; color: #888; text-shadow: #fff 1px 1px 2px; margin-bottom: 0; padding: 6px; background: #e5e5e5 url(images/tag-bg.png) repeat-x 0 0; cursor: pointer; display: block; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35); box-shadow: 0 1px 1px rgba(0,0,0,.35); border-radius: 4px; text-transform: lowercase; border: solid 1px #efefef; } ul.tags li a:hover { border: solid 1px #ec7b1f; } ul.tags li a:hover span { color: #ec7b1f; } ul.tags li a span { background: none; } div.search_result span.tag { background-color: transparent; } div#commentbox { margin-bottom: 70px; } div#comment-list { margin-top: 10px; } div.comment { border-top: 1px dashed #999; margin-top: 10px; padding: 20px 0; overflow: hidden; } div.comment.firstComment { border: none; padding: 0; } div.comment.lastComment { border-bottom: 1px dashed #999; padding-bottom: 15px; } div.commentText { border-left: 2px solid #ddd; padding: 0 10px 0 12px; margin-left: 10px; } div.commentText p { font-size: 1.2rem; line-height: 1.8rem; } p.commentDate { color: #666; font-size: 13px; font-size: 1.3rem; font-style: italic; margin-left: 10px; } div#ratings { margin-top: 20px; overflow: hidden; } ul.rating-stars { float: left; margin-left: 0; margin-right: 10px; } ul.rating-stars li { list-style-type: none; margin-left: 0; display: inline; } div.post img.rating_star { border: none; padding: 0; margin: 5px 5px 0 0; float: left; display: block; width: auto; height: auto; background: none; box-shadow: none; } form#rating { margin-top: 6px; margin-bottom: 30px; } form#rating h6 { margin-right: 8px; text-transform: uppercase; color: #999; font-size: 13px; font-size: 1.3rem; } form select { background: #ececec; border: 1px solid #aaa; } form select#rating { float: left; } form#rating input.button.nice { height: 15px; padding: 4px 10px 18px 10px; margin-left: 8px; float: left; } form#rating input.button.nice:hover { background-position: 0 -38px; } /* @end */ /* @group collateral archive */ ul.collateral { margin-top: 15px; } ul.collateral li { margin-bottom: 12px; } ul.collateral li a { border: none; } /* @end */ /* @group pagination */ div.pagination { padding-top: 20px; max-width: 620px; margin: 0 auto 60px auto; } div.page-numbers { float: left; margin-left: 19%; } div.pagination a, div.pagination a:link { font-size: 15px; font-size: 1.5rem; text-transform: lowercase; } a.page-previous { float: left; margin-left: 4%; } a.page-first { float: left; margin-left: 4%; } a.page-next { margin-left: 10%; margin-right: 4%; float: right; } a.page-last { float: right; margin-right: 4%; } a.pg-number.active { color: #eb7b1f; } /* @end */ /* @group navcol */ ul.internal-navcol, ul.internal-navcol li ul { position: relative; margin: 39px 0; padding: 0; width: 100%; } ul.internal-navcol { margin-top: 2px; } ul.internal-navcol li ul { position: relative; margin: 0; padding: 0; } ul.internal-navcol li { list-style-type: none; margin: 0; } ul.internal-navcol li a { display: block; padding: 10px 0px 10px 8px; text-decoration: none; border-bottom: none; font-size: 14px; line-height: 18px; margin-left: 10px; padding-left: 10px; } ul.internal-navcol li a:hover { color: #ec7b1f; } ul.internal-navcol li.level-1.here { background: url(images/here-tri-left.png) no-repeat 0; } ul.internal-navcol li.level-1.here a { border: solid 1px #ddd; border-right: none; border-left: none; } ul.internal-navcol li.level-1.here a, ul.internal-navcol li ul li.level-2.here a { color: #999; padding-right: 8px; color: #ec7b1f; } ul.internal-navcol li ul li a { padding-left: 25px; font-style: italic; font-size: 1.3rem; } ul.internal-navcol li.selected a.category:link, ul.internal-navcol li a.category:link { padding-left: 15px; font-style: italic; cursor: pointer; } ul.internal-navcol li.selected a.category:link { background: #eee; cursor: pointer; } ul.sub-menu { margin-left: 0; margin-top: 20px; margin-bottom: 10px; padding: 0; background: #e5e5e5 url(images/sub-menu-bg.png) repeat-x 0 0; border: 1px solid #fff; width: 100%;max-width: 1018px; overflow: hidden; -moz-box-shadow: 0 1px 4px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.35); box-shadow: 0 1px 4px rgba(0,0,0,.35); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } ul.sub-menu li { list-style-type: none; float: left; margin: 0; padding: 0; border-right: 1px solid #fff; width: auto; } ul.sub-menu li.overview { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } ul.sub-menu li.last { border-right: none; } ul.sub-menu li a { text-transform: uppercase; color: #333; font-weight: bold; letter-spacing: 1px; font-size: 12px; font-size: 1.2rem; line-height: 15px; line-height: 1.5rem; padding: 15px 25px; display: block; } ul.sub-menu li a:hover { background-color: #d1d1d1;} ul.sub-menu li.here, ul.sub-menu li.parent-here { background-color: #3f413e; } ul.sub-menu li.here a, ul.sub-menu li.parent-here a { color: #ea791e; background: url(images/sub-menu-here-bg.jpg) repeat-x 0 0; } ul.sub-menu li a { border: none; } /* @end */ /* @group typestyles */ h1 { margin: 20px 0px; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-weight: normal; font-size: 27px;font-size: 2.7rem; line-height: 32px;line-height: 3.2rem; } h2 { color: #009be3; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 24px;line-height: 2.4rem; margin-bottom: 15px; } h3 { color: #000; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-size: 20px;font-size: 2.0rem; line-height: 22px;line-height: 2.2rem; margin: 25px 0 5px 0; } h3.small { font-size: 18px;font-size: 1.8rem; font-size: 19px;line-height: 1.9rem; } h4 { color: #000; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-size: 18px;font-size: 1.8rem; line-height: 20px;line-height: 2rem; margin: 12px 0 2px 0; font-weight: normal; } h4.small { font-size: 16px;font-size: 1.6rem; } h5 { font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; margin-top: 4px; font-size: 16px;font-size: 1.6rem; line-height: 20px;line-height: 2rem; color: #eb7b1f; margin: 20px 0 6px 0; text-transform: uppercase; } h5.small { font-size: 13px;font-size: 1.3rem; line-height: 13px;line-height: 1.3rem; } h6 { color: #000; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-size: 15px;font-size: 1.5rem; line-height: 18px;line-height: 1.8rem; } h6.breadcrumb { color: #000; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-weight: normal; letter-spacing: 0; margin-top: 0; float: left; } h6.breadcrumb a, h6.breadcrumb a:link { border: none; text-decoration: none; } p, .paragraphtext { color: #333; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 21px;line-height: 2.1rem; margin: 0 0 10px 0; font-weight: normal; } h6 sup { position: relative; font-size: 60%; top: -8px; } h6 a.sup, h6 a.sup:link { border: none; } p.quote { font-size: 20px; line-height: 26px; font-style: italic; } p.quote-author { text-align: right; font-size: 16px; line-height: 18px; margin-right: 25px; } p.caption, .caption { font-size: 12px;font-size: 1.2rem; font-style: italic; line-height: 18px;line-height: 1.8rem; } span.imgWithCaption { display: block; font-style: italic; color: #eb7b1f; font-size: 12px;font-size: 1.2rem; line-height: 18px;line-height: 1.8rem; } span.imgWithCaption { float: left; margin: 10px 24px 12px 6px; } span.imgWithCaption.right { float: right; margin: 10px 6px 12px 24px; } span.imgWithCaption.right img.caption-right, span.imgWithCaption img.caption { margin: 0 0 10px 0; } div.spacerlg { margin-top: 57px; } div.spaceleft, .spaceleft { margin-left: 10px; } div.spaceleftlg, .spaceleftlg { margin-left: 15px; } div.spaceright, .spaceright { margin-right: 10px; } div.spacerightlg, .spacerightlg { margin-right: 24px; } div.spacebeforesm, .spacebeforesm { margin-top: 6px; } div.spacebefore, .spacebefore { margin-top: 12px; } div.spacebeforelg, .spacebeforelg { margin-top: 24px; } .spacebeforexlg, div.spacebeforexlg { margin-top: 44px; } .spacebefore60, div.spacebefore60 { margin-top: 60px; } div.spaceaftersm, .spaceaftersm { margin-bottom: 6px; } div.spaceafter, .spaceafter { margin-bottom: 12px; } div.spaceafterlg, .spaceafterlg { margin-bottom: 24px; } div.nospacebefore, .nospacebefore { margin-top: 0px; } a.btn.nospacebefore { margin-top: 0px !important; } div.nospaceafter, .nospaceafter { margin-bottom: 0px; } div.ruleabove, .ruleabove { border-top: solid 1px #999; padding-top: 10px; } div.rulebelow, .rulebelow { border-bottom: solid 1px #999; padding-bottom: 10px; } .nounderline a, .nounderline a:link { text-decoration: none; border-bottom: none; } em, em p { font-style: italic; } img, p img { float: left; margin: 6px 16px 16px 6px; padding: 4px; background: #fff; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; } img.right { float: right; margin: 6px 6px 16px 16px; } img.no-border { padding: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } div.related img, div.child-entry img { float: left; padding: 4px; background-color: #fff; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; margin: 6px 12px 0 0; } blockquote { color: #000; font-style: italic; margin-top: 0px; margin-right: 18px; margin-bottom: 0px; margin-left: 18px; } span.gray { color: #999; } /* @end */ /* @group links */ a, a:link, a:visited, a:active { color: #009be3; text-decoration: none; } a:hover, a.selected { color: #ec7b1f; text-decoration: none; border-bottom: 1px solid #ec7b1f; } h3 a, h3 a:link { color: #009be3; border: none; font-size: 16px;font-size: 1.6rem; text-shadow: #fff 1px 1px 1px; } h4 a, h4 a:link { font-weight: bold; text-shadow: none; } span.small-link a, span.small-link a:link, span.small-link a:visited { font-size: 14px; text-decoration: none; border: none; } a.external-link { background: url(images/ext-link-icon.png) no-repeat right 0; padding-bottom: 15px; } a.external-link span { padding-right: 30px; padding-bottom: 15px; } a.print-icon, a.print-icon:link { background: url(images/print-icons.png) no-repeat 0 0; width: 24px; height: 25px; display: block; float: right; margin: 2px 10px 0 0; cursor: pointer; } a.print-icon:hover { text-decoration: none; border: none; background-position: 0 -27px; } a.rss-feed, a.rss-feed:link { background: url(images/rss-icon.png) no-repeat left 0; padding: 2px 0 5px 24px; } a.rss-feed:hover { border: none; } a.rss-feed span:hover { border-bottom: 1px solid; } /* @end */ span.pdf { background: url(images/icon_pdf.gif) no-repeat left 0; height: 16px; padding-bottom: 5px; } /* @end */ /* @group search */ form input.keywords { border-top: 2px solid #aaa; } form#search-resources { margin-bottom: 0; } form#search-site input.keywords, form#search-resources input.keywords, form#search-blog input.keywords { width: 82%; height: 18px; padding-left: 35px; margin-bottom: 10px; margin-left: 0; border: none; border-top: 2px solid #aaa; outline: none; background-image: url(images/search-icon.png); background-repeat: no-repeat; background-position: 6px; color: #aaa; font-size: 13px; font-weight: normal; } form#search-mobile input.keywords { width: 90%; height: 38px; } div.search_result span { background: rgba(100,100,100,0.15); padding: 0 3px; } div.search_result span.comments-total { background: none; padding: 0; } /* @group filter search */ div.search-wrapper { background: #e5e5e5 url(images/light-gray-box-bg.png) repeat-x 0 0; padding: 4% 8% 6% 8%; margin-top: 10px;margin-bottom: 25px; border: 1px solid #fff; overflow: hidden; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35); box-shadow: 0 1px 1px rgba(0,0,0,.35); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } div.search-wrapper.results { margin-top: 30px; padding: 3% 2% 2% 4%; } div.search-wrapper.results form#search-site input.keywords { float: left; width: 60%; color: #000; } div.search-wrapper.results form#search-site input.button.nice { float: left; width: 100%;max-width: 100px; margin-left: 3%; color: #fff; } div.search-wrapper h4 { color: #777; text-shadow: #fff 1px 1px 1px; font-family: 'Covered By Your Grace', Helvetica Neue, Helvetica, Arial, Geneva, sans-serif; font-size: 26px;font-size: 2.6rem; line-height: 36px;line-height: 3.6rem; margin-top: 0; } div.sliding-filter-types, div.sliding-filter-topics { overflow: hidden; padding: 4% 6% 0% 6%; margin: -1px 1px 25px 1px; display: none; background: #019be3 url(images/sliding-blue-bg.png) repeat-x 0 0; position: relative; z-index: 1; } div.sliding-filter-types { display: block; } div.sliding-filter-types ul li, div.sliding-filter-topics ul li { list-style-type: none; margin-left: 0; margin-bottom: 10px; } div.sliding-filter-types ul li a, div.sliding-filter-types ul li a:link, div.sliding-filter-topics ul li a, div.sliding-filter-topics ul li a:link { color: #fff; } div.sliding-filter-types ul li a:hover, div.sliding-filter-topics ul li a:hover { border-bottom: 1px solid #fff; } ul.filter-cat li { list-style-type: none; margin-left: 0; height: 70px; } ul.filter-cat li.filter-cat-button a, ul.filter-cat li.filter-cat-button a:link, ul.filter-cat li.filter-cat-button a:visited { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; border: none; display: block; padding: 10px 18px 32px 18px; color: #fff; } ul.filter-cat li.filter-cat-button, #content-home .filter-cat-button { margin-bottom: 6px; min-height: 80px; list-style-type: none; background: #444 url(images/dark-bg.jpg); border-radius: 5px; font-size: 1.4rem; line-height: 1.6rem; cursor: pointer; } ul.filter-cat span.blue { color: #019be3; } ul.filter-cat li.filter-cat-button:hover, ul.filter-cat li.filter-cat-button.active { background: url(images/filter-button-overlay.jpg); } ul.filter-cat li.filter-cat-button:hover { color: #fff; } ul.filter-cat li.filter-cat-button.active a { color: #ec7b1f; } div.sliding-filter-types ul.filter-cat li.filter-cat-button, li.filter-cat-button { min-height: 18px; } li.filter-cat-button, ul.filter-cat li.filter-cat-button a, li.filter-cat-button a { border: none; color: #444; } ul.filter-cat li.filter-cat-button:hover a, ul.filter-cat li.filter-cat-button a:hover, li.filter-cat-button:hover a, li.filter-cat-button a:hover { color: #fff; } div.cat-desc { border-bottom: 1px solid #999; padding-bottom: 15px; padding-right: 190px; padding-left: 15px; } /* @end */ /* @end */ /* @group edit entry */ p.edit-entry a { margin: 15px 0; font-size: 12px; line-height: 18px; text-align: center; background: url(images/button-edit.png) no-repeat 0 0; color: #fff; border: none; display: block; width: 140px; height: 20px; } p.edit-entry a:hover { border: none; text-decoration: underline; } /* @end */ /* @group footer */ /* @group next steps */ div#next-steps { margin-top: 20px; padding: 0 0 30px 0; background: #d1d1d1 url(images/featured-wrapper-shadow.png) repeat-x 0 0; border-top: 1px solid #777; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0px 1px 3px 1px rgba(50,50, 50, 0.2); -webkit-box-shadow: inset 0px 1px 3px 1px rgba(50, 50, 50, 0.2); box-shadow: inset 0px 1px 3px 1px rgba(50, 50, 50, 0.2); } div#next-steps h4 { color: #373737; font-family: 'Covered By Your Grace', Helvetica Neue, Helvetica, Arial, Geneva, sans-serif; font-size: 28px; font-size: 2.8rem; line-height: 28px; line-height: 2.8rem; text-shadow: #fff 1px 1px 1px; margin-bottom: 10px; } div#next-steps a.button.nice{ margin-left: 0; } div#social a.button.nice { width: 60%; margin-bottom: 10px; margin-left: 12px; } /* @end */ /* @group footer about */ div#footer-about { margin-top: 30px; padding: 0 20px; } /* @end */ /* @group footer sitemap */ div#footer-wrapper { padding: 30px 0 20px 0; background: #333 url(images/footer-bg.jpg); } div#footer-sitemap p { font-size: 13px; font-size: 1.3rem; color: #e4e4e4; } div#footer-sitemap { padding: 30px 20px 20px 20px; border-top: 1px solid #5c5c5c; border-bottom: 1px solid #5c5c5c; background: url(images/overlay.png); } div#footer-sitemap h6 { color: #eb7b1f; } div#footer-sitemap ul.block-grid li.section { min-height: 100px; } div#footer-sitemap ul { list-style-type: none; margin: 0; } div#footer-sitemap ul li { margin: 2px 0 8px 0; } div#footer-sitemap ul li ul li { border: none; } div#footer-sitemap ul.nav-sub li a, div#footer-sitemap ul.nav-sub li a:link, div#footer-sitemap ul.nav-sub li.level-1.overview.first ul#nav_categories li a { font-size: 12px;font-size: 1.2rem; line-height: 12px;line-height: 1.2rem; margin-bottom: 0; margin-top: 0; } div#footer-sitemap ul.nav-sub { height: ; } div#footer-sitemap ul#nav_categories li { margin-left: 0; } div#footer-sitemap ul.nav-sub li.level-1.overview.first a { font-weight: bold; font-size: 14px;font-size: 1.4rem; color: #eb7b1f; } div#footer-sitemap ul.nav-sub li.level-1.overview.first #nav_categories li a { color: #fff; font-weight: normal; } div#footer-sitemap ul li a { text-decoration: none; border: none; color: #e4e4e4; } div#footer-sitemap ul#social-media { height:50px; } ul#social-media li a { float: left; margin-right: 18px; } div#footer-sitemap img { margin: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } div#footer-sitemap img#pmi-logo { margin-top: 0px; } p.copyright { font-size: 13px;font-size: 1.3rem; line-height: 18px;line-height: 1.8rem; margin-top: 30px; color: #fff; text-align: center; } /* @end */ /* @group mobile footer */ div#footer-mobile { background: url(images/footer-bg.jpg); padding: 20px 20px 0px 20px; } div#footer-mobile div.search { width: 95%; } div#footer-mobile div.search form#search input.keywords { width: 78%; } div#footer-mobile select#section-pages { width: 100%; margin: 15px 0; } div#top-jump { margin-top: 5px; } div#top-jump a.button.nice { width: 100%;max-width: 35px; padding: 10px 20px 10px 10px; } div#top-jump span { padding-left: 20px; background: url(images/mobile-menu-arrows.png) no-repeat left -11px; } /* @end */ /* @end */ /* @group forms */ #notification { border: solid 1px #cdcdcd; background-color: #f6f6f6; padding: 10px; } h2.form { color: #fff; background-color: #333; font-size: 20px; padding: 5px 12px 8px; } form h3 { color: #333; font: normal 18px/22px Arial, Lucida, Verdana, sans-serif; margin-top: 0px; } form input { padding: 6px 6px; margin-bottom: 10px; } form#freeform input.file { background: transparent; border: none; } form textarea { margin: 3px 3px 1px 3px; } form input.textinput, div#lp-form form input { width: 94%; height: 18px; font-size: 15px; color: #666; outline: none; border: none; border-top: 2px solid #aaa; background: #ececec; } div#commentbox form input.textinput { width: 60%; } form textarea{ margin-bottom: 15px; width: 94%; border: none; border-top: 2px solid #aaa; outline: none; } form textarea.comments, form textarea.comments-sm { height: 100px; padding: 10px; font-size: 14px; color: #666; margin-top: 8px; width: 89%; background: #ececec; } form textarea.comments-sm { height: 30px; } div.sliding-request-form textarea.comments,div.sliding-request-form-2 textarea.comments, form#contact-form textarea.comments { width: 92%; } form label { display: block; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; clear: both; margin-left: 2px; margin-bottom: 4px; padding-right: 10px; } form input.checkbox { width: 4%; height: 15px; float: left; margin-left: 15px; margin-bottom: 4px; } form input.textinput.half { width: 43%; } form input.radio { float: left; width: 18px !important; margin-bottom: 4px; } form input.radio.first { margin-top: 8px; } form label.radio.first { margin-top: 4px; } form label.radio { float: left; clear: none !important; padding-top: 2px; } form#invite-speaker { margin-bottom: 15px; } form#invite-speaker textarea.comments { height: 90px; } form#newsletter-signup input.textinput { margin-bottom: 10px; width: 77%; color: #aaa; padding-left: 42px; border-top: 2px solid #aaa; background-image: url(images/email-icon.png); background-repeat: no-repeat; background-position: 6px 4px; } form#newsletter-signup input.button { width: 62%; } form.white-paper-request select, form.job-application select { margin-left: 15px; margin-bottom: 15px; width: 90%; } form#contact-form input.button, form.white-paper-request input.button, form.webinar-request input.button, form.job-application input.button { width: 50%; margin: 10px 0; } form span.checkbox { font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; float: left; padding-top: 2px; font-size: 14px; font-size: 1.4rem; line-height: 1.6rem; } form input.choice, label.choice { float: left; margin: 0px 6px 0px 0px; clear: none; } form div.pairedfields { position: relative; float: left; width: 47%; margin: 0 3% 0 0; } form label.error { color: #a01c1c; font-style: italic; margin: 3px 0 3px 10px; float: right; text-align: right; width: 135px; } form div.form-field label.error { padding-right: 6%; } div#content form label.error img { float: left; margin:3px 5px; padding:0; vertical-align:text-bottom; border:none; box-shadow: none; } form input[type="text"] + label.error, form input[type="password"] + label.error, form input[type="email"] + label.error, form textarea + label.error { color: #a01c1c; font-style: italic; top: -33px; margin: 0; float: right; position:relative; z-index:2; } form span.radiotext + label.error, form select + label.error { color: #a01c1c; font-style: italic; display:inline; } form span.error { padding: 3px 4px 2px 4px; background-color: #E2D3D3; border: solid 1px #C5A7A7; } form input.error { background-color: #E2D3D3; } div.errorheader { font-size: 15px; line-height: 18px; color: #6E2222; margin: 30px 20px; border: solid 1px #C5A7A7; padding: 10px; background-color: #E2D3D3; } div.errorheadersm { font-size: 12px; line-height: 18px; color: #6E2222; border-top: solid 1px #C5A7A7; border-bottom: solid 1px #C5A7A7; padding: 5px; margin: 10px 0px; } div.error { font-size: 15px; line-height: 18px; color: #6E2222; padding: 3px 0px 2px 4px; background-color: #E2D3D3; border: solid 1px #C5A7A7; } form p { margin: 0; padding: 0; } #submit { position: absolute; left: 180px; width: 50px; } div#contact-form-wrapper, div#speaker-form-wrapper, div.sliding-request-form { padding: 20px; background: #d1d1d1 url(images/featured-wrapper-shadow.png) repeat-x 0 0; border-top: 1px solid #777; border-right: 1px solid #b9b9b9; border-left: 1px solid #b9b9b9; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0px 1px 3px 1px rgba(50,50, 50, 0.2); -webkit-box-shadow: inset 0px 1px 3px 1px rgba(50, 50, 50, 0.2); box-shadow: inset 0px 1px 3px 1px rgba(50, 50, 50, 0.2); } div.sliding-request-form-2 { padding: 20px; background: #f1f1f1; border: 0px; border-radius: 0px; box-shadow: 1px 1px 10px #cecece;} .sliding-request-form-2 form input.textinput, .sliding-request-form-2 form textarea.comments, .sliding-request-form-2 form select { background: #ffffff; } div#speaker-form-wrapper { margin-bottom: 40px; } div.sliding-request-form, div.sliding-request-form-2 { border-top-left-radius: 0; border-top-right-radius: 0; border-top: 0; } div.sliding-speaker-form { margin-top: 10px; padding: 0 8px; } div.sliding-speaker-form form h6 { font-size: 14px;font-size: 1.4rem; } div#contact-form-wrapper p, div#speaker-form-wrapper p { color: #333; text-shadow: #eee 1px 1px 1px; } div#contact-form-wrapper h4, div#speaker-form-wrapper h4, div#form-top h4 { color: #373737; font-family: 'Covered By Your Grace', Helvetica Neue, Helvetica, Arial, Geneva, sans-serif; font-size: 28px;font-size: 2.8rem; line-height: 28px;line-height: 2.8rem; text-shadow: #fff 1px 1px 1px; margin-bottom: 10px; } /* @end */ /* @group tables */ table p { font-size: 9px; } td { padding: 2px; } tr.alt { background-color: #eee; } table.winners tr { border-top: 1px solid; } /* @end */ /* @group iconize */ /* Iconize 0.5 */ /* extensions */ a[href$='.pdf'] { background: url(images/icon_pdf.gif) no-repeat center right; padding: 0 20px 0 0; } /* use this class to make sure that images won't get iconized */ a.imagelink { padding-right: 0px !important; background: none !important; } /* @end */ /* @group bigTarget */ .bigTarget.over, .bigTarget.item.over, .bigTarget.item-sm.over, .bigTarget.item.no-border.over, ul.related li.bigTarget.over { opacity: 1; cursor: pointer; } .bigTarget.over div.service a.button.nice, div.child-entry.bigTarget.over a.button.nice, div.related.bigTarget.over a.button.nice, div.bigTarget.over.featured-service a.button.nice { background: #0192dd url(images/button-gloss.png) repeat-x 0 -31px; color: #fff; } .bigTarget.ext-overlay h2 { margin-right: 12px; } .bigTarget.ext-overlay.over { cursor: pointer; } .bigTarget.ext-overlay.over h2 a { padding-right: 30px; background: transparent url(images/external-link-icon.png) no-repeat right 0; } li.bigTarget.over { background: none; cursor: pointer; } div.child-entry.bigTarget.over, .bigTarget.over div.service, ul.related li div.related.bigTarget.over, .bigTarget ul.tags li a:hover, div.bigTarget.over.featured-service { border: none; border: solid 1px #ec7b1f; } .bigTarget a { border: none; text-decoration: none; } .bigTarget.over a:hover { border-bottom: solid 1px; text-decoration: none; } .bigTarget.top.over h3 a:hover, .bigTarget.notTop.over h3 a:hover, .bigTarget.show-hide-bar.over a:hover { border: none; } .bigTarget.over h1, .bigTarget.over h2, .bigTarget.over h3, .bigTarget.over h4, .bigTarget.over h5, .bigTarget.over a, .bigTarget.over a:hover { color: #eb7b1f; text-decoration: none; border: none; } /* @end */ /* @group ruled lists */ ul.ruled-lists { list-style-type: none; margin: 0; padding: 0; } ul.ruled-lists li { margin: 0; } ul.ruled-lists li ul { list-style-type: none; margin: 0 0 0 0; padding: 0; } ul.ruled-lists li ul li { margin-left: 20px; } ul.ruled-lists li a, ul.ruled-lists li a:link { display: block; width: 95%; padding: 5px 0 5px 5px; border-top: 1px solid #ccc; } ul.ruled-lists li ul li a, ul.ruled-lists li ul li a:link { padding-left: 5px; } ul.ruled-lists li a:hover { border: none; border-top: 1px solid #ccc; } /* @end */ /* @group addthis */ div.addthis_toolbox.addthis_floating_style.addthis_counter_style { padding-top: 10px; margin-left: 0; margin-top: 24px; background: #e5e5e5 url(images/light-gray-box-bg.png) repeat-x 0 0; border: 1px solid #fff; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35); box-shadow: 0 1px 1px rgba(0,0,0,.35); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: absolute; } div.addthis_floating_style a:hover { border: none; } div.addthis_toolbox.addthis_floating_style.addthis_counter_style div.addthis_internal_container a { margin-bottom: 15px; display: block; } /* @end */ /* @group landing pages */ div#content.landing-page { padding-top: 24px; } div#content.landing-page h1 { font-size: 54px;font-size: 5.4rem; line-height: 56px;line-height: 5.6rem; } div#lp-form-wrapper { margin-top: 34px; } div#lp-form { padding-top: 20px; } div#black-arrow { position: absolute; left: 0; margin-top: 15px; margin-left: -18px; } div#form-top { background: #f09b27 url(images/orange-bg.png) repeat-x 0 bottom; margin: 0; border-radius: 5px; z-index: 1; position: relative; width: auto; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.85); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.85); box-shadow: 0 1px 1px rgba(0,0,0,.85); padding: 8px 20px 8px 15%; } div#form-top h4 { color: #000; font-size: 35px;font-size: 3.5rem; line-height: 45px;line-height: 4.5rem; text-transform: lowercase; margin-top: 10px; margin-bottom: 6px; } div#form-top p { color: #fff; text-transform: lowercase; text-shadow: 1px 1px 1px #444; font-weight: bold; line-height: 1.8rem; } div#form-top img { background: none; border: none; box-shadow: none; padding: 0; float: none; position: absolute; z-index: 1; margin: 22px 0 0 0; left: 40.5%; } div#footer-sitemap.landing-page img#pmi-logo {margin-top: 0;} div#content.landing-page div#lp-form.featured-wrapper { position: relative; margin: -5% 3% 0 3%; padding-top: 10%; } div#lp-form form input[type="submit"], div#lp-form form input.button { color: #fff; text-align: center; display: inline-block; text-decoration: none; min-height: 32px; font-weight: bolder; font-size: 14px;font-size: 1.4rem; line-height: 12px;line-height: 1.2rem; border: none; outline: none; padding: 9px 14px 11px 14px; margin: -40px 0 0 0; text-transform: lowercase; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; background: #f78022 url(images/orange-button-bg.png) repeat-x 0 0; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.8); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.8); box-shadow: 0 1px 1px rgba(0,0,0,.8); text-shadow: #444 1px 1px 1px; width: 100%; } div#lp-form form input[type="submit"]:hover, div#lp-form form input.button:hover { background: #0192dd url(images/button-gloss.png) repeat-x 0 -31px; text-decoration: none; color: #fff; } div#lp-form h5 { margin: 0 0 10px 0; } /* @end */ /* @end */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Reset & Standards :: Links :: Lists :: Tables :: Misc */ /* -------------------------------------------------- :: Global Reset & Standards -------------------------------------------------- */ /* Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html { font-size: 62.5%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } sub {vertical-align: sub;} sup {vertical-align: super;} body { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #333; position: relative; -webkit-font-smoothing: antialiased; background: transparent; } /* -------------------------------------------------- :: Links -------------------------------------------------- */ a { color: #009be3; text-decoration: none; line-height: inherit; } a:hover { color: #ec7b1f; } a:focus { color: #ec7b1f; outline: none; } p a, p a:visited { line-height: inherit; } /* -------------------------------------------------- :: Tables -------------------------------------------------- */ table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; } table thead, table tfoot { background: #f5f5f5; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; } table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; } table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; } table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; } table tbody tr.even, table tbody tr.alt { background: #f9f9f9; } table tbody tr:nth-child(even) { background: #f9f9f9; } table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; } /* -------------------------------------------------- :: Misc ---------------------------------------------------*/ .hide { display: none; } .highlight { background: #ff0; } #googlemap img, object, embed { max-width: none; } #map_canvas embed { max-width: none; } #map_canvas img { max-width: none; } #map_canvas object { max-width: none; } /* -------------------------------------------------- :: Typography -------------------------------------------------- */ .subheader { color: #777; font-weight: 300; margin-bottom: 24px; } p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } /* Blockquotes */ blockquote, blockquote p { line-height: 20px; color: #333; } blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; } abbr { text-transform: none; } /** * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } h1 {font-size: 22px;font-size: 2.2rem;margin-top: 8px !important;margin-bottom: 8px !important;} p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } body, h1, h2, h3, h4, h5, h6, p, a:link, ul, li, p a {font-family: Helvetica, Arial, Geneva, sans-serif;} .hide-on-print { display: none !important; } .print-only { display: block !important; } div#blog-rightcol, div#news-rightcol, div#contact-form-wrapper, div#resource-rightcol, div#case-studies-rightcol, div.show-hide-bar, ul#nav-sub, ul.sub-menu, div.search-wrapper, div#signup-home {display: none !important;} div.shadow-bottom {height: 1px !important;background-color: none !important;background-image: none !important; border-top: 1px solid #000 !important;} div.featured-service, div.child-entry, a.button.nice, a.button.nice:link, a.button.nice.more, a.button.nice.more:link, div.featured-wrapper {background-color: #fff !important;background-image: none !important;border: 1px solid #999 !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important; } ul.block-grid.two-up li div.child-entry {min-height: 150px !important;} div#slideshowleft p, div#slideshowright p {width: 100% !important;} div#slideshowleft h1, div#slideshowleft h2, div#slideshowleft p {margin-left: 0; width: 100%;} div#print-header {margin-top: 0 !important;display: block !important} div#header-wrapper {background-image: none !imporant;} div#header {padding-top: 0 !important;} div#footer-sitemap div.four.columns {width: 75% !important;float: left !important;margin: 0 !important;} div#footer-wrapper {padding-bottom: 0 !important;} p.copyright {margin-top: 20px !important;} div#content {padding-top: 15px !important;padding-bottom: 10px !important;} } /* Artfully Masterminded by ZURB */ /* -------------------------------------------------- :: Grid This is the mobile-friendly, responsive grid that lets Foundation work much of its magic. -------------------------------------------------- */ .container { padding: 0 20px; } .row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; } /* To fix the grid into a certain size, set max-width to width */ .row .row { min-width: 0; } .column, .columns { margin-left: 2.6%; float: left; min-height: 1px; position: relative; } .column:first-child, .columns:first-child { margin-left: 0; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .row .one { width: 5.95%; } .row .two { width: 14.5%; } .row .three { width: 23.05%; } .row .four { width: 31.6%; } .row .five { width: 40.15%; } .row .six { width: 48.7%; } .row .seven { width: 57.25%; } .row .eight { width: 65.8%; } .row .nine { width: 74.3%; } .row .ten { width: 82.9%; } .row .eleven { width: 91.45%; } .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } .row .offset-by-three { margin-left: 30.5%; } .row .offset-by-four { margin-left: 39.2%; } .row .offset-by-five { margin-left: 47.9%; } .row .offset-by-six { margin-left: 56.6%; } .row .offset-by-seven { margin-left: 65.3%; } .row .offset-by-eight { margin-left: 74.0%; } .row .offset-by-nine { margin-left: 82.7%; } .row .offset-by-ten { margin-left: 91.4%; } .row .centered { float: none; margin: 0 auto; } .row .offset-by-one:first-child { margin-left: 8.7%; } .row .offset-by-two:first-child { margin-left: 17.4%; } .row .offset-by-three:first-child { margin-left: 26.1%; } .row .offset-by-four:first-child { margin-left: 34.8%; } .row .offset-by-five:first-child { margin-left: 43.5%; } .row .offset-by-six:first-child { margin-left: 52.2%; } .row .offset-by-seven:first-child { margin-left: 60.9%; } .row .offset-by-eight:first-child { margin-left: 69.6%; } .row .offset-by-nine:first-child { margin-left: 78.3%; } .row .offset-by-ten:first-child { margin-left: 87%; } .row .offset-by-eleven:first-child { margin-left: 95.7%; } /* Source Ordering */ .push-two { left: 17.4% } .push-three { left: 26.1%; } .push-four { left: 34.8%; } .push-five { left: 43.5%; } .push-six { left: 52.2%; } .push-seven { left: 60.9%; } .push-eight { left: 69.6%; } .push-nine { left: 78.3%; } .push-ten { left: 87%; } .pull-two { right: 17.4% } .pull-three { right: 26.1%; } .pull-four { right: 34.8%; } .pull-five { right: 43.5%; } .pull-six { right: 52.2%; } .pull-seven { right: 60.9%; } .pull-eight { right: 69.6%; } .pull-nine { right: 78.3%; } .pull-ten { right: 87%; } img, object, embed { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img {max-width: none!important;} /* Nicolas Gallagher's micro clearfix */ .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* -------------------------------------------------- :: Block grids These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ .block-grid { display: block; overflow: hidden; } .block-grid>li { display: block; height: auto; float: left; } .block-grid.two-up { margin-left: -2.6%;} .block-grid.two-up>li { margin-left: 2.6%; width: 47.4%; margin-bottom: 4%;} /* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */ .block-grid.three-up { margin-left: -2.8%;} .block-grid.three-up>li { margin-left: 2.8%; width: 30%; margin-bottom: 2%;} /* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */ .block-grid.four-up { margin-left: -1.3%;} .block-grid.four-up>li { margin-left: 1.3%; width: 23.7%; margin-bottom: 2%;} /* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */ .block-grid.five-up { margin-left: -1.1%;} .block-grid.five-up>li { margin-left: 1.1%; width: 18.9%; margin-bottom: 1.5%;} /* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Buttons :: Labels :: Tabs :: Pagination :: Breadcrumbs :: Lists :: Panels :: Nav :: Video :: Microformats */ /* -------------------------------------------------- Buttons -------------------------------------------------- */ /* Don't use native buttons on iOS */ input[type=submit].button, button.button { -webkit-appearance: none; } /* Hide inner focus effect in Firefox */ button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; } .button.nice, a.button.nice, form input.button { color: #fff; text-align: center; display: inline-block; text-decoration: none; font-weight: bolder; font-size: 14px; font-size: 1.4rem; line-height: 12px; line-height: 1.2rem; position: relative; border: none; outline: none; padding: 9px 14px 11px 14px; margin: 0; text-transform: lowercase; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; background: #f78022 url(images/orange-button-bg.png) repeat-x 0 0; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.8); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.8); box-shadow: 0 1px 1px rgba(0,0,0,.8); text-shadow: #444 1px 1px 1px; } .button.nice.large.next-step { width: 60%; font-size: 1.4rem; } .button.nice:hover, a.button.nice:hover, form input.button:hover { background: #0192dd url(images/button-gloss.png) repeat-x 0 -31px; text-decoration: none; color: #fff; } .button.radius { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .button.round { -moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px; } .button.full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } .button.left-align { text-align: left; text-indent: 12px; } /* Sizes ---------- */ .tiny.button { font-size: 10px; padding: 6px 14px 8px; width: auto; } .small.button { font-size: 11px; padding: 8px 20px 10px; width: auto; } .medium.button { font-size: 13px; width: auto; } .large.button { font-size: 16px; padding: 11px 48px 13px; width: auto; } /* Nice Sizes ---------- */ .nice.tiny.button { background-position: 0 -37px; } .nice.small.button { background-position: 0 -34px; } .nice.large.button { background-position: 0 -30px; } .button:hover, .button:focus { background-color: #0192dd; color: #fff; } /* Hovers ---------- */ .nice.button:active { -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(0,0,0,.15); } /* Disabled ---------- */ .button.disabled, .button[disabled] { opacity: 0.6; cursor: default; } /* Correct FF button padding */ @-moz-document url-prefix("http://") { input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner { border: 0; padding: 0; } input[type=submit].tiny.button { padding: 5px 14px 7px; } input[type=submit].small.button { padding: 7px 20px 8px; } input[type=submit].medium.button { padding: 8px 34px 9px; } input[type=submit].large.button { padding: 9px 48px 10px; } } /* -------------------------------------------------- Tabs -------------------------------------------------- */ dl.tabs { display: block; margin: 0px 0 20px 0; padding: 0; width: auto;height: 43px; border-bottom: solid 1px #999; } dl.tabs dt { display: block; width: auto; height: 30px; padding: 0 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; } dl.tabs dt:first-child { padding: 0 9px 0 0; } dl.tabs dd { display: block; width: 300px;height: 40px; padding: 0; float: left; } dl.tabs dd.first { padding-left: 3%;} dl.tabs dd a, dl.tabs dd a:link, dl.tabs dd a:visited { display: block; width: auto; height: 23px; padding: 14px 20px 5px 20px; font-size: 13px; font-size: 1.3rem; line-height: 15px; line-height: 1.5rem; background-color: #fff; border: solid 1px #999; margin: 0 -1px 0 0; opacity: 0.75; color: #323232; text-align: center; text-transform: uppercase; text-shadow: #eee 1px 1px 1px; letter-spacing: 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; } dl.tabs dd a.active { border-width: 1px 1px 0 1px; height: 24px; font-weight: bold;opacity: 1;} .nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; } .nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; } .nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #999; border-right: 1px solid #999; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; } .nice.tabs dd:first-child a.active { margin-left: 0; } dl.tabs.vertical { height: auto; } dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; } dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0 #999; border-width: 1px 1px 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; } dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; } .nice.tabs.vertical { border-bottom: solid 1px #eee; height: auto; } .nice.tabs.vertical dd a { padding: 15px 20px; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; background: #fff; } .nice.tabs.vertical dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; } .nice.tabs.vertical dd:first-child a.active { margin: 0; } ul.tabs-content { margin: 0; display: block; } ul.tabs-content>li { display: none;margin-left: 0;} .no-js ul.tabs-content>li { display: block; } ul.tabs-content>li.active { display: block; } dl.contained, dl.nice.contained { margin-bottom: 0; } dl.contained.tabs dd a { padding: 0 14px; } dl.nice.contained.tabs dd a { padding: 7px 18px 9px; } ul.contained.tabs-content { padding: 0; } ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; } ul.contained.vertical.tabs-content>li { border-width: 1px 1px 1px 1px; } ul.nice.contained.tabs-content>li { border-color: #eee; margin: 0;} /* -------------------------------------------------- Pagination -------------------------------------------------- */ ul.pagination { display: block; height: 24px; margin-left: -5px; } ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; } ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; } ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus { border-bottom: solid 2px #00a6fc; color: #141414; } ul.pagination li.unavailable a { cursor: default; color: #999; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { border-bottom: none; } /* -------------------------------------------------- Lists -------------------------------------------------- */ ul.nice, ol.nice { list-style: none; margin: 0; } ul.nice li, ol.nice li { padding-left: 13px; position: relative } ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0; top: 0; color: #ccc; } /* -------------------------------------------------- Panels / Padding -------------------------------------------------- */ div.panel { padding: 15px; background: #fff; border: 1px solid #999; //background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); //background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4)); //background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 ); //box-shadow: 0 2px 5px rgba(0,0,0,0.15); //-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15); //-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25); margin: 0 0 20px 0; min-height: 210px; } div.pad { padding: 10px 25px 15px;overflow: hidden;} /* -------------------------------------------------- Nav Bar with Dropdowns -------------------------------------------------- */ .nav-bar { height: 45px; background: #fff; margin-top: 20px; border: 1px solid #ddd; } .nav-bar>li { float: left; display: block; position: relative; padding: 0; margin: 0; border-right: 1px solid #ddd; line-height: 45px; } .nav-bar>li>a.main { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 15px; font-size: 1.5rem; } .nav-bar>li>input { margin: 0 16px; } .nav-bar>li ul { margin-bottom: 0; } .nav-bar>li li { line-height: 1.3; } .nav-bar>li.has-flyout>a.main { padding-right: 36px; } .nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; display: block; } .nav-bar>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; } .flyout { background: #fff; margin: 0; padding: 20px; border: 1px solid #ddd; position: absolute; top: 45px; left: -1px; width: 400px; z-index: 40; } .flyout.small { width: 200px; } .flyout.large { width: 600px; } .flyout.right { left: auto; right: 0; } .flyout p:last-child { margin-bottom: 0; } .nav-bar>li .flyout { display: none; } /* -------------------------------------------------- Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na -------------------------------------------------- */ dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px -9px; padding-top: 4px; } dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 4px; } dl.sub-nav dt { color: #999; font-weight: normal; } dl.sub-nav dd a { text-decoration: none; border-radius: 12px; } dl.sub-nav dd.active a { background: #00A6FC; color: #fff; padding: 3px 9px; } /* -------------------------------------------------- Video Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ -------------------------------------------------- */ .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* -------------------------------------------------- Microformats -------------------------------------------------- */ /* hCard */ ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; } ul.vcard li { margin: 0; display: block; } ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; } p.vevent span.summary { font-weight: bold; } p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; } /* -------------------------------------------------- Tooltips -------------------------------------------------- */ .has-tip { border-bottom: dotted 1px #ccc; cursor: help; font-weight: bold; color: #333; } .has-tip:hover { border-bottom: dotted 1px #0593dc; color: #0192dd; } .tooltip { display: none; background: rgb(0,0,0); background: rgba(0,0,0,0.8); position: absolute; color: #fff; font-weight: bold; font-size: 12px; font-size: 1.2rem; padding: 5px; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: normal; } .tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent rgb(0,0,0) transparent; border-color: transparent transparent rgba(0,0,0,0.8) transparent; position: absolute; top: -10px; left: 10px; } .tooltip.tip-override > .nub { border-color: transparent transparent rgb(0,0,0) transparent !important; border-color: transparent transparent rgba(0,0,0,0.8) transparent !important; top: -10px !important; } .tooltip.tip-top > .nub { border-color: rgb(0,0,0) transparent transparent transparent; border-color: rgba(0,0,0,0.8) transparent transparent transparent; top: auto; bottom: -10px; } .tooltip.tip-left, .tooltip.tip-right, .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent rgb(0,0,0); border-color: transparent transparent transparent rgba(0,0,0,0.8); right: -10px; left: auto; } .tooltip.tip-right > .nub { border-color: transparent rgb(0,0,0) transparent transparent; border-color: transparent rgba(0,0,0,0.8) transparent transparent; right: auto; left: -10px; } .tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .has-tip.opened { color: #0192DD !important; border-bottom: dotted 1px #0593DC !important; } .tap-to-close { display: block; font-size: 10px; font-size: 1.0rem; color: #888; font-weight: normal; } /* Make sure to include app.js / foundation.js if you are going to use inline label inputs */ /* Correct timer in IE */ .timer { display: none !important; } div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; } /* CSS for jQuery Reveal Plugin * Maintained for Foundation. foundation.zurb.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* -------------------------------------------------- Reveal Modals -------------------------------------------------- */ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; z-index: 40; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -300px; width: 520px; background: #eee url(../images/misc/modal-gloss.png) no-repeat -200px -80px; position: absolute; z-index: 41; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } .reveal-modal .row { min-width: 0; } form > input[name="00NC0000005pBrB"] { visibility: hidden; position: absolute; top: 0; left: 0;} /* Mobile & Tablet */ @media handheld, only screen and (max-width: 1023px) { .reveal-modal-bg { position: absolute; } .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 60%; top: 60px; left: 15%; margin-left: 0; padding: 20px; height: auto; } } @media handheld, only screen and (max-width: 767px) { .reveal-modal-bg { position: absolute; } .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 5%; margin-left: 0; padding: 20px; height: auto; } } /* NOTES Close button entity is × Example markup

Awesome. I have it.

Your couch. I it's mine.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam.

×
*/ /* Typography */ @media handheld, only screen and (max-width: 767px) { h1 { font-size: 22px; font-size: 2.2rem; line-height: 2.4rem; } h1.nospacebefore { padding-top: 30px;} h2 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; } h3 { font-size: 20px; font-size: 2.0rem; line-height: 1.4; margin-top: 8px;} h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; } h5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; } h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; } body, p { font-size: 15px; font-size: 1.5rem; line-height: 22px;line-height: 2.2rem; } p.copyright {font-size: 14px;font-size: 1.4rem;} div#slideshowleft h1, div#slideshowright h1 {font-size: 15px;font-size: 1.5rem;line-height: 20px;line-height: 2rem;margin-top: 15px;text-shadow: #eee 1px 1px 1px;} div#slideshowleft h2, div#slideshowright h2 { font-size: 39px; font-size: 3.9rem; line-height: 40px;line-height: 4rem; } div#slideshowleft p, div#slideshowright p { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; text-shadow: #eee 1px 1px 1px;} div#slideshowleft h1, div#slideshowleft h2, div#slideshowleft p { margin-left: 10%; } } @media only screen and (max-width: 972px) and (min-width: 768px) { div#slideshowleft h1, div#slideshowright h1 {font-size: 20px;font-size: 2.0rem; line-height: 20px;line-height: 2.0rem;} div#slideshowleft h2, div#slideshowright h2 {font-size: 46px;font-size: 4.6rem;} div#slideshowleft p {padding-left: 4px;} } @media only screen and (min-width: 768px) and (max-width: 769px) { h1 {font-size: 26px;font-size: 2.6rem;} h2 {font-size: 19px;font-size: 1.9rem;} h4 {font-size: 16px;font-size: 1.6rem;} h5 {font-size: 14px;font-size: 1.4rem;} } /* Header */ @media handheld, only screen and (max-width: 767px) { div#header { padding: 0 0 8px 0;} div#header img.logo {padding: 0 18px;margin-top: 10px;max-width: 152px;} } @media only screen and (min-width: 768px) { ul.sec-nav {max-width: 250px;margin-left: 30px;margin-right: 0;} } /* Navigation */ @media handheld, only screen and (max-width: 767px) { div.sliding-menu { background: url(images/dark-bg.jpg);} ul.globalnav.mobile {background: url(images/overlay.png);margin: 0;padding-bottom: 8px; overflow: hidden;} ul.globalnav.mobile li {min-height: 30px;background: none;} ul.globalnav.mobile li.level-1 { width: 100%; padding: 0; margin: 0; border-bottom:1px solid #303030; border-top: 1px solid #5c5c5c; } ul.globalnav.mobile li.level-1.last {border-bottom: none;} ul.globalnav.mobile li.level-1 a, ul.globalnav li.level-1 a:link { display: block; padding: 0 0 0 18px; height: 100%;min-height: 43px; color: #ea791e; text-decoration: none; font-size: 20px;font-size: 2rem; line-height: 4.2rem; text-transform: lowercase; text-shadow: #202020 1px 1px 2px; } ul.globalnav.mobile li ul { background: transparent; margin-left: 16px; overflow: hidden; padding-bottom: 15px; } ul.globalnav.mobile li ul li.level-2 { background: transparent; border: none; width: 100%; } ul.globalnav.mobile li ul li.level-2 a, ul.globalnav.mobile li ul li.level-2 li a:link { color: #d2d2d2; display: block; width: 100%; height: 100%;min-height: 30px; font-size: 17px;font-size: 1.7rem; line-height: 17px;line-height: 1; } ul.globalnav.mobile li a.show-plus, ul.globalnav li a.show-plus:hover { background: url(images/plus-icon.png) no-repeat 92% center;} ul.globalnav.mobile li a.show-minus, ul.globalnav li a.show-minus:hover { background: url(images/minus-icon.png) no-repeat 92% center;} h6.breadcrumb { margin-top: 15px; } } @media only screen and (max-width: 862px) and (min-width: 769px) { ul.globalnav li a span, ul.globalnav li a:link span {font-size: 11px;font-size: 1.1rem;} } @media only screen and (min-width: 768px) and (max-width: 769px) { ul.globalnav li a span, ul.globalnav li a:link span {display: none;} ul.globalnav {height: 60px;overflow: hidden;} ul.globalnav li a, ul.globalnav li a:link {max-height: 20px;text-align: center;margin-left: 0;padding-left: 0;font-size: 18px;font-size: 1.8rem;} ul.globalnav li a, ul.globalnav li a:link {padding-top: 16px;} ul.sub-menu li a, ul.sub-menu li a:link {font-size: 10px;font-size: 1.0rem;} } /* Content */ @media handheld, only screen and (max-width: 767px) { div#message-wrapper {height: 280px;} ul.rslides li div.slide.right {background-position: -5% 0 !important;} ul.rslides li div.slide.left {background-position: -130% 0 !important;} div.slide {height: 315px;} div#slideshowleft h1, div#slideshowright h1 {margin-left: 0; width: 80%;} div#slideshowleft h2, div#slideshowright h2 {margin-left: 0; width: 90%;} div#slideshowleft p, div#slideshowright p {margin-left: 0; width: 80%;} ul.rslides_tabs {top: 268px;left: 24.5%;} .rslides1_nav {top: 269px;left: 42%;} .rslides1_nav.next {top: 269px;left: 42%;} div.resource p {padding-right: 70px;} div#top-header {margin-left: -3px;padding-bottom: 0;} div#content-home { padding-bottom: 60px;} div#content { padding: 15px 0 40px 0; } div#services h3 { font-size: 1.6rem;} div.featured-service {margin-top: 15px;min-height: 80px;margin-bottom: 8px;} div.featured-service.first {margin-top: 35px;} div.child-entry {height: 100%;min-height: 80px;margin-bottom: 15px;} div.child-entry.with-image {height: 100%;min-height: 120px;} ul.block-grid.two-up div.child-entry.with-image h2, ul.block-grid.three-up div.child-entry.with-image h3 {margin-top: -20px;} ul.block-grid.two-up div.child-entry h2, ul.block-grid.three-up div.child-entry h3 {margin-top: 8px;margin-right: 50px;} div#featured-resources {margin-top: 8px;margin-bottom: 8px;} div.featured-service.second p {padding-right: 0;} div#featured-case-studies, div#featured-blog {min-height: 200px;} div#signup-home form#newsletter-signup {margin-top: 0;} div#signup-home form#newsletter-signup input.textinput {width: 80%;} div#signup-home form#newsletter-signup input.button.nice {width: 62%;margin-left: 0;} div#speaker-form-wrapper div.show-hide-bar a, div#speaker-form-wrapper div.show-hide-bar a:link {display: block;padding: 4px 70px 10px 18px;} div#speaker-form-wrapper div.show-hide-bar span {position: absolute;right: 4%;width: 55px;height: 41px;background: transparent url(images/plus-icon.png) no-repeat 50% center;} div#resource-sidecol { margin-top: -25px; } div#page-top { margin: 0; } div.pad.training { margin-top: 20px; border: none;padding-bottom: 50px;} div#news-rightcol, div#blog-rightcol, div#jobs-rightcol, div#search-rightcol { min-height: 100px;} div.child-entry.leadership-profile {padding: 20px 30px 20px 20px;min-height: 110px;} ul.related li h6 {margin-top: 0;} ul.related li div.related.with-image {min-height: 100px;} div#job-overview { margin-top: 15px; } div.service { min-height: 100px;margin-bottom: 15px;} div.article-highlight {float: none; width: auto;margin-top: 0;border-top: none;min-height: 0;} ul.tags {margin-left: 0;margin-top: 10px;} div.item img.avatar { max-width: 45px; margin-left: 10px;} div.item p.caption {margin-left: 0;margin-top: 5px;} div.item p {margin-top: 15px;margin-left: 0;} div.date p {margin-top: 0;} ul.tabs-content h2 {margin-bottom: 0;} div.case-study {padding-top: 20px;} div#next-steps h4 {font-size: 26px;font-size: 2.6rem;} div#next-steps h5 {margin-top: 35px;} div#social a.button.nice {margin-left: 0;} a.print-icon, a.print-icon:link {display: none !important;} } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 769px) { div.featured-service div.four.columns {display: none;} div.featured-service div.eight.columns {width: 99%;} div.featured-service h3 a {font-size: 17px;} div.featured-service.second p, div.featured-service.last p {padding-right: 20px;} div.resource {padding-bottom: 12px;} div.resource p a {font-size: 13px;font-size: 1.3rem;} div.resource a.view, div.resource a.view:link {display: none;} div.resource a.view-tablet, div.resource a.view-tablet:link {display: block;padding-left: 38px;margin-top: 4px;} div.resource a.view-tablet:hover {border: none;} div#featured-case-studies, div#featured-blog {padding: 5% 0;min-height: 598px;} div#featured-case-studies h4, div#featured-case-studies p, div#featured-blog ul li {padding-right: 8%;padding-left: 8%;} div#featured-case-studies-top, div#featured-blog-top {left: 35%;} div#featured-case-studies h3, div#featured-blog h3 {font-size: 10px;font-size: 1.0rem;} div#signup-home h4 {font-size: 26px;font-size: 2.6rem;} div#signup-home form#newsletter-signup input.textinput {width: 55%;} div#signup-home form#newsletter-signup input.button.nice {width: 31%;} div#newsletter-bottom p {width: 90%;} div.service {min-height: 195px;} ul.block-grid.three-up div.child-entry {min-height: 180px;} div#content div.child-entry.leadership-profile {min-height:126px;} dl.tabs.mobile {margin-top: 20px;} div#signup.featured-wrapper h4 {font-size: 24px;font-size: 2.4rem;} div.sliding-filter-topics ul li a, div.sliding-filter-topics ul li a:link, div.sliding-filter-types ul li a, div.sliding-filter-types ul li a:link {font-size: 13px;font-size: 1.3rem;} div#next-steps h4 {font-size: 22px;font-size: 2.2rem;} div#next-steps div#social a.button.nice {font-size: 13px;font-size: 1.3rem;} div.page-numbers {margin-left: 12%;} ul.ruled-lists li a {font-size: 13px;font-size: 1.3rem;} } /* Landing Pages */ @media handheld, only screen and (max-width: 767px) { div#top-header p.floatright {float: left;padding-bottom: 4px;font-size: 13px;font-size: 1.3rem;} div#content.landing-page {padding-top: 10px;} div#content.landing-page h1 {font-size: 32px;font-size: 3.2rem;line-height: 36px;line-height: 3.6rem;} div#lp-form-wrapper {margin-top: 5%;} div#form-top img {left: 42.5%;} div#footer-sitemap.landing-page ul.nav-sub {float: left;margin-right: 12%;} div#footer-sitemap.landing-page h6 {margin-top: 5%;} div#footer-sitemap.landing-page img#pmi-logo {margin: 0;} } @media handheld, only screen and (min-width: 768px and max-width: 870px) { div#content.landing-page h1 {font-size: 48px;font-size: 4.8rem;line-height: 52px;line-height: 5.2rem;} div#form-top {padding-left: 18%;} div#form-top h4 {font-size: 35px;font-size: 3.5rem;line-height: 40px;line-height: 4.0rem;} div#form-top p {margin-top: 12px;} } /* Forms */ @media handheld, only screen and (max-width: 767px) { form select { width: 90%;} form#rating select#rating {width: 45%;} form#contact-form input.button, form.white-paper-request input.button, form.webinar-request input.button, form.job-application input.button {width: 99%;margin: 10px 0;} form div.form-field input.textinput {width: 94%;} form textarea.comments {width: 92%;} form div.pairedfields {width: 100%;} form div.pairedfields input.textinput {width:94%;} form input.checkbox {width: 20px;} form span.checkbox {font-size: 15px;width: 80%;margin-bottom: 8px;margin-left: 4px;} div#contact-form-wrapper {margin-top: 24px;} div#commentbox {margin-bottom: 20px;} div#commentbox form#comment_form input.textinput {width: 92%;} div#commentbox form#comment_form input.button {width: 95%;} div.search-wrapper.results form#search-site input.keywords {width: 50%;} div.search-wrapper.results form#search-site input.button.nice {width: 100%;max-width: 80px;} } /* Filter */ @media handheld, only screen and (max-width: 767px) { ul.filter-cat li.filter-cat-button {min-height: 60px; } div.cat-desc {padding-right: 0; padding-left: 0;} } /* Footer */ @media handheld, only screen and (max-width: 767px) { div#footer-sitemap h6 {margin-top: 12%;} div#footer-sitemap ul#social-media {float: left;width: 50%;} div#footer-sitemap ul#social-media li {display: inline-block;} div#footer-sitemap ul#social-media li a {margin-right: 0px;} div#footer-sitemap img#pmi-logo {float: left;margin-top: -100px;margin-left: 6px;} div#footer-sitemap iframe#facebook-like {margin-top: -30px;width: 80px;} } /* Grid */ /* Mobile */ @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .container { min-width: 0; margin-left: 0; margin-right: 0; box-shadow: none; } div.pad { padding: 10px 15px 15px;overflow: hidden;} .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } .row .row .column, .row .row .columns { padding: 0; } .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; } .column:last-child, .columns:last-child { margin-right: 0; float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .column:before, .columns:before, .column:after, .columns:after { content:""; display:table; } .column:after, .columns:after { clear: both; } .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; } .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } /* Mobile 4-column Grid */ .row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child { margin-left: 0; } .row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child { float: right; } .row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; } .row .phone-one { width: 21.68% !important; } .row .phone-two { width: 47.8% !important; } .row .phone-three { width: 73.9% !important; } .row .phone-four { width: 100% !important; } .row .push-one-phone { left: 26.08%; } .row .push-two-phone { left: 52.2% } .row .push-three-phone { left: 78.3% } .row .pull-one-phone { right: 26.08% } .row .pull-two-phone { right: 52.2% } .row .pull-three-phone { right: 78.3%; } } /* Block Grids */ @media only screen and (max-width: 767px) { .block-grid.mobile { margin-left: 0; } .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; } } /* Mobile Visibility Affordances */ .show-on-phones { display: none !important; } .show-on-tablets { display: none !important; } .show-on-desktops { display: block !important; } .hide-on-phones { display: block !important; } .hide-on-tablets { display: block !important; } .hide-on-desktops { display: none !important; } /* Modernizr-enabled tablet targeting */ @media only screen and (max-width: 1280px) and (min-width: 768px) { .touch .hide-on-phones { display: block !important; } .touch .hide-on-tablets { display: none !important; } .touch .hide-on-desktops { display: block !important; } .touch .show-on-phones { display: none !important; } .touch .show-on-tablets { display: block !important; } .touch .show-on-desktops { display: none !important; } } @media only screen and (max-width: 767px) { .hide-on-phones { display: none !important; } .hide-on-tablets { display: block !important; } .hide-on-desktops { display: block !important; } .show-on-phones { display: block !important; } .show-on-tablets { display: none !important; } .show-on-desktops { display: none !important; } } /* Specific overrides for elements that require something other than display: block */ table.show-on-desktops { display: table !important; } table.hide-on-phones { display: table !important; } table.hide-on-tablets { display: table !important; } @media only screen and (max-width: 1280px) and (min-width: 768px) { .touch table.hide-on-phones { display: table !important; } .touch table.hide-on-desktops { display: table !important; } .touch table.show-on-tablets { display: table !important; } } @media only screen and (max-width: 767px) { table.hide-on-tablets { display: table !important; } table.hide-on-desktops { display: table !important; } table.show-on-phones { display: table !important; } } /* Forms */ @media only screen and (max-width: 767px) { div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea, form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 100%; padding: 6px 2% 4px; font-size: 16px; } form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } form.nice div.form-field.error small, form.nice small.error { padding: 6px 2%; display: block; } form.nice div.form-field.error .small + small, form.nice .small + .error { width: auto; } form.nice div.form-field.error .medium + small, form.nice .medium + .error { width: auto; } form.nice div.form-field.error .large + small, form.nice .large + .error { width: auto; } form.nice div.form-field.error .expand + small, form.nice .expand + .error { width: auto; } } /* UI */ /* Buttons */ @media only screen and (max-width: 767px) { .button { display: block; } button.button, input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 5px; } } /* Tabs */ @media only screen and (max-width: 767px) { dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; } dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; width: auto;} dl.tabs.mobile dd.first { padding: 0; } dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #f1f1f1; font-size: 15px; font-size: 1.5rem; opacity: 0.75;} dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; opacity: 1.0;} .nice.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; } .nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; } .nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; } .nice.tabs.mobile dd:first-child a.active { margin: 0; } dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0; } dl.contained.tabs.mobile dd a { padding: 18px 20px; } dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; } dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; } } /* Nav Bar */ /* Modernizr-enabled tablet targeting */ @media only screen and (max-width: 1280px) and (min-width: 768px) { .touch .nav-bar li a { font-size: 13px; font-size: 1.3rem; } .touch .nav-bar li.has-flyout>a.flyout-toggle { padding: 20px; } } @media only screen and (max-width: 767px) { .nav-bar { height: auto; } .nav-bar>li { float: none; display: block; border-right: none; } .nav-bar>li>a.main { text-align: left; border-top: 1px solid #ddd; border-right: none; } .nav-bar>li:first-child>a.main { border-top: none; } .nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; border-left: 1px dashed #eee; display: block; } .nav-bar>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; } .nav-bar>li.has-flyout>a.flyout-toggle:hover span { border-top-color: #141414; } .flyout { position: relative; width: auto; top: auto; margin-right: -2px; border-width: 1px 1px 0 1px; } .flyout.right { float: none; right: auto; left: -1px; } .flyout.small, .flyout.large { width: auto; } .flyout p:last-child { margin-bottom: 18px; } } /* Tooltips */ @media only screen and (max-width: 767px) { .tooltip { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding: 7px 10px 9px 10px; } .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub { border-color: transparent transparent rgb(0,0,0) transparent; border-color: transparent transparent rgba(0,0,0,0.85) transparent; top: -12px; left: 10px; } } /* Video */ @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } } /*HOMEPAGE 5/30/2019*/ div#header-wrapper {background: none; padding-bottom: 0px;} div#content-home {padding-bottom: 0px;} div#message-wrapper, div.slide {background: none; height: 200px;} .rslides1_nav.next, .rslides1_nav.prev {top: 200px;} .center {text-align: center;} .hero-tile { padding: 40px 0 240px 0; background: url(http://pmsoluti.nextmp.net/assets/css/images/pm-solutions-image.jpg); background-repeat: no-repeat; background-position: 0 -160px; background-size: cover; } .hero-tile h1 { font-size: 27px; font-weight: 400; text-align: center; text-shadow: 0px 0px 21px #c1c1c1; } .hero-tile h1 span { font-weight: 400; font-family: 'Covered By Your Grace',Helvetica,Arial,Lucida,Verdana,sans-serif; font-size: 74px; display: inline-block; margin-top: 24px; } /**PROBLEMS WE SOLVE**/ .feature-boxes .box-content { border: 1px solid #fff; border-radius: 6px; background: background: #ececec; /* Old browsers */ background: -moz-linear-gradient(top, #ececec 0%, #ececec 26%, #ffffff 79%, #ffffff 79%, #ffffff 100%, #ffffff 101%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ececec 0%,#ececec 26%,#ffffff 79%,#ffffff 79%,#ffffff 100%,#ffffff 101%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ececec 0%,#ececec 26%,#ffffff 79%,#ffffff 79%,#ffffff 100%,#ffffff 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */; box-shadow: 0 1px 1px rgba(113, 113, 113, 0.8); margin-top: -170px; height: 200px; padding: 0 15px; text-align: center; } .feature-boxes .box-content.services-page { margin-top: 20px; } .feature-boxes .box-content:hover { background: #ffffff; } .feature-boxes .box-content h3 {color: #009be3; text-shadow: #fff 1px 1px 1px; font-weight: 500; margin-top: 15px;} .feature-boxes .box-content p {min-height: 85px; margin-bottom: 15px;} .box-content span.btn, a.btn { color: #ffffff; background: #f78022; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -webkit-linear-gradient(#eb7b1f 0%, #fe7000 100%); background-image: -o-linear-gradient(#eb7b1f 0%, #fe7000 100%); background-image: linear-gradient(#eb7b1f 0%, #fe7000 100%); border-radius: 6px; border: 1px solid #f78022; padding: 8px 8px; font-weight: 600; font-size: 14px; letter-spacing: .5px; box-shadow: 0 1px 1px rgba(113, 113, 113, 0.8); display: block; margin-top: 20px; } a.btn.large { font-size: 18px; padding: 8px 16px; display: inline-block; } .box-content:hover span.btn, a.btn:hover { text-decoration: none; background: #009be3; border: 1px solid #009be3; } .mt30 {margin-top: 30px;} .mt40 {margin-top: 40px;} /**PROBLEMS WE SOLVE**/ .container .problems { padding-top: 60px; } .problems h2 { font-size: 27px; font-weight: 400; color: #333333; text-align: center; margin-bottom: 40px;} .problem-box { background: #ffffff; background-image: url(http://pmsoluti.nextmp.net/images/back-1.jpg); background-size: cover; background-position: center; height: 200px; } .problem-box.pb-one { background-image: url(http://pmsoluti.nextmp.net/images/pb-1.jpg); } .problem-box.pb-two { background-image: url(http://pmsoluti.nextmp.net/images/pb-2.jpg); } .problem-box.pb-three { background-image: url(http://pmsoluti.nextmp.net/images/pb-3.jpg); } .problem-box.pb-four { background-image: url(http://pmsoluti.nextmp.net/images/pb-4.jpg); } /*.problem-box:before, .problem-box:after { content: ''; position: absolute; bottom: 0; right: 0; border-color: transparent; border-style: solid; } .problem-box::after { border-radius: 0.4em; border-width: 1.35em; border-top-color: #e6e6e6; border-left-color: #e6e6e6; } .problem-box:hover { background-image: none; }*/ .problem-box .problem-box-content {height: 200px; background: #009be3ba;} .problem-box .problem-box-content .display-content {padding: 20px 50px; text-align: center;} .problem-box .problem-box-content h3 { color: #ffffff; font-weight: 400; font-family: Helvetica; text-shadow: #4e4e4e 1px 1px 1px; font-size: 20px; vertical-align: middle; } .problem-box .problem-box-content h3 span { color: #ffffff; font-weight: 400; font-family: Helvetica; font-size: 25px; font-style: normal; line-height: 30px; text-transform: capitalize; margin-top: 12px; display: inline-block; } .problem-box .problem-box-content .hover-content {padding: 40px 40px; text-align: center; } .problem-box .problem-box-content .hover-content p {font-size: 20px; line-height: 24px; color: #ffffff;} .problem-box .problem-box-content .hover-content span { font-size: 24px; color: #ffffff; font-family: 'Covered By Your Grace',Helvetica,Arial,Lucida,Verdana,sans-serif; padding: 8px 16px; margin-top: 12px; display: inline-block; } .problem-box .hover-content, .problem-box:hover .display-content {display: none;} .problem-box:hover .hover-content {display: block;} .problem-box:hover .problem-box-content { background: #30302e; } p.handwriting { color: #009be3; font-weight: 400; font-family: 'Covered By Your Grace',Helvetica,Arial,Lucida,Verdana,sans-serif; text-shadow: #fff 1px 1px 1px; font-size: 27px; margin-top: 40px; } /**TESTIMONIALS**/ .testimonials { background: #009be3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -webkit-linear-gradient(#00b5ea 0%, #0287c5 100%); background-image: -o-linear-gradient(#00b5ea 0%, #0287c5 100%); background-image: linear-gradient(#009be3 0%, #0287c5 100%); /*background-image: linear-gradient(#333333 0%, #434343 100%);*/ text-align: center; padding: 60px 100px 15px; margin: 60px 0 0 0; } .testimonials h2 { color: #ffffff; font-size: 27px; line-height: 33px; font-weight: 400; font-style: italic; } .testimonials p { color: #ffffff; font-size: 18px; } .testimonials p:before { content: "—"; } /**Script**/ h4.script { font-weight: 400; font-size: 1.12rem; font-family: 'Covered By Your Grace',Helvetica,Arial,Lucida,Verdana,sans-serif; margin-bottom: 16px; font-size: 28px; padding-top: 40px; border-top: solid 1px #cccccc; } .script-callout { font-weight: 400; font-family: 'Covered By Your Grace',Helvetica,Arial,Lucida,Verdana,sans-serif; margin: 40px 0 40px 0; margin-bottom: 16px; padding: 40px ; font-size: 40px; color: #009be3; background-color: #dedede; } /**Offer**/ .offer h3 { font-size: 27px; font-weight: 400; font-family: 'Covered By Your Grace',Helvetica,Arial,Lucida,Verdana,sans-serif; margin-bottom: 16px; } .offer h2, h2.large { font-size: 27px; margin-bottom: 24px; font-weight: 400; } /**Offer**/ .blog h4 a{color: #fe7000;} .blog p.read-more a, p.read-more{ font-family: 'Covered By Your Grace',Helvetica,Arial,Lucida,Verdana,sans-serif; font-size: 18px; color: #fe7000; } .shadow-bottom {margin-top:30px;} /**MOBILE**/ @media only screen and (max-width: 924px) { .box-content span.btn, a.btn { display: block; font-size: 13px;} } @media only screen and (min-width: 751px) and (max-width: 950px) { .feature-boxes .box-content {height: 235px;} .box-content span.btn, a.btn {margin-top: 15px;} .feature-boxes .box-content p {min-height: 125px;} .shadow-bottom {margin-top:60px;} .hero-tile h1 span {font-size: 70px;} } @media only screen and (max-width: 950px) { .problem-box:hover .problem-box-content {background: #009be3ba;} .problem-box .problem-box-content {height: auto;} .problem-box .hover-content, .problem-box:hover .display-content {display: block;} .problem-box .hover-content {display: block;} .problem-box .problem-box-content .hover-content {padding: 0px 40px 20px;} .problem-box .problem-box-content .display-content {padding: 20px 20px 0px 20px;} .problem-box .problem-box-content h3, .problem-box .problem-box-content h3 span {font-size: 20px; line-height: 20px;} .problem-box .problem-box-content .hover-content p {font-size: 14px; line-height: 16px;} .problem-box .problem-box-content .hover-content span {margin-top: 5px;} } @media only screen and (max-width: 750px) { .hero-tile {padding: 10px 0 38px 0; background-position: 0 0;} .hero-tile h1 {font-size: 24px;} .hero-tile h1 span {font-size: 40px; line-height: 37px;} .feature-boxes .box-content {height: auto; margin-bottom: 40px; margin-top: 0px;} .feature-boxes .box-content p {min-height: auto; margin-bottom: 15px;} .box-content span.btn, a.btn {margin-bottom: 15px;} .problems h2 {font-size: 24px;} .problem-box {height: auto; margin-bottom: 24px;} .testimonials {padding: 40px 0px 20px 0px;} .testimonials h2 {font-size: 24px; line-height: 24px;} .mt30 {margin-top: 0;} .mt40 {margin-top: 0;} .block-grid.three-up>li {width: 100%;} } .hexagon { background: url(http://pmsoluti.nextmp.net/assets/css/images/hexagon-blue.png); height: 64px; background-size: contain; background-repeat: no-repeat; margin-top: -32px; text-align: center; background-position: center; } .feature-boxes .box-content:hover .hexagon { background: url(http://pmsoluti.nextmp.net/assets/css/images/hexagon-blue-3.png); height: 64px; background-size: contain; background-repeat: no-repeat; margin-top: -32px; text-align: center; background-position: center; } .hexagon i {color: #ffffff; margin-top: 16px; font-size: 28px;} /**Contact Row**/ .contact-row { background: #E5E5E5; padding: 60px 0; } .contact-row h2 { font-size: 27px; margin-bottom: 24px; font-weight: 400; } .contact-row div#contact-form-wrapper { background: none; border: none; padding: 0 0 0 0; box-shadow: none; } .contact-row form input.textinput, .contact-row form textarea.comments, .contact-row form select { background: #ffffff; border: 1px solid #dcdbdb; border-radius: 4px; } .contact-row form select { height: 32px; } .contact-row img.circle { border-radius: 400px; border: none; width: 50%; float: none; background: none; padding: 0 0 0 0; box-shadow: 1px 1px 10px #aaaaaa; }