GET https://www.navy.mil/
Access-Control-Allow-Origin:*Cache-Control:no-cache,privateContent-Type:text/html; charset=utf-8Date:Fri, 30 Sep 2022 10:37:13 GMTExpires:-1Pragma:no-cachePw_value:3ce3af822980b849665e8c5400e1b45bServer:Strict-Transport-Security:max-age=31536000X-Aspnet-Version:X-Aspnetmvc-Version:X-Content-Type-Options:nosniffX-Frame-Options:SAMEORIGINX-Powered-By:X-Ua-Compatible:IE=edgeX-Xss-Protection:1; mode=block
<!DOCTYPE html> <html lang="en-US"> <head id="Head"><meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><title> Home </title><meta id="MetaDescription" name="DESCRIPTION" content="The official website for the Navy" /><meta id="MetaKeywords" name="KEYWORDS" content="navy, United States Navy" /><meta id="MetaRobots" name="ROBOTS" content="INDEX, FOLLOW" /><link href="/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/DesktopModules/ArticleCSDashboard/module.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/DesktopModules/PhotoDashboard/module.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/DesktopModules/PhotoDashboard/Layouts/HeroPanePlus/template.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/Portals/_default/skins/navytheme2/skin.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/Portals/1/portal.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/Portals/1/home.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/SocialIcons/css/fa-social-icons.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/Skin/SkipNav/css/skipnav.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/spectrum/spectrum.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/DesktopModules/SharedLibrary/Plugins/FancyBox/jquery.fancybox.min.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/desktopmodules/ArticleCS/styles/Navy2/style.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/ColorBox/colorbox.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/bootstrap4/css/bootstrap.min.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/font-awesome5/css/all.min.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/font-awesome5/css/v4-shims.min.css?cdv=986" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/smartmenus/addons/bootstrap-4/jquery.smartmenus.bootstrap-4.css?cdv=986" type="text/css" rel="stylesheet"/><script src="/Resources/libraries/jQuery/03_05_01/jquery.js?cdv=986" type="text/javascript"></script><script src="/Resources/libraries/jQuery-Migrate/03_02_00/jquery-migrate.js?cdv=986" type="text/javascript"></script><script src="/Resources/libraries/jQuery-UI/01_12_01/jquery-ui.js?cdv=986" type="text/javascript"></script><link rel='SHORTCUT ICON' href='/Portals/1/favicon.ico?ver=3RhUTQkyIDkSpYXFl462Ag%3d%3d' type='image/x-icon' /><meta name='host' content='DMA Public Web' /><meta name='contact' content='pubwebhd@defense.gov' /><link rel="stylesheet" type="text/css" href="/DesktopModules/SharedLibrary/Controls/Banner/CSS/usa-banner.css" /> <!--[if IE 8 ]><script type="text/javascript">jQuery("html").addClass("ie ie8");</script><![endif]--> <!--[if IE 9 ]><script type="text/javascript">jQuery("html").addClass("ie ie9");</script><![endif]--> <!--[if IE]><link rel="stylesheet" type="text/css" href="/Portals/_default/skins/navytheme2/ie.css" /><![endif]--> <!--[if lte IE 8]><script src="/Desktopmodules/SharedLibrary/Plugins/Respond/js/respond.min.js"></script><![endif]--> <script src="https://www.google-analytics.com/ga.js" ></script><script src="/Desktopmodules/SharedLibrary/Plugins/GoogleAnalytics/Universal-Federated-Analytics-4.1.js?agency=DOD&subagency=DMA&dclink=true" id="_fed_an_ua_tag" ></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /></head> <body id="Body"> <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="oEjvF9Ro4vfCwPuqmUacJc/QZ/GYSGtcYstazkIIHRY31YNGhb/bbVOFfmyD6FOIp1ooTDlpJp5r6935nSM/SlZMaLqEZrra4UFKgyY+1hHGpjm1" /> </div><script src="/Desktopmodules/SharedLibrary/Plugins/spectrum/spectrum.js?cdv=986" type="text/javascript"></script><script src="/js/dnn.js?cdv=986" type="text/javascript"></script><script src="/js/dnn.modalpopup.js?cdv=986" type="text/javascript"></script><script src="/js/dnncore.js?cdv=986" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/Mobile-Detect/mobile-detect.min.js?cdv=986" type="text/javascript"></script><script src="/DesktopModules/SharedLibrary/Plugins/FancyBox/jquery.fancybox.min.js?cdv=986" type="text/javascript"></script><script src="/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=986" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=986" type="text/javascript"></script><script src="/js/dnn.servicesframework.js?cdv=986" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/Skin/js/common.js?cdv=986" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, ''); //]]> </script> <link href='//fonts.googleapis.com/css?family=Roboto|Roboto+Slab' rel='stylesheet' type='text/css'> <script type="text/javascript"> $('#personaBar-iframe').load(function() {$('#personaBar-iframe').contents().find("head").append($("<style type='text/css'>.personabar .personabarLogo {}</style>")); }); </script> <div id="dnn_ctl11_header_banner_container" class="header_banner_container"> <span class="header_banner_inner"> <div class="header_banner_flag"> An official website of the United States government <div class="header_banner_accordion" tabindex="0"><u>Here's how you know <span class="expand-more-container"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"> <path d="M0 0h24v24H0z" fill="none" /> <path class="expand-more" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" /> </svg></span></u></div> </div> <div class="header_banner_panel" style=""> <div class="header_banner_panel_item"> <span class="header_banner_dotgov"></span> <div id="dnn_ctl11_bannerContentLeft" class="header_banner_content"><p class="banner-contentLeft-text"><strong> Official websites use .mil </strong></p>A <strong>.mil</strong> website belongs to an official U.S. Department of Defense organization in the United States.</div> </div> <div class="header_banner_panel_item https"> <span class="header_banner_https"></span> <div id="dnn_ctl11_bannerContentRight" class="header_banner_content"><p class="banner-contentRight-text"><strong>Secure .mil websites use HTTPS</strong></p><div> A <strong>lock (<span class='header_banner_icon_lock'><svg xmlns = 'http://www.w3.org/2000/svg' width='52' height='64' viewBox='0 0 52 64'><title>lock </title><path class='icon_lock' fill-rule='evenodd' d='M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z' /> </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" autocomplete="off" name="search" maxlength="255" placeholder="Search..." 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"></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'}"> <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="navbarDropdownMenuLink"> <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="navbarDropdownMenuLink"> <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="navbarDropdownMenuLink"> <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="http://www.navy.mil/Press-Office/News-Stories/" >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="navbarDropdownMenuLink"> <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="navbarDropdownMenuLink"> <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" autocomplete="off" name="search" maxlength="255" placeholder="Search..." 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" data-sm-options="{collapsibleBehavior: 'link'}"> <li class=" dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="http://www.navy.mil/About/" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false" > ABOUT </a> <ul class="" aria-labelledby="navbarDropdownMenuLink"> <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 dropdown-toggle" data-toggle="dropdown" href="http://www.navy.mil/Leadership/" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false" > LEADERSHIP </a> <ul class="" aria-labelledby="navbarDropdownMenuLink"> <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 dropdown-toggle" data-toggle="dropdown" href="http://www.navy.mil/Press-Office/" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false" > PRESS OFFICE </a> <ul class="" aria-labelledby="navbarDropdownMenuLink"> <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="http://www.navy.mil/Press-Office/News-Stories/" >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 dropdown-toggle" data-toggle="dropdown" href="http://www.navy.mil/Pay-Personnel/" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false" > PAY & PERSONNEL </a> <ul class="" aria-labelledby="navbarDropdownMenuLink"> <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 dropdown-toggle" data-toggle="dropdown" href="http://www.navy.mil/Resources/" id="navbarDropdownMenuLink" aria-haspopup="true" aria-expanded="false" > RESOURCES </a> <ul class="" aria-labelledby="navbarDropdownMenuLink"> <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="0" href="#skip-target"></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 --><div id="dnn_ctr491_ModuleContent" class="DNNModuleContent ModPhotoDashboardC"> <div class="PhotoDashboardSA heroPane heroPaneCTA heroPaneCTA_callout " id="heroPaneCTA"> <div class="heroPlusImageContainer"> <img src="https://media.defense.gov/2022/Sep/23/2003084381/1320/743/0/220923-N-XL056-1050.JPG" id="heroPaneCTAImg" alt="USS Ronald Reagan (CVN 76) arrives in Busan, Republic of Korea."/> </div> <div id="heroPaneCTADiv" class="heroPaneCTADiv" style="background-image: url(https://media.defense.gov/2022/Sep/23/2003084381/2640/1485/0/220923-N-XL056-1050.JPG)"> </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/">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/Sep/23/2003084381/2640/1485/0/220923-N-XL056-1050.JPG" rel="prettyPhoto" data-fancybox> <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">USS Ronald Reagan (CVN 76) arrives in Busan, Republic of Korea. The flagship of Carrier Strike Group (CSG) 5, Reagan supports alliances, partnerships and collective maritime interests in the Indo-Pacific region. (U.S. Navy photo by MC2 Leon Wong)</span><br> <div class="hero-media-location-dateline"> <b>BUSAN, Republic of Korea</b> 23 Sep 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/">Full Story Here:</a> <span></span> </div> </div> <a class="a-media-link" href="https://media.defense.gov/2022/Sep/23/2003084381/2640/1485/0/220923-N-XL056-1050.JPG" data-fancybox data-toggle="lightbox"> <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/2003084381/"; if (galleryLoc != "") { var link = '<a class="galleryLoc" href="' + galleryLoc + '">More Details</a>' $(".a-media-link").attr("data-caption", link); } $(".hero-chevron").on("mousedown", function () { var mobileDispayType = '.hero-display-mobile'; if ($('.hero-display-mobile').length <= 0) { mobileDispayType = '.hero-link-mobile'; } scrollToBottomOfHeroPane('.heroPaneCTADiv', mobileDispayType, '#heroPaneCTAImg'); }); function scrollToBottomOfHeroPane(id, secId, thirdId) { var div_height = $(id).height(); var div_offset = $(id).offset().top; var isMobileWidth = ($(document).width() <= 991); if ($(secId).length && $(secId).css('display') != "none") isMobileWidth = true; if (isMobileWidth) { var $app = $('body form #app'); var backendUserBarHgt = 0; var mobileImg = $(thirdId); div_height = $(thirdId).height() + $(secId).height() - 6; div_offset = $(thirdId).offset().top; if ($app.hasClass('app-backend')) { backendUserBarHgt = $('#backend-userbar').height(); } div_height += backendUserBarHgt; } var totalHgt = div_height + div_offset; $('html,body').animate({ scrollTop: totalHgt }, 'slow'); } </script> </div><!-- End_Module_491 --></div> </div></div></div> <div class="page-container"> <div id="dnn_ContentPane" class="backend-cp-collapsible"><div class="DnnModule DnnModule-DNN_HTML DnnModule-2245"><a name="2245"></a> <div class="theme-container empty"> <div id="dnn_ctr2245_ContentPane"><!-- Start_Module_2245 --><div id="dnn_ctr2245_ModuleContent" class="DNNModuleContent ModDNNHTMLC"> <div id="dnn_ctr2245_HtmlModule_lblContent" class="Normal"> <style> .dma-slideshow .caption-section.dark, .dma-slideshow .headline-section.dark { background:#d40d12; background-image: -webkit-gradient( linear, left top, left bottom, from(#d40d12), to(#450003) ); background: -moz-linear-gradient( top, #d40d12, #450003 ); background: -o-linear-gradient( top, #d40d12, #450003 ); background: linear-gradient( top, #d40d12, #450003, ); border: 1px solid #450003; } </style> </div> </div><!-- End_Module_2245 --></div> </div></div></div> <div class="container-fluid"> <div class="row"> <div class="col-md backend-cp-collapsible"> <div class="row"> <div id="dnn_CenterPane_Top" class="col-md backend-cp-collapsible"><div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-588"><a name="588"></a> <div class="theme-container empty"> <div id="dnn_ctr588_ContentPane"><!-- Start_Module_588 --><div id="dnn_ctr588_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC"> <div id="dnn_ctr588_Dashboard_ph"> </div> </div><!-- End_Module_588 --></div> </div></div></div> </div> <div class="row"> </div> </div> </div> <div class="row"> </div> </div> <div class="container"> <div class="row"> </div> <div class="row"> <div id="dnn_CenterPane_Mid" class="col-md backend-cp-collapsible"><div class="DnnModule DnnModule-DNN_HTML DnnModule-539"><a name="539"></a> <div class="theme-container empty"> <div id="dnn_ctr539_ContentPane"><!-- Start_Module_539 --><div id="dnn_ctr539_ModuleContent" class="DNNModuleContent ModDNNHTMLC"> <div id="dnn_ctr539_HtmlModule_lblContent" class="Normal"> <p> </p> <p> </p> </div> </div><!-- End_Module_539 --></div> </div></div><div class="DnnModule DnnModule-DNN_HTML DnnModule-460"><a name="460"></a> <div class="theme-container empty"> <div id="dnn_ctr460_ContentPane"><!-- Start_Module_460 --><div id="dnn_ctr460_ModuleContent" class="DNNModuleContent ModDNNHTMLC"> <div id="dnn_ctr460_HtmlModule_lblContent" class="Normal"> <p> <style type="text/css">@font-face { font-family: 'FontAwesome'; src: url('/DesktopModules/SharedLibrary/Plugins/font-awesome5/css/all.min.css'); } /***** overrides *****/ .RadAjaxPanel, .ModDashboardC { margin: 0; font-size: 100% } .fadeit { background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(235,235,235,1) 850px,rgba(255,255,255,0) 2500px); } .fadeit-dark { background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 850px,rgba(36,36,36,0) 1500px); } /************ SHARED *************/ /* social */ .social-inner { display: flex; font-size: 1.4rem; } .social-inner a, .social-inner a:link { color: rgb(128,128,128); text-decoration: none } .social-inner a { border: 1px #717171 solid; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center } .social-inner a.addthis_button_facebook { margin-right: 15px } .social-inner a.addthis_button_facebook:hover span { color: #fff; } .social-inner a.addthis_button_facebook:hover { background-color: #3b5998; border-color: #3b5998; } .social-inner a.addthis_button_facebook { transition: all .2s ease-in; } .social-inner a.addthis_button_twitter:hover span { color: #fff; } .social-inner a.addthis_button_twitter:hover { background-color: #00aced; border-color: #00aced; } .social-inner a.addthis_button_twitter { padding-top: 2px; transition: all .2s ease-in; } .social-inner a.addthis_button_email:hover span { color: #fff; transition: all .2s ease-in; } .social-inner a.addthis_button_email:hover { background-color: #DD4B39; border-color: #DD4B39; } .social-inner a.addthis_button_email { margin-left: 15px; font-size: .9em; transition: all .2s ease-in; } /* category skew */ a.acategory-skew, article header a.acategory-skew:link { color: #fff } a.acategory-skew { background-color: rgb(53,94,147); padding: 8px 25px; transform: skewX(-15deg); font-weight: normal; font-size: .85rem; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 3px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } a.acategory-skew span { transform: skewX(15deg); display: inline-block } a.acategory-skew:hover span { text-decoration: underline; color: #fff } /* banner */ .abanner { overflow: hidden } .abanner .banner-image { position: absolute; width: 100%; height: 757px; background-size: cover; background-position: center; /*background-color: #60a5ff*/ } .abanner video.banner { position: absolute; width: 100% } /*angle and page layouts*/ /*.abanner .banner-angle { position: absolute; width: 100%; height: 757px; display: inline-block; z-index: 2; overflow: hidden }*/ /*.abanner .banner-angle-header:after { border-width: 0 100vw 0 0; content: ''; display: block; position: absolute; border-style: solid; border-color: transparent; bottom: 0; border-bottom-width: 100px; border-bottom-color: #ebebeb; }*/ /*.abanner .banner-angle-header { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background-color: rgba(0,0,0, .6); background-image: linear-gradient(-10deg, rgba(0,0,0, .3) 0%, rgba(0,0,0, .3) 49.95%, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0) 100%); background-repeat: no-repeat; content: '' } .abanner .banner-angle video { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); object-fit: cover; } .abanner .banner-angle-header.noimage { background-color: none; background-image: linear-gradient(-10deg, rgb(37, 66, 103) 0%, rgb(37, 66, 103) 49.95%, #354D6F 50%, #354D6F 100%); }*/ .abanner header .maintitle { font-size: 3rem; font-weight: 500; line-height: 1.2em; margin: 30px 0; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3) } .abanner header .subtitle { font-size: 1.2rem; font-weight: 500; line-height: 1.2em; margin: 30px 0; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3) } .abanner header { visibility:hidden; min-height: 350px; max-width: 900px !important; } .abanner .body .content-wrap .maintitle { color: #727272; font-size: 60px; line-height: 60px; margin-bottom: -15px; margin-top: 20px; margin-top: 60px; } .abanner .body .content-wrap .subtitle { margin: 0 0 0 0; text-transform: uppercase; color: #000; font-weight: bolder; font-size: 25px; font-stretch: condensed; font-family: 'Oswald', sans-serif; } .abanner .body .content-wrap a.article-link, .abanner .body .content-wrap a.article-link:link, .abanner .body .content-wrap a.article-link:visited, .abanner .body .content-wrap a:not(.nlink), .abanner .body .content-wrap a:link:not(.nlink), .abanner .body .content-wrap .author-name { color: #959595; font-size: 14px; line-height:14px; font-weight: normal; margin-top: -5px; margin-bottom: 0; } .abanner .body .content-wrap a.article-link:hover, .abanner .body .content-wrap a.article-link:link:hover { color: #f8ba01; } .abanner .body .content-wrap .date { color: #003B4F; line-height: 12px; font-size: 12px; margin-bottom: 35px; margin-top: -10px; } .abanner .body .content-wrap { padding: 0 0 5px 0; } /* aframe is basic article frame work*/ .aframe .content { position: relative; display: block; /*padding: 0 60px;*/ z-index: 10; overflow: hidden; background: #fff; font-family: 'Oswald', sans-serif; line-height: 34px; background-color: #fff } .aframe .content .inside { display: block; max-width: 850px; margin: 0 auto; } .aframe .body p { color: #333; line-height: 1.7em; margin: 0 auto 5px; } .aframe .body .ntext { color: #333; line-height: 1.7em } .aframe .body ul, .aframe .body ol { margin: 2em 3em 1.5em 2.5em } .aframe .body ul > li { list-style-type: disc; margin-left: 1em; line-height: 1.7em } .aframe .body ol > li { margin: 0; padding: 0 0 0 1em; text-indent: -1em; list-style-type: none; counter-increment: item; line-height: 1.7em } .aframe .body ol > li:before { display: inline-block; width: 1em; padding-right: 0.5em; font-weight: bold; text-align: right; content: counter(item) "."; } .aframe hr { color: #adadad; margin: 1.5rem 0 } .seamless:first-child .content { padding-bottom: 0 } .seamless:not(:first-child):not(:last-child) .content { padding-top: 0; padding-bottom: 0 } .seamless:last-child .content { padding-top: 0; } /* links */ a.article-link, a.article-link:link, a.article-link:visited, .aframe .body a:not(.nlink), .aframe .body a:link:not(.nlink), .aframe .body a:visited:not(.nlink) { color: #003b4f; padding-top: 2px; line-height: inherit; text-decoration: none !important; text-transform: capitalize; } .aframe header.body a:not(.nlink), .aframe header.body a:link:not(.nlink), .aframe header.body a:visited:not(.nlink) { color: #fff } a.article-link:hover, .aframe .body.dark a:hover:not(.nlink), .aframe .body.dark a:focus:not(.nlink), .aframe .body.dark a:active:not(.nlink), .aframe .body a:hover:not(.nlink), .aframe .body a:focus:not(.nlink), .aframe .body a:active:not(.nlink) { color: #f8ba01; padding-bottom: 0; border-bottom: none; -webkit-transition: background-color 350ms ease-out; transition: background-color 350ms ease-out; -webkit-box-shadow: none; box-shadow: none; text-decoration: none } .aframe header.body a:hover:not(.nlink), .aframe header.body a:focus:link:not(.nlink), .aframe header.body a:active:visited:not(.nlink) { color: #000 } /***********************************************************************************/ .gallery .goldlinks { text-shadow: 1px 1px 5px #000; position:absolute; bottom: 5px; } .gallery .goldlinks a:link { color: #f8ba01; font-weight: normal; text-decoration: none; } /* visited link */ .gallery .goldlinks a:visited { color: #f8ba01; font-weight: normal; text-decoration: none; } /* mouse over link */ .gallery .goldlinks a:hover { color: #fff; font-weight: normal; text-decoration: none; } /* selected link */ .gallery .goldlinks a:active { color: #f8ba01; font-weight: normal; text-decoration: none; } /* unvisited link */ .gallery .whitelinks a:link { color: #fff; font-weight: normal; text-decoration: none; } /* visited link */ .gallery .whitelinks a:visited { color: #fff; font-weight: normal; text-decoration: none; } /* mouse over link */ .gallery .whitelinks a:hover { color: #f8ba01; font-weight: normal; text-decoration: none; } /* selected link */ .gallery .whitelinks a:active { color: #f8ba01; font-weight: normal; text-decoration: none; } .gallery .image-fit { width: 100vw; height: 60vh; } .gallery .image { width: 100%; height: 100%; max-height: 60vh; background-size: cover; background-repeat: no-repeat; background-position: 0% 10%; background-color: #000; } .gallery #bannersection { position: absolute; top: 0; left: 0; height: 100%; width: 60%; background-image: linear-gradient(to right, rgba(0,0,0,.7), rgba(0,0,0,0)); color: white; padding-top: 30%; padding-bottom: 4%; padding-left: 5%; } .gallery #bannersection h1 { color: #f8ba01; } .gallery #bannersection a { font-weight: bold; } .gallery #bannerpreview { height: 50px; background-color: #585858; color: white; line-height: 50px; font-size: 22px; text-shadow: 2px 2px 5px #000; position: absolute; } .gallery .previousban span, .nextban span { color: #f8ba01; font-weight: bold; text-transform: uppercase; font-size: 16px; } .gallery .nextban p { float: right; padding-right: 21px; } .gallery .previousban p { padding-left: 21px; } .gallery .previousban:hover, .nextban:hover { cursor: pointer; } .gallery #storybanner3 { position: relative; height: auto; margin: -60px 0 0 0; padding: 0; width: 100vw; margin-left: calc((50vw - 50%)*-1); background-color: #000; } .gallery #storybanner3 img { width: 100%; height: auto; object-fit: cover; object-position: 0 -300px; } .gallery #storybanner3 #bannersection { position: absolute; top: 0; left: 0; height: 100%; width: 65%; background-image: linear-gradient(to right, rgba(0,0,0,.7), rgba(0,0,0,0)); color: white; padding-top: 1%; padding-bottom: 5%; padding-left: 5%; } .gallery #storybanner3 h1 { color: #f8ba01; font-size: 30px; line-height: 30px; } .gallery #storybanner3 h2 { color: #BDBDBD; font-size: 25px; line-height: 30px; } .gallery #storybanner3 .storyauthor { color: #fff; line-height: auto; padding-top: -5px; } .gallery #storybanner3 .storydate { color: #BDBDBD; line-height: 12px; margin-bottom: 35px; margin-top: -10px; } #gallery-pager-left { float: right; } .gallery .video-container { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } .gallery .video-container video { /* Make video to at least 100% wide and tall */ min-width: 100%; min-height: 100%; /* Setting width & height to auto prevents the browser from stretching or squishing the video */ width: auto; height: auto; /* Center the video */ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #000; } .gallery .video-container.play video { min-width: unset; min-height: unset; } .videoPlaying { height: 100%; } @media(max-width: 1400px) { .gallery #storybanner3 img { object-position: 0 -200px; } } @media (max-width: 1024px){ .gallery #storybanner3 h1 { font-size: 25px; line-height: 25px; } /*.gallery #storybanner3 #bannersection { padding-top: 50%; }*/ .gallery #bannersection a { font-weight: normal; font-size: 16px; } .gallery .image { max-height: 45vh; } .gallery .image-fit { height: 45vh; } } @media( 992px) { .gallery #storybanner3 img { object-position: 0 -50px; } /*.gallery #storybanner3 #bannersection { padding-top: 30%; }*/ .gallery .image-fit #bannersection .storyauthor { display: none; } .gallery #bannersection a { font-weight: normal; } .gallery #bannersection a:hover { color: #fff; } .gallery .image { max-height: 40vh; } .gallery .image-fit { height: 40vh; } } @media(max-width: 767px) { .gallery #storybanner3 img { object-position: 0 0; } .gallery #storybanner3 #bannersection { width: 100%; /*padding-top: 40%;*/ } .gallery .image { max-height: 55vh; } .gallery .image-fit { height: 55vh; } } @media(max-width: 580px) { /*.gallery #storybanner3 #bannersection { padding-top: 35%; }*/ .gallery .image { max-height: 40vh; } .gallery .image-fit { height: 40vh; } } @media(max-width: 580px) { /*.gallery #storybanner3 #bannersection { padding-top: 30%; }*/ } @media(max-width: 320px) { .gallery #bannersection a { font-size: 12px; } /*.gallery #storybanner3 #bannersection { padding-top: 30%; }*/ } /************************************************************************************/ @media ( max-width: 1200px) { /*.abanner .banner-angle { height: 560px }*/ .abanner .banner-image { height: 560px } .abanner header { padding: 120px 0 40px 0; max-width: 750px } } @media ( max-width: 992px) { .aframe .content { padding: 0px 45px 60px } } @media ( max-width: 768px) { .aframe .content { padding: 0px 15px 60px; } .abanner header { padding: 5px 20px 30px } .abanner.no-abanner-mobile .banner-angle { display: none; } .abanner .banner-image { height: 260px; } .abanner.no-abanner-mobile header { color: #333; padding: 85px 15px 0px; min-height: 0px; } .abanner.no-abanner-mobile header .maintitle { text-shadow: none; line-height: 1em; margin: 20px 0; color: #333 } .abanner.no-abanner-mobile header .subtitle { text-shadow: none; line-height: 1.2em; margin: 20px 0; color: #333 } .abanner.no-abanner-mobile a.article-link, .abanner a.article-link:link { color: #333 } .abanner .maintitle { line-height: 1.2em; margin: 20px 0 } .abanner .subtitle { line-height: 1.2em; margin: 20px 0; } .aframe .body p { line-height: 1.5em } .aframe .body .ntext { line-height: 1.5em } .aframe .external-link a { padding-left: 20px; padding-right: 20px } .aframe .body ul > li { line-height: 1.5em } .aframe .body ol > li { line-height: 1.5em } .aframe header.body a:not(.nlink), .aframe header.body a:link:not(.nlink), .aframe header.body a:visited:not(.nlink) { color: #000 } .aframe header.body a:hover:not(.nlink), .aframe header.body a:focus:link:not(.nlink), .aframe header.body a:active:visited:not(.nlink) { color: #fff } } .aframe .media-inline a, .aframe .media-inline a:link { color: initial !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .aframe a.popup { text-decoration: initial !important; border: initial !important } /************ end framework */ /* video icon */ .avideo-icon { transition: all .25s ease-out; } .avideo-icon, .adetail .mejs__overlay-button { z-index: 1; position: absolute; background: url('play.svg') 0 0 no-repeat !important; width: 155px !important; height: 107px !important; margin: auto auto auto auto; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; } .adetail .mejs__overlay:hover .mejs__overlay-button { background: url('play.svg') 0 -107px no-repeat !important } .aframe .small-video-icon .avideo-icon { transform: scale(.7) } @media ( max-width: 992px) { .avideo-icon, .adetail .mejs__overlay .mejs__overlay-button { transform: scale(.8) } .aframe .small-video-icon .avideo-icon { transform: scale(.5) } } @media ( max-width: 767px) { .avideo-icon, .adetail .mejs__overlay .mejs__overlay-button { transform: scale(.7) } .aframe .small-video-icon .avideo-icon { transform: scale(.4) } } @media ( max-width: 550px) { .avideo-icon, .adetail .mejs__overlay .mejs__overlay-button { transform: scale(.6) } .aframe .small-video-icon .avideo-icon { transform: scale(.3) } } /* drop down */ .aselect select { cursor: pointer; border: none; background: transparent; -webkit-appearance: none; font-family: 'Oswald', sans-serif; padding: 10px 55px 10px 15px; width: 100%; height: 100% } .aselect { display: inline-block; border: solid 1px rgb(115,124,128); font-size: 20px; height: 50px; background-color: #fff; border-radius: 4px; position: relative; font-weight: normal; text-transform: uppercase; } .aselect:after { position: absolute; right: 20px; top: 10px; font-family: "Font Awesome 5 Free"; font-weight: bold; content: '\f078'; color: rgb(115,124,128); font-size: 24px; pointer-events: none; background-color: transparent } .aselect.heavy { border: solid 2px rgb(105,105,105); color: rgb(105,105,105); background-color: rgba(105,105,105,.2); } /* blue button */ .aframe a.big-link, .aframe a.big-link:link, .aframe a.big-link:visited, .acs-blue-button, .acs-blue-button:link, .acs-blue-button:visited { box-shadow: none; border: 2px solid #355e93; color: #355e93; padding: 10px 55px; background-color: rgba(53,94,141,.05); font-weight: bold; text-transform: uppercase; border-radius: 4px; transition: all 0.5s; } .aframe a.big-link:hover, .acs-blue-button:hover { background-color: #355e93; color: #fff; text-decoration: none } /******************* DETAIL *********************/ .adetail { position: relative; overflow: hidden; top: -1.1px; } .adetail header .date { line-height: 1.6em; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: .85rem; letter-spacing: 3px } .adetail header a { color: #fff } .adetail header a:link { color: #fff } .adetail header a:visited { color: #fff } .adetail header a.article-link:hover { background-color: #f8ba01; color: #fff } .adetail .gallery { padding-bottom: 30px } .adetail .gallery .image { position: relative } .adetail .gallery .duration, .adetail .media-inline .duration { position: absolute; right: 15px; bottom: 15px; font-size: 17px; background-color: #333; color: #fff; border-radius: 4px; z-index: 2; padding: 3px 10px; } /* video */ .adetail .media-inline-video .image-wrapper { /*overflow: hidden*/ } .adetail .mejs__poster { /*width:105% !important; height:105% !important; top:-5px; bottom:-5px;right:-10px; left:-10px */ background-size: cover } div#dnn_ContentPane2 a, div#dnn_ContentPane2 a:visited, div#dnn_ContentPane2 a:link, div#dnn_ContentPane2 a.activeLink { } div#dnn_ContentPane2 a:hover, div#dnn_ContentPane2 a:focus, div#dnn_ContentPane2 a:active { } /*tags*/ .adetail .tags { display: inline-block; padding-top: 20px } .adetail .tags li{ display:inline; } .adetail .tags p{ font-weight: bold; font-size: 20px; padding-top: 10px; } .adetail .tags a, .adetail .tags a:link { display: inline-block; color: #003b4f; margin-right: 10px; font-family: 'Oswald', sans-serif; transition: all .2s ease-in; font-size: .85rem; padding-top: 10px; text-transform: lowercase } .adetail .tags a:hover { color: #003b4f; text-decoration: none; } /*social*/ .adetail .social-top { padding: 0 0 30px 0 } .adetail .social-bottom { padding: 20px 0 0 0 } .adetail .social-inner { justify-content: center; } /*related*/ .adetail .related p{ font-size: 20px; font-weight: bold; } .adetail .related .item { padding-bottom: 20px; padding-right: 10px; line-height: 1.2em; flex: 0 0 30%; } .adetail .related .item .subtitle { color: #717171; font-weight: bold; padding-right: 10px } /*gallery*/ .adetail .gallery .item img { border: 1px solid #9E9E9E; max-height: 1000px; margin: 0 auto; } /*.adetail .mejs__controls { display: none }*/ /*override inline*/ /*.media-inline-popup .media-inline-img-container img { display: inline-block; text-align: center } .media-inline-popup .title { color: #fff } */ .media-inline-popup { display: flex; margin: 30px; } .media-inline-popup .caption { overflow-x: auto; padding: 20px; font-size: 17px; color: #fff } .media-inline-popup .info { display: flex; flex-direction: column; background-color: #262626; margin-left: 20px; width: 300px; font-size: 15px } .media-inline-popup .title { display: none } .media-inline-popup .bottom { flex: 0 0 250px; padding: 20px } .media-inline-popup .social { border-top: 1px solid #ABABAB; margin-top: 10px; padding-top: 20px; padding-bottom: 10px; display: flex; align-items: center } .media-inline-popup .social-inner { font-size: 17px } .media-inline-popup .social span.subhead { padding-right: 10px; color: #adadad; letter-spacing: 2px } .media-inline-popup .social .social-inner a.addthis_button_email { margin-left: 5px } .media-inline-popup .social .social-inner a.addthis_button_facebook { margin-right: 5px; } .media-inline-popup .social-link { width: 35px; height: 35px; } .media-inline-popup .action { color: #adadad; flex-direction: column; padding: 0; line-height: 1.5; } .media-inline-popup .action .icon { padding-right: 10px } .media-inline-popup .action .action-item { padding: 6px 0 0 0; display: flex; align-items: center; } .media-inline-popup .action a, .media-inline-popup .action a:link, .media-inline-popup .action a:visited, .media-inline-popup .action a:hover { color: #adadad; } .media-inline-popup .action a:hover { color: #f4ba01; text-decoration: none; } .media-inline-popup .action .detail-link { display: none } .media-inline-popup .action .icon { width: 20px; height: 20px } .media-inline-popup .download-link .icon { background-image: none !important; } .media-inline-popup .download-link .icon:after { font-family: "Font Awesome 5 Free"; content: "\f019"; font-weight: bold } .media-inline-popup .photographer .icon { background-image: none !important; } .media-inline-popup .photographer .icon:after { font-family: "Font Awesome 5 Free"; content: "\f030"; font-weight: bold } .media-inline-popup .virin .icon { background-image: none !important; border: 1px solid #717171; border-radius: 50%; position: relative; width: 22px; height: 22px } .media-inline-popup .virin .icon:after { font-family: "Font Awesome 5 Free"; content: "\f129"; position: absolute; top: 0; left: 8px; font-weight: bold; font-size: .85em; } .media-inline-popup.slideshow { display: initial } .media-inline-popup.slideshow .caption { max-height: initial; overflow: auto; color:#000; } .media-inline-popup.slideshow .media-inline-img-container img { max-height: 500px; height: auto } .media-inline-popup.slideshow .action { flex-direction: row; padding: 0 } .media-inline-popup .action a, .media-inline-popup .action a:link, .media-inline-popup .action a:visited, .media-inline-popup .action a:hover { font-size: 15px } #cboxOverlay { background: none; background-color: rgb(0,0,0); opacity: 1; right: 35px } .inline-popup #cboxContent { background: #000; color: #fff; /*overflow: auto !important*/ } .inline-popup #cboxWrapper, .inline-popup #cboxContent, #colorbox.inline-popup { overflow: visible; -webkit-transform: none } .inline-popup #cboxClose { top: 0px !important } .inline-popup #cboxLoadedContent { margin-bottom: 0 } .inline-popup #cboxOverlay { width: 0 !important; height: 0 !important } .inline-popup #cboxTopLeft, .inline-popup #cboxTopCenter, .inline-popup #cboxTopRight, .inline-popup #cboxMiddleLeft, .inline-popup #cboxMiddleRight, .inline-popup #cboxBottomLeft, .inline-popup #cboxBottomCenter, .inline-popup #cboxBottomRight { display: none !important; width: 0 !important; height: 0 !important } .inline-popup ::-webkit-scrollbar-thumb { background: rgba(53, 94, 147, 1); border-radius: 10px; -webkit-border-radius: 10px; } .inline-popup ::-webkit-scrollbar-track { border-radius: 10px; -webkit-border-radius: 10px; } .inline-popup ::-webkit-scrollbar { width: 8px; } .inline-popup #cboxClose { background-image: url(/desktopmodules/articlecs/images/media-close.svg) !important; right: 20px; width: 20px; height: 20px; } .adetail .media-inline .overlay { background-image: none !important; width: 44px !important; height: 44px !important; opacity: 1; background-color: rgba(0,0,0,.3); bottom: 15px; right: 15px; border: #fff solid 1px; color: #fff; border-radius: 3px; transition: background-color 0.2s ease-in-out; line-height: 44px; z-index: 3; display: flex; justify-content: center } .adetail .media-inline .overlay:after { font-family: "Font Awesome 5 Free"; content: '\f31e'; font-size: 25px; font-weight: bold } .adetail .media-inline:hover .overlay { background-image: none !important; background-color: #fff; color: rgba(0,0,0,1) } .adetail .media-inline .linkoverlay { background-image: none !important; width: 44px !important; height: 44px !important; opacity: 1; background-color: rgba(0,0,0,.3); bottom: 15px; right: 15px; border: #fff solid 1px; color: #fff; border-radius: 3px; transition: background-color 0.2s ease-in-out; line-height: 44px; z-index: 3; display: flex; justify-content: center } .adetail .media-inline .linkoverlay:after { font-family: "Font Awesome 5 Free"; content: '\f35d'; font-size: 25px; font-weight: bold } .adetail .media-inline:hover .linkoverlay { background-image: none !important; background-color: #fff; color: rgba(0,0,0,1) } .adetail .media-inline .linkoverlay { background-image: none !important; width: 44px !important; height: 44px !important; opacity: 1; background-color: rgba(0,0,0,.3); bottom: 15px; right: 15px; border: #fff solid 1px; color: #fff; border-radius: 3px; transition: background-color 0.2s ease-in-out; line-height: 44px; z-index: 3; display: flex; justify-content: center } .adetail .media-inline .linkoverlay:after { font-family: "Font Awesome 5 Free"; content: '\f35d'; font-size: 25px; font-weight: bold } .adetail .media-inline:hover .linkoverlay { background-image: none !important; background-color: #fff; color: rgba(0,0,0,1) } .adetail .media-inline .minfo { padding-top: 5px; border-bottom: none } .adetail .media-inline .mtitle, .adetail .media-inline .caption { color: #717171; font-size: 15px; line-height: inherit } .adetail .media-inline a:hover, .adetail .media-inline a:link, .adetail .media-inline a { text-decoration: none !important; border-bottom: none !important } .adetail .media-inline .image-wrapper { display: block } .adetail .breakout { margin: 0 calc((40vw - 370px)*-1); } .adetail .breakout, .adetail .media-inline.breakout .image-wrapper { margin: 0 -315px; } .adetail .media-inline.breakout { margin: 0 auto 30px; width: 100% } .adetail .media-inline.breakout .image-wrapper img { width: 100% } .adetail .media-inline-xlarge img { width: 100% } @media ( min-width: 1750px) { } @media ( max-width: 1556px) { .adetail .breakout, .adetail .media-inline.breakout .image-wrapper { margin: 0 calc((45vw - 385px)*-1); } } @media ( max-width: 1200px) { .adetail header .date { font-size: 1rem } .adetail .tags a, .adetail .tags a:link { font-size: 1rem } .media-inline-popup img { height: auto !important } .media-inline-popup .media-inline-img-container { min-height: 1px } /*ie11*/ .media-inline-popup { flex-direction: column; margin: 30px 30px 75px 30px; } .media-inline-popup .info { background-color: #000; margin-left: 0; width: 100%; } .media-inline-popup .caption { height: auto; width: 100%; /*background-color: #fff;*/ padding: 20px } .media-inline-popup .action { font-size: 1rem } .inline-popup #cboxWrapper { height: auto !important; width: 100% !important } .inline-popup #cboxContent { display: flex; flex-direction: column; width: 100% !important; height: 100% !important } .inline-popup #cboxLoadedContent { order: 2; width: 100% !important; height: 100% !important; overflow: hidden !important } #colorbox.inline-popup { position: fixed !important; height: auto !important; top: 15px !important; bottom: 0; left: 0 !important; right: 0; top: 0; overflow-y: auto !important; width: 100% !important } .inline-popup #cboxClose { order: 1; position: static; margin-bottom: 15px; margin-right: 30px; align-self: flex-end } } @media ( max-width: 965px) { .media-inline-popup .bottom { flex: 0 0 200px } } /* 650px content body starts to shrink */ @media ( max-width: 855px) { .adetail .breakout, .adetail .media-inline.breakout .image-wrapper { margin: 0; } } @media ( max-width: 768px) { .adetail.aframe .content { padding: 0 } .adetail.aframe .content .inside { padding: 0px 15px } .adetail header.body a { color: #000 } article.no-abanner-mobile header a.acategory-skew { font-size: 1.1rem; box-shadow: none } article.no-abanner-mobile header date { font-size: 1.1rem } a.acategory-skew { font-size: 1.1rem; box-shadow: none } .adetail .tags a { margin: 0 7px 10px 0; font-size: 1.1rem } .adetail .breakout, .adetail .media-inline.breakout .image-wrapper { margin: 0 -15px; width: calc(100% + 30px) } /* .adetail .media-inline-xlarge .image-wrapper, .adetail .media-inline .image-wrapper.breakout { margin: 0 0 0 -8%; width: 101vw }*/ .adetail .gallery { padding-bottom: 0 } .ast-link.breakout { margin: 0; max-width: 100% } .ast-split.breakout .body { margin: 0 15px; max-width: 100% } } @media ( max-width: 667px) { .adetail .media-inline-xlarge .image-wrapper.video { max-width: initial } .adetail .media-inline-xlarge .image-wrapper, .adetail .media-inline .image-wrapper.breakout { margin: 0 -15px 0 -15px; max-width: 100vw } .ast-list .media-inline-xlarge .image-wrapper, .adetail .media-inline .image-wrapper.breakout { margin: 0 -45px 0 -45px; max-width: 100vw } .ast-list.circle .media-inline-xlarge .image-wrapper, .adetail .media-inline .image-wrapper.breakout { margin: 0 -45px 0 -105px; max-width: 100vw } } /*quiz*/ .adetail.quiz .body { text-align: center } .adetail header.during { padding: 75px 0 25px 0; display: none; max-width: initial !important } .adetail header.during .maintitle { color: #717171; text-shadow: none; font-size: 2rem; margin-bottom: 10px; padding: 0 15px } .adetail.aframe.quiz.during-state .content .inside { padding: 0 } .adetail.aframe.quiz .content .inside { max-width: none } .adetail.during-state .body { display: none } .adetail.during-state #omniquiz { box-shadow: 0px 0px 2px 2px #9e9e9e } .adetail.during-state .banner-angle { display: none } .adetail.during-state .banner-image { display: none } .adetail.during-state header.start { display: none } .adetail.during-state header.during { display: flex !important } .adetail.during-state header.done { display: none } .adetail.during-state .social-top { display: none } .adetail.during-state .content { padding: 0 } .adetail.done-state header.start { display: none } .adetail.done-state header.during { display: none } .adetail.done-state header.done { display: flex !important } .adetail.done-state header.done .maintitle.message { font-family: 'Oswald', sans-serif; font-size: 1.6rem; margin-top: 0 } /*quiz embed*/ .adetail .quiz-embed { background: rgb(242,245,246); background: radial-gradient(ellipse at center, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); } .adetail .quiz-embed .omniquizQuestionContainer { padding: 0 } /******************* LISTING *********************/ .alist { position: relative; } .alist-inner { display: block } .alist.stories { padding: 0; font-family: 'Oswald', sans-serif; } .alist.stories .item { padding-bottom: 80px; position: relative } .alist.experience.list .item .inner-list, .alist .subhead { display: block; } .alist.experience .item .inner-list, .alist.experience.list .item .subhead { display: none; } * { font-family: 'oswaldlight', sans-serif; } .alist.experience.list .item.mosaic { padding: 0px; max-width: 50%; flex: 1 0 46%; margin: 5px; border: 1px solid rgba(0,0,0, .125); border-radius: .25em; opacity: 1; color: #003B4F; } .aframe.also-like.list .poster a, .aframe.also-like.list .poster a:visited, .aframe.also-like.list .poster a:link { color: #003B4F; } .alist.experience.list .item.mosaic:hover { border: 1px solid #003B4F; background-color: #fff; cursor: pointer; opacity: 1; box-shadow: 0px 15px 30px -12px #333; } .alist.experience.list .item:hover h3 a { color: #f8ba01; } .alist.experience.list .item .storydate { font-family: OswaldLight, sans-serif; font-weight: 400; } .alist.experience.list .item:hover h3 a, .alist.experience.list .item:hover .storydate { color: #f8ba01; background-color: #fff; } .alist.experience.list .item.mosaic .title { color: #003B4F; font-weight: 600; text-decoration: none; } .alist.experience.list .item.mosaic .title:hover { color: #f8ba01; } .alist.experience.list .item .poster:after { padding-top: 75%; content: ''; } .alist.experience.list .item .poster { margin-left: 1%; background-color: transparent; } .alist.experience.list .item .poster h3 { display: none; } .alist.experience .item .poster h3 { display: block; } .alist.experience.list .item .details h3 { display: block; padding: 0; } .alist.experience.list .item .image { display: block; background-size: cover; margin-top: 1%; width: 100%; } .alist.experience.list .item .taglist, .alist.experience.list .item .details { display: block; } .alist.experience.list .item .taglist ul { list-style-type: none; padding-left: 5%; margin-top: 5%; } alist.experience.list .item .taglist ul li { padding-top: 10px; } alist.experience.list .item .taglist a:before { content: '\0020'; } .alist.experience.list .item a { text-decoration: none; color: #003B4F; } .alist.experience .item .taglist, .alist.experience .item .details { display: none; } .alist.experience.list .item .inner-list { margin-right: 1%; position: relative; } .alist.experience.list .item .details { margin-right: 1%; text-decoration: none; padding-left: 5%; margin-bottom:55px; } .alist.experience.list .item .details .list-info-text { bottom: 5px; right: 5px; position: absolute; } .alist.experience.list .item .details .detaillinks li { display: inline; margin-right: 5% } .alist.experience.list .item .details .detaillinks li:before, .alist.experience.list .item .details .storydate:before, .alist.experience.list .item .taglist li:before, .alist.experience.list .item .details .linkone a:before, .alist.experience.list .item .details .linktwo a:before { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; } .alist.experience.list .item .details .detaillinks { display: flex; } .alist.experience.list .item .details .linkone { flex: 1; } .alist.experience.list .item .details .linktwo { flex: 1; } .alist.experience.list .item .details .linkone a:hover { color: #f8ba01; } .alist.experience.list .item .details .linktwo a:hover { color: #f8ba01; } /*.alist.experience.list .item .details .linkone a:before { content: "\f1ea"; } .alist.experience.list .item .details .linktwo a:before { content: "\f21a"; }*/ /*.alist.experience.list .item .details .storydate:before { content: "\f073" }*/ .alist.experience.list .item .taglist li { font-weight: 600; display: inline-block; } .alist.experience.list .item .taglist { margin-right: 5%; } .alist.experience.list .item .taglist ul li a:hover { color: #f8ba01; } .alist.experience.list .item .taglist ul li a i:hover { color: #f8ba01; } .alist.experience.list .item .taglist li a:visited { color: #003B4F; } .alist.experience.list .item .details .detaillinks ul { padding-left: 0; margin-bottom: 5%; } .alist.experience.list .item .details .detaillinks { padding-left: 0; margin-top: 5%; margin-bottom: 3%; } .alist.experience.list .item .listsubhead a { display: block; margin-bottom: 10px; font-size: .7rem; width: 100%; padding: 3px; border-radius: 4px; margin: 1.5% 5% 1% auto; display: block; background: #333; color: #fff; cursor: pointer; text-align: center; text-transform: capitalize; font-weight: normal; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #6c757d; background-color: #6c757d; line-height: 2; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; min-width: 75px; } .alist.experience.list .item .listsubhead a:active{ color: #fff; background-color: #545b62; border-color: #4e555b; } .alist.experience.list .item .listsubhead a:focus{ box-shadow: 0 0 0 0.2rem rgba(108,117,125,.5); } .alist.experience.list .item .listsubhead a:after { content: ">"; } .alist.experience.list .item { display: flex; } .alist.experience.list .item .inner-grid { flex: 1; margin-top: 1%; margin-left: 1%; margin-bottom: 1%; } .alist.experience.list .item .inner-list { flex: 2; border-left: 1px solid #eee; margin-top: 1%; margin-left: 1%; margin-bottom: 1%; } .alist.experience.list .poster h3 { text-shadow: none; } @media(max-width:1024px) { .alist.experience.list .item { max-width: 100%; } } .alist.experience.list .item .overlay { display: none } .alist.experience.list .item .info { display: block; position: relative; padding: 0 } /*category*/ .alist.stories .item a.category, .alist.stories .item a.category:link { margin-bottom: 10px; margin-top: 5px; color: #003b4f; display: block } .alist.stories.breaking .item a.category span { display: none } .alist.stories.breaking .item a.category { pointer-events: none; cursor: default; text-decoration: none; } .alist.stories.breaking .item a.category:after { color: #f8ba01; content: 'BREAKING' } /*poster*/ /*.alist.stories .item.hover .poster div { transform: scale(1.1); }*/ .alist.stories .item .poster { float: right; overflow: hidden; position: relative; border-radius: 4px; border: #adadad solid 1px; display: inline-block; -webkit-box-shadow: 0px 32px 23px -10px rgba(0,0,0,.2); box-shadow: 0px 32px 23px -10px rgba(0,0,0,.2); width: 60% } .alist.stories .item .poster div { position: absolute; top: -1px; bottom: -1px; right: 0; left: 0; width: 100%; height: auto; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .25s ease-out; } .alist.stories .item a.title, .alist.stories .item a.title:link { font-size: 2rem; line-height: 1.2em; font-weight: bold; color: #333; margin-bottom: 10px } .alist.stories.breaking .item .poster { right: 10% } /*.alist.stories .item.hover .poster .avideo-icon { transform: scale(1.1); }*/ @media ( max-width: 992px) { .alist.stories .item.hover .poster .avideo-icon { transform: scale(.9); } } @media ( max-width: 767px) { .alist.stories .item.hover .poster .avideo-icon { transform: scale(.8); } } @media ( max-width: 550px) { .alist.stories .item.hover .poster .avideo-icon { transform: scale(.7); } } /*info block*/ .alist.stories .item .info { z-index: 3; cursor: pointer; position: absolute; left: 14%; background: rgba(255, 255, 255, 0.9); width: 38%; padding: 20px 30px 30px; border-top: solid 8px #355D8E; border-radius: 3px; bottom: 110px; -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); margin: 0 5px 0 5px } .alist.stories .item .info .bar { display: flex; justify-content: flex-start; padding-top: 30px; color: #717171; align-items: center; } .alist.stories.breaking .item .info { border-color: #F8BA01; } /*play button*/ .alist.stories .item .info a.play { display: flex; align-items: center; justify-content: center; position: absolute; right: -33px; bottom: 30px; width: 66px; height: 66px; border-radius: 50%; background-color: #003b4f; color: #fff; font-size: 1.6rem; padding: 2px 0 0 4px } .alist.stories .item .info a.play:hover { text-decoration: none; } .alist.stories .item .info a.play span:after { font-family: 'Font Awesome\ 5 Free'; content: '\f054'; } .alist.stories.breaking .item .info a.play { background-color: #f8ba01; } /*date*/ .alist.stories .item time { order: 3; padding-left: 36px; font-size: .85rem; padding: 0 2rem } /*info - social icons*/ .alist.stories .item .info .social { order: 2 } /*1st item*/ .alist.stories .item:nth-child(even) .info { right: 14%; left: inherit } .alist.stories .item:nth-child(even) .poster { float: left } .alist.stories .item:nth-child(even) .info a.play { left: -33px; padding: 2px 4px 0 0 } .alist.stories .item:nth-child(even) .info a.play span:after { content: '\f053'; } .alist.stories .item:nth-child(even) .info time { order: 1 } .alist.stories .item:nth-child(even) .info .bar { justify-content: flex-end } .alist.stories.breaking .item:nth-child(even) .poster { left: 10% } /*pager*/ .alist .pager { position: relative; z-index: 10 } .alist .apager { display: flex; flex-direction: row; justify-content: center; } .alist .apager div { width: 55px; height: 55px; text-align: center; line-height: 53px; font-size: 30px; font-weight: bold } .alist .apager a, .alist .pager a:link { color: #696969 } .alist .apager .active { border-radius: 50%; background-color: #003b4f } .alist .apager .active a, .alist.stories .pager .active a:link, .alist.stories .pager .active a:hover { color: #fff } .alist .apager .disabled, .alist.stories .apager .disabled a { color: rgba(105, 105, 105,0.25) } .alist .apager .nextprev { font-size: 40px; font-weight: normal } .alist.no-items { display: block; font-size: 1.2rem } @media ( max-width: 1200px) { .alist.stories .item .info { width: 46%; left: 8% } .alist.stories .item:nth-child(even) .info { right: 8% } .aframe.also-like .poster h3 { font-size: 1.5rem; line-height: 2.2rem; } } @media ( max-width: 992px) { .alist.stories .item { padding-bottom: 0 } .alist.stories .item a.category { margin-bottom: 10px; font-size: 1.2rem } .alist.stories .item .title { font-size: 30px; line-height: 35px } .alist.stories .item .info { position: relative; width: 90%; bottom: 80px; margin: 0 5px 0 5px; padding: 20px 24px 20px 24px; margin: 0 auto; left: 0 } .alist.stories .item .info a.play { top: -35px; right: 30px; bottom: initial; width: 60px; height: 60px; font-size: 1.6rem; } .alist.stories .item .info a.play span { padding: 2px 0 0 } .alist.stories .item .info .bar { justify-content: space-between; padding-top: 20px } .alist.stories .item .info time { order: 3; font-size: 1rem; padding-right: 0; } .alist.stories .item .poster { text-align: center; } .alist.stories .item .poster { width: 100%; float: none; } .alist.stories.breaking .item .poster { right: 0 } .alist.stories.breaking .item:nth-child(even) .poster { left: 0 } .alist.stories .item:nth-child(even) .poster { float: none; width: 100% } .alist.stories .item:nth-child(even) .info { right: initial } .alist.stories .item:nth-child(even) .info .social { float: none; order: 0 } .alist.stories .item:nth-child(even) .info a.play { left: inherit; } .alist.stories .item:nth-child(even) .info a.play span { padding: 2px 0 0 4px } .alist.stories .item:nth-child(even) .info a.play span:after { content: '\f054'; } .alist.stories .item:nth-child(even) .info .bar { justify-content: space-between } .aframe.also-like .poster h3 { font-size: 1.2rem; line-height: 2.1rem; } } @media ( max-width: 767px) { .alist.stories .item a.category { font-size: 1.4rem } .alist.stories .item .info time { font-size: 1.2rem } .alist.stories .item .info a.play { font-size: 1.8rem } .aframe.also-like .item.mobile { margin-top: 0; margin-bottom: 0; flex: 0 0 49.1%; } .aframe.also-like .item.mobile:nth-child(odd) .inner { padding: 0; } .aframe.also-like .item.mobile:nth-child(even) .inner { padding: 0; } } @media ( max-width: 550px) { .alist.stories .item .info a.play { width: 50px; height: 50px; top: -30px } .alist.stories .item .info a.play { font-size: 1.6rem } } @media all and (max-width: 420px){ .aframe.also-like .item.mobile .poster .subhead { display: none; } .aframe.also-like .item.mobile .poster h3 { top: auto; bottom: 0; padding: 0; margin: auto; width: 97.0%; font-size: 1.2rem; text-align: center; text-shadow: 1px 1px 5px #000; } .aframe.also-like .item.mobile .poster h4 { display:block; } .aframe.also-like .item.mobile .poster .overlay.overlay-info { display: none; } .aframe.also-like .item.mobile .poster.noimage:after { content: ''; padding: 18%; } .aframe.also-like .item.mobile .poster.noimage h4 span { padding: 0 10px; border-bottom: 2px solid #fff; } .aframe.also-like .item.mosaic { max-width: 100%; flex: 1 0 100%; } } @media (max-width: 320px){ .adash.suggest .poster { width: 40%; height: 10%; } } /* list view */ .alist.stories.list { } .alist.stories.list .item { padding-bottom: 30px } .alist.stories.list .item .poster { display: none; } .alist.stories.list .item .info a.play { display: none } .alist.stories.list .item .info { position: relative; width: 99%; bottom: 0; left: inherit; right: inherit } .alist.stories.list .item .info .bar { justify-content: flex-start; } .alist.stories.list .item .info time { order: 3; padding-left: 50px } .alist.stories.list .item .info:hover { transform: none } /* search view */ .alist.stories.list.search .item { display: flex } .alist.stories.list.search .item .poster-outer { display: inline-block; flex: 0 0 30%; width: 100%; } .alist.stories.list.search .item .poster { float: none; display: inline-block; box-shadow: none; width: 100% } .alist.stories.list.search .item .poster:hover { } .alist.stories.list.search .item .info { flex: 0 0 70%; border: none; box-shadow: none; margin: 0; padding: 0 0 0 30px; cursor: auto } /*.alist.stories.list.search .item .poster:hover div { transform: scale(1.1); }*/ .alist.stories.list.search .item .category { line-height: 1.2em; margin-top: 0 } .alist.stories.list.search .item .info .bar { padding-top: 20px } .alist.stories.list.search .item .info time { padding-left: 30px } .alist.stories.list.search .item .avideo-icon { transform: scale(.7) } .alist.stories.list.search header .maintitle { font-family: 'Oswald', sans-serif; margin: 0 } .alist.stories.list.search header .subtitle { font-family: 'Oswald', sans-serif; margin: 0 } .alist.stories.list.search .pager { margin: 4rem 0 1rem 0 } .alist.stories.list.search .content { min-height: 500px } @media ( max-width: 1400px) { } @media ( max-width: 1200px) { .alist.stories.list.search .item .avideo-icon { transform: scale(.5) } .alist.stories.list.search .item .poster:hover .avideo-icon { transform: scale(.6) } } @media ( max-width: 992px) { } @media ( max-width: 767px) { .alist.stories.list.search .item { display: block } .alist.stories.list.search .item .avideo-icon { transform: scale(.8) } .alist.stories.list.search .item .poster { display: block; flex: none } .alist.stories.list.search .item .info { flex: none; padding: 0 0 20px } .alist.stories.list.search .item .info .bar { padding-top: 15px } .alist.stories.list.search .item .poster:hover .avideo-icon { transform: scale(.9) } } /*subtitle*/ .alist .subtitle span { font-size: 24px; color: rgb(195,55,56) } /* quiz listing */ .alist.quiz { } .alist.quiz .alist-inner { display: flex; flex-wrap: wrap; margin: 30px -15px; } .alist.quiz .item { width: 33.33%; padding: 0 15px 60px; } .alist.quiz .quiz-image { padding-top: 81.25%; background-size: cover; background-position: center center; } .alist.quiz .info { background: #fff; padding: 25px 25px 70px; position: relative; width: 85%; margin: -100px auto 0; box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); min-height: 140px; } .alist.quiz .info:before { content: ''; display: block; position: absolute; left: 0; right: 0; height: 10px; top: -10px; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 10 10'%3E%3Cpolygon fill='white' points='10,10 10,0 0,10' opacity='1'%3E%3C/polygon%3E%3C/svg%3E"); } .alist.quiz .info .title { font-size: 1.4rem; font-weight: bold; display: block; } .alist.quiz .info .category { transform: skewX(-15deg); color: #fff; background: #355E92; position: absolute; top: -30px; right: 20px; text-transform: uppercase; padding: 8px 25px; font-weight: bold; letter-spacing: 2px; } .alist.quiz .info .category span { transform: skewX(15deg); display: block } .alist.quiz .info .quiz-question-count { position: absolute; bottom: 25px; left: 25px; } @media ( max-width: 1400px) { .alist.quiz .item { width: 50%; } } @media ( max-width: 1024px) { .alist.quiz .item { width: 100%; } .alist.quiz .info .title { font-size: 2rem; } .alist.quiz .info { min-height: 0 !important; } } @media ( max-width: 776px) { .alist.quiz .info .quiz-question-count { font-size: 1.2rem; } .alist.quiz .info .category { font-size: 1.2rem; } } .alist.quiz.list .alist-inner { display: block; margin: 60px 0 0; } .alist.quiz.list .item { width: 100%; padding: 0; } .alist.quiz.list .quiz-image { display: none; } .alist.quiz.list .info:before { display: none; } .alist.quiz.list .info { margin: 0 0 70px; padding: 40px 30px 30px; width: auto; border-top: solid 8px #355D8E; border-radius: 3px; box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); } .alist.quiz.list .info .title { font-size: 2rem; margin: 0 0 10px; } .alist.quiz.list .info .category { right: auto; left: 40px; top: -30px; } .alist.quiz.list .info .quiz-question-count { position: static; display: block; font-size: 1.2rem; } @media ( max-width: 450px) { .alist.quiz .info { margin: -50px auto 0; width: 90%; } .alist.quiz .info .title { font-size: 1.6rem; } } /******************* filter *********************/ .afilter { position: relative; width:1140px; margin: 0 auto; } .afilter input, .afilter select { background: #fff; border: solid 1px rgb(0,59,79); padding: 10px 20px; height: 50px !important; font-size: 1rem !important; text-transform: uppercase; font-family: 'Oswald', sans-serif; color: #003b4f; } .afilter select { cursor: pointer; -webkit-appearance: none; } .afilter input::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #696969; } .afilter input::-ms-input-placeholder { /* Microsoft Edge */ color: #696969; } .afilter input::placeholder { /* Most modern browsers support this now. */ color: #696969; } .afilter .RadInput_Default .riEmpty { color: #696969; font-weight: normal } .afilter select option { margin-bottom: 13px; margin-left: 200px } .afilter .bbb { /*border: solid 1px rgb(0,59,79);*/ background-color: #fff; border-radius: 4px; position: relative; width: 100%; font-weight: normal } .afilter .bbb:after { position: absolute; right: 20px; top: 10px; font-family: 'Font Awesome\ 5 Free'; font-weight: bold; content: '\f078'; color: rgb(0,59,79); font-size: 24px; pointer-events: none; background-color: #fff } /*.afilter .search { float: right; }*/ .afilter .search input { background-color: #fff; border: 2px solid #003b4f; color: #003b4f; padding: 10px 55px; background-color: rgba(53,94,141,.05); font-weight: bold; margin: 15px; } .afilter .search input:hover { transition: all 0.5s; background-color: #003b4f; color: #fff } .afilter .RadPicker table.rcTable { border: solid 1px rgb(115,124,128); border-radius: 4px; display: inline-block; background-color: #fff } .afilter .riSingle .riTextBox[type="text"] { margin-left: 2px; border: none; font-style: normal; font-family: 'Oswald', sans-serif; padding: 10px 20px; font-size: 1rem !important } .afilter .RadPicker_Default a.rcCalPopup { background-image: none; text-indent: 0; width: 50px; height: 40px; font-size: 0; margin: 0 } .afilter .RadPicker_Default a.rcCalPopup::after { font-family: "Font Awesome 5 Free"; content: '\f073'; color: #717171; font-size: 28px; position: absolute; top: 4px; right: 10px; width: 40px; height: 40px; visibility: visible } .afilter .RadPicker_Default { width: 50% !important; float: left } .afilter .RadPicker_Default:first-child { padding-right: 15px } .afilter .RadPicker_Default:last-child { padding-left: 15px } .RadCalendarPopupShadows > .rcShadTR, .RadCalendarPopupShadows > .rcShadBL, .RadCalendarPopupShadows > .rcShadBR { display: none } .RadCalendar .rcRow td, .RadCalendar .rcWeek th { text-align: center !important; font-size: 1.2rem !important } .afilter .top-bar { display: flex; flex-direction: row; justify-content: space-between; padding: 11px 11px 15px; } .afilter .top-bar .toggle { border: solid 2px #003b4f; padding: 10px 55px 10px 55px; font-size: 20px; height: 50px; border-radius: 4px; color: #003b4f; font-family: 'Oswald', sans-serif; text-transform: uppercase; background-color: rgba(0,59,79,.05); font-weight: bold; display: flex; align-items: center; } .afilter .top-bar .toggle span { padding-left: 5px } .afilter .top-bar a.toggle:link { color: rgb(0,59,79); text-decoration: none } .afilter .top-bar a.toggle:hover { color: rgba(0,59,79, 1); background-color: rgba(0,59,79,.2); transition: all 0.5s; text-decoration: none } .afilter .top-bar a.toggle.showit span:before { font-family: 'Font Awesome\ 5 Free'; content: '\f077' } .afilter .sel-card, .afilter .sel-list { color: #717171 } .afilter a.select-view:link { text-decoration: none } ul.tagit{ border-color:#003b4f; border-radius: 4px; } ul.tagit li.tagit-choice{ background-color: rgba(0,59,79, .3); border-color: rgba(0,59,59,1); } ul.tagit li.tagit-choice:hover { color:#fff; background-color: rgba(0,59,79, .8); border-color: rgba(0,59,59,1); } ul.tagit li.tagit-choice .tagit-label:not(a){ color:rgba(0,59,59,1); } ul.tagit li.tagit-choice .tagit-label:hover{ color:#fff; } afilter select:after { font-family: 'Font Awesome\ 5 Free'; font-weight: bold; content: '\f011'; } .afilter select:hover, ul.tagit:hover { border-color: #f8ba01; } .afilter input:hover:not([type='submit']) { border-color: #f8ba01; } .afilter .select-view { border-color: transparent; color: #003b4f; border-radius: 4px; display: inline-block; width: 50px; height: 50px; margin-left: 15px; display: flex; justify-content: center; align-items: center } .afilter .select-view span { color: #003b4f; font-size: 1.6rem; padding-top: 2px } .afilter .select-view.selected { background-color: #f8ba01; } .afilter .select-view.selected span { color: #fff } .afilter .select-view.selected:hover { text-decoration: none; background-color: #f8ba01; transition: none } .afilter .select-view:hover { text-decoration: none; transition: all 0.5s; background-color: rgba(105,105,105,.2) } .afilter .view-selector { display: flex; } .afilter .filter-item { padding-bottom: 20px } .afilter .items { display: inline-block; overflow: hidden; width: 100%; padding: 11px; } .afilter .items.showit { width: 100%; } .btn-primary:hover { background-color: #003b4f; border-color: #003b4f; } @media ( max-width: 992px) { .afilter .top-bar .toggle { pad
GET http://www.navy.mil/
Connection:keep-aliveContent-Length:0Date:Fri, 30 Sep 2022 10:37:12 GMTLocation:https://www.navy.mil/Server:AkamaiGHost
Empty body