/*
Theme Name: Roseta
Theme URI: http://www.cryoutcreations.eu/wordpress-themes/roseta
Description: A fast, clean and highly customizable theme. It's beautiful and multi-purpose - use it for your blog, online portfolio, business website or WooCommerce store. It's lightweight, mobile friendly and responsive, created with SEO in mind (taking full advantage of microformats and Schema.org microdata that search engines love). Some of the amazing features include: Responsive / WooCommerce / RTL / Translation Ready / Google Fonts / Gutenberg support / Regular updates. Some of the many customizable aspects include: Layouts (Wide and Boxed) / Site widths / Header elements / Featured images / Colors / Post metas / Widgets areas / Landing page elements / Slider / Typography / Masonry bricks / Socials and much more. Still not convinced? Check out the theme demo: https://demos.cryoutcreations.eu/wp/roseta
Author: Cryout Creations
Author URI: http://www.cryoutcreations.eu
Version: 1.3.0.1
Requires at least: 4.5
Tested up to: 6.6
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, e-Commerce, portfolio
Text Domain: roseta
Roseta WordPress Theme - Copyright 2019-24, 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
## 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
## Before content and after content
## 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: 1px solid transparent;
border-radius: 0;
padding: 0.75em 1em;
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;
padding: .75em 1.5em;
font-size: .9em;
font-weight: bold;
text-transform: uppercase;
-webkit-transition: background-color .3s ease-out;
transition: background-color .3s ease-out;
}
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
--------------------------------------------------------------*/
textarea:focus,
select:focus,
input:focus,
button:focus,
a:focus {
/* outline: thin dotted; */
}
.lp-box-readmore:focus {
outline: 1px dotted rgba(0,0,0,0.5);
}
#access .menu-item :focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="range"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"] {
outline-offset: -4px;
}
a:hover,
a:active,
.menu-item a:hover,
.menu-item a:active,
input:hover:focus,
textarea:hover:focus,
button:hover:focus,
.lp-box-readmore:active {
outline: 0;
}
.post-thumbnail-container > a,
.post-thumbnail-container > a:focus {
outline: 0;
}
.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 {
border: 3px solid;
padding: 0.5em 1.5em;
font-size: .9em;
font-weight: bold;
text-transform: uppercase;
/* background: transparent; */
}
.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;
}
/*--------------------------------------------------------------
# LAYOUT
--------------------------------------------------------------*/
#site-wrapper {
overflow: hidden;
}
.roseta-boxed-layout #site-wrapper {
overflow: hidden;
margin: 0 auto;
box-shadow: 0 0 8px rgba(0,0,0,.2);
}
#container {
float: none;
display: block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
/* overflow: hidden; */
width: 100%;
margin: 0;
}
#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; -webkit-order: -1; order: -1; }
#container.three-columns-sided .main { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; }
#container.three-columns-sided #secondary { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; -webkit-order: 1; 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"],
#site-wrapper > #breadcrumbs-container #breadcrumbs-container-inside,
#colophon-inside,
.footer-inside,
.lp-staticslider .staticslider-caption,
.seriousslider.seriousslider-theme .seriousslider-caption,
.roseta-landing-page .lp-blocks-inside,
.roseta-landing-page .lp-boxes-inside,
.roseta-landing-page .lp-text-inside,
.roseta-landing-page .lp-posts-inside,
.roseta-landing-page .lp-page-inside,
.roseta-landing-page .lp-portfolio-inside,
.roseta-landing-page .lp-testimonials-inside,
.roseta-landing-page .lp-section-header,
.roseta-landing-page .content-widget {
padding-left: 2.5em;
padding-right: 2.5em;
}
#container:not(.roseta-landing-page) .main {
padding-top: 2.5em;
padding-bottom: 2.5em;
padding-left: 2.5em;
padding-right: 2.5em;
}
#content-masonry {
margin-right: -3%;
margin-left: -3%;
}
.sidey {
position: relative;
display: block;
float: left;
padding-top: 2.5em;
padding-bottom: 2em;
}
#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%;
}
.roseta-boxed-layout #primary,
.roseta-boxed-layout #secondary {
padding-left: 3%;
padding-right: 3%;
}
#main {
position: relative;
overflow: visible !important;
}
#footer {
clear: both;
width: 100%;
}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
#masthead::after {
display: table;
clear: both;
content: "";
}
#masthead {
position: relative;
}
#branding {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1.5;
-ms-flex: 1.5;
-webkit-flex: 1.5;
flex: 1.5;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0 auto;
text-align: center;
-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;
display: inline-block;
border-top: 3px solid transparent;
}
#branding .identity + #site-text {
clear: none;
margin-left: 0.5em;
}
#site-title {
position: relative;
display: inline-block;
padding: 5px 0;
line-height: 1.4;
letter-spacing: 3px;
-webkit-transition: .35s ease-out all;
transition: .35s ease-out all;
}
.site-header-bottom #site-title {
font-size: 1em;
}
#site-description {
clear: left;
display: none;
font-size: .8em;
line-height: 1.1;
text-transform: uppercase;
opacity: .5;
}
#site-header-main {
top: 0;
z-index: 101;
display: inline-block;
position: relative;
width: 100%;
margin: 0 auto;
border-bottom: 1px solid transparent;
vertical-align: top;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.roseta-over-menu #site-header-main {
position: absolute;
}
.roseta-over-menu #site-header-main,
.roseta-over-menu #access::after {
background: transparent;
}
.header-fixed#site-header-main,
.header-fixed#site-header-main #access::after {
-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;
}
.site-header-inside {
position: relative;
display: block; /*table*/
width: 100%;
}
.site-header-top .site-header-inside {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
min-height: 100px;
}
.site-header-top .site-header-inside > * {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
body.admin-bar .site-header-top .site-header-inside {
/* margin-top: 32px; */
}
@media (min-width: 801px) {
#site-header-main .site-header-bottom #branding {
display: none;
}
}
@media (max-width: 800px) {
.mobile-fixed .site-header-bottom .site-header-inside {
display: block;
height: 75px;
}
#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 .site-header-bottom .identity, .mobile-fixed .site-header-bottom #nav-toggle {
line-height: 75px;
height: 75px;
}
}
#branding {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
#top-section-widget {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
overflow: hidden;
max-height: 100%;
}
#top-section-widget > * {
float: left;
}
#top-section-menu > * {
float: right;
}
.widget-top-section-inner section + section {
padding-top: 10px;
}
.roseta-topsection-reversed #top-section-widget > * {
float: right;
}
.roseta-topsection-reversed #top-section-menu > * {
float: left;
}
#top-section-menu {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.roseta-topsection-reversed #top-section-widget {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.roseta-topsection-reversed #top-section-menu {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
/*--------------------------------------------------------------
## TOP MENU
--------------------------------------------------------------*/
.topmenu {
display: block;
}
.topmenu > ul {}
.topmenu ul li {
display: inline-block;
white-space: nowrap;
font-size: 0.8333em;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.topmenu ul li[class*="icon-"]::before {
font-size: 0.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 7px;
}
.topmenu ul li a:hover {
color: inherit;
}
.topmenu ul li a::after {
content: "";
position: absolute;
bottom: -3px;
left: 0;
right: 0;
width: 100%;
height: 0;
margin: auto;
opacity: 0;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.topmenu ul li a:hover::after {
height: 3px;
opacity: 1;
}
.site-header-bottom {
border-top: 1px solid rgba(0,0,0,.05);
}
.site-header-bottom-fixed {
border-bottom: 1px solid rgba(0,0,0,.05);
}
#header-image-main,
#header-image-main-inside {
position: relative;
overflow: hidden;
}
.roseta-cropped-headerimage div.header-image {
height: 100%;
}
.roseta-responsive-headerimage #masthead div.header-image {
display: none;
}
.roseta-cropped-headerimage #masthead img.header-image {
display: none;
}
#masthead .header-image {
display: block;
width: inherit;
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: 10;
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;
-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;
float: right;
}
.roseta-menu-left #access {
float: left;
}
.roseta-menu-center #access {
display: table;
float: none;
margin: 0 auto;
}
#access::after {
content: "";
position: absolute;
z-index: -1;
left: 0;
top: 0;
clear: both;
width: 100%;
height: 100%;
}
.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;
}
#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,
#site-title::before,
#site-title::after {
content: "";
position: absolute;
left: 0;
bottom: 2px;
width: 0;
height: 3px;
margin: auto;
-webkit-transition: .35s ease-out all;
transition: .35s ease-out all;
}
#site-title::before,
#site-title::after {
width: 100%;
-webkit-transition: .25s ease-out all;
transition: .25s ease-out all;
}
#site-title::after {
left: auto;
bottom: auto;
right: 0;
top: 2px;
}
#access > div > ul > li:hover > a > span::before {
width: 100%;
}
#site-title:hover::before,
#site-title:hover::after {
width: 0;
}
#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) > span::after {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
right: 1em;
}
#access > div > ul ul > li:hover > a:not(:only-child) > span::after {
top: 0;
right: -0.5em;
opacity: 0;
}
#access > div > ul li > a:not(:only-child) > span {
/*padding-right: 1.5em;*/
}
#access ul li {
display: block;
float: left;
position: relative;
white-space: nowrap;
}
#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(-35px);
transform: translateY(-35px);
-webkit-transition: .25s all ease-in;
transition: .25s all ease-in;
}
#access .sub-menu li a > span,
#access .children li a > span {
padding: 0.5em 0;
}
#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%;
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 {}
/*--------------------------------------------------------------
## MOBILE MENU
--------------------------------------------------------------*/
.noscroll { /* to be added to body on mobile */
overflow: hidden;
}
#nav-toggle { /* Mobile nav toggle will only be visible on mobile */
display: none;
float: right;
height: 24px;
padding: 0;
font-size: 24px;
line-height: 24px;
cursor: pointer;
}
nav#mobile-menu { /* Actual mobile menu */
position: fixed;
z-index: 999999;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
overflow-x: hidden;
width: 100%;
height: 100%;
padding: 2em;
line-height: 2em;
opacity: 0;
display: none;
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: .5s ease all;
transition: .5s ease all;
}
nav#mobile-menu.mobile-show {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
#mobile-menu > div {
width: 80%;
max-width: 400px;
margin: 7em auto 0;
}
@media (max-width: 480px) {
#mobile-menu > div {
width: 90%;
}
}
nav#mobile-menu #site-title {
font-size: 1.1em;
}
nav#mobile-menu a#logo > img {
max-height: 50px;
}
nav#mobile-menu #mobile-nav a {
display: inline;
font-size: 1.44em;
text-transform: uppercase;
letter-spacing: .5px;
text-decoration: none;
}
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;
line-height: 2.2;
white-space: normal;
}
nav#mobile-menu ul li::before {
margin-right: 10px;
}
#mobile-nav ul li a span {
overflow: hidden;
max-width: 85%;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.4;
}
.dropdown-toggle {
position: relative;
float: right;
display: inline-block;
margin: 0;
margin-right: -1em;
border: 0;
padding: 1em 1em;
font-size: 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;
}
.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: 0 auto;
padding-left: 10px;
font-size: .95em;
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: 1000px;
opacity: 1;
-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;
padding: 0 1em;
font-size: 22px;
line-height: 60px;
cursor: pointer;
color: inherit;
background: transparent;
}
#mobile-menu .menu-main-search { /* searchbar overlaps first menu item with smaller (<.9em) text */
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 62px;
width: 100%;
font-size: 1.2em;
}
#mobile-menu .menu-main-search a > .icon-search {
display: none;
}
#mobile-menu .searchform .searchsubmit,
#mobile-menu .searchform:hover input[type="search"],
#mobile-menu .searchform input[type="search"]:focus {
color: inherit;
}
#mobile-menu .menu-main-search .searchform {
max-width: 100%;
}
#mobile-menu .searchform input.s {
background: transparent;
border-color: rgba(0,0,0,0.1);
}
nav#mobile-menu #smobile {
display: table;
margin: 3em auto 1em;
text-align: center;
}
nav#mobile-menu #bmobile {
position: absolute;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 60px;
padding: 0 3em 0 1em;
text-align: center;
}
nav#mobile-menu #bmobile .identity + #site-text {
margin-left: 10px;
}
nav#mobile-menu #site-description {
display: none;
}
nav#mobile-menu #nav-toggle {
display: none;
}
body.admin-bar nav#mobile-menu {
padding-top: -webkit-calc(2em + 32px);
padding-top: calc(2em + 32px);
}
body.admin-bar #mobile-menu .menu-main-search,
body.admin-bar nav#mobile-menu #nav-cancel,
body.admin-bar #bmobile {
margin-top: 32px;
}
@media (max-width: 782px) {
body.admin-bar nav#mobile-menu {
padding-top: -webkit-calc(2em + 46px);
padding-top: calc(2em + 46px);
}
body.admin-bar #mobile-menu .menu-main-search,
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 {
display: block;
overflow: visible;
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
}
.footer-inside {
position: relative;
float: none;
display: block;
overflow: hidden;
padding-top: 1em;
padding-bottom: 1em;
}
#footer-top .footer-inside {
padding-top: 0;
padding-bottom: 0;
}
#footer::after {
display: table;
clear: both;
content: "";
}
#colophon a,
#footer a {
-webkit-transition: color .2s;
transition: color .2s;
}
#site-copyright {
display: block;
float: left;
max-width: 47%;
font-style: italic;
}
#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;
}
.footermenu > ul {}
.footermenu ul li {
display: inline-block;
float: left;
font-size: 0.833em;
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 .25em;
font-weight: bold;
}
.footermenu ul li:last-child span.sep {
display: none;
}
.footermenu ul li a {
position: relative;
display: inline-block;
margin: 0 7px;
}
.footermenu ul li a:hover {
color: inherit;
}
.footermenu ul li a::after {
content: "";
position: absolute;
bottom: -3px;
left: 0;
right: 0;
height: 2px;
width: 100%;
margin: auto;
opacity: 0;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.footermenu ul li a:hover::after {
opacity: 1;
}
/*--------------------------------------------------------------
## FOOTER WIDGET AREA
--------------------------------------------------------------*/
#colophon {
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: -webkit-flex;
display: flex;
-webkit-flex: 1;
flex: 1;
-ms-flex-flow: row wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
overflow: hidden;
height: 100%;
min-height: 100%;
max-width: 100%;
margin: 0 auto;
}
#colophon .widget-container {
position: relative;
float: left;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
padding: 0 2em 2em;
}
.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;
-webkit-flex: 1;
flex: 1;
}
#colophon .widget-title {
display: block;
margin: -1px auto 2em;
}
#colophon .widget-title > span {
display: inline-block;
padding: 0.3em 1.5em;
}
/*--------------------------------------------------------------
# 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 {
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;
}
.roseta-stripped-table .main td {
border-top: 1px solid transparent;
}
.roseta-stripped-table .main tr.odd {
background-color: transparent;
}
.roseta-bordered-table .main th,
.roseta-bordered-table .main td {
border: 1px solid transparent;
}
.roseta-stripped-table .main th,
.roseta-bordered-table .main th {
border-top: 1px solid transparent;
}
.roseta-stripped-table .main thead th,
.roseta-bordered-table .main thead th {
border-bottom: 2px solid transparent;
}
.roseta-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: 0.75em;
padding-bottom: 0.75em;
}
.main .entry-summary p:last-child {
/*margin-bottom: 1em;*/
margin-bottom: 0;
}
.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;
text-transform: uppercase;
}
.main .page-title:only-child {
padding: 0;
}
.main .pad-container p:last-child {
margin: 0;
}
.entry-title {
margin: 0;
padding: 0;
line-height: 1.4;
word-wrap: break-word;
}
.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-title::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 3px;
width: 30px;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.main #content-masonry .article-inner:hover .entry-title::before {
width: 100%;
}
.main #content-masonry .entry-title {
position: relative;
width: 83.333%;
padding: 15px 15px 0 0;
}
.main #content-masonry .post-thumbnail-container + .entry-after-image {
position: relative;
z-index: 9;
margin-top: -44px;
}
/* One column magazine layout */
@media (min-width: 720px) {
.roseta-magazine-one .main #content-masonry .post-thumbnail-container {
float: left;
width: 45%;
width: -webkit-calc(45% + 55px);
width: calc(45% + 55px);
}
.roseta-magazine-one .main #content-masonry .post-thumbnail-container + .entry-after-image {
position: relative;
left: -55px;
float: left;
width: 55%;
margin-top: 65px;
margin-right: -55px;
padding: 30px;
}
.roseta-magazine-one .main #content-masonry .entry-title {
width: 100%;
padding: 0;
}
.roseta-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 {
display: inline-block;
margin-right: 1em;
}
.entry-meta span a {
border-bottom: 2px solid transparent;
-webkit-transition: .25s all ease;
transition: .25s all ease;
}
.entry-meta span a:hover {
border-color: inherit;
}
.entry-meta .icon-metas {}
.entry-meta .updated {
display: none;
}
.entry-meta .avatar {
position: relative;
top: .5em;
max-width: 2em;
margin-right: .3em;
border-radius: 100%;
}
.entry-utility {
float: none;
clear: both;
overflow: visible;
}
.entry-utility span.bl_bookmark {
display: inline;
float: none;
padding: 0;
}
.post-continue-container {
overflow: hidden;
padding: 10px 0;
}
.comments-link {
position: relative;
float: right;
display: inline-block;
font-size: .833em;
text-align: center;
font-weight: bold;
}
.comments-link::before {
content: "";
position: absolute;
left: 5px;
bottom: -8px;
width: 8px;
height: 8px;
border: 4px solid transparent;
}
.main .comments-link::before {
border-right-color: transparent;
border-bottom-color: transparent;
}
.comments-link a {
padding: 0 1em;
-webkit-transition: .2s ease-out color;
transition: .2s ease-out color;
}
.comments-link i {
display: none;
}
.article-inner .entry-header {
position: relative;
}
.single .main .article-inner > header {
margin-bottom: 4em;
}
.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;
}
.entry-meta span:hover i::before {
}
.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;
}
#header-page-title {
position: absolute;
z-index: 11;
right: 0;
top: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: 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 auto;
text-align: center;
opacity: 0;
-webkit-animation: .5s .15s animation-slideUp forwards;
animation: .5s .15s animation-slideUp forwards;
}
#header-page-title #breadcrumbs-container {
position: absolute;
bottom: 0;
left: 0;
padding: 20px 0 15px;
text-align: center;
background: rgba(0,0,0,.2);
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
line-height: 1.3;
opacity: 0;
-webkit-animation: .5s 1s animation-slideUp ease-out forwards;
animation: .5s 1s animation-slideUp 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 {
border: 1px solid transparent;
color: inherit;
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
}
#header-page-title #breadcrumbs-nav a:hover {
border-bottom-color: inherit;
}
#header-page-title .byline {
position: relative;
clear: both;
display: block;
overflow: hidden;
margin: 1.5em auto 1em;
font-size: 1em;
line-height: 1.5;
text-align: center;
font-style: italic;
opacity: 0;
-webkit-animation: .5s .45s animation-slideUp forwards;
animation: .5s .45s animation-slideUp forwards;
}
#header-page-title .byline:empty {
margin: 0;
}
#header-page-title .pretitle-meta {
position: relative;
opacity: 0;
text-align: center;
-webkit-animation: .5s .05s animation-slideUp forwards;
animation: .5s .05s animation-slideUp forwards;
}
#header-page-title .aftertitle-meta {
position: relative;
margin-bottom: 1em;
text-align: center;
opacity: 0;
-webkit-animation: .5s .25s animation-slideUp forwards;
animation: .5s .25s animation-slideUp forwards;
}
#header-page-title .icon-date {
font-size: 0.833em;
}
.author #header-page-title .avatar {
display: table;
margin: 0 auto;
border-radius: 100px;
}
/*--------------------------------------------------------------
## AUTHOR INFO
--------------------------------------------------------------*/
.author-info {
clear: both;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
}
.single .author-info {
margin-bottom: 2em;
border: 1px solid transparent;
padding: 1.5em 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-info .author-description .page-title {
font-size: 1em;
text-transform: uppercase;
}
.author-info .author-description .page-title span {
border-bottom: 3px solid transparent;
}
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 {
display: block;
border-radius: 80px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: .3s ease-out all;
transition: .3s ease-out all;
}
.author-info:hover .avatar {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.author-info .author-link {
}
.author-info .author-description .author-text {
margin: .5em auto;
text-align: justify;
font-style: italic;
opacity: .8;
line-height: 1.7;
}
@media (max-width: 800px) {
.author-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
padding: 1.5em;
text-align: center;
}
.author-info .author-description {
margin-left: 0;
margin-top: 20px;
text-align: center;
}
.author-info .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;
}
article.hentry .article-inner {
clear: both;
display: block;
}
#content-masonry article.hentry {
display: block;
overflow: hidden;
margin: 0;
margin-right: 3%;
margin-bottom: 6%;
margin-left: 3%;
}
/*body #content-masonry article.hentry.hentry-featured {
width: 94%;
}*/
#content-masonry article.hentry .article-inner {
padding: 0;
}
.page-header.pad-container {
display: block;
overflow: hidden;
margin: 0;
margin-bottom: 3em;
border: 1px solid transparent;
padding: 2em;
}
.page-header.pad-container:empty {
display: none;
}
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;
}
.roseta-cropped-featured .main .post-thumbnail-container picture.responsive-featured-image {
display: none;
}
.roseta-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%;
background: #fff;
opacity: 0;
-webkit-transition: 0.35s ease-out all;
transition: 0.35s ease-out all;
}
.post-thumbnail-container:hover .featured-image-overlay {
opacity: 0.3;
-webkit-transition: .35s ease-out all;
transition: .35s ease-out all;
}
.post-thumbnail-container .responsive-featured-image {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .35s ease-out all;
transition: .35s ease-out all;
}
.post-thumbnail-container:hover .responsive-featured-image {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: .35s ease-out all;
transition: .35s ease-out all;
}
.post-thumbnail-container .featured-image-overlay a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.roseta-magazine-one #content-masonry article.hentry {
width: 94%;
}
.roseta-magazine-two #content-masonry article.hentry {
float: left;
width: 44%;
}
.roseta-magazine-two #content-masonry article.hentry:nth-child(2n+1) {
clear: both;
}
.roseta-magazine-three #content-masonry article.hentry {
float: left;
width: 27.33333333%;
}
.roseta-magazine-three #content-masonry article.hentry:nth-child(3n+1) {
clear: both;
}
/*--------------------------------------------------------------
## 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(.roseta-landing-page):not(.roseta-lazy-noanimation) #content img[loading="lazy"] {
opacity: 0;
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
}
body:not(.roseta-landing-page) #content img[loading="lazy"].animate-lazy {
opacity: 1;
}
/* Article Fade */
.roseta-article-animation-fade .animated-onscroll {
opacity: 0;
}
/* Article Slide */
.roseta-article-animation-slide .animated-onscroll {
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
/* Article Grow */
.roseta-article-animation-grow .animated-onscroll {
-webkit-transform: scale(0.85, 0.85);
transform: scale(0.85, 0.85);
}
/* Article Slide Left */
.roseta-article-animation-slideLeft .animated-onscroll {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
/* Article Slide Right */
.roseta-article-animation-slideRight .animated-onscroll {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
/* Article Zoom In */
.roseta-article-animation-zoomIn .animated-onscroll {
opacity: 0;
-webkit-transform: scale(.9, .9);
transform: scale(.9, .9);
}
/* Article Zoom out */
.roseta-article-animation-zoomOut .animated-onscroll {
opacity: 0;
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
/* Article Blur */
.roseta-article-animation-blur .animated-onscroll {
opacity: 0;
-webkit-filter: blur(8px);
-ms-filter: blur(8px);
filter: blur(8px);
}
/* Article Flip Left */
.roseta-article-animation-flipLeft .animated-onscroll {
-webkit-transform: perspective(1000px) rotateY(-20deg);
transform: perspective(1000px) rotateY(-20deg);
}
/* Article Flip Right */
.roseta-article-animation-flipRight .animated-onscroll {
-webkit-transform: perspective(1000px) rotateY(20deg);
transform: perspective(1000px) rotateY(20deg);
}
/* Article Flip Up */
.roseta-article-animation-flipUp .animated-onscroll {
-webkit-transform: perspective(1000px) rotateX(-20deg);
transform: perspective(1000px) rotateX(-20deg);
}
/* Article Flip Down */
.roseta-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: inline-block;
margin: .7em 0;
}
.page-link a,
.page-link > span > em {
display: inline-block;
height: 1.5em;
width: 1.5em;
margin-right: 1px;
line-height: 1.5;
text-align: center;
font-weight: bold;
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: 2em;
padding: 1.5em 0;
}
#nav-below > div {
min-height: 1em;
}
#nav-below em {
display: block;
font-style: normal;
font-weight: bold;
}
#nav-below em:only-child {
display: none;
}
#nav-below .nav-previous,
#nav-below .nav-next {
display: block;
float: left;
width: 50%;
}
#nav-below .nav-next {
text-align: right;
}
#nav-below .nav-previous a,
#nav-below .nav-next a {
clear: both;
font-size: 1.1em;
}
/* Single Fixed Previous/Next Post Navigation */
#nav-fixed {
opacity: 0;
-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 1em;
font-size: 0.8333em;
line-height: 30px;
text-transform: uppercase;
opacity: 0;
-webkit-transition: .25s all ease-out;
transition: .25s all ease-out;
}
#nav-fixed .nav-previous a + a {
margin-left: 5px;
}
#nav-fixed .nav-next a + a {
margin-right: 5px;
}
#nav-fixed .nav-previous a:hover + a,
#nav-fixed .nav-previous a + a:hover {
visibility: visible;
margin-left: 24px;
opacity: 1;
}
#nav-fixed .nav-next a:hover + a,
#nav-fixed .nav-next a + a:hover {
visibility: visible;
margin-right: 24px;
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: 24px;
height: 64px;
margin: auto;
-webkit-transition: .3s ease-out all;
transition: .3s ease-out all;
}
#nav-fixed .nav-previous i {
left: -70px;
}
#nav-fixed .nav-next i {
right: -70px;
}
#nav-fixed i::before {
position: absolute;
left: 50%;
right: 0;
top: 50%;
margin: auto;
font-size: 30px;
text-align: center;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
}
#nav-fixed .nav-previous i::before {
-webkit-transform: translateY(-50%) translateX(-50%) rotate(180deg);
transform: translateY(-50%) translateX(-50%) rotate(180deg);
}
#nav-fixed .nav-previous,
#nav-fixed .nav-next {
position: fixed;
top: 50%;
z-index: 9999;
max-width: 24px;
max-height: 64px;
-webkit-transition: .3s ease-out all;
transition: .3s ease-out all;
}
#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: block;
overflow: hidden;
margin: 2em 0;
font-weight: bold;
}
#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
--------------------------------------------------------------*/
.roseta-landing-page .lp-blocks-inside,
.roseta-landing-page .lp-boxes-inside,
.roseta-landing-page .lp-page-inside,
.roseta-landing-page .lp-posts-inside {
margin: 0 auto;
overflow: hidden;
}
.roseta-landing-page .lp-portfolio-inside {
margin: 0 auto;
}
.roseta-landing-page .lp-text-inside {
margin: 0 auto;
}
.roseta-landing-page #header-image-main-inside {
display: none;
}
.roseta-landing-page #content {
margin-top: 0;
}
.roseta-landing-page #main {
width: 100%;
}
.lp-section-header {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap-reverse;
flex-flow: column wrap-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin: 4em auto 0;
text-align: center;
}
.lp-section-header .lp-section-title,
.lp-section-header .lp-section-desc {
max-width: 75%;
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
}
.lp-section-header .lp-section-title {
margin-top: .1em;
margin-bottom: .2em;
line-height: 1.3;
text-transform: uppercase;
}
.lp-section-header .lp-section-desc {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
order: 2;
margin-bottom: 5px;
font-size: 1em;
line-height: 1.3;
opacity: .75;
}
.lp-section-header + .lp-boxes-padding {
margin-top: 4em;
}
/* ## LP Slider */
.lp-staticslider {
position: relative;
overflow: hidden;
max-height: 100vh;
}
.lp-staticslider-image,
.header-image {
display: block;
width: 100%;
height: auto;
/*opacity: 0;*/
/* -webkit-animation: .75s animation-fadeIn ease-out forwards;
animation: .75s animation-fadeIn ease-out forwards; */
}
.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: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 2em;
text-align: center;
}
.seriousslider-theme .seriousslider-caption {
top: 50%;
}
.lp-staticslider .staticslider-caption::after,
.seriousslider-theme .seriousslider-caption::after {
content: "";
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.lp-staticslider .staticslider-caption-inside,
.seriousslider-theme .seriousslider-caption-inside {
margin: 0 auto;
padding: 0;
opacity: 0;
-webkit-animation: .75s .5s animation-slideUp ease-out forwards;
animation: .75s .5s animation-slideUp ease-out forwards;
}
@-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);
}
}
.lp-staticslider .staticslider-caption-title,
.seriousslider-theme .seriousslider-caption-title {
position: relative;
float: none;
display: block;
margin: 0 auto 0.1em;
font-size: 3em;
line-height: 1.5;
font-weight: bold;
letter-spacing: 2px;
opacity: 0;
text-transform: uppercase;
-webkit-animation: .5s 0.25s animation-slideUp ease-out forwards;
animation: .5s 0.25s animation-slideUp ease-out forwards;
}
.lp-staticslider .staticslider-sep {
display: none;
}
.lp-staticslider .staticslider-caption-text,
.seriousslider-theme .seriousslider-caption-text {
position: relative;
float: none;
clear: both;
display: block;
margin-bottom: .5em;
font-size: 1.2em;
line-height: 1.5;
font-weight: 300;
letter-spacing: 1px;
opacity: 0;
text-align: center;
-webkit-animation: .5s 0.5s animation-slideUp ease-out forwards;
animation: .5s 0.5s animation-slideUp ease-out forwards;
}
.staticslider-caption-buttons,
.seriousslider-theme .seriousslider-caption-buttons {
clear: both;
float: none;
display: block;
}
a.staticslider-button,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button {
position: relative;
display: inline-block;
overflow: hidden;
margin-top: 2em;
padding: 0.2em 0;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
opacity: 0;
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
-webkit-animation: .5s 0.75s animation-slideUp ease-out forwards;
animation: .5s 0.75s animation-slideUp ease-out forwards;
}
a.staticslider-button::before,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button::before {
content: "";
position: absolute;
top: 100%;
top: -webkit-calc(100% - 3px);
top: calc(100% - 3px);
left: 0;
z-index: 3;
height: 3px;
width: 100%;
background: red;
-webkit-animation: .3s ease-out continue-reading-reverse forwards;
animation: .3s ease-out continue-reading-reverse forwards;
}
a.staticslider-button:hover::before,
.seriousslider-theme .seriousslider-caption-buttons a:hover.seriousslider-button::before {
-webkit-animation: .3s ease-out continue-reading forwards;
animation: .3s ease-out continue-reading forwards;
}
a.staticslider-button + a.staticslider-button,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button + a.seriousslider-button {
margin-left: 1em;
}
/* # LP Blocks */
.lp-blocks {
float: none;
display: block;
overflow: hidden;
width: 100%;
}
.lp-blocks-inside {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: row wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
padding: 3em 0;
}
.lp-block {
position: relative;
float: left;
display: block;
overflow: hidden;
margin-right: 6%;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid transparent;
padding: 0 2em 3em;
text-align: center;
background: transparent;
}
.lp-blocks.lp-blocks-rows-4 .lp-block {
width: 20.5%;
}
.lp-blocks.lp-blocks-rows-3 .lp-block {
width: 29.333%;
}
.lp-blocks.lp-blocks-rows-2 .lp-block {
width: 47%;
}
.lp-blocks.lp-blocks-rows-1 .lp-block {
width: 100%;
margin-right: 0;
margin-bottom: 2em;
}
.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 i[class^=blicon] {
position: relative;
z-index: 2;
float: none;
display: inline-block;
margin: 0 auto;
padding: 3em 2em 1em;
text-align: center;
line-height: 1;
cursor: default;
-webkit-transition: .2s ease-out opacity;
transition: .2s ease-out opacity;
}
.lp-block i[class^=blicon]::before {
position: relative;
z-index: 2;
font-size: 32px;
line-height: 1;
-webkit-transition: .3s ease-out all;
transition: .3s ease-out all;
}
.lp-block i[class^=blicon]::after {
content: "";
position: absolute;
z-index: 1;
left: 0;
top: -100%;
width: 100%;
height: 100%;
border-radius: 0 0 4px 4px;
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
}
.lp-block:hover i[class^=blicon]::after {
top: -1.5px;
}
.lp-block > a i[class^=blicon] {
cursor: pointer;
}
.lp-block-content {
display: block;
overflow: hidden;
}
.lp-block .lp-block-title {
display: inline-block;
margin: 1.5em auto;
font-size: 1em;
text-transform: uppercase;
line-height: 1.4;
}
.lp-block-title::before {
content: "";
position: absolute;
left: 0;
top: -1.5px;
right: 0;
margin: auto;
width: 6em;
height: 3px;
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
}
.lp-block-text {
width: 100%;
line-height: 1.7;
}
.lp-block .lp-block-readmore {
position: relative;
display: inline-block;
margin: 0 auto;
padding: 0;
font-size: 0.8333em;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
}
.lp-block .lp-block-padder {
height: 1em;
width: 100%;
}
/* ## LP Blocks 2 */
.lp-blocks2 .lp-blocks-inside {
padding-top: 5em;
padding-bottom: 5em;
}
.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: 3%;
margin-top: 1.5%;
margin-bottom: 1.5%;
border: 2px dashed transparent;
padding: 2.5em;
text-align: left;
background: transparent;
}
.lp-blocks2 .lp-block::before {
content: "";
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0px 10px 20px 7px rgba(0,0,0,.1);
opacity: 0;
-webkit-transition: .5s opacity ease;
transition: .5s opacity ease;
}
.lp-blocks2 .lp-block:hover::before {
opacity: 1;
}
.lp-blocks2.lp-blocks-rows-4 .lp-block {
width: 23.25%;
margin-right: 2%;
margin-top: 1%;
margin-bottom: 1%;
padding: 2em;
}
.lp-blocks2.lp-blocks-rows-3 .lp-block {
width: 31%;
}
.lp-blocks2.lp-blocks-rows-2 .lp-block {
width: 48.5%;
}
.lp-blocks2 .lp-block i {
margin: 0;
padding: 0;
text-align: left;
}
#lp-blocks2 .lp-block i::before {
border-bottom-width: 2px;
background: transparent;
}
#lp-blocks2 .lp-block i::after {
display: none;
}
.main .lp-blocks2 .lp-block-title {
border: 0;
font-size: 1em;
font-weight: bold;
text-transform: none;
letter-spacing: 0;
}
.main .lp-blocks.lp-blocks2 .lp-block-title::before {
display: none;
}
.lp-blocks2 .lp-block-padder {
display: none;
}
.lp-blocks2 .lp-block-readmore {
display: block;
margin-top: 1.2em;
border: 0;
padding: 0;
position: relative;
}
.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 {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: row wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
.lp-boxes .lp-boxes-inside,
.lp-boxes .lp-boxes-margins {
overflow: hidden;
padding-top: 3em;
padding-bottom: 3em;
}
.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%;
}
.lp-boxes.lp-boxes-rows-2 .lp-box {
width: 50%;
}
.lp-boxes.lp-boxes-rows-1 .lp-box {
width: 100%;
}
.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box {
width: 23.5%;
margin-right: 2%;
margin-top: 1%;
margin-bottom: 1%;
}
.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins.lp-boxes-outside .lp-box {
width: 23.875%;
margin-right: 1.5%;
margin-top: 0.75%;
margin-bottom: 0.75%;
}
.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box {
width: 32%;
margin-right: 2%;
margin-top: 1%;
margin-bottom: 1%;
}
.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins.lp-boxes-outside .lp-box {
width: 32.3333%;
margin-right: 1.5%;
margin-top: 0.75%;
margin-bottom: 0.75%;
}
.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins .lp-box {
width: 49%;
margin-right: 2%;
margin-top: 1%;
margin-bottom: 1%;
}
.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins.lp-boxes-outside .lp-box {
width: 48.75%;
margin-right: 1.5%;
margin-top: 0.75%;
margin-bottom: 0.75%;
}
.lp-boxes.lp-boxes-rows-1 .lp-boxes-margins .lp-box {
margin-top: 1em;
margin-bottom: 1em;
}
.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;
display: block;
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%;
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
.lp-box-titlelink {
color: inherit;
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
}
.main .lp-box-title {
position: relative;
display: inline-block;
font-size: 1em;
line-height: 1.5;
font-weight: bold;
/* letter-spacing: .5px; */
text-transform: uppercase;
-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: 1.5em 0;
line-height: 1.7;
}
.lp-box-readmore {
position: relative;
clear: both;
float: none;
display: inline-block;
overflow: hidden;
margin: .5em auto;
font-weight: bold;
letter-spacing: 0;
text-transform: uppercase;
font-size: 0.8333em;
-webkit-transition: .3s all ease-out;
transition: .3s all ease-out;
}
.lp-box-readmore::before {
content: "";
position: absolute;
z-index: 3;
top: 100%;
top: -webkit-calc(100% - 3px);
top: calc(100% - 3px);
left: 0;
height: 100%;
width: 100%;
-webkit-animation: .3s ease-out continue-reading-reverse forwards;
animation: .3s ease-out continue-reading-reverse forwards;
}
.lp-box-readmore:hover::before {
-webkit-animation: .3s ease-out continue-reading forwards;
animation: .3s ease-out continue-reading forwards;
}
.lp-box-readmore > span {
position: relative;
top: -1px;
}
.lp-box-link {
display: none;
}
/* ### Animated boxes */
.lp-boxes-animated .lp-box-content {
position: absolute;
z-index: 30;
left: 0;
width: 100%;
bottom: 0%;
opacity: 1;
-webkit-transition: .35s all ease-out;
transition: .35s all ease-out;
}
.lp-boxes-animated .lp-box .lp-box-image > img {
-webkit-filter: blur(0.3px);
filter: blur(0.3px);
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: .75s all ease-out;
transition: .75s all ease-out;
}
.lp-boxes-animated .lp-box:hover .lp-box-image > img {
-webkit-filter: blur(15px);
filter: blur(15px);
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-animated .lp-box:focus-within .lp-box-image > img {
-webkit-filter: blur(15px);
filter: blur(15px);
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
.lp-boxes-animated .lp-box-title {
width: 83.333%;
margin: 0;
padding: 1.2em 2em;
}
.lp-boxes-animated .lp-box-text {
max-height: 0;
padding: 0.5em 2em 0;
-webkit-transition: 1s ease-out max-height;
transition: 1s ease-out max-height;
}
.lp-boxes-animated .lp-box:hover .lp-box-text {
/* max-height: 100%; */
}
.lp-boxes-animated .lp-box-text-inside {
margin: 0;
padding-bottom: 1.2em;
line-height: 1.5;
}
.lp-boxes-animated .lp-box-readmore {
margin-bottom: 1.2em;
}
.lp-boxes-animated .box-overlay {
position: absolute;
z-index: 10;
left: -100%;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: .5s ease-out all;
transition: .5s ease-out all;
}
.lp-boxes-animated .lp-box:hover .box-overlay {
left: 0;
opacity: 0.5;
}
/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-animated .lp-box:focus-within .box-overlay {
left: 0;
opacity: 0.5;
}
/* ### Animated boxes 2 */
.lp-boxes-animated2 .lp-box-title {
position: relative;
display: inline-block;
width: auto;
padding: 0 0 1em 2em;
color: #FFF;
background: transparent;
}
.lp-boxes-animated.lp-boxes-animated2 .lp-box-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 3px;
-webkit-transition: .5s ease-out width;
transition: .5s ease-out width;
}
.lp-boxes-animated.lp-boxes-animated2 .lp-box:hover .lp-box-title::after {
width: 100%;
}
.lp-boxes-animated.lp-boxes-animated2 .lp-box-content {
z-index: 12;
}
.lp-boxes-animated.lp-boxes-animated2 .lp-box-text {
background: transparent;
/* -webkit-transition: .5s ease-out max-height;
transition: .5s ease-out max-height; */
}
.lp-boxes-animated.lp-boxes-animated2 .box-overlay {
background-color: transparent;
background: -webkit-linear-gradient(bottom, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);
left: 0;
top: auto;
bottom: 0;
height: 30%;
opacity: 1;
-webkit-transition: .2s ease-out height;
transition: .2s ease-out height;
}
.lp-boxes-animated.lp-boxes-animated2 .lp-box:hover .box-overlay {
opacity: 1;
height: 100%;
}
.lp-boxes-animated.lp-boxes-animated2 .lp-box:focus-within .box-overlay {
opacity: 1;
height: 100%;
}
.lp-boxes-animated.lp-boxes-animated2 .lp-box:hover .lp-box-image > img {
-webkit-filter: blur(5px);
filter: blur(5px);
}
.lp-boxes-animated.lp-boxes-animated2 .lp-box:focus-within .lp-box-image > img {
-webkit-filter: blur(5px);
filter: blur(5px);
}
/* ### Static boxes */
.lp-boxes.lp-boxes-static .lp-box {
-webkit-transition: .5s ease-out all;
transition: .5s ease-out all;
}
.lp-boxes-static .lp-box-content {
/*overflow: hidden;*/
border-top: none;
text-align: left;
}
.lp-boxes-static .lp-box-text {
padding: 0 2em 1em;
}
.lp-boxes-static .lp-box-title {
position: relative;
z-index: 99;
display: block;
width: 83.333%;
margin-top: -2.5em;
padding: 1.5em 2em 0;
}
.lp-boxes-static .lp-box-image .box-overlay {
z-index: 21;
width: 0;
-webkit-transition: .5s all ease-out;
transition: .5s all ease-out;
}
.lp-boxes-static .lp-box:hover .box-overlay {
width: 100%;
}
.lp-boxes-static .lp-box-image > img {
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
transition: 1s -webkit-transform ease;
-webkit-transition: 1s -webkit-transform ease;
transition: 1s transform ease;
transition: 1s transform ease, 1s -webkit-transform ease;
}
.lp-boxes-static .lp-box:hover .lp-box-image > img {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
/* ### Static boxes 2 */
.lp-boxes-static2 .lp-box-title {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
padding: 1em;
text-align: center;
}
.lp-boxes-static2 .lp-box-content {
text-align: center;
}
.lp-boxes-static2 .lp-box-image {
margin-top: 3.5em;
}
.lp-boxes-static2 .lp-box-image > img {
-webkit-transform: scale3d(1.25,1.25,1);
transform: scale3d(1.25,1.25,1);
left: 8%;
transition: 2s -webkit-transform ease-out;
-webkit-transition: 2s -webkit-transform ease-out;
transition: 2s transform ease-out;
transition: 2s transform ease-out, 2s -webkit-transform ease-out;
}
.lp-boxes-static2 .lp-box:hover .lp-box-image > img {
-webkit-transform: scale3d(1.25,1.25,1) translateX(-16%);
transform: scale3d(1.25,1.25,1) translateX(-16%);
}
.lp-boxes-static.lp-boxes-static2 .lp-box .box-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
-webkit-transition: 1s all ease-out;
transition: 1s all ease-out;
}
.lp-boxes-static2 .lp-box:hover .box-overlay {
opacity: .5;
}
.lp-boxes-static2 .lp-box-text-inside {
margin: 2.5em auto 4.5em;
}
.lp-boxes-static2 .lp-box-readmore {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
border-top: 1px solid transparent;
padding: 0.75em 0.75em 0.25em;
}
.lp-boxes-static2 .lp-box-readmore::before {
display: none;
}
/* ## 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 {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
-webkit-align-items: flex-end;
align-items: flex-end;
padding: 5em 0;
}
.lp-text-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
position: relative;
display: inline-block;
/*float: left;*/
width: 60%;
line-height: 0;
}
.lp-text-card {
width: 100%;
padding: 0;
}
.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 {
position: relative;
z-index: 9;
float: left;
display: inline-block;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
width: 45%;
margin-left: -5%;
padding: 4em;
text-align: left;
}
.lp-text-hasimage .lp-text-card::before,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card::before,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card::before,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 11.111111%;
height: 3px;
}
.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;
-webkit-order: 0;
order: 0;
margin-left: 0;
margin-right: -5%;
}
.lp-text-hasimage ~ .lp-text-hasimage .lp-text-card::before,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card::before,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card::before {
left: auto;
right: 0;
}
.lp-text-inside ul,
.lp-text-inside ol {
list-style-position: inside;
}
.main .lp-text-title {
margin-top: 0;
margin-bottom: 1em;
font-size: 1.44em;
}
.lp-text-content {
/* font-size: 1.2em; */
}
.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;
}
.lp-portfolio-inside #portfolio-filter {
display: table;
margin: 0 auto 2em;
padding: 0 10px;
text-align: center;
}
.lp-portfolio.lp-portfolio-rows-6 .lp-port {
width: 15.66666%;
}
.lp-portfolio.lp-portfolio-rows-5 .lp-port {
width: 19%;
}
.lp-portfolio.lp-portfolio-rows-4 .lp-port {
width: 24%;
}
.lp-portfolio.lp-portfolio-rows-3 .lp-port {
width: 32.333333%;
}
.lp-portfolio.lp-portfolio-rows-2 .lp-port {
width: 49%;
}
.lp-portfolio.lp-portfolio-rows-1 .lp-port {
width: 100%;
}
.lp-port-image {
position: relative;
overflow: hidden;
-webkit-transition: .5s ease transform;
transition: .5s ease transform;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1); /* Chrome, Safari, Opera */
transform: translateZ(0) scale(1);
}
.lp-port:hover .lp-port-image,
.lp-port a:focus .lp-port-image {
-webkit-transform: translateZ(0) scale(1.25);
transform: translateZ(0) scale(1.25);
}
.lp-port .lp-port-image > img {
position: relative;
z-index: 10;
display: block;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: .5s filter ease;
transition: .5s filter ease;
}
.lp-port a:focus .lp-port-image > img {
z-index: 11;
}
.lp-port:hover .lp-port-image > img,
.lp-port a:focus .lp-port-image > img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.lp-port-text {
z-index: 20;
margin-top: 1em;
}
.lp-port-text-inside {
line-height: 1.5;
}
.lp-port-tax {
display: none;
}
.lp-portfolio .lp-port-content {
position: absolute;
z-index: 11;
left: 5%;
top: 5%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 90%;
height: 90%;
}
.lp-portfolio .lp-port-title {
width: 90%;
border: 1px solid;
padding: 10px;
font-size: .8em;
font-weight: bold;
line-height: 1.3;
letter-spacing: 2px;
text-transform: uppercase;
color: #111;
background: rgba(255,255,255,.5);
-webkit-transition: .75s ease-out all;
transition: .75s ease-out all;
}
.lp-portfolio .lp-port:hover .lp-port-title,
.lp-portfolio .lp-port a:focus .lp-port-title {
letter-spacing: 1px;
}
.lp-portfolio .lp-port-title:hover {
background: rgba(255,255,255,1);
}
/* ## LP Testimonials */
.lp-testimonials {
overflow: hidden;
}
.lp-testimonials-inside {
overflow: hidden;
padding: 3em 0;
margin: 0 auto;
}
.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;
border-radius: 6px;
padding: 1.5em;
line-height: 1.8;
-webkit-transition: .3s ease-out all;
transition: .3s ease-out all;
}
.lp-testimonials .lp-tt:hover .lp-tt-text-inside {
top: -8px;
box-shadow: 0 10px 10px rgba(0,0,0,.05);
}
.lp-tt-text-inside::before,
.lp-tt-text-inside::after {
content: '';
position: absolute;
top: 100%;
left: 40px;
display: block;
height: 0;
width: 0;
border-style: solid;
}
/* this border color controls the color of the triangle (what looks like the fill of the triangle) */
.lp-tt-text-inside::after {
margin-left: 1px;
border-width: 12px;
border-color: transparent;
}
/* this border color controls the outside, thin border */
.lp-tt-text-inside::before {
border-width: 13px;
border-color: transparent;
}
.lp-tt-meta {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
-webkit-flex-flow: row;
flex-flow: row;
-webkit-box-pack: left;
-ms-flex-pack: left;
-webkit-justify-content: left;
justify-content: left;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
margin: 0 auto;
padding: 1.5em 1em 1em 25px;
}
.main .lp-tt-title {
float: left;
clear: none;
display: inline-block;
margin: 0;
padding-left: 15px;
font-size: 1em;
font-style: italic;
font-weight: 300;
}
.lp-tt-meta img {
float: left;
display: inline-block;
width: 60px;
border-radius: 100px;
}
/* ## LP Posts */
#lp-posts,
#lp-page {
float: none;
clear: both;
display: block;
padding: 5em 0;
}
#lp-page #comments {
display: none;
}
/* AJAX LOAD MORE POSTS BUTTON */
#cryout_ajax_more_trigger,
.lp-port-readmore {
position: relative;
float: none;
clear: both;
display: table;
min-width: 150px;
margin: 2em auto;
padding: .5em 2.5em;
font-size: 0.833em;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
line-height: 3;
background: rgba(0,0,0,.07);
cursor: pointer;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.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 {
background: rgba(0,0,0,.12);
}
#cryout_ajax_more_trigger::before {
content: "";
position: absolute;
z-index: 3;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100px;
height: 100px;
margin: auto;
border-radius: 100%;
background: #fff;
opacity: 1;
-webkit-transform: scale(0);
transform: scale(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 .7s ease infinite;
animation: ajax-load .7s ease infinite;
}
@keyframes ajax-load {
to {
opacity: 0;
-webkit-transform: scale(3);
transform: scale(3);
}
}
@-webkit-keyframes ajax-load {
to {
opacity: 0;
-webkit-transform: scale(3);
transform: scale(3);
}
}
/* ## LP ONSCROLL ANIMATIONS */
/* ### ONSCROLL Section Title and Desc */
.lp-section-title,
.lp-section-desc {
position: relative;
-webkit-transition: .4s ease-out transform;
transition: .4s ease-out transform;
-webkit-transition-delay: .15s;
transition-delay: .15s;
}
.lp-section-title.animated-onscroll-lp {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.lp-section-desc.animated-onscroll-lp {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
/* ### ONSCROLL BLOCKS */
.lp-blocks .lp-block {
-webkit-transition: .4s ease transform;
transition: .4s ease transform;
}
.lp-blocks .lp-block.animated-onscroll-lp {
-webkit-transform: translateY(75px);
transform: translateY(75px);
}
.lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(2n+2),
.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(3n+2),
.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(4n+2) {
-webkit-transition-delay: .15s;
transition-delay: .15s;
}
.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(3n+3),
.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(4n+3) {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(4n+4) {
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
.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: .4s ease-out opacity, .4s ease-out transform;
transition: .4s ease-out opacity, .4s ease-out transform;
}
.lp-boxes .lp-boxes-margins .lp-box.animated-onscroll-lp {
opacity: 0;
}
.lp-boxes .lp-boxes-padding .lp-box.animated-onscroll-lp {
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
.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: .15s;
transition-delay: .15s;
}
.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: .3s;
transition-delay: .3s;
}
.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+4) {
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
/* ### ONSCROLL TEXT AREAS */
.lp-text .lp-text-card,
.lp-text .lp-text-image,
.lp-text .lp-text-title,
.lp-text .lp-text-content {
-webkit-transition: .75s ease transform;
transition: .75s ease transform;
}
.lp-text.animated-onscroll-lp:not(.lp-text-hasimage) .lp-text-title {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
.lp-text.animated-onscroll-lp:not(.lp-text-hasimage) .lp-text-content {
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
.lp-text.lp-text-hasimage.animated-onscroll-lp .lp-text-card {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
.lp-text.lp-text-hasimage.animated-onscroll-lp .lp-text-image {
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
/* ### ONSCROLL PORTFOLIO */
.lp-port > a {
display: block;
width: 100%;
height: 100%;
-webkit-transition: .75s ease opacity;
transition: .75s ease opacity;
}
.lp-port.animated-onscroll-lp > a {
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: .2s;
transition-delay: .2s;
}
.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: .4s;
transition-delay: .4s;
}
.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: .8s;
transition-delay: .8s;
}
.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: .4s ease all;
transition: .4s ease all;
}
.lp-tt.animated-onscroll-lp .lp-tt-text {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.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: .25s;
transition-delay: .25s;
}
.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: .5s;
transition-delay: .5s;
}
.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) .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;
}
/* ## 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-title {
display: none;
}
.main #content-masonry .format-link {
position: relative;
}
.main #content-masonry .format-link::after {
position: absolute;
right: 20px;
bottom: 20px;
width: 1em;
height: 1em;
font-family: iconmeta;
font-size: 14px;
/* icon in fontfaces */
}
.main #content-masonry .format-link .entry-content p:last-child {
margin: 0;
}
.main #content-masonry .format-link .entry-content a {
display: block;
padding: 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 */
.format-aside {
border: 1px solid transparent;
padding: 2em;
}
.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 {
padding: .2em .5em;
text-transform: uppercase;
text-align: center;
font-size: 12px;
letter-spacing: 2px;
}
body:not(.roseta-magazine-one) .main #content-masonry .post-thumbnail-container + .entry-after-image > span.entry-sticky {
position: absolute;
bottom: 101%;
bottom: -webkit-calc(100% + 10px);
bottom: calc(100% + 10px);
left: 0;
}
/* ## 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;
}
#comments-title,
#reply-title {
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 2px;
}
#reply-title small {
font-size: 70%;
}
.main #comments-title {
margin-top: 4em;
margin-bottom: 2em;
line-height: 1.5;
}
.main .commentlist {
margin-left: 0;
}
.commentlist > li {
list-style: none;
}
.commentlist .comment-avatar {
float: left;
display: inline-block;
width: 80px;
margin-right: -80px;
margin-top: 17px;
}
.commentlist > li .comment-avatar img {
margin-left: 10px;
}
.commentlist > li article:first-child:hover > .comment-avatar img {
margin-top: -3px;
}
.commentlist .comment-body {
position: relative;
float: right;
display: inline-block;
margin-left: 80px;
width: 100%;
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px);
border: 1px solid transparent;
padding: 25px;
line-height: 1.7;
}
.commentlist .comment-body::before,
.commentlist .comment-body::after {
content: '';
position: absolute;
top: 30px;
right: 100%;
display: block;
height: 0;
width: 0;
border-style: solid;
}
/* this border color controls the color of the triangle (what looks like the fill of the triangle) */
.commentlist .comment-body::after {
margin-top: 1px;
border-width: 10px;
border-color: transparent;
}
/* this border color controls the outside, thin border */
.commentlist .comment-body::before {
border-width: 11px;
border-color: transparent;
}
.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;
}
.main .commentlist img.avatar {
float: left;
overflow: visible;
height: 50px;
width: 50px;
border-radius: 100px;
padding: 2px;
-webkit-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.comment-header {
float: none;
display: block;
overflow: hidden;
margin-bottom: 1em;
}
.comment-author {
float: left;
display: inline;
margin-right: 1em;
}
.comment-author .author-name {
font-size: 1em;
}
.commentlist .author-name,
.commentlist .author-name a {
font-weight: bold;
}
.comment-meta {
display: inline;
float: left;
font-weight: 400;
}
.comment-date {
display: none;
}
.roseta-comment-date-published .comment-date {
display: inline;
}
.roseta-comment-date-published .comment-timediff {
display: none;
}
.commentlist .even {}
.commentlist .bypostauthor {}
.comment-await {
font-size: 0.9em;
}
.comment article {
display: block;
overflow: hidden;
margin-bottom: 2em;
border: 0;
border-radius: 0;
box-shadow: none;
}
.comment .reply {
position: relative;
float: right;
display: inline-block;
width: auto;
text-transform: uppercase;
text-align: right;
font-weight: 300;
font-size: 0.833em;
letter-spacing: 1px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.comment .reply a {
border-bottom: 3px solid transparent;
padding: .1em 0;
-webkit-transition: .2s all ease-out;
transition: .2s all ease-out;
}
.comment .reply a:hover {
color: inherit;
}
.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 {
margin: 0;
padding: 0;
line-height: 1.5;
}
#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;
}
.roseta-comment-placeholder #respond .comment-form-comment label,
.roseta-comment-placeholder #respond .comment-form-author label,
.roseta-comment-placeholder #respond .comment-form-email label,
.roseta-comment-placeholder #respond .comment-form-url label {
display: none;
}
.roseta-comment-optlabels #respond .comment-form-comment textarea::-webkit-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-author input::-webkit-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-email input::-webkit-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-url input::-webkit-input-placeholder {
color: transparent;
}
.roseta-comment-optlabels #respond .comment-form-comment textarea:-ms-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-author input:-ms-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-email input:-ms-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-url input:-ms-input-placeholder {
color: transparent;
}
.roseta-comment-optlabels #respond .comment-form-comment textarea::-ms-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-author input::-ms-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-email input::-ms-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-url input::-ms-input-placeholder {
color: transparent;
}
.roseta-comment-optlabels #respond .comment-form-comment textarea::-webkit-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-author input::-webkit-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-email input::-webkit-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-url input::-webkit-input-placeholder {
color: transparent;
}
.roseta-comment-optlabels #respond .comment-form-comment textarea:-ms-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-author input:-ms-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-email input:-ms-input-placeholder,
.roseta-comment-optlabels #respond .comment-form-url input:-ms-input-placeholder {
color: transparent;
}
.roseta-comment-optlabels #respond .comment-form-comment textarea::placeholder,
.roseta-comment-optlabels #respond .comment-form-author input::placeholder,
.roseta-comment-optlabels #respond .comment-form-email input::placeholder,
.roseta-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: 32%;
margin-right: 2%;
}
.comment-form-url {
margin-right: 0;
}
.comment-form-comment {
margin-bottom: 1em;
}
.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;
}
#respond input:hover,
#respond textarea:hover {}
#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: 1em 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;
}
.roseta-comment-icons .comment-form > p > em {
position: relative;
display: block;
font-style: normal;
}
.roseta-comment-icons .comment-form > p > em::before {
position: absolute;
left: 1em;
top: .5em;
font-family: iconmeta;
opacity: .5;
-webkit-transition: .5s all ease-in-out;
transition: .5s all ease-in-out;
}
.roseta-comment-icons .comment-form-comment textarea,
.roseta-comment-icons .comment-form-author input,
.roseta-comment-icons .comment-form-email input,
.roseta-comment-icons .comment-form-url input {
padding-left: 2.5em;
}
/* reset left padding for inputs with default labels */
.roseta-comment-labels.roseta-comment-icons .comment-form-comment textarea,
.roseta-comment-labels.roseta-comment-icons .comment-form-author input,
.roseta-comment-labels.roseta-comment-icons .comment-form-email input,
.roseta-comment-labels.roseta-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;
border: 1px solid transparent;
padding: 1.5em 2.5em;
}
.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;
}
.sidey .widget-container ul li:not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,.05);
padding-bottom: .5em;
}
.widget-title {
position: relative;
text-align: left;
letter-spacing: 2px;
}
.widget-title span {
line-height: 2.75;
}
.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;
text-transform: uppercase;
font-weight: bold;
-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 */
.roseta-normalizedtags #content .tagcloud a {
display: inline-block;
margin: 0 4px 8px 0;
border: 2px solid rgba(0,0,0,.1);
border-radius: 2px;
padding: 2px 10px;
font-size: .833em !important; /* !important needed to override inline sizing */
text-transform: uppercase;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.roseta-normalizedtags #content .tagcloud a:hover {}
/* ## EMPTY PAGE */
.main .content-empty-page {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
-webkit-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;
-webkit-flex-grow: 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-bottom: 1px 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;
}
ul.cryout-wtabs-nav li.active a,
ul.cryout-wtabs-nav li.active a:hover {
color: #333;
}
ul.cryout-wtabs-nav li a span {
display: none;
}
ul.cryout-wtab li,
ul.cryout-wposts li {
display: block;
overflow: hidden;
width: 100%;
margin-bottom: 3px;
border-bottom: 1px solid rgba(0,0,0,.07);
padding: 15px 0;
font-weight: 400;
line-height: 1.4;
}
.sidey .widget-container ul.cryout-wtab li,
.sidey .widget-container ul.cryout-wposts li {
padding: 25px 0;
}
ul.cryout-wtab li:last-child,
ul.cryout-wposts li:last-child {
border: none;
}
.cryout-wtab a,
.cryout-wposts a {
-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 {
border-radius: 100px;
}
.cryout-wtab .tab-item-thumbnail {
float: left;
width: 80px;
}
.cryout-wtab .tab-item-thumbnail,
.cryout-wposts .post-item-thumbnail {
position: relative;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.cryout-wtab .tab-item-thumbnail {
margin-right: 15px;
}
.cryout-wtab .tab-item-avatar {
float: left;
width: 48px;
margin-right: 15px;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.cryout-wtab .tab-item-inner {
overflow: hidden;
}
.cryout-wtab .tab-item-title,
.cryout-wposts .post-item-title {
font-size: 1.2em;
line-height: 1.1;
}
.cryout-wtab .tab-item-title {
font-size: 1em;
}
.cryout-wtab .tab-item-category,
.cryout-wposts .post-item-category {
font-size: .833em;
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: 5px 0;
word-wrap: break-word;
}
.cryout-wposts .post-item-title {
margin: 7px 0;
}
.cryout-wtab .tab-item-date,
.cryout-wtab .tab-item-name,
.cryout-wposts .post-item-date {
font-size: .833em;
opacity: 0.5;
}
.cryout-wtab .thumb-icon.small {
bottom: 8px;
left: 8px;
}
.cryout-wtab li:hover .tab-item-thumbnail,
.cryout-wtab li:hover .tab-item-avatar,
.cryout-wposts li:hover .post-item-thumbnail {
opacity: 0.75;
}
.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 {
/*color: #26abd3;*/
}
/* ## 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;
overflow: hidden;
margin-left: 0;
margin-bottom: 2em;
}
.related-posts .related-main-title {
margin-bottom: 1em;
text-transform: uppercase;
font-size: 1em;
letter-spacing: 2px;
}
.related-posts li {
float: left;
display: inline;
width: 33.3333%;
}
.related-posts li:last-child {
margin-right: 0;
}
.related-posts article {
margin-bottom: 0;
}
.related-thumbnail {
position: relative;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.related-posts li:hover .related-thumbnail {
opacity: 0.75;
}
.related-thumbnail .related-comments {
position: absolute;
right: 0;
top: 5px;
padding: 0 14px;
line-height: 1.5;
font-weight: bold;
/* background: rgba(255,255,255,1); */
color: rgba(255,255,255,1);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.related-thumbnail .related-comments::before {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 0;
height: 0;
margin: auto;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgba(255,255,255,1);
-webkit-transition: all .15s ease;
transition: all .15s ease;
}
.related-thumbnail:hover .related-comments::before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid rgba(255,255,255,1);
}
.related-comments i {
display: none;
margin-right: .25em;
}
.related-posts .related-inside {
padding-right: .5em;
}
.related-posts .related-title {
display: block;
margin-top: 0.5em;
margin-bottom: 0;
font-size: 1em;
line-height: 1.3;
font-weight: normal;
}
.related-posts .related-title a {
word-wrap: break-word;
}
.related-posts .related-meta {
font-size: .8em;
font-weight: 300;
opacity: .5;
}
/* ## Cryout About */
.cryout-about-image {
display: inline-block;
margin-bottom: 1em;
}
.cryout-about-text {
font-size: .9em;
}
/* ## Cryout Contact */
.widget_cryout_contact address {
padding-left: 0;
}
.widget_cryout_contact .map {
margin-top: 2em;
}
.widget_cryout_contact address > span {
float: none;
clear: both;
display: block;
margin: 2px 0;
line-height: 2.2;
}
.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;
float: left;
display: inline-block;
overflow: hidden;
margin-bottom: 1%;
margin-right: 1%;
}
.portfolio-columns-1 .widget-portfolio-item {
float: none;
clear: both;
width: 100%;
}
.portfolio-columns-2 .widget-portfolio-item {
width: 49%;
}
.portfolio-columns-3 .widget-portfolio-item {
width: 32.333%;
}
.portfolio-columns-4 .widget-portfolio-item {
width: 24%;
}
.portfolio-columns-5 .widget-portfolio-item {
width: 19%;
}
.portfolio-columns-6 .widget-portfolio-item {
width: 15.666%;
}
.portfolio-columns-7 .widget-portfolio-item {
width: 13.285%;
}
.portfolio-columns-8 .widget-portfolio-item {
width: 11.5%;
}
.portfolio-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.widget-portfolio-item:hover .portfolio-overlay {
opacity: 1;
}
.portfolio-title {
position: relative;
z-index: 3;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 0.35em 5%;
text-align: center;
font-size: .8em;
line-height: 1.3;
font-weight: bold;
text-transform: uppercase;
color: inherit;
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.widget-portfolio-item:hover .portfolio-title {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.portfolio-title::before {
content: "";
position: absolute;
z-index: -1;
left: -100%;
top: 5%;
width: 90%;
height: 90%;
background: rgba(255,255,255,0.95);
-webkit-transition: .3s ease all;
transition: .3s ease all;
}
.widget-portfolio-item:hover .portfolio-title::before {
left: 5%;
}
.portfolio-image > img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 1s ease all;
transition: 1s ease all;
}
.widget-portfolio-item:hover .portfolio-image > img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/* Cryout GetInTouch */
.widget_cryout_getintouch > div {
line-height: 1.5;
}
.widget_cryout_getintouch > div i.icon {
opacity: 0.5;
}
.widget_cryout_getintouch .cryoutgetintouch-email a {
color: inherit;
}
.widget_cryout_getintouch .cryoutgetintouch-items > span {
margin-right: 10px;
font-size: .9em;
}
/* Padding fixes for custom widgets */
.widget_cryout_contact .widget-title + address,
.widget_cryout_about .widget-title + .cryout-about-image,
.widget_cryout_portfolio .widget-title + .widget-portfolio {
padding-top: .5em;
}
/*--------------------------------------------------------------
# SEARCHFORM
--------------------------------------------------------------*/
.searchform {
position: relative;
display: inline-block;
/*overflow: hidden;*/
width: 100%;
height: auto;
}
.searchform input[type="search"] {
position: relative;
z-index: 7;
float: left;
display: block;
width: 100%;
font-size: 1em;
-webkit-transition: .3s .3s all ease-out;
transition: .3s .3s all ease-out;
}
.searchform .searchsubmit {
position: absolute;
left: 0;
top: 0;
z-index: 8;
display: block;
height: 3.5em;
width: 1.5em;
vertical-align: middle;
border: 0;
padding: 0;
font-size: 1em;
background: transparent;
cursor: pointer;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.searchform:hover input[type="search"],
.searchform input[type="search"]:focus {
outline: none;
}
.no-results .content-search {
padding: 0;
}
/* ## SIDEBAR SEARCH */
#container .searchform input[type="search"] {
position: relative;
z-index: 7;
float: left;
display: block;
height: 3.5em;
width: 100%;
border: none;
border-bottom: 3px solid transparent;
padding: 0 0.5em 0 2em;
font-size: 1em;
letter-spacing: -0.5px;
-webkit-transition: .3s .3s all ease-out;
transition: .3s .3s all ease-out;
}
#container .searchform::after {
content: "";
position: absolute;
z-index: 10;
left: 0;
bottom: 0;
height: 3px;
width: 0;
-webkit-transition: .3s all ease-out;
transition: .3s all ease-out;
}
#container .searchform:hover::after {
width: 100%;
}
/* ## 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: absolute;
z-index: 1000;
top: 0;
right: 0;
left: 0;
display: none;
width: 100%;
max-width: -webkit-calc(100% - 4em);
max-width: calc(100% - 4em);
margin: 0 auto;
border: 0;
}
#access .menu-search-animated .searchsubmit {
display: none;
}
#access .menu-search-animated .searchform input[type="search"] {
height: 100%;
border: 0;
font-size: 1em;
font-weight: 400;
text-align: center;
}
#access .menu-main-search .searchform input[type="search"]: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;
}
/* ## HEADER TITLES SEARCHFORM */
#header-page-title .searchform input[type="search"] {
padding-left: 4em;
padding-right: 1em;
line-height: 3em;
}
#header-page-title .searchform .searchsubmit {
left: 1.5em;
height: 5em;
}
/* ## FOOTER MENU SEARCHFORM */
li.menu-footer-search {
max-width: 16em;
}
li.menu-footer-search .s {
height: 2.2em;
padding-left: 2.2em;
}
li.menu-footer-search .searchform .searchsubmit {
height: 2.2em;
width: 2.2em;
}
.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"] {
padding-left: 3em;
line-height: 1.7;
color: inherit;
}
#mobile-nav .searchform .searchsubmit {
left: 1em;
}
/*--------------------------------------------------------------
# SOCIALS
--------------------------------------------------------------*/
/* ## GENERAL */
.socials {
position: relative;
}
.socials a {
position: relative;
z-index: 99;
float: left;
display: block;
overflow: hidden;
width: 2.4em;
height: 2.4em;
margin-right: .5em;
font-size: .9em;
line-height: 2.4em;
text-align: center;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.socials a::before,
.socials a::after {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.socials a::after {
top: 100%;
}
.socials a:hover::before {
top: -100%;
}
.socials a:hover::after {
top: 0;
}
.socials a span {
display: none;
}
/* ## HEADER SOCIALS */
.top-section-element-title {
display: none;
}
.top-section-element.widget_cryout_socials {
position: relative;
overflow: hidden;
font-size: 1em;
line-height: 1;
}
.top-section-element.widget_cryout_socials a {
vertical-align: bottom;
}
/* ## SIDEBAR SOCIALS */
.sidey .socials {
float: none;
display: table;
margin: 0 auto 2em;
}
/* ## FOOTER SOCIALS */
#sfooter {
float: right;
clear: right;
display: block;
}
.widget_cryout_socials .socials {
font-size: .8333em;
}
/*--------------------------------------------------------------
# MISCELLANEOUS
--------------------------------------------------------------*/
/* ## BACK TO TOP */
#toTop {
position: fixed;
z-index: 251;
right: 2em;
bottom: 2em;
display: block;
overflow: hidden;
width: 1em;
height: 1em;
padding: 1em;
font-size: 26px;
opacity: 0;
cursor: pointer;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
}
#toTop.toTop-show {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
@media (max-width: 800px) {
#toTop {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
#toTop .icon-back2top::before,
#toTop .icon-back2top::after {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
font-style: normal;
font-family: iconmeta;
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out;
}
#toTop .icon-back2top::after {
top: 100%;
}
#toTop:hover .icon-back2top::before {
top: -100%;
}
#toTop:hover .icon-back2top::after {
top: 0;
}
.roseta-totop-fixed #toTop {
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: 0;
margin: auto;
border: 0;
box-shadow: none;
}
.roseta-totop-disabled #toTop {
display: none;
}
/* ## CUSTOM IMAGE BORDER */
.roseta-image-none .entry-content img[class*='align'],
.roseta-image-none .entry-summary img[class*='align'] {}
.roseta-image-one .entry-content img[class*='align'],
.roseta-image-one .entry-summary img[class*='align'] {
border-bottom: 5px solid transparent;
padding-bottom: 5px;
}
.roseta-image-two .entry-content img[class*='align'],
.roseta-image-two .entry-summary img[class*='align'] {
border: 7px solid transparent;
}
.roseta-image-three .entry-content img[class*='align'],
.roseta-image-three .entry-summary img[class*='align'] {
border: 1px solid #222;
padding: 0;
box-shadow: 0 0 15px #ccc;
}
.roseta-image-four .entry-content img[class*='align'],
.roseta-image-four .entry-summary img[class*='align'] {
padding: .7em;
border: 1px solid #DDD;
box-shadow: 0 0 2px #CCC;
}
.roseta-image-five .entry-content img[class*='align'],
.roseta-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 */
.roseta-caption-zero .main .wp-caption .wp-caption-text {}
.roseta-caption-one .main .wp-caption .wp-caption-text {
border-bottom: 2px solid transparent;
}
.roseta-caption-two .main .wp-caption .wp-caption-text {
margin-top: 3px;
}
/* ## BREADCRUMBS */
#breadcrumbs-container {
float: none;
display: block;
overflow: hidden;
width: 100%;
}
#breadcrumbs-container-inside {
overflow: hidden;
}
#breadcrumbs {
display: block;
width: 100%;
padding: .5em 2.5em;
font-size: .9em;
}
.roseta-boxed-layout #breadcrumbs {
padding-left: 0;
padding-right: 0;
}
#breadcrumbs-container #breadcrumbs-nav {
padding-top: 0;
padding-bottom: 0;
}
.icon-bread-home::before {
margin-right: .3em;
font-size: 1em;
cursor: pointer;
}
#breadcrumbs-nav .icon-bread-arrow {
position: relative;
top: -1px;
display: inline-block;
padding: 0 .1em;
vertical-align: middle;
}
/* ## 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;
box-sizing: content-box;
height: 2.5em;
width: 2.5em;
margin-right: 15px;
font-size: 1em;
line-height: 2.5;
font-weight: bold;
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;
}
.prev.page-numbers,
.prev.page-numbers:hover,
.next.page-numbers,
.next.page-numbers:hover {
background: none;
}
/* ## CONTINUE READING */
a.continue-reading-link {
position: relative;
float: left;
display: block;
overflow: hidden;
font-size: 0.83333em;
line-height: 2;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.continue-reading-link::before {
content: "";
position: absolute;
z-index: 3;
top: -webkit-calc(100% - 3px);
top: calc(100% - 3px);
left: 0;
height: 100%;
width: 100%;
/* -webkit-transition: all .3s ease-out;
transition: all .3s ease-out; */
-webkit-animation: .3s ease-out continue-reading-reverse forwards;
animation: .3s ease-out continue-reading-reverse forwards;
}
.continue-reading-link:hover::before {
-webkit-animation: .3s ease-out continue-reading forwards;
animation: .3s ease-out continue-reading forwards;
}
@keyframes continue-reading {
0% {
left: 0;
}
100% {
left: 100%;
}
}
@-webkit-keyframes continue-reading {
0% {
left: 0;
}
100% {
left: 100%;
}
}
@keyframes continue-reading-reverse {
0% {
left: -100%;
}
100% {
left: 0;
}
}
@-webkit-keyframes continue-reading-reverse {
0% {
left: -100%;
}
100% {
left: 0;
}
}
.continue-reading-link span {
position: relative;
z-index: 5;
font-weight: bold;
text-transform: uppercase;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
/* ## 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: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: 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 > div {
display: inline-block;
width: 14px;
height: 14px;
margin-right: 5px;
border-radius: 100%;
-webkit-animation: preload-animation 1s infinite ease-in-out both;
animation: preload-animation 1s infinite ease-in-out both;
}
.cryout-preloader .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.cryout-preloader .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes preload-animation {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes preload-animation {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1.0);
transform: scale(1.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
--------------------------------------------------------------*/
.page-template-template-portfolio article.hentry,
.page-template-template-portfolio article.hentry .article-inner,
[class*='tax-jetpack-portfolio'] article.hentry {
overflow: visible;
}
#portfolio-masonry .jetpack-portfolio-shortcode {
overflow: visible;
margin-left: -1%;
margin-right: -1%;
}
.jetpack-portfolio-shortcode .portfolio-entry-column-2 {
width: 49%;
}
.jetpack-portfolio-shortcode .portfolio-entry-column-3 {
width: 32.333%;
}
.jetpack-portfolio-shortcode .portfolio-entry-column-4 {
width: 24%;
}
.jetpack-portfolio-shortcode div.portfolio-entry {
margin: .5%;
}
@media (max-width: 768px) {
.jetpack-portfolio-shortcode.column-3 div.portfolio-entry,
.jetpack-portfolio-shortcode.column-4 div.portfolio-entry {
margin-left: 1%;
margin-right: 1%;
}
}
@media (max-width: 480px) {
.jetpack-portfolio-shortcode div.portfolio-entry {
width: 100%;
}
}
#portfolio-filter {
margin: 2em 0;
}
#portfolio-filter {
}
#portfolio-filter > a {
padding: .3em .5em .3em .5em;
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;
}
#portfolio-masonry .portfolio-entry {
position: relative;
z-index: 0;
float: left;
display: block;
overflow: visible;
margin: 0.5%;
text-align: center;
-webkit-transition: .5s z-index ease-in-out;
transition: .5s z-index ease-in-out;
}
#portfolio-masonry .portfolio-entry:hover {
z-index: 99;
}
#portfolio-masonry .portfolio-entry:focus-within {
z-index: 99;
}
#portfolio-masonry .portfolio-entry .project-types {
display: none;
}
#portfolio-masonry .portfolio-entry-title {
position: absolute;
z-index: 11;
left: 5%;
top: 5%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 90%;
height: 90%;
margin: 0;
pointer-events: none;
}
#portfolio-masonry .portfolio-entry .portfolio-entry-title a {
width: 90%;
border: 1px solid;
padding: 10px;
font-size: .8em;
font-weight: bold;
line-height: 1.3;
letter-spacing: 2px;
text-transform: uppercase;
color: #111;
background: rgba(255,255,255,.5);
-webkit-transition: .75s ease-out all;
transition: .75s ease-out all;
}
#portfolio-masonry .portfolio-entry:hover .portfolio-entry-title a {
padding: 10px 3px;
letter-spacing: 1px;
}
#portfolio-masonry .portfolio-entry:hover .portfolio-entry-title a:hover {
background: rgba(255,255,255,1);
}
#portfolio-masonry .portfolio-entry .portfolio-entry-meta {
display: none;
}
#portfolio-masonry .portfolio-entry .portfolio-featured-image {
position: relative;
overflow: hidden;
-webkit-transition: .75s ease all;
transition: .75s ease all;
}
#portfolio-masonry .portfolio-entry:hover .portfolio-featured-image {
-webkit-transform: scale(1.25);
transform: scale(1.25);
box-shadow: 0 0 10px 5px rgba(0,0,0,.1);
}
#portfolio-masonry .portfolio-entry .portfolio-featured-image > img {
position: relative;
z-index: 10;
display: block;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: .75s ease all;
transition: .75s ease all;
}
#portfolio-masonry .portfolio-entry:hover .portfolio-featured-image > img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.single article.jetpack-portfolio .entry-meta {
margin-top: 0;
margin-bottom: 1em;
padding: 1em 2em;
}
.single article.jetpack-portfolio .entry-meta-container {
position: relative;
float: right;
display: inline-block;
width: 50%;
margin-top: -50px;
}
.single article.jetpack-portfolio .entry-meta > span {
display: block;
line-height: 1.8;
font-weight: bold;
}
.single article.jetpack-portfolio .entry-meta > span a {
}
article.jetpack-portfolio .portfolio-featured-single img {
display: block;
}
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(120%);
filter: brightness(120%);
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
/* 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-left: 0;
}
/*--------------------------------------------------------------
# CONDITIONALS
--------------------------------------------------------------*/
.single-post.roseta-comhide-in-posts .nocomments {
display: none;
}
.page.roseta-comhide-in-pages .nocomments {
display: none;
}
.roseta-hide-page-title.page h1.entry-title,
.home.roseta-hide-page-title.page h2.entry-title {
display: none;
}
.roseta-hide-cat-title.archive .header-page-title .entry-title,
.roseta-hide-cat-title.archive .main .page-header {
display: none;
}
.single.roseta-header-titles .main .article-inner > header {
display: none;
}
.roseta-header-titles-nodesc .page-header:not(.content-search) {
display: none;
}
.roseta-header-titles header.page-header {
display: none;
}
.roseta-metahide-mainmenu #site-header-main,
.roseta-metahide-breadcrumbs #breadcrumbs-container,
.roseta-metahide-title #header-page-title-inside .entry-title,
.roseta-metahide-title .article-inner .entry-title,
.roseta-metahide-colophon #colophon,
.roseta-metahide-footer #footer {
display: none;
}
.roseta-metahide-headerimg #header-image-main-inside {
background-image: none;
}
.roseta-metahide-headerimg.roseta-cropped-headerimage #masthead #header-image-main-inside {
height: 0;
}
.roseta-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 .product .entry-summary {
clear: none;
}
.woocommerce ul.products li.product h3 {
}
.woocommerce div.product form.cart table td {
padding: 0;
}
.woocommerce div.product form.cart .variations label {
display: inline-block;
padding-top: 10px;
}
.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 {
border-radius: 0;
font-size: .9em;
font-weight: bold;
text-transform: uppercase;
padding-top: .5em;
padding-bottom: .5em;
}
.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: 0.25em 0.5em;
}
/* 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;
padding: 0;
border-radius: 0;
background: #FFF;
color: inherit;
}
.woocommerce ul.products li.product .onsale {
margin: 0;
}
.woocommerce div.product form.cart div.quantity {
width: 30%;
margin-right: 3%;
}
.woocommerce div.product form.cart .button {
width: 67%;
}
.woocommerce .quantity .qty {
width: 100%;
font-size: 0.9em;
text-align: left;
}
.woocommerce-thumbnail-container {
position: relative;
overflow: hidden;
}
.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 {
/* top: -20px; */
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: .8;
}
.woocommerce-thumbnail-container .woocommerce-buttons-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: .3s ease-out all;
transition: .3s ease-out all;
}
.woocommerce-thumbnail-container .woocommerce-buttons-container a {
display: block;
font-size: .8em;
}
.woocommerce-thumbnail-container .woocommerce-buttons-container a.added_to_cart {
padding: 0.5em 0.25em;
background: #EEE;
font-weight: bold;
text-transform: uppercase;
}
.woocommerce-thumbnail-container:hover .woocommerce-buttons-container {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.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-size: .9em;
text-transform: uppercase;
letter-spacing: 2px;
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 {
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 ul {
border: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
margin-right: 1em;
border: 1px solid rgba(0,0,0,0.1);
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0.8em 1em;
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
}
/* Woocommerce Single Product page */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: transparent;
border-color: transparent;
-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: 1.5em;
font-size: 1em;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
}
.woocommerce div.product .products > h2,
.woocommerce .cart-collaterals h2 {
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 2px;
}
.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 {
margin: 0;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 1px;
}
.woocommerce #comments { /* woocommerce reviews */
padding-top: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border-radius: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: auto;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin-left: 80px;
}
.woocommerce.roseta-comment-placeholder #respond label { /* show woocommerce form lables */
display: block;
}
.woocommerce #review_form #respond .comment-form-author,
.woocommerce #review_form #respond .comment-form-email {
width: 48%;
}
.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: 100px;
}
.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: .8em;
text-transform: uppercase;
letter-spacing: 1px;
}
/* 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 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 {
width: 80px;
}
.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;
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 0.5px;
}
.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 {
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;
}
/* Team Members */
.tmm .tmm_container .tmm_member .tmm_photo {
width: 120px;
height: 120px;
margin-top: -60px;
border: 20px solid transparent;
border-radius: 100px !important;
padding-bottom: 0;
box-shadow: none;
}
.cryout .tmm .tmm_container .tmm_member {
position: relative;
border: 1px solid transparent;
-webkit-transition: .2s ease-out border-color;
transition: .2s ease-out border-color;
}
.tmm .tmm_container .tmm_member .tmm_textblock {
padding: 10px 25px 40px;
}
.tmm .tmm_container .tmm_names {
margin-bottom: 0;
}
.tmm .tmm_container .tmm_fname {
font-weight: bold;
}
.tmm .tmm_container .tmm_job {
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 {
position: absolute;
left: 0;
right: 0;
bottom: -26px;
display: table;
margin: auto;
padding: 0 15px !important;
}
.tmm .tmm_member .tmm_textblock .tmm_sociallink img {
width: 30px !important;
height: 30px !important;
margin: 10px 7px !important;
border-radius: 100px;
-webkit-filter: grayscale(80%);
filter: grayscale(80%);
-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 {
border: 3px solid;
border-radius: 0;
font-weight: bold;
text-transform: uppercase;
-webkit-transition: .3s ease-out all;
transition: .3s ease-out all;
}
/*--------------------------------------------------------------
# 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;
}
.cryout #container[class*="three-"] .main,
.cryout #container[class*="three-"] #primary,
.cryout #container[class*="three-"] #secondary {
width: 100%;
margin: 0 0 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;
}
#breadcrumbs-container.cryout[class*="three-"] #breadcrumbs {
width: 100%;
margin: 0;
}
}
@media (max-width: 1024px) {
body {
font-size: .95em;
}
#container {
display: block;
}
.cryout #container[class*="two-"] .main {
width: 100%;
margin: 0 0 1.5em;
}
.cryout #container[class*="two-"] #primary,
.cryout #container[class*="two-"] #secondary {
float: none;
clear: both;
width: 100%;
margin: 0;
padding-left: 2em;
padding-right: 2em;
}
.cryout #container[class*="two-"] #primary::after,
.cryout #container[class*="two-"] #secondary::after {
content: "";
clear: both;
display: block;
}
.roseta-magazine-three .cryout #content-masonry article.hentry {
width: 44%;
}
#breadcrumbs-container.cryout[class*="two-"] #breadcrumbs {
width: 100%;
margin: 0;
}
#header-page-title .entry-title {
max-width: none;
}
#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 .cryout #nav-toggle {
display: block;
}
.mobile-ios #masthead.cryout #access {
display: none;
}
}
@media (max-width: 800px) {
.roseta-magazine-three .cryout #content-masonry article.hentry,
.roseta-magazine-two .cryout #content-masonry article.hentry {
width: 94%;
}
#content-masonry article.hentry {
margin-bottom: 10%;
}
.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: 1em auto;
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;
}
.cryout #nav-toggle {
display: block;
}
.site-header-top .site-header-inside {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
height: auto;
}
.site-header-top .site-header-inside > * {
padding: 10px 0;
}
.site-header-bottom .site-header-inside {
display: none;
}
#masthead.cryout #access {
display: none;
}
.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;
}
#top-section-menu {
max-width: 100%;
position: relative;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
#top-section-menu::before {
content: "";
position: absolute;
z-index: 99;
left: 0;
top: 0;
height: 100%;
width: 20px;
}
#top-section-menu::after {
content: "";
position: absolute;
z-index: 99;
right: 0;
top: 0;
height: 100%;
width: 20px;
}
#top-section-menu > *{
float: none;
}
#branding {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
width: 100%;
-webkit-box-pack: left;
-ms-flex-pack: left;
-webkit-justify-content: left;
justify-content: left;
}
#nav-toggle {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
margin-left: auto;
}
#site-text {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.cryout #top-section-widget{
display: none;
}
.cryout #top-section-widget > * {
margin-left: 0;
margin-right: 2em;
}
.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;
}
/* 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;
}
#container:not(.roseta-landing-page) .main {
padding-left: 1em;
padding-right: 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 #top-section-widget{
display: none;
}
.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,
.roseta-landing-page .lp-blocks-inside,
.roseta-landing-page .lp-boxes-inside,
.roseta-landing-page .lp-text-inside,
.roseta-landing-page .lp-posts-inside,
.roseta-landing-page .lp-page-inside,
.roseta-landing-page .lp-portfolio-inside,
.roseta-landing-page .lp-testimonials-inside,
.roseta-landing-page .lp-section-header,
.roseta-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-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: 46%;
margin: 2% auto;
}
.lp-boxes.lp-boxes-rows-4 .lp-box,
.lp-boxes.lp-boxes-rows-3 .lp-box {
width: 50%;
}
.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-margins[class*=lp-boxes] .lp-box:nth-child(2n),
.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .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-margins[class*=lp-boxes] .lp-box:nth-child(4n+1),
.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .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-margins[class*=lp-boxes] .lp-box:nth-child(2n+1),
.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .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: 49%;
}
.lp-testimonials.lp-testimonials-rows-1 .lp-testimonials-inside .lp-tt,
.lp-testimonials.lp-testimonials-rows-2 .lp-testimonials-inside .lp-tt,
.lp-testimonials.lp-testimonials-rows-3 .lp-testimonials-inside .lp-tt,
.lp-testimonials.lp-testimonials-rows-4 .lp-testimonials-inside .lp-tt {
float: none;
width: 100%;
max-width: 480px;
margin: 2em auto;
}
}
@media (max-width: 720px) {
.lp-staticslider {
max-height: 70vmax;
}
.lp-staticslider .lp-staticslider-image {
position: relative;
left: 50%;
width: auto;
max-height: 70vmax;
max-width: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.lp-staticslider .staticslider-caption,
.seriousslider.seriousslider-theme .seriousslider-caption {
font-size: 0.9em;
}
.lp-staticslider .staticslider-caption-title,
.seriousslider.seriousslider-theme .seriousslider-caption-title {
font-size: 2em;
letter-spacing: 0;
}
.lp-staticslider .staticslider-sep {
height: 1px;
}
.lp-staticslider .staticslider-caption-text,
.seriousslider.seriousslider-theme .seriousslider-caption-text {
line-height: 1.8;
}
.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) {
float: none;
clear: both;
width: 100%;
max-width: 440px;
margin: 2% auto;
}
.lp-text {
display: block;
}
.lp-text .lp-text-image::before,
.lp-text ~ .lp-text ~ .lp-text .lp-text-image::before,
.lp-text ~ .lp-text ~ .lp-text ~ .lp-text ~ .lp-text .lp-text-image::before,
.lp-text ~ .lp-text .lp-text-image::before,
.lp-text ~ .lp-text ~ .lp-text ~ .lp-text .lp-text-image::before,
.lp-text ~ .lp-text ~ .lp-text ~ .lp-text ~ .lp-text ~ .lp-text .lp-text-image::before {
display: none;
}
.lp-text-inside {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
}
.lp-text-image {
float: none;
width: 100%;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.lp-text-image::before {
border: 0;
background: none;
}
#main [id^="lp-text-"] .lp-text-image + .lp-text-card {
position: relative;
float: none;
clear: both;
width: 83.333%;
margin: -10% 0 0 0;
padding: 2em;
-webkit-transform: none;
transform: none;
}
.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%;
max-width: 440px;
margin: 0 auto;
box-shadow: 0 0 20px #CCC;
}
.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%;
max-width: 440px;
margin: 0 auto 3em;
box-shadow: 0 0 20px #CCC;
}
}
@media (max-width: 640px) {
.lp-staticslider .staticslider-caption,
.seriousslider.seriousslider-theme .seriousslider-caption,
.roseta-landing-page .lp-blocks-inside,
.roseta-landing-page .lp-boxes-inside,
.roseta-landing-page .lp-text-inside,
.roseta-landing-page .lp-posts-inside,
.roseta-landing-page .lp-page-inside,
.roseta-landing-page .lp-portfolio-inside,
.roseta-landing-page .lp-testimonials-inside,
.roseta-landing-page .lp-section-header,
.roseta-landing-page .content-widget {
padding-left: 1em;
padding-right: 1em;
}
#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: 99%;
}
.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-page-title .entry-meta .bl_categ,
header #access,
.socials,
.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,
body .cryout #nav-toggle {
display: none;
}
.header-image {
height: 0 !important;
}
#header-page-title {
position: relative;
padding: 0;
}
#header-page-title-inside {
background: transparent !important;
box-shadow: none !important;
border-radius: 0;
}
#container:not(.roseta-landing-page) .main {
padding-top: 0;
padding-bottom: 0;
}
html,
body {
font-size: 11pt;
line-height: 1.5;
color: #000;
}
#masthead.cryout #site-header-main {
position: static;
margin-top: 0;
height: auto;
border: 0;
box-shadow: none;
}
#masthead.cryout #branding {
height: auto;
}
#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;
}
.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 {
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%;
}
.lp-text {
background: #FFF;
color: #000;
}
}
/* FIN! */