/*-----PROSURE 5/4/24-----*/

	/*-------  Light Yellow #FEE8A6-------*/
	/*-------  Dark Yellow #FFCC33-------*/
	/*-------  Purple #893ede -------*/
	/*-------  nicer Purple #55185d -------*/
	/*-------  Ltr Purple for Link text & icons #8c2899 -------*/
	/*-------  Fuschia for highlights ##fc3c43-------*

body {
	color: #463f43;
	font-family: 'Poppins', sans-serif;
	background-color: #fff;
	font-weight: 300;
	}


/*---typography see also responsive -----*/

p {font-size: 1.3rem; line-height: 1.6; padding-bottom: 10px; }
p.title {font-size: 1.1rem; margin-top: -8px;}
.larger {font-size: 1.8rem;}
.smaller {font-size: 1rem;}
	
a, .accordion .btn-link {text-decoration: none; color: #8c2899; font-weight: 600;}
a:hover, .accordion .btn-link:hover {color: #ecb602; text-decoration: none;}
a.white:hover {color: #fff; text-decoration: none;}
a:hover img {opacity: 0.7;}
h3.card-title a {color: #ffffff;}
h3.card-title a:hover {opacity: 0.7;}	
	
.btn-ltpurple {background-color: #8c2899; border-color: #8c2899; color: #fff;}
.btn-dkviolet {background-color: #290849; border-color: #290849; color: #fff;}
.btn-ltpurple:hover, .btn-dkviolet:hover {background-color: #ecb602; border-color: #ecb602; color: #fff;}
.btn-member {margin-top: -75px; padding-top: 16px; border-top-left-radius: 0; border-top-right-radius: 0;}
.btn.radius-bottom-only {border-top-left-radius: 0; border-top-right-radius: 0;}
.btn-light:hover {color: #fff; background-color: #55185d; border-color: #290849;}
    
 i.fa-caret-right {position:relative;bottom:.12rem;}
 
/*---colors, rules, borders, backgrounds  see also responsive-----*/

.margin-top-100 {margin-top: 100px;}


.white {color: #fff;}	
.dkyellow {color: #ecb602;}
.dkgold {color: #FFCC33;}
.ltpurple {color: #8c2899;}
.purple {color: #55185d;}
.fuschia {color: #fc3c43;}

.bkgd_white {background-color: #ffffff;}
.bkgd_dkyellow {background-color: #FFCC33;}
.bkgd_dkgold {background-color: #ecb602;}
.bkgd_ltpurple {background-color: #8c2899;}
.bkgd_purple {background-color: #55185d;}
.bkgd_dkviolet {background-color: #290849;}
.bkgd_fuschia {background-color: #fc3c43;}
.bkgd_ltrgray {background-color: #f7f7f7;}
.bkgd_ltgray {background-color: #EDEDED;}
.bkgd_mdgray {background-color: #837d80;}
.bkgd_dkgray {background-color: rgba(70, 63, 67, 0.95);}

.box {
	border: 1px solid #8c2899;
	padding: 20px;
	background-color: #ffffff;
}

.border-box-white {
	border: 1px solid #fff;
	padding: 12px 17px 12px 12px;
	border-radius: 10px;
}


.archive .card:nth-child(odd) {
	background-color: #f9f9f9; 
	} 

.training .card:nth-child(odd), .training .card:nth-child(even)  {
	background-color: #837d80; 
	}

card-deck.training {
	border:none;
}	

	
.card img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2); /* Change the color and opacity as needed */
}
	

	
	
.training-aids li.list-group-item:nth-child(odd) {
	background-color: #f7f7f7; 
	} 

 
	
hr {border-top: 1px solid #FFCC33; margin-bottom: 50px; }	

.fa-lg {vertical-align: -28%; padding-left: 5px;}


.bkgd_footer {
	background-color: transparent;
    background-image: url(../images/circle-crop.png);
    background-repeat: no-repeat;
    background-position:80% bottom;
    background-size: 650px;
    z-index: -5;
    }
    
    
    
    
    
/*---nav-tabs & accordions see also responsive-----*/
    
.nav-tabs {
    border-bottom: 1px solid #fff;
	} 
  
.nav-tabs .nav-link {
	color: #fff;
	padding: 15px 0px;
	border: 2px solid #fff;
	background-color: rgba(70, 63, 67, 0.95);
  	}
     
.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #8c2899;
    border: 2px solid #fff;
  	}  
  
.accordion.card {border:transparent;}
.accordion .btn {font-size: 1.4rem;}




/*-----Lists-----*/

ul.list, ol.list, ul.red-flag {padding-left: 23px;}


ul.list li {
	list-style-type: none;
	font-size: 1.3rem;
	line-height: 1.4;
	padding-bottom: 18px;
	text-indent: -23px;
	}
	
ol.list li {
	font-size: 1.3rem;
	line-height: 1.4;
	padding-bottom: 18px;
	}
	
	
ul.red-flag li {
	list-style-type: none;
	font-size: 1.3rem;
	line-height: 1.4;
	padding-bottom: 18px;
	text-indent: -30px;
	}
	
	

ul.list li:before {content: "• "; color: #FFCC33 !important; padding-right: 8px;}

ul.red-flag {margin-left: 10px!important;}
ul.red-flag li:before  {
	content: " "; 
	background: url(../images/icon-red-flag.png) no-repeat top left; 
	padding: 0 10px 0 23px;
	}

ul.list-no-bullets li {
	list-style-type: none;
	font-size: 1.3rem;
	line-height: 1.4;
	padding-bottom: 40px;
	 margin-left: -5px;
	}

ul.list-no-bullets li a {color: #8c2899;}
ul.list-no-bullets li a:hover {color: #ecb602;}



.bullet-carat:before {
	font-family: "FontAwesome";
	content: "\f0da";
	display: inline-block;
	color: #ecb602;
	font-weight: 900;
	text-indent: -23px;
	}

.bullet-pdf:before {
	font-family: "FontAwesome";
	content: "\f1c1";
	display: inline-block;
	color: #ecb602;
	font-weight: 900;
	text-indent: -30px;
	}

.bullet-file:before {
	font-family: "FontAwesome";
	content: "\f1c2";
	display: inline-block;
	color: #ecb602;
	font-weight: 900;
	text-indent: -30px;
	}
	
.bullet-pptx:before {
	font-family: "FontAwesome";
	content: "\f1c4";
	display: inline-block;
	color: #ecb602;
	font-weight: 900;
	text-indent: -30px;
	}
	
.bullet-excel:before {
	font-family: "FontAwesome";
	content: "\f1c3";
	display: inline-block;
	color: #ecb602;
	font-weight: 900;
	text-indent: -30px;
	}

.bullet-link:before {
	font-family: "FontAwesome";
	content: "\f0c1";
	display: inline-block;
	color: #ecb602;
	font-weight: 900;
	text-indent: -30px;
	}
	

ul.list-no-bullets-archive {
  list-style-type: none;
  padding: 0;
  	}
	
ul.list-no-bullets-archive li {
	line-height: 2;
	}

/*-----Footer - see also responsive-----*/

footer p {font-size: 1em;}
#cta p {z-index: 100;}

.asymmetric, .asymmetric-hero, .asymmetric-header {
	position: relative;
	background-color: #FFCC33;
	z-index: 50;
	}

.asymmetric::after {
 	position: absolute;
 	content: "";
 	width: 100%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	background-color: #FFCC33;
 	transform-origin: bottom right;
 	transform: skewY(-2deg);
 	z-index: -10;
	}


.asymmetric-hero::after {
 	position: absolute;
 	content: "";
 	width: 100%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	background-color: #FFCC33;
 	transform-origin: bottom left;
 	transform: skewY(1.75deg);
 	z-index: -10;
	}

.asymmetric-header::after {
 	position: absolute;
 	content: "";
 	width: 100%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	background-color: #FFCC33;
 	transform-origin: bottom left;
 	transform: skewY(1.1deg);
 	z-index: -10;
	}


section {
	padding: 40px 0;
	}

.blank-space {
	height: 40px;
	z-index: -20;
	}

/* Back to Top arrow, see also js */
#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #DDD;
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
	}
#back2Top:hover {
    background-color: #DDF;
	color: #000;
	}