/*
Theme Name:     K Hello Co
Theme URI:      https://helloandco.co
Template:       kadence
Author:         helloyoudesigns.com
Author URI:     https://helloyoudesigns.com
Description:    Capture your readers attention with this beautiful, feminine Kadence child theme. Perfect for the coach, service provider or entrepreneur. 
Version:        1_0_0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/



@font-face {
font-family: 'Audrey';
src: url('lib/fonts/audrey.otf');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
font-display: swap;
}

@font-face {
font-family: 'Bonjour';
src: url('lib/fonts/bonjour.otf');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
font-display: swap;
}

h2 em,
h3 em,
h4 em{
font-family: 'Bonjour';
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
vertical-align: middle;
text-transform: none;
font-size: 175%;
}

.blogmenu {
color: var(--global-palette5);
letter-spacing: .25em;
font-weight: bold;
}

.blogmenu a:hover {
color: var(--global-palette1);
}

.blogheader .entry.loop-entry {
position: relative;
}

.blogheader .post-thumbnail img,
.prettyhover img {
opacity: 1;
width: 100%;
-webkit-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-moz-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-ms-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-o-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
}

.blogheader .post-thumbnail img:hover {
transform: scale(1.02);
opacity: .7;
}

.prettyhover img:hover {
transform: scale(1.05);
opacity: .95;
}

.blogheader .loop-entry .entry-content-wrap {
background: rgba(255,255,255,.9);
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
outline: 1px solid #fff;
outline-offset: 5px;
padding: 2em 1em;
text-align: center;
width: 85%;
}

.grid-cols {
column-gap: 1rem!important;
}

.blogmain {
position: relative;
}

.blogbadge {
position: absolute;
right: -50px;
bottom: -150px;
}

.lborder,
.rborder {
position: relative;
}

.lborder::after {
content: '';
display: block;
width: 95%;
height: 95%;
overflow: hidden;
position: absolute;
left: -8%;
bottom: -5%;
background-color: var(--global-palette7);
z-index:-1;
}

.rborder::after {
content: '';
display: block;
width: 95%;
height: 95%;
overflow: hidden;
position: absolute;
right: -8%;
bottom: -5%;
background-color: var(--global-palette6);
z-index:-1;
}

.sidetitlel {
height: 0;
width: 0;
white-space: nowrap;
margin-bottom: 0;
top: 20px;
right: -5%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: relative;
z-index: 2;
}

.sidetitler {
height: 0;
width: 0;
float: right;
white-space: nowrap;
margin-bottom: 0;
top: 20px;
right: -13%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: relative;
z-index: 2;
}


.sidetitlel::after,
.sidetitler::after {
content: "";
height: 1px;
width: 150px;
background: #222;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
z-index: 3;
}

.buttonunderline a {
position: relative;
max-width: max-content;
display: block;
margin: 10px auto;
}

.buttonunderline a::after {
background: var(--global-palette1);
display: block;
content: " ";
width: 100%;
height: 20px;
position: relative;
top: -20px;
left: 12px;
z-index: -1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.buttonunderline a:hover {
color: #000;
}

.buttonunderline a:hover::after {
background: var(--global-palette2);
display: block;
content: " ";
width: 100%;
height: 20px;
position: relative;
top: -20px;
left: 12px;
z-index: -1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.trborder {
border-top: 15px solid #fff;
border-right: 15px solid #fff;
}

.sideline {
position: relative;
}

.sideline::after {
content: "";
height: 1px;
width: 150px;
background: #222;
display: inline-block;
vertical-align: middle;
margin-left: 30px;
z-index: 3;
}

.whtborder {
outline: 2px solid #fff;
outline-offset: 5px;
}

.listmenu .widget_nav_menu li {
display: inline-block;
font-size: 13px;
font-weight: bold;
text-align: left;
padding: 0 10px;
letter-spacing: .15em;
}

.listmenu .widget_nav_menu li a::after {
content: "|";
margin-left: 30px;
color: #d7d4cf;
}

.last a:after {
display: none;
}

.listmenu a:hover{
text-decoration: none!important;
}

.site-footer-row-layout-contained {
max-width: 1100px;
}

.sideline {
position: relative;
}

.rightline::before {
content: "";
height: 1px;
width: 70px;
background: #222;
display: inline-block;
z-index: 1;
margin-bottom: 6px;
margin-right: 10px;
}

.kb-section-has-link.tophover:hover {
opacity: .85;
}

.tophover a {
opacity: 0;
}

.tophover:hover a {
opacity: 1;
}

.kt-gutter-skinny > .wp-block-kadence-column {
margin-right: 3px;
}

.shadow {
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.angel {
position: relative;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
}

.loop-entry.type-post .entry-taxonomies,
.loop-entry.type-post h2.entry-title {
text-align: center;
}

.more-link-wrap {
text-align: center;
}

a.post-more-link {
font-size: 11px;
font-weight: normal;
border: 1px solid var(--global-palette3);
padding: 10px 20px;
color: #fff;
background: var(--global-palette3);
}

a.post-more-link:hover {
border: 1px solid var(--global-palette5);
background: var(--global-palette5);
padding: 10px 20px;
color: #fff;
}

.entry-related-inner-content .tns-item {
padding: 7px!important;
position: relative;
}

.entry-related-carousel .loop-entry .entry-content-wrap {
background: rgba(255,255,255,.9);
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
outline: 1px solid #fff;
outline-offset: 5px;
padding: 2em 1em;
text-align: center;
width: 85%;
}

.entry-related-carousel .entry-header {
  margin-bottom: 0;
}

.entry-related-carousel img,
.entry.loop-entry img {
opacity: 1;
width: 100%;
-webkit-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-moz-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-ms-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-o-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
}

.entry-related-carousel img:hover,
.entry.loop-entry img:hover {
transform: scale(1.02);
opacity: .7;
}

.pagination .page-numbers {
  border-radius: 0;
}

@media only screen and (min-width: 834px) and (max-width: 1380px)  {
.kt-row-has-bg {
background-attachment: scroll !important;
}
}

@media all and (max-width:990px) {
.entry-related-inner-content #tns1 > .tns-item {
  width: calc(16.4%)!important;
}
}

@media all and (max-width:599px) {
.wp-block-navigation__responsive-dialog {
margin-top: 120px;
}

.socialrow .wp-block-social-links {
flex-direction: row;
}

.sideline::after {
width: 50px;
}
}

@media all and (max-width:542px) {
.entry-related-inner-content #tns1 > .tns-item {
  width: calc(16.45%) !important;
}
}




.pulse img {
max-width: 200px;
max-height: 200px;
}

.pulse {
transform: scale(1);
animation: pulse 2s infinite;
}


@keyframes pulse {
0% {
transform: scale(0.95);
}

70% {
transform: scale(1);
}

100% {
transform: scale(0.95);
}
}

.imgborder {
outline: 1px solid #fff;
outline-offset: 8px;
}


.sidetitle {
height: 0;
width: 0;
white-space: nowrap;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
z-index: 2;
left: 10%;
}

.rightblock .kt-row-column-wrap {
margin-left: 10px!important;
}

.leftblock .kt-row-column-wrap {
margin-right: 10px!important;
}

.left {
z-index: 2;
}
.right {
z-index: 1;
}

.rightsubmark {
float: right;
}



.blockcolor::before {
background: #FFF;
content: "";
display: block;
height: 100%;
top: 0;
position: absolute;
width: 65%;
z-index: 1;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
overflow: hidden!important;
}

.halfblock,
.righthalfblock {
position: relative
}

.halfblock:before {
content: "";
background: #fff;
content: "";
display: block;
height: 100%;
bottom: 0;
position: absolute;
width: 60%;
z-index: 1;
left: 0;
top: 0;
}

.righthalfblock:before {
content: "";
background: #fff;
content: "";
display: block;
height: 100%;
bottom: 0;
position: absolute;
width: 60%;
z-index: 1;
right: 0;
top: 0;
}

@media all and (max-width:1024px) {
.sidetitle {
left:2%;
}
}

@media all and (max-width:767px) {
.rightblock .kt-row-column-wrap {
margin-left: auto!important;
}

.sidetitle {
left:2%;
}
}