@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 400;
  src: local("Metropolis Regular"), local("Metropolis-Regular"), url("fonts/Metropolis-Regular.woff2") format("woff2"), url("fonts/Metropolis-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 300;
  src: local("Metropolis Light"), local("Metropolis-Light"), url("fonts/Metropolis-Light.woff2") format("woff2"), url("fonts/Metropolis-Light.woff") format("woff");
}

@font-face {
  font-family: 'Metropolis';
  font-style: italic;
  font-weight: 300;
  src: local("Metropolis Light Italic"), local("Metropolis-LightItalic"), url("fonts/Metropolis-LightItalic.woff2") format("woff2"), url("fonts/Metropolis-LightItalic.woff") format("woff");
}

@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 500;
  src: local("Metropolis Medium"), local("Metropolis-Medium"), url("fonts/Metropolis-Medium.woff2") format("woff2"), url("fonts/Metropolis-Medium.woff") format("woff");
}

@font-face {
  font-family: 'Metropolis';
  font-style: italic;
  font-weight: 500;
  src: local("Metropolis Medium Italic"), local("Metropolis-MediumItalic"), url("fonts/Metropolis-MediumItalic.woff2") format("woff2"), url("fonts/Metropolis-MediumItalic.woff") format("woff");
}

@font-face {
  font-family: 'Hanzala';
  src: url("fonts/Hanzala.eot");
  src: url("fonts/hanzala.otf") format("opentype"), url("fonts/Hanzala.svg#Hanzala") format("svg"), url("fonts/Hanzala.ttf") format("truetype"), url("fonts/Hanzala.woff") format("woff"), url("fonts/Hanzala.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Hanzala-Bold';
  src: url("fonts/Hanzala-Bold.eot");
  src: url("fonts/hanzalabold.otf") format("opentype"), url("fonts/Hanzala-Bold.svg#Hanzala-Bold") format("svg"), url("fonts/Hanzala-Bold.ttf") format("truetype"), url("fonts/Hanzala-Bold.woff") format("woff"), url("fonts/Hanzala-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

html {
  scroll-behavior: smooth !important;
}

body {
  font-family: 'Montserrat', sans-serif !important;
  line-height: 1.5;
}

main {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

article {
  margin: 0 auto;
  width: 100%;
  max-width: 750px;
}

header {
  margin-top: 20px;
}

osm-content, osm-content-hanzala, .nav-osm, .custom-link-card-osm, .custom-link-card-osm .card-body-content a span, .article-osm, .article-osm span, .footer_inner-osm, osm-content-hanzala-bold, .custom-link-card-osm .card-title, .custom-link-card-osm .devamini-oku-text {
  direction: rtl;
}

osm-content-hanzala, .nav-osm, .custom-link-card-osm, .custom-link-card-osm .card-body-content a span, .article-osm, .article-osm span, .footer_inner-osm {
  font-family: 'Hanzala';
}

osm-content-hanzala-bold, .custom-link-card-osm .card-title, .custom-link-card-osm .devamini-oku-text {
  font-family: 'Hanzala-Bold';
}

nav-location, .nav-osm, .nav-tr {
  padding: 0px;
  margin-bottom: 0;
  margin-top: 1rem;
}

nav-link-location, .nav-osm .nav-link, .nav-tr .nav-link {
  padding: 10px;
  margin: 5px;
}

.nav-site-title-osm {
  font-size: 1.4em;
}

.nav-ortak #icindekilerDropdown {
  width: 100%;
  height: 200px;
  overflow-y: auto;
}

@media (min-width: 991px) {
  .nav-ortak #icindekilerDropdown {
    width: 300%;
    height: 300px;
  }
}

.nav-ortak #dilsecenegiDropdown {
  width: 230px;
}

@media (max-width: 576px) {
  .nav-ortak #dilsecenegiDropdown {
    width: 100%;
  }
}

.nav-ortak .dropdown-item {
  white-space: normal;
}

@media (min-width: 992px) {
  .nav-ortak .nav-site-title {
    display: none;
  }
}

.nav-osm .navbar-nav-osm {
  padding: 0px;
  text-align: right;
}

.nav-osm .nav-link {
  padding: 10px;
  margin: auto 5px;
  font-size: 2em;
}

.nav-osm .active .nav-link {
  background-color: #4caf50;
  color: white !important;
  padding: 10px;
  margin: 0;
}

.nav-osm .nav-item:not(.active) .nav-link:not(.dropdown-toggle) {
  /*&:after {
        content: '';
        display: block;
        width: 0;
        height: 3px;
        background: $active-bg-color;
        transition: width .2s;
      }
      &:hover:after {
        width: 100%;
      }*/
}

.nav-osm .dropdown-toggle::after {
  border-top: .2em solid;
  border-right: .2em solid transparent;
  border-left: .2em solid transparent;
  vertical-align: middle;
}

.nav-osm .dropdown-menu {
  font-size: 1.8em;
  text-align: right;
}

.nav-tr .active {
  background-color: #4caf50;
}

.nav-tr .active .nav-link {
  color: white !important;
}

a {
  text-decoration: none !important;
}

.custom-link-card,
.custom-link-card:hover {
  color: inherit;
}

.custom-card {
  transition: transform .1s;
}

.custom-card:hover {
  transform: scale(1.05);
}

.card-title {
  font-weight: bold;
  opacity: .8;
}

.card-body {
  padding: 0px;
}

.card-body-content {
  padding: 0.75em;
}

.devamini-oku-container {
  opacity: .6;
  float: right;
}

.devamini-oku-container:hover {
  opacity: 1;
}

.custom-link-card-tr .card-title {
  font-size: 1.20em;
}

.custom-link-card-tr .card-footer {
  text-align: right;
}

.custom-link-card-osm {
  text-align: right;
}

.custom-link-card-osm .card-title {
  font-size: 1.50em;
}

.custom-link-card-osm .card-body-content {
  font-size: 1.50em;
}

.custom-link-card-osm .card-body-content a span {
  font-size: 1.5em;
}

.custom-link-card-osm .card-footer {
  text-align: left;
}

.custom-link-card-osm .devamini-oku-text {
  font-size: 2em;
}

img {
  display: block;
}

.thumbnail {
  position: relative;
  display: block;
}

.caption-tr {
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: bold;
  width: 50%;
  font-size: 1.05em;
}

@media screen and (max-width: 560px) {
  .caption-tr {
    font-size: 0.70em;
  }
}

.caption-osm {
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: bold;
  width: 55%;
}

@media screen and (min-width: 560px) {
  .caption-osm {
    font-size: 1.35em;
  }
}

.article-tr p {
  padding-bottom: 7.5px;
  padding-top: 7.5px;
  font-size: 1.05rem;
  line-height: 1.65;
}

.article-tr h1, .article-tr h2, .article-tr h3 {
  text-align: left;
  padding: 5px 0 0 0;
}

.caption-card-title {
  word-break: break-word;
  margin-bottom: 0px;
}

.caption-card-title-osm {
  font-size: 1.45em;
}

@media screen and (max-width: 560px) {
  .caption-card-title-osm {
    font-size: 1.4em;
  }
}

.article-tr {
  text-align: justify;
}

.article-osm {
  text-align: justify;
  line-height: 1.65;
}

.article-osm span {
  font-size: 2em;
}

.article-osm h1 span {
  font-size: 1.2em;
}

.article-osm figcaption p {
  font-size: 1.2em;
}

.footer {
  margin: 0;
  padding: 0;
}

.footer_inner-tr {
  font-size: 1.05rem;
}

.footer_inner-osm {
  font-size: 2em;
}

/*# sourceMappingURL=main.css.map */