/* for  souvenir series  */
:root {
  --theme-font-color: #C45A18;
  --theme-font-color2: #fd5450;
  --text-color: #292929;

}

.button-medium.disable,
.button-medium.disable:hover {
    color: #eee;
    background-color: #888;
    border-color: #888;
    box-shadow: none;
}

#tab-souvenir-4-tiles .eyebrow,
#tab-souvenir-4-tiles h2 {
  color: var(--theme-font-color); 
  text-align: center;
}

#tab-souvenir-4-tiles p {
  text-align: center;
}

#tab-souvenir-4-tiles .div-row.one-half .left-tile {
	padding: 20px 0px 20px 40px;
	box-sizing: border-box;
  	margin-bottom: 0;
}
#tab-souvenir-4-tiles .div-row.one-half .right-tile {
	padding-left: 20px;
    padding-right: 0;
  	box-sizing: border-box;
  	margin-bottom: 0;
}

#tab-souvenir-4-tiles .div-row.one-half.tile-content .txt {
	display: flex;
  	flex-flow: column;
}
#tab-souvenir-4-tiles .div-row.one-half.tile-content .txt h2 {
	min-height: unset;
}

#tab-souvenir-4-tiles .div-row.one-half.tile-content .txt .blurb {
  min-height: unset;
}

#tab-souvenir-4-tiles .div-row.one-half.tile-content {
	display: flex;
}
#tab-souvenir-4-tiles .div-row.one-half.tile-content img {
  	float: right;
  margin-right: 0;
}

#tab-souvenir-section-title-a .content-section-inner {
	padding: 0;
}

#tab-souvenir-4-tiles .two-icons {
	display: flex;
  justify-content: space-around;  
}
#tab-souvenir-4-tiles .two-icons a {
  display: inline-block;
}
#tab-souvenir-4-tiles .two-icons img {
  width: 60px;
}

#tab-souvenir-section-title-b .content-section-inner {
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 768px){
	#tab-souvenir-4-tiles .div-row.one-half.tile-content {
		display: block;
  	}
  
	#tab-souvenir-4-tiles .div-row.one-half .left-tile {
    	border-right: 1px solid var(--theme-font-color);
      	margin-bottom: inherit;
  	}
  
  	#tab-souvenir-4-tiles .div-row.one-half .right-tile {
    	padding: 20px 40px 20px 0px;
       	margin-bottom: inherit;
  	}
  
  	#tab-souvenir-4-tiles .div-row.one-half.tile-content img {
      float: none;
      margin-right: 20px;
  	}
  
    #tab-souvenir-4-tiles .div-row.one-half.tile-content .txt h2 {
        min-height: 130px;
    }

    #tab-souvenir-4-tiles .div-row.one-half.tile-content .txt .blurb {
      min-height: 150px;
    }
  
	#tab-souvenir-4-tiles > .div-row > .div-col {
      margin-bottom: inherit;
  }
}


#tab-souvenir-section-title-a .content-section-inner .container {
  width: 100%;
  max-width: 100%;
  padding: 20px 0px;
}

#tab-souvenir-sermon-with-slides-b .content-section-inner {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url('https://account-media.s3.amazonaws.com/15881/uploaded/a/0e21421594_1788243598_anchored-ropes-mobile.png');
}

@media (min-width: 48em) {
  #tab-souvenir-img-on-background .content-section-inner {
    background-image: url('https://account-media.s3.amazonaws.com/15881/uploaded/a/0e21318886_1788243364_anchored-ropes.png');
  }
}

#tab-souvenir-sermon-with-slides-a .sermon-title,
#tab-souvenir-sermon-with-slides-b .sermon-title {
  margin-bottom: 0.1em;
}

#tab-souvenir-sermon-with-slides-b .context {
  display: flex;
  flex-flow: column nowrap; 
}

#tab-souvenir-sermon-with-slides-b .context .sermon-title,
#tab-souvenir-sermon-with-slides-b .context .bible-verse {
  font-size: 20px;
}

#tab-souvenir-sermon-with-slides-a .rtBibleRef,
#tab-souvenir-sermon-with-slides-b .rtBibleRef {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: var(--text-color);
}

#tab-souvenir-img-on-background .content-section-inner {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url('https://account-media.s3.amazonaws.com/15881/uploaded/a/0e21408655_1788921109_anchored-background-mobile.jpg');
    background-color: #030414;
}

#tab-souvenir-img-on-background .content-section-inner .div-col p {
  font-size: 16px;
  color: var(--theme-font-color2);
}

#tab-souvenir-img-on-background .content-section-inner .logo-desktop {
  display: none;
  margin: -5% auto 0;
  max-width: 35%;
}

#tab-souvenir-img-on-background .content-section-inner .logo-mobile {
  display: block;
  margin: 35% auto 0;
  max-width: 50%  ;
}

@media (min-width: 48em) {
  #tab-souvenir-img-on-background .content-section-inner {
    background-image: url('https://s3.amazonaws.com/account-media/15881/uploaded/a/0e21408653_1787823897_anchored-background-desktop.jpg');
  }

  #tab-souvenir-img-on-background .content-section-inner .logo-desktop {
    display: block;
  }
  #tab-souvenir-img-on-background .content-section-inner .logo-mobile {
    display: none;
  }

  #tab-souvenir-img-on-background .content-section-inner .div-col p {
    font-size: 18px;
  }
}

@media (min-width: 90em) {
  #tab-souvenir-img-on-background .content-section-inner .div-row {
    margin-top: 30px;    
  }
}


#tab-souvenir-3-tiles .tile {
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    background-image: url('https://s3.amazonaws.com/account-media/15881/uploaded/a/0e21421928_1788256364_anchored-wave-mobile-crop.png');
    background-position: center center;
    background-repeat: repeat-y;
    padding: 30px 20px;   
    margin-bottom: 50px; 
}

#tab-souvenir-3-tiles .tile .button-wrap a {
    font-size: 0.9em;
}

@media (min-width: 48em) {
    #tab-souvenir-3-tiles .tile {
      background-image: url('https://s3.amazonaws.com/account-media/15881/uploaded/a/0e21325708_1786094529_anchored-waves.jpg');
      gap: 15px;
    }
    #tab-souvenir-3-tiles .tile .button-wrap a {
      font-size: inherit;
    }
}

#tab-souvenir-3-tiles .tile .text-wrapper {
    text-align: left;
    display: flex;
    flex-flow:  column nowrap;
    gap: 15px;
}

#tab-souvenir-3-tiles .tile .text-wrapper h2 {
  line-height: 1;
}

#tab-souvenir-3-tiles .tile .text-wrapper .eyebrow {
    color: var(--theme-font-color);
}

#tab-souvenir-3-tiles .tile .text-wrapper h2 {
    margin-bottom: 0;
    color: var(--theme-font-color);
    font-weight: 500;
}

#tab-souvenir-3-tiles .tile-row .tile > img {
  width: 50%;
}

#tab-souvenir-3-tiles .tile-row .tile .eyebrow,
#tab-souvenir-3-tiles .tile-row .tile .button-medium {
  text-transform: uppercase;
}


.series-listing {
  display: grid;
  grid-template-columns: auto 1fr; 
  gap: 0px 10px; 
  margin-bottom: 0;
}

.series-listing .item-content {
  color: #fff;
}

.item-bullet {
  color: var(--theme-font-color);
  text-align: left;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
}

.item-content {
  text-align: left;
  font-weight: 600;
}

@media (min-width: 48em) {
    #tab-souvenir-3-tiles .content-section-inner {
        background-image: url('https://s3.amazonaws.com/account-media/15881/uploaded/a/0e21325708_1786094529_anchored-waves.jpg');
    }

    #tab-souvenir-3-tiles .tile-row {
        display: flex;
        flex-flow: row nowrap;
        text-align: center;        
    }

    #tab-souvenir-3-tiles .tile-row .tile,
    #tab-souvenir-3-tiles .tile-row .tile .text-wrapper {
        background-image: none;
        display: flex;
        flex-flow: column nowrap;
        text-align: center;
        gap: 15px;
        flex: 1 1 0;
    }
    
    #tab-souvenir-3-tiles .tile-row .tile {
        padding: 0px 15px;
        margin-bottom: 0;
    }

    #tab-souvenir-3-tiles .tile-row .tile > img {
      max-width: 100%;
    }

    #tab-souvenir-3-tiles .tile-row .tile + .tile {
        border-left: 1px solid var(--theme-font-color);          
    }

    #tab-souvenir-3-tiles .tile-row .tile .button-wrap {
      margin-top: auto;
    }
    #tab-souvenir-3-tiles .tile .text-wrapper h2 {
      line-height: normal;
    }

}

.icon-list {
    display: flex;
    flex-flow: row nowrap;
    gap: 16px;
    justify-content: center;
}

.icon-list .icon-wrap a {
  display: block;
}

.icon-list .icon-wrap a img {
  width: 50px;
  margin: 0 auto;
}

.icon-list .icon-wrap a img:hover {
  filter: invert(1) drop-shadow(0 0 1px rgba(0, 0, 0, 1));
}

@media (min-width: 48em) {
  .icon-list .icon-wrap img {
    width: 50px;
  }
  .icon-list {
    margin-top: auto;
  }
}
/* Mobile view (default): standard vertical stack */
#tab-souvenir-merch .merch-wrapper {
  display: flex;
  flex-direction: column;
  color: #fff;
  text-align: center;
}

#tab-souvenir-merch .right-column {
  display: contents;
}

#tab-souvenir-merch .merch-wrapper h2 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
}

#tab-souvenir-merch .merch-wrapper h2.highlight{
  color: var(--theme-font-color);
  font-size: 1.6em;
  margin-bottom: 20px;
}

#tab-souvenir-merch .merch-wrapper .three {
  font-size: 18px;
}

/* Desktop view */
@media (min-width: 48em) {
  #tab-souvenir-merch .merch-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    align-content: start; /* Prevents grid rows from stretching to fill height */
    gap: 16px 24px;       /* row-gap column-gap */
    grid-template-areas: 
      "middle top"
      "middle bottom";
  }

  #tab-souvenir-merch .merch-wrapper .two {
    grid-area: middle;    
  }

  #tab-souvenir-merch .merch-wrapper .one {
    grid-area: top;
    text-align: left;
  }

  #tab-souvenir-merch .merch-wrapper .three {
    grid-area: bottom;
    text-align: left;
  }
  #tab-souvenir-merch .merch-wrapper h2.highlight{
    font-size: revert;
  }

}

@media (min-width: 50em) {
  #tab-souvenir-merch .merch-wrapper .three {
    margin-bottom: 0px;
  }
}

/* end for souvenir series  */