/* 
Theme Name: Jigsaw Media Custom Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Jigsaw Media Custom Theme is a child theme of Hello Elementor, created by Elementor team
Author: Jigsaw Media
Author URI: https://jigsawmedialtd.co.uk/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.searchwp-modal-form-default .searchwp-modal-form__overlay {
  background: rgba(0,0,0,.8)!important;
}

.searchwp-modal-form-default .searchwp-modal-form__content {
  background-color: transparent!important;
}

#searchwp-form-5 .swp-input {
  background: transparent!important;
  color: #fff!important;
  text-align: center!important;  
  font-size: 50px!important;
  line-height: 1.5!important;  margin: 0 auto;
  border-bottom: 1px solid #fff !important;
  border-radius: 5px;
  width: 80%!important;
  max-width: 1280px!important;
}

input[type="search"] {
	border: none!important;
}

input[type="submit"] {
	display: none!important;
}

input[type="search"]:focus,
input[type="text"]:focus,
.elementor-search-form__input:focus {
    outline: none;
    box-shadow: none;
}

.searchwp-modal-form-trigger-icon svg {
	fill: #fff!important;
	margin: 0 10px;
}