/*
Theme Name: Customized twentyseventeen
Theme URL: http://hostinger-tutorials.com
Description: Twenty Seventeen Child Theme
Author: BuP Digital
Author URL: https://www.birke.de
Template: twentyseventeen
Version: 1.0.0
Text Domain: twentyseventeen-child
*/

/* @import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i&display=swap'); */

.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image figcaption {width:100%!important;display:block!important;}

.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    left: auto;
    font-family: 'EB Garamond', serif !important;
    color: #F2ECDA;
    text-transform: uppercase;
    background: none;
    padding: 0 10% 20% 10%;
    vertical-align: text-bottom;
    font-size: 52px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.35);
}
.wp-block-column h2 {
    font-family: 'EB Garamond', serif !important;
    color: #2D627C;
    text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .site-navigation-fixed.navigation-top {
      top: 0 !important;
  }
}

.wrap {
	max-width: 100%;
  padding: 0 !important;
}

@media screen and (min-width: 48em) {
	.wrap {
		max-width: 100%;
	}
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 100%;
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 100%;
	}
}
.navigation-top {
  background: rgba(140, 98, 57, 0.85);
  border: none !important;
}
.navigation-top ul .menu-item > a {
    color: #fff;
    font-family: 'EB Garamond', serif !important;
    font-size: 18px;
    font-weight: 300;
}
.navigation-top ul.sub-menu {
  background: #dad5a2;
}
.navigation-top ul.sub-menu > li:hover {
  background: #f2ecda !important;
}

.navigation-top ul.sub-menu > li:hover a {
  color: #333 !important;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
    border-color: transparent transparent #dad5a2 !important;
    bottom: 0;
}
@media screen and (min-width: 48em) {
  .site-header .navigation-top .menu-scroll-down {
    color: white;
  }
}
@media screen and (max-width: 1024px) {
  .has-header-image.twentyseventeen-front-page .custom-header {
      height: 75vh !important;
  }
}
@media screen and (max-width: 768px) {
  .has-header-image.twentyseventeen-front-page .custom-header {
      height: 40vh !important;
  }
}
@media screen and (max-width: 640px) {
  .has-header-image.twentyseventeen-front-page .custom-header {
      height: 25vh !important;
  }
  .metaslider .caption,
  .metaslider .cs-title,
  .metaslider .nivo-caption {
    font-size: 14px !important;
  }
  .navigation-top ul.sub-menu {
      background: white;
  }
}
.quotename {
  font-size: 60%;
  color: grey;
  font-style: italic;
  font-family: Georgia;
}