/* Theme Name: Bravada Theme URI: http://www.cryoutcreations.eu/wordpress-themes/bravada Description: Bravada looks amazing, behaves flawlessly and scales to any screen. It goes anywhere, it's for everyone and everything. It's clear, clean and simply gorgeous. It has CSS powered animations that will bring users to their knees. Being designed as mobile-first, it's as responsive as you'll ever get. Being highly customizable, it comes with a plethora of options that will truly make it your own while still being extremely easy to use. Google fonts are supported, but you can also use your own fonts if GPPR is giving you trouble. You can dynamically change every aspect of your fonts for many site elements (size, line height, font styles, etc.) Colors are also editable and, if you want, you'll have a great time making your own color schemes. You have multiple layouts to choose from, the site, content and sidebar widths are also customizable, magazine layouts with masonry are enabled by default, but you can also edit those. Metas like author, date, tags, categories and comments are toggleable, you can decide which ones to show on blog pages and which ones to show on single pages. Widget areas galore, place your widgets almost anywhere you want, the theme doesn't discriminate. And then there's a fully customizable landing page with icon blocks, featured boxes, text areas and a slider (you can use our own or paste in a shortcut from any other slider). We also thought about socials and you can choose from a seemingly countless number of socials to populate your site with. Gutenberg blocks? They feel right at home in our theme! Of course it's also translation ready and Right To Left (RTL) languages are fully supported out of the box. WooCommerce feels right at home with our theme, we've taken all measures to seamlessly integrate it. Oh, and just like with our other themes, the updates will keep on coming, constantly improving and keeping it relevant for years to come. Bravada is a theme for all types of sites out there: blogs, businesses, presentation or photography sites, news or portfolio sites. There are no limits - there is only Bravada. Author: Cryout Creations Author URI: http://www.cryoutcreations.eu Version: 1.0.8 Requires at least: 4.5 Tested up to: 6.1 Requires PHP: 5.6 License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, flexible-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, photography, portfolio Text Domain: bravada Bravada WordPress Theme - Copyright 2020-22, Cryout Creations - http://www.cryoutcreations.eu This theme, like WordPress, is licensed under the GPL. */ /* -------------------------------------------------------------- == IMPORTANT == -------------------------------------------------------------- Any changes made to this or any other of the theme's files will be lost at the next update. To safely make customizations to the theme: - for CSS-only use the theme's "Custom CSS" field or a CSS plugin; - for advanced CSS, layout changes and other customizations use a child theme; -------------------------------------------------------------- == TABLE OF CONTENTS == -------------------------------------------------------------- # Reset CSS # Theme specific defaults # Accessibility # Gutenberg # Layout # Header ## Main menu ## Mobile menu # Footer ## Footer menu ## Footer widget area # Content ## Page titles ## Post metas ## Header titles ## Author info ## Articles ## Article animation ## Images ## Page navigation # Landing Page ## LP Slider ## LP Blocks ## LP Blocks 2 ## LP Boxes ### Animated Boxes ### Animated Boxes 2 ### Static Boxes ### Static Boxes 2 ## LP Text areas ## LP Portfolio ## LP Testimonials ## LP Posts ## LP Onscroll Animations # Post formats # Comments ## Comment form # Widget areas ## Main widget areas ## Inner/outer top/bottom widget areas ## Left sidebar menu ## Calendar widget ## Tag cloud (normalized) ## Empty Page # Widgets ## Cryout Tabs ## Cryout Posts ## Cryout Related Posts ## Cryout About ## Cryout Contact ## Cryout Socials ## Cryout Portfolio # Searchform # Socials # Miscellaneous ## Back to top ## Custom image border ## Custom captions ## Breadcrumbs ## Pagination ## Continue reading ## Blockquotes ## Preloader # Templates # Portfolio # Testimonials # Conditionals # Fixes ## Woocommerce ## Team Members # Responsiveness ## LP Responsiveness # Print styles /*-------------------------------------------------------------- # RESET CSS --------------------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; /*vertical-align: baseline;*/ } html { -webkit-box-sizing: border-box; box-sizing: border-box; scroll-behavior: smooth; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } blockquote { quotes: none; } blockquote::before, blockquote::after { content: ''; content: none; } blockquote cite { font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 2px; font-size: 0.7em; } table { max-width: 100%; margin: 0 0 1.5em; border-collapse: collapse; border-spacing: 0; } /*-------------------------------------------------------------- # THEME SPECIFIC DEFAULTS --------------------------------------------------------------*/ html { line-height: 1.8; } body { font-size: 1em; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } pre { overflow: auto; max-width: 100%; border: 1px solid transparent; padding: 1em; font-family: "Courier 10 Pitch", Courier, monospace; } kbd, tt, var, code { overflow: auto; padding: 0 5px; vertical-align: middle; text-indent: 0; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } q, blockquote { font-size: 1.1em; font-family: Georgia, "Bitstream Charter", serif; } address { padding-left: 1em; } del { text-decoration: line-through; } img { max-width: 100%; /* Adhere to container width. */ height: auto; /* Make sure images are scaled correctly. */ border: 0; } a img { border: none; vertical-align: middle; } hr { clear: both; height: 1px; border: 0; } /* Text elements */ .main li > ul, .main li > ol { margin-bottom: 0; margin-left: 2em; } ul { list-style-type: disc; } ul ul { list-style-type: square; } ul ul ul { list-style-type: circle; } ol { list-style-type: decimal; } ol ol { list-style-type: upper-alpha; } ol ol ol { list-style-type: lower-roman; } ol ol ol ol { list-style-type: lower-alpha; } dl { margin: 0 0 2em 0; } dt { font-weight: bold; } strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } big { font-size: 125%; } mark, ins { text-decoration: none; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } sup, sub { position: relative; vertical-align: baseline; font-size: .8em; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } textarea, select, input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"] { max-width: 100%; border: 0; border-radius: 0; padding: 1rem 1.2rem; font-size: inherit; font-family: inherit; background: transparent; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } input[type="file"] { font-size: initial; } button, input[type="button"], input[type="submit"], input[type="reset"] { border: 0; border-radius: 0; padding: 1em 2em; font-size: 1em; -webkit-transition: background .75s ease-out; transition: background .75s ease-out; } button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="search"] { -webkit-appearance: textfield; } select option { padding: .25em .5em; } select optgroup, select option { color: initial; } embed, iframe, object { max-width: 100%; } .fluid-width-video-wrapper { max-height: 100vh; } a:link, a:visited { text-decoration: none; } /*-------------------------------------------------------------- # ACCESSIBILITY --------------------------------------------------------------*/ a:hover, a:active, a:focus:active, a:focus:hover, input:hover:focus, textarea:hover:focus, button:hover:focus { outline: 0; } .post-thumbnail-container > a, .post-thumbnail-container > a:focus { outline: 0; } .dropdown-toggle:focus { outline: thin dotted; } .entry-content a:not([class]), .entry-excerpt a:not([class]), #comments .comment-body a:not([class]), .widget-container.widget_text a:not([class]), .lp-text .lp-text-content a:not([class]), .lp-block .lp-block-text a:not([class]), .lp-box .lp-box-text-inside a:not([class]) { text-decoration: underline; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #222; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 6px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 6px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # GUTENBERG --------------------------------------------------------------*/ .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts { padding: 0; list-style: none; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 2em 2em 2em 5em; } .wp-block-columns ul, .wp-block-columns ol { list-style-position: inside; } .wp-block-separator { max-width: 25%; } .wp-block-separator.is-style-wide { max-width: 100%; } .wp-block-separator.is-style-dots::before { color: inherit; } .wp-block-button .wp-block-button__link { position: relative; outline: 2px solid; border-radius: 0; padding: 0.5em 1.5em; font-size: .9em; font-weight: bold; text-transform: uppercase; /* background: transparent; */ } .wp-block-button .wp-block-button__link::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; outline: 2px solid; -webkit-transition: .25s ease all; transition: .25s ease all; } .wp-block-button .wp-block-button__link:hover::after { opacity: 0; -webkit-transform: scale(1.05, 1.3); transform: scale(1.05, 1.3); } .wp-block-pullquote { padding: 1.5em 0; } .wp-block-button { -webkit-transition: .2s opacity; transition: .2s opacity; } .wp-block-button:hover { opacity: 0.85; } .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-item a { -webkit-transition: .2s ease-out opacity; transition: .2s ease-out opacity; } .wp-block-gallery.is-cropped .blocks-gallery-image a:hover, .wp-block-gallery.is-cropped .blocks-gallery-item a:hover { opacity: 0.8; } /* workaround for buttons misalign in 5.7 */ .wp-block-button.aligncenter, .wp-block-buttons.aligncenter, .wp-block-calendar { text-align: center; } /*-------------------------------------------------------------- # LAYOUT --------------------------------------------------------------*/ #site-wrapper { overflow: hidden; } .bravada-boxed-layout #site-wrapper { overflow: hidden; margin: 0 auto; box-shadow: 0 0 8px rgba(0,0,0,.2); } #container { position: relative; float: none; display: block; display: -ms-flexbox; display: -webkit-box; display: flex; overflow: hidden; width: 100%; margin: 0; } #container::after { content: ""; display: table; clear: both; } #container.two-columns-left #primary, #container.three-columns-left #primary, #container.three-columns-left #secondary, #container.three-columns-sided #primary { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } #container.three-columns-sided .main { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } #container.three-columns-sided #secondary { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .main { clear: both; overflow: hidden; min-height: 400px; margin-bottom: 0; } /* Left/right padding for content */ .site-header-inside, #access .menu-search-animated .searchform input[type="search"], #colophon-inside, .footer-inside, .lp-staticslider .staticslider-caption, .seriousslider.seriousslider-theme .seriousslider-caption, .bravada-landing-page .lp-blocks2 .lp-blocks-inside, .bravada-landing-page .lp-text-inside, .bravada-landing-page .lp-posts-inside, .bravada-landing-page .lp-page-inside, .bravada-landing-page .lp-portfolio-inside, .bravada-landing-page .lp-testimonials-inside, .bravada-landing-page .lp-section-header, .bravada-landing-page .content-widget { padding-left: 2.5em; padding-right: 2.5em; } #container:not(.bravada-landing-page) .main { position: relative; z-index: 9; padding-top: 4em; padding-bottom: 4em; } #container:not(.bravada-landing-page) .main > *:not(#content-masonry) { padding-left: 4em; padding-right: 4em; } #site-wrapper > #breadcrumbs-container #breadcrumbs-container-inside { /* padding-left: 4em; padding-right: 4em; */ } .sidey { position: relative; display: block; float: left; padding-top: 4em; } @media (min-width: 1024px) { .sidey { padding-bottom: 100px; } } #primary { padding-left: 0; padding-right: 3%; } #secondary { padding-right: 0; padding-left: 3%; } #container.three-columns-right #primary { padding-left: 3%; padding-right: 0; } #container.three-columns-left #secondary { padding-left: 0; padding-right: 3%; } .bravada-boxed-layout #primary, .bravada-boxed-layout #secondary { padding-left: 3%; padding-right: 3%; } #content { position: relative; } #main { position: relative; overflow: hidden; } #footer { clear: both; width: 100%; } /*-------------------------------------------------------------- # HEADER --------------------------------------------------------------*/ #masthead::after { display: table; clear: both; content: ""; } #masthead { position: relative; z-index: 999; } #branding { float: left; -webkit-transition: .5s height ease-in-out; transition: .5s height ease-in-out; } #branding .identity { float: left; } a.custom-logo-link { display: inline; } img.custom-logo { max-height: 70%; } #site-text { position: relative; top: 50%; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #branding .identity + #site-text { clear: none; margin-left: 0.5em; } #site-title { position: relative; display: inline-block; -webkit-transition: .35s ease-out all; transition: .35s ease-out all; } #site-title a { position: relative; padding: 0 6px 0; letter-spacing: 0.05em; -webkit-transition: .15s ease-out all; transition: .15s ease-out all; } #site-title a::before { content: ""; position: absolute; z-index: -1; display: block; right: 0; top: 0; bottom: 0; width: 95%; width: calc(100% - 1.2em); /* handled by option since 1.0.4 */ height: 100%; -webkit-transition: .15s ease-out all; transition: .15s ease-out all; } #site-title a:hover::before { width: 100%; } #site-title a:active::before { width: 0; } #site-description { clear: left; display: none; margin-top: 0; font-size: .6em; line-height: 1.1; text-transform: uppercase; letter-spacing: 2px; padding-left: 6px; opacity: .75; } #site-header-main { z-index: 251; display: inline-block; position: relative; width: 100%; margin: 0 auto; vertical-align: top; -webkit-transition: all .2s linear; transition: all .2s linear; } .bravada-over-menu #site-header-main { position: absolute; top: 10px; } @media (max-width: 480px) { .bravada-over-menu #site-header-main { top: 0; } } .bravada-over-menu #site-header-main { background: transparent; } .header-fixed#site-header-main { -webkit-transition: .25s background-color ease-in-out; transition: .25s background-color ease-in-out; } .site-header-top, .site-header-bottom { float: none; clear: both; display: block; } /* Used by the prepareTransition jQuery Plugin */ .is-transitioning { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; visibility: visible !important; } .site-header-top { position: fixed; z-index: 100000; top: 0; left: 100%; width: 100vw; height: 100vh; padding: 4em; -webkit-transition: .25s ease transform; transition: .25s ease transform; display: none; } .site-header-top.is-active { display: block; -webkit-transform: translateX(-100%); transform: translateX(-100%); } @media (max-width: 800px) { .site-header-top { left: 0; max-width: 100vw; width: 100vw; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .site-header-top.is-active { left: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @media (max-width: 800px) { #masthead .site-header-bottom.header-fixed .site-header-bottom-fixed { position: absolute; top: -75px; -webkit-transition: .3s ease-out top; transition: .3s ease-out top; -webkit-animation: none; animation: none; } .mobile-fixed #masthead .site-header-bottom.header-fixed .site-header-bottom-fixed { position: fixed; top: 0; } .mobile-fixed #branding { height: 75px; } .mobile-fixed #sheader, .mobile-fixed .identity { line-height: 75px; height: 75px; } } .site-header-top .site-header-inside { padding: 0; } .site-header-top.is-active .site-header-inside { width: 30%; max-width: 300px; margin: 0 auto; } .site-header-bottom-fixed.is-active .menu-burger { position: absolute !important; left: 0; right: 0; margin: auto; } body.admin-bar .site-header-top .site-header-inside { margin-top: 32px; } .site-header-top .site-header-inside > div + div { margin: 50px 0 0 0; } .widget-side-section-inner section + section { padding-top: 10px; } /*-------------------------------------------------------------- ## TOP MENU --------------------------------------------------------------*/ .topmenu { display: block; } .topmenu > ul {} .topmenu ul li { display: block; white-space: nowrap; font-size: 0.8333em; padding: 10px 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .topmenu ul li[class*="icon-"]::before { font-size: 0.8333em; margin-right: .8333em; } .topmenu ul li span.sep { margin: 0 .5em; font-weight: bold; visibility: hidden; } .topmenu ul li:last-child span.sep { display: none; } .topmenu ul li a { position: relative; display: inline-block; padding: 0; text-transform: uppercase; letter-spacing: 2px; } .topmenu ul li a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; border-radius: 100px; opacity: 0; background: #fff; -webkit-transition: .25s all ease; transition: .25s all ease; } .topmenu ul li a:hover::after { width: 100%; opacity: 1; } #header-image-main, #header-image-main-inside { position: relative; overflow: hidden; } body:not(.bravada-fullscreen-headerimage).bravada-cropped-headerimage div.header-image { height: 100%; } body:not(.bravada-fullscreen-headerimage).bravada-responsive-headerimage img.header-image { height: auto; } .bravada-responsive-headerimage #masthead div.header-image { display: none; } .bravada-cropped-headerimage #masthead img.header-image { display: none; } #masthead .header-image { display: block; max-width: 100%; margin: 0 auto; opacity: 0; background-size: cover; background-position: 50% 50%; background-attachment: fixed; -webkit-transition: .2s ease-out opacity; transition: .2s ease-out opacity; } .wp-custom-header { position: relative; line-height: 0; } .wp-custom-header-video-button.wp-custom-header-video-button { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; background: rgba(255,255,255,.1); opacity: 0; cursor: pointer; -webkit-transition: .3s all ease-out; transition: .3s all ease-out; } .wp-custom-header:hover .wp-custom-header-video-button.wp-custom-header-video-button { opacity: .7; } .wp-custom-header video { display: block; -o-object-fit: cover; object-fit: cover; max-width: 100%; margin: 0 auto; } /* Header widget area */ #header-widget-area { position: absolute; z-index: 30; top: 10px; display: block; overflow: hidden; height: 100%; } /* Fixed menu */ .site-header-bottom .site-header-inside { -webkit-transition: .3s ease-out all; transition: .3s ease-out all; } .site-header-bottom.header-fixed .site-header-bottom-fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; border-bottom: 1px solid rgba(0,0,0,.05); box-shadow: 0 15px 30px rgba(0,0,0,.05); -webkit-transition: .25s ease all; transition: .25s ease all; -webkit-animation: header-fixed 1s ease-out forwards; animation: header-fixed 1s ease-out forwards; } body.admin-bar .site-header-bottom.header-fixed .site-header-bottom-fixed { margin-top: 32px; } @media (min-width: 600px) and (max-width: 782px) { body.admin-bar .site-header-bottom.header-fixed .site-header-bottom-fixed { margin-top: 46px; } } @media (max-width: 600px) { body.admin-bar .site-header-bottom.header-fixed .site-header-bottom-fixed { margin-top: 0; } } @keyframes header-fixed { from { opacity: 0; top: -100px; } to { opacity: 1; top: 0; } } @-webkit-keyframes header-fixed { from { opacity: 0; top: -100px; } to { opacity: 1; top: 0; } } /*-------------------------------------------------------------- ## MAIN MENU --------------------------------------------------------------*/ #access { display: inline-block; float: right; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s ease-out all; transition: .3s ease-out all; } .burgermenu-active #access { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); pointer-events: none; } .bravada-menu-left #access { float: left; } .bravada-menu-center #access { display: table; float: none; margin: 0 auto; } .menu-item a img { vertical-align: middle; } #access ul.sub-menu > li.current_page_item > a, #access ul.sub-menu > li.current-menu-item > a, #access ul.sub-menu > li.current_page_ancestor > a, #access ul.sub-menu > li.current-menu-ancestor > a, #access ul.children > li.current_page_item > a, #access ul.children > li.current-menu-item > a, #access ul.children > li.current_page_ancestor > a, #access ul.children > li.current-menu-ancestor > a { } #access a { display: block; padding: 0 2em; text-decoration: none; line-height: 3; -webkit-transition: .3s color ease-out; transition: .3s color ease-out; } @media (max-width: 1200px) { #access a { padding: 0 1.4em; } } @media (max-width: 800px) { #access a { padding: 0 0.7em; } } #access ul li[class*="icon"]:not(:first-child) { padding-left: 2em; } #access ul li[class*="icon"]::before { float: left; font-size: .9em; } #access a > span { display: block; } #access > div > ul > li > a > span { position: relative; display: inline-block; line-height: 2.5em; } #access > div > ul > li > a > span::before { content: ""; position: absolute; left: -15px; right: 0; width: 0; height: 100%; padding: 0 15px; background: #FFF; opacity: 0; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } #access > div > ul > li > a > span:hover::before { opacity: 0.1; width: calc(100% + 30px); } .bravada-over-menu .header-fixed.site-header-bottom #access > div > ul > li > a > span::before { background: #000; } #access > div ul li a:not([href]) { /* Default cursor for menu items with no link */ cursor: default; } #access a:hover {} #access > div > ul > li > a { position: relative; z-index: 999; } #access ul.children { z-index: -1; } #access > div > ul > li > a:not(:only-child) span { padding-right: .5em; } #access > div > ul li > a:not(:only-child) > span::after { position: absolute; z-index: 251; right: -.6em; top: 0; bottom: 0; margin: auto; font-family: "iconmeta"; /* icon in fontfaces */ opacity: .5; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } #access > div > ul li:hover > a:not(:only-child) > span::after { opacity: 1; } #access > div > ul ul > li a:not(:only-child)::after { content: ""; position: absolute; left: calc(100% - 6px); top: 0; bottom: 0; width: 6px; height: 6px; margin: auto; border: 6px solid; border-color: transparent transparent transparent #FFF; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } #access > div > ul ul > li:hover > a:not(:only-child)::after { left: 100%; } #access > div > ul ul > li a:not(:only-child) > span::after { -webkit-transform: rotate(270deg); transform: rotate(270deg); right: 0.25em; } #access > div > ul ul > li:hover > a:not(:only-child) > span::after { top: 0; right: -0.5em; opacity: 0; } #access ul li { display: block; float: left; position: relative; white-space: nowrap; } #access ul li a { font-size: 1em; } #access .sub-menu, #access .children { z-index: 21; box-shadow: 10px 10px 20px rgba(0,0,0,.05); } #access ul ul { position: absolute; z-index: 1000; clear: both; margin-left: 0; min-width: 125%; visibility: hidden; opacity: 0; -webkit-transform: translateY(-25px); transform: translateY(-25px); -webkit-transition: .2s all ease-in; transition: .2s all ease-in; } #access ul ul ul { /* -webkit-transform: translateX(25px); transform: translateX(25px); */ } #access > div > ul > li > ul::before { /* content: ""; */ position: absolute; top: -12px; left: 30%; border: 6px solid; border-color: transparent transparent #FFF transparent; } #access .sub-menu li a, #access .children li a { padding: 0; } #access .sub-menu li a span, #access .children li a span { -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } #access .sub-menu li a:hover span, #access .children li a:hover span { background: rgba(255,255,255,.1); } /* #access .sub-menu li:first-child > a, #access .children li:first-child > a { border-radius: 5px 5px 0 0; } #access .sub-menu li:last-child > a, #access .children li:last-child > a { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } */ #access .sub-menu li span, #access .children li span { padding: 0.3em 1.5em; } #access ul li.menu-hover > ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #access li ul ul { height: 0; } #access li.menu-hover > ul > li > ul { width: auto; height: auto; } #access ul ul li { /* level 2 */ position: relative; display: table; clear: both; float: left; width: 100%; /* submenu width fix */ min-width: 150px; margin: 0; } #access ul ul ul { position: absolute; top: 0; left: 100%; left: calc(100% + 10px); min-width: 150px; margin: 0; border-top: 0; } #access ul ul ul li { /* level 3 */ display: block; float: none; width: 100%; } #access ul ul ul ul li { /* level 4 */} #access ul ul a, #access ul ul ul a { display: block; float: none; width: 100%; } #access ul ul li:hover, #access ul ul ul li:hover {} #access li, #access ul ul li { -webkit-transition: background .3s ease-in-out, color .3s ease-in-out; transition: background .3s ease-in-out, color .3s ease-in-out; } #access ul li.current_page_item > a, #access ul li.current-menu-item > a{} #access ul ul li.current_page_item , #access ul ul li.current-menu-ancestor, #access ul ul li.current-menu-item , #access ul ul li.current-menu-parent {} #access ul li.current_page_item a, #access ul li.current-menu-ancestor a, #access ul li.current-menu-item a, #access ul li.current-menu-parent a, #access ul li a:hover {} /* Burger menu */ .menu-burger { position: relative; float: right; width: 42px; width: calc(36px + 1em); } .hamburger { position: absolute; top: 0; bottom: 0; overflow: visible; display: inline-block; width: 36px; height: 20px; margin: auto 0 auto 1em; border: 0; border-radius: 0; padding: 0; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; background: transparent; cursor: pointer; } .hamburger:hover { background: transparent; } .hamburger span { display: block; position: absolute; height: 2px; width: 100%; border-radius: 3px; opacity: 1; right: 0; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; } .hamburger span:nth-child(1) { top: 0; -webkit-transform-origin: left top; transform-origin: left top; } .hamburger span:nth-child(2) { top: 9px; width: 75%; -webkit-transform-origin: left center; transform-origin: left center; } .hamburger span:nth-child(3) { top: 18px; width: 45%; -webkit-transform-origin: left bottom; transform-origin: left bottom; } .hamburger:hover span:nth-child(n), .burgermenu-active .hamburger span:nth-child(n) { width: 100%; } .burgermenu-active .hamburger span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -3px; } .burgermenu-active .hamburger span:nth-child(2) { width: 0; opacity: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .burgermenu-active .hamburger span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 22px; } /*-------------------------------------------------------------- ## MOBILE MENU --------------------------------------------------------------*/ .noscroll { /* to be added to body on mobile */ overflow: hidden; } nav#mobile-menu { /* Actual mobile menu */ position: fixed; z-index: 999; /* two too many */ top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 2em; line-height: 2em; -webkit-transform-origin: top right; transform-origin: top right; opacity: 0; -webkit-transition: .5s ease-out all; transition: .5s ease-out all; pointer-events: none; display: none; } nav#mobile-menu.burgermenu-active { opacity: 1; pointer-events: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .burgermenu-active .site-header-bottom.header-fixed .site-header-bottom-fixed { border: 0; box-shadow: none; } .burgermenu-active .site-header-bottom:not(.header-fixed) .site-header-bottom-fixed { position: relative; z-index: 10001; } #mobile-menu .side-section { min-width: 400px; max-width: 35vw; margin: 0 auto; } @media (max-width: 480px) { #mobile-menu .side-section { min-width: 0; max-width: 400px; width: 100%; } } #mobile-menu .side-menu { max-height: 80vh; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } #mobile-menu .side-menu::-webkit-scrollbar { width: 0; background: transparent; } #mobile-menu .side-section-widget { margin-top: 1em; opacity: 0; -webkit-transition: .3s .5s ease-out all; transition: .3s .5s ease-out all; } nav#mobile-menu.burgermenu-active .side-section-widget { opacity: 1; } nav#mobile-menu #site-title { font-size: 1em; } nav#mobile-menu #mobile-nav #site-title a { font-size: 1em; padding: 5px; letter-spacing: 1px; -webkit-padding-end: 5px; -moz-padding-end: 5px; padding-inline-end: 5px; } nav#mobile-menu a#logo > img { max-height: 50px; } nav#mobile-menu #mobile-nav > li { position: relative; opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } nav#mobile-menu.burgermenu-active #mobile-nav > li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } nav#mobile-menu #mobile-nav a { display: inline-block; margin-right: 1em; font-weight: bold; text-decoration: none; -webkit-transition: .3s ease-out color; transition: .3s ease-out color; } nav#mobile-menu #mobile-nav ul.sub-menu a { /* font-size: .9em; */ } nav#mobile-menu a span { display: inline-block; } nav#mobile-menu > div ul li a:not([href]) { /* Default cursor for menu items with no link */ cursor: default; } nav#mobile-menu > div > ul > li > a { position: relative; z-index: 9999; } nav#mobile-menu ul li { position: relative; clear: both; float: none; display: block; margin-bottom: 1.75em; margin-bottom: min(4vw, 1.75em); white-space: normal; line-height: 1.1; } nav#mobile-menu ul li::before { margin-right: 10px; } nav#mobile-menu ul li.menu-burger { width: 100%; margin: 2em auto; text-align: center; border-radius: 100px; background: rgba(0,0,0,.05); } #mobile-nav ul li a span { /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */ } .dropdown-toggle { position: absolute; top: 0; right: 2px; display: inline-block; margin: 0; border: 0; padding: .5em 1em; cursor: pointer; color: inherit; background: transparent; -webkit-transform: rotateX(0); transform: rotateX(0); -webkit-transition: .6s all ease-in-out; transition: .6s all ease-in-out; } .sub-menu .dropdown-toggle, .children .dropdown-toggle { padding: 0.5 1em; } .dropdown-toggle:hover { background: transparent; } .toggle-on.dropdown-toggle { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } a.toggled-on { border-bottom: 3px solid; } .dropdown-toggle::after { font-family: "iconmeta"; /* icon in fontfaces */ font-size: 1.3em; } nav#mobile-menu .sub-menu, nav#mobile-menu .children { display: none; max-height: 0; margin: 1em auto 0.5em; opacity: 0; -webkit-transition: .5s max-height ease-in-out, .3s opacity ease-in-out, .3s padding ease; transition: .5s max-height ease-in-out, .3s opacity ease-in-out, .3s padding ease; } nav#mobile-menu .sub-menu.toggled-on, nav#mobile-menu .children.toggled-on { display: block; max-height: 1500px; opacity: .9; -webkit-transition: 1s max-height ease-in-out, .3s .3s opacity ease-in-out, .3s .3s padding ease; transition: 1s max-height ease-in-out, .3s .3s opacity ease-in-out, .3s .3s padding ease; } nav#mobile-menu #nav-cancel { position: absolute; z-index: 99; top: 0; right: 0; display: inline-block; width: auto; /* height: 60px; line-height: 60px; */ padding: 1em; font-size: 22px; border-radius: 0; cursor: pointer; color: inherit; background: transparent; } #mobile-menu .menu-main-search { /* Searchbar in main menu will always be top */ width: 100%; } #mobile-menu .searchform .searchsubmit, #mobile-menu .searchform:hover input[type="search"], #mobile-menu .searchform input[type="search"]:focus { color: inherit; } nav#mobile-menu #smobile { display: table; margin: 3em auto 1em; text-align: center; } body.admin-bar #mobile-menu .menu-main-search { padding-top: 32px; } body.admin-bar nav#mobile-menu #nav-cancel, body.admin-bar #bmobile { margin-top: 32px; } @media (max-width: 782px) { body.admin-bar #mobile-menu .menu-main-search { padding-top: 46px; } body.admin-bar nav#mobile-menu #nav-cancel, body.admin-bar #bmobile { margin-top: 46px; } } @media (max-width: 600px) { body.admin-bar.mobile-fixed nav#mobile-menu { padding-top: 2em; } body.admin-bar.mobile-fixed #mobile-menu .menu-main-search { padding-top: 0; } body.admin-bar.mobile-fixed nav#mobile-menu #nav-cancel, body.admin-bar.mobile-fixed #bmobile { margin-top: 0; } } /*-------------------------------------------------------------- # FOOTER --------------------------------------------------------------*/ #footer { position: relative; display: block; overflow: visible; width: 100%; padding-top: 2em; padding-bottom: 2em; } .footer-inside { position: relative; float: none; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 1.25em; padding-bottom: 1.25em; } #footer-top .footer-inside::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; width: calc( 100% - 5em); height: 1px; background: rgba(255,255,255,.1); } #footer::after { display: table; clear: both; content: ""; } #colophon a, #footer a { -webkit-transition: color .2s; transition: color .2s; } #site-copyright { display: block; float: left; font-style: italic; margin: 0.5em auto; } #footer-separator { display: block; float: left; clear: both; height: 0; width: 100%; margin: .5em 0; } #footer a, #footer a:hover{ text-decoration: none; } img#wpstats { display: block; margin: 0 auto .5em; } /*-------------------------------------------------------------- ## FOOTER MENU --------------------------------------------------------------*/ .footermenu { display: block; float: left; margin: 0.5em auto; } .footermenu > ul {} .footermenu ul li { display: inline-block; float: left; font-size: 1em; line-height: 2.6; white-space: nowrap; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .footermenu ul li span.sep { visibility: hidden; margin: 0 .5em; font-weight: bold; } .footermenu ul li:last-child span.sep { display: none; } .footermenu ul li a { position: relative; display: inline-block; margin: 0 7px; } /*-------------------------------------------------------------- ## FOOTER WIDGET AREA --------------------------------------------------------------*/ #colophon { position: relative; width: 100%; } #colophon-inside { float: none; display: block; display: -webkit-box; display: -ms-flexbox; -webkit-box-flex: 1; -moz-flex: 1; -ms-flex: 1; display: flex; flex: 1; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; overflow: hidden; height: 100%; min-height: 100%; max-width: 100%; margin: 3em auto 0; } #colophon .widget-container { position: relative; float: left; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 3em 2em 0; } .footer-center .footer-widget-inside { display: table; margin: 0 auto; } @media (max-width: 640px) { .footer-center .footer-widget-inside { width: 100%; } } #colophon .footer-four .widget-container { width: 25%; } #colophon.footer-four .widget-container:nth-child(4n+1) { clear: both; padding-left: 0; } #colophon .footer-three .widget-container { width: 33.333%; } #colophon .footer-three .widget-container:nth-child(3n+1) { clear: both; padding-left: 0; } #colophon .footer-two .widget-container { width: 50%; } #colophon .footer-two .widget-container:nth-child(2n+1) { clear: both; padding-left: 0; } #colophon .footer-one .widget-container { clear: both; width: 100%; padding-left: 0; padding-right: 0; } .footer-all .widget-container { -webkit-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } /*-------------------------------------------------------------- # CONTENT --------------------------------------------------------------*/ .main h1, .main h2, .main h3, .main h4, .main h5, .main h6 { margin: 1em 0 .5em; } .entry-content h1, .entry-summary h1, .entry-content h2, .entry-summary h2, .entry-content h3, .entry-summary h3, .entry-content h4, .entry-summary h4, .entry-content h5, .entry-summary h5, .entry-content h6, .entry-summary h6 { margin-top: 1.5em; line-height: 1.2; } .entry-content h5, .entry-content h6 { font-weight: bold; } .entry-content > h1:first-child, .entry-content > h2:first-child, .entry-content > h3:first-child, .entry-content > h4:first-child, .entry-content > h5:first-child, .entry-content > h6:first-child { margin-top: 0; } .main article ul:not([class]), .main article ol:not([class]) { margin-left: 2em; } .main table { max-width: 100%; width: 100%; margin: 0 0 2em 0; border: 0; vertical-align: top; } .main tr { vertical-align: top; } .main .alternate {} .main th{ font-weight: 600; } .main th, .main td { padding: .75em; } .bravada-stripped-table .main td { border-top: 1px solid transparent; } .bravada-stripped-table .main tr.odd { background-color: transparent; } .bravada-bordered-table .main th, .bravada-bordered-table .main td { border: 1px solid transparent; } .bravada-stripped-table .main th, .bravada-bordered-table .main th { border-top: 1px solid transparent; } .bravada-stripped-table .main thead th, .bravada-bordered-table .main thead th { border-bottom: 2px solid transparent; } .bravada-stripped-table .main thead th { border-top-width: 2px; } .entry-content, .entry-summary { clear: both; word-wrap: break-word; } .entry-content::after, .entry-summary::after, .content-masonry::after { content: ""; clear: both; display: block; } .content-masonry .entry-content, .content-masonry .entry-summary { } .content-masonry .entry-meta { padding-top: 2em; padding-bottom: 0.5em; padding-left: 2em; padding-right: 2em; } .content-masonry .entry-meta.aftertitle-meta { padding-bottom: 1em; } .content-masonry .entry-after-image .entry-meta { padding-top: 0.75em; padding-left: 0; padding-right: 0; } .main .entry-summary p:last-child { /*margin-bottom: 1em;*/ margin-bottom: 0; } .entry-summary .excerpt-fade { width: 3em; height: 1em; display: inline-block; position: relative; margin-left: -3em; line-height: 1.5; background: linear-gradient(to left, white 50%, transparent); } .entry-content fieldset { margin: 0 0 2em 0; border: 1px solid transparent; } .entry-content fieldset legend { font-weight: bold; } .entry-content blockquote.left { float: left; width: 33%; margin-right: 2em; margin-left: 0; text-align: right; } .entry-content blockquote.right { float: right; width: 33%; margin-right: 0; margin-left: 2em; text-align: left; } /*-------------------------------------------------------------- ## PAGE TITLES --------------------------------------------------------------*/ .main .page-title { float: none; display: block; margin: 0; padding-bottom: .1em; } .main .page-title:only-child { padding: 0; } .main .pad-container p:last-child { margin: 0; } .entry-title { margin: 0; padding: 0; line-height: 1.2; word-wrap: break-word; } .single .main .entry-title { padding: 0 0 10px 0; /* margin-top: -5px; */ } .entry-title a { -webkit-transition: all .25s ease-out; transition: all .25s ease-out; } .entry-title a:link, .entry-title a:visited { color: inherit; text-decoration: none; } .main #comments-title, .main .entry-title { margin: 0; } .main #content-masonry .entry-after-image { padding: 2em; padding-top: 0; } .main #content-masonry .post-thumbnail-container + .entry-after-image { padding-top: 2em; } /* One column magazine layout */ @media (min-width: 720px) { .bravada-magazine-one .main #content-masonry article.has-post-thumbnail .article-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bravada-magazine-one .main #content-masonry .post-thumbnail-container { float: left; width: 40%; } .bravada-magazine-one .main #content-masonry .post-thumbnail-container + .entry-after-image { position: relative; left: 0; float: left; width: 60%; margin-top: 0; margin-right: 0; padding: 15px 30px; padding: min(15px 5%) 30px; } .bravada-magazine-one .main #content-masonry .entry-title { width: 100%; padding: 0; } .bravada-magazine-one .main #content-masonry .entry-title::before { content: none; } } /*-------------------------------------------------------------- ## POST METAS --------------------------------------------------------------*/ .entry-meta { clear: both; overflow: hidden; margin: 0; padding: 0; } .entry-meta:empty { /* display: none; */ } .entry-meta em { display: inline-block; font-style: normal; } .entry-meta > span { position: relative; display: inline-block; margin-right: .5em; } body:not(.single) .entry-meta > span { margin-right: .1em; } body:not(.single) .entry-meta .sep { padding-left: .5em; opacity: 0; } .entry-meta > span.tags .sep { opacity: 1; padding-left: 0; } .entry-meta > span.tags > a { margin-right: 0.35em; } body:not(.single) .entry-meta.aftertitle-meta > span:not(:last-child)::after { content: '\00B7'; position: relative; margin-left: .5em; font-weight: bold; } .hentry-featured .entry-meta.aftertitle-meta > span:not(:last-child)::after { display: none; } .single .entry-meta > span { vertical-align: middle; } .single .entry-meta:not(.entry-utility) .sep { padding: 0 .3em; } .single .entry-meta:not(.entry-utility) .sep::after { content: '\00B7'; position: relative; font-family: 'iconmeta'; } .entry-meta span a { position: relative; /* border-bottom: 2px solid transparent; */ -webkit-transition: .25s all ease; transition: .25s all ease; } .entry-meta .icon-metas:not(.icon-comments) { display: none; } .entry-meta .updated { display: none; } .entry-meta .author-avatar { position: relative; overflow: hidden; display: block; margin: 0 auto; /* top: .5em; */ line-height: 0; } .entry-meta .author-avatar .avatar { width: 4em; height: 4em; border-radius: 100%; margin-bottom: 8px; border: 2px solid #BBB; border-radius: 100px; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .entry-utility { float: none; clear: both; overflow: visible; } .entry-utility span.bl_bookmark { display: inline; float: none; padding: 0; } .post-continue-container { overflow: hidden; } .comments-link { float: right; position: relative; display: inline-block; } .comments-link a { -webkit-transition: .2s ease-out color; transition: .2s ease-out color; } .single .comments-link { float: none; } .single .comments-link i { display: none; } .single .comments-link a { padding: 0; } .article-inner .entry-header { position: relative; } .main .article-inner > header { display: none; } #container#container .page-header.pad-container { margin-bottom: 2.5em; padding: 2em; border: 1px solid rgba(0,0,0,.1); } body:not(.page-template-template-blog) .page-header.pad-container { display: none; } body.page-template-template-blog .page-header.pad-container .page-title { display: none; } .page-header.pad-container:empty { display: none; } .entry-meta abbr, .entry-utility abbr { border: none; } .entry-meta abbr:hover, .entry-utility abbr:hover { border-bottom: 1px dotted transparent; } .entry-meta span i::before { cursor: default; -webkit-transition: .6s all ease-in-out .2s; transition: .6s all ease-in-out .2s; } .tag-links { margin-left: 2em; } span.edit-link a.post-edit-link, span.edit-link a.post-edit-link:hover, span.edit-link .icon-edit::before { margin: 0; padding: 0; } span.edit-link:hover { opacity: 1; } span.edit-link .icon-edit::before { font-size: 0.8em; } .entry-meta > span.edit-link { border: 1px dashed; padding: 0 10px; float: right; } .single .entry-meta > span.edit-link { font-size: 0.8em; } /* ## Header titles */ #header-overlay { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } #header-page-title { position: absolute; z-index: 11; right: 0; top: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 0 2em; } #header-page-title-overlay { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; } #header-page-title #header-page-title-inside { margin: 0 auto; padding: 2em 2em; } #header-page-title .entry-title { position: relative; margin: 0.1em auto 0.3em; text-align: center; /* opacity: 0; */ /* -webkit-animation: .5s .15s animation-fadeIn forwards; animation: .5s .15s animation-fadeIn forwards; */ } #header-page-title #breadcrumbs-container { position: absolute; left: 0; right: 0; top: auto; bottom: -10px; margin: auto; text-align: center; line-height: 1.3; opacity: 0; -webkit-animation: .5s 1s animation-fadeIn ease-out forwards; animation: .5s 1s animation-fadeIn ease-out forwards; } #header-page-title #breadcrumbs { width: 100%; margin: 0; padding: 0; } #header-page-title .icon-bread-home::before { margin-left: 0.3em; } #header-page-title #breadcrumbs-nav > a i { color: inherit; } #header-page-title #breadcrumbs-nav > a, #header-page-title #breadcrumbs-nav > span { display: inline-block; margin: 0 1px; /* border-left: 2px solid rgba(255,255,255,.5); */ padding: 5px 10px; font-size: 0.9em; color: inherit; background: rgba(255,255,255,.2); -webkit-transition: .2s ease-out all; transition: .2s ease-out all; opacity: 0.5; } #header-page-title #breadcrumbs-nav > a:hover { opacity: 0.75; } #header-page-title .byline { position: relative; clear: both; display: block; overflow: hidden; max-width: 70%; min-width: 300px; margin: 1.5em auto 1em; font-size: 1em; text-align: center; opacity: 0; -webkit-animation: .5s .45s animation-fadeIn forwards; animation: .5s .45s animation-fadeIn forwards; } #header-page-title .byline:empty { margin: 0; } @media (max-width: 640px) { #header-page-title .byline { max-width: none; min-width: 0; } } #header-page-title .pretitle-meta { position: relative; opacity: 0; text-align: center; -webkit-animation: .5s .05s animation-fadeIn forwards; animation: .5s .05s animation-fadeIn forwards; } #header-page-title .aftertitle-meta { margin-bottom: 1em; text-align: center; opacity: 0; -webkit-animation: .5s .25s animation-fadeIn forwards; animation: .5s .25s animation-fadeIn forwards; } #header-page-title .category-metas a { border-bottom: 1px dotted; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } #header-page-title .category-metas a:hover { border-bottom-color: #FFF; } #header-page-title .icon-date { font-size: 0.833em; } #header-page-title .date { font-size: 0.9em; text-transform: uppercase; letter-spacing: .4em; opacity: .5; } #header-page-title .author-container { margin: 2em auto; font-weight: 300; letter-spacing: 0.5px; } #header-page-title .author-container > .author { display: inline-block; } .author #header-page-title .avatar { display: table; margin: 0 auto; border: 2px solid #BBB; border-radius: 100px; } .meta-arrow { position: absolute; z-index: 15; left: 0; right: 0; bottom: 80px; width: 100px; height: 65px; margin: 0 auto; text-align: center; font-size: 1.5em; font-weight: 300; color: inherit; } @media (max-width: 1200px) { .meta-arrow { display: none; } } a.meta-arrow:hover { color: inherit; } .meta-arrow > i { margin: auto; } .meta-arrow > i::before { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: meta-arrow 2.2s ease-out infinite; animation: meta-arrow 2.2s ease-out infinite; } @keyframes meta-arrow { 60% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @-webkit-keyframes meta-arrow { 60% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } /*-------------------------------------------------------------- ## AUTHOR INFO --------------------------------------------------------------*/ .author-info { clear: both; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .single .author-info { margin: 4em 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding-top: 3em; padding-bottom: 3em; } .author-info .author-avatar { display: table; float: left; height: 80px; width: 80px; margin: 0 auto; line-height: 0; } .author-info .author-description { overflow: hidden; width: 100%; margin-left: 40px; } .author-description .page-title span { position: relative; } article .author-info { clear: both; overflow: hidden; margin: 2.5em 0 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: 1.5em 0; } .author-info .avatar { position: relative; top: 0; display: block; padding: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius: 50%; -webkit-transition: .3s ease-out all; transition: .3s ease-out all; } .author-info:hover .avatar { top: -5px; padding: 0; } .author-info .author-link { font-size: .9em; opacity: .5; } .author-info .author-link a { color: inherit; } .author-description .author-text { margin: 1em auto; text-align: justify; line-height: 1.5; } @media (max-width: 640px) { .author-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 1.5em; text-align: center; } .author-info .author-description { margin-left: 0; text-align: center; } .author-description .author-text { text-align: center; } } /*-------------------------------------------------------------- ## ARTICLES --------------------------------------------------------------*/ article.sticky .date { display: none; } article.hentry, .main .content-widget { display: block; overflow: hidden; margin-bottom: 2em; } .single article.hentry, .page article.hentry { overflow: visible; } article.hentry .article-inner { clear: both; display: block; } #content-masonry { margin-right: -2%; margin-left: -2%; } @media (min-width: 1024px) { .bravada-magazine-three #content-masonry { margin-right: -1%; margin-left: -1%; } } #content-masonry article.hentry { display: block; overflow: hidden; margin: 0; margin-right: 2%; margin-bottom: 4%; margin-left: 2%; } @media (min-width: 1024px) { .bravada-magazine-three #content-masonry article.hentry { margin-right: 1%; margin-bottom: 2%; margin-left: 1%; } } .bravada-magazine-one #content-masonry article.hentry { width: 96%; } .bravada-magazine-two #content-masonry article.hentry { float: left; width: 46%; } .bravada-magazine-two #content-masonry article.hentry:nth-child(2n+1) { clear: both; } .bravada-magazine-three #content-masonry article.hentry { float: left; width: 31.33333333%; } .bravada-magazine-three #content-masonry article.hentry:nth-child(3n+1) { clear: both; } #content-masonry article.hentry .article-inner { padding: 0; } article.hentry .post-thumbnail-container { position: relative; display: block; overflow: hidden; width: 100%; line-height: 0; } body:not(.single) article.hentry .post-thumbnail-container::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; opacity: 0; -webkit-transition: .3s opacity ease-out; transition: .3s opacity ease-out; } body:not(.single) article.hentry .post-thumbnail-container:hover::after { opacity: 1; } article.hentry .post-thumbnail-container > .responsive-featured-image { display: inline-block; margin: 0 auto; width: 100%; text-align: center; } .bravada-cropped-featured .main .post-thumbnail-container picture.responsive-featured-image { display: none; } .bravada-responsive-featured .main .post-thumbnail-container a.post-featured-image { display: none; } .post-thumbnail-container .featured-image-overlay { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .post-thumbnail-container .featured-image-overlay::before, .post-thumbnail-container .featured-image-overlay::after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.3; pointer-events: none; -webkit-transition: 0.2s ease-out all; transition: 0.2s ease-out all; } .post-thumbnail-container .featured-image-overlay::after { opacity: 0; } .post-thumbnail-container:hover .featured-image-overlay:before { opacity: 0; } .post-thumbnail-container:hover .featured-image-overlay:after { opacity: 0; } .post-thumbnail-container .responsive-featured-image { /* -webkit-transform: scale(1.05); transform: scale(1.05); */ -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .post-thumbnail-container:hover .responsive-featured-image { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .post-thumbnail-container .featured-image-overlay a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /*-------------------------------------------------------------- ## ARTICLE ANIMATION --------------------------------------------------------------*/ article.hentry { -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 1; -webkit-filter: none; filter: none; -webkit-transform: translateY(0) scale(1, 1) perspective(1000px) rotateX(0) rotateY(0); transform: translateY(0) scale(1, 1) perspective(1000px) rotateX(0) rotateY(0); -webkit-transition: .5s opacity ease-in-out, .5s transform ease-in-out, .5s filter ease; transition: .5s opacity ease-in-out, .5s transform ease-in-out, .5s filter ease; } body:not(.bravada-landing-page):not(.bravada-lazy-noanimation) #content img[loading="lazy"] { opacity: 0; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } body:not(.bravada-landing-page) #content img[loading="lazy"].animate-lazy { opacity: 1; } /* Article Fade */ .bravada-article-animation-fade .animated-onscroll { opacity: 0; } /* Article Slide */ .bravada-article-animation-slide .animated-onscroll { -webkit-transform: translateY(100px); transform: translateY(100px); } /* Article Grow */ .bravada-article-animation-grow .animated-onscroll { -webkit-transform: scale(0.85, 0.85); transform: scale(0.85, 0.85); } /* Article Slide Left */ .bravada-article-animation-slideLeft .animated-onscroll { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } /* Article Slide Right */ .bravada-article-animation-slideRight .animated-onscroll { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } /* Article Zoom In */ .bravada-article-animation-zoomIn .animated-onscroll { opacity: 0; -webkit-transform: scale(.9, .9); transform: scale(.9, .9); } /* Article Zoom out */ .bravada-article-animation-zoomOut .animated-onscroll { opacity: 0; -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } /* Article Blur */ .bravada-article-animation-blur .animated-onscroll { opacity: 0; -webkit-filter: blur(8px); -ms-filter: blur(8px); filter: blur(8px); } /* Article Flip Left */ .bravada-article-animation-flipLeft .animated-onscroll { -webkit-transform: perspective(1000px) rotateY(-20deg); transform: perspective(1000px) rotateY(-20deg); } /* Article Flip Right */ .bravada-article-animation-flipRight .animated-onscroll { -webkit-transform: perspective(1000px) rotateY(20deg); transform: perspective(1000px) rotateY(20deg); } /* Article Flip Up */ .bravada-article-animation-flipUp .animated-onscroll { -webkit-transform: perspective(1000px) rotateX(-20deg); transform: perspective(1000px) rotateX(-20deg); } /* Article Flip Down */ .bravada-article-animation-flipDown .animated-onscroll { -webkit-transform: perspective(1000px) rotateX(20deg); transform: perspective(1000px) rotateX(20deg); } /*-------------------------------------------------------------- ## IMAGES --------------------------------------------------------------*/ /* Prevent overlfow */ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { height: auto; max-width: 100%; } .main a.post-featured-image { position: relative; display: inline-block; height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .main a.post-featured-image:hover { background-position: 50% 0%; } .main a.post-featured-image::before { content: ""; position: absolute; bottom: 100%; width: 100%; height: 100%; border-bottom: 1px solid rgba(255,255,255,.4); background: rgba(0, 0, 0, .2); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .main a.post-featured-image:hover::before { bottom: -1px; } .alignleft, img.alignleft { float: left; margin-right: 2em; } .alignright, img.alignright { float: right; margin-left: 2em; } .aligncenter, img.aligncenter { /* display: block; */ clear: both; margin-right: auto; margin-left: auto; } img.aligncenter { display: block; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1em; } img.alignleft, img.alignright, img.aligncenter, img.alignnone, .wp-caption img { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } img.alignleft:hover, img.alignright:hover, img.aligncenter:hover, img.alignnone:hover, .wp-caption img:hover {} .wp-caption { max-width: 100%; margin-bottom: 1em; text-align: center; } body .main .wp-caption > a { display: block; } .wp-caption img { display: block; width: 100%; border: none; padding: 0; box-shadow: none; } .wp-caption .wp-caption-text { padding: .7em .5em; text-align: center; font-style: italic; } .wp-smiley { width: auto; margin: 0; border: 0; vertical-align: middle; background: none; box-shadow: none; } /*-------------------------------------------------------------- ## PAGE NAVIGATION --------------------------------------------------------------*/ /* Multiple page navigation */ .page-link { clear: both; display: block; margin: .7em 0; } .page-link a, .page-link > span > span > em { display: inline-block; height: 1.5em; width: 1.5em; margin-right: 1px; line-height: 1.5; text-align: center; text-decoration: none; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .page-link > span { display: inline-block; } .page-link a:hover {} .page-link em { font-style: normal; } .page-link span > em, .pagination span { cursor: default; } .page-link a:hover {} /* Single Previous/Next Post Navigation */ #nav-below { float: none; clear: both; display: block; overflow: hidden; margin-top: 3em; } #nav-below > div { min-height: 1em; } #nav-below em:only-child { display: none; } #nav-below .nav-previous, #nav-below .nav-next { position: relative; display: block; float: left; height: 200px; width: 50%; line-height: 0; } @media (max-width: 480px) { #nav-below .nav-previous, #nav-below .nav-next { width: 100%; float: none; } } #nav-below .nav-previous::before, #nav-below .nav-next::before { content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.8); background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.6)) , color-stop(95%, rgba(0,0,0,0.9))); background: linear-gradient(to right, rgba(0,0,0,0.6) , rgba(0,0,0,0.9) 95%); } #nav-below .nav-next::before { background: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.6)) , color-stop(95%, rgba(0,0,0,0.9))); background: linear-gradient(to left, rgba(0,0,0,0.6) , rgba(0,0,0,0.9) 95%); } #nav-below .nav-previous::after, #nav-below .nav-next::after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; } #nav-below .nav-next { text-align: right; } #nav-below .nav-previous a, #nav-below .nav-next a { display: block; position: absolute; z-index: 3; top: 50%; left: 3em; max-width: 90%; line-height: 1.5; word-wrap: break-word; color: #FFF; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #nav-below .nav-next a { left: auto; right: 3em; } @media (max-width: 1024px) { #nav-below .nav-previous a { left: 2em; } #nav-below .nav-next a { right: 2em; } } @media (max-width: 640px) { #nav-below .nav-previous a { left: 1em; line-height: 1.3; } #nav-below .nav-next a { right: 1em; line-height: 1.3; } } #nav-below img { height: 200px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } #nav-below .nav-previous:hover img, #nav-below .nav-next:hover img { -o-object-position: 50% 55%; object-position: 50% 55%; } #nav-below em { position: relative; display: inline-block; float: none; font-style: normal; font-size: .7em; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; } #nav-below span { display: block; font-size: 1.7em; } /* Single Fixed Previous/Next Post Navigation */ #nav-fixed { opacity: 0; } #nav-fixed, #nav-fixed * { -webkit-transition: .3s ease-out all; transition: .3s ease-out all; } #nav-fixed a { color: inherit; } #nav-fixed.nav-fixed-show { opacity: 1; } #nav-fixed.nav-fixed-show .nav-previous i { left: 0; } #nav-fixed.nav-fixed-show .nav-next i { right: 0; } #nav-fixed a + a { position: relative; z-index: -1; visibility: hidden; display: inline-block; max-width: 500px; padding: 17px 20px 17px 44px; font-size: 0.8333em; line-height: 30px; font-style: italic; opacity: 0; } #nav-fixed .nav-previous a + a { margin-left: 30px; } #nav-fixed .nav-next a + a { padding: 17px 44px 17px 20px; margin-right: 30px; } #nav-fixed .nav-previous a:hover + a, #nav-fixed .nav-previous a + a:hover { visibility: visible; margin-left: 0; opacity: 1; } #nav-fixed .nav-next a:hover + a, #nav-fixed .nav-next a + a:hover { visibility: visible; margin-right: 0; opacity: 1; } #nav-fixed span { position: relative; } #nav-fixed span::before, #nav-fixed span:after { content: '"'; position: relative; } #nav-fixed .nav-previous span { padding-right: 10px; } #nav-fixed .nav-next span { padding-left: 10px; } #nav-fixed i { position: absolute; top: 0; bottom: 0; display: block; width: 44px; height: 64px; margin: auto; } #nav-fixed .nav-previous i { left: -70px; } #nav-fixed .nav-next i { right: -70px; } #nav-fixed i::before { position: absolute; left: 50%; right: auto; top: 50%; margin: auto; font-size: 30px; text-align: center; -webkit-transform: translateY(-50%) translateX(-40%); transform: translateY(-50%) translateX(-40%); -webkit-transition: .3s ease-out all; transition: .3s ease-out all; } #nav-fixed .nav-previous i::before { -webkit-transform: translateY(-50%) translateX(-60%) rotate(180deg); transform: translateY(-50%) translateX(-60%) rotate(180deg); } #nav-fixed .nav-previous:hover i::before { -webkit-transform: translateY(-50%) translateX(-80%) rotate(180deg); transform: translateY(-50%) translateX(-80%) rotate(180deg); } #nav-fixed .nav-next:hover i::before { -webkit-transform: translateY(-50%) translateX(-20%); transform: translateY(-50%) translateX(-20%); } #nav-fixed .nav-previous, #nav-fixed .nav-next { position: fixed; top: 50%; z-index: 50; max-width: 44px; max-height: 64px; } #nav-fixed .nav-previous:hover, #nav-fixed .nav-next:hover { max-width: 9999px; -webkit-transition: none; transition: none; } #nav-fixed .nav-previous { left: 0; } #nav-fixed .nav-next { right: 0; } /* Blog, Archive Pages Previous/Next Posts Pagination */ #nav-old-below { float: none; clear: both; display: table; width: 100%; max-width: 480px; margin: 2em auto; } #nav-old-below .nav-previous{ float: left; } #nav-old-below .nav-next { float: right; } #nav-old-below .nav-previous a, #nav-old-below .nav-next a { display: block; -webkit-transition: .3s all ease; transition: .3s all ease; } #nav-old-below i::before { margin: 0 .5em; } .schema-publisher, .schema-image { display: none; } /*-------------------------------------------------------------- # LANDING PAGE --------------------------------------------------------------*/ .bravada-landing-page .lp-blocks-inside, .bravada-landing-page .lp-boxes-inside, .bravada-landing-page .lp-page-inside, .bravada-landing-page .lp-posts-inside { /* margin: 0 auto; */ overflow: hidden; } @media (max-width: 1200px) { .bravada-landing-page .lp-blocks-inside, .bravada-landing-page .lp-boxes-inside, .bravada-landing-page .lp-page-inside, .bravada-landing-page .lp-posts-inside { max-width: 100%; } } .bravada-landing-page .lp-portfolio-inside { margin: 0 auto; } .bravada-landing-page .lp-text-inside, .bravada-landing-page .lp-blocks-inside, .lp-boxes .lp-boxes-inside, .lp-boxes .lp-boxes-margins, .lp-portfolio-inside, .lp-testimonials-inside, .lp-posts-inside, .lp-page-inside { margin: 5em auto; } @media (max-width: 800px) { .bravada-landing-page .lp-text-inside, .bravada-landing-page .lp-blocks-inside, .lp-boxes .lp-boxes-inside, .lp-boxes .lp-boxes-margins, .lp-portfolio-inside, .lp-testimonials-inside, .lp-posts-inside, .lp-page-inside { margin: 3em auto; } } @media (max-width: 480px) { .bravada-landing-page .lp-text-inside, .bravada-landing-page .lp-blocks-inside, .lp-boxes .lp-boxes-inside, .lp-boxes .lp-boxes-margins, .lp-portfolio-inside, .lp-testimonials-inside, .lp-posts-inside, .lp-page-inside { margin: 2em auto; } } .bravada-landing-page #header-image-main-inside { display: none; } .bravada-landing-page #content { margin-top: 0; } .bravada-landing-page #main { width: 100%; } .lp-section-header { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5em auto 2em; text-align: center; } @media (max-width: 800px) { .lp-section-header { margin: 3em auto 1.5em; } } @media (max-width: 480px) { .lp-section-header { margin: 2em auto 1em; } } .lp-section-header .lp-section-title, .lp-section-header .lp-section-desc { max-width: 60%; -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } @media (max-width: 800px) { .lp-section-header .lp-section-title, .lp-section-header .lp-section-desc { max-width: 90%; } } .main .lp-section-header .lp-section-title { position: relative; margin: 0; padding: 0; font-size: 5em; font-size: clamp(2.5em, 10vh, 5em); line-height: 1; font-weight: 900; opacity: 0.1; } .lp-section-header .lp-section-desc { position: relative; -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; max-width: 45%; margin: 0; margin-top: -1.4em; padding: 0; font-size: 1.4em; line-height: 1.2; } .lp-section-header + .lp-boxes-padding { margin-top: 4em; } /* ## LP Slider */ .lp-staticslider { position: relative; overflow: hidden; text-align: center; /* for images on >1920 */ } .lp-staticslider-image, .header-image { /* opacity: 0; -webkit-animation: .75s animation-fadeIn ease-out forwards; animation: .75s animation-fadeIn ease-out forwards; */ } .bravada-fullscreen-headerimage.bravada-cropped-headerimage #masthead #header-image-main-inside { height: 100vh; } .bravada-fullscreen-headerimage.bravada-responsive-headerimage #masthead #header-image-main-inside { max-height: 100vh; } .bravada-fullscreen-headerimage.bravada-cropped-headerimage div.header-image { height: 100%; } .bravada-fullscreen-headerimage .lp-staticslider { height: 100vh; } .bravada-fullscreen-headerimage .lp-staticslider-image, .bravada-fullscreen-headerimage .header-image { height: 100vh; width: 100%; object-fit: cover; } @media (max-width: 640px) { .bravada-fullscreen-headerimage .lp-staticslider, .bravada-fullscreen-headerimage .lp-staticslider-image { /* height: auto; */ min-height: 100vh; } } .lp-staticslider .staticslider-caption, .seriousslider-theme .seriousslider-caption { position: absolute; z-index: 3; left: 0; top: 0; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; margin: 0 auto; text-align: left; } /* @media (max-width: 1024px) { .lp-staticslider .staticslider-caption, .seriousslider-theme .seriousslider-caption { justify-content: flex-start; bottom: auto; padding-top: 5vh; } } */ .lp-staticslider::after, .seriousslider-theme::after { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; } .lp-staticslider .staticslider-caption-inside, .seriousslider-theme .seriousslider-caption-inside { max-width: 90%; margin: 0 auto; text-align: center; } @media (max-width: 900px) { .lp-staticslider .staticslider-caption-inside, .seriousslider-theme .seriousslider-caption-inside { max-width: 100%; } } @-webkit-keyframes animation-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes animation-fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes animation-fadeIn-blur { 0% { opacity: 0; -webkit-filter: blur(3px); filter: blur(3px); } 50% { opacity: 1; -webkit-filter: blur(3px); filter: blur(3px); } 100% { opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes animation-fadeIn-blur { 0% { opacity: 0; -webkit-filter: blur(3px); filter: blur(3px); } 50% { opacity: 1; -webkit-filter: blur(3px); filter: blur(3px); } 100% { opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes animation-slideUp { from { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes animation-slideUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes animation-slideRight { from { opacity: 0; -webkit-transform: translateX(-25px); transform: translateX(-25px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes animation-slideRight { from { opacity: 0; -webkit-transform: translateX(-25px); transform: translateX(-25px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes animation-slideRightShow { from { opacity: 0; -webkit-transform: translateX(150%); transform: translateX(150%); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes animation-slideRightShow { from { opacity: 0; -webkit-transform: translateX(150%); transform: translateX(150%); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes animation-slideRightHide { from { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(150%); transform: translateX(150%); } } @keyframes animation-slideRightHide { from { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(150%); transform: translateX(150%); } } @-webkit-keyframes animation-slideLeftHide { from { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(-150%); transform: translateX(-150%); } } @keyframes animation-slideLeftHide { from { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(-150%); transform: translateX(-150%); } } @-webkit-keyframes animation-slideLeftShow { from { opacity: 0; -webkit-transform: translateX(-150%); transform: translateX(-150%); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes animation-slideLeftShow { from { opacity: 0; -webkit-transform: translateX(-150%); transform: translateX(-150%); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .lp-staticslider .staticslider-caption-title, .seriousslider-theme .seriousslider-caption-title { position: relative; float: none; display: block; margin-top: 0; margin-bottom: 0.1em; font-size: 5em; line-height: 1.1; font-weight: bold; letter-spacing: 0; opacity: 0; -webkit-animation: .5s 0.25s animation-slideRight ease-out forwards; animation: .5s 0.25s animation-slideRight ease-out forwards; } .lp-staticslider .staticslider-sep { display: none; } .animated-title .caption-title-word { display: inline-block; font-style: normal; } .animated-title .caption-title-word > span { position: relative; display: inline-block; line-height: 1.2; opacity: 0; -webkit-animation: showwords 2.5s ease forwards; animation: showwords 2.5s ease forwards; } .animated-title .caption-title-word > span:nth-child(n) { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } .animated-title .caption-title-word > span:nth-child(2n) { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .animated-title .caption-title-word > span:nth-child(3n) { -webkit-animation-duration: 2.8s; animation-duration: 2.8s; } .animated-title .caption-title-word > span:nth-child(4n) { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .animated-title .caption-title-word > span:nth-child(5n) { -webkit-animation-duration: 3.6s; animation-duration: 3.6s; } .animated-title .caption-title-word > span:nth-child(6n) { -webkit-animation-duration: 1.6s; animation-duration: 1.6s; } .animated-title .caption-title-word > span:nth-child(7n) { -webkit-animation-duration: 3.2s; animation-duration: 3.2s; } .animated-title .caption-title-word > span:nth-child(8n) { -webkit-animation-duration: 2.0s; animation-duration: 2.0s; } .animated-title .caption-title-word > span:nth-child(9n) { -webkit-animation-duration: 2.8s; animation-duration: 2.8s; } @-webkit-keyframes showwords { to { opacity: 1; } } @keyframes showwords { to { opacity: 1; } } .animated-title .caption-title-word span.cry-single { position: relative; } .animated-title .caption-title-word span.cry-double { position: absolute; top: 0; left: 0; opacity: 0; } .animated-title span.cry-single, .animated-title span.cry-double { -webkit-transition: color .5s ease-out; transition: color .5s ease-out; } .animated-title .caption-title-word > span:nth-child(n) span.cry-single.animated-letter { -webkit-animation: 1.5s 0.25s animation-slideLeftHide ease-in-out forwards; animation: 1.5s 0.25s animation-slideLeftHide ease-in-out forwards; } .animated-title .caption-title-word > span:nth-child(2n) span.cry-single.animated-letter { -webkit-animation: 1.5s 0.25s animation-slideRightHide ease-in-out forwards; animation: 1.5s 0.25s animation-slideRightHide ease-in-out forwards; } .animated-title .caption-title-word > span:nth-child(n) span.cry-double.animated-letter { -webkit-animation: 1s animation-slideRightShow ease-in-out forwards; animation: 1s animation-slideRightShow ease-in-out forwards; } .animated-title .caption-title-word > span:nth-child(2n) span.cry-double.animated-letter { -webkit-animation: 1s animation-slideLeftShow ease-in-out forwards; animation: 1s animation-slideLeftShow ease-in-out forwards; } .lp-staticslider .staticslider-caption-text, .seriousslider-theme .seriousslider-caption-text { position: relative; float: none; clear: both; display: block; max-width: 80%; margin: 3em auto; font-size: 1.2em; line-height: 1.5; font-weight: 300; letter-spacing: 1px; opacity: 0; -webkit-animation: .5s 0.5s animation-slideRight ease-out forwards; animation: .5s 0.5s animation-slideRight ease-out forwards; } .staticslider-caption-buttons, .seriousslider-theme .seriousslider-caption-buttons { clear: both; float: none; display: table; margin: 3em auto; } a.staticslider-button, .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button { position: relative; display: block; float: left; overflow: hidden; border: 3px solid transparent; padding: 15px 30px 15px 40px; padding-right: calc(50px - 1em); font-size: 1em; font-weight: bold; opacity: 0; color: #FFF; -webkit-transition: .3s ease-in-out all; transition: .3s ease-in-out all; -webkit-animation: .5s 0.75s animation-slideRight ease-out forwards; animation: .5s 0.75s animation-slideRight ease-out forwards; } a.staticslider-button:first-child, .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:first-child { background: rgba(0,0,0,0); border-color: white; } a.staticslider-button:first-child:hover, .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:first-child:hover { background: rgba(0,0,0,.2); } a.staticslider-button:hover, .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:hover { color: #FFF; padding-right: 44px; padding-right: calc(45px - 1em); padding-left: 25px; } a.staticslider-button::after, .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button::after { position: relative; top: 2px; font-family: "iconmeta"; content: "\e0a3"; margin-left: -20px; padding-left: 10px; font-size: 1em; opacity: 0; -webkit-transition: .3s ease-in-out all; transition: .3s ease-in-out all; } a.staticslider-button:hover::after, .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:hover::after { opacity: 1; margin-left: 0; } a.staticslider-button + a.staticslider-button, .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button + a.seriousslider-button { margin-left: 1.5em; } @media (max-width: 480px) { a.staticslider-button, .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button { display: block; width: 100%; } a.staticslider-button + a.staticslider-button, .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button + a.seriousslider-button { margin-top: 1.5em; margin-left: 0; } } /* # LP Blocks */ .lp-blocks { float: none; display: block; overflow: hidden; width: 100%; } .lp-blocks-inside { position: relative; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; overflow: hidden; padding: 2em; } @media (max-width: 800px) { .lp-blocks-inside { padding: 0 1em } } .lp-block { position: relative; float: left; display: block; overflow: hidden; padding: 2em 2em; } .lp-blocks.lp-blocks-rows-4 .lp-block { width: 25%; } .lp-blocks.lp-blocks-rows-3 .lp-block { width: 33.33333%; } .lp-blocks.lp-blocks-rows-2 .lp-block { width: 50%; } .lp-blocks.lp-blocks-rows-1 .lp-block { width: 100%; margin-right: 0; } .lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(4n), .lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(3n), .lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(2n) { margin-right: 0; } .lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(4n+1), .lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(3n+1), .lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(2n+1) { clear: both; } .lp-block-icon { position: relative; height: 42px; margin-bottom: 10px; } .lp-block i[class^="blicon"] { position: absolute; top: 0; left: 0; right: 0; z-index: 2; float: none; display: inline-block; margin: 0 auto; text-align: center; line-height: 1; cursor: default; -webkit-transition: .25s ease-out all; transition: .25s ease-out all; } .lp-block i[class^="blicon"] + i[class^="blicon"] { position: absolute; z-index: 1; top: 0; left: 0; opacity: 0; -webkit-transform: translateY(-40px) scale(0.65); transform: translateY(-40px) scale(0.65); } .lp-block:hover i[class^=blicon] { -webkit-transform: translateY(40px) scale(0.65); transform: translateY(40px) scale(0.65); opacity: 0; } .lp-block:hover i[class^=blicon] + i[class^=blicon] { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } .lp-block i[class^="blicon"]::before { position: relative; z-index: 2; font-size: 42px; line-height: 1; -webkit-transition: .25s ease-out all; transition: .25s ease-out all; } .lp-block > a i[class^=blicon] { cursor: pointer; } .lp-block-content { display: block; overflow: hidden; text-align: center; } .lp-block .lp-block-title { position: relative; z-index: 1; display: inline-block; margin: 1.5em auto; font-size: 1.05em; line-height: 1.4; font-family: inherit; -webkit-transition: .25s ease-out all; transition: .25s ease-out all; } .lp-block .lp-block-title::after { content: ""; position: absolute; z-index: -1; width: 102%; height: 1em; left: -1%; top: 50%; margin: auto; opacity: 0.4; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: center right; transform-origin: center right; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .lp-block-text { width: 100%; } .lp-block .lp-block-readmore { position: relative; display: block; margin: 0.5em auto 0; padding: 0; font-size: 0.9em; text-align: center; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .lp-block .lp-block-padder { height: .65em; width: 100%; } /* ## LP Blocks 2 */ .lp-blocks2 .lp-section-header + .lp-blocks-inside { padding-top: 2em; padding-bottom: 5em; } .lp-blocks2 .lp-block { position: relative; z-index: 1; overflow: visible; margin-right: 4%; margin-top: 3.5%; margin-bottom: 3.5%; border: 0; padding: 0 0 3em; text-align: center; } .lp-blocks2.lp-blocks-rows-4 .lp-block { width: 22.75%; margin-right: 3%; } .lp-blocks2.lp-blocks-rows-3 .lp-block { width: 30.6666%; } .lp-blocks2.lp-blocks-rows-2 .lp-block { width: 48%; } .lp-blocks2 .lp-block-icon { display: inline-block; float: left; height: auto; margin: -1.5em 0 0 2.5em; } .lp-blocks2 .lp-block i[class^="blicon"] { position: relative; margin: auto; padding: 1.2em; text-align: center; } .lp-blocks2 .lp-block i[class^="blicon"]::before { font-size: 30px; } .lp-blocks2 .lp-block i[class^="blicon"] + i[class^="blicon"] { -webkit-transform: translateX(-40px) scale(0.65); transform: translateX(-40px) scale(0.65); } .lp-blocks2 .lp-block:hover i[class^=blicon] { -webkit-transform: translateX(40px) scale(0.65); transform: translateX(40px) scale(0.65); } .lp-blocks2 .lp-block:hover i[class^=blicon] + i[class^=blicon] { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } .main .lp-blocks2 .lp-block-content { clear: both; padding: 1em 2.5em 0; text-align: left; } .lp-blocks2 .lp-block .lp-block-title { margin: 1em auto .6em; font-weight: bold; font-size: 1.2em; } .lp-blocks2 .lp-block .lp-block-title::after { background: transparent; } .lp-blocks2 .lp-block-padder { display: none; } .lp-blocks2 .lp-block-readmore { position: absolute; left: 2.5em; bottom: 0; display: inline-block; border: 0; padding: 0.7em 1.5em; font-size: 0.9em; -webkit-transform: translateY(50%); transform: translateY(50%); } .lp-blocks2 .lp-block > a:first-child { padding: 0; } .lp-blocks2 .lp-block > a:first-child::before { display: none; } /* ## LP Boxes */ .lp-boxes { float: none; display: block; overflow: hidden; width: 100%; } .lp-boxes .lp-boxes-inside, .lp-boxes .lp-boxes-outside { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .lp-boxes .lp-boxes-inside { position: relative; } .lp-boxes .lp-boxes-inside::before { content: ""; position: absolute; left: 2.5em; top: 0; width: calc(100% - 5em); height: 100%; opacity: 0.5; } .lp-boxes .lp-boxes-inside, .lp-boxes .lp-boxes-margins { overflow: hidden; padding-top: 3em; padding-bottom: 3em; } .lp-boxes .lp-boxes-margins { padding-top: 2em; padding-bottom: 2em; } .lp-box { position: relative; float: left; display: block; overflow: hidden; } .lp-boxes.lp-boxes-rows-4 .lp-box { width: 25%; } .lp-boxes.lp-boxes-rows-3 .lp-box { width: 33.33333%; width: calc(100% / 3); } .lp-boxes.lp-boxes-rows-2 .lp-box { width: 50%; } .lp-boxes.lp-boxes-rows-1 .lp-box { width: 100%; } .lp-boxes .lp-boxes-margins .lp-box { margin-top: 1%; margin-bottom: 1%; margin-right: 2%; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box { width: 23.5%; } .lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box { width: 32%; } .lp-boxes.lp-boxes-rows-2 .lp-boxes-margins .lp-box { width: 49%; } .lp-boxes.lp-boxes-rows-1 .lp-boxes-margins .lp-box { margin-top: 1em; margin-bottom: 1em; } .lp-boxes .lp-boxes-margins.lp-boxes-outside .lp-box { margin-right: 1.5%; margin-top: 0.75%; margin-bottom: 0.75%; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-margins.lp-boxes-outside .lp-box { width: 23.875%; } .lp-boxes.lp-boxes-rows-3 .lp-boxes-margins.lp-boxes-outside .lp-box { width: 32.3333%; } .lp-boxes.lp-boxes-rows-2 .lp-boxes-margins.lp-boxes-outside .lp-box { width: 48.75%; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box:nth-child(4n), .lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box:nth-child(3n), .lp-boxes.lp-boxes-rows-2 .lp-boxes-margins .lp-box:nth-child(2n) { margin-right: 0; } .lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+1), .lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n+1), .lp-boxes.lp-boxes-rows-2 .lp-box:nth-child(2n+1) { clear: both; } .lp-box-image { position: relative; overflow: hidden; } .lp-box-imagelink { position: absolute; z-index: 12; top: 0; left: 0; height: 100%; width: 100%; } .lp-box-image::before { content: "\e07f"; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; width: 100px; height: 100px; margin: auto; font-family: 'iconmeta'; font-size: 100px; line-height: 1; color: rgba(0, 0, 0, .15); } .lp-box .lp-box-image > img { position: relative; z-index: 10; display: block; width: 100%; height: 100%; } .lp-box-titlelink { color: inherit; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .main .lp-box-title { position: relative; display: block; margin: 0; font-size: 1.325em; line-height: 1.5; font-weight: 400; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .lp-box-title a, .lp-box-title a:hover { color: inherit; } .lp-box-text-inside { margin: 1em 0; line-height: 1.7; } .lp-box-readmore { position: relative; clear: both; float: none; display: block; margin: 1.1em 0 .55em 0; font-weight: bold; letter-spacing: 0; font-size: 0.9em; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .main .lp-box-title + .lp-box-readmore { margin-top: 1.5em; } .lp-box-readmore > span { position: relative; z-index: 9; } .lp-box-link { display: none; } /* ### Animated boxes */ .lp-boxes-animated .lp-box .lp-box-content { position: absolute; z-index: 30; left: 0; bottom: 0; width: 100%; height: auto; margin: auto; background: transparent; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .lp-boxes-animated.lp-box-title { color: #FFF; } .lp-boxes-animated .lp-box-text { position: relative; top: 50%; padding: 1em 3em; top: 0; color: #FFF; } .lp-boxes.lp-boxes-animated.lp-boxes-rows-4 .lp-box-text { padding: 1em 2em; } .lp-boxes-animated .lp-box-title { font-weight: bold; line-height: 1.1; color: #FFF; } .lp-boxes.lp-boxes-animated .lp-box-readmore > span { opacity: .7; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .lp-boxes.lp-boxes-animated .lp-box-readmore:hover > span { opacity: 1; } .lp-boxes-animated .lp-box-text-inside { max-height: 0; overflow: hidden; -webkit-transition: 2s ease-out all; transition: 2s ease-out all; } .lp-boxes-animated .lp-box:hover .lp-box-text-inside { max-height: 400px; } /* edge needs special treatment since it can't handle :focus-within */ .lp-boxes-animated .lp-box:focus-within .lp-box-text-inside { max-height: 400px; } .lp-boxes-animated .lp-box .lp-box-image img { -webkit-transition: 2s ease-out all; transition: 2s ease-out all; } .lp-boxes-animated .lp-box:hover .lp-box-image img { -webkit-transform: scale(1.5); transform: scale(1.5); } /* edge needs special treatment since it can't handle :focus-within */ .lp-boxes-animated .lp-box:focus-within .lp-box-image img { -webkit-transform: scale(1.5); transform: scale(1.5); } .lp-boxes-animated .box-overlay { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; margin: auto; opacity: .1; -webkit-transition: .5s ease-out all; transition: .5s ease-out all; } .lp-boxes-animated .lp-box:hover .box-overlay { opacity: .95; } /* edge needs special treatment since it can't handle :focus-within */ .lp-boxes-animated .lp-box:focus-within .box-overlay { opacity: .95; } /* ### Animated boxes 2 */ .lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-content { z-index: 30; bottom: 0; top: 0; height: 100%; margin: auto; } .lp-boxes-animated.lp-boxes-animated2 .lp-box:hover .lp-box-content { opacity: 1; } /* edge needs special treatment since it can't handle :focus-within */ .lp-boxes-animated.lp-boxes-animated2 .lp-box:focus-within .lp-box-content { opacity: 1; } .lp-boxes-animated.lp-boxes-animated2 .box-overlay { background: #FFF; } .lp-boxes-animated.lp-boxes-animated2 .lp-box-text { position: absolute; top: 50%; color: inherit; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .lp-boxes-animated.lp-boxes-animated2 .lp-box-text-inside { max-height: none; overflow: visible; line-height: 1.5; } .lp-boxes-animated.lp-boxes-animated2 .lp-box-text-inside > span { display: block; } .lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-title, .lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-text-inside > span, .lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-readmore { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); -webkit-transition: .3s all ease-out; transition: .3s all ease-out; } .lp-boxes-animated.lp-boxes-animated2 .lp-box:hover .lp-box-title, .lp-boxes-animated.lp-boxes-animated2 .lp-box:hover .lp-box-text-inside > span, .lp-boxes-animated.lp-boxes-animated2 .lp-box:hover .lp-box-readmore { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } /* edge needs special treatment since it can't handle :focus-within */ .lp-boxes-animated.lp-boxes-animated2 .lp-box:focus-within .lp-box-title, .lp-boxes-animated.lp-boxes-animated2 .lp-box:focus-within .lp-box-text-inside > span, .lp-boxes-animated.lp-boxes-animated2 .lp-box:focus-within .lp-box-readmore { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-title { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-text-inside > span { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-readmore { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } @media (max-width: 1152px) { .lp-boxes-animated.lp-boxes-animated2 .lp-box-imagelink { /* pointer-events: none; */ } } /* ### Static boxes */ .lp-boxes.lp-boxes-static .lp-boxes-margins .lp-box { margin-top: 1.5%; margin-bottom: 1.5%; } .lp-boxes-static .lp-box { overflow: visible; top: 0; padding: 0; text-align: center; } .lp-boxes-static .lp-box:hover { top: -10px; } .lp-boxes-static .lp-box-inside { position: relative; top: 0; -webkit-transition: .25s ease-out all; transition: .25s ease-out all; } .lp-boxes-static .lp-box-imagelink { border: 0; background: transparent; } .lp-boxes-static .lp-box-title { font-size: 1.3em; } .lp-boxes-static .lp-box-text { position: static; -webkit-transform: none; transform: none; padding: 2em; } .lp-boxes-static .box-overlay { position: absolute; z-index: 21; left: 0; right: 0; top: -7px; width: 33%; height: 14px; margin: 0 auto; opacity: 0.6; pointer-events: none; -webkit-transform: rotate(4deg); transform: rotate(4deg); -webkit-transition: .5s all ease-out; transition: .5s all ease-out; } .lp-boxes-static .lp-box:nth-child(odd) .box-overlay { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .lp-boxes-static .lp-box:hover .box-overlay { opacity: 1; } /* edge needs special treatment since it can't handle :focus-within */ .lp-boxes-static .lp-box:focus-within .box-overlay { opacity: 1; } .lp-boxes-static .lp-box:nth-child(n) .lp-box-image { float: none; width: 100%; } .lp-boxes-static .lp-box-image > img { border: none; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .25s all ease-out; transition: .25s all ease-out; } .lp-boxes-static .lp-box-image:hover > img { -webkit-transform: scale(1.1); transform: scale(1.1); } /* edge needs special treatment since it can't handle :focus-within */ .lp-boxes-static .lp-box-image:focus-within > img { -webkit-transform: scale(1.1); transform: scale(1.1); } .lp-boxes-static .lp-box-title { margin: 0; } /* ### Static boxes 2 */ .lp-boxes.lp-boxes-static.lp-boxes-static2 .lp-box { padding: 3%; -webkit-transition: .5s ease-out all; transition: .5s ease-out all; } .lp-boxes.lp-boxes-static.lp-boxes-static2 .lp-box:hover { top: 0; } /* edge needs special treatment since it can't handle :focus-within */ .lp-boxes.lp-boxes-static.lp-boxes-static2 .lp-box:focus-within { top: 0; } .lp-boxes-static.lp-boxes-static2 .lp-box-title { font-size: 1.10em; font-weight: bold; margin: 1.4em auto; } .lp-boxes-static.lp-boxes-static2 .lp-box-text { padding: 0; } .lp-boxes-static.lp-boxes-static2 .box-overlay { display: none; } .lp-boxes-static.lp-boxes-static2 .lp-box-image { position: relative; } .lp-boxes-static.lp-boxes-static2 .lp-box-imagelink { left: 0; top: 0; width: 100%; height: 100%; border: 2px solid; background: rgba(255,255,255,0.3); -webkit-transition: .35s ease all; -webkit-transition: .35s ease-out all; transition: .35s ease-out all; } .lp-boxes-static.lp-boxes-static2 .lp-box-image:hover .lp-box-imagelink { left: 7.5%; top: 7.5%; width: 85%; height: 85%; } /* edge needs special treatment since it can't handle :focus-within */ .lp-boxes-static.lp-boxes-static2 .lp-box-image:focus-within .lp-box-imagelink { left: 7.5%; top: 7.5%; width: 85%; height: 85%; } .lp-boxes-static.lp-boxes-static2 .lp-box-image > img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .35s all ease-out; transition: .35s all ease-out; } .lp-boxes-static.lp-boxes-static2 .lp-box-image:hover > img { -webkit-transform: scale(1); transform: scale(1); } /* edge needs special treatment since it can't handle :focus-within */ .lp-boxes-static.lp-boxes-static2 .lp-box-image:focus-within > img { -webkit-transform: scale(1); transform: scale(1); } .lp-boxes-static.lp-boxes-static2 .lp-box-readmore { outline: 2px solid; padding: 10px 5px; } .lp-boxes-static.lp-boxes-static2 .lp-box-readmore::before { outline: 2px solid; border-radius: 0; -webkit-transition: .3s ease-out all; transition: .3s ease-out all; } .lp-boxes-static.lp-boxes-static2 .lp-box-readmore:hover::before { -webkit-transform: scale(1.05, 1.3); transform: scale(1.05, 1.3); opacity: 0; } /* edge needs special treatment since it can't handle :focus-within */ .lp-boxes-static.lp-boxes-static2 .lp-box-readmore:focus-within::before { -webkit-transform: scale(1.05, 1.3); transform: scale(1.05, 1.3); opacity: 0; } /* ## LP Text Areas */ .lp-text { position: relative; float: none; clear: both; display: block; overflow: hidden; width: 100%; background-attachment: fixed; background-position: top center; /* background-size: cover; */ } .lp-text-inside .lp-text-background { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4em; } .lp-text-image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; display: inline-block; /*float: left;*/ width: 45%; line-height: 0; opacity: 1; -webkit-transition: .5s .3s ease-out all; transition: .5s .3s ease-out all; } .lp-text-image img { position: relative; left: -6.5em; top: 0; -webkit-transition: .3s ease-out all; transition: .3s ease-out all; } .lp-text-background:hover .lp-text-image img { top: -7px; } .lp-text-hasimage .lp-text-image img, .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image img, .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image img { left: -6.5em; } .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image img, .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image img, .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image img { left: auto; right: -6.5em; } .lp-text-card { position: relative; z-index: 9; /* overflow: hidden; */ width: 90%; margin: 0 auto; padding: 0; } .lp-text-image + .lp-text-card { width: 50%; } .lp-text-hasimage .lp-text-card, .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card, .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card, .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card { display: inline-block; text-align: left; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card, .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card, .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card { float: left; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .lp-text-inside ul, .lp-text-inside ol { list-style-position: inside; } .main .lp-text-title { position: relative; display: inline; margin-top: 0; /* margin-bottom: .75em; */ font-size: 2.617924em; line-height: 1.3; font-weight: bold; color: inherit; } .lp-text-content { margin-top: 1.5em; } .lp-text-content .btn { margin-top: 1em; } .lp-text-image + .lp-text-card .lp-text-content { font-size: 1em; } /* ## LP Portofolio */ .lp-portfolio { float: none; display: block; overflow: hidden; width: 100%; } .lp-portfolio .lp-portfolio-inside { padding-top: 3em; padding-bottom: 3em; } #portfolio-filter { display: table; max-width: 60%; margin: 0 auto 3em; padding: 0.5em .6em; border: 2px solid; text-align: center; } @media (max-width: 1024px) { #portfolio-filter { max-width: none; } } #portfolio-filter > a { margin: 0 .3em; padding: .3em .75em; font-size: 0.9em; text-transform: uppercase; font-weight: bold; color: inherit; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } #portfolio-filter > a:hover { opacity: 0.8; } .lp-portfolio.lp-portfolio-rows-6 .lp-port { width: 16.66666%; } .lp-portfolio.lp-portfolio-rows-5 .lp-port { width: 20%; } .lp-portfolio.lp-portfolio-rows-4 .lp-port { width: 25%; } .lp-portfolio.lp-portfolio-rows-3 .lp-port { width: 33.333333%; } .lp-portfolio.lp-portfolio-rows-2 .lp-port { width: 50%; } .lp-portfolio.lp-portfolio-rows-1 .lp-port { width: 100%; } .lp-port { position: relative; z-index: 0; padding: 0 10px; -webkit-transition: .3s ease z-index; transition: .3s ease z-index; } .lp-port:hover { z-index: 99; } .lp-port-content { position: relative; top: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 1em 1em 1.5em; text-align: center; background: #FFF; box-shadow: 0 -10px 20px -5px rgba(0,0,0,.2), 0 10px 20px rgba(0,0,0,.05); -webkit-transition: 0.3s ease all; transition: 0.3s ease all; } .lp-port:hover .lp-port-content { /* box-shadow: none; */ top: 10px; } /* edge needs special treatment since it can't handle :focus-within */ .lp-port:focus-within .lp-port-content { /* box-shadow: none; */ top: 5px; } .lp-port-image { position: relative; z-index: 1; top: 20px; overflow: hidden; display: block; margin: 0 auto; -webkit-transition: .3s ease all; transition: .3s ease all; } .lp-port:hover .lp-port-image { top: -5px; box-shadow: 0 0 30px 10px rgba(0,0,0,.2); } /* edge needs special treatment since it can't handle :focus-within */ .lp-port:focus-within .lp-port-image { top: -5px; box-shadow: 0 0 30px 10px rgba(0,0,0,.2); } .lp-port-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease all; transition: .3s ease all; } .lp-port:hover .lp-port-image img { -webkit-transform: scale(1.35); transform: scale(1.35); } /* edge needs special treatment since it can't handle :focus-within */ .lp-port:focus-within .lp-port-image img { -webkit-transform: scale(1.15); transform: scale(1.15); } .lp-portfolio .lp-port-title { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; margin: 0; font-size: 1.3em; font-weight: normal; line-height: 1.2; } .lp-portfolio .lp-port-title a { -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .lp-portfolio .lp-port-text { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .main ul.lp-port-tax { display: inline-table; margin-bottom: 0; list-style: none; font-size: 1em; line-height: 1.1; } .lp-port-tax li { position: relative; display: inline; float: left; font-style: italic; opacity: 0.5; } .lp-port-tax li:not(:last-child)::after { content:'\00B7'; position: relative; padding: 0 5px; font-weight: bold; } /* Portfolio template overrides */ body.page-template-template-portfolio .lp-portfolio { background: transparent; overflow: visible; } body.page-template-template-portfolio .lp-portfolio .lp-portfolio-inside { padding: 0; } body.page-template-template-portfolio .lp-portfolio #portfolio-filter { margin-bottom: 2em; margin-top: 2em; } /* ## LP Testimonials */ .lp-testimonials { overflow: hidden; } .lp-testimonials-inside { overflow: hidden; margin: 0 auto; padding: 3em 0; } .lp-testimonials.lp-testimonials-rows-1 .lp-tt { width: 100%; } .lp-testimonials.lp-testimonials-rows-2 .lp-tt { width: 48%; } .lp-testimonials.lp-testimonials-rows-3 .lp-tt { width: 30.66666%; } .lp-testimonials.lp-testimonials-rows-4 .lp-tt { width: 22%; } .lp-testimonials .lp-tt { float: left; margin-right: 4%; margin-top: 1em; margin-bottom: 1em; } .lp-testimonials.lp-testimonials-rows-2 .lp-tt:nth-child(2n), .lp-testimonials.lp-testimonials-rows-3 .lp-tt:nth-child(3n), .lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(4n) { margin-right: 0; } .lp-testimonials.lp-testimonials-rows-2 .lp-tt:nth-child(2n+1), .lp-testimonials.lp-testimonials-rows-3 .lp-tt:nth-child(3n+1), .lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(4n+1) { clear: both; } .lp-tt-text-inside { position: relative; top: 0; border: 1px solid transparent; padding: 4em 4em 4em; text-align: justify; line-height: 1.6; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .lp-testimonials .lp-tt:hover .lp-tt-text-inside { top: -10px; box-shadow: 0 10px 20px rgba(0,0,0,.15); } .lp-tt-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: vertical; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: visible; margin: 0 auto; padding: 0 1em 1em; } .main .lp-tt-title { float: left; clear: none; display: inline-block; margin: 0; font-size: 1.1em; font-weight: 400; } .lp-tt-image { position: relative; top: 0; margin: -45px auto 10px; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .lp-tt:hover .lp-tt-image { top: -5px; } .lp-tt-meta img { position: relative; z-index: 3; float: left; display: inline-block; width: 80px; border-radius: 100px; padding: 5px; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .lp-tt:hover .lp-tt-meta img { padding: 0; } /* ## LP Posts */ #lp-posts, #lp-page { overflow: hidden; float: none; clear: both; display: block; } #lp-page #comments { display: none; } /* AJAX LOAD MORE POSTS BUTTON */ #cryout_ajax_more_trigger, .lp-port-readmore { position: relative; overflow: visible; float: none; clear: both; display: table; min-width: 150px; margin: 2em auto 1em; outline: 2px solid; padding: .2em 3em; font-size: 0.9em; text-align: center; letter-spacing: 0; line-height: 3; cursor: pointer; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } #cryout_ajax_more_trigger:hover, .lp-port-readmore:hover, #cryout_ajax_more_trigger:active, .lp-port-readmore:active { outline: 2px solid; } #cryout_ajax_more_trigger::after, .lp-port-readmore::after { content: ""; position: absolute; z-index: 3; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; margin: auto; outline: 2px solid; opacity: 1; -webkit-transition: .3s ease-out all; transition: .3s ease-out all; } #cryout_ajax_more_trigger:hover::after, .lp-port-readmore:hover::after { -webkit-transform: scale(1.25, 1.4); transform: scale(1.25, 1.4); opacity: 0; } #cryout_ajax_more_trigger:focus-within::after, .lp-port-readmore:focus-within::after { -webkit-transform: scale(1.25, 1.4); transform: scale(1.25, 1.4); opacity: 0; } .lp-port-readmore { margin: 0 auto 3em; font-weight: bold; } .lp-port-readmore i { display: none; } #cryout_ajax_more_trigger:hover, .lp-port-readmore:hover { opacity: 0.8; } #cryout_ajax_more_trigger::before { content: ""; position: absolute; z-index: 3; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; margin: auto; background: rgba(255,255,255,1); opacity: 0; } #cryout_ajax_more_trigger > span { position: relative; z-index: 5; display: inline-block; font-weight: bold; } #cryout_ajax_more_trigger.cryout_click_loading::before { -webkit-animation: ajax-load .75s ease-in-out infinite; animation: ajax-load .75s ease-in-out infinite; } @-webkit-keyframes ajax-load { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes ajax-load { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* ## LP ONSCROLL ANIMATIONS */ /* ### ONSCROLL Section Title and Desc */ .lp-section-title, .lp-section-desc { position: relative; -webkit-transition: .4s .2s ease-out transform; transition: .4s .2s ease-out transform; } .lp-section-title.animated-onscroll-lp { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } .lp-section-desc.animated-onscroll-lp { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .lp-section-title::after { -webkit-transform-origin: left; transform-origin: left; -webkit-transition: .3s .4s ease-out transform; transition: .3s .4s ease-out transform; } .lp-section-title.animated-onscroll-lp::after { -webkit-transform: scaleX(0); transform: scaleX(0); } /* ### ONSCROLL BLOCKS */ .lp-blocks .lp-block { -webkit-transition: .4s ease transform; transition: .4s ease transform; -webkit-transform: none; transform: none; } .lp-blocks .lp-block.animated-onscroll-lp { -webkit-transform: translateX(-50px); transform: translateX(-50px); } .lp-blocks.lp-blocks-rows-2 .lp-block.animated-onscroll-lp:nth-child(2n+2), .lp-blocks.lp-blocks-rows-3 .lp-block.animated-onscroll-lp:nth-child(3n+2), .lp-blocks.lp-blocks-rows-4 .lp-block.animated-onscroll-lp:nth-child(4n+2) { -webkit-transform: translateY(-50px); transform: translateY(-50px); } .lp-blocks.lp-blocks-rows-3 .lp-block.animated-onscroll-lp:nth-child(3n+3), .lp-blocks.lp-blocks-rows-4 .lp-block.animated-onscroll-lp:nth-child(4n+3) { -webkit-transform: translateY(50px); transform: translateY(50px); } .lp-blocks.lp-blocks-rows-4 .lp-block.animated-onscroll-lp:nth-child(4n+4) { -webkit-transform: translateX(50px); transform: translateX(50px); } .lp-block i[class^="blicon"], .lp-block .lp-block-title, .lp-block .lp-block-text, .lp-block .lp-block-readmore { opacity: 1; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; } .lp-block.animated-onscroll-lp i[class^=blicon], .lp-block.animated-onscroll-lp .lp-block-title, .lp-block.animated-onscroll-lp .lp-block-text, .lp-block.animated-onscroll-lp .lp-block-readmore { opacity: 0; } /* ### ONSCROLL BOXES */ .lp-boxes .lp-box { -webkit-transition: .5s ease-out opacity, .4s ease-out transform, .25s ease-out top; transition: .5s ease-out opacity, .4s ease-out transform, .25s ease-out top; } .lp-boxes.lp-boxes-static .lp-box.animated-onscroll-lp { opacity: 0; } .lp-boxes.lp-boxes-animated .lp-box.animated-onscroll-lp { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); } .lp-boxes.lp-boxes-animated.lp-boxes-rows-2 .lp-box.animated-onscroll-lp:nth-child(2n+2), .lp-boxes.lp-boxes-animated.lp-boxes-rows-3 .lp-box.animated-onscroll-lp:nth-child(3n+2), .lp-boxes.lp-boxes-animated.lp-boxes-rows-4 .lp-box.animated-onscroll-lp:nth-child(4n+2) { -webkit-transform: translateY(-50px); transform: translateY(-50px); } .lp-boxes.lp-boxes-animated.lp-boxes-rows-3 .lp-box.animated-onscroll-lp:nth-child(3n+3), .lp-boxes.lp-boxes-animated.lp-boxes-rows-4 .lp-box.animated-onscroll-lp:nth-child(4n+3) { -webkit-transform: translateY(50px); transform: translateY(50px); } .lp-boxes.lp-boxes-animated.lp-boxes-rows-4 .lp-box.animated-onscroll-lp:nth-child(4n+4) { -webkit-transform: translateX(50px); transform: translateX(50px); } .lp-boxes.lp-boxes-rows-2 .lp-box:nth-child(2n+2), .lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n+2), .lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+2) { -webkit-transition-delay: .3s, .3s, 0s; transition-delay: .3s, .3s, 0s; } .lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n+3), .lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+3) { -webkit-transition-delay: .15s, .15s, 0s; transition-delay: .15s, .15s, 0s; } .lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+4) { -webkit-transition-delay: .45s, .45s, 0s; transition-delay: .45s, .45s, 0s; } /* ### ONSCROLL TEXT AREAS */ .lp-text .lp-text-title, .lp-text .lp-text-content { -webkit-transition: .4s .2s ease transform, .4s .5s ease background; transition: .4s .2s ease transform, .4s .5s ease background; } .lp-text .lp-text-content { -webkit-transition-delay: .4s; transition-delay: .4s; } .lp-text.animated-onscroll-lp .lp-text-title { opacity: 0; background-size: 0 .4em; -webkit-transform: translateY(50px); transform: translateY(50px); } .lp-text .lp-text-title { -webkit-transition: .3s .4s ease-out all; transition: .3s .4s ease-out all; } .lp-text.animated-onscroll-lp .lp-text-content { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } .lp-text.animated-onscroll-lp .lp-text-image { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); } /* ### ONSCROLL PORTFOLIO */ body:not(.page-template-template-portfolio) .lp-port > a { display: block; width: 100%; height: 100%; -webkit-transition: .75s ease transform, .75s ease opacity; transition: .75s ease transform, .75s ease opacity; } body:not(.page-template-template-portfolio) .lp-port.animated-onscroll-lp > a { -webkit-transform: scale(.85); transform: scale(.85); opacity: 0; } .lp-portfolio.lp-portfolio-rows-2 .lp-port:nth-child(2n+2) > a, .lp-portfolio.lp-portfolio-rows-3 .lp-port:nth-child(3n+2) > a, .lp-portfolio.lp-portfolio-rows-4 .lp-port:nth-child(4n+2) > a, .lp-portfolio.lp-portfolio-rows-5 .lp-port:nth-child(5n+2) > a, .lp-portfolio.lp-portfolio-rows-6 .lp-port:nth-child(6n+2) > a { -webkit-transition-delay: .4s; transition-delay: .4s; } .lp-portfolio.lp-portfolio-rows-3 .lp-port:nth-child(3n+3) > a, .lp-portfolio.lp-portfolio-rows-4 .lp-port:nth-child(4n+3) > a, .lp-portfolio.lp-portfolio-rows-5 .lp-port:nth-child(5n+3) > a, .lp-portfolio.lp-portfolio-rows-6 .lp-port:nth-child(6n+3) > a { -webkit-transition-delay: .2s; transition-delay: .2s; } .lp-portfolio.lp-portfolio-rows-4 .lp-port:nth-child(4n+4) > a, .lp-portfolio.lp-portfolio-rows-5 .lp-port:nth-child(5n+4) > a, .lp-portfolio.lp-portfolio-rows-6 .lp-port:nth-child(6n+4) > a { -webkit-transition-delay: .6s; transition-delay: .6s; } .lp-portfolio.lp-portfolio-rows-5 .lp-port:nth-child(5n+5) > a, .lp-portfolio.lp-portfolio-rows-6 .lp-port:nth-child(6n+5) > a { -webkit-transition-delay: 1s; transition-delay: 1s; } .lp-portfolio.lp-portfolio-rows-6 .lp-port:nth-child(6n+6) > a { -webkit-transition-delay: .8s; transition-delay: .8s; } /* ### ONSCROLL TESTIMONIALS */ .lp-tt .lp-tt-text { -webkit-transition: .5s ease-out all; transition: .5s ease-out all; -webkit-transform-origin: 40px bottom; transform-origin: 40px bottom; } .lp-tt.animated-onscroll-lp .lp-tt-text { opacity: 0; -webkit-transform: translateY(35px); transform: translateY(35px); } .lp-testimonials.lp-testimonials-rows-2 .lp-tt:nth-child(2n+2) .lp-tt-text, .lp-testimonials.lp-testimonials-rows-3 .lp-tt:nth-child(3n+2) .lp-tt-text, .lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(4n+2) .lp-tt-text { -webkit-transition-delay: .5s; transition-delay: .5s; } .lp-testimonials.lp-testimonials-rows-3 .lp-tt:nth-child(3n+3) .lp-tt-text, .lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(4n+3) .lp-tt-text { -webkit-transition-delay: .25s; transition-delay: .25s; } .lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(4n+4) .lp-tt-text { -webkit-transition-delay: .75s; transition-delay: .75s; } /*-------------------------------------------------------------- # POST FORMATS --------------------------------------------------------------*/ span.entry-format { margin-right: 1em; font-size: 1em; text-align: center; text-transform: capitalize; } .featured-image-meta span.entry-format { background: rgba(255,255,255,.1); } span.entry-format a { -webkit-transition: .4s all ease; transition: .4s all ease; } span.entry-format i::before { cursor: pointer; } [class*="post_format-"] .entry-meta { display: none; } .main #content-masonry [class*="post_format-"]:not(.format-gallery):not(.format-status) .entry-title { margin-bottom: 1em; background: transparent; } .main #content-masonry [class*="post_format-"]:not(.format-gallery) .post-thumbnail-container { display: none; } .main #content-masonry [class*="post_format-"]:not(.format-gallery) .post-thumbnail-container + .entry-after-image { margin: 0; } .main #content-masonry [class*="post_format-"] .entry-after-image { padding-top: 2em; } /* ## AUDIO & ## VIDEO */ /* .format-image, .format-audio, .format-video { padding: 2em; } .main #content-masonry .format-image .entry-title, .main #content-masonry .format-audio .entry-title, .main #content-masonry .format-video .entry-title { width: 100%; padding: 10px 0; background: transparent; } */ /* ## LINK */ .main #content-masonry .format-link .entry-after-image { padding: 0; } .main #content-masonry .format-link .entry-title { display: none; } .main #content-masonry .format-link { position: relative; } .main #content-masonry .format-link::after { position: absolute; left: 0; right: 0; top: 16px; width: 1em; height: 1em; margin: auto; font-family: iconmeta; font-size: 16px; /* icon in fontfaces */ } .main #content-masonry .format-link .entry-content p:last-child, .main #content-masonry .format-aside .entry-content p:last-child { margin: 0; } .main #content-masonry .format-link .entry-content a { display: block; padding: 3em 2em 2em; font-weight: bold; -webkit-transition: .2s ease-out opacity; transition: .2s ease-out opacity; } .main #content-masonry .format-link .entry-content a:hover { opacity: 0.9; } /* ## ASIDES */ body:not(.single) .format-aside { border: 1px solid transparent; } .format-aside .entry-title, .format-aside .author, .format-aside .bl_categ { display: none; } /* ## GALLERIES */ .gallery { margin: 0 -1% 1.75em; } .gallery-item { display: inline-block; width: 100%; max-width: 33.33%; padding: 0 1% 2%; vertical-align: top; text-align: center; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; -webkit-transition: .3s ease-out all; transition: .3s ease-out all; } .gallery-icon img:hover { opacity: 0.8; } .gallery-caption { display: block; padding-top: 0.5em; font-size: .9em; line-height: 1.5; font-style: italic; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .main #content-masonry .format-gallery .entry-title { margin-bottom: 1em; } /* ## CHAT */ .format-chat p { font-family: Monaco, "Courier New", monospace; } /* ## QUOTE */ .format-quote { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .format-quote .entry-title { display: none; } .format-quote .entry-content blockquote { padding: 2em 0; font-family: Georgia, "Bitstream Charter", serif; } .format-quote blockquote::before { /* display: none; */ } /* ## STATUS */ .format-status .entry-title { /*display: none;*/ } .format-status .avatar { float: left; display: block; margin-right: 1em; } span.entry-sticky { display: inline-block; margin-bottom: .5em; border: 2px solid; padding: 0 .5em; text-transform: uppercase; text-align: center; font-size: 11px; letter-spacing: 1px; } .single span.entry-sticky { display: none; } /* Meta over images */ body .main #content-masonry .post-thumbnail-container .entry-meta { padding: 0; } body .main #content-masonry .post-thumbnail-container span.entry-sticky { display: none; } body .main #content-masonry .post-thumbnail-container span.bl_categ { position: absolute; z-index: 2; bottom: 0; left: 2em; margin-right: 2em; padding: 4px 1rem 4px; font-size: 0.9em; line-height: 1.5; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } body .main #content-masonry .post-thumbnail-container:hover span.bl_categ { padding-bottom: 0; } body .main #content-masonry .post-thumbnail-container .comments-link { position: absolute; z-index: 2; overflow: hidden; top: 0; left: 2em; margin: 0; margin-right: 2em; padding: 4px 1rem 2px; font-size: 0.9em; line-height: 1.5em; text-align: center; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } body .main #content-masonry .post-thumbnail-container:hover .comments-link { padding-top: 0; } body .main #content-masonry .comments-link i { display: none; } .main #content-masonry .post-thumbnail-container + .entry-after-image .entry-meta.aftertitle-meta { padding-top: 0; padding-bottom: 0.75em; } /* ## ATTACHMENT PAGES */ .attachment .entry-content .entry-caption { margin-top: 2em; font-size: 1.4em; } .attachment .entry-attachment { margin-top: 24px; text-align: center; } /*-------------------------------------------------------------- # COMMENTS --------------------------------------------------------------*/ #comments { clear: both; } .comment-navigation { padding: 0 0 1.5em 0; } .comment-navigation .nav-next, .comment-navigation .nav-previous { float: left; display: block; font-weight: bold; } .comment-navigation .nav-next { float: right; } .comment-navigation a { -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } #reply-title small { font-size: 70%; } .main #comments-title { position: relative; margin-top: 4em; margin-bottom: 2em; } .main .commentlist { margin-left: 0; } .commentlist > li { list-style: none; } .commentlist .comment-area { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid transparent; padding: 50px 30px 40px; box-shadow: 0 10px 10px rgba(0,0,0,.025); -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .commentlist article:hover .comment-area { box-shadow: 0 10px 20px rgba(0,0,0,.075); } .commentlist .comment-body { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 2em; line-height: 1.7; } .commentlist .pingback { margin-bottom: 1em; border: 1px solid transparent; padding: 1em; } .main .commentlist .pingback p { margin: 0; } .commentlist .pingback .url { font-style: italic; } .commentlist li:last-child {} #comments .comment-body p:last-child { margin-bottom: 0; } #comments .comment-body blockquote p:last-child { margin-bottom: 1em; } .commentlist .comment-avatar { display: block; } .main .commentlist img.avatar { height: 80px; width: 80px; -webkit-transition: all .25s .15s ease-out; transition: all .25s .15s ease-out; } .comment-header { float: none; display: block; overflow: hidden; } .comment-author { position: absolute; top: 1em; float: left; display: inline; left: 30px; line-height: 2; } .comment-author .author-name { padding: 0.5em 1.2em; font-size: 1em; } .commentlist .author-name, .commentlist .author-name a { /* font-weight: bold; */ } .comment-meta { position: absolute; top: 8px; right: 30px; display: inline; float: left; font-size: .8em; font-weight: 400; } .comment-date { display: none; } .bravada-comment-date-published .comment-date { display: inline; } .bravada-comment-date-published .comment-timediff { display: none; } .commentlist .even {} .commentlist .bypostauthor {} .comment-await { position: absolute; bottom: 1em; font-size: 0.9em; } .comment article { position: relative; display: block; overflow: visible; margin-bottom: 3em; border: 0; border-radius: 0; box-shadow: none; padding-top: 30px; } .comment .reply { position: absolute; bottom: -1em; right: 30px; display: inline-block; width: auto; text-transform: uppercase; text-align: right; font-weight: 300; font-size: 0.75em; line-height: 2; -webkit-transition: all .3s ease; transition: all .3s ease; } .comment .reply a { padding: .5em 1em; letter-spacing: .5px; -webkit-transition: .2s all ease-out; transition: .2s all ease-out; } .comment .reply i { position: relative; display: none; padding-right: .1em; } .comment .reply i::before { /* icon in fontfaces */ } .commentlist .children { margin: 0; margin-left: 1.5em; background-image: none; list-style: none; } .commentlist .children li { margin: 0; border: none; } .main .nocomments, .main .nocomments2 { clear: both; margin-top: 2em; margin-bottom: 0; } .hideme { display:none; } /*-------------------------------------------------------------- ## COMMENT FORM --------------------------------------------------------------*/ #respond { margin-top: 2em; } #respond .comment-notes { margin-bottom: 1.5em; } .form-allowed-tags { line-height: 1; } .children #respond { min-width: 400px; margin: 0 4em 0 0; } #reply-title { position: relative; margin: 0; padding: 0; } #comments-list #respond { margin: 0 0 1.5em 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 1em; font-weight: normal; line-height: 1.5; } #respond .required {} #commentform { display: block; } .bravada-comment-placeholder #respond .comment-form-comment label, .bravada-comment-placeholder #respond .comment-form-author label, .bravada-comment-placeholder #respond .comment-form-email label, .bravada-comment-placeholder #respond .comment-form-url label { display: none; } .bravada-comment-optlabels #respond .comment-form-comment textarea::-webkit-input-placeholder, .bravada-comment-optlabels #respond .comment-form-author input::-webkit-input-placeholder, .bravada-comment-optlabels #respond .comment-form-email input::-webkit-input-placeholder, .bravada-comment-optlabels #respond .comment-form-url input::-webkit-input-placeholder { color: transparent; } .bravada-comment-optlabels #respond .comment-form-comment textarea:-ms-input-placeholder, .bravada-comment-optlabels #respond .comment-form-author input:-ms-input-placeholder, .bravada-comment-optlabels #respond .comment-form-email input:-ms-input-placeholder, .bravada-comment-optlabels #respond .comment-form-url input:-ms-input-placeholder { color: transparent; } .bravada-comment-optlabels #respond .comment-form-comment textarea::-ms-input-placeholder, .bravada-comment-optlabels #respond .comment-form-author input::-ms-input-placeholder, .bravada-comment-optlabels #respond .comment-form-email input::-ms-input-placeholder, .bravada-comment-optlabels #respond .comment-form-url input::-ms-input-placeholder { color: transparent; } .bravada-comment-optlabels #respond .comment-form-comment textarea::-webkit-input-placeholder, .bravada-comment-optlabels #respond .comment-form-author input::-webkit-input-placeholder, .bravada-comment-optlabels #respond .comment-form-email input::-webkit-input-placeholder, .bravada-comment-optlabels #respond .comment-form-url input::-webkit-input-placeholder { color: transparent; } .bravada-comment-optlabels #respond .comment-form-comment textarea:-ms-input-placeholder, .bravada-comment-optlabels #respond .comment-form-author input:-ms-input-placeholder, .bravada-comment-optlabels #respond .comment-form-email input:-ms-input-placeholder, .bravada-comment-optlabels #respond .comment-form-url input:-ms-input-placeholder { color: transparent; } .bravada-comment-optlabels #respond .comment-form-comment textarea::placeholder, .bravada-comment-optlabels #respond .comment-form-author input::placeholder, .bravada-comment-optlabels #respond .comment-form-email input::placeholder, .bravada-comment-optlabels #respond .comment-form-url input::placeholder { color: transparent; } #respond .comment-form-cookies-consent { clear: both; } .comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 33.33333333%; margin-right: 0; } .comment-form-url { margin-right: 0; } .comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url { } .comment-form-author, .comment-form-email { border-right: 10px solid; } .main .comment-form-comment { margin-bottom: 10px; } .comment-form-comment textarea { float: none; display: block; width: 100%; } .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-comment label { float: none; display: block; } .comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-comment textarea { float: none; display: block; border: 0; border-radius: 0; font-weight: bold; } #respond .form-allowed-tags { float: none; clear: both; display: block; width: 100%; font-size: 1em; line-height: 1.5; } #respond .form-allowed-tags code { font-size: 1em; } #respond .form-submit { clear: both; margin: 2em 0; } #respond .form-submit input { width: auto; } #respond .form-submit input[type="submit"], #respond .form-submit input[type="reset"] { } #respond .form-submit input#submit:hover { cursor: pointer; } .button { border: 1px solid transparent; padding: 4px 7px; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; } .button:hover { cursor: pointer; } .bravada-comment-icons .comment-form > p > em { position: relative; display: block; font-style: normal; } .bravada-comment-icons .comment-form > p > em::before { position: absolute; left: 1em; top: .75em; font-family: iconmeta; opacity: .5; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .bravada-comment-icons .comment-form-comment textarea, .bravada-comment-icons .comment-form-author input, .bravada-comment-icons .comment-form-email input, .bravada-comment-icons .comment-form-url input { padding-left: 2.5em; } /* reset left padding for inputs with default labels */ .bravada-comment-labels.bravada-comment-icons .comment-form-comment textarea, .bravada-comment-labels.bravada-comment-icons .comment-form-author input, .bravada-comment-labels.bravada-comment-icons .comment-form-email input, .bravada-comment-labels.bravada-comment-icons .comment-form-url input { padding-left: 1em; } .main p.comment-subscription-form, .main p.comment-form-cookies-consent { margin-bottom: .5em; font-size: .9em; } /*-------------------------------------------------------------- # WIDGET AREAS --------------------------------------------------------------*/ /* ## MAIN WIDGETS AREAS */ .widget-area ul, .widget-area ul ul, .yoyo > .widget-container { border: none; padding: 0; list-style: none; list-style-image: none; } .widget-container { position: relative; margin: 0 0 2.2em 0; padding: 0 1em; } .widget-container::after { content: ""; clear: both; float: none; display: block; } .widget-container > * { max-width: 100%; line-height: 1.8; } .widget-container ul ul { margin-left: 1em; margin-top: 1em; } .widget-container ul li { float: none; display: block; margin-bottom: 0.5em; word-wrap: break-word; } .widget-container ul li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.05); padding-bottom: .5em; } #colophon .widget-container ul li { border-bottom-color: rgba(255,255,255,.075); } .widget-title, #comments-title, #reply-title, .related-posts .related-main-title, .main .page-title, #nav-below em, .lp-text .lp-text-title, .lp-boxes-animated .lp-box-title { position: relative; display: inline; background-repeat: no-repeat; background-size: 100% .6em; background-position: 0 100%; } .widget-title::after, #comments-title::after, #reply-title::after, .related-posts .related-main-title::after, .main .page-title::after { content: ""; display: block; clear: both; height: 1px; background: transparent; } #nav-below em, .lp-text .lp-text-title { background-size: 100% .4em; } .lp-boxes-animated .lp-box-title { background-size: 100% .5em; } .widget-area a { text-decoration: none; word-wrap: break-word; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .widget-area a:active, .widget-area a:hover {} .widget-area .entry-meta { font-size: 1em; } /* ## INNER/OUTER TOP/BOTTOM WIDGET AREAS */ .top-widget-area > section, .bottom-widget-area > section, .content-widget-before > section, .content-widget-after > section { padding: 0; } .top-widget-area > section, .bottom-widget-area > section { margin: 0; } .yoyo .widget-title { background: none; padding: 0; margin: 0; } /* ## LEFT SIDEBAR MENU */ nav.sidebarmenu { display: block; margin-bottom: 3em; } nav.sidebarmenu li a { float: none; display: inline-block; border-bottom: 2px solid transparent; -webkit-transition: .3s all ease-in; transition: .3s all ease-in; } nav.sidebarmenu li a:hover { border-bottom: 2px solid; } /* ## CALENDAR WIDGET */ #wp-calendar { width: 100%; font-size: .9em; } #wp-calendar caption { padding-bottom: .3em; text-align: left; font-size: 1em; font-weight: bold; } #wp-calendar tbody td { border: 1px solid transparent; } #wp-calendar th, #wp-calendar td { text-align: left; } #wp-calendar tbody td:hover { opacity: 0.8; } #wp-calendar tbody td a { margin: 0; border: none; padding: 0; background: none; } #wp-tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } /* ## TAG CLOUD WIDGET */ .bravada-normalizedtags #content .tagcloud a { display: inline-block; margin: 0 1px 4px 0; border-radius: 0; padding: 8px 10px; font-size: .75em !important; /* important needed to override dynamic font sizes */ -webkit-transition: background .3s ease; transition: background .3s ease; } .bravada-normalizedtags #content .tagcloud a:hover {} /* ## EMPTY PAGE */ .main .content-empty-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; width: 100%; margin: 2em auto; } .main .content-empty-page .widget-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .main .content-empty-page .widget-container:not(:last-child) { margin-right: 2em; } /*-------------------------------------------------------------- # WIDGETS --------------------------------------------------------------*/ /* ## Cryout Tabs */ .cryout-wtabs-nav { display: block; overflow: hidden; margin-bottom: 5px; text-align: center; } .sidey .widget-container ul li.cryout-wtab, #colophon .widget-container ul li.cryout-wtab { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } .widget-area .cryout-wtabs-nav { border: 2px solid transparent; } .cryout-wtabs-nav.tab-count-1 li { width: 100%; } .cryout-wtabs-nav.tab-count-2 li { width: 50%; } .cryout-wtabs-nav.tab-count-3 li { width: 33.333%; } .cryout-wtabs-nav.tab-count-4 li { width: 25%; } ul.cryout-wtabs-nav > li, .cryout-wtabs-container > ul > li { float: left; display: block; } .cryout-wtabs-container > ul > li { clear: both; } ul.cryout-wtabs-nav li a { position: relative; z-index: 2; display: block; padding: .5em 0; font-size: 18px; color: #FFF; } ul.cryout-wtabs-nav li a:hover { color: #FFF; } ul.cryout-wtabs-nav li.active a { color: #FFF; } ul.cryout-wtabs-nav li a:hover { background: rgba(255,255,255,.1); } ul.cryout-wtabs-nav li.active a, ul.cryout-wtabs-nav li.active a:hover { background: rgba(255,255,255,.15); } ul.cryout-wtabs-nav li a span { display: none; } .sidey .widget-container ul.cryout-wtab li, .sidey .widget-container ul.cryout-wposts li { display: block; width: 100%; margin-bottom: 3px; border-bottom: 0; padding: 10px 0; font-weight: 400; line-height: 1.4; } .sidey .widget-container ul.cryout-wtab li, .sidey .widget-container ul.cryout-wposts li { padding: 10px 0; } ul.cryout-wtab li:last-child, ul.cryout-wposts li:last-child { border: none; } .cryout-wtab a, .cryout-wposts a { /* color: inherit; */ -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .cryout-wtab img, .cryout-wposts img { display: block; width: 100%; height: auto; } .cryout-wtab img, .post-item-thumbnail img { border-radius: 4px; } .cryout-wtab .tab-item-thumbnail, .cryout-wposts .post-item-thumbnail { position: relative; top: 0; overflow: hidden; -webkit-transition: all .25s ease; transition: all .25s ease; border: 5px solid #FFF; box-shadow: 0 10px 20px rgba(0,0,0,0.15); } .cryout-wtab .tab-item-thumbnail:hover, .cryout-wposts .post-item-thumbnail:hover { top: -3px; box-shadow: 0 10px 20px rgba(0,0,0,0.3); } .cryout-wtab .tab-item-thumbnail { float: left; width: 80px; margin-right: 15px; } .cryout-wtab .tab-item-avatar { position: relative; float: left; width: 48px; margin-right: 15px; -webkit-transition: all 1s ease; transition: all 1s ease; } .cryout-wtab .tab-item-thumbnail::after, /* .cryout-wtab .tab-item-avatar::after, */ .cryout-wposts .post-item-thumbnail::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; -webkit-transition: .4s ease-out all; transition: .4s ease-out all; opacity: .35; } .cryout-wtab li:hover .tab-item-thumbnail::after, /* .cryout-wtab li:hover .tab-item-avatar::after, */ .cryout-wposts li:hover .post-item-thumbnail::after { opacity: 0; } .cryout-wtab .tab-item-inner { overflow: hidden; } .cryout-wtab .tab-item-title, .cryout-wposts .post-item-title { font-size: 1.2em; font-weight: bold; line-height: 1.1; } .cryout-wtab .tab-item-title { font-size: 1em; } .cryout-wtab .tab-item-category, .cryout-wposts .post-item-category { font-size: .8em; line-height: 1.2; opacity: 0.75; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .cryout-wtab .tab-item-category a, .cryout-wposts .post-item-category a { border-bottom: 2px solid transparent; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .cryout-wtab .tab-item-category a:hover, .cryout-wposts .post-item-category a:hover { border-bottom-color: inherit; } .cryout-wtab .tab-item-category a, .cryout-wposts .post-item-category a { color: inherit; } .cryout-wtab .tab-item-title, .cryout-wtab .tab-item-comment, .cryout-wposts .post-item-title { margin: 7px 0; word-wrap: break-word; } .cryout-wposts .post-item-title { margin: 7px 0; } .cryout-wtab .tab-item-comment { margin: 0; font-size: .85em; } .cryout-wtab .tab-item-comment a { color: inherit; } .cryout-wtab .tab-item-date, .cryout-wtab .tab-item-name, .cryout-wposts .post-item-date { font-size: .8em; opacity: 0.5; } .cryout-wtab .tab-item-name { font-weight: bold; letter-spacing: 0; text-transform: none; font-size: 0.8em; } .cryout-wtab .thumb-icon.small { bottom: 8px; left: 8px; } .cryout-wtab li:hover .thumb-icon, .cryout-wposts li:hover .thumb-icon { color: #222; background: #fff; } .cryout-wtab .tab-item-category a, .cryout-wposts .post-item-category a, .cryout-wtab li:hover .tab-item-title a, .cryout-wtab li:hover .tab-item-comment a, .cryout-wposts li:hover .post-item-title a { } /* ## Cryout Posts */ .cryout-wposts .post-item-thumbnail { margin-bottom: 10px; } .s1 .cryout-wposts .post-item-title { font-size: 18px; line-height: 1.4em; font-weight: 300; } .s1 .cryout-wposts .post-item-category, .s1 .cryout-wposts .post-item-date { font-size: 14px; } /* ## Cryout Related Posts */ .main .related-posts { display: block; margin-left: 0; margin-bottom: 2em; } .main .related-posts .related-main-title { position: relative; margin-bottom: 1em; } .related-posts li { float: left; list-style: none; width: 31.3333%; margin-right: 3%; } @media (max-width: 480px) { .related-posts li { display: block; float: none; width: 100%; max-width: 360px; margin: 0 auto 1.5em; } } .related-posts li:last-child { margin-right: 0; } @media (max-width: 480px) { .related-posts li:last-child { margin-right: auto; } } .related-posts article { margin-bottom: 0; } .related-thumbnail { position: relative; top: 0; overflow: hidden; border: 5px solid #FFF; box-shadow: 0 10px 20px rgba(0,0,0,0.15); opacity: 0.85; -webkit-transition: all .25s ease; transition: all .25s ease; } .related-posts li:hover .related-thumbnail { box-shadow: 0 10px 20px rgba(0,0,0,0.3); opacity: 1; top: -5px; } .related-thumbnail .related-comments { position: absolute; right: 10px; top: -25px; border-radius: 2px; padding: 0 7px; line-height: 1.5; font-weight: 400; background: #FFF; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .related-posts li:hover .related-thumbnail .related-comments { top: 10px; } .related-comments i { display: none; position: absolute; left: 0; right: 0; bottom: calc(100% + 15px); margin: 0 auto; line-height: 1; color: #FFF; text-align: center; opacity: 1; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .related-posts li:hover .related-thumbnail .related-comments i { opacity: 0; } .related-posts .related-inside { padding: 5px 0px; /* border: 1px solid #e7e7e7; */ border-top: 0; } .related-posts .related-title { display: block; margin-top: 0.5em; margin-bottom: 0.25em; font-size: 1.2em; line-height: 1.3; font-weight: bold; } .related-posts .related-title a { color: inherit; word-wrap: break-word; } .related-posts .related-meta { font-size: .8em; font-weight: 400; opacity: .5; } /* ## Cryout About */ .cryout-about-image { display: inline-block; margin-bottom: 1em; border: 10px solid rgba(255,255,255,.1); line-height: 0; } .cryout-about-text { font-size: .9em; } /* ## Cryout Contact */ .widget_cryout_contact address { padding-left: 0; } .widget_cryout_contact .map { margin-top: 2em; border: 10px solid rgba(255,255,255,.1); line-height: 0; } .widget_cryout_contact address > span { float: none; clear: both; display: table; border-bottom: 1px solid rgba(255,255,255,.1); line-height: 2.2; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .widget_cryout_contact address > span:last-child:not(.map) { border: 0; } .widget_cryout_contact address > span:hover { background: rgba(255,255,255,.025); } .widget_cryout_contact address a { border-bottom: 1px solid transparent; color: inherit; -webkit-transition: .2s ease-out border-color; transition: .2s ease-out border-color; transition: .2s ease-out border-color; } .widget_cryout_contact address a:hover { border-color: inherit; } .widget_cryout_contact address > span i { float: left; display: inline-block; width: 2.2em; height: 2.2em; font-size: 1em; text-align: center; -webkit-transition: .2s ease all; transition: .2s ease all; } .widget_cryout_contact address > span i + strong { display: none; } .cryout-contact-right { display: block; overflow: hidden; -webkit-transition: .2s ease all; transition: .2s ease all; } /* ## Cryout Socials */ .widget-socials {} /* ## Cryout Portfolio */ .widget-portfolio { overflow: hidden; } .widget-portfolio-item { position: relative; top: 0; float: left; display: inline-block; overflow: hidden; margin-bottom: 2%; margin-right: 2%; border: 5px solid rgba(255,255,255,.1); } .portfolio-columns-1 .widget-portfolio-item { float: none; clear: both; width: 100%; } .portfolio-columns-2 .widget-portfolio-item { width: 48%; } .portfolio-columns-3 .widget-portfolio-item { width: 31.333%; } .portfolio-columns-4 .widget-portfolio-item { width: 23%; } .portfolio-columns-5 .widget-portfolio-item { width: 18%; } .portfolio-columns-6 .widget-portfolio-item { width: 14.666%; } .portfolio-columns-7 .widget-portfolio-item { width: 12.285%; } .portfolio-columns-8 .widget-portfolio-item { width: 10.5%; } .portfolio-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; } .widget-portfolio-item:hover .portfolio-overlay { opacity: 1; } .portfolio-title { position: absolute; z-index: 3; bottom: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: auto; padding: 7px 5px; text-align: center; font-size: .8em; font-weight: 400; line-height: 1.3; color: inherit; opacity: 0; background: #FFF; word-break: break-all; -webkit-transition: .3s all ease; transition: .3s all ease; } .widget-portfolio-item:hover .portfolio-title { opacity: 1; bottom: 0; } .portfolio-columns-4 .portfolio-title, .portfolio-columns-5 .portfolio-title, .portfolio-columns-6 .portfolio-title, .portfolio-columns-7 .portfolio-title, .portfolio-columns-8 .portfolio-title { display: none; } .portfolio-image { display: block; overflow: hidden; } .portfolio-image > img { -webkit-transform: scale(1); transform: scale(1); opacity: .8; -webkit-transition: .5s ease all; transition: .5s ease all; } .widget-portfolio-item:hover .portfolio-image > img { opacity: 1; -webkit-transform: scale(1.3); transform: scale(1.3); } /* Cryout GetInTouch */ .widget_cryout_getintouch > div { line-height: 1.5; } .widget_cryout_getintouch > div i.icon { float: left; margin-right: 10px; opacity: 0.5; } .widget_cryout_getintouch > div > span > em { overflow: hidden; } .widget_cryout_getintouch .cryoutgetintouch-email a { color: inherit; } .widget_cryout_getintouch .cryoutgetintouch-items > span { display: block; margin: 10px 0; font-size: 1em; } .cryoutgetintouch-extra.cryout-getintouch-right { font-weight: bold; } /*-------------------------------------------------------------- # SEARCHFORM --------------------------------------------------------------*/ .searchform { position: relative; display: inline-block; /*overflow: hidden;*/ width: 100%; height: auto; box-shadow: 0 10px 20px rgba(0,0,0,.05); -webkit-transition: .25s all ease-in-out; transition: .25s all ease-in-out; } .searchform:hover { box-shadow: 0 10px 20px rgba(0,0,0,.1); } .searchform .searchsubmit { position: absolute; bottom: .7em; right: .7em; z-index: 8; display: block; height: 2.6em; width: 2.6em; vertical-align: middle; border: 0; border-radius: 0; padding: 0; font-size: 1em; background: transparent; cursor: pointer; -webkit-transition: .25s all ease-in-out; transition: .25s all ease-in-out; } .searchform:hover input[type="search"], .searchform input[type="search"]:focus { outline: none; } .no-results .content-search { padding: 0; } /* ## SIDEBAR SEARCH */ .searchform input[type="search"] { position: relative; z-index: 7; float: left; display: block; height: 4em; width: 100%; border-radius: 0; padding: 0 3.5em 0 1.5em; font-size: 1em; -webkit-transition: .2s all ease-out; transition: .2s all ease-out; } .searchform .searchsubmit i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 1em; line-height: 1; text-align: center; display: inline-block; -webkit-transition: .4s all ease-out; transition: .4s all ease-out; } .searchform .searchsubmit i + i { position: absolute; z-index: 1; top: 0; left: 0; opacity: 0; -webkit-transform: translateY(-20px) scale(0.25); transform: translateY(-20px) scale(0.25); } .searchform:hover .searchsubmit i { opacity: 0; -webkit-transform: translateY(20px) scale(0.25); transform: translateY(20px) scale(0.25); } .searchform:hover .searchsubmit i + i { opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } .searchform .searchsubmit i::before { font-size: .9em; } /* ## MAIN MENU SEARCHFORM */ #access > div > ul > li.menu-search-animated { text-align: center; } #access .menu-search-animated { padding: 0 .3em; } #access .menu-search-animated .searchform { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; display: none; width: 100%; height: 100%; margin: auto; border: 0; background: rgba(0,0,0,.8) !important; } #access .menu-search-animated .searchsubmit { display: none; } #access .menu-search-animated .s { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 860px; height: 3.5em; margin: auto; border: 0; border-radius: 100px; font-size: 1.5em; line-height: 2; font-weight: 400; text-align: center; background: #FFF; color: #555; box-shadow: 0 0 15px 15px rgba(0,0,0,.25); opacity: 0; -webkit-transform: translateY(150px); transform: translateY(150px); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; } #access .menu-search-animated .s.is-active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #access .menu-search-animated .s:focus { /* background: transparent; */ } #access .menu-main-search i.icon-search { display: inline-block; padding-right: .5em; padding-left: .5em; } #access .menu-main-search > a { padding-left: 0; padding-right: 0; } #access i.icon-search { cursor: pointer; } #access i.icon-search::before { display: block; font-style: normal; font-size: 1em; } #access li.menu-main-search { position: static; padding: 0 .4em; } .menu-main-search .icon-cancel { position: absolute; z-index: 1000; top: 0; right: 3em; display: none; font-size: 1.2em; cursor: pointer; opacity: 0; } /* ## FOOTER MENU SEARCHFORM */ li.menu-footer-search { max-width: 12em; } li.menu-footer-search .searchform input[type="search"] { height: 3.2em; } li.menu-footer-search .searchsubmit { width: 2.2em; height: 2.2em; bottom: 0.55em; right: 0.55em; } .widget_rss a.rsswidget {} .widget_rss a.rsswidget:hover {} .widget_rss .widget-title img { width: 11px; height: 11px; } /* ## MOBILE NAV SEARCH */ #mobile-nav .searchform input[type="search"] { height: 1.2em; border: 0; border-bottom: 2px solid; border-radius: 0; padding: 0 0 0.4em 1.2em; font-size: 2.5em; line-height: 1.2; color: inherit; background: transparent; } #mobile-nav .searchform input[type="search"]::placeholder { color: inherit; opacity: 1; } nav#mobile-menu #mobile-nav .menu-main-search > a { position: absolute; font-size: 2em; } #mobile-nav .searchform .searchsubmit { left: 0; display: none; } #mobile-nav .searchform .searchsubmit i + i { display: none; } /*-------------------------------------------------------------- # SOCIALS --------------------------------------------------------------*/ /* ## GENERAL */ .socials { position: relative; } .socials a { position: relative; z-index: 99; float: left; display: block; width: 2.6em; height: 2.6em; margin-right: 1em; border-radius: 100px; font-size: 1.1em; line-height: 2.6em; text-align: center; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .socials a:last-child { margin-right: 0; } .socials a::before, .socials a::after { position: absolute; top: 0; left: 0; right: 0; margin: auto; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .socials a::after { opacity: 0; -webkit-transform: translateY(-20px) scale(0.5); transform: translateY(-20px) scale(0.5); } .socials a:hover::before { opacity: 0; -webkit-transform: translateY(20px) scale(0.5); transform: translateY(20px) scale(0.5); } .socials a:hover::after { opacity: 1; -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } .socials a span { display: none; } /* ## HEADER SOCIALS */ .side-section-element.widget_cryout_socials { position: relative; overflow: hidden; display: table; margin: 1em auto 0; font-size: 1em; line-height: 1; } .side-section-element.widget_cryout_socials a { position: relative; opacity: 0; font-size: 1.5em; -webkit-transform: translateX(-30px); transform: translateX(-30px); -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } nav#mobile-menu.burgermenu-active .side-section-element.widget_cryout_socials a { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } /* ## SIDEBAR SOCIALS */ .sidey .socials { display: table; float: none; overflow: hidden; margin: 0 auto 2em; } /* ## FOOTER SOCIALS */ #sfooter { float: right; clear: right; display: block; margin: .5em auto; } #sfooter.socials, .widget_cryout_socials .socials { font-size: .8333em; } /*-------------------------------------------------------------- # MISCELLANEOUS --------------------------------------------------------------*/ /* ## BACK TO TOP */ #footer #toTop { position: fixed; z-index: 250; right: 2em; bottom: 2em; width: 2em; height: 2em; display: block; overflow: hidden; padding: 0.9em; font-size: 26px; opacity: 0; cursor: pointer; line-height: 2; background: #FFF; box-shadow: 0 10px 20px rgba(0,0,0,.15); -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } #footer #toTop.toTop-show { opacity: 1; } #toTop i { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; text-align: center; } #toTop .icon-back2top::before, .icon-back2top::after { position: absolute; left: 0; width: 100%; height: 100%; text-align: center; font-style: normal; font-family: iconmeta; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); -webkit-transition: all .4s ease-out; transition: all .4s ease-out; } #toTop .icon-back2top::before { opacity: 0; -webkit-transform: translateY(20px) scale(0.25); transform: translateY(20px) scale(0.25); } #toTop:hover .icon-back2top::before { opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } #toTop .icon-back2top::after { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } #toTop:hover .icon-back2top::after { opacity: 0; -webkit-transform: translateY(-20px) scale(0.25); transform: translateY(-20px) scale(0.25); } .bravada-totop-fixed #footer #toTop { position: absolute; top: 0; right: 0; bottom: auto; left: 0; margin: auto; border: 0; box-shadow: none; } .bravada-totop-disabled #footer #toTop { display: none; } /* ## CUSTOM IMAGE BORDER */ .bravada-image-none .entry-content img[class*='align'], .bravada-image-none .entry-summary img[class*='align'] {} .bravada-image-one .entry-content img[class*='align'], .bravada-image-one .entry-summary img[class*='align'] { border-bottom: 5px solid transparent; padding-bottom: 5px; } .bravada-image-two .entry-content img[class*='align'], .bravada-image-two .entry-summary img[class*='align'] { border: 7px solid transparent; } .bravada-image-three .entry-content img[class*='align'], .bravada-image-three .entry-summary img[class*='align'] { border: 1px solid #222; padding: 0; box-shadow: 0 0 15px #ccc; } .bravada-image-four .entry-content img[class*='align'], .bravada-image-four .entry-summary img[class*='align'] { padding: .7em; border: 1px solid #DDD; box-shadow: 0 0 2px #CCC; } .bravada-image-five .entry-content img[class*='align'], .bravada-image-five .entry-summary img[class*='align'] { border-top: .5em solid transparent; border-bottom: .5em solid transparent; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* ## CUSTOM CAPTION LOOK */ .bravada-caption-zero .main .wp-caption .wp-caption-text {} .bravada-caption-one .main .wp-caption .wp-caption-text { border-bottom: 2px solid transparent; } .bravada-caption-two .main .wp-caption .wp-caption-text { margin-top: 3px; } /* ## BREADCRUMBS */ #breadcrumbs-container { position: absolute; left: 4em; z-index: 9; float: none; display: block; overflow: hidden; width: 100%; -webkit-transform: translateY(-100%); transform: translateY(-100%); } #breadcrumbs-container-inside { overflow: hidden; } #breadcrumbs { display: block; width: 100%; padding: .5em 2.5em; font-size: .9em; } .bravada-boxed-layout #breadcrumbs { padding-left: 0; padding-right: 0; } #breadcrumbs-container #breadcrumbs-nav { padding-top: 0; padding-bottom: 0; } #breadcrumbs-container #breadcrumbs-nav a:hover { -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } #breadcrumbs-container #breadcrumbs-nav a:hover { opacity: 0.75; } .icon-bread-home::before { margin-right: .3em; font-size: .9em; cursor: pointer; } #breadcrumbs-nav .icon-bread-arrow { position: relative; top: -1px; display: inline-block; padding: 0 .1em; vertical-align: middle; display: none; } @media (max-width: 800px) { #header-page-title #breadcrumbs-nav .current { display: none; } } /* ## PAGINATION */ .pagination { float: none; clear: both; display: table; margin: 2.5em auto; padding: .25em 1em; text-align: center; } .pagination span, .pagination a { position: relative; float: left; display: block; -webkit-box-sizing: content-box; box-sizing: content-box; height: 2.5em; width: 2.5em; margin-right: 15px; font-size: 1em; line-height: 2.5; text-align: center; text-decoration: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .pagination .dots { width: 3em; border: 0; background: none; } /* ## CONTINUE READING */ a.continue-reading-link { position: relative; float: left; display: block; overflow: hidden; padding: 3px 16px 3px 25px; border: 2px solid; font-size: .9em; line-height: 2; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } a.continue-reading-link:hover { padding-right: 14px; padding-left: 17px; } /* edge needs special treatment since it can't handle :focus-within */ a.continue-reading-link:focus-within { padding-right: 14px; padding-left: 17px; } .continue-reading-link span { position: relative; z-index: 5; font-weight: bold; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } i.icon-continue-reading { position: relative; top: 1px; margin-left: -10px; padding-left: 5px; opacity: 0; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .continue-reading-link:hover i.icon-continue-reading { margin-left: 0; opacity: 1; } /* edge needs special treatment since it can't handle :focus-within */ .continue-reading-link:focus-within i.icon-continue-reading { margin-left: 0; opacity: 1; } /* ## BLOCKQUOTES */ .entry-content blockquote { position: relative; float: none; clear: both; display: table; width: auto; margin: 2em auto 0; padding: 2em; font-style: italic; font-weight: 400; } .entry-content blockquote::before { position: absolute; z-index: 0; top: 0; left: 0; right: 0; margin: 0 auto; font-size: 2.5em; text-align: center; font-family: 'iconmeta'; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .main blockquote p { margin-bottom: 0; } /* ## PRELOADER */ .cryout-preloader { position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; background: #FFF; -webkit-animation: preloader-hide 6s 1s ease-out forwards; animation: preloader-hide 6s 1s ease-out forwards; } @-webkit-keyframes preloader-hide { 100% { visibility: hidden; opacity: 0; z-index: -1; } } @keyframes preloader-hide { 100% { visibility: hidden; opacity: 0; z-index: -1; } } .cryout-preloader-inside { display: block; position: relative; width: 50px; height: 50px; } .cryout-preloader-inside .bounce1, .cryout-preloader-inside .bounce2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; -webkit-animation: preloader-spin 1.4s ease-in-out infinite; animation: preloader-spin 1.4s ease-in-out infinite; } .cryout-preloader-inside .bounce2 { -webkit-animation-delay: -.7s; animation-delay: -.7s; } @-webkit-keyframes preloader-spin { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes preloader-spin { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /*-------------------------------------------------------------- # TEMPLATES --------------------------------------------------------------*/ /* Template Contact */ .template-content { margin: 20px 0 50px; /* border-top: 1px solid rgba(0,0,0,.1); */ border-bottom: 1px solid rgba(0,0,0,.1); padding: 30px 0; } .template-contact .template-left-col, .template-contact .template-right-col { float: left; display: inline-block; /*width: 47%;*/ } .template-contact .template-middle { display: block; overflow: hidden; margin: 50px auto; } .template-contact .template-left-col { /*margin-right: 6%;*/ } .template-right-col-inside { /*padding: 40px; background: rgba(0,0,0,.05);*/ } .template-right-col-inside > img { margin-bottom: 1em; } .template-contact .template-right-col-inside address { padding-left: 0; } .template-contact address > span { float: none; clear: both; display: block; overflow: hidden; margin: 10px 0; } .template-contact address > span i { float: left; display: inline-block; min-width: 150px; margin-right: 10px; padding-left: 1px; font-size: 1em; } .template-contact address .address-block { display: block; overflow: hidden; } .template-contact .template-map-col { margin-bottom: 50px; } .template-about .template-image { margin-bottom: 50px; } .template-about .template-content { margin-bottom: 70px; } .template-about .template-team { margin-top: 50px; } .page-template-template-fullwidth #container.one-column.template-full-width { max-width: none; width: 100%; margin-left: 0; margin-right: 0; } .page-template-template-fullwidth #container.one-column.template-full-width article.hentry .article-inner { padding-left: 0; padding-right: 0; } /*-------------------------------------------------------------- # PORTFOLIO --------------------------------------------------------------*/ /* Portfolio shortcode only */ .single article.jetpack-portfolio .entry-meta { margin-top: 0; padding: 1em 3em; } .single article.jetpack-portfolio .entry-meta-container { position: absolute; bottom: 2em; left: 0; right: 0; display: table; width: 100%; margin: 0 auto; background: rgba(0,0,0,.5); } @media ( max-width: 800px ) { .single article.jetpack-portfolio .entry-meta-container { width: 90%; } } .single article.jetpack-portfolio .entry-meta > span { display: block; font-size: 1em; line-height: 2; font-weight: 400; color: #DDD; } .single.single-jetpack-portfolio .main .article-inner > header { margin-bottom: 1em; } article.jetpack-portfolio .portfolio-featured-single { position: relative; margin-bottom: 2em; } article.jetpack-portfolio .portfolio-featured-single img { display: block; border-radius: 6px; } article.jetpack-portfolio header + .content-masonry { padding-top: 2.6em; } article.jetpack-portfolio header .entry-title + .taxonomy-description { margin-bottom: 0; padding-top: 1em; } .jetpack-portfolio-shortcode .portfolio-featured-image + .portfolio-entry-title { margin-top: 1em; margin-bottom: 0; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; } .jetpack-portfolio-shortcode .portfolio-entry-title a { display: block; padding: .4em 0; line-height: 1.3; } .jetpack-portfolio-shortcode .portfolio-entry-meta { line-height: 1.5; } .jetpack-portfolio-shortcode .portfolio-featured-image { position: relative; display: block; overflow: hidden; } .jetpack-portfolio-shortcode .portfolio-featured-image img { -webkit-transition: 1s ease all; transition: 1s ease all; } .jetpack-portfolio-shortcode .portfolio-entry:hover .portfolio-featured-image img { -webkit-filter: brightness(110%); filter: brightness(110%); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } /*-------------------------------------------------------------- # CONDITIONALS --------------------------------------------------------------*/ .single-post.bravada-comhide-in-posts .nocomments { display: none; } .page.bravada-comhide-in-pages .nocomments { display: none; } .bravada-hide-page-title .page h1.entry-title, .home.bravada-hide-page-title .page h2.entry-title { display: none; } .bravada-hide-cat-title .page-header { display: none; } .bravada-metahide-mainmenu #site-header-main, .bravada-metahide-breadcrumbs #breadcrumbs-container, .bravada-metahide-title #header-page-title-inside .entry-title, .bravada-metahide-title .article-inner .entry-title, .bravada-metahide-colophon #colophon, .bravada-metahide-footer #footer { display: none; } .bravada-metahide-headerimg #header-image-main-inside { background-image: none; } .bravada-metahide-headerimg.bravada-cropped-headerimage #masthead #header-image-main-inside { height: 0; } .bravada-metahide-mainmenu #header-image-main { margin-top: 0; } /*-------------------------------------------------------------- # FIXES -------------------------------------------------------------- */ /* ## Woocommerce */ /* .woocommerce.single #header-image-main, .woocommerce-checkout #header-image-main, .woocommerce-cart #header-image-main { display: none; } */ .woocommerce.archive .page-title { display: none; } .single.woocommerce #header-page-title .entry-meta { display: none; } .woocommerce.archive article { padding-top: 4em; } .woocommerce .product .entry-summary { clear: none; } .woocommerce ul.products li.product h3 { } .woocommerce div.product form.cart table td { padding: 0; } .woocommerce-page #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding-top: .5em; padding-bottom: .5em; padding-left: 1.2em; padding-right: 1.2em; border-radius: 0; font-size: .9em; font-weight: bold; } .woocommerce-page #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt { position: relative; padding: 1em 1.2em; outline: 2px solid; background-color: transparent; background-size: 400%; background-position: 100% 50%; -webkit-transition: background .75s ease-out; transition: background .75s ease-out; } .woocommerce-page #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover { background: transparent; background-position: 50% 50%; } .woocommerce-page #respond input#submit.alt::after, .woocommerce a.button.alt::after, .woocommerce-page button.button.alt::after, .woocommerce input.button.alt::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; outline: 2px solid; -webkit-transition: .3s ease all; transition: .3s ease all; } .woocommerce-page #respond input#submit.alt:hover::after, .woocommerce a.button.alt:hover::after, .woocommerce-page button.button.alt:hover::after, .woocommerce input.button.alt:hover::after { opacity: 0; -webkit-transform: scale(1.05, 1.25); transform: scale(1.05, 1.25); } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover { border-radius: 0; color: inherit; opacity: .5; } .woocommerce select { padding: 1rem; } /* Woocommerce Archive Pages */ @media (max-width: 480px) { .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 100%; float: none; } } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; } .woocommerce .products .star-rating { margin: 0 auto .5em; text-align: center; } .woocommerce ul.products li.product .price { font-size: 1em; } .woocommerce ul.products li.product .button { margin-top: .5em; } .woocommerce span.onsale { top: 0; left: 0; min-height: auto; padding: 0; border-radius: 0; background: #FFF; color: inherit; } .woocommerce ul.products li.product .onsale { top: 5px; right: 5px; min-height: auto; line-height: 1.8; margin: 0; border-radius: 0; background: rgba(255,255,255,.75); -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .woocommerce div.product form.cart div.quantity { width: 20%; margin-right: 5%; } .woocommerce div.product form.cart .button { width: 75%; padding: 1rem; line-height: 1.8; } .woocommerce .quantity .qty { width: 100%; border: 0; border-radius: 0; padding: 1rem 1rem; font-size: 0.9em; text-align: left; line-height: 1.8; } .woocommerce-thumbnail-container { position: relative; overflow: hidden; /* border-radius: 5px; */ } .woocommerce ul.products li.product .woocommerce-thumbnail-container a img { position: relative; margin: 0; top: 0; -webkit-transition: .3s ease-out all; transition: .3s ease-out all; } .woocommerce ul.products li.product .woocommerce-thumbnail-container:hover a img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; } .woocommerce-thumbnail-container .woocommerce-buttons-container { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-75%); transform: translateY(-75%); -webkit-transition: .3s ease-out all; transition: .3s ease-out all; opacity: 0; } .woocommerce-thumbnail-container .woocommerce-buttons-container a { display: block; width: 80%; margin: 0 auto; font-size: .8em; /* border-radius: 100px; */ } .woocommerce-thumbnail-container .woocommerce-buttons-container a.added_to_cart { margin-top: 5px; padding: 0.5em 0.25em; background: #FFF; font-weight: bold; text-transform: uppercase; } .woocommerce-thumbnail-container:hover .woocommerce-buttons-container { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-weight: 400; } .woocommerce div.product .product_title { font-weight: 300; } .woocommerce div.product p.price, .woocommerce div.product span.price { font-weight: 300; font-size: 1.618em; } .woocommerce div.product form.cart .variations td.label { display: inline-block; padding: 1rem 0; font-size: 0.8em; line-height: 1.8; text-decoration: underline; background: transparent; color: inherit; } .woocommerce div.product form.cart .variations td.value { background: transparent; } .woocommerce div.product form.cart { margin-top: 2em; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce ul.products li.product .price ins { font-weight: 400; } .add_to_cart_button:not(.product_type_variable)::before, /*.icon-basket::before,*/ .single-product div.product form.cart .button::before { content: "\e83b"; position: relative; top: 0; display: inline-block; margin-right: 10px; font-family: "iconmeta"; line-height: 1; font-weight: 400; font-style: normal; } input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading { opacity: 1; } .woocommerce nav.woocommerce-pagination { margin-bottom: 2em; } .woocommerce nav.woocommerce-pagination ul { border: 0; } .woocommerce nav.woocommerce-pagination ul li { margin-right: 1em; border: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { border: 1px solid rgba(0,0,0,0.1); border-radius: 0; padding: 0.8em 1em; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .woocommerce nav.woocommerce-pagination .next.page-numbers, .woocommerce nav.woocommerce-pagination .prev.page-numbers { border: 0; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: transparent; } /* Woocommerce Single Product page */ .woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border-color: transparent; border-radius: 0; padding: 5px 1.2em; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active):hover { background: #f7f7f7; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-color: #d3ced2; border-bottom-color: transparent; } .woocommerce #reviews #comments { margin-top: 0; } .woocommerce .woocommerce-tabs h2 { margin-top: 0; margin-bottom: 1em; font-size: 1.2em; font-weight: 400; } .woocommerce div.product .products > h2, .woocommerce .cart-collaterals h2 { position: relative; display: inline-block; margin-bottom: 1.5em; } .woocommerce div.product .products > h2::after, .woocommerce .cart-collaterals h2:not([class*=__title])::after { content: ""; position: absolute; z-index: -1; left: 0; bottom: .3em; width: 100%; height: .6em; opacity: 0.4; } .woocommerce .cart-collaterals h2 { margin-bottom: 2em; } .woocommerce div.product #review_form_wrapper { margin: 1.5em 0; } .woocommerce-tabs { padding: 2.6em 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 400; font-size: 0.9em; } .woocommerce #comments { /* woocommerce reviews */ padding-top: 0; } .woocommerce #reviews #comments ol.commentlist li { margin: 20px 0 40px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 80px; border-radius: 4px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: auto; } .woocommerce.bravada-comment-placeholder #respond label { /* show woocommerce form lables */ display: inline-block; } .woocommerce #review_form #respond p { margin-top: 1.5em; } .woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email { width: 50%; } .woocommerce #review_form #respond .comment-form-author { /* margin-right: 4%; */ } .woocommerce #review_form #respond .comment-form-author input, .woocommerce #review_form #respond .comment-form-email input { width: 100%; } .woocommerce-noreviews { padding: 1em; background: rgba(0,0,0,.07); } /* Woo Cart Page */ .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: auto; padding: 0.618em 1.2em; /* font-size: .9em; */ } table.cart .quantity .qty { max-width: 80px; padding: 10px } .woocommerce a.remove { display: block; width: 1.5em; height: 1.5em; margin: 0 auto; font-size: 16px; line-height: 1.3; color: #C00; opacity: .8; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .woocommerce a.remove:hover { color: #C00 !important; background: rgba(0,0,0,.1); opacity: 1; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 80px; } .woocommerce table.shop_table { border-collapse: collapse; } .woocommerce table.shop_table thead { font-size: .8em; text-transform: uppercase; opacity: 0.5; } .woocommerce table.shop_table td.product-name { font-size: .9em; font-weight: bold; } /* Woo Checkout Page */ .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100%; } @media (min-width: 800px) { .woocommerce .col2-set, .woocommerce-page .col2-set { float: left; width: 58%; margin-right: 4%; } #order_review_heading, #order_review { clear: none; float: left; width: 38%; } } .select2-container--default .select2-selection--single { border-radius: 0; } .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.5em; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 2.5em; } #main .woocommerce .checkout table.shop_table td, #main .woocommerce .checkout table.shop_table th { background: transparent; } .woocommerce-checkout #payment { background: transparent; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border: 0; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { display: block; width: 100%; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-radius: 0; } /* WooCommerce messages */ .woocommerce-error, .woocommerce-info, .woocommerce-message { border: 0; border-radius: 0; } #main .woocommerce-error a.button, #main .woocommerce-info a.button, #main .woocommerce-message a.button { background: transparent; color: inherit; padding: 0; } /* WooCommerce widgets */ .woocommerce-product-search button[type="Submit"] { display: block; width: 100%; margin-top: 10px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { line-height: 1.5; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { position: relative; top: 0; width: 70px; border: 4px solid #FFF; border-radius: 3px; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .woocommerce ul.cart_list li a:hover img, .woocommerce ul.product_list_widget li a:hover img { top: -4px; box-shadow: 0 7px 15px rgba(0,0,0,.15); } .woocommerce ul.cart_list li:hover img, .woocommerce ul.product_list_widget li:hover img { opacity: .8; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { font-size: 0.7em; opacity: 0.7; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 15px 0; } .woocommerce ul.cart_list li .product-title, .woocommerce ul.product_list_widget li .product-title { font-weight: 400; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0,0,0,.1); border: 0; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 1em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background: transparent; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { border-radius: 2px; top: -.25em; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:hover { box-shadow: 0 0 14px rgba(0,0,0,.4); } .woocommerce .widget_price_filter .price_label { padding-top: 0.4em; } .woocommerce.widget_product_categories ul.product-categories li { position: relative; border: 0; padding: 0; } .woocommerce.widget_product_categories ul.product-categories li::before { content: "\e902"; position: relative; top: 1px; margin-right: 7px; font-family: "iconmeta"; -webkit-transition: .2s ease-out margin; transition: .2s ease-out margin; } .woocommerce.widget_product_categories ul.product-categories li:hover::before { margin-right: 12px; } .woocommerce.widget_product_categories ul.product-categories li ul { margin-top: 0; } /* WooCommerce MyAccount */ .main article .woocommerce-MyAccount-navigation > ul { list-style: none; margin-left: 0; } .woocommerce-MyAccount-navigation > ul li > a { display: block; margin-bottom: 5px; border-radius: 4px; padding: 7px 15px; color: inherit; background: rgba(133,137, 141, .1); -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .woocommerce-MyAccount-navigation > ul li > a:hover { opacity: .8; } .woocommerce-MyAccount-navigation > ul li.is-active > a { font-weight: bold; background: transparent; } /* Team Members */ .tmm .tmm_container .tmm_member .tmm_photo { width: 120px; height: 120px; margin-top: -60px; border: 20px solid transparent; border-radius: 0 !important; padding-bottom: 0; box-shadow: none; } .cryout .tmm .tmm_container .tmm_member { position: relative; border: 1px solid transparent; border-radius: 0; -webkit-transition: .2s ease-out border-color; transition: .2s ease-out border-color; } .tmm .tmm_container .tmm_member .tmm_textblock { padding: 10px 25px 30px; } .tmm .tmm_container .tmm_names { margin-bottom: 0; } .tmm .tmm_container .tmm_fname { font-weight: bold; } .tmm .tmm_theme_f .tmm_names { margin-bottom: 0 !important; } .tmm .tmm_container .tmm_job { font-size: 0.75em !important; text-transform: uppercase; letter-spacing: 3px; opacity: 0.5; } .tmm .tmm_container .tmm_desc { font-size: .9em; line-height: 1.8; } .tmm .tmm_member .tmm_textblock .tmm_scblock { display: table; margin: auto; padding: 0 15px !important; } .tmm .tmm_member .tmm_textblock .tmm_sociallink img { margin: 10px 7px !important; -webkit-transition: .2s ease-out all; transition: .2s ease-out all; } .tmm .tmm_member .tmm_textblock .tmm_sociallink:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } /* Jetpack Portfolio shortcode in widget */ .widget-container h2.portfolio-entry-title { font-size: 1.2em; } /* Safari fixed cover background images */ body.safari, .safari #masthead .header-image, .safari .lp-text { background-attachment: scroll; background-position: top center !important; } /* Edge shaky fixed cover background images */ @supports (-ms-ime-align:auto) { body, .lp-text { background-attachment: scroll !important; background-position: top center !important; } } /* IE 10-11 shaky fixed cover background images */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { body, #masthead .header-image, .lp-text { background-attachment: scroll !important; background-position: top center !important; } } /* Shortcodes */ .panel-default > .panel-heading > .panel-title > a::before { font-family: "iconmeta"; /* content: ""; */ right: 25px; font-size: 10px; opacity: 0.6; } .btn { position: relative; outline: 2px solid; font-weight: bold; -webkit-transition: .3s ease all; transition: .3s ease all; } .btn:hover { outline: 2px solid; } .btn:focus-within { outline: 2px solid; } .btn + .btn { margin-left: 10px; } .btn::before { content: ""; position: absolute; z-index: 5; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; outline: 2px solid; opacity: .5; -webkit-transition: .4s ease all; transition: .4s ease all; } .btn:hover::before { opacity: 0; -webkit-transform: scale(1.2, 1.5); transform: scale(1.2, 1.5); } .btn:focus-within::before { opacity: 0; -webkit-transform: scale(1.15, 1.3); transform: scale(1.15, 1.3); } .label-primary, .label-secondary { border: 2px solid; } .well, .alert { border-radius: 0; } .panel-group.scheme-dark-1 .panel .panel-heading, .panel-group.scheme-dark-1 .panel, .panel-group.scheme-dark-2 .panel .panel-heading, .panel-group.scheme-dark-2 .panel, .panel-group.scheme-light-1 .panel .panel-heading, .panel-group.scheme-light-1 .panel { border-radius: 0; } .nav-tabs > li > a { border-radius: 0; } .tooltip-inner { border-radius: 0; } /*-------------------------------------------------------------- # RESPONSIVENESS -------------------------------------------------------------- */ body.mobile {-webkit-text-size-adjust: 100%;} /* Iphone browser fix*/ body.mobile .main {min-height:0;} @media (max-width: 1152px) { body { margin-top: 0; /* removed fixed header menu */ } #container[class*="three-"] { display: block; } .site-header-inside, #access .menu-search-animated .searchform input[type="search"], #colophon-inside, .footer-inside { padding-left: 2em; padding-right: 2em; } .cryout #container[class*="three-"] #primary, .cryout #container[class*="three-"] #secondary { width: 100%; margin: 0 0 1.5em; } .cryout #container[class*="three-"] .main { width: 100%; margin-bottom: 1.5em; } .cryout #container[class*="three-"] #primary, .cryout #container[class*="three-"] #secondary { padding-left: 2em; padding-right: 2em; } .cryout #container[class*="three-"] .sidey .widget-container { float: left; width: 47.5%; margin: 0 0 1.5em; } .cryout #container[class*="three-"] .sidey section.widget-container:nth-of-type(2n+1) { clear: both; margin-right: 5%; } #masthead.cryout #site-header-main { /* position: relative; */ } .cryout #header-image-main { margin-top: 0; } #breadcrumbs-container.cryout[class*="three-"] #breadcrumbs { width: 100%; margin: 0; } } @media (max-width: 1024px) { body { font-size: .95em; } #container { display: block; } .cryout #container[class*="three-"] .main, .cryout #container[class*="two-"] .main, .cryout #container[class*="one-"]:not(.bravada-landing-page) .main { width: 100%; margin-bottom: 1.5em; padding: 2em; } .cryout #breadcrumbs-container { left: calc( 2em + 20px ); } .cryout #container[class*="two-"] #primary, .cryout #container[class*="two-"] #secondary { float: none; clear: both; width: 100%; max-width: 480px; margin: 0 auto; padding-left: 2em; padding-right: 2em; } .cryout #container[class*="two-"] #primary::after, .cryout #container[class*="two-"] #secondary::after { content: ""; clear: both; display: block; } .bravada-magazine-three .cryout #content-masonry article.hentry { width: 46%; } #breadcrumbs-container.cryout[class*="two-"] #breadcrumbs { width: 100%; margin: 0; } #header-page-title .entry-title, .singular-title { max-width: none; font-size: 3.5em; } #nav-fixed span, #nav-fixed a + a { display: none; } #nav-fixed i::before { font-size: 1em; } #nav-fixed i { height: 50px; } } /* special case where mobile menu is force-enabled on iOS mobile devices */ @media (min-width: 801px) { .mobile-ios #masthead.cryout #access { display: none; } } @media (max-width: 640px) { #nav-fixed { display: none; } #masthead.cryout #access { display: none; } #content-masonry { margin-left: 0; margin-right: 0; } .bravada-magazine-three .cryout #content-masonry article.hentry, .bravada-magazine-two .cryout #content-masonry article.hentry { width: 100%; margin: 0 auto 1.5em; } #content-masonry article.hentry { margin-bottom: 1.5em; } #container:not(.bravada-landing-page) .main > *:not(#content-masonry) { padding-left: 0; padding-right: 0; } .post-thumbnail-container .featured-image-meta { left: 0; opacity: 0.75; } .cryout #site-title a span { padding-right: 0; } .cryout .footer-inside > div:last-child, .cryout .footer-inside .footermenu, .cryout .footer-inside #sfooter { float: none !important; display: table; width: auto; max-width: 100%; margin: 2em auto 1em; text-align: center; } .cryout .footer-inside > div:first-child, .cryout .footer-inside #site-copyright { float: none !important; clear: both; max-width: 100%; text-align: center; } .footer-inside #toTop { position: absolute; top: 0; right: 0; left: 0; display: block; margin: 0 auto; } .cryout .footer-inside nav { width: auto; } .site-header-top .site-header-inside { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; height: auto; } .site-header-top .site-header-inside > * { padding: 10px 0; } .topmenu .menu { position: relative; overflow-x: auto; width: 100%; padding: 0 10px; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .topmenu .menu::-webkit-scrollbar { display: none; } .topmenu ul li { float: none; } #side-section-menu { position: relative; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .footermenu ul li { float: none; } #sfooter { float: none; display: table; margin: 0 auto; } .widget-socials { display: table; margin: 0 auto; } } @media (max-width: 640px) { body { font-size: .9em; } .cryout #container[class*="three-"] .main, .cryout #container[class*="two-"] .main, .cryout #container[class*="one-"]:not(.bravada-landing-page) .main { padding-left: 1em; padding-right: 1em; } /* Left/right padding for content */ .site-header-inside, #access .menu-search-animated .searchform input[type="search"], #breadcrumbs, #colophon-inside, .footer-inside, #header-page-title { padding-left: 1em; padding-right: 1em; } .cryout #container:not(.bravada-landing-page) .main { padding-top: 1em; } .cryout #container[class*=column] #primary, .cryout #container[class*=column] #secondary { padding-left: 1em; padding-right: 1em; } .cryout #container[class*="three-"] #primary, .cryout #container[class*="three-"] #secondary, .cryout #container[class*="three-"] .sidey .widget-container, .cryout #container[class*="two-"] .sidey .widget-container, .cryout #colophon .widget-container { clear: both; width: 100%; margin: 0 0 1.5em; } .cryout .sidey .widget-container { padding-left: 0; padding-right: 0; } .cryout #colophon .widget-container { padding: 2em 0 0; } .cryout .socials a { font-size: 1em; margin: 0 .1em; } .comment-form-author, .comment-form-email, .comment-form-url { float: none; width: 100%; margin-left: 0; margin-right: 0; } .comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-comment input { width: 100%; } #nav-fixed { display: none; } #header-page-title #header-page-title-inside { font-size: 0.9em; } } @media ( max-width: 480px ) { .footermenu ul li span.sep { display: none; } .footermenu ul li { float: none; display: block; margin: 0.5em auto; text-align: center; } } /* ## LP Responsiveness */ @media (max-width: 1152px) { .three-columns-right #breadcrumbs, .two-columns-right #breadcrumbs { padding-left: 0; padding-right: 0; } .lp-staticslider .staticslider-caption, .seriousslider.seriousslider-theme .seriousslider-caption, .bravada-landing-page .lp-blocks .lp-blocks-inside, .bravada-landing-page .lp-boxes .lp-boxes-inside, .bravada-landing-page .lp-text-inside, .bravada-landing-page .lp-posts-inside, .bravada-landing-page .lp-page-inside, .bravada-landing-page .lp-portfolio-inside, .bravada-landing-page .lp-testimonials-inside, .bravada-landing-page .lp-section-header, .bravada-landing-page .content-widget { padding-left: 2em; padding-right: 2em; } .lp-text-image + .lp-text-card { /* padding: 3em; */ } h3.lp-text-title { font-size: 1.5em; } .lp-text-content { font-size: 1em; } } @media (max-width: 960px) { .lp-staticslider .staticslider-caption, .seriousslider.seriousslider-theme .seriousslider-caption { font-size: 0.8em; } .lp-staticslider .staticslider-caption-text, .seriousslider.seriousslider-theme .seriousslider-caption-text, .staticslider-caption-buttons, .seriousslider-theme .seriousslider-caption-buttons { margin: 2em auto; } .lp-section-header .lp-section-title, .lp-section-header .lp-section-desc { max-width: 100%; } .lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(n), .lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(n), .lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(n) { width: 50%; margin: 0 auto; } .lp-blocks.lp-blocks1 .lp-block { border: 0; } .lp-blocks.lp-blocks2.lp-blocks-rows-4 .lp-block:nth-child(n), .lp-blocks.lp-blocks2.lp-blocks-rows-3 .lp-block:nth-child(n), .lp-blocks.lp-blocks2.lp-blocks-rows-2 .lp-block:nth-child(n) { width: 48%; margin: 6% 1%; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-margins[class*=lp-boxes] .lp-box, .lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .lp-box { width: 48%; margin-bottom: 2em; margin-right: 4%; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-inside .lp-box, .lp-boxes.lp-boxes-rows-3 .lp-boxes-inside .lp-box { width: 50%; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-inside .lp-box:nth-child(2n), .lp-boxes.lp-boxes-rows-3 .lp-boxes-inside .lp-box:nth-child(2n), .lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(2n), .lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(2n) { margin-right: 0; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-inside .lp-box:nth-child(4n+1), .lp-boxes.lp-boxes-rows-3 .lp-boxes-inside .lp-box:nth-child(3n+1), .lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+1), .lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n+1) { clear: none; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-inside .lp-box:nth-child(2n+1), .lp-boxes.lp-boxes-rows-3 .lp-boxes-inside .lp-box:nth-child(2n+1), .lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(2n+1), .lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(2n+1) { clear: both; } .lp-portfolio.lp-portfolio-rows-6 .lp-port, .lp-portfolio.lp-portfolio-rows-5 .lp-port, .lp-portfolio.lp-portfolio-rows-4 .lp-port, .lp-portfolio.lp-portfolio-rows-3 .lp-port, .lp-portfolio.lp-portfolio-rows-2 .lp-port { width: 50%; } .lp-testimonials.lp-testimonials-rows-1 .lp-tt:nth-child(n), .lp-testimonials.lp-testimonials-rows-2 .lp-tt:nth-child(n), .lp-testimonials.lp-testimonials-rows-3 .lp-tt:nth-child(n), .lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(n) { float: none; width: 100%; margin: 2em auto; } } @media (max-width: 640px) { .lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(n), .lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(n), .lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(n), .lp-blocks.lp-blocks2.lp-blocks-rows-4 .lp-block:nth-child(n), .lp-blocks.lp-blocks2.lp-blocks-rows-3 .lp-block:nth-child(n), .lp-blocks.lp-blocks2.lp-blocks-rows-2 .lp-block:nth-child(n) { float: none; clear: both; width: 100%; margin: 2% auto; } .lp-blocks.lp-blocks2.lp-blocks-rows-4 .lp-block:nth-child(n), .lp-blocks.lp-blocks2.lp-blocks-rows-3 .lp-block:nth-child(n), .lp-blocks.lp-blocks2.lp-blocks-rows-2 .lp-block:nth-child(n) { margin: 6% auto; } .lp-staticslider .lp-staticslider-image { position: absolute; z-index: 1; left: 50%; width: auto; /* max-height: 100vmax; */ max-width: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .lp-staticslider .staticslider-caption, .seriousslider.seriousslider-theme .seriousslider-caption { position: relative; z-index: 3; font-size: 0.9em; } .lp-staticslider .staticslider-sep { height: 1px; } .lp-staticslider .staticslider-caption-text, .seriousslider.seriousslider-theme .seriousslider-caption-text, .staticslider-caption-buttons, .seriousslider-theme .seriousslider-caption-buttons { margin: 1.5em auto; } .lp-text { display: block; } .lp-text-image { width: auto; order: 0; } .lp-text-hasimage .lp-text-image img { left: 0 !important; right: 0 !important; margin: -5em auto 0; } .lp-text-image + .lp-text-card { max-width: 480px; width: auto; margin-top: 2em; } .lp-text-inside .lp-text-background { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 2em; } .lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(n), .lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(n), .lp-boxes.lp-boxes-rows-2 .lp-box:nth-child(n) { float: none; clear: both; width: 100%; margin: 0 auto; } .lp-boxes.lp-boxes-rows-4 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(n), .lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(n), .lp-boxes.lp-boxes-rows-2 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(n) { float: none; clear: both; width: 100%; margin: 0 auto 3em; } .cryout .lp-boxes.lp-boxes-static:not(.lp-boxes-static2) .lp-box { margin: 1em auto; } .cryout .lp-boxes.lp-boxes-static:not(.lp-boxes-static2) .lp-box .lp-box-content, .cryout .lp-boxes.lp-boxes-static:not(.lp-boxes-static2) .lp-box .lp-box-image { height: auto !important; float: none; width: 100%; } .cryout .lp-boxes.lp-boxes-static:not(.lp-boxes-static2) .lp-box .lp-box-text { position: static; -webkit-transform: none; transform: none; padding-top: 40px; padding-bottom: 40px; } #lp-posts { margin: 0 auto; } } @media (max-width: 640px) { .lp-staticslider .staticslider-caption, .seriousslider.seriousslider-theme .seriousslider-caption, .bravada-landing-page .lp-blocks .lp-blocks-inside, .bravada-landing-page .lp-boxes .lp-boxes-inside, .bravada-landing-page .lp-text-inside, .bravada-landing-page .lp-posts-inside, .bravada-landing-page .lp-page-inside, .bravada-landing-page .lp-portfolio-inside, .bravada-landing-page .lp-testimonials-inside, .bravada-landing-page .lp-section-header, .bravada-landing-page .content-widget { padding-left: 1em; padding-right: 1em; } .lp-blocks.lp-blocks2.lp-blocks-rows-4 .lp-block:nth-child(n), .lp-blocks.lp-blocks2.lp-blocks-rows-3 .lp-block:nth-child(n), .lp-blocks.lp-blocks2.lp-blocks-rows-2 .lp-block:nth-child(n) { margin: 10% auto; } #cryout_ajax_more_trigger { width: 100%; } } @media (max-width: 480px) { .seriousslider.seriousslider-theme .seriousslider-caption { font-size: .7em; } .seriousslider.seriousslider-theme .seriousslider-caption-title { font-size: 2.2em; } .seriousslider.seriousslider-theme .seriousslider-caption-text { font-size: 1.22em; } .lp-portfolio.lp-portfolio-rows-6 .lp-port, .lp-portfolio.lp-portfolio-rows-5 .lp-port, .lp-portfolio.lp-portfolio-rows-4 .lp-port, .lp-portfolio.lp-portfolio-rows-3 .lp-port, .lp-portfolio.lp-portfolio-rows-2 .lp-port { width: 100%; padding: 0; } .cryout .lp-text-image + .lp-text-card { /* width: 93.333%; */ } } /*-------------------------------------------------------------- # PRINT STYLES -------------------------------------------------------------- */ @media print { h1, h2, h3, h4, h5, h6, img, video, iframe, embed, .fluid-width-video-wrapper { page-break-before: avoid; page-break-after: avoid; page-break-inside: avoid; } blockquote, table, pre { page-break-inside: avoid; } ul, ol, dl { page-break-before: avoid; } q { quotes: none; } q::before, q::after { content: ""; } q::after { content: " (" attr(cite) ")"; } blockquote { font-size: 12pt; font-style: italic; } img { border: 0; } .header-image, #header-overlay, .lp-staticslider::after, .seriousslider-theme::after, #site-title a::before, header #access, .socials, #header-widget-area, .sidey, #colophon, #nav-fixed, footer#footer, span.edit-link, #respond, #nav-below, .comment-navigation, #author-link, #breadcrumbs-container, a.continue-reading-link, .comment .reply, #cryout_ajax_more_trigger { display: none !important; } #main { float: none !important; width: 100% !important; } #container:not(.bravada-landing-page) .main { padding-top: 0; padding-bottom: 0; margin: 0 !important; } html, body { font-size: 11pt; line-height: 1.5; color: #333; } #masthead.cryout #branding { height: auto; } #header-page-title { opacity: 1 !important; color: #111; } .animated-title .caption-title-word span.cry-single { color: #333 !important; opacity: 1 !important; } .animated-title .caption-title-word span.cry-double { display: none; } #masthead.cryout #site-text { -webkit-transform: none; transform: none; } #container #main { width: 100%; min-height: auto; } .cryout article.hentry .article-inner, .cryout .pad-container, .cryout #site-header-main-inside { padding: 0 !important; } .main article.hentry, .main .pad-container, .main .page-numbers:not(.dots) { border: 0 !important; box-shadow: none !important; } .main #content-masonry { height: auto !important; margin: 0; } #container:not(.bravada-landing-page) .main > :not(#content-masonry) { padding-left: 0; padding-right: 0; } .main #content-masonry article.hentry { position: static !important; float: none; clear: both; display: block; width: 100%; margin: 0; margin-bottom: 20pt; padding: 0; } .animated-article, #content img[loading="lazy"] { opacity: 1 !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; animation: none !important; } .cryout a { text-decoration: underline; } .cryout p a::after { content: " (" attr(href) ")"; font-size: 80%; word-wrap: break-word; } .cryout .entry-title, .cryout #reply-title { font-size: 160%; color: #333; } .lp-text { background: #FFF; color: #000; } } /* FIN! */ 辣妹子影院免费观看电视剧高清