.border-black img{ border: 1px solid black;}
.block-type-basic {
/*  border-top: 3px solid #255C4E;
  border-bottom: 3px solid #255C4E; */
  margin-top: 40px;
}
.block-type-basic > div{
  margin-top: -40px;
}
.block-type-svg-standalone{margin-top: 50px;}
.layout--onecol div .block-type-basic { padding: 0 !important;}


.block-type-views-block\:current-issue-block-2 {margin-top: -80px;}



.block-type-svg-standalone {max-width: 500px;}
/*
.block-type-views-block\:issue-archive-block-1 .mt-20 {
  margin-top: 0 !important;
  border-top: 3px solid #255C4E;
  border-bottom: 3px solid #255C4E;
  padding: 20px 0 14px 0;
}
*/
.views-row h3 {font-size: 24px;}
.block-type-views-block\:issue-archive-block-1 .mt-20{
margin-top: 40px;
}

.block-type-views-block\:current-issue-block-2 ul li {margin-bottom: 5px;}
.layout--twocol-section--33-67{
    max-width: 1200px;
    margin: auto;
}


/* update for mobile */
.block-type-svg-standalone{margin-top: 0;}
.block-type-svg-standalone img {max-width: 500px;margin-left: 0;}
.layout__region--second {margin-top: 0;}
.block-type-views-block\:current-issue-block-1 {max-width: 450px; float: none; margin-right: 0;}
@media(min-width: 64em){
.block-type-views-block\:current-issue-block-1 {float: right;margin-right: 20px;}
.layout__region--second {margin-top: 100px;}
.block-type-svg-standalone img {margin-left: -10px;}
.block-type-svg-standalone{margin-top: 50px;}
}



.block-type-views-block\:current-issue-block-2 p {  margin-left: 5px; }
.block-type-views-block\:issue-archive-block-1 .text-center, .block-type-views-block\:current-issue-block-2  .text-center{
  text-align: left;
 /* margin-left: 40px; */
}
.block-type-views-block\:issue-archive-block-1 .mb-2{
  margin-bottom: 0;
}

.block-type-basic h3 {
  margin-top: 0 !important;
  border-top: 3px solid #255C4E;
  border-bottom: 3px solid #255C4E;
  padding: 20px 0 14px 0;
  margin-bottom: 50px;
}

.block-type-views-block\:current-issue-block-2 h3 {
    position: relative; /* Crucial for positioning of ::before and ::after relative to h3 */
    padding-left: 2em; /* Creates space for the icon. ADJUST THIS based on final icon size. */
    display: flex; /* Helps with vertical alignment of the icon and text */
    align-items: center; /* Vertically centers content within the h3 */
    min-height: 1.5em; /* Ensure enough height for the circle */
    /* background-color: lightblue; /* TEMPORARY: Helps visualize h3's bounding box */
}

/* --- Green Circle (::before) --- */
.block-type-views-block\:current-issue-block-2 h3::before {
    content: ''; /* REQUIRED */
    display: block; /* Make it a block to control width/height */
    width: 1.5em; /* Adjust size of the circle */
    height: 1.5em; /* Adjust size of the circle */
    background-color: green; /* The green circle */
    border-radius: 50%; /* Make it a circle */
    position: absolute; /* Position relative to the h3 */
    left: 0; /* Place it at the beginning of the h3's padding */
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Fine-tune vertical centering */
    z-index: 1; /* Ensure circle is behind the arrow if any overlap */
    /* border: 1px solid red; /* TEMPORARY: Helps visualize the circle's bounding box */
}

/* --- White Arrow (::after) --- */
.block-type-views-block\:current-issue-block-2 h3::after {
    content: ''; /* REQUIRED */
    display: block; /* Make it a block to control width/height */
    /* These dimensions control the overall size of the arrow square before rotation */
    width: 0.6em; /* Adjust arrow size */
    height: 0.6em; /* Adjust arrow size */

    /* Arrow shape using borders */
    border-left: 0.2em solid white; /* White left arm of the arrow */
    border-bottom: 0.2em solid white; /* White bottom arm of the arrow */

    position: absolute; /* Position relative to the h3 */
    /* * Positioning the arrow inside the circle:
     * This requires careful adjustment based on the circle's size and arrow's size.
     * `left`: Should be `(circle_width - arrow_width) / 2` plus the `h3`'s `left` offset.
     * `0.4em` was an estimate. Let's calculate for 1.5em circle, 0.6em arrow.
     * Circle is 1.5em wide. Arrow is 0.6em wide.
     * Remaining space (1.5 - 0.6) = 0.9em. Divided by 2 sides = 0.45em.
     * So, `left: 0.45em;` is a good starting point to center it within the circle, 
     * assuming the circle itself starts at `left: 0;`.
     */
    left: 0.45em; /* <<< CRITICAL ADJUSTMENT HERE! Experiment with this value. */

    top: 50%; /* Center vertically */
    transform: translateY(-50%) rotate(45deg); /* Rotate for arrow shape */

    z-index: 2; /* Ensure arrow is on top of the circle */
    box-sizing: border-box; /* Important for border width calculation */
    
    /* background-color: purple; /* TEMPORARY: Helps visualize the arrow's bounding box */
}