/*
Theme Name: Euphony Child
Theme URI: https://catchthemes.com/themes/euphony/
Template: euphony
Author: Catch Themes
Author URI: https://catchthemes.com/
Description: Euphony is a free music WordPress theme crafted beautifully for musicians and bands. It comes with a minimalistic, interactive and super elegant concept. Euphony has been made to be versatile within the music industry and fun to play with. This theme is power packed with astounding features like Featured Content, Featured Slider, Hero Content, Sticky Playlist, Services, Portfolio, Testimonials, and more. All of these features in Euphony allows you to tweak your music website the way you like. Euphony is an ideal solution for musicians, solo artists, bands, podcasts, music blogs; you just name it, the theme helps you realize all your ideas. The theme is completely responsive and thus compatible with all kinds of modern browsers. To top it all, the theme is translation-ready. If you want advance music features, check out the premium version, Euphony Pro. If you have any technical queries, feel free to post in our Support Forum at https://catchthemes.com/support/, theme instructions at https://catchthemes.com/themes/euphony/#theme-instructions and Demo at https://catchthemes.com/demo/euphony/.
Tags: grid-layout,one-column,two-columns,right-sidebar,custom-header,custom-menu,custom-logo,editor-style,featured-image-header,featured-images,flexible-header,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks,entertainment,photography,portfolio
Version: 1.3.1643609723
Updated: 2022-01-31 15:15:23

*/



.form_miyako .form__label{
	margin: 0;
    font-family: "Noto Serif JP", Sans-serif;
    color: #000;
    font-weight: bold;
}

input::placeholder, textarea::placeholder {
  color: #ccc;
  font-family: "Noto Serif JP", Sans-serif;
}

.form__body{
	margin: 0 0 1em;
}


.wpcf7-list-item{
	margin: 0;
}


input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea{
	background: #fff;
    border: 3px solid #efefef;
    border-radius: 2px;
    color: #333;
}

input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, textarea:focus{
	color: #333;
}


/* 元々のチェックボックス（非表示） */
input[type="checkbox"]{
    display: none;
}
/* チェックボックスの代わりを成すラベル */
input[type="checkbox"]{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}
/* ラベルの左に表示させる正方形のボックス□ */
input[type="checkbox"]::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 2px solid;
    border-color:  ; /* 枠の色変更 お好きな色を */
    background-color: #fff; /* 背景の色変更 お好きな色を */
    color: #ddd;
}

 input[type="checkbox"]:checked::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 9px;
    margin-top: -9px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #585753; /* チェックの色変更 お好きな色を */
}

input[type="submit"]{
	background-image: none;
    border: 1px solid;
    border-radius: 0;
    padding: 10px 50px;
    font-family: "Noto Serif JP", Sans-serif;
}

input[type="submit"]:hover, input[type="submit"][disabled]:hover, input[type="submit"]:focus{
	background-image: none;
    border: 1px solid;
    border-radius: 0;
    padding: 10px 50px;
    font-family: "Noto Serif JP", Sans-serif;
}

.wpcf7-not-valid-tip{
	font-family: "Noto Serif JP", Sans-serif;
}

.wpcf7-response-output{
	font-family: "Noto Serif JP", Sans-serif;
}

.wpcf7-list-item-label{
	font-family: "Noto Serif JP", Sans-serif;
	color: #333;
    font-weight: bold;
}

#site-generator{
    background: #000 !important;
}


@media screen and (max-width: 768px) {

	.elementor-section.elementor-section-boxed > .elementor-container {
    	max-width: 100%;
	}

	.elementor-26 .elementor-element.elementor-element-2436435 {
    	width: 100%;
	}


	.has-header-image.home .custom-header{
		height: 60vh;	
	}


}