@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*  Variables */
:root 
{
	--armstrong-default:#3c4043;
	--armstrong-orange: #FF6633;
	--armstrong-blue: #0A1F44;
	--armstrong-type:#666666;
	--armstrong-solution:#999999;
	--armstrong-businessneeds:#596FB7;
	--armstrong-industry:#339989;
	--container-radius:15px;
	--container-boxshadow:12px 12px 12px rgba(0,0,0,0.1);
	--container-boxshadow-hover:0 0 0 rgba(0,0,0,0.1),0 0 0 white;
}

/*  icons */
.armstrong {color:var(--armstrong-orange)}
.solutionicon {color:var(--armstrong-solution)}
.industryicon {color:var(--armstrong-industry)}
.businessneedsicon {color:var(--armstrong-businessneeds)}

/* Misc 
.large {font-size:1.3em;}
.error {color:red !important;}
.small {font-size:0.8rem !important;;}
.orange {color:#FF6633 !important;}
.progressgreen {color:#5ce500;}
.adaxes {color:#039ffa;}
.isdecisions {color:green;}
.netwrix {color:red !important;}
.red {color:red !important;}
.linkedin {color:#0077B5;}
.facebook {color:#1877F2;}
.x {color:#000000;}
*/


/*  Typography reset */
*, h1, h2, h3, h4, h5, h6, a { margin: 0; padding: 0; text-decoration: none; }

/* Typography */
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

html { overflow-x: hidden; 	font-size:16px;}

body 
{ 
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
	font-family: "barlow", sans-serif; 
	color: var(--armstrong-default);
}

a 
{
	color:var(--armstrong-orange) ;
}

p,li,label,span,time,td,th
{
	font-weight:300;
	font-size:1.25rem;
}

input,textarea,select,textarea
{
	font-size:1rem !important;
}

textarea /*overide Jquery Elastic*/
{
	font-family: "barlow", sans-serif !important; 
}

/*Header elements*/
h1
{
	font-size:3.0rem;
	font-weight:700;
	margin-bottom: 2.5rem;
	color:var(--armstrong-blue);
}

h2
{
	font-size:2.5rem;
	font-weight:500;
	margin-bottom:2rem;
	color:var(--armstrong-blue);
}

h3
{
	font-size:2.0rem;
	font-weight:500;
	margin-bottom: 1.5rem;
}

h4
{
	font-size:1.5rem;
	font-weight:500;
	margin-bottom: 1rem;
}

/*Other elements*/
strong
{
	font-weight:700;
}

time
{
	display: inline-block;
	margin-bottom:2em;
	color:#6699FF !important;
}

a.bold-link
{

	font-weight:600;
}

img.image {border-radius:15px;}

ul.sitemap li {font-size:1rem;}
ul.contact {list-style-type: none; margin:0;padding:0;}
ul.contact li {margin:0;padding:0}
ul.contact li i,ul.contact li svg {color:black;margin-right:1rem;}
ul.contact li a {font-weight:700;}


/*Combinations*/
p+h2, ul+h2, ol+h2, p+h3, ul+h3, ol+h3, div+h3, p+h4 , ul+h4,ol+h4
{
	margin-top: 3rem;
}



/*Articles*/
.articleheader {width:100%;border-radius:15px 15px 0 15px;}

h2 + .articleheader {margin-top:2rem;}

/*Footer Audit*/
.audit
{
	background-color:var(--armstrong-default);
}

.audit h3, .audit h4, .audit p
{
	color:white;
}



/* Framework Overides */
#mainMenu nav > ul > li > a
{
	font-family: "barlow", sans-serif !important; 
	font-size:1rem !important;
	font-weight:700 !important;
}

#mainMenu nav > ul > li > ul > li > a
{
	font-family: "barlow", sans-serif !important; 
	font-size:1rem !important;
	font-weight:300 !important;
}

#mainMenu a.menumore
{
	font-weight:700 !important;
	text-transform:uppercase;
}

#mainMenu nav > ul > li .dropdown-menu > li > a:hover 
{
	color:var(--armstrong-orange)
}

.flickity-button:hover 
{
	background-color: var(--armstrong-orange);
}

#topbar .top-menu > li > a {font-size:0.75rem;font-weight:500;}

.ui-menu {z-index:10000;}





/* Modals */
.modal-header {padding-bottom:1em;}
.modal-body {background-color:#eeeeee;}
.modal-footer {background-color:#eeeeee;}

/*Accordion*/
.ac-item 
{
	background-color:white;
	border:1px solid #cccccc !important;
	display:block;
	border-radius:15px !important;
}
h3.ac-title
{

	font-size:1.2rem !important;
	font-weight:bold !important;
}
h3.ac-title i, h3.ac-title svg
{

	margin-right:1.2rem;
}

/* Buttons */
.btn-armstrong 						{border:1px solid #FF6633 !important;background-color:#FF6633 !important;}
.btn-armstrong.btn-outline 			{color:#FF6633 !important;border:2px solid #FF6633 !important;background-color:transparent !important;}
.btn-armstrong.btn-outline:hover 	{color:#FFFFFF !important;background-color:#FF6633 !important;}

/* Datatables */
.datatable td.centered 	{text-align:center !important;}
.datatable th.centered 	{text-align:center !important;}
.datatable td.expand 	{width:100%;}
.datatable th.expand 	{width:100%;text-align:left;}
.datatable td.nowrap 	{white-space:nowrap;}
.datatable th.nowrap 	{white-space:nowrap;text-align:left;}

/* Logo heights for main nav and footer */
.logo-default img, .logo-dark img {height:1em;}
.logo-footer img {height:2em;margin-bottom:1em;}

/* Header (Main Nav) */
header 					{height:auto !important;opacity:0.95;}
header.dark				{opacity:1;}



/* Breadcrumbs */
.breadcrumbs_container 					{padding:1em 0;}
.breadcrumbs_container 					{background-color:white;}
.breadcrumb 							{margin:0;}
.breadcrumb li 							{text-transform:uppercase}
.breadcrumb li.breadcrumb-item 			{font-size:1.2em;}
.breadcrumb li.breadcrumb-item a:hover 	{color:#FF6633;}

.carousel_partners div
{

	padding:1rem;
	display: flex;
    justify-content: center;
	align-items: center;

}

.carousel_partners img
{

	object-fit: cover;
	filter: grayscale(1.0);
}

.carousel_partners img:hover
{


	filter: grayscale(0);
	transition: 0.1s;

	
}


.carousel_clients div
{

	padding:1rem;
	display: flex;
    justify-content: center;
	align-items: center;

}

.carousel_clients img
{

	object-fit: cover;
	filter: grayscale(1.0);
}

.carousel_clients img:hover
{


	filter: grayscale(0);
	transition: 0.1s;

	
}

/* Sections */

section.pagetitle .blurred
{
	background-color:rgba(0, 0, 0, .2);
	backdrop-filter: blur(10px);
	border-radius:15px;
}

section.pagetitle .blurred h1, section.pagetitle .blurred p, section.pagetitle .blurred a
{
	color:white;
}

section.newstitle
{
background-color:var(--armstrong-blue);
}


section.newstitle h1, section.newstitle h2, section.newstitle p
{
 color:white;


}



section.newstitle h1
{
font-size:4rem;
font-weight:900;
margin-bottom:0;
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

section.newstitle h2
{
margin-top:2rem;
font-weight:500;
margin-bottom:0;
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}


section.newscontent p,section.newscontent li
{
font-size:1.25rem;
font-weight:300;
}

section.newscontent strong
{
font-weight:600;
}

section.newscontent ul
{
margin:2rem ;
}

section.cta
{
	background-color:#FF6633;
	box-shadow:  0px 0px 20px 0px rgba(0,0,0,0.75);
}

section.cta .container>h2,section.cta .container>p
{
	color:rgba(255, 255, 255, 1);
}

section.style_1
{
	background-color:#ddd;
}



/* Asides - blog posts? */
.aside 
{
	background-color:#666666;
	border-radius:10px;
	padding:2rem;
}

.aside h3
{
	color:white;
}




/*Call to Action Container - used on home, product, solution, partner, news and blog*/
.cta_container
{
	display:block;
	background-color:#FFFFFF;
	color:var(--armstrong-default);
	position:relative;
	border-radius:10px;
	padding:1.5rem;
	box-shadow: var(--container-boxshadow);
	text-align:center;
}

.cta_container:hover
{
	box-shadow: var(--container-boxshadow-hover);
	transition: 0.1s;
}

.cta_container .icon_container
{
	height:3rem;
	margin-bottom:1rem;
}

.cta_container i,.cta_container svg
{
	height:100%;
	color:#FF6633;
}

.cta_container p:first-of-type
{
	font-weight:500;
	font-size:1.2rem;
}


/*Resource container - PDFs etc.. */
a:has(.resource_container)
{
	color:var(--armstrong-default);
}

.resource_container
{
	background-color:white;
	border:1px solid #cccccc;
	display:block;
	box-shadow: 12px 12px 12px rgba(0,0,0,0.1);
}

.resource_container:hover
{
	box-shadow: 0 0 0 rgba(0,0,0,0.1),0 0 0 white;
	transition: 0.1s;
}

.resource_container.notlive
{
	border:2px dashed red;
}

.resource_thumbnail
{
	border-bottom:1px solid #cccccc;
	background-color:#666666;
	height:100px;
	overflow: hidden;
	display: flex; 
	align-items: center;
}

.resource_thumbnail img
{
	width:90%;
	margin:auto;
}

.resource_content
{
	padding: 2em;
}

.resource_content span:first-of-type
{
	font-variation-settings: "wght" 300;
	text-transform:uppercase;
	display:block;
	font-size:1rem;
	margin-bottom:2rem;
}

.resource_content span
{
	font-weight:600;
	color:var(--armstrong-type);
}

.resource_content p
{
	font-size:1rem;
}

.resource_content p:first-of-type
{
	font-weight:bold;
	font-size:1.2rem;
	margin-bottom:2rem;
}

.resource_footer
{
	padding: 0 2em 2em 2em;
	font-size:0.9rem;
	text-transform:uppercase;
	text-align:right;
	height:4em;
	color:var(--armstrong-orange);
}

/*Product container */
.product_container
{
	background-color:white;
	border:1px solid #cccccc;
	display:block;
	border-radius:15px;
}

a.product_container
{
	color:var(--armstrong-default);
	box-shadow: var(--container-boxshadow);
}

a.product_container:hover
{
	box-shadow: var(--container-boxshadow-hover);
	transition: 0.1s;
}


.product_container.notlive
{
	border:2px dashed red;
}



.product_logo
{
	padding: 2rem 2rem 0 2rem;
}


.product_logo img
{
	height:2em;
	max-width:100%;
}

.product_content
{
	padding: 2rem;
}

.product_content p
{

	font-size:1rem;

}

.product_content p:first-of-type
{
	font-weight:bold;
	font-size:1.2rem;
	margin-bottom:2rem;
}

.product_footer
{
	padding: 0 2em 2em 2em;
	font-size:0.9rem;
	text-transform:uppercase;
	text-align:right;
	height:4em;
	color:var(--armstrong-orange);
}

.product_footer a.btn
{
	width:100%;
}


/*Solution container */
.solution_container
{
	border:1px solid #cccccc;
	border-radius:15px;
	display:block;
	position:relative;
}

.solution_container p
{
	font-size:1rem;
}

a.solution_container
{
	color:var(--armstrong-default);
	box-shadow: 12px 12px 12px rgba(0,0,0,0.1);
	background-color:#fff;
}

a.solution_container:hover
{
	box-shadow: 0 0 0 rgba(0,0,0,0.1),0 0 0 white;
	transition: 0.1s;
}


.solution_container.notlive
{
	border:4px dashed red;
}

.solution_container.type_1
{
background-color:white;
}

.solution_container.type_2
{
	background-color:#666666;
	background-blend-mode: multiply;
	background-size: 150%;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height:150px;
	text-align:center;
}

.solution_container.type_2:hover
{
  background-color:#DDDDDD;
  background-size: 200%;
  transition: all .5s;

}

.solution_container.type_2 span
{
	color:white;
	font-size:1.6rem;
	font-weight:bold;
	text-shadow: 0px 0px 14px0px rgba(0, 0, 0, 1);
}

.solution_container.type_2:hover span
{
	transition: all .5s;
}
	
.solution_container.type_2 .solution_content
{

	display: flex;
	align-items: center;

}
	
.solution_container.type_3
{
	background-color:white;
}

.solution_container.type_4
{
	background-color:#eeeeee;
	display: flex;
	justify-content: center;
	align-items: center;
	height:100px;
	text-align:center;
	color:#000000;
}

.solution_container:hover.type_4
{
	color:#000000 !important;
}

.solution_container.type_4 .solution_content
{

	display: flex;
	align-items: center;

}
	

.solution_container.type_5
{
	background-color:#ffffff;
}

.solution_container.type_5 span 
{
	margin-bottom:2rem;
	display:block;
}

.solution_container.type_6 img 
{
	display:block;
	width:40%;
	margin-right:10%;
}

.solution_container.type_6 span 
{
	display:block;
	color:var(--armstrong-type);
	font-size:1.2rem;
}

.solution_container.type_5 span i, .solution_container.type_5 span svg
{
	
	font-size:3rem;
}

.solution_container.type_5 p:last-of-type
{
	margin-bottom:4rem;
}

.solution_banner
{
	height:100px;
	border-radius:15px 15px 0 0;
	background-position: 0 -20px;
	background-repeat: no-repeat;
	background-size: cover;
}

.solution_icon
{
	
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	padding:10%;
	transition: all .5s;
}





.solution_container.type_3:hover .solution_icon img
{
	width:70%;	
	transition: all .5s;
}



.solution_content
{
	padding: 2em;
}

.solution_content p:first-of-type
{
	font-weight:bold;
	font-size:1.2rem;
	margin-bottom:2rem;
}

.solution_footer
{
	padding: 0 2em 2em 2em;
	font-size:0.9rem;
	text-transform:uppercase;
	text-align:right;
	height:4em;
	color:var(--armstrong-orange);
}

.solution_footer a.btn
{
	width:100%;
}


/*Partner Container */
.partner_container
{
	background-color:white;
	border:1px solid #cccccc;
	display:block;
	border-radius:15px;
	color:var(--armstrong-default);
}

.partner_container.notlive
{
	border:2px dashed red;
}

.partner_container.hovereffect
{
	box-shadow: 12px 12px 12px rgba(0,0,0,0.1);
	border-radius:15px;
}

.partner_container.hovereffect:hover
{
	box-shadow: 0 0 0 rgba(0,0,0,0.1),0 0 0 white;
	transition: 0.1s;
}

.partner_container_logo
{
	padding: 2em;
}


.partner_container_logo img
{
	height:3rem;
	max-width:100%;
}

.partner_container_content
{
	padding: 0 2em;
}

.partner_container_content p
{
	font-size:1rem;
}




.partner_container_footer
{
	padding: 2em;
	font-size:0.9rem;
	text-transform:uppercase;
	text-align:right;
	
	color:var(--armstrong-orange);
}


.partner_relationship
{
	background-color:#f0f0f0;
}


/*Blog Post Container */
.blog_container
{
	background-color:white;
	border:1px solid #cccccc;
	display:block;
	border-radius:15px;
	color:var(--armstrong-default);
}

.blog_container.notlive
{
	border:2px dashed red;
}

.blog_container.hovereffect
{
	box-shadow: 12px 12px 12px rgba(0,0,0,0.1);
	border-radius:15px;
}

.blog_container.hovereffect:hover
{
	box-shadow: 0 0 0 rgba(0,0,0,0.1),0 0 0 white;
	transition: 0.1s;
}

.blog_image
{
	position: relative;
	border-radius:10px 10px 0  0;	
	overflow: hidden;
	height:100px;
}

.blog_image img
{
	
	width:100%;
	position: absolute;
}

.blog_container time
{
	color:#000033;
}

.blog_content
{
	padding: 2rem;
}

.blog_content p
{
	font-size:1rem;
}

.blog_footer
{
	padding: 0 2em 2em 2em;
	font-size:0.9rem;
	text-transform:uppercase;
	text-align:right;
	height:4em;
	color:var(--armstrong-orange);
}





.menu_blog h4
{
	text-transform:uppercase;
}

.menu_blog h4:not(:first-of-type)
{
	
	margin-top:2rem;
}



.menu_blog ul
{
	list-style-type:none;
	padding:0;
	margin:0;
	
}

.menu_blog li
{
	font-size:1rem;
	margin-bottom:0.5rem;
}

ul.sharing
{
	
	
}

.sharing span
{
	display:inline-block;margin:0 0.5rem 0 0;padding:0;
}

.sharing i,.sharing svg
{
	font-size:1.5rem;
}



/*News Post Container */
.news_container
{
	background-color:white;
	border:1px solid #cccccc;
	display:block;
	border-radius:15px;
	color:var(--armstrong-default);
}

.news_container time
{
	color:#000033;
}

.news_content
{
	padding: 2rem 2rem 0 2rem;
}

.news_content p
{
	font-size:1rem;
}


.news_image
{
	position: relative;
	border-radius:10px 10px 0  0;	
	overflow: hidden;
	height:150px;
}

.news_image img
{
	width:100%;
	position: absolute;
}

.news_footer
{
	padding: 0 2em 2em 2em;
	text-align:center;
	height:4em;
}

.news_footer a.btn
{
	width:100%;
}

a.btn
{
	box-shadow: 6px 6px 6px rgba(0,0,0,0.1);
	border-radius:15px;
}

a.btn:hover
{
	box-shadow: 0 0 0 rgba(0,0,0,0.1),0 0 0 white;
	transition: 0.1s;
}

/*Standard Tile for products etc.. */
.tile_container
{
	
	background-color:white;
	border:1px solid #cccccc;
	display:block;
	border-radius:15px;

}

.tile_container.hovereffect
{
	box-shadow: 12px 12px 12px rgba(0,0,0,0.1);
	border-radius:15px;
}

.tile_container.hovereffect:hover
{
	box-shadow: 0 0 0 rgba(0,0,0,0.1),0 0 0 white;
	transition: 0.1s;
}

.tile_content
{
	padding: 2em;
}

.tile_content h2
{
	color:var(--armstrong-orange)
}

.tile_content h3,.tile_content p
{
	color:var(--armstrong-default)
}

.tile_content ul
{
	margin:0;
	padding-left:1rem;

}

.tile_content p, .tile_content li
{
	font-size:1rem;

}


.tile_content_dark
{
	padding: 2em;
	background-color:#666666;
}

.tile_content img, .tile_content_dark img
{
	width:100%;
}

.tile_logo
{
	padding: 2rem 2rem 0 2rem;
}


.tile_logo img
{
	height:6em;
	max-width:100%;
}

.tile_footer
{
	padding: 0 2rem 2rem 2rem;
}

.tile_footer ul
{
	padding: 0;
	margin:0;
	list-style: none;
}

.tile_footer li
{
	display:inline-block;
	margin-right:0.5rem;
	
}

.tile_icon
{
	padding: 2em 0 0 2em;

}

.tile_icon svg,.tile_icon i
{
	font-size:3rem;
}

.tile_icon img
{
	width:5em;
}

.ac-title img
{
	width:1.5rem;
	margin-right:1rem;

}

/*Product Page */
.product_header
{
	background-color:#FFFFFF;
}

.product_header h1
{
	font-weight:700;
}

.product_header p
{
	font-size:1.6rem;
	font-weight:300;
}


.product_header_inner
{
	display:flex;align-items: center;width:100%;justify-content:space-between;align-items: center;flex-wrap:wrap;
}

.product_header_logo
{
	width:30%;margin-bottom:4em;
}

.product_header_logo img
{
	width:100%;
}

.product_overview
{
	background-color:#f0f0f0;
}

.product_screenshots .portfolio-image
{
	max-height:200px;
}

ul.challenges_solution_list {margin:0;padding:0;}
ul.challenges_solution_list li.solution-item {list-style:none;margin:0;padding:0;display:block;}
ul.challenges_solution_list li.solution-item a {font-size:1.2rem;opacity:0.7;font-weight:300;}
ul.challenges_solution_list li.solution-item a:hover {opacity:1;}
ul.challenges_solution_list li.solution-item span {font-size:1.2rem;opacity:0.7;font-weight:300;}

.product_overview iframe,.product_overview video
{
	border-radius:10px;
}


.product_more
{
	background-color:#333333;
	text-align:center;
}

.product_more h2
{
	color:white;
	margin-bottom:1em;
}

.product_more_container
{
	display:block;
	padding:2rem;
}



.product_more_container .icon_container
{
	height:4em;
	margin-bottom:2em;
}

.product_more_container p
{
	font-variation-settings: "wght" 600;
	color:#FFFFFF;
	margin:0;
}

.product_more_container i,.product_more_container svg
{
	height:100%;
	color:#FFFFFF;
}

.product_more_container:hover i,.product_more_container:hover svg,.product_more_container:hover p
{


	color:#FF6633;
}

.product_more p:first-of-type
{
	font-weight:bold;
	font-size:1.4rem;
}


/*Solution Page */
.solution_overview h2,.solution_overview p,.solution_overview .breadcrumb,.solution_overview .breadcrumb-item a
{
	color:white;
}

.solution_overview p
{
	font-size:1.4em;
}

.solution_overview span
{
	display:block;
	color:#dddddd;
	text-transform:uppercase;
	margin-bottom:2rem;
}

.solution_overview .blurred
{
	padding:4em;
	background-color:rgba(0, 0, 0, .4);
	backdrop-filter: blur(10px);

}

/*Partner Page */
.partner_overview h1,.partner_overview p,.partner_overview .breadcrumb,.partner_overview .breadcrumb-item a
{
	color:white;
}

.partner_overview p
{
	font-size:1.2em;
}

.partner_overview span
{
	display:block;
	color:#dddddd;
	text-transform:uppercase;
	margin-bottom:2rem;
}

.partner_overview .blurred
{
	padding:4em;
	background-color:rgba(0, 0, 0, .4);
	backdrop-filter: blur(10px);
}

.partner_relationship p
{

	font-size:1.2em;
}




@media (max-width: 991.98px) 
{
	h1
	{
		font-size:3rem;
		font-weight:600;
	}
	
	h2
	{
		font-size:2.5rem;
	}

	h3
	{
		font-size:2rem;
	}

	h4
	{
		font-size:1.5rem;
	}

	p,li,td,th,button,input
	{
		font-size:1.1rem;
	}



}