@import url("fontawesemo/font.css");
@import url("fontawesemo/fontgoogle.css");
@import url("ustmenu/ustmenu.css");
@import url("ustbanner/ustbanner.css");
@import url("altbanner/altbanner.css");

@import url("kurumsal/kurumsal.css");
@import url("hizmet/hizmet.css");
@import url("haber/haber.css");
@import url("slogan/slogan.css");
@import url("bilgi/bilgi.css");
@import url("bolge/bolge.css");
@import url("galeri/galeri.css");
@import url("detay/detay.css");
@import url("mesaj/mesaj.css");
@import url("iletisim/iletisim.css");

@import url("sosyalmedya/sosyalmedya.css");
@import url("mesajkutu/mesajkutu.css");
@import url("accordion/accordion.css");
@import url("dialogbox/dialogbox.css");
@import url("sayac/sayac.css");
@import url("yukaricik/yukaricik.css");

/*--- GENEL AYAR ---*/
html,body,div,dl,dt,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header{ 
margin:0; padding:0; outline:0; text-decoration:none;}
	
article,aside,details,figcaption,figure,footer,header,menu,nav,section {
display: block;}

a     { text-decoration:none;}
img   { max-width:100%;}
img   { vertical-align:middle}/* resim kenarlarında boşluk olmaması için*/
ol,ul { list-style:none;}
table { border-collapse:collapse;border-spacing:0;}

blockquote,q        { quotes:none;}
nav.vertical ul li  { display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */

blockquote:before,blockquote:after,q:before,q:after { content:'';content:none;}

.txt-rt{ text-align:right;}/* text align right */
.txt-lt{ text-align:left;}/* text align left */
.txt-center{ text-align:center;}/* text align center */
.float-rt  { float:right;}/* float right */
.float-lt  { float:left;}/* float left */
.clear     { clear:both;}/* clear float */
.pos-relative  { position:relative;}/* Position Relative */
.pos-absolute  { position:absolute;}/* Position Absolute */
.vertical-base { vertical-align:baseline;}/* vertical align baseline */
.vertical-top  { vertical-align:top;}/* vertical align top */

/*--- MOBİL -------------------------------------------*/
@media all and (min-width:640px) and (max-width:720px){ }
@media all and (min-width:480px) and (max-width:639px){	
.post-content{width:84%;} }

@media all and (min-width:320px) and (max-width:479px){
.post-content{width:72%;} }

@media all and (min-width:220px) and (max-width:319px){
.content{padding:0px;}
.post-content{width:68%;} }


/*--- GENEL BİLGİLER

BACKRAUND ÖZELLİKLERİ --------------------------------------:
Backraunda Birden Çok İmage Verme : 
----------------------------------
background: url(backadi.png) repeat-x center top,
url(backadi.png) repeat-x center bottom,
url(backadi.png) repeat-x center left,
url(backadi.png) repeat-x center right;}

Backraunda Birden Çok İmage ve Renk Verme : 
background: url(backadi.png) repeat-x center top,
#fff url(backadi.png) repeat-x center bottom;

Backraund Renk ve İmage Ayarı :
------------------------------
background:#000 url(backadi.png) repeat-x center top, ( Zemine renk ve image verme )
img { vertical-align:middle} ( Resim kenarlarında boşluk olmaması için )

background-color:rgba(0,0,0,0.5);} SİYAH
background-color:rgba(255,0,0,0.5);} KIRMIZI
background-color:rgba(0,255,0,0.5);} YEŞİL
background-color:rgba(0,0,255,0.5);} MAVİ 
background-color:rgba(192,192,192,0.5);} GRİ 
background-color:rgba(255,255,0,0.5);}SARI
background-color:rgba(255,0,255,0.5);} PEMBE

background-color:rgba(18,89,199,0.4) SAYDAMLIK VERME

İki Renkli Backraund:
--------------------
background: #0C0 url() no-repeat center left;
background: linear-gradient(#9F0, #0C0);  
background: -webkit-linear-gradient(#9F0, #0C0); 
background: -o-linear-gradient(#9F0, #0C0);  
background: -moz-linear-gradient(#9F0, #0C0);

Full Sabit ( fixed ) Backraund Yapma :
-------------------------------------
body {
background: url(images/anaback.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

Resmi Arkaya Sığdırma:
background: url(resim.jpg) no-repeat center top;
background-repeat:no-repeat; 
background-size: cover; 


Sabit ( fixed ) Backraund Yapma :
-------------------------------------
position:fixed; 

FONT ÖZELLİKLERİ ---------------------------------------:
Yazı Font Ayarı :
----------------
text-transform: uppercase;  ( hepsini büyük harf yap )
text-transform: lowercase;  ( hepsini küçük harf yap )
text-transform: capitalize; ( sadece baş harfleri büyük yap )
word-spacing: 10px;         ( kelime aralarını aç )
letter-spacing: 5px;        ( harf aralarını aç )
line-height: 20px;          ( satır aralarını ayarla )
text-transform: uppercase;  ( hepsini büyük harf yap )

font-family:arial; font-size:12px; color:#fff; 
text-align:center; text-decoration:none; font-weight:bold; ( genel yazı ayarı )

yazı tipi ayarlama:
------------------------------
<font aile ismi > | <soysal aile ismi >

soysal aile isi:
serif (örn: Times)
sans-serif (örn: Arial or Helvetica)
cursive (örn: Zapf-Chancery)
fantasy (örn: Western)
monospace (örn: Courier)

font aile ismi:
Verdana, Arial, Helvetica

font-family: Verdana, Arial, Helvetica, sans-serif;

font linkleri
https://www.webcebir.com/269-web-siteniz-icin-en-iyi-web-fontlari-dersi.html


KENAR ÖZELLİKLERİ --------------------------------------:
Kenar Çizgi Rengi ve Oval :
--------------------------
border:1px solid #DEEAFA;       ( komple çizgi rengi yapma )
border-top:1px solid #000;      ( istenilen kenara çizgi rengi yapma )
box-shadow:inset 0 0 10px #000; ( div içine renk verme )
box-shadow: 0 0 10px 3px #ccc;  ( div dışına renk verme )
border-radius:10px;             ( kenarlara oval verme )
outline:none;                   ( kenar çizgisi yapmamam )
overflow : hidden;              ( kenar sığmadığında onu gizler kutuya ayarlar )

---------
box-shadow: 10px 10px 10px #ccc;( div dışına bazı kenarlara renk verme )
-moz-box-shadow: 10px 10px 10px #ccc;
-webkit-box-shadow: 10px 10px 10px #ccc;

ÖRNEK LİNK: https://fatihhayrioglu.com/css3-box-shadow-ornekleri/

DİV ÖZELLİKLERİ ----------------------------------------:
Div Ayarları :
-------------
vertical-align:baseline; ( divi sayfaya ortalamak için )
display:none;            ( ekranda göstermemek için )	
visibility:hidden;       ( görseli gizlemek için )

Divi Altlı Üstlü Ortalama:
-------------------------
display: table; ( dış dive ) 
display:table-cell; vertical-align:middle; text-align:center; ( içindeki dive ) 

Divi Sağa Sola Yaslama :
-----------------------
float:left;  ( sola yasla )
float:right; ( sağa yasla )

Divi Yan Yana Sıralama :
-----------------------
display:inline-block; vertical-align:text-top; text-align:center; ( Yan yana sıralama )

not: 
divler arasında boşluk olmaması için divleri bitişik yapın arasını açmayın <div><div> gibi

Clear Özelliği :
---------------
<div class="clear"></div> ( içi içe divlerin sonuna konur, sitili bozmaması için )

Divi Yana Yayma ve Kısıtlama :
-----------------------------
display:block;        ( Sayfa yapısına göre komple yayılır ) 
display:inline-block; ( Uzunluk ayarına göre yayılır ) 

EFEKT ÖZELLİKLERİ -----------------------------------:
Linke Efekt Verme :
------------------
transition: all 0.50s linear 0s;
-o-transition: all 0.50s linear 0s;
-ms-transition: all 0.50s linear 0s;
-moz-transition: all 0.50s linear 0s;
-webkit-transition: all 0.50s linear 0s;

Linke Saydamlık Verme :
----------------------
opacity: 0.5; filter:alpha(opacity=50);

alıntı link:
-----------
https://www.emreaydins.com/css-ile-dikey-ortalama-icin-4-yontem/ ---*/