body .main-navigation-container .menu > ul > li {margin-left: 10px !important;}
span.woocommerce-Price-amount.amount, .woocommerce-price-suffix {font-family:'Roboto';}

#modalMoreDetails {border-radius:6px!important;}

p.priceTitle {margin-bottom:0px;}
span.ngbMemberPrice p {color:#023d86!important;}

p.loginp {font-size:15px;margin-bottom:10px!important;}
.loginh3 {margin-bottom:5px;}
span.MemberMessage {padding:5px;background-color:darkgreen;color:#fff;margin-top:10px;

  display: inline-block;
  padding: 4px 8px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border: none;
  background-color: #34639e;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
span.MemberMessage:hover {background-color: #2980b9;
}

span.MemberMessage:active { background-color: #1f6377;animation-duration}

.yourPrice {color:green!important;}
.price .amount {font-weight:500!important;}



/****************************************/
/* Accordian Styling                    */

.accordian .accordionSelector {
  background-color: #fff; 
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: 0;
  font-size: 15px;
  transition: 0.4s;
  box-shadow: 2px 2px 5px #e0e0e0;
}

.accordian .active, .accordian .accordionSelector:hover {
  background-color: #fafafb;
  outline:0;
}

.accordian  .accordionSelector:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordian .active:after {
  content: "\2212";  
}

.accordian .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out; 
}


/****************************************/
/******************************************/
/* CSS for Resource Template              */
/******************************************/
#main article {width:100%;}
.resource-cont{ border-bottom: solid 1px #023d86; margin-bottom: 20px; padding-bottom: 20px; }
.sidebar { background: aliceblue; padding: 20px; }
.widget-area.sidebar {padding:10px;}
.link-more{ display:none; }
.resource-cont p { margin-bottom:0;}
.resource-cont a { text-decoration: none; }
.resource-cont a:focus { outline:none; }
.resource-title { text-transform:uppercase; position:initial; display: inline-block; width: 80%; }
.cat-icon { width:50px; height:50px; padding-bottom:10px; background-size: contain; float: right; display: inline-block;}
.read-more { display: block; text-decoration: none; border: 2px solid currentColor; 
             cursor: pointer; transition: background 0.3s, color 0.3s, border-color 0.3s;
             padding-bottom: 5px; padding-top: 5px; padding-right: 15px; padding-left: 15px; margin-top:20px; }

.read-more:hover { background-color: #023d86; color:#ffffff; }

.posts .resource { border:none !important; margin-bottom: 0 !important; margin-top:0 !important; padding-top: 0 !important; }

.tax-resource_category .intro-media {display:none;}
.single-resource .page-summary {display:none;}
/******************************************/
/* Widget Resoure Type*/
.widget-resource_type {
		margin-bottom:10px;
	padding-left:30px;
	}
	
	.widget-resource_type a {
		text-decoration:none;
		padding:5px;
		
	}

	.widget-resource_type a:hover {
		padding:6px;
		box-shadow:1px 1px 2px #f9f9f9;
		background-color:#f1f1f1;

	}
	
		.widget-resource_type a:focus {
		outline:none;
	}
	
	.widget-cat-icon{
		width:20px;
		height:20px;
		display:inline-block;
		margin-right:5px;
		margin-left:-34px;
	}
	
	.widget-type-name {
	display:inherit;
	text-decoration: none;
		color:#333;
		font-weight:500;
	}

aside#secondary.widget-area.sidebar {padding:20px;background:#fafafa;}

	
/* Access the resorurce*/
	.access {

   
	display: block;
    text-decoration: none;
    border: 2px solid currentColor;
    cursor: pointer;
    transition: background 0.3s, color 0.3s, border-color 0.3s;
	padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
	margin-top:20px;
		
	}
	
	.access:hover {
	background-color: #023d86;
	color:#ffffff;	
	}
	
	.resource-excerpt {
		font-weight:bold;
	}

/*************iframe for SA Tool***************************/

.iframe-container {
  overflow: hidden;
  /* Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625) */
/*  padding-top: 56.25%; */
  position: relative;

  height:1500px;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

#main form[role="search"] {display:none;}
#intro-container {margin-bottom:30px;}

.xmas-advent-calendar__modal-code {
	color:#fff;
}

.xmas-advent-calendar-title {
    text-align: center!important;
    color: white!important;
    font-family: 'titan_oneregular'!important;
    font-size: 60px!important;
}

.attachment.attachmentid-8208.no-widgets-sidebar .content-area {max-width: none !important;}

/**************************/
.awarding-body .fieldWrapper label {font-size: 13px; font-weight: 300;font-style:italic;margin-top:10px;}
.awarding-body .fieldWrapper .supportingLabel {font-size: 12px;}
.awarding-body .fieldWrapper input[type="text"], 
.awarding-body .fieldWrapper input[type="tel"], 
.awarding-body .fieldWrapper input[type="url"], 
.awarding-body .fieldWrapper input[type="email"], 
.awarding-body .fieldWrapper input[type="password"], 
.awarding-body .fieldWrapper input[type="number"], .awarding-body .fieldWrapper select
{
    box-sizing: border-box;
    height: 40px;
    min-height: 35px;
    width: 100%;
    max-width: 100%;
   /* padding: 0.61728rem; */
    font-family: inherit;
    font-size: 14px;
    vertical-align: middle;
    border: .5px solid #050505;
    border-radius: 0px;
    outline: none;
    background-color: white;    
}

.awarding-body .fieldWrapper textArea {
    box-sizing: border-box;
    width: 100%;
    padding: 0.61728rem;
    font-family: inherit;
    font-size: 14px;
    vertical-align: middle;
    border: .5px solid #050505;
    border-radius: 0.18519rem;
    outline: none;
    background-color: white;    
}

.checkbox-container { display: block; position: relative; padding-left: 35px;  
  margin-bottom: 20px; 
  margin-top:5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff;border:1px solid #000; }
.awarding-body .checkmark {background-color: #ffffff; }
/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #f1f1f1;
}
.checkbox-container input.invalid ~ .checkmark { background-color: pink; }

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: darkgreen;
}
.awarding-body .checkbox-container input:checked ~ .checkmark {
  background-color: darkgreen;
}


/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after { display: block;}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;  
  border: solid #fff; 
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
span.checkmark {border:.5px solid #050505;}

/******* Radio box **********/

.radiobox-container { display: block; position: relative; padding-left: 35px;  
  margin-bottom: 20px; 
  margin-top:5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radiobox */
.radiobox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radiobox */
.radiobox-container .checkmark  { position: absolute; top: 0px; left: 0; height: 25px; width: 25px; border-radius: 50%; background-color: #fff;border:1px solid #000; }
.awarding-body .checkmark {background-color: #ffffff; }
/* On mouse-over, add a grey background color */
.radiobox-container:hover input ~ .checkmark {
  background-color: #f1f1f1;
}

.radiobox-container input.invalid ~ .checkmark { background-color: pink; }

/* When the radiobox is checked, add a blue background */
.radiobox-container input:checked ~ .checkmark {
  background-color: #023d86;
}
.awarding-body .radiobox-container input:checked ~ .checkmark {
  background-color: #023d86;
}

.awarding-body .radiobox-container {font-size: 13px; font-weight: 300; padding-top:3px;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.radiobox-container input:checked ~ .checkmark:after { display: block;}

/* Style the checkmark/indicator */
.radiobox-container .checkmark:after {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;  
  border: solid #fff; 
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
span.checkmark {border:.5px solid #050505;}


/******************/
#bc_user_check section {background-color: #fafafb; padding: 20px; border:1px solid rgba(83,82,82,0.2);max-width:70%;}
@media (max-width:768px){#bc_user_check section{max-width:100%;}}
#bc_user_check section p {margin-top:10px; margin-bottom: 0;}
#bc_user_check .note {display:none; border-top: 1px solid black; background: #d0d0d0; color: green; font-size: 12px;}

div#bc-register-message {margin-top:15px;}


.memberMore a {color:#fff;}
.awarding-body .invalid {background-color: red !important;color:#fff;}
div#ab_moreDetails {font-size:15px;}


.awarding-body .invalid {background-color: pink !important;}

.bc-user-check-message {display: flex; margin-top: 15px; margin-bottom: 25px; font-size: 15px;}

/** animated check mark stuff - if we want it!! */
.animated-checkmark { width: 24px; height: 24px; border-radius: 50%; display: block; stroke-width: 3;stroke: #fff; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #273a7d; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; margin-right: 20px;}
.checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #273a7d;  fill: none; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.animated-checkmark.red { box-shadow: inset 0px 0px 0px #FF0000;  animation: fill_red .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;}
.checkmark__circle {  stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #850101; 
  fill: none; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }
.checkmark__circle.red { stroke: #ff0000;}
.checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;}
@keyframes stroke {  100% {    stroke-dashoffset: 0;  }}
@keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); }}
@keyframes fill {100% { box-shadow: inset 0px 0px 0px 30px #273a7d;  }}
@keyframes fill_red {100% { box-shadow: inset 0px 0px 0px 30px #ff0000; }}
/** end animated check mark stuff */

.bcab-admin table {    
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;    
}

.bcab-admin table thead th {
    background-color: #f0f0f0;
    border: solid 1px #CCC;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
.bcab-admin table thead td, .bcab-admin table tbody td {    
    color: #050505;
    padding: 1px 5px 0 10px;
    border:solid 1px #ccc;    
}


#historytable .error {
    color: red!important;
}

#historytable table {
    border-collapse: collapse;
    width: 100%;
    background-color: #fff;
}
    
#historytable table thead th {
    background-color: #f0f0f0;
    border: solid 1px #CCC;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
    border-spacing: 1px;
}

#historytable table tbody td {
/*    color: #050505;*/
    padding: 1px 5px 0 10px;
    border: solid 1px #ccc;    
}

#historytable table tbody tr:nth-child(even) {
  background-color: #f0f5f5;
}

div#searchHistoryHolder {
    margin-bottom: 15px;
}

div#searchHistoryHolder label {
    font-weight: bold;
}

div#searchNotice {
    font-weight: bold;
    padding: 5px;
    margin: 0 auto;
    width: 40%;
}

form#ab_HistoryRolesSearchFrm {
  width: 400px;
}

#searchHistoryHolder input {
  padding: 4px 10px;
  border: 0;
  font-size: 16px;
}

#txtAbEmailAddress {
  width: 75%;
}

#searchHistory {
  width: 70px;
  background-color: #1c87c9;
  color: #ffffff;
  padding: 4px;
}

#searchFields label {
    clear: both;
}

.bcabUtility {padding:10px; background-color: #e0e0e0; margin-bottom:10px;border: 1px solid #c0c0c0;
    border-radius: 5px; margin-right:20px;}


.shop_table .product-quantity {
    text-align: right;
    font-size: 0.809em;
}