/*
 Theme Name:   Crescent Child Theme
 Theme URI:    https://www.mojomarketplace.com/item/crescent-a-responsive-wordpress-theme-for-bloggers-creatives-amp-businesses
 Description:  Crescent Child Theme
 Author:       Bottomless Design
 Author URI:   http://bottomlessdesign.com/
 Template:     crescent-theme
 Version:      1.1.4
 License:      Single-Domain License
 License URI:  https://www.mojomarketplace.com/
 Tags:         clean, responsive, portfolio, blog, minimal, Business, WordPress, Corporate, health care,   		       modern, creative, mobile, multipurpose, ipad, translation, tablet, iphone, blogging, 
	       non profit, photography, seo, retina, theme options, fashion, video, Custom, startup, Fitness, 		       church, office, cafe, environmental, sports, about, eco, service, call to action, natural, 		       agriculture, bio
 Text Domain:  twenty-fifteen-child
*/

/* ///////////////////////////////////////////////////////////////////// 
//  04 - General
/////////////////////////////////////////////////////////////////////*/

::-moz-selection {
	background-color: #C288C4;
	color: #fff;
}

::selection {
	background-color: #C288C4;
	color: #fff;
}

/* ///////////////////////////////////////////////////////////////////// 
//  04 - Header
/////////////////////////////////////////////////////////////////////*/

.favicon-navigation {
	width: 350px;
	height: 100%;
	margin: 0 24px 0 0;
	float: left;
	line-height: 44px;
}

img.favicon-navigation-image {
	max-width: 350px !important;
	max-height: 64px !important;
	margin: 8px 0 8px 0;
	vertical-align: middle;
}

/* ///////////////////////////////////////////////////////////////////// 
//  05 - Menu
/////////////////////////////////////////////////////////////////////*/

#site-navigation {
	width: 100% !important;
	/*margin: 3px 0 0 3px;*/
	display: inline-block;
	float:right;
}
.navigation-main {
	clear: both;
	display: block;
	width: 100%;
}

.navigation-main ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float:right;
	margin-top:17px;
}
.navigation-main li {
	display: inline-block;
	position: relative;
	padding: 0;

}

.navigation-main li a {
	color: #000000;
	font-size: 1em;
	padding: 0px 14px;
	line-height: 44px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  06 - General Layout
/////////////////////////////////////////////////////////////////////*/

#main-content {
	max-width: 1140px;
	margin: 0 3%;
	background-color: #ffffff;
}

.custom-logo {
	display:none;
}

/* ///////////////////////////////////////////////////////////////////// 
//  16 - Widgets
/////////////////////////////////////////////////////////////////////*/

/* Footer Widgets */
#footer-widgets {
	background-color: #F7F7F7;
  	color: #ffffff !important;
}
#footer-widgets .wpp-post-title {color: #ffffff !important;}
#footer-widgets a:link {color: #ffffff;}

#footer-widgets h4 {color:#d11fc2;}

/* ///////////////////////////////////////////////////////////////////// 
//  21 - Media Queries
/////////////////////////////////////////////////////////////////////*/

/*@media only screen and (min-width: 769px) and (max-width: 1080px) {
	ul.menu li a {
		font-size: 1em;
		padding: 0 7px !important;
		margin: 17px 0 0 16px;
	}
	ul.menu ul a {
		padding: 11px 11px !important;
	}
	.navigation-main ul {
		margin: 0 0 0 -7px;
	}
	.navigation-main ul ul {
		margin: -5px 0 0 -67px;
	}
}*/

/* ///////////////////////////////////////////////////////////////////// 
//  22 - CUSTOM CSS
/////////////////////////////////////////////////////////////////////*/

  
/*Contact Form*/

.form-style-8{
    font-family: 'Open Sans Condensed', arial, sans;
    width: 500px;
    padding: 30px;
    background: #FFFFFF;
    margin: 50px auto;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);

}
.form-style-8 h2{
    background: #84118a;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight: 100;
    padding: 20px;
    margin: -30px -30px 30px -30px;
}
.form-style-8 input[type="text"],
.form-style-8 input[type="date"],
.form-style-8 input[type="datetime"],
.form-style-8 input[type="email"],
.form-style-8 input[type="number"],
.form-style-8 input[type="search"],
.form-style-8 input[type="time"],
.form-style-8 input[type="url"],
.form-style-8 input[type="password"],
.form-style-8 textarea,
.form-style-8 select
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 10px;
    font: 16px Open Sans, sans-serif;
    height: 45px;
}
.form-style-8 textarea{
    resize:none;
    overflow: hidden;
}
.form-style-8 input[type="button"],
.form-style-8 input[type="submit"]{
    -moz-box-shadow: inset 0px 0px 0px 0px #84118a;
    -webkit-box-shadow: inset 0px 0px 0px 0px #84118a;
    box-shadow: inset 0px 0px 0px 0px #84118a;
    background-color: #d11fc2;
    border: 1px solid #d11fc2;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.75em;
    padding: 8px 18px;
    text-decoration: none;
    text-transform: uppercase;
}
.form-style-8 input[type="button"]:hover,
.form-style-8 input[type="submit"]:hover {
    /*background:linear-gradient(to bottom, #d11fc2 0%, #84118a 100%);*/
    background-color:#84118a;
}


/*Search in top menu*/


.searchBox{
    margin-top:30px;
    margin-left:0px;	
    display: block;
    float:right;
}

[class^="icon-"]{
  background:url('/wp-content/themes/crescent-theme-child/images/glass1-small.png') no-repeat  no-repeat;
  background-size: 20px 20px;
	background-position: center;
  color:#fff;
  border-radius:20px;
  display:inline-block;
  padding:6px 7px 7px;
  font-size:18px;
  text-shadow:1px 1px 2px #21638F;
  box-shadow: inset 0px 0px 0px #21638F;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  cursor: pointer;
  z-index:10;
  position:relative;
  height:6px;
  width:6px;
}
[class^="icon-"]:hover{
  background: ##d11fc2;
  text-shadow:0px 0px 0px #d11fc2;
  box-shadow: inset 0px 0px 8px #d11fc2;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
}

.search_form{
  background: #ffffff;
  position:absolute;
  z-index:0;
  padding:0px 5px;
  right:0;
  top:-5px;
  right:53px;
  overflow: hidden;
border-style: solid;
  border-color: #84118a;
  border-width: 4px 1px 1px 1px;
  border-radius:0px;
  width: 20px;
  height:0px;
  transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
  -webkit-transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
}

.search_form form{
  opacity:0;
   transition:all 0.3s ease-out;
  -webkit-transition:all 0.3s ease-out;
}

.search_form input{
  color:#84118a;
  background:#fff;
  font-weight:bold;
  border:none;

}

.search_form input[type='search']{
  border-radius:0px;
  background:#ffffff;
  font-weight:bold;
  width:250px;
  margin:0px 1px 0px 0;
  padding:0px 5px 1px;
  min-height:21.5px;
 /*background:transparent;*/
  color:#84118a;
}

.search_form input[type='submit']{
  border-radius:0 5px  5px 0;
  text-transform:uppercase;
  font-size:11px;
  padding:0px 5px;
  min-height:24px;
  margin:0px 0px 0px 0;
  cursor: pointer;
top:-9999px;

}

.search_box{
  visibility: hidden;
}
.search_box:checked~.search_form{
  width: 260px;
  height:30px;
  padding:25px;
  top:80px;
  transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
  -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
}
.search_box:checked~.search_form form{
  opacity:1;
  transition:0.3s all ease-out 0.5s;
  -webkit-transition:0.3s all ease-out 0.5s;
}

}

/* Responsive */


/*This didn't work on the child stylesheet. Changes made to the Crescent Template css*/
@media only screen and (min-width: 768px) and (max-width: 1080px) {
/*.rectangle {display:none;}*/
ul.menu li a {
	font-size: 1em;
	padding: 0 7px !important;
}
}

@media (max-width: 768px) {

.custom-logo {
	display:block;
	width:95%;
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
}

/*Contact form*/

.form-style-8 {
	   max-width:85%;
	}

/* .contact_form */

/*Disable scroll back to top plugin on mobile devices*/

.scroll-back-to-top-wrapper {display:none;}

/*Disable faulty slideshow on mobile devices*/

.slideshow {display:none;}


/*Disable top menu search box on mobile devices*/

.searchBox {display:none;}

/*Disable Footer Widgets on mobile devices*/

#footer-widgets {display:none;}

/*Disable Shareaholic Rectangle share Buttons on mobile devices*/

.rectangle {display:none;}
}

/*@media (max-width: 768px)

.form-style-8 {
	   max-width:200px;
	}*/