/*Font Family*/
 @font-face {
     font-family:'metropolislight';
     src: url('https://www.vmware.com/etc/clientlibs/microsites/clientlib-main/fonts/metropolis-light-webfont.woff2');
 }

.rf-admin-content, .rfComp-canvas, .rf-default-modal, [id*='rf-'].rf-widget {
    font-size: 16px;
    font-family: 'metropolislight',Helvetica,Arial,sans-serif;
    line-height: 1.4em;
    font-weight: 400;
}

/* Tile Title */

.rf-tile .rf-tile-body .rf-tile-title a, .rf-tile .rf-tile-body .rf-tile-title a:link, .rf-tile .rf-tile-body .rf-tile-title a:visited, .rf-compressed-tile .rf-tile-body .rf-tile-title a, .rf-compressed-tile .rf-tile-body .rf-tile-title a:link, .rf-compressed-tile .rf-tile-body .rf-tile-title a:visited {
    display: block;
    font-weight: 600;
    color: #222;
    text-decoration: none;
}

div[id*='rf-'].rf-widget a:hover, div[id*='rf-'].rf-widget a:focus, div[id*='rf-'].rf-widget a:link:hover, div[id*='rf-'].rf-widget a:link:focus, div[id*='rf-'].rf-widget a:visited:hover, div[id*='rf-'].rf-widget a:visited:focus, .rf-default-modal a:hover, .rf-default-modal a:focus, .rf-default-modal a:link:hover, .rf-default-modal a:link:focus, .rf-default-modal a:visited:hover, .rf-default-modal a:visited:focus {
    color: #007ab8;
    text-decoration: none !important;
    cursor: pointer;
}


div[id*='rf-'].rf-widget a, div[id*='rf-'].rf-widget a:link, div[id*='rf-'].rf-widget a:visited, .rf-default-modal a, .rf-default-modal a:link, .rf-default-modal a:visited {
    color: #007ab8;
    text-decoration: none;
    cursor: pointer;
}

.rf-tile:hover .rf-tile-body .rf-tile-title a, .rf-tile:hover .rf-tile-body .rf-tile-title a:link, .rf-tile:hover .rf-tile-body .rf-tile-title a:visited, .rf-compressed-tile:hover .rf-tile-body .rf-tile-title a, .rf-compressed-tile:hover .rf-tile-body .rf-tile-title a:link, .rf-compressed-tile:hover .rf-tile-body .rf-tile-title a:visited {
    cursor: pointer;
    color: inherit;
}


/* Tile border */

.rf-tile, .rf-compressed-tile {
    border: none;  
    box-shadow: 0px 4px 14px rgb(17 69 134 / 11%);
    border-radius: 4px;
    background-color: #fff;
}


/* Modal Font */

.rf-admin-content *, .rfComp-canvas *, .rf-default-modal *, [id*='rf-'].rf-widget * {
    font-family: 'metropolislight', Arial, Helvetica, sans-serif;
}
 
 /* Learn More Button */
   
 
 .mdBtnR-outline-primary, a.mdBtnR-outline-primary {
     color: #fff !important;
     background-color: #007ab8;
     border-color: #007ab8;
     border: 1px solid #007ab8;
     border-radius: 3px !important;
 }
 
 .mdBtnR-outline-primary:hover, .mdBtnR-outline-primary:focus, .mdBtnR-outline-primary.active, a.mdBtnR-outline-primary:hover, a.mdBtnR-outline-primary:focus, a.mdBtnR-outline-primary.active {
     color: #007ab8 !important;
     background-color: #fff;
     background-image: none;
     border: 1px solid #007ab8;
     border-radius: 3px !important;
 }
 
 .mdBtnR-outline-primary .mdBtnR-text, a.mdBtnR-outline-primary .mdBtnR-text {
     color: inherit;
 }
 
 
 /* Background Color */
 
 #rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog {
     background: #fff;
     overflow: auto;
 }
 
 
 
 /* Search Bar */
 
 #rf-catalog .search-container .search-bar .catalog-search .search-submit, #rf-exhibitorcatalog .search-container .search-bar .catalog-search .search-submit, #rf-speakercatalog .search-container .search-bar .catalog-search .search-submit {
     position: absolute;
     top: 0;
     right: 0;
     height: 40px;
     width: 40px;
     padding: 0;
     border-radius: 20px;
     align-items: center;
     justify-content: center;
   }
 
 .mdBtnR-primary, a.mdBtnR-primary {
     color: #fff;
     background-color: #007ab8;
     border-color: #007ab8;
   }
 
 .mdBtnR-primary:hover, .mdBtnR-primary:focus, .mdBtnR-primary.active, a.mdBtnR-primary:hover, a.mdBtnR-primary:focus, a.mdBtnR-primary.active {
     color: #fff;
     background-color: #1d428a;
     background-image: none;
     border-color: #1d428a;
 }
 
 /* Clear Link */
 
 .mdBtnR.mdBtnR-text-button .mdBtnR-text, a.mdBtnR.mdBtnR-text-button .mdBtnR-text {
     color: #007ab8;
 }
 
 .mdBtnR.mdBtnR-text-button:hover .mdBtnR-text:hover, a.mdBtnR.mdBtnR-text-button:hover .mdBtnR-text:hover {
     color: #1d428a;
 }
 
 
 /* Checkbox Color */
   
 .rf-checkbox input[type=checkbox]:checked+.checkbox-bg {
     background: #007ab8;
     transition: background 0.2s linear;
     -webkit-transition: background 0.2s linear;
   }
 
 div[id*='rf-'].rf-widget .rf-checkbox input[type=checkbox]:checked+.checkbox-bg, .rf-default-modal .rf-checkbox input[type=checkbox]:checked+.checkbox-bg {
     border: 1px solid #007ab8;
 }
 
 
 /* Pill*/
 
 .rf-pill-primary {
   background-color: #fff;
   border-color: #565656;
   color: #565656;
   border: 1px solid #565656;
 }
 
 .rf-pill-primary .rf-pill-text {
     color: #565656;
}

.rf-pill {
    border-color: #808080 !important;
}

/* Close Modal SVG */
body > div:nth-child(31) > div.fade.rf-default-modal.rf-accessibility.rf-exhibitorCatalog-modal.in.modal > div > div > div.modal-header > button > span > svg {
  cursor: pointer;
  display: block;
  fill: #017ab8;
  height: 100%;
  opacity: 1;
  width: 100%;
}

/* Line Color before Banner */
.header-component .hdr-wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 6px;
    background-color: #007ab8 !important;
    background-image: none;
}

.footer-component:before {
    content: "";
    position: absolute;
    margin-top: -18px;
    left: 0;
    right: 0;
    width: 100%;
    height: 6px;
    background-color: #007ab8 !important;
    background-image: none;
}
 
/*Header Container */

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 13px;
    padding-right: 13px;
    box-sizing: border-box;
    clear: both;
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

@media(min-width:1300px){
  .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1280px;}
}


/*Modal Dialog */

.modal.in .modal-dialog {
    transform: translateY(50%) !important;
}

.modal-dialog {
    top: unset;
    right: 0;
    bottom: 50%;
    left: 0;
    position: absolute !important;
    margin: 0 auto !important;
    width: 95% ;
    max-width: 900px !important;
    transition: transform .3s ease-out !important;
}

@media screen and (min-width: 769px)
.modal-dialog {
    width: 80% !important;
}


@media (min-width: 576px)
.modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto;
}

/*Left align */
.modal-header {
    display: block !important;
}

/*Font Weight Changes */
.rf-admin-content h1, .rf-admin-content h2, .rf-admin-content h3, .rf-admin-content h4, .rf-admin-content h5, .rf-admin-content h6, .rf-admin-content .h1, .rf-admin-content .h2, .rf-admin-content .h3, .rf-admin-content .h4, .rf-admin-content .h5, .rf-admin-content .h6, .rfComp-canvas h1, .rfComp-canvas h2, .rfComp-canvas h3, .rfComp-canvas h4, .rfComp-canvas h5, .rfComp-canvas h6, .rfComp-canvas .h1, .rfComp-canvas .h2, .rfComp-canvas .h3, .rfComp-canvas .h4, .rfComp-canvas .h5, .rfComp-canvas .h6, .rf-default-modal h1, .rf-default-modal h2, .rf-default-modal h3, .rf-default-modal h4, .rf-default-modal h5, .rf-default-modal h6, .rf-default-modal .h1, .rf-default-modal .h2, .rf-default-modal .h3, .rf-default-modal .h4, .rf-default-modal .h5, .rf-default-modal .h6, [id*='rf-'].rf-widget h1, [id*='rf-'].rf-widget h2, [id*='rf-'].rf-widget h3, [id*='rf-'].rf-widget h4, [id*='rf-'].rf-widget h5, [id*='rf-'].rf-widget h6, [id*='rf-'].rf-widget .h1, [id*='rf-'].rf-widget .h2, [id*='rf-'].rf-widget .h3, [id*='rf-'].rf-widget .h4, [id*='rf-'].rf-widget .h5, [id*='rf-'].rf-widget .h6 {
    font-weight: normal !important;
}

#rf-catalog .search-filters .filters button, #rf-exhibitorcatalog .search-filters .filters button, #rf-speakercatalog .search-filters .filters button, .rf-default-modal .search-filters .filters button {
    font-weight: normal !important;
}

.rf-tile .rf-tile-body .rf-tile-title a, .rf-tile .rf-tile-body .rf-tile-title a:link, .rf-tile .rf-tile-body .rf-tile-title a:visited, .rf-compressed-tile .rf-tile-body .rf-tile-title a, .rf-compressed-tile .rf-tile-body .rf-tile-title a:link, .rf-compressed-tile .rf-tile-body .rf-tile-title a:visited {
    font-weight: normal !important;
}

.mdBtnR, a.mdBtnR {
    font-weight: normal !important;
}

[id*='rf-'].rf-widget {
    font-weight: normal !important;
}

.mdBtnR .mdBtnR-text, a.mdBtnR .mdBtnR-text {
   font-weight: normal !important;
}

.rf-pill .rf-pill-text {
   font-weight: normal !important;
}


/*Footer Link Color */
a.text-xxss.text-black.mb-20.d-lg-flex.d-block {
    color: black;
}
a.text-xxss.text-black.mb-20.d-lg-flex.d-block:hover {
    color: #0091da;
}

a.text-xxss.text-black.mb-3.ml-lg-3 {
        color: black;
}
a.text-xxss.text-black.mb-3.ml-lg-3:hover {
        color: #0091da;
}

/*Exhibitor Modal Name */
.exhibitor-name {
    font-weight: normal !important;
}

/*Rotating Banner Box */
.flex-box-section-full.rotating-banner {
    border: none;
    box-shadow: 0px 15px 18px rgb(17 69 134 / 11%);
    border-radius: 4px;
}


/*Header Content Size */
.flex-box-section-full>.flex-box-section-full-interior {
    max-width: 1280px;
    width: 95%;
    min-height: 40px;
    flex-grow: 1;
    margin: 0 auto;
    padding: 0 12px;
}

#special-div > div > div > div.flex-box-section-full.has-background.headline > div > div > div.flex-box-child.rf-grid-layout-66 > div > h1 {
    font-size: 40px;
}

/* Exhibtor Type Font Fize */
h2.section-title {
    font-size: 25px !important;
}


#special-div > div > div > div.flex-box-section-full.has-background.headline > div > div > div:nth-child(1) > div > h1 > span {
    font-size: 40px;
}


/* Filter Font Override */
#rf-exhibitorcatalog > div > nav > div.filters-header > h2 {
    font-size: 25px !important;
}

div#rf-exhibitorcatalog h2 {
    font-family:"metropolislight";
}

/*Clear button margin top*/
button.mdBtnR.mdBtnR-text-button.clear-search {
    margin-top:6px;
}

/* Rotating Banner Padding */

#special-div > div > div > div.flex-box-section-full.rotating-banner {
    padding-top: 0% !important;
    padding-bottom: 3% !important;
}