/* TABLETS */
@media screen and (min-width: 769px) {
    /* ----- TYPOGRAPHY ----- */
     h1 {
         font-size: 3.20em;
         letter-spacing: -1px;
    }
     h2 {
         font-size: 1.30em;
    }
     h3 {
         font-size: 1.20em;
    }
     h4 {
         font-size: 1.10em;
    }
     h5 {
         font-size: 1.00em;
    }
     h6 {
         font-size: 1.00em;
    }
     p {
         margin: 0 0 1.4em 0;
    }
    /* LAYOUT */
     .site-main {
         padding-bottom: 4em;
    }
     .entry-header {
         padding-top: 3em;
    }
     .entry-content {
         padding-top: 1.0em;
    }
     .post-thumbnail + div .entry-content {
        /* padding-top: 4.4em;
         */
    }
    .site-content {
        margin-left: 180px;
        margin-right: 20px;
    }
     .post .entry-content > p {
         font-size: 16px;
         line-height: 30px;
    }
     .entry-meta {
         letter-spacing: 1px;
    }
     .entry-meta > span {
         margin-right: 18px;
    }
    /* *****FIXED HEADER ****** */
    /* Disable CSS Transforms on fixed elements : buggy in browsers */
     .csstransforms.is-header-fixed .nav-menu {
         left: -240px;
         -ms-transform: none;
         -webkit-transform: none;
         transform: none;
    }
     .csstransforms.is-header-fixed.is-menu-toggled-on body {
         left: 240px;
         -ms-transform: none;
         -webkit-transform: none;
         transform: none;
    }
     .is-header-fixed .site-header {
         position: fixed;
         top: 0;
         left: 0;
         z-index: 999;
         background: #017acb !important;
    }
    .is-header-fixed .nav-menu {
		/* margin-left: 110px; */
	}
     .is-header-fixed #main {
         position: relative;
         top: 105px;
        /* 54px */
    }
     .is-header-fixed.is-menu-toggled-on {
         position:relative;
         overflow: hidden;
    }
     .is-header-fixed .nav-menu {
         position: fixed;
         height: 100%;
         min-height: 100%;
         max-height: 100%;
         bottom: auto;
         overflow: auto;
         -webkit-overflow-scrolling: touch;
    }
     .is-header-fixed.is-menu-toggled-on .nav-menu {
         left: 0;
    }
     .is-header-fixed.is-menu-toggled-on .site-header {
         left: 240px;
    }
    /* ios overflow hidden fix - works but body jumps to top (bad solution) html, body.is-menu-toggled-on {
         height: 100%;
         overflow: hidden;
    }
    */
    /* HEADER SEARCH */
     .search-box #search-field {
         padding: .4em 1.0em;
         font-size: 32px !important;
         text-align: center;
    }
    /* FOOTER */
     .site-footer {
         padding: 2em 0;
         margin-top: 3em;
    }
    /* FOOTER WIDGETS */
     .site-footer .widget-area .widget {
         width: 50%;
         float: left;
    }
     .site-footer .widget-area .widget:nth-child(odd) {
         padding-right: 3em;
    }
     .site-footer .widget-area .widget:nth-child(2n+1) {
         clear: left;
    }
    /* PAGINATION */
     .navigation, .post-pagination {
         padding: 3em 0;
         letter-spacing: 1px;
    }
     .navigation a {
         padding: 1.6em 2.4em;
    }
     .post-pagination li a {
         padding: .8em 1.4em;
         margin: 0 .2em;
         border-radius: 28px;
    }
    /* SIDEBAR */
     .with-sidebar {
         float: left;
         width: 55%;
    }
     .sidebar {
         float: left;
         width: 45%;
         max-width: 400px;
         padding-top: 4em;
         padding-right: 2em;
    }
     .with-sidebar h1 {
         font-size: 2.20em;
    }
    /* Blog Single With Featured Image + Sidebar */
     .post-thumbnail + .with-sidebar + .sidebar {
         padding-top: 4em;
    }
    /* POST THUMBNAIL FOR PAGES */
     .post-thumbnail:empty, .post-thumbnail.empty {
         min-height: 400px;
    }
    /* SOCIAL FEED */
     .social-feed ul li {
         margin:0 1em 1em 0;
    }
     .social-feed ul li img {
         max-width: 75px 
    }
    /* FLICKR WIDGET */
     .flickr_badge_image {
         margin:0 1em 1em 0;
    }
     .flickr_badge_image img {
         max-width: 75px;
    }
    /* INSTAGRAM WIDGET */
     .si_feed_widget .si_item {
         margin: 0 1em 1em 0;
    }
     .si_feed_widget .si_item img {
         max-width: 75px;
    }
    /* twitter embed widget */
     .widget_text iframe.twitter-timeline {
         height: 400px;
    }
    /* recent entries widget */
     .widget_recent_entries ul li {
         padding: .7em 0;
         font-size: 1.4em;
         letter-spacing: -1px;
    }
    /* READ NEXT */
     .read-next {
         margin: 2em 0;
    }
     .read-next .post-thumbnail .entry-header {
         padding-top: 3em;
    }
     .read-next h3 {
         margin-bottom: 8em;
         padding-top: 0.3em;
         font-size: 0.925em;
         letter-spacing: 2px;
    }
     .read-next .no-featured-image h3 {
         margin-bottom: 3em;
    }
    /* PORTFOLIO */
     .portfolio.media-grid {
         margin: 3em 0;
    }
    /* PORTFOLIO SINGLE */
     .type-portfolio .entry-content > p img, .type-portfolio .entry-content > iframe {
         margin-top: 1.4em;
    }
    /* GALLERY */
     .r-gallery {
         margin: 0 0 5em 0;
    }
     .entry-header + .layout-full .r-gallery {
         margin: 3em 0 5em;
    }
    /* GALLERY SINGLE */
     .rg-gallery {
         padding-top: 3em;
    }
    /* Image Wrapper */
     .rg-image-wrapper{
         padding: 40px;
    }
     .rg-image-nav a{
         width: 40px;
         background-position: -60% 50%;
    }
     .rg-image-nav a.rg-image-nav-next{
         background-position: 150% 50%;
    }
    /* BLOG MASONRY */
     .blog-masonry {
         margin: 3em 0;
         width: 100%;
         margin-left: 0;
    }
     .blog-masonry .hentry {
         padding: 0.2em 1.4em;
    }
     .with-sidebar .blog-masonry {
         margin: 5em 0;
    }
     .blog-masonry .hentry h1 {
         font-size: 1.4em;
    }
    /* BLOG SIMPLE */
     .blog-simple ul h1 {
         font-size: 1.9em;
         letter-spacing: 0px;
    }
     .blog-simple ul .hentry {
         padding: 2em 0 1em 0;
    }
    /* BLOG ALT */
     .entry-header + .blog-alt {
         padding-top: 3em;
    }
     .blog-alt.masonry .x2 h1 {
         font-size: 2.60em !important;
    }
     .blog-alt.masonry .x2 .post-thumbnail .entry-header {
         padding-top: 40%;
    }
     .blog-alt h1 {
         font-size: 2.2em;
    }
     .with-sidebar .blog-alt h1 {
         font-size: 1.7em;
    }
    /* POST FORMATS */
     .entry-meta .post-format {
         font-size: 21px;
         width: 52px;
         line-height: 46px;
    }
     .entry-content .media-wrap, .entry-content .flexslider {
         margin-bottom: 1.8em;
    }
    /* link */
     .format-link .entry-content {
         padding-top: 1em;
    }
     .format-link .link-content > a:first-child {
         font-size: 1.8em;
         padding: .4em 1.2em;
         margin-bottom: 1em;
         border-radius: 8px;
    }
    /* chat */
     .chat-text p {
         padding: 7px 14px;
         margin-bottom: .9em;
    }
    /* satus */
     .format-status .entry-content {
         padding-top: 1em;
    }
     .format-status .entry-content > p:first-child {
         font-size: 1.4em;
    }
    /* aside */
     .format-aside .entry-content {
         padding-top: 1em;
    }
     .format-aside .aside-content {
         padding-left: 5em;
         padding-top: 1.8em;
    }
     .format-aside .aside-content:before {
         left: 2.6em;
    }
    /* quote */
     .format-quote .entry-content {
         padding-top: 1em;
    }
     .format-quote blockquote {
         font-size: 2.4em;
         line-height: 1.3;
         padding: 0 0 1.6em 0;
         width: 100% !important;
         margin-left: 0 !important;
    }
    /* gallery */
     .gallery {
         margin-bottom: 1.8em;
    }
    /* FORMS */
     input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]), select, .uploader, .selector {
         max-width: 360px;
    }
     textarea {
         min-height: 14em;
         max-width: 768px;
    }
    /* MEDIA WRAP */
     .media-wrap iframe {
         height: 416px;
    }
    /* AUDIO PLAYER */
     .mejs-container .mejs-controls .mejs-time {
         padding: 8px 10px 4px 8px;
    }
     .mejs-container .mejs-controls div.mejs-volume-button, .mejs-container .mejs-controls div.mejs-horizontal-volume-slider {
         display: block;
    }
    /* MASONRY */
     .masonry .hentry {
         width: 50%;
    }
     .masonry .hentry.x2 {
         width: 100%;
    }
     .with-sidebar .masonry .hentry {
         width: 100%;
    }
    /* MEDIA GRID */
     .media-grid {
         width: 100%;
         margin-left: 0 !important;
        ;
    }
    /* MEDIA CELL */
     .media-grid .media-cell {
         padding: 1.4em;
    }
    /* MEDIA CELL DESC */
     .media-cell-desc h3 {
         font-size: 1em;
    }
    /* FULL WIDTH IMAGE */
     .full-width-image {
         margin: 1.2em 0 2em;
    }
    /* TAGLINE */
     .tagline {
         margin: 3em 0;
    }
     .tagline p {
         font-size: 1.6em;
         line-height: 1.2;
    }
    /* TABS */
     .tabs .tab-titles li a {
         display: inline-block;
         padding: .8em 1.8em 0.6em;
         font-weight: 400;
         letter-spacing: 1px;
    }
     .tabs .tab-content > div {
         padding: 1.4em 1.8em;
         display: none;
    }
    /* TOGGLES */
     .toggle h4 {
         font-size: 1.1em;
    }
    /* DROP CAP */
     .drop-cap:first-letter {
         font-size: 54px;
    }
    /* blockquote */
     blockquote {
         font-size: 2em;
         line-height: 1.3;
    }
     blockquote:before {
         font-size: 26px;
         top: -16px;
    }
     blockquote.alignleft, blockquote.alignright {
         width: 50% !important;
         padding-bottom: 0;
    }
     blockquote.alignleft {
         padding-right: 0;
    }
     blockquote.alignright {
         padding-left: 0;
    }
     code {
         margin-top: -10px;
         font-size: 16px;
    }
    /* CTA */
     .cta, .project-action {
         margin: 1em 0 2em 0;
         padding: 2em 0;
    }
     .cta .cta-button {
         text-align: center;
         margin-top: .3em;
    }
     .cta p {
         font-size: 1em 
    }
    /* PROJECT ACTION */
     .project-action {
         padding: 2em 0 0 0;
         text-align: center;
    }
     .project-action .button {
         margin-right: 1em;
         margin-left: 1em;
         margin-bottom: 2em;
    }
    /* MAP */
     .map-canvas {
         height: 420px;
    }
    /* FILTERS */
     .filters li {
         margin: .4em .2em .4em 0;
    }
     .filters li a {
         padding: 7px 16px;
         font-size: .9375em;
         border-color: #fff;
         border-radius: 24px;
    }
    /* HEADER LINKS */
     .header-links li {
         margin: .4em .2em .4em 0;
    }
     .header-links li a {
         padding: 8px 16px;
         border-radius: 24px;
    }
    /* INTRO */
     .intro {
         padding: 1em 0 2.6em 0;
    }
     .intro img {
         max-height: 160px;
    }
     .intro h2 {
         font-size: 1.8em;
    }
     .intro h2 strong {
         letter-spacing: -1px;
    }
     .launch-wrap {
         margin-bottom: 4em;
    }
    /* ROTATE WORDS */
     .rotate-words {
         min-width: 180px;
         min-height: 30px;
    }
    /* WIDGET AREA */
     .widget-area .widget {
         padding: 0 0 3em 0;
    }
    /* RELATED POSTS */
     .related-posts {
         padding: 3em 0 1.5em 0;
    }
    /* ABOUT THE AUTHOR */
     .about-author {
         padding: 3em 0 2em 0;
    }
     .author-img {
         width: 96px;
         margin: .2em 2em 0 0;
    }
    /* NAV SINGLE */
     .nav-single {
         padding: 3em 0 2em 0;
    }
    /* COMMENTS */
     .comments-area {
         padding: 2em 0 
    }
     ol.commentlist {
         padding: 1.5em 0 3.5em 0;
    }
     .comments-area ol ol {
         margin-left: 13% 
    }
     .comments-area ol ol li {
         padding-top: 0 
    }
     .comments-area ol ol ol {
         margin-left: 15% 
    }
     .comments-area article {
         margin-left: 105px;
         padding: 1.2em 1.6em;
         margin-bottom: 3.6em;
    }
     .comment-meta img {
         position: absolute;
         top: 0;
         left: -105px;
    }
     .comments-area ol ol .comment-meta img {
         width: 65px;
         left: -95px;
    }
     .comments-area ol ol article {
         margin-left: 95px;
    }
     .comment-meta .fn {
         display: inline-block;
         text-align: left;
    }
     .comment-meta .fn + a {
         display: inline-block;
         float: right;
         text-align: right;
    }
     .comment-content p {
         font-size: 1em;
    }
    /* Comment Form */
     #respond form p {
         margin-bottom: 0;
    }
     .comment-form-author, .comment-form-email, .comment-form-url{
         float: left;
         width: 30%;
         margin-right: 3%;
    }
     .comment-form-url {
         width: 34%;
         margin-right: 0;
    }
     .form-allowed-tags, .form-submit {
         clear: left;
    }
     .form-submit {
         padding-top: 2em;
    }
    /* BOOKSHELF */
     .bookshelf figure {
         padding: 3em 0;
         width: 340px;
    }
     .details ul {
         padding: 4em 3em 0 2em;
         font-size: .925em;
    }
     .csstransformspreserve3d .details ul {
         padding: 4em 3em 0 5.2em;
         font-size: .925em;
    }
     .bookshelf figcaption h2 {
         font-size: 1.4em;
    }
    /* 404 */
     .http-alert h1 {
         font-size: 12em;
         letter-spacing: 0;
    }
     input#search-big {
         font-size: 3em;
         padding-top: .4em;
    }
    /* CONTACT FORM */
     .cssgradients .contact-form p {
         width: 50%;
         float: left;
    }
     .cssgradients .contact-form p:nth-of-type(1) {
         padding-right: 1em;
    }
     .cssgradients .contact-form p:nth-of-type(2) {
         padding-left: 1em;
    }
     .cssgradients .contact-form p:nth-of-type(3), .cssgradients .contact-form p:nth-of-type(4) {
         width: 100% 
    }
    /* POST LIST */
     .post-list ul li {
         padding: 1.2em 0 .6em 0;
    }
     .post-list li h3 {
         float: left;
         font-size: 1.2em;
    }
     .post-list .read-time {
         font-size: .875em;
         float: right;
    }
    /* ARCHIVES */
     .archives-tag {
         padding-top: 2em;
    }
     .archives-tag li {
         margin-bottom: 12px;
    }
     .archives-tag a {
         padding: 8px 18px;
         margin: 0 2px;
         font-size: 13px;
    }
    /* SECTION-TITLE */
     .section-title {
         letter-spacing: 4px;
         margin-bottom: 1.4em;
         padding-bottom: .5em;
    }
     * + .section-title {
         margin: 3em 0 2.4em 0;
    }
    /* FUN FACT */
     .fun-fact {
         padding: 0 0 1.8em 0;
    }
    /* SKILLS */
     .skillset {
         padding: 0 0 1.4em 0 
    }
     .skill-unit {
         padding-bottom: 1.2em;
    }
     .skill-unit h4 {
         font-size: 1.1em;
    }
    /* TIMELINE */
     .timeline {
         padding-top: 0;
    }
     .event {
         padding: 0 1em 3em 3.6em;
    }
     .event h2 {
         font-size: 2em;
    }
     .event h4 {
         font-size: 1.3em;
    }
     .event .date {
         font-size: .925em;
         margin-left: -1.3em;
    }
     .event [class^="pw-icon-"], .event [class*=" pw-icon-"], .event .fa {
         font-size: 25px;
         top: -10px;
         left: -20px;
         width: 66px;
         line-height: 64px;
         margin: 0;
         z-index: 120;
    }
}