/*
 Theme Name: WP Bistro - based on Weaver Xtreme
 Author: Michaela Steidl - WP Bistro
 Author URI: https://wp-bistro.de/
 Template: weaver-xtreme
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
You can start adding your own styles here. Use !important to overwrite styles if needed. */

/* Allgemein */

#content {background-color: rgba(255,255,255,0.3)}
.home #content {background: transparent;}

a.wp_b_linkr {color: #762834 !important; text-decoration: underline;}
a.wp_b_linkr:hover {color: #7f5b46 !important;}

hr {background-color: #7f5b46; height: 2px; margin-top: 50px; margin-bottom: 50px;}

/* Typographie */

h1, .entry-content h1, p.headline {font-family:'Open Sans', Arial, sans-serif; font-weight: 300; color: #7f5b46;}
h2 {font-family: 'Open Sans', Arial, sans-serif;font-weight: 500; color: #762834;}

p.wp_b_highlight {font-size: 1.5vw; font-weight: bold; text-align: right; color: #762834; }
.wp_b_frd, h1.page-title, h2.post-title {font-family: 'Fredericka the Great', cursive;}
.wrapper .post-title a {color: #762834;}
.wrapper .post-title a:hover {color: #7f5b46;}
h2.wp_b_frd {color: #fff !important; font-size: 2vw;}

.fas.xlr, .far.xlr, .fab.xlr {font-size: 75px; color: #762834;}
.fas.xlb, .far.xlb, .fab.xlb {font-size: 75px; color: #d2b48f;}
.fab {font-size: 24px;}

@media screen and (min-width: 781px) {
	p {font-size: 1.3vw;}
	h1, p.headline {font-size: 3.75vw;}
	h2 {font-size: 2.4vw;}
	h3 {font-size: 2vw; font-weight: normal;}
}

@media screen and (max-width: 780px) {
	p {font-size: 1rem;}
		h1 {font-size: 3rem !important;}
	.home h1, .home p.headline {font-size: 2rem !important;}
	h2 {font-size: 1.9rem !important;}
	h3 {font-size: 1.5rem !important;}
}

@media screen and (min-width: 1300px) {
	h1, p.headline {font-size: 3vw;}
	h2 {font-size: 2vw;}
	h2.wp_b_frd {font-size: 1.65vw;}
	h3 {font-size: 2.6vw;}
	a.wp_b_ghostr {font-size: 1vw;}
	p.wp_b_highlight {font-size: 1.2vw;}
}

@media screen and (min-width: 1500px) {
	p {font-size: 1vw;}
	h1, p.headline {font-size: 2.75vw;}
}

@media screen and (min-width: 1700px) {
	p {font-size: 0.85vw;}
	h1, p.headline {font-size: 2.4vw;}
	h2.wp_b_frd {font-size: 1.1vw;}
	p.wp_b_highlight {font-size: 1.1vw;}
}


/* Header */

.wvrx-fixonscroll {background: rgba(210,180,143,0.9)  !important;}
.wvrx-not-safari.no-vert-scrollbar #nav-primary .wvrx-menu-container {margin-left: 0 !important; margin-right:0 !important;}

#title-tagline {display: none;}

@media screen and (min-width: 550px) and (max-width: 780px) {
	.wvrx-menu a {font-size: 2vw !important;}
	h2.wp_b_frd {font-size: 3vw !important;}
	a.wp_b_ghost, a.wp_b_ghostr {font-size: 1.5vw !important;}
	.wp-image-159 {max-width: 50% !important;}
}

/* Page Builder SiteOrigin */

@media screen and (max-width: 1149px) {
.panel-has-style  {
width: 100vw;
margin-left: calc(-50vw + (50%));
	}
.panel-has-style .panel-row-style {
	padding: 40px; 
}}

@media screen and (min-width: 1150px) {
.panel-has-style {
width: 100vw;
margin-left: calc((-100vw + 1018px)/2);
	}
.panel-has-style .panel-row-style {
	/* padding-left: calc((100vw - 1050px)/2);
padding-right: calc((100vw - 1050px)/2); */
	padding-left: calc( (50vw - (1018px / 2)) + 0px + 0px);
	padding-right: calc( (50vw - (1018px / 2)) + 0px + 0px);
	padding-top: 20px; 
	padding-bottom: 20px;
	}}

.panel-has-style a {color: #d2b48f;}

/* Button */

.wpb_button {
  padding: 7px;
  background: red;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: white !important;
  border: 1px solid darkred;
  border-radius: 10px;
}

.green {background: green;} /* Button mit grüner Hintergrundfarbe */
.blue {background: blue;} /* Button mit blauer Hintergrundfarbe */
.large {padding: 15px;} /* Button mit größerem Innenabstand */
.square {border-radius: 0;} /* Button ohne abgerundete Ecken */

a.wp_b_ghost, a.wp_b_ghostr {
	border: 1px solid #fff;
	padding: 10px;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 1vw;
} 

a.wp_b_ghostr {
	border: 1px solid #762834;
	color: #762834 !important;
	font-size: 1.2vw;
}

a.wp_b_ghost:hover {
	color: #762834;
	border: 1px solid #762834; 
	text-decoration: none;
}
a.red:hover, a.wp_b_ghostr:hover {
	color: #d2b48f ; 
	border: 1px solid #d2b48f;
	text-decoration: none;
}

.optin_bx {background: #2a7060; color: #fff !important; padding: 10px; text-transform: uppercase;}

@media screen and (min-width: 1300px) {
		a.wp_b_ghostr {font-size: 1vw;}
}

@media screen and (min-width: 1700px) {
	a.wp_b_ghostr {font-size: 0.75vw;}
}

/* Blog */

.last-updated {font-weight: bold; font-size: 18px; color: #666;}
.home .last-updated, .page .last-updated {display: none;}
#\ author-info {background: #fcf7f4; padding: 10px;}

.blog article {
	padding-bottom: 20px;
	border-bottom: 1px solid #762834;
}

.more-msg {
	background: #7f5b46;
	padding: 3px 15px;
	margin-top: 10px;
	color: #fff;
}
.more-msg:hover {
	background: transparent;
	border: 1px solid #7f5b46;
	color: #7f5b46;
}
a:hover.more-link {
	text-decoration: none;
}

a.page-numbers, span.page-numbers.dots {
    background: rgba(210,180,143,1);
    color: #762834 !important;
}

.page-numbers {
	border-radius: 0;
}

.comments-hr {
	display: none;
}
#comments {
	border: 2px solid #7f5b46; 
	padding: 10px;
	background: rgba(210,180,143,0.35);
}

/* Kommentare */

#respond .form-submit {
	margin: 0;
}

#respond input#submit {
	padding: 0;
	text-shadow: none;
	height: 30px;
	background: #762834;
	color: #fff;
}

/* LandingPages */

.box_beige {
width: 93%;
padding: 20px;
background: rgb(244, 240, 231) none repeat scroll 0% 0%;
border: 2px solid rgb(127, 29, 49);
}

.yarpp-related {
width: 93%;
padding: 20px;
background: transparent;
border: 2px solid rgb(127, 29, 49);
}

.box_purple {
    background: rgb(127, 29, 49) none repeat scroll 0% 0%;
    width: 95%;
    padding: 20px;
    color: rgb(244,240,231);
    margin-bottom: 25px;
}

.box_purple h3 {color: rgb(244,240,231) !important;}

/* Eingabefelder */

input, textarea {
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 7px;
        padding: 3px;
	border: none;
	width: 100%;
	height: 25px;
}

/* Shortcodes Ultimate */

.su-spoiler-style-fancy > .su-spoiler-title {
	border-radius: 0px !important;
	background: #d2b48f !important;
	font-size: 1.5vw !important;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.su-spoiler-style-fancy {
	border-radius: 0 !important;
}

/* CleverReach */

button.cr_button {
    background: #762834;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 7px;
    border-radius: 0;
    width: 101%;
    border: none;
}
button.cr_button:hover {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}

#popmake-15869 button.cr_button:hover {border: 2px solid #712a3b; color: #712a3b;}

/* YASR */

.yasr-container-custom-text-and-visitor-rating {font-weight: bold;}
.yasr-visitor-votes {margin-bottom: 30px;}
.yasr-total-average-container {font-size: 12px;}

@media screen and (max-width: 550px) {
	a.wp_b_ghost, a.wp_b_ghostr {font-size: 0.7rem !important;}
}

/* Popup Maker */

.pum-theme-16015 .pum-content {font-size: 24px;}
.pum-theme-16015 ul {margin-top: 20px;}


/* Google Webfonts */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
font-display: swap;
  font-weight: 300;
  src: url('/fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
font-display: swap;
  font-weight: 400;
  src: url('/fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
font-display: swap;
  font-weight: 600;
  src: url('/fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
font-display: swap;
  font-weight: 800;
  src: url('/fonts/open-sans-v17-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('/fonts/open-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v17-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* fredericka-the-great-regular - latin */
@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
font-display: swap;
  font-weight: 400;
  src: url('/fonts/fredericka-the-great-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fredericka the Great'), local('FrederickatheGreat'),
       url('/fonts/fredericka-the-great-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/fredericka-the-great-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/fredericka-the-great-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/fredericka-the-great-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/fredericka-the-great-v9-latin-regular.svg#FrederickatheGreat') format('svg'); /* Legacy iOS */
}