/**
@font-face{
    font-family: Alte Haas Grotesk Regular;
    src: URL('https://files.cargocollective.com/c2161054/AlteHaasGroteskRegular.ttf') format('truetype');
    }
    
}
 * Content
 */

body {
	background-color: #f5f5f5;
	color: #000;
}

a:active {
	opacity: 0.7;
}

.page a.active {
	color: #ef0000;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: boldr;
}

u {
  text-decoration: underline;
  padding-bottom: 15px;
  text-decoration-thickness: 1px; /* Adjust the thickness as needed */
  text-underline-offset: 5px;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 4.5rem;
}

ol>li {
        padding-left: 0.75rem;
    }

blockquote {
	margin: 0;
	padding: 0 0 0 0em;
}

/* LINE BREAK COLOR
hr {
	background: rgba(239, 0, 0, 0);
    /*I turned this transparent because now
    the sylized hr needs to be color not in
    background but in font color
	border: 0;
    margin-top: 0rem;
	height: 0.75px;
	display: block;
}*/

/*UNA MIA OVERLAY AND BACK PADDING*/
.content img {
    float: none;
	margin-left: 0rem;
    vertical-align: top;
    position: absolute;
    
}


.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: Spectral, Icons;
	font-style: normal;
	line-height: 1.3;
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 4rem;
	font-weight: 400;
	color: rgb(239, 0, 0);
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	line-height: 1.3;

}

[data-predefined-style="true"] bodycopy a {
	color: #ff4a00;
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 4.8rem;
	line-height: 0.9;
	color: rgb(255, 255, 255);
	letter-spacing: 0em;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ef0000;
}

[data-predefined-style="true"] h1 a {
	color: #ff4a00;
}
/*
[data-predefined-style="true"] h2 {
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin-left: 0em;
	color: rgba(239, 0, 0, 1);
	font-size: 2.1rem;
	line-height: 1;
	letter-spacing: 0.04em;
}

[data-predefined-style="true"] h2 a {
	color: rgb(255, 74, 0);
}*/


[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.3;
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	color: #ef0000;
    letter-spacing: 0.01em;
}

[data-predefined-style="true"] small a {
	color: #ef0000;
	border-bottom: 1px dotted #ef0000;
}

/**
 * Breakpoints
 */

[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

/*UNA MIA BACKGROUND SET*/
[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: left /*!text_left*/;
    position: relative;
}

[data-css-preset] body {
	background-color: rgba(255, 255, 255, 0)/*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100%/*!content_center*/;
}

/*UNA MIA This is just for ALL content padding*/

[data-css-preset] .content_padding {
	padding-top: 4.2rem/*!main_margin*/;
	padding-bottom: 4.2rem/*!main_margin*/;
	padding-left: 4.2rem/*!main_margin*/;
	padding-right: 4.2rem/*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 0.75rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -1.5rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.9rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -1.8rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 1px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.4rem;
    margin-bottom: 0rem;
    font-size: 1.8rem;
	font-weight: 400;
	color: rgba(50, 0, 242, 0.85);
	font-family: Spectral, Icons;
	font-style: normal;
	line-height: 1.2;
}

.thumbnails .tags {
    margin-top: .4rem;
    margin-bottom: 0.4rem;
    font-size: 1.8rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.4);
	font-family: "Alegreya Sans", Icons;
	font-style: normal;
	line-height: 1.2;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
	color: rgba(219, 1, 225, 0.75);
	line-height: 1;
	font-size: 28px /*!site_menu_button*/;
	padding: 6px;
	line-height: 1;
	background: rgba(33, 32, 46, 0);
	position: fixed;
	top: 1rem /*!site_menu_button*/;
	right: 1.5rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
	font-size: 34px;
}

#site_menu_button.custom_icon {
	width: 40px;
	height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: rgba(123, 0, 134, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(255, 255, 255, 0.75);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/**
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(5, 0, 150, 0.85);
    background: transparent;
	font-size: 32px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 5rem /*!shop_button*/;
	right: 5rem /*!shop_button*/;
}

#shop_button.text {
    font-family: Spectral, Icons;
	font-size: 1.8rem;
    padding: 0;
	font-weight: 400;
	color: rgba(0, 6, 117, 0.85);
	font-style: normal;
    line-height: 1.2;
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 36px;
}

/**
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
    font-size: 2rem;
}

.shop_product .price {
	font-family: Spectral, Icons;
	font-size: 1.8rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
    display: block;
    margin-bottom: 1rem;
	font-style: normal;
	font-weight: 400;
    letter-spacing: 0.01em;
}

.shop_product .dropdown {
    font-family: Spectral, Icons;
    font-size: 1.8rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    background:  white url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .8rem 2.5rem .7rem 1.1rem;
	font-style: normal;
	font-weight: 400;
    letter-spacing: 0.01em;
}

.shop_product .button {
    font-family: Spectral, Icons;
	font-size: 1.8rem;
    background: rgba(0, 0, 0, 0.7);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem;
	font-style: normal;
	font-weight: 400;
    letter-spacing: 0.01em;
}

/**
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(0, 0, 0, 0.8) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: Spectral, Icons;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 3.5rem 0;
    text-align: center;
    font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.5);
    color: white;
}


/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: rgba(0, 0, 0, 0.85);
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(83, 30, 255, 1);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}

/**
 * Audio Player
 */

.audio-player {
    max-width: 26rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: transparent;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

/*UNA MIA Box example*/
/*All custom UNA MIA CSS DOWN HERE*/

.boxtest {
background-color: blue;
}

.boxtest .collapsible {
  background-color: #ff00e6;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.boxtest .active, .boxtest .collapsible:hover {
  background-color: #0037c7;
}

/*
 .boxtest.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #2ab723;
}*/


  /* Add this CSS to hide the content of collapsible sections */
  .collapsible-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
  }


.collapsible {
  background-color: rgba(255, 0, 0, 0);
  color: #00ef0d;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 1px solid;
  border-color: #ef0000;
  text-align: left;
  outline: none;
  font-size: 15px;
  display: flex;
  flex-direction: column; /* Arrange content vertically */
  justify-content: flex-start; /* Align content at the start (top) */
  align-items: flex-start; /* Align items at the start (top) */
}

.collapsible-text {
  flex: 1; /* Allow text to take available space */
  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden; /* Hide overflowing text */
  text-overflow: ellipsis; /* Add ellipsis (...) for long titles */
  line-height: 36px; /* Adjust the line-height to center the text */
}

 .active, .collapsible:hover {
  background-color: rgba(255, 255, 255, 0.6);
}

.collapsible:after {
  content: '\002B'; /*Unicode for + */
  color: #f00;
  font-weight: bold;
  margin-left: auto; /* Push the symbol to the right side */
  margin-right: 10px; /* Add some space between the symbol and text */
  white-space: nowrap; /* Prevent text from wrapping */
}


.active:after {
 /* content: "\2212"; /*Unicode for - */
}

.boxtest .content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #fff;
}

/*
.title_promisedland {
	padding-left: 0rem;
}

.una_note1 {
  margin-left: 2rem;
  margin-right: 2rem;
}


.collapsible-content .una_credits1 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.collapsible-content .videogrid1 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.collapsible-content .spotifygrid1 {
  margin-left: 0rem;
  margin-right: 0rem;
}
*/

/*html {
    cursor:  url("https://freight.cargo.site/t/original/i/4ba80b307ad34cc4067c856a988ff9e80facd50b62aef230d2d5710aa7f4cb8e/CustomPlaneCursor.png"), auto !important;
}

a {
    cursor: url("https://static.cargo.site/images/left.png"), auto !important;
}

.content img {
    cursor: url("https://static.cargo.site/images/left.png"), auto !important;
}*/


.una_promisedland_pic {
  text-align: center; /* Center the child elements horizontally */
}

.una_promisedland_pic img {
  max-width: 100%; /* Make the image responsive within its parent */
  height: auto; /* Maintain the aspect ratio */
  display: block; /* Remove extra space below the image */
  margin: 0 auto; /* Center the image horizontally */
}

.hovering_album_labels{
  margin-left: 1rem;
  margin-right: 1rem;
  z-index: 999;
}

.stitching_top{
    position: absolute;
	z-index: 101 !important; 
}

.footer{
	padding-bottom: 1rem;
}

/* Style for the trailing symbols */
  .trail {
    position: absolute;
    font-size: 24px;
    color: red;
    pointer-events: none; /* Ensure symbols don't interfere with mouse events */
  }

/*
.unamia_logo{
	object-position: center;
}*/

.una_promisedland_lyric{
text-align: center;
}
  
.una_promisedland_vidcontainer {
  margin-top: 30px;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.mc_embed_signup {
   margin-left: 1rem;
   margin-right: 1rem;
   z-index: -1;
}

.mc_embed_shell {
   margin-left: 1rem;
   margin-right: 1rem;
   position: 500px;
   z-index: -20;
}

/*
.una_promisedland_vid {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: contain;
 background-color: #ff0909;
}

.una_promisedland_iframecontainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
}*/

/* Apply flexbox to the parent container */
.grid-container {
  display: flex;
  justify-content: space-between;
}

/* Define the width for each column */
.grid-col-1 {
  width: 20%;
  text-align: left;
}

.grid-col-2 {
  width: 20%; /* Adjust as needed */
  text-align: left;
}

.grid-col-3 {
  width: 20%;
  text-align: left;
}

.grid-col-4 {
  width: 20%;
  text-align: left;
}

/* Additional styles for the content inside each column */
.all_songs_box {
  /* Add your styles here */
}

/*.mc_embed_signup{
	padding-left: 2rem;
}*/

.mc-field-group{
	padding-left: 1rem;
    padding-right: 5rem;
    
}
#mc-embedded-subscribe.button {
  background-color: #fff;
  color: #ef0000; /* You may want to adjust text color for visibility */
  /* Add any other styling as needed */
  width:20rem;
  height:4rem;
  margin-top: 2rem;
  margin-left: 1rem;
  
  
}

#mce-FNAME.text{
	width: 100%;
    height: 3rem;
}

#mce-LNAME.text{
	width: 100%;
    height: 3rem;
}

#mce-EMAIL.required{
	width: 100%;
    height: 3rem;
}

#mce-MMERGE7.text{
	width: 100%;
    height: 3rem;
}

#mc_embed_signup_scroll{
	padding-left: 3rem;
}

#mc_embed_signup_scroll.indicates-required{

}

/* MAKES MAILCHIMP BOXES RED*/
input {
	border:1px solid #ef0000;
}

.subscribetitle h1{
	margin-bottom: 4rem;
}

.ticketstitle h1{
	margin-bottom: 1rem;
    margin-left: 3rem;
}

/*Concert Tickets Page*/

.iframe-container {

  position: relative;

  height: 100%;

  min-height: 100vh;

}

.iframe-container iframe {

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  position: absolute;

  border: 0;

}

.iframe-container iframe body, .iframe-container iframe html {

  height: 100%;

  overflow: hidden;

  background: transparent;

}
	




    
    /* MOBILE SPECIFIC CODE */
  
  @media (max-width: 740px){
    
      [data-predefined-style="true"] h1 {
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 3.9rem; /*change to 4.7 after alll droped*/
	line-height: 0.9;
	color: rgb(255, 255, 255);
	letter-spacing: 0em;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ef0000;
}

[data-predefined-style="true"] h1 a {
	color: #ff4a00;
}
     .vertical-line {
    position: fixed;
    top: 0;
    left: 50%; /* Position the line at the horizontal center (width/2) */
    height: 100%; /* Line covers the entire height of the screen */
    width: 0px; /* Line width */
   /* background-color: red; /* Red color */
    z-index: -0.5; /* Ensure the line is above other content */
    /*border-style: dotted;
    border-width: 0.5px;
    border-color: #ef0000*/
    border-left: 1px dotted #ef0000; /* Adjust color and width as needed */
    /*height: 100px; /* Adjust height as needed */
  }
      
   
     /* Style for the red line */
  .vertical-line2 {
    position: fixed;
    top: 0;
    left: 25%; /* Position the line at the horizontal center (width/2) */
    height: 100%; /* Line covers the entire height of the screen */
    width: 0px; /* Line width */
   /* background-color: red; /* Red color */
    z-index: -0.5; /* Ensure the line is above other content */
    /*border-style: dotted;
    border-width: 0.5px;
    border-color: #ef0000*/
    border-left: 1px dotted #ef0000;
  }
  
  
      /* Style for the red line */
  .vertical-line3 {
    position: fixed;
    top: 0;
    left: 75%; /* Position the line at the horizontal center (width/2) */
    height: 100%; /* Line covers the entire height of the screen */
    width: 0px; /* Line width */
   /* background-color: red; /* Red color */
    z-index: -0.5; /* Ensure the line is above other content */
    /*border-style: dotted;
    border-width: 0.5px;
    border-color: #ef0000*/
    border-left: 1px dotted #ef0000;
  }
      
      
    [data-predefined-style="true"] h2 {
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin-left: 0em;
	color: rgba(239, 0, 0, 1);
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: 0.04em;
}

[data-predefined-style="true"] h2 a {
	color: rgb(255, 74, 0);
}
   
    
    .una_promisedland_pic img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
    
 hr {
  position:relative;
  padding:2rem 0;
  border:none;
}
hr:before {
  content:'_.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._';
  position:absolute;
  top:0rem;
  right:0;
  left:0;
  font-size:0.5em;
  color:#ef0000;
  text-align:center;
	}
    
   .unamia_logo{
	object-position: fill;
    padding-top: 4rem;
 }
    
     .promisedland_date{
     padding-left: 1.5rem;
     padding-top:2rem;
    }
 
  }

     /* SKINNY MOBILE SPECIFIC CODE */
/*This is my model, 13 pro*/
  
  @media  (max-width: 431px) {
   
    [data-predefined-style="true"] h1 {
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 3.9rem; /*change to 4.7 after alll droped*/
	line-height: 0.9;
	color: rgb(255, 255, 255);
	letter-spacing: 0em;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ef0000;
}

[data-predefined-style="true"] h1 a {
	color: #ff4a00;
}
     .vertical-line {
    position: fixed;
    top: 0;
    left: 50%; /* Position the line at the horizontal center (width/2) */
    height: 100%; /* Line covers the entire height of the screen */
    width: 0px; /* Line width */
   /* background-color: red; /* Red color */
    z-index: -0.5; /* Ensure the line is above other content */
    /*border-style: dotted;
    border-width: 0.5px;
    border-color: #ef0000*/
    border-left: 1px dotted #ef0000; /* Adjust color and width as needed */
    /*height: 100px; /* Adjust height as needed */
  }
      
   
     /* Style for the red line */
  .vertical-line2 {
    position: fixed;
    top: 0;
    left: 25%; /* Position the line at the horizontal center (width/2) */
    height: 100%; /* Line covers the entire height of the screen */
    width: 0px; /* Line width */
   /* background-color: red; /* Red color */
    z-index: -0.5; /* Ensure the line is above other content */
    /*border-style: dotted;
    border-width: 0.5px;
    border-color: #ef0000*/
    border-left: 1px dotted #ef0000;
  }
  
  
      /* Style for the red line */
  .vertical-line3 {
    position: fixed;
    top: 0;
    left: 75%; /* Position the line at the horizontal center (width/2) */
    height: 100%; /* Line covers the entire height of the screen */
    width: 0px; /* Line width */
   /* background-color: red; /* Red color */
    z-index: -0.5; /* Ensure the line is above other content */
    /*border-style: dotted;
    border-width: 0.5px;
    border-color: #ef0000*/
    border-left: 1px dotted #ef0000;
  }
      
      .unamia_logo{
	object-position: center;
    padding-top: 20rem;
 	}
    
    [data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.3;
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	color: #ef0000;
    letter-spacing: 0.01em;
}

[data-predefined-style="true"] small a {
	color: rgb(239, 0, 0);
	border-bottom: 1px dotted rgba(239, 0, 0, 1);
}
    
    hr {
  position:relative;
  padding:2rem 0;
  border:none;
}
hr:before {
  content:'_.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._';
  position:absolute;
  top:0rem;
  right:0;
  left:0;
  font-size:0.8em;
  color:#ef0000;
  text-align:center;
	}
      
      /* Define the width for each column */
.grid-col-1 {
  width: 18%;
  text-align: left;
}

.grid-col-2 {
  width: 25%; /* Adjust as needed */
  text-align: left;
  padding-left: 1.2rem;
}

.grid-col-3 {
  width: 27.5%;
  text-align: left;
  padding-left: 2.3rem;
}

.grid-col-4 {
  width: 27%;
  text-align: left;
  padding-left: 3.1rem;
}
  }

/*SKINNY SKINNY MOBILE*/
/* This is Brian's size, Iphone 13mini*/
  
   @media  (max-width: 376px) {
    
      [data-predefined-style="true"] h1 {
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 3.8rem; /*change to 4.7 after alll droped*/
	line-height: 0.9;
	color: rgb(255, 255, 255);
	letter-spacing: 0em;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ef0000;
}

[data-predefined-style="true"] h1 a {
	color: #ff4a00;
}
     .vertical-line {
    position: fixed;
    top: 0;
    left: 50%; /* Position the line at the horizontal center (width/2) */
    height: 100%; /* Line covers the entire height of the screen */
    width: 0px; /* Line width */
   /* background-color: red; /* Red color */
    z-index: -0.5; /* Ensure the line is above other content */
    /*border-style: dotted;
    border-width: 0.5px;
    border-color: #ef0000*/
    border-left: 1px dotted #ef0000; /* Adjust color and width as needed */
    /*height: 100px; /* Adjust height as needed */
  }
      
   
     /* Style for the red line */
  .vertical-line2 {
    position: fixed;
    top: 0;
    left: 25%; /* Position the line at the horizontal center (width/2) */
    height: 100%; /* Line covers the entire height of the screen */
    width: 0px; /* Line width */
   /* background-color: red; /* Red color */
    z-index: -0.5; /* Ensure the line is above other content */
    /*border-style: dotted;
    border-width: 0.5px;
    border-color: #ef0000*/
    border-left: 1px dotted #ef0000;
  }
  
  
      /* Style for the red line */
  .vertical-line3 {
    position: fixed;
    top: 0;
    left: 75%; /* Position the line at the horizontal center (width/2) */
    height: 100%; /* Line covers the entire height of the screen */
    width: 0px; /* Line width */
   /* background-color: red; /* Red color */
    z-index: -0.5; /* Ensure the line is above other content */
    /*border-style: dotted;
    border-width: 0.5px;
    border-color: #ef0000*/
    border-left: 1px dotted #ef0000;
  }
       
     /* Style for the blue horizontal line */
  .horizontal-line {
    position: fixed;
    top: 50%; /* Position the horizontal line at the vertical center (height/2) */
    left: 0;
    width: 100%; /* Line covers the entire width of the screen */
    height: 0px; /* Line height 
   /* background-color: red; /* Red color */
    z-index: -0.5; /* Ensure the line is above other content */
    /*border-style: dotted;
    border-width: 0.5px;
    border-color: #ef0000*/
    border-left: 1px dotted #ef0000;
  }
       
       
    .unamia_logo{
	object-position: center;
    padding-top: 20rem;
 	}
       
      
    [data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.3;
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	color: #ef0000;
    letter-spacing: 0.01em;
}

[data-predefined-style="true"] small a {
	color: rgb(239, 0, 0);
	border-bottom: 1px dotted rgba(239, 0, 0, 1);
}
       
  }
  

  /*DESKTOP SPECIFIC CODE*/
  @media  (min-width: 740px) {
    
    .cootiecatcher {
      /*border: 10px blue solid;*/
    }
    
    [data-predefined-style="true"] h2 {
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin-left: 0em;
	color: rgba(239, 0, 0, 1);
	font-size: 3.1rem;
	line-height: 1;
	letter-spacing: 0.04em;
}

[data-predefined-style="true"] h2 a {
	color: rgb(255, 74, 0);
}
    
    [data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.1rem;
	line-height: 1.3;
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	color: #ef0000;
    letter-spacing: 0.01em;
}

[data-predefined-style="true"] small a {
	color: rgb(239, 0, 0);
	border-bottom: 1px dotted rgba(239, 0, 0, 1);
}
    
    hr {
  position:relative;
  padding:1.9rem 0;
  border:none;
	}
	hr:before {
  content:'_.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._';
  position:absolute;
  top:0rem;
  right:0;
  left:0;
  font-size:0.5em;
  color:#ef0000;
  text-align:center;
		}
    
    .unamia_logo{
	object-position: center;
    padding-top: 3rem;
	}
    
    .promisedland_date{
     padding-left: 2rem;
     padding-top: 3rem;
    }
    
    .promisedland_quote{
	padding-left: 2rem;
	padding-right: 2rem;
	}
  
      /* Define the width for each column */
.grid-col-1 {
  width: 16%;
  text-align: left;
}

.grid-col-2 {
  width: 20%; /* Adjust as needed */
  text-align: left;
}

.grid-col-3 {
  width: 20%;
  text-align: left;
}

.grid-col-4 {
  width: 20%;
  text-align: left;
}
 }


/*IPDA MEDIA QUERY*/

@media (min-width: 800px) and (max-width:1100px){
    
    .unamia_logo{
	object-position: center;
    padding-top: 12rem;
	}
    
    hr {
  position:relative;
  padding:1.9rem 0;
  border:none;
	}
	hr:before {
  content:'_.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-._.-.';
  position:absolute;
  top:0rem;
  right:0;
  left:0;
  font-size:0.5em;
  color:#ef0000;
  text-align:center;
		}
	      /* Define the width for each column */
.grid-col-1 {
  width: 14%;
  text-align: left;
}

.grid-col-2 {
  width: 20%; /* Adjust as needed */
  text-align: left;
}

.grid-col-3 {
  width: 20%;
  text-align: left;
  padding-left: 2rem;
}

.grid-col-4 {
  width: 25%;
  text-align: left;
  padding-left: 3.5rem;
}
}
  
  
  @media  (min-width: 1200px) {
    
  
  }