/*!
Theme Name: Blank Canvas
Author: Blankcanvas
Author URI: https://blankcanvas.me/
Description: This theme is developed by Blank Canvas - a team of passionate people about web design and development in Bahrain.
Version: 1.0.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
Text Domain: blankcanvas
*/

/*
|--------------------------------------------------------------------------
| Fonts
|--------------------------------------------------------------------------
|
| Fonts definition.
|
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/*
|--------------------------------------------------------------------------
| Root Variables
|--------------------------------------------------------------------------
|
| Root variables definition.
|
*/

:root {
  --body-font-family: 'Raleway', sans-serif;
  --header-height: 100px;
}

/*
|--------------------------------------------------------------------------
| Utilities
|--------------------------------------------------------------------------
|
| Utility classes
|
*/

.line:before {
  height: 100%;
  width: 1px;
  background-color: var(--line-color, var(--body-color));
}

/*
|--------------------------------------------------------------------------
| Style
|--------------------------------------------------------------------------
|
| General styling.
|
*/

html,
body {
  width: 100%;
  overflow-x: hidden;
}

i {
  font-style: normal;
}

.site-header {
  position: absolute;
  width: 100%;
  z-index: 100;
}

.site-branding {
  color: var(--light);
  font-weight: 500;
  font-size: 1.5rem;
}

.custom-logo {
  max-height: 100px;
}

.bc-menu {
  --item-font-size: 1rem;
  --item-spacing-x: 2rem;
  --item-spacing-y: 2rem;
  --item-border-color: var(--body-color);
  /* text-transform: uppercase; */
  font-weight: 500;
  letter-spacing: 1px;
}

.big-logo :is(#name, #logo) > * {
  opacity: 0;
}

.big-logo #name > * {
  fill: var(--light);
}

.social-icon {
  background-color: pink;
  border-radius: 50%;
  padding: .75rem;
  display: flex;
  align-items: center;
  justify-self: center;
}

.social-icon img {
  width: 28px;
}

.offcanvas-menu {
  --offcanvas-padding-x: 3rem;
  /* --offcanvas-width: max(50vw, 360px); */
  overflow: hidden;
}

.offcanvas-menu .offcanvas-body {
  overflow: hidden;
}

.bc-menu-btn.open {
  --light: var(--dark);
}

.atropos-highlight {
  display: none;
}

.site-footer {
  display: none;
}

/*
|--------------------------------------------------------------------------
| Min Media Queries
|--------------------------------------------------------------------------
|
| 
|
*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

@media (min-width: 1600px) {}

/*
|--------------------------------------------------------------------------
| Max Media Queries
|--------------------------------------------------------------------------
|
| 
|
*/

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {}

@media (max-width: 767.98px) {
/* 	.atropos p {
		font-size: 2.5rem;
	} */
}

@media (max-width: 575.98px) {}