/**
 * @file
 * Subtheme specific CSS.
 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap');

body{
  font-family: 'Poppins', sans-serif;
  background: #ffffff;
}

@media (min-width: 992px) {
  .container{
    max-width: 1170px;
  }
}

@media (max-width: 991.98px) {
  .container{
    max-width: 100%;
    padding: 0px 15px
  }
}

#page, #main-wrapper, .region-primary-menu .menu-item a.is-active, .region-primary-menu .menu-item--active-trail a {
  background: #ffffff !important;
}

h1, h3{
  display: table;
  color: #fff;
  padding: 5px 10px;
  background: linear-gradient(
    90deg, rgba(114,44,133,1) 0%, rgba(72,40,116,1) 35%, rgba(50,38,112,1) 100%);
  font-size: 1rem;
  font-weight: 300;
}

h2{
  color: rgb(114,44,133);
}

h2, h2 a{
  font-weight: 600;
  font-size: 1.3rem;
  color: #47007a;
  text-decoration: none;
}

h2 a:hover{
  color: #742A88;
}

p, li{
  font-weight: 300;
}

.green-text{
  color: #76c900;
}

.breadcrumb-item a:hover, a:focus, .link:hover, .link:focus {
  color: #666666;
}

/*Header and Nav Start*/

.header{
  background-color: #ffffff;
}

.social-top{
  text-align: right;
}

.logo{
  width: 14rem;
  margin: 1rem 0 1rem 0;
}

@media (max-width: 991.98px) {
  .logo{
    width: 6rem;
    margin: 0;
  }
}

.header-row{
  background: #ffffff;
  margin-right: -15px;
}
.form-control, .btn-primary{
  border-radius: 0px;
}

@media (min-width: 992px) {
  nav {
    margin-right: auto !important;
  }

  #navbar-main {
    background-color: transparent !important;
    padding-top: 0rem;
    padding-bottom: 0rem;
    height: 56px;
    margin-top: .35rem;
  }

  .search-form {
    margin-top: 1rem;
  }

  .nav-bg-fluid {
    width: 100%;
    /*height: 4.19vw;*/
    height: 56px;
    position: absolute;
    top: 152px;
    left: calc(-1 * (98vw - 100%) / 2);
    background: rgb(114, 44, 133);
    background: linear-gradient(90deg, rgba(114, 44, 133, 1) 0%, rgba(72, 40, 116, 1) 35%, rgba(50, 38, 112, 1) 100%);
  }
}
  @media (min-width: 1200px) {
    .subline {
      margin-right: -15px;
      width: 26rem;
      position: relative;
      right: -144px;
      top: 60px;
    }
  }


  @media (max-width: 991.98px) {
    .navbar {
      background: rgb(114, 44, 133);
      background: linear-gradient(90deg, rgba(114, 44, 133, 1) 0%, rgba(72, 40, 116, 1) 35%, rgba(50, 38, 112, 1) 100%);
    }
    #navbar-main {
      width: 105%;
      margin-left: -12px;
    }
    .navbar-toggler {
      margin-left: 10px;
    }
    .navbar-nav{
      margin-left: 1rem;
    }
    .navbar-toggler{
      border-radius: 0px;
    }
  }

@media (min-width: 992px) {
  .navbar-nav {
    flex-direction: row;
  }
}

.nav-link--web-{
  text-transform: uppercase;
}

  .dropdown-menu{
    background-color: #eaeaea;
    border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 10px solid rgb(114,44,133);
  }

  .dropdown-menu a{
    color: #212529;
    text-decoration: none;
  }

  .dropdown-menu a:hover{
    color: #666666;
    text-decoration: none;
  }

  .dropdown-item.active, dropdown-item:active {
    background-color: #cccccc !important;
  }
#block-four-i-traction-main-menu > ul > li.nav-item.menu-item--expanded.dropdown > ul > li:active{
  background-color: #eaeaea !important;
}

#field_carousel_paragraph{
  margin-bottom: 1rem;
}

/*Header and Nav End*/


/*Footer Start*/

.site-footer {
  padding: 0px;
}

.nav-link-footer {
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}

.nav-link{
  color: #ffffff;
}

.nav-link:hover {
  color: #aeb3b9;
}

.site-footer{
  font-family: 'Poppins', sans-serif;
}

.site-footer .block {
  border: 0px;
}

.site-footer__bottom {
  border-top: 0px;
  margin-top: 0px;
}

.region-footer-first {
  max-width: 100%;
  margin-top: 2rem;
  margin-right: -15px;
  background: #eaeaea;
  padding: 2rem 0rem;
  border-bottom: 10px solid rgb(114,44,133);
}

.sponsor-img-left {
  width: 35%;
}

.sponsor-img-right {
  width: 20%;
  margin-right: 1rem;
  float: left;
}
.sponsor-txt{
  font-size: 70% !important;
  font-weight: 400 !important;
  line-height: 12px;
  color: #000000;
}

.site-footer .block {
  margin: 0px 0;
  /*border: 1px solid #444;*/
  border-color: rgba(255, 255, 255, 0.1);
  padding: 0px;
}

.navbar-footer{
  display: flex;
}

.social-bottom{
  text-align: right;
  color: #ffffff;
  padding: .5rem 1rem;
  display: inline-block;
  flex-grow: 4;
}

.region-footer-first{
  --bs-gutter-x: 0rem;
}

/*Footer end*/

/*Styling for Breadcrumb start*/

.breadcrumb {
  margin-top: 5px;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #000000;
  content: var(--bs-breadcrumb-divider, ">");
}

/*Styling for Breadcrumb end*/

/*Styling for Content*/

.field--name-field-master-image img{
  max-width: 100%;
}

/*.field--name-title {
  display: none;
}*/

.place-alt{
  font-weight: bold;
}

.breadcrumb-item a, .field--name-field-organiser .field__item, .field--name-field-project-coordinator- .field__item,.field--name-field-links .field__item a, .type_of_event {
  color: #76c900;
}

.field--name-field-description p{
  font-weight: 400;
}

.field--name-field-links {
  margin-top: 2rem;
  border-top: #cccccc 1px solid;
}

.field--name-field-links .field__label {
  margin-top: 2rem;
}

.field--name-field-links .field__item::before{
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061";
  margin-right: 5px;
}

.field--name-field-attachments {
  margin-top: 2rem;
  border-top: #cccccc 1px solid;
}

.field--name-field-attachments .field__label {
  margin-top: 2rem;
}

.field--name-field-attachments .field__item a {
  color: #76c900;
  text-decoration: none;
}

.field--name-field-attachments .field__item a:before{
  display: inline-block;
  content: ' ';
  background-image: url('../elements/icon_link_go_to.svg');
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
  margin-right: 5px;
}

.field--name-field-attachments .field__item .file--image {
  background-image: none;
}

.field--name-field-attachments .field__item .file {
  padding-left: 0px;
}

.field--name-field-advisory-board-image img {
  max-width: 100%;
  height: auto;
}

/*Styling for cards start*/

.card{
  border: none;
  border-bottom: 1px solid #eaeaea;
  border-radius: 0px;
  /*margin-top: 1rem;*/
  margin-bottom: 1rem;
}

.card-body {
  padding: 0rem 1rem;
}

.read-more a{
  color: #76c900;
  float: right;
  text-decoration: none;
}

.read-more a:hover{
  color: #666666;
}

.read-more::before{
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; color: #76c900;
  margin-right: 5px;
}

.card-footer {
  text-align: right;
  background: #ffffff;
  margin-bottom: 1rem;
}

/*Styling for cards end*/

/*Twitter Feed*/

.twitter-timeline{
  height: 98% !important;
}

/*About Row start*/
@media (min-width: 992px) {
  .region-homepage-content-second {
    background: rgb(114, 44, 133);
    background: linear-gradient(90deg, rgba(114, 44, 133, 1) 0%, rgba(72, 40, 116, 1) 35%, rgba(50, 38, 112, 1) 100%);
    color: #ffffff;
    padding-bottom: 2rem;
    margin-bottom: 1.5rem;
    /*width: 99vw;*/
  }
}

@media (max-width: 991.98px) {
  .region-homepage-content-second {
    background: rgb(114, 44, 133);
    background: linear-gradient(90deg, rgba(114, 44, 133, 1) 0%, rgba(72, 40, 116, 1) 35%, rgba(50, 38, 112, 1) 100%);
    color: #ffffff;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    /*width: 99vw;*/
  }
}

.about-btn, .event-btn{
  margin-top: 2rem;
}

.about-btn{
  border-radius: 0px;
  margin-bottom: 1rem;
}

.about-row-txt{
  margin-bottom: 2rem;
}

.about-bg-fluid{
  width: 100vw;
  z-index: -1;
  /* height: 4.19vw; */
  height: 318px;
  position: absolute;
  top: 1073px;
  left: calc(-1 * (97vw - 100%)/2);
  background: rgb(114,44,133);
  background: linear-gradient(
    90deg
    , rgba(114,44,133,1) 0%, rgba(72,40,116,1) 35%, rgba(50,38,112,1) 100%);
}

.about-links::before{
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; color: #76c900;
  margin-right: 5px;
}

.about-links a{
  color: #fff;
  text-decoration: none;
}
/*About Row end*/

/*Events Page start*/

.events-row{
  position: relative;
}

.image-style-large{

}

#content > section > div > div.col-sm-4.bs-region.bs-region--left > div.field.field--name-field-date.field--type-smartdate.field--label-inline > div.field__items > div:nth-child(1) > time{
  background-color: yellow;
  font-weight: bold;
}

.field--name-field-event-date {
  position: absolute;
  background-color: rgb(114,44,133);
  color: #ffffff;
  padding: 10px 12px 20px 19px;
  width: 80px;
  height: 80px;
  bottom: 70px;
  left: 205px;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.3rem;
}

@media (max-width: 992px) {
  .field--name-field-event-date{
    display: none;
  }
}

.file--application-pdf {
  background-image: none;
}

/*Events Page end*/

/*Contact form start*/
.form-contact a{
  color: #76c900;
  font-weight: 400;
  text-decoration: none;
}

.form-control{
  background-color: #eaeaea;
  border: 1px solid #eaeaea;
}

.webform-button--submit{
  color: #76c900;
  background-color: transparent !important;
  border-color: transparent !important;
  float: right;
}

.webform-button--submit:hover{
  color: #76c900;
}

.webform-button--submit::before{
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; color: #76c900;
  margin-right: 5px;
}

.webform-element-description{
  margin-top: 1rem;
}

/*Contact form end*/

/*Partners Page*/

.field--name-field-keystaff-member > div{
  display: inline;
}

.field--name-field-keystaff-member > div > div{
  display: inline;
  color: #76c900 !important;
}

.field--name-field-keystaff-member > div > div a{
  color: #76c900;
  text-decoration: none;
}

.field--name-field-organisation-name{
  font-weight: 600;
  font-size: 1.5rem;
  color: #47007a;
  text-decoration: none;
}

.field--name-field-organisation-link {
  margin-bottom: 2.5rem;
  border-bottom: dotted 1px #ccc;
  padding-bottom: 1rem;
}

.field--name-field-organisation-link a{
  color: #76c900;
  text-decoration: none;
}

.field--name-field-organisation-link::before{
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; color: #76c900;
  margin-right: 5px;
}



/*Partners Page end*/

/*Gutters*/

.header-container{
  padding-right: 0px;
}

.row {
/*--bs-gutter-x: 0rem;*/
}


@media (min-width: 576px) {
  #block-about4itraction{
    --bs-gutter-x: 0rem;
  }
  .region-homepage-content-second{
    --bs-gutter-x: 0rem;
  }
}



.site-footer{
  padding: 0px;
}