/* --------------------------------------------------------------------------------------- Theme Name: Oslo Theme URI: http://www.themelovin.com Description: Oslo: Creative and Multi-Purpose Portfolio Theme. Author: Themelovin Author URI: http://www.themelovin.com Tags: two-columns, three-columns, threaded-comments, theme-options, right-sidebar License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 1.1.0 Designed & Handcrafted by Nicola Pagani and Emanuele Zenoni for themelovin.com All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) --------------------------------------------------------------------------------------- */ @import url("./styles/reset.css"); @import url("./styles/extra.css"); @import url("./styles/pace.css"); @import url("./styles/menu.css"); @import url("./styles/responsive.gs.12col.css"); @import url("./styles/font-awesome.min.css"); @import url("./styles/wp-essentials.css"); /*---------------------------------------------------------------------------------------- TABLE OF CONTENTS: 1. General 2. Forms 3. Links 4. Lists 5. Typo 6. Stuff ----------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------- 1. General ----------------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, .oslo-btn-title, #thmlvHeaderMenu a, #thmlvMobileMenuScroll a, .thmlvNextPostLink #thmlvNextTitle, .thmlvSelectedSwitch, .vc_tta-title-text, .author {font-family:Arial, Helvetica, sans-serif, sans-serif;}h1, h2, h3, h4, h5, h6, strong, .thmlvListPost, .thmlvNextPostLink #thmlvNextPostLink, .vc_tta-title-text, .vc_toggle_icon:after, .vc_toggle_icon:before, .author, blockquote, .dropcap {color: #3d3d3d;}#thmlvAuthor, #thmlvCopyright, .thmlvEntryMeta, .thmlvNextPostLink #thmlvNextText, #thmlvSectionTitle h4, .thmlvSectionCategories, .thmlvSectionCategoriesVC, #thmlvToTop, .oslo-alt-font, .oslo-post-meta, .oslo-team-member-content .thmlvSectionCategoriesVC, .thmlvAuthorMeta .pubtime {font-family:Arial, Helvetica, sans-serif, sans-serif;}.pace .pace-progress {background-color: #2d5ef2;}body {background-color: #fff;color: #292929;font-family:Arial, Helvetica, sans-serif, sans-serif;font-weight:400;}input, textarea {font-family:Arial, Helvetica, sans-serif, sans-serif;}a, .vc_tta.vc_general .vc_tta-panel-title>a:hover, .thmlvClassicPost h1 a, .thmlvListPost a, .thmlvEntryMeta {color: #1f1f1f;}#thmlvPostNavigation li.active .thmlvNavNum, .slick-dots li.slick-active button {border-color: #1f1f1f;}#thmlvLogo img {max-height: 150px;}.thmlvDarkLayout #thmlvHeader *:not(div), .thmlvDarkLayout #thmlvHeaderMenu a, .thmlvDarkLayout #thmlvLogo a, .thmlvDarkLayout .thmlvSelectedSwitch {color: #ffffff;}.thmlvDarkLayout #thmlvHamburger span {background-color: #ffffff;}.thmlvLightLayout #thmlvHeader *:not(div), .thmlvLightLayout #thmlvHeaderMenu a, .thmlvLightLayout #thmlvLogo a, .thmlvLightLayout .thmlvSelectedSwitch {color: #1f1f1f;}.thmlvLightLayout #thmlvHamburger span {background-color: #1f1f1f;}#thmlvFooter, .thmlvMobileActive #thmlvMobileMenuWrap {background-color: #292929;}#thmlvFooter, #thmlvFooter a, .thmlvMobileActive #thmlvMobileMenuWrap a {color: #adadad;}#thmlvFooter a:hover, .thmlvMobileActive #thmlvMobileMenuWrap a:hover {color: #e0e0e0;}#thmlvFooter h1, #thmlvFooter h2, #thmlvFooter h3, #thmlvFooter h4, #thmlvFooter h5, #thmlvFooter h6 {color: #cccccc;}.oslo-widget-social a, .oslo-widget-social a:hover {color: #292929 !important;}.oslo-widget-social a:hover {background-color: #e0e0e0;}.widget_tag_cloud a, .widget_tag_cloud a:hover {color: #292929 !important;}.widget_tag_cloud a {background-color: #adadad;}.widget_tag_cloud a:hover {background-color: #e0e0e0;}.page-id-4012 #thmlvHeader {background-color: #ffffff;margin-bottom: 0;}.page-id-4012 #thmlvFooter, .page-id-4012 #thmlvCommentsWrap {margin-top: 0;}.page-id-2038 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/03/keep-left-office.jpg);background-color: ;margin-bottom: 0; } .page-id-2038 #thmlvFooter, .page-id-2038 #thmlvCommentsWrap {margin-top: 0;}.page-id-2009 #thmlvHeader {background-color: #4655a6;} .page-id-1260 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/07/communications-agency-melbourne-keep-left.jpg); margin-bottom: 0;} .page-id-1260 #thmlvFooter, .page-id-1260 #thmlvCommentsWrap {margin-top: 0;}.page-id-1223 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/07/keep-left-pr-impact-score.jpg);margin-bottom: 0;}.page-id-1223 #thmlvFooter, .page-id-1223 #thmlvCommentsWrap {margin-top: 0;} .page-id-1087 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/07/IP001.20170822-10195283-2.jpg);margin-bottom: 0;} .page-id-1087 #thmlvFooter, .page-id-1087 #thmlvCommentsWrap {margin-top: 0;}.page-id-1033 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/07/IP059.20170822-10196032.jpg); margin-bottom: 0;} .page-id-1033 #thmlvFooter, .page-id-1033 #thmlvCommentsWrap {margin-top: 0;}.page-id-953 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/07/event-management-public-relations.jpg);margin-bottom: 0;} .page-id-953 #thmlvFooter, .page-id-953 #thmlvCommentsWrap {margin-top: 0;}.page-id-651 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/06/keep_left_pr_content_digital_latest_news_1500_v01.jpg);} .page-id-651 #thmlvFooter, .page-id-651 #thmlvCommentsWrap {margin-top: 0;}.page-id-645 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/06/keep-left-pr-client-work.jpg);margin-bottom: 0;} .page-id-645 #thmlvFooter, .page-id-645 #thmlvCommentsWrap {margin-top: 0;}.page-id-627 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/06/IP046.20170822-10195898.jpg);margin-bottom: 0;} .page-id-82 {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/03/keep-left-public-relations-content.jpg);} .post-3735.thmlvSelected {background-image: url();}.postid-3735 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2017/11/Katandra_Rise_Entrance-V20120410_LOW-RES.jpg);} .postid-3719 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2017/04/nimbus-image-1491459146724.png);}.postid-3719 #thmlvFooter {margin-top: 0;} .postid-1642 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/07/keep-left-aso.jpg);} .postid-2280 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/12/ceo-nitro-sam-chandler-1920x1080.jpg);} .postid-2226 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/12/Andrew-and-In-Step-students-1.jpg);} .postid-2149 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/10/Red_Nose_Zero_Header.png);}.postid-2149 #thmlvFooter {margin-top: 0;} .postid-2149 #thmlvVideoWrap {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/10/Red_Nose_Parliament_House-Canberra_Spotted_900x600.jpg);} .postid-1647 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/07/st-john-ambulance-CPRLab.jpg);}.postid-1647 #thmlvFooter {margin-top: 0;} .postid-1646 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/07/nimbus-image-1487124268840.png);} .postid-1646 #thmlvFooter {margin-top: 0;} .postid-1643 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/07/keep-left-dairy-australia-header.jpg);}.postid-1643 #thmlvFooter {margin-top: 0;} .postid-1635 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/07/keep-left-vic-super.jpg);} .postid-1635 #thmlvFooter {margin-top: 0;} .postid-1633 #thmlvHeader {background-image: url(https://keepleft.com.au/wp-content/uploads/2016/07/keep-left-anchor-milk-launch.jpg);} .postid-1633 #thmlvFooter {margin-top: 0;} .postid-3891 #thmlvHeader {background-color: #ee273c;}.postid-3863 #thmlvHeader {background-color: #4655a6;}.postid-3803 #thmlvHeader {background-color: #ee273c;} .postid-3624 #thmlvHeader {background-color: #ee273c;}.postid-3624 #thmlvVideoWrap {background-image: url(http://keepleft.com.au/wp-content/uploads/2017/09/UEM_SUNRISE_MAYFAIR_LAUNCH_085.jpg);} .postid-3508 #thmlvHeader {background-color: #ee273c;}.postid-3405 #thmlvHeader {background-color: #ee273c;}.postid-3362 #thmlvHeader {background-color: #4655a6;}.postid-3230 #thmlvHeader {background-color: #fcaf17;}.postid-3316 #thmlvHeader {background-color: #ee273c;}.postid-3296 #thmlvHeader {background-color: #4655a6;} .postid-3157 #thmlvHeader {background-image: url(http://keepleft.com.au/wp-content/uploads/2017/05/2017-Ethical-Fashion-Report-no-text.jpeg);background-color: #4655a6;}.postid-3103 #thmlvHeader {background-color: #4655a6;} .postid-2886 #thmlvHeader {background-image: url(http://keepleft.com.au/wp-content/uploads/2017/05/RYabsley_FIJIEarthsFinestMorning12.jpg);background-color: #4655a6;} .postid-2986 #thmlvHeader {background-color: #ee273c;}.postid-2928 #thmlvHeader {background-color: #ee273c;}.postid-2823 #thmlvHeader {background-color: #f4b800;} .postid-2778 #thmlvHeader {background-color: #4655a6;} .postid-2682 #thmlvHeader {background-image: url(http://keepleft.com.au/wp-content/uploads/2017/03/Richmond_High_School_1498x1000-1-e1488430402379.jpg);background-color: #4655a6;}.postid-2509 #thmlvHeader {background-color: #4655a6;}.postid-2582 #thmlvHeader {background-color: #ee273c;} .postid-2547 #thmlvHeader {background-image: url(http://keepleft.com.au/wp-content/uploads/2017/02/Header.png);background-color: #4655a6;} .postid-2356 #thmlvHeader {background-image: url(http://keepleft.com.au/wp-content/uploads/2017/02/JT2_4933-Edit-1.jpg);} .postid-2342 #thmlvHeader {background-color: #ee273c;} .postid-1620 #thmlvHeader {background-image: url(http://keepleft.com.au/wp-content/uploads/2016/07/pr-agency-melbourne-keep-left.jpg);} .postid-2250 #thmlvHeader {background-color: #4655a6;}.postid-1960 #thmlvHeader {background-color: #4655a6;}.postid-1939 #thmlvHeader {background-color: #4655a6;}.postid-1026 #thmlvHeader {background-color: #e2193d;}.postid-1619 #thmlvHeader {background-color: #4655a6;}.postid-1618 #thmlvHeader {background-color: #f4b800;}.postid-1617 #thmlvHeader {background-color: #e2193d;}.postid-966 #thmlvHeader {background-color: #4655a6;}.postid-956 #thmlvHeader {background-color: #f4b800;}.postid-1616 #thmlvHeader {background-color: #e2193d;}.postid-1615 #thmlvHeader {background-color: #4655a6;}.postid-1614 #thmlvHeader {background-color: #f4b800;}.postid-1612 #thmlvHeader {background-color: #e2193d;}.postid-1609 #thmlvHeader {background-color: #4655a6;}.postid-1608 #thmlvHeader {background-color: #f4b800;}.postid-1607 #thmlvHeader {background-color: #4655a6;}.postid-1606 #thmlvHeader {background-color: #f4b800;}.postid-1605 #thmlvHeader {background-color: #e2193d;}body {font-family: arial, sans-serif; font-size: 1em; padding:0; margin:0; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 1000px, 0); transform: translate3d(0, 1000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); } 75% { -webkit-transform: translate3d(0, 3px, 0); transform: translate3d(0, 3px, 0); } 90% { -webkit-transform: translate3d(0, -1px, 0); transform: translate3d(0, -1px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 1000px, 0); transform: translate3d(0, 1000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 75% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 90% { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } html { height: 100%; width: 100%; } body { background-position: center center; font-size: 16px; height: 100%; line-height: 1.875; overflow-x: hidden; position: relative; width: 100%; } body.pace-done #thmlvLogo, body.pace-done #thmlvContent.container, body.pace-done #thmlvHeader, body.pace-done .thmlvIsotope, body.pace-done #thmlvFooter, body.pace-done #thmlvMenuWrap, body.pace-done .thmlvNextPostLink, body.pace-done .thmlvSelectedContent, body.pace-done #thmlvShareBar { opacity: 1; -webkit-transition: opacity 0.4s 0.5s linear; -moz-transition: opacity 0.4s 0.5s linear; -o-transition: opacity 0.4s 0.5s linear; transition: opacity 0.4s 0.5s linear; } .blog #thmlvContent.container, .single-post #thmlvContent.container, .thmlvClassicPost .container, .thmlvListPost .container { max-width: 680px; } body.thmlvMobileActive { overflow: hidden; } .comment-respond { margin: 0 auto; max-width: 680px; } .error404 #thmlvContent { text-align: center; } .error404 #thmlvFooter { margin-top: 12em; } .no-touchevents #thmlvHeader video { display: block; } .pace .pace-progress { height: 5px; } .page #thmlvCommentsWrap { background: none repeat scroll 0 0 rgba(0,0,0,0.06); font-size: 0.875em; margin-top: 6em; padding-bottom: 6em; padding-top: 4em; } .page-template-oslo-page-full-width #thmlvContent.container { max-width: 100%; overflow: hidden; } .thmlvClear { clear: both; display: block; } .thmlvCommentContent { margin-left: 6em; } #thmlvContent.container { opacity: 0; } #thmlvContent.container, #thmlvFooter .container { max-width: 1080px; } #thmlvFooter { margin-top: 6em; opacity: 0; } #thmlvFooter .container { padding-bottom: 3em; padding-top: 3em; } #thmlvFooter.thmlvFullWidth .container { padding-left: 3em; padding-right: 3em; max-width: 100%; } #thmlvFooter .span_6:last-of-type { text-align: right; } #thmlvHeader { background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 6em; /* fix the video overflow on not-wide screen */ /* overflow: hidden; - Removed to fit the superfish submenu behavior */ max-width: 100%; opacity: 0; position: relative; } #thmlvHeaderMenu { display: inline-block; height: 75px; line-height: 75px; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; visibility: hidden; } #thmlvLogo { margin-left: 3em; position: absolute; left: 0; opacity: 0; top: 2em; z-index: 9998; } #thmlvMenuWrap:hover #thmlvHeaderMenu { filter: alpha(opacity=100); margin-right: 75px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transition: opacity 0.4s 0.5s linear; -moz-transition: opacity 0.4s 0.5s linear; -o-transition: opacity 0.4s 0.5s linear; transition: opacity 0.4s 0.5s linear; visibility: visible; } #thmlvMenuWrap.thmlvDesktopMenu:hover #thmlvHeaderMenu { margin-right: 0; } #thmlvMenuWrap { padding: 0; position: absolute; margin-right: 3em; opacity: 0; /* overflow: hidden; - Removed to fit the superfish submenu behavior */ right: 0; text-align: right; top: 2em; -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); width: 75px; z-index: 9999; } #thmlvMenuWrap:hover, #thmlvMenuWrap:focus { width: 75%; } #thmlvMenuWrap.thmlvDesktopMenu { width: 75%; } #thmlvMenuWrap.thmlvDesktopMenu #thmlvHeaderMenu { opacity: 1; visibility: visible; } #thmlvMobileMenuScroll { height: 100vh; padding-left: 2em; padding-right: 2em; padding-top: 4em; overflow: auto; } #thmlvMobileMenuWrap { height: 0; opacity: 0; overflow: hidden; position: absolute; -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); width: 100vw; z-index: 9999; } .thmlvMobileActive #thmlvMobileMenuWrap { height: 100vh; opacity: 1; } #thmlvSectionTitle { bottom: 0; padding-bottom: 5%; position: absolute; left: 3em; z-index: 9997; } #thmlvSectionTitle.thmlvTitleBottomCenter { left: auto; width: 100%; } #thmlvSectionTitle.thmlvTitleBottomRight { left: auto; right: 3em; } #thmlvSectionTitle.thmlvTitleCenter { bottom: 50%; left: 0; padding-bottom: 0; text-align: center; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); width: 100%; } #thmlvSectionTitle.thmlvTitleCenterLeft { bottom: 50%; padding-bottom: 0; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } #thmlvSectionTitle.thmlvTitleCenterRight { bottom: 50%; left: auto; padding-bottom: 0; right: 3em; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } #thmlvSectionTitle.thmlvTitleTopCenter { bottom: auto; left: 0; padding-bottom: 0; padding-top: 5%; top: 0; width: 100%; } #thmlvSectionTitle.thmlvTitleTopLeft { bottom: auto; padding-bottom: 0; padding-top: 5%; top: 0; } #thmlvSectionTitle.thmlvTitleTopRight { bottom: auto; left: auto; padding-bottom: 0; padding-top: 5%; right: 3em; top: 0; } #thmlvShareBar { bottom: 30px; opacity: 0; position: fixed; right: 30px; z-index: 11; } .thmlvTypeSearch { border-bottom: 1px solid rgba(0, 0, 0, 0.1); float: none; margin-bottom: 6em; padding-bottom: 6em; } #thmlvVideoWrap { background-position: center center; background-size: cover; height: 100%; overflow: hidden; position: relative; width: 100%; } /*---------------------------------------------------------------------------------------- 2. Forms ----------------------------------------------------------------------------------------*/ input[type=text], input[type=email], input[type=password], input[type=url], input[type=tel], textarea, select { background-color: #f7f7f7; margin: 10px 0 15px; width: 100%; } input[type=text], input[type=email], input[type=password], input[type=url], input[type=tel], input[type=date], textarea { border: 0; color: #333333; font-size: 1em; line-height: 1.675; outline: none; padding: 1em; } input[type=submit] { background-color: #333333; border: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #ffffff; cursor: pointer; font-size: 0.875em; font-weight: 400; padding: 1em 1.5em; -webkit-appearance: none; transition: opacity 0.2s ease-out 0s; -webkit-transition: opacity 0.2s ease-out 0s; -o-transition: opacity 0.2s ease-out 0s; } input[type=submit]:hover { opacity: .8; } .comment-form #comment { height: 50px; height: 4rem; -webkit-transition: all 300ms; transition: all 300ms; } .comment-form #comment.form-open { height: 150px; height: 15rem; } #respond input[type=text], #respond input[type=email], #respond input[type=password], #respond input[type=url], #respond input[type=tel], #respond textarea, #respond select { background-color: #ffffff; } /*---------------------------------------------------------------------------------------- 3. Links ----------------------------------------------------------------------------------------*/ a { text-decoration: none; -webkit-transition: color 0.2s ease-out 0s, opacity 0.2s ease-out 0s; -moz-transition: color 0.2s ease-out 0s, opacity 0.2s ease-out 0s; -o-transition: color 0.2s ease-out 0s, opacity 0.2s ease-out 0s; transition: color 0.2s ease-out 0s, opacity 0.2s ease-out 0s; } .error404 #thmlvContent a { border-bottom-style: solid; border-width: 1px; padding-bottom: 1px; } .sharrre a:hover { opacity: .5; } .thmlvAuthorMeta .pubtime { font-size: 0.75em; font-weight: 500; letter-spacing: 0.1875em; margin-left: 1em; margin-right: 1em; opacity: 0.7; text-transform: uppercase; } #thmlvContent p a { border-bottom-style: solid; border-width: 1px; padding-bottom: 1px; } #thmlvContent p a:hover { opacity: .7; } #thmlvLogo a:hover { opacity: .85; } #thmlvPostNavigation li .thmlvNavNum { border-radius: 50%; display: block; height: 2.25em; line-height: 2.25em; text-align: center; width: 2.25em; } #thmlvPostNavigation li.active .thmlvNavNum { border-width: 1px; border-style: solid; } #thmlvShareBar.open #thmlvSocialToggle { display: none; } #thmlvSocialToggle { -webkit-transition: all 0s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out; -moz-transition: all 0s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out; -o-transition: all 0s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out; transition: all 0s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out; } #thmlvToTop { font-size: 0.75em; font-weight: 500; letter-spacing: 0.1875em; text-transform: uppercase; } /*---------------------------------------------------------------------------------------- 4. Lists ----------------------------------------------------------------------------------------*/ ol, ul { list-style-position: inside; list-style-type: decimal; margin-bottom: 2em; } ul { list-style-type: disc; } .sharrre { margin-bottom: 0; } .thmlvCommentList .comment { list-style-type: none; padding-bottom: 2em; } #thmlvHeaderMenu ul { float: left; } #thmlvHeaderMenu li { display: inline-block; } #thmlvMobileMenuScroll ul { list-style-type: none; } #thmlvMobileMenuScroll li ul { display: none; } #thmlvPostNavigation li { display: inline-block; margin-right: 0.5em; } #thmlvPostNavigation li:last-of-type { margin-right: 0; } #thmlvSocial { display: inline-block; margin-bottom: 0; } #thmlvSocial li { display: inline-block; margin-right: 1em; } #thmlvShareBar li { display: none; } #thmlvShareBar.open li { display: block; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceInUp; animation-name: bounceInUp; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #thmlvShareBar.open li:nth-of-type(1) { -webkit-animation-delay: 0.05s; -moz-animation-delay: 0.05s; -ms-animation-delay: 0.05s; -o-animation-delay: 0.05s; } #thmlvShareBar.open li:nth-of-type(2) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -ms-animation-delay: 0.1s; -o-animation-delay: 0.1s; } #thmlvShareBar.open li:nth-of-type(3) { -webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s; -ms-animation-delay: 0.15s; -o-animation-delay: 0.15s; } #thmlvShareBar.open li:nth-of-type(4) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; -o-animation-delay: 0.2s; } /*---------------------------------------------------------------------------------------- 5. Typo ----------------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.25; } h1 { font-size: 2.25em; letter-spacing: -0.015em; margin-bottom: 0.888em; margin-top: 1.333em; } h2 { font-size: 2em; letter-spacing: -0.015em; margin-bottom: 1em; margin-top: 1.5em; } h3 { font-size: 1.5em; letter-spacing: -0.015em; margin-bottom: 1.333em; margin-top: 2em; } h4 { font-size: 1.25em; margin-bottom: 1.6em; margin-top: 2.400em; } h5 { font-size: 1.125em; margin-bottom: 1.777em; margin-top: 2.666em; } h6 { font-size: 1em; margin-bottom: 2em; margin-top: 3em; } p { margin-bottom: 2em; } strong { font-weight: 600; } /*#thmlvContent h1, #thmlvContent h2, #thmlvContent h3, #thmlvContent h4, #thmlvContent h5, #thmlvContent h6, .type-post .container > h1, .type-post .container > h2, .type-post .container > h3, .type-post .container > h4, .type-post .container > h5, .type-post .container > h6 { padding: 3% 0 2%; }*/ #thmlvLogo h1 { font-size: 2em; font-weight: 500; margin-bottom: 0; margin-top: 0; } #thmlvLogo h2 { font-size: 0.75em; font-weight: 500; letter-spacing: 0.1875em; opacity: 0.7; text-transform: uppercase; } #thmlvSectionTitle h3 { font-size: 6em; font-weight: 500; line-height: 1em; margin-bottom: 0; margin-top: 0; } #thmlvSectionTitle h4 { font-size: 0.75em; font-weight: 500; letter-spacing: 0.1875em; margin-bottom: 0; margin-top: 1em; opacity: 0.7; text-transform: uppercase; } #thmlvSectionTitle.thmlvTitleBottomCenter h3, #thmlvSectionTitle.thmlvTitleBottomCenter h4, #thmlvSectionTitle.thmlvTitleBottomCenter .thmlvEntryMeta, #thmlvSectionTitle.thmlvTitleBottomCenter .thmlvSectionCategories, #thmlvSectionTitle.thmlvTitleTopCenter h3, #thmlvSectionTitle.thmlvTitleTopCenter h4, #thmlvSectionTitle.thmlvTitleTopCenter .thmlvEntryMeta, #thmlvSectionTitle.thmlvTitleTopCenter .thmlvSectionCategories, #thmlvSectionTitle.thmlvTitleCenter h3, #thmlvSectionTitle.thmlvTitleCenter h4, #thmlvSectionTitle.thmlvTitleCenter .thmlvEntryMeta, #thmlvSectionTitle.thmlvTitleCenter .thmlvSectionCategories { text-align: center; } #thmlvSectionTitle.thmlvTitleBottomRight h3, #thmlvSectionTitle.thmlvTitleBottomRight h4, #thmlvSectionTitle.thmlvTitleBottomRight .thmlvEntryMeta, #thmlvSectionTitle.thmlvTitleBottomRight .thmlvSectionCategories, #thmlvSectionTitle.thmlvTitleCenterRight h3, #thmlvSectionTitle.thmlvTitleCenterRight h4, #thmlvSectionTitle.thmlvTitleCenterRight .thmlvEntryMeta, #thmlvSectionTitle.thmlvTitleCenterRight .thmlvSectionCategories, #thmlvSectionTitle.thmlvTitleTopRight h3, #thmlvSectionTitle.thmlvTitleTopRight h4, #thmlvSectionTitle.thmlvTitleTopRight .thmlvEntryMeta, #thmlvSectionTitle.thmlvTitleTopRight .thmlvSectionCategories { text-align: right; } .thmlvTypeSearch .container > h1 { margin: 0; } /*---------------------------------------------------------------------------------------- 6. Stuff ----------------------------------------------------------------------------------------*/ img { display: block; height: auto; max-width: 100%; } .author { font-weight: 500; } .avatar { border-radius: 50%; } .comment .avatar { float: left; margin-right: 1.555em; } /* fix revolution slider issue with reset.css */ .tp-splitted { white-space: nowrap !important; } .thmlvAuthorMeta { font-size: 1.25em; } .thmlvClassicPost a img { -webkit-transition: color 0.6s ease-out 0s, opacity 0.6s ease-out 0s; -moz-transition: color 0.6s ease-out 0s, opacity 0.6s ease-out 0s; -o-transition: color 0.6s ease-out 0s, opacity 0.6s ease-out 0s; transition: color 0.6s ease-out 0s, opacity 0.6s ease-out 0s; } .thmlvClassicPost a:hover img { opacity: .85; } #thmlvCopyright { display: inline-block; font-size: 0.75em; font-weight: 500; letter-spacing: 0.1875em; margin-right: 2em; text-transform: uppercase; opacity: 0.7; } #thmlvHamburger { display: block; width: 24px; height: 16px; position: relative; margin: 29.5px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #thmlvHamburger span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 1px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #thmlvHamburger span:nth-child(1) { top: 0px; } #thmlvHamburger span:nth-child(2), #thmlvHamburger span:nth-child(3) { top: 8px; } #thmlvHamburger span:nth-child(4) { top: 16px; } #thmlvHeader video { left: 0px; width: 100%; /* fix the video sizes on not-wide screen */ height: 100%; position: absolute; top: 0px; } #thmlvMenuWrap:hover #thmlvHamburger span:nth-child(1) { top: 8px; width: 0%; left: 50%; } #thmlvMenuWrap:hover #thmlvHamburger span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #thmlvMenuWrap:hover #thmlvHamburger span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #thmlvMenuWrap:hover #thmlvHamburger span:nth-child(4) { top: 8px; width: 0%; left: 50%; } #thmlvMenuWrap.thmlvDesktopMenu #thmlvMenuIcon { display: none; } #thmlvMenuIcon { display: block; font-size: 2.5em; height: 75px; position: absolute; line-height: 75px; margin: 0; margin-top: -42.5px; padding: 0; text-align: center; right: 0; top: 50%; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; width: 75px; -webkit-backface-visibility: hidden; } .thmlvMobileActive #thmlvHamburger span { background-color: #fff !important; } .thmlvMobileActive #thmlvMenuIcon { background-color: rgba(0, 0, 0, 0.1); } @media (min-aspect-ratio: 16/9) { #thmlvHeader video { height: 400%; top: -150%; } } @media (max-aspect-ratio: 16/9) { #thmlvHeader video { left: -150%; width: 400%; } }