@font-face {
    font-family: 'ES Klarheit Grotesk Book';
    src: url('../fonts/ESKlarheitGrotesk-Book.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'ES Klarheit Grotesk Bold';
    src: url('../fonts/ESKlarheitGrotesk-Bold.ttf') format('truetype');
    font-style: normal;
}


html,body{
    overflow-x: hidden;
}

body {
	-webkit-font-smoothing: antialiased;
	font-family: 'ES Klarheit Grotesk Book', Arial, Helvetica, sans-serif;
	font-size: 16px;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'ES Klarheit Grotesk Bold', Arial, Helvetica, sans-serif;
	color: #ffffff;
}

h2 {
	line-height: 31px;
}

p {
	color: #ffffff;
}

.linebehind span {
  background: linear-gradient(0deg, rgba(81,58,236,1) 0%, rgba(81,58,236,1) 16%, rgba(81,58,236,1) 16%, rgba(81,58,236,1) 41%, rgba(81,58,236,1) 100%);
	padding: 0px 10px 6px 10px;
}

.container-fluid {
	padding-left: 0%;
	padding-right: 0%;
}

a{
	color: #ff0049;
	font-weight: 700;
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

a:hover,a:active,a:focus {
	color: #bea42e;
	outline: 0;	
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

.btn-main {
text-align: center;
    text-decoration: none;
	font-family: 'ES Klarheit Grotesk Bold', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #ffffff !important; 
	background-color: #ff0049;
    border-radius: 0px;
    padding: 0.35em 0.8em 0.5em;
    transition: 0.5s;
	-webkit-transition: 0.5s;
}  

.btn-main:hover {
	color: #fff;
    background-color: #513aec;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

.navbar .container {
	padding-left: 0;
	padding-right: 0;
}

.register-btn {
	z-index: 999;
	right:40px;
  position:fixed;
  bottom: 0px;
	
}

.register-btn-mobile {
	z-index: 999;
	right:-170px;
  position:fixed;
  bottom: 10%;
}


.register-btn-mobile:hover {
	right:0%;
  transition: 1s;
}

.navbar-custom {
    background-color: #513aec /*#0e5330*/;
}

.navbar-custom .navbar-links-custom li {
  padding: 0 20px 0 20px;
  position:relative;
}

.navbar-custom .navbar-links-custom li a{
	font-size: 20px ;
	text-transform:uppercase;
	text-align: center;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;  
}

.navbar-custom .navbar-links-custom li a:hover{
	font-size: 20px ;
	text-transform:uppercase;
	text-align: center;
	background-color: #ff0049;
	color: #ffffff !important;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;  
}

.navbar a {	color: #fff !important; }
.navbar a:hover { color: #78cccf  !important; }
.navbar .active > a { background: #4c4c4e !important; color: #F56F9B !important; }
.navbar .active > a:hover { color: #F56F9B !important; }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.navbar-toggler {
  border: none !important;
} 

header .carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

.clearfix { clear: both; }

.introtext h1 {
	text-align: center
}

/* Gallery */

.bg-designcamp2023 {
	color: #ffffff;
}

.img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.owl-carousel {
  position: relative; 
}

  .owl-carousel .owl-item {
    opacity: 1; 
	  -webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

.owl-carousel .owl-item:hover {
    transform: scale(0.98);
	-webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s; 
}

    .owl-carousel .owl-item.active {
      opacity: 1; 
}

  .owl-carousel .owl-nav {
    width: 100%; 
	  text-align: center;
}

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: 40px;
      color: rgba(225, 225, 225, 0.5) !important;
      -webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s;
      opacity: 1; 
}

      @media (prefers-reduced-motion: reduce) {
        .owl-carousel .owl-nav .owl-prev,
        .owl-carousel .owl-nav .owl-next {
          -webkit-transition: none;
          -o-transition: none;
          transition: none; } 
}
      .owl-carousel .owl-nav .owl-prev span:before,
      .owl-carousel .owl-nav .owl-next span:before {
        font-size: 40px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; 
}

        @media (prefers-reduced-motion: reduce) {
          .owl-carousel .owl-nav .owl-prev span:before,
          .owl-carousel .owl-nav .owl-next span:before {
            -webkit-transition: none;
            -o-transition: none;
            transition: none; } 
}
      .owl-carousel .owl-nav .owl-prev:hover span:before,
      .owl-carousel .owl-nav .owl-next:hover span:before {
        color: #ffffaa; 
}

    .owl-carousel .owl-nav .owl-prev {
      right: 0;
      margin-right: 30px; 
}
    .owl-carousel .owl-nav .owl-next {
      right: 0; 
}

  .owl-carousel .owl-dots {
    text-align: left;
    margin-top: 10px; 
}

    .owl-carousel .owl-dots .owl-dot {
      width: 10px;
      height: 10px;
      margin: 5px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.5);
      position: relative; }
      .owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot:focus {
        outline: none !important; }
      .owl-carousel .owl-dots .owl-dot.active {
        background: #e4f408; 
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y; 
}

.work {
  width: 100%; 
}

.work .img {
    width: 100%;
    height: 600px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0; 
}

.work .img:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: '';
      z-index: -1;
      background: rgba(255, 93, 177, 0);
      background: -moz-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), color-stop(100%, black));
      background: -webkit-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -o-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -ms-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), to(black));
      background: linear-gradient(to bottom, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#000000', GradientType=0 );
      opacity: .6; 
}

.work .text {
    padding: 20px;
    padding-top: 0; 
}

.work .text h3 {
      font-size: 22px;
      font-family: "ES Klarheit Grotesk Bold", serif;
      margin-bottom: 0; 
}

.work a {
        color: #fff; 
}

/* Past Design Camps */

.nav-pills .nav-link {
	color: #000;
    text-transform: uppercase;
	font-family: "ES Klarheit Grotesk Bold", serif;
	padding-top: 15px
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #513aec;
	border-radius: 0;
	text-transform: uppercase;
	font-family: "ES Klarheit Grotesk Bold", serif;
	padding-top: 15px
}

.tab-content {
	background-color: #ffffff;
	padding: 20px;
	border: 2px dotted #513aec;
}

.caption {
	padding-top: 5px;
}

@media (max-width: 575.98px) {
.caption h5 {
	font-size: 12px;
}
}

#pastdesigncamps h2 {
	color: #1d0a42;
}

/* FAQ */

.accordion {
	--bs-accordion-bg: #000 ;
	--bs-accordion-color: #fff8f2;
	--bs-accordion-border-radius: 0px;
	--bs-accordion-border-color: #fff8f2;
}

.accordion h2{
	padding-bottom: 0;
}

.accordion-button {
	font-size: 20px;
	font-weight: 600;
	background-color:#ff0049;
	color: #fff;
}

.accordion-button:not(.collapsed) {
	background-color:#513aec;
	color: #fff;
}

.accordion-item:first-of-type .accordion-button {
	border-radius: 0px;
}

.accordion-item:last-of-type .accordion-button.collapsed {
	border-radius: 0px;
}

.accordion-button:hover {
	background-color:#513aec;
	color: #fff;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3e%3c/svg%3e");
}

.accordion-button:hover::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

/* Footer */
footer p {
	font-size: 14px;
}

footer a {
	color: #ffffff;
}

footer a:hover {
	color: #ffcc00;
}

@media (min-width: 576px) {
.socialmedia-footer {
	text-align: right;
}

.tp-mission {
	text-align: right;
}
}