:root {
    --main: #167df0;
    --mainLight: #3a90ef;
    --mainDark: #3c72ad;
    --blueDark: #5b656c;
    --raven: #30336b;
    --ravenDark: #130f40;
    --pureApple: #129548;
    --juneBud: #1b7a42;
    --slate: #95afc0;
    --slateDark: #3c5163;
    --royal: #686de0;
    --royalHover: #4834d4;
    --ice: #c7ecee;
    --iceHover: #dff9fb;
    --orange: #f0932b;
    --oragneHover: #ffbe76;
    --yellow: #ffdb5e;
    --yellowHover: #f6e58d;
    --danger: #db2b39;
    --darkBrown: #2d2927;
    --negative: #2d2927;
    --negativeLight: #4f4844;
    --blue-lt: #f6f9fe;
    --blue-lt-border: #b8d3ff;
    --menuGreen: #129548;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 1s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
  opacity: 0;
}

 [v-cloak] {
     display: none;
}

.is-link {
	color: var(--mainLight);
	cursor: pointer;
}
.flex.space-between{
	display: flex;
	justify-content: space-between;
}
.flex {
	display: flex;
}
body .white-section {
	background: white;
}

html .button.is-success,
button.is-main {
	background: var(--pureApple);
	color: white;

}
html .button.is-success:hover,
button.is-main:hover {
	background-color: var(--juneBud);
	border-color: transparent;
	color: #fff
}
html .button.is-success[disabled],
button.is-main[disabled] {
	background-color: var(--juneBud);
	border-color: transparent;
	color: #fff
}

html .button.is-negative {
	background: var(--negative);
	color: white;
	border: 0px;
}
html .button.is-negative:hover {
	background-color: var(--negativeLight);
	border-color: transparent;
	color: #fff
}
footer.section {
	background: #e9e9e9;
}
footer a.button{
	background: transparent;
}

body .button.is-primary.is-info,
body .button.is-info:hover {
	background-color: var(--mainLight);
	border-color: transparent;
	color: #fff
}

body div.topbar.has-background-primary {
	background: #5f6e7d !important;
	padding: 1em;
}
body div.topbar.has-background-primary img {
	width: 120px;
}

#rsvp-nav {
	background: #129548;
}

.rsvp-container {
	padding-left: 2.5em;
}

body p {
	padding-bottom: 1em;
	display: block;
}
.capability-review-prompt p {
    padding: 0;
    padding-left: 5px;
    margin: 0;
}
body  ul.review-steps{
    padding-top: 1em;
}
.page-header,
.meeting-single-section,
.green_section,
#home {
	margin: 0;
	padding: 0;
	background: #dadfe494;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
}
#home {
	margin: 0;
	padding: 0;
	background: #dadfe494;
	background-image: url('/liaison/resources/img/homepage-header.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#home .header-content-left{
	padding: 2em 0;
}

.green_section > .container{
	padding: 3em 1em 3em 1em;
}
#home > .container {
	padding: 1em 1em 1em 1em;
}
.page-header .title,
.meeting-single-section .title,
.green_section .title,
#home .title {
	color: #4a4a4a;
	font-weight: bold;
}
#info .title,
#home .title {
	color: #ffffff;
	font-weight: bold;
}
.page-header .subtitle,
.meeting-single-section .subtitle,
.green_section .subtitle,
#home .subtitle {
	color: #0a0a0a;
}
#info .subtitle,
#home .subtitle {
	color: #ffffff;
}

#meeting-list .header-white-text .title,
#meeting-list .header-white-text .subtitle{
	color: white;
}
body .page-header {
	padding: 6em 1em 1em 1em;
	background-position-y:top !important; 
	background-position-x: center !important;
	background-size: cover !important;
}
body .page-header .title {
	padding: 0;
	margin: 0;
}
.page-header .subtitle {
	
}
.meeting-single-section .buttons a,
.green_section .buttons a, 
#home .buttons a{
	background: var(--yellow);
	color: #022f13;
	font-weight: 500;
}

.meeting-single-section .buttons a:hover,
.green_section .buttons a:hover, 
#home .buttons a:hover{
	background: var(--yellowHover);
	color: #022f13;
	font-weight: 500;
}

.faq_content {
	padding: 1em;
}

.private-section {
	min-height: calc(100vh - 275px);
	background: #e9e9e9;
}

.submenu {
	background: #129548;
	border-radius: 10px;
	margin-right: 1em;
}
.submenu li {
	padding: .65em 2em;
	line-height: 1.4;
	

}
.submenu li + li {
	border-top: 1px solid #0e7b3b;
}
.submenu a {
	font-size: 16px;
	text-transform: uppercase;
	color: white;
}
.registration-box {
	background: white;
	padding: 1em 2em;
	width: calc(100vh - 20%);
	margin: 1em auto;
}

.registration-box-header > h3 {
	font-weight: bold;
	font-size: 1.2em;
}	

.registration-box-instructions {
	padding: 1em 0;
}

.registration-box-form {
 padding: 1em 1em 1em 1em; 
}
.registration-box-form label {
	font-size: 1em;
	font-weight: 500;
}
.registration-box-btn {
	margin-top: 1em;
	display: flex;
	justify-content: flex-end;
}
.registration-box-btn > button {
	width: 100%;
	
}
body .footer-meta-center {
	padding: 2em 0;
}
body .footer-meta-center h4 {
	margin-bottom: 0em !important;
	font-size: 18px;
	font-weight: 500 !important;
}
body footer a.icon:hover {
	color: white !important;
	pointer: cursor !important;
}
body .copy-alt {
	background-color: #d3d5db !important;
    color: #7f8a9a !important;
    margin-top: 2em !important;
    padding-top: 1em !important;

}
.footer-meta-center a,
.footer-meta-center h4,
.footer-meta-center p {
	color: #7f8a9a !important;
	padding-bottom: 5px;
}

body .dark-green-section,
body .search-section {
	background: #2f4858;
	padding-top: 0px;
	padding-bottom: 0px;
}
body .dark-green-section {
	min-height: 50px;
	color: white;
}

.search-section .find-training-widget {
	display: flex;
	justify-content: center;
}

.search-section .find-training-left strong{
	color: white;
	font-family: 'Urbanist', sans-serif;
	font-size: 20px;
}
.search-section .find-training-left {
	padding-right: 1em;
	padding-top: 5px;

}
.search-section .find-training-right .button{
	height: 2.5em !important;
}
.search-section .find-training-right .input {
	min-width: 300px;
}
.search-section .find-training-right {
	
}


/****************************
Overrides
*****************************/
.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .taginput .is-active.taginput-container.is-focusable, .taginput .is-focused.taginput-container.is-focusable, .taginput .taginput-container.is-focusable:active, .taginput .taginput-container.is-focusable:focus, .textarea:active, .textarea:focus {
    border-color: #167df0 /*#7957d5*/;
    box-shadow: 0 0 0 0.125em rgb(87 167 213 / 25%) !important;
}
body .modal .modal-card-head {
    border-bottom: 1px solid #eeeeee;
    background: #f9f9f9;
	padding: 15px 20px;
}
body .modal .modal-card-foot {
    border-top: 1px solid #fff;
    
	padding: 15px 20px;
}
body .modal .modal-card-foot button {
    padding: 4px 7px;
}
body .modal-card-title {
	font-size: 18px;
	font-weight: bold;
	font-family: 'Urbanist', sans-serif;
	padding-bottom: 0px;
}
body .dialog .modal-card .modal-card-foot button {
    width: 100%;
}
body .dialog .modal-card .modal-card-foot button:hover {
    background: var(--mainLight);
}
body .dialog .modal-card .modal-card-foot {
    justify-content: space-between !important;
}
/****************************
DATA DIP
*****************************/
.data-dip {
	border-radius: 5px;
	background: white;
	padding: 3em 2em;
	width: calc(100vh - 10%);
	margin: 1em auto;
}
#data-dip input.input {
	text-transform: uppercase;
}
#data-dip .data-dip h3.title{
	text-align: center;
	font-size: 30px;
	color: var(--blueDark);
	font-weight: 700;
}
.data-dip .b-steps{
	margin-top: 3em;
}
.data-dip .find-agency--form .field  {
	width: 100%;
}

.data-dip .find-agency--form .space-between .field:first-child  {
	margin-right: 1em;
}
.data-dip .find-agency--form .space-between .field:last-child  {
	margin-left: 1em;
}
.data-dip .step-navigation{
	display: none;
}
.data-dip .find-agency-subtext {
	font-size: 15px;
	padding: 1em 0 2em ;
	
}

.terms p {
    font-size: 16px; 
   line-height: 18px;
}
.terms {
    margin: 2em 0;
    background: var(--blue-lt);
    border: 1px solid var(--blue-lt-border);
    padding: 0em 2em;
  
}
.terms .control-label {
    padding: 1em;
    font-weight: 400;
}


/****************************
Invite
*****************************/
.invite-box {
	margin-top: 40px;
	text-align: center;
}
body .invite-box-header h3 {
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	font-family:  'Urbanist', sans-serif;
}
body .invite-box-instructions {
	font-size: 25px;
}

body .invite-box-header h3 span.highlight {
	color: var(--main);
	font-weight: 900;
	letter-spacing: -1px;
}

body .invite-box-form {
	padding: 2em 1em;
}
body .invite-box-form input {
	font-size: 18px;
	font-family:  'Urbanist', sans-serif;
	font-weight: 600;
	color: #555;
	border-color: #ccc;
}
body .invite-box-actions button {
	width: 100%;
	font-size: 20px;
	font-weight: 600;
	font-family:  'Urbanist', sans-serif;	
}
body .invite-box-actions button:first-child {
	margin-right: 10px;	
}
body .invite-box-actions button:last-child {
	margin-left: 10px;
	color: white;
}

#subjectSelect.is-danger {
	border: 1px solid #E91E63;
	box-shadow: 0 0 0 0.125em rgb(233 30 99 / 16%) !important;
}
.contact-card {
	height: 100%;
}
.contact-icon {
	width: 3rem;
	height: 3rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	background: #f1f5f9;
	margin-bottom: 3rem;
}

body div.invite-box-agency {
	display: flex;
}


.single-invite-box-agency-value,
body .stage-agencySelect div.invite-box-agency-value,
body .stage-email div.invite-box-agency-value,
body .stage-agency div.invite-box-agency-value {
	border: 1px solid #aaa;
	margin: 1em;
	padding: 1em;
	border-radius: 4px;
	flex: 4;
}

body .stage-email div.invite-box-form {
	padding-top: 0em;
}

.single-invite-box-agency-value {
	border: 0px;
}

body .stage-email div.invite-box-form address {
	padding-bottom: 1em;
}
body  div.invite-box-agency-value {
	border: 1px solid #cecece;
	margin: 1em;
	padding: 1em;
	border-radius: 4px;
	flex: 4;
	box-shadow: 0 2px 5px rgb(255 255 255 / 20%);
}
body  .active div.invite-box-agency-value {
	border-color: #3c72ad47;
	background: #4894e70d;
	border-bottom-color:  var(--mainDark);
	border-bottom-width: 2px;
	box-shadow: 0 2px 5px rgb(255 255 255 / 20%);
}
body div.invite-box-agency .invite-box-agency-icon {
	display: flex;
	height: 100%;
	align-items: center;
	flex: 1;
	
}
body .stage-agencySelect .invite-box-agency-value:hover,
body .invite-box-agency-value:hover {
	box-shadow: 0px 0px 9px 0px #3c72ad4f;
	border-color: #aaa;
	border-bottom-color: var(--mainDark);
	cursor: pointer;
}


body .confirm-agency .invite-box-agency-value:hover {
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	cursor: default ;
	
	border-color: #aaa;
	border-bottom-color: #333;
}

body div.invite-box-agency .invite-box-agency-icon .fa:hover {
	cursor: pointer;
	box-shadow: 0px 0px 9px 0px #79a0ca99;
	border-color: #3c72ad99;
	color: #3c72ad99;
}

body div.invite-box-agency .invite-box-agency-icon .fa {
	border: 1px solid #aaa;
	color: #aaa;
	padding: 1em;
	border-radius: 100%;
}
body div.invite-box-agency .invite-box-agency-icon.active .fa {
	border-color: var(--main);
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	color: var(--main);
}
.find-agency--form  {
	text-align: left;
}
.find-agency--form .field {
	width: 100%;
}
.find-agency--form .field label {
	text-align: left;
}
.find-agency--form .field:first-child {
	margin-right: 10px;
}
.find-agency--form .field:last-child {
	margin-left: 10px;
}

.stage-agency .agency-select-single .invite-box-instructions {
	margin: 1em 0 2em;
}
.stage-agency .agency-select-single .invite-box-instructions strong{
	color: #444;
	font-family:  'Urbanist', sans-serif;
	font-style: normal;
}
.stage-agency .agency-select-single .invite-box-instructions address{
	font-size: 20px;
	font-family:  'Urbanist', sans-serif;
	font-style: normal;
}
.invite-box-agency-checkbox-label {
    display: flex; /* Enables Flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100%; /* Adjust the height as needed */
}

.invite-box-form .invite-contact label {
	font-weight: bold;

	width: 100%;
	display: block;
	text-align: center;
}
.invite-box-form label {
	text-align: left;
	width: 100%;
}

.invite-box-form .user-selection-select label {
	/* text-align: center; */
	width: 100%;
}
.invite-box-form .b-tabs {
	width: 100%;
}
.invite-box-form .field .b-checkbox{
	margin-left: 1em;
}

.invite-box .spacer {
	padding: 1em;
}

.invite-box .help {
	text-align: left;
}
.invite-box .message-body {
	text-align: left;
}

.register-info-btn {
	width: 100%;
	margin: 1em 0;
}

.meeting-bar-search .field {
	width: 100%;
}
.meeting-bar-search .field label {
	display: none;
}
.meeting-bar-search .field:first-child {
	margin-right: 10px;
}

.selection-meeting .tab-content {
	margin-top: 1em;
}




body div.invite-box-agency-value-active {
	display: flex;
	font-family: 'Urbanist', sans-serif;
	border-bottom: 3px solid  var(--mainDark);
	background: #4894e70d;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.meeting-card {
	display: flex;
	font-family: 'Urbanist', sans-serif;
	border: .5px solid #dcdcdc;
	border-bottom: 3px solid #4d4d4d;
	padding: 1em;
	margin-bottom: 1em;
}
.meeting-card.active {
	display: flex;
	font-family: 'Urbanist', sans-serif;
	border-bottom: 3px solid var(--mainDark);
	background: #4894e70d;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.meeting-card-left {
	flex: 1;
}

.meeting-card-right {
	flex: 4;
	text-align: left;
}

.meeting-card-action {
	flex: 1;
	text-align: right;
}
.dashboard-wrap .meeting-card-left {
	flex: 1;
}

.dashboard-wrap .meeting-card-right {
	flex:9;
	text-align: left;
}
.dashboard-wrap .meeting-card-action {
	flex: 2;
	text-align: right;
}

.meeting-card-date-day {
	font-size: 25px;
	color: #5a5858;
	
}

.meeting-card-date-month {
	font-size: 20px;
	margin-top: -5px;
	font-weight: 900;
	text-transform: uppercase;
	color: #484747;
}

.meeting-card-title {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 10px;
}
.meeting-card-stakeholder-show-more {
	color: var(--main);
	cursor: pointer;
}
.meeting-card-meta-wrap  {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.meeting-card-meta-date {
	
}

.meeting-card-meta-location {
	
}

.meeting-card-meta-address {
	
}

.meeting-card-action  .invite-box-agency-icon {
	display: flex;
	justify-content: right;
	margin-top: 20px; 
}
body div.invite-box-agency-action div.invite-box-agency-icon.active .fa,
.meeting-card.active .meeting-card-action  .fa {
	border: 1px solid  var(--main);
	background: var(--mainLight);
	color: #fff;
	padding: 1em;
	border-radius: 100%;
}
.meeting-card-action  .fa {
	
	border: 1px solid #aaa;
	color: #aaa;
	padding: 1em;
	border-radius: 100%;
}


.confirm-rsvp .invite-box-form strong{
	font-size: 20px;
	display: block;
	margin-bottom: 1em;
}

.confirm-rsvp .meeting-card-action{
	display: none;
}

.invite-box-back {
	margin-left: 1em;
	display: flex;
}
.invite-box-back > .is-link {
	border: 1px solid #eee;
	padding: 2px 10px;
	color: white;
	background: #167df0;
	border-radius: 5px;
}
.invite-box-back > .is-link:hover {
	background: #479eff;
}

.private-section ul.menu-list {
	padding-right: 3em;
}
ul.menu-list li {
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid #e0e0e0;
}

body .content ul {
    list-style: none;
    margin-left: 0em;
    margin-top: 0em;
}
.dashboard-wrap .card-content{
	padding-left: 0px;
}

.dashboard-wrap .dashboard-heading h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}
.dashboard-wrap  .card{
	border: 1px solid #eee;
	
}
.dashboard-wrap  .meeting-card{
	border: 0px;
	padding-bottom: 0;
	padding-top: 0;
	
}
.dashboard-wrap  .card .card-content{
	border: 0px;
	padding-bottom: 0;
}
.dashboard-wrap .meeting-card-left{
	text-align: center;
	flex: 1;
	
}
.dashboard-wrap .meeting-card-left .meeting-card-date-day{
	color: #4a4a4a;
	
}
.dashboard-wrap .meeting-card-right{
	flex: 7;
}

.dashboard-wrap .card .card-header{
	display: none;
}
.dashboard-wrap .meeting-card-meta-date {
	font-size: 16px;

}
.dashboard-wrap .meeting-card-meta-location {
	font-size: 16px;
}
.dashboard-wrap .meeting-card-meta-address {

}

.dashboard-wrap .meeting-card-meta-address address{
	font-style: normal;
	text-transform: none;
}

#meeting-list .card,
.dashboard-meeting-wrap .card {
	margin-bottom: 2em;
}

.dashboard-wrap .available-meetings-rsvp {
	font-weight: 600;
	
	background: #167df00f;
}
.dashboard-wrap  .card-footer-item:first-child {
	background: #93bbe90f;
	font-weight: 600;
	
}
.dashboard-wrap  .card-footer-item:last-child {
   background: #167df00f;
	font-weight: 600;
}


.disabled-link {
	pointer-events: none;
	cursor: default;
	color: #000000cc;
	text-decoration: none;
}
.dashboard-available-meetings .card-footer-item:first-child {

}
.dashboard-available-meetings .card-footer-item:last-child {
   
}
body  p.menu-label,
body .menu-list p.menu-label {
	margin-bottom: 0px !important;
	padding-bottom: 10px !important;
}
.agency-menu {

}

.menu-item{
	
}

.section-boxes .column {
	padding: 1em 3em;
}
.section-boxes .column {
	font-size: 15px;
}
.section-boxes .column strong{
	color: #555;
}
.section-boxes .column:last-child ul {
	list-style:square;
	list-style-position:inside;

	padding: 0em 1em 1em 1em;
}
.section-boxes .column:last-child ul li{
	margin-bottom: 10px;
}
strong.column-header {
	border-bottom: 1px solid #eee;
	display: block;
	margin-bottom: 1em;
	font-size: 18px;
	color: #000;
}
body .is-pdigm-outline {
	width: 100%;
	text-align: right;
}
body .is-pdigm-outline button {
	border-color: var(--main);

	color: var(--main);
}

#meeting-list .dashboard-wrap {
	display: flex;
	flex-wrap: wrap;
	  padding-left: 0;
	align-items: stretch;
}
#meeting-list .dashboard-wrap .card {
	flex: 1 1 calc(94% / 3);
    margin-right: 2%;
    margin-bottom: 2%; /* Add some bottom margin for spacing */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
#meeting-list .dashboard-wrap .card .card-content {
	flex: 1; 
}
#meeting-list .dashboard-wrap .card .card-footer{
	align-content: baseline;
}
#meeting-list .dashboard-wrap .meeting-card-left{
	flex: 2;
}
#meeting-list .card .meeting-card-meta-location {display: none;}

.icon-box-horizontal {
	display: flex;
}
.icon-box-horizontal .icon-left{
	padding-right: 8px;
}

.sponsors .title {
	font-size: 21px;
	border-bottom: 1px solid #aaa;
	padding-bottom: 10px;
}
.sponsors .columns {
	display: flex;
	flex-wrap: wrap;
	  padding-left: 0;
}
.sponsors .column.is-one-quarter {
	flex: 0 0 calc(94% / 3);
	margin-right: 2%;
}

.button.xs-small {
	font-size: 12px;
	margin: 2px;
}

.agencies-by-stakeholder {
	display: flex;
	text-align: center;
}

.agencies-by-stakeholder span {
	margin-top: 4px;
	margin-right: 4px;
}

.address-manual label {
	text-align: left;
	display: block;
}

.dashboard-sidebar-toggle  {
	margin-top: 0em;
	margin-bottom: 1em;
	padding: 0 1em;
}
.dashboard-sidebar-toggle .button.flat {
	width: 100%;
}
.dashboard-sidebar-wrap {
	padding: 2em 1em;
}

.dashboard-sidebar-close {
	text-align: right;
	display: block;
	position: relative;
	margin-right: 8px;
	top: -1em;
	cursor: pointer;
}

body .agencies-checkbox .b-checkbox {
    padding: 5px 0 !important;
}

.dashboard-wrap-select .select,
.dashboard-wrap-select select {
	width: 100%;
}
.user-selection-box.box  {
	text-align: left;
	padding: 2em;
	margin: 1em;
}
body .user-selection-box ul {
	margin-left: 0;
}
.user-selection-box ul li{
	list-style: none;
}
.user-selection-selects {
	padding: 1em;
}
.user-selection-select {
	margin: 1em;
	font-size: 18px;
}
.user-selection-box  .user-selection-select {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}
.user-selection-box  .user-selection-select .control-label{
	font-weight: 500;
	font-size: 17px;
	
}
.user-selection-box  .user-selection-select .control-label .contactTitle {
	font-size: 15px;
	font-weight: normal;
}
.user-selection-box .contact-agency-list,
.user-selection-box  .contact-match-agencies {
	text-align: left;
}
.user-selection-box .contact-match-agency-label {
	font-weight: 500;
	display: block;
	padding-top: 10px;
	margin-left: 2em;
	font-size: 15px;
}
.user-selection-box .contact-agency-list {
	margin-left: 2em;
	font-size: 15px;
}

.user-selection-button-wrap {

}	
.user-selection-button-wrap button {
	
	margin: 0 auto !important;
}	

.data-dip-box {
	max-width: 50vw;
	margin: 0 auto;
}
body .invite-box .box-wrap p {
	text-align: left; 
}

body .invite-box .box-wrap p.center {
	text-align: center;
	font-size: 16px;
}
body .box-wrap {
	border: 1px solid #eee;
	padding: 2em;
	margin-bottom: 50px;
}
body .invite-box-subheader h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: left;
	font-family:  'Urbanist', sans-serif;
}
.invite-box select,
.invite-box .select {
	width: 100%;
}

.address-manual .field {
	margin-right: 1em;
}
.address-manual .field select{
	padding: 10px;
}
.onboard-data-dip-2,
.onboard-data-dip-3 {
	margin-top: 0px;
}

.onboard-sub-header {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	font-family:  'Urbanist', sans-serif;

}

body div.dashboard-sub-header h3{
	font-size: 21px;
	font-weight: 700 !important;
	text-align: left;
	margin-bottom: 10px;
	font-family:  'Urbanist', sans-serif;
}
.address-manual .invite-box-actions button {
	margin-top: 2em;
}

.profiles .stakeholder-container {
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.profiles .rsvp-stakeholder.stakeholder-card {
	margin-left: 0px;
	margin-right: 0px;
}

.profiles .stakeholder-container.add .circle i {
        font-size: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
		color: #167df0;
    }

	.profiles .stakeholder-container.add .circle i:hover {
		color: #78b8ff;
		cursor: pointer;
	}

	.profiles .stakeholder-container.add .circle {
        display: flex;
		justify-content: center;
    }
	
	.profiles .stakeholder-container.add .stakeholder-card {
		border: 1px solid #eee;
        padding: 15px;
        border-radius: 6px;
        width: 100% !important;
        box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
		padding-left: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}

.introjs-tooltip {
	min-width: 300px !important;
}

.find-agency-subtext {
	padding-bottom: 2em;
}

.meeting-search-btm {
	padding: 1em;
	position: relative;
	top: 15px;
}

.table-wrapper tr {
	background: #fff;
}
.table-wrapper tr:hover {
	cursor: normal;
	background: #fff !important;
}

.table-wrapper tr.is-info {
	background: #f2f8ff;
}
.table-wrapper tr.is-info:hover {
	cursor: normal;
	background: #f2f8ff !important;
}

.verification-actions  {
	padding: 1em;
}
.verification-sub-actions  {
	padding: 1em;
}
.verification-actions button {
	width: 100%;
	
}
.otp-inputs .otp-input{
	display: flex;
	justify-content: center;
}

.otp-inputs button{
	width: 100%;
	margin-top: 2em;
	max-width: 340px;
}

.content .b-tabs .tabs > ul {
    list-style: disc outside;
    margin-left: 0em;
    margin-top:0em;
}
.content-menu {
	display: flex;
	justify-content: flex-end;
	margin-top: -1em;
}
.confirm-msg {
	margin-top: -1em;
	padding: 1em;
}
.confirm-email {
	margin: 1em 0 1em;
	background: #fff;
}
.confirm-cell {
	margin: 1em 0 0;
	background: #fff;
}
.pre-terms {
	margin: 2em 0 1em;	
}

.navbar-end a {
	/* background: rgba(0,0,0,.2); */
	border-radius: 4px;
}
body .menu-list a.is-active {
    background-color: #ffffff;
    color: var(--main);
	font-weight: 500;
}

body .menu-list a {

    color: var(--main);
}

body .menu-list a.is-active:hover {
	color: var(--mainLight);
	background-color: #f5f5f5;
}
body .confirmRsvp .modal-card-foot button {
    width: 50%;
}


body .stateSearch {
	width: 100%;
}

body .stateSearch .multiselect {
	width: 300px !important;
	border-radius: 0px !important;
}

.stateSearch .multiselect__tags {
    height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 0px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px;
}

.footer-meta {
	font-size: 15px;
}
.footer-meta {
	font-size: 15px;
} 
.footer-company {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 10px;
}

.footer-alt .footer-company p {
	margin-bottom: 0;
	padding-bottom: 5px;
}
.footer-alt .footer-company h4 {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 2rem;
	color: #666;
}
.footer-alt .footer-bottom {
	padding: 1em 0;
}
.footer-alt .footer-bottom {
	background: #5f6e7d !important;
}
.footer-alt .footer-bottom strong,
.footer-alt .footer-bottom a,
.footer-alt .footer-bottom {
	color: #fff !important;
}

.footer-alt .footer-bottom .socials a:hover {
	cursor: pointer;
	font-size: 110%;
}
.footer-meta .footer-phone {
	margin-bottom: 10px;
	padding-bottom: 0;
	display: inline-block;
	margin-top: 5px;
}
.footer-meta-icon{
	font-size: 20px;
	margin-top: 20px;
}
.footer-meta-icon a:hover{
	cursor: pointer;
	color: #ccc;
}

.footer-meta-icon a i:hover{
	cursor: pointer;
	color: #ccc;
}
.notice {
    text-align: center;
    width: 100%;
    padding: 50px;
    background-color: #f3f8ff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 8px;
	font-size: 18px;
}
.map-wrapper {
	padding: 0 3em;
	width: 100%;
}

.map-wrapper h3.subtitle {
	font-weight: 500;
	text-align: center;
	margin-bottom: 0em;
	padding-bottom: 1em;
}
.notice h2 {
    color: #333;
	font-weight: bold;
}

.notice p {
    color: #666;
	padding: 1em 0;
    font-size: 16px;
}

.confirmRsvp .find-agency-subtext,
.confirmAgency .find-agency-subtext,
.view-attendees-modal .find-agency-subtext {
	font-size: 18px;
	padding-bottom: 0em;
}
.confirmRsvp .rsvp-agency-select .user-selection-select,
.confirmAgency .rsvp-agency-select .user-selection-select,
.view-attendees-modal .rsvp-agency-select .user-selection-select{
	border-bottom: 1px solid #ddd;
	padding-bottom: 1em;
	
}
.confirmRsvp .rsvp-agency-select .control-label ,
.confirmAgency .rsvp-agency-select .control-label ,
.view-attendees-modal .rsvp-agency-select .control-label {
	font-size: 15px;
	display: block;
	padding: 0em;
	
	
}
.confirmRsvp  .rsvp-agency-select .control-label .agency-name,
.confirmAgency  .rsvp-agency-select .control-label .agency-name {
	font-weight: 600;
}
.view-attendees-modal .rsvp-agency-select .control-label .agency-name{
	font-weight: 600;
	padding: 0em;
	padding-bottom: 4px;
	padding-left: 1em;
}

.confirmRsvp .rsvp-agency-select .control-label .rsvp-address-wrappe,
.confirmAgency .rsvp-agency-select .control-label .rsvp-address-wrappe,
.view-attendees-modal .rsvp-agency-select .control-label .rsvp-address-wrapper{
	padding-bottom: 0em;
	padding-left: 1em;
}
.confirmAgency .modal-card-foot button.is-default,
.view-attendees-modal .confirmAgency .modal-card-foot button.is-default {
    width: 50%;

}
.confirmRsvp .modal-card-foot button.is-info,
.confirmAgency .modal-card-foot button.is-info,
.view-attendees-modal .confirmAgency .modal-card-foot button.is-info {
    width: 50%;

	background: var(--pureApple);
}
.confirmRsvp .modal-card-foot button.is-info:hover,
.confirmAgency .modal-card-foot button.is-info:hover,
.view-attendees-modal .confirmAgency .modal-card-foot button.is-info:hover {
	 width: 50%;
	background: var(--juneBud);
}

.showAgencyCollectionP {
	margin-bottom: 2em;
}

.showAgencyCollectionWrap .field.is-horizontal label{
	min-width: 120px;
}

.name-validate {
	display: flex;
	justify-content: space-between;
}
.name-validate .field {
	width: 100%;
}
.name-validate .field:first-child {
	margin-right: 1em;
}
/*Agency.js*/ 

	.stakeholder-card {
		margin: 15px 0;
        padding: 20px;
        border: 1px solid #ddd;
	}

	.stakeholder-container {
		width: 100%;
		padding: 0 15px;
	}

	.agency .agency-name {
		font-size: 1.2em;
        font-weight: 600;
	}
	

	.agency .primary, .agency .location {
		display: flex;
		justify-content: flex-start;
    	align-items: center;
	}

	.agency .agency-header {
		display: flex;
		justify-content: space-between;
    	align-items: center;
		padding: 20px;
		margin-bottom: 10px;
	}

	.agency .primary i, .agency .location i {
		font-size: 28px;
        margin-right: 20px;
	}

	.agency .stakeholder-container.add .circle i {
        font-size: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
		color: #167df0;
    }

	.agency .stakeholder-container.add .circle i:hover {
		color: #7957d5;
		
	}
	
	.agency .stakeholder-container.add .circle {
		cursor: pointer;
	}

	.agency .stakeholder-container.add .circle {
        display: flex;
		justify-content: center;
    }
	
	.agency .stakeholder-container.add .stakeholder-card {
		border: 1px solid #eee;
        padding: 20px;
        border-radius: 6px;
        width: 100% !important;
        box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
	}
.stakeholderEditorButtons {
	width: 100%;
}
.contact-support {
	margin-left: 10px;
}

.address-manual-physical {
	padding: 1em 0;
}
.verification-wrap .box-wrap{
	border: 0px !important;
}
.verification-wrap-inner {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: stretch;
}
.verification-box {
	border: 1px solid #dcdcdc;
	padding: 1em;
	margin: 1em;
	width: 100%;
	transition: box-shadow 0.1s ease-in-out; 
}
.verification-box:hover {
	border: 1px solid #dcdcdc;
	box-shadow: 0 0 8px 3px #167df02b;
	cursor: pointer;
}
body .verification-wrap .find-agency-subtext {
	text-align: center !important;
	font-size: 18px;
	padding: 0;
	padding-bottom: 10px;
}
.verification-content {
	font-size: 65px;
	padding: 20px 0;
	color: var(--main);
}

.verification-footer {
	font-size: 21px;
	font-weight: bold;
	padding: 5px;
	color: var(--blueDark);
}


body .ar-agency h4 {
	font-size: 18px;
	color: black;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	
}
body .ar-agency {
	font-size: 18px;
	color: black;
	border: 1px solid #eee;
	padding-bottom: 5px;
	background: #fff;
	padding: 1em;

}

.available-meetings-search .find-training-btn {
	padding-top: 8px;
	padding-bottom: 8px;
}
.available-meetings-search .stateSearch .multiselect{
	width: 100% !important;
}
.available-meetings-search .control.has-icons-left {
	width: 100% !important;
}
.available-meetings-search .control .input {
	width: 100% !important;
}
.available-meetings-search .find-training-right .field {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}
.available-meetings-search .find-training-right .control {

}
.available-meetings-search .find-training-right .field .input{

}
.available-meetings-search .find-training-left {
	display: none;
}

.addToCalendar {
	font-size: 15px;
	margin-left: 0px;
	display: block;
}
.addToCalendar:hover {
	cursor: pointer;
	color: var(--mainDark)
}

.signin-manual-address{
	padding-top: 2em;
}

.signin-manual-address .select select{
	padding: 10px;
}
.signin-manual-address .flex.space-between .field{
	margin-right:10px;
}
.signin-manual-address .flex.space-between .field:last-child{
	margin-right:0px;
}

.uppercase.signin-fields .control * {
	text-transform: uppercase;
}

#SOAddress{
	width: calc(100% - 25px) !important;
}


.sponsor-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.sponsor-card {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 calc(33.333% - 14px);
}

.sponsor-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-color: #0066cc;
}

.sponsor-card-logo {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.sponsor-card-logo img {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
}

.sponsor-card-name {
    font-weight: 600;
    font-size: 15px;
    color: #333;
    line-height: 1.4;
}

.back-to-sponsors {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.back-to-sponsors .title {
    margin-bottom: 0;
}



.agency-logos-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 0px;
    align-items: center;
	width: 35%;
}
.agency-logos-grid:hover {
    cursor: pointer;
}
.agency-logos-grid.audience-sponsor {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 0px;
    align-items: center;
	width: 50%;
}
.agency-logos-grid.audience-sponsor .agency-logo-item {
    width: 33%;   /* 3 per row (minus gap adjustment) */
}

.agency-logo-item {
    display: block;
    height: 80px !important;
	padding-bottom: 0px;
    width: calc(50% - 5px);      /* 2 per row (minus gap adjustment) */
}   

.agency-logo-item img {
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}  

/* --- PRODUCTS WITH ACCESS (GRID) --- */
.products-access-section {
	margin-top: 1em;
	border: 1px solid #ddd;
	padding: 0;
}
.products-access-section .products-modal-header{
	background: #eee;
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	padding: 5px 10px;
	margin-bottom: 1em;
}
.products-access-section .products-modal-header h4{
	padding: 0;
	margin: 0;
	font-size: 16px;
}

.products-image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.5rem;
  justify-items: center;
  padding: 1rem;
}

.product-image-item {
  padding: 1rem;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-image-item:hover {
  transform: translateY(-2px);
  background: #eee;
	cursor: pointer;
}

.product-image-item img {
  width: 100%;
  max-width: 240px;
  height: 100px;
  object-fit: contain;
  margin-bottom: 0.75rem;
}

.products-access-section .product-title{
  font-size: 14px;
}

/* --- PRODUCTS WITHOUT ACCESS (LIST) --- */

.products-no-access-section {
  margin-top: 4rem;
	  border: 1px solid #ddd;
}
.products-no-access-section .products-modal-header{
	background: #eee;
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	padding: 5px 10px;
	margin-bottom: 1em;
}
.products-no-access-section .products-modal-header h4{
	padding: 0;
	margin: 0;
	font-size: 16px;
}

.products-list-box {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.product-list-item {
  display: flex;
  align-items: flex-start;
  background: #fff;
	border-bottom: 1px solid #ddd;
  border-radius: 1px;
  padding: 1rem;

}

.product-image-column img {
  width: 130px;
  height: 130px;
  object-fit: contain;
  margin-right: 2.5rem;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-image-column img:hover {
	cursor: pointer;
	transform: translateY(-2px);
}
.product-info-column {
  flex: 1;
}

.product-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.4rem;
}

.product-description {
  color: #666;
  font-size: 0.95rem;
  line-height: 1.4;
}

.product-info-actions {
	padding: 2em 1em 2em 5em;
}




.operator {
	display: flex;
	margin: 1em 0;
	border: 1px solid #eee; 
	width: 100%;

	background: #f5f5f5c9;
	
}
.operator .operator-logo {
	padding: 3em;
	background: white;
}
.operator .operator-info {
	padding: 1em 3em;
	font-size: 16px;
}
.operator .operator-info h2{
	font-weight: 700;
	font-size: 21px;
}
.operator .operator-info strong{
	font-weight: 400;
	
}
.operator .operator-info a{
	font-weight: 500;
	font-size: 16px;
}
.view-attendees-modal .modal-card-foot {
	justify-content: space-between;
}


body div.dashboard-m-card-expanded {
	width: 100%;
	display: block;
    width: 100%;
}
.m-card-expanded-section-group {
	padding-left: 85px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: flex;
	padding-right: 1em !important;
}
.m-card-expanded-section-group .m-card-expanded-section:nth-child(1),
.m-card-expanded-section-group .m-card-expanded-section:nth-child(2) {
  flex: 0 0 25%;   /* first two: fixed 25% */
}

.m-card-expanded-section-group .m-card-expanded-section:nth-child(3) {
  flex: 1;         /* last one: fills remaining space */
}
div.m-stakeholder-list {
	width: 100%;
	display: block;
    width: 100%;
	padding-left: 85px;
}
.m-stakeholder-list .m-card-expanded-section {
	
}
.m-stakeholder-list strong {
	display: block;
}
.m-stakeholder-list span {
	
}

.m-stakeholder-list span:not(:last-child)::after {
  content: ", ";
}

#content .columns,
#meetings .columns {
  display: flex; /* ensure flex is active */
  flex-direction: row;
}

div div .meetings-sub-header-text {
	font-size: 17px;
	margin-top: 2em;
	margin-bottom: 1em;
	border-radius: 3px;
	background: #f5f5f5;
	color: #333;
	padding: 5px;
	display: none;
}

div.meetings-search-no-results {
	margin-top: 2em;
}
div.meetings-sponsor-search {
	margin-bottom: 2em;
}

body .capa-agency-list .has-text-warning,
body .capa-agency-list .fa-exclamation-circle {
	color: #dd4b4b !important;
}

body .capa-agency-info .title {
	font-size: 20px;
	padding-bottom: 0px;
	margin-bottom: 12px !important;
}
body .capa-agency-info .subtitle {
	font-size: 13px;
	padding-bottom: 0px;
	margin-top: 0px !important;
	margin-bottom: 8px !important;
}
.capa-agency-info .status {
	font-size: 16px;
	padding-bottom: 0px;
	margin-bottom: 8px !important;
}
.capa-body .has-text-success {
    color: var(--pureApple) !important;
}


body div.capa-page-banner  {
	max-width: revert !important;
	align-items:flex-start;
}
body div.capa-page-banner .capa-clip {
	width: 49px;
}
body div.capa-page-banner .capa-actions{
	flex: 1;
}
body div.capa-page-banner .capa-contents{
	flex: 8;
	padding: 0 5px;
}
.capa-banner {
	margin-bottom: 1em;
}
.capa-banner.missing {
	background-color: #ffffff; 
	border: 1px solid #ccc;
	border-left: 6px solid #f14668; 
	
	border-radius: 8px; 
	padding: 16px; 
	display: flex; 
	align-items: center; 
	max-width: 400px; 
	font-family: sans-serif;
}
.capa-banner.expired {
	background-color: #ffffff; 
	border: 1px solid #ccc;
	border-left: 6px solid #ffc627; 
	
	border-radius: 8px; 
	padding: 16px; 
	display: flex; 
	align-items: center; 
	max-width: 400px; 
	font-family: sans-serif;
}
.capa-banner.onfile {
	background-color: #ffffff; 
	border: 1px solid #ccc;
	border-left: 6px solid #6ab04c; 
	border-radius: 8px; 
	padding: 16px; 
	display: flex; 
	align-items: center; 
	max-width: 400px; 
	font-family: sans-serif;
}
.capa-banner h4.title {
	margin-bottom: 5px;
	font-size: 16px !important;
	padding-bottom: 0;
}
.capa-banner strong {
	font-size: 14px;
	padding-bottom: 5px;
	font-weight: 200;
	display: inline-block;
}
.capa-banner .subtitle {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 0px !important;
}
.capa-banner a {
	padding: 3px 15px;
	font-size: 15px;
}
.capa-banner a.is-danger {
	background-color: #f14668;
}
.capa-banner a.is-danger:hover {
	background-color: #ee3258;
}
.capa-clip .fa-exclamation-circle {
	color: #f14668;
}
.capa-clip .fa-exclamation-triangle {
	color: #ffc627;
}
.capa-clip .fa-check-circle {
	color: #6ab04c;
}
.capa-banner.missing button {
	
}

.capa-banner.onfile button {

}



/*meeting list public card*/
#meetings {
	background: #ffffff;
}
.m-card-wrap {
  margin-bottom: 1rem;
	width: 100%;    
}

.m-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 0px;
  padding: 0.75rem 1rem;
  margin-bottom: 10px;
  box-shadow: 1px 2px 4px rgb(0 0 0 / 5%);
}
.m-card-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;             
 
}
.m-card-expanded {
  display: flex;
  margin-top: 30px;
  justify-content: flex-start;
  align-items: top;
  width: 100%;   
 
}
.m-card-expanded-section ul li+li {
	 margin: 0;
}
.m-card-expanded-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;         /* make them inline */
  flex-wrap: wrap;       /* allow wrapping */
}

.m-card-expanded-section li {
  display: inline;       /* inline flow */
}

.m-card-expanded-section li:not(:last-child)::after {
  content: ", ";         /* add commas */
  white-space: pre;      /* allow line break after comma */
}
.m-card-expanded-section{
	padding-right: 1em;
}
.m-card-expanded-section .m-location-details {
	margin: 5px 0 8px 0;
	line-height: 1.4;
}
.m-card-expanded-section .m-directions-link {
	display: inline-block;
	margin-top: 5px;
}
.m-card-expanded > div:nth-child(1) {
	padding-left: 85px;
}
.m-card-expanded > div:nth-child(1),
.m-card-expanded > div:nth-child(2) {
  flex: 0 0 25%;
}

/* last column = 50% */
.m-card-expanded > div:nth-child(3) {
  flex: 0 0 50%;
}

/* Left: date */
.m-date {
  flex: 0 0 70px;
  height: 70px;
  background: #f5f5f5;
  border-radius: 6px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: bold;
  margin-right: 1rem;
}

.buttons .navbar-item {
	margin-bottom: .5em;
}
.m-date-month {
  font-size: .75rem;
  text-transform: uppercase;
  color: #666;
}

.m-date-day {
  font-size: 1.25rem;
  color: #333;
}

/* Middle: event details */
.m-meta {
  flex: 1;   /* take up all available space */
  padding-right: 1rem;
}

.m-meta-title {
  font-size: 1rem;
  font-weight: 600;
  
  margin-bottom: 0.25rem;
}
.m-meta-subtitle {
	margin-bottom: 5px;
}
.m-meta-subtitle strong {
font-weight: 500; margin-right: 15px;
}
.m-meta-title strong:hover {


}
.m-meta-subtitle {
  font-size: 0.875rem;
  color: #777;
}

/* Right: button area */
.m-action {
  flex: 0 0 auto;
  text-align: right;
}
.m-action-btn-view,
.m-action-btn-register {
  display: inline-block;
  padding: 0.4rem 0.9rem;
  font-size: 0.875rem;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
}

.m-action-btn-register[disabled] {
  background: #ccc;
  color: #666;
  cursor: not-allowed;
}

.m-action-btn-view {
	color: black;
	background: #e5e5e5;
}
.m-action-btn-docs,
.m-action-btn-register:not([disabled]) {
  background: #222;
  color: #fff;
}
.m-action-btn-docs:hover {
	background: #444;
	color: white;
}
.m-action-btn-register:not([disabled]):hover {
  background: #444;
}


.training-request-modal .modal-card {
    width: 30vw!important;
}

/* Map modal and directions link */
.m-directions-link {
    display: inline-block;
    margin-left: 0px;
    color: var(--main);
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s;
}
.m-directions-link:hover {
    color: var(--mainDark);
    text-decoration: underline;
}
.m-directions-link i {
    margin-right: 4px;
}
.map-modal .animation-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 800px;
}
.map-modal .modal-card {
    width: 60vw !important;
    max-width: 800px;
    margin: 0 auto;
}
.map-modal .map-modal-card {
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}
.map-modal .modal-card-head {
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
}
.map-modal .modal-card-title {
    font-size: 1.1rem;
    font-weight: 600;
}
.map-modal .modal-card-title i {
    margin-right: 8px;
    color: var(--main);
}
.map-modal .map-address-info {
    padding: 0.75rem 0;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #eee;
    color: #555;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.map-modal .map-external-link {
    color: var(--main);
    font-weight: 500;
    text-decoration: none;
}
.map-modal .map-external-link:hover {
    text-decoration: underline;
}
.map-modal .map-external-link i {
    margin-right: 4px;
}
.map-modal .map-container {
    border-radius: 4px;
    overflow: hidden;
    background: #f0f0f0;
}
.map-modal .map-container iframe {
    display: block;
}





@media only screen and (max-width: 1701px) {
	.data-dip-box {
		max-width: 60vw;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 1501px) {
	.data-dip-box {
		max-width: 80vw;
		margin: 0 auto;
	}
}
.button-flex {
	width: 100%;
}

@media only screen and (max-width: 1401px) {
	#meeting-list .dashboard-wrap .card {
	    flex: 0 0 calc(94% / 2);
	    margin-right: 2%;
	}
	.data-dip-box {
		max-width: 100vw;
		margin: 0 auto;
	}
	body .box-wrap {
		border: 1px solid #eee;
		padding: 0 2em;
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 1024px) {
	.training-request-modal .modal-card {
	    width: auto!important;
	}

	.agency-logos-grid {
	    display: flex;
	    flex-wrap: wrap;
	    margin-top: 10px;
	    gap: 0px;
	    align-items: center;
		width: 100%;
	}
	.agency-logos-grid:hover {
	    cursor: pointer;
	}

	.agency-logos-grid.audience-sponsor {
	    display: flex;
	    flex-wrap: wrap;
	    margin-top: 10px;
	    gap: 0px;
	    align-items: center;
		width: 100%;
	}
	.agency-logos-grid.audience-sponsor .agency-logo-item {
	    width: 33%;   /* 3 per row (minus gap adjustment) */
	}
	
	.agency-logo-item {
	    display: block;
	    height: 80px !important;
		padding-bottom: 0px;
	    width: calc(50% - 5px);      /* 2 per row (minus gap adjustment) */
	}   
	
	.agency-logo-item img {
	    max-height: 100%;
	    width: auto;
	    height: auto;
	    display: block;
	}  
		
	.modal.view-attendees-modal .animation-content,
	.view-attendees-modal .modal-card,
	.modal.view-documents-modal .animation-content,
	  .view-documents-modal .modal-card {
	    width: 100vw !important;
	    max-width: 100vw !important;
	    height: 100vh !important;
	    max-height: 100vh !important;
	    margin: 0 !important;
	    border-radius: 0 !important;
	}
	.view-attendees-modal .modal-card-head,
	.view-attendees-modal .modal-card-foot,
	.modal.view-documents-modal .modal-card-foot, 
	.modal.view-documents-modal .modal-card-head {
		border-radius: 0 !important;
	}
	div.m-stakeholder-list {
		width: 100%;
		display: block;
	    width: 100%;
		 padding-left: 0px;
		padding-top: 1em;
    }
	.m-card-expanded {
	    padding-left: 0px;
		display: block;
		padding-top: 0;
		margin-top: 0;
	}
	.m-card-expanded-section-group {
	    padding-left: 0px;
		display: block;
		padding-top: 0;
		margin-top: 0;
	}

	.is-pdigm-outline button {width: 100%;}
	#content .columns,
	#meetings .columns {
		flex-direction:column-reverse !important;
	}
	#content {
		padding: 2em 1em 2em 1em;
	}
	#meetings {
		padding: 0 1em 2em 1em;
	}
	.map-wrapper  {
		padding: 0;
	}
	#about, #faq, #about {
		padding: 2em;
	}
	#about iframe {
		width: 100%;
		margin-bottom: 2em;
	}
	#faq .faq-list-wrap ul li .button {
	}
	#faq .faq-list-wrap ul li .button span {
		text-align: left;
		white-space: normal;
	}
	#meeting-list .dashboard-wrap .m-card-expanded {
		flex-direction: column;
	} 
	#meeting-list .dashboard-wrap .m-card-expanded .m-card-expanded-section {
		padding-bottom: 1em;
	} 
	.footer-alt .container{
		padding: 0 1em 0 2em;
	}

	.footer-alt .container .copyright {
		font-size: 14px;
	}
	.footer-alt .container .socials {
		padding-left:0;
		justify-content: center;
	}
    .header-content-left {
		padding: 2em !important;
	}
	.m-card-content {
	 flex-direction: column;
	}
	.m-card  .m-date {
	 display: none !important;
	}
	.m-card-content div {
	  width: 100%;
	}

	.m-card-content .m-action div {
	  display: flex;
	}
	.m-card-content .m-action a {
	  margin-right: 10px;
	}
	.m-meta-subtitle strong {
		margin-top: 8px;
		display: block;
	}
	.m-directions-link {
		display: block;
		margin-left: 0;
		margin-top: 8px;
	}
	.map-modal .animation-content,
	.map-modal .modal-card {
		width: 95vw !important;
		max-width: 95vw;
	}
	.map-modal .map-container iframe {
		height: 300px;
	}
	.map-modal .map-address-info {
		flex-direction: column;
		align-items: flex-start;
	}
	.m-card-expanded > div:nth-child(1) {
		padding-left: 0;
	}
	.m-card  .m-action-btn-view,
	.m-card  .m-action-btn-register {
	    width: 100% !important;    
		text-align: center;
		margin-top: 1em;
	}

	
	body .navbar-item img {
	    max-height: 2.75rem;
	}
	.rsvp-container {
	    padding-left: 0em;
	}
	/*.step-nav-fixed {
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 0 1em;
		width: 100%;
		background: white;
		z-index: 1000;
		border-top: 1px solid #ccc;
		box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
	}*/

	.capa-banner {
		flex-direction: column;
	}
	.capa-banner .capa-clip {
		display: none;
	}
	.capa-banner .capa-actions {
		width: 100%;
	}
	.find-training-widget {
		flex-direction: row; /* Default to row */
       flex-wrap: wrap;
	}
	.find-training-right .control input.input {
		min-width: 50vw !important;
	}
	body .stateSearch .multiselect {
		width: 50vw !important;
		border-radius: 0px !important;
	}
	
	.stateSearch .multiselect__tags {
	    height: 40px;
	    display: block;
	    padding: 8px 40px 0 8px;
	    border-radius: 0px;
	    border: 1px solid #e8e8e8;
	    background: #fff;
	    font-size: 14px;
	}
	.verification-wrap .box-wrap{
	border: 0px !important;
		padding: 0px;
		margin: 0px;
}
.verification-wrap-inner {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: stretch;
}
.verification-box {
	border: 1px solid #b9b9b9;
	padding: 1em;
	margin: 0em;
	width: 100%;
	transition: box-shadow 0.1s ease-in-out; 
}
.verification-box:first-child {
	margin-right: 10px; 
}
.verification-box:hover {
	border: 1px solid #dcdcdc;
	box-shadow: 0 0 8px 3px #167df02b;
	cursor: pointer;
}
body .verification-wrap .find-agency-subtext {
	margin-bottom: 10px;
}
.verification-content {
	font-size: 45px;
	padding: 0px 0;
	color: var(--main);
}

.verification-footer {
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	color: var(--blueDark);
}
}

@media only screen and (max-width: 768px) {
	body .box-wrap {
		padding: 1em 0;
		border: 0;
	}
	body section.tab-content {
		padding-left: 0 !important;
	}
	#meeting-list .dashboard-wrap .card {
	    flex: 0 0 calc(100% / 1);
	    margin-right: 0%;
	}
	.find-training-widget {
		flex-direction: row; /* Default to row */
       flex-wrap: wrap;
	}
	.find-training-right .control input.input {
		min-width: 50vw !important;
		
	}
	body .stateSearch .multiselect {
		width: 50vw !important;
		border-radius: 0px !important;
	}
	
	.stateSearch .multiselect__tags {
	    height: 40px;
	    display: block;
	    padding: 8px 40px 0 8px;
	    border-radius: 0px;
	    border: 1px solid #e8e8e8;
	    background: #fff;
	    font-size: 14px;
	}

	.dashboard-meeting-wrap {
		padding: 1em;
	}

	.dashboard-wrap .dashboard-heading h3{
		
	}

	.content-menu {
		margin: 5px 20px;
	}
	.data-dip-box {
		max-width: 100vw;
		margin: 0 auto;
	}
    .dashboard-wrap .meeting-card-left{
		display: none;
		
	}
	body > .section {
	    padding: 1rem 0rem;
	}
	.dashboard-profile-wrap .invite-box-form {
		padding-top: 0;
	}
}



	.step-item {
		padding-bottom: 2rem;;
	}
.capa-survey-list {
	padding-top: 5em;
	
}

.capa-mobile-msg .message {
	margin: 0 1em;
}

.box-content {
	padding: 1em;
}
.capability-review-prompt {
	padding: 0  1em;
	margin-bottom: 2em;
}

body .content .step-navigation {
  display: none;
}
div.step-item .step-nav {
  display: flex;
  margin:  2em 0;
  justify-content: space-between;
}
div.step-item .step-nav button {
  width: 50%;
  border-radius: 0px;
}


/* Global form look */

.field[required] > label:after {
    content: ' *';
    color: var(--danger);
    font-size: 1em;
}
.v-field-item  {
padding: 2em 0;
border-bottom: 1px dotted #c1c1c1;
}

body .v-field-wrap .label {
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: block;
}

/* Input + Textarea: only underline */
body .v-field-wrap .input,
body .v-field-wrap .textarea {


}

body .v-field-wrap .textarea {

}




body .v-field-wrap .b-radio,
body .v-field-wrap .b-checkbox {
  display: inline-flex;
  align-items: center;
}
.v-field-wrap .field.has-addons{
  display: block;
  width: 100%;
}
.f-boolean  .field.has-addons{
  display: flex;
  width: 100%;
}
.v-field-wrap  .field.has-addons .b-checkbox,
.v-field-wrap  .field.has-addons .b-radio {
  width: 100%;
  margin: 10px 5px;
}