/***** UMASS Test Marketing CSS *****/

/*.pin-scroll__image {
   		display: none;
  } */             

.cluster {
    justify-content: flex-end;
}

.copyright-marketing {
  justify-content: flex-start;
}

.form button {
	display: inline-block;
	background-color: var(--color-blue-dark);
	color: var(--color-light);
	border-radius: 5rem; 
	border: none;
	padding: 1rem 2rem;
	text-decoration: none;
	font-size: var(--size-step-s);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	width: 100%;
	transition: 250ms ease;
	transition: var(--transition);
	margin-top: 2rem;
    margin-bottom: 1rem;
}

div.form_responses {
	white-space: pre-wrap;
	margin-bottom: 0.5rem;
}

@media (min-width: 48em) {
  .pin-scroll__background {
      height: 60vh;
  }
}


.forms_body_text p, h2 { 
  margin-block-start: var(--flow-space, 1.5rem)!important; 
}


.marketing__title {
    max-width: 57vw; /* give title a little more width, was 50vw */
    padding: 0 1rem;
}
 
.title-center { 
  margin-top: 0px;
}

@media (max-width: 450px) {  /* 450px or below  We need this one to transform the logo on mobile*/
  	.logo__main.svg svg {
                transform: translate(-20px, 0px) scale(0.80);
	}
  	 .hero-marketing.hero-marketing--full { /* This is the container for the top banner area */
       height: 66vh;
        width: 100vw;
     }
  .pin-scroll__content {
    	padding-top:0rem ; /*  padding-top:var(--space-m) ; */
    	padding-right:2rem ;
    	padding-bottom:1rem ;
    	padding-left:2rem ;
	}
  
  /* Tightens white space bove and below "Request Info" and "Apply" buttons  - orig was 2rem, 3.5 rem */
  
  div.padding-area-mark.bg-light {
    padding-top: 1.5rem;
    padding-bottom: 0rem;
  }
  div.relative-form-area.invert.bg-blue.border-radius.p-l{
    padding-bottom: 0rem;
  }
  div.flow.padding-flow.facts-new-updated-wrapper {
    margin-top: 1.75rem;
    /* border:1px solid red; */
  }
  .card-logo-wrapper.margin-top-grid.facts-new-updated {  /* FLEX ADDED IN ORDER TO CENTER SMALL ICONS */
    /* border: 1px solid blue; */ 
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  h3.h6.font-bold.color-blue.card-logo-wrapper.margin-top-grid.facts-new-updated { /* TEXT ALIGN CENTER ADDED IN ORDER TO CENTER TEXT UNDERNEATH SMALL ICONS */
    	text-align: center;
  }
  
  div.wrapper-alt.flow.flow-space-xl {
   padding-bottom: 1.5rem;
  }
  .logo-grid-container img {
    padding-bottom: var(--space-xl); /* made padding-bottom for logo images */
  }
  

 
}
@media (min-width: 451px) {  /* 451px and up  , this has been changed */
  .hero-marketing.hero-marketing--full {
        height: 68vh;
        width: 100vw;
      }
	.pin-scroll__content {
    	padding-top:0rem ; /*  padding-top:var(--space-m) ; */
    	padding-right:2rem ;
    	padding-bottom:1rem ;
    	padding-left:2rem ;
	}
}
@media (min-width: 1280px) {  /* 1280px and up */
  .hero-marketing.hero-marketing--full {
        height: 70vh;
        width: 100vw;
      }
  .pin-scroll__content {
    /* padding-top: var(--space-3xl);
    padding-top:0rem ;  */
    padding-top:var(--space-3xl) ;
     padding-right:2rem ;
    padding-bottom:1rem ;
    padding-left:2rem ;
	}
}

@media (min-width: 64em) /* 1024px and up */ {   /* Tighten up the space below stats panels, around US News Badges */
	
    .pin-scroll__background {
      	height: 100vh;
  	}
  
  	.wrapper.general-content-padding.region {
		padding-top: max(5.25rem, min(calc(4.96rem + 1.46vw), 6rem));
		padding-top: var(--region-space, var(--space-l));
		padding-bottom: max(5.25rem, min(calc(4.96rem + 1.46vw), 6rem));
		padding-bottom: var(--region-space, var(--space-l));
    }
  
  .hero-marketing__title {
    max-width: 57vw;
  }
  
}


@media (max-width: 1280px) {  /* Container for each Statistics section, this adds bottom padding to the mobile version */
  .stat {
    padding-bottom: 2em;
  }
}



/* Adds verticle height above the stats panel section */ 
.pin-scroll {
  	margin: 3.5rem 0 0 0;
}


/* for the GRID OF LOGOS on the Marketing Landing Page  */

.logo-grid-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      justify-content: end;
      align-items: center;
      width: 70%;
      gap: 1rem;
      margin:3rem auto 0px;
    }

    .logo-grid-container div {

      display: grid;
      justify-content: center;
    }

    .logo-grid-container div img {
      width: 14rem !important;     /*changed from 10 to 13rem  */
    }
    

    @media screen and (max-width: 800px) {

   
        .logo-grid-container {
          display: grid;
          grid-template-columns: 1fr 1fr;
          justify-content: end;
          align-items: center;
          width: 85%; /* was 70%, made larger */
          gap: 1rem;
          margin:3rem auto 0px;
        }
        
         .logo-grid-container div {
             padding:1.75rem 0;
        }
        .logo-grid-container div img {
          width: 11rem !important;/*changed from 10 to 11rem  */
         
        }    		
              
    }

    @media screen and (max-width: 450px) {

   
        .logo-grid-container {
          display: grid;
          grid-template-columns: 1fr;
          justify-content: end;
          align-items: center;
          width: 85%; /* was 70%, made larger */
          gap: 1rem;
          margin:3rem auto 0px;
        }
        
         .logo-grid-container div {
             padding:0;
        }
       .logo-grid-container div img {
          width: 100% !important;/*changed from 10 to 11rem  */
          padding-bottom: 1.5rem !important;
        }   	
              
    }


/* To align US NEWS BADGES on the page */

.US-News-Badge-Grid-Container {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  justify-content: center; 
  align-items: center; 
  width: 75%; 
  gap: 2rem; 
  margin:2rem auto 0px;  

}

.US-News-Badge-Grid-Item {   /* 150px; height : 140px;   */
  display: flex; 
  justify-content: center;
  /* border: 1px solid blue !important; */
}

@media screen and (max-width: 450px) {
  
  	.US-News-Badge-Grid-Container {
        display: grid; 
        grid-template-columns: 1fr; 
        justify-content: center; 
        align-items: center; 
        width: 80%; 
        gap: 2rem; 
        /* margin:2rem auto 0px; */ 
      	/* border: 1px solid red; */
    }
  
  .US-News-Badge-Grid-Item { 
      display: flex; 
      justify-content: center;
      align-items: center; 
      /* border: 1px solid blue; */
      padding: 0px 0px 0px 25px;
    }
  
  
}

/* To align THREE US NEWS BADGES on the page */

.US-News-Badge-Grid-Container-3 {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  justify-content: center; 
  align-items: center;
  width: 70%;
  gap: 2rem; 
  margin:2rem auto 0px; /* top margin 2rem, left and right auto, bottom margin 0px */ 
  /* border:1px solid orange; */

}


.US-News-Badge-Grid-Item-3 {   
  display: flex; 
  justify-content: center;
  width:300px;
  
}

.US-News-Badge-Grid-Item-3 img {
  border-radius: 0px;
}


@media screen and (max-width: 900px) {
  
  	.US-News-Badge-Grid-Container-3 {
        /* display: grid; 
        grid-template-columns: 1fr; 
        justify-content: center; 
        align-items: center;
        gap: 2rem; */ 
        width: 120%; 
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; 
    }
  
  .US-News-Badge-Grid-Item-3 { 
      display: flex; 
      justify-content: center;
      align-items: center; 
      padding: 0px 0px 0px 25px;
    }
  
  .US-News-Badge-Grid-Item-3 img {
 		 border-radius: 0px;
    	 width: 80%;
   }
  
  
}
  
  
/* To align US NEWS BADGES on the General Graduate landing page */

.US-News-Badge-Grid-Container-6 {
  display: grid; 
  grid-template-columns: repeat(6, 1fr); 
  justify-content: center; 
  align-items: center; 
  width: 75%; 
  gap: 2rem; 
  margin:2rem auto 0px;

}

.US-News-Badge-Grid-Item-6 img {
  display: flex; 
  justify-content: center;
  
}
  



@media ((min-width: 600px) AND (max-width: 1000px)) { 
 
    .US-News-Badge-Grid-Container-6 {
        /* display: block; */
      	display: grid; 
  		grid-template-columns: repeat(3, 1fr); 
  		justify-content: center; 
  		align-items: center; 
  		width: 100%; 
  		gap: 1rem; 
		margin:0rem auto 0px;	 
      }
  
  
   .US-News-Badge-Grid-Item-6 {
       /**width: 200px;**/
      	margin:2rem auto 0px;
        object-fit: cover;/*trying because were going outside the grid on mobile*/
        max-width:70%;
     
      	/*margin-bottom: 30px;
      	padding-left: 1rem;
      	padding-right: 1rem; */
    }
}
  
@media screen and (max-width: 600px) {
 
    .US-News-Badge-Grid-Container-6 {
        /* display: block; */ 
      	display: grid; 
  		grid-template-columns: 1fr 1fr; 
  		justify-content: center; 
  		align-items: center; 
  		width: 100%; 
  		gap: 1rem; 
		margin:0rem auto 0px;

      }
  
   .US-News-Badge-Grid-Item-6 img {
      	margin:.15rem auto 0px;
       object-fit: scale-down; /*trying because were going outside the grid on mobile*/
        max-width:85% !important;
    }
  
    .card-logo-wrapper.margin-top-grid.facts-new-updated {  /* FLEX ADDED IN ORDER TO CENTER SMALL ICONS */
      /* border: 1px solid blue; */ 
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
    h3.h6.font-bold.color-blue.card-logo-wrapper.margin-top-grid.facts-new-updated { /* TEXT ALIGN CENTER ADDED IN ORDER TO CENTER TEXT UNDERNEATH SMALL ICONS */
          text-align: center;
    }
  
 }



  /* To align SEVEN US NEWS BADGES on the General Graduate landing page */

.US-News-Badge-Grid-Container-7 {
  display: grid; 
  grid-template-columns: repeat(7, 1fr); 
  justify-content: center; 
  align-items: center; 
  width: 75%; 
  gap: 2rem; 
  margin:2rem auto 0px;

}

.US-News-Badge-Grid-Item-7 img {
  display: flex; 
  justify-content: center;
  
}

  /* To align THREE US NEWS BADGES on the Marketing landing page */

/* .US-News-Badge-Grid-Container-3 {
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  justify-content: center; 
  align-items: center; 
  width: 90%; 
  gap: 2rem; 
  margin:2rem auto 0px;

}

.US-News-Badge-Grid-Item-3 img {
  display: flex; 
  justify-content: center;
  align-items: center; 
  width:450px;
  border-radius: 0px !important;
  margin: 0 auto;
  
} */

@media ((min-width: 600px) AND (max-width: 1000px)) { 
 
    .US-News-Badge-Grid-Container-7 {
        /* display: block; */
      	display: grid; 
  		grid-template-columns: repeat(4, 1fr); 
  		justify-content: center; 
  		align-items: center; 
  		width: 100%; 
  		gap: 1rem; 
		margin:0rem auto 0px;	 
      }
  
  
   .US-News-Badge-Grid-Item-7 {
       /**width: 200px;**/
      	margin:2rem auto 0px;
        object-fit: cover;/*trying because were going outside the grid on mobile*/
        max-width:70%;
    }
  
    
}

@media screen and (max-width: 600px) {  /*.MADE ONE COLUMN for 7 Badges and 3 Badges */
  
    .US-News-Badge-Grid-Container-7 {
        /* display: block; */ 
      	display: grid; 
  		grid-template-columns: 1fr; 
  		justify-content: center; 
  		align-items: center; 
  		width: 100%; 
  		gap: 1rem; 
		margin:0rem auto 0px;

      }
  
   .US-News-Badge-Grid-Item-7 img {
      	margin:.15rem auto 0px;
       object-fit: scale-down; /*trying because were going outside the grid on mobile*/
        max-width:50% !important;
    }
  
   /* .US-News-Badge-Grid-Container-3 {
      	display: grid; 
  		grid-template-columns: 1fr; 
  		justify-content: center; 
  		align-items: center; 
  		width: 100%; 
  		gap: 1rem; 
		margin:0rem auto 0px;

     }
  
   .US-News-Badge-Grid-Item-3 img {
      	margin:2rem auto 0px;
       object-fit: scale-down; 
        max-width:50% !important;
    }*/
  
 }
    



/* footer over-ride screen break points */

@media ((min-width: 1024px) AND (max-width: 1100px)){
  .footer__top {
      gap: 1rem;
  }
  .footer__additional {
      gap: 2rem;
  }
}
@media ((min-width: 1101px) AND (max-width: 1160px)){
  .footer__top {
      gap: 2rem;
  }
}
@media ((min-width: 1161px) AND (max-width: 1276px)){
  .footer__top {
      gap: 4rem;
  }
}
  
/* Marketing U template hero fix */
  
@media ((min-width: 48em) AND (max-width: 66em))  { 
	.hero-marketing__content {
		margin-top: -15rem;
		width:50vw;
	 }
  
}  


 /* fix border radius on National Council logo here: https://www.umb.edu/ml/nursing-post-masters-certificate/ */ 
  
.US-News-Badge-Grid-Container .media img {
  /* 150px; height : 140px;   */
  /* border: 1px solid pink !important; */
  border-radius: 0px !important;

}
  
@media (max-width: 450px)  { 
	.US-News-Badge-Grid-Container .media img {
        width: 80% !important;
  		display:flex;
  		justify-content:center;
      	border: 2px blue red !important;
	}
    
}  

/*  LOGO GRID CONTENT TYPE - Visual Router Grid - LOGO - WIDE  */

.logo-grid-reduce {
  gap:10px; 
  width:65%; 
  margin:auto; 
  /* border: 1px solid red; */
}

/***** CS Test COMMENT NEW *****/




/****   MARKETING SUBHEAD ***/

.title-center {  /* this takes effect at all widths of less than 1024 (because it is not inside a media query) 
  text-align: center;
  /* display: none; 
}

.hero-marketing__description {
  display: none !important;
} */