/*
Theme Name:     Mangiamondo
Description:    Mangiamondo Theme
Template:       foodica
Version:        1.0
*/

/* Main Menu */
.main-navbar { background:#E75148; text-align: left; }
.main-navbar ul li.menu-item a { color:#FFF}
.main-navbar ul li ul li.menu-item a { color:#333}

/* Adsense */
.adv_inner{margin:20px 0px 40px 0px}

/* IMG */
.post-thumb img {width:100%; height:auto;}
/* Modifica per tutti i punto elenco numerati */
.entry-content > ol { counter-reset: count; margin: 40px 0; line-height: normal;  list-style: none;}
.entry-content > ol > li { list-style-type: none !important; list-style: none; position: relative; line-height: 1.8; min-height: 44px; padding-left: 40px; margin: 0 0 30px;}
.entry-content > ol > li:before { counter-increment: count; content: counter(count); display: block; position: absolute; top: 0; left: 0; font-size: 24px; font-weight: bold; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; line-height: 1.4; width: 35px; vertical-align: middle; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 20px;}
.entry-content > ol > li:last-child { margin: 0;}

/* Recipe Shortcodes [ingredients], [directions] */
.shortcode-ingredients { color: #736458; background-color: #FBF9E7; border-radius: 3px; margin: 0px 0px 30px 15px; padding: 30px 30px 15px; float:right; width:320px; }
.shortcode-ingredients > h3  { text-align:center; font-size: 20px; font-weight: bold; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; margin: 0 0 15px; }
.shortcode-ingredients > ul {  margin: 0; font-size:0.85em}
.shortcode-ingredients > ul, .shortcode-ingredients > ul > li { list-style: none; }
.shortcode-ingredients > ul > li { padding: 0 0 13px; margin: 0 0 13px; border-bottom: 1px solid #e9e5c9; position: relative; line-height: 1.2; }
.shortcode-ingredients > ul > li:hover  { /*text-decoration: line-through;*/ }
.shortcode-ingredients > ul > li span.tick { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin: 0 10px 0 0; border-radius: 50%; border: 2px solid #DEDAB6; position: relative; }
.shortcode-ingredients > ul > li span.tick.ticked { border: 2px solid #9AD093; background: #9AD093; -webkit-box-shadow: inset 0px 0px 0px 2px #FBF9E7; -moz-box-shadow: inset 0px 0px 0px 2px #FBF9E7; box-shadow: inset 0px 0px 0px 2px #FBF9E7; }
.shortcode-ingredients > ul > li.ticked { text-decoration: line-through; }

/* Recipe info */
#recipe-info {margin:0px 0px 15px 0px; text-align:center; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-weight:bold; font-size:14px}
#recipe-info > span {background-size:45px 45px; display:inline-block;;  padding:15px 15px 15px 52px; color:#555; margin-right:10px}
.persons { background:url(img/icona-piatto.png) no-repeat left; }
.time { background:url(img/icona-tempo.png) no-repeat left;}
.cucina { background:url(img/icona-pentola.png) no-repeat left;}

/* TAG e Ingredienti*/
#tags-container {font-family: "Roboto Condensed", sans-serif; font-weight: bold; text-align: center; }
#tags-container:before { text-align: center; content: " "; margin: 0px auto; width: 100px; height: 2px; background: #E5E5E5; display: block; }

/* Tags */
.tag_list { text-align: center; display: inline-block;}
.tag_list h4 { color:#B26356; text-transform: uppercase; margin: 20px 0px 10px 0px; font-size: 16px;  }
.tag_list a { border:1px solid #B26356; color: #FFF; background:#B26356;  box-shadow:none!important; display: inline-block; text-decoration: none; font-size: 14px; margin: 5px 10px; padding: 4px 6px 3px 6px; position: relative; z-index: 5; text-transform: uppercase; font-weight: bold; }
.tag_list a:hover { color:#B26356; background:#FFF}
.tag_list a:after {background:none!important}
.tag_list:before {content: ""; margin:0px; height: 0px; background: none;  display: block;}

/* Ingredienti */
.ingredients_list { text-align: center; display: inline-block;}
.ingredients_list h4 { color:#9AA676; text-transform: uppercase; margin: 20px 0px 10px 0px; font-size: 16px;  }
.ingredients_list a { border:1px solid #9AA676; color: #FFF; background:#9AA676; display: inline-block; text-decoration: none; font-size: 14px; margin: 5px 10px; padding: 4px 6px 3px 6px; position: relative; z-index: 5; text-transform: uppercase; font-weight: bold; }
.ingredients_list a:hover { color:#9AA676; background:#FFF}


/* Widgets */
.widget {text-align:left; font-size:14px}
.widget .title {color:#b26356}
.widget .recentcomments .comment-author-link{font-weight:bold}



/* Tablet Portrait */
@media screen and (max-width: 768px) {
  .slicknav_menu {text-align:left!important;}
  .slicknav_nav ul{background:none}
  .main-navbar a {color:#FFF!important}
}