/*
 * Trans American - Auxiliary Stylesheet
 * For: ClearBorder, Login 
 * Dependencies: None
 * 
 * */

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}


* {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
	color: #3b353b;
    font-family: Arial, 'Arimo', sans-serif;
    font-weight: 400;
    line-height: 1.2;
}

a,
button,
input {
	transition: all 0.1s ease-in-out;
}

.wrapper {
    margin: 0 auto;
    max-width: 1200px;
}

input {
    border: 1px solid #3b353b;
    font-size: 18px;
    padding: 16px;
    width: 100%;
}

button,
input[type="submit"]:hover {
    cursor: pointer;
    transition: all .3s ease;
}


input[type="text"],
input[type="password"] {
    border: 1px solid #3b353b;
    color: #3b353b;
    margin-bottom: 10px;
}

button,
input[type="submit"] {
    background-color: #FF6C03;
    border: none;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
}

button,
input[type="submit"]:hover {
    background-color: #ff8025;
}

button,
input[type="submit"]:active {
    position: relative;
    top: 1px;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

h1,
h2 {
    margin: 0 0 16px 0;

}

h1 {
    font-size: 30px;
    font-weight: 400;
}

h2 {
    font-size: 26px;
    font-weight: 400;
}

p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 24px 0;
}

a {
	color: #3b353b;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

:-moz-placeholder {
    color: #3b353b;
    opacity: 1;
}

::-moz-placeholder {
    color: #3b353b;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #3b353b;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #3b353b;
    opacity: 1;
}

.screen-reader-text {
    clip: rect( 1px 1px 1px 1px ); /* IE 6 and 7, just in case */
    clip: rect( 1px, 1px, 1px, 1px );
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.tal-desktop-hide {
	display: none;
}

.tal-menu-login {
	display: inline-block;
	list-style: none;
	padding-right: 16px;
	position: relative;
	top: 38px;
}

.tal-menu-login a {
	border: 1px solid #3b353b;
    margin-left: 24px;
    margin-top: 61px;
    padding: 6px 24px;
}

.tal-font-light {
	font-weight: 300;
}

/* ---------------------------------------------------------- Desktop ---------------------------------------------------------- */

#tal-clearborder-heading {
	background: url( '/images/edgedown-orange-1x.png' ) bottom right no-repeat;
	background-color: #233548;
	color: #FF6C03;
	clear: both;
	margin-bottom: 32px;
	overflow: hidden;
	padding: 50px 0;
}

#tal-clearborder-heading-left {
	float: left;
	width: 33%;
}

#tal-clearborder-heading-left h2 {
	font-size: 42px;
	margin-bottom: 0;
}

#tal-clearborder-heading-left span {
	font-size: 20px;
	text-transform: uppercase;
}

#tal-clearborder-heading-right {
	float: left;
	padding-left: 24px;
	width: 50%;
}

#tal-clearborder-heading-right p {
	font-size: 17px;
}


/* ____________________________________ Header, Menus & Logos ____________________________________ */

.tal-home-header {
	background-color: #fff;
}

.tal-logo-wrap {
	background: url( '/images/TA_Logo-blueorange.svg' ) no-repeat;
	float: left;
	/*height: 126px;*/
	height: 155px;
	margin: 41px auto 10px;
	max-width: 1200px;
	text-indent: -99999px;
	/*width: 379px;*/
	width: 500px;
}

#tal-menus {
	float: right;
	width: auto;
}

#tal-main-menu-container {
	position: relative;
	top: 30px;
}

#tal-top-menu-container .wrapper {
	padding: 10px 0;
}



/* _________________________ Mobile & Tablet: Header and Tablet Logo _______________________ */

#tal-mobile-header {
	display: none;
	height: 36px;
	overflow: hidden;
}

.tal-home-header #tal-mobile-header {
	background-color: #e5e5e5;
}

.tal-page-header #tal-mobile-header {
	background-color: #4c4c4c;
}

#tal-tablet-header {
	display: none;
}

#tal-mobile-header-menu-button {
	color: #e5e5e5;
	font-size: 16px;
	margin: 0 auto;
	padding: 7px 0;
}

#tal-menu-icon-open,
#tal-menu-icon-close {
	height: 22px;
	width: 30px;
}

.tal-menu-show-button {
	display: block;
	margin: 0 auto;
}

.tal-menu-hide-button {
	display: none;
}

.js #tal-menus,
.no-js #tal-menus {
	display: block;
}



/* _______________________________ ClearBorder (Desktop) _______________________________ */ 

#tal-clearborder-left-container,
#tal-clearborder-right-container {
    float: left;
    width: 50%;
}

.tal-clearborder-box {
    background-color: #e5e5e5;
    margin-bottom: 50px;
    padding: 20px;
    width: 71%;
}

.tal-clearborder-box h2 {
    float: left;
    font-size: 26px;
    position: relative;
    text-transform: uppercase;
    top: 4px;
}

#tal-clearborder-us {
    float: right;
    margin-right: 5%;
}

#tal-clearborder-us-header {
    margin: 0 auto;
    width: 258px;
}

#tal-clearborder-canada {
    float: left;
    margin-left: 5%;
}

#tal-clearborder-canada-header {
    margin: 0 auto;
    width: 349px;
}

.tal-clearborder-flag {
    display: block;
    float: left;
    height: 37px;
    margin: 0 18px 18px 0;
    margin-right: 18px;
    margin-bottom: 18px;
    width: auto;
}

.tal-clearborder-form-or {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
}

.tal-clearborder-contact-us {
	padding-left: 148px;
}

.tal-clearborder-contact-ca {
	padding-left: 34px;
}

.tal-clearborder-contact-us h2, .tal-clearborder-contact-ca h2 {
	clear: both;
	font-size: 16px;
	margin-bottom: 24px;
	text-transform: none;
}


/* _______________________________ Login (Desktop) _______________________________ */

#tal-login {
	padding-top: 16px;
}

.tal-login-box {
	background-color: #e5e5e5;
	margin: 0 auto 20px;
    padding: 24px 20px;
    max-width: 425px;
}

#tal-login #login-error {
	border-top: 3px solid red;
	display: none;
}

#tal-login-logo {
	display: block;
	height: auto;
	margin: 0 auto 20px;
	max-width: 379px;
	width: 100%;
}

#ts-login-logo {
    display: block;
    height: auto;
    margin: 20px auto 20px;
    max-width: 379px;
    width: 100%;
}

#tal-login input[type="submit"] {
	margin-bottom: 20px;
}

#tal-login .forgot {
	color: #737373;
	display: block;
	text-align: center;
}


/* __________________________________________________ Tweaks & Fixes __________________________________________________ */


@media only screen and ( min-width: 961px ) {
	
	/* Ensure login button always appears on larger screens */
	#tal-menus {
		display: block !important;
	}	
}


@media only screen and ( min-width: 961px ) and ( max-width: 1250px ) {

	#tal-clearborder-heading-left,
	#tal-clearborder-heading-right {
		padding-left: 16px;
	}	
}

@media only screen and ( min-width: 1101px ) and ( max-width: 1250px ) {
	
	#tal-clearborder-heading-right {
		padding-left: 24px;
	}	
}

@media only screen and ( min-width: 250px ) and ( max-width: 960px ) {

	.tal-clearborder-contact-us, .tal-clearborder-contact-ca {
		padding-left: 0px;
	}
}

@media only screen and ( min-width: 960px ) and ( max-width: 1100px ) {

	.tal-clearborder-contact-us{
		padding-left: 55px;
	}
}


/* __________________________________________________ Screen [1100px] __________________________________________________ */

@media only screen and ( max-width: 1100px ) {
	
	#tal-clearborder-heading-right {
		clear: both;
		float: none;
		padding-top: 16px;
		width: 66%;
	}
	
	#tal-clearborder-heading-right p {
		margin-bottom: 0;
	}
	
	.tal-clearborder-box {
		width: 85%;
	}	
}


/* __________________________________________________ Tablet [960px, 800px] __________________________________________________ */

@media only screen and ( max-width: 960px ) {
    
    .wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }	
	
	/* ---- Menus & Headers - [960px] ---- */
	
	#tal-top-menu-container {
		background-color: #e5e5e5;
	}
	
	#tal-menus ul {
		text-align: center;
		padding: 0;
	}
	
	.tal-menu-login {
		position: initial;
	}
	
	.tal-menu-login a {
		border: none;
		margin: 0; 
	}
	
	#tal-mobile-header {
		background-color: #e5e5e5;
		display: block;
	}
	
	#tal-tablet-header {
		display: block;
		padding: 24px 0;
	}
	
	#tal-tablet-logo {
		display: block;
		margin: 0 auto;
		width: 500px;
	}
	
	.tal-logo-wrap {
		display: none;
	}
	
	#tal-menus {
		background-color: #e5e5e5;
		display: block;
		padding-bottom: 24px;
		position: absolute;
		right: 0;
		top: 36px;
		width: 100%;
		z-index: 1;
	}
	
	.js #tal-menus {
		display: none;
	}
	
	.tal-menus-overflow {
		overflow: hidden;
	}
	
	.menu-item-hidden {
		display: block !important;
	}
	
	.mobile-menu-opened {
		opacity: 0.7;
	}
	
	.tal-desktop-hide {
		display: block;
	}
	
	#tal-top-menu-container,
	#tal-main-menu-container,
	#tal-page-top-menu-container,
	#tal-page-main-menu-container {
		background: none;
		display: block;
		float: right;
		width: 50%;
	}
	
	#tal-main-menu-container,
	#tal-page-main-menu-container {
		border-right: 1px solid #B5B3B5;
	}
	
	#tal-main-menu-container {
		position: initial;
		top: 0;
	}
	
	#tal-top-menu-container ul,
	#tal-main-menu-container ul {
		margin: 0 auto;
		width: 50%;
	}
	
	#tal-menus a {
		font-size: 20px;
		padding: 0;
	}
	
	.tal-menu-login,
	.tal-menu-login:hover {
		border: none;
		margin-left: 0;
		padding: 0;
	}
		
	/* ---- Content - [960px] ---- */
   
	#tal-clearborder-heading-left {
		float: none;
		width: 100%;
	}
	
	#tal-clearborder-heading-left {
		margin-bottom: 12px;
	}
	
	#tal-clearborder-heading-right {
		padding-left: 0;
		width: 75%;
	}
   
    .tal-clearborder-box {
        width: 100%;
    }
	
    .tal-clearborder-box h2 {
        font-size: 23px;
        top: 2px;
    } 

	#tal-clearborder-us {
        margin-right: 2.5%;
    }
    
    #tal-clearborder-canada {
        margin-left: 2.5%;
    }
	
	#tal-clearborder-us-header {
        width: 232px
    }
    
    #tal-clearborder-canada-header {
        width: 315px
    }
    
	.tal-clearborder-flag {
        height: 30px;
        margin-right: 12px;
    }  
    
    input {
        font-size: 16px;
        padding: 10px;
    }
    
    .tal-clearborder-form-or {
        font-size: 16px;
    }
    
    input[type="submit"] {
        font-size: 23px;
        padding: 8px;
    }
	
	.tal-clearborder-contact {
		padding-left: 0;
	}	
}

@media only screen and ( max-width: 800px ) {
    
    .wrapper {
       padding-left: 5%;
       padding-right: 5%;
    }    
}

/* __________________________________________________ Mobile [700px, 450px] __________________________________________________ */

@media only screen and ( max-width: 700px ) {
	
	#tal-clearborder-heading {
		background-size: 15%;
		padding: 36px 0;
	}
    
    #tal-menus ul {
		padding: 0;
	}
	
	.tal-menu-login a {
		margin: 0;
	}
	
	#tal-clearborder-left-container,
    #tal-clearborder-right-container {
        float: none;
        width: 100%;
    }
	
	#tal-clearborder-heading-left h2 {
		font-size: 30px;
	}
	
	#tal-clearborder-heading-left span {
		font-size: 18px;
	}
    
    #tal-clearborder-us,
    #tal-clearborder-canada {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
	
	#tal-tablet-logo {
		max-width: 450px;
		width: 95%;
	}
	
	#tal-login #login-error {
		padding: 20px;
	}
}

@media only screen and ( max-width: 450px ) {
	
	#tal-clearborder-us,
    #tal-clearborder-canada {
        margin-bottom: 20px;
    }
    
	#tal-clearborder-heading-left p {
		font-size: 32px;
	}
	
	#tal-clearborder-heading-right {
		width: 100%;
	}
	
    #tal-clearborder-us-header {
        width: 173px;
    }
    
    #tal-clearborder-canada-header {
        width: 236px;
    }
    
    .tal-clearborder-flag {
        height: 24px;
        margin-bottom: 16px;
        margin-right: 10px;
    }
    
    .tal-clearborder-box h2 {
        font-size: 18px;
        top: 2px;
    }
    
    .tal-clearborder-form-or {
        font-size: 14px;
    }
    
    input[type="submit"] {
        font-size: 18px;
    }
	
	#tal-login #login-error {
		padding: 16px;
	}
    
}


/*_______________________________ Image Media Queries [HiDPI/Retina Graphics] ________________________________ */

/* 2x Images */

@media
only screen and ( -webkit-min-device-pixel-ratio: 2 ),
only screen and ( min-resolution: 192dpi ),
only screen and ( min-resolution: 2dppx ) {
	
	.tal-logo-wrap {
		background: url( '/images/ta-efl-logo-black-2x.png' ) no-repeat left;
		background-size: 379px !important;
	}	
}


/* 3x Images */

@media
only screen and ( -webkit-min-device-pixel-ratio: 3 ),
only screen and ( min-resolution: 292dpi ),
only screen and ( min-resolution: 3dppx ) {
	
	.tal-logo-wrap {
		background: url( '/images/ta-efl-logo-black-3x.png' ) no-repeat left;
		background-size: 379px !important;
	}
}



/* 4x Images */

@media
only screen and ( -webkit-min-device-pixel-ratio: 4 ),
only screen and ( min-resolution: 392dpi ),
only screen and ( min-resolution: 4dppx ) {
	
	.tal-logo-wrap {
		background: url( '/images/ta-efl-logo-black-4x.png' ) no-repeat left;
		background-size: 379px !important;
	}	
}