/*!* AEM Responsive Text Base Definitions v3.4 */
/*
 * v3.4 Removed top spacing for h2
 * v3.3 Added top spacing for h2 for long form
 * v3.2 Fixed text-decoration issue
 * v3.1 Updated the H3 anchor/links font-weight
 * v3.0 Added styles for ordered list
 * v2.9 Updated font-colors based on pal-2 and pal-3 of blade
 * 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,
.pal-3 .dmr .pri-0,
.pal-3 .dmr h1, .pal-3 .dmr .pri-1,
.pal-3 .dmr h2, .pal-3 .dmr .pri-2,
.pal-3 .dmr h3, .pal-3 .dmr .pri-3,
.pal-3 .dmr h4, .pal-3 .dmr .pri-4,
.pal-3 .dmr h5, .pal-3 .dmr .pri-5,
.pal-3 .dmr h6, .pal-3 .dmr .pri-6,
.pal-3 .dmr p,
.pal-3 .dmr li,
.pal-3 .dmr dd,
.pal-3 .dmr 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,
.pal-2 .dmr .pri-0,
.pal-2 .dmr h1, .pal-2 .dmr .pri-1,
.pal-2 .dmr h2, .pal-2 .dmr .pri-2,
.pal-2 .dmr h3, .pal-2 .dmr .pri-3,
.pal-2 .dmr h4, .pal-2 .dmr .pri-4,
.pal-2 .dmr h5, .pal-2 .dmr .pri-5,
.pal-2 .dmr h6, .pal-2 .dmr .pri-6,
.pal-2 .dmr p,
.pal-2 .dmr li,
.pal-2 .dmr dd,
.pal-2 .dmr 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;
}
/*UE wanted this for the links with in h3*/
.dmr h3 a,
.dmr .pri-3 a {
    font-weight: 400;
}
.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,
.pal-3 .dmr p a,
.pal-3 .dmr p.util a,
.pal-3 .dmr li a,
.pal-3 .dmr h2 a,
.pal-3 .dmr h3 a,
.pal-3 .dmr h4 a,
.pal-3 .dmr h5 a,
.pal-3 .dmr 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,
.pal-2 .dmr p a,
.pal-2 .dmr p.util a,
.pal-2 .dmr li a,
.pal-2 .dmr h2 a,
.pal-2 .dmr h3 a,
.pal-2 .dmr h4 a,
.pal-2 .dmr h5 a,
.pal-2 .dmr 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,
.no-touch .pal-3 .dmr p a:hover,
.no-touch .pal-3 .dmr p.util a:hover,
.no-touch .pal-3 .dmr h2 a:hover,
.no-touch .pal-3 .dmr h3 a:hover,
.no-touch .pal-3 .dmr h4 a:hover,
.no-touch .pal-3 .dmr h5 a:hover,
.no-touch .pal-3 .dmr h6 a:hover,
.no-touch .pal-3 .dmr 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,
.no-touch .pal-2 .dmr p a:hover,
.no-touch .pal-2 .dmr p.util a:hover,
.no-touch .pal-2 .dmr h2 a:hover,
.no-touch .pal-2 .dmr h3 a:hover,
.no-touch .pal-2 .dmr h4 a:hover,
.no-touch .pal-2 .dmr h5 a:hover,
.no-touch .pal-2 .dmr h6 a:hover,
.no-touch .pal-2 .dmr 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,
.no-touch .pal-3 .dmr p a:active,
.no-touch .pal-3 .dmr p.util a:active,
.no-touch .pal-3 .dmr h2 a:active,
.no-touch .pal-3 .dmr h3 a:active,
.no-touch .pal-3 .dmr h4 a:active,
.no-touch .pal-3 .dmr h5 a:active,
.no-touch .pal-3 .dmr h6 a:active,
.no-touch .pal-3 .dmr 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,
.no-touch .pal-2 .dmr p a:active,
.no-touch .pal-2 .dmr p.util a:active,
.no-touch .pal-2 .dmr h2 a:active,
.no-touch .pal-2 .dmr h3 a:active,
.no-touch .pal-2 .dmr h4 a:active,
.no-touch .pal-2 .dmr h5 a:active,
.no-touch .pal-2 .dmr h6 a:active,
.no-touch .pal-2 .dmr 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,
.no-touch .pal-3 .dmr a:hover.dotted {
    border-bottom: 1px solid #014468;
}
.no-touch .dmr.light a:hover.dotted,
.no-touch .pal-2 .dmr a:hover.dotted {
    border-bottom: 1px solid #fff;
}
.touch .dmr a:hover,
.touch .dmr a:active {
    text-decoration: none;
}
.dmr a.dotted,
.dmr.light a,
.pal-2 .dmr a {
    border-bottom: 1px dotted;
}
.dmr #custom-controls a {
    border-bottom: 0;
}
.dmr li:last-child,
.dmr dd:last-child {
    margin-bottom: 0;
}
/*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 ol.u-alpha {
    list-style-type: upper-alpha;
}
.dmr ol.l-alpha {
    list-style-type: lower-alpha;
}
.dmr ol.u-roman {
    list-style-type: upper-roman;
}
.dmr ol.l-roman {
    list-style-type: lower-roman;
}
.dmr ul li                { margin-left: 17px; }
.dmr ul.no-bullets li     { margin-left: 0; }
.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;
    }
    /*UE wanted this for the links with in h3*/
    .dmr h3 a,
    .dmr .pri-3 a {
        font-weight: 300;
    }
    .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;
    }
}