/* Vendor Dependencies */
@import "compass";
@import "singularitygs";
@import "import/vendor/normalize";

/* Authored Dependencies */
@import "import/mixins";
@import "import/fl-scripts";
// no name required

/* Patterns */
@import "import/dynamic-products";
@import "import/forms"; // default styles for forms
@import "import/practice-products";
@import "import/animation";

/* Sections */
@import "import/publisher"; // default publisher styles
@import "import/wysiwyg";
// @import "import/template"; // please use as a reference
// @import "import/blog"; // uncomment for blogs

// apply a natural box layout model to all elements
* {
	@include box-sizing(border-box);
}

//	 __  __ _____  _____ _   _ ____
//	|  \/  |_ _\ \/ /_ _| \ | / ___|
//	| |\/| || | \  / | ||  \| \___ \
//	| |  | || | /  \ | || |\  |___) |
//	|_|  |_|___/_/\_\___|_| \_|____/
//
//	 ~ SCSS mixins and variables ~

$experimental-support-for-svg: true;
$grids: 12;
$gutters: 30/54;
$max-page-width: 978px;
$mobile-first: false;

// Web Safe Fonts
$font-arial: Arial, Helvetica, sans-serif;
$font-arial-black: "Arial Black", Gadget, sans-serif;
$font-courier: "Courier New", Courier, Monospace;
$font-georgia: Georgia, serif;
$font-lucida-console: "Lucida Console", Monaco, monospace;
$font-lucida-sans: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
$font-tahoma: Tahoma, Geneva, sans-serif;
$font-times: "Times New Roman", Times, serif;
$font-trebuchet: "Trebuchet MS", Tahoma, Arial, sans-serif;
$font-verdana: Verdana, Geneva, sans-serif;
$font-helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-baskerville: Baskerville, Palatino, "Palatino Linotype", Georgia, Serif;

.printElement {
	display: none;
}

.offscreen {
	text-indent: -9999em;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	overflow: hidden;
	list-style: none;
	br {
		display:none;
	}
}

.clearfix {
	&:before {
		content: "";
		display: table;
	}
	&:after {
		content: "";
		display: table;
		clear: both;
	}
}

.btn-togglebox {
	display: none;
	text-decoration: none;
}

.togglebox-close {
	display: none;
}

//	 ____    _    ____  _____   ____ _______   ___     _____ ____
//	| __ )  / \  / ___|| ____| / ___|_   _\ \ / / |   | ____/ ___|
//	|  _ \ / _ \ \___ \|  _|   \___ \ | |  \ V /| |   |  _| \___ \
//	| |_) / ___ \ ___) | |___   ___) || |   | | | |___| |___ ___) |
//	|____/_/   \_\____/|_____| |____/ |_|   |_| |_____|_____|____/
//
//						~ element selectors ~

html {
	font-size: 62.5%;
}

body {
	@include font-size(16);
}

a {
	&:visited {
		color: #ff0;
	}
	&:hover, &:focus {
		color: #f0f;
	}
	&:active, .current {
		color: #0ff;
	}
}

h1, h2, h3, h4, h5, h6 {
}
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

td img {

max-width: none; // max-width breaks the design when images reside within table cells (try max-width: 100% and see)
}
.container-header{
	@include clearfix();
	max-width: $max-page-width;
	margin: 0 auto;
}

//	 ____  _____ _____ _   _   _ _   _____   ____ _______   ___     _____ ____
//	|  _ \| ____|  ___/ \ | | | | | |_   _| / ___|_   _\ \ / / |   | ____/ ___|
//	| | | |  _| | |_ / _ \| | | | |   | |   \___ \ | |  \ V /| |   |  _| \___ \
//	| |_| | |___|  _/ ___ \ |_| | |___| |    ___) || |   | | | |___| |___ ___) |
//	|____/|_____|_|/_/   \_\___/|_____|_|   |____/ |_|   |_| |_____|_____|____/
//
//							  ~ all resolutions ~

body.design {
	min-width: 978px;
}

.container-page {
	margin: 0 auto;
	max-width: 978px;
}

.header-page {
}


/* ***************** NAVIGATION MAIN STARTS HERE *********************** */

.header-wrap{
  padding: 30px 0px 24px;
}

.cta {
	@include grid-span(5,8);
	@include clearfix;
	text-align: right;
	a{
		text-decoration: none;
	}
}

.cta-text{
	color: #161750;
/*	font-family: $font-merr;*/
	font-weight: 400;
	font-size: 19px;
	line-height: 1.31;
	span {

	}
}
/* ***************** NAVIGATION MAIN STARTS HERE *********************** */

.nav-main {
	@include clearfix;
	max-width: 978px;
	margin: 0 auto ;
}

.nav-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
	li {
	    float: left;
	    a {
			display: block;
			padding: 15px 25px;
			text-decoration: none;
			/*font-family: $font-merr;*/
			font-weight: 400;
			font-size: 20px;
			color: #333333;
			margin-top: 15px;
           &.first-item {
            	padding-left:0px;
            }
            &:hover,  &:active, &.current {
            	color: #aa1313;
            }
		}
	 &.itemLast a {
		border-right: none;
		padding-right: 0px;
      }
    }
}



/* ***************** NAVIGATION MAIN ENDS HERE *********************** */
.brand {
	float: left;
	display: block;
}

.brand-image {
	max-width: 100%;
}


.tagline {
	clear: both;
	@include font-size(30);
	color: #838383;
}

.container-columns {
	@include clearfix();
}

.container-column-main {
	float: right;
	width: 100%;
}

.column-main {
	margin-left: (54px * 4) + (30px * 3);
}

.column-side {
	float: left;
	margin-right: -100%;
	width: (54px * 4) + (30px * 3);
}




.page-title {
}

.content {
	@include clearfix(); // Added to account for styles used on Practice Centers/Pages
}

/* ***************** NAVIGATION PRACTICE STARTS HERE *********************** */

.title-practice {
}

.nav-practice {
	ul {
		padding: 0;
	}
	li {
		display: inline;
	}
	a {
		display: block;
		padding: 5px 10px;
		@include background-image(linear-gradient(top, #ededed, #ccc));
	}
}

.btn-nav-practice {
	display: none;
}

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

.nav-practice ul .togglebox-close {
	display: none;
}

.nav-practice li {
	float: left;
}

.nav-practice a {
	display: block;
	padding: 10px 20px;
	border-right: 1px solid #b7b7b7;
	text-decoration: none;
	text-transform: uppercase;
	font: 400 15px/1 $font-arial;
	color: #ff9600;
}

.nav-practice a:hover, .nav-practice a:focus, .nav-practice a.current {
	text-decoration: none;
	color: #ff0;
}

.nav-practice li.itemLast a {
	border-right: none;
}

.nav-practice ul li li a {
	padding: .6em 15px;
	width: 240px;
	border: none;
	text-transform: none;
	background: #0f0;
	&:hover, &:focus, .current {
		background-color: #fff;
		color: #000;
	}
}

/* ***************** NAVIGATION PRACTICE ENDS HERE *********************** */

.title-contact {
}

.contact-info {
}

.footer-page {
}// Short Form
.short-form {
    border: 1px solid #0f0;
    margin: 0 0 1.45em;
    padding: 1.45em 5%;
    background: #f0f;
}
    .title-short-form {
        margin: 0 0 .45em;
        font: 700 22px/1 $font-arial;
        color: #ADFF2F;
        text-transform: uppercase;
    }
    #containerIntakeFormShort, #containerIntakeFormShortAutofill {
        font-family: $font-arial;
        margin: 0;
        color: #fff;
    }
        #intakeFormShort fieldset input,
        #intakeFormShort fieldset textarea,
        #intakeFormShortAutofill fieldset input,
        #intakeFormShortAutofill fieldset textarea {
            display: block;
            width: 220px;
            font-family: $font-verdana;
            margin: .3em 0 .6em 0;
            padding: 8px 10px;
            color: #333;
        }
        #intakeFormShort fieldset div.formHighlight *,
        #intakeFormShortAutofill fieldset div.formHighlight * {
            border: 1px solid #0ff;
        }
        #intakeFormShort fieldset .formCheck a:link,
        #intakeFormShort fieldset .formCheck a:visited,
        #intakeFormShortAutofill fieldset .formCheck a:link,
        #intakeFormShortAutofill fieldset .formCheck a:visited,
        #containerIntakeFormShortAutofill p.intakeFormShortPrivacy a {
            color: #fff;
            text-decoration: underline;
        }
        #intakeFormShort fieldset .formCheck a:hover,
        #intakeFormShort fieldset .formCheck a:focus,
        #intakeFormShortAutofill fieldset .formCheck a:hover,
        #intakeFormShortAutofill fieldset .formCheck a:focus,
        #containerIntakeFormShortAutofill p.intakeFormShortPrivacy a:hover,
        #containerIntakeFormShortAutofill p.intakeFormShortPrivacy a:focus {
            color: #fff;
            text-decoration: none;
        }
        #intakeFormShortSubmit, #intakeFormShortAutofillSubmit {
            width: auto;
            height: auto;
            margin: 1.2em 0 0;
        }

.geography {
}

.fine-print {
	a {
		&:hover, &:focus, &:active {

		}
	}
	p {

	}
}
.copyright {
	padding: 0 0 .2em;
}
.branding {  }