@font-face { font-family: "zancudo"; src: url("f/zancudo.eot"); src: url("f/zancudo.eot?#iefix") format("embedded-opentype"), url("f/zancudo.ttf") format("truetype"), url("f/zancudo.svg#zancudo") format("svg"), url("f/zancudo.woff") format("woff"); font-weight: normal; font-style: normal; } /* | ------------------------------------------------------------------------------ | $Main reset | http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) | ------------------------------------------------------------------------------ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } *:first-child + html .clearfix { min-height: 1px; } /* | ------------------------------------------------------------------------------ | $Typography | ------------------------------------------------------------------------------ */ body { line-height: 1; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a { text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } textarea { overflow: auto; vertical-align: top; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } table button, table input { *overflow: auto; } /* | ------------------------------------------------------------------------------ | $Form | ------------------------------------------------------------------------------ */ form, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input.btn, input.button, input#submit, input#searchsubmit { width: auto; } textarea { overflow: auto; vertical-align: top; resize: vertical; max-width: 100%; } label { cursor: pointer; } /* | ------------------------------------------------------------------------------ | $Embedded content | ------------------------------------------------------------------------------ */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } /* | ------------------------------------------------------------------------------ | $Images | ------------------------------------------------------------------------------ */ img { max-width: 100%; height: auto; } figure > img { display: block; } .alignleft, img.alignleft, .alignleft img, .alignright img { float: left; } .alignright, img.alignright { float: right; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { clear: both; } .thb-grid-layout .wp-caption-text { display: none; } /* | ------------------------------------------------------------------------------ | $Text | ------------------------------------------------------------------------------ */ ul { list-style: disc inside; } ol { list-style: decimal inside; } li ul, li ol { margin-left: 1.5em; margin-bottom: 0; } abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help; } address { font-style: normal; } .amp, abbr.amp { border-bottom: none; cursor: default; font-style: italic; } abbr, acronym, .caps { font-variant: small-caps; letter-spacing: .1em; text-transform: lowercase; } pre { line-height: 1; } pre, code, kbd, samp, var { font-family: Courier, "Courier New", monospace; } pre, code { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; overflow-x: auto; overflow-y: hidden; } del { text-decoration: line-through; } ins { text-decoration: underline; } em, i { font-style: italic; } strong, b { font-weight: bold; } /* | ------------------------------------------------------------------------------ | $Form | ------------------------------------------------------------------------------ */ form select { max-width: 100%; } /* | ------------------------------------------------------------------------------ | $Galleries | ------------------------------------------------------------------------------ */ .gallery { position: relative; width: 100%; } .gallery:after { content: ""; display: table; clear: both; } .gallery a { display: block; margin: 0 auto; max-width: 100%; } .gallery a img { float: left; max-width: 100%; height: auto; } .gallery .gallery-item { float: left; text-align: center; position: relative; display: inline; width: 21%; margin: 0 2%; } .gallery .gallery-item .gallery-icon { margin-right: auto; } .gallery.gallery-columns-2 .gallery-item { width: 46% !important; } .gallery.gallery-columns-3 .gallery-item { width: 29.333333333% !important; } .gallery.gallery-columns-4 .gallery-item { width: 21% !important; } .gallery.gallery-columns-5 .gallery-item { width: 16% !important; } .gallery.gallery-columns-6 .gallery-item { width: 12.666666667% !important; } .gallery.gallery-columns-7 .gallery-item { width: 10.285714286% !important; } .gallery.gallery-columns-8 .gallery-item { width: 8.5% !important; } .gallery.gallery-columns-9 .gallery-item { width: 7.111111111% !important; } .gallery .gallery-caption { max-width: none; } .gallery br + br { display: none; } .gallery-columns-1, .gallery-columns-2, .gallery-columns-3, .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9 { overflow: visible !important; } /* | ------------------------------------------------------------------------------ | $Page links | ------------------------------------------------------------------------------ */ #page-links { clear: both; } #page-links span, #page-links a { font-size: inherit; display: block; float: left; line-height: 1; } /* | ------------------------------------------------------------------------------ | $THB Navigation | ------------------------------------------------------------------------------ */ .thb-navigation li, .thb-navigation .nav-previous, .thb-navigation .nav-next { display: inline-block; } .thb-navigation li a, .thb-navigation li span { font-size: inherit; display: block; float: left; line-height: 1; } .thb-navigation .nav-previous a, .thb-navigation .nav-next a { display: block; } /* | ------------------------------------------------------------------------------ | $Comments | ------------------------------------------------------------------------------ */ #respond, #commentform, #comments, #comments li.thb-comment, #comments li .comment, #comments li .comment_rightcol .comment_body { clear: both; } #respond:after { content: ""; display: table; clear: both; } #respond, #comments li .comment_leftcol img, #comments li .comment_rightcol { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #comments .comments-container, #comments li.thb-comment, #comments li .comment, #comments li .comment_rightcol, #comments li .comment_rightcol .comment_head { overflow: hidden; } #respond, #comments li.thb-comment, #comments li .comment, #comments li .comment_leftcol a, #comments li .comment_leftcol img, #comments li .comment_rightcol, #comments li .comment_rightcol .comment_head, #comments li .comment_rightcol .comment_body { display: block; } #respond { position: relative; } #comments li .comment_leftcol { float: left; } #comments ul.children { padding-left: 4.5em; } /* | ------------------------------------------------------------------------------ | $Font families | ------------------------------------------------------------------------------ */ .work-data p, body, .thb-text blockquote cite, .comment_body blockquote cite, form input, form button, form textarea, .widget .widgettitle { font-family: "Source Code Pro", Courier, "Courier New", monospace; } #page-header .page-title, #page-header .page-subtitle, .author-block h1, .related h3, #thb-portfolio-filter h3, #comments-title, #respond .comment-reply-title, #logo .thb-logo, #logo .thb-logo-tagline, .search .page.hentry .post-date, .search .works.hentry .post-date, .search .post.hentry .post-date, .search .product.hentry .post-date, .archive .page.hentry .post-date, .archive .works.hentry .post-date, .archive .post.hentry .post-date, .archive .product.hentry .post-date, .home.blog .page.hentry .post-date, .home.blog .works.hentry .post-date, .home.blog .post.hentry .post-date, .home.blog .product.hentry .post-date, .page-template-template-blog-php .page.hentry .post-date, .page-template-template-blog-php .works.hentry .post-date, .page-template-template-blog-php .post.hentry .post-date, .page-template-template-blog-php .product.hentry .post-date, .search .page.hentry .item-header h1 a, .search .works.hentry .item-header h1 a, .search .post.hentry .item-header h1 a, .search .product.hentry .item-header h1 a, .archive .page.hentry .item-header h1 a, .archive .works.hentry .item-header h1 a, .archive .post.hentry .item-header h1 a, .archive .product.hentry .item-header h1 a, .home.blog .page.hentry .item-header h1 a, .home.blog .works.hentry .item-header h1 a, .home.blog .post.hentry .item-header h1 a, .home.blog .product.hentry .item-header h1 a, .page-template-template-blog-php .page.hentry .item-header h1 a, .page-template-template-blog-php .works.hentry .item-header h1 a, .page-template-template-blog-php .post.hentry .item-header h1 a, .page-template-template-blog-php .product.hentry .item-header h1 a, .author-block h2, .related .list li .item-title h1, .related .list li .item-title p, .work-data h3, #single-work-container .work-details .work-title, .page-template-template-archives-php .thb-archives-container h3, .thb-text h1, .thb-text h2, .thb-text h3, .thb-text h4, .thb-text h5, .thb-text h6, .comment_body h1, .comment_body h2, .comment_body h3, .comment_body h4, .comment_body h5, .comment_body h6, .thb-text blockquote, .comment_body blockquote, .comment .comment_rightcol .comment_head .user, .comment .comment_rightcol .comment_head .date, .thb-slide-caption .thb-caption-inner-wrapper > div.thb-heading, .thb-slide-caption .thb-caption-inner-wrapper > div.thb-caption, .widget.widget_rss li .rss-date { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } /* | ------------------------------------------------------------------------------ | $Commons | ------------------------------------------------------------------------------ */ .main-navigation, .main-navigation .menu, .menu-container, .menu-container.panel .main-navigation ul li, #mobile-menu-container, .search .page.hentry .post-date, .search .works.hentry .post-date, .search .post.hentry .post-date, .search .product.hentry .post-date, .archive .page.hentry .post-date, .archive .works.hentry .post-date, .archive .post.hentry .post-date, .archive .product.hentry .post-date, .home.blog .page.hentry .post-date, .home.blog .works.hentry .post-date, .home.blog .post.hentry .post-date, .home.blog .product.hentry .post-date, .page-template-template-blog-php .page.hentry .post-date, .page-template-template-blog-php .works.hentry .post-date, .page-template-template-blog-php .post.hentry .post-date, .page-template-template-blog-php .product.hentry .post-date, .thb-grid-layout, .thb-grid-layout li, .thb-text blockquote:before, .comment_body blockquote:before, form input, form button, form textarea, .thb-text .gallery-item, .thb-text .gallery-item .gallery-icon { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-wrapper:after, .thb-portfolio-wrapper:after, .work-slides-container:after, .main-navigation:after, .perspective-wrapper:after, #header:after, #footer-sidebar:after, .search .page.hentry .item-header h1:after, .search .works.hentry .item-header h1:after, .search .post.hentry .item-header h1:after, .search .product.hentry .item-header h1:after, .archive .page.hentry .item-header h1:after, .archive .works.hentry .item-header h1:after, .archive .post.hentry .item-header h1:after, .archive .product.hentry .item-header h1:after, .home.blog .page.hentry .item-header h1:after, .home.blog .works.hentry .item-header h1:after, .home.blog .post.hentry .item-header h1:after, .home.blog .product.hentry .item-header h1:after, .page-template-template-blog-php .page.hentry .item-header h1:after, .page-template-template-blog-php .works.hentry .item-header h1:after, .page-template-template-blog-php .post.hentry .item-header h1:after, .page-template-template-blog-php .product.hentry .item-header h1:after, .thb-gallery:after, .related .list li:after, #thb-portfolio-filter:after, .thb-grid-layout:after, #single-work-container:after, #single-work-container .ajax-container:after, #single-work-container .work-wrapper:after, .thb-navigation:after, .comment .comment_rightcol:after, .thb-color-box:after { content: ""; display: table; clear: both; } .search .page.hentry .meta.details, .search .works.hentry .meta.details, .search .post.hentry .meta.details, .search .product.hentry .meta.details, .archive .page.hentry .meta.details, .archive .works.hentry .meta.details, .archive .post.hentry .meta.details, .archive .product.hentry .meta.details, .home.blog .page.hentry .meta.details, .home.blog .works.hentry .meta.details, .home.blog .post.hentry .meta.details, .home.blog .product.hentry .meta.details, .page-template-template-blog-php .page.hentry .meta.details, .page-template-template-blog-php .works.hentry .meta.details, .page-template-template-blog-php .post.hentry .meta.details, .page-template-template-blog-php .product.hentry .meta.details, .single .meta.details, .author-block, .related, .thb-navigation.numeric, #comments, #respond { border-top: 1px solid; padding-top: 36px; margin-top: 36px; position: relative; } .search .page.hentry .meta.details:before, .search .works.hentry .meta.details:before, .search .post.hentry .meta.details:before, .search .product.hentry .meta.details:before, .archive .page.hentry .meta.details:before, .archive .works.hentry .meta.details:before, .archive .post.hentry .meta.details:before, .archive .product.hentry .meta.details:before, .home.blog .page.hentry .meta.details:before, .home.blog .works.hentry .meta.details:before, .home.blog .post.hentry .meta.details:before, .home.blog .product.hentry .meta.details:before, .page-template-template-blog-php .page.hentry .meta.details:before, .page-template-template-blog-php .works.hentry .meta.details:before, .page-template-template-blog-php .post.hentry .meta.details:before, .page-template-template-blog-php .product.hentry .meta.details:before, .single .meta.details:before, .author-block:before, .related:before, .thb-navigation.numeric:before, #comments:before, #respond:before { height: 3px; background: black; width: 48px; content: ""; display: block; position: absolute; top: -2px; } .thb-color-box .thb-col { float: left; display: inline; position: relative; } .menu-trigger, .thb-scrollup { text-indent: 100%; white-space: nowrap; overflow: hidden; } .menu-container.inline .main-navigation ul li.menu-item-has-children > a:after, .menu-container.inline .main-navigation ul li li.menu-item-has-children > a:after, .menu-trigger:after, .thb-header-fit .pageheader-fit-detail:before, .thb-header-extended .pageheader-fit-detail:before, .thb-social-icon:after, .search .page.hentry .post-date .format-quote-icon:before, .search .works.hentry .post-date .format-quote-icon:before, .search .post.hentry .post-date .format-quote-icon:before, .search .product.hentry .post-date .format-quote-icon:before, .archive .page.hentry .post-date .format-quote-icon:before, .archive .works.hentry .post-date .format-quote-icon:before, .archive .post.hentry .post-date .format-quote-icon:before, .archive .product.hentry .post-date .format-quote-icon:before, .home.blog .page.hentry .post-date .format-quote-icon:before, .home.blog .works.hentry .post-date .format-quote-icon:before, .home.blog .post.hentry .post-date .format-quote-icon:before, .home.blog .product.hentry .post-date .format-quote-icon:before, .page-template-template-blog-php .page.hentry .post-date .format-quote-icon:before, .page-template-template-blog-php .works.hentry .post-date .format-quote-icon:before, .page-template-template-blog-php .post.hentry .post-date .format-quote-icon:before, .page-template-template-blog-php .product.hentry .post-date .format-quote-icon:before, .search .page.hentry .post-format-link-url:before, .search .works.hentry .post-format-link-url:before, .search .post.hentry .post-format-link-url:before, .search .product.hentry .post-format-link-url:before, .archive .page.hentry .post-format-link-url:before, .archive .works.hentry .post-format-link-url:before, .archive .post.hentry .post-format-link-url:before, .archive .product.hentry .post-format-link-url:before, .home.blog .page.hentry .post-format-link-url:before, .home.blog .works.hentry .post-format-link-url:before, .home.blog .post.hentry .post-format-link-url:before, .home.blog .product.hentry .post-format-link-url:before, .page-template-template-blog-php .page.hentry .post-format-link-url:before, .page-template-template-blog-php .works.hentry .post-format-link-url:before, .page-template-template-blog-php .post.hentry .post-format-link-url:before, .page-template-template-blog-php .product.hentry .post-format-link-url:before, #single-work-container .close:before, .single-works #single-work-container .back-to-portfolio:before, .thb-work-permalink a:before, .thb-password-protected-message:before, .thb-text blockquote:before, .comment_body blockquote:before, .thb-navigation .nav-next a:before, .thb-navigation .nav-previous a:before, .thb-scrollup:after, .thb-overlay:after, .thb-portfolio-layout-b .thb-work-overlay:after, .rsActiveSlide .thb-slide-caption .thb-caption-inner-wrapper > div.thb-caption .post-format-link-url:before, .active-slide .thb-slide-caption .thb-caption-inner-wrapper > div.thb-caption .post-format-link-url:before, .thb-desktop .thb-video-controls .thb-video-play:before, .thb-desktop .thb-video-controls .thb-video-stop:before, .widget.widget_categories li:before, .widget.widget_recent_comments li:before, .widget.widget_tp_widget_recent_tweets ul li:before { font-family: "zancudo"; font-weight: normal; text-transform: none; text-indent: 0; display: block; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #page-header .page-title { font-weight: 300; } #page-header .page-subtitle { font-weight: 300; } .author-block h1, .related h3, #thb-portfolio-filter h3, #comments-title, #respond .comment-reply-title { text-transform: uppercase; font-size: 14px; line-height: 1; font-weight: 900; margin-bottom: 48px; } .search .page.hentry .item-footer .item-footer-details li:before, .search .works.hentry .item-footer .item-footer-details li:before, .search .post.hentry .item-footer .item-footer-details li:before, .search .product.hentry .item-footer .item-footer-details li:before, .archive .page.hentry .item-footer .item-footer-details li:before, .archive .works.hentry .item-footer .item-footer-details li:before, .archive .post.hentry .item-footer .item-footer-details li:before, .archive .product.hentry .item-footer .item-footer-details li:before, .home.blog .page.hentry .item-footer .item-footer-details li:before, .home.blog .works.hentry .item-footer .item-footer-details li:before, .home.blog .post.hentry .item-footer .item-footer-details li:before, .home.blog .product.hentry .item-footer .item-footer-details li:before, .page-template-template-blog-php .page.hentry .item-footer .item-footer-details li:before, .page-template-template-blog-php .works.hentry .item-footer .item-footer-details li:before, .page-template-template-blog-php .post.hentry .item-footer .item-footer-details li:before, .page-template-template-blog-php .product.hentry .item-footer .item-footer-details li:before, .search .page.hentry .meta.details li:before, .search .works.hentry .meta.details li:before, .search .post.hentry .meta.details li:before, .search .product.hentry .meta.details li:before, .archive .page.hentry .meta.details li:before, .archive .works.hentry .meta.details li:before, .archive .post.hentry .meta.details li:before, .archive .product.hentry .meta.details li:before, .home.blog .page.hentry .meta.details li:before, .home.blog .works.hentry .meta.details li:before, .home.blog .post.hentry .meta.details li:before, .home.blog .product.hentry .meta.details li:before, .page-template-template-blog-php .page.hentry .meta.details li:before, .page-template-template-blog-php .works.hentry .meta.details li:before, .page-template-template-blog-php .post.hentry .meta.details li:before, .page-template-template-blog-php .product.hentry .meta.details li:before, .single .meta.details li:before, .comment .comment_rightcol .comment_head .comment-reply-link:before { content: "/"; display: inline; margin-right: 6px; margin-left: 6px; } /* | ------------------------------------------------------------------------------ | $Highlight color | ------------------------------------------------------------------------------ */ .thb-text blockquote:before, .trigger-open, .thb-work-overlay, .thb-navigation.numeric li .current, .page.hentry .post-date, .works.hentry .post-date, .post.hentry .post-date, .product.hentry .post-date, #page-links span, #nprogress .bar, .widgettitle, .widget .tagcloud a, .thb-scrollup:hover:after, #thb-portfolio-filter li.active, form [type="submit"]:hover, form [type="submit"]:focus { background-color: #82ca9c; } #thb-portfolio-filter li:hover, .menu-container.panel a:hover, #mobile-menu-container a:hover, .footer-wrapper a:hover, .menu-container.inline .main-navigation ul > li a:hover, a:hover { color: #82ca9c; } .thb-slide-caption .thb-caption-inner-wrapper > div.thb-heading h1, #footer-sidebar .widgettitle { border-bottom-color: #82ca9c; } .comment.bypostauthor .comment_rightcol { border-right-color: #82ca9c; } body, .footer-wrapper, .menu-container.inline .main-navigation ul ul { background-color: #273137; } .menu-container.panel, #mobile-menu-container, .footer-wrapper, .menu-container.panel .main-navigation ul > li ul li a, #mobile-menu-container .main-navigation ul > li ul li a, #footer-sidebar .widget.widget_recent_comments li:before, #footer-sidebar .widget.widget_categories li:before { color: #b7c3c9; } /* | ------------------------------------------------------------------------------ | $Layout | ------------------------------------------------------------------------------ */ #nprogress { pointer-events: none; -webkit-pointer-events: none; position: fixed; top: 0px; right: 0px; left: 0px; z-index: 100; } #nprogress .bar { position: absolute; top: 0px; left: 0px; height: 6px; width: 100%; } .admin-bar #nprogress { top: 32px; } #main-container { position: relative; z-index: 10; } .parallax-container, #main-container > .inner-wrapper { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, -25px, 0); -moz-transform: translate3d(0, -25px, 0); -ms-transform: translate3d(0, -25px, 0); -o-transform: translate3d(0, -25px, 0); transform: translate3d(0, -25px, 0); -webkit-transition: -webkit-transform .5s, opacity .5s; -moz-transition: -moz-transform .5s, opacity .5s; transition: transform .5s, opacity .5s; } .thb-page-loaded .parallax-container, .thb-page-loaded #main-container > .inner-wrapper { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .inner-wrapper { max-width: 1032px; margin-left: auto; margin-right: auto; padding: 48px 0; } .thb-header-standard .inner-wrapper { padding-top: 0; } .page-header-wrapper #page-header, #page-content { width: 64.22764%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } .page-header-wrapper { width: 100%; float: left; display: inline; position: relative; } .thb-full-width #page-content, .thb-full-width #page-header, .page-template-template-portfolio-php #page-content, .page-template-template-portfolio-php #page-header, .page-template-template-photogallery-php #page-content, .page-template-template-photogallery-php #page-header { width: 97.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } #thb-sidebar-main { width: 22.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; float: right; } .sidebar-left #thb-sidebar-main { float: left; } .sidebar-left #page-content { float: right; } #footer { width: 97.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } #footer-sidebar { width: 100%; } #footer-sidebar .col.one-half { width: 47.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } #footer-sidebar .col.one-third { width: 30.89431%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } #footer-sidebar .col.two-thirds { width: 64.22764%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } #footer-sidebar .col.one-fourth { width: 22.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } #footer-sidebar .col.two-fourth { width: 47.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } #footer-sidebar .col.three-fourths { width: 72.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } .thb-portfolio-wrapper { clear: both; width: 100%; float: left; } .page-template-template-portfolio-php #page-content .thb-text { margin-bottom: 72px; } .thb-portfolio-filter-wrapper { width: 22.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } .thb-grid-layout { width: 72.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; float: right; } .thb-photogallery-container, .thb-portfolio-filter-top .thb-grid-layout, .thb-portfolio-filter-top .thb-portfolio-filter-wrapper { width: 97.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } .thb-grid-layout li { width: 25%; } .thb-grid-layout-4cols li { width: 25%; } .thb-grid-layout-3cols li { width: 33.3333%; } .thb-grid-layout-2cols li { width: 50%; } .thb-portfolio-layout-b.thb-portfolio-filter-top .thb-grid-layout { width: 100%; float: left; display: inline; position: relative; margin: 0; } .thb-portfolio-layout-b .thb-grid-layout-4cols li { width: 22.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } .thb-portfolio-layout-b .thb-grid-layout-3cols li { width: 30.89431%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } .thb-portfolio-layout-b .thb-grid-layout-2cols li { width: 47.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } .thb-portfolio-layout-b #single-work-container { width: 97.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } .single-works #page-content { width: 100%; float: left; display: inline; position: relative; margin-left: 0; margin-right: 0; } .single-works.thb-password-protected #page-content { width: 64.22764%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } .work-wrapper { position: relative; } .thb-single-work-layout-column .work-details { width: 30.89431%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } .thb-single-work-layout-column .work-slides-container { width: 64.22764%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; float: right; } .thb-single-work-layout-extended .work-details, .thb-single-work-layout-extended .work-slides-container { width: 97.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } /* | ------------------------------------------------------------------------------ | $Menu | ------------------------------------------------------------------------------ */ .main-navigation ul a { font-weight: normal; } .main-navigation ul ul { display: block; margin-left: 0; margin-top: 6px; } .main-navigation ul ul ul { margin-left: 24px; } .main-navigation ul li { display: table-cell; position: relative; padding-right: 24px; text-transform: uppercase; } .main-navigation ul li:last-child { padding-right: 0; } .main-navigation ul li li { display: block; padding-right: 0; text-transform: none; margin-bottom: 6px; } .main-navigation ul li li:last-child { margin-bottom: 0; } .menu-container.panel { position: absolute; top: 0px; right: 0px; left: 0px; height: 264px; overflow-y: auto; padding-top: 24px; padding-bottom: 12px; visibility: hidden; z-index: 1; } .menu-container.panel .menu-trigger { position: absolute; top: 24px; right: 1.21951%; } .menu-container.panel .main-navigation { overflow-x: hidden; max-width: 1032px; margin-left: auto; margin-right: auto; } .menu-container.panel .main-navigation .menu > ul, .menu-container.panel .main-navigation ul.menu { display: table; } .menu-container.panel .main-navigation .menu { width: 960px; margin-left: auto; margin-right: auto; display: table; } .menu-container.panel .main-navigation ul li { max-width: 200px; float: left; display: block; margin-bottom: 24px; padding-right: 36px; } .menu-container.panel .main-navigation ul li:last-child { padding-right: 0; } .menu-container.panel .main-navigation ul li li { float: none; display: block; padding-right: 0; margin-bottom: 6px; } .menu-container.panel .main-navigation ul li li:last-child { margin-bottom: 0; } .menu-container.inline { z-index: 20; } .menu-container.inline .trigger-close { display: none; } .menu-container.inline .main-navigation .menu > ul, .menu-container.inline .main-navigation ul.menu { display: block; text-align: right; } .menu-container.inline .main-navigation ul ul { display: none; position: absolute; margin-top: 0; top: 48px; left: -12px; width: 200px; z-index: 100; text-align: left; } .menu-container.inline .main-navigation ul ul ul { top: 0; left: 100%; margin-top: 0; margin-left: 0; } .menu-container.inline .main-navigation ul li { display: inline-block; } .menu-container.inline .main-navigation ul li.menu-item-has-children > a:after { content: "h"; position: relative; font-size: 8px; display: inline-block; margin-left: 8px; } .menu-container.inline .main-navigation ul li a { line-height: 48px; } .menu-container.inline .main-navigation ul li li { display: block; margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .menu-container.inline .main-navigation ul li li a { padding: 12px; line-height: 1; display: block; } .menu-container.inline .main-navigation ul li li.menu-item-has-children > a:after { content: "k"; position: relative; float: right; font-size: 8px; line-height: 14px; } .menu-container.inline .main-navigation ul li li:last-child { border-bottom: 0; } #mobile-menu-container { display: none; overflow-y: auto; } #mobile-menu-container .menu-trigger { position: absolute; top: 24px; right: 24px; } .trigger-close { z-index: 10; } .perspective-wrapper { position: relative; z-index: 2; -webkit-perspective: 0px; perspective: 0px; -webkit-transition: none; -moz-transition: none; transition: none; width: auto; height: auto; } .thb-menu-panel.thb-password-protected #header { position: relative; } .thb-menu-panel .perspective-wrapper { -webkit-perspective: 500px; perspective: 500px; height: 100%; width: 100%; } .thb-menu-panel.animate #main-container { box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); } .thb-menu-panel.animate .menu-container { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .thb-menu-panel.animate .perspective-wrapper { position: fixed; } .thb-menu-panel.animate .footer-wrapper { height: 100%; position: absolute; right: -1px; left: -1px; } .thb-menu-panel.menu-open #main-container { -webkit-transform: translateY(240px) translateZ(-100px); -moz-transform: translateY(240px) translateZ(-100px); transform: translateY(240px) translateZ(-100px); } .thb-menu-panel.menu-open .trigger-open { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .thb-menu-panel #main-container { position: relative; min-height: 100%; -webkit-transform: translateY(0) translateZ(0); -moz-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); -webkit-transition: -webkit-transform .25s; -moz-transition: -moz-transform .25s; transition: transform .25s; -webkit-transform-origin: top 50%; -moz-transform-origin: top 50%; transform-origin: top 50%; } .thb-menu-panel .menu-container { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } #main-container { overflow: hidden; } .menu-trigger { float: right; height: 48px; width: 48px; border-bottom: 0; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; transition: opacity 0.1s linear; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .menu-trigger:after { text-align: center; line-height: 48px; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .trigger-open:after { content: "H"; font-size: 32px; } .trigger-close:after { content: "I"; font-size: 48px; } .thb-menu-inline .trigger-open, .thb-menu-inline-fixed .trigger-open { display: none; } .thb-menu-inline #main-container, .thb-menu-inline-fixed #main-container { -webkit-transition: -webkit-transform .25s; -moz-transition: -moz-transform .25s; transition: transform .25s; } #mobile-menu-container { display: none; height: auto; width: 240px; padding-top: 48px; position: fixed; top: 0px; right: 0px; bottom: 0px; left: auto; } .thb-menu-side .menu-container { display: none; } .thb-menu-side #main-container, .thb-menu-side .perspective-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .thb-menu-side #main-container { box-shadow: none; } .thb-menu-side .perspective-wrapper { position: relative; -webkit-perspective: 0px; perspective: 0px; -webkit-transition: -webkit-transform .25s; -moz-transition: -moz-transform .25s; transition: transform .25s; width: auto; height: auto; } .thb-menu-side.animate .perspective-wrapper { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); } .thb-menu-side.animate #mobile-menu-container { display: block; } .thb-menu-side.animate .footer-wrapper { height: auto; position: relative; } .thb-menu-side.animate #main-container { overflow-y: scroll; } .thb-menu-side.admin-bar.animate .perspective-wrapper, .thb-menu-side.admin-bar #mobile-menu-container { top: 32px; } .thb-menu-side.menu-open .perspective-wrapper { -webkit-transform: translate3d(-240px, 0, 0); -moz-transform: translate3d(-240px, 0, 0); -ms-transform: translate3d(-240px, 0, 0); -o-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } .thb-menu-side.menu-open #main-container { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .thb-menu-side.menu-open .trigger-open { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .thb-menu-side.logo-right.menu-open .perspective-wrapper { -webkit-transform: translate3d(240px, 0, 0); -moz-transform: translate3d(240px, 0, 0); -ms-transform: translate3d(240px, 0, 0); -o-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } .thb-menu-side.logo-right #mobile-menu-container { position: fixed; top: 0px; right: auto; bottom: 0px; left: 0px; } .thb-menu-side.logo-right.admin-bar #mobile-menu-container { top: 46px; } .thb-menu-side .main-navigation .menu { width: 100%; margin: 0; padding: 0 12px; } .thb-menu-side .main-navigation ul { display: block; } .thb-menu-side .main-navigation ul ul { margin-left: 6px; } .thb-menu-side .main-navigation ul li { float: none; display: block; padding-right: 0; max-width: none; margin-bottom: 12px; } .thb-menu-side .main-navigation ul li li { float: none; display: block; padding-right: 0; text-transform: none; margin-bottom: 6px; } /* | ------------------------------------------------------------------------------ | $Header | ------------------------------------------------------------------------------ */ #header { position: relative; padding: 24px 1.21951%; margin-bottom: 96px; z-index: 100; } .thb-menu-inline-fixed #header, .thb-menu-inline-fixed.thb-header-fit #header, .thb-menu-inline-fixed.thb-header-extended #header { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: fixed; top: 0px; right: 0px; left: 0px; margin-bottom: 0; z-index: 200; -webkit-transition: padding 0.2s ease-in-out; -moz-transition: padding 0.2s ease-in-out; transition: padding 0.2s ease-in-out; } .thb-menu-inline-fixed #header.scrolled, .thb-menu-inline-fixed.thb-header-fit #header.scrolled, .thb-menu-inline-fixed.thb-header-extended #header.scrolled { padding-top: 12px; padding-bottom: 12px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background-color: white; } .thb-menu-inline-fixed .main-navigation, .thb-menu-inline-fixed.thb-header-fit .main-navigation, .thb-menu-inline-fixed.thb-header-extended .main-navigation { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .thb-menu-inline-fixed.admin-bar #header, .thb-menu-inline-fixed.thb-header-fit.admin-bar #header, .thb-menu-inline-fixed.thb-header-extended.admin-bar #header { top: 32px; } .thb-header-fit #header, .thb-header-extended #header { position: absolute; top: 0px; right: 0px; left: 0px; margin-bottom: 0; } .thb-header-fit .parallax-container .rsBullets, .thb-header-extended .parallax-container .rsBullets { display: none; } .thb-header-fit .pageheader-fit-detail, .thb-header-extended .pageheader-fit-detail { position: absolute; bottom: 12px; left: 50%; height: 32px; width: 32px; margin-left: -16px; display: block; z-index: 10; color: white; text-align: center; -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; display: none; } .thb-header-fit .pageheader-fit-detail:before, .thb-header-extended .pageheader-fit-detail:before { content: "h"; font-size: 24px; line-height: 32px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .thb-header-fit .pageheader-fit-detail:hover, .thb-header-extended .pageheader-fit-detail:hover { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #logo { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); float: left; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position: relative; z-index: 25; } #logo a { display: block; } #logo a span { display: block; } #logo a img { width: 100%; height: auto; } #logo .thb-logo { font-size: 28px; line-height: 1; font-weight: 900; text-transform: uppercase; } #logo .thb-logo-tagline { font-size: 12px; line-height: 1; font-weight: normal; text-transform: uppercase; } #logo:hover { -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .logo-right #logo { float: right; } .logo-right .menu-container.inline .main-navigation ul { text-align: left; } .logo-right .trigger-open { float: left; } /* | ------------------------------------------------------------------------------ | $Page header | ------------------------------------------------------------------------------ */ .page-header-wrapper { margin-bottom: 72px; } .page-header-wrapper .thb-navigation { position: absolute; right: 1.21951%; bottom: 0px; } .page-header-wrapper .thb-navigation .nav-next a, .page-header-wrapper .thb-navigation .nav-previous a { width: 48px; } .page-header-wrapper .thb-navigation .nav-next a:before, .page-header-wrapper .thb-navigation .nav-previous a:before { font-size: 48px; } .page-header-wrapper .thb-navigation .nav-next { margin-left: 24px; } .page-featured-image { margin-bottom: 48px; } #page-header:after { content: ""; display: block; width: 1px; height: 200%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: -50%; left: 5%; z-index: -1; } #page-header .page-title { font-size: 36px; line-height: 1.1; letter-spacing: -1px; -ms-word-wrap: break-word; word-wrap: break-word; } #page-header .page-subtitle { font-size: 24px; line-height: 1; margin-top: 12px; -ms-word-wrap: break-word; word-wrap: break-word; } #page-header .post-format-link-url { display: block; font-size: 16px; margin-top: 12px; } /* | ------------------------------------------------------------------------------ | $Footer | ------------------------------------------------------------------------------ */ .footer-wrapper { font-size: 14px; padding: 48px 0 24px; } .footer-wrapper .inner-wrapper { padding-bottom: 0; padding-top: 0; } #footer-sidebar { clear: both; padding-bottom: 48px; margin-bottom: 24px; border-bottom: 1px solid; } #footer-sidebar a { font-weight: normal; } #copyright { font-size: 10px; float: left; } #social-icons { float: right; } /* -------------------------------------------------------------------------- */ /* $Social icons */ /* -------------------------------------------------------------------------- */ .thb-social-icon { text-indent: -999em; font-size: 0; line-height: 0; height: 24px; width: 24px; float: left; text-align: center; } .thb-social-icon:after { font-size: 14px; line-height: 24px; display: inline-block; -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .thb-social-icon:hover:after { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .thb-social-icon.thb-forrst:after { content: "a"; } .thb-social-icon.thb-youtube:after { content: "b"; } .thb-social-icon.thb-behance:after { content: "n"; } .thb-social-icon.thb-picasa:after { content: "q"; } .thb-social-icon.thb-skype:after { content: "s"; } .thb-social-icon.thb-dribbble:after { content: "w"; } .thb-social-icon.thb-twitter:after { content: "x"; } .thb-social-icon.thb-vimeo:after { content: "y"; } .thb-social-icon.thb-facebook:after { content: "A"; } .thb-social-icon.thb-rss:after { content: "F"; } .thb-social-icon.thb-pinterest:after { content: "G"; } .thb-social-icon.thb-soundcloud:after { content: "J"; } .thb-social-icon.thb-spotify:after { content: "K"; } .thb-social-icon.thb-googleplus:after { content: "L"; } .thb-social-icon.thb-deviantart:after { content: "M"; } .thb-social-icon.thb-flickr:after { content: "N"; } .thb-social-icon.thb-five100px:after { content: "O"; } .thb-social-icon.thb-instagram:after { content: "P"; } .thb-social-icon.thb-linkedin:after { content: "Q"; } .thb-social-icon.thb-tumblr:after { content: "R"; } /* | ------------------------------------------------------------------------------ | $Blog | ------------------------------------------------------------------------------ */ .search .page.hentry .item-footer .item-footer-details li, .search .works.hentry .item-footer .item-footer-details li, .search .post.hentry .item-footer .item-footer-details li, .search .product.hentry .item-footer .item-footer-details li, .archive .page.hentry .item-footer .item-footer-details li, .archive .works.hentry .item-footer .item-footer-details li, .archive .post.hentry .item-footer .item-footer-details li, .archive .product.hentry .item-footer .item-footer-details li, .home.blog .page.hentry .item-footer .item-footer-details li, .home.blog .works.hentry .item-footer .item-footer-details li, .home.blog .post.hentry .item-footer .item-footer-details li, .home.blog .product.hentry .item-footer .item-footer-details li, .page-template-template-blog-php .page.hentry .item-footer .item-footer-details li, .page-template-template-blog-php .works.hentry .item-footer .item-footer-details li, .page-template-template-blog-php .post.hentry .item-footer .item-footer-details li, .page-template-template-blog-php .product.hentry .item-footer .item-footer-details li, .search .page.hentry .meta.details li, .search .works.hentry .meta.details li, .search .post.hentry .meta.details li, .search .product.hentry .meta.details li, .archive .page.hentry .meta.details li, .archive .works.hentry .meta.details li, .archive .post.hentry .meta.details li, .archive .product.hentry .meta.details li, .home.blog .page.hentry .meta.details li, .home.blog .works.hentry .meta.details li, .home.blog .post.hentry .meta.details li, .home.blog .product.hentry .meta.details li, .page-template-template-blog-php .page.hentry .meta.details li, .page-template-template-blog-php .works.hentry .meta.details li, .page-template-template-blog-php .post.hentry .meta.details li, .page-template-template-blog-php .product.hentry .meta.details li, .single .meta.details li { display: inline; margin-bottom: 6px; } .search .page.hentry .item-footer .item-footer-details li:first-child:before, .search .works.hentry .item-footer .item-footer-details li:first-child:before, .search .post.hentry .item-footer .item-footer-details li:first-child:before, .search .product.hentry .item-footer .item-footer-details li:first-child:before, .archive .page.hentry .item-footer .item-footer-details li:first-child:before, .archive .works.hentry .item-footer .item-footer-details li:first-child:before, .archive .post.hentry .item-footer .item-footer-details li:first-child:before, .archive .product.hentry .item-footer .item-footer-details li:first-child:before, .home.blog .page.hentry .item-footer .item-footer-details li:first-child:before, .home.blog .works.hentry .item-footer .item-footer-details li:first-child:before, .home.blog .post.hentry .item-footer .item-footer-details li:first-child:before, .home.blog .product.hentry .item-footer .item-footer-details li:first-child:before, .page-template-template-blog-php .page.hentry .item-footer .item-footer-details li:first-child:before, .page-template-template-blog-php .works.hentry .item-footer .item-footer-details li:first-child:before, .page-template-template-blog-php .post.hentry .item-footer .item-footer-details li:first-child:before, .page-template-template-blog-php .product.hentry .item-footer .item-footer-details li:first-child:before, .search .page.hentry .meta.details li:first-child:before, .search .works.hentry .meta.details li:first-child:before, .search .post.hentry .meta.details li:first-child:before, .search .product.hentry .meta.details li:first-child:before, .archive .page.hentry .meta.details li:first-child:before, .archive .works.hentry .meta.details li:first-child:before, .archive .post.hentry .meta.details li:first-child:before, .archive .product.hentry .meta.details li:first-child:before, .home.blog .page.hentry .meta.details li:first-child:before, .home.blog .works.hentry .meta.details li:first-child:before, .home.blog .post.hentry .meta.details li:first-child:before, .home.blog .product.hentry .meta.details li:first-child:before, .page-template-template-blog-php .page.hentry .meta.details li:first-child:before, .page-template-template-blog-php .works.hentry .meta.details li:first-child:before, .page-template-template-blog-php .post.hentry .meta.details li:first-child:before, .page-template-template-blog-php .product.hentry .meta.details li:first-child:before, .single .meta.details li:first-child:before { display: none; } .search .page.hentry .item-footer .item-footer-details li .thb-post-author, .search .works.hentry .item-footer .item-footer-details li .thb-post-author, .search .post.hentry .item-footer .item-footer-details li .thb-post-author, .search .product.hentry .item-footer .item-footer-details li .thb-post-author, .archive .page.hentry .item-footer .item-footer-details li .thb-post-author, .archive .works.hentry .item-footer .item-footer-details li .thb-post-author, .archive .post.hentry .item-footer .item-footer-details li .thb-post-author, .archive .product.hentry .item-footer .item-footer-details li .thb-post-author, .home.blog .page.hentry .item-footer .item-footer-details li .thb-post-author, .home.blog .works.hentry .item-footer .item-footer-details li .thb-post-author, .home.blog .post.hentry .item-footer .item-footer-details li .thb-post-author, .home.blog .product.hentry .item-footer .item-footer-details li .thb-post-author, .page-template-template-blog-php .page.hentry .item-footer .item-footer-details li .thb-post-author, .page-template-template-blog-php .works.hentry .item-footer .item-footer-details li .thb-post-author, .page-template-template-blog-php .post.hentry .item-footer .item-footer-details li .thb-post-author, .page-template-template-blog-php .product.hentry .item-footer .item-footer-details li .thb-post-author, .search .page.hentry .meta.details li .thb-post-author, .search .works.hentry .meta.details li .thb-post-author, .search .post.hentry .meta.details li .thb-post-author, .search .product.hentry .meta.details li .thb-post-author, .archive .page.hentry .meta.details li .thb-post-author, .archive .works.hentry .meta.details li .thb-post-author, .archive .post.hentry .meta.details li .thb-post-author, .archive .product.hentry .meta.details li .thb-post-author, .home.blog .page.hentry .meta.details li .thb-post-author, .home.blog .works.hentry .meta.details li .thb-post-author, .home.blog .post.hentry .meta.details li .thb-post-author, .home.blog .product.hentry .meta.details li .thb-post-author, .page-template-template-blog-php .page.hentry .meta.details li .thb-post-author, .page-template-template-blog-php .works.hentry .meta.details li .thb-post-author, .page-template-template-blog-php .post.hentry .meta.details li .thb-post-author, .page-template-template-blog-php .product.hentry .meta.details li .thb-post-author, .single .meta.details li .thb-post-author { display: inline-block; } .search .page.hentry, .search .works.hentry, .search .post.hentry, .search .product.hentry, .archive .page.hentry, .archive .works.hentry, .archive .post.hentry, .archive .product.hentry, .home.blog .page.hentry, .home.blog .works.hentry, .home.blog .post.hentry, .home.blog .product.hentry, .page-template-template-blog-php .page.hentry, .page-template-template-blog-php .works.hentry, .page-template-template-blog-php .post.hentry, .page-template-template-blog-php .product.hentry { position: relative; margin-bottom: 72px; } .search .page.hentry .post-date, .search .works.hentry .post-date, .search .post.hentry .post-date, .search .product.hentry .post-date, .archive .page.hentry .post-date, .archive .works.hentry .post-date, .archive .post.hentry .post-date, .archive .product.hentry .post-date, .home.blog .page.hentry .post-date, .home.blog .works.hentry .post-date, .home.blog .post.hentry .post-date, .home.blog .product.hentry .post-date, .page-template-template-blog-php .page.hentry .post-date, .page-template-template-blog-php .works.hentry .post-date, .page-template-template-blog-php .post.hentry .post-date, .page-template-template-blog-php .product.hentry .post-date { float: left; min-width: 58px; text-align: center; padding: 6px 0; } .search .page.hentry .post-date span, .search .works.hentry .post-date span, .search .post.hentry .post-date span, .search .product.hentry .post-date span, .archive .page.hentry .post-date span, .archive .works.hentry .post-date span, .archive .post.hentry .post-date span, .archive .product.hentry .post-date span, .home.blog .page.hentry .post-date span, .home.blog .works.hentry .post-date span, .home.blog .post.hentry .post-date span, .home.blog .product.hentry .post-date span, .page-template-template-blog-php .page.hentry .post-date span, .page-template-template-blog-php .works.hentry .post-date span, .page-template-template-blog-php .post.hentry .post-date span, .page-template-template-blog-php .product.hentry .post-date span { display: block; line-height: 1; } .search .page.hentry .post-date .item-month, .search .works.hentry .post-date .item-month, .search .post.hentry .post-date .item-month, .search .product.hentry .post-date .item-month, .archive .page.hentry .post-date .item-month, .archive .works.hentry .post-date .item-month, .archive .post.hentry .post-date .item-month, .archive .product.hentry .post-date .item-month, .home.blog .page.hentry .post-date .item-month, .home.blog .works.hentry .post-date .item-month, .home.blog .post.hentry .post-date .item-month, .home.blog .product.hentry .post-date .item-month, .page-template-template-blog-php .page.hentry .post-date .item-month, .page-template-template-blog-php .works.hentry .post-date .item-month, .page-template-template-blog-php .post.hentry .post-date .item-month, .page-template-template-blog-php .product.hentry .post-date .item-month { text-transform: uppercase; font-size: 18px; margin-bottom: 3px; } .search .page.hentry .post-date .item-day, .search .works.hentry .post-date .item-day, .search .post.hentry .post-date .item-day, .search .product.hentry .post-date .item-day, .archive .page.hentry .post-date .item-day, .archive .works.hentry .post-date .item-day, .archive .post.hentry .post-date .item-day, .archive .product.hentry .post-date .item-day, .home.blog .page.hentry .post-date .item-day, .home.blog .works.hentry .post-date .item-day, .home.blog .post.hentry .post-date .item-day, .home.blog .product.hentry .post-date .item-day, .page-template-template-blog-php .page.hentry .post-date .item-day, .page-template-template-blog-php .works.hentry .post-date .item-day, .page-template-template-blog-php .post.hentry .post-date .item-day, .page-template-template-blog-php .product.hentry .post-date .item-day { font-size: 34px; } .search .page.hentry .post-date .format-quote-icon:before, .search .works.hentry .post-date .format-quote-icon:before, .search .post.hentry .post-date .format-quote-icon:before, .search .product.hentry .post-date .format-quote-icon:before, .archive .page.hentry .post-date .format-quote-icon:before, .archive .works.hentry .post-date .format-quote-icon:before, .archive .post.hentry .post-date .format-quote-icon:before, .archive .product.hentry .post-date .format-quote-icon:before, .home.blog .page.hentry .post-date .format-quote-icon:before, .home.blog .works.hentry .post-date .format-quote-icon:before, .home.blog .post.hentry .post-date .format-quote-icon:before, .home.blog .product.hentry .post-date .format-quote-icon:before, .page-template-template-blog-php .page.hentry .post-date .format-quote-icon:before, .page-template-template-blog-php .works.hentry .post-date .format-quote-icon:before, .page-template-template-blog-php .post.hentry .post-date .format-quote-icon:before, .page-template-template-blog-php .product.hentry .post-date .format-quote-icon:before { content: "m"; display: block; font-size: 32px; line-height: 1; } .search .page.hentry .item-thumb, .search .works.hentry .item-thumb, .search .post.hentry .item-thumb, .search .product.hentry .item-thumb, .archive .page.hentry .item-thumb, .archive .works.hentry .item-thumb, .archive .post.hentry .item-thumb, .archive .product.hentry .item-thumb, .home.blog .page.hentry .item-thumb, .home.blog .works.hentry .item-thumb, .home.blog .post.hentry .item-thumb, .home.blog .product.hentry .item-thumb, .page-template-template-blog-php .page.hentry .item-thumb, .page-template-template-blog-php .works.hentry .item-thumb, .page-template-template-blog-php .post.hentry .item-thumb, .page-template-template-blog-php .product.hentry .item-thumb { margin-bottom: 24px; } .search .sticky.page.hentry, .search .sticky.works.hentry, .search .sticky.post.hentry, .search .sticky.product.hentry, .archive .sticky.page.hentry, .archive .sticky.works.hentry, .archive .sticky.post.hentry, .archive .sticky.product.hentry, .home.blog .sticky.page.hentry, .home.blog .sticky.works.hentry, .home.blog .sticky.post.hentry, .home.blog .sticky.product.hentry, .page-template-template-blog-php .sticky.page.hentry, .page-template-template-blog-php .sticky.works.hentry, .page-template-template-blog-php .sticky.post.hentry, .page-template-template-blog-php .sticky.product.hentry { display: block; } .search .page.hentry .post-wrapper, .search .works.hentry .post-wrapper, .search .post.hentry .post-wrapper, .search .product.hentry .post-wrapper, .archive .page.hentry .post-wrapper, .archive .works.hentry .post-wrapper, .archive .post.hentry .post-wrapper, .archive .product.hentry .post-wrapper, .home.blog .page.hentry .post-wrapper, .home.blog .works.hentry .post-wrapper, .home.blog .post.hentry .post-wrapper, .home.blog .product.hentry .post-wrapper, .page-template-template-blog-php .page.hentry .post-wrapper, .page-template-template-blog-php .works.hentry .post-wrapper, .page-template-template-blog-php .post.hentry .post-wrapper, .page-template-template-blog-php .product.hentry .post-wrapper { margin-left: 82px; } .search .page.hentry .item-header .compact-date, .search .works.hentry .item-header .compact-date, .search .post.hentry .item-header .compact-date, .search .product.hentry .item-header .compact-date, .archive .page.hentry .item-header .compact-date, .archive .works.hentry .item-header .compact-date, .archive .post.hentry .item-header .compact-date, .archive .product.hentry .item-header .compact-date, .home.blog .page.hentry .item-header .compact-date, .home.blog .works.hentry .item-header .compact-date, .home.blog .post.hentry .item-header .compact-date, .home.blog .product.hentry .item-header .compact-date, .page-template-template-blog-php .page.hentry .item-header .compact-date, .page-template-template-blog-php .works.hentry .item-header .compact-date, .page-template-template-blog-php .post.hentry .item-header .compact-date, .page-template-template-blog-php .product.hentry .item-header .compact-date { margin-bottom: 12px; display: none; } .search .page.hentry .item-header h1, .search .works.hentry .item-header h1, .search .post.hentry .item-header h1, .search .product.hentry .item-header h1, .archive .page.hentry .item-header h1, .archive .works.hentry .item-header h1, .archive .post.hentry .item-header h1, .archive .product.hentry .item-header h1, .home.blog .page.hentry .item-header h1, .home.blog .works.hentry .item-header h1, .home.blog .post.hentry .item-header h1, .home.blog .product.hentry .item-header h1, .page-template-template-blog-php .page.hentry .item-header h1, .page-template-template-blog-php .works.hentry .item-header h1, .page-template-template-blog-php .post.hentry .item-header h1, .page-template-template-blog-php .product.hentry .item-header h1 { margin-bottom: 12px; float: left; width: 100%; } .search .page.hentry .item-header h1 a, .search .works.hentry .item-header h1 a, .search .post.hentry .item-header h1 a, .search .product.hentry .item-header h1 a, .archive .page.hentry .item-header h1 a, .archive .works.hentry .item-header h1 a, .archive .post.hentry .item-header h1 a, .archive .product.hentry .item-header h1 a, .home.blog .page.hentry .item-header h1 a, .home.blog .works.hentry .item-header h1 a, .home.blog .post.hentry .item-header h1 a, .home.blog .product.hentry .item-header h1 a, .page-template-template-blog-php .page.hentry .item-header h1 a, .page-template-template-blog-php .works.hentry .item-header h1 a, .page-template-template-blog-php .post.hentry .item-header h1 a, .page-template-template-blog-php .product.hentry .item-header h1 a { font-size: 24px; font-weight: 300; line-height: 1.1; -ms-word-wrap: break-word; word-wrap: break-word; } .search .page.hentry .post-format-link-url, .search .works.hentry .post-format-link-url, .search .post.hentry .post-format-link-url, .search .product.hentry .post-format-link-url, .archive .page.hentry .post-format-link-url, .archive .works.hentry .post-format-link-url, .archive .post.hentry .post-format-link-url, .archive .product.hentry .post-format-link-url, .home.blog .page.hentry .post-format-link-url, .home.blog .works.hentry .post-format-link-url, .home.blog .post.hentry .post-format-link-url, .home.blog .product.hentry .post-format-link-url, .page-template-template-blog-php .page.hentry .post-format-link-url, .page-template-template-blog-php .works.hentry .post-format-link-url, .page-template-template-blog-php .post.hentry .post-format-link-url, .page-template-template-blog-php .product.hentry .post-format-link-url, .search .page.hentry .quote-author, .search .works.hentry .quote-author, .search .post.hentry .quote-author, .search .product.hentry .quote-author, .archive .page.hentry .quote-author, .archive .works.hentry .quote-author, .archive .post.hentry .quote-author, .archive .product.hentry .quote-author, .home.blog .page.hentry .quote-author, .home.blog .works.hentry .quote-author, .home.blog .post.hentry .quote-author, .home.blog .product.hentry .quote-author, .page-template-template-blog-php .page.hentry .quote-author, .page-template-template-blog-php .works.hentry .quote-author, .page-template-template-blog-php .post.hentry .quote-author, .page-template-template-blog-php .product.hentry .quote-author { display: block; margin-bottom: 12px; } .search .page.hentry .post-format-link-url:before, .search .works.hentry .post-format-link-url:before, .search .post.hentry .post-format-link-url:before, .search .product.hentry .post-format-link-url:before, .archive .page.hentry .post-format-link-url:before, .archive .works.hentry .post-format-link-url:before, .archive .post.hentry .post-format-link-url:before, .archive .product.hentry .post-format-link-url:before, .home.blog .page.hentry .post-format-link-url:before, .home.blog .works.hentry .post-format-link-url:before, .home.blog .post.hentry .post-format-link-url:before, .home.blog .product.hentry .post-format-link-url:before, .page-template-template-blog-php .page.hentry .post-format-link-url:before, .page-template-template-blog-php .works.hentry .post-format-link-url:before, .page-template-template-blog-php .post.hentry .post-format-link-url:before, .page-template-template-blog-php .product.hentry .post-format-link-url:before { content: "r"; display: block; float: left; margin-right: 6px; } .search .page.hentry .item-footer .item-footer-details, .search .works.hentry .item-footer .item-footer-details, .search .post.hentry .item-footer .item-footer-details, .search .product.hentry .item-footer .item-footer-details, .archive .page.hentry .item-footer .item-footer-details, .archive .works.hentry .item-footer .item-footer-details, .archive .post.hentry .item-footer .item-footer-details, .archive .product.hentry .item-footer .item-footer-details, .home.blog .page.hentry .item-footer .item-footer-details, .home.blog .works.hentry .item-footer .item-footer-details, .home.blog .post.hentry .item-footer .item-footer-details, .home.blog .product.hentry .item-footer .item-footer-details, .page-template-template-blog-php .page.hentry .item-footer .item-footer-details, .page-template-template-blog-php .works.hentry .item-footer .item-footer-details, .page-template-template-blog-php .post.hentry .item-footer .item-footer-details, .page-template-template-blog-php .product.hentry .item-footer .item-footer-details { text-transform: uppercase; } .search .page.hentry .item-content, .search .works.hentry .item-content, .search .post.hentry .item-content, .search .product.hentry .item-content, .archive .page.hentry .item-content, .archive .works.hentry .item-content, .archive .post.hentry .item-content, .archive .product.hentry .item-content, .home.blog .page.hentry .item-content, .home.blog .works.hentry .item-content, .home.blog .post.hentry .item-content, .home.blog .product.hentry .item-content, .page-template-template-blog-php .page.hentry .item-content, .page-template-template-blog-php .works.hentry .item-content, .page-template-template-blog-php .post.hentry .item-content, .page-template-template-blog-php .product.hentry .item-content { margin-top: 24px; } .search .format-aside.page.hentry .item-content, .search .format-aside.works.hentry .item-content, .search .format-aside.post.hentry .item-content, .search .format-aside.product.hentry .item-content, .archive .format-aside.page.hentry .item-content, .archive .format-aside.works.hentry .item-content, .archive .format-aside.post.hentry .item-content, .archive .format-aside.product.hentry .item-content, .home.blog .format-aside.page.hentry .item-content, .home.blog .format-aside.works.hentry .item-content, .home.blog .format-aside.post.hentry .item-content, .home.blog .format-aside.product.hentry .item-content, .page-template-template-blog-php .format-aside.page.hentry .item-content, .page-template-template-blog-php .format-aside.works.hentry .item-content, .page-template-template-blog-php .format-aside.post.hentry .item-content, .page-template-template-blog-php .format-aside.product.hentry .item-content { margin-top: 0; } .search .format-quote.page.hentry, .search .format-quote.works.hentry, .search .format-quote.post.hentry, .search .format-quote.product.hentry, .archive .format-quote.page.hentry, .archive .format-quote.works.hentry, .archive .format-quote.post.hentry, .archive .format-quote.product.hentry, .home.blog .format-quote.page.hentry, .home.blog .format-quote.works.hentry, .home.blog .format-quote.post.hentry, .home.blog .format-quote.product.hentry, .page-template-template-blog-php .format-quote.page.hentry, .page-template-template-blog-php .format-quote.works.hentry, .page-template-template-blog-php .format-quote.post.hentry, .page-template-template-blog-php .format-quote.product.hentry { min-height: 48px; } .search .format-quote.page.hentry .post-date, .search .format-quote.works.hentry .post-date, .search .format-quote.post.hentry .post-date, .search .format-quote.product.hentry .post-date, .archive .format-quote.page.hentry .post-date, .archive .format-quote.works.hentry .post-date, .archive .format-quote.post.hentry .post-date, .archive .format-quote.product.hentry .post-date, .home.blog .format-quote.page.hentry .post-date, .home.blog .format-quote.works.hentry .post-date, .home.blog .format-quote.post.hentry .post-date, .home.blog .format-quote.product.hentry .post-date, .page-template-template-blog-php .format-quote.page.hentry .post-date, .page-template-template-blog-php .format-quote.works.hentry .post-date, .page-template-template-blog-php .format-quote.post.hentry .post-date, .page-template-template-blog-php .format-quote.product.hentry .post-date { position: absolute; top: 0px; bottom: 0px; left: 0px; margin-right: 0; } .search .format-quote.page.hentry .post-wrapper, .search .format-quote.works.hentry .post-wrapper, .search .format-quote.post.hentry .post-wrapper, .search .format-quote.product.hentry .post-wrapper, .archive .format-quote.page.hentry .post-wrapper, .archive .format-quote.works.hentry .post-wrapper, .archive .format-quote.post.hentry .post-wrapper, .archive .format-quote.product.hentry .post-wrapper, .home.blog .format-quote.page.hentry .post-wrapper, .home.blog .format-quote.works.hentry .post-wrapper, .home.blog .format-quote.post.hentry .post-wrapper, .home.blog .format-quote.product.hentry .post-wrapper, .page-template-template-blog-php .format-quote.page.hentry .post-wrapper, .page-template-template-blog-php .format-quote.works.hentry .post-wrapper, .page-template-template-blog-php .format-quote.post.hentry .post-wrapper, .page-template-template-blog-php .format-quote.product.hentry .post-wrapper { margin-left: 82px; } .search .format-quote.page.hentry .post-wrapper .item-header h1 a, .search .format-quote.works.hentry .post-wrapper .item-header h1 a, .search .format-quote.post.hentry .post-wrapper .item-header h1 a, .search .format-quote.product.hentry .post-wrapper .item-header h1 a, .archive .format-quote.page.hentry .post-wrapper .item-header h1 a, .archive .format-quote.works.hentry .post-wrapper .item-header h1 a, .archive .format-quote.post.hentry .post-wrapper .item-header h1 a, .archive .format-quote.product.hentry .post-wrapper .item-header h1 a, .home.blog .format-quote.page.hentry .post-wrapper .item-header h1 a, .home.blog .format-quote.works.hentry .post-wrapper .item-header h1 a, .home.blog .format-quote.post.hentry .post-wrapper .item-header h1 a, .home.blog .format-quote.product.hentry .post-wrapper .item-header h1 a, .page-template-template-blog-php .format-quote.page.hentry .post-wrapper .item-header h1 a, .page-template-template-blog-php .format-quote.works.hentry .post-wrapper .item-header h1 a, .page-template-template-blog-php .format-quote.post.hentry .post-wrapper .item-header h1 a, .page-template-template-blog-php .format-quote.product.hentry .post-wrapper .item-header h1 a { font-style: italic; font-weight: 600; font-size: 26px; } .search .page.hentry .meta.details, .search .works.hentry .meta.details, .search .post.hentry .meta.details, .search .product.hentry .meta.details, .archive .page.hentry .meta.details, .archive .works.hentry .meta.details, .archive .post.hentry .meta.details, .archive .product.hentry .meta.details, .home.blog .page.hentry .meta.details, .home.blog .works.hentry .meta.details, .home.blog .post.hentry .meta.details, .home.blog .product.hentry .meta.details, .page-template-template-blog-php .page.hentry .meta.details, .page-template-template-blog-php .works.hentry .meta.details, .page-template-template-blog-php .post.hentry .meta.details, .page-template-template-blog-php .product.hentry .meta.details { font-size: 12px; } .single .post.hentry { margin-bottom: 48px; } /* | ------------------------------------------------------------------------------ | $Single | ------------------------------------------------------------------------------ */ .thb-gallery, .format-embed-wrapper { margin-bottom: 24px; } .thb-gallery a { display: block; } .wp-video-shortcode { max-width: 100%; } .format-embed-wrapper iframe { width: 100%; } .author-block .avatar { float: right; margin-left: 48px; } .author-block .author-block-wrapper { overflow: hidden; } .author-block h1 { margin-bottom: 12px; } .author-block h2 { font-size: 24px; line-height: 1; font-weight: 900; } .author-block .thb-text { margin-top: 24px; margin-bottom: 0; } .related .list li { display: block; border-bottom: 1px solid; padding-bottom: 12px; margin-bottom: 12px; } .related .list li:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .related .list li .item-title { overflow: hidden; } .related .list li .item-title h1 { font-size: 18px; font-weight: bold; margin-bottom: 8px; } .related .list li .item-title p { font-size: 12px; text-transform: uppercase; } .related .list li .item-thumb { float: left; margin-right: 12px; } .related .list li .item-thumb .thb-overlay { top: 0; left: 0; right: 0; bottom: 0; } /* | ------------------------------------------------------------------------------ | $Portfolio | ------------------------------------------------------------------------------ */ .thb-ajax-loading #filterlist:after, .thb-ajax-loading #thb-infinite-scroll-nav a:after { content: ""; display: inline-block; margin-left: 12px; background: url(i/loader.gif) no-repeat center; } #thb-portfolio-filter li { list-style-type: none; cursor: pointer; float: left; clear: both; margin-bottom: 3px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; } #thb-portfolio-filter li.active { padding: 0 4px; } #thb-portfolio-filter li.active:hover { color: white; } .thb-portfolio-filter-wrapper .thb-navigation { width: 100%; display: block; margin-top: 24px; } .thb-portfolio-filter-wrapper .thb-navigation .nav-previous { margin-right: 24px; } .work-details .thb-navigation .nav-previous { margin-right: 24px; } .thb-portfolio-filter-top #thb-portfolio-filter { margin-bottom: 48px; margin-right: 96px; float: left; } .thb-portfolio-filter-top #thb-portfolio-filter h3 { margin-bottom: 24px; } .thb-portfolio-filter-top #thb-portfolio-filter li { display: inline-block; float: none; clear: none; margin-left: 12px; margin-bottom: 0; } .thb-portfolio-filter-top #thb-portfolio-filter li:first-child { margin-left: 0; } .thb-portfolio-filter-top .thb-navigation { width: auto; float: right; margin-top: 0; } .work-data { display: table-cell; vertical-align: middle; padding: 0 12px; } .work-data h3 { font-size: 18px; line-height: 1.25; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; } .work-data p { text-transform: uppercase; font-size: 12px; font-weight: normal; } .thb-empty-image .work-data { padding-top: 12px; padding-bottom: 12px; } .work-thumb { display: block; overflow: hidden; } .work-thumb img { width: 100%; } .work-thumb.thb-w-image:hover .thb-work-overlay { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .thb-grid-layout li { list-style-type: none; float: left; display: block; margin-bottom: 4px; padding: 0 2px; } .thb-grid-layout li .work-thumb { display: block; border-bottom: 0; } .thb-grid-layout li .work-thumb img { width: 100%; height: auto; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .thb-grid-layout li.thb-item-ajax-loading:before { content: ""; position: absolute; top: 12px; left: 12px; cursor: wait; background-color: transparent; opacity: .8; border-radius: 50%; animation: loading .5s infinite linear; -moz-animation: loading .5s infinite linear; -webkit-animation: loading .5s infinite linear; border: 3px solid #fff; border-top-color: transparent; border-left-color: transparent; height: 16px; width: 16px; z-index: 10; } @keyframes loading { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-moz-keyframes loading { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } .thb-portfolio-layout-b .thb-grid-layout li { padding: 0; margin-bottom: 24px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .thb-portfolio-layout-b .thb-grid-layout li.thb-empty-image .work-data { margin-top: 0; } .thb-portfolio-layout-b .thb-grid-layout li .work-data { display: block; margin-top: 12px; padding-left: 0; padding-right: 0; } .thb-portfolio-layout-b .thb-grid-layout li .work-data h3 { margin-bottom: 0; font-size: 16px; } #single-work-container .close, .single-works #single-work-container .back-to-portfolio { color: #cccccc; } #single-work-container .close:hover, .single-works #single-work-container .back-to-portfolio:hover { color: black; } #single-work-container { position: relative; clear: both; height: 0; } #single-work-container .item-thumb, #single-work-container .fluid-width-video-wrapper { margin-bottom: 24px; } #single-work-container .ajax-container { padding-top: 72px; } #single-work-container.thb-top-position .ajax-container { padding-top: 24px; padding-bottom: 48px; } #single-work-container .close { display: inline-block; text-transform: uppercase; margin-bottom: 12px; font-size: 12px; } #single-work-container .close:before { content: "I"; display: inline; float: left; font-size: 20px; line-height: 18px; } #single-work-container > * { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; } #single-work-container.thb-loaded { height: auto; } #single-work-container.thb-loaded > * { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #single-work-container .work-details { margin-bottom: 48px; } #single-work-container .work-details .work-title { font-size: 32px; font-weight: 900; margin-bottom: 24px; line-height: 1.1; position: relative; } #single-work-container .work-details .thb-text { margin-bottom: 24px; } #single-work-container .thb-navigation { display: none; } #single-work-container .thb-single-work-layout-column .work-details { margin-bottom: 0; } #single-work-container .thb-project-info { margin-bottom: 24px; } #single-work-container .thb-project-info p { font-weight: bold; } #single-work-container .thb-project-info p .thb-project-label { font-weight: normal; } #single-work-container .thb-single-works-meta { margin-top: 12px; padding-top: 12px; border-top-width: 1px; border-top-style: solid; font-weight: normal; font-size: 12px; } .back-to-portfolio { display: none; } .single-works #single-work-container { height: auto; margin-bottom: 0; } .single-works #single-work-container > * { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .single-works #single-work-container .close { display: none; } .single-works #single-work-container .back-to-portfolio { display: inline-block; margin-bottom: 12px; font-size: 12px; text-transform: uppercase; } .single-works #single-work-container .back-to-portfolio:before { content: "d"; display: inline; float: left; margin-right: 6px; } .single-works #single-work-container .thb-navigation { display: block; margin-top: 24px; } .thb-work-permalink { display: block; float: left; color: #cccccc; } .thb-work-permalink a { display: block; float: left; color: #cccccc; } .thb-work-permalink a:hover { color: black; } .thb-work-permalink a span { display: none; } .thb-work-permalink a:before { content: "r"; float: left; height: 18px; width: 16px; font-size: 16px; line-height: 18px; text-align: center; } .thb-work-permalink:after { display: inline-block; content: "|"; margin-right: 6px; margin-left: 6px; } /* | ------------------------------------------------------------------------------ | $Photogallery | ------------------------------------------------------------------------------ */ .thb-ajax-loading #filterlist:after { height: 30px; width: 30px; position: absolute; top: 0; right: -40px; } .thb-ajax-loading #thb-infinite-scroll-nav a:after { height: 16px; width: 16px; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position: absolute; top: 4px; right: -26px; } #thb-infinite-scroll-nav { clear: both; display: block; text-align: center; } #thb-infinite-scroll-nav a { display: inline-block; margin-top: 24px; } /* | ------------------------------------------------------------------------------ | $Attachment | ------------------------------------------------------------------------------ */ body.attachment .attachment.item-thumb { margin-bottom: 24px; } body.attachment .post-meta h1 { font-size: 30px; } /* | ------------------------------------------------------------------------------ | $Password protected content | ------------------------------------------------------------------------------ */ .thb-password-protected-message { display: block; margin-bottom: 24px; } .thb-password-protected-message:before { content: "e"; font-size: 32px; float: left; margin-right: 24px; display: block; line-height: 42px; } .thb-password-protected-message span { display: block; } /* | ------------------------------------------------------------------------------ | $Archives | ------------------------------------------------------------------------------ */ .page-template-template-archives-php .thb-archives-container h3 { font-weight: 900; line-height: 1.25; margin-bottom: 24px; font-size: 24px; } .page-template-template-archives-php .thb-archives-container > ul { margin-bottom: 48px; } .page-template-template-archives-php .thb-archives-container ul li { margin-top: 4px; margin-bottom: 4px; list-style: square; list-style-position: inside; } /* | ------------------------------------------------------------------------------ | $Content | ------------------------------------------------------------------------------ */ body { font-size: 16px; line-height: 1.5; text-rendering: optimizeLegibility; font-weight: 300; } body.thb-menu-panel.animate { overflow-y: scroll; } a { position: relative; font-weight: 600; } .thb-text, .comment_body { -ms-word-wrap: break-word; word-wrap: break-word; margin-bottom: 48px; } .thb-text h1, .thb-text h2, .thb-text h3, .thb-text h4, .thb-text h5, .thb-text h6, .comment_body h1, .comment_body h2, .comment_body h3, .comment_body h4, .comment_body h5, .comment_body h6 { font-weight: 300; line-height: 1.25; margin-bottom: 24px; } .thb-text h4, .thb-text h5, .thb-text h6, .comment_body h4, .comment_body h5, .comment_body h6 { text-transform: uppercase; } .thb-text p, .thb-text blockquote, .thb-text dl, .thb-text ol, .thb-text p, .thb-text pre, .thb-text table, .thb-text ul, .comment_body p, .comment_body blockquote, .comment_body dl, .comment_body ol, .comment_body p, .comment_body pre, .comment_body table, .comment_body ul { margin-bottom: 24px; } .thb-text p:last-child, .thb-text blockquote:last-child, .thb-text dl:last-child, .thb-text ol:last-child, .thb-text p:last-child, .thb-text pre:last-child, .thb-text table:last-child, .thb-text ul:last-child, .comment_body p:last-child, .comment_body blockquote:last-child, .comment_body dl:last-child, .comment_body ol:last-child, .comment_body p:last-child, .comment_body pre:last-child, .comment_body table:last-child, .comment_body ul:last-child { margin-bottom: 0; } .thb-text a, .comment_body a { border-bottom: 2px solid; } .thb-text pre, .thb-text code, .comment_body pre, .comment_body code { font-family: Courier, "Courier New", monospace; line-height: 1.5; font-size: 14px; } .thb-text code, .comment_body code { padding: 15px 20px; display: block; margin: 24px 0; } .thb-text blockquote, .comment_body blockquote { position: relative; font-size: 16px; line-height: 1.5; font-style: italic; padding: 12px 0 12px 82px; } .thb-text blockquote cite, .comment_body blockquote cite { font-style: normal; display: block; border-top: 1px solid; font-size: 12px; padding-top: 12px; margin-top: 12px; } .thb-text blockquote p:last-of-type, .comment_body blockquote p:last-of-type { margin-bottom: 0; } .thb-text blockquote:before, .comment_body blockquote:before { content: "m"; display: block; font-style: normal; width: 58px; height: 100%; font-size: 32px; position: absolute; top: 0px; left: 0px; padding-left: 12px; } .thb-text table, .comment_body table { width: 100%; } .thb-text table caption, .comment_body table caption { margin: 12px 0; } .thb-text table td, .thb-text table th, .comment_body table td, .comment_body table th { border-bottom: 1px solid; padding: 5px 10px 5px 0; } .thb-text table th, .comment_body table th { text-align: left; } .thb-text ul li, .thb-text ol li, .comment_body ul li, .comment_body ol li { margin-top: 4px; margin-bottom: 4px; } .thb-text ul li, .comment_body ul li { list-style-type: square; } .thb-text dl dt, .comment_body dl dt { font-weight: bold; } .thb-text dl dd, .comment_body dl dd { margin-left: 1.5em; margin-bottom: 12px; } .thb-text h1 { font-size: 36px; } .thb-text h2 { font-size: 28px; } .thb-text h3 { font-size: 24px; } .thb-text h4 { font-size: 22px; } .thb-text h5 { font-size: 18px; } .thb-text h6 { font-size: 16px; } .comment_body h1 { font-size: 30px; } .comment_body h2 { font-size: 24px; } .comment_body h3 { font-size: 18px; } .comment_body h4 { font-size: 16px; } .comment_body h5 { font-size: 14px; } .comment_body h6 { font-size: 14px; } .thb-navigation.numeric { clear: both; } .thb-navigation.numeric li { margin-left: 3px; } .thb-navigation.numeric li:first-child { margin-left: 0; } .thb-navigation.numeric li span, .thb-navigation.numeric li a { display: inline-block; padding: 5px 8px; } .thb-navigation .nav-next a, .thb-navigation .nav-previous a { display: inline-block; text-indent: -999em; width: 24px; } .thb-navigation .nav-next a:before, .thb-navigation .nav-previous a:before { float: left; font-size: 24px; line-height: 1; } .thb-navigation .nav-next a:before { content: "U"; } .thb-navigation .nav-previous a:before { content: "z"; } .meta.details.alternative .thb-navigation .nav-next a, .meta.details.alternative .thb-navigation .nav-previous a { text-indent: 0; width: auto; line-height: 24px; } .meta.details.alternative .thb-navigation .nav-next a:before { margin-left: 12px; } .meta.details.alternative .thb-navigation .nav-previous a:before { margin-right: 12px; } #page-links { margin-top: 48px; overflow: hidden; text-transform: uppercase; font-size: 12px; } #page-links p { display: inline-block; } #page-links span, #page-links a { line-height: inherit; border-bottom: 0; } #page-links span:after, #page-links a:after { display: none !important; } #page-links .pages { padding-left: 0; } #page-links span { display: block; padding: 5px 10px; font-weight: bold; } #page-links a span, #page-links .pages { font-weight: normal; } .thb-scrollup { position: fixed; right: 24px; bottom: 24px; z-index: 10000; display: none; height: 48px; width: 48px; border-bottom: 0; } .thb-scrollup:after { content: "i"; font-size: 22px; line-height: 48px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; text-align: center; } /* | ------------------------------------------------------------------------------ | $Form | ------------------------------------------------------------------------------ */ form input, form button, form textarea { width: 100%; border: 1px solid; padding: 12px 12px; } form input:disabled, form button:disabled, form textarea:disabled { cursor: default; } form input[type="radio"], form input[type="checkbox"], form input[type="date"], form input[type="number"] { width: auto; } form [type="submit"] { width: auto; font-weight: bold; text-transform: uppercase; padding-bottom: 12px; border: 0; margin-top: 12px; line-height: 1; } form label { display: inline-block; margin-bottom: 5px; } .hidden, .screen-reader-text { display: none; } .wpcf7 .wpcf7-not-valid { border-color: red; } .wpcf7 .wpcf7-form-control-wrap { display: block; } .wpcf7 .wpcf7-not-valid-tip { margin-top: 5px; } .wpcf7 .wpcf7-response-output { margin: 24px 0; padding: 12px; } /* | ------------------------------------------------------------------------------ | $Comments | ------------------------------------------------------------------------------ */ #respond { margin-bottom: 24px; } #respond .comment-reply-title small { float: right; } #respond form p { margin-bottom: 12px; } #respond form label { display: none; } #respond .required { font-size: 16px; } #respond .comment-notes, #respond .form-allowed-tags { margin-bottom: 12px; font-size: 12px; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url { float: left; display: inline; width: 32%; } #respond .comment-form-email { margin: 0 2%; } .thb-pingback { margin-bottom: 12px; } li.comment article { margin-bottom: 48px; } .comment.bypostauthor .comment_rightcol { border-right-width: 6px; border-right-style: solid; padding-right: 24px; } .comment .comment_leftcol { margin-right: 24px; } .comment .comment_rightcol .comment_head { line-height: 1; } .comment .comment_rightcol .comment_head .user { font-weight: 900; font-size: 18px; } .comment .comment_rightcol .comment_head .date { font-size: 14px; font-weight: normal; display: block; clear: both; margin-top: 12px; } .comment .comment_rightcol .comment_head .comment-reply-link { border-bottom: 0; text-transform: uppercase; font-size: 14px; } .comment .comment_rightcol .comment_body { margin-top: 24px; margin-bottom: 0; } .comment #respond { margin-top: 48px; } /* | ------------------------------------------------------------------------------ | $Images | ------------------------------------------------------------------------------ */ [class*="wp-image-"] { margin-top: 24px; margin-bottom: 24px; max-width: 100%; } .wp-caption { max-width: 100%; margin-top: 24px; margin-bottom: 24px; } .wp-caption [class*="wp-image-"] { margin: 5px auto; display: block; float: none; } .wp-caption .wp-caption-text { font-size: 12px; padding: 0 5px 5px; margin-bottom: 0; } .alignleft { margin-right: 12px; } .alignright { margin-left: 12px; } .thb-text .gallery-item { margin-top: 0 !important; margin-bottom: 12px; } .thb-text .gallery-item img { border: none !important; } .thb-text .gallery-item .gallery-icon { float: left; width: 100%; height: auto; text-align: center; } .thb-text .gallery-item .gallery-icon a { width: auto; height: auto; border-bottom: 0; display: inline-block; } .thb-text .gallery-item .gallery-caption { font-size: 12px; text-align: left; float: left; margin-top: 12px; margin-bottom: 12px; } .thb-overlay { content: ""; display: block; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; height: 100%; width: 100%; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; transition: opacity 0.15s linear; position: absolute; z-index: 10; } .thb-featured-overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; z-index: 1; -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .thb-overlay:after { content: "E"; height: 24px; width: 24px; text-align: center; position: absolute; top: 50%; left: 50%; font-size: 24px; line-height: 24px; margin-left: -12px; margin-top: -12px; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .thb-work-overlay { height: 100%; width: 100%; display: block; position: absolute; -webkit-transition: position 0.15s linear; -moz-transition: position 0.15s linear; transition: position 0.15s linear; text-align: center; } .thb-work-overlay .overlay-wrapper { display: table; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .thb-portfolio-layout-b .work-thumb:hover .thb-work-overlay { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .thb-portfolio-layout-b .work-thumb:hover .thb-work-overlay:after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .thb-portfolio-layout-b .thb-work-overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .thb-portfolio-layout-b .thb-work-overlay:after { content: "E"; height: 24px; width: 24px; text-align: center; position: absolute; top: 50%; left: 50%; font-size: 24px; line-height: 24px; margin-left: -12px; margin-top: -12px; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .item-thumb { display: block; position: relative; border-bottom: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } .item-thumb:after { display: none !important; } .item-thumb:hover .thb-overlay { -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .item-thumb:hover .thb-overlay:after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .item-thumb img { width: 100%; } .thb-header-standard .parallax-container { width: 97.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; } .parallax-container { z-index: 1; clear: both; position: relative; overflow: hidden; height: 720px } .parallax-container .parallax-inner { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1; } .parallax-container .slide { height: 100%; } .parallax-container .slide.thb-overlay-dark .thb-featured-overlay { background-color: #222; -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .parallax-container .slide.thb-overlay-dark .thb-slide-caption > * { color: white; } .parallax-container .parallax-item { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; } .parallax-container .parallax-item .fluid-width-video-wrapper { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; padding: 0 !important; } .parallax-container .parallax-item .rsImg { position: absolute; } .thb-slide-caption { width: 100%; height: 100%; text-align: center; position: relative; z-index: 20; } .thb-slide-caption.thb-caption-left { text-align: left; } .thb-slide-caption.thb-caption-center { text-align: center; } .thb-slide-caption.thb-caption-right { text-align: right; } .thb-slide-caption .thb-slide-caption-wrapper { display: table; position: relative; width: 97.56098%; max-width: 1008px; height: 100%; margin: 0 auto; z-index: 20; } .thb-slide-caption .thb-caption-inner-wrapper { display: table-cell; vertical-align: middle; } .thb-slide-caption .thb-caption-inner-wrapper > div { position: relative; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all 0.35s 0.5s ease-in-out; -moz-transition: all 0.35s 0.5s ease-in-out; transition: all 0.35s 0.5s ease-in-out; } .thb-slide-caption .thb-caption-inner-wrapper > div.thb-heading { font-size: 44px; line-height: 1; letter-spacing: 0px; font-weight: 900; } .thb-slide-caption .thb-caption-inner-wrapper > div.thb-heading h1 { display: inline-block; border-style: solid; border-width: 0 0 6px 0; padding-bottom: 18px; } .thb-slide-caption .thb-caption-inner-wrapper > div.thb-caption { font-size: 22px; } .thb-slide-caption .thb-caption-inner-wrapper > div.thb-caption p { margin-bottom: 24px; } .thb-slide-caption .thb-caption-inner-wrapper > div.thb-caption *:last-child { margin-bottom: 0; } .thb-slide-caption .thb-caption-inner-wrapper > div.thb-heading + .thb-caption { margin-top: 18px; -webkit-transition: all 0.35s 0.65s ease-in-out; -moz-transition: all 0.35s 0.65s ease-in-out; transition: all 0.35s 0.65s ease-in-out; } .rsActiveSlide .thb-slide-caption .thb-caption-inner-wrapper > div, .active-slide .thb-slide-caption .thb-caption-inner-wrapper > div { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .rsActiveSlide .thb-slide-caption .thb-caption-inner-wrapper > div.thb-caption .post-format-link-url, .active-slide .thb-slide-caption .thb-caption-inner-wrapper > div.thb-caption .post-format-link-url { display: block; margin-top: 6px; } .rsActiveSlide .thb-slide-caption .thb-caption-inner-wrapper > div.thb-caption .post-format-link-url:before, .active-slide .thb-slide-caption .thb-caption-inner-wrapper > div.thb-caption .post-format-link-url:before { content: "r"; display: block; float: left; margin-right: 6px; } .thb-header-standard .thb-slideshow-container { margin-bottom: 24px; } .thb-header-standard .parallax-container { margin-bottom: 48px; } .thb-desktop .thb-video-controls { pointer-events: none; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 100; } .thb-desktop .thb-video-controls .thb-video-play, .thb-desktop .thb-video-controls .thb-video-stop { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); height: 64px; width: 64px; position: absolute; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; cursor: pointer; background-color: rgba(0, 0, 0, 0.7); border-radius: 5px; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); text-indent: -999em; pointer-events: auto; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; cursor: pointer; } .thb-desktop .thb-video-controls .thb-video-play:before, .thb-desktop .thb-video-controls .thb-video-stop:before { color: white; height: 64px; width: 64px; font-size: 32px; line-height: 64px; text-align: center; position: absolute; top: 0px; left: 0px; cursor: pointer; } .thb-desktop .thb-video-controls .thb-video-play:hover, .thb-desktop .thb-video-controls .thb-video-stop:hover { background-color: rgba(0, 0, 0, 0.9); } .thb-desktop .thb-video-controls .thb-video-play { display: block; } .thb-desktop .thb-video-controls .thb-video-play:before { content: "V"; } .thb-desktop .thb-video-controls .thb-video-stop { display: none; } .thb-desktop .thb-video-controls .thb-video-stop:before { font-size: 16px; content: "W"; } .thb-desktop .rsVideoPlaying .thb-video-controls .thb-video-play { display: none; } .thb-desktop .rsVideoPlaying .thb-video-controls .thb-video-stop { display: block; } .thb-desktop .thb-slideshow .slide-type-embed .rsPlayBtn, .thb-desktop .thb-slideshow .slide-type-embed .rsCloseVideoBtn { display: none; } .thb-desktop .thb-slideshow:hover .thb-video-controls .thb-video-play { display: none; } .thb-desktop .thb-slideshow.rsVideoPlaying:hover .thb-video-controls .thb-video-stop { display: none; } .thb-desktop .thb-slideshow .mejs-container .mejs-overlay .mejs-overlay-button { display: none; } .thb-mobile .thb-slideshow .slide-type-embed .thb-overlay, .thb-mobile .thb-slideshow .slide-type-embed .thb-slide-caption { pointer-events: none; } .thb-mobile .thb-slideshow .slide-type-embed .thb-slide-caption .thb-call-to .thb-btn { pointer-events: none; } /* | ------------------------------------------------------------------------------ | $Widgets | ------------------------------------------------------------------------------ */ #footer-sidebar .widgettitle { padding: 0 0 3px 0; border-bottom-width: 3px; border-bottom-style: solid; } .widget { margin-bottom: 48px; } .widget ul li, .widget ol li { font-size: 14px; margin-top: 4px; margin-bottom: 4px; } .widget ul li { list-style-type: square; } .widget:last-of-type { margin-bottom: 0; } .widget .widgettitle { font-size: 16px; line-height: 1.25; font-weight: normal; text-transform: uppercase; margin-bottom: 24px; display: inline-block; padding: 2px 4px; } .widget .tagcloud a { display: inline-block; padding: 5px 8px; font-size: 12px !important; margin-bottom: 8px; } .widget.widget_calendar table { width: 100%; } .widget.widget_calendar table caption { margin: 12px 0; text-transform: uppercase; } .widget.widget_calendar table td, .widget.widget_calendar table th { padding: 5px; border-bottom: 1px solid; text-align: center; } .widget.widget_calendar table th { text-transform: uppercase; } .widget.widget_calendar table #prev { text-align: left; } .widget.widget_calendar table #next { text-align: right; } .widget.widget_categories li { position: relative; list-style-type: none; } .widget.widget_categories li:before { content: "C"; float: left; margin-right: 6px; } .widget.widget_recent_comments { -ms-word-wrap: break-word; word-wrap: break-word; } .widget.widget_recent_comments li { position: relative; list-style-type: none; } .widget.widget_recent_comments li:before { content: "p"; float: left; margin-right: 6px; } .widget.widget_rss .widgettitle .rsswidget { line-height: 1; border-bottom: 0; } .widget.widget_rss .widgettitle .rsswidget img { margin-right: 3px; } .widget.widget_rss li { list-style-type: none; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid; } .widget.widget_rss li .rss-date { display: block; text-transform: uppercase; font-size: 12px; margin-top: 6px; } .widget.widget_rss li .rssSummary { margin-top: 12px; } .widget.widget_tp_widget_recent_tweets ul li { position: relative; list-style: none; padding-left: 32px; padding-bottom: 24px; margin: 0; background: none; } .widget.widget_tp_widget_recent_tweets ul li:before { content: "x"; color: rgba(0, 0, 0, 0.2); position: absolute; top: 0px; left: 0px; font-size: 16px; } .widget.widget_tp_widget_recent_tweets .twitter_time { color: inherit; font-style: normal; text-transform: uppercase; font-size: 10px; margin-top: 12px; display: inline-block; } .thb-color-box { padding: 24px; margin-bottom: 24px; position: relative; } .thb-color-box .thb-col { float: left; display: block; } .thb-color-box .thb-col-size-3 { width: 27.2118%; } .thb-color-box .thb-col-size-3.thb-col-image { width: 68.7782%; } .thb-color-box .thb-col-size-4 { width: 44.5518%; } .thb-color-box .thb-col-size-4.thb-col-image { width: 51.4482%; } .thb-color-box.thb-right-image { padding-right: 0; } .thb-color-box.thb-right-image .thb-col-text { margin-right: 4%; } .thb-color-box.thb-left-image { padding-left: 0; } .thb-color-box.thb-left-image .thb-col-text { float: right; margin-left: 4%; } .thb-color-box.thb-center-image { padding-bottom: 0; } .thb-color-box.thb-center-image .thb-col-text, .thb-color-box.thb-center-image .thb-col-image { width: 100%; float: none; } .thb-color-box.thb-center-image .thb-col-text { max-width: 60%; margin-left: auto; margin-right: auto; margin-bottom: 48px; } .thb-color-box.thb-center-image .thb-col-image img { margin-left: auto; margin-right: auto; display: block; } /* | ------------------------------------------------------------------------------ | $Colors | ------------------------------------------------------------------------------ */ #main-container { background-color: white; } #page-header .page-subtitle { color: #cccccc; } .menu-container.panel a, #mobile-menu-container a, .footer-wrapper a { color: white; } .menu-container.panel .main-navigation ul > li ul li a:hover, #mobile-menu-container .main-navigation ul > li ul li a:hover { color: white; } .menu-trigger:hover { color: white; } .menu-container.inline .main-navigation ul > li a { color: black; } .menu-container.inline .main-navigation ul ul li a { color: white; } #footer-sidebar { border-bottom-color: rgba(255, 255, 255, 0.1); } .trigger-open { color: white; } .trigger-open:hover { background-color: black; } .thb-overlay, .thb-featured-overlay { background: white; color: black; } .thb-slide-caption { color: black; } .thb-work-overlay { color: white; } #page-header:after { background-color: #eaeaea; } #single-work-container .thb-single-works-meta { border-top-color: #eaeaea; } a { color: black; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; } .thb-text table td, .thb-text table th, .comment_body table td, .comment_body table th { border-bottom-color: #cccccc; } .thb-text code, .comment_body code { background-color: #f2f2f2; } .thb-text blockquote cite, .comment_body blockquote cite { border-top-color: #cccccc; } .thb-navigation .nav-next a, .thb-navigation .nav-previous a { color: #999; } .thb-navigation .nav-next a:hover, .thb-navigation .nav-previous a:hover { color: black; } .thb-navigation.numeric li .current { color: white; } .single .meta.details, .author-block, .related, #comments, #respond, .thb-navigation.numeric, .page.hentry .meta.details, .works.hentry .meta.details, .product.hentry .meta.details, .post.hentry .meta.details { border-top-color: #cccccc; } .page.hentry .post-date, .works.hentry .post-date, .post.hentry .post-date, .product.hentry .post-date, #page-links span { color: white; } #page-links a span, #page-links .pages { background: none; color: black; } .widget.widget_calendar table td, .widget.widget_calendar table th, .widget.widget_rss li, .related .list li { border-bottom-color: #cccccc; } .widget.widget_recent_comments li:before, .widget.widget_categories li:before { color: #cccccc; } .widgettitle { color: white; } .widget.widget_tp_widget_recent_tweets .twitter_time { border-top-color: #cccccc; } #footer-sidebar .widgettitle { background: none; color: white; } #footer-sidebar .widget.widget_calendar table td, #footer-sidebar .widget.widget_calendar table th, #footer-sidebar .widget.widget_rss li { border-bottom-color: rgba(255, 255, 255, 0.1); } #footer-sidebar .widget.widget_tp_widget_recent_tweets ul li:before { color: white; } .widget .tagcloud a { color: white; } .widget .tagcloud a:hover { background-color: black; } .thb-scrollup:after { background-color: rgba(0, 0, 0, 0.3); color: white; } .thb-social-icon:after { color: white; } .thb-text blockquote:before, .comment_body blockquote:before { color: white; } #thb-portfolio-filter li.active { color: white; } form input, form button, form textarea { border-color: #cccccc; background-color: #f2f2f2; } form input:focus, form button:focus, form textarea:focus { outline: none; } form input:focus, form textarea:focus { background-color: white; border-color: black; } form [type="submit"] { background-color: black; color: white; } form [type="submit"]:disabled { background-color: #cccccc; } /* | ------------------------------------------------------------------------------ | $Magnificpopup | ------------------------------------------------------------------------------ */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .thb-mfp-skin .mfp-content { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .mfp-ready.mfp-bg.thb-mfp-skin { opacity: 0.8; } .mfp-ready.thb-mfp-skin .mfp-content { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .mfp-removing.mfp-bg.thb-mfp-skin { opacity: 0; } .mfp-removing.thb-mfp-skin .mfp-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-bg.thb-mfp-skin { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* -------------------------------------------------------------------------- */ /* $Responsive */ /* -------------------------------------------------------------------------- */ /* @media 768 */ @media screen and (min-width: 768px) and (max-width: 1031px) { .responsive_768 { /* | ------------------------------------------------------------------------------ | $Layout | ------------------------------------------------------------------------------ */ /* | ------------------------------------------------------------------------------ | $Header | ------------------------------------------------------------------------------ */ } .responsive_768 .inner-wrapper { max-width: none; } .responsive_768 .page-header-wrapper #page-header, .responsive_768 #page-content { width: 60.41667%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 .page-header-wrapper { width: 100%; float: left; display: inline; position: relative; } .responsive_768 .thb-full-width #page-content, .responsive_768 .thb-full-width #page-header, .responsive_768 .page-template-template-portfolio-php #page-content, .responsive_768 .page-template-template-portfolio-php #page-header, .responsive_768 .page-template-template-photogallery-php #page-content, .responsive_768 .page-template-template-photogallery-php #page-header { width: 93.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 .thb-header-standard .parallax-container { width: 93.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 #thb-sidebar-main { width: 27.08333%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; float: right; } .responsive_768 .sidebar-left #thb-sidebar-main { float: left; } .responsive_768 .sidebar-left #page-content { float: right; } .responsive_768 #footer { width: 93.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 #footer-sidebar .col.one-half { width: 43.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 #footer-sidebar .col.one-third { width: 27.08333%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 #footer-sidebar .col.two-thirds { width: 60.41667%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 #footer-sidebar .col.one-fourth { width: 18.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 #footer-sidebar .col.two-fourth { width: 43.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 #footer-sidebar .col.three-fourths { width: 68.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 .thb-portfolio-filter-wrapper { width: 18.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 #thb-grid-layout { width: 68.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; float: right; } .responsive_768 #thb-grid-layout.thb-photogallery-container, .responsive_768 .thb-portfolio-filter-top #thb-grid-layout, .responsive_768 .thb-portfolio-filter-top .thb-portfolio-filter-wrapper { width: 93.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 .thb-portfolio-layout-b.thb-portfolio-filter-top #thb-grid-layout { width: 100%; float: left; display: inline; position: relative; margin: 0; } .responsive_768 .thb-portfolio-layout-b.thb-grid-layout-4cols #thb-grid-layout li { width: 18.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 .thb-portfolio-layout-b.thb-grid-layout-3cols #thb-grid-layout li { width: 27.08333%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 .thb-portfolio-layout-b.thb-grid-layout-2cols #thb-grid-layout li { width: 43.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 .thb-portfolio-layout-b #single-work-container { width: 93.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 .single-works #page-content { width: 100%; float: left; display: inline; position: relative; margin-left: 0; margin-right: 0; } .responsive_768 .single-works.thb-password-protected #page-content { width: 60.41667%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 .thb-single-work-layout-column .work-details { width: 27.08333%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 .thb-single-work-layout-column .work-slides-container { width: 60.41667%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; float: right; } .responsive_768 .thb-single-work-layout-extended .work-details, .responsive_768 .thb-single-work-layout-extended .work-slides-container { width: 93.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative; } .responsive_768 .page-header-wrapper .thb-navigation { right: 3.125%; } .responsive_768 .thb-slide-caption .thb-slide-caption-wrapper { width: 93.75%; max-width: 816px; } .responsive_768 #header { padding: 24px 3.125%; } .responsive_768 .menu-container.panel .menu-trigger { position: absolute; top: 24px; right: 3.125%; } .responsive_768 .menu-container.panel .main-navigation .menu { width: 720px; } .responsive_768 .menu-container.panel .main-navigation ul > li { width: 17.6%; max-width: none; margin-right: 3%; padding-right: 0; } .responsive_768 .menu-container.panel .main-navigation ul > li:nth-child(5n) { margin-right: 0; } .responsive_768 .menu-container.panel .main-navigation ul > li:nth-child(5n+1) { clear: both; } .responsive_768 .menu-container.panel .main-navigation ul > li li { width: auto; margin-right: 0; } } /* @media 480 */ @media screen and (max-width: 767px) { .responsive_480 { /* | ------------------------------------------------------------------------------ | $Layout | ------------------------------------------------------------------------------ */ /* | ------------------------------------------------------------------------------ | $Header | ------------------------------------------------------------------------------ */ } .responsive_480 .inner-wrapper { max-width: none; } .responsive_480 #logo { max-width: 55%; } .responsive_480 .page-header-wrapper #page-header, .responsive_480 #page-content { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .page-header-wrapper { width: 100%; float: left; display: inline; position: relative; } .responsive_480 .thb-full-width #page-content, .responsive_480 .thb-full-width #page-header, .responsive_480 .page-template-template-portfolio-php #page-content, .responsive_480 .page-template-template-portfolio-php #page-header, .responsive_480 .page-template-template-photogallery-php #page-content, .responsive_480 .page-template-template-photogallery-php #page-header { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .thb-header-standard .parallax-container { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .parallax-container { height: 380px; } .responsive_480 #thb-sidebar-main { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; float: right; } .responsive_480 .sidebar-left #thb-sidebar-main { float: left; } .responsive_480 .sidebar-left #page-content { float: right; } .responsive_480 #footer { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 #footer-sidebar .col.one-half { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 #footer-sidebar .col.one-third { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 #footer-sidebar .col.two-thirds { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 #footer-sidebar .col.one-fourth { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 #footer-sidebar .col.two-fourth { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 #footer-sidebar .col.three-fourths { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .page.hentry .post-date, .responsive_480 .works.hentry .post-date, .responsive_480 .post.hentry .post-date, .responsive_480 .product.hentry .post-date { display: none; } .responsive_480 .page.hentry .post-wrapper, .responsive_480 .works.hentry .post-wrapper, .responsive_480 .post.hentry .post-wrapper, .responsive_480 .product.hentry .post-wrapper { margin-left: 0; } .responsive_480 .page.hentry .compact-date, .responsive_480 .works.hentry .compact-date, .responsive_480 .post.hentry .compact-date, .responsive_480 .product.hentry .compact-date { display: inline-block; } .responsive_480 .thb-portfolio-filter-wrapper { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .thb-grid-layout { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; float: right; } .responsive_480 .thb-grid-layout-4cols li, .responsive_480 .thb-grid-layout-3cols li, .responsive_480 .thb-grid-layout-2cols li { width: 49.96%; } } @media only screen and (max-width: 767px) and (max-width: 480px) { .responsive_480 .thb-grid-layout-4cols li, .responsive_480 .thb-grid-layout-3cols li, .responsive_480 .thb-grid-layout-2cols li { width: 100%; } } @media screen and (max-width: 767px) { .responsive_480 .thb-photogallery-container, .responsive_480 .thb-portfolio-filter-top .thb-grid-layout, .responsive_480 .thb-portfolio-filter-top .thb-portfolio-filter-wrapper { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .thb-portfolio-layout-b.thb-portfolio-filter-top .thb-grid-layout { width: 100%; float: left; display: inline; position: relative; margin: 0; } .responsive_480 .thb-portfolio-layout-b.thb-grid-layout-4cols li { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .thb-portfolio-layout-b.thb-grid-layout-3cols li { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .thb-portfolio-layout-b.thb-grid-layout-2cols li { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .thb-portfolio-layout-b #single-work-container { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .single-works #page-content { width: 100%; float: left; display: inline; position: relative; margin-left: 0; margin-right: 0; } .responsive_480 .single-works.thb-password-protected #page-content { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .thb-single-work-layout-column .work-details, .responsive_480 .thb-single-work-layout-column .work-slides-container { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .thb-single-work-layout-column .work-details { margin-bottom: 48px; } .responsive_480 #single-work-container .thb-single-work-layout-column .work-details { margin-bottom: 48px; } .responsive_480 .thb-single-work-layout-extended .work-details, .responsive_480 .thb-single-work-layout-extended .work-slides-container { width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; } .responsive_480 .thb-portfolio-filter-wrapper .thb-navigation { clear: both; float: left; margin-bottom: 24px; } .responsive_480 .thb-portfolio-filter-wrapper .thb-navigation:after { content: ""; display: table; clear: both; } .responsive_480 .thb-portfolio-filter-wrapper #thb-portfolio-filter { margin-bottom: 24px; float: left; width: 100%; } .responsive_480 .thb-portfolio-filter-wrapper #thb-portfolio-filter li { display: inline-block; float: none; clear: none; margin-left: 24px; } .responsive_480 .thb-portfolio-filter-wrapper #thb-portfolio-filter li:first-child { margin-left: 0; } .responsive_480 .page-header-wrapper .thb-navigation { right: 0; width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; clear: both; margin-top: 24px; } .responsive_480 .page-header-wrapper .thb-navigation .nav-previous { float: left; } .responsive_480 .page-header-wrapper .thb-navigation .nav-next { float: right; } .responsive_480 .thb-slide-caption .thb-slide-caption-wrapper { width: 85%; max-width: 100%; } .responsive_480 .thb-slide-caption .thb-caption-inner-wrapper > div.thb-heading { font-size: 32px; line-height: 1; letter-spacing: 0px; } .responsive_480 .thb-slide-caption .thb-caption-inner-wrapper > div.thb-caption { font-size: 14px; } .responsive_480 #header { padding: 24px 7.5%; } .responsive_480 .menu-container.panel { display: none; } .responsive_480 .menu-container.inline .main-navigation { display: none; } .responsive_480 #respond .comment-form-author, .responsive_480 #respond .comment-form-email, .responsive_480 #respond .comment-form-url { width: 100%; } .responsive_480 #respond .comment-form-email { margin: 0 0 12px; } .responsive_480 .thb-menu-panel #main-container, .responsive_480 .thb-menu-panel .perspective-wrapper, .responsive_480 .thb-menu-side #main-container, .responsive_480 .thb-menu-side .perspective-wrapper, .responsive_480 .thb-menu-inline #main-container, .responsive_480 .thb-menu-inline .perspective-wrapper, .responsive_480 .thb-menu-inline-fixed #main-container, .responsive_480 .thb-menu-inline-fixed .perspective-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .responsive_480 .thb-menu-panel #main-container, .responsive_480 .thb-menu-side #main-container, .responsive_480 .thb-menu-inline #main-container, .responsive_480 .thb-menu-inline-fixed #main-container { box-shadow: none; } .responsive_480 .thb-menu-panel .perspective-wrapper, .responsive_480 .thb-menu-side .perspective-wrapper, .responsive_480 .thb-menu-inline .perspective-wrapper, .responsive_480 .thb-menu-inline-fixed .perspective-wrapper { position: relative; -webkit-perspective: 0px; perspective: 0px; -webkit-transition: -webkit-transform .25s; -moz-transition: -moz-transform .25s; transition: transform .25s; width: auto; height: auto; } .responsive_480 .thb-menu-panel.animate .perspective-wrapper, .responsive_480 .thb-menu-side.animate .perspective-wrapper, .responsive_480 .thb-menu-inline.animate .perspective-wrapper, .responsive_480 .thb-menu-inline-fixed.animate .perspective-wrapper { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); } .responsive_480 .thb-menu-panel.animate #mobile-menu-container, .responsive_480 .thb-menu-side.animate #mobile-menu-container, .responsive_480 .thb-menu-inline.animate #mobile-menu-container, .responsive_480 .thb-menu-inline-fixed.animate #mobile-menu-container { display: block; } .responsive_480 .thb-menu-panel.animate .footer-wrapper, .responsive_480 .thb-menu-side.animate .footer-wrapper, .responsive_480 .thb-menu-inline.animate .footer-wrapper, .responsive_480 .thb-menu-inline-fixed.animate .footer-wrapper { height: auto; position: relative; } .responsive_480 .thb-menu-panel.admin-bar.animate .perspective-wrapper, .responsive_480 .thb-menu-panel.admin-bar #mobile-menu-container, .responsive_480 .thb-menu-side.admin-bar.animate .perspective-wrapper, .responsive_480 .thb-menu-side.admin-bar #mobile-menu-container, .responsive_480 .thb-menu-inline.admin-bar.animate .perspective-wrapper, .responsive_480 .thb-menu-inline.admin-bar #mobile-menu-container, .responsive_480 .thb-menu-inline-fixed.admin-bar.animate .perspective-wrapper, .responsive_480 .thb-menu-inline-fixed.admin-bar #mobile-menu-container { top: 46px; } .responsive_480 .thb-menu-panel.menu-open .perspective-wrapper, .responsive_480 .thb-menu-side.menu-open .perspective-wrapper, .responsive_480 .thb-menu-inline.menu-open .perspective-wrapper, .responsive_480 .thb-menu-inline-fixed.menu-open .perspective-wrapper { -webkit-transform: translate3d(-240px, 0, 0); -moz-transform: translate3d(-240px, 0, 0); -ms-transform: translate3d(-240px, 0, 0); -o-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } .responsive_480 .thb-menu-panel.menu-open #main-container, .responsive_480 .thb-menu-side.menu-open #main-container, .responsive_480 .thb-menu-inline.menu-open #main-container, .responsive_480 .thb-menu-inline-fixed.menu-open #main-container { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .responsive_480 .thb-menu-panel.menu-open .trigger-open, .responsive_480 .thb-menu-side.menu-open .trigger-open, .responsive_480 .thb-menu-inline.menu-open .trigger-open, .responsive_480 .thb-menu-inline-fixed.menu-open .trigger-open { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .responsive_480 .thb-menu-panel.logo-right.menu-open .perspective-wrapper, .responsive_480 .thb-menu-side.logo-right.menu-open .perspective-wrapper, .responsive_480 .thb-menu-inline.logo-right.menu-open .perspective-wrapper, .responsive_480 .thb-menu-inline-fixed.logo-right.menu-open .perspective-wrapper { -webkit-transform: translate3d(240px, 0, 0); -moz-transform: translate3d(240px, 0, 0); -ms-transform: translate3d(240px, 0, 0); -o-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } .responsive_480 .thb-menu-panel.logo-right #mobile-menu-container, .responsive_480 .thb-menu-side.logo-right #mobile-menu-container, .responsive_480 .thb-menu-inline.logo-right #mobile-menu-container, .responsive_480 .thb-menu-inline-fixed.logo-right #mobile-menu-container { position: fixed; top: 0px; right: auto; bottom: 0px; left: 0px; } .responsive_480 .thb-menu-panel.logo-right.admin-bar #mobile-menu-container, .responsive_480 .thb-menu-side.logo-right.admin-bar #mobile-menu-container, .responsive_480 .thb-menu-inline.logo-right.admin-bar #mobile-menu-container, .responsive_480 .thb-menu-inline-fixed.logo-right.admin-bar #mobile-menu-container { top: 46px; } .responsive_480 .thb-menu-inline-fixed #header { position: relative; margin-bottom: 96px; } .responsive_480 .thb-menu-inline-fixed #header.scrolled { padding-top: 24px; padding-bottom: 24px; box-shadow: none; background-color: inherit; } .responsive_480 .thb-menu-inline-fixed.thb-header-extended #header { position: absolute; } .responsive_480 .thb-menu-inline-fixed #main-container > .inner-wrapper { margin-top: 0 !important; } .responsive_480 .thb-menu-inline-fixed.admin-bar #header { top: 0; } .responsive_480 .main-navigation .menu { width: 100%; margin: 0; padding: 0 24px; } .responsive_480 .main-navigation ul { display: block; } .responsive_480 .main-navigation ul ul { margin-left: 12px; } .responsive_480 .main-navigation ul li { display: block; padding-right: 0; max-width: none; margin-bottom: 12px; } .responsive_480 .main-navigation ul li li { display: block; padding-right: 0; text-transform: none; margin-bottom: 6px; } .responsive_480 .thb-menu-inline .trigger-open, .responsive_480 .thb-menu-inline-fixed .trigger-open { display: block; } .responsive_480 .logo-right .trigger-open { float: left; } .responsive_480 .rsTHB .rsArrow .rsArrowIcn { display: none; } } /* -------------------------------------------------------------------------- */ /* $Menu fixes */ /* -------------------------------------------------------------------------- */ .no-csstransforms3d #main-container { top: 0; transform: translateY(0) translateZ(0); } .no-csstransforms3d .menu-open #main-container { top: 240px; }