/*
 Theme Name:   HairSalon Child
 Theme URI:    http://thimpress.com/
 Description:  Hairsalon Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     hairsalon
 Version:      1.0.0
 Text Domain:  hairsalon-child
*/


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
} 
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('webfonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* playfair-display-700italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('webfonts/playfair-display-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/playfair-display-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
  font-family: Roboto !important; 
  font-weight: 400 !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Playfair Display !important; 
  font-weight: 700 !important;
}

.thim-sc-services.flexbox .box-content {
  width: 648px !important; 
}
.thim-sc-services .box-content ul { 
  max-width: 100% !important; 
}
.extraservice ul .list-group-item:last-child {
	text-align: center;
	border-top: 1px solid #ccc;
	margin-top: 20px;
}

.navbar .terminbutton a {
	background: #c48981;
	padding: 10px;
	color: white !important;
}
.navbar .terminbutton a:hover {
	background: #b4685e; 
}
.inner-navigation {
  display: flex !important;
  justify-content: end !important;
}
.list-inline.social-link {
	padding-right: 0 !important;
}

/* EXTRA-Auflösung "WIDTH 520px"
-------------------------------------------------------------- */
@media only screen and (max-width: 520px) {  
	.list-group-item span {  
		display: block;
		width: 100%;
	} 
	.list-group-item   {  
		text-align: center;
	} 
	.thim-sc-services {
		height: auto !important;
	}
	.extraservice ul .list-group-item:last-child { 
		margin-top: 60px;
	}
}