/* Fongintl CSS */
html {
  font-size: 62.5%;
}

body {
  font-family: Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
  font-size: 1.3rem;
  background-color: #000;
  background: url('/sites/all/themes/fongintl/images/web-bg.jpg') repeat left top;
  color: #fff;
}

a, a:visited, a:link, a:active, ul.nice-menu a, ul.nice-menu a:visited, ul.nice-menu a:active {
  color: #fff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#page-wrapper {
  position: relative;
  height: calc(100vh - 50px);
}

div.projects-details div.field--name-field-project-event-name div.field--item, div.projects-details div.field--name-field-description div.field--item, div.view-id-node_block_functions.view-display-id-block_top_banner_project div.view-content div.views-row {
  display: none;
}

div.projects-details div.field--name-field-project-event-name div.field--item.active, div.projects-details div.field--name-field-description div.field--item.active, div.view-id-node_block_functions.view-display-id-block_top_banner_project div.view-content div.views-row.active {
  display: block;
}

div.view-id-node_block_functions.view-display-id-attachment_top_banner_thumbnails div.view-content {
  display: flex;
  flex-direction: row;
  opacity: 0;
}

div.view-id-node_block_functions.view-display-id-attachment_top_banner_thumbnails div.view-content div.views-row {
  margin-right: 5px;
  display: inline-block;
}

div.view-id-node_block_functions.view-display-id-attachment_top_banner_thumbnails div.view-content div.views-row:last-child {
  margin-right: 0;
}

div.view-id-node_block_functions.view-display-id-attachment_top_banner_thumbnails div.view-content div.views-row img, div.view-id-node_block_functions.view-display-id-block_events_thumbnail div.owl-item img {
  border-radius: 5px;
  border: 3px solid #333;
  cursor: pointer;
}

div.view-id-node_block_functions.view-display-id-attachment_top_banner_thumbnails div.view-content div.views-row.active img, div.events-images-thumb div.view-id-node_block_functions.view-display-id-block_events_thumbnail div.owl-item.active img {
  border: 3px solid #fff;
  cursor: default;
}

div.view-id-node_block_functions.view-display-id-block_events_thumbnail div.owl-item {
  margin-right: 3px;
}

div.view-id-node_block_functions.view-display-id-block_events_thumbnail div.owl-item:last-child {
  margin-right: 0;
}

div.view-id-node_block_functions.view-display-id-block_events_list .field-content span.active a, div.view-id-node_block_functions.view-display-id-block_events_list .field-content span.active a:hover, div.view-id-node_block_functions.view-display-id-block_events_list .field-content span.active a:visited, div.view-id-node_block_functions.view-display-id-block_events_list .field-content span.active a:link {
  color: #93268E;
}

div.events-images-main ol.flex-control-nav.flex-control-paging {
  display: none;
}

#block-nicemenus ul.nice-menu-down li.menuparent {
  background: url('/sites/all/themes/fongintl/images/arrow-down.png') right center no-repeat;
  padding-right: 10px;
  background-position-x: calc(100% - 10px);
}

#block-nicemenus > ul.nice-menu > li {
  /*background: url('/sites/all/themes/fongintl/images/divider.png') no-repeat left 12px;*/
  border-right: 1px dotted #6d6d6d;
}

#block-nicemenus > ul.nice-menu > li:last-child {
  border-right: none;
}

#block-nicemenus > ul.nice-menu > li a {
  padding-top: 0;
  padding-bottom: 0;
}

#block-nicemenus ul.nice-menu li {
  background-color: inherit;
}

.navbar-nav > li > ul.dropdown-menu {
  background-color: #000;
}

#block-nicemenus ul.nice-menu ul.dropdown-menu {
  top: inherit;
}

#block-nicemenus > ul.nice-menu > li > ul.dropdown-menu li a {
  padding-top: 5px;
  padding-bottom: 5px;
}

#block-nicemenus ul.nice-menu li:hover, #block-nicemenus ul.nice-menu li:hover a, #block-nicemenus ul.nice-menu li:hover a:visited, #block-nicemenus ul.nice-menu li a:active, #block-nicemenus ul.nice-menu li a:focus {
  background-color: transparent !important;
  color: #fff;
}

#block-nicemenus ul.nice-menu ul.dropdown-menu li:hover a, #block-nicemenus ul.nice-menu ul.dropdown-menu li:hover a:visited {
  background-color: #000;
  color: #93268E;  
}

#block-nicemenus ul.nice-menu ul.dropdown-menu li {
  border-bottom: 1px dotted #fff;
  width: 100%;
  font-size: 1.3rem;
  padding-top: 3px;
  padding-bottom: 3px;
}

#block-nicemenus ul.nice-menu ul.dropdown-menu li:last-child {
  border-bottom: none;
}

div.region.region-header, div.region.region-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

div.region.region-header {
  margin-bottom: 10px;
  position: relative;
}

div.region.region-footer {
  margin-top: 20px;
}

#footer, #footer a, #footer a:visited {
  color: #6d6d6d;
  font-size: 1.1rem;
  text-decoration: none;
  padding-left: 5px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
}

#footer a:hover {
  text-decoration: underline;
}

div.region.region-highlight {
  border-top: 1px solid #93268E;
  border-bottom: 1px solid #93268E;
}

ul.menu.menu--footer li {
  display: inline-block;
  border-right: 1px dotted #6d6d6d;
}

ul.menu.menu--footer li:last-child {
  border-right: none;
}

ul.menu.menu--footer li:hover a, ul.menu.menu--footer li:hover a:visited {
  background-color: transparent;
}

#block-views-block-node-block-functions-block-slideshow div.views-field-field-image img, #block-views-block-node-block-functions-block-top-banner div.views-field-field-image img, #block-careerbanner img, #block-sitemapbanner img {
  width: 100%;
}

.owl-theme div.owl-controls .owl-page.active span {
  /*background-color: #93268E;*/
}

#block-views-block-node-block-functions-block-slideshow .owl-theme div.owl-controls {
  position: absolute;
  z-index: 1000;
  bottom: 10px;
  width: 100%;
}

ol.breadcrumb {
  background-color: inherit;
  color: #9a049b;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.1rem;
  text-transform: lowercase;
}

ol.breadcrumb a, ol.breadcrumb a:link, ol.breadcrumb a:visited, ol.breadcrumb a:active, ol.breadcrumb a:focus {
  color: #6d6d6d;
  text-decoration: none;
}

ol.breadcrumb a:hover {
  text-decoration: underline;
}

ol.breadcrumb > li + li:before {
  color: #6d6d6d;
}

h1, h2.career-title {
  font-size: 2rem;
  text-transform: uppercase;
  color: #9a049b;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
}

h2.career-title {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

h1.page-header {
  border-bottom: none;
}

div#page-wrapper.page div.region.region-footer {
  margin-top: 30px;
  border-top: 1px solid #93268E;
  padding-top: 10px;  
}

span.cword {
  color: #9a049b;
  font-size: 2rem;
  font-weight: bold;
}

div.field--name-body ul li {
  margin-bottom: 5px;
}

div.field--name-body ul li:last-child {
  margin-bottom: 0;
}

#block-views-block-node-block-functions-block-top-banner-project div.attachment.attachment-after {
  margin-top: -40px;
  padding-left: 10px;
}

#block-views-block-node-block-functions-block-top-banner-project div.views-field-field-images img {
  width: 100%;
}

div#page-wrapper[content-type='projects'] div.region.region-highlight {
  border-top: none;
  border-bottom: none;
}

div.projects-details div.field--name-field-project-event-name div.field--item {
  font-size: 2rem;
  text-transform: uppercase;
  color: #9a049b;
  line-height: 1.3em;
  margin-top: 0.667em;
  margin-bottom: 0.667em;
  font-weight: bold;
}

div.field--name-field-body h2, div.field--name-field-description h2, div.field--name-body h2 {
  font-size: 1.8rem;
  line-height: 1.3em;
  color: #9A049B;
  margin-top: 0.769em;
  margin-bottom: 0.769em;
  font-weight: bold;
}

p[data-entity-type='file'] {
  text-align: left !important;
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

div.field--name-field-description table {
  border-collapse: collapse;
  margin: 1em 0;
  width: 100% !important;
}

div.field--name-field-description table th {
  background-color: #cccccc;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid;
  color: #000;
}

div.field--name-field-description table td, div.field--name-field-description table th {
  padding: 0.3em 0.5em;
}

#page-wrapper[nid='108'] div.field--name-field-description p img[data-entity-type='file'], #page-wrapper[nid='109'] div.field--name-field-description p img[data-entity-type='file'] {
  width: 250px;
  height: auto;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}

div.events-others {
  border-top: 1px solid #93268E;
  border-bottom: 1px solid #93268E;
  margin-bottom: 1px;
}

div.events-images-main div.flexslider {
  background: transparent;
  border: none;
  margin-bottom: 0;
}

div.events-others div.owl-buttons div.owl-prev, div.events-others div.owl-buttons div.owl-next {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

div.events-others .owl-carousel .owl-wrapper-outer {
  height: 82px;
  margin-left: 42px;
  width: calc(100% - 84px);
}

div.events-others .owl-carousel .owl-wrapper-outer .owl-wrapper {
  height: 100%;
}

div.events-others .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 106px !important;
  padding: 10px;
  border-right: 1px dotted #ccc;
}

div.events-others .owl-theme .owl-controls {
  margin-top: -82px;
  display: block !important;
}

div.events-others .owl-theme .owl-controls div.owl-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;  
}

div.events-images-thumb div.owl-buttons div.owl-prev, div.events-images-thumb div.owl-buttons div.owl-next {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

div.events-images-thumb .owl-carousel .owl-wrapper-outer {
  height: 82px;
  margin-left: 42px;
  width: calc(100% - 84px);
}

div.events-images-thumb .owl-carousel .owl-wrapper-outer .owl-wrapper {
  height: 100%;
}

div.events-images-thumb .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  height: 100%;
  width: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

div.events-images-thumb .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item img {
  max-width: 100%;
}

div.events-images-thumb .owl-theme .owl-controls {
  margin-top: -82px;
  display: block !important;
}

div.events-images-thumb .owl-theme .owl-controls div.owl-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;  
}

div.career-item {
  text-transform: uppercase;
  margin-bottom: 10px;
}

#cboxContent {
  color: #333;
}

#cboxContent a, #cboxContent a:link, #cboxContent a:visited, #cboxContent a:active, #cboxContent a:focus {
  color: #9A049B;
  text-decoration: underline;
  font-weight: bold;
}

#page-wrapper[content-type='webform'] div.form-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#page-wrapper[content-type='webform'] div.form-item label {
  width: 150px;
}

#page-wrapper[content-type='webform'] div.form-item input, #page-wrapper[content-type='webform'] div.form-item textarea, #page-wrapper[content-type='webform'] div.form-item div.select-wrapper {
  width: 400px;
}

#page-wrapper[content-type='webform'] div.form-item #edit-attached-resume {
  width: inherit;
  margin-bottom: 10px;
}

#page-wrapper[content-type='webform'] div.form-item #edit-attached-resume input {
  width: inherit;
  margin-right: 10px;
}

div[data-drupal-selector='edit-captcha'] {
  margin-bottom: 10px;
}

div[data-drupal-selector='edit-captcha'], div[data-drupal-selector='edit-actions'] {
  margin-left: 150px;
}

h3.popover-title {
  color: #333;
}

div.sitemap-item div > ul {
  list-style-type: none;
  padding-left: 0;
  display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-gap: 50px;
}

div.sitemap-item div > ul > li { 
  list-style: none;
  list-style-image: none;
  margin: 10px 0;
}

div.sitemap-item div > ul > li > a {
  display: block;
  border-bottom: 1px solid #ccc;
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 5px;
  margin-bottom: 10px;
}

div.sitemap-item div > ul ul {
  list-style-type: square;
}

#block-menumobile {
  display: none;
  position: absolute;
  top: 20px;
  right: 0;
  cursor: pointer;
}

#block-menumobile i.fa {
  font-size: 3rem;
  color: #93268E;
}