/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
 
@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-Black.woff2') format('woff2'),
        url('fonts/Parabolica-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-BlackOblique.woff2') format('woff2'),
        url('fonts/Parabolica-BlackOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-Bold.woff2') format('woff2'),
        url('fonts/Parabolica-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-BoldOblique.woff2') format('woff2'),
        url('fonts/Parabolica-BoldOblique.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-Hairline.woff2') format('woff2'),
        url('fonts/Parabolica-Hairline.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-HairlineOblique.woff2') format('woff2'),
        url('fonts/Parabolica-HairlineOblique.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-Light.woff2') format('woff2'),
        url('fonts/Parabolica-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-LightOblique.woff2') format('woff2'),
        url('fonts/Parabolica-LightOblique.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-Medium.woff2') format('woff2'),
        url('fonts/Parabolica-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-MediumOblique.woff2') format('woff2'),
        url('fonts/Parabolica-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-Regular.woff2') format('woff2'),
        url('fonts/Parabolica-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica';
    src: url('fonts/Parabolica-RegularOblique.woff2') format('woff2'),
        url('fonts/Parabolica-RegularOblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica Text';
    src: url('fonts/ParabolicaText-Black.woff2') format('woff2'),
        url('fonts/ParabolicaText-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica Text';
    src: url('fonts/ParabolicaText-BlackOblique.woff2') format('woff2'),
        url('fonts/ParabolicaText-BlackOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica Text';
    src: url('fonts/ParabolicaText-Bold.woff2') format('woff2'),
        url('fonts/ParabolicaText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica Text';
    src: url('fonts/ParabolicaText-BoldOblique.woff2') format('woff2'),
        url('fonts/ParabolicaText-BoldOblique.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica Text';
    src: url('fonts/ParabolicaText-Medium.woff2') format('woff2'),
        url('fonts/ParabolicaText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica Text';
    src: url('fonts/ParabolicaText-MediumOblique.woff2') format('woff2'),
        url('fonts/ParabolicaText-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica Text';
    src: url('fonts/ParabolicaText-Regular.woff2') format('woff2'),
        url('fonts/ParabolicaText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Parabolica Text';
    src: url('fonts/ParabolicaText-RegularOblique.woff2') format('woff2'),
        url('fonts/ParabolicaText-RegularOblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: fallback;
}
 
:root {
  --theme-font-stack-default: 'Parabolica', sans-serif !important;
}

header#header.ct-header::after {
	content: '';
	display:block;
	z-index: 0;
	position: absolute;
	top: 170px;
	left: 0;
	background: url("img/dots2.svg");
	background-size: contain !important;
    background-repeat: repeat-x !important;
    background-position: center !important;
	height: 120px;
	width: 100%;
}

footer#footer.ct-footer::before {
	content: '';
	display:block;
	z-index: 0;
	position: absolute;
	bottom: -30px;
	left: 0;
	background: url("img/dots2.svg");
	background-size: contain !important;
    background-repeat: repeat-x !important;
    background-position: center !important;
	height: 120px;
	width: 100%;
	transform: rotate(180deg);
}

@media (max-width: 1024px) {
  header#header.ct-header::after {
		height: 100px;
	}
	
	footer#footer.ct-footer::before {
		bottom: 5px;
		height: 100px;
	}
}

@media (max-width: 790px) {
  header#header.ct-header::after {
		top: 100px;
		height: 120px;
	}
	
	footer#footer.ct-footer::before {
		bottom: 0px;
		height: 120px;
	}
}

.ct-menu-link {
    position: relative;
}

.ct-menu-link::after {
    content: "";
    position: absolute !important;

    width: 80px !important;
    height: 30px !important;

    left: 50% !important;
    top: 50%;

    transform: translate(-50%, -50%);
    background-image: url('img/lines.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    background-color: transparent !important;

    opacity: 0;
    pointer-events: none;
}

.mobile-menu .ct-menu-link::after {
    top: 50%;
}

/* Desktop */
.menu > li:hover > .ct-menu-link::after,
.menu > li[class*="current-menu-"] > .ct-menu-link::after {
    opacity: 1;
}

/* Mobile Offcanvas */
.mobile-menu .ct-menu-link:hover::after,
.mobile-menu li[class*="current-menu-"] > .ct-menu-link::after {
    opacity: 1;
}

.dawask-overlay h3 {
	text-align: center;
}