/*
Theme Name: Ripley
Theme URI: http://www.cryoutcreations.eu/wordpress-themes/ripley
Description: Ripley brings a new coat of paint to Bravada, enhancing its elegance, functionality, and versatility. Ripley is sleek, stylish, and scales beautifully to any screen size, making it perfect for any type of website. Whether you’re building a blog, business site, portfolio, or online store, it adapts to your needs with ease. Designed to be fully responsive, Ripley is mobile-first, ensuring that your site looks stunning on every device. With its modern CSS animations, your content will come alive, creating a dynamic user experience. Customization is at the heart of Ripley with seemingly endless options to tweak everything from fonts and colors to layouts, animations, designs and more. Google Fonts are fully supported, or you can upload your own fonts for that unique touch. Toggle meta information like author, date, comments and categories as you see fit. With a fully customizable landing page, integrated WooCommerce support, Gutenberg block compatibility, fully translation-ready and RTL-support, Ripley is ready for any challenge.
Author: Cryout Creations
Author URI: http://www.cryoutcreations.eu
Version: 1.0.2
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, photography
Template: bravada
Text Domain: ripley

Ripley WordPress Theme - Copyright 2024, Cryout Creations - http://www.cryoutcreations.eu
This theme, like WordPress, is licensed under the GPL.
*/


/* Menu */

.hamburger span {
    height: 3px;
    border-radius: 100px;
}

.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
    width: 100%;
}

.hamburger {
    height: 23px;
}

.hamburger:hover span:nth-child(2) {
    top: 0;
}

.hamburger:hover span:nth-child(3) {
    top: 9px;
}

.hamburger:hover span:nth-child(1) {
    top: -9px;
    opacity: 0;
}

.hamburger span:nth-child(3)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    height: 3px;
    width: 100%;
    background: inherit;
    opacity: 0;
    transition: .25s ease-in-out all;
}

.hamburger:hover span:nth-child(3)::after {
    opacity: 1;
}

.burgermenu-active .hamburger span:nth-child(3)::after {
    content: none;
}

.burgermenu-active .hamburger span:nth-child(1) {
    opacity: 1;
    top: -3px;
}

.burgermenu-active .hamburger span:nth-child(3) {
    top: 21px;
}

#access > div > ul > li > a > span::before {
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    height: 2px;
    padding: 0;
    border-radius: 100px;
    transition: none;
    opacity: 1;
    animation: .35s ease-out anim_access_out forwards;
}

#access > div > ul > li > a > span:hover::before {
    width: auto;
    transition: none;
    animation: .35s ease-in-out anim_access_in forwards;
}

@keyframes anim_access_in {
    0% {
        width: 0;
    }
    70% {
        width: 120%;
    }
    100% {
        width: 100%;
        opacity: 1;
    }
}

@keyframes anim_access_out {
    0% {
        width: 100%;
    }
    100% {
        width: 20%;
        left: 100%;
        opacity: 0;
    }
}

#access > div > ul > li > a > span:hover::before {
    opacity: 1;
}

#mobile-menu::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 1px;
    content: "";
    border-radius: 0 0 0 100%;
    transform-origin: right top;
    transition: .5s ease-out all;
}

nav#mobile-menu.burgermenu-active::before {
    width: 220%;
    height: 100%;
}


nav#mobile-menu {
    background: transparent;
}


#mobile-menu .side-section {
    margin: 30px auto;
}

#mobile-menu .menu-main-search .searchform {
    display: flex;
    justify-content: center;
    border-radius: 100px;
    height: 4em;
}

#mobile-nav .searchform input[type="search"] {
    height: 100%;
    padding-left: 0;
    padding-bottom: 0;
    font-size: 2em;
    font-weight: 200;
}

nav#mobile-menu #mobile-nav .menu-main-search .searchsubmit {
    margin-left: 0.25em;
}

/* Header */
img.custom-logo {
    position: relative;
    z-index: 3;
}

.lp-staticslider-image,
.header-image {
    opacity: 1;
    transform: scale(1.1);
    animation: 1.5s animation-blurIn ease-out forwards
}

@keyframes animation-blurIn {
    from {
        filter: blur(20px);
    }
    to {
        filter: blur(0);
    }
}

#site-title a {
    letter-spacing: 0;
    padding-right: 8px;
}

#site-title a::before {
    height: 75%;
    top: 12.5%;
}

#site-title span a::before {
    border-radius: 0 20px 20px 0;
}

#header-page-title .category-metas a {
    font-weight: bold;
    border-bottom: 2px solid;
    transition: .15s ease-out border;
}

#header-page-title .category-metas a:hover {
    border-bottom-color: transparent;
    transition: .15s ease-out border;
}

#header-page-title .author-container {
    font-weight: bold;
    letter-spacing: 0;
}

.entry-meta .author-avatar .avatar {
    border: 4px solid;
}

/* Articles */
#container,
#main {
    overflow: visible;
}

#content-masonry article.hentry {
    border-radius: 10px 10px 100px 0;
    overflow: hidden;
    box-shadow: 0 0 30px 5px #0000000d;
}

.bravada-magazine-three #content-masonry article.hentry {
  width: 29.333%;
}

@media (min-width: 1024px) {
	.bravada-magazine-three #content-masonry article.hentry {
		margin-right: 2%;
		margin-bottom: 4%;
		margin-left: 2%;
	}
}

i.icon-continue-reading {
    display: none;
}

.lp-box-readmore > span,
a.continue-reading-link,
a.continue-reading-link:hover,
a.continue-reading-link:focus-within {
    padding: 0 0 3px 0;
    border: 0;
}

.lp-box-readmore > span {
    display: inline-block;
}

.lp-box-readmore > span::before,
.lp-box-readmore > span::after,
a.continue-reading-link::before,
a.continue-reading-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    opacity: 0.2;
}

.lp-box-readmore > span::after,
a.continue-reading-link::after {
    width: 0;
    opacity: 1;
    transition: .2s ease-out width;
}

.lp-box-readmore > span:hover::after,
a.continue-reading-link:hover::after {
    width: 100%;
}

.lp-boxes-animated a.lp-box-readmore > span::before,
.lp-boxes-animated a.lp-box-readmore > span::after {
    background: #FFF;
}

.lp-boxes-animated a.lp-box-readmore > span,
.lp-boxes-animated a.lp-box-readmore > span:hover {
    color: #FFF;
}

.post-thumbnail-container .featured-image-overlay::before,
.post-thumbnail-container .featured-image-overlay::after {
    transition-duration: .65s;
}

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"],
#respond .form-submit input,
#footer #toTop {
    border-bottom-right-radius: 20px;
}

span.entry-sticky {
    border-width: 1px;
    border-radius: 10px 0 10px 0;
}

/* Content */
body .main #content-masonry .post-thumbnail-container span.bl_categ {
    transform: translateY(100%);
    left: auto;
    right: 0;
    margin-right: 0;
    border-radius: 6px 0 0 0;
}

body .main #content-masonry .post-thumbnail-container:hover span.bl_categ {
	padding-bottom: 4px;
    transform: translateY(1px);
}

body .main #content-masonry .post-thumbnail-container .comments-link {
    transform: translateY(-100%);
    left: 0;
    border-radius: 0 0 6px 0;
}

body .main #content-masonry .post-thumbnail-container:hover .comments-link {
    padding-top: 4px;
    transform: translateY(-1px);
}

.post-thumbnail-container .featured-image-overlay::before {
    opacity: 0;
}

.post-thumbnail-container .featured-image-overlay::after {
    opacity: 0;
}

.post-thumbnail-container:hover .featured-image-overlay::after {
    opacity: .5;
}

.single .author-info {
    --mask: radial-gradient(46.96px at 50% 63px,#000 99%,#0000 101%) calc(50% - 42px) 0/84px 51% repeat-x,
            radial-gradient(46.96px at 50% -42px,#0000 99%,#000 101%) 50% 21px/84px calc(51% - 21px) repeat-x,
            radial-gradient(46.96px at 50% calc(100% - 63px),#000 99%,#0000 101%) calc(50% - 42px) 100%/84px 51% repeat-x,
            radial-gradient(46.96px at 50% calc(100% + 42px),#0000 99%,#000 101%) 50% calc(100% - 21px)/84px calc(51% - 21px) repeat-x;
    -webkit-mask: var(--mask);
    mask: var(--mask);
}

@media (min-width: 1150px) {
    .single .author-info {
        width: calc(100% - 8em);
        margin: 0 auto;
    }
}

.pagination span,
.pagination a {
    border-width: 1px;
    border-style: solid;
    border-bottom-right-radius: 10px;
}

/* Landing page */
a.staticslider-button,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-buttonon {
    border: 2px solid #FFF;
    letter-spacing: 0.5px;
    font-weight: normal;
    background: rgba(0,0,0,0);
}

a.staticslider-button:first-child,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:first-child {
    border-radius: 0 0 0 15px;
}

a.staticslider-button:last-child,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:last-child {
    border-radius: 0 0 15px 0;
}

.animated-title .caption-title-word > span:nth-child(n) span.cry-single.animated-letter {
	-webkit-animation: 1.5s 0.25s animation-blink ease-in-out forwards;
	animation: 1.5s 0.25s animation-blink ease-in-out forwards;
}

.animated-title .caption-title-word > span:nth-child(2n) span.cry-single.animated-letter {
	-webkit-animation: 1.25s 0.25s animation-blink2 ease-in-out forwards;
	animation: 1.25s 0.25s animation-blink2 ease-in-out forwards;
}

.animated-title .caption-title-word > span:nth-child(3n) span.cry-single.animated-letter {
	-webkit-animation: 1.15s 0s animation-blink3 ease-in-out forwards;
	animation: 1.15s 0s animation-blink3 ease-in-out forwards;
}

.animated-title .caption-title-word > span:nth-child(4n) span.cry-single.animated-letter {
	-webkit-animation: 1s 0.25s animation-blink4 ease-in-out forwards;
	animation: 1s 0.25s animation-blink4 ease-in-out forwards;
}

.animated-title .caption-title-word > span:nth-child(n) span.cry-double.animated-letter,
.animated-title .caption-title-word > span:nth-child(2n) span.cry-double.animated-letter {
	-webkit-animation: 1s animation-glitch ease-in-out forwards;
	animation: 1s animation-glitch ease-in-out forwards;
}

@keyframes animation-blink {
    0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
    30% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes animation-blink2 {
    0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
    25% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes animation-blink3 {
    0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
    8% {
        opacity: 0;
    }
    12% {
        opacity: 1;
    }
    40% {
        opacity: 0;
    }
    45% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


@keyframes animation-blink4 {
    0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
    65% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes animation-glitch {
    to {
        opacity: 0;
    }
}

.lp-blocks-inside,
.lp-text-background {
    border-radius: 10px;
}

.main .lp-text-title {
    font-weight: 200;
}

.lp-text-image img {
    border-radius: 50%;
    aspect-ratio: 1 / 1;
}

.lp-boxes .lp-boxes-inside,
.lp-boxes .lp-boxes-margins {
    overflow: visible;
}

.lp-boxes .lp-boxes-inside::before {
    opacity: 0.15;
    border-radius: 50%;
    filter: blur(40px);
    aspect-ratio: 1 / 1;
}

.lp-boxes-static .box-overlay,
.lp-boxes-static .lp-box:nth-child(2n+1) .box-overlay {
    transform: none;
    width: 100%;
}

.lp-boxes.lp-boxes-static .lp-box {
    border-radius: 0 0 1000px 1000px;
}

.lp-boxes-static .box-overlay {
    height: 7px;
    top: 0;
}

.lp-boxes.lp-boxes-static .lp-box {
    box-shadow: 0 0 20px rgba(0,0,0,.035);
}

.lp-boxes-static.lp-boxes-static2 .lp-box-readmore::before,
.lp-boxes-static.lp-boxes-static2 .lp-box-readmore{
    outline: 0;
}

.lp-boxes-static.lp-boxes-static2 .lp-box .lp-box-image {
    width: 100%;
    height: auto !important;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}

.lp-boxes-static.lp-boxes-static2 .lp-box-imagelink {
    border: none;
    border-radius: 50%;
}

.lp-boxes.lp-boxes-animated .lp-box:first-child {
    border-radius: 100px 0 0 0;
}

.lp-boxes.lp-boxes-animated .lp-box:last-child {
    border-radius: 0 0 100px 0;
}

.main .lp-box-title {
    font-weight: bold;
    line-height: 1.3;
}

.lp-block .lp-block-title::after {
    opacity: 0.1;
}

.lp-block i[class^="blicon"]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 52px;
    height: 52px;
    border: red;
    border-radius: 100px;
    opacity: .1;
    margin: auto;
    transform: translate(-25%,-25%);
}

.lp-block i[class^="blicon"] + i[class^="blicon"]::after {
    transform: translate(25%,25%);
}

.lp-block .lp-block-title {
    font-weight: 400;
}

#cryout_ajax_more_trigger,
#cryout_ajax_more_trigger:hover,
#cryout_ajax_more_trigger:active,
.lp-port-readmore,
.lp-port-readmore:hover,
.lp-port-readmore:active {
    outline: 0;
}

#lp-port-readmore::before,
#cryout_ajax_more_trigger::before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    outline: 2px solid;
}

#lp-port-readmore::before,
#lp-port-readmore::after,
#cryout_ajax_more_trigger::before,
#cryout_ajax_more_trigger::after {
    border-radius: 0 0 14px 0;
    opacity: 1;
}

.widget-title,
#comments-title,
#reply-title,
.related-posts .related-main-title,
.main .page-title,
#nav-below em,
.lp-text .lp-text-title,
.lp-boxes-animated .lp-box-title {
    border-radius: 4px;
}

/* Comments */
.comment-author {
    overflow: hidden;
    top: -5px;
    border-radius: 7px 7px 0 0;
}

.comment .reply {
    overflow: hidden;
    bottom: auto;
    top: calc(100% - 1px);
    border-radius: 0 0 7px 7px;
}

.commentlist img.avatar {
    border-radius: 100px;
}

/* Ripple */
.ripple {
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: auto;
    z-index: 3;
    aspect-ratio: 10 / 1;
    pointer-events: none;
}

.ripple svg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* min-height: 20px;
    max-height: 40px; */
}

.ripple-path {
    -webkit-animation: ripple-animation 5s cubic-bezier(.55,.5,.45,.5) infinite;
    animation: ripple-animation 5s cubic-bezier(.55,.5,.45,.5) infinite;
}

.lp-slider {
    position: relative;
}

@-webkit-keyframes ripple-animation {
    from {
        transform: translateX(85px);
    }
    to {
        transform: translateX(-90px);
    }
}

@keyframes ripple-animation {
    from {
        transform: translateX(85px);
    }
    to {
        transform: translateX(-90px);
    }
}

/* Preloader */
.cryout-preloader-inside {
	width: 40px;
	height: 40px;
    opacity: 0.5;
}

.cryout-preloader-inside .bounce1,
.cryout-preloader-inside .bounce2 {
	-webkit-animation: preloader-spin 1.2s ease-in-out infinite;
	animation: preloader-spin 1.2s ease-in-out infinite;
}

.cryout-preloader-inside .bounce2 {
	-webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

@keyframes preloader-spin {
    0%   {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.25);
        transform: scale(0.25s);
    }
}

/* Extras */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 0 0 14px 0;
}

.btn,
.btn::before {
    border-radius: 0 0 10px 0;
}

.searchform input[type="search"],
.searchform .searchsubmit {
    border-radius: 100px;
}

.cryout-serious-slider .seriousslider-indicators {
    padding-bottom: 85px;
}

.lp-staticslider .staticslider-caption,
.seriousslider.seriousslider-theme .seriousslider-caption {
    padding-top: 0;
}

#header-page-title #header-page-title-inside {
    padding-top: 50px;
}

#header-page-title .author-container {
    margin-bottom: 1em;
}

#header-page-title .entry-title {
    margin-bottom: 0.1em;
}

.lp-staticslider .staticslider-caption-text,
.seriousslider-theme .seriousslider-caption-text {
    margin: 2em auto;
}

/* RTL */
.rtl .hamburger span:nth-child(3)::after {
    right: auto;
    left: 0;
}

.rtl #access > div > ul > li > a > span::before {
    left: auto;
    right: 0;
}

.rtl @keyframes anim_access_out {
    0% {
        width: 100%;
    }
    100% {
        width: 20%;
        right: 100%;
        opacity: 0;
    }
}

.rtl #mobile-menu::before {
    left: 0;
    right: auto;
    border-radius: 0 0 100% 0;
    transform-origin: left top;
    transition: .5s ease-out all;
}

.rtl #site-title a {
    display: inline-block;
    padding-right: 0;
    padding-left: 8px;
}

.rtl #site-title span a::before {
    border-radius: 20px 0 0 20px;
}

.rtl #content-masonry article.hentry {
    border-radius: 10px 10px 0 100px;
}

.rtl .lp-box-readmore > span::before,
.rtl .lp-box-readmore > span::after,
.rtl a.continue-reading-link::before,
.rtl a.continue-reading-link::after {
    left: auto;
    right: 0;
}

.rtl textarea,
.rtl select,
.rtl input[type="text"],
.rtl input[type="password"],
.rtl input[type="email"],
.rtl input[type="color"],
.rtl input[type="date"],
.rtl input[type="datetime"],
.rtl input[type="datetime-local"],
.rtl input[type="month"],
.rtl input[type="number"],
.rtl input[type="range"],
.rtl input[type="search"],
.rtl input[type="tel"],
.rtl input[type="time"],
.rtl input[type="url"],
.rtl input[type="week"],
.rtl #respond .form-submit input,
.rtl #footer #toTop {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 20px;
}

.rtl  .main #content-masonry .post-thumbnail-container span.bl_categ {
    right: auto;
    left: 0;
    margin-left: 0;
}

.rtl  .main #content-masonry .post-thumbnail-container .comments-link {
    left: auto;
    right: 0;
    border-radius: 0 0 0 6px;
}

.rtl .pagination span,
.rtl .pagination a {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 10px;
}

.rtl a.staticslider-button,
.rtl .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-buttonon {
    border-radius: 0 0 0 15px;
}

.rtl a.staticslider-button:first-child,
.rtl .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:first-child {
    border-radius: 0 0 15px 0;
}

.rtl a.staticslider-button:last-child,
.rtl .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:last-child {
    border-radius: 0 0 0 15px;
}

.rtl .lp-boxes.lp-boxes-animated .lp-box:first-child {
    border-radius: 0 100px 0 0;
}

.rtl .lp-boxes.lp-boxes-animated .lp-box:last-child {
    border-radius: 0 0 0 100px;
}

.rtl .woocommerce #respond input#submit,
.rtl .woocommerce a.button,
.rtl .woocommerce button.button,
.rtl .woocommerce input.button {
    border-radius: 0 0 0 14px;
}

.rtl #lp-port-readmore::before,
.rtl #cryout_ajax_more_trigger::before {
    left: auto;
    right: 0;
}

.rtl #lp-port-readmore::before,
.rtl #lp-port-readmore::after,
.rtl #cryout_ajax_more_trigger::before,
.rtl #cryout_ajax_more_trigger::after {
    border-radius: 0 0 0 14px;
}

.rtl .btn,
.rtl .btn::before {
    border-radius: 0 0 0 10px;
}

.rtl  #mobile-nav .searchform input[type="search"] {
    padding-right: 0;
    padding-bottom: 0;
}

.rtl nav#mobile-menu #mobile-nav .menu-main-search .searchsubmit {
    right: 0;
    margin-left: 0;
    margin-right: 0.25em;
}

.rtl  .lp-block i[class^="blicon"] + i[class^="blicon"] {
    left: 0;
    right: 0;
}

.rtl  a.continue-reading-link:hover,
.rtl  a.continue-reading-link {
    padding: 0;
}

/* FIN */