/*
MTC Stylesheet

Table of Contents: 
1. Color Palette
2. Font Standards
3. Logo Standards
4. Component Standards
*/

	/*
	__________________________
	1. Color Palette -- 
	
	Primary Colors
	Primary Blue / PMS 7691 C #006293 
	P. Darker Blue / PMS 7693 C #004976
	
	Secondary Colors
	Light Blue / PMS 292 C #42B3E6
	Black / PMS Black C #000
	Light Orange / PMS 152 C #E57200
	Yellow-Orange / PMS 142 C #F1B434
	*/
	
:root {
	--primary-blue: #006293;
	--primary-dark-blue: #004976;
	
	--secondary-light-blue: #004976;
	--secondary-black: #000;
	--secondary-light-orange: #E57200;
	--secondary-yellow-orange: #F1B434;
	
	--button-blue: #0699F4;
	--button-white: #FFF;
}

@font-face {
	font-family: 'Gotham-Medium';
	src: url('/resource/GothamMedium').format('opentype');
}
@font-face {
	font-family: 'Gotham-Book';
	src: url('/resource/GothamBook').format('opentype');
}
	
 
	
/*
__________________________
Font Standards --
*/


/* Header and Footer / Custom Theme Layout */


.MTC-style.MTC_font_header_h3_bold {
	color: var(secondary-black);
	font-family: 'Gotham-Book';
	font-size: 13px;
	text-transform: uppercase;
}

.MTC-style.MTC_font_header_lang_select_bold {
	color: var(primary-dark-blue);
	font-family: 'Gotham-Book';
	font-size: 13px;
}

.MTC-style.MTC_font_footer_h3_bold {
	color: var(primary-dark-blue);
	font-family: 'Gotham-Book';
	font-size: 13px;
	text-transform: uppercase;
}




/* Home Body Content: */

.MTC-style.MTC_font_h2 {
	color: var(secondary-black);
	font-family: 'Gotham-Book';
	font-size: 32px;
}

.MTC-style.MTC_font_p {
	color: var(secondary-black);
	font-family: 'Gotham-Book';
	font-size: 13px;
}

.MTC-style.MTC_font_p_bold {
	color: var(secondary-black);
	font-family: 'Gotham-Book';
	font-size: 13px;
}



/* FAQ Body Content: */

.MTC-style.MTC_font {
	font-family: 'Gotham-Book';
}





/*
___________________________
Logo Standards --

On Web, logo should not be any smaller than 75px width for the horizontal version of the logo
and 42px width for the vertical version of the logo -- keep the proportions of the image the same. 

The padding around the logo (on all sides) must equal the size of the letter "A" in the logo's Clipper START. 
(This padding size equals the height of the horizontal version of the logo.)

Make sure the Clipper Start logo asset has a Service Mark (SM) on it, when using it. 

*/



/*
___________________________
Body Components --
*/


/* Form Components */
.MTC-style.MTC_accordion {
	line-height: 20px;
	padding: 35px;
	width: 100%;
}

/* Buttons */
.MTC-style.MTC_button {
	background-color: var(button-blue);
	color: var(button-white);
	font-family: 'Gotham-Book';
	font-size: 13px;
}