/* Custom Font Tanımı */
@font-face {
    font-family: 'ALittleSunshine';
    /* Hem ttf hem otf dosya tiplerine uyum için esnek yol */
    src: url('../css/fonts/alittlesunshine.ttf') format('truetype'),
         url('../fonts/ALittleSunshine.ttf') format('truetype'),
         url('../fonts/alittlesunshine.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Porto'nun h3, h1, a, p gibi alt elemanlardaki font baskısını kesin ezmek için (Cascading Override) */
.sunshine-font,
.sunshine-font h1,
.sunshine-font h2,
.sunshine-font h3,
.sunshine-font h4,
.sunshine-font p,
.sunshine-font a,
.sunshine-font span {
    font-family: 'ALittleSunshine', cursive, sans-serif !important;
}

/* Quicksand Light OTF Font Tanımı */
@font-face {
    font-family: 'QuicksandLight' !important;
    /* css/fonts/ klasöründeki OTF dosyası */
    src: url('../css/fonts/Quicksand_Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* Quicksand Light Font Sınıfı ve Porto Ezici Kuralları */
body .quicksand-light-font,
body .quicksand-light-font *,
body h1.quicksand-light-font,
body h2.quicksand-light-font,
body h3.quicksand-light-font,
body p.quicksand-light-font,
body a.quicksand-light-font,
body span.quicksand-light-font {
    font-family: 'QuicksandLight', sans-serif !important;
}