@charset "UTF-8";

/* CSS Document */

/*
File: design.css

Purpose: Used to implement brand specific design elements and interface customizations. 
Usage: Modify as needed. Add any additional styles anywhere needed. 

Contents:

1. Brand Styles (style guide)
1.1 Link Icon Indicators
2. Standardized Color Values
3. Browser Element Customizations
4. Custom Screen Interface Elements


*/

/* ================ 1. Branded Elements (style guide) ================ */
:root {
  font-size: 62.5%; /* (62.5/100) * 16px = 10px */
    /* 
    This should simplify the calculation of rem's across the board. 
    1px = .1rem
    10px = 1rem
    15px = 1.5rem
    20px = 2rem 
    25px = 2.5rem
    100px = 10rem
    105px = 10.5rem
    2980px = 298rem
    2985px = 298.5rem
    */
}
/*html{ font-size: unset; }*/
body {
    font-family: 'Domine', Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
	line-height: normal;
	background-color: #fff;
	color:#6d6e71;
}

a:link, 
a:visited {
	text-decoration: underline;
	color: #565657;
	display: inline;
	background-color: transparent;

	-webkit-transition: all .5s ease;/* Safari 3.2+, Chrome */
	-moz-transition: all .5s ease;/* Firefox 4-15 */
	-o-transition: all .5s ease;/* Opera 10.5-12.00 */
	transition: all .5s ease;/* Firefox 16+, Opera 12.50+ */	
}

a:hover, 
a:active, 
a:focus {
	text-decoration: none;
	color: #000;
	background-color: #90e0fb;	
}



hr { 
    display: block;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
	border-color:#e9e9ea;
}
/* ================ 1.1 Link Icon Indicators ==================== */
/*a::after { font-family: 'FontAwesome'; }*/
/* opens in new window -  fa-external-link []*/
/*
a[class~="JQspeedbump1"]::after, 
a[class~="JQspeedbump2"]::after
a[target="_blank"]::after { content: " \f08e  "; }
*/
/*removing icon from links that don't need them */
/*.social a.JQspeedbump1::after { content: " "; }*/
/* opens a pdf - fa-file-pdf-o []  */
/*a[href$=".pdf"]::after { content: " \f1c1  " } */
/* opens a video - fa-file-video-o []*/
/*a[href$=".mov"]::after { content: " \f1c8  " } */
/* opens a dialog box - fa-external-link-square [] */
/*a[class~="JQmodal"]::after { content: " \f14c  " } */
/* calls a phone number - fa-phone-square [] */
/*a[href^="tel:"]::after { content: " \f098  " } */


/* email link
  fa-envelope []
  fa-envelope-o []
  fa-envelope-open []
  fa-envelope-open-o []
  fa-envelope-square [] */
/*a[href^="mailto:"]::after { content: " \f003  " }*/

/* ================ 2. Standardized Color Values ================ */

.accent { color: #097b85 !important; }

.clr1-dark { color: #005581 !important; }

/*.clr1-med { color: #578fac !important;}*/
.clr1-med { color: #4A7A93 !important;}

.clr1-lite { color: #d9e5ec !important;}

.clr2-dark { color: #6d6e71 !important;}

.clr2-med { color: #d0d0d1 !important;}

.clr2-lite { color: #e9e9ea !important;}

.clr1-bg-dark { background-color: #005581 !important;}

/*.clr1-bg-med { background-color: #578fac !important;}*/
.clr1-bg-med { background-color: #4A7A93 !important;}

.clr1-bg-lite { background-color: #d9e5ec !important;}

.clr2-bg-dark { background-color: #6d6e71 !important;}

.clr2-bg-med { background-color: #d0d0d1 !important;}

.clr2-bg-lite { background-color: #e9e9ea !important;}

.clr1-bdr-dark { border-color: #005581 !important;}

/*.clr1-bdr-med { border-color: #578fac !important;} */
.clr1-bdr-med { border-color: #4A7A93 !important;}


.clr1-bdr-lite { border-color: #d9e5ec !important;}

.clr2-bdr-dark { border-color: #6d6e71 !important;}

.clr2-bdr-med { border-color: #d0d0d1 !important; }

.clr2-bdr-lite { border-color: #e9e9ea !important;}

td.clr1-bg-dark, 
.clr1-bg-dark p, 
td.clr1-bg-med, 
.clr1-bg-med p, 
td.clr2-bg-dark, 
.clr2-bg-dark p, 
td.clr2-bg-med, 
.clr2-bg-med p, 
.clr1-bg-dark h1, 
.clr1-bg-dark h2, 
.clr1-bg-dark h3, 
.clr1-bg-dark h4, 
.clr1-bg-dark h5,
.clr1-bg-dark h6, 
.clr2-bg-dark h1, 
.clr2-bg-dark h2, 
.clr2-bg-dark h3, 
.clr2-bg-dark h4, 
.clr2-bg-dark h5, 
.clr2-bg-dark h6,
.clr1-bg-med h1,
.clr1-bg-med h2,
.clr1-bg-med h3,
.clr1-bg-med h4,
.clr1-bg-med h5, 
.clr1-bg-med h6,
.clr2-bg-med h1, 
.clr2-bg-med h2, 
.clr2-bg-med h3, 
.clr2-bg-med h4, 
.clr2-bg-med h5, 
.clr2-bg-med h6 { color: #fff;}

.bdr-bot {
	border-left: none;
	border-right: none;
	border-top: none
}

.bdr-top {
	border-left: none;
	border-right: none;
	border-bottom: none
}

.bdr-left {
	border-right: none;
	border-bottom: none;
	border-top: none
}

.bdr-right {
	border-left: none;
	border-bottom: none;
	border-top: none
}

/* ================ 3. Browser Element Customizations ================ */


/*selected elements*/
::selection {
	background: #444;
	color: #FFF
}
::-moz-selection {
    background:#444;
    color:#FFF
}

/* ================ 4. Custom Screen Interface Elements ================ */


/* containing element */
.header {
	padding: 0 !important;
	margin: 0 auto !important;
	background-color: #fff !important;
}


.homelink {position:absolute; /*z-index:1; */ width:68%; float:left;}

#atstbx a.at-svc-facebook, 
#atstbx a.at-svc-twitter, 
#atstbx a.at-svc-pinterest_share, 
#atstbx a.at-svc-compact {
    background: #015385;
}