/* Theme Name: Lockedown Design Author: John J. Locke Author URI: https://www.lockedowndesign.com Description: Official Theme for Lockedown Design Version: 1.4.16 Tags: typographic, responsive, clean, modern */ @charset "UTF-8"; /* =================================== Table of Contents 0 Font-Face 1 Color Palette 2 Reset 3 Clears and Floats 4 Global 5 Typography 6 Header 7 Content 8 Authors 9 Sidebar 10 Pages 11 Portfolio 12 Footer 13 Mail Chimp 14 File Not Found (404) 15 CSS3 Animations 16 Old Browsers 17 Media Queries =================================== */ /* =================================== 0 FONT FACE =================================== */ body { font-family: Helvetica, Arial, sans-serif; } .fonts-loaded body { font-family: 'Source Sans Pro', sans-serif; } /* =================================== 1 COLOR PALETTE =================================== */ /* Background e2d7cf, efe8e3 Periwinkle 7e93a8 Med Periwinkle 6093a8 Dark Periwinkle 436775 Teal 318c94 Darkest Teal 1c4f54 Regular Blue 3870a8 Background Gray f0f0f0 Medium Gray Hover 565359 Body Dark Gray 454545 Footer Gray 332e29 Dk Blk H1 (Thin Font) 232323 Bright Green 398f14 Dark Green 267a13 New Light Gray dee2e3 */ /* * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome, License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face{font-family:'FontAwesome';src:url('https://www.lockedowndesign.com/wp-content/fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('https://www.lockedowndesign.com/wp-content/fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('https://www.lockedowndesign.com/wp-content/fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('https://www.lockedowndesign.com/wp-content/fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('https://www.lockedowndesign.com/wp-content/fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"} /* ================================== 2 RESET ================================== */ /* Normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside,details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small, .smaller { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } hr, .invis { height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* Eric Meyer */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size:100%; font:inherit; margin: 0; padding:0; vertical-align:baseline; } body { line-height:1; } ol,ul { list-style:none; } blockquote,q { quotes:"" ""; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } caption, th, td { /* Remember, tables still need 'cellspacing="0"' in the markup */ font-weight: normal; text-align: left; } a img { border: 0; } a:hover { cursor: pointer; } :focus { outline: 1px dotted #565359; } /* =================================== 3 CLEARFIX & FLOATS ===================================*/ .clearfix:after, .case-study:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix, .case-study { display: inline-block; } html[xmlns] .clearfix, html[xmlns] .case-study, .block, .center-img { display: block; } * html .clearfix, * html .case-study { height: 1%; } .cf:before, .cf:after { content: " "; display: table; } .cf:after, .clearfloat { clear: both; } .cf { /* *zoom: 1; */ } .left { float: left; } .right { float: right; } .center { text-align: center; } .center-img { margin: 0 auto; } .relative { position: relative; } .uline { text-decoration: underline; } .italic1 { font-family: Georgia, serif; font-size: 20px; font-style: italic; } /* =================================== 4 GLOBAL =================================== */ html, body, .main-wrap { background: #efe8e3; } body { color: #454545; font-size: 1em; -webkit-font-smoothing: antialiased; overflow-x: hidden; -webkit-backface-visibility: hidden; /* Animate.css fix */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Web Font Loader: prevent FOIC */ .wf-loading body, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading .header, .wf-loading input.s, .wf-loading .main-wrap, .wf-loading .says, .wf-loading .commentmetadata, .wf-loading .content .wf-loading .commentmetadata a, .wf-loading .author-bio h4, .wf-loading #comments-list cite.fn, .wf-loading .about-us input, .wf-loading .about-us textarea, .wf-loading .about-us select, .wf-loading .case-study-headline, .wf-loading .footer h3, .wf-loading .footer .faux-h3, .wf-loading .footer a, .wf-loading .footer label, .wf-loading .copyright, .wf-loading .footer address, .wf-loading .footer .address, .wf-loading .mc_embed_signup, .wf-loading .mce-email, .wf-loading .mce-name, .wf-loading #mc4wp_email, .wf-loading #mce-email, .wf-loading .below-post .mc-embedded-subscribe, .wf-loading .content-404 .main-wrap .s, .wf-loading .error404 .main-wrap .s { font-family: sans-serif; } body, h1, h2, h3, h4, .header, input.s, .main-wrap, .says, .commentmetadata, .content .commentmetadata a, .author-bio h4, #comments-list cite.fn, .about-us input, .about-us textarea, .about-us select, .case-study-headline, .footer h3, .footer .faux-h3, .footer a, .footer label, .copyright, .footer address, .footer .address, .mc_embed_signup, .mce-email, .mce-name, #mc4wp_email, #mce-email, .below-post .mc-embedded-subscribe, .content-404 .main-wrap .s, .error404 .main-wrap .s { font-family: 'Source Sans Pro', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; } img { max-width: 100%; } pre, hr, .content ol, p, blockquote, .videos { margin-bottom: 2em; } .disc { list-style-type: disc; } /* =================================== 5 TYPOGRAPHY =================================== */ h1 { font-size: 2.5em; } h2 { font-size: 1.625em; } h3 { font-size: 1.5em; } h4 { font-size: 1.25em; } h5 { font-size: 1.125em; } h6 { font-size: 1em; } b, strong { font-weight: 600; } i, em { font-style: italic; } h1, h2, h3, h4 { letter-spacing: .03275em; } h1, h2, h3, .single .content h4, .page .entry-content h4, .header, .pagination a, .web-design .overview h2, .web-strategy .overview h2, .web-development .overview h2, .ecommerce-websites .overview h2, .ongoing-maintenance .overview h2, .seo-audit .overview h2, .design-process-headline, .definitions dt, #comments-list cite.fn, .below-post .mc-embedded-subscribe, .smc .smc-brand, .nav-previous a, .nav-next a, .embolden, strong.embolden { font-weight: 700; } h1 { color: #332e29; line-height: 1.275em; } h2 { color: #3a4244; line-height: 2em; margin-bottom: .6225em; } h3, .single .content h4, .page .entry-content h4 { line-height: 1.345em; margin-bottom: .625em; } .oneem, .footer .copyright a { font-size: 1em; } .twoem { font-size: 2em; } .threeem { font-size: 3em; } .indent { margin-left: 2.69em; } .uppercase { text-transform: uppercase; } .eb { font-weight: 800; } pre, kbd, code { font-family: 'Andale Mono', 'Monaco', 'Courier New', Courier, monospace; } .single pre.prettyprint { font-size: inherit; line-height: 1.52381em; margin: 6px 0 2em; padding: 1.3125em 7px; } .opac23 { opacity: .666; } /* =================================== 6 HEADER =================================== */ .branding { color: #000; margin: 0 auto; position: fixed; z-index: 99; } .branding, .header { width: 100%; } .header { background: rgba(53,48, 43, 0.965); border-bottom: solid 6px #7e93a8; height: 94px; margin-top: 0; padding-top: 0; padding-bottom: 0; } .show, .header, .menu-toggle .toggle { display: block; } .header-inner-div { height: 3em; margin-left: 5%; margin-right: 5%; } .header span.logo { font-size: 2em; letter-spacing: .0325em; padding: 27px 3em 0 .025em; } .header span.logo a { color: #efe8e3; padding: .25em; text-decoration: none; } span.logo a:focus, span.logo a:hover { outline: none; } span.logo a, .header a.button { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .header a.button { color: #efe8e3; padding: .325em .325em 11px; text-decoration: none; } .header a.button:focus, .header a.button:hover, .header span.logo a:focus, .header span.logo a:hover, .social-nav a:focus, .social-nav a:hover, .single-portfolio .social-nav a:focus, .single-portfolio .social-nav a:hover { color: #fafafa; outline: none; } /* = NAVIGATION ==== --------------------------------------------------------------------- */ .nav { clear: right; letter-spacing: .03625em; padding-top: 35px; } .nav, .nav-bb { display: inline-block; } .nav, .menu-toggle, .the-menu, .nav-bb, #search-inputs, .nav ul li, .header a.button, .header span.logo, .header span.logo a { position: relative; } .nav, .nav ul.main-nav, .nav ul li, .menu-toggle, .header span.logo, input.s, .search-results .entry img { float: left; } .nav ul.main-nav, .social-nav, .nav ul li, .the-menu, .header span.logo { display: inline; } .social-nav { float: right; } .nav ul li { font-size: 1.4em; padding-right: 1.3em; } .nav a, .single-portfolio .nav a { color: #d8d2cd; } .header a:active, .nav a.cta-button:active { border: 0 inset buttonface; } .social-nav a { padding: 0 .1625em; } .hide, .menu-toggle, .jp-relatedposts-post-context { display: none; } .menu-toggle { color: #efe8e3; cursor: pointer; height: 64px; margin-top: 20px; width: 42px; } .menu-toggle .toggle { height: 5px; width: 41px; margin: 0; border-top: 15px double #efe8e3; border-bottom: 5px solid #efe8e3; font-size: 0; position: absolute; top: 18px; right: 5%; } .header .menu-toggle div { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background: #efe8e3; border-radius: 2px; height: 6px; margin-bottom: 7px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; } .header .menu-toggle.active .uno { -webkit-transform: rotate(45deg) translate(11px, 9px); -moz-transform: rotate(45deg) translate(11px, 9px); -o-transform: rotate(45deg) translate(11px, 9px); -ms-transform: rotate(45deg) translate(11px, 9px); transform: rotate(45deg) translate(11px, 9px); } .header .menu-toggle.active .dos, .nav-bb, .invis { opacity: 0; } .header .menu-toggle.active .tres { -webkit-transform: rotate(-45deg) translate(9px, -8px); -moz-transform: rotate(-45deg) translate(9px, -8px); -o-transform: rotate(-45deg) translate(9px, -8px); -ms-transform: rotate(-45deg) translate(9px, -8px); transform: rotate(-45deg) translate(9px, -8px); } .the-menu { left: 0; top: 0; } /* NEW NAV HOVER --------------------------------------------------------------------*/ .nav-bb { background-color: #318c94; height: 3px; left: 0; position: absolute; top: 46px; -webkit-transition: all ease-in-out .16s; -moz-transition: all ease-in-out .16s; -o-transition: all ease-in-out .16s; transition: all ease-in-out .16s; width: 0; } .logo .wordmark .nav-bb { top: 56px; } .header a.button:focus .nav-bb, .header a.button:hover .nav-bb, .header span.logo:focus .nav-bb, .header span.logo:hover .nav-bb { opacity: 1; width: 100%; } /* = SEARCH ==== -------------------------------------------------------------------- */ input[type="search"] { /* reset normalize */ -webkit-box-sizing: border-box; box-sizing: border-box; } .search-box-wrapper-header { background: rgba(51, 46, 41, 0.98); display: none; height: 42px; padding: 12px 4px 12px; } .msearch-form { margin-right: 50px; position: relative; } input#main-search { float: right; max-width: 25%; } .msearch-form .search-icon { left: calc(75% - 30px); right: auto; top: 12px; } /* = ACCESSIBILITY ==== --------------------------------------------------------------------*/ .screenreader, .screenreader-nav, .footer .screenreader-nav, .screenreader-fawesome { font-size: 0; height: 0; width: 0; z-index: -2; } .screenreader, .screenreader-nav, .footer .screenreader-nav { display: block; } .screenreader-fawesome { display: inline; letter-spacing: 0; text-shadow: none; } /* OTHER SEARCH -----------------------------------------------------*/ .below-post #mc4wp_email, .below-post #mce-email { box-shadow: 0 0 5px #79b1ab; } .below-post #mc4wp_email:focus, .below-post #mce-email:focus { box-shadow: 0 0 5px #5cada4; } input.s { background-color: #b9b9b9; border-top: none; border-right: none; border-bottom: solid 2px #7e8a8f; border-left: none; border-radius: 6px; box-shadow: inset 0 0 3px #7e93a8; font-size: 20px; font-weight: 500; line-height: 29px; margin-bottom: .65625em; margin-left: 0; padding: 5px 4px 5px 35px; width: 100%; } .msearch-input { height: 28.75px; max-width: 235px; } input.s:focus, .footer #mc4wp_email:focus { border-bottom: solid 2px #7e93a8; } input.searchsubmit, input.msearch-submit { -webkit-appearance: none; appearance: none; background-color: #7e93a8; border: 1px solid #7e93a8; border-radius: 0 6px 6px 0; color: #fefefe; font-size: 16px; height: 40.75px; padding: 9px 4px; text-shadow: 0 -.5px rgba(10, 10, 10, 0.5); right: -4px; } input.searchsubmit, input.msearch-submit, .search-icon { position: absolute; } input.searchsubmit, input.searchsubmit:focus, input.searchsubmit:hover, input.submit:focus, input.submit:hover, .content-404 .main-wrap .searchsubmit:focus, .error404 .main-wrap .searchsubmit:focus, .content-404 .main-wrap .searchsubmit:hover, .error404 .main-wrap .searchsubmit:hover, input.msearch-submit, input.msearch-submit:focus, input.msearch-submit:hover { background-color: #6093a8; border: 1px solid #6093a8; border-bottom: 2px solid #436775; box-shadow: none; color: #fafafa; -webkit-transition: background-color .28s ease-in-out; -moz-transition: background-color .28s ease-in-out; transition: background-color .28s ease-in-out; } .search-icon { color: #333; left: 12px; top: 7px; z-index: 999; } .search-results .status-publish { clear: both; margin-bottom: 5.38em; } .search-results .entry img { margin: .525em 1.345em 1.345em 0; } /* =================================== 7 CONTENT =================================== */ .main-wrap { padding-top: 94px; } .content { clear: both; float: left; margin: 2em 0 0 5%; padding: 0; width: 61.8%; } .content, .index, .about, .content-home, .home-page-text { display: block; } .content-inner-div { margin-bottom: 1.4em; } .index, .about { line-height: 1.5em; margin: 1.5em 31.1%; } p { font-size: 1.3125em; line-height: 1.523809523809524em; } blockquote { background: rgba(255,255,255,.4); border-left: solid .25em #318c94; font-size: 1.45em; font-style: italic; line-height: 1.381em; margin-left: 0; padding: 1.381em; } blockquote p { font-size: inherit; } .figure { padding: 1.65em 0; width: auto; } .figcaption { color: #454545; font-size: 1em; line-height: 0; } .wp-caption { font-size: 92.5%; font-style: italic; margin-top: -2em; } .fourtwenty { width: 420px; } .threetwenty-h { height: 320px; } .oneohsix-h { height: 106px; } .twentyfive-w { width: 25%; } .thirtythree-w { width: 33.3333333%; } .fifty-w { width: 50%; } .pagination { font-size: 110%; margin: 1.345em 0 0 0; } .pagination a { margin-right: 12.1%; } /* Margin and Padding class names */ .mbn { margin-bottom: 0; } .mtnm {margin-top: -2em;} .mtnl {margin-top: -42px; } .mbs { margin-bottom: 1.125em; } .mam { margin: 1.45em; } .mtm { margin-top: 1.45em; } .mrm { margin-right: 1.45em; } .mbm { margin-bottom: 1.45em; } .mlm { margin-left: 1.45em; } .mal { margin: 10%; } .mtl { margin-top: 10%; } .mrl { margin-right: 10%; } .mbl { margin-bottom: 10%; } .mll { margin-left: 10%; } .mbxl {margin-bottom: 100%; } .pbs { padding-bottom: 1.125em; } .pam { padding: 1.45em; } .ptm { padding-top: 1.45em; } .prm { padding-right: 1.45em; } .pbm { padding-bottom: 1.45em; } .plm { padding-left: 1.45em; } .pal { padding: 5%; } .ptl { padding-top: 5%; } .prl { padding-right: 5%; } .pbl { padding-bottom: 5%; } .pll { padding-left: 5%; } .img-width40 { width: 40%; } /* FIT VIDS -------------------------------------------------------------------- */ .fluid-width-video-wrapper { padding: 0; padding-top: 56.278%; position: relative; width: 100%; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* RELATED POSTS -------------------------------------------------------------------- */ .single div#jp-relatedposts h3.jp-relatedposts-headline, textarea#comment { font-size: 1.345em; } div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title { padding-top: .65275em; } /* = HOME PAGE ==== --------------------------------------------------------------------- */ .content-home { background: #13181b url('https://www.lockedowndesign.com/wp-content/uploads/2015/08/sacramento-wordpress-web-design-small.jpg') no-repeat; background-size: cover; clear: both; height: 100vh; margin: -2px 0 -24px; padding: 0 0 24px; } .content-home-mask { background: rgba(2, 30, 44, 0.5); height: 100%; padding: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%; } .content-home-mask .content-inner-div { height: 100%; } .content-home, .home-page-text { float: none; } .home-page-text { max-width: 758px; margin-top: -94px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .scroll-prompt { bottom: -44%; color: #fff; position: relative; top: 44%; } .content-home .scroll-link, .content-home .scroll-link:focus, .content-home .scroll-link:hover, .content-home .scroll-link:active { background-image: none; color: #fff; outline: none; text-decoration: none; } .figcaption, .home-page-text, .home-page-text p, .hero-img-btn, .design-stage h3 { text-align: center; } .home-page-text p { margin: 0 auto 2em; max-width: 720px; font-size: 21px; } .home-page-headline { font-size: 4.5em; line-height: 1.0125em; } .home-page-headline, .home-page-tagline, .hero-img-btn, .author-bio h4, .page .gform_wrapper .top_label .gfield_label, .smc p { font-weight: 600; letter-spacing: 0; } .home-page-headline, .home-page-text p { color: #fff; } .home-page-tagline { padding: 1.6125em 0; text-align: center; } .hp-part-two { background: #dee2e3; } .hp-part-two-text { margin: 0 auto; max-width: 720px; } .home-hero-fullwidth { background: #1e2424 url('https://www.lockedowndesign.com/wp-content/themes/lockedown/images/sacramento-web-design-company-2k.jpg') no-repeat center center; background-color: #1e2424; background-size: cover; clear: right; } .mask { background: rgba(42, 48, 51, 0.5) repeat; } .web-design , .web-development, .web-strategy, .ecommerce-websites, .ongoing-maintenance, .seo-audit { overflow-x: hidden; padding: 20% 5%; } .home-hero-image { padding: 6.5% 5% 6.5%; } .swd h2 { line-height: 1.3145em; margin-bottom: .875em; } .home .home-hero-image p { color: #efe8e3; font-size: 20px; font-weight: 600; margin-bottom: 32px; max-width: 600px; text-align: center; } .hero-img-btn { margin: 2.9em auto 0; max-width: 200px; text-decoration: none; } .hero-img-btn, .design-process-story, form input, textarea, select, .page-template-blog .content a.more-link, .category .content a.more-link, .tag .content a.more-link { display: block; } .design-process-story { background: #9fbdbf; clear: both; color: #324347; min-height: 1220px; padding: 5% 0 3.75% 13.1%; } .design-process-story, .design-stage { float: none; } .design-process-headline { color: #2b393d; -webkit-margin-before: 0; letter-spacing: 0.03275em; line-height: 1.275em; padding-bottom: .675em; } .design-stage h3, .design-stage { font-family: 'Roboto Condensed', 'Roboto', 'Helevetica Neue', sans-serif; } .design-stage { min-height: 600px; padding: 0 1.5%; } .design-stage, .meta em, .footer address, .footer .address { font-weight: 300; } .design-stage h3, .design-stage .fa { color: #2f3f42; } .design-stage h3 { font-size: 36px; line-height: 2.45em; text-transform: uppercase; } .home-hero-image p, .process-cta-div, .design-stage { margin: 0 auto; } .process-cta-div { clear: both; padding-bottom: 4em; } .full-width { clear: both; width: 90%; } .unghostly { } .ghostly, .home .bx-wrapper { background: #7F9BC0; } .ghostly h2, .thanks-for-comment .mc_embed_signup h2, .swd h2 { color: #edeeee; } .ghostly h2 { margin-bottom: -11px; } .web-strategy, .web-design, .web-development, .ecommerce-websites, .ongoing-maintenance, .seo-audit { background-size: cover !important; border: 4px solid #fff; border-radius: 50%; -webkit-box-shadow: 0 0 0 2px #7e93a8; -moz-box-shadow: 0 0 0 2px #7e93a8; box-shadow: 0 0 0 2px #7e93a8; margin: 5%; width: 33%; } .full-width.full-width-home { width: 100%; } .full-width-home .overview, .full-width-home { } .service-img-right { float: right; width: 33%; } .service-img-left { float: left; width: 33%; } .full-width-home .overview-left { background-color: #d8dcdd; float: none; padding: 5% 58% 0 5%; } .full-width-home .overview-right { background-color: #fcf6f7; } .overview-right { float: none; padding: 5% 5% 0 58%; } .web-strategy { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/web-strategy-mobile.jpg') center center no-repeat; /*mobile first */ } .web-design { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/web-design-mobile.jpg') center center no-repeat; } .web-development { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/wordpress-development-mobile.jpg') center center no-repeat; } .ecommerce-websites { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/ecommerce-mobile.jpg') center center no-repeat; /*mobile first */ } .ongoing-maintenance { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/ongoing-web-maintenance-mobile.jpg') center center no-repeat; } .seo-audit { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/seo-audit-mobile.jpg') center center no-repeat; } .web-strategy .overview, .web-design .overview, .web-development .overview, .ecommerce-websites .overview, .ongoing-maintenance .overview, .seo-audit .overview { width: 40%; } .web-design .overview { left: 45%; position: relative; } .overview h2 { line-height: 1.3145em; padding-bottom: .6855em; } .testimonials-ftw { background: rgba(255, 255, 255, 0.17); } .home .bx-wrapper { padding-bottom: 3.8em; } .home .bx-wrapper .bx-viewport { background: transparent; left: 0; } .home .bx-wrapper, .home .bx-wrapper .bx-viewport { border: none; box-shadow: none; padding-top: 10px; } .testimonials-widget-testimonial { background: #fcfdfe; box-shadow: 2px 2px 6px 0px rgba(129,140,145,1); min-height: 205px; padding-bottom: .625em; } .testimonials-widget-testimonial blockquote { background: none; border-left: none; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 21px; font-style: normal; margin: 0 auto; max-width: 800px; } .testimonials-widget-testimonial blockquote p { font-size: inherit; margin: .625em 0 1.345em; } .home .testimonials-widget-testimonial .image { float: left; margin-top: 1.9em; margin-right: 1.45em; margin-left: calc(50% - 400px); } .bx-wrapper img, .testimonials-widget-testimonial img, .circular { border-radius: 50%; } /* CLICK TO TWEET ----------------------------------------------------------------- */ .tm-click-to-tweet, .single .tm-click-to-tweet { background-color: rgba(255,255,255,.4); border-left: 5px solid #318c94; margin: 15px 1.381em 3.52381em 0; } .tm-click-to-tweet, .single .tm-click-to-tweet { -webkit-transition: all .27s ease-in-out; -moz-transition: all .27s ease-in-out; -o-transition: all .27s ease-in-out; transition: all .27s ease-in-out; } .tm-click-to-tweet .tm-ctt-text { -webkit-transition: all .567s ease-in-out; -moz-transition: all .567s ease-in-out; -o-transition: all .567s ease-in-out; transition: all .567s ease-in-out; } .single .tm-click-to-tweet .tm-ctt-text a { background: transparent; color: #454545; font-size: 1.45em; font-style: italic; font-weight: 400; letter-spacing: normal; line-height: 1.52381em; } .single .tm-click-to-tweet a.tm-ctt-btn { color: #787878; } .tm-click-to-tweet .tm-powered-by { display: none; } .tm-click-to-tweet:focus, .tm-click-to-tweet:hover { background-color: #38758f; border-left: 5px solid #1c4f54; } .tm-click-to-tweet:hover .tm-ctt-text { padding-left: 1.345em; } .single .tm-click-to-tweet:focus a.tm-ctt-btn, .single .tm-click-to-tweet:hover a.tm-ctt-btn { color: #dceeee; } .single .tm-click-to-tweet:focus a.tm-ctt-btn:hover, .single .tm-click-to-tweet:hover a.tm-ctt-btn:hover { color: #fafafa; } .single .tm-click-to-tweet:hover .tm-ctt-text a { color: #fdfdfd; } .tm-click-to-tweet .tm-ctt-text a:focus, .tm-click-to-tweet .tm-ctt-text a:hover, .tm-click-to-tweet a.tm-ctt-btn:focus, .tm-click-to-tweet a.tm-ctt-btn:hover { color: #fff; } /* CODE HIGHLIGHT via PRISM JS ------------------------------------------------------------------- */ code[class*="language-"], pre[class*="language-"] { color: #f8f8f2; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; text-align: left; text-shadow: 0 1px rgba(0, 0, 0, 0.3); white-space: pre; word-spacing: normal; word-break: normal; } /* Code blocks */ pre[class*="language-"] { border-radius: 0.3em; margin: .5em 0 2em; overflow: auto; padding: 1em; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #272822; } /* Inline code */ :not(pre) > code[class*="language-"], :not(pre) > code, #comments :not(pre) > code { background: #d7dcdd; border-radius: 0.3em; color: inherit; font-size: 87%; padding: 0.1em 0.4em; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .token.punctuation { color: #f8f8f2; } :not(pre) > code[class*="language-"] .token.punctuation, :not(pre) > code[class*="language-"] .token.operator, :not(pre) > code[class*="language-"] .token.entity, :not(pre) > code[class*="language-"] .token.url, :not(pre) > code[class*="language-"] .language-css .token.string, :not(pre) > code[class*="language-"] .style .token.string, :not(pre) > code[class*="language-"] .token.variable { color: #71716a; } :not(pre) > code[class*="language-"] .token.selector, :not(pre) > code[class*="language-"] .token.attr-name, :not(pre) > code[class*="language-"] .token.string, :not(pre) > code[class*="language-"] .token.char, .token.builtin, .token.inserted { color: #51652b; } :not(pre) > code[class*="language-"] .token.atrule, :not(pre) > code[class*="language-"] .token.attr-value, :not(pre) > code[class*="language-"] .token.function { color: #907310; } :not(pre) > code[class*="language-"] .token.keyword { color: #126171; } .namespace { opacity: .7; } .token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: #f92672; } .token.boolean, .token.number { color: #ae81ff; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #a6e22e; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #f8f8f2; } .token.atrule,.token.attr-value, .token.function { color: #e6db74; } .token.keyword { color: #66d9ef; } .token.regex, .token.important { color: #fd971f; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } /* = ARCHIVES, TAGS, CATEGORIES ==== ------------------------------------------------------------------- */ .category .main-wrap, .page-template-author-php .main-wrap, .page-id-383 .main-wrap, .error404 .main-wrap, .page-id-472 .main-wrap, .post-type-archive-portfolio .main-wrap, .single-portfolio .main-wrap { float: none; } .page-template-author-php .author-bio, .archive .author-bio { width: 100%; } .page-template-author-php .author-posts { margin-right: 0; } .page-template-author-php .content li { clear: both; font-size: 1.25em; } .page-template-blog-php .entry, .category .entry, .tag .entry { margin-bottom: 5.38em; } .archive-tax { font-size: .6875em; text-transform: uppercase; } .archive-cat-desc { font-size: 13px; } .archive-cat-desc p { border-bottom: solid 1px #7e93a8; margin: 0 0 1.52381em; padding: 1.31225em 0 1.52381em; } .archive .archive-meta, .page-template-blog .meta, .category .meta, .tag .meta { line-height: 1.3145em; } .page-template-blog .content a.more-link, .category .content a.more-link, .tag .content a.more-link { margin: 0 auto; max-width: 222px; text-align: center; } .category .meta, .tag .meta { margin-bottom: 1.45em; text-align: center; } .date .meta, .search .meta { padding-bottom: 1em; } /* = LINKS ==== ------------------------------------------------------------------- */ .content-home a, .content a, .content-404 a, .about-content a, .single-portfolio a { color: #436775; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background-image: -webkit-linear-gradient(top, transparent 50%, rgba(67, 103, 117, 0.5) 50%); background-image: -moz-linear-gradient(top, transparent 50%, rgba(67, 103, 117, 0.5) 50%); background-image: -o-linear-gradient(top, transparent 50%, rgba(67, 103, 117, 0.5) 50%); background-image: linear-gradient(to bottom, transparent 50%, rgba(67, 103, 117, 0.5) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0px 22px; } .content h2 a:hover { color: #318c94; } .author-bio h4 a { color: #7e93a8; } .content h2 a, .content-home a:focus, .content-home a:hover, .content a:focus, .content a:hover, .content-404 a:focus, .content-404 a:hover, .about-content a:focus, .about-content a:hover, .single-portfolio a:hover, .single-portfolio a:focus, .author-bio h4 a:focus, .author-bio h4 a:hover { background-image: -webkit-linear-gradient(top, transparent 50%, rgba(96, 147, 168, 0.6) 50%); background-image: -moz-linear-gradient(top, transparent 50%, rgba(96, 147, 168, 0.6) 50%); background-image: -o-linear-gradient(top, transparent 50%, rgba(96, 147, 168, 0.6) 50%); background-image: linear-gradient(to bottom, transparent 50%, rgba(96, 147, 168, 0.6) 50%); color: #6093a8; } .entry-meta { font-size: 1.1em; padding-top: .275em; padding-bottom: 1.125em; } .page-template-author-php .content li, .entry-meta, .entry-utility { line-height: 1.75em; } .entry-utility { font-size: 1.25em; } /* = ICONS ===== --------------------------------------------------------- */ .icon { display: inline-block; vertical-align: middle; } /* = LISTS ==== --------------------------------------------------------- */ .content li, .about-content li { font-size: 1.3125em; line-height: 1.523809523809524em; margin-bottom: 1.3125em; /*Here*/ } /* = COMMENTS & FORMS ===== -------------------------------------------------------- */ .content li.comment { font-size: inherit; } #comments { margin-bottom: 5%; } #comments h3 { clear: both; color: #4c4942; font-weight: bold; padding: 0 0 .625em 0; } #comments .reply { margin: 0 0 1.345em 0; } #comments code { background-color: #d7dcdd; font-size: 0.925em; padding: 0px 0.2125em; } #comments pre code { background-color: #272822; } form input, textarea, select { border: solid 1px #bdc9ce; border-bottom: solid 2px #7e8a8f; box-shadow: none; max-width: 90%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } form input, textarea, select, textarea#comment { background-color: #e7dff3; color: #333; } textarea#comment { border: solid 1px #bdc9ce; border-bottom: solid 2px #aaa; border-radius: 4px; font-family: inherit; padding: .345em .675em; width: 100%; } form input:focus, textarea:focus, textarea#comment:focus, select:focus, select:active, .content-404 .main-wrap .s:focus, .error404 .main-wrap .s:focus, .content-404 .main-wrap .s:active, .error404 .main-wrap .s:active { background-color: #fcfcfa; -webkit-box-shadow: 0 0 5px #3870a8; box-shadow: 0 0 5px #3870a8; outline: none; } #comment-notes { margin-bottom: 1.25em; } .form-label { padding: .25em 0; } .form-input input { border-radius: 4px; font-size: 1.125em; height: 36.75px; margin-bottom: .625em; padding-left: .25em } .form-input input:focus, textarea#comment:focus { -webkit-box-shadow: 0 0 5px #a4bcd4; box-shadow: 0 0 5px #a4bcd4; } .postmetadata{ font-size: 1.25em; line-height: 1.75em; } .required, .page .gform_wrapper .gfield_required { color: red; } .form-label, input.submit { font-size: 1.3125em; } input.submit { background-color: #7e93a8; border: 1px solid #aaa; border-bottom: solid 2px #436775; border-radius: 6px; color: #fefefe; cursor: pointer; line-height: 1.45em; margin-top: .75em; padding: 0.45em 0.925em; } #trackbacks-list p { font-size: 100%; } form p#mc4wp-checkbox { margin-top: 0.761905em; margin-bottom: 0.507937em; } form p#mc4wp-checkbox input { margin: -2px 6px 0px 0px; } #subscribe_comments { display: inline; margin-left: 0; } .comment .avatar { margin: 0 1.12em 1.12em 0; } #comments ol li ul.children { padding-left: 40px; } #comments-list cite.fn { font-size: 1.625em; } .comment-body p { font-size: 1.12em; line-height: 1.45em; } .comment-subscription-form { margin-top: 1.3125em; margin-bottom: 0; } /* SINGLE -------------------------------------- */ .single-post .content, .archive .content, .page .content, .search .content, .author .content { float: none; margin: 2em auto 0; max-width: 777px; width: auto; } .single-post .entry-title, .single-post .entry-meta, .archive .entry-title, .archive .entry-meta, .page .entry-title, .page .entry-meta, .author .entry-title, .author .entry-meta { text-align: center; } abbr.published { border-bottom: none; } .top-single-misc { border-top: double 5px #9a9a9a; border-bottom: double 5px #9a9a9a; float: right; margin: 0 0 1.345em 2.175em; min-height: 122px; padding: 1.345em 0; text-align: center; width: 40%; } .top-single-misc div.sharedaddy h3.sd-title, .top-single-misc .sd-content .share-email, .top-single-misc .sd-content .share-google-plus-1 { display: none; } .top-single-misc .sd-social-icon-text .sd-content ul li a.sd-button > span { font-size: 0; } .single .top-single-misc .sd-social .sd-button .share-count, .single .top-single-misc .sd-social-icon-text .sd-content ul li a.share-facebook:hover .share-count, .single .top-single-misc .sd-social-icon-text .sd-content ul li a.share-twitter:hover .share-count, .single .top-single-misc .sd-social-icon-text .sd-content ul li a.share-linkedin:hover .share-count { background: transparent; } .single .top-single-misc .sd-social .sd-button .share-count { display: none; /*inline-block*/ font-size: 13px; padding: 5px 12px; } .single .top-single-misc .sd-social-icon-text .sd-content ul li a.sd-button { min-width: 60px; position: relative; } .single .top-single-misc .sd-social-icon-text .sd-content ul li a.sd-button:active { bottom: -1px; } .single div.sharedaddy h3.sd-title { font-family: 'Roboto Condensed', 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; } /* = AUDIO ===== --------------------------------------------------------- */ .download-link { font-size: .875em; margin-top: -2.375em; margin-bottom: 1.5em; } /* = TABLES ===== --------------------------------------------------------- */ .responsive-table th, .responsive-table td { border: 1px solid #232323; padding: .525em; text-align: left; width: 20%; } .responsive-table th { background-color: #318c94; color: #fff; font-weight: 700; } .responsive-table tr:nth-of-type(even) { background-color: #f0f0f0; } .responsive-table tr:nth-of-type(odd) { background-color: #dee2e3; } /* =================================== 8 AUTHORS =================================== */ #tags { font-size: 1.3125em; line-height: 1.45em; } .author-bio { background-color: #fcfcfa; border-radius: 5px; border: solid 1px #bdc9ce;; border-bottom: solid 2px #aaa; margin: 2em 0; padding: 0.325em 0 0; } .author-bio .avatar, .comment .avatar { border: 2px solid #f5f5f5; border-radius: 25%; box-shadow: 2px 2px 4px #bbb; float: left; } .author-bio .avatar { margin: 1.12em; } .author-bio h4 { color: #7e93a8; font-size: 2.25em; font-weight: 700; margin-left: 33%; margin-top: 2.5%; margin-bottom: 2.75%; letter-spacing: .025em; } p.author-description { font-size: 1.12em; line-height: 1.45em; padding-left: 33%; padding-right: 5%; } /* = WIDGETS ===== --------------------------------------------------------- */ .tweets li { margin-bottom: .75em; } .tweet .autosized-media { width: auto; height: auto; } /* =================================== 10 PAGES =================================== */ .page .post-featured-img, .single-post .post-featured-img, .category .post-featured-img, .tag .post-featured-img { height: auto; max-width: 100%; padding-top: .75em; width: 100%; } .post-featured-img { padding-top: .75em; } /* = BLOG ARCHIVE ===== --------------------------------------------------------- */ .blog-page .meta { margin-bottom: 1.45em; } .blog-page h1, .blog-page .meta, .blog-page .post h2 { text-align: center; } .blog-page h1 { padding: 0 0 .328025em; } .content a.more-link, .single-portfolio a.more-link, .hero-img-btn, .about-content .hero-img-btn, .single .tm-click-to-tweet .tm-ctt-text a, .search h2 a, .search h2 a:focus, .search h2 a:hover, .author-bio h4 a, .author-bio h4 a:focus, .author-bio h4 a:hover, .nav a, .single-portfolio .nav a, .header span.logo a, .nav a:hover, .single-portfolio .nav a:hover, .nav a:focus, .single-portfolio .nav a:focus, .footer a, .social-footer a, .footer a:focus, .social-footer a:focus, .footer a:hover, .social-footer a:hover, .page-template-blog .content h2 a, .page-template-blog .content h2 a:focus, .page-template-blog .content h2 a:hover, .archive h2 a, .archive h2 a:focus, .archive h2 a:hover, #comments a, #comments a:hover, .content .feat-img-link, .content .feat-img-link:focus, .content .feat-img-link:hover, .content-404 p a, .content-404 p a:hover, .single .content a.hero-img-btn, .single .content a.hero-img-btn:hover { background-image: none; } .single .content a.hero-img-btn { color: #fefefe; max-width: 480px; } .single .content a.hero-img-btn:hover { color: #fff; } .content a.more-link, .single-portfolio a.more-link, .hero-img-btn, .about-content .hero-img-btn { background-color: #3586a8; border-top: solid 1px #669ab0; border-right: solid 1px #5995ae; border-bottom: solid 2px #256077; border-left: solid 1px #669ab0; border-radius: 6px; color: #fefefe; padding: .45em .925em; position: relative; text-shadow: 0px -.5px rgba(10, 10, 10, 0.42); -webkit-transition: all .28s ease-in-out; -moz-transition: all .28s ease-in-out; transition: all .28s ease-in-out; } .about-content .hero-img-btn { max-width: 400px; } .content a.more-link:focus, .content a.more-link:hover, .single-portfolio a.more-link:focus, .single-portfolio a.more-link:hover, .hero-img-btn:focus, .hero-img-btn:hover, .about-content .hero-img-btn:focus, .about-content .hero-img-btn:hover { background-color: #6093a8; border-top: solid 1px #6ca0a7; border-right: solid 1px #6d959b; border-bottom: solid 2px #436775; border-left: solid 1px #6d959b; color: #fafafa; } .content a.more-link:active, .single-portfolio a.more-link:active, .hero-img-btn:active, .about-content .hero-img-btn:active { bottom: -1px; } .navigation { margin-bottom: 1.45em; } .below-post { margin: 3.345em 0 -1.345em; } /* = ABOUT ==== --------------------------------------------------------------------- */ .about-content { padding-top: 1.31em; } .page-template-about2 .about-content { padding-top: 0; } .loaded section, .no-js section { opacity: 1; transition: opacity 300ms ease-out 0s; } #preload img { height: auto; width: 100%; } #slide-1 .bcg { } #slide-1 .hsContent { bottom: 500px; left: 9px; margin-left: 5%; position: absolute; top: auto; width: auto; } .hsContent .about-headline { background: rgba(46,40,22,.33); color: #efe8e3; font-variant: small-caps; letter-spacing: -0.03275em; padding: 0px 0.3275em; } /* WP Maintenance Variation */ #post-4897 #slide-1 .hsContent, #post-4891 #slide-1 .hsContent, #post-5453 #slide-1 .hsContent, #post-4895 #slide-1 .hsContent { bottom: 274px; } #post-4897 .hsContent .about-headline, #post-4891 .hsContent .about-headline, #post-5453 .hsContent .about-headline, #post-4895 .hsContent .about-headline { background: none; padding: 0 .3275em 0 0; } /* End Variations */ .hsContainer { height: 100%; position: relative; width: 100%; } .page-template-about2 .about-content .entry-content { margin: 0 6.05%; } .about-us { margin: 0 auto; max-width: 900px; padding-bottom: 2.625em; width: 66%; } .about-headline { font-size: 5.75em; line-height: 1.51em; margin-bottom: 1em; } /* = CONTACT ==== --------------------------------------------------------------------- */ #post-383 .about-us li { font-size: 1.3125em; line-height: 1.45em; } .page-id-383 .about-headline { margin-bottom: .5em; } .contact-page-hello { background-color: #7e93a8; color: #fff; padding: 11.5px 0; text-align: center; } .contact-page-hello p { font-weight: 700; margin-bottom: 0; } .about-us input, .about-us textarea, .about-us select { border: inset 1px #7e93a8; font-size: 21px; line-height: 1.52381em; max-width: 90%; padding: 5px 2px 5px .25em; width: 480px; } .contact-intro { float: left; padding-right: 5%; width: 45%; } .contact-map-embed { float: right; margin-top: 0; margin-bottom: 1.125em; padding-left: 5%; width: 45%; } body .gform_wrapper .ginput_complex.ginput_container { overflow: visible; } .page .gform_wrapper .top_label .gfield_label { color: #3a4244; font-size: 24px; margin: 10px 0 0; } .page .gform_wrapper li, .page .gform_wrapper form li { margin-bottom: 1.862em; } .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { margin-bottom: 0; } .page .gform_wrapper .ginput_complex input[type="text"], .page .gform_wrapper .ginput_complex input[type="url"], .page .gform_wrapper .ginput_complex input[type="email"], .page .gform_wrapper .ginput_complex input[type="tel"], .page .gform_wrapper .ginput_complex input[type="number"], .page .gform_wrapper .ginput_complex input[type="password"], .page .gform_wrapper .ginput_complex select, .page .gform_wrapper input[type="text"], .page .gform_wrapper input[type="url"], .page .gform_wrapper input[type="email"], .page .gform_wrapper input[type="tel"], .page .gform_wrapper input[type="number"], .page .gform_wrapper input[type="password"], .page .gform_wrapper textarea { border: solid 1px #bdc9ce; border-bottom: solid 2px #7e8a8f; border-radius: 6px; font-size: 21px; line-height: 1.52381em; padding: 5px 2px 5px .25em; } .page .gform_wrapper .ginput_complex input[type="text"]:focus, .page .gform_wrapper .ginput_complex input[type="url"]:focus, .page .gform_wrapper .ginput_complex input[type="email"]:focus, .page .gform_wrapper .ginput_complex input[type="tel"]:focus, .page .gform_wrapper .ginput_complex input[type="number"]:focus, .page .gform_wrapper .ginput_complex input[type="password"]:focus, .page .gform_wrapper .ginput_complex select:focus, .page .gform_wrapper input[type="text"]:focus, .page .gform_wrapper input[type="url"]:focus, .page .gform_wrapper input[type="email"]:focus, .page .gform_wrapper input[type="tel"]:focus, .page .gform_wrapper input[type="number"]:focus, .page .gform_wrapper input[type="password"]:focus, .page .gform_wrapper textarea:focus { -webkit-box-shadow: 0px 0px 5px #90aac5; box-shadow: 0px 0px 5px #90aac5; } body .gform_wrapper label.gfield_label + div.ginput_container, .gform_wrapper, .ginput_complex.ginput_container.has_first_name.no_middle_name.no_last_name span, .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.no_last_name span, .gform_wrapper .ginput_complex.ginput_container.no_first_name.no_middle_name.has_last_name span { border-radius: 6px; } .page .gform_confirmation_wrapper, .page .gform_confirmation_message { font-size: 21px; line-height: 1.52381em; padding: 94px 2px 5px 0px; } .page .gform_confirmation_wrapper p, .page .gform_confirmation_message p{ font-size: inherit; } .gform_wrapper li p, .gform_wrapper form li p, .page .gform_wrapper select, .page .gform_wrapper .gfield_checkbox li label, .page .gform_wrapper .gfield_radio li label { font-size: 21px; } .page .gform_wrapper select, .page .gform_wrapper .gfield_checkbox li label, .page .gform_wrapper .gfield_radio li label { padding: 5px 2px 5px .25em !important; } .page .gform_wrapper .description, .page .gform_wrapper .gfield_description, .page .gform_wrapper .gsection_description, .page .gform_wrapper .ginput_complex label, .page .gform_wrapper .gfield_time_hour label, .page .gform_wrapper .gfield_time_minute label, .page .gform_wrapper .gfield_date_month label, .page .gform_wrapper .gfield_date_day label, .page .gform_wrapper .gfield_date_year label, .page .gform_wrapper .instruction { font-size: 15px; } .gform_wrapper .gfield_date_dropdown_month { max-width: 104px; } .gform_wrapper .gfield_date_dropdown_day { max-width: 84px; } .gform_wrapper .gfield_date_dropdown_year { max-width: 94px; } .page .gform_wrapper .gfield_checkbox li input[type="checkbox"], .page .gform_wrapper .gfield_radio li input[type="radio"], .page .gform_wrapper .gfield_checkbox li input, .page .gform_wrapper.gf_browser_gecko .gfield_checkbox li input, .page .gform_wrapper.gf_browser_safari .gfield_checkbox li input, .page .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .page .gform_wrapper.gf_browser_ie .gfield_checkbox li input, .page .gform_wrapper.gf_browser_opera .gfield_checkbox li input { margin-top: 15px !important; } .about-us form input.wpcf7-submit, .page .gform_wrapper .gform_footer input.button, .page .gform_wrapper .gform_footer input[type="submit"] { background-color: #398f14; border: none; border-bottom: solid 2px #196d07; border-radius: 9px; color: #fafafa; font-size: 27px; margin-top: -0.5em; padding: .375em 1.75em; position: relative; text-align: center; -webkit-appearance: none; width: 300px; } .about-us form input.wpcf7-submit:focus, .page .gform_wrapper .gform_footer input.button:focus, .page .gform_wrapper .gform_footer input[type="submit"]:focus { box-shadow: none; } .about-us form input.wpcf7-submit:focus, .about-us form input.wpcf7-submit:hover, .page .gform_wrapper .gform_footer input.button:hover, .page .gform_wrapper .gform_footer input[type="submit"]:hover { background-color: #267a13; } .about-us form input.wpcf7-submit:active, .page .gform_wrapper .gform_footer input.button:active, .page .gform_wrapper .gform_footer input[type="submit"]:active { bottom: -1px; } /* Name input */ #input_2_3 { width: 52.5%; } #input_2_3_3_container label { display: none; } .map-mask { background: rgba(49, 140, 148, .08); height: 100%; left: 0; position: absolute; top: 0; width: 100%; /*z-index: 1;*/ } /* THANKS FOR COMMENTS ----------------------------------------------- */ .thanks-for-comment .mc_embed_signup { background-color: rgba(126,147,168,.7); padding: 1em; position: relative; } .thanks-for-comment .mc-embedded-subscribe-form { margin: 0 auto; max-width: 90%; position: relative; width: 500px; } .thanks-for-comment h2 { margin-bottom: 0; } .thanks-for-comment .mc_embed_signup .mc-field-group { margin-top: -1em; } .thanks-for-comment .mce-email, .thanks-for-comment .mce-name, .thanks-for-comment .mc-field-group label { font-size: 1.25em; margin: 0 auto; max-width: 90%; width: 400px; } .thanks-for-comment .mc-field-group label { display: block; margin: 0 auto -10px; } .thanks-for-comment .mc-embedded-subscribe { border: none; border-bottom: solid 2px #267a13; font-size: 1.25em; margin: 0 auto; max-width: 300px; padding-right: .25em; text-align: center; } .thanks-for-comment .mc-embedded-subscribe:hover { border-bottom: solid 2px #28661d; } /* PRIVACY ----------------------------------------------- */ .page-id-2010 .entry-content, .page-id-2876 .entry-content { margin: 0 auto; max-width: 800px; padding: 1.31em; } /* DEFINITIONS ----------------------------------------------- */ /* =================================== 11 PORTFOLIO =================================== */ .page-template-portfolio-php .entry-content { margin-left: 0; } .piwp { margin: 0 auto 2em; max-width: 777px; } .case-study, .single-portfolio { width: 100%; } .case-study-headline { color: #121212; font-size: 64px; letter-spacing: 1px; line-height: 78px; margin: 76px auto 24px; text-align: center; width: 100%; } .case-study-headline a, .case-study-headline a:visited { color: #000; text-decoration: none; } .case-study-headline a:focus, .case-study-headline a:hover { color: #565359; } .case-study-dialogue { clear: both; float: left; font-size: 1.1em; margin: 0 auto; padding: 0 0 2em; /*1em 0*/ text-align: center; width: 100%; } ul.case-study-services { display: inline; } ul.case-study-services li { display: inline; line-height: 1.345em; padding: .3333em 0 1.5em .775em; } ul.case-study-services li:last-child { padding-right: 0; } p.case-study-paragraph, .case-studies p, .single-portfolio p { margin: 0 auto; max-width: 68.18181818%; text-align: center; } .case-study-stills { margin: 3em auto; max-width: 750px; padding: 1.125em 0; text-align: center; } .single-portfolio .entry-meta { line-height: 0; padding: 0; } .single-portfolio p { margin-bottom: 1.45em; } .portfolio-shades { background: rgba(0,0,0,.75); display: block; height: auto; left: 0; min-height: 100%; opacity: 0; position: absolute; top: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; width: 100%; } .entry-content-portfolio:hover .portfolio-shades { opacity: 1; } .portfolio-shades .entry-title { color: rgb(186, 200, 214); text-align: center; } .slideMe { top: 0; } .post-type-archive-portfolio h1 { padding: 50px 0 0 26px; text-align: center; } .portfolio-page-content { max-width: 100%; padding: 0; } .portfolio-page-content { display: block; float: none; margin: -3px 0 0; text-align: center; } .portfolio-image-link { display: inline-block; text-decoration: none; } .entry-content-portfolio { display: block; max-height: 800px; position: relative; overflow: hidden; } .entry-content-portfolio img { height: auto; width: 100%; } .portfolio-info { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .portfolio-shades p { color: #fff; margin: 0px auto; max-width: 515px; padding: 0 5%; } .portfolio-shades span { background-color: #318c94; display: inline-block; margin: .875em 0; padding: .375em .625em; } /* =================================== 12 FOOTER =================================== */ .footer { background-color: #332e29; border: solid 1px #323232; clear: both; color: #fff; float: right; min-height: 18em; padding: 1em 0 1em; width: 100%; } .footer-inner-div { margin: 0 auto; max-width: 57.142857em; } .colophon, .social-footer, .footer-section, .footer-section-third { display: block; float:left; line-height: 1.75em; min-height: 10em; padding: 1em; width: 33.33333333333%; } .footer-section { width: 90%; } .footer-section-third { margin: 0 auto; text-align: center; width: 100%; } .footer h3, .footer .faux-h3 { color: #fff; display: block; font-size: 1.5em; font-weight: 800; letter-spacing: .03275em; margin-bottom: .75em; text-transform: uppercase; } .footer a { color: #dcdcdc; text-decoration: none; font-size: 1.4em; line-height: 1.636363em; -webkit-transition: all .275s ease-in-out; -moz-transition: all .275s ease-in-out; transition: all .275s ease-in-out; } .footer label { color: #dcdcdc; display: inline-block; } .social-footer h3 { padding-left: .25em; } .social-footer li, .social-footer a { display: inline-block; width: 140px; } .social-footer a { border: 1px solid transparent; display: inherit; padding: 0 .25em; -webkit-transition: all .125s ease-in-out; -moz-transition: all .125s ease-in-out; transition: all .125s ease-in-out; } .footer .inline { display: inline } .footer .social-footer a.author-link, .footer .social-footer a.authorship { display: inline; font-size: 1.4em; padding: .1em .25em; z-index: 1005; } .footer a:focus, .footer a:hover { color: #318c94; } .footer .social-footer a:focus, .footer .social-footer a:hover { border: 1px solid #fff; color: #fff; } .footer .social-footer .author-link { font-size: 16px; padding: 0 .25em .1em .25em; width: auto; } .footer a.author-link:focus, .footer a.author-link:hover { background-color: #7e93a8; } .footer a.authorship:focus, .footer a.authorship:hover { background-color: #df4a32; } .footer a.s-twitter:focus, .footer a.s-twitter:hover, .smc-tw { background-color: #00b6f1; } .footer a.s-youtube:focus, .footer a.s-youtube:hover, .smc-yt { background-color: #b31217; } .footer a.s-instagram:focus, .footer a.s-instagram:hover { background-color: #3f729b; } .footer a.s-dribbble:focus, .footer a.s-dribbble:hover { background-color: #ea4c89; } .footer a.s-linkedin:focus, .footer a.s-linkedin:hover, .smc-lnkdin { background-color: #007bb6; } .footer a.s-facebook:focus, .footer a.s-facebook:hover, .smc-fb { background-color: #3b5998; } .footer a.s-googleplus:focus, .footer a.s-googleplus:hover, .smc-gplus { background-color: #df4a32; } .footer a.s-rss:focus, .footer a.s-rss:hover { background-color: #ff6600; } .copyright { clear: both; float: left; padding: 0 0 1.825em 0; text-align: center; width: 100%; } .footer a.oneem { font-size: 1em; } img#wpstats { display:none; } .post-type-archive-portfolio .footer { min-height: 28em; } .footer-tagline { float: none; font-size: 1em; margin: 2.69em auto 0; width: 85%; } .footer .footer-tagline a { font-size: 1em; } .footer .morelinks { clear: both; margin: 4.4923em 0 6.2677em; } .footer .morelinks li { float: left; text-align: center; width: 25%; } .footer address, .footer .address, .tags { line-height: 1.345em; } .footer address strong, .footer .address strong { font-weight: 400; } .footer .address .url { font-size: 1em; } .address-link, .footer .address-link { display: inline; font-size: 100%; } .bbb-seal { margin: 1.25em auto; } /* =================================== 13 MAIL CHIMP =================================== */ /* LeadIn */ #powered-by-leadin-thank-you, #leadin-subscribe-powered-by { display: none; } .vex.vex-theme-bottom-right-corner .vex-content { border-top: none !important; } .vex.leadin-popup-color-orange .vex-content { border-color: transparent; } .vex.vex-theme-bottom-right-corner .vex-content { background: rgba(239,232,227,.9); } .vex .vex-content input[type="email"], .vex .vex-content input[type="text"] { margin: 0 auto; } body .vex-content h1, body .vex-content h2, body .vex-content h3, body .vex .vex-content h4, body .vex-content h5, body .vex-content h6 { margin: 0 auto .6em; max-width: 80%; text-align: center; } .vex .vex-content .vex-close:before { font-size: 40px; height: 40px; line-height: 40px; width: 40px; } body .vex-content p { color: #eee; text-align: center; } body .vex-content .vex-dialog-button.vex-dialog-button-primary { background: #478f29; margin: 0 auto; } body .vex-content .vex-dialog-button.vex-dialog-button-primary:hover { background: #267a13; } /* MailChimp */ .below-post .mc_embed_signup { background: rgba(49, 140, 148, 0.275); border: transparent; margin: 1em 0 1.345em; padding: 1.345em 0 2.69em; } body .below-post-label { display: block; font-size: 20px; font-weight: 600; margin-bottom: -5px !important; padding-top: 25px; width: auto; } .mc_embed_signup { background: transparent; clear:left; } body .mc4wp-form input[type="submit"] { position: relative; text-transform: uppercase; } body .mc4wp-form input[type="submit"] { } .green-cta-button { background-color: #398f14; } .mc-embedded-subscribe, .green-cta-button { border: none; border-radius: 5px; box-shadow: none; color: #fafafa; font-size: 1.125em; padding: .25em 1.75em; position: relative; text-shadow: 0px -.5px #666; -webkit-transition: background-color .3s ease-in-out; -moz-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; -webkit-appearance: none; } .mc-embedded-subscribe { background-color: #478f29; border-bottom: solid 2px #196d07; padding: 0.7525em 1.75em; width: 84%; } .mc-embedded-subscribe:hover, .mc-embedded-subscribe:focus, .green-cta-button:focus, .green-cta-button:hover { background-color: #267a13; } body .mc4wp-form input[type="submit"]:active, .mc-embedded-subscribe:active, .green-cta-button:active { bottom: -1px; } .mce-email, .mce-name, #mc4wp_email, #mce-email { background-color: #e9e4e4; border-radius: 6px; font-size: 1.125em; font-weight: 500; line-height: 1.45em; padding: .25em; } .mce-email:focus, .mce-name:focus, #mc4wp_email:focus, #mce-email:focus { background-color: #fff; } .mce-email, .mce-name, #mce-email { margin-bottom: .65625em; } .below-post #mc4wp_email, .below-post #mce-email { margin: .761905em auto 1.65625em; padding: .525em; text-align: center; width: 87%; } .mce-tagline { font-size: 1em; margin-top: -.875em; margin-bottom: .6875em; opacity: .77; } .below-post .mc_embed_signup h2, .below-post .mce-tagline { letter-spacing: 0; text-align: center; } .below-post .mce-tagline { font-weight: 400; line-height: 1.52381em; } .below-post .mc-field-group, .below-post #mce-responses, .below-post .mc_embed_signup .clear { margin: 0 auto; max-width: 600px; } .below-post .mc-embedded-subscribe { margin: 0 auto; width: 100%; } .below-post .mc_embed_signup .mc-embedded-subscribe { display: block; } .below-post .mce-email { margin-bottom: 1.65625em; width: 87%; } #mce-email.required { color: #333; } .mce_inline_error { margin-top: -16px; padding-bottom: 12px; text-align: center; } .footer .mc_embed_signup, .footer .mce-email, .footer #mc4wp_email:focus { text-align: center; } .footer .mce-email, .footer #mc4wp_email { margin-top: 0.65625em; margin-bottom: 0.65625em; text-align: center; width: 100%; } .footer .mce-email { max-width: 262px; } .footer #mc4wp_email { height: 40.75px; max-width: 275px; } .footer .mc-embedded-subscribe { margin: 0 10%; max-width: 275px; width: 80%; } /* WP MAILCHIMP PLUGIN -------------------------------------- */ .footer .mc4wp-form label { font-weight: 400; margin-bottom: 0; } /* =================================== 14 FILE NOT FOUND 404 =================================== */ .error404 .main-wrap #searchform { display: inline-block; margin: 0 auto; } .content-404 { clear: both; display: block; float: none; padding: 7.5em 0 6em 0; } .h1-404 { font-size: 4.25em; letter-spacing: .0275em; margin: 0 auto; text-align: center; } .message-404 { font-size: 1.3125em; padding-bottom: 5em; text-align: center; } .content-404 .main-wrap .s, .error404 .main-wrap .s { background-color: #e7dff3; border-radius: 11px; float: left; font-size: 1.275em; length: 30; max-width: 90%; padding-left: .5em; width: 540px; } .content-404 .main-wrap .searchsubmit, .error404 .main-wrap .searchsubmit { background-color: #7e93a8; border-radius: 6px; color: #fff; float: right; font-size: 18px; padding: .275em .875em; } /* LANDING PAGES -------------------------------------- */ /* SHARE BUTTONS JETPACK ----------------------------------------------------*/ .single .sd-content ul li a.sd-button:before { font: 400 18px/1 Genericons; line-height: 26px; top: 0; } .single .sd-social-icon-text .sd-content ul li a.sd-button { color: #fff !important; font-size: 16px; line-height: 27px; padding: 4px 14px 4px 11px; position: relative; } .single .sd-social-icon-text .sd-content ul li a.sd-button:active { bottom: -1px; } .single .sd-social-icon-text .sd-content ul li a.share-twitter { background: #00b6f1; border: 1px solid #00a9e6; border-bottom: solid 2px #0090bf; } .single .sd-social-icon-text .sd-content ul li a.share-twitter:hover, .single .sd-social-icon-text .sd-content ul li a.share-twitter:active, .single .sd-social-icon-text .sd-content ul li a.sd-button.share-twitter:active { background: #00a9e6; border: 1px solid #00a9e6; border-bottom: solid 2px #0090bf; } .single .sd-social-icon-text .sd-content ul li a.share-facebook { background: #4b67a1; border: 1px solid #3b5998; border-bottom: solid 2px #33466e; } .single .sd-social-icon-text .sd-content ul li a.share-facebook:hover, .single .sd-social-icon-text .sd-content ul li a.share-facebook:active, .single .sd-social-icon-text .sd-content ul li a.sd-button.share-facebook:active { background: #3b5998; border: 1px solid #3b5998; border-bottom: solid 2px #33466e; } .single .sd-social-icon-text .sd-content ul li a.share-facebook:hover .share-count { background: #6d84b4; } .single .sd-social-icon-text .sd-content ul li a.share-linkedin { background: #007bb6; border: 1px solid #0073b2; border-bottom: solid 2px #005882; } .single .sd-social-icon-text .sd-content ul li a.share-linkedin:hover, .single .sd-social-icon-text .sd-content ul li a.share-linkedin:active, .single .sd-social-icon-text .sd-content ul li a.sd-button.share-linkedin:active { background: #0073b2; border: 1px solid #0073b2; border-bottom: solid 2px #005882; } .single .sd-social-icon-text .sd-content ul li a.share-google-plus-1 { background: #df4a32; border: 1px solid #cd3b28; border-bottom: solid 2px #ab3926; } .single .sd-social-icon-text .sd-content ul li a.share-google-plus-1:hover, .single .sd-social-icon-text .sd-content ul li a.share-google-plus-1:active, .single .sd-social-icon-text .sd-content ul li a.sd-button.share-google-plus-1:active { background: #cd3b28; border: 1px solid #cd3b28; border-bottom: solid 2px #ab3926; } .single .sd-social-icon-text .sd-content ul li a.share-email { background: #cdced2; border-bottom: solid 2px #8e8f91; color: #777 !important; } .single .sd-social-icon-text .sd-content ul li a.share-email:hover, .single .sd-social-icon-text .sd-content ul li a.share-email:active, .single .sd-social-icon-text .sd-content ul li a.sd-button.share-email:active { background: #ccc; border: 1px solid #ccc; border-bottom: solid 2px #8e8f91; } .single .sd-social .sd-button .share-count { border-radius: 11px; display: none; font-size: 11px; padding: 3px 6px; } .single .sd-social .share-twitter .share-count { background: #00a4de; } .single .sd-social .share-facebook .share-count { background: #3b5998; } .single .sd-social .share-linkedin .share-count { background: #006699; } .single .sd-social .share-google-plus-1 .share-count { background: #cd3b28; } /* SOCIAL MEDIA COLORS PAGE ---------------------------- */ .quick-linx { min-height: 230px; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .content .quick-linx li { display: inline-block; width: 160px; } .smc { color: #fff; } .smc .twentyfive-w, .smc .thirtythree-w, .smc .fifty-w { display: inline-block; float: left; min-height: 120px; } .smc p { line-height: 1.3125em; margin-bottom: .15125em; padding: .65625em; } .smc p .fa { padding-right: .65625em; } .smc .smc-brand { font-size: 200%; } .fb-accent1 { background-color: #6d84b4; } .fb-accent2 { background-color: #4b67a1; } .fb-accent3 { background-color: #9cacd1; } .fb-accent4 { background-color: #e9eaed; color: #3b5998; } .tw-accent1 { background-color: #00b0ed; } .tw-accent2 { background-color: #00a9e6; } .tw-accent3 { background-color: #02acee; } .tw-accent4 { background-color: #2290bf; } .yt-accent1 { background-color: #cc181e; } .yt-accent2 { background-color: #e52d27; } .yt-accent3 { background-color: #cd201f; } .yt-accent4 { background-color: #000; } .smc-ig { background-color: #3f729b; } .ig-accent1 { background-color: #517fa4; } .ig-accent2 { background-color: #3b5998; } .ig-accent3 { background-color: #1c5380; } .ig-accent4 { background-color: #306088; } .smc-pin { background-color: #cb2027; } .pin-accent1 { background-color: #cc2127; } .pin-accent2 { background-color: #cf2d33; } .pin-accent3 { background-color: #cd1d1f; } .pin-accent4 { background-color: #d01d15; } .gplus-accent1 { background-color: #cd3b28; } .gplus-accent2 { background-color: #dd4b39; } .gplus-accent3 { background-color: #db4935; } .gplus-accent4 { background-color: #cc3b29; } .lnkdin-accent1 { background-color: #0976b4; } .lnkdin-accent2 { background-color: #0073b2; } .lnkdin-accent3 { background-color: #006699; } .lnkdin-accent4 { background-color: #71c5ef; color: #006699; } .smc-tumblr { background-color: #2c4762; } .tumblr-accent1 { background-color: #365470; } .tumblr-accent2 { background-color: #485e75; } .tumblr-accent3 { background-color: #35506c; } .tumblr-accent4 { background-color: #223547; } .smc-snap { background-color: #fffc00; color: #000; } .snap-accent1 { background-color: #fff; color: #000; } .snap-accent2 { background-color: #000; } .smc-vine { background-color: #00b489; } .vine-accent1 { background-color: #00b386; } .vine-accent2 { background-color: #00ac7f; } .smc-skype { background-color: #00aff0; } .skype-accent1 { background-color: #25ade5; } .skype-accent2 { background-color: #009ee5; } .skype-accent3 { background-color: #7fba00; } .smc-foursquare { background-color: #fc4575; } .foursquare-accent1 { background-color: #2d5be3; } .foursquare-accent2 { background-color: #f84777; } .foursquare-accent3 { background-color: #0732a2; } .foursquare-accent4 { background-color: #0631a1; } .smc-swarm { background-color: #ffb000; } .swarm-accent1 { background-color: #f26d00; } .swarm-accent2 { background-color: #ffa71c; } .smc-vimeo { background-color: #45bbff; } .vimeo-accent1 { background-color: #aad450; } .vimeo-accent2 { background-color: #f7b42c; } .vimeo-accent3 { background-color: #f27490; } .smc-andr { background-color: #a4c639; } .andr-accent1 { background-color: #90be4e; } .andr-accent2 { background-color: #a4ca39; } .smc-sound { background-color: #f50; } .sound-accent1 { background-color: #f70; } .sound-accent2 { background-color: #f30; } .sound-accent3 { background-color: #ff4b00; } .sound-accent4 { background-color: #ff3801; } .smc-yah { background-color: #430297; } .yah-accent1 { background-color: #500095; } .yah-accent2 { background-color: #3b009d; } .yah-accent3 { background-color: #38027c; } .yah-accent4 { background-color: #2d1152; } .smc-su { background-color: #eb4924; } .su-accent1 { background-color: #ec4b24; } .su-accent2 { background-color: #303030; } .su-accent3 { background-color: #ea5e33; } .su-accent4 { background-color: #ed5628; } .smc-flck { background-color: #f40083; position: relative; } .smc-flck-pink, .smc-flck-blue { height: 320px; position: absolute; top: 0; width: 50%; } .smc-flck-pink { background-color: #f40083; left: 0; word-wrap: break-word; } .smc-flck-blue { background-color: #006add; right: 0; } .flck-accent1 { background-color: #ff1981; } .flck-accent2 { background-color: #177fff; } .flck-accent3 { background-color: #ff0084; } .flck-accent4 { background-color: #246dd6; } .smc-drib { background-color: #ea4c89; } .drib-accent1 { background-color: #c32361; } .drib-accent2 { background-color: #444; } .drib-accent3 { background-color: #9ba5a8; } .smc-redd { background-color: #ff5700; } .redd-accent1 { background-color: #cee3f8; color: #336699; } .redd-accent2 { background-color: #ff4500; } .redd-accent3 { background-color: #336699; } .redd-accent4 { background-color: #5f99cf; } .smc-da { background-color: #4a5d4e; } .da-accent1 { background-color: #3b5a4a;} .da-accent2 { background-color: #b3c432; } .da-accent3 { background-color: #506256; } .da-accent4 { background-color: #ccd9c8; color: #3b5a4a;} .smc-pocket { background-color: #ee4056; } .pocket-accent1 { background-color: #ef3e56;} .pocket-accent2 { background-color: #42b7b0; } .pocket-accent3 { background-color: #9bcfcc; } .pocket-accent4 { background-color: #83edb8; } .pocket-accent5 { background-color: #50bcb6; } .pocket-accent6 { background-color: #fcb643; } .smc-quora { background-color: #a20; } .quora-accent1 { background-color: #fff; color: #a20; } .quora-accent2 { background-color: #2b6dad; } .smc-slide { background-color: #f7941e; position: relative; } .smc-slide-orange, .smc-slide-blue { height: 320px; position: absolute; top: 0; width: 50%; } .smc-slide-orange { background-color: #f7941e; left: 0; word-wrap: break-word; } .smc-slide-blue { background-color: #1191d0; right: 0; } .slide-accent1 { background-color: #f6921e; } .slide-accent2 { background-color: #0086cd; } .slide-accent3 { background-color: #e98325; } .slide-accent4 { background-color: #077bb7; } .smc-500px { background-color: #0099e5; } .f500px-accent1 { background-color: #222; } .f500px-accent2 { background-color: #fff; color: #222; } .smc-listly { background-color: #df6d46; position: relative; } .smc-listly-orange, .smc-listly-blue { height: 320px; position: absolute; top: 0; width: 50%; } .smc-listly-orange { background-color: #df6d46; left: 0; word-wrap: break-word; } .smc-listly-blue { background-color: #52b1b3; right: 0; } .listly-accent1 { background-color: #ce4f24; } .listly-accent2 { background-color: #333; } .listly-accent3 { background-color: #409092; } .listly-accent4 { background-color: #222; } /* =================================== 16 OLD BROWSERS =================================== */ .ie8 .header span.logo { padding: .25em 2em 0 .025em; } .ie8 .nav { position: absolute; width: 600px; } .ie8 .design-stage { float: left; } .ie8 .social-footer, .ie8 .footer-section, .ie8 .footer-section-third { width: 30%; } .ie8 .social-footer { max-width: 246px; } .ie8 .footer-section-third { max-width: 274px; } .ie8 .footer .vcard, .ie8 .footer-section-third { text-align: right; } /* =================================== 17 MEDIA QUERIES =================================== */ /* Max Width 1279 ------------------------------------------------------- */ @media only screen and (max-width: 1279px) { .home-page-text { margin: -94px auto 0; } .home-page-headline { font-size: 4.75em; line-height: 1.125em; } .home-page-tagline { font-size: 1.825em; line-height: 1.25em; padding: 1.125em 0; } .design-stage { width: 43%; } .social-footer, .footer-section, .footer-section-third { width: 30%; } .footer-section-third { padding: 1em 0; } #slide-1 .hsContent { bottom: 440px; } #post-4897 #slide-1 .hsContent, #post-4891 #slide-1 .hsContent, #post-5453 #slide-1 .hsContent, #post-4895 #slide-1 .hsContent{ bottom: 245px; margin-left: 4.25%; } .nav { border-top: solid 6px #7e93a8; padding-top: 11px; } .menu-toggle, .main-navigation.toggled .nav-menu { display: block; } .header span.logo { margin: 0 0 0 1em; } .nav .nav-bb { display: none; } .cbp-spmenu { background: #332e29; position: fixed; } .cbp-spmenu a { color: #efe8e3; display: block; font-size: 1.1em; font-weight: 300; } .cbp-spmenu a:focus, .cbp-spmenu a:hover { background: #6093a8; color: #fafafa; } .cbp-spmenu-vertical { height: 100%; top: 0; width: 200px; z-index: 1000; } .cbp-spmenu-vertical a { border-bottom: 1px solid #474747; padding: 1em; } .cbp-spmenu-left { left: -200px; } .nav.cbp-spmenu-left, .cbp-spmenu-left.cbp-spmenu-open { top: 94px; } .cbp-spmenu-left.cbp-spmenu-open { left: 0; } .cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .cbp-spmenu-vertical { font-size: 90%; width: 200px; } .cbp-spmenu-left { left: -200px; } .nav ul.main-nav { display: inline-block; float: none; width: 100%; } .nav ul li { padding-right: 0; width: 100%; } .social-nav { display: inline-block; float: none; padding: 10px 0 10px 7px; } .nav .social-nav li { font-size: 20px; width: auto; } .cbp-spmenu-vertical .social-nav a { border-bottom: none; color: #d8d2cd; padding: 10px; width: auto; } .cbp-spmenu-vertical .social-nav a:focus, .cbp-spmenu-vertical .social-nav a:hover { color: #fafafa; } .social-nav a i { text-align: center; width: 23px; } .header a.button { padding: 11px .75em 11px; } .header a.button:focus, .header a.button:hover { border-bottom: 1px solid #474747; } } @media only screen and (max-width: 1279px) and (orientation: landscape){ .home-page-headline { font-size: 42px; letter-spacing: 0.035em; } } /* Max Width 1200 ------------------------------------------------------- */ @media only screen and (max-width: 1200px) { .hsContent .about-headline { font-size: 80px; } } /* Max Width 1099 ------------------------------------------------------- */ @media only screen and (max-width: 1099px) { input#main-search { max-width: 33%; } .msearch-form .search-icon { left: calc(67% - 30px); } .design-stage h3 { line-height: 1.345em; } .about-us { width: 85%; } .post-383 .about-us { margin: 0 auto 0 5%; padding: 0 0 0 9px; } #slide-1 .hsContent { bottom: 400px; } #post-4897 #slide-1 .hsContent, #post-4891 #slide-1 .hsContent, #post-5453 #slide-1 .hsContent, #post-4895 #slide-1 .hsContent{ bottom: 175px; } .footer-section, .social-footer { padding: 2em 0 2.669em; } .footer-section { width: 50%; } .footer .mc4wp-form label { padding: 0 7%; } .social-footer { margin: 0 0 0 5%; } .social-footer li { width: 49%; } .social-footer a { padding: 0px 0.5%; } .footer #mc4wp_email { display: inline-block; } .social-footer h3 { padding-left: 0; } .social-footer, .social-footer h3, .footer-section-third, .footer .vcard { text-align: center; } .footer-section-third { padding: 2.69em 1em 5.28em; width: 100%; } .footer .vcard { margin: 0px 2.5%; } .social-footer, .footer .vcard { float: right; width: 45%; } input.s { max-width: 80%; } .footer .morelinks { float: none; margin: 4.4923em auto 2.69em; padding: 0 2.5%; } .footer .morelinks li { float: none; width: 100%; } } @media only screen and (max-width: 1099px) and (min-width: 881px) { } @media only screen and (max-width: 1024px) { #slide-1 .hsContent { bottom: 340px; } .home-hero-fullwidth { background: #1e2424 url('https://www.lockedowndesign.com/wp-content/uploads/2015/07/sacramento-web-design-company-1k.jpg') no-repeat center center; background-size: cover; } .home-hero-image { padding: 7.5% 5% 10%; } .testimonials-widget-testimonial { margin: 0 auto; max-width: 90%; } .testimonials-widget-testimonial blockquote p { margin: 0.625em 20px 1.345em 0; } .home .testimonials-widget-testimonial .image { margin-top: 2.225em; margin-bottom: 3.5em; margin-left: calc(50% - 360px); } } @media only screen and (max-width: 992px) { #slide-1 .hsContent { margin-left: 1.5%; } .hsContent .about-headline { font-size: 68px; } .single-post .content { width: 86%; } .unghostly { background-color: #fCf6f7; } } /* Max Width 991 ------------------------------------------------------- */ @media only screen and (max-width: 991px) { h1 { line-height: 1.25em; } .single-post .content { margin: 2em auto 0; } .about-us { width: 87%; } .portfolio-page-content .entry-content, .single-portfolio .entry-content { margin: 0; } p.case-study-paragraph, .case-studies p { max-width: 80%; } .post-383 .about-us { margin: 0 auto 0 1.5%; } } /* Max Width 880 ------------------------------------------------------- */ @media only screen and (max-width: 880px) { input#main-search { max-width: 40%; } .msearch-form .search-icon { left: calc(60% - 30px); } .content { clear: both; margin: 2em 5% 0; width: 90%; } .content-inner-div { padding: .75em .275em 0; } .home-page-headline { padding-top: .25em; } .hp-part-two-text { max-width: 82%; } .portfolio-page-content .entry-content, .single-portfolio .entry-content { margin: 0 8%; } p.case-study-paragraph, .case-studies p { max-width: 77%; } .page-id-472 .portfolio-page-content .entry-content { margin: 0; } .web-strategy .overview, .web-design .overview, .web-development .overview, .ecommerce-websites .overview, .ongoing-maintenance .overview, .seo-audit .overview { width: 62%; } .web-design .overview { left: 25%; } .testimonials-widget-testimonial blockquote { width: 90%; } .home .testimonials-widget-testimonial .image { margin-left: 5%; } .about-us { width: 88%; } .post-383 .about-us { margin: 0 auto 0 3.5%; width: 100%; } .contact-map-embed { float: none; height auto; margin-top: 0px; margin-bottom: 1.125em; padding-left: 0px; width: auto; } .contact-intro { float: none; padding-right: 0; width: 100%; } #slide-1 .hsContent { bottom: 260px; } .hsContent .about-headline { font-size: 56px; } .case-study-headline { line-height: 72px; margin: 76px auto 28px; } .footer-section-third { float: none; padding: 0 0 1.33em; } .social-footer, .footer-section, .morelinks, .footer .vcard { float: none; margin: 0 auto; max-width: 600px; padding: 2.69em 0; width: 90%; } .piwp { max-width: 90%; } } @media only screen and (max-width: 840px) { .case-study-headline { margin: 63px auto 24px; } } @media only screen and (max-width: 820px) { .below-post .mc_embed_signup { padding: 1.345em; } .page-template-blog-php .entry { margin: 0 3.5% 5.38em; } } @media only screen and (max-width: 798px) { .full-width-home .overview-left, .overview-right { padding: 5%; } } @media only screen and (max-width: 783px) { .overview-right, .overview-left { float: none; padding: 5%; } .service-img-right, .service-img-left { border: none; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; float: none; margin: 0; max-width: 90%; padding: 33% 5%; width: 100%; } } /*----------- under 768 under ---------------------- */ @media only screen and (max-width: 768px) { .search-box-wrapper-header { padding: 12px 0; } input#main-search { max-width: calc(95% - 41px); } .msearch-form .search-icon { left: calc(5% + 12px); } .main-wrap { padding-top: 98px; } .content-inner-div { padding: 0 .75em; } .home-page-headline { font-size: 3.5em; padding: 0; } .home-page-tagline { padding: .65em 0 1.25em; } .content { float: none; margin: 2em auto 0 !important; padding: 0px 4%; width: auto; } .about-content { margin-top: 0; padding: 0 3% 2.625em; } .about-headline { font-size: 4.75em; } #post-4897 #slide-1 .hsContent, #post-4891 #slide-1 .hsContent, #post-5453 #slide-1 .hsContent, #post-4895 #slide-1 .hsContent { bottom: 120px; margin-left: 1%; } #post-4891 .hsContent .about-headline, #post-4895 .hsContent .about-headline { font-size: 50px; } .portfolio-page-content .entry-content, .single-portfolio .entry-content { margin: 0 4%; } p.case-study-paragraph, .case-studies p { max-width: 88%; } .footer { float: left; } .smc p { font-size: 1em; } .web-strategy .overview, .web-design .overview, .web-development .overview, .ecommerce-websites .overview, .ongoing-maintenance .overview, .seo-audit .overview { left: auto; padding: 0 .75em; width: 84%; } .design-stage { min-height: 490px; width: 50%; } .design-process-story { padding: 5% 5% 3.75% 5%; width: 90%; } .design-process-headline { text-align: center; } .smc .twentyfive-w { width: 50%; } .page-template-about2 .about-content .entry-content { margin: 0 6.05%; } .single-post .content { width: 94%; padding: 0px 3%; } .below-post .mc_embed_signup { padding: 1.345em 2.125em; } .post-383 .about-us { margin: 0 auto 0 1%; } .page-id-383 h1 { margin: .625em 0 0; } .portfolio-page-content, .post-type-archive-portfolio .footer { margin-top: -3px; } .entry-content-portfolio { max-height: 800px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .portfolio-shades { background: rgba(0,0,0,.33); opacity: 1; } .portfolio-shades:focus, .portfolio-shades:hover { background: rgba(0,0,0,.75); } } /* Responsive Tables ----------------------------------------------------------*/ @media only screen and (max-width: 760px)/*, (min-device-width: 768px) and (max-device-width: 1024px)*/ { .responsive-table table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr { display: block; } .responsive-table th, .responsive-table td { padding: 8px 6px; width: auto; } .responsive-table thead tr { left: -9999px; position: absolute; top: -9999px; } .responsive-table tr { border: 1px solid #ccc; } .responsive-table td { border: none; border-bottom: 1px solid #232323; min-height: 40px; padding-left: 50%; position: relative; } .responsive-table td:before, .responsive-table td::before { background-color: #318c94; border-bottom: solid 1px #318C94; color: #fff; font-weight: 600; height: auto; left: 0; margin-right: 10px; min-height: 38px; min-width: 42%; padding: 8px 6px; position: absolute; top: 0; white-space: nowrap; } .php-date-table td:nth-of-type(1):before { content: "Character"; } .php-date-table td:nth-of-type(2):before { content: "Description"; } .php-date-table td:nth-of-type(3):before { content: "Example Output"; } } @media screen and (max-width: 720px) { .top-single-misc { height: 0; margin: 0; min-height: 0; opacity: 0; padding: 0; } .page .gform_wrapper .top_label input.medium, .page .gform_wrapper .top_label select.medium, #input_2_3 { width: 100%; } } @media only screen and (max-width: 700px) { .portfolio-shades p { font-size: 1.125em; } } @media screen and (max-width: 680px) { #slide-1 .hsContent, #post-4897 #slide-1 .hsContent, #post-4891 #slide-1 .hsContent, #post-5453 #slide-1 .hsContent, #post-4895 #slide-1 .hsContent { bottom: 0; } } @media only screen and (max-width: 640px) { .quick-linx { height: 290px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .below-post { margin: 2.215em 0px -1.345em; } .single-post .below-post { margin: 2.215em 0; } .design-stage { width: 75%; } } @media only screen and (max-width: 620px) { .testimonials-widget-testimonial { min-height: 280px; } .design-stage h3 { line-height: 1.345em; } } @media only screen and (max-width: 600px) { .header h1 { font-size: 1.75em; padding: .475em 3em 0 0; } .entry-content { margin: 0; } .home-page-headline { font-size: 2.25em; letter-spacing: .045em; padding: .125em 0; } .home-page-tagline { font-size: 1.5em; padding: .875em 0; } h2 { line-height: 1.423em; padding: .712em 0; } .content { float: none; margin: 0; padding: 0px 3%; width: 94%; } .about-content { margin-top: 0; } .about-headline { font-size: 4.25em; letter-spacing: .025em; } .contact-inner-div { padding-left: 0; } .contact-info { font-size: 1.5em; } .contact-page-hello p { padding: 0 2%; } .portfolio-page-content .entry-content, .single-portfolio .entry-content { margin: 0 3.5%; } .case-study-headline { font-size: 44px; line-height: 52px; } .footer-section { width: 49%; } .web-strategy .overview, .web-design .overview, .web-development .overview, .ecommerce-websites .overview, .ongoing-maintenance .overview, .seo-audit .overview { width: 90%; } .web-strategy h2, .web-design h2, .web-development h2, .ecommerce-websites h2, .ongoing-maintenance h2, .seo-audit h2 { text-align: center; } .web-design .overview, .ecommerce-websites .overview, .seo-audit .overview { left: 5%; } .web-strategy .overview, .web-development .overview, .ongoing-maintenance .overview { padding: 0 5%; } .testimonials-widget-testimonial blockquote { width: 84%; } .home .testimonials-widget-testimonial .image { margin-left: 8%; } .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right { float: none; width: auto; } .about-us { width: 90%; } .hsContent .about-headline { font-size: 50px; line-height: 50px; } } @media only screen and (max-width: 560px) { .header span.logo { display: block; float: none; padding: 29px 0 0 0; position: relative; text-align: center; } .logo .wordmark .nav-bb { top: 51px; } .header span.logo, .header span.logo a { margin: 0 auto; width: 240px; } .header span.logo a { font-size: 27px; padding: .25em 0; } .testimonials-widget-testimonial { min-height: 310px; } } @media only screen and (max-width: 520px) { .quick-linx { height: 420px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } /* = to 500 -------------------------------------------------------- */ @media only screen and (max-width: 500px) { .page .gform_wrapper .ginput_complex .ginput_right, .page .gform_wrapper .ginput_complex .ginput_left { display: block; width: 100%; } .page .gform_wrapper .ginput_complex .ginput_right { margin-left: 0; } } /* = Up to 480 -------------------------------------------------------- */ @media only screen and (max-width: 480px) { .header span.logo { clear: right; } .msearch { right: 7.5%; } .msearch-form { margin-right: 7.5%; } body .main-wrap { float: none; } .content-home { margin: -2px 0 0; padding: 0; } .home-page-headline { font-size: 2em; letter-spacing: .03em; } .home-page-tagline { letter-spacing: .018em; line-height: 1.2125em; padding: .75em 0; } .testimonials-widget-testimonial { min-height: 205px; padding-bottom: 1.45em; } .testimonials-widget-testimonial blockquote { margin: 0 1.381em; padding: .625em 0 1.45em; } .home .testimonials-widget-testimonial .image { margin-top: 1.345em; margin-bottom: .625em; } .ghostly h2, .eb { line-height: 1.1345em; } .ghostly h2 { margin-bottom: -61px; } .design-process-headline { font-size: 2em; padding-left: 0; text-align: center; } .content { margin: 0; } .content-inner-div { padding: 0 5%; } .content { float: none; padding: 0; width: 100%; } h2 { line-height: 1.384615384615385em; padding-bottom: .6923em; padding-top: .6923em; } .author-bio .avatar, .comment .avatar { height: 100px; width: 100px; } p.author-description { padding-left: 5%; } .about-us { margin: 0; width: 100%; } .about-headline { font-size: 3.75em; } #post-4897 .hsContent .about-headline, #post-4891 .hsContent .about-headline, #post-5453 .hsContent .about-headline, #post-4895 .hsContent .about-headline, .hsContent .about-headline { font-size: 24px; } .about-us .entry-content { margin-left: 5%; } .about-content .entry-content { margin: 0 6.05%; } .page-id-383 .about-content .entry-content { margin: 0 2%; } .page-id-383 .about-us { margin: 0; padding: 0; } .contact-page-hello p { padding: 0 4%; } .about-us p { margin-right: 5%; width: 95%; } .contact-content { margin: 0; } .contact-inner-div { padding-left: 4.25%; } .contact-h1 { line-height: 2em; } .contact-content input, .contact-content textarea { width: 84%; } .contact-info { font-size: 1.3165em; } .portfolio-shades .entry-title { padding-bottom: 0; } .case-study-headline { font-size: 42px; line-height: 48px; max-width: 96%; } .page-id-472 .portfolio-page-content .entry-content, .single-portfolio .entry-content { margin: 0 2.5%; } .social-footer { width: 90%; } .footer .mce-email { margin: .345em auto .65625em; text-align: center; } .mc-embedded-subscribe { margin: 0 auto; width: 230px; } .footer-tagline, .copyright { margin: 0 5%; width: 90%; } .footer-tagline { margin: 2.69em 5% 0; text-align: center; } .form-section { margin-bottom: .875em; } .tags { line-height: 1.625em; } } @media only screen and (max-width: 460px) { .testimonials-widget-testimonial { min-height: 360px; } .swd h2 { line-height: 1.3145em; margin-bottom: 0; font-size: 30px; } } @media screen and (max-width: 440px) { .page .gform_wrapper .gform_footer input.button, .page .gform_wrapper .gform_footer input[type="submit"] { max-width: 92.5%; width: 100%; } } @media only screen and (max-width: 410px) { .testimonials-widget-testimonial { min-height: 390px; } .design-stage { min-height: 510px; width: 90%; } .footer .mid-footer { width: 60%; } } /* => Below 400 px ----------------------------------------------- */ @media only screen and (max-width: 400px) { .header-inner-div { position: relative; } .header span.logo { float: none; padding: 12px 0 0 0; position: absolute; width: 100%; } .header span.logo a { display: inline-block; position: absolute; right: calc((100% - 170px) / 2); text-align: center; width: 170px; } .logo .wordmark .nav-bb { display: block; top: auto; bottom: -5px; } .test-headline { font-size: 26px; } .case-study { max-width: 380px; } .single-portfolio .case-study-headline { font-size: 42px; max-width: 94%; } /* Test Long Business Titles on iPhone */ .post-type-archive-portfolio .post-1185 h2, .post-type-archive-portfolio .portfolio-shades h2, .post-type-archive-portfolio .portfolio-shades p { font-size: 92.5%; } .content a, .content pre.prettyprint { word-wrap: break-word; } .content pre.prettyprint, textarea { width: 95%; } .sd-content ul li { display: block; width: 100%; } .single .sd-social-icon-text .sd-content ul li a.sd-button { text-align: center; width: 94%; } .portfolio-shades p { font-size: 1.125em; } .smc .twentyfive-w, .smc .thirtythree-w, .smc .fifty-w { width: 100%; } .home-hero-image { padding: 8% 10%; } .social-footer { width: 150px; } .social-footer li { display: block; margin: 0 auto; text-align: center; width: auto; } .social-footer a { padding: 0px 0.25em; text-align: center; } .smc p { font-size: 1em; font-weight: 500; margin-bottom: -16px; } .page-id-383 .about-us { margin: 0 2%; } } @media only screen and (max-width: 370px) { .testimonials-widget-testimonial { min-height: 430px; } } @media only screen and (max-width: 345px) { .quick-linx { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; height: 800px; } .footer .mid-footer { width: 80%; } input.msearch-submit { border-radius: 6px; } } @media only screen and (max-width: 320px) { .footer { float: none; margin-top: -5px; max-width: 298px; min-height: 1800px; padding-left: 2px; } .case-study { max-width: 300px; } .footer-section-third { max-width: 295px; } .testimonials-widget-testimonial { min-height: 480px; } } @media only screen and (min-width: 799px) and (max-width: 889px) { .service-img-left, .full-width-home .overview-left { float: left; } .service-img-right, .overview-right { float: right; } .service-img-right, .service-img-left { min-height: 253px; width: 24%; } .full-width-home .overview, .full-width-home { background-color: #fCf6f7; display: inline-block; float: right; min-height: 557px; } .overview-right, .full-width-home .overview-left { padding: 5% 7% 0; width: 52%; } } @media only screen and (min-width: 769px) and (max-width: 783px){ .home .web-strategy, .home .web-development, .home .ongoing-maintenance, .home .web-design, .home .ecommerce-websites, .home .seo-audit { margin-right: 0; margin-bottom: 0; margin-left: 0; } } /*min width 800*/ @media only screen and (min-width: 784px) and (max-width: 992px){ .home .web-strategy, .home .web-design, .home .web-development, .home .ecommerce-websites, .home .ongoing-maintenance, .home .seo-audit { margin-right: 0; margin-bottom: 0; margin-left: 0; min-height: 0; padding: 20% 5%; } .service-img-left, .full-width-home .overview-left { float: left; min-height: 0: /*557px */ } .service-img-right, .overview-right { float: right; min-height: 526px; } .service-img-right, .service-img-left { width: 31%; } .full-width-home .overview, .full-width-home { background-color: #fCf6f7; display: inline-block; float: right; min-height: 0; width: 43%; } .overview-right, .full-width-home .overview-left { padding: 5% 7%; width: 43%; } .full-width-home .overview-left { background-color: #fcf6f7; } } /* iPhone */ @media only screen and (max-width: 768px) and (orientation: landscape) { .home-page-headline { font-size: 36px; letter-spacing: 0.025em; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { .home-page-headline { font-size: 36px; letter-spacing: 0.025em; } } @media only screen and (max-width: 680px) and (orientation: landscape){ .home-page-headline { font-size: 28px; letter-spacing: 0.025em; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){ .home-page-headline { font-size: 28px; letter-spacing: 0.025em; } } /* Prevent auto-zoom on iPhone -------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 736px) { } @media screen and (min-width: 481px) { .content-home { background: #13181b url('https://www.lockedowndesign.com/wp-content/uploads/2015/08/sacramento-wordpress-web-design-medium2.jpg') no-repeat; margin: -24px 0 0; padding: 0; } } @media only screen and (min-width: 601px) { .process-cta-div { padding-right: 7%; } } @media only screen and (min-width: 660px) { .single-post .below-post { margin: 3.345em 0; } } @media only screen and (min-width: 769px) { .comment-body p { padding-left: 172px; } .portfolios-inner-wrapper { height: auto; margin: 0 auto; } .single-portfolio .portfolio-page-content { display: block; margin: 1.5% auto; max-width: 916px; width: 90%; } .entry-content-portfolio img { overflow: hidden; width: 100%; } .design-process-story, .web-strategy, .web-design, .web-development, .ecommerce-websites, .ongoing-maintenance, .seo-audit { background-size: cover; } .design-process-story { min-height: 1900px; padding: 5% 6.55% 3.75%; } .design-stage { float: left; margin: 0 2%; min-height: 600px; padding: 0 1.5%; width: 43% } .web-strategy, .web-development, .ongoing-maintenance { margin-bottom: 5%; margin-left: 7%; } .web-design, .ecommerce-websites, .seo-audit { margin-right: 7%; margin-bottom: 5%; } .web-strategy { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/web-strategy-large.jpg') center center no-repeat; } .web-design { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/web-design-large.jpg') center center no-repeat; } .web-development { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/wordpress-development-large.jpg') center center no-repeat; } .ecommerce-websites { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/ecommerce-large.jpg') center center no-repeat; } .ongoing-maintenance { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/ongoing-web-maintenance-large.jpg') center center no-repeat; } .seo-audit { background: transparent url('https://www.lockedowndesign.com/wp-content/uploads/2015/06/seo-audit-large.jpg') center center no-repeat; } .page-template-about2 .about-content .entry-content { padding-top: 1.31em; } .hello { font-size: 33px; } .tm-click-to-tweet .tm-ctt-text { max-width: 85%; } } @media only screen and (min-width: 800px) { } @media only screen and (min-width: 940px) { .design-stage { min-height: 560px; } .design-process-story { min-height: 1748px; } } @media only screen and (min-width: 992px) { .content-home { background: #13181b url('https://www.lockedowndesign.com/wp-content/uploads/2015/08/sacramento-wordpress-web-design-lrg.jpg') no-repeat; background-size: cover; } .footer-section-third { text-align: right; } } @media only screen and (min-width: 993px) { .home .main-wrap, .full-width-home .overview-left, .overview-right, .services-container { background-color: #fcf6f7; } } @media only screen and (min-width: 1000px) { .design-stage { min-height: 532px; } .design-process-story { min-height: 1684px; } } @media only screen and (min-width: 1024px) { .portfolio-page-content { display: inline-block; float: none; margin: -3px 0 -2px; text-align: center; width: 50%; } .post-type-archive-portfolio .portfolio-page-content { float: left; } .entry-content-portfolio { display: inline-block; } .post-type-archive-portfolio .footer { margin-top: -3px; } .home .bx-wrapper .bx-viewport { margin: 0 auto; max-width: 900px; } .testimonials-widget-testimonial { min-height: 205px; } } @media only screen and (min-width: 1025px){ .services-container { } } @media only screen and (min-width: 1190px) { .design-stage { min-height: 490px; } .design-process-story { min-height: 1584px; } } @media only screen and (min-width: 1280px) { .nav { position: absolute; right: calc(5% + 20px); } .nav ul .social-nav { margin-top: -7px; } .nav ul .social-nav li { padding-right: 14px; } .nav ul .social-nav li a { font-size: 22.325px; } .mobile-search { display: none; } .single-post .entry-title { margin-left: 0; } .single-post .entry-title, .single-post .entry-meta { text-align: center; } .single-post .content { float: none; margin: 2em auto 0px; max-width: 777px; width: auto; } .design-stage { height: 490px; max-height: 490px; } .social-footer, .footer-section, .footer-section-third { width: 30%; } .footer-section-third { padding: 1em 0; text-align: right; } .footer .vcard { text-align: right; } } @media only screen and (min-width: 1500px) { .design-process-story { min-height: 1280px; } .design-stage { height: 536px; max-height: 536px; min-height: 536px; padding: 1.75%; width: 25%; } .design-stage h3 { line-height: 1.345em; } .portfolios-inner-wrapper { max-width: 2400px; } .post-type-archive-portfolio .portfolio-page-content { max-height: 400px; overflow: hidden; width: 33.333%; } .portfolio-shades .entry-title { margin-top: 3.5em; } } @media only screen and (min-width: 1680px) { .design-stage { height: 474px; max-height: 474px; min-height: 474px; } .design-process-story { min-height: 1148px; } .home-hero-image { padding: 5% 5% 3.5%; } .process-cta-div { padding-right: 15.1%; } .page-id-383 .entry-content { background: transparent url('https://www.lockedowndesign.com/wp-content/themes/lockedown/images/pointing1.png') no-repeat 87% top; } } @media only screen and (min-width: 1900px) { .dd_outer { left: -40px !important; } } /* = Retina -------------------------------------------------------- */ /*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } @media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-resolution: 110dpi) { }*/ /* Print ----------------------------------------------------- */ @media print { body { background: #fff; color: #454545 !important; } .footer, .nav, .pagination, #comments, .testimonials-widget, .offwhite, .bx-wrapper, .test-headline, .design-stage p i, .fa, .page .post-featured-img, .single-post .post-featured-img, .single img { display: none; } .home-page-headline, .home-page-tagline, .branding a, .design-stage, .design-stage h3, .home-page-text p, .home-hero-image p, .services-headline { color: #454545 !important; } .branding { position: relative; } .header { border-bottom: solid 3px #7e93a8; height: 3em; } .content, .home-page-text, .web-strategy, .web-development, .web-design, .ecommerce-websites, .ongoing-maintenance, .seo-audit, .design-process-story, .full-width { margin: 24px 4%; width: 92%; } .content { margin-top: 0; } .web-strategy, .web-development, .web-design, .ecommerce-websites, .ongoing-maintenance, .seo-audit, .full-width, .ghostly, .design-process-story { height: auto; padding: 0 !important; } .web-strategy, .web-development, .web-design, .ecommerce-websites, .ongoing-maintenenace, .seo-audit { max-height: 2.67in; } .web-strategy .overview, .web-development .overview, .web-design .overview, .web-strategy .overview h2, .web-development .overview h2, .web-design .overview h2 { color: #454545; text-shadow: none; } .web-strategy .overview, .web-development .overview, .web-design .overview { left: 0; width: auto; } .entry-content { margin-left: 0; } .about-headline { font-size: 3em; } .design-stage { height: auto; max-height: auto; max-width: auto; min-height: 0; width: 88%; } a:link, a:visited { color: #318c94; background: transparent; font-weight: bold; text-decoration: underline; } .content a.more-link, .single-portfolio a.more-link, .hero-img-btn, .about-content .hero-img-btn { background-color: none; border: none; box-shadow: none; } .entry a:link:after, .entry a:visited:after, .entry-content a:link:after, .entry-content a:visited:after { content: " (" attr(href) ") "; font-size: 90%; } .entry-content .tm-click-to-tweet a:link:after, .entry-content .tm-click-to-tweet a:visited:after, .entry-content .author-bio a:link:after, .entry-content .author-bio a:visited:after, .entry-content .tags a:link:after, .entry-content .tags a:visited:after { content: none; } }