/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css);

/* imis fixed width reset */
    .Wrapper-FullWidth #masterContentArea .container-inner, .Wrapper-FullWidth.Wrapper-HomePage .OnBehalfOfContainer{ max-width: 100%; }
    .row{ margin-left: 0; margin-right: 0; }
	.inner{ display: block; width: 100%; max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
	.btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton {
    color: #fff;
    background-color: #F58220;
    border-color: transparent;
}
.navbar-toggle.collapsed {
    background-color: #df5d1f !important;
}
    .psc-cb-root .inner {
    max-width: 1170px!important;
    }
.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #ED1C24;
}
.btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited {
    color: #fff;
    background-color: #FDB913;
    border-color: transparent;
}
.HelperText {
    color: #ED1C24;
}
.psc-cb-root .psc-cb-events-event .dynamicbody::after, .psc-cb-root .psc-cb-dynfilter-events-event .dynamicbody::after {
    display: none!important;
}
.psc-cb-root .psc-cb-events-event .dynamicfoot, .psc-cb-root .psc-cb-dynfilter-events-event .dynamicfoot {
  display: none;
}
	#eventparent{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(5, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	height: 100%;
	font-weight:bold;
	}

	.div1 {grid-area: 1 / 1 / 6 / 6;background-color: #FDB913;background-position-x: -33%;background-size: cover;background-repeat:no-repeat;}
	.div2 { grid-area: 1 / 1 / 6 / 6; background-image: url("/images/nfpm/EventBackground.png");background-size:cover;background-repeat:no-repeat;}
	.div3 { grid-area: 1 / 1 / 6 / 6; padding:16px; }
.psc-cb-root .psc-cb-events-event .dynamicbody, .psc-cb-root .psc-cb-dynfilter-events-event .dynamicbody  {
  height: 18rem!important;
  padding: 0px!important;
}
.psc-cb-root .psc-cb-events-event:hover, .psc-cb-root .psc-cb-dynfilter-events-event:hover{
	scale:1.1;
	transition: ease-in-out 0.8s !important;
}
.psc-cb-root .psc-cb-events-event, .psc-cb-root .psc-cb-dynfilter-events-event{
	transition: ease-in-out 0.8s !important;
}
.fpaadate {
  display: block;
  background-color: black;
  color: white;
  padding: 3px 8px;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  clear: both;
  width: fit-content;
  font-size: 90%;
}
.nfpmname span {
  /*background-color: #fff;
  padding: 0px 5px;*/
  clear: both;
  display: block;
  width: fit-content;
  margin-bottom: -8px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bolder;
  font-size: 90%;
  text-transform: uppercase;
}
.fpaalocation span {
    background-color: #fff;
    padding: 2px 8px 0px 8px;
    display: block;
    width: fit-content;
    margin-bottom: -8px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 500;
    position: absolute;
    top: 16px;
    right: 17px;
    font-size: 90%;
    text-transform: uppercase;
}
.fpaatitle {
  background-color: rgba(255,255,255,.8);
  padding: 2px 8px;
  display: block;
  width: fit-content;
  margin-top: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: 110%;
  text-align: left;
  max-width: 90%;
  line-height:100%!important;
}
.fpaablackbox {
  display: block;
  background-color: black;
  position: absolute;
  color: #fff;
  bottom: 12px;
  height: 35%;
  font-size: 80%;
  font-weight: 400;
  transition: all 0.6s;
  right: 40%;
  left: 5%;
}
.fpaablackbox:hover {
  height: 83%;
  padding: 16px;
  right:5%;
}
.fpaablackbox:hover .fpaadescription{
 display: -webkit-box;
   -webkit-line-clamp: 8; /* number of lines to show */
           line-clamp: 8; 
}

.fpaacta {
  position: absolute;
  text-align: left;
  bottom: 0px;
  left: 0px;
  font-size: 130%;
}

.fpaacta a {
  font-weight: 700;
  font-size: 8px;
  text-transform: uppercase;
  background-color: transparent;
  color: #fff;
  border: 1px solid transparent;
  text-decoration: none;
  display: inline-block;
  padding: 4px 8px;
  transition: all 0.6s !important;
}
.fpaablackbox:hover .fpaacta a{
	  font-size: 10px;
	  background-color:var(--brand-2-bg);
}
.fpaasmalltitle {
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  opacity: 0;
  padding: 4px;
  transition: ease-in-out 0.8s !important;
  width: 0%;
  line-height: 12px !important;
  height: 0px;
  }
.fpaablackbox:hover .fpaasmalltitle {
  opacity: 0.9;
  height: fit-content;
  width: 100%;
  margin-bottom:8px;
}
	
.fpaablackbox:hover .fpaacta a:hover {
  background-color: var(--brand-3-bg);
  border: 1px solid;
}
.fpaacta a:visited, .fpaacta a:focus, .fpaacta a:active{
 color: var(--brand-1-fg);
}
.fpaadescription {
  width: 100%;
  text-align: left;
  padding: 0px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 17px !important;
  transition: ease-in-out 0.8s !important;
  
}
.fpaadescription span{
    font-weight: 700;
    display: none;
    color: orange;
}
.mtype {
  display: none;
  width: 64px;
  height: 64px;
  position: absolute;
  right: 4.5%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 4.5%;
  background-color: #FDB913;
}
.virtual{
	background-image: url("/images/nfpm/VirtualIcon.png");
}
.inperson{
	background-image: url("/images/nfpm/InPersonIcon.png");
}
 .filternav, .filternav:visited{
    display: block;
    background-color: #eeeeee;
    padding: 8px 16px;
    float: left;
    border: 2px solid #fff;
	text-decoration:none;
	color:#333333;
    }

    a.selected{
    background-color: #ED1C24!important;
    padding: 8px 16px;
    float: left;
    border: 2px solid #fff;
    color:#fff!important;
    pointer-events:none;
	text-decoration:none;
	display: block;
    }
    .filternav:hover{
    background-color: #ED1C24!important;
    padding: 8px 16px;
    float: left;
    border: 2px solid #fff;
    color:#fff!important;
    }

body{
	font-family: "Roboto Condensed", sans-serif;
	}
    h1, .h1, .PageTitle, h2, .h2, .PanelTitle, h3, h4, h5 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    color: #000;
	text-transform:uppercase;
    }
h3{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    color: var(--brand-2-bg)!important;
	text-transform:uppercase;
    }
	h4{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    color: #df5d1f;
	text-transform:uppercase;
    }
	a:visited,a:active,a:focus {
  color: #676767;
}
.psc-cb-root .section-cards .psc-cb-card-container .psc-cb-card .psc-cb-card-subheading {
    color: var(--brand-2-bg)!important;
}
    #masterHeaderBackground, .header {
    border-bottom: 0px solid;
    background-color: #000000;
    }
    .RadMenu.RadMenu_London .rmRootLink.rmSelected {
    color: #fff;
    background-color: transparent;
    background-image: url(/images/nfpm/header.jpg);
    background-size: auto;
    background-position-y: 0%;
    background-position-x: 55%;
    }
    .panel, .StandardPanel {
    border: 0px solid transparent;
    }
    .HomePageFullWidthArea .panel-body, .HomePageFullWidthArea  .PanelBody {
    padding: 0px;
    border: none;
    }
#masterHeaderImage {
    background-image: url(/images/NFPM/logo-with-bg24.png);
    background-repeat: no-repeat;
    width: 200px;
    height: 104px;
    text-indent: -9999px;
    overflow: unset;
    position: relative;
    background-size: contain;
    z-index: 200;
    float: none;
    display: block;
}
    .Wrapper-HomePage #masterHeaderImage {
    width: 220px;
    height: 148px;
    }
    .RadMenu.RadMenu_London .rmLink, .RadMenu.RadMenu_London .rsmLink {
    color: #ffffff;
    text-decoration: none;
    display: block;
    position: relative;
    }
    .carousel-caption {
    bottom: 36%;
    font-size: 105%;
    }
    @media (min-width: 768px){
    #masterHeaderImage {
    margin-top: -8px;
    }
    .fpaanav {
    background-color: transparent!important;
    background-image: url(/images/navlogo.png);
    background-size: 70%;
    text-indent: -9999px;
    width: 58px!important;
    height: 50px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    padding: 6px!important;
    position: absolute!important;
    top: -16px;
    }
    .Wrapper-HomePage #masterHeaderImage {
        width: 240px;
        height: 163px;
        margin-bottom: -52px;
    }
    }
    #ft {
    background-color: #000000;
    color: #fff;
    display: block!important;
    }
    .footer-nav-copyright {
    background-color: #000000;
    color: #eee;
    }
    .footer-nav-copyright .footer-copyright {
    width: 100%;
    }
    .footer-content {
    background-color: #000;
    color: #fff;
    text-align: center;
    }
    #ft .footer-content h1, #ft .footer-content .h1, #ft .footer-content .PageTitle, #ft .footer-content h2, #ft .footer-content .h2, #ft .footer-content h3, #ft .footer-content h4, #ft .footer-content h5
    color:#ffffff!important;
    }

.psc-cb-root .psc-cb-events-event .dynamicfoot, .psc-cb-root .psc-cb-dynfilter-events-event .dynamicfoot {
  display: none;
}
.PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited {
  color: #fff;
  background-color: #ED1C24;
  border-color: #ED1C24;
}

.PrimaryButton:hover{
  color: #fff;
  background-color: #F58220;
}
.footer-content a {
  color: #F58220;
}
.EventSummary {
    background-color: rgba(253,185,19,0.1);
    border: 1px solid #FDB913;
    border-radius: 15px;
    color: black;
}
/**** CART Style***/
#ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_Update, 
#ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart__Head, 
#ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_ItemGrid_Grid1_ctl00__0 .ListerColumnHeader,
#ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_TransactionDateDiv{
	display:none;
}
.CartCharges .GrandTotal .PanelField .Label, .CartCharges .GrandTotal .PanelField, 
#ctl01_TemplateBody_WebPartManager1_gwpciOrderConfirmation_ciOrderConfirmation_LetterheadNameLabel {
    color: #F58220;
}
#ctl01_TemplateBody_WebPartManager1_gwpciNewContactMiniProfileCommon_ciNewContactMiniProfileCommon_contactName_InstituteNameLink {
    pointer-events: none;
    text-decoration: none;
}
.nfpmwrapper {
    border: 1px solid #F58220;
    padding: 16px;
    border-radius: 15px;
}
.psc-cb-root .psc-cb-dyncontent-content {
    transition: ease-in-out 0.8s;
}
.fa-times:before {
    content: "Reset filters"!important;
    font-family: var(--font-family-default);
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
}
.psc-cb-root .psc-cb-button, .psc-cb-root .psc-cb-button:visited {
    width: 128px!important;
    float: right;
}
.RadMenu.RadMenu_London .rmRootLink.rmExpanded, .RadMenu.RadMenu_London .rmRootLink:hover, .RadMenu.RadMenu_London .rmRootLink.rmFocused {
    color: #fff;
    background-color: #df5d1f;
}
.RadMenu .rmRootGroup .rmItem .rmGroup {
    padding-bottom: 1px;
    background-color: #df5d1f;
}
.RadMenu_London .rmSlide .rmLink:hover, .RadMenu_London .rmSlide .rmLink.rmFocused, .RadMenu_London .rmSlide .rsmLink:hover, .RadMenu_London .rmSlide .rsmLink.rmFocused, .RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, .RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
    background-color: transparent;
    color: #eeeeee!important;
}
.RadMenu.RadMenu_London .rmLink, .RadMenu.RadMenu_London .rsmLink {
    color: #ffffff!important;
}
.psc-cb-root .psc-cb-ipart-container.nopadding {
    padding-top: 0rem!important;
    padding-bottom: 0rem!important;
}
.nav-secondary .sub-nav-head {
    background-color: #df5d1f!important;
}
.psc-cb-root .psc-cb-dyncontent-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr)!important;
}
.RadTreeView.RadTreeView_London a.rtIn {
    color: #df5d1f!important;
}
.psc-cb-filterbar {
    background-color: #fff!important;
    box-shadow: none!important;
    border: 1px solid #ccc!important;
}
.Wrapper-HomePage .col-secondary{
	width: 0%;
	display:none;
}
.Wrapper-HomePage .has-secondary-col .col-primary {
        width: 100%;
    }
	@media (max-width: 767px){
	.RadMenu.RadMenu_London .rmRootGroup > .rmItem {
    position: relative;
    background-color: #aaa;
}
	}