/**
 * The style of the footer banner
 *
 * @author Your Inspiration Themes
 * @package YITH Footer Banner
 * @version 1.0.3
 */

/* General */
.group:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow: hidden;
}

.fbanner-placeholder { height: 100px; }

.fbanner {
	clear: both;
	text-align: left;
	border-collapse: separate;
	position: fixed;
	display: block;
	bottom: 0;
	width: 100%;
	z-index: 10000;
	height: 100px;
}

#fbannercont {
    width: 940px;
    margin: auto;
    position: relative;
    display: block;
}

#fbannerlogo, #fbannermess, #fbannernews, form.fbannernewsletter input.text-field, form.fbannernewsletter .submit, .submit-field{
    float: left;
    margin: 0;
}

#fbannermess a {
    text-decoration: none;
}

/* Title and messages */
#fbannermess{
    list-style: none;
    left: 160px;
    position: relative;
    max-width: 270px;
    height: 90px;
}
#fbannermess li p {
    top: 10px;
    position: relative;
}
#fbannermess h3{
    margin: 0;
    font-weight: 300;
}
#fbannermess li p a{
    line-height: 13px;
}
/* Image */
#fbannerlogo {
	top: -38px;
    position: absolute;
    left: 0;
    width: 148px;
}

#fbannerlogo img {
    border: 0;
    max-width: 100%;
}

/* Newsletter form */
form.fbannernewsletter input.text-field{
	background-image: url(../images/mailwhite.png);
    background-position: 98% 50%;
    background-repeat: no-repeat;
    width: 150px;
}

c li.newstop input.text-field {
    float: none;
    background-image: url(../images/icon_name.png);
}

form.fbannernewsletter input.submit-field{
	border: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
    height: 27px;
    padding-left: 0;
    padding-right: 0;
    min-width: 70px;
    width: auto;
}

#fbannernews{
    position: relative;
    left: 270px;
}

.newsfields{
    position: relative;
    list-style: none;
    top: 30px;
    float: left;
}

.newsfields li{
    float: left;
}

.fbanner-fields {
    margin: 0 0 0 2px;
}

.fbanner-top-text{
    top: -10px;
    position: relative;
}

.fbanner-top-text.both-fields {
    top: 28px;
    left: 2px;
    position: relative;
    margin-bottom: 5px;
    margin-top: 10px;
}
/* If name field is hidden */
#no-name-field {
    top: 44px;
    position: relative;
}

div#no-name-field input#email {
    margin: 0 2px 0 0;
}

/* Hiderzone */
.hiderzone {
    position: absolute;
    right: 2px;
    bottom: auto;
    top: 2px;
    list-style: none;
}
.hiderzone a { font-size: 10px; }

/* Media Queries */

/* 1200px */
@media (min-width: 1200px) {
    .hiderzone {
        right: 10px;
        top: 20px;
        bottom: 2px;
        list-style: none;
    }
    #fbannermess{max-width: 420px;top:35px;}
}

@media (max-width: 1200px) {
    .newsfields{top: 10px;}
    .newsfields li{
        float: none;
        margin: 0 0 2px 0;
    }
    .newssubmit{
        float: left;
        margin: -28px 0px 0px 150px;
        position: relative;
    }
    .fbanner-top-text.both-fields {
        top: 8px;
    }
}
@media (min-width: 980px) and (max-width: 1200px) {
    .newssubmit {
        margin: -27px 0px 0px 170px;
    }
    #fbannermess{max-width: 420px;top: 44px;}
}
/* iPad portrait */
@media (min-width: 768px) and (max-width: 979px) {
    #fbannercont {width: 724px;}

    #fbannerlogo {
        top: -38px;
        position: absolute;
        left: 0;
        width: 120px;
    }

    #fbannermess{top: 10px;}

    #fbannernews{left: 230px;}

    form.fbannernewsletter input.text-field {width:130px ;}

    #no-name-field{top:58px;}

    .hiderzone {
        bottom: auto;
        top: 2px;
        right: 4px;
    }
    .hiderzone a { font-size: 10px; }

    #fbannerlogo {top: -13px;}
}
/* mobile */
@media (max-width: 767px) {
    .fbanner { display: none; }
}