/** * Theme Name: WDNS Theme C * Theme URI: https://devops.wdns.at * Description: WDNS Theme C focuses on corporate websites and quick implementation of web projects. Build-in WP CPT, the unique implementation of individual page sections with UI layout templates including JS Section Builder for individual sections, ensure an individual layout. Additional functions:custom widget areas, control panel for theme options and privacy settings for a very wide range of applications. The theme is based on Twitter Bootstrap 3.3.7, HTML5 and CSS3 and is well displayed even with older mobile devices. * Author: The WDNS Team (by A.Kra.) * Author URI: https://wdns.at/ * Version: 2.0.8.0 * Tags: One-2-Twelve Column Design, right/left Custom Sidebars, multible Header Layouts, most Accessibility-Ready, Customcolors, -header, -menus, -logo, -style, featured Images, Footer-, Header- Sidebarwidgets, multible Post-formats and -templates, Sticky-Post, Theme-Option-Panel, * Text Domain: wdns * Domain Path: /languages * Details URI: https://devops.wdns.at/theme-c/ * License: GNU General Public License v2 or later * License URI: http://www.gnu.org/licenses/gpl-2.0.html * Requires at least: 5.6 * Tested up to: 6.2 * Requires PHP: 7.2 * * All lists, unless otherwise stated, are released under the GNU General Public * License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) * * This theme, like WordPress, is licensed under the GPL. * Use it to make something cool, have fun, and share what you've learned * with others. * * [!] For automatic theme updates and theme support a subscription is required [!] * */ /** * ------------------------------------------- * 1. General Settings * 2. Headers */ :root { --tc-cool-050:#F8FAFC; --tc-cool-100:#F1F5F9; --tc-cool-200:#E2E8F0; --tc-cool-300:#CBD5E1; --tc-cool-400:#94A3B8; --tc-cool-500:#64748B; --tc-cool-600:#475569; --tc-cool-700:#334155; --tc-cool-800:#1E293B; --tc-cool-900:#0F172A; --tc-grey-light-super: #eeeeee; --tc-grey-light-extra: #e0e0e0; --tc-grey-middle: #c5c5c5; --tc-color-warning:#d58512; --tc-font-small: .87rem; --tc-splide-color-out: #aaa; --tc-splide-color-in: #fff; --tc-splide-bg-in: rgba(0,0,0,.25); --tc-boxshadow-medium:2px 2px 8px #e0e0e0; --tc-boxshadow-light:2px 2px 6px -4px #d5d5d5; --tc-bradius-012:.125rem; --tc-bradius-025:.25rem; --tc-a-color: #91c448; --tc-a-visited: #91c448; --tc-a-hover:#3498DB; --tc-a-focus:#3498DB; --tc-a-active:#3498DB; --tc-a-hopacity: 1; --wdns-tab-content-bg:transparent; --wdns-tab-content-shadow:none; --wdns-tab-content-padding:1rem; --wdns-tab-content-border-width:0; --wdns-tab-content-border-style:none; --wdns-tab-content-border-color:transparent; --wdns-tab-tabs-bg:transparent; --wdns-tab-tabs-color:inherit; --wdns-tab-tabs-border:1px solid #ededed; --wdns-tab-tabs-hover:#efefef; --wdns-tab-tabs-hover-color:#444E5A; --wdns-tab-tabs-active-color:#444E5A; --wdns-tab-tabs-active:transparent; --wdns-e-margin:.5rem 0 .5rem 0; --wdns-p-padding:0 0 .25rem 0; --wdns-green:#91C448; } /** * 1. General Settings */ HTML, BODY { margin:0; padding:0; color:#444E5A; background-color:#fefefe; font-weight:400; font-size:14px; line-height:22px; font-family:"WDNS Narrow", "WDNS", sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; } #page { margin:0; padding:0; } #page.boxed { margin:0 auto !important; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.25); } #page #header { margin-left:auto; margin-right:auto; background:transparent; } #error { text-align:center; margin-top:150px; margin-bottom:150px; } #placeholder { display:block; height:0; } /* Theme Option */ #ajax-overlay { display:none; overflow:auto; } .left { text-align:left; } .right { text-align:right; } .center { text-align:center; } /** * 2. Headers and Headlines */ H1, H2, H3, H4, H5, H6, .post-edit-link { font-family:"WDNS Narrow", "WDNS", sans-serif; font-weight:400; color:#444E5A; margin:0; padding:0; } H1 { font-size:2.5em; line-height:1.1em; padding:0.85em 0; } H2 { font-size:2.4em; line-height:1.1em; padding:0.65em 0; } H3 { font-size:1.5em; line-height:1.1em; padding:0.65em 0; } H4 { font-size:1.4em; line-height:1.1em; padding:0.35em 0; } H5 { font-size:1.3em; line-height:1.1em; padding:0.30em 0; } H6 { font-size:1em; } H2.page-title, H2.alternative { margin:0; padding:0.5em 0; text-align:center; font-size:2.4em; line-height:1.05em; text-align:left; } H3.alternative { margin:0; padding:0; padding-bottom:40px; } H2.alternative EM, H3.alternative EM, H1 EM, H2 EM, H3 EM, H4 EM, H5 EM, H6 EM { font-style:normal; color:var(--wdns-green); } ARTICLE H1 { font-size:2rem; line-height:1.1; padding:0.85em 0; } ARTICLE H3 { padding:1em 0 .5em 0; } ARTICLE H4 { font-size:1.2rem; padding:1.2rem 0 .5rem; } PRE { display:block; padding:1em; margin:var(--wdns-e-margin); font-size:0.9em; line-height:1.4em; color:#333; word-break:break-all;word-wrap:break-word; background-color:#FCFCFC; border:1px solid #F2F2F2; border-radius:1px; } HR { margin:1rem 0 1.5rem; text-align:left; width:25%; border-width:1px; padding:0; } small, .small { font-size:var(--tc-font-small); line-height:inherit; } /* since 2.0.4.3 r0.3 */ BLOCKQUOTE { background:#fafafa; color:inherit; padding:1.75rem; font-style:italic; margin:1.5rem; } BLOCKQUOTE P { font-size:1.25rem; line-height:100%; padding-bottom:.25rem; margin:0; text-align:justify; } BLOCKQUOTE IMG { max-width:75%; border-radius:50% 50%; display:inline-block; margin:0; padding:0; } BLOCKQUOTE DIV { text-align:center; padding:1rem 1rem 0; } BLOCKQUOTE SMALL { font-size:0.8rem; display:block; padding-top:1.25rem; font-style:normal; } TABLE { width:100%; } TH { border-bottom:1px solid #eee; } TH, TD { padding:.5rem 0; } P { margin:0; padding:0 0 .5rem 0; word-wrap:break-word; } P:empty { display:none; } STRONG { font-weight:700; font-size:inherit; /* letter-spacing:0.01em;*/ } UL, OL { padding-left:2em; margin-bottom:1em; } .entry-content UL, .entry-content OL { margin:var(--wdns-e-margin); } IMG { display:block; max-width:100%; height:auto; } IMG.lightbox:hover { cursor:pointer; } A { color:#91c448; color:var(--tc-a-color, #91c448); -webkit-transition:150ms; -moz-transition:150ms; -o-transition:150ms; transition:150ms; } A:visited { color:#91c448; color:var(--tc-a-visited, #91c448); } A:hover { color:#3498DB; color:var(--tc-a-hover, #3498DB); text-decoration:none; outline:none; } A:focus { color:#3498DB; color:var(--tc-a-focus, #3498DB); text-decoration:none; outline:none; } A:active { color:#3498DB; color:var(--tc-a-active, #3498DB); text-decoration:none; outline:none; } .entry-content { padding-bottom:3rem; } .entry-content > P { /*text-align:left; 2019-11-26*/ padding:var(--wdns-p-padding); } .page-header { margin:0; padding:0 0 2em 0; border:0; } /** Theme Sections **/ .post-wrapper, .page-wrapper, .imprint-wrapper, .section-wrapper { margin-top:77px; } .wdns-blog-header + .post-wrapper { margin-top:0; } /** Theme Sections ::content - since 2.0.4.3 r.03 **/ .site-content, .sidebar-content { margin-top:2rem; text-align:left; } .site-blog-content, .site-archive-content { clear:both; } .jumpmark { height:0 !important; width:0 !important; position:absolute; left:-100000px; } .nodisplay { display:none !important; } .site-errorcontent { padding-bottom:6rem; } /** Main Header **/ #header-main { position:relative; top:0; left:0; right:0; } #header-main.position-absolute { position:absolute; } /** Meta Container **/ #header-meta:after, #header-optional:after { clear:both; } /** Optional Container **/ #header-optional-content .navbar-brand { padding:0; height:auto; clear:both; width:100%; text-align:center; } #header-optional-content .navbar-brand IMG { display:inline-block; } #header-meta, #header-optional, .navbar-fixed-inline { z-index:1030; position:relative; top:0; left:0; right:0; } .navbar-fixed-top { position:fixed; top:0; z-index:1030; } .navbar-fixed-top.nav-smooth-scroll { animation:smoothnav 750ms; -moz-animation:smoothnav 750ms; /* Für Firefox */ -webkit-animation:smoothnav 750ms; /* Für Safari und Chrome */ -o-animation:smoothnav 750ms; /* Für Opera */ } @keyframes smoothnav { from { top:-120px; } to { top:0; } } @-o-keyframes smoothnav { from { top:-120px; } to { top:0; } } /* Für Opera */ @-moz-keyframes smoothnav { from { top:-120px; } to { top:0; } } /* Für Firefox */ @-webkit-keyframes smoothnav { from { top:-120px; } to { top:0; } } /* Für Safari und Chrome */ .navbar-fixed-inline { margin-top:2px; } .nav-smooth-animate { color:inherit; } /** Single and META Row Layout **/ #header-container { background-color:rgba(3,3,3,.2); } #header-container-content { position:relative; } #header-container .navbar-brand { float:left; max-width:90%; height:auto; padding-left:0; padding-right:0; } #header-container .standard .navbar-menu { position:relative; right:15px; float:right; } #header-container .navbar-brand { -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } @media( max-width:768px ){ #header .navbar-brand { max-width:70% !important } #header-inline .navbar-brand { max-width:100% !important } } /** * * Navigation Menue */ .nav { padding-left:0; margin-bottom:0; list-style:outside none none; } .nav > LI > A { position:relative; display:block; padding:.75rem 1rem; color:#444E5A; line-height:1; } .navbar { margin-bottom:0; border:none; height:auto; min-height:auto; } /* .navbar-header { float:right; } 05.11.2022 */ .navbar .navbar-main { float:inherit; } .navbar .navbar-main-company { float:none; display:table; table-layout:fixed; margin-left:auto; margin-right:auto; } .navbar-inverse .navbar-nav > LI { padding:0; margin:0; border-radius:0; background:transparent; } .navbar-inverse .navbar-nav > LI > A { padding:1.5rem; margin:0; color:#fff; display:block; background:transparent; text-transform:uppercase; } .navbar-inverse .navbar-nav > LI > A .icon-angle-down { padding-left:0.25em; } .navbar-inverse #mobile-menu .navbar-nav > LI > A.dropdown-toggle SPAN { position:absolute; right:1em; } /* 05.11.2022 */ .navbar-inverse .navbar-nav > LI:hover > A, .navbar-inverse .navbar-nav > LI.active:hover > A { color:#fff; background-color:#c6c7c7; } .navbar-inverse .navbar-nav > LI > A:focus { background-color:#c0c0c0; color:#fff; } .navbar-inverse .navbar-nav > LI:active > A, .navbar-inverse .navbar-nav > LI.active > A { color:#fff; background:#91c448; } .navbar-inverse .navbar-nav > LI.open > A, .navbar-inverse .navbar-nav > LI.open:hover > A, .navbar-inverse .navbar-nav > LI.open > A:focus, .navbar-inverse .navbar-nav > LI.open > A:active, .navbar-inverse .navbar-nav > LI.open:hover > A:focus { background:#c0c0c0; color:#fff; } .navbar .navbar-nav .dropdown-menu { background:transparent; padding:0; margin:0; border:0; box-shadow:none;} .navbar .navbar-nav .dropdown-menu > LI { background:transparent; padding:0; margin:0; margin-top:1px; color:#fff; } .navbar .navbar-nav .dropdown-menu > LI > A, .navbar .navbar-nav .open .dropdown-menu > LI > A { padding:1rem; margin:0; color:#fff; background:rgba(0,0,0,0.75); text-transform:uppercase; } .navbar .navbar-nav .dropdown-menu > LI > A:focus, .navbar .navbar-nav .dropdown-menu > LI.active > A { color:#fff; background:#91c448; } .navbar .navbar-nav .dropdown-menu > LI:hover > A, .navbar .navbar-nav .dropdown-menu > LI.active:hover > A { color:#fff; background:#c6c7c7; } .navbar .navbar-nav .dropdown-menu > LI:last-child > A { border-radius:0; } .navbar .navbar-nav .dropdown-menu > LI.divider { background-color:rgba(0, 0, 0, 0.1); } .navbar-inverse .navbar-nav > LI.open .dropdown-menu > LI.active > A, .navbar-inverse .navbar-nav > LI.open .dropdown-menu > LI.active > A:focus, .navbar-inverse .navbar-nav > LI.open .dropdown-menu > LI.active > A:hover { color:#fff; background:#91c448; } .navbar-inverse .navbar-nav > LI.open .dropdown-menu > LI > A:focus, .navbar-inverse .navbar-nav > LI.open .dropdown-menu > LI > A:hover { background:#c0c0c0; color:#fff; } .navbar .navbar-main > LI.dropdown:hover > UL.dropdown-menu { -webkit-animation:fadeInUp 0.2s; -moz-animation:fadeInUp 0.2s; -ms-animation:fadeInUp 0.2s; -o-animation:fadeInUp 0.2s; animation:fadeInUp 0.2s; display:block; } .navbar .navbar-nav .sub-menu .dropdown-menu { left:100%; top:0; margin-top:0; } .menu-header-meta-container { text-align:left; display:inline-block; } .menu-header-meta-container .navbar-header-meta LI { text-transform:uppercase; padding-left:0.2em; padding-right:0.2em; } @media( max-width:768px ) { .navbar-fixed-top, .navbar-fixed-bottom { position:absolute; } .navbar-nav .open .dropdown-menu > LI > A, .navbar-nav .open .dropdown-menu .dropdown-header { padding:1rem; padding-left:3rem; } } /* Responsive Menu */ #mobile-menu { /*float:left; 05.11.2022 */ /* 05.11.2022 */ /* 13.05.2023 position:absolute; */ position:relative; /**/ width:100%; } #mobile-menu .navbar-collapse { border-top:0; box-shadow:none; max-height:100%; } .navbar-toggle { margin:.5rem; border-color:transparent !important; background-color:transparent !important; padding:.5rem; overflow:hidden; } .navbar-toggle .icon-bar { display:block; width:28px; height:3px; } LABEL.navbar-toggle { padding:.5rem 0.3rem; margin-left:0; margin-right:0; line-height:22px; } BUTTON.navbar-toggle { padding:.5rem 0.3rem; margin-right:0; margin-left:0; } ul li span.menu-toggler { display:inline-block; width:30px; cursor:pointer; color:#fff; height:30px; line-height:30px; text-align:center; position:absolute; right:0; top:0; z-index:1; } ul li span.menu-toggler i { display:block; line-height:40px; } ul li span.menu-toggler .icon-angle-right, ul li span.menu-toggler.collapsed .icon-angle-down { display:none; color:#444; } ul li span.menu-toggler .icon-angle-down, ul li span.menu-toggler.collapsed .icon-angle-right { display:block; color:#444; } .sp-mobile-menu ul li:hover > a, .sp-mobile-menu ul li.active > a { color:#fff; } .section-pagemenu { margin-top:77px; } .inpagetop {text-align:center; padding:.5rem 0; } #menu-pagemenu { text-align:center; } #menu-pagemenu LI { display:inline-block; } #menu-pagemenu LI A { border-bottom:3px solid #f2f2f2; margin:2px; } #menu-pagemenu LI A:hover { border-bottom:3px solid red; } #menu-pagemenu LI A:active { border-bottom:3px solid red; } #googlemaps { width:100%; margin-top:30px; } .goo-map-reload { font-size:80%; padding:.2rem; } #title { background-color:#fcfcfc; border-bottom:1px solid #fff; border-top:1px solid #fff; margin-bottom:20px; } .simpletables { padding-bottom:30px; } .simpletables CAPTION { color:inherit !important; font-size:0.85em; caption-side:bottom; } .simpletables TH { background:#f8f8f8; } .fullwidth { padding-left:0 !important; padding-right:0 !important; } /* * */ .container, .container-fluid { margin-right:auto; margin-left:auto; } .container404, .container404 H1 { text-align:center !important; } .btn-404 { margin-bottom:25%; } .footertext { padding:.5rem 0; font-size:var(--tc-font-small); color:#86909d; } .footertext SPAN { padding-right:.5em; } .row:before, .row:after { display:table; content:""; } .content-top-link { text-align:center; font-size:1.5rem; margin:1rem; } .content-top-link .top-link { padding:1em; } .screen-reader-text { width:1px !important; height:1px !important; clip:rect(1px, 1px, 1px, 1px); overflow:hidden !important; position:absolute !important; } /* Splide JS -- Theme C Overwrites @since v.2.0.7.0 */ .splide.outside { margin-left:2em; margin-right:2em; } .splide.p-outside { bottom:1.75rem; } .splide.p-center, .splide.p-left, .splide.p-right { margin-bottom:2.5rem; } .splide--tc--arrow { border-radius:5%; height:4em; background:transparent; } .splide--tc--arrow svg, .splide--tc--arrow.inside svg { fill:var(--tc-splide-color-in); } .splide--tc--arrow, .splide--tc--arrow.inside { background:var(--tc-splide-bg-in); } .splide--tc--arrow.left svg, .splide--tc--arrow.right svg, .splide--tc--arrow.center svg, .splide--tc--arrow.outside svg { fill:var(--tc-splide-color-out); } .splide--tc--arrows.left, .splide--tc--arrows.right, .splide--tc--arrows.center { position:absolute; bottom:-2em; display:flex; flex-direction:row; width:100%; } .splide--tc--arrow.left, .splide--tc--arrow.right, .splide--tc--arrow.center { position:unset; height:2em; width:1em; background:transparent; transform: translate(0); } .splide--tc--arrow--prev.outside { background:transparent; margin-left:-3em; } .splide--tc--arrow--next.outside { background:transparent; margin-right:-3em; } .splide--tc--arrows.center { justify-content:center; } .splide--tc--arrows.left { justify-content:left; } .splide--tc--arrows.right { justify-content:right; } .splide--tc--pagination, .splide--tc--pagination.inside { padding:.5em 1em; bottom:0; background:var(--tc-splide-bg-in); } .splide--tc--pagination.p-left, .splide--tc--pagination.p-right, .splide--tc--pagination.p-center, .splide--tc--pagination.p-outside { bottom:-1.75rem; background:transparent; padding:0 1rem; } .splide--tc--pagination.p-left { justify-content:left; } .splide--tc--pagination.p-right { justify-content:right; } .splide--tc--pagination .splide--tc--pagination--page, .splide--tc--pagination.inside .splide--tc--pagination--page { border-color:var(--tc-splide-color-in); } .splide--tc--pagination.p-left .splide--tc--pagination--page, .splide--tc--pagination.p-right .splide--tc--pagination--page, .splide--tc--pagination.p-center .splide--tc--pagination--page { border-color:var(--tc-splide-color-out); } .splide--tc--pagination--page, .splide--tc--pagination--page.squares { border:1px solid; background:transparent; border-radius:5%; height:.72rem; width:.72rem; } .splide--tc--pagination--page.standard { border-color:#000; } .splide--tc--pagination--page.dots { border-radius:50%; } .splide--tc--pagination--page.rectangle { border-radius:.1rem; height:.4rem; width:1.4rem; } .splide--tc--pagination--page.is-active { border-width:2px; background:transparent; transform:scale(1.2); } /** * * */ UL.isotope-items, UL.isotope-filter { padding:0; margin:0; } UL.isotope-filter LI { list-style:none; padding:0; margin:.66em 0; text-align:center; display:inline-block; } UL.isotope-items LI { list-style:none; padding:1px; display:inline-block; } .isotope-grid-sizer, .isotope-grid-sizer-16 { width:16.6%; } .isotope-grid-sizer-20 { width:19.9%; } .isotope-grid-sizer-25 { width:24.9%; } .isotope-grid-sizer-33 { width:33.33%; } .isotope-grid-sizer-d16 { width:25%; } .isotope-grid-sizer-d20 { width:40%; } .isotope-grid-sizer-d25 { width:50%; } .isotope-grid-sizer-d33 { width:66.66%; } /** * CPT::wdns_isolery * */ .isolery-content-container { margin-bottom:4rem; } .isolery-item .hover { background:rgba(46,55,64,.6); position:absolute; top:1px; left:1px; bottom:1px; right:1px; opacity:0; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } .isolery-item .hover:after { font-size:130%; content:"\f0c8"; font-family:'Font_Awesome_5_Free'; color:#fff; display:flex; align-items:center; justify-content:center; height:100%; } .isolery-item:hover .hover { opacity:1; } /* * Bootstrap Hacks * * */ .no-gutter > [class*='col-'] { padding-right:0 !important; padding-left:0 !important; } .no-gutter-left > [class*='col-'] { padding-left:0 !important; } .no-gutter-right > [class*='col-'] { padding-right:0 !important; } .row.row-table-row { display:table-row !important; } .row.row-table-row DIV { display:table-cell !important; float:none; } /* * Flex Box */ .row.is-flex { display:-webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display:-moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display:-ms-flexbox; /* TWEENER - IE 10 */ display:-webkit-flex; /* NEW - Chrome */ display:flex; flex-wrap:wrap; } .row.is-flex > [class*='col-'] { display:-webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display:-moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display:-ms-flexbox; /* TWEENER - IE 10 */ display:-webkit-flex; /* NEW - Chrome */ display:flex; -ms-flex-direction:column; flex-direction:column; /*https://bugs.chromium.org/p/chromium/issues/detail?id=542388#c5*/ } /* * Wordpress´s fucking styling issues! */ FIGURE P { margin:0; padding:0; } .box { background:#FFF; padding:20px; box-sizing:border-box; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15); margin-bottom:10px; } .rounded { border-radius:3px; } .tight { padding:0; } .sb-innerbox { padding:25px; border:1px solid rgba(235, 234, 225, 0.5); border-radius:1px; } /** Specific Template Style for Single Posts **/ /** * Blog Columns */ .post-columns-two { columns:100px 2; column-gap:2rem; } .post-columns-two .entry-content > P { text-align:justify; } .post-columns-two IMG { margin:0; padding:0; } .post-columns-two H1, .post-columns-two H2, .post-columns-two H3, .post-columns-two H4, .post-columns-two HR, .post-columns-two UL, .post-columns-two PRE, .post-columns-two ASIDE, .post-columns-two FIGURE, .post-columns-two FOOTER, .post-columns-two HEADER, .post-columns-two BLOCKQUOTE, .post-columns-two DIV > DIV { column-span:all; } .post-columns-two H1:not(:first-of-type), .post-columns-two H2, .post-columns-two H3, .post-columns-two HR { padding:1.5em 0 .75em 0; } .post-columns-two H4 { font-size:1.2rem; padding:1.2rem 0 .5rem; } .post-columns-two .entry-content UL { padding:.75rem .75rem .75rem 2rem; background:var(--tc-cool-050); } .post-columns-three { columns:30px 3; column-gap:1.2rem;} .post-columns-three .entry-content > P { text-align:justify; } .post-columns-three IMG { margin:0; padding:0; } .post-columns-three H1, .post-columns-three H2, .post-columns-three H3, .post-columns-three H4, .post-columns-three HR, .post-columns-three UL, .post-columns-three PRE, .post-columns-three ASIDE, .post-columns-three FIGURE, .post-columns-three FOOTER, .post-columns-three HEADER, .post-columns-three BLOCKQUOTE, .post-columns-three DIV > DIV { column-span:all; } .post-columns-three H1:not(:first-of-type), .post-columns-three H2, .post-columns-three H3, .post-columns-three HR { padding:1.5em 0 .75em 0; } .post-columns-three H4 { font-size:1.2rem; padding:1.2rem 0 .5rem; } .post-columns-three .entry-content UL { padding:.75rem .75rem .75rem 2rem; background:var(--tc-cool-050); } @media ( max-width:992px ) { .post-columns-three { columns:100px 2; } } @media ( max-width:576px ) { .post-columns-two, .post-columns-three { columns:auto; } } .post-column-span > * { column-span:all; } .post-full-width-image IMG { width:100%; } .video-content .videoWrapper { position:relative; height:0; overflow:hidden; } .video-content .videoWrapperFormat_16x9 { padding-bottom:56.25%; /* 16:9 */ } .video-content .videoWrapperFormat_4x3 { padding-bottom:75%; /* 4:3 */ } .video-content .videoWrapperFormat_A4 { padding-bottom:142.86%; /* A4 */ } .video-content .videoWrapper embed, .video-content .videoWrapper object, .video-content .videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .video-content .videoWrapperRTL { margin:5px; } .video-content .videoWrapperRTLLeft { float:left; margin:5px 15px 5px 0; } .video-content .videoWrapperRTLRight { float:right; margin:5px 0 5px 15px; } .videoWrapperContainer100 { width:100% !important; height:100% !important; } .videoWrapperContainer75 { width:75% !important; height:75% !important; } .videoWrapperContainer50 { width:50% !important; height:50% !important; } .videoWrapperContainer25 { width:25% !important; height:25% !important; } .videoWrapperContainer125 { width:12.5% !important; height:12.5% !important; } @media( max-width:480px ) { .videoWrapperContainer75, .videoWrapperContainer50, .videoWrapperContainer25, .videoWrapperContainer125, .videoWrapperContainer100 { width:100% !important; height:100% !important; } } /** * 2. AJAX Overlay Styles */ #ajax-overlay { width:100%; height:100%; overflow:hidden; background-color:rgba(46, 55, 64, 0.65); display:none; position:fixed; top:0; left:0; z-index:10099; } #ajax-overlay .ajax-overlay-header { max-width:1024px; margin:2% auto 0; border-bottom:1px solid #EFEFEF; background:#fefefe; height:auto; z-index:33; } #ajax-overlay #ajax-overlay-close { padding:0.2em 1em; text-align:right; font:500 1.5em/2.5em Arial,Helvetica,sans-serif; cursor:pointer; margin:0; } #ajax-overlay #ajax-overlay-content { overflow:auto; max-width:1024px; min-height:50%; margin:0 auto; background:#fefefe; } .loader { background:#fefefe url("assets/images/loader.gif") no-repeat center center !important; } /** * 4. OSM, (Google) Maps / Contact */ #osmmaps-content, #googlemaps-content { margin-bottom:5px; } /** * ! Gray v1.4.2 (https://github.com/karlhorky/gray) | MIT */ .grayscale { /* Firefox 10-34 */ filter:url("data:image/svg+xml;utf8,#grayscale"); /* Chrome 19+, Safari 6+, Safari 6+ iOS, Opera 15+ */ -webkit-filter:grayscale(1); /* Firefox 35+ */ filter:grayscale(1); /* IE 6-9 */ filter:gray; } .grayscale.grayscale-fade { transition:filter .5s; transition:.5s; } /* Webkit hack until filter is unprefixed */ @media screen and (-webkit-min-device-pixel-ratio:0) { .grayscale.grayscale-fade { -webkit-transition:-webkit-filter .5s; transition:-webkit-filter .5s; } } .grayscale.grayscale-off, .grayscale.grayscale-fade:hover { -webkit-filter:grayscale(0); filter:grayscale(0); } /* Background element */ .grayscale.grayscale-replaced { -webkit-filter:none; filter:none; } .grayscale.grayscale-replaced > svg { -webkit-transition:opacity .5s ease; transition:opacity .5s ease; opacity:1; } .grayscale.grayscale-replaced.grayscale-off > svg, .grayscale.grayscale-replaced.grayscale-fade:hover > svg { opacity:0; } .debugg { font-size:0.8rem; line-height:1rem; font-style:italic; color:#808080; display:inline-block; } /* * WPCPT wdns_partner */ .wdns-tc-partner-item { position:relative; transition:all 0.35s ease-in-out; border-radius:2px;} .wdns-tc-partner-item { width:100%; height:100%; overflow:hidden; } .wdns-tc-partner-item .overlay { display:flex; flex-direction:column; position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; backface-visibility:hidden; } .wdns-tc-partner-item P { margin-top:auto; } .wdns-tc-partner-item H5 { color:#fff; font-size:1.05rem; margin:15% 0 0 0; padding:.25em; text-align:center; font-weight:400; } .wdns-tc-partner-item A { color:#fff !important; padding:.5em; margin:1px; } .wdns-tc-partner-item IMG { width:100%; height:100%; transition:all 0.25s ease-in-out; transform:scale(1); } .wdns-tc-partner-item:hover IMG { transform:scale(.9); } .wdns-tc-partner-item .overlay { background:rgba(0, 0, 0, 0.5); visibility:hidden; opacity:0; transition:all 0.5s ease-in-out; } .wdns-tc-partner-item:hover .overlay { visibility:visible; opacity:1; } .wdns-tc-partner [class^="wdns-tc-partner-caption"] { visibility:hidden; } /** CPT Team **/ .team-content { margin-left:0; margin-right:0; padding-left:0; padding-right:0; } .team-content H5.panel-title { margin:0; text-align:left; padding:.2rem 0; font-weight:normal; font-size:1.2rem; } .team-go2top { padding-bottom:3em; } .team-go2top-container { text-align:center; margin-top:1rem; } .team-detail { padding-top:47px; } .team-flex { display:-webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display:-moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display:-ms-flexbox; /* TWEENER - IE 10 */ display:-webkit-flex; /* NEW - Chrome */ display:flex; flex-wrap:wrap; } .team-flex > [class*='col-'] { display:-webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display:-moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display:-ms-flexbox; /* TWEENER - IE 10 */ display:-webkit-flex; /* NEW - Chrome */ display:flex; -ms-flex-direction:column; flex-direction:column; } .teams .entry-content { padding:1em 0; } .team-member { margin-bottom:15px; text-align:left; box-shadow: 4px 4px 12px var(--tc-grey-light-extra); } .team-member A { display:inline-block; } .team-member IMG:hover { opacity:.7; } .team-member IMG { border:0; padding:0; width:100%; height:auto; border-radius:0; opacity:1; -webkit-transition:opacity 0.6s ease-in-out; -moz-transition:opacity 0.6s ease-in-out; -o-transition:opacity 0.6s ease-in-out; -ms-transition:opacity 0.6s ease-in-out; transition:opacity 0.6s ease-in-out; } .team-members { background:transparent; } .team-members .team-overlay { position:relative; left:0; top:0; width:100%; /*height:100%;*/ vertical-align:bottom; } .team-members .team-overlay:hover { background:url('assets/images/zoom.png') no-repeat center center; background-color:#000; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; } .team-member FIGCAPTION { position:relative; width:100%; padding:.5rem; } .team-member FIGCAPTION SPAN { display:block; } .team-member FIGCAPTION .team-member-address-meta SPAN { display:inline-block; } .team-member .team-member-person-wrapper { display:inline-block; } .team-member .team-member-social-buttons { display:inline-block; float:right; } .tm_gvw .team-member { height:100%; background:#f0f0f0; } .team-member-person-meta, .team-member-person-meta SPAN { display:block;} .team-member-person-meta SPAN.opt-infos { margin-top:2rem; } .team-member-social-icons { display:block; padding-top:0.8rem; } .team-member-person-meta, .team-member-address-meta { padding:1rem 0; } .cat-item .person-name { font-size:1em; line-height:1.2em; padding:0.25em 0 0.1em; display:block; margin:0; } .cat-item .person-title { font-size:0.85em; line-height:1em; padding:0 0 1.2em; margin:0; display:block; } .team-member .person-name { font-size:1.4em; line-height:120%; padding:0; margin:0; } .team-member .person-title { font-size:96%; line-height:1.2em; padding:0; margin:0; } .team-member UL.nav-tabs { padding:0; margin:0; } .team-member UL.nav-tabs LI { padding-bottom:0; } .team-contact-thumbnail { height:100px; width:auto !important; border:0 !important; } .team-contact-tbl TD { vertical-align:top; } .team-member .person-meta { display:block; font-size:1rem; line-height:1.5rem; } .team-member .btn-social-team { padding:0.5rem; } /** * DOWNLOADS */ .download-flex { display:-webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display:-moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display:-ms-flexbox; /* TWEENER - IE 10 */ display:-webkit-flex; /* NEW - Chrome */ display:flex; flex-wrap:wrap; } .download-flex .download-container-inner /*> [class*='col-']*/ { display:-webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display:-moz-box; /* OLD - Firefox 19- (doesn't work very well) */ display:-ms-flexbox; /* TWEENER - IE 10 */ display:-webkit-flex; /* NEW - Chrome */ display:flex; -ms-flex-direction:column; flex-direction:column; } .download-flex-row { flex-direction:row !important; align-items:center; } .download-container, .download-container > DIV { margin:0 0 1.5rem 0; } .download-container-meta { padding:3rem 0 .25rem 0; margin:0; } .download-container-inner { padding:1rem; height:100%; background:#fff; } .download-container .download { margin-top:auto; padding-top:2rem; } .download-container .download IMG { display:inline-block !important; padding:0; margin:0; width:38px; } .download-container .date, .download-container .size, .download-container .filename, .download-container .type { padding-right:.5rem; display:inline-block; } .download-container .type { text-transform:uppercase; } .download-container .date, .download-container .desc { display:block; } .download-container .list, .download-container .list .desc { display:block; } .download-container .list .date, .download-container .list .size, .download-container .list .type { padding:.125rem .25rem .125rem 0; display:inline-block; } .download-container .download-flex-row { padding-top:2rem; padding-bottom:2rem; } .download-container .download-flex-row .file { flex:3 1 66%; } .download-container .download-flex-row .download {margin-top:inherit; padding:1rem; flex:1 1 33%; text-align:right;} .download-container .download-flex-row .thumb IMG, .download-container .download-flex-row .download IMG { display:inline-block !important; padding:0; margin:0; } .download-container .download-flex-row .download IMG { width:75px; } .download-container .download-flex-row .thumb { flex:2 0 33%; padding-right:1rem; text-align:center; } .download-container .download-flex-row .thumb IMG { box-shadow:5px 5px 20px #dddddd; } @media( max-width:767px ){ .download-flex-row { flex-direction:column !important; align-items:flex-start; } .download-container .download-flex-row .download {margin-top:auto; padding:2rem 0 0 0; } .download-container .download-flex-row .download IMG { padding:0; margin:0; width:38px; } .download-container .thumb { padding-bottom:1rem; } } .download-container-page { background:transparent; } .download-container-page-inner { padding:2rem; } .download-container-page-inner .jump { font-size:80%; } .download-container-page-inner.left { text-align:center; } .download-container-page-inner.left IMG { display:inline-block; } .download-container-page-inner.right { text-align:left; } .download-container-page-inner.right P { padding:1rem 0; } /** Infocards **/ .infocard-container, .infocard-container-header, .infocard-container-content, .infocard-container-header-inner { position:relative; float:left; width:100%; } .infocard-container-content-inner { padding:2rem 1.5rem; background:#fafafa; margin:1rem 0; } .infocard-content { transition:max-height 1s; } .infocard-content.read-more { display:block; min-height:3rem; max-height:3rem; overflow:hidden; background-image:linear-gradient(180deg, #000, #fff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .infocard-content.read-less { display:block; max-height:200px; overflow:hidden; } .infocard-title { font-size:1.1rem; line-height:1; padding-bottom:.5rem; } .infocard-toggler { display:block; padding-top:1rem; } /** CPT Companions **/ .companions-content .panel-group { padding-top:0; } .companions-container { display:flex; flex-direction:column; } .companions-content-items { height:100%; background:transparent; } @media only screen and (min-width:768px) { .companions-content { display:flex; flex-direction:row; } } .companions-header { text-align:center; padding:2rem; } .companions-header IMG { display:inline-block !important; margin:auto; vertical-align:middle; padding:2rem; } .companion-list-item { cursor:pointer; } .companions-container .panel-group .panel-heading + .panel-collapse .panel-body, .companions-container .panel-default > .panel-heading + .panel-collapse .panel-body { border:none; padding:.25rem 0 .25rem 1.75rem; } .companions-container .panel-group UL, .companions-container .panel-default UL { list-style-type:none; padding:0; margin:0; } .companions-container .panel-group UL LI:visited, .companions-container .panel-default UL LI:visited { color:red; } .companions-container .ajax-content { padding:0; background:transparent; position:sticky; top:17.5%; } .companions-container-items { padding:2rem; background:#fff;} .companions-container-items SPAN { display:block; } .companions-container-items .c-logo { padding-bottom:1rem; max-width:250px; } .companions-container-items .c-name, .companions-container-items .c-nameo { padding-bottom:.5rem; line-height:115%; } .companions-container-items .c-nameo { font-size:.93rem; } .companions-container-items .c-street { padding-bottom:.75rem; } .companions-container-items .c-smedia { font-size:125%; display:inline-block; padding:1rem .5rem 0 0; } /** * WDNS THEME C * CSS classes for generell Font Awesome 5 Icons */ [class^="wdns-bi-"]::after, [class*=" wdns-bi-"]::after { font-family:'Bootstrap Icons'; font-style:normal; vertical-align:-.125em; } .wdns-bi-user:after { content:'\F4E1'; } .wdns-bi-share:after { content:'\F52E'; } .wdns-bi-list:after { content:'\F478'; } .wdns-bi-cal:after { content:'\F1F6'; } .wdns-bi-calchk:after { content:'\F1E2'; } .wdns-bi-close:after { content:'\F62A'; } .wdns-bi-image:after { content:'\F226'; } .wdns-bi-image-new:after { content:'\F226'; } .wdns-bi-images:after { content:'\F42B'; } .wdns-bi-images-new:after { content:'\F42B'; } .wdns-bi-fax:after { content:'\F501'; } .wdns-bi-url:after { content:'\F471'; } .wdns-bi-blog:after { content:'\F479'; } .wdns-bi-mail:after { content:'\F32F'; } .wdns-bi-phone:after { content:'\F5C1'; } .wdns-bi-mobile:after { content:'\F4E7'; } .wdns-bi-location:after { content:'\F3EA'; } .wdns-bi-downloads:after { content:'\F30A';} [class^="wdns-bi-"]::before, [class*=" wdns-bi-"]::before, .bi-tc-xing::before { font-family:'Font_Awesome_5_Brands' !important; font-weight:normal; font-style:normal; display:inline-block; font-size:120%; } .wdns-bi-facebook:before { content:'\f082'; padding:0 .25em; } .wdns-bi-twitter:before { content:'\f099'; } .wdns-bi-googleplus:before { content:'\f0d5'; } .wdns-bi-linkedin:before { content:'\f0e1'; } .wdns-bi-printerest:before { content:'\f231'; } .wdns-bi-xing:before { content:'\f168'; } .bi-tc-xing::before { content:'\f168';} .wdns-bi-youtube:before { content:'\f167'; } .wdns-bi-shopping-cart:after { content:'\f23d'; } .wdns-bi-instagram:before { content:'\f16d'; } /** WDNS THEME C - Bootstrap Icons */ .bi-tc-panel::before { content:"\f282"; } .bi-tc-phone::before { content:"\f5c1"; } .bi-tc-mobile::before { content:"\f4e7"; } .bi-tc-fax::before { content:"\f501"; } .bi-tc-printer::before{ content:"\f501"; } .bi-tc-mail::before { content:"\f32f"; } .bi-tc-link45::before { content:"\f470"; } .bi-tc-link::before { content:"\f471"; } .bi-tc-geo::before { content:"\f3ea"; } .bi-tc-fullscreen::before{ content:"\F3DF"; } .bi-tc-collection::before{ content:"\F2CC"; } .bi-tc-cast::before { content:"\F248"; } .bi-tc-linkedin::before { content:"\f472"; } .bi-tc-facebook::before { content:"\f344"; } .bi-tc-twitter::before { content:"\f5ef"; } .bi-tc-google::before { content:"\f3f0"; } .bi-tc-pinterest::before { content:"\f663"; } /*.bi-tc-xing::before { content:"\????"; } fa icons (!)*/ .bi-tc-lg { font-size:1.33333em; line-height:.75em; vertical-align:-.0667em; } .bi-tc-2x { font-size:2em; } .bi-tc-3x { font-size:3em; } .bi-tc-4x { font-size:4em; } .bi-tc-5x { font-size:5em; } /** * WDNS Theme * Styles for CPT wdns-cslider (Content Slider) */ .cslide { max-width:960px; margin:20px auto; position:relative !important; } .cslide .singleslide { background:transparent; padding:.5rem; } .cslide .singleslide-inner { padding:0; } .cslide .singleslide-inner H2 { padding:0 0 .5rem 0; margin:0; text-align:center; font-size:1.5rem; } .cslide .singleslide-inner H3 { padding:0 0 1rem 0; margin:0; text-align:center; font-size:1.15rem; } .cslide .singleslide-inner P { margin:0; } .cslide .singleslide-inner .prolog { padding:0 0 1.5rem 0; margin:0; text-align:center; } @media( max-width:767px ){ .cslide .singleslide-inner { display:block; width:100%; } } /* * WDNS Theme:Buttons *standard* * */ .btn { display:inline-block; background:transparent; border-radius:0; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; min-width:40px; font-size:1rem; padding:.5rem .75rem; line-height:1; transition:.25s linear; border-width:1px; border-style:solid; color:var(--tc-grey-light-extra); border-color:var(--tc-grey-light-extra); } .btn:hover { background:transparent; color:var(--tc-grey-light-super); border-color:var(--tc-grey-light-super); } .btn:focus, .btn:active, .btn:visited { background:inherit; border-color:inherit; color:inherit; } .btn-default, .btn-default:visited { color:inherit; } .btn-success, .btn-success:visited { color:#9ec11d; border-color:#9ec11d; } .btn-warning, .btn-warning:visited { color:var(--tc-color-warning); border-color:var(--tc-color-warning); } .btn-danger, .btn-danger:visited { color:#c9302c; border-color:#c9302c; } .btn-info, .btn-info:visited { color:#cfcfcf; border-color:#cfcfcf; } .btn-primary, .btn-primary:visited { color:#286090; border-color:#286090; } .btn-products, .btn-products:visited { color:#0e85c8; border-color:#0e85c8; margin:auto; } .btn-default:hover, .btn-default:active, .btn-default:focus { color:#444E5A; border-color:#444E5A; } .btn-success:hover, .btn-success:active, .btn-success:focus { color:#ffffff; background:#9ec11d; } .btn-warning:hover, .btn-warning:active, .btn-warning:focus { color:#ffffff; background:var(--tc-color-warning); } .btn-danger:hover, .btn-danger:active, .btn-danger:focus { color:#ffffff; background:#c9302c; } .btn-info:hover, .btn-info:active, .btn-info:focus { color:#ffffff; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { color:#ffffff; background:#286090; } .btn-products:hover, .btn-products:active, .btn-products:focus { color:#ffffff; background:#0e85c8; } .btn.xs { padding:0.2em 0.4em; } .btn.sm { padding:0.6em 0.7em; } .btn.lg { padding:0.7em 0.8em; } .btn.xlg { padding:0.8em 0.9em; } .btn-md { padding-top:10px; padding-bottom:10px; } .btn-single, .btn-submit, .btn-reset { margin-top:25px; } .input-group { max-width:400px; } .input-group-btn { font-size:inherit !important; } .input-group-btn .btn { margin-left:1px; } /* searchform 2.0.6.8*/ .wdns-input-group { display:flex; flex-direction:row; max-width:400px; } .wdns-input-group .btn-search, .wdns-input-group .form-control { font-size:inherit !important; padding:.5rem !important; margin:0; line-height:1.1; height:auto; border-color:var(--tc-grey-light-extra); } .wdns-input-group .btn-search { margin-left:-1px; } .wdns-input-group .btn-search:focus, .wdns-input-group .btn-search:hover, .wdns-input-group .btn-search:active { border-color:var(--tc-grey-middle); color:var(--tc-grey-middle); } .wdns-input-group-messages { font-size:.85rem; line-height:1; margin-top:.25rem; padding:.25rem; color: var(--tc-color-warning); } .btn-overlay-default, .btn-overlay-default:focus, .btn-overlay-default:active, .btn-overlay-default.active { background-color:rgba(46, 55, 64, 0.1); margin-left:1px; padding:0.5em 1em; min-width:3em; display:inline-block; border-radius:0; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; -webkit-transition:0.2s linear; -moz-transition:0.2s linear; -o-transition:0.2s linear; transition:0.2s linear; } .btn-overlay-default:hover { background-color:rgba(46, 55, 64, 0.3); color:#fff !important; } .btn-overlay-default.active, .btn-overlay-default:active { box-shadow:none; } .btn-transparent { border:3px solid #fff; background:transparent; color:#fff; } .btn-transparent:hover { border-color:rgba(255, 255, 255, 0.5); } .btn-xlg { padding:24px 48px; font-size:24px;} .btn-xlg [class^="fa-"], .btn-xlg [class*=" fa-"] { margin-right:10px; } .btn-controll, .btn-controll:hover, .btn-controll:focus, .btn-controll:active, .btn-controll.active, .open .dropdown-toggle.btn-controll { color:#2E3740; background-color:transparent; border:0; /*border-color:#eaeaea;*/ padding:6px 12px; } .btn-controll:hover, .btn-controll:focus, .btn-controll:active { color:#fff; } .form-control { vertical-align:middle; background-color:transparent; border:1px solid #f0f0f0; border-radius:0; box-shadow:none; font-size:inherit; padding:.5rem; line-height:1; } .form-control:focus { border-color:var(--tc-grey-middle); box-shadow:none; } .form-group LABEL { display:block; } .btn-isotope-filter { box-shadow:none; border-width:0 0 2px 0; border-color:#f0f0f0 !important; font-size:110%; padding-left:.16rem; padding-right:.16rem; margin:0 .16rem; } .btn-isotope-filter:hover, .btn-isotope-filter:focus, .btn-isotope-filter:active, .btn-isotope-filter.active { box-shadow:none; border-width:0 0 2px 0; border-color:inherit !important; } /* 2022-05-16 iSlider v.1.2.0 */ .islider-container { display:block; clear:both; } .islide .item .islide-caption { position:absolute; left:0; bottom:0; right:0; top:0; padding:5%; background:rgba(0,0,0,.25); transform:translateY(110%); transition:all ease 1s; } .islide .item:hover .islide-caption { transform:translateY(0%); transition:all ease .5s; } .islide .islide-caption .description { margin:0; font-size:.9rem; color:#fff; text-align:left; display:block; line-height:1.1; } .islide .islide-caption H2 { margin:0; padding:.2rem 0; font-size:1.3rem; color:#fff; } .islide .islide-ico:after { font-size:130%; content:"\f14d"; font-family:'Bootstrap Icons'; color:#fff; display:flex; align-items:center; justify-content:center; height:100%; } /* * IFRAME, OBJECT, EMBED */ IFRAME { outline:none; border:0; margin:0; margin-bottom:5px; } IFRAME:focus { outline:none; } IFRAME[seamless] { display:block; } OBJECT { outline:none; margin:0; margin-bottom:5px; background-color:#fafafa; border:1px solid #f6f6f6; } /*.iframe-container { position:relative; padding-bottom:40%; height:0; overflow:hidden; }*/ .embed-container { position:relative; padding-bottom:56.25%; /* 16/9 ratio */ padding-top:30px; /* IE6 workaround*/ height:0; overflow:hidden; } .embed-container EMBED, .embed-container OBJECT, .iframe-container IFRAME { position:absolute; top:0; left:0; width:100%; height:100%; } .iframe-container { position:relative; overflow:hidden; padding-top:56.25%; margin-bottom:2rem; } .iframe-container IFRAME { position:absolute; top:0; left:0; width:100%; height:100%; border:0; } /** Edit Button **/ .edit-link-button { position:absolute; top:.25rem; right:.25rem; left:auto; } .edit-link-button A { padding:.5rem; } .post-edit-link { font-size:.85rem; display:inline-block; padding:.25rem; border-radius:2px; border:1px solid; opacity:0; } ARTICLE:hover .edit-link-button .post-edit-link { opacity:1; } /** WordPress Core overwrites **/ .alignnone { margin:10px 0 20px; } .aligncenter { display:block; margin:0 auto 0 auto; } .alignright { float:right; margin:20px 0 20px 20px; } .alignleft { float:left; margin:20px 20px 20px 0; } .wp-caption { background:#eee; border:1px solid #fafafa; padding:0; max-width:100%; } .wp-caption A, .wp-caption IMG { margin:0; padding:0; } .wp-caption .wp-caption-text { font-size:.85rem; margin:0; padding:.5rem; line-height:125%; } .entry-caption { margin-top:15px; } .gallery { margin-bottom:1em; } .gallery:after { clear:both; } .gallery-item { display:inline-block; position:relative; margin:0 4px 4px 0; overflow:hidden; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display:table; } .gallery-columns-1 .gallery-item { width:100%; } .gallery-columns-2 .gallery-item { width:49.5%; margin-right:1%; } .gallery-columns-3 .gallery-item { width:33%; margin-right:.5%; } .gallery-columns-4 .gallery-item { width:24.5%; margin-right:.5%; } .gallery-columns-5 .gallery-item { width:19.5%; margin-right:.5%; } .gallery-columns-6 .gallery-item { width:16%; margin-right:.66%; } .gallery-columns-7 .gallery-item { width:14%; margin-right:.3%; } .gallery-columns-8 .gallery-item { width:12%; margin-right:.5%; } .gallery-columns-9 .gallery-item { width:10%; margin-right:1.2%; } .gallery-item IMG { width:100% } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right:0; } .gallery-caption { background-color:rgba(0, 0, 0, 0.5); box-sizing:border-box; color:#fff; font-size:1rem; line-height:1; margin:0; max-height:50%; opacity:0; padding:1rem .5rem; position:absolute; bottom:0; left:0; text-align:left; -webkit-transition:opacity 400ms ease; transition:opacity 400ms ease; width:100%; } .gallery-caption:before { box-shadow:0 -10px 15px #000000 inset; content:""; height:100%; min-height:49px; position:absolute; left:0; top:0; width:100%; } .gallery-item:hover .gallery-caption { opacity:1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display:none; } INPUT, SELECT, TEXTAREA { padding:.4rem; margin-bottom:3px; font-size:1rem; display:inline-block; border:1px solid var(--tc-grey-light-extra); border-radius:1px; } SELECT { background:transparent; font-family:inherit; font-size:inherit; cursor:inherit; line-height:inherit; } INPUT[type="radio"], INPUT[type="checkbox"] { margin:.5em .3em; line-height:normal; } BUTTON:focus { outline:0 !important; } LABEL { display:inline-block; font-weight:normal; font-size:inherit; margin-bottom:1px; color:inherit; vertical-align:middle; } LABEL.error { color:#F00; font-size:0.85em; line-height:0.85em; display:block; clear:both; padding:0 0 .85em .2em; margin:0; -webkit-animation:fadeInDown 1000ms; -moz-animation:fadeInDown 1000ms; -ms-animation:fadeInDown 1000ms; -o-animation:fadeInDown 1000ms; animation:fadeInDown 1000ms; } LABEL INPUT[type="radio"], LABEL INPUT[type="checkbox"] { margin-top:1em; } .wdns-toggle-table-wrapper { display:table; } .wdns-toggle-cell-wrapper { display:table-cell; vertical-align:middle; } .wdns-toggle-cell-wrapper IMG { height:2.2rem; padding:0 .25rem 0 0; opacity:.75; } .wdns-toggle-right-wrapper { margin-left:auto; /* 2022-08-02 float:right; */ } .collapsed .wdns-toggle-cell-wrapper IMG { height:2.2rem; opacity:1; } /** Home Slider */ .wdns-slider { position:relative; color:#ffffff; margin:0; padding:0; font-size:1.1rem; } .wdns-slider .carousel-indicators { bottom:5px; } .wdns-slider .carousel H1 EM, .wdns-slider .carousel H2 EM { font-style:normal; color:var(--wdns-green); } .wdns-slider .carousel .btn { background-color:rgba(46, 55, 64, 0.25); color:#fff; border-radius:1px; border:none; margin:15px 0; min-width:5em; -webkit-transition:500ms; -moz-transition:500ms; -o-transition:500ms; transition:500ms; } .wdns-slider .carousel .btn:hover { background-color:rgba(46, 55, 64, 0.55); color:#fff; } .wdns-slider .carousel .boxed { padding:10px 15px; background-color:rgba(46, 55, 64, 0.25); display:inline-block; color:#fff; } .wdns-slider .carousel P { font-weight:400; font-size: 95%; line-height:1.1; margin:0; color:#fff; padding:.2em 0; max-width:50%; hyphens:none; } .wdns-slider .carousel H1 { font-weight:200; font-size:150%; line-height:1.1; margin:0; color:#fff; padding:.2em 0; } .wdns-slider .carousel H2 { font-weight:900; font-size:300%; line-height:1.1; margin:0; color:#fff; padding:.2em 0; } .wdns-slider .carousel-content { display:flex; flex-direction:column; } .wdns-slider .carousel-content.left { align-items:flex-start; align-content:flex-start; } .wdns-slider .carousel-content.right { align-items:flex-end; align-content:flex-end; } .wdns-slider .carousel-content.center { align-items:center; align-content:center; } .wdns-slider .carousel-content.left P { margin-right:auto; } .wdns-slider .carousel-content.right P { margin-left:auto; } .wdns-slider .carousel-content.center P { margin:0 auto; } .wdns-slider .carousel-content .animation { width:100%; } @media( max-width:480px ) { .wdns-slider { font-size:.85rem; } .wdns-slider .carousel P { font-size:1em; max-width:100%; } } @media( max-width:767px ) { .wdns-slider { font-size:.95rem; } .carousel-content { margin-left:5px; margin-right:5px; } .wdns-slider .carousel P { font-size:1em; max-width:85%; } } @media( min-width:768px ) and ( max-width:1170px ) { .carousel-content { margin-left:20px; margin-right:20px; } .wdns-slider .carousel P { font-size:1em; max-width:75%; } } @media( min-width:1171px ) and ( max-width:1399px ) { .carousel-content { margin-left:20px; margin-right:20px; } } .wdns-slider .carousel .item:first-child { top:auto; position:relative; } .wdns-slider .carousel .item { background-position:50%; background-repeat:no-repeat; background-size:cover; left:0 !important; top:0; position:absolute; width:100%; display:block !important; height:660px; opacity:0; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -ms-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; } .wdns-slider .carousel .item.active { z-index:1; opacity:1; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -ms-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; } .wdns-slider .prev, .wdns-slider .next { position:absolute; top:50%; background-color:rgba(46, 55, 64, 0.01); color:#fff; display:inline-block; margin-top:-60px; font-size:24px; height:120px; width:30px; line-height:120px; text-align:center; border-radius:0; z-index:15; -webkit-transition:500ms; -moz-transition:500ms; -o-transition:500ms; transition:500ms; } .wdns-slider .prev:hover, .wdns-slider .next:hover { background-color:rgba(46, 55, 64, 0.25); } .wdns-slider .prev { left:1px; right:auto; } .wdns-slider .next { right:1px; left:auto; } .wdns-slider .active .animation.animated-item-0 { -webkit-animation:fadeInLeft 800ms linear 1200ms both; -moz-animation:fadeInLeft 800ms linear 1200ms both; -o-animation:fadeInLeft 800ms linear 1200ms both; -ms-animation:fadeInLeft 800ms linear 1200ms both; animation:fadeInLeft 800ms linear 1200ms both; } .wdns-slider .active .animation.animated-item-1 { -webkit-animation:fadeInRight 800ms linear 1200ms both; -moz-animation:fadeInRight 800ms linear 1200ms both; -o-animation:fadeInRight 800ms linear 1200ms both; -ms-animation:fadeInRight 800ms linear 1200ms both; animation:fadeInRight 800ms linear 1200ms both; } .wdns-slider .active .animation.animated-item-2 { -webkit-animation:fadeIn 2s linear 2s both; -moz-animation:fadeIn 2s linear 2s both; -o-animation:fadeIn 2s linear 2s both; -ms-animation:fadeIn 2s linear 2s both; animation:fadeIn 2s linear 2s both; } .wdns-slider .active .animation.animated-item-3 { -webkit-animation:fadeIn 1500ms linear 3.5s both; -moz-animation:fadeIn 1500ms linear 3.5s both; -o-animation:fadeIn 1500ms linear 3.5s both; -ms-animation:fadeIn 1500ms linear 3.5s both; animation:fadeIn 1500ms linear 3.5s both; } .wdns-slider .active .animation.animated-item-4 { -webkit-animation:fadeInRight 500ms linear 4s both; -moz-animation:fadeInRight 500ms linear 4s both; -o-animation:fadeInRight 500ms linear 4s both; -ms-animation:fadeInRight 500ms linear 4s both; animation:fadeInRight 500ms linear 4s both; } .wdns-slider .carousel-indicators LI { border-radius:0; display:inline-block; width:.8rem; height:.8rem; margin:.1rem; text-indent:-99999px; cursor:pointer; background-color:rgba(0,0,0,0); border:1px solid #fff; vertical-align:middle; } .wdns-slider .carousel-indicators LI.active { width:1.1rem; height:1.1rem; margin:0; background-color:255,255,255; } .wdns-slider .carousel-indicators LI.numbers { text-indent:0; background-color:transparent; border:0; margin:.2rem; width:auto; height:auto; font-size:1rem; } .wdns-slider .carousel-indicators LI.numbers.active { background-color:transparent; margin:.1rem; font-size:1.4rem; width:auto; height:auto; } .wdns-slider .copyright-notice { position:absolute; bottom:0; right:5px; top:auto; left:auto; } .wdns-slider .copyright-notice, .wdns-slider .copyright-notice SPAN A { font-size:.75rem; color:#fff; opacity:.75; } .wdns-slider .copyright-notice.dark, .wdns-slider .copyright-notice.dark SPAN A { color:#000; opacity:.75; } /* * Projects: wdns_projects; wdns_projects-tiles; wdns-recent-works * Version: 1.0.0 * Maintainer: Kra. A. * Created: 2015-05-13 * Modified: 2019-05-20 * */ /* Recent Works */ .projects-hover { cursor:pointer; } #recent-works-controller { margin:5px 0; text-align:right; } .recent-works-content-container { padding:5px 0; } .projects-preview-container { margin-top:3rem; } .recent-works-item .item-inner { background:transparent; padding:0; margin:1px 1px 0 0; position:relative; } /* Project Tiles + Projects*/ .projects-items, .projects-filter { list-style:none; padding:0; margin:0; text-align:center; } .projects-filter { padding:1rem 0 .5rem 0; } .projects-filter > LI { display:inline-block; } .projects-items > LI { float:left; padding:0; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .projects-item { margin:0; } .projects-item .item-inner { background:transparent; padding:0; margin:1px 1px 0 0; position:relative; } .projects-item IMG { border-radius:0; width:100%; } .projects-item .project-missing-img { width:100%; min-height:300px; } /* Project overlays + overlay-links*/ .overlay .overlay-links { transition:opacity 500ms 125ms; opacity:0; width:100%; position:absolute; bottom:5%; text-align:center; } .overlay .overlay-inner P { font-size:0.9em; line-height:1.3em; text-align:left; } .overlay .overlay-links.projects-overly-btn1 A { width:100%; margin:0 auto; line-height:2em; } .overlay .overlay-links.projects-overly-btn2 A { width:50%; margin:0 auto; line-height:2em; } .overlay .overlay-links.projects-overly-btn3 A { width:33.333%; margin:0 auto; line-height:2em; } .overlay .overlay-links.projects-overly-btn4 A { width:25%; margin:0 auto; line-height:2em; } .overlay-links .btn-overlay-default, .overlay-links .btn-overlay-default:focus, .overlay-links .btn-overlay-default:active, .overlay-links .btn-overlay-default.active { background-color:rgba(255, 255, 255, 0.1); color:#fff; border:0; margin-left:1px; } .overlay-links .btn-overlay-default:hover { background-color:rgba(255, 255, 255, 0.4); color:#fff; border:0; } .projects-item .overlay, .recent-works-item .overlay { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:rgba(46, 55, 64, 0.75); text-align:center; -webkit-transition:opacity 400ms; -moz-transition:opacity 400ms; -o-transition:opacity 400ms; transition:opacity 400ms; } .projects-item .overlay .overlay-inner, .recent-works-item .overlay .overlay-inner { display: flex; flex-direction: column; margin:0; padding:5%; color:#fff; height:100%; } .projects-item .overlay .overlay-inner H4, .projects-item .overlay .overlay-inner H5 { transition:opacity 1s 125ms; opacity:0; background:transparent; margin:0; font-weight:normal; color:#fff; white-space:wrap; text-transform:none; text-align:left; } .projects-item .overlay .overlay-inner H4 { padding:.5rem 0 .25rem 0; font-size:1rem; font-weight:400; text-align:center; margin-bottom:0; margin-top:auto; } .projects-item .overlay .overlay-inner H5 { padding:0 0 .5rem 0; font-size:1.25rem; margin-bottom:auto; margin-top:0; text-align:center; } .recent-works-item:hover .overlay, .recent-works-item:hover .overlay .overlay-links, .projects-item:hover .overlay, .projects-item:hover .overlay .overlay-links, .projects-item:hover .overlay .overlay-inner H4, .projects-item:hover .overlay .overlay-inner H5 { opacity:1; } /* Projects - Single / Recent Works */ .projects-single .row { margin-bottom:2rem; } .projects-single ARTICLE { padding-bottom:.5em; } .projects-single H2 { text-align:center; padding:.5rem 0; margin:0; font-size:1rem; } .projects-single H3 { text-align:center; padding: .25rem 0 1rem 0; margin:0; font-size:1.25rem; } .projects-single H4 { font-size:1.2rem; padding:.25rem; margin:0; text-align:center; } .projects-single H4 EM { font-style:normal; color:#91c448;} .projects-header-thumbnail { background-repeat:no-repeat; background-size:cover; background-position:center; } .projects-gallery .splide { margin:.5rem; } .projects-gallery .projects-image { margin-bottom:1rem; box-shadow:var(--tc-boxshadow-light); } .projects-gallery .projects-image IMG { width:100%; height:auto; } .gslide-desc { font-family:inherit !important; } .gslide-desc P { margin:0; } .gslide-desc P:first-of-type { margin-top:.75rem; } .gslide-desc H3 { color:#fff; text-align:center; padding:0 0 .5rem; font-size:.75rem; font-weight:normal; } .gslide-desc H4 { color:#fff; text-align:center; padding:0; margin-bottom:.25rem; font-size:1.2rem; } /* * Portfolio */ .portfolio-content-inner UL, .portfolio-content-inner OL { padding:0 8%; margin:2em 0; text-align:left; } .portfolio-content-inner UL LI, .portfolio-content-inner OL LI { padding-bottom:0.4em; } /* * */ .sitemap { padding:1rem 0 2rem; } .sitemap UL { list-style-type:square; padding-left:2rem; color:inherit; } .sitemap UL UL { list-style-type:disc; padding-bottom:.75rem; } .sitemap LI.sitemap-main { font-size:1.2rem; padding-top:.025rem; } .sitemap LI.sitemap-sub { font-size:1.05rem; } /** CPT Boxes **/ .boxes EM { font-style:normal; color:var(--wdns-green); } .box-01 { background-color:rgba(0,0,0, 0.3); padding:10px 20px 20px; } /* var(--wdns-green)*/ .box-01 H2.btitle { font-size:1.8em; line-height:1.1em; margin:0; padding:0.6em 0; text-align:left; color:#fff; } .box-01 H3.bstitle { font-size:1.02em; line-height:1.02em; margin:0; padding:0; text-align:left; color:#fff; font-family:"WDNS", sans-serif; } .box-10 { background:transparent; } .box-10 H2.btitle { font-size:1.5em; line-height:1.05em; margin:0; padding:0.2em 0; text-align:center; } .box-10 H3.bstitle { font-size:1.05em; line-height:1.4em; margin:0; padding:0; text-align:center; color:#fff; font-family:"WDNS", sans-serif; } .box-05 { background-color:rgba(255, 255, 255, 0.15); border-top:6px solid rgba(145, 196, 72, 0.63); padding:10px 20px 20px; } /* var(--wdns-green)*/ .box-05 H2.btitle { font-size:1.6em; line-height:2.0em; margin:0; padding:0; text-align:center; color:#fff; } .box-05 H3.bstitle { font-size:1.05em; line-height:1.4em; margin:0; padding:0; text-align:center; color:#fff; font-family:"WDNS", sans-serif; } .box-02 { background-color:rgba(173, 178, 166, 0.3); border:1px solid rgba(173, 178, 166, 0.2); border-top-width:5px; padding:10px 20px 20px; } .box-02 H2.btitle { font-size:28px; margin:0px; line-height:32px; padding:0px; text-align:center; color:#fff; } .box-02 H3.bstitle { font-size:16px; margin:0px; line-height:24px; text-align:center; color:#fff; } .box-03 { background-color:rgba(255, 255, 255, 0.15); border-top:6px solid rgba(145, 196, 72, 0.25); padding:10px 20px 20px; } /* var(--wdns-green)*/ .box-03 H2.btitle { font-size:1.6em; line-height:2.0em; margin:0; padding:0; text-align:center; } .box-03 H3.bstitle { font-size:1.05em; line-height:1.4em; margin:0; padding:0; text-align:center; font-family:"WDNS", sans-serif; } /* Start:Recommended Isotope styles */ /*** Isotope Filtering ****/ .isotope-item { z-index:2; } .isotope-hidden.isotope-item { pointer-events:none; z-index:1; } /*** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s; } .isotope { -webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width; } .isotope .isotope-item { -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -ms-transition-property:-ms-transform, opacity; -o-transition-property:-o-transform, opacity; transition-property:transform, opacity; } /*** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s; } /* End:Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } /* * Pricing Table * * */ .pricing-tables .pricing { border-radius:1px; list-style:none; margin:0 0 20px; background:#f0f0f0; text-align:center; padding:20px 0; } .pricing-tables .pricing li { padding:5px 0; color:#2E3740; } .pricing-tables .pricing li ul { list-style:none; padding:0; margin:0; } .pricing-tables .pricing li.pricing-name { font-size:24px; line-height:24px; color:#fff; } .pricing-tables .pricing li.pricing-name h3 { margin:0; padding-bottom:15px; white-space:nowrap; overflow:hidden; } .pricing-tables .pricing li.pricing-price { margin-bottom:10px; } .pricing-tables .pricing li.pricing-price > div { background-color:#86909C; /* #86909C #444E5A */ padding:10px; font-size:24px; color:#fff; } .pricing-tables .pricing li.pricing-price > div sup { font-size:10px; line-height:10px; } .pricing-tables .pricing li.pricing-price > div > small { display:block; font-size:11px; } .pricing-tables .pricing li.pricing-action { margin-top:20px; border-top:0; } .pricing-tables .pricing li.pricing-details { border-bottom:1px solid #eaeaea; font-size:0.9em; white-space:nowrap; overflow:hidden; } .pricing-tables .pricing li.pricing-button-box { margin-top:20px; border-top:0; } .pricing-tables .pricing.featured { background-color:#E6F8CE; } .pricing-tables .pricing li > a.btn { background:var(--wdns-green); color:#fff; border-color:#9AC55D; } .btn-social { border:0; color:#fff; border-radius:1px; display:inline-block; width:32px; height:32px; line-height:32px; text-align:center; padding:0; margin:1px; background:#d0d0d0; } .btn-social:hover { color:#fff; border:0; } #social { text-align:center; } .icon-social, .icon-lg { font-size:48px; height:108px; width:108px; line-height:108px; color:#fff; margin:10px; background-color:rgba(0, 0, 0, 0.4); text-align:center; display:inline-block !important; border-radius:100%; } .icon-md { font-size:36px; height:68px; width:68px; line-height:68px; color:#fff; margin-right:10px; background-color:#91c448; text-align:center; display:block; border-radius:5px; -webkit-transition:500ms; -moz-transition:500ms; -o-transition:500ms; transition:500ms; } .icon-social.icon-facebook { background-color:#3c5899; } .icon-social.icon-facebook:hover { background-color:#4e6fba; } .icon-social.icon-twitter { background-color:#29c5f6; } .icon-social.icon-twitter:hover { background-color:#5ad2f8; } .icon-social.icon-pinterest { background-color:#c61118; } .icon-social.icon-pinterest:hover { background-color:#ec1e26; } .icon-social.icon-xing { background-color:#006567; } .icon-social.icon-xing:hover { background-color:#e9f802; } .icon-social.icon-google-plus { background-color:#d73d32; } .icon-social.icon-google-plus:hover { background-color:#da6459; } /** CPT Modal **/ .modal { border:0; } .modal#loginForm { width:600px; margin-left:-300px; } .modal .modal-header { border:0; padding:20px 20px 0; } .modal .modal-header > H4 { font-weight:normal; font-size:14px; color:#848484; text-transform:uppercase; margin:0; } .modal .modal-body { padding:20px; } .modal input[type="text"], .modal input[type="password"] { padding:5px 10px; min-height:30px; width:130px; margin-right:10px; } .modal .icon-remove { color:#848484; position:absolute; right:-5px; top:-5px; width:16px; height:16px; line-height:16px; text-align:center; display:block; background:#ebebeb; -webkit-border-radius:100%; border-radius:100%; cursor:pointer; } .modal button { margin-left:10px; border:0; } .gap { margin-bottom:50px; } .big-gap { margin-bottom:100px; } .no-margin { margin:0; padding:0; } .registration-form { border:0; background-color:255,255,255; padding:20px; display:inline-block; } /** Bottom, Footer, Go2Top **/ #bottom { padding:2rem 0; padding-top:var(--wdns-bo-top, 2rem); padding-bottom:var(--wdns-bo-bottom, 1rem); background:#F7F7F7; background:var(--wdns-bo-bgcolor, #F7F7F7); color:#636569; color:var(--wdns-bo-color, #636569); line-height:1.2; line-height:var(--wdns-bo-height, 1.2); font-size:1rem; font-size:var(--wdns-bo-size, 1rem); } #bottom HR { color:var(--wdns-bo-color, #636569); background-color:#636569; background-color:var(--wdns-bo-color, #636569); opacity:.15; } #bottom H2, #bottom H3, #bottom H4, #bottom H5, #bottom H6 { font-size:1.6rem; font-size:var(--wdns-bo-h-size, 1.6rem); line-height:110%; line-height:var(--wdns-bo-h-height, 110%); font-weight:normal; font-weight:var(--wdns-bo-h-style, normal); color:#636569; color:var(--wdns-bo-h-color, #636569); } #bottom A { color:inherit; color:var(--wdns-bottom-a-color, var(--tc-a-color, inherit)); } #bottom A:visited { color:inherit; color:var(--wdns-bottom-a-visited, var(--tc-a-color, inherit)); } #bottom A:active, #bottom A:focus { color:var(--wdns-bottom-a-active, var(--tc-a-visited)); } #bottom A:hover { color:inherit; color:var(--wdns-bottom-a-hover, var(--tc-a-hover, inherit)); opacity:var(--wdns-bottom-a-opacity, var(--tc-a-hopacity)); } #footer A { color:#fff; color:var(--wdns-footer-a-color, var(--tc-a-color, #fff)); } #footer A:visited { color:#fff; color:var(--wdns-footer-a-visited, var(--tc-a-color, #fff)); } #footer A:active, #footer A:focus { color:var(--wdns-footer-a-active, var(--tc-a-visited)); } #footer A:hover { color:#fff; color:var(--wdns-footer-a-hover, var(--tc-a-hover, #fff)); opacity:.5; opacity:var(--wdns-footer-a-opacity, var(--tc-a-hopacity, .5)); } #footer { background:#636569; background:var(--wdns-foo-bgcolor, #636569); color:#ffffff; color:var(--wdns-foo-color, #ffffff); line-height:120%; line-height:var(--wdns-foo-height, 120%); font-size:90%; font-size:var(--wdns-foo-size, 90%); padding-top:2rem; padding-top:var(--wdns-foo-top, 2rem); padding-bottom:2rem; padding-bottom:var(--wdns-foo-bottom, 2rem); } /* 23.07.2022 #footer P { padding-bottom:0; } */ #footer .menu-footer-container { display: flex; flex-direction:row-reverse; } #footer UL.menu-footer { list-style:none; padding:0; margin:0; } #footer UL.menu-footer > LI { display:inline-block; margin:0 .5rem; text-transform:uppercase; } @media(max-width:768px){ #footer .menu-footer-container { flex-direction:row; margin-top:1rem; } #footer UL.menu-footer > LI { display:block; margin-left:0; } } #footer .wtheme, #footer .wcopyright { display:block; font-size:inherit; color:inherit; opacity:.75; } #footer .wtheme { font-size:87%; opacity:.25; } #footer .wtheme A { color:inherit; } #footer .singlcolumn{ text-align:center; } #footer .singlcolumn .menu-footer-container { display:block; float:none; margin-bottom:.75rem; text-align:center; } #footer .singlcolumn .menu-footer-container UL LI { margin:0; padding:0 .5rem; border-left:1px dotted; } #footer .singlcolumn .menu-footer-container UL LI:first-child { border-left:0; } /** Go2Top Icon **/ #gototop.gototop { border-radius:2px; border:1px solid rgba(176,176,176,.25); color:rgba(176,176,176,.25); z-index:1000; padding:.5rem .75rem; opacity:0; position:fixed; right:1rem; bottom:1rem; left:auto; top:auto; } #gototop.onscroll { opacity:1; transition:1s; } #gototop.gototop:hover { border:1px solid #91c448; } A#gototop.gototop:hover { color:#91c448; } @media( max-width:767px ){ #gototop.gototop { position:fixed; bottom:1em; top:auto; right:1em; z-index:1000; } } /** Unordered Lists **/ ul.unstyled { list-style:none; padding:0; margin:0; } ul.arrow, ul.arrow-double, ul.tick, ul.cross, ul.star, ul.rss { list-style:none; padding:0; margin:0; } ul.arrow li:before, ul.arrow-double li:before, ul.tick li:before, ul.cross li:before, ul.star li:before, ul.rss li:before, ul.arrow li:after, ul.arrow-double li:after, ul.tick li:after, ul.cross li:after, ul.star li:after, ul.rss li:after { font-family:'Font_Awesome_5_Free'; font-size:11px; } ul.arrow li:before, ul.arrow-double li:before, ul.tick li:before, ul.cross li:before, ul.star li:before, ul.rss li:before { margin-right:5px; } ul.arrow li:before { content:"\f105"; } ul.tick li:before { content:"\f00c"; } ul.cross li:before { content:"\f00d"; } ul.star li:before { content:"\f006"; } ul.rss li:before { content:"\f09e"; } ul.arrow-double li:before { content:"\f101"; } ul.social { list-style:none; margin:10px 0 0; padding:0; display:inline-block; } ul.social > li { display:inline-block; margin:0 5px; } ul.social > li > A { color:#666; font-size:24px; } ul.social > li > A:hover { color:#999; } /* * */ .panel-group { margin:var(--wdns-e-margin); } .panel { margin-bottom:0; background-color:transparent; border:none; border-radius:0; box-shadow:none; } .panel-default > .panel-heading { padding:.5em .25em; border:none; background:transparent; border-bottom:1px solid rgba(134, 144, 156, 0.1); } .panel-title, H4.panel-title { margin:0; padding:0; text-align:left; font-size:1.1rem; } .panel-body { padding:0; border:none; } .panel-body-preview { padding: .5rem 0 .5rem 1.25rem; } .panel-group .panel-heading + .panel-collapse .panel-body, .panel-default > .panel-heading + .panel-collapse .panel-body { border:none; padding:.25rem; } .panel-group .panel + .panel { margin-top:1px; } .accordion-group { border-top:1px solid #f0f0f0; } .panel-title a.accordion-toggle { color:inherit; line-height:1.25em; text-align:left; display:flex; align-items:center; } .panel-title a.accordion-toggle.collapsed { color:inherit; } .accordion-inner { border-top:0; } .panel-title a.accordion-toggle:hover, .panel-title a.accordion-toggle.collapsed:hover { -webkit-transition:250ms; -moz-transition:250ms; -o-transition:250ms; transition:250ms; } .ca-fusion-box, .ca-fusion-cha { width:1em; height:1em; line-height:1; font-style:normal; font-family:'Bootstrap Icons'; margin-right:.25rem; } .ca-fusion-cha { float:right; margin-right:0; } a.accordion-toggle .ca-fusion-box:before { content:"\F27C"; } a.accordion-toggle.collapsed .ca-fusion-box:before { content:"\F27B"; } a.accordion-toggle.collapsed:hover .ca-fusion-box:before { content:"\F279"; } a.accordion-toggle .ca-fusion-cha:before { content:"\F27C"; } a.accordion-toggle.collapsed .ca-fusion-cha:before { content:"\F279"; } a.accordion-toggle.collapsed:hover .ca-fusion-cha:before { content:"\F27A"; } a.accordion-toggle:hover i.ca-fusion-box, a.accordion-toggle:hover i.ca-fusion-cha { -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; } /** POSTS * Grid and Blog styles **/ .post { -ms-word-wrap:break-word; word-wrap:break-word; } ARTICLE { padding:0; margin:0; padding-bottom:3rem; } ARTICLE ASIDE { margin-top:.5rem; } ARTICLE ASIDE:first-of-type { margin-top:1.5rem; } ARTICLE ASIDE H6 { text-decoration:underline; line-height:2; } .blog-list ARTICLE { padding:1rem; box-shadow:var(--tc-boxshadow-light); margin-bottom:1.5rem; } .blog-list ARTICLE .entry-summary { padding-right:.5rem; } /* blog content since 2.0.5.1 */ .blog-main { float:right; } /* grid style since 2.0.4.3 r.03 */ .blog-grid { display:grid; } .blog-grid.blog-col-1 { grid-template-columns:100%; grid-gap:.75em 0; -moz-column-count:1; -webkit-column-count:1; column-count:1; } .blog-grid.blog-col-2 { grid-template-columns:48.5% 48.5%; grid-gap:.75em 3%; -moz-column-count:2; -webkit-column-count:2; column-count:2; } .blog-grid.blog-col-3 { grid-template-columns:32% 32% 32%; grid-gap:.75em 1.3%; -moz-column-count:3; -webkit-column-count:3; column-count:3; } .blog-grid.blog-col-4 { grid-template-columns:24.5% 24.5% 24.5% 24.5%; grid-gap:.75em .6%; -moz-column-count:4; -webkit-column-count:4; column-count:4; } .blog-grid ARTICLE { position:relative; border:0px solid #fafafa; padding:0 0 1rem 0; margin-bottom:.75em; box-shadow:1px 1px 4px rgba(0,0,0, .05); } /* masonry style since 2.0.4.3 r.03 */ .blog-masonry.blog-col-1 { column-gap:0; column-count:1; } .blog-masonry.blog-col-2 { column-gap:1.5rem; column-count:2; } .blog-masonry.blog-col-3 { column-gap:1rem; column-count:3; } .blog-masonry.blog-col-4 { column-gap:.75rem; column-count:4; } .blog-masonry.blog-col-3 H2.entry-title, .blog-grid.blog-col-3 H2.entry-title { font-size:1.6rem; } .blog-masonry.blog-col-4 H2.entry-title, .blog-grid.blog-col-4 H2.entry-title { font-size:1.4rem; } .blog-masonry ARTICLE { display:inline-block; width:100%; border:0px solid #fafafa; padding:0 0 1rem 0; margin-bottom:1.5rem; box-shadow:1px 1px 4px rgba(0,0,0,.05); } .blog-grid .entry-header, .blog-masonry .entry-header { padding-left:0; padding-right:0; } .blog-grid .entry-thumbnail, .blog-masonry .entry-thumbnail { padding:0; margin:0; } .blog-grid .entry-thumbnail IMG, .blog-masonry .entry-thumbnail IMG { width:100%; } .blog-masonry FOOTER, .blog-masonry .entry-meta, .blog-masonry .entry-title, .blog-masonry .entry-summary, .blog-grid FOOTER, .blog-grid .entry-meta, .blog-grid .entry-title, .blog-grid .entry-summary { padding-left:.75rem; padding-right:.75rem; } .blog-grid .entry-meta UL LI, .blog-masonry .entry-meta UL LI { display:block; } @media ( max-width:1200px ) { .blog-masonry, .blog-masonry.blog-col-3, .blog-masonry.blog-col-4 { column-gap:1.5rem; column-count:2; } .blog-grid, .blog-grid.blog-col-3, .blog-grid.blog-col-4 { grid-template-columns:48.5% 48.5%; grid-gap:.75em 3%; -moz-column-count:2; -webkit-column-count:2; column-count:2; } } @media ( min-width:768px ) and ( max-width:992px ) { .blog-masonry, .blog-masonry.blog-col-2, .blog-masonry.blog-col-3, .blog-masonry.blog-col-4 { column-gap:0; column-count:1; } .blog-grid, .blog-grid.blog-col-2, .blog-grid.blog-col-3, .blog-grid.blog-col-4 { grid-template-columns:100%; grid-gap:.75em 0; -moz-column-count:1; -webkit-column-count:1; column-count:1; } } @media ( max-width:576px ) { .blog-masonry, .blog-masonry.blog-col-2, .blog-masonry.blog-col-3, .blog-masonry.blog-col-4 { column-gap:0; column-count:1; } .blog-grid, .blog-grid.blog-col-2, .blog-grid.blog-col-3, .blog-grid.blog-col-4 { grid-template-columns:100%; grid-gap:.75em 0; -moz-column-count:1; -webkit-column-count:1; column-count:1; } } /* end blog styles */ H3.comments-title { font-size:1.5rem; font-weight:normal; } H3.comment-reply-title { font-size:1.15rem; font-weight:normal; } .entry-header { margin:0; padding:0 0 1.5rem 0; position:relative; } .archive-header { margin:0; padding:0 0 3.0rem 0; } .archive-title { padding:0; margin:0; line-height:1.2; } .entry-title { padding:0; margin:.75rem 0; line-height:1.2; } H2.entry-title { font-size:1.8rem; padding:.25rem 0; } H3.entry-title { padding-top:.25em; } H5.archive-title { padding-top:.5em; font-size:1rem; } .author-meta { margin:3rem 0 0 1rem; background:var(--tc-cool-050); border-radius:var(--tc-bradius-025); border:1px solid var(--tc-cool-100); display:flex; } .author-meta H3 { font-size:1.25rem; display:inline-block; padding:0; } .author-title { padding:0 0 .25rem; margin:0 0 .5rem auto !important; line-height:100%; } .author-description { margin:1rem; } IMG.author-avatar { margin:-1.25rem 0 .75rem -1rem; border-radius:var(--tc-bradius-025); width:120px; height:120px; } .archive-meta P { padding:.5em 0 1em; } .entry-summary P { text-align:left; padding-bottom:.5rem; } .entry-meta-nav P { text-align:left; padding-bottom:.5rem; } /* since 2.0.4.3 r.03 */ .entry-summary .aside { font-weight:bold; display:block; margin-bottom:.5em; } .entry-meta-nav { position:absolute; bottom:0; } .single-title, .entry-meta UL, .comment-meta UL, .entry-header .entry-thumbnail { padding:.25rem 0; } /* since 2.0.4.3 r.03 */ .entry-thumbnail FIGCAPTION { padding:.75em; background:#fafafa; font-size:.9em; color:inherit; } /* post format:"quote" */ .format-quote { margin:0; } .format-quote BLOCKQUOTE P:last-child { padding-top:1em; text-align:left; font-size:90%; } .widget-area .panel-group { padding-bottom:0; margin:0; } .widget-area H3 { font-size:1.3em; color:#444E5A; padding:0; margin:0 0 15px 0; line-height:2.0em; border-bottom:1px solid rgba(134, 144, 156, 0.1); } .widget-area H3.standalone { border-bottom:1px solid #f4f4f4; margin-bottom:15px; padding-left:5px; } .post .meta-nav { font-size:0.95em; display:inline-block; padding:1em 0; } .post .meta-nav:after { content:"\276D"; padding-left:0.5em; } .entry-meta UL, .comment-meta UL { list-style:none; margin:0; } .entry-meta UL LI, .comment-meta UL LI { display:inline-block; margin-right:.5em; padding-right:.5em; font-size:85%; line-height:1.5; border-right:1px dotted #ddd; } .entry-meta UL LI:last-child, .comment-meta UL LI:last-child { border-right:0; } SUP.featured-post { font-size:.8rem; top:-.75rem; padding-left:1rem; } .panel-default > .panel-heading-blog-archive { border:0; font-size:105%; padding:0; } .panel-body-blog-archive { padding-left:1em; } /* Recent Posts Shortcode */ .wdns-recent-posts { position:relative; display:flex; flex-direction:row; flex-wrap:wrap; padding:2rem 0; width:100%; } .wdns-recent-posts > [class*='col-'] { display:flex; flex-direction:column; } .wdns-recent-posts H2 { padding:0; line-height:175%; } .wdns-recent-posts A { padding:1rem 0; display:block; } .wdns-recent-posts NAV { margin-top:auto; } /* Boxes Since:2.0.4.0 Changed:2.0.4.3 r.02 */ .alert { padding:.5rem .5rem .5rem 1rem; margin:.5rem 0; border:1px solid #eee; border-radius:3px 0 0 3px; border-left-width:4px; display:block; font-size:.85rem; background:transparent; } .alert-info { color:#31708f; border-left-color:#31708f; } .alert-danger { color:#a94442; border-left-color:#a94442; } .alert-success { color:#7cac7d; border-left-color:#7cac7d; } .alert-warning { color:#f0ad4e; border-left-color:#f0ad4e; } .alert-dismissable .close, .alert-dismissible .close { position:relative; top:0; right:0; color:inherit; } /* Progress Bars:2.0.4.0 Changed:2.0.4.3 r.02 */ .progress-bar-container { padding:1em; border-left:1px solid #eee; border-bottom:1px solid #eee; margin:1em 0; } .progress-description { padding:.5em 0 0 0; margin:0; font-size:.85em; color:#777; } .progress-bar-description SPAN { color:#777; padding-left:.25em; } .progress, .progress .bar { position:relative; background:#f5f5f5; height:34px; line-height:34px; margin-bottom:.25em; border-radius:1px; z-index:20; -webkit-box-shadow:none; box-shadow:none; } .progress-bar { font-size:.90em; color:#fff; text-align:left; padding-left:.5em; line-height:inherit; -webkit-box-shadow:none; box-shadow:none; } .progress-bar-info { background-color:#31708f; transition:width 2s linear 250ms; } .progress-bar-danger { background-color:#a94442; transition:width 2s ease-in-out 250ms; } .progress-bar-success { background-color:#7cac7d; transition:width 2s linear 125ms; } .progress-bar-warning { background-color:#f0ad4e; transition:width 2s ease-out 500ms; color:#000; } .progress-bar-min { z-index:30; text-align:right; } .progress-bar-max { z-index:20; text-align:right; } .progress-bar-min, .progress-bar-max { border-right:1px dashed rgba(8,8,8,.25); background:rgba(255,255,255,.2); position:absolute; left:0; } .form-allowed-tags { padding:0; display:block; } .form-allowed-tags CODE { padding:.5rem; border-radius:0; display:block; } /* * */ .comments-area, .comment-respond { padding:2rem 0; text-align:left; } .comment-list { list-style-type:none; padding:0; margin:0; } .comment-content { line-height:1.25em; } .child-comments { margin-left:1.6rem; } .child-comments ARTICLE { padding-bottom:.5rem; } .comment-meta UL { list-style:none; margin:0; padding:0.7rem 0 .2rem 0; } /* * */ .post-navigation {padding-bottom:3rem; } .pager { text-align:center; list-style:outside none none; padding:0; margin:0; clear:both; } .pager UL { padding:0; } .pager li > a, .pager li > span { border:0; background:transparent; border-radius:0; display:inline-block; padding:5px 0; font-size:90%; } .pager li > a:hover, .pager li > span:hover { background-color:transparent; } .pager .next > a, .pager .previous > a { max-width:40%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pager li.previous > a:before, .pager li.previous > span:before { content:"\276C"; padding-right:.5em; font-size:100%; } .pager li.next > a:after, .pager li.next > span:before { content:"\276D"; padding-left:.5em; font-size:100%; } /** * Since: 2.0.4.3 * Last Changed: r.03 * Maintainer: A.Kra. */ UL.pagination { display:inline-block; padding-left:0px; margin:1.2em 0; border-radius:0; } UL.pagination > LI:last-child > A, UL.pagination > LI:first-child > A, UL.pagination > LI:last-child > SPAN, UL.pagination > LI:first-child > SPAN { border-radius:0; } UL.pagination > LI > A, UL.pagination > LI > SPAN { border:1px solid #ddd; background:transparent; border-radius:0; } UL.pagination > LI > A:focus, UL.pagination > LI > A:hover, UL.pagination > LI > SPAN:focus, UL.pagination > LI > SPAN:hover { background:#444E5A; color:#fff; border-color:#444E5A; } UL.pagination > LI > SPAN.current { background:transparent; color:#ddd; border:1px solid #ddd; } /** Breadcrumbs **/ ul.breadcrumb { width:100%; text-align:right; margin:20px 0 0; background:transparent; } ul.breadcrumb > LI { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:300px; text-shadow:none; } ul.tag-cloud { list-style:none; padding:0; margin:0; } ul.tag-cloud LI { display:inline-block; margin:0 0 2px 0; } textarea#message { padding:10px 15px; height:219px; } .timeline { position:relative; margin-bottom:-3px !important; } .timeline .timeline-bar-wrapper { position:static; } .timeline .timeline-bar { text-align:center; } .timeline .timeline-bar:after { content:" "; position:absolute; top:0; bottom:0; width:8px; left:50%; margin-left:-4px; border-radius:3px; background-color:#ff5335; } .timeline .timeline-bar h2 { margin:20px 0; position:relative; z-index:1; font-weight:700; } .timeline h2.time { background:#f5f5f5; } .timeline i { display:inline-block; margin:10px 0; font-size:26px; border:5px solid rgba(0, 0, 0, 0.2); padding:0; line-height:22px; -webkit-border-radius:100%; border-radius:100%; color:#ff5335; } .timeline .timeline-item-box { position:relative; z-index:2; } .timeline .timeline-item-box.odd { margin-top:70px; } .timeline .timeline-item-box.odd:before { left:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; border-left-color:255,255,255; border-width:10px; top:30%; margin-top:-15px; } .timeline .timeline-item-box.even { margin-top:120px; } .timeline .timeline-item-box.even:after { right:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; border-right-color:255,255,255; border-width:10px; top:30%; margin-top:-15px; } /** CPT Tabs **/ .tab-container { position:relative; float:unset; } .tab-container:after { clear:both; } .tab-content { background:var(--wdns-tab-content-bg); padding:var(--wdns-tab-content-padding); border-width:var(--wdns-tab-content-border-width); border-style:var(--wdns-tab-content-border-style); box-shadow:var(--wdns-tab-content-shadow); min-height:180px; } .tabs-left-content, .tabs-right-content { border-width:1px; border-style:solid; } .tab-content P { padding:0 0 1.25rem 0; } .nav-tabs { display:flex; flex-direction:row; margin-top:.5rem; background:var(--wdns-tab-tabs-bg); border:0; } .nav-tabs > LI { flex:auto; text-align:center; } .nav-tabs > LI > A, .nav-tabs > LI > A:hover, .nav-tabs > LI.active > A, .nav-tabs > LI.active > A:hover, .nav-tabs > LI.active > A:focus { border:0; border-bottom:var(--wdns-tab-tabs-border); margin:0; border-radius:0; } .nav-tabs > LI > A { color:var(--wdns-tab-tabs-color); transition:.5s; } .nav-tabs > LI > A:hover { border-color:var(--wdns-tab-tabs-hover); background:var(--wdns-tab-tabs-hover); color:var(--wdns-tab-tabs-hover-color); } .nav-tabs > LI.active > A, .nav-tabs > LI.active > A:hover, .nav-tabs > LI.active > A:focus { color:var(--wdns-tab-tabs-active-color); background-color:var(--wdns-tab-tabs-active); border-color:var(--wdns-tab-tabs-active-color); } .tabs-left > LI, .tabs-right > LI { float:none; margin-bottom:0; } .tabs-left, .tabs-right { border-bottom:none; padding-top:0; } /** Shortcode **/ .dropcap { overflow:hidden; } .dropcap:first-letter { color:#666; display:block; float:left; font-size:50px; line-height:40px; padding:4px 8px 0 0; } /** Block **/ .block.rounded{ border-radius:4px; -webkit-border-radius:4px; border-style:solid; } .block.border-solid{ border-style:solid; } .block.border-dashed{ border-style:dashed; } .block.border-dotted{ border-style:dotted; } /** Block number **/ .blocknumber { position:relative; min-height:45px; padding:10px 0 5px 60px; } .blocknumber span { font-weight:bold; width:48px; height:48px; line-height:48px; display:block; text-align:center; position:absolute; top:0; left:0; } /* * Widget Area:right side, bottom and custom post types * */ .widget { margin-bottom:30px; } .widget-area-inner { padding-bottom:15px; } .widget-area UL, .bottom-widget UL, .widget-area-inner UL, .bottom-widget-inner UL { list-style:none; padding:0; margin-bottom:.5rem; } .widget-area UL LI, .bottom-widget UL LI, .widget-area-inner UL LI, .bottom-widget-inner UL LI { position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .widget-area .cat-item, .widget-area .media-heading, .bottom-widget .media-heading { line-height:1.1; padding:0; font-size:1rem; margin:.125rem 0; } .widget-area .cat-parent { line-height:130%; margin-top:10px; cursor:pointer; color:rgba(46, 55, 64, 0.8); /* 86909C, 444e5a */} .widget-area .cat-item-description, .widget-area .media-heading-description, .bottom-widget .media-heading-description { font-size:.85em; /* !rem */ padding:0; margin:0; line-height:1.25; display:block; } /** CSS overloading widgets(area) **/ .widget-area .media-heading { white-space:wrap; -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; } .wdns-ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #bottom .media, .widget-area .media, .widget-area UL LI.cat-item { margin:0 0 .35rem 0; display:flex; flex-direction:row; align-items:start; } .widget-area UL LI.cat-item { flex-direction:column; } @media( max-width:960px ){ .bottom-widget H2, .bottom-widget H3 { margin-top:.75rem; } } /** Sidebar, widgets **/ .media-body, .media-left, .media-right { vertical-align:top; display:inline-block; float:left; } .media-left, .media>.pull-left { padding-right:.25rem; align-self:center; flex-grow:0; flex-shrink:0; } .media-right, .media>.pull-right { padding-left:.25rem; } .widget-area .post-date { display:block; margin-left:0; font-size:.85em; line-height:100%; } .wdns-media-thumb-16, .wdns-media-thumb-24, .wdns-media-thumb-32, .wdns-media-thumb-48, .wdns-media-thumb-64 { padding:0; margin:0 .25rem 0 0; border-radius:var(--tc-bradius-012); } .wdns-media-thumb-16 { width:16px; } .wdns-media-thumb-24 { width:24px; } .wdns-media-thumb-32 { width:32px; } .wdns-media-thumb-48 { width:48px; } .wdns-media-thumb-64 { width:64px; } /** Search forms **/ .wdns-search-field, .wdns-search-form .btn-default { height:34px; } .nav-search-form { display:none; position:absolute; right:0; margin:.25rem 0 0; padding:1rem; min-width:320px; border-radius:2px; } .nav-search-form-dark { background:rgba(0,0,0,.25); } .nav-search-form-dark .wdns-search-form INPUT { border-radius:2px; border-color:rgba(250,250,250,.75); color: rgba(250,250,250,.75); } .nav-search-form-dark .wdns-search-form INPUT::placeholder { color: rgba(250,250,250,.75); } .nav-search-form-light { background:rgba(255,255,255,.7); } .nav-search-form-light .wdns-search-form INPUT { border-radius:2px; border-color:rgba(0,0,0,.25); color: rgba(0,0,0,.25); } .nav-search-form-light .wdns-search-form INPUT::placeholder { color: rgba(0,0,0,.25); } .menu-item-search { cursor:pointer; } /** Calender **/ .widget-area #calendar_wrap TABLE { width:100% ; } .widget-area #calendar_wrap TH { text-align:center; } .widget-area #calendar_wrap TD { text-align:center; } .widget-area #calendar_wrap TR { border-bottom:1px solid #eee; line-height:25px; } .widget-area #calendar_wrap #prev { text-align:left; } .widget-area #calendar_wrap #next { text-align:right; } /* since 2.0.4.3 r.03 */ .widget-area .tagcloud A { font-size:inherit; padding-right:1em; margin-bottom:.25em; display:inline-block; border:0; line-height:130%; } .widget-area .cat-item-count, .widget-area .tagcloud .tag-link-count { font-size:75%; line-height:130%; vertical-align:top; } .widget-area ul li a { margin-left:0; line-height:130%; } .widget-area ul.children { margin-top:10px; } .widget-area ul.children li { margin-left:15px; } .widget-area select { width:100%; margin:10px 0; height:34px; padding:6px 12px; } .wp-smiley { display:inline-block; } .rsswidget { display:inline-block; } .textwidget IMG { margin-top:10px; } /** Caption **/ .wp-caption IMG { max-width:100%; } .wp-caption p.wp-caption-text { padding:3px; } /** Divider **/ .divider-default { margin-bottom:40px !important; } .divider-lg { margin-bottom:100px !important; } .divider-md { margin-bottom:50px !important; } .divider-sm { margin-bottom:20px !important; } .divider-xs { margin-bottom:10px !important; } .rdivider { width:15%; border-top:1px solid rgba(134, 144, 156, 0.2); margin:1em 0 0 auto; height:1px; display:block; } .ldivider { width:15%; border-top:1px solid rgba(134, 144, 156, 0.2); margin:1em auto 0 0; height:1px; display:block; } .hdivider { width:15%; border-top:1px solid rgba(134, 144, 156, 0.2); margin:1em auto 40px auto; height:1px; display:block; } .ndivider { width:15%; border:0 !important; margin:1em auto 40px auto; height:1px; display:block; } .rdivider, .ldivider, .hdivider, .ndivider { clear:both !important; } /* * Version: 2.0.6.8 * New standard CSS for all Theme C Panels */ .tc-panel-group { padding:0; margin-bottom:1rem; font-size:1rem; } .tc-panel { margin:0; background-color:transparent; border:none; border-radius:0; box-shadow:none; } .tc-panel-heading { border-bottom:1px solid var(--tc-grey-light-super); } .tc-panel-title { margin:0; padding:0; text-align:left; display:flex; flex-direction:row; align-items:center; font-size:1em; } .tc-panel-title > A { flex-grow:1; line-height:1.2; font-size:1em; color:inherit !important; padding:.5em 0; } .tc-panel-title SPAN { margin-left:.25em; } .tc-panel-title .accordion-toggle:not(.collapsed) + SPAN i.bi-tc-panel::before { content:"\f284"; } .tc-panel-body > .tc-panel-list LI A { color:inherit !important; } .tc-panel-list { padding:0; margin:.5em 0; } .tc-panel-list .tc-panel-list { padding:0 0 0 .75em !important; margin:0; } .tc-panel-list LI { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .tc-panel-list LI::before { margin-right:.25em; } .tc-panel-description { font-size:.85em; padding:0; margin-bottom:.05em; display:block; } /** CPT Faq **/ .faq-content { min-height:350px; } .faq-spec-sec { margin-top: 3rem !important; } .faq-content-inner { padding-top:1rem; } .faq-content .archive-meta P, .howto-content .archive-meta P { margin-top:1rem; font-size:1.1rem; } #wdns-faq-newrequest INPUT[type="text"] { width:50%; } #wdns-faq-newrequest TEXTAREA { width:90%; } /** CPT Howto **/ .howto-spec-sec { height:40px; } .howto-disabled, .howto-article { display:block; padding:.75rem 0; } .wdns-meta { margin:.5rem 0; font-size:0.9rem; display:block; } .wdns-meta SPAN { padding-right:.5rem; color:var(--tc-cool-400); } .wdns-top, .wdns-faq-top, .wdns-howto-top { margin-bottom:2rem; display:block; text-align:center; font-size:150%; } .howto-content-inner { padding-bottom:30px; } .howto-content-inner .code { padding:2px 4px; font-size:90%; color:#C7254E; background-color:#F9F2F4; border-radius:4px; } .howto-content-inner HR { border-color:#f6f6f6; } .howto-content-inner .highlight { padding:9px 14px; margin-bottom:15px; background-color:#F7F7F9; border:1px solid #E1E1E8; border-radius:4px; } .howto-content-inner .script { border:1px dashed #069; } .howto-content-inner .highlight PRE { padding:0px; margin-top:0px; margin-bottom:0px; word-break:normal; white-space:nowrap; background-color:transparent; border:0px none; } .howto-content-inner .highlight PRE CODE { padding:0px; font-size:inherit; color:inherit; white-space:nowrap; background-color:transparent; border-radius:0px; } .howto-content-inner IMG { border:1px solid #EEE; } .howto-content-inner .wdns-figure { display:block !important; padding:0 0 3em 0; clear:both; overflow:auto; } .howto-content-inner .wdns-figure IMG { padding:0 !important; margin:0 1.3em 0 0; float:left; } .wdns-callout { padding:20px; margin:5px 0px; border-width:1px 1px 1px 5px; border-style:solid; border-color:#EEE; border-radius:3px; } .wdns-callout .highlight { margin-top:15px; margin-bottom:0; } .wdns-callout P { padding:0; margin:0; line-height:1.2em; color:#86909d; } .wdns-callout H3 { font-size:1.3em; line-height:1.1em; padding:0 0 5px 0; margin:0; } .wdns-callout-alert { border-left-color:#CE4844; } .wdns-callout-alert H3 { color:#CE4844; } .wdns-callout-success { border-left-color:var(--wdns-green); } .wdns-callout-success H3 { color:var(--wdns-green); } .wdns-callout-warning { border-left-color:#AA6708; } .wdns-callout-warning H3 { color:#AA6708; } .wdns-callout-info { border-left-color:#1B809E; } .wdns-callout-info H3 { color:#1B809E; } /** CPT Products ( wdns_products ) **/ .prdt-search-result { display:flex; flex-direction:row; margin:.5rem 0; } .prdt-product-thumbnail { box-shadow:(--tc-boxshadow-medium); min-width:150px; } .prdt-product-thumbnail IMG { object-fit:cover; } .prdt-search-description { padding:.25rem 1rem; line-height:1.2;} .prdt-search-description H4 { padding:.2em 0; margin:0; } .prdt-auto-margin { margin:auto; flex-grow:1; } .wdns-products-container HEADER { display:flex; flex-direction:column; } .wdns-products-container HEADER .headline { display:flex; flex-direction:row; align-items:center; } .wdns-products-container HEADER .headline P, .wdns-products-container HEADER .headline H2 { margin:0; padding:0; } .wdns-products-container HEADER .headline P { text-align:right; max-width:25%; } .wdns-products-container HEADER .headline H2 { flex-grow:1; line-height:1.2; } .wdns-products-container HEADER .description { padding:1rem; line-height:1.5; } .wdns-products-container .breadcrumbs { font-size:1em; margin:.5rem 0 2rem; clear:both; color:#aaaaaa; } .wdns-products-container .breadcrumbs I { font-size:.75em; } .wdns-products-container .breadcrumbs A { padding:0 .15rem; line-height:1.1; text-decoration:underline; } .wdns-products-container .breadcrumbs A:hover { text-decoration:none; } .wdns-products-container .itemsbox { border:0; padding:1rem; margin: 0 0 1.5rem 0; box-shadow: 4px 4px 12px #e0e0e0; } .wdns-products-container .itemsbox-content { padding:.25rem; } .wdns-products-container .itemsbox-content A { line-height:1.5; margin-top:auto; } .wdns-products-container .itemsbox-header { display:flex; flex-direction:column-reverse; align-content:center; align-items:center; } .wdns-products-container .itemsbox-header H3 { font-size:1.3rem; text-align:center; margin:1.5rem 0; word-break: keep-all; } .wdns-products-container .itemsbox-header IMG { display:inline-block; max-width:100%; } .wdns-products-container .itemsbox-body { display:flex; flex-direction:column; height:100%; padding:0; } .wdns-products-container .itemsbox-body P { padding-bottom:1rem; line-height:1.1; text-align:justify; } .wdns-product-categories { margin-top:2rem; } .wdns-products-single .service-heading { padding-bottom:1em; } .wdns-products-single .service-heading SPAN { font-size:.65em; font-weight:400; } .wdns-products-single .prdt-product-image { box-shadow:2px 2px 12px #d0d0d0; display:flex; justify-content:center; height:100%; padding:2rem; } .wdns-products-single .prdt-product-image IMG { object-fit:contain; } .wdns-products-single .product-tab-bar { margin-top:4em; } .wdns-products-single .nav-tabs { margin-top:0.5em; background:transparent; border:0; } @media( max-width:768px ){ .wdns-products-single .product-tab-bar .nav-tabs LI { display: block; margin-bottom:1px; } .wdns-products-single .nav-tabs { display: block; } } .wdns-products-single .nav-tabs > LI > A { background:#444E5A; color:#ffffff; border-color:#444E5A; margin-right:1px; border-radius:3px; } .wdns-products-single .nav-tabs > LI.active > A { background:#ededed; color:#444E5A; border-color:#ededed; } .wdns-products-single .nav-tabs > LI:hover > A, .wdns-products-single .nav-tabs > LI:focus > A { background:#0e85c7; color:#ffffff; border-color:#0e85c7; } .wdns-products-single .tab-content { background:transparent; padding:1em; border-width:0; min-height:180px; } @media( max-width:1024px ){ .wdns-products-single .product-tab-bar .nav-tabs LI { width:100%; margin-bottom: 1px; } } .wdns-products-single .product-tab-bar .tab-content UL.noicon, .wdns-products-single .product-tab-bar .tab-content OL.noicon { list-style-type:none; } .wdns-products-single .product-tab-bar .tab-content .supplies UL { padding:0; list-style-type:none; } .wdns-products-single .product-tab-bar .tab-content .supplies LI { display:flex; flex-direction:row; margin-bottom:1em; } .wdns-products-single .product-tab-bar .tab-content .supplies IMG { max-width:120px; } .wdns-products-single .product-tab-bar .tab-content .supplies DIV { padding:1em; } .wdns-products-single .product-tab-bar .tab-content TABLE { margin-bottom:1rem; } .wdns-products-single .product-tab-bar .tab-content CAPTION { color:#0e85c7; } .wdns-products-single .product-tab-bar .tab-content TD, .wdns-products-single .product-tab-bar .tab-content TH { padding:.5em .25em; vertical-align:middle; } .wdns-products-single .product-tab-bar .tab-content TH { color:#fff; background:#444e5a; font-weight:400; } .wdns-products-single .product-tab-bar .tab-content TD { border-bottom: 1px dotted #444e5a; } .wdns-products-single .product-tab-bar .tab-content H4 { padding:.5em 0 1em 0; font-size:1.2em; } .wdns-products-single .pro-slider-container { padding:1em 0; } .wdns-products-single .pro-slider-content H3 { padding-top:2rem; } .wdns-products-single TABLE.prdt-product-downloads TD:nth-child(5), .wdns-products-single TABLE.prdt-product-downloads TH:nth-child(5), .wdns-products-single TABLE.prdt-product-downloads TD:nth-child(4), .wdns-products-single TABLE.prdt-product-downloads TH:nth-child(4) { text-align:right; } /** CPT Services **/ /* 2019-09-25 .itemsbox-button { position:absolute; top:auto; bottom:0; left:0; right:0; text-align:center; } */ .itemsbox-button { margin-top:auto; text-align:center; } .itemsbox-button A { display:inline-block; } .itemsbox, .itemsbox-content { /* 2019-09-25 display:block; */ display:flex; flex-direction:column; height:100% !important; width:100%; position:relative; } .itemsbox { margin-top:0; border:1px solid rgba(235, 234, 225, 0.75); border-radius:1px; padding:1em; margin-bottom:1.5em; } .itemsbox-content { overflow:hidden; padding-bottom:2.5rem; } .itemsbox-header IMG { display:block; width:100%; height:auto; } .itemsbox-body, .itemsbox-body H3, .itemsbox-body H4, .itemsbox-body P { text-align:left; margin:0; padding:0; word-wrap:break-word; } .itemsbox-body H3 { line-height:1; padding-bottom:.6rem; } .itemsbox-body H4 { line-height:1; padding-bottom:.75rem; font-size:1.4rem; } .itemsbox-body { padding:.5em; line-height:150%; } /* * CPT universall styles * MODERN Layout Enhancements * * -- wdns_service * -- wdns_products * */ .modern .itemsbox-body { padding:.5em; line-height:150%; } /*download btn*/ #main-info { background-color:#ECF0F1; } /** * WP CPT:wdns_icons * */ .icon-container { float:left; width:100%; padding:1rem 0; } .icon-container-rows { display:block !important; float:left; width:100%; } .icon-container DIV, .icon-container DIV A { display:flex; } .icon-icon { margin-right:.5rem; } .icon-icon, .icon-content { flex-direction:column; } .icon-name, .icon-description { display:block; } /** WPCPT:wdns_testimonial 2022-06-03 **/ .testimonial-container { padding:2rem 0; } .testimonial-container:after { clear:both; } .testimonial-container H4 { font-size:1.15rem; line-height:1.2; text-align:justify; } .splide .testimonial-itemsbox, .tc-tm-single .testimonial-itemsbox { display:flex; flex-direction:row; align-content:center; align-items:center; background:#fff; border-radius:.25rem; box-shadow:var(--tc-boxshadow-light); height: 100%; } .splide .testimonial-itemsbox *, .tc-tm-single .testimonial-itemsbox * { padding:0; text-align:left; } .splide .testimonial-itemsbox > .item-raw, .tc-tm-single .testimonial-itemsbox > .item-raw { flex:0 0 auto; padding-left:2rem; } .splide .testimonial-itemsbox > .item-raw IMG, .tc-tm-single .testimonial-itemsbox > .item-raw IMG { border-radius:50%; } .splide .testimonial-itemsbox > .item-flex, .tc-tm-single .testimonial-itemsbox > .item-flex { flex:auto; display:flex; flex-direction:column-reverse; padding:2rem;} .splide .tc-tm-testimonial, .tc-tm-single .tc-tm-testimonial { line-height: 1.5; padding-bottom:1.25rem; opacity:.55; font-size:93%;} .splide .tc-tm-designation, .tc-tm-single .tc-tm-designation { opacity:.5; font-weight:600; font-size:.825rem; letter-spacing:.1em; } .splide .tc-tm-designation A, .tc-tm-single .tc-tm-designation A { color:inherit !important; } .splide .tc-tm-designation A:after, .tc-tm-single .tc-tm-designation A:after { font-family:'Bootstrap Icons'; content:'\F471'; font-weight:400; vertical-align:-.125em; margin-left:.25em; } .splide .tc-tm-title, .tc-tm-single .tc-tm-title { line-height:1.5; font-size:1.2rem; font-weight:600; letter-spacing:.025em; } .splide .tc-tm-slide, .tc-tm-single .tc-tm-slide { height:100%; padding:2.5rem .5rem .5rem .5rem; } .tc-tm-card, .tc-tm-card .testimonial-itemsbox { height:100%; } .tc-tm-card .testimonial-itemsbox { overflow:hidden; display:flex; flex-direction:column; align-content:center; align-items:center; background:#fff; border-radius:.3rem; box-shadow:var(--tc-boxshadow-light); } .tc-tm-card .testimonial-itemsbox * { padding:0; text-align:center; } .tc-tm-card .testimonial-itemsbox > .item-raw { width:100%; margin-bottom:calc(100% / 6); /*margin-top:calc(100% / -16);*/ flex:1 1; } .tc-tm-card .testimonial-itemsbox > .item-raw IMG { min-width:100px; border-radius:50%; max-width:35%; margin-left:auto; margin-right:auto; transform:translateY(48%); border:2px solid #fff; } .tc-tm-card .testimonial-itemsbox > .item-flex { flex:auto; display:flex; flex-direction:column; padding:1.5rem;} .tc-tm-card .tc-tm-testimonial { line-height: 1.5; padding-bottom:1.25rem; opacity:.55; font-size:93%;} .tc-tm-card .tc-tm-designation { opacity:.5; font-weight:600; font-size:.825rem; letter-spacing:.1em; } .tc-tm-card .tc-tm-designation A { color:inherit !important; } .tc-tm-card .tc-tm-designation A:after { font-family:'Bootstrap Icons'; content:'\F471'; font-weight:400; vertical-align:-.125em; margin-left:.25em; } .tc-tm-card .tc-tm-title { line-height:1.5; font-size:1.2rem; font-weight:600; letter-spacing:.025em; } .tc-tm-card .tc-tm-slide { height:100%; padding:2.5rem .5rem .5rem .5rem; } .tc-tm-single { padding:3rem; border-radius:.25rem; } .tc-tm-single .testimonial-itemsbox { max-width:800px; margin:0 auto; } .tc-tm-card-meta { font-size:1.1rem; text-align:justify; line-height:1.2; opacity:.75; } /*bottom*/ UL#menu-company-menu { padding-left:0; } UL#menu-company-menu LI { list-style:none; position:relative; } UL#menu-company-menu LI:before { content:"\f105"; font-family:'Font_Awesome_5_Free'; margin-right:5px; } /* * Parallax * Version: 0.1 * Modified: 2015-05-05 * Maintainer:a.kra. */ .parallax { position:relative; z-index:1; } .parallax-image { background-position:50% 0; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; } .parallax-content { position:relative; z-index:4; padding:0; } .parallax-overlay { position:absolute; top:0px; left:0px; width:100%; height:100%; } .parallax-overlay.light { background-color:rgba(255,255,255, 0.85); } .parallax-overlay.dark { background-color:rgba(46, 55, 64, 0.75); } /* * Section Backgrounds * - functions.php -> Page Settings Options */ .bg-dark { /*color:#fff; color:rgba(255, 255, 255, .8); */ } .bg-smooth { /*color:#000; color:rgba(0, 0, 0, .8); */ } /** * Overlays / WDNS Modals * @since 2.0.6.1 */ .wdns-modal { position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); opacity:0; visibility:hidden; transform:scale(1.1); transition:visibility 0s linear 1s, opacity 1s 0s, transform 1s; } .wdns-modal-content { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:calc(100% - 1rem); background-color:rgb(255,255,255); padding:0; border-radius:.05rem; overflow:hidden; display:flex; justify-content:center; max-height:calc(100% - 2rem); } .wdns-modal-content.column { flex-direction:column; } .wdns-modal-content.column-reverse { flex-direction:column-reverse; } .wdns-modal-content.row { flex-direction:row; } .wdns-modal-content.row-reverse { flex-direction:row-reverse; } .wdns-modal-content-inner { padding:1rem; overflow-y:auto !important; scrollbar-width:thin; width:100%; } .wdns-modal-content-ilayer { z-index:-1; } .wdns-modal-content-inner::-webkit-scrollbar { width:11px; } .wdns-modal .notremember { margin:0; padding:0; text-align:right; font-size:.8rem; position:absolute; bottom:1px; right:.5rem; } .wdns-close-button { position:absolute; top:1px; right:1px; width:2rem; line-height:2.25rem; text-align:center; cursor:pointer; border-radius:0.05rem; background:transparent; font-weight:bold; } .wdns-close-button:hover { color:#dddddd; } .wdns-show-modal { opacity:1; visibility:visible; z-index:1000000 !important; transform:scale(1.0); transition:visibility 0s linear 0s, opacity 1s 0s, transform 1s; } /* * CPT:wdns_stories */ .stories-detail .stories-header-items { display:-webkit-flex !important; display:-ms-flexbox !important; display:flex !important; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .stories-detail .stories-header-image { margin-bottom:1rem; } .stories-detail .stories-header-text { margin-bottom:1rem; padding:2rem 1rem; background:#fff; border:1px solid #b5945d; } .stories-detail .stories-content-item { margin-top:2rem; margin-bottom:1rem; } .stories-detail .stories-content-top { margin-bottom:3rem; text-align:center; } .stories-detail .stories-content-meta P { font-size:0.85rem; margin:1px 0; padding:0; line-height:1.3em; } .stories-list .stories-list-item { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .stories-list .stories-header-image { margin-bottom:1rem; } .stories-list .stories-header-text { margin-bottom:1rem; padding:2rem; background:#fff; } .stories-list .stories-content-item { margin-top:2rem; margin-bottom:1rem; } .stories-list .stories-content-top { margin-bottom:3rem; text-align:center; } .stories-list .stories-content-meta P { font-size:0.85rem; margin:1px 0; padding:0; line-height:1.3em; } .stories-list .stories-readmore-link { padding-top:1rem; } /** * Section Builder (SB) */ .object-fit { width:100%; height:100%; } .object-fit IMG { object-fit:cover; width:100%; height:100%; } /** * Social Media */ .wdns-share-inline { padding:0 .25rem; font-size:inherit; color:inherit; line-height:inherit; } .wdns-share-wrapper { margin:0 0 .5rem 0; } .wdns-share-content A { position:relative; display:inline-block; } .wdns-share-content A SPAN { vertical-align:super; margin:0 5px 0 -3px; } .wdns-share-content A I { font-size:200%; margin-right:.25em; } .wdns-share-inline A I { margin-right:.25em; } .wdns-share-wrapper P { font-size:.95rem; margin-bottom:1rem; } .wdns-share-btns-container { bottom:4.2rem; position:fixed; margin:.25rem 0 .25rem .25rem; right:1rem; z-index:99999; } .wdns-share-btns-container:hover .wdns-share-btn:not(:last-child) { opacity:1; width:2.5rem; height:2.5rem; margin:.2rem auto 0; } .wdns-share-btn { display:block; width:2.5rem; height:2.5rem; border-radius:2%; text-align:center; color:inherit; margin:.25rem auto 0; border: 1px solid rgba(255,255,255,.08); box-shadow: 0px 2px 5px -1px rgba(0,0,0, .18), 0px 2px 6px -7px rgba(0,0,0, .15); cursor:pointer; transition:all .1s ease-out; position:relative; } .wdns-share-btn > i { font-size: 1.5rem; line-height:2.5rem; transition: all .2s ease-in-out; transition-delay: 2s; } .wdns-share-btn:active, .wdns-share-btn:focus, .wdns-share-btn:hover { box-shadow: 0 0 4px rgba(0,0,0, .14), 0 4px 6px rgba(0,0,0, .28); } .wdns-share-btn:not(:last-child) { width:2.5rem; height:2.5rem; margin:.25rem auto 0; opacity:0; } .wdns-share-btn:not(:last-child) > i { font-size:1.5rem; line-height:2.5rem; transition:all .3s ease-in-out; } .wdns-share-btn:nth-last-child(1) { transition-delay: 25ms; } .wdns-share-btn:not(:last-child):nth-last-child(2) { transition-delay:20ms; } .wdns-share-btn:not(:last-child):nth-last-child(3) { transition-delay:60ms; } .wdns-share-btn:not(:last-child):nth-last-child(4) { transition-delay:100ms; } .wdns-share-btn:not(:last-child):nth-last-child(5) { transition-delay:140ms; } .wdns-share-btn:not(:last-child):nth-last-child(6) { transition-delay:180ms; } .wdns-share-btn:not(:last-child):nth-last-child(7) { transition-delay:220ms; } .wdns-share-btn:not(:last-child):nth-last-child(8) { transition-delay:260ms; } .wdns-share-content a[data-tooltip]::before, .wdns-share-btns-container a[data-tooltip]:before { font-weight:400; border-radius:2px; background-color:rgba(0,0,0,.25); color:#fff; content:attr(data-tooltip); font-size:.85rem; visibility:hidden; opacity:0; padding:2px 6px; margin-right:.5rem; position:absolute; right:auto; left:55%; bottom:95%; white-space:nowrap; } .wdns-share-btns-container a[data-tooltip]:before { background-color:rgba(0,0,0,.25); color:#fff; right:100%; left:auto; bottom:20%; white-space:nowrap; } .wdns-share-content a[data-tooltip]:hover:after, .wdns-share-content a[data-tooltip]:hover:before, .wdns-share-btns-containera[data-tooltip]:hover:after, .wdns-share-btns-container a[data-tooltip]:hover:before { visibility:visible; opacity:1; } /** * Common TILES style * 2720 - 3811 */ .tilesbox { position:relative; width:100%; height:100%; padding:1px; } .tiles { position:relative; margin:0; list-style:none; text-align:center; } .tiles figure { position:relative; float:left; overflow:hidden; min-width:320px; width:100%; background:transparent; height:100%; cursor:pointer; } .tiles figure IMG { position:relative; display:block; min-height:100%; max-width:100%; opacity:0.8; } .tiles figure figcaption { padding:2em; color:#fff; text-transform:uppercase; font-size:1.25em; backface-visibility:hidden; } .tiles figure figcaption:after, .tiles figure figcaption:before { pointer-events:none; } .tiles figure figcaption, .tiles figure figcaption > A { position:absolute; top:0; left:0; width:100%; height:100%; } /* -- Anchor will cover the whole item by default -- -- For some effects it will show as a button -- */ .tiles figure figcaption > A { z-index:1000; text-indent:200%; white-space:nowrap; font-size:0; opacity:0; } .tiles figure H2 { word-spacing:-0.15em; font-weight:300; } .tiles figure H2 SPAN { font-weight:800; } .tiles figure H2, .tiles figure P { margin:0; } .tiles figure P { letter-spacing:1px; font-size:68.5%; line-height:1.2; } /* Individual effects */ .tiles { --eff-dexter-color:255,255,255; --eff-dexter-base1:37,141,200; --eff-dexter-base2:104,60,19; --eff-sarah-color:255,255,255; --eff-sarah-base1:66,176,120; --eff-chico-color:255,255,255; --eff-chico-base1:255,255,255; --eff-goliath-color:255,255,255; --eff-goliath-base1:223,78,78; --eff-selena-color:255,255,255; --eff-selena-base1:221,221,221; --eff-apollo-color:255,255,255; --eff-apollo-base1:0,0,0; --eff-apollo-base2:255,255,255; --eff-steve-color:45,67,78; --eff-steve-base1:255,255,255; --eff-moses-color:255,255,255; --eff-moses-base1:236,101,183; --eff-moses-base2:5,224,216; --eff-jazz-color:255,255,255; --eff-jazz-base1:243,207,63; --eff-jazz-base2:243,63,88; --eff-ming-color:255,255,255; --eff-ming-base1:3,12,23; --eff-lexi-color:255,255,255; --eff-lexi-base1:0,0,0; --eff-lexi-base2:0,0,0; --eff-duke-color:255,255,255; --eff-duke-base1:72,53,94; --eff-duke-base2:204,96,85; --eff-milo-color:255,255,255; --eff-milo-base1:46,93,90; --eff-lily-color:255,255,255; --eff-lily-base1:255,255,255; --eff-sadie-color:255,255,255; --eff-sadie-base1:72,76,97; --eff-sadie-base2:72,76,97; --eff-roxy-color:255,255,255; --eff-roxy-base1:255,137,233; --eff-roxy-base2:5,171,224; --eff-bubba-color:255,255,255; --eff-bubba-base1:158,84,6; --eff-romeo-color:255,255,255; --eff-romeo-base1:0,0,0; --eff-layla-color:255,255,255; --eff-layla-base1:24,163,103; --eff-honey-color:255,255,255; --eff-honey-base1:74,55,83; --eff-oscar-color:255,255,255; --eff-oscar-base1:34,104,42; --eff-oscar-base2:155,74,27; --eff-oscar-base3:58,52,42; --eff-marley-color:255,255,255; --eff-marley-base1:255,255,255; --eff-ruby-color:255,255,255; --eff-ruby-base1:43,136,165; } /* -- Lily -- */ figure.effect-lily { background:rgba(var(--eff-lily-base1),1); } figure.effect-lily IMG { max-width:none; width:calc(100% + 50px); opacity:0.7; transition:opacity 0.35s, transform 0.35s; transform:translate3d(-40px,0,0); } figure.effect-lily figcaption { text-align:left; } figure.effect-lily figcaption { position:absolute; bottom:0; left:0; top:auto; padding:2em; width:100%; height:50%; } figure.effect-lily P, figure.effect-lily H2 { color:rgba(var(--eff-lily-color),1); transform:translate3d(0,40px,0); } figure.effect-lily H2 { transition:transform 0.35s; } figure.effect-lily P { opacity:0; transition:opacity 0.2s, transform 0.35s; } figure.effect-lily:hover P, figure.effect-lily:hover IMG { opacity:1; } figure.effect-lily:hover P, figure.effect-lily:hover H2, figure.effect-lily:hover IMG { transform:translate3d(0,0,0); } figure.effect-lily:hover P { transition-delay:0.05s; transition-duration:0.35s; } /* -- Sadie -- */ figure.effect-sadie figcaption:before { position:absolute; top:0; left:0; width:100%; height:100%; content:''; opacity:0; background:linear-gradient(to bottom, rgba(var(--eff-sadie-base1),0) 0%, rgba(var(--eff-sadie-base2),.8) 75%); transform:translate3d(0,50%,0); } figure.effect-sadie H2 { position:absolute; top:50%; left:0; width:100%; color:rgba(var(--eff-sadie-base1),1); text-align:center; transition:transform 0.35s, color 0.35s; transform:translate3d(0,-50%,0); } figure.effect-sadie P, figure.effect-sadie figcaption:before { transition:opacity 0.35s, transform 0.35s; } figure.effect-sadie P { position:absolute; bottom:0; left:0; padding:2em; width:100%; opacity:0; transform:translate3d(0,10px,0); } figure.effect-sadie:hover H2 { color:rgba(var(--eff-sadie-color),1); transform:translate3d(0,-50%,0) translate3d(0,-40px,0); } figure.effect-sadie:hover P, figure.effect-sadie:hover figcaption:before { opacity:1; transform:translate3d(0,0,0); } /* -- Roxy -- */ figure.effect-roxy { background:linear-gradient(45deg, rgb(var(--eff-roxy-base1)) 0%, rgb(var(--eff-roxy-base2)) 100%); } figure.effect-roxy IMG { max-width:none; width:calc(100% + 60px); transition:opacity .5s, transform .5s; transform:translate3d(-50px,0,0); } figure.effect-roxy figcaption:before { position:absolute; top:30px; right:30px; bottom:30px; left:30px; border:1px solid rgba(var(--eff-roxy-color),1); content:''; opacity:0; transition:opacity 0.35s, transform 0.35s; transform:translate3d(-20px,0,0); } figure.effect-roxy figcaption { padding:3em; text-align:left; } figure.effect-roxy H2 { padding:30% 0 10px 0; color:rgba(var(--eff-roxy-color),1); } figure.effect-roxy P { color:rgba(var(--eff-roxy-color),1); text-align:left; opacity:0; transition:opacity .75s, transform .5s; transform:translate3d(-10px,0,0); } figure.effect-roxy:hover IMG { opacity:.7; transform:translate3d(0,0,0); } figure.effect-roxy:hover P, figure.effect-roxy:hover figcaption:before { opacity:1; transform:translate3d(0,0,0); } /* -- Bubba -- */ figure.effect-bubba { background:rgba(var(--eff-bubba-base1),1); } figure.effect-bubba IMG { opacity:.9; transition:opacity 0.35s; } figure.effect-bubba:hover IMG { opacity:.7; } figure.effect-bubba figcaption:after, figure.effect-bubba figcaption:before { position:absolute; top:30px; right:30px; bottom:30px; left:30px; content:''; opacity:0; transition:opacity 0.35s, transform 0.35s; } figure.effect-bubba figcaption:before { border-top:1px solid rgba(var(--eff-bubba-color),1); border-bottom:1px solid rgba(var(--eff-bubba-color),1); transform:scale(0,1); } figure.effect-bubba figcaption:after { border-right:1px solid rgba(var(--eff-bubba-color),1); border-left:1px solid rgba(var(--eff-bubba-color),1); transform:scale(1,0); } figure.effect-bubba H2 { text-align:center; padding-top:20%; color:rgba(var(--eff-bubba-color),1); transition:transform 0.35s; transform:translate3d(0,-15px,0); } figure.effect-bubba P { padding:20px 2.5em; opacity:0; transition:opacity 0.35s, transform 0.35s; transform:translate3d(0,20px,0); } figure.effect-bubba:hover figcaption:after, figure.effect-bubba:hover figcaption:before { opacity:1; transform:scale(1); } figure.effect-bubba:hover P, figure.effect-bubba:hover H2 { opacity:1; transform:translate3d(0,0,0); } /* -- Romeo -- */ figure.effect-romeo { perspective:1000px; } figure.effect-romeo IMG { transition:opacity .35s, transform .35s; transform:translate3d(0,0,300px); } figure.effect-romeo:hover IMG { opacity: .9; transform:translate3d(0,0,0); } figure.effect-romeo figcaption:before, figure.effect-romeo figcaption:after { position:absolute; top:50%; left:50%; width:80%; height:1px; background:rgba(var(--eff-romeo-color),1); content:''; transition:opacity 0.35s, transform 0.35s; transform:translate3d(-50%,-50%,0); } figure.effect-romeo:hover figcaption:before { opacity:0.5; transform:translate3d(-50%,-50%,0) rotate(45deg); } figure.effect-romeo:hover figcaption:after { opacity:0.5; transform:translate3d(-50%,-50%,0) rotate(-45deg); } figure.effect-romeo P, figure.effect-romeo H2 { position:absolute; top:50%; left:0; width:100%; transition:transform 0.35s; text-align:center; color:rgba(var(--eff-romeo-color),1); } figure.effect-romeo H2 { transform:translate3d(0,-50%,0) translate3d(0,-150%,0); } figure.effect-romeo P { padding:0.25em 2em; transform:translate3d(0,-50%,0) translate3d(0,150%,0); } figure.effect-romeo:hover H2 { transform:translate3d(0,-50%,0) translate3d(0,-100%,0); } figure.effect-romeo:hover P { transform:translate3d(0,-50%,0) translate3d(0,100%,0); } /* -- Layla -- */ figure.effect-layla { background:rgba(var(--eff-layla-base1),1); } figure.effect-layla IMG { opacity:.95; height:100%; } figure.effect-layla figcaption { padding:3em; } figure.effect-layla figcaption:before, figure.effect-layla figcaption:after { position:absolute; content:''; opacity:0; } figure.effect-layla figcaption:before { top:50px; right:30px; bottom:50px; left:30px; border-top:1px solid rgba(var(--eff-layla-color),1); border-bottom:1px solid rgba(var(--eff-layla-color),1); transform:scale(0,1); transform-origin:0 0; } figure.effect-layla figcaption:after { top:30px; right:50px; bottom:30px; left:50px; border-right:1px solid rgba(var(--eff-layla-color),1); border-left:1px solid rgba(var(--eff-layla-color),1); transform:scale(1,0); transform-origin:100% 0; } figure.effect-layla H2 { padding-top:calc(25% - 50px); transition:transform 0.35s; } figure.effect-layla P { padding:0.5em 2em; text-transform:none; opacity:0; transform:translate3d(0,-10px,0); } figure.effect-layla P, figure.effect-layla H2 { color:rgba(var(--eff-layla-color),1); text-align:center; transform:translate3d(0,-30px,0); } figure.effect-layla P, figure.effect-layla IMG, figure.effect-layla figcaption:after, figure.effect-layla figcaption:before { transition:opacity 0.35s, transform 0.35s; } figure.effect-layla:hover IMG { opacity:.75; transform:translate3d(0,0,0); } figure.effect-layla:hover figcaption:before, figure.effect-layla:hover figcaption:after { opacity:1; transform:scale(1); } figure.effect-layla:hover P, figure.effect-layla:hover H2 { opacity:1; transform:translate3d(0,0,0); } figure.effect-layla:hover P, figure.effect-layla:hover H2, figure.effect-layla:hover IMG, figure.effect-layla:hover figcaption:after { transition-delay:0.15s; } /* -- Honey -- */ figure.effect-honey { background:rgba(var(--eff-honey-base1),1); } figure.effect-honey IMG { opacity:.95; transition:opacity 0.35s; } figure.effect-honey:hover IMG { opacity:.75; } figure.effect-honey P { opacity:0; text-align:left; color:rgba(var(--eff-honey-color),1); } figure.effect-honey:hover P { opacity:1; transition:opacity 1s; } figure.effect-honey figcaption:before { position:absolute; bottom:0; left:0; width:100%; height:10px; background:rgba(var(--eff-honey-base1),1); content:''; transform:translate3d(0,10px,0); } figure.effect-honey H2 { position:absolute; bottom:0; left:0; padding:1em 1.5em; width:100%; text-align:left; color:rgba(var(--eff-honey-color),1); transform:translate3d(0,-30px,0); } figure.effect-honey H2 I { font-style:normal; opacity:0; transition:opacity 0.35s; transform: 0.35s; transform:translate3d(0,-30px,0); } figure.effect-honey H2 SPAN { color:rgba(var(--eff-honey-base1),1); } figure.effect-honey H2, figure.effect-honey figcaption:before { transition:transform 0.35s; } figure.effect-honey:hover P, figure.effect-honey:hover H2, figure.effect-honey:hover H2 I, figure.effect-honey:hover figcaption:before { opacity:1; transform:translate3d(0,0,0); } /* -- Oscar -- */ figure.effect-oscar { background:linear-gradient(45deg, rgb(var(--eff-oscar-base1)) 0%, rgb(var(--eff-oscar-base2)) 40%, rgb(var(--eff-oscar-base3)) 100% ); } figure.effect-oscar IMG { opacity:.95; transition:opacity 0.35s; } figure.effect-oscar:hover IMG { opacity:.6; } figure.effect-oscar figcaption { padding:3em; background-color:rgba(58,52,42,0.7); transition:background-color 0.35s; } figure.effect-oscar figcaption:before { position:absolute; top:30px; right:30px; bottom:30px; left:30px; border:1px solid rgba(var(--eff-oscar-color),1); content:''; } figure.effect-oscar H2 { text-align:center; margin:20% 0 10px 0; transition:transform 0.35s; transform:translate3d(0,100%,0); color:rgba(var(--eff-oscar-color),1); } figure.effect-oscar P, figure.effect-oscar figcaption:before { opacity:0; transition:opacity 0.35s, transform 0.35s; transform:scale(0); } figure.effect-oscar:hover H2 { transform:translate3d(0,0,0); } figure.effect-oscar:hover P, figure.effect-oscar:hover figcaption:before { color:rgba(var(--eff-oscar-color),1); opacity:1; transform:scale(1); } figure.effect-oscar:hover figcaption { background-color:rgba(58,52,42,0); } /* -- Marley -- */ figure.effect-marley IMG { opacity:.95; transition:opacity .5s; } figure.effect-marley H2, figure.effect-marley figcaption { text-align:right; color:rgba(var(--eff-marley-color),1); } figure.effect-marley P, figure.effect-marley H2 { position:absolute; right:30px; left:30px; padding:10px 0; } figure.effect-marley H2 SPAN { color:rgba(var(--eff-marley-base1),1); } figure.effect-marley P { bottom:30px; line-height:1.5; transform:translate3d(0,100%,0); } figure.effect-marley H2 { top:30px; transition:transform 0.35s; transform:translate3d(0,20px,0); } figure.effect-marley:hover H2 { transform:translate3d(0,0,0); } figure.effect-marley:hover IMG { opacity:.75; } figure.effect-marley H2:after { position:absolute; top:100%; left:0; width:100%; height:4px; background:rgba(var(--eff-marley-base1),1); content:''; transform:translate3d(0,40px,0); } figure.effect-marley P, figure.effect-marley H2:after { opacity:0; transition:opacity 0.35s, transform 0.35s; } figure.effect-marley:hover P, figure.effect-marley:hover H2:after { opacity:1; transform:translate3d(0,0,0); } /* -- Ruby -- */ figure.effect-ruby { background-color:rgba(var(--eff-ruby-base1),1); } figure.effect-ruby IMG { opacity:.95; transition:opacity 0.35s, transform 0.35s; transform:scale(1.15); } figure.effect-ruby:hover IMG { opacity:0.75; transform:scale(1); } figure.effect-ruby H2 { color:rgba(var(--eff-ruby-color),1); text-align:center; margin-top:20%; transition:transform 0.35s; transform:translate3d(0,20px,0); } figure.effect-ruby P { margin:1rem 0 0; padding:2rem; border:1px solid rgba(var(--eff-ruby-color),1); opacity:0; transition:opacity 0.35s, transform 0.35s; transform:translate3d(0,20px,0) scale(1.1); } figure.effect-ruby:hover H2 { transform:translate3d(0,-20px,0); } figure.effect-ruby:hover P { opacity:1; transform:translate3d(0,-20px,0) scale(1); } /* -- Milo -- */ figure.effect-milo { background:rgba(var(--eff-milo-base1),1); } figure.effect-milo IMG { max-width:none; width:calc(100% + 60px); opacity:1; transition:opacity 0.35s, transform 0.35s; transform:translate3d(-30px,0,0) scale(1.12); backface-visibility:hidden; } figure.effect-milo:hover IMG { opacity:0.5; transform:translate3d(0,0,0) scale(1); } figure.effect-milo H2 { position:absolute; right:0; bottom:0; padding:1em 1.2em; color:rgba(var(--eff-milo-color),1); } figure.effect-milo P { padding:0 10px 0 0; width:50%; border-right:1px solid rgba(var(--eff-milo-color),1); text-align:right; opacity:0; transition:opacity 0.35s, transform 0.35s; transform:translate3d(-40px,0,0); } figure.effect-milo:hover P { opacity:1; transform:translate3d(0,0,0); } /* -- Dexter -- */ figure.effect-dexter { background:linear-gradient(to bottom, rgba(var(--eff-dexter-base1),1) 0%, rgba(var(--eff-dexter-base2),1) 100%); } figure.effect-dexter H2 { color:rgba(var(--eff-dexter-color),1); } figure.effect-dexter IMG { transition:opacity 0.35s; } figure.effect-dexter:hover IMG { opacity:0.4; } figure.effect-dexter figcaption:after { position:absolute; right:30px; bottom:30px; left:30px; height:calc(50% - 30px); border:1px solid rgba(var(--eff-dexter-color),1); content:''; transition:transform 0.35s; transform:translate3d(0,-100%,0); } figure.effect-dexter:hover figcaption:after { transform:translate3d(0,0,0); } figure.effect-dexter figcaption { padding:3em; text-align:left; } figure.effect-dexter P { position:absolute; right:60px; bottom:60px; left:60px; opacity:0; transition:opacity 0.35s, transform 0.35s; transform:translate3d(0,-100px,0); } figure.effect-dexter:hover P { opacity:1; transform:translate3d(0,0,0); } /* -- Sarah -- */ figure.effect-sarah { background:rgba(var(--eff-sarah-base1),1); } figure.effect-sarah IMG { opacity:.95; max-width:none; width:calc(100% + 20px); transition:opacity .35s, transform .35s; transform:translate3d(-10px,0,0); backface-visibility:hidden; } figure.effect-sarah:hover IMG { opacity:.75; transform:translate3d(0,0,0); } figure.effect-sarah figcaption { text-align:left; } figure.effect-sarah H2 { position:relative; overflow:hidden; padding:0.5em 0; color:rgba(var(--eff-sarah-color),1); } figure.effect-sarah H2:after { position:absolute; bottom:0; left:0; width:100%; height:3px; background:rgba(var(--eff-sarah-color),1); content:''; transition:transform .35s; transform:translate3d(-100%,0,0); } figure.effect-sarah:hover H2:after { transform:translate3d(0,0,0); } figure.effect-sarah P { padding:1em 0; opacity:0; transition:opacity 0.35s, transform 0.35s; transform:translate3d(100%,0,0); } figure.effect-sarah:hover P { opacity:1; transform:translate3d(0,0,0); } /* -- Chico -- */ figure.effect-chico { background:rgba(var(--eff-chico-base1),1);} figure.effect-chico IMG { opacity:.95; transition:opacity 0.35s, transform 0.35s; transform:scale(1.12); } figure.effect-chico:hover IMG { opacity:.75; transform:scale(1); } figure.effect-chico figcaption { padding:3em; } figure.effect-chico figcaption:before { position:absolute; top:30px; right:30px; bottom:30px; left:30px; border:1px solid rgba(var(--eff-chico-color),1); content:''; transform:scale(1.1); } figure.effect-chico P, figure.effect-chico figcaption:before { opacity:0; transition:opacity 0.35s, transform 0.35s; } figure.effect-chico H2 { padding:calc(25% - 30px) 0 20px 0; text-align:center; color:rgba(var(--eff-chico-color),1); } figure.effect-chico P { margin:0 auto; max-width:200px; transform:scale(1.5); } figure.effect-chico:hover P, figure.effect-chico:hover figcaption:before { opacity:1; transform:scale(1); } /* -- Goliath -- */ figure.effect-goliath { background:rgba(var(--eff-goliath-base1),1); } figure.effect-goliath H2, figure.effect-goliath IMG { opacity:.95; transition:transform 0.35s, opacity 1s; } figure.effect-goliath IMG { backface-visibility:hidden; } figure.effect-goliath P, figure.effect-goliath H2 { position:absolute; bottom:0; left:0; padding:25px; color:rgba(var(--eff-goliath-color),1); text-align:left; } figure.effect-goliath H2 SPAN {color:rgba(var(--eff-goliath-base1),1); } figure.effect-goliath P { text-transform:none; font-size:90%; padding-top:1em; padding-bottom:1em; line-height:1; opacity:0; transition:opacity 0.35s, transform 0.35s; transform:translate3d(0,50px,0); } figure.effect-goliath:hover IMG { opacity:.85; transform:translate3d(0,-80px,0); } figure.effect-goliath:hover H2 { transform:translate3d(0,-100px,0); } figure.effect-goliath:hover P { opacity:1; transform:translate3d(0,0,0); } /* -- Selena -- */ figure.effect-selena { background:rgba(var(--eff-selena-base1),1); } figure.effect-selena IMG { opacity:.95; transition:transform .35s; transform-origin:50% 50%; } figure.effect-selena:hover IMG { transform:scale3d(0.97,0.96,1); } figure.effect-selena H2 { color:rgba(var(--eff-selena-color),1); text-align:center; transition:transform .35s; transform:translate3d(0,20px,0); } figure.effect-selena H2 SPAN { color:rgba(var(--eff-selena-base1),1); } figure.effect-selena P { opacity:0; transition:opacity 1s, transform 1s; transform:perspective(1000px) rotate3d(1,0,0,90deg); transform-origin:50% 0%; margin-top:2em; } figure.effect-selena:hover H2 { transform:translate3d(0,0,0); } figure.effect-selena:hover P { opacity:1; transform:perspective(1000px) rotate3d(1,0,0,0); } /* -- Apollo -- */ figure.effect-apollo { background:rgba(var(--eff-apollo-base1),1); } figure.effect-apollo IMG { opacity:.95; transition:opacity .35s, transform .75s; transform:scale3d(1.1,1.1,1); } figure.effect-apollo figcaption:before { position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(var(--eff-apollo-base2)); opacity:.5; content:''; transition:transform .75s; transform:scale3d(2,2,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } figure.effect-apollo H2 { text-align:left; color:#fff; } figure.effect-apollo P { position:absolute; right:0; bottom:0; margin:3em; padding:0 1em; max-width:75%; border-right:1px solid rgb(var(--eff-apollo-color)); text-align:right; opacity:.1; text-transform:none; transition:opacity .35s; color:rgba(var(--eff-apollo-color),1); } figure.effect-apollo:hover P { opacity:1; transition-delay:.1s; } figure.effect-apollo:hover IMG { opacity:.6; transform:scale3d(1,1,1); } figure.effect-apollo:hover figcaption:before { transform:scale3d(2,2,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } /* -- Steve -- */ figure.effect-steve { z-index:auto; overflow:visible; background:rgb(var(--eff-steve-base1)); } figure.effect-steve:before, figure.effect-steve H2:before { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; content:''; transition:opacity .5s; } figure.effect-steve:before { box-shadow:0 3px 30px rgba(0,0,0,0.8); opacity:0; } figure.effect-steve figcaption { z-index:1; } figure.effect-steve IMG { opacity:1; transition:transform .5s; transform:perspective(1000px) translate3d(0,0,0); } figure.effect-steve P, figure.effect-steve H2 { background:rgba(255,255,255,.5); color:rgb(var(--eff-steve-color)); text-align:center; } figure.effect-steve H2 { position:relative; margin-top:2em; padding:0.25em; } figure.effect-steve H2:before { box-shadow:0 1px 10px rgba(0,0,0,0.5); } figure.effect-steve P { margin-top:1em; padding:.5em; font-weight:800; opacity:0; text-transform:none; transition:opacity .35s, transform .35s; transform:scale3d(.9,.9,1); } figure.effect-steve:hover:before { opacity:1; } figure.effect-steve:hover IMG { transform:perspective(1000px) translate3d(0,0,26px); } figure.effect-steve:hover H2:before { opacity:0; } figure.effect-steve:hover P { opacity:1; transform:scale3d(1,1,1); } /* -- Moses -- */ figure.effect-moses { background:linear-gradient(-45deg, rgb(var(--eff-moses-base1)) 0%, rgb(var(--eff-moses-base2)) 100%); } figure.effect-moses IMG { opacity:.95; transition:opacity 0.35s; } figure.effect-moses P, figure.effect-moses H2 { padding:20px; width:50%; height:50%; border:1px solid rgb(var(--eff-moses-color)); word-break:break-word; } figure.effect-moses H2 { padding:20px; width:50%; height:50%; text-align:left; color:rgb(var(--eff-moses-color)); transition:transform 0.35s; transform:translate3d(10px,10px,0); } figure.effect-moses P { float:right; padding:15px; text-align:right; opacity:0; line-height:1.1; transition:opacity 0.35s, transform 0.35s; transform:translate3d(-50%,-50%,0); } figure.effect-moses:hover H2 { transform:translate3d(0,0,0); } figure.effect-moses:hover P { opacity:1; transform:translate3d(0,0,0); } figure.effect-moses:hover IMG { opacity:0.6; } /* -- Jazz -- */ figure.effect-jazz { padding:1px; } figure.effect-jazz:hover { padding:0; background:linear-gradient(-45deg, rgb(var(--eff-jazz-base1)) 0%, rgb(var(--eff-jazz-base2)) 100%); } figure.effect-jazz IMG { opacity:.9; } figure.effect-jazz P, figure.effect-jazz IMG, figure.effect-jazz figcaption:after { transition:opacity 0.35s, transform 0.35s; } figure.effect-jazz figcaption:after { position:absolute; top:0; left:0; width:100%; height:100%; border-top:1px solid rgb(var(--eff-jazz-color)); border-bottom:1px solid rgb(var(--eff-jazz-color)); content:''; opacity:0; transform:rotate3d(0,0,1,45deg) scale3d(1,0,1); transform-origin:50% 50%; } figure.effect-jazz P, figure.effect-jazz H2 { opacity:1; transform:scale3d( .8, .8, 1); color:rgba(var(--eff-jazz-color),1); } figure.effect-jazz H2 { padding-top:18%; text-align:center; transition:transform 0.35s; } figure.effect-jazz P { padding:.25em .5em; text-transform:none; font-size:.85em; opacity:0; line-height:1; } figure.effect-jazz:hover IMG { opacity:.7; transform:scale3d(1.05,1.05,1); } figure.effect-jazz:hover figcaption:after { opacity:1; transform:rotate3d(0,0,1,45deg) scale3d(1,1,1); } figure.effect-jazz:hover P, figure.effect-jazz:hover H2 { opacity:1; transform:scale3d(1,1,1); } /* -- Ming -- */ figure.effect-ming { background:rgb(var(--eff-ming-base1)); } figure.effect-ming IMG { opacity:.9; transition:opacity 0.35s; } figure.effect-ming:hover IMG { opacity:0.4; } figure.effect-ming figcaption:before { position:absolute; top:30px; right:30px; bottom:30px; left:30px; border:1px solid rgb(var(--eff-ming-color)); box-shadow:0 0 0 30px rgba(255,255,255,.2); content:''; opacity:0; transition:opacity 0.35s, transform 0.35s; transform:scale3d(1.4,1.4,1); } figure.effect-ming H2 { margin:20% 0 10px 0; text-align:center; color:rgba(var(--eff-ming-color),1); transition:transform 0.35s; } figure.effect-ming P { padding:1em; opacity:0; transition:opacity 0.35s, transform 0.35s; transform:scale(1.5); } figure.effect-ming:hover H2 { transform:scale(0.9); } figure.effect-ming:hover P, figure.effect-ming:hover figcaption:before { opacity:1; transform:scale3d(1,1,1); } figure.effect-ming:hover figcaption { background-color:rgba(58,52,42,0); } /* -- Lexi -- */ figure.effect-lexi { background:linear-gradient(-45deg, rgb(var(--eff-lexi-base1)) 0%, rgb(var(--eff-lexi-base2)) 100%); } figure.effect-lexi IMG { margin:-10px 0 0 -10px; max-width:none; width:calc(100% + 10px); height:calc(100% + 10px); opacity:.9; transition:opacity 0.35s, transform 0.35s; transform:translate3d(10px,10px,0); backface-visibility:hidden; } figure.effect-lexi P, figure.effect-lexi figcaption:before { transition:opacity 0.35s, transform 0.35s; } figure.effect-lexi figcaption:before { position:absolute; right:-100px; bottom:-100px; width:300px; height:300px; border:1px solid #fff; border-radius:50%; box-shadow:0 0 0 900px rgba(255,255,255,.2); content:''; opacity:0; transform:scale3d(0.5,0.5,1); transform-origin:50% 50%; } figure.effect-lexi:hover IMG { opacity:.6; transform:translate3d(0,0,0); } figure.effect-lexi H2 { color:rgb(var(--eff-lexi-color)); text-align:left; transition:transform 0.35s; transform:translate3d(5px,5px,0); } figure.effect-lexi P { position:absolute; right:0; bottom:0; padding:0 1.5em 1.5em 0; width:140px; text-align:right; opacity:0; transform:translate3d(20px,20px,0); } figure.effect-lexi:hover figcaption:before { opacity:1; transform:scale3d(1,1,1); } figure.effect-lexi:hover P, figure.effect-lexi:hover H2 { opacity:1; transform:translate3d(0,0,0); } /* -- Duke -- */ figure.effect-duke { padding:1px; } figure.effect-duke:hover { background:linear-gradient(-45deg, rgb(var(--eff-duke-base1)) 0%, rgb(var(--eff-duke-base2)) 100%); } figure.effect-duke P, figure.effect-duke IMG { opacity:.95; transition:opacity .5s, transform .5s; } figure.effect-duke:hover IMG { opacity:0.4; transform:scale3d(1.5,1.5,1); } figure.effect-duke H2 { text-align:center; color:rgb(var(--eff-duke-color)); transition:transform .5s; transform:scale3d(0.8,0.8,1); transform-origin:50% 100%; } figure.effect-duke P { position:absolute; bottom:0; left:0; right:0; margin:20px; padding:30px; line-height:1; border:1px solid rgb(var(--eff-duke-color)); text-transform:none; font-size:90%; opacity:0; transform:scale3d(0.8,0.8,1); transform-origin:50% -100%; } figure.effect-duke:hover P, figure.effect-duke:hover H2 { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } /*** dev ***/ /* -- Julia -- */ /* .tiles { --eff-julia-color:#2f3238; --eff-julia-base1:#fff; --eff-julia-base2:#000; } figure.effect-julia { background:rgb(var(--eff-julia-base2)); } figure.effect-julia IMG { opacity:.95; max-width:100%; transition:opacity .5s, transform .75s; backface-visibility:hidden; } figure.effect-julia figcaption { text-align:left; } figure.effect-julia H2 { color:rgb(var(--eff-julia-base1)); position:relative; padding:.5em 0; } figure.effect-julia P { display:inline-block; margin:0 0 2px; min-width:51%; padding:.4em 1em; background:rgba(255,255,255,.5); color:rgb(var(--eff-julia-color)); text-transform:none; font-weight:400; font-size:75%; transition:opacity .35s, transform .35s; transform:translate3d(-1000px,0,0); } figure.effect-julia p:first-child { transition-delay:.1s; } figure.effect-julia p:nth-of-type(2) { transition-delay:.15s; } figure.effect-julia p:nth-of-type(3) { transition-delay:.20s; } figure.effect-julia:hover p:first-child { transition-delay:.1s; } figure.effect-julia:hover p:nth-of-type(2) { transition-delay:.15s; } figure.effect-julia:hover p:nth-of-type(3) { transition-delay:.20s; } figure.effect-julia:hover IMG { opacity:0.75; transform:scale3d(1.1,1.1,1); } figure.effect-julia:hover P { opacity:1; transform:translate3d(0,0,0); } -- Winston -- figure.effect-winston { background:#162633; text-align:left; } figure.effect-winston img { transition:opacity 0.45s; backface-visibility:hidden; } figure.effect-winston figcaption:before { position:absolute; top:0; left:0; width:100%; height:100%; background:url(assets/images/triangle.svg) no-repeat center center; background-size:150% 150%; content:''; -webkit-transition:opacity 0.45s, -webkit-transform 0.45s; transition:opacity 0.45s, transform 0.45s; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); -webkit-transform-origin:0 100%; transform-origin:0 100%; } figure.effect-winston:hover figcaption:before { opacity:0.7; -webkit-transform:rotate3d(0,0,1,20deg); transform:rotate3d(0,0,1,20deg); } figure.effect-winston H2 { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); } figure.effect-winston P.icon-links A { float:right; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,200%,0); transform:translate3d(0,200%,0); } figure.effect-winston P.icon-links A SPAN:before { display:inline-block; padding:6px; font-family:'feathericons'; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } figure.effect-winston P.description { padding:1em 0; color:#fff; text-transform:none; font-size:90%; opacity:0; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; Fix for Chrome 37.0.2062.120 (Mac) } figure.effect-winston:hover P.description { opacity:1; } figure.effect-winston P.icon-links { position:absolute; right:0; bottom:0; padding:0 1.5em 7% 0; } figure.effect-winston:hover IMG { opacity:0.6; } figure.effect-winston:hover H2, figure.effect-winston:hover figcaption, figure.effect-winston:hover P.icon-links A { transform:translate3d(0,0,0); } figure.effect-winston:hover P.icon-links A:nth-child(5) { -webkit-transition-delay:0.1s; transition-delay:0.1s; } figure.effect-winston:hover P.icon-links A:nth-child(4) { -webkit-transition-delay:0.15s; transition-delay:0.15s; } figure.effect-winston:hover P.icon-links A:nth-child(3) { -webkit-transition-delay:0.2s; transition-delay:0.2s; } figure.effect-winston:hover P.icon-links A:nth-child(2) { -webkit-transition-delay:0.25s; transition-delay:0.25s; } figure.effect-winston:hover P.icon-links A:first-child { -webkit-transition-delay:0.4s; transition-delay:0.4s; } -- Zoe -- figure.effect-zoe figcaption { top:auto; bottom:0; padding:1em; height:3.75em; background:#fff; color:#3c4a50; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); } figure.effect-zoe H2 { float:left; } figure.effect-zoe P.icon-links A { float:right; color:#3c4a50; font-size:1.4em; } figure.effect-zoe:hover P.icon-links A:hover, figure.effect-zoe:hover P.icon-links A:focus { color:#252d31; } figure.effect-zoe P.description { position:absolute; bottom:8em; left:0; padding:2em; color:#fff; text-transform:none; font-size:90%; opacity:0; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; Fix for Chrome 37.0.2062.120 (Mac) } figure.effect-zoe H2, figure.effect-zoe P.icon-links A { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,200%,0); transform:translate3d(0,200%,0); } figure.effect-zoe P.icon-links A SPAN:before { display:inline-block; padding:6px; font-family:'feathericons'; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .icon-eye:before { content:'\e000'; } .icon-paper-clip:before { content:'\e001'; } .icon-heart:before { content:'\e024'; } figure.effect-zoe H2 { display:inline-block; } figure.effect-zoe:hover P.description { opacity:1; } figure.effect-zoe:hover H2, figure.effect-zoe:hover figcaption, figure.effect-zoe:hover P.icon-links A { transform:translate3d(0,0,0); } figure.effect-zoe:hover H2 { -webkit-transition-delay:0.05s; transition-delay:0.05s; } figure.effect-zoe:hover P.icon-links A:nth-child(5) { -webkit-transition-delay:0.1s; transition-delay:0.1s; } figure.effect-zoe:hover P.icon-links A:nth-child(4) { -webkit-transition-delay:0.15s; transition-delay:0.15s; } figure.effect-zoe:hover P.icon-links A:nth-child(3) { -webkit-transition-delay:0.2s; transition-delay:0.2s; } figure.effect-zoe:hover P.icon-links A:nth-child(2) { -webkit-transition-delay:0.25s; transition-delay:0.25s; } figure.effect-zoe:hover P.icon-links A:first-child { -webkit-transition-delay:0.4s; transition-delay:0.4s; } */ /*** dev end ***/ @media screen and (max-width:50em) { .tiles figure { display:inline-block; float:none; margin:.5rem auto; width:100%; } } /* InPage Navigation */ @media only screen and (max-width:1400px) { .wdns-ipn-container { display:none; } } .wdns-ipn-container { pointer-events:none; position:fixed; height:100%; z-index:11; width:300px; background:linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); left:0; top:0; transition-duration:200ms; transition-timing-function:linear; } .wdns-ipn-link A, .wdns-ipn-link A:hover, .wdns-ipn-link A.active, .wdns-ipn-link A.focus { text-decoration:none; } .wdns-ipn-container.textOnlyView { width:auto; } .wdns-ipn-container.minified { pointer-events:none; } .wdns-ipn-container.minified .wdns-ipn-inner { pointer-events:auto; width:70px; } .wdns-ipn-container.minified .wdns-ipn-panel { pointer-events:none; } .wdns-ipn-container.minified .wdns-ipn-panel .wdns-ipn-link { height:6px; opacity:1; } .wdns-ipn-container.minified .wdns-ipn-panel .wdns-ipn-link a { font-size:.9rem; opacity:0; transition-duration:200ms; transition-timing-function:linear; } .wdns-ipn-container.minified .wdns-ipn-panel .wdns-ipn-link.active { height:6px; } .wdns-ipn-container.minified .wdns-ipn-panel .wdns-ipn-link.active a { transition-duration:200ms; transition-timing-function:linear; line-height:1; font-size:1rem; font-weight:600; } .wdns-ipn-container.minified .wdns-ipn-panel .wdns-ipn-link.active a.show { opacity:1; transition-duration:200ms; transition-timing-function:linear; font-weight:600; } .wdns-ipn-container .wdns-ipn-inner { pointer-events:auto; width:250px; height:100%; } .wdns-ipn-container .wdns-ipn-links { display:inline-block; width:245px; padding-left:16px; } .wdns-ipn-container.full-state { background:linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); transition-duration:200ms; transition-timing-function:linear; } .wdns-ipn-container.full-state .wdns-ipn-panel .wdns-ipn-link { height:2.6rem; padding:.75rem; opacity:1; } .wdns-ipn-container.full-state .wdns-ipn-panel .wdns-ipn-link a { display:block; opacity:1; padding:1.5rem 0; } .wdns-ipn-container.full-state .wdns-ipn-panel .wdns-ipn-link.active { height:5rem; } .wdns-ipn-container.full-state .wdns-ipn-panel .wdns-ipn-link.active a { line-height:1; font-size:1rem; } .wdns-ipn-container .wdns-ipn-panel { margin-left:30px; width:210px; transform:translateY(50%); position:absolute; bottom:50%; } .wdns-ipn-container .wdns-ipn-panel .wdns-ipn-link { padding:0 0 0 .75rem; cursor:pointer; border-left:6px solid rgba(255, 255, 255, 0.4); height:2.6rem; display:flex; align-items:center; margin-top:.2rem; margin-bottom:.2rem; transition-duration:200ms; transition-timing-function:linear; opacity:0; } .wdns-ipn-container .wdns-ipn-panel .wdns-ipn-link:hover, .wdns-ipn-container .wdns-ipn-panel .wdns-ipn-link.active { transition-duration:200ms; transition-timing-function:linear; border-left-color:rgba(255, 255, 255, 0.7); } .wdns-ipn-container .wdns-ipn-panel .wdns-ipn-link.active { height:5rem; } .wdns-ipn-container .wdns-ipn-panel .wdns-ipn-link A { display:block; font-size:1rem; line-height:1; color:rgba(255, 255, 255, 0.7); } .wdns-ipn-container .wdns-ipn-panel .wdns-ipn-link.hover A, .wdns-ipn-container .wdns-ipn-panel .wdns-ipn-link:active A { color:#fff; line-height:1; } .wdns-ipn-container .wdns-ipn-panel .wdns-ipn-link.active A { font-weight:normal; line-height:1; font-size:1rem; font-weight:600; } .wdns-ipn-container .wdns-ipn-panel .wdns-ipn-link.initial { opacity:1; transition-duration:1000ms; transition-timing-function:linear; }