button.mobx-prev, button.mobx-next { background-color: transparent !important; } body.loaded #loftloader-wrapper .loader-section.section-fade { transition: all 0s 0s ease; } .slider-up2 { animation-name: slider-up2; -webkit-animation-name: slider-up2; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes slider-up2 { 0% { opacity: 0; transform: translateY(5%); } 100% { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slider-up2 { 0% { opacity: 0; transform: translateY(5%); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes sub-nav-in { from { transform: translateX(200px); -webkit-transform: translateX(200px); opacity: 0; } to { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes sub-nav-in { from { transform: translateX(200px); -webkit-transform: translateX(200px); opacity: 0; } to { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } @keyframes sub-nav-out { from { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } to { transform: translateX(200px); -webkit-transform: translateX(200px); opacity: 0; } } @-webkit-keyframes sub-nav-out { from { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } to { transform: translateX(200px); -webkit-transform: translateX(200px); opacity: 0; } } @keyframes main-nav-out { from { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } to { transform: translateX(-200px); -webkit-transform: translateX(-200px); opacity: 0; } } @-webkit-keyframes main-nav-out { from { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } to { transform: translateX(-200px); -webkit-transform: translateX(-200px); opacity: 0; } } @keyframes main-nav-in { from { transform: translateX(-200px); -webkit-transform: translateX(-200px); opacity: 0; } to { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes main-nav-in { from { transform: translateX(-200px); -webkit-transform: translateX(-200px); opacity: 0; } to { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } html, body { min-height: 100%; } body { background: #ffffff; font-family: 'Libre Baskerville', 'Helvetica Neue', Arial, Verdana, sans-serif; padding: 0; margin: 0; color: #444; font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.7; word-wrap: break-word; -webkit-overflow-scrolling: touch; } body.js-nav { width: 100%; height: 100%; } #perspective { width: 100%; min-height: 100%; position: relative; } @-moz-document url-prefix() { #perspective { overflow-x: hidden; } } body.modalview #perspective { position: fixed; perspective: 1500px; top: 0; z-index: 2; } body.modalview #footer-wrapper { display: none; } #wrapper { float: left; width: 100%; background: #fff; transform-origin: 50% 50% 50%; transition: transform 0.4s; position: relative; left: 0; min-height: 100%; } body.footer-reveal #wrapper { z-index: 1; } body.right-clicked #wrapper { filter: blur(7px); } body.leftmenu #wrapper { padding-top: 0 !important; width: calc(100% - 300px); left: 300px; } body.leftmenu #wrapper #page-content-wrapper { padding: 0 40px 0 40px; } body.leftmenu #wrapper #page-content-wrapper.blog-wrapper { padding-top: 50px; } body.leftmenu .sr54Coffee-section.sr54Coffee-section-stretched { max-width: 100% !important; left: 0 !important; } body.leftmenu .mobile-menu-wrapper { left: 0; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -o-transform: translate(0px, 0px); overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; width: 300px; padding: 50px; } body.modalview #wrapper { position: absolute; overflow: hidden; cursor: pointer; height: 100%; width: 100%; backface-visibility: hidden; } body.js-nav #wrapper { transform: translateZ(0px) translateX(10%) rotateY(-50deg); } body.full-burger-menu.js-nav #wrapper { transform: none; transform: scale(1); opacity: 0; } body.password-protected { height: 100%; } body.password-protected #page-header, body.password-protected #footer-wrapper { display: none; } body.password-protected #perspective { background-size: cover; background-position: center center; background-repeat: no-repeat; } body.password-protected #wrapper { background: transparent; height: 100%; } body.password-protected #page-content-wrapper { display: table; width: 100%; height: 100vh; } body.password-protected.leftmenu #page-content-wrapper { width: calc(100% - 300px); } body.password-protected #page-content-wrapper .inner { display: table-cell; vertical-align: middle; float: none; } body.page.comment-close #page-content-wrapper:not(.sr54Coffee-page) .inner { margin-bottom: 40px; } body.password-protected #page-content-wrapper .inner .inner-wrapper { float: none; text-align: center; width: 50%; margin: auto; } body.error404 #page-content-wrapper .inner .inner-wrapper, body.search-no-results #page-content-wrapper .inner .inner-wrapper { text-align: center; width: 60%; margin: auto; float: none; } body.error404 #footer-wrapper { display: none; } body.error404 #page-content-wrapper .inner .inner-wrapper .searchform input[type="text"], body.search-no-results #page-content-wrapper .inner .inner-wrapper .searchform input[type="text"] { width: 60%; } body.error404 #page-content-wrapper .inner .inner-wrapper .searchform input[type="submit"], body.search-no-results #page-content-wrapper .inner .inner-wrapper .searchform input[type="submit"] { margin-left: -5px; position: relative; top: 2px; padding: .7em 2.5em .65em 2.5em; } body.error404 #page-content-wrapper .inner .inner-wrapper .searchform input[type="text"] { padding: 1em 1em  1.05em 1em; border: 1px solid #000; } body.error404 #page-content-wrapper .inner .inner-wrapper .searchform { margin: 30px 0 30px 0; } body.error404 #page-content-wrapper .inner .inner-wrapper h1, body.search-no-results #page-content-wrapper .inner .inner-wrapper h1 { margin: 80px 0 40px 0; font-size: 90px; line-height: 1; } body.error404 #page-content-wrapper, body.search-no-results #page-content-wrapper { padding-bottom: 20px; } body.password-protected.leftmenu #page-content-wrapper .inner .inner-wrapper { width: 70%; } body.password-protected #page-content-wrapper .inner .inner-wrapper .sidebar-content { padding: 70px 60px 60px 60px; box-sizing: border-box; opacity: 0; animation-name: slider-up2; -webkit-animation-name: slider-up2; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } body.password-protected #page-content-wrapper .inner .inner-wrapper .sidebar-content .protected-post-header { margin-bottom: 30px; } body.password-protected #page-content-wrapper .inner .inner-wrapper .sidebar-content input[type="password"] { text-align: center; } #wrapper.hasbg.transparent { padding-top: 0 !important; } hr { height: 1px; border: 0; border-top: 2px solid #ebebeb; background: transparent; margin: auto; margin-top: 20px; margin-bottom: 20px; width: 100%; clear: both; } .theme-border { border-color: #dce0e0; } a { color: #222; text-decoration: none; } a:hover { color: #222; text-decoration: none; } a:active { color: #222; text-decoration: none; } h1 { font-size: 34px; } h2 { font-size: 30px; } h2.number { font-size: 50px; line-height: 50px; } h3 { font-size: 26px; } h3#reply-title, h3.comment-title { text-align: center; margin-top: 40px; } h3#reply-title { margin-top: 0px; } body.logged-in h3#reply-title { margin-bottom: 0; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } h5.widgettitle { font-size: 11px; display: inline-block; text-align: left; font-family: 'Roboto', 'Helvetica Neue', Arial, Verdana, sans-serif; color: #222; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; position: relative; border-bottom: 1px solid #222; } h7 { font-size: 18px; } h1, h2, h3, h4, h5, h6, h7 { color: #222; font-family: 'Roboto', 'Helvetica Neue', Arial, Verdana, sans-serif; font-weight: 400; line-height: 1.5em; } pre, code, tt { font: 12px 'andale mono', 'lucida console', monospace; line-height: 1.5; padding: 10px; display: block; overflow: auto; width: 100%; border: 0; color: #000; box-sizing: border-box; } code { display: inline; } .wp-block-code { border: 1px solid #d8d8d8; } .clear { clear: both; } .fullwidth-comment-wrapper { width: 100%; float: left; margin-top: 30px; padding-top: 10px; } .fullwidth-comment-wrapper:empty { display: none; } #commentform { margin-top: 0; } body.single.single-post .protected-post-header { display: none; } #commentform label, .wpcf7-form label { margin-bottom: 10px; font-weight: 600; } .sr54Coffee-transparent .wpcf7-form label { color: #fff; } .sr54Coffee-transparent .wpcf7-form input.wpcf7-submit { color: #000; background: #fff; border: 1px solid #fff; } #commentform .comment-form-cookies-consent { margin-top: 10px; clear: both; } #commentform .comment-form-cookies-consent label { margin-left: 5px; font-size: inherit; letter-spacing: 0; font-weight: 400; text-transform: none; } .logged-in-as { text-align: center; padding-top: 0 !important; margin-bottom: 10px; } #commentform>p, body.single-product .comment-form-rating { box-sizing: border-box; } #commentform>p.input-wrapper { margin: 24px 24px 24px 0; } #commentform>p.input-wrapper.comment-form-url, #commentform>p.input-wrapper.comment-form-comment { margin-right: 0; } #commentform>p.input-wrapper.comment-form-comment { margin-top: 0px; padding: 0; line-height: 0; margin-bottom: 0; } #commentform>p.input-wrapper.comment-form-comment textarea { margin-top: 20px; } #commentform>p.form-submit { padding-top: 10px !important; } body.logged-in #commentform>p.form-submit { padding-top: 30px !important; } #commentform>p.comment-form-rating { width: 50%; float: left; display: block; clear: none; padding-top: 10px; padding-bottom: 10px; } #commentform>p.comment-form-rating label { width: 50%; float: left; font-size: 13px; font-weight: 500; } #commentform>p.comment-form-rating .br-widget { width: 50%; float: left; } #commentform>p.comment-form-comment { padding-bottom: 0; clear: both; } #commentform>p.comment-notes { text-align: center; padding: 0 !important; display: none; } #commentform p.comment-form-author, #commentform p.comment-form-email, #commentform p.comment-form-url { float: left; width: calc(33.33% - 16px); } #page-content-wrapper .inner .sidebar-content #commentform p.comment-form-author, #page-content-wrapper .inner .sidebar-content #commentform p.comment-form-email, #page-content-wrapper .inner .sidebar-content #commentform p.comment-form-url { width: calc(33.33% - 16px); } body.single-product #page-content-wrapper .inner .sidebar-content #commentform p.comment-form-author, body.single-product #page-content-wrapper .inner .sidebar-content #commentform p.comment-form-email { width: 50%; } #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; transition: all .6s cubic-bezier(.23, 1, .32, 1); } #commentform input[type="text"]:focus, #commentform input[type="email"]:focus, #commentform input[type="url"]:focus, #commentform textarea:focus { } #commentform>p.form-submit { padding-top: 15px; clear: both; } blockquote { font-size: 24px; font-weight: 900; color: #222; margin: auto; padding-top: 20px; padding-bottom: 20px; margin-bottom: 0; text-align: center; position: relative; line-height: 1.5em; letter-spacing: 0; clear: both; } blockquote strong { font-weight: 900; } blockquote cite { font-size: 14px; font-weight: 600; font-style: normal; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 20px 0 20px 0; } .textwidget blockquote { margin: 0; } blockquote p { padding: 0 !important; } blockquote h2 { font-weight: normal; font-size: 22px; } blockquote h3 { font-weight: normal; font-size: 20px; } #respond { width: 100%; float: left; } #respond.comment-respond { padding-top: 40px; } .aligncenter { text-align: center; } .mc4wp-form-fields input[type="email"] { width: 300px; } .mc4wp-form-fields { text-align: right; } .mc4wp-form-style3 .mc4wp-form-fields, .mc4wp-form-style5 .mc4wp-form-fields, .mc4wp-form-style6 .mc4wp-form-fields { text-align: left; } .mc4wp-form-white .mc4wp-form-fields input[type="email"], .mc4wp-form-style2 .mc4wp-form-fields input[type="email"] { width: calc(95% - 250px); } .mc4wp-form-white .mc4wp-form-fields input[type="email"] { background: transparent !important; color: #fff; border: 1px solid #fff; width: calc(95% - 250px); } .mc4wp-form-white .mc4wp-form-fields input[type="email"]::placeholder { opacity: 0.7; color: #fff; } .mc4wp-form-style2 .mc4wp-form-fields input[type="email"]::placeholder { opacity: 0.7; } .mc4wp-form-white .mc4wp-form-fields input[type="submit"], .mc4wp-form-style2 .mc4wp-form-fields input[type="submit"], .mc4wp-form-style3 .mc4wp-form-fields input[type="submit"], .mc4wp-form-style4 .mc4wp-form-fields input[type="submit"], .mc4wp-form-style5 .mc4wp-form-fields input[type="submit"] { margin-left: 10px; padding: .6em 2.5em .6em 2.5em; } .mc4wp-form-white .mc4wp-form-fields input[type="submit"]:hover { background: transparent !important; } .mc4wp-form-style2 .mc4wp-form-fields input[type="submit"], .mc4wp-form-style2 .mc4wp-form-fields input[type="submit"]:hover { background: #0067DA; border-color: #0067DA; color: #fff; } .mc4wp-form-style3 .mc4wp-form-fields input[type="submit"], .mc4wp-form-style3 .mc4wp-form-fields input[type="submit"]:hover { background: #ff4a52; border-color: #ff4a52; color: #fff; } .mc4wp-form-style4 .mc4wp-form-fields input[type="submit"], .mc4wp-form-style4 .mc4wp-form-fields input[type="submit"]:hover { background: #344D6C; border-color: #344D6C; color: #fff; } .mc4wp-form-style5 .mc4wp-form-fields input[type="submit"], .mc4wp-form-style5 .mc4wp-form-fields input[type="submit"]:hover { background: #02B3E4; border-color: #02B3E4; color: #fff; } .mc4wp-form-style8 .mc4wp-form-fields input[type="submit"], .mc4wp-form-style8 .mc4wp-form-fields input[type="submit"]:hover { background: #A51C30; border-color: #A51C30; color: #fff; } .mc4wp-form-white.new-line .mc4wp-form-fields input[type="email"] { width: calc(100% - 70px); } .mc4wp-form-white.new-line .mc4wp-form-fields input[type="submit"] { clear: both; margin-top: 20px; margin-left: 0; } /*------------------------------------------------------------------ [2. Navigation] */ #logo-wrapper { text-align: center; padding: 30px 0 30px 0; } #logo-wrapper .custom-logo-size { width: 50%; height: auto; } .top-menu-bar.scroll #logo-wrapper { display: none; } .top-menu-bar.hasbg { border-bottom: 0; } .top-menu-bar.hasbg #nav-wrapper { border-color: rgba(256, 256, 256, .3); } body.centeralign .logo-container .logo-wrapper:not(.hidden) { margin-top: 60px; } body.centeralign .top-menu-bar { border-bottom: 0; } .logo-container { display: table; width: 100%; height: 100%; } .logo-alignment { display: table-cell; vertical-align: middle; line-height: 0; } body.leftmenu .logo-container { display: block; width: 100%; height: auto; } body.leftmenu.admin-bar .logo-container { margin-top: 40px; } .logo-wrapper { margin: 0; display: inline-block; line-height: 0; } .logo-wrapper img.custom-logo-auto-resize { width: 50%; height: auto; } .logo-wrapper.hidden { display: none; } .logo-wrapper img.zoom { transform: scale(0.8) !important; } .above-top-menu-bar { height: 40px; background: #222; position: relative; z-index: 3; } .main-menu-wrapper { width: 100%; float: left; position: fixed; top: 0; left: 0; z-index: 9; display: block; } #sr54Coffee-header.main-menu-wrapper { opacity: 0; min-height: 60px; } #sr54Coffee-header.main-menu-wrapper.visible { opacity: 1; } #sr54Coffee-header.main-menu-wrapper.visible section.sr54Coffee-invisible { visibility: visible; } #sr54Coffee-sticky-header.main-menu-wrapper { opacity: 0; z-index: -1; -webkit-transform: translate(0px, -140px); -moz-transform: translate(0px, -140px); transform: translate(0px, -140px); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; } #sr54Coffee-sticky-header.main-menu-wrapper.visible { opacity: 1; z-index: 9; -webkit-transform: translate(0px, ); -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); } #searchform input[type="text"] { width: 60%; } body.admin-bar .main-menu-wrapper { padding-top: 32px; } body.leftmenu .main-menu-wrapper { display: none; } .main-menu-wrapper.nofixed { display: none; } .top-menu-bar { padding: 0; box-sizing: border-box; width: 100%; background: #fff; background: rgb(256, 256, 256, 0.95); background: rgba(256, 256, 256, 0.95); border-bottom: 1px solid #dce0e0; float: left; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .top-menu-bar.scroll { } .top-menu-bar.hasbg { background: transparent; -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0); box-shadow: 0 1px 30px rgba(0, 0, 0, 0); border: 0; } html[data-menu=centeralign] body .top-menu-bar.scroll #nav-wrapper { border: 0; } #menu-wrapper { margin: auto; width: 960px; height: 100%; } body.centeralign #menu-wrapper { margin-top: 20px; } body.centeralign .top-menu-bar.scroll #menu-wrapper { margin-top: 0; } #nav-wrapper { float: left; display: table; width: 100%; height: 100%; text-align: center; border-top: 1px solid #ccc; } body.centeralign #nav-wrapper { float: none; width: auto; margin: auto; } .nav-wrapper-inner { display: table-cell; vertical-align: middle; } #menu-border-wrapper > div { width: 100%; float: left; } #mobile-nav-icon { display: none; font-size: 13px; position: relative; box-sizing: border-box; } body.sidemenu-desktop-disabled #mobile-nav-icon { display: inline-block; } #logo-right-wrapper { position: absolute; text-align: right; right: 30px; } .top-menu-bar.hasbg #mobile-nav-icon { border-color: #fff; } .menu-client-wrapper { display: inline-block; margin-right: 10px; position: relative; } body.leftmenu .mobile-menu-wrapper .menu-client-wrapper { position: absolute; bottom: 50px; margin: 0; } .menu-client-wrapper span { font-size: 16px; font-weight: 500; margin-right: 7px; vertical-align: baseline; } .menu-client-wrapper .user-logout-link { margin-left: 5px; margin-right: 5px; } .menu-cart-wrapper { display: inline-block; margin-right: 10px; position: relative; } .menu-cart-wrapper .cart-counter { position: absolute; top: -10px; right: -10px; font-size: 10px; border-radius: 50px; background: #3d64ff; color: #fff; z-index: 2; width: 16px; height: 16px; line-height: 18px; text-align: center; } .menu-cart-wrapper span { font-size: 16px; font-weight: 500; } body.admin-bar .mobile-menu-wrapper #mobile-menu-close.button { top: 62px; } .mobile-menu-wrapper #mobile-menu-close.button { position: fixed; top: 30px; right: 30px; border-radius: 250px; width: 40px; height: 40px; padding: 0; line-height: 42px !important; font-size: 16px; -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); box-shadow: 0 8px 8px -6px rgba(0, 0, 0, .15); transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; } body.js-nav .mobile-menu-wrapper #mobile-menu-close.button { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .mobile-menu-wrapper #mobile-menu-close.button:hover { margin-top: -4px; } .mobile-menu-wrapper { left: -10px; -webkit-transition: -webkit-transform 200ms ease; -moz-transition: transform 200ms ease; -o-transition: -o-transform 200ms ease; transition: transform 200ms ease; -webkit-transform: translate(-400px, 0px); -moz-transform: translate(-400px, 0px); transform: translate(-400px, 0px); -webkit-backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; -webkit-overflow-scrolling: touch; width: 400px; padding: 90px; box-sizing: border-box; background: #111111; position: fixed; top: 0px; height: 100%; color: #999; } body.leftmenu .mobile-menu-wrapper { z-index: 1; } .mobile-menu-content { display: table; width: 100%; height: 100%; } .mobile-menu-wrapper .mobile-menu-content > div { width: 100%; max-height: 100%; overflow: auto; display: table-cell; vertical-align: middle; } body.leftmenu .mobile-menu-wrapper .mobile-menu-content>div { display: block; position: absolute; bottom: 100px; width: calc(100% - 100px); box-sizing: border-box; } .mobile-menu-wrapper .mobile-menu-content .social-profile-wrapper { margin-top: 20px; } .mobile-menu-wrapper .mobile-menu-content .social-profile-wrapper ul li a i { font-size: 24px; line-height: 24px; } body.admin-bar .mobile-menu-wrapper { padding-top: 32px; } body.admin-bar #btn-close-mobile-menu { top: 32px; } body.js-nav .mobile-menu-wrapper, html[data-menu=leftmenu] body.js-nav .mobile-menu-wrapper { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -o-transform: translate(0px, 0px); overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; left: 0; z-index: 99; -webkit-box-shadow: -22px 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: -22px 0 40px rgba(0, 0, 0, 0.1); box-shadow: -22px 0 40px rgba(0, 0, 0, 0.1); } #btn-close-mobile-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } #btn-close-mobile-menu.open { z-index: 99; } .mobile-main-nav, #side-sub-menu { margin-top: 40px; margin-bottom: 40px; list-style: none; overflow: hidden; width: 100%; } body.leftmenu .mobile-main-nav #side-sub-menu { margin-top: 250px; } #side-sub-menu .sub-menu { margin-left: 15px; margin-top: 5px; margin-bottom: 5px; list-style: none; } #side-sub-menu li { width: 100%; } .mobile-main-nav li a, #side-sub-menu li a { color: #777; width: 100%; display: block; font-size: 14px; font-weight: 600; line-height: 2em; text-transform: uppercase; font-family: 'Roboto', 'Helvetica Neue', Arial, Verdana, sans-serif; } .mobile-main-nav li a:hover, .mobile-main-nav li a:active, #side-sub-menu li a:active { color: #fff; } .mobile-main-nav li ul.sub-menu { display: none; } .mobile-main-nav.mobile-nav-in { -webkit-animation: main-nav-in 0.4s; animation: main-nav-in 0.4s; } .mobile-main-nav.mobile-nav-out { -webkit-animation: main-nav-out 0.4s; animation: main-nav-out 0.4s; } #side-sub-menu.mobile-sub-nav-out { -webkit-animation: sub-nav-out 0.4s; animation: sub-nav-out 0.4s; } #side-sub-menu.mobile-sub-nav-in { -webkit-animation: sub-nav-in 0.4s; animation: sub-nav-in 0.4s; } #side-sub-menu li ul a:after { display: none; } #mobile-back-btn { text-transform: uppercase !important; letter-spacing: 2px !important; font-size: 14px !important; margin-bottom: 5px; font-weight: 600 !important; } #mobile-back-btn:before { font-size: 12px; margin-right: 0.7em; position: relative; display: inline; font-family: 'Font Awesome 5 Free'; content: "\f104"; font-weight: 900; } .overlay-background { opacity: 0; visibility: hidden; background-color: rgba(256, 256, 256, 1); position: fixed; z-index: -2; top: 0; left: 0; width: 100%; height: 100%; -ms-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; } #page-header-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; } .overlay-background.visible { opacity: 1; visibility: visible; } .mobile-menu-wrapper #btn-close-mobile-menu { position: absolute; top: 42px; right: 40px; left: auto; z-index: -1; width: 20px; height: 40px; line-height: 42px; border-radius: 25px; background: #eee; color: #fff; text-align: center; padding: 0 10px 0 10px; cursor: pointer; z-index: 10; display: block; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mobile-menu-wrapper #btn-close-mobile-menu:hover { -webkit-transform: translate(0px, -5px); -moz-transform: translate(0px, -5px); transform: translate(0px, -5px); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; } .mobile-menu-wrapper #btn-close-mobile-menu.open { z-index: 99; } .nav, .subnav { list-style: none; padding: 10px 0 10px 0; } .subnav { background: none; } .nav > li { display: inline-block; } #menu-wrapper .nav ul, #menu-wrapper div .nav { list-style: none; display: block; padding: 0; margin: 0; margin-bottom: 0; } #menu-wrapper .nav ul li, #menu-wrapper div .nav li { display: inline-block; margin: 0; padding: 10px 8px 10px 8px; } body.centeralign #menu-wrapper div .nav>li { padding: 10px 15px 10px 15px; } #menu-wrapper .nav ul li ul li, #menu-wrapper div .nav li ul li { clear: both; width: 100%; margin: 0; text-align: left !important; padding: 5px 20px 5px 20px; box-sizing: border-box; } #menu-wrapper .nav ul li:last-child, #menu-wrapper div .nav li:last-child { margin-right: 0; } #menu-wrapper .nav ul li a, #menu-wrapper div .nav li>a { display: inline-block; padding: 0; margin: 0; color: #666; font-size: 12px; padding: 0; font-weight: 400; margin-right: 10px; font-family: "Roboto", 'Helvetica Neue', Arial, Verdana, sans-serif; text-transform: uppercase; position: relative; padding: 0; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; transition: padding 0.3s; } #menu-wrapper .nav ul li a:before, #menu-wrapper div .nav li>a:before, .post-attribute a:before { content: ''; display: block; position: absolute; bottom: 2px; left: 0; height: 1px; width: 100%; background-color: #666; transform-origin: right top; transform: scale(0, 1); transition: color .1s, transform .2s ease-out; } #menu-wrapper .nav ul li a:active:before, #menu-wrapper div .nav li>a:active:before { background-color: #666; } #page-content-wrapper .inner .sidebar-wrapper a:not(.button) { position: relative; } #menu-wrapper .nav ul li a:hover:before, #menu-wrapper div .nav li>a:hover:before, .post-attribute a:hover:before { transform-origin: left top; transform: scale(1, 1); } #menu-wrapper .nav ul li a, #menu-wrapper div .nav li>a:first-child { padding-left: 0; } #wrapper.transparent .top-menu-bar:not(.scroll) #menu-wrapper div .nav>li>a, #wrapper.transparent .top-menu-bar:not(.scroll) #logo-right-wrapper a#mobile-nav-icon, #wrapper.transparent #logo-wrapper .social-profile-wrapper ul li a, #wrapper.transparent .top-menu-bar:not(.scroll) .menu-cart-wrapper a, #wrapper.transparent .top-menu-bar:not(.scroll) .menu-client-wrapper a, #wrapper.transparent .top-menu-bar:not(.scroll) .menu-client-wrapper { color: #fff !important; } #wrapper.transparent #menu-wrapper .nav ul li a:before, #wrapper.transparent #menu-wrapper div .nav li>a:before { background: #fff !important; } #menu-wrapper .nav li.arrow>a:after, #menu-wrapper div .nav li.arrow>a:after { text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: 10%; background-image: none; background-position: 0% 0%; background-repeat: repeat; font-family: 'themify'; content: "\e64b"; float: right; margin-left: 8px; line-height: 4.5em; } #menu-wrapper .nav li.arrow>a:after, #menu-wrapper div .nav li.arrow>a:after {} #menu-wrapper .nav ul li.arrow>a:after, #menu-wrapper div .nav li.arrow>a:after { font-size: 7px; } #menu-wrapper .nav ul li a.hover, #menu-wrapper .nav ul li a:hover, #menu-wrapper div .nav li a.hover, #menu-wrapper div .nav li a:hover { color: #444; z-index: 2; position: relative; } #menu-wrapper div .nav>li.current-menu-item>a, #menu-wrapper div .nav>li.current-menu-parent>a, #menu-wrapper div .nav>li.current-menu-ancestor>a { color: #444; z-index: 2; position: relative; } #menu-wrapper .nav ul li ul, #menu-wrapper div .nav li ul { list-style: none; background: transparent; position: absolute; width: 220px; height: 0; padding: 0; z-index: -1; margin: 0; margin-left: 0; margin-top: 10px; border: 0; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); opacity: 0; overflow: hidden; -webkit-transform: translate(0px, -15px); -moz-transform: translate(0px, -15px); transform: translate(0px, -15px); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; } #menu-wrapper .nav ul li ul.viewport-flip, #menu-wrapper div .nav li ul.viewport-flip { left: -221px; } #menu-wrapper .nav ul li ul li ul, #menu-wrapper div .nav li ul li ul { position: absolute; left: 221px; margin-top: -49px; margin-left: 0; opacity: 0; } #menu-wrapper .nav ul li ul li ul:before, #menu-wrapper div .nav li ul li ul:before { display: none; } #menu-wrapper .nav>li:hover>ul, #menu-wrapper .nav>li>ul>li:hover>ul { z-index: 9; opacity: 1; height: auto; -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); overflow: visible; } #menu-wrapper div .nav li ul li a, #1menu-wrapper div .nav li.current-menu-item ul li a, #menu-wrapper div .nav li ul li.current-menu-item a, #menu-wrapper .nav ul li ul li a, #menu-wrapper .nav ul li.current-menu-item ul li a, #menu-wrapper .nav ul li ul li.current-menu-item a, #menu-wrapper div .nav li.current-menu-parent ul li a, #menu-wrapper div .nav li ul li.current-menu-parent a { display: block; background: transparent; height: auto; } #menu-wrapper .nav ul li ul li a, #menu-wrapper div .nav li ul li a, #menu-wrapper div .nav li.current-menu-parent ul li a { border-top: 0; margin: 0; font-size: 11px; padding: 0; letter-spacing: 0; font-weight: 400; text-transform: none; box-sizing: border-box; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -ms-transition: color .2s linear, background .2s linear; -o-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear; } #menu-wrapper .nav ul li:first-child>a, #menu-wrapper .nav ul li ul li:first-child>a, #menu-wrapper div .nav li.current-menu-parent ul li:first-child>a { margin-top: 10px; } #menu-wrapper .nav ul li:last-child>a, #menu-wrapper .nav ul li ul li:last-child>a, #menu-wrapper div .nav li.current-menu-parent ul li:last-child>a { margin-bottom: 10px; } #menu-wrapper .nav ul li.megamenu>ul, #menu-wrapper div .nav li.megamenu>ul { position: absolute; width: 960px; left: 0; right: 0; margin-left: auto; margin-right: auto; padding: 0; box-sizing: border-box; } #menu-wrapper .nav ul li:not(.megamenu)>ul.sub-menu>li.arrow>a:after, #menu-wrapper div .nav li:not(.megamenu)>ul.sub-menu>li.arrow>a:after { font-size: 7px; margin-left: 8px; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: 10%; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; font-family: 'themify'; content: "\e649"; float: right; margin-right: 0px; line-height: 4.5em; } #menu-wrapper div .nav li.megamenu ul li { display: block; box-sizing: border-box; clear: none; float: left; border-left: 1px solid #eeeeee; } #menu-wrapper div .nav li.megamenu ul li>a { display: none; } #menu-wrapper div .nav li.megamenu ul li:first-child { border: 0; } #menu-wrapper div .nav li.megamenu.col2 ul>li.menu-item-has-children { width: 50%; padding: 5px 15px 0 0; } #menu-wrapper div .nav li.megamenu.col3 ul>li.menu-item-has-children { width: 33.3%; padding: 5px 15px 0 0; } #menu-wrapper div .nav li.megamenu.col4 ul>li.menu-item-has-children { width: 25%; padding: 5px 15px 0 0; } #menu-wrapper .nav ul li.megamenu ul li ul, #menu-wrapper div .nav li.megamenu ul li ul { position: relative; width: 100%; margin: 0; border: 0; box-shadow: 0 0 0; display: block !important; opacity: 1 !important; left: 0; height: auto; -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); overflow: visible; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); } #menu-wrapper .nav ul li.megamenu ul li ul li, #menu-wrapper div .nav li.megamenu ul li ul li { width: 100% !important; border: 0 !important; } #menu-wrapper div .nav li.megamenu ul li>a, #menu-wrapper div .nav li.megamenu ul li>a:hover, #menu-wrapper div .nav li.megamenu ul li>a:active { color: #444; box-sizing: border-box; background: transparent; } #menu-wrapper .nav ul li.megamenu ul li ul li a, #menu-wrapper div .nav li.megamenu ul li ul li a { color: #888; border-bottom: 0; } #menu-wrapper .nav ul li.megamenu ul li ul li, #menu-wrapper div .nav li.megamenu ul li ul li a { width: auto; display: inline-block; margin-left: 5px; padding: 0; } @media only screen and (min-width: 1200px) { #menu-wrapper .nav ul li.megamenu>ul, #menu-wrapper div .nav li.megamenu>ul { max-width: 1350px; width: 100%; width: calc(100% - 180px); box-sizing: border-box; } } .top-contact-info { font-size: 12px; color: #222; float: right; line-height: 40px; } .top-contact-info i { margin-right: 10px; color: #222; font-size: 12px; vertical-align: middle; } .top-contact-info span { display: inline-block; margin-right: 10px; } .top-contact-info a { color: #444; } #top-menu { float: left; display: block; list-style: none; } #top-menu li { float: left; margin-right: 20px; } #top-menu li a { font-size: 13px; font-weight: 400; color: #222; line-height: 40px; } #footer-menu li ul { display: none; } .sr54Coffee-megamenu-wrapper { text-align: left; } /*------------------------------------------------------------------ [3. Footer] */ .footer-main-container { clear: both; width: 100%; margin: auto; padding: 0 0 10px 0; float: left; background: #fff; -webkit-transition: -webkit-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: -webkit-transform 500ms ease; } #footer-wrapper { width: 100%; float: left; } body.footer-reveal #footer-wrapper { position: fixed; bottom: 0; z-index: -1; } body.leftmenu #footer-wrapper { width: calc(100% - 300px); margin-left: 300px; } #footer { width: 100%; margin: auto; word-wrap: break-word; margin-bottom: 0; float: left; clear: both; } #footer.empty { padding: 0; } #footer a { color: #000; } #footer a:hover, #footer a:active { color: #000; } #footer .sidebar-widget li h2.widgettitle { margin-top: 10px; margin-bottom: 25px; } #footer .sidebar-widget li.widget_archive #archives-dropdown--1 { margin-top: 5px; } #footer .sidebar-widget li.widget_calendar .calendar_wrap { margin-top: 30px; } #footer ul.sidebar-widget { width: 960px; list-style: none; margin: 0; margin: auto; padding-top: 50px; padding-bottom: 50px; } #footer ul.sidebar-widget:after { content: ''; display: block; clear: both; } #footer ul.sidebar-widget li ul { list-style: none; margin-left: 0; } #footer ul.sidebar-widget li ul li ul.children { margin-left: 10px; margin-bottom: 0; } #footer ul.sidebar-widget li ul li ul.children li:last-child { border: 0; margin-bottom: 0; } #footer .sidebar-widget.four>li { width: 20%; float: left; margin-right: 5%; margin-bottom: 5%; } #footer .sidebar-widget.four>li:nth-child(4) { margin-right: 0; width: 25%; } #footer .sidebar-widget.four>li:nth-child(4n) { margin-right: 0; float: right; } #footer .sidebar-widget.four>li:nth-child(4n+1) { clear: both; } #footer .sidebar-widget.three>li { width: 31.33%; margin-right: 3%; margin-bottom: 3%; float: left; } #footer .sidebar-widget.three>li:nth-child(3n) { margin-right: 0; float: right; } #footer .sidebar-widget.three>li:nth-child(3n+1) { clear: both; } #footer .sidebar-widget.two>li { width: 48%; float: left; margin-right: 2%; } #footer .sidebar-widget.two>li:nth-child(2) { margin-right: 0; width: 50%; } #footer .sidebar-widget.two>li:nth-child(2n) { margin-right: 0; float: right; } #footer .sidebar-widget.two>li:nth-child(2n+1) { clear: both; } #footer .sidebar-widget.one { float: none; } #footer .sidebar-widget.one>li { width: 100%; clear: both; float: left; margin-bottom: 30px; text-align: center; } #footer .sidebar-widget.one>li .social-profile-wrapper.shortcode ul { text-align: center; } #footer .sidebar-widget.one>li:last-child { margin-bottom: 0; } #footer ul.sidebar-widget li ul.posts.blog li img { width: 60px; float: left; margin: 0 15px 15px 0; } #footer ul.sidebar-widget li ul.posts.blog li { clear: both !important; float: left; border: 0; width: 100%; } #footer ul.sidebar-widget li ul li ul.sub-menu { margin-left: 15px; } #footer ul.sidebar-widget li ul.flickr li { margin: 0 2% 0 0; border-bottom: 0; width: 31% } #footer ul.sidebar-widget.one li ul.flickr li { width: 8%; margin: 0 2% 1.2% 0; } #footer ul.sidebar-widget.two li ul.flickr li { width: 15%; margin: 0 2% 1% 0; } #footer ul.sidebar-widget.three li ul.flickr li { width: 20%; margin: 0 2% 0 0; } #footer ul.sidebar-widget li ul.flickr li img { width: 100%; height: auto; } #copyright { float: left; width: 50%; font-weight: normal; text-align: left; } .footer-main-container.fullscreen #copyright { color: #fff; } .footer-main-container.fullscreen .footer-main-container-wrapper, .footer-main-container.wall .footer-main-container-wrapper, .footer-main-container.static .footer-main-container-wrapper { margin: auto; float: none; } .footer-main-container-wrapper { width: 960px; margin: auto; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; -webkit-font-smoothing: antialiased; clear: both; color: #fff; border-top: 1px solid #444; padding-top: 20px; } #go-to-top { width: 45px; height: 45px; box-sizing: border-box; opacity: 0; text-align: center; padding: 10px 10px 10px 10px; position: fixed; /* this is the magic */ bottom: 24px; right: 10px; cursor: pointer; transition: color 300ms, background-color 300ms, opacity 300ms; -moz-transition: color 300ms, background-color 300ms, opacity 300ms; -o-transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms; z-index: 9; background: rgba(0, 0, 0, 0.1); color: #fff; display: block; } #go-to-top span { font-size: 1em; line-height: 24px; } /*------------------------------------------------------------------ [4. Content] */ #content-wrapper { width: 72%; float: left; margin: 0; } #page-content-wrapper:not(.wide), .page-content-wrapper:not(.wide) { width: 960px; width: calc(100% - 180px); margin: auto; padding-bottom: 0; margin-top: 0; } body.home.blog #page-content-wrapper { margin-top: 60px; } #page-content-wrapper.wide.nomargin, .page-content-wrapper.wide.nomargin { margin-top: 0; } .page-content-wrapper, .page-content-wrapper .inner, .page-content-wrapper .inner .inner-wrapper { width: 100%; float: left; } body:not(.sr54Coffee-page) #page-content-wrapper img { max-width: 100%; height: auto; } .standard-wrapper { width: 960px; width: calc(100% - 180px); margin: auto; position: relative; float: none; } .standard-wrapper.withpadding { padding-top: 30px; padding-bottom: 30px; } .page-content-wrapper.fullwidth, #page-content-wrapper.fullwidth { width: 100%; padding: 0; } #page-content-wrapper .inner { width: 100%; margin: auto; float: left; } #page-content-wrapper .inner .inner-wrapper { padding-top: 0; width: 100%; float: left; } .type-post.classic.classic:first-child { margin-top: 0; } .type-post.type-post.classic { margin-bottom: 20px; margin-top: 20px; } .type-post.classic { float: left; } .post.type-post.sticky .post-wrapper, body:not(.single) .post:first-child.type-post.sticky .post-wrapper { padding: 40px 30px 30px 30px; box-sizing: border-box; } body.page-template-blog-fg .post.type-post { margin-bottom: 4%; } body.page-template-blog-fg .post.type-post .post-wrapper { border: 0; padding: 0; } body.search-results .hentry { float: left; width: 100%; margin-bottom: 35px; border: 0; } #page-content-wrapper .inner #blog-grid-wrapper.sidebar-content { margin-right: 0; padding-right: 0; box-sizing: border-box; margin-bottom: 0; } #page-content-wrapper .inner #blog-grid-wrapper.sidebar-content.left-sidebar { padding-right: 0; } #blog-grid-wrapper.sidebar-content:not(.fullwidth) .post.type-post, .post.type-post.grid-layout { width: 48%; margin-top: 0; margin-bottom: 5%; float: left; border: 0; } #blog-grid-wrapper.sidebar-content:not(.fullwidth) .post.type-post:nth-child(even), .post.type-post.grid-layout.last { float: right; } body.single .post.type-post { border: 0; margin-bottom: 0; } .post.type-post.last-child { border: 0; margin: 0; padding: 0; } #blog-grid-wrapper { padding-top: 30px; } #blog-grid-wrapper .post.type-post, .blog-grid-wrapper .post.type-post { margin-bottom: 20px; box-sizing: border-box; padding: 0; padding: 0; box-sizing: border-box; border: 0; } body.page-template-blog-g-php #blog-grid-wrapper .post.type-post, body.error404 #blog-grid-wrapper .post.type-post, body.archive #blog-grid-wrapper .post.type-post { float: left; width: 31.66%; float: left; margin-right: 2.5%; margin-bottom: 3.5%; margin-top: 0; } body.page-template-blog-g-php #blog-grid-wrapper .post.type-post:nth-child(3n), body.error404 #blog-grid-wrapper .post.type-post:nth-child(3n), body.archive #blog-grid-wrapper .post.type-post:nth-child(3n) { margin-right: 0; } body.page-template-blog-g-php #blog-grid-wrapper .post.type-post:nth-child(3n+1), body.error404 #blog-grid-wrapper .post.type-post:nth-child(3n+1), body.archive #blog-grid-wrapper .post.type-post:nth-child(3n+1) { clear: both; } body.page-template-blog-g-php #blog-grid-wrapper .post.type-post.last { margin-right: 0; float: right; } .post.type-post:last-child { margin-bottom: 0; } .post-wrapper.grid-layout { float: left; } body.single .post-wrapper { padding-bottom: 0; word-break: break-word; } body.single .post-wrapper p:first-child { padding-top: 0 !important; } body.single .post-related .post-wrapper { width: 100%; position: relative; } body.single .post-related .post-wrapper .post-related-link { position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; } body.single .post-related .post-wrapper.has-featured-img .post-related-link:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 3; background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),color-stop(56%,rgba(0,0,0,0.1)),color-stop(93%,rgba(0,0,0,0.6)),to(rgba(0,0,0,0.69))); background-image: -webkit-linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%); background-image: linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%); } .post-related .post-wrapper .post-related-featured-img { width: 100%; height: 400px !important; object-fit: cover; line-height: 0; } .post-related .post-header-wrapper { clear: both; float: left; width: 100%; box-sizing: border-box; text-align: left; padding: 25px 0 25px 0; text-align: center; } .post-related .has-featured-img { position: relative; height: 400px; overflow: hidden; } .post-related .has-featured-img img { transition: all 2s cubic-bezier(.2, 1, .22, 1); } .post-related .has-featured-img:hover img { transform: scale(1.1); } .post-related .has-featured-img .post-header-wrapper { position: absolute; bottom: 0; z-index: 3; width: 100%; padding: 60px 15px 0px; text-align: center; background: transparent; background-image: linear-gradient(-180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%); } .post-related .post-info-date { width: 30%; } .post-related .post-info-cat { width: 65%; } .post-info-cat.post-info-nodate, .post-related .post-info-cat.post-info-nodate { border-left: 0; } .post-related .post-detail.single-post { margin-top: 10px; margin-bottom: 15px; } .post-related .has-featured-img .post-info-cat a, .post-related .has-featured-img .post-header.grid a, .post-related .has-featured-img .post-button-wrapper a, .post-related .has-featured-img .post-info-date { color: #fff; } .post-related .has-featured-img .post-detail.single-post, .post-related .has-featured-img .post-info-cat, .post-related .has-featured-img .post-info-cat a { border-color: #fff; } .post-related .has-featured-img .post-header.grid, .post-related .post-header.grid { margin-bottom: 0; } .post-related .post-button-wrapper { margin-bottom: 0; } .post-related .post-button-wrapper { opacity: 0.5; } body:not(.single) .post:first-child .post-wrapper, body.page-template-blog-gs-php .post:first-child .post-wrapper, body.page-template-blog-gs-php .post:nth-child(2) .post-wrapper, body.page-template-blog-gls-php .post:first-child .post-wrapper, body.page-template-blog-gls-php .post:nth-child(2) .post-wrapper, body.page-template-blog-g-php .post:first-child .post-wrapper, body.page-template-blog-g-php .post:nth-child(2) .post-wrapper, body.page-template-blog-g-php .post:nth-child(3) .post-wrapper, body.error404 .post:first-child .post-wrapper, body.error404 .post:nth-child(2) .post-wrapper, body.error404 .post:nth-child(3) .post-wrapper { border-top: 0; padding-top: 0; } body.search .post-wrapper:first-child { padding: 0 0 25px 0; border: 0; } .post-wrapper.single { width: 100%; margin: 0; } body.single .post-views { display: none; } .post-header { width: 100%; margin-bottom: 0; } .post-header p { text-align: left; } .post-header.search { width: calc(100% - 50px); margin-bottom: 0; margin-left: 10px; text-align: left; } body.search-results .post-header.search { width: calc(100% - 90px); } .post-header.quote { margin-bottom: 0; } .readmore { font-weight: 700; display: inline-block; } .readmore span { display: none; } .readmore:hover { opacity: 1; } .wp-link-pages { margin: 20px 0 20px 0; letter-spacing: 1px; font-size: 13px; text-transform: uppercase; } .wp-link-pages .post-page-numbers.current { font-weight: 600; } .wp-link-pages .wp-link-pages-label { margin-right: 5px; } body:not(.sr54Coffee-page) .comment_disable_clearer { min-height: 40px; } .wp-link-pages .post-page-numbers { margin-right: 10px; } .post-header.grid { margin-bottom: 15px; width: 100%; box-sizing: border-box; } .post-header.full { width: 100%; } .post-header.grid h6 { font-size: 30px; line-height: 1.3; } .post-header h3 a, .post-header.grid h6 a { color: #222222; } .post-header h5 { font-size: 36px; margin: 10px 0 10px 0; } body.home.blog .post-header h5 { line-height: 1.2; } .post-header h6 { font-size: 26px; } .post-header h5 a, .post-header h6 a { color: #222222; } .post-attribute a { position: relative; padding: 3px 0 3px 0; } .post-attribute a:before { opacity: 0.5; } .post-excerpt { width: 100%; margin: auto; } .post-excerpt br:first:child { display: none; } .post-excerpt.post-tag { width: auto; margin: initial; text-align: center; margin-top: 20px; } .post-excerpt.post-tag a { color: #000; border: 1px solid #000; display: inline-block; background: #FFFBF2; padding: 12px 20px 12px 20px; margin-right: 20px; margin-bottom: 20px; position: relative; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; box-shadow: 0 0 0 rgba(0, 0, 0, .25); transition: all .6s cubic-bezier(.23, 1, .32, 1); } .post-excerpt.post-tag a i { margin-right: 10px; vertical-align: middle; } .post-excerpt.post-tag a:hover { background: transparent; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0, 0, 0, .12); } #about-the-author { margin: 60px 0 0 0; border-top: 1px solid #dce0e0; border-bottom: 1px solid #dce0e0; padding: 40px 0 40px 0; box-sizing: border-box; } #about-the-author:after { content: " "; display: block; height: 0; clear: both; } #about-the-author .gravatar { float: left; margin-right: 20px; } #about-the-author .author-detail { float: left; width: calc(100% - 120px); } .author-content h4 { font-size: 20px; font-weight: 400; margin-bottom: 10px; } .post-related { margin-top: 40px; } .post-related h5 { margin-bottom: 30px; } .post-content-wrapper { margin: 0; clear: both; width: 100%; box-sizing: border-box; } .post-content-wrapper.fullwidth { width: 100%; } .post-detail { width: 100%; padding: 0; float: left; margin: 5px 0 0 0; font-weight: 400; } .search-form-wrapper { margin-bottom: 60px; } body.search .search-form-wrapper { margin-top: 0; } .search-form-wrapper .content { font-size: 16px; text-align: center; width: 60%; margin: auto; margin-bottom: 40px; } .post-header .post-detail.grid { margin-top: 5px; } .post-header .post-detail.full { width: 100%; margin-top: 7px; margin-bottom: 7px; } .post-header .post-detail.grid { margin-bottom: 0; } .post-attribute, .comment-date, .post-date { padding: 0; margin-top: 0; margin-top: 0; font-size: 13px; text-transform: uppercase !important; } .post-button-wrapper .post-attribute { float: none; margin-top: 60px; clear: both; } .post-related .post-button-wrapper .post-attribute { margin-top: 0; } .post-button-wrapper .post-author { float: left; margin-right: 10px; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; } .post-button-wrapper .post-author .gravatar { width: 35px; height: 35px; margin-right: 10px; } .post-button-wrapper .post-author .gravatar img { width: 35px !important; height: auto; } .post-button-wrapper .post-author .post-author-detail { float: left; line-height: 3; } .post-detail.single-post { overflow: hidden; } .post-info-cat { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; display: inline-block; transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1) 0s; width: calc(49% - 20px); border-left: 1px solid #000; padding: 15px 0 15px 20px; } .post-info-date { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; display: inline-block; width: 49%; padding: 15px 0 15px 0; transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1) 0s; } body.single-post #page-header h1, body.single-post .post-author-name-before, body.single-post .post-published-date-before { overflow: hidden; display: block; } body.single-post #page-header h1 span.smoove { display: inline-block; transition: transform 1000ms cubic-bezier(.23,1.000,.32,1.000) 120ms; } body.single-post #page-header .gravatar.smoove { display: inline-block; transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 240ms; } body.single-post #page-header .post-author-name-before span.smoove { display: inline-block; transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1) 240ms; } body.single-post #page-header .post-published-date-before span.smoove { display: inline-block; transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1) 360ms; } .post-author-name h6 { font-size: 28px; margin-top: -6px; } a.continue-reading { position: relative; color: #181B31; text-decoration: none; float: left; transform: translateX(45px); transition: all 0.3s; display: block; font-size: 22px; letter-spacing: 2px; } .post-wrapper:hover a.continue-reading { color: #181B31; transform: translateX(0px); } a.continue-reading:before, a.continue-reading:after { content: ''; display: block; position: absolute; height: 2px; top: 48.8%; background: #181B31; border-radius: 4px; transition: all 0.3s; } a.continue-reading:before { width: 30px; right: 110%; } a.continue-reading:after { width: 0%; left: 110%; } .post-wrapper:hover a.continue-reading:before { width: 0%; } .post-wrapper:hover a.continue-reading:after { width: 30px; } a.continue-reading span { position: absolute; display: block; width: 30px; height: 100%; right: -30%; top: 1px; } a.continue-reading span:before, a.continue-reading span:after { content: ''; display: block; position: absolute; width: 0; height: 2px; top: 0; right: 0; background: #181B31; border-radius: 4px; transform: rotate(45deg); transition: all 0.15s; transition-delay: 0.25s; opacity: 0; } a.continue-reading span:before { top: 30px; right: 0; transform: rotate(45deg); } a.continue-reading span:after { top: 14px; right: 0; transform: rotate(-45deg); } .post-wrapper:hover a.continue-reading span:before { width: 11px; top: 8px; right: -8px; opacity: 1; } .post-wrapper:hover a.continue-reading span:after { width: 11px; top: 15px; right: -8px; opacity: 1; } .sticky .post-wrapper:hover a.continue-reading span:before, body:not(.sr54Coffee-page) .post-wrapper:hover a.continue-reading span:before { top: 14px; right: -8px; } .sticky .post-wrapper:hover a.continue-reading span:after, body:not(.sr54Coffee-page) .post-wrapper:hover a.continue-reading span:after { top: 22px; right: -8px; } .post-button-wrapper { margin-bottom: 20px; margin-top: 10px; float: left; width: 100%; } .sticky .post-button-wrapper { margin-bottom: 10px; } .post-detail.single-post a, .post-detail.single-post a:hover, .post-detail.single-post a:active {} .post-detail.single-post { margin-top: 5px; margin-bottom: 25px; padding: 0; width: 100%; display: flex; justify-content: center; align-items: center; border-top: 1px solid #000; border-bottom: 1px solid #000; } body.single .post-detail.single-post.related { margin-bottom: 5px; } #page-header.hasbg .post-detail, #page-header.hasbg .post-detail a, #page-header.hasbg .post-detail a:hover, #page-header.hasbg .post-detail a:active, .page-tagline { padding: 0; color: #fff; margin-top: 10px; } #page-header.hasbg .post-attribute { color: #fff; } #page-header .post-attribute { margin-top: 25px; } #page-header .post-detail { float: none; } .gravatar { position: relative; overflow: hidden; float: left; width: 60px; height: 60px; border-radius: 200px; } .comment .gravatar { width: 60px; height: 60px; } .gravatar img { max-width: 60px !important; } #about-the-author .header span { display: block; padding: 10px 0 10px 20px; font-size: 14px; } #about-the-author .thumb { width: 80px; float: left; margin: 20px 0 0 20px; } #about-the-author .thumb img { padding: 3px; width: 50px; } #about-the-author .description { width: 550px; float: left; padding: 0 0 0 20px; } .comment .left img.avatar { width: 50px; height: 50px; } .comment { width: 100%; padding: 30px 0 25px 0; float: left; border-bottom: 1px solid #dce0e0; } .fullwidth-comment-wrapper .comment { width: 100%; } .comment .left { float: left; margin-right: 15px; } .comment .right { width: calc(100% - 85px); float: left; margin-left: 25px; padding: 0; } .fullwidth-comment-wrapper .comment .right { width: calc(100% - 85px); } .fullwidth-comment-wrapper.sidebar .comment .right { width: calc(100% - 85px); } .comment .right h7 { font-size: 24px; } .fullwidth-comment-wrapper.sidebar .comment .right.fullwidth { width: 100%; margin-left: 0; } .comment .right p { margin: 0; padding: 0; } .comment .right strong { font-weight: #fff; } #page-content-wrapper .inner .sidebar-content ul.children { width: 100%; float: left; margin-left: 0; padding-left: 30px; box-sizing: border-box; } .comment-date { margin: 0px; } ul.children .comment { width: 100%; margin: 0; padding: 30px 0 25px 0; float: left; } ul.children .comment:first-child { margin-top: 0px; } .social-profile-wrapper { width: 100%; margin: 20px 0 5px 0; } #logo-wrapper .social-profile-wrapper { width: auto; margin: 0; left: 30px; text-align: left; position: absolute; } .footer-main-container-wrapper .social-profile-wrapper { width: 50%; float: right; text-align: right; margin: 0; margin-top: -2px; } .above-top-menu-bar .social-profile-wrapper { margin: 0; float: right; width: auto; } .social-profile-wrapper.shortcode, .social-profile-wrapper.shortcode ul { margin: 0; } #page-content-wrapper .sidebar .content .textwidget .social-profile-wrapper.shortcode, .page-content-wrapper .sidebar .content .textwidget .social-profile-wrapper.shortcode, #page-content-wrapper .sidebar .content .textwidget .social-profile-wrapper.shortcode ul, .page-content-wrapper .sidebar .content .textwidget .social-profile-wrapper.shortcode ul { text-align: center; } .social-profile-wrapper ul { list-style: none; margin-left: 0 !important; } .above-top-menu-bar .social-profile-wrapper ul { text-align: right; } .footer-main-container-wrapper .social-profile-wrapper ul { text-align: right; } #page-content-wrapper .social-profile-wrapper ul { list-style: none; margin-top: 12px; } #page-content-wrapper .social-profile-wrapper.shortcode ul { margin-top: 0; } #page-content-wrapper .sidebar .content .sidebar-widget li .social-profile-wrapper.shortcode ul, .page-content-wrapper .sidebar .content .sidebar-widget li .social-profile-wrapper.shortcode ul { margin-bottom: 0; } .social-profile-wrapper ul li, .social-profile-wrapper.small ul li { display: inline-block; margin-right: 15px; } #logo-wrapper .social-profile-wrapper ul li { margin-right: 10px; } .social-profile-wrapper.shortcode ul li, .social-profile-wrapper.small.shortcode ul li { margin: 0 5px 10px 5px !important; } .footer-main-container-wrapper .social-profile-wrapper ul li { background: transparent !important; border: 0 !important; width: 16px; height: 16px; margin-left: 20px; margin-right: 0; float: right; } .social-profile-wrapper.light ul li { border: 0 !important; } .social-profile-wrapper.large ul li { width: 50px; height: 50px; } .above-top-menu-bar .social-profile-wrapper ul li { background: transparent; border: 0; width: auto; height: auto; margin-right: 0px; } .above-top-menu-bar .social-profile-wrapper ul li { background: transparent; border: 0; width: auto; height: auto; margin-right: 0px; } .social-profile-wrapper.shortcode ul li { clear: none !important; float: none !important; width: auto !important; display: inline-block !important; } .social-profile-wrapper.shortcode ul li a { display: block; width: 40px; height: 40px; color: #fff !important; background: #000; border-radius: 250px; line-height: 42px; text-align: center; } .social-profile-wrapper.shortcode ul li a i { position: relative; top: 1px; } .social-profile-wrapper.shortcode ul li.facebook a { background: #2D5F9A; } .social-profile-wrapper.shortcode ul li.twitter a { background: #00C3F3; } .social-profile-wrapper.shortcode ul li.pinterest a { background: #bd081c; } .social-profile-wrapper.shortcode ul li.google a { background: #db4437; } .social-profile-wrapper.shortcode ul li.youtube a { background: #cc181e; } .social-profile-wrapper.shortcode ul li.flickr a { background: #FF0084; } .social-profile-wrapper.shortcode ul li.vimeo a { background: #00ADEF; } .social-profile-wrapper.shortcode ul li.tumblr a { background: #36465d; } .social-profile-wrapper.shortcode ul li.dribbble a { background: #EA4C89; } .social-profile-wrapper.shortcode ul li.linkedin a { background: #0077B5; } .social-profile-wrapper.shortcode ul li.instagram a { background: #405de6; } .social-profile-wrapper.shortcode ul li.behance a { background: #1769ff; } .sidebar-content ul li .social-profile-wrapper.shortcode, .sidebar-content ul li .social-profile-wrapper.shortcode ul { text-align: center !important; } .mobile-menu-wrapper .sidebar-wrapper h2.widgettitle:before { border: 0; } .mobile-menu-wrapper .sidebar-wrapper h2.widgettitle span { background: transparent; padding-left: 0; padding-right: 0; } .above-top-menu-bar .social-profile-wrapper ul li:last-child a { margin-right: 0; } .above-top-menu-bar .social-profile-wrapper ul li a { display: inline-block; color: #fff; padding: 0; margin-left: 5px; margin-right: 5px; line-height: 30px; } .above-top-menu-bar .page-content-wrapper { margin: auto; width: 960px; float: none; } .footer-main-container-wrapper .social-profile-wrapper ul li a { color: #fff; } .social-profile-wrapper ul li a i, .social-profile-wrapper.small ul li a i { line-height: 18px; font-size: 18px; } .above-top-menu-bar .social-profile-wrapper ul li a i { font-size: 14px; line-height: 18px; } .footer-main-container-wrapper .social-profile-wrapper ul li a i { line-height: 20px; font-size: 18px; } .social-profile-wrapper.large ul li a i { line-height: 32px; font-size: 24px; } .above-top-menu-bar .social-profile-wrapper ul li:hover { background: transparent !important; opacity: 1; } #page-header { padding: 25px 0 30px 0; width: 100%; margin-bottom: 65px; background: #ffffff; } body.single-product #page-header h1 { display: none; float: left; } body.single-product #page-header { padding: 0; margin-bottom: 0; display: none; } #page-header.hasbg { height: 60%; max-height: 750px; position: relative; top: 0; right: 0; width: 100%; border: 0; padding: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; } .post-caption { text-align: center; margin: 50px 0 30px 0; } #page-content-wrapper.hasbg .post-caption { margin-top: 30px; } .post-caption .post-detail { font-size: 14px; display: inline-block; width: auto; float: none; } #page-header.nomargin { margin-bottom: 0; } #page-header .page-title-wrapper { width: 100%; text-align: center; } body.single-post #page-header .page-title-wrapper { width: 100%; } #page-header .page-title-wrapper .page-title-inner .page-title-content.title_align_center { width: 80%; margin: auto; } body.single-post #page-header .post-detail, body.single-post #page-header h1, body.single-post .post-author { opacity: 0; } body.single-post #page-header .post-detail.smooved, body.single-post #page-header h1.smooved, body.single-post .post-author.smooved { opacity: 1; } body.single-post #page-header .post-detail { margin-top: 30px; margin-bottom: 10px; } body.single-post .post-author { margin: auto; text-align: center; display: inline-block; margin-top: 30px; } body.single-post .post-author .gravatar { display: inline-block; margin-right: 15px; width: 50px; height: 50px; } body.single-post .post-author .gravatar img { max-width: 100%; height: auto; max-width: 60px !important; } body.single-post .post-author .post-author-detail { display: inline-block; text-align: left; } body.single-post .post-author .post-author-detail .post-author-name { font-weight: 700; display: block; margin-top: 5px; } body.single-post .post-author .post-author-detail .post-published-date-before { font-weight: 400; display: block; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; margin-top: -2px; } #page-header.hasbg { width: 100%; height: 600px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; } #page-header.hasbg .page-title-wrapper { margin: auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } #page-header.hasbg .page-title-wrapper .standard-wrapper { display: table; width: 100%; height: 100%; } #page-header.hasbg .page-title-wrapper .page-title-inner { position: relative; display: table-cell; vertical-align: middle; } #page-header.hasbg .page-title-wrapper .page-title-inner .page-title-content { width: 100%; margin: auto; } #wrapper.transparent #page-header.hasbg .page-title-wrapper .page-title-inner .page-title-content { margin-top: 50px; } #page-header.hasbg h1, #page-header.hasbg .page-tagline { color: #fff; } .page-tagline { width: auto; margin: auto; float: none; margin-top: 10px; } #page-header.hasbg .page-tagline { border: 0; } .one-half { float: left; width: 48%; margin-right: 3.5%; box-sizing: border-box; } .one-half.last { float: right; width: 48%; margin-right: 0; clear: right; } .one-third { width: 30.66%; float: left; margin-right: 4%; margin-bottom: 2%; position: relative; box-sizing: border-box; } .one-third.last { margin-right: 0 !important; float: right; } body.single-post .video-wrapper { margin-bottom: 20px; } .video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .post-navigation { position: fixed; top: calc(50% + 60px); z-index: 4; } .post-navigation h7 { font-size: 18px; } .post-navigation.previous { left: 0; } .post-navigation.next { right: 0; } .post-navigation.previous .navigation-anchor, .post-navigation.next .navigation-anchor { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: -30px; font-size: 22px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; } .post-navigation.previous:hover .navigation-anchor:hover, .post-navigation.next:hover .navigation-anchor:hover { opacity: 1; } .post-navigation.next .navigation-anchor { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: 0; margin-right: -20px; } .post-navigation .navigation-post-content { position: absolute; background: #fff; width: 350px; min-height: 300px; box-sizing: border-box; -webkit-transition: ease -webkit-transform 500ms, opacity cubic-bezier(.23, 1, .32, 1) 500ms; transition: ease transform 500ms, opacity cubic-bezier(.23, 1, .32, 1) 500ms; opacity: 0; top: -170px; padding: 30px 30px 30px 100px; -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); box-shadow: 0 10px 30px rgba(0, 0, 0, .12); } .post-navigation .navigation-post-content h7 { font-size: 28px; line-height: 1.3; } .post-navigation.next .navigation-post-content { padding: 30px 100px 30px 30px; -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); } .post-navigation.next:hover .navigation-post-content { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); opacity: 1; } .post-navigation.previous:hover .navigation-post-content { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .post-navigation .navigation-post-content .post-featured-image { margin: 0; margin-bottom: 20px; width: 220px; float: none; } .post-navigation .navigation-post-content .post-featured-image img { width: auto; max-height: 220px; } #right-click-content { position: fixed; opacity: 0; visibility: hidden; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 22px; text-align: center; transition: all 0.5s linear; } #right-click-content.visible { opacity: 1; z-index: 999; visibility: visible; transition: all 0.5s linear; } #right-click-content .right-click-content-table { display: table; width: 100%; height: 100%; } #right-click-content .right-click-content-table .right-click-content-cell { display: table-cell; vertical-align: middle; } #right-click-content .right-click-content-table .right-click-content-cell>div { width: 40%; margin: auto; } .ba-slider .handle:after { box-shadow: none !important; background: transparent !important; border: 2px solid #fff !important; font-family: 'themify' !important; font-size: 24px !important; line-height: 61px !important; content: '\e658' !important; } .ba-slider .handle.draggable:after { font-size: 18px !important; line-height: 45px !important; } .ba-slider .handle { width: 1px !important; font-family: 'themify' !important; background: rgba(256, 256, 256, 0.2) !important; } .post-related .one-half, .post-related .one-third { text-align: center; } body.error404 .searchform input[type="text"], body.search .searchform input[type="text"] { width: 100%; } /*------------------------------------------------------------------ [5. Social Sharing] */ body.home.blog .type-post, body.category .type-post, body.archive .type-post, body.tag .type-post { margin-bottom: 50px; } body.blog .post-header_title, body.archive .post-header_title { clear: both; } body.blog .post-header-wrapper, body.archive .post-header-wrapper { margin-top: -10px; } .post-header-wrapper .sr54Coffee { clear: both; } .post-featured-image { position: relative; height: auto; line-height: 0; width: 100%; margin-bottom: 20px; } .post-featured-image img { max-width: 100%; height: auto !important; } .post-featured-image.team { width: 100%; margin: auto; float: none; margin-bottom: 0; overflow: hidden; } .post-featured-image.team img { max-width: 100%; } /*------------------------------------------------------------------ [6. Sidebar] */ #page-content-wrapper .inner .sidebar-content, .page-content-wrapper .inner .sidebar-content { width: 68%; padding: 0; float: left; padding-right: 0px; padding-top: 0; margin-right: 10px; } #page-content-wrapper .inner .sidebar-content.page-content, .page-content-wrapper .inner .sidebar-content.page-content { box-sizing: border-box; } .page-content-wrapper .inner .sidebar-content.page-content { background: transparent; padding: 0; } #page-content-wrapper .inner .sidebar-content.nopadding, .page-content-wrapper .inner .sidebar-content.nopadding { padding-top: 0 !important; } #page-content-wrapper .inner .sidebar-content.left-sidebar, .page-content-wrapper .inner .sidebar-content.left-sidebar { border-right: 0; float: right; margin-right: 0; } #page-content-wrapper .inner .sidebar-content.fullwidth, .page-content-wrapper .inner .sidebar-content.fullwidth { width: 100%; margin-top: 0; margin-right: 0; border: 0; } #page-content-wrapper.blog-wrapper .inner.fullwidth-blog-wrapper { width: 80%; margin: auto; float: none; } #page-content-wrapper.hasbg.nomargintop { margin-top: 0 !important; } #page-content-wrapper .inner .sidebar-content.fullwidth.nopadding, .page-content-wrapper .inner .sidebar-content.fullwidth.nopadding { padding: 0 !important; } body:not(.sr54Coffee-page) #page-content-wrapper .inner .sidebar-content img, body:not(.sr54Coffee-page) .page-content-wrapper .inner .sidebar-content img { max-width: 100%; height: auto; } #page-content-wrapper .inner .sidebar-content div.wp-caption, .page-content-wrapper .inner .sidebar-content div.wp-caption { max-width: 100%; } #page-content-wrapper .inner .sidebar-content.fullwidth#blog-grid-wrapper, .page-content-wrapper .inner .sidebar-content.fullwidth.blog-grid-wrapper { width: 100%; padding: 0; } #page-content-wrapper .inner .sidebar-wrapper, .page-content-wrapper .inner .sidebar-wrapper { width: 27.99%; float: right; margin-top: 0; margin-left: 0; padding-top: 0; } #page-content-wrapper .inner .sidebar-wrapper.adjust, #page-content-wrapper .inner .sidebar-wrapper.left-sidebar.adjust { padding-top: 50px; } #page-content-wrapper .inner .sidebar-wrapper.left-sidebar, .page-content-wrapper .inner .sidebar-wrapper.left-sidebar { margin-right: 0; margin-left: 0; float: left; } body.sr54Pro #page-content-wrapper .inner .sidebar-wrapper.left-sidebar, body.sr54Pro .page-content-wrapper .inner .sidebar-wrapper.left-sidebar { margin-top: 15px; } #page-content-wrapper .inner .sidebar-wrapper a:not(.button), .page-content-wrapper .inner .sidebar-wrapper a:not(.button) { color: #222; } #page-content-wrapper .inner .sidebar-wrapper .sidebar, .page-content-wrapper .inner .sidebar-wrapper .sidebar { width: 100%; float: left; margin-bottom: 40px; } #page-content-wrapper .inner .sidebar-wrapper .sidebar .content, .page-content-wrapper .inner .sidebar-wrapper .sidebar .content { width: 100%; margin: 0 0 0 0; } .mobile-menu-wrapper .sidebar-wrapper h2.widgettitle { color: #fff; } .mobile-menu-wrapper .sidebar-wrapper a { color: #777; } .mobile-menu-wrapper .page-content-wrapper { width: 100%; } .mobile-menu-wrapper .sidebar-wrapper { width: 100%; float: left; } .mobile-menu-wrapper .sidebar-wrapper .sidebar .content .sidebar-widget li { margin-bottom: 20px; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_rss ul li, #footer-wrapper ul.sidebar-widget li.widget_rss ul li { margin-bottom: 40px; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_rss ul li:last-child, #footer-wrapper ul.sidebar-widget li.widget_rss ul li:last-child { margin-bottom: 0px; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_rss ul li a.rsswidget, #footer-wrapper ul.sidebar-widget li.widget_rss ul li a.rsswidget { font-weight: 600; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_rss ul li .rss-date, #footer-wrapper ul.sidebar-widget li.widget_rss ul li .rss-date { clear: both; display: block; font-size: 12px; margin-top: 5px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_rss ul li a.rsswidget, #footer-wrapper ul.sidebar-widget li.widget_rss ul li a.rsswidget { font-size: 24px; line-height: 1.3; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_rss ul li .rssSummary, #footer-wrapper ul.sidebar-widget li.widget_rss ul li .rssSummary { font-size: 14px; margin: 5px 0 0 0; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_rss ul li cite, #footer-wrapper ul.sidebar-widget li.widget_rss ul li cite { font-weight: 300; font-size: 13px; margin-top: 20px; } /*------------------------------------------------------------------ [7. Form & Input] */ input[type="text"], input[type="password"], input[type="email"], input[type=url], input[type=date], input[type=tel], input.wpcf7-text, .sr54Pro table.cart td.actions .coupon .input-text, .sr54Pro-page table.cart td.actions .coupon .input-text, .sr54Pro #content table.cart td.actions .coupon .input-text, .sr54Pro-page #content table.cart td.actions .coupon .input-text { padding: 8px 0 8px 0; font-size: 100%; font-family: 'Roboto', 'Helvetica Neue', Arial, Verdana, sans-serif; margin: 0; background: #fff; border: 0; border-bottom: 1px solid #222222; outline: none; -webkit-transition: border-color linear .3s; -moz-transition: border-color linear .3s; -o-transition: border-color linear .3s; transition: border-color linear .3s; box-sizing: border-box; -webkit-appearance: none; } p.input-wrapper { position: relative; padding: 0 !important; } .input-effect~.focus-border { display: none; } select { padding: 8px 10px 8px 10px; background: #fff; outline: none; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #000, #000); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 2em; background-repeat: no-repeat; } .sr54Pro select.orderby { height: auto; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=date]:focus, input.wpcf7-text:focus, .sr54Pro table.cart td.actions .coupon .input-text:focus, .sr54Pro-page table.cart td.actions .coupon .input-text:focus, .sr54Pro #content table.cart td.actions .coupon .input-text:focus, .sr54Pro-page #content table.cart td.actions .coupon .input-text:focus { outline: 0; } div.wpcf7-response-output { padding: 20px; } .wpcf7-form input.wpcf7-text, .wpcf7-form textarea, .wpcf7-form input.wpcf7-date, .wpcf7-form input.wpcf7-dynamictext, .wpcf7-form select { width: 100%; box-sizing: border-box; } .sr54Coffee-transparent .wpcf7-form input.wpcf7-text, .sr54Coffee-transparent .wpcf7-form textarea { background: transparent !important; color: #fff !important; border-color: #fff !important; } .wpcf7-form textarea { height: 80px; } .fullwidth-comment-wrapper #commentform textarea { width: 100%; } .fullwidth-comment-wrapper .post-content-wrapper { background: transparent !important; padding: 30px 0 30px 0 !important; width: 100% !important; } .input-wrapper { position: relative; } form.post-password-form label { width: auto; float: left; margin-right: 5px; } form.post-password-form input[type="password"] { margin-left: 5px; } form.post-password-form input[type="submit"] { padding: .5em 1.5em .45em 1.5em; } .form-allowed-tags { display: none !important; } p.comment-notes { margin-bottom: 40px; } textarea { font-size: 100%; border: 0; border-bottom: 1px solid #222222; margin: 0; overflow: auto; padding: 10px 0 10px 0; font-family: 'Roboto', 'Helvetica Neue', Arial, Verdana, sans-serif; outline: none; -webkit-transition: border-color linear .2s; -moz-transition: border-color linear .2s; -o-transition: border-color linear .2s; transition: border-color linear .2s; box-sizing: border-box; -webkit-appearance: none; } input[type="submit"], input[type=button], a.button, .button, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"], button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .6em 2.5em .5em 2.5em; color: #fff; background: #222; border: 2px solid #222; font-size: 15px; font-family: 'Roboto', 'Helvetica Neue', Arial, Verdana, sans-serif; text-shadow: none; -webkit-appearance: none; box-shadow: 0 0 0 0; font-style: normal; font-weight: normal; text-transform: none; -webkit-transition: color .2s linear, background .3s linear, opacity .2s linear; -moz-transition: color .2s linear, background .3s linear, opacity .2s linear; -ms-transition: color .2s linear, background .3s linear, opacity .2s linear; -o-transition: color .2s linear, background .3s linear, opacity .2s linear; transition: color .2s linear, background .3s linear, opacity .2s linear; } .comment-form .form-submit input[type="submit"] { padding: .7em 2.5em .7em 2.5em; } a.comment-reply-link { margin: 0; float: right; font-size: 13px; text-align: center; border-radius: 25px; margin-top: -40px; display: block; text-transform: uppercase; letter-spacing: 2px; } .comment:hover a.comment-reply-link { display: block; } input[type="submit"].medium, input[type=button].medium, a.button.medium { font-size: 16px; } input[type="submit"].large, input[type=button].large, a.button.large { font-size: 18px; } #cancel-comment-reply-link { margin: 0 20px 0 10px; font-size: 13px; } /*------------------------------------------------------------------ [8. Pagination] */ .pagination { margin: 40px 0 40px 0; float: left; clear: both; } .pagination p a:first-child { float: left; } .pagination p a:last-child { float: right; } .pagination a, .pagination span { display: inline-block; text-align: center; background: transparent; margin-right: 5px; overflow: hidden; font-size: 18px; padding: 5px 15px 5px 15px; border: 1px solid transparent; } .pagination span { border: 1px solid #000; } body.single-post .fullwidth-comment-wrapper .pagination a, body.single-post .fullwidth-comment-wrapper .pagination a:hover, body.page .fullwidth-comment-wrapper .pagination a, body.page .fullwidth-comment-wrapper .pagination a:hover { width: auto; background: transparent !important; font-weight: bold; font-size: 16px; } body.single-post .fullwidth-comment-wrapper .pagination, body.single-post .fullwidth-comment-wrapper .pagination p, body.page .fullwidth-comment-wrapper .pagination, body.page .fullwidth-comment-wrapper .pagination p { display: block; width: 100%; } body.single-post .fullwidth-comment-wrapper .pagination p a:first-child, body.page .fullwidth-comment-wrapper .pagination p a:first-child { float: left; } body.single-post .fullwidth-comment-wrapper .pagination p a:first-child:before, body.page .fullwidth-comment-wrapper .pagination p a:first-child:before { font-family: 'Font Awesome 5 Free'; content: "\f100"; margin-right: 5px; } body.single-post .fullwidth-comment-wrapper .pagination p a:nth-child(2), body.page .fullwidth-comment-wrapper .pagination p a:nth-child(2) { float: right; } body.single-post .fullwidth-comment-wrapper .pagination p a:nth-child(2):after, body.page .fullwidth-comment-wrapper .pagination p a:nth-child(2):after { font-family: 'Font Awesome 5 Free'; content: "\f101"; margin-left: 5px; } body.page .fullwidth-comment-wrapper #respond, body.comment-close #page-content-wrapper { margin-bottom: 60px; } .pagination a { transition: all 0.15s; } .pagination span, .pagination a:hover { font-weight: bold; } .pagination-detail { margin-top: 40px; float: right; font-size: 18px; text-transform: uppercase !important; letter-spacing: 2px; } #page-content-wrapper ul { margin: 0; } #page-content-wrapper ol { margin-left: 20px; } @-webkit-keyframes lazy-color-change { from { background-color: #cccccc; } to { background-color: #f0f0f0; } } @-moz-keyframes lazy-color-change { from { background-color: #cccccc; } to { background-color: #f0f0f0; } } @-o-keyframes lazy-color-change { from { background-color: #cccccc; } to { background-color: #f0f0f0; } } @keyframes lazy-color-change { from { background-color: #cccccc; } to { background-color: #f0f0f0; } } .post-featured-image-hover.lazy { -webkit-animation: lazy-color-change 1s infinite alternate; -moz-animation: lazy-color-change 1s infinite alternate; -ms-animation: lazy-color-change 1s infinite alternate; -o-animation: lazy-color-change 1s infinite alternate; animation: lazy-color-change 1s infinite alternate; } .post-featured-image-hover { position: relative; display: inline-block; max-width: 100%; overflow: hidden; transition: transform all .3s cubic-bezier(.3, .58, .55, 1); background: #000000; } .post-featured-image-hover.classic { min-height: 350px; } .post-related .post-featured-image-hover.classic { min-height: 130px; } .post-featured-image-hover:before, .post-featured-image-hover:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.8s cubic-bezier(.2, 1, .22, 1); transition: all 0.8s cubic-bezier(.2, 1, .22, 1); } .post-featured-image-hover img { max-width: 100%; backface-visibility: hidden; vertical-align: top; } .post-featured-image-hover img.smooved { transition: all 2s cubic-bezier(.2, 1, .22, 1); } .post-featured-image-hover:before, .post-featured-image-hover:after { content: ''; background-color: #fff; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .post-featured-image-hover a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .post-featured-image-hover:hover img, .post-featured-image-hover.hover img { zoom: 1; opacity: 0.9 !important; transform: scale(1.07) !important; } .post-featured-image-hover:hover:before, .post-featured-image-hover.hover:before, .post-featured-image-hover:hover:after, .post-featured-image-hover.hover:after { opacity: 1; top: 50%; left: 50%; } .post-featured-image-hover .post-type-icon { position: absolute; bottom: 30px; right: 30px; z-index: 2; display: inline-block; line-height: 52px; width: 50px; height: 50px; background: transparent; border: 1px solid #fff; text-align: center; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition: all .21s cubic-bezier(.5, .5, .4, .9); } .post-related h3 { text-align: center; margin-bottom: 20px; } .post-related .post-featured-image-hover .post-type-icon { width: 50px; height: 50px; right: 20px; bottom: -20px; line-height: 50px; } .post-featured-image-hover:hover .post-type-icon { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .post-featured-image-hover .post-type-icon span { color: #fff; font-size: 22px; line-height: 50px; } .post-related .post-featured-image-hover .post-type-icon span { font-size: 20px; line-height: 50px; } body .post-featured-date-wrapper { position: absolute; top: 30px; left: 30px; line-height: 1; text-align: center; font-size: 14px; z-index: 3; background: transparent; padding: 10px; text-transform: uppercase; color: #fff; border: 1px solid #fff; } body .post-featured-date-wrapper .post-featured-date { color: #fff; font-size: 50px; line-height: 0.9; } body .post-featured-date-wrapper .post-featured-month { margin-top: 5px; font-size: 18px; letter-spacing: 3px; } /*------------------------------------------------------------------ [9. Widgets] */ #page-content-wrapper ul.flickr { margin: 0 0 10px 0; } #page-content-wrapper ul.posts.blog { list-style: none; margin-left: 0 !important; float: left; padding: 0; width: 100%; box-sizing: border-box; } #page-content-wrapper ul.flickr li img { width: 65px; height: auto; } #page-content-wrapper .sidebar .content .posts.blog li img, .page-content-wrapper .sidebar .content .posts.blog li img, #footer ul.sidebar-widget li ul.posts.blog li img { float: left; margin: 0 10px 2px 0; width: 80px; } .post-circle-thumb { position: relative; overflow: hidden; float: left; width: 95px; height: 95px; float: left; margin-right: 0; } .post-circle-thumb img { width: 60px; height: auto; } .post-circle-thumb.flickr { margin-right: 0; } #page-content-wrapper .sidebar .content .sidebar-widget, #page-content-wrapper .sidebar .content .posts.blog, .page-content-wrapper .sidebar .content .sidebar-widget, .page-content-wrapper .sidebar .content .posts.blog { list-style: none; margin-left: 0; margin-top: 0; padding: 0; } #page-content-wrapper .sidebar .content .posts.blog li, .page-content-wrapper .sidebar .content .posts.blog li { padding: 0 0 10px 0; } #page-content-wrapper .sidebar .content .posts.blog li:last-child, .page-content-wrapper .sidebar .content .posts.blog li:last-child { padding-bottom: 0; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget, .page-content-wrapper .sidebar .content .sidebar-widget li.widget { margin: 60px 0 0px 0; padding: 0; float: left; clear: both; width: 100%; padding: 0; box-sizing: border-box; border: 0; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget:first-child { margin-top: 0; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget #useronline-count, .page-content-wrapper .sidebar .content .sidebar-widget li.widget #useronline-count { margin-top: 10px; } #page-content-wrapper .sidebar .content .sidebar-widget li select, .textwidget select, .page-content-wrapper .sidebar .content .sidebar-widget li select { margin: 10px 0 10px 0; max-width: 100%; } #page-content-wrapper .sidebar .content .sidebar-widget li h2.widgettitle, h2.widgettitle { font-size: 11px; font-family: 'Roboto', 'Helvetica Neue', Arial, Verdana, sans-serif; color: #222; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; position: relative; border-bottom: 0; display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_archive #archives-dropdown--1, .widget_archive #archives-dropdown--1, #page-content-wrapper .sidebar .content .sidebar-widget li.widget_categories .postform, .widget_categories  .postform { margin-top: 5px; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_categories .postform, .widget_categories .postform { width: 100%; } #page-content-wrapper .posts.blog li a { font-size: 22px; line-height: 1.5 !important; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_categories .cat-count, .widget_categories .cat-count, #page-content-wrapper .sidebar .content .sidebar-widget li.widget_archive .archive-count, .widget_archive .archive-count { float: right; background: #f78a74; color: #fff; font-size: 11px; font-weight: 400; text-align: center; min-width: 24px; height: 24px; line-height: 24px; border-radius: 50px; } .widget_archive .archive-count, .widget_categories .cat-count { border: 1px solid #000; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_calendar h2.widgettitle, .widget_calendar h2.widgettitle { margin-bottom: 30px; } #page-content-wrapper .sidebar .content .sidebar-widget li h2.widgettitle:before, h2.widgettitle:before, #page-content-wrapper .sidebar .content .sidebar-widget li h2.widgettitle:after, h2.widgettitle:after { content: ""; border-top: 1px solid; border-color: #d5d5d5; margin: 0 15px 0 0; flex: 1 0 0; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_rss h2.widgettitle .rss-widget-icon, .widget_rss h2.widgettitle .rss-widget-icon { margin-right: 5px; vertical-align: baseline; } #page-content-wrapper .sidebar .content .sidebar-widget li h2.widgettitle:after, h2.widgettitle:after { margin: 0 0 0 15px; } h2.widgettitle.photostream { display: inline-block; margin-top: 30px; margin-bottom: 30px; } #page-content-wrapper.blog-wrapper .sidebar .content .sidebar-widget li:first-child { margin-top: 0; } #page-content-wrapper .sidebar .content .sidebar-widget li ul, .page-content-wrapper .sidebar .content .sidebar-widget li ul { list-style: none; padding: 20px 0 0 0; margin: 0 0 15px 0; } #page-content-wrapper .sidebar .content .sidebar-widget li ul li ul.children, .page-content-wrapper .sidebar .content .sidebar-widget li ul li ul.children { padding-top: 0; } #page-content-wrapper .sidebar .content .sidebar-widget li ul li ul.children, .page-content-wrapper .sidebar .content .sidebar-widget li ul li ul.children { margin-left: 10px; margin-bottom: 0; } #page-content-wrapper .sidebar .content .sidebar-widget li ul li ul.children li:last-child, .page-content-wrapper .sidebar .content .sidebar-widget li ul li ul.children li:last-child { border: 0; margin-bottom: 0; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_pages ul li ul.children, .page-content-wrapper .sidebar .content .sidebar-widget li.widget_pages ul li ul.children { margin-left: 20px; padding-top: 0; } #page-content-wrapper .sidebar .content .sidebar-widget li ul li, #footer .sidebar-widget li ul li, .page-content-wrapper .sidebar .content .sidebar-widget li ul li, #footer .sidebar-widget li ul li { padding: 0; margin-top: 0; margin-bottom: 5px; } #page-content-wrapper .sidebar .content .sidebar-widget li ul li:first-child, .page-content-wrapper .sidebar .content .sidebar-widget li ul li:first-child, #footer ul.sidebar-widget li ul li:first-child, #footer ul.sidebar-widget li .textwidget { padding-top: 0; } #page-content-wrapper .sidebar .content .sidebar-widget li ul.flickr li:first-child, .page-content-wrapper .sidebar .content .sidebar-widget li ul.flickr li:first-child, #footer ul.sidebar-widget li ul.flickr li:first-child { border: 0; padding-top: 0; } #page-content-wrapper .inner .sidebar-wrapper ul.sidebar-widget li.widget_nav_menu ul.menu li a, .page-content-wrapper .inner .sidebar-wrapper ul.sidebar-widget li.widget_nav_menu ul.menu li a, #footer-wrapper ul.sidebar-widget li.widget_nav_menu ul.menu li a { width: 100%; box-sizing: border-box; display: block; position: relative; } #page-content-wrapper .inner .sidebar-wrapper ul.sidebar-widget li.widget_nav_menu ul li ul.sub-menu, .page-content-wrapper .inner .sidebar-wrapper ul.sidebar-widget li.widget_nav_menu ul li ul.sub-menu { padding: 0; } #page-content-wrapper .inner .sidebar-wrapper ul.sidebar-widget li.widget_nav_menu ul li:last-child, .page-content-wrapper .inner .sidebar-wrapper ul.sidebar-widget li.widget_nav_menu ul li:last-child, #page-content-wrapper .inner .sidebar-wrapper ul.sidebar-widget li.widget_nav_menu ul, .page-content-wrapper .inner .sidebar-wrapper ul.sidebar-widget li.widget_nav_menu ul { margin-bottom: 0; } .mobile-menu-wrapper .widget_calendar table tr th, .mobile-menu-wrapper .widget_calendar table tr td { border-color: #555; } table { margin: 10px 0 30px 0; border-width: 1px; border-style: solid; } table tr td { border-width: 1px; border-style: solid; } table tr th { font-weight: 900; border-width: 1px; border-style: solid; } table tr th, table tr td { padding: 10px; text-align: left; border-width: 1px; border-style: solid; } #footer-menu { float: right; display: block; list-style: none; } #footer-menu li { float: left; margin-left: 20px; } #footer-menu li ul { display: none; } table thead tr th { background: transparent; } table#wp-calendar thead tr th { text-align: center; border: 0; } table tfoot tr, table tfoot tr td { background: transparent; } #page-content-wrapper .sidebar .content .sidebar-widget li ul.flickr, .page-content-wrapper .sidebar .content .sidebar-widget li ul.flickr { list-style: none; margin: 5px 0 30px 0; float: left; display: block; padding: 15px 0 3px 0; } #page-content-wrapper .sidebar .content .sidebar-widget li ul.flickr li, .page-content-wrapper .sidebar .content .sidebar-widget li ul.flickr li { display: block; float: left; margin: 0 10px 10px 0; padding: 0; border: 0; clear: none; width: calc(33% - 10px); padding-right: 10px; box-sizing: border-box; } #page-content-wrapper .sidebar .content .sidebar-widget li ul.flickr li img, .page-content-wrapper .sidebar .content .sidebar-widget li ul.flickr li img { width: 100%; height: auto; } #page-content-wrapper .sidebar .content .sidebar-widget li ul.twitter, .page-content-wrapper .sidebar .content .sidebar-widget li ul.twitter { margin: 0; margin-top: 20px; list-style: none; padding: 0 0 0 0; } #page-content-wrapper .sidebar .content .sidebar-widget li ul.twitter li, .page-content-wrapper .sidebar .content .sidebar-widget li ul.twitter li { padding-left: 32px; padding-bottom: 15px; border: 0; position: relative; box-sizing: border-box; } #page-content-wrapper .sidebar .content .sidebar-widget li ul.twitter li:before, .page-content-wrapper .sidebar .content .sidebar-widget li ul.twitter li:before { position: absolute; left: 0; top: -5px; font-family: 'Font Awesome 5 Free'; content: "\f099"; font-size: 22px; font-weight: 900; } #page-content-wrapper .sidebar .content .sidebar-widget li ul.flickr, ul.flickr, .page-content-wrapper .sidebar .content .sidebar-widget li ul.flickr, ul.flickr { list-style: none; margin: 10px 0 -10px 0; float: left; display: block; clear: both; width: 104%; } ul.flickr li { float: left; margin: 0 5px 0 0; } #page-content-wrapper .sidebar .content .posts.blog, .page-content-wrapper .sidebar .content .posts.blog { list-style: none; margin-top: 30px; } #page-content-wrapper .sidebar .content .posts.blog.withthumb, .page-content-wrapper .sidebar .content .posts.blog.withthumb { margin-top: 30px; margin-bottom: 0; } #footer ul.sidebar-widget li ul.posts.blog.withthumb { margin-top: 20px; } #page-content-wrapper .sidebar .content .posts.blog li, .page-content-wrapper .sidebar .content .posts.blog li { line-height: 1em; clear: both; border: 0; background: none; width: 100%; float: left; margin: 0; } #page-content-wrapper .posts.blog li, .page-content-wrapper .posts.blog li { float: left; width: 49.4%; margin-right: 1.2%; margin-bottom: 1.2%; padding: 20px; box-sizing: border-box; border: 1px solid #dce0e0; display: table; text-align: left; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -ms-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } #page-content-wrapper .posts.blog li:nth-child(2n), .page-content-wrapper .posts.blog li:nth-child(2n) { margin-right: 0; float: right; } #page-content-wrapper .posts.blog li a, .page-content-wrapper .posts.blog li a, #footer ul.sidebar-widget li ul.posts.blog li a { width: 100%; line-height: 1.2em; } #page-content-wrapper .sidebar .content .posts.blog.withthumb li, #page-content-wrapper .posts.blog.withthumb li, .page-content-wrapper .sidebar .content .posts.blog.withthumb li, .page-content-wrapper .posts.blog.withthumb li { line-height: 1.5em; border: 0; display: block; } #page-content-wrapper .sidebar .content .posts.blog li, .page-content-wrapper .sidebar .content .posts.blog li { padding-top: 10px; } #page-content-wrapper .sidebar .content .posts.blog li strong.header, #page-content-wrapper .posts.blog li strong.header, .page-content-wrapper .sidebar .content .posts.blog li strong.header, .page-content-wrapper .posts.blog li strong.header { font-weight: normal; } #page-content-wrapper .sidebar .content .textwidget, .page-content-wrapper .sidebar .content .textwidget { margin-top: 0; padding: 10px 0 0 0; text-align: left; } .textwidget img { max-width: 95%; height: auto; } #searchsubmit { margin: -7px; line-height: 19px; -webkit-border-top-left-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; padding: .6em 1.5em 0.5em 1.5em !important; } .widget_search h2.widgettitle { margin-bottom: 30px; } .widget_search input.search-submit { display: none; } .widget_search input.search-field { border: 0 !important; outline: none; margin-left: 30px; font-size: 16px; font-weight: 600; width: calc(100% - 30px); position: relative; top: 2px; } .widget_search form:before { font-family: 'themify'; content: "\e610"; display: inline; position: absolute; color: #000; margin-top: 2px; } .widget_search form { border: 1px solid #d8d8d8; height: 48px; display: table-cell; width: 100%; vertical-align: middle; padding: 0 20px 0 20px; transition: all .6s cubic-bezier(.23, 1, .32, 1); } .widget_search form.focus { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0, 0, 0, .12); } .widget_tag_cloud div, .tag_cloud { margin: 20px 0 0 0; } .widget_tag_cloud div a, .meta-tags a, .tag_cloud a, .widget_product_tag_cloud a { display: inline-block; -webkit-transition: background .2s linear, border .1s linear; -moz-transition: background .2s linear, border .1s linear; -ms-transition: background .2s linear, border .1s linear; -o-transition: background .2s linear, border .1s linear; transition: background .2s linear, border .1s linear; color: #444; display: inline-block; border: 1px solid #e0e0e0; padding: 3px 15px 3px 15px; margin-right: 8px; margin-bottom: 12px; } .widget_product_tag_cloud a { font-size: 12px !important; } .widget_tag_cloud div a:hover, .widget_product_tag_cloud a:hover { background: #EFA697; border-color: #EFA697; color: #fff !important; } .widget_mc4wp_widget input { text-align: center; } .widget_mc4wp_widget input[type="submit"] { width: 100%; margin-top: 10px; } .widget_mc4wp_form_widget input[type="email"] { width: 100%; } .widget_mc4wp_form_widget input[type="submit"] { margin-top: 20px; } #page-content-wrapper .widget_mc4wp_form_widget p { padding-bottom: 0.7em; } #page-content-wrapper.blog-wrapper { box-sizing: border-box; position: relative; z-index: 2; } body.single-post #post-featured-header { width: 100%; min-height: 650px; background-size: cover; background-repeat: no-repeat; background-position: center center; } #page-content-wrapper.blog-wrapper .pagination { margin-bottom: 20px; } form.protected-post-form { text-align: left; margin-top: 10px; } body.single-post form.protected-post-form { text-align: center; } form.protected-post-form p { padding: 0 !important; } form.protected-post-form .protected-post-text { margin-bottom: 20px; } form.protected-post-form input[type="submit"].button { border-radius: 0; margin-left: -5px; position: relative; top: 2px; padding: .7em 2.5em .65em 2.5em; } form.protected-post-form input[type=password] { padding: 1em 1em  1.05em 1em; border: 1px solid #000; } body.search #page-content-wrapper .post-content-wrapper .post-header-wrapper p { padding-top: 0; } .wp-caption-text.gallery-caption { font-size: 14px; } /*------------------------------------------------------------------ [10. Contact Form Captcha] */ div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { border: 0; background: #FFCC00; font-size: 13px; } div.wpcf7-mail-sent-ok { background: #4CD964; color: #fff; } /*------------------------------------------------------------------ [12. sr54Pro Elements] */ h1.page-title { display: none; } .sr54Pro .sr54Pro-ordering, .sr54Pro .sr54Pro-result-count, .sr54Pro-page .sr54Pro-result-count { margin-bottom: 40px; } .sr54Pro .sr54Pro-ordering, .sr54Pro-page form.sr54Pro-ordering { background: transparent; overflow: hidden; padding: 0px 40px 0px 5px; position: relative; border-bottom: 1px solid #000; } .sr54Pro-page form.sr54Pro-ordering:after { font-family: 'themify'; content: "\e64b"; display: inline; position: absolute; top: 15px; right: 20px; } .sr54Pro .sr54Pro-ordering, .sr54Pro-page form.sr54Pro-ordering select { border: 0; -webkit-appearance: none; font-size: 16px; font-weight: 600; padding: 15px 10px 8px 10px; background: transparent; } .sr54Pro ul.products li.product .ajax_add_to_cart, .sr54Pro-page ul.products li.product .ajax_add_to_cart { display: none !important; } .sr54Pro ul.products li.product, .sr54Pro-page ul.products li.product, .sr54Pro ul.products.columns-3 li.product, .sr54Pro-page ul.products.columns-3 li.product { width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; padding: 0; box-sizing: border-box; clear: none; border: 0; text-align: center; } .sr54Pro-page ul.products.columns-4 li.product { width: 23.5%; margin-right: 2%; margin-bottom: 2%; } .sr54Pro ul.products li.product:nth-child(3n+1), .sr54Pro-page ul.products li.product:nth-child(3n+1), .sr54Pro ul.products.columns-3 li.product:nth-child(3n+1), .sr54Pro-page ul.products.columns-3 li.product:nth-child(3n+1) { clear: both; } .sr54Pro-page ul.products.columns-4 li.product:nth-child(3n+1) { clear: none; } .sr54Pro ul.products li.last, .sr54Pro-page ul.products li.last { margin-right: 0; } .sr54Pro ul.products li.product .price { font-family: 'Roboto', 'Helvetica Neue', Arial, Verdana, sans-serif; color: #444; font-size: 1.1em; } .sr54Pro div.product form.cart .variations { margin: 0; } .sr54Pro #content .quantity input.qty, .sr54Pro .quantity input.qty, .sr54Pro-page #content .quantity input.qty, .sr54Pro-page .quantity input.qty { outline: 0; border: 0; height: 55px; width: 80px; border-radius: 0; background: transparent; font-size: 14px; font-weight: 600; } .sr54Pro-page div.product form.cart .button { margin-left: 5px; padding: .65em 1.5em .65em 1.5em !important; border: 1px solid #000; border-radius: 0; width: calc(100% - 93px); } .sr54Pro ul.products li.product a img, .sr54Pro-page ul.products li.product a img { box-shadow: 0px 0px 0px black !important; width: 100% !important; text-align: center !important; margin: auto !important; border-radius: 5px; } .sr54Pro ul.products li.product h2.sr54Pro-loop-product__title, .sr54Pro-page ul.products li.product h2.sr54Pro-loop-product__title { font-size: 30px; padding: 0; box-sizing: border-box; margin-top: 10px; display: inline-block; float: left; width: 100%; } .sr54Pro #page-content-wrapper .inner .sidebar-content.left-sidebar ul.products li.product h2.sr54Pro-loop-product__title, .sr54Pro-page #page-content-wrapper .inner .sidebar-content.left-sidebar ul.products li.product h2.sr54Pro-loop-product__title { margin-top: 20px !important; font-size: 20px; } .sr54Pro #page-content-wrapper .inner .sidebar-content.left-sidebar ul.products li.product .price { font-size: 1em; } .sr54Pro-page ul.product_list_widget li .amount { font-size: 15px; } .sr54Pro div.product div.images figure, .sr54Pro div.product div.summary figure { margin: 0; } .sr54Pro div.product div.images .sr54Pro-product-gallery__image:first-child { margin: 0 3px 0 3px; } .sr54Pro div.product div.images .sr54Pro-product-gallery__image:nth-child(n+2) { padding: 3px; box-sizing: border-box; width: 16.66%; margin-top: 3px; } .sr54Pro ul.products li.product .price del, .sr54Pro-page ul.products li.product .price del { font-size: 0.9em !important; } .sr54Pro ul.cart_list li ins, .sr54Pro ul.product_list_widget li ins, .sr54Pro-page ul.cart_list li, .sr54Pro-page ul.product_list_widget li ins { text-decoration: none; font-weight: bold; } .sr54Pro a.added_to_cart, .sr54Pro-page a.added_to_cart { display: none !important; } .sr54Pro ul.cart_list li img, .sr54Pro-page ul.cart_list li img, .sr54Pro ul.product_list_widget li img, .sr54Pro-page ul.product_list_widget li img { box-shadow: 0px 0px 0px black !important; -webkit-box-shadow: 0px 0px 0px black !important; -moz-box-shadow: 0px 0px 0px black !important; width: 45px; height: auto; } .sr54Pro div.product div.images img, .sr54Pro-page div.product div.images img, .sr54Pro #content div.product div.images img, .sr54Pro-page #content div.product div.images img { box-shadow: 0px 0px 0px black !important; -webkit-box-shadow: 0px 0px 0px black !important; -moz-box-shadow: 0px 0px 0px black !important; border-radius: 5px; } .sr54Pro div.product .sr54Pro-tabs ul.tabs, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs, .sr54Pro #content div.product .sr54Pro-tabs ul.tabs, .sr54Pro-page #content div.product .sr54Pro-tabs ul.tabs { margin-left: 0 !important; } .sr54Pro #content-wrapper .inner .inner-wrapper .sidebar-content h1 { font-size: 30px !important; } .sr54Pro #content-wrapper .inner .inner-wrapper .sidebar-content h2 { font-size: 18px !important; } .sr54Pro #content-wrapper .inner .inner-wrapper .sidebar-content h3 { font-size: 16px !important; padding-bottom: 0; } .sr54Pro #content-wrapper .inner .inner-wrapper .sidebar-content h4 { font-size: 14px !important; } .sr54Pro #content-wrapper .inner .inner-wrapper .sidebar-content h5 { font-size: 13px !important; } .sr54Pro #content-wrapper .inner .inner-wrapper .sidebar-content h6 { font-size: 12px !important; } .sr54Pro div.product div.images div.thumbnails a, .sr54Pro-page div.product div.images div.thumbnails a, .sr54Pro #content div.product div.images div.thumbnails a, .sr54Pro-page #content div.product div.images div.thumbnails a { margin-bottom: 3.8%; } .entry-summary div[itemprop="description"] { margin: 10px 0 0 0; padding-left: 0 !important; font-size: 18px; } .review-summary { display: none !important; } .sr54Pro .widget_shopping_cart .total, .sr54Pro-page .widget_shopping_cart .total { font-size: 14px !important; color: #222; padding-top: 10px !important; } .sr54Pro .widget_shopping_cart .total, .sr54Pro-page .widget_shopping_cart .total { border: 0; } .sr54Pro .widget_price_filter .ui-slider .ui-slider-range, .sr54Pro-page .widget_price_filter .ui-slider .ui-slider-range { background: #444; box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0 0 0 rgba(204, 204, 204, 0.5); -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5); } .sr54Pro .widget_price_filter .ui-slider .ui-slider-handle, .sr54Pro-page .widget_price_filter .ui-slider .ui-slider-handle { border: 1px solid #444; box-shadow: inset 0 0 0 4px #fff; } .sr54Pro #page-content-wrapper a.button:hover, .sr54Pro-page #page-content-wrapper a.button:hover, .sr54Pro.columns-4 ul.products li.product a.add_to_cart_button:hover, .sr54Pro.columns-4 ul.products li.product a.add_to_cart_button:hover { opacity: 1; } .sr54Pro.columns-4 ul.products li.product a.add_to_cart_button { color: #222 !important; font-size: 100% !important; } .sr54Pro div.product form.cart .button, .sr54Pro-page div.product form.cart .button, .sr54Pro #content div.product form.cart .button, .sr54Pro-page #content div.product form.cart .button { opacity: 1 !important; } .sr54Pro ul.cart_list li a, .sr54Pro ul.product_list_widget li a, .sr54Pro-page ul.cart_list li a, .sr54Pro-page ul.product_list_widget li a { font-weight: normal !important; } .sr54Pro ul.cart_list li img, .sr54Pro ul.product_list_widget li img, .sr54Pro-page ul.cart_list li img, .sr54Pro-page ul.product_list_widget li img { width: 70px !important; float: left !important; margin-right: 15px !important; margin-left: 0 !important; } .sr54Pro #reviews #comments ol.commentlist, .sr54Pro-page #reviews #comments ol.commentlist { margin-top: 10px; } .cart-collaterals .cart_totals table { width: 100% !important; } .sr54Pro .related ul.products li.product, .sr54Pro .related ul li.product, .sr54Pro .upsells.products ul.products li.product, .sr54Pro .upsells.products ul li.product, .sr54Pro-page .related ul.products li.product, .sr54Pro-page .related ul li.product, .sr54Pro-page .upsells.products ul.products li.product, .sr54Pro-page .upsells.products ul li.product { border: 0; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .sr54Pro table.cart a.remove, .sr54Pro #content table.cart a.remove, .sr54Pro-page table.cart a.remove, .sr54Pro-page #content table.cart a.remove { color: inherit !important; font-weight: 400; } .sr54Pro table.cart a.remove:hover, .sr54Pro #content table.cart a.remove:hover, .sr54Pro-page table.cart a.remove:hover, .sr54Pro-page #content table.cart a.remove:hover { color: #fff !important; } body[data-shop="three_cols"].sr54Pro ul.products li.product, body[data-shop="three_cols"].sr54Pro-page ul.products li.product { width: 31.2% !important; } .sr54Pro ul.products li.last, .sr54Pro-page ul.products li.last { margin-right: 0 !important; } p.price { padding-top: 0 !important; } p.price ins span.amount, p.price span.amount, .sr54Pro #content div.product p.price, .sr54Pro #content div.product span.price, .sr54Pro div.product p.price, .sr54Pro div.product span.price, .sr54Pro-page #content div.product p.price, .sr54Pro-page #content div.product span.price, .sr54Pro-page div.product p.price, .sr54Pro-page div.product span.price { } .sr54Pro #page-content-wrapper div.product p.price, .sr54Pro-page #page-content-wrapper div.product p.price { padding-bottom: 0; } p.price del span.amount { font-weight: 400; } #tab-description h2, .sr54Pro #reviews #comments h2, .sr54Pro-page #reviews #comments h2 { display: none; } .checkout h3 { font-size: 28px; margin: 15px 0 15px 0; } #order_review_heading { display: none; } .related.products h2:not(.sr54Pro-loop-product__title), .cart_totals h2:not(.sr54Pro-loop-product__title), .shipping_calcuLator h2:not(.sr54Pro-loop-product__title), .upsells.products h2:not(.sr54Pro-loop-product__title), .cross-sells h2:not(.sr54Pro-loop-product__title) { margin-bottom: 40px; margin-top: 20px; font-size: 28px; text-align: center; letter-spacing: 0.5px; } .cart_totals h2:not(.sr54Pro-loop-product__title) { margin-bottom: 30px; } .shipping_calcuLator h2 { text-align: left; } .related.products { padding-top: 20px; clear: both; float: left; width: 100%; margin-top: 10px; } .sr54Pro div.product .sr54Pro-tabs ul.tabs:before, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs:before, .sr54Pro #content div.product .sr54Pro-tabs ul.tabs:before, .sr54Pro-page #content div.product .sr54Pro-tabs ul.tabs:before { border: 0; box-shadow: 0 0 0; border-radius: 0px !important; } .sr54Pro #content div.product .sr54Pro-tabs ul.tabs li.active:after, .sr54Pro div.product .sr54Pro-tabs ul.tabs li.active:after, .sr54Pro-page #content div.product .sr54Pro-tabs ul.tabs li.active:after, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li.active:after, .sr54Pro #content div.product .sr54Pro-tabs ul.tabs li:after, .sr54Pro div.product .sr54Pro-tabs ul.tabs li:after, .sr54Pro-page #content div.product .sr54Pro-tabs ul.tabs li:after, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li:after, .sr54Pro #content div.product .sr54Pro-tabs ul.tabs li.active:before, .sr54Pro div.product .sr54Pro-tabs ul.tabs li.active:before, .sr54Pro-page #content div.product .sr54Pro-tabs ul.tabs li.active:before, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li.active:before { border: 0; box-shadow: 0 0 0; border-radius: 0px !important; } .sr54Pro ul#shipping_method { margin: 0 !important; } .sr54Pro-cart .cart-collaterals .cart_totals .sr54Pro-shipping-destination { padding: 0 !important; } .sr54Pro div.product .sr54Pro-tabs .panel, .sr54Pro-page div.product .sr54Pro-tabs .panel { border: 0; padding: 0; box-sizing: border-box; } .sr54Pro #reviews #comments ol.commentlist li, .sr54Pro-page #reviews #comments ol.commentlist li { width: 100%; } .sr54Pro div.product .sr54Pro-tabs ul.tabs li, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li { background: transparent; box-shadow: none !important; visibility: visible !important; border: 0; padding: 0; } .sr54Pro div.product .sr54Pro-tabs ul.tabs lid, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li { border-radius: 0; background: transparent !important; margin: 0 15px 0 15px; } .sr54Pro div.product .sr54Pro-tabs .panel { padding-top: 40px; } .sr54Pro #page-content-wrapper div.product .sr54Pro-tabs .panel p { padding: 0; } .sr54Pro div.product .sr54Pro-tabs ul.tabs li a, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li a { font-weight: 700; margin: 0; font-size: 26px !important; padding: 0; letter-spacing: 0.5px !important; } .sr54Pro-page div.product .sr54Pro-tabs { padding-top: 60px; padding-bottom: 30px; margin-bottom: 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .sr54Pro div.product .sr54Pro-tabs ul.tabs li.active, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li.active, .sr54Pro #content div.product .sr54Pro-tabs ul.tabs li.active, .sr54Pro-page #content div.product .sr54Pro-tabs ul.tabs li.active { border-bottom: 2px solid #000; } .sr54Pro div.product .sr54Pro-tabs ul.tabs li.active a, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li.active a, .sr54Pro #content div.product .sr54Pro-tabs ul.tabs li.active a, .sr54Pro-page #content div.product .sr54Pro-tabs ul.tabs li.active a { color: #fff; font-weight: bold !important; border-radius: 0px !important; } .sr54Pro div.product .product_title { font-size: 50px; line-height: 1; } .sr54Pro div.product .sr54Pro-tabs ul.tabs, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs { padding-left: 0 !important; text-align: center; } .widget_shopping_cart_content a.button { margin-right: 5px !important; } .sr54Pro #page-content-wrapper div.product p.price, .sr54Pro-page #page-content-wrapper div.product p.price { font-size: 24px !important; padding: 0 !important; } .sr54Pro-page div.product p.price ins { text-decoration: none !important; } body.single-product #page-header .page-title-wrapper .page-title-inner { text-align: right; } body.single-product #page-header .page-title-wrapper .page-title-inner .page-tagline { margin-top: 0; position: relative; top: 0; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; } body.single-product #page-header.hasbg .page-title-wrapper .page-title-inner .page-tagline { top: 30px; } body.single-product #page-header.hasbg .page-title-wrapper .page-title-inner .page-tagline a { color: #fff; } .sr54Pro .star-rating::before, .sr54Pro .star-rating span::before { right: 0; } .product_meta>span { clear: both; display: block; } .sr54Pro div.product .sr54Pro-tabs ul.tabs li:before, .sr54Pro div.product .sr54Pro-tabs ul.tabs li:after, .sr54Pro #content div.product .sr54Pro-tabs ul.tabs li:before, .sr54Pro #content div.product .sr54Pro-tabs ul.tabs li:after, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li:before, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li:after, .sr54Pro-page #content div.product .sr54Pro-tabs ul.tabs li:before, .sr54Pro-page #content div.product .sr54Pro-tabs ul.tabs li:after { border: 0 !important; box-shadow: 0 0 0; } .sr54Pro-message, .sr54Pro-error, .sr54Pro-info { box-shadow: 0 0 0 #222 !important; border-radius: 0; } .sr54Pro-message a:not(.button), .sr54Pro-error a:not(.button), .sr54Pro-info a:not(.button), .sr54Pro-message a:not(.button):hover, .sr54Pro-error a:not(.button):hover, .sr54Pro-info a:not(.button):hover { color: #fff !important; text-decoration: underline; } .sr54Pro-page #page-content-wrapper.no-title { margin-top: 60px; } .variation-Grind p { padding: 0 !important; } #add_payment_method .cart-collaterals .cart_totals table, .sr54Pro-cart .cart-collaterals .cart_totals table, .sr54Pro-checkout .cart-collaterals .cart_totals table { border: 0; } .sr54Pro form.checkout_coupon, .sr54Pro form.login, .sr54Pro form.register { border-radius: 0; border: 1px solid #000; } .sr54Pro form .form-row-first, .sr54Pro form .form-row-last, .sr54Pro-page form .form-row-first, .sr54Pro-page form .form-row-last { width: 49%; } .sr54Pro .checkout_coupon .form-row input.input-text { height: 42px; } .sr54Pro-message { background: #8fae1b !important; border: 1px solid #8fae1b !important; color: #fff !important; text-shadow: none !important; } .sr54Pro-message::before { color: #fff !important; } .sr54Pro-info { background: #1e85be !important; border: 1px solid #1e85be !important; color: #fff !important; text-shadow: none !important; } .sr54Pro-info::before { color: #fff !important; } .sr54Pro-error { background: #D22226 !important; border: 1px solid #D22226 !important; color: #fff !important; text-shadow: none !important; } .sr54Pro-error::before { color: #fff !important; } .sr54Pro-message:before, .sr54Pro-error:before, .sr54Pro-info:before { box-shadow: none !important; top: 0.8em !important; } .sr54Pro .cart-collaterals, .sr54Pro-page .cart-collaterals, #order_review { margin-bottom: 0; } .sr54Pro table.shop_table th, .sr54Pro-page table.shop_table th { text-align: left; } .sr54Pro table.shop_table, .sr54Pro-page table.shop_table { border-bottom: 0; } .post_carousel.flexslider .slides>li { margin-right: 20px; } .sr54Pro-page .products .star-rating { float: right; margin-top: 28px; } .sr54Pro-page #page-content-wrapper .inner .sidebar-content .products .star-rating { float: right; text-align: right; width: 5.4em; display: inline-block; } .sr54Pro ul.products li.product .price, .sr54Pro-page ul.products li.product .price, .sr54Pro #page-content-wrapper div.product p.price, .sr54Pro-page #page-content-wrapper div.product p.price { border: 0; clear: both; font-size: 18px; display: inline-block; } .sr54Pro #page-content-wrapper div.product p.price, .sr54Pro-page #page-content-wrapper div.product p.price { margin-top: 0; } .sr54Pro #content nav.sr54Pro-pagination, .sr54Pro nav.sr54Pro-pagination, .sr54Pro-page #content nav.sr54Pro-pagination, .sr54Pro-page nav.sr54Pro-pagination { text-align: left; margin-top: 30px; margin-bottom: 30px; color: #FF4A52; } .sr54Pro-notices-wrapper { position: fixed; bottom: 0px; right: 90px; z-index: 9; } .sr54Pro-notices-wrapper .sr54Pro-message a.button { margin-left: 20px !important; top: -6px !important; font-weight: 700; } .sr54Pro #content nav.sr54Pro-pagination ul, .sr54Pro nav.sr54Pro-pagination ul, .sr54Pro-page #content nav.sr54Pro-pagination ul, .sr54Pro-page nav.sr54Pro-pagination ul, .sr54Pro #content nav.sr54Pro-pagination ul li, .sr54Pro nav.sr54Pro-pagination ul li, .sr54Pro-page #content nav.sr54Pro-pagination ul li, .sr54Pro-page nav.sr54Pro-pagination ul li { border: 0; } .sr54Pro #content nav.sr54Pro-pagination ul li, .sr54Pro nav.sr54Pro-pagination ul li, .sr54Pro-page #content nav.sr54Pro-pagination ul li, .sr54Pro-page nav.sr54Pro-pagination ul li { display: inline-block; text-align: center; color: #888; background: #fff; border: 1px solid #dce0e0; margin-right: 10px; overflow: hidden; } .sr54Pro-page nav.sr54Pro-pagination ul li span.current, .sr54Pro-page nav.sr54Pro-pagination ul li a:hover, .sr54Pro-page nav.sr54Pro-pagination ul li a:active { font-weight: bold; padding: .5em .4em .2em .4em; } .sr54Pro table.shop_table { border-radius: 0; } .sr54Pro nav.sr54Pro-pagination ul li a { padding: .5em .4em .2em .4em; } .sr54Pro nav.sr54Pro-pagination ul li { border-radius: 50px; } .sr54Pro .sr54Pro-pagination ul.page-numbers, .sr54Pro-page .sr54Pro-pagination ul.page-numbers { margin-left: 0 !important; } .sr54Pro-page nav.sr54Pro-pagination ul li span.current, .sr54Pro-page nav.sr54Pro-pagination ul li a { text-align: center; } .price_slider_wrapper { margin-top: 30px; } ul.product_list_widget li .star-rating { float: right; } ul.product_list_widget li a { font-weight: 600 !important; } ul.product_list_widget li .amount { font-weight: 500; } ul.product_list_widget li del .amount { color: #ccc; } .price_label { font-weight: 600; } ul.product_list_widget li ins { background: transparent; } .sr54Pro .widget_price_filter .price_slider_amount .button, .sr54Pro-page .widget_price_filter .price_slider_amount .button { float: left !important; } ul.product_list_widget li { padding: 10px 0 10px 0 !important; } .sr54Pro #content div.product, .sr54Pro div.product, .sr54Pro-page #content div.product, .sr54Pro-page div.product { clear: both; } body.single-product #page-content-wrapper { margin-top: 60px; } .sr54Pro .sr54Pro-product-rating { line-height: 1.7; } .sr54Pro-review-link { color: #222 !important; } .sr54Pro-page div.product form.cart { margin-top: 1em; margin-bottom: 1em; } .sr54Pro div.product div.images, .sr54Pro div.product div.summary { margin-top: 20px; margin-bottom: 40px; } .sr54Pro div.product .sr54Pro-tabs .panel.sr54Pro-Tabs-panel--description { padding-left: 40px; padding-right: 40px; } .sr54Pro div.product .sr54Pro-tabs .panel.sr54Pro-Tabs-panel--additional_information h2 { display: none; } .sr54Pro div.product .sr54Pro-tabs .panel.sr54Pro-Tabs-panel--additional_information table.shop_attributes { max-width: 60%; margin-left: auto; margin-right: auto; margin-top: 0; border-top: 0; border-bottom: 0; } .sr54Pro table.shop_attributes tr { border-bottom: 1px solid #000; } .sr54Pro table.shop_attributes tr:nth-child(even) td, .sr54Pro table.shop_attributes tr:nth-child(even) th { background: transparent !important; } .sr54Pro table.shop_attributes th { width: 25%; padding: .75em; font-size: inherit; line-height: inherit; text-align: right; border: 0; } .sr54Pro table.shop_attributes td { border: 0; font-style: normal; } .sr54Pro .sr54Pro-error:after, .sr54Pro .sr54Pro-error:before, .sr54Pro .sr54Pro-info:after, .sr54Pro .sr54Pro-info:before, .sr54Pro .sr54Pro-message:after, .sr54Pro .sr54Pro-message:before, .sr54Pro-page .sr54Pro-error:after, .sr54Pro-page .sr54Pro-error:before, .sr54Pro-page .sr54Pro-info:after, .sr54Pro-page .sr54Pro-info:before, .sr54Pro-page .sr54Pro-message:after, .sr54Pro-page .sr54Pro-message:before { display: block; clear: none; } .sr54Pro #content table.cart img, .sr54Pro table.cart img, .sr54Pro-page #content table.cart img, .sr54Pro-page table.cart img { width: 70px; } .sr54Pro table.shop_table th, .sr54Pro-page table.shop_table th { padding: 12px 15px 12px 15px; } .sr54Pro .sr54Pro-error:before, .sr54Pro .sr54Pro-info:before, .sr54Pro .sr54Pro-message:before, .sr54Pro-page .sr54Pro-error:before, .sr54Pro-page .sr54Pro-info:before, .sr54Pro-page .sr54Pro-message:before { line-height: 1em; margin-top: 10px; } .sr54Pro .cart-collaterals .shipping_calcuLator .shipping-calcuLator-button:after, .sr54Pro-page .cart-collaterals .shipping_calcuLator .shipping-calcuLator-button:after, .wc-forward a:after, .wc-forward:after { display: none; } #page-content-wrapper .inner .sidebar-content ul.products { margin-left: 0 !important; padding: 0; box-sizing: border-box; } #page-content-wrapper .inner .sidebar-content.left-sidebar ul.products { padding: 0; } #page-content-wrapper .inner .sidebar-content .related.products ul.products { padding: 0; margin-top: 20px; } .sr54Pro table.shop_table td, .sr54Pro-page table.shop_table td { border-top: 0; padding: 20px 20px; } .sr54Pro table.shop_table tfoot tr.cart-subtotal td, .sr54Pro table.shop_table tfoot tr.cart-subtotal th { padding: 15px 15px 0 15px; } .sr54Pro table.shop_table tfoot tr.cart-subtotal.order-total td, .sr54Pro table.shop_table tfoot tr.cart-subtotal.order-total th { padding: 0 15px 15px 15px; } .shipping-calcuLator-button { color: #222; } .product-subtotal .amount { color: #222; font-weight: 600; } .sr54Pro .cart-collaterals .cross-sells, .sr54Pro-page .cart-collaterals .cross-sells, .sr54Pro .cart-collaterals .cart_totals, .sr54Pro-page .cart-collaterals .cart_totals, .sr54Pro .cart-collaterals .shipping_calcuLator, .sr54Pro-page .cart-collaterals .shipping_calcuLator { width: 100%; float: none; } .sr54Pro .cart-collaterals .shipping_calcuLator, .sr54Pro-page .cart-collaterals .shipping_calcuLator { margin-top: 10px; } .sr54Pro-page table.cart th, table.shop_table thead tr th { border-bottom: 1px solid #dce0e0; border-top: 1px solid #dce0e0; color: #fff; font-weight: 500; background: #000; text-transform: uppercase; letter-spacing: 0; font-size: 20px; letter-spacing: 0.5px; } .sr54Pro table.shop_table, .sr54Pro-page table.shop_table { border-bottom: 1px solid #dce0e0; } .sr54Pro table.shop_table.cart, .sr54Pro-page table.shop_table.cart { border-top: 0; } .sr54Pro #content table.cart td.actions, .sr54Pro table.cart td.actions, .sr54Pro-page #content table.cart td.actions, .sr54Pro-page table.cart td.actions { border-bottom: 0 !important; } .sr54Pro table.cart td.actions .coupon .input-text#coupon_code { width: 300px; box-shadow: 0 0 0 0; margin-right: 10px; height: 42px; box-sizing: border-box; background: transparent; } .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow { height: 39px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 39px !important; } .sr54Pro .cart-collaterals .cart_totals table tr:first-child td, .sr54Pro .cart-collaterals .cart_totals table tr:first-child th, .sr54Pro-page .cart-collaterals .cart_totals table tr:first-child td, .sr54Pro-page .cart-collaterals .cart_totals table tr:first-child th, .sr54Pro-page .cart-collaterals .cart_totals tr td, .sr54Pro-page .cart-collaterals .cart_totals tr th { border-bottom: 0; } .sr54Pro-page #payment ul.payment_methods label { display: inline-block; clear: none; width: auto; margin-bottom: 10px; } .sr54Pro #payment div.payment_box, .sr54Pro-page #payment div.payment_box { margin-top: 0; margin-bottom: 20px; } .sr54Pro #payment ul.payment_methods, .sr54Pro-page #payment ul.payment_methods { border-bottom: 0; } .sr54Pro #payment div.form-row, .sr54Pro-page #payment div.form-row { border-top: 0; } .sr54Pro .star-rating span:before, .sr54Pro-page .star-rating span:before { color: #444; } .sr54Pro #reviews #comments ol.commentlist li .comment-text p.meta, .sr54Pro-page #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 0.8em; } strong[itemprop="author"] { font-size: 16px; font-weight: 600; color: #222; font-family: 'Roboto', 'Helvetica Neue', Arial, Verdana, sans-serif; letter-spacing: -1px; } .sr54Pro #payment div.payment_box:after, .sr54Pro-page #payment div.payment_box:after { display: none !important; } .sr54Pro #reviews #comments ol.commentlist li .comment-text, .sr54Pro-page #reviews #comments ol.commentlist li .comment-text { border: 0 !important; padding: 0; margin: 0 0 0 80px; } .sr54Pro #review_form #respond { width: 100%; } .sr54Pro #reviews h3 { text-align: left; } .sr54Pro .product_meta { margin-top: 40px; font-size: 14px; font-weight: 600; } .sr54Pro .product_meta .sku_wrapper { font-weight: 600; } .sr54Pro .product_meta a { font-weight: 400; } .sr54Pro .widget_shopping_cart .cart_list li a.remove, .sr54Pro.widget_shopping_cart .cart_list li a.remove { display: none; } .sr54Pro div.product .sr54Pro-product-rating { margin-bottom: 0; margin-top: -10px; } .sr54Pro-cart .wc-proceed-to-checkout { padding: 2em 0 4em 0; } .sr54Pro-checkout #payment div.form-row { padding: 1em 0 4em 0; } .return-to-shop { padding: 0 0 5em 0 !important; } .sr54Pro-checkout #payment { background: transparent; } .sr54Pro-checkout #payment ul { margin-left: 0 !important; padding: 0 !important; } .sr54Pro-checkout #payment .payment_method_paypal .about_paypal { margin-left: 10px; } .sr54Pro .sr54Pro-error:before, .sr54Pro .sr54Pro-info:before, .sr54Pro .sr54Pro-message:before { margin-top: 8px; } .sr54Pro .top-menu-bar.scroll .logo-wrapper img, .sr54Pro-page .top-menu-bar.scroll .logo-wrapper img { max-width: 100%; } .sr54Pro #respond input#submit.alt:hover, .sr54Pro a.button.alt:hover, .sr54Pro button.button.alt:hover, .sr54Pro input.button.alt:hover { background: #222; } .sr54Pro .products .onsale, .sr54Pro ul.products li.product .onsale, .sr54Pro span.onsale { width: 45px; height: 45px; position: absolute; left: 10px; top: 20px; background: #b13c3c; border-radius: 0; text-align: center; font-weight: 600; line-height: 45px; -webkit-box-shadow: 0 8px 8px -6px rgba(0, 0, 0, .15); -moz-box-shadow: 0 8px 8px -6px rgba(0, 0, 0, .15); box-shadow: 0 8px 8px -6px rgba(0, 0, 0, .15); z-index: 2; } body.single-product.sr54Pro span.onsale { left: 20px; top: 40px; } .sr54Pro ul.products li.product .price ins { text-decoration: none; } .sr54Pro ul.products li.product .price del, .sr54Pro div.product p.price del, .sr54Pro div.product span.price del { display: inline-block; } .sr54Pro #respond input#submit, .sr54Pro a.button, .sr54Pro button.button, .sr54Pro input.button { font-weight: 500; } .sr54Pro #respond input#submit, .sr54Pro a.button, .sr54Pro button.button, .sr54Pro input.button, .sr54Pro button.button:disabled, .sr54Pro button.button:disabled[disabled] { } .sr54Pro #payment #place_order, .sr54Pro-page #payment #place_order { width: 100%; float: none; margin-top: 20px; } .sr54Pro-privacy-policy-text p { padding-top: 0 !important; padding-bottom: 0 !important; } .sr54Pro table.shop_table.sr54Pro-checkout-review-order-table { border-top: 0; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .sr54Pro-cart .wc-proceed-to-checkout a.checkout-button, .sr54Pro-checkout .wc-proceed-to-checkout a.checkout-button { font-size: 15px; margin-bottom: 0; display: inline-block; padding: .6em 1.5em .5em 1.5em; float: right; } #page-content-wrapper .sidebar .content .sidebar-widget li.widget_products ul li:last-child, .page-content-wrapper .sidebar .content .sidebar-widget li.widget_products ul li:last-child, #footer ul.sidebar-widget li.widget_products ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .sidebar-widget li.widget_products .product-title { font-weight: 400; } #reviews.sr54Pro-Reviews #comments { width: 100%; } #reviews.sr54Pro-Reviews #review_fosetting-wrapperper { width: 33.33%; float: left; } .sr54Pro #reviews #comments ol.commentlist li .comment-text p.description { margin: 0; padding-top: 0; padding-bottom: 30px; } .sr54Pro #reviews #comments ol.commentlist li .comment-text p.meta { margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .sr54Pro #reviews #comments ol.commentlist li img.avatar { border-radius: 250px; border: 0; padding: 0; background: transparent; width: 60px; } .sr54Pro-review-link { opacity: 0.5; font-size: 12px; position: relative; top: 2px; } .sr54Pro .star-rating span:before, .sr54Pro-page .star-rating span:before { color: #fec42d; } .sr54Pro #reviews #comments ol.commentlist li .comment_container { margin-bottom: 40px; padding-right: 60px; } .sr54Pro #reviews #comments ol.commentlist li:last-child .comment_container { border: 0; margin-bottom: 0px; } .sr54Pro #review_form #respond p { padding-bottom: 0; } body.sr54Pro-order-received .sr54Pro h2, body.sr54Pro-order-received .sr54Pro h3 { font-size: 18px; } body.sr54Pro-order-received .sr54Pro { margin-bottom: 30px; } #page-content-wrapper .inner .sidebar-content ul.sr54Pro-thankyou-order-details { margin-left: 0; } .sr54Pro-account #page-content-wrapper .inner .sidebar-content.fullwidth { margin-bottom: 20px; } .sr54Pro-MyAccount-navigation ul { list-style: none; margin-left: 0 !important; } .sr54Pro-MyAccount-navigation ul li { margin-bottom: 10px; padding-left: 10px; border-left: 5px solid transparent; } .sr54Pro-MyAccount-navigation ul li.is-active { border-left: 5px solid #FF4A52; color: #FF4A52; font-weight: 600; } .sr54Pro .sr54Pro-Message a.button { background: transparent; padding: 0; border-radius: 0; } .sr54Pro #content div.product div.images, .sr54Pro div.product div.images, .sr54Pro-page #content div.product div.images, .sr54Pro-page div.product div.images { width: 55%; } .sr54Pro-page div.product div.summary { width: 40%; } .sr54Pro #respond input#submit, .sr54Pro a.button, .sr54Pro button.button, .sr54Pro input.button { border-radius: 0; border: 1px solid #000; } .sr54Pro button.button:disabled, .sr54Pro button.button:disabled[disabled] { display: none; } .sr54Pro form .form-row textarea { height: 10em; } body.sr54Pro-checkout #page-content-wrapper .inner .sidebar-content { padding-top: 20px; padding-bottom: 60px; } body.sr54Pro-checkout .sr54Pro .col2-set, body.sr54Pro-checkout.sr54Pro-page .col2-set, body.sr54Pro-cart .sr54Pro-cart-form { float: left; width: 63%; } body.sr54Pro-checkout .sr54Pro .col2-set .col-1, body.sr54Pro-checkout.sr54Pro-page .col2-set .col-1, body.sr54Pro-checkout .sr54Pro .col2-set .col-2, body.sr54Pro-checkout.sr54Pro-page .col2-set .col-2 { width: 100%; } body.sr54Pro-checkout .sr54Pro #order_review, body.sr54Pro-cart .cart-collaterals { float: right; width: 32%; margin-top: 20px; } body.sr54Pro-cart .cart-collaterals { margin-top: 0; } body.sr54Pro-cart .cart_totals h2:not(.sr54Pro-loop-product__title) { text-align: left; margin-top: 0; } body.sr54Pro-cart .cart_totals .wc-proceed-to-checkout .checkout-button { width: 100%; box-sizing: border-box; } body.page-template-default:not(.sr54Coffee-page) #page-content-wrapper .inner .sidebar-content dl.variation { margin: 0 0 0 0; font-style: italic; font-size: smaller; } .sr54Pro form .form-row label, .sr54Pro-page form .form-row label { font-weight: 600; } #add_payment_method #payment div.payment_box::before, .sr54Pro-cart #payment div.payment_box::before, .sr54Pro-checkout #payment div.payment_box::before { display: none; } .sr54Pro #payment div.payment_box, .sr54Pro-page #payment div.payment_box { background: #f0f0f0 !important; border-radius: 0; color: #000; padding: 1em 2em 1em 2em; } .sr54Pro .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; } .sr54Pro .select2-container--default .select2-selection--single { border-radius: 0; background: transparent; } .sr54Pro .select2-dropdown { border-radius: 0; } .sr54Pro #reviews #comments ol.commentlist li .meta { color: initial; } .sr54Pro div.product form.cart table.variations { width: 100%; float: left; margin-bottom: 30px !important; } .sr54Pro-variation.single_variation { margin: 0 0 10px 0; } .sr54Pro div.product form.cart table.variations tr td { padding: 0; vertical-align: baseline; position: relative; } .sr54Pro div.product form.cart .single_variation_wrap { width: 100%; float: right; } .sr54Pro-variation-add-to-cart { clear: both; float: left; width: 100%; padding-top: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding-bottom: 20px; } .sr54Pro-variation-price { float: left; margin-bottom: 20px; } .sr54Pro div.product form.cart .variations td.label { padding-right: 0; padding-bottom: 20px; } .sr54Pro-variation-availability { display: none !important; } .sr54Pro div.product form.cart .variations select { width: 100%; height: 47px; border: 0; background: transparent; -webkit-appearance: none; border-radius: 0; border: 1px solid #000; } .sr54Pro div.product form.cart table.variations tr td.value:after { font-family: 'themify'; content: "\e64b"; display: inline; position: absolute; top: 10px; right: 20px; } .sr54Pro div.product form.cart .reset_variations { text-decoration: underline; } form.checkout sr54Pro-checkout h3#order_review_heading { display: none; } .sr54Pro .sr54Pro-product-rating .star-rating { margin-top: 5px; } .sr54Pro table.shop_attributes td { padding: 8px; } .sr54Pro #review_form_wrapper { float: left; width: 100%; padding: 0; box-sizing: border-box; } .sr54Pro #review_form_wrapper #reply-title { font-size: 20px; font-weight: 600; margin-bottom: 20px; display: block; } .sr54Pro #respond input#submit { border: 1px solid #d8d8d8; } .sr54Pro div.product div.images .sr54Pro-product-gallery__image:nth-child(n+2) { width: 33.33%; } .sr54Pro #respond input#submit, .sr54Pro a.button, .sr54Pro button.button, .sr54Pro input.button, body.sr54Pro-cart .cart_totals .wc-proceed-to-checkout .checkout-button { padding: 0.8em 1.5em 0.8em 1.5em; } .sr54Pro-page .widget ul.product_list_widget li .star-rating { display: none; } .sr54Pro-product-details__short-description { clear: both; } .sr54Pro table.shop_table tr th, .sr54Pro table.shop_table tr td { border: 0; } .sr54Pro table.shop_table tbody tr.cart_item td { border-bottom: 1px solid #e1e1e1; } .widget_product_tag_cloud.sr54Pro.widget .tagcloud { margin-top: 20px; } .sr54Pro ul.products li.product a.sr54Pro-loop-product__link { transition: all .21s cubic-bezier(.5,.5,.4,.9); display: block; } .sr54Pro ul.products li.product:hover a.sr54Pro-loop-product__link { transform: translateY(-10px); transition: all .21s cubic-bezier(.5,.5,.4,.9); } #page-content-wrapper ul.products li.product a.button.ajax_add_to_cart, #page-content-wrapper .product_type_variable.add_to_cart_button { display: block !important; width: 100%; box-sizing: border-box; clear: both; border-radius: 0; font-size: 20px; margin-top: 10px; border: 1px solid #000; transform: translateY(-10px); opacity: 0; transition: all .21s cubic-bezier(.5,.5,.4,.9); } #page-content-wrapper ul.products li.product:hover a.button.ajax_add_to_cart, #page-content-wrapper ul.products li.product:hover .product_type_variable.add_to_cart_button { transform: translateY(0); opacity: 1; transition: all .21s cubic-bezier(.5,.5,.4,.9); } #page-content-wrapper ul.products li.product:hover a.button.ajax_add_to_cart { box-shadow: 0 10px 30px 0 rgba(41,41,50,.05); transform: scale(1) translateY(0px); } .sr54Pro .widget_price_filter .ui-slider-horizontal { height: .2em; } .sr54Pro .widget_price_filter .ui-slider .ui-slider-handle, .sr54Pro-page .widget_price_filter .ui-slider .ui-slider-handle { box-shadow: none; border: 0; } .sr54Pro .widget_price_filter .ui-slider .ui-slider-handle { width: 0.8em; height: 0.8em; } .sr54Pro .sr54Pro-result-count { font-weight: 600; } .sr54Pro a.button.loading::after { top: 0.8em; } #sr54Pro-mini-cart-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } #sr54Pro-mini-cart-wrapper.visible { z-index: 1000; } #sr54Pro-mini-cart-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000000; opacity: 0; cursor: pointer; transition: all .4s cubic-bezier(.5,.5,.4,.9); } #sr54Pro-mini-cart-wrapper.visible #sr54Pro-mini-cart-overlay { opacity: 0.2; z-index: 1001; transition: all .4s cubic-bezier(.5,.5,.4,.9); } #sr54Pro-mini-cart-flyout { position: absolute; top: 0; right: 0; bottom: 0; width: 17em; background: #fff; display: flex; flex-direction: column; cursor: auto; transition: all .4s cubic-bezier(.5,.5,.4,.9); transform: translate3d(100%, 0, 0); z-index: 1002; } #sr54Pro-mini-cart-wrapper.visible #sr54Pro-mini-cart-flyout { transition: all .4s cubic-bezier(.5,.5,.4,.9); transform: translate3d(0, 0, 0); } #sr54Pro-mini-cart-flyout ul.cart_list, #sr54Pro-mini-cart-flyout ul.product_list_widget { padding: 30px; flex-basis: 0; flex-grow: 1; overflow-y: auto; list-style: none; } #sr54Pro-mini-cart-flyout ul.cart_list li img, #sr54Pro-mini-cart-flyout ul.product_list_widget li img, #sr54Pro-mini-cart-flyout ul.cart_list li img, #sr54Pro-mini-cart-flyout ul.product_list_widget li img { width: 100% !important; height: auto; margin: 0 !important; display: block; float: none; width: auto; margin: 0; order: 10; } #sr54Pro-mini-cart-flyout ul.product_list_widget li { position: relative; margin-bottom: 10px; } #sr54Pro-mini-cart-flyout ul.product_list_widget li a:not(.remove) { display: flex; flex-direction: column; font-weight: 600 !important; } #sr54Pro-mini-cart-flyout ul.product_list_widget li a.remove { position: absolute; top: auto; left: auto; right: 0px; bottom : 13px; color: inherit !important; } #sr54Pro-mini-cart-flyout ul.product_list_widget li a.remove:hover { color: #fff !important; } #sr54Pro-mini-cart-flyout ul.product_list_widget li .variation { display: none; } #sr54Pro-mini-cart-flyout ul.product_list_widget li a.remove:before, #sr54Pro-mini-cart-flyout ul.product_list_widget li a.remove:after { content: ""; display: block; width: 0.125em; height: 100%; position: absolute; top: 50%; left: 50%; } #sr54Pro-mini-cart-flyout ul.product_list_widget li .quantity { font-weight: normal; } #sr54Pro-mini-cart-flyout .sr54Pro-mini-cart-shopping-cart { flex-grow: 1; display: flex; flex-direction: column; } #sr54Pro-mini-cart-flyout .sr54Pro-mini-cart__total { padding: 30px 30px 0 30px; display: flex; position: relative; } #sr54Pro-mini-cart-flyout .sr54Pro-mini-cart__total:before { content: ""; display: block; height: .625em; position: absolute; bottom: 100%; left: 0; right: 0; opacity: 0.2; box-shadow: inset 0 -0.625em 0.625em -0.625em #000000; } #sr54Pro-mini-cart-flyout .sr54Pro-mini-cart__total .sr54Pro-Price-amount { margin-left: auto; } #sr54Pro-mini-cart-flyout .sr54Pro-mini-cart__buttons { padding: 30px 30px 15px 30px; } #sr54Pro-mini-cart-flyout .sr54Pro-mini-cart__buttons a { width: 100%; box-sizing: border-box; margin-bottom: 15px; font-size: inherit !important; } /* 13. Login Plugin Elements */ body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] { padding: 50px 40px 50px 40px; background: #f9f9f9; border-radius: 5px; width: 365px !important; } body .ui-widget-overlay { background: rgba(0, 0, 0, 0.7) !important; opacity: 1; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] button.ui-dialog-titlebar-close, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] button.ui-dialog-titlebar-close { display: none; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .ui-dialog-titlebar, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .ui-dialog-titlebar { background: transparent; border: 0; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .ui-dialog-titlebar .ui-dialog-title, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .ui-dialog-titlebar .ui-dialog-title { font-weight: 600; font-size: 28px; text-shadow: none; width: 100%; display: block; margin-bottom: 20px; text-align: center; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper label, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper label { font-weight: normal; font-size: 16px; margin-bottom: 0; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="text"], body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="password"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="text"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="password"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="email"] { font-size: 16px; letter-spacing: 0; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="text"]::-webkit-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="password"]::-webkit-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="text"]::-webkit-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="password"]::-webkit-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="email"]::-webkit-input-placeholder { color: transparent; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="text"]::-moz-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="password"]::-moz-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="text"]::-moz-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="password"]::-moz-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="email"]::-moz-placeholder { color: transparent; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="text"]:-ms-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="password"]:-ms-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="text"]:-ms-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="password"]:-ms-input-placeholder, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="email"]:-ms-input-placeholder { color: transparent; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper .zm_alr_form_field_container, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper .zm_alr_form_field_container { margin-bottom: 30px; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper .zm_alr_ul_container, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper .zm_alr_ul_container { font-size: 16px; } body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"] { border-radius: 0; text-shadow: none; } .ui-dialog .zm_alr_login_dialog.ui-dialog-content { border: 0; } /* * * 14. LearnPress Plugin Elements * */ #course-item-content-header h2.course-title { font-size: 1em; font-weight: 400; } body .course-curriculum ul.curriculum-sections .section-header .section-title { font-size: 14px; font-weight: 700; } .learn-press-breadcrumb, #learn-press-course .course-meta { display: none; } #single-course-header { padding: 60px 0 60px 0; width: 100%; float: left; } body.tg-single-course-4 #single-course-header { padding: 0; height: 550px; color: #fff; margin-top: 40px; margin-bottom: 0; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } body.tg-single-course-4 #single-course-header h1 { color: #fff; } body.tg-single-course-4 #single-course-header .standard-wrapper { z-index: 2; display: flex; align-items: center; height: 100%; width: 60%; } body.tg-single-course-4 #single-course-enroll:hover { background: transparent !important; } body.theme-sr54.profile .learn-press-form-login { width: 46%; float: left; } body.theme-sr54.profile .learn-press-form-register { width: 46%; float: right; } .single-course-title { float: left; width: 70%; } .single-course-join { float: right; width: 30%; text-align: right; margin-top: 20px; } body.tg-single-course-2 .single-course-join { float: none; width: 100%; text-align: center; margin-top: 10px; } body.tg-single-course-2 .single-course-join a { display: block; width: 100%; box-sizing: border-box; font-size: 16px; } body.tg-single-course-2 .course-learning-summary { margin-top: 60px; } body.tg-single-course-3.is-enrolled .course-learning-summary { margin-top: 40px; } body.is-enrolled .course-learning-summary { margin-bottom: 60px; } .single-course-excerpt p { padding: 0 !important; margin-top: 10px; } #single-course-bgimage { height: 500px; background-size: cover; background-position: center center; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .course-template-2 #single-course-bgimage:after, body.tg-single-course-4 #single-course-header:after { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; display: block; content: ""; } body.tg-single-course-4 .single-course-title, body.tg-single-course-4 .single-course-join { width: 100%; float: none; text-align: center; } .course-template-2 #single-course-bgimage .single-course.standard-wrapper { display: flex; align-items: center; height: 100%; color: #fff; z-index: 2; } .course-template-2 #single-course-bgimage .single-course.standard-wrapper .single-course-title { width: 50%; } #single-course-bgimage h1, .single-course-title h1 { line-height: 1.5; } .course-template-2 #single-course-bgimage h1 { color: #fff; } body #learn-press-course-tabs { clear: both; margin: 30px 0 30px 0; } body.tg-single-course-4 #learn-press-course-tabs { margin-top: 0; } #page-content-wrapper ul.learn-press-nav-tabs { border-bottom: 0; text-align: center; } body.learnpress-page.profile .lp-tab-sections { margin: 0 0 20px 0 !important; background: transparent; z-index: 3; position: relative; } body.learnpress-page.profile .learn-press-subtab-content { margin: 20px 0 0 0; } body.learnpress-page.profile .lp-sub-menu, body.learnpress-page.profile ul.learn-press-courses { margin: 20px 0 20px 0 !important; } body.learnpress-page.profile ul.learn-press-courses, body.learnpress-page.profile .learn-press-message { clear: both; } #page-content-wrapper ul.learn-press-nav-tabs .course-nav, body.learnpress-page.profile .lp-tab-sections li { display: inline-block; float: none; } body.learnpress-page.profile .lp-tab-sections .section-tab.active span { border: 0; line-height: initial; } body.learnpress-page.profile .profile-heading { float: left; width: 50%; margin: 20px 0 20px 0; } body.learnpress-page.profile .lp-sub-menu { float: right; width: 50%; text-align: right; } #page-content-wrapper .course-landing-summary { margin-bottom: 60px; } #learn-press-course { width: 100%; margin: auto; } body.tg-single-course-2 #learn-press-course { width: 100%; float: left; } body.tg-single-course-2 #learn-press-course .course-landing-summary { float: left; width: 66.66%; box-sizing: border-box; padding-right: 40px; margin: 0; } body.tg-single-course-2 #page-content-wrapper #learn-press-course ul.learn-press-nav-tabs { text-align: left; margin-top: 60px; margin-left: 10px; } #learn-press-course-tabs .course-tab-panel { padding: 40px 0 0 0; } #page-content-wrapper ul.learn-press-nav-tabs .course-nav.active:after, #page-content-wrapper ul.learn-press-nav-tabs .course-nav:hover:after { display: none; } #page-content-wrapper ul.learn-press-nav-tabs .course-nav { margin-left: -10px; } #page-content-wrapper ul.learn-press-nav-tabs .course-nav.active a, body.learnpress-page.profile .lp-tab-sections .section-tab.active span { z-index: 2; position: relative; } #page-content-wrapper ul.learn-press-nav-tabs .course-nav a, body.learnpress-page.profile .lp-tab-sections li a, body.learnpress-page.profile .lp-tab-sections li span, body.learnpress-page.profile .lp-tab-sections .section-tab.active span { font-weight: 700; border-radius: 5px; padding: 8px 30px 8px 30px; } #page-content-wrapper ul.learn-press-nav-tabs .course-nav.active a, body.learnpress-page.profile .lp-tab-sections .section-tab.active span { background: #333; color: #fff; } body.learnpress-page.profile .lp-list-table tr.list-table-nav td { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; } .lp-label.label-finished, .lp-label.label-completed, .lp-label.label-cancelled, .lp-label.label-pending { padding: 5px 30px 5px 30px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; } body .profile-recover-order { border: 0; padding: 0; margin-top: 40px; } .order-recover input[name="order-key"]::placeholder { opacity: 0.5; } body .profile-recover-order p { padding: 0 !important; } body.learnpress-page.profile .lp-list-table tbody tr td.column-order-action { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } body.learnpress-page.profile .lp-list-table tbody tr td.column-order-action a { margin-right: 10px; } #profile-content-order-details h3 { font-size: 18px; } #page-content-wrapper .lp-single-course .course-price { margin: 0; float: right; margin-bottom: 80px; font-weight: 700; } body.tg-single-course-2 #page-content-wrapper .lp-single-course .course-price { margin-bottom: 60px; } body #page-content-wrapper .lp-single-course .course-price, body #page-content-wrapper .lp-single-course .lp-course-buttons { display: none; } body.tg-single-course-2 #page-content-wrapper .course-landing-summary { margin-bottom: 20px; } #page-content-wrapper .lp-single-course .lp-course-buttons { float: left; margin: 0; margin-bottom: 80px; } .learnpress-page #page-content-wrapper .lp-button, .learnpress-page #learn-press-profile-basic-information button, .learnpress-page #profile-content-settings form button[type="submit"] { line-height: normal; height: intrinsic; padding: .6em 2.5em .6em 2.5em; background: transparent; border-radius: 0; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #page-content-wrapper .lp-single-course .course-author .author-bio { font-style: normal; padding: 1.6em 0 1.6em 1.6em; } #page-content-wrapper .lp-single-course .course-author .author-name a { font-weight: 700; } .course-author h3 { display: none; } #page-content-wrapper .course-curriculum ul.curriculum-sections .section-header { border-bottom: 1px solid #999; } #page-content-wrapper .course-curriculum ul.curriculum-sections .section-header .section-title { font-weight: 700; } body .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .item-meta, body .lp-label.label-enrolled, .lp-label.label-started { padding: 0 15px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; } body .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta:not(.trans) .course-item-status:before, body .lp-label.label-enrolled, .lp-label.label-started, body .course-remaining-time .lp-label.label-enrolled { font-size: 10px; } body .lp-label.label-enrolled, .lp-label.label-started { height: 20px; line-height: 20px; color: #fff; } body .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration { background: transparent; color: #222; padding: 0; } body .course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-meta .course-item-status, body .course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_lesson .section-item-link:before, body .course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_quiz .section-item-link:before, body .course-curriculum ul.curriculum-sections .section-content .course-item:not(.item-preview) .course-item-status { font-family: 'themify'; } body .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.status-completed .course-item-status:before, body .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.status-started .course-item-status:before { font-size: 16px; content: "\e64c"; } body .course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_lesson .section-item-link:before { font-size: 20px; content: "\e6c7"; } body .course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_quiz .section-item-link:before { font-size: 20px; content: "\e72b"; } body .course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-meta .course-item-status:before { color: #222; font-size: 16px; content: "\e62b"; } #single-course-meta { background-color: #fff; margin-top: -60px; position: relative; z-index: 2; border-radius: 5px; } body.tg-single-course-4 #single-course-meta { margin-top: 0; clear: both; } ul.single-course-meta-data { list-style: none; } #single-course-meta ul.single-course-meta-data { display: flex; background: #fff; margin-bottom: 60px; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); border-radius: 5px; } #page-content-wrapper .course-template-2 ul.single-course-meta-data { margin-top: 25px; } #single-course-meta ul.single-course-meta-data li { justify-content: center; padding: 0 1em; flex-grow: 1; display: flex; margin: 2.2rem 0; } .course-template-2 ul.single-course-meta-data li { display: inline-block; margin-right: 20px; } .course-template-2 ul.single-course-meta-data div { display: inline-block; } #single-course-meta ul.single-course-meta-data li:first-child { padding-left: 0; } #single-course-meta ul.single-course-meta-data li:last-child { display: none !important; } #single-course-meta ul.single-course-meta-data li.single-course-meta-data-separator { flex: 0; border-left: solid 1px #e1e1e1; display: flex; max-height: 2.7em; padding: 0; } #single-course-meta ul.single-course-meta-data li .single-course-meta-data-icon { padding-right: .5em; display: flex; font-size: 2rem; line-height: 1.5; } #single-course-meta ul.single-course-meta-data li .single-course-meta-data-text { display: flex; flex-direction: column; } #single-course-meta ul.single-course-meta-data li .single-course-meta-data-text .single-course-meta-data-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } #single-course-meta ul.single-course-meta-data li .single-course-meta-data-text .single-course-meta-data-content { font-size: 14px; font-weight: 700; } body .course-curriculum ul.curriculum-sections .section-content .course-item:before { display: none; } body #course-item-content-header .form-button.lp-button-back button, body.learnpress-page .lp-button { height: auto; line-height: normal; padding: 6px 30px 4px 30px; } body.learnpress-page .lp-button.button-complete-lesson { margin-top: 30px; } body #course-item-content-header .course-item-search input { font-style: normal; } body #course-item-content-header { background: #f9f9f9; } body #course-item-content-header .toggle-content-item:before { font: 20px/60px 'themify'; content: "\e67a"; } body.single.full-screen-content-item #course-item-content-header .toggle-content-item:before { font: 20px/60px 'themify'; content: "\e679"; } body.single.course-item-popup #learn-press-content-item .content-item-wrap { margin: 40px auto; } body .course-item-nav .prev span, body .course-item-nav .next span { font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; } body .course-item-nav .prev a, body .course-item-nav .next a { position: relative; top: -5px; } .learn-press-message:before { display: none; } body .course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message { margin-left: 0; margin-right: 0; } body .lp-label { background: transparent; color: #222; } body .answer-options .answer-option .option-title:before { display: none; } .lp-quiz-buttons .lp-form.form-button button[type="submit"] { background: transparent; border: none; text-decoration: none; margin-right: 10px; cursor: pointer; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-top: 10px; outline: none; } body.learnpress-page.checkout:not(.sr54Coffee-page) #page-content-wrapper .inner .sidebar-content.fullwidth, body.learnpress-page.profile:not(.sr54Coffee-page) #page-content-wrapper .inner .sidebar-content.fullwidth { padding-bottom: 80px; } body.learnpress-page.profile:not(.sr54Coffee-page) #page-content-wrapper .inner .sidebar-content.fullwidth { padding-top: 60px; } body.learnpress-page.checkout .lp-list-table thead tr th, body.learnpress-page.profile .lp-list-table thead tr th { background: #333; } body.learnpress-page.checkout #learn-press-order-review { float: right; width: 32%; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); } body.learnpress-page.checkout #learn-press-order-review h4 { display: none; } body.learnpress-page.checkout .learn-press-checkout-comment h4, body.learnpress-page.checkout #learn-press-payment h4 { font-size: 16px; margin-bottom: 10px; } body.learnpress-page.checkout .learn-press-checkout-comment .order-comments::placeholder { opacity: 0; } body.learnpress-page.checkout .learn-press-checkout-comment, body.learnpress-page.checkout #learn-press-payment { float: left; width: 63%; } body.learnpress-page.checkout .lp-list-table { margin: 0; } body.learnpress-page.checkout #learn-press-payment .payment-methods { margin: 0 !important; } body.learnpress-page.checkout #learn-press-payment .payment-methods .lp-payment-method.selected>label { background: transparent; padding: 0; display: inline-block; } body.learnpress-page.checkout #learn-press-payment .payment-methods .payment-method-form { background: transparent; border: 0; padding: 0; font-size: 13px; display: inline-block !important; margin-left: 10px; } body.learnpress-page.checkout #checkout-order-action { margin-top: 30px; } body.learnpress-page.profile #learn-press-profile-header { background: transparent; margin-bottom: 20px; } body.learnpress-page.profile #learn-press-profile-header .lp-profile-avatar img { border-radius: 250px; position: relative; top: -100px; } body.learnpress-page.profile .lp-user-profile .profile-name { font-size: 20px; font-weight: 700; margin-top: -100px; margin-left: 5px; text-align: left; } body.learnpress-page.profile #learn-press-profile-header .lp-profile-avatar { width: 200px; } body.learnpress-page.profile #learn-press-profile-nav { padding: 0; } body.learnpress-page.profile #learn-press-profile-nav .tabs { margin: 0 !important; } body.learnpress-page.profile #learn-press-profile-nav .tabs>li a { padding: 10px 20px; } body.learnpress-page.profile #learn-press-profile-nav .tabs>li ul { margin: 0 !important; padding: 0; } body.learnpress-page.profile #learn-press-profile-nav .tabs>li.active ul { background: transparent; } body.learnpress-page.profile #learn-press-profile-nav .tabs>li.active ul li a { color: inherit; padding-left: 40px; } body.learnpress-page.profile #learn-press-profile-content { width: calc(100% - 250px); } body.learnpress-page.profile #learn-press-profile-nav .tabs>li.active ul li a:hover { color: #fff; } body.learnpress-page.profile #learn-press-profile-nav:before { background: #f9f9f9; } body.learnpress-page.profile #learn-press-profile-nav, body.learnpress-page.profile #learn-press-profile-nav .tabs>li:hover:not(.active) ul { background: transparent; font-size: 15px; margin-top: -40px; } body.learnpress-page.profile .learn-press-form .form-fields { margin: 40px 0 0 0 !important; } body.learnpress-page.profile #learn-press-profile-nav .tabs>li:hover:not(.active) ul { background: #fff; border-radius: 5px; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); } body.learnpress-page.profile #learn-press-profile-nav .tabs>li { margin-bottom: 5px; } body.learnpress-page.profile #learn-press-profile-nav .tabs>li.active>a { color: #fff; font-weight: 700; border-radius: 5px; } body.learnpress-page.profile #learn-press-profile-nav .tabs>li:hover a { border-radius: 5px; } body.learnpress-page.profile #learn-press-profile-content { margin-top: -120px; } body ul.learn-press-courses .course .course-thumbnail { margin-bottom: 20px; } body ul.learn-press-courses .course .course-title { font-weight: 700; } body ul.learn-press-courses .course { position: relative; } body ul.learn-press-courses .course .lp-course-buttons form button { display: none; } body ul.learn-press-courses .course .course-info .course-price .price { position: absolute; top: 12px; right: 12px; font-size: 13px; display: inline-block; background: #000; color: #fff; font-weight: 900; text-transform: uppercase; border-radius: 50%; width: 60px; text-align: center; line-height: 60px; } body ul.learn-press-courses .course .course-info .course-instructor { float: none; clear: both; margin-top: -20px; } ul.learn-press-courses .course .course-info .course-instructor:before { font: 16px/60px 'themify'; content: "\e623"; margin-right: 5px; vertical-align: middle; } body.learnpress-page #page-content-wrapper .lp-button { cursor: pointer; } body.learnpress-page #page-content-wrapper .order-recover input[name="order-key"] { width: 100%; } body.learnpress-page #page-content-wrapper .order-recover .lp-button { clear: both; margin-top: 15px; } .learnpress-page #learn-press-profile-basic-information p { padding: 0 !important; } .learnpress-page #learn-press-profile-basic-information button { cursor: pointer; margin-top: 30px; outline: none; } body.learnpress-page.profile #learn-press-profile-header { z-index: 2; } body .lp-avatar-preview .profile-picture { margin-top: 0; } body .learn-press-form .form-fields .form-field input[type="text"], body .learn-press-form .form-fields .form-field input[type="email"], body .learn-press-form .form-fields .form-field input[type="number"], body .learn-press-form .form-fields .form-field input[type="password"], body .learn-press-form .form-fields .form-field textarea { padding: 6px 10px 6px 10px; } body #page-content-wrapper p#lp-avatar-actions { padding: 0; } body #page-content-wrapper p#lp-avatar-actions button { padding: .6em 2.5em .6em 2.5em; cursor: pointer; outline: none; } body ul.learn-press-courses .course .course-title { line-height: 1.5em; } body #learn-press-profile-nav #profile-mobile-menu { font: 20px/60px 'themify'; text-align: right; } body #learn-press-profile-nav #profile-mobile-menu.fa-bars:before { content: "\e60f"; } #lp-archive-courses form.learn-press-search-course-form { margin: 10px 0 50px 0; } #lp-archive-courses ul.learn-press-courses .course, #profile-content-courses ul.learn-press-courses .course { border-radius: 5px; overflow: hidden; background: #fff; } body ul.learn-press-courses .course .course-title { margin: 25px 25px 0 25px; } body ul.learn-press-courses .course .course-info { margin: 10px 25px 10px 25px; } body ul.learn-press-courses .course .lp-course-buttons { display: none; } body ul.learn-press-courses .course .course-thumbnail img { width: 100%; } body ul.learn-press-courses .course { width: 30.66%; margin: 0 4% 40px 0; } body ul.learn-press-courses .course:nth-child(3n) { margin-right: 0; } body .course-curriculum ul.curriculum-sections .section-content .course-item { background: transparent; } body.single-lp_course .fullwidth-comment-wrapper { width: 70%; margin: 0; margin: auto; float: none; } body.single-lp_course .fullwidth-comment-wrapper #respond.comment-respond { padding-top: 0; margin-bottom: 80px; } body.archive.post-type-archive-lp_course #page-content-wrapper { padding-bottom: 40px; } form[name="search-course"] .search-course-input::placeholder { opacity: 0.5; } body.tg-single-course-2 .single-course_sidebar { width: 33%; border-radius: 5px; background: #fff; float: right; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); margin-top: 60px; overflow: hidden; padding: 5px; box-sizing: border-box; margin-bottom: 60px; } body.tg-single-course-2 .lp-single-course { float: left; width: 100%; } body.tg-single-course-2 .single-course_sidebar.has_image { margin-top: -300px; position: relative; z-index: 2; } body.tg-single-course-2 .single-course_sidebar.is_stuck { margin-top: 0; margin-bottom: 80px; } body.tg-single-course-2 .single-course_sidebar .single-course_info_wrapper { margin: 30px; } .single-course_price_wrapper { display: flex; align-items: center; } .single-course_price_wrapper .price { margin-left: 10px; font-size: 40px; font-weight: 900; letter-spacing: -1px; } .single-course_price_wrapper .origin-price { line-height: 20px; font-size: 18px; opacity: 0.5; text-decoration: line-through; } body.tg-single-course-1 .single-course_price_wrapper { float: right; text-align: right; } body.tg-single-course-1 .single-course_price_wrapper { font-size: 24px; } body.tg-single-course-1 .single-course_price_wrapper .single-course_price_wrapper .price { font-size: 16px; } body.tg-single-course-1 .single-course-join { margin-top: 0; } body.tg-single-course-3 .single-course-join { float: none; width: 100%; margin-top: 0; text-align: left; } body.tg-single-course-2 .single-course_sidebar .single-course-join { margin-bottom: 30px; } body.tg-single-course-2 .single-course_sidebar .single-course-include h4, body.tg-single-course-3 .single-course-include h4 { font-size: 16px; margin-bottom: 20px; } .single-course-include .single-course-include_list { list-style: none; margin-top: 20px; } .single-course-include .single-course-include_list li { display: block; width: 100%; margin: 10px 0 10px 0; } .single-course-include .single-course-include_list li span { display: inline-block; width: calc(100% - 40px); } .single-course-include .single-course-include_list li span.single-course-include_icon { margin-right: 5px; width: 30px; vertical-align: top; } .single-course-include .single-course-include_list li span.single-course-include_icon img { width: auto; max-height: 22px; vertical-align: middle; } .single-course-include .single-course-include_list li span.single-course-include_icon span { font-size: 22px; } .dpsp-share-text { padding-bottom: 0 !important; } .single-course_info_wrapper .sidebar { margin-top: 30px; float: left; } .single-course_info_wrapper .sidebar .content ul.sidebar-widget { border-top: solid 1px #D8D8D8; padding-top: 30px !important; margin-bottom: 30px !important; float: left; } #learn-press-course-tabs .course-tab-panel .course-description ul { margin-left: 40px; margin-top: 10px; } #learn-press-course-tabs .course-tab-panel .course-description p { padding-bottom: 1.5em; } body.tg-single-course-3 .single-course-title { margin-bottom: 30px; } body.tg-single-course-3 #single-course-header { padding-bottom: 20px; padding-top: 40px; } body.tg-single-course-3 #learn-press-course { width: 100%; } body .course-review-wrapper .review-form { border-radius: 5px; } body .course-rate .review-bar .rating { border-radius: 5px; background: #a1a7b3; height: 20px; } body .course-rate .review-bar { border-radius: 5px; background: #f2f3f5; height: 20px; margin-left: 10px; margin-right: 10px; width: calc(100% - 160px); } body .course-rate>span.review-percent { top: -5px; position: relative; display: inline-block; } body .course-rate>.review-stars-rated { top: 3px; position: relative; } body.tg-single-course-1 .single-course-title>.review-stars-rated, body.tg-single-course-2 .single-course-title>.review-stars-rated, body.tg-single-course-3 .single-course-title>.review-stars-rated, body.tg-single-course-4 .single-course-title>.review-stars-rated { top: 7px; position: relative; } .course_rate_summary { display: inline-block; width: 160px; height: 200px; vertical-align: top; text-align: center; } .course_rate_breakdown { display: inline-block; width: calc(100% - 180px); } .course_rate_summary .review-number { font-size: 72px; font-weight: 700; line-height: 1; letter-spacing: -2px; } .course_rate_summary .course_rating_title { margin-top: -10px; } body.single-lp_course .review-stars-rated .review-stars.empty, body.single-lp_course .review-stars-rated .review-stars.filled { width: 100%; } h3.course-review-head { display: none; } body.single-lp_course .course-reviews-list li, body.single-lp_course .course-reviews-list-shortcode li { background: transparent; border: 0; border-top: 1px solid #d8d8d8; padding-top: 40px; margin-top: 20px; } body.single-lp_course .course-reviews-list li .review-author { display: inline-block; width: 230px; } body.single-lp_course .course-reviews-list li .review-author img { width: 60px; height: auto; border-radius: 50px; display: inline-block; margin-right: 10px; } body.single-lp_course .course-reviews-list li .review-author .review-author-info { width: calc(100% - 80px); display: inline-block; vertical-align: top; } body.single-lp_course .course-reviews-list li .review-author .review-author-info h4 { font-size: 14px; margin-top: -2px; } body.single-lp_course .course-reviews-list li .review-text { display: inline-block; width: calc(100% - 250px); } body.single-lp_course .course-reviews-list li .user-name, body.single-lp_course .course-reviews-list-shortcode li .user-name { margin: 0; } body.single-lp_course .review-time { opacity: 0.7; } #learn-press-course-tabs .course-tab-panel#tab-reviews { padding-bottom: 0; } body.single-lp_course #dpsp-content-bottom { margin-top: 2.5em; } body.single-lp_course .course-reviews-list li .review-title, body.single-lp_course .course-reviews-list-shortcode li .review-title { font-size: 18px; font-style: normal; margin: 5px 0 10px 0; } .page-shop-categories-filter { display: inline-block; list-style: none; margin: auto; margin-top: 10px; } .page-shop-categories-filter li { display: inline-block; margin: 0 15px 0 15px;; font-size: 22px; } .page-shop-categories-filter li a { border-bottom: 2px solid transparent; padding-bottom: 5px; } .page-shop-categories-filter li a.active, .page-shop-categories-filter li a:hover { border-bottom: 2px solid #000; } /** * *  Single course video preview code * **/ .video-grid-wrapper .video-card { position: relative; overflow: hidden; display: block; text-align: center; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .video-grid-wrapper .video-card .preview-video-title { width: 100%; position: absolute; bottom: 25px; left: 0; z-index: 4; color: #fff; font-weight: 900; text-align: center; } .video-grid-wrapper .video-card { border-radius: 0; line-height: 0; } .video-grid-wrapper .video-card:before { opacity: 1; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 3; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(56%, rgba(0, 0, 0, 0.1)), color-stop(93%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.69))); background-image: -webkit-linear-gradient(transparent 0%, transparent 50%, rgba(0, 0, 0, 0.1) 56%, rgba(0, 0, 0, 0.6) 93%, rgba(0, 0, 0, 0.69) 100%); background-image: linear-gradient(transparent 0%, transparent 50%, rgba(0, 0, 0, 0.1) 56%, rgba(0, 0, 0, 0.6) 93%, rgba(0, 0, 0, 0.69) 100%); } .video-grid-wrapper .video-card:hover .video-card-image { -webkit-transform: scale(1.06); transform: scale(1.06); transition: -webkit-transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms; transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms; transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms, -webkit-transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms; } .video-grid-wrapper .video-card .video-card-image { width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms; transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms; transition: transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms, -webkit-transform 700ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms; } .video-grid-wrapper .video-iframe-wrapper { display: none; } .video-grid-wrapper .video-iframe-container { background: #000; display: flex; align-items: center; } .video-grid-wrapper .video-iframe-container .video-container { width: 100%; margin: 0; } body.tg-single-course-3 .video-grid-wrapper { float: left; width: 70%; } body.tg-single-course-3 .single-course-include { float: right; width: 25%; } body.tg-single-course-3 .video-grid-wrapper .video-card { border-radius: 5px; } /** * *  End single course video preview code * **/ /** * *  Teacher profile code * **/ body.learnpress-page.profile .tg-three-cols, body.single.single-lp_course .tg-three-cols { margin-right: 3.5%; } body.learnpress-page.profile .tg-three-cols.last, body.single.single-lp_course .tg-three-cols.last { margin-right: 0; } body.learnpress-page.profile .tg-four-cols, body.single.single-lp_course .tg-four-cols { margin-right: 2.5%; } body.learnpress-page.profile .tg-four-cols.last, body.single.single-lp_course .tg-four-cols.last { margin-right: 0; } body.learnpress-page.profile .profile-avatar { display: inline-block; margin-right: 20px; } body.learnpress-page.profile .profile-avatar img { border-radius: 50%; width: 90px; height: auto; } body.learnpress-page.profile .profile-name { display: inline-block; height: 90px; vertical-align: top; } body.learnpress-page.profile .profile-name h1 { line-height: 90px !important; } body.learnpress-page.profile .profile-description { font-size: 18px; margin-top: 10px; width: 60%; } body.learnpress-page.profile .profile-course-count { margin-top: 30px; border-radius: 5px; background: #57B957; color: #fff; display: inline-block; } body.learnpress-page.profile .profile-course-count span.ti-agenda { padding-right: 15px; margin: 8px 0 8px 15px; display: inline-block; } body.learnpress-page.profile .profile-course-count span.profile-course-count-number { font-weight: 700; background: #FF6D3F; padding: 8px 15px 8px 15px; display: inline-block; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } body.learnpress-page.profile #wrapper { background: #f9f9f9 !important; } body.learnpress-page.profile:not(.checkout) .course-grid-container { margin-top: 60px; margin-bottom: 30px; } body.learnpress-page.profile .course-grid-container.hidden { display: none; } body.learnpress-page.checkout #page-content-wrapper .inner .sidebar-content.fullwidth { padding-top: 60px; } body.learnpress-page.checkout #learn-press-checkout-login, body.learnpress-page.checkout #learn-press-checkout-register { width: 48%; float: left; box-sizing: border-box; border-radius: 5px; display: inline-block; padding: 40px; } body.learnpress-page.checkout #learn-press-checkout-register { margin-left: 4%; } .learn-press-form .form-fields { margin-left: 0 !important; } body.learnpress-page.profile .course-grid-container .portfolio-classic-grid-wrapper.tg-two-cols .card-title, body.single.single-lp_course .course-grid-container .portfolio-classic-grid-wrapper.tg-two-cols .card-title { font-size: 22px; } body.learnpress-page.profile .course-grid-container .portfolio-classic-grid-wrapper.tg-three-cols .card-title, body.single.single-lp_course .course-grid-container .portfolio-classic-grid-wrapper.tg-three-cols .card-title { font-size: 18px; } body.learnpress-page.profile .course-grid-container .portfolio-classic-grid-wrapper.tg-four-cols .card-title, body.single.single-lp_course .course-grid-container .portfolio-classic-grid-wrapper.tg-four-cols .card-title { font-size: 16px; } .tooltip-templates { display: none; } body .tooltipster-sidetip.tooltipster-shadow .tooltipster-content ul { margin-left: 20px !important; } body .tooltipster-sidetip.tooltipster-shadow .tooltipster-content ul li { margin: 10px 0 10px 0 !important; } body .tooltipster-sidetip.tooltipster-shadow .tooltipster-content ul li:last-child { margin-bottom: 0 !important; } body .tooltipster-sidetip.tooltipster-shadow .tooltipster-content h5 { font-size: 16px; margin-bottom: 5px; } body .tooltipster-sidetip.tooltipster-shadow .tooltipster-content .course-tooltip-content { margin: 20px 5px 20px 5px; box-sizing: border-box; } .course-grid-container .grid-template2 .card-info .card-meta-wrapper-half .card-price { font-size: 20px; font-weight: 900; } /* Begin CSS for course-grid */ .course-grid-container .portfolio-classic-grid-wrapper .card-img { visibility: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 235px; } .course-grid-container .portfolio-classic-grid-wrapper.tg-three-cols .card-img { height: 200px; } .course-grid-container .portfolio-classic-grid-wrapper.tg-four-cols .card-img { height: 180px; } .course-grid-container .grid-template1 .portfolio-classic-grid-wrapper .card-price { position: absolute; top: 200px; right: 15px; font-size: 13px; display: inline-block; background: #3d64ff; color: #fff; font-weight: 900; text-transform: uppercase; border-radius: 50%; width: 60px; text-align: center; line-height: 60px !important; z-index: 2; transition: all .21s cubic-bezier(.5, .5, .4, .9); } .course-grid-container .grid-template1 .portfolio-classic-grid-wrapper.tg-three-cols .card-price { top: 160px; } .course-grid-container .grid-template1 .portfolio-classic-grid-wrapper.tg-four-cols .card-price { top: 145px; } .course-grid-container .grid-template3 .portfolio-classic-grid-wrapper .card-price { position: absolute; top: 15px; right: 15px; font-size: 13px; display: inline-block; background: #3d64ff; color: #fff; font-weight: 900; border-radius: 5px; text-align: center; z-index: 2; padding: 5px 10px 5px 10px; } .course-grid-container .grid-template1 .portfolio-classic-grid-wrapper:hover .card-price { -ms-transform: scale(1.2) translateY(-10px); -moz-transform: scale(1.2) translateY(-10px); -o-transform: scale(1.2) translateY(-10px); -webkit-transform: scale(1.2) translateY(-10px); transform: scale(1.2) translateY(-10px); } .course-grid-container .portfolio-classic-grid-wrapper .card-info-hover { position: absolute; padding: 16px; width: 100%; opacity: 0; top: 0; } .course-grid-container .portfolio-classic-grid-wrapper .card-img--hover { transition: 0.2s all ease-out; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; position: absolute; height: 235px; top: 0; } .course-grid-container .portfolio-classic-grid-wrapper.tg-three-cols .card-img--hover { height: 200px; } .course-grid-container .portfolio-classic-grid-wrapper.tg-four-cols .card-img--hover { height: 180px; } .course-grid-container .portfolio-classic-grid-wrapper { transition: all .2s cubic-bezier(0.175, 0.885, 0, 1); background-color: #fff; position: relative; overflow: hidden; border-radius: 5px; border: 1px solid #fff; } .course-grid-container .has-no-space .portfolio-classic-grid-wrapper { border-radius: 0 !important; } .course-grid-container .portfolio-classic-grid-wrapper:not(.nohover):hover { background-color: #000 !important; } .course-grid-container .portfolio-classic-grid-wrapper .card-info { z-index: 2; background-color: #fff; } .course-grid-container .portfolio-classic-grid-wrapper .card-title { margin-bottom: 10px; font-size: 20px; padding: 25px 20px 0 20px; } .course-grid-container .grid-template2 .portfolio-classic-grid-wrapper .card-title { padding-top: 20px; } .course-grid-container .portfolio-classic-grid-wrapper .card-rating { padding: 0 20px 10px 20px; } .course-grid-container .portfolio-classic-grid-wrapper .card-meta-wrapper { padding: 0 20px 15px 20px; text-align: center; border-top: 1px solid #D8D8D8; } .course-grid-container .grid-template3 .portfolio-classic-grid-wrapper .card-meta-wrapper { border: 0; margin-top: -20px; } .course-grid-container .portfolio-classic-grid-wrapper .card-excerpt { padding: 0 20px 15px 20px; } .course-grid-container .portfolio-classic-grid-wrapper .card-excerpt p { padding: 0 !important; } .course-grid-container .portfolio-classic-grid-wrapper:not(.nohover):hover .card-img--hover { height: 100% !important; opacity: 0.5; } .course-grid-container .portfolio-classic-grid-wrapper:not(.nohover):hover .card-meta-wrapper { border-color: rgba(256, 256, 256, 0.3) !important; } .course-grid-container .portfolio-classic-grid-wrapper:not(.nohover):hover .card-info { background-color: transparent !important; position: relative; color: #fff !important; } .course-grid-container .portfolio-classic-grid-wrapper:not(.nohover):hover .card-info .card-meta, .course-grid-container .portfolio-classic-grid-wrapper:not(.nohover):hover .card-info .card-date, .course-grid-container .portfolio-classic-grid-wrapper:not(.nohover):hover .card-info .card-excerpt, .course-grid-container .portfolio-classic-grid-wrapper:not(.nohover):hover .card-info .card-price { color: #fff !important; } .course-grid-container .portfolio-classic-grid-wrapper:not(.nohover):hover a { color: #fff !important; } .course-grid-container .portfolio-classic-grid-wrapper:not(.nohover):hover .card-info-hover { opacity: 1; } .course-grid-container .portfolio-classic-grid-wrapper .card-info .card-date { font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } .course-grid-container .portfolio-classic-grid-wrapper .card-info .card-excerpt { margin-bottom: 15px; } .course-grid-container .portfolio-classic-grid-wrapper .card-info .card-meta { margin-top: 15px; font-weight: 900; font-size: 13px; display: inline-block; margin-right: 20px; } body.sr54Coffee-page form.learn-press-search-course-form { margin-bottom: 60px; } body.sr54Coffee-page form.learn-press-search-course-form .lp-button { padding: .7em 2.5em .6em 2.5em; top: 0; border-radius: 0; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .portfolio-classic-grid-wrapper .review-stars-rated { width: 90px; position: relative; display: inline-block; } .portfolio-classic-grid-wrapper .review-stars-rated .review-stars.empty, .portfolio-classic-grid-wrapper .review-stars-rated .review-stars.filled { width: 120px; height: 24px; font-family: dashicons; font-size: 18px; color: #f2b827; } .portfolio-classic-grid-wrapper .review-stars-rated .review-stars.filled { position: absolute; top: 0; left: 0; } .portfolio-classic-grid-wrapper .review-stars { margin: 0 0; list-style: none; overflow: hidden; } .portfolio-classic-grid-wrapper .review-stars-rated .review-stars.empty:before, .portfolio-classic-grid-wrapper .review-stars-rated .review-stars.filled:before { content: '\f154\f154\f154\f154\f154'; line-height: 1; vertical-align: top; white-space: nowrap; } .portfolio-classic-grid-wrapper .review-stars-rated .review-stars.filled:before { content: '\f155\f155\f155\f155\f155'; } .portfolio-classic-grid-wrapper .review-stars-rated .review-stars:after, .portfolio-classic-grid-wrapper .review-stars-rated .review-stars:after { clear: both; content: ''; display: block; } .portfolio-classic-grid-wrapper .card-rating-total { display: inline-block; position: relative; top: -10px; font-size: 13px; } .course-grid-container .grid-template3 .card-info .card-title-wrapper { padding: 0; box-sizing: border-box; width: calc(100% - 30px); margin: auto; border-radius: 5px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); position: relative; z-index: 3; top: -30px; background: #fff; } .course-grid-container .grid-template3 .portfolio-classic-grid-wrapper:not(.nohover):hover .card-info .card-title-wrapper { background: rgba(0, 0, 0, 0.4) !important; } .course-grid-container .grid-template2 .card-info .card-meta-wrapper.two-cols { float: left; width: 100%; padding: 20px 20px 20px 20px; text-align: left; } .course-grid-container .grid-template2 .card-info .card-meta-wrapper-half { width: 50%; float: left; } .course-grid-container .grid-template2 .portfolio-classic-grid-wrapper .card-info .card-meta { margin: 0; } .course-grid-container .grid-template2 .card-info .card-meta-wrapper-half .card-price { background: transparent !important; } .course-grid-container .grid-template2 .card-info .card-meta-wrapper { padding: 20px 20px 20px 20px; text-align: left; } .course-grid-container .grid-template2 .card-info .card-meta-wrapper h5 { font-size: 12px; } .tooltip-templates { display: none; } body .tooltipster-sidetip.tooltipster-shadow .tooltipster-content ul { margin-left: 20px !important; } body .tooltipster-sidetip.tooltipster-shadow .tooltipster-content ul li { margin: 10px 0 10px 0 !important; } body .tooltipster-sidetip.tooltipster-shadow .tooltipster-content ul li:last-child { margin-bottom: 0 !important; } body .tooltipster-sidetip.tooltipster-shadow .tooltipster-content h5 { font-size: 16px; margin-bottom: 5px; } body .tooltipster-sidetip.tooltipster-shadow .tooltipster-content .course-tooltip-content { margin: 20px 5px 20px 5px; box-sizing: border-box; } body.single.single-lp_course .course-grid-container { margin: auto; margin-bottom: 20px; } body.tg-single-course-1.single.single-lp_course .course-grid-container { margin-bottom: 20px; } .course-grid-container-header { text-align: center; margin-bottom: 30px; } body.tg-single-course-2 .course-grid-container-header { text-align: left; } #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover, body #booked-profile-page input[type="submit"].button-primary:hover, body .booked-list-view button.button:hover, body .booked-list-view input[type="submit"].button-primary:hover, body table.booked-calendar input[type="submit"].button-primary:hover, body .booked-modal input[type="submit"].button-primary:hover, body table.booked-calendar th, body table.booked-calendar thead, body table.booked-calendar thead th, body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover, body #booked-profile-page .booked-profile-header, body #booked-profile-page .booked-tabs li.active a, body #booked-profile-page .booked-tabs li.active a:hover, body #booked-profile-page .appt-block .google-cal-button > a:hover, #ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header { background: #000000 !important; } body #booked-profile-page input[type="submit"].button-primary:hover, body table.booked-calendar input[type="submit"].button-primary:hover, body .booked-list-view button.button:hover, body .booked-list-view input[type="submit"].button-primary:hover, body .booked-modal input[type="submit"].button-primary:hover, body table.booked-calendar th, body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover, body #booked-profile-page .booked-profile-header, body #booked-profile-page .appt-block .google-cal-button > a:hover { border-color: #000000 !important; } body table.booked-calendar tr.days, body table.booked-calendar tr.days th, body .booked-calendarSwitcher.calendar, body #booked-profile-page .booked-tabs, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th { background: #000000 !important; } body table.booked-calendar tr.days th, body #booked-profile-page .booked-tabs { border-color: #000000 !important; } #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a,#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover,body #booked-profile-page input[type=submit].button-primary,body table.booked-calendar input[type=submit].button-primary,body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary,body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary,body .booked-modal input[type=submit].button-primary,body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,body #booked-profile-page .booked-profile-appt-list .appt-block.approved .status-block,body #booked-profile-page .appt-block .google-cal-button > a,body .booked-modal p.booked-title-bar,body table.booked-calendar td:hover .date span,body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover,.booked-ms-modal .booked-book-appt /* Multi-Slot Booking */ { background: #000000; } body #booked-profile-page input[type="submit"].button-primary, body table.booked-calendar input[type="submit"].button-primary, body .booked-list-view button.button, body .booked-list-view input[type="submit"].button-primary, body .booked-list-view button.button, body .booked-list-view input[type="submit"].button-primary, body .booked-modal input[type="submit"].button-primary, body #booked-profile-page .appt-block .google-cal-button > a, body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button, body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active, body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover { border-color: #000000; } body .booked-modal .bm-window p i.fa, body .booked-modal .bm-window a, body .booked-appt-list .booked-public-appointment-title, body .booked-modal .bm-window p.appointment-title, .booked-ms-modal.visible:hover .booked-book-appt { color: #000000; } .booked-appt-list .timeslot.has-title .booked-public-appointment-title { color: inherit; } @font-face { font-family: "bebas_neuebold"; src: url(../fonts/bebasneue-bold-webfont.woff) format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: arkipelagoregular; src: url(../fonts/arkipelago-webfont.woff2) format("woff2"), url(../fonts//arkipelago-webfont.woff) format("woff"); font-display: auto; } #right-click-content { background: rgba(0, 0, 0, 0.5); color: #ffffff; } body, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="tel"], input.wpcf7-text, .sr54Pro table.cart td.actions .coupon .input-text, .sr54Pro-page table.cart td.actions .coupon .input-text, .sr54Pro #content table.cart td.actions .coupon .input-text, .sr54Pro-page #content table.cart td.actions .coupon .input-text, select, textarea, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget label, .ui-widget-header, .zm_alr_ul_container { font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 1.8; text-transform: none; } h1, h2, h3, h4, h5, h6, h7, .post_quote_title, strong[itemprop="author"], #page-content-wrapper .posts.blog li a, .page-content-wrapper .posts.blog li a, #filter_selected, blockquote, .sidebar-widget li.widget_products, #footer ul.sidebar-widget li ul.posts.blog li a, .sr54Pro-page table.cart th, table.shop_table thead tr th, .testimonial_slider_content, .pagination, .pagination-detail, .sr54-portfolio-filter-wrapper a.filter-tag-btn, .portfolio-coverflow .swiper-slide .swiper-content .article .article-preview .controls label, .portfolio-timeline-vertical-content-wrapper .timeline .swiper-pagination-bullet, .sr54Coffee-tab-title, .testimonials-card-wrapper .owl-carousel .testimonial-name, .post-navigation.previous .navigation-anchor, .post-navigation.next .navigation-anchor, .slick-vertical .slick-slide { font-family: bebas_neuebold; font-weight: 400; letter-spacing: 0.5px; line-height: 1.7; text-transform: uppercase; } h1 { font-size: 40px; } h2 { font-size: 38px; } h3 { font-size: 36px; } h4 { font-size: 34px; } h5 { font-size: 32px; } h6 { font-size: 30px; } body, #wrapper, #page-content-wrapper.fixed, #gallery_lightbox h2, .slider_wrapper .gallery_image_caption h2, #body_loading_screen, h3#reply-title span, .overlay_gallery_wrapper, .pagination a, #captcha-wrap .text-box input, .flex-direction-nav a, .blog_promo_title h6, #supersized li, #horizontal_gallery_wrapper .image_caption, body.password-protected #page-content-wrapper .inner .inner-wrapper .sidebar-content, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"], #single-course-meta, #sr54Pro-mini-cart-flyout { background-color: #fffbf2; } body, .pagination a, #gallery_lightbox h2, .slider_wrapper .gallery_image_caption h2, .post_info a, #page-content-wrapper.split #copyright, .page-content-wrapper.split #copyright, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .sr54Pro-MyAccount-navigation ul a, .post-navigation.previous .navigation-anchor, .post-navigation.next .navigation-anchor { color: #000000; } ::selection, .verline { background-color: #000000; } ::-webkit-input-placeholder { color: #000000; } ::-moz-placeholder { color: #000000; } :-ms-input-placeholder { color: #000000; } a, .gallery_proof_filter ul li a, #page-content-wrapper .sidebar .content .sidebar-widget li.widget_rss ul li cite, #footer-wrapper ul.sidebar-widget li.widget_rss ul li cite, .sr54Pro div.product .sr54Pro-tabs ul.tabs li a, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li a { color: #000000; } .flex-control-paging li a.flex-active, .post-attribute a:before, #menu-wrapper .nav ul li a:before, #menu-wrapper div .nav li > a:before, .post-attribute a:before, a.continue-reading:before, a.continue-reading:after, a.continue-reading span:before, a.continue-reading span:after { background-color: #000000; } .flex-control-paging li a.flex-active, .image_boxed_wrapper:hover, .gallery_proof_filter ul li a.active, .gallery_proof_filter ul li a:hover { border-color: #000000; } a:hover, a:active, .post_info_comment a i, #commentform .required, #page-content-wrapper .sidebar .content .sidebar-widget li.widget_rss ul li .rss-date { color: #000000; } input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, .button:hover, .button.submit, a.button.white:hover, .button.white:hover, a.button.white:active, .button.white:active, #menu-wrapper .nav ul li a:hover:before, #menu-wrapper div .nav li > a:hover:before, .post-attribute a:hover:before { background-color: #000000; } input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, .button:hover, .button.submit, a.button.white:hover, .button.white:hover, a.button.white:active, .button.white:active, .sidebar-widget li.widget_recent_comments ul li.recentcomments a:hover { border-color: #000000; } h1, h2, h3, h4, h5, h6, h7, pre, code, tt, blockquote, .post-header h5 a, .post-header h3 a, .post-header.grid h6 a, .post-header.fullwidth h4 a, .post-header h5 a, blockquote, .site_loading_logo_item i, .ppb_subtitle, .sr54Pro .sr54Pro-ordering select, .sr54Pro.columns-4 ul.products li.product a.add_to_cart_button, .sr54Pro.columns-4 ul.products li.product a.add_to_cart_button:hover, .ui-accordion .ui-accordion-header a, .tabs .ui-state-active a, .post-header h5 a, .post-header h6 a, .flex-direction-nav a:before, .social_share_button_wrapper .social_post_view .view_number, .social_share_button_wrapper .social_post_share_count .share_number, .portfolio_post_previous a, .portfolio_post_next a, #filter_selected, #autocomplete li strong, .themelink, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .ui-dialog-titlebar .ui-dialog-title, body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .ui-dialog-titlebar .ui-dialog-title { color: #000000; } body.page.page-template-gallery-archive-split-screen-php #fp-nav li .active span, body.tax-gallerycat #fp-nav li .active span, body.page.page-template-portfolio-fullscreen-split-screen-php #fp-nav li .active span, body.page.tax-portfolioset #fp-nav li .active span, body.page.page-template-gallery-archive-split-screen-php #fp-nav ul li a span, body.tax-gallerycat #fp-nav ul li a span, body.page.page-template-portfolio-fullscreen-split-screen-php #fp-nav ul li a span, body.page.tax-portfolioset #fp-nav ul li a span { background-color: #000000; } hr, .post.type-post, .comment .right, .widget_tag_cloud div a, .meta-tags a, .tag_cloud a, #footer, #post_more_wrapper, #page-content-wrapper .inner .sidebar-content, #page-content-wrapper .inner .sidebar-content.left-sidebar, .ajax_close, .ajax_next, .ajax_prev, .portfolio_next, .portfolio_prev, .portfolio_next_prev_wrapper.video .portfolio_prev, .portfolio_next_prev_wrapper.video .portfolio_next, .separated, .blog_next_prev_wrapper, #post_more_wrapper h5, #ajax_portfolio_wrapper.hidding, #ajax_portfolio_wrapper.visible, .tabs.vertical .ui-tabs-panel, .ui-tabs.vertical.right .ui-tabs-nav li, .sr54Pro div.product .sr54Pro-tabs ul.tabs li, .sr54Pro #content div.product .sr54Pro-tabs ul.tabs li, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li, .sr54Pro-page #content div.product .sr54Pro-tabs ul.tabs li, .sr54Pro div.product .sr54Pro-tabs .panel, .sr54Pro-page div.product .sr54Pro-tabs .panel, .sr54Pro #content div.product .sr54Pro-tabs .panel, .sr54Pro-page #content div.product .sr54Pro-tabs .panel, .sr54Pro table.shop_table, .sr54Pro-page table.shop_table, .sr54Pro .cart-collaterals .cart_totals, .sr54Pro-page .cart-collaterals .cart_totals, .sr54Pro .cart-collaterals .shipping_calculator, .sr54Pro-page .cart-collaterals .shipping_calculator, .sr54Pro .cart-collaterals .cart_totals tr td, .sr54Pro .cart-collaterals .cart_totals tr th, .sr54Pro-page .cart-collaterals .cart_totals tr td, .sr54Pro-page .cart-collaterals .cart_totals tr th, table tr th, table tr td, .sr54Pro #payment, .sr54Pro-page #payment, .sr54Pro #payment ul.payment_methods li, .sr54Pro-page #payment ul.payment_methods li, .sr54Pro #payment div.form-row, .sr54Pro-page #payment div.form-row, .ui-tabs li:first-child, .ui-tabs .ui-tabs-nav li, .ui-tabs.vertical .ui-tabs-nav li, .ui-tabs.vertical.right .ui-tabs-nav li.ui-state-active, .ui-tabs.vertical .ui-tabs-nav li:last-child, #page-content-wrapper .inner .sidebar-wrapper ul.sidebar-widget li.widget_nav_menu ul.menu li.current-menu-item a, .page-content-wrapper .inner .sidebar-wrapper ul.sidebar-widget li.widget_nav_menu ul.menu li.current-menu-item a, .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content, #page-content-wrapper .sidebar .content .sidebar-widget li h2.widgettitle:before, h2.widgettitle:before, #autocomplete, .ppb_blog_minimal .one-third_bg, .tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li, .ui-tabs li:first-child, .ui-tabs.vertical .ui-tabs-nav li:last-child, .sr54Pro .sr54Pro-ordering select, .sr54Pro div.product .sr54Pro-tabs ul.tabs li.active, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li.active, .sr54Pro #content div.product .sr54Pro-tabs ul.tabs li.active, .sr54Pro-page #content div.product .sr54Pro-tabs ul.tabs li.active, .sr54Pro-page table.cart th, table.shop_table thead tr th, hr.title_break, .overlay_gallery_border, #page-content-wrapper.split #copyright, .page-content-wrapper.split #copyright, .post.type-post, .events.type-events, h5.event_title, .post-header h5.event_title, .client_archive_wrapper, #page-content-wrapper .sidebar .content .sidebar-widget li.widget, .page-content-wrapper .sidebar .content .sidebar-widget li.widget, hr.title_break.bold, blockquote, .social_share_button_wrapper, .social_share_button_wrapper, body:not(.single) .post-wrapper, .theme-border, #about-the-author, .related.products, .sr54Pro div.product div.summary .product_meta, #single-course-meta ul.single-course-meta-data li.single-course-meta-data-separator, body .course-curriculum ul.curriculum-sections .section-header, .course-reviews-list li, .course-reviews-list-shortcode li, .wp-block-table, .wp-block-table td, .wp-block-table th, .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th, table, .widget_categories ul > li, .widget_pages ul > li, .widget_archive ul > li, #page-content-wrapper .sidebar .content .sidebar-widget li h2.widgettitle:before, h2.widgettitle:before, #page-content-wrapper .sidebar .content .sidebar-widget li h2.widgettitle:after, h2.widgettitle:after, .sr54Pro table.shop_table tbody tr.cart_item td, .comment, .sr54Pro-page div.product .sr54Pro-tabs, .sr54Pro-variation-add-to-cart, .sr54Pro form.checkout_coupon, .sr54Pro form.login, .sr54Pro form.register, .sticky .post-wrapper, body:not(.single) .post.sticky:first-child .post-wrapper, #wp-calendar, .sr54Pro table.shop_table_responsive tbody tr:first-child td:first-child, .sr54Pro-page table.shop_table_responsive tbody tr:first-child td:first-child { border-color: #000000; } input[type="submit"], input[type="button"], a.button, .button, .sr54Pro .page_slider a.button, a.button.fullwidth, .sr54Pro-page div.product form.cart .button, .sr54Pro #respond input#submit.alt, .sr54Pro a.button.alt, .sr54Pro button.button.alt, .sr54Pro input.button.alt, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"], .select2-container--default .select2-selection--single { font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 1.6; text-transform: none; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="date"], textarea { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="date"], textarea, .widget_search form, .widget_search input.search-field { background-color: #fffbf2; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="date"], textarea.widget_search input.search-field { color: #000000; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="date"], textarea, .select2-container--default .select2-selection--single, .select2-dropdown, .widget_search form { border-color: #000000; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, textarea:focus, .widget_search form.focus { border-color: #c7a17a; } .input-effect ~ .focus-border { background-color: #c7a17a; } input[type="submit"], input[type="button"], a.button, .button, .sr54Pro .page_slider a.button, a.button.fullwidth, .sr54Pro-page div.product form.cart .button, .sr54Pro #respond input#submit.alt, .sr54Pro a.button.alt, .sr54Pro button.button.alt, .sr54Pro input.button.alt, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"], body.learnpress-page #page-content-wrapper .order-recover .lp-button, .learnpress-page #learn-press-profile-basic-information button, body #page-content-wrapper p#lp-avatar-actions button, .learnpress-page #profile-content-settings form button[type="submit"], button, .sr54Pro #respond input#submit, .sr54Coffee-widget-button, .sr54Pro div.product .sr54Pro-tabs ul.tabs li a, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li a { font-family: bebas_neuebold; font-size: 20px; font-weight: 700; letter-spacing: 2px; line-height: 1.6; text-transform: uppercase; } input[type="submit"], input[type="button"], a.button, .button, .sr54Pro .page_slider a.button, a.button.fullwidth, .sr54Pro-page div.product form.cart .button, .sr54Pro #respond input#submit.alt, .sr54Pro a.button.alt, .sr54Pro button.button.alt, .sr54Pro input.button.alt, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"], a#go-to-top, .pagination span, .widget_tag_cloud div a, .pagination a, .pagination span, body.learnpress-page #page-content-wrapper .order-recover .lp-button, .learnpress-page #learn-press-profile-basic-information button, body #page-content-wrapper p#lp-avatar-actions button, .learnpress-page #profile-content-settings form button[type="submit"], .learnpress-page #page-content-wrapper .lp-button, button, .sr54Pro #respond input#submit, .widget_product_tag_cloud a, .sr54Pro #page-content-wrapper a.button { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } input[type="submit"], input[type="button"], a.button, .button, .pagination a:hover, .sr54Pro .footer-main-container .button, .sr54Pro .footer-main-container .button:hover, .sr54Pro-page div.product form.cart .button, .sr54Pro #respond input#submit.alt, .sr54Pro a.button.alt, .sr54Pro button.button.alt, .sr54Pro input.button.alt, .post-type-icon, .filter li a:hover, .filter li a.active, #portfolio_wall_filters li a.active, #portfolio_wall_filters li a:hover, .comment_box, .one-half.gallery2 .portfolio_type_wrapper, .one-third.gallery3 .portfolio_type_wrapper, .one_fourth.gallery4 .portfolio_type_wrapper, .one_fifth.gallery5 .portfolio_type_wrapper, .portfolio_type_wrapper, .widget_tag_cloud div a:hover, .ui-accordion .ui-accordion-header .ui-icon, .mobile-menu-wrapper #mobile-menu-close.button, .mobile-menu-wrapper #btn-close-mobile-menu, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"], .learnpress-page #page-content-wrapper .lp-button, .learnpress-page #learn-press-profile-basic-information button, .learnpress-page #profile-content-settings form button[type="submit"], button, .widget_search input#searchsubmit:hover, #wp-calendar thead th, #page-content-wrapper .sidebar .content .sidebar-widget li.widget_categories .cat-count, .widget_categories .cat-count, #page-content-wrapper .sidebar .content .sidebar-widget li.widget_archive .archive-count, .widget_archive .archive-count, .sr54Pro #respond input#submit, .widget_product_tag_cloud a:hover, .sr54Pro .widget_price_filter .ui-slider .ui-slider-range, .sr54Pro-page .widget_price_filter .ui-slider .ui-slider-range, .sr54Pro .widget_price_filter .ui-slider .ui-slider-handle, .sr54Pro-page .widget_price_filter .ui-slider .ui-slider-handle, .sr54Pro .widget_price_filter .price_slider_amount .button, .sr54Pro-page .widget_price_filter .price_slider_amount .button, .sr54Pro #page-content-wrapper a.button, .sr54Pro #respond input#submit, .sr54Pro a.button, .sr54Pro button.button, .sr54Pro input.button { background-color: #000000; } .pagination span, .pagination a:hover, .button.ghost, .button.ghost:hover, .button.ghost:active, blockquote:after, .sr54Pro-MyAccount-navigation ul li.is-active, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"], .learnpress-page #page-content-wrapper .lp-button, .learnpress-page #learn-press-profile-basic-information button, .learnpress-page #profile-content-settings form button[type="submit"], .widget_search input#searchsubmit:hover, .sr54Pro .widget_price_filter .ui-slider .ui-slider-handle, .sr54Pro-page .widget_price_filter .ui-slider .ui-slider-handle, .sr54Pro #respond input#submit, .sr54Pro a.button, .sr54Pro button.button, .sr54Pro input.button { border-color: #000000; } .comment_box:before, .comment_box:after { border-top-color: #000000; } .button.ghost, .button.ghost:hover, .button.ghost:active, .infinite_load_more, blockquote:before, .sr54Pro-MyAccount-navigation ul li.is-active a, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"], #page-content-wrapper .inner .sidebar-wrapper .sidebar-widget li.widget_recent_comments ul li.recentcomments a:not(.url), .sr54Pro-page .price_slider_amount .price_label { color: #000000; } input[type="submit"], input[type="button"], a.button, .button, .pagination a:hover, .sr54Pro .footer-main-container .button, .sr54Pro .footer-main-container .button:hover, .sr54Pro-page div.product form.cart .button, .sr54Pro #respond input#submit.alt, .sr54Pro a.button.alt, .sr54Pro button.button.alt, .sr54Pro input.button.alt, .post-type-icon, .filter li a:hover, .filter li a.active, #portfolio_wall_filters li a.active, #portfolio_wall_filters li a:hover, .comment_box, .one-half.gallery2 .portfolio_type_wrapper, .one-third.gallery3 .portfolio_type_wrapper, .one_fourth.gallery4 .portfolio_type_wrapper, .one_fifth.gallery5 .portfolio_type_wrapper, .portfolio_type_wrapper, .widget_tag_cloud div a:hover, .ui-accordion .ui-accordion-header .ui-icon, .mobile-menu-wrapper #mobile-menu-close.button, #go-to-top, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"], .mobile-menu-wrapper #btn-close-mobile-menu, body.learnpress-page #page-content-wrapper .lp-button, .learnpress-page #learn-press-profile-basic-information button, .learnpress-page #profile-content-settings form button[type="submit"], button, .widget_search input#searchsubmit:hover, #wp-calendar caption, #wp-calendar thead th, #page-content-wrapper .sidebar .content .sidebar-widget li.widget_categories .cat-count, .widget_categories .cat-count, #page-content-wrapper .sidebar .content .sidebar-widget li.widget_archive .archive-count, .widget_archive .archive-count, .sr54Pro #respond input#submit, .widget_product_tag_cloud a:hover, .sr54Pro .widget_price_filter .price_slider_amount .button, .sr54Pro-page .widget_price_filter .price_slider_amount .button, .sr54Pro #page-content-wrapper a.button, .sr54Pro #respond input#submit, .sr54Pro a.button, .sr54Pro button.button, .sr54Pro input.button { color: #ffffff; } input[type="submit"], input[type="button"], a.button, .button, .pagination a:hover, .sr54Pro .footer-main-container .button, .sr54Pro .footer-main-container .button:hover, .sr54Pro-page div.product form.cart .button, .sr54Pro #respond input#submit.alt, .sr54Pro a.button.alt, .sr54Pro button.button.alt, .sr54Pro input.button.alt, .infinite_load_more, .widget_tag_cloud div a:hover, .mobile-menu-wrapper #btn-close-mobile-menu, .mobile-menu-wrapper #mobile-menu-close.button, body .ui-dialog[aria-describedby="ajax-login-register-login-dialog"] .form-wrapper input[type="submit"], body .ui-dialog[aria-describedby="ajax-login-register-dialog"] .form-wrapper input[type="submit"], .learnpress-page #learn-press-profile-basic-information button, .learnpress-page #profile-content-settings form button[type="submit"], button, .sr54Pro #respond input#submit, .widget_product_tag_cloud a:hover, .sr54Pro .widget_price_filter .price_slider_amount .button, .sr54Pro-page .widget_price_filter .price_slider_amount .button, .sr54Pro #page-content-wrapper a.button, .sr54Pro #respond input#submit, .sr54Pro a.button, .sr54Pro button.button, .sr54Pro input.button { border-color: #000000; } #wp-calendar tbody td#today { border-bottom-color: #000000; } input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, .button:hover, .button.submit, a.button.white:hover, .button.white:hover, a.button.white:active, .button.white:active, .black_bg input[type="submit"], .learnpress-page #page-content-wrapper .lp-button:hover, .learnpress-page #learn-press-profile-basic-information button:hover, .learnpress-page #profile-content-settings form button[type="submit"]:hover, .sr54Pro #respond input#submit:hover, .sr54Pro button.button.alt.disabled, .sr54Pro button.button.alt.disabled:hover, .sr54Pro #page-content-wrapper a.button:hover, .sr54Pro #respond input#submit:hover, .sr54Pro a.button:hover, .sr54Pro button.button:hover, .sr54Pro input.button:hover, #sr54Pro-mini-cart-flyout .sr54Pro-mini-cart__buttons a:not(.checkout) { background-color: #fffbf2; } input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, .button:hover, .button.submit, a.button.white:hover, .button.white:hover, a.button.white:active, .button.white:active, .black_bg input[type="submit"], body.learnpress-page #page-content-wrapper .lp-button:hover, .learnpress-page #learn-press-profile-basic-information button:hover, .learnpress-page #profile-content-settings form button[type="submit"]:hover, button:hover, .sr54Pro #respond input#submit:hover, .sr54Pro button.button.alt.disabled, .sr54Pro button.button.alt.disabled:hover, .sr54Pro #page-content-wrapper a.button:hover, .sr54Pro #respond input#submit:hover, .sr54Pro a.button:hover, .sr54Pro button.button:hover, .sr54Pro input.button:hover, #sr54Pro-mini-cart-flyout .sr54Pro-mini-cart__buttons a:not(.checkout) { color: #000000; } input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, .button:hover, .button.submit, a.button.white:hover, .button.white:hover, a.button.white:active, .button.white:active, .black_bg input[type="submit"], .learnpress-page #learn-press-profile-basic-information button:hover, .learnpress-page #profile-content-settings form button[type="submit"]:hover, button:hover, .sr54Pro #respond input#submit:hover, .sr54Pro button.button.alt.disabled, .sr54Pro button.button.alt.disabled:hover, .sr54Pro #page-content-wrapper a.button:hover, .sr54Pro #respond input#submit:hover, .sr54Pro a.button:hover, .sr54Pro button.button:hover, .sr54Pro input.button:hover, #sr54Pro-mini-cart-flyout .sr54Pro-mini-cart__buttons a:not(.checkout) { border-color: #000000; } .frame_top, .frame_bottom, .frame_left, .frame_right { background: #000000; } #menu-wrapper .nav ul li a, #menu-wrapper div .nav li > a, .menu-client-wrapper, .themegoods-navigation-wrapper .nav li > a { font-family: bebas_neuebold; font-size: 20px; font-weight: 500; letter-spacing: 1px; line-height: 1.7; text-transform: uppercase; } #menu-wrapper .nav ul li, #menu-wrapper div .nav li, html[data-menu="center-menu-logo"] #logo-right-wrapper { padding-top: 28px; padding-bottom: 28px; } .top-menu-bar, html { background-color: #fffbf2; } #menu-wrapper .nav ul li a, #menu-wrapper div .nav li > a, #mobile-nav-icon, #logo-wrapper .social-profile-wrapper ul li a, .menu-cart-wrapper a { color: #000000; } #mobile-nav-icon { border-color: #000000; } #menu-wrapper .nav ul li a.hover, #menu-wrapper .nav ul li a:hover, #menu-wrapper div .nav li a.hover, #menu-wrapper div .nav li a:hover, .menu-cart-wrapper a:hover, #page_share:hover, #logo-wrapper .social-profile-wrapper ul li a:hover { color: #000000; } #menu-wrapper .nav ul li a:before, #menu-wrapper div .nav li > a:before { background-color: #000000; } #menu-wrapper div .nav > li.current-menu-item > a, #menu-wrapper div .nav > li.current-menu-parent > a, #menu-wrapper div .nav > li.current-menu-ancestor > a, #menu-wrapper div .nav li ul:not(.sub-menu) li.current-menu-item a, #menu-wrapper div .nav li.current-menu-parent ul li.current-menu-item a, #logo-wrapper .social-profile-wrapper ul li a:active { color: #000000; } .top-menu-bar, #nav-wrapper { border-color: #fffbf2; } .menu-cart-wrapper .cart-counter { background-color: #d22226; color: #ffffff; } #menu-wrapper .nav ul li ul li a, #menu-wrapper div .nav li ul li a, #menu-wrapper div .nav li.current-menu-parent ul li a { font-family: Oswald; font-size: 15px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; } #menu-wrapper .nav ul li ul li a, #menu-wrapper div .nav li ul li a, #menu-wrapper div .nav li.current-menu-parent ul li a, #menu-wrapper div .nav li.current-menu-parent ul li.current-menu-item a, #menu-wrapper .nav ul li.megamenu ul li ul li a, #menu-wrapper div .nav li.megamenu ul li ul li a { color: #ffffff; } #menu-wrapper .nav ul li ul li a:hover, #menu-wrapper div .nav li ul li a:hover, #menu-wrapper div .nav li.current-menu-parent ul li a:hover, #menu-wrapper .nav ul li.megamenu ul li ul li a:hover, #menu-wrapper div .nav li.megamenu ul li ul li a:hover, #menu-wrapper .nav ul li.megamenu ul li ul li a:active, #menu-wrapper div .nav li.megamenu ul li ul li a:active, #menu-wrapper div .nav li.current-menu-parent ul li.current-menu-item a:hover { color: #ffffff; } #menu-wrapper .nav ul li ul li a:before, #menu-wrapper div .nav li ul li > a:before, #wrapper.transparent .top-menu-bar:not(.scroll) #menu-wrapper div .nav ul li ul li a:before { background-color: #ffffff; } #menu-wrapper .nav ul li ul, #menu-wrapper div .nav li ul { background: #000000; border-color: #000000; } #menu-wrapper div .nav li.megamenu ul li > a, #menu-wrapper div .nav li.megamenu ul li > a:hover, #menu-wrapper div .nav li.megamenu ul li > a:active, #menu-wrapper div .nav li.megamenu ul li.current-menu-item > a { color: #ffffff; } #menu-wrapper div .nav li.megamenu ul li { border-color: #000000; } .above-top-menu-bar { background: #c7a17a; } #top-menu li a, .top-contact-info, .top-contact-info i, .top-contact-info a, .top-contact-info a:hover, .top-contact-info a:active { color: #ffffff; } .mobile-main-nav li a, #side-sub-menu li a { font-family: bebas_neuebold; font-size: 26px; font-weight: 700; letter-spacing: 1px; line-height: 1.6; text-transform: uppercase; } #side-sub-menu li a { font-family: bebas_neuebold; font-size: 26px; font-weight: 700; letter-spacing: 1px; line-height: 1.6; text-transform: uppercase; } .mobile-menu-wrapper { background-color: #fffbf2; } .mobile-main-nav li a, #side-sub-menu li a, .mobile-menu-wrapper .sidebar-wrapper a, .mobile-menu-wrapper .sidebar-wrapper, #btn-close-mobile-menu i, .mobile-menu-wrapper .social-profile-wrapper ul li a, .fullmenu_content #copyright, .mobile-menu-wrapper .sidebar-wrapper h2.widgettitle { color: #000000; } .mobile-main-nav li a:hover, .mobile-main-nav li a:active, #side-sub-menu li a:hover, #side-sub-menu li a:active, .mobile-menu-wrapper .social-profile-wrapper ul li a:hover { color: #000000; } #page-header.hasbg { height: 600px; } #page-header { background-color: #fffbf2; padding-top: 90px; padding-bottom: 60px; margin-bottom: 20px; } #page-header .page-title-wrapper .page-title-inner { text-align: center; } #page-header h1 { font-family: bebas_neuebold; font-size: 100px; font-weight: 700; letter-spacing: 0px; line-height: 1.1; text-transform: uppercase; color: #000000; } .page-tagline, .post-detail.single-post { font-family: Roboto; font-size: 16px; font-weight: 400; text-transform: none; color: #000000; } #page-content-wrapper .sidebar .content .sidebar-widget li h2.widgettitle, h2.widgettitle, h5.widgettitle { font-family: bebas_neuebold; font-size: 22px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #000000; border-color: #000000; } #page-content-wrapper .inner .sidebar-wrapper .sidebar .content, .page-content-wrapper .inner .sidebar-wrapper .sidebar .content { color: #000000; } #page-content-wrapper .inner .sidebar-wrapper a:not(.button), .page-content-wrapper .inner .sidebar-wrapper a:not(.button) { color: #000000; } .widget_nav_menu ul > li.menu-item-has-children > a:after { border-color: #000000; } #page-content-wrapper .inner .sidebar-wrapper a:hover:not(.button), #page-content-wrapper .inner .sidebar-wrapper a:active:not(.button), .page-content-wrapper .inner .sidebar-wrapper a:hover:not(.button), .page-content-wrapper .inner .sidebar-wrapper a:active:not(.button) { color: #000000; } #footer { font-size: 15px; } .footer-main-container-wrapper { font-size: 13px; } .footer-main-container, #footer { background-color: #000000; } #footer #wp-calendar caption, #footer #wp-calendar thead tr th { color: #000000; background: #ffffff; } #footer, #copyright, #footer-menu li a, #footer-menu li a:hover, #footer-menu li a:active, #footer input[type="text"], #footer input[type="password"], #footer input[type="email"], #footer input[type="url"], #footer input[type="tel"], #footer input[type="date"], #footer textarea, #footer blockquote { color: #ffffff; } #copyright a, #copyright a:active, #footer a, #footer a:active#footer_photostream a { color: #ffffff; } #footer .sidebar-widget li h2.widgettitle, #footer .widget_tag_cloud div a, #footer .widget_nav_menu ul > li.menu-item-has-children > a:after, #footer .widget_archive .archive-count, #footer .widget_categories .cat-count, #footer #wp-calendar { border-color: #ffffff; } #copyright a:hover, #footer a:hover, .social-profile-wrapper ul li a:hover, #footer a:hover, #footer_photostream a:hover { color: #c7a17a; } #footer .widget_tag_cloud div a:hover { border-color: #c7a17a; } #footer table tr td, #footer .widget_tag_cloud div a, #footer h2.widgettitle:before, #footer h2.widgettitle:after { border-color: rgba(256, 256, 256, 0.5); } #footer .sidebar-widget li h2.widgettitle { color: #ffffff; } .footer-main-container { background-color: #000000; } .footer-main-container, #copyright { color: #ffffff; } .footer-main-container a, #copyright a, #footer-menu li a { color: #ffffff; } .footer-main-container a:hover, #copyright a:hover, #footer-menu li a:hover { color: #c7a17a; } .footer-main-container-wrapper, .footer-main-container { border-color: rgba(256, 256, 256, 0.5); } .footer-main-container-wrapper .social-profile-wrapper ul li a { color: #ffffff; } a#go-to-top { background: #000000; color: #ffffff; } .post-info-cat, .post-info-cat a { color: #000000; border-color: #000000; } .post-featured-image-hover .post-type-icon { border-color: #ffffff; } .blog_post-content-wrapper.layout_grid .post-content-wrapper, .blog_post-content-wrapper.layout_masonry .post-content-wrapper, .blog_post-content-wrapper.layout_metro .post-content-wrapper, .blog_post-content-wrapper.layout_classic .post-content-wrapper { background: #ffffff; } .post-header h5, h6.subtitle, .post-caption h1, #page-content-wrapper .posts.blog li a, .page-content-wrapper .posts.blog li a, #post_featured_slider li .slider_image .slide_post h2, .post-header.grid h6, .sidebar-widget li.widget_recent_comments ul li.recentcomments a:not(.url), #page-content-wrapper .sidebar .content .sidebar-widget li.widget_rss ul li a.rsswidget, #footer-wrapper ul.sidebar-widget li.widget_rss ul li a.rsswidget, a.continue-reading { font-family: bebas_neuebold; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } body.single-post #page-header h1, .post-featured-date-wrapper { font-family: bebas_neuebold; font-size: 80px; font-weight: 700; letter-spacing: 0px; line-height: 1.1; text-transform: uppercase; } body.single-post #page-header .page-title-wrapper .page-title-inner { text-align: center; } body.single-post #post-featured-header { height: 650px; } .post-excerpt.post-tag a { background: #fffbf2; border-color: #000000; color: #000000; } .post-navigation .navigation-post-content { background: #000000; } .post-navigation .navigation-post-content h7, .post-navigation.previous:hover .navigation-anchor, .post-navigation.next:hover .navigation-anchor, .post-navigation.previous:hover .navigation-anchor:hover, .post-navigation.next:hover .navigation-anchor:hover { color: #ffffff; } .page-shop-categories-filter li a { font-family: bebas_neuebold; font-size: 26px; font-weight: 700; letter-spacing: 0.5px; line-height: 1.2; text-transform: uppercase; color: #000000; } .page-shop-categories-filter li a.active { color: #c7a17a; border-color: #c7a17a; } .sr54Pro ul.products li.product .price ins, .sr54Pro-page ul.products li.product .price ins, .sr54Pro ul.products li.product .price, .sr54Pro-page ul.products li.product .price, p.price ins span.amount, .sr54Pro #content div.product p.price, .sr54Pro #content div.product span.price, .sr54Pro div.product p.price, .sr54Pro div.product span.price, .sr54Pro-page #content div.product p.price, .sr54Pro-page #content div.product span.price, .sr54Pro-page div.product p.price, .sr54Pro-page div.product span.price { color: #000000; } .sr54Pro .products .onsale, .sr54Pro ul.products li.product .onsale, .sr54Pro span.onsale { background-color: #d22226; } .sr54Pro div.product .sr54Pro-tabs ul.tabs li.active a, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li.active a { color: #c7a17a; } .sr54Pro div.product .sr54Pro-tabs ul.tabs li.active, .sr54Pro-page div.product .sr54Pro-tabs ul.tabs li.active { border-color: #c7a17a; } #loftloader-wrapper .loader-section { background: #000000; } #loftloader-wrapper .loader-section { opacity: 1; } #loftloader-wrapper.pl-imgloading #loader { width: 120px; } #loftloader-wrapper.pl-imgloading #loader span { background-size: cover; background-image: url(../upload/logo_white.png); } .custom-css-style .sr54Coffee-element.sr54Coffee-element-bedfc57 ul.products li.product { text-align: center; list-style: none; float: left; } .booked-calendar th { color:#fff; } .booked-calendar > tr { color:#fff; } .booked-calendar .week td:hover { background: #fff !important; } .date:hover { background: #fff; } .custom-css-style .sr54Coffee-element.sr54Coffee-element-357fd3e ul.products li.product { text-align: center; list-style: none; float: left; } .custom-css-style .sr54Coffee-element.sr54Coffee-element-501ce06 ul.products li.product { text-align: center; list-style: none; float: left; } .custom-css-style .sr54Coffee-element.sr54Coffee-element-26566c2 ul.products li.product { text-align: center; list-style: none; float: left; } /* Contact Form */ .forms-input label{ display: block; color: #fff; } .forms-input input[type="text"]{ background: transparent; border-bottom: 1px solid #fff !important; width: 100%; margin-bottom: 30px; color:#ffffff; padding-left: 20px; } .forms-input textarea{ background: transparent; border-bottom: 1px solid #fff !important; width: 100%; height: 100px; color:#ffffff; padding-left: 20px; } .forms-input input[type="submit"]{ margin-top: 20px; color: #000; background: #fff; border: 1px solid #fff; } /* End CSS for course-grid */ /** * *  End teacher profile code * **/