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 10 via api from US — Scanned from DE
Effective URL: https://www.navy.mil/
Submission: On November 10 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">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="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">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['Form'];
if (!theForm) {
theForm = document.Form;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV1fdXJ91BFe_tUAO3uqdjQXm0lhhIqUltThR2pQbEo9-wLkWkw1&t=637811549229275428" type="text/javascript"></script>
<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>
<div class="aspNetHidden">
<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="1N2fS0GCX1KVJha2/HFdurPfSGRJewByALD8pv5PQbTD1kn9QtYd337b7zVZdzC7mzBAUiSf1i9QXrjYO1H94WXqCViNBF5JkCuAvAbmPyYXNID6">
</div>
<script src="/Resources/libraries/jQuery-Migrate/03_00_00/jquery-migrate.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/spectrum/spectrum.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelement-and-player.min.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Slick/1.9.0/slick.min.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/SharedLibrary/Plugins/DVIDSAnalytics/DVIDSVideoAnalytics.min.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/TouchSwipe/jquery.touchSwipe.min.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/cycle2.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/jquery.cycle2.swipe.js?cdv=1000" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/ImageScroll/jquery.imageScroll.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_ctl12_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_ctl12_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_ctl12_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="16680510291021516">
<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-16680510291021516-1" id="sm-16680510291021516-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-16680510291021516-3" id="sm-16680510291021516-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-16680510291021516-5" id="sm-16680510291021516-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-16680510291021516-7" id="sm-16680510291021516-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-16680510291021516-9" id="sm-16680510291021516-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="1668051029104605">
<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-1668051029104605-1">
ABOUT
<span class="sub-arrow"></span></a>
<ul class="" aria-labelledby="navbarDropdownMenuLink" id="sm-1668051029104605-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-1668051029104605-2">
LEADERSHIP
<span class="sub-arrow"></span></a>
<ul class="" aria-labelledby="navbarDropdownMenuLink" id="sm-1668051029104605-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-1668051029104605-3">
PRESS OFFICE
<span class="sub-arrow"></span></a>
<ul class="" aria-labelledby="navbarDropdownMenuLink" id="sm-1668051029104605-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-1668051029104605-4">
PAY & PERSONNEL
<span class="sub-arrow"></span></a>
<ul class="" aria-labelledby="navbarDropdownMenuLink" id="sm-1668051029104605-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-1668051029104605-5">
RESOURCES
<span class="sub-arrow"></span></a>
<ul class="" aria-labelledby="navbarDropdownMenuLink" id="sm-1668051029104605-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="62" data-focus-left="77" style="object-position:77% 62%" src="https://media.defense.gov/2022/Nov/08/2003111184/-1/-1/0/221106-N-YS413-1222.JPG"
alt="Sailors stand at parade rest on the fo'c'sle aboard the Ticonderoga-class guided-missile cruiser USS Chancellorsville (CG 62) during Japan International Fleet Review in Sagami Wan, Nov. 6, 2022.">
</picture>
</div>
<div id="heroPaneCTADiv" class="heroPaneCTADiv" style="background-image: url(https://media.defense.gov/2022/Nov/08/2003111184/2640/1485/0/221106-N-YS413-1222.JPG); background-position:77% 62%;">
</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/08/2003111184/2640/1485/0/221106-N-YS413-1222.JPG" rel="prettyPhoto" data-fancybox="" data-caption="<a class="galleryLoc" href="https://www.navy.mil/Resources/Photo-Gallery/igphoto/2003111184/">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"> Sailors stand at parade rest on the fo'c'sle aboard the Ticonderoga-class guided-missile cruiser USS Chancellorsville (CG 62) during Japan International Fleet Review in Sagami Wan, Nov. 6, 2022.</span><br>
<div class="hero-media-location-dateline">
<b>SEGAMI WAN</b>
06 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/08/2003111184/2640/1485/0/221106-N-YS413-1222.JPG" data-fancybox="" data-toggle="lightbox" data-caption="<a class="galleryLoc" href="https://www.navy.mil/Resources/Photo-Gallery/igphoto/2003111184/">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/2003111184/";
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 type="text/css">
.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>
<p> </p>
</div>
</div><!-- End_Module_2245 -->
</div>
</div>
</div>
<div class="DnnModule DnnModule-SlideShow DnnModule-2244"><a name="2244"></a>
<div class="theme-container">
<h2 class="theme-container-header">
<span id="dnn_ctr2244_dnnTITLE_titleLabel" class="title">Daily Top 4 Photos</span>
<span class="rss"></span>
</h2>
<div id="dnn_ctr2244_ContentPane" class="theme-container-content"><!-- Start_Module_2244 -->
<style>
.focal-point-wrap figure figcaption {
text-shadow: 2px 2px 5px black;
}
.focal-point-wrap figure figcaption p {
padding-bottom: 20px;
}
</style>
<div id="dnn_ctr2244_ModuleContent" class="DNNModuleContent ModSlideShowC">
<div class="focal-point-filmstrip focal-point-filmstrip-2244 focal-point-wrap slick-initialized slick-slider">
<div class="nav-prev slick-arrow" style=""><i class="fas fa-chevron-left"></i></div>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 20000px; transform: translate3d(-486px, 0px, 0px);">
<div class="slick-slide slick-cloned" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1">
<div>
<div class="focal-point-filmstrip-slide" style="width: 100%; display: inline-block;">
<figure class="default h-zoom">
<picture class="fixed-aspect">
<img src="https://media.defense.gov/2022/Nov/09/2003112083/1300/700/0/221107-N-MW880-1106.JPG" alt="USS George H.W. Bush (CVN 77) flight operations in the Adriatic Sea.">
</picture>
<a href="/Resources/Photo-Gallery/igphoto/2003112083/" target="_self" tabindex="-1">
<span class="sr-only">George H.W. Bush FLTOPS</span>
<figcaption>
<h1>George H.W. Bush FLTOPS</h1>
<div class="more">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z"></path>
</svg>See More
</div>
</figcaption>
</a>
</figure>
</div>
</div>
</div>
<div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false">
<div>
<div class="focal-point-filmstrip-slide" style="width: 100%; display: inline-block;">
<figure class="default h-zoom">
<picture class="fixed-aspect">
<img src="https://media.defense.gov/2022/Nov/09/2003112085/1300/700/0/221109-N-ER894-3143.JPG" alt="An F/A-18E Super Hornet from VFA-27 launches from USS Ronald Reagan (CVN 76) in the Philippine Sea.">
</picture>
<a href="/Resources/Photo-Gallery/igphoto/2003112085/" target="_self" tabindex="0">
<span class="sr-only">Ronald Reagan FLTOPS</span>
<figcaption>
<h1>Ronald Reagan FLTOPS</h1>
<div class="more">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z"></path>
</svg>See More
</div>
</figcaption>
</a>
</figure>
</div>
</div>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1">
<div>
<div class="focal-point-filmstrip-slide" style="width: 100%; display: inline-block;">
<figure class="default h-zoom">
<picture class="fixed-aspect">
<img src="https://media.defense.gov/2022/Nov/09/2003112080/1300/700/0/221026-N-RC007-1001.JPG" alt="Sailors stand watch aboard USS Milius (DDG 69) in the Moro Gulf.">
</picture>
<a href="/Resources/Photo-Gallery/igphoto/2003112080/" target="_self" tabindex="-1">
<span class="sr-only">USS Milius Bridge Watch </span>
<figcaption>
<h1>USS Milius Bridge Watch </h1>
<div class="more">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z"></path>
</svg>See More
</div>
</figcaption>
</a>
</figure>
</div>
</div>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1">
<div>
<div class="focal-point-filmstrip-slide" style="width: 100%; display: inline-block;">
<figure class="default h-zoom">
<picture class="fixed-aspect">
<img src="https://media.defense.gov/2022/Nov/09/2003112082/1300/700/0/221107-N-BR419-1133.JPG" alt="USS Ronald Reagan (CVN 76) replenishes from USNS Carl Brashear (T-AKE 7).">
</picture>
<a href="/Resources/Photo-Gallery/igphoto/2003112082/" target="_self" tabindex="-1">
<span class="sr-only">Ronald Reagan UNREP</span>
<figcaption>
<h1>Ronald Reagan UNREP</h1>
<div class="more">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z"></path>
</svg>See More
</div>
</figcaption>
</a>
</figure>
</div>
</div>
</div>
<div class="slick-slide" data-slick-index="3" aria-hidden="true" tabindex="-1">
<div>
<div class="focal-point-filmstrip-slide" style="width: 100%; display: inline-block;">
<figure class="default h-zoom">
<picture class="fixed-aspect">
<img src="https://media.defense.gov/2022/Nov/09/2003112083/1300/700/0/221107-N-MW880-1106.JPG" alt="USS George H.W. Bush (CVN 77) flight operations in the Adriatic Sea.">
</picture>
<a href="/Resources/Photo-Gallery/igphoto/2003112083/" target="_self" tabindex="-1">
<span class="sr-only">George H.W. Bush FLTOPS</span>
<figcaption>
<h1>George H.W. Bush FLTOPS</h1>
<div class="more">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z"></path>
</svg>See More
</div>
</figcaption>
</a>
</figure>
</div>
</div>
</div>
<div class="slick-slide slick-cloned" data-slick-index="4" id="" aria-hidden="true" tabindex="-1">
<div>
<div class="focal-point-filmstrip-slide" style="width: 100%; display: inline-block;">
<figure class="default h-zoom">
<picture class="fixed-aspect">
<img src="https://media.defense.gov/2022/Nov/09/2003112085/1300/700/0/221109-N-ER894-3143.JPG" alt="An F/A-18E Super Hornet from VFA-27 launches from USS Ronald Reagan (CVN 76) in the Philippine Sea.">
</picture>
<a href="/Resources/Photo-Gallery/igphoto/2003112085/" target="_self" tabindex="-1">
<span class="sr-only">Ronald Reagan FLTOPS</span>
<figcaption>
<h1>Ronald Reagan FLTOPS</h1>
<div class="more">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z"></path>
</svg>See More
</div>
</figcaption>
</a>
</figure>
</div>
</div>
</div>
<div class="slick-slide slick-cloned" data-slick-index="5" id="" aria-hidden="true" tabindex="-1">
<div>
<div class="focal-point-filmstrip-slide" style="width: 100%; display: inline-block;">
<figure class="default h-zoom">
<picture class="fixed-aspect">
<img src="https://media.defense.gov/2022/Nov/09/2003112080/1300/700/0/221026-N-RC007-1001.JPG" alt="Sailors stand watch aboard USS Milius (DDG 69) in the Moro Gulf.">
</picture>
<a href="/Resources/Photo-Gallery/igphoto/2003112080/" target="_self" tabindex="-1">
<span class="sr-only">USS Milius Bridge Watch </span>
<figcaption>
<h1>USS Milius Bridge Watch </h1>
<div class="more">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z"></path>
</svg>See More
</div>
</figcaption>
</a>
</figure>
</div>
</div>
</div>
<div class="slick-slide slick-cloned" data-slick-index="6" id="" aria-hidden="true" tabindex="-1">
<div>
<div class="focal-point-filmstrip-slide" style="width: 100%; display: inline-block;">
<figure class="default h-zoom">
<picture class="fixed-aspect">
<img src="https://media.defense.gov/2022/Nov/09/2003112082/1300/700/0/221107-N-BR419-1133.JPG" alt="USS Ronald Reagan (CVN 76) replenishes from USNS Carl Brashear (T-AKE 7).">
</picture>
<a href="/Resources/Photo-Gallery/igphoto/2003112082/" target="_self" tabindex="-1">
<span class="sr-only">Ronald Reagan UNREP</span>
<figcaption>
<h1>Ronald Reagan UNREP</h1>
<div class="more">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z"></path>
</svg>See More
</div>
</figcaption>
</a>
</figure>
</div>
</div>
</div>
<div class="slick-slide slick-cloned" data-slick-index="7" id="" aria-hidden="true" tabindex="-1">
<div>
<div class="focal-point-filmstrip-slide" style="width: 100%; display: inline-block;">
<figure class="default h-zoom">
<picture class="fixed-aspect">
<img src="https://media.defense.gov/2022/Nov/09/2003112083/1300/700/0/221107-N-MW880-1106.JPG" alt="USS George H.W. Bush (CVN 77) flight operations in the Adriatic Sea.">
</picture>
<a href="/Resources/Photo-Gallery/igphoto/2003112083/" target="_self" tabindex="-1">
<span class="sr-only">George H.W. Bush FLTOPS</span>
<figcaption>
<h1>George H.W. Bush FLTOPS</h1>
<div class="more">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z"></path>
</svg>See More
</div>
</figcaption>
</a>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="nav-next slick-arrow" style=""><i class="fas fa-chevron-right"></i></div>
</div>
<script>
$(document).ready(function() {
$('.focal-point-filmstrip-2244').slick({
dots: false,
infinite: true,
speed: 300,
slidesToShow: 1,
variableWidth: true,
autoplay: true,
autoplaySpeed: 5000,
pauseOnFocus: false,
pauseOnHover: false,
prevArrow: '<div class="nav-prev"><i class="fas fa-chevron-left"></i></div>',
nextArrow: '<div class="nav-next"><i class="fas fa-chevron-right"></i></div>',
mobileFirst: true,
swipe: true
});
});
</script>
</div><!-- End_Module_2244 -->
</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="The first-in-class aircraft carrier USS Gerald R. Ford (CVN 78) steams in the Atlantic Ocean in formation with the German frigate FGS Hessen (F 221), the Ticonderoga-class guided-missile cruiser USS Normandy (CG 60), the Danish frigate HDMS Peter Willemoes (FFH 362), the Canadian frigate HMCS Montreal (FFH 336), the Arleigh Burke-class guided-missile destroyer USS Thomas Hudner (DDG 116), the Spanish Armada frigate Álvaro de Bazán (F 101), the Dutch frigate HNLMS De Zeven Povincien (F 802), the French frigate FS Chevalier Paul (D 621), the Dutch frigate HNLMS Van Amstel (F 831) and the Arleigh Burke-class guided-missile destroyer USS McFaul (DDG 74), Nov. 7, 2022. Exercise Silent Wolverine is a U.S.-led, combined training exercise that tests Ford-class aircraft carrier capabilities through integrated high-end naval warfare scenarios alongside participating allies in the Eastern Atlantic Ocean. The Gerald R. Ford Carrier Strike Group is conducting their first deployment in the U.S. Naval Forces Europe area of operations. (U.S. Navy photo by Mass Communication Specialist 2nd Class Jackson Adkins)"
role="img" style="background-image:url(https://media.defense.gov/2022/Nov/09/2003112187/860/780/0/221107-N-TL968-2169.JPG)"></div>
<aside>
<a href="https://www.navy.mil/Press-Office/News-Stories/Article/3214857/navys-newest-aircraft-carrier-joins-allies-for-exercise-silent-wolverine/">
<h1>Navy’s newest aircraft carrier joins allies for exercise Silent Wolverine</h1>
</a>
</aside>
</li>
<li>
<div class="backdrop"
aria-label="MANAMA, Bahrain (Nov. 8, 2022) United Kingdom Royal Navy Commodore Ben Aldous, commander of International Maritime Security Construct (IMSC) and Coalition Task Force Sentinel, speaks to military and industry representatives during IMSC’s biannual stakeholders conference in Bahrain, Nov. 8. The half-day conference included speakers and panelists who presented topics on maritime security, coalition and industry partnerships, and innovation."
role="img" style="background-image:url(https://media.defense.gov/2022/Nov/09/2003111825/860/780/0/221108-N-QD718-1033.JPG)"></div>
<aside>
<a href="https://www.navy.mil/Press-Office/News-Stories/Article/3214145/international-naval-coalition-hosts-stakeholders-conference-in-bahrain/">
<h1>International Naval Coalition Hosts Stakeholders Conference in Bahrain</h1>
</a>
</aside>
</li>
<li>
<div class="backdrop"
aria-label="221105-N-UL352-1062 ARABIAN GULF (Nov. 5, 2022) Gunner’s Mate 1st Class Ricardo Jimenez, assigned to guided-missile destroyer USS Delbert D. Black (DDG 119), delivers a brief to members of the United Arab Emirates armed forces and the Royal Bahrain Naval Force during exercise Nautical Defender in the Arabian Gulf, Nov. 5. The multilateral training event involved U.S. Naval Forces Central Command, Royal Saudi Navy’s Eastern Fleet and UK’s Royal Navy, with observers from several regional countries."
role="img" style="background-image:url(https://media.defense.gov/2022/Nov/08/2003110691/860/780/0/221105-N-UL352-1062.JPG)"></div>
<aside>
<a href="https://www.navy.mil/Press-Office/News-Stories/Article/3212584/us-uk-and-saudi-arabia-complete-naval-exercise-in-arabian-gulf/">
<h1>U.S., UK and Saudi Arabia Complete Naval Exercise in Arabian Gulf</h1>
</a>
</aside>
</li>
<li>
<div class="backdrop" aria-label="PUERTO CORTES, Honduras (Nov. 6, 2022) A Sailor assigned to the hospital ship USNS Comfort (T- AH 20), conducts a patient roll call before checking the patients out, Nov. 6, 2022."
role="img" style="background-image:url(https://media.defense.gov/2022/Nov/07/2003109920/860/780/0/221106-A-IA376-1006.JPG)"></div>
<aside>
<a href="https://www.navy.mil/Press-Office/News-Stories/Article/3212601/usns-comfort-completes-second-mission-stop-of-continuing-promise-2022-in-hondur/">
<h1>USNS Comfort Completes Second Mission Stop of Continuing Promise 2022 in Honduras</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: Sailors stand at parade rest on the fo'c'sle aboard the Ticonderoga-class guided-missile cruiser USS Chancellorsville (CG 62) during Japan International Fleet Review in Sagami Wan, Nov. 6, 2022. SEGAMI WAN 06 Nov 2022 CNO Releases Navigation Plan 2022; Plan Builds Upon NAVPLAN 2021 Full Story Here: DAILY TOP 4 PHOTOS George H.W. Bush FLTOPS GEORGE H.W. BUSH FLTOPS See More Ronald Reagan FLTOPS RONALD REAGAN FLTOPS See More USS Milius Bridge Watch USS MILIUS BRIDGE WATCH See More Ronald Reagan UNREP RONALD REAGAN UNREP See More George H.W. Bush FLTOPS GEORGE H.W. BUSH FLTOPS See More Ronald Reagan FLTOPS RONALD REAGAN FLTOPS See More USS Milius Bridge Watch USS MILIUS BRIDGE WATCH See More Ronald Reagan UNREP RONALD REAGAN UNREP See More George H.W. Bush FLTOPS GEORGE H.W. BUSH FLTOPS See More * NAVY’S NEWEST AIRCRAFT CARRIER JOINS ALLIES FOR EXERCISE SILENT WOLVERINE * INTERNATIONAL NAVAL COALITION HOSTS STAKEHOLDERS CONFERENCE IN BAHRAIN * U.S., UK AND SAUDI ARABIA COMPLETE NAVAL EXERCISE IN ARABIAN GULF * USNS COMFORT COMPLETES SECOND MISSION STOP OF CONTINUING PROMISE 2022 IN HONDURAS * 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