/*
 Theme Name:   Alston Wholefoods website: uber-alston-child
 Description:  Adaptation of Uber Theme Trust template for Alston Wholefoods's website
 Author:       Madeleine Parkyn: Envoy
 Author URI:   http://www.envoy.uk.net
 Template:     uber
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  uber-alston-child
*/


.campaign {
margin: 1em;
line-height: 1.4;
}


.customerquote

{width: 30%;
margin: 1em 2em 1em 0em;
float: left;
padding  1em;
line-height: 1.4;
}

#content .post h1 {
    font-size: 1.8em;
}


body {background-color:#ffffff; }


/*body {

background-image: url('full-url-of-your-uploaded-image') no-repeat;

}*/


/*adding some space to mailchimp sign up form */
.mc-field-group {margin: 1.6em 0em}


p {font-size: 1em;}

#content ul li {font-size: 1em !important;}





h5 {margin-bottom: 5px !important; color: #666666; font-size: 1.2em; }

h3 {line-height:1.6em; }

/* social media  */

.icons {opacity: 0.6; 
    margin-top: 1em}
 
.icons:a {
	opacity:0.6
	-webkit-transition:opacity 600ms ease-in-out;
		-moz-transition:opacity 600ms ease-in-out;
		transition:opacity 600ms ease-in-out;
	}

.icons:hover {
	opacity: 1;
	 }		

.icons:focus {
	opacity: 1; 
	}	


/* MAIN NAV TOP 

#mainNav ul a {
    line-height: 25px;
    color: #8f8f8f;
    font-size: .75em;
    font-weight: bold;
}

#mainNav ul ul li a {
    padding: 0px 0 10px 0;
    font-weight: normal;
  line-height: 1.2;
border: solid 1px #000 !important;} */




/*#header .inside {background-color: #1b401c; } */

/*width of the header green background */
#header #logo {width: auto;}

#logo {background-color: #1b401c; padding: 1.4em; border-style: solid; border-width: 2px; border-color:  #b12322; }
  
#logo h1 a, #logo h1 a:hover {color: #ffffff !important; font-size: 1.2em !important; letter-spacing: 0.05em !important; font-weight:normal;
-webkit-text-shadow: 4px 4px 20px rgba(177,35,34, 1);
    -moz-text-shadow:: 4px 4px 20px rgba(177,35,34, 1);
    text-shadow: -3px 2px 3px rgba(177,35,34, 1);}

#pageHead h1 {color: #1b401c !important; font-size: 2em !important; font-weight:normal; }



/*homepage */

#callToAction {/*background-color:#ffffff;*/
padding: 1.6em 3.2em; }
 
#callToAction .button {display:none; }

#callToAction p {
color: #4d4d4d;
    float: left;
    font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif;
    font-size: 1.2em;
    line-height: 1.4em;
    width: 100%; 
}

.homeSection h3 span {color:   #b12322 !important;}

#content .post.small .meta {display: none;}

.homePosts p {font-size: 0.9em !important; line-height: 1.4;}

.homePosts h1 {font-size: 0.9em !important; line-height: 1.4;}



.flex-caption p {font-size: 1.2em !important; }


#footer .inside {padding-top: 0 !important} 




/* FROM MAEVE SITR layouts smaller than 640px, iPhone and mobiles - it was 600 MP changed to 640 
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px), screen and (max-width: 640px),   {

.icons {opacity: 0.6; 
    margin: 1em auto 1em auto;}
 
} */


@media only screen and (max-width: 1000px) {

#mainNav {
		position: relative;	
		width: 99%;		
		margin-top: 0em;
		top:0.6em;	
/* background-color: #cc3333;*/
clear:both;
margin-left: 2em;
	}

}


@media only screen and (max-width:635px), screen and (max-device-width: 635px)   {

/*width of the header green background */
#header #logo {width: auto;}

#mainNav {
		
margin-left: 1em;
	}


#logo {background-color: #1b401c; padding: 1.4em; border-style: solid; border-width: 2px; border-color:  #b12322; width: 80%;}

.icons {opacity: 0.6; 
    margin: 1em auto 1em auto;}

#footer .secondary .right {
    float: none;
    margin-right: 0;
}

#footer .secondary .left {
   float: none;
    margin-left: 0;
}
 
}

@media only screen and (max-width:445px), screen and (max-device-width: 445px)   {

/*width of the header green background */
#header #logo {width: 80%;}
}