CINXE.COM
About | Senator Tom Cotton
<!DOCTYPE html> <!--[if lt IE 7 ]><html lang="en" class="no-js ie ie6"> <![endif]--> <!--[if IE 7 ]><html lang="en" class="no-js ie ie7"> <![endif]--> <!--[if IE 8 ]><html lang="en" class="no-js ie ie8"> <![endif]--> <!--[if IE 9 ]><html lang="en" class="no-js ie ie9"> <![endif]--> <!--[if IE 10 ]><html lang="en" class="no-js ie ie10"> <![endif]--> <!--[if IE 11 ]><html lang="en" class="no-js ie ie11"> <![endif]--> <!--[if gt IE 11]><html lang="en" class="no-js ie"> <![endif]--> <!--[if !(IE) ]><!--> <html lang="en" class='no-js'> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="page-title" content="About"> <title>About | Senator Tom Cotton</title> <link href="/assets/images/favicon.ico" rel="Icon" type="image/x-icon"/> <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png"> <link rel="manifest" href="/assets/images/site.webmanifest"> <link rel="mask-icon" href="/assets/images/safari-pinned-tab.svg"> <link rel="canonical" href="https://www.cotton.senate.gov/about"> <meta name="google-site-verification" content="pv4CBQ9zSlHM3SpPSKTboWn3pQG58gUeQls_3f8_rjM"> <meta name="apple-mobile-web-app-title" content="Tom Cotton"> <meta name="application-name" content="Tom Cotton"> <meta name="msapplication-TileColor" content="#00ad6b"> <meta name="theme-color" content="#00ad6b"> <link rel="canonical" href="https://www.cotton.senate.gov/about"> <meta name="google-site-verification" content="pv4CBQ9zSlHM3SpPSKTboWn3pQG58gUeQls_3f8_rjM"> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="About | U.S. Senator Cotton of Arkansas"> <meta name="twitter:image" content="https://www.cotton.senate.gov/assets/images/sharelogo.png"/> <meta name="twitter:description" content="The Official U.S. Senate website of Senator Tom Cotton of Arkansas"/> <meta property="og:url" content="https://www.cotton.senate.gov/about"/> <meta property="og:image" content="https://www.cotton.senate.gov/assets/images/sharelogo.png"/> <meta property="og:title" content="About | U.S. Senator Cotton of Arkansas"/> <meta property="og:description" content="The Official U.S. Senate website of Senator Tom Cotton of Arkansas"/> <script> var application = { "config": { "tinymce": { "plugins": { "selectvideo": { "player": "jwplayer", // should be set to "legacy" or "jwplayer" currently "youtube": true, // set to true to write the youtube tags for youtube videos "width": "100%", // set width and height on the containing element "height": "100%", "tracking": true } } } }, "fn": { // deprecated mootools 1.2 stuff that we'll probably still use once we upgrade fully to 1.3 "defined": function (obj) { return (obj != undefined); }, "check": function (obj) { return !!(obj || obj === 0); } }, "form": { "processed": "null", }, "friendly_urls": false, "map": { "width": "100%", // set width and height on the containing element "height": "100%" }, "siteroot": "https://www.cotton.senate.gov/", "theme": "", "webroot": "https://www.cotton.senate.gov/", "assetWebroot": "https://www.cotton.senate.gov/" }; </script > <link rel="stylesheet" type="text/css" href="https://www.cotton.senate.gov/styles/common.css"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/> <script src="https://www.cotton.senate.gov/scripts/vendor.js"></script> <script src="https://assets.adobedtm.com/566dc2d26e4f/f8d2f26c1eac/launch-3a705652822d.min.js"></script> <script src="https://www.cotton.senate.gov/scripts/mootools/mootools.js"></script> <script src="https://www.cotton.senate.gov/scripts/mootools/mootools-more.js"></script> <script> window.top['site_path'] = "F474D474-C5E3-D64A-3896-633D269D3A62"; window.top['SAM_META'] = { jquery: "", bootstrap: { major: "" } }; </script> <link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@500;700&display=swap" rel="stylesheet"> </head> <body onload='' class="SiteLayout body--block_editor body--internal js-body"> <!-- in sen-n --> <!--stopindex--> <div class="SiteLayout__header SiteLayout__"> <div class="SiteLayout__headerNav"> <a href="#aria-skip-nav" class="sr-only">Skip to content</a> <div class="SiteHeader"> <div class="container h-100"> <div class="SiteHeader__layout h-100"> <div class="SiteHeader__logoContainer h-100"> <a class="SiteHeader__logo" href="/"> <img src="https://www.cotton.senate.gov/assets/images/logo.svg" alt="Primary Logo"> </a> </div> <div class="SiteHeader__nav h-100"> <div id="js-site-nav" class="SiteNav"> <nav aria-label="Site Navigation" class="SiteNav__layout"> <div class="SiteNav__main"> <ul class="SiteNav__linkList"> <li class="SiteNav__item"> <a class="SiteNav__link SiteNav__link--selected" href="https://www.cotton.senate.gov/about" tabindex="0"> About Tom </a> </li> <li class="SiteNav__item SiteNav__item--dropdown"> <a class="SiteNav__link" href="https://www.cotton.senate.gov/help" tabindex="0"> Help for Arkansans </a> <ul class="SiteNav__dropdown"> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/help/casework" tabindex="0"> Casework </a> </li> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/help/tour-requests" tabindex="0"> Tour Requests </a> </li> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/help/flag-requests" tabindex="0"> Flag Requests </a> </li> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/help/internships" tabindex="0"> Internships </a> </li> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/help/academy-nominations" tabindex="0"> Academy Nominations </a> </li> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/help/grants" tabindex="0"> Grants </a> </li> </ul> </li> <li class="SiteNav__item SiteNav__item--dropdown"> <a class="SiteNav__link" href="https://www.cotton.senate.gov/news" tabindex="0"> News </a> <ul class="SiteNav__dropdown help"> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/news/press-releases" tabindex="0"> Press Releases </a> </li> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/news/op-eds" tabindex="0"> Op-Eds </a> </li> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/news/speeches" tabindex="0"> Speeches </a> </li> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/news/videos" tabindex="0"> Videos </a> </li> </ul> </li> <li class="SiteNav__item SiteNav__item--dropdown"> <a class="SiteNav__link" href="https://www.cotton.senate.gov/contact" tabindex="0"> Contact </a> <ul class="SiteNav__dropdown"> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/contact/contact-tom" tabindex="0"> Contact Tom </a> </li> <li class="SiteNav__dropdownItem"> <a class="SiteNav__dropdownLink" href="https://www.cotton.senate.gov/contact/newsletter" tabindex="0"> Newsletter Sign-Up </a> </li> </ul> </li> </ul> </div> <div class="SiteNav__searchToggle"> <button aria-label="search button" class="SiteNav__searchToggleButton" data-toggle-class="SiteNav--searchMode" data-target="#js-site-nav"> <span class="sr-only">Search Button</span> <span class="SiteNav__searchToggleIcon fa fa-search" aria-hidden="true"></span> </button> </div> <div class="SiteNav__searchOverlay SiteNav__layout"> <div class="SiteNav__main"> <form class="SiteNav__searchForm row ml-3 mr-0 flex-nowrap" aria-label="search" role="search" method="get" action="/search"> <input type="hidden" name="as_sitesearch" value=""/> <input type="hidden" name="client" value="cotton"/> <input type="hidden" name="sntsp" value="0"/> <input type="hidden" name="filter" value="0"/> <input type="hidden" name="num" value="15"/> <input type="hidden" name="numgm" value="3"/> <input type="hidden" name="sitesearch" value=""/> <input type="hidden" name="start" value="0"/> <label class="sr-only" for="js-site-nav-search-input">Search</label> <input name="q" id="js-site-nav-search-input" class="SiteNav__searchInput col" type="text" placeholder="Search"> <button aria-label="nav search submit" class="SiteNav__searchFormButton col-auto" type="submit"> <span class="sr-only">Nav Search Submit</span> <span class="SiteNav__searchToggleIcon fa fa-search" aria-hidden="true"></span> </button> </form> </div> <div class="SiteNav__searchToggle"> <button aria-label="search close" class="SiteNav__searchToggleButton" data-toggle-class="SiteNav--searchMode" data-target="#js-site-nav"> <span class="sr-only">Search Close</span> <span class="SiteNav__searchToggleIcon fa fa-close" aria-hidden="true"></span> </button> </div> </div> </nav> </div> <script> $(document).ready(function () { $('[data-toggle-class]').click(this, function () { var className = $(this).data('toggle-class'); var target = $(this).data('target'); var hasClass = $(target).hasClass(className); $(target).toggleClass(className); if (hasClass) { $('#js-site-nav-search-input').val(''); return; } $('#js-site-nav-search-input').focus(); }); }); </script> </div> <div class="SiteHeader__social"> <ul class="SocialIcons"> <li class="SocialIcons__item"> <a class="SocialIcons__link SocialBubble" href="https://www.facebook.com/SenatorTomCotton" target="_blank"> <i class="fa fa-facebook SocialBubble__icon SocialBubble__icon--facebook"> <span class="sr-only">Senator Cotton Facebook</span> </i> </a> </li> <li class="SocialIcons__item"> <a class="SocialIcons__link SocialBubble" href="https://twitter.com/SenTomCotton" target="_blank"> <i class="fa fa-twitter SocialBubble__icon SocialBubble__icon--twitter"> <span class="sr-only">Senator Cotton Twitter</span> </i> </a> </li> <li class="SocialIcons__item"> <a class="SocialIcons__link SocialBubble" href="https://www.youtube.com/channel/UCxrZsasJfxOVUEOnhed5doA" target="_blank"> <i class="fa fa-youtube-play SocialBubble__icon SocialBubble__icon--youtube"> <span class="sr-only">Senator Cotton Youtube</span> </i> </a> </li> </ul> </div> </div> </div> </div> <div class="MobileHeader"> <div class="MobileHeader__container"> <button aria-label="MobileHeader__icon" class="MobileHeader__icon" data-toggle="modal" data-target="#nav-mobile-modal"> <span class="fa fa-bars" aria-hidden="true"></span> </button> <div class="MobileHeader__logo"> <a class="SiteHeader__logo" href="/"> <img src="https://www.cotton.senate.gov/assets/images/logo.svg" alt="Senator Tom Cotton Logo"> </a> </div> <button aria-label="MobileHeader__search" class="MobileHeader__icon" data-toggle="modal" data-target="#search-mobile-modal"> <span class="fa fa-search" aria-hidden="true"></span> </button> </div> </div> <div id="aria-skip-nav"></div> </div> </div> <div class="js-main SiteLayout__main"> <!--startindex--> <div class="Blocks"> <div class="Block Block--static--grayBanner Block--width--full Block--backgroundColor--none Block--textColor--default Block--textFamily--default"> <div class="Block__content"> <div data-editor-background="background" class="Banner" style="background-image: url('https://www.cotton.senate.gov//imo/media/image/gray-container.jpg')" data-animate="longreveal" > <div class="Banner__text"> <h1 data-animate="fastfade" data-editor-text="title" class="Heading Heading--banner"> about TOM </h1> </div> </div> </div> </div> <div class="Block Block--static--aboutInfo Block--width--full Block--backgroundColor--none Block--textColor--default Block--textFamily--default mt-5"> <div class="Block__content"> <div class="AboutInfo__container"> <div class="row"> <div class="AboutInfo__left col-12 col-md-7 order-2 order-md-1" data-editor-column="content"> <div class="Block Block--paragraph Block--width--normal Block--backgroundColor--none Block--textColor--default Block--textFamily--default pb-2"> <div class="Block__content"> <div class="RawHTML"> <p>Tom Cotton is a United States Senator from Arkansas. Tom鈥檚 committees include the Judiciary Committee, where he serves as the Ranking Member for the Subcommittee on Criminal Justice and Counterterrorism, the Intelligence Committee, and the Armed Services Committee, where he serves as the Ranking Member of the Air Land Power Subcommittee.</p> </div> </div> </div> <div class="Block Block--paragraph Block--width--normal Block--backgroundColor--none Block--textColor--default Block--textFamily--default pt-2 pb-2"> <div class="Block__content"> <div class="RawHTML"> <p>Tom grew up on his family鈥檚 cattle farm in Yell County. He graduated from Dardanelle High School, Harvard, and Harvard Law School. After a clerkship with the U.S. Court of Appeals and private law practice, Tom left the law because of the September 11th attacks. Tom served nearly five years on active duty in the United States Army as an Infantry Officer.</p> </div> </div> </div> <div class="Block Block--paragraph Block--width--normal Block--backgroundColor--none Block--textColor--default Block--textFamily--default pt-2 pb-2"> <div class="Block__content"> <div class="RawHTML"> <p>Tom served in Iraq with the 101st Airborne and in Afghanistan with a Provincial Reconstruction Team. Between his two combat tours, Tom served with The Old Guard at Arlington National Cemetery. Tom鈥檚 military decorations include the Bronze Star Medal, Combat Infantry Badge, and Ranger Tab.</p> </div> </div> </div> <div class="Block Block--paragraph Block--width--normal Block--backgroundColor--none Block--textColor--default Block--textFamily--default pt-2 pb-2"> <div class="Block__content"> <div class="RawHTML"> <p>Between the Army and the Senate, Tom worked for McKinsey & Co. and served one term in the House of Representatives.</p> </div> </div> </div> <div class="Block Block--paragraph Block--width--normal Block--backgroundColor--none Block--textColor--default Block--textFamily--default pt-2 pb-2"> <div class="Block__content"> <div class="RawHTML"> <p>Tom and his wife Anna have two sons, Gabriel and Daniel.</p> </div> </div> </div> </div> <div data-animate="sliderleft" class="AboutInfo__right col-12 col-md-5 d-flex flex-column justify-content-start align-items-md-end order-1 order-md-1"> <div class="d-flex flex-column align-items-start w-100"> <img data-editor-image="profile" class="AboutInfo__image mb-4" src="https://www.cotton.senate.gov//imo/media/image/about.jpeg" alt="About Official Photo" width="464" height="589" /> <a data-editor-link="officialPhoto" href="/imo/media/image/Tom_Cotton_official_Senate_photo.jpg" target="_blank" rel="" class="Button Button--primaryArrowDownload" > download official photo </a> <a data-editor-link="officialBio" href="/download/cotton_bio" target="_self" rel="" class="Button Button--primaryArrowDownload mt-2" > download official BIO </a> </div> </div> </div> </div> </div> </div> <div class="Block Block--static--imageWithLinkBox Block--width--full Block--backgroundColor--none Block--textColor--default Block--textFamily--default mt-5"> <div class="Block__content"> <div class="ImageWithLinkBox"> <div data-editor-background="background" class="ImageWithLinkBox__background pt-5" style="background-image: url('https://www.cotton.senate.gov//imo/media/image/about-committees.jpg')"> <div class="row no-gutters justify-content-end align-items-end mt-5"> <div class="col-12 col-sm-9 col-md-7"> <div class="ImageWithLinkBox__box p-5" data-animate="sliderleft"> <div class="Heading Heading--h2 Heading--white mb-4"> <h2 data-editor-text="heading" class="Heading__title"> Committee Assignments </h2> </div> <div> <div class="ImageWithLinkBox__linkRow" data-editor-repeat="links" data-editor-repeat-label="Link" > <a data-editor-link="link" data-editor-repeat-var href="https://www.armed-services.senate.gov/" target="_self" rel="" class="Button Button--primary Button--link text-left ImageWithLinkBox__button" > Senate Committee on Armed Services<br> </a> </div> <div class="ImageWithLinkBox__linkRow" data-editor-repeat="links" data-editor-repeat-label="Link" > <a data-editor-link="link" data-editor-repeat-var href="https://www.judiciary.senate.gov/" target="_self" rel="" class="Button Button--primary Button--link text-left ImageWithLinkBox__button" > Senate Committee on the Judiciary<br> </a> </div> <div class="ImageWithLinkBox__linkRow" data-editor-repeat="links" data-editor-repeat-label="Link" > <a data-editor-link="link" data-editor-repeat-var href="https://www.intelligence.senate.gov/" target="_self" rel="" class="Button Button--primary Button--link text-left ImageWithLinkBox__button" > Senate Select Committee on Intelligence<br> </a> </div> <div class="ImageWithLinkBox__linkRow" data-editor-repeat="links" data-editor-repeat-label="Link" > <a data-editor-link="link" data-editor-repeat-var href="https://www.jec.senate.gov/public/" target="_self" rel="" class="Button Button--primary Button--link text-left ImageWithLinkBox__button" > Senate Joint Economic Committee<br> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--stopindex--> </div> <div class="js-footer SiteLayout__footer"> <footer class="SiteFooter d-none d-md-block mt-5"> <div class="container SiteFooter__container"> <div class="row justify-content-center"> <div class="SiteFooter__nav hidden-md"> <nav class="FooterNav" aria-label="FooterNav"> <ul class="FooterNav__linkList row"> <li class="FooterNav__item col-auto"> <a class="FooterNav__link FooterNav__link--selected" href="https://www.cotton.senate.gov/about"> About Tom </a> </li> <li class="FooterNav__item col-auto"> <a class="FooterNav__link" href="https://www.cotton.senate.gov/help"> Help for Arkansans </a> </li> <li class="FooterNav__item col-auto"> <a class="FooterNav__link" href="https://www.cotton.senate.gov/news"> News </a> </li> <li class="FooterNav__item col-auto"> <a class="FooterNav__link" href="https://www.cotton.senate.gov/contact"> Contact </a> </li> <li class="FooterNav__item col-auto"> <a class="FooterNav__link" href="https://www.cotton.senate.gov/privacy-policy"> Privacy Policy </a> </li> </ul> </nav> </div> </div> <div class="row justify-content-center mt-2"> <div class="SiteFooter__social"> <div class="SiteFooter__socialButtons"> <ul class="SocialIcons"> <li class="SocialIcons__item"> <a class="SocialIcons__link SocialBubble" href="https://www.facebook.com/SenatorTomCotton" target="_blank"> <i class="fa fa-facebook SocialBubble__icon SocialBubble__icon--facebook"> <span class="sr-only">Senator Cotton Facebook</span> </i> </a> </li> <li class="SocialIcons__item"> <a class="SocialIcons__link SocialBubble" href="https://twitter.com/SenTomCotton" target="_blank"> <i class="fa fa-twitter SocialBubble__icon SocialBubble__icon--twitter"> <span class="sr-only">Senator Cotton Twitter</span> </i> </a> </li> <li class="SocialIcons__item"> <a class="SocialIcons__link SocialBubble" href="https://www.youtube.com/channel/UCxrZsasJfxOVUEOnhed5doA" target="_blank"> <i class="fa fa-youtube-play SocialBubble__icon SocialBubble__icon--youtube"> <span class="sr-only">Senator Cotton Youtube</span> </i> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteFooter__stars"> <img src="https://www.cotton.senate.gov/assets/images/4stars.png" alt="Arkansas stars"> </div> </footer> </div> <div class="BootstrapModal BootstrapModal--mobile-header modal fade" id="nav-mobile-modal" tabindex="-1" role="dialog" aria-labelledby="nav-mobile-modal-title"> <div class="BootstrapModal__container modal-dialog" role="document"> <div class="BootstrapModal__content modal-content"> <div class="BootstrapModal__header align-items-end modal-header"> <p id="nav-mobile-modal-title" class="sr-only">nav-mobile-modal</p> <button id="nav-mobile-modal--close" type="button" class="BootstrapModal__closeIcon" data-dismiss="modal"> <span class="sr-only">nav-mobile-modal</span> <span>×</span> </button> </div> <div class="BootstrapModal__body modal-body"> <div class="MobileNav"> <nav aria-label="Mobile Navigation" class="MobileNav__links"> <a class="MobileNav__link js-mobile-dropdown-parent" href="https://www.cotton.senate.gov/about"> About Tom </a> <div class="js-mobile-dropdown MobileNav__subLinks"> </div> <a class="MobileNav__link js-mobile-dropdown-parent" href="https://www.cotton.senate.gov/help"> Help for Arkansans </a> <div class="js-mobile-dropdown MobileNav__subLinks"> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/help/casework"> Casework </a> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/help/tour-requests"> Tour Requests </a> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/help/flag-requests"> Flag Requests </a> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/help/internships"> Internships </a> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/help/academy-nominations"> Academy Nominations </a> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/help/grants"> Grants </a> </div> <a class="MobileNav__link js-mobile-dropdown-parent" href="https://www.cotton.senate.gov/news"> News </a> <div class="js-mobile-dropdown MobileNav__subLinks"> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/news/press-releases"> Press Releases </a> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/news/op-eds"> Op-Eds </a> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/news/speeches"> Speeches </a> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/news/videos"> Videos </a> </div> <a class="MobileNav__link js-mobile-dropdown-parent" href="https://www.cotton.senate.gov/contact"> Contact </a> <div class="js-mobile-dropdown MobileNav__subLinks"> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/contact/contact-tom"> Contact Tom </a> <a class="MobileNav__subLink" href="https://www.cotton.senate.gov/contact/newsletter"> Newsletter Sign-Up </a> </div> </nav> </div> </div> </div> </div> </div> <script> $('#nav-mobile-modal').on('shown.bs.modal', function () { $('[autofocus]').trigger('focus') }) </script> <div class="BootstrapModal modal fade" id="search-mobile-modal" tabindex="-1" role="dialog" aria-labelledby="search-mobile-modal-title"> <div class="BootstrapModal__container modal-dialog" role="document"> <div class="BootstrapModal__content modal-content"> <div class="BootstrapModal__header align-items-end modal-header"> <p id="search-mobile-modal-title" class="sr-only">search-mobile-modal</p> <button id="search-mobile-modal--close" type="button" class="BootstrapModal__closeIcon" data-dismiss="modal"> <span class="sr-only">search-mobile-modal</span> <span>×</span> </button> </div> <div class="BootstrapModal__body modal-body"> <form aria-label="search" id="sitesearch" role="search" method="get" action="/search" class="form-inline"> <input type="hidden" name="as_sitesearch" value=""/> <input type="hidden" name="client" value="cotton"/> <input type="hidden" name="num" value="15"/> <input type="hidden" name="numgm" value="3"/> <div class="MobileSearch"> <div class="container mt-5"> <div class="row align-items-center"> <div class="col"> <label class="sr-only" for="q" >Site Search</label> <input class="MobileSearch__input" type="text" name="q" id="q" placeholder="Search" autofocus> </div> <div class="col-auto"> <button class="MobileSearch__button" aria-label="submit" type="submit"> <span class="fa fa-search" aria-hidden="true"></span> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> <script> $('#search-mobile-modal').on('shown.bs.modal', function () { $('[autofocus]').trigger('focus') }) </script> <script type="text/javascript"> if (typeof window.makeStickyHeader !== 'function') { window.makeStickyHeader = function () { var siteHeader = $('.SiteLayout__headerNav')[0]; var siteHeaderHeight = $('.SiteLayout__headerNav').outerHeight() || 0; ScrollTrigger.defaults({ //markers: true // uncomment to see debug markers }); // Pin SiteHeader when it hits the top of the viewport ScrollTrigger.create({ id: 'pin-site-header', trigger: '.SiteHeader', endTrigger: ".SiteLayout__footer", start: "top top", scrub: true, pin: true, pinSpacing: false, }); // Pin MobileHeader when it hits the top of the viewport ScrollTrigger.create({ id: 'pin-mobile-header', trigger: '.MobileHeader', endTrigger: ".SiteLayout__footer", start: "top top", scrub: true, pin: true, pinSpacing: false }); gsap.from('.body--home .SiteHeader__logo', { scrollTrigger: { id: 'logo-transition', trigger: '.HomeHero__logo', start: 'top ' + siteHeaderHeight, end: "+=40", scrub: 0.5, }, opacity: 0, top: '20px', }); gsap.to('.HomeHero__container', { scrollTrigger: { id: 'home-hero-parallax', trigger: '.HomeHero__container', start: 0, end: "bottom " + siteHeaderHeight, scrub: true, }, backgroundPositionY: -200, }); } } $(document).ready(function () { makeStickyHeader(); }); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-31361-68"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-31361-68'); </script> <!-- START OF SmartSource Data Collector TAG --> <script src="https://www.senate.gov/wt_sdc/cotton_webtrends.load.js" type="text/javascript"></script> <noscript> <div><img alt="DCSIMG" id="DCSIMG" width="1" height="1" src="//statse.webtrendslive.com/dcs2225gt4qn4iix9ggqd65c6_3d4v/njs.gif?dcsuri=/nojavascript&WT.js=No&WT.tv=10.4.0&dcssip=www.cotton.senate.gov"/></div> </noscript> <!-- END OF SmartSource Data Collector TAG --> <!--[if lt IE 9]> <script src="/scripts/html5shiv.js"></script> <script src="/scripts/respond.min.js"></script> <script src="/scripts/iefixes.js"></script> <![endif]--> <!--[if lt IE 9]> <script src="/scripts/polyfills/jquery.backgroundSize.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $('.bg-fix').css({'background-size': 'cover'}); }); </script> <![endif]--> <script type="text/javascript"> // Include Modernizr Here </script> <script> var appendAnimation = function (element) { var animationClass = ""; if (element[0].hasAttribute('data-animate')) { animationClass = "animate-" + element.data("animate"); } else if (element[0].hasAttribute('data-animateChild')) { animationClass = "animate-" + element.data("animatechild"); } else { return; } element.addClass((animationClass)); } $(document).ready(function () { var siteAnimationController = new ScrollMagic.Controller(); $('[data-animate]').each(function (i) { var animationTrigger = $(this)[0]; appendAnimation($(this)); new ScrollMagic .Scene({triggerElement: animationTrigger, triggerHook: 0.9, duration: 0, offset: 50}) .setClassToggle(animationTrigger, 'visible') // add class to reveal .reverse(false) .addTo(siteAnimationController); }); $('[data-animatefor]').each(function (i) { var animationTrigger = $(this)[0]; var animationChild = "." + $(this).data('animatefor'); var animationElement = $(animationChild); appendAnimation(animationElement) new ScrollMagic .Scene({triggerElement: animationTrigger, triggerHook: 0.9, duration: 0, offset: 50}) .setClassToggle(animationChild, 'visible') // add class to reveal .reverse(false) .addTo(siteAnimationController); }); }) </script> <script type="text/template" class="deferred-script"> // fix for bootstrap tooltip hide/mootools hide collision $$('form input,form select,form textarea, input, .nav-tabs li a').each(function (item) { if (typeof item.hide == 'function') { item.hide = null; } }); Element.implement({ 'slide': function (how, mode) { return this; } }); </script> <script> application["friendly_urls"] = "false"; application["maps"] = { "width": "100%", // set width and height on the containing element "height": "100%" }; application["siteroot"] = "https://www.cotton.senate.gov/" application["webroot"] = "https://www.cotton.senate.gov/" var yt_players = []; function onYouTubePlayerAPIReady() { var carousel = $('.carousel'); if (carousel.length > 0) { carousel.on('slide', function () { if (typeof yt_players != 'undefined' && yt_players.constructor === Array && yt_players.length > 0) { yt_players.each(function (current) { if (application.fn.check(current.player) && typeof current.player.pauseVideo != 'undefined') { current .player .pauseVideo(); } }); } }); //$('.carousel').carousel('cycle'); } Array.each(yt_players, function (video) { video.target.innerHTML = ""; video.player = new YT.Player(video.target, { width: video.width, height: video.height, videoId: video.id, playerVars: { controls: 1, showinfo: 0, modestbranding: 1, wmode: "transparent" }, events: { 'onStateChange': function (event) { if (event.data == YT.PlayerState.PLAYING) { if (typeof _gaq != 'undefined') { _gaq.push(['_trackEvent', 'Video', 'Play', video.title]); } //$('.carousel').carousel('pause'); carousel.each(function (index) { $(this).carousel('pause'); }); } else if (event.data == YT.PlayerState.PAUSED) { //if (typeof _gaq != 'undefined') { _gaq.push(['_trackEvent', 'Video', 'Pause', video.title ]); } //$('.carousel').carousel('cycle'); } else if (event.data == YT.PlayerState.ENDED) { if (typeof _gaq != 'undefined') { _gaq.push(['_trackEvent', 'Video', 'Complete', video.title]); } //carousel.carousel('cycle'); carousel.each(function (index) { $(this).carousel('cycle'); }); } } } }); }); } $(function () { var tag = document.createElement('script'); tag.src = "//www.youtube.com/player_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag .parentNode .insertBefore(tag, firstScriptTag); }); function returnfalse() { return false } </script> <script> $(function () { $('a').each(function () { var $this = $(this); var newWin = $this.hasClass('new-win'); var senExit = $this.hasClass('sen-exit'); if (newWin === true || senExit === true) { var href = $this.attr('href'); if (typeof href !== 'undefined' && href !== '') { if (href.indexOf('javascript:') === -1 && href.charAt(0) !== '#') { var uri = (senExit === true) ? '' + encodeURIComponent(href) : href; $this.click(function (e) { e.preventDefault(); window.open(uri); }); } } } }); }); </script> <script> (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0&appId=665593820307402&autoLogAppEvents=1'; fjs .parentNode .insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <script type="text/javascript"> $(function () { $("script.deferred-script").each(function () { var text = $(this).text(); eval( text == '' ? this.innerHTML : text); }); }); sen = true; </script> <!--startindex--> </body> </html>