/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
	--cnvs-themecolor: #60abf1;
	--cnvs-themecolor-rgb: 96, 171, 241;
	--cnvs-body-font: 'Ubuntu', sans-serif;
	--cnvs-primary-font: 'Ubuntu', sans-serif;
	--cnvs-secondary-font: 'Ubuntu', cursive;

	--custom-bold-color: #60abf1;
    --cnvs-policies-link-color: var(--cnvs-contrast-500);
    --cnvs-policies-link-color-hover: var(--cnvs-themecolor);
    --cnvs-copyright-color: var(--cnvs-contrast-600);

	/*--cnvs-header-bg: #07284B*/
}

:root, .not-dark {
	--cnvs-primary-menu-color: #60abf1;
	--cnvs-header-bg: #07284b;
}

#header {
	--cnvs-primary-menu-color: #60abf1;
	--cnvs-primary-menu-font-size: 1.2rem;
}

a {
	--cnvs-link-color: #60abf1;
}

p {
	font-size: 1.3em;
}

.card-text {
	font-size: 1.2em;
}

.page-section {
	padding: 0 0;
}

/* Set colour of footer. Weirdly, you have to set #copyrights */
#footer {
    background-color: var(--cnvs-header-bg);
}

.preview::before {
    background: var(--cnvs-header-bg) !important;
}

/*#header {*/
/*	background-color: #0b5ed7 !important;*/
/*}*/

/*-cnvs-header-bg: transparent;*/
#copyright h6 {
    color: var(--cnvs-copyright-color);
}

#policies a {
    color: var(--cnvs-policies-link-color);
}

#policies:hover a {
    color: var(--cnvs-policies-link-color-hover);
}

#gotoTop {
  --cnvs-gotoTop-border-radius: 8px;
}

/* Works Portfolio */
.bi-x-lg {
	color: var(--cnvs-themecolor);
}

.bi-x-lg:hover {
	color: #fff;
}

/* Mobile menu button */
.cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after {
    background-color: #60abf1 !important;
}

/* Menu */
.menu-item:hover > .menu-link {
}

.menu-item:hover::after {
}

.menu-item.current > .menu-link {
}

.nav-01__links a {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  color: var(--cnvs-themecolor);
  border-radius: 6px;
  position: relative;
  transition: color .2s ease;
}

.nav-01__links a::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 14px;
  right: 14px;
  height: 2px;
  background: var(--cnvs-themecolor);
  border-radius: 1px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .5s cubic-bezier(.34,1.56,.64,1);
}

.nav-01__links a:hover::after, .nav-01__links a.nav-01__active::after {
  transform: scaleX(1);
}

/* Link active to existing menu handling */
.menu-item.current > .menu-link::after {
  transform: scaleX(1);
}

/* Services */
.services-card {
    background-size: cover !important;
    object-fit: cover;
    width: 440px;
    height: 266px;
}

.services-card h1 {
  color: white;
  -webkit-text-stroke: 1px var(--cnvs-themecolor);
}

/* Footer */
#footer .row > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
}