/*
Theme Name: U-Design Child
Theme URI: http://themeforest.net/item/udesign-wordpress-theme/253220?ref=internq7
Description: Child Theme for U-Design
Author: Andon
Author URI: http://themeforest.net/user/internq7/portfolio?ref=internq7
Template: u-design
Version: 1.0.0
*/

/**** BEGIN ADDING YOUR CUSTOM CSS CODE BELOW: ****/

/*removing title gap & on top of landing pages and removing main menu to keep visitors focused  */

.page-id-190 #page-content-title, .page-id-190 #breadcrumbs-container
{
display:none;
}

.page-id-190 .entry {
    padding: 0px 0 0px;
}

.page-id-190 #content-container
{
margin-top: -40px;
}

/* ending removal of top gap on landing pages */

#footer-bg {
  min-height: 85px;
}

#bottom-bg {
border-top: 7px solid #0066A8;
}

.telephone {
font-size: 3em;
color: #016502;
font-weight: 600;
}

.Constitution {
font-size: 15px;
font-family: 'Times New Roman';
}

.fontBot {
font-size: 15px;
font-family: 'Trebuchet MS';
}

.DIS {
font-size: 10px;
font-family: 'Trebuchet MS';
}

#wrapper-1 {
    background-color: #ffffff;
}

#footer 
{
font-size: 0.8em;
}

.sf-menu li :hover {
	background-color: #0066a8;
}

.butn { /* Button colors */
  float: center;
  width: 460px;
  height: 16px;
  border-radius: 9px;
  font-family: 'Trebuchet MS', 'Arial';
  font-size: 24px;
  font-style: none;
  font-weight: 900;
  background: #ffffff;
  padding: 5px 18px;
  border: 5px solid #0066a8;
  text-decoration: none;
}
 
.butn a { /* Button link color */
     color:#0066a8;
}

.butn:hover { /* CSS for the button color when hovered here */
  background:#ffffff;
  border: 5px solid #9DAD45;
}
 
.butn a:hover { /* Add the text link color when hovered */
  color:#9DAD45;
}


.butn2 { /* Button colors */
  float: center;
  width: 450px;
  height: 16px;
  border-radius: 9px;
  font-family: 'Trebuchet MS', 'Arial';
  font-size: 14px;
  font-style: none;
  font-weight: 900;
  background: #ffffff;
  padding: 5px 14px;
  border: 5px solid #9c2525;
  text-decoration: none;
}
 
.butn2 a { /* Button link color */
     color:#9c2525;
}

.butn2:hover { /* CSS for the button color when hovered here */
  background:#ffffff;
  border: 5px solid #A38E08;
}
 
.butn2 a:hover { /* Add the text link color when hovered */
  color:#A38E08;
}


.btn3 { /* Button colors */
 width: 150px;
 height: 340px;
 border-radius: 9px;
 font-size: 14px;
 padding: 5px 15px 15px;
 border: 2px solid #0066A8;
 text-decoration: none;
}
 
.btn3 a { /* Button link color */
     color:#0066A8;
}

.btn3:hover { /* CSS for the button color when hovered here */
 border: 2px solid #A38E08;
}


.butn4 { /* Button colors */
  float: center;
  width: 450px;
  height: 16px;
  border-radius: 9px;
  font-family: 'Trebuchet MS', 'Arial';
  font-size: 15px;
  font-style: none;
  font-weight: 900;
  background: #ffffff;
  padding: 5px 14px;
  border: 5px solid #0066A8;
  text-decoration: none;
}
 
.butn4 a { /* Button link color */
     color:#0066A8;
}

.butn4:hover { /* CSS for the button color when hovered here */
  background:#ffffff;
  border: 5px solid #A38E08;
}
 
.butn4 a:hover { /* Add the text link color when hovered */
  color:#A38E08;
}

.btn5 { /* Button colors */
 width: 125px;
 height: 250px;
 border-radius: 9px;
 font-size: 14px;
 padding: 5px 15px 15px;
 border: 2px solid #0066A8;
 text-decoration: none;
}
 
.btn5 a { /* Button link color */
     color:#0066A8;
}

.btn5:hover { /* CSS for the button color when hovered here */
 border: 2px solid #A38E08;
}


.butn6 { /* Button colors */
  float: center;
  width: 450px;
  height: 20px;
  border-radius: 9px;
  font-family: 'Trebuchet MS', 'Arial';
  font-size: 30px;
  font-style: none;
  font-weight: 900;
  background: #9c2525;
  padding: 5px 18px;
  border: 5px solid #9c2525;
  text-decoration: none;
}
 
.butn6 a { /* Button link color */
     color:#ffffff;
}

.butn6:hover { /* CSS for the button color when hovered here */
  background:#ffffff;
  border: 5px solid #9DAD45;
}
 
.butn6 a:hover { /* Add the text link color when hovered */
  color:#9DAD45;
}

.butn7 { /* Button colors */
  float: center;
  width: 450px;
  height: 16px;
  border-radius: 9px;
  font-family: 'Trebuchet MS', 'Arial';
  font-size: 14px;
  font-style: none;
  font-weight: 900;
  background: #ffffff;
  padding: 5px 14px;
  border: 5px solid #28801f;
  text-decoration: none;
}
 
.butn7 a { /* Button link color */
     color:#28801f;
}

.butn7:hover { /* CSS for the button color when hovered here */
  background:#ffffff;
  border: 5px solid #A38E08;
}
 
.butn7 a:hover { /* Add the text link color when hovered */
  color:#A38E08;
}


.TBox {
  /*width:83%; */
  border-radius: 6px;
  border-width:2px;
  border-style:solid;
  border-color:#000000;
  padding:10px;
}

.CBox {
font-size: 12.5px;
font-family: 'Trebuchet MS';
}

.CBox a { /* Button link color */
     color:#000000;
}

.CBox a:hover { /* Add the text link color when hovered */
  color:#0066a8;
}

.postmetadata {
  display: none;
}

.screen-reader-text {
display: none !important;
}

/*********** Call to Action | SUBSCRIBE Form Styles *******************/


.wpcf7 {
/* border: 3px solid #0066A8; */
/* border-radius: 6px; */
/* width: 90%;*/
/**-webkit-box-shadow: 0 0 7px rgba(0,0,0,.4);
/* -moz-box-shadow: 0 0 8px rgba(0,0,0,.4); */
/* box-shadow: 0 0 7px 0px rgba(0,0,0,.4); */
/* background-size: 100% 900px; */
/* background-image: url("https://www.constitutionalrightscentre.ca/20CRC16/wp-content/uploads/2020/08/SubcribeBak4.jpg"); */
}

.wpcf7-form {
margin-left: 10px;
margin-right: 9px;
/* margin-top: 28px; */
margin-bottom: 2px;
}

.wpcf7 select {
font-family: 'Trebuchet MS', 'Arial';
font-size: 18px;
}

.wpcf7 input {
width: 90%;
padding: 6px 8px;
font-family: 'Play', 'Arial';
font-size: 16px;
}

.wpcf7-textarea {
 width: 96%;
}

.wpcf7-checkbox input[type=checkbox] {
position: left;
width: 20px;
height: 20px;
cursor: pointer;
}

.wpcf7-submit {
max-width:100%;
font-family: 'Trebuchet MS', 'Arial';
font-size: 24px;
font-style: normal;
font-weight: 600;
/**background: #0066A8;**/
color: #0066A8;
border: 5px solid #0066A8;
border-radius: 9px;
padding: 7px 35px;
-webkit-appearance: none;
}

.wpcf7-submit a { /* Button link color */
color:#ffffff;
}

.wpcf7-submit:hover { /* CSS for the button color when hovered here */
background: none;
border: 5px solid #A38E08;
color:#A38E08;
cursor: pointer;
}


/*********** MAIN FORM VALIDATION ERRORS *******************/

div.wpcf7 form.sent .wpcf7-response-output {
text-align: left;
/* border-color: #0066A8; */
border: 4px solid #9c2525;
font-family: 'Trebuchet MS', 'Arial';
border-radius: 9px;
font-size: 24px;
font-style: normal;
font-weight: 600;
}

div.wpcf7-response-output {
text-align: left;
border: 4px solid #9c2525;
color:#9c2525;
}

div.wpcf7-validation-errors {
border: 4px solid #9c2525;
color:#9c2525;
}

div.wpcf7-mail-sent-ok {
border: 4px solid #9c2525;
color:#9c2525;
}

div.cfsContactMsg.cfsErrorMsg {
    color: #9c2525 !important;
    padding: 5px;
    margin: 5px 0;
    font-weight: 600;
}

span.wpcf7-not-valid-tip {
    color: #9c2525;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

div.wpcf7-spam-blocked {
border: 3px solid #9c2525;
color:#9c2525;
}

/*********** END OF MAIN FORM VALIDATION ERRORS *******************/


/*********** CONTACT US Styles *******************/


div#wpcf7-f588-p27-o1.wpcf7

{
	margin-top: 0px;	
}

#wpcf7-f588-p27-o1 {
background-image: url("");
border: 0px solid #0066A8; 
border-radius: 0px;
-webkit-box-shadow: 0 0 0px rgba(0,0,0,0);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0);
box-shadow: 0 0 7px 0px rgba(0,0,0,0);
max-width:100%;
}

#wpcf7-f588-p27-o1 form {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

div#wpcf7-f588-p27-o1.wpcf7 form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit
{
max-width:100%;
font-family: 'Trebuchet MS', 'Arial';
font-size: 2em;
font-style: normal;
font-weight: 600;
border: 5px solid #0066A8;
background: #FFFFFF;
color: #0066A8;
padding: 9px 35px;
}

div#wpcf7-f588-p27-o1.wpcf7 form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit a { /* Button link color */
color:#0066A8;
}

div#wpcf7-f588-p27-o1.wpcf7 form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit:hover { /* CSS for the button color when hovered here */
background: #FFFFFF;
border: 5px solid #A38E08;
color:#A38E08;
cursor: pointer;
}



/*********** CONTACT FORM VALIDATION ERRORS *******************/

div#wpcf7-f588-p27-o1.wpcf7.invalid.wpcf7-response-output, .wpcf7 form.unaccepted.wpcf7-response-output {
    border-color: #9c2525;
}

div#wpcf7-f588-p27-o1.wpcf7.cfsContactMsg.cfsErrorMsg {
    color: #9c2525 !important;
    padding: 5px;
    margin: 5px 0;
    font-weight: 600;
}

div#wpcf7-f588-p27-o1.wpcf7 form.wpcf7-form.invalid p label span.wpcf7-form-control-wrap.your-name span.wpcf7-not-valid-tip {
    color: #9c2525;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

div#wwpcf7-f588-p27-o1.wpcf7 form.wpcf7-form.invalid p label span.wpcf7-form-control-wrap.your-email span.wpcf7-not-valid-tip {
color: #9c2525;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

div#wpcf7-f588-p27-o1.wpcf7 form.wpcf7-form.invalid p label span.wpcf7-form-control-wrap.your-tel span.wpcf7-not-valid-tip {
color: #9c2525;
    font-size: 1em;
    font-weight: normal;
    display: block;
}


div#wpcf7-f588-p27-o1.wpcf7 form.wpcf7-form.spam div.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
color: #9c2525;
    font-size: 1em;
    font-weight: normal;
    display: block;
}


div#wpcf7-f588-p27-o1.wpcf7 form.wpcf7-form.spam div.wpcf7-response-output.wpcf7-display-none.wpcf7-spam-blocked
{
color: #9c2525;
    font-size: 1em;
	border: 3px solid #9c2525;
    font-weight: normal;
    display: block;
}

/*********** contact us form validation errors ***********************/

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #9c2525;
	border-radius: 7px;
	border-width: 4px;
	color: #9c2525;
    font-family: trebuchet ms;
	font-size: 1.5em;
    font-weight: 600;
    padding: 10px;
    font-weight: 600;
}

div.entry div#wpcf7-f588-p27-o1.wpcf7 form.wpcf7-form.sent div.wpcf7-response-output {
	border-color: #9c2525;
	border-radius: 7px;
	border-width: 4px;
	color: #9c2525;
    font-family: trebuchet ms;
	font-size: 1.5em;
    font-weight: 600;
    padding: 10px;
    font-weight: 600;
}



/*********** END OF CONTACT FORM VALIDATION ERRORS *******************/


/*********** PRIVACY POLICY LINK *******************/

.PRIV {
font-size: 9px;
font-family: 'Trebuchet MS';
color:#0066A8;
text-decoration: underline;
}

.PRIV a { /* Button link color */
color:#0066A8;
text-decoration: underline;
}

.PRIV:hover { /* CSS for the button color when hovered here */
 color:#A38E08;
text-decoration: underline;
}

/*********** END OF PRIVACY POLICY LINK *******************/

/*********** Custom Subscribe Form 1 *******************/

.subscribe_form_1 { 
border: 3px solid #0066A8;
border-radius: 6px;
background-size: 100% 420px;
padding: 110px 5px 20px 5px;
background-image: url(https://www.constitutionalrightscentre.ca/20CRC16/wp-content/uploads/2020/08/SubcribeBak4.jpg);
}

/*********** Custom form submit button *********************/

div.subscribe_form_1 #submit {
width: 93%;
font-family: 'Trebuchet MS', 'Arial';
font-size: 20px;
font-style: normal;
font-weight: 600;
color: #0066A8;
border: 5px solid #0066A8;
border-radius: 9px;

-webkit-appearance: none;
}

div.subscribe_form_1 #submit a { /* Button link color */
color:#ffffff;
}

div.subscribe_form_1 #submit:hover { /* CSS for the button color when hovered here */
background: none;
border: 5px solid #A38E08;
color:#A38E08;
cursor: pointer;
}

div.subscribe_form_1 input {
	width: 87%;
    padding: 6px 6px;
    font-family: 'Play', 'Arial';
    font-size: 16px;
    margin: 8px 0px 8px 7px;
}

/*********** END Custom Subscribe Form 1 *******************/