/*
Theme Name: emrehakan.com
Theme URI: http://emrehakan.com/
Author: Emre Hakan
Author URI: https://emrehakan.com/
Description: It is a theme specially developed for emrehakan.com
Requires at least: 5.9
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
Text Domain: emrehakan.com
Tags: two column, clean, custom-theme
emrehakan 2023 WordPress Theme, (C) 2023 emrehakan.com
emrehakan 2023 is distributed under the terms of the GNU GPL.
*/

@import url('https://fonts.googleapis.com/css2?family=Passion+One:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Signika&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');

html body {
    padding: 0px;
    overflow-x:hidden;
    background-image: url("./assets/images/bg2.jpg");
font-family: 'Charter', Georgia, serif;
    
}

pre .wp-block-code  {
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
        overflow-x: hidden !important;

  }


.podcastbadges {
    filter: grayscale(100%);
    width:35px;
    padding-right:8px;
}
.podcastbadges:hover {
    filter: grayscale(0%);
}




.yukari1 {
    position:relative;
    top:-10px;
}

.girisp {
  font-family: 'Roboto Slab', serif;
    font-size:18px;
    color:rgb(117, 117, 117);
    line-height:26px;
font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
}

.girisd {
    color:#00adb5;
    letter-spacing: -1px;
}

.contentp {
  font-family: 'Roboto Slab', serif;
    font-size:18px;
    color:rgb(73, 73, 73);
    line-height:32px;
font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
}




.girisp {
  font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
  font-size: 18px;
  color: #4a4a4a;
  line-height: 1;
  letter-spacing: 0;
  max-width: 680px;
  margin: 0 auto;
}

.girisd {
  color: #00adb5;
  font-weight: 500;
  letter-spacing: -0.2px;
}

.contentp {
  font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
  font-size: 20px;
  color: #333;
  line-height: 1.75;
  letter-spacing: 0;
  max-width: 700px;
  margin: 0 auto;
}




.wp-audio-shortcode {
    margin-bottom:20px;
}

.video-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
  }
    
  .video-container iframe, .video-container object, .video-container embed, .video-container video { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0;
    width: 100%;
    height: 100%;
  }




a {
text-decoration:none;
color:#303841;
}

a:hover {
    color:#ff7b51;
  }


  .haberustua a   {
    text-decoration:none;
    color:#cfcfcf;
    display: block;
    font-size:  23px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

    }


      .haberdivleri {
        -webkit-filter: brightness(100%);
        -moz-filter: brightness(100%);
        -o-filter: brightness(100%);
        -ms-filter: brightness(100%);
        filter: brightness(100%);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        text-align:center;
        bottom:auto;
        
    }
      .haberdivleri:hover  {
        -webkit-filter: brightness(40%);
        -moz-filter: brightness(40%);
        -o-filter: brightness(40%);
        -ms-filter: brightness(40%);
        filter: brightness(40%);
        /* Transition */
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
      }

      

  .tikla {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;     
    z-index: -2;
  }




.blog_tag {
    color:#ddd;
    background-color:rgb(146, 146, 146);
    border:1 px solid #efefef;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding: 5px 8px;
    border-radius: 6px;
    line-height:40px;
}


.blog_tag a {
color:#fff;
}

.blog_tag a:hover {
    color:#ddd;
    } 

    .sosyalbutonlar {
        position:fixed;
        bottom:5px;
        }



.custom_logo {

  max-width:200px !important;
  max-height:200px !important;
  height:auto;
  width:200px !important;
   padding:4px;

}

.tmzl {clear:both}

.menuhre {
  width:50%;
  color:aliceblue;
  float:right;
}

.menu {
  list-style-type:none;

  }
h1,h2,h3,h4,h5,h6 {
  font-family: 'Anton', sans-serif;
  color : #303841;
}


.logo {

    font-family: 'Anton', sans-serif;
    font-size: 36px;
    color:#00ADB5;
}
.logospan {
    font-family: 'Anton', sans-serif;
    font-size: 36px;
    color:#eeeeee;
}

.logoslogan {
    font-family: 'Anton', sans-serif;
    font-size: 22px;
    color:#ff7b51;
    float:right
}

.slogan{
    position:relative;
    top:-10px;
    right:5px;
}


.header {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: var(--sidebar-width);
  background: var(--primary);
  color: #fff;
 padding-top: 5px;
  text-align: right;
  background: rgb(48,56,65);
  background: linear-gradient(90deg, rgba(48,56,65,1) 0%, rgba(58,74,105,1) 48%, rgba(48,56,65,1) 100%);
  z-index:999;

}

.hbps-responsive-video { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
}

.hbps-responsive-video iframe, 
.hbps-responsive-video object, 
.hbps-responsive-video embed, 
.hbps-responsive-video video { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0;
    width: 100%;
    height: 100%;
}

.header .nav-item {
  text-align: right;
  
}

.header .nav-item.active .nav-link {
    color: rgba(0, 0, 0, 0.5)
}

.header .nav-item.active .nav-link:hover {
    text-decoration: none
}

.header .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.8)
}

.header .nav-item .nav-link:hover {
    text-decoration: underline;
    color: rgba(0, 0, 0, 0.6)
}


  
  .header a {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    padding: 6px 3px 0px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    line-height: 1.2em;
  }
  
  .header a:hover {
    color:#f1f1f1;
  }
    
  .max-width-em {
   max-width:50em;
  }


  .page-numbers {
    display: inline-block;
    line-height: 32px;
    border: 1px solid #000;
    padding: 0 13px;
    border-radius: 2px;
    background-color:#00adb5;
    font-weight:bold;
    color:#efefef

}


.page-numbers:hover {
    display: inline-block;
    line-height: 32px;
    border: 1px solid #000;
    padding: 0 13px;
    border-radius: 2px;
    background-color:var(--primary);
    color:#efefef

}


  :root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #ee3577;
    --red: #dc3545;
    --orange: #f68e62;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #767575;
    --gray-dark: #434242;
    --primary: #303841;
    --secondary: #4f4f4f;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #c2c2c2;
    --lightgray: #eeeeee;
    --dark: #434242;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    /* Font Sizes */
    --font-normal: 1em;
    --font-small: 0.8125rem;

    /* Sidebar */
    --sidebar-width: 260px;
    --content-max-width: 60em;


}

*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    line-height: 1.25;
}



.btn {
    font-weight: bold;
    padding: .375rem 1rem;
    height: 2.75rem;
    transition: all 0.4s ease-in-out
}


.btn:focus,
.btn.focus {
    box-shadow: none !important
}

.btn-primary {
    color: #fff
}

.form-control {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    height: 2.75rem;
    border-color: var(--light)
}




.header .btn-primary {
    background: rgba(0, 0, 0, 0.3);
    border-color: transparent;
    font-size: 1rem;
    padding-top: 0.5rem
}

.header .btn-primary:hover {
    background: rgba(0, 0, 0, 0.4);
    border-color: transparent
}

.header .navbar {
    padding: 2rem 1rem;
    line-height: 2em
}

.header .navbar-dark .navbar-toggler {
    border: none;
    padding: .25rem .6rem
}

.header .navbar-dark .navbar-toggler:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}


/*  .main {
    margin-left: 260px;
    padding: 0px 10px;
    max-width:45em; 
  }  */

  .custom-sidebar {
    margin-left: 1000px; /* Same as the width of the sidenav */
    padding: 10px 10px;
    max-width:300px;
    position:relative;
  }


.main-wrapper {
    margin-left: var(--sidebar-width);
    padding: 10px 10px;
}

.main-wrapper .container {
    max-width: var(--content-max-width);
    
}



.page-title {
    position:sticky;
    top:0;
    z-index:9999;
    transition:all .2s;
}
.sticky{
    padding:1em 0 !important;
}

.footer {
    color: rgba(255, 255, 255, 0.7)
}

.footer a {
    color: #fff
}


    
    .blink_me {
      animation: blinker 2s linear infinite;
    }
    
    @keyframes blinker {
      50% {
        opacity: 0;
      }
    }
    


        


@media (max-width: 991.98px) {
    .page-title {
        position:static;
    }
    .header {
        position: sticky;
        width: inherit;
        height: auto
    }

    .header .site-title {
        width: 100%;
        position: absolute;
        left: 0;
        top: 1.2rem;
        color:var(--white);
        font-size:1.5em;
        display:block;
    }

 

    .header .navbar {
        padding: 1rem
    }

    .main-wrapper {
        margin-left: 0
    }
}





aside ul {
    list-style:none;
        padding: 0;
    }
    
    
    aside a {
    color:#333;
    font-family: 'Anton', sans-serif;
    font-size:19px;
    
    
    }
    
    aside a:hover {
      color:#ff7b51;
    
    
    
    }
    
    
   

    
    .hkn_widget_noktaust {
    width:100%;border-top: 2px dotted #000000;
    margin: 15px 2px 0 2px;
    transform: rotate(-0.07deg);
    }
    
    .hkn_widget_nokta {
    width:99%;border-top: 2px dotted #000000;
    margin: 15px 2px 0 2px;
    transform: rotate(-0.07deg);
    }
    
    
    .hkn_widget_noktaalt {
    width:98%;border-top: 2px dotted #000000;
    margin: 15px 2px 0 2px;
    transform: rotate(-0.07deg);
    }
    

   
    aside h2  {
        position:relative;
        top:-1px;
        padding:5px;
        color:white;
        display: inline-block;
        background-color: #00adb5;
        transform: skewX(-8deg);
        font-size:34px;

        }
        .tarihkutusu {
          position:relative;
          top:-1px;
          padding:5px;
          color:white;
          display: inline-block;
          background-color: #00adb5;
          transform: skewX(-8deg);
          font-size:34px;

        }

        .hitkutusu {
          position:relative;
          top:-1px;
          padding:5px;
          color:white;
          display: inline-block;
          background-color: #303030;
          transform: skewX(-8deg);
          font-size:34px;

        }
    
       

  .n2-section-smartslider,n2-ss-slider-wrapper-inside {
    width:100%;
    height:100%;
    padding:0;
    margin:0;
  }

  .hover-underline-animation {
    display: inline-block;
    position: relative;
    color: #efefef;
  }
  
  .hover-underline-animation:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #ff0000;
    transform-origin: bottom right;
    transition: transform 0.2s ease-out;
  }
  
  .hover-underline-animation:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }


.haberdivleri {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 oran */
  background-size: cover;
  background-position: center;
}
.haberdivleri a.tikla {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  display: block;
}





.date-overlay {
  position: relative;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: 0.8rem;
  padding: 5px 10px;
  z-index: 2;
  border-top-left-radius: .5rem;
}