/*
Theme Name: Bold Photography Child
Theme URI: https://catchthemes.com/themes/bold-photography/
Template: bold-photography
Author: Catch Themes
Author URI: https://catchthemes.com/
Description: Bold Photography is a free, dark multipurpose photography WordPress theme that comes with a sleek design and awesome functionality to unleash your photography creativity. It has been specially crafted to showcase another level of photography websites with its dark and bold look. However, you can use it for any kind of website and deliver a shady look. Bold Photography includes both the looks and astounding functionality to further intensify the website. The new dark multipurpose photography theme, Bold Photography is power-packed with crucial features like Portfolio, Services, Testimonials, and many more. All of these features have been carved keeping multipurpose websites in mind but also prioritizing photography websites. Bold Photography is the ultimate stop if you want a dark and bold website for your creativity. Download Bold Photography today and flaunt the darker side of you with grace. For advanced features, upgrade to premium version. For more information, check out Theme Instructions at https://catchthemes.com/themes/bold-photography-pro/#theme-instructions and Demo at https://catchthemes.com/demo/bold-photography/.
Tags: grid-layout,one-column,two-columns,right-sidebar,left-sidebar,custom-background,custom-colors,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,blog,photography,portfolio
Version: 1.2.4.1644282007
Updated: 2022-02-08 10:00:07

*/

.form__label{
    color: #fff;
}


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;
    border: 1px solid #aaa !important;
    */
    border-radius: 2px !important;
    color: #fff;
    background: #54595F;
}

input[placeholder], [placeholder], *[placeholder] {
    padding: 10px;
}

input::placeholder,  textarea::placeholder{ 
    color: #ccc;
 }


.form__row p{
    margin: 0;
}

.form__row{
    margin: 10px 0px 30px;
}


/* 元々のチェックボックス（非表示） */
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: #54595F;
    border: none;
    border-radius: 0;
    padding: 10px 50px;
    color: #fff;
}

input[type="submit"]:hover, input[type="submit"][disabled]:hover, input[type="submit"]:focus{
	background: #54595F;
    border-radius: 0;
    padding: 10px 50px;
    color: #fff;
    /* font-family: "Noto Serif JP", Sans-serif; */
}


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


	form input:read-write, form textarea, input[type="submit"]{
		width: 100%;
	}

	.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;	
	}

    .elementor-element-a0246a1 .elementor-button-link{
        width: 100% !important;
    }


}