/*
 Theme Name:     Fresh Berries (Uber Child Theme)
 Description:    Fresh Berries Website
 Author:    	 Child Theme by Emma Paul
 Template:       uber
 Version:        1.0.0
*/
 
@import url("../uber/style.css");


/* =Theme customization starts here*/

html {
margin-bottom: 0 !important;	
}

body {
margin: 0;
padding: 0;	
}

#header .inside {
border-top: 0; 
padding: 10px 0 10px 0 !important;
}

#mainNav ul a {
font-size: 1em;
font-weight: 400;	
font-family: "Open Sans", sans-serif;}


.flex-control-paging li a.flex-active {
background: rgba(255,255,255,1) !important;}

h1.home {
color: #c41c38;	
border-bottom: 1px solid #ccc;	
margin: 0 30px 20px 30px;
padding-bottom: 15px;
}

.homeSection h3 {
color: #3b2161;
font-size: 1.2em !important;
font-weight: 300;
background: none;
border-bottom: 1px solid #ccc;	
padding-bottom: 10px;
margin-bottom: 17px !important;
}

h1, #pageHead h1 {
font-size: 1.7em;
font-weight: 300;
}
#pageHead h1 {
color: #3b2161;	
}


h2 {
color: #c41c38;	
font-weight: 300;
}

h2 {
/*color: #3b2161;	*/
}

#content h3 {
font-family: 'Open Sans';
font-weight: 300;
font-size: 1.2em;
margin-bottom: 5px;
}

a.breadcrumb {color: #3b2161;	}
a.breadcrumb:hover {color: #c41c38;	}


#mainNav li a:hover, 
#mainNav li.current_page_item a, 
#mainNav li.current-menu-item a, 
#mainNav li.current-menu-parent a, 
#mainNav li.current-post-ancestor a  {
color: #333 !important;
}
#mainNav ul li.sfHover ul a {
color: #F00 !important;	
}



#pageHead {
background: none;
border-bottom: 1px solid #ccc;	
}

#content {
font-size: 1.2em;	
}

#content .one_third ul {
margin: 0 0 20px 0;
padding:0;
}

#content .one_third ul li {
list-style: none;
margin: 0;	
}

#content .one_third p {
margin-bottom: 10px;	
}

/* Recipe  */

ul.recipe-meta  {
margin: 0 !important;
padding: 0;
list-style: none;
}

ul.recipe-meta li {
float: left;
margin-right: 10px !important;	
list-style: none;
font-weight: bold;
}


.circle-grey {
    width:60px;
}
.circle-grey:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #b2b2b2; 
	color: #FFF;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.circle-grey div {
    float:left;
    width:100%;
    padding-top:35%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:#FFF;
}



.circle-hollow {
    width:60px;
}
.circle-hollow:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    border: 2px solid #b2b2b2; 
	color: #b2b2b2 !important;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.circle-hollow div {
    float:left;
    width:100%;
    padding-top:35%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
	color: #777 !important;
left: 1px;
position: relative;
}


.circle-print {
    width:60px;
}
.circle-print:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #b2b2b2; 
	color: #FFF;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}

.circle-print a {
color: #FFF; 	
font-size: 14px;
}

.circle-print a:hover {
color: #333; 	
}

.circle-print div {
    float:left;
    width:100%;
    padding-top:48%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:#FFF;
}


/* NGG WIDGET */
#footer .ngg-widget a {
	
	float: left; 
	
}

#footer .ngg-widget img {
bordeR: 0px !important;
margin-right: 6px;	
margin-bottom: 6px;	
}

#footer .secondary {
background: #FFF;
margin: 0 30px;
border-top: 1px solid #CCC;	
}

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

#footer .inside {
margin-bottom: 0;	
}

#footer .widgetBox h3 { 
font-size: 1em;
font-weight: 400;
color: #333;
}

#footer .textwidget p {
font-size: .9em !important;	
color: #555;
line-height: 1.1em;
margin-bottom: 12px;
}


#footer .textwidget a {
font-style: italic;
color: #555;	
}

#footer .textwidget a:hover {
color: #c41c38;	
}


div.top {
	margin: 0;
	position: relative;
	width: 220px;
	height: 170px;
	overflow: hidden;
	}	
	
	div.top div {
		width: 220px;
		height: 170px;
		padding: 0px;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		/*transition: opacity .25s ease-in-out;
  		 -moz-transition: opacity .25s ease-in-out;
   		-webkit-transition: opacity .25s ease-in-out;*/
		-webkit-transition: opacity 0.5s ease-in-out;
}
		
	div.top div.first {
		z-index: 1000;
		}		
		
div.top:hover div.first {
	/*-webkit-transition: left 0.5s ease-in-out;
	left: -220px;*/
	transition: opacity .25s ease-in-out;
	 -moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	opacity: 0;
	filter:alpha(opacity=0); /* For IE8 and earlier */

}

.second {
background: #c41c38;
color: #FFF;
padding: 20px;
}
.second p {
font-size: 12px;
margin-bottom: 0px;}

.second a {
color: #FFF !important;	
}


.recipe-title {
text-align: center;
font-size: 15px !important;
margin: 10px 15px 10px 15px !important;
border-bottom: 1px solid #FFF;
padding-bottom: 10px;
line-height: 1.4em !important;
}


ul.child-pages, ul.sibling-pages {
margin: 0;
padding: 0;
width: 80%;
float: right;	
}
ul.child-pages li, ul.sibling-pages li {
list-style: none;	
margin: 0;
padding: 5px;
border-bottom: 1px solid #CCC;
}

ul.child-pages li a, ul.sibling-pages li a {
color: #333;	
}


ul.child-pages li a:hover, ul.sibling-pages li a:hover {
color: #c41c38;	
}

ul.child-pages li.current_page_item a, ul.sibling-pages li.current_page_item a {
color: #c41c38;	
}

sup {
top: -0.4em !important;
position: relative;
font-size: 0.7em;
}

#filterNav li a {
color: #333 !important;
font-size: 0.8em;
-webkit-border-radius: 0px;
-moz-border-radius:0px;
border-radius: 0px;
padding: 7px 10px !important
}


#mainNav ul a:hover{
border-bottom: 1px solid #FFF;
}

#mainNav ul li.current a,
#mainNav ul li.current-cat a,
#mainNav ul li.current_page_item a,
#mainNav ul li.current-menu-item a,
#mainNav ul li.current-post-ancestor a,
/*#mainNav ul li.current_page_parent a,*/
#mainNav ul li.current-category-parent a,
#mainNav ul li.current-category-ancestor a,
#mainNav ul li.current-portfolio-ancestor a,
#mainNav ul li.current-projects-ancestor a {
color: #333 !important;
}

#content .postThumb {
margin-right: 20px !important;	
}

#content .post {
background: none;
border-bottom: 1px solid #CCC;	
}

#content .post p {
line-height: 1.6em;
font-size: .7em;
margin: 0 0 20px 0;
}

.post .meta a, .attachment .meta a {
color: #333 !important;	
}

input[type="text"], textarea {
background: #e5e5e5 !important;
color: #666 !important;	
border-radius: 0 !important;
border: 0 !important;
}

#s {
padding: 10px !important;	
}

ul#filterNav li:nth-child(5){
   display:none !important;
}