/*
 Theme Name:   my-design
 Description:  Kinderarztpraxis
 Author:       Hoplit.de
 Author URI:   https://www.hoplit.de
 Template:     twentyfifteen
 Version:      1.0
Text Domain:   my-design
*/

/* ---------------------------------------------
 * Font
--------------------------------------------- */
/* arapey-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Arapey';
  font-style: normal;
  font-weight: 100 950;
  src: url('fonts/arapey-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* arapey-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Arapey';
  font-style: italic;
  font-weight: 100 950;
  src: url('fonts/arapey-v16-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ---------------------------------------------
 * MY CUSTOM STYLES
--------------------------------------------- */
html, body, button, input, select, textarea {
    /*font-weight: 400 !important; */
    font-family: 'Arapey' !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em;
    color: #333333 !important;
    /*font-size: 1.5em; */
    line-height: 1.30em;
    letter-spacing: 0.03em;
    /*font-size: large !important; */
}
 
h2 {
font-family: 'Arapey', sans-serif;
font-weight:950;
}
h2.entry-title {
text-align:center;
}
h2.entry-title:after {

    background-color: #2E8A8A;
    width: 100px;
    height: 2px;
    margin: 15px auto 0px;
    content: "";
    display: block;
}

.entry-title, .widecolumn h2 {
    margin-bottom: 0.6em !important;
}
.hentry {
background: #e1f5fe;
} 
.entry-footer {
background: #2E8A8A;
color: #fff;
} 
.entry-footer a {
color: #fff;
} 
.entry-footer a:hover {
color: #2E8A8A;
}

.widget, .widget-title, .widget_nav_menu, .menu-vertikal-container{
    color: #333333 !important;   
}

.menu-vertikal-container {
      margin-top: -50px !important;
}
.widget hr, .widget ul, .widget ol, .widget dl, .widget dd, .widget table, .widget pre {
    margin-bottom: 0.5em;
  }
 
 .menu {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 20px;
 }   
body::before, .site-header {
  background: rgba(46, 138, 138, 0.6) !important;
  color: #fff;
}


@media screen and (min-width: 59.6875em) {

body:before {    
max-width: 380px;
}
#sidebar { 
left: 0;
max-width: 450px;
}
#page {
margin-left: 0px;
}
.site-header {
    background-color: transparent !important;
  }
 
/* p.site-title{
    
}

img.custom-logo{
    
}
*/  


  
  }