/******** CSS for Vision 2030 **********/
.tagged-header:before {
    position: absolute;
    top: 0;
    left: -5px;
    height: 100%;
    content: "";
    background: inherit;
    z-index: -1;
    width: calc(100% + 10px);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

/**, *::before, *::after {
    box-sizing: inherit;
}*/

.tagged-header {
    display: inline-block;
    padding: 0.675rem 1.5rem;
    background: #8E6F3E;
    color: #fff;
    font-family: "United Sans Condensed",Impact,"Arial Black","sans serif";
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 2.81px;
    line-height: 1;
    border-radius: 24px;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
}


/****** CSS for the Meet Dean Raman 4-3-23 *********/
.billboard-container .title.cc-xl-title {
    font-size: 3em !important;
    font-family: acumin-pro-condensed, "Franklin Gothic", sans-serif; font-weight: 500; font-style: italic; text-transform: uppercase;
  }
  
  @media (max-width: 575px){
    .billboard-container .title.cc-xl-title {
      font-size: 2em !important;
    }
  }
  
  #story .teaser-text h3, #educationAndExperience h3{
    margin-top: 0px;
    padding-top: 0px;
  }
  
  #educationAndExperience {
    color: #FFF; 
    background: #333; 
    padding-left: 0; 
    padding-right: 0;
  }
  
  #educationAndExperience h2 {
   text-align:center; 
   color: #DDB945; 
  }
  
  #educationAndExperience h3, #educationAndExperience p {
    color: #F0F0F0;
  }
  
  #educationAndExperience p {
    margin-left: 8px;
  }
  
  @media (min-width: 768px){
    .side-border-gold {
      border-right: 1px solid #DDB945;
    }
  }
  
  .caption {
    margin-bottom: 1rem;
  }
  
  .image {
    padding        : 0 10px;
  }
  
  .image img {
    width          : 100%;
    border         : 0;
  }
  
  .image.left {
    float          : left;
    margin-left    : 0;
    margin-right   : 2em;
  }
  
  .image.right {
    float          : right;
    margin-left    : 2em;
    margin-right   : 0;
  }
  
  .image .row {
    margin-left    : -5px;
    margin-right   : -5px;
  }
  
  .story-sidebar {
    background-image: linear-gradient(45deg, #FFF 75%, #EEE 35%);
    border: 1px solid #555960;
    padding: 0;
    margin: 15px;
  }
  
  .story-sidebar h2 {
    background: #555960;
    color: #FFF;
    margin: 0;
    padding: 10px;
    font-family: acumin-pro-condensed, "Franklin Gothic", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-style: italic;
    width: 100%; 
  }
  
  .story-sidebar p {
    padding: 10px;
  }
  
  
  
  /************* End CSS for Dean Raman *************/
  
  
  
  
  .fullblock p{
     display:block;
     height: 55px;
  }
  
  .monthdayblock {
     width: 50px; 
     height: 55px; 
     border-radius: 10px; 
     border: 2px solid #5B6870; 
     display: block; 
     text-align: center; 
     color: black; 
     vertical-align: center; 
     font-weight: bold; 
     text-align: center;
     float:left;
     margin-right: 10px;
  }
  
  .monthtopblock {
     background-color: #5B6870; 
     font-size: 14px; 
     border-top-left-radius: 5px; 
     border-top-right-radius: 5px; 
     display:block; 
     color:#ffffff; 
     text-align:center;
  }
  
  .daytopblock {
     vertical-align: center;
        font-size: 22px; 
  }




/* Vision 2030 Page */
.bulletImage {
    float: right; 
    margin: 0px 0px 30px 30px;
}
/* Small devices (portrait phones) */
@media (max-width: 480px) {
    .bulletImage {
        float: none; 
        margin: 0px;
        width: 100%;
    }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .bulletImage {
        float: none; 
        margin: 0px;
        width: 100%;
    }  
}