@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
/* Dimensions */
.wrapper { width: 90%; margin: 0 5%; }
#header .wrapper { padding: 10px 0 0px !important; }
#logo img{max-width:100%;padding-bottom:10px;}
#page-content{margin-top:12px;}
.w-sidebar .thb-main-wrapper { width: 100%; }
.w-sidebar #thb-sidebar-main { width: auto; margin-top: 40px; }

.thb-site-header .wrapper { width: 90%; margin: 0 5%; }
.thb-site-header #logo { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }
.thb-site-header #main-nav { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }

#thb-portfolio-filter { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }

#thb-portfolio-pagination { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }

body.masonry-2cols ul#thb-portfolio-container li, body.masonry-2cols ul.thb-photogallery-container li { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }
body.masonry-2cols.thb-gutter-0 ul#thb-portfolio-container li, body.masonry-2cols.thb-gutter-0 ul.thb-photogallery-container li { width: 100%; float: left; display: inline; position: relative; margin: 0; }

body.masonry-3cols ul#thb-portfolio-container li, body.masonry-3cols ul.thb-photogallery-container li { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }
body.masonry-3cols.thb-gutter-0 ul#thb-portfolio-container li, body.masonry-3cols.thb-gutter-0 ul.thb-photogallery-container li { width: 100%; float: left; display: inline; position: relative; margin: 0; }

body.masonry-4cols ul#thb-portfolio-container li, body.masonry-4cols ul.thb-photogallery-container li { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }
body.masonry-4cols.thb-gutter-0 ul#thb-portfolio-container li, body.masonry-4cols.thb-gutter-0 ul.thb-photogallery-container li { width: 100%; float: left; display: inline; position: relative; margin: 0; }

.single-works .thb-w-prj-info .thb-text { float: left; width: 100%; }
.single-works .thb-w-prj-info #thb-project-info { width: 100%; float: right; }
.single-works.w-sidebar .thb-w-prj-info .thb-text { float: none; width: 100%; }
.single-works.w-sidebar .thb-w-prj-info #thb-project-info { float: none; width: 100%; }

.loop.standard .hentry .thb-card, .loop.grid .hentry .thb-card { width: 100%; margin-left: 0; position: relative; }
.loop.standard .hentry .item-thumb, .loop.standard .hentry .thb-loop-gallery, .loop.grid .hentry .item-thumb, .loop.grid .hentry .thb-loop-gallery { margin-bottom: 20px; }
.loop.standard .hentry.format-video .item-thumb, .loop.grid .hentry.format-video .item-thumb { max-height: none !important; }
.loop.standard .hentry.thb-w-featured-image.highlighted .item-thumb, .loop.grid .hentry.thb-w-featured-image.highlighted .item-thumb { max-height: none; position: absolute; display: block; }
.loop.standard .hentry.thb-w-featured-image.highlighted .thb-card, .loop.grid .hentry.thb-w-featured-image.highlighted .thb-card { display: block; }
.loop.standard .hentry.thb-w-featured-image.highlighted .thb-card:after, .loop.grid .hentry.thb-w-featured-image.highlighted .thb-card:after { display: none; }
.loop.standard .hentry.thb-w-featured-image.highlighted.format-video .thb-card, .loop.grid .hentry.thb-w-featured-image.highlighted.format-video .thb-card { margin-top: 0; }
.loop.standard .hentry.thb-w-featured-image.highlighted.format-video .thb-video-container, .loop.grid .hentry.thb-w-featured-image.highlighted.format-video .thb-video-container { width: 100%; margin-left: 0; margin-bottom: 20px; }
.loop.standard .hentry.thb-w-featured-image.left .item-thumb, .loop.standard .hentry.thb-w-featured-image.left .thb-loop-gallery, .loop.standard .hentry.thb-w-featured-image.right .item-thumb, .loop.standard .hentry.thb-w-featured-image.right .thb-loop-gallery, .loop.grid .hentry.thb-w-featured-image.left .item-thumb, .loop.grid .hentry.thb-w-featured-image.left .thb-loop-gallery, .loop.grid .hentry.thb-w-featured-image.right .item-thumb, .loop.grid .hentry.thb-w-featured-image.right .thb-loop-gallery { position: relative; width: 100%; height: auto; max-height: 310px; margin-left: 0; }
.loop.standard .hentry.thb-w-featured-image.left .thb-loop-gallery, .loop.standard .hentry.thb-w-featured-image.right .thb-loop-gallery, .loop.grid .hentry.thb-w-featured-image.left .thb-loop-gallery, .loop.grid .hentry.thb-w-featured-image.right .thb-loop-gallery { height: 310px; }
.loop.standard .hentry.thb-w-featured-image.left .play, .loop.standard .hentry.thb-w-featured-image.right .play, .loop.grid .hentry.thb-w-featured-image.left .play, .loop.grid .hentry.thb-w-featured-image.right .play { display: none; }
.loop.standard .hentry.thb-w-featured-image.left .thb-video-wrapper, .loop.standard .hentry.thb-w-featured-image.right .thb-video-wrapper, .loop.grid .hentry.thb-w-featured-image.left .thb-video-wrapper, .loop.grid .hentry.thb-w-featured-image.right .thb-video-wrapper { z-index: 1; }
.loop.standard .hentry.thb-w-featured-image.left .thb-card:after, .loop.standard .hentry.thb-w-featured-image.right .thb-card:after, .loop.grid .hentry.thb-w-featured-image.left .thb-card:after, .loop.grid .hentry.thb-w-featured-image.right .thb-card:after { top: -24px; left: 20px; right: auto; border-color: transparent; border-bottom-color: #fff; z-index: 100; display: block; }
.loop.standard .hentry.thb-w-featured-image.left.format-audio .thb-card:after, .loop.standard .hentry.thb-w-featured-image.right.format-audio .thb-card:after, .loop.grid .hentry.thb-w-featured-image.left.format-audio .thb-card:after, .loop.grid .hentry.thb-w-featured-image.right.format-audio .thb-card:after { border-bottom-color: #333333; }

.loop.standard .hentry.thb-w-featured-image.highlighted .thb-card { margin-top: 60px; }

.loop.grid .hentry { width: auto; margin-left: 20px; margin-right: 20px; }

.w-sidebar #thb-sidebar-main { padding-left: 0; border-left: none; }
.w-sidebar.sidebar-left #thb-sidebar-main { padding-right: 0; border-right: none; }
.w-sidebar .loop.standard .hentry .thb-card { width: 100%; margin-left: 0; position: relative; min-height: 0; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.highlighted .item-thumb { max-height: none; position: absolute; display: block; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.highlighted .thb-card { margin-top: 60px; display: block; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.highlighted .thb-card:after { display: none; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.highlighted.format-video .thb-poster-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.highlighted.format-video .thb-card { margin-top: 0; position: relative; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.highlighted.format-video.thb-playing .thb-poster-image { position: relative; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.highlighted.format-video.thb-playing .thb-card { position: absolute; bottom: 0; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.left .thb-card, .w-sidebar .loop.standard .hentry.thb-w-featured-image.right .thb-card { width: 100%; margin-left: 0; position: relative; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.left .thb-card:after, .w-sidebar .loop.standard .hentry.thb-w-featured-image.right .thb-card:after { top: -24px; left: 20px; right: auto; border-color: transparent; border-bottom-color: #fff; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.left .item-thumb, .w-sidebar .loop.standard .hentry.thb-w-featured-image.left .thb-loop-gallery, .w-sidebar .loop.standard .hentry.thb-w-featured-image.right .item-thumb, .w-sidebar .loop.standard .hentry.thb-w-featured-image.right .thb-loop-gallery { position: relative; width: 100%; max-height: 310px; margin-left: 0; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.left .thb-loop-gallery, .w-sidebar .loop.standard .hentry.thb-w-featured-image.right .thb-loop-gallery { height: 310px; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.left.format-video.thb-playing .thb-card, .w-sidebar .loop.standard .hentry.thb-w-featured-image.right.format-video.thb-playing .thb-card { display: block; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.left.format-video.thb-playing .post-format-icon:before, .w-sidebar .loop.standard .hentry.thb-w-featured-image.left.format-video.thb-playing .post-format-icon:after, .w-sidebar .loop.standard .hentry.thb-w-featured-image.right.format-video.thb-playing .post-format-icon:before, .w-sidebar .loop.standard .hentry.thb-w-featured-image.right.format-video.thb-playing .post-format-icon:after { display: block; }
.w-sidebar .loop.standard .hentry.thb-w-featured-image.left.format-audio .thb-card:after, .w-sidebar .loop.standard .hentry.thb-w-featured-image.right.format-audio .thb-card:after { border-bottom-color: #333333; }

#page-footer.sidebar .col { margin-bottom: 40px; }
#page-footer.sidebar .col:last-of-type { margin-bottom: 0; }
#page-footer.sidebar .col.one-half { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }
#page-footer.sidebar .col.one-third { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }
#page-footer.sidebar .col.two-thirds { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }
#page-footer.sidebar .col.one-fourth { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }
#page-footer.sidebar .col.two-fourth { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }
#page-footer.sidebar .col.three-fourths { width: 91.66667%; margin-left: 4.16667%; margin-right: 4.16667%; float: left; display: inline; position: relative; }

/* Portfolio */
#thb-portfolio-filter ul li { float: none; margin-right: 0; }
#thb-portfolio-filter ul li a { padding-left: 10px; margin-bottom: 3px; }
#thb-portfolio-filter ul li.current a { border-left: 3px solid; border-bottom: none; }

.single-works #thb-project-info { border-left: 0; border-bottom: 1px solid #eaeaea; margin-right: 0; padding: 20px 0; }

.loop .hentry .item-footer { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.thb-site-header #main-nav { display: none; }

.logo-right #mobile-nav-trigger { right: auto; left: 20px; }

#mobile-nav-trigger { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 24px; font-family: "icons"; float: right; cursor: pointer; position: absolute; right: 20px; top: auto; color: #888888; }
#mobile-nav-trigger:hover { color: #333333; }

#mobile-nav { position: absolute; z-index: 999; width: 100%; top: 0; font-size: 14px; line-height: 1; background: #fff; display: none; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; border-top: 2px solid #e74c3c; text-transform: uppercase; -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1); }
#mobile-nav ul li.current-menu-item > a, #mobile-nav ul li.current_page_item > a { color: #e74c3c; }
#mobile-nav ul li.current-menu-item > a:hover, #mobile-nav ul li.current_page_item > a:hover { color: #e74c3c; }
#mobile-nav ul li a { color: #333333; display: block; padding: 10px 20px; border-bottom: 1px solid #f9f9f9; }
#mobile-nav ul li a:hover { color: #e74c3c; }
#mobile-nav ul li ul { margin-left: 20px; }

.mobile-nav-active #mobile-nav-trigger { color: #e74c3c; }
.mobile-nav-active #mobile-nav { display: block; }

@media only screen and (max-width: 480px) { #content .thb-shortcode.list-wrapper.horizontal.num-2 .list-desc, #content .thb-shortcode.list-wrapper.horizontal.num-2 .list .item, #content .thb-shortcode.list-wrapper.horizontal.num-3 .list-desc, #content .thb-shortcode.list-wrapper.horizontal.num-3 .list .item, #content .thb-shortcode.list-wrapper.horizontal.num-4 .list-desc, #content .thb-shortcode.list-wrapper.horizontal.num-4 .list .item, #content .thb-shortcode.list-wrapper.horizontal.num-5 .list-desc, #content .thb-shortcode.list-wrapper.horizontal.num-5 .list .item { margin-bottom: 20px; }
  .single.single-works #content .related .list-wrapper li { width: 100%; margin-right: 0; } }
