/* 
Theme Name:		 BlankSlate Child
Theme URI:		 http://childtheme-generator.com/
Description:	 BlankSlate Child is a child theme of BlankSlate, created by ChildTheme-Generator.com
Author:			 Blindmatrix
Author URI:		 http://childtheme-generator.com/
Template:		 blankslate
Version:		 1.0.0
Text Domain:	 blankslate-child
*/


/*
    Add your custom styles here
*/


:root {
    --color-primary: #00c2ff;
    --color-secondary: #002746;
}

a {
color: var(--color-secondary);

}

table {

    caption-side: bottom;
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.5em;
    width: 100%;

}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
    font-weight: 600;
}

td, th {
    padding: .7em 1em;
    border-width: 0 1px 1px 0;
}

/* Contact Form 7 – Minimal Full-Width Form (Theme Colors) */

.wpcf7-form-control {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--color-secondary);
  border-radius: 6px;
  padding: 12px 14px !important;
  font-size: 15px;
  color: var(--color-secondary);
  background-color: #fff;
  transition: border-color 0.3s, box-shadow 0.3s, background-color 0.3s;
  margin: 10px 0;
}

.wpcf7-form-control:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px rgba(0,194,255,0.2);
  outline: none;
  background-color: #f9fcff;
}

/* Dropdown select styling */
.wpcf7-select {
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23002746" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
  cursor: pointer;
}

/* Textarea size */
.wpcf7-textarea {
  min-height: 120px;
  resize: vertical;
}

/* Submit button */
.wpcf7-submit {
  background-color: var(--color-primary);
  color: #fff;
  border: none;
  padding: 12px 25px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  transition: background-color 0.3s, transform 0.2s;
}

.wpcf7-submit:hover {
  background-color: var(--color-secondary);
  transform: translateY(-1px);
}

/* Response messages */
.wpcf7-response-output {
  margin-top: 15px;
  border-radius: 6px;
  padding: 10px 15px;
  border: 1px solid;
  font-size: 14px;
}

.wpcf7-mail-sent-ok {
  border-color: var(--color-primary);
  background-color: rgba(0,194,255,0.1);
  color: var(--color-primary);
}

.wpcf7-validation-errors {
  border-color: #e74c3c;
  background-color: rgba(231,76,60,0.1);
  color: #e74c3c;
}

textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="search"], input[type="password"] {
   
    border-radius: 5px !important;
}


input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    
    padding: .50em;
   
}