/*
 Theme Name:   Nimble
 Theme URI:    https://nimblewebdesign.com
 Description:  Nimble theme for _CLIENT_NAME
 Author:       VJ
 Author URI:   https://nimblewebdesign.com/about
 Template:     generatepress
 Version:      0.1
*/

:root { 
--accent-5:#002D56;
	
}

html {
	scroll-behavior: smooth;
}  
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

@media (max-width: 768px) {  }
@media (min-width: 769px) and (max-width: 1024px) {  }
@media (min-width: 1025px) { }
@media (prefers-color-scheme: dark) {  }

@media (min-width: 1025px) {  
	.nav-cta a {
		color: #ffffff!important;

	}
	.nav-cta a:link,
	.nav-cta a:active {
		background: linear-gradient(135deg, var(--accent), var(--accent-3));
		color: #ffffff!important;
		padding: .5rem .75rem;
		border-radius: .5rem;
		border: 2px solid var(--accent);
	margin-left: 1rem;
		margin-top: 5px;
	}

	.nav-cta a:hover,
	.nav-cta a:focus {
		background: linear-gradient(0deg, var(--accent), var(--accent-3));
		color: #ffffff!important;
		padding: .5rem .75rem;
		border-radius: .5rem;
		border: 2px solid var(--accent);
	margin-left: 1rem;
		margin-top: 5px;
	}
}
ul.list-ticks {
  list-style: none;
	margin-left: 0;
}

ul.list-ticks li::before {
      content: '✓'; /* Or any other checkmark symbol */
      color: var(--accent); /* Optional: style the tick color */
      margin-right: 5px; /* Optional: adjust spacing */
}

/* 
 * Stretch Link for Cards 
 * Make sure you only have ONE link inside your card 😅 or this will not work!
 */
.stretch-link{
	position: relative;
}

.stretch-link a::after{
	content: '';
	position: absolute;
	inset: 0;
}

.stretch-link a:is(:focus-visible)::after{
	outline: 2px solid;
}

.stretch-link a:is(:hover, :focus){
	outline: none;
}