.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;
} 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;
} #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;
} 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;
} 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;
} .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 {
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%; }
.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);
}
} .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);
}
} .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 .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;
}