/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.toolkit .card {
  border: 0;
/*   padding: 120px 20px 20px 20px; */
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.entry .portfolio {
  border: 0;
/*   padding: 120px 20px 20px 20px; */
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

html { scroll-behavior: smooth; }

.menu-link2 {
  --cnvs-primary-menu-padding-y: 14px;
  --cnvs-primary-menu-padding-x: 5px;
  display: block;
  line-height: 22px;
  padding: var(--cnvs-primary-menu-padding-y) var(--cnvs-primary-menu-padding-x);
  color: #aaacae;
  font-weight: var(--cnvs-primary-menu-font-weight);
  font-size: var(--cnvs-primary-menu-font-size);
  font-family: var(--cnvs-primary-menu-font);
  text-transform: var(--cnvs-primary-menu-tt);
  letter-spacing: var(--cnvs-primary-menu-ls);
}

.page-title2 {
  --cnvs-page-title-padding: 4rem;
  --cnvs-page-title-parallax-padding: 6.25rem;
  }

.page-title-parallax .page-title-content {
  text-align: center;
}

.page-title-parallax .page-title-row {
  flex-direction: column;
  align-items: center;
}
.page-title-parallax .page-title-content {
  text-align: center;
}
 
.flex-container {
    position: relative;
    padding-bottom: 75%; 
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

/*  56.25% */

.flex-container-iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Solid border */
hr.solid2 {
  border-top: 3px solid;
  color: #000000;
  max-width: 40px;
  align-items: center;
}