/*
Theme Name: Zakra Child
Theme URI: https://zakratheme.com/
Description: Child theme for Zakra.
Author: Your Name
Template: zakra
Version: 1.0.0
Text Domain: zakra-child
*/

/* Add your custom CSS below this line */

/* ==========================================
   SITE BRANDING
   ========================================== */

.site-branding {}

.custom-logo {}

.site-title {}

.site-description {}


/* ==========================================
   HEADER
   ========================================== */

.zak-header-builder {}

.zak-header-top-row {}

.zak-header-main-row {}

.zak-header-bottom-row {}

.zak-header-action.zak-header-search {

	display:none !important;

}

/* ==========================================
   NAVIGATION
   ========================================== */

.zak-primary-nav {}

.zak-primary-nav a {}

.zak-primary-menu > li > a {

	font-family: 'Roboto', sans-serif !important;

}

.zak-primary-menu > li.current-menu-item a {

	color: #242424 !important;
	text-decoration:underline !important;

}

.zak-primary-menu > li {}

.zak-primary-menu > li > a {}

.sub-menu {}

.sub-menu a {}


/* ==========================================
   CONTENT
   ========================================== */

.zak-container {}

.zak-content {}

.zak-primary {}

.zak-secondary {}


/* ==========================================
   TYPOGRAPHY
   ========================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body {

    font-family: 'Roboto', sans-serif;

}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.site-description,
button,
input,
select,
textarea {
    font-family: inherit;
}

h1 {

    font-family: 'Roboto', sans-serif !important;

}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

p {}

a {}


/* ==========================================
   BUTTONS
   ========================================== */

button {}

.zak-button {}

.wp-block-button__link {}

a.blockart-button-link {

	background-color: #242424 !important;
	
	box-shadow: none !important;

	border:3px solid #242424 !important;

}

a.blockart-button-link:hover {

	background-color: #FBE761 !important;

	color: #242424 !important;

	border:3px solid #242424 !important;

}

/* ==========================================
   FORMS
   ========================================== */

input {}

textarea {}

select {}


/* ==========================================
   FOOTER
   ========================================== */

.zak-footer-builder {}

.zak-footer-top-row {}

.zak-footer-main-row {}

.zak-footer-bottom-row {}

.zak-footer-nav {}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 768px) {

    .zak-mobile-row {}

    .zak-mobile-nav {}

}