/**
* Theme Name: Blocksy Child
* Description: Blocksy Child theme
* Author: Creative Themes
* Template: blocksy
* Text Domain: blocksy
*/
@font-face {
font-family: 'Konnect';
src: url('assets/fonts/Konnect-Bold.eot');
src: url('assets/fonts/Konnect-Bold.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Konnect-Bold.woff2') format('woff2'),
url('assets/fonts/Konnect-Bold.woff') format('woff'),
url('assets/fonts/Konnect-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Konnect';
src: url('assets/fonts/Konnect-SemiBold.eot');
src: url('assets/fonts/Konnect-SemiBold.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Konnect-SemiBold.woff2') format('woff2'),
url('assets/fonts/Konnect-SemiBold.woff') format('woff'),
url('assets/fonts/Konnect-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Konnect';
src: url('assets/fonts/Konnect-Regular.eot');
src: url('assets/fonts/Konnect-Regular.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Konnect-Regular.woff2') format('woff2'),
url('assets/fonts/Konnect-Regular.woff') format('woff'),
url('assets/fonts/Konnect-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Konnect';
src: url('assets/fonts/Konnect-Medium.eot');
src: url('assets/fonts/Konnect-Medium.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Konnect-Medium.woff2') format('woff2'),
url('assets/fonts/Konnect-Medium.woff') format('woff'),
url('assets/fonts/Konnect-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
body h1, body h2, body h3, body h4, body h5,body h6{
font-family: 'Konnect';
}
/* CSS custom */
nav#header-menu-1 {
margin: 0 !important;
}
nav#header-menu-1 > ul {
padding: 16px 0;
}
nav#header-menu-1 > ul > li > a {
padding: 8px 12px;
text-transform: capitalize;
}
[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu .ct-menu-link:hover{
background-color: rgba(26, 26, 26, 0.03);
}
.ct-header-cta.ct-header-cta-2 a {
background: var(--theme-palette-color-1);
}
.ct-header-cta.ct-header-cta-2 a:hover{
background-color: var(--theme-button-background-hover-color);
}
.ct-header-cta.ct-header-cta-2 a path{
transition: all .12s
cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ct-header-cta.ct-header-cta-2 a:hover path{
fill: #fff;
}
footer#footer div[data-row="middle"] .widget_media_image img{
max-width: 260px !important;
}
footer#footer div[data-row="middle"] div ul:not(:last-child){
margin-bottom: 24px;
}
footer#footer div[data-row="middle"] div ul li:not(:last-child){
margin-bottom:8px;
}
footer#footer div[data-row="middle"] div ul li a{
text-decoration: none;
}
footer#footer div[data-row="middle"] div ul li a:hover{
text-decoration: underline;
}
footer#footer div[data-row="middle"] div[data-column="widget-area-1"] ul:first-child li{
position: relative;
padding-left: 28px;
}
footer#footer div[data-row="middle"] div ul:first-child li img{
position: absolute;
left:0;
top:2px;
}
footer#footer div[data-row="middle"] div.widget_recent_entries li a {
position: relative;
padding-left: 10px;
transition: all 0.3s ease;
display: flex;
}
footer#footer div[data-row="middle"] div.widget_recent_entries li a:before{
content:'';
position: absolute;
border-radius: 0.5px;
background: #FFF;
width: 2px;
height: 6px;
flex-shrink: 0;
left:0;
top: 9px;
transition: all 0.3s ease;
}
footer#footer div[data-row="middle"] div.widget_recent_entries li a:hover{
padding-left: 32px;
}
footer#footer div[data-row="middle"] div.widget_recent_entries li a:hover:before{
width: 24px;
background-color: var(--theme-link-hover-color);
}
footer#footer [data-footer*="type-1"] .ct-footer [data-row*="middle"] > div{
--grid-template-columns: 2fr 1fr 1fr 2fr;
}
footer#footer [data-icons-type*=":"] .ct-icon-container {
width: 48px;
height: 48px;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.20);
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"] .widget-title{
text-transform: uppercase;
}
[data-footer*="type-1"] .ct-footer [data-row*="top"] > div{
padding: 0 0 12px !important;
width: 100%;
}
.marquee {
display: flex ;
overflow: hidden ;
white-space: nowrap ;
align-items: center;
justify-content: center;
}
.marquee > span {
animation: marquee-content 5s infinite linear;
display: flex;
align-items: center;
gap: 12px;
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
padding-right: 100px;
}
.marquee > span > span{
color: #FFED75;
border-radius: 4px;
background: #F83F0C;
font-weight: 600;
display: flex;
padding: 4px 12px 2px 12px;
justify-content: center;
align-items: center;
gap: 8px;
}
.marquee:hover > span {
animation-play-state: paused ;
}
@keyframes marquee-content {
from {
transform: translateX( 0% );
}
to {
transform: translateX( -100% );
}
}
.form-footer {
display: flex;
background: #FFDE00;
flex-wrap: wrap;
}
.form-footer > div{
flex: 0 0 50%;
overflow: hidden;
position: relative;
}
.form-footer > div:last-child{
display: flex;
padding: 48px;
justify-content: center;
align-items: flex-start;
gap: 48px;
flex-direction: column;
}
.form-footer > div:first-child img{
position: absolute;
width: 100%;
top: 50%;
left: 0;
object-fit: cover;
transform: translateY(-50%);
height: 101%;
}
.form-footer > div:last-child > *{
width: 100%;
max-width: 600px;
}
.form-footer > div:last-child h2{
text-align: center;
margin-bottom: 0;
}
.form-footer > div:last-child div.wpcf7 {
display: flex;
padding: 24px;
flex-direction: column;
gap: 40px;
align-self: stretch;
background: #FFF;
border-radius: 12px;
border: 8px solid #F4F4F6;
}
.form-footer > div:last-child h3{
text-align: center;
text-transform: uppercase;
margin-bottom: 24px;
}
.form-footer > div:last-child p,
.css-input-cf7 .wpcf7-form p{
margin-bottom: 8px;
}
.form-footer > div:last-child .wpcf7 p:last-of-type,
.css-input-cf7 .wpcf7 p:last-of-type{
margin-bottom: var(--theme-content-spacing);
position: relative;
margin-top: 40px;
}
.form-footer > div:last-child div.wpcf7 input:not(.wpcf7-submit),
.form-footer > div:last-child div.wpcf7 textarea,
.css-input-cf7 input:not(.wpcf7-submit),
.css-input-cf7 textarea{
border-radius: 8px;
background: #F2F2F2 !important;
display: flex;
height: 48px;
padding: 8px 16px;
align-items: center;
gap: 8px;
align-self: stretch;
color: #1A1A1A;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.title-white-cf7-contact-us h3.has-text-align-center {
color: #fff;
}
.form-footer > div:last-child div.wpcf7 textarea,
.css-input-cf7 textarea{
height: 104px;
}
.form-footer > div:last-child div.wpcf7 input::placeholder,
.form-footer > div:last-child div.wpcf7 textarea::placeholder,
.css-input-cf7 input::placeholder,
.css-input-cf7 textarea::placeholder {
color: #8F8F8F !important;
}
.form-footer > div:last-child div.wpcf7 input.wpcf7-submit,
.css-input-cf7 input.wpcf7-submit {
display: flex;
height: 56px;
padding: 16px 24px;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
border-radius: 8px;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
width: 100%;
}
.css-input-cf7 input.wpcf7-submit{
color: #000;
}
.css-input-cf7 input.wpcf7-submit:hover{
color: #fff;
}
.form-footer > div:last-child div.wpcf7 input.wpcf7-submit{
background: #1A1A1A;
color: #FFF;
}
.form-footer > div:last-child .wpcf7-spinner,
.css-input-cf7 .wpcf7-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
.ct-footer div[data-row="top"] div#custom_html-2 {
margin-top: 12px;
}
.ct-footer div[data-row="top"] .wpcf7 .wpcf7-not-valid-tip {
font-size: 16px;
}
.ct-footer .wpcf7 form .wpcf7-response-output,
.css-input-cf7 .wpcf7 form .wpcf7-response-output {
border-radius: 8px;
margin-left: 0;
margin-right: 0;
font-size: 16px;
line-height: 24px;
}
@media (max-width: 767px){
.form-footer > div{
flex: 0 0 100%;
}
.form-footer > div:first-child img{
position: unset;
transform: none;
height: auto;
}
.form-footer > div:last-child{
max-width: min(100%, calc(90vw - 0px * 2));
padding: 48px 0;
gap: 30px;
margin: 0 auto;
}
}
span.flexy-arrow-prev svg, span.flexy-arrow-next svg{
opacity: 0;
}
.swiper-slider-homepage .swiper-button-prev:after, .swiper-slider-homepage .swiper-button-next:after{
opacity:0;
}
.swiper-slider-homepage .swiper-button-prev, span.flexy-arrow-prev{
background-repeat: no-repeat !important;
background-position: center !important;
background-image: url('data:image/svg+xml,') !important;
}
span.flexy-arrow-next, .swiper-slider-homepage .swiper-button-next{
background-image: url('data:image/svg+xml,') !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
span.flexy-arrow-next:hover,
.swiper-slider-homepage .swiper-button-next:hover,
.swiper-slider-homepage .swiper-button-prev:hover,
span.flexy-arrow-prev:hover{
background-color: var(--theme-button-background-hover-color) !important;
}
.swiper-slider-homepage .swiper-button-prev:hover,
span.flexy-arrow-prev:hover{
background-image: url('data:image/svg+xml,') !important;
}
span.flexy-arrow-next:hover,
.swiper-slider-homepage .swiper-button-next:hover{
background-image: url('data:image/svg+xml,') !important;
}
.ants-css-accordion h3.stk-block-heading__text {
position: relative;
}
.add-icon .ants-css-accordion h3.stk-block-heading__text:before {
content: '';
width: 28px;
height: 28px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -40px;
background-image: url('data:image/svg+xml,');
z-index: 3;
}
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion:nth-child(1) h3.stk-block-heading__text,
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion:nth-child(2) h3.stk-block-heading__text,
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion:nth-child(3) h3.stk-block-heading__text{
position: relative;
}
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion:nth-child(1) h3.stk-block-heading__text:before,
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion:nth-child(2) h3.stk-block-heading__text:before,
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion:nth-child(3) h3.stk-block-heading__text:before{
content: '';
width: 40px;
height: 40px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -52px;
z-index: 3;
}
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion:nth-child(1) h3.stk-block-heading__text:before{
background-image: url('data:image/svg+xml,');
}
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion:nth-child(2) h3.stk-block-heading__text:before{
background-image: url('data:image/svg+xml,');
}
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion:nth-child(3) h3.stk-block-heading__text:before{
background-image: url('data:image/svg+xml,');
}
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion.stk--is-open:nth-child(1) h3.stk-block-heading__text:before{
background-image: url('data:image/svg+xml,');
}
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion.stk--is-open:nth-child(2) h3.stk-block-heading__text:before{
background-image: url('data:image/svg+xml,');
}
.custom-icon-accordion .stk-inner-blocks .stk-block-accordion.stk--is-open:nth-child(3) h3.stk-block-heading__text:before{
background-image: url('data:image/svg+xml,');
}
.custom-icon-accordion .stk-block-accordion__heading,
.ants-css-accordion .stk-block-accordion__heading {
overflow: visible !important;
}
.stk-block-accordion__heading > div{
box-shadow: none !important;
}
.wp-block-stackable-testimonial.stk-block-testimonial.stk-block.stk-block-background {
background-position: 24px 29px !important;
}
.wp-block-stackable-testimonial.stk-block-testimonial.stk-block.stk-block-background > div{
background-color: transparent !important;
box-shadow: none;
}
.stk-block-content p > a,.stk-block-content ul li a,.stk-block-content p strong > a{
color: var(--theme-link-active-color, var(--theme-link-hover-color)); ;
text-decoration: underline;
}
.stk-block-content ul li:not(:last-child){
margin-bottom: 1em;
}
.stk-block-content ul li > ul{
margin-top: 1em;
}
.stk-block-content p > a:hover, .stk-block-content p strong > a:hover, .stk-block-content ul li a:hover{
text-decoration: none;
}
.stk-block-content ul, .stk-block-content ol {
padding-inline-start: 20px;
}
.height-2-line h3{
min-height: 48px;
}
.wp-block-stackable-columns.accordion-columns.show-content .stk-block-content .wp-block-stackable-column.stk-block-column.stk-column.stk--hide-desktop.stk--hide-tablet.stk--hide-mobile.stk-block {
display: block !important;
}
.open-content, .close-content {
cursor: pointer;
}
.close-content .stk--inner-svg {
align-items: center;
}
body.blog span.ct-meta-element-author,
body.archive span.ct-meta-element-author{
opacity: 0.6;
}
body.blog time.ct-meta-element-date,
body.archive time.ct-meta-element-date{
color: #F56416;
}
body.blog .entry-card .boundless-image:first-child,
body.archive .entry-card .boundless-image:first-child{
margin-top: calc((var(--card-inner-spacing, 30px) / 2) * -1);
}
body.blog .entry-card .boundless-image,
body.archive .entry-card .boundless-image {
width: calc(100% + var(--card-inner-spacing, 30px));
margin-inline: calc((var(--card-inner-spacing, 30px) / 2) * -1);
}
body.blog [data-layout*=grid],
body.archive [data-layout*=grid]{
grid-row-gap: 40px !important;
}
body.blog a.entry-button.wp-element-button.ct-button,
body.archive a.entry-button.wp-element-button.ct-button {
padding: 0;
font-size: 16px;
font-weight: 600;
font-family: 'Konnect';
line-height: 24px;
background-color: transparent;
color: #F56416;
text-decoration: underline;
min-height: auto;
}
body.blog a.entry-button.wp-element-button.ct-button:hover,
body.blog a.entry-button.wp-element-button.ct-button:hover{
text-decoration: none;
}
.custom-page-title{
font-size: 68px !important;
color: var(--theme-palette-color-8, #ffffff) !important;
font-weight: 600 !important;
}
.mailchimp {
display: flex;
gap: 8px;
}
.mc4wp-response > div{
margin-top:24px;
}
body .mailchimp input {
height: 56px;
background-color: #F2F2F2;
border-radius: 8px;
border: 1px solid #F2F2F2;
padding: 8px 16px;
font-size: 16px;
}
.mailchimp input[type="submit"] {
color: #1a1a1a;
background-color: #FFDE00;
}
.mailchimp input[type="submit"]:hover
{
outline: none;
border-color: var(--theme-button-background-hover-color);
background-color: var(--theme-button-background-hover-color);
color: #fff;
}
.css-border-inbox > div {
border-top: 1px solid #E6E6E6;
padding: 24px 0;
border-bottom: 1px solid #E6E6E6;
}
.post-top-author {
color: #1A1A1A;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
text-transform: uppercase;
opacity: 0.6;
margin-bottom: 16px;
}
h2.post-top-title {
margin-bottom: 16px;
}
h2.post-top-title a{
color: #1A1A1A;
font-family: Poppins;
}
.post-top-date {
color: #F56416;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 137.5% */
text-transform: uppercase;
margin-bottom: 48px;
}
.post-top-excerpt {
color: #1A1A1A;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 133.333% */
}
.blog-page-content + div {
padding-top: 80px;
padding-bottom: 80px;
}
body [data-pagination=simple]>div .page-numbers {
border-radius: 6px;
border: 1px solid #E6E6E6;
background: #FFF;
display: flex;
padding: 6px;
justify-content: center;
align-items: center;
aspect-ratio: 1/1;
margin: 0;
width: 40px;
height: 40px;
}
body [data-pagination=simple]>div {
margin: 0;
display: flex;
gap: 8px;
}
body [data-pagination=simple] .page-numbers.current,
body [data-pagination=next_prev] .page-numbers.current {
background: #292929;
border-color: #292929;
}
body [data-pagination=simple], [data-pagination=next_prev] {
display: flex;
justify-content: center;
gap: 56px;
align-items: center;
}
body [data-pagination=simple] .prev,
body [data-pagination=simple] .next,
body [data-pagination=next_prev] .prev,
body [data-pagination=next_prev] .next {
width: 48px;
height: 48px;
border: none;
border-radius: 8px;
background: #FFDE00;
display: flex;
padding: 4px;
justify-content: center;
align-items: center;
gap: 0;
font-size: 0;
}
body [data-pagination=simple] .prev svg,
body [data-pagination=simple] .next svg,
body [data-pagination=next_prev] .prev svg,
body [data-pagination=next_prev] .next svg {
width: 20px;
height: 20px;
}
body [data-pagination=simple] .prev:hover,
body [data-pagination=simple] .next:hover,
body [data-pagination=next_prev] .prev:hover,
body [data-pagination=next_prev] .next:hover {
background: #F56416;
color: #fff;
}
[data-prefix="categories"] [data-archive="default"] .card-content .entry-title {
--theme-text-transform: capitalize;
}
.gallery-shortcode .gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 24px;
margin-top: 30px;
}
.gallery-shortcode .gallery-item img {
width: 100%;
height: auto;
border-radius: 10px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
aspect-ratio: 324 / 241;
overflow: hidden;
position: relative;
}
.gallery-shortcode .gallery-item img:hover {
transform: scale(1.05);
}
.gallery-shortcode .pagination {
text-align: center;
margin-top: 40px;
}
.gallery-shortcode .pagination a,
.gallery-shortcode .pagination span {
display: inline-block;
margin: 0 4px;
padding: 8px 12px;
border-radius: 5px;
text-decoration: none;
min-width: 40px;
background: #FFDE00;
color: #fff;
}
.gallery-shortcode .pagination .current {
background: #1a1a1a;
color: #fff;
}
h4.gslide-title {
margin-bottom: 0 !important;
}
.hover-transform-box-shadow {
transition: all .6s ease-in-out;
}
.hover-transform-box-shadow:hover {
transform: translateY(-10px);
box-shadow: 0 6px 10px rgba(0, 0, 0, .5);
}
@media(min-width: 768px){
.d-block .stk-block-content {
display: block !important;
}
.d-block .stk-block-content .float-left {
float: left;
}
}