/*
Theme Name:     Barbara's Theme
Description:    Child theme for Twenty thirteen
Author:         guavaweb
Template:       twentytwelve
(optional values you can add: Theme URI, Author URI, Version)
*/

/**** color index ***
greay / black : #202228;
dark blue-grey (text): #3B3F49
Green (headings, links) #57884D
Lime Green ( ) : #B2C971
Turquoise (header) : #119FA1
orange ( ) : #FF855B
********************/

@import url("../twentytwelve/style.css");
@import url("http://barbaramendeznutrition.com/wp-content/themes/barbaramendez/js/SlickNav-master/slicknav.css");

body {
	font-family:'Lato',"Helvetica Neue", Helvetica, Arial,sans-serif;/**/
	color:#202228;
	background-image:url(myimages/_site/grey-bg.png);
	background-repeat:repeat;
	
}



#masthead {
	background-color:#57884D;
	background-image:url(myimages/_site/green-bg.png);
	background-repeat:repeat;
}


.press-article-wide {
    border: 1px solid #999999;
    float: left;
    height: 168px;
    margin: 10px 15px 20px 0;
    width: auto;
}

.press-article {
    border: 1px solid #999999;
    float: left;
    height: 168px;
    margin: 10px 15px 20px 0;
    width: 105px;
}

#logo {
float:left;
max-width:65%;
line-height:0;
background-size: 100% 100%;
background-image:url(myimages/_site/logo.jpg);
}

/************************************* MAIN NAVIGATTION **************************************/

#mySlickNav { /*div for SlickNav to prepend to*/
}

#mobileNav { /*dynamic div created by SlickNav*/
	clear:both;
	display:none;
	/*visibility:hidden;*/
}

.slicknav_btn {
	position:absolute;
	right:10px;
	top:15px;
	max-width:25%;
	width:100%
}

.slicknav_menu {
    padding:0;
	background:#57884D;
	padding:0;
}



#NavContainer  {  /*furthermore, ignore 2012 responsive-first styles for nav because this main div is not even shown*/
	display:none;
	visibility:hidden;
}



/***********************************************************************************************/

.site-header {
    padding: 0;
	text-align:center;
	margin:0;
}

#ResponsiveHeader {
	display:none;
	visibility:hidden;
}

#ResponsiveHeaderMob {
	line-height:0;
}

#ResponsiveHeaderMob img {
    background-size: 100% 100%;
	background-image:url(myimages/_site/headermobile.jpg);
}
                                                                   
/*home*/.page-id-18 #ResponsiveHeaderMob img {background-image:url(myimages/_headersmobile/barbarahomeb.jpg);}
/*barbara*/.page-id-4 #ResponsiveHeaderMob img {background-image:url(myimages/_headersmobile/barbara1.jpg);}
/*consult*/.page-id-40 #ResponsiveHeaderMob img {background-image:url(myimages/_headersmobile/barbara0.jpg);}
/*blog*/.page-id-4586 #ResponsiveHeaderMob img {background-image:url(myimages/_headersmobile/barbara2.jpg);}
/*all categories*/.page-id-4697 #ResponsiveHeaderMob img {background-image:url(myimages/_headersmobile/barbara2.jpg);}


.header-image {
    margin:0;
}

#SignupRow {
	max-width:100%;
	margin:0;
	/*min-height:70px; troubleshoot*/
	background-color:#202228;
	vertical-align:middle;
	background-image:url(myimages/_site/subscribe-bg.png);
	background-repeat:repeat;
}

body .site {
	clear:both;
	box-shadow: 5px 0 6px -6px #333 , -5px 0 6px -6px #333;
	-moz-box-shadow: 5px 0 6px -6px #333 , -5px 0 6px -6px #333;
	-webkit-box-shadow: 5px 0 6px -6px #333 , -5px 0 6px -6px #333; /**/
}

#secondary {
	width:100%;
	/*background-color:#F93;troubleshoot*/
}

#colophon {
	background-color:#57884D;
	background-image:url(myimages/_site/green-bg.png);
	background-repeat:repeat;
	max-width:100%;
	min-height:80px;/**/
}

footer[role="contentinfo"] {
    border-top:none;
    margin-top:0;
}

#site-info {
	max-width:1100px;
	margin:0 auto;
	padding:0;
	/*background-color:#B2C971; troubleshoot */
}

.footer-left {
	width:50%;
	float:left;
	text-align:left;
	font-size:1.1em;
	color:#fff;
}

.footer-right {
	width:50%;
	float:right;
	text-align:right;
	
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: 0;
    box-shadow:none;
}

.myResponsiveImage {
max-width: 100%;
height: auto; 
}

.site-content {
	/*background-color:#936; troubleshoot*/
}

/*************** BASIC STYLES **************/

.entry-header .entry-title, .archive-title {
	font-size:3rem;/*override 2012*/
	line-height:1.2;
	color:#119FA1;/*blue*/
	font-family: 'Amaranth','Lato','Helvetica Neue', Helvetica, Arial,sans-serif;
}

body.myblogpage header, body.search-results header, body.archive header, body.category header, body.search header, body.tag header {
	text-align:center!important;
}

body.myblogpage secondary, body.search-results secondary, body.archive secondary, body.category secondary, body.search secondary, body.tag secondary {
	text-align:center!important;
}

.archive-title {
	text-trasform:capitalize;
}

.archive-title, .page-title {
    font-weight: normal;
	text-transform:capitalize;
	font-size:3rem;/*override 2012*/
	line-height:1.2;
	color:#119FA1;/*blue*/
	font-family: 'Amaranth','Lato','Helvetica Neue', Helvetica, Arial,sans-serif;
}

h1,h3,h4 {
	font-family: 'Amaranth','Lato','Helvetica Neue', Helvetica, Arial,sans-serif;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

a:link {color:#109FA1;text-decoration:none;}
a:visited {color:#109FA1!important;text-decoration:none;}
a:hover {color:#57884D;text-decoration:underline;}
a:active {color:#109FA1;text-decoration:none;}

h1 {font-size:3.3rem;color:#C33;}/*red*/

.entry-content h2, .comment-content h2, .mu_register h2, #current h2 {
    font-size: 1.5rem;
    line-height: 1.5;
	font-weight:bold;
} 

.entry-content h3, .comment-content h3, .mu_register h3, #current h3 {
    font-size: 2rem;
    line-height: 1.3;
	font-weight:normal;
	color:#119FA1;/*blue*/
} 

.entry-content h4, .comment-content h4, .mu_register h4, #current h4 {font-size:1.5rem;line-height: 1.3;color:#57884D;margin-bottom:5px;font-weight:normal;}  /*green*/

/** Sidebar **/

.widget-area .widget {
	margin-bottom: 30px;
	margin-bottom: 2.14285714285714rem;
	/*background-color:#FFC;troubleshoot*/
	/*border:1px solid #0C6;troubleshoot*/
}

.widget-area  h3 {font-size:2rem;line-height: 1.3;color:#119FA1;margin-bottom:10px;text-transform:capitalize;font-weight:normal;}  /*blue*/

.widget-area  h4 {color:#57884D;font-size:1.1rem;}  /*blue*/

.entry-content p, #current p, #myContainer p {font-size:1.2rem;line-height:1.5;}

.entry-content li {font-size:1.2rem;line-height:1.7;}

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
    font-size: 1rem;
    line-height: 1.5;
}

.widgetBlurb {
	border-radius: 4px;
	background-color:#B2C971;/*#F7F5E7*/
	padding:15px;
	font-size:16px;
	margin-bottom:20px;
	}

/**** FORMS ****/



button, input, textarea, select {
	margin:10px 0;
	width:100%;
	vertical-align:middle;
	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}	

input[type="text"],input[type="email"] {
	min-height:34px;
	text-indent:2%;
	font-size:15px;
}

button, input, textarea {
	border:1px solid #666;
	background-color:#FFF;
    background-image:none;
    background-repeat:no-repeat;
    border-radius: 4px;
    color: #333;
    padding:0;
	
}

input[type="submit"] {
	border:none;
	background-color:#119FA1;
    background-image:none;
    background-repeat:no-repeat;
    border-radius: 4px;
    color: #FFF;
    padding:5px 15px;
	font-size:16px;
}

input[type="submit"]:hover {
    background-color:#B2C971;
	background-image:none;
}


.vfb-submit {
	width:200px;
}



.vfb-legend  {
    display:none;
}

/** make widget form inputs 100%***/ 
.widget input.medium, .widget input.medium[type="text"], .widget input.medium[type="tel"], .widget input.medium[type="email"], .widget input.medium[type="url"], .widget  select.medium {
    width: 20%;
}


.contentButton {
	width:240px;
	text-align:center;
	padding:0;
	margin:0 10px 25px 0;
	border-radius: 4px;
    color:#FFF;
	height:40px;
	font-size:15px;
	display:table;
	overflow:hidden;
	line-height:1.4;
	float:left;
}

.purple {
	background-color:#A624BA;
}

.purple:hover {
	background-color:#FF855B;
}

.sidebarButton {
	width:100%;
	text-align:center;
	padding:0;
	margin:0 0 10px 0;
	border-radius: 4px;
    color:#FFF;
	height:5rem;
	font-size:16px;
	display:table;
	overflow:hidden;
	line-height:1.4;
}

.aqua {
	background-color:#119FA1;
}

.aqua:hover {
	background-color:#B2C971;
}

.green {
	background-color:#57884D;
	color:#333;
}

.green:hover {
	background-color:#FF855B;
}

.widget-area .widget .sidebarButton a, .contentButton a {
	display:table-cell;
	vertical-align:middle;
	text-decoration:none;
	color:#fff!important;
}

.widget-area .widget .sidebarButton a:hover {
	color:#fff!important;
}

.template-front-page .widget-area .widget, .template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
	float: none;
	width: 100%;
	margin-bottom: 24px; /*?*/
	margin-bottom: 1.714285714rem; /*?*/
}


.mejs-container {
   margin:15px 0 30px;
}


blockquote {
	color:#109FA1;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:155%;
	padding:5px;
	background-color:#F3FDFF;
}


/************ BLOG ARCHIVE CSS from my views *****/

#myContainer {
  max-width:100%;
  height:100%;
  /*background-color:#4285F4;*/
}
.box {
	float:left;
	width: 48%; 
	padding:0;
	margin-bottom:25px;
    color:#000;
  background-color:rgb(115,142,150);
  line-height:0;
  box-sizing:border-box;
}

a.box, a.box:hover {text-decoration:none;}

.gutter-sizer {
  width:4%;
}

.box img { 
  width: 100%;
  height:auto;
  padding:0!important;
  margin:0!important;
  background-color:rgb(246,90,0);
  line-height:0!important;

 }

.box img.wp-post-image {margin-bottom:0!important;box-shadow:none;}

.box h2 { 
  /**/font-size:1rem;
  line-height:1.5rem;
  margin:0;
  padding:4px 10px;
  color:#fff;background-color:#57884D;
 }


.box h4 { 
  font-size:0.9rem;
  margin:0;
  margin-bottom:0;/*4%*/
  font-weight:normal;
  background:#333;
  color:#fff;
  padding:4px 10px;
  font-weight:normal;
  line-height:1.3rem;
 }

.box:hover h2, .box:hover h4 {
  background-color:#04A7AC;
  color:#fff;
  text-decoration:none;
}

.clearfix {
    clear:both;
}
/**********/

/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	
.widget_categories {
	font-size:15px;
	margin-top:40px;
}

.widget_categories li {
	border-bottom:1px dotted #A7C5A9;
	padding:6px 0;
}
	

#logo {
	float:none;
	max-width:30%;
	margin:0 auto;
	}

	
		/******************** NAVIGATION ******************************/
		
		#mySlickNav, #mobileNav {
		display:none;
		visibility:hidden;
		}
		
		#NavContainer {
		display:block;
		visibility:visible;
		clear:both;
		width:100%;
		background-color:#F4F4F0;/*#F7F5E7;*/
		/*float:none;nec?*/
		}

		#site-navigation {
		max-width:1100px;
		margin:0 auto;
		}
		
		/****** default 2012 styles for this media query ******/

		.main-navigation ul.nav-menu, 
		.main-navigation div.nav-menu > ul {
		border-bottom: none; /** changed **/
		border-top: none; /** changed **/
		display: inline-block !important;
		text-align: center; /** changed **/
		width: 100%;
		}

	
		.main-navigation ul {
		margin: 0; /** changed **/
		text-indent: 0;
		}
		
		.main-navigation li a,
		.main-navigation li {
		display: inline-block;
		text-decoration: none;
		}
		
		.main-navigation li a {
		border-bottom: 0;
		color: #57884D;/** changed **/
		line-height: 3.692307692;
		text-transform: uppercase;
		font-size:13px; /**** added ****/
		white-space: nowrap;
		}
	
		.main-navigation li a:hover {
		color: #119FA1;/** changed **/
		}
	
		.main-navigation li {
		margin: 0 15px 0 15px; /** changed **/
		/*margin: 0 2.857142857rem 0 0;*/
		position: relative;
		/*background-color:#F33; troubleshoot*/
		}
	
	
	
		.main-navigation li ul {
		display: none;
		margin: 0 0 0 -10px; /** added neg left margin **/
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		}
	
		.main-navigation li ul li {
		margin: 0;	 /** added **/
		text-align:left; /** added **/
		}
	
		.main-navigation li ul ul {
		top: 0;
		left: 100%;
		}
		
		.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
		}
		
		.main-navigation li ul li a {
		background: #F4F4F0; /*changed*/
		/*border-bottom: 1px solid #ededed;*/
		display: block;
		font-size: 16px;/*changed*/
		/*font-size: 0.785714286rem;*/
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 270px; /*changed*/
		/*width: 12.85714286rem;*/
		white-space:nowrap; /*changed*/
		 text-transform:none;
	
		}
		
		.main-navigation li ul li a:hover {
		background: #FFF;
		color: #119FA1;
		}
	
		.main-navigation .current-menu-item > a,
		.main-navigation .current-menu-ancestor > a,
		.main-navigation .current_page_item > a,
		.main-navigation .current_page_ancestor > a {
		color: #119FA1; /** changed **/
		font-weight: normal; /** changed **/
		}
		
		.menu-toggle {
		/*display: none; irrelevant because i removed it*/
		}


		/*******************************************************/

#ResponsiveHeaderMob {
	display:none;
	visibility:hidden;
}

#ResponsiveHeader {	
	display:block;
	visibility:visible;
	line-height:0;
}

#ResponsiveHeader img {
    background-size: 100% 100%;
	/*background-image:url(myimages/_headers/beets2.jpg);*/
	box-shadow: 5px 0 6px -6px #333 , -5px 0 6px -6px #333;
	-moz-box-shadow: 5px 0 6px -6px #333 , -5px 0 6px -6px #333;
	-webkit-box-shadow: 5px 0 6px -6px #333 , -5px 0 6px -6px #333; 
}


/*home*/.page-id-18 #ResponsiveHeader img {height:475px;width:1100px;background-image:url(myimages/_headers/barbarahomeb.jpg);}
/*barbara*/.page-id-4 #ResponsiveHeader img {background-image:url(myimages/_headers/barbara1.jpg);}
/*consult*/.page-id-40 #ResponsiveHeader img {background-image:url(myimages/_headers/barbara0.jpg);}
/*blog*/.page-id-4586 #ResponsiveHeader img {background-image:url(myimages/_headers/barbara2.jpg);}
/*all categories*/.page-id-4697 #ResponsiveHeader img {background-image:url(myimages/_headers/barbara2.jpg);}

#tertiary {
	background-color:#FC9;
}

#secondary {
    float: right;
    width: 30%;
	/*padding-top:50px;*/
	/*background-color:#3CC; troubleshoot*/
}



/*give my custom page template a full width content area*/


body.template-front-page .site-content {
		float: left;
		width: 65.104166667%;
	}
	
body.template-front-page #secondary {
		/*background-color:#CC6; troubleshoot*/
		clear:none;
	}
	
		
body.myblogpage .site-content, body.archive .site-content, body.search-results .site-content {
		width: 100%;
	}
	

	
body.myblogpage #secondary , body.category #secondary, body.search #secondary, body.tag #secondary , body.archive #secondary {
		/*float: none;*/
		width: 100%;
		overflow:auto;
		/*background-color:#CFC; troubleshoot*/
	}
	
	
.blogWidget {
	float:left;
	width:21%;
	min-height:90px;
	margin:1%;
	border-radius:3px;
	/*background-color:#FC9; troubleshoot*/
	padding:1%;
	text-align:center;
}

.myblogpage .blogWidget, .category .blogWidget, .search .blogWidget, .tag .blogWidget, .archive .blogWidget { 
min-width:40%;
min-height:0;
float:none;
margin:0 auto 5%;
}


body.myblogpage #viewall {
	display:none;
}

#viewall {
	margin-bottom:20px!important;
}

#viewall a {
	text-decoration:underline;
}

#search-text {
	width:65%;
	margin:0;
	float:left;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	box-sizing: border-box;
	height:34px;
	
}

#search-submit {
	width:35%;
	margin:0;
	float:right;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	box-sizing: border-box;
	height:34px;
}

.blogWidget h2 {
	text-transform:capitalize;
	font-size:16px;
	font-weight:bold;
	line-height:135%;
}

/**** search box ****/

#searchform #s {float:left;width:40%;margin:0 10px 0 0;}
#searchform #searchsubmit {float:left;width:40%;margin:0;}

.mySocial {
	margin-top:15px;
}

.mySocial li {
	display:inline;
	list-style-type:none;
	margin:0 0 0 15px;
}

.mySocial li a i {
    border-radius: 50%;
    font-size: 2.1em;
    height: 50px;
    width: 50px;
	line-height: 50px;
    margin: 0;
}

#site-info .mySocial li a i {
	background-color: #fff;
    border: 2px solid #4C7A49;
    color: #4C7A49;
}

#secondary .mySocial {
	margin:0 auto;
	text-align:center;
	
}

#secondary .mySocial li {
	margin:0 0 0 10px!important;
}

#secondary .mySocial li a i {
	background-color: #DFF1FB;
    border: none;
    color:#21759B;
}

/************ BLOG ARCHIVE CSS from my views *****/

@media screen and (min-width: 600px) {

.box {	
width: 23.2%; 
}
.gutter-sizer {
width:2%;
}

}


/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {

body .site {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 40px;
}

.site {
    max-width: 1020px;
}

#logo {
	max-width:30%;
	position:absolute;
	left:50%;
	margin:80px 0 0 -450px;/*isplay:none; re-enable later*/
}

.main-navigation ul.nav-menu, 
.main-navigation div.nav-menu > ul {
	text-align: right; /** changed **/
}

.main-navigation li {
	margin: 0 0 0 30px; /** changed **/
}

}



/* Minimum width of 1100 pixels. */
@media screen and (min-width: 1100px) {


#logo {
	max-width:35%;
	margin:100px 0 0 -520px;
	}	

.main-navigation li a {
	  font-size:16px; /**** added ****/
}
		

/* =Print
----------------------------------------------- */

@media print {
	
}