html {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  color: #333333;
  font-size: 1.2rem;
  scroll-behavior: smooth;
}


.coignProEx {
  font-family: cojin-87-bold-pro, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2rem;
  line-height: 2.5rem;
}


header,
main,
footer {
  padding-left: 300px;
}

a {
  text-decoration: underline;
  color: #6e6e6e;
  font-size: .7rem;
}

#nav-tabs {
  position: fixed;
  width: -webkit-calc(100% - 250px);
  width: -moz-calc(100% - 250px);
  width: calc(100% - 250px);
  top: 0;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%), 0 3px 1px -2px rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 10%);
  z-index: 5;
  padding: 0rem;
}

.sidenav2 {
  display: none;
}

.sidenav-trigger2 {
  display: none;
}

.row {
  margin-bottom: 0rem !important;
  padding-left: 10%;
  padding-right: 10%;
}

.col {
  padding-left: 0rem !important;
}

p {
  padding-left: 0rem !important;
  font-size: .8rem;
}

.tabText {
  text-decoration: none;
}

#navSpacer {
  height: 4rem;
}

#navSpacer2 {
  height: 4rem;
}

#capTabLogo {
  background-image: url('../img/c3-tab-logo.png');
  height: 3rem;
  width: 3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  transform: translateY(.4rem);
}

#capActionTabLogo {
  background-image: url('../img/c3-action-tab-logo.png');
  height: 3rem;
  width: 3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  transform: translateY(.4rem);
}

#c4-intro {
  padding-top: 8rem;
}

.rowTop {
  padding-top: 6rem;
}

.rowBottom {
  padding-bottom: 6rem !important;
}

.containerRow {
  padding-left: 0rem;
  padding-right: 0rem;
}

.noteText {
  font-size: .7rem;
  color: #6e6e6e;
}

.mailIcon {
  font-size: 1rem;
  padding-left: .0rem;
  transform: translateY(.25rem);
  color: #333333;
}

.mailIconLarge {
  font-size: 1.4rem;
  position: absolute;
  padding-left: .3rem;
  padding-top: .3rem;
  color: #333333;
}

h1 {
  padding-left: 0rem;
  font-weight: 700;
  font-size: 2.2rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h2 {
  padding: 1rem 2rem;
  font-size: 2.2rem;
  font-weight: 200;

}

h3 {
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  font-size: 1.2rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h4 {
  padding: 1rem 2rem;
  font-size: .8rem;
  font-weight: 700;
  margin-bottom: 0rem;
}

h5 {
  padding: 0rem 2rem;
}

#c3-outline-intro-box {
  border-left: 6px solid #0B2466;
  margin: auto;
  width: 77%;
  text-align: left;
  padding-left: 2rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

#c4-outline-intro-box {
  border-left: 6px solid #F46357;
  margin: auto;
  width: 77%;
  text-align: left;
  padding-left: 2rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.largeText {
  font-size: 1.1rem;
}

.largeTextLink {
  font-size: 1.1rem;
  color: #333333;
}

#c3-logo {
  background-image: url('../img/c3-primary-logo.png');
}

#c4-logo {
  background-image: url('../img/c4-primary-logo.png');
}

#c4-logo-title {
  padding-top: 6rem;
}

#c4-color-title {
  padding-top: 6rem;
}

#c4-logo-use {
  padding-top: 6rem;
}

#c4-coBrandingTitle {
  padding-top: 6rem;
}

#c4-resourcesTitle {
  padding-top: 6rem;
}

#c4-governanceTitle {
  padding-top: 6rem;
}

.primaryLogo {
  height: 9rem;
  width: 9rem;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: .5rem;
}

.intro-p {
  padding-left: 1.5rem !important;
}

#c3-logo-dl {
  padding-top: 2.2rem;
}

#c3-primary-logo-bw-dl {
  padding-top: 2.2rem;
}

#c3-primary-logo-b-dl {
  padding-top: 2.2rem;
}

#c3-video-watermark-dl {
  padding-top: 2.2rem;
}

#c4-primary-logo-b-dl {
  padding-top: 2.2rem;
}

#wordmarksRow1 {
  padding-bottom: 1rem;
}

.wordmarkHeader {
  padding-bottom: 1.5rem;
  color: #6e6e6e;
  padding-right: 0rem;
}

.download {
  display: block;
  padding-top: 1.5rem;
}

.twitterLink {
  font-size: .8rem;
  color: #333333;
}

#c3-legacyLogo-note {
  color: #6e6e6e;
  font-size: .7rem;
}

#colorRow h3 {
  text-align: left;
  padding-bottom: 1.5rem;
}

#c4-colorRow h3 {
  text-align: left;
  padding-bottom: 1.5rem;
}

#c3-fontsRow {
  padding-top: 3rem;
}

#c4-fontsRow {
  padding-top: 3rem;
}

.boldTitle {
  font-weight: 700;
  font-size: .7rem;
  padding-top: 1rem;
  padding-bottom: .5rem;
}

.greyText {
  font-size: .6rem;
  color: #6e6e6e;
}

.colorSwatch {
  height: 6rem;
  width: 6rem;
  border-right: 1.2rem solid white;
}

#logo-mark-h3 {
  text-align: left;
}

.sectionTitle {
  text-align: left;
}

.sectionParagraph {
  padding-bottom: 1rem !important;
}

.BWrow.rowBottom {
  padding-top: 3rem;
}

.Brow.rowBottom {
  padding-top: 3rem;
}

.bw-intro-p {
  color: #DEDEDE;
}

.b-intro-p {
  color: #333333;
}

.socialSteward {
  font-size: .8rem;
  color: #333333;
}

.socialMail {
  position: inherit !important;
}

.bwHeader {
  padding-bottom: 1.5rem;
  color: #BAB9B9;
}

.bHeader {
  padding-bottom: 1.5rem;
}

#wordmarkImage {
  background-image: url('../img/c3-stacked-wordmark.png');
  height: 4.5rem;
  background-position: left top;
}

#c4-wordmarkImage {
  background-image: url('../img/c4-stacked-wordmark.png');
  height: 4.5rem;
  background-position: left top;
}

#horizontalWordmarkImage {
  background-image: url('../img/c3-horizontal-wordmark.png');
  height: 1.4rem;
  background-position: left top;
}

#c4-horizontalWordmarkImage {
  background-image: url('../img/c4-horizontal-wordmark.png');
  height: 2.6rem;
  background-position: left top;
}

#legacyLogoImage {
  background-image: url('../img/c3-legacy-flag-logo.png');
  height: 3.8rem;
  background-position: left top;
}

#c4-legacyLogoImage {
  background-image: url('../img/c4-legacy-flag-logo.png');
  height: 3.8rem;
  background-position: left top;
}

#c3-legacyLogo-bw-note {
  font-size: .7rem;
}

#c3-legacyLogo-b-note {
  font-size: .7rem;
}

#c4-legacyLogo-bw-note {
  font-size: .7rem;
}

#c4-legacyLogo-b-note {
  font-size: .7rem;
}

.BWrow a {
  color: #BAB9B9;
}

.Brow a {
  color: #333333;
}

.mailIconBW {
  color: #BAB9B9;
}

#socialMediaCAP {
  background-image: url('../img/c3-social-media-cap.png');
  height: 5rem;
}

#c4-socialMediaCAP {
  background-image: url('../img/c4-social-media-cap.png');
  height: 5rem;
}

#c4-socialMediaCAP-pride {
  background-image: url('../img/c4-social-media-nat.png');
  height: 5rem;
}

#socialMediaImm {
  background-image: url('../img/c3-social-media-imm.png');
  height: 5rem;
}

#socialMediaNat {
  background-image: url('../img/c3-social-media-nat.png');
  height: 5rem;
}

.socialMediaIcon {
  height: 4rem !important;
  width: 4rem !important;
  display: inline-block;
  border-radius: 5rem;
  margin-right: 1rem;
  margin-top: .5rem;
}

#socialTitle {
  padding-top: 2rem;
  text-align: left;
}

#twitterFeedImage {
  background-image: url('../img/c3-twitter-feed-social-media-avatar.png');
  height: 25rem;
}

#c4-twitterFeedImage {
  background-image: url('../img/c4-twitter-feed-social-media-avatar.png');
  height: 25rem;
}

#c3-clear-space-primary-logo {
  background-image: url('../img/c3-clear-space-primary-logo.png');
  background-position: left top;
}

#c4-clear-space-primary-logo {
  background-image: url('../img/c4-clear-space-primary-logo.png');
  background-position: left top;
}

.logoUseRow.rowBottom {
  padding-top: 3rem;
}

.clearHeader {
  padding-bottom: 1.5rem;
  text-align: left;
}

#horizontalWordmarkSpaceImage {
  background-image: url('../img/c3-clear-space-horizontal-wordmark.png');
  height: 3.5rem;
  background-position: left top;
}

#c4-horizontalWordmarkSpaceImage {
  background-image: url('../img/c4-clear-space-horizontal-wordmark.png');
  height: 4.6rem;
  background-position: left top;
}

#legacyLogoSpaceImage {
  background-image: url('../img/c3-clear-space-legacy-flag-logo.png');
  height: 5.8rem;
  background-position: left top;
}

#c4-legacyLogoSpaceImage {
  background-image: url('../img/c4-clear-space-legacy-flag-logo.png');
  height: 5.8rem;
  background-position: left top;
}

.logoUseRow .clearHeader {
  color: #6E6E6E;
}

#c3-minimum-size {
  background-image: url('../img/c3-size-large.png');
  height: 72px;
  background-position: left top;
}

#c4-minimum-size {
  background-image: url('../img/c4-size-large.png');
  height: 72px;
  background-position: left top;
}

#c3-minimum-size-2 {
  background-image: url('../img/c3-size-large.png');
  height: 50px;
  background-position: left top;
}

#c4-minimum-size-2 {
  background-image: url('../img/c4-size-large.png');
  height: 50px;
  background-position: left top;
}

#c3-minimum-size-3 {
  background-image: url('../img/c3-size-large.png');
  height: 38px;
  background-position: left top;
}

#c4-minimum-size-3 {
  background-image: url('../img/c4-size-large.png');
  height: 38px;
  background-position: left top;
}

.sizeNote {
  font-size: .8rem;
}

.sizeNoteBold {
  font-weight: 700;
  font-size: .7rem;
  margin: 0rem;
}

.sizeGrayText {
  font-weight: 400;
}

.regLink {
  font-size: .8rem;
  color: #333333;
}

#minSizeNote {
  font-size: .8rem;
  padding-top: 1rem;
}

#improperSectionTitle {
  padding-bottom: 1rem;
}

#c3-improper-use-stretch {
  background-image: url('../img/c3-improper-use-distort.png');
  height: 6rem;
}

#c3-improper-use-effects {
  background-image: url('../img/c3-improper-use-effects.png');
  height: 6rem;
}

#c3-improper-use-rotate {
  background-image: url('../img/c3-improper-use-rotate.png');
  height: 6rem;
}

#c3-improper-use-sub-brand {
  background-image: url('../img/c3-improper-use-sub-brand.png');
  height: 6rem;
}

#c3-improper-use-contrast {
  background-image: url('../img/c3-improper-use-clashing.png');
  height: 6rem;
}

#c3-improper-use-outdated {
  background-image: url('../img/c3-improper-use-outdated.png');
  height: 6rem;
}

#c4-improper-use-stretch {
  background-image: url('../img/c4-improper-use-distort.png');
  height: 6rem;
}

#c4-improper-use-effects {
  background-image: url('../img/c4-improper-use-effects.png');
  height: 6rem;
}

#c4-improper-use-rotate {
  background-image: url('../img/c4-improper-use-rotate.png');
  height: 6rem;
}

#c4-improper-use-sub-brand {
  background-image: url('../img/c4-improper-use-sub-brand.png');
  height: 6rem;
}

#c4-improper-use-contrast {
  background-image: url('../img/c4-improper-use-clashing.png');
  height: 6rem;
}

#c4-improper-use-outdated {
  background-image: url('../img/c4-improper-use-outdated.png');
  height: 6rem;
}

.improperImage {
  height: 11rem !important;
  padding: 1rem !important;
  transform: scale(.8);
}

.improperContainer {
  padding: 0rem !important;
}

#improper1 {
  border-right: 2px solid #BAB9B9;
  border-bottom: 2px solid #BAB9B9;
}

#improper2 {
  border-right: 2px solid #BAB9B9;
  border-bottom: 2px solid #BAB9B9;
}

#improper3 {
  border-bottom: 2px solid #BAB9B9;
}

#improper4 {
  border-right: 2px solid #BAB9B9;
}

#improper5 {
  border-right: 2px solid #BAB9B9;
}

.paragraphTwo {
  padding-top: .5rem;
}

.acuminProEx {
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2rem;
}

.pragmaticaEx {
  font-family: neue-haas-grotesk-text, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
}

.fontsRow .sectionTitle {
  padding-top: 8rem;
}

#coBrandingTitle {
  padding-top: 6rem;
  margin-bottom: 0rem;
}

#c3-co-branding-one {
  background-image: url('../img/c3-co-branding-one.png');
  height: 5rem;
  background-position: left top;
}

#c3-co-branding-two {
  background-image: url('../img/c3-co-branding-two.png');
  height: 5rem;
  background-position: left top;
}

#c3-co-branding-space-one {
  background-image: url('../img/c3-co-branding-space-one.png');
  height: 5rem;
  background-position: left top;
}

#c3-co-branding-space-two {
  background-image: url('../img/c3-co-branding-space-two.png');
  height: 5rem;
  background-position: left top;
}

#c4-co-branding-one {
  background-image: url('../img/c4-co-branding-one.png');
  height: 5rem;
  background-position: left top;
}

#c4-co-branding-two {
  background-image: url('../img/c4-co-branding-two.png');
  height: 5rem;
  background-position: left top;
}

#c4-co-branding-space-one {
  background-image: url('../img/c4-co-branding-space-one.png');
  height: 5rem;
  background-position: left top;
}

#c4-co-branding-space-two {
  background-image: url('../img/c4-co-branding-space-two.png');
  height: 5rem;
  background-position: left top;
}

#co-branding-paragraph {
  font-size: .8rem;
  padding: 1rem 0rem;
  padding-top: 4rem;
}

.co-branding-paragraph-two {
  padding-bottom: 1rem !important;
}

.alignRow {
  background-color: #F5F5F5;
}

.alignRow p {
  padding-top: 1rem;
  padding-right: 2rem;
}

#c3-align1 {
  background-image: url('../img/c3-align1.png');
  height: 4rem;
  background-position: left top;
  margin-top: 2.6rem;
}

#c3-align2 {
  background-image: url('../img/c3-align2.png');
  height: 9rem;
  background-position: center;
}

#powerpointImage {
  background-image: url('../img/c3-resources-powerpoint.png');
  width: 2.3rem;
  height: 2.3rem;
  background-position: center;
  margin-bottom: -.2rem;
}

#wordImage {
  background-image: url('../img/c3-resources-word.png');
  width: 2.3rem;
  height: 2.3rem;
  background-position: center;
  margin-bottom: -.2rem;
}

.resourcesImage {
  display: inline-block !important;
}

.resourcesTitle {
  display: inline-block;
  font-weight: 700;
  width: 60%;
  line-height: 1.2rem;
}

#wordList li {
  list-style-type: disc;
  margin-left: 1.2rem;
  font-size: .9rem;
}

#wordNote {
  font-size: .7rem;
  color: #6E6E6E;
  padding-top: .5rem;
}

#resourcesTitle {
  padding-top: 6rem;
}

.accessibilityRow {
  background-color: #F5F5F5;
}

#accessibilityTitle {
  padding-top: 6rem;
  background-color: #F5F5F5;
  margin-bottom: 0rem;
}

#c4-accessibilityTitle {
  padding-top: 6rem;
  background-color: #F5F5F5;
  margin-bottom: 0rem;
}

#governanceTitle {
  padding-top: 6rem;
  margin-bottom: 0rem;
  margin-top: 0rem;
}

.faqRow {
  background-color: #F5F5F5;
}

#faqTitle {
  padding-top: 6rem;
  background-color: #F5F5F5;
  margin-bottom: 0rem;
  margin-top: 0rem;
}

#c4-faqTitle {
  padding-top: 6rem;
  background-color: #F5F5F5;
  margin-bottom: 0rem;
  margin-top: 0rem;
}

.faqHeader {
  font-weight: 700;
  margin-bottom: 0rem;
  font-size: .9rem;
}

.boldType {
  font-weight: 700;
}

.faqBullets {
  font-size: .8rem;
}

.faqLink {
  font-size: .8rem;
  color: #333333;
}

.greyLink {
  font-size: .6rem;
  color: #6e6e6e;
}

#slide-out li a {
  text-decoration: none !important;
  font-size: .8rem;
}

#slide-out2 li a {
  text-decoration: none !important;
  font-size: .8rem;
}

#tab1link {
  background-color: #DDDDDD;
}

#tab2link {
  background-color: #DDDDDD;
}

#tab1link.active {
  background-color: white !important;
}

#tab2link.active {
  background-color: white !important;
}

.sidenav {
  width: 250px;
}

#tab1 {
  padding-right: 0rem;
}

#tab2 {
  padding-right: 0rem;
}

.col .row {
  margin-right: 0rem;
}

.bw-intro-p {
  padding-left: 1.5rem !important;
}

.b-intro-p {
  padding-left: 1.5rem !important;
}

.video-intro-p,
.logo-intro-p {
  padding-left: 1.5rem !important;
}

.clearParagraph {
  padding-top: 0rem !important;
  margin-top: 0rem;
}





.lineSpacer {
  border-bottom: solid #BAB9B9 1px;
  height: 1rem;
}

.image {
  display: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#colorRow {
  padding-bottom: 6rem;
  padding-top: 2rem;
}

#colorRow .col {
  padding: 0rem;
}

.centeredContent {
  margin: auto;
}

.BWrow {
  background-color: #333333;
  color: #DEDEDE;
}

.Brow {
  background-color: #DEDEDE;
  color: #333333;
}

.reverseRow {
  background-color: #333333;
}

#c3-logo-black-white {
  background-image: url('../img/c3-primary-logo-black-white.png');
  height: 9rem;
  background-position: left top;
}

#c3-logo-black {
  background-image: url('../img/c3-primary-logo-black.png');
  height: 9rem;
  background-position: left top;
}

#c4-logo-black-white {
  background-image: url('../img/c4-primary-logo-black-white.png');
  height: 9rem;
  background-position: left top;
}

#c4-logo-black {
  background-image: url('../img/c4-primary-logo-black.png');
  height: 9rem;
  background-position: left top;
}

#wordmarkBWImage {
  background-image: url('../img/c3-stacked-wordmark-black-white.png');
  height: 4.5rem;
  background-position: left top;
}

#wordmarkBImage {
  background-image: url('../img/c3-stacked-wordmark-black.png');
  height: 4.5rem;
  background-position: left top;
}

#c4-wordmarkBWImage {
  background-image: url('../img/c4-stacked-wordmark-black-white.png');
  height: 4.5rem;
  background-position: left top;
}

#c4-wordmarkBImage {
  background-image: url('../img/c4-stacked-wordmark-black.png');
  height: 4.5rem;
  background-position: left top;
}

#wordmarkBWTitle,
#wordmarkBTitle {
  text-align: left;
  font-size: .8rem;
}

#horizontalWordmarkBWTitle,
#horizontalWordmarkBTitle {
  text-align: left;
  font-size: .8rem;
}

#legacyLogoBWTitle,
#legacyLogoBTitle {
  text-align: left;
  font-size: .8rem;
}

#horizontalWordmarkBWImage {
  background-image: url('../img/c3-horizontal-wordmark-black-white.png');
  height: 1.4rem;
  background-position: left top;
}

#horizontalWordmarkBImage {
  background-image: url('../img/c3-horizontal-wordmark-black.png');
  height: 1.4rem;
  background-position: left top;
}

#c4-horizontalWordmarkBWImage {
  background-image: url('../img/c4-horizontal-wordmark-black-white.png');
  height: 2.6rem;
  background-position: left top;
}

#c4-horizontalWordmarkBImage {
  background-image: url('../img/c4-horizontal-wordmark-black.png');
  height: 2.6rem;
  background-position: left top;
}

#legacyLogoBWImage {
  background-image: url('../img/c3-legacy-flag-logo-black-white.png');
  height: 3.8rem;
  background-position: left top;
}

#legacyLogoBImage {
  background-image: url('../img/c3-legacy-flag-logo-black.png');
  height: 3.8rem;
  background-position: left top;
}

#c4-legacyLogoBWImage {
  background-image: url('../img/c4-legacy-flag-logo-black-white.png');
  height: 3.8rem;
  background-position: left top;
}

#c4-legacyLogoBImage {
  background-image: url('../img/c4-legacy-flag-logo-black.png');
  height: 3.8rem;
  background-position: left top;
}

#c3-logo-video-watermark {
  background-image: url('../img/c3-video-watermark.png');
  height: 9rem;
  background-position: left top;
}

#c4-logo-video-watermark {
  background-image: url('../img/c4-video-watermark.png');
  height: 9rem;
  background-position: left top;
}

#videoExamples {
  padding-top: 2rem;
}

#c4-video-one {
  background-image: url('../img/c4-video-one.jpg');
  height: 12rem;
  background-position: left top;
}

#c4-video-two {
  background-image: url('../img/c4-video-two.jpg');
  height: 12rem;
  background-position: left top;
}

#c4-video-three {
  background-image: url('../img/c4-video-three.jpg');
  height: 12rem;
  background-position: left top;
}

#video-example-one {
  background-image: url('../img/c3-video-bug1.jpg');
  height: 12rem;
  background-position: left top;
}

#video-example-two {
  background-image: url('../img/c3-video-bug2.jpg');
  height: 12rem;
  background-position: left top;
  margin-left: 1rem;
}

.videoRow a {
  color: #BAB9B9;
}

#navTitle {
  font-weight: 700;
}

.sidenav {
  color: #333333;
}

.indentNav {
  margin-left: 1.5rem;
  color: rgba(51, 51, 51, .8) !important;
  line-height: 1.5rem !important;
  height: 1.5rem !important;
}

#c3-brand-guide-title {
  text-align: left;
}

#c3-intro {
  padding-top: 8rem;
}

#c3-logo-title {
  padding-top: 6rem;
}

#c3-logo-use {
  padding-top: 6rem;
}

#wordmarkTitle {
  text-align: left;
  padding-left: 0rem;
}

#horizontalWordmarkTitle {
  text-align: left;
  padding-left: 0rem;
}

#legacyLogoTitle {
  text-align: left;
  padding-left: 0rem;
}

#c3-color-primary {
  background-color: #0B2466;
}

#c4-color-primary {
  background-color: #F46357;
}

#c3-coralSwatch {
  background-color: #F46357;
}

#c4-blueSwatch {
  background-color: #0B2466;
}

#c3-tealSwatch {
  background-color: #26A49D;
}

#c3-greySwatch {
  background-color: #C7C7C7;
}

#wordmarkSpaceTitle {
  font-size: .8rem;
}

#horizontalWordmarkSpaceTitle {
  font-size: .8rem;
  text-align: left;
}

#legacyLogoTitle {
  font-size: .8rem;
}

#wordmarkSpaceImage {
  background-position: left top;
}

.download {
  display: block;
}

.videoRow {
  background-color: #333333;
  color: #DEDEDE;
}

#wordmarkSpaceImage {
  background-image: url('../img/c3-clear-space-stacked-wordmark.png');
  height: 6rem;
}

#c4-wordmarkSpaceImage {
  background-image: url('../img/c4-clear-space-stacked-wordmark.png');
  height: 6rem;
  background-position: left top;
}

.minSizeRow {
  background-color: #F5F5F5;
}

.fontsRow {
  background-color: #F5F5F5;
}

.photosRow {
  background-color: #F5F5F5;
}

#c3-photos-one {
  background-image: url('../img/c3-photos-one.png');
  height: 6rem;
}

#c3-photos-two {
  background-image: url('../img/c3-photos-two.png');
  height: 6rem;
}

#c3-photos-three {
  background-image: url('../img/c3-photos-three.png');
  height: 6rem;
}

.bulletList li {
  list-style-type: disc !important;
  margin-left: 2rem;
}

.footerNote {
  background-color: #E6EAEF;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#footerLinks {
  background-color: white;
  font-size: .7rem;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #6E6E6E;
}

.tabs {
  height: 4rem;
}

.tab {
  height: 4rem !important;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
  color: rgba(27, 55, 100, 0.4);
  cursor: default;
}

.tabs .tab a:hover,
.tabs .tab a.active {
  color: #1b3764;
}

.tabs .indicator {
  background-color: #1b3764;
}

.tabs .tab a {
  color: rgba(27, 55, 100, 0.7);
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
  background-color: rgba(27, 55, 100, 0.2);
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
  background-color: rgba(0, 0, 0, 0.0);
}

.tabs .indicator {
  background-color: transparent;
}

header,
main,
footer {
  padding-left: 250px;
}

.rowMargin {
  padding-left: 10%;
  padding-right: 10%;
}

.titleMargin {
  padding-left: 7%;
}

.colorSwatch {
  margin-bottom: .7rem;
}

.swatchCont {
  padding-bottom: 1.5rem !important;
  padding-right: 0rem !important;
}

.improperNote {
  font-size: .7rem;
  height: 4rem;
  padding: 1rem;
  line-height: .9rem;
}

#c4-governanceTitle {
  margin-bottom: 0rem;
}

.downloadIcon {
  transform: translateY(0.28rem);
  font-size: 1rem !important;
  padding-left: 0.2rem;
}

#c3-cobranding-dl {
  margin-top: 4rem !important;
}






@media only screen and (min-width : 1200px) {
  .rowMargin {
    padding-left: 15%;
    padding-right: 15%;
  }
}

@media only screen and (max-width : 992px) {

  header,
  main,
  footer {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1500px) {}

@media only screen and (min-width: 1300px) {
  #colorRow {
    padding: 0% 10%;
    padding-bottom: 6rem;
  }
}

@media only screen and (min-width : 992px) {
  .body-background {
    padding-left: 298px;
  }

  #capTabLogo {
    height: 4rem;
    width: 4rem;
    transform: translateY(0.8rem);
  }

  #capActionTabLogo {
    height: 4rem;
    width: 4rem;
    transform: translateY(0.8rem);
  }

  .tabs {
    height: 5.5rem;
  }

  .tab {
    height: 5.5rem !important;
  }
}

@media only screen and (max-width : 992px) {

  header,
  main,
  footer {
    padding-left: 0;
  }

  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .material-icons {
    font-size: 38px;
  }

  a.sidenav-trigger.sidenav-trigger1 {
    position: fixed;
    margin-top: 4rem;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    background-color: white;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%), 0 3px 1px -2px rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 10%);
  }

  a.sidenav-trigger.sidenav-trigger2 {
    position: fixed;
    margin-top: 4rem;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    background-color: white;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%), 0 3px 1px -2px rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 10%);
  }

  #c3-outline-intro-box {
    width: 84%;
  }

  #c4-outline-intro-box {
    width: 84%;
  }

  .rowMargin {
    padding-left: 10%;
    padding-right: 0%;
  }

  h1 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1rem;
  }

  .largeText {
    font-size: .8rem;
  }

  .largeTextLink {
    font-size: .8rem;
  }

  .mailIcon {
    font-size: 1rem !important;
    transform: translateY(.2rem);
  }

  .mailIconLarge {
    font-size: 1.2rem !important;
    position: absolute;
    padding-left: 0.3rem;
    padding-top: 0.1rem;
    color: #333333;
  }

  .noteText {
    font-size: .6rem;
    color: #6e6e6e;
  }

  .intro-p {
    padding-left: 0rem !important;
    padding-top: 1rem !important;
  }

  h3#bw-intro-title {
    padding-top: 1rem;
  }

  h3#b-intro-title {
    padding-top: 1rem;
  }

  .bwHeader,
  .clearHeader,
  .bHeader {
    padding-top: 2rem !important;
  }

  .bHeader {
    color: #333333;
    padding-bottom: 1.5rem;
  }

  .twitterCont {
    margin-top: 2rem;
  }

  #twitterFeedImage {
    background-position: left;
  }

  #c4-twitterFeedImage {
    background-position: left;
  }

  #c4-socialMediaCAP {
    background-color: white;
  }

  .videoTitle {
    padding-top: 1rem;
  }

  .clearTitle {
    padding-top: 1rem !important;
  }

  .c4-video-image {
    margin-bottom: 1rem;
    height: 13rem !important;
  }

  .minCont {
    padding-bottom: 1rem !important;
  }

  #sizeNote1 {
    padding-left: .5rem !important;
  }

  .improperContainer {
    border: none !important;
  }

  #c3-align1 {
    background-position: left top;
    margin-bottom: 1rem;
  }

  #c3-align2 {
    background-position: left top;
  }

  .resourcesTitle {
    width: 100%;
    padding-top: .5rem;
  }

  #c3-powerpoint-dl {
    padding-bottom: 2rem;
  }

  #nav-tabs {
    position: fixed;
    width: 100%;
    top: 0;
  }

  .improperNote {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #navSpacer {
    height: 1rem;
  }

  #navSpacer2 {
    height: 1rem;
  }

}