/* 
Add any css changes to this file. Do not use style.css as that is a compiled
file from SASS. It is preferable to make changes in the SASS files and compile
the SASS using the scripts setup in the package.json file
*/

@media only screen and (max-width: 768px) {
  .region-pre-content .block-menu.menu--main .nav-item a {
    font-size: 1rem !important;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    margin: 0 0 0.3125rem 0;
    padding: 10px 35px 10px 10px;
    position: relative;
    background-color: #fff;
    border-radius: 0.8rem;
  }
}

.header--container .row .block-menu.navigation.menu--main ul a {
  border-radius: 0.8rem;
  margin: 1px 5px 1px 5px;
}

@media (min-width: 768px) {
  .region-pre-content .block-menu.menu--main .sub-menu .sub-menu-item a {
    border-radius: .625rem;
    border-right: 0;
  }
}

@media only screen and (max-width: 768px) {	
  .region-pre-content .block-menu.menu--main .nav-item a::after {	
    margin: 6px 0px 0px 0px;	
  }	
}

.webform-submission-community-referral-add-form .js-webform-type-fieldset .fieldset-legend {
  font-size: 1rem;
  font-weight: normal;
}

/*# From asset Injector ....................................................................*/


/*  Social icons*/
/*.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
}*/

/* @charset "UTF-8"; */

.svg-inline--fa {
  vertical-align: -0.200em;
}

.rounded-social-buttons {
  /*text-align: center;*/
}

.rounded-social-buttons .social-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 3.125rem;
  height: 3.125rem;
  border-width: 0.125rem;
  border-style: solid;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: #FEFEFE;
  font-size: 1.5625rem;
  font-weight: normal;
  line-height: 1.85em;
  border-radius: 1.6875rem;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  border-width: 0.125rem;
  border-style: solid;
}

.rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
  font-size: 25px;
}

.fa-instagram {
  font-size: 29px;
}

.rounded-social-buttons .social-button.facebook {
  background: #3B5998;
}

.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
  color: #3B5998;
  background: #FEFEFE;
  border-color: #3B5998;
}

.rounded-social-buttons .social-button.instagram {
  background: linear-gradient(    
    45deg,    
    #feda75 0%, /* Light yellow */    
    #fa7e1e 25%, /* Orange */    
    #d62976 50%, /* Pink */    
    #962fbf 75%, /* Purple */    
    #4f5bd5 100% /* Blue */ 
  )
}

.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
  color: #d62976;
  background: #FEFEFE;
  border-color: #d62976;
}


.rounded-social-buttons .social-button.twitter {
  background: #55ACEE;
}

.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
  color: #55ACEE;
  background: #FEFEFE;
  border-color: #55ACEE;
}

.rounded-social-buttons .social-button.linkedin {
  background: #007BB5;
}

.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
  color: #007BB5;
  background: #FEFEFE;
  border-color: #007BB5;
}

.rounded-social-buttons .social-button.youtube {
  background: #B00;
}

.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
  color: #B00;
  background: #FEFEFE;
  border-color: #B00;
}

/* Sitemap Css */
@media (min-width: 768px).sitemap .sitemap-box-menu-main .sitemap-menu > li {
  margin-right: 5px !important;

}
.sitemap .sitemap-box-menu-main .sitemap-menu .sitemap-menu li {
  margin-right: 5px;
}
.sitemap-menu li {

  margin-right: 5px !important;
}

.sitemap-menu {
  font-size: 12px;
}

.sitemap-box .content .nav {
  flex-flow: row;
}

.sitemap-box .content .nav-item {
  font-size: 12px;
  line-height: 20px;
  padding: 0;
}

.sitemap-box .content .nav-item a {
  font-size: 12px;
  line-height: 20px;
  padding: 0;
  display: inline;
}

.sitemap-box .content .nav-item .menu {
  padding-left: 24px;
  list-style-type: disc;
}

.sitemap-box .content .nav > .nav-item {
  margin: 0 10px 0 0;
}

.sitemap-box .content .nav > .nav-item > a {
  font-weight: 700;
}

.sitemap-box-menu-footer {
  margin-top: 40px;
  margin-bottom: 20px;
}

.sitemap-box-menu-footer .nav {
   display: block;
   list-style-type: disc;
   padding-left: 30px;
}

.sitemap-box-menu-footer .nav a {
  font-weight: 400 !important;
}

@media (max-width: 768px) {
  .sitemap-box .content .nav {
    flex-flow: column;
  }

  .sitemap-box .content .nav > .nav-item {
    margin: 0 0 30px;
  }

  .sitemap-box-menu-footer .nav-item {
    margin: 0 !important;
  }

  .sitemap-box-menu-footer {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

/* PRe footer button*/
#pre-footer-button a {
  font-weight: bold;
  padding: .5rem;
  border-radius: 0.625rem;
  color: white;
  background-color: black;
  border: 2px solid black;
}

#pre-footer-button a:hover {
  background-color: white !important;
  color: black !important;
  text-decoration: none;
}

/*.... Fr homepage*/

#block-homepageboxesblock .field--name-field-boxes .field--name-field-title {
  font-size: 1.55rem !important;

}

#block-homepageboxesblock .field--name-field-boxes .field--name-field-link a {
  color: black;
  text-decoration: none;
  text-transform: none;
  font-weight: bold;
  padding: 12px 8px 10px 12px;
  line-height: 1;
  font-size: 11pt;
  border-radius: 7px;
}
/*....... Dotted line overwrite in footer*/
.footer .container .dotted-line {
  border-top: 1px solid !important;
}

@media (min-width: 768px) {
  .region-footer-third .leading-icon, .region-footer-third .phone-short {
    display: block;
    width: 1.5rem;
  }
}

.pre-footer-01 {
  padding-right: 13.5rem}

@media only screen and (max-width: 768px) {
  .pre-footer-01 {
    padding: 0px;
  }
}

/*footer copyright */

#footer-copyright-custom-block
{
  padding: 3px 0px 0px 115px;
  font-size: 12px !important;
}

@media only screen and (max-width: 768px) {
  #footer-copyright-custom-block {
    padding: 10px 0px 0px 8px;
    font-size: 12px !important;
  }
}