/*------------------------------------------------------------------
career_duties_list.css
Last edited: 9/23/25
[Table of contents]

100. MEDIA QUERIES
    100a. EXTRA SMALL DEVICES (phones 576px and up)
    100b. SMALL DEVICES (tablets, 768px and up)
    100c. MEDIUM DEVICES (desktops, 992px and up)
    100d. LARGE DEVICES (large desktops, 1200px and up)
    100e. EXTRA LARGE DEVICES (large desktops, 1450px and up)

[Notes]
-------------------------------------------------------------------*/

/* add mobile CSS here */
.band-career-duties .description {
  margin: 0 0 60px;
}
.career-duties-list ul,
ul.career-duties-list  {
	column-gap: 45px;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	list-style-type: none;
	margin: 0;
	row-gap: 50px;
}
.career-duties-list li {
	border-top: 6px solid var(--theme-color-orange);
	padding-top: 35px;
}
.career-duties-list li strong {
	display: block;
	font-size: var(--theme-fs-h3);
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 15px;
}
/*------------------------------------------------------------------
100. MEDIA QUERIES
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
100a. EXTRA SMALL DEVICES (phones 576px and up)
-------------------------------------------------------------------*/
@media (min-width: 576px) {
    
}
/*------------------------------------------------------------------
100b. SMALL DEVICES (tablets, 768px and up)
-------------------------------------------------------------------*/
@media (min-width: 768px) {
  .career-duties-list ul,
  ul.career-duties-list {
		column-gap: 40px;
		grid-template-columns: 1fr 1fr;
		row-gap: 70px;
	}
	.career-duties-list li {
		padding-top: 40px;
	}
}
/*------------------------------------------------------------------
100c. MEDIUM DEVICES (desktops, 992px and up)
-------------------------------------------------------------------*/
@media (min-width: 992px) {
  .band-career-duties .description {
    margin: 0 0 75px;
  }
  .career-duties-list ul,
  ul.career-duties-list {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
/*------------------------------------------------------------------
100d. LARGE DEVICES (large desktops, 1200px and up)
-------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.career-duties-list ul,
  ul.career-duties-list {
		column-gap: 45px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		row-gap: 75px;
	}
	.three-items .career-duties-list ul,
  .three-items ul.career-duties-list {
		column-gap: 60px;
		grid-template-columns: 1fr 1fr 1fr;
	}
}
/*------------------------------------------------------------------
100e. EXTRA LARGE DEVICES (large desktops, 1450px and up)
-------------------------------------------------------------------*/
@media screen and (min-width: 1450px) {
   
}