/* Theme Name: Identify Theme URI: http://themeforest.net Description: A personal portfolio WordPress theme suitable for designers but can be used for by other professionals who can showcase their work. The theme can also be used for blogs. Author: themebros Author URI: http://themebros.net License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 1.0.3 Please, do not modify any of the files in the theme, use a child theme to do it instead, it's easier then you think. The reason modifying the theme files isn't advised is because you'll lose your modifications when you update the theme. Table of Contents 1.0 Normalize 2.0 Columns 3.0 Typography 4.0 Form Elements 5.0 Header 5.1 Logo 5.2 Tagline 5.3 Navigation 6.0 Main 6.1 Portfolio 6.2 Portfolio Filters 6.3 Blog 6.3.1 Format post type 6.3.2 Quote post type 6.3.3 About Author 6.4 Blog List (homepage) 6.5 Comments 6.6 Skills 6.7 Work Experience 6.8 Sidebar 7.0 Footer 7.1 Social 8.0 Shortcodes 8.1 Buttons 8.2 Messages 8.3 Content Box and Accordion 9.0 JS Plugins 9.1 FlexSlider 9.2 Isotope 10.0 Responsive 10.1 Tablets 10.2 Phones (landscape + portrait) 10.3 Phones (portrait) 11.0 Helper Classes 12.0 WordPress Generated 13.0 Print Styles */ /** * 1.0 Normalize * * Change the defaults so they are same for all browsers * and include FontAwesome. */ /*! normalize.css v1.0.1 | MIT License | git.io/normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none;height:0} [hidden]{display:none} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} html,button,input,select,textarea{font-family:sans-serif} body{margin:0} a:focus{outline:thin dotted} a:active,a:hover{outline:0} input:focus { outline: 0; } textarea:focus { outline: 0; } h1{font-size:2em;margin:.67em 0} h2{font-size:1.5em;margin:.83em 0} h3{font-size:1.17em;margin:1em 0} h4{font-size:1em;margin:1.33em 0} h5{font-size:.83em;margin:1.67em 0} h6{font-size:.75em;margin:2.33em 0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:bold} blockquote{margin:1em 40px} dfn{font-style:italic} mark{background:#ff0;color:#000} p,pre{margin:1em 0} code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} q{quotes:none} q:before,q:after{content:'';content:none} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} dl,menu,ol,ul{margin:1em 0} dd{margin:0 0 0 40px} menu,ol,ul{padding:0 0 0 40px} nav ul,nav ol{list-style:none;list-style-image:none} img{border:0;-ms-interpolation-mode:bicubic} svg:not(:root){overflow:hidden} figure{margin:0} form{margin:0} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0;white-space:normal;*margin-left:-7px} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle} button,input{line-height:normal} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible} button[disabled],input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px} 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} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} @font-face { font-family: 'FontAwesome'; src: url('css/font/fontawesome-webfont.eot'); src: url('css/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('css/font/fontawesome-webfont.woff') format('woff'), url('css/font/fontawesome-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } [class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none!important;background-position:0 0;background-repeat:repeat}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}a [class^="icon-"],a [class*=" icon-"]{display:inline-block}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}.btn [class^="icon-"],.nav [class^="icon-"],.btn [class*=" icon-"],.nav [class*=" icon-"]{display:inline;line-height:.6em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}li [class^="icon-"],li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center}li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large{width:1.5625em}ul.icons{list-style-type:none;text-indent:-0.75em}ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{width:.75em}.icon-muted{color:#eee}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.35em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.35em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.35em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{height:.75em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.45em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.2em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"} ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { max-width: 100%; vertical-align: middle; height: auto; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .wrap { margin: 0 auto; width: 940px; } .dark-section { background: #2f3135; padding: 40px 0; } .light-section { background: #fff; border: 1px solid #d9d9d9; border-radius: 3px; -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); padding: 40px; } #container { perspective: 960px; } /** * 2.0 Columns * * Columns and the separator. */ .one-half { width: 455px; } .one-third { width: 293px; } .two-third { width: 617px; } .one-fourth { width: 212px; } .three-fourth { width: 698px; } .light-section .one-half { width: 414px; } .light-section .one-third { width: 266px; } .light-section .two-third { width: 562px; } .light-section .one-fourth { width: 175px; } .light-section .three-fourth { width: 668px; } .separator { height:1px; margin-bottom: 49px; clear: both; } .one-half, .one-third, .two-third, .one-fourth, .three-fourth { float:left; margin-right:30px; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right:0; } /** * 3.0 Typography */ body { background: #eceeef; color: #596064; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 15px; line-height: 26px; } a { color: #e14426; text-decoration: none; } a.hover { text-decoration: underline; } p { margin: 0 0 20px 0; padding: 0; } h1, h2, h3, h4 { color: #444; margin: 0 0 30px 0; padding: 0; } .portfolio-post h1, .portfolio-post h2, .portfolio-post h3, .portfolio-post h4, .blog-post h1, .blog-post h2, .blog-post h3, .blog-post h4 { margin: 0 0 20px 0; } h1, h2 { letter-spacing: -2px; } h3, h4 { letter-spacing: -1px; } h5, h6 { margin: 0 0 20px 0; padding: 0; } h1 { font-size: 38px; line-height: 1; } h2 { font-size: 30px; line-height: 1; } h3 { font-size: 25px; line-height: 1.3; } h4 { font-size: 20px; line-height: 1.3; letter-spacing: 0; font-weight: normal; } h5 { font-size: 18px; line-height: 1.5; } h6 { font-size: 16px; line-height: 1.5; } .dark-section { color: #bfc6ce; font-size: 14px; line-height: 25px; } .dark-section h2 { color: #fff; } h4.punchline { color: #a0a0a0; font-weight: normal; letter-spacing: 0; line-height: 1.4; } .section-heading { font-size: 30px; line-height: 1; margin: 0 0 40px 0; padding: 0; position: relative; text-align: center; } .section-heading span { background: #fff; border: 1px solid #d9d9d9; border-radius: 40px; -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); display: inline-block; padding: 20px 77px; position: relative; } ul.styled-list { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; } ul.styled-list li { border-bottom: 1px solid #eee; color: #a0a0a0; font-size: 15px; line-height: 1; margin: 0 0 12px 0; padding: 0 0 12px 0; } ul.styled-list span { display: inline-block; width: 130px; } blockquote { font-weight: 300; } table { border:1px solid #e0e0e0; border-spacing:0; width:100%; } table caption { font-weight:bold; margin-bottom:10px; } td { background: #f8f8f8; border:1px solid #e0e0e0; padding:5px; } th { background:#fff; border:1px dashed #dbdada; padding:5px; } /** * 4.0 Form Elements */ input[type="text"], textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 1px solid #c2c5ca; border-radius: 3px; font-size: 14px; line-height: 1.5; padding: 12px 20px; width: 100%; } input[type="text"] { line-height: 1; } input[type=submit] { background: #3c3e46; border: 0; border-radius: 3px; color: #fff; display: inline-block; font-size: 13px; font-weight: bold; line-height: 1; padding: 10px 24px; } textarea { height: 140px; } .contact-form-success, .contact-form-fail { display: none; } .contact-form .required-error { border-color: #e4887c; background: #fdf7f5; } input[type=text]:focus, textarea:focus { background: #f6f7f8; border-color: #afafaf; box-shadow: inner 0 0 1px #fff; } /** * 5.0 Header * * Header, Logo, Tagline and Navigation. */ #header { background: #fff; border-top: 3px solid #e14426; border-bottom: 1px solid #cacaca; -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); margin-bottom: 40px; padding: 25px 0; } .home #header { padding: 60px 0; perspective: 940px; } /** * 5.1 Logo * * Description of section. */ #logo { float: left; margin-right: 50px; width: 125px; position: relative; } .home #logo { width: auto; } /** * 5.2 Tagline */ #tagline { float: left; margin-top: 25px; width: 400px; } #tagline-title { font-size: 36px; line-height: 1; letter-spacing: -2px; margin: 0 0 12px 0; padding: 0; } #tagline-description { color: #a0a0a0; font-size: 20px; font-weight: 300; letter-spacing: -1px; line-height: 1; margin: 0; padding: 0; } .home #tagline-title { font-size: 46px; letter-spacing: -3px; } .home #tagline-description { font-size: 25px; line-height: 1.3; } /** * 5.3 Navigation */ /* Essential styles for superfish menu */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 150px; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { right: 110%; top: -10px; /* match top ul list item height */ z-index: 1500; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { right: 110%; /* match ul width */ top: -3px; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { right: 100%; /* match ul width */ top: -3px; } #nav { float: right; margin-top: 17px; text-align: right; } .home #nav { margin-top: 40px; } #nav ul { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; } #nav li { color: #7f7f7f; display: block; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 20px; } #nav a { color: inherit; text-decoration: none; } #nav li.current-menu-item > a, #nav li > a:hover { color: #e14426; } #nav ul ul { background: #fff; border: 1px solid #e3e3e3; border-radius: 3px; padding: 10px 15px; text-align: left; } #nav ul ul li { color: #9d9d9d; font-size: 14px; font-weight: normal; line-height: 1; margin: 0; padding: 0; } #nav ul ul li a { border-bottom: 1px solid #ededed; padding: 10px 0; } #nav ul ul li:last-child a { border-bottom: 0; } #mobile-navigation-container { display: none; padding-top: 20px; text-align: center; } #mobile-navigation-container select { -webkit-appearance: none; -moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC); background-position: right center; background-repeat: no-repeat; border: 1px solid #ddd; border-radius: 0 0 0 0; color: #545454; padding: 7px; width: 160px; width: 200px; margin: 10px auto 10px auto; } /** * 6.0 Main * * Main, Portfolio, Blog, Comments, Work exp, Sidebar. */ #main { margin-bottom: 40px; } .page-template-template-page-wrapped-left-sidebar-php #content, .page-template-template-page-left-sidebar-php #content { float: right; margin: 0 0 0 30px; } /** * 6.1 Portfolio * * Portfolio listing, portfolio single, featured project. */ .portfolio-posts { } .portfolio-post { margin-bottom: 30px; position: relative; text-align: center; } .page-template-template-portfolio-php .portfolio-posts-filter-style-animated .portfolio-post { margin: 0 10px 30px 10px !important; } .single .portfolio-post { text-align: left; } .portfolio-post-thumb { background: #fff; border: 1px solid #d9d9d9; -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 10px; position: relative; } .portfolio-post-thumb-overlay { background: #de3414; background: rgba(246, 82, 51, 0.9); bottom: 10px; color: #fff; display: none; font-size: 22px; font-weight: bold; line-height: 1; position: absolute; right: 10px; top: 10px; text-align: center; text-shadow: 1px 1px 0 rgba( 0, 0, 0, 0.2 ); left: 10px; } .portfolio-post-thumb.active .portfolio-post-thumb-overlay { display: block !important; } .portfolio-post-thumb-overlay span { left:0; position: absolute; right: 0; top: 40%; } .portfolio-post-thumb-overlay-viewing, .portfolio-post-thumb-overlay-loading { display: none; } .portfolio-post-thumb:hover .portfolio-post-thumb-overlay { display: block; } .portfolio-post .portfolio-post-title { color: #3d3c3c; font-size: 16px; letter-spacing: 0; line-height: 16px; margin: 20px 0 0 0; padding: 0; text-shadow: 1px 1px 0 #f6f7f7; } .portfolio-post-title a { color: inherit; } .portfolio-post-title a:hover { color: #e14426; } .portfolio-post-categories { margin-top: 6px; } .portfolio-post-categories ul { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; } .portfolio-post-categories li { color: #8a8a8a; display: inline-block; font-size: 15px; font-weight: 300; line-height: 15px; margin: 0; padding: 0; text-shadow: 1px 1px 0 #f6f7f7; } .portfolio-post-categories a { color: inherit; text-decoration: none; } .portfolio-post-categories a:hover { color: #e14426; } #featured-project { display: none; margin: 0 auto; margin-bottom: 40px; text-align: left; width: 940px; } #featured-project .portfolio-post { text-align: left; } /** * 6.2 Portfolio filters * * The category filters on portfolio listing * and the arrow navigation on portfolio single. */ .portfolio-filters { color: #bdbdbd; font-size: 12px; font-weight: bold; line-height: 1; margin: -10px 0 40px 0; text-align: center; text-shadow: 1px 1px 0 #f8f8f8; } .portfolio-filters ul { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; } .portfolio-filters li { display: inline-block; margin: 0 3px; } .portfolio-filters a { color: inherit; } .portfolio-filters a.active { color: #292d31; } .portfolio-post-newer, .portfolio-post-older, .portfolio-post-close { background: #fff; border: 1px solid #d9d9d9; border-radius: 25px; -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); color: #e3e3e3; font-size: 15px; height:15px; letter-spacing: 0; line-height: 1; overflow: hidden; padding: 10px; top: 17px; width: 15px; } .portfolio-post-newer:hover, .portfolio-post-older:hover, .portfolio-post-close:hover { background: #e14426; border-color: #e14426; color: #fff; } .portfolio-post-newer h3, .portfolio-post-older h3 { color: #fff; position: absolute; font-size: inherit; letter-spacing: -1px; line-height: 35px; opacity: 0; top: 0; white-space: nowrap; } .portfolio-post-newer h3 { left: 30px; } .portfolio-post-older h3 { right: 30px; } .portfolio-post-newer b { margin-left: 4px; } .portfolio-post-older b { margin-right: 4px; } .portfolio-post-newer { margin: 0 15px 0 0; position: absolute; right: 100%; text-align: left; } .portfolio-post-older { left: 100%; margin: 0 0 0 15px; position: absolute; text-align: right; } .portfolio-post-close { position: absolute; right: 0; top: 18px; } .single .portfolio-post-close { display: none; } .ie-ver-9 .portfolio-post-newer, .ie-ver-9 .portfolio-post-older { display: none !important; } /** * 6.3 Blog * * Blog posts listing and blog post single. */ .blog-posts { } .blog-post { border-bottom: 1px solid #f0f0f0; margin-bottom: 50px; padding-bottom: 50px; position: relative; } .blog-post:last-of-type { border-bottom: 0; padding-bottom: 0; } .single-post .blog-post { border-bottom: 0; padding-bottom: 0; } .blog-post-thumb { margin-bottom: 20px; } .blog-post-thumb img { border-radius: 3px; } .blog-post-title { margin-bottom: 20px; } .blog-post-title a { color: inherit; } .blog-post-title a:hover { color: #e14426; } .blog-post-info { color: #bebebe; font-size: 14px; line-height: 1; margin-bottom: 20px; } .blog-post-info ul { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; } .blog-post-info li { display: inline-block; margin: 0; padding: 0; } .blog-post-info a { color: inherit; } .blog-post-info a:hover { color: #e14426; } .blog-post-excerpt { color: #a0a0a0; font-size: 20px; line-height: 1.5; } .blog-post-content p:last-child, .blog-post-excerpt p:last-child { margin-bottom: 0; } .blog-post-content { margin-top: 30px; } /** * 6.3.1 Link post format */ .blog-post.format-link { text-align: center; } .format-link .blog-post-title { margin-bottom: 10px; } .format-link .blog-post-icon { color: #f1f1f1; font-size: 65px; position: absolute; top: 6px; left: 0; } /** * 6.3.2 Quote post format */ .blog-post.format-quote { text-align: center; } .format-quote .blog-post-quote { font-size: 28px; font-weight: 300; line-height: 1.3; } .format-quote .blog-post-quote-author { color: #888; font-size: 16px; line-height: 1; } /** * 6.3.3 About Author */ #about-author { margin-bottom: 50px; } #about-author h2 { margin: 0 0 10px 0; } #about-author h2 a { color: inherit; } #about-author-avatar { float: left; margin-right: 30px; } #about-author-avatar img { border-radius: 50%; } #about-author-content { overflow: hidden; } /** * 6.4 Blog List * * From the shortcode used on the homepage. */ .blog-posts-list { } .blog-post-list { margin-bottom: 30px; } .blog-post-list-title { font-size: 18px; letter-spacing: -1px; line-height: 1.3; margin: 0 0 10px 0; padding: 0; } .blog-post-list-title a { color: inherit; } .blog-post-list-title a:hover { color: #e14426; } .blog-post-list-date { color: #b2b7b9; display: block; font-size: 13px; line-height: 13px; margin: 0 0 12px 0; } .blog-post-list-content { font-size: 14px; line-height: 22px; } /** * 6.5 Comments * * Comments list and post comment form. */ #comments { background: #f6f7f8; margin: 0 -40px 40px -40px; padding: 40px; } .comments { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; } .comment { margin: 0 0 30px 0; } .comment-inner { background: #ffffff; border-radius: 3px; margin: 0 0 0 40px; padding: 25px 25px 25px 90px; position: relative; } .comment .comments-child { margin: 30px 0 0 40px; } .comment-info { border-bottom: 1px solid #f0f0f0; color: #62686f; font-size: 14px; line-height: 1; margin-bottom: 10px; padding-bottom: 10px; } .comment-author-avatar { left: -40px; position: absolute; } .comment-author-avatar img { border-radius: 50%; display: block; } .comment-meta { float: left; } .comment-meta ul { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; } .comment-meta li { display: inline-block; margin: 0 4px 0 0; padding: 0; } .comment-meta span { color: #c0c1c1; } .comment-reply { float: right; } .comment-reply a { color: #c0c1c1; } .comment-reply a:hover { color: #e14426; } .comment-content { color: #767b81; } #respond { } #reply-title { font-size: 38px; line-height: 1; } #reply-title small { font-size: 12px; letter-spacing: 0; line-height: 1; } #reply-title small a { color: inherit; } #reply-title small a:hover { color: #e14426; } /** * 6.6 Skills * * From the shortcode used on homepage. */ .skills { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; } .skills li { background: #3a3c41; border-radius: 2px; color: #fff; display: block; font-size: 12px; font-weight: bold; line-height: 12px; margin: 0 0 5px 0; padding: 13px; position: relative; } .skills span { position: relative; } .skills .skill-loading { bottom:0; border-radius: 2px; left:0; position: absolute; top:0; width: 0%; } /** * 6.7 Work Experience * * From the shortcode used for about page. */ .work-experiences { } .work-experience { border-top: 1px solid #eeeeee; margin-bottom: 30px; padding-top: 30px; } .work-experience-position { font-size: 24px; line-height: 1; letter-spacing: -1px; margin: 0 0 10px 0; padding: 0; } .work-experience-company { color: #a0a0a0; font-size: 20px; font-weight: normal; letter-spacing: 0; line-height: 1; margin: 0 0 20px 0; padding: 0; } .work-experience-timespan { background: #eceeef; border-radius: 3px; color: #abb0b3; display: inline-block; font-weight: bold; font-size: 15px; line-height: 15px; padding: 15px 22px; } /** * 6.8 Sidebar * * Sidebars and widgets. */ #sidebar { color: #666; } .widget { margin-bottom: 40px; } .widget-title { color: #b2b9c1; font-size: 18px; letter-spacing: 0; line-height: 1.2; margin-bottom: 18px; text-shadow: 1px 1px 0 #f5f5f5; } .widget ul { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; } .widget li a { border-bottom: 1px dotted #ccc; color: inherit; padding-bottom: 3px; } .widget li a:hover { color: #e14426; } .searchform .submit { display: none; } /** * 7.0 Footer */ #footer { } #footer .wrap { border-top: 1px solid #d7dcde; color: #656c6f; font-size: 13px; line-height: 1; padding: 20px 0; } #footer-copyright { float: left; line-height: 20px; } /** * 7.1 Social */ #footer-social { float: right; } .social { font-size: 20px; line-height: 1; list-style-type: none; margin: 0; padding: 0; } .social li { display: block; float: left; margin-right: 5px; padding: 0; } .social a { display: block; opacity: 0.8; } .social a:hover { opacity: 1; } .social-twitter a { color: #00afef; } .social-facebook a { color: #3b5998; } .social-github a { color: #201f1f; } .social-linkedin a { color: #007fb2; } .social-pinterest a { color: #cc2127; } .social-google-plus a { color: #cd3c2a; } .social span { } /** * 8.0 Shortcodes * * Buttons, content box, accordion. */ /** * 8.1 Buttons */ .pagination a, .button { background: #fff; border-radius: 3px; color: #abb0b3; display: inline-block; font-weight: bold; font-size: 15px; line-height: 15px; margin-bottom: 5px; padding: 15px 22px; } .light-section .pagination a, .light-section .button { background: #eceeef; } .pagination a:hover, #sidebar .button:hover, .button:hover, input[type=submit]:hover { background: #e14426; border-color: #e14426; color: #fff; text-decoration: none; } /* red */ .content-box-title.red, .button.red { background: #fd614d; color: #fff; } .content-box-title.red:hover, .button.red:hover { background: #e45947; } /* orange */ .content-box-title.orange, .button.orange { background: #e66a3a; color: #fff; } .content-box-title.orange:hover, .button.orange:hover { background:#dc6638; } /* light green */ .content-box-title.lightgreen, .button.lightgreen { background: #b5cb65; color: #fff; } .content-box-title.lightgreen:hover, .button.lightgreen:hover{ background: #abc060; } /* green */ .content-box-title.green, .button.green { background:#67ce99; color: #fff; } .content-box-title.green:hover, .button.green:hover { background:#62c492; } /* light blue */ .content-box-title.lightblue, .button.lightblue { background: #69c7cd; color: #fff; } .content-box-title.lightblue:hover, .button.lightblue:hover{ background: #63bbc1; } /* blue */ .content-box-title.blue, .button.blue { background: #6c8fbf; color: #fff; } .content-box-title.blue:hover, .button.blue:hover { background: #6889b6; } /* purple */ .content-box-title.purple, .button.purple { background: #987cc7; color: #fff; } .content-box-title.purple:hover, .button.purple:hover { background: #9176be; } /* pink */ .content-box-title.pink, .button.pink { background: #c575bc; color: #fff; } .content-box-title.pink:hover, .button.pink:hover { background: #bc71b4; } /* white */ .content-box-title.white, .button.white { background: #efefef; } .content-box-title.white:hover, .button.white:hover{ background: #e5e4e4; color: #444; } /* black */ .content-box-title.black, .button.black { background: #383d43; color: #fff; } .content-box-title.black:hover, .button.black:hover { background: #30353a; } .button span.button-icon { margin-right: 10px; } /** * 8.2 Messages */ .message { border-radius: 3px; padding: 15px; } .message.information { background: #deeef7; } .message.success { background: #c1dc9f; border: 1px solid #aec98d; box-shadow: inset 0 1px 0 0 #dbf4bd; color: #64754f; text-shadow: 1px 1px 0 #dbf4bd; } .message.error { background: #fde0e0; } .message.warning { background: #fdfadc; } /** * 8.3 Content Box */ .content-box { } .content-box-title { cursor: pointer; font-weight: bold; line-height: 1; padding: 15px 20px; position: relative; } .content-box-toggle { display: block; position: absolute; right: 20px; top: 15px; } .content-box-content { border: 1px solid #e1e1e1; border-top: 0; padding: 10px 20px; } .accordion .content-box { margin-bottom: 15px; } .accordion .content-box:last-child { margin-bottom: 0; } /* * 9.0 JS plugins * * FlexSlider, Isotope... */ /* * 9.1 FlexSlider * * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles */ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Theme */ .slider-container { position: relative; } /* Direction Nav */ .flex-direction-nav { *height: 0; position: absolute; left: 0; right: 0; top: 48%; } .flex-direction-nav a { color: #fff; cursor: pointer; display: block; font-size: 15px; line-height: 15px; height: 15px; position: absolute; width: 15px; z-index: 1000; } .flex-direction-nav .flex-next { right: 20px; } .flex-direction-nav .flex-prev { left: 20px; } .flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); } /** * 10.0 Responsive * * Tablets and phones. */ /** * 10.1 Tablets */ @media only screen and (min-width: 768px) and (max-width: 959px) { body { overflow-x:hidden; } /* Wrapper */ #featured-project, .wrap { width: 728px; } /* Columns */ .one-half { width: 349px; } .one-third { width: 222px; } .two-third { width: 476px; } .one-fourth { width: 159px; } .three-fourth { width: 539px; } .light-section .one-half { width: 308px; } .light-section .one-third { width: 195px; } .light-section .two-third { width: 421px; } .light-section .one-fourth { width: 139px; } .light-section .three-fourth { width: 477px; } ul.styled-list span { width: 100px; } } /** * 10.2 Phones (landscape and portrait) */ @media only screen and (max-width: 767px) { body { overflow-x:hidden; } /* Wrapper */ #featured-project, .wrap { width: 440px; } .light-section { padding: 15px; } #main { margin-bottom: 0; } /* Typography */ #reply-title, h1 { font-size: 30px; line-height: 1.3; } .section-heading { font-size: 18px; letter-spacing: 0; line-height: 18px; } .section-heading span { padding: 15px 50px; } /* Columns */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth { width: 440px !important; margin: 0; margin-bottom: 40px; } .light-section .one-half, .light-section .one-third, .light-section .two-third, .light-section .one-fourth, .light-section .three-fourth { width: 100% !important; } form .one-half, form .one-third, form .two-third, form .one-fourth, form .three-fourth { margin-bottom: 20px; } .home #header, #header { padding: 30px 0; } .home #logo, #logo { float: none; margin: 0 auto; margin-bottom: 10px; width: 90px; } #tagline { float: none; margin: 0; text-align: center; width: auto; } .home #tagline h1, #tagline h1 { font-size: 25px; letter-spacing: -1px; line-height: 1.3; margin: 0; } .home #tagline h2, #tagline h2 { font-size: 18px; line-height: 1.3; } #nav { display: none; } #mobile-navigation-container { display: block; } /* Blog */ .blog-post-icon { display: none; } .blog-post-excerpt { font-size: 16px; line-height: 1.5; } .blog-post-info { line-height: 1.3; } /* Portfolio */ .portfolio-filters { display: none; } .portfolio-post-newer, .portfolio-post-older { display: none; } /* Comments */ #comments { margin-left: -15px; margin-right: -15px; } .comment-inner { margin: 0; padding: 20px; } .comment-author-avatar { display: none; } .comment-meta span { display: none; } #comments .children { padding: 0; } } /** * 10.3 Phones (portrait) */ @media only screen and (max-width: 479px) { body { overflow-x:hidden; } /* Wrapper */ #featured-project, .wrap { width: 280px; } /* Columns */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth { width: 280px !important; } .light-section .one-half, .light-section .one-third, .light-section .two-third, .light-section .one-fourth, .light-section .three-fourth { width: 100% !important; } ul.styled-list span { display: block; margin-bottom: 10px; } } /** * 11.0 Helper classes */ .clean-list { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; } .clean-list ul, .clean-list ol { list-style-type: none; list-style-position: inside; } .clean-list li { margin: 0; padding: 0; } .align-center { text-align: center; } .fl { float:left; } .fr { float:right; } img.fl, img.alignleft { float: left; margin: 0 25px 25px 0; } img.fr, img.alignright { float: right; margin: 0 0 25px 25px; } .last { margin-right: 0; } .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .wrap:before, .wrap:after, .clearfix:before, .clearfix:after { content: " "; display: table; } .wrap:after, .clearfix:after { clear: both; } .wrap, .clearfix { *zoom: 1; } .clear { clear: both; } /** * 12.0 WP Generated */ .sticky { } .gallery-caption { } .bypostauthor { } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float:left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float:right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float:left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .lightbox-image img { display: block; margin-bottom:10px; overflow:hidden; padding: 4px; background-color: #eee; box-shadow: 0 0 5px #ccc; border: 1px solid #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .lightbox-image img:hover { opacity:0.7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } /** * 13.0 Print styles */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }