/*
Theme Name: ejm-rezeptbuch
Author: Simon Steinhuber
Author URI: https://steinhuber.xyz
Description: ejm-rezeptbuch Theme
Version: 1.0.0
*/

/* ######### Defaults ######### */
	::-webkit-scrollbar-x { 
		display: none !important
	}
	::-moz-selection { 
	   color:#000;
	   background:orange;
	}
	::selection { 
	   color:#000;
	   background:orange;
	}
	body {
		background: #fff;
		min-height: 100%;
		overflow-x: hidden !important;
	}
	.ejm-logo {
		width: 400px;
	}
	.fullWidth {
		width: 100%;
	}
	.text-center {
		text-align: center;
	}
	.btn-warning:not(.btn-link):not(.btn-flat) {
		background: orange;
	}
	.btn-warning:hover {
		background: rgb(255, 145, 0) !important;
	}
	.margin-0 {
		margin: 0px !important;
	}
	h1, h2 {
		font-family: 'Noto Sans JP', sans-serif !important;
		font-weight: bold;
	}
	a, p, span, ul, li, label, h3, h4, h5, h6, ul, li {
		font-family: 'Noto Sans JP', sans-serif !important;
	}
	h3, h4, h5, h6 {
		font-weight: bold;
	}
	.bodyContainer {
		background: #fffdf5;
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.post-image {
		width: 100%;
	}

	/* ######### overwrites ######### */
	.wpcf7-form-control-wrap input, .wpcf7-form label, .wpcf7-textarea {
		width: 100% !important;
	}
	.wpcf7-submit {
		transition: 0.3s;
		background: orange;
		border: none !important;
		color: #ffffff;
		padding: 0px 25px 0px 25px !important;
	}
	.wpcf7-submit:hover {
		transform: scale(1.01,1.01);
		box-shadow: 0px 1px 5px rgb(0 0 0 / 15%);
		background: rgb(255, 145, 0);
	}
	.wpcf7-textarea {
		border: 1px solid #191919 !important;
	}
	.form-control:focus, .form-control.focus {
        background-image: linear-gradient(orange,orange),linear-gradient(#d2d2d2,#d2d2d2) !important;
    }

	/* ######### Landing ######### */
	.entry-img {
		min-height: 500px;
		background-position: center;
		background-size: cover;
	}
	.landing-text-container {
		width: 400px;
		height: 400px;
		border-radius: 50%;
		top: 25%;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		background: rgb(255 255 255 / 70%);
	}
	.landing-text-container p {
		top: 30%;
		text-align: center;
		position: relative;
		font-size: 25px;
	}

	/* ######### Menu ######### */
	.menuButton {
		right: 10px;
		top: 10px;
		cursor: pointer;
	}
	.menu-container {
		background: #191919;
		padding: 25px;
	}
	.nav {
		padding: 30px;
		padding-left: 20%;
	}
	.nav li a {
		background: none !important;
		color: #fff !important;
		padding: 5px;
		font-size: 1.6em;
		transition: 0.3s;
		display: block !important;
	}
	.nav>li>a:hover {
		color: orange !important;
	}
	.menuButton > i {
		font-size: 40px;
		color: #fff;
		transition: 0.3s;
	}
	.menuButton > i:hover {
		color: #ffe1b4;
	}
	.menu-main-container {
		display: none;
		z-index: 9999999;
		background: #3a3b3b;
		position: absolute;
		padding: 50px;
		width: 100%;
		height: 100%;
	}
	.menu-main-container > .container {
		top: 50%;
		left: 50%;
	}
	ul >  ul > ul {
		display: block !important;
	}
	.closeMenuButton {
		position: absolute;
		top: 0;
		right: 0;
		width: 100px;
		height: 100px;
		display: none;
		z-index: 999999999;
		cursor: pointer;
	}
	.closeMenuButton > i {
		font-size: 50px;
		color: #ffffff;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: inherit;
		margin-top: 25px;
		transition: 0.3s;
	}
	.widget_nav_menu li, .widget_nav_menu li a {
		transition: 0.3s;
		list-style-type: none;
		color: #adadad !important;
	}
	.widget_nav_menu li a:hover, .widget_nav_menu li a:focus {
		color: #ffffff !important;
	}
	.widget_nav_menu .menu li::before {
		content: '▶';
		left: 0;
		margin-right: 10px;
	}
	.sub-menu li a:hover {
		color: orange !important;
	}
	li .dropdown-menu  {
		background: none !important;
		color: #ffffff;
		transition: 0.3s;
	}
	.sub-menu li a {
		padding: 0px !important;
	}
	.mdi-image-navigate-before:before {
		content: "\276E" !important;
	}
	.mdi-image-navigate-next:before {
		content: "\276F" !important;
	}
	.paging-navigation {
		width: 100%;
	}
	.nav-after {
		float: right;
	}
	.nav-previous {
		float: left;
	}
	.sub-menu {
		margin-bottom: 5px;
	}
	.main-nav > li > a {
		margin-bottom: 5px;
		font-weight: 500;
		font-size: 24px;
		text-transform: uppercase;
	}
	.sub-menu > li > a {
		font-weight: 300;
		font-size: 18px;
	}
	.caret {
		width: 8px;
		margin-bottom: 6px;
	}

	/* ######### Page content ######### */
	.card {
		background: none;
		box-shadow: none;
		border: none;
	}
	.widget {
		margin-top: 10px;
		margin-top: 10px;
	}

	/* ######### Slide buttons ######### */
	.slideUp .slideIcon .slideText, .slideUp .slideIcon i {
		color: #333;
	}
	.slideUp {
		z-index: 9999;
		transition: 0.3s;
		text-align: center;
	}
	.slideUp p {
		margin: 0px !important;
	}
	.slideUp:hover, .slideUpText:hover, .slideIcon:hover {
		cursor: pointer !important;
		color: rgba(255, 255, 255, 0.9);
	}
	.slideIcon {
		font-size: 50px !important;
	}
	.slideUpText {
		text-transform: uppercase;
	}

	/* ######### Footer ######### */
	.site-footer {
		background: #494949;
	}
	.social-footer {
		background: #4790a0;
		color: #ffffff;
		font-size: 30px;
		padding: 20px;
	}
	.social-icon {
		transition: 0.3s;
		color: #ffffff;
		padding: 5px;
	}
	.social-icon:hover {
		color: #bff4ff;
	}
	.widget-footer {
		margin-right: 10%;
		margin-left: 10%;
		padding: 50px;
	}
	.copyright {
		padding: 25px 15px 15px 15px;
	}
	.site-footer a {
		color: #adadad !important;
		transition: 0.3s;
	}
	.site-footer a:hover {
		color: #ffffff !important;
	}
	.widget-footer > div {
		color: #adadad;
	}
	.widget-footer p {
		margin: 0px;
	}
	.float-right {
		float: right !important
	}
	.float-left {
		float: left !important
	}

	
/* ##################### Responsive styles ##################### */
	@media screen and (max-width: 991px) {
		.menuButton > i {
			font-size: 30px !important;
		}
		.landing-text-container {
			width: 300px;
			height: 300px;
		}
		.landing-text-container p {
			top: 20%;
			font-size: 16px;
		}
		.receipt-image-container {
			display: none;
		}
	}