/*
Theme Name: Logan Child
Theme URI: http://www.pixedelic.com/themes/logan
Author: Manuel Masia | Pixedelic
Author URI: http: //themeforest.net/user/pixedelic
Description: A Wordpress theme by Manuel Masia (Pixedelic). If you think you're satisfied with the support or the updates, please consider to rate the theme with 5 stars on your ThemeForest "Downloads" section. It is very important and helpful for me and my business. Thank you.
Tags: responsive-layout, custom-colors, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready
Template: logan
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/


/* =Theme customization starts here
-------------------------------------------------------------- */


   /*.qform-field-wrap1 span:before {
      content: "*";
      position: absolute;
      top: 7px;
      right: calc(1% - 17px);
      color:red;
    }*/
    
  /*  input {
      width: 100%;
      font-size: 20px;
    } */

.footer-composer {
	max-width: 50% !important;

}

 @media only screen 
and (max-width: 320px) {
	#header-wrap .site-branding {
    	     background-color: rgba(84,84,84,0.71) !important; 
	}
}



@media only screen and (max-width: 1024px) {
    body.sticky-reached:not(.header-side) #header-wrap .site-branding {
        font-size: x-small !important;
    }
}

@media only screen and (max-width: 320px) {
    #header-search {
        width: 100% !important;
    }
}

@media only screen and (max-width: 481px) {
    #header-search {
        width: 100% !important;
    }
}

@media only screen and (max-width: 641px) {
    #header-search {
        width: 100% !important;
    }
}

@media only screen and (max-width: 800px) {
    #header-search {
        width: 100% !important;
    }
}


#header-spacer {
	color: #ffffff !important;
}

body.transparent-header .header-cell *, body.transparent-header #breadcrumbs *, body.transparent-header #header-title .entry-meta * {
	color: #000000 !important;
}

@media screen and (max-width: 800px)
header#masthead {
	background-color: rgba(84,84,84,0.71) !important;
}

body:not(.transparent-header) header#masthead, body.transparent-header.sticky-reached header#masthead {
	background-color: rgba(84,84,84,0.71) !important;

}

body.transparent-header.sticky-reached header#masthead {
    background-color: rgba(84,84,84,0.71) !important;
}

#header-wrap .logo_wrap {
	padding-right: 0 !important;
}

#header-wrap .logo_wrap img {
	left: -5px;
	padding-right: 6px;
	
} 

#header-wrap {
    padding: 0px !important;
}

#header-wrap .site-description a {
	font-size: inherit !important;
}
	

#header-wrap .site-title a {
	font-size: x-large !important;
}

#header-wrap .site-title {
	color: #ffffff !important;

}



#pix-share-start {
	display: none !important;

}

.member-list {
	margin-left: 0 !important;
}
.quote-form .qform-field-wrap{
    margin-bottom: 1em;
    float: left;
    width: 100%;
}
.quote-form .qform-field-wrap label.formlabel{
    width: 40%;
    float: left;
}
.quote-form .qform-field-wrap .field{
    width: 60%;
    float: left;
}
.quote-form .qform-field-wrap span{
   font-size:12px;   
}

.quote-form .qform-field-wrap span.smalltitle{ display: block;}

.quote-form select{font-size:1.23em;}

.quote-form .checkboxes  .wpcf7-list-item{
    width: 40%;
    float: left;
}

.quote-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:14px;font-style:normal;    font-family: "Merriweather";font-weight:100;
}
.quote-form ::-moz-placeholder { /* Firefox 19+ */
  font-size:14px;font-style:normal;    font-family: "Merriweather";font-weight:100;
}
.quote-form :-ms-input-placeholder { /* IE 10+ */
  font-size:14px;font-style:normal;    font-family: "Merriweather";font-weight:100;
}
.quote-form :-moz-placeholder { /* Firefox 18- */
  font-size:14px;font-style:normal;    font-family: "Merriweather";font-weight:100;
}

/* .site-title{
    	font-size: 0.9em !important;
	line-height: 1.6em !important;
}

.site-description{
    	font-size: 0.4em !important;

} 

#top-search-icon::before,#top-cart-amount{
color: #ffffff!important;
}

#top-cart-icon svg {
    fill:  #ffffff!important;
}

nav#site-navigation > div > div[role="list"] > div[role="listitem"] > a {
	color:#fff;
}

.quotesmall{    
	font-size: 14px;
    	text-align: center;
    	width: 100%;
    	display: block;
   	 margin-bottom: 40px;
}

.quote-form  .length input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.quote-form  .width input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.quote-form  .height input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]){
	width:150px !important;
}

.quote-form  .length,.quote-form  .width,.quote-form  .height{
	float: left;
    	width: 100%;
}

@media (max-width: 767px){
    .quote-form .qform-field-wrap label.formlabel{width:100%;}
   .quote-form .qform-field-wrap .field{width:100%;}
}