@font-face{
  font-family:"DIN W04 Cond Light";
  src:url("../Fonts/5591129/9286a35a-dfa0-4c21-9d7f-cd134de3a764.woff2") format("woff2"),url("../Fonts/5591129/61a1c7f2-55dd-4335-8e92-3adb07e1d72a.woff") format("woff");
}

@font-face{
  font-family:"DIN W04 Cond";
  src:url("../Fonts/5611660/6159dda7-8634-4aa8-a515-4b1a1d9559cb.woff2") format("woff2"),url("../ Fonts/5611660/e59598a2-53d0-4028-847d-b37faee6772f.woff") format("woff");
}


/*prevent body and nav to go 'off-screen'*/
html,body {
  overflow-x: hidden; 
}

/*Extra small devices (portrait phones, less than 576px)
  No media query since this is the default in Bootstrap*/
/*the smallest font size is written outside of a media query*/
body { 
  font-family: "DIN W04 Cond Light";
  font-size: 1.5rem; /*24px*/
  /*color: #343a40 !important;*/
  color: #000 !important;
  line-height: 2.25rem;
}

body a {
	color: #000 !important;
}


/*media queries*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    body { font-size: 1.5rem; /*24px*/} 
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    body { font-size: 1.5rem; } /*24px*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    body { font-size: 1.5rem; } /*24px*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    body { font-size: 1.75rem; } /*28px*/
}


/* only for mobile*/
/*make the fixed navbar static, i.e. no 'jumping' on scroll*/
@media (max-width: 767px) {
  .fixed-top {
    top: auto;
  }
}

.scrolled {
  background-color: #ffffff !important;
  transition: background-color 200ms linear;
}

#collapsibleNavbar {
  width: 100%;
}

#navbar-glyphicon {
  color: #000000;
  font-size: 2.25rem;
}

.navbar-custom {
  background-color: #ffffff;
}

.ck-custom-control {
  /*size */
    width: 10%;
}

.ck-custom-control-icon {
  width: 1rem;
}

.ck-toggle-background {
  background-color: #ffffff !important;
}

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


/*CHANGE FONT STYLE FROM 'LIGHT' TO REGULAR; NO CHANGE TO FONT SIZE*/
.ck-din-condensed-regular {
	font-family:"DIN W04 Cond"; /*1.5rem 24px*/
}

/*CHANGE FONT STYLE FROM 'LIGHT' TO REGULAR; INCREASE FONT SIZE*/
.ck-din-condensed-regular-medium {
  font-family:"DIN W04 Cond";
  font-size: 1.75rem;
}

/*CHANGE FONT STYLE FROM 'LIGHT' TO REGULAR; INCREASE FONT SIZE*/
.ck-din-condensed-regular-large {
  font-family:"DIN W04 Cond";
  font-size: 2rem;
}


/* Keep 'LIGHT' FONT FAMILY, INCREASE FONT SIZE */
.ck-din-condensed-light-mobile {
  font-size: 1.5rem;
}

.ck-din-condensed-light-desktop {
  font-size: 1.75rem;
}

.ck-din-condensed-light-large-desktop {
  font-size: 2rem;
}

.ck-underline:hover {
	text-decoration: underline !important;
}

.navbar-light .navbar-toggler {
    border: none;
}

/*responsive img like img-fluid but width = 100% */
.ck-img {
  width: 100%;
  height: auto;
}

.hide {
  display:none;
}

.carousel-inner .item,
.carousel-inner .item.active,
.carousel-inner .item img {
  margin: auto;
  padding: 0px;
}


/*change carousel slide to fade TO FIX SAFARI BUG*/
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}