/*!* AEM Responsive Text Base Definitions v2.9 */
/*
 * v2.9 Updated font-weight for hyperlinks and <b> inside paragraphs
 * v2.8 Updated left margin for list items in <ul>
 * v2.7 Updated the Un-ordered and ordered list items
 * v2.6 Updated the margin for li as bullets getting clipped
 * v2.5 Removed border bottom for video controls
 * v2.4 Fixed linting issues
 * v2.3 Rolled back hover underline from blue links
 * v2.2 Updated palette colors to to Brandy Typography Spec
 * v2.1 Rolled back the * color styles
 * v2.0 Major update to Brandy Typography Spec, and optimization reset.
 * v1.6 Reverting the changes done by kbert 
 * v1.5 Removed dmr typography ciscosans styles
 * v1.4 updated font weights for primary-3 header, linked list items and added no-touch class for all hovers
 * v1.3 Fixed the issue for solid bottom border for dark background on hover
 * v1.2 Reverted the span tag styles
 * v1.1 added class for dotted bottom border
 * v1.0 New Atlantic typography updates
 * v0.2 RTL Updates
 * v0.1 initial
 *
 * Additional classes are supported by some elements.
 * Font Size (eg. h2.pri-1 would render as a Primary 1 header, instead of Primary 2):
 * Primary 0: pri-0
 * Primary 1: pri-1
 * Primary 2: pri-2
 * Primary 3: pri-3
 * Primary 4: pri-4
 * Primary 5: pri-5
 * Primary 6: pri-6
 * Util Text: util (only on <p>);
 *
 * Paragraphs can be Text, and Utility:
 * p.text
 * p.util
 *
 * Color Palette:
 * .dmr = default gray (#4d4c4c)
 * .dmr.dark-1 = secondary dark color (#014468)
 * .dmr.light = #FFF
 */
.dmr .pri-0,
.dmr h1, .dmr .pri-1, 
.dmr h2, .dmr .pri-2, 
.dmr h3, .dmr .pri-3,
.dmr h4, .dmr .pri-4,
.dmr h5, .dmr .pri-5,
.dmr h6, .dmr .pri-6,
.dmr p,
.dmr li, 
.dmr dd, 
.dmr dt {
	color:#4d4c4c;
	font-style: normal;	
}
.dmr.dark-1 .pri-0,
.dmr.dark-1 h1, .dmr.dark-1 .pri-1, 
.dmr.dark-1 h2, .dmr.dark-1 .pri-2, 
.dmr.dark-1 h3, .dmr.dark-1 .pri-3,
.dmr.dark-1 h4, .dmr.dark-1 .pri-4,
.dmr.dark-1 h5, .dmr.dark-1 .pri-5,
.dmr.dark-1 h6, .dmr.dark-1 .pri-6,
.dmr.dark-1 p,
.dmr.dark-1 li, 
.dmr.dark-1 dd, 
.dmr.dark-1 dt {
	color:#014468;
}
.dmr.light .pri-0,
.dmr.light h1, .dmr.light .pri-1, 
.dmr.light h2, .dmr.light .pri-2, 
.dmr.light h3, .dmr.light .pri-3,
.dmr.light h4, .dmr.light .pri-4,
.dmr.light h5, .dmr.light .pri-5,
.dmr.light h6, .dmr.light .pri-6,
.dmr.light p,
.dmr.light li, 
.dmr.light dd, 
.dmr.light dt {
	color:#fff;
}
.dmr * i,
.dmr * em {
	font-style: oblique;
}
.dmr * sub,
.dmr * sup {
	font-size:60%;
    vertical-align:sub;
}
.dmr * sup {
	vertical-align:super;
}



/*font-sizes and margins*/
/*For main Head Lines*/
.dmr .pri-0{
	font-size: 32px;
	line-height: 1.1875em;
	margin-bottom:0.3125em;
	font-weight:200;
}
.dmr h1, 
.dmr .pri-1 {
	font-size: 28px;
	line-height: 1.214em;
	margin-bottom:0.3571em;
	font-weight:200;
}
.dmr h2, 
.dmr .pri-2 {
	font-size: 24px;
	line-height: 1.167em;
	margin-bottom:0.625em;
	font-weight:300;
}
.dmr h3,  
.dmr h4,
.dmr h5,
.dmr .pri-3,
.dmr .pri-4,
.dmr .pri-5 {
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom:0.75em;	
	font-weight:300;
}
.dmr p,
.dmr h6, 
.dmr h6.bold,
.dmr .pri-6,
.dmr .pri-6.bold,
.dmr dd, 
.dmr dt, 
.dmr li {
	font-size: 16px; 
	line-height: 1.375em;
	margin-bottom: 0.9375em;
	font-weight:300;
}
.dmr li, .dmr li a {
	line-height: 1.25em;
	margin-bottom:0.625em;
}
/* NOTE: I think this is not needed Should anchor be darker? */
 .dmr * a {
	font-weight:400;
}
.dmr p.util {
	font-size: 14px;
	line-height: 1.286em;
	margin-bottom: 0.714em;
	font-weight:300;
} 
.dmr p strong,
.dmr p.util strong,
.dmr p b,
.dmr p.util b {
	font-weight: 400;
}
.dmr p a, 
.dmr p.util a,
.dmr li a,
.dmr h2 a, 
.dmr h3 a, 
.dmr h4 a,
.dmr h5 a,
.dmr h6 a {
	color: #007493;
	text-decoration:none;
}
.dmr.dark-1 p a, 
.dmr.dark-1 p.util a,
.dmr.dark-1 li a,
.dmr.dark-1 h2 a, 
.dmr.dark-1 h3 a, 
.dmr.dark-1 h4 a,
.dmr.dark-1 h5 a,
.dmr.dark-1 h6 a {
	color: #014468;
	border-bottom: 1px dotted;
}
.dmr.light p a, 
.dmr.light p.util a,
.dmr.light li a,
.dmr.light h2 a, 
.dmr.light h3 a, 
.dmr.light h4 a,
.dmr.light h5 a,
.dmr.light h6 a {
	color: #fff;
	border-bottom: 1px dotted;
}
.no-touch .dmr p a:hover, 
.no-touch .dmr p.util a:hover,
.no-touch .dmr h2 a:hover, 
.no-touch .dmr h3 a:hover, 
.no-touch .dmr h4 a:hover,
.no-touch .dmr h5 a:hover, 
.no-touch .dmr h6 a:hover, 
.no-touch .dmr li a:hover {
	color: #005073;
	text-decoration: none;
}
.no-touch .dmr.dark-1 p a:hover, 
.no-touch .dmr.dark-1 p.util a:hover,
.no-touch .dmr.dark-1 h2 a:hover, 
.no-touch .dmr.dark-1 h3 a:hover, 
.no-touch .dmr.dark-1 h4 a:hover,
.no-touch .dmr.dark-1 h5 a:hover, 
.no-touch .dmr.dark-1 h6 a:hover, 
.no-touch .dmr.dark-1 li a:hover {
	color: #014468;
    border-bottom: 1px solid;
}
.no-touch .dmr.light p a:hover, 
.no-touch .dmr.light p.util a:hover,
.no-touch .dmr.light h2 a:hover, 
.no-touch .dmr.light h3 a:hover, 
.no-touch .dmr.light h4 a:hover,
.no-touch .dmr.light h5 a:hover, 
.no-touch .dmr.light h6 a:hover, 
.no-touch .dmr.light li a:hover {
	color: #fff;
    border-bottom: 1px solid;
}
.no-touch .dmr p a:active, 
.no-touch .dmr p.util a:active,
.no-touch .dmr h2 a:active, 
.no-touch .dmr h3 a:active, 
.no-touch .dmr h4 a:active,
.no-touch .dmr h5 a:active, 
.no-touch .dmr h6 a:active, 
.no-touch .dmr li a:active {
	color: #6f53bc;
	text-decoration: none;
}
.no-touch .dmr.dark-1 p a:active, 
.no-touch .dmr.dark-1 p.util a:active,
.no-touch .dmr.dark-1 h2 a:active, 
.no-touch .dmr.dark-1 h3 a:active, 
.no-touch .dmr.dark-1 h4 a:active,
.no-touch .dmr.dark-1 h5 a:active, 
.no-touch .dmr.dark-1 h6 a:active, 
.no-touch .dmr.dark-1 li a:active {
    color: #014468;
    border-bottom: 1px solid;
}
.no-touch .dmr.light p a:active, 
.no-touch .dmr.light p.util a:active,
.no-touch .dmr.light h2 a:active, 
.no-touch .dmr.light h3 a:active, 
.no-touch .dmr.light h4 a:active,
.no-touch .dmr.light h5 a:active, 
.no-touch .dmr.light h6 a:active, 
.no-touch .dmr.light li a:active {
    color: #fff;
    border-bottom: 1px solid;
}
.no-touch .dmr a:hover.dotted {
    border-bottom: 1px solid #005073;
}
.no-touch .dmr.dark-1 a:hover.dotted {
    border-bottom: 1px solid #014468;
}
.no-touch .dmr.light a:hover.dotted {
    border-bottom: 1px solid #fff;
}
.dmr a.dotted,
.dmr.light a {
	border-bottom: 1px dotted;
}
.dmr #custom-controls a {
	border-bottom: 0;
}
.dmr li:last-child,
.dmr dd:last-child {
    margin-bottom:0px;  
}
/*seperator*/
.dmr hr {
    height:1px;
    border:0px;
    background-color:#ccc;
    color:#ccc;
	font-size: 14px;
	margin-bottom: 1.429em;
}
/* Lists */
.dmr ul,
.dmr ol,
.dmr dl { 
    margin-bottom:1.429em; 
}
.dmr ul             	{ list-style-type:disc;}
.dmr ul.no-bullets      { list-style-type:none;}
.dmr ol             	{ list-style-type:decimal;}
.dmr ul li          	{ margin-left: 17px; }
.dmr ul.no-bullets li   { margin-left: 0px;}
.dmr ol li          	{ margin-left: 21px;}
_:-ms-lang(x), .dmr ol li{ margin-left: 24px;}
.dmr dt { 
    clear:left;
    float:left;
    margin-right:6px;
    color:#444;
}
.dmr dd {
    margin-bottom: 14px;
}
/*RTL*/
html[dir="rtl"] .dmr ul li{margin-right: 17px; margin-left: 0}
html[dir="rtl"] .dmr ol li{margin-right: 20px; margin-left: 0}
_:-ms-lang(x), html[dir="rtl"] .dmr ol li{margin-right: 22px;}
html[dir="rtl"] .dmr ul.no-bullets li{margin-right: 0;}
/*EO RTL*/

/* BREAKPOINT ******************
/*  X-small = 480 to 599 pixels */
@media only screen and (min-width: 30em) {

}

/* BREAKPOINT ******************
/*  Small   = 600 to 767 pixels */
@media only screen and (min-width: 37.5em) {
.dmr .pri-0	{
	font-size: 46px;
	line-height: 1.217em;
	margin-bottom: 0.2174em;
}
.dmr h1, 
.dmr .pri-1 {
	font-size: 36px;
	line-height: 1.222em;
	margin-bottom: 0.2778em;
}
.dmr h2, 
.dmr .pri-2 {
	font-size: 28px;
	line-height: 1.214em;
	margin-bottom: 0.7143em;
	font-weight:200;
}
.dmr h3, 
.dmr h3 i, 
.dmr h3 em, 
.dmr .pri-3,
.dmr .pri-3 i,
.dmr .pri-3 em {
	font-size: 22px;
	line-height: 1.273em;
	margin-bottom: 0.9091em;
	font-weight:100;
}

.dmr h4, 
.dmr h4.bold,
.dmr .pri-4,
.dmr .pri-4.bold{
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: 1em;
}

.dmr p,
.dmr h6, 
.dmr h6.bold, 
.dmr .pri-6,
.dmr .pri-6.bold{
	line-height: 1.5em;
}
}

/* BREAKPOINT ******************
/* Medium  = 768 to 959 pixels */
@media only screen and (min-width: 48em) {
.dmr .pri-0{
	font-size: 64px;
	line-height: 1.1875em;
	margin-bottom: 0.15625em;
}
.dmr h1, 
.dmr .pri-1 {
	font-size: 46px;
	line-height: 1.217em;
	margin-bottom: 0.22em;
}
.dmr h2, 
.dmr .pri-2 {
	font-size: 38px;
	line-height: 1.211em;
	margin-bottom: 0.526em;
}
.dmr h3, 
.dmr h3 i, 
.dmr h3 em,
.dmr .pri-3,
.dmr .pri-3 i,
.dmr .pri-3 em{
	font-size: 28px;
	line-height: 1.286em;
	margin-bottom: 0.714em;
}
.dmr h4, 
.dmr h4.bold,
.dmr h5, 
.dmr h5.bold,
.dmr .pri-4,
.dmr .pri-4.bold,
.dmr .pri-5,
.dmr .pri-5.bold {
	font-size: 22px;
	line-height: 1.27em;
	margin-bottom:0.909em;	
}
.dmr p,
.dmr p a, 
.dmr p i, 
.dmr p em,
.dmr h6, 
.dmr h6.bold,
.dmr .pri-6,
.dmr .pri-6.bold,
.dmr dd, 
.dmr dt, 
.dmr li,
.dmr li a {
	font-size: 18px; 
	line-height: 1.44em;
	margin-bottom: 0.833em;
}
.dmr p.util,
.dmr .util * {
	font-size: 14px;
	line-height: 1.429em;
	margin-bottom: 0.714em;
} 

}
/* BREAKPOINT ******************
/* Large   = 960 to 1023 pixels */
@media only screen and (min-width: 60em) {


}

/* BREAKPOINT ******************
/*  X-large = 1024+ pixels */
@media only screen and (min-width: 64em) {

}