/*
 Theme Name:   PPA 
 Theme URI:    https://generatepress.com
 Description:  Thema voor de Praktijk voor Psychotherapie Amsterdam
 Author:       Imag Ontwerp
 Author URI:   https://imag-ontwerp.nl
 Template:     generatepress
 Version:      0.1
*/

/* Google font */
/* raleway-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: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../wp-content/fonts/raleway-v37-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../wp-content/fonts/raleway-v37-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* raleway-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: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../wp-content/fonts/raleway-v37-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../wp-content/fonts/raleway-v37-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Design
 * ========================================================================== */

/* Logo-banner
 * ---- */

.gb-element-3eec6c94 {
  text-align: center;	
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: -1.5em;
}

.logo-banner-item {
  margin: 15px !important;
}
.logo-banner {
  max-width: 1280px;
	margin: 0 auto;
	padding:40px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
     -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }

 @media (max-width: 768px) {
  .logo-banner {
    flex-direction: column;
  }
 .logo-banner-item {
    margin-top: 15px;
    margin-bottom: 15px;
    
  }
}

/* Next
 * ---- */




/* Typography
 * ========================================================================== */
h1 {font-family: 'JustusPro-Bold', Georgia, "Times New Roman", Times, serif;}
h2,
h3,
h4,
h5,
h6 
{font-family: 'JustusPro-Medium', Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0.612em;
	line-height: 1.2;
	font-weight: normal;
	font-style:normal;}

/* Footer
 * ========================================================================== */
.footer-widgets .widget {
  margin-bottom: 20px;
}

.footer-widgets {
line-height: 2;
font-size: 13.5px;}

.footer-widgets p {
margin: 0 0 1em;
}

.footer-widgets ul li {
list-style-type: disc;
margin-left: 15px;
}

.footer-widgets a {
text-decoration: none;
outline: 0;
color:#000
}
.footer-widgets a:hover {
text-decoration: underline;
}	

/* Pagina Team:
Image hover effect
 * ========================================================================== */	
.grayscale {
    filter: grayscale(100%); /* Standard CSS */
    -webkit-filter: grayscale(100%); /* CSS for Webkit Browsers */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* Internet Explorer IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit Browsers */
}

.grayscale:hover {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}