/* 
 Theme Name:   	1daywebsite Shop Landing Page
 Theme URI:    	https://gratisshop.1daywebsite.ch/
 Description:  	Theme of Gratis Shop
 Author:       	AFB
 Author URI:   	https://gratisshop.1daywebsite.ch//
 Template:     	blocksy
 Text Domain:	1daywebsite-landing
 Version:      	1.0
 License:      	GNU General Public License v2 or later
 License URI:  	http://www.gnu.org/licenses/gpl-2.0.html

-----------------------------------------------------------------------------------

	1.	General HTML elements
	2.	Homepage (home) Stylings
	3.	Bouncing Arrow
	4.	Contact Form 7
	5.	Page
	6.	Footer
	7.  Mediaqueries

----------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*	1.	General HTML elements
/* -------------------------------------------------------------------------------- */
button.button a {
	color: #FFF;
}
.ct-pagination[data-type="simple"] nav .prev, .ct-pagination[data-type="simple"] nav .next, .ct-pagination[data-type="next_prev"] nav .prev, .ct-pagination[data-type="next_prev"] nav .next {
    font-size: 14px;
    border-color: #d65050;
	background-color: #d65050;
	color: #FFF;
}
.has-palette-color-1-background-color {
    background-color: #d65050;
}
.site-main {
    background-color: #FFF;
}
.menu-item i._mi {
	margin-top: 0;
}	
/* -------------------------------------------------------------------------------- */
/*	2.	Homepage (home) Stylings
/* -------------------------------------------------------------------------------- */
.home.page-template .entry-content .alignwide, .entry-content .alignfull {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.wp-block-button a {
    font-size: 22px;
    font-weight: 600;
    padding: 12px 28px;
}
/*Hero Section - Overlay*/
.wp-block-cover__inner-container {
	width: 1100px;
}
.wp-block-cover__inner-container[class*="_inner-container"]>*:not(.alignfull) {
    width: 1100px;
	padding: 10px;
	border-radius: 7px;
}
.section-demo-shop [class*="_inner-container"] {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.produkte-slider [class*="_inner-container"] {
	padding-bottom: 0 !important;
}	
.featherlight-content .add_to_cart_button {
    background: #d65050!important;
    color: #fff!important;
}
[class*="_inner-container"] {
	padding-top: 15px !important;
    padding-bottom: 15px !important;
}
#nta-wabutton-719 {
	margin: auto !important;
}
.wa__button {
    margin: 0 auto;
}
.wa__btn_txt .wa__btn_title {
    font-weight: 600;
    padding-left: 2px;
    font-size: 18px !important;
}
.wa__btn_w_icon .wa__btn_txt {
    padding: 25px 20px 15px 90px !important;
}
.cp_cff_minimalist #fbuilder .fform {
	background: #776666 !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
}	
.cp_cff_minimalist #fbuilder .fform h1, .cp_cff_minimalist #fbuilder .fform h2 {
	color: #FFF !important;
}
.cp_cff_minimalist #fbuilder {
	border-radius: 6px;
}
.brochure.wp-block-group.brochure.has-palette-color-3-background-color.has-background.has-no-padding {
    width: 30%;
	border-radius: 6px;
}
.shop-group-inner-width {
	width: 30% !important;
}	
.section-demo-shop .wp-block-image img {
	border-radius: 7px !important;
}	
/* -------------------------------------------------------------------------------- */
/*	3.	Bouncing Arrow
/* -------------------------------------------------------------------------------- */
.arrow {
	text-align: center;
	/*margin: 0% 0;*/
}
.fa-arrow-down {
	font-size: 40px;
	color: #FFF;
}
.bounce {
	-moz-animation: bounce 5s infinite;
	-webkit-animation: bounce 5s infinite;
	animation: bounce 5s infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}
/* -------------------------------------------------------------------------------- */
/*	4.	Contact Form 7
/* -------------------------------------------------------------------------------- */
.wpcf7-form {
	width: 100%;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	width: 50%;
	display: block;
	text-align: center;
	margin: 0 auto;
	color: #776666;
	background-color: #FFF;
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus {
	width: 50%;
	display: block;
	text-align: center;
	margin: 0 auto;
	color: #776666;
	background-color: #FFF;
}
.wpcf7 input[type="submit"] {
	width:50%;
	margin-left: 25%;
	text-align:center;
	text-transform:uppercase;
	font-size: 22px;
    font-weight: 600;
    padding: 12px 28px;
	line-height: 1;
	background-color: #d65050;
    border-radius: 5px;
    text-align: center;
}
.cf7-spam-quiz {
	color: #FFF;
}
/* -------------------------------------------------------------------------------- */
/*	5.	Page
/* -------------------------------------------------------------------------------- */
.home .entry-content {
    padding-top: 0px;
	padding-bottom: 0px;
}
/* -------------------------------------------------------------------------------- */
/*	7.	Footer
/* -------------------------------------------------------------------------------- */
[data-footer*="type-1"] footer.ct-footer [data-row="middle"] .widget-title {
    text-align: center !important;
	color: #FFF !important;
}
/* -------------------------------------------------------------------------------- */
/*	7.	Mediaqueries
/* -------------------------------------------------------------------------------- */
@media (max-width: 690px) {
	.ct-container {
		display: flex;
		flex-direction: column;
	}
	.post-type-archive-product .content-area {
		--contentAreaSpacing: 0;
	}
	.post-type-archive-product [data-sidebar='left'] aside {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		order: 1;
	}
	.post-type-archive-product [data-sidebar='left'] section {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		order: 2;
	}
	.post-type-archive-product .ct-sidebar {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.wp-block-cover__inner-container {
		width: 95% !important;
}
	.wp-block-cover__inner-container[class*="_inner-container"]>*:not(.alignfull) {
		width: 95%;
		padding: 10px;
		border-radius: 5px;
	}
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 25px;
	}
	h4 {
		font-size: 20px;
	}
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"] {
		width: 100% !important;
		display: block;
		text-align: center;
		margin: 0 auto;
		color: #776666 !important;
		background-color: #FFF !important;
	}
	.wpcf7 input[type="submit"] {
		width:100%;
		margin-left: 0;
		text-align:center;
		text-transform:uppercase;
		font-size: 22px;
		font-weight: 600;
		padding: 12px 28px;
		line-height: 1;
		background-color: #776666;
		border-radius: 5px;
		text-align: center;
	}
	.ct-widget {
		text-align: center;
	}	
}