/* 

      ___        ___      ___        ___     
     /\__\      /\  \    /\  \      /\  \    
    /::|  |    /::\  \   \:\  \    /::\  \   
   /:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \   
  /:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _   
 /:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
 \/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
       /:/  /\:\ \:\__\/:/  /        \::/  /     
      /:/  /  \:\ \/__/\/__/         /:/  /        
     /:/  /    \:\__\               /:/  /          
     \/__/      \/__/               \/__/    


Theme Name: Radio Ferrymead
Description: Radio Ferrymead Theme created by Meta Digital
Version: 1
Author: Meta Digital
Author URI: http://metadigital.co.nz/
*/
/*============Less  Mixins=============*/
.whitetext {
  color: white;
}
.whitebg {
  background-color: white;
  color: #010C39;
}
.whitebg a,
.whitebg a:link,
.whitebg a:visited,
.whitebg a:hover,
.whitebg a:active {
  color: #606986;
}
.darkbluetext {
  color: #010C39;
}
.darkbluebg {
  background-color: #010C39;
  color: white;
}
.mediumbluetext {
  color: #606986;
}
.mediumbluebg {
  background-color: #606986;
  color: white;
}
.lightbluebg {
  background-color: #BFC3CF;
}
.lightbluetext {
  color: #BFC3CF;
}
.standardfont {
  font-family: 'Lato', helvetica, arial, sans-serif;
}
.nopadding {
  padding-left: 0px;
  padding-right: 0px;
}
html,
body {
  height: 100%;
  font-family: 'Lato', helvetica, arial, sans-serif;
  background-color: #BFC3CF;
  margin: 0 auto;
}

header > a,
a:link,
a:visited,
a:active {
  color: white;
  text-decoration: none;
}
header > a:hover {
  color: #BFC3CF;
}

.navbar {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    background-color: #606986;
    min-height: auto;
}

nav {
  background-color: #BFC3CF;
}
.topbar {
  height: 10px;
}
.topnav {
  text-align: center;
  vertical-align: center;
}
.nav-pills {
  font-size: 18px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  background-color: #010C39 !important;
  color: white !important;
  border-radius: 0px;
}
.nav-pills > li a {
  background-color: #606986;
  color: white;
  border-radius: 0px;
}
.nav-pills > li a:hover,
.nav-pills > li a:focus {
  background-color: #010C39;
  color: white;
  border-radius: 0px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #010C39;
  color: white;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #606986;
  color: white;
  border-radius: 0px;
}
.nav-pills > li + li {
  margin-left: 0px;
}
.navbar-default .navbar-nav > li > a {
    color: white;
    padding: 12px 20px;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav > li > a {
      padding: 12px 28px;
  }
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #010C39;
    color: white;
    padding: 12px 28px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: white;
    background-color: #010C39;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.nav > li {
    position: relative;
    display: block;
    /*padding: 0 12px;*/
}

#navbar {
  overflow: hidden;
  /*border-top: 1px solid #606986;*/
}

.navbar-toggle {
    float: none;
    margin-left: 26px;
}

.navbar ul ul {display: none;}
.navbar ul li:hover > ul {display: block;}  
.navbar ul ul {
  width:auto;
  min-width:200px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  z-index:4;
  top: 100%;
  background-color: #606986;
}
@media (max-width: 767px){
  .navbar ul ul {
      display: block;
      position: relative;
      text-indent: 24px;
  }
}
.navbar ul ul li {float: none; position:relative; list-style-type:none;}
.navbar ul ul li a{padding-left:15px; padding-right:15px; display:block; line-height:30px;}
.navbar ul ul ul {position: absolute; left: 100%; top:0;}
.navbar ul ul{margin-bottom:-4px;}
.navbar ul ul li{font-size:16px;}
.navbar ul ul li a{text-decoration:none;}
.navbar ul ul li a:link{border-bottom:4px solid transparent; background:none; font-weight:300;}
.navbar ul ul li a:visited{border-bottom:4px solid transparent; background:none; font-weight:300;}
.navbar ul ul li a:hover{color: #FFF; background-color: #010C39;}
.navbar ul ul li a:active{border-bottom:4px solid transparent; background:none; font-weight:300;}
.navbar ul ul li.current-menu-item a{font-weight:300;}


.container-fluid {
  padding: 0;
  margin: 0;
}
@media(max-width: 767px){
  .container-fluid {
    padding: 0 15px;
    margin: 0 15px;
  }
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navbar-collapse {
    border-top: 1px solid #606986;
}

p.menu {
  display: none;
}
@media (max-width: 767px){
  p.menu {
    display: inline-block;
    color: #FFF;
    float: none;
    padding: 6px 0;
  }
}

.banner-img .col-xs-12 {
  padding: 0;
}

/*==========Fonts & Headings===========*/
.centered {
  text-align: center;
}
.italic {
  font-style: italic;
}
h1 {
  font-size: 30px;
  color: white;
  text-align: center;
  font-weight: 700;
}
.smallh1 {
  font-size: 24px;
  color: white;
  text-align: center;
  font-weight: 700;
}
.whitebg h1 {
  color: #010C39;
}
h2 {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
}
.introtext {
  font-size: 18px;
  line-height: 25px;
}
h3 {
  font-size: 22px;
  line-height: 30px;
  font-style: italic;
}
h4 {
  font-size: 18px;
  line-height: 30px;
}

p {
  margin-top: 5px;
  line-height: 24px;
}
strong {
  font-weight: bold;
}
hr {
  border: 1px solid #010c39;
}
/*
weather widget hacks
*/
.aw-current-weather-inner > h3:nth-child(1) {
  font-family: 'Lato', helvetica, arial, sans-serif;
  font-size: 25px!important;
  font-weight: bold!important;
}
div.aw-widget-current-inner a.aw-toggle {
  display: none;
}
.aw-widget-current {
  left: 0px;
  position: relative;
  display: block;
  width: 100%;
}
div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p time {
  margin-top: 4px;
  font-size: 18px !important;
  display: inline !important;
  text-align: right!important;
}
/*temp styling*/
a.aw-current-weather p span.aw-temperature-today > b:nth-child(1) {
  display: block !important;
  font-size: 25px !important;
  line-height: 1em !important;
  text-align: center !important;
  padding-top: 5px !important;
  color: #010C39;
  font-family: 'Lato', helvetica, arial, sans-serif;
  width: 60px;
}
/*time styling*/
div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p time:nth-child(2) {
  display: block !important;
  font-size: 20px !important;
  line-height: 1em !important;
  text-align: center !important;
  padding-top: 5px !important;
  color: #010C39;
  font-family: 'Lato', helvetica, arial, sans-serif;
  width: 60px;
}
#awcc1431655399234 div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-weather-description {
  display: block !important;
  font-size: 20px !important;
  line-height: 1em !important;
  text-align: center !important;
  padding-top: 5px !important;
  color: #010C39;
  font-family: 'Lato', helvetica, arial, sans-serif;
  width: 60px;
}
.aw-widget-current-inner {
  font-family: lato, sans-serif;
  font-size: 10px !important;
  line-height: 1.5em !important;
  width: 100%;
}
.aw-current-weather-inner {
  width: 100%;
}
div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather {
  text-align: left!important;
}
div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-temperature-today b {
  font-weight: 700 !important;
  display: inherit !important;
  padding-left: 0px !important;
}
.sidebar300 {
  width: 300px;
  margin: 0 auto;
}
@media(min-width:992px) and (max-width:1200px){
  .sidebar300 {
    width: 100%;
  }
  #stream-player {
      margin-left: -12px;
  }
}
@media(max-width:320px){
  .sidebar300 {
    width: 100%;
  }
}


#stream-player {
  margin-bottom: 24px;
}
#stream-player p {
  margin: 12px 0 24px;
}
#stream-player p a:link { text-decoration: underline; }
#stream-player p a:visited { text-decoration: underline; }
#stream-player p a:hover { text-decoration: none; }
#stream-player p a:active { text-decoration: underline; }

@media(max-width: 991px) {
  #stream-player {
    margin: 18px 0 32px;
  }
}
@media(max-width: 320px) {
  #stream-player {
    margin: 18px 0 32px -14px;
  }
}

iframe body > center:nth-child(2) > font:nth-child(1) {
  color: white;
}

/*wordpress styling*/
.aligncenter{
    vertical-align: center;
    margin: 12px auto;
    text-align: center;
    max-width: 100% !important; 
}
.alignright{
    vertical-align: right;
    margin-left: auto;
    margin-right: 0;
    margin-top: 8px;
    text-align: right;
    float: right;
    padding: 8px 0 12px 12px;
}

.alignleft{
    vertical-align: left;
    margin-left: 0;
    margin-right: auto;
    margin-top: 8px;
    text-align: left;
    float: left;

}
.alignnone{
    vertical-align: left;
    text-align: left;
}

.alignright img, .alignleft img, .aligncenter img, .alignnone img {
  max-width: 100%;
  height: auto;
}

.four-oh-four ul li {
  list-style: none;
}

@media (max-width:1024px) {
  .gallery-item {
      width: 33% !important;
  }
}

@media (max-width:768px) {
  .gallery-item {
      width: 33% !important;
  }
}
@media (max-width:640px) {
  .gallery-item {
      width: 50% !important;
  }
}
@media (max-width:414px) {
  .gallery-item {
      width: 100% !important;
  }
}


/*#MusesRadioPlayer-HTML5-player-1 [style] { 
  width: 100% !important;
}*/
/*#MusesRadioPlayer-HTML5-player-1 {
  width: 100% !important;
}
#MusesRadioPlayer-HTML5-player-1 > img:nth-child(1) {
  width: 100%
}*/

.navigation {
  height: 50px;
}

.kiwipay-button {
  text-align: center;
}

.kiwipay-button a {
  transition: 0.5s all;
  padding: 12px 24px;
  display: inline-block;
  margin: 12px auto;
  border-radius: 8px;
  background: #010C39;
  font-size: 18px;
  color: #fff;
}
.kiwipay-button a:link { color: #fff; }
.kiwipay-button a:visited { color: #fff; }
.kiwipay-button a:hover { color: #fff; background: #606986; }
.kiwipay-button a:active { color: #fff; }


@media(max-width: 320px){
  .navigation {
    height: 70px;
  }
}

@media(min-width: 769px) {
  .homepage .whitebg{
    min-height: 1600px;
  }  
}

@media(max-width: 991px) {
  .subpage .whitebg{
    padding: 24px;
  }  
}
@media(min-width: 769px) {
  .subpage .whitebg{
    min-height: 600px;
  }
  .single section.whitebg{
    min-height: 1000px;
  } 
}

section.main {
  padding: 12px 24px;
}

.main-block {
  background: #010C39;
}

footer {
  padding: 12px 0 24px;
}

.footer-outer {
  background: #010C39;
}

.footer-outer footer {
  padding-left: 30px;
}

/*********************************
 Home page styling
*********************************/
/* Medium Devices, Desktops */

.single aside,
.news aside,
.subpage aside,
.homepage aside {
  padding: 24px;
}

.entry .date {
    text-align: center;
    margin-bottom: 24px;
}

#MusesRadioPlayer-HTML5-player-1 {
  padding-bottom: 6px;
}

@media (max-width:990px) {
  .sub-page .pull-right {
      width: 100% !important;
  }  
}

 /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
      .homepage .whitebg{
        min-height: 1600px;
      }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
      .homepage .whitebg{
        min-height: 0px;
      }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
      .homepage .whitebg{
        min-height: 0px;
      }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
      .homepage .whitebg{
        min-height: 0px;
      }
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
      .homepage .whitebg{
        min-height: 0px;
      }        
    }






@media only screen and (max-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

#listen-live {
  text-align: center;
}
p#listen-live {
  margin-top: 24px;
}
#listen-live img {
  width: 120px;
}