/*
Theme Name:     Hello Boss
Theme URI:      https://hellobosstheme.com
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_1
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

mark {
	color: var(--global-palette6) !important;
}

#kt-scroll-up {
	opacity: 1;
}

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

@font-face {
font-family: 'La Parfum';
src: url('lib/fonts/la-parfum.woff') format('woff');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
font-display: swap;
}

h1 em,
h2 em,
h3 em,
h4 em {
font-family: 'Freya';
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
text-transform: none;
font-size: 100%;
}

.site-main-header-inner-wrap .menu-item-description {
display: block;
font-size: 11px;
color: var(--global-palette6);
text-align: center;
font-family: var(--global-body-font-family);
font-weight: normal;
letter-spacing: .1em;
text-transform: none;
margin-bottom: 0px;
}

.site .nav-drop-title-wrap {
display: inherit;
}

.nav--toggle-sub .dropdown-nav-toggle {
margin-top: 5px;
}

.header-navigation .header-menu-container ul ul.sub-menu {
padding: 10px;
}

.leftline a,
.rightline a {
position: relative;
}

.leftline a::after {
content: '';
display: block;
position: absolute;
right: 0;
bottom: -8px;
width: 100vw;
height: 1px;
background: var(--global-palette1);
-webkit-transition: width 0.8s ease-out;
transition: width 0.8s ease-out;
}

.rightline a::after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: -8px;
width: 100vw;
height: 1px;
background: var(--global-palette1);
-webkit-transition: width 0.8s ease-out;
transition: width 0.8s ease-out;
}

.leftline a:hover:after,
.rightline a:hover:after {
width: 100%;
-webkit-transition: width 0.8s ease-out;
transition: width 0.8s ease-out;
}

.boss-square1,
.boss-square2,
.boss-square3,
.boss-square4,
.boss-square5,
.bossimgfade,
.blogheader .entry.loop-entry,
.boss-square6 {
position: relative;
}

.boss-square1::before {
content: '';
position: absolute;
width: 80%;
height: 50%;
border: 1px solid var(--global-palette1);
z-index: -1;
left: -5%;
top: -5%;
}

.boss-square1 .kadence-blocks-gallery-item::after {
content: '';
width: 60%;
height: 80%;
position: absolute;
right: -5%;
bottom: -5%;
background: var(--global-palette2);
z-index: -1;
}

.boss-square2 .kadence-blocks-gallery-item::after{
content: '';
position: absolute;
width: 60%;
height: 80%;
border: 1px solid var(--global-palette1);
z-index: -1;
right: -7%;
bottom: -7%;
}

.boss-square3 .kadence-blocks-gallery-item::after {
content: '';
position: absolute;
width: 80%;
height: 60%;
border: 1px solid var(--global-palette1);
z-index: -1;
left: -7%;
bottom: -5%;
}

.boss-square4::before {
content: '';
position: absolute;
width: 80%;
height: 50%;
border: 1px solid var(--global-palette1);
z-index: -1;
left: -20%;
top: -5%;
}

.boss-square4 .kadence-blocks-gallery-item::after {
content: '';
width: 60%;
height: 60%;
position: absolute;
right: -7%;
bottom: -5%;
background: var(--global-palette2);
z-index: -1;
}

.boss-square5::before {
content: '';
position: absolute;
width: 45%;
height: 80%;
border: 1px solid var(--global-palette1);
z-index: -1;
left: -3%;
top: -7%;
}

.boss-square5::after {
content: '';
width: 30%;
height: 80%;
position: absolute;
right: -3%;
bottom: -7%;
background: var(--global-palette2);
z-index: -1;
}

.boss-square6::before {
content: '';
position: absolute;
width: 80%;
height: 50%;
border: 1px solid var(--global-palette1);
z-index: -1;
right: -20%;
top: -5%;
}

.boss-square6 .kadence-blocks-gallery-item::after {
content: '';
width: 60%;
height: 60%;
position: absolute;
left: -7%;
bottom: -5%;
background: var(--global-palette2);
z-index: -1;
}

.gridhover {
position: relative;
}

.gridhover::before {
content: "";
width: 100%;
height: 100%;
background: var(--global-palette1);
position: absolute;
z-index: 1;
opacity: 0;
}

.gridhover:hover::before {
content: "";
opacity: .3;
}

.prettyhover,
.bloghover .post-thumbnail,
.wp-site-blocks .post-thumbnail {
position: relative;
background-color: var(--global-palette1);
}

.prettyhover img,
.bloghover .post-thumbnail img,
.wp-site-blocks .post-thumbnail 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);
}

.bloghover .post-thumbnail img:hover,
.prettyhover img:hover,
.wp-site-blocks .post-thumbnail img:hover  {
transform: scale(1.05);
opacity: .8;
}

.boss-submark {
position: relative;
z-index: 2;
}

.boss-submark:hover {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.bossimgfade::before {
content:"";
background: linear-gradient(360deg,#ffffff 0%,rgba(255,255,255,0.20) 100%);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-size: 100%;
background-position: bottom;
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}

.wp-block-kadence-advancedheading mark {
border-style: none;
}

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

.cattitle .kadence-blocks-gallery-item__caption {
background: #fff!important;
outline: 1px solid #fff;
outline-offset: 4px;
width: auto!important;
padding: 14px!important;
}

.kadence-blocks-gallery-item__caption,
.titlehover .loop-entry.type-post .entry-title {
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%);
padding: 15px!important;
bottom: inherit!important;
}

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

.bossimg {
max-width: 150px;
margin: 0 auto!important;
}

.widget.widget_nav_menu .widgettitle {
font-size: 18px;
letter-spacing: 3px;
margin-bottom: 5px;
}

.widget_nav_menu li a {
font-family: var(--global-primary-nav-font-family);
color: var(--global-palette6);
text-transform: uppercase;
letter-spacing: 2px;
}

.widget_nav_menu li a:hover {
color: var(--global-palette5);
}

.site-footer-row-container-inner > .site-container {
padding: 0!important;
}

.loop-entry .entry-header .entry-title,
.loop-entry .more-link-wrap,
.loop-entry.type-post .entry-taxonomies {
text-align:center;
}

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

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

@media (min-width: 768px) {
.site-footer-row.site-footer-row-columns-1 .kt-gutter-skinny > .wp-block-kadence-column {
margin-right: 0;
}
}

@media (max-width: 767px) {
.site-footer-row.site-footer-row-columns-1 .kt-mobile-layout-first-row.kt-v-gutter-skinny > .wp-block-kadence-column.inner-column-1 {
margin-bottom: 1px;
}
.site-footer-row.site-footer-row-columns-1 .kt-gutter-skinny:not(.kt-mobile-layout-row) > .wp-block-kadence-column {
margin-right: 1px;
}
}

@media only screen and (max-width: 1024px) {
.boss-submark .kb-gal-image-radius {
max-width: 150px !important;
}
}

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