/*
 Theme Name:   Webham
 Theme URI:    https://skyline-internet.com/skylinestarter
 Description:  A Starter Theme for Webham Consulting
 Author:       Skyline Internet
 Author URI:   https://www.skyline-internet.com
 Template:     customify
 Version:      1.0.0
 Text Domain:  skystart
*/
.btn,
input.btn {
  border-radius: 20px !important;
  display: inline-block;
  font-family: "Quicksand", sans-serif !important;
  font-weight: 300 !important;
  text-transform: lowercase !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  border: 1px solid transparent !important;
  user-select: none;
  padding: .375rem .75rem;
  line-height: 1.5;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.btn:hover {
  box-shadow: inset 200px 200px 200px 200px rgba(255, 255, 255, 0.25) !important;
  border: 1px solid transparent; }

.btn.inverse:hover {
  box-shadow: inset 200px 200px 200px 200px rgba(0, 0, 0, 0.25) !important; }

.btn-primary {
  background-color: #304C89 !important;
  color: #fff !important; }

.btn-primary.inverse {
  background-color: #fff !important;
  color: #304C89 !important; }

.btn-secondary {
  background-color: #5296A5 !important;
  color: #fff !important; }

.btn-secondary.inverse {
  background-color: #fff !important;
  color: #5296A5 !important; }

.form-control,
.wpcf7-form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 20px !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.wpcf7-form-control:not([type=submit]):focus {
  background-color: #fff !important; }

.wpcf7-form-control.wpcf7-checkbox {
  border: none !important; }

.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
  margin-left: 0; }

body div.wpcf7-mail-sent-ok,
body div.wpcf7-response-output {
  border: 2px solid #398f14 !important;
  background-color: #398f14;
  color: #fff; }

body div.wpcf7-validation-errors,
body div.wpcf7-acceptance-missing {
  background-color: #f7e700 !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
  margin: 0; }

.bg-primary {
  background-color: #304C89 !important; }

.bg-secondary {
  background-color: #5296A5 !important; }

.flex-wrap {
  display: flex;
  margin-bottom: 5px; }

.flex-wrap.cols-2 .col {
  flex: 2;
  padding: 0 1em; }

.flex-wrap.cols-2 .col:first-child {
  padding-left: 0; }

.flex-wrap.cols-2 .grow-1 {
  flex-grow: 1; }

.flex-wrap.cols-2 .grow-2 {
  flex-grow: 2; }

.flex-wrap.cols-2 .grow-3 {
  flex-grow: 3; }

.flex-wrap.cols-2 .grow-4 {
  flex-grow: 4; }

/*
ul#menu-main-menu li.menu-item.current_page_item{
	border:2px solid #fff;
}
*/
.nav-menu-desktop.style-plain .nav-menu > li {
  margin-right: 5px; }

.nav-menu-desktop.style-plain .nav-menu > li:last-child {
  margin-right: 0; }

@media (max-width: 768px) {
  #header-menu-sidebar-bg .item--html a.btn {
    margin-bottom: 10px; } }
.bg-primary p {
  color: #fff !important; }

footer a.social-link {
  font-size: 1.5em;
  margin: 0 10px; }

footer a.social-link:first-child {
  margin-left: 0; }

footer .footer-main.footer--row .footer--row-inner {
  background-image: url("footer-bg.png");
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat; }

.footer-main ul.menu li,
.footer-main ul.menu li a {
  padding: 0 !important;
  border-bottom: none;
  margin-bottom: 0 !important; }

.footer-main a {
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: 300;
  transition: all .2s; }

.footer-main a.social-icon:nth-child(1) {
  margin-left: 0;
  padding-left: 0; }

.footer-main a.social-icon {
  font-size: 1.2em; }

.footer-main a:hover {
  color: black !important; }

.footer-main ul.menu li a:before {
  content: '- ';
  display: inline-block;
  margin-right: 2px; }

footer.site-footer label {
  color: rgba(0, 0, 0, 0.6); }

footer.site-footer input.form-control {
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.8) !important; }

footer.site-footer label a {
  text-decoration: underline !important; }

footer.site-footer div.form-group {
  display: inline-block;
  width: 48%; }

footer.site-footer div.form-consent .wpcf7-checkbox {
  padding: 10px 0 !important;
  font-size: 90% !important; }

footer.site-footer div.form-consent .wpcf7-checkbox .wpcf7-list-item {
  margin-left: 0 !important; }

footer.site-footer .consent span.wpcf7-form-control {
  background-color: transparent;
  border: none !important; }

@media (min-width: 768px) {
  footer.site-footer .desktop-right {
    float: right !important; } }
@media (max-width: 768px) {
  .builder-item--footer-5 p {
    text-align: center; } }
body.home .sow-slider-image-wrapper:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.31); }

body.home .home-hero .home-hero-inner > .panel-grid-cell {
  z-index: 0; }

body.home .hero-caption {
  padding-top: 11vh;
  text-align: center; }

body.home .hero-caption h5 {
  font-size: 24px !important;
  font-style: italic;
  font-weight: 300;
  text-shadow: none !important;
  text-transform: capitalize !important;
  font-family: "Quicksand", sans-serif !important; }

body.home .hero-caption h3 {
  font-size: 3em !important;
  font-weight: 700;
  letter-spacing: 0.0588235em;
  text-shadow: none !important;
  text-transform: uppercase; }

body.home .hero-caption .highlight {
  color: #5296A5 !important; }

@media (max-width: 768px) {
  body.home .hero-caption {
    padding-top: 0; }

  body.home .hero-caption h5 {
    font-size: 22px !important; }

  body.home .hero-caption h3 {
    font-size: 2.8em !important; } }
.services-layout-builder .widget_sow-icon {
  margin-bottom: 0; }

.services-layout-builder .widget_sow-icon .sow-icon span {
  font-size: 4em;
  color: #304C89 !important; }

.services-layout-builder .so-widget-sow-editor {
  text-align: center; }

.services-layout-builder .so-widget-sow-editor .widget-title {
  margin-bottom: 5px;
  text-transform: lowercase;
  color: #5296A5; }

.service-row h3.widget-title {
  margin-bottom: 10px;
  text-align: center;
  color: #5296A5;
  font-weight: 600; }

.service-row .widget_sow-image {
  margin-bottom: 10px !important; }

@media (min-width: 768px) {
  .service-row img.so-widget-image {
    max-width: 80% !important; }

  body.home .service-row img.so-widget-image {
    max-width: 60% !important; } }
.callback {
  display: flex; }

.callback .form-group {
  flex: 1;
  padding: 0 1em; }

.callback label,
.callback h4 {
  color: #fff !important;
  padding-left: 5px; }

.bg-primary h4 {
  color: #fff !important;
  font-size: 24px; }

.callback input.form-control {
  background-color: rgba(255, 255, 255, 0.1);
  border: none !important;
  color: #fff; }

.callback ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.8;
  /* Firefox */ }

.callback :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff; }

.callback ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff; }

.callback input.form-control:active,
.callback input.form-control:focus {
  background-color: rgba(255, 255, 255, 0.25) !important;
  color: #fff !important; }

.builder-item--footer-3 .wpcf7 form.sent .wpcf7-response-output {
  display: block;
  width: 100%;
  overflow: auto; }

html {
  scroll-behavior: smooth; }

.sow-testimonial-user {
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  color: #304C89; }

.sow-testimonial-text {
  font-style: italic;
  position: relative;
  background-color: rgba(0, 0, 0, 0.05) !important;
  border-radius: 20px;
  padding: 1em; }

.sow-testimonial-text:before,
.sow-testimonial-text:after {
  display: block;
  position: absolute;
  font-family: "FontAwesome";
  width: 1em;
  height: 1em; }

.sow-testimonial-text:before {
  content: '\f10d';
  top: 0;
  left: -.5em; }

.sow-testimonial-text:after {
  content: '\f10e';
  bottom: 0;
  right: -.5em; }

.sow-testimonials .sow-testimonial-wrapper {
  padding: 10px 30px; }

.widget-title {
  text-transform: lowercase !important; }