/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Reset 2.0 - Common 3.0 - Headers 4.0 - Post Blocks 5.0 - Featured Area 6.0 - Post Modules 7.0 - Widgets 8.0 - Footers 9.0 - Single 10.0 - Pages 11.0 - Loading Holder --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Reset --------------------------------------------------------------*/ body { display: block; } a { color: inherit; outline: none; text-decoration: none; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } a:hover, a:focus { text-decoration: none; } li { list-style: none; } img { max-width: 100%; height: auto; vertical-align: middle; } .aligncenter, div.aligncenter { display: block !important; margin-left: auto !important; margin-right: auto; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 24px; } .wp-caption { max-width: 100% !important; /* Image does not overflow the content area */ overflow: hidden; margin-bottom: 30px; } .wp-caption img { border: 0 none; max-width: 100%; height: auto; margin: 0 auto; float: left; padding: 0; width: auto; } kbd { padding: 4px 7px; background: #333; color: #fff !important; } /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */ .is-sticky { } .gallery-caption { } .bypostauthor { } select { outline: none; } cite { font-style: italic; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } input:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; } input[type=date], input[type=email], input[type=tel], input[type=text], input[type=url], .mc4wp-form select, .mc4wp-form textarea { font-style: italic; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"] { display: block; text-align: left; vertical-align: middle; border: 1px solid rgba(0, 0, 0, .05); color: #999; outline: 0; box-shadow: none; padding: 10px 15px; font-size: 12px; line-height: 20px; font-style: italic; width: 100%; outline: none !important; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } input[type="text"]:hover, input[type="text"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="search"]:hover, input[type="search"]:focus, input[type="tel"]:hover, input[type="tel"]:focus { font-size: 12px; } select { outline: none; display: block; padding: 12px; width: 100%; border-color: #eee; } textarea { display: block; text-align: left; padding: 10px 15px; font-size: 12px; vertical-align: middle; font-style: italic; width: 100%; outline: none !important; border: 1px solid rgba(0, 0, 0, .05); } textarea:hover, textarea:focus { font-size: 12px; } button[type="submit"], input[type="submit"] { position: relative; font-weight: 400; line-height: 20px; padding: 10px 15px; font-style: normal; background-color: #29BFAD; text-transform: uppercase; color: #fff; letter-spacing: 2px; border: none; outline: none; box-shadow: none !important; font-size: 10px !important; -webkit-transition: all .35s ease-in-out !important; -moz-transition: all .35s ease-in-out !important; -ms-transition: all .35s ease-in-out !important; -o-transition: all .35s ease-in-out !important; transition: all .35s ease-in-out !important; cursor: pointer !important; } button[type="submit"]:hover, input[type="submit"]:hover, button[type="submit"]:focus, input[type="submit"]:focus { background-color: #282828; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } em { font-style: italic; } strong { font-weight: bold; } .is-relative { position: relative !important; } .is-absolute { position: absolute !important; } .is-center-text { text-align: center; } /*-------------------------------------------------------------- 2.0 - Common --------------------------------------------------------------*/ .ruby-container { display: block; max-width: 1170px; margin-left: auto; margin-right: auto; } .main-site-outer { display: block; background-color: #fff; } .main-site-wrap { display: block; } .site-wrap-outer { display: block; overflow: hidden; } #ruby-site-wrap { display: block; position: relative; right: 0; margin: 0 auto; padding: 0; } body.is-full-width #ruby-site-wrap { -webkit-transition: right .5s ease-in-out; -moz-transition: right .5s ease-in-out; -ms-transition: right .5s ease-in-out; -o-transition: right .5s ease-in-out; transition: right .5s ease-in-out; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ruby-page-wrap { display: block; position: relative; margin-top: 60px; margin-bottom: 30px; } .single .ruby-page-wrap { margin-top: 30px; } .ruby-content-wrap { display: block; overflow: hidden; } body.is-site-link { z-index: -2; } /* boxed layout */ .is-boxed .main-site-outer { max-width: 1200px; margin-left: auto; margin-right: auto; z-index: 2; } .is-divider { display: block; margin: 0; padding: 0; width: 100%; float: none; overflow: hidden; } .thumb-caption { display: block; position: absolute; right: 5px; bottom: 5px; background-color: rgba(0, 0, 0, .2); text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); color: #fff; padding: 3px 12px; font-style: italic; font-size: 12px; line-height: 1.3; text-transform: capitalize; z-index: 20; } .thumb-caption i { margin-right: 5px; } /* page pagination */ .pagination-wrap { display: block; text-align: center; margin-top: 30px; margin-left: 20px; margin-right: 20px; color: #aaa; } .pagination-text { font-size: 12px; line-height: 1; display: block; margin-top: 10px; font-style: italic; } .pagination-num { display: inline-block; color: #fff; } .page-numbers { display: block; float: left; margin-right: 1px; height: 36px; width: 36px; line-height: 36px; text-align: center; background-color: #aaa; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .page-numbers:last-child { margin-right: 0; } .page-numbers.current, a.page-numbers:hover, a.page-numbers:focus { background-color: #29BFAD; } .pagination-wrap .newer { display: block; float: left; } .pagination-wrap .older { display: block; float: right; } .newer a, .older a { display: block; line-height: 1; padding: 5px 15px; font-style: italic; border: 2px solid; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .newer i { margin-right: 5px; font-style: normal; } .older i { margin-left: 5px; font-style: normal; } .newer a:hover, .newer a:focus, .older a:hover, .older a:focus { background-color: #333; border-color: #333; color: #fff; } /* error style */ .ruby-overflow { display: block; overflow: hidden; width: 100%; float: none; height: 0; } .ruby-error { color: #FECD98; font-weight: bold; font-size: 10px; padding: 10px; } .ruby-error.is-center-text { text-align: center; } .ruby-error:before { display: inline-block; content: "\f071"; font-family: FontAwesome; margin-right: 7px; } /* image animation */ .ruby-animated-image { opacity: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ruby-zoom.ruby-animated-image.ruby-animation { -webkit-animation: ruby-zoom-animated 0.6s 1 cubic-bezier(0.2, 1, 0.3, 1);; -moz-animation: ruby-zoom-animated 0.6s 1 cubic-bezier(0.2, 1, 0.3, 1);; animation: ruby-zoom-animated 0.6s 1 cubic-bezier(0.2, 1, 0.3, 1); opacity: 1; } .ruby-fade.ruby-animated-image.ruby-animation { opacity: 1; -webkit-transition: all .55s ease-in-out; -moz-transition: all .55s ease-in-out; -ms-transition: all .55s ease-in-out; -o-transition: all .55s ease-in-out; transition: all .55s ease-in-out; } .ruby-bottom.ruby-animated-image.ruby-animation { opacity: 1; -webkit-transition: all .55s ease-in-out; -moz-transition: all .55s ease-in-out; -ms-transition: all .55s ease-in-out; -o-transition: all .55s ease-in-out; transition: all .55s ease-in-out; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ruby-bottom.ruby-animated-image { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); } @keyframes ruby-zoom-animated { 0% { transform: scale(0.6); opacity: 0.1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes ruby-zoom-animated { 0% { -webkit-transform: scale(0.6); opacity: 0.1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes ruby-zoom-animated { 0% { -moz-transform: scale(0.6); opacity: 0.1; } 100% { -moz-transform: scale(1); opacity: 1; } } .is-sidebar-left .ruby-content-wrap { float: right; } /* mobile navigation */ .ruby-content-inner { display: block; position: relative; overflow: hidden; } .ruby-content-inner:after { display: block; position: absolute; content: ''; left: 20px; right: 20px; bottom: 0; border-bottom: 1px solid #eee; } .tipsy-inner { background-color: #282828; opacity: 1 !important; } .tipsy-arrow-n, .tipsy-arrow { border-color: #282828; } /* slider slider */ .slick-dots { display: block; line-height: 1; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); bottom: 10px; } .slick-dots li { display: inline-block; padding: 0 4px; position: relative; opacity: .5; -webkit-transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -ms-transition: opacity .35s ease-in-out; -o-transition: opacity .35s ease-in-out; transition: opacity .35s ease-in-out; } .slick-dots li:hover, .slick-dots li:focus { opacity: 1; } .slick-dots li button { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer; } .slick-dots li:before { content: ''; height: 8px; width: 8px; border: 1px solid #fff; border-radius: 50%; display: block; position: relative; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .slick-dots li.slick-active:before { background-color: #fff; } .ruby-slider-nav { opacity: 0; z-index: 99; color: #fff; font-size: 24px; position: absolute; box-shadow: none; height: 30px; width: 30px; line-height: 30px; text-align: center; top: 50%; margin-top: -15px; cursor: pointer; -webkit-transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -ms-transition: opacity .35s ease-in-out; -o-transition: opacity .35s ease-in-out; transition: opacity .35s ease-in-out; } .ruby-slider-prev { left: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ruby-slider-next { right: 20px; line-height: 31px !important; /* fix rotate */ } .slick-slider:hover .ruby-slider-nav { opacity: .4; } .slick-slider .ruby-slider-nav:hover { opacity: 1; } .slider-loading { background: #f7f7f7 url('../images/ajax-loader.svg') no-repeat center center !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 992; display: block; min-height: 44px; } .is-table { position: relative; display: table !important; height: 100%; width: 100%; overflow: hidden; z-index: 20; } .is-cell { display: table-cell !important; } .is-align-middle { vertical-align: middle; } .is-align-bottom { vertical-align: bottom; } .thumb-pattern { display: block; position: absolute; opacity: .5; left: 0; right: 0; top: 0; bottom: 0; background-image: url('../images/feat-pattern.png'); pointer-events: none; } /*-------------------------------------------------------------- 3.0 - Headers --------------------------------------------------------------*/ .nav-left-col > * { display: block; float: left; } .nav-bar-wrap .social-link-info { padding-left: 8px; padding-right: 8px; } .nav-bar-wrap .social-link-info a { opacity: .7; } .nav-bar-wrap .social-link-info a:hover, .nav-bar-wrap .social-link-info a:focus { opacity: 1; } /* logo wrap */ .header-style-1 .logo-wrap { display: table; margin-right: 20px; } .header-ads-wrap { display: block; max-width: 100%; text-align: center; padding-left: 20px; padding-right: 20px; margin-top: 20px; margin-bottom: 20px; } .home .header-ads-wrap { margin-bottom: 0; } .logo-inner { display: table-cell; vertical-align: middle; -webkit-transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -ms-transition: opacity .35s ease-in-out; -o-transition: opacity .35s ease-in-out; transition: opacity .35s ease-in-out; } .header-style-1 .logo-inner img { height: 72px; width: auto; } .logo-inner:hover, .logo-inner:focus { opacity: .7; } .logo-inner img { width: auto; } .logo-section-wrap { height: 240px; overflow: hidden; } .is-top-nav .logo-section-wrap { border-bottom: 1px solid #eee; } .has-featured.is-top-nav .logo-section-wrap { border-bottom: none; } .logo-section-inner { position: relative; display: table; height: 100%; width: 100%; right: 0; -webkit-transition: right .5s ease-in-out; -moz-transition: right .5s ease-in-out; -ms-transition: right .5s ease-in-out; -o-transition: right .5s ease-in-out; transition: right .5s ease-in-out; } .logo-section-holder { display: table-cell; vertical-align: middle; padding-left: 20px; padding-right: 20px; } .is-center-logo .logo-section-holder { text-align: center; } .header-style-2 .logo-wrap { display: inline-block; height: auto; } .header-style-2 .logo-inner { padding-right: 0; } .header-style-2.is-logo-left .logo-wrap { display: block; float: left; } .header-style-2 .mega-category-el .post-share-bar .share-bar-decs{ display: none; } .header-ads-right-wrap { display: table-cell; vertical-align: middle; } .header-ads-right-wrap .image-ads { float: right; } /* main navigation */ .nav-bar-wrap { display: block; position: relative; z-index: 999; background-color: #29BFAD; -webkit-transition: height .5s ease, opacity .35s ease-in-out; -moz-transition: height .5s ease, opacity .35s ease-in-out; -ms-transition: height .5s ease, opacity .35s ease-in-out; -o-transition: height .5s ease, opacity .35s ease-in-out; transition: height .5s ease, opacity .35s ease-in-out; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .is-shadow .nav-bar-wrap { -webkit-box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.05); box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.05); } .ruby-is-stick .nav-bar-wrap { opacity: .95; } .admin-bar .ruby-is-stick .nav-bar-wrap { top: 32px !important; } .ruby-is-stick .nav-bar-wrap:hover { opacity: 1; } .header-style-1 .logo-inner img { -webkit-transition: height .35s ease; -moz-transition: height .35 ease; -ms-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } .header-style-1 .ruby-is-stick .logo-inner img { height: 48px; } .ruby-is-stick .main-nav-wrap ul.main-nav-inner > li > a, .ruby-is-stick .nav-right-col { line-height: 48px; } .ruby-is-stick .mobile-nav-button { height: 48px; } .nav-bar-fw { display: block; margin-left: auto; margin-right: auto; max-width: 1440px; } .nav-bar-inner { display: block; margin-left: 20px; margin-right: 20px; position: relative; } .nav-left-col { display: block; float: left; } .main-nav-wrap { position: static; } ul.main-nav-inner > li { display: block; float: left; position: static; } ul.main-nav-inner > li.menu-item-has-children { position: relative; } ul.main-nav-inner > li.menu-item-has-children.is-mega-menu { position: static; } .main-nav-wrap ul.main-nav-inner > li { -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; } .main-nav-wrap ul.main-nav-inner > li > a { display: block; color: #fff; padding-left: 15px; padding-right: 15px; line-height: 72px; border-right: 1px solid rgba(255, 255, 255, 0.1); -webkit-transition: all .35s ease !important; -moz-transition: all .35s ease !important; -ms-transition: all .35s ease !important; -o-transition: all .35s ease !important; transition: all .35s ease !important; } .main-nav-wrap ul.main-nav-inner > li:first-child > a { border-left: 1px solid rgba(255, 255, 255, 0.1); } .main-nav-wrap ul.main-nav-inner > li.current-menu-item > a, .main-nav-wrap ul.main-nav-inner > li:hover > a, .main-nav-wrap ul.main-nav-inner > li:focus > a { color: #29BFAD; } .main-nav-wrap ul.main-nav-inner > li.current-menu-item, .main-nav-wrap ul.main-nav-inner > li:hover, .main-nav-wrap ul.main-nav-inner > li:focus { background-color: #fff; } .is-sub-menu { position: absolute; bottom: auto; background-color: #fff; min-width: 180px; display: block; left: 0; z-index: 9999; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .35s ease-in-out; -moz-transition: -moz-transform .35s ease-in-out; -ms-transition: -ms-transform .35s ease-in-out; -o-transition: -o-transform .35s ease-in-out; transition: transform .35s ease-in-out; transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; padding-top: 10px; padding-bottom: 10px; } .sub-sub-menu-wrap.is-sub-menu { left: 100%; top: 0; } .is-sub-menu.mega-menu-wrap { padding: 0; } .is-sub-menu li { position: relative; } .is-sub-menu li.menu-item { color: #777; } .is-sub-menu li.menu-item a { white-space: nowrap; display: block; float: none; padding: 10px 20px; overflow: hidden; line-height: 1; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .is-sub-menu li.menu-item a:hover, .is-sub-menu li.menu-item a:focus { color: #29BFAD; } .menu-item-has-children > .sub-menu-wrap li.menu-item-has-children > a { padding-right: 40px; } .menu-item-has-children > .sub-menu-wrap li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; display: block; top: 9px; right: 20px; position: absolute; } li.menu-item-has-children:hover > .is-sub-menu, .is-mega-menu:hover > .is-sub-menu { opacity: 1; visibility: visible; pointer-events: auto; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .mega-menu-wrap { display: block; width: 100%; padding-left: 10px; padding-right: 10px; } .mega-menu-wrap .is-sub-menu { position: relative; display: block; left: auto; top: auto; bottom: auto; right: auto; padding: 10px 20px 0 20px; opacity: 1; overflow: hidden; visibility: visible; pointer-events: auto; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); box-shadow: none; -webkit-box-shadow: none; } .mega-menu-wrap .is-sub-menu:before { content: ''; display: block; position: absolute; height: 1px; width: 100%; left: 0; right: 0; top: 0; border-top: 1px solid; opacity: .1; } .mega-col-menu.mega-menu-wrap .is-sub-menu { background-color: transparent; text-align: center; } .mega-col-menu.mega-menu-wrap .is-sub-menu:before { display: none; } .mega-col-menu.mega-menu-wrap .is-sub-menu .sub-sub-menu-wrap { padding-top: 0; padding-left: 0; padding-right: 0; background-color: transparent; } .mega-category-menu.mega-menu-wrap .is-sub-menu { padding: 10px 0; } .mega-category-menu.mega-menu-wrap .is-sub-menu li.menu-item a { display: inline-block; float: left; overflow: hidden; } .mega-category-menu.mega-menu-wrap .is-sub-menu.sub-sub-menu-wrap { border: none; padding: 0; display: inline-block; } .mega-category-menu.mega-menu-wrap .is-sub-menu li { display: inline; } .mega-category-menu.mega-menu-wrap .is-sub-menu.sub-sub-menu-wrap li.menu-item a { display: inline-block; float: left; margin-right: 15px; } .mega-category-menu.mega-menu-wrap { padding-left: 10px; padding-right: 10px; } .mega-col-menu.mega-menu-wrap { width: auto; max-width: 100%; } .mega-col-menu.is-sub-menu { background-position: 100% 100%; background-repeat: no-repeat; } .mega-col-menu .sub-menu-inner > li { display: block; float: left; width: 25%; padding: 0 10px; min-width: 160px; } .mega-col-menu > .sub-menu-wrap { padding-top: 30px; padding-bottom: 20px; } .mega-col-menu.mega-menu-wrap .sub-menu-inner > li > a { display: block; position: relative; line-height: 1; font-size: 1.1em; margin-bottom: 10px !important; text-transform: inherit !important; padding: 0 0 10px 0 !important; } .mega-col-menu.mega-menu-wrap .is-sub-menu .sub-menu-inner > li > a:after { content: ''; position: absolute; border-bottom: 1px solid; opacity: .5; width: 20px; left: 50%; margin-left: -10px; bottom: 0; } .mega-col-menu.mega-menu-wrap .is-sub-menu li.menu-item a { display: block; float: none; margin: 0; padding: 10px 0; } .no-menu { line-height: 72px; color: #fff; } .ruby-is-stick .no-menu { line-height: 48px; } .no-menu a { text-decoration: underline; text-transform: uppercase; } .no-menu a:hover, .no-menu a:focus { opacity: .8; } /* right nav bar */ .nav-right-col { display: block; color: #fff; float: right; font-size: 15px; line-height: 72px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .nav-right-col .social-link-info a { padding-left: 7px; padding-right: 7px; } .nav-bar-search-wrap a { padding-left: 15px; padding-right: 15px; } .nav-right-col > * { border-left: 1px solid rgba(255, 255, 255, 0.1); float: left; } .nav-search-wrap { position: static; } .nav-search-from-wrap { display: block; position: absolute; min-width: 200px; right: 0; } .nav-search-from-wrap { position: absolute; min-width: 320px; background-color: #fff; color: #aaa; border: none; right: 0; line-height: 1.5; padding: 10px 20px; -webkit-box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.08); } .search-form { position: relative; display: block; overflow: hidden; } .search-form .screen-reader-text { display: none; } .search-form input[type="submit"] { position: absolute; right: 0; top: 0; padding: 0; bottom: 0; width: 90px; display: block; text-align: center; } .search-form #ruby-search-input, .search-form input[type="search"] { padding-right: 110px; border: none; border-bottom: 1px solid rgba(0, 0, 0, .05); padding-left: 0; } /* nav search icon */ .nav-search-icon { display: block; padding-left: 15px; padding-right: 15px; opacity: .7; } .nav-search-icon:hover, .nav-search-icon:focus { opacity: 1; } .mobile-nav-button { position: relative; display: none; width: 54px; height: 70px; overflow: hidden; } .is-show.mobile-nav-button { display: block; } .mobile-nav-button .ruby-trigger { width: 24px; height: 24px; display: block; margin-top: -12px; position: absolute; top: 50%; left: 15px; opacity: .7; } .mobile-nav-button .ruby-trigger:hover, .mobile-nav-button .ruby-trigger:focus { opacity: 1; } .left-mobile-nav-button.mobile-nav-button { width: 60px; border-left: 1px solid #eee; border-right: 1px solid #eee; } .left-mobile-nav-button .ruby-trigger .icon-wrap:before, .left-mobile-nav-button .ruby-trigger .icon-wrap:after { width: 30px; } .ruby-trigger .icon-wrap { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 2px; margin-top: -1px; background-color: #fff; font-size: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.35s ease-in-out; transition: background-color 0.35s ease-in-out; -moz-transition: background-color 0.35s ease-in-out; } .ruby-trigger .icon-wrap:before, .ruby-trigger .icon-wrap:after { content: ''; position: absolute; left: 0; width: 100%; height: 100%; background-color: #fff; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .ruby-trigger .icon-wrap:before { -webkit-transform: translateY(-350%); transform: translateY(-350%); } .ruby-trigger .icon-wrap:after { -webkit-transform: translateY(350%); transform: translateY(350%); } .mobile-js-menu .ruby-trigger .icon-wrap { background-color: transparent; } .mobile-js-menu .ruby-trigger .icon-wrap:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .mobile-js-menu .ruby-trigger .icon-wrap:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } /* Mobile aside navigation */ .main-aside-wrap { position: fixed; visibility: hidden; top: 0; left: 0; z-index: 1001; width: 300px; bottom: 0; background-color: #fff; overflow-y: auto; overflow-x: hidden; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; } .admin-bar .main-aside-wrap { top: 32px; } .main-aside-wrap::-webkit-scrollbar { width: 6px; background: #eee; } .main-aside-wrap::-webkit-scrollbar-corner { background-color: #282828; display: block; border-radius: 4px; } .main-aside-wrap::-webkit-scrollbar-thumb { background-color: #282828; border-radius: 4px; } .mobile-js-menu .main-aside-wrap { visibility: visible; -webkit-transition: -webkit-transform .5s; transition: transform .5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-aside-inner { display: block; margin: 35px 0; } .mobile-js-menu .side-area-mask { visibility: visible; background: rgba(0, 0, 0, 0.5); } .side-area-mask { display: block; width: 100%; height: 100%; z-index: 1000; position: fixed; top: 0; left: 0; visibility: hidden; background: transparent; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: background .5s ease-in-out, visibility .5s ease-in-out; -moz-transition: background .5s ease-in-out, visibility .5s ease-in-out; transition: background .5s ease-in-out, visibility .5s ease-in-out; } .mobile-js-menu .side-area-mask:hover { cursor: url('../images/cursor-close.png'), default; } .aside-logo-wrap { text-align: center; display: block; margin-bottom: 5px; } .aside-logo-wrap a:hover, .aside-logo-wrap a:focus { opacity: .7; } .aside-header-wrap { display: block; text-align: center; position: relative; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; margin-bottom: 35px; border-bottom: 1px solid #eee; } .aside-header-wrap:after { content: ''; display: block; position: absolute; left: 0; height: 1px; right: 0; bottom: -3px; border-bottom: 1px solid #eee; } .main-aside-wrap .social-link-info { display: inline-block; text-align: center; } .main-aside-wrap .social-link-info a { padding-left: 7px; padding-right: 7px; } .main-aside-wrap .widget { margin-bottom: 45px; padding: 0; border: none; } .mobile-nav-wrap { display: block; position: relative; margin-bottom: 35px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .mobile-nav-wrap:after { content: ''; display: block; position: absolute; left: 0; height: 1px; right: 0; bottom: -3px; border-bottom: 1px solid #eee; } .mobile-nav-wrap a { display: block; position: relative; width: 100%; line-height: 42px; border-top: 1px dashed #eee; -webkit-transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -ms-transition: opacity .35s ease-in-out; -o-transition: opacity .35s ease-in-out; transition: opacity .35s ease-in-out; } .mobile-nav-wrap a:hover { color: #29BFAD; } .mobile-nav-inner, .aside-content-wrap { margin-left: 20px; margin-right: 20px; } .mobile-nav-inner > li:first-child > a { border-top: none; } .mobile-nav-inner { color: #282828; } .mobile-nav-wrap .sub-menu { color: #999; } .mobile-nav-inner .sub-menu .sub-menu a { padding-left: 15px; } .mobile-nav-wrap .sub-menu { display: none; } .main-aside-wrap .post-small-list .post-thumb { width: 60px; } .mobile-nav-wrap .explain-menu { display: block; height: 42px; width: 42px; float: right; opacity: .7; } .mobile-nav-wrap .explain-menu-inner { display: block; position: absolute; right: 3px; top: 50%; margin-top: -1px; -webkit-transition: -webkit-transform .35s ease-in-out; transition: transform .35s ease-in-out; } .mobile-nav-wrap .explain-menu:hover .explain-menu-inner, .explain-menu:focus .explain-menu-inner { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);; } .mobile-nav-wrap .add-button:before { content: ''; display: block; height: 2px; background-color: #282828; width: 12px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .mobile-nav-wrap .add-button:after { content: ''; display: block; height: 2px; background-color: #282828; width: 12px; margin-top: -2px; } .mobile-nav-wrap .sub-menu .add-button:before, .sub-menu .add-button:after { background-color: #aaa; } .mobile-nav-wrap .show-sub-menu > .sub-menu { display: block !important; color: #333; } .mobile-nav-wrap .sub-menu a:hover, .mobile-nav-wrap .sub-menu a:focus { opacity: 1; } .mobile-nav-wrap .no-menu { color: #aaa; font-size: inherit; line-height: 1.6; padding: 0 20px; font-weight: 400; letter-spacing: 0; text-transform: none; } .mobile-nav-wrap .no-menu a { border: none; display: inline; line-height: inherit; } /* close button */ .close-aside-wrap { display: block; } .close-aside-wrap a { display: block; padding: 10px 0; font-size: 12px; line-height: 1; text-transform: uppercase; text-align: center; background-color: #333; color: #fff; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .close-aside-wrap a:hover, .ruby-close-aside-bar a:focus { background-color: #29BFAD; } .close-aside-wrap.only-mobile { display: none; } /*-------------------------------------------------------------- 4.0 - Post Blocks --------------------------------------------------------------*/ .post-header, .post-body, .post-thumb-outer { position: relative; display: block; overflow: hidden; } .post-wrap { display: block; position: relative; overflow: hidden; margin-left: 20px; margin-right: 20px; outline: none !important; } .ruby-page-wrap .post-wrap:hover .post-title a, .post-title a:hover, .post-title a:focus, .mega-category-wrap .post-wrap:hover .post-title a { text-decoration: none; opacity: .7; } .feat-wrap .post-wrap .post-title a { opacity: 1 !important; } .post-thumb.is-image:before { content: ''; display: block; position: absolute; pointer-events: none; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; background-color: #222; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -ms-transition: opacity .35s ease-in-out; -o-transition: opacity .35s ease-in-out; transition: opacity .35s ease-in-out; } .ruby-page-wrap .post-wrap:hover .post-thumb.is-image:before, .mega-category-wrap .post-wrap:hover .post-thumb.is-image:before { opacity: .3; } .post-thumb { display: block; position: relative; } .post-thumb img { /* width: 100%; */ height: auto; vertical-align: middle; } .post-thumb.video-iframe { padding-bottom: 56% !important; height: 0 !important; } .post-thumb.audio-iframe { padding-bottom: 32% !important; height: 0 !important; } .post-thumb.audio-iframe.is-self-hosted { padding-bottom: 30px !important; } .post-thumb iframe { position: absolute; top: 0; left: 0; border: none; width: 100%; height: 100%; } .wp-video { position: absolute; top: 0; left: 0; border: none; width: 100% !important; height: 100% !important; } .post-thumb.is-gallery.is-grid { margin-left: -2px; margin-right: -2px; } .post-thumb-gallery-slider-nav { display: block; margin-left: -1px; margin-right: -1px; margin-top: 1px; } .post-thumb-gallery-slider-nav img { display: block; overflow: hidden; cursor: pointer; padding: 1px; } .post-thumb-gallery-slider-nav a { cursor: pointer; } .post-header .post-title, .post-header .post-meta-info { margin-top: 12px; } .post-header .post-share-bar { margin-top: 10px; } .post-header > *:first-child { margin-top: 0 !important; } .post-body { margin-top: 25px; } /* post title */ .post-title { display: block; line-height: 0; } .post-title a { line-height: 1.4; } .post-title.is-big-title { font-size: 26px; } .post-title.is-small-title { font-size: 14px; } .post-title.is-big-title a { line-height: 1.2; } .post-title.is-small-title a { line-height: 1.5; } .is-light-text .post-title, .is-light-text .post-meta-info { color: #fff; } /* top module bar */ .post-cate-info { display: block; overflow: hidden; line-height: 0; white-space: nowrap; text-overflow: ellipsis; } .post-cate-info.is-absolute { display: block; overflow: hidden; left: 10px; top: 10px; right: 10px; bottom: auto; margin: 0; } .post-cate-info.is-absolute > * { margin-bottom: 5px; } .cate-info-el { color: #fff; display: inline-block; line-height: 1; text-transform: uppercase; margin-right: 5px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); } .cate-info-el:before { content: ''; height: 4px; width: 4px; border: 1px solid; opacity: .5; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px; } .cate-info-el:first-child:before { display: none; } .cate-text { border-bottom: 1px solid #29BFAD; display: inline-block; overflow: hidden; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .cate-text span { display: block; float: left; } .cate-text-first { text-align: center; background-color: #29BFAD; font-size: 1.3em; line-height: 18px; height: 18px; width: 18px; letter-spacing: 0; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .cate-text-remain { margin-top: 2px; line-height: 16px; padding-left: 4px; } .is-dark-text .cate-text-remain { color: #282828; text-shadow: none; } .cate-info-el:last-child { margin-right: 0; } .cate-info-el:hover .cate-text-first, .cate-info-el:focus .cate-text-first { background-color: #fff; color: #282828; } .cate-info-el:hover .cate-text, .cate-info-el:focus .cate-text { border-color: #fff; } .post-cate-info.is-dark-text a:hover .cate-text-first, .post-cate-info.is-dark-text a:focus .cate-text-first { background-color: #282828; color: #fff; } .post-cate-info.is-dark-text a:hover .cate-text, .post-cate-info.is-dark-text a:focus .cate-text { border-color: #282828; } /* share bar wrap */ .post-share-bar { display: block; position: relative; padding-top: 12px; line-height: 1; } .post-share-bar.is-absolute { margin-top: 0; left: 10px; bottom: 10px; right: 10px; top: auto; z-index: 99; } .post-share-bar.is-light-text { color: #fff; } .post-share-bar:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; height: 1px; opacity: .2; border-top: 1px dashed; } .share-bar-icon { display: inline-block; letter-spacing: 0; } .share-bar-icon a { display: inline-block; padding-left: 5px; padding-right: 5px; } .post-share-bar a:hover, .post-share-bar a:focus { opacity: .7; } .share-bar-right { display: inline-block; float: right; } .share-bar-decs, .share-bar-right i { display: inline-block; opacity: .5; margin-right: 5px; } /* post format icon */ .post-format-icon { display: block; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; color: #fff; width: 40px; pointer-events: none; opacity: .9; text-align: center; font-size: 15px; height: 40px; letter-spacing: -1px; line-height: 36px; border: 2px solid; border-radius: 50%; background-color: rgba(0, 0, 0, .1); } .post-format-icon.is-gallery-format { letter-spacing: 0; } /* meta info bar */ .post-meta-info { display: block; overflow: hidden; line-height: 1.5; } .post-meta-info:before { content: ''; display: inline-block; width: 6px; height: 6px; border: 1px solid; opacity: .5; margin-right: 7px; margin-left: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .meta-info-el { display: inline-block; margin-right: 5px; text-transform: inherit; } .meta-info-el:last-child { margin-right: 0; } .meta-info-el a, .meta-info-el span { text-transform: inherit; line-height: inherit; } .meta-info-el a:hover, .meta-info-el a:focus { color: #29BFAD; } .meta-info-el .meta-info-decs { text-transform: none; margin-right: 2px; opacity: .5; } .meta-info-el:before { content: ''; height: 4px; width: 4px; border: 1px solid; opacity: .5; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px; } .meta-info-el:first-child:before, .meta-info-el.meta-info-date:before, .meta-info-el.meta-info-author:before { display: none; } .meta-info-tag i { display: inline-block; margin-right: 5px; opacity: .5; } .meta-info-tag a:before, .meta-info-cate a:before { content: '/'; padding-left: 2px; padding-right: 2px; } .meta-info-tag a:first-child:before, .meta-info-cate a:first-child:before { display: none; } /* read more button */ .post-btn { display: block; overflow: hidden; margin-top: 20px; line-height: 0; } .btn { display: inline-block; line-height: 1; padding: 10px 20px; background-color: #333; color: #fff; } .is-light-text .btn { background-color: #fff; color: #282828; } .is-light-text .btn:hover, .is-light-text .btn:focus { color: #fff; } .btn:hover, .btn:focus { background-color: #29BFAD; } .post-btn.is-small-btn .btn { padding: 7px 15px; font-size: .9em; } .is-light-text .btn { color: #333; background-color: #fff; } .is-light-text .btn:hover, .is-light-text .btn:focus { color: #fff; background-color: #29BFAD; } .post-excerpt, .entry.post-excerpt { display: block; color: #777; margin-top: 20px; font-size: 13px; line-height: 1.5; } .entry.post-excerpt { text-align: left; } .is-light-text .post-excerpt { color: #ddd; } /* review bar */ .post-review-info { display: block; text-align: center; } .post-review-info.is-absolute { right: 15px; top: 15px; } .post-review-info .review-info-score { display: inline-block; position: relative; font-size: 32px; line-height: 1; } .post-review-info .review-info-score:before { display: block; position: absolute; left: -24px; top: 0; font-family: FontAwesome; content: "\f123"; font-size: 22px; color: #feec98; } .post-review-info .review-info-intro { display: block; margin-top: 7px; padding-top: 7px; opacity: .7; line-height: 1; border-top: 1px solid; text-transform: uppercase; } .is-light-text.post-review-info { text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); } .is-light-text.post-review-info .review-info-score, .is-light-text.post-review-info .review-info-intro { color: #fff; } /*-------------------------------------------------------------- 5.0 - Featured Area --------------------------------------------------------------*/ .feat-wrap { margin-top: 20px; display: block; } .is-header-style-2 .feat-wrap.is-feat-carousel-fw { margin-top: 0; } body.is-top-nav .feat-wrap { margin-top: 0 !important; } .feat-inner { display: block; position: relative; overflow: hidden; margin-left: 20px; margin-right: 20px; } .post-header-slider { padding: 40px 20px; z-index: 20; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; transition-delay: .35s; -webkit-transition-delay: .35s; opacity: 0; } .post-header-slider .post-title { text-shadow: 1px 1px 2px rgba(0, 0, 0, .2); } .slick-active .post-header-slider { opacity: 1; } .post-wrap.is-slider-post { margin-left: 0; margin-right: 0; background-repeat: no-repeat; background-position: center center; background-size: cover !important; -webkit-background-size: cover !important; } .is-slider-post .post-review-info { opacity: 0; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; transition-delay: .35s; -webkit-transition-delay: .35s; } .is-slider-post.slick-active .post-review-info { opacity: 1; } .post-header-slider.post-header .post-title, .post-header-slider.post-header .post-meta-info { margin-top: 15px; } .is-slider-post:after, .is-dark-overlay .post-thumb.is-image:after, .single-header-fw:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 35%; z-index: 1; pointer-events: none; background: -moz-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .15) 30%, rgba(34, 34, 34, 0.15) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(34, 34, 34, 0)), color-stop(30%, rgba(34, 34, 34, .2)), color-stop(100%, rgba(34, 34, 34, 0.15))); background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .15) 30%, rgba(34, 34, 34, 0.15) 100%); background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .15) 30%, rgba(34, 34, 34, 0.15) 100%); background: -ms-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .15) 30%, rgba(34, 34, 34, 0.15) 100%); background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .15) 30%, rgba(34, 34, 34, 0.15) 100%); } .single-layout-feat-fw-center .single-header-fw:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; pointer-events: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(34, 34, 34, 0)), color-stop(25%, rgba(34, 34, 34, .2)), color-stop(45%, rgba(34, 34, 34, 0.4)), color-stop(55%, rgba(34, 34, 34, 0.4)), color-stop(75%, rgba(34, 34, 34, .2)), color-stop(100%, rgba(34, 34, 34, 0))); background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .2) 25%, rgba(34, 34, 34, 0.4) 45%, rgba(34, 34, 34, 0.4) 55%, rgba(34, 34, 34, .2) 75%, rgba(34, 34, 34, 0) 100%); background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .2) 25%, rgba(34, 34, 34, 0.4) 45%, rgba(34, 34, 34, 0.4) 55%, rgba(34, 34, 34, .2) 75%, rgba(34, 34, 34, 0) 100%); background: -ms-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .2) 25%, rgba(34, 34, 34, 0.4) 45%, rgba(34, 34, 34, 0.4) 55%, rgba(34, 34, 34, .2) 75%, rgba(34, 34, 34, 0) 100%); background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, .2) 25%, rgba(34, 34, 34, 0.4) 45%, rgba(34, 34, 34, 0.4) 55%, rgba(34, 34, 34, .2) 75%, rgba(34, 34, 34, 0) 100%); } .is-slider-post.post-feat-carousel-fw:after, .is-slider-post.post-feat-slider-fw:after, .is-slider-post.post-feat-slider-fw-small:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; pointer-events: none; background: rgba(34, 34, 34, .3); } /* featured title */ .post-feat-slider-hw.is-slider-post .single-title.post-title a, .post-feat-slider-fw.is-slider-post .single-title.post-title a, .post-feat-carousel-fw.is-slider-post .single-title.post-title a { font-size: 1.2em; } .feat-layout-slider-hw .ruby-slider-nav { top: 30px; margin-top: 0; right: auto; } .feat-layout-slider-hw .ruby-slider-nav.ruby-slider-prev { left: 20px; } .feat-layout-slider-hw .ruby-slider-nav.ruby-slider-next { left: 50px; } /* full width slider */ .post-feat-slider-fw { height: 450px; } .post-feat-slider-fw .post-review-info { top: 20px; right: 20px; } .post-feat-slider-fw .post-header-slider { padding-top: 0; padding-bottom: 0; } body.is-boxed .post-feat-slider-fw .post-header-slider { padding-left: 60px; padding-right: 60px; } /* haw wrapper slider */ .post-feat-slider-hw { height: 450px; } .post-feat-slider-hw .post-review-info { top: 20px; right: 20px; } /* featured grid slider */ .feat-grid .post-wrap { margin-left: 0; margin-right: 0; } .post-feat-grid { height: 470px } .feat-grid .is-left-col { overflow: hidden; } .feat-grid .is-right-col { overflow: hidden; padding-left: 2px; } .post-feat-grid-small:first-child { margin-bottom: 2px; } .post-feat-grid .post-review-info { top: 20px; right: 20px; } .post-feat-grid-small { background-color: #282828; } .post-feat-grid-small .post-header { padding: 40px 20px 0 20px; } .post-feat-grid-small:last-child .post-header { text-align: right; } .post-feat-grid-small-image { display: block; position: relative; overflow: hidden; height: 234px; background-repeat: no-repeat; background-size: cover; background-position: center; } .feat-grid .ruby-slider-nav { top: 30px; margin-top: 0; right: auto; } .feat-grid .ruby-slider-nav.ruby-slider-prev { left: 20px; } .feat-grid .ruby-slider-nav.ruby-slider-next { left: 50px; } /* has wrap carousel slider */ .post-feat-carousel-hw.post-wrap { position: relative; overflow: hidden; padding-left: 1px; padding-right: 1px; margin: 0; outline: none !important; } .post-feat-carousel-hw .post-title { text-shadow: 1px 1px 2px rgba(0, 0, 0, .15); } .post-feat-carousel-hw.is-slider-post:before, .post-feat-carousel-hw.is-slider-post:after { left: 1px; right: 1px; } .post-feat-carousel-hw.is-slider-post .post-review-info { opacity: 1 !important; } .post-feat-carousel-hw .post-header { display: block; padding: 20px 10px; bottom: 0; left: 0; right: 0; top: auto; z-index: 20; } .post-feat-carousel-hw-meta { display: block; position: relative; overflow: hidden; opacity: 0; visibility: hidden; margin-bottom: -60px; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; } .post-feat-carousel-hw:hover .post-feat-carousel-hw-meta, .post-feat-carousel-hw:focus .post-feat-carousel-hw-meta { margin-bottom: 0; visibility: visible; opacity: 1; } /* full width carousel slider */ .feat-wrap.is-feat-carousel-fw .feat-inner, .feat-wrap.is-feat-carousel-fw-small .feat-inner { margin-left: 0; margin-right: 0; } .post-feat-carousel-fw { height: 450px; outline: none !important; margin-left: 1px !important; margin-right: 1px !important; overflow: hidden; } .post-feat-carousel-fw .post-header-slider { padding: 0 40px; } .post-feat-carousel-fw .post-share-bar { display: inline-block; } .post-feat-carousel-fw .share-bar-right { float: none; margin-left: 7px; } .post-feat-carousel-fw .share-bar-right > *:first-child:before { content: '/'; display: inline-block; margin-right: 7px; } /* full width carousel slider small */ .post-feat-carousel-fw-small { height: 300px; outline: none !important; margin-left: 1px !important; margin-right: 1px !important; overflow: hidden; } #ruby-feat-carousel-fw-small.slider-init { height: 300px; } .post-feat-carousel-fw-small .post-header { display: block; z-index: 20; padding: 20px; } .post-feat-carousel-fw-small .post-header-slider { padding: 0 40px; } .post-feat-carousel-fw-small .post-share-bar { display: inline-block; } .post-feat-carousel-fw-small .share-bar-right { float: none; margin-left: 7px; } .post-feat-carousel-fw-small .share-bar-right > *:first-child:before { content: '/'; display: inline-block; margin-right: 7px; } /*-------------------------------------------------------------- 6.0 - Post Modules --------------------------------------------------------------*/ /* post small grid */ .post-grid-outer { display: block; overflow: hidden; } .post-small-grid .post-thumb-outer { float: left; margin-right: 20px; } .post-small-grid .post-excerpt { margin-top: 0; text-align: left; margin-left: 125px; } .post-grid-outer.is-divider:before { content: ''; border-bottom: 1px solid #eee; height: 1px; display: block; overflow: hidden; position: relative; margin-left: 20px; margin-right: 20px; } .post-grid-outer:nth-of-type(3n+1) { border-right: 1px solid #eee; } .post-grid-outer:nth-of-type(3n+2) { border-left: 1px solid #eee; margin-left: -1px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .post-wrap.post-small-grid { margin-top: 30px; margin-bottom: 30px; } .post-small-grid .post-format-icon, .post-small-list .post-format-icon { font-size: 12px; height: 30px; width: 30px; line-height: 26px; margin-top: -15px; margin-left: -15px; } /* post small list */ .post-wrap.post-small-list { margin-bottom: 30px; margin-right: 0; margin-left: 0; } .post-small-list:last-child { margin-bottom: 0; } .post-small-list .post-thumb-outer { float: left; width: 80px; margin-right: 15px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .post-small-list .post-header { margin-left: 95px; text-align: left; } .post-small-list .post-title { margin-top: 7px; } /* post classic */ .post-wrap.post-classic { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; } .first-post-wrap .post-wrap.post-classic { margin-bottom: 0; } .is-list-layout .first-post-wrap .post-wrap.post-classic { margin-bottom: 30px; } /* post classic pagination */ .is-classic-layout .pagination-wrap, .is-list-layout .pagination-wrap { margin-top: 0; } /* post list */ .post-wrap.post-list { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; } .post-wrap.post-list:last-child { margin-bottom: 0; } .post-list .is-left-col { padding-right: 15px; } .post-list .is-right-col { padding-left: 15px; } .is-list .post-wrap.post-list:last-child { margin-bottom: 0; } /* post mini grid */ .post-wrap.post-mini-grid { margin: 30px 10px; } .post-wrap.post-mini-grid .post-thumb-outer { margin-bottom: 10px; } .post-mini-grid .post-review-info.is-absolute { top: 10px; right: 10px; } .post-mini-grid .post-review-info .review-info-score { font-size: 24px; } .post-mini-grid .post-review-info .review-info-intro { font-size: 8px; } /* post grid */ .is-grid .first-post-wrap .post-classic { margin-bottom: 0; } .post-wrap.post-grid { margin-top: 30px; margin-bottom: 30px; } /* list and grid post layout */ .post-list-sgrid-outer .post-wrap.post-list { padding-top: 30px; } .post-list-sgrid-outer.is-divider:after { content: ''; display: block; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #eee; } .has-big-first .post-list-sgrid-outer:nth-of-type(7n+1), .has-big-first .post-list-sgrid-outer:nth-of-type(7n+4) { border-right: 1px solid #eee; } .has-big-first .post-list-sgrid-outer:nth-of-type(7n+2), .has-big-first .post-list-sgrid-outer:nth-of-type(7n+5) { border-left: 1px solid #eee; margin-left: -1px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .post-list-sgrid-outer:first-child .post-list { padding-top: 0; } .no-big-first .post-list-sgrid-outer:nth-of-type(7n+2), .no-big-first .post-list-sgrid-outer:nth-of-type(7n+5) { border-right: 1px solid #eee; } .no-big-first .post-list-sgrid-outer:nth-of-type(7n+3), .no-big-first .post-list-sgrid-outer:nth-of-type(7n+6) { border-left: 1px solid #eee; margin-left: -1px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* list and grid layout */ .post-list-grid-outer .post-wrap.post-list { padding-top: 30px; } .post-list-grid-outer.is-divider:after { content: ''; display: block; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #eee; } .has-big-first .post-list-grid-outer:nth-of-type(4n+1) { border-right: 1px solid #eee; } .has-big-first .post-list-grid-outer:nth-of-type(4n+2) { border-left: 1px solid #eee; margin-left: -1px; border-collapse: collapse; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .post-list-grid-outer:first-child .post-list { padding-top: 0; } .no-big-first .post-list-grid-outer:nth-of-type(4n+2) { border-right: 1px solid #eee; } .no-big-first .post-list-grid-outer:nth-of-type(4n+3) { border-left: 1px solid #eee; margin-left: -1px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* classic layout */ .single-layout-classic .pagination-wrap { margin-top: -5px;; } /* classic & grid layout */ .post-classic-grid-outer.is-divider:after { content: ''; display: block; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #eee; } .post-classic-grid-outer:nth-of-type(8n+3), .post-classic-grid-outer:nth-of-type(8n+6) { border-right: 1px solid #eee; } .post-classic-grid-outer:nth-of-type(8n+4), .post-classic-grid-outer:nth-of-type(8n+7) { border-left: 1px solid #eee; margin-left: -1px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .post-classic-grid-outer .post-wrap.post-classic { margin-top: 30px; padding-bottom: 0; border-bottom: none; } .post-classic-grid-outer:first-child .post-wrap.post-classic { margin-top: 0; } /* small grid layout */ .no-big-first .post-grid-outer:nth-of-type(1) .post-wrap, .no-big-first .post-grid-outer:nth-of-type(2) .post-wrap { margin-top: 0; } /*-------------------------------------------------------------- 7.0 - Widgets --------------------------------------------------------------*/ .sidebar-wrap { display: block; padding-left: 10px; padding-right: 20px; } .is-sidebar-left .sidebar-wrap { padding-left: 20px; padding-right: 10px; } .sidebar-inner { display: block; border-left: 1px solid #eee; } .widget { padding-left: 30px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; } .is-sidebar-left .sidebar-inner { border-left: none; border-right: 1px solid #eee; } .is-sidebar-left .widget { padding-left: 0; padding-right: 30px; } .widget:last-child { border-bottom: 0; margin-bottom: 0; } .widget-title { display: block; margin-bottom: 25px; } .widget-title h3 { display: inline-block; position: relative; } .widget-title h3:before { font-family: FontAwesome; content: "\f0c9"; margin-right: 7px; display: inline-block; opacity: .5; font-weight: 400; } /* default widget */ .widget .cat-item a, .widget_archive li a, .widget_pages .page_item a, .widget_nav_menu a, .widget_meta li a { text-transform: uppercase; display: block; font-size: 12px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #eee; line-height: 20px; } .widget .cat-item a:hover, .widget_archive li a:hover, .widget_pages .page_item a:hover, .widget_nav_menu li a:hover, .widget_meta li a:hover, .widget .cat-item a:focus, .widget_archive li a:focus, .widget_pages .page_item a:focus, .widget_nav_menu li a:focus, .widget_meta li a:focus { opacity: .7; } .widget.widget_categories h3:before { content: "\f07c"; } .recentcomments, .widget_rss li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .cat-item:last-child a, .widget_archive li:last-child a, .widget_pages .page_item:last-child a, .widget_meta li:last-child a, .recentcomments:last-child, .widget_rss li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .widget_archive label, .widget_categories label { display: none; } .widget cite { display: block; font-size: 12px; font-style: italic; margin-top: 7px; } .widget_archive select, .widget_categories select { background-color: #f3f3f3; border: none; color: #bbb; } .widget.widget_tag_cloud h3:before { content: "\f02c"; } .tagcloud { display: block; overflow: hidden; } .tagcloud a { font-size: 12px !important; text-transform: capitalize; line-height: 1; padding: 4px 7px; border: 1px solid; display: block; float: left; margin: 0 5px 5px 0; } .tagcloud a:hover, .tagcloud a:focus { opacity: .7; } /* search widget */ .ruby-search { position: relative; } .widget_search .search-submit { position: absolute; top: 0; right: 0; height: 100%; } .widget_search .search-submit input[type="submit"] { height: 100%; width: 45px; } .widget_search .search-submit i { position: absolute; color: #fff; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; } /* text widget*/ .textwidget .wpcf7-form input, .textwidget .wpcf7-form textarea { margin-top: 7px; } .textwidget .wpcf7-form p { margin-bottom: 10px; color: #aaa; font-size: 10px; text-transform: uppercase; font-weight: 700; } .textwidget .wpcf7-form p:last-child { margin-bottom: 0; } .widget_recent_entries li a { display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #eee; font-weight: 700; } .widget_recent_entries li:last-child a { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } /* calendar widget */ .widget table { width: 100%; } .widget caption { color: #999999; text-transform: uppercase; margin-bottom: 10px; } table > thead > tr > th, table > tbody > tr > td, table > tfoot > tr > td { vertical-align: bottom; border-bottom: 1px solid #ddd; padding: 10px; line-height: 1.625; } table > tfoot > tr > td { border-bottom: none; } table > thead > tr > th { font-weight: 700; } .number-post { float: right; display: block; color: #fff; height: 20px; width: 20px; line-height: 20px; background-color: #29BFAD; text-align: center; border-radius: 1px; } /* post widget */ .block-post-widget .widget-title h3:before { content: "\f06d"; } .post-counter-style { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #eee; } .post-counter-style:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .post-count-text { margin-bottom: 0; float: left; } .post-count-text.post-meta-info:before { display: none; } .post-count-text span { font-size: 32px; line-height: 1; color: #aaa; font-style: italic; margin-right: 10px; } .is-light-text .post-counter-style { border-bottom-color: rgba(255, 255, 255, .1); } .is-light-text .post-count-text span { color: rgba(255, 255, 255, .2); } .post-counter-style .post-title { margin-left: 40px; } /* ads widget */ .ads-widget .ads-widget-content-wrap { margin-left: auto; margin-right: auto; display: block; text-align: center; max-width: 100%; } .ads-widget .image-ads-wrap { display: block; overflow: hidden; } .ads-widget .image-ads-wrap img { width: 100%; } .ads-widget .ads-widget-content-wrap iframe { display: block; max-width: 100%; overflow: hidden; } .ads-widget .ads-image { display: block; width: 100%; } /* facebook widget */ .fb-container { display: block; overflow: hidden; max-width: 100%; } /* youtube widget */ .subscribe-youtube-wrap iframe { display: block; width: 100%; height: 80px; border: none !important; } /* twitter widget */ .twitter-widget .widget-title h3:before { content: "\f099"; } .twitter-content.post-excerpt a { font-style: italic; color: #29BFAD;; } .twitter-content.post-excerpt a:hover, .twitter-content.post-excerpt a:focus { text-decoration: underline; } .twitter-timestamp { display: block; margin-top: 7px; font-size: 12px; font-style: italic; } li.twitter-content { margin-top: 0; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #eee; } li.twitter-content:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .twitter-content:last-child { margin-bottom: 0; } /* social widget */ .sb-instagram-widget .instagram-content-wrap { display: block; margin-left: -3px; margin-right: -3px; } .widget.sb-instagram-widget .widget-title h3:before { content: "\f16d"; } .sb-instagram-widget .instagram-el img, .flickr-img-el img { padding: 3px; } .sb-instagram-widget .instagram-el img:hover, .sb-instagram-widget .instagram-el img:focus, .flickr-img-el img:hover, .flickr-img-el img:focus { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } .instagram-bottom-text { font-size: 12px; margin-top: 5px; opacity: .5; font-style: italic; } /* social bar widget */ .social-bar-widget { display: block; overflow: hidden; } .social-bar-widget .widget-social-link-info a { display: block; float: left; padding: 0; margin: 0 7px 7px 0; } .social-bar-widget .widget-social-link-info a i { display: block; height: 40px; width: 40px; text-align: center; border-radius: 50%; font-size: 18px; border: 2px solid; line-height: 36px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); } /* social color */ .is-color .color-facebook { color: #899DCE; } .is-color .color-twitter { color: #60D2F5; } .is-color .color-google { color: #DC4047; } .is-color .color-youtube { color: #EF464B; } .is-color .color-linkedin { color: rgb(0, 123, 182); } .is-color .color-pinterest { color: #F74C53; } .is-color .color-flickr { color: rgb(255, 0, 130); } .is-color .color-tumblr { color: rgb(50, 80, 109); } .is-color .color-skype { color: rgb(0, 170, 225); } .is-color .color-email { color: rgb(0, 153, 148) } .is-color .color-digg { color: rgb(80, 80, 80); } .is-color .color-vimeo { color: rgb(68, 187, 225); } .is-color .color-rss { color: rgb(244, 166, 42); } .is-color .color-dribbble { color: #FB70A6; } .is-color .color-instagram { color: #709CBF; } .is-color .color-500px { color: rgb(34, 34, 34); } .is-color .color-vk { color: rgb(76, 102, 164); } /* sidebar social counter widget */ .widget.sb-social-counter-widget h3:before { content: "\f004"; } .sb-social-counter .counter-element { display: block; position: relative; overflow: hidden; margin-bottom: 10px; color: #fff; padding: 5px 20px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); -webkit-transition: background-color .35s ease-in-out; -moz-transition: background-color .35s ease-in-out; -ms-transition: background-color .35s ease-in-out; -o-transition: background-color .35s ease-in-out; transition: background-color .35s ease-in-out; } .sb-social-counter .counter-element:hover, .sb-social-counter .counter-element:focus { background-color: #333; } .sb-social-counter .counter-element > a { display: block; overflow: hidden; position: relative; } .sb-social-counter .counter-element:last-child { margin-bottom: 0; } .sb-social-counter .num-count { text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 1px; display: block; float: left; margin-left: 7px; line-height: 24px; } .sb-social-counter .text-count { position: absolute; right: 20px; display: block; top: 5px; font-style: italic; line-height: 24px; font-size: 13px; text-shadow: none; } .sb-social-counter .counter-element i { font-size: 18px; display: block; float: left; line-height: 24px; margin-left: 1px; } .counter-element.bg-facebook, .box-share-el.facebook-button, .box-share-aside .box-share-el.facebook-button i, .box-share-aside .box-share-el.facebook-button span { background-color: #899DCE; } .box-share-el.google-button, .box-share-aside .box-share-el.google-button i, .box-share-aside .box-share-el.google-button span { background-color: #F16A5A; } .counter-element.bg-twitter, .box-share-el.twitter-button, .box-share-aside .box-share-el.twitter-button i, .box-share-aside .box-share-el.twitter-button span { background-color: #60D2F5; } .counter-element.bg-pinterest, .box-share-el.pinterest-button, .box-share-aside .box-share-el.pinterest-button i, .box-share-aside .box-share-el.pinterest-button span { background-color: #F74C53; } .counter-element.bg-instagram { background-color: #709CBF; } .counter-element.bg-youtube { background-color: #EF464B; } .counter-element.bg-soundcloud { background-color: #FD794A; } .counter-element.bg-vimeo { background-color: #2fc2ef; } .counter-element.bg-dribbble { background-color: #FB70A6; } .box-share-el.linkedin-button, .box-share-aside .box-share-el.linkedin-button i, .box-share-aside .box-share-el.linkedin-button span { background-color: rgb(0, 156, 220); } .box-share-el.tumblr-button, .box-share-aside .box-share-el.tumblr-button i, .box-share-aside .box-share-el.tumblr-button span { background-color: rgb(58, 117, 153); } .box-share-el.digg-button, .box-share-aside .box-share-el.digg-button i, .box-share-aside .box-share-el.digg-button span { background-color: rgb(80, 80, 80); } .box-share-el.vk-button, .box-share-aside .box-share-el.vk-button i, .box-share-aside .box-share-el.vk-button span { background-color: rgb(95, 160, 221); } .box-share.is-color-icon > ul > li.box-share-el { background-color: #444; } /* MailChimp plugin support */ .widget_mc4wp_form_widget form { display: block; position: relative; border: none; background-color: #29BFAD; padding: 20px; } .widget_mc4wp_form_widget label { color: #fff; } .widget_mc4wp_form_widget form:before { content: ''; display: block; position: absolute; left: 4px; right: 4px; bottom: 4px; top: 4px; border: 1px dashed rgba(255, 255, 255, .5); pointer-events: none; -webkit-transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -ms-transition: opacity .35s ease-in-out; -o-transition: opacity .35s ease-in-out; transition: opacity .35s ease-in-out; } .mc4wp-form input[type="email"] { background-color: #fff !important; } .mc4wp-form label { display: block; margin-bottom: 20px; letter-spacing: 1px; position: relative; } .mc4wp-form label:first-child:before { content: "\f06b"; font-family: FontAwesome; display: inline-block; font-size: 30px; line-height: inherit; margin-right: 10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); } .mc4wp-form input[type="submit"] { display: block; background-color: #fff; color: #aaa; width: 100%; font-weight: bold; font-size: 10px !important; margin-top: 20px; box-shadow: 0 1px 4px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1); } .mc4wp-form input[type="submit"]:hover, .mc4wp-form input[type="submit"]:focus { color: #282828; } .mc4wp-response { color: #fff; display: block; font-size: 12px; } .mc4wp-response p { margin-top: 10px; } /* about widget */ .about-widget-image { display: block; position: relative; } .about-widget-image img { display: block; width: 100%; } .about-widget-image .about-name { display: block; position: absolute; bottom: 15px; left: 0; background-color: #fff; padding: 5px 10px; box-shadow: 1px 1px 10px rgba(34, 34, 34, .1); -webkit-box-shadow: 1px 1px 10px rgba(34, 34, 34, .1); } .about-content-wrap > * { margin-top: 15px; } .widget .about-name h3 { line-height: 1.2; font-size: 16px; text-transform: uppercase; } .widget .about-content { margin-bottom: 20px; } .about-content-wrap i { font-size: 15px; display: inline-block; margin-right: 10px; opacity: .5; } .about-content-wrap .email i { font-size: 13px; } .about-content-wrap .email a { font-style: italic; text-decoration: underline; } .about-content img { margin-top: 20px; } /* flickr widget */ .flickr-img-el img { width: 100%; height: auto; } /*-------------------------------------------------------------- 8.0 - Footers --------------------------------------------------------------*/ .footer-wrap { display: block; overflow: hidden; } .footer-wrap.is-light-text { color: #f2f2f2; } .footer-wrap.is-fixed { position: fixed; z-index: -1; bottom: 0; width: 100%; } body.is-boxed .footer-wrap.is-fixed { width: auto; } #footer .sidebar-footer { padding-left: 20px; padding-right: 20px; } .footer-wrap.is-light-text a { color: #fff; } .footer-wrap.is-light-text input[type="text"], .footer-wrap.is-light-text input[type="email"], .footer-wrap.is-light-text input[type="password"], .footer-wrap.is-light-text textarea { background: rgba(255, 255, 255, 0.1); border: none; } #footer .widget { padding: 0; border: none; } .footer-wrap.is-light-text select { background-color: #282828; border-color: #222; } .footer-wrap.is-light-text .widget a, .footer-wrap.is-light-text li.twitter-content { border-color: rgba(255, 255, 255, .1); } .footer-wrap.is-light-text .widget-title { color: #aaa; } /* top footer */ .top-footer-wrap .instagram-content-wrap.row { margin-left: auto; margin-right: auto; background-color: #282828; } .top-footer-wrap .instagram-content-wrap.ruby-container { margin-bottom: 45px; } .top-footer-wrap .widget { margin-bottom: 0; display: none; } .top-footer-wrap .is-top-footer-widget { display: block; } /* footer instagram */ #footer .top-footer-inner .widget.footer-instagram-widget:first-child { padding-top: 25px; border-top: 1px solid #eee; } .footer-instagram-widget .widget-title h3:before { content: "\f16d"; } .footer-instagram-el, .footer-instagram-el a { display: block; padding: 0 !important; overflow: hidden; text-decoration: none; outline: 0; } .footer-instagram-el img { display: block; overflow: hidden; -webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; -ms-transition: transform 1s ease; -o-transition: transform 1s ease; transition: transform 1s ease; } .footer-instagram-el img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .ruby-col-5 { float: left; width: 20%; } .ruby-col-7 { float: left; width: 14.285%; } .ruby-col-8 { float: left; width: 12.5%; } .ruby-col-9 { float: left; width: 11.11111%; } .ruby-col-10 { float: left; width: 10%; } .footer-instagram-widget .widget-title { text-align: center;; } /* mc4wp top footer widget */ .top-footer-wrap .widget_mc4wp_form_widget { display: block; background-color: #29BFAD; } .top-footer-wrap .widget_mc4wp_form_widget .widget-title { display: none; } .top-footer-wrap .widget_mc4wp_form_widget form { display: block; background: none; max-width: 767px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 45px; padding-bottom: 45px; } .top-footer-wrap .widget_mc4wp_form_widget form:before { display: none; } .top-footer-wrap .mc4wp-form p { display: inline-block; } .top-footer-wrap .mc4wp-form input[type="email"], .top-footer-wrap .mc4wp-form input[type="submit"] { display: block; float: left; width: auto; margin: 0; border: none !important; } .top-footer-wrap .mc4wp-form input[type="email"] { min-width: 340px; margin-right: 5px; } /* footer social */ .footer-social-counter { display: block; overflow: hidden; text-align: center; background-color: #282828; padding-top: 20px; padding-bottom: 20px; } .footer-social-counter a:hover, .footer-social-counter a:focus { opacity: 7; } .footer-social-counter .counter-element { display: inline-block; color: #fff; padding: 10px 15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); } .footer-social-counter .counter-element > a { display: block; overflow: hidden; margin-bottom: 5px; } .footer-social-counter .counter-element i { font-size: 18px; height: 44px; width: 44px; line-height: 40px; display: block; border: 1px dashed; float: left; } .footer-social-counter .text-count { display: block; font-weight: 700; text-align: center; margin-top: 10px; letter-spacing: 3px; width: 100%; font-size: 12px; text-transform: uppercase; } #footer .footer-social-counter .text-count a { color: #aaa; } .footer-social-counter .num-count { display: block; text-transform: uppercase; font-size: 24px; font-weight: 700; letter-spacing: 1px; margin-left: 54px; line-height: 44px; } .footer-area { display: block; position: relative; overflow: hidden; } .footer-area-inner { border-top: 1px solid rgba(0, 0, 0, .05); } .footer-area .sidebar-wrap { padding: 45px 0; } #footer .recentcomments, #footer .widget_rss li { border-color: rgba(255, 255, 255, .1); } /* footer copyright */ #footer-copyright { background-color: #282828; display: block; overflow: hidden; position: relative; padding: 12px 0; } .copyright-inner { font-size: 12px; font-weight: 400; margin-left: 20px; margin-right: 20px; } .is-light-text .copyright-inner { color: #aaa; } .is-dark-text .copyright-inner { color: #999; } /* footer style 2 */ .footer-style-2 { text-align: center; } .footer-logo-wrap, .footer-social-wrap { display: block; margin-top: 60px; margin-bottom: 60px; } .footer-logo-inner { padding-left: 20px; padding-right: 20px; } .footer-social-wrap a { display: inline-block; margin-right: 10px; } .footer-social-wrap a:last-child { margin-right: 0; } .footer-social-wrap i { display: block; height: 40px; width: 40px; text-align: center; font-size: 18px; border: 2px solid; line-height: 36px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .footer-social-wrap a:hover i, .footer-social-wrap a:focus i { background-color: #fff; color: #282828; border-color: #fff; } .is-dark-text .footer-social-wrap a:hover i, .is-dark-text .footer-social-wrap a:focus i { background-color: #282828; color: #fff; border-color: #282828; } /* post widget */ .footer-wrap .post-small-list .post-thumb-outer { width: 50px; } .footer-wrap .post-small-list .post-header { margin-left: 65px; } .footer-wrap .post-small-list .post-title a { font-size: .85em; } .footer-wrap.is-light-text .post-small-list .cate-text-remain { color: #fff !important; } .footer-wrap .post-small-list .post-meta-info { display: none; } .footer-wrap .post-small-list .post-meta-info.post-widget-num { display: block; } /* footer search form */ .footer-wrap.is-light-text .search-form input[type="search"] { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, .1); } /* back to top */ #ruby-back-top { display: none; text-decoration: none; position: fixed; bottom: 0; right: 18px; overflow: hidden; border: none; z-index: 990; cursor: pointer; } #ruby-back-top i { width: 48px; display: block; position: relative; line-height: 48px; height: 48px; text-align: center; background-color: #282828; overflow: hidden; -webkit-box-shadow: 0 5px 6px -6px rgba(0, 0, 0, .4); box-shadow: 0 5px 6px -6px rgba(0, 0, 0, .4); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .is-light-text #ruby-back-top i { background-color: #fff; } #ruby-back-top i:hover:before, #ruby-back-top i:hover:after { background-color: #29BFAD; } #ruby-back-top i:before { content: ''; display: block; position: absolute; height: 20px; width: 1px; top: 15px; left: 17px; background-color: #fff; -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; backface-visibility: hidden; -webkit-backface-visibility: hidden; } #ruby-back-top i:after { content: ''; display: block; position: absolute; height: 20px; width: 1px; top: 15px; right: 17px; background-color: #fff; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); transform: rotate(-40deg); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; backface-visibility: hidden; -webkit-backface-visibility: hidden; } /*-------------------------------------------------------------- 9.0 - Single --------------------------------------------------------------*/ .single-inner { padding-left: 20px; padding-right: 20px; } .single article { display: block; overflow: hidden; } .single-header > * { margin-top: 15px; } .single-header > *:first-child { margin-top: 0 !important; } .post-title.single-title { font-size: 36px; } .post-title.single-title a { line-height: 1.1; } .single-title h1 { margin-top: 0; margin-bottom: 0; font-size: inherit; line-height: 1.1; } .single-header-fw .single-title h1, .single-layout-title-fw .single-title h1 { font-size: 1.3em; } .single-layout-feat-fw-center .single-title h1 { font-size: 1.7em; } .single-header { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #eee; } /* single header */ .single-layout-title-fw .single-header { margin-left: 20px; margin-right: 20px; } .single-layout-feat-fw .single-header { border-bottom: none; margin: 0; padding: 0 20px 40px 20px; } .is-single .is-table.tn-container { width: auto; } /* single full width featured */ .ruby-page-wrap.single-layout-feat-fw, .ruby-page-wrap.single-layout-feat-fw-center { margin-top: 0; } .single-header-fw { margin: 0; padding: 0; border-bottom: none; display: block; overflow: hidden; position: relative; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; height: 500px; } .single-header-fw .single-title { text-shadow: 1px 1px 2px rgba(0, 0, 0, .2); } .single-header-fw.is-color-bg .single-title { text-shadow: none; } .single-layout-feat-fw-center .single-header { border-bottom: none; padding: 0 20px; margin: 0; } .single-layout-feat-fw .single-wrap, .single-layout-feat-fw-center .single-wrap { margin-top: 30px; } /*full-width featured center */ .single-layout-feat-fw-center .single-header-fw { height: 720px; } .single-layout-feat-fw-center .single-header-fw .post-share-bar { display: inline-block; overflow: hidden; padding-top: 20px; margin-bottom: 0; } .single-layout-feat-fw-center .share-bar-right { float: none; margin-left: 7px; } .single-layout-feat-fw-center .share-bar-right > *:first-child:before { content: '/'; display: inline-block; margin-right: 7px; } .single-inner .post-thumb-outer { margin-bottom: 30px; } /* entry content */ .entry p { margin-top: 0; margin-bottom: 30px; } .entry h1 { font-size: 42px; line-height: 1.1; margin-bottom: 20px; padding-top: 15px; } .entry h2 { font-size: 36px; line-height: 1.2; margin-bottom: 20px; padding-top: 10px; } .entry h3 { font-size: 28px; line-height: 1.3; margin-bottom: 20px; padding-top: 10px; } .entry h4 { font-size: 22px; line-height: 1.3; margin-bottom: 20px; padding-top: 10px; } .entry h5 { font-size: 18px; line-height: 1.4; margin-bottom: 20px; padding-top: 5px; } .entry h6 { font-size: 15px; line-height: 1.5; margin-bottom: 20px; padding-top: 5px; } .entry pre { background-color: #FFFAE8; display: block; margin-bottom: 30px; margin-left: 30px; border-radius: 2px; padding: 30px; } .entry a:not(button) { font-weight: bold; text-decoration: underline; } .entry a:not(button):hover, .entry a:not(button):focus { color: #29BFAD; } .entry ul { list-style: disc; margin-bottom: 30px; } .entry ol { list-style: decimal; margin-bottom: 30px; } .entry ul li { list-style: disc; margin: 0 0 10px 30px; } .entry ol li { list-style: decimal; margin: 0 0 10px 30px; } .entry ul ul, .entry ul ol, .entry ol ol, .entry ol ul { margin-bottom: 0; } .entry dl, .entry address { margin-bottom: 30px; } .entry img { display: block; max-width: 100%; height: auto; } .entry input, .entry textarea { margin-top: 10px; margin-bottom: 10px; font-weight: normal; font-style: italic; } .entry input[type="submit"], .entry button[type ="submit"] { font-weight: 700; text-transform: uppercase; font-style: normal; } .entry label { text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 700; } .entry table { margin-bottom: 30px; max-width: 100%; border-left: 1px solid #eee; border-bottom: 1px solid #eee; } .entry th, .entry td { text-align: left; padding: 7px 15px; border-top: 1px solid #eee; border-right: 1px solid #eee; } .entry a:hover { text-decoration: underline; } .entry-image { margin-bottom: 30px; } .entry .tiled-gallery, .entry .fluid-width-video-wrapper { margin-bottom: 30px; } /* content width */ .single .content-with-sidebar .entry > * { margin-left: 30px; } .single .content-with-sidebar .entry > div, .single .content-with-sidebar .entry > figure.alignnone { margin-left: 0; } .single .content-without-sidebar .entry > *, .single .single-layout-feat-fw .content-without-sidebar .box-share, .single .content-without-sidebar .single-tag-wrap, .single .content-without-sidebar .like-box-wrap { max-width: 800px; margin-left: auto; margin-right: auto; } .single .content-without-sidebar .entry > div, .single .content-without-sidebar .entry > figure.alignnone { max-width: 100%; } /* single drop caps */ .is-single.solid-drop-cap .entry > p:first-of-type:first-letter { background-color: #282828; text-transform: uppercase !important; color: #fff; display: block; float: left; margin: 0 15px 0 0; font-size: 40px; line-height: 40px !important; padding: 18px 12px; text-align: center; } .is-single.drop-cap .entry > p:first-of-type:first-letter { text-transform: uppercase !important; display: block; float: left; margin: 0 15px 0 0; font-size: 60px; line-height: 60px !important; text-align: center; } .is-single.bold-paragraph .entry > p:first-of-type { font-weight: 700; } .is-single.big-paragraph .entry > p:first-of-type { font-style: italic; font-size: 1.1em; } /* single navigation */ .single-page-links { display: block; text-align: center; text-transform: uppercase; line-height: 30px; margin-top: 30px; margin-bottom: 30px; } .single-page-links > * { display: inline-block; margin-right: 5px; height: 30px; width: 30px; line-height: 30px; text-decoration: none !important; background-color: #aaa; color: #fff !important; } .single-page-links > *:first-child { margin-left: 5px; } .single-page-links > *:last-child { margin-right: 0; } .single-page-links > *:hover, .single-page-links > *:focus, .single-page-links > span { background-color: #29BFAD; } /* entry first text */ .is-single .entry.drop-cap > p:first-of-type:first-letter { font-size: 42px; line-height: 1; float: left; text-align: center; text-transform: uppercase; display: block; color: #282828; margin: 0 15px 0 0; } .is-single .entry.solid-drop-cap > p:first-of-type:first-letter { font-size: 42px; line-height: 1; float: left; padding: 5px 10px; text-align: center; text-transform: uppercase; display: block; background-color: #282828; color: #fff; margin: 0 15px 0 0; } .wp-caption, .entry .wp-caption { max-width: 100% !important; overflow: hidden; display: block; height: auto; position: relative; background-color: #f2f2f2; } .wp-caption p, .wp-caption-text { display: block; position: absolute; right: 5px; bottom: 5px; background-color: rgba(0, 0, 0, .2); text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); color: #fff; padding: 3px 12px; font-style: italic; font-size: 12px; text-transform: capitalize; } .wp-caption.alignright, .entry img.alignright { float: right; max-width: 320px !important; margin-top: 0; margin-left: 30px !important; margin-bottom: 30px; } .wp-caption.alignleft, .entry img.alignleft { float: left; max-width: 380px !important; margin-top: 0; margin-right: 30px !important; margin-bottom: 30px; } .wp-caption p.wp-caption-text { padding: 10px 5px 5px; margin: 0; } .wp-caption.alignnone { width: 100% !important; } .wp-caption.alignnone img, img.alignnone { display: block; width: 100%; } .thumbnail.push-bottom { text-align: center; } .wp-caption.aligncenter { margin-bottom: 30px; } .wp-caption p.wp-caption-text { font-size: 11px; } .entry.drop-cap > p:first-of-type:first-letter { font-size: 60px; float: left; line-height: 52px; padding: 0 12px 0 0; } .entry.drop-cap > p:first-of-type { display: block; overflow: hidden; } .entry.bold-paragraph > p:first-of-type { font-weight: bold; } .entry.big-paragraph > p:first-of-type { font-size: 1.05em; font-style: italic; } .copy a:not(.button), .story a:not(.button) { color: #282828; border-bottom-color: #282828; } .entry a:not(.button) img { display: block; overflow: hidden; } .entry blockquote { display: block; position: relative; overflow: hidden; float: none; color: #aaa; font-style: italic; margin-bottom: 30px; padding-left: 55px; } .single .entry blockquote p { margin-left: 0; } .entry blockquote:before { content: "\f10d"; font-family: FontAwesome; position: absolute; left: 0; top: 3px; color: #29BFAD; font-size: 24px; } .entry blockquote:after { content: ''; position: absolute; left: 30px; width: 3px; background-color: #29BFAD; top: 3px; bottom: 3px; } .entry blockquote p:last-child { margin-bottom: 0; } .box-share { display: block; overflow: hidden; } .single-inner .box-share { margin-bottom: 30px; } .single-inner .single-header .box-share { margin-bottom: 0; } .box-share-default { width: 100%; } .box-share-default .box-share-inner { display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; } .box-share-el { text-align: center; white-space: nowrap; padding: 8px 15px; line-height: 1; position: relative; background-color: #282828; color: #fff; display: block; width: 100%; float: left; margin-right: 1px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, .07); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .box-share-el:hover, .box-share-el:focus { background-color: #333 !important; color: #fff; } .box-share-el:last-child { margin-right: 0; } .box-share-el .social-text { margin-left: 7px; } /* share box aside */ .box-share.box-share-aside { display: block; margin: 0 !important; position: fixed; z-index: 99; left: 0; bottom: 24%; } .box-share-aside .box-share-el { display: block; float: none; margin: 0; padding: 0; border-radius: 0; } .box-share-aside .box-share-el a { display: block; } .box-share-aside .box-share-el a i { display: block; float: left; height: 32px; width: 32px; font-size: 15px; text-align: center; line-height: 32px; position: relative; z-index: 50; } .box-share-aside .box-share-el .social-text { display: block; position: relative; visibility: hidden; z-index: 49; float: left; padding: 0 10px; line-height: 32px; font-size: 10px; margin: 0; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .box-share-aside .box-share-el a:hover .social-text { visibility: visible; -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); } .box-share-aside li.box-share-el, .box-share-aside li.box-share-el:hover, .box-share-aside li.box-share-el:focus { background: none; } /* author box */ .box-author { display: block; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .box-author .author-thumb { display: block; float: left; width: 130px; margin-right: 20px; } .box-author .author-thumb img { border-radius: 50%; } .box-author-content { display: block; } .author-title.post-title h3 { line-height: 20px; letter-spacing: 1px; text-transform: uppercase; } .author-title h3 > * { font-size: 10px !important; } .author-title span { color: #aaa; } .author-title a { padding: 5px 10px; line-height: 1; display: inline-block; background-color: #29BFAD; border-radius: 1px; margin-left: 3px; color: #fff; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .author-title a:hover { text-decoration: none; background-color: #282828; } .author-social { display: block; overflow: hidden; margin-top: 10px; } .author-social a { display: block; float: left; height: 24px; width: 24px; line-height: 24px; font-size: 12px; background: #aaa; border-radius: 1px; text-align: center; color: #fff; margin-right: 5px; margin-top: 5px; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .author-social a i { line-height: inherit; } .author-social a:hover { background-color: #282828; } .box-author-content .author-description { display: block; margin-top: 15px; line-height: 1.4; margin-left: 150px; color: #aaa; font-size: .9em; font-style: italic; } /* next prev nav */ .nav-arrow { font-size: 12px; line-height: 1; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; } .nav-arrow i { margin-right: 7px; } .nav-arrow i.fa-angle-right { margin-right: 0; margin-left: 7px; } .nav-right { float: right; text-align: right; } .single-nav { display: block; overflow: hidden; width: 100%; border-top: 1px solid #eee; padding-top: 20px; padding-bottom: 20px; margin-top: 30px; } .single-nav .nav-left { border-right: 1px solid #eee; padding-right: 20px; } .single-nav .nav-right { border-left: 1px solid #eee; margin-left: -1px; border-collapse: collapse; padding-left: 20px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* single tag */ .single-tag-wrap { display: block; } .single-tag-wrap.post-title { font-size: 10px !important; line-height: 18px; text-transform: uppercase; margin: 20px 0; font-weight: 400; letter-spacing: 2px; border-radius: 4px; } .single-tag-wrap a { background-color: #999; padding: 4px 12px; line-height: 1; margin-left: 1px; margin-bottom: 5px; font-size: 10px !important; color: #fff; display: inline-block; text-decoration: none; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .single-tag-wrap a:first-child { margin-left: 0; } .single-tag-wrap a:hover, .single-tag-wrap a:focus { text-decoration: none; background-color: #29BFAD; } /* like box */ .like-box-wrap { display: block; overflow: hidden; width: 100%; margin-top: 20px; border-top: 1px dashed #eee; padding-top: 20px; margin-bottom: -15px; } .like-el { display: inline-block; margin-right: 10px; } .like-el:last-child { margin-right: 0; } /* comment box */ .comments-area { margin-top: 30px; } .content-without-sidebar .comments-area { margin-top: 45px; } #disqus_thread { display: block; margin-top: 30px; } .single .comments-area h1, .single .comments-area h2, .single .comments-area h3, .single .comments-area h4, .single .comments-area h5, .single .comments-area h6 { margin-left: 0; } .comments-area label { display: none; } .comment-form-email, .comment-form-url, .comment-form-author { padding-left: 10px; padding-right: 10px; margin-top: 20px; margin-bottom: 20px; } .comment-form-author { padding-left: 0; } .comment-form-email.col-sm-6, .comment-form-url.col-sm-4 { padding-right: 0; } .form-submit { display: block; margin-top: 30px; } h3.comment-reply-title { font-size: 18px !important; margin: 0 0 20px 0; line-height: inherit !important; font-weight: 400 !important; font-family: inherit !important; padding: 0; text-transform: uppercase; } .single .comments-area p { margin-left: 0; } .logged-in-as { display: block; margin-bottom: 20px; color: #aaa; } .logged-in-as a { color: #282828; font-weight: 400 !important; padding: 0 5px; text-decoration: underline; } .logged-in-as a:hover, .logged-in-as a:focus { color: #29BFAD; } .comment-respond textarea, .comment-respond textarea:hover, .comment-respond textarea:focus { font-size: 13px; } .comment-author.vcard .fn, .comment-author.vcard .says { display: none; } .comment-author.vcard img { display: block; float: left; border-radius: 50%; margin-right: 20px; } .comment-body { display: block; overflow: hidden; padding: 20px; border: 1px solid #eee; margin-bottom: 30px; } p.comment-awaiting-moderation { color: #F76D6D; margin-bottom: 5px; } .comment-content p:last-child { margin-bottom: 0; } .comment-list.entry { position: relative; display: block } .comment-list.entry > * { margin-left: 0 !important; } a.comment-edit-link { display: inline-block; margin-left: 10px; font-weight: 400; font-size: 10px; background-color: #aaa; color: #fff; border-radius: 3px; padding: 2px 10px; text-transform: uppercase; } a.comment-reply-link { position: absolute; right: 20px; top: 20px; font-weight: 400; font-size: 10px; background-color: #aaa; color: #fff; border-radius: 3px; line-height: 1; padding: 2px 10px; text-transform: uppercase; } .comment-metadata { text-transform: uppercase; font-size: 10px; line-height: 1; margin-bottom: 7px; } .comment-metadata a { text-decoration: none !important; } .comment-metadata time { color: #aaa; letter-spacing: 1px; } .comment-content { margin-top: 15px; margin-left: 95px; font-size: .9em; } #cancel-comment-reply-link { display: inline-block; margin-left: 10px; font-weight: 400; font-size: 10px; background-color: #aaa; color: #fff; border-radius: 3px; padding: 4px 10px; line-height: 1; text-transform: uppercase; } #cancel-comment-reply-link:hover, #cancel-comment-reply-link:focus, a.comment-reply-link:hover, a.comment-reply-link:focus, .comment-edit-link:hover, .comment-edit-link:focus { background-color: #29BFAD; } /* single gallery */ .entry div.gallery { display: block; overflow: hidden; margin-bottom: 20px; margin-left: -10px !important; margin-right: -10px !important; } .gallery-item { float: left; display: block; padding: 10px; } .gallery-item img { display: block; width: 100%; height: auto; } .gallery-item div { margin: 0; } .gallery-item .wp-caption-text.gallery-caption { position: relative; color: #fff; background-color: #333; padding: 5px 10px; left: auto; right: auto; top: auto; bottom: auto; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-2 .gallery-item:nth-child(2n +1) { clear: both; } .gallery-columns-3 .gallery-item { width: 33.3333%; } .gallery-columns-3 .gallery-item:nth-child(3n +1) { clear: both; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-4 .gallery-item:nth-child(4n +1) { clear: both; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-5 .gallery-item:nth-child(5n +1) { clear: both; } .gallery-columns-6 .gallery-item { width: 16.66666%; } .gallery-columns-6 .gallery-item:nth-child(6n +1) { clear: both; } .gallery-columns-7 .gallery-item { width: 14.285%; } .gallery-columns-7 .gallery-item:nth-child(7n +1) { clear: both; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-8 .gallery-item:nth-child(8n +1) { clear: both; } .gallery-columns-9 .gallery-item { width: 11.111%; } .gallery-columns-9 .gallery-item:nth-child(9n +1) { clear: both; } .tiled-gallery-caption { background-color: rgba(0, 0, 0, .2) !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); color: #fff !important; font-style: italic; font-size: 12px !important; text-transform: capitalize; } /* related box */ .related-wrap { display: block; position: relative; overflow: hidden; margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; } .related-heading { line-height: 20px; } .related-content-wrap { margin-left: -5px; margin-right: -5px; } .related-wrap .post-wrap.post-mini-grid { margin-top: 0; margin-bottom: 0; } .related-wrap .ruby-related-slider-nav { background-color: #aaa; color: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; border: none; top: -45px; bottom: auto; left: auto; margin: 0; font-size: 15px; text-shadow: none; opacity: 1; cursor: pointer; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .related-wrap .ruby-slider-prev { right: 30px; } .related-wrap .ruby-slider-next { right: 5px; line-height: 20px !important; } .related-wrap .ruby-related-slider-nav:hover, .related-wrap .ruby-related-slider-nav:focus { background-color: #29BFAD; opacity: 1; } /* review box */ .review-box-wrap { display: block; } .single .review-box-wrap.is-left-top { float: left; width: 50%; margin-right: 30px; margin-bottom: 30px; } .review-box-wrap .widget-title { margin-bottom: 0; } .review-box-wrap .review-title h3 { margin-left: 0 !important; margin-bottom: 0; color: #fff !important; font-size: inherit !important; padding: 10px; display: block; line-height: 1; background-color: #282828; text-transform: uppercase; } .review-box-wrap .review-title h3:before { content: "\f123"; opacity: 1; color: #feec98; } .review-el { padding: 10px; } .review-description { text-transform: uppercase; font-weight: 700; font-size: 12px; letter-spacing: 2px; } .review-el, .review-el-inner { display: block; position: relative; overflow: hidden; } .review-el .review-info-score { font-size: inherit !important; color: #feec98; float: right; } .review-content-wrap { border: 1px solid #eee; border-top: none; padding-top: 10px; } .score-bar-wrap { display: block; position: relative; height: 10px; width: 100%; margin-top: 5px; margin-bottom: 5px; background-color: #eee; border-radius: 4px; } .score-bar { position: absolute; left: 0; top: 0; bottom: 0; background-color: #feec98; border-radius: 4px; } .review-summary-wrap { padding: 0 10px; overflow: hidden; display: block; border-top: 1px solid #eee; margin-top: 20px; margin-bottom: 20px; } .review-box-wrap .review-summary-wrap h3 { padding: 0; font-size: inherit !important; text-transform: uppercase; margin: 10px 0; } .review-box-wrap .review-summary-wrap .review-summary-desc { margin: 0; font-style: italic; } .review-box-wrap .post-review-info { border: 1px dashed #eee; padding: 20px; float: right; margin: 0 0 20px 20px; top: auto; right: auto; } .score-remove { width: 0 !important; } .score-animation { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-delay: .5s; -webkit-transition-delay: .5s; } .review-box-wrap.is-bottom { display: block; overflow: hidden; width: 100%; padding-top: 15px; margin-bottom: 30px; } .is-bottom .review-el { padding: 10px 20px; } .is-bottom .review-summary-wrap { padding-left: 20px; padding-right: 20px; } .review-box-wrap.is-bottom .review-summary-wrap .review-summary-desc { font-size: 13px; } /*-------------------------------------------------------------- 10.0 - Pages --------------------------------------------------------------*/ /* page header*/ .archive-page-header { display: table; position: relative; width: 100%; height: 180px; margin-bottom: 30px; text-align: center; overflow: hidden; background-color: #f7f7f7; background-position: center center; background-size: cover !important; -webkit-background-size: cover !important; } .archive-title-wrap { display: table-cell; position: relative; width: 100%; vertical-align: middle; } .archive-page-header.has-bg-image:before { display: block; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .1); } .archive-title-wrap .archive-title { display: inline-block; position: relative; z-index: 9; line-height: 1; margin: 0; font-size: 24px; letter-spacing: 3px; text-transform: uppercase; padding-bottom: 7px; } .archive-title:after { content: ''; position: absolute; left: 10px; right: 12px; bottom: 0; border-bottom: 1px solid; height: 1px; } .archive-page-header .social-link-info { display: inline-block; overflow: hidden; } .archive-page-header.has-bg-image .author-social a { background-color: #fff; color: #282828; } .archive-page-header .author-social a { background-color: #282828; color: #fff; } .archive-page-header .author-social a:hover, .archive-page-header .author-social a:hover:focus { background-color: #29BFAD; color: #fff; } .archive-page-header-small { display: block; padding-left: 20px; padding-right: 20px; margin-top: 30px; margin-bottom: 30px; } .archive-page-header-small .archive-title { display: inline-block; padding: 5px 15px; line-height: 1; margin: 0; border: 2px solid; } .archive-page-header-small .archive-title:after { display: none; } /* search page */ .search-no-result { padding: 200px 20px; margin-bottom: 0; text-align: center; } .search-no-result h3 { font-size: 48px; line-height: 1.3; color: #aaa; } /* 404 page */ .content-404-inner { display: block; overflow: hidden; text-align: center; padding-top: 200px; padding-bottom: 200px; } .content-404 { position: relative; z-index: 10; } .content-404 h1 { font-size: 230px; } .content-404-inner { position: relative; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } .content-404-inner .icon-wrap { display: block; position: absolute; left: 35%; top: 30%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .content-404-inner .icon-inner { position: relative; } .content-404-inner .icon-wrap i { -webkit-animation: spin 8s linear infinite; -moz-animation: spin 8s linear infinite; animation: spin 8s linear infinite; } .content-404-inner .icon-wrap i.icon-one { position: absolute; left: -200px; top: -200px; height: 400px; width: 400px; color: #f2f2f2; font-size: 340px; line-height: 400px; } .content-404-inner .icon-wrap i.icon-two { position: absolute; left: 20px; top: 0; height: 300px; width: 300px; color: #f2f2f2; font-size: 200px; line-height: 300px; } .content-404-inner .icon-wrap i.icon-three { position: absolute; left: 70px; top: -70px; height: 200px; width: 200px; color: #f2f2f2; font-size: 150px; line-height: 200px; } /* single page */ .single-page-header.single-header-fw { height: 350px; } .single-page-header.is-color-bg:before, .single-page-header.is-color-bg:after { display: none; } .single-page-header.is-color-bg { background-color: #f7f7f7; height: 200px !important; } .single-page-header.has-bg-image:before { display: block; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); } .page-title h1 { display: inline-block; position: relative; margin: 0; font-size: 32px; border-radius: 4px; padding: 20px; } .page-title h1:before { content: ''; position: absolute; width: 100px; border-top: 4px solid; bottom: 0; left: 50%; margin-left: -50px; } .page-title h1:after { content: ''; position: absolute; width: 60px; border-top: 2px solid; bottom: -5px; left: 50%; margin-left: -30px; } .page .ruby-content-wrap { padding-left: 20px; padding-right: 20px; } .page .content-without-sidebar .entry > *, .page .content-without-sidebar .entry > div.wpcf7 { max-width: 800px; margin-left: auto; margin-right: auto; } .page .content-without-sidebar .entry > div, .page .content-without-sidebar .entry > figure.alignnone { max-width: 100%; } .page .content-with-sidebar .entry > * { margin-left: 30px; } .page .content-with-sidebar .entry > div, .page .content-with-sidebar .entry > figure.alignnone { margin-left: 0; } /* contact form 7 */ .entry .wpcf7-form { margin-top: 45px; background-color: #f7f7f7; padding: 30px; } .entry .wpcf7-form > p { font-weight: 700; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; } .wpcf7-form .ajax-loader { margin-top: 10px; } .entry .wpcf7-form > p:last-of-type { margin-bottom: 0; } .entry .wpcf7-form > p:last-of-type input { margin-bottom: 0; } .entry .wpcf7-form input[type = "email"], .entry .wpcf7-form input[type = "text"] { width: 50%; } .entry .wpcf7-form textarea { width: 100%; } /* author team page */ .author-team-entry { display: block; position: relative; margin-top: 30px; padding-top: 30px; border-top: 2px solid; } .author-team-wrap { display: block; padding-top: 5px; padding-bottom: 5px; } .author-team-inner { text-align: center; } .author-team-inner .user-box-wrap { float: none; display: inline-block; position: relative; vertical-align: middle; margin-right: -3px; } .user-box-inner { display: block; padding: 30px; text-align: center; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .user-box-inner:hover { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0 20px 25px rgba(34, 34, 34, .1); -moz-box-shadow: 0 20px 25px rgba(34, 34, 34, .1); box-shadow: 0 20px 25px rgba(34, 34, 34, .1); } .user-avatar { display: block; margin-bottom: 20px; } .user-avatar img { border-radius: 50%; } .user-name { margin-bottom: 10px; } .user-name h3 { font-size: 15px; text-transform: uppercase; } .user-name h3 a:hover, .user-name h3 a:focus { text-decoration: none; color: #29BFAD; } .job-name { display: block; font-style: italic; color: #aaa; margin-bottom: 10px; } .team-social-link-info { display: block; position: relative; line-height: 0; margin-bottom: 10px; } .team-social-link-info a { display: inline-block; margin-bottom: 5px; margin-right: 10px; } .team-social-link-info a:last-child { margin-right: 0; } .user-desc { color: #aaa; max-width: 300px; font-size: 13px; line-height: 1.6; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 20px; } .user-post-link { display: block; text-align: center; overflow: hidden; margin-top: 20px; } .user-post-link a { display: inline-block; position: relative; font-weight: 400; line-height: 1; padding: 13px 16px; font-style: normal; background-color: #29BFAD; text-transform: uppercase; color: #fff; letter-spacing: 2px; border: none; outline: none; border-radius: 3px; font-size: 10px !important; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .user-post-link a:hover { background-color: #282828; } /* promo area */ .promo-wrap { display: block; position: relative; margin-top: 20px; } .promo-inner { padding-left: 10px; padding-right: 10px; } .promo-wrap .promo-el { padding-left: 10px; padding-right: 10px; } .promo-wrap .widget { display: none; padding: 0; margin: 0; } .promo-wrap .widget.banner-widget { display: block; } .promo-wrap .widget-title { text-align: center; } .banner-wrap { display: block; position: relative; } .banner-wrap.has-banner-title:before { content: ''; border: 1px dashed rgba(255, 255, 255, .5); position: absolute; left: 15px; top: 15px; right: 15px; bottom: 15px; z-index: 9; } .banner-wrap:hover .banner-image-wrap, .banner-wrap:focus .banner-image-wrap { opacity: .8; } .banner-content-wrap { display: block; position: relative; overflow: hidden; } .banner-image-wrap { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; height: 400px; background-color: #fff; -webkit-transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -ms-transition: opacity .35s ease-in-out; -o-transition: opacity .35s ease-in-out; transition: opacity .35s ease-in-out; } .banner-link { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; } .banner-content-wrap { display: block; left: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .banner-content-wrap .banner-content-inner { padding: 0; margin: 0; } .banner-content-wrap h3 { display: inline-block; line-height: 1; padding: 10px 20px; background-color: #fff; color: #333; font-size: 1.2em; white-space: nowrap; } /*-------------------------------------------------------------- 11.0 - Loading Holder --------------------------------------------------------------*/ /* slider loader height holder */ .post-thumb-gallery-grid.slider-init { height: 320px; } .post-thumb-gallery-slider.slider-init { height: 415px; } .post-thumb-gallery-slider-nav.slider-init { height: 105px; } #ruby-feat-grid.slider-init { height: 470px; } #ruby-feat-carousel-hw.slider-init { height: 421px; } #ruby-feat-slider-hw.slider-init, #ruby-feat-slider-fw.slider-init, #ruby-feat-carousel-fw.slider-init { height: 450px; } #ruby-related-carousel.slider-init { height: 198px; } .meta-info-author{ display: none; }