/* Core layout helpers */
.brand-icon{
	width: 28px;
	height: 28px;
	border-radius: 6px;
	background: #00B800; /* bootstrap success-ish */
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
}
.al_logo{
	max-width: 110px;
}
.al_logo_grey{
	max-width: 88px;
	filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
.al_extra_small{
	font-size: 0.75rem;
}
html {
	font-size: 18px;
}

.al_banner_bg{
    position:relative;
}

.al_banner_bg1_main, .al_banner_bg1_bus, .al_banner_bg1_peop{
	position:absolute;
    width: 100%;
	height:100%;
	top:0;
	bottom:0;
	z-index: -200;
    background-size:100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size:cover;
	opacity: 0;
	-webkit-transition: opacity 2s ease-in;
       -moz-transition: opacity 2s ease-in;
        -ms-transition: opacity 2s ease-in;
         -o-transition: opacity 2s ease-in;
            transition: opacity 2s ease-in;
}
.al_banner_bg1_main{
	background-image: url(/local/templates/alt/img/banner_pic_main.png);
}
.al_banner_bg1_bus{
	background-image: url(/local/templates/alt/img/banner_pic_bus.png);
}
.al_banner_bg1_peop{
	background-image: url(/local/templates/alt/img/banner_pic_peop.png);
}
.al_banner_bg1_main.load, .al_banner_bg1_bus.load, .al_banner_bg1_peop.load {
    opacity: 1;
}
.al_banner_bg2{
	position:absolute;
    width: 100%;
	height:100%;
	top:0;
	bottom:0;
	z-index: -100;
	background-image: url(/local/templates/alt/img/banner_green.png);
    background-size:100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size:cover;
	opacity: 0;
	-webkit-transition: opacity 3s ease-in;
       -moz-transition: opacity 3s ease-in;
        -ms-transition: opacity 3s ease-in;
         -o-transition: opacity 3s ease-in;
            transition: opacity 3s ease-in;
}
.al_banner_bg2.load {
    opacity: 1;
}
.al_banner_bg3{
	z-index: 3;
}

  
/* Disable grayscale on hover */
.al_logo_grey:hover {
  -webkit-filter: grayscale(0);
  filter: none;
}
.al_colored_link{
	color: #00B800;
    text-decoration: none;
}

/* Navbar dropdown level-2 support */
.dropdown-submenu .dropdown-menu{
	margin-left: .25rem;
	margin-right: .25rem;
}
.dropdown-submenu{ position: relative; }
.dropdown-submenu>.dropdown-menu{
	top: 0;
	left: 100%;
	margin-top: -0.25rem;
}
.dropdown-submenu>.dropdown-toggle:after{ content: '›'; display: inline-block; margin-left: .35rem; }

@media (min-width: 992px){
	.dropdown-submenu:hover > .dropdown-menu{ display: block; }
}

/* Hero */
.hero{ padding-top: 6rem; }
.hero-media{ width: 100%; max-width: 520px; height: auto; position: relative; }
.hero-image{ width: 100%; position: relative; z-index: 1; opacity: 0; transform: scale(.96); transition: opacity 1.2s ease .5s, transform 1.2s ease .5s; }
.hero-arc{
	position: absolute;
	z-index: 0;
	width: 150%;
	height: 150%;
	border-radius: 50%;
	border: 26px solid #00B800;
	left: 42%;
	top: -12%;
	transform: translateX(-50%);
	opacity: 0;
	/* show only right side of the circle to mimic design green stripe */
	clip-path: polygon(48% 0, 100% 0, 100% 100%, 0 100%, 0 40%);
	transition: opacity .9s ease, transform .9s ease;
}
.hero-arc--thin{ border-width: 9px; transform: translateX(-60%) rotate(-6deg); }
.hero-assembled .hero-arc{ opacity: 1; transform: translateX(-50%) rotate(0deg); }
.hero-assembled .hero-image{ opacity: 1; transform: scale(1); }

/* Video placeholder */
.video-placeholder{
	width: 100%;
	height: 220px;
	background: #2b2b2b;
	border-radius: 1rem;
}

/* Help cards */
.avatar{ width: 96px; height: 96px; border-radius: 50%; }

/* Buttons look */
.btn{ border-radius: 9999px; }
.btn-success{ background-color: #00B800; border-color: #00B800; }
.btn-success:hover{ background-color: #16a34a; border-color: #16a34a; }
.btn-outline-success{ color: #00B800; border-color: #00B800; }
.btn-outline-success:hover{ background-color: #00B800; border-color: #00B800; }

/* Footer spacing under fixed header */
body{ padding-top: 64px; }


/* Blog cards */
.blog-card{ border: 1px solid rgba(0,0,0,.06); border-radius: 16px; overflow: hidden; background: #fff; }
.blog-card .thumb{ height: 160px; background-size: cover; background-position: center; }
.blog-card .meta{ font-size: .875rem; color: #6b7280; }
.blog-card .hashtag{ color:#00B800; text-decoration: none; }
.blog-card .title{ font-weight: 700; color:#1f2937; }
.blog-card .excerpt{ color:#4b5563; }

/* Carousel with 4 tiles */
.blog-latest .carousel-item{ padding: .25rem; }
.blog-latest .tile-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
@media (max-width: 991.98px){ .blog-latest .tile-grid{ grid-template-columns: repeat(2, 1fr);} }
@media (max-width: 575.98px){ .blog-latest .tile-grid{ grid-template-columns: 1fr;} }

/* Contact modal */
.contact-card{
	background: #f3f3f3;
	border-radius: 24px;
	box-shadow: 0 12px 30px rgba(0,0,0,.08);
}
.contact-card h2{ color:#1f2937; }
.contact-form .form-control,
.contact-form .form-select{
	background: #fff;
	border: 0;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
	border-radius: 24px;
	padding: .9rem 1.25rem;
}
.contact-form .form-control::placeholder{ color: #9aa0a6; }
.contact-form .form-label{ color: #1f2937; }

ul:not([class]){
	padding-left: 0px;
}

ul:not([class]) li {
	position: relative;
	list-style: none;
	padding-left: 55px;
}
ul:not([class]) li::before {
	position: absolute;
	content: '';
	left: 5px;
	top: 5px;
	width: 27px;
	height: 20px;
	background-image: url(../img/bullet.png);
	background-size: cover;
}