/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Sahitya:wght@400;700&family=Taprom&display=swap&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/uqs1voo.css");

input[type="checkbox"] + label {
  line-height: 1.4rem;
  display: inline-block;
}

h1,
h2:not(#footer h2),
h3,
.Sahitya {
	font-family: "Sahitya", serif;
  font-style: normal;
}
h4
{
  font-family: "alisha", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0;
  color: var(--pink_1) !important;
}
h5,
h6 {
	font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h1 {
	color: var(--blue_1);
}

/* BUTTONS */
a.button {
	text-transform: uppercase;
}
a.button.large {
    border-radius: 50px;
    padding: 1rem 3rem;
}
a.button.small {
    border-radius: 50px;
}
input.button,
a.button:not(.small):not(.large):not(.tiny) {
	border-radius: 30px;
	text-transform: uppercase;
	padding: 15px 30px;
	line-height: 1;
}
#page-title .layout__region--second p { /* REGISTER NOW BUTTON */
    text-align: center;
}

/* CARDS */
.card {
    line-height: 1.2;
}

/* SOCIAL MEDIA */
a.social {
	  display: inline-flex;
    justify-content: center;
    align-items: center;
		font-size: 1rem;
    padding: .5rem;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    text-align: -webkit-center;
    margin: .25rem;
}

/* GENERAL */
.aspect_ratio-12_5 {
	aspect-ratio: 12/5;
}
.aspect_ratio-1_1 {
	aspect-ratio: 1/1;
}
img[class*="aspect_ratio-"] {
    object-fit: cover;
}

/* DECORATIONS */
.cream_gradient-top,
.cream_gradient-bottom {
    display: block;
    height: 4rem;
}
.cream_gradient-top {
    background-image: linear-gradient(var(--blue_2), transparent);
}
.cream_gradient-bottom {
    background-image: linear-gradient(transparent, var(--blue_2));
}

.decoration_border {
    display: block;
    width: 100%;
    height: 20px;
    background-size: 520px 520px;
}
.decoration_border.pink_blue {
    background-image: linear-gradient(90deg, var(--pink_1) 25%, var(--blue_3) 25%, #bad0e9 50%, var(--pink_1) 50%, var(--pink_1) 75%, var(--blue_3) 75%, var(--blue_3) 100%);
}

/* STYLIZED ULs */
ul.stylized {
    list-style-type: none;
    padding: 0;
}
.stylized li {
    background-color: var(--white);
    margin: 1rem 0;
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.stylized li:before {
    display: block;
    float: inline-start;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    content: '';
    padding: 1rem;
    margin-right: 1rem;
}
.stylized span,
.stylized a,
.stylized strong {
    display: contents !important;
}
ul.stylized a, ul.stylized a:link, ul.stylized a:visited {
    color: var(--pink_1);
}
.stylized li:nth-child(1):before,
.stylized li:nth-child(7):before {
    background-color: var(--green_1);
}
.stylized li:nth-child(2):before,
.stylized li:nth-child(8):before {
    background-color: var(--blue_2);
}
.stylized li:nth-child(3):before,
.stylized li:nth-child(9):before {
    background-color: var(--pink_2);
}
.stylized li:nth-child(4):before,
.stylized li:nth-child(10):before {
    background-color: var(--yellow_1);
}
.stylized li:nth-child(5):before,
.stylized li:nth-child(11):before {
    background-color: var(--pink_1);
}
.stylized li:nth-child(6):before,
.stylized li:nth-child(12):before {
    background-color: var(--blue_1);
}
ul.stylized .text.xl {
    padding-bottom: 2rem;
    line-height: 2;
}

/* ALERTS */
#alerts .white-bg {
    border-bottom: 1px solid var(--yellow_1);
}

/* TABLES */
table.shaded thead tr {
    background-color: unset !important;
}
table.shaded tr:nth-child(even) {
    background: unset;
}
table.shaded tr:nth-child(odd) {
    background: var(--pink_3);
}
th {
    text-align: left;
}
table.lines tr {
    border-bottom: 2px solid var(--blue_1);
}
table h3 {
    margin-bottom: unset;
}
thead tr {
    vertical-align: baseline;
}

/* MESSAGES */
.messages--status {
    border: 2px solid var(--pink_1);
    background-color: var(--white);
}
.messages--status h5, .messages--status h6 {
    color: var(--blue_2);
}

/* DECORATIONS */
.stripe-bottom-pink-blue::after {
    content: "";
    height: 20px;
    width: 100%;
    background-image: url('/sites/womensconference.ce2.byu.edu/files/stripe-pink-blue.svg');
    background-position: center;
}