html {scroll-behavior: smooth}
[id] {scroll-margin-top: 4em; scroll-snap-margin-top: 4em}
table, td {height: auto; width: auto;}
table[style] {height: auto !important; width: auto !important;} 
td {padding: 0.25em 0.5em; word-wrap: break-word; word-wrap: anywhere;}

table.ccpa {margin: 1em 0;}
.ccpa td, .ccpa th {
  padding: 1em;
  border: 1px solid #000000;
  vertical-align: top;
}
.ccpa th {
  white-space: nowrap;
  vertical-align: bottom;
}
p.ccpa {margin: 1em 0 0}

#videoWrapper {background-image: url('/Florida_National_University_Main_Campus_-_Credit_Ivan_Alonso_980.jpg'); background-position: center; background-size: cover; height: auto; padding: 0; position: relative;}
#videoCopy {margin: 9em 1em 1em; text-align: center; z-index: 1}
#videoCopy h1 {background-color: rgba(0,0,0,0.8); color: #ffffff; display: inline-block; font-family: sans-serif; font-size: 350%; font-weight: bold; line-height: 1; padding: 0.25em 0.5em}
#video {display: none;}
#menubar {background-color: #2e2e2e; margin-top: 0.25em}
.header__mid .header__btm {margin: 0;}
.header__mid .header__btm .ubermenu .ubermenu-nav > .ubermenu-item > .ubermenu-target, .header__mid .header__btm .ubermenu .ubermenu-nav > .ubermenu-item.ubermenu-active > a, .header__mid .header__btm .ubermenu .ubermenu-nav > .ubermenu-item > .ubermenu-target:hover  {background: #2e2e2e; border-color: transparent}
.header__mid .header__btm .ubermenu-submenu-drop.ubermenu-submenu-align-full_width, .header__mid .header__btm .ubermenu-submenu-type-mega {background: #282828; border:none;}
.header__mid .header__btm .ubermenu-submenu-drop.ubermenu-submenu-align-full_width .ubermenu-item-header > .ubermenu-target, .header__mid .header__btm .ubermenu-submenu-type-mega .ubermenu-item-header > .ubermenu-target {background:#212121; border-color: #cccccc}
.header__mid .header__btm .ubermenu-submenu-drop.ubermenu-submenu-align-full_width .ubermenu-item-header .ubermenu-submenu a, .header__mid .header__btm .ubermenu-submenu-type-mega .ubermenu-item-header .ubermenu-submenu a, .header__mid .header__btm .ubermenu-submenu-drop.ubermenu-submenu-align-full_width .ubermenu-item-header .ubermenu-submenu a:hover, .header__mid .header__btm .ubermenu-submenu-type-mega .ubermenu-item-header .ubermenu-submenu a:hover {background-color: #262626; border-color: #4a4a4a}
.header__mid .header__btm .ubermenu .ubermenu-nav > .ubermenu-item:first-child > .ubermenu-target, .header__mid .header__btm .ubermenu .ubermenu-nav > .ubermenu-item:last-child > .ubermenu-target {border-radius: 0; border: transparent;}
.header__mid .header__btm .ubermenu .ubermenu-nav > .ubermenu-item.ubermenu-has-submenu-flyout .ubermenu-submenu-type-flyout, .header__mid .header__btm .ubermenu .ubermenu-nav > .ubermenu-item.ubermenu-has-submenu-flyout .ubermenu-submenu-type-flyout a, .header__mid .header__btm .ubermenu .ubermenu-nav > .ubermenu-item.ubermenu-has-submenu-flyout .ubermenu-submenu-type-flyout a:hover {background-color: #282828; border-color: transparent}

.home .home-mid .inside-fnu {
    background-color: #ededed;
    margin: 30px 0 80px;
    padding: 1em 2em 2em;
}
.home-top__left {display: none;}
#noticeWrapper .notice {background-color:#f1f1f1;color:#000000;padding:1em 1em;margin:.5em 0}
#noticeWrapper .notice .wrapper {display: table; margin: 0 auto;}
#noticeWrapper .notice p{margin:0;font-size:112.5%;}
#noticeWrapper .notice a{color:#b30739; text-decoration:underline}
#noticeWrapper .notice span.fa {color:#b30739; font-size: 400%}
#noticeWrapper .notice span.fa, #noticeWrapper .notice .copy {display: table-cell; vertical-align: middle;}
#noticeWrapper .notice .copy {padding-left: 1em;}
#noticeWrapper .notice .copy h2, #noticeWrapper .notice .copy h3 {border: none; font-family: sans-serif; font-size: 200%; margin: 0; padding: 0;}

#topNotice {background-color: #07864b; color:#ffffff; font-weight: bold; padding:1.5em; text-align: center}
#topNotice {margin:2em 0;}
#topNotice p {font-size: 175%; line-height: 1; margin: 0.5em}
#topNotice h2 {border: none; color: inherit; font-family: sans-serif; font-size: 200%; line-height: 1; margin: 0 0 0.5em; text-transform: uppercase;}
#topNotice a {color: inherit; text-decoration: underline}

#topTopNotice .wrapper {background-color:#fadf84; color:#000000; display: table; margin: 1em 0; text-align: center; width: 100%}
#topTopNotice .icon, #topTopNotice .copy {display: table-cell; vertical-align: middle;}
#topTopNotice .icon {border-right: 1px solid #bfac68; padding: 1em; width: 4em}
#topTopNotice .icon span {border: 1px solid black; border-radius: 50%; box-sizing: content-box; display: inline-block; font-size: 150%; height: 1em; line-height: 1; padding: 0.25em; vertical-align: middle; width: 1em;}
#topTopNotice .copy {font-size: 150%; padding: 0.6666em;}
#topTopNotice .copy :first-child {margin-top: 0}
#topTopNotice .copy :last-child {margin-bottom: 0}
#topTopNotice h1, #topTopNotice h2, #topTopNotice h3, #topTopNotice h4, #topTopNotice h5, #topTopNotice h5 {border:none; text-transform: uppercase;}
#topTopNotice .copy a {color: inherit; margin: 0 0.5em; text-decoration: underline}

#header_top_top .wrapper {
   border-collapse: collapse;
   border-style: hidden;
   display: table;
   table-layout: fixed;
   width: 100%;
}

#header_top_top a {
   background-color: #2e2e2e;
   border: 1px solid #fff;
   color: #fff;
   display: table-cell;
   padding: 0.25em;
   text-align: center;
   text-transform: uppercase;
   width: 50%;
}
.sidebar .section-sb .menu > li > a {background: #f1f1f1;}
.sidebar .section-sb .dropdown.active:focus > a, .sidebar .section-sb .dropdown.active:hover > a, .sidebar .section-sb .dropdown.active > a, .sidebar .section-sb .dropdown.current-menu-ancestor:focus > a, .sidebar .section-sb .dropdown.current-menu-ancestor:hover > a, .sidebar .section-sb .dropdown.current-menu-ancestor > a, .sidebar .section-sb .dropdown.current-menu-item:focus > a, .sidebar .section-sb .dropdown.current-menu-item:hover > a, .sidebar .section-sb .dropdown.current-menu-item > a, .sidebar .section-sb .dropdown.open:focus > a, .sidebar .section-sb .dropdown.open:hover > a, .sidebar .section-sb .dropdown.open > a, .sidebar .section-sb .menu > li > a:hover {background-color: #cccccc;}

#top-video {height: auto; width: 100%}
.videoWrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.callout {background-color: #f1f1f1; margin: 1em 0; padding: 1em;}
.callout h2 {color: #06864b; margin: 0 0 0.5em;}
.callout span {color: #2e2e2e; display: block; font-family: sans-serif; font-size: 75%;}
.buttonholder {margin: 1em 0 0 0}
.callout .button, .buttonholder .button {background-color: #b30739; color: #fff; display: inline-block; font-weight: bold; padding: 0.5em 1em; text-align: center; text-decoration: none;}

#home-mid-tour {text-align: center;}
#home-mid-tour h3 {font-size: 5rem;}
#home-mid-tour .video video {display: block; height: auto; width: 100%;}

#carouselWrap {margin: 0 2em}
#carousel {position: relative;}
#carousel_img {
   background-color: rgba(0,0,0,0.25);
   height: 0;
   overflow: hidden;
   padding-bottom: 61.80339887%;
   position: relative;
}
#carousel img {
   display: none;
   height: 100%;
   left: 50%;
   max-width: none;
   position: absolute;
   top: 0;
   transform: translateX(-50%);
   width: auto;
}
#carousel img:first-child{display: block}
#carouselNext, #carouselPrev {
  background-color: #808080;
  box-sizing: content-box;
  color: #ffffff;
  cursor: pointer;
  font-size: 150%;
  height: 1em;
  left: -1em;
  line-height: 1;
  padding: 0.5em;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  z-index: 1;
}
#carouselNext {left: auto; right: -1em}
.spotlight-img img {display: block; margin: 0 auto;}
#home-spotlight {background-color: #ededed; padding: 2em 0; position: relative; z-index: 0}
#home-spotlight a, #home-news a {color: #b20738;}
#home-spotlight .content-list__item, #home-news .content-list__item {border: none; clear: both; margin-bottom: 1em;}
#home-spotlight .entry-title, #home-news .entry-title {margin-top: 0;}
#home-spotlight .spotlight-title a, #home-spotlight .entry-title a, #home-news .entry-title a {color: inherit;}
#home-spotlight .content-list .media-left {float: left ;padding-right: 15px;}
#home-spotlight .more, #home-news .more {font-size: 125%;}
#home-spotlight .content-list, #home-spotlight .spotlight-main {display: block; margin-top: 1em}
#home-spotlight .spotlight-title {border: none}

#new-resources {background-color: #b30739; padding: 1em 0}
#menu-student-resources li {color: #ffffff; display: block; margin: 1em 0}
#menu-student-resources li a {border: 1px solid #ffffff; background-position: 0.5em center; background-repeat: no-repeat; background-size: auto 75%; color: inherit; display: block; padding: 0.5em 1em 0.5em 3.5em;}

#slideups {
  bottom: 0;
  font-size: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  text-align: right;
  width: 100%;
  z-index: 100;
}
#webinar_pop, .chat-form {
  display: inline-block;
  font-size: 18px;
  margin: 0 0.5%;
  pointer-events: auto;
  position: static;
  text-align: left;
  vertical-align: bottom;
  width: 314px;
}

#webinar_tab {
    background-color: #07864b;
    border-bottom: 1px solid #bbb;
    box-shadow: 0 0 6px hsla(0,0%,4%,.15),inset 0 1px 0 hsla(0,0%,100%,.2);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    padding: 5px 10px;
    position: relative;
}
#webinar_closer {position: absolute; right: 0.5em; top: 50%; transform: translateY(-50%)}
#webinar_content, #webinar_closer {display: none;}
#webinar_link, #webinar_img {display: block;}
#webinar_link {text-decoration: none}
#webinar_img {margin: 0 auto;}
#webinar_content {background-color: #ffffff; padding: 1em}
#webinar_button {background-color: #b20738;; color: #ffffff; display: block; margin-bottom: 1em; padding: 0.5em 1em; text-align: center; }

.content-info .copyright {padding-bottom: 40px;}

#familybanner {
    background-position: center;
    background-size: cover;
    padding: 5.5em 0;
}
#familybanner .copy {color: #ffffff; width: 60%;}
#familybanner .copy.familyhead {padding-left: 1em; width: 54%;}
#familybanner h2 {
    border: none;
    color: inherit;
    font-size: 250%;
    text-transform: uppercase;
}
#familybanner a {
    color: inherit;
    font-size: 125%;
    font-weight: bold;
}
.familybox {clear: both; margin: 3em 0;}
.familybox::after {clear: both; content:""; display: block;}
.familybox .icon {
  float: left;
  margin-right: 1em;
  max-width: 25%;
  width: 90px;
}
.familybox .copy {overflow: hidden}
.familybox .heading {color: #056438; font-size: 200%; margin-top: 0;}
.familybox a.link {color: #b20738; display: block; font-size: 125%; font-weight: bold; text-transform: uppercase;}
.familybox .toggle {background-color: #f2f2f2; color: #b20738; font-size: 125%; font-weight: bold; padding: 0.5em;}
.familybox .toggle.init::after {content: "+"; margin-left: 0.25em;}
.familybox .toggle.init.active::after {content: "-";}
.familybox .accordion .content {padding: 1em}

.single-tribe_events .tribe-events-single-event-title {font-size: 5.2rem; margin-top: 20px;}
.tribe-events-back {display: none;}

.athletics .ath-home-fnu-teams ul.newteams {
  padding: 0.5em 0;
  font-weight: bold;
}
.athletics .ath-home-fnu-teams ul.newteams li {
  border: navajowhite;
  margin: 0 1em;
  line-height: normal;
}
.et_social_share h1, .et_social_share p, .et_social_share ul {display: none}

/*2022 homepage*/
#home2022 .button {background-color: #07864b; border-radius: 0.5em; color: #ffffff; color: #ffffff; font-weight: bold; padding: 0.25em 1em}
#home2022 .button:hover {color: #ffffff; text-decoration: underline}
#heroWrapper {background-image: url('/Florida_National_University_Main_Campus_-_Credit_Ivan_Alonso_980.jpg'); background-position: center; background-size: cover; height: auto; padding: 0; position: relative;}
#heroCopy {padding: 8em 1em; text-align: center}
#heroCopy h1 {color: #ffffff; display: inline-block; font-family: sans-serif; font-size: 350%; font-weight: 900; line-height: 1; margin 0; text-shadow: 3px 3px 5px #000000; text-transform: uppercase}
#home_virtualadviser {background-color: #fddd70; color: #2c6f3c; font-size: 125%; font-weight: bold; padding: 0.8em 0; text-align: center}
#home_virtualadviser :first-child {margin-top: 0}
#home_virtualadviser :last-child {margin-bottom: 0}
#home_virtualadviser a {text-decoration: underline}
#notice1 {background-color: #b20738; color: #ffffff; margin: 0.5em 0 2em; padding: 1em 0; text-align: center}
#notice1 p {font-size: 112.5%; font-weight: bold; line-height: 1.1; margin: 0.8em 0}
#notice2 {margin: 2em 0}
#notice2 .wrapper {background-color: #f1f1f1; color: #000000; padding: 1em; text-align: center}
#notice2 p {line-height: 1.1; margin: 1em 0}
#notice1 .copy, #notice2 .copy {display: inline-block; text-align: left}
#homeForm .formhead h2 {border: none; color: #2c6f3c; font-family: sans-serif; font-size: 200%; text-align: center; text-transform: uppercase}
#homeForm .subhead {font-size: 125%; font-weight: bold; text-align: center}
#homeForm .disclaimer {font-size: 85%; margin: 1em auto 0; text-align: center}
.form2022 .field {margin: 1em 0}
.form2022 input, .form2022 select {background-color: #ffffff; border: none; border-radius: 0.5em; box-sizing: border-box; height: 3em; padding: 0.5em; width: 100%}
.form2022 ::-webkit-input-placeholder {color: #686868; opacity: 1}
.form2022 ::-moz-placeholder {color: #686868; opacity: 1}
.form2022 :-moz-placeholder {color: #686868; opacity: 1}
.form2022 ::-ms-input-placeholder {color: #686868; opacity: 1}
.form2022 :-ms-input-placeholder {color: #686868; opacity: 1}
.form2022 ::placeholder {color: #686868; opacity: 1}
.form2022 input:invalid, .form2022 select:invalid {color: #686868; opacity: 1; text-align: center}
.form2022 input:focus, .form2022 select:focus {text-align: left}
.formwrapper {background-color: #dcf0e4; padding: 2em}
.form2022 input[type=submit], .form2022 input[type=submit]:focus {background-color: #b30938; color: #ffffff; font-weight: bold; text-align: center}
.form2022 textarea.comments {display: none}
.homeRow .imgHolder {background-position: center; background-size: cover}
.homeRow .imgHolder.img {padding-bottom: 50%}
.homeRow .imgHolder video {height: auto; width: 100%}
.homeRow .rowheading {border: none; color: #2c6f3c; font-family: sans-serif; font-size: 175%}
#homeQuicklinks {background-color: #dcf0e4; padding: 2em 0}
#homeQuicklinks .quicklinksHeading {border: none; color: #2c6f3c; font-family: sans-serif; font-size: 200%; text-align: center}
.quicklinkRow {display: inline}
.quicklink {display: inline-block; margin: 2em 1%; text-align: center; width: 48%; vertical-align: middle}
.quicklinkIcon {display: block; margin: 0 auto}
.quicklinkLabel {font-family: sans-serif; margin: 1em auto}
#homeSuccess {margin: 2em 0}
#homeSuccess .succesHeading {border: none; color: #07864b; font-family: sans-serif; margin: 0; text-align: center}
#homeSuccess .succesHeading hr {max-width: 5em}
.successCopy {margin: 0 auto; text-align: center}
.success-story-img {background-position: center; background-size: cover; border-bottom-left-radius: 20% 50%; border-top-left-radius: 20% 50%; height: 100%; position: absolute; right: 0; top: 0; width: 28%}
.success-story {border: 1em solid #dcf0e4; height: auto; margin: 1em 0; padding: 2em 30% 2em 2em; position: relative}
.success-story-title {font-family: sans-serif; margin: 0}
.success-story-excerpt {margin: 1em 0 0}
#success-swiper {overflow: hidden}
#success-swiper-pagination {text-align: center}
#success-swiper-nav {text-align: center}
.swiper-nav {display: inline-block; font-size: 300%; height: 1em; line-height: 1; margin: 0 0.5em}
.swiper-nav.swiper-button-disabled {opacity: 0.5}

/* duo-logo military friendly footer */
#footer-military-friendly img {margin: 1em 1%; max-width: 48%}

/*testimonial*/
.testimonial-img {display: block; margin: 1em auto}

/* testimonal archive */
.content-list__item.testimonials p {margin: 1em 0}

@media(min-width:768px) {
   #header_top_top {display: none}
}
@media(min-width:992px){
   #videoWrapper {background-image: url('/Florida_National_University_Main_Campus_-_Credit_Ivan_Alonso.jpg'); height: 0; padding-bottom: 38%;}
   #video{display: block; height: auto; left: 0; position: absolute; top: 0; width: 100%; z-index: 0;}
   #videoWrapper .container {
      height: 100%;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      z-index: 1;
   }
   #videoCopy {
      bottom: 1em;
      margin: 0;
      position: absolute;
      right: 0;
   }
   #videoCopy h1 {font-size: 450%}
   .home-top__left {display: block;}
   
   .header__top .button a {
    color: #b20738;
    background-color: #fafff7;
    padding: 0.25em 1em;
    font-weight: bold;
   }
  .callout .button, .buttonholder .button {max-width: 50%;}
   
  #home-mid-tour {display: table; margin: 2em 0; table-layout: fixed}
  #home-mid-tour .copy, #home-mid-tour .video {display: table-cell; vertical-align: middle; width: 50%;}
  #home-mid-tour .copy { padding-right: 1em}

   .spotlight .entry-content {padding: 1em 2em;}
  
  #noticeWrapper .noticeRow, #menu-student-resources {border-collapse: collapse; border-style: hidden; display: table;  table-layout: fixed; width: 100%;}
  #noticeWrapper, #menu-student-resources {margin: 2em 0}
  #noticeWrapper .noticeRow {margin: 1em 0}
  #noticeWrapper .notice {background-clip: padding-box; border: 1em solid #ffffff; display: table-cell; vertical-align: middle}
  #menu-student-resources {margin: 0; padding: 1em 0;}
  #menu-student-resources li{border: 1em solid transparent; display: table-cell;}
  
  #familybanner {background-position: center;}
  #familybanner h2 {font-size: 400%;}
  #familybanner a {font-size: 200%;}
  #familyboxes {border-collapse: collapse; border-style: hidden; display: table;  table-layout: fixed; width: 100%;}
  .familyboxcol {border: 1em solid transparent; display: table-cell; vertical-align: top;}
  
  /*2022 homepage*/
  #heroWrapper {background-image: url('/Florida_National_University_Main_Campus_-_Credit_Ivan_Alonso.jpg')}
  #heroCopy {padding: 15em 1em}
  #heroCopy h1 {font-size: 400%}
  #homeForm .formhead h2 {font-size: 300%}
  #homeForm .disclaimer {max-width: 50%}
  .form2022 .fields {border-collapse: collapse; border-style: hidden; display: table; table-layout: fixed; width: 100%}
  .form2022 .field {border: 1em solid transparent; display: table-cell}
  .form2022 .fieldset {display: table-row}
  .homeRow {border-collapse: collapse; border-style: hidden; display: table; margin: 2em 0; table-layout: fixed; width: 100%}
  .homeRow.odd {direction: rtl}
  .homeRow .imgHolder, .homeRow .copyHolder {border: 2em solid #ffffff; direction: ltr; display: table-cell; vertical-align: middle}
  .homeRow .copyHolder {padding: 2em 0}
  .homeRow .imgHolder.img {padding: 0}
  .homeRow .rowheading {font-size: 225%}
  #homeQuicklinks .quicklinksHeading {font-size: 250%}
  .quicklinks2022 {border-collapse: collapse; border-style: hidden; display: table; table-layout: fixed; width: 100%}
  .quicklinkRow {display: table-row}
  .quicklink {border: 2px solid #8a8a8a; display: table-cell; padding: 0.5em; position: relative; width: auto; vertical-align: bottom}
  .quicklinkIcon {height: auto; width: 50%}
  .quicklinkLabel {font-size: 100%; font-weight: bold; margin: 0.5em 0 0; min-height: 3em}
  .successCopy {max-width: 50%}
  .success-story {padding-right: 15em}
  .success-story-img {width: 14em}

  /*testimonial*/
  .testimonial-img {float: left; margin: 0 1em 0.25em 0}

}
.hmr__btm li a{font-size: 1.8rem}
/*suppress social bar thing)*/
@media ( max-width: 1024px) {
  .et_social_mobile.et_social_fadein {display: none !important}
}

@media ( max-width: 720px) {
  .chat-form {right: 0 !important;}
  #webinar_pop, .chat-form {
    width: 49% !important;
  }
}