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

.selector2 {
  background-color: transparent;
}
.e6kmargin1{
  align-self: flex-start;
    margin-left: 11%;
    margin-right: 11%;
}
.e6kmargin{
 margin:0px;
}
.backgroundLoginPage {
  background-color: transparent;
  /* background-image: url("/assets/images/e6kdonation-font.jpg"); */
  background-image: url("/assets/images/e6kdonation-font-02.jpg");
  background-size: cover;
  background-repeat: no-repeat;

  /* background-image: url("/assets/images/login_page.svg"); */


}

.backgroundLoginPage_old {
  background-color: transparent;
  /* background-image: url("/assets/images/e6kdonation-font.jpg"); */
  background-image: url("/assets/images/login_page.svg");
  /* Control the height of the image */
  min-height: 380px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;

}

.backgroundBannerPage {
  background-color: transparent;
  /* Control the height of the image */
  min-height: 50px;
  padding-top: 15px;
  padding: 0px !important;

}



.section2 {
  position: relative;
  margin: 10px 0;
  padding: 10px 0;
  background-color: #f9f9f900;
  overflow: hidden;
}



.e6kgooglecaptcha {
  margin-bottom: 18px;
  padding-left: 4px;
  margin-top: 18px;
}

.e6knodisplayflex {
   display: table-cell !important; 
   
}
.side-header .menu-container {
  display: block;
  height: auto;
  width: 100%;
  /* margin-bottom: 300px; */
}
.button.button-large2 {
  padding: 1px 0px;
  font-size: 25px;
  height: 33px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
}

.button.button-large2.button-circlee6k {
  border: 0px solid red;
  height: 33px;
  border-radius: 50%;
  width: 33px;
}

.button-red {
  background-color: transparent;
  color: red;
}

.button-red:hover {
  background-color: red !important;
}

.e6kright {
  text-align: end;
  margin-inline-end: 2rem;
  margin-bottom: 0px !important;
}

.title-minie6k {
  padding: 0px !important;
}


.menu-item:hover
.active {
  /* color: #1ABC9C; */
  /*New CSS  DRISS */
  color: #f5b324;
  /* background-color: #f5b324; */
  border-radius: 5px;
  padding-left: 15px !important;
}


.menu-link {
	display: block;
	line-height: 22px;
	padding: 14px 5px;
	color: white;
	font-weight: 700;
	font-size: 1.0925rem;
	letter-spacing: 1px;
	text-transform: uppercase;
  /* font-family: 'Poppins', sans-serif; */
   font-family: 'Comfortaa', cursive; 
  /* font-family: 'Tangerine'; */
  
}

.menu-item:hover > .menu-link,
.menu-item.current > .menu-link {
  color: #f5b324;
  padding-left: 15px !important;
}

#header-wrap{

background-color: #5c1b5b;
}

.e6krounded {
  border-radius: 1.25rem !important;

}
.card.e6krounded,
.card.e6krounded h5{
  border-color: gray !important;
  background-color: transparent;
  color: #777 !important;
  
}

.section {
background-color: white;
padding-top: 0px;
padding-bottom: 0px ;
}


.counter {
  font-size: 33px;
}

.card.e6krounded:hover{
  cursor: pointer;
 /* color: orange; */
  background-color: #ececec !important;
}

.counter:hover,
.dark .i-plain:hover {
	/* color: #CCC; */
	/* color :orange; */
}

.iconColor{
  color: #f5b324 !important;
}

a:focus, a:hover,
.menu-item.current a {
  color: #f5b324;
}

.menu-link.e6kprofil{
  background-color: white;
  color: black;
  padding-left: 0px !important;
  border-radius: 3px;
  text-align: center !important;
}

.menu-item:hover > .menu-link.e6kprofil,
.menu-item.current > .menu-link.e6kprofil {
  color: #f5b324;
  padding-left: 0px !important;
  background-color: white !important;
  border-radius: 3px;
}

.menu-item.e6kprofil{
  margin-bottom: 50px;
}

.heading-block h2 + span { font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight: lighter; }

.modal-title{
font-family: 'Montserrat' !important;
}

.btn-secondary {
  color: #fff;
  background-color: #f5b324 !important;
  border-color:  #f5b324 !important;
}
.btn-secondary:hover {
  color: #fff !important;;
  background-color: #f5b324 !important;
  border-color: #f5b324 !important;
}

#centerFloatTd{
	text-align: center;
	vertical-align:middle;
	float: center;
  }

#leftTd{
	text-align: left;
	vertical-align:middle;
	padding-left:15px;
  }

  #rigthTd{
	text-align: right;
	vertical-align:middle;
	padding-right:15px;
  }

  /* CUSTOM */
#centerTd{
  text-align: center;
  vertical-align:middle
}

.e6k.mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #f5b324;
}

.e6k.mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #f5b324;
}

.e6k.mat-radio-outer-circle {
  box-sizing: border-box;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color ease 280ms;
  width: 20px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  border-color: gray !important;
}

.e6k.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: gray ;
}

@media (min-width: 768px) {
.col_full { width: 100%; }
.col_half,
.postcontent.bothsidebar { width: 48%; }
.col_one_third { width: 30.63%; }
.col_two_third { width: 65.33%; }
.col_one_fourth,
.sidebar { width: 22%; }
.col_three_fourth,
.postcontent { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
body.stretched .container-fullwidth {
	position: relative;
	padding: 0 60px;
	width: 100%;
}
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
	display: block;
	position: relative;
	margin-right: 1%;
	margin-bottom: 5px;
	float: left;
}

.col_full {
	clear: both;
	float: none;
	margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last { float: right; }

.col_last {
	margin-right: 0 !important;
	clear: right;
}

.e6kcampicon {
  width:160px !important;
  border: 1px solid #d2d0d6 !important;
  border-radius: 15px !important;
}

.e6kfancy-title {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
   margin-bottom: 0rem !important; 
}
::selection {
	background: #f5b324 !important;
}

.i-rounded:hover,
.i-circled:hover {
	background-color: #f5b324;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.btn-primary.e6kbtn {
  color: #fff;
  background-color:#f5b324;
  border-color:#f5b324;
}

.btn-primary.e6kbtn:hover {
  color: #fff;
  background-color:#f1d52d;
  border-color:#f1d52d;
}


.btn-primary {
  color: #fff;
  background-color: #f5b324 !important;
  border-color: #f5b324 !important;
}

.btn-primary:hover {
  color: #fff;
  background-color: #f1d52d !important;
  border-color: #f1d52d !important;
}


.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
	font-family: 'Comfortaa';
}

.title-block {
	padding: 2px 0 3px 20px;
	border-left: 7px solid #f5b324 !important;
	margin-bottom: 30px;
}