/* Theme Name: Theme Name * Theme URI: http://zoomroom.co.nz * Version: 1.0 * Author: Zoomroom Interactive * Author URI: http://www.zoomroom.co.nz * Tags: simple, clean, valid XHTML, valid CSS, blank-slate * Licence: * Description:The CSS is minimal but consistent cross-browser. */
/*http://meyerweb.com/eric/tools/css/reset/ *v2.0 | 20110126 *License: none (public domain) */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     /*font-size: 100%;*/
     vertical-align: baseline;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
@media (min-width:768px) {
    #site-navigation {
        float:left;
    }
}
#homescreen-hero {
	max-width:300px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
@media (min-width:1200px) {
	#homescreen-hero {
		max-width:450px;
		position:relative;
		left:-50px;
	}
}

/* adsense */

#container-banner, #container-forecast, #container-situation, #container-news {
    max-width:1200px;
}
#container-webcams, #current-conditions, #forecast, .home .two-thirds, .home #sidebar, #news-archive {
    position:relative;
}
#banner-image #overview .weather-type {
    z-index:100;
}
.ads {
    /*display:none;*/
    /*background: pink;*/
}
#ad-pos-1 {
    width:100%;
    margin-top: 10px;
    margin-bottom: 7px;
    display:block!important;
}
.home #ad-pos-1 {
    margin-top:0;
    margin-bottom:0;
}
#ad-pos-2 {
    width:100%;
    margin-top: 30px;
    margin-bottom: 30px;    
    max-width:390px;
    height:auto!important;
}
.post-type-archive-news #ad-pos-2 {
    max-width:none;
    margin-bottom:0;
}
.home #ad-pos-2 {
    max-width:none;
}
#ad-pos-3 {
    width:100%;
    margin-top: 30px;
    margin-bottom: 30px;
    height:auto!important;
}
.post-type-archive-news #ad-pos-3 {
    clear: both;
    padding-top: 30px;
}
.home #ad-pos-3 {
    margin-top:0;
}
#ad-pos-4, #ad-pos-5 {
    width:100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.advads-site-left, .advads-site-right {
    width:100%;
    height:auto;
}
@media (max-width:1919px) {
    .advads-site-left, .advads-site-right {
        float:none!important;
    }
}
@media (max-width: 767px) {
    #banner-image {
        margin-top: 285px!important;
    }
    .single-news #header #logo-mobile, .post-type-archive-news #header #logo-mobile,.post-type-archive-webcams #header #logo-mobile, .home #header #logo-mobile, .single-forecast #header #logo-mobile, .single-alpine #header #logo-mobile, .single-mountain #header #logo-mobile {
        margin-top: 90px;
    }
    #ad-pos-1 {
        position: absolute;
        top: 150px;
        height:90px;
        margin-top: 0;
    }
    .home #ad-pos-3 {
        margin-left:20px;
        margin-right:20px;
        width:auto;
    }
    .home #situation {
        margin-top: 286px;
    }
    .post-type-archive-news #content, .post-type-archive-webcams #content {
        margin-top:180px;
    }
	.single-news #main-content {
    	margin-top: 190px;
	}
}
@media (min-width:1920px) {
    .home #ad-pos-1 {
        margin-top: 10px;
        margin-bottom: 7px; 
    }
    #ad-pos-2 {
        position:absolute;
        width:300px;
        max-width:none;
        left:-350px;
        top: 100px;
        margin-top: 0;
        margin-bottom: 0;
    }
    #ad-pos-3 {
        position: absolute;
        width: 300px;
        right: -350px;
        top: 100px;
        margin-top: 0;
        margin-bottom: 0;        
    }
    #ad-pos-4 {
        position:absolute;
        width:300px;
        max-width:none;
        left:-350px;
        top: 40px;
        margin-top: 0;
        margin-bottom: 0;
    }  
    #ad-pos-5 {
        position: absolute;
        width: 300px;
        right: -350px;
        top: 40px;
        margin-top: 0;
        margin-bottom: 0;        
    }    
    .post-type-archive-news #ad-pos-2, .post-type-archive-news #ad-pos-3 {
        top:40px;
        padding-top:0;
    }
    .home #ad-pos-2, .home #ad-pos-3 {
        top:0;
        height:auto!important;
    }  
}


/* canterbury live */
#map-canvas-wrap {
	position:relative;
}
#map-logo {
	max-width: 100px;
    position: absolute;
	top:10px;
	left:50%;
	margin-left:-50px;
    z-index: 100;
}
@media (min-width:500px) {
	#map-logo {
		max-width: 110px;
    	left: 12px;
    	top: 12px;
		margin-left:0;
	}		
}
@media (min-width:768px) {
	#map-logo {
		max-width: 125px;
    	left: 20px;
    	top: 20px;
	}		
}
@media (min-width:992px) {
	#map-logo {
		max-width: 140px;
    	left: 30px;
    	top: 30px;		
	}	
}
@media (min-width:1200px) {
	#map-logo {
		max-width: 160px;
    	left: 40px;
    	top: 40px;		
	}
}

#main-content .post-intro .post-content-cant-live h1.h-responsive {
	text-align:center;
}
#main-content.main-content-cant-live .post-image.def .bk-cover.def {
	height: 140px;
    background: url(/wp-content/uploads/2019/03/canterbury-live-header-min.jpg) no-repeat scroll center center;
    background-size: cover!important
}
#main-content.main-content-cant-live .post-image.def {
	height:auto
}
.main-content-cant-live .map {
    width: 100%;
    height: 780px;
    display: block;
    background-color: #fff;
    position: relative;
    text-align: center;
}
#main-content.main-content-cant-live .post-intro {
	padding-bottom:10px;
	border-bottom:none
}
#main-content.main-content-cant-live .map-key {
	background: #1d3454;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:15px;
	text-align:center;
	line-height:37px;
}
.main-content-cant-live .map .map-icon {
	width:38px;
/* 	position:absolute;
	top:0;
	left:0; */
}
.main-content-cant-live .map-key .map-icon {
	/*margin-right:20px;*/
	width:60px;
}
.main-content-cant-live .map .pin { 
/* 	position:relative;  */
/* 	height:31.5px;
	width:50px; */
}
.main-content-cant-live .map .pin.pin-currentcond  { 
/*	position:relative;
 	left: 20px;
    top: 8px; */
	height:24px;
	width:24px;	
	left: 20px;
    position: absolute;
	top:4px;
}
.main-content-cant-live .map .pin.pin-forecast { 
/* 	position:relative;
	left:-30px; */
	height:24px;
	width:38px;		
	left: -20px;
    position: absolute;
}
.main-content-cant-live .map .pin.pin-webcam { 
/* 	height:33px;
	width:38px;	 */
	height:26px;
	width:30px;
	left: -5px;
    top: 20px;
    position: absolute;
}
.main-content-cant-live .map .pin.pin-webcam .webcam-icon {
	width:30px;
	height:26px;
}
div.gm-style > div > div > div > div > div > div {
	position:relative;
}
.main-content-cant-live .map .large {
	display:none; 
}
.main-content-cant-live .forecastslider {
    border-radius:0;
    padding:5px;
    position:relative;
}

/*.main-content-cant-live .forecastslider:before {*/
/*    position: absolute;*/
/*    top: -12px;*/
/*    left: 98px;*/
/*    content: '';*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-left: 12px solid transparent;*/
/*    border-right: 12px solid transparent;*/
/*    border-bottom: 12px solid #fff;*/
/*}*/
#view-full-forecast-wrap {
    margin-top:4px;    
}
#view-full-forecast {
    background-color:#00ceea;
    color:#fff;
    display:inline-block;
    width: 100%;
    line-height: 36px;
    height: 36px;
    font-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition:background-color .2s;
}
#view-full-forecast:hover {
    background-color:#00B5D1
}
.main-content-cant-live .active .large {
    display: block;
    z-index: 100px;
    margin-bottom: 30px;
    width: 214px;
    margin-top:21px;
    position:relative;
}
.main-content-cant-live .map .pin.pin-webcam.active .large {
    margin-left: -94px;
	position:relative;	
}
.main-content-cant-live .map .pin.pin-webcam.active .large h3 {
	padding-right:20px;
	padding-left:0;
}
.main-content-cant-live .map .pin.pin-webcam.active .large .map-close {
	position:absolute;
	top:7px;
	right:5px;
}
.main-content-cant-live .map .pin.pin-forecast.active .large {
    margin-left: -91px;	
}
.main-content-cant-live .map .pin.pin-currentcond.active .large {
    margin-left: -98px;	
}
.main-content-cant-live .active .large:before {
    position: absolute;
    top: -12px;
    left: 98px;
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
}
#fcs-inner {
    padding: 12px 15px 10px 15px;
    border: solid 1px #e4e7e9;
        -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
}
.map-close {
	position:absolute;
	top:0;
	right:0;
}
.map-close:hover {
	cursor:pointer;
}
#fcs-inner .weather-type {
    background-color: #596b74;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin: 6px auto;
    padding: 10px;
}
#fcs-inner .forecastslider-title {
    font-size: 19px
}
#fcs-inner .forecastslider-date {
    line-height:1.5em;
}
#fcs-inner .forecastslider-descr {
    font-family: "proxima-nova", sans-serif;
    font-size: 13px;
    line-height: 1.3em;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-bottom:4px;
}
.main-content-cant-live .pws-icon {
	background-color:#fff;
	padding:3px;
	border-radius: 50%; 
	font-size:12px;
	color:#1d3454;
/* 	width: 19px;
    height: 19px;
    line-height: 19px; */
	display: inline-block;
	/*margin-left: 20px;*/
}
.pin .webcam-title {
    background-color:#fff;
    font-size: 16px;
    color:#183456;
    padding-top: 5px;
    padding-bottom: 5px;
}
.pin .chch-cam {
    width:214px;
    height:134px;
}
.map-key {
    color:#fff;  
    font-size:14px;
    letter-spacing:1px;
}
.map-key-title {
    font-size:16px;
    font-weight:bold;
}
.map-key-item {
    margin-right:10px;
    margin-left:10px;
    white-space:nowrap;
}
.map-key-item.live-temp .pws-icon {
    margin-right:4px;
	width: 19px;
    height: 19px;
    line-height: 19px;
	display: inline-block;
	font-size:15px;
}
@media (min-width:768px) {
    .map-key { 
        font-size:19px;
        letter-spacing:2px;
    }    
    .map-key-title {
        font-size:22px;
    }
    .map-key-item {
        margin-right:20px;
        margin-left:20px;
    }
}

.pin .webcam {
    margin-top:0;
    background-color:#fff;
    float: none;
    width: 100%;
    box-shadow:none;
}
.pws-title {
    color:#183456;
    text-align:left; 
    font-size:18px;
    margin-bottom:10px;
}
.pws-temp {
    text-align:left;
    font-size:19px;
    margin-bottom:10px;
}
.pws-list {
    text-align:left;
    font-size:14px;
}
.pws-item {
    text-align:right;
    margin-bottom:3px;
}

.pws-item .pws-label {
    float:left;
    font-weight:bold;
}
.pws-item.pws-item-highlight {
    color:#ec6906
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row.row-cant-live {
	margin-bottom:15px;
}
.row.row-cant-live .col-md-7 {
	text-align:center;
}
.row.row-cant-live .col-md-7 .size-leaderboard-advert,  .size-leaderboard-advert {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}
.row:after, .row:before {
	display: table;
    content: " ";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row:after {
    clear: both;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}
.col-xs-3 {
	width:25%;
}
.col-xs-4 {
    width: 33.33333333%;
}
@media (max-width:767px) {
	.col-xs-3.col-steps {
		padding-left:5px;
		padding-right:5px
	}
}
@media (min-width: 768px) {
  .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-7, .col-sm-6, .col-sm-8 {
    float: left;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }	
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
      width:50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }	
  .col-sm-3 {
    width: 25%;
  }	  
	.col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
	.col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
}
@media (min-width: 992px) {
  .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8 {
    float: left;
  }
  .col-md-8 {
    width: 66.66666667%;
  }	
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
      width:50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }	
	.col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
	.col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
}
.form-inline.form-inline-cant-live .form-group {
	text-align:center;
	margin-bottom:15px;
}
.cant-intro {
	font-size:18px;
	color:#183456;
	text-align:center;
	margin-bottom:20px;
}
@media (min-width:992px) {
	.cant-intro {
		margin-left:175px;
		margin-right:175px;
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 30px;
	}
	.form-inline.form-inline-cant-live .form-group {
		text-align:left;
		margin-bottom:0
	}	
	.form-inline.form-inline-cant-live {
		margin-top:10%;	
	}
	.form-inline.form-inline-cant-live .form-control {
		width:268px;	
	}
	.row.row-cant-live .col-md-7 .size-leaderboard-advert {
		margin-bottom:0;
	}	
}
@media (min-width:1200px) {
	.form-inline.form-inline-cant-live {
/* 		margin-top:50px;	 */
	}
	.form-inline.form-inline-cant-live .form-control {
		width:348px;	
	}
}
.form-group > label {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
	display:inline;
	clear:none;
}
.form-control {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
@media (min-width: 768px) {
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
}

/* / canterbury live */

@media screen and (max-device-width: 767px){
  body{
    -webkit-text-size-adjust: none!important;
  }
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /*border-radius: 4px;*/
	border-radius:0;
}
.btn-primary {
    color: #fff;
    background-color: #00aadd;
    border-color: #00aadd;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0091C4;
    border-color: #0091C4;
}
.btn-secondary {
    color: #fff;
    background-color: #183557;
    border-color: #183557;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #001C3E;
    border-color: #001C3E;
}
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    /*border-radius: 6px;*/
}
.btn-xl {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    /*border-radius: 6px;*/
}
@media (min-width:768px) {
	.btn-xl {
		padding: 10px 38px;
		font-size: 28px;
		line-height: 1;
	}
}
@media (min-width:1200px) {
	.btn-xl {
		padding: 12px 46px;
		font-size: 34px;
		line-height: 1;
	}
}
p.btn {
	text-align:center;
}
.visible-desktop {
	display:none;
}
@media (min-width:768px) {
	.visible-desktop {
		display:block;
	}
	.visible-mobile {
		display:none;
	}
}
.ltd-offer {
	color:#010101;
}
.pum-theme-8613 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
	background-color:#00aadd!important;
	padding-left:20px!important;
	padding-right:20px!important;
}
.ltd-offer p {
	text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}
.ltd-offer h1 {
	text-align:center;
	margin-top:20px!important;
	margin-bottom:10px!important;
	font: 700 29px/34px "proxima-nova", sans-serif;
    letter-spacing: 4px;
	color: #183456;
    text-transform: uppercase;
}
.ltd-offer h2 {
	margin-top:20px!important;
	margin-bottom:10px!important;
	font: 700 24px/29px "proxima-nova", sans-serif;
    letter-spacing: 4px;
	color: #183456;
	text-align:center;
    text-transform: uppercase;
}
.ltd-offer {
/* 	max-width:940px; */
	margin-left:auto;
	margin-right:auto;
/* 	background:#def2f9; */
	padding:20px;
}
ul.ticks-med li {
	font-size:17px;
	line-height:32px;
	padding-left:50px;
	margin-bottom:20px;
	margin-left:0;
	background: transparent url('/wp-content/themes/zoomroom-base/images/icn-tick-trans.png') left top no-repeat;
}
ul.ticks-med {
	color:#010101;
	list-style:none;
}
#main-content .post-content ul.membership-benefits li {
	font-size:17px;
	line-height:26px;
	padding-left:50px;
	margin-bottom:20px;
	margin-left:0;
	background: transparent url('/wp-content/themes/zoomroom-base/images/icn-tick.png') left top no-repeat;
}
#main-content .post-content ul.membership-benefits {
	color:#010101;
	list-style:none;
}
@media (min-width:768px) {
	ul.ticks-med li {
		font-size: 21px;
    	line-height: 33px;
    	padding-left: 43px;
    	margin-bottom: 13px;
	}
}
@media (min-width:768px) {
	#main-content .post-content ul.membership-benefits li {
		font-size:24px;
		line-height:31px;
		padding-left:70px;
		margin-bottom:30px;
	}
}
.local-business {
	background:#ededed;
	padding:10px;
	position:relative;
	color:#010101!important;
	margin-top:90px;
	margin-bottom:30px;
}
#main-content .post-intro .local-business h1, 
#main-content .post-intro .local-business h2, 
#main-content .post-intro .local-business h3, 
#main-content .post-intro .local-business h4, 
#main-content .post-intro .local-business p {
	color:#010101!important;
	margin-top:12px;
	margin-bottom:12px;
}
#main-content .post-intro .local-business p a {
	color:#010101!important;
	text-decoration:underline;
}
.table-lb-wrap {
	background:#00aadd;
	position: absolute;
	z-index:100;
	left: -13px;
	top: -80px;
	width:125px;
	height:125px;
	border-radius:50%;
}
@media (min-width:768px) {
	.table-lb-wrap {
		top: -40px;
	}
	.local-business {
		margin-top:50px;
	}	
}
.table-lb td {
	color:#fff;
	padding:6px 10px;
}
.table-lb {
	width:125px;
	height:125px;
}
.table-lb td {
	vertical-align:middle;
	text-align:center;
	font-weight:600;
	padding-left:10px;
	padding-right:10px;
}
/*
.table-lb td .break {
	display:inline;
}
.table-lb td .break {
	display:none;
}*/
#mem-ben-footer {
	background-image: url(/wp-content/uploads/2018/09/mem-ben-footer.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:50% 50%;
	padding-top:100px;
	padding-bottom:100px;
}
@media (min-width:768px) {
	#mem-ben-footer {
		padding-top:150px;
		padding-bottom:150px;
	}
}
@media (min-width:1200px) {
	#mem-ben-footer {
		padding-top:170px;
		padding-bottom:170px;
	}
}
#mem-ben-footer p.p-btn {
	text-align:center;
}
.mem-ben .btn-xl {
	margin-bottom:15px;
}
.img-lb {
    margin-bottom:15px;
}
@media (min-width:500px) {
	.local-business {
		padding:15px;
	}
	.local-business .business-content {
	    width:55%;
	    float:right;
	}
	.local-business .img-wrap {
		width:37%;
		float:left;	    
	}
	.img-lb {
		margin-top:15px;
		margin-left:auto;
		margin-right:auto;
	}
}
@media (min-width:768px) {
	.table-lb-wrap {
		position: absolute;
		z-index:100;
		left: -30px;
		top: -40px;
		width:125px;
		height:125px;
		border-radius:50%;
	}

	.local-business {
		padding:20px;
		margin-left:20px;
		margin-top:80px;
		margin-bottom:80px;
	}
	.img-lb {
		max-width:260px!important;
		margin-top:25px;
	}	
}
@media (min-width:992px) {
	.local-business .business-content {
	    width:60%;
	}
	.local-business .img-wrap {
		width:38%;
	}	
}
@media (min-width:1200px) {
	.local-business {
		padding: 50px 35px 35px 35px;
		margin-left:30px;
	}
	.table-lb {
		width:165px;
		height:165px;
	}
	.table-lb-wrap {
		position: absolute;
		z-index:100;
		left: -30px;
		top: -40px;
		width:165px;
		height:165px;
		border-radius:50%;
	}
	.table-lb td {
		font-size:22px;
	}
	.table-lb td small {
		font-size:16px;
	}	
}
.page-id-5821 .post-content > ul {margin-bottom:20px !important;}

#become-member {
	display:none;
	float:left;
	margin-top:6px;
	margin-bottom:6px;
	background:#00ace4;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	padding:4px 23px;
}
.become-member {
	background:#00ace4;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	padding:8px 30px;
	display:inline-block;
}
@media (min-width:768px){
	#become-member {
		display:block;
	}
	#site-menu {
		margin-right:25px;
	}
}
 .successmsg {
    color:red !important;
}
 .lightboxlink {
     text-decoration: none;
     background-color: #feb729;
     color: #fff !important;
     padding: 3px 10px 3px 10px;
     border-radius: 3px !important;
     font-size: 16px !important;
}
 body {
     font-family: "proxima-nova", sans-serif;
     font-size: 1em;
     line-height:1.5em;
     font-weight:normal;
     text-rendering: optimizelegibility;
     letter-spacing: 0.5px;
}
 ol, ul {
     list-style: none;
}
 blockquote, q {
     quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: "";
     content: none;
}

#sb_instagram #sbi_images {
	padding:0!important;
}
@media (max-width:640px) {
	#sb_instagram .sbi_photo {
		max-height:200px;
	}
}
@media (min-width:1200px) {
	#sb_instagram .sbi_photo {
		max-width:195.9px;
	}
}
#sb_instagram #sbi_images .sbi_item.sbi_type_image, #sb_instagram #sbi_images .sbi_item.sbi_type_carousel {
	padding-right:12px!important;
}
#custom_html-2 {
	margin-top:15px;
}
.cwu-connect-news .fb_iframe_widget {
	margin-bottom:15px;		
}
#sb_instagram #sbi_images .sbi_item.sbi_type_image, #sb_instagram #sbi_images .sbi_item.sbi_type_carousel {
	margin-bottom:12px!important;
}
#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
	width:50%;
}
@media (min-width:641px) {
	#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
		width:25%;
	}	
}
@media (min-width:810px) and (max-width:991px) {
	#custom_html-2 {
		margin-top:0;
	}	
	.cwu-connect-social-fb h3 {
		float:left;
	}
	.cwu-connect-news .fb_iframe_widget {
		float:right;
		margin-top:-30px;	
		margin-bottom:0;
	}		
}

@media (min-width:1248px) {
	#custom_html-2 {
		margin-top:0;
	}		
	.cwu-connect-social-fb h3 {
		float:left;
	}
	.cwu-connect-news .fb_iframe_widget {
		float:right;
		margin-top:-30px;
		margin-bottom:0;
	}		
}
.cwu-connect-social-fb {
	margin-bottom:30px;
}
.cwu-connect-social-in h3, .cwu-connect-social-fb h3 {
	margin-bottom:17px;
}
.cwu-connect-social-in h3 a, .cwu-connect-social-fb h3 a {
	color:#183456;
	font-size:20px;	
	text-decoration:underline;
}
#main-content .post-intro #ben-mem-intro-wrap {
	margin-bottom:30px;
}
#main-content .post-intro #ben-mem-intro p, 
#main-content .post-intro #ben-mem-intro h1, 
#main-content .post-intro #ben-mem-intro h2, 
#main-content .post-intro #ben-mem-intro h3, 
#main-content .post-intro #ben-mem-intro h4 {
	font-size:18px;
	line-height:24px;
	color:#010101;
}	
#main-content .post-intro #ben-mem-img img {
	margin-left:auto;
	margin-right:auto;
}
@media (min-width:768px) {
	#main-content .post-intro #ben-mem-intro {
		float:left;
		width:60%;
		clear:none;
		margin-left:0;
		margin-right:0;
		padding-left:0!important;
		padding-right:0!important;
	}
	#main-content .post-intro #ben-mem-intro p, 
	#main-content .post-intro #ben-mem-intro h1, 
	#main-content .post-intro #ben-mem-intro h2, 
	#main-content .post-intro #ben-mem-intro h3, 
	#main-content .post-intro #ben-mem-intro h4  {
		font-size:25px;
		line-height:32px;
	}	
	#main-content .post-intro #ben-mem-img {
		float:left;
		width:38%;
		margin-top:-30px;
		margin-left:2%;
		margin-right:0;
		clear:none;
		padding-left:0!important;
		padding-right:0!important;		
	}
	#main-content .post-intro #ben-mem-img img {
		margin-left:0;
		margin-right:0;
	}
}
@media (min-width:1200px) {

	#main-content .post-intro #ben-mem-intro p, 
	#main-content .post-intro #ben-mem-intro h1, 
	#main-content .post-intro #ben-mem-intro h2, 
	#main-content .post-intro #ben-mem-intro h3, 
	#main-content .post-intro #ben-mem-intro h4 {
		font-size:28px;
		line-height:37px;
	}	
}
 #header .highlight a {
    /*color:#ff0000 !important;
    color:#00ace4!important;*/
}
 #header .highlight > ul > li.menu-item-has-children:after {
    color:#ff0000 !important;
}
 .profilelink h2 {
    color: #b81d84 !important;
     clear: left !important;
}
 .profilelink img {
    float:left !important;
     padding-right:10px !important;
}
 .profilelink a {
    float:left !important;
     padding-right:10px !important;
     border-bottom:0 !important;
     font-size: 16px !important;
}
 .profilelink a:hover {
     color: #b81d84 !important;
     text-decoration: underline;
     font-weight:bold;
}
 .wp-editor-tabs{
    display:none;
}
 .quicktags-toolbar{
    display:none;
}
 .wp-editor-area {
    border:1px solid black;
}
 .dwqa-votes-count {
    display:none !important;
}
 .dwqa-question-vote {
    display:none !important;
}
 .dwqa-answer-vote {
    display:none !important;
}
 .dwqa-pick-best-answer {
    display:none !important;
}
 .dwqa-content-edit-form p:nth-child(4) {
    display:none !important;
}
 #dwqa-search {
    display: none !important;
}
/* .mce-toolbar-grp {
    display:none !important;
}
 .mce-statusbar {
    display:none !important;
}
 */
 .para {
     color: #686f7b;
     font: 400 16px "proxima-nova", sans-serif !important;
     letter-spacing: 0.1px;
     clear: both;
     padding: 0 0 10px 0;
}
 .para a {
     padding-left: 5px;
     color: #0093fc !important;
     border-bottom:0 !important;
     font-size: 16px !important;
     font-weight: bold !important;
}
 .para a:hover {
     color: #686f7b !important;
     text-decoration: underline;
}
 .rightcontent {
    padding-top:20px;
     clear:right;
}
 .testimonial-copy {
    font-style:italic;
     font-size:13px;
     color:black;
}
 .testimonial {
    padding-top:25px
}
 .testimonial-person {
    padding-top:10px;
     font-weight:bold;
     color:#000;
     clear:right;
}
 .testimonial-img {
    width:50%;
     float:right;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 a {
     text-decoration: none;
     outline: none;
}
 img {
     margin: 0;
     padding: 0;
}
/*Forms */
 label {
     font: 18px/18px "proxima-nova", sans-serif;
     margin: 0;
     padding: 0;
     outline: 0;
     border: none;
     vertical-align: middle;
     display:block;
}
 input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="button"], input[type="submit"], input[type="search"] {
     padding: 5px 1.5%;
     height: 30px;
     width: 97%;
     vertical-align: middle;
     font: 400 14px/18px "proxima-nova", sans-serif;
     border: 1px solid #000;
     margin-bottom: 20px;
     background: #f7f7f7;
     color: #686f7b;
}
 input[type="submit"] {
     background-color: #1972d6;
     width: 200px;
     color: white;
     border: 0 none;
     text-transform: uppercase;
     height: 35px;
}
 input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type=number] {
     -moz-appearance: textfield;
}
 .gform_body input[type="text"], .gform_body input[type="password"], .gform_body input[type="email"], .gform_body input[type="number"], .gform_body input[type="button"], .gform_body input[type="submit"], .gform_body input[type="search"] {
     margin-bottom: 0;
}
 label {
     color: #686f7b;
     font: 600 14px/14px "proxima-nova", sans-serif;
     letter-spacing: 0.2px;
     clear: both;
     padding-bottom: 10px;
     text-transform: uppercase;
}
 textarea {
     padding: 10px 1%;
     width: 98%;
     resize: none;
     font: 400 14px/18px "proxima-nova", sans-serif;
     height: 100px;
     border: 1px solid #eeeeee;
     margin-bottom: 20px;
     background: #f7f7f7;
     color: #686f7b;
}
 select {
     padding: 5px 1%;
     height: 40px;
     width: 98%;
     vertical-align: middle;
     font: 400 14px/18px "proxima-nova", sans-serif;
     border: 1px solid #e2e7e7;
     margin-bottom: 20px;
     background: #f9fcfd;
     color: #686f7b;
}
 ::-webkit-input-placeholder {
     color: #484848;
     text-transform: none;
}
 :-moz-placeholder {
     color: #484848;
     text-transform: none;
}
 ::-moz-placeholder {
     color: #484848;
     text-transform: none;
}
 :-ms-input-placeholder {
     color: #484848;
     text-transform: none;
}
 .ajax-loader {
     width: auto;
     max-width: 30px;
}
/*Grid */
 .container {
     width: 88.88889%;
     padding: 0 3.57143%;
     margin: 0 auto;
     max-width: 1260px;
}
 .container:after, .container:before {
     content: "";
     display: table;
     line-height: 0;
}
 .container:after {
     clear: both;
}
 .two-thirds {
     /*width: 69.64286%;*/
     /*width: calc(100% - 21em );*/
     width: calc(100% - 23em );
     float: left
}
.two-thirds.two-thirds-responsive {
	float:none;	
	width:90%
}
.one-third.fixed {
     width:336px;
     width: calc(21em);
     float: right;
}
.one-third.one-third-responsive.fixed {
	float:none;
	width: calc(21em);
	margin-left: auto;
    margin-right: auto
}
.post-intro .one-third.one-third-responsive.fixed .description {
	float:none;
	text-align:center;
	display:inline-block;
	width:300px
}

@media (min-width:1200px) {
	.two-thirds.two-thirds-responsive {
    	width: calc(100% - 23em);
    	float: left
	}
	.one-third.one-third-responsive.fixed {
		width: calc(21em);
    	float: right;
		margin-left:0;
		margin-right:0
	}
	.post-intro .one-third.one-third-responsive.fixed .description {
		float:none;
		text-align:center;
		display:inline-block;
		width:300px
	}	
}
 .clearfix:after, .clearfix:before {
     content: "";
     display: table;
     line-height: 0;
}
 .clearfix:after {
     clear: both;
}
 .clear {
     clear: both;
}
 .mobile {
     display: none;
}
 .bk-cover {
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     height: 430px;
     margin: 0 auto;
 }
 #site-wrapper {
     position: relative;
     overflow: hidden;
     width: 100%;
}
 #site-canvas {
     width: 100%;
     height: 100%;
     position: relative;
     -webkit-transition: 0.3s ease all;
     transition: 0.3s ease all;
}
 #site-wrapper {
     position: relative;
     overflow: hidden;
     width: 100%;
}
 #site-canvas {
     width: 100%;
     height: 100%;
     position: relative;
     -webkit-transition: 0.3s ease all;
     transition: 0.3s ease all;
}
 .admin-bar #site-canvas {
     transform: none;
}
 .toggle-nav {
     display: none;
}
span.toggle-title {
	text-transform:uppercase;
	font-size:16px;
}
/* Site header */
 #border {
     height: 5px;
}
 #border li {
     float: left;
     width: 20%;
     display: inline-block;
     height: 5px;
}
 #border .light-blue {
     background: #01abdc;
}
 #border .dark-blue {
     background: #1972d6;
}
 #border .darker-blue {
     background: #1c4aa8;
}
 #border .purple {
     background: #7747b9;
}
 #border .pink {
     background: #dc297f;
}
 #header {
     background: white;
     height: auto;
}
 #header .logo {
     padding-top: 25px;
     float: left;
     width: 23%;
     height: auto;
     display: block;
}
 #header .logo img {
     width: 100%;
     height: auto;
     display: block;
}
 #header .advert {
     float: right;
     margin-top: 10px;
     max-width: 728px;
     width: 70%;
}
 #header .advert img {
     width: 100%;
     height: auto;
     display: block;
}
 #header .home {
     background: url(images/home-icon.jpg) no-repeat;
     width: 18px;
     height: 18px;
     margin-top: 6px;
}
 #header .home a {
     text-indent: -9999px;
     width: 18px;
     height: 18px;
}
 #header .site-login {
     float: left;
}
 #header .todays-date {
     color: #48d9f0;
     float: right;
     font-size: 14px;
     width: 14%;
     min-width: 175px;
     padding-top: 10px;
     text-align: right;
}
 #header .todays-date #clock {
     float: right;
}
 #header .todays-date #date {
     float: right;
}
 #header #main-nav {
     display:none!important;
     float: left;
    /* width: 80%;
     */
}
#mega-menu-wrap-members-primary #mega-menu-members-primary > li.mega-menu-item > a.mega-menu-link {
	padding:0px 6px 0px 6px;
	font-weight:600!important;
}
#mega-menu-wrap-members-primary #mega-menu-members-primary > li.mega-menu-item > a.mega-menu-link:hover,#mega-menu-wrap-members-primary #mega-menu-members-primary > li.mega-menu-item:hover > a.mega-menu-link {
	font-weight:600!important;	
}
#mega-menu-wrap-members-primary #mega-menu-members-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
	margin-left:3px;
}
ul.mega-sub-menu > li.widget_custom_html > .custom-html-widget > h3 {
    margin-top:10px;   
}
@media (max-width:767px) {
    ul.mega-sub-menu > li.widget_custom_html > .custom-html-widget > h3 {
    	border-top:1px solid #cdcdcd;
    	border-bottom:1px solid #cdcdcd;	
        padding: 8px 0;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:first-child > ul.mega-sub-menu > li.widget_custom_html:first-child > .custom-html-widget > h3 {
    	border-top:none;
    	margin-top:0;
    }    
}
@media (max-width:767px) {
	#site-menu > .nav > li > .sub-menu > .container > a {
		display:none;			
	}
}
#header .nav > li#menu-item-63 > .sub-menu, #header .nav > li#menu-item-2792 > .sub-menu, #header .nav > li#menu-item-5385 > .sub-menu {
    min-width:795px;
}
#header .nav > li#menu-item-2832 > .sub-menu .nav-column, #header .nav > li#menu-item-5420 > .sub-menu .nav-column  {
    width:335px;
}

#header .nav > li > .sub-menu .container {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    max-width: none;
}
 #header .nav {
     margin-top: 5px;
     margin-left: 10px;
}
 #header .nav li {
     float: left;
     position:relative;
}
 #header .nav li a {
     padding: 10px 7px 17px;
     font: 600 14px/14px "proxima-nova", sans-serif;
     /*color: #0093fc;*/
     color: #00ace4;
     text-transform: uppercase;
     display: inline-block;
}
 #header .nav li a:hover {
    /*color:#000;*/
}
 #header .nav > li.menu-item-has-children:after {
     font-family: FontAwesome;
     content: "\f107";
     color: #0093fc;
     margin-left: -5px;
     padding-right: 5px;
     position:relative;
     top:-2px;
}
 #header .nav li:first-child a {
     padding-left: 0;
}
 #header .nav li:last-child a {
     padding-right: 0;
}
 #header .nav li:hover > .sub-menu {
     display: block;
     opacity: 1;
}
 #header .nav li:hover {
     /*background-color: whitesmoke;*/
}
 #header .nav li > a {
     position: relative;
}
 #header .nav > li > .sub-menu {
     display: none;
     background-color: whitesmoke;
     left: 0;
     opacity: 0;
     position: absolute;
     padding: 15px 0px;
     z-index: 999;
}
 #header .nav > li > .sub-menu li {
     margin: 0;
}
 #header .nav > li > .sub-menu .nav-column {
     width: 265px;
     float: left;
}
 #header .nav > li > .sub-menu .nav-column .title > a {
     margin-bottom: 20px;
     font: 600 14px/14px "proxima-nova", sans-serif;
     color: #0093fc;
}
 #header .nav > li > .sub-menu .nav-column li {
     float: none;
     display: block;
}
 #header .nav > li > .sub-menu .nav-column li.col > a {
     display:none;
}
 #header .nav > li > .sub-menu .nav-column li a {
     /*color: #686f7b !important;*/
     color: #00ace4 !important;
     font: normal 14px/18px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     text-transform: none;
     padding: 4px 30px;
     display:block;
     /*text-transform:uppercase*/;
}
 #header .nav > li > .sub-menu .nav-column li .sub-menu li:hover a {
     color: tint(black, 40%);
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     background:#fff;
}
/* Homepage */
 #canterbury-map {
     background-color: #013354;
}
 #canterbury-map .bk-cover {
/*      max-width: 1212px !important; */
}
 #canterbury-map #canterbury-inner {
     position: relative;
     width: 750px;
     margin: 0 auto;
}
 #canterbury-map #canterbury-inner:after {
     content: 'Click towns for forecast';
    position: absolute;
    top: 390px;
    right: -25px;
    text-transform: uppercase;
    background: #00ace4;
    color: #fff;
    font-size: 12px;
    display: block;
    padding: 2px 10px;
 }
 @media (min-width:992px) {
     #canterbury-map #canterbury-inner:after {
        right:-110px;
    }
}
@media (min-width:1200px) {
	#canterbury-map #canterbury-inner:after {
	    top: 470px;
	}
}
@media (min-width:1300px) {
     #canterbury-map #canterbury-inner:after {
        right:-285px;
    }
}
 #canterbury-map #canterbury-inner .weather {
     position: absolute;
     display: block;
}
 #canterbury-map #canterbury-inner h2 {
     float: right;
     color: white;
     margin-top: 9px;
     margin-left: 5px;
     font: 500 15px/15px "proxima-nova", sans-serif;
     text-shadow: 3px 3px 3px black;
     position: relative;
}
#canterbury-map #canterbury-inner .weather:hover h2 {
	border-bottom: solid 1px rgba(255,255,255,.6);
    padding-bottom: 1px;
}
 #canterbury-map #canterbury-inner .temp-hover {
     width: 75px;
     display: none;
     position: absolute;
     left: 105%;
     top: -7px;
}
 #canterbury-map #canterbury-inner .temp-hover .high {
     width: 35px;
     height: 20px;
     padding-top: 5px;
     background-color: #fa3c3f;
     color: white;
     position: absolute;
     z-index: 9999;
     float: left;
     text-align: center;
     text-shadow: none;
}
 #canterbury-map #canterbury-inner .temp-hover .low {
     width: 35px;
     height: 20px;
     margin-left: 35px;
     padding-top: 5px;
     text-align: center;
     position: absolute;
     float: left;
     z-index: 9999;
     color: white;
     background-color: #84e5ff;
     text-shadow: none;
}
 #canterbury-map #canterbury-inner .weather-icon {
     float: right;
     width: 34px;
}
 #canterbury-map #canterbury-inner .weather-icon img {
     width: 100%;
     height: auto;
     display: block;
     z-index: 99;
}
    #canterbury-map #weather-kaikoura {
        top: -9px;
        right: -90px;
    }

    #canterbury-map #weather-rolleston {
        top: 200px;
        right: 90px;
    }

    #canterbury-map #weather-castle-hill {
        top: 100px;
        right: 255px;
    }

        #canterbury-map #weather-castle-hill h2 {
            float: left;
        }

            #canterbury-map #weather-castle-hill h2 .temp-hover {
                right: 180px;
                left: inherit;
            }

    #canterbury-map #weather-porters-ski-area {
        top: 125px;
        right: 245px;
    }

        #canterbury-map #weather-porters-ski-area h2 {
            float: left;
        }

            #canterbury-map #weather-porters-ski-area h2 .temp-hover {
                right: 120px;
                left: inherit;
            }

    #canterbury-map #weather-hanmer-springs {
        top: 34px;
        right: -25px;
    }

    #canterbury-map #weather-mt-lyford-village-600m {
        top: 12px;
        right: -115px;
    }

    #canterbury-map #weather-cheviot {
        top: 67px;
        right: -20px;
    }

    #canterbury-map #weather-culverden {
        top: 67px;
        right: 100px;
    }

        #canterbury-map #weather-culverden h2 {
            float: left;
        }

            #canterbury-map #weather-culverden h2 .temp-hover {
                right: 120px;
                left: inherit;
            }

    #canterbury-map #weather-amberley {
        top: 107px;
        right: 10px;
    }

    #canterbury-map #weather-christchurch {
        top: 170px;
        right: -10px;
    }

        #canterbury-map #weather-christchurch h2 {
            text-transform: uppercase;
        }
        
    #canterbury-map #weather-lyttelton {
        top: 185px;
        right: 30px;
    }

    

    #canterbury-map #weather-methven {
        top: 207px;
        right: 190px;
    }

    #canterbury-map #weather-rangiora {
        top: 142px;
        right: 55px;
    }

    #canterbury-map #weather-darfield {
        top: 177px;
        right: 170px;
    }

        #canterbury-map #weather-darfield h2 {
            float: left;
        }

            #canterbury-map #weather-darfield h2 .temp-hover {
                right: 100px;
                left: inherit;
            }

    #canterbury-map #weather-mt-hutt-base-area-1600m {
        top: 177px;
        right: 320px;
    }

        #canterbury-map #weather-mt-hutt-base-area-1600m h2 {
            float: left;
        }

            #canterbury-map #weather-mt-hutt-base-area-1600m h2 .temp-hover {
                right: 190px;
                left: inherit;
            }

    #canterbury-map #weather-arthurs-pass-village {
        top: 77px;
        right: 280px;
    }

        #canterbury-map #weather-arthurs-pass-village h2 {
            float: left;
        }

            #canterbury-map #weather-arthurs-pass-village h2 .temp-hover {
                right: 200px;
                left: inherit;
            }

    #canterbury-map #weather-oxford {
        top: 145px;
        right: 205px;
    }

        #canterbury-map #weather-oxford h2 {
            float: left;
        }

            #canterbury-map #weather-oxford h2 .temp-hover {
                right: 100px;
                left: inherit;
            }

    #canterbury-map #weather-springfield-390m {
        top: 158px;
        right: 250px;
    }

        #canterbury-map #weather-springfield-390m h2 {
            float: left;
        }

            #canterbury-map #weather-springfield-390m h2 .temp-hover {
                right: 100px;
                left: inherit;
            }


    #canterbury-map #weather-akaroa {
        top: 237px;
        right: 20px;
    }

    #canterbury-map #weather-leeston {
        top: 227px;
        right: 113px;
    }

        #canterbury-map #weather-leeston h2 {
            margin-left: -2px;
        }

    #canterbury-map #weather-ashburton {
        top: 248px;
        right: 190px;
    }

    #canterbury-map #weather-geraldine {
        top: 297px;
        right: 210px;
    }

    #canterbury-map #weather-fairlie {
        top: 300px;
        right: 360px;
    }

        #canterbury-map #weather-fairlie h2 {
            float: left;
        }

            #canterbury-map #weather-fairlie h2 .temp-hover {
                right: 90px;
                left: inherit;
            }

    #canterbury-map #weather-lake-tekapo {
        top: 263px;
        right: 400px;
    }

        #canterbury-map #weather-lake-tekapo h2 {
            float: left;
        }

            #canterbury-map #weather-lake-tekapo h2 .temp-hover {
                right: 140px;
                left: inherit;
            }

    #canterbury-map #weather-twizel {
        top: 325px;
        right: 445px;
    }

        #canterbury-map #weather-twizel h2 {
            float: left;
        }

            #canterbury-map #weather-twizel h2 .temp-hover {
                right: 90px;
                left: inherit;
            }

    #canterbury-map #weather-timaru {
        top: 337px;
        right: 260px;
    }

        #canterbury-map #weather-timaru h2 {
            text-transform: uppercase;
        }

    #canterbury-map #weather-waimate {
        top: 387px;
        right: 260px;
    }

    #canterbury-map #weather-mt-cook-village {
        top: 232px;
        right: 330px;
    }

/* @media (min-width:1200px) { */
	.home .bk-cover {
		height:500px;
	}
	#canterbury-map #weather-kaikoura {
		top: -9px;
/* 		right: -145px; */
		right: 25px;
	}
	#canterbury-map #weather-rolleston {
		top: 244px;
/* 		right: 134px; */
		right: 304px;		
	}
	#canterbury-map #weather-rolleston h2 {
		float:left;
	}
	#canterbury-map #weather-rolleston h2 .temp-hover {
		right: 70px;
		left: inherit;
	}
	#canterbury-map #weather-castle-hill {
		top: 120px;
/* 		right: 245px; */
		right: 415px;		
	}
	#canterbury-map #weather-porters-ski-area {
		top: 149px;
/* 		right: 235px; */
		right: 405px;		
	}
	#canterbury-map #weather-porters-ski-area h2 .temp-hover {
		right: 210px;
		left: inherit;
	}
	#canterbury-map #weather-hanmer-springs {
		top: 44px;
/* 		right: -52px; */
		right: 118px;		
	}
	#canterbury-map #weather-mt-lyford-village-600m {
		top: 18px;
/* 		right: -155px; */
		right: 15px;		
	}
	#canterbury-map #weather-cheviot {
		top: 83px;
/* 		right: -65px; */
		right: 105px;		
	}
	#canterbury-map #weather-culverden {
		top: 83px;
/* 		right: 65px; */
		right: 235px;		
	}
	#canterbury-map #weather-amberley {
		top: 129px;
/* 		right: -26px; */
		right: 144px;		
	}
	#canterbury-map #weather-christchurch {
		top: 212px;
/* 		right: -40px; */
		right: 130px;		
	}
	#canterbury-map #weather-lyttelton {
		top: 238px;
/*     	right: 5px; */
    	right: 175px;		
	}
	#canterbury-map #weather-methven {
		top: 245px;
/* 		right: 300px; */
		right: 470px;		
	}
	#canterbury-map #weather-methven h2 {
		float: left;
	}
	#canterbury-map #weather-methven h2 .temp-hover {
		right:110px;
		left:inherit;
	}
	#canterbury-map #weather-rangiora {
		top: 169px;
/* 		right: 25px; */
		right: 195px;		
	}
	#canterbury-map #weather-darfield {
		top: 218px;
/* 		right: 147px; */
		right: 317px;		
	}
	#canterbury-map #weather-mt-hutt-base-area-1600m {
		top: 218px;
/* 		right: 322px; */
		right: 492px;		
	}
	#canterbury-map #weather-arthurs-pass-village {
		top: 93px;
/* 		right: 274px; */
		right: 444px;		
	}
	#canterbury-map #weather-oxford {
		top: 173px;
/* 		right: 188px; */
		right: 358px;		
	}
	#canterbury-map #weather-springfield-390m {
		top: 194px;
/* 		right: 239px; */
		right: 409px;		
	}
	#canterbury-map #weather-springfield-390m h2 .temp-hover {
		right: 127px;
		left: inherit;
	}
	#canterbury-map #weather-akaroa {
		top: 274px;
/* 		right: -17px; */
		right: 153px;		
	}
	#canterbury-map #weather-leeston {
		top: 269px;
/* 		right: 90px; */
		right: 260px;		
	}
	#canterbury-map #weather-ashburton {
		top: 292px;
/* 		right: 182px; */
		right: 352px;		
	}
	#canterbury-map #weather-geraldine {
		top: 347px;
/* 		right: 206px; */
		right: 376px;		
	}
	#canterbury-map #weather-fairlie {
		top: 352px;
/* 		right: 368px; */
		right: 538px;		
	}
	#canterbury-map #weather-lake-tekapo {
		top: 308px;
/* 		right: 415px; */
		right: 575px;		
	}
	#canterbury-map #weather-twizel {
		top: 380px;
/* 		right: 469px; */
		right: 625px;		
	}
	#canterbury-map #weather-twizel h2 {
		margin-left:1px;
	}
	#canterbury-map #weather-timaru {
		top: 396px;
/* 		right: 263px; */
		right: 433px;		
	}
	#canterbury-map #weather-waimate {
		top: 453px;
/* 		right: 264px; */
		right: 434px;		
	}
	#canterbury-map #weather-mt-cook-village {
		top: 270px;
/* 		right: 364px; */
		right: 534px;		
	}
/* } */
 #situation {
     padding: 35px 0;
     border-bottom: 0px solid #e1e5e8;
}

 #situation strong {
     font-weight: bold !important;
}
 #situation #overview h4 {
     color: #0093fc;
     font: bold 12px/12px "proxima-nova", sans-serif;
     text-transform: uppercase;
     float: left;
     letter-spacing: 0.6px;
     margin-bottom: 15px;
}
 #situation #overview .meta {
     color: #aaaaaf;
     font: italic 12px/12px "proxima-nova", sans-serif;
     margin-bottom: 15px;
}
 #situation #overview .description {
     color: #686f7b;
     font: normal 16px/21px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     width: 90%;
}
 #situation #overview .description p {
     padding-bottom: 16px;
}
 @-webkit-keyframes pulsingcolor {
}
 @-moz-keyframes pulsingcolor {
}
 @-ms-keyframes pulsingcolor {
}
 @keyframes pulsingcolor {
}
 #situation 0% {
     background-color: #e83c2e;
}
 #situation 65% {
     background-color: #fe4132;
}
 #situation 100% {
     background-color: #e83c2e;
}
 #situation .pulsingcolor {
     -webkit-animation: pulsingcolor 3s infinite;
     -moz-animation: pulsingcolor 3s infinite;
     animation: pulsingcolor 3s infinite;
}
 #situation #weather-warnings {
     background: #e83c2e;
     color: white;
     margin-top: 10px;
	 padding-bottom:20px;
}
 #situation #weather-warnings h4 {
     padding: 25px 7% 20px;
     text-transform: uppercase;
     font: 600 14px/14px "proxima-nova", sans-serif;
}
 #situation #weather-warnings h5 {
     font: normal 14px/16px "proxima-nova", sans-serif;
     margin-bottom: 5px;
     padding: 0px 7%;
}
 #situation #weather-warnings h5 a {
     color: white;
     font: normal 14px/16px "proxima-nova", sans-serif;
}
 #situation #weather-warnings h5 a:before {
     color: white;
     content: "\f06a";
     display: inline-block;
     font-family: FontAwesome;
     font-size: 16px;
     font-weight: 400;
     margin-right: 10px;
}
 #situation #weather-warnings a.view-all {
     font: italic 12px/12px "proxima-nova", sans-serif;
     color: white;
     display: block;
     padding: 20px 7% 20px;
     clear: both;
}
.situation-footer {
    border-top:solid 2px #183456;
    margin-top:40px;
    padding-top:20px;
    margin-bottom:20px;
}
.img-responsive, .size-leaderboard-advert {
    max-width: 100%;
    height: auto;
    display:block;
}
 #situation .accordion {
    position:relative;
    background-color: #ededed;
    color: #183456;
    cursor: pointer;
    padding: 35px 28px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
    letter-spacing: 6px;
    margin-top:20px;
    padding-right:60px;
    padding-left:80px;
}
@media (min-width:768px) {
    #situation .accordion {
        font-size:18px;
    }
}
@media (min-width:992px) {
    #situation .accordion {
        font-size:24px;
    }
}
#situation .accordion .fa.fa-list {
    position:absolute;
    left:34px;
    top:38px;
	font-size:24px!important;
}
@media (max-width:767px){
	#situation .accordion .fa.fa-list {
		font-size:18px!important;
	}
	#situation .accordion .accordion-icon.outlook {
		width:24px;
		height:24px;
	}
}
#situation .accordion .accordion-icon.outlook {
    position:absolute;
    left:30px;
    top:33px;
}
 

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 #situation .accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */

#situation .panel {
    background:#001a30;
    color:#fff!important;
    padding: 20px 20px;
    display: none;
    overflow: hidden;
}
#situation button.accordion:after {
    content: '\002B';
    color: #183456;
    font-weight: bold;
    position:absolute;
    right:30px;
    top:22px;
    margin-left: 5px;
    font-size:40px;
}
#situation button.accordion.active:after {
    content: "\2212";
    top:24px;
}
#situation .situation-intro {
    padding: 20px 0;
}
 #content {
     border-bottom: 1px solid #eeeeee;
     background-color: #efefef;
}
 #sidebar {
     margin-top: 50px;
     padding-bottom: 50px;
}
.home #sidebar {
    margin-top:0;
}
 #sidebar .description {
     text-align: right;
     display: inline-block;
     width: 35%;
     margin-top: 3px;
     color: #515150;
     font: 600 12px/12px "proxima-nova", sans-serif;
     text-transform: uppercase;
     margin-bottom: 40px;
}
 #sidebar #advert .owl-controls {
     text-align: left;
     width: 60%;
     float: left;
}
 #sidebar #facebook-feed h5 {
     text-transform: uppercase;
     color: #40b3d2;
     font: bold 13px/13px "proxima-nova", sans-serif;
     letter-spacing: 0.5px;
     margin-bottom: 10px;
}
 #sidebar .sub-heading {
     color: #40b3d2;
     margin-top: 10px;
}
 #sidebar .sub-heading img {
     float: left;
}
 #sidebar .sub-heading span {
     float: left;
     text-transform: uppercase;
     color: #40b3d2;
     margin: 12px;
     font: bold 14px/14px "proxima-nova", sans-serif;
}
 #sidebar .cff-item {
     border-bottom: none;
     padding-top: 10px;
}
 #sidebar .cff-text, #sidebar .cff-post-text, #sidebar .cff-expand {
     text-transform: lowercase;
     font: normal 13px/18px "proxima-nova", sans-serif;
     color: #666666;
}
 #sidebar .cff-more, #sidebar .cff-date-dot {
     display: none;
}
 #sidebar .cff-date {
     margin-top: 20px;
     font: italic 12px/12px "proxima-nova", sans-serif;
     color: #666666;
     float: left;
}
 #sidebar .cff-viewpost-facebook {
     margin-top: 15px;
     font: italic 12px/12px "proxima-nova", sans-serif;
     color: #40b3d2;
     float: right;
}
 #sidebar .cff-post-links {
     float: right;
     margin-top: 12px;
}
 #sidebar #connect {
     clear: both;
     margin-top: 10px;
}
 #sidebar #connect h6 {
     color: #797979;
     text-transform: uppercase;
     font: 600 13px/13px "proxima-nova", sans-serif;
     float: left;
     margin-top: 10px;
}
 #sidebar #connect ul {
     float: right;
}
 #sidebar #connect ul li {
     float: left;
     margin-left: 5px;
}
 #sidebar #advert.last {
     clear: both;
     margin-top: 10px;
}
 #latest {
     margin-top: 10px;
     margin-bottom: 60px;
}
 .news-article {
     background: white;
     display: inline-block;
     position: relative;
     -webkit-box-shadow: 0px 2px 4px 0px #e2e7eb;
     -moz-box-shadow: 0px 2px 4px 0px #e2e7eb;
     box-shadow: 0px 2px 4px 0px #e2e7eb;
}
 .news-article h6 {
     color: #aa89e7;
     font: bold 12px/12px "proxima-nova", sans-serif;
     text-transform: uppercase;
     float: left;
     letter-spacing: 0.6px;
     padding: 25px 0 0 20px;
}
 .cwu-connect-news .news-article h6 {
    padding:15px 0 0 15px;
}
 .news-article .date-published {
     color: #aaaaaf;
     font: italic 12px/12px "proxima-nova", sans-serif;
     float: right;
     display: inline-block;
     padding: 25px 20px 0 0;
}
 .cwu-connect-news .news-article .date-published {
     padding: 15px 15px 0 0;
}
 .news-article h4 {
     color: #686f7b;
     font: normal 18px/21px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 15px 20px 15px;
}
 .news-article p {
     color: #686f7b;
     font: normal 16px/21px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
}
 .news-article img {
     width: 100%;
     height: auto;
     display: block;
}
 .news-article .comments {
     position: absolute;
     bottom: 10px;
     right: 15px;
     z-index: 9;
}
 .news-article .comments span {
     color: #686f7b;
     font-size: 14px;
     font-weight: 600;
     position: absolute;
     z-index: 10;
     bottom: 4px;
     right: 38%;
     left: 38%;
}

 .news-article.small {
     float: left;
     width: 48%;
     margin-right: 4%;
     margin-top: 20px;
}
.cwu-connect-news .news-article.small {
     margin-top: 0;
	 margin-bottom:20px;
}
 .news-article.small h4 {
     /*height: 48px;*/
}
.cwu-connect-news .news-article h4 {
    font: normal 12px/16px "proxima-nova", sans-serif;
    padding: 10px 15px 10px;
}
 .news-article.small.last {
     margin-right: 0;
}
 .webcam.large {
     box-shadow: 0px 2px 4px 0px #e2e7eb;
     float: none;
     width: 100%;
}
 .webcam.large p {
     color: #686f7b;
     font: normal 16px/21px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 0px 20px 15px;
}
 .webcam.large a {
     color: #474c54;
     padding: 0 0 2px 0;
     display: inline-block;
     border-bottom: 2px solid #0093fc;
}
 #advertistment-blocks {
     background: white;
     padding: 70px 0;
}
 #advertistment-blocks .advert-block {
     padding: 0 10px;
     float: left;
}
 #advertistment-blocks .advert-block img {
     width: 100%;
     display: block;
     height: auto;
}
 #advertistment-blocks.internal {
     margin-top: 40px;
    /*border-top: 2px solid #eeeeee;
    */
     padding: 40px 0;
}
 #news-archive {
     width: 100%;
     padding-bottom: 40px;
}
 #news-archive .news-article.small.last {
     margin-right: 0;
}
 #news-archive .news-article.small {
     float: left;
     width: 31.69643%;
     margin-right: 2.23214%;
     margin-top: 40px;
}
 #news-archive .news-article.small h4 {
     height: 48px;
}
 #webcam-archive {
     width: 100%;
     padding-bottom: 40px;
}
 #webcam-archive .webcam-article.last {
     margin-right: 0;
}
 #webcam-archive .webcam-article {
     width:100%;
     margin-top: 25px;
     background: white;
     display: inline-block;
     position: relative;
     -webkit-box-shadow: 0px 2px 4px 0px #e2e7eb;
     -moz-box-shadow: 0px 2px 4px 0px #e2e7eb;
     box-shadow: 0px 2px 4px 0px #e2e7eb;
}
 #webcam-archive .webcam-article:nth-child(1) {
     margin-top:40px;
}
@media (max-width:767px) {
    #webcam-archive {
        width: auto!important;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (min-width:360px) and (max-width:767px) {
     #webcam-archive .webcam-article:nth-child(1), #webcam-archive .webcam-article:nth-child(2) {
         margin-top:40px;
    }
     #webcam-archive .webcam-article {
         float: left;
         width: 49%;
         margin-right: 2%;
         margin-top: 30px;
    }    
    #webcam-archive .webcam-article.last {
        margin-right:2%;
    }
    #webcam-archive .webcam-article:nth-child(even), #webcam-archive .webcam-article.last:nth-child(even) {
        margin-right:0;
    }
    #webcam-archive .webcam-article:nth-child(2n+3) {
         clear:left;
    }    
}
@media (min-width:768px) {
     #webcam-archive .webcam-article {
         float: left;         
         width: 31.69643%;
         margin-right: 2.23214%;
         margin-top:40px;
    }    
     #webcam-archive .webcam-article:nth-child(3n+4) {
         clear:left;
    }        
    #webcam-archive .webcam-article.last {
        margin-right:0;
    }
}
 #webcam-archive .webcam-article h6 {
     color: #aa89e7;
     font: bold 12px/12px "proxima-nova", sans-serif;
     text-transform: uppercase;
     float: left;
     letter-spacing: 0.6px;
     padding: 25px 0 0 20px;
}
 #webcam-archive .webcam-article h4 {
     color: #686f7b;
     font: normal 18px/21px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 15px 20px 15px;
}
 #webcam-archive .video-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 35px;
     height: 0;
     overflow: hidden;
}
 #webcam-archive .video-container iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 #webcam-archive .video-container img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .webcam {
     background: white;
     display: inline-block;
     position: relative;
     -webkit-box-shadow: 0px 2px 4px 0px #e2e7eb;
     -moz-box-shadow: 0px 2px 4px 0px #e2e7eb;
     box-shadow: 0px 2px 4px 0px #e2e7eb;
     float: left;
     width: 93.67089%;
     margin-top: 40px;
}
 .webcam h6 {
     color: #01abdc;
     font: bold 12px/12px "proxima-nova", sans-serif;
     text-transform: uppercase;
     float: left;
     letter-spacing: 0.6px;
     padding: 25px 0 0 20px;
}
 .webcam h4 {
     color: #686f7b;
     font: normal 21px/24px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 15px 20px 15px;
}
 .webcam img {
     width: 100%;
     height: auto;
     display: block;
}
 #banner-image {
     background-color: #f7f7f7;
}
 #banner-image .bk-cover {
     height: 300px;
}
 #banner-image .container {
     position: relative !important;
}
#overview .the-situation {
	background-image: url(/wp-content/themes/zoomroom-base/images/the-situation-heading-bg.jpg);
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size: cover;
	padding-top:34px;
	padding-bottom:30px;
	padding-left:15px;
     color: #183456;
 	font-family: "proxima-nova", sans-serif;
    font-weight: 600;
    letter-spacing: 6px;
	 margin-bottom: 25px;
	text-transform:uppercase;
	font-size:24px; 
}
@media (min-width:768px) {
	#overview .the-situation {
		padding-left:30px;
		font-size:30px; 
	}
}
@media (min-width:1200px) {
	#overview .the-situation {
		font-size:38px;
		line-height:38px;
		font-weight:700;
	}
}
 #banner-image #overview {
     position: absolute;
     top: 180px;
}
 #banner-image #overview h1 {
     color: white;
     font: bold 46px/46px "proxima-nova", sans-serif;
     text-transform: none;
     text-shadow: 2px 1px #555;
     letter-spacing: 0.3px;
}
 #banner-image #overview h3 {
     color: white;
     text-shadow: 1px 0px #999;
     font: bold 12px/12px "proxima-nova", sans-serif;
     text-transform: uppercase;
     letter-spacing: 0.6px;
     padding: 0;
     margin-bottom: 10px;
}
 #banner-image #overview .weather-type {
     background-color: #596b74;
     width: 65px;
     height: 65px;
     position: absolute;
     top: 90px;
     border: 6px solid white;
     -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
     -ms-border-radius: 60px;
     border-radius: 60px;
     padding: 15px;
}
 #banner-image #overview .weather-type img {
     width: 100%;
     height: auto;
     display: block;
}
 #banner-image #overview h6 {
     margin-top: 8px;
     margin-right: 5px;
     text-transform: uppercase;
     text-align: center;
     float: left;
     font: normal 24px/24px "proxima-nova", sans-serif;
     color: white;
}
 #current-conditions {
     padding: 4% 2% 2% 0;
     width: 38%;
     float: left;
     z-index: 99;
     background: white;
}
 #current-conditions .meta {
     color: #aaaaaf;
     font: italic 12px/14px "proxima-nova", sans-serif;
     display: block;
     padding: 5px 20px 0 0;
     margin-bottom: 20px;
     float: left;
     margin-left: 120px;
     width: 50%;
     margin-top: -25px;
}
 #current-conditions header h4 {
     color: #686f7b;
     font: normal 21px/24px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding-top: 35px;
     padding-bottom: 15px;
}
 #current-conditions .description {
     color: #686f7b;
     font: normal 16px/21px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
}
 #current-conditions h6 {
     margin-top: 14px;
     margin-right: 5px;
     text-transform: uppercase;
     float: left;
     font: normal 18px/21px "proxima-nova", sans-serif;
}
 #current-conditions h6.high {
     color: #fa3c3f;
     margin-right: 10px;
}
 #current-conditions h6.low {
     color: #84e5ff;
     font-weight:600;
     margin-right: 10px;
}
 #current-conditions h6.temp-now {
     color: #000;
     margin-right: 10px;
}
 #current-conditions h6.rain-chance {
     color: #7946bc;
}
 #forecast {
     float: right;
     width: 58%;
     margin-left: 0;
     background: white;
}
 #forecast .heading {
     text-align: center;
     background-color: #40b3d2;
     color: white;
     text-transform: uppercase;
     padding: 10px 0;
     margin-top: -10px;
}
 #forecast .conditions {
     padding: 7%;
     width: 86%;
     float: left;
     z-index: 99;
}
 #forecast .conditions header {
     text-align: center;
     text-transform: uppercase;
     color: #686f7b;
     font: bold 14px/14px "proxima-nova", sans-serif;
     letter-spacing: 0.6px;
     margin: 25px 0 15px;
}
 #forecast .conditions header span {
     display: block;
     text-transform: capitalize;
     font: normal 12px/12px "proxima-nova", sans-serif;
     margin-top: 5px;
}
 #forecast .conditions .weather-icon {
     width: 50px;
     height: 50px;
     margin: 0 auto;
     background-color: #596b74;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     border-radius: 50px;
     padding: 15px;
}
 #forecast .conditions .weather-icon img {
     width: 100%;
     height: auto;
     display: block;
}
 #forecast .conditions .description {
     text-align: center;
     color: #686f7b;
     font: normal 14px/18px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     min-height: 60px;
     margin-top: 20px;
}
 #forecast .conditions h6 {
     margin-top: 8px;
     text-transform: uppercase;
     font-size: 14px;
}
 #forecast .conditions h6.high {
     color: #fa3c3f;
     float: left;
     text-align: right;
     width: 48%;
     margin-right: 6%;
}
 #forecast .conditions h6.low {
     color: #84e5ff;
     float: right;
     font-weight:600;
     text-align: left;
     width: 46%;
}
 #forecast .conditions h6.rain-chance {
     color: #7946bc;
     text-align: center;
}
 #mountain-forecast #current-conditions {
     padding: 4% 2% 2% 0;
     width: 60%;
     float: left;
     z-index: 99;
     background: white;
}
 #mountain-forecast #current-conditions header {
     margin-top: 50px;
}
 #mountain-forecast #current-conditions p {
     color: #686f7b;
     font: normal 21px/24px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding-bottom: 15px;
}
 #mountain-forecast #forecast {
     float: right;
     width: 30%;
     margin-left: 2%;
     background: white;
}
 #main-content {
     background: white;
     color: #686f7b;
     font: normal 16px/21px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
}
 #main-content .news .post-image {
     height: 260px;
}
 #main-content .news .post-image .bk-cover {
     height: 260px;
}
 #main-content .post-image {
     background-color: whitesmoke;
     position: relative;
     height: 260px;
}
 #main-content .post-image .bk-cover {
     height: 260px;
}
 #main-content .post-image .overlay {
     background-image: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.4) 100%);
     position: absolute;
     width: 100%;
     bottom: 0;
     height: 300px;
}
 #main-content .post-image h1 {
     color: white;
     font: 600 42px/42px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     top: 200px;
     z-index: 99;
     padding: 5px 0 25px 0;
     width: 60%;
     position: absolute;
}
 #main-content .short .post-intro {
     border: none;
}
 #main-content .post-intro {
     border-bottom: 2px solid #eeeeee;
     padding: 60px 10px 40px 10px;
}
 #main-content .post-intro h1 {
     color: #0093fc;
     font: 600 28px/32px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 5px 0 35px 0;
}
 #main-content.mem-ben .post-intro h1, #main-content .post-intro h1.h-responsive {
	 color: #183456;
    text-transform: uppercase;
     font: 600 28px/32px "proxima-nova", sans-serif;
     letter-spacing: 2px;
     clear: both;
     padding: 5px 0 35px 0;
	 text-align:center;
}
@media (min-width:768px){
	 #main-content.mem-ben .post-intro h1, #main-content .post-intro h1.h-responsive {
		 font: 600 32px/39px "proxima-nova", sans-serif;
		 letter-spacing: 4px;
		 text-align:left;
	}
}
@media (min-width:1200px){
	 #main-content.mem-ben .post-intro h1, #main-content .post-intro h1.h-responsive {
		 font: 700 38px/46px "proxima-nova", sans-serif;
		 letter-spacing: 6px;
	}
}
@media (min-width:1400px){
	 #main-content.mem-ben .post-intro h1, #main-content .post-intro h1.h-responsive {
		 font: 700 43px/50px "proxima-nova", sans-serif;
	}
}
 #main-content .post-intro h2 {
     color: #686f7b;
     font: 400 21px/26px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 0 0 10px 0;
}
#main-content.mem-ben .post-intro h2 {
	 color: #183456;
    text-transform: uppercase;
     font: 600 23px/30px "proxima-nova", sans-serif;
     letter-spacing: 2px;
     clear: both;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
}
@media (min-width:768px){
	 #main-content.mem-ben .post-intro h2 {
		 font: 600 28px/32px "proxima-nova", sans-serif;
		 letter-spacing: 4px;		 
		text-align:left;
	}
}
@media (min-width:1200px){
	 #main-content.mem-ben .post-intro h2 {
		 font: 700 32px/39px "proxima-nova", sans-serif;
		 letter-spacing: 6px;
	}
}
@media (min-width:1400px){
	 #main-content.mem-ben .post-intro h2 {
		 font: 700 38px/46px "proxima-nova", sans-serif;
	}
}
 #main-content .post-intro h2 a {
     color: #474c54;
     border-bottom: 2px solid #0093fc;
     font: 400 21px/26px "proxima-nova", sans-serif;
}
 #main-content #ben-mem-intro p {
     color: #686f7b;
     font: 400 21px/26px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 0 0 10px 0;
}
#main-content .post-intro p.p-btn {
	text-align:center;
	margin-bottom:30px;
}

@media (min-width:768px) {
	#main-content .post-intro p.p-btn {
		margin-bottom:50px;
	}
}
 #main-content #ben-mem-intro p a {
     color: #474c54;
     border-bottom: 2px solid #0093fc;
     font: 400 21px/26px "proxima-nova", sans-serif;
}
 #main-content .post-intro .post-meta {
     color: #aaaaaf;
     font: italic 14px/14px "proxima-nova", sans-serif;
     margin-bottom: 20px;
     margin-top: -15px;
}
 #main-content .post-intro h6 {
     float: left;
     margin-top: 8px;
     margin-right: 10px;
     text-transform: uppercase;
     font: 600 18px/21px "proxima-nova", sans-serif;
     margin-bottom: 20px;
}
 #main-content .post-intro h6.high {
     color: #fa3c3f;
}
 #main-content .post-intro h6.low {
     color: #84e5ff;
}
 #main-content .post-intro .advert {
     float: right;
     width: 300px;
}
 #main-content .post-intro .advert .owl-theme .owl-controls {
     text-align: left;
     width: 60%;
     float: left;
}
 #main-content .post-intro .advert .description {
     text-align: right;
     display: block;
     float: right;
     width: 35%;
     margin-top: -28px;
     color: #515150;
     font: 600 12px/12px "proxima-nova", sans-serif;
     text-transform: uppercase;
}
 #main-content .entry-content {
     padding: 40px 0 40px;
}
 .ul-content{
     list-style: circle;
     color: #686f7b;
     font: 400 21px/26px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 0 0 10px 15px;
}
 .ul-content li{
     padding-bottom:10px;
}
#main-content .post-content ol, #main-content .post-content ul {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0;
	margin-bottom:15px;
	list-style: disc outside none;
}
#main-content .post-content ol li, #main-content .post-content ul li {
    padding: 0;
    margin-left: 35px;
}
#main-content .post-content h2, #main-content .post-content h3, #main-content .post-content h4, #main-content .post-content h5 {
     color: #686f7b;
     font: 600 18px/21px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 25px 0 10px 0;
}
 #main-content .entry-content h1, #main-content .entry-content h2, #main-content .entry-content h3, #main-content .entry-content h4, #main-content .entry-content h5 {
     color: #686f7b;
     font: 600 18px/21px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 25px 0 10px 0;
}
 #main-content .entry-content img.alignleft {
     width: auto;
     float: left;
     margin: 0 10px 40px 0;
}
 #main-content .entry-content img {
     width: 100%;
     height: auto;
     display: block;
}
 #main-content .entry-content p {
     padding-bottom: 10px;
}
 #main-content .post-content p {
     padding-bottom: 10px;
}
 #main-content .entry-content blockquote {
     font-style: italic;
     border-left: 6px solid #eeeeee;
     margin: 20px 0;
}
 #main-content .entry-content blockquote p {
     padding: 10px 0 10px 20px;
}
 #main-content .entry-content blockquote p em {
     font-weight: 600;
}
 #main-content h4.comments-amount {
     color: #686f7b;
     font: 600 26px/28px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 15px 0 30px 0;
}
 #main-content #comment-form input[type="text"], #main-content #comment-form input[type="email"], #main-content #comment-form textarea {
     background-color: #f7f7f7;
}
 #main-content #comment-form input[type="submit"] {
     width: 200px;
     background-color: #0093fc;
     height: 45px;
     color: white;
     text-transform: uppercase;
     float: right;
     font-size: 16px;
     line-height: 16px;
     cursor: pointer;
     letter-spacing: 0.5px;
}
 #main-content #comment-list {
     margin-top: 60px;
}
 #main-content #comment-list li {
     margin-bottom: 30px;
}
 #main-content #comment-list li cite {
     text-transform: uppercase;
     color: #686f7b;
     font-weight: 600;
}
 #main-content #comment-list li cite em {
     font-style: italic;
     text-transform: lowercase;
     font-weight: normal;
     color: #a6aebc;
     padding-left: 10px;
}
 #main-content #comment-list li .comment-content {
     background-color: #f7f7f7;
     padding: 3% 3% 2% 3%;
}
#town-forecasts {
    margin-bottom:30px;
}/*
@media (min-width:530px){
	#town-forecasts .forecastslider {
		min-height:	420px;
	}
}
@media (min-width:900px){
	#town-forecasts .forecastslider {
		min-height:	395px;
	}
}
@media (min-width:1100px){
	#town-forecasts .forecastslider {
		min-height:	420px;
	}
}
@media (min-width:1460px){
	#town-forecasts .forecastslider {
		min-height:	395px;
	}
}*/

/*
 #town-forecasts.owl-carousel .owl-stage {
	display:flex;
}
#town-forecasts.owl-carousel .owl-item {
	display:flex;
	flex:1 0 auto;
	flex-direction:column;
}
#town-forecasts.owl-carousel .caption {
	display:flex;
}
#town-forecasts.owl-carousel .forecastslider-descr {
	flex-grow:1;
}
#town-forecasts.owl-carousel .conditions {
	display:flex;
	flex-direction:column;
}
*/
#town-forecasts .conditions {
    padding-left:8px;
    padding-right:8px;
}
#town-forecasts .conditions .weather-type {
    background-color: #596b74;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
	margin: 6px auto;
	padding:10px;
}
.forecastslider {
    background:#fff;
    border-radius:5px;
    padding:20px;
    text-align:center;
	display:block;
	text-decoration:none!important;
}
.forecastslider-descr, .forecastslider-rain-chance {
	color:#333;
}
.forecastslider-rain-chance {
	font-weight:400;
	line-height:1.3;
	font-size:14px;
}
.forecastslider-date {
    font-size:13px;
	color:#333!important;
}
.forecastslider-high {
    text-transform:uppercase;
    font-size:15px;
    color:#ff0011;
    margin-right:4px;
}
.forecastslider-low {
    text-transform:uppercase;
    font-size:15px;
    color:#4fe6ff;
    margin-left:4px;
}
.forecastslider-container > h4 {
    text-align:center;
/*     color:#183456; */
	color:#fff;
    letter-spacing:4px;
    margin-bottom:30px;
    font-size:23px;
}
.forecastslider-select {
    max-width:400px;
    background:#6599aa;
    color: #fff;
    font-size: 18px;
	border-color: #6599aa;
}
.forecastslider-title {
    text-transform:uppercase;    
    color:#183456;
    line-height: 18px;
}
.owl-theme .owl-controls .owl-buttons div {
    position:absolute;
    top:50%;
    text-indent:-99999px;
    margin-top:-30px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
    position:absolute;
    right:-50px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
    position:absolute;
    left:-50px;
}
@media (max-width:1024px) {
	.owl-theme .owl-controls .owl-buttons div.owl-prev {
		left:-35px;
	}
	.owl-theme .owl-controls .owl-buttons div.owl-next {
		right:-35px;
	}
}
@media (max-width:767px) {
	.owl-theme .owl-controls .owl-buttons div.owl-prev {
		left:-19px;
	}
	.owl-theme .owl-controls .owl-buttons div.owl-next {
		right:-19px;
	}
	.owl-theme .owl-controls .owl-buttons div.owl-prev:after {
		background-size: 24px 24px!important;
		width:24px;
		height:24px;
	}
	.owl-theme .owl-controls .owl-buttons div.owl-next:after {
		background-size: 24px 24px!important;
		width:24px;
		height:24px;		
	}
}
.owl-theme .owl-controls .owl-buttons div:after {
    text-indent:0;
    content:"";
    width:32px;
    height:32px;
    display:block;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev:after {
    background: transparent url(/wp-content/themes/zoomroom-base/images/owl-arrow-left-white.png) no-repeat;
}
.owl-theme .owl-controls .owl-buttons div.owl-next:after {
    background: transparent url(/wp-content/themes/zoomroom-base/images/owl-arrow-right-white.png) no-repeat;
}
 .post-intro #advert .owl-controls {
     text-align: left;
     width: 60%;
     float: left;
}
 .post-intro .description {
     text-align: right;
     display: inline-block;
     width: 35%;
     color: #515150;
     float: right;
     margin-top: 3px;
     font: 600 12px/12px "proxima-nova", sans-serif;
     text-transform: uppercase;
}
.chch-cam{
     width:400px;
     /*height:300px;*/
	max-width:100%;
}
/*#current-conditions .chch-cam{
     width:100%;
         height:auto;
}

@media (max-width:767px) {
    #current-conditions {
         width:100%;
         height:auto;    
    }    
}

@media (min-width:768px) {
    #webcam-feature .chch-cam{
        width:100%;
        height:auto;
        height:160px;
    }
}
@media (min-width:992px) {
    #webcam-feature .chch-cam{
        height:190px;
    }
}
@media (min-width:1200px) {
     #current-conditions .chch-cam{
         max-width:400px;
    }
    #webcam-feature .chch-cam{
        max-width:380px;
        height:240px;
    }
}*/
 .mthutt-cam {
     width:400px;
     height:225px;
}
 @media screen and (max-width:480px){
     .chch-cam{
         /*height:240px;*/
	 }
}
@media screen and (max-width:768px){
     /*.chch-cam{
        width:320px;
         height:240px;
         max-width:400px;
		 max-width:100%;
    }
     #webcam-feature .chch-cam{
        width:100%;
         height:auto;
         max-width:480px;
         max-height:340px;
         min-height:340px;
    }

    #current-conditions .chch-cam{
         max-width:400px;
         width:100%;
         height:auto;
    }*/
     .mthutt-cam {
         width:320px;
         height:180px;
    }
}
 #advert.town-advert {
     position: absolute;
     right: 35px;
     top: 19px;
     width: 314px;
     height: 264px;
}
 #advert.town-advert img {
     border: 7px solid white;
}

footer.clearfix #footer-connect h6, footer.clearfix #footer-quick-links h6 {
    color:#183456;
    font-size:25px;
    margin-bottom:25px;
}
ul#footer-menu {
    color:#183456;
    font-weight:bold;
    margin-bottom:30px;
}
ul#footer-menu li {
    font-size:17px;
}
ul#footer-menu li a {
    color:#183456!important;
    text-decoration:underline;
}
 footer.clearfix {
     background-color: #fff;
     border-top: 1px solid #eeeeee;
     padding: 30px 20px 45px;
     color: #686f7b;
}
 footer.clearfix #footer-logo {
     /*width: 48.66071%;
     float: left;*/
}
 footer.clearfix #footer-logo #logo {
     /*width: 135px;
     display: block;*/
}
 footer.clearfix #footer-logo #logo img {
     height: auto;
     display: block;
     margin-top:30px;
     margin-bottom:30px;
     margin-left:auto;
     margin-right:auto;
}
 footer.clearfix #footer-quick-links {
     /*width: 33.48214%;
     float: left;*/
}
 footer.clearfix #footer-quick-links a {
     color: #686f7b;
     text-transform: capitalize;
}
 footer.clearfix .copyright {
     margin-top: 53px;
     color:#183456;
     text-align:center;
     font-size:14px;
}
 footer.clearfix #footer-connect {
     /*width: 16.51786%;
     float: right;*/
}
 footer.clearfix #footer-connect h6 {
     margin-bottom: 10px;
}
 footer.clearfix .website {
     clear: both;
     color:#183456;
     font-size:14px;
     text-align:center;
}
 footer.clearfix .website a {
     color:#183456;
     text-decoration:underline;
}

@media (min-width:768px) {
    #footer-logo {
        float:left;
        width:145px;
        text-align:center;
    }
    footer.clearfix #footer-logo #logo img {
        margin-left:auto;
        margin-right:auto;
        width: 135px;
        margin-top:0;
    }
    #footer-action {
        float:right;
        width:420px;
    }
    #footer-connect {
        float:right;
    }
    #footer-quick-links {
        float:left;
    }
    footer.clearfix #footer-connect h6 {
        display:none;
        color: #183456;
        font-weight:bold;
        margin-bottom:20px;
    }
     footer.clearfix #footer-connect ul li {
         float: left;
         margin-right: 8px;
    }
    footer.clearfix .copyright {
        text-align:left;
    }
    footer.clearfix .website {
        text-align:left;
    }
}
@media (min-width:850px) {
    #footer-action {
        width:520px;
    }
}
@media (min-width:992px) {
    #footer-logo {
        width:315px;
    }
}
@media (min-width:1200px) {
    #footer-action {
        width:715px;
    }
}
 #dashboard-header #logo {
     padding: 10px 0 15px;
     display: block;
     width: 220px;
     float: left;
}
 #dashboard-header #logo img {
     width: 100%;
     height: auto;
     display: block;
}
 #dashboard-header .nav {
     float: right;
}
 #dashboard-header .nav li {
     float: left;
     border-right: 1px solid #cccccc;
     padding: 29px;
     text-transform: uppercase;
     color: #0093fc;
}
 #dashboard-header .nav li a {
     color: #a6aebc;
}
 #dashboard {
     background: #40b3d2;
}
 #dashboard #content {
     padding: 20px 0 40px;
}
 #dashboard #warning {
     width: 26%;
     padding: 2%;
     margin-left: 5%;
     float: right;
     margin-top: 8%;
     background: white;
}
 #dashboard #warning h4 {
     text-transform: uppercase;
     margin-bottom: 20px;
     color: #40b3d2;
}
 #dashboard #warning h5 {
     color: #686f7b;
     float: left;
}
 #dashboard #warning .edit {
     display: inline-block;
     float: left;
     color: #40b3d2;
     margin-left: 10px;
     text-transform: uppercase;
     margin-bottom: 5px;
}
 #dashboard #warning span:before {
     color: #40b3d2;
     content: "\f06a";
     display: inline-block;
     font-family: FontAwesome;
     font-size: 17px;
     font-weight: 400;
     margin-right: 10px;
}
 #dashboard .situation {
     padding: 40px 0 80px;
     width: 55%;
     float: left;
}
 #dashboard .situation header {
     height: auto;
}
 #dashboard .situation header h2 {
     color: white;
     font: bold 12px/12px "proxima-nova", sans-serif;
     text-transform: uppercase;
     float: left;
     letter-spacing: 0.6px;
     padding: 25px 0 0 0;
}
 #dashboard .situation header h3 {
     color: white;
     font: normal 21px/24px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 15px 0 5px;
}
 #dashboard .situation .meta {
     color: white;
     font: italic 12px/12px "proxima-nova", sans-serif;
     display: block;
     padding: 5px 20px 0 0;
     margin-bottom: 20px;
}
 #dashboard .situation .description {
     color: white;
     font: normal 16px/21px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
}
 #dashboard .situation a {
     border: 2px solid white;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     border-radius: 30px;
     padding: 8px;
     width: 120px;
     text-align: center;
     display: block;
     text-transform: uppercase;
     color: white;
     margin-top: 40px;
     font-weight: 600;
     letter-spacing: 0.3px;
}
 #dashboard .town:nth-child(3n+3) {
     margin-right: 0;
}
 #dashboard .town {
     width: 28%;
     float: left;
     margin-right: 2%;
     padding: 2%;
     margin-top: 2%;
     background: white;
     display: inline-block;
     position: relative;
     -webkit-box-shadow: 0px 2px 4px 0px #e2e7eb;
     -moz-box-shadow: 0px 2px 4px 0px #e2e7eb;
     box-shadow: 0px 2px 4px 0px #e2e7eb;
     color: #686f7b;
     min-height: 170px;
}
 #dashboard .town .weather-icon {
     width: 50px;
     height: 50px;
     float: left;
     background: #edf2f5;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     border-radius: 50px;
     padding: 15px;
}
 #dashboard .town .weather-icon img {
     width: 100%;
     height: auto;
}
 #dashboard .town .title-description {
     float: left;
     width: 65%;
     margin: 0px 0 0 4%;
     font: normal 16px/18px "proxima-nova", sans-serif;
}
 #dashboard .town .title-description h6 {
     float: left;
     margin-top: 8px;
     margin-right: 5px;
     text-transform: uppercase;
}
 #dashboard .town .title-description h6.high {
     color: #fa3c3f;
}
 #dashboard .town .title-description h6.low {
     color: #84e5ff;
}
 #dashboard .town h4 {
     color: #686f7b;
     font: normal 21px/24px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
}
 #dashboard .town h4 a {
     color: #40b3d2;
     text-transform: lowercase;
     font: normal 12px/12px "proxima-nova", sans-serif;
     margin-left: 10px;
}
 #dashboard .town .meta {
     color: #aaaaaf;
     font: italic 12px/12px "proxima-nova", sans-serif;
     display: block;
     padding: 5px 20px 0 0;
     margin-bottom: 30px;
}
 #dashboard .town .editable-area {
     position: absolute;
     bottom: 10px;
     right: 15px;
}
 #dashboard .town .editable-area a {
     color: #40b3d2;
     text-transform: lowercase;
}
 #dashboard .town .editable-area .edit:before {
     color: #40b3d2;
     content: "\f040";
     display: inline-block;
     font-family: FontAwesome;
     font-size: 17px;
     font-weight: 400;
}
 .header-title {
     background: #01abdc;
     padding: 15px 35px 10px 35px;
     color: white;
     height: 23px;
     border-bottom: 4px solid #3da4c0;
     text-transform: uppercase;
}
 #edit-post #post-field {
     background: white;
     margin: 45px 0;
     width: 65%;
     margin-right: 5%;
     float: left;
     display: inline-block;
     position: relative;
     -webkit-box-shadow: 0px 2px 4px 0px #e2e7eb;
     -moz-box-shadow: 0px 2px 4px 0px #e2e7eb;
     box-shadow: 0px 2px 4px 0px #e2e7eb;
}
 #situation-post .banner {
     background: #40b3d2;
     padding: 20px 0 60px;
}
 #situation-post .banner .situation {
     width: 60%;
}
 #situation-post .banner header {
     height: auto;
}
 #situation-post .banner header h2 {
     color: white;
     font: bold 12px/12px "proxima-nova", sans-serif;
     text-transform: uppercase;
     float: left;
     letter-spacing: 0.6px;
     padding: 25px 0 0 0;
}
 #situation-post .banner header h3 {
     color: white;
     font: normal 21px/24px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding: 15px 0 5px;
}
 #situation-post .banner .meta {
     color: white;
     font: italic 12px/12px "proxima-nova", sans-serif;
     display: block;
     padding: 5px 20px 0 0;
     margin-bottom: 20px;
}
 #situation-post .banner .description {
     color: white;
     font: normal 16px/21px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
}
 #situation-post select {
     top: 42px;
     left: 20px;
}
 #situation-post .customSelect {
     border: 1px solid #e2e7e7;
     background: url(images/dropdown-arrow.jpg) no-repeat 98% 50% #f9fcfd;
     color: #686f7b;
     margin-bottom: 20px;
     padding: 10px 2% !important;
     width: 96% !important;
     cursor: pointer;
     font: 400 14px/18px "proxima-nova", sans-serif;
}
 #situation-post #post-field {
     background: white;
     margin: 45px 0;
     width: 60%;
     padding: 2%;
     margin-right: 5%;
     float: left;
     display: inline-block;
     position: relative;
     -webkit-box-shadow: 0px 2px 4px 0px #e2e7eb;
     -moz-box-shadow: 0px 2px 4px 0px #e2e7eb;
     box-shadow: 0px 2px 4px 0px #e2e7eb;
}
 #situation-post #post-field .button {
     float: right;
     margin-right: 0;
}
 #local-forecast.dashboard {
     background: #40b3d2;
}
 #local-forecast.dashboard #current-conditions {
     background: none;
}
 #local-forecast.dashboard #current-conditions header h3, #local-forecast.dashboard #current-conditions header h4, /* #local-forecast.dashboard #current-conditions .meta, */ #local-forecast.dashboard #current-conditions .description, #local-forecast.dashboard #current-conditions .high, #local-forecast.dashboard #current-conditions .low {
     color: white;
}
 #local-forecast.dashboard #forecast .conditions {
     background: none;
}
 #local-forecast.dashboard #forecast .conditions header, #local-forecast.dashboard #forecast .conditions .description, #local-forecast.dashboard #forecast .conditions .high, #local-forecast.dashboard #forecast .conditions .low {
     color: white;
}
 .post aside {
     float: right;
     width: 24%;
     background: white;
     padding: 3% 3% 0 3%;
     margin: 45px 0;
     text-align: center;
     color: #686f7b;
     text-transform: uppercase;
}
 .post button {
     background: #40b3d2;
     border: none;
     height: 45px;
     width: 100%;
     text-align: center;
     text-transform: uppercase;
     -webkit-box-shadow: 2px 3px 0px 0px #3da4c0;
     -moz-box-shadow: 2px 3px 0px 0px #3da4c0;
     box-shadow: 2px 3px 0px 0px #3da4c0;
     font: 600 14px/14px "proxima-nova", sans-serif;
     letter-spacing: 0.2px;
     color: white;
     margin: 35px 0;
     display: block;
     cursor: pointer;
     outline: none;
}
 .post #day-seven a.header {
     border-bottom: none;
}
 .post a.header {
     background: #40b3d2;
     padding: 15px 35px 10px 35px;
     color: white;
     height: 26px;
     border-bottom: 4px solid #f9fcfd;
     text-transform: uppercase;
     display: block;
     position: relative;
}
 .post a.header:after {
     color: white;
     content: "\f078";
     display: inline-block;
     font-family: FontAwesome;
     font-size: 18px;
     font-weight: 400;
     position: absolute;
     right: 18px;
     top: 13px;
}
 .post a.header.open:after {
     color: white;
     content: "\f077";
     display: inline-block;
     font-family: FontAwesome;
     font-size: 18px;
     font-weight: 400;
     position: absolute;
     right: 18px;
     top: 13px;
}
 .post a.header.open:after .meta {
     text-transform: lowercase;
     font: italic 14px/14px "proxima-nova", sans-serif;
     float: right;
     padding-top: 5px;
}
 .post a.header.open:after h2 {
     float: left;
}
 .post .form {
     padding: 35px;
}
/******Tauqeer CSS Start***************/
 .level-main{
    width:100%;
}
 .level h1{
    padding-bottom:10px !important;
}
 .price {
     margin-bottom: 30px;
}
 .price h1{
    padding-bottom:10px !important;
     padding-top:40px !important;
}
 .tabs {
     background: #3a4953 none repeat scroll 0 0;
     color: #fff;
     float: left;
     padding: 10px;
     text-align: center;
     width: 27%;
     font-size:14px;
     margin: 10px;
}
 #nav-below {
    clear:both;
}
/* .level-main .tabs:nth-child(2) {
     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);
     position: relative;
     z-index: 2;
}
 */
 .tabs h1 {
     color: #fff !important;
}
 .tabs strong {
     color: #b2c1ca !important;
     font-size:14px;
}
 .level-btn a {
     background-color: #0093fc !important;
     border: 0 none !important;
     color: white !important;
     display: block;
     margin: auto !important;
     padding: 10px 10px !important;
     text-align: center;
     width: 191px;
     border-radius:4px;
     font-size:14px !important;
     font-weight:600 !important;
}
 .level-btn-color a {
     background-color: #0093fc !important;
     border: 0 none !important;
     border-radius: 4px;
     color: white !important;
     display: inline-block;
     font-size: 14px !important;
     font-weight: 600 !important;
     margin: 10px 5px !important;
     padding: 10px !important;
     text-align: center;
     width: 191px;
}
 .level-btn-color-big a {
     background-color: #0093fc !important;
     border: 0 none !important;
     border-radius: 4px;
     color: white !important;
     display: inline-block;
     font-size: 18px !important;
     font-weight: 600 !important;
     margin: 10px 5px !important;
     padding: 10px !important;
     text-align: center;
}
 .full-width{
    width:100%;
}
 .form-registration label{
    display:none;
}
 .form-registration div input {
     width: 100% !important;
     max-width:85% !important;
}
 form.pmpro_form .pmpro_submit{
    margin-left:0px;
}
 #pmpro_level_cost.selected-price > p {
     font-size: 16px !important;
     padding: 0 !important;
}
 .new-member {
     float: left;
     width: 60%;
}
 .member-login {
     float: left;
     width: 40%;
     text-align:center;
}
/*.member-login .level-btn a{
    width:120px;
     display inline-block;
}
 */
 form.pmpro_form div {
     margin: 0.5em 0 1em;
}
 .selected-price {
     float: left;
     width: 49%;
}
 .selected-level {
     float: left;
     width: 49%;
}
 .selected-change {
     float: left;
     padding-top: 30px;
     width: 100%;
     border-bottom: 1px solid #ccc;
     margin-bottom: 20px;
     padding-bottom: 20px;
}
 .pmpro_submit.checkout-submit{
    width:100%;
     float:left;
}
 .custom-login-setting.login-form form input[type="text"]{
    width:55%;
}
 .custom-login-setting.login-form form input[type="password"]{
    width:55%;
}
 .tabs-invoice{
    background:#fff none repeat scroll 0 0;
     color:#fff;
     float:left;
     padding:10px;
     text-align:center;
     width:30.5%;
     font-size:14px;
     border:1px solid #ccc;
}
 .account-invoice .tabs-invoice:nth-child(2) {
     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);
     position: relative;
     z-index: 2;
}
 .tabs-invoice h1 {
     color: #000 !important;
}
 .tabs-invoice strong {
     color: #000 !important;
     font-size:14px;
}
 .account-tabs{
    background:#fff none repeat scroll 0 0;
     margin:0px 5px;
     color:#fff;
     float:left;
     text-align:center;
     width:31.8%;
     font-size:14px;
     border:1px solid #ccc;
}
 .account-tabs h1 {
    background:#76777b;
     color: #fff !important;
     padding:10px !important;
     margin-bottom:30px !important;
}
 .account-tabs strong {
     color: #000 !important;
     font-size:14px;
     margin-bottom:15px;
     display:block;
}
 .member-confirmation > p {
     font-size: 18px !important;
}
 .member-confirmation h3 {
     font-size: 20px;
     font-weight: bold;
     margin: 10px 0px;
}
 .member-confirmation > ul {
     margin: 15px 0;
}
 .member-confirmation > ul li strong {
     width: 180px !important;
     display: inline-block;
     line-height: 25px;
     font-weight: bold;
}
 .member-confirmation table > thead > tr > th {
     background: #76777b;
     padding: 10px;
     font-size: 18px;
     color: #fff;
     border: 1px solid;
     font-weight: bold;
}
 .member-confirmation table tbody tr td {
     color: #000;
     text-align: center;
     text-transform: capitalize;
     line-height: 30px;
     padding: 10px;
     border: 1px solid #000;
     background: #eee;
}
 .member-confirmation nav div a {
     background: #0093fc;
     padding: 10px ;
     display: inline-block;
     margin: 10px 0px;
     border-radius: 5px;
     color: #fff;
}
 .member-billing > ul {
     margin: 15px 0;
}
 .member-billing > ul li strong {
     width: 180px !important;
     display: inline-block;
     line-height: 25px;
     font-weight: bold;
}
 .member-billing form div input {
     background: #0093fcnone repeat scroll 0 0;
     border-radius: 5px;
     color: #fff;
     display: inline-block !important;
     height: 50px !important;
     line-height: 30px !important;
     margin: 10px 0;
     text-transform: uppercase;
     width: 25%;
     border:1px solid #fff;
}
 .member-billing form div input:hover {
     background:#0093fc;
     color:#fff;
}
 .member-cancel > p {
     font-size: 18px !important;
}
 .member-cancel h3 {
     font-size: 20px;
     font-weight: bold;
     margin: 10px 0px;
}
 .member-cancel > ul {
     margin: 15px 0;
}
 .member-cancel > ul li strong {
     width: 180px !important;
     display: inline-block;
     line-height: 25px;
     font-weight: bold;
}
 .member-cancel table > thead > tr > th {
     background: #76777b;
     padding: 10px;
     font-size: 18px;
     color: #fff;
     border: 1px solid;
     font-weight: bold;
}
 .member-cancel table tbody tr td {
     color: #000;
     text-align: center;
     text-transform: capitalize;
     line-height: 30px;
     padding: 10px;
     border: 1px solid #000;
     background: #eee;
}
 .member-cancel .pmpro_actionlinks a {
     background: #0093fc !important;
     padding: 10px !important;
     display: inline-block;
     margin: 10px 0px;
     border-radius: 5px;
     color: #fff;
}
 .member-billing small a {
     border: 0px none !important;
     background: #0093fc;
     padding: 5px;
     color: #fff !important;
     border-radius: 5px;
}
 input[type="submit"]{
     background: #0093fc !important;
}
 .my-account-page form table tbody tr th {
     width: 100% !important;
     display: block;
     text-align: left;
}
 .my-account-page form table tbody tr td {
     width: 100% !important;
     display: block;
     text-align: left;
}
 .my-account-page form table td p {
     float: left !important;
     font-size: 14px !important;
     text-align: left !important;
     width: 100% !important;
}
 .dwqa-question-filter a {
     padding: 5px;
     color:#0093fc;
}
 .dwqa-question-filter a.active {
     background: #0093fc none repeat scroll 0 0;
     color: #fff;
     border:0px none;
}
 .dwqa-question-filter a:hover {
     background: #0093fc none repeat scroll 0 0;
     color: #fff;
     border:0px none;
}
 .dwqa-questions-footer .dwqa-ask-question a {
     background: #0093fc none repeat scroll 0 0;
     border: 1px solid #ddd;
     color: #fff;
     display: inline-block;
     padding: 5px 10px;
}
 .dwqa-question-stats span {
     border: 1px solid #0093fc !important;
     color: #0093fc;
}
 .dwqa-question-meta .dwqa-question-actions a {
     background: #0093fc none repeat scroll 0 0;
     color: #fff;
     padding: 5px;
}
 .dwqa-answer-meta .dwqa-answer-actions a {
     background: #0093fc none repeat scroll 0 0;
     color: #fff;
     padding: 5px;
}
 .dwqa-answers-title {
     color: #0093fc;
     font-weight: bold;
}
 .dwqa-staff {
     background: #0093fc none repeat scroll 0 0;
}
 .dwqa-breadcrumbs > a {
     font-weight: bold;
     color: #0093fc;
}
 .dwqa-question-title > a {
     color: #0093fc;
}
 .dwqa-answer-content p{
    color:#ff0000 !important;
}
 .dwqa-question-item .dwqa-question-content p{
    color:#000 !important;
}
 .dwqa-breadcrumbs .dwqa-current {
     color: #0093fc;
     font-weight: bold;
}
 .pmpro_content_message > a {
     background: #0093fc !important;
     color: #fff !important;
     border: 1px solid #0093fc !important;
}
 button#question-content-tmce, button#dwqa-answer-content-tmce {
     background: #0093fc none repeat scroll 0 0;
     color: #fff;
}
 button#question-content-html, button#dwqa-answer-content-html {
     background: #0093fc none repeat scroll 0 0;
     color: #fff;
}
 .login-form p.error {
     font-size: 16px;
     color: red !important;
}
/******Tauqeer CSS End***************/

.expand-expl {
    font-weight:bold;
    font-style:italic;
    padding:0 10px;
    color:#183456;
}
#webcam-feature {
    background:#fff;
    padding:60px 20px 50px;
}
#forecast-feature {
    background:#001a30;
    padding:60px 20px 50px;
}
.featuredwebcams-button {
    background:#6599aa;
    padding:10px 20px;
    color:#fff;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    letter-spacing:4px;
}
.featuredwebcams-paratitle {
    color: #aa89e7;
    font: bold 12px/12px "proxima-nova", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 20px 0 0 20px;
}
h3.featuredwebcams-title {
    font-weight:normal;
    padding: 5px 0 15px 20px;    
}
.forecastslider-heading {
    font: 700 36px/34px "proxima-nova", sans-serif;
    color: #ffffff;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing:4px;
}
.featuredwebcams-heading {
    font: 700 36px/34px "proxima-nova", sans-serif;
    color: #183456;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing:4px;
}
.featuredwebcams {
    border:solid 3px #edeeef;
    margin-bottom:30px;
    max-width:480px;
}
@media (min-width:768px){
    .featuredwebcams {
        float:left;
        max-width:380px;
        margin-right:3%;
        width:30%;
        
    }
    .featuredwebcams:last-child {
        margin-right:0;
    }
}
@media (min-width:992px){
    .featuredwebcams {
        float:left;
        max-width:380px;
        margin-right:35px;
        
    }
}
.sub-footer-news {
    margin-bottom:30px;
}
 .sub-footer-social {
     clear:both;
     width:100%;
}
 .cwu-connect-news-heading, .cwu-connect-social-heading {
     font: 700 24px/24px "proxima-nova", sans-serif;
     color:#183456;
	 margin-bottom:20px;
}
 #header #navigation {
     
}
 @media (min-width:992px) {
      .sub-footer-news .news-article.small {
         width:100%;
         margin-right:0;
    }
     .sub-footer-news {
         width:33%;
         float:left;
         max-width:270px;
         margin-bottom:0;
    }
     .sub-footer-social {
         clear:none;
         width:66%;
         float:right;
    }
}
 @media all and (max-width: 1280px) {
     #canterbury-map {
         background: none;
    }
}
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
     .container {
         width: 96%;
         padding: 0 2%;
    }
     #header .nav {
         margin-left: -10px;
    }
     #header .nav li a {
         font: 600 15px/15px "proxima-nova", sans-serif;
    }
}
#site-menu .nav > li > .sub-menu > .container > .sub-menu > li > a {
	/*text-transform:uppercase!important;*/
	font-size:15px!important;
}
 @media all and (max-width: 767px) {
     .global-banner {
        padding-top:170px;
    }
     .one-third.fixed {
         display: inline-block;
         margin: 0 auto;
         width: 300px;
    }
     .tabs{
        width:100%;
    }
     .mobile {
         display: block;
    }
     .container {
         width: 100%;
         padding: 0;
    }
     .two-thirds {
         padding: 0 5% 20px;
         width: 90%;
         float: none;
    }
     .one-third.fixed {
         margin: 0 auto;
         width: 300px;
         float: none;
    }
     #header {
         position: relative;
         height: auto;
    }
     #header .todays-date {
         color: white;
         padding: 0;
         text-align: left;
         float: none;
         top: 15px!important;
		 left:10px;
         position: absolute;
    }
     #header .advert {
         position: absolute;
         top: 46px;
         height: auto;
         left: 0;
         margin: 5px 0 0 0;
         width: 100%;
    }
     #header .advert img {
         width: 100%;
         height: auto;
         display: block;
    }
     #header .logo {
         display: none;
    }
     #header #logo-mobile {
         position: absolute;
         top: 100px;
         left: 0;
         width: 96%;
         padding: 2%;
         z-index: 99;
    }
     #header #logo-mobile .logo-image {
         width: 75px;
         -webkit-border-radius: 60px;
         -moz-border-radius: 60px;
         -ms-border-radius: 60px;
         border-radius: 60px;
         background: white;
         padding: 15px;
         float: left;
    }
     #header #logo-mobile .logo-image img {
         width: 100%;
         height: auto;
         display: block;
    }
     #header #logo-mobile h2 {
         float: left;
         width: 60%;
         font: bold 16px/18px "proxima-nova", sans-serif;
         color: #18bde6;
         text-transform: uppercase;
         margin-top: 15px;
         margin-left: 15px;
    }
     #site-canvas {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
     #site-wrapper.show-nav #site-canvas {
         -webkit-transform: translateX(-260px);
         transform: translateX(-260px);
         position: relative;
         z-index: 9999 !important;
    }
     #header #navigation {
         background: #40b3d2;
    }
     #header .home {
         background: none;
         width: auto;
         height: auto;
    }
     #header .home a {
         text-indent: 15px;
    }
     #header .nav > li.menu-item-has-children:after {
         content: "";
         display: none;
    }
     .toggle-nav {
         color: white;
         display: block;
         float: right;
         font-size: 32px;
         border-left: 1px solid #25acd0;
         padding: 5px 5px 5px 12px;
    }
     #header #main-nav {
         background: #40b3d2;
         width: 96%;
         padding: 0 2%;
         margin-top: 40px;
    }
     #site-menu {
         width: 260px;
         height: 100%;
         position: absolute;
         top: 0px;
         right: -260px;
         background-color: #40b3d2;
         -webkit-box-shadow: inset 4px 0px 4px 0px #3796b0;
         -moz-box-shadow: inset 4px 0px 4px 0px #3796b0;
         box-shadow: inset 4px 0px 4px 0px #3796b0;
    }
     #site-menu .nav {
         float: none;
         width: 100% !important;
         min-height: 1200px;
         padding: 90px 0 0 0;
         margin: 0;
         background: #40b3d2;
         -webkit-box-shadow: inset 4px 0px 4px 0px #3796b0;
         -moz-box-shadow: inset 4px 0px 4px 0px #3796b0;
         box-shadow: inset 4px 0px 4px 0px #3796b0;
    }
     #site-menu .nav > li {
         float: none;
         width: 100%;
         text-align: left;
         position: relative;
    }
     #site-menu .menu-item-has-children a:after {
         font-family: FontAwesome;
         content: "\f078";
         display: inline-block;
         font-size: 10px !important;
         text-align: right;
         position: absolute;
         right: 40px;
    }
     #site-menu .menu-item-has-children {
         width: 98%;
    }
     #site-menu .nav li:hover {
         background-color: #40b3d2;
    }
     #site-menu .nav > li:last-child a {
         border-bottom: 1px solid #25acd0;
    }
     #site-menu .nav > li > a {
         font-size: 16px;
         width: 100%;
         padding: 12px 15px;
         display: block;
         color: white;
         text-transform: uppercase;
         text-align: left;
         border-bottom: 1px solid #25acd0;
         border-top: 1px solid #49c9ec;
    }
     #site-menu .nav > li > .sub-menu {
         display: inherit;
         opacity: 1;
         position: relative;
         padding: 0 !important;
         left: 0;
         top: 0;
         background-color: #25acd0;
         border: none;
         width: 100%;
         margin: 0;
         text-align: left;
         -webkit-box-shadow: inset 4px 0px 4px 0px #3796b0;
         -moz-box-shadow: inset 4px 0px 4px 0px #3796b0;
         box-shadow: inset 4px 0px 4px 0px #3796b0;
    }
     #site-menu .nav > li > .sub-menu a {
         text-align: left;
         padding: 5px 15px !important;
         color: white !important;
         float: none !important;
         width: 100% !important;
         text-transform: capitalize;
    }
     #site-menu .nav > li > .sub-menu a:after {
         content: "";
    }
     #site-menu .nav li {
         float: none;
         width: 100%;
    }
     #advert.town-advert {
         height: 100px;
         top: 20px;
         width: 150px;
         right: -5px;
    }
     #advert.town-advert img {
         height: 100px;
         width: auto;
    }
     #situation {
         position: relative;
         margin-top: 120px;
         padding: 0;
    }
     #situation strong {
         font-weight: bold !important;
    }
     #situation .container {
         width: 100%;
         padding: 0;
    }
     #situation .bk-cover {
         height: 425px;
    }
     /*#situation #overview {
         position: absolute;
         float: none;
         top: 8%;
         padding: 0 5%;
         width: 90%;
         z-index: 9;
         color: white;
         left: 15px;
    }*/
     #situation #overview header.mobile h4 {
         float: left;
         width: 80px;
         display: block;
    }
     #situation #overview header.mobile h5 {
         color: white;
         font: 400 18px/18px "proxima-nova", sans-serif;
         text-transform: uppercase;
         margin-top: 10px;
    }
     #situation #overview header.mobile h6.temp {
         font: 300 28px/28px "proxima-nova", sans-serif;
    }
     #situation #overview header.mobile img {
         width: 100%;
         height: auto;
         display: block;
    }
     #situation #overview header.mobile .current {
         float: left;
         width: 60%;
         margin-left: 20px;
    }
     #situation #overview header h4 {
         display: none;
    }
     #situation #overview .meta {
         /*color: white;*/
    }
     #situation #overview .description {
         color: white;
         text-shadow: 1px 1px 1px #404040;
         font: 400 16px/18px "proxima-nova", sans-serif !important;
    }
     #situation #local-forecast-select {
         background-color: #edf2f5;
         width: 90%;
         padding: 10px 5%;
    }
     #situation #local-forecast-select .customSelect {
         border: 1px solid #e9e9e9;
         background: url(images/dropdown-arrow.jpg) no-repeat 96% 50% white;
         color: #40b3d2;
         padding: 10px 4%;
         width: 92%;
         cursor: pointer;
    }
     #situation #weather-warnings {
         width: 100%;
         margin: 0;
         float: none;
    }
     #latest {
         float: none;
         width: 92%;
         padding: 25px 4%;
         margin-bottom: 10px;
    }
     #latest .news-article {
         width: 100%;
         float: none;
         margin: 0 0 25px 0;
    }
     #latest .news-article.small {
         width: 100%;
         float: none;
         margin: 0 0 25px 0;
    }
     #latest .news-article.small h4 {
         font: normal 18px/19px "proxima-nova", sans-serif;
         height: auto;
         padding: 15px;
    }
     #latest .news-article.small h6 {
         padding: 20px 0 0 15px;
    }
     #latest .news-article.small .date-published {
         padding: 20px 15px 0 0;
    }
     #latest .webcam {
         margin-top: 0;
    }
     #latest .webcam h4 {
         font: normal 18px/19px "proxima-nova", sans-serif;
         height: auto;
         padding: 15px;
    }
     #latest .webcam h6 {
         padding: 20px 0 0 15px;
    }
     #latest .webcam p {
         padding: 0 15px 20px;
    }
     #advertistment-blocks {
         padding: 40px 0 20px;
    }
     #sidebar {
         float: none;
         width: 100%;
         background: white;
         margin: 0 0 0 0;
         padding: 0 0 0 0;
    }
     #sidebar .description {
         padding-right: 4%;
    }
     #sidebar .description:last-child {
         display: none;
    }
     #sidebar #advert.last {
         display: none;
    }
     #sidebar #advert {
         width: 92%;
         padding: 25px 4% 0 4%;
    }
     #sidebar #advert .owl-controls {
         margin-top: 10px;
    }
     #sidebar #advert img {
         width: 100%;
         height: auto;
         display: block;
    }
     #sidebar #facebook-feed, #sidebar #connect {
         display: none;
    }
     #sidebar #twitter-feed {
         display: none;
    }
     #banner-image {
         margin-top: 90px;
    }
     #banner-image .bk-cover {
         height: 150px;
    }
     #banner-image .container {
         padding: 0 5%;
         width: 90%;
    }
     #banner-image #overview {
         top: 40px;
         max-width: 200px;
    }
     #banner-image #overview h1 {
         font-size: 28px;
         line-height: 32px;
    }
     #banner-image #overview .weather-type {
         top: 90px;
    }
     #local-forecast {
         /*border-bottom: 1px solid #efefef;*/
    }
     #current-conditions {
         width: 84% !important;
         padding: 40px 8% 40px !important;
         float: none;
         border-bottom: 2px solid #f7f7f7;
         overflow: hidden;
         text-align: left;
    }
     #current-conditions .meta {
         text-align: left;
    }
     #current-conditions .temp {
         margin-top: 30px;
    }
     #current-conditions .temp h6 {
         float: none;
         margin: 0;
    }
     #current-conditions .temp h6.high {
         margin: 0 0 10px 0;
    }
     #forecast {
         float: none;
         width: 100% !important;
         margin:0;
         padding: 0 15px;
         box-sizing: border-box;
    }
     footer {
         position: relative;
    }
     footer .container {
         width: 100%;
         padding: 0;
    }
     footer #footer-logo {
         width: 100%;
         float: none;
         margin-bottom: 20px;
    }
     footer #footer-logo #logo {
         margin: 0 auto;
    }
     footer #footer-quick-links {
         text-align: center;
         width: 100%;
         padding: 0;
         float: none;
    }
     footer #footer-connect {
         float: none;
         width: 100%;
         text-align: center;
         margin-top: 20px;
    }
     footer #footer-connect ul li {
         float: none;
         display: inline-block;
    }
     #canterbury-map {
         display: none;
    }
     #main-content {
         margin-top: 170px;
    }
     #main-content .post-intro {
         padding-top: 30px;
    }
     #main-content .post-image {
         height: 250px;
    }
     #main-content .post-image .bk-cover {
         height: 250px;
    }
     #main-content .advert-single {
         margin-top: 40px;
    }
     #main-content .entry-content {
         padding: 50px 5%;
    }
     #main-content .entry-content img.alignleft {
         width: 50%;
         margin: 0 auto 30px;
         float: none;
    }
     .home #content {
         margin-top: 0px;
    }
     #content {
         margin-top: 80px;
    }
     #content .post-image {
         display: none;
    }
    .post-type-archive-news #content .post-image, .post-type-archive-webcams #content .post-image {
        display:block;
    }
    .post-type-archive-news #content .post-image .bk-cover, .post-type-archive-webcams #content .post-image .bk-cover {
        height:230px;
    }
     #news-archive {
         width: 90%;
         padding: 0 5%;
    }
     #news-archive .news-article.small {
         width: 100%;
    }
     #news-archive h4 {
         font: normal 18px/19px "proxima-nova", sans-serif;
         height: auto;
         padding: 15px;
    }
     #news-archive h6 {
         padding: 20px 0 0 15px;
    }
     #news-archive .date-published {
         padding: 20px 15px 0 0;
    }
}
 #cwu-connect-container {
     background:#dceef3;
     padding:40px 20px 100px;
}
#cwu-connect-inner {
    margin-top:70px;
}
 .cwu-connect-heading {
     font:700 36px/34px "proxima-nova", sans-serif;
     color:#183456;
     text-align:center;
     margin-bottom:30px;
     letter-spacing:4px;
}
/* Owl Carousel * v1.3.3 */
 .owl-carousel .owl-wrapper:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 .owl-carousel {
     display: none;
     position: relative;
     width: 100%;
     -ms-touch-action: pan-y;
}
 .owl-carousel .owl-wrapper {
     display: none;
     position: relative;
     -webkit-transform: translate3d(0px, 0px, 0px);
}
 .owl-carousel .owl-wrapper-outer {
     overflow: hidden;
     position: relative;
     width: 100%;
}
 .owl-carousel .owl-wrapper-outer.autoHeight {
     -webkit-transition: height 500ms ease-in-out;
     -moz-transition: height 500ms ease-in-out;
     -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
     transition: height 500ms ease-in-out;
}
 .owl-carousel .owl-item {
     float: left;
}
 .owl-controls .owl-page, .owl-controls .owl-buttons div {
     cursor: pointer;
}
 .owl-controls {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: transparent;
}
 .grabbing {
     cursor: url(grabbing.png) 8 8, move;
}
 .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
}
 .owl-theme .owl-controls {
     margin-bottom: 10px;
     text-align: center;
}
 .owl-theme .owl-controls .owl-buttons div {
     display: inline-block;
     zoom: 1;
     *display: inline;
     font-size: 18px;
}
 .owl-theme .owl-controls.clickable .owl-buttons div:hover {
     text-decoration: none;
}
 .owl-theme .owl-controls .owl-page {
     display: inline-block;
     zoom: 1;
     *display: inline;
}
 .owl-theme .owl-controls .owl-page span {
     display: block;
     width: 14px;
     height: 14px;
     margin: 5px 3px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     background: #cccccc;
}

 .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
     background: #40b3d2;
}
 .owl-theme .owl-controls .owl-page span.owl-numbers {
     height: auto;
     width: auto;
     color: white;
     padding: 2px 10px;
     font-size: 12px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     border-radius: 30px;
}
 .owl-item.loading {
     min-height: 150px;
     background: url(images/ajaxLoader.gif) no-repeat center center;
}
/* Owl Carousel CSS3 Transitions * v1.3.2 */
 .owl-origin {
     -webkit-perspective: 1200px;
     -webkit-perspective-origin-x: 50%;
     -webkit-perspective-origin-y: 50%;
     -moz-perspective: 1200px;
     -moz-perspective-origin-x: 50%;
     -moz-perspective-origin-y: 50%;
     perspective: 1200px;
}
/*Custom CSS for full-width template*/
 .full-width-template .post-intro > h1 {
     text-align: center;
}
 .full-width-template.mem-ben .post-intro > h1 {
     text-align: left;
}
@media (min-width:768px) {
	.full-width-template .post-content.post-intro > p:not(.p-btn) {
		 padding: 0 150px !important;
		 text-align: center;
		 margin-bottom: 25px;
	}
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group li, .list-group strong, .list-group br, .list-group a {
  vertical-align:baseline!important;	
}
.list-group > li {
  position: relative;
  display: block;
  padding: 10px 15px 10px 50px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
	background-image: url(https://cwu.co.nz/wp-content/uploads/2020/05/discount-code.png);
	background-repeat: no-repeat;
	background-size:25px 44px;
	background-position:10px 50%;
}
.list-group > li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group > li:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
div.table-responsive {
     padding-top: 60px;
}
/* body.membership-levels .table1 td.first-col {
	font-family:Arial, Helvetica, sans-serif;
} */
 .table1 table i.fa {
     font-size: 24px;
}
 .table-responsive table{
     vertical-align: middle !important;
     width: 100%;
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     border: 0 none;
     margin: 0;
     padding: 0;
     vertical-align: middle !important;
}
 .join {
     border: 3px solid #fff !important;
     color: #fff !important;
     display: inline-block;
     font-weight: 700 !important;
     padding: 5px 20px;
     text-transform: uppercase;
}
 .table1 table tr td:nth-child(1) {
     font-size: 14px;
     padding: 14px 38px 14px 25px;
     text-align: left;
     width: 340px;
}
 @media (max-width:767px){
     .table1 table tr td:nth-child(1) {
         padding: 14px 14px 14px 14px;
         width: auto;
    }
}
 .table1 table tr:nth-child(1) td:nth-child(1) {
     padding: 0 0 23px;
     text-align: left;
}
 .table1 table tr:nth-child(2) td:nth-child(1) {
     background: #e3e3e3 none repeat scroll 0 0;
}
 .table1 table tr:nth-child(3) td:nth-child(1) {
     background: #efefef none repeat scroll 0 0;
}
 .table1 table tr:nth-child(4) td:nth-child(1) {
     background: #e3e3e3 none repeat scroll 0 0;
}
 .table1 table tr:nth-child(5) td:nth-child(1) {
     background: #efefef none repeat scroll 0 0;
}
 .table1 table tr:nth-child(6) td:nth-child(1) {
     background: #e3e3e3 none repeat scroll 0 0;
}
 .table1 table tr:nth-child(7) td:nth-child(1) {
     background: #efefef none repeat scroll 0 0;
}
 .table1 table tr:nth-child(8) td:nth-child(1) {
     background: #e3e3e3 none repeat scroll 0 0;
}
 .table1 table tr:nth-child(9) td:nth-child(1) {
     background: #efefef none repeat scroll 0 0;
}
 .table1 table tr:nth-child(10) td:nth-child(1) {
     background: #e3e3e3 none repeat scroll 0 0;
     height: 50px;
}
 .table1 table tr:nth-child(11) td:nth-child(1) {
     background: #efefef none repeat scroll 0 0;
}
 .table1 table tr:nth-child(12) td:nth-child(1) {
     background: #e3e3e3 none repeat scroll 0 0;
     height: 50px;
}
 .table1 table tr:nth-child(13) td:nth-child(1) {
     background: #efefef none repeat scroll 0 0;
}
 .table1 table tr:nth-child(14) td:nth-child(1) {
     background: #e3e3e3 none repeat scroll 0 0;
     height: 50px;
}
/*first column end*/
 .second-col {
     visibility: hidden;
}
/*2nd column start*/
 .table1 table tr:nth-child(even) td:nth-child(2) {
     background: #2cb3f1 none repeat scroll 0 0;
     text-align: center;
     color: #fff;
}
 .table1 table tr:nth-child(odd) td:nth-child(2) {
     background: #2ebdfe none repeat scroll 0 0;
     text-align: center;
     color: #fff;
}
 .table1 table tr:nth-child(1) td:nth-child(2) {
     background: rgb(46, 189, 254) url("/wp-content/uploads/2017/06/CWU-Membership_07.png") no-repeat scroll center top / 100% auto;
     border-radius: 8px 8px 0 0;
     color: #fff;
     height: 316px;
     text-align: center;
}
 .table1 table tr:nth-child(1) td:nth-child(2) p {
     color: #fff !important;
}
/*2nd column end*/
/*3rd column start*/
 .table1 table tr:nth-child(even) td:nth-child(3) {
     background: #e3e3e3 none repeat scroll 0 0;
     text-align: center;
     color: #fff;
}
 .table1 table tr:nth-child(odd) td:nth-child(3) {
     background: #efefef none repeat scroll 0 0;
     text-align: center;
     color: #fff;
}
 .table1 table tr:nth-child(1) td:nth-child(3) {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     color: #fff;
     text-align: center;
     width: 45px;
}
/*3rd column end*/
/*4th column start*/
 .table1 table tr:nth-child(even) td:nth-child(4) {
     background: #6842a7 none repeat scroll 0 0;
     text-align: center;
     color: #fff;
}
 .table1 table tr:nth-child(odd) td:nth-child(4) {
     background: #6e46b0 none repeat scroll 0 0;
     text-align: center;
     color: #fff;
}
 .table1 table tr:nth-child(1) td:nth-child(4) {
     background: rgb(110, 70, 176) url("/wp-content/uploads/2017/06/CWU-Membership_09-gold.png") no-repeat scroll center top / 100% auto;
     text-align: center;
     color: #fff;
     border-radius: 8px 8px 0 0;
}
 .table1 table tr:nth-child(1) td:nth-child(4) p {
     color: #fff !important;
}
/*4th column end*/
/*5th column start*/
 .table1 table tr:nth-child(even) td:nth-child(5) {
     background: #e3e3e3 none repeat scroll 0 0;
     text-align: center;
     color: #fff;
}
 .table1 table tr:nth-child(odd) td:nth-child(5) {
     background: #efefef none repeat scroll 0 0;
     text-align: center;
     color: #fff;
}
 .table1 table tr:nth-child(1) td:nth-child(5) {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     color: #fff;
     text-align: center;
     width: 45px;
}
/*5th column end*/
/*6th column start*/
 .table1 table tr:nth-child(even) td:nth-child(6) {
     background: #dc3078 none repeat scroll 0 0;
     text-align: center;
     color: #fff;
}
 .table1 table tr:nth-child(odd) td:nth-child(6) {
     background: #e8337e none repeat scroll 0 0;
     text-align: center;
     color: #fff;
}
 .table1 table tr:nth-child(1) td:nth-child(6) {
     background: rgb(232, 51, 126) url("/wp-content/uploads/2017/06/CWU-Membership_11.png") no-repeat scroll center top / 100% auto;
     text-align: center;
     color: #fff;
     border-radius: 8px 8px 0 0;
}
 .table1 table tr:nth-child(1) td:nth-child(6) p {
     color: #fff !important;
}
 .table1 table tr:last-child td:nth-child(6) {
     border-radius: 0 0 10px;
}
/*6th column end*/
 .cwu {
     font-size: 18px !important;
     font-weight: 700 !important;
     padding-bottom: 0px !important;
     line-height: 15px !important;
}
 .pakage {
     font-size: 36px !important;
     font-weight: 700 !important;
     padding: 0px !important;
     margin-top: 4px !important;
}
 .mem {
     font-size: 18px !important;
     font-weight: 700 !important;
     padding-bottom: 0px !important;
     line-height: 15px !important;
     margin-top: 5px;
}
 .table1 table .price {
     font-size: 36px !important;
     font-weight: 700 !important;
     padding: 0px !important;
     margin-top: 60px !important;
     margin-bottom: 0px;
}
 .yr {
     font-size: 18px !important;
     margin-bottom: 20px !important;
     margin-top: 5px !important;
     padding: 0 !important;
}
 .calendar {
     border-bottom: medium none !important;
     color: #0093fc !important;
     margin-top: 15px !important;
     display: inline-block;
}
 .table1 table tr td:nth-child(1) p {
     padding-bottom: 0px !important;
}
/*Custom CSS for full-width template*/
/* fade */
 .owl-fade-out {
     z-index: 10;
     -webkit-animation: fadeOut 0.7s both ease;
     -moz-animation: fadeOut 0.7s both ease;
     animation: fadeOut 0.7s both ease;
}
 .owl-fade-in {
     -webkit-animation: fadeIn 0.7s both ease;
     -moz-animation: fadeIn 0.7s both ease;
     animation: fadeIn 0.7s both ease;
}
 @-webkit-keyframes empty {
}
 @-moz-keyframes empty {
}
 @keyframes empty {
}
 @-webkit-keyframes fadeIn {
}
 @-moz-keyframes fadeIn {
}
 @keyframes fadeIn {
}
 @-webkit-keyframes fadeOut {
}
 @-moz-keyframes fadeOut {
}
 @keyframes fadeOut {
}
/* Font Awesome * v4.1.0 */
 @font-face {
     font-family: "FontAwesome";
     src: url("vendor/font-awesome/fonts/fontawesome-webfont.eot");
     src: url("vendor/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("vendor/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("vendor/font-awesome/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("vendor/font-awesome/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
     font-weight: normal;
     font-style: normal;
}
 .fa {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .visible-xs{
     display: none;
}
 @media screen and (max-width:767px){
     .table1 table tr:nth-child(1) td:nth-child(2) {
         min-width: 14vw;
    }
     .table1 table tr:nth-child(1) td:nth-child(4) {
         min-width: 14vw;
    }
     .table1 table tr:nth-child(1) td:nth-child(6) {
         min-width: 14vw;
    }
     .table1 table tr td:nth-child(2) {
         padding: 0 10px;
    }
     .table1 table tr td:nth-child(4) {
         padding: 0 10px;
    }
     .table1 table tr td:nth-child(6) {
         padding: 0 10px;
    }
     .table1 table tr td:nth-child(1) {
         max-width: 36vw;
         min-width: 36vw;
    }
    /*mobile column*/
     .table1 {
         position: relative;
    }
     .mobile-column {
         position: absolute;
         top: 60px;
         width: auto;
    }
     .table1 table.mobile-column tr:nth-child(1) td:nth-child(1) {
         background: #fff none repeat scroll 0 0;
         height: 293px;
    }
}
/*mobile column*/
 @media screen and (max-width:767px){
     #situation #overview {
         top: 2%;
    }
     .visible-xs{
         display: block;
    }
     .table-responsive {
         overflow-x: scroll;
         padding-bottom: 8px;
    }
     .join {
         padding: 5px 13px !important;
         font-size: 12px !important;
    }
     .full-width-template .post-content.post-intro > p {
         padding: 15px !important;
    }
     .alignleft.size-full.wp-image-1352 {
         height: auto;
         vertical-align: top;
         width: 100%;
    }
     .cwu {
         margin-top: 20px;
    }
}
 .nav-hide{
    display:none;
}
 .table-condensed td i span{
    /*display: none;
     color: transparent;
     */
     padding-left:5px;
     padding-bottom:5px;
}
 .non-mem-mess {
     border: 2px solid #686f7b;
     border-radius: 5px;
     padding: 20px;
     text-align: center;
     margin-top: 20px;
     background-color: #ddd;
     font-family: "proxima-nova", sans-serif;
     color:#183456;
}
 .non-mem-mess p {
     font-size:14px;
     font-weight:bold;
}
 .non-mem-mess h4 {
     color: #686f7b;
     font: normal 21px/24px "proxima-nova", sans-serif;
     letter-spacing: 0.1px;
     clear: both;
     padding-top: 15px;
     padding-bottom: 15px;
}
 .non-mem-mess .level-btn-color-big a {
     background-color: #01aadd !important;
     border: 0 none !important;
     border-radius: 0;
     color: white !important;
     display: inline-block;
     font-family: "proxima-nova", sans-serif !important;
     font-size: 18px !important;
     font-weight: 600 !important;
     margin: 10px 5px !important;
     padding:10px 50px !important;
     text-align: center;
}
 .form-table {
    width:100%
}
 .cwumembership-basic {
    /*background: rgb(46, 189, 254) url("/wp-content/uploads/2017/06/CWU-Membership_07.png") no-repeat scroll center top / 100% auto;
    */
     background: rgb(46, 189, 254) no-repeat scroll center top / 100% auto;
     border-radius: 8px 8px 8px 8px;
     color: #fff;
     text-align: center;
     width:30%;
     margin-right:15px;
     display:inline-grid;
     padding-top:10px;
     vertical-align: top !important;
}
 .cwumembership-gold {
    /*background: rgb(110, 70, 176) url("/wp-content/uploads/2017/06/CWU-Membership_09-gold.png") no-repeat scroll center top / 100% auto;
    */
     background: rgb(110, 70, 176) no-repeat scroll center top / 100% auto;
     border-radius: 8px 8px 8px 8px;
     color: #fff;
     text-align: center;
     width:30%;
     display:inline-grid;
    padding-top:10px;
     vertical-align: top !important;
}
 .cwumembership-premium {
    /*background: rgb(232, 51, 126) url("/wp-content/uploads/2017/06/CWU-Membership_11.png") no-repeat scroll center top / 100% auto;
    */
     background: rgb(232, 51, 126) no-repeat scroll center top / 100% auto;
     border-radius: 8px 8px 8px 8px;
     color: #fff;
     text-align: center;
     width:30%;
     margin-left:15px;
     display:inline-grid;
    padding-top:10px;
     vertical-align: top !important;
}
 @media screen and (max-width:768px){
     .cwumembership-basic {
         width:100%;
         margin-left:0px;
         margin-right:0px;
         margin-bottom:10px;
    }
     .cwumembership-gold {
         width:100%;
         margin-left:0px;
         margin-right:0px;
         margin-bottom:10px;
    }
     .cwumembership-premium {
         width:100%;
         margin-left:0px;
         margin-right:0px;
         margin-bottom:10px;
    }
     .page-id-3376 .post-content p img {
        width:100%;
         height:auto;
    }
}
 .pmpro_asterisk {
    color:red !important;
     font-size:24px !important;
     font-weight:600 !important;
}
 .pmpro_payment-expiration select {
    width:44% !important;
}
 @media (min-width:768px){
     .menu-mobile{
         display:none;
    }
}
 @media (max-width:767px){
     .menu-desktop {
        display:none;
    }
}
 .forecast-login {
     font-family: "proxima-nova", sans-serif;
     font-weight:bold;
     color:#183456;
     text-align:center;
     margin-top:25px;
}
 .forecast-login a {
     color:#183456;
    /*border-bottom:solid 2px #a7adb7;
    */
     text-decoration: underline;
}
#situation #overview p {
    margin: 0 0 10px;
}
/* wrapper for all newsfeed items */
 .newsfeed-container, .newsfeed-container-forecast {
     background:#f2f2f2;
     /*box-shadow: inset 1px 4px 9px -6px;*/
     padding:25px 17px 15px 15px;
}
 #lwn-heading {
     max-width:260px;
     margin-left: auto;
     margin-right: auto;
     display: block;
     /*margin-bottom:20px;*/
}
#lwn-heading-wrap {
    background:#fff;   
    margin-right:auto;
    margin-left:auto;
    max-width:356px;
    padding-top:18px;
    padding-bottom:30px;
    box-shadow: 0 6px 10px rgba(0,0,0,.2);
    position:relative;
}
.newsfeed-container-wrap {
    margin-bottom:30px;
}
 @media (max-width:767px) {
     .newsfeed-container-wrap, .newsfeed-container-wrap-forecast {
         /*margin-top:30px;*/
         margin-bottom:30px;
         max-width:336px;
         margin-left:auto;
         margin-right:auto;
         padding-left:15px;
         padding-right:15px;
    }
     .newsfeed-container, .newsfeed-container-forecast{
         max-height:600px;
         overflow-y:auto;
    }
     #lwn-heading-wrap {
         margin-top:30px;
    }
}
 @media (min-width:768px) {
     #lwn-heading-wrap {
        box-shadow: none;
     }
     .newsfeed-container {
         max-height:1000px;
         overflow-y:auto;
    }
     .newsfeed-container, .newsfeed-container-forecast{
         box-shadow: inset 1px 4px 9px -6px;
         padding:15px 17px 15px 15px;
    }
     .newsfeed-container-forecast {
         overflow-x:auto;
         overflow-y: hidden;
         white-space: nowrap;
    }
     .newsfeed-container-forecast .newsfeed {
         display:inline-block;
         white-space: normal;
         width:300px;
         margin-right:15px;
         vertical-align:top!important;
         margin-bottom:0;
    }
}
/* wrapper for an individual newsfeed post */
 .newsfeed{
     font:normal 16px/19px "proxima-nova", sans-serif;
     max-width:300px;
     margin-left:auto;
     margin-right:auto;
     margin-bottom:30px;
}
 .newsfeed-image{
     height:130px;
     background-repeat:no-repeat;
     background-position:50% 50%;
     background-size:cover;
}
 @media (min-width:768px){
     .newsfeed-container-forecast .newsfeed-image-placeholder {
         background:#ddd;
         height:130px;
    }
}
 .newsfeed-date{
     float:left;
     font-size:10px;
     font-weight:600;
     text-transform:uppercase;
}
 .newsfeed-date-author {
     margin-top: 5px;
     margin-bottom: 5px;
}
 .newsfeed-author {
     float:right;
     font-size:10px;
     font-weight:600;
     text-transform:uppercase;
}
 .newsfeed-title {
     text-transform:uppercase;
     font-weight: bold;
     margin-bottom: 8px;
     color:#686f7b;
     font-size:16px !important;
}
 .newsfeed-title.warning {
     position:relative;
     padding-right:30px;
     color:#cc0000;
}
 i.newsfeed-warning {
     position:absolute;
     right:0;
     top:0;
     color:#cc0000;
     font-size:20px;
}
 .newsfeed-lock {
     position:absolute;
     left:50%;
     margin-left:-85px;
     max-width:150px;
     background:#0093fc;
     border-radius:6px;
     padding:10px;
     top: 50%;
     margin-top: -42px;
}
 .newsfeed-lock.already-member {
     margin-top: -45px;
}
 .newsfeed-lock-inner {
     position:relative;
     text-align:center;
     color:#fff!important;
     text-shadow:none;
     padding-top:7px;
}
 .newsfeed-lock-inner a {
     color:#fff!important;
}
 .newsfeed-lock-inner a:hover {
     cursor:pointer!important;
}
 .newsfeed-lock-inner > a {
     display:block;
}
 .newsfeed-lock-inner span {
     font-size:12px;
     line-height: 14px !important;
     display: block;
     margin-top: 5px;
}
 .newsfeed-lock-inner span a {
     text-decoration:underline;
}
 .newsfeed-lock-inner .fa-lock {
     color:#989898;
     position: absolute;
     left: 50%;
     top: -30px;
     font-size: 38px;
     margin-left: -13px;
     text-shadow:2px 2px 10px rgba(1,1,1,.3);
}
 .newsfeed-excerpt-blur {
     position:relative;
     display:block;
     color: transparent;
     text-shadow: 0 0 9px rgba(0,0,0,0.5);
}
 .newsfeed-excerpt p {
     font-size:14px;
     color:#686f7b;
    margin-bottom: 10px;
}
 .newsfeed-excerpt p a, .newsfeed-excerpt p a:hover, .newsfeed-excerpt p a:focus {
     text-decoration:underline;
     color:#686f7b;
     vertical-align: baseline!important;
}

#daln-featured-excerpt-container {
    min-height: 0px !important; 
    padding-bottom: 10px !important;
}

#daln-featured-excerpt {
    min-height: 0px !important;
    line-height: 0 !important; 
}

#daln-featured-title-container {
    min-height: 0px !important;	
}

#daln-featured-title {
    min-height: 0px !important;
    line-height: 0 !important; 
}

#daln-featured-title a {
    min-height: 0px !important;
    line-height: 0 !important; 
}
#daln-container {min-height: 0px !important; }

#daln-featured-container {
    min-height: 0px  !important;
    padding: 0 10px !important;
}