/*
Theme Name: Stop and Compare Supermarkets
Theme URI: http://amandagiles.com/
Version: 1.0
Description: A customized version of Chameleon theme for Stop and Compare Supermarkets
Author: Amanda Giles
Author URI: http://www.amandagiles.com
Template: Chameleon
*/

body {
    font-size: 14px;
    padding-top: 35px;
}
p { line-height: 1.5; }

a:hover {
    text-decoration: none;
    color: #159c4e;
}
/********************************
Headers
********************************/
#header {
    padding-top: 45px;
}
#breadcrumbs {
    display: none;
}
.header-image {
    position: relative;
}
.header-image #category-name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.75);
    width: 100%;    
}
ul#top-menu {
    padding-top: 47px;
}
ul#top-menu.wrapped {
    padding-top: 15px;
}
ul#top-menu a {
    font-size: 16px;
}
ul#top-menu a:hover, ul#top-menu > li.sfHover > a {
    color: #159c4e;
}

.language-switcher {
    display: inline-block;
    float: left;
    margin: 6px 40px 0 0;
    font-size: 0.9em;
}
.language-switcher img {
    vertical-align: middle;
    margin-right: 5px;
}
#et-social-icons {
    padding-top: 5px;
}
#et-social-icons .sm-icon-block {
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    vertical-align: top;
}

#et-social-icons .sm-icon i.fa {
    font-size: 1.5em;
}
#et-social-icons .sm-icon-block .sm-name {
    font-size: 0.8em;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    body {
       padding-top: 20px;
        padding-bottom: 38px;
    }
    #header {
        padding-top: 50px;
    }    
    #additional-info {
        display: block; 
    }
    .language-switcher {
        margin-right: 20px;
    }    
}

/********************************
News / Blog
********************************/
p.et_pt_blogmeta {
    text-transform: none;
}

/********************************
Recipes
********************************/
.country-list {
    margin: 0 auto;
    text-align: center;
}
.country-list-country {
    display: inline-block;
    padding: 10px;
}

.country-list-country span {
    display: block;
    font-size: 0.85em;
    margin-top: 3px;
}
.country-list-country--flag img {
    max-height: 30px;
}
/*
.country-list.three-col { width: 33.3%; }
.country-list.four-col { width: 25%; }
.country-list.five-col { width: 20%; }
.country-list-country:nth-child(3n+4) {
          clear: left;
}*/
.countries-tax--flag {
    vertical-align: middle;
    margin-left: 20px;
}
.recipe-block {
    float: left;
    width: 30%;
    padding: 1.666%;
}
.recipe-block:nth-child(3n+4) {
          clear: left;
}

@media (max-width: 550px) {
    .recipe-block {
        float: left;
        width: 45.95%;
        padding: 2%;
    }    
    .recipe-block:nth-child(3n+4) {
          clear: none;
    }
    .recipe-block:nth-child(even) {
          clear: left;
    }    
}
@media (max-width: 300px) {
    .recipe-block {
              clear: both;
    }    
}
.recipe-block img {
    max-width: 100%;
    height: auto;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.4);       
}
.recipe-title {
    margin-top: 8px;
    text-align: center;
}
.recipe-title a:hover{
    color: #159c4e;
    text-decoration: none;
}
.single-recipe h2.country-title {
    padding: 0 0 20px;
}
.single-recipe h2.country-title  a:hover {
    color: #159c4e;
    text-decoration: none;
}

.single-recipe .small-flag {
    margin-left: 10px;
}
.single-recipe .post-thumbnail img {
    margin: 0;
    border: 1px solid rgba(0,0,0,0.2);
    max-width: 400px;
}
.single-recipe .post-thumbnail {
    float: right;
    margin: 0 0 25px 25px;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.4);    
}

.recipe {
    margin-bottom: 20px;
}

/********************************
Specials 
********************************/
.specials-title {
    text-align: center;
    margin: 5px;
}
/********************************
Specials FlexSlider
********************************/
.flexslider ul.slides, 
#specials-slider ol.flex-control-nav,
#specials-slider ul.flex-direction-nav {
    list-style-type: none;
}
#specials-slider ol.flex-control-nav {
    text-align: center;
}
#specials-slider ol.flex-control-nav li {
    display: inline-block;
    margin: 0 5px;    
}
#specials-slider {
    margin: 0 auto;
}
#specials-slider,
#specials-slider ul.slides img {
    max-width: 620px; 
}
#specials-slider ul.slides {
    padding: 0;
}
/*#specials-slider .flex-direction-nav li .flex-prev {
    left: 21px;
}
#specials-slider .flex-direction-nav li .flex-next {
    right: 21px;
}*/

/********************************
Misc Styles
********************************/
.not-found-error {
    color: #912b25;
    font-weight: bold;
    font-size: 0.9em;
}
.not-found {
    font-weight: bold;
    font-size: 0.9em;
}
.pagination {
    clear: both;
}
.prev-link {
    float: right;
}
.next-link {
    float: left;
}
.search-no-results .entry {
    padding: 35px 35px 25px 0px;
}
.post.entry.type-recipe .meta-info,
.post.entry.type-page .meta-info {
    display: none;
}

/********************************
Gravity Forms
********************************/
.gform_wrapper h3.gform_title {
    color: #004680;
}
body .gform_wrapper .gform_body ul li.field_description_below div.ginput_container_checkbox, 
body .gform_wrapper .gform_body ul li.field_description_below div.ginput_container_radio,
body .gform_wrapper .gform_body .top_label div.ginput_container {
    margin-top: 0;
}
input[type=text], input.text, input.title, textarea, select {
    margin: 0;
}
body .gform_wrapper .gform_body ul li.gfield {
    margin-top: 20px;
}
input[type="button"], input[type="submit"], button {
    background-color: #10783c;
    color: #FFF;
    box-shadow: none;
    border: 0;
    padding: 7px 12px;
    border-radius: 5px;    
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover {
    background-color: #159c4e;
}
.gform_wrapper .gfield_radio li label {
	color: #1d1d1d;
}
#field_2_1 label {
	display: none;
}

/********************************
Home Page
********************************/
.home .service .widget {
    width: 100%;
}
.home .service h3.title {
    margin-left: 0;
}

/********************************
Home Slider
********************************/
.home .featured-description {
    background: none transparent;
    height: auto;
    width: 530px;
    padding: 15px;
}
.slide h2.featured-title {
    font-size: 36px;
    color: white;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
#featured .featured-description.dark h2.featured-title, 
#featured #featured-modest .featured-description.dark h2.featured-title {
    color: #171717 !important;
    text-shadow: 2px 2px 2px rgba(255,255,255,0.2);
}

.featured-description.top-left {
    top: 15px;
    left: 25px;
    right: auto;
}
.featured-description.top-center {
    top: 15px;
    left: 0;
    right: 0;   
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
}
.featured-description.top-right {
    top: 15px;
    text-align: right;
}
.featured-description.bottom-left {
    top: auto;
    bottom: 0;
    left: 25px;
    right: auto;
}
.featured-description.bottom-center {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;  
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;    
    text-align: center;
}
.featured-description.bottom-right {
    top: auto;
    bottom: 0;
    text-align: right;
}
.home #featured .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 

/********************************
Footer
********************************/
#footer-content {
    background-color: #ebc300;
}

.footer-left {
    float: left;
    width: 40%;
    padding-right: 5%;
}
.footer-middle {
    float: left;
    width: 22%;
    padding-right: 5%;
}
.footer-right {
    float: right;
    width: 22%;
}
.footer-widget {
    width: 100%;
    margin-right: 0;
}
.footer-widget .gform_wrapper {
    margin-top: 0;
}
.footer-widget .gform_wrapper .top_label .gfield_label {
    display: none;
}
.footer-widget .gform_wrapper ul li {
    background: none;
    padding: 0;
}
.footer-widget .gform_wrapper span.gform_description,
.footer-widget .gform_confirmation_message{
    color: #636363;
    margin-bottom: 5px;
}
body .footer-widget .gform_wrapper .gform_body ul li.gfield {
    margin-top: 0;
}
.footer-widget .gform_wrapper .gform_footer {
    padding: 0;
}
.footer-widget .gform_wrapper .gform_footer input.button, 
.footer-widget .gform_wrapper .gform_footer input[type=submit], 
.footer-widget .gform_wrapper .gform_page_footer input.button, 
.footer-widget .gform_wrapper .gform_page_footer input[type=submit] {
    font-family: 'Josefin Sans', Arial, sans-serif !important;
    font-size: 15px;
}

.footer-widget,
#footer h4.widgettitle { 
    text-shadow: none; 
}

.footer-widget a {
    color: #373737;
}
.footer-widget a:hover {
    color: #636363;
}

p#copyright {
    color: #373737;
    text-shadow: none;
    padding-bottom: 10px;
    padding-right: 18px;
}

/********************************
Responsive Styles
********************************/
@media (max-width: 980px) {
    .et_divi_builder #et_builder_outer_content .et_pb_section {
        padding: 0;
    }
}
@media (min-width: 981px) {
    .et_divi_builder #et_builder_outer_content .et_pb_section {
        padding: 0;
    }
}

@media (max-width: 786px) {
    .single-recipe .post-thumbnail img {
        max-width: 175px;
    }
    #footer-widgets    {
        display: block !important;
    }
    .footer-left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 50px;
    }
    .footer-middle {
        float: left;
        width: 45%;
        padding-right: 5%;
    }
    .footer-right {
        float: right;
        width: 45%;
    }    
}

@media only screen and (min-width: 500px)  and (max-width: 786px) {
    #container, .featured-top-shadow, .featured-bottom-shadow {
            width: 90%;
    }
    #footer-content {
        width: 100% !important;
    }    
}
@media (max-width: 480px) {
    .single-recipe .post-thumbnail img {
        max-width: 125px;
    }
    #footer-widgets {
        padding: 33px 18px 15px;
    }
}

@media only screen and (max-width: 479px) {
    #container {
        width: 90%;
    }
    #search-form {
        display: none;
    }
}