/*
 Theme Name:   CoderDojo Japan
 Description:  CoderDojo Japan Theme
 Author:       Takashi Hosoya
 Author URI:   https://ht79.info/
 Template:     habakiri
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  coderdojo-japan
*/

.header{
	border-bottom: 3px solid #2977C7;
}

.site-branding{
	padding: 5px 0px;
}

.site-branding__logo{
	width: 45%;
}

/* menu */
#menu-global_menu a{
	font-weight: bold;
}
#menu-global_menu a:hover{
	color: #000;
}

#menu-global_menu .button.newsletter {
	margin-top: 10px;
}
#menu-global_menu .button.newsletter a{
	border: 1px solid #fff;
	padding: 7px 15px;
	background: #f0ad4e;

}
#menu-global_menu .button.newsletter a:hover{
	background: #fff;
	color: #2977c7;
}

.off-canvas-nav .button.newsletter a{
	margin: 10px;
	color: #fff;
}



/* footer */
.social-nav ul li a{
	color: #2977C7;
}

.copyright {
    background-color: #2977C7;
    color: #fff;
    padding: 15px 0;
    text-align: center;
}


.social-nav ul li a[href*="dojocast.coderdojo.jp"]:before {
    content: "\f2ce";
    font-family: FontAwesome;
}
.social-nav ul li a[href*="dojocast.coderdojo.jp"]:before {
    content: "\f2ce";
    font-family: FontAwesome;
}

.wpcf7 .required{
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #F92931;
	border-radius: 20px;
}

.wpcf7 .free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #424242;
	border-radius: 20px;
}

form p {
	font-weight: 600;
}

input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を黄色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: rgba(255, 255, 142, 0.46);
}

input.wpcf7-submit {
	width: 100%;
	height: 80px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}




@media (min-width: 480px){
	.header{
		padding: 5px 0;
	}
	.site-branding{
		padding: 0px;
	}
	
}