/* Navbar */
.search-overlay-nav-container{}

.search-overlay-btn{
	border: 1px solid #999999;
	background: none;
	outline: 0;
	color: #999999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 25px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.04);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.04);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.04);
	transition: all 0.2s ease;
}

.search-overlay-btn:hover{
	background: #FAFAFA;
	border-color: #635a60;
	color: #635a60;
}

.search-overlay-btn .fa-search{
	margin-right: 7px;
}

@media (max-width: 767px) {
	.search-overlay-nav-container{
		display: none;
	}
}


/* Overlay Modal */
.search-overlay .modal-dialog {
		margin: 0 0 0 0;
		width: 100%;
		height: 100%;
		min-height: 100%;
		padding: 0;
	}

  .search-overlay.modal:before{
    height: auto !important;
    display: block !important;
  }

	.search-overlay .modal-header {
		border: 0;
	}

	.search-overlay .modal-content {
		height: 100%;
		min-height: 100%;
		border-radius: 0;
		background: rgba(255, 255, 255, 0.85);
		overflow:auto;
		-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	}

.search-overlay .modal-body{
}





/* Search Input */
#search-overlay-search-input{
padding: 3px;
border: solid 1px #CCCCCC;
border-radius: 6px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.04);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.04);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.04);
}

#search-overlay-search-input input{
    border: 0;
    box-shadow: none;
}

#search-overlay-search-input .input-group .form-control{
	width: 95%;
}

@media (max-width: 717px) {
	#search-overlay-search-input .input-group .form-control{
		width: 90%;
	}
}

@media (max-width: 480px) {
	#search-overlay-search-input .input-group .form-control{
		width: 86%;
	}
}

#search-overlay-search-input button{
    margin: 20px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #CCCCCC;
    padding: 0 8px 0 2px;
		outline: 0;
		transition: color 0.2s ease;
}

#search-overlay-search-input button:hover{
    border: 0;
    box-shadow: none;
		color: #3F393D;
}

#search-overlay-search-input .glyphicon-search{
    font-size: 22px;
}





/* Search Overlay Content */
.search-overlay .modal-body h1.search-overlay-title{
  font-family: 'WeeklyPro-Bold';
  text-align: center;
	margin-bottom: 25px;
	font-size: 35px;
}

.search-overlay .modal-body h2.search-overlay-section-heading{
  font-family: 'WeeklyPro-Bold';
	margin-bottom: 20px;
	font-size: 20px;
}

.search-overlay .search-overlay-section-search{
	margin-top: 0px;
	margin-bottom: 30px;
}

.search-overlay .search-overlay-section-browse-all{
	margin-bottom: 30px;
}

.search-overlay .search-overlay-section-browse-all-btn{
}

.search-overlay a.search-overlay-section-browse-all-btn{
	color: #3F393D;
	width: 100%;
	text-align: center;
	border: 1px solid #CCCCCC;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
  font-weight: 600;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	padding: 30px 0;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.04);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.04);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.04);
	transition: all 0.2s ease;
}


.search-overlay a.search-overlay-section-browse-all-btn:hover{
	background: #FAFAFA;
	border-color: #999999;
}


@media (max-width: 767px) {
	.search-overlay a.search-overlay-section-browse-all-btn{
		margin-bottom: 15px;
	}
}