/* Theme Name: Baroque Child Theme URI: http://drfuri.com/baroque Author: DrFuri Author URI: http://drfuri.com Description: Architecture & Interior WordPress Version: 1.0.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 Template: baroque */ .portfolio-carousel .numeric-navigation{ display: none; } .page-id-1863 .site-menu .extra-menu-item { display: none; } .page-id-1863 .site-menu .extra-language-item { padding-right: 0; } @media (max-width: 1024px) { .page-id-1863 .site-menu .extra-menu-item { display: inline-block; } } .switcher-content-row { display: flex; flex-wrap: wrap; } .baroque-switcher-icon { position: fixed; top: 30%; right: 0; width: 65px; height: 65px; background-color: rgba(0,0,0,0.8); text-align: center; cursor: pointer; white-space: pre-line; display: flex; align-items: center; z-index: 970; transition: 0.5s; } .baroque-switcher-icon:hover { background-color: rgba(0,0,0,1); } .baroque-switcher-icon h3 { font-size: 14px; text-transform: uppercase; margin: 0; color: #fff; } .baroque-switcher-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; display: none; background-color: rgba(0, 0, 0, 0.7); } .open-switcher .baroque-switcher-overlay { display: block; } .baroque-switcher-demo { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1111; align-items: center; flex-direction: column; justify-content: center; pointer-events: none; display: none; } .open-switcher .baroque-switcher-demo { display: flex; } .baroque-switcher-demo .switcher-wapper { background-color: #fff; pointer-events: auto; padding: 30px 30px 30px; border-radius: 3px; position: relative; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .baroque-switcher-demo .switcher-close { position: absolute; top: 15px; right: 15px; cursor: pointer; } .baroque-switcher-demo .switcher-header { text-align: center; margin: 10px 0 50px; } .baroque-switcher-demo .switcher-header h2 { margin: 0 0 20px; line-height: 1; font-weight: 600; color: #000; } .baroque-switcher-demo .switcher-header p { margin-bottom: 0; font-size: 18px; font-weight: 300; line-height: 1.1; } .baroque-switcher-demo .demo-item { padding-left: 7px; padding-right: 7px; display: flex; } .baroque-switcher-demo .demo-item:nth-child(6n+1) { clear: both; } .baroque-switcher-demo .demo-item h4 { font-size: 14px; font-weight: 400; margin-bottom: 20px; text-align: center; color: #000; } .baroque-switcher-demo .demo-item a { transition: none; display: flex; justify-content: flex-end; flex-direction: column; } .baroque-switcher-demo .demo-item img { -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); margin-bottom: 15px; display: block; transition: transform 0.35s, box-shadow 0.35s; } .baroque-switcher-demo .demo-item:hover img { -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); } .sticky-button { text-align: center; position: fixed; bottom: 20px; right: 60px; background-color: #0072bc; color: #fff; text-transform: uppercase; font-size: 12px; padding: 10px 20px 8px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: 600; z-index: 99; } .sticky-button .tf-text { background-image: url(http://demo2.drfuri.com/intro/unero/images/logoen.png); width: 66px; height: 12px; display: inline-block; background-repeat: no-repeat; } .sticky-button:hover { color: #fff; } .sticky-button strong { font-size: 20px; font-weight: 600; line-height: 1.2; color: #fff; position: relative; padding-left: 7px; } @media (max-width: 767px) { .sticky-button, .baroque-switcher-icon, .baroque-switcher-overlay, .baroque-switcher-demo, .open-switcher .baroque-switcher-demo, .open-switcher .baroque-switcher-overlay { display: none; } } .baroque-dark .baroque-switcher-icon h3 { color: #000; } .baroque-dark .baroque-switcher-icon { background-color: rgba(255,255,255,0.8); } .baroque-dark a.sticky-button { color: #fff; }