/* Theme Name: Baroque Theme URI: http://drfuri.com/baroque Author: DrFuri Author URI: http://drfuri.com Description: Architecture & Interior WordPress Theme Version: 1.3.5 Requires at least: 4.9 Tested up to: 5.8.0 Requires PHP: 7.4.0 License: GNU General Public License v2+ License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: baroque Domain Path: /lang/ Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Normalize 2.0 - Typography 3.0 - Elements 3.1 - Common Elements 3.2 - WordPress Elements 3.3 - Theme's Elements 4.0 - Header 5.0 - Navigations 6.0 - Content 6.1 - Posts and pages 5.2 - Comments 7.0 - Widgets 8.0 - Footer 9.0 - Media Queries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Normalize --------------------------------------------------------------*/ * { box-sizing: border-box; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover, a:focus { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { transition: border 0.5s; color: #666666; border: 1px solid rgba(0, 0, 0, 0.15); padding: 0 15px; border-radius: 0; outline: none; box-sizing: border-box; height: 50px; line-height: 50px; background-color: transparent; } input[type="text"]:active, input[type="email"]:active, input[type="url"]:active, input[type="password"]:active, input[type="search"]:active, input[type="number"]:active, input[type="tel"]:active, input[type="range"]:active, input[type="date"]:active, input[type="month"]:active, input[type="week"]:active, input[type="time"]:active, input[type="datetime"]:active, input[type="datetime-local"]:active, input[type="color"]:active, textarea:active, select:active, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus { border-color: rgba(0, 0, 0, 0.35); } textarea { border-radius: 0; width: 100%; line-height: 1.4; padding-top: 15px; padding-bottom: 15px; } /*-------------------------------------------------------------- 2.0 - Typography --------------------------------------------------------------*/ body { color: #666666; font-size: 16px; font-family: 'Work Sans', sans-serif; line-height: 1.6; background: #fff; word-wrap: break-word; overflow-x: hidden; font-weight: 400; } a { transition: 0.5s; color: #666666; text-decoration: none; } a:hover, a:focus { text-decoration: none; color: #666666; } a img { border: none; } h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: 'Work Sans', sans-serif; line-height: 1.2; color: #000; transition: 0.5s; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 12px; } /*-------------------------------------------------------------- 3.0 - Elements --------------------------------------------------------------*/ figure iframe { width: 100% !important; } .has-small-font-size { font-size: 13px; } ul, ol { padding-left: 20px; } hr.wp-block-separator { background-color: #eaeaea; border: 0; height: 1px; margin-bottom: 1.5em; } ul.wp-block-categories { list-style: none; margin: 0 0 30px 0; padding: 0; } ul.wp-block-categories ul { list-style: none; margin: 10px 0 0 0; padding: 0 0 0 20px; } ul.wp-block-categories li { font-size: 15px; padding-top: 5px; padding-bottom: 6px; } ul.wp-block-categories li:first-child { padding-top: 0; } ul.wp-block-categories li:last-child { padding-bottom: 0; } ul.wp-block-categories li a { color: #000; } ul.wp-block-categories li a:hover { color: #666600; } ul.wp-block-categories .count { float: right; } ul.wp-block-categories.aligncenter .count { float: none; } ul.wp-block-archives { list-style: none; margin: 0 0 30px 0; padding: 0; } ul.wp-block-latest-posts { list-style: none; margin: 0 0 1.5em; padding: 0; } ul.wp-block-latest-posts li { margin-bottom: 10px; } ul.wp-block-latest-posts li a { color: #000; } ul.wp-block-latest-posts li a:hover { color: #660; } .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 0 0 30px 120px; margin: 0 0 30px 0; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-left: 0; padding: 0 0 30px 100px; margin: 0 0 30px 0; } .wp-block-quote:not(.is-large):not(.is-style-large):before { font-size: 56px; top: 0; left: 0; } .wp-block-quote:not(.is-large):not(.is-style-large):after { width: 40px; height: 40px; left: 25px; top: 0; } blockquote cite, blockquote .wp-block-quote__citation, .wp-block-pullquote__citation, .wp-block-quote.is-large .wp-block-quote__citation, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large .wp-block-quote__citation { display: block; font-size: 14px; font-style: normal; padding-top: 25px; color: #999999; font-family: 'Work Sans', sans-serif; text-transform: uppercase; font-weight: 400; } .wp-block-pullquote blockquote { margin: 0; padding: 0; } .wp-block-pullquote blockquote p { margin-bottom: 0; } .wp-block-pullquote blockquote:before, .wp-block-pullquote blockquote:after { display: none; } .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { color: #999999; } .wp-block-quote:not(.is-large):not(.is-style-large) .wp-block-quote__citation, .wp-block-quote:not(.is-large):not(.is-style-large) cite { font-size: 12px; padding-top: 20px; } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-style: normal; } .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { color: #999999; } .wp-block-table { margin-bottom: 20px; } .wp-block-table td, .wp-block-table th { border-color: #efefef; } @media (max-width: 767px) { .wp-block-table.has-fixed-layout { table-layout: unset; } } /**/ .wp-block-categories select { padding: 10px; border: 1px solid #efefef; } .wp-block-archives li { padding: 3px 0; margin-bottom: 0; } .wp-block-archives li:last-child { padding-bottom: 0; } code { color: #23282d; border: 1px solid #eee; background-color: #eee; border-radius: 4px; padding: 2px 4px; } .wp-block-code code { border: none; } figure.is-resized { margin: 0; } img.alignright { clear: both; } .wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before { background-color: rgba(0, 0, 0, 0.5); opacity: 1; } .wp-block-separator { clear: both; } @media only screen and (min-width: 960px) { body.full-content .site-content .entry-content > *.alignfull { width: auto; max-width: 1000%; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); } body.full-content .site-content .entry-content > *.alignwide { width: auto; max-width: 1000%; margin-right: calc(25% - 25vw); margin-left: calc(25% - 25vw); } } /** * 3.1 - Common Elements */ img { max-width: 100%; height: auto; } blockquote { font-family: 'Libre Baskerville', serif; font-size: 24px; color: #000; padding: 0 0 30px 120px; margin: 0 0 30px 0; line-height: 1.5; position: relative; border: 0; } blockquote:before { content: '\7b'; font-family: ElegantIcons; font-size: 89px; position: absolute; top: -6px; left: -24px; line-height: 1; z-index: 9; } blockquote:after { content: ''; width: 48px; height: 48px; border-radius: 50%; background-color: #ced08d; position: absolute; left: 20px; top: 0; } blockquote cite { display: block; font-size: 14px; font-style: normal; padding-top: 35px; color: #999999; font-family: 'Work Sans', sans-serif; text-transform: uppercase; font-weight: 400; } blockquote cite a { color: #000; font-weight: 600; } table { text-align: left; } table tr { border: 1px solid #efefef; border-bottom-width: 0; padding: 5px; } table tr td, table tr th { padding: 5px; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align: center; } .label { font-size: 100%; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .baroque-tabs .tabs-nav, .tabs .tabs-nav { margin: 0; padding: 0; overflow: hidden; list-style-type: none; } .baroque-tabs .tabs-nav li, .tabs .tabs-nav li { float: left; } .baroque-tabs .tabs-nav a, .tabs .tabs-nav a { display: block; } .baroque-tabs .tabs-content, .tabs .tabs-content { position: relative; } .baroque-tabs .tabs-panel, .tabs .tabs-panel { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; opacity: 0; transition: opacity 0.2s ease; transform: translateY(10px); } .baroque-tabs .tabs-panel.active, .tabs .tabs-panel.active { position: relative; z-index: 2; opacity: 1; top: 0; transform: translateY(0); transition: all 0.2s ease; transition-delay: 0.1s; } .socials-inline { list-style: none; padding: 0; margin: 0; } .socials-inline li { display: inline-block; padding: 0 5px; transition: 0.5s; } .socials-inline li a { display: block; } .socials-inline li:last-child { padding-right: 0; } .socials-inline li:first-child { padding-left: 0; } .primary-color { color: #666600; } .primary-background-color { background-color: #666600; } .clear { clear: both; } .color-white { color: #fff; } .color-dark { color: #000; } .mf-btn-fullwidth { width: 100%; } ul.nav-filter { list-style: none; padding: 0; margin: 0 0 40px; display: flex; justify-content: center; flex-wrap: wrap; } ul.nav-filter li { display: inline-block; margin: 0 5px 10px 5px; border-radius: 3px; } ul.nav-filter li a { border: 1px solid #efefef; border-radius: 3px; transition: 0.5s; font-size: 18px; color: #393939; padding: 7px 15px 4px 15px; cursor: pointer; display: block; background-color: #fff; } ul.nav-filter li a.active, ul.nav-filter li a:hover { background-color: #666600; border-color: #666600; } .flip-clock-wrapper .flip-wrapper { display: inline-block; padding: 0 25px; position: relative; } .flip-clock-wrapper .flip-wrapper li { margin-bottom: 5px; } .flip-clock-wrapper .flip-wrapper:last-child { padding-right: 0; } .flip-clock-wrapper .flip-wrapper:first-child { padding-left: 0; } .flip-clock-wrapper .flip-wrapper .inn { font-size: 60px; color: #000; font-weight: 300; min-width: 80px; line-height: 1; } .flip-clock-wrapper .flip-wrapper .flip-clock-label { font-size: 14px; font-weight: 600; text-transform: capitalize; display: block; color: #000; padding-left: 3px; } .flip-clock-wrapper .flip-wrapper ul { padding: 0; margin: 0; display: inline-block; } .flip-clock-wrapper .flip-wrapper ul li { list-style: none; } .flip-clock-wrapper .flip-wrapper .flip-clock-before, .flip-clock-wrapper .flip-wrapper .up { display: none; } .loading-icon { display: none; vertical-align: middle; text-align: center; opacity: 0; transition: 0.5s; z-index: -999; min-height: 27px; } .loading-icon .bubble { display: inline-block; width: 12px; height: 12px; margin: 0 5px; } .loading-icon .bubble:nth-child(2n) .dot { animation-delay: -0.3s; } .loading-icon .bubble:nth-child(3n) .dot { animation-delay: 0s; } .loading-icon .dot { display: block; border-radius: 50%; background-color: #000; width: 100%; height: 100%; transform-origin: 50% 50%; animation: bubble 1.2s -0.6s infinite ease-out; -webkit-animation: bubble 1.2s -0.6s infinite ease-out; } .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999; background: rgba(255, 255, 255, 0.95); } .preloader .loading-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; opacity: 1; } .preloader.out { z-index: -99999; } .no-js .preloader { display: none; } .ba-blog-content, .ba-portfolio-content, .ba-shop-content { position: relative; } .ba-blog-loading, .ba-portfolio-loading, .ba-catalog-loading { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; background-color: #fff; display: none; } .ba-blog-loading.show, .ba-portfolio-loading.show, .ba-catalog-loading.show { display: block; } .ba-blog-loading.show .loading-icon, .ba-portfolio-loading.show .loading-icon, .ba-catalog-loading.show .loading-icon { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); display: block; opacity: 1; } /** * 3.2 - WordPress Elements */ .alignnone { margin: 0; } .aligncenter, div.aligncenter, .aligncenter img { display: block; margin: 1em auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .wp-caption { padding: 5px; max-width: 100%; text-align: center; } .wp-caption img { display: block; width: 100%; height: auto; margin: 0; } .wp-caption-text { font-size: small; margin: 0; padding: 5px 0 0; } .gallery-caption { display: block; } .bypostauthor { display: block; } .sticky { display: block; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .gallery { margin-bottom: 1.5em; margin-left: -7px; margin-right: -7px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0; padding: 7px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-columns-10 .gallery-item { max-width: 8.33%; } .gallery-caption { display: block; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; } .baroque-off-canvas-panel { width: 675px; background-color: #fff; position: fixed; right: -675px; top: 0; bottom: 0; overflow: hidden; z-index: 9995; transition: transform 0.5s ease; } .baroque-off-canvas-panel.has-image:before { content: ''; width: 100%; height: 100%; position: absolute; background-color: rgba(255, 255, 255, 0.85); z-index: 1; } .baroque-off-canvas-panel.open { transform: translate3d(-675px, 0, 0); } .baroque-off-canvas-panel .widget-panel-header { z-index: 10; text-align: center; position: absolute; right: 100px; } .baroque-off-canvas-panel .widget-panel-content { height: 100%; overflow-x: hidden; overflow-y: scroll; padding: 55px 100px 0 100px; position: relative; z-index: 99; } .baroque-off-canvas-panel .widget-panel-footer { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background-color: #fff; } .baroque-off-canvas-panel .widget-panel-content::-webkit-scrollbar { display: none; } .baroque-off-canvas-panel .close-canvas-panel { font-size: 24px; color: #000; } .baroque-off-canvas-panel .close-canvas-panel:hover { color: #000; } .baroque-off-canvas-panel.menu-sidebar .widget-panel-body { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 0; } .baroque-off-canvas-panel.menu-sidebar .sidebar-language { margin-bottom: 60px; } .baroque-off-canvas-panel.menu-sidebar .sidebar-language .current { display: none; } .baroque-off-canvas-panel.menu-sidebar .sidebar-language ul { margin: 0; padding: 0; } .baroque-off-canvas-panel.menu-sidebar .sidebar-language li { list-style: none; margin-bottom: 0; display: inline-block; text-transform: uppercase; padding: 0 12px; font-size: 14px; } .baroque-off-canvas-panel.menu-sidebar .sidebar-language li:first-child { padding-left: 0; } .baroque-off-canvas-panel.menu-sidebar .sidebar-language li:last-child { padding-right: 0; } .baroque-off-canvas-panel.menu-sidebar .sidebar-language li a { color: #000; font-weight: 500; } .baroque-off-canvas-panel.menu-sidebar .sidebar-language li.actived a { color: #666600; } .baroque-off-canvas-panel.menu-sidebar .sidebar-text { color: #000; font-size: 16px; white-space: pre-line; margin-top: 15px; } .baroque-off-canvas-panel.menu-sidebar .widget-panel-bottom { margin-bottom: 60px; margin-top: 100px; } .baroque-off-canvas-panel.menu-sidebar .baroque-social-links-widget a { color: #ccc; padding: 0 20px; } .baroque-off-canvas-panel.menu-sidebar .baroque-social-links-widget a:first-child { padding-left: 0; } .baroque-off-canvas-panel.menu-sidebar .baroque-social-links-widget a:last-child { padding-right: 0; } .baroque-off-canvas-panel.menu-sidebar .baroque-social-links-widget a:hover { color: #666600; } .baroque-off-canvas-panel.menu-sidebar .menu { margin: 0; padding: 0; } .baroque-off-canvas-panel.menu-sidebar .menu li { padding: 10px 0; list-style: none; margin-bottom: 0; } .baroque-off-canvas-panel.menu-sidebar .menu li a { font-size: 36px; line-height: 1; color: #999; font-weight: 600; } .baroque-off-canvas-panel.menu-sidebar .menu li a:hover { color: #000; } .baroque-off-canvas-panel.menu-sidebar .menu li.current-menu-parent > a, .baroque-off-canvas-panel.menu-sidebar .menu li.current-menu-item > a, .baroque-off-canvas-panel.menu-sidebar .menu li.current-menu-ancestor > a, .baroque-off-canvas-panel.menu-sidebar .menu li.active > a, .baroque-off-canvas-panel.menu-sidebar .menu li:hover > a { color: #000; } .baroque-off-canvas-panel.menu-sidebar .menu .sub-menu { display: none; padding-left: 0; padding-top: 15px; padding-bottom: 5px; } .baroque-off-canvas-panel.menu-sidebar .menu .sub-menu .sub-menu { padding-bottom: 0; padding-left: 20px; padding-top: 5px; } .baroque-off-canvas-panel.menu-sidebar .menu .sub-menu li { padding: 3px 0; } .baroque-off-canvas-panel.menu-sidebar .menu .sub-menu li a { font-size: 18px; font-weight: 400; } .baroque-off-canvas-panel.menu-sidebar .menu .sub-menu li:last-child { padding-bottom: 0; } .baroque-off-canvas-panel.menu-sidebar .menu .sub-menu li li a { font-size: 16px; } .baroque-off-canvas-panel.menu-sidebar .section-menu-secondary { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc; display: none; } .baroque-off-canvas-panel.menu-sidebar .section-menu-secondary .menu li a { font-size: 30px; } .admin-bar .baroque-off-canvas-panel { top: 32px; } .off-canvas-layer { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; cursor: pointer; display: none; background-color: rgba(0, 0, 0, 0.5); } .open-canvas-panel .off-canvas-layer { display: block; } /*-------------------------------------------------------------- 4.0 - Header --------------------------------------------------------------*/ .site-header { background-color: #fff; position: relative; padding-top: 20px; padding-bottom: 20px; } .site-header .site-title, .site-header .site-description { margin: 0; line-height: 0; text-indent: -9999px; font-size: 0; } .site-header .header-main { transition: 0.5s; display: flex; align-items: center; padding-right: 80px; padding-left: 80px; } .header-transparent .site-header { position: absolute; top: 0; right: 0; left: 0; z-index: 999; background-color: transparent; } .header-sticky .site-header { position: fixed; top: 0; right: 0; left: 0; z-index: 999; transition: 0.3s; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid transparent; } .header-sticky .site-header.minimized { border-bottom-color: #f0f0f0; } .admin-bar.header-sticky .site-header, .admin-bar.header-transparent .site-header { top: 32px; } .header-transparent.header-sticky .site-header { border-bottom: 0; padding-top: 30px; } .header-transparent.header-sticky .site-header.minimized { padding-top: 10px; padding-bottom: 10px; } .header-sticky-bg.header-transparent.header-sticky .site-header:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: scale(1, 0); transition: transform 0.35s; content: ""; background-color: #fff; transform-origin: 0 0; z-index: -1; } .header-sticky-bg.header-transparent.header-sticky .site-header.minimized:before { box-shadow: 0 1px 1px 0 #f0f0f0; transform: scale(1, 1); transition-delay: 0.1s; } .page-template-template-home-boxed.header-transparent .site-header, .page-template-template-home-boxed.header-sticky .site-header { top: 20px; right: 20px; left: 20px; } .page-template-template-home-boxed.admin-bar.header-sticky .site-header, .page-template-template-home-boxed.admin-bar.header-transparent .site-header { top: 52px; } .page-template-template-home-boxed.admin-bar.header-sticky .site-header.minimized, .page-template-template-home-boxed.admin-bar.header-transparent .site-header.minimized { top: 32px; } .menu-toggle { text-transform: uppercase; font-weight: 600; display: flex; justify-content: flex-end; align-items: center; color: #000; } .menu-toggle span { padding-right: 15px; display: inline-block; } .menu-toggle i { font-size: 32px; } .menu-toggle:hover { color: #000; } .first-el, .third-el { min-width: 16.5%; } .second-el { flex-grow: 1; } .site-menu { display: flex; justify-content: flex-end; } .site-menu .extra-menu { display: flex; flex-wrap: wrap; align-items: center; } .site-menu ul { margin: 0; padding: 0; position: relative; } .site-menu ul li { list-style: none; display: inline-block; margin-bottom: 0; padding-left: 17px; padding-right: 17px; } .site-menu ul li:last-child { padding-right: 0; } .site-menu ul .extra-cart-item:hover .nx-mini-cart-content { top: 100%; opacity: 1; z-index: 999; transform: scaleX(1); } .site-menu ul .extra-cart-item .nx-mini-cart-content { transition: top 0.3s ease 0s, opacity 0.3s; position: absolute; top: 120%; right: 0; z-index: -1; opacity: 0; width: 366px; transform: scaleX(0); border-top: 55px solid transparent; } .site-menu ul .extra-cart-item .cart-contents { position: relative; font-size: 24px; line-height: 1; color: #000; transition: 0.5s; } .site-menu ul .extra-cart-item .cart-contents .mini-cart-counter { position: absolute; bottom: -6px; padding: 0 5px; height: 19px; min-width: 19px; text-align: center; line-height: 19px; color: #fff; border-radius: 50%; right: -8px; background-color: #666600; display: block; font-weight: 600; font-size: 12px; } .site-menu .extra-language-item { font-size: 14px; font-weight: 600; text-transform: uppercase; } .site-menu .extra-language-item a { color: #000; } .site-menu .extra-language-item li { padding: 0 7px; } .site-menu .extra-language-item li:hover a { color: #666600; } .site-logo { min-height: 80px; display: flex; align-items: center; transition: 0.5s; } .page-template-template-home-boxed .site-logo { min-height: 180px; } .page-template-template-homepage.header-v5 .site-logo { min-height: 125px; } .page-template-template-homepage.header-v5 .site-logo img { max-width: 80%; } .page-template-template-home-boxed.header-transparent.header-sticky .site-header.minimized .site-logo { min-height: 120px; } a.logo { position: relative; display: inline-block; } a.logo img { transition: 0.5s; } a.logo .logo-light { position: absolute; left: 0; top: 0; opacity: 0; } .site-intro-content { display: flex; justify-content: space-between; align-items: center; color: #000; flex-wrap: wrap; transition: 0.5s; } .site-intro-content .widget { margin-bottom: 0; } .header-v4 .site-logo { justify-content: center; } .header-v4 .first-el, .header-v4 .third-el { width: 35%; } .header-v5 .site-intro-content { justify-content: flex-end; } .header-v5 .third-el { min-width: 6.3%; } .header-v5 .site-menu .menu-toggle span { font-size: 14px; } .header-v5.page-template-template-homepage .site-header.minimized .site-logo { min-height: 80px; } .page-template-template-coming-soon-page .site-header { background-color: transparent; } .woocommerce .widget_shopping_cart_content, .widget_shopping_cart_content { padding: 15px 20px 20px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); } .woocommerce .widget_shopping_cart_content .woocommerce-mini-cart__empty-message, .widget_shopping_cart_content .woocommerce-mini-cart__empty-message { margin-bottom: 0; } .woocommerce .widget_shopping_cart_content:after, .widget_shopping_cart_content:after { content: '\f29c'; display: inline-block; font: normal normal normal 14px/1 linearicons; position: absolute; top: 50%; left: 50%; font-size: 50px; color: #999; animation: spin 2s linear infinite; transform: none; margin-top: -25px; margin-left: -25px; z-index: -999; opacity: 0; } .woocommerce .widget_shopping_cart_content ul.cart_list, .widget_shopping_cart_content ul.cart_list { position: static; opacity: 1; transform: none; border: none; max-height: 420px; overflow-x: hidden; overflow-y: scroll; text-align: left; } .woocommerce .widget_shopping_cart_content ul.cart_list li, .widget_shopping_cart_content ul.cart_list li { text-align: left; border-bottom: 1px solid #e5e5e5; padding: 0 20px 20px 0; margin-top: 20px; position: relative; width: 100%; } .woocommerce .widget_shopping_cart_content ul.cart_list li:first-child, .widget_shopping_cart_content ul.cart_list li:first-child { margin-top: 0; } .woocommerce .widget_shopping_cart_content ul.cart_list li img, .widget_shopping_cart_content ul.cart_list li img { width: 50px; float: left; margin-left: 0; margin-right: 15px; margin-top: 5px; } .woocommerce .widget_shopping_cart_content ul.cart_list li .quantity, .widget_shopping_cart_content ul.cart_list li .quantity { color: #999; font-weight: 400; display: block; } .woocommerce .widget_shopping_cart_content ul.cart_list li .variation, .widget_shopping_cart_content ul.cart_list li .variation { display: none; border: none; } .woocommerce .widget_shopping_cart_content ul.cart_list li .amount, .widget_shopping_cart_content ul.cart_list li .amount { padding-left: 0; color: #666; font-weight: 400; display: inline-block; } .woocommerce .widget_shopping_cart_content ul.cart_list li a.remove, .widget_shopping_cart_content ul.cart_list li a.remove { position: absolute; right: 0; left: auto; top: 2px; color: #ccc !important; width: 14px; height: 14px; line-height: 14px; overflow: hidden; background-color: transparent !important; } .woocommerce .widget_shopping_cart_content ul.cart_list li a.remove:before, .widget_shopping_cart_content ul.cart_list li a.remove:before { content: '\e935'; display: inline-block; font: normal normal normal 14px/1 linearicons; font-size: 14px; transition: 0.5s; } .woocommerce .widget_shopping_cart_content ul.cart_list li a.remove:hover:before, .widget_shopping_cart_content ul.cart_list li a.remove:hover:before { color: #000; } .woocommerce .widget_shopping_cart_content ul.cart_list .mini_cart_item a, .widget_shopping_cart_content ul.cart_list .mini_cart_item a { font-size: 16px; font-weight: 400; border-top-width: 0; padding: 0; color: #000; text-transform: none; } .woocommerce .widget_shopping_cart_content ul.cart_list .mini_cart_item a:hover, .widget_shopping_cart_content ul.cart_list .mini_cart_item a:hover { color: #666600; } .woocommerce .widget_shopping_cart_content .total, .widget_shopping_cart_content .total { text-transform: uppercase; padding: 30px 0 25px; overflow: hidden; clear: both; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; border-top: none; } .woocommerce .widget_shopping_cart_content .total strong, .widget_shopping_cart_content .total strong { float: left; color: #000; font-weight: 600; text-transform: uppercase; line-height: 1; } .woocommerce .widget_shopping_cart_content .total .amount, .widget_shopping_cart_content .total .amount { float: right; font-size: 18px; color: #ff0000; font-weight: 600; line-height: 1; } .woocommerce .widget_shopping_cart_content .buttons, .widget_shopping_cart_content .buttons { margin-bottom: 0; } .woocommerce .widget_shopping_cart_content .buttons a, .widget_shopping_cart_content .buttons a { font-weight: 600; color: #fff; text-align: center; display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-color: #666600; text-transform: uppercase; border: 0; box-shadow: none; transition: 0.5s; min-width: 150px; } .woocommerce .widget_shopping_cart_content .buttons a:hover, .widget_shopping_cart_content .buttons a:hover, .woocommerce .widget_shopping_cart_content .buttons a:focus, .widget_shopping_cart_content .buttons a:focus, .woocommerce .widget_shopping_cart_content .buttons a:active, .widget_shopping_cart_content .buttons a:active, .woocommerce .widget_shopping_cart_content .buttons a:active:hover, .widget_shopping_cart_content .buttons a:active:hover, .woocommerce .widget_shopping_cart_content .buttons a:active:focus, .widget_shopping_cart_content .buttons a:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .woocommerce .widget_shopping_cart_content .buttons a:hover, .widget_shopping_cart_content .buttons a:hover, .woocommerce .widget_shopping_cart_content .buttons a:focus, .widget_shopping_cart_content .buttons a:focus, .woocommerce .widget_shopping_cart_content .buttons a:active, .widget_shopping_cart_content .buttons a:active, .woocommerce .widget_shopping_cart_content .buttons a:active:hover, .widget_shopping_cart_content .buttons a:active:hover, .woocommerce .widget_shopping_cart_content .buttons a:active:focus, .widget_shopping_cart_content .buttons a:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .woocommerce .widget_shopping_cart_content .buttons .checkout, .widget_shopping_cart_content .buttons .checkout { font-weight: 600; color: #000; text-align: center; display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-color: #fff; text-transform: uppercase; border: 0; box-shadow: none; transition: 0.5s; border: 1px solid #000; float: right; } .woocommerce .widget_shopping_cart_content .buttons .checkout:hover, .widget_shopping_cart_content .buttons .checkout:hover, .woocommerce .widget_shopping_cart_content .buttons .checkout:focus, .widget_shopping_cart_content .buttons .checkout:focus, .woocommerce .widget_shopping_cart_content .buttons .checkout:active, .widget_shopping_cart_content .buttons .checkout:active, .woocommerce .widget_shopping_cart_content .buttons .checkout:active:hover, .widget_shopping_cart_content .buttons .checkout:active:hover, .woocommerce .widget_shopping_cart_content .buttons .checkout:active:focus, .widget_shopping_cart_content .buttons .checkout:active:focus { color: #000; border: 0; box-shadow: none; outline: none; background-color: #fff; } .woocommerce .widget_shopping_cart_content .buttons .checkout:hover, .widget_shopping_cart_content .buttons .checkout:hover, .woocommerce .widget_shopping_cart_content .buttons .checkout:focus, .widget_shopping_cart_content .buttons .checkout:focus, .woocommerce .widget_shopping_cart_content .buttons .checkout:active, .widget_shopping_cart_content .buttons .checkout:active, .woocommerce .widget_shopping_cart_content .buttons .checkout:active:hover, .widget_shopping_cart_content .buttons .checkout:active:hover, .woocommerce .widget_shopping_cart_content .buttons .checkout:active:focus, .widget_shopping_cart_content .buttons .checkout:active:focus { color: #000; border: 0; box-shadow: none; outline: none; background-color: #fff; } .woocommerce .widget_shopping_cart_content .buttons .checkout:hover, .widget_shopping_cart_content .buttons .checkout:hover, .woocommerce .widget_shopping_cart_content .buttons .checkout:focus, .widget_shopping_cart_content .buttons .checkout:focus, .woocommerce .widget_shopping_cart_content .buttons .checkout:active, .widget_shopping_cart_content .buttons .checkout:active, .woocommerce .widget_shopping_cart_content .buttons .checkout:active:hover, .widget_shopping_cart_content .buttons .checkout:active:hover, .woocommerce .widget_shopping_cart_content .buttons .checkout:active:focus, .widget_shopping_cart_content .buttons .checkout:active:focus { border: 1px solid #000; } .woocommerce .widget_shopping_cart_content .buttons:after, .widget_shopping_cart_content .buttons:after { display: block; content: ''; clear: both; } .woocommerce .widget_shopping_cart_content .cart_list::-webkit-scrollbar, .widget_shopping_cart_content .cart_list::-webkit-scrollbar { display: none; } /*------ Header Light ------*/ .page-template-template-homepage.header-light a.logo .logo-light, .page-template-template-home-boxed.header-light a.logo .logo-light { opacity: 1; } .page-template-template-homepage.header-light a.logo .logo-dark, .page-template-template-home-boxed.header-light a.logo .logo-dark { opacity: 0; } .page-template-template-homepage.header-light .menu-toggle, .page-template-template-home-boxed.header-light .menu-toggle, .page-template-template-homepage.header-light .site-intro-content, .page-template-template-home-boxed.header-light .site-intro-content { color: #fff; } .page-template-template-homepage.header-light .site-intro-content h1, .page-template-template-home-boxed.header-light .site-intro-content h1, .page-template-template-homepage.header-light .site-intro-content h2, .page-template-template-home-boxed.header-light .site-intro-content h2, .page-template-template-homepage.header-light .site-intro-content h3, .page-template-template-home-boxed.header-light .site-intro-content h3, .page-template-template-homepage.header-light .site-intro-content h4, .page-template-template-home-boxed.header-light .site-intro-content h4, .page-template-template-homepage.header-light .site-intro-content h5, .page-template-template-home-boxed.header-light .site-intro-content h5, .page-template-template-homepage.header-light .site-intro-content h6, .page-template-template-home-boxed.header-light .site-intro-content h6 { color: #fff; } .page-template-template-homepage.header-light .site-intro-content .baroque-social-links-widget a, .page-template-template-home-boxed.header-light .site-intro-content .baroque-social-links-widget a { color: #fff; } .page-template-template-homepage.header-light .site-menu ul .extra-cart-item .cart-contents, .page-template-template-home-boxed.header-light .site-menu ul .extra-cart-item .cart-contents { color: #fff; } .page-template-template-homepage.header-light .site-menu .extra-language-item a, .page-template-template-home-boxed.header-light .site-menu .extra-language-item a { color: #fff; } .page-template-template-homepage.header-light .site-menu .extra-language-item a:hover, .page-template-template-home-boxed.header-light .site-menu .extra-language-item a:hover { color: #666600; } .page-template-template-homepage.header-light.header-sticky .site-header.minimized a.logo .logo-light, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized a.logo .logo-light { opacity: 0; } .page-template-template-homepage.header-light.header-sticky .site-header.minimized a.logo .logo-dark, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized a.logo .logo-dark { opacity: 1; } .page-template-template-homepage.header-light.header-sticky .site-header.minimized .menu-toggle, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .menu-toggle, .page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content { color: #000; } .page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h1, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h1, .page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h2, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h2, .page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h3, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h3, .page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h4, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h4, .page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h5, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h5, .page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h6, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h6 { color: #000; } .page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content .baroque-social-links-widget a, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content .baroque-social-links-widget a { color: #000; } .page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-menu ul .extra-cart-item .cart-contents, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-menu ul .extra-cart-item .cart-contents { color: #000; } .page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-menu .extra-language-item a, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-menu .extra-language-item a { color: #000; } .header-video { height: 100vh; position: relative; } .header-video h2 { font-size: 100px; line-height: 1; margin-top: 0; margin-bottom: 0; } .header-video .subtitle { font-size: 26px; font-weight: 600; margin-top: 12px; } .header-video .video-wrapper { object-fit: cover; width: 100%; display: block; height: 100%; position: relative; } .header-video .video-wrapper iframe { width: 100%; height: 100%; display: block; position: absolute; margin: 0; top: 0; left: 0; border: 0 !important; } .header-video .featured-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; } .header-video .banner-content { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .header-video .header-banner__scroll { font-size: 24px; display: flex; flex-direction: column; justify-content: space-between; text-align: center; position: relative; z-index: 999; color: #fff; } .header-video .header-banner__scroll span { display: block; margin-top: 25px; } .header-video.text-light { color: #fff; } .header-video.text-light h2 { color: #fff; } /*-------------------------------------------------------------- 5.0 - Navigations --------------------------------------------------------------*/ .page-template-template-homepage.header-light .menu-area a, .page-template-template-home-boxed.header-light .menu-area a { color: #fff; } .page-template-template-homepage.header-light .menu-area li li a, .page-template-template-home-boxed.header-light .menu-area li li a { color: #999; } .page-template-template-homepage.header-light.header-sticky .site-header.minimized .menu-area a, .page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .menu-area a { color: #000; } .menu-area a { color: #000; font-weight: 600; display: block; } .menu-area ul { list-style: none; padding-left: 0; margin-bottom: 0; position: relative; } .menu-area ul ul { transition: top 0.3s ease 0s, opacity 0.3s; position: absolute; top: calc(100% + 30px); left: -15px; width: 200px; transform: scaleX(0); background-color: #fff; padding: 35px 0; z-index: 999; border: 1px solid rgba(0, 0, 0, 0.15); } .menu-area ul ul:before { content: ''; position: absolute; background-color: transparent; top: -30px; left: 0; width: 100%; height: 30px; } .menu-area ul ul ul { transition: left 0.3s ease 0s, opacity 0.3s; left: 115%; top: 0; box-shadow: none; z-index: 999; } .menu-area ul ul ul:before { content: ''; position: absolute; background-color: transparent; top: 0; left: -10px; width: 10px; height: 100%; } .menu-area li { position: relative; } .menu-area li:hover > ul { opacity: 1; top: calc(100% + 20px); transform: scaleX(1); } .menu-area li li { display: block; line-height: 1; transition: 0.5s; position: relative; padding: 0 45px; } .menu-area li li:last-child { border-bottom: 0; } .menu-area li li a { font-size: 14px; font-weight: 400; padding: 6px 0; color: #666; position: relative; display: block; text-transform: capitalize; } .menu-area li li:hover > a { color: #000; } .menu-area li li:hover > ul { top: 0; left: calc(100% + 10px); } .menu-area ul.menu { padding: 0; margin: 0 0 0 -30px; list-style: none; } .menu-area ul.menu > li { display: inline-block; padding: 30px; } .menu-area ul.menu > li > a { line-height: 1.3; } .menu-area ul.menu > li:hover > a { color: #666600; } .menu-area .menu { position: relative; } .menu-area .menu .is-mega-menu:hover .dropdown-submenu { transform: translateX(0) scale(1); } .menu-area .menu .is-mega-menu:hover.align-right .dropdown-submenu { transform: scale(1); } .menu-area .menu .is-mega-menu:hover.align-left .dropdown-submenu { transform: scale(1); } .menu-area .menu .is-mega-menu .dropdown-submenu { left: -15px; transform: translateX(0) scale(0); width: 100%; padding: 0; } .menu-area .menu .is-mega-menu .dropdown-submenu > li { padding: 0; } .menu-area .menu .is-mega-menu .dropdown-submenu .mega-menu-content { padding: 35px 45px; } .menu-area .menu .is-mega-menu .dropdown-submenu .menu-item-mega > a { color: #000; font-size: 16px; margin: 0; padding: 5px 0; font-weight: 600; } .menu-area .menu .is-mega-menu .dropdown-submenu .menu-item-mega > a:hover { color: #666600; } .menu-area .menu .is-mega-menu .dropdown-submenu .menu-item-mega > a.hide-text { visibility: hidden; } .menu-area .menu .is-mega-menu .dropdown-submenu .menu-item-mega .sub-menu { background-color: transparent; } .menu-area .menu .is-mega-menu .dropdown-submenu .menu-item-mega .sub-menu .sub-menu { margin-left: 10px; padding-bottom: 0; } .menu-area .menu .is-mega-menu .dropdown-submenu .mega-menu-submenu .sub-menu { position: static; transform: scaleX(1); opacity: 1; width: 100%; border: none; z-index: 9999; min-width: inherit; padding: 0; margin-top: 20px; } .menu-area .menu .is-mega-menu .dropdown-submenu .mega-menu-submenu .sub-menu:before { display: none; } .menu-area .menu .is-mega-menu .dropdown-submenu .mega-menu-submenu .sub-menu li { padding: 0; } .menu-area .menu .is-mega-menu .dropdown-submenu .mega-menu-submenu .sub-menu li:first-child > a { padding-top: 0; } .menu-area .menu .is-mega-menu.align-right { position: static; } .menu-area .menu .is-mega-menu.align-right .dropdown-submenu { left: auto; right: 0; transform: scale(0); } .menu-area .menu .is-mega-menu.align-left { position: static; } .menu-area .menu .is-mega-menu.align-left .dropdown-submenu { left: 0; transform: scale(0); } .menu-area .menu .is-mega-menu:hover .mega-menu-container { opacity: 1; top: 100%; z-index: 9999; transform: scaleX(1); } .menu-area .menu .is-mega-menu .sub-menu { transform: scaleX(1); } .header-v2 .menu-area a { font-weight: 500; } .header-v5 .menu-area a { font-size: 14px; } .header-v5 .menu-area ul.menu > li:last-child { padding-right: 0; } .header-sticky .menu-area ul ul { top: calc(100% + 25px); } .header-sticky .menu-area ul ul ul { left: 115%; top: 0; } .header-sticky .menu-area li:hover > ul { top: calc(100% + 15px); } .header-sticky .menu-area li li:hover > ul { top: 0; left: calc(100% + 10px); } .header-sticky.header-transparent .menu-area ul ul { top: calc(100% + 20px); } .header-sticky.header-transparent .menu-area ul ul ul { left: 115%; top: 0; } .header-sticky.header-transparent .menu-area li:hover > ul { top: calc(100% + 10px); } .header-sticky.header-transparent .menu-area li li:hover > ul { top: 0; left: calc(100% + 10px); } .single-portfolio.single-portfolio-layout-3 .menu-area ul ul { top: calc(100% + 30px); } .single-portfolio.single-portfolio-layout-3 .menu-area ul ul ul { left: 115%; top: 0; } .single-portfolio.single-portfolio-layout-3 .menu-area li:hover > ul { top: calc(100% + 20px); } .single-portfolio.single-portfolio-layout-3 .menu-area li li:hover > ul { top: 0; left: calc(100% + 10px); } .paging-navigation .nav-links { display: flex; justify-content: space-between; } .paging-navigation .nav-links a { font-size: 16px; color: #000; text-transform: uppercase; font-weight: 600; } .paging-navigation .nav-links a .meta-nav { font-size: 18px; display: inline-block; transform: translateY(2px); } .paging-navigation .nav-links a:hover { color: #666600; } .paging-navigation .nav-previous .meta-nav { padding-right: 6px; } .paging-navigation .nav-next .meta-nav { padding-left: 6px; } .paging-navigation.blog-view-more .nav-links { display: block; text-align: center; } .paging-navigation .nav-previous-ajax { text-align: center; position: relative; } .paging-navigation .nav-previous-ajax a { text-align: center; display: inline-block; } .paging-navigation .nav-previous-ajax.loading .loading-icon { opacity: 1; z-index: 999; display: block; } .paging-navigation .nav-previous-ajax.loading a { display: none; } .paging-navigation.style-1 .nav-previous-ajax a { font-size: 22px; font-weight: 400; text-transform: none; color: #000; width: 130px; height: 130px; background-color: #f2f2f2; border-radius: 50%; line-height: 130px; } .paging-navigation.style-2 .nav-previous-ajax a { font-size: 18px; color: #666600; text-decoration: underline; background-color: transparent; width: inherit; height: inherit; line-height: inherit; font-weight: 600; } .blog-text .paging-navigation .nav-previous-ajax { text-align: left; } .blog-text .paging-navigation .nav-previous-ajax .loading-icon { text-align: left; } .blog-grid .paging-navigation { margin-top: 35px; } .blog-list .paging-navigation { margin-top: 25px; padding-left: 0; padding-right: 0; } .blog-masonry .paging-navigation { margin-top: 150px; padding-left: 0; padding-right: 0; } .blog-classic .paging-navigation { margin-top: 30px; } .blog-text .paging-navigation { margin-top: 75px; } .blog-masonry .paging-navigation.blog-view-more { margin-top: 0; } .blog-masonry .paging-navigation.blog-view-more .nav-previous-ajax { margin-top: 150px; } .numeric-navigation { clear: both; display: block; text-align: center; float: none; padding-top: 0; } .numeric-navigation .page-numbers { color: #000; font-weight: 600; font-size: 14px; width: 32px; height: 32px; line-height: 32px; border-radius: 0; text-align: center; background-color: #f0f3f4; display: inline-block; transition: 0.5s; } .numeric-navigation .page-numbers i { font-size: 16px; } .numeric-navigation .page-numbers:first-child { margin-left: 0; } .numeric-navigation .page-numbers:last-child { margin-right: 0; } .numeric-navigation .page-numbers.prev { margin-right: 10px; } .numeric-navigation .page-numbers.next { margin-left: 10px; } .numeric-navigation .page-numbers:hover, .numeric-navigation .page-numbers.current { color: #fff; background-color: #666600; } .blog-classic .numeric-navigation, .blog-text .numeric-navigation { text-align: left; } .portfolio-nav-view_more .numeric-navigation .page-numbers { display: none; } .portfolio-nav-view_more .numeric-navigation .page-numbers.next { display: block; width: 130px; height: 130px; border-radius: 50%; margin: auto; font-size: 22px; font-weight: 400; line-height: 130px; background-color: #f2f2f2; } .portfolio-nav-view_more .numeric-navigation .page-numbers.next.loading .nav-text { display: none; } .portfolio-nav-view_more .numeric-navigation .page-numbers.next.loading .loading-icon { opacity: 1; z-index: 999; display: block; } .portfolio-nav-view_more .numeric-navigation .page-numbers.next:hover { background-color: #f2f2f2; color: #000; } .baroque-portfolio-page .numeric-navigation { margin-top: 50px; margin-bottom: 60px; } .baroque-portfolio-page .numeric-navigation.portfolio-nav-ajax { margin-top: 80px; margin-bottom: 110px; } .portfolio-list .numeric-navigation.portfolio-nav-ajax { margin-top: 30px; } .portfolio-metro .numeric-navigation { margin-top: 95px; margin-bottom: 155px; } .numeric-navigation.loaded { margin: 0; padding: 0; } .numeric-navigation.loaded.portfolio-nav-ajax { margin: 0; padding: 0; } .portfolio-navigation, .service-navigation { padding: 50px 0; } .portfolio-navigation .nav-links, .service-navigation .nav-links { display: flex; align-items: center; } .portfolio-navigation .nav-next, .service-navigation .nav-next, .portfolio-navigation .nav-previous, .service-navigation .nav-previous, .portfolio-navigation .portfolio-link, .service-navigation .portfolio-link { width: 33.3333%; } .portfolio-navigation .portfolio-link, .service-navigation .portfolio-link { text-align: center; } .portfolio-navigation a, .service-navigation a { color: #000; font-size: 24px; font-weight: 600; text-transform: uppercase; } .portfolio-navigation a:hover, .service-navigation a:hover { color: #999; } .portfolio-navigation .nav-next i, .service-navigation .nav-next i, .portfolio-navigation .nav-previous i, .service-navigation .nav-previous i { transform: translateY(2px); display: inline-block; } .portfolio-navigation .nav-next, .service-navigation .nav-next { text-align: right; } .portfolio-navigation .nav-next i, .service-navigation .nav-next i { padding-left: 13px; } .portfolio-navigation .nav-previous i, .service-navigation .nav-previous i { padding-right: 13px; } .single-portfolio-layout-3 .portfolio-navigation a, .single-portfolio-layout-3 .service-navigation a { color: #242424; } .single-portfolio-layout-3 .portfolio-navigation a:hover, .single-portfolio-layout-3 .service-navigation a:hover { color: #999; } .single-portfolio-layout-3 .portfolio-navigation .nav-next, .single-portfolio-layout-3 .service-navigation .nav-next, .single-portfolio-layout-3 .portfolio-navigation .nav-previous, .single-portfolio-layout-3 .service-navigation .nav-previous { width: 15%; } .single-portfolio-layout-3 .portfolio-navigation .portfolio-link, .single-portfolio-layout-3 .service-navigation .portfolio-link { width: 70%; } .single-portfolio-layout-4 .portfolio-navigation, .single-portfolio-layout-4 .service-navigation { padding-bottom: 70px; } .service-navigation { margin-top: 80px; } /*-------------------------------------------------------------- 6.0 - Content --------------------------------------------------------------*/ .btn-primary { font-weight: 600; color: #fff; text-align: center; display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-color: #666600; text-transform: uppercase; border: 0; box-shadow: none; transition: 0.5s; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .btn-secondary { font-weight: 600; color: #000; text-align: center; display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-color: #fff; text-transform: uppercase; border: 0; box-shadow: none; transition: 0.5s; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:hover, .btn-secondary:active:focus { color: #000; border: 0; box-shadow: none; outline: none; background-color: #fff; } .mf-btn-3 { font-weight: 500; color: #393939; text-align: center; display: inline-block; min-width: 170px; height: 50px; line-height: 52px; border-radius: 3px; padding: 0 20px; background-color: #f2f2f2; text-transform: capitalize; border: 0; box-shadow: none; transition: 0.5s; } .mf-btn-3:hover, .mf-btn-3:focus, .mf-btn-3:active { color: #393939; border: 0; box-shadow: none; outline: none; background-color: #f2f2f2; } @keyframes bubble { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } @-webkit-keyframes bubble { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } @keyframes baroqueFadeInUp { from { opacity: 0; transform: translate3d(0, 50px, 0); } to { opacity: 1; transform: none; } } .baroqueFadeInUp { animation-name: baroqueFadeInUp; } @keyframes baroqueFadeIn { from { opacity: 0; } to { opacity: 1; } } .baroqueFadeIn { animation-name: baroqueFadeIn; } .baroqueAnimation { animation-duration: 1s; animation-fill-mode: both; } .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1-5 { width: 20%; float: left; } .col-xs-2-5 { width: 40%; float: left; } .col-xs-3-5 { width: 60%; float: left; } .col-xs-4-5 { width: 80%; float: left; } @media (min-width: 768px) { .col-sm-1-5 { width: 20%; float: left; } .col-sm-2-5 { width: 40%; float: left; } .col-sm-3-5 { width: 60%; float: left; } .col-sm-4-5 { width: 80%; float: left; } } @media (min-width: 992px) { .col-md-1-5 { width: 20%; float: left; } .col-md-2-5 { width: 40%; float: left; } .col-md-3-5 { width: 60%; float: left; } .col-md-4-5 { width: 80%; float: left; } } @media (min-width: 1200px) { .col-lg-1-5 { width: 20%; float: left; } .col-lg-2-5 { width: 40%; float: left; } .col-lg-3-5 { width: 60%; float: left; } .col-lg-4-5 { width: 80%; float: left; } } /*-------------------------------------------------------------- 10.0 - Carousel --------------------------------------------------------------*/ /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-nav div { position: absolute; top: 50%; transform: translateY(-50%); transition: 0.5s; font-size: 27px; width: 45px; height: 45px; line-height: 42px; border: 1px solid #efefef; border-radius: 3px; background-color: #fff; text-align: center; } .owl-nav div i { font-size: 14px; } .owl-nav div:hover { background-color: #666600; border-color: #666600; color: #252525; } .owl-nav .owl-prev { left: -75px; } .owl-nav .owl-next { right: -75px; } /* Styling Pagination*/ .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-dots { text-align: center; } .owl-dots .owl-dot span { display: block; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background-color: transparent; border: 1px solid #666600; transition: 0.5s; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background-color: #666600; } /* If PaginationNumbers is true */ .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; outline: 0; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-slide:focus { outline: 0; } .slick-arrow.slick-hidden { display: none; } .slick-dots { list-style: none; padding-left: 0; padding-right: 0; margin-top: 20px; margin-bottom: 0; text-align: center; } .slick-dots li { display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #666600; background-color: transparent; transition: 0.5s; margin: 0 5px; cursor: pointer; } .slick-dots li button { display: none; } .slick-dots li:hover, .slick-dots li.slick-active { background-color: #666600; } .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 30px; color: #fff; z-index: 9; width: 70px; height: 70px; line-height: 75px; text-align: center; background-color: rgba(0, 0, 0, 0.7); transition: 0.5s; } .slick-arrow:hover { background-color: #000; } .slick-arrow.baroque-left-arrow { left: 60px; } .slick-arrow.baroque-right-arrow { right: 60px; } /** * 6.1 Posts and Pages */ .site-content { padding-top: 90px; padding-bottom: 90px; } .baroque-catalog-page .site-content { padding-bottom: 160px; } .container { padding-left: 0; padding-right: 0; } .container .container { width: 100%; } .baroque-container { padding-left: 20px; padding-right: 20px; } .baroque-catalog-page.content-sidebar .site-content .baroque-container, .baroque-catalog-page.sidebar-content .site-content .baroque-container { padding-left: 80px; padding-right: 80px; } .baroque-row { zoom: 1; } .baroque-row:before, .baroque-row:after { content: ""; display: table; } .baroque-row:after { clear: both; } .baroque-row:before, .baroque-row:after { content: ""; display: table; } .baroque-row:after { clear: both; } .sidebar-content .content-area { float: right; } .page-template-template-homepage .site-content, .page-template-template-fullwidth .site-content, .page-template-template-home-boxed .site-content { padding-top: 0; padding-bottom: 0; } .page-template-template-home-boxed { margin: 20px; background-color: #666600; } .page-template-template-home-boxed .site { background-color: #fff; } .page-template-template-coming-soon-page { text-align: center; padding-top: 100px; position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; } .page-template-template-coming-soon-page.footer-fixed .site { background-color: transparent; } .page-template-template-coming-soon-page .site-header { position: fixed; top: 0; right: 0; left: 0; padding-top: 90px; padding-bottom: 0; border: 0; } .page-template-template-coming-soon-page.admin-bar .site-header { top: 32px; } .page-template-template-coming-soon-page .site { position: relative; } .page-template-template-coming-soon-page .site-content { padding-top: 0; padding-bottom: 0; } .page-template-template-coming-soon-page .coming-soon-socials { margin-top: 110px; } .page-template-template-coming-soon-page .coming-soon-socials li { padding: 0 15px; } .page-template-template-coming-soon-page .coming-soon-socials a { color: #fff; } .page-template-template-coming-soon-page .coming-soon-socials a:hover { color: #666600; } .page-template-template-coming-soon-page:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .entry-thumbnail { margin-bottom: 20px; position: relative; } .entry-meta { padding-bottom: 10px; text-transform: uppercase; font-size: 16px; } .entry-meta a { color: #666600; } .entry-meta .meta { display: inline-block; padding-right: 15px; position: relative; transition: 0.5s; } .entry-meta .meta:after { content: '/'; position: absolute; right: 4px; top: 0; } .entry-meta .meta:last-child { padding-right: 0; } .entry-meta .meta:last-child:after { display: none; } .entry-meta .meta.date { color: #999999; } .entry-title { font-size: 24px; margin-bottom: 15px; margin-top: 0; color: #000; transition: 0.5s; letter-spacing: -1px; } .entry-title a { color: #000; } .post-author { margin-top: 105px; } .post-author .post-author-box { border: 2px solid #666600; padding: 65px 70px; } .post-author .post-author-box .post-author-avatar { float: left; } .post-author .post-author-box .author-name { margin: 0; font-size: 24px; text-transform: capitalize; } .post-author .post-author-box .post-author-info p { margin-top: 10px; } .post-author .post-author-info { margin-left: 165px; } .post-author .author-socials { list-style: none; padding: 0; margin: 15px 0 0 0; } .post-author .author-socials li { display: inline-block; padding: 0 10px; position: relative; } .post-author .author-socials li:first-child { padding-left: 0; } .post-author .author-socials li:last-child { padding-right: 0; } .post-author .author-socials li:last-child:after { display: none; } .post-author .author-socials li:after { content: ''; width: 5px; height: 1px; position: absolute; right: -3px; top: 50%; transform: translateY(-50%); background-color: #999999; } .post-author .author-socials a { font-size: 12px; color: #999999; font-weight: 600; text-transform: uppercase; display: block; } .post-author .author-socials a:hover { color: #000; } .baroque-related-posts { margin-top: 100px; padding-bottom: 55px; border-bottom: 1px solid #ccc; } .baroque-related-posts .list-post article.col-md-4:nth-child( 3n+1 ), .baroque-related-posts .list-post article.col-md-6:nth-child( 2n+1 ) { clear: left; } .baroque-related-posts .related-title { margin-bottom: 50px; margin-top: 0; } .baroque-related-posts .blog-wrapper h2 { margin: 0; font-size: 24px; } .baroque-related-posts .blog-wrapper .entry-thumbnail { margin-bottom: 20px; } .baroque-related-posts .blog-wrapper .entry-meta { padding-bottom: 6px; } .baroque-related-posts .blog-wrapper .entry-excerpt { display: none; margin: 0; padding: 0; } .baroque-post-featured { margin-top: 30px; margin-bottom: 30px; position: relative; padding-left: 50px; padding-right: 50px; } .baroque-post-featured .featured-image { position: absolute; top: 0; left: 50px; right: 50px; bottom: 0; background-attachment: fixed; background-position: center center; background-size: cover; } .baroque-post-featured .featured-image:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.35); content: ''; } .baroque-post-featured .post-featured-content { padding-top: 210px; padding-bottom: 305px; position: relative; z-index: 1; } .baroque-post-featured .cat-title { font-size: 24px; color: #fff; } .baroque-post-featured h2 { max-width: 950px; margin-bottom: 0; font-size: 60px; margin-top: 35px; } .baroque-post-featured .post-title { color: #fff; } .format-video iframe { width: 100%; } .format-default .featured-image { min-height: 70vh; background-attachment: fixed; background-size: cover; } .entry-excerpt { font-size: 14px; } .no-thumb .entry-thumbnail { margin: 0; display: none; } .entry-footer { margin-top: 70px; } .entry-footer .tag-list { margin-bottom: 30px; } .entry-footer .tag-list .tag-title { font-size: 16px; font-weight: 600; color: #000; text-transform: uppercase; } .entry-footer .tag-list a:hover { color: #666600; } .social-share li { padding: 0 6px; } .social-share li:first-child { padding-left: 0; } .social-share li:last-child { padding-right: 0; } .social-share a { font-size: 22px; color: #fff; width: 45px; height: 45px; line-height: 48px; text-align: center; border-radius: 3px; display: block; margin-bottom: 5px; } .social-share a.share-facebook { background-color: #1e5099; } .social-share a.share-twitter { background-color: #1dafed; } .social-share a.share-google-plus { background-color: #ca0813; } .social-share a.share-tumblr { background-color: #2f577d; } .social-share a.share-pinterest { background-color: #bd081c; } .social-share a.share-linkedin { background-color: #0077b5; } .single-post .site-content { padding-top: 0; padding-bottom: 210px; } .single-post.hide-post-format .site-content { padding-top: 135px; } .single-post .entry-thumbnail { margin-bottom: 105px; } .single-post .entry-meta { padding-bottom: 25px; } .single-post .entry-title { font-size: 48px; } .single-post .post-password-required .post-password-form input[type="password"] { outline: none; border: 1px solid rgba(0, 0, 0, 0.15); height: 40px; padding: 0 10px; } .single-post .post-password-required .post-password-form input[type="password"]:focus { outline: none; } .single-post .post-password-required .post-password-form input[type="submit"] { font-weight: 600; color: #fff; text-align: center; display: inline-block; height: 44px; line-height: 44px; background-color: #666600; text-transform: uppercase; border: 0; box-shadow: none; transition: 0.5s; height: 40px; line-height: 40px; padding: 0 20px; } .single-post .post-password-required .post-password-form input[type="submit"]:hover, .single-post .post-password-required .post-password-form input[type="submit"]:focus, .single-post .post-password-required .post-password-form input[type="submit"]:active, .single-post .post-password-required .post-password-form input[type="submit"]:active:hover, .single-post .post-password-required .post-password-form input[type="submit"]:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .single-post .post-password-required .post-password-form input[type="submit"]:hover, .single-post .post-password-required .post-password-form input[type="submit"]:focus, .single-post .post-password-required .post-password-form input[type="submit"]:active, .single-post .post-password-required .post-password-form input[type="submit"]:active:hover, .single-post .post-password-required .post-password-form input[type="submit"]:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .blog-wrapper { margin-bottom: 55px; transition: 0.5s; } .blog-wrapper .entry-thumbnail { overflow: hidden; } .blog-wrapper .entry-thumbnail .blog-thumb { display: block; position: relative; } .blog-wrapper .entry-thumbnail .blog-thumb:before { content: ''; width: 100%; height: 100%; background-color: #fff; opacity: 0; position: absolute; top: 0; left: 0; transition: 0.5s; z-index: 9; } .blog-wrapper .entry-thumbnail img { transition: 0.5s; } .blog-wrapper .read-more { color: #000; } .blog-wrapper .read-more i { font-size: 12px; font-weight: 600; } .blog-wrapper .entry-meta { font-size: 14px; } .sticky .blog-wrapper .entry-title { position: relative; padding-left: 25px; } .sticky .blog-wrapper .entry-title:before { content: '\f02e'; font-family: FontAweSome; color: #666600; position: absolute; top: 4px; left: 2px; font-size: 22px; transition: 0.5s; } .blog-wrapper:hover .entry-thumbnail .blog-thumb:before { opacity: 0.3; } .blog-wrapper:hover .entry-thumbnail img { transform: scale(1.03); } .blog-wrapper:hover .read-more { color: #666600; } .baroque-taxs-list ul { margin: 0 0 50px 0; padding: 0; text-align: center; } .baroque-taxs-list li { list-style: none; display: inline-block; padding: 0 20px; } .baroque-taxs-list li:first-child { padding-left: 0; } .baroque-taxs-list li:last-child { padding-right: 0; } .baroque-taxs-list li a { font-size: 16px; color: #999; text-transform: uppercase; line-height: 1; } .baroque-taxs-list li a:hover, .baroque-taxs-list li a.selected { color: #666600; } .baroque-taxs-list li a.selected { font-weight: 600; } .blog-classic .entry-thumbnail, .blog-grid .entry-thumbnail { position: relative; } .blog-classic .entry-thumbnail .read-more, .blog-grid .entry-thumbnail .read-more { position: absolute; bottom: 0; right: 0; z-index: 99; background-color: #fff; padding: 10px 15px 10px 20px; } .blog-classic .entry-thumbnail .read-more i, .blog-grid .entry-thumbnail .read-more i { font-size: 12px; font-weight: 600; } .blog-grid .post-wrapper:nth-child(3n+1) { clear: left; } .blog-grid .entry-title { letter-spacing: -0.5px; } .blog-masonry .entry-thumbnail, .blog-list .entry-thumbnail { margin-bottom: 0; } .blog-classic .site-content { padding-bottom: 140px; } .blog-classic .blog-wrapper { margin-bottom: 60px; } .blog-classic .entry-thumbnail { margin-bottom: 25px; } .blog-classic .entry-title { font-size: 30px; margin-bottom: 20px; } .blog-classic .entry-meta { padding-bottom: 5px; } .blog-classic .baroque-taxs-list ul { text-align: left; } .blog-masonry .site-content { padding-top: 20px; padding-bottom: 150px; } .blog-masonry .blog-wrapper { margin-bottom: 20px; } .blog-masonry .blog-wrapper:hover .entry-summary { background-color: #666600; color: #ccc; } .blog-masonry .blog-wrapper:hover .entry-title a, .blog-masonry .blog-wrapper:hover .entry-meta a { color: #fff; } .blog-masonry .blog-wrapper:hover .entry-meta .meta.date { color: #cccccc; } .blog-masonry .blog-wrapper:hover .read-more { color: #fff; } .blog-masonry .blog-wrapper:hover .entry-title:before { color: #fff; } .blog-masonry .baroque-post-row { margin-left: -10px; margin-right: -10px; } .blog-masonry .blog-masonry-wrapper { width: 25%; padding-right: 10px; padding-left: 10px; float: left; } .blog-masonry .entry-summary { background-color: #f2f2f2; padding: 35px; transition: 0.5s; } .blog-masonry .baroque-taxs-list ul { text-align: left; } .blog-list .blog-wrapper { display: flex; margin-bottom: 67px; } .blog-list .blog-wrapper:hover .entry-summary { background-color: #666600; color: #ccc; } .blog-list .blog-wrapper:hover .entry-title a, .blog-list .blog-wrapper:hover .entry-meta a { color: #fff; } .blog-list .blog-wrapper:hover .entry-meta .meta.date { color: #cccccc; } .blog-list .blog-wrapper:hover .read-more { color: #fff; } .blog-list .blog-wrapper:hover .entry-title:before { color: #fff; } .blog-list .entry-thumbnail { width: 65.8%; } .blog-list .entry-summary { width: 34.2%; background-color: #f2f2f2; display: flex; justify-content: space-between; flex-direction: column; padding: 60px 55px; transition: 0.5s; } .blog-list .entry-title { margin-bottom: 33px; } .blog-list .entry-meta { padding-bottom: 13px; } .blog-text .site-content { padding-bottom: 170px; } .blog-text .baroque-taxs-list ul { text-align: left; margin: 0; } .blog-text .baroque-taxs-list li { display: block; margin-bottom: 20px; padding: 0; } .blog-text .baroque-taxs-list li a { color: #000; } .blog-text .baroque-taxs-list li a:hover, .blog-text .baroque-taxs-list li a.selected { color: #666600; } .blog-text .baroque-taxs-list li a.selected { font-weight: 400; } .blog-text .blog-wrapper { margin-bottom: 60px; } .blog-text .entry-header { display: flex; flex-direction: column-reverse; } .blog-text .entry-title { font-size: 36px; margin-bottom: 8px; } .blog-text .entry-title a:hover { color: #666600; } .blog-text .entry-meta { padding-bottom: 0; } .post-type-archive-service .entry-thumbnail .read-more { position: absolute; bottom: 0; right: 0; z-index: 99; background-color: #fff; padding: 10px 15px 10px 20px; } .search-no-results .no-results .page-header { background-color: transparent; padding: 0; } .search-no-results .no-results h2 { margin-bottom: 30px; margin-top: 0; } .search-no-results .no-results .search-form { font-size: 16px; position: relative; display: flex; } .search-no-results .no-results .search-form:before { content: '\e922'; position: absolute; top: 50%; right: 16px; color: #000; font-family: Linearicons; font-size: 18px; z-index: 99; transform: translateY(-50%); } .search-no-results .no-results .search-form:after { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-color: transparent; z-index: 9; } .search-no-results .no-results .search-form .screen-reader-text { display: none; } .search-no-results .no-results .search-form ::-webkit-input-placeholder { color: #999999; } .search-no-results .no-results .search-form :-moz-placeholder { color: #999999; } .search-no-results .no-results .search-form ::-moz-placeholder { color: #999999; } .search-no-results .no-results .search-form :-ms-input-placeholder { color: #999999; } .search-no-results .no-results .search-form .search-submit { position: absolute; width: 50px; height: 50px; top: 0; right: 0; opacity: 0; z-index: 999; } .search-no-results .no-results .search-form label { width: 100%; margin-bottom: 0; } .search-no-results .no-results .search-form label input { width: 100%; font-weight: 400; padding-right: 40px; } .error404 .site-content { padding-top: 145px; padding-bottom: 270px; position: relative; } .error404 .error-404 { position: relative; text-align: center; } .error404 .error-404 .page-content .page-title { font-size: 24px; text-transform: capitalize; margin: 0 0 30px; } .error404 .error-404 .page-content a { color: #666600; text-decoration: underline; } .error404 .error-404 .page-content .search-form { max-width: 370px; margin: 40px auto 0; background-color: #fff; } .error404 .error-404 .page-content p { font-size: 18px; } .error404 .error-404 .page-content img { margin-bottom: 50px; } .error404 .error-404 .search-form { font-size: 16px; position: relative; } .error404 .error-404 .search-form:before { content: '\e922'; position: absolute; top: 50%; right: 16px; color: #000; font-family: Linearicons; font-size: 18px; z-index: 99; transform: translateY(-50%); } .error404 .error-404 .search-form:after { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-color: transparent; z-index: 9; } .error404 .error-404 .search-form .screen-reader-text { display: none; } .error404 .error-404 .search-form ::-webkit-input-placeholder { color: #999999; } .error404 .error-404 .search-form :-moz-placeholder { color: #999999; } .error404 .error-404 .search-form ::-moz-placeholder { color: #999999; } .error404 .error-404 .search-form :-ms-input-placeholder { color: #999999; } .error404 .error-404 .search-form .search-submit { position: absolute; width: 50px; height: 50px; top: 0; right: 0; opacity: 0; z-index: 999; } .error404 .error-404 .search-form label { width: 100%; margin-bottom: 0; } .error404 .error-404 .search-form label input { width: 100%; font-weight: 400; padding-right: 40px; } .backtotop { display: inline-block; position: fixed; bottom: 40px; right: 20px; text-align: center; color: #000; font-size: 48px; line-height: 1; opacity: 0; transition: 0.5s; z-index: 999; } .backtotop.show-scroll { opacity: 1; } .backtotop.style-1:hover, .backtotop.style-1:focus { color: #000; } .backtotop.style-2 { bottom: 20px; width: 35px; height: 35px; line-height: 40px; border-radius: 3px; color: #fff; font-size: 16px; background-color: #666600; } .backtotop.style-2:hover, .backtotop.style-2:focus { color: #fff; } .page .entry-content .page-links, .single-post .entry-content .page-links { clear: both; } .portfolio-thumbnail-wrapper .featured-image { min-height: 70vh; background-attachment: fixed; background-size: cover; } .portfolio-button { text-align: right; } .portfolio-button a { font-size: 16px; color: #000; font-weight: 600; display: inline-block; text-align: center; padding-right: 35px; padding-left: 35px; height: 74px; line-height: 76px; background-color: #fff; } .portfolio-button a i { padding-left: 10px; transform: translateY(1px); display: inline-block; font-weight: 600; } .portfolio-button .portfolio-toggle-content { margin-left: 10px; } .portfolio-photos .item { margin-bottom: 20px; } .portfolio-photos .item:last-child { margin-bottom: 0; } .portfolio-meta { font-size: 18px; color: #000; } .portfolio-meta a { color: #000; } .portfolio-meta .social-share { padding-top: 15px; } .portfolio-meta .social-share a { color: #fff; } .portfolio-meta h5 { color: #999; font-size: 14px; font-weight: 400; margin-top: 0; margin-bottom: 6px; } .single-portfolio-layout-1 .portfolio-meta .meta, .single-portfolio-layout-2 .portfolio-meta .meta, .single-portfolio-layout-3 .portfolio-meta .meta { border-bottom: 1px solid rgba(51, 51, 51, 0.15); } .single-portfolio-layout-1 .portfolio-meta .meta:last-child, .single-portfolio-layout-2 .portfolio-meta .meta:last-child, .single-portfolio-layout-3 .portfolio-meta .meta:last-child { border-bottom: 0; } .single-portfolio-layout-2 .portfolio-meta, .single-portfolio-layout-3 .portfolio-meta { font-size: 16px; } .single-portfolio-layout-2 .portfolio-meta h5, .single-portfolio-layout-3 .portfolio-meta h5 { color: #000; font-weight: 600; margin: 0; } .single-portfolio-layout-2 .portfolio-meta .meta, .single-portfolio-layout-3 .portfolio-meta .meta { padding-bottom: 13px; padding-top: 13px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .single-portfolio-layout-2 .portfolio-meta .meta:first-child, .single-portfolio-layout-3 .portfolio-meta .meta:first-child { padding-top: 0; } .single-portfolio-layout-2 .portfolio-meta .meta:last-child, .single-portfolio-layout-3 .portfolio-meta .meta:last-child { padding-bottom: 0; } .single-portfolio-layout-2 .portfolio-meta .meta:nth-last-child(2), .single-portfolio-layout-3 .portfolio-meta .meta:nth-last-child(2) { border-bottom: 0; } .single-portfolio-layout-2 .portfolio-meta .meta.socials, .single-portfolio-layout-3 .portfolio-meta .meta.socials { padding-top: 40px; } .single-portfolio-layout-2 .portfolio-meta .social-share, .single-portfolio-layout-3 .portfolio-meta .social-share { padding-top: 0; } .single-portfolio-layout-2 .portfolio-meta .social-share a, .single-portfolio-layout-3 .portfolio-meta .social-share a { width: 37px; height: 36px; line-height: 38px; font-size: 19px; } .single-portfolio-layout-1 .portfolio-meta { text-align: right; } .single-portfolio-layout-1 .portfolio-meta .meta { padding-bottom: 18px; padding-top: 20px; } .single-portfolio-layout-1 .portfolio-meta .meta:first-child { padding-top: 0; } .single-portfolio-layout-1 .portfolio-meta .meta:last-child { padding-bottom: 0; } .single-portfolio-layout-4 .portfolio-meta { zoom: 1; margin-left: -15px; margin-right: -15px; } .single-portfolio-layout-4 .portfolio-meta:before, .single-portfolio-layout-4 .portfolio-meta:after { content: ""; display: table; } .single-portfolio-layout-4 .portfolio-meta:after { clear: both; } .single-portfolio-layout-4 .portfolio-meta:before, .single-portfolio-layout-4 .portfolio-meta:after { content: ""; display: table; } .single-portfolio-layout-4 .portfolio-meta:after { clear: both; } .single-portfolio-layout-4 .portfolio-meta .meta { width: 25%; float: left; padding: 0 15px; margin-bottom: 30px; } .single-portfolio .entry-title { margin: 0; font-size: 30px; } .single-portfolio.single-portfolio-layout-1 .site-content { padding-top: 0; padding-bottom: 100px; } .single-portfolio.single-portfolio-layout-2 .site-content { padding-top: 0; padding-bottom: 0; } .single-portfolio.single-portfolio-layout-2 .content-area { position: relative; overflow: hidden; } .single-portfolio.single-portfolio-layout-2 .portfolio { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); } .single-portfolio.single-portfolio-layout-2 .entry-summary { position: absolute; right: 0; bottom: 0; background-color: #fff; width: 525px; padding: 94px 50px 40px 50px; z-index: 99; display: none; } .single-portfolio.single-portfolio-layout-2 .entry-summary .portfolio-info-wrapper { height: 100%; overflow-x: hidden; overflow-y: scroll; } .single-portfolio.single-portfolio-layout-2 .entry-summary .portfolio-info-wrapper::-webkit-scrollbar { display: none; } .single-portfolio.single-portfolio-layout-2 .entry-summary .portfolio-toggle-content { font-size: 16px; color: #000; font-weight: 600; display: block; text-align: right; position: absolute; right: 50px; top: 35px; } .single-portfolio.single-portfolio-layout-2 .entry-summary .portfolio-toggle-content i { padding-left: 10px; transform: translateY(1px); display: inline-block; font-weight: 600; } .single-portfolio.single-portfolio-layout-2 .entry-title { margin-bottom: 25px; margin-top: 35px; } .single-portfolio.single-portfolio-layout-2 .portfolio-meta { margin-top: 45px; } .single-portfolio.single-portfolio-layout-2 .excerpt { font-size: 14px; } .single-portfolio.single-portfolio-layout-3 .site-content { padding-top: 20px; padding-bottom: 0; } .single-portfolio.single-portfolio-layout-3 .mf-header-minimized { display: none; } .single-portfolio.single-portfolio-layout-3 .entry-thumbnail { margin-bottom: 0; padding-right: 475px; padding-top: 100px; } .single-portfolio.single-portfolio-layout-3 .entry-title { margin-bottom: 25px; } .single-portfolio.single-portfolio-layout-3 .portfolio-meta { margin-top: 45px; } .single-portfolio.single-portfolio-layout-3 .excerpt { font-size: 14px; } .single-portfolio.single-portfolio-layout-3 .fixed-portfolio-info { background-color: #f0f0f0; position: fixed; width: 455px; right: 20px; top: 120px; overflow: hidden; z-index: 99; } .single-portfolio.single-portfolio-layout-3 .fixed-portfolio-info .container { width: 100%; } .single-portfolio.single-portfolio-layout-3 .fixed-portfolio-info .portfolio-info-wrapper { height: 100%; overflow-x: hidden; overflow-y: scroll; } .single-portfolio.single-portfolio-layout-3 .fixed-portfolio-info .portfolio-info-wrapper::-webkit-scrollbar { display: none; } .single-portfolio.single-portfolio-layout-3 .fixed-portfolio-info .portfolio-info { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .single-portfolio.single-portfolio-layout-3 .portfolio { padding-right: 50px; padding-left: 50px; margin-bottom: 100px; } .single-portfolio.single-portfolio-layout-3 .portfolio-navigation { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 22px 50px; margin-bottom: 40px; } .single-portfolio.single-portfolio-layout-3 .portfolio-navigation .portfolio-link { font-size: 16px; } .single-portfolio.single-portfolio-layout-3 .portfolio-navigation .nav-previous a, .single-portfolio.single-portfolio-layout-3 .portfolio-navigation .nav-next a { font-size: 22px; } .single-portfolio.single-portfolio-layout-3 .portfolio-copy { font-size: 14px; color: #000; padding-right: 50px; padding-left: 50px; margin-bottom: 40px; } .single-portfolio.single-portfolio-layout-3 .site-footer { position: fixed; bottom: 0; left: 0; right: 0; height: 20px; z-index: 99; background-color: #fff; } .single-portfolio.single-portfolio-layout-3.admin-bar .fixed-portfolio-info { top: 152px; } .single-portfolio.single-portfolio-layout-3.admin-bar .site-header { top: 32px; } .single-portfolio.single-portfolio-layout-3 .site-header { position: fixed; left: 0; right: 0; top: 0; z-index: 999; padding-bottom: 20px; padding-top: 20px; background-color: #fff; } .single-portfolio.single-portfolio-layout-3 .site-header:before { display: none; } .single-portfolio.single-portfolio-layout-4 .entry-header, .single-portfolio.single-portfolio-layout-4 .entry-footer { text-align: center; } .single-portfolio.single-portfolio-layout-4 .portfolio-meta { text-align: left; padding-top: 82px; } .single-portfolio.single-portfolio-layout-4 .entry-footer { margin-bottom: 175px; } .single-portfolio.single-portfolio-layout-4 .entry-header h2 { font-size: 48px; margin-bottom: 50px; margin-top: 0; } .single-portfolio.single-portfolio-layout-4 .portfolio-excerpt { letter-spacing: -0.2px; } .portfolio-wrapper { margin-bottom: 40px; } .portfolio-inner { position: relative; } .portfolio-inner .entry-thumbnail { margin-bottom: 17px; } .portfolio-inner .read-more { color: #000; } .portfolio-inner .read-more i { font-size: 12px; padding-left: 10px; font-weight: 600; } .portfolio-inner .portfolio-cat { display: inline-block; margin-bottom: 7px; } .portfolio-grid-wide .hover-border, .portfolio-metro .hover-border, .portfolio-masonry .hover-border, .ba-portfolios-grid.portfolio-carousel .hover-border { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .portfolio-grid-wide .hover-border:before, .portfolio-metro .hover-border:before, .portfolio-masonry .hover-border:before, .ba-portfolios-grid.portfolio-carousel .hover-border:before, .portfolio-grid-wide .hover-border:after, .portfolio-metro .hover-border:after, .portfolio-masonry .hover-border:after, .ba-portfolios-grid.portfolio-carousel .hover-border:after { content: ''; position: absolute; width: 0; height: 4px; background-color: #666600; z-index: 111; } .portfolio-grid-wide .hover-border:before, .portfolio-metro .hover-border:before, .portfolio-masonry .hover-border:before, .ba-portfolios-grid.portfolio-carousel .hover-border:before { top: 0; right: 0; transition: 0.3s; } .portfolio-grid-wide .hover-border:after, .portfolio-metro .hover-border:after, .portfolio-masonry .hover-border:after, .ba-portfolios-grid.portfolio-carousel .hover-border:after { bottom: 0; left: 0; transition: 0.3s 0.5s; } .portfolio-grid-wide .hover-border div, .portfolio-metro .hover-border div, .portfolio-masonry .hover-border div, .ba-portfolios-grid.portfolio-carousel .hover-border div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .portfolio-grid-wide .hover-border div:before, .portfolio-metro .hover-border div:before, .portfolio-masonry .hover-border div:before, .ba-portfolios-grid.portfolio-carousel .hover-border div:before, .portfolio-grid-wide .hover-border div:after, .portfolio-metro .hover-border div:after, .portfolio-masonry .hover-border div:after, .ba-portfolios-grid.portfolio-carousel .hover-border div:after { content: ''; position: absolute; width: 4px; height: 0; background-color: #666600; z-index: 111; } .portfolio-grid-wide .hover-border div:before, .portfolio-metro .hover-border div:before, .portfolio-masonry .hover-border div:before, .ba-portfolios-grid.portfolio-carousel .hover-border div:before { top: 0; left: 0; transition: 0.3s 0.75s; } .portfolio-grid-wide .hover-border div:after, .portfolio-metro .hover-border div:after, .portfolio-masonry .hover-border div:after, .ba-portfolios-grid.portfolio-carousel .hover-border div:after { bottom: 0; right: 0; transition: 0.3s 0.25s; } .portfolio-grid-wide .port-link, .portfolio-metro .port-link, .portfolio-masonry .port-link, .ba-portfolios-grid.portfolio-carousel .port-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; transition: 0.3s; } .portfolio-grid-wide .entry-thumbnail, .portfolio-metro .entry-thumbnail, .portfolio-masonry .entry-thumbnail, .ba-portfolios-grid.portfolio-carousel .entry-thumbnail { margin-bottom: 0; } .portfolio-grid-wide .entry-summary, .portfolio-metro .entry-summary, .portfolio-masonry .entry-summary, .ba-portfolios-grid.portfolio-carousel .entry-summary { position: absolute; left: 0; bottom: -30px; z-index: 99; padding: 25px 50px; transition: 0.3s; opacity: 0; } .portfolio-grid-wide .entry-title, .portfolio-metro .entry-title, .portfolio-masonry .entry-title, .ba-portfolios-grid.portfolio-carousel .entry-title { font-size: 30px; text-transform: uppercase; } .portfolio-grid-wide .portfolio-inner, .portfolio-metro .portfolio-inner, .portfolio-masonry .portfolio-inner, .ba-portfolios-grid.portfolio-carousel .portfolio-inner { overflow: hidden; } .portfolio-grid-wide .portfolio-inner .portfolio-cat, .portfolio-metro .portfolio-inner .portfolio-cat, .portfolio-masonry .portfolio-inner .portfolio-cat, .ba-portfolios-grid.portfolio-carousel .portfolio-inner .portfolio-cat { margin-bottom: 15px; } .portfolio-grid-wide .portfolio-inner:hover .hover-border:before, .portfolio-metro .portfolio-inner:hover .hover-border:before, .portfolio-masonry .portfolio-inner:hover .hover-border:before, .ba-portfolios-grid.portfolio-carousel .portfolio-inner:hover .hover-border:before, .portfolio-grid-wide .portfolio-inner:hover .hover-border:after, .portfolio-metro .portfolio-inner:hover .hover-border:after, .portfolio-masonry .portfolio-inner:hover .hover-border:after, .ba-portfolios-grid.portfolio-carousel .portfolio-inner:hover .hover-border:after { width: 100%; } .portfolio-grid-wide .portfolio-inner:hover .hover-border:before, .portfolio-metro .portfolio-inner:hover .hover-border:before, .portfolio-masonry .portfolio-inner:hover .hover-border:before, .ba-portfolios-grid.portfolio-carousel .portfolio-inner:hover .hover-border:before { left: 0; right: auto; } .portfolio-grid-wide .portfolio-inner:hover .hover-border:after, .portfolio-metro .portfolio-inner:hover .hover-border:after, .portfolio-masonry .portfolio-inner:hover .hover-border:after, .ba-portfolios-grid.portfolio-carousel .portfolio-inner:hover .hover-border:after { right: 0; left: auto; } .portfolio-grid-wide .portfolio-inner:hover .hover-border div:before, .portfolio-metro .portfolio-inner:hover .hover-border div:before, .portfolio-masonry .portfolio-inner:hover .hover-border div:before, .ba-portfolios-grid.portfolio-carousel .portfolio-inner:hover .hover-border div:before, .portfolio-grid-wide .portfolio-inner:hover .hover-border div:after, .portfolio-metro .portfolio-inner:hover .hover-border div:after, .portfolio-masonry .portfolio-inner:hover .hover-border div:after, .ba-portfolios-grid.portfolio-carousel .portfolio-inner:hover .hover-border div:after { height: 100%; } .portfolio-grid-wide .portfolio-inner:hover .hover-border div:before, .portfolio-metro .portfolio-inner:hover .hover-border div:before, .portfolio-masonry .portfolio-inner:hover .hover-border div:before, .ba-portfolios-grid.portfolio-carousel .portfolio-inner:hover .hover-border div:before { bottom: 0; top: auto; } .portfolio-grid-wide .portfolio-inner:hover .hover-border div:after, .portfolio-metro .portfolio-inner:hover .hover-border div:after, .portfolio-masonry .portfolio-inner:hover .hover-border div:after, .ba-portfolios-grid.portfolio-carousel .portfolio-inner:hover .hover-border div:after { top: 0; } .portfolio-grid-wide .portfolio-inner:hover .port-link, .portfolio-metro .portfolio-inner:hover .port-link, .portfolio-masonry .portfolio-inner:hover .port-link, .ba-portfolios-grid.portfolio-carousel .portfolio-inner:hover .port-link { background-color: #fff; } .portfolio-grid-wide .portfolio-inner:hover .entry-summary, .portfolio-metro .portfolio-inner:hover .entry-summary, .portfolio-masonry .portfolio-inner:hover .entry-summary, .ba-portfolios-grid.portfolio-carousel .portfolio-inner:hover .entry-summary { bottom: 0; opacity: 1; } .portfolio-grid .entry-thumbnail, .portfolio-list .entry-thumbnail, .portfolio-carousel .entry-thumbnail { overflow: hidden; } .portfolio-grid .entry-thumbnail img, .portfolio-list .entry-thumbnail img, .portfolio-carousel .entry-thumbnail img { transition: 0.5s; } .portfolio-grid .portfolio-inner:hover .entry-thumbnail img, .portfolio-list .portfolio-inner:hover .entry-thumbnail img, .portfolio-carousel .portfolio-inner:hover .entry-thumbnail img { transform: scale(1.01); } .portfolio-grid-wide .baroque-taxs-list ul, .portfolio-masonry .baroque-taxs-list ul { text-align: left; } .portfolio-grid-wide .list-portfolio, .portfolio-masonry .list-portfolio { zoom: 1; margin-left: -10px; margin-right: -10px; } .portfolio-grid-wide .list-portfolio:before, .portfolio-masonry .list-portfolio:before, .portfolio-grid-wide .list-portfolio:after, .portfolio-masonry .list-portfolio:after { content: ""; display: table; } .portfolio-grid-wide .list-portfolio:after, .portfolio-masonry .list-portfolio:after { clear: both; } .portfolio-grid-wide .list-portfolio:before, .portfolio-masonry .list-portfolio:before, .portfolio-grid-wide .list-portfolio:after, .portfolio-masonry .list-portfolio:after { content: ""; display: table; } .portfolio-grid-wide .list-portfolio:after, .portfolio-masonry .list-portfolio:after { clear: both; } .portfolio-grid-wide .portfolio-wrapper, .portfolio-masonry .portfolio-wrapper { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .portfolio-metro.portfolio-masonry .list-portfolio { margin-left: -15px; margin-right: -15px; } .portfolio-metro.portfolio-masonry .portfolio-wrapper { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .portfolio-metro.portfolio-masonry .baroque-taxs-list ul { text-align: center; } .portfolio-grid .portfolio-wrapper:nth-child( 3n + 1 ) { clear: left; } .portfolio-grid .entry-title { letter-spacing: -0.5px; } .portfolio-grid .entry-thumbnail { position: relative; } .portfolio-grid .entry-thumbnail .read-more { position: absolute; bottom: 0; right: 0; z-index: 99; background-color: #fff; padding: 10px 15px 10px 20px; } .portfolio-grid .portfolio-cat { font-size: 14px; text-transform: uppercase; } .portfolio-grid .portfolio-inner:hover .read-more { color: #666600; } .portfolio-grid .portfolio-inner:hover .entry-thumbnail .image-hover { top: 0; } .portfolio-grid .portfolio-inner:hover .entry-thumbnail .image-hover.wp-post-image { opacity: 1; top: 100%; } .portfolio-grid .portfolio-wrapper.has-gallery .entry-thumbnail img { transform: none; } .portfolio-grid .portfolio-wrapper.has-gallery .entry-thumbnail .wp-post-image { opacity: 0; } .portfolio-grid .portfolio-wrapper.has-gallery .entry-thumbnail .image-hover { position: absolute; left: 0; top: -100%; transition: 0.5s; } .portfolio-grid .portfolio-wrapper.has-gallery .entry-thumbnail .image-hover.wp-post-image { opacity: 1; top: 0; } .portfolio-grid .portfolio-wrapper.has-gallery .portfolio-inner:hover .entry-thumbnail img { transform: none; } .portfolio-grid .portfolio-wrapper.has-gallery .portfolio-inner:hover .entry-thumbnail .image-hover { top: 0; } .portfolio-grid .portfolio-wrapper.has-gallery .portfolio-inner:hover .entry-thumbnail .image-hover.wp-post-image { opacity: 1; top: 100%; } .portfolio-masonry .site-content { padding-top: 20px; padding-bottom: 0; } .portfolio-masonry .portfolio-wrapper { float: left; } .portfolio-masonry.portfolio-metro .site-content { padding-bottom: 10px; } .portfolio-grid-wide .site-content { padding-bottom: 0; } .portfolio-list .portfolio-wrapper { margin-bottom: 110px; } .portfolio-list .read-more { font-size: 20px; display: block; float: right; margin-top: 40px; margin-right: 70px; } .portfolio-list .read-more i { font-size: 16px; } .portfolio-list .portfolio-cat { font-size: 18px; margin-bottom: 20px; } .portfolio-list .entry-title { font-size: 36px; text-transform: uppercase; margin-bottom: 25px; } .portfolio-list .entry-summary { zoom: 1; } .portfolio-list .entry-summary:before, .portfolio-list .entry-summary:after { content: ""; display: table; } .portfolio-list .entry-summary:after { clear: both; } .portfolio-list .entry-summary:before, .portfolio-list .entry-summary:after { content: ""; display: table; } .portfolio-list .entry-summary:after { clear: both; } .portfolio-list .summary-header { width: 54%; float: left; margin-left: 70px; padding: 50px 70px; background-color: #fff; position: relative; margin-top: -170px; } .portfolio-list .excerpt { letter-spacing: -0.2px; } .portfolio-parallax .site-content, .portfolio-parallax .site { padding-top: 0; padding-bottom: 0; } .portfolio-parallax .mf-header-minimized { display: none; } .portfolio-parallax .portfolio-wrapper { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 20px; } .portfolio-parallax .port-link { position: absolute; z-index: 9; width: 100%; height: 100%; top: 0; left: 0; } .portfolio-parallax .portfolio-inner { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; z-index: 99; } .portfolio-parallax .portfolio-inner .portfolio-cat { font-size: 18px; margin-bottom: 20px; } .portfolio-parallax .entry-summary { zoom: 1; } .portfolio-parallax .entry-summary:before, .portfolio-parallax .entry-summary:after { content: ""; display: table; } .portfolio-parallax .entry-summary:after { clear: both; } .portfolio-parallax .entry-summary:before, .portfolio-parallax .entry-summary:after { content: ""; display: table; } .portfolio-parallax .entry-summary:after { clear: both; } .portfolio-parallax .summary-header { width: 58%; float: left; padding: 45px 70px; background-color: #fff; position: relative; } .portfolio-parallax .read-more { display: block; float: right; background-color: #fff; font-size: 18px; height: 64px; line-height: 64px; padding: 0 30px; position: absolute; right: 0; bottom: 0; } .portfolio-parallax .read-more i { font-size: 16px; } .portfolio-parallax .entry-title { font-size: 48px; line-height: 1; text-transform: uppercase; } .portfolio-parallax .site-header { position: fixed; left: 0; top: 0; right: 0; z-index: 99; } .portfolio-parallax.admin-bar .site-header { top: 32px; } .portfolio-carousel .site-content { padding-top: 20px; padding-bottom: 70px; } .portfolio-carousel .portfolio-wrapper { float: left; margin-right: 20px; margin-bottom: 0; position: relative; overflow: hidden; width: 755px; } .portfolio-carousel .entry-thumbnail { margin-bottom: 0; } .portfolio-carousel .entry-summary { display: none; } .portfolio-carousel .portfolio-carousel-wrapper { position: relative; } .portfolio-carousel .portfolio-carousel-wrapper .pages { text-align: center; padding-left: 0; margin-top: 40px; } .portfolio-carousel .portfolio-carousel-wrapper .pages li { cursor: pointer; list-style: none; width: 20px; height: 20px; overflow: hidden; display: inline-block; margin: 0 10px; position: relative; border-radius: 50%; border: 1px solid #666600; text-indent: -999px; font-size: 0; } .portfolio-carousel .portfolio-carousel-wrapper .pages li:before { width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; background-color: transparent; border-radius: 50%; } .portfolio-carousel .portfolio-carousel-wrapper .pages li.active:before { background-color: #666600; } .portfolio-carousel .portfolio-carousel-wrapper .scrollbar { margin: 67px 0 0 0; height: 5px; background: #eaeaea; line-height: 0; position: relative; } .portfolio-carousel .portfolio-carousel-wrapper .scrollbar .handle { width: 200px; height: 8px; background: #666600; cursor: pointer; position: absolute; bottom: 0; left: 0; } .portfolio-carousel .portfolio-carousel-wrapper .scrollbar .handle .mousearea { position: absolute; top: -6px; left: 0; width: 100%; height: 20px; } .portfolio-carousel .portfolio-carousel-wrapper .navigation { position: absolute; top: 42%; left: 0; width: 100%; } .portfolio-carousel .portfolio-carousel-wrapper .navigation .container .btn-prev, .portfolio-carousel .portfolio-carousel-wrapper .navigation .container .btn-next { position: absolute; top: 0; left: 65px; } .portfolio-carousel .portfolio-carousel-wrapper .navigation .container .btn-next { right: 65px; left: auto; } .portfolio-carousel .portfolio-carousel-wrapper .btn-prev, .portfolio-carousel .portfolio-carousel-wrapper .btn-next { transform: translateY(-50%); cursor: pointer; font-size: 30px; color: #fff; z-index: 9; width: 70px; height: 70px; line-height: 75px; text-align: center; background-color: rgba(0, 0, 0, 0.7); transition: 0.5s; } .portfolio-carousel .portfolio-carousel-wrapper .btn-prev.disabled, .portfolio-carousel .portfolio-carousel-wrapper .btn-next.disabled { display: none; } .portfolio-carousel .portfolio-carousel-wrapper .btn-prev:hover, .portfolio-carousel .portfolio-carousel-wrapper .btn-next:hover { background-color: #000; } .portfolio-carousel .portfolio-carousel-wrapper.hide-navigation .btn-prev, .portfolio-carousel .portfolio-carousel-wrapper.hide-navigation .btn-next { display: none; } .portfolio-carousel .portfolio-carousel-wrapper.hide-dots .pages { display: none; } .portfolio-carousel .portfolio-carousel-wrapper.hide-scrollbar .scrollbar { display: none; } .portfolio-carousel .portfolio-carousel-wrapper.loaded { height: auto; } .portfolio-carousel .portfolio-carousel-wrapper.loaded .loading { display: none; } /** * 6.3 Comments */ .bypostauthor { display: block; } .comments-area { clear: both; margin-top: 90px; } .comments-title, .comment-reply-title { font-size: 30px; color: #000; margin-top: 0; margin-bottom: 40px; position: relative; text-transform: uppercase; } .comments-title { margin-bottom: 47px; } .comment-reply-title { margin-bottom: 35px; } .comment-list { list-style: none; margin: 0; padding: 0; } .comment-list .children { list-style: none; padding: 0 0 0 80px; } .comment-list .children:last-child { margin-bottom: 0; } .comment, .pingback { zoom: 1; float: left; clear: both; width: 100%; padding-top: 20px; } .comment:before, .pingback:before, .comment:after, .pingback:after { content: ""; display: table; } .comment:after, .pingback:after { clear: both; } .comment:before, .pingback:before, .comment:after, .pingback:after { content: ""; display: table; } .comment:after, .pingback:after { clear: both; } .comment:first-child, .pingback:first-child { padding-top: 0; } .comment article, .pingback article { margin-bottom: 7px; } .comment .comment-header, .pingback .comment-header { padding-bottom: 14px; } .comment .comment-author, .pingback .comment-author { float: left; } .comment .comment-edit-link, .pingback .comment-edit-link { float: right; font-size: 14px; font-weight: 500; } .comment .comment-meta, .pingback .comment-meta { margin-left: 100px; border-top: 1px solid #cccccc; padding: 15px 20px; } .comment .author-name, .pingback .author-name { color: #000; font-size: 14px; font-weight: 600; text-transform: uppercase; font-style: normal; } .comment .author-name a, .pingback .author-name a { color: #000; } .comment .comment-date, .pingback .comment-date { font-size: 12px; display: inline-block; text-transform: uppercase; } .comment .comment-date span, .pingback .comment-date span { padding-right: 4px; } .comment .comment-reply-link, .pingback .comment-reply-link { font-size: 13px; position: relative; font-style: italic; } .comment .comment-reply-link:hover, .pingback .comment-reply-link:hover { color: #189aca; } .pingback .comment-meta { margin-left: 0; padding-left: 0; padding-right: 0; } .comment-respond { margin-top: 28px; } .comment-respond .comment-form p { margin-bottom: 30px; } .comment-respond .comment-form .comment-form-comment { margin-bottom: 26px; } .comment-respond .comment-form .comment-notes { margin-bottom: 15px; } .comment-respond .comment-form .form-submit { margin-bottom: 0; } .comment-respond .comment-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 14px; } .comment-respond .comment-form ::-moz-placeholder { /* Firefox 19+ */ font-size: 14px; } .comment-respond .comment-form :-ms-input-placeholder { /* IE 10+ */ font-size: 14px; } .comment-respond .comment-form :-moz-placeholder { /* Firefox 18- */ font-size: 14px; } .comment-respond .comment-notes { font-size: 16px; font-weight: 400; color: #000; padding-bottom: 5px; } .comment-respond textarea { width: 100%; height: 217px; outline: none; } .comment-respond .comment-form-author, .comment-respond .comment-form-email { width: 50%; float: left; padding: 0 15px; margin-bottom: 15px; } .comment-respond .comment-form-author input, .comment-respond .comment-form-email input { width: 100%; height: 50px; outline: none; } .comment-respond .comment-form-author { padding-left: 0; } .comment-respond .comment-form-email { padding-right: 0; } .comment-respond .comment-form-subject input { width: 100%; height: 50px; } .comment-respond .form-submit { margin-top: 5px; } .comment-respond .form-submit .submit { font-weight: 600; color: #fff; text-align: center; display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-color: #666600; text-transform: uppercase; border: 0; box-shadow: none; transition: 0.5s; } .comment-respond .form-submit .submit:hover, .comment-respond .form-submit .submit:focus, .comment-respond .form-submit .submit:active, .comment-respond .form-submit .submit:active:hover, .comment-respond .form-submit .submit:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .comment-respond .form-submit .submit:hover, .comment-respond .form-submit .submit:focus, .comment-respond .form-submit .submit:active, .comment-respond .form-submit .submit:active:hover, .comment-respond .form-submit .submit:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .comment-content { padding-bottom: 10px; } .comment-content a { word-wrap: break-word; } .comment-awaiting-moderation { display: block; } /*-------------------------------------------------------------- 7.0 - Widgets --------------------------------------------------------------*/ .widget { margin-bottom: 55px; } .widget:last-child { margin-bottom: 0; } .widget .widget-title { text-transform: uppercase; font-size: 20px; margin: 0 0 27px; position: relative; } .widget .widget-title .rsswidget { color: #000; } .widget ul { margin: 0; padding: 0; } .widget ul li { list-style: none; } .widget table, .widget select { width: 100%; } .widget table { text-align: left; width: 100%; } .widget table caption { border: 1px solid #ccc; border-bottom-width: 0; text-align: center; } .widget table tr { border: 1px solid #ccc; border-bottom-width: 0; padding: 3px 0; } .widget table tr td, .widget table tr th { padding: 0 5px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } .widget_calendar { line-height: 26px; } .widget_categories .count, .widget_recent_comments .count, .widget_rss .count, .widget_pages .count, .widget_archive .count, .widget_nav_menu .count, .widget_recent_entries .count, .widget_meta .count, .widget-recent-comments .count { float: right; } .widget_categories li, .widget_recent_comments li, .widget_rss li, .widget_pages li, .widget_archive li, .widget_nav_menu li, .widget_recent_entries li, .widget_meta li, .widget-recent-comments li { padding-top: 5px; padding-bottom: 6px; transition: all 0.5s; } .widget_categories li:last-child, .widget_recent_comments li:last-child, .widget_rss li:last-child, .widget_pages li:last-child, .widget_archive li:last-child, .widget_nav_menu li:last-child, .widget_recent_entries li:last-child, .widget_meta li:last-child, .widget-recent-comments li:last-child { padding-bottom: 0; } .widget_categories li:first-child, .widget_recent_comments li:first-child, .widget_rss li:first-child, .widget_pages li:first-child, .widget_archive li:first-child, .widget_nav_menu li:first-child, .widget_recent_entries li:first-child, .widget_meta li:first-child, .widget-recent-comments li:first-child { padding-top: 0; } .widget_categories li a, .widget_recent_comments li a, .widget_rss li a, .widget_pages li a, .widget_archive li a, .widget_nav_menu li a, .widget_recent_entries li a, .widget_meta li a, .widget-recent-comments li a { color: #000; font-weight: 500; } .widget_categories li a:hover, .widget_recent_comments li a:hover, .widget_rss li a:hover, .widget_pages li a:hover, .widget_archive li a:hover, .widget_nav_menu li a:hover, .widget_recent_entries li a:hover, .widget_meta li a:hover, .widget-recent-comments li a:hover { color: #666600; } .widget_categories li ul, .widget_recent_comments li ul, .widget_rss li ul, .widget_pages li ul, .widget_archive li ul, .widget_nav_menu li ul, .widget_recent_entries li ul, .widget_meta li ul, .widget-recent-comments li ul { margin-top: 10px; padding-left: 20px; } .widget_rss li, .widget_recent_comments li { border-bottom: solid 1px #ccc; padding-top: 9px; padding-bottom: 9px; color: #999; } .widget_rss li:last-child, .widget_recent_comments li:last-child { border-bottom: 0; } .widget_recent_comments li { position: relative; padding-top: 5px; } .widget_recent_comments li:before { content: '\e7d6'; font-family: Linearicons; font-size: 18px; padding-right: 15px; transform: translateY(3px); display: inline-block; } .widget_recent_comments a { font-family: 'Poppins', sans-serif; } .widget_tag_cloud a { display: inline-block; font-size: 16px !important; font-weight: 500; color: #000; } .widget_tag_cloud a:after { content: ','; } .widget_tag_cloud a:hover { color: #666600; } .popular-posts-widget .popular-post { border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 11px; } .popular-posts-widget .popular-post:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .popular-posts-widget .mini-widget-title h4 { font-size: 16px; font-weight: 500; margin: 0; color: #000; line-height: 1.5; } .popular-posts-widget .mini-widget-title h4 a { color: #000; } .popular-posts-widget .mini-widget-title h4:hover a { color: #666600; } .widget-about img { margin-bottom: 25px; } .widget-about a { font-size: 14px; font-weight: 700; text-transform: uppercase; display: block; margin-top: 20px; } .widget-about a .fa { padding-left: 5px; } .widget-about a:hover { color: #666600; } .widget_search .search-field { background-color: transparent; } .widget_search .search-form { font-size: 16px; position: relative; } .widget_search .search-form:before { content: '\e922'; position: absolute; top: 50%; right: 16px; color: #000; font-family: Linearicons; font-size: 18px; z-index: 99; transform: translateY(-50%); } .widget_search .search-form:after { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-color: transparent; z-index: 9; } .widget_search .search-form .screen-reader-text { display: none; } .widget_search .search-form ::-webkit-input-placeholder { color: #999999; } .widget_search .search-form :-moz-placeholder { color: #999999; } .widget_search .search-form ::-moz-placeholder { color: #999999; } .widget_search .search-form :-ms-input-placeholder { color: #999999; } .widget_search .search-form .search-submit { position: absolute; width: 50px; height: 50px; top: 0; right: 0; opacity: 0; z-index: 999; } .widget_search .search-form label { width: 100%; margin-bottom: 0; } .widget_search .search-form label input { width: 100%; font-weight: 400; padding-right: 40px; } .woocommerce-product-search { position: relative; background-color: #f5f5f5; } .woocommerce-product-search:after { content: "\e922"; display: inline-block; font: normal normal normal 14px/1 linearicons; position: absolute; top: 50%; right: 17px; transform: translateY(-50%); font-size: 18px; color: #000; } .woocommerce-product-search label { margin-bottom: 0; } .woocommerce-product-search .search-field { border: 1px solid #f5f5f5; color: #000; width: 100%; background-color: transparent; font-weight: 400; padding-right: 40px; } .woocommerce-product-search .search-field:focus { border-color: #f5f5f5; outline: none; } .woocommerce-product-search ::-webkit-input-placeholder { color: #999; } .woocommerce-product-search :-moz-placeholder { color: #999; } .woocommerce-product-search ::-moz-placeholder { color: #999; } .woocommerce-product-search :-ms-input-placeholder { color: #999; } .woocommerce-product-search input[type="submit"], .woocommerce-product-search button { width: 40px; height: 40px; background: transparent; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); border: none; text-indent: -9999px; z-index: 10; } .woocommerce-product-search input[type="submit"]:focus, .woocommerce-product-search button:focus { outline: 0; } .widgets-area ul.product_list_widget li img { float: left; margin-right: 15px; width: 80px; margin-left: 0; margin-top: 5px; } .widgets-area ul.product_list_widget li a { font-size: 16px; font-weight: 400; color: #000; display: inherit; margin-bottom: 5px; } .widgets-area ul.product_list_widget .product-title { font-size: 16px; font-weight: 400; color: #000; display: inherit; margin-bottom: 5px; } .widgets-area ul.product_list_widget .woocommerce-Price-amount { font-size: 18px; font-weight: 400; color: #666; display: inline-block; } .baroque-social-links-widget a { color: #000; padding: 0 10px; display: inline-block; } .baroque-social-links-widget a:first-child { padding-left: 0; } .baroque-social-links-widget a:last-child { padding-right: 0; } .baroque-social-links-widget a:hover { color: #666600; } .baroque-languages-widget .list-dropdown { position: relative; display: inline-block; } .baroque-languages-widget .list-dropdown .current { cursor: pointer; text-transform: uppercase; color: #000; font-weight: 600; } .baroque-languages-widget .list-dropdown img { margin-right: 10px; } .baroque-languages-widget .list-dropdown i { margin-left: 10px; font-size: 14px; font-weight: 600; transform: translateY(1px); } .baroque-languages-widget .list-dropdown ul { transition: all 0.3s; list-style-type: none; margin: 0; padding: 5px 0; min-width: 130px; white-space: nowrap; position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; transform: translateY(26px); transform-origin: 0 0; background-color: #fff; text-align: left; z-index: -1; } .baroque-languages-widget .list-dropdown ul:before { content: ''; width: 100%; height: 20px; position: absolute; background-color: transparent; left: 0; top: -20px; z-index: 99; } .baroque-languages-widget .list-dropdown ul li { transition: 0.3s; display: block; } .baroque-languages-widget .list-dropdown ul li a { display: block; color: #000; } .baroque-languages-widget .list-dropdown ul li:last-child > a { border-bottom: 0; } .baroque-languages-widget .list-dropdown:hover ul { opacity: 1; visibility: visible; transform: translateY(16px); z-index: 99; } .woocommerce { /** * Product Page */ /** * Reviews */ } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { font-weight: 600; color: #fff; text-align: center; display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-color: #666600; text-transform: uppercase; border: 0; box-shadow: none; transition: 0.5s; border-radius: 0; font-weight: 400; height: 52px; line-height: 52px; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce #respond input#submit:focus, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:active, .woocommerce a.button:active:hover, .woocommerce button.button:active:hover, .woocommerce input.button:active:hover, .woocommerce #respond input#submit:active:hover, .woocommerce a.button:active:focus, .woocommerce button.button:active:focus, .woocommerce input.button:active:focus, .woocommerce #respond input#submit:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce #respond input#submit:focus, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:active, .woocommerce a.button:active:hover, .woocommerce button.button:active:hover, .woocommerce input.button:active:hover, .woocommerce #respond input#submit:active:hover, .woocommerce a.button:active:focus, .woocommerce button.button:active:focus, .woocommerce input.button:active:focus, .woocommerce #respond input#submit:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { color: #fff; } .woocommerce a.button:disabled, .woocommerce button.button:disabled, .woocommerce input.button:disabled, .woocommerce #respond input#submit:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button:disabled[disabled], .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button .disabled, .woocommerce button.button .disabled, .woocommerce input.button .disabled, .woocommerce #respond input#submit .disabled { padding: 0 25px; color: #fff; } .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt { color: #fff; text-align: center; display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-color: #666600; text-transform: uppercase; border: 0; box-shadow: none; transition: 0.5s; border-radius: 0; font-weight: 600; } .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:active, .woocommerce button.button.alt:active, .woocommerce input.button.alt:active, .woocommerce #respond input#submit.alt:active, .woocommerce a.button.alt:active:hover, .woocommerce button.button.alt:active:hover, .woocommerce input.button.alt:active:hover, .woocommerce #respond input#submit.alt:active:hover, .woocommerce a.button.alt:active:focus, .woocommerce button.button.alt:active:focus, .woocommerce input.button.alt:active:focus, .woocommerce #respond input#submit.alt:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:active, .woocommerce button.button.alt:active, .woocommerce input.button.alt:active, .woocommerce #respond input#submit.alt:active, .woocommerce a.button.alt:active:hover, .woocommerce button.button.alt:active:hover, .woocommerce input.button.alt:active:hover, .woocommerce #respond input#submit.alt:active:hover, .woocommerce a.button.alt:active:focus, .woocommerce button.button.alt:active:focus, .woocommerce input.button.alt:active:focus, .woocommerce #respond input#submit.alt:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .woocommerce table.shop_attributes tr { border: 0; } .woocommerce table.shop_attributes tr:nth-child(even) th, .woocommerce table.shop_attributes tr:nth-child(even) td { background: rgba(0, 0, 0, 0.025); } .woocommerce ul.products { margin: 0 -10px; } .woocommerce ul.products li.product { padding-left: 10px; padding-right: 10px; margin-bottom: 55px; } .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title { color: #000; font-size: 18px; font-weight: 400; margin-top: 15px; line-height: 1; padding: 0; } .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title .count { background-color: transparent; font-size: 18px; transition: 0.5s; } .woocommerce ul.products li.product.product-category:hover .woocommerce-loop-category__title, .woocommerce ul.products li.product.product-category:hover .count { color: #666600; } .woocommerce ul.products li.product .product-inner { overflow: hidden; outline: 0; } .woocommerce ul.products li.product .product-inner:hover .footer-button { right: 25px; opacity: 1; } .woocommerce ul.products li.product .product-inner:hover .footer-button > a { transform: scale(1); } .woocommerce ul.products li.product .product-inner:hover h3 a { border-color: #000; } .woocommerce ul.products li.product .product-inner:hover .image-hover { opacity: 1; } .woocommerce ul.products li.product .product-inner:focus { outline: 0; } .woocommerce ul.products li.product .product-inner:focus img { outline: 0; } .woocommerce ul.products li.product a img { margin: 0; outline: 0; } .woocommerce ul.products li.product a img:focus { outline: 0; } .woocommerce ul.products li.product a img.image-hover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: 0.5s; } .woocommerce ul.products li.product .onsale { margin: 0; top: 17px; right: 17px; left: auto; } .woocommerce ul.products li.product.first { clear: none; } .woocommerce ul.products li.product.un-3-cols:nth-child( 3n + 1 ) { clear: both; } .woocommerce ul.products li.product.un-4-cols:nth-child( 4n + 1 ) { clear: both; } .woocommerce ul.products li.product.un-6-cols:nth-child( 6n + 1 ) { clear: both; } .woocommerce ul.products li.product .un-product-thumbnail { position: relative; margin-bottom: 22px; } .woocommerce ul.products li.product .un-product-thumbnail:focus { outline: 0; } .woocommerce ul.products li.product .un-product-thumbnail:focus img { outline: 0; } .woocommerce ul.products li.product .un-product-thumbnail .footer-button { position: absolute; right: -10%; bottom: 25px; background-color: #fff; transition: 0.5s; z-index: 10; opacity: 0; } .woocommerce ul.products li.product .un-product-thumbnail .footer-button > a { margin: 0; padding: 0; width: 47px; height: 47px; text-align: center; display: block; border-radius: 0; background-color: transparent; color: #000; float: left; transform: scale(0); transition: transform 0.5s; transition-delay: 0.2s; } .woocommerce ul.products li.product .un-product-thumbnail .footer-button > a:hover { color: #666600; } .woocommerce ul.products li.product .un-product-thumbnail .footer-button > a .p-icon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 20px; line-height: 47px; } .woocommerce ul.products li.product .un-product-thumbnail .footer-button .ajax_add_to_cart, .woocommerce ul.products li.product .un-product-thumbnail .footer-button .button { transition-delay: 0.2s; } .woocommerce ul.products li.product .un-product-thumbnail .footer-button .ajax_add_to_cart.loading .p-icon, .woocommerce ul.products li.product .un-product-thumbnail .footer-button .button.loading .p-icon { display: none; } .woocommerce ul.products li.product .un-product-thumbnail .footer-button .ajax_add_to_cart:after, .woocommerce ul.products li.product .un-product-thumbnail .footer-button .button:after { position: static; display: inline-block; } .woocommerce ul.products li.product .un-product-thumbnail .footer-button .ajax_add_to_cart.added:after, .woocommerce ul.products li.product .un-product-thumbnail .footer-button .button.added:after { display: none; } .woocommerce ul.products li.product .un-product-thumbnail .footer-button .added_to_cart { display: none; } .woocommerce ul.products li.product .un-product-thumbnail .footer-button .add-to-cart-text { display: none; } .woocommerce ul.products li.product h3 { margin: 0 0 7px 0; font-size: 16px; font-weight: 400; padding: 0 0 5px; } .woocommerce ul.products li.product h3 a { color: #000; display: inline-block; border-bottom: 1px solid transparent; } .woocommerce ul.products li.product .star-rating { color: #f2b309; font-size: 14px; margin-bottom: 5px; } .woocommerce ul.products li.product .star-rating:before { color: #ccc; } .woocommerce ul.products li.product .star-rating span:before { color: #f2b309; } .woocommerce ul.products li.product .price { font-size: 18px; color: #666; line-height: 1; display: block; position: relative; margin-top: 10px; margin-bottom: 0; } .woocommerce ul.products li.product .price .amount + .amount { padding-left: 5px; padding-right: 0; } .woocommerce ul.products li.product .price del { display: inline-block; padding: 0; opacity: 1; color: #999; font-size: 14px; } .woocommerce ul.products li.product .price del span { color: #999; } .woocommerce ul.products li.product .price del .amount { padding-top: 0; } .woocommerce ul.products li.product .price ins { text-decoration: none; display: inline-block; color: #cc3333; font-weight: 400; font-size: 18px; } .woocommerce ul.products li.product .price ins .amount { padding-top: 0; } .woocommerce .star-rating { font-size: 14px; width: 56px; } .woocommerce .star-rating:before, .woocommerce .star-rating span:before { font-family: Ionicons; content: "\f2fc\f2fc\f2fc\f2fc\f2fc"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .woocommerce .star-rating:before { color: #ccc; } .woocommerce .star-rating span:before { color: #f2b309; } .woocommerce .woocommerce-product-rating .star-rating { font-size: 16px; width: 64px; } .woocommerce .quantity { position: relative; } .woocommerce .quantity .qty { border-width: 0; width: 60px; padding: 10px 0; -moz-appearance: textfield; appearance: none; -webkit-appearance: none; text-align: center; font-weight: 600; color: #000; display: inline-block; background-color: transparent; height: 44px; line-height: 44px; } .woocommerce .quantity .qty::-webkit-outer-spin-button, .woocommerce .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; } .woocommerce div.product { margin-bottom: 0; position: relative; } .woocommerce div.product .baroque-single-product-detail { padding-bottom: 50px; margin-bottom: 70px; } .woocommerce div.product .woocommerce-product-gallery { padding-left: 100px; } .woocommerce div.product .woocommerce-product-gallery__wrapper { max-height: 570px; overflow: hidden; margin: 0; } .woocommerce div.product .woocommerce-product-gallery__wrapper.loaded { overflow: inherit; max-height: inherit; } .woocommerce div.product .baroque-images { margin-bottom: 0; position: relative; overflow: hidden; } .woocommerce div.product .baroque-images .photoswipe { cursor: crosshair; display: block; } .woocommerce div.product .baroque-images .slick-arrow { opacity: 0; font-size: 24px; z-index: 99; cursor: pointer; font-weight: 700; color: #999; transition: 0.5s; } .woocommerce div.product .baroque-images .slick-arrow:hover { color: #000; } .woocommerce div.product .baroque-images .slick-arrow.slick-disabled { color: #ccc; cursor: auto; } .woocommerce div.product .baroque-images:hover .slick-arrow { opacity: 1; left: 20px; } .woocommerce div.product .baroque-images:hover .slick-next-arrow { right: 20px; left: auto; } .woocommerce div.product .baroque-images .slick-arrow { position: absolute; top: 50%; left: -20px; transform: translateY(-50%); z-index: 99; background-color: transparent; } .woocommerce div.product .baroque-images .slick-next-arrow { right: -20px; left: auto; } .woocommerce div.product .product-images-content { position: relative; } .woocommerce div.product .product-thumbnails { position: absolute; top: 0; left: 0; width: 70px; height: 100%; } .woocommerce div.product .product-thumbnails .thumbnails { padding-top: 0; position: relative; margin: -15px 0; height: 100%; } .woocommerce div.product .product-thumbnails .thumbnails:hover .slick-prev-arrow { top: 10px; opacity: 1; } .woocommerce div.product .product-thumbnails .thumbnails:hover .slick-next-arrow { bottom: 10px; opacity: 1; } .woocommerce div.product .product-thumbnails .thumbnails .slick-arrow { opacity: 0; font-size: 24px; z-index: 99; cursor: pointer; font-weight: 700; color: #999; transition: 0.5s; } .woocommerce div.product .product-thumbnails .thumbnails .slick-arrow:hover { color: #000; } .woocommerce div.product .product-thumbnails .thumbnails .slick-arrow.slick-disabled { color: #ccc; cursor: auto; } .woocommerce div.product .product-thumbnails .thumbnails .slick-arrow { position: absolute; left: 50%; transform: translateX(-50%); top: -10px; } .woocommerce div.product .product-thumbnails .thumbnails .slick-track { height: 100%; } .woocommerce div.product .product-thumbnails .thumbnails .slick-next-arrow { bottom: -10px; top: auto; } .woocommerce div.product .product-thumbnails .thumbnails .slick-slide { width: 70px; float: none; padding: 15px 0; border: none; opacity: 0.2; transition: 0.5s; cursor: pointer; } .woocommerce div.product .product-thumbnails .thumbnails .slick-slide:focus, .woocommerce div.product .product-thumbnails .thumbnails .slick-slide:active { border: none; outline: none; } .woocommerce div.product .product-thumbnails .thumbnails .slick-slide.slick-current { opacity: 1; } .woocommerce div.product .product-thumbnails .thumbnails .slick-slide:last-child { margin-bottom: 0; } .woocommerce div.product .product_title { font-size: 30px; color: #000; font-weight: 400; margin-bottom: 2px; } .woocommerce div.product .woo-short-description { margin-bottom: 45px; color: #666; } .woocommerce div.product span.price, .woocommerce div.product p.price { color: #666600; font-size: 22px; margin-bottom: 25px; margin-top: 10px; } .woocommerce div.product span.price ins, .woocommerce div.product p.price ins { font-size: 24px; font-weight: 300; color: #cc0000; text-decoration: none; } .woocommerce div.product span.price del, .woocommerce div.product p.price del { opacity: 1; font-size: 18px; color: #666; padding-right: 5px; } .woocommerce div.product span.price .woocommerce-Price-amount, .woocommerce div.product p.price .woocommerce-Price-amount { padding-right: 8px; } .woocommerce div.product span.price .woocommerce-Price-amount:last-child, .woocommerce div.product p.price .woocommerce-Price-amount:last-child { padding-left: 8px; padding-right: 0; } .woocommerce div.product span.price .woocommerce-Price-amount:first-child, .woocommerce div.product p.price .woocommerce-Price-amount:first-child { padding-right: 8px; padding-left: 0; } .woocommerce div.product p.stock { font-size: 18px; color: #000; font-weight: 300; } .woocommerce div.product p.stock.in-stock { color: #8bc500; } .woocommerce div.product p.stock.out-of-stock { color: #ff1d5d; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 0; } .woocommerce div.product .woocommerce-product-rating .woocommerce-review-link { color: #999; padding-left: 10px; } .woocommerce div.product .woocommerce-product-details__short-description { margin-bottom: 30px; margin-top: 15px; } .woocommerce div.product div.summary { margin-bottom: 40px; } .woocommerce div.product div.summary .single_add_to_cart_button { height: 46px; line-height: 44px; min-width: 232px; background-color: #666600; } .woocommerce div.product div.summary .social-links a { color: #ccc; margin-left: 20px; transition: 0.5s; } .woocommerce div.product div.summary .social-links a:first-child { margin-left: 0; } .woocommerce div.product div.summary .social-links a:hover { color: #000; } .woocommerce div.product .woocommerce-tabs ul.tabs { text-align: center; margin-bottom: 45px; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; margin: 0; padding: 0 15px; border: none; background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 0; font-weight: 400; font-size: 18px; color: #999; transition: 0.5s; text-transform: uppercase; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #666600; font-weight: 600; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { display: none; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0 0 100px; padding: 0; color: #666; box-shadow: none; } .woocommerce div.product .woocommerce-tabs .panel:after { display: block; content: ""; clear: both; } .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information > h2 { display: none; } .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description { text-align: center; } .woocommerce div.product .woocommerce-tabs .panel table { width: 100%; border: none; } .woocommerce div.product .woocommerce-tabs .panel table th, .woocommerce div.product .woocommerce-tabs .panel table td { padding: 10px 20px; border: none; } .woocommerce div.product .woocommerce-tabs .panel table th { border-bottom: 1px solid #f2f2f2; font-weight: 600; color: #333; text-transform: uppercase; } .woocommerce div.product .woocommerce-tabs .panel table.un-table th { background-color: #f2f2f2; border-bottom: none; } .woocommerce div.product p.cart { margin-bottom: 2em; } .woocommerce div.product form.cart { margin-bottom: 35px; } .woocommerce div.product form.cart div.quantity { float: left; margin: 0 20px 0 0; border: 1px solid rgba(0, 0, 0, 0.25); padding: 0 25px; transition: 0.5s; } .woocommerce div.product form.cart div.quantity:hover { border-color: #000; } .woocommerce div.product form.cart div.quantity .decrease, .woocommerce div.product form.cart div.quantity .increase { font-size: 20px; cursor: pointer; color: #999; transition: 0.5s; display: inline-block; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); } .woocommerce div.product form.cart div.quantity .decrease:hover, .woocommerce div.product form.cart div.quantity .increase:hover { color: #000; } .woocommerce div.product form.cart div.quantity .increase { right: 15px; left: auto; } .woocommerce div.product form.cart table { border-width: 0 0 1px 0; } .woocommerce div.product form.cart table td { padding-left: 0; } .woocommerce div.product form.cart table div.quantity { float: none; margin: 0; } .woocommerce div.product form.cart table small.stock { display: block; float: none; } .woocommerce div.product form.cart .variations { margin-bottom: 1em; border: 0; width: 100%; } .woocommerce div.product form.cart .variations tr { border: 0; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { border: 0; vertical-align: top; line-height: 2em; } .woocommerce div.product form.cart .variations label { font-weight: 600; } .woocommerce div.product form.cart .variations select { max-width: 100%; min-width: 75%; display: inline-block; margin-right: 1em; } .woocommerce div.product form.cart .variations td.label { padding-right: 1em; } .woocommerce div.product form.cart .woocommerce-variation-description p { margin-bottom: 1em; } .woocommerce div.product form.cart .reset_variations { visibility: hidden; font-size: 0.83em; } .woocommerce div.product form.cart .wc-no-matching-variations { display: none; } .woocommerce div.product form.cart .button { vertical-align: middle; float: left; } .woocommerce div.product form.cart .group_table td:first-child { width: 50%; text-align: left; } .woocommerce div.product form.cart .group_table td.label { padding-right: 1em; padding-left: 1em; } .woocommerce div.product form.cart .group_table td { vertical-align: top; padding-bottom: 0.5em; border: 0; } .woocommerce div.product form.cart .group_table a.button { width: max-content; } .woocommerce div.product.product-type-external .cart .external_add_to_cart_button { width: 100%; } .woocommerce div.product.product-type-grouped .cart .group_table { width: 100%; margin-bottom: 20px; border: none; } .woocommerce div.product.product-type-grouped .cart .group_table th { background-color: #e3e3e3; border: none; color: #000; font-weight: 600; text-transform: uppercase; padding: 12px 15px; } .woocommerce div.product.product-type-grouped .cart .group_table .product { width: 100%; float: none; } .woocommerce div.product.product-type-grouped .cart .group_table td { padding: 15px 15px 14px; color: #666; } .woocommerce div.product.product-type-grouped .cart .group_table td.label { width: 75%; text-align: left; } .woocommerce div.product.product-type-grouped .cart .group_table td label { display: block; } .woocommerce div.product.product-type-grouped .cart .group_table td a { color: #000; font-size: 16px; } .woocommerce div.product.product-type-grouped .cart .group_table td a.button { font-size: 14px; color: #fff; } .woocommerce div.product.product-type-grouped .cart .group_table td a.button i { display: none; } .woocommerce div.product.product-type-grouped .cart .group_table td .woocommerce-Price-amount { display: initial; } .woocommerce div.product.product-type-grouped .cart .group_table tr { border-bottom: 1px solid #d0d0d0; } .woocommerce div.product.product-type-grouped .cart .single_add_to_cart_button, .woocommerce div.product.product-type-grouped .cart .single-add-to-cart-btn { width: 100%; float: none; } .woocommerce div.product.product-type-grouped .cart div.quantity { padding-left: 0; margin-top: 5px; } .woocommerce div.product.product-type-grouped .cart div.quantity .qty { padding: 7px 0 6px; width: 45px; } .woocommerce div.product.product-type-grouped .cart div.quantity .increase { top: -1px; right: 10px; left: auto; color: #000; transform: none; } .woocommerce div.product.product-type-grouped .cart div.quantity .increase:before { content: "\e939"; display: inline-block; font: normal normal normal 14px/1 linearicons; } .woocommerce div.product.product-type-grouped .cart div.quantity .decrease { bottom: 5px; top: auto; right: 10px; left: auto; color: #000; transform: none; } .woocommerce div.product.product-type-grouped .cart div.quantity .decrease:before { content: "\e93a"; display: inline-block; font: normal normal normal 14px/1 linearicons; } .woocommerce div.product.product-type-variable form.cart .variations { position: relative; margin-bottom: 0; padding-bottom: 20px; } .woocommerce div.product.product-type-variable form.cart .variations td.label { display: none; color: #000; text-transform: capitalize; min-width: 110px; } .woocommerce div.product.product-type-variable form.cart .variations td.label label { font-weight: 400; } .woocommerce div.product.product-type-variable form.cart .variations td.label.show-label { display: inline-block; } .woocommerce div.product.product-type-variable form.cart .variations td.value { padding: 0; margin-bottom: 15px; position: relative; display: inline-block; } .woocommerce div.product.product-type-variable form.cart .variations td.value.show-select { width: 100%; } .woocommerce div.product.product-type-variable form.cart .variations td.value.show-select:after { opacity: 1; } .woocommerce div.product.product-type-variable form.cart .variations td.value:after { content: '\e93a'; display: inline-block; font: normal normal normal 14px/1 linearicons; color: #000; position: absolute; top: 16px; right: 15px; opacity: 0; } .woocommerce div.product.product-type-variable form.cart .variations .reset_variations { display: block; text-align: left; color: #cc0000; font-weight: 400; text-decoration: underline; margin-top: 5px; font-size: 14px; } .woocommerce div.product.product-type-variable form.cart .variations select { width: 100%; margin-right: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000; background-color: transparent; padding: 8px 15px 7px; text-transform: capitalize; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.25); line-height: initial; position: relative; } .woocommerce div.product.product-type-variable form.cart .variations select:focus { outline: none; } .woocommerce div.product.product-type-variable form.cart .single_variation_wrap .woocommerce-variation { margin-bottom: 30px; } .woocommerce div.product.product-type-variable form.cart .tawcvs-swatches .swatch-label { width: 35px; height: 35px; line-height: 35px; font-weight: 600; box-shadow: none; overflow: hidden; } .woocommerce div.product.product-type-variable form.cart .tawcvs-swatches .swatch-image { height: auto; line-height: inherit; border-radius: 0; box-shadow: none; border: none; opacity: 1; font-size: 15px; color: #000; text-align: center; width: auto; overflow: inherit; } .woocommerce div.product.product-type-variable form.cart .tawcvs-swatches .swatch-image img { width: 40px; height: 40px; display: block; border-radius: 50%; margin-bottom: 5px; border: 2px solid transparent; opacity: 0.5; transition: 0.5s; } .woocommerce div.product.product-type-variable form.cart .tawcvs-swatches .swatch-image.selected img { border-color: #999; opacity: 1; } .woocommerce div.product .product_meta { padding: 15px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; margin-bottom: 100px; color: #999; } .woocommerce div.product .product_meta > span { padding: 0 15px; font-weight: 400; } .woocommerce div.product .product_meta > span span, .woocommerce div.product .product_meta > span a { color: #999; font-weight: 400; } .woocommerce div.product .product_meta > span a:hover { color: #000; } .woocommerce div.product .product_meta strong { font-weight: 400; color: #000; } .woocommerce div.product .upsells.products { margin-bottom: 100px; } .woocommerce div.product .upsells.products > h2, .woocommerce div.product .related.products > h2 { font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 60px; text-transform: uppercase; } .woocommerce div.product .upsells.products ul.products li.product, .woocommerce div.product .related.products ul.products li.product { clear: none !important; margin-bottom: 0; } .woocommerce div.product .upsells.products .slick-dots, .woocommerce div.product .related.products .slick-dots { text-align: center; margin: 70px auto 0; } .woocommerce div.product .upsells.products .slick-dots li, .woocommerce div.product .related.products .slick-dots li { display: inline-block; width: 12px; height: 12px; background-color: #ccc; margin: 0 10px; border-radius: 50%; cursor: pointer; transition: 0.5s; border: 0; } .woocommerce div.product .upsells.products .slick-dots li.slick-active, .woocommerce div.product .related.products .slick-dots li.slick-active { background-color: #666; } .woocommerce div.product .upsells.products .slick-dots li button, .woocommerce div.product .related.products .slick-dots li button { display: none; } .woocommerce #reviews #comments .woocommerce-Reviews-title { font-size: 24px; color: #333; font-weight: 400; margin: 0 0 40px; } .woocommerce #reviews #comments ol.commentlist { padding: 0; } .woocommerce #reviews #comments ol.commentlist li { padding: 0 0 27px; margin: 0 0 40px; border-bottom: 1px solid #e1e1e1; } .woocommerce #reviews #comments ol.commentlist li:last-child { border-bottom: none; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 60px; border: none; padding: 0; background-color: transparent; border-radius: 50%; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 90px; border-radius: 0; padding: 0; border: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { float: none; margin-bottom: 5px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 1em; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 13px; color: #999; margin-bottom: 10px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { font-weight: 600; color: #000; font-size: 14px; } .woocommerce #review_form #respond { position: static; margin: 0; width: auto; padding: 0 0 0; background: transparent none; border: 0; } .woocommerce #review_form #respond .comment-reply-title { padding-bottom: 20px; } .woocommerce #review_form #respond .comment-form-rating .stars a { color: #f2b309; font-size: 16px; margin-right: 5px; } .woocommerce #review_form #respond .required { color: #cc0000; } .woocommerce #review_form #respond .comment-notes { display: block; margin-bottom: 20px; } .woocommerce #review_form #respond label { margin-bottom: 8px; display: block; font-weight: 400; color: #000; } .woocommerce #review_form #respond p { margin: 0 0 20px; } .woocommerce #review_form #respond .form-submit { margin-top: 10px; } .woocommerce #review_form #respond .form-submit input { left: auto; padding: 0 40px; } .woocommerce #review_form #respond input[type=text], .woocommerce #review_form #respond input[type=email], .woocommerce #review_form #respond textarea { border: 1px solid #d9d9d9; transition: 0.5s; outline: none; padding: 15px; width: 100%; color: #000; } .woocommerce #review_form #respond input[type=text]:focus, .woocommerce #review_form #respond input[type=email]:focus, .woocommerce #review_form #respond textarea:focus { border-color: #000; } .woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email { width: 50%; float: left; padding-right: 15px; } .woocommerce #review_form #respond .comment-form-email { padding-left: 15px; padding-right: 0; } .woocommerce #review_form #respond textarea { box-sizing: border-box; width: 100%; min-height: 165px; } .woocommerce table.shop_table { border: none; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border: none; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 400; } .woocommerce table.shop_table tr th { font-size: 14px; border: none; font-weight: 600; color: #000; border-bottom: 1px solid #cccccc; text-transform: uppercase; } .woocommerce table.shop_table tr td, .woocommerce table.shop_table tbody td { border: none; color: #000; vertical-align: top; border-bottom: 1px solid #cccccc; } .woocommerce table.shop_table tr td.product-name a, .woocommerce table.shop_table tbody td.product-name a { color: #000; } .woocommerce table.shop_table tr td.product-name dl.variation, .woocommerce table.shop_table tbody td.product-name dl.variation { margin: 8px 0 0; font-size: 14px; } .woocommerce table.shop_table tr td.product-name dl.variation dt, .woocommerce table.shop_table tbody td.product-name dl.variation dt { font-weight: 400; text-transform: capitalize; padding-bottom: 3px; margin-bottom: 0; } .woocommerce table.shop_table tr td.product-name dl.variation dt:before, .woocommerce table.shop_table tbody td.product-name dl.variation dt:before { content: "\e93c"; display: inline-block; font: normal normal normal 14px/1 linearicons; font-size: 12px; padding-right: 10px; } .woocommerce table.shop_table tr td.product-name dl.variation dd, .woocommerce table.shop_table tbody td.product-name dl.variation dd { color: #999; padding-bottom: 3px; margin-bottom: 0; } .woocommerce table.shop_table tr td.product-name .woocommerce-Price-amount, .woocommerce table.shop_table tbody td.product-name .woocommerce-Price-amount { display: none; } .woocommerce table.shop_table tr td.product-remove, .woocommerce table.shop_table tbody td.product-remove { width: 70px; } .woocommerce table.shop_table tr td.product-remove .remove, .woocommerce table.shop_table tbody td.product-remove .remove { color: #999 !important; background-color: transparent; font-size: 16px; } .woocommerce table.shop_table tr td.product-remove .remove:hover, .woocommerce table.shop_table tbody td.product-remove .remove:hover { color: #000 !important; background-color: transparent; } .woocommerce table.shop_table tr td.product-subtotal, .woocommerce table.shop_table tbody td.product-subtotal, .woocommerce table.shop_table tr td.product-quantity, .woocommerce table.shop_table tbody td.product-quantity, .woocommerce table.shop_table tr td.product-price, .woocommerce table.shop_table tbody td.product-price { width: 150px; font-size: 16px; } .woocommerce table.shop_table tr td.product-quantity, .woocommerce table.shop_table tbody td.product-quantity { padding-top: 30px; } .woocommerce table.shop_table tr td.product-thumbnail, .woocommerce table.shop_table tbody td.product-thumbnail { width: 150px; padding-left: 25px; padding-top: 30px; } .woocommerce table.shop_table tr td .quantity, .woocommerce table.shop_table tbody td .quantity { border: 1px solid #ccc; line-height: 36px; position: relative; width: 100px; } .woocommerce table.shop_table tr td .quantity .qty, .woocommerce table.shop_table tbody td .quantity .qty { margin-right: 30px; margin-left: 30px; width: 40px; } .woocommerce table.shop_table tr td .quantity .decrease, .woocommerce table.shop_table tbody td .quantity .decrease { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } .woocommerce table.shop_table tr td .quantity .increase, .woocommerce table.shop_table tbody td .quantity .increase { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } .woocommerce table.wishlist_table { font-size: 100%; opacity: 1 !important; margin-bottom: 80px; } .woocommerce table.wishlist_table tbody td, .woocommerce table.wishlist_table tr td { padding-top: 40px; padding-bottom: 30px; text-align: left; } .woocommerce table.wishlist_table tbody td.product-price, .woocommerce table.wishlist_table tr td.product-price { width: 200px; } .woocommerce table.wishlist_table tbody td.product-add-to-cart, .woocommerce table.wishlist_table tr td.product-add-to-cart { text-align: right; padding-right: 0; } .woocommerce table.wishlist_table tbody td.product-add-to-cart .button, .woocommerce table.wishlist_table tr td.product-add-to-cart .button { display: inline-block !important; } .woocommerce table.wishlist_table tbody td.product-add-to-cart .button:before, .woocommerce table.wishlist_table tr td.product-add-to-cart .button:before { content: '\e936'; display: inline-block; font: normal normal normal 14px/1 linearicons; padding-right: 5px; } .woocommerce table.wishlist_table tbody td.product-add-to-cart .button:after, .woocommerce table.wishlist_table tr td.product-add-to-cart .button:after { top: 0; left: 25px; right: auto; } .woocommerce table.wishlist_table tbody td.product-add-to-cart .button.loading:before, .woocommerce table.wishlist_table tr td.product-add-to-cart .button.loading:before { opacity: 0; } .woocommerce table.wishlist_table tr td.product-stock-status span.wishlist-in-stock { color: #669900; } .woocommerce table.wishlist_table tr td.product-remove { padding-top: 40px; padding-bottom: 30px; } .woocommerce table.wishlist_table tr td.product-remove .remove { color: #999 !important; background-color: transparent; position: relative; font-size: 0; } .woocommerce table.wishlist_table tr td.product-remove .remove:after { content: "\e935"; display: inline-block; font: normal normal normal 14px/1 linearicons; font-size: 16px; } .woocommerce table.wishlist_table tr td.product-remove .remove:hover { color: #000 !important; background-color: transparent; } .woocommerce table.wishlist_table .product-price del { color: #999; font-size: 13px; } .woocommerce table.wishlist_table .product-price ins { color: #cc0000; } .woocommerce form .form-row { margin-bottom: 10px; padding: 0; } .woocommerce form .form-row label { font-size: 14px; font-weight: 400; margin-bottom: 5px; display: block; } .woocommerce form .form-row .input-text { font-size: 14px; min-width: inherit; padding: 15px 25px; } .woocommerce form .form-row input, .woocommerce form .form-row input.input-text, .woocommerce form .form-row select { height: 55px; line-height: 55px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea { color: #000; } .woocommerce form .form-row textarea { height: 145px; } .woocommerce form .form-row .select2-container .select2-choice { border: 1px solid #ccc; padding: 12px 25px; } .woocommerce form .form-row .select2-container .select2-selection--single { border: 1px solid #ccc; padding: 12px 25px; height: auto; border-radius: 0; outline: 0; } .woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__arrow { top: 15px; } .woocommerce form .form-row .select2-container .select2-selection--single:focus { outline: 0; } .woocommerce form .form-row ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; font-weight: 400; } .woocommerce form .form-row ::-moz-placeholder { /* Firefox 19+ */ color: #999; font-weight: 400; } .woocommerce form .form-row :-ms-input-placeholder { /* IE 10+ */ color: #999; font-weight: 400; } .woocommerce form .form-row :-moz-placeholder { /* Firefox 18- */ color: #999; font-weight: 400; } .woocommerce #shipping_method li { cursor: pointer; } .woocommerce #shipping_method li .woocommerce-Price-amount { font-weight: 400; text-align: right; float: right; } .woocommerce #shipping_method li .shipping_method { opacity: 0; display: none; } .woocommerce #shipping_method li .shipping_method:checked + label { color: #000; } .woocommerce #shipping_method li .shipping_method:checked + label:before { content: "\5c"; } .woocommerce #shipping_method li label { display: inline-block; text-transform: inherit; position: relative; line-height: 1; font-size: 16px; padding-left: 20px; cursor: pointer; color: #999; width: 100%; font-weight: 400; } .woocommerce #shipping_method li label:before { content: "\5b"; font-family: ElegantIcons; font-size: 16px; position: absolute; top: 2px; left: -4px; transition: 0.5s; } .woocommerce .track_order { font-weight: 400; text-align: center; font-size: 16px; } .woocommerce .track_order .form-row { text-align: left; } .woocommerce .track_order .form-row label { color: #000; } .woocommerce .track_order .form-row .button { width: 100%; margin-top: 20px; } .woocommerce .track_order .form-track_order { margin-top: 60px; } .woocommerce nav.woocommerce-pagination { margin-top: 100px; text-align: left; } .woocommerce nav.woocommerce-pagination.loaded { display: none; } .woocommerce nav.woocommerce-pagination ul { border: none; } .woocommerce nav.woocommerce-pagination ul li { border-right-width: 0; margin: 0; padding: 0 5px 2px; list-style: none; } .woocommerce nav.woocommerce-pagination ul li:first-child { padding-left: 0; } .woocommerce nav.woocommerce-pagination ul li:last-child { padding-right: 0; } .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a { color: #000; font-size: 18px; text-align: center; padding: 0; font-weight: 600; } .woocommerce nav.woocommerce-pagination ul li:first-child { margin-left: 0; } .woocommerce nav.woocommerce-pagination ul li a:focus { background-color: transparent; outline: none; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover { color: #000; background-color: transparent; } .woocommerce nav.woocommerce-pagination ul li span.current { position: relative; } .woocommerce nav.woocommerce-pagination ul li span.current:before { position: absolute; bottom: -2px; left: 3px; border-bottom: 1px solid #000; content: ""; width: 12px; height: 1px; } .woocommerce nav.woocommerce-pagination ul li .next span:hover, .woocommerce nav.woocommerce-pagination ul li .prev span:hover { color: #000; background-color: transparent; } .woocommerce nav.woocommerce-pagination ul li .next { padding-left: 10px; } .woocommerce nav.woocommerce-pagination ul li .prev { padding-right: 10px; } .woocommerce nav.woocommerce-pagination.infinite { text-align: center; } .woocommerce nav.woocommerce-pagination.infinite ul li { padding: 0; } .woocommerce nav.woocommerce-pagination.infinite ul .page-numbers { display: none; } .woocommerce nav.woocommerce-pagination.infinite ul .next { display: block; padding-left: 0; } .woocommerce nav.woocommerce-pagination.infinite .nav-text { display: block; width: 130px; height: 130px; border-radius: 50%; margin: auto; font-size: 22px; font-weight: 400; line-height: 130px; background-color: #f2f2f2; transition: 0.5s; } .woocommerce nav.woocommerce-pagination.infinite .nav-text:hover { background-color: #f2f2f2; } .woocommerce nav.woocommerce-pagination.infinite.loading .loading-icon { opacity: 1; z-index: 999; display: block; } .woocommerce nav.woocommerce-pagination.infinite.loading .nav-text { display: none; } .woocommerce nav.woocommerce-pagination.infinite .loading-icon { display: none; vertical-align: middle; text-align: center; opacity: 0; transition: 0.5s; z-index: -999; min-height: 27px; } .woocommerce nav.woocommerce-pagination.infinite .loading-icon span { font-size: 12px; } .woocommerce nav.woocommerce-pagination.infinite .loading-icon .bubble { display: inline-block; width: 12px; height: 12px; margin: 0 5px; transform: scaleY(-50%); } .woocommerce nav.woocommerce-pagination.infinite .loading-icon .bubble:nth-child(2n) .dot { animation-delay: -0.3s; } .woocommerce nav.woocommerce-pagination.infinite .loading-icon .bubble:nth-child(3n) .dot { animation-delay: 0s; } .woocommerce nav.woocommerce-pagination.infinite .loading-icon .dot { display: block; border-radius: 50%; background-color: #000; width: 100%; height: 100%; transform-origin: 50% 50%; animation: bubble 1.2s -0.6s infinite ease-out; -webkit-animation: bubble 1.2s -0.6s infinite ease-out; } .woocommerce.full-content .shop-toolbar { padding-left: 60px; padding-right: 60px; } .woocommerce .shop-toolbar { margin-bottom: 50px; position: relative; z-index: 7; } .woocommerce .shop-toolbar:after { display: block; content: ""; clear: both; } .woocommerce .shop-toolbar .product-found { color: #999; margin-bottom: 0; float: left; font-size: 18px; text-transform: uppercase; } .woocommerce .shop-toolbar .product-found span { color: #666600; font-weight: 600; } .woocommerce .shop-toolbar .woocommerce-ordering { color: #000; margin: 0; padding: 0; font-size: 18px; float: right; text-transform: uppercase; font-weight: 600; } .woocommerce .shop-toolbar .woocommerce-ordering li { list-style: none; margin-bottom: 0; } .woocommerce .shop-toolbar .woocommerce-ordering > li { display: inline-block; position: relative; color: #999; } .woocommerce .shop-toolbar .woocommerce-ordering > li.current { color: #000; } .woocommerce .shop-toolbar .woocommerce-ordering .current { min-width: 320px; display: inline-block; cursor: pointer; padding-right: 20px; text-align: left; } .woocommerce .shop-toolbar .woocommerce-ordering .current:after { position: absolute; top: 50%; transform: translateY(-50%); right: 0; content: '\e93a'; display: inline-block; font: normal normal normal 14px/1 linearicons; font-size: 16px; color: #000; } .woocommerce .shop-toolbar .woocommerce-ordering li > ul { margin: 0; position: absolute; top: 100%; right: 0; transition: top 0.5s; border: 1px solid #d9d9d9; background-color: #fff; padding: 10px 30px; font-size: 16px; color: #999; transform: scale(0); z-index: -999; width: 100%; } .woocommerce .shop-toolbar .woocommerce-ordering li > ul li { padding: 5px 0; } .woocommerce .shop-toolbar .woocommerce-ordering li > ul li a { color: #999; white-space: nowrap; } .woocommerce .shop-toolbar .woocommerce-ordering li > ul li a.active, .woocommerce .shop-toolbar .woocommerce-ordering li > ul li a:hover { color: #000; } .woocommerce .shop-toolbar .woocommerce-ordering li.current:hover > ul { transform: scale(1); z-index: 1; } .woocommerce .un-categories-filter { margin-bottom: 60px; } .woocommerce .un-categories-filter ul { margin: 0; padding: 0; text-align: center; } .woocommerce .un-categories-filter ul li { list-style: none; display: inline-block; padding: 0 20px; } .woocommerce .un-categories-filter ul li a { font-size: 18px; color: #999; font-weight: 300; } .woocommerce .un-categories-filter ul li a:hover, .woocommerce .un-categories-filter ul li a.selected { color: #666600; } .woocommerce .ribbons .ribbon { color: #fff; font-size: 12px; font-weight: 600; text-align: center; display: block; margin: 0; position: absolute; background-color: #93be2b; z-index: 1; top: 17px; right: 17px; height: 27px; line-height: 27px; border-radius: 3px; padding: 0 13px; min-width: inherit; min-height: inherit; } .woocommerce .ribbons .ribbon.onsale { background-color: #ff1d5d; left: initial; } .woocommerce .ribbons .ribbon.featured { background-color: #ff8c46; } .woocommerce .ribbons .ribbon.out-of-stock { background-color: #000000; color: #fff; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #000; border-radius: 0; height: 1px; cursor: pointer; margin-right: 15px; } .woocommerce .widget_price_filter .ui-slider { margin: 5px 0 20px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #000; border-radius: 0; cursor: pointer; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #000; border-radius: 50%; width: 15px; height: 15px; margin-left: 0; top: -7px; } .woocommerce .widget_price_filter .price_slider_amount { position: relative; } .woocommerce .widget_price_filter .price_slider_amount .price_label { position: absolute; top: 0; left: 0; right: 0; text-align: left; font-size: 16px; color: #999; } .woocommerce .widget_price_filter .price_slider_amount .button { width: 100%; margin-top: 70px; } .woocommerce .content-area .page-description { padding-bottom: 100px; } .woocommerce .baroque-taxs-list { float: left; margin-right: 100px; } .woocommerce .baroque-taxs-list ul { text-align: left; } .woocommerce .baroque-taxs-list li { padding: 0 22px; } .woocommerce .baroque-taxs-list li:last-child { padding-right: 0; } .woocommerce .baroque-taxs-list li:first-child { padding-left: 0; } .woocommerce .baroque-taxs-list li a { color: #999; font-size: 18px; font-weight: 600; } .woocommerce .baroque-taxs-list li a:hover, .woocommerce .baroque-taxs-list li a.selected { color: #000; } .woocommerce-cart .woocommerce h2 { font-size: 20px; font-weight: 400; margin-bottom: 30px; margin-top: 0; } .woocommerce-cart .woocommerce table.cart .backorder_notification, .woocommerce-cart .woocommerce table.checkout .backorder_notification { color: #666; } .woocommerce-cart .woocommerce table.cart .btn-shop, .woocommerce-cart .woocommerce table.checkout .btn-shop { font-weight: 600; color: #fff; text-align: center; display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-color: #666600; text-transform: uppercase; border: 0; box-shadow: none; transition: 0.5s; font-weight: 400; text-transform: capitalize; height: 48px; line-height: 48px; } .woocommerce-cart .woocommerce table.cart .btn-shop:hover, .woocommerce-cart .woocommerce table.checkout .btn-shop:hover, .woocommerce-cart .woocommerce table.cart .btn-shop:focus, .woocommerce-cart .woocommerce table.checkout .btn-shop:focus, .woocommerce-cart .woocommerce table.cart .btn-shop:active, .woocommerce-cart .woocommerce table.checkout .btn-shop:active, .woocommerce-cart .woocommerce table.cart .btn-shop:active:hover, .woocommerce-cart .woocommerce table.checkout .btn-shop:active:hover, .woocommerce-cart .woocommerce table.cart .btn-shop:active:focus, .woocommerce-cart .woocommerce table.checkout .btn-shop:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .woocommerce-cart .woocommerce table.cart .btn-shop:hover, .woocommerce-cart .woocommerce table.checkout .btn-shop:hover, .woocommerce-cart .woocommerce table.cart .btn-shop:focus, .woocommerce-cart .woocommerce table.checkout .btn-shop:focus, .woocommerce-cart .woocommerce table.cart .btn-shop:active, .woocommerce-cart .woocommerce table.checkout .btn-shop:active, .woocommerce-cart .woocommerce table.cart .btn-shop:active:hover, .woocommerce-cart .woocommerce table.checkout .btn-shop:active:hover, .woocommerce-cart .woocommerce table.cart .btn-shop:active:focus, .woocommerce-cart .woocommerce table.checkout .btn-shop:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .woocommerce-cart .woocommerce table.cart .btn-shop i, .woocommerce-cart .woocommerce table.checkout .btn-shop i { padding-right: 10px; display: inline-block; transform: translateY(2px); } .woocommerce-cart .woocommerce table.cart .btn-update, .woocommerce-cart .woocommerce table.checkout .btn-update { float: right; position: relative; cursor: pointer; } .woocommerce-cart .woocommerce table.cart .btn-update .button, .woocommerce-cart .woocommerce table.checkout .btn-update .button { background-color: transparent; color: #000; padding-left: 50px; border: 1px solid rgba(0, 0, 0, 0.5); } .woocommerce-cart .woocommerce table.cart .btn-update:before, .woocommerce-cart .woocommerce table.checkout .btn-update:before { content: '\e8da'; display: inline-block; font: normal normal normal 14px/1 linearicons; color: #000; font-size: 16px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } .woocommerce-cart .woocommerce table.cart td.actions, .woocommerce-cart .woocommerce table.checkout td.actions { padding-left: 0; padding-right: 0; border-bottom: none; padding-top: 50px; } .woocommerce-cart .woocommerce table.shop_table.cart { margin-bottom: 80px; } .woocommerce-cart .woocommerce table.shop_table.cart tr th { background-color: #f2f2f2; } .woocommerce-cart .woocommerce table.shop_table.cart tr td { padding-top: 40px; padding-bottom: 30px; } .woocommerce-cart .woocommerce .coupon { margin-bottom: -100%; } .woocommerce-cart .woocommerce .coupon label { display: block; font-size: 20px; color: #000; position: relative; margin-bottom: 36px; font-weight: 400; } .woocommerce-cart .woocommerce .coupon label:after { content: '\e93a'; display: inline-block; font: normal normal normal 14px/1 linearicons; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .woocommerce-cart .woocommerce .coupon .input-text { width: 100%; border: 1px solid #ccc; padding: 10px 15px; margin-bottom: 30px; } .woocommerce-cart .woocommerce .coupon .button { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.5); color: #000; } .woocommerce-cart .woocommerce .coupon .button:hover, .woocommerce-cart .woocommerce .coupon .button:focus, .woocommerce-cart .woocommerce .coupon .button:active, .woocommerce-cart .woocommerce .coupon .button:active:hover, .woocommerce-cart .woocommerce .coupon .button:active:focus { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.5); color: #000; } .woocommerce-cart .woocommerce .cart-collaterals .select2-container .select2-choice { padding: 12px 15px; } .woocommerce-cart .woocommerce .cart-collaterals .select2-container .select2-selection--single { padding: 12px 15px; } .woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button { display: block; font-size: 20px; color: #000; position: relative; margin-bottom: 35px; margin-top: 0; } .woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button:after { content: '\e93a'; display: inline-block; font: normal normal normal 14px/1 linearicons; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form { display: block !important; } .woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator .input-text, .woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator select { width: 100%; border: 1px solid #ccc; padding: 10px 15px; margin-bottom: 10px; } .woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator .button { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.5); color: #000; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals > h2 { display: none; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table { border: 1px solid #ccc; background-color: #f6f6f6; border-radius: 0; padding: 0 30px; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table th { background-color: transparent; color: #000; font-weight: 400; padding: 20px 0; border-top: none; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table td { text-align: right; padding: 20px 0; border-top: none; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table td p { margin-bottom: 5px; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table .shipping { text-align: left; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table .shipping td { text-align: left; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table .shipping .shipping-title { color: #000; font-weight: 400; font-size: 16px; margin: 0 0 10px; text-transform: uppercase; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table .order-total strong { color: #000; font-weight: 400; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table .order-total th, .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table .order-total td { border-bottom: none; } .woocommerce-cart .woocommerce .cross-sells { margin-top: 80px; } .woocommerce-cart .woocommerce .cross-sells h2 { text-align: center; font-size: 18px; text-transform: uppercase; font-weight: 600; } .woocommerce-cart .woocommerce .cross-sells ul.products li.product { margin-bottom: 10px; } .woocommerce-checkout .woocommerce-info { border: none; background-color: #f6f6f6; font-size: 14px; padding: 20px 25px 20px 65px !important; } .woocommerce-checkout .woocommerce-info:before { content: "\76"; font-family: ElegantIcons; font-size: 17px; top: 50%; transform: translateY(-50%); left: 25px; position: absolute; color: #666; } .woocommerce-checkout .woocommerce-info .showlogin, .woocommerce-checkout .woocommerce-info .showcoupon { color: #0099cc; } .woocommerce-checkout .col-form-coupon, .woocommerce-checkout .col-form-login { margin-bottom: 50px; } .woocommerce-checkout form.checkout_coupon { border-radius: 0; } .woocommerce-checkout form.login { border-radius: 0; } .woocommerce-checkout form.login #rememberme { opacity: 0; } .woocommerce-checkout form.login #rememberme:checked + .label:before { content: "\e999"; } .woocommerce-checkout form.login .label { display: inline-block; color: #000; text-transform: inherit; position: relative; line-height: 1; font-size: 16px; padding-left: 20px; cursor: pointer; font-weight: 400; } .woocommerce-checkout form.login .label:before { content: '\e98d'; display: inline-block; font: normal normal normal 14px/1 linearicons; font-size: 18px; position: absolute; top: 0; left: -12px; color: #000; transition: 0.5s; } .woocommerce-checkout form.login .lost_password { margin-bottom: 0; } .woocommerce-checkout form.login .lost_password a { color: #000; text-decoration: underline; } .woocommerce-checkout form.login .button { display: block; min-width: 200px; margin-top: 20px; } .woocommerce-checkout form.checkout h3 { font-size: 20px; margin-bottom: 30px; margin-top: 0; } .woocommerce-checkout form.checkout .woocommerce-shipping-fields, .woocommerce-checkout form.checkout .woocommerce-account-fields { margin-top: 40px; } .woocommerce-checkout form.checkout .woocommerce-account-fields .woocommerce-form__label > span { padding-left: 30px; } .woocommerce-checkout form.checkout .woocommerce-account-fields .woocommerce-form__label > span:before { left: 0; } .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper { margin-top: 20px; } .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions { padding: 20px; } .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions::-webkit-scrollbar { display: none; } .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label > span { padding-left: 30px; } .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label > span:before { left: 0; } .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label > span.required { padding-left: 0; color: #cc0000; } .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label > span.required:before { display: none; } .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label a { text-decoration: underline; } .woocommerce-checkout form.checkout .woocommerce-form__label .input-checkbox { opacity: 0; margin: 0; } .woocommerce-checkout form.checkout .woocommerce-form__label .input-checkbox:checked + span:before { content: "\e999"; } .woocommerce-checkout form.checkout .woocommerce-form__label > span { display: inline-block; color: #000; text-transform: none; position: relative; line-height: 1; padding-left: 30px; cursor: pointer; } .woocommerce-checkout form.checkout .woocommerce-form__label > span:before { content: '\e98d'; display: inline-block; font: normal normal normal 14px/1 linearicons; font-size: 18px; position: absolute; top: -1px; left: 0; color: #000; transition: 0.5s; } .woocommerce-checkout table.shop_table { border-radius: 0; padding: 0 30px; border-bottom: none; background-color: #f6f6f6; margin: 0; } .woocommerce-checkout table.shop_table thead tr th { color: #999999; padding-top: 30px; padding-bottom: 10px; font-weight: 400; } .woocommerce-checkout table.shop_table tr th { background-color: transparent; padding: 20px 0; border-top: none; } .woocommerce-checkout table.shop_table tr th:last-child { text-align: right; } .woocommerce-checkout table.shop_table td { padding: 20px 0; border-top: none; } .woocommerce-checkout table.shop_table td strong { font-weight: 400; } .woocommerce-checkout table.shop_table td p { margin-bottom: 5px; } .woocommerce-checkout table.shop_table td:last-child { text-align: right; } .woocommerce-checkout table.shop_table .shipping td { text-align: left; font-size: 14px; } .woocommerce-checkout table.shop_table .shipping .shipping-title { color: #000; font-weight: 600; font-size: 14px; margin: 0 0 20px; text-transform: uppercase; } .woocommerce-checkout table.shop_table .cart_item td { padding: 5px 0; border-bottom: none; } .woocommerce-checkout table.shop_table .cart-subtotal, .woocommerce-checkout table.shop_table .order-total { font-size: 16px; } .woocommerce-checkout table.shop_table .cart-subtotal th, .woocommerce-checkout table.shop_table .order-total th { color: #000; font-weight: 600; } .woocommerce-checkout table.shop_table .cart-subtotal .woocommerce-Price-amount, .woocommerce-checkout table.shop_table .order-total .woocommerce-Price-amount { color: #ff0000; font-weight: 400; } .woocommerce-checkout table.shop_table .order-total .woocommerce-Price-amount { font-weight: 600; } .woocommerce-checkout table.shop_table .order-total { font-size: 20px; } .woocommerce-checkout #payment { border-radius: 0; background-color: transparent; } .woocommerce-checkout #payment .wc_payment_methods { border-top: none; background-color: #f6f6f6; } .woocommerce-checkout #payment .form-row.place-order { padding: 0; margin: 0 -1px; } .woocommerce-checkout #payment .form-row.place-order .button { width: 100%; margin-top: 20px; font-size: 20px; font-weight: 700; height: 70px; } .woocommerce-checkout #payment div.payment_box { background-color: transparent; color: #999; margin-bottom: 0; } .woocommerce-checkout #payment div.payment_box:before { display: none; } .woocommerce-checkout #payment ul.payment_methods { padding: 25px; border: 0; } .woocommerce-checkout #payment ul.payment_methods > li { margin-bottom: 15px; } .woocommerce-checkout #payment ul.payment_methods > li:last-child { margin-bottom: 0; } .woocommerce-checkout #payment ul.payment_methods > li > input { opacity: 0; margin: 0; display: none; } .woocommerce-checkout #payment ul.payment_methods > li > input:checked + label:before { content: "\5c"; } .woocommerce-checkout #payment ul.payment_methods > li > label { display: inline-block; color: #000; position: relative; line-height: 1; cursor: pointer; font-weight: 400; padding-left: 25px; } .woocommerce-checkout #payment ul.payment_methods > li > label a, .woocommerce-checkout #payment ul.payment_methods > li > label img { display: none; } .woocommerce-checkout #payment ul.payment_methods > li > label:before { content: "\5b"; font-family: ElegantIcons; font-size: 16px; position: absolute; top: 0; left: 0; transition: 0.5s; } .woocommerce-order-received .order_details strong { font-weight: 400; } .woocommerce-order-received h2, .woocommerce-order-received h3 { font-size: 18px; font-weight: 400; } .woocommerce-order-received address { font-style: normal; font-weight: 400; } .woocommerce-order-received .addresses { margin: 0 -15px; } .woocommerce-order-received .addresses .col-1, .woocommerce-order-received .addresses .col-2 { width: 50%; float: left; padding: 0 15px; } .woocommerce-order-received .addresses:after { display: block; clear: both; content: ""; } .woocommerce-order-received table.shop_table { padding: 0; border: none; border-bottom: none; background-color: transparent; margin: 0 0 60px; } .woocommerce-order-received table.shop_table th { color: #000; } .woocommerce-order-received table.shop_table th:last-child { text-align: left; } .woocommerce-order-received table.shop_table td:last-child { text-align: left; } .woocommerce-order-received table.shop_table .shipping td { text-align: left; } .woocommerce-order-received table.shop_table .order_item td { padding: 5px 0; border-bottom: none; } .woocommerce-order-received table.shop_table .order_item:first-child td { padding-top: 20px; } .woocommerce-order-received table.shop_table .order_item:last-child td { padding-bottom: 20px; } .woocommerce-account .woocommerce h2 { font-size: 20px; font-weight: 400; } .woocommerce-account .woocommerce .form-row { margin-bottom: 25px; } .woocommerce-account .woocommerce .form-row label { margin-bottom: 5px; } .woocommerce-account .woocommerce .form-row .input-text { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.15); color: #999; font-weight: 400; padding: 13px; } .woocommerce-account .woocommerce .form-row .input-text:focus { border-color: rgba(0, 0, 0, 0.35); } .woocommerce-account .woocommerce .form-row ::-webkit-input-placeholder { color: #999; font-weight: 400; } .woocommerce-account .woocommerce .form-row :-moz-placeholder { color: #999; font-weight: 400; } .woocommerce-account .woocommerce .form-row ::-moz-placeholder { color: #999; font-weight: 400; } .woocommerce-account .woocommerce .form-row :-ms-input-placeholder { color: #999; font-weight: 400; } .woocommerce-account .woocommerce .form-row .select2-container .select2-choice { border: 1px solid rgba(0, 0, 0, 0.15); padding-left: 25px; font-size: 16px; font-weight: 400; text-align: center; color: #999; background-color: transparent; } .woocommerce-account .woocommerce .form-row .select2-container .select2-choice:focus { color: #000; border-color: #000; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { text-align: center; line-height: 1; margin-bottom: 80px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { padding: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li { display: inline-block; list-style: none; padding-left: 25px; padding-right: 25px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a { color: #999; transition: 0.5s; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover { color: #000; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { color: #000; font-size: 18px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul { padding: 50px 30px; margin: 0; text-align: center; background-color: #f5f5f5; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul li { list-style: none; margin-bottom: 15px; line-height: 1; color: #000; font-weight: 400; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul li img { border-radius: 50%; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul li .m-title { padding-top: 15px; padding-bottom: 35px; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.15); font-size: 24px; text-transform: capitalize; margin-bottom: 40px; color: #000; font-weight: 300; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul li span { color: #999; padding-right: 5px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul li .m-button { margin-top: 30px; padding-left: 25px; display: inline-block; color: #000; border-bottom: 1px solid #000; position: relative; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul li .m-button:before { position: absolute; top: -3px; left: 0; content: "\6a"; font-family: 'ElegantIcons'; font-size: 16px; transform: rotateZ(90deg); } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .my_account_orders { font-size: 16px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .my_account_orders .button { background-color: transparent; color: #000; border: 1px solid #666; height: 40px; line-height: 40px; text-transform: none; font-size: 16px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .addresses { margin: 0 -15px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .addresses .col-1, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .addresses .col-2 { width: 50%; float: left; padding: 0 15px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .addresses:after { display: block; clear: both; content: ""; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content h2, .woocommerce-account .woocommerce .woocommerce-MyAccount-content h3 { font-size: 16px; font-weight: 400; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .orders-title, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .billing-title { margin: 0; line-height: 1; font-size: 20px; text-transform: capitalize; padding-bottom: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders { border: none; margin-top: 40px; margin-bottom: 120px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead { line-height: 1; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead th { padding-right: 30px; padding-left: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead th span { font-weight: 600; color: #999; text-transform: uppercase; margin-bottom: 5px; font-size: 14px; display: block; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td { padding: 30px 10px; padding-left: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order .order-date { color: #999; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order .order-status { color: #99cc33; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order .order-actions { padding-top: 23px; padding-right: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order .order-actions .button { border: 1px solid #bfbfbf; background-color: transparent; color: #000; line-height: 37px; height: 37px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination { margin-bottom: 80px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .billing-title { margin-bottom: 35px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p { line-height: 1.6; color: #999; } .woocommerce-account .woocommerce .woocommerce-Addresses { margin: 0 -15px; } .woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address { width: 50%; float: left; padding: 0 15px; } .woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 { font-weight: 600; color: #000; margin-bottom: 30px; text-transform: uppercase; text-align: left; } .woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address address { color: #000; line-height: 2; font-style: normal; text-transform: capitalize; } .woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-edit { margin-top: 30px; } .woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-edit .edit { color: #0099cc; font-style: italic; } .woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-edit .edit:hover { color: #666600; } .woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content .form-row, .woocommerce-account.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content .form-row { margin-bottom: 30px; } .woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content .edit-address, .woocommerce-account.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content .edit-address, .woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content h3, .woocommerce-account.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content h3 { text-align: center; font-size: 16px; color: #000; text-transform: capitalize; padding-bottom: 15px; margin-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); line-height: 1; width: 100%; } .woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields, .woocommerce-account.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields, .woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content .edit-account, .woocommerce-account.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content .edit-account { max-width: 630px; margin: auto; } .woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields p, .woocommerce-account.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields p, .woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content .edit-account p, .woocommerce-account.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content .edit-account p { text-align: center; } .woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .button, .woocommerce-account.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .button, .woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content .edit-account .button, .woocommerce-account.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content .edit-account .button { margin-top: 45px; width: 100%; } .woocommerce-account.woocommerce-edit-account fieldset { border: none; padding: 0; margin: 0; } .woocommerce-account.woocommerce-lost-password form.lost_reset_password { text-align: center; } .woocommerce-account.woocommerce-lost-password form.lost_reset_password .form-row { max-width: 630px; margin: 0 auto; } .woocommerce-account.woocommerce-lost-password form.lost_reset_password .form-row label { color: #000; } .woocommerce-account.woocommerce-lost-password form.lost_reset_password .form-row .button { margin-top: 35px; height: 56px; line-height: 56px; } .woocommerce-account .customer-login .tabs-nav { text-align: center; margin-bottom: 70px; } .woocommerce-account .customer-login .tabs-nav li { float: none; display: inline-block; } .woocommerce-account .customer-login .tabs-nav a { font-size: 48px; padding: 0 20px; font-weight: 600; } .woocommerce-account .customer-login .tabs-nav a.active { color: #000; } .woocommerce-account .customer-login .tabs-panel form { margin: 0; padding: 0; border: none; min-height: 300px; } .woocommerce-account .customer-login .form-row .input-text { padding: 10px 20px; text-align: left; } .woocommerce-account .customer-login .form-row .button { width: 100%; font-size: 16px; margin-top: 30px; } .woocommerce-account .customer-login .form-row-password { position: relative; } .woocommerce-account .customer-login .form-row-password .lost-password { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-weight: 600; } .woocommerce-account .customer-login .inline #rememberme { opacity: 0; } .woocommerce-account .customer-login .inline #rememberme:checked + .label:before { content: "\e999"; } .woocommerce-account .customer-login .inline .label { display: inline-block; color: #000; text-transform: inherit; position: relative; line-height: 1; font-size: 16px; padding-left: 20px; cursor: pointer; } .woocommerce-account .customer-login .inline .label:before { content: '\e98d'; display: inline-block; font: normal normal normal 14px/1 linearicons; font-size: 18px; position: absolute; top: 0; left: -12px; color: #000; transition: 0.5s; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100px; } .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: #eee; } .woocommerce-error strong, .woocommerce-info strong, .woocommerce-message strong { font-weight: 400; } .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button { height: 40px; line-height: 40px; } .shop-sidebar { max-width: 295px; margin-top: 5px; } .shop-sidebar .widget { margin-bottom: 50px; border-bottom: 1px solid #e1e1e1; padding-bottom: 40px; } .shop-sidebar .widget:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .shop-sidebar .widget .widget-title { margin-bottom: 35px; } .shop-sidebar .widget ul li { padding: 5px 0; } .shop-sidebar .widget ul li a, .shop-sidebar .widget ul li .count { color: #999; } .shop-sidebar .widget ul li:hover > a, .shop-sidebar .widget ul li:hover .count { color: #000; } .shop-sidebar .widget_search, .shop-sidebar .widget_product_search { border-bottom: none; padding-bottom: 20px; } .shop-sidebar .widget_search .search-form, .shop-sidebar .widget_product_search .search-form { background-color: #f5f5f5; border-color: #f5f5f5; padding: 12px 20px; } .shop-sidebar .widget_shopping_cart_content .buttons a { width: 100%; margin-left: 0; margin-right: 0; } .shop-sidebar .widget_product_categories ul li .count { position: relative; float: right; } .shop-sidebar .widget_product_categories ul li.current-cat a, .shop-sidebar .widget_product_categories ul li.chosen a, .shop-sidebar .widget_product_categories ul li.current-cat .count, .shop-sidebar .widget_product_categories ul li.chosen .count { color: #666600; } .shop-sidebar .widget_layered_nav ul li { padding: 5px 0; } .shop-sidebar .widget_layered_nav ul li .count { float: right; } .shop-sidebar .widget_layered_nav_filters .widget-title { margin-bottom: 20px; font-size: 16px; } .shop-sidebar .widget_layered_nav_filters ul li { display: block; float: none; padding: 5px 0; } .shop-sidebar .widget_layered_nav_filters ul li a:before { content: '\e935'; display: inline-block; font: normal normal normal 14px/1 linearicons; color: #666; font-size: 12px; } .shop-sidebar .widget_layered_nav_filters ul li a:hover { color: #000; } .shop-sidebar .widget_layered_nav_filters ul li a:hover:before { color: #000; } .single-product .site-content { padding-top: 0; padding-bottom: 177px; } .single-product .social-share li { padding: 0 12px; } .single-product .social-share li:first-child { padding-left: 0; } .single-product .social-share li:last-child { padding-right: 0; } .single-product .social-share a { font-size: 16px; background-color: transparent; color: #ccc; width: inherit; height: inherit; line-height: inherit; } .single-product .social-share a:hover { color: #000; } .content-sidebar .catalog-sidebar { float: right; } .customer-login .col-login .tabs { max-width: 370px; margin: 0 auto; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: 16px; height: 60px; line-height: 60px; width: 100%; } .baroque-catalog-page .catalog-row { display: flex; } .baroque-catalog-page .catalog-row .content-area { flex-grow: 1; } .baroque-catalog-page.sidebar-content .catalog-row { flex-direction: row-reverse; justify-content: space-between; } .baroque-catalog-page.sidebar-content .catalog-row .content-area { padding-left: 58px; } .baroque-catalog-page.content-sidebar .catalog-row .content-area { padding-right: 58px; } .pentipped { position: relative; } .pentip { color: #fff; font-size: 12px; font-weight: 400; text-transform: none; white-space: nowrap; line-height: 1.2; padding: 5px 8px; position: absolute; bottom: 100%; left: 40%; transform: translate(-50%, -10px); display: none; z-index: 1000; background: #333333; border-radius: 3px; } .pentip:after { content: ""; display: block; position: absolute; bottom: -4px; left: 50%; margin-left: -2px; border-style: solid; border-width: 4px 4px 0 4px; border-color: transparent; border-top-color: rgba(0, 0, 0, 0.8); } .select2-container .select2-selection--single .select2-selection__rendered, .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding: 0; } .site-content .vc_col-has-fill > .vc_column-inner, .site-content .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .site-content .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .site-content .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .site-content .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .site-content .vc_row-has-fill > .vc_column_container > .vc_column-inner, .site-content .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .site-content .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .site-content .vc_section.vc_section-has-fill, .site-content .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .site-content .vc_section.vc_section-has-fill + .vc_section { padding-top: 0; } .site-content .vc_section { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .vc_row { background-position: center; } .vc_row.vc_row-fluid { margin-bottom: 0; margin-left: 0; margin-right: 0; } .vc_row.vc_inner { margin-left: -15px; margin-right: -15px; } .vc_row > .container-fluid { padding-left: 15px; padding-right: 15px; } .vc_row.overlay-enable { position: relative; } .vc_row .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .vc_row.parallax { background-attachment: fixed; background-position: 50% 50%; } .vc_row .wpb_content_element { margin-bottom: 0; } .vc_row.vc_row-flex > .container-fluid { width: 100%; } .vc_row.vc_row-flex > .container > .row, .vc_row.vc_row-flex > .container-fluid > .row { box-sizing: border-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vc_row.vc_row-flex > .container > .row > .vc_column_container > .vc_column-inner, .vc_row.vc_row-flex > .container-fluid > .row > .vc_column_container > .vc_column-inner { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vc_row.vc_row-flex > .container > .row:after, .vc_row.vc_row-flex > .container-fluid > .row:after, .vc_row.vc_row-flex > .container > .row:before, .vc_row.vc_row-flex > .container-fluid > .row:before { display: none; } .vc_row.vc_row-o-columns-top > .container > .row, .vc_row.vc_row-o-columns-top > .container-fluid > .row { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .vc_row.vc_row-o-columns-middle > .container > .row, .vc_row.vc_row-o-columns-middle > .container-fluid > .row { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .vc_row.vc_row-o-columns-bottom > .container > .row, .vc_row.vc_row-o-columns-bottom > .container-fluid > .row { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .vc_row.vc_row-o-equal-height > .container > .row .vc_column_container, .vc_row.vc_row-o-equal-height > .container-fluid > .row .vc_column_container { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: flex; } .vc_row.vc_row-o-content-top > .container > .row > .vc_column_container > .vc_column-inner, .vc_row.vc_row-o-content-top > .container-fluid > .row > .vc_column_container > .vc_column-inner { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .vc_row.vc_row-o-content-middle > .container > .row > .vc_column_container > .vc_column-inner, .vc_row.vc_row-o-content-middle > .container-fluid > .row > .vc_column_container > .vc_column-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .vc_row.vc_row-o-content-bottom > .container > .row > .vc_column_container > .vc_column-inner, .vc_row.vc_row-o-content-bottom > .container-fluid > .row > .vc_column_container > .vc_column-inner { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .ba-medium { font-weight: 500; } .ba-regular { font-weight: 400; } .ba-light { font-weight: 300; } .ba-empty-space .ba_empty_space_md, .ba-empty-space .ba_empty_space_xs { display: none; } .ba-portfolio.portfolio-list .portfolio-wrapper { margin-bottom: 0; } .ba-portfolio.portfolio-list .summary-header { width: 100%; margin-left: 0; } .ba-portfolio.portfolio-list .entry-title { font-size: 48px; line-height: 1; margin-bottom: 25px; } .ba-portfolio.portfolio-list .desc { letter-spacing: -0.2px; } .ba-portfolio.portfolio-list .read-more { margin-top: 45px; } .ba-portfolio .slick-arrow { top: 36%; } .ba-portfolio-images .slick-arrow.baroque-left-arrow { left: 30px; } .ba-portfolio-images .slick-arrow.baroque-right-arrow { right: 30px; } .ba-portfolio-images .portfolio-normal .portfolio-item { margin-bottom: 30px; } .ba-portfolio-quote { padding: 50px 54px; border: 6px solid #666600; position: relative; display: flex; } .ba-portfolio-quote.hide-border { padding: 0; border: 0; } .ba-portfolio-quote h3 { font-size: 20px; margin: 0; } .ba-portfolio-quote .quote-header { width: 34%; padding-right: 20px; display: flex; justify-content: space-between; flex-direction: column; } .ba-portfolio-quote .quote-content { width: 66%; } .ba-portfolio-quote .quote { font-size: 28px; color: #000; font-family: 'Libre Baskerville', serif; margin-bottom: 60px; } .ba-portfolio-quote cite { font-style: normal; font-size: 18px; color: #000; } .ba-portfolio-quote cite span { color: #999; } .ba-portfolio-quote .quote-icon { width: 97px; height: 97px; border-radius: 50%; background-color: #ced08d; margin-left: 46px; position: relative; margin-bottom: 23px; } .ba-portfolio-quote .quote-icon i { color: #000; font-size: 180px; position: absolute; bottom: -65px; left: -90px; } .ba-counter { color: #000; } .ba-counter .counter { font-size: 56px; font-weight: 600; line-height: 1; } .ba-counter .title { margin-top: 5px; margin-bottom: 0; font-size: 14px; font-weight: 400; } .ba-counter .list-counter { display: flex; justify-content: space-between; } .ba-counter .counter-content { padding: 0; float: none; } .ba-counter.light-color { color: #fff; } .ba-counter.light-color .title { color: #fff; } .ba-service .service-summary { padding: 40px 0; position: relative; } .ba-service .service-summary span { font-size: 18px; } .ba-service .service-summary h3 { margin-bottom: 36px; margin-top: 13px; line-height: 1.4; } .ba-service .service-summary h3 a { color: #000; } .ba-service .read-more { color: #000; transition: 0.5s; } .ba-service .read-more i { font-size: 12px; padding-left: 10px; font-weight: 600; } .ba-service.style-1 { zoom: 1; } .ba-service.style-1:before, .ba-service.style-1:after { content: ""; display: table; } .ba-service.style-1:after { clear: both; } .ba-service.style-1:before, .ba-service.style-1:after { content: ""; display: table; } .ba-service.style-1:after { clear: both; } .ba-service.style-1 .service-summary { background-color: #fff; width: 470px; padding: 35px 30px; margin-top: -105px; position: relative; } .ba-service.style-1.content-right .service-summary { float: right; } .ba-service.style-2 .service-thumbnail { position: relative; display: inline-block; } .ba-service.style-2 .service-thumbnail h3 { margin-bottom: 0; } .ba-service.style-2 .read-more { position: absolute; right: 0; bottom: 0; background-color: #fff; padding-left: 20px; padding-right: 12px; height: 45px; line-height: 45px; } .ba-service:hover .read-more { color: #666600; } .ba-image-box { position: relative; } .ba-image-box .service-summary { background-color: #fff; padding: 40px; position: absolute; bottom: 0; left: 0; } .ba-image-box .service-summary span { font-size: 14px; } .ba-image-box .service-summary .subtitle { font-weight: 600; color: #666600; } .ba-image-box .service-summary h3 { font-size: 30px; margin-bottom: 0; margin-top: 5px; letter-spacing: -0.5px; } .ba-image-box .service-summary h3 a, .ba-image-box .service-summary h3 span { color: #000; font-size: 30px; } .ba-partner .list-item { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .ba-partner .partner-item { padding: 15px; } .ba-partner.effect-1 a:hover { opacity: 0.25; } .ba-partner.effect-2 a { opacity: 0.35; } .ba-partner.effect-2 a:hover { opacity: 1; } .ba-member { position: relative; overflow: hidden; } .ba-member:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; transition: 0.5s; z-index: 9; } .ba-member .hover-border { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ba-member .hover-border:before, .ba-member .hover-border:after { content: ''; position: absolute; width: 0; height: 4px; background-color: #666600; z-index: 111; } .ba-member .hover-border:before { top: 0; right: 0; transition: 0.3s; } .ba-member .hover-border:after { bottom: 0; left: 0; transition: 0.3s 0.5s; } .ba-member .hover-border div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ba-member .hover-border div:before, .ba-member .hover-border div:after { content: ''; position: absolute; width: 4px; height: 0; background-color: #666600; z-index: 111; } .ba-member .hover-border div:before { top: 0; left: 0; transition: 0.3s 0.75s; } .ba-member .hover-border div:after { bottom: 0; right: 0; transition: 0.3s 0.25s; } .ba-member .member-content { padding: 15px 28px 25px 28px; position: absolute; right: 0; bottom: -65px; background-color: #fff; text-align: right; width: 60%; z-index: 99; transition: 0.5s; } .ba-member .member-content .job { color: #000; font-size: 14px; } .ba-member .member-content .name { margin-bottom: 15px; margin-top: 0; padding-bottom: 15px; position: relative; } .ba-member .member-content .name:after { content: ''; width: 0; height: 1px; background-color: #666600; position: absolute; bottom: 0; right: 0; transition: 0.5s; } .ba-member .member-content .socials a { color: #000; font-size: 20px; display: inline-block; padding: 0 9px; } .ba-member .member-content .socials a:hover { color: #666600; } .ba-member .member-content .socials a:last-child { padding-right: 0; } .ba-member .member-content .socials a:first-child { padding-left: 0; } .ba-member .member-intro { position: absolute; top: -20px; left: 0; width: 100%; padding: 30px 35px; z-index: 99; opacity: 0; transition: 0.5s; } .ba-member:hover:before { opacity: 1; } .ba-member:hover .member-content { bottom: 0; } .ba-member:hover .member-content .name:after { width: 70px; } .ba-member:hover .member-intro { opacity: 1; top: 0; } .ba-member:hover .hover-border:before, .ba-member:hover .hover-border:after { width: 100%; } .ba-member:hover .hover-border:before { left: 0; right: auto; } .ba-member:hover .hover-border:after { right: 0; left: auto; } .ba-member:hover .hover-border div:before, .ba-member:hover .hover-border div:after { height: 100%; } .ba-member:hover .hover-border div:before { bottom: 0; top: auto; } .ba-member:hover .hover-border div:after { top: 0; } .ba-button a i { padding-left: 12px; transform: translateY(2px); display: inline-block; } .ba-button.outline a { font-weight: 500; color: #000; } .ba-button.outline a i { font-size: 20px; } .ba-button.outline.light-color a { color: #fff; } .ba-button.classic a { font-size: 20px; height: 71px; line-height: 71px; padding: 0 30px; } .ba-button.classic a i { font-size: 24px; } .ba-newletter .mc4wp-form { position: relative; } .ba-newletter .mc4wp-form ::-webkit-input-placeholder { color: #000; } .ba-newletter .mc4wp-form :-moz-placeholder { color: #000; } .ba-newletter .mc4wp-form ::-moz-placeholder { color: #000; } .ba-newletter .mc4wp-form :-ms-input-placeholder { color: #000; } .ba-newletter .mc4wp-form:after { content: '\e944'; display: inline-block; font: normal normal normal 14px/1 linearicons; color: #666600; position: absolute; right: 0; top: 50%; font-size: 18px; transform: translateY(-50%); } .ba-newletter .mc4wp-form input[type="email"] { color: #000; border: 0; border-bottom: 1px solid #000; padding: 0 40px 0 0; font-size: 14px; } .ba-newletter .mc4wp-form input[type="submit"] { opacity: 0; position: absolute; right: 0; height: 100%; width: 40px; padding: 0; z-index: 99; } .ba-map-shortcode { position: relative; } .ba-map-shortcode .map-info { position: absolute; background-color: #fff; z-index: 99; top: 65px; right: 65px; bottom: 65px; width: 600px; padding: 90px; overflow: hidden; } .ba-map-shortcode .map-info .address { font-size: 30px; color: #999999; font-weight: 300; margin-bottom: 18px; line-height: 1; } .ba-map-shortcode .map-info .address span { color: #000; font-weight: 600; } .ba-map-shortcode .map-info .email { padding-top: 25px; padding-bottom: 22px; } .ba-map-shortcode .map-info .email span { color: #000; font-weight: 600; font-size: 14px; text-transform: uppercase; display: inline-block; padding-right: 5px; } .ba-map-shortcode .map-info .phone { color: #000; font-size: 36px; font-weight: 600; padding-top: 40px; padding-bottom: 23px; } .ba-map-shortcode .map-info .phone span { color: #999999; font-size: 14px; text-transform: uppercase; display: block; padding-right: 5px; font-weight: 400; margin-bottom: 5px; } .ba-map-shortcode .map-info .offices { padding-top: 23px; padding-bottom: 45px; } .ba-map-shortcode .map-info .offices h5 { margin-top: 0; margin-bottom: 10px; font-size: 14px; text-transform: uppercase; } .ba-map-shortcode .map-info .offices a { display: inline-block; border-bottom: 1px solid transparent; line-height: 1.2; margin: 0 5px; position: relative; } .ba-map-shortcode .map-info .offices a:after { content: ''; position: absolute; top: 3px; right: -6px; width: 1px; height: 14px; background-color: #666; } .ba-map-shortcode .map-info .offices a:first-child { margin-left: 0; } .ba-map-shortcode .map-info .offices a:last-child { margin-right: 0; } .ba-map-shortcode .map-info .offices a:last-child:after { display: none; } .ba-map-shortcode .map-info .offices a:hover { border-color: #666; } .ba-map-shortcode .map-info .map-btn-area { margin-top: 45px; } .ba-map-shortcode .map-info .map-form { position: absolute; bottom: 100%; left: 0; right: 0; z-index: 99; padding: 90px; display: flex; align-items: center; background-color: #fff; height: 100%; transition: 0.8s; } .ba-map-shortcode .map-info .map-form .close-form { position: absolute; top: 26px; right: 22px; font-size: 24px; color: #000; font-weight: 600; } .ba-map-shortcode .map-info .map-form.show-form { bottom: 0; } .ba-portfolios-grid-gap { padding-left: 120px; padding-right: 120px; } .ba-portfolios-grid-gap .port-heading { position: fixed; top: 50%; left: 50%; transform: translate(-50%, 35px); opacity: 0; z-index: 999; transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1); text-align: center; pointer-events: none; font-size: 16px; color: #000; font-weight: 600; } .ba-portfolios-grid-gap .port-heading h2 { font-size: 80px; line-height: 1; margin: 0 0 15px; } .ba-portfolios-grid-gap .ports-list { display: flex; align-items: stretch; flex-wrap: wrap; } .ba-portfolios-grid-gap .ports-list.hover .port-item:not(.active) { opacity: 0.25; } .ba-portfolios-grid-gap .port-item { transition: 0.5s; padding: 100px 0; position: relative; display: flex; align-items: center; } .ba-portfolios-grid-gap .port-item .port-title { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ba-portfolios-grid-gap .port-item .port-content { width: 100%; } .ba-portfolios-grid-gap .port-item.active .port-heading { opacity: 1; transform: translate(-50%, -50%); } .ba-portfolios-grid-gap .port-item.port-long .port-content { text-align: center; } .ba-portfolios-grid-gap .port-item:nth-child( 3n ).port-wide .port-content { text-align: right; } .ba-portfolios-grid-gap .port-item:nth-child( 5n ).port-wide .port-content { text-align: center; } .ba-portfolios-grid-gap .ports-footer { text-align: center; margin-top: 90px; } .ba-portfolios-grid-gap .ports-footer .text { font-size: 24px; font-weight: 700; border-bottom: 1px solid #000; color: #000; line-height: 1; } .ba-portfolios-grid-gap .ports-footer .text:hover { color: #666600; border-color: #666600; } .ba-portfolios-grid ul.nav-filter li { cursor: pointer; text-transform: uppercase; margin-left: 15px; margin-right: 15px; transition: 0.5s; } .ba-portfolios-grid ul.nav-filter li:hover, .ba-portfolios-grid ul.nav-filter li.active { color: #666600; } .ba-portfolios-grid ul.nav-filter li.active { font-weight: 600; } .ba-portfolios-grid.portfolio-metro .portfolio-wrapper { margin-bottom: 30px; } .ba-portfolios-grid .load-more a { display: block; width: 130px; height: 130px; border-radius: 50%; margin: 120px auto 80px; font-size: 22px; font-weight: 400; line-height: 130px; background-color: #f2f2f2; color: #000; text-transform: uppercase; text-align: center; } .ba-portfolios-grid .load-more a.loading .nav-text { display: none; } .ba-portfolios-grid .load-more a.loading .loading-icon { opacity: 1; z-index: 999; display: block; } .ba-portfolios-grid .load-more .nav-previous-ajax { text-align: center; position: relative; } .ba-portfolios-grid.portfolio-carousel .entry-summary { display: block; } .ba-portfolios-grid.portfolio-carousel .load-more { display: none; } .ba-hero-slider { margin-left: 60px; margin-right: 60px; } .ba-hero-slider.full-width { margin-left: 0; margin-right: 0; } .ba-hero-slider.full-width .slider-images-content .item-image { left: 0; } .ba-hero-slider .slider-images-content { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .ba-hero-slider .slider-images-content .item-image { position: fixed; top: 0; left: 60px; width: 100%; height: 100%; opacity: 0; transform: scale(1); transition: all 5s, opacity 0.35s; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: center center; } .ba-hero-slider .slider-images-content .item-image.active { opacity: 1; transform: scale(1.03); } .ba-hero-slider .hero-slider-content { position: relative; min-height: 100vh; overflow: hidden; padding: 145px 80px 65px; } .ba-hero-slider .item-content { margin-bottom: 30px; } .ba-hero-slider .item-content:last-child { margin-bottom: 0; } .ba-hero-slider .item-content .title { font-size: 30px; color: #fff; line-height: 1; margin: 0; padding: 0; transition: 0.5s; letter-spacing: -0.5px; } .ba-hero-slider .item-content .desc { font-size: 14px; color: #fff; padding-bottom: 10px; display: block; } .ba-hero-slider .slider-grid-content { position: relative; min-height: 100vh; z-index: 10; } .ba-hero-slider .slider-grid-content .slider-items-content { margin: 0 -15px; } .ba-hero-slider .slider-grid-content .item-content { width: 25%; float: left; padding: 0 15px; } .ba-hero-slider .slider-grid-content .item-content:nth-child( 4n + 1 ) { clear: both; } .ba-hero-slider .slider-grid-content .item-content.active .item-inner { border-color: #666600; background-color: #666600; } .ba-hero-slider .slider-grid-content .item-inner { border: 1px solid rgba(255, 255, 255, 0.35); padding: 30px; min-height: 349px; transition: 0.25s; display: flex; justify-content: flex-end; flex-direction: column; } .ba-hero-slider .slider-grid-content .item-inner:hover { border-color: #666600; background-color: #666600; } .ba-hero-slider.hero-slider-dark .item-content .title { color: #000; } .ba-hero-slider.hero-slider-dark .item-content .desc { color: #999; } .ba-hero-slider.hero-slider-dark .slider-grid-content .item-content.active .item-inner { border-color: #fff; background-color: #fff; } .ba-hero-slider.hero-slider-dark .slider-grid-content .item-inner { border: 1px solid rgba(0, 0, 0, 0.35); } .ba-hero-slider.hero-slider-dark .slider-grid-content .item-inner:hover { border-color: #fff; background-color: #fff; } .ba-vs-slider3 { height: 100vh; width: 100%; position: relative; } .ba-vs-slider3 .button-link { position: absolute; bottom: 50%; left: 70px; transform: translateX(-50%) rotate(270deg); z-index: 10; color: #000; } .ba-vs-slider3 .button-link:hover { color: #666600; } .ba-vs-slider3 .slider-item { position: relative; display: flex; align-items: center; height: 100vh; width: 100%; } .ba-vs-slider3 .slider-item .container { max-width: 1170px; } .ba-vs-slider3 .slider-item .item-content { position: relative; } .ba-vs-slider3 .featured-img { position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-position: center; } .ba-vs-slider3 .slider-content { position: relative; z-index: 10; } .ba-vs-slider3 .slider-content .title { font-size: 72px; color: #000; line-height: 1; margin: 0 0 15px; letter-spacing: -2.5px; display: inline-block; padding: 7px 20px 7px 0; } .ba-vs-slider3 .slider-content .title a { color: #000; } .ba-vs-slider3 .slider-content .subtitle { color: #000; font-size: 18px; display: block; } .ba-vs-slider3 .slider-content .desc { margin-top: 64px; white-space: pre-line; font-size: 16px; } .ba-vs-slider3 .slider-content .link { margin-top: 90px; display: inline-block; font-size: 14px; font-weight: 600; color: #000; position: relative; z-index: 9; } .ba-vs-slider3 .slider-content .link span { display: block; position: relative; z-index: 8; } .ba-vs-slider3 .slider-content .link:after { content: ''; width: 0; height: 7px; background-color: #666600; position: absolute; bottom: 1px; right: 0; z-index: 2; transition: 0.5s; } .ba-vs-slider3 .slider-content .link:hover { color: #000; } .ba-vs-slider3 .slider-content .link:hover:after { width: 100%; left: 0; right: auto; } .ba-vs-slider3 .ba-buttons { position: absolute; top: 50%; right: 70px; transform: translateY(-50%); z-index: 10; } .ba-vs-slider3 .ba-button-white { background: none; color: #999; font-size: 30px; transition: 0.5s; padding: 10px 0; cursor: pointer; } .ba-vs-slider3 .ba-button-white:hover { color: #666600; } .ba-vs-slider3.title-has-bg .slider-content .title { background-color: #fff; } .ba-vs-slider2 { height: 100vh; background-color: #000; } .ba-vs-slider2 .vsslider-list { transition-delay: 0.6s; } .ba-vs-slider2 .vsslider-list.active { transition-delay: 0s; } .ba-vs-slider2 .slider-section { height: 100vh; } .ba-vs-slider2.loaded .featured-img { transform: scale(0.45); } .ba-vs-slider2.loaded .slider-section.swiper-slide-active .featured-img, .ba-vs-slider2.loaded .slider-section.swiper-slide-duplicate-active .featured-img { transform: scale(1); transition-delay: 1.8s; } .ba-vs-slider2 .slider-item { position: relative; display: flex; align-items: center; height: 100%; } .ba-vs-slider2 .slider-item .container { max-width: 1170px; } .ba-vs-slider2 .featured-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; transition: transform 0.5s ease; } .ba-vs-slider2 .slider-content { font-size: 20px; color: #fff; position: relative; z-index: 10; width: 100%; } .ba-vs-slider2 .slider-content > .container { max-width: 1170px; position: relative; } .ba-vs-slider2 .slider-content .title { display: inline-block; font-size: 24px; color: #fff; font-weight: 600; } .ba-vs-slider2 .slider-content .title h2 { font-size: 90px; line-height: 1; color: #fff; white-space: pre-line; margin: 0 0 40px; } .ba-vs-slider2 .slider-content .title .subtitle { font-weight: 400; } .ba-vs-slider2 .custom-arrow { position: absolute; bottom: 15%; left: 0; z-index: 100; width: 100%; } .ba-vs-slider2 .custom-arrow > .container { max-width: 1170px; } .ba-vs-slider2 .custom-arrow .slick-arrow { font-size: 30px; color: rgba(255, 255, 255, 0.5); display: inline-block !important; transition: 0.5s; cursor: pointer; margin-right: 30px; position: static; transform: translate(0); width: initial; height: 70px; background-color: transparent; } .ba-vs-slider2 .custom-arrow .slick-arrow:hover { color: #fff; } .ba-vs-slider2 .custom-arrow .link { font-weight: 600; font-size: 20px; color: #fff; float: right; display: flex; height: 70px; align-items: center; } .ba-vs-slider2.text-color-dark .slider-content { color: #000; } .ba-vs-slider2.text-color-dark .slider-content .title { color: #000; } .ba-vs-slider2.text-color-dark .slider-content .title h2 { color: #000; } .ba-vs-slider2.text-color-dark .custom-arrow .slick-arrow:hover { color: #000; } .ba-vs-slider2.text-color-dark .custom-arrow .link { color: #000; } .ba-hs-slider { position: relative; } .ba-hs-slider .slider-item { position: relative; display: flex; align-items: center; width: 100%; } .ba-hs-slider .featured-img { position: absolute; top: 0; right: 0; } .ba-hs-slider .featured-img .number { color: #fff; font-size: 18px; position: absolute; left: 40px; bottom: 25px; z-index: 9; } .ba-hs-slider .featured-img .number span:not(.total) { font-size: 30px; } .ba-hs-slider .slider-content { position: relative; z-index: 10; } .ba-hs-slider .slider-content .title { font-size: 72px; color: #000; line-height: 1; margin: 0 0 15px; padding: 5px 10px 5px 0; background-color: #fff; letter-spacing: -2.5px; } .ba-hs-slider .slider-content .title a { color: #000; } .ba-hs-slider .slider-content .area { font-size: 18px; color: #000; margin-bottom: 50px; } .ba-hs-slider .slider-content .location, .ba-hs-slider .slider-content .year { color: #000; } .ba-hs-slider .slider-content .location span, .ba-hs-slider .slider-content .year span { color: #999; } .ba-hs-slider .slider-content .link { margin-top: 100px; display: inline-block; font-size: 14px; font-weight: 600; color: #000; } .ba-hs-slider .slider-content .link i { padding-left: 5px; } .ba-hs-slider .slider-content .link:hover { color: #666600; } .ba-hs-slider .swiper-button-white { background: none; color: #ccc; font-size: 48px; transition: 0.5s; } .ba-hs-slider .swiper-button-white:hover { color: #000; } .ba-hs-slider .ba-swiper-button { position: absolute; bottom: 0; } .ba-hs-slider .swiper-button-next, .ba-hs-slider .swiper-button-prev { top: auto; bottom: 0; height: 48px; left: 0; } .ba-hs-slider .swiper-button-next i, .ba-hs-slider .swiper-button-prev i { display: block; } .ba-hs-slider .swiper-button-next { left: 70px; } .ba-portfolios-list.style-1 .port-item { position: relative; padding: 130px 0; text-align: center; } .ba-portfolios-list.style-1 .port-item.active:hover .port-bg-white { width: 0; right: 0; left: auto; } .ba-portfolios-list.style-1 .port-item.active:hover.text-light .port-title { color: #fff; } .ba-portfolios-list.style-1 .port-item.active:hover.text-light .port-title h2 { color: #fff; } .ba-portfolios-list.style-1 .port-bg-white { position: absolute; top: 0; left: 0; width: 110%; height: 100%; z-index: 2; background-color: #fff; transition: 0.5s; } .ba-portfolios-list.style-1 .port-bg { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-position: center; background-size: cover; } .ba-portfolios-list.style-1 .port-content { display: inline-block; max-width: 1000px; margin: 0 auto; position: relative; z-index: 10; } .ba-portfolios-list.style-1 .port-title { font-size: 18px; color: #999; transition: 0.5s; font-weight: 300; } .ba-portfolios-list.style-1 .port-title h2 { font-size: 60px; color: #000; margin: 0 0 18px; line-height: 1; transition: 0.5s; font-weight: 600; letter-spacing: -0.5px; } .ba-portfolios-list.style-1 .port-title p { margin-bottom: 0; } .ba-portfolios-list.style-2 { margin: 120px 0; } .ba-portfolios-list.style-2 .port-list { position: relative; } .ba-portfolios-list.style-2 .port-item { padding: 30px 70px 30px 0; } .ba-portfolios-list.style-2 .port-item.active a { color: #666; } .ba-portfolios-list.style-2 .port-item.active a h2 { color: #000; } .ba-portfolios-list.style-2 .port-item a { color: #999999; font-size: 16px; font-weight: 400; } .ba-portfolios-list.style-2 .port-item a:hover { color: #666; } .ba-portfolios-list.style-2 .port-item a:hover h2 { color: #000; } .ba-portfolios-list.style-2 .port-item h2 { font-size: 48px; font-weight: 600; line-height: 1; margin: 0 0 5px; color: #bfbfbf; transition: 0.5s; } .ba-portfolios-list.style-2 .port-item p { margin-bottom: 0; } .ba-portfolios-list.style-2 .port-image { position: fixed; width: 50%; height: 100vh; top: 0; right: 0; background-position: center; background-size: cover; opacity: 1; transition: opacity 0.4s ease-in-out; } .ba-portfolios-list.style-2 .port-image.noactive { opacity: 0; } .ba-coming-soon.text-light .flip-clock-wrapper .flip-wrapper .inn, .ba-coming-soon.text-light .flip-clock-wrapper .flip-wrapper .flip-clock-label { color: #fff; } .ba-revslider { display: flex; } .ba-revslider .section-sliders { flex-grow: 1; } .ba-revslider .section-sliders-info { width: 10.5%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; color: #000; } .ba-revslider .slider-text { writing-mode: tb-rl; } .ba-revslider .socials a { display: block; color: #000; padding: 12px 0; line-height: 1; font-size: 20px; } .ba-revslider .socials a:first-child { padding-top: 0; } .ba-revslider .socials a:last-child { padding-bottom: 0; } .ba-cta { display: flex; } .ba-cta .title { color: #fff; font-size: 60px; margin-top: 37px; margin-bottom: 62px; } .ba-cta .action-content { flex-grow: 1; color: #fff; display: flex; justify-content: center; padding: 190px 0; background-attachment: fixed; background-size: cover; } .ba-cta .action-content .action-content-wrapper { width: 100%; padding-right: 15px; } .ba-cta .action-socials { width: 10.5%; display: flex; justify-content: center; } .ba-cta .socials a { display: block; color: #000; padding: 12px 0; line-height: 1; font-size: 20px; } .ba-cta .socials a:first-child { padding-top: 0; } .ba-cta .socials a:last-child { padding-bottom: 0; } .ba-cta.dark-color .title, .ba-cta.dark-color .action-content { color: #000; } .wpcf7 { width: 100%; } .wpcf7-form .wpcf7-form-control-wrap { display: block; margin-bottom: 12px; } .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form textarea, .wpcf7-form select { border: 0; border-bottom: 1px solid #ccc; padding: 0; height: 40px; line-height: 40px; width: 100%; color: #000; } .wpcf7-form input[type="text"] ::-webkit-input-placeholder, .wpcf7-form input[type="email"] ::-webkit-input-placeholder, .wpcf7-form input[type="url"] ::-webkit-input-placeholder, .wpcf7-form textarea ::-webkit-input-placeholder, .wpcf7-form select ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; } .wpcf7-form input[type="text"] ::-moz-placeholder, .wpcf7-form input[type="email"] ::-moz-placeholder, .wpcf7-form input[type="url"] ::-moz-placeholder, .wpcf7-form textarea ::-moz-placeholder, .wpcf7-form select ::-moz-placeholder { /* Firefox 19+ */ color: #999; } .wpcf7-form input[type="text"] :-ms-input-placeholder, .wpcf7-form input[type="email"] :-ms-input-placeholder, .wpcf7-form input[type="url"] :-ms-input-placeholder, .wpcf7-form textarea :-ms-input-placeholder, .wpcf7-form select :-ms-input-placeholder { /* IE 10+ */ color: #999; } .wpcf7-form input[type="text"] :-moz-placeholder, .wpcf7-form input[type="email"] :-moz-placeholder, .wpcf7-form input[type="url"] :-moz-placeholder, .wpcf7-form textarea :-moz-placeholder, .wpcf7-form select :-moz-placeholder { /* Firefox 18- */ color: #999; } .wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form input[type="url"]:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus { border-bottom-color: #000; } .wpcf7-form textarea { min-height: 150px; line-height: 1.4; } .wpcf7-form .form-btn { margin-top: 53px; } .wpcf7-form .wpcf7-submit { font-weight: 600; color: #fff; text-align: center; display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; background-color: #666600; text-transform: uppercase; border: 0; box-shadow: none; transition: 0.5s; } .wpcf7-form .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:focus, .wpcf7-form .wpcf7-submit:active, .wpcf7-form .wpcf7-submit:active:hover, .wpcf7-form .wpcf7-submit:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .wpcf7-form .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:focus, .wpcf7-form .wpcf7-submit:active, .wpcf7-form .wpcf7-submit:active:hover, .wpcf7-form .wpcf7-submit:active:focus { color: #fff; border: 0; box-shadow: none; outline: none; background-color: #666600; } .wpcf7-form .ba-custom-btn .wpcf7-submit { font-size: 18px; color: #000; background-color: transparent; width: auto; height: auto; line-height: 1; padding: 0; border-bottom: 1px solid #000; } .wpcf7-form .ba-custom-btn .wpcf7-submit:hover, .wpcf7-form .ba-custom-btn .wpcf7-submit:focus, .wpcf7-form .ba-custom-btn .wpcf7-submit:active, .wpcf7-form .ba-custom-btn .wpcf7-submit:active:hover, .wpcf7-form .ba-custom-btn .wpcf7-submit:active:focus { color: #000; background-color: transparent; border-bottom: 1px solid #000; box-shadow: none; outline: none; } .wpcf7-form .baroque-form-2 .wpcf7-form-control-wrap { margin-bottom: 39px; } .wpcf7-form .baroque-form-2 .form-btn { margin-top: 20px; } .wpcf7-form .baroque-form-2 textarea { min-height: 200px; } .baroque-list { padding-left: 35px; list-style: none; margin: 0; } .baroque-list li { position: relative; padding: 5px 0 5px 33px; } .baroque-list li:first-child { padding-top: 0; } .baroque-list li:last-child { padding-bottom: 0; } .baroque-list li:before { content: ''; width: 7px; height: 7px; background-color: #666; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .wpb_content_element { letter-spacing: -0.2px; } /*-------------------------------------------------------------- 8.0 - Footer --------------------------------------------------------------*/ .footer-fixed .site { background-color: #fff; } .site-footer .footer-content { padding: 120px 60px; } .site-footer .footer-content .footer-row { margin-left: -10px; margin-right: -10px; display: flex; justify-content: space-between; flex-wrap: wrap; } .site-footer .footer-content .footer-sidebar { margin-bottom: 20px; margin-top: 20px; padding-left: 10px; padding-right: 10px; } .site-footer .columns-4 .footer-sidebar, .site-footer .columns-5 .footer-sidebar, .site-footer .columns-6 .footer-sidebar { max-width: 20%; } .site-footer .footer-layout-1 .footer-content { background-color: #f5f5f5; } .site-footer .footer-layout-1 .baroque-languages-widget .list-dropdown ul { background-color: #f5f5f5; } .site-footer .footer-layout-2 { padding: 0 60px; } .site-footer .footer-layout-2 .footer-content { border-top: 1px solid #dedede; padding: 45px 0; } .site-footer .footer-layout-3 { padding: 0 60px; } .site-footer .footer-layout-3 .footer-content { padding: 30px 0; } .site-footer .footer-layout-4 { padding: 0 186px 0 60px; } .site-footer .footer-layout-4 .footer-content { padding: 35px 0; align-items: center; } .site-footer .footer-contact { font-weight: 600; } .site-footer .footer-contact span { float: left; display: block; } .site-footer .footer-contact .contact-details { margin-bottom: 3px; } .site-footer .footer-contact .contact-details div { padding-left: 46px; color: #000; } .site-footer ul li { padding-bottom: 0; } .site-footer ul li a { text-transform: uppercase; font-weight: 600; } .footer-fixed .site-footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: -1; } .footer-fixed .site-footer.no-sticky { position: static; } .site-footer .footer-layout-1 { margin-bottom: 20px; } .footer-3 .site-footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99; } .page-template-template-home-boxed.footer-1 .site-footer { padding-bottom: 20px; } .page-template-template-home-boxed.footer-1 .site-footer .footer-layout-1 { margin-bottom: 0; } .page-template-template-home-boxed .site-footer .footer-layout-2 .footer-content { border-top: 0; } .page-template-template-home-boxed .site-footer .footer-layout-2, .page-template-template-home-boxed .site-footer .footer-layout-4 { background-color: #fff; } .footer-newsletter .newsletter-content { padding-top: 97px; padding-bottom: 107px; border-top: 1px solid rgba(0, 0, 0, 0.25); } .footer-newsletter .newsletter-content h3 { margin-top: 0; margin-bottom: 7px; } .footer-newsletter .newsletter-content .newsletter-form { text-align: right; } .mc4wp-form .mc4wp-form-fields { display: flex; } .mc4wp-form input[type="email"] { flex-grow: 1; height: 52px; line-height: 52px; border-right: 0; } .mc4wp-form input[type="submit"] { font-size: 18px; color: #fff; font-weight: 600; text-align: center; text-transform: uppercase; background-color: #666600; border: 0; outline: 0; padding: 0 35px; } .footer-logo { position: relative; } .footer-logo img { transition: 0.5s; } .footer-logo .logo-light { position: absolute; left: 0; top: 0; opacity: 0; } /*-------------------------------------------------------------- 8.0 - Page Header --------------------------------------------------------------*/ .page-header { border-bottom: none; margin: 0; padding: 85px 0; position: relative; } .page-header h1 { font-size: 48px; margin: 0; letter-spacing: -1px; } .page-header .page-desc { font-size: 18px; white-space: pre-line; margin-top: 30px; letter-spacing: -0.2px; } .portfolio-grid-wide .page-header { padding-bottom: 20px; } .portfolio-list .page-header { padding-top: 140px; padding-bottom: 55px; } .blog-list .page-header, .blog-grid .page-header, .portfolio-grid .page-header, .portfolio-list .page-header, .portfolio-metro .page-header { text-align: center; } .blog-list .page-header, .blog-grid .page-header, .portfolio-grid .page-header { padding-bottom: 10px; } .blog-list .page-header, .blog-grid .page-header { padding-top: 135px; } .blog-text .page-header { padding-top: 120px; } .baroque-portfolio-page .page-header h1 { font-size: 40px; } .baroque-catalog-page .page-header { color: #000; padding: 125px 0 60px 0; } .baroque-catalog-page .page-header h1 { font-size: 60px; margin-bottom: 8px; } .baroque-catalog-page .page-header .desc { font-size: 24px; letter-spacing: -0.2px; } .baroque-catalog-page .page-header.has-image { padding: 0; } .baroque-catalog-page .page-header.has-image h1 { font-size: 48px; margin-bottom: 10px; } .baroque-catalog-page .page-header.has-image .desc { font-size: 20px; } .baroque-catalog-page .page-header.has-image .featured-image { min-height: 70vh; background-attachment: fixed; } .baroque-catalog-page .page-header.has-image .page-header-content { position: absolute; bottom: 0; background-color: #fff; padding: 43px 65px; } .page-header.page-header-product { padding-top: 130px; padding-bottom: 30px; } .page-header.page-header-product .breadcrumbs { float: left; } .page-header.page-header-product .breadcrumbs a { color: #000; } .page-header.page-header-product .products-links { float: right; } .page-header.page-header-product .products-links .nav-previous, .page-header.page-header-product .products-links .nav-next { display: inline-block; margin-left: 10px; } .page-header.page-header-default { padding-top: 100px; padding-bottom: 60px; } .woocommerce-account .page-header, .woocommerce-checkout .page-header, .woocommerce-cart .page-header { text-align: center; } .blog-classic .page-header { padding-bottom: 50px; } /*-------------------------------------------------------------- 8.0 - Theme Version --------------------------------------------------------------*/ body.baroque-dark { color: #999; background-color: #1b1b1b; } .baroque-dark a { color: #999; } .baroque-dark h1, .baroque-dark h2, .baroque-dark h3, .baroque-dark h4, .baroque-dark h5, .baroque-dark h6, .baroque-dark blockquote, .baroque-dark blockquote cite a { color: #fff; } .baroque-dark input[type="text"], .baroque-dark input[type="email"], .baroque-dark input[type="url"], .baroque-dark input[type="password"], .baroque-dark input[type="search"], .baroque-dark input[type="number"], .baroque-dark input[type="tel"], .baroque-dark input[type="range"], .baroque-dark input[type="date"], .baroque-dark input[type="month"], .baroque-dark input[type="week"], .baroque-dark input[type="time"], .baroque-dark input[type="datetime"], .baroque-dark input[type="datetime-local"], .baroque-dark input[type="color"], .baroque-dark textarea, .baroque-dark select { color: #999; border-color: #666; } .baroque-dark input[type="text"]:active, .baroque-dark input[type="email"]:active, .baroque-dark input[type="url"]:active, .baroque-dark input[type="password"]:active, .baroque-dark input[type="search"]:active, .baroque-dark input[type="number"]:active, .baroque-dark input[type="tel"]:active, .baroque-dark input[type="range"]:active, .baroque-dark input[type="date"]:active, .baroque-dark input[type="month"]:active, .baroque-dark input[type="week"]:active, .baroque-dark input[type="time"]:active, .baroque-dark input[type="datetime"]:active, .baroque-dark input[type="datetime-local"]:active, .baroque-dark input[type="color"]:active, .baroque-dark textarea:active, .baroque-dark select:active, .baroque-dark input[type="text"]:focus, .baroque-dark input[type="email"]:focus, .baroque-dark input[type="url"]:focus, .baroque-dark input[type="password"]:focus, .baroque-dark input[type="search"]:focus, .baroque-dark input[type="number"]:focus, .baroque-dark input[type="tel"]:focus, .baroque-dark input[type="range"]:focus, .baroque-dark input[type="date"]:focus, .baroque-dark input[type="month"]:focus, .baroque-dark input[type="week"]:focus, .baroque-dark input[type="time"]:focus, .baroque-dark input[type="datetime"]:focus, .baroque-dark input[type="datetime-local"]:focus, .baroque-dark input[type="color"]:focus, .baroque-dark textarea:focus, .baroque-dark select:focus { border-color: #999; } .baroque-dark table tr { border-color: #666; } /*-------------------------------------------------------------- Header --------------------------------------------------------------*/ .baroque-dark .site-header, .baroque-dark.single-portfolio.single-portfolio-layout-3 .site-header { background-color: #1b1b1b; } .baroque-dark a.logo .logo-light { opacity: 1; } .baroque-dark a.logo .logo-dark { opacity: 0; } .baroque-dark .menu-toggle, .baroque-dark .site-intro-content { color: #fff; } .baroque-dark .site-menu ul .extra-cart-item .cart-contents { color: #fff; } .baroque-dark .site-menu .extra-language-item a { color: #fff; } .baroque-dark.header-sticky-bg.header-transparent.header-sticky .site-header:before { background-color: #1b1b1b; } .baroque-dark.header-sticky-bg.header-transparent.header-sticky .site-header.minimized:before { box-shadow: 0 1px 1px 0 #222; } .baroque-dark.header-sticky .site-header.minimized { border-bottom-color: #262626; } .baroque-dark.header-sticky .site-header.minimized { border-bottom-color: #242424; } .baroque-dark.header-transparent .site-header { background-color: transparent; } .baroque-dark.page-template-template-homepage.header-dark a.logo .logo-light, .baroque-dark.page-template-template-home-boxed.header-dark a.logo .logo-light { opacity: 0; } .baroque-dark.page-template-template-homepage.header-dark a.logo .logo-dark, .baroque-dark.page-template-template-home-boxed.header-dark a.logo .logo-dark { opacity: 1; } .baroque-dark.page-template-template-homepage.header-dark .menu-toggle, .baroque-dark.page-template-template-home-boxed.header-dark .menu-toggle, .baroque-dark.page-template-template-homepage.header-dark .site-intro-content, .baroque-dark.page-template-template-home-boxed.header-dark .site-intro-content { color: #000; } .baroque-dark.page-template-template-homepage.header-dark .site-intro-content h1, .baroque-dark.page-template-template-home-boxed.header-dark .site-intro-content h1, .baroque-dark.page-template-template-homepage.header-dark .site-intro-content h2, .baroque-dark.page-template-template-home-boxed.header-dark .site-intro-content h2, .baroque-dark.page-template-template-homepage.header-dark .site-intro-content h3, .baroque-dark.page-template-template-home-boxed.header-dark .site-intro-content h3, .baroque-dark.page-template-template-homepage.header-dark .site-intro-content h4, .baroque-dark.page-template-template-home-boxed.header-dark .site-intro-content h4, .baroque-dark.page-template-template-homepage.header-dark .site-intro-content h5, .baroque-dark.page-template-template-home-boxed.header-dark .site-intro-content h5, .baroque-dark.page-template-template-homepage.header-dark .site-intro-content h6, .baroque-dark.page-template-template-home-boxed.header-dark .site-intro-content h6 { color: #000; } .baroque-dark.page-template-template-homepage.header-dark .site-intro-content .baroque-social-links-widget a, .baroque-dark.page-template-template-home-boxed.header-dark .site-intro-content .baroque-social-links-widget a { color: #000; } .baroque-dark.page-template-template-homepage.header-dark .site-menu ul .extra-cart-item .cart-contents, .baroque-dark.page-template-template-home-boxed.header-dark .site-menu ul .extra-cart-item .cart-contents { color: #000; } .baroque-dark.page-template-template-homepage.header-dark .site-menu ul .extra-language-item a, .baroque-dark.page-template-template-home-boxed.header-dark .site-menu ul .extra-language-item a { color: #000; } .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized a.logo .logo-light, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized a.logo .logo-light { opacity: 1; } .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized a.logo .logo-dark, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized a.logo .logo-dark { opacity: 0; } .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .menu-toggle, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .menu-toggle, .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .site-intro-content, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .site-intro-content { color: #fff; } .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .site-intro-content h1, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .site-intro-content h1, .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .site-intro-content h2, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .site-intro-content h2, .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .site-intro-content h3, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .site-intro-content h3, .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .site-intro-content h4, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .site-intro-content h4, .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .site-intro-content h5, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .site-intro-content h5, .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .site-intro-content h6, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .site-intro-content h6 { color: #fff; } .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .site-intro-content .baroque-social-links-widget a, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .site-intro-content .baroque-social-links-widget a { color: #fff; } .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .site-menu ul .extra-cart-item .cart-contents, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .site-menu ul .extra-cart-item .cart-contents { color: #fff; } .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .site-menu .extra-language-item a, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .site-menu .extra-language-item a { color: #fff; } .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized a.logo .logo-light, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized a.logo .logo-light { opacity: 1; } .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized a.logo .logo-dark, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized a.logo .logo-dark { opacity: 0; } .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized .menu-toggle, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .menu-toggle, .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content { color: #fff; } .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h1, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h1, .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h2, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h2, .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h3, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h3, .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h4, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h4, .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h5, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h5, .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-intro-content h6, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-intro-content h6 { color: #fff; } .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-menu ul .extra-cart-item .cart-contents, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-menu ul .extra-cart-item .cart-contents { color: #fff; } .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized .site-menu .extra-language-item a, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .site-menu .extra-language-item a { color: #fff; } .baroque-dark .woocommerce .widget_shopping_cart_content, .baroque-dark .widget_shopping_cart_content { background-color: #1b1b1b; } .baroque-dark .woocommerce .widget_shopping_cart_content ul.cart_list li, .baroque-dark .widget_shopping_cart_content ul.cart_list li { border-color: #666; } .baroque-dark .woocommerce .widget_shopping_cart_content ul.cart_list .mini_cart_item a, .baroque-dark .widget_shopping_cart_content ul.cart_list .mini_cart_item a { color: #fff; } .baroque-dark .woocommerce .widget_shopping_cart_content .total, .baroque-dark .widget_shopping_cart_content .total { border-color: #666; } .baroque-dark .woocommerce .widget_shopping_cart_content .total strong, .baroque-dark .widget_shopping_cart_content .total strong { color: #fff; } .baroque-dark .woocommerce .widget_shopping_cart_content ul.cart_list li a.remove:hover:before, .baroque-dark .widget_shopping_cart_content ul.cart_list li a.remove:hover:before { color: #fff; } /*-------------------------------------------------------------- Menu --------------------------------------------------------------*/ .baroque-dark .baroque-off-canvas-panel { background-color: #000; } .baroque-dark .baroque-off-canvas-panel.has-image:before { background-color: rgba(0, 0, 0, 0.75); } .baroque-dark .baroque-off-canvas-panel .close-canvas-panel { color: #fff; } .baroque-dark .baroque-off-canvas-panel .close-canvas-panel:hover { color: #fff; } .baroque-dark .baroque-off-canvas-panel.menu-sidebar .sidebar-language li a { color: #fff; } .baroque-dark .baroque-off-canvas-panel.menu-sidebar .sidebar-language li.actived a { color: #666600; } .baroque-dark .baroque-off-canvas-panel.menu-sidebar .sidebar-text { color: #fff; } .baroque-dark .baroque-off-canvas-panel.menu-sidebar .baroque-social-links-widget a { color: #666; } .baroque-dark .baroque-off-canvas-panel.menu-sidebar .baroque-social-links-widget a:hover { color: #666600; } .baroque-dark .baroque-off-canvas-panel.menu-sidebar .menu li a { color: #666; } .baroque-dark .baroque-off-canvas-panel.menu-sidebar .menu li a:hover { color: #fff; } .baroque-dark .baroque-off-canvas-panel.menu-sidebar .menu li.current-menu-parent > a, .baroque-dark .baroque-off-canvas-panel.menu-sidebar .menu li.current-menu-item > a, .baroque-dark .baroque-off-canvas-panel.menu-sidebar .menu li.current-menu-ancestor > a, .baroque-dark .baroque-off-canvas-panel.menu-sidebar .menu li.active > a, .baroque-dark .baroque-off-canvas-panel.menu-sidebar .menu li:hover > a { color: #fff; } .baroque-dark .off-canvas-layer { background-color: rgba(0, 0, 0, 0.3); } .baroque-dark .menu-area a { color: #fff; } .baroque-dark .menu-area ul ul { background-color: #1b1b1b; } .baroque-dark .menu-area li li a { color: #999; } .baroque-dark .menu-area .menu .is-mega-menu .dropdown-submenu .menu-item-mega > a { color: #fff; } .baroque-dark .menu-area .menu .is-mega-menu .dropdown-submenu .menu-item-mega > a:hover { color: #666600; } .baroque-dark.page-template-template-homepage.header-dark .menu-area a, .baroque-dark.page-template-template-home-boxed.header-dark .menu-area a { color: #000; } .baroque-dark.page-template-template-homepage.header-dark .menu-area li li a, .baroque-dark.page-template-template-home-boxed.header-dark .menu-area li li a { color: #999; } .baroque-dark.page-template-template-homepage.header-dark.header-sticky .site-header.minimized .menu-area a, .baroque-dark.page-template-template-home-boxed.header-dark.header-sticky .site-header.minimized .menu-area a { color: #fff; } .baroque-dark.page-template-template-homepage.header-light.header-sticky .site-header.minimized .menu-area a, .baroque-dark.page-template-template-home-boxed.header-light.header-sticky .site-header.minimized .menu-area a { color: #fff; } /*-------------------------------------------------------------- Content - Footer --------------------------------------------------------------*/ .baroque-dark { /*-- Content --*/ /*---- 404 ----*/ /*-- Comment --*/ /*-- Widget --*/ /*-- Footer --*/ /*--Page Header --*/ /*------ Nav ------*/ } .baroque-dark.page-template-template-home-boxed { background-color: #666600; } .baroque-dark.page-template-template-home-boxed .site { background-color: #1b1b1b; } .baroque-dark.page-template-template-coming-soon-page .site, .baroque-dark.page-template-template-coming-soon-page .site-header { background-color: transparent; } .baroque-dark.page-template-template-coming-soon-page.baroque-dark.footer-fixed .site { background-color: transparent; } .baroque-dark .entry-title, .baroque-dark .entry-title a, .baroque-dark .post-author .author-socials a:hover, .baroque-dark .entry-footer .tag-list .tag-title, .baroque-dark .blog-wrapper .read-more, .baroque-dark.blog-text .baroque-taxs-list li a, .baroque-dark .portfolio-inner .read-more, .baroque-dark .portfolio-navigation a, .baroque-dark .portfolio-meta, .baroque-dark .portfolio-meta a, .baroque-dark .portfolio-button a, .baroque-dark.single-portfolio.single-portfolio-layout-2 .entry-summary .portfolio-toggle-content, .baroque-dark.single-portfolio-layout-2 .portfolio-meta h5, .baroque-dark.single-portfolio-layout-3 .portfolio-meta h5, .baroque-dark.single-portfolio.single-portfolio-layout-3 .portfolio-copy { color: #fff; } .baroque-dark.blog-classic .entry-thumbnail .read-more, .baroque-dark.blog-grid .entry-thumbnail .read-more, .baroque-dark .blog-classic .entry-thumbnail .read-more, .baroque-dark .blog-grid .entry-thumbnail .read-more, .baroque-dark.portfolio-grid .entry-thumbnail .read-more, .baroque-dark.portfolio-grid-wide .portfolio-inner:hover .port-link, .baroque-dark.portfolio-metro .portfolio-inner:hover .port-link, .baroque-dark.portfolio-masonry .portfolio-inner:hover .port-link, .baroque-dark.portfolio-list .summary-header, .baroque-dark.portfolio-parallax .summary-header, .baroque-dark.portfolio-parallax .read-more, .baroque-dark.single-portfolio.single-portfolio-layout-3 .site-footer, .baroque-dark .portfolio-list .summary-header, .baroque-dark .portfolio-button a, .baroque-dark.single-portfolio.single-portfolio-layout-2 .entry-summary, .baroque-dark .blog-wrapper .entry-thumbnail .blog-thumb:before, .baroque-dark.post-type-archive-service .entry-thumbnail .read-more, .baroque-dark .ba-portfolios-grid.portfolio-grid .entry-thumbnail .read-more, .baroque-dark .ba-portfolios-grid.portfolio-masonry .portfolio-inner:hover .port-link, .baroque-dark .ba-portfolios-grid.portfolio-grid-wide .portfolio-inner:hover .port-link, .baroque-dark .ba-portfolios-grid.portfolio-metro .portfolio-inner:hover .port-link { background-color: #1b1b1b; } .baroque-dark.blog-text .baroque-taxs-list li a:hover, .baroque-dark.blog-text .baroque-taxs-list li a.selected, .baroque-dark .portfolio-navigation a:hover, .baroque-dark .blog-wrapper:hover .read-more { color: #666600; } .baroque-dark .portfolio-inner .read-more, .baroque-dark .portfolio-navigation a { color: #fff; } .baroque-dark.blog-list .entry-summary, .baroque-dark.blog-masonry .entry-summary { background-color: #161616; } .baroque-dark.blog-list .blog-wrapper:hover .entry-summary, .baroque-dark.blog-masonry .blog-wrapper:hover .entry-summary { background-color: #666600; } .baroque-dark.blog-list .blog-wrapper:hover .entry-summary .read-more, .baroque-dark.blog-masonry .blog-wrapper:hover .entry-summary .read-more { color: #fff; } .baroque-dark.single-portfolio-layout-1 .portfolio-meta .meta, .baroque-dark.single-portfolio-layout-2 .portfolio-meta .meta, .baroque-dark.single-portfolio-layout-3 .portfolio-meta .meta { border-color: #666; } .baroque-dark.single-portfolio.single-portfolio-layout-3 .fixed-portfolio-info { background-color: #161616; } .baroque-dark.error404 .error-404 .page-content .search-form { background-color: #1b1b1b; } .baroque-dark.error404 .error-404 .search-form:before { color: #999; } .baroque-dark.search-no-results .no-results .search-form:before { color: #999; } .baroque-dark .comment .author-name, .baroque-dark .comment .author-name a, .baroque-dark .comments-title, .baroque-dark .comment-reply-title, .baroque-dark .comment-respond .comment-notes { color: #fff; } .baroque-dark .widget_categories li a, .baroque-dark .widget_recent_comments li a, .baroque-dark .widget_rss li a, .baroque-dark .widget_pages li a, .baroque-dark .widget_archive li a, .baroque-dark .widget_nav_menu li a, .baroque-dark .widget_recent_entries li a, .baroque-dark .widget_meta li a, .baroque-dark .widget-recent-commentsli a, .baroque-dark .widget_tag_cloud a, .baroque-dark .baroque-social-links-widget a { color: #fff; } .baroque-dark .widget_categories li a:hover, .baroque-dark .widget_recent_comments li a:hover, .baroque-dark .widget_rss li a:hover, .baroque-dark .widget_pages li a:hover, .baroque-dark .widget_archive li a:hover, .baroque-dark .widget_nav_menu li a:hover, .baroque-dark .widget_recent_entries li a:hover, .baroque-dark .widget_meta li a:hover, .baroque-dark .widget-recent-commentsli a:hover, .baroque-dark .widget_tag_cloud a:hover, .baroque-dark .baroque-social-links-widget a:hover { color: #666600; } .baroque-dark .popular-posts-widget .mini-widget-title h4 a { color: #fff; } .baroque-dark .popular-posts-widget .mini-widget-title h4:hover a { color: #666600; } .baroque-dark .woocommerce-product-search, .baroque-dark .woocommerce-product-search .search-field, .baroque-dark .widgets-area ul.product_list_widget li a, .baroque-dark .widgets-area ul.product_list_widget .product-title, .baroque-dark .baroque-languages-widget .list-dropdown .current, .baroque-dark .baroque-languages-widget .list-dropdown ul li a { color: #fff; } .baroque-dark .widget_search .search-form:before { color: #999; } .baroque-dark .widget_rss li, .baroque-dark .widget_recent_comments li, .baroque-dark .popular-posts-widget .popular-post, .baroque-dark .shop-sidebar .widget { border-color: #666; } .baroque-dark.footer-fixed .site, .baroque-dark.page-template-template-home-boxed .site-footer .footer-layout-2, .baroque-dark.page-template-template-home-boxed .site-footer .footer-layout-4 { background-color: #1b1b1b; } .baroque-dark .site-footer .footer-layout-1 .footer-content { background-color: #161616; } .baroque-dark .site-footer .footer-layout-2 .footer-content { border-color: #666; } .baroque-dark .site-footer .footer-contact .contact-details div { color: #fff; } .baroque-dark .site-footer .baroque-languages-widget .list-dropdown ul { background-color: #161616; } .baroque-dark .backtotop { color: #fff; } .baroque-dark .backtotop:hover, .baroque-dark .backtotop:focus { color: #fff; } .baroque-dark .footer-logo .logo-light { opacity: 1; } .baroque-dark .footer-logo .logo-dark { opacity: 0; } .baroque-dark .footer-newsletter .newsletter-content, .baroque-dark .baroque-related-posts { border-color: #666; } .baroque-dark .page-header.page-header-product .breadcrumbs a { color: #fff; } .baroque-dark .panel { background-color: #1b1b1b; } .baroque-dark .paging-navigation.style-1 .nav-previous-ajax a, .baroque-dark.portfolio-nav-view_more .numeric-navigation .page-numbers.next, .baroque-dark .paging-navigation .nav-links a { color: #fff; } .baroque-dark .paging-navigation.style-1 .nav-previous-ajax a, .baroque-dark.portfolio-nav-view_more .numeric-navigation .page-numbers.next { background-color: #161616; } .baroque-dark .paging-navigation .nav-previous-ajax .loading-icon .dot { background-color: #fff; } .baroque-dark .paging-navigation .nav-links a:hover { color: #666600; } /*-------------------------------------------------------------- Shortcode --------------------------------------------------------------*/ .baroque-dark .ba-button.outline a, .baroque-dark .ba-service .service-summary h3 a, .baroque-dark .ba-service .read-more, .baroque-dark .ba-portfolio-quote .quote, .baroque-dark .ba-portfolio-quote cite, .baroque-dark .ba-portfolio-quote .quote-icon i, .baroque-dark .ba-image-box .service-summary h3 a, .baroque-dark .ba-image-box .service-summary h3 span, .baroque-dark .ba-portfolios-grid-gap .port-heading, .baroque-dark .ba-vs-slider3 .slider-content .title, .baroque-dark .ba-vs-slider3 .slider-content .title a, .baroque-dark .ba-vs-slider3 .slider-content .subtitle, .baroque-dark .ba-vs-slider3 .button-link, .baroque-dark .ba-vs-slider3 .slider-content .link, .baroque-dark .ba-member .member-content .job, .baroque-dark .ba-member .member-content .socials a, .baroque-dark .ba-hs-slider .slider-content .title, .baroque-dark .ba-hs-slider .slider-content .title a, .baroque-dark .ba-hs-slider .slider-content .area, .baroque-dark .ba-hs-slider .slider-content .location, .baroque-dark .ba-hs-slider .slider-content .year, .baroque-dark .color-dark, .baroque-dark .ba-hs-slider .slider-content .link, .baroque-dark .ba-revslider .section-sliders-info, .baroque-dark .ba-revslider .socials a, .baroque-dark .ba-cta .socials a, .baroque-dark .ba-map-shortcode .map-info .address span, .baroque-dark .ba-map-shortcode .map-info .email span, .baroque-dark .ba-map-shortcode .map-info .phone, .baroque-dark .ba-map-shortcode .map-info .map-form .close-form { color: #fff; } .baroque-dark .ba-service:hover .read-more, .baroque-dark .ba-vs-slider3 .button-link:hover, .baroque-dark .ba-member .member-content .socials a:hover, .baroque-dark .ba-hs-slider .swiper-button-white:hover, .baroque-dark .ba-hs-slider .slider-content .link:hover { color: #666600; } .baroque-dark .ba-service.style-1 .service-summary, .baroque-dark .ba-service.style-2 .read-more, .baroque-dark .ba-image-box .service-summary, .baroque-dark .ba-member:before, .baroque-dark .ba-member .member-content, .baroque-dark .ba-hs-slider .slider-content .title, .baroque-dark .ba-map-shortcode .map-info, .baroque-dark .ba-map-shortcode .map-info .map-form, .baroque-dark .ba-vs-slider3.title-has-bg .slider-content .title { background-color: #1b1b1b; } .baroque-dark .ba-newletter .mc4wp-form input[type="email"] { color: #999; border-color: #666; } .baroque-dark .ba-newletter .mc4wp-form ::-webkit-input-placeholder { color: #999; } .baroque-dark .ba-newletter .mc4wp-form :-moz-placeholder { color: #999; } .baroque-dark .ba-newletter .mc4wp-form ::-moz-placeholder { color: #999; } .baroque-dark .ba-newletter .mc4wp-form :-ms-input-placeholder { color: #999; } .baroque-dark .wpcf7-form input[type="text"], .baroque-dark .wpcf7-form input[type="email"], .baroque-dark .wpcf7-form input[type="url"], .baroque-dark .wpcf7-form textarea, .baroque-dark .wpcf7-form select { border-color: #666; color: #fff; } .baroque-dark .wpcf7-form input[type="text"] ::-webkit-input-placeholder, .baroque-dark .wpcf7-form input[type="email"] ::-webkit-input-placeholder, .baroque-dark .wpcf7-form input[type="url"] ::-webkit-input-placeholder, .baroque-dark .wpcf7-form textarea ::-webkit-input-placeholder, .baroque-dark .wpcf7-form select ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; } .baroque-dark .wpcf7-form input[type="text"] ::-moz-placeholder, .baroque-dark .wpcf7-form input[type="email"] ::-moz-placeholder, .baroque-dark .wpcf7-form input[type="url"] ::-moz-placeholder, .baroque-dark .wpcf7-form textarea ::-moz-placeholder, .baroque-dark .wpcf7-form select ::-moz-placeholder { /* Firefox 19+ */ color: #999; } .baroque-dark .wpcf7-form input[type="text"] :-ms-input-placeholder, .baroque-dark .wpcf7-form input[type="email"] :-ms-input-placeholder, .baroque-dark .wpcf7-form input[type="url"] :-ms-input-placeholder, .baroque-dark .wpcf7-form textarea :-ms-input-placeholder, .baroque-dark .wpcf7-form select :-ms-input-placeholder { /* IE 10+ */ color: #999; } .baroque-dark .wpcf7-form input[type="text"] :-moz-placeholder, .baroque-dark .wpcf7-form input[type="email"] :-moz-placeholder, .baroque-dark .wpcf7-form input[type="url"] :-moz-placeholder, .baroque-dark .wpcf7-form textarea :-moz-placeholder, .baroque-dark .wpcf7-form select :-moz-placeholder { /* Firefox 18- */ color: #999; } .baroque-dark .wpcf7-form input[type="text"]:focus, .baroque-dark .wpcf7-form input[type="email"]:focus, .baroque-dark .wpcf7-form input[type="url"]:focus, .baroque-dark .wpcf7-form textarea:focus, .baroque-dark .wpcf7-form select:focus { border-bottom-color: #fff; } .baroque-dark .wpcf7-form .ba-custom-btn .wpcf7-submit { color: #fff; border-bottom-color: #fff; } .baroque-dark .wpcf7-form .ba-custom-btn .wpcf7-submit:hover, .baroque-dark .wpcf7-form .ba-custom-btn .wpcf7-submit:focus, .baroque-dark .wpcf7-form .ba-custom-btn .wpcf7-submit:active, .baroque-dark .wpcf7-form .ba-custom-btn .wpcf7-submit:active:hover, .baroque-dark .wpcf7-form .ba-custom-btn .wpcf7-submit:active:focus { color: #fff; border-bottom-color: #fff; } .baroque-dark .ba-portfolios-list.style-2 .port-item a, .baroque-dark .ba-portfolios-list.style-2 .port-item h2 { color: #666; } .baroque-dark .ba-portfolios-list.style-2 .port-item.active a, .baroque-dark .ba-portfolios-list.style-2 .port-item.active a h2 { color: #fff; } .baroque-dark .ba-portfolios-list.style-1 .port-bg-white { background-color: #1b1b1b; } .baroque-dark .ba-portfolios-list.style-1 .port-title h2 { color: #fff; } /*-------------------------------------------------------------- Woocommerce --------------------------------------------------------------*/ .baroque-dark.woocommerce .shop-toolbar .woocommerce-ordering > li.current, .baroque-dark .woocommerce .shop-toolbar .woocommerce-ordering > li.current, .baroque-dark.woocommerce .shop-toolbar .woocommerce-ordering li > ul li a, .baroque-dark .woocommerce .shop-toolbar .woocommerce-ordering li > ul li a, .baroque-dark.woocommerce .shop-toolbar .woocommerce-ordering .current:after, .baroque-dark .woocommerce .shop-toolbar .woocommerce-ordering .current:after, .baroque-dark.woocommerce .baroque-taxs-list li a:hover, .baroque-dark .woocommerce .baroque-taxs-list li a:hover, .baroque-dark.woocommerce .baroque-taxs-list li a.selected, .baroque-dark .woocommerce .baroque-taxs-list li a.selected, .baroque-dark.woocommerce ul.products li.product h3 a, .baroque-dark .woocommerce ul.products li.product h3 a, .baroque-dark.woocommerce nav.woocommerce-pagination ul li span, .baroque-dark .woocommerce nav.woocommerce-pagination ul li span, .baroque-dark.woocommerce nav.woocommerce-pagination ul li a, .baroque-dark .woocommerce nav.woocommerce-pagination ul li a, .baroque-dark.woocommerce div.product .product_title, .baroque-dark .woocommerce div.product .product_title, .baroque-dark.woocommerce .quantity .qty, .baroque-dark .woocommerce .quantity .qty, .baroque-dark.woocommerce div.product .product_meta strong, .baroque-dark .woocommerce div.product .product_meta strong, .baroque-dark.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong, .baroque-dark .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong, .baroque-dark.woocommerce #review_form #respond label, .baroque-dark .woocommerce #review_form #respond label, .baroque-dark.woocommerce table.shop_table tr td, .baroque-dark .woocommerce table.shop_table tr td, .baroque-dark.woocommerce .woocommerce table.shop_table tbody td, .baroque-dark .woocommerce .woocommerce table.shop_table tbody td, .baroque-dark.woocommerce table.shop_table tr td.product-name a, .baroque-dark .woocommerce table.shop_table tr td.product-name a, .baroque-dark.woocommerce .woocommerce table.shop_table tbody td.product-name a, .baroque-dark .woocommerce .woocommerce table.shop_table tbody td.product-name a, .baroque-dark.woocommerce table.shop_table tr th, .baroque-dark .woocommerce table.shop_table tr th, .baroque-dark.woocommerce #reviews #comments .woocommerce-Reviews-title, .baroque-dark .woocommerce #reviews #comments .woocommerce-Reviews-title { color: #fff; } .baroque-dark.woocommerce ul.products li.product .product-inner:hover h3 a, .baroque-dark .woocommerce ul.products li.product .product-inner:hover h3 a, .baroque-dark.woocommerce nav.woocommerce-pagination ul li span.current:before, .baroque-dark .woocommerce nav.woocommerce-pagination ul li span.current:before { border-color: #fff; } .baroque-dark.woocommerce .shop-toolbar .woocommerce-ordering li > ul, .baroque-dark .woocommerce .shop-toolbar .woocommerce-ordering li > ul, .baroque-dark.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .baroque-dark .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: #1b1b1b; } .baroque-dark.woocommerce .shop-toolbar .woocommerce-ordering li > ul li a.active, .baroque-dark .woocommerce .shop-toolbar .woocommerce-ordering li > ul li a.active, .baroque-dark.woocommerce .shop-toolbar .woocommerce-ordering li > ul li a:hover, .baroque-dark .woocommerce .shop-toolbar .woocommerce-ordering li > ul li a:hover, .baroque-dark.woocommerce div.product .product_meta > span a:hover, .baroque-dark .woocommerce div.product .product_meta > span a:hover { color: #666600; } .baroque-dark.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .baroque-dark .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .baroque-dark.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .baroque-dark .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #fff; } .baroque-dark .shop-sidebar .widget ul li:hover > a, .baroque-dark .shop-sidebar .widget ul li:hover .count { color: #666600; } .baroque-dark.baroque-catalog-page .page-header.has-image .page-header-content { background-color: #1b1b1b; } .baroque-dark.baroque-catalog-page .page-header, .baroque-dark.woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button, .baroque-dark.woocommerce-cart .woocommerce .coupon label, .baroque-dark.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a, .baroque-dark.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover, .baroque-dark.woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3, .baroque-dark.woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address address, .baroque-dark.woocommerce-checkout #payment ul.payment_methods li label, .baroque-dark.woocommerce-checkout table.shop_table .cart-subtotal th, .baroque-dark.woocommerce-checkout table.shop_table .order-total th, .baroque-dark.woocommerce-checkout form.checkout .woocommerce-form__label > span, .baroque-dark.woocommerce-checkout form.checkout .woocommerce-form__label > span:before, .baroque-dark.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table th, .baroque-dark.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table .order-total strong, .baroque-dark.woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul li, .baroque-dark.woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul li .m-button, .baroque-dark.woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul li .m-title, .baroque-dark.woocommerce nav.woocommerce-pagination.infinite .nav-text, .baroque-dark.woocommerce div.product.product-type-variable form.cart .variations td.label, .baroque-dark.woocommerce-cart .woocommerce table.cart .btn-update:before, .baroque-dark.woocommerce-cart .woocommerce table.checkout .btn-update:before, .baroque-dark .woocommerce #shipping_method li .shipping_method:checked + label, .baroque-dark.woocommerce-checkout form.login .label, .baroque-dark.woocommerce-checkout form.login .lost_password a, .baroque-dark.woocommerce-checkout form.login .label:before, .baroque-dark.woocommerce-account .customer-login .tabs-nav a.active, .baroque-dark.woocommerce-account .customer-login .inline .label, .baroque-dark.woocommerce-account .customer-login .inline .label:before { color: #fff; } .baroque-dark .woocommerce table.shop_table tr td.product-remove .remove, .baroque-dark .woocommerce table.shop_table tbody td.product-remove .remove { color: #fff !important; } .baroque-dark.woocommerce-checkout table.shop_table, .baroque-dark.woocommerce-checkout #payment .wc_payment_methods, .baroque-dark.woocommerce-cart .woocommerce table.shop_table.cart tr th, .baroque-dark.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table, .baroque-dark.woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul, .baroque-dark.woocommerce nav.woocommerce-pagination.infinite .nav-text, .baroque-dark.woocommerce-checkout .woocommerce-info, .baroque-dark .woocommerce-error, .baroque-dark .woocommerce-info, .baroque-dark .woocommerce-message { background-color: #161616; } .baroque-dark.woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul li .m-button { border-bottom-color: #fff; } .baroque-dark.woocommerce .shop-toolbar .woocommerce-ordering li > ul, .baroque-dark.woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator .input-text, .baroque-dark.woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator select, .baroque-dark.woocommerce-cart .woocommerce .coupon .input-text, .baroque-dark .woocommerce form .form-row .select2-container .select2-selection--single, .baroque-dark.woocommerce #reviews #comments ol.commentlist li, .baroque-dark.woocommerce div.product .product_meta { border-color: #666; } .baroque-dark .woocommerce form .form-row input.input-text, .baroque-dark .woocommerce form .form-row select, .baroque-dark .woocommerce form .form-row textarea, .baroque-dark .woocommerce form .form-row .select2-container .select2-selection--single, .baroque-dark .select2-container--default .select2-selection--single .select2-selection__rendered, .baroque-dark.woocommerce-checkout .woocommerce-info, .baroque-dark .woocommerce-error, .baroque-dark .woocommerce-info, .baroque-dark .woocommerce-message { color: #999; } .baroque-dark .select2-container--default .select2-selection--single { background-color: transparent; } .baroque-dark.woocommerce nav.woocommerce-pagination.infinite .loading-icon .dot { background-color: #fff; } .baroque-dark .woocommerce-product-search { background-color: transparent; } .baroque-dark .woocommerce-product-search:after { color: #999; } .baroque-dark .woocommerce-product-search .search-field:focus { border-color: #999; } .baroque-dark.woocommerce div.product.product-type-variable form.cart .variations td.value:after, .baroque-dark.woocommerce div.product.product-type-variable form.cart .variations select, .baroque-dark.woocommerce div.product .woocommerce-tabs .panel table th { color: #999; } .baroque-dark.woocommerce #review_form #respond input[type=text], .baroque-dark.woocommerce #review_form #respond input[type=email], .baroque-dark.woocommerce #review_form #respond textarea, .baroque-dark.woocommerce div.product form.cart div.quantity, .baroque-dark .woocommerce table.shop_table tr td .quantity, .baroque-dark .woocommerce table.shop_table tbody td .quantity, .baroque-dark.woocommerce-account .woocommerce .form-row .input-text, .baroque-dark.woocommerce div.product.product-type-variable form.cart .variations select { color: #999; border-color: #666; } .baroque-dark.woocommerce #review_form #respond input[type=text]:focus, .baroque-dark.woocommerce #review_form #respond input[type=email]:focus, .baroque-dark.woocommerce #review_form #respond textarea:focus, .baroque-dark.woocommerce div.product form.cart div.quantity:focus, .baroque-dark .woocommerce table.shop_table tr td .quantity:focus, .baroque-dark .woocommerce table.shop_table tbody td .quantity:focus, .baroque-dark.woocommerce-account .woocommerce .form-row .input-text:focus, .baroque-dark.woocommerce div.product.product-type-variable form.cart .variations select:focus, .baroque-dark.woocommerce #review_form #respond input[type=text]:hover, .baroque-dark.woocommerce #review_form #respond input[type=email]:hover, .baroque-dark.woocommerce #review_form #respond textarea:hover, .baroque-dark.woocommerce div.product form.cart div.quantity:hover, .baroque-dark .woocommerce table.shop_table tr td .quantity:hover, .baroque-dark .woocommerce table.shop_table tbody td .quantity:hover, .baroque-dark.woocommerce-account .woocommerce .form-row .input-text:hover, .baroque-dark.woocommerce div.product.product-type-variable form.cart .variations select:hover { border-color: #999; } .baroque-dark .woocommerce table.shop_table tr td, .baroque-dark .woocommerce table.shop_table tbody td, .baroque-dark .woocommerce table.shop_table tr th, .baroque-dark.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table, .baroque-dark #add_payment_method #payment ul.payment_methods, .baroque-dark.woocommerce-cart #payment ul.payment_methods, .baroque-dark.woocommerce-account .woocommerce .woocommerce-MyAccount-content .myaccount-sidebar ul li .m-title, .baroque-dark.woocommerce-account .woocommerce .woocommerce-MyAccount-content .orders-title, .baroque-dark.woocommerce-account .woocommerce .woocommerce-MyAccount-content .billing-title, .baroque-dark.woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content .edit-address, .baroque-dark.woocommerce-account.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content .edit-address, .baroque-dark.woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content h3, .baroque-dark.woocommerce-account.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content h3, .baroque-dark.woocommerce div.product.product-type-variable form.cart .variations select, .baroque-dark.woocommerce div.product .woocommerce-tabs .panel table th, .baroque-dark .select2-dropdown { border-color: #666; } .baroque-dark.woocommerce-cart .woocommerce table.cart .btn-update .button, .baroque-dark.woocommerce-cart .woocommerce table.checkout .btn-update .button, .baroque-dark.woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator .button, .baroque-dark.woocommerce-cart .woocommerce .coupon .button { color: #fff; border-color: #fff; } /*------ Other Element ------*/ .baroque-dark .preloader { background: rgba(0, 0, 0, 0.95); } .baroque-dark .loading-icon .dot { background-color: #fff; } .baroque-dark .ba-blog-loading, .baroque-dark .ba-portfolio-loading, .baroque-dark .ba-catalog-loading, .baroque-dark .select2-dropdown { background-color: #1b1b1b; } .baroque-dark .social-share a, .baroque-dark .btn-primary { color: #fff; } .baroque-dark .primary-color { color: #666600; } /*-------------------------------------------------------------- 9.0 - Media Queries --------------------------------------------------------------*/ @media (max-width: 1366px) { body .ba-map-shortcode .map-info { position: relative; top: inherit; bottom: inherit; left: inherit; right: inherit; margin: auto; width: 80%; } body .ba-map-shortcode .map-info .map-btn-area { display: none; } body .ba-map-shortcode .map-info .map-form { position: relative; top: inherit; bottom: inherit; left: inherit; right: inherit; width: 100%; padding: 0; } body .ba-map-shortcode .map-info .map-form .close-form { display: none; } } @media (max-width: 1366px) and (min-width: 1201px) { .woocommerce.full-content .shop-toolbar { padding-left: 90px; padding-right: 90px; } .woocommerce .baroque-taxs-list { float: none; margin-right: 0; } body .ba-vs-slider3 .button-link { display: none; } body .ba-member .member-intro, body .ba-member:before { display: none; } body .ba-member .member-content { position: relative; bottom: 0; width: 100%; } } @media (max-width: 1200px) { body .ba-empty-space .ba_empty_space_md { display: block; } body .ba-empty-space .ba_empty_space_lg, body .ba-empty-space .ba_empty_space_xs { display: none; } .slick-next { right: 0; } .slick-prev { left: 0; } .woocommerce .baroque-taxs-list { float: none; margin-right: 0; } .footer-fixed .site-footer { position: static; } body .ba-portfolios-grid-gap .port-item .port-content { padding: 0 15px; } body .ba-vs-slider3 .button-link { display: none; } body .ba-vs-slider3 .featured-img { width: 80%; } body .ba-hs-slider .ba-swiper-button { display: none; } body .ba-hs-slider .featured-img { width: 75%; } body .ba-member .member-intro, body .ba-member:before { display: none; } body .ba-member .member-content { position: relative; bottom: 0; width: 100%; } } @media (max-width: 1199px) { .baroque-catalog-page.content-sidebar .site-content .baroque-container, .baroque-catalog-page.sidebar-content .site-content .baroque-container { padding-right: 20px; padding-left: 20px; } .baroque-catalog-page.sidebar-content .catalog-row .content-area { padding-left: 15px; } .baroque-catalog-page.content-sidebar .catalog-row .content-area { padding-right: 15px; } .single-portfolio.single-portfolio-layout-2 .portfolio { position: relative; bottom: 0; left: 0; transform: translate(0); margin-bottom: 50px; } .single-portfolio.single-portfolio-layout-2 .entry-summary { position: relative; } .portfolio-button { text-align: left; } .portfolio-grid-wide .entry-summary, .portfolio-metro .entry-summary, .portfolio-masonry .entry-summary { padding: 25px 30px; } .portfolio-grid-wide .entry-title, .portfolio-metro .entry-title, .portfolio-masonry .entry-title { font-size: 24px; } .baroque-post-featured .featured-image, .format-default .featured-image, .portfolio-thumbnail-wrapper .featured-image, .baroque-catalog-page .page-header.has-image .featured-image, .ba-cta.has-background-image .action-content, .vc_row.parallax { background-attachment: scroll; background-position: center; } .single-portfolio.single-portfolio-layout-2 .entry-summary { padding-top: 35px; } .single-portfolio.single-portfolio-layout-2 .entry-summary .portfolio-toggle-content { position: static; text-align: left; } body .ba-portfolios-grid-gap .port-item { width: 50%; padding: 50px 0; } } @media (max-width: 1024px) { .container, .baroque-container { padding-left: 15px; padding-right: 15px; } .site-header .header-main { justify-content: space-between; } .header-v1 .second-el, .header-v2 .second-el, .header-v3 .second-el, .header-v5 .second-el { display: none; } .header-v4 .first-el { display: none; } .header-v4 .site-logo { justify-content: flex-start; } .baroque-off-canvas-panel.menu-sidebar .section-menu-secondary { display: block; } .site-footer .columns-4 .footer-sidebar, .site-footer .columns-5 .footer-sidebar, .site-footer .columns-6 .footer-sidebar { max-width: 50%; width: 50%; } .site-footer .footer-sidebar { max-width: 50%; width: 50%; } .mf-header-minimized { max-height: 91px; } .blog-masonry .blog-masonry-wrapper { width: 33.3333%; } .blog-list .entry-summary { padding: 40px; } .single-post .site-content { padding-bottom: 90px; } .single-portfolio.single-portfolio-layout-3 .site-content { padding-top: 100px; } .single-portfolio.single-portfolio-layout-3 .ba-header-minimized { display: block; } .single-portfolio.single-portfolio-layout-3 .content-area { display: flex; flex-direction: column-reverse; } .single-portfolio.single-portfolio-layout-3 .entry-thumbnail { padding-right: 0; padding-top: 50px; } .single-portfolio.single-portfolio-layout-3 .fixed-portfolio-info { position: relative; overflow: visible; height: inherit !important; top: 0 !important; left: inherit; right: inherit; width: 100%; } .single-portfolio.single-portfolio-layout-3 .fixed-portfolio-info .portfolio-info-wrapper { overflow: visible; } .portfolio-list .summary-header { padding: 30px 40px; } .woocommerce ul.products li.product .product-footer { display: block; } .woocommerce ul.products li.product .star-rating { margin-top: 5px; } .woocommerce .baroque-taxs-list li { padding: 0 15px; } body .ba-hs-slider .slider-item { align-items: inherit; min-height: auto !important; } body .ba-hs-slider .slider-content { margin-top: 50px; } body .ba-hero-slider .hero-slider-content { padding: 95px 80px 65px; } body .ba-hero-slider .slider-grid-content .item-content { width: 33.3333%; } body .ba-hero-slider .slider-grid-content .item-content:nth-child( 4n + 1 ) { clear: none; } body .ba-hero-slider .slider-grid-content .item-content:nth-child( 3n + 1 ) { clear: left; } body .ba-hero-slider .slider-grid-content .item-inner { min-height: 300px; } .backtotop { bottom: 20px; right: 15px; } } @media (max-width: 991px) { .menu-toggle span { display: none; } .page-template-template-homepage.header-v5 .site-logo, .page-template-template-home-boxed .site-logo { min-height: 80px; } .woocommerce .baroque-taxs-list { overflow-y: scroll; margin-bottom: 35px; } .woocommerce .baroque-taxs-list ul { white-space: nowrap; margin: 0 0 15px 0; } .blog-grid .entry-thumbnail .read-more { right: auto; left: 0; } .blog-grid .post-wrapper:nth-child(3n+1) { clear: none; } .blog-grid .post-wrapper:nth-child(2n+1) { clear: left; } .blog-list .blog-wrapper { display: block; } .blog-list .entry-thumbnail { width: 100%; } .blog-list .entry-title { margin-bottom: 20px; } .blog-list .entry-summary { padding: 30px; width: 100%; } .blog-text .baroque-taxs-list { margin-bottom: 40px; } .blog-text .baroque-taxs-list ul { margin-bottom: 15px; } .blog-text .baroque-taxs-list li { display: inline-block; padding: 0 20px; margin-bottom: 0; } .blog-text .baroque-taxs-list li:first-child { padding-left: 0; } .blog-text .baroque-taxs-list li:last-child { padding-right: 0; } .blog-masonry .paging-navigation.blog-view-more .nav-previous-ajax { margin-top: 100px; } .blog-masonry .site-content { padding-bottom: 100px; } .baroque-post-featured { padding-left: 20px; padding-right: 20px; } .baroque-post-featured .featured-image { top: 0; left: 20px; right: 20px; bottom: 0; } .single-portfolio-layout-4 .portfolio-meta .meta { width: 50%; margin-bottom: 30px; } .portfolio-grid .portfolio-wrapper:nth-child( 3n + 1 ) { clear: none; } .portfolio-grid .portfolio-wrapper:nth-child( 2n + 1 ) { clear: left; } .portfolio-list .entry-title { font-size: 26px; } .single-portfolio-layout-1 .portfolio-meta { text-align: left; } .single-portfolio-layout-4 .portfolio-navigation { padding-bottom: 20px; } .footer-newsletter .newsletter-content { padding-top: 77px; padding-bottom: 87px; } .footer-newsletter .newsletter-content .newsletter-header { margin-bottom: 20px; } .site-footer .footer-layout-4 { padding: 0 60px; } .page-header.page-header-product .breadcrumbs { padding-left: 15px; } .page-header.page-header-product .products-links { padding-right: 15px; } .woocommerce ul.products li.product.un-4-cols:nth-child( 4n + 1 ) { clear: none; } .woocommerce ul.products li.product.un-4-cols:nth-child( 3n + 1 ) { clear: left; } .woocommerce div.product .product-thumbnails { left: auto; right: 0; } .woocommerce div.product .woocommerce-product-gallery { padding-left: 0; padding-right: 100px; } .woocommerce div.product .baroque-single-product-detail { padding-bottom: 0; } .woocommerce div.product div.summary { margin-bottom: 0; } .woocommerce div.product .woocommerce-tabs .panel, .woocommerce div.product .product_meta { margin-bottom: 60px; } .woocommerce-cart .woocommerce .coupon { margin-bottom: 30px; } .woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator { margin-bottom: 40px; } .woocommerce-cart .woocommerce .cross-sells ul.products li.product { margin-bottom: 40px; } .woocommerce-account #customer_login > div { width: 100%; float: none; padding: 0; } .woocommerce-account #customer_login > div .col-1 { border-bottom: 1px solid #efefef; margin-bottom: 30px; padding-bottom: 20px; } .woocommerce-checkout .col-form-coupon, .woocommerce-checkout .col-form-login { margin-bottom: 10px; } .woocommerce-account .page-header, .woocommerce-checkout .page-header, .woocommerce-cart .page-header { padding-top: 60px; padding-bottom: 20px; } .woocommerce nav.woocommerce-pagination { margin-top: 60px; } .baroque-catalog-page .catalog-row, .baroque-catalog-page.sidebar-content .catalog-row { flex-direction: column; } .shop-sidebar { max-width: 100%; } .page-header.page-header-default { padding-top: 60px; padding-bottom: 80px; } .page-header.page-header-product { padding-top: 60px; } .blog-list .page-header, .blog-grid .page-header { padding-top: 70px; } .site-content, .error404 .site-content { padding-top: 50px; padding-bottom: 50px; } .single-portfolio.single-portfolio-layout-1 .site-content { padding-bottom: 50px; } .portfolio-navigation, .service-navigation { padding: 20px 0; } .blog-classic .site-content { padding-top: 80px; padding-bottom: 80px; } .primary-sidebar { margin-top: 60px; } .single-product .site-content, .baroque-catalog-page .site-content { padding-bottom: 80px; } .baroque-portfolio-page .numeric-navigation { margin-top: 30px; margin-bottom: 40px; } .baroque-portfolio-page .numeric-navigation.portfolio-nav-ajax { margin-top: 40px; margin-bottom: 50px; } body .ba-service.style-1.content-right .service-summary { float: none; } body .ba-service.style-1 .service-summary { width: inherit; margin-top: 0; padding: 30px 20px; } body .ba-portfolio.portfolio-list .entry-title { font-size: 36px; } body .ba-image-box .service-summary { padding: 15px 0; position: static; } body .ba-counter .counter { font-size: 48px; } body .no-margin-top-mobile { margin-top: 0 !important; } body .no-padding-moblie { padding: 0 !important; } body .ba-portfolios-list.style-2 .port-item { padding: 30px; text-align: center; } } @media (max-width: 768px) { .page-template-template-home-boxed .container { width: 100%; } .baroque-off-canvas-panel { width: 550px; right: -550px; } .baroque-off-canvas-panel.open { transform: translate3d(-550px, 0, 0); } .format-default .featured-image { min-height: 40vh; } .site-header .header-main { padding-right: 40px; padding-left: 40px; } .site-footer .footer-layout-1 .footer-content { padding-top: 80px; padding-bottom: 80px; } .site-footer .footer-layout-2, .site-footer .footer-layout-3, .site-footer .footer-layout-4 { padding: 0; } .blog-masonry .blog-masonry-wrapper { width: 50%; } .baroque-taxs-list { overflow-y: scroll; margin-bottom: 35px; } .baroque-taxs-list ul { white-space: nowrap; margin: 0 0 15px 0; } .baroque-post-featured .post-featured-content { padding-top: 110px; padding-bottom: 160px; } .portfolio-parallax .summary-header { width: 65%; padding: 45px 50px; } .portfolio-parallax .entry-title { font-size: 36px; } .blog-text .page-header, .page-header { padding: 60px 0; } .baroque-catalog-page .page-header.has-image .page-header-content { position: relative; } .backtotop { font-size: 32px; } body .ba-portfolio.portfolio-list .entry-title { font-size: 26px; } body .ba-portfolio.portfolio-list .summary-header { margin-top: 0; padding: 0; } body .ba-portfolio.portfolio-list .read-more { float: none; margin: 15px 0 0 0; font-size: 18px; display: inline-block; } body .ba-portfolio.portfolio-list .portfolio-inner { width: 100%; } body .ba-hero-slider .slider-grid-content .item-content { width: 50%; } body .ba-hero-slider .slider-grid-content .item-content:nth-child( 3n + 1 ) { clear: none; } body .ba-hero-slider .slider-grid-content .item-content:nth-child( 2n + 1 ) { clear: left; } body .ba-portfolios-grid-gap { padding-left: 80px; padding-right: 80px; } body .ba-hs-slider .slider-content .title { font-size: 38px; } body .ba-hs-slider .slider-content .link { margin-top: 40px; } body .ba-hs-slider .slider-content .area { margin-bottom: 30px; } } @media (max-width: 767px) { .baroque-container .container { width: 100%; } .page-template-template-coming-soon-page .site-header { padding-top: 50px; } .single-portfolio.single-portfolio-layout-2 .entry-summary { padding-top: 10px; } .single-portfolio.single-portfolio-layout-2 .entry-summary .portfolio-toggle-content { font-size: 13px; } .single-portfolio.single-portfolio-layout-2 .entry-title { padding-top: 20px; font-size: 26px; } body .ba-empty-space .ba_empty_space_md, body .ba-empty-space .ba_empty_space_lg { display: none; } body .ba-empty-space .ba_empty_space_xs { display: block; } body .ba-services-2.style-3 .service-summary { flex-grow: 1; } body .ba-hs-slider .slider-item { display: block; padding-right: 15px; } body .ba-hs-slider .featured-img { position: relative; width: 100%; } body .ba-vs-slider2 { text-align: center; } body .ba-vs-slider2 .slider-content .title { font-size: 18px; } body .ba-vs-slider2 .slider-content .title h2 { font-size: 30px; margin-bottom: 20px; } body .ba-vs-slider2 .custom-arrow .link { display: none; } body .ba-vs-slider2 .custom-arrow .slick-arrow { display: none !important; } body .ba-vs-slider2 .veslider-list { transition-delay: 0.2s; } body .ba-vs-slider2.loaded .featured-img { transform: scale(1); } body .ba-vs-slider2.loaded .slider-section.swiper-slide-active .featured-img, body .ba-vs-slider2.loaded .slider-section.swiper-slide-duplicate-active .featured-img { transition-delay: 0.5s; } body .ba-portfolios-list.style-1 .port-title { font-size: 14px; } body .ba-portfolios-list.style-1 .port-title h2 { font-size: 24px; letter-spacing: 0; margin-bottom: 5px; } body .ba-portfolios-list.style-2 .port-item h2 { font-size: 36px; } .portfolio-carousel .portfolio-carousel-wrapper .btn-prev, .portfolio-carousel .portfolio-carousel-wrapper .btn-next { display: none; } .portfolio-parallax .portfolio-inner { width: 100%; } .portfolio-parallax .summary-header { padding: 30px 35px; } .portfolio-parallax .entry-title { font-size: 28px; } .woocommerce .quantity .qty { width: 100%; } .woocommerce .woocommerce-product-rating .star-rating { margin: auto; float: none; } .woocommerce div.product .product_title { font-size: 24px; margin-bottom: 10px; } .woocommerce div.product div.summary { text-align: center; } .woocommerce div.product form.cart div.quantity { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; } .woocommerce div.product form.cart .variations tr { text-align: center; } .woocommerce div.product form.cart .button { width: 100%; float: none; } .woocommerce .shop-toolbar .woocommerce-ordering, .woocommerce .shop-toolbar .product-found { float: none; } .woocommerce .shop-toolbar .woocommerce-ordering { margin-bottom: 30px; } .woocommerce ul.products li.product.un-4-cols:nth-child( 4n + 1 ), .woocommerce ul.products li.product.un-4-cols:nth-child( 3n + 1 ), .woocommerce ul.products li.product.un-3-cols:nth-child( 3n + 1 ), .woocommerce ul.products li.product.un-6-cols:nth-child( 6n + 1 ) { clear: none; } .woocommerce ul.products li.product.un-4-cols:nth-child( 2n + 1 ), .woocommerce ul.products li.product.un-3-cols:nth-child( 2n + 1 ), .woocommerce ul.products li.product.un-6-cols:nth-child( 2n + 1 ) { clear: left; } .woocommerce-cart .woocommerce table.shop_table.cart tr td { padding-top: 30px; padding-bottom: 20px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { overflow-x: scroll; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { white-space: nowrap; margin-bottom: 20px; } .footer-newsletter .newsletter-content { border: 0; padding-top: 37px; } body .ba-vs-slider3 .slider-content { width: 100%; } body .ba-vs-slider3 .slider-content .title { font-size: 24px; } body .ba-vs-slider3 .slider-content .subtitle { padding-left: 0; letter-spacing: 0; display: block; font-size: 14px; } body .ba-vs-slider3 .slider-content .desc { display: none; } body .ba-vs-slider3 .slider-content .link { margin-top: 30px; } body .ba-vs-slider3 .slider-item .container { width: 100%; } body .ba-vs-slider3 .ba-buttons { display: none; } body .ba-revslider { display: block; } body .ba-revslider .section-sliders-info { width: 100%; flex-direction: row; padding: 0 15px; margin-top: 30px; } body .ba-revslider .slider-text { writing-mode: inherit; } body .ba-revslider .socials a { display: inline-block; padding: 0 10px; } body .ba-cta { display: block; } body .ba-cta .action-socials { width: 100%; display: block; margin-top: 30px; text-align: center; } body .ba-cta .socials a { display: inline-block; padding: 0 10px; } body .ba-counter .list-counter { display: block; zoom: 1; } body .ba-counter .list-counter:before, body .ba-counter .list-counter:after { content: ""; display: table; } body .ba-counter .list-counter:after { clear: both; } body .ba-counter .list-counter:before, body .ba-counter .list-counter:after { content: ""; display: table; } body .ba-counter .list-counter:after { clear: both; } body .ba-counter .counter-content { float: left; margin-bottom: 30px; } body .ba-map-shortcode .map-info { width: 100%; padding-left: 0; padding-right: 0; } body .ba-member .member-content { text-align: left; } body .ba-member .name:after { display: none; } } @media (max-width: 600px) { .site-header .header-main { padding-right: 20px; padding-left: 20px; } .site-logo, .page-template-template-homepage.header-v5 .site-logo, .page-template-template-home-boxed .site-logo, .header-v5.page-template-template-homepage .site-header.minimized .site-logo { min-height: 60px; } .site-menu ul .extra-language-item { display: none; } .nx-mini-cart-content { display: none; } .comment-list .children { padding-left: 0; } .comment .comment-author { float: none; } .comment .comment-meta { margin-left: 0; border-top: 0; border-bottom: 1px solid #ccc; } .blog-grid .entry-thumbnail .read-more { left: auto; right: 0; } .blog-text .entry-title { font-size: 26px; } .blog-masonry .paging-navigation.blog-view-more .nav-previous-ajax { margin-top: 50px; } .blog-masonry .site-content { padding-bottom: 50px; } .blog-classic .site-content { padding-top: 60px; padding-bottom: 60px; } .single-post .entry-thumbnail { margin-bottom: 50px; } .single-portfolio.single-portfolio-layout-2 .entry-summary { width: 100%; } .single-portfolio-layout-4 .portfolio-meta .meta { width: 100%; } .portfolio-button { display: flex; justify-content: space-between; } .portfolio-button .portfolio-toggle-content { margin: 0; } .portfolio-navigation a.portfolio-link { width: 100%; } .portfolio-navigation a span { display: none; } .portfolio-nav-view_more .numeric-navigation .page-numbers.next, .woocommerce nav.woocommerce-pagination.infinite .nav-text, .paging-navigation.style-1 .nav-previous-ajax a { width: 100px; height: 100px; font-size: 18px; line-height: 100px; } .loading-icon .bubble, .woocommerce nav.woocommerce-pagination.infinite .loading-icon .bubble { width: 8px; height: 8px; min-width: 8px; } .loading-icon .bubble span, .woocommerce nav.woocommerce-pagination.infinite .loading-icon .bubble span { font-size: 8px; } .portfolio-list .portfolio-wrapper { margin-bottom: 80px; } .portfolio-list .summary-header { padding: 0; float: none; width: 100%; margin: 0; } .portfolio-list .read-more { float: none; margin-right: 0; } .site-footer .columns-4 .footer-sidebar, .site-footer .columns-5 .footer-sidebar, .site-footer .columns-6 .footer-sidebar { max-width: 100%; width: 100%; } .site-footer .footer-sidebar { max-width: 100%; width: 100%; text-align: center; } .site-footer .footer-content { padding: 40px; } .site-footer .footer-layout-1 .footer-content { padding-bottom: 40px; padding-top: 40px; } .site-footer .footer-layout-1 .footer-sidebar { text-align: left; } .footer-newsletter .newsletter-content { padding-bottom: 60px; } .page-header.catalog-page-header.has-image .featured-image { min-height: 50vh; } .page-header.page-header-product .breadcrumbs { margin-bottom: 20px; padding-right: 15px; float: none; } .page-header.page-header-product .products-links { padding-left: 5px; float: none; } .woocommerce .shop-toolbar .woocommerce-ordering, .woocommerce .shop-toolbar .baroque-taxs-list { margin-bottom: 20px; } .woocommerce table.shop_table tr th, .woocommerce table.shop_table tr td { padding: 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 16px; } .woocommerce div.product .baroque-images .slick-arrow { width: inherit; } .woocommerce-cart .woocommerce table.shop_table.cart th.product-subtotal, .woocommerce-cart .woocommerce table.shop_table.cart td.product-subtotal { display: none; } .woocommerce-checkout #order_review table, .woocommerce-checkout #payment { width: 100%; float: none; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .addresses .col-1, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .addresses .col-2 { width: 100%; } .woocommerce-error, .woocommerce-info, .woocommerce-message { display: flex; flex-direction: column-reverse; } .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button { margin-top: 20px; } body .ba-portfolio-quote { display: block; padding: 30px; } body .ba-portfolio-quote h3 { margin-bottom: 20px; } body .ba-portfolio-quote .quote-header, body .ba-portfolio-quote .quote-content { width: 100%; } body .ba-portfolio-quote .quote-header { padding: 0 0 30px; } body .ba-hero-slider .slider-grid-content .item-content { width: 100%; } body .ba-portfolios-grid-gap { padding-left: 40px; padding-right: 40px; } body .ba-portfolios-grid-gap .port-item { width: 100%; padding: 30px 0; display: block; } body .ba-portfolios-grid-gap .port-heading { position: static; transform: translate(0); opacity: 1; margin-top: 20px; } body .ba-portfolios-grid-gap .port-heading h2 { font-size: 28px; } body .ba-cta .action-content { padding: 120px 0; } body h2.vc_custom_heading { font-size: 28px !important; } body .ba-cta .title { font-size: 34px; margin-bottom: 50px; } } @media (max-width: 480px) { .header-video h2 { font-size: 64px; } .header-video .subtitle { font-size: 18px; } .baroque-off-canvas-panel { width: 300px; right: -300px; } .baroque-off-canvas-panel.menu-sidebar .menu li a { font-size: 30px; } .baroque-off-canvas-panel.menu-sidebar .section-menu-secondary .menu li a { font-size: 26px; } .baroque-off-canvas-panel.open { transform: translate3d(-300px, 0, 0); } .baroque-off-canvas-panel .widget-panel-content { padding: 55px 40px 0 40px; } .baroque-off-canvas-panel .widget-panel-header { right: 40px; } blockquote { padding-left: 0; padding-top: 80px; } .post-author .post-author-box { padding: 40px; } .post-author .post-author-box .post-author-avatar { float: none; margin-bottom: 30px; } .post-author .post-author-box .post-author-info { margin-left: 0; } .single-post .entry-title, .page-header h1, .baroque-post-featured h2, .single-portfolio.single-portfolio-layout-4 .entry-header h2, .baroque-portfolio-page .page-header h1 { font-size: 24px; } .social-share a { width: 40px; height: 40px; line-height: 43px; } .blog-masonry .blog-masonry-wrapper { width: 100%; } .format-video iframe { height: auto; } .single-portfolio.single-portfolio-layout-2 .entry-summary { padding-right: 0; padding-left: 0; } .single-portfolio.single-portfolio-layout-3 .portfolio, .single-portfolio.single-portfolio-layout-3 .navigation, .single-portfolio.single-portfolio-layout-3 .portfolio-copy { padding-left: 30px; padding-right: 30px; } .portfolio-button a { font-size: 12px; padding-right: 15px; padding-left: 15px; height: 50px; line-height: 51px; } .portfolio-parallax .entry-summary { background-color: #fff; } .portfolio-parallax .summary-header { width: 100%; float: none; padding-bottom: 0; } .portfolio-parallax .read-more { float: none; position: static; margin-left: 5px; } .baroque-dark.portfolio-parallax .entry-summary { background-color: #000; } .site-footer .footer-layout-3 .footer-content { padding: 10px 0; } .site-footer .footer-layout-3 .footer-content .footer-sidebar { margin-bottom: 10px; margin-top: 10px; } .mc4wp-form .mc4wp-form-fields { display: block; } .mc4wp-form input[type="email"] { width: 100%; border-right: 1px solid rgba(0, 0, 0, 0.15); } .mc4wp-form input[type="email"]:focus { border-color: rgba(0, 0, 0, 0.35); } .mc4wp-form input[type="submit"] { padding: 0 10px; height: 52px; width: 100%; margin-top: 10px; } .comment-respond .comment-form-author, .comment-respond .comment-form-email, .woocommerce div.product #reviews #review_form .comment-form .comment-form-author, .woocommerce div.product #reviews #review_form .comment-form .comment-form-email { width: 100%; float: none; padding: 0; } .woocommerce table.shop_table thead tr th { padding: 15px 25px; } .woocommerce table.shop_table tr th, .woocommerce table.shop_table tr td { padding: 10px; } .woocommerce.full-content .shop-toolbar { padding: 0; } .woocommerce .shop-toolbar .woocommerce-ordering .current { min-width: 250px; } .woocommerce .shop-toolbar .woocommerce-ordering li > ul { padding: 10px 15px; } .woocommerce .shop-toolbar .woocommerce-ordering li > ul li a { white-space: normal; font-size: 13px; } .woocommerce .baroque-taxs-list li a, .woocommerce .shop-toolbar .woocommerce-ordering, .woocommerce .shop-toolbar .product-found { font-size: 16px; } .woocommerce ul.products li.product { margin-bottom: 40px; } .woocommerce ul.products li.product h3 { font-size: 14px; } .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price ins { font-size: 16px; } .woocommerce ul.products li.product .onsale { top: 10px; right: 10px; } .woocommerce .ribbons .ribbon { font-size: 10px; top: 10px; right: 10px; height: 25px; line-height: 25px; padding: 0 10px; } .woocommerce-cart .woocommerce table.shop_table.cart th.product-thumbnail, .woocommerce-cart .woocommerce table.shop_table.cart td.product-thumbnail, .woocommerce-cart .woocommerce table.shop_table.cart th.product-price, .woocommerce-cart .woocommerce table.shop_table.cart td.product-price { display: none; } .woocommerce-cart .woocommerce table.cart .btn-update, .woocommerce-cart .woocommerce table.checkout .btn-update, .woocommerce-cart .woocommerce table.cart .btn-update .button, .woocommerce-cart .woocommerce table.checkout .btn-update .button, .woocommerce-cart .woocommerce table.cart .btn-shop, .woocommerce-cart .woocommerce table.checkout .btn-shop { width: 100%; margin-bottom: 10px; } .baroque-catalog-page .page-header.has-image .page-header-content { padding: 20px 0; } .baroque-catalog-page .page-header.has-image h1 { font-size: 36px; } .baroque-catalog-page .page-header.has-image .desc { font-size: 18px; } .single-post .entry-footer { flex-direction: column; } .single-post .tag-list { margin-bottom: 15px; } .error404 .error-404 h1 { font-size: 150px; } .error404 .error-404 .page-header p.line-1 { font-size: 18px; } .error404 .error-404 .page-header p.line-2 { font-size: 16px; } .error404 .error-404 .search-form { width: 300px; } .page-template-template-coming-soon-page { padding-top: 90px; overflow: visible; } .page-template-template-coming-soon-page .site { position: static; } .page-template-template-coming-soon-page .site-header { padding-top: 30px; position: absolute; } .page-template-template-coming-soon-page .coming-soon-socials { margin-top: 30px; margin-bottom: 30px; } body .ba-hero-slider .hero-slider-content { padding: 90px 50px; } body .ba-portfolios-grid-gap .port-item { padding: 30px 0; } body .ba-portfolio-quote .quote { font-size: 22px; margin-bottom: 30px; } body .ba-portfolio-quote .quote-icon { width: 82px; height: 82px; margin-left: 30px; } body .ba-portfolio-quote .quote-icon i { font-size: 130px; bottom: -45px; left: -60px; } body .ba-portfolio-quote cite { font-size: 16px; } body .ba-revslider .section-sliders-info { display: block; text-align: center; } body .ba-revslider .socials { margin-top: 20px; } body .ba-hs-slider .featured-img .number { display: none; } body .ba-hs-slider .slider-content { margin-top: 15px; } body .ba-hs-slider .slider-content .title { font-size: 24px; background-color: transparent; } body .ba-map-shortcode .ba-map { height: 600px !important; } body .ba-map-shortcode .map-info { padding-top: 40px; padding-bottom: 40px; } body .ba-map-shortcode .map-info .phone { font-size: 28px; padding-top: 15px; } body .ba-image-box .service-summary h3, body .ba-image-box .service-summary h3 a, body .ba-image-box .service-summary h3 span { font-size: 24px; } body .ba-portfolios-grid-gap .port-heading h2 { font-size: 22px; } body .flip-clock-wrapper .flip-wrapper { width: 50%; padding: 15px; } body .flip-clock-wrapper .flip-wrapper .inn { font-size: 46px; } body .flip-clock-wrapper .flip-wrapper:first-child, body .flip-clock-wrapper .flip-wrapper:last-child { padding: 15px; } } @media (max-width: 375px) { .page-template-template-home-boxed { margin: 10px; } .page-template-template-home-boxed .site-menu ul li { padding: 0 10px; } .page-template-template-home-boxed .site-menu ul li:last-child { padding-right: 0; } .site-header .header-main { padding-right: 20px; padding-left: 20px; } .single-post .entry-title { font-size: 32px; } .portfolio-button { flex-direction: column-reverse; } .woocommerce-cart table.cart td.actions .coupon .input-text { margin-right: 0; margin-bottom: 20px; } body .ba-hero-slider .hero-slider-content { padding: 90px 30px; } body .ba-portfolios-grid-gap { padding-left: 20px; padding-right: 20px; } } @media (max-width: 782px) { .admin-bar.header-sticky .site-header, .admin-bar.header-transparent .site-header { top: 46px; } .admin-bar.header-sticky .site-header.minimized { top: 0; } }