body {
font-family: --soleil, sans-serif;
font-weight: normal;
font-style: normal;
width: 100%;
height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
body a:hover {
text-decoration: none;
}
button:focus,
select:focus {
outline: 0;
}
input {
outline: none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none;
}
input:-moz-placeholder {
color: #999;
}
input::-webkit-input-placeholder {
color: #999;
}
p a {
font-weight: bold;
}
img {
transition: 0.3s;
}
ol,
ul {
list-style: none;
}
a:hover img {
opacity: 0.8;
transition: 0.3s;
}
mark,
.mark {
background-color: #f1f1f1;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}
.btn {
text-shadow: none !important;
}
.btn:focus {
box-shadow: none;
}
.btn-group-xs > .btn,
.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.border {
border: 1px solid #f1f1f1;
}
.border-custom-bottom {
border-bottom: 1px solid #f1f1f1;
}
.border-custom-top {
border-top: 1px solid #f1f1f1;
}
.border-custom-left {
border-left: 1px solid #f1f1f1;
}
.border-custom-right {
border-right: 1px solid #f1f1f1;
}
.form-control {
font-size: unset;
}
.bottom {
bottom: 0;
}
.top {
top: 0;
}
.left {
left: 0;
}
.right {
right: 0;
}
.overflow-hidden {
overflow: hidden;
}
.modal {
z-index: 9999;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
word-break: break-word;
}
.modal-header {
border-bottom: 0;
}
.modal-header .close {
padding: 1.32rem 1rem;
}
.modal-content {
border: 0;
}
.modal-footer {
border-top: 0;
}
.clear {
clear: both;
}
.nav-pills .nav-link {
background: #f1f1f1;
margin-right: 0.5rem;
}
.form-control {
background-color: #f1f1f1;
border: 0;
}
.card-custom {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
}
.card-custom-posts {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
}
.h-unset {
height: unset !important;
} #loadfade {
animation: fadein 2s;
-moz-animation: fadein 2s;
-webkit-animation: fadein 2s;
-o-animation: fadein 2s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} .pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 2px;
} .fixed-header {
position: fixed;
width: 100%;
backface-visibility: hidden;
z-index: 1000;
}
.pt-fixed {
position: absolute;
width: 100%;
}
.navbar-width {
margin: 0 auto;
padding: 0 10px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.navbar-shrink {
height: 70px;
}
.logo-shrink {
height: 50px;
}
.pt-shrink {
top: 70px;
}
.hamb-menu {
margin: 0 5px;
cursor: pointer;
float: left;
}
.navbar-pos {
left: 0;
right: 0;
}
.navbar-toggler {
border: unset;
} .scrollbar-sidenav,
.scrollbar-sidenav-res { height: 87vh;
margin-bottom: 1em;
}
.sidenav-l {
height: 100%;
width: 0;
position: fixed;
z-index: 10000;
top: 0;
overflow-x: hidden;
transition: 0.5s;
padding-top: 25px;
}
.sidenav-w {
width: 312px;
}
.sidenav a {
text-decoration: none;
transition: 0.3s;
}
.sidenav-l .closebtn {
position: absolute;
cursor: pointer;
z-index: 999;
right: 12px;
}
.border-shadow-right {
box-shadow: 0.125rem 0 15px -4px rgba(0, 0, 0, 0.075);
}
.buttons-sidenav {
position: absolute;
width: 260px;
margin: 0 25px;
padding: 0 10px;
height: 20px;
z-index: 99;
}
.pointerbtn {
position: relative;
float: left;
cursor: pointer;
z-index: 999;
} .menu-nav-container {
padding: 1rem;
width: 300px;
}
.menu-hover:hover {
z-index: 0;
}
ul.menu {
padding: 0;
}
ul.menu > li {
position: relative;
display: block;
padding: 0.75rem;
font-weight: 500;
z-index: 9;
}
ul.menu > li.menu-parent-item {
position: relative;
display: block;
padding: 0.75rem;
}
ul.sub-menu > li.menu-item-has-children {
position: relative;
display: block;
padding: 0.75rem 0;
}
ul.sub-menu > li.menu-item-has-children > ul.sub-menu {
padding: 0 0.75em;
}
ul.sub-menu > li.menu-item {
position: relative;
display: block;
}
ul.menu > li .menu-parent-item a.parent {
top: 0;
}
ul.menu > li .menu-parent-item .dropdown-sidenav-btn {
padding-left: 86%;
}
ul.sub-menu {
padding: 0;
margin-top: 0.75em;
}
.sub-menu {
display: none;
}
.sub-menu li {
list-style: none;
}
.sub-menu li a {
padding: 0.75em;
}
.menu-item a {
display: block;
}
.menu-item .parent-custom {
position: absolute;
z-index: -1;
} .dropdown-menu {
margin: 0.25rem 0;
font-size: unset;
border: 0;
min-width: auto;
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.08), 0 1px 4px 0 rgba(0, 0, 0, 0.08);
}
.dropdown-menu-blog-w {
width: 330px;
}
.dropdown-menu-center {
left: 50%;
right: auto;
text-align: center;
transform: translate(-50%, 0);
}
.dropdown-btn {
text-decoration: none;
border: 0;
background: none;
cursor: pointer;
outline: none;
float: right;
vertical-align: middle;
}
.dropdown-sidenav-btn {
text-decoration: none;
border: 0;
background: none;
cursor: pointer;
outline: none;
padding: calc(3px + 0.25rem);
padding-right: 13px;
right: 0;
padding-left: 92%;
margin: -3px 3px;
}
.dropdown-item.active,
.dropdown-item:active {
color: unset;
background-color: unset;
}
.sub-menu {
display: none;
}
.menu-bar {
margin: 0;
}
.menu-bar li {
display: inline-block;
margin-right: 1em;
}
.menu-hover,
.menu-hover:hover {
transition: 0.3s;
}
.current_page_item .parent,
.current-menu-item {
font-weight: 500;
}
.toggle-open-close-right {
vertical-align: middle;
}
#sidebar {
min-width: 270px;
max-width: 270px;
margin-right: 1em;
}
#sidebarMenu {
min-width: 270px;
max-width: 270px;
}
input[type="checkbox"]:checked ~ #sidebarMenu {
transform: translateX(0);
}
input[type="checkbox"] {
transition: all 0.3s;
box-sizing: border-box;
display: none;
}
.sidebarIconToggle {
cursor: pointer;
z-index: 9999;
height: 100%;
width: 100%;
height: 22px;
width: 22px;
}
.spinner {
transition: all 0.3s;
box-sizing: border-box;
position: absolute;
height: 3px;
width: 100%;
}
.horizontal {
transition: all 0.3s;
box-sizing: border-box;
position: relative;
float: left;
margin-top: 3px;
}
.diagonal.part-1 {
position: relative;
transition: all 0.3s;
box-sizing: border-box;
float: left;
}
.diagonal.part-2 {
transition: all 0.3s;
box-sizing: border-box;
position: relative;
float: left;
margin-top: 3px;
}
input[type="checkbox"]:checked ~ .sidebarIconToggle > .horizontal {
transition: all 0.3s;
box-sizing: border-box;
opacity: 0;
}
input[type="checkbox"]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
transition: all 0.3s;
box-sizing: border-box;
transform: rotate(135deg);
margin-top: 8px;
}
input[type="checkbox"]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
transition: all 0.3s;
box-sizing: border-box;
transform: rotate(-135deg);
margin-top: -9px;
}
.sidenav-margin-top {
margin-top: 1.25em;
}
.sidenav-nav-container {
padding: 0.5rem;
width: 260px;
}
.sidenav-nav-container-res {
padding: 0;
margin: 15px 0 0 24px;
width: 260px;
}
.sidenav-shop-container {
padding: 0.5rem;
}
.sidenav-nav-menu-container {
padding: 0.5rem 0;
}
.sidenav-nav-widget-container {
padding: 0.5rem;
}
.toggle-sidenav-button {
position: absolute;
right: 3.5rem;
}
.bg-sidemenu-responsive {
background: #f7f7f7;
}
.dropdown-toggle::after {
display: inline-block;
padding: 0;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f107";
vertical-align: middle;
border: 0;
}
.navbar-ft .dropdown-menu,
.navbar-dd .dropdown-menu,
.dropup .dropdown-menu {
font-size: 14px;
}
.navbar-ft-opt {
padding: 0.5rem;
}
.navbar-icons {
float: right;
}
.menu-right {
width: auto;
}
.navbar-box label {
margin-top: 0.5rem;
}
.navigation-sticky-top,
.col-sticky-top {
position: sticky;
z-index: 1;
}
.border-shadow-right {
box-shadow: 0.125rem 0 15px -4px rgb(0 0 0 / 8%);
} .navbar-logo,
.navbar-logo-center {
float: left;
z-index: 1;
}
.logow {
display: block;
}
.logob {
display: none;
} #search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 99999; -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%);
-moz-transform: translate(0px, -100%);
-o-transform: translate(0px, -100%);
-ms-transform: translate(0px, -100%);
transform: translate(0px, -100%);
}
#search.open {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
opacity: 1;
}
#search form.position {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#search input[type="search"] {
width: 340px;
background: rgba(0, 0, 0, 0);
border: 0px;
font-size: 1.25rem;
padding: 1em;
outline: none;
text-align: center;
margin: 0 auto;
margin-bottom: 1em;
display: block;
}
#search .close {
position: fixed;
top: 16px;
right: 16px;
opacity: 1;
width: 60px;
height: 60px;
color: #fff;
text-align: center;
background: url(//cpa-site.com/wp-content/themes/kanewp/assets/img/close.svg) no-repeat 7px center;
background-size: 45px 50px;
transition: 0.3s;
}
#search .post-types {
width: 340px;
margin: 0 auto;
}
#search input[type="radio"]:after {
width: 22px;
height: 22px;
top: -3px;
left: -1px;
position: relative;
background-color: #d1d3d1;
content: "";
display: inline-block;
visibility: visible;
}
#search input[type="radio"]:checked:after {
width: 22px;
height: 22px;
top: -3px;
left: -1px;
position: relative;
background-color: #fc923f;
content: "";
display: inline-block;
visibility: visible;
} #page-content-wrapper {
width: 100%;
padding: 1rem;
}
.container-general {
max-width: 1560px;
margin-right: auto;
margin-left: auto;
}
.page-content-wrapper {
width: 100%;
}
.wrapper {
display: flex;
width: 100%;
align-items: stretch;
}
.featured-grid-mb {
margin-bottom: 1.875rem;
}
.img__wrap {
position: relative;
transition: 0.3s;
}
.img__wrap:hover {
transition: 0.3s;
}
.img__wrap img {
transition: 0.3s ease-in-out;
display: block;
}
.img-cover {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-object-fit: cover;
-moz-object-fit: cover;
-o-object-fit: cover;
-ms-object-fit: cover;
}
.imageoutlink {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9;
}
.txt {
color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.txt a {
color: #fff;
}
.post-time {
text-transform: uppercase;
font-size: 0.875rem;
}
.home-categories img,
.home-banners img {
display: block;
object-fit: cover;
width: 100%;
height: 100%;
}
.home-categories a {
text-shadow: 2px 2px 8px #323232;
}
.home-categories a:hover {
color: unset !important;
}
.home-articles-in a {
text-shadow: 2px 2px 8px #323232;
}
.home-articles-in a:hover {
color: unset !important;
}
.rel-posts-height img {
object-fit: cover;
height: 100%;
}
.spacer {
width: 100%;
min-height: 1px;
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
position: relative;
}
.social-icon-size {
font-size: 1.25em;
margin: 0.5rem;
} .home-articles-in img,
.home-articles-out img,
.home2-image img,
.home3-image img,
.home4-image img {
display: block;
object-fit: cover;
height: 100%;
}
.img__wrap figure {
position: relative;
height: 100%;
margin: 0;
}
.img__wrap figure figcaption {
padding: 1em;
color: #fff;
}
.img__wrap figure figcaption,
.img__wrap figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.img__wrap figure h4,
.img__wrap figure p {
margin: 0;
}
.author-box-avatar {
float: left;
margin-right: 0.5em;
}
.author-box-avatar img {
display: block;
opacity: 1 !important;
} @media (max-width: 768px) {
body .home-articles-in,
body .home-articles-out {
height: unset;
}
.home-articles-in img,
.home-articles-out img,
.home2-image img,
.home3-image img,
.home4-image img {
height: unset;
aspect-ratio: 16 / 9;
}
}  figure.effect-lily img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
figure.effect-lily figcaption {
text-align: left;
}
figure.effect-lily figcaption > div {
position: absolute;
bottom: 0;
left: 0;
padding: 0 1em;
width: 100%;
}
figure.effect-lily h5 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0);
}
figure.effect-lily p {
color: rgba(255, 255, 255, 1);
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
figure.effect-lily:hover img,
figure.effect-lily:hover p {
opacity: 1;
}
figure.effect-lily:hover img,
figure.effect-lily:hover h5,
figure.effect-lily:hover p,
figure.effect-lily:hover small {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-lily:hover p {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}
figure.effect-lily:hover h5 {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}
figure.effect-lily section {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
color: rgba(255, 255, 255, 0.8);
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
figure.effect-lily:hover section {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
} figure.effect-sarah {
background: #000;
}
figure.effect-sarah img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-sarah:hover img {
opacity: 0.4;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-sarah figcaption {
text-align: left;
}
figure.effect-sarah h5 {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
figure.effect-sarah h5::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
content: "";
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-sarah:hover h5::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} #back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 999;
cursor: pointer;
border: 0;
text-decoration: none;
transition: opacity 0.2s ease-out;
opacity: 0;
padding: 10px;
width: 40px;
height: 40px;
line-height: 20px;
}
#back-to-top.show {
opacity: 1;
}  .carousel {
height: auto;
min-height: 100%;
overflow: hidden;
}
.carousel-cell {
margin-right: 10px;
display: block;
}
.carousel-cell-image {
display: block;
height: 400px;
}
.home-slider-img {
width: 100%;
object-fit: cover;
}
.flickity-viewport {
transition: height 0.2s;
}
.flickity-page-dots .dot {
width: 15px;
height: 15px;
}
.flickity-button-icon {
display: none;
}
.flickity-button:focus {
box-shadow: none;
}
.flickity-prev-next-button {
width: 32px;
height: 32px;
}
.previous:before,
.prev:before {
content: "\f053"; font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 16px;
padding-right: 2px;
}
.next:before {
content: "\f054"; font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 16px;
}
.slide-box-shadow {
background-color: rgba(0, 0, 0, 0.45);
}
.colcard:first-of-type {
padding-left: 5px;
}
.colcard:last-of-type {
padding-right: 5px;
} .view-more-button {
display: inline-block;
cursor: pointer;
padding: 10px;
width: 40px;
height: 40px;
line-height: 18px;
}
.page-load-status {
display: none; padding: 20px 0;
text-align: center;
color: #777;
}
.loader-ellips {
font-size: 20px; position: relative;
width: 4em;
height: 1em;
margin: 10px auto;
}
.loader-ellips__dot {
display: block;
width: 1em;
height: 1em;
border-radius: 0.5em;
background: #555; position: absolute;
animation-duration: 0.5s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
left: 0;
}
.loader-ellips__dot:nth-child(3) {
left: 1.5em;
}
.loader-ellips__dot:nth-child(4) {
left: 3em;
}
@keyframes reveal {
from {
transform: scale(0.001);
}
to {
transform: scale(1);
}
}
@keyframes slide {
to {
transform: translateX(1.5em);
}
}
.loader-ellips__dot:nth-child(1) {
animation-name: reveal;
}
.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
animation-name: slide;
}
.loader-ellips__dot:nth-child(4) {
animation-name: reveal;
animation-direction: reverse;
} .home-va-btn {
float: right;
border: 0;
text-decoration: none;
font-weight: 700;
margin: 0 0.5em;
}
.catlist {
margin-right: 10px;
line-height: 1.5em;
font-size: 0.875rem;
}
.taglist {
margin-top: 0.3rem;
margin-right: 0.5rem;
padding: 0.5rem 0;
} .post-overlaytxt {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.05);
overflow: hidden;
width: 100%;
top: 0;
}
.single-titles {
font-size: 2.5rem;
line-height: 1.2;
}
.single-titles-top-left {
position: absolute;
left: 0;
top: 0;
width: 33%;
}
.single-date {
font-size: 0.875rem;
text-transform: uppercase;
}
.single-tags a {
font-size: 1rem;
font-weight: 400;
}
.single-comments-content {
margin: 0 0 0 70px;
padding: 1em;
}
.single-comments-author-meta {
font-weight: bold;
margin: 0 0 1em;
}
.single-comments-author-meta a {
font-weight: normal;
}
.single-comments-author {
font-weight: 700;
}
.review-author-list-name {
display: inline-block;
font-weight: 700;
font-size: 0.85rem;
vertical-align: middle;
margin-top: 5px;
}
figcaption .review-author-list-name a {
color: #fff;
}
.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: auto;
z-index: 9;
position: relative;
right: 10%;
}
.more-title {
margin: 1rem 0;
padding: 0.5em 0;
text-align: center;
}
.more-posts-titles {
text-transform: uppercase;
line-height: 1.2;
}
.extra-text {
text-align: left;
color: #757373;
display: block;
}
.viewscount {
display: block;
}
.viewscount:before {
margin: 0 0.25rem;
content: "\f06e";
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #007bff;
}
.post-edit-link {
font-weight: 700;
} .post-text-content ul {
list-style: none;
}
.post-text-content ul li {
list-style: disc;
} .post-text-content ol {
list-style: none;
counter-reset: kanewp-counter;
padding-left: 1rem;
}
.post-text-content ol li {
counter-increment: kanewp-counter;
}
.post-text-content ol li::before {
content: counter(kanewp-counter) ". ";
} .wide { margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: auto;
z-index: 9;
position: relative;
}
.page-wide-cover,
.post-centered-cover {
width: 100%;
object-fit: cover;
}
.page-overlaytxt {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
width: 100%;
top: 0;
}
.page-tpl-titles {
font-size: 5.5rem;
line-height: 1;
}
body.author .avatar {
width: 100%;
height: auto;
}
body.error404 footer {
display: none;
} .container-fluid-horizontal {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
body.post-template-single-post-half .container-fluid-horizontal {
padding: 0;
}
.dragscroll {
overflow: hidden;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: grab;
}
.dragscroll:active {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: grabbing;
}
.block-50-r {
display: block;
}
.block-50 {
display: -webkit-flex;
display: flex;
padding-right: 0.25rem;
padding-left: 0.25rem;
position: relative;
width: 45vh;
}
.img-fit {
max-width: 100%;
height: 100%;
object-fit: cover;
}
.home-horizontal a {
text-shadow: 2px 2px 8px #323232;
}
.home-horizontal a:hover {
color: unset !important;
}
.paginationfixed {
position: fixed;
padding: 0 5px;
right: 0;
background: yellow;
} .gallery-caption {
display: block;
font-size: 0.71111em;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal;
}
img.alignright {
float: right;
margin: 0 0 1em 1em;
}
img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.table-bordered {
border: unset;
}
.wp-caption p.wp-caption-text {
font-size: 0.85rem;
border-bottom: 1px solid #f1f1f1;
padding-bottom: 1rem;
text-align: left;
padding: 1rem 2px;
padding-top: 0;
color: #757373;
}
div.wp-caption p:first-of-type:first-letter,
div.wp-caption p .wp-caption-text:first-of-type:first-letter {
background: unset !important;
font-size: unset !important;
font-weight: unset !important;
color: unset !important;
padding: unset !important;
margin: unset !important;
float: unset !important;
line-height: unset !important;
}
div.wp-caption {
max-width: 100%;
margin-bottom: 20px;
}
blockquote > p {
border-left: 4px solid var(--accent);
padding: 1rem;
margin-top: 1rem;
font-weight: bold;
font-size: 1.25em;
}
pre {
padding: 1rem;
color: #aaa;
background-color: #333333;
white-space: pre;
border-radius: 0.25rem;
font: 16px/24px "Courier New", Courier, "Lucida Sans Typewriter",
"Lucida Typewriter", monospace;
} .author-avatar img {
transition: unset;
}
.bypostauthor {
padding: 1em 0;
}
.logged-in-as a {
font-weight: normal;
}
#comments ol li {
display: block;
margin: 1.5rem 0;
}
.comment-respond {
margin: 1rem 0;
} .page-numbers,
.page-numbers a,
.page-numbers a:hover,
.page-numbers li.active a,
.page-numbers.disabled {
cursor: pointer;
padding: 0.25rem 0.5rem;
display: inline-block;
vertical-align: middle;
font-size: 1.2rem;
}
.page-numbers.current {
font-weight: 700;
}
.page-numbers.prev:before,
.page-numbers.next:before {
font-size: 1rem;
color: unset;
} .widget_titles {
padding-bottom: 0.5rem;
}
.sidenav-nav-container .widget_categories,
.sidenav-nav-container .widget_archive,
.sidenav-nav-container .widget_pages,
.sidenav-nav-container .widget_meta,
.sidenav-nav-container .widget_recent_entries,
.sidenav-nav-container .widget_tag_cloud,
.sidenav-nav-container .widget_calendar,
.sidenav-nav-container .widget_search,
.sidenav-nav-container .widget_text,
.sidenav-nav-container .widget_media_image,
.sidenav-nav-container .widget_recent_comments {
padding: 1.5rem;
}
.sidenav-nav-container .widget_nav_menu {
padding: 0.75rem;
}
.widget_categories ul,
.widget_archive ul,
.widget_pages ul,
.widget_meta ul,
.widget_recent_entries ul {
font-weight: 400;
font-style: normal;
padding-left: 0;
margin-top: 0.25rem;
}
.widget_categories li,
.widget_archive li,
.widget_pages li,
.widget_meta li,
.widget_recent_entries li {
list-style: none;
margin-bottom: 0.25rem;
}
.widget_categories li ul li,
.widget_archive li ul li,
.widget_pages li ul li,
.widget_meta li ul li,
.widget_recent_entries li ul li {
margin-left: 0.25rem;
}
.widget_categories li ul li:before,
.widget_archive li ul li,
.widget_pages li ul li,
.widget_recent_entries li ul li {
margin: 0 0.25rem;
content: "\f054";
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #007bff;
}
.widget_media_image img {
width: 100%;
} #wp-calendar {
width: 100%;
max-width: 37.5rem;
margin-left: auto;
margin-right: auto;
}
#wp-calendar caption {
padding: 0.5rem;
text-align: right;
caption-side: top;
font-size: 1rem;
color: unset;
text-transform: lowercase;
}
#wp-calendar thead tr {
border-right: 1px solid #ccc;
}
#wp-calendar thead th {
font-weight: 500;
padding: 0.25rem;
text-transform: lowercase;
text-align: right;
border-right: 1px solid #ccc;
}
#wp-calendar tbody td {
position: relative;
padding: 0.25rem;
text-align: right;
border-right: 1px solid #ccc;
}
#wp-calendar tbody td.pad {
opacity: 0.7;
}
#wp-calendar tbody td#today {
font-weight: 500;
}
#wp-calendar tbody td#today:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 10px solid #999;
border-left: 10px solid transparent;
}
#wp-calendar tbody td a {
display: block;
font-weight: 700;
}
#wp-calendar tbody td a:hover {
background: #0074c6;
color: #fff;
}
#wp-calendar tfoot tr {
border-bottom: 1px solid #ccc;
}
#wp-calendar tfoot tr td {
border: 0;
padding: 0;
}
#wp-calendar tfoot tr a {
display: block;
padding: 0.25rem 0.75rem;
text-transform: lowercase;
}
#wp-calendar tfoot tr #prev {
text-align: left;
}
#wp-calendar tfoot tr #next {
text-align: right;
} .widget_recent_comments ul {
list-style: none;
padding: 0;
}
.widget_recent_comments li:before {
content: "\f27a"; font-family: "Font Awesome 6 Free";
font-weight: 400;
width: 32px;
height: 32px;
line-height: 32px;
margin: 0.25em;
}
.comment-author-link {
font-weight: bold;
} .post_count {
margin-left: 0.5em;
font-size: 0.75rem;
} .widget_nav_menu .widget_titles {
margin: 1rem;
} .widget_archive,
.widget_categories {
position: relative;
}
.widget_archive select,
.widget_categories select {
display: block;
width: 100%;
height: calc(2.75rem + 2px);
padding: 0.375rem 0.75rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #f1f1f1;
border: 1px solid #f1f1f1;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
font-weight: 400;
font-style: normal;
font-size: 0.875em;
}
.widget_archive .newarrow:after,
.widget_categories form:after {
content: "\f107";
font-family: "Font Awesome 6 Free";
font-weight: 300;
color: #000;
padding: 10px;
position: absolute;
right: 0;
bottom: 0;
background: #f1f1f1;
z-index: 1;
pointer-events: none;
border-top-right-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
} #custom-search-input {
width: 100%;
position: relative;
}
#custom-search-input button {
border: 0;
background: none;
padding: 7px 10px;
position: absolute;
right: 0;
margin-bottom: 0;
color: #8e8e8e;
top: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
font-family: inherit;
font-size: 100%;
} .square-general {
width: 100%;
padding-bottom: 100%;
}
.square-gallery {
width: 100%;
padding-bottom: 100%;
}
.gallery {
background: #e9e9e9;
margin-bottom: 2em !important;
}
.gallery-item {
margin: 0 !important;
}
.gallery-item img {
width: 100%;
height: auto;
max-width: 100%;
border: 0 !important;
padding: 0.5em;
}
@media (max-width: 720px) {
.gallery-item {
max-width: 50%;
}
}
@media (max-width: 480px) {
.gallery-item {
max-width: 100%;
}
}
.gallery-caption {
display: block;
font-size: 0.71111em;
line-height: 1.6;
margin-bottom: 1em;
padding: 0.5rem;
}  .wpcf7 label {
text-transform: uppercase;
} select.wpcf7-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//cpa-site.com/wp-content/themes/kanewp/assets/img/arrowdown.svg);
background-position-x: 95%;
background-position-y: 50%;
background-repeat: no-repeat;
background-size: 15px 15px;
background-color: #ededed;
}
.wpcf7-select {
width: 100%;
border: 1px solid #efefef;
padding: 7px 40px;
margin-top: 0.5rem;
padding-left: 20px;
} .wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
background-color: #ededed;
border: 1px solid #efefef;
padding: 7px 20px;
margin-top: 0.5rem;
width: 100%;
}
.wpcf7 textarea {
background-color: #ededed;
border: 1px solid #efefef;
padding: 7px 20px;
margin-top: 0.5rem;
width: 100%;
}
.wpcf7-quiz-label {
display: block;
margin-top: 0.5rem;
} .wpcf7-list-item-label {
margin-left: 0.5em;
display: inline-block;
}
.wpcf7 input[type="radio"]:after {
width: 22px;
height: 22px;
border-radius: 15px;
top: -3px;
left: -1px;
position: relative;
background-color: #d1d3d1;
content: "";
display: inline-block;
visibility: visible;
border: 2px solid white;
}
.wpcf7 input[type="radio"]:checked:after {
width: 22px;
height: 22px;
border-radius: 15px;
top: -3px;
left: -1px;
position: relative;
background-color: #1199ff;
content: "";
display: inline-block;
visibility: visible;
border: 2px solid white;
} .wpcf7-list-item-label {
margin-left: 0.75em;
display: inline-block;
}
.wpcf7 input[type="checkbox"]:after {
width: 22px;
height: 22px;
top: -3px;
left: -1px;
position: relative;
background-color: #d1d3d1;
content: "";
display: inline-block;
visibility: visible;
border: 2px solid white;
}
.wpcf7 input[type="checkbox"]:checked:after {
width: 22px;
height: 22px;
border-radius: 5px;
top: -3px;
left: -1px;
position: relative;
background-color: red;
content: "";
display: inline-block;
visibility: visible;
border: 2px solid white;
} .wpcf7 input[type="submit"],
.wpcf7 input[type="button"] {
background-color: #5c5c5c;
border: 0;
padding: 7px 20px;
font-weight: bold;
margin: 20px 0;
width: 100%;
color: #fff;
}
.wpcf7 input[type="file"] {
color: #000;
background-color: #ededed;
border: 1px solid #efefef;
padding: 7px 20px;
} span.wpcf7-not-valid-tip {
padding: 7px 20px;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
font-weight: bold;
margin: 0;
padding: 7px 20px;
text-transform: uppercase;
color: #fff;
border: 0;
}
div.wpcf7-mail-sent-ok {
background: #398f14;
}
div.wpcf7-acceptance-missing {
background: #ffa500;
}
div.wpcf7-validation-errors {
background: #ff0000;
}
.wpcf7-mail-sent-ok:before {
content: "\f058";
font-family: "Font Awesome 6 Free";
font-weight: 900;
padding-right: 4px;
}
.wpcf7-not-valid-tip:before,
.wpcf7-validation-errors:before,
.wpcf7-acceptance-missing:before,
.wpcf7-mail-sent-ng:before,
.wpcf7-aborted:before {
content: "\f06a";
font-family: "Font Awesome 6 Free";
font-weight: 900;
padding-right: 4px;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
background: #ff0000;
}  body.wp-night-mode-on {
background: #232323 !important;
}
body.wp-night-mode-on footer {
background: #191919;
}
body.wp-night-mode-on select {
background: #323232;
color: #fff;
}
body.wp-night-mode-on a:hover {
text-decoration: none;
}
body.wp-night-mode-on ul.menu > li a {
color: #fff;
}
body.wp-night-mode-on .menu-hover:hover > .sub-menu li a {
color: #fff;
}
body.wp-night-mode-on .form-control {
background-color: #323232;
}
body.wp-night-mode-on .form-control:focus {
color: #fff;
}
body.wp-night-mode-on .btn-custom {
color: #fff !important;
background-color: #363636 !important;
border-color: #363636 !important;
}
body.wp-night-mode-on .page-numbers {
color: #fff !important;
background-color: #363636 !important;
border-color: #363636 !important;
}
body.wp-night-mode-on .view-more-button {
color: #fff;
background-color: #363636;
border-color: #363636;
}
body.wp-night-mode-on .bg-navbar {
background: #191919;
}
body.wp-night-mode-on .sidenav {
background: #232323;
}
body.wp-night-mode-on .bg-sidemenu-responsive {
background: #191919;
}
body.wp-night-mode-on .bg-current,
body.wp-night-mode-on .card-body {
background: #3a3a3a;
}
body.wp-night-mode-on .bg-post-ly1 {
background: #141414;
}
body.wp-night-mode-on .bg-side {
background: #333333;
}
body.wp-night-mode-on .hamb-menu,
body.wp-night-mode-on .hamb-menu-right {
color: #fff;
}
body.wp-night-mode-on .logow {
display: none;
}
body.wp-night-mode-on .logob {
display: block;
}
body.wp-night-mode-on .img__description a:hover {
color: #fff;
}
body.wp-night-mode-on .arrow-icon:before {
background: #141414;
}
body.wp-night-mode-on .dropdown-divider {
border-top: 1px solid #232323;
}
body.wp-night-mode-on .modal-content {
background-color: #191919;
}
body.wp-night-mode-on .title-out,
body.wp-night-mode-on .title-out a {
color: #fff;
}
body.wp-night-mode-on .text-out {
color: #fff;
}
body.wp-night-mode-on .border-custom {
border-color: #232323;
}
body.wp-night-mode-on .border {
border: 1px solid rgba(0, 0, 0, 0.1);
}
body.wp-night-mode-on .border-bottom,
body.wp-night-mode-on .modal-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.wp-night-mode-on .border-top {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
body.wp-night-mode-on .border-left {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
body.wp-night-mode-on .border-right {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
body.wp-night-mode-on .dropdown-menu {
background-color: #191919;
color: #fff;
}
body.wp-night-mode-on .dropdown-btn {
color: #fff;
}
body.wp-night-mode-on .dropdown-item {
color: #fff;
}
body.wp-night-mode-on .dropdown-item:hover,
body.wp-night-mode-on .dropdown-item:focus {
background-color: unset;
color: unset;
}
body.wp-night-mode-on .dropdown-sidenav-btn {
color: #fff;
}
body.wp-night-mode-on .message-label {
color: #fff;
}
body.wp-night-mode-on .close,
body.wp-night-mode-on .closebtn:hover {
color: #fff;
}
body.wp-night-mode-on .alert-dismissible .close {
color: inherit;
}
body.wp-night-mode-on .navbar .nav-link {
color: #fff;
}
body.wp-night-mode-on .nav-pills .nav-link.active {
background: #060606;
}
body.wp-night-mode-on .nav-pills .nav-link {
background: #7c7d7d;
}
body.wp-night-mode-on #search {
background: #191919;
}
body.wp-night-mode-on #search input[type="search"] {
color: #fff;
}
body.wp-night-mode-on #search .close {
background: url(//cpa-site.com/wp-content/themes/kanewp/assets/img/close-w.svg) no-repeat 7px center;
background-size: 18px 18px;
}
body.wp-night-mode-on form#searchb input[type="search"],
body.wp-night-mode-on form#searchres input[type="search"],
body.wp-night-mode-on form#searchb button,
body.wp-night-mode-on form#searchres button {
background: #323232;
border: 1px solid #323232;
}
body.wp-night-mode-on #back-to-top,
body.wp-night-mode-on #back-to-home {
color: #fff;
}
body.wp-night-mode-on #slideout {
background: #323232;
}
body.wp-night-mode-on .card-custom {
background: #181818;
}
body.wp-night-mode-on .tab-content {
background: #323232;
}
body.wp-night-mode-on .menu-hover:hover,
body.wp-night-mode-on .col-hover:hover {
background: rgba(0, 0, 0, 0.85);
}
body.wp-night-mode-on .drawer-content {
background: #232323;
}
body.wp-night-mode-on .single-comments-content {
background: #323232;
}
body.wp-night-mode-on .alert {
background: #1e272e !important;
border: 0;
}
body.wp-night-mode-on .gallery {
background: #323232;
}
body.wp-night-mode-on .pass-strength-result {
color: #323232;
}
body.wp-night-mode-on .paginationfixed {
background: #323232;
}
body.wp-night-mode-on .flickity-prev-next-button {
background: #323232;
}
body.wp-night-mode-on .flickity-button:hover {
background: gray;
} @media only screen and (max-width: 768px) {
.block-50-r {
max-width: 100%;
width: 100%;
}
}
@media only screen and (max-width: 991px) {
#sidebar {
margin-left: -270px;
display: none;
}
.sidenav-nav-container,
.sidenav-nav-container-res {
padding: 0;
margin: 15px 0 0 25px;
}
.container-general {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.navbar:not(.navbar-wide) .logores {
display: none !important;
}
.navbar-logo {
left: 2.5em;
}
.navbar-logo-left {
left: 1rem;
}
.navbar-logo-center {
left: 3em;
position: absolute;
}
.navbar-search {
height: 52px;
display: block;
}
.navigation-sticky-top {
position: unset;
}
.post-overlaytxt {
background: unset;
position: unset;
}
.single-titles {
font-size: 2rem;
}
.single-titles-top-left {
position: unset;
width: unset;
}
.wide-classic { margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: auto;
z-index: 9;
position: relative;
}
.page-wide-cover {
max-width: 100%;
height: auto;
}
.post-centered-cover {
height: 50vh;
}
.post-classic-cover {
height: 50vh;
width: 100%;
object-fit: cover;
}
.page-tpl-titles {
font-size: 2.25rem;
}
body.page-template-template-home-horizontal {
overflow-y: unset;
}
.container-fluid-horizontal {
width: 100%;
}
.dragscroll {
height: 100%;
flex-wrap: wrap;
cursor: pointer;
}
.block-50 {
width: 100%;
}
.paginationfixed {
position: unset;
right: unset;
margin: 0 auto;
margin-bottom: 0.5rem;
}
.carousel-mobile .flickity-prev-next-button {
display: none;
}
.slider-mn {
margin-left: -32px;
margin-right: -32px;
}
.slider-col-pn {
padding-left: 32px;
}
.slider-in-col-pn {
padding-left: 0;
padding-right: 0;
}
.slider-box-pn {
padding: 0 32px;
}
}
@media only screen and (max-width: 1024px) {
span.wpcf7-list-item {
display: block;
margin: 0;
}
}
@media only screen and (max-width: 1200px) {
.alignfull {
right: unset;
}
}
@media only screen and (min-width: 991px) and (max-width: 1599px) {
.navbar-logo {
left: 0.75em;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.block-50-r {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
width: 50%;
}
}
@media only screen and (min-width: 991px) {
.navbar-logo-center {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
.post-classic-cover {
max-width: 100%;
height: auto;
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.author-avatar img {
width: 100%;
height: auto;
}
body.post-template-single-post-half .wide {
margin-left: unset;
margin-right: unset;
}
}
@media only screen and (min-width: 1600px) {
.navbar-logo {
left: 1.75%;
}
}  .my-slider-container {
position: relative;
max-width: 100%; }
.my-slider {
width: 100%;
height: auto;
max-height: 80vh;
}
@media (min-width: 768px) {
.my-slider {
max-height: 80vh;
height: 768px;
}
}
.my-slider .swiper-slide {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.my-slider .swiper-slide img {
width: 100%;
height: 100%;
border-radius: 8px;
object-fit: contain;
}
.swiper-button-prev,
.swiper-button-next {
color: #fff;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.my-slider a.glightbox {
height: 100%;
}  .main-banner img {
object-fit: cover;
object-position: top center;
}
@media (max-width: 1100px) {
body .main-banner img {
aspect-ratio: 16/9;
border-radius: 10px;
}
}  .navbar-wide .navbar-box {
display: flex;
gap: 16px 10px;
align-items: center;
justify-content: flex-end;
}
.navbar-box label {
margin: 0;
}
.radius-10 {
border-radius: 10px;
}
.search-box {
position: relative;
width: 100%;
max-width: 15em;
background: #ffffff;
border-radius: 10px;
padding: 14px 18px 14px 45px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
display: flex;
align-items: center;
max-height: 49px;
margin: auto;
}
.search-box input {
border: none;
outline: none;
width: 100%;
font-size: 18px;
color: #444;
background: transparent;
}
.search-box input::placeholder {
color: #999;
}
.search-icon {
position: absolute;
left: 18px;
font-size: 20px;
color: #7b4dff; }
.navbar-icons { }
.marquee-js {
position: relative;
overflow: hidden;
white-space: nowrap;
padding: 11px 0;
width: 15em;
background: #e2e3ff;
border-radius: 10px;
color: var(--accent);
font-size: 18px;
display: inline-flex;
margin: auto;
}
.marquee-js .track {
display: inline-block;
will-change: transform;
white-space: nowrap;
}
.fa-dot::before {
content: " ";
background-color: var(--accent);
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
bottom: 40%;
}
.fa-dot {
padding: 0 16px 0 10px;
width: 8px;
}
.logo-small img {
height: 49px;
}
.navbar-height {
height: 81px;
}
.navbar-icons .btn {
display: inline-flex;
align-items: center;
max-height: 49px;
border-radius: 10px;
font-weight: 600;
}
.menu-sidenav-menu-container {
max-width: 200px;
background-color: #fff;
padding: 12px 16px;
border-radius: 10px;
}
.menu-sidenav-menu-container ul > li:nth-child(1) {
font-size: 24px;
font-weight: 600;
}
.sidenav-nav-container {
padding: 0;
width: 200px;
}
@media (min-width: 801px) {
.menu-sidenav-menu-container,
.sidenav-nav-container {
margin-left: auto;
}
}
@media (max-width: 801px) {
.menu-sidenav-menu-container,
.sidenav-nav-container {
margin: auto;
}
}  #page-content-wrapper {
min-width: 0;
}
#sidebar {
min-width: 220px;
max-width: 220px;
margin-right: 24px;
}
.events-block {
margin: 0 0 24px;
width: 100%;
background: #fff;
display: flex;
gap: 16px;
padding: 16px;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.events-block:after {
width: 40%;
background: linear-gradient(260deg, #ffffff 20%, #ffffff00 100%);
content: " ";
position: absolute;
height: 100%;
right: 0;
pointer-events: none;
top: 0;
}
.events-block {
position: relative;
}
.events-arrow {
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
width: 44px;
height: 44px;
cursor: pointer;
z-index: 5;
}
@media (max-width: 800px) {
.events-arrow {
display: none;
}
}
.events-arrow::before {
content: "";
width: 14px;
height: 14px;
border-top: 3px solid var(--accent);
border-right: 3px solid var(--accent);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.events-header {
display: flex;
justify-content: space-between;
align-items: flex-start; flex-direction: column;
white-space: nowrap;
text-align: left;
height: 100%;
}
.events-all {
color: var(--accent);
}
.events-header h2 {
font-size: 28px;
margin: 0;
}
.events-all {
color: #6a4dfd;
text-decoration: none;
font-weight: 500;
}
body.wp-night-mode-on a.events-all:link,
body.wp-night-mode-on a.events-all:visited { background: var(--dark-bg-border);
padding: 3px 16px;
border-radius: 10px;
}
.events-list {
display: flex;
gap: 20px;
flex-wrap: nowrap;
}
@media (max-width: 800px) {
.events-list {
overflow: scroll;
}
}
.event-item {
flex: 1;
background: var(--bg-light);
border-radius: 10px;
padding: 12px 16px;
text-decoration: none;
color: #000;
transition: 0.25s;
flex-basis: 38%;
flex-shrink: 0;
display: flex;
gap: 0 10px;
flex-wrap: wrap;
height: 81px;
max-width: 340px;
}
.event-item:hover {
transform: translateY(-4px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}
.event-title {
font-size: 18px;
font-weight: 500;
line-clamp: 1;
flex-basis: 50%;
flex-shrink: 1;
flex-grow: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.event-venue {
font-size: 16px;
opacity: 0.7;
order: 3;
width: 100%;
line-clamp: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.event-date {
font-size: 16px;
color: var(--accent);
font-weight: 500;
margin: 0px 0 0 auto;
}
@media (max-width: 800px) {
.events-block {
margin: 5px 0;
}
.events-block {
flex-direction: column;
}
.events-header {
flex-direction: row;
height: unset;
margin: 0;
align-items: center;
}
.events-header h2 {
font-size: 16px;
}
.events-all {
font-size: 14px;
}
.events-block:after {
display: none;
}
}
.post {
padding-left: 12px;
padding-right: 12px;
margin: 12px 0 !important;
}
.single-post a > span,
body .single-post blockquote a {
color: #9f81ff !important;
}
.table td,
.table th {
padding: 0.85rem;
}
.ratio-16x9 {
aspect-ratio: 16 / 9;
overflow: hidden;
}
.nightmode {
display: flex;
align-items: center;
padding: 0 0 9px;
}
@media (max-width: 800px) {
.nightmode {
padding: 0;
order: -1;
}
}
.wpnm-button.style-1.active .wpnm-slider {
background-color: var(--accent);
}
@media (min-width: 801px) { body .navbar-icons {
position: relative;
padding-left: 170px;
} .scrollbar-sidenav,
.scrollbar-sidenav-res {
height: 100vh;
}
.simplebar-content-wrapper {
overflow: hidden !important;
}
}
.side-ba {
display: flex;
flex-direction: row-reverse;
}
.side-ba img {
border-radius: 10px;
}
.searchpop {
display: none;
}
.navbar-wide .search-box {
box-shadow: none;
}
.rating-block {
cursor: pointer;
padding-right: 0;
display: flex;
flex-direction: row-reverse;
}
.rating-block .table thead th {
border: 0;
}
.favicon {
width: 40%;
position: absolute;
filter: blur(1px);
right: 0px;
top: 0;
object-fit: cover;
bottom: 0;
height: 100%;
z-index: 0;
opacity: 0.1;
display: none;
}
.overflow-hidden {
overflow: hidden;
}
.border-radius-10 {
border-radius: 10px;
}
.hamburger {
display: none !important;
}
.navbar-box label {
white-space: nowrap;
}
@media (max-width: 1260px) {
.navbar-box label:nth-child(3) {
display: none;
}
}
@media (max-width: 1165px) {
.navbar-box label:nth-child(2) {
display: none;
}
}
@media (max-width: 1070px) {
.navbar-box label:nth-child(1) {
display: none;
}
}
@media (max-width: 990px) {
.rating-block {
padding-left: 0;
}
}
@media (max-width: 800px) {
.hamburger {
order: 0;
width: 48px;
height: 48px;
display: flex !important;
justify-content: center;
align-items: center;
text-align: center;
background: var(--white);
color: var(--accent);
border-radius: 10px;
}
body .navbar-wide {
height: 146px !important;
background: var(--stroke);
}
body .navbar-wide > .navbar-width {
align-items: flex-start;
height: 100%;
justify-content: flex-start;
flex-wrap: nowrap;
}
body .navbar-logo {
position: relative;
order: -11;
left: 0;
}
body .navbar-icons {
position: relative;
flex-grow: 1;
}
.marquee-js {
order: 10;
display: flex;
bottom: -70px;
position: absolute;
left: -124px;
width: calc(100vw - 48px);
}
body .search-box {
margin: 0 0 0 auto;
}
body .event-date {
margin: 0;
}
body .event-item {
min-width: 270px;
}
}
@media (max-width: 660px) {
.searchpop {
width: 48px;
background: var(--white);
border-radius: 10px;
align-items: center;
margin-left: auto;
height: 48px;
margin-top: 0 !important;
display: flex;
justify-content: center;
}
.navbar .search-box {
display: none;
}
}
@media (max-width: 570px) {
.main-b {
display: none !important;
}
}
.header-bar {
background-color: var(--accent);
font-size: 24px;
padding: 16px;
color: #fff;
border-radius: 10px;
font-weight: 500;
} .article-feed .card {
border-radius: 10px;
}
.card .description,
.card h5 {
line-clamp: 3;
}
.card h5 {
margin-bottom: 16px;
}
.card .date {
font-size: 14px;
margin-bottom: 16px;
}
.card img.card-img-top {
border-radius: 10px 10px 0 0 !important;
}
.card-body {
background-color: var(--white);
border-radius: 0 0 10px 10px;
padding: 16px;
min-height: 14.2em;
}
.card .fa {
color: var(--accent);
margin-right: 8px;
}
.rating-card {
border: 0;
box-shadow: unset;
border-radius: 10px
}
.rating-card-wrapper {
padding: 0 16px 16px 0;
}
.rating-card .card-body{
background: none;
}
.rating-card h5{
display: flex;
font-size: 25px;
padding: 5px 0;
}
@media (max-width: 800px) {
.rating-card-wrapper {
padding: 0 0 16px 0;
}
}
body footer {
background-color: var(--accent);
color: #ffffff;
}
body footer a:link,
body footer .widget_titles,
body footer a:visited {
color: #fff;
}
.sidenav-nav-container .widget_nav_menu {
padding: 0.75rem 0;
}
.simplebar-track.simplebar-vertical {
display: none;
}
.block {
background: white;
padding: 16px;
border-radius: 10px !important;
}
.main-prev,
.main-next {
width: 36px;
height: 36px;
background-color: #7f63f4 !important;
color: #fff !important;
display: flex;
align-items: center;
justify-content: center;
border: none;
}
.main-prev:hover,
.main-next:hover {
opacity: 0.9;
} .mainSwiper .swiper-slide { }
.card-img-top {
object-fit: cover;
width: 100%;
height: 100%;
} .wp-night-mode-on .card,
.wp-night-mode-on .dark-bg {
background-color: #272727 !important;
color: #e4e4e4 !important;
border-color: #333 !important;
}
.wp-night-mode-on .card:hover {
background-color: #2b2b2b !important;
}
.wp-night-mode-on .table {
color: #ddd !important;
}
.wp-night-mode-on .table thead tr {
color: #aaa !important;
}
.wp-night-mode-on .text-muted {
color: #bbb !important;
} .wp-night-mode-on .main-prev,
.wp-night-mode-on .main-next {
background-color: #9b82ff !important;
}
.wp-night-mode-on .swiper-button-disabled {
opacity: 0.4 !important;
}
.p-8 {
padding: 8px;
}
.pb-16 {
padding-bottom: 16px;
}
.tag {
padding: 4px 16px;
background: var(--bg-light);
border-radius: 10px;
font-size: 14px;
color: var(--accent);
font-weight: 400;
}
.main-ba img {
border-radius: 10px;
}
.catlist-item {
background-color: var(--accent);
color: white;
white-space: nowrap;
} .icon-badge {
background-color: var(--accent);
padding: 2px 4px;
border-radius: 4px;
color: white;
}
:root {
--dark-bg: #181818;
--dark-bg-border: #434343;
--dark-font: #fff;
--dark-font-second: #bbbbbb;
--dark-font-hover: #111;
--accent: #6236ee;
--accent-hover: #4f25d5;
--stroke: #e3ebff;
--bg-light: #f1f5ff;
--white: #fff;
}
:root .wp-night-mode-on {
--bg-light: #d5e1ff1f;
--white: var(--dark-bg-border);
} .flickity-prev-next-button {
display: none;
} .gap-1 {
gap: 0.25rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.btn-primary {
background-color: var(--accent);
border-color: var(--accent);
padding: 12px 32px;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #6236ee;
border-color: #6236ee;
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
background-color: var(--accent);
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
background-color: var(--accent);
}
@media (max-width: 768px) {
body .home-slider-img {
aspect-ratio: 1 / 1;
height: unset;
width: 100%;
}
body.home .slideout-heading.m-3 {
margin-top: 0 !important;
}
body.home .slideout-heading.m-3 h5 {
font-size: 1.15rem;
margin: 0;
}
} #ez-toc-container a.ez-toc-toggle {
display: none;
}
body #ez-toc-container {
background: #8375ff0f;
border: 0;
border-radius: 14px;
-webkit-box-shadow: 0;
box-shadow: 0;
display: block;
margin-bottom: 1em;
padding: 15px 20px 15px 20px;
position: relative;
width: auto;
}
body:not(.wp-night-mode-on) .row.article-feed a:link { }
.tribe-events-event-image img {
width: 100%;
height: auto;
max-height: 570px;
object-fit: cover;
}
.wp-night-mode-on
.tribe-events
.tribe-events-c-events-bar
.tribe-common-form-control-text__input,
.wp-night-mode-on .tribe-events .tribe-events-c-events-bar__search-container,
.wp-night-mode-on
.tribe-events
.tribe-events-c-view-selector--tabs
.tribe-events-c-view-selector__content,
.wp-night-mode-on
.tribe-common--breakpoint-medium.tribe-common
.tribe-common-c-btn-border-small,
.wp-night-mode-on
.tribe-common--breakpoint-medium.tribe-common
a.tribe-common-c-btn-border-small,
.wp-night-mode-on .tribe-common .tribe-common-c-btn-border,
.wp-night-mode-on .tribe-common a.tribe-common-c-btn-border,
.wp-night-mode-on
.single-tribe_events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list,
.wp-night-mode-on
.tribe-events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list,
.wp-night-mode-on .spoiler-head,
.wp-night-mode-on .menu-sidenav-menu-container,
.wp-night-mode-on .events-block,
.wp-night-mode-on .block,
.wp-night-mode-on .search-box,
.wp-night-mode-on .spoiler-body {
background-color: var(--dark-bg);
}
.wp-night-mode-on
.tribe-common--breakpoint-medium.tribe-events
.tribe-events-c-events-bar--border,
.wp-night-mode-on
.tribe-events
.tribe-events-calendar-list__month-separator:after,
.wp-night-mode-on .tribe-events .tribe-events-calendar-list-nav {
border-color: var(--dark-bg-border);
}
body .spoiler-head,
body .spoiler-body {
border-color: var(--accent);
}
.wp-night-mode-on
.tribe-events
.tribe-events-c-view-selector__list-item-link:focus
.tribe-events-c-view-selector__list-item-text,
.wp-night-mode-on
.tribe-events
.tribe-events-c-view-selector__list-item-link:hover
.tribe-events-c-view-selector__list-item-text {
color: var(--dark-font-hover);
}
.wp-night-mode-on
.tribe-events
.tribe-events-c-view-selector__list-item--active
.tribe-events-c-view-selector__list-item-text,
.wp-night-mode-on .tribe-common .tribe-common-h7,
.wp-night-mode-on .tribe-common .tribe-common-h8,
.wp-night-mode-on .tribe-common .tribe-common-h5,
.wp-night-mode-on .tribe-common .tribe-common-h6,
.wp-night-mode-on .tribe-common a:not(.tribe-common-anchor--unstyle),
.wp-night-mode-on .tribe-common a:not(.tribe-common-anchor--unstyle):active,
.wp-night-mode-on .tribe-common a:not(.tribe-common-anchor--unstyle):focus,
.wp-night-mode-on .tribe-common a:not(.tribe-common-anchor--unstyle):hover,
.wp-night-mode-on
.tribe-common
a:not(.tribe-common-anchor--unstyle):visited
.wp-night-mode-on
.tribe-events
.tribe-events-c-events-bar
.tribe-common-form-control-text__input,
.wp-night-mode-on
.tribe-events
.tribe-events-calendar-latest-past__event-date-tag-month,
.wp-night-mode-on
.tribe-events
.tribe-events-calendar-latest-past__event-date-tag-year {
color: var(--dark-font);
} .wp-night-mode-on .tribe-events .tribe-events-c-view-selector__list-item-text,
.wp-night-mode-on
.tribe-events
.tribe-events-calendar-list__event-date-tag-weekday,
.wp-night-mode-on .tribe-events .tribe-events-calendar-list__event-datetime,
.wp-night-mode-on .tribe-common .tribe-common-c-btn-border,
.wp-night-mode-on .tribe-common a.tribe-common-c-btn-border,
.wp-night-mode-on
.single-tribe_events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list,
.wp-night-mode-on
.tribe-events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list,
.wp-night-mode-on
.tribe-events
.tribe-events-c-events-bar
.tribe-common-form-control-text__input,
.wp-night-mode-on .tribe-common a:not(.tribe-common-anchor--unstyle):hover,
.wp-night-mode-on .tribe-common a:not(.tribe-common-anchor--unstyle):visited,
.wp-night-mode-on .tribe-events-meta-group .tribe-events-single-section-title,
.wp-night-mode-on
.tribe-events
.tribe-events-calendar-latest-past__event-datetime {
color: var(--dark-font-second);
}
.wp-night-mode-on
.tribe-events
.tribe-events-calendar-list__month-separator:after,
.wp-night-mode-on .event-item,
.wp-night-mode-on .marquee-js {
background-color: var(--dark-bg-border);
}
.wp-night-mode-on
.single-tribe_events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list-item:active,
.wp-night-mode-on
.single-tribe_events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list-item:focus,
.wp-night-mode-on
.single-tribe_events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list-item:focus-within,
.wp-night-mode-on
.single-tribe_events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list-item:hover,
.wp-night-mode-on
.tribe-events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list-item:active,
.wp-night-mode-on
.tribe-events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list-item:focus,
.wp-night-mode-on
.tribe-events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list-item:focus-within,
.wp-night-mode-on
.tribe-events
.tribe-events-c-subscribe-dropdown
.tribe-events-c-subscribe-dropdown__list-item:hover {
background-color: var(--accent);
}
.tribe-events-abbr {
display: flex;
}
.wp-night-mode-on .events-block:after {
background: linear-gradient(260deg, #000000 20%, #00000000 90%);
}  .rank-math-breadcrumb {
font-size: 0.75em;
}  .wp-night-mode-on #ez-toc-container a {
color: var(--dark-font);
}  body .spoiler-head {
background-color: white;
}
.spoiler-head {
border-radius: 0.75rem 0.75rem 0 0;
}
.spoiler-head.folded {
border-radius: 0.75rem;
}
.spoiler-body {
border-radius: 0 0 0.75rem 0.75rem;
}  .promocode {
border: 1px solid var(--accent);
padding: 0px 7px 0 17px;
border-radius: 10px;
cursor: pointer;
max-height: 31px;
margin-top: auto;
}
.tags-cloud {
gap: 10px;
display: flex;
flex-wrap: wrap;
}
.partners-services-post .btn-sm,
.tags-cloud .btn-primary {
padding: 0.25rem 0.5rem;
border-radius: 10px;
}
@media (min-width: 768px) {
.partners-services-post .card-custom {
flex-direction: row;
}
.partners-services-post .img__wrap {
flex-basis: 270px;
flex-shrink: 0;
}
}
.is_pinned_tag .card-custom:before,
.is_pinned_global .card-custom:before {
background-color: #5f2fe7;
content: "";
right: 0;
height: 100%;
width: 5px;
position: absolute;
top: 0;
border-radius: 0 3px 3px 0;
order: 0;
}
.partners-services-post .dashicons-admin-page,
.partners-services-post .dashicons-admin-page:before {
height: 18px;
font-size: 18px;
}
.copy-promo {
height: 29px;
}  .btn-primary:hover {
background-color: var(--accent-hover);
border-color: var(--accent-hover);
}
.btn-outline-primary {
border-color: var(--accent);
color: var(--accent);
}
.dashicons-admin-page:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: url(//cpa-site.com/wp-content/themes/kanewp/assets/img/icons/icons8_copy_1.svg)
no-repeat center;
background-size: contain;
transform: scaleX(-1);
}
.wp-night-mode-on .dashicons-admin-page:before {
filter: invert(1);
}
*[data-liked="true"] {
background-color: var(--accent);
color: #fff;
}  .post .viewscount {
display: none;
}
.admin-bar .post .viewscount {
display: block;
margin: 10px 0;
position: absolute;
top: 20px;
right: 35px;
background: black;
padding: 5px 10px 5px 7px;
border-radius: 10px;
}  .dashicons-percent:before {
content: "%";
font-weight: 900;
color: var(--accent);
} .vote_count:hover {
color: inherit;
cursor: default;
}
.vote_count {
cursor: default !important;
min-width: 4rem;
}
.partner-vote-btn {
margin: 0;
background: #00000005;
width: auto;
aspect-ratio: 1 / 1;
height: 100%;
display: inline-flex;
align-items: center;
gap: 6px;
color: #6236ee;
}
.rating-block button {
color: #8f8f8f;
} .partner-vote-btn::before{
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
} .partner-vote-btn[data-vote="like"]::before{
border-bottom: 10px solid currentColor;
} .partner-vote-btn[data-vote="dislike"]::before{
border-top: 10px solid currentColor;
}
.rating-block button[data-vote="dislike"] { }
.rating-block button[data-vote="like"] { }
span.promo-icon {
background: #e2e3ff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding: 3px 4px 4px;
border-radius: 5px;   }
body:not(.admin-bar) .partner-vote-link {
display: none !important;
}
.admin-only {
display: none;
}
.admin-bar .admin-only {
display: block;
}