/** * Your Inspiration Themes * * In this files the framework register default metaboxes. * * @package WordPress * @subpackage Your Inspiration Themes * @author Your Inspiration Themes Team * * This source file is subject to the GNU GENERAL PUBLIC LICENSE (GPL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://www.gnu.org/licenses/gpl-3.0.txt */ /******************************************** In this file you can add your custom CSS. It will always override rules in style.css. Good work... and good luck! :) ********************************************/ #slider-cycle.slider_cycle .slide-title h2, #slider-cycle.slider_cycle .slide-title h2 span, #slider-cycle.slider_cycle .slide-title h2 a { font-size: 48px; font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 400; } #slider-cycle.slider_cycle .slide-title h2 span { font-size: 48px; font-family: 'Oswald', sans-serif; color: #ea7206; font-style: normal; font-weight: 400; } #slider-cycle.slider_cycle .slide-content p { font-size: 14px; font-family: 'Droid Sans', sans-serif; font-style: normal; font-weight: 400; } #slider-thumbnails.slider.thumbnails .showcase-caption p { font-size: 13px; font-family: 'Droid Sans', sans-serif; color: #585555; font-style: normal; font-weight: 400; } #slider-thumbnails.slider.thumbnails div.showcase-tooltip { font-size: 12px; font-family: 'Droid Sans', sans-serif; color: #000; font-style: normal; font-weight: 400; } #slider-elastic .ei-title h2, #slider-elastic .ei-title h2 a { font-size: 40px; font-family: 'Playfair Display', sans-serif; color: #000000; font-style: italic; font-weight: normal; } #slider-elastic .ei-title h3, #slider-elastic .ei-title h3 a { font-size: 40px; font-family: 'Open Sans Condensed', sans-serif; color: #4D4C4C; font-style: normal; font-weight: 400; } #slider-flexslider-elegant.slider ul li .slider-caption h2, #slider-flexslider-elegant.slider ul li .slider-caption h2 a { font-size: 17px; font-family: 'Rokkitt', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #slider-flexslider-elegant.slider ul li .slider-caption p { font-size: 12px; font-family: 'Droid Sans', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #slider-flexslider-elegant.slider ul li .slider-caption .special-font { font-size: 24px; font-family: 'Shadows Into Light', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #slider-images-grid.slider .dg-add-content-wrap .dg-image-title { font-size: 14px; font-family: 'Maven Pro', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #slider-images-grid.slider .dg-add-content-wrap .dg-image-description { font-size: 14px; font-family: 'Maven Pro', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #slider-layer-slider.layer-slider .ls-layer p { font-size: 17px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 400; } #slider-layer-slider.layer-slider .ls-layer a { color: #a96605; } #slider-layer-slider.layer-slider .ls-layer a:hover { color: #373636; } #slider-layer-slider.layer-slider .ls-layer h1 { font-size: 52px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 700; } #slider-layer-slider.layer-slider .ls-layer h2 { font-size: 48px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 700; } #slider-layer-slider.layer-slider .ls-layer h3 { font-size: 26px; font-family: 'Maven Pro', sans-serif; color: #a96605; font-style: normal; font-weight: 400; } #slider-layer-slider.layer-slider .ls-layer h4 { font-size: 22px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 400; } #slider-layer-slider.layer-slider .ls-layer h5 { font-size: 18px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 400; } #slider-layer-slider.layer-slider .ls-layer h6 { font-size: 14px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 400; } .meta h1.post-title, .meta h1.post-title a, .meta h2.post-title, .meta h2.post-title a, .blog-small h2.post-title, .blog-small h2.post-title a, .blog-pinterest h2.post-title, .blog-pinterest h2.post-title a { font-size: 16px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } .blog-big .meta a, .blog-small .meta a, .blog-big .meta div p, .blog-big .meta div p a, .blog-small .meta div p, .blog-small .meta div p a, .blog-pinterest .meta div p, .blog-pinterest .meta div p a, .blog-elegant .meta div p, .blog-elegant .meta div p a { font-size: 12px; font-family: 'Maven Pro', sans-serif; color: #5f5e5e; font-style: normal; font-weight: 400; } .blog-big .meta a:hover, .blog-small .meta a:hover, .blog-big .meta div p:hover, .blog-big .meta div p a:hover, .blog-small .meta div p:hover, .blog-small .meta div p a:hover, .blog-pinterest .meta div p:hover, .blog-pinterest .meta div p a:hover, .blog-elegant .meta div p:hover, .blog-elegant .meta div p a:hover { color: #000; } .section.blog .meta h4 a { font-size: 15px; font-family: 'Rokkitt', sans-serif; color: #030303; font-style: normal; font-weight: 400; } .section.blog .meta h4 a:hover { color: #AC670C; } #footer { background: #EFF1F1; } #footer, #footer *, #copyright *, #copyright .inner, #footer .recent-post .thumb-img img, #footer .widget_archive ul li a, #footer .widget_archive ul li a:hover, #footer .widget_nav_menu ul li a, #footer .widget_nav_menu ul li a:hover, #footer .widget_pages ul li a, #footer .widget_pages ul li a:hover, #footer .widget_categories ul li a, #footer .widget_categories ul li a:hover, #footer #searchform input, #footer .widget_flickrRSS img, #footer .widget_nav_menu ul li a, #footer .widget_pages ul li a, #footer .widget_categories ul li a, #footer .widget_archive ul li a:hover, #footer .widget_nav_menu ul li.current_page_item > a, #footer .widget_pages ul li.current_page_item > a, #footer .widget_categories ul li.current_page_item > a, #footer .testimonial-widget div.name-testimonial, #footer .last-tweets-widget ul li, #footer .yit-widget-content .widget, #footer .portfolio-categories ul li, #footer .recent-comments .avatar img, #footer .more-projects-widget .work-thumb, #footer .more-projects-widget .controls, #footer .more-projects-widget .top, #footer .featured-projects-widget img, #footer .thumb-project img { border-color: #CAD0D1; } #copyright { background: #51575A; } .boxed #wrapper { background-color: #ffffff; } code, pre, body hr, #copyright .inner, #footer .inner, .gallery img, .gallery img, .content .archive-list ul, .content .archive-list ul li, .more-projects-widget .work-thumb, .more-projects-widget .controls, .more-projects-widget .top, .featured-projects-widget img, .thumb-project img, #searchform input, .portfolio-categories ul li, .portfolio-categories ul li:hover, .recent-comments .avatar img, .content .contact-form li.submit-button input, #portfolio .read-more, #portfolio .more-link, #portfolio .read-more:hover, #portfolio .more-link:hover, .accordion-title, .accordion-item-thumb img, form input[type="text"], form textarea, .testimonial-page, div.section-caption .caption, .line, .last-tweets-widget ul li, .toggle p.tab-index, .toggle .content-tab, .testimonial, .google-map-frame, .section.blog .post, .section.blog h4.other-articles, .section.blog .sticky .thumbnail, .section .portfolio-sticky .work-categories, .testimonial, #searchform input, .blog-big .meta p, .blog-big p.list-tags, .blog-small .image-wrap, .comment-container, .image-square-style #comments img.avatar, #comments .comment-author img, .comment-meta, #respond input, #respond textarea, img.comment-avatar, .portfolio-big-image a.thumb, .portfolio-big-image a.more, .portfolio-big-image a.more:hover, .portfolio-big-image .work-thumbnail a.nozoom, .portfolio-big-image .work-skillsdate, .internal_page_item, .gallery-wrap li h5, .gallery-filters, .portfolio-full-description a.thumb, .portfolio-full-description a.more, .portfolio-full-description a.more:hover, .portfolio-full-description .work-skillsdate, .related_img, #portfolio.columns .overlay_a, .yit-widget-content .widget, .slider.thumbnails .showcase-thumbnail img, .slider.thumbnails .showcase-thumbnail img:hover, .slider.thumbnails .showcase-thumbnail.active img, .recent-post .thumb-img img, .widget_archive ul li a, .widget_archive ul li a:hover, .widget_nav_menu ul li a, .widget_nav_menu ul li a:hover, .widget_pages ul li a, .widget_pages ul li a:hover, .widget_categories ul li a, .widget_categories ul li a:hover, #searchform input, .widget_flickrRSS img, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_categories ul li a, .widget_archive ul li a:hover, .widget_nav_menu ul li.current_page_item > a, .widget_pages ul li.current_page_item > a, .widget_categories ul li.current_page_item > a, .testimonial-widget div.name-testimonial, .last-tweets-widget ul li, .yit-widget-content .widget, .portfolio-categories ul li, .recent-comments .avatar img, .more-projects-widget .work-thumb, .more-projects-widget .controls, .more-projects-widget .top, .featured-projects-widget img, .thumb-project img, .picture_overlay, #respond textarea:focus, .portfolio-big-image .work-thumbnail .picture_overlay, .portfolio-full-description .work-thumbnail .thumb-wrapper, .testimonial-widget li > div, .sidebar .widget > h3, .sidebar .recent-post .thumb-img img { border-color: #eeeeee; } #portfolio.pinterest .thumbnail .picture_overlay:hover, #portfolio.slide-detail .ch-item-hover:hover, #portfolio.filterable .ch-item-hover:hover, #portfolio.portfolio-big-image .work-thumbnail .picture_overlay:hover, .portfolio-big-image .work-thumbnail .thumb-wrapper:hover, .related_project .related_img:hover, .portfolio-categories ul li:hover, #portfolio .more-link:hover, .portfolio-big-image a.more:hover, #portfolio.columns .overlay_a:hover, .showcase-thumbnail img:hover, .widget_archive ul li a:hover, .widget_nav_menu ul li a:hover, .widget_pages ul li a:hover, .widget_categories ul li a:hover, .picture_overlay:hover { border-color: #f29a03; } #topbar { background-color: #039bab; } #header { background-color: #eff1f1; } #header .menu > ul ul { background-color: #c8cfd0; } #border-header { background: #cad0d1; border-color: #eeeeee; } .sf-menu .current-menu-ancestor a span.triangle, .sf-menu .current-menu-item a span.triangle, .sf-menu li:hover a span.triangle, .sf-menu .current_page_item a span.triangle, .sf-menu .current_page_ancestor a span.triangle { border-bottom-color: #cad0d1; } .sf-menu ul { border-top-color: #b4babb; } .error-404-text p { font-size: 18px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; } .error-404-text p a { color: #B77A2B; } .error-404-text p a:hover { color: #000000; } div.popup .title { font-size: 20px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } div.popup, div.popup_message, div.popup_message p, div.popup_message span { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #5f5e5e; font-style: normal; font-weight: 400; } #portfolios { background: #ffffff url('http://yit.com/celestino/wp-content/themes/celestino/images/backgrounds/032.jpg'); font-size: 18px; font-family: 'Abel', sans-serif; color: #000000; font-style: italic; font-weight: 700; } .testimonial .testimonial-text p, .testimonial .testimonial-text-full p, .testimonial-page .testimonial-text-full p { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; } .testimonial .testimonial-name a.name, .testimonial .testimonial-name p.name, .testimonial-page .testimonial-name a.name, .testimonial-page .testimonial-name p.name { font-size: 22px; font-family: 'Shadows Into Light', sans-serif; color: #AB5705; font-style: normal; font-weight: 400; } .testimonial .testimonial-name a.website, .testimonial-page .testimonial-name a.website { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #1C1C1C; font-style: normal; font-weight: 400; } .testimonials-slider ul.testimonials li blockquote p a { font-size: 24px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } .testimonials-slider ul.testimonials li p.meta { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 700; } #footer, #footer p, #footer li { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; } #footer a { color: #b77a2b; } #footer a:hover { color: #030303; } #footer h3 { font-size: 17px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } #copyright, #copyright p, #copyright div p { font-size: 12px; font-family: 'Maven Pro', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #copyright a, #copyright p a, #copyright div p a { color: #b77a2b; } #copyright a:hover { color: #f2f4f5; } a, p, li, address, dd, blockquote, td, th, .paragraph-links a, a.text-color, ul.filters li a, .menu-select select, .testimonial-widget li a, .testimonial-widget li p { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #5f5e5e; font-style: normal; font-weight: 400; } a, a.text-color:hover, ul.filters li a:hover, ul.filters li a.active { color: #b77a2b; } a:hover { color: #030303; } #yit-breadcrumb a { font-size: 12px; font-family: 'Droid Sans', sans-serif; color: #838383; font-style: normal; font-weight: 400; } #yit-breadcrumb a:hover { color: #535353; } #page-meta #yit-breadcrumb a.current { color: #a96605; } h1, h1 a { font-size: 30px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } h2, h2 a { font-size: 22px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } h3, h3 a { font-size: 20px; font-family: 'Maven Pro', sans-serif; color: ; font-style: normal; font-weight: 400; } h4, h4 a { font-size: 18px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } h5, h5 a { font-size: 15px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } h6, h6 a { font-size: 12px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } #page-meta .slogan h2 { font-size: 28px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } #page-meta .slogan h3 { font-size: 21px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } .special-font { font-size: 12px; font-family: 'Shadows Into Light', sans-serif; color: #030303; font-style: normal; font-weight: 400; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #A05F02; } #header #logo #textual { font-size: 40px; font-family: 'Montez', sans-serif; color: #373636; font-style: normal; font-weight: 400; } #header #logo #textual span { font-size: 40px; font-family: 'Montez', sans-serif; color: #ac670c; font-style: normal; font-weight: 400; } #header #logo #tagline { font-size: 14px; font-family: 'Maven Pro', sans-serif; color: #767676; font-style: normal; font-weight: 400; } #header #logo #tagline span { font-size: 14px; font-family: 'Maven Pro', sans-serif; color: #4b4a4a; font-style: normal; font-weight: 400; } #topbar li, #topbar p { font-size: 11px; font-family: 'Droid Sans', sans-serif; color: #ffffff; font-style: normal; font-weight: 400; } #topbar a { color: #f5b00c; } #topbar a:hover { color: #ab5705; } #header div.menu > ul > li > a { font-size: 14px; font-family: 'Maven Pro', sans-serif; color: #727272; font-style: normal; font-weight: 400; } #header div.menu > ul > li > a:hover { color: #8d5504; } #header div.menu > ul > li.current-menu-item > a, #header div.menu > ul > li.current-menu-ancestor > a, #header div.menu > ul > li.current_page_parent > a, #header div.menu > ul > li.current_page_ancestor > a, #header div.menu > ul > li.current_page_item > a { color: #8d5504; } #header div.menu > ul ul li a { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #373636; font-style: normal; font-weight: 400; } #header div.menu > ul ul li a:hover { color: #8d5504; } #header div.menu > ul ul li.current-menu-item > a, #header div.menu > ul ul .current-menu-ancestor > a { color: #8d5504; } .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { font-size: 17px; font-family: 'Maven Pro', sans-serif; color: #030303; font-style: normal; font-weight: 400; } .sidebar p, .sidebar li, .sidebar div { font-size: 13px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; } .sidebar a { color: #8a8989; } .sidebar a:hover { color: #030303; } .testimonial-widget li blockquote p { font-size: 12px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; } .testimonial-widget li .name-testimonial { font-size: 11px; font-family: 'Maven Pro', sans-serif; color: #000000; font-style: normal; font-weight: 400; } .testimonial-widget li .url-testimonial { font-size: 11px; font-family: 'Maven Pro', sans-serif; color: #585555; font-style: normal; font-weight: 400; }.blog-big .meta, .blog-small .meta { background: #ffffff; } * { -moz-appearance: none; -moz-border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0; margin: 0; padding: 0; } .cf { zoom: 1; } .cf:after, .cf:before { content: ' '; display: table; } .cf:after { clear: both; } a:link, a:visited { color: inherit; } a:hover, a:active { outline: 0; } a:focus { outline: thin dotted; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } img { border-style: none; vertical-align: bottom; } fieldset { border-style: none; } html, body { height: 100%; } body { -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; background-color: #f8f8f8; font: normal normal 62.5%/1em 'Source Sans Pro', sans-serif; font-size: 62.5%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } #no-script{background-color:#212328;color:#80807e;display:none;left:0;height:130px;position:fixed;top:0;width:100%;z-index:10000} #no-script div{font-size:14px;font-weight:300;line-height:1em;padding:60px;text-align:left;width:100%;} #no-script a{color:#fff;text-decoration:underline;} #no-script a:active,#no-script a:hover{color:#80807e;text-decoration:none;} .no-js #no-script{display:block;} .no-js body{margin-top:75px;} #container{min-height:100%;position:relative;} section#content{padding-bottom:194px;} section#content .strong{color:#212328;} section#content header{padding:0 60px 60px;} section#content #pfd{padding:60px 0} section#content #pfd img{height:28px;width:140px}section#content #preamble,section#content article{max-width:1200px}section#content #preamble h1,section#content article h1{color:#212328;font:300 22px/1.2em Source Sans Pro,sans-serif;padding-bottom:1em}section#content #preamble h2,section#content article h2{color:#80807e;font:300 15px/1.4em museo-sans,sans-serif;padding-bottom:1em}section#content #preamble h3,section#content article h3{color:#212328;font:300 15px/1.4em museo-sans,sans-serif}section#content #preamble p,section#content article p{color:#80807e;font:300 15px/1.2em Source Sans Pro,sans-serif;padding-bottom:1em}section#content #preamble p.space-after,section#content article p.space-after{padding-bottom:50px}section#content #preamble .em,section#content article .em{color:#80807e;font:300 22px/1.2em Source Sans Pro,sans-serif;padding-bottom:1em}section#content #preamble a,section#content article a{border-bottom:1px solid #212328;color:#212328;text-decoration:none}section#content #preamble a:hover,section#content article a:hover{border-bottom-color:#80807e;color:#80807e}section#content #preamble.home h1{color:#80807e}section#content #our-work{zoom:1}section#content #our-work:after,section#content #our-work:before{content:' ';display:table}section#content #our-work:after{clear:both}section#content #our-work{margin-bottom:0}section#content #our-work ul{list-style:none}section#content #our-work ul li{display:block;float:left;height:359px;width:449px;position:relative}section#content #our-work ul li a{text-decoration:none}section#content #our-work ul li img{width:100%}section#content #our-work ul li .overlay{background-color:rgba(248,129,75,.9);height:100%;left:0;position:absolute;top:0;width:100%;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}section#content #our-work ul li .overlay:hover{background-color:rgba(248,129,75,.9);height:100%;left:0;position:absolute;top:0;width:100%;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}section#content #our-work ul li .overlay summary{bottom:30px;left:60px;padding-right:30px;position:absolute}section#content #our-work ul li .overlay summary h2{background:url(../images/pfd-sprites.png) no-repeat left bottom;color:#fff;font:400 20px/1em Source Sans Pro,sans-serif;padding-bottom:15px}section#content #our-work ul li .overlay summary h3{color:#813815;font:300 15px/0.9em Source Sans Pro,sans-serif;padding-top:12px}section#content #our-work ul li .overlay .loves{-moz-borderradius:40px;-webkit-borderradius:40px;background-color:#fff;border-radius:40px;height:80px;position:absolute;right:60px;text-align:center;top:60px;width:80px}section#content #our-work ul li .overlay .loves span{background:transparent url(../images/pfd-sprites.png) no-repeat right -121px;color:#ed7b47;font:300 15px/1.4em museo-sans,sans-serif;line-height:80px;padding-right:25px}section#content #pfd-work{position:relative;zoom:1}section#content #pfd-work footer{bottom:-80px;padding:50px 60px 0;position:absolute;right:0}section#content #pfd-work footer #other-projects{float:right;list-style:none}section#content #pfd-work footer #other-projects li{float:left;margin-left:12px}section#content #pfd-work footer #other-projects a{background:#f8f8f8 url(../images/pfd-sprites.png) no-repeat;display:block;height:30px;text-indent:-8000px;width:34px}section#content #pfd-work footer #other-projects a.previous-work{background-position:0 -30px}section#content #pfd-work footer #other-projects a.next-work{background-position:0 -60px}section#content #pfd-work:after,section#content #pfd-work:before{content:' ';display:table}section#content #pfd-work:after{clear:both}section#content #work-bio{left:0;position:fixed;top:0;width:40%}section#content #work-bio #preamble h1{line-height:1em;padding-bottom:0}section#content #work-bio #preamble h2,section#content #work-bio #preamble p.space-after{padding-bottom:50px}section#content #work-bio #links{height:80px;list-style:none;margin:40px 0}section#content #work-bio #links li{float:left;margin-right:40px}section#content #work-bio #links #ilovethis{-moz-borderradius:40px;-webkit-borderradius:40px;background-color:#fc3e3c;border-radius:40px;cursor:pointer;display:block;height:80px;text-align:center;width:80px}section#content #work-bio #links #ilovethis span{background:transparent url(../images/pfd-sprites.png) no-repeat right -201px;color:#fff;font:300 15px/1.4em museo-sans,sans-serif;line-height:80px;padding-right:25px}section#content #work-bio #links #ilovethis.unloved,section#content #work-bio #links #ilovethis:hover{background:#212328 url(../images/pfd-sprites.png) no-repeat 10px -170px}section#content #work-bio #links #ilovethis.unloved span,section#content #work-bio #links #ilovethis:hover span{display:none}section#content #work-bio #links #ilovethis.loved:hover{background-image:none}section#content #work-bio #links #ilovethis.loved:hover span{display:inline}section#content #work-bio #links #home{-moz-borderradius:40px;-webkit-borderradius:40px;background:#fc3e3c url(../images/pfd-sprites.png) no-repeat 50% -250px;border-radius:40px;cursor:pointer;display:block;height:80px;text-indent:-8000px;width:80px}section#content #work-visuals{float:right;width:60%}section#content #work-visuals ul{list-style:none}section#content #work-visuals ul li{line-height:0;margin-bottom:10px}section#content #work-visuals ul li img{width:100%}section#content #preamble a.read-more{border-style:none;color:#212328;font:300 15px/1.4em Source Sans Pro,sans-serif;text-decoration:none}section#content #preamble a.read-more:hover{color:#80807e}section #what-we-do header{background:transparent url(../images/grass.jpg) no-repeat 50% top fixed;padding:0 60px}section#content #what-we-do header #preamble{padding-bottom:60px}section #what-we-do article{padding:120px 60px}section #what-we-do article h2{color:#212328;font:300 22px/1.2em Source Sans Pro,sans-serif}section#content footer#msf{bottom:0;left:0;position:absolute;width:100%}footer#msf .wrapper{border-top:1px solid #e4e4e4;height:73px;margin:0 60px}footer#msf ul#lets-be-social{float:left;width:230px;list-style:none}footer#msf ul#lets-be-social li{float:left;padding-right:8px}footer#msf div#legal{float:right;font:400 15px/1em Source Sans Pro,sans-serif;text-align:right;width:300px}footer#msf div#legal span{padding-right:36px}footer#msf li a,footer#msf span{line-height:73px}footer#msf #legal span{line-height:20px;margin-top:20px;display:block;background:url(../images/footer-198seven.png) right center no-repeat}footer#msf a{font:300 14px museo-sans,sans-serif;text-decoration:none}footer#msf a:hover{color:#80807e}nav#toc{background-color:#212328;height:100%;position:fixed;right:-240px;top:0;width:240px}nav#toc ul{list-style:none;padding:60px 40px 0}nav#toc ul li{border-top:1px solid #424650;padding:4px 0 5px}nav#toc ul li a{color:#80807e;font:300 15px/2em museo-sans,sans-serif;text-decoration:none}nav#toc ul li a.active,nav#toc ul li a:hover{color:#fff}nav#toc ul li:first-child{border-top:none}nav#toc a#toc-actuator{background:#f8f8f8 url(../images/pfd-sprites.png) no-repeat left top;cursor:pointer;display:block;height:30px;left:-94px;position:absolute;text-indent:-8000px;top:60px;width:34px;z-index:5000}@media screen and (max-width:1200px){footer#msf .wrapper{margin:0 30px}section#content header{padding:0 30px 60px}section#content #pfd{padding-top:30px}section#content #our-work ul li .overlay summary{left:30px}section#content #our-work ul li .overlay .loves{right:30px;top:30px}section#content #pfd-work footer{padding:50px 30px 0}section#content #what-we-do header{padding:0 30px}section#content #what-we-do article{padding:120px 30px}section#content #what-we-do #web-design .parallax{background:#ededeb url(/images/web-development-med.jpg) no-repeat 50% 0!important;height:750px}section#content #what-we-do #identity article{padding:120px 30px}nav#toc ul{padding-top:30px}nav#toc a#toc-actuator{left:-64px;top:30px}}@media screen and (max-width:768px){section#content #work-bio{float:none;position:relative;width:auto}section#content #work-visuals{float:none;width:auto}section#content #pfd-work #links{display:none}section#content #what-we-do section{height:auto!important}section#content #what-we-do section article{padding:60px 30px}section#content #what-we-do #web-design .parallax{background:#ededeb url(/images/web-development-sm.jpg) no-repeat 50% 0!important;height:460px}section#content #what-we-do #identity{border-bottom:none}section#content #what-we-do #identity article{padding:60px 30px}section#content #pfd-about #example-photographs li,section#content #what-we-do #photography #example-photographs li{width:100%!important}section#content p.em{font:300 15px/1.4em museo-sans,sans-serif!important}}@media screen and (max-width:460px){section#content{padding-bottom:234px}section#content #what-we-do #photography #example-photographs li{min-height:50px}footer#msf .wrapper{padding:20px 0}footer#msf ul#lets-be-social{float:none;width:auto;zoom:1}footer#msf ul#lets-be-social:after,footer#msf ul#lets-be-social:before{content:' ';display:table}footer#msf ul#lets-be-social:after{clear:both}footer#msf div#legal{float:none;width:auto}footer#msf div#legal span{display:block;padding-left:0;text-align:left}footer#msf li a,footer#msf span{line-height:2em}}