@import url("https://group8.connectingmembers.com/Portals/_default/cross-styling.css");
@import url("https://group8.connectingmembers.com/Portals/_default/council-styles.css");

.kofc .site--main {
    margin-top: 0;
}
.dnnFormMessage.dnnFormWarning {
    display: none;
}
a.logo--emblem {
    display: none;
}
.LoginPanel {
    max-width: 650px !important;
    margin: 4rem auto 0;
}
.LoginPanel a.btn.btn-primary {
    background-color: #4077ff;
    border-color: #335fcc;
    font-size: 1.125em;
    padding: 0.75em 1.75em;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0.75em;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.LoginPanel a.btn.btn-primary:hover {
    background-color: #2c53b2;
    border-color: #264799;
}
.engagecore-login input[type=submit] {
    cursor: pointer;
}
.dnnForm.dnnRegistrationForm {
    margin-top: 4rem;
}


/* Menu Fix */
.DNNStandard ul.topLevel > li.haschild.last > a > span::after {
    content: "\f107";
}
.is-sticky .loginstatus {
    top: 0 !important;
}
.Navbar {
  	will-change: padding;
}
.is-sticky .Navbar {
  	transition: padding 0.25s;
}
.dnn-logo {
    padding: 0.5em 0;
}
.DNNStandard ul {
    margin: 15px 0;
}
.DNNStandard .topLevel::before,
.DNNStandard .topLevel::after {
	clear: both;
  	display: table;
  	content: '';
}
.DNNStandard .subLevel {
	box-shadow: inset 0 0 2px 0 #ccc;
}
.DNNStandard li a {
    margin: 0;
}
.DNNStandard li li.last > a {
    border-bottom: none;
}
body, html {
    overflow-x: hidden;
}

/* Hero Container */
.hero-container {
	position: relative;
  	padding: 5% 0 10%;
	background-position: center;
	background-repeat: no-repeat;
 	background-size: 100% 100%;
	background-size: cover;
}
.hero-container img.hero-image {
	position: absolute;
  	visibility: hidden;
  	height: 1px;
  	width: 1px;
}
.hero-info {
  	color: #fff;
  	max-width: 500px;
    background: rgba(0,0,0,0.5);
    padding: 3em;
}
.hero-info h2,
.hero-info p,
.hero-info a {
	color: #fff;
}
.TopBoxes {
    margin-top: -10%;
}
.TopBoxes .clearfix {
	display: flex;
  	flex-wrap: wrap;
}
.TopBoxes .clearfix > * {
    display: flex;
}
.TopBoxes .box {
    width: 100%;
    box-sizing: content-box;
}

@media screen and (max-width: 767px) {
    .TopBoxes .clearfix > * {
        width: 100%;
    }
}

/*----- Sign In -----*/
.LoginPanel {
    float: none;
    padding: 0 1em;
    width: 100%;
    max-width: 350px;
    /* override login positioning, width, etc */
}

.engagecore-login .form-control {
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit;
    padding: 0 0 1.5em 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.engagecore-login input,
.engagecore-login select {
    padding: 0.5em;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    order: 2;
}

.engagecore-login select {
    height: 3em;
}

.engagecore-login input[type=submit] {
    background-color: #4077ff; /*- theme primary btn color */
    border-color: #335fcc; /*- theme primary btn border color */
    font-size: 1.125em;
    padding: 0.75em 1.75em;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0.75em;
}

.engagecore-login input[type=submit]:hover,
.engagecore-login input[type=submit]:focus,
.engagecore-login input[type=submit]:active {
    background-color: #2c53b2; /*- theme primary btn color */
    border-color: #264799; /*- theme primary btn border color */
}

.engagecore-login label {
    order: 1;
    padding: 0.75em 0 0.75em 0.5em;
}

.engagecore-login label.checkbox {
    position: absolute;
    left: 1em;
    bottom: 2px;
}

.engagecore-login .dnnLoginActions .dnnActions {
    padding-top: 0;
}

.engagecore-login .dnnActions li  {
    padding-left: 0;
}

.engagecore-login .dnnActions li:first-of-type {
    padding: 0;
    margin: 0;
}

#dnn_ctr427_Administration_AdminNavigation_TeamsHyperLink {display:none;}

.es-registrationwizard .help {width: auto;}



	/*----- AMS Reports ams Member Directory Styles -----*/
	/*--- Search ---*/
	.reports-member-directory-search fieldset.search {
		padding: 1em;
		background-color: #eee;
		margin: 1em 0;
	}

	.reports-member-directory-search fieldset.search legend {
		margin: 0 0 0.5em;
		border: none;
	}

	.reports-member-directory-search #searchArea .form-grid--row {
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 1em;
	}

	.reports-member-directory-search .form-grid--col {
		padding: 1em;
		width: 100%;
		align-self: flex-end;
	}
	.reports-member-directory-search label {
		display: block;
	}

	.reports-member-directory-search input,
	.reports-member-directory-search select {
		width: 100%;
		padding: 0.5em;
		border: 1px solid #ddd;
		border-radius: 0;
	}

	.reports-member-directory-search .searchBox__checkbox {}
		
		.reports-member-directory-search .searchBox__checkbox label {
			font-weight: normal;
			margin: 0.5em 1em 0.5em 0;
			color: #585858;
			display: inline-block;
		}

		.reports-member-directory-search .searchBox__checkbox input {
			margin: 0 0.5em 0 0;
			display: inline-block;
			width: auto;
		}

	@media screen and (min-width: 700px) {
		.reports-member-directory-search #searchArea .form-grid--row {
			width: 100%;
		}	
		.reports-member-directory-search #searchArea .form-grid--col {
			width: 25%;
		}

		.reports-member-directory-search #searchArea .ac-content .form-grid--col {
			width: 50%;
		}
	}

	.reports-member-directory-search #searchArea .js-clear-btn {
		background-color: #ddd;
		padding: 0.75em 1em;
		border: none;
		transition: background-color 0.5s ease;
	}

	.reports-member-directory-search .accordion {
		padding: 0 1em;
		margin-bottom: 1em;
	}
		.reports-member-directory-search .ac-title {
			display: inline-block;
			color: #004871;
			cursor: pointer;
			padding: 0.5em 2em;
		}

	.reports-member-directory-search .ac-title:hover {
		background-color: #f9f9f9 !important;
		transition: background-color 0.5s ease;
	}

	.reports-member-directory-search #searchArea .js-clear-btn:hover {
		background-color: #eee;
	}

	.reports-member-directory-search #searchArea .js-submit-btn {
		background-color: #004871;
		padding: 0.75em 1em;
		color: #fff;
		font-weight: 600;
		border: none;
		transition: background-color 0.5s ease;
		margin: 0 0.5em 0 0;
	}

	.reports-member-directory-search #searchArea .js-submit-btn:hover {
		background-color: #013c5d;
	}

	/*--- Report/Results Count ---*/
	.memberdirectory-reportcount {
		padding: 0.5em 3em;
    	font-style: italic;
    	opacity: 0.75;
	}

	/*--- Paging ---*/
	.memberdirectory-paging {
		/*border: 1px solid #eee;*/
		margin-top: 3em;
		display: flex;
		justify-content: space-between;
	}
    	.memberdirectory-paging ul {
    		margin: 0;
			padding: 0;
			display: flex;
    	}
    		.memberdirectory-paging li {
    			list-style: none;
    			padding: 0 0.25em;
    		}
    			.memberdirectory-paging a {
    				padding: 0.5em 0.75em;
    			}

    			li.directory-paging-selected a,
    			.memberdirectory-paging a:hover {
    				background-color: #00629a;
					color: #fff !important;	
    			}

    			.memberdirectory-paging a:hover i {
    				color: #fff !important;	
    			}
      
	/*--- Listing ---*/
	.reports-member-directory.reports-member-directory__ams {}

	.reports-member-directory__ams #dnn_ctr3025_ViewReports_Visualizer_pnlContent, 
    .reports-member-directory__ams .memberdirectory-listing {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.reports-member-directory__ams .directory-item {
		padding: 1em;
		margin: 1em 0;
		width: 320px;

		background-color: #f9f9f9;
		border: 1px solid #eee;

		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.directory-headshot {
		width: 100%;
	}
	.directory-headshot img {
		max-height: 120px;
	}

	.directory-details {
		padding: 1rem 2rem 2rem;
		display: flex;
		flex-direction: column;
	}	
		.directory-name {
			font-weight: 600;
		}

		.directory-member-type {
			margin-top: 0.25em;
		}

		ul.directory-location {
			margin: 0.75em 0 0 0;
			padding: 0;
		}

		.directory-location li {
			list-style: none;
			padding: 0 0 0.25em 0;
			line-height: 1.2;
		}

		.cta--details {
			padding: 1em;
			border-top: 1px solid #eee;
		}

		.cta--details a {
			padding: 0.5em 2em;
			font-weight: 100;
		}

		.cta--details a:hover {
			background-color: #00629a;
			color: #fff !important;
			transition: all 0.5s ease;
		}
	/*--- Details (Planner) --*/
	.directory-member-profile {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 2px double #ddd;
		margin-bottom: 2em;
	}

	.directory-member-profile .directory-headshot,
	.directory-member-profile .directory-details {
		width: 100%;
		text-align: center;
	}


	@media (min-width: 700px) {
		.directory-member-profile .directory-headshot,
		.directory-member-profile .directory-details {
			width: auto;
			text-align: left;
		}

		.directory-member-profile .directory-details {
			padding-top: 0;
		}		
	}

	.directory-questions {
		display: flex;
		flex-wrap: wrap;
	}

		.directory-questions dl {
			padding: 2em;
		}

		@media (min-width: 700px) {
			.directory-questions dl {
				width: 50%;
			}
		}

		.directory-questions dt {
			font-weight: normal;
			font-size: 110%;
		}

		.directory-questions dd {
			margin: 0 0 1.5em;
			padding: 0.5em 0 1em;
			border-bottom: 1px solid #eee;
			color: #7b7b7b;
		}

.esm-sessions-step .accordion label {
  justify-content: flex-start;
}

.esm-sessions-step .accordion .form-control--description {
	padding-left: 2em;
}

.esm-sessions-step .accordion--body strong {
	padding-left: 1em;
}

/*----- Is This You Modal -----*/
.engagecore-Wizard .participant-match .modal {
	z-index: 1050;
	/* fix z-index positioning conflict (overriding z-index: 1 in module.css) */
}

/*----- Transfer Membership Modal -----*/
.my-account.row {
    padding: 2em;
  	/* fixes dnn modal BS indentation conflict */
}

/*----- Dashboard Theme -----*/
.search--desktop {
	display: none !important;
  	/* hide temp */
}

.site--footer {
	padding: 1em;
    text-align: center;
}

@media (min-width: 1200px) {
	.dashboard .row {
		margin-left: auto;
        margin-right: auto;
		/* overrides 2013 BS custom styles that come with communication preferences */
	}
}
.account .user-avatar {
	max-height: 125px;
	/* fixes chrome issue where max-height: auto; doesnt work the same */
}

button.ui-dialog-titlebar-close {
	padding: 0 !important;
  	/* fixes dnn modal close button */
}

/*----- My Event Registrations -----*/
.my-event-registrations .fade {
	opacity: 1;
	/* overrided BS style - not sure why this thing has fade anyway */
}

/*----- EngageCore UI: Table -----*/
.engagecore-Table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
	border-collapse: collapse;
}

.engagecore-Table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.engagecore-Table td, .engagecore-Table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
        border-top-color: rgb(222, 226, 230);
        border-top-style: solid;
        border-top-width: 1px;
}

.engagecore-Table .engagecore-BaseButton {
    margin: 0 0.25em;
}


/*----- Demo Site Content -----*/
a.btn-primary {
	color: #fff;
}

/*----- EngageCore Button Styles -----*/
/* these aren't styled in module (typically relies on the theme) */
.engagecore-BaseButton {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 1.125em;
    background-color: #4077ff;
    text-align: center;
    padding: 0.75em 1.75em;
    margin: 0.5em;
    width: auto;
    line-height: 1.666;
    text-shadow: none;
    box-shadow: none;
    border: none;
    transition: background-color .25s,border-color .25s,color .25s;
    -webkit-appearance: initial;
}

.engagecore-BaseButton:focus, .engagecore-BaseButton:hover {
    color: #fff;
    background-color: #2c53b2;
}

.engagecore-BaseButton:active {
    transition: background-color .15s;
    box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.4);
}

/*-- Standard & Divert Large --*/
.engagecore-BaseButton.engagecore-Button-Standard-Large,
.engagecore-BaseButton.engagecore-Button-Divert-Large {
	font-size: 1.25em;
	padding: 1em 2em;
	background-color: #eee;
	color: #4077ff;
}
.engagecore-BaseButton.engagecore-Button-Standard-Large:focus, .engagecore-BaseButton.engagecore-Button-Standard-Large:hover,
.engagecore-BaseButton.engagecore-Button-Divert-Large:focus, .engagecore-BaseButton.engagecore-Button-Divert-Large:hover {
	background-color: #ddd;
    color: #2c53b2;	
}

/*-- Primary Large --*/
.engagecore-BaseButton.engagecore-Button-Primary-Large {
	font-size: 1.25em;
	padding: 1em 2em;
}

/*-- Browse --*/
.engagecore-FileButton-Large .engagecore-BaseButton.engagecore-Button-Primary-Large {
	background-color: #eee;
    color: #4077ff;
    font-weight: normal;
    line-height: 1.5;
}
.engagecore-FileButton-Large .engagecore-BaseButton.engagecore-Button-Primary-Large:focus, .engagecore-FileButton-Large .engagecore-BaseButton.engagecore-Button-Primary-Large:hover {
	background-color: #ddd;
	color: #2c53b2;
}


/*-- Checkout --*/
.engagecore-BaseButton.engagecore-Button-Divert-Small {
	max-height: 4em;
	/* max-height maybe fixes weird flex issue */
	padding: 0.75em 1.75em;
	background-color: #eee;
	color: #4077ff;
}
.engagecore-BaseButton.engagecore-Button-Divert-Small:focus, .engagecore-BaseButton.engagecore-Button-Divert-Small:hover {
	background-color: #ddd;
    color: #2c53b2;	
}

.engagecore-BaseButton.engagecore-Button-Primary-Large.engagecore-PayButton {}

/*-- Override Elm.css --*/
.engagecore-Checkout .engagecore-DiscountCode .engagecore-DiscountApplyBtn {
	background-color: #eee;
	border-color: #eee;
}
.engagecore-Checkout .engagecore-DiscountCode .engagecore-DiscountApplyBtn:focus, .engagecore-Checkout .engagecore-DiscountCode .engagecore-DiscountApplyBtn:hover {
	background-color: #ddd;
	border-color: #ddd;
    color: #2c53b2;		
}

.engagecore-Checkout .engagecore-BaseButton.engagecore-PayButton {
	font-size: 1.25em;
	padding: 1em 2em;	
}

/*----- END: EngageCore Button Styles -----*/

.engagecore-WizardHeader {
	background-color: #eee;
  	/* adds optional color style to seperate wizard nav and form content */
}

/*----- User Dashboard: Events 12/10/19 -----*/
.dashboard .es-event-registration .nav.nav-pills a {
    padding: 0.5em;
    display: inline-block;
    /* add padding around Add Sessions and Receipt links */
}
/*----- User Dashboard: My Memberships 12/10/19 -----*/
.dashboard .engagecore-MyMembershipsContainer .engagecore-BaseButton.engagecore-Button-Standard-Small {
	background-color: #40c0c1;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background: #40c0c1;
    text-align: center;
    border-radius: .25em;
    padding: .5em 1em;
    width: auto;
    line-height: 1.666;
    text-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-transition: background-color .4s,border-color .4s,color .4s;
    transition: background-color .4s,border-color .4s,color .4s;
    font-size: 1em;	
}

.dashboard .engagecore-MyMembershipsContainer .engagecore-BaseButton.engagecore-Button-Standard-Small:hover {
	background-color: #7ad3d4;	
}

/*----- View Membership Registrations -----*/

/*--- Table Responsive ---*/
.view-membership-regs-helpme {
	display: block;
    /* override display table that breaks table responsiveness*/
}

/* Specific for DEMO - need a specifc class in panel to have a better selector if we want this everywhere */
#dnn_ctr427_Administration_ViewMembershipRegistrations_RenewalsGridPanel .RadGrid_MetroSports table.rgMasterTable a.btn {
	display: block;
  	/* force buttons to stack so table barely fits */
}
.view-membership-regs-helpme .table-responsive {
	max-width: 100%;
    /* Bootstrap 3 doesnt add this but should */
}

/*----- RadGrid Table Overflow-X -----*/
.dashboard__admin .esm-dashboard-wrapper .GridToolTip_MetroSports, .dashboard__admin .esm-dashboard-wrapper .RadGrid_MetroSports, .dashboard__admin .esm-dashboard-wrapper .RadGrid_MetroSports .rgCommandRow table, .dashboard__admin .esm-dashboard-wrapper .RadGrid_MetroSports .rgDetailTable, .dashboard__admin .esm-dashboard-wrapper .RadGrid_MetroSports .rgEditForm table, .dashboard__admin .esm-dashboard-wrapper .RadGrid_MetroSports .rgGroupPanel table, .dashboard__admin .esm-dashboard-wrapper .RadGrid_MetroSports .rgMasterTable, .dashboard__admin .esm-dashboard-wrapper .RadGrid_MetroSports .rgPager table {
	overflow-x: visible;
    /*- revert from overflow-x: auto so action menus display overtop -*/	
}