/*Theme Name: Plug Theme
URI: http://littlethemeshop.com/shop/plug-theme 
Author: Little Theme Shop 
Author URI: http://littlethemeshop.com 
Description: Plug is a one-page portfolio/resume theme for Wordpress that’s completely customizable. The theme comes with five sections that can be drag and dropped into any order. Comes with 50 Google fonts to choose from and unlimited colors to make your resume reflect the real (unique) you! 
Version: 2.2
Text Domain: plug-theme 
Plug Theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.Underscores is distributed under the terms of the GNU GPL v2 or later.*/ 

html { line-height:1.15; -webkit-text-size-adjust:100%; scroll-behavior:smooth } #page { overflow-x:hidden } body { margin:0; overflow-x:hidden } h1 { font-size:2em; margin:.67em 0 } hr { -webkit-box-sizing:content-box; box-sizing:content-box; height:0; overflow:visible } pre { font-family:monospace,monospace; font-size:1em } a { background-color:transparent } abbr[title] { border-bottom:0; text-decoration:underline; -webkit-text-decoration:underline dotted; text-decoration:underline dotted } b, strong { font-weight:bolder } code, kbd, samp { font-family:monospace,monospace; font-size:1em } small { font-size:80% } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sub { bottom:-.25em } sup { top:-.5em } img { border-style:none } .lazyload { opacity:0 } .lazyloading { opacity:1; -webkit-transition:600ms opacity; -o-transition:600ms opacity; transition:600ms opacity } .lazyloaded { opacity:1; -webkit-transition:100ms opacity; -o-transition:100ms opacity; transition:100ms opacity } button, input, optgroup, select, textarea { font-family:inherit; font-size:100%; line-height:1.15; margin:0 } button, input { overflow:visible } button, select { text-transform:none } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance:button } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style:none; padding:0 } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText } fieldset { padding:.35em .75em .625em } legend { -webkit-box-sizing:border-box; box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal } progress { vertical-align:baseline } textarea { overflow:auto } [type="checkbox"], [type="radio"] { -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height:auto } [type="search"] { -webkit-appearance:textfield; outline-offset:-2px } [type="search"]::-webkit-search-decoration { -webkit-appearance:none } ::-webkit-file-upload-button { -webkit-appearance:button; font:inherit } details { display:block } summary { display:list-item } template { display:none } [hidden] { display:none } body, button, input, select, optgroup, textarea { color:#222; font-family:"Montserrat",Helvetica,sans-serif; font-size:16px; font-size:1rem; line-height:1.6 } h1, h2, h3, h4, h5, h6 { overflow-wrap:unset;clear:both; font-family:"Subway-Black",sans-serif; font-weight:400; line-height:1em } .entry-content h2 { font-size:2rem; margin:20px 0 !important } .entry-content h3 { font-size:1.5rem } .entry-content h4 { font-size:1.2rem } .site-title { /* font-size:37px; */ /* padding: 0px 0px 50px 0px; */margin:5px; /* width: 100%; */ } p { margin-bottom:1.5em } .site-branding { -ms-flex-preferred-size:50%; flex-basis:50% } .site-description { font-size:11px; width:300px; /* margin-top: -50px; */ text-transform:uppercase; letter-spacing:.15em } dfn, cite, em, i { font-style:italic } blockquote { margin:0 1.5em } address { margin:0 0 1.5em } pre { background:#eee; font-family:"Courier 10 Pitch",Courier,monospace; font-size:15px; font-size:.9375rem; line-height:1.6; margin-bottom:1.6em; max-width:100%; overflow:auto; padding:1.6em } code, kbd, tt, var { font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace; font-size:15px; font-size:.9375rem } abbr, acronym { border-bottom:1px dotted #666; cursor:help } mark, ins { background:#fff9c0; text-decoration:none } big { font-size:125% } .entry-title, .sticky-title { font-size:60px; margin:20px 0 } .page-layout .entry-title { margin-top:-170px; color:#fff; margin-bottom:100px } .intro-paragraph { font-size:21px; letter-spacing:.1em } .entry-meta, .entry-sticky-meta { text-transform:uppercase; font-size:11px; color:#888; letter-spacing:.2em; margin:20px 0 } .entry-meta { margin:0 } .entry-meta a, .entry-sticky-meta a { color:#888 } .byline span { margin:0 30px } .entry-meta i { color:#a1a1a1; padding-right:7px } .entry-content a { font-weight:700 } .tags-links a { padding:2px 7px; font-size:10px; text-transform:uppercase; letter-spacing:.1em } .tags-links { word-wrap:break-word; display:block; margin:0 auto; width:100%; text-align:center } .tags-links a { margin:3px } .flex-footer-container { padding:20px 0 } html { -webkit-box-sizing:border-box; box-sizing:border-box } *, *:before, *:after { -webkit-box-sizing:inherit; box-sizing:inherit } body { background:#d6cadb } hr { background-color:#ccc; border:0; height:1px; margin-bottom:1.5em } ul, ol { margin:0 0 1.5em 3em } ul { list-style:disc } ol { list-style:decimal } li>ul, li>ol { margin-bottom:0; margin-left:1.5em } dt { font-weight:700; padding:0 20px } dd { margin:0 1.5em 1.5em } img { height:auto; max-width:100% } figure { margin:1em 0 } table { margin:0 0 1.5em; width:100% } button, input[type="button"], input[type="reset"], input[type="submit"] { border:1px solid; border-color:#ccc #ccc #bbb; border-radius:3px; background:#e6e6e6; color:rgba(0,0,0,.8); font-size:12px; font-size:.75rem; line-height:1; padding:.6em 1em .4em } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color:#ccc #bbb #aaa } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color:#aaa #bbb #bbb } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color:#666; border:1px solid #ccc; border-radius:3px; padding:3px } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color:#111 } select { border:1px solid #ccc } textarea { width:100% } a { color:#222; text-decoration:none } a:hover, *:hover { -webkit-text-decoration:bold; text-decoration:bold; transition:all .3s ease 0s !important; -webkit-transition:all .3s ease 0s !important; -o-transition:all .3s ease 0s !important; -moz-transition:all .3s ease 0s !important } a:focus { outline:thin dotted; color:#aaa } a:hover { outline:0; color:#aaa } .container { padding:0 30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .site-header { background:transparent; position:fixed; width:100%; top:0; left:0; padding:25px 0; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; z-index:30000; font-weight:700; /* min-height: 80px; */ } .page-template-homepage .site-header, .site-header.sticky-nav { padding:10px 0; } #masthead.light h1 a, #masthead.light p, #masthead.light ul li a { color:#fff } #masthead.light .navicon, #masthead.light .navicon:before, #masthead.light .navicon:after, #masthead.dark-light .navicon, #masthead.dark-light .navicon:before, #masthead.dark-light .navicon:after { background:#fff } #masthead.light-dark h1 a, #masthead.light-dark p { color:#fff } #masthead.light-dark ul li a { color:#222 } #masthead.dark h1 a, #masthead.dark p, #masthead.dark ul li a { color:#222 } #masthead.dark .navicon, #masthead.dark .navicon:before, #masthead.dark .navicon:after, #masthead.light-dark .navicon, #masthead.light-dark .navicon:before, #masthead.light-dark .navicon:after { background:#222 } #masthead.dark-light h1 a, #masthead.dark-light p { color:#222 } #masthead.dark-light ul li a { color:#fff } .site-header ul { text-transform:uppercase; font-size:12px; font-weight:400; letter-spacing:.1em } .site-header ul li a { /* margin-bottom: 5px; */ } .site-header ul li a:after { bottom:0; content:""; display:block; height:1.8px; left:50%; position:absolute; background:#222; -webkit-transition:width .3s ease 0s,left .3s ease 0s; -o-transition:width .3s ease 0s,left .3s ease 0s; transition:width .3s ease 0s,left .3s ease 0s; width:0 } .site-header ul li a:hover:after { width:100%; left:0 } .mobile-menu .sub-menu a:after, .social-media-icons a:after { display:none !important } .sub-menu li a { padding:10px 15px 10px 10px !important } .custom-logo { float:left; max-width:150px; height:auto; padding-top:5px; position:relative } #site-navigation { width:100%; font-weight:900 } .main-navigation ul { margin:0; float:right; /* max-width: 78%; */ } .main-navigation ul li { padding:0 10px; display:table-cell } .sticky-nav { background:#fff; -webkit-box-shadow:0 0 10px grey; box-shadow:0 0 10px grey; position:fixed } .sticky-nav a { color:#222 !important } .sticky-nav img { width:auto; max-height:67px } .sticky-nav .container { height:45px !important } .sticky-nav h1 { font-size:20px; min-width:300px; margin:5px; padding:0 } .sticky-nav p { display:none } .green { color:red !important } .nosticky { position:absolute !important } .site-header ul ul { -webkit-box-shadow:1px 2px 2px 1px rgba(0,0,0,.2); box-shadow:1px 2px 2px 1px rgba(0,0,0,.2); float:left; position:absolute; left:-999em; z-index:99999; margin:0; padding:0; background:#fff; letter-spacing:.15em; width:200px } .site-header ul ul li { margin-top:10px; float:left; width:150px } .main-navigation ul ul ul, .main-navigation-divided ul ul ul { left:-999em; top:0 } .main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul { left:100% } .main-navigation ul ul a { width:200px } .main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul { left:auto } .main-navigation li { position:relative } .main-navigation a { display:block; text-decoration:none } .social-media-icons { list-style-type:none; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; margin-top:8px; padding:0 } .social-media-icons li { padding-right:3px !important } .social-media-icons a:hover, .social-media-icons a:focus { color:#888 } .menu-icon { cursor:pointer; display:none; padding:10px 20px; position:absolute; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; clear:both; right:0; z-index:99999; top:20px; /* color: yellow; */ } .menu-icon .navicon { background:#222; display:block; height:3px; position:relative; -webkit-transition:background .2s ease-out; -o-transition:background .2s ease-out; transition:background .2s ease-out; width:23px } .sticky-nav .menu-icon .navicon, .sticky-nav .menu-icon .navicon:before, .sticky-nav .menu-icon .navicon:after { background:#222} .site-header .menu-icon .navicon:before, .site-header .menu-icon .navicon:after { background:#333; content:""; display:block; height:100%; position:absolute; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; width:100% } .site-header .menu-icon .navicon:before { top:6px } .site-header .menu-icon .navicon:after { top:-6px } .mobile-menu { background:#222; color:#fff; left:0; width:100%; -o-transition:all 600ms cubic-bezier(.42,0,.58,1); transition:all 600ms cubic-bezier(.42,0,.58,1); -webkit-transition:all 600ms cubic-bezier(.42,0,.58,1); -moz-transition:all 600ms cubic-bezier(.42,0,.58,1); -webkit-box-sizing:border-box; box-sizing:border-box; top:0; position:absolute; z-index:0; opacity:.9; height:0; overflow:hidden; display:none } .mobile-menu ul { padding:0; margin:0; list-style-type:none } .mobile-menu li, .mobile-menu a { color:#fff !important; margin:0; padding:20px; cursor:pointer } .mobile-menu li:hover, .mobile-menu li:focus { background-color:#111 } .mobile-menu .menu-item-has-children a:before { content:"+ " } .mobile-menu li:hover .sub-menu, .mobile-menu li:focus .sub-menu { display:block !important; max-height:900px !important } .mobile-menu .sub-menu a:before { content:"" } .mobile-menu .sub-menu { overflow:hidden !important; max-height:0 !important; -webkit-transition:all .5s ease-out !important; background:transparent; position:relative; float:none; -webkit-box-shadow:0 0; box-shadow:0 0; color:#222; left:0 } .mobile-menu .sub-menu a, .mobile-menu .sub-menu li { color:#222 !important } .site-header .menu-btn { display:none } .site-header .menu-btn:checked~.mobile-menu { height:800px; -webkit-transition:height 1s cubic-bezier(.42,0,.58,1); -o-transition:height 1s cubic-bezier(.42,0,.58,1); transition:height 1s cubic-bezier(.42,0,.58,1); -webkit-transition:padding 1s cubic-bezier(.42,0,.58,1); -o-transition:padding 1s cubic-bezier(.42,0,.58,1); transition:padding 1s cubic-bezier(.42,0,.58,1); -webkit-transition:all 1s cubic-bezier(.42,0,.58,1); -moz-transition:all 1s cubic-bezier(.42,0,.58,1) } .site-header .menu-btn:checked~.menu-icon .navicon { background:transparent !important } .site-header .menu-btn:checked~.menu-icon .navicon:before { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); background:#fff !important } .site-header .menu-btn:checked~.menu-icon .navicon:after { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); background:#fff !important } .site-header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before, .site-header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after { top:0 } @media screen and (max-width:900px) { .site-header img { max-height:60px !important; width:auto } .mobile-menu { display:block } #site-navigation li { display:none } .menu-btn, .menu-icon { display:inline-block } .social-media-icons { display:none } .site-footer .social-media-icons { display:block } .mobile-menu .social-media-icons { display:-webkit-inline-box !important; display:-ms-inline-flexbox !important; display:inline-flex !important; position:relative; margin-left:40px } .mobile-menu .social-media-icons li { padding:0 } .mobile-menu .social-media-icons li:hover { background:transparent } .mobile-menu .social-media-icons a:hover, .mobile-menu .social-media-icons a:focus { color:#999 } .mobile-menu .social-media-icons { border-top:1px solid #d2d2d2; width:80%; padding-top:20px } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin:50px auto; padding:10px; overflow:hidden; width:60%; grid-column:1/-1 } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:right; padding-right:15px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:50% } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align:left; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-left:15px; display:-webkit-box; display:-ms-flexbox; display:flex; width:50%; position:relative } .nav-next:after { content:"\2771"; font-size:30px; font-weight:700; right:0; left:auto; position:absolute } .nav-previous:before { content:" \2770"; font-size:30px; font-weight:700 } .nav-previous:hover, .nav-next:hover { color:#aaa } .nav-previous a, .nav-next a { font-weight:700; text-transform:uppercase; letter-spacing:.1em } .nav-next a { padding-right:40px } .nav-links { display:-webkit-box; display:-ms-flexbox; display:flex } .screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); -webkit-clip-path:inset(50%); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute !important; width:1px; word-wrap:normal !important } .screen-reader-text:focus { background-color:#f1f1f1; border-radius:3px; -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6); box-shadow:0 0 2px 2px rgba(0,0,0,.6); clip:auto !important; -webkit-clip-path:none; clip-path:none; color:#21759b; display:block; font-size:14px; font-size:.875rem; font-weight:700; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000 } #content[tabindex="-1"]:focus { outline:0 } .alignleft { float:left; margin-right:1.5em } .alignright { float:right; margin-left:1.5em } .aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content:""; display:table; table-layout:fixed } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear:both } .widget { margin:0 0 1.5em } .widget select { max-width:100% } .widget li { text-align:center; text-transform:uppercase; letter-spacing:.1em; font-size:11px; padding:16px; font-weight:700; background:#f9f9f9; margin-bottom:5px !important; margin-left:5px !important } .widget li a { margin-left:10px } .widget li:before { content:"" !important } .widget li:hover { background:#fff } .widget span { padding:0 10px } .widget h2 { font-size:20px !important; text-transform:uppercase; letter-spacing:.2em; text-align:center; margin:0; padding:10px; font-family:"Montserrat",sans-serif; line-height:1.4em } .widget p { text-align:center } .widget ul { margin:0; padding:0; list-style-type:none } .widget ul li { margin-bottom:20px; margin-left:30px } .widget ul li:before { content:"\27A4"; padding-right:10px; margin-left:-30px } .search-form label input { border-radius:0; width:100%; padding:10px; margin:7px auto; text-transform:uppercase; font-size:11px; letter-spacing:.2em; display:block } .search-submit { width:100%; background:#f7f7f7 !important; text-transform:uppercase; border:none !important; height:100%; cursor:pointer; border-radius:0 !important; padding:14px !important; letter-spacing:.3em; width:100%; margin:0 auto; display:block; font-weight:700 } .search-submit:hover { background:#222 !important; color:#fff !important } .sticky { display:block } .updated:not(.published) { display:none } .spacer { min-height:100px; display:block; width:100% } .page-content, .entry-content, .entry-summary { padding:0 20px 30px 20px } .site-main { min-height:1000px } .page-links { clear:both; margin:0 40px } #primary { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden } #primary.sidebar-left { -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse } #main { -webkit-box-flex:60%; -ms-flex:60%; flex:70%; min-width:0 } #secondary { -webkit-box-flex:20%; -ms-flex:20%; flex:20%; padding:30px; max-width:360px; margin:0 auto } #main article { background:#fff; margin:30px; -ms-word-wrap:break-word; word-wrap:break-word } #main .entry-header { padding:10px 20px } #primary.content-area { margin-top:70px } #main article .entry-content p { font-size:19px } article ol, article ul { margin:0 auto; width:90% } #main article form { padding:0 40px } .more-link, #contact-respond .contact-submit { display:inline-block; background:#333; border:0; color:#fff; text-align:center; width:150px; text-transform:uppercase; font-size:12px; padding:10px 0; letter-spacing:.17em; margin:0 auto 50px auto } .more-link:hover, .more-link:focus { color:#222; background:#fff; border:2px solid #222 } #main .posts-grid .sticky .more-link { margin:10px auto; /* text-align: center; */ display:block; border:2px solid #222 } .site-footer { background:#f9f9f9; color:#222; text-align:center; text-transform:uppercase; font-size:11px; letter-spacing:.2em; padding:20px 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .site-footer ul { list-style-type:none; margin:0; padding:0; display:inline } .site-footer li { padding-right:15px !important; display:inline } .site-footer>div { -ms-flex-preferred-size:33%; flex-basis:33% } figcaption { letter-spacing:.1em } .page-header { margin:32px auto 0 auto; width:95% } .page-title { margin:0; padding:5px 8px; text-align:center; font-size:50px } .archive-description p { font-size:16px; margin:0 } .posts-grid { display:-ms-grid; display:grid } _:-ms-fullscreen, .posts-grid { display:block } @supports(-ms-ime-align:auto) and (not(position:sticky)) { .posts-grid { display:block } .post-thumbnail img { width:100% !important; height:100% !important; max-height:1000px !important } .post-thumbnail { display:block; overflow:hidden } } .posts-grid .sticky .entry-footer { display:none } .sticky .entry-meta { text-align:center !important; font-size:12px !important; letter-spacing:.2em } .posts-grid article h2 { padding:0 15px 0 15px; margin:20px 0 0 0; width:100%; word-wrap:anywhere } .posts-grid .sticky h2 { padding:0 } .posts-grid article p { padding:0 15px 0 15px; margin:20px 0 0 0; width:100%; word-wrap:anywhere } .posts-grid .entry-content p { padding:0 } .posts-grid .grid-title { margin:10px 0 0 0; /* font-weight:700 */ /* font-size: 27px; */ } .posts-grid .sticky-title { margin:0; padding:10px 0 } .sticky p { padding-bottom:10px !important; margin-top:0 !important } .grid-more-link { text-transform:uppercase; font-size:13px; letter-spacing:.1em; border-bottom:2px solid #222; font-weight:700; margin:0 16px } .grid-more-link:hover { border-bottom:2px solid #aaa } .posts-grid article { padding-bottom:20px !important } .posts-grid .entry-meta { text-align:left; margin:0 !important; padding:20px 15px 0 15px; font-size:11px; letter-spacing:.3em } .posts-grid img:hover { opacity:.7 } .post-thumbnail { max-height:450px } .post-thumbnail img { -o-object-fit:cover; object-fit:cover; width:100%; max-height:450px } _:-ms-fullscreen, .post-thumbnail img { width:100% !important; height:100% !important; max-height:1000px !important } _:-ms-fullscreen, .post-thumbnail { display:block; overflow:hidden } .page-layout .post-thumbnail img { max-height:200px } .posts-grid .post-thumbnail img { height:400px } .page-layout .entry-title { font-size:61px; text-align:center; width:100% } .page-layout .entry-content { width:100%; padding:0 30px } #main .page-layout article .entry-content p { width:100% } .entry-page-header { text-align:center } #main .entry-content li { font-size:19px } .author-description { width:100%; letter-spacing:.1em; text-align:center } .wp-block-image img { margin:0 auto; display:block } .wp-block-quote { border:none !important; display:block; margin:25px auto !important; padding:10px; width:80% } .wp-block-quote p, blockquote p { z-index:9; font-size:20px; position:relative; text-align:center; font-weight:700; letter-spacing:.1em } .is-style-large p { font-style:normal !important } blockquote { text-align:center !important } cite { color:inherit !important } .wp-block-pullquote { border:0; margin:25px auto } .wp-block-table td, table td, .wp-block-table th, table th { padding:10px 20px; border:1px solid #eee; word-break:break-all; border:0 } .wp-block-table tr:nth-child(even), table tr:nth-child(even) { background-color:#f9f9f9 } .wp-block-cover-text { text-transform:uppercase; font-weight:700; letter-spacing:.15em } #main .entry-content figure a { border-bottom:0 } .comment-content a { word-wrap:break-word } .bypostauthor { display:block } #comments { padding:20px } #reply-title { font-size:35px } .form-submit input { display:block; text-align:center; width:200px; text-transform:uppercase; border:0; font-size:15px; font-weight:700; padding:10px 0; letter-spacing:.1em; border-radius:0; margin:0 auto } .form-submit input:hover { cursor:pointer; color:#222; background:#fff } .comment-author { display:inline-block; letter-spacing:.1em } .comment-author img { float:left; padding-right:10px } .comment-author .fn { text-transform:uppercase; font-size:15px } .comment-metadata, .reply { display:inline-block; max-width:350px; font-size:12px; text-transform:uppercase; letter-spacing:.1em; margin-left:5px } .reply { padding:10px } .comment-content p { padding:10px } .comment-metadata a, .reply a { color:#999 } #comments .comment-body { padding:20px } #comments .says { display:none } #comments .comment-list { margin:0 } #comments .comment-list, #comments .children { padding:0; list-style-type:none } #comments #respond { background:#f9f9f9; padding:20px; letter-spacing:.1em; font-size:14px } #comments #respond .comment-form-comment label { text-transform:uppercase } #comments #respond .comment-form-comment textarea { margin-top:10px; border-radius:0 } #comments .comments-title { font-size:30px; text-align:center; text-transform:uppercase } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display:none } .infinity-end.neverending .site-footer { display:block } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0 } embed, iframe, object { width:100% } .custom-logo-link { display:inline-block } .wp-caption { margin-bottom:1.5em; max-width:100% } .wp-caption img[class*="wp-image-"] { display:block; margin-left:auto; margin-right:auto } .wp-caption .wp-caption-text { margin:.8075em 1em } .wp-caption-text { text-align:center } .gallery { margin-bottom:1.5em } .gallery-item { display:inline-block; text-align:center; vertical-align:top; width:100% } .gallery-columns-2 .gallery-item { max-width:50% } .gallery-columns-3 .gallery-item { max-width:33.33% } .gallery-columns-4 .gallery-item { max-width:25% } .gallery-columns-5 .gallery-item { max-width:20% } .gallery-columns-6 .gallery-item { max-width:16.66% } .gallery-columns-7 .gallery-item { max-width:14.28% } .gallery-columns-8 .gallery-item { max-width:12.5% } .gallery-columns-9 .gallery-item { max-width:11.11% } .gallery-caption { display:block } #contact-respond .error { padding:5px 9px; border:1px solid red; color:red; border-radius:3px } #contact-respond .success { padding:5px 9px; border:1px solid green; color:green; border-radius:3px } #contact-respond form span { color:red } #contact-respond input, #contact-respond label, #contact-respond textarea { width:100%; font-size:13px; color:#222; letter-spacing:.1em; text-transform:uppercase; padding:10px 10px 10px 4px } #contact-respond .contact-submit:hover { background:#777; cursor:pointer } .about-section, .contact-section, .skills-section { display:-webkit-box; display:-ms-flexbox; display:flex; min-height:700px } .about-section .about-image-container, .skills-section .skills-image-container { -ms-flex-preferred-size:50%; flex-basis:50%; background-size:cover; background-position:50% 50%; min-height:600px } .about-section .about-content-container, .skills-section .skills-container { -ms-flex-preferred-size:50%; flex-basis:50%; padding:30px 30px 50px 30px; -ms-flex-item-align:end; -ms-grid-row-align:end; align-content:flex-end !important; } .about-section .about-content-container h2 { font-size:100px; margin:0; color:#fdfec9 } .about-section ul.social-media-icons { text-align:center; display:table !important; margin:0 auto; font-size:20px } .about-section ul.social-media-icons li { display:inline; margin:10px } .contact-section { -webkit-box-align:center; -ms-flex-align:center; align-items:center; /* color: #fff; */ } .contact-section .contact-info-container { -ms-flex-preferred-size:50%; flex-basis:50%; padding:30px; margin-top:50px } .contact-section .contact-info-container h2 { font-size:100px; margin:0 } .contact-section #contact-respond { -ms-flex-preferred-size:50%; flex-basis:50% } #contact-respond form { margin-right:30px } .contact-section .contact-info-container .contact-info { display:inline-block; vertical-align:top } .contact-section .contact-info-container p { font-size:18px; letter-spacing:.08em } .contact-section .contact-info-container .contact-icons span { padding:11px 0; font-size:20px; margin-right:15px } .contact-section .contact-info-container .contact-icons { font-size:18px; letter-spacing:.08em; word-break:break-all } .contact-icons .fa-map { float:left } .address-block { display:inline-block } .address-block p { margin:10px 0 } .work-timeline { /* background:#8BB7D0; */ } .work-timeline h2 { font-size:90px; width:20%; margin:0; padding:30px; /* color: #FFE4E6; */ display:inline-block } .work-timeline ul { padding:50px 0; margin:0; vertical-align:top; display:inline-block; width:60% } .work-timeline ul li { list-style-type:none; position:relative; width:6px; margin:0 auto; padding-top:50px; background:#fff } .work-timeline ul li::after { content:""; position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:30px; height:30px; border-radius:50%; background:inherit } .work-timeline ul li div { position:relative; bottom:0; width:400px; padding:15px; background:#f1f1f1; letter-spacing:.07em; font-size:15px } .work-timeline ul li div::before { content:""; position:absolute; bottom:7px; width:0; height:0; border-style:solid } .work-timeline ul li:nth-child(odd) div { left:45px } .work-timeline ul li:nth-child(odd) div::before { left:-15px; border-width:8px 16px 8px 0; border-color:transparent #f1f1f1 transparent transparent } .work-timeline ul li:nth-child(even) div { left:-439px } .work-timeline ul li:nth-child(even) div::before { right:-15px; border-width:8px 0 8px 16px; border-color:transparent transparent transparent #f1f1f1 } .work-timeline h3 { display:block; font-size:1.2rem; font-weight:700; margin-bottom:8px; font-family:"Montserrat",sans-serif } .work-timeline time { color:#999 } .work-timeline ul li::after { -webkit-transition:background .5s ease-in-out; -o-transition:background .5s ease-in-out; transition:background .5s ease-in-out } .work-timeline ul li.in-view::after { background:#f1f1f1 } .work-timeline ul li div { visibility:hidden; opacity:0; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out } .work-timeline ul li:nth-child(odd) div { -webkit-transform:translate3d(200px,0,0); transform:translate3d(200px,0,0) } .work-timeline ul li:nth-child(even) div { -webkit-transform:translate3d(-200px,0,0); transform:translate3d(-200px,0,0) } .work-timeline ul li.in-view div { -webkit-transform:none; -ms-transform:none; transform:none; visibility:visible; opacity:1 } .audio-section { padding: 50px; } .audio-section h2 { text-align:center; font-size:4em; margin: 0 0 20px 0; } .audio-section .file-wrapper { display:flex; align-items:top; } .audio-section h3 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; } .audio-section .file-wrapper .audio-sample { padding:30px; margin:30px; text-align:center; background-color: #fff; border-radius:20px; } .audio-section .audio-download { text-transform: uppercase; letter-spacing: .1em; /*! clear: both; */display: block; font-size:13px; margin-top:10px; } .audio-section .audio-download:before { content:"\f019"; font:normal normal normal 14px/1 FontAwesome; margin-right:6px; } @media screen and (max-width:900px) { .work-timeline ul li div { width:250px } .work-timeline ul li:nth-child(even) div { left:-289px } .work-timeline h2, .work-timeline ul { display:block; width:100% } } @media screen and (max-width:600px) { .work-timeline ul li { margin-left:20px } .work-timeline ul li div { width:calc(100vw - 91px) } .work-timeline ul li:nth-child(even) div { left:45px } .work-timeline ul li:nth-child(even) div::before { left:-15px; border-width:8px 16px 8px 0; border-color:transparent #f1f1f1 transparent transparent } } .skills-section h2 { margin:0; font-size:80px; padding:20px 20px 20px 0; /* text-align: right; */ } .skills-section .skills-container .graph { width:100%; height:100%; margin:0; padding:0 } .skills-section .skills-container .rotate { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg) } .skills-section .skills-container .bar-graph-bkg { display:block; width:100%; height:2.7em; /* background-color: #f9f9f9; */ margin-bottom:8px } .skills-section .skills-container .bar-graph-label { /* color: #fff; */ font-size:14px; margin:-32px 0 0 7px; text-transform:uppercase; font-weight:700; letter-spacing:.1em } .skills-section .skills-container span[class*="bar-graph-"] { display:block; height:2.7em; background-color:#e6e6e6; width:0; text-indent:-999px; -webkit-transition:all 1s ease-out .2s; -o-transition:all 1s ease-out .2s; transition:all 1s ease-out .2s } .portfolio-section h2 { text-align:center; margin:0; padding:30px 0; font-size:90px } .project { position:relative; display:inline-block; overflow:hidden; margin:10px; width:300px; height:auto; color:#000; font-size:16px; line-height:1.2em; text-align:center } .project *, .project *:before, .project *:after { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all .35s ease; -o-transition:all .35s ease; transition:all .35s ease } .project:before { position:absolute; top:10px; bottom:10px; left:10px; right:10px; content:""; background-color:#fff; opacity:0; -webkit-transform:scale(.1); -ms-transform:scale(.1); transform:scale(.1); -webkit-transition:all .35s ease; -o-transition:all .35s ease; transition:all .35s ease } .project img { width:300px; height:300px; -o-object-fit:cover; object-fit:cover; vertical-align:top } .project figcaption { position:absolute; top:0; bottom:0; left:0; right:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; opacity:0; padding:0 30px } .project h3 { margin:0 0 6px; text-transform:uppercase; font-size:1.1em; letter-spacing:2px; font-family:"Montserrat",sans-serif; font-weight:700 } .project p { margin:0 0 10px; opacity:.6; letter-spacing:.05em } _:-ms-fullscreen, .project p { width:250px } .project .icons { width:100% } .project a { margin:2px; display:inline-block } .project a i { background-color:#333; border-radius:3px; color:#000; display:block; font-size:20px; line-height:34px; text-align:center; width:34px } .project a i:before { color:#fff } .project a i:hover { background-color:#d2b17f; cursor:pointer } .project:hover:before, .project.hover:before { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } .project:hover figcaption, .project.hover figcaption { -webkit-transition-delay:.2s; -o-transition-delay:.2s; transition-delay:.2s; opacity:1 } .portfolio-section .project-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; max-width:1400px; margin:0 auto } .portfolio-section { padding:60px 0 } .free-content-container { padding:100px } .free-section h2 { font-size:90px; margin:0; text-align:center; padding:0 0 20px 0 } .free-section p { width:80%; margin:0 auto; font-size:18px } .page-section { padding:40px } .page-section h2 { text-align:center; font-size:90px; margin:0; padding:20px } .resume-button { display:block; margin:0 auto; width:200px; background:#222; color:#fff; text-align:center; text-transform:uppercase; font-size:14px; letter-spacing:.1em; font-weight:700; padding:6px; margin-top:6px } .resume-button:before { content:"\f019"; font:normal normal normal 14px/1 FontAwesome; margin-right:6px } @media screen and (max-width:500px) { #primary { display:block } .entry-title, .sticky-title { font-size:30px } .sticky-nav h1 { min-width:auto } .white-entry-wrapper { margin-left:35px } .site-title { font-size:1.3em; width:100%; -ms-flex-preferred-size:100%; flex-basis:100% } .container { height: 45px; } .site-description { display:none } .site-header img { max-height:45px !important } #site-navigation { -ms-flex-preferred-size:0; flex-basis:0% } .site-branding { text-align:center; margin-left:25px; } #main article { margin:0 10px 20px 10px } #main .entry-title { font-size:30px } #main .page-layout .entry-title { font-size:45px } #main .cat-head { font-size:10px } #main .entry-meta { font-size:10px } #main .entry-meta span { margin:0 3px } #main article p { margin:0 } .wp-block-pullquote p { font-size:25px } #main .flex-footer-container { padding:10px } .flex-footer-container .social-box { -ms-flex-preferred-size:100%; flex-basis:100%; text-align:center } .flex-footer-container .tags-links { -ms-flex-preferred-size:100%; flex-basis:100%; text-align:center } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { width:100% } .site-footer>div { -ms-flex-preferred-size:100%; flex-basis:100%; margin:5px } .site-footer { display:block } article h2, article h3, article h4 { padding:0 10px } .wp-block-media-text__content p { font-size:23px } #comments { padding:5px } #main .entry-content ul, ol { margin:0 40px 0 20px } #comments ul, #comments ol { margin:0 10px } .alignleft, .alignright { float:none; width:100%; display:block; margin:0 auto } .alignleft img, .alignright img { margin:0 auto; display:block } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size:20px } .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item, .blocks-gallery-item { min-width:100% !important } .page-layout .post-thumbnail { margin:40px 40px 20px 30px } section h2 { font-size:40px!important; word-wrap:break-word } .contact-section { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:15px } .contact-section .contact-info-container { padding:0 } .free-section p { width:100% } .free-content-container { padding:50px 15px !important } .free-content-container ul, .free-content-container ol { margin:0; padding:15px } .contact-section .contact-info-container { width:100% } .contact-section #contact-respond { width:100%; /* padding: 10px; */ } .audio-section { padding: 10px; } .audio-section h2 { font-size: 23m !important; margin: 20px; padding-bottom:15px; line-height: .8em; } .page-section { padding:10px } .work-timeline h2 { padding:50px 15px 10px 15px; word-wrap:break-word } .skills-section .skills-container .bar-graph-label { font-size:10px; margin-top:-30px; width:70% } .about-section .about-content-container, .skills-section .skills-container { padding:30px 10px 50px 10px; } } @media screen and (max-width:800px) { .site-header { padding: 10px 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .site-branding { flex-basis: 100%; width: 100%; } .site-header img { z-index:-1 } #secondary { padding:0 } section.widget { width:350px; margin:25px auto } .posts-grid { display:inline } .page-layout article { display:block } #main article form { padding:10px } .page-header { margin:0 10px 15px } .page-header .page-title { font-size:20px } .author-description { font-size:12px } .audio-section .file-wrapper { display: block; } .about-section, .skills-section { -webkit-box-flex:wrap; -ms-flex:wrap; flex:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .skills-section .skills-container { -ms-flex-preferred-size:100%; flex-basis:100%; width:100% } .about-section h2 { font-size:70px } .about-section .about-content-container { margin-top:0 !important } #masthead.light-dark .navicon, #masthead.light-dark .navicon:before, #masthead.light-dark .navicon:after { background:#fff } #masthead.dark-light .navicon, #masthead.dark-light .navicon:before, #masthead.dark-light .navicon:after { background:#222 } .about-section .about-image-container, .skills-section .skills-image-container { min-height:300px } } 
.project figcaption {
padding: 30px;
}
.project h3 {
margin: 0;
}