www.navy.mil
Open in
urlscan Pro
2a02:26f0:6c00:2bf::3fb8
Public Scan
Submitted URL: http://www.navy.mil/
Effective URL: https://www.navy.mil/
Submission: On November 07 via api from US — Scanned from DE
Effective URL: https://www.navy.mil/
Submission: On November 07 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST /
<form method="post" action="/" id="Form" enctype="multipart/form-data">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="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">
<script src="/ScriptResource.axd?d=NJmAwtEo3Irxopv2BVvbxwgu4SJ5CLzNyx6hVe6vBWozLBjKDTbkIqoLe4tegtVu0uwmeAOoZ0Cn793UeXSBu_0aC6grB2TmiZYb03RScmQBqjZHEOpUlVg_JPV8rTTPubVVnQ2&t=ffffffffaa493ab8" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=dwY9oWetJoKeOKgAPSUH9l7ureoYFMslc6CcrMofHdHeo2qK0HtCGKYfASZMQ6-VzZ4r6du10Px9YuIKuETpmoluVX6-3ePXWQ_4-pS6B8jUfqUjf9uJiTx2AV-YtMaTbTqnZyd2W8kHJWGx0&t=ffffffffaa493ab8" type="text/javascript"></script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="j1OT8eJ1CrW9jMCO/YAQXwk90WJ/aemqMuhdHtE1CeJfYEcfY3o6XAQ4ek0Hwofmu4qjYEcj93My0f5lyBHUVwRm5o76JBzQ6763Jykhws6flK84">
<script src="/Desktopmodules/SharedLibrary/Plugins/spectrum/spectrum.js?cdv=1000" type="text/javascript"></script>
<script src="/js/dnn.js?cdv=1000" type="text/javascript"></script>
<script src="/js/dnn.modalpopup.js?cdv=1000" type="text/javascript"></script>
<script src="/js/dnncore.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Mobile-Detect/mobile-detect.min.js?cdv=1000" type="text/javascript"></script>
<script src="/DesktopModules/SharedLibrary/Plugins/FancyBox/jquery.fancybox.min.js?cdv=1000" type="text/javascript"></script>
<script src="/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1000" type="text/javascript"></script>
<script src="/js/dnn.servicesframework.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Skin/js/common.js?cdv=1000" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, '');
//]]>
</script>
<link href="//fonts.googleapis.com/css?family=Roboto|Roboto+Slab" rel="stylesheet" type="text/css">
<script type="text/javascript">
$('#personaBar-iframe').load(function() {
$('#personaBar-iframe').contents().find("head").append($("<style type='text/css'>.personabar .personabarLogo {}</style>"));
});
</script>
<div id="dnn_ctl11_header_banner_container" class="header_banner_container">
<span class="header_banner_inner">
<div class="header_banner_flag"> An official website of the United States government <div class="header_banner_accordion" tabindex="0"><u>Here's how you know
<span class="expand-more-container"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
<path d="M0 0h24v24H0z" fill="none"></path>
<path class="expand-more" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path>
</svg></span></u></div>
</div>
<div class="header_banner_panel" style="">
<div class="header_banner_panel_item">
<span class="header_banner_dotgov"></span>
<div id="dnn_ctl11_bannerContentLeft" class="header_banner_content">
<p class="banner-contentLeft-text"><strong> Official websites use .mil </strong></p>A <strong>.mil</strong> website belongs to an official U.S. Department of Defense organization in the United States.
</div>
</div>
<div class="header_banner_panel_item https">
<span class="header_banner_https"></span>
<div id="dnn_ctl11_bannerContentRight" class="header_banner_content">
<p class="banner-contentRight-text"><strong>Secure .mil websites use HTTPS</strong></p>
<div> A <strong>lock (<span class="header_banner_icon_lock"><svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64">
<title>lock </title>
<path class="icon_lock" fill-rule="evenodd"
d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"></path>
</svg></span>)</strong> or <strong> https://</strong> means you’ve safely connected to the .mil website. Share sensitive information only on official, secure websites.</div>
</div>
</div>
</div>
</span>
</div>
<style>
.header_banner_container {
background-color: #15263b;
color: #FFF;
}
.icon_lock {
fill: #FFF;
}
.header_banner_container .header_banner_content .banner-contentLeft-text,
.header_banner_container .header_banner_content .banner-contentRight-text {
color: #FFF;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function() {
initializeSkin();
});
</script>
<script type="text/javascript">
var skinvars = {
"SiteName": "United States Navy",
"SiteShortName": "Navy",
"SiteSubTitle": "",
"aid": "dod_navy.mil",
"IsSecureConnection": false,
"IsBackEnd": false,
"IsAuthenticated": false,
"SearchDomain": "search.usa.gov",
"SiteUrl": "http://www.navy.mil/",
"LastLogin": null,
"IsLastLoginFail": false,
"IncludePiwik": false,
"PiwikSiteID": -1,
"SocialLinks": {
"Facebook": {
"Url": "https://www.facebook.com/usnavy",
"Window": "_blank",
"Relationship": "noopener"
},
"Twitter": {
"Url": "https://www.twitter.com/usnavy",
"Window": "_blank",
"Relationship": "noopener"
},
"YouTube": {
"Url": "https://www.youtube.com/usnavy",
"Window": "_blank",
"Relationship": "noopener"
},
"Flickr": {
"Url": "https://www.flickr.com/usnavy",
"Window": "_blank",
"Relationship": "noopener"
},
"Pintrest": {
"Url": "https://www.pinterest.com/usnavy/",
"Window": "_blank",
"Relationship": "noopener"
},
"Instagram": {
"Url": "https://www.instagram.com/usnavy",
"Window": "_blank",
"Relationship": "noopener"
},
"Blog": {
"Url": "",
"Window": "",
"Relationship": null
},
"RSS": {
"Url": "",
"Window": "_blank",
"Relationship": "noopener"
},
"Podcast": {
"Url": "",
"Window": "_blank",
"Relationship": "noopener"
},
"Email": {
"Url": "",
"Window": "",
"Relationship": null
},
"LinkedIn": {
"Url": "",
"Window": "",
"Relationship": null
},
"Snapchat": {
"Url": "https://www.snapchat.com/add/usnavy",
"Window": "_blank",
"Relationship": "noopener"
}
},
"SiteLinks": null,
"LogoffTimeout": 3300000,
"SiteAltLogoText": ""
};
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"logo": null,
"name": "United States Navy",
"url": "http://www.navy.mil/",
"sameAs": ["https://www.facebook.com/usnavy", "https://www.twitter.com/usnavy", "https://www.instagram.com/usnavy", "https://www.pinterest.com/usnavy/", "https://www.youtube.com/usnavy", "https://www.snapchat.com/add/usnavy"]
}
</script>
<div id="app" class="app-header-fixed">
<div id="skip-link-holder"><a id="skip-link" href="#skip-target">Skip to main content (Press Enter).</a></div>
<header class="header" role="banner">
<div class="menu-grad-bg">
<nav class="navbar navbar-expand-xl navbar-dark text-light">
<div class="logo-link">
<a href="http://www.navy.mil/" class="site-logo">
<div class="logo-element"></div>
</a>
<div class="social-links-nav">
<ul class="">
<li class=""><a href="https://www.facebook.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Facebook"><span class="social-icon fab fa-facebook-square social-link-1"></span></a></li>
<li class=""><a href="https://www.twitter.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Twitter"><span class="social-icon fab fa-twitter social-link-2"></span></a></li>
<li class=""><a href="https://www.instagram.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Instagram"><span class="social-icon fab fa-instagram social-link-3"></span></a></li>
<li class=""><a href="https://www.youtube.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy YouTube Channel"><span class="social-icon fab fa-youtube social-link-4"></span></a></li>
<li class=""><a href="https://www.flickr.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Flickr"><span class="social-icon fab fa-flickr social-link-5"></span></a></li>
<li class=""><a href="https://www.pinterest.com/usnavy/" target="_blank" rel="noopener noreferrer" title="US Navy Pinterest"><span class="social-icon fab fa-pinterest-square social-link-16"></span></a></li>
<li class=""><a href="https://www.navy.mil/Resources/Blogs" target="_blank" rel="noopener noreferrer" title="US Navy Blog"><span class="social-icon fab fa-blogger social-link-17"></span></a></li>
<li class=""><a href="https://www.snapchat.com/add/usnavy" target="_blank" rel="noopener noreferrer" title="US Navy Snapchat"><span class="social-icon fab fa-snapchat social-link-18"></span></a></li>
</ul>
</div>
</div>
<div id="main-search-mobile">
<input type="search" class="skin-search-input usagov-search-autocomplete skin-search-input-ph form-control mr-sm-2 make-invisible ui-autocomplete-input" autocomplete="off" name="search" maxlength="255" placeholder="Search Navy" value="">
<a class="skin-search-go" href="#" title="Search"></a>
<div id="top-search-mobile" onclick="enterpriseSearch()">
<em id="search-ico-mobile" class="fa fa-search" aria-hidden="true"></em>
<br>
</div>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- ./ helper -->
<ul id="main-nav" class="navbar-nav mr-auto sm" data-sm-options="{collapsibleBehavior: 'link'}" data-smartmenus-id="16678090637943083">
<li class="nav-item dropdown">
<div class="nav-link toplevel" tabindex="0" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false">
<span class="animateMenuUnderLine"> ABOUT <span class="shortline"></span>
</span>
</div>
<ul class="dropdown-menu bg-dark opacity-9 text-light" aria-labelledby="sm-16678090637943083-1" id="sm-16678090637943083-2" role="group" aria-hidden="true" aria-expanded="false">
<li><a class="dropdown-item" href="http://www.navy.mil/About/Our-Core-Values/">Our Core Values</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/About/Our-Core-Attributes/">Our Core Attributes</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/About/Mission/">Mission</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/About/Our-Heritage/">Our Heritage</a></li>
<li>
<a class="dropdown-item landingpage-link" href="http://www.navy.mil/About/">
About <i class="fas fa-chevron-right" style="text-decoration:none;"></i>
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<div class="nav-link toplevel" tabindex="0" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false">
<span class="animateMenuUnderLine"> LEADERSHIP <span class="shortline"></span>
</span>
</div>
<ul class="dropdown-menu bg-dark opacity-9 text-light" aria-labelledby="sm-16678090637943083-3" id="sm-16678090637943083-4" role="group" aria-hidden="true" aria-expanded="false">
<li><a class="dropdown-item" href="http://www.navy.mil/Leadership/Secretary-of-the-Navy/" target="_blank" rel="noopener noreferrer">Secretary of the Navy</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Leadership/Chief-of-Naval-Operations/" target="_blank" rel="noopener noreferrer">Chief of Naval Operations</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Leadership/Master-Chief-Petty-Officer-of-the-Navy/" target="_blank" rel="noopener noreferrer">Master Chief Petty Officer of the Navy</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Leadership/Chief-of-Naval-Personnel/" target="_blank" rel="noopener noreferrer">Chief of Naval Personnel</a></li>
<li><a class="dropdown-item" href="https://www.secnav.navy.mil/donhr/About/Senior-Executives/Pages/Biographies.aspx" target="_blank" rel="noopener noreferrer">Senior Executives</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Leadership/Flag-Officer-Biographies/">Flag Officer Biographies</a></li>
<li>
<a class="dropdown-item landingpage-link" href="http://www.navy.mil/Leadership/">
Leadership <i class="fas fa-chevron-right" style="text-decoration:none;"></i>
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<div class="nav-link toplevel" tabindex="0" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false">
<span class="animateMenuUnderLine"> PRESS OFFICE <span class="shortline"></span>
</span>
</div>
<ul class="dropdown-menu bg-dark opacity-9 text-light" aria-labelledby="sm-16678090637943083-5" id="sm-16678090637943083-6" role="group" aria-hidden="true" aria-expanded="false">
<li><a class="dropdown-item" href="http://www.navy.mil/Press-Office/Press-Briefings/">Press Briefings</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Press-Office/Press-Releases/">Press Releases</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Press-Office/Testimony/">Testimony</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Press-Office/Speeches/">Speeches</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Press-Office/Statements/">Statements</a></li>
<li><a class="dropdown-item" href="https://www.navy.mil/Press-Office/News-Stories/Term/3087/">News Stories</a></li>
<li>
<a class="dropdown-item landingpage-link" href="http://www.navy.mil/Press-Office/">
Press Office <i class="fas fa-chevron-right" style="text-decoration:none;"></i>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a class="nav-link" href="https://www.ah.mil" target="_blank" rel="noopener noreferrer">
<span class="animateMenuUnderLine">
ALL HANDS
<span class="shortline"></span>
</span>
</a>
</li>
<li class="nav-item dropdown">
<div class="nav-link toplevel" tabindex="0" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false">
<span class="animateMenuUnderLine"> PAY & PERSONNEL <span class="shortline"></span>
</span>
</div>
<ul class="dropdown-menu bg-dark opacity-9 text-light" aria-labelledby="sm-16678090637943083-7" id="sm-16678090637943083-8" role="group" aria-hidden="true" aria-expanded="false">
<li><a class="dropdown-item" href="https://www.mynavyhr.navy.mil/" target="_blank" rel="noopener noreferrer">MyNavy HR</a></li>
<li><a class="dropdown-item" href="https://www.mynavyhr.navy.mil/Support-Services/MyNavy-Career-Center/HRSC/" target="_blank" rel="noopener noreferrer">Contact MyNavy Career Center</a></li>
<li><a class="dropdown-item" href="https://www.navy.com/" target="_blank" rel="noopener noreferrer">Military Careers</a></li>
<li><a class="dropdown-item" href="https://www.secnav.navy.mil/donhr/Pages/Default.aspx" target="_blank" rel="noopener noreferrer">Civilian Careers</a></li>
<li>
<a class="dropdown-item landingpage-link" href="http://www.navy.mil/Pay-Personnel/">
Pay & Personnel <i class="fas fa-chevron-right" style="text-decoration:none;"></i>
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<div class="nav-link toplevel" tabindex="0" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false">
<span class="animateMenuUnderLine"> RESOURCES <span class="shortline"></span>
</span>
</div>
<ul class="dropdown-menu bg-dark opacity-9 text-light" aria-labelledby="sm-16678090637943083-9" id="sm-16678090637943083-10" role="group" aria-hidden="true" aria-expanded="false">
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Photo-Gallery/">Photo Gallery</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Videos/">Videos</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Graphics-Gallery/">Graphics Gallery</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Social-Media-Directory-Guidance/">Social Media Directory & Guidance</a></li>
<li><a class="dropdown-item" href="https://www.applocker.navy.mil/#!/apps" target="_blank" rel="noopener noreferrer">App Locker</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Blogs/">Blogs</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Podcasts/">Podcasts</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/CNO-Professional-Reading-Program/">CNO Professional Reading Program</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Strategic-Library/">Strategic Library</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Fact-Files/">Fact Files</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/RSS-Feeds/">RSS Feeds</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Frequently-Asked-Questions/">Frequently Asked Questions</a></li>
<li><a class="dropdown-item" href="https://www.mynavyhr.navy.mil/References/Messages/NAVADMIN-2021/" target="_blank" rel="noopener noreferrer">NAVADMINs</a></li>
<li><a class="dropdown-item" href="https://www.mynavyhr.navy.mil/References/Messages/ALNAV-2021/" target="_blank" rel="noopener noreferrer">ALNAVs</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Contact-Us/">Contact Us</a></li>
<li>
<a class="dropdown-item landingpage-link" href="http://www.navy.mil/Resources/">
Resources <i class="fas fa-chevron-right" style="text-decoration:none;"></i>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a class="nav-link" href="http://www.navy.mil/Translate/">
<span class="animateMenuUnderLine">
TRANSLATE
<span class="shortline"></span>
</span>
</a>
</li>
</ul>
<!-- ./ node count -->
</div>
<div id="main-search" class="form-inline">
<input type="search" class="skin-search-input usagov-search-autocomplete skin-search-input-ph form-control mr-sm-2 make-invisible ui-autocomplete-input" autocomplete="off" name="search" maxlength="255" placeholder="Search Navy" value="">
<a class="skin-search-go" href="#" title="Search"></a>
<div id="top-search" onclick="enterpriseSearch()">
<em id="search-ico" class="fa fa-search" aria-hidden="true"></em>
<br>
<span id="search-nav">Search</span>
</div>
</div>
</nav>
<div class="homepage-indicator-white">
<h1>United States Navy</h1>
</div>
</div>
<script>
function enterpriseSearch() {
$('.usagov-search-autocomplete').toggleClass('make-invisible');
}
var clickHandler = ('ontouchstart' in document.documentElement ? 'touchstart' : 'click');
$('.nav-item .nav-link.toplevel').on(clickHandler, function() {
let alreadyOpen = $(this).parent().hasClass('display-menu');
if ($('.nav-item').hasClass('display-menu')) {
$('.display-menu .dropdown-menu').hide();
$('.nav-item').removeClass('display-menu');
}
if (!alreadyOpen) {
$(this).parent().addClass('display-menu');
$('.display-menu .dropdown-menu').show();
}
});
var mouseupHandler = ('ontouchend' in document.documentElement ? 'touchend' : 'mouseup');
$(document).on(mouseupHandler, function(e) {
var container = $('.display-menu');
var menuContainer = $('.display-menu .dropdown-menu');
// if the target of the click isn't the container nor a descendant of the container
if (!container.is(e.target) && container.has(e.target).length === 0) {
menuContainer.hide();
}
});
var m = $('.menu-grad-bg .navbar-toggler-icon');
var grad = $('.menu-grad-bg');
m.addClass('fa');
m.addClass('fa-bars');
$('.menu-grad-bg .navbar-toggler').on('click', function(e) {
toggleHamburger();
});
function toggleHamburger() {
if (m.hasClass('fa-bars')) {
m.removeClass('fa-bars').addClass('fa-times');
grad.addClass('nav-open');
} else {
m.removeClass('fa-times').addClass('fa-bars');
grad.removeClass('nav-open');
}
}
</script>
<style type="text/css">
/*this is a hack to fix flaw in usa search code if there are more than 1 input on the page. measures the first and if that ones hidden applies a width of 0*/
#usasearch_sayt .ui-autocomplete {
min-width: 200px;
}
#app .header .menu-grad-bg .logo-element {
background: url('/Portals/_default/Skins/NavyTheme2/Resources/img/WhiteRegisteredTradeMake.png');
background-repeat: no-repeat !important;
max-width: 100%;
background-size: 192px 62px !important;
position: relative;
height: 100%;
width: 192px;
display: inline-block;
outline: 1px solid rgba(255, 255, 255, 0);
}
.inverted .header .menu-grad-bg .logo-element {
background: url('/Portals/_default/Skins/NavyTheme2/Resources/img/BlueRegisteredTradeMake.png') !important;
}
/*****Top search button*****/
#top-search {
margin-left: 11px;
}
#top-search:hover {
cursor: pointer;
}
#main-search-mobile {
display: none;
}
#search-ico,
#search-ico-mobile {
font-size: 30px;
}
#search-nav {
font-size: 18px;
}
#search-nav,
#search-ico,
#search-ico-mobile {
color: #fff;
}
.inverted #search-nav,
.inverted #search-ico,
.inverted #search-ico-mobile {
color: #003b4f;
}
.inverted .form-inline .form-control {
border: 1px solid #003b4f;
color: #003b4f;
}
/**** Inverted BreadCrumb *****/
.inverted.four-oh-four .breadcrumbs-container {
display: none;
}
.inverted .breadcrumbs-container .page-indicator-white h1 {
font-family: "Roboto Slab", "RobotoSlabLocal", serif;
font-weight: 700;
font-size: 17px;
line-height: .5em;
color: #003b4f;
text-align: center;
}
.logo-container,
.logo-container.mobile {
margin: 0;
padding: 5px;
}
@media (max-width: 1199px) and (min-width: 992px) {
.menu-grad-bg .form-inline #search-nav {
display: none;
}
#main-search-mobile {
display: flex;
margin-left: auto;
}
.inverted .navbar-dark .navbar-toggler {
border-color: #003b4f;
padding-bottom: 7px;
}
#main-search {
display: none;
}
#top-search-mobile {
border: 1px solid;
border-radius: 2px;
border-color: rgba(255, 255, 255, .1);
padding: 5px 11px;
}
.inverted #top-search-mobile {
border: 1px solid;
border-radius: 2px;
border-color: #003b4f;
padding: 8px 13px 5.5px;
}
li.dropdown-submenu ul.dropdown-submenu a.dropdown-item {
padding-left: 57px;
}
.navbar-nav.sm-collapsible .sub-arrow::before {
content: "\f0d7";
font-weight: bold;
font-family: "Font Awesome\ 5 Free";
}
.navbar-nav.sm-collapsible .show>a>.sub-arrow::before {
content: "\f0d8";
font-weight: bold;
font-family: "Font Awesome\ 5 Free";
}
.hide-afpims .app-auth.app-backend .header .logo-container.mobile {
position: absolute;
width: 100%;
top: 0;
}
}
@media (max-width: 991px) {
.menu-grad-bg {
display: none !important;
}
.breadcrumbs {
margin-top: 11px;
margin-bottom: 0;
}
}
</style>
<div class="logo-container mobile make-hidden">
<a href="/">
<img class="mobile-menu-logo-header" src="/Portals/_default/Skins/NavyTheme2/Resources/img/OfficialNavyLogo.svg">
</a>
</div>
<div id="mobile-buttons">
<a href="#search" class="searchbutton" id="mobile-search-trigger">
<i class="fa fa-search fa-2x"></i>
</a>
<a href="/">
<i class="fa fa-home fa-2x"></i>
</a>
<a href="#" class="menuHandle" id="mobile-nav-trigger">
<i class="fa fa-bars fa-2x"></i>
</a>
</div>
<div id="mobile-search" class="search">
<input type="search" class="" maxlength="255" placeholder="Search">
</div>
<div id="mobile-nav-wrap">
<div class="bg"></div>
<div id="mobile-nav">
<a href="/">
<img class="logo" src="/Portals/_default/Skins/NavyTheme2/Resources/img/WhiteRegisteredTradeMake.png" alt="Navy Logo">
</a>
<div class="social">
<ul class="">
<li class=""><a href="https://www.facebook.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Facebook"><span class="social-icon fab fa-facebook-square social-link-1"></span></a></li>
<li class=""><a href="https://www.twitter.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Twitter"><span class="social-icon fab fa-twitter social-link-2"></span></a></li>
<li class=""><a href="https://www.instagram.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Instagram"><span class="social-icon fab fa-instagram social-link-3"></span></a></li>
<li class=""><a href="https://www.youtube.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy YouTube Channel"><span class="social-icon fab fa-youtube social-link-4"></span></a></li>
<li class=""><a href="https://www.flickr.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Flickr"><span class="social-icon fab fa-flickr social-link-5"></span></a></li>
<li class=""><a href="https://www.pinterest.com/usnavy/" target="_blank" rel="noopener noreferrer" title="US Navy Pinterest"><span class="social-icon fab fa-pinterest-square social-link-16"></span></a></li>
<li class=""><a href="https://www.navy.mil/Resources/Blogs" target="_blank" rel="noopener noreferrer" title="US Navy Blog"><span class="social-icon fab fa-blogger social-link-17"></span></a></li>
<li class=""><a href="https://www.snapchat.com/add/usnavy" target="_blank" rel="noopener noreferrer" title="US Navy Snapchat"><span class="social-icon fab fa-snapchat social-link-18"></span></a></li>
</ul>
</div>
<nav>
<!-- ./ helper -->
<ul id="main-nav" class="navbar-nav mr-auto sm sm-collapsible" data-sm-options="{collapsibleBehavior: 'link'}" data-smartmenus-id="16678090638015425">
<li class=" dropdown">
<a class="nav-link has-submenu" href="http://www.navy.mil/About/" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false" aria-controls="sm-16678090638015425-1">
ABOUT
<span class="sub-arrow"></span></a>
<ul class="" aria-labelledby="navbarDropdownMenuLink" id="sm-16678090638015425-1" role="group" aria-hidden="true" aria-expanded="false">
<li><a class="dropdown-item" href="http://www.navy.mil/About/Our-Core-Values/">Our Core Values</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/About/Our-Core-Attributes/">Our Core Attributes</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/About/Mission/">Mission</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/About/Our-Heritage/">Our Heritage</a></li>
</ul>
</li>
<li class=" dropdown">
<a class="nav-link has-submenu" href="http://www.navy.mil/Leadership/" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false" aria-controls="sm-16678090638015425-2">
LEADERSHIP
<span class="sub-arrow"></span></a>
<ul class="" aria-labelledby="navbarDropdownMenuLink" id="sm-16678090638015425-2" role="group" aria-hidden="true" aria-expanded="false">
<li><a class="dropdown-item" href="http://www.navy.mil/Leadership/Secretary-of-the-Navy/" target="_blank" rel="noopener">Secretary of the Navy</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Leadership/Chief-of-Naval-Operations/" target="_blank" rel="noopener">Chief of Naval Operations</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Leadership/Master-Chief-Petty-Officer-of-the-Navy/" target="_blank" rel="noopener">Master Chief Petty Officer of the Navy</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Leadership/Chief-of-Naval-Personnel/" target="_blank" rel="noopener">Chief of Naval Personnel</a></li>
<li><a class="dropdown-item" href="https://www.secnav.navy.mil/donhr/About/Senior-Executives/Pages/Biographies.aspx" target="_blank" rel="noopener">Senior Executives</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Leadership/Flag-Officer-Biographies/">Flag Officer Biographies</a></li>
</ul>
</li>
<li class=" dropdown">
<a class="nav-link has-submenu" href="http://www.navy.mil/Press-Office/" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false" aria-controls="sm-16678090638015425-3">
PRESS OFFICE
<span class="sub-arrow"></span></a>
<ul class="" aria-labelledby="navbarDropdownMenuLink" id="sm-16678090638015425-3" role="group" aria-hidden="true" aria-expanded="false">
<li><a class="dropdown-item" href="http://www.navy.mil/Press-Office/Press-Briefings/">Press Briefings</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Press-Office/Press-Releases/">Press Releases</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Press-Office/Testimony/">Testimony</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Press-Office/Speeches/">Speeches</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Press-Office/Statements/">Statements</a></li>
<li><a class="dropdown-item" href="https://www.navy.mil/Press-Office/News-Stories/Term/3087/">News Stories</a></li>
</ul>
</li>
<li class="">
<a class="nav-link" href="https://www.ah.mil" target="_blank" rel="noopener">
ALL HANDS
</a>
</li>
<li class=" dropdown">
<a class="nav-link has-submenu" href="http://www.navy.mil/Pay-Personnel/" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false" aria-controls="sm-16678090638015425-4">
PAY & PERSONNEL
<span class="sub-arrow"></span></a>
<ul class="" aria-labelledby="navbarDropdownMenuLink" id="sm-16678090638015425-4" role="group" aria-hidden="true" aria-expanded="false">
<li><a class="dropdown-item" href="https://www.mynavyhr.navy.mil/" target="_blank" rel="noopener">MyNavy HR</a></li>
<li><a class="dropdown-item" href="https://www.mynavyhr.navy.mil/Support-Services/MyNavy-Career-Center/HRSC/" target="_blank" rel="noopener">Contact MyNavy Career Center</a></li>
<li><a class="dropdown-item" href="https://www.navy.com/" target="_blank" rel="noopener">Military Careers</a></li>
<li><a class="dropdown-item" href="https://www.secnav.navy.mil/donhr/Pages/Default.aspx" target="_blank" rel="noopener">Civilian Careers</a></li>
</ul>
</li>
<li class=" dropdown">
<a class="nav-link has-submenu" href="http://www.navy.mil/Resources/" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false" aria-controls="sm-16678090638015425-5">
RESOURCES
<span class="sub-arrow"></span></a>
<ul class="" aria-labelledby="navbarDropdownMenuLink" id="sm-16678090638015425-5" role="group" aria-hidden="true" aria-expanded="false">
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Photo-Gallery/">Photo Gallery</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Videos/">Videos</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Graphics-Gallery/">Graphics Gallery</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Social-Media-Directory-Guidance/">Social Media Directory & Guidance</a></li>
<li><a class="dropdown-item" href="https://www.applocker.navy.mil/#!/apps" target="_blank" rel="noopener">App Locker</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Blogs/">Blogs</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Podcasts/">Podcasts</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/CNO-Professional-Reading-Program/">CNO Professional Reading Program</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Strategic-Library/">Strategic Library</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Fact-Files/">Fact Files</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/RSS-Feeds/">RSS Feeds</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Frequently-Asked-Questions/">Frequently Asked Questions</a></li>
<li><a class="dropdown-item" href="https://www.mynavyhr.navy.mil/References/Messages/NAVADMIN-2021/" target="_blank" rel="noopener">NAVADMINs</a></li>
<li><a class="dropdown-item" href="https://www.mynavyhr.navy.mil/References/Messages/ALNAV-2021/" target="_blank" rel="noopener">ALNAVs</a></li>
<li><a class="dropdown-item" href="http://www.navy.mil/Resources/Contact-Us/">Contact Us</a></li>
</ul>
</li>
<li class="">
<a class="nav-link" href="http://www.navy.mil/Translate/">
TRANSLATE
</a>
</li>
</ul>
<!-- ./ node count -->
</nav>
</div>
</div>
<script>
/*
var previousScrollPosition = 0;
$(window).on('resize', function () {
var docWidth = $(document).width();
if (docWidth <= 991) {
$(".menu-grad-bg").addClass("make-hidden");
$(".logo-container.mobile").removeClass("make-hidden");
if ($("div.navbar").hasClass("make-hidden"))
$("div.navbar").removeClass("make-hidden");
}
else {
$(".menu-grad-bg").removeClass("make-hidden");
$(".logo-container.mobile").addClass("make-hidden");
$("div.navbar").addClass("make-hidden");
if ($(".search").height() > 0) {
toggleSearchOpen();
}
if ($(".overlay").height() > 0) {
toggleMenuOpen();
}
}
});
$(window).scroll(function(){
var currentScrollPosition = $(window).scrollTop() + $(window).height();
if (currentScrollPosition > previousScrollPosition) {
if (!$("div.navbar").hasClass("hide"))
$("div.navbar").addClass("hide");
} else if (currentScrollPosition < previousScrollPosition) {
if ($("div.navbar").hasClass("hide"))
$("div.navbar").removeClass("hide");
}
if ($(".search").height() > 0) {
toggleSearchOpen();
}
previousScrollPosition = currentScrollPosition;
});
$(window).on("load", function () {
$(this).resize();
});
$(document).ready(function () {
$(window).resize();
});
*/
/*
function toggleMenuOpen() {
console.log($(".overlay").height())
if ($(".overlay").height() === 0){
$(".overlay").css("height", "100%");
$(".menuHandle i").removeClass("fa-bars");
$(".menuHandle i").addClass("fa-times");
$("body").addClass("lockscroll");
}
else{
$(".overlay").css("height", "0%");
$(".menuHandle i").removeClass("fa-times");
$(".menuHandle i").addClass("fa-bars");
$("body").removeClass("lockscroll");
}
if ($(".search").height() > 0) {
toggleSearchOpen();
}
}
function toggleSearchOpen() {
if ($(".overlay").height() > 0) {
toggleMenuOpen();
}
if ($(".search").height() === 0){
$(".search,.search input").css("height", "auto");
$(".search input").css("height", "35px");
$(".search,.search input").css("opacity", "1");
$(".searchbutton").addClass("show");
}
else{
$(".search,.search input").css("height", "0%");
$(".search,.search input").css("opacity", "0");
$(".searchbutton").removeClass("show");
}
}
function tog(v){return v?'addClass':'removeClass';}
$(document).on('input', '.clearable', function(){
$(this)[tog(this.value)]('x');
}).on('mousemove', '.x', function( e ){
$(this)[tog(this.offsetWidth-18 < e.clientX-this.getBoundingClientRect().left)]('onX');
}).on('touchstart click', '.onX', function( ev ){
ev.preventDefault();
$(this).removeClass('x onX').val('').change();
});*/
</script>
<style type="text/css">
/*
.overlay {
height: 0%;
width: 100vw;
position: fixed;
z-index: 1;
bottom: 0;
left: 0;
background-color: rgb(0,42,58);
overflow-y: auto;
transition: 0.5s;
}
.overlay .nav a {
width: 90vw;
}
.overlay-background{
position: absolute;
left: 35%;
top:0;
width: 100vw;
height: 100vh;
opacity: 0.1;
}
.overlay-background img{
position: fixed;
min-width: 100vw;
min-height: 100vh;
}
.overlay-content {
position: relative;
top: calc(100vh - 650px);
width: 100%;
text-align: left;
}
.overlay-content #main-nav{
padding: 11px;
margin-bottom: 125px;
}
.overlay-content .dropdown-submenu {
background-color: transparent !important;
}
.overlay-content ul.hang-left-sub{
margin-bottom: 11px;
}
.overlay-content ul.hang-left-sub li.dropdown-submenu.show ul a.dropdown-item {
padding-left: 42px;
}
.overlay-content a {
text-align: start;
border: .75px solid #ccc;
margin-bottom: 5px;
border-radius: 5px;
background: linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,0,0,0)21.71%),
linear-gradient(0deg, rgba(0,0,0,.8), rgba(0,0,0,0) 21.71%);
}
.overlay-content .navbar-nav.sm-collapsible .nav-link{
padding: 8px 0 8px 11px;
}
.overlay-content ul.nav.nav-main{
margin: 0 auto;
}
.overlay-content span.fa.fa-lg.fa-angle-down {
float: right;
padding: inherit;
}
.overlay-content .navbar-nav.sm-collapsible .sub-arrow::before {
font-weight: bold;
font-family: Font Awesome\ 5 Free;
content: '\f078';
}
.overlay-content .navbar-nav.sm-collapsible .show > a > .sub-arrow::before {
font-weight: bold;
font-family: Font Awesome\ 5 Free;
content: '\f078';
}
.overlay-content .navbar-nav.sm-collapsible .highlighted .sub-arrow::before {
content: '\f077' !important;
}
.overlay-content .navbar-nav.sm-collapsible .show .highlighted > a > .sub-arrow::before {
content: '\f077' !important;
}
.overlay-content li.nav-item:last-child {
margin-bottom: 85px;
}
.overlay a {
padding: 8px;
text-decoration: none;
color: #fff;
display: block;
transition: 0.3s;
}
.overlay a:hover,
.overlay a:focus {
color: #fff;
}
.mobile-menu-logo,
.mobile-menu-logo-header{
width: 100%;
margin:auto;
}
.overlay .mobile-menu-logo{
max-width: 500px;
}
*/
.header .logo-container .mobile-menu-logo-header {
width: 160px;
max-width: 100%;
}
.footer-text-links {
color: #08262c;
}
/*****************************/
.logo-container.mobile {
flex-direction: column;
text-align: center;
background-color: rgb(0, 42, 58);
}
.logo-container.mobile .page-indicator-mobile h3,
.logo-container.mobile .breadcrumbs,
.logo-container.mobile .breadcrumbs a {
color: #fff;
}
.logo-container .homemobile-indicator-white {
width: 100%;
}
.logo-container .homemobile-indicator-white h3 {
color: #fff;
margin-bottom: 0;
}
ul.hang-left-sub {
margin: 0;
color: #fff;
}
ul.hang-left-sub a {
background: linear-gradient(180deg, rgba(255, 255, 255, .0), rgba(255, 0, 0, 0)21.71%), linear-gradient(0deg, rgba(0, 0, 0, .0), rgba(0, 0, 0, 0) 21.71%);
padding-left: 31px;
border: 1px solid #ccc;
}
@media (max-width: 991px) {
.app-header-fixed .header {
position: relative;
padding-top: 0 !important;
background-color: rgb(0, 42, 58);
}
.app-auth.app-header-fixed .header {
width: 100%;
}
.app-inner #content {
padding-top: 0;
}
.app-header-fixed.app-backend {
padding-top: 0 !important;
}
.logo-container,
.logo-container.mobile {
display: flex !important;
margin: 0;
padding: 5px;
}
.overlay-background {
width: 10%;
}
}
@media (max-width: 767px) {
.overlay-background {
left: 30%;
}
}
@media (max-device-width: 768px) {
.overlay-background {
left: 10%;
}
}
@media (max-width: 600px) {
.overlay-background {
left: 1%;
}
}
@media (max-device-width: 414px) {
.overlay-background {
left: 1%;
}
}
@media (max-device-width: 411px) {
.overlay-background {
left: -20%;
}
}
@media (max-device-width: 375px) {
.overlay-background {
left: -18%;
}
}
@media (max-device-width: 360px) {
.overlay-background {
left: -15%;
}
}
@media (max-width: 360px) {
.overlay-content {
top: calc(100vh - 550px);
}
.list-mobile-row ul {
padding-top: 23px;
margin: auto;
padding-right: 0;
}
.list-mobile-row ul li {
padding: 0 5px 0 5px;
font-size: 12px;
}
}
@media screen and (orientation: landscape) and (max-device-width: 991px) {
.overlay-content {
top: auto;
}
div.navbar a {
padding: 0;
}
.list-mobile-row ul {
padding-top: 13px;
}
.search {
bottom: 54px;
}
.overlay .mobile-menu-logo-header {
max-width: 160px;
}
.overlay .mobile-menu-logo {
max-width: 250px;
}
.overlay-background {
left: 60%;
top: 0;
width: 10%;
}
.app-auth.app-backend.app-header-fixed .header {
width: 100%;
}
}
/*****************************/
/* Clearable text inputs */
.clearable {
background: #fff url(/Portals/_default/Skins/NavyTheme2/Resources/img/clearx.gif) no-repeat right -10px center;
border: 1px solid #999;
padding: 3px 18px 3px 4px;
/* Use the same right padding (18) in jQ! */
border-radius: 3px;
transition: background 0.4s;
}
.clearable.x {
background-position: right 5px center;
}
/* (jQ) Show icon */
.clearable.onX {
cursor: pointer;
}
/* (jQ) hover cursor style */
.clearable::-ms-clear {
display: none;
width: 0;
height: 0;
}
/* Remove IE default X */
</style>
</header>
<p id="skip-target-holder"><a id="skip-target" name="skip-target" class="skip" tabindex="-1" href="#skip-target" innertext="Start of main content"></a></p>
<main id="content" class="">
<div id="dnn_HeaderPane" class="backend-cp-collapsible">
<div class="DnnModule DnnModule-PhotoDashboard DnnModule-491"><a name="491"></a>
<div class="theme-container empty">
<div id="dnn_ctr491_ContentPane"><!-- Start_Module_491 -->
<style>
.PhotoDashboardSA.heroPaneCTA {
padding-top: 80vh !important;
}
@media screen and (max-width: 992px) {
.PhotoDashboardSA.heroPaneCTA {
padding-top: 40vh !important;
}
}
</style>
<div id="dnn_ctr491_ModuleContent" class="DNNModuleContent ModPhotoDashboardC">
<div class="PhotoDashboardSA heroPane heroPaneCTA heroPaneCTA_callout " id="heroPaneCTA">
<div class="heroPlusImageContainer">
<picture class="fixed-aspect">
<img id="heroPaneCTAImg" data-focus-top="78" data-focus-left="100" style="object-position:100% 78%" src="https://media.defense.gov/2022/Nov/03/2003107942/-1/-1/0/221103-N-MW880-1063.JPG"
alt="Operations Specialist 3rd Class Miguel Mapue, assigned to the Nimitz-class aircraft carrier USS George H.W. Bush (CVN 77), stands look out watch as the ship, along with the embarked staff of Carrier Strike Group (CSG) 10, arrives in Split, Croatia, for a scheduled port visit Nov. 3, 2022.">
</picture>
</div>
<div id="heroPaneCTADiv" class="heroPaneCTADiv" style="background-image: url(https://media.defense.gov/2022/Nov/03/2003107942/2640/1485/0/221103-N-MW880-1063.JPG); background-position:100% 78%;">
</div>
<div class="hero-display">
<span class="hero-callout-title">CNO Releases Navigation Plan 2022; </span>
<span class="hero-callout-attention">Plan Builds Upon NAVPLAN 2021</span><br>
<p class="hero-callout-caption">Further outlines how the U.S. Navy will build, maintain, train, and equip a dominant naval force to strengthen strategic partnerships, deter conflict, and if called upon, help win the Nation's wars.
</p>
<div id="hero-callout-link-container">
<div class="callout-button">
<a href="https://www.navy.mil/Press-Office/Press-Releases/display-pressreleases/Article/3105576/cno-releases-navigation-plan-2022/#:~:text=Navigation%20Plan%202022%20introduces%20six,delivery%2C%20and%20generate%20decision%20advantage.">Full Story Here:</a>
<span></span></div>
</div>
</div>
<div class="hero-media-link hero-media-link-right">
<a class="a-media-link prettyPhoto" href="https://media.defense.gov/2022/Nov/03/2003107942/2640/1485/0/221103-N-MW880-1063.JPG" rel="prettyPhoto" data-fancybox="" data-caption="<a class="galleryLoc" href="https://www.navy.mil/Resources/Photo-Gallery/igphoto/2003107942/">More Details</a>">
<div class="media-callout-badge">
<span class="hero-media-type image">
<i class="fas fa-image" aria-hidden="true"></i>
</span>
<span class="hero-media-title">OS3 Miguel Mapue, assigned to USS George H.W. Bush (CVN 77), stands look out watch as the ship and the embarked staff of Carrier Strike Group 10, arrive in Split, Croatia, for a scheduled port visit. (U.S. Navy photo by MC3 Samuel Wagner)</span><br>
<div class="hero-media-location-dateline">
<b>SPLIT, Croatia</b>
03 Nov 2022
</div>
</div>
</a>
</div>
</div>
<div class="hero-display-mobile">
<span class="hero-callout-title">CNO Releases Navigation Plan 2022; </span>
<span class="hero-callout-attention">Plan Builds Upon NAVPLAN 2021</span><br>
<div id="hero-callout-link-container">
<div class="callout-button">
<a href="https://www.navy.mil/Press-Office/Press-Releases/display-pressreleases/Article/3105576/cno-releases-navigation-plan-2022/#:~:text=Navigation%20Plan%202022%20introduces%20six,delivery%2C%20and%20generate%20decision%20advantage.">Full Story Here:</a>
<span></span>
</div>
</div>
<a class="a-media-link" href="https://media.defense.gov/2022/Nov/03/2003107942/2640/1485/0/221103-N-MW880-1063.JPG" data-fancybox="" data-toggle="lightbox" data-caption="<a class="galleryLoc" href="https://www.navy.mil/Resources/Photo-Gallery/igphoto/2003107942/">More Details</a>">
<div class="media-callout-icon">
<span class="hero-media-type image">
<i class="fas fa-image" aria-hidden="true"></i>
</span>
</div>
</a>
</div>
<div class="hero-chevron-container">
<i class="fas fa-chevron-down hero-chevron" alt="Hero Chevron"></i>
</div>
<script>
var galleryLoc = "https://www.navy.mil/Resources/Photo-Gallery/igphoto/2003107942/";
if (galleryLoc != "") {
var link = '<a class="galleryLoc" href="' + galleryLoc + '">More Details</a>'
$(".a-media-link").attr("data-caption", link);
}
$(".hero-chevron").on("mousedown", function() {
var mobileDispayType = '.hero-display-mobile';
if ($('.hero-display-mobile').length <= 0) {
mobileDispayType = '.hero-link-mobile';
}
scrollToBottomOfHeroPane('.heroPaneCTADiv', mobileDispayType, '#heroPaneCTAImg');
});
function scrollToBottomOfHeroPane(id, secId, thirdId) {
var div_height = $(id).height();
var div_offset = $(id).offset().top;
var isMobileWidth = ($(document).width() <= 991);
if ($(secId).length && $(secId).css('display') != "none") isMobileWidth = true;
if (isMobileWidth) {
var $app = $('body form #app');
var backendUserBarHgt = 0;
var mobileImg = $(thirdId);
div_height = $(thirdId).height() + $(secId).height() - 6;
div_offset = $(thirdId).offset().top;
if ($app.hasClass('app-backend')) {
backendUserBarHgt = $('#backend-userbar').height();
}
div_height += backendUserBarHgt;
}
var totalHgt = div_height + div_offset;
$('html,body').animate({
scrollTop: totalHgt
}, 'slow');
}
</script>
</div><!-- End_Module_491 -->
</div>
</div>
</div>
</div>
<div class="page-container">
<div id="dnn_ContentPane" class="backend-cp-collapsible">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-2245"><a name="2245"></a>
<div class="theme-container empty">
<div id="dnn_ctr2245_ContentPane"><!-- Start_Module_2245 -->
<div id="dnn_ctr2245_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr2245_HtmlModule_lblContent" class="Normal">
<style>
.dma-slideshow .caption-section.dark,
.dma-slideshow .headline-section.dark {
background: #d40d12;
background-image: -webkit-gradient(linear,
left top, left bottom,
from(#d40d12), to(#450003));
background: -moz-linear-gradient(top,
#d40d12,
#450003);
background: -o-linear-gradient(top,
#d40d12,
#450003);
background: linear-gradient(top,
#d40d12,
#450003,
);
border: 1px solid #450003;
}
</style>
</div>
</div><!-- End_Module_2245 -->
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md backend-cp-collapsible">
<div class="row">
<div id="dnn_CenterPane_Top" class="col-md backend-cp-collapsible">
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-588"><a name="588"></a>
<div class="theme-container empty">
<div id="dnn_ctr588_ContentPane"><!-- Start_Module_588 -->
<div id="dnn_ctr588_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr588_Dashboard_ph">
</div>
</div><!-- End_Module_588 -->
</div>
</div>
</div>
</div>
</div>
<div class="row">
</div>
</div>
</div>
<div class="row">
</div>
</div>
<div class="container">
<div class="row">
</div>
<div class="row">
<div id="dnn_CenterPane_Mid" class="col-md backend-cp-collapsible">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-539"><a name="539"></a>
<div class="theme-container empty">
<div id="dnn_ctr539_ContentPane"><!-- Start_Module_539 -->
<div id="dnn_ctr539_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr539_HtmlModule_lblContent" class="Normal">
<p> </p>
<p> </p>
</div>
</div><!-- End_Module_539 -->
</div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-460"><a name="460"></a>
<div class="theme-container empty">
<div id="dnn_ctr460_ContentPane"><!-- Start_Module_460 -->
<div id="dnn_ctr460_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr460_HtmlModule_lblContent" class="Normal">
<p>
<style type="text/css">
@font-face {
font-family: 'FontAwesome';
src: url('/DesktopModules/SharedLibrary/Plugins/font-awesome5/css/all.min.css');
}
/***** overrides *****/
.RadAjaxPanel,
.ModDashboardC {
margin: 0;
font-size: 100%
}
.fadeit {
background: linear-gradient(to bottom, rgba(235, 235, 235, 1) 0%, rgba(235, 235, 235, 1) 850px, rgba(255, 255, 255, 0) 2500px);
}
.fadeit-dark {
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 850px, rgba(36, 36, 36, 0) 1500px);
}
/************
SHARED
*************/
/* social */
.social-inner {
display: flex;
font-size: 1.4rem;
}
.social-inner a,
.social-inner a:link {
color: rgb(128, 128, 128);
text-decoration: none
}
.social-inner a {
border: 1px #717171 solid;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center
}
.social-inner a.addthis_button_facebook {
margin-right: 15px
}
.social-inner a.addthis_button_facebook:hover span {
color: #fff;
}
.social-inner a.addthis_button_facebook:hover {
background-color: #3b5998;
border-color: #3b5998;
}
.social-inner a.addthis_button_facebook {
transition: all .2s ease-in;
}
.social-inner a.addthis_button_twitter:hover span {
color: #fff;
}
.social-inner a.addthis_button_twitter:hover {
background-color: #00aced;
border-color: #00aced;
}
.social-inner a.addthis_button_twitter {
padding-top: 2px;
transition: all .2s ease-in;
}
.social-inner a.addthis_button_email:hover span {
color: #fff;
transition: all .2s ease-in;
}
.social-inner a.addthis_button_email:hover {
background-color: #DD4B39;
border-color: #DD4B39;
}
.social-inner a.addthis_button_email {
margin-left: 15px;
font-size: .9em;
transition: all .2s ease-in;
}
/* category skew */
a.acategory-skew,
article header a.acategory-skew:link {
color: #fff
}
a.acategory-skew {
background-color: rgb(53, 94, 147);
padding: 8px 25px;
transform: skewX(-15deg);
font-weight: normal;
font-size: .85rem;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
a.acategory-skew span {
transform: skewX(15deg);
display: inline-block
}
a.acategory-skew:hover span {
text-decoration: underline;
color: #fff
}
/* banner */
.abanner {
overflow: hidden
}
.abanner .banner-image {
position: absolute;
width: 100%;
height: 757px;
background-size: cover;
background-position: center;
/*background-color: #60a5ff*/
}
.abanner video.banner {
position: absolute;
width: 100%
}
/*angle and page layouts*/
/*.abanner .banner-angle {
position: absolute;
width: 100%;
height: 757px;
display: inline-block;
z-index: 2;
overflow: hidden
}*/
/*.abanner .banner-angle-header:after {
border-width: 0 100vw 0 0;
content: '';
display: block;
position: absolute;
border-style: solid;
border-color: transparent;
bottom: 0;
border-bottom-width: 100px;
border-bottom-color: #ebebeb;
}*/
/*.abanner .banner-angle-header {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background-color: rgba(0,0,0, .6);
background-image: linear-gradient(-10deg, rgba(0,0,0, .3) 0%, rgba(0,0,0, .3) 49.95%, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0) 100%);
background-repeat: no-repeat;
content: ''
}
.abanner .banner-angle video {
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
object-fit: cover;
}
.abanner .banner-angle-header.noimage {
background-color: none;
background-image: linear-gradient(-10deg, rgb(37, 66, 103) 0%, rgb(37, 66, 103) 49.95%, #354D6F 50%, #354D6F 100%);
}*/
.abanner header .maintitle {
font-size: 3rem;
font-weight: 500;
line-height: 1.2em;
margin: 30px 0;
color: #fff;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}
.abanner header .subtitle {
font-size: 1.2rem;
font-weight: 500;
line-height: 1.2em;
margin: 30px 0;
color: #fff;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}
.abanner header {
visibility: hidden;
min-height: 350px;
max-width: 900px !important;
}
.abanner .body .content-wrap .maintitle {
color: #727272;
font-size: 60px;
line-height: 60px;
margin-bottom: -15px;
margin-top: 20px;
margin-top: 60px;
}
.abanner .body .content-wrap .subtitle {
margin: 0 0 0 0;
text-transform: uppercase;
color: #000;
font-weight: bolder;
font-size: 25px;
font-stretch: condensed;
font-family: 'Oswald', sans-serif;
}
.abanner .body .content-wrap a.article-link,
.abanner .body .content-wrap a.article-link:link,
.abanner .body .content-wrap a.article-link:visited,
.abanner .body .content-wrap a:not(.nlink),
.abanner .body .content-wrap a:link:not(.nlink),
.abanner .body .content-wrap .author-name {
color: #959595;
font-size: 14px;
line-height: 14px;
font-weight: normal;
margin-top: -5px;
margin-bottom: 0;
}
.abanner .body .content-wrap a.article-link:hover,
.abanner .body .content-wrap a.article-link:link:hover {
color: #f8ba01;
}
.abanner .body .content-wrap .date {
color: #003B4F;
line-height: 12px;
font-size: 12px;
margin-bottom: 35px;
margin-top: -10px;
}
.abanner .body .content-wrap {
padding: 0 0 5px 0;
}
/* aframe is basic article frame work*/
.aframe .content {
position: relative;
display: block;
/*padding: 0 60px;*/
z-index: 10;
overflow: hidden;
background: #fff;
font-family: 'Oswald', sans-serif;
line-height: 34px;
background-color: #fff
}
.aframe .content .inside {
display: block;
max-width: 850px;
margin: 0 auto;
}
.aframe .body p {
color: #333;
line-height: 1.7em;
margin: 0 auto 5px;
}
.aframe .body .ntext {
color: #333;
line-height: 1.7em
}
.aframe .body ul,
.aframe .body ol {
margin: 2em 3em 1.5em 2.5em
}
.aframe .body ul>li {
list-style-type: disc;
margin-left: 1em;
line-height: 1.7em
}
.aframe .body ol>li {
margin: 0;
padding: 0 0 0 1em;
text-indent: -1em;
list-style-type: none;
counter-increment: item;
line-height: 1.7em
}
.aframe .body ol>li:before {
display: inline-block;
width: 1em;
padding-right: 0.5em;
font-weight: bold;
text-align: right;
content: counter(item) ".";
}
.aframe hr {
color: #adadad;
margin: 1.5rem 0
}
.seamless:first-child .content {
padding-bottom: 0
}
.seamless:not(:first-child):not(:last-child) .content {
padding-top: 0;
padding-bottom: 0
}
.seamless:last-child .content {
padding-top: 0;
}
/* links */
a.article-link,
a.article-link:link,
a.article-link:visited,
.aframe .body a:not(.nlink),
.aframe .body a:link:not(.nlink),
.aframe .body a:visited:not(.nlink) {
color: #003b4f;
padding-top: 2px;
line-height: inherit;
text-decoration: none !important;
text-transform: capitalize;
}
.aframe header.body a:not(.nlink),
.aframe header.body a:link:not(.nlink),
.aframe header.body a:visited:not(.nlink) {
color: #fff
}
a.article-link:hover,
.aframe .body.dark a:hover:not(.nlink),
.aframe .body.dark a:focus:not(.nlink),
.aframe .body.dark a:active:not(.nlink),
.aframe .body a:hover:not(.nlink),
.aframe .body a:focus:not(.nlink),
.aframe .body a:active:not(.nlink) {
color: #f8ba01;
padding-bottom: 0;
border-bottom: none;
-webkit-transition: background-color 350ms ease-out;
transition: background-color 350ms ease-out;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none
}
.aframe header.body a:hover:not(.nlink),
.aframe header.body a:focus:link:not(.nlink),
.aframe header.body a:active:visited:not(.nlink) {
color: #000
}
/***********************************************************************************/
.gallery .goldlinks {
text-shadow: 1px 1px 5px #000;
position: absolute;
bottom: 5px;
}
.gallery .goldlinks a:link {
color: #f8ba01;
font-weight: normal;
text-decoration: none;
}
/* visited link */
.gallery .goldlinks a:visited {
color: #f8ba01;
font-weight: normal;
text-decoration: none;
}
/* mouse over link */
.gallery .goldlinks a:hover {
color: #fff;
font-weight: normal;
text-decoration: none;
}
/* selected link */
.gallery .goldlinks a:active {
color: #f8ba01;
font-weight: normal;
text-decoration: none;
}
/* unvisited link */
.gallery .whitelinks a:link {
color: #fff;
font-weight: normal;
text-decoration: none;
}
/* visited link */
.gallery .whitelinks a:visited {
color: #fff;
font-weight: normal;
text-decoration: none;
}
/* mouse over link */
.gallery .whitelinks a:hover {
color: #f8ba01;
font-weight: normal;
text-decoration: none;
}
/* selected link */
.gallery .whitelinks a:active {
color: #f8ba01;
font-weight: normal;
text-decoration: none;
}
.gallery .image-fit {
width: 100vw;
height: 60vh;
}
.gallery .image {
width: 100%;
height: 100%;
max-height: 60vh;
background-size: cover;
background-repeat: no-repeat;
background-position: 0% 10%;
background-color: #000;
}
.gallery #bannersection {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 60%;
background-image: linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
color: white;
padding-top: 30%;
padding-bottom: 4%;
padding-left: 5%;
}
.gallery #bannersection h1 {
color: #f8ba01;
}
.gallery #bannersection a {
font-weight: bold;
}
.gallery #bannerpreview {
height: 50px;
background-color: #585858;
color: white;
line-height: 50px;
font-size: 22px;
text-shadow: 2px 2px 5px #000;
position: absolute;
}
.gallery .previousban span,
.nextban span {
color: #f8ba01;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.gallery .nextban p {
float: right;
padding-right: 21px;
}
.gallery .previousban p {
padding-left: 21px;
}
.gallery .previousban:hover,
.nextban:hover {
cursor: pointer;
}
.gallery #storybanner3 {
position: relative;
height: auto;
margin: -60px 0 0 0;
padding: 0;
width: 100vw;
margin-left: calc((50vw - 50%)*-1);
background-color: #000;
}
.gallery #storybanner3 img {
width: 100%;
height: auto;
object-fit: cover;
object-position: 0 -300px;
}
.gallery #storybanner3 #bannersection {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 65%;
background-image: linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
color: white;
padding-top: 1%;
padding-bottom: 5%;
padding-left: 5%;
}
.gallery #storybanner3 h1 {
color: #f8ba01;
font-size: 30px;
line-height: 30px;
}
.gallery #storybanner3 h2 {
color: #BDBDBD;
font-size: 25px;
line-height: 30px;
}
.gallery #storybanner3 .storyauthor {
color: #fff;
line-height: auto;
padding-top: -5px;
}
.gallery #storybanner3 .storydate {
color: #BDBDBD;
line-height: 12px;
margin-bottom: 35px;
margin-top: -10px;
}
#gallery-pager-left {
float: right;
}
.gallery .video-container {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.gallery .video-container video {
/* Make video to at least 100% wide and tall */
min-width: 100%;
min-height: 100%;
/* Setting width & height to auto prevents the browser from stretching or squishing the video */
width: auto;
height: auto;
/* Center the video */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #000;
}
.gallery .video-container.play video {
min-width: unset;
min-height: unset;
}
.videoPlaying {
height: 100%;
}
@media(max-width: 1400px) {
.gallery #storybanner3 img {
object-position: 0 -200px;
}
}
@media (max-width: 1024px) {
.gallery #storybanner3 h1 {
font-size: 25px;
line-height: 25px;
}
/*.gallery #storybanner3 #bannersection {
padding-top: 50%;
}*/
.gallery #bannersection a {
font-weight: normal;
font-size: 16px;
}
.gallery .image {
max-height: 45vh;
}
.gallery .image-fit {
height: 45vh;
}
}
@media(992px) {
.gallery #storybanner3 img {
object-position: 0 -50px;
}
/*.gallery #storybanner3 #bannersection {
padding-top: 30%;
}*/
.gallery .image-fit #bannersection .storyauthor {
display: none;
}
.gallery #bannersection a {
font-weight: normal;
}
.gallery #bannersection a:hover {
color: #fff;
}
.gallery .image {
max-height: 40vh;
}
.gallery .image-fit {
height: 40vh;
}
}
@media(max-width: 767px) {
.gallery #storybanner3 img {
object-position: 0 0;
}
.gallery #storybanner3 #bannersection {
width: 100%;
/*padding-top: 40%;*/
}
.gallery .image {
max-height: 55vh;
}
.gallery .image-fit {
height: 55vh;
}
}
@media(max-width: 580px) {
/*.gallery #storybanner3 #bannersection {
padding-top: 35%;
}*/
.gallery .image {
max-height: 40vh;
}
.gallery .image-fit {
height: 40vh;
}
}
@media(max-width: 580px) {
/*.gallery #storybanner3 #bannersection {
padding-top: 30%;
}*/
}
@media(max-width: 320px) {
.gallery #bannersection a {
font-size: 12px;
}
/*.gallery #storybanner3 #bannersection {
padding-top: 30%;
}*/
}
/************************************************************************************/
@media (max-width: 1200px) {
/*.abanner .banner-angle {
height: 560px
}*/
.abanner .banner-image {
height: 560px
}
.abanner header {
padding: 120px 0 40px 0;
max-width: 750px
}
}
@media (max-width: 992px) {
.aframe .content {
padding: 0px 45px 60px
}
}
@media (max-width: 768px) {
.aframe .content {
padding: 0px 15px 60px;
}
.abanner header {
padding: 5px 20px 30px
}
.abanner.no-abanner-mobile .banner-angle {
display: none;
}
.abanner .banner-image {
height: 260px;
}
.abanner.no-abanner-mobile header {
color: #333;
padding: 85px 15px 0px;
min-height: 0px;
}
.abanner.no-abanner-mobile header .maintitle {
text-shadow: none;
line-height: 1em;
margin: 20px 0;
color: #333
}
.abanner.no-abanner-mobile header .subtitle {
text-shadow: none;
line-height: 1.2em;
margin: 20px 0;
color: #333
}
.abanner.no-abanner-mobile a.article-link,
.abanner a.article-link:link {
color: #333
}
.abanner .maintitle {
line-height: 1.2em;
margin: 20px 0
}
.abanner .subtitle {
line-height: 1.2em;
margin: 20px 0;
}
.aframe .body p {
line-height: 1.5em
}
.aframe .body .ntext {
line-height: 1.5em
}
.aframe .external-link a {
padding-left: 20px;
padding-right: 20px
}
.aframe .body ul>li {
line-height: 1.5em
}
.aframe .body ol>li {
line-height: 1.5em
}
.aframe header.body a:not(.nlink),
.aframe header.body a:link:not(.nlink),
.aframe header.body a:visited:not(.nlink) {
color: #000
}
.aframe header.body a:hover:not(.nlink),
.aframe header.body a:focus:link:not(.nlink),
.aframe header.body a:active:visited:not(.nlink) {
color: #fff
}
}
.aframe .media-inline a,
.aframe .media-inline a:link {
color: initial !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.aframe a.popup {
text-decoration: initial !important;
border: initial !important
}
/************ end framework */
/* video icon */
.avideo-icon {
transition: all .25s ease-out;
}
.avideo-icon,
.adetail .mejs__overlay-button {
z-index: 1;
position: absolute;
background: url('play.svg') 0 0 no-repeat !important;
width: 155px !important;
height: 107px !important;
margin: auto auto auto auto;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
left: 0 !important;
}
.adetail .mejs__overlay:hover .mejs__overlay-button {
background: url('play.svg') 0 -107px no-repeat !important
}
.aframe .small-video-icon .avideo-icon {
transform: scale(.7)
}
@media (max-width: 992px) {
.avideo-icon,
.adetail .mejs__overlay .mejs__overlay-button {
transform: scale(.8)
}
.aframe .small-video-icon .avideo-icon {
transform: scale(.5)
}
}
@media (max-width: 767px) {
.avideo-icon,
.adetail .mejs__overlay .mejs__overlay-button {
transform: scale(.7)
}
.aframe .small-video-icon .avideo-icon {
transform: scale(.4)
}
}
@media (max-width: 550px) {
.avideo-icon,
.adetail .mejs__overlay .mejs__overlay-button {
transform: scale(.6)
}
.aframe .small-video-icon .avideo-icon {
transform: scale(.3)
}
}
/* drop down */
.aselect select {
cursor: pointer;
border: none;
background: transparent;
-webkit-appearance: none;
font-family: 'Oswald', sans-serif;
padding: 10px 55px 10px 15px;
width: 100%;
height: 100%
}
.aselect {
display: inline-block;
border: solid 1px rgb(115, 124, 128);
font-size: 20px;
height: 50px;
background-color: #fff;
border-radius: 4px;
position: relative;
font-weight: normal;
text-transform: uppercase;
}
.aselect:after {
position: absolute;
right: 20px;
top: 10px;
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: '\f078';
color: rgb(115, 124, 128);
font-size: 24px;
pointer-events: none;
background-color: transparent
}
.aselect.heavy {
border: solid 2px rgb(105, 105, 105);
color: rgb(105, 105, 105);
background-color: rgba(105, 105, 105, .2);
}
/* blue button */
.aframe a.big-link,
.aframe a.big-link:link,
.aframe a.big-link:visited,
.acs-blue-button,
.acs-blue-button:link,
.acs-blue-button:visited {
box-shadow: none;
border: 2px solid #355e93;
color: #355e93;
padding: 10px 55px;
background-color: rgba(53, 94, 141, .05);
font-weight: bold;
text-transform: uppercase;
border-radius: 4px;
transition: all 0.5s;
}
.aframe a.big-link:hover,
.acs-blue-button:hover {
background-color: #355e93;
color: #fff;
text-decoration: none
}
/*******************
DETAIL
*********************/
.adetail {
position: relative;
overflow: hidden;
top: -1.1px;
}
.adetail header .date {
line-height: 1.6em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: .85rem;
letter-spacing: 3px
}
.adetail header a {
color: #fff
}
.adetail header a:link {
color: #fff
}
.adetail header a:visited {
color: #fff
}
.adetail header a.article-link:hover {
background-color: #f8ba01;
color: #fff
}
.adetail .gallery {
padding-bottom: 30px
}
.adetail .gallery .image {
position: relative
}
.adetail .gallery .duration,
.adetail .media-inline .duration {
position: absolute;
right: 15px;
bottom: 15px;
font-size: 17px;
background-color: #333;
color: #fff;
border-radius: 4px;
z-index: 2;
padding: 3px 10px;
}
/* video */
.adetail .media-inline-video .image-wrapper {
/*overflow: hidden*/
}
.adetail .mejs__poster {
/*width:105% !important; height:105% !important; top:-5px; bottom:-5px;right:-10px; left:-10px */
background-size: cover
}
div#dnn_ContentPane2 a,
div#dnn_ContentPane2 a:visited,
div#dnn_ContentPane2 a:link,
div#dnn_ContentPane2 a.activeLink {}
div#dnn_ContentPane2 a:hover,
div#dnn_ContentPane2 a:focus,
div#dnn_ContentPane2 a:active {}
/*tags*/
.adetail .tags {
display: inline-block;
padding-top: 20px
}
.adetail .tags li {
display: inline;
}
.adetail .tags p {
font-weight: bold;
font-size: 20px;
padding-top: 10px;
}
.adetail .tags a,
.adetail .tags a:link {
display: inline-block;
color: #003b4f;
margin-right: 10px;
font-family: 'Oswald', sans-serif;
transition: all .2s ease-in;
font-size: .85rem;
padding-top: 10px;
text-transform: lowercase
}
.adetail .tags a:hover {
color: #003b4f;
text-decoration: none;
}
/*social*/
.adetail .social-top {
padding: 0 0 30px 0
}
.adetail .social-bottom {
padding: 20px 0 0 0
}
.adetail .social-inner {
justify-content: center;
}
/*related*/
.adetail .related p {
font-size: 20px;
font-weight: bold;
}
.adetail .related .item {
padding-bottom: 20px;
padding-right: 10px;
line-height: 1.2em;
flex: 0 0 30%;
}
.adetail .related .item .subtitle {
color: #717171;
font-weight: bold;
padding-right: 10px
}
/*gallery*/
.adetail .gallery .item img {
border: 1px solid #9E9E9E;
max-height: 1000px;
margin: 0 auto;
}
/*.adetail .mejs__controls {
display: none
}*/
/*override inline*/
/*.media-inline-popup .media-inline-img-container img { display: inline-block; text-align: center }
.media-inline-popup .title { color: #fff }
*/
.media-inline-popup {
display: flex;
margin: 30px;
}
.media-inline-popup .caption {
overflow-x: auto;
padding: 20px;
font-size: 17px;
color: #fff
}
.media-inline-popup .info {
display: flex;
flex-direction: column;
background-color: #262626;
margin-left: 20px;
width: 300px;
font-size: 15px
}
.media-inline-popup .title {
display: none
}
.media-inline-popup .bottom {
flex: 0 0 250px;
padding: 20px
}
.media-inline-popup .social {
border-top: 1px solid #ABABAB;
margin-top: 10px;
padding-top: 20px;
padding-bottom: 10px;
display: flex;
align-items: center
}
.media-inline-popup .social-inner {
font-size: 17px
}
.media-inline-popup .social span.subhead {
padding-right: 10px;
color: #adadad;
letter-spacing: 2px
}
.media-inline-popup .social .social-inner a.addthis_button_email {
margin-left: 5px
}
.media-inline-popup .social .social-inner a.addthis_button_facebook {
margin-right: 5px;
}
.media-inline-popup .social-link {
width: 35px;
height: 35px;
}
.media-inline-popup .action {
color: #adadad;
flex-direction: column;
padding: 0;
line-height: 1.5;
}
.media-inline-popup .action .icon {
padding-right: 10px
}
.media-inline-popup .action .action-item {
padding: 6px 0 0 0;
display: flex;
align-items: center;
}
.media-inline-popup .action a,
.media-inline-popup .action a:link,
.media-inline-popup .action a:visited,
.media-inline-popup .action a:hover {
color: #adadad;
}
.media-inline-popup .action a:hover {
color: #f4ba01;
text-decoration: none;
}
.media-inline-popup .action .detail-link {
display: none
}
.media-inline-popup .action .icon {
width: 20px;
height: 20px
}
.media-inline-popup .download-link .icon {
background-image: none !important;
}
.media-inline-popup .download-link .icon:after {
font-family: "Font Awesome 5 Free";
content: "\f019";
font-weight: bold
}
.media-inline-popup .photographer .icon {
background-image: none !important;
}
.media-inline-popup .photographer .icon:after {
font-family: "Font Awesome 5 Free";
content: "\f030";
font-weight: bold
}
.media-inline-popup .virin .icon {
background-image: none !important;
border: 1px solid #717171;
border-radius: 50%;
position: relative;
width: 22px;
height: 22px
}
.media-inline-popup .virin .icon:after {
font-family: "Font Awesome 5 Free";
content: "\f129";
position: absolute;
top: 0;
left: 8px;
font-weight: bold;
font-size: .85em;
}
.media-inline-popup.slideshow {
display: initial
}
.media-inline-popup.slideshow .caption {
max-height: initial;
overflow: auto;
color: #000;
}
.media-inline-popup.slideshow .media-inline-img-container img {
max-height: 500px;
height: auto
}
.media-inline-popup.slideshow .action {
flex-direction: row;
padding: 0
}
.media-inline-popup .action a,
.media-inline-popup .action a:link,
.media-inline-popup .action a:visited,
.media-inline-popup .action a:hover {
font-size: 15px
}
#cboxOverlay {
background: none;
background-color: rgb(0, 0, 0);
opacity: 1;
right: 35px
}
.inline-popup #cboxContent {
background: #000;
color: #fff;
/*overflow: auto !important*/
}
.inline-popup #cboxWrapper,
.inline-popup #cboxContent,
#colorbox.inline-popup {
overflow: visible;
-webkit-transform: none
}
.inline-popup #cboxClose {
top: 0px !important
}
.inline-popup #cboxLoadedContent {
margin-bottom: 0
}
.inline-popup #cboxOverlay {
width: 0 !important;
height: 0 !important
}
.inline-popup #cboxTopLeft,
.inline-popup #cboxTopCenter,
.inline-popup #cboxTopRight,
.inline-popup #cboxMiddleLeft,
.inline-popup #cboxMiddleRight,
.inline-popup #cboxBottomLeft,
.inline-popup #cboxBottomCenter,
.inline-popup #cboxBottomRight {
display: none !important;
width: 0 !important;
height: 0 !important
}
.inline-popup ::-webkit-scrollbar-thumb {
background: rgba(53, 94, 147, 1);
border-radius: 10px;
-webkit-border-radius: 10px;
}
.inline-popup ::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-border-radius: 10px;
}
.inline-popup ::-webkit-scrollbar {
width: 8px;
}
.inline-popup #cboxClose {
background-image: url(/desktopmodules/articlecs/images/media-close.svg) !important;
right: 20px;
width: 20px;
height: 20px;
}
.adetail .media-inline .overlay {
background-image: none !important;
width: 44px !important;
height: 44px !important;
opacity: 1;
background-color: rgba(0, 0, 0, .3);
bottom: 15px;
right: 15px;
border: #fff solid 1px;
color: #fff;
border-radius: 3px;
transition: background-color 0.2s ease-in-out;
line-height: 44px;
z-index: 3;
display: flex;
justify-content: center
}
.adetail .media-inline .overlay:after {
font-family: "Font Awesome 5 Free";
content: '\f31e';
font-size: 25px;
font-weight: bold
}
.adetail .media-inline:hover .overlay {
background-image: none !important;
background-color: #fff;
color: rgba(0, 0, 0, 1)
}
.adetail .media-inline .linkoverlay {
background-image: none !important;
width: 44px !important;
height: 44px !important;
opacity: 1;
background-color: rgba(0, 0, 0, .3);
bottom: 15px;
right: 15px;
border: #fff solid 1px;
color: #fff;
border-radius: 3px;
transition: background-color 0.2s ease-in-out;
line-height: 44px;
z-index: 3;
display: flex;
justify-content: center
}
.adetail .media-inline .linkoverlay:after {
font-family: "Font Awesome 5 Free";
content: '\f35d';
font-size: 25px;
font-weight: bold
}
.adetail .media-inline:hover .linkoverlay {
background-image: none !important;
background-color: #fff;
color: rgba(0, 0, 0, 1)
}
.adetail .media-inline .linkoverlay {
background-image: none !important;
width: 44px !important;
height: 44px !important;
opacity: 1;
background-color: rgba(0, 0, 0, .3);
bottom: 15px;
right: 15px;
border: #fff solid 1px;
color: #fff;
border-radius: 3px;
transition: background-color 0.2s ease-in-out;
line-height: 44px;
z-index: 3;
display: flex;
justify-content: center
}
.adetail .media-inline .linkoverlay:after {
font-family: "Font Awesome 5 Free";
content: '\f35d';
font-size: 25px;
font-weight: bold
}
.adetail .media-inline:hover .linkoverlay {
background-image: none !important;
background-color: #fff;
color: rgba(0, 0, 0, 1)
}
.adetail .media-inline .minfo {
padding-top: 5px;
border-bottom: none
}
.adetail .media-inline .mtitle,
.adetail .media-inline .caption {
color: #717171;
font-size: 15px;
line-height: inherit
}
.adetail .media-inline a:hover,
.adetail .media-inline a:link,
.adetail .media-inline a {
text-decoration: none !important;
border-bottom: none !important
}
.adetail .media-inline .image-wrapper {
display: block
}
.adetail .breakout {
margin: 0 calc((40vw - 370px)*-1);
}
.adetail .breakout,
.adetail .media-inline.breakout .image-wrapper {
margin: 0 -315px;
}
.adetail .media-inline.breakout {
margin: 0 auto 30px;
width: 100%
}
.adetail .media-inline.breakout .image-wrapper img {
width: 100%
}
.adetail .media-inline-xlarge img {
width: 100%
}
@media (min-width: 1750px) {}
@media (max-width: 1556px) {
.adetail .breakout,
.adetail .media-inline.breakout .image-wrapper {
margin: 0 calc((45vw - 385px)*-1);
}
}
@media (max-width: 1200px) {
.adetail header .date {
font-size: 1rem
}
.adetail .tags a,
.adetail .tags a:link {
font-size: 1rem
}
.media-inline-popup img {
height: auto !important
}
.media-inline-popup .media-inline-img-container {
min-height: 1px
}
/*ie11*/
.media-inline-popup {
flex-direction: column;
margin: 30px 30px 75px 30px;
}
.media-inline-popup .info {
background-color: #000;
margin-left: 0;
width: 100%;
}
.media-inline-popup .caption {
height: auto;
width: 100%;
/*background-color: #fff;*/
padding: 20px
}
.media-inline-popup .action {
font-size: 1rem
}
.inline-popup #cboxWrapper {
height: auto !important;
width: 100% !important
}
.inline-popup #cboxContent {
display: flex;
flex-direction: column;
width: 100% !important;
height: 100% !important
}
.inline-popup #cboxLoadedContent {
order: 2;
width: 100% !important;
height: 100% !important;
overflow: hidden !important
}
#colorbox.inline-popup {
position: fixed !important;
height: auto !important;
top: 15px !important;
bottom: 0;
left: 0 !important;
right: 0;
top: 0;
overflow-y: auto !important;
width: 100% !important
}
.inline-popup #cboxClose {
order: 1;
position: static;
margin-bottom: 15px;
margin-right: 30px;
align-self: flex-end
}
}
@media (max-width: 965px) {
.media-inline-popup .bottom {
flex: 0 0 200px
}
}
/* 650px content body starts to shrink */
@media (max-width: 855px) {
.adetail .breakout,
.adetail .media-inline.breakout .image-wrapper {
margin: 0;
}
}
@media (max-width: 768px) {
.adetail.aframe .content {
padding: 0
}
.adetail.aframe .content .inside {
padding: 0px 15px
}
.adetail header.body a {
color: #000
}
article.no-abanner-mobile header a.acategory-skew {
font-size: 1.1rem;
box-shadow: none
}
article.no-abanner-mobile header date {
font-size: 1.1rem
}
a.acategory-skew {
font-size: 1.1rem;
box-shadow: none
}
.adetail .tags a {
margin: 0 7px 10px 0;
font-size: 1.1rem
}
.adetail .breakout,
.adetail .media-inline.breakout .image-wrapper {
margin: 0 -15px;
width: calc(100% + 30px)
}
/* .adetail .media-inline-xlarge .image-wrapper, .adetail .media-inline .image-wrapper.breakout { margin: 0 0 0 -8%; width: 101vw }*/
.adetail .gallery {
padding-bottom: 0
}
.ast-link.breakout {
margin: 0;
max-width: 100%
}
.ast-split.breakout .body {
margin: 0 15px;
max-width: 100%
}
}
@media (max-width: 667px) {
.adetail .media-inline-xlarge .image-wrapper.video {
max-width: initial
}
.adetail .media-inline-xlarge .image-wrapper,
.adetail .media-inline .image-wrapper.breakout {
margin: 0 -15px 0 -15px;
max-width: 100vw
}
.ast-list .media-inline-xlarge .image-wrapper,
.adetail .media-inline .image-wrapper.breakout {
margin: 0 -45px 0 -45px;
max-width: 100vw
}
.ast-list.circle .media-inline-xlarge .image-wrapper,
.adetail .media-inline .image-wrapper.breakout {
margin: 0 -45px 0 -105px;
max-width: 100vw
}
}
/*quiz*/
.adetail.quiz .body {
text-align: center
}
.adetail header.during {
padding: 75px 0 25px 0;
display: none;
max-width: initial !important
}
.adetail header.during .maintitle {
color: #717171;
text-shadow: none;
font-size: 2rem;
margin-bottom: 10px;
padding: 0 15px
}
.adetail.aframe.quiz.during-state .content .inside {
padding: 0
}
.adetail.aframe.quiz .content .inside {
max-width: none
}
.adetail.during-state .body {
display: none
}
.adetail.during-state #omniquiz {
box-shadow: 0px 0px 2px 2px #9e9e9e
}
.adetail.during-state .banner-angle {
display: none
}
.adetail.during-state .banner-image {
display: none
}
.adetail.during-state header.start {
display: none
}
.adetail.during-state header.during {
display: flex !important
}
.adetail.during-state header.done {
display: none
}
.adetail.during-state .social-top {
display: none
}
.adetail.during-state .content {
padding: 0
}
.adetail.done-state header.start {
display: none
}
.adetail.done-state header.during {
display: none
}
.adetail.done-state header.done {
display: flex !important
}
.adetail.done-state header.done .maintitle.message {
font-family: 'Oswald', sans-serif;
font-size: 1.6rem;
margin-top: 0
}
/*quiz embed*/
.adetail .quiz-embed {
background: rgb(242, 245, 246);
background: radial-gradient(ellipse at center, rgba(242, 245, 246, 1) 0%, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
}
.adetail .quiz-embed .omniquizQuestionContainer {
padding: 0
}
/*******************
LISTING
*********************/
.alist {
position: relative;
}
.alist-inner {
display: block
}
.alist.stories {
padding: 0;
font-family: 'Oswald', sans-serif;
}
.alist.stories .item {
padding-bottom: 80px;
position: relative
}
.alist.experience.list .item .inner-list,
.alist .subhead {
display: block;
}
.alist.experience .item .inner-list,
.alist.experience.list .item .subhead {
display: none;
}
* {
font-family: 'oswaldlight', sans-serif;
}
.alist.experience.list .item.mosaic {
padding: 0px;
max-width: 50%;
flex: 1 0 46%;
margin: 5px;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25em;
opacity: 1;
color: #003B4F;
}
.aframe.also-like.list .poster a,
.aframe.also-like.list .poster a:visited,
.aframe.also-like.list .poster a:link {
color: #003B4F;
}
.alist.experience.list .item.mosaic:hover {
border: 1px solid #003B4F;
background-color: #fff;
cursor: pointer;
opacity: 1;
box-shadow: 0px 15px 30px -12px #333;
}
.alist.experience.list .item:hover h3 a {
color: #f8ba01;
}
.alist.experience.list .item .storydate {
font-family: OswaldLight, sans-serif;
font-weight: 400;
}
.alist.experience.list .item:hover h3 a,
.alist.experience.list .item:hover .storydate {
color: #f8ba01;
background-color: #fff;
}
.alist.experience.list .item.mosaic .title {
color: #003B4F;
font-weight: 600;
text-decoration: none;
}
.alist.experience.list .item.mosaic .title:hover {
color: #f8ba01;
}
.alist.experience.list .item .poster:after {
padding-top: 75%;
content: '';
}
.alist.experience.list .item .poster {
margin-left: 1%;
background-color: transparent;
}
.alist.experience.list .item .poster h3 {
display: none;
}
.alist.experience .item .poster h3 {
display: block;
}
.alist.experience.list .item .details h3 {
display: block;
padding: 0;
}
.alist.experience.list .item .image {
display: block;
background-size: cover;
margin-top: 1%;
width: 100%;
}
.alist.experience.list .item .taglist,
.alist.experience.list .item .details {
display: block;
}
.alist.experience.list .item .taglist ul {
list-style-type: none;
padding-left: 5%;
margin-top: 5%;
}
alist.experience.list .item .taglist ul li {
padding-top: 10px;
}
alist.experience.list .item .taglist a:before {
content: '\0020';
}
.alist.experience.list .item a {
text-decoration: none;
color: #003B4F;
}
.alist.experience .item .taglist,
.alist.experience .item .details {
display: none;
}
.alist.experience.list .item .inner-list {
margin-right: 1%;
position: relative;
}
.alist.experience.list .item .details {
margin-right: 1%;
text-decoration: none;
padding-left: 5%;
margin-bottom: 55px;
}
.alist.experience.list .item .details .list-info-text {
bottom: 5px;
right: 5px;
position: absolute;
}
.alist.experience.list .item .details .detaillinks li {
display: inline;
margin-right: 5%
}
.alist.experience.list .item .details .detaillinks li:before,
.alist.experience.list .item .details .storydate:before,
.alist.experience.list .item .taglist li:before,
.alist.experience.list .item .details .linkone a:before,
.alist.experience.list .item .details .linktwo a:before {
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
}
.alist.experience.list .item .details .detaillinks {
display: flex;
}
.alist.experience.list .item .details .linkone {
flex: 1;
}
.alist.experience.list .item .details .linktwo {
flex: 1;
}
.alist.experience.list .item .details .linkone a:hover {
color: #f8ba01;
}
.alist.experience.list .item .details .linktwo a:hover {
color: #f8ba01;
}
/*.alist.experience.list .item .details .linkone a:before {
content: "\f1ea";
}
.alist.experience.list .item .details .linktwo a:before {
content: "\f21a";
}*/
/*.alist.experience.list .item .details .storydate:before {
content: "\f073"
}*/
.alist.experience.list .item .taglist li {
font-weight: 600;
display: inline-block;
}
.alist.experience.list .item .taglist {
margin-right: 5%;
}
.alist.experience.list .item .taglist ul li a:hover {
color: #f8ba01;
}
.alist.experience.list .item .taglist ul li a i:hover {
color: #f8ba01;
}
.alist.experience.list .item .taglist li a:visited {
color: #003B4F;
}
.alist.experience.list .item .details .detaillinks ul {
padding-left: 0;
margin-bottom: 5%;
}
.alist.experience.list .item .details .detaillinks {
padding-left: 0;
margin-top: 5%;
margin-bottom: 3%;
}
.alist.experience.list .item .listsubhead a {
display: block;
margin-bottom: 10px;
font-size: .7rem;
width: 100%;
padding: 3px;
border-radius: 4px;
margin: 1.5% 5% 1% auto;
display: block;
background: #333;
color: #fff;
cursor: pointer;
text-align: center;
text-transform: capitalize;
font-weight: normal;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #6c757d;
background-color: #6c757d;
line-height: 2;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
min-width: 75px;
}
.alist.experience.list .item .listsubhead a:active {
color: #fff;
background-color: #545b62;
border-color: #4e555b;
}
.alist.experience.list .item .listsubhead a:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, .5);
}
.alist.experience.list .item .listsubhead a:after {
content: ">";
}
.alist.experience.list .item {
display: flex;
}
.alist.experience.list .item .inner-grid {
flex: 1;
margin-top: 1%;
margin-left: 1%;
margin-bottom: 1%;
}
.alist.experience.list .item .inner-list {
flex: 2;
border-left: 1px solid #eee;
margin-top: 1%;
margin-left: 1%;
margin-bottom: 1%;
}
.alist.experience.list .poster h3 {
text-shadow: none;
}
@media(max-width:1024px) {
.alist.experience.list .item {
max-width: 100%;
}
}
.alist.experience.list .item .overlay {
display: none
}
.alist.experience.list .item .info {
display: block;
position: relative;
padding: 0
}
/*category*/
.alist.stories .item a.category,
.alist.stories .item a.category:link {
margin-bottom: 10px;
margin-top: 5px;
color: #003b4f;
display: block
}
.alist.stories.breaking .item a.category span {
display: none
}
.alist.stories.breaking .item a.category {
pointer-events: none;
cursor: default;
text-decoration: none;
}
.alist.stories.breaking .item a.category:after {
color: #f8ba01;
content: 'BREAKING'
}
/*poster*/
/*.alist.stories .item.hover .poster div { transform: scale(1.1); }*/
.alist.stories .item .poster {
float: right;
overflow: hidden;
position: relative;
border-radius: 4px;
border: #adadad solid 1px;
display: inline-block;
-webkit-box-shadow: 0px 32px 23px -10px rgba(0, 0, 0, .2);
box-shadow: 0px 32px 23px -10px rgba(0, 0, 0, .2);
width: 60%
}
.alist.stories .item .poster div {
position: absolute;
top: -1px;
bottom: -1px;
right: 0;
left: 0;
width: 100%;
height: auto;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: all .25s ease-out;
}
.alist.stories .item a.title,
.alist.stories .item a.title:link {
font-size: 2rem;
line-height: 1.2em;
font-weight: bold;
color: #333;
margin-bottom: 10px
}
.alist.stories.breaking .item .poster {
right: 10%
}
/*.alist.stories .item.hover .poster .avideo-icon { transform: scale(1.1); }*/
@media (max-width: 992px) {
.alist.stories .item.hover .poster .avideo-icon {
transform: scale(.9);
}
}
@media (max-width: 767px) {
.alist.stories .item.hover .poster .avideo-icon {
transform: scale(.8);
}
}
@media (max-width: 550px) {
.alist.stories .item.hover .poster .avideo-icon {
transform: scale(.7);
}
}
/*info block*/
.alist.stories .item .info {
z-index: 3;
cursor: pointer;
position: absolute;
left: 14%;
background: rgba(255, 255, 255, 0.9);
width: 38%;
padding: 20px 30px 30px;
border-top: solid 8px #355D8E;
border-radius: 3px;
bottom: 110px;
-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
margin: 0 5px 0 5px
}
.alist.stories .item .info .bar {
display: flex;
justify-content: flex-start;
padding-top: 30px;
color: #717171;
align-items: center;
}
.alist.stories.breaking .item .info {
border-color: #F8BA01;
}
/*play button*/
.alist.stories .item .info a.play {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: -33px;
bottom: 30px;
width: 66px;
height: 66px;
border-radius: 50%;
background-color: #003b4f;
color: #fff;
font-size: 1.6rem;
padding: 2px 0 0 4px
}
.alist.stories .item .info a.play:hover {
text-decoration: none;
}
.alist.stories .item .info a.play span:after {
font-family: 'Font Awesome\ 5 Free';
content: '\f054';
}
.alist.stories.breaking .item .info a.play {
background-color: #f8ba01;
}
/*date*/
.alist.stories .item time {
order: 3;
padding-left: 36px;
font-size: .85rem;
padding: 0 2rem
}
/*info - social icons*/
.alist.stories .item .info .social {
order: 2
}
/*1st item*/
.alist.stories .item:nth-child(even) .info {
right: 14%;
left: inherit
}
.alist.stories .item:nth-child(even) .poster {
float: left
}
.alist.stories .item:nth-child(even) .info a.play {
left: -33px;
padding: 2px 4px 0 0
}
.alist.stories .item:nth-child(even) .info a.play span:after {
content: '\f053';
}
.alist.stories .item:nth-child(even) .info time {
order: 1
}
.alist.stories .item:nth-child(even) .info .bar {
justify-content: flex-end
}
.alist.stories.breaking .item:nth-child(even) .poster {
left: 10%
}
/*pager*/
.alist .pager {
position: relative;
z-index: 10
}
.alist .apager {
display: flex;
flex-direction: row;
justify-content: center;
}
.alist .apager div {
width: 55px;
height: 55px;
text-align: center;
line-height: 53px;
font-size: 30px;
font-weight: bold
}
.alist .apager a,
.alist .pager a:link {
color: #696969
}
.alist .apager .active {
border-radius: 50%;
background-color: #003b4f
}
.alist .apager .active a,
.alist.stories .pager .active a:link,
.alist.stories .pager .active a:hover {
color: #fff
}
.alist .apager .disabled,
.alist.stories .apager .disabled a {
color: rgba(105, 105, 105, 0.25)
}
.alist .apager .nextprev {
font-size: 40px;
font-weight: normal
}
.alist.no-items {
display: block;
font-size: 1.2rem
}
@media (max-width: 1200px) {
.alist.stories .item .info {
width: 46%;
left: 8%
}
.alist.stories .item:nth-child(even) .info {
right: 8%
}
.aframe.also-like .poster h3 {
font-size: 1.5rem;
line-height: 2.2rem;
}
}
@media (max-width: 992px) {
.alist.stories .item {
padding-bottom: 0
}
.alist.stories .item a.category {
margin-bottom: 10px;
font-size: 1.2rem
}
.alist.stories .item .title {
font-size: 30px;
line-height: 35px
}
.alist.stories .item .info {
position: relative;
width: 90%;
bottom: 80px;
margin: 0 5px 0 5px;
padding: 20px 24px 20px 24px;
margin: 0 auto;
left: 0
}
.alist.stories .item .info a.play {
top: -35px;
right: 30px;
bottom: initial;
width: 60px;
height: 60px;
font-size: 1.6rem;
}
.alist.stories .item .info a.play span {
padding: 2px 0 0
}
.alist.stories .item .info .bar {
justify-content: space-between;
padding-top: 20px
}
.alist.stories .item .info time {
order: 3;
font-size: 1rem;
padding-right: 0;
}
.alist.stories .item .poster {
text-align: center;
}
.alist.stories .item .poster {
width: 100%;
float: none;
}
.alist.stories.breaking .item .poster {
right: 0
}
.alist.stories.breaking .item:nth-child(even) .poster {
left: 0
}
.alist.stories .item:nth-child(even) .poster {
float: none;
width: 100%
}
.alist.stories .item:nth-child(even) .info {
right: initial
}
.alist.stories .item:nth-child(even) .info .social {
float: none;
order: 0
}
.alist.stories .item:nth-child(even) .info a.play {
left: inherit;
}
.alist.stories .item:nth-child(even) .info a.play span {
padding: 2px 0 0 4px
}
.alist.stories .item:nth-child(even) .info a.play span:after {
content: '\f054';
}
.alist.stories .item:nth-child(even) .info .bar {
justify-content: space-between
}
.aframe.also-like .poster h3 {
font-size: 1.2rem;
line-height: 2.1rem;
}
}
@media (max-width: 767px) {
.alist.stories .item a.category {
font-size: 1.4rem
}
.alist.stories .item .info time {
font-size: 1.2rem
}
.alist.stories .item .info a.play {
font-size: 1.8rem
}
.aframe.also-like .item.mobile {
margin-top: 0;
margin-bottom: 0;
flex: 0 0 49.1%;
}
.aframe.also-like .item.mobile:nth-child(odd) .inner {
padding: 0;
}
.aframe.also-like .item.mobile:nth-child(even) .inner {
padding: 0;
}
}
@media (max-width: 550px) {
.alist.stories .item .info a.play {
width: 50px;
height: 50px;
top: -30px
}
.alist.stories .item .info a.play {
font-size: 1.6rem
}
}
@media all and (max-width: 420px) {
.aframe.also-like .item.mobile .poster .subhead {
display: none;
}
.aframe.also-like .item.mobile .poster h3 {
top: auto;
bottom: 0;
padding: 0;
margin: auto;
width: 97.0%;
font-size: 1.2rem;
text-align: center;
text-shadow: 1px 1px 5px #000;
}
.aframe.also-like .item.mobile .poster h4 {
display: block;
}
.aframe.also-like .item.mobile .poster .overlay.overlay-info {
display: none;
}
.aframe.also-like .item.mobile .poster.noimage:after {
content: '';
padding: 18%;
}
.aframe.also-like .item.mobile .poster.noimage h4 span {
padding: 0 10px;
border-bottom: 2px solid #fff;
}
.aframe.also-like .item.mosaic {
max-width: 100%;
flex: 1 0 100%;
}
}
@media (max-width: 320px) {
.adash.suggest .poster {
width: 40%;
height: 10%;
}
}
/* list view */
.alist.stories.list {}
.alist.stories.list .item {
padding-bottom: 30px
}
.alist.stories.list .item .poster {
display: none;
}
.alist.stories.list .item .info a.play {
display: none
}
.alist.stories.list .item .info {
position: relative;
width: 99%;
bottom: 0;
left: inherit;
right: inherit
}
.alist.stories.list .item .info .bar {
justify-content: flex-start;
}
.alist.stories.list .item .info time {
order: 3;
padding-left: 50px
}
.alist.stories.list .item .info:hover {
transform: none
}
/* search view */
.alist.stories.list.search .item {
display: flex
}
.alist.stories.list.search .item .poster-outer {
display: inline-block;
flex: 0 0 30%;
width: 100%;
}
.alist.stories.list.search .item .poster {
float: none;
display: inline-block;
box-shadow: none;
width: 100%
}
.alist.stories.list.search .item .poster:hover {}
.alist.stories.list.search .item .info {
flex: 0 0 70%;
border: none;
box-shadow: none;
margin: 0;
padding: 0 0 0 30px;
cursor: auto
}
/*.alist.stories.list.search .item .poster:hover div { transform: scale(1.1); }*/
.alist.stories.list.search .item .category {
line-height: 1.2em;
margin-top: 0
}
.alist.stories.list.search .item .info .bar {
padding-top: 20px
}
.alist.stories.list.search .item .info time {
padding-left: 30px
}
.alist.stories.list.search .item .avideo-icon {
transform: scale(.7)
}
.alist.stories.list.search header .maintitle {
font-family: 'Oswald', sans-serif;
margin: 0
}
.alist.stories.list.search header .subtitle {
font-family: 'Oswald', sans-serif;
margin: 0
}
.alist.stories.list.search .pager {
margin: 4rem 0 1rem 0
}
.alist.stories.list.search .content {
min-height: 500px
}
@media (max-width: 1400px) {}
@media (max-width: 1200px) {
.alist.stories.list.search .item .avideo-icon {
transform: scale(.5)
}
.alist.stories.list.search .item .poster:hover .avideo-icon {
transform: scale(.6)
}
}
@media (max-width: 992px) {}
@media (max-width: 767px) {
.alist.stories.list.search .item {
display: block
}
.alist.stories.list.search .item .avideo-icon {
transform: scale(.8)
}
.alist.stories.list.search .item .poster {
display: block;
flex: none
}
.alist.stories.list.search .item .info {
flex: none;
padding: 0 0 20px
}
.alist.stories.list.search .item .info .bar {
padding-top: 15px
}
.alist.stories.list.search .item .poster:hover .avideo-icon {
transform: scale(.9)
}
}
/*subtitle*/
.alist .subtitle span {
font-size: 24px;
color: rgb(195, 55, 56)
}
/* quiz listing */
.alist.quiz {}
.alist.quiz .alist-inner {
display: flex;
flex-wrap: wrap;
margin: 30px -15px;
}
.alist.quiz .item {
width: 33.33%;
padding: 0 15px 60px;
}
.alist.quiz .quiz-image {
padding-top: 81.25%;
background-size: cover;
background-position: center center;
}
.alist.quiz .info {
background: #fff;
padding: 25px 25px 70px;
position: relative;
width: 85%;
margin: -100px auto 0;
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
min-height: 140px;
}
.alist.quiz .info:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
height: 10px;
top: -10px;
background-size: 100% 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 10 10'%3E%3Cpolygon fill='white' points='10,10 10,0 0,10' opacity='1'%3E%3C/polygon%3E%3C/svg%3E");
}
.alist.quiz .info .title {
font-size: 1.4rem;
font-weight: bold;
display: block;
}
.alist.quiz .info .category {
transform: skewX(-15deg);
color: #fff;
background: #355E92;
position: absolute;
top: -30px;
right: 20px;
text-transform: uppercase;
padding: 8px 25px;
font-weight: bold;
letter-spacing: 2px;
}
.alist.quiz .info .category span {
transform: skewX(15deg);
display: block
}
.alist.quiz .info .quiz-question-count {
position: absolute;
bottom: 25px;
left: 25px;
}
@media (max-width: 1400px) {
.alist.quiz .item {
width: 50%;
}
}
@media (max-width: 1024px) {
.alist.quiz .item {
width: 100%;
}
.alist.quiz .info .title {
font-size: 2rem;
}
.alist.quiz .info {
min-height: 0 !important;
}
}
@media (max-width: 776px) {
.alist.quiz .info .quiz-question-count {
font-size: 1.2rem;
}
.alist.quiz .info .category {
font-size: 1.2rem;
}
}
.alist.quiz.list .alist-inner {
display: block;
margin: 60px 0 0;
}
.alist.quiz.list .item {
width: 100%;
padding: 0;
}
.alist.quiz.list .quiz-image {
display: none;
}
.alist.quiz.list .info:before {
display: none;
}
.alist.quiz.list .info {
margin: 0 0 70px;
padding: 40px 30px 30px;
width: auto;
border-top: solid 8px #355D8E;
border-radius: 3px;
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
}
.alist.quiz.list .info .title {
font-size: 2rem;
margin: 0 0 10px;
}
.alist.quiz.list .info .category {
right: auto;
left: 40px;
top: -30px;
}
.alist.quiz.list .info .quiz-question-count {
position: static;
display: block;
font-size: 1.2rem;
}
@media (max-width: 450px) {
.alist.quiz .info {
margin: -50px auto 0;
width: 90%;
}
.alist.quiz .info .title {
font-size: 1.6rem;
}
}
/******************* filter *********************/
.afilter {
position: relative;
width: 1140px;
margin: 0 auto;
}
.afilter input,
.afilter select {
background: #fff;
border: solid 1px rgb(0, 59, 79);
padding: 10px 20px;
height: 50px !important;
font-size: 1rem !important;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
color: #003b4f;
}
.afilter select {
cursor: pointer;
-webkit-appearance: none;
}
.afilter input::-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #696969;
}
.afilter input::-ms-input-placeholder {
/* Microsoft Edge */
color: #696969;
}
.afilter input::placeholder {
/* Most modern browsers support this now. */
color: #696969;
}
.afilter .RadInput_Default .riEmpty {
color: #696969;
font-weight: normal
}
.afilter select option {
margin-bottom: 13px;
margin-left: 200px
}
.afilter .bbb {
/*border: solid 1px rgb(0,59,79);*/
background-color: #fff;
border-radius: 4px;
position: relative;
width: 100%;
font-weight: normal
}
.afilter .bbb:after {
position: absolute;
right: 20px;
top: 10px;
font-family: 'Font Awesome\ 5 Free';
font-weight: bold;
content: '\f078';
color: rgb(0, 59, 79);
font-size: 24px;
pointer-events: none;
background-color: #fff
}
/*.afilter .search {
float: right;
}*/
.afilter .search input {
background-color: #fff;
border: 2px solid #003b4f;
color: #003b4f;
padding: 10px 55px;
background-color: rgba(53, 94, 141, .05);
font-weight: bold;
margin: 15px;
}
.afilter .search input:hover {
transition: all 0.5s;
background-color: #003b4f;
color: #fff
}
.afilter .RadPicker table.rcTable {
border: solid 1px rgb(115, 124, 128);
border-radius: 4px;
display: inline-block;
background-color: #fff
}
.afilter .riSingle .riTextBox[type="text"] {
margin-left: 2px;
border: none;
font-style: normal;
font-family: 'Oswald', sans-serif;
padding: 10px 20px;
font-size: 1rem !important
}
.afilter .RadPicker_Default a.rcCalPopup {
background-image: none;
text-indent: 0;
width: 50px;
height: 40px;
font-size: 0;
margin: 0
}
.afilter .RadPicker_Default a.rcCalPopup::after {
font-family: "Font Awesome 5 Free";
content: '\f073';
color: #717171;
font-size: 28px;
position: absolute;
top: 4px;
right: 10px;
width: 40px;
height: 40px;
visibility: visible
}
.afilter .RadPicker_Default {
width: 50% !important;
float: left
}
.afilter .RadPicker_Default:first-child {
padding-right: 15px
}
.afilter .RadPicker_Default:last-child {
padding-left: 15px
}
.RadCalendarPopupShadows>.rcShadTR,
.RadCalendarPopupShadows>.rcShadBL,
.RadCalendarPopupShadows>.rcShadBR {
display: none
}
.RadCalendar .rcRow td,
.RadCalendar .rcWeek th {
text-align: center !important;
font-size: 1.2rem !important
}
.afilter .top-bar {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 11px 11px 15px;
}
.afilter .top-bar .toggle {
border: solid 2px #003b4f;
padding: 10px 55px 10px 55px;
font-size: 20px;
height: 50px;
border-radius: 4px;
color: #003b4f;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
background-color: rgba(0, 59, 79, .05);
font-weight: bold;
display: flex;
align-items: center;
}
.afilter .top-bar .toggle span {
padding-left: 5px
}
.afilter .top-bar a.toggle:link {
color: rgb(0, 59, 79);
text-decoration: none
}
.afilter .top-bar a.toggle:hover {
color: rgba(0, 59, 79, 1);
background-color: rgba(0, 59, 79, .2);
transition: all 0.5s;
text-decoration: none
}
.afilter .top-bar a.toggle.showit span:before {
font-family: 'Font Awesome\ 5 Free';
content: '\f077'
}
.afilter .sel-card,
.afilter .sel-list {
color: #717171
}
.afilter a.select-view:link {
text-decoration: none
}
ul.tagit {
border-color: #003b4f;
border-radius: 4px;
}
ul.tagit li.tagit-choice {
background-color: rgba(0, 59, 79, .3);
border-color: rgba(0, 59, 59, 1);
}
ul.tagit li.tagit-choice:hover {
color: #fff;
background-color: rgba(0, 59, 79, .8);
border-color: rgba(0, 59, 59, 1);
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
color: rgba(0, 59, 59, 1);
}
ul.tagit li.tagit-choice .tagit-label:hover {
color: #fff;
}
afilter select:after {
font-family: 'Font Awesome\ 5 Free';
font-weight: bold;
content: '\f011';
}
.afilter select:hover,
ul.tagit:hover {
border-color: #f8ba01;
}
.afilter input:hover:not([type='submit']) {
border-color: #f8ba01;
}
.afilter .select-view {
border-color: transparent;
color: #003b4f;
border-radius: 4px;
display: inline-block;
width: 50px;
height: 50px;
margin-left: 15px;
display: flex;
justify-content: center;
align-items: center
}
.afilter .select-view span {
color: #003b4f;
font-size: 1.6rem;
padding-top: 2px
}
.afilter .select-view.selected {
background-color: #f8ba01;
}
.afilter .select-view.selected span {
color: #fff
}
.afilter .select-view.selected:hover {
text-decoration: none;
background-color: #f8ba01;
transition: none
}
.afilter .select-view:hover {
text-decoration: none;
transition: all 0.5s;
background-color: rgba(105, 105, 105, .2)
}
.afilter .view-selector {
display: flex;
}
.afilter .filter-item {
padding-bottom: 20px
}
.afilter .items {
display: inline-block;
overflow: hidden;
width: 100%;
padding: 11px;
}
.afilter .items.showit {
width: 100%;
}
.btn-primary:hover {
background-color: #003b4f;
border-color: #003b4f;
}
@media (max-width: 992px) {
.afilter .top-bar .toggle {
padding: 10px 25px;
}
.afilter .RadPicker_Default {
width: 100% !important
}
.afilter .RadPicker_Default:first-child {
padding-right: 0px;
padding-bottom: 20px
}
.afilter .RadPicker_Default:last-child {
padding-left: 0px;
}
.afilter input {
font-size: 1.2rem !important
}
.afilter select {
font-size: 1.2rem !important
}
.afilter .riSingle .riTextBox[type="text"] {
font-size: 1.2rem !important
}
}
@media (max-width: 767px) {
.afilter .RadPicker_Default:first-child {
padding-bottom: 15px
}
.afilter .filter-item {
padding-bottom: 15px
}
.afilter .search input {
font-size: 1.4em !important;
margin-top: 15px
}
.afilter .sel-card {
margin-left: 0;
}
}
/*********** smart tokens **************/
.ast-notes .ntext {
color: #333
}
.ast-list .item .title {
font-family: 'Oswald', sans-serif;
font-weight: 600 !important
}
.aframe .ast-list ul {
margin: 0;
}
.ast-glance {
font-family: 'Oswald', sans-serif;
color: #717171
}
/*********** filter ****************/
.alist .subtitle {
display: flex;
align-items: center
}
.subtitle .filter-markers {
display: flex;
align-items: center
}
.subtitle .filter {
background-color: transparent;
color: #808080;
padding-top: 0px;
padding-bottom: 0px
}
.subtitle .filter-clear {
padding-top: 0px
}
.subtitle .filter-title {
font-size: 1.2rem;
padding-top: 0;
padding-bottom: 0
}
@media (max-width: 992px) {
.subtitle .filter,
.subtitle .filter-title {
font-size: 1.2rem
}
.subtitle .filter-clear {
padding-top: 4px
}
}
/************
DASHBOARDS
*************/
/* general */
.alist.adash h2 {
color: #000
}
/*.adash .pull-title { font-size: 3em;margin: 0 0 3em }*/
/* suggest */
.adash.suggest {
padding: 3em 0
}
.adash.suggest h2 {
display: block;
color: #000;
font-size: 2rem;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
text-align: center;
margin-bottom: 3rem;
padding: 0 20px;
line-height: 1.2em;
}
.adash.suggest .items {
display: flex;
flex-wrap: wrap;
font-family: Oswald, Arial;
justify-content: center;
z-index: 9;
}
.adash.suggest .item {
padding: 0 0 2em 1em;
flex: 0 0 30%;
}
.adash.suggest .poster-outer {
flex: 0 0 40%
}
.adash.suggest .info {
flex: 0 0 60%;
padding-left: 0px;
padding-right: 10px;
text-transform: uppercase;
}
/*.adash.suggest .item:nth-child(even) { padding-left: 2rem }
.adash.suggest .item:nth-child(odd) { padding-right: 2rem }*/
.adash.suggest .poster a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9;
}
.adash.suggest .poster {
cursor: pointer;
overflow: hidden;
position: relative;
display: inline-block;
width: 100%;
background-color: #000;
border: 1px solid #adadad
}
.adash.suggest .poster:after {
padding-top: 80%;
/* 5:4 ratio */
display: block;
content: '';
}
.adash.suggest .poster .image {
position: absolute;
top: -1px;
bottom: -1px;
right: 0;
left: 0;
width: 100%;
height: auto;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: all .25s ease-out;
}
.adash.suggest .poster .image p.alt {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
top: auto;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
/*.adash.suggest .poster:hover .image { transform: scale(1.1); }*/
.adash.suggest .poster:hover a.title {
text-decoration: underline;
color: #fff
}
.adash.suggest a.title,
.adash.suggest a.title:link {
color: #000;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.3em;
font-family: 'Oswald', sans-serif;
margin: 0
}
.adash.suggest a.category,
.adash.suggest a.category:link {
display: block;
margin-bottom: 5px;
font-size: .6rem;
color: #003b4f;
text-transform: uppercase;
letter-spacing: 1px;
}
.adash.suggest .avideo-icon {
transform: scale(.7)
}
.adash.suggest .poster:hover .avideo-icon {
transform: scale(.8)
}
.adash .footer a {
padding: 6px 0px;
color: #084476;
display: inline-block;
font-weight: normal;
}
@media (max-width: 1400px) {
.adash.suggest .avideo-icon {
transform: scale(.5)
}
.adash.suggest .poster:hover .avideo-icon {
transform: scale(.6)
}
}
@media(max-width: 1280px) {
.aframe.also-like .item-long.mosaic .poster:after {
padding-top: 37.7%;
display: block;
content: '';
}
}
@media (max-width: 1200px) {
.adash.suggest a.category,
.adash.suggest a.category:link {
margin-bottom: 5px
}
.adash.suggest .item {
padding: 0 0 2rem 1em;
}
.adash.suggest .info {
padding: 0 20px
}
/* .adash.suggest .item:nth-child(even) { padding-left: 1rem }
.adash.suggest .item:nth-child(odd) { padding-right: 1rem }*/
}
@media (max-width: 992px) {
/*.adash.suggest .item {
flex: 0 0 95%
}*/
.adash.suggest .item {
flex: 0 0 45%;
}
.adash.suggest a.title,
.adash.suggest a.title:link {
font-size: 1.2rem
}
.adash.suggest a.category,
.adash.suggest a.category:link {
font-size: 1rem
}
.adash.suggest .avideo-icon {
transform: scale(.4)
}
.adash.suggest .poster:hover .avideo-icon {
transform: scale(.5)
}
}
@media (max-width: 767px) {
.adash.suggest .item {
flex: 0 0 49.4%
}
.adash.suggest .poster-outer {
flex: 0 0 40%
}
.adash.suggest .info {
flex: 0 0 65%
}
.adash.suggest a.title,
.adash.suggest a.title:link {
font-size: 1.1rem
}
.adash.suggest a.category,
.adash.suggest a.category:link {
font-size: 20px;
margin-bottom: 5px;
font-size: 17px
}
.adash.suggest .item:nth-child(even) {
padding: 0 15px 30px
}
.adash.suggest .item:nth-child(odd) {
padding: 0 15px 30px
}
.adash.suggest .avideo-icon {
transform: scale(.6)
}
.adash.suggest .poster:hover .avideo-icon {
transform: scale(.7)
}
.alist.experience.list .item.mosaic .image {
width: 95%;
}
}
@media (max-width: 600px) {
.adash.suggest .item {
display: flex;
flex-direction: column;
flex: 0 0 100%;
border-bottom: 2px solid #003b4f
}
.adash.suggest .item:hover {
box-shadow: 1px 1px 5px #000;
}
.adash.suggest .poster {
flex: none
}
.adash.suggest .info {
flex: none;
padding-left: 0;
padding-top: 5px;
color: #003b4f;
padding-left: 0px;
}
.adash.suggest .info a {
color: #003b4f;
font-size: 1.0rem;
line-height: 1.1rem;
max-height: 6.1rem;
font-stretch: condensed;
font-family: 'Oswald', sans-serif;
}
.adash.suggest .item:hover .info a {
color: #f8ba01;
text-shadow: text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.adash.suggest a.category,
.adash.suggest a.category:link {
font-size: 20px;
margin-bottom: 5px;
font-size: .6rem;
padding-top: 5px
}
}
@media (max-width: 550px) {
.alist.experience.list .item {
padding-right: 15px;
}
.alist.experience.list .item .taglist {
display: none;
}
.alist.experience.list .item .detailsinfo {
display: none;
}
.alist.experience.list .item .list-info-text .listsubhead {
display: none;
}
.alist.experience.list .item .details .detaillinks {
display: none;
}
.alist.experience.list .item.mosaic .image {
width: 100%;
}
}
/* also like */
.aframe.also-like {}
.adash.suggest .info-text .title .mobileDate {
display: none;
}
.aframe.also-like h2 {
color: #fff;
display: block;
}
.aframe.also-like .items {
display: flex;
flex-wrap: wrap;
height: auto;
font-family: 'Oswald', sans-serif;
width: 100%;
justify-content: center;
margin-top: 31px;
}
.aframe.also-like .list .items {
display: block;
}
.aframe.also-like .item {
max-width: 49%;
padding: 0;
flex: 1 0 49%;
margin: 0 5px;
}
.aframe.also-like .item.mosaic {
max-width: 33%;
padding: 0;
flex: 1 0 25%;
margin: 2px;
}
.aframe.also-like .item-long.mosaic {
max-width: 100%;
padding: 0;
flex: 1 0 58%;
margin: 2px;
overflow: hidden;
}
.aframe.also-like .item-long.mosaic {
flex: 1 0 58.3%;
}
.aframe.also-like .item:hover {
opacity: 0.7;
}
/*.aframe.also-like .item:nth-child(even) .inner { padding-left: 4% }
.aframe.also-like .item:nth-child(odd) .inner { padding-right: 4% }*/
.aframe.also-like .poster h3 {
position: absolute;
top: 0;
padding: 1.5rem;
z-index: 4;
text-shadow: 1px 1px 5px #000;
}
.aframe.also-like .poster h4 {
display: none;
position: absolute;
top: 0;
z-index: 4;
color: #fff;
width: 100%;
text-align: center;
font-size: 1.4rem;
text-shadow: 1px 1px 5px #000;
}
.aframe.also-like .info {
position: absolute;
bottom: 0;
padding: 1.5rem;
z-index: 4;
}
.aframe.also-like .overlay {
z-index: 2;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -1px;
width: 1920px;
}
.aframe.also-like .overlay.overlay-image {
background-color: rgba(0, 0, 0, .15)
}
.aframe.also-like .overlay.overlay-info {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 44%, rgba(0, 0, 0, 0.65) 100%);
z-index: 5
}
.aframe.also-like .info-text {
z-index: 5;
position: relative;
}
.aframe.also-like .item-long.mosaic .poster {
cursor: pointer;
overflow: hidden;
position: relative;
display: inline-block;
width: 100%;
}
.aframe.also-like .poster {
cursor: pointer;
overflow: hidden;
position: relative;
display: inline-block;
width: 100%;
background-color: #000
}
.aframe.also-like .poster>a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.aframe.also-like .poster a,
.aframe.also-like .poster a:visited,
.aframe.also-like .poster a:link {
z-index: 7;
color: #fff
}
.aframe.also-like .poster:after {
padding-top: 38%;
/* 16x9 ratio */
display: block;
content: '';
}
.aframe.also-like .item-long.mosaic .poster:after {
padding-top: 39.7%;
display: block;
content: '';
}
.alist.experience.list .item-long.mosaic .poster:after {
padding-top: 80%;
display: block;
content: '';
}
aframe.also-like .list .item.mosaic .poster:after {
padding-top: 80%;
display: block;
content: '';
}
.aframe.also-like .poster .image {
position: absolute;
top: -1px;
bottom: -1px;
right: 0;
left: 0;
width: 100%;
height: auto;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: all .25s ease-out;
}
.aframe.also-like .poster .image p.alt {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
top: auto;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
/*.aframe.also-like .poster:hover .image { transform: scale(1.1); }*/
.aframe.also-like .poster:hover a.title {
text-decoration: none;
color: #fff
}
.aframe.also-like .subhead {
display: block;
margin-bottom: 5px;
font-size: 1.2rem;
color: #e2973b;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
text-transform: uppercase;
font-weight: bold;
letter-spacing: 3px
}
.aframe.also-like h3.ellipsis:before {
content: "...";
position: absolute;
bottom: 0;
right: 0;
color: #fff
}
.aframe.also-like h3 {
font-size: 2.2rem;
line-height: 2.7rem;
font-family: 'Oswald', sans-serif;
color: #fff;
margin: 0;
}
.aframe.also-like .pull-title {
text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.aframe .item.mobile .poster h4 {
display: none;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
@media (max-width: 1400px) {
.alist.experience.list .item .listsubhead a {
width: 30%;
}
}
@media (max-width: 1200px) {
.alist.experience.list .item .listsubhead a {
width: 35%;
}
}
@media (max-width: 1024px) {
.aframe.also-like .item.mobile {
flex: 0 0 49.0%;
margin: 0px 2px;
}
.alist.experience.list .item .listsubhead a {
width: 45%;
}
.aframe.also-like .item-long.mosaic {
flex: 0 0 66.1%;
margin: 2px;
}
.aframe.also-like .item:nth-child(even) .inner {
padding: 0;
}
.aframe.also-like .item:nth-child(odd) .inner {
padding: 0;
}
}
@media (max-width: 992px) {
.aframe.also-like h3 {
font-size: 1.5rem;
line-height: 2.1rem;
}
}
@media (max-width:782px) {
.aframe.also-like .item-long.mosaic {
flex: 0 0 66%;
margin: 2px;
}
}
@media (max-width: 767px) {
.aframe.also-like .info {
padding: 1.2rem
}
.aframe.also-like h3 {
font-size: 2rem;
line-height: 2.5rem;
max-height: 7.5rem
}
.aframe.also-like.list h3 {
font-size: 1.2rem;
line-height: 1.5rem;
max-height: 7.5rem
}
.alist.experience.list .item .listsubhead a {
font-size: .6rem;
}
.aframe.also-like .item {
flex: 0 0 100%;
max-width: 100%;
}
.aframe.also-like .items {
margin: 0 auto;
}
.aframe.also-like .item-long.mosaic {
flex: 1 0 58%;
margin: 2px
}
.aframe.also-like .item-long.mosaic .poster:after {
padding-top: 40%;
display: block;
content: '';
}
.alist.experience.list .item.mosaic {
flex: 0 0 98%;
max-width: 100%;
flex-direction: row-reverse;
border: none;
border-bottom: 2px solid #003b4f;
border-radius: 0px;
}
.alist.experience.list .item.mosaic:hover {
border: none;
border-bottom: 2px solid #003b4f;
border-radius: 0px;
box-shadow: 0px 15px 30px -12px #333;
}
.alist.experience.list .item.mosaic .listsubhead {
display: none;
}
.alist.experience.list .item.mosaic .detailsinfo {
margin-bottom: 11px;
}
}
@media (max-width: 600px) {
.adash.suggest .info-text .title .mobileDate {
display: block;
}
.adash.suggest .poster-outer {
flex: 0 0 100%;
display: inline-flex;
flex-direction: row-reverse;
padding-top: 11px;
}
.adash.suggest .poster {
width: 35%;
}
.adash.suggest .info {
width: 65%;
}
.adash.suggest .item:nth-child(odd) {
padding: 0 15px 11px;
}
.adash.suggest .item:nth-child(even) {
padding: 0 15px 11px;
}
}
@media(max-width:576px) {
.aframe.also-like .item {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.aframe.also-like .item:nth-child(4):not(.mosaic) .poster,
.aframe.also-like .item:nth-child(5):not(.mosaic) .poster,
.aframe.also-like .item:nth-child(6):not(.mosaic) .poster {
background-color: #333;
}
.aframe.also-like .item:nth-child(4):not(.mosaic) .poster .image,
.aframe.also-like .item:nth-child(5):not(.mosaic) .poster .image,
.aframe.also-like .item:nth-child(6):not(.mosaic) .poster .image {
display: none;
}
.aframe.also-like .item:nth-child(4):not(.mosaic) .poster:after,
.aframe.also-like .item:nth-child(5):not(.mosaic) .poster:after,
.aframe.also-like .item:nth-child(6):not(.mosaic) .poster:after {
padding-top: 55%;
display: block;
content: '';
}
.aframe.also-like .item:nth-child(4):not(.mosaic) .storydate,
.aframe.also-like .item:nth-child(5):not(.mosaic) .storydate,
.aframe.also-like .item:nth-child(6):not(.mosaic) .storydate {
padding-bottom: 9px;
border-bottom: 2px solid #fff;
}
}
@media (max-width: 550px) {
.aframe.also-like h3 {
font-size: 1.6rem;
line-height: 2.1rem;
max-height: 6.3rem
}
.aframe.also-like.list h3 {
font-size: 1.3rem;
line-height: 1.6rem;
max-height: 6.1rem;
font-stretch: condensed;
font-family: 'Oswald', sans-serif;
}
.aframe.also-like.list .item {
flex-direction: row-reverse;
border: none;
border-bottom: 2px solid #003b4f;
border-radius: 0px;
}
.aframe.also-like.list .item:hover {
border: none;
border-bottom: 2px solid #003b4f;
border-radius: 0px;
}
.alist.experience.list .item .inner-list {
border: none;
padding-left: 0px;
margin-left: 1%;
padding-top: 5px;
}
.alist.experience.list .item .inner-list {
border: none;
padding-left: 0px;
margin-left: 1%;
}
}
@media (max-width: 480px) {
.aframe.also-like .items {
width: 95%;
}
.aframe.also-like .item {
flex: 0 0 100%;
}
.aframe.also-like .item.mobile {
flex: 0 0 100%;
}
}
/*newsroom*/
.adash.newsroom .dropdown-menu>li>a {
cursor: pointer;
}
.adash.newsroom .menu-grid {}
.adash.newsroom .menu-grid {
display: flex;
font-family: 'Oswald', sans-serif;
cursor: pointer;
border-top: 1px solid #717171;
border-left: 1px solid #717171;
border-radius: 4px
}
.adash.newsroom .menu-item {
flex-grow: 2;
padding: 10px;
text-transform: uppercase;
color: #717171;
background-color: #fff;
border-right: 1px solid #717171;
border-bottom: 1px solid #717171;
text-align: center;
}
.adash.newsroom .menu-item:not(.active):hover {
color: rgb(105, 105, 105);
background-color: rgba(105, 105, 105, .2);
transition: all 0.5s;
}
.adash.newsroom .menu-item.active {
background-color: #355e92;
color: #fff
}
.adash.newsroom .menu-select {
display: none;
text-transform: uppercase;
font-size: 1.1rem;
padding: 1rem 0 1.3rem;
width: 100%;
text-align: center;
font-family: 'Oswald', sans-serif;
letter-spacing: 3px;
}
.adash.newsroom .menu-select.top-bar .filter {
display: inline-block;
font-size: 17px;
margin: 0 15px
}
.adash.newsroom .menu-select .select-menu {
text-transform: uppercase;
width: 210px;
font-weight: bold
}
.adash.newsroom.alist.stories {
display: none
}
.adash.newsroom.alist.stories .item {
padding-bottom: 0
}
.adash.newsroom.alist.stories .item .info {
cursor: auto;
width: 100%;
padding-left: 0;
padding-right: 0;
box-shadow: none;
border-top: none;
border-bottom: 1px solid #aeaeae;
border-radius: 0;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0
}
.adash.newsroom.alist.stories .item .info .bar {
padding-top: 20px
}
.adash.newsroom.alist.stories .item:last-child .info {
border: none;
}
.adash.newsroom.alist.stories .item time {
padding-left: 0;
font-size: 1rem
}
.adash.newsroom.alist.stories .item .lside {
padding-right: 45px
}
.adash.newsroom .more-row {
width: 100%;
padding: 50px 0;
text-align: center;
}
.adash.newsroom.alist.stories .item .category {
font-size: 1.2rem
}
.adash.newsroom.alist.stories .item .title {
font-size: 1.8rem
}
@media (max-width: 767px) {
.adash.newsroom .menu-grid {
display: none
}
.adash.newsroom .menu-select {
display: flex;
justify-content: center;
align-items: center
}
.adash.newsroom.alist.stories .item .info {
display: block;
padding-left: 15px;
padding-right: 15px
}
.adash.newsroom.alist.stories .item .lside {
padding-right: 0
}
.adash.newsroom.alist.stories .item .social {
margin-top: 15px
}
.adash.newsroom.alist.stories .item .category {
font-size: 20px
}
.adash.newsroom.alist.stories .item time {
font-size: 17px
}
.aframe.also-like .poster h3 {
font-size: .9rem;
line-height: 1.5rem;
}
}
@media (max-width: 450px) {
.adash.newsroom .menu-select.top-bar .filter {
margin-bottom: 15px
}
.adash.newsroom .menu-select {
flex-direction: column
}
}
/* today in dod */
.adash.today header .date {
font-family: 'Oswald', sans-serif;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 3px
}
.adash.today header .subtitle {
font-size: 20px
}
.adash.today .warn {
display: flex;
align-items: center;
font-size: 1.2rem;
padding: 10px 15px;
margin: 10px 0 25px;
line-height: 1.2em;
color: #355e93;
border: solid 2px #355E93;
border-radius: 4px
}
.adash.today .warn i {
margin-right: 15px;
font-size: 1.6em
}
.adash.today .content .inside {
max-width: none
}
.adash.today .boxes {
height: 700px;
margin-bottom: 4rem;
position: relative;
padding-top: 25px;
border-top: 1px solid #ababab;
margin-top: 15px
}
.adash.today .boxes p {
font-size: 1rem;
line-height: 1.5rem
}
.adash.today .box {
transition: all .3s ease-in-out;
background-color: #fff;
position: absolute;
overflow: hidden;
max-height: 700px;
min-height: 700px;
width: 32%;
display: inline-block;
-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
}
.adash.today .box:hover {
-webkit-box-shadow: 0px 3px 12px 5px rgba(0, 0, 0, .4);
box-shadow: 0px 3px 12px 5px rgba(0, 0, 0, .4);
}
.adash.today .box .info {
padding: 10px 20px;
position: relative
}
.adash.today .box .poster {
width: 100%
}
.adash.today .box-inner {
position: relative
}
.adash.today .box:nth-child(2) {
left: 34%
}
.adash.today .box:nth-child(3) {
left: 68%
}
.adash.today .box .body {
margin-top: 12px;
padding-bottom: 90px;
overflow: hidden
}
.adash.today .poster {
overflow: hidden;
position: relative;
display: inline-block;
width: 100%;
background-color: #000;
}
.adash.today .poster:after {
padding-top: 66.6%;
/* 6:4 ratio */
display: block;
content: '';
}
.adash.today .poster .image {
position: absolute;
top: -1px;
bottom: -1px;
right: 0;
left: 0;
width: 100%;
height: auto;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: all .25s ease-out;
}
.adash.today .poster .image p.alt {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
top: auto;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.adash.today .author-title {
color: #717171;
line-height: 1.2em;
padding-bottom: 5px
}
.adash.today .author-title:after {
position: relative;
top: 5px;
width: 50%;
border: #717171 solid 2px;
content: '';
display: block
}
.adash.today a.author-name,
.adash.today a.author-name:link,
.adash.today a.author-name:visited {
display: inline-block;
margin-top: 15px;
font-size: 1.4rem;
color: #355E93;
font-weight: bold
}
.adash.today a.today-link,
.adash.today a.today-link:link,
.adash.today a.today-link:visited {
color: #000
}
.adash.today .expander {
display: flex;
justify-content: center;
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 30px
}
.adash.today .expander .button {
cursor: pointer;
width: 66px;
height: 66px;
font-size: 1.6rem;
border-radius: 50%;
background-color: #355E93;
display: inline-block;
z-index: 99;
display: flex;
justify-content: center;
color: #fff;
align-items: center;
}
.adash.today .expander .button:hover {
background-color: #254267
}
.adash.today .expander .button i {
transition: all .4s ease-in-out;
}
.adash.today .content,
.adash.today.abanner,
.adash.today .adetail {
overflow: visible
}
.adash.today .expander:before {
width: 100%;
position: absolute;
height: 160px;
top: -60px;
content: '';
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
}
.adash.today .inner {
display: inline-block;
width: 100%
}
.adash.today .item {
margin-bottom: 20px;
line-height: 1.3em;
font-size: 1.2rem
}
.adash.today .box.active {
max-height: 3000px;
}
.adash.today .box.active .expander .button i {
transform: rotate(180deg)
}
.adash.today .box.active .expander:before {
display: none
}
.adash.today .top-bar {
display: flex;
justify-content: space-between;
}
.adash.today .top-bar.afilter .RadPicker_Default {
width: 25% !important;
float: none;
}
.adash.today h2 {
font-family: 'Oswald', sans-serif;
font-weight: normal;
font-size: 2.2rem
}
.adash.today h4 {
font-family: 'Oswald', sans-serif;
font-weight: bold;
display: inline-block;
margin-bottom: 0;
margin-top: 2rem;
font-size: 2rem
}
.adash.today h5 {
font-family: 'Oswald', sans-serif;
font-weight: bold;
font-size: 1.6rem;
}
.adash.today.adetail {
padding-bottom: 0
}
.adash.today .maintitle {
font-family: 'Oswald', sans-serif;
}
.adash.today .subtitle {
font-family: 'Oswald', sans-serif;
margin-top: 0
}
.adash.today .noitems p {
margin: 0
}
@media (max-width: 1200px) {
.adash.today .boxes {
height: 600px
}
.adash.today .box {
max-height: 600px;
min-height: 600px
}
.alist.experience {
width: 960px !important;
}
.alist.experience.list .item {
flex: 1 0 47% !important;
}
.afilter {
width: 960px !important;
}
}
@media (max-width: 992px) {
.adash.today .boxes {
height: 500px
}
.adash.today .box {
max-height: 500px;
min-height: 500px
}
.adash.today .item {
font-size: 20px
}
.adash.today .box .body {
font-size: 17px
}
.adash.today .top-bar.afilter .RadPicker_Default {
width: 35% !important;
}
.alist.experience {
width: 720px !important;
}
.alist.experience.list .item {
flex: 1 0 100% !important;
}
.alist.experience.list .item.mosaic {
max-width: 100% !important;
}
.afilter {
width: 720px !important;
}
}
@media (max-width: 900px) {
.adash.today .author-title {
font-size: 1.2em
}
.adash.today .boxes {
height: auto;
margin-bottom: 2rem
}
.adash.today .boxes p {
font-size: 20px
}
.adash.today .box {
position: relative;
left: 0 !important;
width: 100%;
max-height: 3000px;
margin-bottom: 15px
}
.adash.today .box .body {
padding-bottom: 0
}
.adash.today .box:hover {
-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
}
.adash.today h2 {
order: 5
}
.adash.today .top-bar {
flex-direction: column
}
.adash.today .top-bar.afilter .RadPicker_Default {
width: 50% !important;
}
.adash.today a.author-name,
.adash.today a.author-name:link,
.adash.today a.author-name:visited {
font-size: 1.6rem;
}
.adash.today .expander:before {
height: 80px;
top: 20px
}
.adash.today .top-bar.afilter .RadPicker_Default {
width: 100% !important;
margin: 0 auto 30px;
max-width: 300px;
}
}
@media (max-width: 767px) {
.alist.experience {
width: 540px !important;
}
.afilter {
width: 540px !important;
}
}
@media (max-width: 592px) {
.alist.experience {
width: 100vw !important;
}
.afilter {
width: 480px !important;
}
}
@media (max-width: 500px) {
.adash.today .box {
min-height: 0
}
}
@media (max-width: 480px) {
.afilter {
width: 90vw !important;
}
}
.adash.today.other .content {
position: initial
}
/* breaking */
.adash.breaking .pull-title {
color: #f8ba01;
}
/********************************* */
.alist.experience {
background-color: #fff;
width: 1140px;
margin: 0 auto;
}
.alist.experience .items {}
.alist.experience .apager a,
.alist.experience .pager a:link {
color: #adadad
}
.alist.experience .pager .disabled>a,
.alist.experience .pager .disabled>a:hover,
.alist.experience .pager .disabled>a:focus,
.alist.experience .pager .disabled>span {
color: rgba(173, 173, 173, .25);
background-color: transparent
}
.alist.experience .apager .active {
background-color: #fff;
}
.alist.experience .apager .active a,
.alist.experience .pager .active a:link,
.alist.experience .pager .active a:hover {
color: #355E8D
}
.alist.experience .subtitle {
padding: 0 4%
}
.alist.experience .subtitle .filter-title {
color: #adadad
}
.alist.experience .subtitle .filter {
color: #003b4f
}
.alist.experience .subtitle .filter-clear span {
color: #003b4f;
}
.alist.experience .no-items {
color: #adadad
}
.aframe.experience.also-like.list .item:nth-child(odd) .inner {
padding-right: 0;
}
.aframe.experience.also-like.list .item:nth-child(even) .inner {
padding-left: 0;
}
.afilter.dark {
background-color: #242424
}
.alist.experience .spinner3,
.afilter.dark .spinner3 {
background-color: #242424
}
.afilter.dark .select-view.selected {
background-color: #fff;
border-color: #fff
}
.afilter.dark .select-view.selected span {
color: #242424
}
.afilter.dark .select-view {
border-color: #adadad
}
.afilter.dark .select-view span {
color: #adadad
}
.afilter.dark .select-view:hover {
background-color: rgba(105, 105, 105, .9)
}
.afilter.dark .select-view.selected:hover {
background-color: #fff
}
.afilter.dark .top-bar .toggle {
background-color: rgba(255, 255, 255, .05);
color: #adadad;
border-color: #adadad
}
.afilter.dark .top-bar a.toggle:link {
color: #adadad;
text-decoration: none
}
.afilter.dark .top-bar a.toggle:hover {
color: #242424;
background-color: #adadad
}
.afilter.dark .search input {
background-color: rgba(255, 255, 255, .05);
color: #adadad;
border-color: #adadad
}
.afilter.dark .search input:hover {
transition: all 0.5s;
background-color: #adadad;
color: #242424;
}
/* Load More*/
.load-more {
width: 100%;
line-height: 300%;
border-radius: 2px;
margin: 0 auto;
display: block;
background: #219150;
color: #fff;
cursor: pointer;
text-align: center;
border: none;
outline: none;
}
/***** Button *******/
.btn {}
#backToTop {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: rgba(0, 59, 79, 0.2);
color: white;
cursor: pointer;
padding: 15px;
border-radius: 4px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#backToTop:hover {
background-color: #f8ba01;
}
.aframe.also-like .poster.mobile-noimage:after {
padding-top: 40%
}
.aframe.also-like .item .mobile-storydate {
display: none;
z-index: 100;
color: white;
text-shadow: 1px 1px 5px #000;
}
.aframe.list .item .mobile-storydate {
display: none;
}
/******************* Next and Previous Start*******************/
.article-navbtn .navbtn-link .navBtnHeader,
.article-navbtn .mobileNavTitle {
color: #f8ba01;
}
.article-navbtn i {
color: #fff;
}
.article-navbtn {
background: rgba(248, 184, 1, .3);
}
.article-navbtn:hover {
background: rgb(248, 184, 1);
}
/******************* Next and Previous End*******************/
.ast-parallax.aparallax {
margin-left: calc((50vw - 51%)*-1);
margin-right: calc((50vw - 51%)*-1);
}
.ast-parallax .pinfo {
padding-top: 20px;
margin-left: calc((50vw - 51%)*-1);
margin-right: calc((50vw - 51%)*-1);
}
.ast-parallax .pinfo .plinks {
justify-content: flex-end;
display: flex;
margin-right: 5%;
}
.ast-parallax .pinfo .plink {
margin: 0 21px 0 5px;
}
.ast-parallax .pinfo .ptitle {
padding-left: 4%
}
.ast-parallax .pinfo .ptitle .pname {
font-size: 1.6rem;
line-height: 1.6rem;
font-weight: 100;
letter-spacing: 3px;
text-transform: uppercase
}
.ast-parallax .pinfo .ptitle .photoby {
font-size: .8rem;
}
@media (max-width: 1200px) {
.adash.today .boxes {
height: 600px
}
.adash.today .box {
max-height: 600px;
min-height: 600px
}
}
@media (max-width: 992px) {
.adash.today .boxes {
height: 500px
}
.adash.today .box {
max-height: 500px;
min-height: 500px
}
.adash.today .item {
font-size: 20px
}
.adash.today .box .body {
font-size: 17px
}
.adash.today .top-bar.afilter .RadPicker_Default {
width: 35% !important;
}
.aframe.also-like .subhead {
display: none;
}
}
@media (max-width: 900px) {
.adash.today .author-title {
font-size: 1.2em
}
.adash.today .boxes {
height: auto;
margin-bottom: 2rem
}
.adash.today .boxes p {
font-size: 20px
}
.adash.today .box {
position: relative;
left: 0 !important;
width: 100%;
max-height: 3000px;
margin-bottom: 15px
}
.adash.today .box .body {
padding-bottom: 0
}
.adash.today .box:hover {
-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
}
.adash.today h2 {
order: 5
}
.adash.today .top-bar {
flex-direction: column
}
.adash.today .top-bar.afilter .RadPicker_Default {
width: 50% !important;
}
.adash.today a.author-name,
.adash.today a.author-name:link,
.adash.today a.author-name:visited {
font-size: 1.6rem;
}
.adash.today .expander:before {
height: 80px;
top: 20px
}
.adash.today .top-bar.afilter .RadPicker_Default {
width: 100% !important;
margin: 0 auto 30px;
max-width: 300px;
}
}
@media(max-width: 576px) {
.aframe.also-like .item .poster h4 {
display: block;
}
.aframe.also-like .item .poster.noimage h4 span {
padding: 0 10px;
border-bottom: 2px solid #fff;
}
.aframe.also-like .item .poster h3 {
top: auto;
bottom: 0;
padding: 0;
margin: auto;
width: 98%;
font-size: 2.1rem;
text-align: center;
text-shadow: 1px 1px 5px #000;
line-height: 2.1rem;
}
.aframe.also-like .overlay.overlay-info {
background: transparent;
}
}
@media (max-width: 500px) {
.adash.today .box {
min-height: 0
}
}
@media (max-width: 420px) {
.aframe.also-like .item .poster .subhead {
display: none;
}
.aframe.also-like:not(.list) .item .mobile-storydate {
display: block;
}
.aframe.also-like .item .poster h3 {
top: auto;
bottom: 0;
padding: 0;
margin: auto;
width: 97%;
font-size: 1.2rem;
text-align: center;
text-shadow: 1px 1px 5px #000;
}
.aframe.also-like .item .poster h4 {
display: block;
font-size: .9rem;
}
.aframe.also-like .item .poster .overlay.overlay-info {
display: none;
}
.aframe.also-like .item .poster.noimage:after {
content: '';
padding: 18%;
}
.aframe.also-like .item .poster.noimage h4 span {
padding: 0 10px;
border-bottom: 2px solid #fff;
}
.aframe.also-like .item.mosaic {
max-width: 100%;
flex: 1 0 100%;
}
}
@media (max-width: 320px) {
.adash.suggest .poster {
width: 40%;
height: 70%;
}
}
.aframe .cat-share {
display: flex;
flex-wrap: wrap;
padding-bottom: 11px;
}
.aframe .cat-share-item {
width: 33%;
}
.aframe .cat-share-item.first {
text-align: left;
}
.aframe .cat-share-item.second {
text-align: left;
}
.aframe .cat-share-item.third {}
.aframe a.social-link.topshare-link {
width: 25px;
height: 25px;
}
.aframe .cat-share .share {
margin-top: 7px;
}
@media (max-width: 375px) {
.aframe .cat-share-item {
width: 100%;
}
.aframe .cat-share-item.second {
text-align: left;
}
}
</style>
</p>
</div>
</div><!-- End_Module_460 -->
</div>
</div>
</div>
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-2125"><a name="2125"></a>
<div class="theme-container empty">
<div id="dnn_ctr2125_ContentPane"><!-- Start_Module_2125 -->
<div id="dnn_ctr2125_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr2125_Dashboard_ph">
<ul class="image-block-callouts">
<li>
<div class="backdrop"
aria-label="Chief Electronics Technician (Navigation) Antonio Vasquez, assigned to the Los Angeles-class fast-attack submarine USS Chicago (SSN 721) reunites with his family after the boat returns to Joint Base Pearl Harbor-Hickam from deployment in the U.S. 7th Fleet area of operations. Chicago performed a full spectrum of operations, including anti-submarine and anti-surface warfare, during the extended seven-month, Indo-Pacific deployment."
role="img" style="background-image:url(https://media.defense.gov/2022/Nov/04/2003108788/860/780/0/221102-N-LN285-1509.JPG)"></div>
<aside>
<a href="https://www.navy.mil/Press-Office/News-Stories/Article/3210209/uss-chicago-returns-home-from-final-deployment/">
<h1>USS Chicago Returns Home from Final Deployment</h1>
</a>
</aside>
</li>
<li>
<div class="backdrop"
aria-label="Sailors assigned to the first-in-class aircraft carrier USS Gerald R. Ford (CVN 78) and Royal Canadian Sailors gather at Porteous Field during Ford’s first international port visit in Halifax, Nova Scotia, Oct. 30, 2022. The Gerald R. Ford Carrier Strike Group (GRFCSG) is deployed in the Atlantic Ocean, conducting training and operations alongside NATO Allies and partners to enhance integration for future operations and demonstrate the U.S. Navy’s commitment to a peaceful, stable and conflict-free Atlantic region."
role="img" style="background-image:url(https://media.defense.gov/2022/Nov/04/2003108844/860/780/0/221030-N-TL968-1082.JPG)"></div>
<aside>
<a href="https://www.navy.mil/Press-Office/News-Stories/Article/3210726/ford-strengthening-relations-with-the-royal-canadian-navy/">
<h1>Ford Strengthening Relations with the Royal Canadian Navy</h1>
</a>
</aside>
</li>
<li>
<div class="backdrop"
aria-label="Capt. Timothy Platz, from Dyersville, Iowa, conducts bilateral hernia repair open surgery on a Guatemalan citizen aboard the hospital ship USNS Comfort (T-AH 20), Oct. 28, 2022. Comfort is deployed to U.S. 4th Fleet in support of Continuing Promise 2022, a humanitarian assistance and goodwill mission conducting direct medical care, expeditionary veterinary care, and subject matter expert exchanges with five partner nations in the Caribbean, Central and South America."
role="img" style="background-image:url(https://media.defense.gov/2022/Nov/04/2003108925/860/780/0/221028-N-LP924-2178.JPG)"></div>
<aside>
<a href="https://www.navy.mil/Press-Office/News-Stories/Article/3210458/usns-comfort-completes-first-mission-stop-of-continuing-promise-2022-in-guatema/">
<h1>USNS Comfort Completes First Mission Stop of Continuing Promise 2022 in Guatemala</h1>
</a>
</aside>
</li>
<li>
<div class="backdrop"
aria-label="221103-N-UI066-1013 SPLIT, Croatia (Nov. 3, 2022) The Nimitz-class aircraft carrier USS George H.W. Bush (CVN 77), along with the embarked staff of Carrier Strike Group (CSG) 10, arrives in Split, Croatia, for a scheduled port visit Nov. 3, 2022. The George H.W. Bush CSG is on a scheduled deployment in the U.S. Naval Forces Europe area of operations, employed by U.S. Sixth Fleet to defend U.S., allied, and partner interests. (U.S. Navy photo by Mass Communication Specialist Seaman Chandler Ludke)"
role="img" style="background-image:url(https://media.defense.gov/2022/Nov/03/2003107582/860/780/0/221103-N-UI066-1013.JPG)"></div>
<aside>
<a href="https://www.navy.mil/Press-Office/News-Stories/Article/3208367/george-hw-bush-carrier-strike-group-arrives-in-split-croatia/">
<h1>George H.W. Bush Carrier Strike Group Arrives in Split, Croatia</h1>
</a>
</aside>
</li>
</ul>
</div>
</div><!-- End_Module_2125 -->
</div>
</div>
</div>
</div>
</div>
<div class="row">
</div>
<div class="row">
<div id="dnn_CenterPane_Mid2" class="col-md backend-cp-collapsible">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-2058"><a name="2058"></a>
<div class="theme-container empty">
<div id="dnn_ctr2058_ContentPane"><!-- Start_Module_2058 -->
<div id="dnn_ctr2058_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr2058_HtmlModule_lblContent" class="Normal">
<ul class="image-block-callouts">
<li>
<div class="backdrop" style="background-image:url(https://media.defense.gov/2020/Jun/02/2002467063/900/900/0/200602-A-ZN745-0001.PNG)"> </div>
<aside>
<h1><a href="/US-Navy-COVID-19-Updates" target="_blank">U.S. Navy COVID-19 Resources</a></h1> >
</aside>
</li>
<li>
<div class="backdrop" style="background-image:url(https://media.defense.gov/2021/Dec/03/2002903317/-1/-1/0/211202-N-LR905-1100.JPG)"> </div>
<aside>
<h1><a href="/Resources/Blogs/Detail/Article/2894808/get-real-get-better/" target="_blank">Get Real, Get Better</a></h1>
</aside>
</li>
</ul>
</div>
</div><!-- End_Module_2058 -->
</div>
</div>
</div>
</div>
</div>
<div class="row">
</div>
<div class="row">
</div>
<div class="row">
</div>
</div>
</div>
<div class="container">
<div class="row">
</div>
<div class="row">
</div>
</div>
<div id="dnn_FullBleedBottomPane" class="backend-cp-collapsible">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-458"><a name="458"></a>
<div class="theme-container">
<div class="short-border-top">
</div>
<div id="dnn_ctr458_ContentPane" class="theme-container-content"><!-- Start_Module_458 -->
<div id="dnn_ctr458_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr458_HtmlModule_lblContent" class="Normal">
<style type="text/css">
.department-area {
float: left;
width: 510px;
padding-bottom: 60px;
}
.department-area-image {
display: inline-block;
max-width: 300px;
max-height: 250px;
}
.block-align {
display: inline-block;
margin-left: 200px;
float: left;
padding-top: 20px;
}
.block-align-long {
display: inline-block;
margin-top: -115px;
margin-left: 200px;
float: left;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
}
.department-area-block {
background: #FFFFFF;
margin-left: 0px;
color: #003B4F;
bottom: 0;
width: 100%;
margin-top: 20px;
}
.department-area-block>img {
display: inline-block;
float: left;
width: 200px;
margin-top: -19px;
margin-left: -20px;
}
.department-area-block>h2 {}
.department-area-container {
padding-left: 30px;
padding-bottom: 20px;
text-align: center;
align-items: center;
justify-content: center;
align-self: center;
position: inherit;
flex: 49%;
width: 49%;
display: flex;
}
@media(max-width: 767px) {
.department-area-container {
flex: 99%;
width: 99%;
}
}
.main-container {
align-items: center;
justify-content: center;
align-self: center;
width: 100%;
float: left;
display: flex;
padding-bottom: 80px;
}
.department-area-main {
max-width: 100%;
display: flex;
flex-wrap: wrap;
margin: 11px;
justify-content: center;
align-items: center;
}
.department-area-description {
margin-top: 310px;
padding-left: 10px;
padding-right: 10px;
font-family: 15px;
color: #003B4F;
font-family: 'roboto', serif;
width: 500px;
}
.department-align>a {
text-decoration: none;
color: #003B4F;
display: inline-block;
font-weight: 700;
font-size: 30px;
font-family: 'Roboto Slab', RobotoSlabLocal, serif
}
.department-align>a>i {
margin-left: 10px;
font-size: 20px;
}
.department-align>a:hover {
text-decoration: underline;
color: #003B4F;
font-weight: 700;
}
.secondary-nav-item-end {
padding: 30px;
height: 100%;
max-width: 230px;
color: #08262C;
float: left;
}
</style>
<style type="text/css">
.DnnModule-458 .department-area-main {
max-width: 65%;
margin: 60px auto;
}
.DnnModule-458 .department-area-container {
padding: 0;
}
.DnnModule-458 .department-area {
float: none;
width: auto;
}
@media screen and (max-width: 768px) {
.DnnModule-458 .department-area-main {
max-width: 100%;
margin: 40px auto;
}
</style>
<div class="department-area-main"><!-- Area 1 -->
<div class="department-area-container">
<div class="department-area"><a href="/Leadership"><img alt="Leadership" class="department-area-image" src="/portals/1/Images/Guidance/Leadership-Large-Icon.svg" style="height: 225px; width: 275px;" title="Leadership"> </a>
<div class="department-area-block">
<div class="department-align"><a href="/Leadership">Leadership<i class="fa fa-chevron-right" aria-hidden="true"></i></a></div>
</div>
</div>
</div>
<div class="department-area-container">
<div class="department-area"><a href="/All-Hands"><img alt="All Hands" class="department-area-image" src="/portals/1/Images/Guidance/AH-Large-Icon.svg" style="height: 225px; width: 275px;" title="All Hands"> </a>
<div class="department-area-block">
<div class="department-align"><a href="/All-Hands">All Hands<i class="fa fa-chevron-right" aria-hidden="true"></i></a></div>
</div>
</div>
</div>
<div class="department-area-container">
<div class="department-area">
<a href="/Press-Office"><img alt="Press Office" class="department-area-image" src="/portals/1/Images/Guidance/Press-Office-Large-Icon.svg" style="height: 225px; width: 275px;" title="Press Office"> </a>
<div class="department-area-block">
<div class="department-align"><a href="/Press-Office">Press Office<i class="fa fa-chevron-right" aria-hidden="true"></i></a></div>
</div>
</div>
</div>
<div class="department-area-container">
<div class="department-area"><a href="/Resources"><img alt="Resources" class="department-area-image" src="/portals/1/Images/Guidance/Resources-Large-Icon.svg" style="height: 225px; width: 275px;" title="Resources"> </a>
<div class="department-area-block">
<div class="department-align"><a href="/Resources">Resources<i class="fa fa-chevron-right" aria-hidden="true"></i></a></div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End_Module_458 -->
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div id="dnn_FooterPane" class="col-md backend-cp-collapsible">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-418"><a name="418"></a>
<div class="theme-container empty">
<div id="dnn_ctr418_ContentPane"><!-- Start_Module_418 -->
<div id="dnn_ctr418_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr418_HtmlModule_lblContent" class="Normal">
<style type="text/css">
.icon-nav ul {
border: 2px solid #C6CCD0;
border-width: 2px 0;
list-style: none;
margin: 0;
padding: 0;
}
.icon-nav li {
margin: 0;
padding: 30px;
border: 2px solid #C6CCD0;
border-width: 0 0 2px 0;
}
.icon-nav li:last-child {
border: none;
}
.icon-nav a {
display: block;
color: #08262C;
text-decoration: none;
}
.icon-nav a:hover,
.icon-nav a:hover+h3>a,
.icon-nav h3:hover+p>a,
.icon-nav a:hover+h3+p>a {
text-decoration: underline;
}
.icon-nav img {
max-width: 100%;
margin: 0 auto 20px;
height: 32px;
}
.icon-nav h3 {
font-weight: 700;
font-size: 20px;
line-height: 1.3em;
}
.icon-nav p {
font-size: 17px;
line-height: 1.8;
display: none;
}
@media (max-width: 767px) {
.icon-nav {
display: none;
}
}
@media (min-width: 768px) {
.icon-nav ul {
display: flex;
justify-content: center;
}
.icon-nav li {
border-width: 0 2px 0 0;
max-width: 260px;
}
}
@media (min-width: 1025px) {
.icon-nav p {
display: block
}
}
</style>
<nav class="icon-nav">
<ul>
<li><a href="https://allhands.navy.mil/"><img src="/Portals/_default/Skins/NavyTheme2/Resources/img/SVGs/AH-Small-Icon.svg"> </a>
<h3><a href="https://allhands.navy.mil/">All Hands</a></h3>
<p><a href="https://allhands.navy.mil/">All Hands Magazine highlights the Navy's culture and heritage, while striving to be the number one source of information for Sailors about their Navy today.</a></p>
</li>
<li><a href="/Press-Office"><img src="/Portals/_default/Skins/NavyTheme2/Resources/img/SVGs/Press-Office-Small-Icon-01.svg"> </a>
<h3><a href="/Press-Office">Press Office</a></h3>
<p><a href="/Press-Office">Your one-stop shop for official U.S. Navy news and information.</a></p>
</li>
<li><a href="/Leadership"><img src="/Portals/_default/Skins/NavyTheme2/Resources/img/SVGs/Leadership-Small-Icon-01.svg"> </a>
<h3><a href="/Leadership">Leadership</a></h3>
<p><a href="/Leadership">U.S. Navys top civilian and military leadership official biographies and photos.</a></p>
</li>
<li><a href="/Resources/Fact-Files"><img src="/Portals/_default/Skins/NavyTheme2/Resources/img/SVGs/Fact-Files-Icon-01.svg"> </a>
<h3><a href="/Resources/Fact-Files">Fact Files</a></h3>
<p><a href="/Resources/Fact-Files">A collection of "Fact Sheets" of U.S. Navy vessels, platforms and equipment.</a></p>
</li>
</ul>
</nav>
</div>
</div><!-- End_Module_418 -->
</div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-2585"><a name="2585"></a>
<div class="theme-container empty">
<div id="dnn_ctr2585_ContentPane"><!-- Start_Module_2585 -->
<div id="dnn_ctr2585_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr2585_HtmlModule_lblContent" class="Normal">
<div style="text-align: center;">
<div id="google_translate_element"> <div class="skiptranslate goog-te-gadget" dir="ltr" style="display: none;">
<div id=":0.targetLanguage"><select class="goog-te-combo" aria-label="Widget "Sprache übersetzen""></select></div>Powered by <span
style="white-space:nowrap"><a class="goog-logo-link" href="https://translate.google.com" target="_blank"><img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" height="14px" style="padding-right: 3px" alt="Google Google Übersetzer">Google Übersetzer</a></span>
</div>
</div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<p><a href="/Translate/">Google Translation Disclaimer</a></p>
</div>
</div>
</div><!-- End_Module_2585 -->
</div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-2261"><a name="2261"></a>
<div class="theme-container empty">
<div id="dnn_ctr2261_ContentPane"><!-- Start_Module_2261 -->
<div id="dnn_ctr2261_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr2261_HtmlModule_lblContent" class="Normal">
<script>
window.onload = function() {
if (window.location.href.startsWith("https://www.navy.mil")) {
var t = document.getElementsByClassName("dropdown-item");
if (t.length > 0)
for (var e = 0; e < t.length; e++) "News Stories" == t[e].text && t[e].setAttribute("href", "https://www.navy.mil/Press-Office/News-Stories/Term/3087/")
}
};
</script>
</div>
</div><!-- End_Module_2261 -->
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer role="contentinfo" class="footer-main">
<div id="footerlinks-text-container" class="text-dark">
<div class="req-footer-drawer make-hidden" style="font-weight: 600"> LEGAL & ADMINISTRATIVE LINKS <span class="chevron"><i class="fas fa-chevron-down"></i></span>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md footer-links">
<div class="footer-text-links list-columns-2">
<ul class="" style="column-count: 5;">
<li class=""><a href="/Navy-Site-Map" target="_blank" rel="noopener noreferrer"><span class="text text-link-6">Site Map</span></a></li>
<li class=""><a href="https://www.secnav.navy.mil/foia/Pages/default.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-7">FOIA</span></a></li>
<li class=""><a href="https://www.navy.com" target="_blank" rel="noopener noreferrer"><span class="text text-link-8">Navy.com</span></a></li>
<li class=""><a href="/Privacy-Policy" target="_blank" rel="noopener noreferrer"><span class="text text-link-9">Privacy Policy</span></a></li>
<li class=""><a href="https://prhome.defense.gov/NoFear" target="_blank" rel="noopener noreferrer"><span class="text text-link-10">No Fear Act Data</span></a></li>
<li class=""><a href="https://www.usa.gov" target="_blank" rel="noopener noreferrer"><span class="text text-link-11">USA.gov</span></a></li>
<li class=""><a href="https://dodcio.defense.gov/DoDSection508.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-12">Section 508</span></a></li>
<li class=""><a href="https://www.sapr.mil/victim-assistance" target="_blank" rel="noopener noreferrer"><span class="text text-link-13">SAPR</span></a></li>
<li class=""><a href="https://www.veteranscrisisline.net/" target="_blank" rel="noopener noreferrer"><span class="text text-link-14">Veterans Crisis Line</span></a></li>
<li class=""><a href="https://www.ncis.navy.mil/Resources/NCIS-Tips/" target="_blank" rel="noopener noreferrer"><span class="text text-link-15">NCIS Tips</span></a></li>
<li class=""><a href="https://dod.defense.gov/Resources/DoD-Information-Quality-Guidelines" target="_blank" rel="noopener noreferrer"><span class="text text-link-20">Information Quality</span></a></li>
<li class=""><a href="https://open.defense.gov" target="_blank" rel="noopener noreferrer"><span class="text text-link-21">Open Government</span></a></li>
<li class=""><a href="http://www.esd.whs.mil/DD/plainlanguage" target="_blank" rel="noopener noreferrer"><span class="text text-link-22">Plain Writing</span></a></li>
<li class=""><a href="https://dpcld.defense.gov/Privacy" target="_blank" rel="noopener noreferrer"><span class="text text-link-23">Privacy Program</span></a></li>
<li class=""><a href="https://dodcio.defense.gov/Library" target="_blank" rel="noopener noreferrer"><span class="text text-link-24">DOD Strategic Plans</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Department Seal -->
<div id="footer-above" class="footer-section bg-secondary text-light">
<div class="container-fluid">
<div class="row">
<div class="col-md">
<div class="foot-info-container">
<div class="bottom-seal seal-grid-cell">
<a href="/" class="footer-logo">
<img src="/Portals/_default/Skins/NavyTheme2/Resources/img/seal/DON-SEAL.png" alt="Seal" class="department-seal">
</a>
</div>
<div class="footer-office-info contact-grid-cell">
<a href="/" class="footer-contact-link">
<h3>U.S. Navy Office of Information</h3>
<div class="footer-information">
<p class="footer-information">Chief of Information</p>
<p class="footer-information">Attn: US Navy</p>
<p class="footer-information">1200 Navy Pentagon</p>
<p class="footer-information">Washington DC 20350-1200</p>
</div>
</a>
</div>
<div class="footer-text-links list-row social-grid-cell">
<ul class="">
<li class=""><a href="https://www.facebook.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Facebook"><span class="social-icon fab fa-facebook-square social-link-1"></span></a></li>
<li class=""><a href="https://www.twitter.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Twitter"><span class="social-icon fab fa-twitter social-link-2"></span></a></li>
<li class=""><a href="https://www.instagram.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Instagram"><span class="social-icon fab fa-instagram social-link-3"></span></a></li>
<li class=""><a href="https://www.youtube.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy YouTube Channel"><span class="social-icon fab fa-youtube social-link-4"></span></a></li>
<li class=""><a href="https://www.flickr.com/usnavy" target="_blank" rel="noopener noreferrer" title="Navy Flickr"><span class="social-icon fab fa-flickr social-link-5"></span></a></li>
<li class=""><a href="https://www.pinterest.com/usnavy/" target="_blank" rel="noopener noreferrer" title="US Navy Pinterest"><span class="social-icon fab fa-pinterest-square social-link-16"></span></a></li>
<li class=""><a href="https://www.navy.mil/Resources/Blogs" target="_blank" rel="noopener noreferrer" title="US Navy Blog"><span class="social-icon fab fa-blogger social-link-17"></span></a></li>
<li class=""><a href="https://www.snapchat.com/add/usnavy" target="_blank" rel="noopener noreferrer" title="US Navy Snapchat"><span class="social-icon fab fa-snapchat social-link-18"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="dma-footer">
<a target="_blank" rel="noreferrer noopener" href="https://www.web.dma.mil/">Hosted by Defense Media Activity - WEB.mil</a>
<a target="_blank" rel="noreferrer noopener" href="https://www.veteranscrisisline.net/"><img class="vcl" alt="Veteran's Crisis Line" src="/DesktopModules/SharedLibrary/Images/VCL 988_Hoz_CMYK.jpg"></a>
</div>
</div>
</footer>
<svg id="navy-icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol id="navy-guidance-icon" viewBox="0 0 80 80" data-name="Guidance icon Image">
<title>Guidance-Card-Icon</title>
<image data-name="Guidance icon Image" width="80" height="80"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsSAAALEgHS3X78AAABP0lEQVR4Xu3a0UnDUBiA0VQ6hwu4gQMI+uIYrtE1HMOXCg7gBi7gInGBtKV+vaGFcx6byyV8/CW0uZt5nqcBLrHp5tSCa3B3agHHCRgJGG1PLbiU+8fXg9d+vz8OXrt2JjASMBIwEjASMBIwEjASMBIwEjASMBIwEjASMBIwEjASMBIwEjDaPu/e8zvcz93b8He4I+7zEnuawEjASMBo8b3wz9d+6eNpmqbp4enl4LW1jbjPc/c0gdFqJxNu+fTBMSYwEjBa7SvscBGLBIwEjASMBIxWewrf8pP2GBMYCRgJGAkYCRgJGAkYCRgJGAkYCRgJGAkYCRgJGAkYjfpDdfh5wWthAiMBIwEjASMBIwEjASMBIwGjxV8i/z3hvrYR93nuniYwEjASMBIwEjASMBIwEjASMBIwEjASMBIw+gMgjCTy0GF6bgAAAABJRU5ErkJggg==">
</image>
</symbol>
<symbol id="navy-executive-icon" viewBox="0 0 80 80" data-name="Executive icon Image">
<title>Dept-Exclusive-Card-Icon</title>
<image data-name="Department Exclusives icon Image" width="80" height="80"
xlink:href="data:image/png;base64,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">
</image>
</symbol>
</svg>
<script>
$(document).ready(function() {
var numitems = $('footer .footer-text-links.list-columns-2 li').length;
var numColumns = Math.ceil(numitems / 3);
var modItems = numitems % 3;
if (modItems != 0) {
var loopCount = 3 - modItems;
for (var count = 0; count < loopCount; count++) {
$('footer .footer-text-links.list-columns-2 ul').append('<li> </li>');
}
}
if (numColumns > 3) {
$('footer .footer-text-links.list-columns-2 ul').css('column-count', numColumns);
}
$('.req-footer-drawer').on('click', function() {
if ($('.footer-text-links.list-columns-2').hasClass('make-hidden')) {
$('.footer-text-links.list-columns-2').removeClass('make-hidden');
$('.req-footer-drawer .chevron i').addClass('fa-rotate-180');
} else {
$('.footer-text-links.list-columns-2').addClass('make-hidden');
$('.req-footer-drawer .chevron i').removeClass('fa-rotate-180');
}
});
var rtime;
var timeout = false;
var delta = 200;
$(window).on('resize', function() {
rtime = new Date();
if (timeout === false) {
timeout = true;
setTimeout(displayFooter, delta);
}
}).resize();
function displayFooter() {
if (new Date() - rtime < delta) {
setTimeout(displayFooter, delta);
} else {
timeout = false;
if ($(document).width() <= 991) {
if (!$('.footer-text-links.list-columns-2').hasClass('make-hidden')) {
$('.req-footer-drawer').removeClass('make-hidden');
$('.footer-text-links.list-columns-2').addClass('make-hidden');
$('.req-footer-drawer .chevron i').removeClass('fa-rotate-180');
}
} else {
$('.req-footer-drawer').addClass('make-hidden');
$('.footer-text-links.list-columns-2').removeClass('make-hidden');
}
}
}
});
</script>
<style>
#navy-icons {
position: absolute;
left: -999em;
visibility: hidden;
}
.req-footer-drawer {
border-bottom: 1px solid #808080;
width: 100%;
padding-top: 15px;
padding-left: 21px;
padding-bottom: 15px;
}
.req-footer-drawer .chevron {
text-align: right;
float: right;
padding-right: 5vw;
clear: right;
}
@media(max-width: 991px) {
.foot-info-container {
display: grid;
display: -ms-grid;
grid-gap: 0;
grid-template-columns: 35vw 50vw;
-ms-grid-columns: 35vw 50vw;
}
.foot-info-container .footer-office-info a.footer-contact-link p {
line-height: 1.5;
}
.foot-info-container .bottom-seal .department-seal {
width: 40%;
margin-right: 11px;
}
.social-grid-cell {
grid-column: 2;
-ms-grid-column: 2;
grid-row: 1;
-ms-grid-row: 1;
}
.seal-grid-cell {
grid-column: 1;
-ms-grid-column: 1;
grid-row: 2;
-ms-grid-row: 2;
padding-right: 21px;
}
.contact-grid-cell {
grid-column: 2;
-ms-grid-column: 2;
grid-row: 2;
-ms-grid-row: 2;
}
.foot-info-container .footer-office-info {
text-align: left;
}
.foot-info-container .footer-text-links {
text-align: left;
}
.foot-info-container .social-grid-cell {
font-size: 2vw;
}
.foot-info-container .contact-grid-cell {
font-size: 1.75vw;
font-weight: 500;
}
.footer-text-links.list-row ul li:first-child {
padding: 0 8px 0 0;
}
.footer-text-links.list-row {
font-size: 2.5vw;
}
.req-footer-drawer {
display: block;
}
}
@media(max-width: 767px) {
.foot-info-container .bottom-seal .department-seal {
width: 60%;
}
.footer-text-links.list-row {
font-size: 2.65vw;
}
.foot-info-container .contact-grid-cell .footer-information {
font-size: 2.75vw;
}
}
@media(max-width: 580px) {
.foot-info-container .bottom-seal .department-seal {
width: 68%;
}
.footer-text-links.list-row {
font-size: 3vw;
}
.foot-info-container .contact-grid-cell .footer-information {
font-size: 3vw;
}
.foot-info-container .contact-grid-cell h3 {
font-size: 3.2vw;
}
}
@media (max-width: 420px) {
.foot-info-container .bottom-seal .department-seal {
width: 75%;
margin-right: 11px;
}
}
@media (max-width: 320px) {
.footer-text-links.list-row ul li {
padding: 0 6px;
}
.footer-text-links.list-row {
font-size: 3.25vw;
}
.foot-info-container .contact-grid-cell h3 {
font-size: 3.4vw;
}
}
</style>
</div>
<input name="ScrollTop" type="hidden" id="ScrollTop">
<input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`33`}">
<script src="/portals/_default/skins/NavyTheme2/Assets/js/skin.build.js?cdv=1000" type="text/javascript"></script>
<script src="/DesktopModules/SharedLibrary/Controls/Banner/JS/GovBanner.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/bootstrap4/js/bootstrap.bundle.min.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/smartmenus/jquery.smartmenus.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/smartmenus/addons/bootstrap-4/jquery.smartmenus.bootstrap-4.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/smartmenus/addons/keyboard/jquery.smartmenus.keyboard.js?cdv=1000" type="text/javascript"></script>
</form>Text Content
An official website of the United States government Here's how you know Official websites use .mil A .mil website belongs to an official U.S. Department of Defense organization in the United States. Secure .mil websites use HTTPS A lock (lock ) or https:// means you’ve safely connected to the .mil website. Share sensitive information only on official, secure websites. Skip to main content (Press Enter). * * * * * * * * * ABOUT * Our Core Values * Our Core Attributes * Mission * Our Heritage * About * LEADERSHIP * Secretary of the Navy * Chief of Naval Operations * Master Chief Petty Officer of the Navy * Chief of Naval Personnel * Senior Executives * Flag Officer Biographies * Leadership * PRESS OFFICE * Press Briefings * Press Releases * Testimony * Speeches * Statements * News Stories * Press Office * ALL HANDS * PAY & PERSONNEL * MyNavy HR * Contact MyNavy Career Center * Military Careers * Civilian Careers * Pay & Personnel * RESOURCES * Photo Gallery * Videos * Graphics Gallery * Social Media Directory & Guidance * App Locker * Blogs * Podcasts * CNO Professional Reading Program * Strategic Library * Fact Files * RSS Feeds * Frequently Asked Questions * NAVADMINs * ALNAVs * Contact Us * Resources * TRANSLATE Search UNITED STATES NAVY * * * * * * * * * ABOUT * Our Core Values * Our Core Attributes * Mission * Our Heritage * LEADERSHIP * Secretary of the Navy * Chief of Naval Operations * Master Chief Petty Officer of the Navy * Chief of Naval Personnel * Senior Executives * Flag Officer Biographies * PRESS OFFICE * Press Briefings * Press Releases * Testimony * Speeches * Statements * News Stories * ALL HANDS * PAY & PERSONNEL * MyNavy HR * Contact MyNavy Career Center * Military Careers * Civilian Careers * RESOURCES * Photo Gallery * Videos * Graphics Gallery * Social Media Directory & Guidance * App Locker * Blogs * Podcasts * CNO Professional Reading Program * Strategic Library * Fact Files * RSS Feeds * Frequently Asked Questions * NAVADMINs * ALNAVs * Contact Us * TRANSLATE CNO Releases Navigation Plan 2022; Plan Builds Upon NAVPLAN 2021 Further outlines how the U.S. Navy will build, maintain, train, and equip a dominant naval force to strengthen strategic partnerships, deter conflict, and if called upon, help win the Nation's wars. Full Story Here: OS3 Miguel Mapue, assigned to USS George H.W. Bush (CVN 77), stands look out watch as the ship and the embarked staff of Carrier Strike Group 10, arrive in Split, Croatia, for a scheduled port visit. (U.S. Navy photo by MC3 Samuel Wagner) SPLIT, Croatia 03 Nov 2022 CNO Releases Navigation Plan 2022; Plan Builds Upon NAVPLAN 2021 Full Story Here: * USS CHICAGO RETURNS HOME FROM FINAL DEPLOYMENT * FORD STRENGTHENING RELATIONS WITH THE ROYAL CANADIAN NAVY * USNS COMFORT COMPLETES FIRST MISSION STOP OF CONTINUING PROMISE 2022 IN GUATEMALA * GEORGE H.W. BUSH CARRIER STRIKE GROUP ARRIVES IN SPLIT, CROATIA * U.S. NAVY COVID-19 RESOURCES > * GET REAL, GET BETTER Leadership All Hands Press Office Resources * ALL HANDS All Hands Magazine highlights the Navy's culture and heritage, while striving to be the number one source of information for Sailors about their Navy today. * PRESS OFFICE Your one-stop shop for official U.S. Navy news and information. * LEADERSHIP U.S. Navys top civilian and military leadership official biographies and photos. * FACT FILES A collection of "Fact Sheets" of U.S. Navy vessels, platforms and equipment. Powered by Google Übersetzer Google Translation Disclaimer LEGAL & ADMINISTRATIVE LINKS * Site Map * FOIA * Navy.com * Privacy Policy * No Fear Act Data * USA.gov * Section 508 * SAPR * Veterans Crisis Line * NCIS Tips * Information Quality * Open Government * Plain Writing * Privacy Program * DOD Strategic Plans U.S. NAVY OFFICE OF INFORMATION Chief of Information Attn: US Navy 1200 Navy Pentagon Washington DC 20350-1200 * * * * * * * * Hosted by Defense Media Activity - WEB.mil Guidance-Card-Icon Dept-Exclusive-Card-Icon ORIGINALTEXT Bessere Übersetzung vorschlagen -------------------------------------------------------------------------------- PreviousNextSlideshow