/* ===================================================== */
/* ==== CUSTOM CSS FOR FOLLOW SECTION HOME BLUNOTE ==== */
/* =================================================== */

/* BASE CUTOM */

body {
    height: 100%;
    width: 100%;
}
h1, h2, h3,  h4, h5, h6 {
    font-family: 'Playfair Display', serif !important;
    font-weight: 400 !important;
    margin-bottom: 20px;
    margin-top: 0px !important;
    color: #123551 !important;
    text-transform: uppercase;
}
h3 {
    font-size: 1.8em !important;
    padding: 15px 0;
}
header {
    padding-top: 1.5% !important;
    padding-bottom: 1.5% !important;
}
section {
    padding: 2% 0;
}
#social-area .entry-title-page {
    text-align: center;
    color: #186ea8 !important;
    font-weight: 300 !important;
    margin-top: 3% !important;
    margin-bottom: 3% !important;
}
.entry-title {
    margin: 2% 0;
}
.entry-header {
    padding: 15px 0 !important;
}
#social-area p {
    font-family: 'Asap', "Helvetica", sans-serif !important;
    color: #000000;
}
.centered {
    text-align: center;
}
/*a {
    color: #000000 !important;
}*/
a:hover, input:hover, body ul.nav li a:hover {
    color: #CCA94D !important;
    transition: all 0.3s ease-in-out 0s !important;
    -webkit-transition: all 0.3s ease-in-out 0s !important;
    -o-transition: all 0.3s ease-in-out 0s !important;
}
p {
    font-weight: 100 !important;
    color: #444444 !important;
    font-size: 1em !important;
}
.fancybox {
    float: left;
    margin: 4px;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
hr {
    color: #C4C4C4;
    width: 15%;
    margin-bottom: 50px;
    margin-top: 50px;
}

.btn-text, h3 .btn-text {
    color: #CCA94D !important;
    font-weight: 400;
    text-transform: none !important;
    font-size: 1em !important;
}
.btn-text:after {
    background-image: url("images/arrow-gold.png") !important;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 25px;
    vertical-align: middle;
    width: 20px;
    transition: all 0.3s ease-in-out 0s !important;
    -webkit-transition: all 0.3s ease-in-out 0s !important;
    -o-transition: all 0.3s ease-in-out 0s !important;
}
.btn-text:hover, h3.btn-text:hover {
    color: #CCA94D !important;
}
.btn-text:hover:after {
    margin-left: 35px;
    transition: all 0.3s ease-in-out 0s !important;
    -webkit-transition: all 0.3s ease-in-out 0s !important;
    -o-transition: all 0.3s ease-in-out 0s !important;
}
.btn-base {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #103249;
    height: 40.5px;
    background-position: center right;
    background-repeat: no-repeat !important;
    background-size: auto auto;
    border: medium none !important;
    padding: 12px 10px;
    text-align: left;
    /*width: 100% !important;*/
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #ffffff !important;
    float: right;
    transition: all 0.3s ease-in-out 0s !important;
    -webkit-transition: all 0.3s ease-in-out 0s !important;
    -o-transition: all 0.3s ease-in-out 0s !important;
}
.btn-base:after {
    background-image: url("images/arrow-white.png") !important;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 15px;
    vertical-align: middle;
    width: 20px;
    transition: all 0.3s ease-in-out 0s !important;
    -webkit-transition: all 0.3s ease-in-out 0s !important;
    -o-transition: all 0.3s ease-in-out 0s !important;
}
.btn-base:hover {
    background-color: #CCA94D !important;
    color: #ffffff !important;
}
.btn-base:hover:after {
    margin-left: 35px;
    transition: all 0.3s ease-in-out 0s !important;
    -webkit-transition: all 0.3s ease-in-out 0s !important;
    -o-transition: all 0.3s ease-in-out 0s !important;
}
#social-area{
    padding: 0!important;
}
/* HOME - NEWSLETTER - FOLLOW */

#social-area .newsletter {
    background-color: #EFE8DD;
    padding: 15px 0px;
}
.newsletter label, .newsletter #mc_display_rewards, #mc-indicates-required {
    display: none !important;
}
.newsletter .mc_merge_var {
    float: left;
    width: 40% !important;
    /*@fzan*/
    /*padding-left: 40px !important;*/
    height:40px;
    background-color: #ffffff !important;
}
.newsletter > header {
    padding: 0 50px;
}
#social-area .newsletter p{
    font-size: 0.9em!important;
}
/*@fzan*/
/*
.newsletter .mc_input {
    width: 100%;
    border: none;
    padding: 10px;
    border: medium solid;
    box-shadow: none;
    height: inherit;
}*/
.newsletter .mc_input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #efe8dd !important;
    border-image: none;
    border-style: none none none solid;
    border-width: medium medium medium 4px;
    box-shadow: none;
    height: inherit;
    margin: 0 !important;
    width: 100%;
}
.mc_signup_submit input {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #103249;
    background-image: url('images/arrow-white.png') !important;
    height: 40.5px;
    background-position: center right;
    background-repeat: no-repeat !important;
    background-size: auto auto;
    border: medium none !important;
    float: left;
    padding: 11.3px !important;
    text-align: left;
    width: 20% !important;
    text-transform: uppercase;
    color: #ffffff !important;
}
/*.mc_signup_submit input:after {
    background-image: url("../images/arrow-white.png") !important;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 25px;
    vertical-align: middle;
    width: 20px;
}
.mc_signup_submit input:hover:after {
    margin-left: 35px;
    transition: all 0.3s ease-in-out 0s !important;
    -webkit-transition: all 0.3s ease-in-out 0s !important;
    -o-transition: all 0.3s ease-in-out 0s !important;
}*/
.mc_signup_submit input:hover {
    background-color: #CCA94D !important;
}
#mc_signup:after {
    content: ".";
    display: block;
    margin-bottom: 0px;
    visibility: hidden;
}
#bnmMCResponse{
    color: green;
    font-style: italic;
    padding: 0px 50px;
    clear: both;
}
.bottom-page {
    background-color: #FCFBF9 !important;
    padding-bottom: 2%;
}
#follow {
    background-color: #FCFBF9;
    border-top: 1px solid #EFE8DD;
    /*padding-bottom: 0 !important;*/
}
#follow .subtitle {
    color: #444444 !important;
}
.social-follow {
    padding: 0 !important;
}
#menu-social-follow {
    margin-bottom: 0;
    padding-left: 0;
}
#menu-social-follow li {
    float: left;
    list-style: none outside none;
    text-align: center;
    width: 33.3% !important;
    height: 165px;
}
#menu-social-follow li a {
    text-align: center;
    display: block;
    padding: 110px 15px 15px;
    text-transform: uppercase;
    color: #ffffff !important;
    /*min-height: 166px;*/
    min-height: 188px;
    margin-top: 0px;
    transition: all 0.2s ease-in-out 0s !important;
    -webkit-transition: all 0.2s ease-in-out 0s !important;
    -o-transition: all 0.2s ease-in-out 0s !important;
    background: transparent none no-repeat 50% 50%;
    background-size: 70px auto;
    font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif !important;
    font-size: 1.3rem;
    word-wrap: break-word;
}
#menu-social-follow li.facebook a:hover, #menu-social-follow li.twitter a:hover, #menu-social-follow li.instagram a:hover {
    margin-top: -10px;
    margin-bottom: 0px;
    transition: all 0.2s ease-in-out 0s !important;
    -webkit-transition: all 0.2s ease-in-out 0s !important;
    -o-transition: all 0.2s ease-in-out 0s !important;
}
#menu-social-follow li.facebook a {
    background: #3661A1 url('images/icon-facebook.png') no-repeat 50% 20%!important;
}
#menu-social-follow li.twitter a {
    background: #25A9E1 url('images/icon-twitter.png') no-repeat 50% 20%!important;
}
#menu-social-follow li.instagram a {
    background: #D6C6B7 url('images/icon-instagram.png') no-repeat 50% 20%!important;
}
/* Loyalty */

#loyalty {
    padding: 0px !important;
    margin-top: 4px;
}
#loyalty h4 a {
    font-family: 'Playfair Display', serif !important;
}
#loyalty figure.col-md-2 {
    background-color: #CCA94D !important;
    padding: 0 !important;
    text-align: center;
}
#loyalty img {
    padding: 12%;
    /* Firefox */
    -moz-transition: all 1s ease;
    /* WebKit */
    -webkit-transition: all 1s ease;
    /* Opera */
    -o-transition: all 1s ease;
    /* Standard */
    transition: all 1s ease;
}
#loyalty img:hover {
    /* Firefox */
    -moz-transform: scale(1.1);
    /* WebKit */
    -webkit-transform: scale(1.1);
    /* Opera */
    -o-transform: scale(1.1);
    /* Standard */
    transform: scale(1.1);
}
#loyalty .container {
    background-color: #F7F4ED;
}
#loyalty .textwidget, #loyalty .col-sm-10 {
    padding-left: 3%;
    margin-top: 35px;
}
#loyalty .textwidget h4, #loyalty .textwidget h3{
    margin-bottom: 5px!important;
}
#loyalty .col-md-4 {
    padding: 0 !important;
}
#loyalty .col-md-4 a {
    position: absolute;
    top: 65px;
}
.flag {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-image: url('images/flag-loyalty.png');
    background-repeat: no-repeat;
    z-index: 99;
    width: 200px;
    height: 35px;
}

/* RESPONSIVE DESIGN */
@media only screen
and (max-device-width : 1024px)
and (orientation : portrait) {
    #menu-social-follow li a{
        min-height: 205px;
    }
}

@media only screen and (max-width:980px) {
    .newsletter .mc_merge_var {
        width: 60% !important;
    }
    .mc_signup_submit input {
        width: 40% !important;
    }
    .nav-social li {
        height: auto !important;
    }
    /* Loyalty */
    #loyalty figure.col-md-2 {
        width: 20% !important;
        float: left;
    }
    #loyalty .col-md-6 {
        float: left !important;
        width: 80% !important;
        padding-top: 9% !important;
    }
    #loyalty .col-md-6 h4 {
        padding-left: 0 !important;
    }
    #loyalty .col-md-4 {
        float: left;
        margin-top: 0 !important;
        padding-top: 0 !important;
        width: 100% !important;
    }
    #loyalty .col-md-4 a {
        top: 0 !important;
        text-align: center;
    }
}