/*
Theme Name:   ResponsiveChild
Description:  Responsive Child
Author:       admin
Author URL:   http://www.excel.triplez.ca
Template:     responsive
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  ResponsiveChild
*/

/* Write here your own personal stylesheet */

@media screen and (max-width: 767px) {
	.site-branding{
		border: 0px solid yellow;
/*	*/	flex-wrap: nowrap   !important;
		padding-right: 0px !important;
	}
/*	.site-header-layout-horizontal.header-widget-position-with_logo{
		flex-wrap: nowrap;
	}  */
}

@media (max-width: 396px){
	.site-mobile-header-layout-horizontal .site-branding {
    	/* max-width: 250px; */
		max-width: 396px !important;
	}
}

/*	*/
.site-branding-wrapper{
	border: 0px solid red;
}  

.404page{
	background-color: whitesmoke;
}

/* to get rid of "Powered by WordPress in footer  */ 
.powered {
    display:none;
}  

/*
.custom-home-contact-section{
	width: auto !important;
}
*/



/*  to style images - cat: image-style1 */
.image-style1{
	border: 1px solid black; border-radius: 5px;
}
/* **** to format (contact content) area on homepage ***** */
.contact-content {
	width: auto !important;
}
/*  to kill contact subtitle on homepage contact section */
.contact_subtitle{
	display: none;
}
/*  **** **** */

/* **** to format (contact form 238)  ***** 
.wpcf7-form-control text input{
	width: none;
}*/
/*  
#wpcf7-f238-o1 input{
	width: auto !important;
	background-color: whitesmoke !important;
} 
#wpcf7-f238-o1 textarea{
	width: auto !important;
	background-color: whitesmoke !important;
}*/
#wpcf7-f238-o1 input[type=submit]{
//	width: auto !important;
	background-color: blue !important;
	border-radius: 5px;
}
/*
#wpcf7-f238-o1 wpcf7 input{
	background-color: black;
	width: auto !important;
	background-color: lightgoldenrodyellow !important
}  */

/* ContactUs page form elements */
#wpcf7-f403-p132-o1 input{
//	background-color:  blue;
//	width: auto !important;
}

#wpcf7-f403-p132-o1 textarea{
//	background-color:  blue;
//	width: auto !important;
}

/* ****************** */

#wpcf7-f238-p132-o1 label{
//	background-color:  white;
	width: auto !important;
//	border-radius: 5px;
}
#wpcf7-f238-p132-o1 input{
//	background-color:  whitesmoke;
//	width: auto !important;
}
#wpcf7-f238-p132-o1 textarea{
//	background-color:  whitesmoke;
//	width: auto !important;
}
/*
#contactbookmark{
	background-color: whitesmoke !important; 
	width: auto !important;
}*/

.wpcf7-list-item{
	background-color: whitesmoke;
	border-radius: 5px;
}
/*
input {
  width: auto !important;
}

textarea {
	width: auto !important;
} */

/* this is form the thankyou page post-367 */

#post-367{
	border: 2px solid grey;  
	border-radius: 15px 0px 15px 0px;
}
/* ++++++++++++++++++++++++++++++++ */

/* This section is for CSS for input and a buttons */
input#MySubmit{
	background-color: rgb(28, 122, 0,.5);   /*  just green=#36941A; or #1C7A00; */
  	border: 1px solid black;
	border-radius: 4px;
  	font-size:1em;
	color: #000000;  /* #1bb0ce light blue  #0066CC; link blue */
  	font-weight: 400;
	padding: .45em .55em .45em .55em;
	margin-bottom: 0px;
	text-transform: capitalize !important;
}

a#MySubmit{
	background-color: rgb(28, 122, 0,.5);   /*  just green=#36941A; or #1C7A00; */
/*	opacity: 0.59; */
  	border: 1px solid black;
	border-radius: 4px;
  	font-size:1em;
	color: #000000;  /* #1bb0ce light blue  #0066CC; link blue */
 /* 	text-transform: capitalize; */
  	font-weight: 400;
 /**/  padding: .45em .55em .45em .55em;
	margin-bottom: 0px;
}

/* ++++++++++++++++++++++++++++++++++++++ */

/* This section is for CSS for CF7 SEAFORM form */
.wpcf7 .cf7s-seaspray legend{
	    background: rgb(28, 122, 0,.5) !important;    /* just green=#36941A !important;*/
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input{
	border: 1px solid #36941A !important;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray textarea {
	border: 1px solid #36941A !important;
}
/* ++++++++++++++++++++++++++++++++++++++ */

/* ****  To test the two divs side by side *** */

/*
.wrapper { 
  border : 2px solid #e57;  //   #000; 
  overflow:hidden;
}


.wrapper div {
	min-height: 200px;
	padding: 10px;
//	border: 3px solid black;
}  

#one {
  background-color: gray;
  float:left; 
  margin-right:20px;
  width: 60%; //    140px;
  border-right: 2px solid #000;
	text-align: center;
}

#two { 
  background-color: white;
  overflow:hidden;
  margin:10px;
  border:2px dashed #ccc;
//  min-height:170px;
	vertical-align: middle;
}  
*/

/*
@media screen and (max-width: 400px) {
   #one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
    border-bottom:2px solid #000;    
  }
} */
/* ***************************************** */