/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
body.hp{
  background-image:url("https://www.vividink.info/hubfs/Website%202024/background_image.png");
  background-color:#8CC610;
  background-repeat:no-repeat;
  background-size:contain;
}
.navbar-brand {
    padding-bottom: 1.3125rem;
    padding-top: 1.3125rem;
}
#masthead{
  height:100vh;
}
#masthead .col-content{
    margin-top: 50px;
}
#masthead h1{
  font-size:3.4rem;
  line-height:1;
}
h1 span.primary{
  color:#8CC610;
  font-style: italic;
}
@keyframes blinker {
    50% {
        opacity: 0
    }
}
span#typed-cursor {
    animation: blinker 1s linear infinite;
}
.sr-tabs-accordion-01 .hs-accordion__item-icon{
  border-radius:50px!important;
}
.hp .sr-tabs-accordion-01 .accordion_group{
  background-color:transparent!important;
}
.hp .sr-tabs-accordion-01 .accordion_content,.hp .sr-tabs-accordion-01 .accordion_header{
  background:#000000;
  border-radius:50px;
}
.hp .sr-tabs-accordion-01 .accordion_group.expanded .accordion_header{
   border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.hp .sr-tabs-accordion-01 .accordion_group.expanded .accordion_content{
  border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.hp .sr-tabs-accordion-01 .accordion_group.expanded {
    -webkit-box-shadow: 15px 15px 60px 0 rgba(0, 0, 0, 0.0)!important; 
    box-shadow: 15px 15px 60px 0 rgba(0, 0, 0, 0.0)!important; 
}

#homeCards.sr-cards-grid-02 .card{
  background:#8dc512!important;
  border-radius:50px!important;
}
.sr-contact-01 #map {
  border-radius:50px!important;
}
.form-control, input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]){border-radius:50px;}
.sr-one-col-01 .responsive-image img{border-radius:50px;}

@media (max-width:1360px) {
  #masthead h1{
  font-size:3.0rem;
}
  
}
@media (max-width:1200px) {
 #masthead .col-content{
    margin-top: 20px;
}
 #masthead .sr-col{
   padding-left:2.125rem;
  }
  
}

@media (max-width:1185px) {
 h1 span.primary{
  color:#000000;
}
  
}

@media (max-width:767px) {
 h1 span.primary{
  color:#000000;
}
  h1 br{
    display:initial;}
  
  #masthead .col-content{
    margin-top: 70px;
}
}

@media (max-width:420px) {
  #masthead h1{
  font-size:2.5rem;
}