@import url('https://fonts.googleapis.com/css2?family=Teko&display=swap');

body {
  font-family: 'Teko', sans-serif;
}


.ccf7 {display: flex;flex-direction: column;gap: 10px 0;}
.cfrow {display: flex;gap: 20px;}
.cfrow.one {flex-direction: column;}
.cfrow.one .col {width: 100%;}
.cfrow.two .col {width: 50%;}
.cfrow.three .col {width: 33.33%;}
.cfrow.four .col {width: 25%;}
.cfrow.five .col {width: 20%;}

.ccf7 .cf-input {padding: 0px !important;border: 0;box-shadow: none;}
.ccf7 .cf-input.text {}
.ccf7 .cf-input.textarea {}
.ccf7 .cf-input.submit {}
.ccf7 .cf-input.submit:focus {outline: 0;}
.cfrow.one.submit {
    margin-top: 0px;
}
/* Worker submit button */
div#wpcf7-f437-p401-o3 .cfrow.one.submit input {
    background: #0b2154;
}

.cf-radio {display: flex; gap: 20px;flex-wrap: wrap;}
.cf-radio {display: flex;gap: 27px 15px;flex-wrap: wrap;}
.cf-radio > span {margin-left: 0;}
.cf-radio input:checked ~ span {color: #fff;background: #0b2154;}
.cf-radio input ~ span {}
.cf-radio input {position: absolute;visibility: hidden;}
.cf-radio label {position: relative;}
.cf-radio label > span {padding: 10px 25px;border: 1px solid #0b2154;cursor: pointer;}

.cfrow .col h5 small {display: block; line-height: 20px; font-size: 15px;color: #333;text-transform: none;letter-spacing: 0;}
ul.certs {margin-left: 10px;list-style: none;color: #464646;}
ul.certs li {position: relative;margin-right: 5px;padding: 5px 10px;background: #fff;box-shadow: 1px 1px 10px #00000029;border-radius: 4px;margin-bottom: 14px;}

ul.certs li:before {content: '';font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f192";display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;margin-right: 10px;font-size: 12px;color: #d81324;-webkit-font-smoothing: antialiased;}

@media only screen and (max-width:767px) {
  .cfrow {flex-direction: column;}
  .cfrow .col {width: 100% !important;}
}

.widget-title.wpc-filter-title { display: none;}

body.wishlist-template-default.single.single-wishlist div#secondary { display: none;}
body.wishlist-template-default.single.single-wishlist #primary { width: 100%;}

body.wishlist-template-default.single.single-wishlist .wishlist-breadcrumb,
body.wishlist-template-default.single.single-wishlist .meta { display: none;}


/* Heading */

.cfrow.one h2 {color: #0B2154;
    font-family: "Teko", Sans-serif;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
letter-spacing: 1.3px;}




/* Input Field */

input.wpcf7-form-control.wpcf7-text.cf-input.text {
    border-radius: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E7EBF0;
    padding: 10px 20px 10px 20px !important;
    height: 50px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 12px !important;
    color: #495057 !important;
    width: 100%;
}


input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.cf-input.email{
	  border-radius: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E7EBF0;
    padding: 10px 20px 10px 20px !important;
    height: 50px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 12px !important;
    color: #495057 !important;
	width: 100%;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.cf-input{
	border-radius: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E7EBF0;
    padding: 10px 20px 10px 20px !important;
    height: 50px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 12px !important;
    color: #495057 !important;
	width: 100%;
}

input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number.cf-input.number {
	border-radius: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E7EBF0;
    padding: 10px 20px 10px 20px !important;
    height: 50px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 12px !important;
    color: #495057 !important;
	width: 100%;
}

select.wpcf7-form-control.wpcf7-select.cf-input {
	border-radius: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E7EBF0;
    padding: 10px 20px 10px 20px !important;
    height: 50px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 12px !important;
    color: #495057 !important;
	width: 100%;
}

textarea.wpcf7-form-control.wpcf7-textarea.cf-input.text {
	border-radius: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E7EBF0;
    padding: 10px 20px 10px 20px !important;
    height: 50px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 12px !important;
    color: #495057 !important;
	width: 100%;
}


/* Button */

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    height: 50px;
	padding-top: 4px
}

button.add-communicator-btn{
	background-color: #D81324;
    color: #fff;
    font-family: teko;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0px;
    border-width: 0px;
	transition: all .4s ease;
}

button.add-communicator-btn:hover{
	    background-color: #3a3a3a;
    color: #fff;
	transition: all .4s ease;
}

button.add-communicator-btn:focus{
	    background-color: #D81324;
    color: #fff;
}

button.add-veLogin-btn {
    background-color: #D81324;
    color: #fff;
    font-family: teko;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0px;
    border-width: 0px;
	transition: all .4s ease;
}

button.add-veLogin-btn:hover {
	    background-color: #3a3a3a;
    color: #fff;
	transition: all .4s ease;
}

button.add-veLogin-btn:focus{
	    background-color: #D81324;
    color: #fff;
}


button.remove-veLogin-btn
{background-color: #D81324;
    color: #fff;
    font-family: teko;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0px;
    border-width: 0px;
	transition: all .4s ease;
}


button.remove-veLogin-btn:hover
{background-color: #3a3a3a;
    color: #fff;
	transition: all .4s ease;
}

button.remove-veLogin-btn:focus{
	    background-color: #D81324;
    color: #fff;
}


button.add-bsrLogin-btn {
    background-color: #D81324;
    color: #fff;
    font-family: teko;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0px;
    border-width: 0px;
	transition: all .4s ease;
}

button.add-bsrLogin-btn:hover {
    background-color: #3a3a3a;
    color: #fff;
	transition: all .4s ease;
}

button.add-bsrLogin-btn:focus{
	    background-color: #D81324;
    color: #fff;
}


button.remove-bsrLogin-btn{
    background-color: #D81324;
    color: #fff;
    font-family: teko;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0px;
    border-width: 0px;
	transition: all .4s ease;
}

button.remove-bsrLogin-btn:hover {
    background-color: #3a3a3a;
    color: #fff;
	transition: all .4s ease;
}

button.remove-bsrLogin-btn:focus{
	    background-color: #D81324;
    color: #fff;
}


.add-communicator-btn:hover {
    background-color: #005f8d;
	color: #fff;
	transition: all .4s ease;
}

.add-communicator-btn:focus{
	    background-color: #D81324;
    color: #fff;
}


.remove-communicator-btn {
     background-color: #D81324;
    color: #fff;
    font-family: teko;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0px;
    border-width: 0px;
	transition: all .4s ease;
}

.remove-communicator-btn:hover {
    background-color: #a00;
	color: #fff;
	transition: all .4s ease;
}



button.add-sublet-btn{
     background-color: #D81324;
    color: #fff;
    font-family: teko;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0px;
    border-width: 0px;
	transition: all .4s ease;
	}
	
	button.add-sublet-btn:hover{   
	 background-color: #3a3a3a;
    color: #fff;
	transition: all .4s ease;
}


button.add-sublet-btn:focus{
	    background-color: #D81324;
    color: #fff;
}


button.remove-sublet-btn{
     background-color: #D81324;
    color: #fff;
    font-family: teko;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0px;
    border-width: 0px;
	transition: all .4s ease;
	}
	
button.remove-sublet-btn:hover{   
	 background-color: #3a3a3a;
    color: #fff;
	transition: all .4s ease;
}

button.remove-sublet-btn:focus{
	    background-color: #D81324;
    color: #fff;
}




/* Send Button */

input.wpcf7-form-control.wpcf7-submit.has-spinner.cf-input.submit {
    width: 20%;
    background-color: #D81324;
    border-radius: 0px;
    color: #fff;
    font-family: 'Teko';
    font-size: 16px;
	transition: all .4s ease;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.cf-input.submit:hover{   
	 background-color: #3a3a3a;
	color: #fff;
	transition: all .4s ease;
}


.ccf7 p {margin-bottom:0px !important;}