/*
Theme Name:   Portredi
Theme URI:    https://www.portredi.com
Description:  Theme for portredi.com
Author:       Edina Udvari-Bauernhuber
Author URI:   https://www.portredi.com
Template:     photofocus
Version:      1.0.0
Text Domain:  portredi
*/

@font-face {
  font-family: "Montserrat";
  src: url('assets/fonts/montserrat/static/Montserrat-Medium.eot');
  src: url('assets/fonts/montserrat/static/Montserrat-Medium.eot') format('embedded-opentype'),
       url('assets/fonts/montserrat/static/Montserrat-Medium.woff2') format('woff2'),
       url('assets/fonts/montserrat/static/Montserrat-Medium.woff') format('woff'),
       url('assets/fonts/montserrat/static/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
  font-family: "Corinthia";
  src: url('assets/fonts/corinthia/Corinthia-Bold.eot');
  src: url('assets/fonts/corinthia/Corinthia-Bold.eot') format('embedded-opentype'),
       url('assets/fonts/corinthia/Corinthia-Bold.woff2') format('woff2'),
       url('assets/fonts/corinthia/Corinthia-Bold.woff') format('woff'),
       url('assets/fonts/corinthia/Corinthia-Bold.ttf') format('truetype');
}

.site-title {
  display: none;
}

.wpcf7-text,
.wpcf7-textarea {
  background-color: #222 !important;
}

.header-media + .section {
  padding-top: 0;
}

.custom-header-content-wrapper {
  max-width: 100%;
}

.custom-logo {
  height: 100px;
  width: auto;
}

.site-header-menu {
  max-width: calc(100vw - 400px);
}

body {
  font-family: "Montserrat", sans-serif;
  /*color: #fbf4e6;
  background: #002727;*/
  color: #fff;
  background: #000;
}

body:not(.home) .custom-header-content {
  padding: 240px 20px 50px 20px;
}

main p,
p.has-text-align-left,
p.has-text-align-right {
  text-align: justify;
}

h1,
.header-media .section-title,
.custom-header-media .section-title,
.section-title {
  /* font-family: "Corinthia", serif; */
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 3em !important;
  /* Gradient text */
  background-color: #f3ec78;
  background-image: linear-gradient(45deg, #f6ce84, #fbd88b, #9c541b);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  filter: drop-shadow(2px 2px #333);
  -webkit-filter: drop-shadow(2px 2px #333);
  -moz-filter: drop-shadow(2px 2px #333);
}

h2,
.has-large-font-size {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 2em !important;
  /* Gradient text */
  background-color: #f3ec78;
  background-image: linear-gradient(45deg, #f6ce84, #fbd88b, #9c541b);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  filter: drop-shadow(2px 2px #333);
  -webkit-filter: drop-shadow(2px 2px #333);
  -moz-filter: drop-shadow(2px 2px #333);
}

@media only screen and (min-width: 64em) {
  h1,
  .header-media .section-title,
  .custom-header-media .section-title,
  .section-title {
    font-size: 5em !important;
  }

  body:not(.home) .custom-header-content {
    padding: 240px 50px 50px 50px;
  }

  .custom-logo {
    height: 200px;
    width: auto;
  }
}

@media only screen and (min-width: 48em) {
  h1,
  .header-media .section-title,
  .custom-header-media .section-title,
  .section-title {
    font-size: 4em !important;
  }

  h2,
  .has-large-font-size {
    font-size: 3em !important;
  }

  body:not(.home) .custom-header-content {
    padding: 240px 50px 50px 50px;
  }

  .custom-logo {
    height: 200px;
    width: auto;
  }
}