/*
 Theme Name:     VFNZ Foundation Theme
 Theme URI:      http://foundation.vodafone.co.nz/
 Description:    Simple Wordpress Theme
 Author:         JM / AG
 Author URI:     http://www.chopchop.co.nz/
 Version:        1.0.0
*/

html, body{ font-size: 21px; color: #000; line-height: 1.4; -webkit-font-smoothing: antialiased; font-family: 'vodafone_maori', Helvetica Neue, Helvetica, Arial, sans-serif; }


::-moz-selection { color: #000; background: #fae9a6; }
::selection { color: #000; background: #fae9a6; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, strong, #logo, #hero{ font-family: 'vodafone_maori', Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; }

a, button, input{ transition: color 0.3s linear, background-color 0.3s linear; }
a { color: #000000; text-decoration: none;}

#main a{ background-color: #dbdbdb; }

.clear{ clear: both; }

#main{ padding-bottom: 60px; }
#main ul{ list-style: none; padding-left: 4px; }
#main ul li{ position: relative; padding-left: 16px; padding-bottom:10px; }
#main ul li:before{ content: ''; display: block; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; background: #afafaf; }

img{ max-width: 100%; height: auto; }

hr{ border-top-color: #dbdbdb; }

.navbar{ border: none; margin: 0; background: transparent; min-height: 0; border-radius: 0; }
.navbar-nav{ margin-top: 0; margin-bottom: 0; }
.navbar-toggle{ margin: -5px -10px; }
.navbar-toggle .icon-bar{ background: #e50100; height: 3px; width: 30px; }
.navbar-collapse{ border: none; box-shadow: none; border-bottom: none; }

#header{ position: relative; }
#header-top{ padding: 25px; }

#nav{ font-weight: bold; font-size: 19px; }
#nav li a{ color: #fff; background: #9a0000; }
#nav li a:hover, #nav li.active > a{ color: #fff; background: #e60000; }
#nav .sub-menu{ background: #e60000; border-radius: 0; margin: 0; padding: 0; border: none; box-shadow: none; font-weight: normal; font-size: inherit; }
#nav .sub-menu a{ padding: 5px 20px; }
#nav .dropdown > a:after{ content: ''; display: inline-block; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; margin: 0 0 2px 5px; }

h1, .h1 {font-weight: bold; font-size: 48px; line-height: 44px; color: #b7b7b7; letter-spacing: -2px;}
h2, .h2 {font-weight: bold; font-size: 32px; line-height: 35px; color: #e40000; letter-spacing: -0.7px; margin-top:1.4em;}
h3, .h3 {font-weight: bold; font-size: 26px; line-height: 24px; color: #686868; letter-spacing: -0.5px; margin-top: 1.1em;}
h4, .h4 {font-weight: normal; font-size: 21px; line-height: 1.4; color: #757575; margin-left:15px; }
h5, .h5 {font-weight: bold; font-size: 24px; line-height: 1.4; color: #b3b3b3; text-transform: uppercase; }
h6, .h6 {font-weight: bold; font-size: 28px; line-height: 1.1; color: #696969; margin-bottom: 1em; margin-top: 1.2em;  }
h7, .h7 {font-weight: normal; font-size: 22px; line-height: 0.2; color: #696969; text-transform: uppercase; margin-top: -2em;}


blockquote p { text-indent: -0.4em; /* Change according to your font */ font-weight: normal; font-size: 22px; line-height: 26px;  color: #757575; margin-bottom: 0px;  padding-left: 10px; }

#logo{ display: block; width: 152px; height: 57px; max-width: 75%; float: left; background: transparent url('/wp-content/themes/vodafonefoundation/images/logo-red.png?v=2') 50% 50% no-repeat; background-size: contain; }

#hero{ background: #b2b2b2; min-height: 270px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.banner-1 #hero{ background-color: #5c6d69; background-image: url('/wp-content/themes/vodafonefoundation/images/banner-1.jpg'); }
.banner-2 #hero{ background-color: #040404; background-image: url('/wp-content/themes/vodafonefoundation/images/banner-2.jpg'); }
.banner-3 #hero{ background-color: #cfbfad; background-image: url('/wp-content/themes/vodafonefoundation/images/banner-3.jpg'); }
#hero h1, #hero .h1{ display: inline-block; background: #e50300; background: rgba(229,3,0,0.45); color: #fff; padding: 5px 15px; font-weight: bold; text-shadow: 0 0 5px rgba(0,0,0,0.5); font-size: 44px; line-height: 1; text-transform: none; }
#hero h1 span, #hero .h1 span{ font-weight: normal; }
#hero .container{ height: 270px; }
#hero .vertical-table{ display: table; width: 100%; height: 100%; }
#hero .vertical-cell{ display: table-cell; vertical-align: middle; }

#content{ margin: 30px 0; }

#sidebar, #main{ position: relative; }
#sidebar:before, #main:before{ content: ''; display: none; position: absolute; top: 0; bottom: 0; left: 0; border-left: 1px solid #dbdbdb; }
#main:before{ left: auto; left:100%; }


#sidebar h3.widget-title{ margin: 0;  text-transform: uppercase;}
#sidebar .widget + .widget{ margin-top: 15px; padding-top: 15px; border-top: 1px solid #dbdbdb; }

#sb_instagram #sbi_images{ width: auto !important; min-width: 100%; margin: 0 -10px -10px; }

#widget-latest ul{ padding-top: 10px; line-height: 1.1; font-size: 20px; }
#widget-latest li + li{ margin-top: 15px; }
#widget-latest a{ display: block; color: #000; }
#widget-latest a:hover{ text-decoration: none; }
#widget-latest a:hover strong{ color: #000; }
#widget-latest strong{ display: block; line-height: 1; font-weight: bold; color: #e40000; letter-spacing: -0.7px; font-size: 22px; margin: 0 0 5px 0; }
#widget-latest em{ white-space: nowrap; font-style: normal; font-weight: bold; font-size: 18px; text-decoration: underline; }
#widget-latest img{ display: block; margin: 5px 0; }

#footer{ background: #333333; color: #a4a4a4; padding: 15px 0; margin-top: 30px; line-height: 1em}

#footer-nav li{ width: 18%; float: left; margin-top: 10px;}
#footer-nav li a{ font-weight: bold; color: #d6d6d6; }
#footer-nav li .sub-menu{ margin-top: 10px; }
#footer-nav li .sub-menu li{ width: auto; float: none; }
#footer-nav li .sub-menu li a{ font-weight: normal; color: #a4a4a4; }

#footer-nav-sm li{ display: inline-block; }
#footer-nav-sm li + li:before{ content: '|'; display: inline-block; padding: 0 5px; color: #4b4b4b; }
#footer-nav-sm a{ color: #fff; font-size: 17px; line-height:1.8em; }

#social-nav{ float: left; }
#social-nav li{ float: left; }
#social-nav a{ display: block; float: left; border-radius: 50%; background: #4d4d4d; color: #fff; text-align: center; font-size: 18px; width: 35px; height: 35px; margin-right: 10px; line-height: 35px; }
#social-nav a:hover, #social-nav a:focus, #social-nav a:active{ background: #a4a4a4; }

#footer hr{ border-top-color: #4b4b4b; }

#footer p{ font-size: 14px; line-height: 16px; padding: 0px 0; margin: 0; clear: both; }

#womens-refuge{ width: 40px; height: 40px; display: inline-block; vertical-align: middle; margin-left: 10px; cursor: pointer; }

#applications-closed, #applications-open{ background: #a1a1a1; color: #fff; padding: 10px 0; margin: -30px 0 30px 0; font-size: 20px; font-weight: bold; }
#applications-open{ background: #a8b400; }
#applications-closed p, #applications-open p{ margin: 0; }
#applications-closed .fa, #applications-open .fa{ margin-right: 5px; }

.posts .post + .post{ margin-top: 30px; border-top: 1px solid #dbdbdb; padding-top: 30px; }
h2.post-title, h1.post-title{ font-weight: bold; margin-top: 0; color: #626262; }
h2.post-title a{ color: #626262; }
h2.post-title a:hover{ color: #000; }
.post-meta{ margin: 0; color: #828282; }

#main #eligibility-form{ padding: 0; margin: 30px 0; font-size: 32px; color: #626262; }
#main #eligibility-form li{ display: none; padding: 0 0 0 30px; line-height: 1.1; }
#main #eligibility-form li.active{ display: block; }
#main #eligibility-form strong{ position: absolute; top: 0; left: 0; color: #b3b3b3; }
#main #eligibility-form li:before{ display: none; }
#main #eligibility-form .buttons{ display: block; text-align: center; margin: 30px 0; }
#main #eligibility-form .buttons .btn{ width: 120px; margin: 0 5px; }

.vf-form-feedback{ background: #75d239 url('/wp-content/themes/vodafonefoundation/images/tick.png') 15px 15px no-repeat; color: #fff; margin: -25px -10px 15px -10px; padding: 15px 15px 15px 80px; }
.vf-form-feedback h3, .vf-form-feedback p{ color: #fff; margin: 0; }
.vf-form-feedback.error{ background: #e40000; padding-left: 15px; }
#eligibility-link{ display: none; font-size: 24px; font-weight: bold; text-decoration: underline; }

.vf-form .form-group{ max-width: 700px; margin-right: 15px; }
.vf-form .form-group.narrow{ max-width: 550px; }
.vf-form label{ font-size: 20px; color: #626262; line-height: 1.1; margin: 10px 0; display: block; }
.vf-form label span{ font-weight: normal; }
.vf-form .form-control{ border-radius: 4px; box-shadow: none; margin-left: 15px; }
.vf-form .error .form-control{ border-color: #e40000; }
.vf-form textarea{ height: 150px !important; resize: vertical; }
.vf-form .description{ font-size: 18px; color: #b3b3b3; margin: 5px 0 0 15px; }
.vf-form .description.count{ font-size: 14px; }
.vf-form .description.count.text-danger{ color: #e40000; }
.vf-form .form-group.text-center{ margin-top: 30px; }

.btn.btn-default.btn-lg{ color: #626262; border: 1px solid #626262; border-radius: 4px; font-weight: bold; cursor: pointer; transition: color 0.3s linear, border 0.3s linear; font-size: 28px; }
.btn.btn-default.btn-lg:hover, .btn.btn-default.btn-lg:focus{ color: #000; border: 1px solid #000; background: #fff; }
.btn.btn-default.btn-lg:active, .btn.btn-default.btn-lg.highlight{ color: #e40000; border: 1px solid #e40000; background: #fff; box-shadow: none; }

@media (min-width: 768px) {
    #main{ padding-bottom: 0; }
    #header .navbar{ position: absolute; left: 0; bottom: 0; right: 0; }
    #main:before, #sidebar:before{ display: block; }
    #footer{ padding: 45px 0; margin-top: 45px; }
    #footer p{ clear: none; text-align: right; padding: 0; }
    #social-nav a{ font-size: 24px; width: 50px; height: 50px; margin-right: 15px; line-height: 50px; }
    
    .navbar-collapse{ border-bottom: 5px solid #e60000; }
    /*#logo{ background: url('/wp-content/themes/vodafonefoundation/images/logo.png') 0 0 no-repeat; padding: 20px 0 0 200px; height: 80px; }*/
    #hero h1, #hero .h1{ padding-left: 50px; }
    
    #header{ background: #e60000; }
    #header-top{ position: relative; padding: 25px 15px; }
    #logo{ background-image: url('/wp-content/themes/vodafonefoundation/images/logo-white.png?v=2'); }
    #tagline{ position: absolute; top: 50%; right: 15px; width: 236px; height: 24px; margin: -12px 0 0; background: transparent url('/wp-content/themes/vodafonefoundation/images/tagline.png?v=2') 50% 50% no-repeat; background-size: contain; }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
    #hero h1, #hero .h1{ margin: 0 0 0 140px; }
    /*#logo{ background: url('/wp-content/themes/vodafonefoundation/images/logo-large.png') 0 0 no-repeat; padding: 80px 0 0 160px; width: 574px; height: 257px; position: absolute; top: 0; left: -120px; color: #fff; pointer-events: none; }*/
}

@media (max-width: 380px) {
  .hidden-xxs {
    display: none !important;
  }
}

blockquote.no-border{ border-left: none; }
.embed-responsive{ margin: 15px 0; }

#main img.alignleft{ float: left; margin: 0 15px 15px 0; }