/*
Theme Name: Astra Child Theme
Theme URI: https://wpastra.com/
Description: Motyw potomny dla Astra
Template: astra
*/

/**
 * ACADP
 */

/* zmiana marginesu dla pól select - tresc nie była widoczna w całości */
.acadp :is(.acadp-form-input), :is(.acadp .acadp-form-select), :is(.acadp .acadp-form-textarea) {
    padding: .2rem 1rem !important; 
}


/* ukrywa link Payment History */
.acadp-nav-links a[href*="/payment-history/"] {
    display: none !important;
}
/* ukrywa separator "/" przed Payment History */
.acadp-nav-links span:has(+ a[href*="/payment-history/"]) {
    display: none !important;
}



/**
 * front-page
 */
	
/* wyglad sekcji */
.nag {
	color: #B65D06;
	font-weight: bold;
	font-size: 12px;
}

section {
	padding: 50px;
	border-left: 1px solid #E4E5E7;
	border-right: 1px solid #E4E5E7;
}

.background-darkblue {
	background: #15305B;
	color: #ffffff;
}
.background-darkblue h2 {
	color: #ffffff !important;
}

.background-lightblue {
	background: #F5F7F9;
	border-bottom: 1px solid #E4E5E7;
}
.background-lightblue button {
	margin: 5px;
}

.background-yellow {
	background: #FCF2E5;
}

section h3 {
	margin-bottom: 15px;
}


/* kafelki */
.cards {
	display: flex;
	flex-wrap: wrap;
	align-items: top;
	justify-content: center;
}
.cards div {
	flex: 1;
	margin: 10px;	
	margin-top: 20px;
	font-size: 14px;	
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
}

.light div {
	padding: 20px;
	background: #FFFFFF;
	border: 1px solid #E4E5E7;
}
.dark div {
	padding: 20px;
	background: #F5F7F9;
	border: 1px solid #E4E5E7;
}
.border-top div {
	padding-top: 20px;
	border-top: 2px solid #15305B;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;	
}
.cards-blue div {
	padding: 40px;
	background: #15305B;	
	color: #ffffff;	
}
.cards-blue h3 {
	color: #ffffff;	
}
.cards-lightblue div {
	padding: 20px;
	background: #273C64;
	border: 1px solid #415477;	
	color: #ffffff;	
	font-size: 16px;
}


/* przyciski */
button {
	/* background-color: #003c7d; */
	transition-duration: 0.4s;
}
button:hover {
	background-color: #DA822B;  /* #415477; */
	color: #ffffff;
}

button.gold {
	background-color: #DA822B;
	color: #000000;
}
button.gold:hover {
	background-color: #003c7d; /* #415477; */
	color: #ffffff;
}

button.key:hover {
	background-color: #004DA1; /* #004DA1; #0058B5; */
	color: #ffffff;
}


/* cyferka w okręgu */
.circle-number {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #15305B !important;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;	
	padding: 10px;
	text-align: center;
	color: #ffffff;		
	font-weight: bold;
	font-size: 16px;
}


/* stopka - logo NIH4DS */
/*
.site-primary-footer-wrap {
	padding-top: 0px;
	padding-bottom: 0px;
}
.site-primary-footer-inner-wrap {
	border-left: 1px solid #E4E5E7;
	border-right: 1px solid #E4E5E7;	
}
*/


/* animacja */
@keyframes fadeInSlide {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

p, h1, h2, h3, h4, h5, h6, button, .wp-block-list, div.wp-block-button, .cards, .acadp { 
  animation: fadeInSlide 1s ease-out forwards;
  will-change: transform, opacity;
}