/* =========================
   AFCS Assets Style CSS
  
   ========================= */

/* Global box sizing */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
  margin: 0;
  font-family: Roboto Condensed, "Roboto Condensed", sans-serif;
}

img { vertical-align: middle; }

/* Clearfix utility */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

/* -------------------------
   AFCS Navbar (NOT sticky)
   ------------------------- */
.afcsnavbar {
  font-weight: normal;
  overflow: hidden;
  background-color: #000;
  position: relative;
  width: 100%;
  z-index: 4;
}

.afcsnavbar a {
  float: left;
  color: #fff;
  padding: 14px 29px;
  margin-left: 40px;
  text-decoration: none;
  display: inline-block;
  width: 12%;
  clear: none;
}

.afcsnavbar a:hover {
  background: #000;
  color: #fff;
}

.afcsnavbartwo a {
  float: right;
  background-color: #00529c;
  line-height: 22px;
  text-align: center;
  width: 150px;
}

.afcsnavbartwo a:hover {
  background-color: #000;
}

/* -------------------------
   Logo layout
   ------------------------- */
.logos-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}

/* Each logo card */
.three-column {
  border: 1px solid #c4c4c4;
  margin: 0 2rem 4rem;
  width: 33.33%;
  float: none; 
}

/* Breakpoint: stack on smaller screens */
@media only screen and (max-width: 1100px) {
  .logos-container {
    flex-direction: column;
    margin-bottom: 60px;
  }
  .three-column {
    width: 90%;
    margin: 0 0 3rem;
  }
}

/* Image sizing */
@media only screen and (min-width: 500px) {
  .pcip-logos .three-column img,
  .horizontal-logos .three-column img {
    height: 190px;
  }

  .horizontal-logos-afcsta .three-column img {
    height: 160px;
    width: 240px;
    padding-bottom: 10px;
    margin-top: 5px;
  }
}

@media only screen and (max-width: 500px) {
  .pcip-logos .three-column img {
    width: 100%;
    height: auto;
  }
}

/* Minor spacing overrides by section */
.pcip-logos .three-column,
.horizontal-logos .three-column,
.horizontal-logos-afcsta .three-column {
  margin-bottom: 4rem;
}

.horizontal-logos,
.horizontal-logos-afcsta {
  margin-bottom: 0;
}

/* -------------------------
   Legacy row alignment
   ------------------------- */
.row-legacy {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 720px) {
  .row-legacy {
    margin-left: 90px;
    margin-right: 10px;
  }
}

/* -------------------------
   Box styles
   ------------------------- */
.vertbox {
  width: auto;
  border: 0.7px solid #c4c4c4;
  margin: 0 auto;
}

.vertbox-afcsta {
  width: 300px;
  border: 0.7px solid #c4c4c4;
  margin: 0 auto;
}

.vertbox-black {
  width: 280px;
  border: none;
  margin: 0 auto;
}

.vertbox-plain {
  width: 280px;
  border: 0.7px solid #c4c4c4;
  margin: 0 auto;
}

.vertbox-vertical-afcsta {
  width: 240px;
  border: 0.7px solid #c4c4c4;
  margin: 0 auto;
  padding: 20px 0;
}

/* -------------------------
   PDF image section
   ------------------------- */
.pdf-image-container {
  width: 100%;
  padding: 0 2.5rem;
  display: flex;
  justify-content: center;
  margin: 1rem 0 2.8rem;
}

.pdf-image-container img {
  width: 100%;
  max-width: 300px;
}

@media only screen and (max-width: 720px) {
  .pdf-image-container {
    margin: 1rem 0 3rem;
  }
}

/* Optional utility image size */
img.wider-on-desktop { max-width: 400px; }

/* -------------------------
   Assets buttons row
   ------------------------- */
.alignnone.wp-image-2201 { margin: 0; }

.column {
  float: left;
  width: 33.33%;
}

.assetsButtonsRow {
  margin: 0 auto;
  max-width: 900px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.assetsButtonsRow .bluishButton { margin-top: 0; }

/* Remove floats when flex is active */
.digitalButton,
.printButton,
.qrButton {
  float: none;
}

@media screen and (max-width: 780px) {
  .assetsButtonsRow {
    flex-direction: column;
  }
  .column {
    width: 90%;
  }
  .column .bluishButton {
    margin: 0 0 1rem 0 !important;
    width: auto;
  }
}

@media screen and (max-width: 480px) {
  .column .bluishButton {
    width: 100%;
  }
}

/* -------------------------
   Brand Evolution Nav 
   ------------------------- */
.legnav {
  background-color: #0d1326;
  height: 42px;
  z-index: 4;
  position: relative;   
  width: 100%;
  top: 0;
}


.legnav ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex;
}

.legnav li {
  flex: 1;
  position: relative;
}

.legnav a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 1.1em;
  line-height: 42px;
  text-align: center;
  border-right: 1px solid #fff;
  white-space: nowrap;
  padding: 0 10px;
}

.legnav > ul > li:last-child > a {
  border-right: 1px solid #fff;
}

.legnav a:hover,
.legnav a:active,
.legnav a:focus {
  background-color: #2f5399 !important;
  color: #fff !important;
  text-decoration: none;
  outline: none;
}

.legnav li > ul {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #0d1326;
  min-width: 100%;
  height: 0;
  overflow: hidden;
}

.legnav li:hover > ul,
.legnav li.hover > ul {
  height: auto;
}

.legnav li > ul a {
  border: 0;
  border-top: 1px solid #fff;
  background-color: #0d1326;
}

.legnav li.hover {
  background: #2f5399 !important;
  color: #fff !important;
  text-decoration: none;
}

.legnav a.active { color: #fff !important; }

#legnavbtn { background-color: #2f5399 !important; }

.legcolumn {
  float: left;
  width: 50%;
}

/* burger nav */
.burger {
  float: right;
  display: none;
  cursor: pointer;
  margin-top: 5px;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 15px;
}

.burger div {
  width: 30px;
  height: 3px;
  background-color: #fff;
  margin: 3px;
}

#dropdown { z-index: 9999; }

@media screen and (max-width: 760px) {
  .legnav a {
    border-right: none;
    border-bottom: 1px #fff solid;
    background-color: #0d1326;
  }

  .legnav li { width: 100%; }

  .nav-links {
    position: absolute;
    right: 0;
    height: 50vh;
    top: 8vh;
    background-color: #0d1326;
    display: none;
    flex-direction: column;
    align-items: center;
    width: 50%;
    z-index: 900;
  }

  .burger { display: flex; }
  .nav-links.active { display: flex; }
}

/* -------------------------
   Assets Home blocks
   ------------------------- */
.assetcontainer {
  width: 260px;
  height: 260px;
  background: #375393;
  transition: transform 100ms;
}

.assetcontainer:hover {
  background: #0d1326;
  transform: scale(1.09);
  cursor: pointer !important;
}

.fa-tag {
  text-shadow: 0 0 1px red;
  color: #fff;
}

.assetcolumn {
  float: left;
  width: 25%;
  margin: 0;
}

.assetrow::after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1200px) {
  .assetcolumn {
    width: 100%;
    padding-bottom: 42px;
  }
}

/* page-specific hiding */
.page-id-4946 #searchIt { display: none !important; }
.page-id-4946 #menu2 { display: none; }

/* Blue container alignment */
#logo-bluecontainer {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}

#logo-bluecontainer a {
  font-size: 17px !important;
  margin: 0 10px 10px 0;
}


#wow-modal-overlay-2 {
  display: none !important;
}
 div#wow-modal-overlay-2 {
    display: none !important;
  }