@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap');

/*Customize your solution using this file*/

.wrapper {
  padding: 0px !important;
  border: none !important;
}

.legion-header-notification {
  padding: 10px;
  font-size: 16px;
  text-align: center;
  color: #c21531;
  line-height: 1.4;
}

.legion-header-notification a {
  text-decoration: underline;
}

.legion-header-notification a:hover {
  color: #177fc6;
}

.legion-red {
  color: #c21531;
}

.legion-green {
  color: #169301;
}

.legion-yellow {
  color: #d72131;
}

/* Tal Membership Join Start */
.MembershipJoinOptionsControl_PersonifyDefault .buttonRow
{
   margin-left: 5px !important;
}

div .WizardBannerControl_PersonifyDefault span.step50 {
   width: 50.00%;
}

div .WizardBannerControl_PersonifyDefault span.number {
    left: 0px !important;
    top: 0px !important;
    margin: 0px 10px;
}

.join1 .MembershipJoinOptionsControl_PersonifyDefault .imgBenefit {
 width: 100%;
 height: 100%;; }

.join1 .MembershipJoinOptionsControl_PersonifyDefault  .ctrl-memb-img
{
 float:left;
}

.join1 .MembershipJoinOptionsControl_PersonifyDefault  .optionName
{
 padding-left : 12px;
}

.PayOpenBalancesControl_PersonifyDefault .buttonRow {
   padding-left: 0px !important;
}

.PurchaseHistory_PersonifyDefault .MisMatchMessage {
 color:black;
 font-weight:bold;
}

.MembershipJoinOptionsControl_PersonifyDefault div.benefits {
   margin-left: 44px;
   display: block;
}

.MembershipJoinOptionsControl_PersonifyDefault .memOptions .shortDescription {
   clear: both;
   float: none;
   margin: .5em 0px;
   padding: 15px 0;
}

.join1 .MembershipJoinOptionsControl_PersonifyDefault .optionName {
   padding-left: 18px;
}
/* Tal Membership Join End */

@media screen and (max-width: 42.0em)
{
.buttonRow input[type="button"],
.buttonRow input[type="submit"] {
    min-height: 44px;
}
    .rwWindowContent .buttonRow input
    {
        display: block;
        text-align: center !important;
        margin: 2% auto !important;
        white-space: normal !important;
    }
}

/* American Legion Styles */

.layoutHome .twoCol { /* override, hope this does not cause issues elsewhere */
	min-height: 0px;
}

.leaderboard {
  padding: 10px 0px 0px 0px;
  background: #eee;
  text-align: center;
}

.leaderboard-advertisement {
	padding: 0px 0px 0px 0px;
	background: #eee;
	text-align: center;
}

.site-top-menu {
  background-color: #0077B8;
  color: #808080;
	padding: 8px 0;
  font-size: 12px;
}

.site-top-menu .row {
	margin-bottom: 0px;
}

.site-top-menu .site-top-menu-left .site-social-networks a {
  margin: 0 0 0 10px;
}

.site-top-menu a {
  color: #f6fcff;
}

.site-top-menu ul {
  margin-bottom: 0px !important;
}

.site-top-menu .site-top-menu-right li {
  padding: 0 10px;
	text-transform: uppercase;
}

.site-top-menu .site-top-menu-right .fa {
	font-size: 14px;
	color: #f6fcff;
	margin-right: 3px;
}

.list-inline {
	padding-left: 0;
	list-style: none;
	margin-left: -5px;
}

.list-inline>li {
	display: inline-block;
}

.navbar.navbar-default {
	background: #1b3d6d;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background: #1b3d6d !important;
}

/* These styles modify nav bar presentation to left aligned, no flex */

/*.navbar .flex-wrapper {
  max-width: 1180px;
  margin: 0px auto;
}

.dnnMenu .navbar-nav.nav {
  justify-content: normal;
  max-width: 100% !important;
  margin: 0px !important;
}

.dnnMenu .navbar-nav.nav > li {
  flex: none;
  padding: 0px 8px;
}

.dnnMenu .navbar-nav.nav > li > a {
  text-align: left !important;
}*/

/* End left aligned nav.  Kepp font-weight, above */

.dnnMenu .navbar-nav.nav > li > a {
	font-weight: 400;
}

.dnnMenu .navbar-nav.nav > li > a:after {
	border-left: none;
}

.dnnMenu .navbar-nav.nav > li > a:hover {
	background: #002f55;
}

.nav > li ul {
	background-color: #1b3d6d;
}

.dnnMenu .dropdown-menu > li:hover, .dnnMenu .dropdown-menu > li:focus {
	background-color: #002f55;
}

.dnnMenu .navbar-nav.nav > li:hover > a {
	background-color: #1b3d6d;
}

/*a.legion-logo {
	width: 435px;
	height: 75px;
	text-indent: -9999px;
	position: absolute;
	bottom: 15px;
	left: 4px;
	background: url('/personifyebusiness/Portals/0/images/logo.jpg') no-repeat;
}*/

.logo-header {
	background: #fff;
	padding-top: 20px;
}

.logo-header .row {
	margin-bottom: 20px;
}

/*.header-emblem img {
	width: 435px;
	height: 75px;
}*/

#logo-header-buttons {
	margin-top: 15px;
}

#logo-header-buttons .button, #my-account .button {
  font-family: Roboto Slab, Arial, Helvetica, sans-serif !important;
	background: #d72131;
	display: inline-block;
	text-align: center !important;;
	text-transform: uppercase;
	font-size: 24px !important;
	font-weight: bold;
	border-radius: 4px;
	margin: 0px 3px;
}

#my-account .button {
  font-size: 18px !important;
  margin-top: 5px;
}

#logo-header-buttons .button a, #my-account .button a {
	display: block;
	padding: 12px 24px;
	color: #fff;
	text-decoration: none;
}

.header-user-name a {
  color: #000;
}

.header-user-name .name {
  font-family: Roboto Slab, Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
	font-weight: bold;
  color: #1b3d6d;
}

.header-user-name .name a {
  text-decoration: none;
  color: #1b3d6d;
}

.top-banner {
	background-color: #40505e;
	background-image: none;
}

#header {
	text-align: left;
}

#header .action {
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
  text-transform: uppercase;
}

#header .action a {
	background: none;
	color: #f6fcff;
	padding-right: 0px;
}

#header .action a.myAccount {
	font-weight: normal;
}

#header .action .welcome {
	background: none;
	color: #f6fcff;
	text-shadow: none;
	font-size: 12px;
	padding-right: 3px;
}

.DNNModuleContent.ModDNNHTMLC > .Normal p {
  font-size: 16px;
}

.moduleTitle span.Head {
  font-size: 24px;
}

.login.overlay, .loggedin .login {
  display: none;
}

.login .dnnFormValidationSummary {
	font-size: 14px;
	background-color: #f00;
	color: #fff;
}

.login a.join {
	display: none;
}

.ModPersonifyLoginC .Normal label {
	font-size: 14px;
}

.ModPersonifyLoginC .Normal {
	font-size: 14px;
}

.login input.StandardButton {
	background-color: #0077B8;
	border-bottom: none;
	font-size: 16px;
	text-shadow: none;
	border-radius: 4px;
	padding: 8px 12px;
	font-weight: 400;
}

.login .SubHead span {
	font-size: 14px;
}

.login.overlay td a {
	color: #ccc;
	font-size: 13px;
	margin-top: 5px;
}

.login-cell-dnn {
	width: auto;
}

.navCol > h2 {
	background-color: #1b3d6d;
	font-weight: normal;
}

.navCol .RadPanelBar .rpText {
	font-weight: normal;
}

.top-banner {
  display: none;
}

.legion-gray-bg {
  background: #f0f0f0;
}

.legion-light-blue-bg {
  background: #0077B8;
}

.legion-gray-border {
  border: 1px solid #ccc;
}

.legion-notification {
  padding: 15px;
  background: #f0f0f0;
  border: 1px solid #ccc;
  font-size: 18px;
}

.legion-notification p {
  text-align: center !important;
}

.legion-notification a {
  text-decoration: underline;
}

.legion-notification a:hover {
  color: #177fc6;
}

.loggedin .hidden-loggedin {
  display: none !important;
}

.loggedout .hidden-loggedout {
  display: none !important;
}

.lh-12 {
  line-height: 1.2;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.font-16 {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px !important;
}

.text-center {
	text-align: center;
}

.text-right {
    text-align: right;
}

.legion-card {
	margin-top: 30px;
	background: #f0f0f0;
}

.legion-card .card-header {
	background: #0077B8;
	padding: 10px 0px;
	color: #fff;
	text-align: center;
}

.legion-card .card-header h3 {
  font-family: Roboto Slab, Arial, Helvetica, sans-serif !important;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.legion-card .card-header h3 a {
  display: block;
  color: #fff;
}

.legion-card .photo img {
	width: 100%;
}

.legion-card .text {
	padding: 20px;
	font-size: 16px;
	color: #595959;
}

.legion-card .text .icon img {
  max-width: 100%;
}

.legion-card .text p {
	font-size: 16px !important;
	margin-bottom: 25px;
}

.legion-card .button, .legion-gold-button {
  font-family: Roboto Slab, Arial, Helvetica, sans-serif !important;
	background: #d72131;
	display: inline-block;
	text-align: center !important;;
	text-transform: uppercase;
	font-size: 24px !important;
	font-weight: bold;
	border-radius: 4px;
}

.legion-card .button a, .legion-gold-button a {
	display: block;
	padding: 12px 24px;
	color: #fff;
	text-decoration: none;
}

.ad-wrapper {
  margin-top: 30px;
  text-align: center;
}

.mag-card .button {
  width: 100%;
  border-radius: 0px;
  font-size: 20px;
}

.btn.btn-primary {
	background-color: #0077B8 !important;
	font-size: 18px;
	font-weight: normal !important;
	padding: 12px 16px;
	border-radius: 4px;
}

.btn.btn-primary a {
  color: #fff !important;
}

.btn-legion {
  font-family: Roboto Slab, Arial, Helvetica, sans-serif !important;
  background: #d72131;
  display: inline-block;
  text-align: center !important;;
  text-transform: uppercase;
  font-size: 20px !important;
  font-weight: bold;
  border-radius: 4px;
}

.btn-legion a {
  display: block;
  color: #fff;
  padding: 12px 24px;
  text-decoration: none;
}

.legion-help ul, .legion-help ol {
  padding-bottom: 10px;
  padding-left: 30px;
}

.legion-help ul li, .legion-help ol li {
  font-size: 16px;
  line-height: 1.5;
}

.legion-help h3 {
  text-transform: none !important;
}

.footerNav {
  font-family: Arial,Helvetica,sans-serif !important;
  background: none;
  margin-top: 0px;
  padding: 0px 15px;
}

.footerNav ul.col {
  width: 100%;
}

.footerNav ul.col li a {
  color: #707070;
}

.footer-emblem-wrapper {
	padding: 0px 15px;
  margin-top: 30px;
}

.footer-emblem {
	width: 150px;
	margin: 30px auto 0px auto;
}

.footer-emblem img {
	width: 100%;
}

.footer-black-text {
	margin: 0px auto;
	width: 	380px;
}

.footer-black-text img {
	width: 100%;
}

.mobile-footer-emblem {
	width: 50%;
	margin: 0px auto;
	margin-bottom: 0px;
}

.mobile-footer-emblem img {
	width: 100%;
}

.mobile-footer-black-text {
	margin: 0px auto;
	width: 	90%;
}

.mobile-footer-black-text img {
	width: 100%;
}

.footer-about {
  font-family: Arial,Helvetica,sans-serif !important;
  font-size: 13px;
	margin: 15px auto 30px auto;
	text-align: center;
	padding: 0px 15px;
}

ul.footer-copyright {
	list-style: none;
}

.footer-list {
	padding-bottom: 30px;
}

.footer-list h4 {
	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-family: Arial,Helvetica,sans-serif !important;
	font-size: 16px;
  color: #000 !important;
}

.footer-list ul li {
	font-size: 13px;
	text-transform: uppercase;
	padding: 8px;
	border-top: 1px solid #eee;
}

.footer-list ul li a {
  color: #707070;
}

.footer-list ul li.first {
	border-top: none;
}

ul.footer-links {
	list-style: none;
}

ul.footer-links li {
	display: inline;
	padding-left: 10px;
}

ul.footer-links li a {
  color: #707070 !important;
}

ul.footer-links li.first {
	padding-left: 0px;
}

.footer-base {
  font-family: Arial,Helvetica,sans-serif !important;
  font-size: 13px;
  max-width: 1180px;
  padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.top-navbar-header { /* mobile nav bar */
	background: #1b3d6d;
}

.mobile-trigger-login {
  display: none !important;
}

.productDetail .ProductDetailShortDescription {
	font-size: 15px;
	line-height: 1.2;
}

.productDetail h3 {
	font-size: 20px;
	line-height: 1.2;
	color: #1b3d6d !important;
	text-transform: capitalize !important;
}

.Donations_PersonifyDefault .h-color-default, .Donations_PersonifyDefault .h-color-secondary {
	color: #1b3d6d !important;
}

ins {
  background: none !important;
}

.header-buttons {
  text-align: right;
}

.TALDonationAmntBtn {
  background-color: #d72131;
  color: #fff;
}

.TALDonationAmntBtnSeletecd {
  background-color: #8d0b16;
  color: #fff;
}

#dnn_ctr1123_DNNWebControlContainer_ctl00_BuyBox_AutoRenewPanel > span > label {
  font-weight: bold;
  color: #169301;
}

#dnn_ctr3035_DNNWebControlContainer_ctl00_membershipRenewalDetailsControl_MembershipRenewalAutoPanel > div > label {
  font-weight: bold;
  color: #169301;
}

#dnn_ctr2692_DNNWebControlContainer_ctl00_AddressControl_EditButton {
  display: none;
}

/* Hide Join Donate on some pages */

.MembershipJoinRegistration #logo-header-buttons,
.MembershipLandingPage #logo-header-buttons, 
.page1481 #logo-header-buttons,
.page1638 #logo-header-buttons,
.page1669 #logo-header-buttons
{
	display: none !important;
}

@media screen and (max-width: 672px) {

	.hidden-xs {
		display: none;
	}

	#header.mobile-way {
		background: #1b3d6d;
	}

	#sidebar-wrapper {
		background: #1b3d6d;
	}

	#sidebar-wrapper .navbar-nav > li > a {
    background: #1b3d6d;
    border-bottom: 1px solid #1b3d6d;
	}

	.sub-navbar-header {
		background-color: #40505e;
		border-bottom: 2px solid #40505e;
	}

	#pagina-mobile.mobile-page-header {
		font-weight: normal;
	}

	.sub-menu-container {
		background-color: #40505e;
	}

	.sub-menu-btn:hover, .sub-menu-btn:focus {
		background-color: #fff;
	}

	button.sub-menu-btn:hover .sub-menu-icon-bar, button.sub-menu-btn:focus .sub-menu-icon-bar {
    border-top: 3px solid #40505e;
	}

	button.sub-menu-btn:hover .dot, button.sub-menu-btn:focus .dot {
		border-left: 3px solid #40505e;
	}

	.sub-menu-sidebar h2 {
    color: #fff;
		font-weight: normal;
	}

	.sub-menu-sidebar li {
    border-bottom: 1px solid #40505e;
	}

	.sub-menu-sidebar span.rpText {
    color: #c1d0dc;
	}

	.sub-menu-sidebar a:hover, .sub-menu-sidebar a:active, .sub-menu-sidebar a:visited, .sub-menu-sidebar span.rpText:hover, .sub-menu-sidebar span.rpText:active, .sub-menu-sidebar span.rpText:visited {
		color: #fff;
	}

	.login.overlay.open {
		background-color: #f0f0f0;
	}

	.layoutHome .loginPane h2.moduleTitle span.Head, .login .SubHead span, .ModPersonifyLoginC .Normal label, .login.overlay td a {
		color: #5e5959;
	}

	.ModPersonifyLoginC [type="checkbox"] + label:before {
		border-top-color: #5e5959;
		border-right-color: #5e5959;
		border-bottom-color: #5e5959;
		border-left-color: #5e5959;
	}

	.ModPersonifyLoginC [type="checkbox"]:checked + label:before {
		border-top: none;
		border-left: none;
	}

	.footer-black-text {
		width: 90%;
	}
}

@media screen and (max-width: 767px) {

	.hidden-sm {
		display: none;
	}

	.header-emblem img {
		max-width: 100%;
	}

  .nav > li ul {
  	background-color: #1b3d6d !important;
  }

	ul.footer-links {
    width: 100%;
    text-align: left;
    padding-top: 20px;
	}

	ul.footer-links li {
    display: block;
    padding: 8px;
    border-top: 1px solid #eee;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {

	.site-top-menu .container, .logo-header .container {
		width: 100%;
	}

  .legion-card .card-header h3 {
    font-size: 16px;
  }

  #logo-header-buttons .button {
  	font-size: 14px !important;
  }
}

@media screen and (min-width: 42em) {

	.donation-product-info {
		width: 50%;
		float: right;
	}

	/*.donation-product-info .clearfix {
		clear: none;
	}*/

	.donation-price-info {
		width: 50%;
		float: left;
		margin-bottom: 30px;
	}

	.donation-price-info.clearfix {
		clear: none !important;
	}

	.donation-TriAckMatching-Info {
		width: 50%;
		clear: both;
	}

	.Donations_PersonifyDefault .section-title-question {
		border-top: none !important;
	}

	.buttonRow.donation-navigation {
		border-top: none !important;
	}

	.product-detail-box .row {
		padding: 15px;
		background: #f0f0f0;
		border: 1px solid #ccc;
		margin-top: 2em !important;
	}

	.Donations_PersonifyDefault .donationProductDetailBlock {
		width: 100% !important;
		float: none !important;
		padding-top: 0em !important;
		padding-bottom: 1.5em;
	}

	.Donations_PersonifyDefault .donationProductDetailImageCell {
		float: none !important;
	}

	.Donations_PersonifyDefault .donationProductDetailImageCell .ShareControl_PersonifyDefault {
		float: none;
		text-align: center;
	}

	.Donations_PersonifyDefault .donationProductDetailImageCell .ShareControl_PersonifyDefault .Share_PersonifyDefault {
		margin-right: 0px;
		padding-top: 10px;
	}

	.Donations_PersonifyDefault .mainDonationProductImage {
		border: none !important;
	}




}

/* Personify overrides */
@media screen and (max-width: 42em) {

  .legion-header-notification {
    background: #fff;
    text-shadow: none;
    line-height: 1.2;
  }

  .login-sidebar .register-login-buttons li {
    float: left;
    padding: 0 10px;
  }

  .login-sidebar .register-login-buttons li {
    float: left;
    padding: 0 10px;
  }

  .login-sidebar .register-login-buttons .btn.btn-primary {
    font-size: 16px;
    padding: 8px 14px;
  }

  /* DONATON FORM */

  .productDetail .donationProductDetailBlock.mobile-hide {
    display: block;
   	visibility: visible;
	}

	/*.productDetail .donationProductImages.mobile-hide {
		display: block;
   	visibility: visible;
	}*/

	.moble-hide .wiz-menu {
		display: none;
		visibility: hidden;
	}

	.Donations_PersonifyDefault .donationProductDetailBlock {
		width: 100% !important;
		padding-bottom: 1em;
	}

	.productDetail .ProductDetailShortDescription {
		font-size: 16px;
	}

	.Donations_PersonifyDefault .mainDonationProductImage {
		overflow: visible !important;
		border: none !important;
	}

	.mainDonationProductImage img {
		max-width: 100%;
	}

  /* Paid up for life error */
  #dnn_ctr2943_ModuleContent .ErrorMessage {
    display: block !important;
    visibility: visible !important;
  }

  .bottom-navigation {
    display: none !important;
  }

  /*iPhone fix*/
  #Body .MembershipRenewalControl_PersonifyDefault .membershipRenewalPersonalDetails {
    width: 100%;
    clear: both;
	}



	#Body .MembershipRenewalControl_PersonifyDefault .membershipRenewalPersonalDetails .RadAjaxPanel{
		width: 100%;
		clear: both;
	}

	#Body .MembershipRenewalControl_PersonifyDefault .membershipRenewalPersonalDetails .clsPanelBirthDate.autoRenewCheckBoxContainer{
		width: 100%;
		clear: both;
	}


	#Body .MembershipRenewalControl_PersonifyDefault .membershipRenewalPersonalDetails  .membershipDetails{
		width: 100%;
		clear: both;
	}

	#Body .MembershipRenewalControl_PersonifyDefault .membershipRenewalPersonalDetails > .formRow {
		width: 100%;
		clear: both;
	}

	#Body .MembershipRenewalControl_PersonifyDefault .membershipRenewalPersonalDetails .additionalBenefits{
		width: 100%;
		clear: both;
	}

	#Body .footer-list {
		padding-bottom: 30px;
		clear: both;
		width: 100%;
		background: #eee;

	}

	#Body .MembershipRenewalControl_PersonifyDefault .addressBlock.block-side-a {
		margin-right: 1em;
		position: relative;
		width: 100%;
		clear: both;


	}

	.Giving.Opportunities .fullWidth .moduleTitle, .fullWidth > .Normal, .fullWidth .ContentPane .ModPersonifyDNNWebControlContainerC,
	.fullWidth .TopPane .ModPersonifyDNNWebControlContainerC, .fullWidth .blankContainerSize > h2.moduleTitle {
		width: 100%;
		float: left;
		clear: both;
	}

	#Body .DonationWizDonationInfo_PersonifyDefault.Donations_PersonifyDefault #DonationTribAckMatchingInfo{
		float:left;
	}

	#Body .DonationWizDonationInfo_PersonifyDefault.Donations_PersonifyDefault .donation-price-info .exp-col-container {
		min-height: 80px;
	}

	#Body .DonationWizDonationInfo_PersonifyDefault.Donations_PersonifyDefault .TALDonationAmntBtnSeletecd {
		min-width: 90%;
		margin-bottom: 5px;
	}

	.duplicateProcessOrderPayNow {
		width:100%;
		display: block;

	}
	
	.MemberJoinLandingPage_PersonifyDefault .div-image {
    /* display: inline-block; */
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: normal;
		letter-spacing: 0px;
		line-height: 1.75;
		text-transform: none;
	}
	
	.MemberJoinLandingPage_PersonifyDefault .div-text {
		/* display: inline-block; */
		float: right;
		width: 100%;
	}


}


.CallInMeetingDetail-div .rgMasterTable .grey-gradient th:nth-of-type(3){
    width: 30%;
}

.CallInMeetingDetail-div .rgMasterTable td:second-child{
    width: 30%;
  }


.CallInMeetingDetail-div .rgMasterTable td:nth-of-type(3){
    width: 30%;
  }

  .CallInMeetingDetail-div .rgMasterTable .RadComboBox.RadComboBox_Default,
  .CallInMeetingDetail-div .rgMasterTable .RadComboBox.RadComboBox_PersonifyDefault.ddl-member{
    width:90%!important;
}

@media screen and (max-width: 42em) {
	.CusNameEdit.formRow select {
		width: 65px;
	}
	
	
	.birthDateDiv .clsBirthDateDay {
		margin-left: 40px;
		margin-right: 40px;
	}
		
}