// FONT LOADING SLOW ISSUE FIX
html {
	background-color: @background-color;
}
// STRUCTURE LESS //
body {
	background-color: @white;
	color: @dark-grey;
	font-family: "adelle-sans", sans-serif;

	// GLOBALS: //
	a {
		color: @link-color;
		text-decoration: underline;
		.hover-transition(color, 0.5s);
		&.hover {
			color: @link-hover;
			text-decoration: none;
			.hover-transition(color, 0.25s);
		}
	}

	h2, h3, h4, h5, h6 {
		color: @dark-grey;
	}

	h1 {
		font-size: 25px;
		margin-bottom: 10px;
		margin-top: 20px;
		color: @brand-color;
	}
	h2 {
		font-size: 20px;
		margin-bottom: 10px;
		margin-top: 15px;
	}
	h3 {
		font-size: 18px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	h4 {
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	h5 {
		font-size: 14px;
	}

	.hidden-label{
		display: none;
	}

	//set the background image without no-repeat on the HTML element that uses this class
	.circular-photo{
		width: 225px;
		height: 225px;
		border-radius: 150px;
		-webkit-border-radius: 150px;
		-moz-border-radius: 150px;
	}

	.btn-darkgrey {
	 	color: @white;
	 	background-color: @dark-grey;
	 	border-color: darken(@dark-grey, 15%);
	 	&:hover {
	 		color: @white;
	 		background-color: darken(@dark-grey, 2%);
	 		border-color: darken(@dark-grey, 15%);
	 		//border-left: none;
	 	}
	}

	.brand_bordered {
		border: solid 3px @logo-grey;
		border-radius: 10px;
	}

	.section {
		ul {
		    list-style-type: none;
		    margin: 0 0 10px 10px;
		    padding: 0;
		    & > li {
		        position: relative;
		        padding: 0px 0 5px 12px;
		        	ul {
		        		margin-top: 10px;
		        		margin-bottom: 0px;
		        		& > li:before {
		        			background-color: transparent;
		        			border: solid 2px @dark-grey;
		        		}
		        	}
		    }
		    & > li:before {
		        position: absolute;
		        top: 2px;
		        left: -1em;
		        width: 12px;
		        height: 12px;
		        border-radius: 8px;
		        -moz-border-radius: 8px;
		        font-size: 0.7em;
		        line-height: 16px;
		        text-align: center;
		        color: @dark-grey;
		        background: @dark-grey;
		        content: " ";
		    }
		}
	}

	header {
		&#main_header {
			-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
			-moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
			box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);
			z-index: 399;
			display: block;
			position: relative;
			margin-bottom: 20px;
			.global_search_form {
				input {
					border-top-left-radius: 15px;
					border-bottom-left-radius: 15px;
				}
				.btn {
					border-top-right-radius: 15px;
					border-bottom-right-radius: 15px;
					border-top-left-radius: 0px;
					border-bottom-left-radius: 0px;
					.glyphicon {
						margin: 0 5px 0 3px;
					}
				}
			}
			#global_header_top {
				background: @dark-grey;
				height: 30px;
				//nav#top_nav lives here
			}
			.top_border {
				height: 6px;
				width: 100%;
				.top-gradient(@brand-peach, @brand-magenta);
			}
			#global_header_bottom {
				background: @white;
				z-index: 5;
			    #globalSearchForm, .search-section {
			    	margin-top: 20px;
			    }
			    .sitelogo {
			    	margin-bottom: 25px;
			    	img {
			    		width: 100%;
			    		max-width: 300px;
			    	}
			    }
			    //nav#main_nav
			}
		}
	}
	.content_wrapper {
		.rightsidepar {
			//margin-top: 20px;
		}
		.contactus {
			.contactusformbtm {
				.btn-brand {
					.btn-color(@brand-magenta, @dark-grey);
				}
			}
		}
	}
	footer {
		&#global_footer {
			background-color: @light-grey;
			min-height: 200px;
			margin-top: 100px;
			//nav#footer_nav lives here
			.copyright {
				margin-top: 100px;
				text-align: center;
				color: @dark-grey;
			}
			.disclaimer {
				margin-top: 30px;
			}
		}
	}
	.brand_color {
		color: @brand-color;
	}
	header {
		&#main_header {
			.top_border {
				.top-gradient(@brand-color, @brand-gradient);
			}
		}
	}
	.brand_bordered {
		&.bordered_colored {
			border-color: @brand-color;
		}
	}
	.section {
		ul {
		    & > li:before {
		        color: @brand-color;
		        background: @brand-color;
		    }
		    li {
		    	ul {
		    		& > li:before {
		    			background: transparent;
		    			border-color: @brand-color;
		    		}
		    	}
		    }
		}
	}
	aside.small-cta-content{
		h3{
			color: @brand-color;
		}
	}
	aside.case-study-content{
		h3, .quote-section, a{
			color: @brand-color;
		}
	}
	.leftsidenav {
		nav#left_nav {
			ul {
				li {
					a {
						&.active {
							color: @brand-color;
							background: @light-grey;
						}
					}
				}
			}
		}
	}
	.showcaselanding {
		.top-gradient(@brand-color, @brand-gradient);
	}
	.breadcrumbs {
		a {
			&:hover {
				color: @brand-color;
			}
		}
	}
	.page_title {
		h1 {
			color: @brand-color;
			margin-top: 15px;
		}
	}
	.largecalltoaction {
		.ctaformbtm {
			.btn-brand {
				.btn-color {
					color: @brand-color;
				}
			}
		}
		.modal {
			.btn-brand {
				.btn-color {
					color: @brand-color;
				}			}
		}
	}
	.contactus {
		.contactusformbtm {
			.btn-brand {
				.btn-color {
					color: @brand-color;
				}			}
		}
	}
	.casestudyaccordion {
		a {
			color: @brand-color;
		}
	}
	.continue-reading{
		color: @brand-color;
	}
}