/** Shopify CDN: Minification failed

Line 122:0 Unexpected "}"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
.custom-css{
margin-right: auto;
margin-left: auto;
width: 630px;
height: 217px;
background: #F1F5F6;
border: 1px solid #E5E8EC;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 40px;
font-weight: 500;
font-size: 20px;
line-height: 30px;
}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  /* Aligns the heading text to the center. */

h1 {
text-align: center;
}

/* Sets the width for the accordion. Sets the margin to 90px on the top and bottom and auto to the left and right */

.accordion {
width: 900px;
margin: 0px auto;
color: black;
background-color: white;
padding: 45px 45px;
}

.accordion .container {
position: relative;
margin: 10px 10px;
}

/* Positions the labels relative to the .container. Adds padding to the top and bottom and increases font size. Also makes its cursor a pointer */

.accordion .label {
position: relative;
padding: 10px 0;
font-size: 30px;
color: black;
cursor: pointer;
}

/* Positions the plus sign 5px from the right. Centers it using the transform property. */

.accordion .label::before {
content: '+';
color: black;
position: absolute;
top: 50%;
right: -5px;
font-size: 30px;
transform: translateY(-50%);
}

/* Hides the content (height: 0), decreases font size, justifies text and adds transition */

.accordion .content {
position: relative;
background: white;
height: 0;
font-size: 20px;
text-align: justify;
width: 780px;
overflow: hidden;
transition: 0.5s;
}

/* Adds a horizontal line between the contents */

.accordion hr {
width: 100;
margin-left: 0;
border: 1px solid grey;
}

/* Unhides the content part when active. Sets the height */

.accordion .container.active .content {
height: 150px;
}

/* Changes from plus sign to negative sign once active */

.accordion .container.active .label::before {
content: '-';
font-size: 30px;
}
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  .custom-css{padding: 10px;}
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  .custom-css{padding: 10px;}
}
}