/*PORTAL.CSS*/

/*FONTS*/

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiZTaR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiZTaR.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliZTaR.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZTaR.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/crimsontext/v19/wlp2gwHKFkZgtmSR3NB0oRJfYAhTM_I.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/crimsontext/v19/wlp2gwHKFkZgtmSR3NB0oRJfYQhTM_I.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/crimsontext/v19/wlp2gwHKFkZgtmSR3NB0oRJfbwhT.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/*Franklin Gothic Medium*/
@font-face {
	font-family: 'Franklin Gothic Medium';
	font-style: normal;
	font-weight: 400;
	src: url('Fonts/Franklin Gothic Medium Cond Regular.ttf');
}


/*GLOBAL TEXT STYLING*/

body {
	font-family: 'Lato', Arial;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
	color: #333333;
}

p {
	font-family: 'Lato', Arial;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
	/*color: #333333;*/
}

li {
	font-family: 'Lato', Arial;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0;
	color: #333333;
}

li p {
	margin-bottom: 0;
	line-height: 26px;
}
	

p:last-child {
	margin-bottom: 0;
}

/*Social Header*/

.skin-social-header {
	font-family: 'Crimson Text', Times New Roman !important;
    font-size: 20px;
    font-weight: 700;
}

/*Breadcrumbs*/

.skin-breadcrumb-container a, .skin-breadcrumb-container a:visited, .skin-breadcrumb-container a:link  {
    font-family: 'Crimson Text', Times New Roman;
    font-size: 16px;
    font-weight: bold;
}

.skin-breadcrumb {
    font-family: 'Crimson Text', Times New Roman;
    font-size: 16px;
    font-weight: bold;
}

.skin-breadcrumb-separator {
	font-family: 'Crimson Text', Times New Roman;
    font-size: 16px;
    font-weight: bold;
}

/*Article Title*/

.adetail.news h1 {
	font-family: 'Crimson Text', Times New Roman!important;
	font-size: 48px!important;
	font-weight: 700!important;
}

/*Article Body Text*/

.adetail.news .article-body > div.body {
    font-size: 18px!important;
}

.adetail.news .article-body > div.body p {
    font-size: 18px!important;
}

.adetail.news .header::after {
		background: #254267;
		content: '';
		display: block;
		height: 3px;
		margin: 40px auto;
		width: 40%;
}

/*Mobile Hamburger Menu*/

.fa-bars:before, .fa-navicon:before {
    font-size: 24px;
}

.skin-nav-toggle {
	background-color: #728fb4
}


/*Headers*/

h1 {
	font-family: 'Oswald', 'Franklin Gothic Medium';
	font-size: 64px;
	font-weight: 700;
	line-height: 80px;
	color: #141414;
}

h2 {
	font-family: 'Lato', Arial;
	font-size: 40px;
	font-weight: 700;
	color: #717171;
	font-style: italic;
	line-height: 48px;
}

h3 {
	font-family: 'Crimson Text', Times New Roman;
	font-size: 36px;
	font-weight: 700;
	color: #141414;
}

h4 {
	font-family: 'Lato', Arial;
	font-size: 24px;
	font-weight: 700;
	color: #141414;
}

h5 {
	font-family: 'Lato', Arial;
	font-size: 20px;
	font-weight: 700;
	color: #333333;
	text-transform: uppercase;
}

h5::after{
	background: #728fb4;
    content: '';
    display: block;
    height: 5px;
    margin: 20px 0 20px;
    width: 40px;
	
}

h5.panelHeader::after {
	content: none;
}

/*Title text*/

.skin-title .title-text {
	font-weight: 700;
	font-family: 'Oswald', 'Franklin Gothic Medium'!important;
	font-size: 32px;
}

.skin-title .subtitle-text {
	font-family: 'Crimson Text', Times New Roman!important;
	font-size: 20px;
	font-weight: 700;
}

@media screen and (max-width: 800px) {
	.skin-title .title-text {
		font: bold 24px "Oswald",serif!important;
	}
}

@media screen and (max-width: 1300px) {
		.skin-title .subtitle-text {
			/*display: none;*/
		}
}

/*Link styling*/

/*
a:link {
	text-decoration: underline;
	font-weight: 600;
	color: #355e93;
}

a:hover {
	color: #728fb4;
}

a:visited {
	color: #254267;
}
*/



p a:link {
	text-decoration: underline;
	font-weight: 600;
	color: #355e93;
}

p a:hover {
	color: #728fb4;
}

p a:visited {
	color: #254267;
}



.armyAccordionMenu .htmlSection a:link {
	text-decoration: underline;
	font-weight: 600;
	color: #355e93;
}

.armyAccordionMenu .htmlSection a:hover {
	color: #728fb4;
}

.armyAccordionMenu .htmlSection a:visited {
	color: #254267;
}

.armyAccordionMenu .htmlSection {} 


/*WYSIWYG buttons*/

.ehActions a {
	text-decoration: none;
}

/*Main menu*/

.otnav li a {
	text-decoration: none;
}

.skin-login .registerGroup a, .skin-login .loginGroup a {
	text-decoration: none;
}

/*Army Retirement Table Styling*/

#dnn_ctr76549_HtmlModule_lblContent table {
	border: 1px solid black;
}

#dnn_ctr76549_HtmlModule_lblContent table tr {
	background: #ebeff5;
}

#dnn_ctr76549_HtmlModule_lblContent table td {
	padding: 10px;
}


/*Rounded box container header*/

.containers-v2 .container-title {
	font-family: 'Crimson Text', Times New Roman;
	font-size: 36px;
	font-weight: 700;
	color: #141414;
	margin-bottom: 20px;
	line-height: 36px;
}

.containers-v2.rounded-outline .container-title {
	font-size: 36px;
}

/*Labeled Container Header*/

.containers-v2.labeled .spacecom-label .container-title {
	text-transform: uppercase;
	font-family: 'Oswald', 'Franklin Gothic Medium';
}

/*Mid Line Title Container Header*/

.containers-v2.mid-line-title .container-title {
	font-size: 32px;
	padding-bottom: 15px;
}

/*MOSAIC LINKS*/

.blocksSeven .blockEach h2 {
font-family: 'Oswald', 'Franklin Gothic Medium';
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    /* color: #141414; */
    font-style: normal;
}

@media (min-width: 769px) and (max-width: 979px) {
.blocksSeven .blockEach h2 {
    font-size: 20px;
}
}

/*Slideshow styling*/

.top-rotator-joint .jointBanner-top {
    background: none;
}

.top-rotator-joint .jointBanner-bottom {
    background: none;
}

/*Accordion Menu styling*/

.dodAccordionMenu .htmlSection li {
	list-style: disc;
}

.acAccordionMenu li {
	background: linear-gradient(to bottom, #34343d 0%,#141418 100%);
}

.usaceAccordionMenuListItem div.lvl0 a {
	color: #ebeff5!important;
}

/*.usaceAccordionMenuListItem div.lvl0 a:hover {
	color: #333333!important;
}


.acAccordionMenu li:hover {
    background: linear-gradient(to bottom, #34343d 0%,#141418 100%)!important;
}


.usaceAccordionMenuListItem div.lvl0 a:hover {
	color: #d2b067!important;
}*/

.acResponsive .listItem a, .acResponsive .listItem span {
	color: #ebeff5!important;
}

.armyAccordionMenu div.armyAccordionRootNode {
	
}

.usaceAccordionMenuExpandedItem {
	background: linear-gradient(to bottom, #34343d 0%, #141418 100%);
}

.acAccordionMenu .htmlSection li {
	background: transparent;
	list-style: disc;
}

.acAccordionMenu .htmlSection li:hover {
	background: transparent!important;
}

.acAccordionMenu .htmlSection {
	background: #ebeff5;
	padding: 10px;
}

.acAccordionMenu li:hover {
    background: linear-gradient(to bottom, #34343d 0%,#141418 100%)!important;
}

.dodAccordionMenu .htmlSection {
    background: #ebeff5;
    padding: 5px;
}

.dodAccordionMenu .hasHtmlSection span {
    font-weight: bold;
}

.dodAccordionMenu .lvl0 span {
    font-weight: bold;
}

.dodMenuLinkHeader.dodAccordionMenuExpandedItem, .dodAccordionMenu div.dodAccordionRootNode.dodAccordionMenuExpandedItem {
    color: #355e93;
}


/*GLOBAL LAYOUT CHANGES*/

/*Homepage News Cards*/

.dash-top-stories-card .title {
	font-family: "Oswald", Arial;
	font-size: 24px!important;
	color: #333333!important;
}

/*News Article Margins*/

.adetail.news .article-body, .adetail.transcript .article-body, .adetail.speeches .article-body, .adetail.bio .article-body, .adetail.factsheet .article-body {
	max-width: 90%!important;
}

/*Global colors*/

/*Remove header-footer decoration*/

.dma-full-width .skin-header-background::before {
	display: none!important;
}

.dma-full-width #header::after {
	display:none!important;
}

.dma-full-width .skin-header-background::after {
	display:none!important;
}

.dma-full-width .skin-footer-bottom::before {
	display:none!important;
}

.dma-full-width .skin-footer-background::after {
	display: none!important;
}

.dma-full-width .skin-footer-bottom::after {
	display: none!important;
}

.dma-full-width .skin-footer-background::before {
	display: none!important;
}

.dma-full-width .skin-header-divider, .dma-full-width .skin-footer-divider {
	display: none!important;
}

.dma-full-width footer.footer::before {
	display: none!important;
}

.dma-full-width footer.footer::after {
	display: none!important;
}





/*HTML BOX STYLES*/

.containers-v2 .container-title {
	text-align: center;
}

/*LINK MODULE STYLES*/

.link_module .linklist .linkitem a {
    font-family: 'Lato';
    font-weight: 700;
    text-decoration: underline;
	font-size: 16px;
    line-height: 28px;
}

/*TAB MODULE STYLES*/

li.z-tab {
	font-weight: bold!important;
}

span.z-title {
    font-weight: bold!important;
}
	
.z-tabs.flat.clean.horizontal>ul.z-tabs-nav>li>a {
	border: 1px solid black!important;	
	}
	
.z-tabs.clean.horizontal>.z-container>.z-content>.z-content-inner {	
	background-color: #ebeff5;
    border: 2px inset #141414;
    padding: 2em 5px!important;
	border-radius: 0 0 3px 3px;
}
	
/*TABLE STYLES*/
table#MissionTable td {
    padding: 10px;
}

/*SHARP Accordion Menu Plus Sign*/

.fa-add:before, .fa-plus:before {
    content: "\2b";
    color: white;
    font-size: 16px;
}

/*PARALLAX*/

.parallax-module-container {
	text-align: center;
	padding-top: 100px;
}

.parallax-module-container h1 {
	background: rgba(0, 0, 0, 0.5);
    padding-top: 30px;
	margin-top: 75px;
	margin-bottom: 0;
    color: #FFFFFF;
	text-transform: uppercase;
}

.parallax-module-container h2 {
	background: rgba(0, 0, 0, 0.5);
    padding-top: 30px;
	padding-bottom: 15px;
    margin: 0;
    color: #ebebeb;
	text-transform: uppercase;
}



@media screen and (max-width: 550px) {
	
	.parallax-module-container {
		padding-top: 30px;
	}
	
	.parallax-module-container h1 {
		margin-top: 50px;
		font-size: 20px;
		line-height: 24px;
	}
	
	.parallax-module-container h2 {
		font-size: 20px;
		line-height: 24px;
	}

}


@media screen and (min-width: 700px) {
	.parallax-module-container {
		height: 400px!important;
		padding-top: 100px;
	}
}


@media screen and (max-width: 700px) {
	.parallax-module-container h1 {
		font-size: 30px;
	}
	
	.parallax-module-container h2 {
		font-size: 24px;
	}

}

@media screen and (max-width: 1070px) {
	.parallax-module-container h1 {
		margin-top: 0;
	}
}



@media screen and (min-width: 550px) and (max-width: 700px) {
.parallax-module-container {
    padding-top: 30px;
	}
}



@media screen and (min-width: 1070px) and (max-width: 1291px) {
.parallax-module-container {
    padding-top: 20px;
	}
}

@media screen and (min-width: 1292px) {
.parallax-module-container {
    padding-top: 3%;
	}
}

@media screen and (max-width: 420px) {
		.parallax-module-container {
				padding-top: 1px;
		}
		
		.parallax-module-container h1 {
				line-height: 36px;
		}
	}

@media screen and (max-width: 320px) {
		.parallax-module-container {
				padding-top: 0;
		}
	}



/*ADMIN MENU STYLING*/

/*File Manager Text*/

span.rtIn {
	line-height: 10px;
}

/*Bio Fix*/

.adash-bio .item{
	width: 33% !important;
}

.adash-bio .more {
    /* margin-top: 5px; */
    font-weight: bold;
    background: #ebeff5;
    border: 3px outset #254267;
    padding: 10px;
}

.adash-bio .more:hover {
    /* margin-top: 5px; */
    color: #ebeff5;
	font-weight: bold;
    background: #254267;
    border: 3px outset #254267;
    padding: 10px;
}

.adash-bio .rss {
    display: none;
}

.adash-bio .dimg {
	border: 7px outset #adadad;
}

@media screen and (max-width: 900px) {
	.adash-bio .item{
		width: 100% !important;
	}
	
	.adash-bio .item::after {
		background: #728fb4;
		content: '';
		display: block;
		height: 3px;
		margin: 40px auto;
		width: 200px;
	}
}

@media screen and (min-width: 999px) {
		.adash-bio .flex-grid {
			margin-right: 10%;
			margin-left: 10%;
		}
	}
	
/*DVIDS Wrapper*/	
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*MEDIA QUERY ADJUSTMENTS*/

@media screen and (min-width: 1200px) {
    .v2-template .flex-row .flex-row-col-md,
    .v2-template .flex-row .flex-row-col-md-3,
    .v2-template .flex-row .flex-row-col-md-4,
    .v2-template .flex-row .flex-row-col-md-5,
    .v2-template .flex-row .flex-row-col-md-6,
    .v2-template .flex-row .flex-row-col-md-7,
    .v2-template .flex-row .flex-row-col-md-8 {
        flex-basis: 0!important;
    }

    .v2-template .flex-row .flex-row-col-md-4 {
        flex: 0 1 33.333333333%!important;
        max-width: 33.333333333%!important;
        position: relative!important;
        padding-right: 15px!important;
        padding-left: 15px!important;
    }

    .v2-template .flex-row .flex-row-col-md-3 {
        flex: 0 1 25%!important;
        max-width: 25%!important;
        position: relative!important;
        padding-right: 15px!important;
        padding-left: 15px!important;
    }

    .v2-template .flex-row .flex-row-col-md-5 {
        flex: 0 1 41.66666667%!important;
        max-width: 41.66666667%!important;
        position: relative!important;
        padding-right: 15px!important;
        padding-left: 15px!important;
    }

    .v2-template .flex-row .flex-row-col-md-6 {
        flex: 0 1 50%!important;
        max-width: 50%!important;
        position: relative!important;
        padding-right: 15px!important;
        padding-left: 15px!important;
    }

    .v2-template .flex-row .flex-row-col-md-7 {
        flex: 0 1 58.333333333%!important;
        max-width: 58.333333333%!important;
        position: relative!important;
        padding-right: 15px!important;
        padding-left: 15px!important;
    }

    .v2-template .flex-row .flex-row-col-md-8 {
        flex: 0 1 66.66666667%!important;
        max-width: 66.66666667%!important;
        position: relative!important;
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}

/*Body Media Query*/
@media (min-width: 1200px){
.col-lg-8 {
    width: 66.66666667%;
	}
}

/*508 fixes*/

.joint2-object-eyebrow-date {
    color: #333333!important;
}

/*News Title Card hover fix*/

@media only screen and (min-width: 992px) {
    .joint2-card:hover .joint2-card__title span, .joint2-card:focus .joint2-card__title span, .joint2-card:active .joint2-card__title span {

        color: #FFFFFF;
    }
}

a.joint2-card:hover h3 {
    color: white;
}

a.joint2-card:hover .joint2-object-eyebrow-date {
    color: white !important;
}

