/*
Theme Name: stoptheselloff-fw
Theme URI: http://www.hyve.com.au
Description: Bootstrap 3 responsive theme by Hyve
Version: 1
Author: Hyve
Author URI: http://www.hyve.com.au
*/


@import url('bootstrap/css/bootstrap.css');
@import url('css/jquery.flexmenu.css');

@font-face {
    font-family: 'Swis721CnBTBold';
    src: url('swiss721bt-boldcondensed-webfont.eot');
    src: url('swiss721bt-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('swiss721bt-boldcondensed-webfont.woff') format('woff'),
         url('swiss721bt-boldcondensed-webfont.ttf') format('truetype'),
         url('swiss721bt-boldcondensed-webfont.svg#Swis721CnBTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* 
----------------------------------------------- */
body {
	font-family: 'Open Sans', Arial, Helvetica, Verdana, sans-serif;
	background-color: #fff200;
}

a {
	color:#30a4d7;
}

a:hover {
	color:#0998d7;
}
	
/* Navigation */

.fm-container {position: relative;}

.fm-container.splash-header {background: #fff200 none; border: none; height: 60px;}
.fm-container.splash-header .fm-button {background: #000; margin: 10px 0 0 10px;}
.fm-container.splash-header .fm-button:hover {background: #333;} 

.flexmenu.fm-lg {
    float: right;
    width: 90%;
	margin-top: 18px!important;
	margin-right: 10px!important;
}

.flexmenu.fm-offcanvas.fm-sm {
    left: -70%;
    position: fixed;
}

/*.flexmenu.fm-sm ul li a {
    color: #333;
}*/

ul#mymenu {display: none;}

.flexmenu.fm-lg ul#mymenu, .flexmenu.fm-sm ul#mymenu{display: block;}

/* Container reset */

/*@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1170px) {
  .container {
     width: 1170px;
  }
} */


/* Typography */

h1 { font-family: 'Swis721CnBTBold', Arial, Helvetica, Verdana, sans-serif; color: #231f20; margin-top: 1%; }

h2 { font-family: 'Swis721CnBTBold', Arial, Helvetica, Verdana, sans-serif; color: #231f20; }

h3 { font-family: 'Swis721CnBTBold', Arial, Helvetica, Verdana, sans-serif; color:#231f20; }

blockquote {
	color: #fff;
	background-color: #333;
    border-left: none;
    font-size: 17.5px;
    margin: 2% 0;
    padding: 10px 20px;
	border-radius: 3px;
}

/* Header */


.logo-mob {
	position: absolute;
	left: 73px;
	top: 0;
	height: 60px;
}

.logo-mob img {
	height:60px;
	width: auto;
}

.logo-pc {
	display: none;
}

@media screen and (min-width: 768px) {
	
.logo-mob {
	display: none;
}
	
.logo-pc {
	display: block;
	float: left;
	position: relative	
}
	
.logo-pc img {
	height: 110px;
}
	
}

.logocont {
    left: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 26%;
}

.logo {
	width: 100%;
}


.logo img {
	width: 100%;
	height: auto;
}

.logotext {
	width: 100%
}

.headeritems-mob {
    background-color: #b7b7b7;
    display: block;
    float: left;
    margin: 0 0 10px;
    padding: 2%;
    width: 100%;
}
.headeritems {
    display: none;
}
.headeritems span, .headeritems-mob span {
    color: #000;
    float: left;
    font-family: "Swis721CnBTBold",Open Sans,sans-serif;
    font-size: 1.75em;
    line-height: 100%;
    margin-right: 0;
    padding-top: 5px;
}
.headeritems-mob .twitter_icon, .headeritems-mob .facebook_icon, .headeritems .twitter_icon, .headeritems .facebook_icon {
	float:left;
}
.headeritems-mob .btn-default.blue, .headeritems .btn-default.blue {
    float: right;
    height: 32px;
    line-height: 32px;
    padding: 1px 8px 0;
}

.carousel {margin: 0 auto; position: relative;}

.carousel .wooslider  {
    border: none;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    margin: 0!important;
	background: transparent;
}
.carousel .wooslider .slides > li img, .entry .carousel .wooslider .slides > li img {
    backface-visibility: hidden;
    border: 0 none;
    box-shadow: none;
    display: inline;
    height: auto;
    margin: 0;
    width: auto;
}

/* NAVIGATION customises styles in jquery.flexmenu.css */

#topmenu.flexmenu.fm-lg > ul > li {
    padding: 2px 4px;
}

#topmenu.flexmenu.fm-lg a {
    border: 2px solid #666100;
    color: #201c20;
    font-size: 0.9em;
    height: 28px;
    padding: 2px 5px;
    text-transform: uppercase;
	border-radius: 4px;
}
#topmenu.flexmenu.fm-lg a:hover {
    border: 2px solid #201c20;
    background-color: #201c20;
    color: #fff200;
}

#topmenu.flexmenu.fm-lg li.current-menu-item a {
    border: 2px solid #201c20;
    background-color: #201c20;
    color: #fff200;
}
#topmenu.flexmenu.fm-lg li ul a:hover {
    background-image: none;
	color: #201c20;
}

#topmenu.flexmenu.fm-lg li ul li.current-menu-item a {
	background-image: none;}
	
#topmenu.flexmenu.fm-lg li.current-menu-item ul li a {
    background-image: none;
}

#topmenu.flexmenu.fm-lg li ul {
	border-color: #111 #111 #111;
	left: 3px;
}

.flexmenu.fm-lg li ul {
    border-radius: 0;
}

#topmenu.flexmenu.fm-lg li ul a {
    border: 0 none;
    color: #fff;
    font-size: 1.15em;
    height: 32px;
    padding: 2px 5px;
    text-transform: uppercase;
}
#topmenu.flexmenu.fm-lg li ul a:hover {
    border: 0 none;
    background-color: none;
    color: #fff200;
	text-decoration:underline;
}
#topmenu.flexmenu.fm-lg .navicon:after {
    display: none;
}
/* Row wraps - full width background colors */

.container {padding: 0; margin: 0;}

.rowwrap.moblogo {display:none}
.rowwrap.topstrip {width: 100%; background-color: #231f20; padding: 1% 0}
.rowwrap.mainwrap {width: 100%; background-color: #fff; padding: 2% 0}
.rowwrap.actionwrap {width: 100%; background-color: #231f20; padding: 1.5% 0}
.rowwrap.cutswrap {
	background-color: #fff200;
    padding: 0;
    width: 100%;
}
.rowwrap.footerstripwrap {width: 100%; background-color: #474646; padding: 0; margin-top:20px; color:#999;}



/* Home page */

.topstrip h1 {
    font-size: 2.25em;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 1%;
    text-transform: uppercase;
    color: #fff200;
}
.topstrip h2 {
    font-size: 1.5em;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 1%;
    color: #fff200;
}
.main {
	margin-top: 0;
	margin-bottom: 0;
}

.hliteborder {
    border: 3px solid #fff;
    color: #fff;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 100%;
    margin: 10px auto 0;
    padding: 3% 1%;
    text-transform: uppercase;
    width: 97%;
}

.hliteborder a {
    color: #fff;
}
.main h2 {
    color: #000;
    font-size: 2em;
    font-weight: 400;
    line-height: 100%;
    margin: 5px 0;
    text-align: left;
}

.main .icon img {width: 100%;
height: auto;}

.main .icon h3 {color: #e00f21; font-weight:700; font-size: 1.4em;}

.main .wa_rhps_slider_title {
	color: #e00f21; font-weight:700; font-size: 1.4em;
	text-align:center;
	margin-top: 1%;
	padding-top: 2%;
    clear: both;
    height: auto;
    overflow: hidden;
}

.rowwrap.actionwrap h1 {
    font-size: 1.5em;
	color: #fff;
	margin-top: 0;
}
.rowwrap.actionwrap h1 span {
    color: #fff200;
}

.rowwrap.actionwrap h2 {
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    margin-top: 0;
}

.hmrt {
	margin:30px 0 10px 0;
}

.hmrtcont {
    background-color: #fff200;
    color: #000;
    font-size: 1em;
    padding: 3%;
    text-align: left;
}
.hmrtcont ul {
    -moz-padding-start: 0;
    display: block;
    list-style-type: none;
}
.hmrtcont li {
    background-image: url("images/blk-arrow.png");
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
}

.nofloat {
	float:none;
}
.btn-default.blue {
    background-color: #3cc3ff;
    background-image: none;
    border-color: #3cc3ff;
    color: #000;
    font-family: "Swis721CnBTBold",Open Sans,sans-serif;
    font-size: 1.6em;
    line-height: 100%;
    padding: 9px 10px 5px;
}
.btn-default.blue:hover {
    background-color: #059ee2;
}

/* Home page - Cuts */

.cutshead h2 {
    font-size: 2.25em;
    line-height: 100%;
    margin-bottom: 1.5%;
    margin-top: 2%;
    text-transform: uppercase;
    color: #000;
}

.cut-one h2, .cut-two h2 {
    color: #fff;
    font-size: 2.4em;
    font-weight: 700;
    padding-bottom: 15px;
    padding-top: 15px;
    text-transform: uppercase;
	margin-bottom:15px;
}
.cut-one h2 {
    background-color: #ccc200;
}
.cut-two h2 {
    background-color: #ccc200;
}
.cut-one img, .cut-two img {
    width: 100%;
    padding-bottom: 15px;
}


/* Home page - vid box */

.vidbox {
    background-color: #000;
}

.main h1 {
    background-color: #000;
    color: #fff;
    font-size: 1.75em;
    margin-top: 0;
    padding-bottom: 1.5%;
    padding-top: 1.5%;
    text-transform: uppercase;
	margin-bottom:5px;
}

/* Home page - Gap */

.row.gap {
    background-color: #e00f21;
    height: 100px;
    margin-bottom: 2%;
    margin-top: 2%;
}
.row.footerstrip {
    height: 10px;
}

.gap .btn {
    background-color: #000;
    border-color: #000;
    color: #fff;
    font-size: 32px;
    height: 60px;
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 35px;
}
.gap .btn:hover {
    background-color: #bdbec0;
	border-color:#bdbec0;
}



/* Home page - spruik strip  */

.spruikwrap {
	margin-top:20px;
	margin-bottom:20px;
}
.spruik h2 {
	text-transform:uppercase;
}

.spruikcol-lt, .spruikcol-mid, .spruikcol-rt {
	margin-bottom:20px;
}
.spruikstrip {
	padding-left:0;
	padding-right:0;
}
/* Home page - facebook widget  */

.spruik .col-xs-12.FB {
	background-color:#fff;
}

/* Home page - news  */

.newsfeed {
	background-color:#fff;
	padding-bottom:10px;
}
	
.newsfeed ul {
	margin: 0 0 2%;
	padding: 0;
}

.newsfeed ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.newsitem {padding-bottom: .5%; margin-bottom: 1.5%; border-bottom: 1px dotted #ccc;}

.newsitem h3 {
    color: #2290f9;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 1.6em;
    line-height: 115%;
    margin: 0;
}

.newsitem h3:first-child {margin-top: 0;}

.newsitem h3 a {
    color: #2290f9;
}
.newsitem h3 a:hover {
	color: #64b3ff;
}

.meta {margin-bottom: 2%;}

.date {color: #666; font-size: .825em; margin-right: 8px;}

.categs {background-color: #e00f21; color: #fff; border-radius: 2px; font-size: .825em; padding: 2px 4px;}

.categs a { color: #e7e7e7; }

.involved {position: relative;}

.involved img {width: 100%; height: auto; border-radius: 4px;}

/* Home page - message from premier  */

.main h2.quoteonly {
    border-bottom: medium none;
    color: #fff;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
}

.mssg-wrap {width: 100%;}

.carousel .wooslider .slides > li img.mssgleft-img {
	width:30%;
	float:left;
	height: auto;
	margin-bottom: 1.5%;
	display: block;
}

.mssgright {
    width: 100%;
}

.messages p {
    color: #ffffff;
    font-size: 1.75em;
    line-height: 140%;
    text-align: right;
}

.messages p.sm-mssg {
    font-size: 1.55em;
}

.mssgfull {
    border-top: 3px dotted;
    float: left;
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
}
.messages span.name {
    font-size: 0.7em;
    font-weight: 700;
    text-transform: uppercase;
}




/* Footer */

.row.footer {
    padding-bottom: 2%;
    padding-top: 1%;
}

.row.footer ul
	{padding-left: 0;}

.row.footer ul li 
	{list-style-type: none;
	padding: 0;
	margin: 0;}
	
.wgt-footer h2, .ft-share h2 {
	color: #efefef;
    font-family: "Swis721CnBTBold",Open Sans,sans-serif;
    font-size: 1.6em;
    margin: 0;
}

.wgt-footer a {color: #999; font-weight:600;}

/* Lower Level pages */


.colLeft .report {
    border-top: 3px dotted #999;
    float: left;
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
}

.colLeft .reportpic {
	width:34%;
	float:left;
}

.colLeft .reportpic img {
	width:100%;
	height: auto;
}
.colLeft .reportmore {
	width:65%;
	float:right;
}
.colLeft h2.redhead {
	text-transform:uppercase;
	font-weight:700;
	margin-top: 5px;
}
.colLeft p.largetext {
	font-size:1.2em;
}

.row.l2-header {background-image: url(images/l2-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 220px;}
	
.l2-header img {
    height: auto;
    width: 100%;
}

.row.page-content {
    /* background-color: #f2f2f2;*/
    margin-top: 0;
    padding-bottom: 3%;
    padding-top: 20px;
	background-color:#fff;
}

/* colLeft */

.colLeft {margin-bottom: 2%; }
.colLeft p {line-height: 1.6;}

.colLeft .flowplayer {margin-bottom: 2%;}

body.page-id-101 .flowplayer {
	background-image: url(images/video-bg.jpg);
}

.emm-paginate {width: 100%; margin: 4% 0;}

.emm-paginate .emm-page {
    border: 1px solid #ccc;
    margin-left: 6px;
    margin-right: 6px;
    padding: 6px 12px;
}

h2.h2-resources {clear: both;}

/* Youtube responsive*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; 
	height: 0; 
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} /* See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.En2wgxy3.dpuf */


.video-title video {
    width: 100%;
    height: auto;
}

/* single post */

p.prevstory {float: left; margin-top: 3%; background-image: none;}
p.nextstory {float: right; margin-top: 3%;  background-image: none;}

/* Loop Feed */

.postItem {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin: 0 0 1.5%;
}

/* .postItem h1 {
	font-size: 1.6em;
	margin-top: 0;
} */

.postItem h2 {
	margin-top: 0;
	font-size:1.7em;
}

/* Hotspot matrix */


.hotspotmatrix {margin: 2% 0;
	padding: 0;}

.hotspotmatrix ul  {
	width: 100%;
	margin: 0;
	padding: 0;
}

.hotspotmatrix ul li {
	width: 23%;
	float: left;
	list-style-type: none;
	text-align:center;
	margin: 0 2% 0 0;
}

.hotspotmatrix ul li a img {
	width: 100%;
	height: auto;
}

.hotspotmatrix ul li p {
	margin-top: 3%;
	height: 30px;
	line-height: 110%;
}

/* colRight */

.colRight {margin-bottom: 2%;}

.sidebar-module {padding: 4% 0; background-color: none; margin-bottom: 3%;}

.fb-module {
    background-color: #f5fafc;
    margin-bottom: 3%;
    padding: 3%;
}

.rightBox:first-child {margin-top: 0;}

.rightBox {margin-top: 5%;}

.rightBox h2 {margin-top: 0;}

.sidebar-module.sb-nav h2 {font-size: 1.2em;}

.sidebar-module.sb-nav ul {
	padding: 0;
	margin: 0;	
}

.sidebar-module.sb-nav ul li {
	background-image: url(images/nav-arrrow.png);
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 1.8;
	background-position: left 6px;
}

/* SB donate form */

.signup-cont.donateform {
    background-color: #231f20;
    background-position: left top;
    margin-bottom: 3%;
    padding: 4%;
    width: 100%;
}

.signup-cont.donateform h1 {
    color: #fff;
    font-size: 1.7em;
    font-weight: 700;
    line-height: 120%;
    margin-top: 1%;
    text-transform: uppercase;
}
.signup-cont.donateform p {
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    margin-top: 1%;
}
.signup-cont.donateform .gfield_description {
    color: #efefef;
}
.signup-cont.donateform .gform_wrapper label {
    color: #fff;
}

.signup-cont.donateform .signup-form {
    float: left;
    width: 100%;
}
.signup-cont.donateform .signup-form .gform_wrapper .gform_body {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.signup-cont.donateform .signup-form .gform_wrapper .gfield_checkbox li label, .signup-cont.donateform .signup-form .gform_wrapper .gfield_radio li label {
    color: #fff;
    display: block;
    font-size: 1.25em;
    line-height: 100%;
    margin: 0 0 0 24px;
    padding: 0;
    vertical-align: top;
    width: auto;
}
.signup-cont.donateform .signup-form .gform_wrapper .gfield_checkbox li, .signup-cont.donateform .signup-form .gform_wrapper .gfield_radio li {
    float: left;
    line-height: 1.3em;
    margin: 10px 20px 0 0;
}
.row .gform_wrapper .top_label li#field_9_3 .gfield_label {
    float: left;
    font-size: 1.5em;
    width: 100%;
}
.row .gform_wrapper .top_label li#field_9_7 .gfield_label {
    width: 100%;
}
.signup-cont.donateform .signup-form .gform_wrapper .gfield_html.gfield_no_follows_desc {
    color: #efefef;
    margin-top: 10px;
}
.signup-cont.donateform .signup-form .gform_wrapper .gform_footer {
    font-size: 1.25em;
    width: 100%;
}
.signup-cont.donateform .signup-form .gform_wrapper span.ginput_total {
    color: #b0f6b0;
    font-size: 1.75em;
    line-height: 150%;
}
.signup-cont.donateform .signup-form .gform_wrapper ul li#field_9_13.gfield {
    clear: both;
    font-size: 1.25em;
    margin: 10px 0 0;
}

/* SB sign up */

.signup-cont.sb-signup {
    background-color: #231f20;
    background-position: left top;
    margin-bottom: 3%;
    padding: 4%;
    width: 100%;
}
.signup-cont.sb-signup h1 {
    color: #fff;
    font-size: 1.7em;
    font-weight: 700;
    line-height: 120%;
    margin-top: 1%;
    text-transform: uppercase;
}
.signup-cont.sb-signup h1 span {
    color: #fff200;
}
.signup-cont.sb-signup p {
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    margin-top: 1%;
}
.signup-cont.sb-signup .gform_wrapper .top_label .gfield_label {
	color:#fff;
}
.signup-cont.sb-signup .signup-logo {
    float: left;
    width: 23%;
}

.signup-cont.sb-signup .signup-form {
    float: left;
    width: 100%;
}

.signup-cont.sb-signup .signup-form.signup-sb-low {width: 100%;}

.sb-prop { }

.sb-prop img {width: 100%; height: auto;}


/* SB petition form */

.signup-form.petition .gform_wrapper .gform_body {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
	
.signup-form.petition .gform_wrapper .gform_footer {
    clear: left;
    float: left;
    margin: 3% auto 0;
    width: 100%;
}

.highlight {
	width:100%;
	background-color:#efefef;
	font-size:1.25em;
	line-height:120%;
	padding:1.25%;
}
.counterhd p {
	font-size:1.5em;
	font-family: "Swis721CnBTBold",Open Sans,sans-serif;
}
.counterhd {
	width: 100%;
	text-align:center;
}
.counterhd .cm-active-subscribers {
	font-size:2.5em;
	font-family: "Swis721CnBTBold",Open Sans,sans-serif;
	color:#3cc3ff;
}

/* sb slider*/

.signup-cont.carousel {background-color:#e00f21; float: left; padding: 0 2% 10px; margin-bottom: 20px; }

.signup-cont.carousel h2 {
    border-bottom: 5px solid #fff;
    color: #fff;
    font-size: 2em;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
}
	
	
/* GRAVITY FORMS */

/* GENERIC */

.row .gform_footer input.button, .container .gform_wrapper .gform_footer input[type="submit"] {
    background-color: #3cc3ff;
    background-image: none;
    border: medium none;
    border-radius: 3px;
    color: #000;
    font-family: "Swis721CnBTBold",Open Sans,sans-serif;
    font-size: 1.6em !important;
    height: 59px;
    line-height: 100%;
    padding: 10px 2%;
}

.row .gform_wrapper .top_label input.medium {
	padding: 1%;
	font-size: 1.2em;
	border: 1px solid #999;
	border-radius: 3px;
	margin-top: 1.5%;
}

.row .gform_wrapper .top_label .gfield_label {
    float: left;
	width: 100px;
}

/* Home Form */
.signup-form {
    float: none;
    margin: 0 auto;
    width: 60%;
}
.signup-form .gform_wrapper {
    margin: 2% 0 1%;
    width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.signup-form .gform_wrapper .gform_body {
	width: 66%;
	float:left;
    margin: 0;
    padding: 0;
}

.signup-form .gform_wrapper .top_label input.medium {
    width: 100%;
	height: 40px;
	padding: 3px 2%;
	border: 1px solid #CCC;	
	margin-top: 0;
}

.signup-form .gform_wrapper .gform_footer {
    width: 31%;
	clear: none;
	float:left;
    margin: 0 0 0 2%;
    padding: 0;
}

.signup-form .gform_wrapper .gform_footer input.button, .signup-form .gform_wrapper .gform_footer input[type="submit"] {
    width: 100%;
	height: 40px;
    color: #000;
    font-family: "Swis721CnBTBold",Open Sans,sans-serif;
    font-size: 1.6em;
    line-height: 100%;
    padding: 9px 10px 5px;
    background-color: #3cc3ff;
	text-transform:uppercase;
}

.signup-form .gform_wrapper .gform_footer input.button:hover {
    background-color: #059ee2;
}
.signup-form .gform_wrapper .gform_footer input.button:active {
    background-color: #059ee2;
}

.signup-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    margin-bottom: 0 !important;
    margin-top: 0;
    padding-left: 10px !important;
}

.signup-form .gform_wrapper div.validation_error {
    margin-bottom: 0em;
	text-align:center;
}

/* Button Styles*/

.btn {text-transform:uppercase; 
	padding-right: 24px;
	background-image: url(images/nav-arrrow.png);
	background-repeat: no-repeat;
	background-position: right center;}
	

/* Header & Footer Small Share buttons */	

.sm-share {
    float: right;
    margin-bottom: 10px;
    width: 60%;
}
.sm-share span {
    color: #efefef;
    float: right;
    font-family: "Swis721CnBTBold",Open Sans,sans-serif;
    font-size: 1.6em;
    margin-right: 10px;
}
.twitter_icon, .facebook_icon {	
	margin-left:10px;
	float:right;
	width: 32px;
	height: 32px;
	display:block;
}
.twitter_icon {	
	margin-left:10px;
}

.twitter_icon a {
	width: 32px;
	height: 32px;
	background-image: url(images/twitter64.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
}

.twitter_icon a:hover {
	background-image: url(images/twitter64.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.facebook_icon {	
	margin-left:10px;
}

.facebook_icon a {	
	width: 32px;
	height: 32px;
	background-image: url(images/facebook64.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;	
}

.facebook_icon a:hover {
	background-image: url(images/facebook64.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}


/* Footer large Share buttons */	

.ft-share .btn {margin-top: 2%; border: none; text-align: left; padding-left: 50px; width: 230px;
	color: #fff; }

.ft-share .btn.ft-fb {
	
	background-color:#465796;
	background-image: url(images/social-icons.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.ft-share .btn.ft-fb:hover {background-color:#323F6E;}
.ft-share .btn.ft-fb:active {background-color:#465796;}
.ft-share .btn.ft-tw {
	background-color:#6c9fbf;
	background-image: url(images/social-icons.png);
	background-repeat: no-repeat;
	background-position: left -32px;
}
.ft-share .btn.ft-tw:hover {background-color:#547D97;}
.ft-share .btn.ft-tw:active {background-color:#6c9fbf;}
.ft-share .btn.ft-yt {
	background-color:#c53122;
	background-image: url(images/social-icons.png);
	background-repeat: no-repeat;
	background-position: left -64px;
}
.ft-share .btn.ft-yt:hover {
	background-color:#9C251A;
}
.ft-share .btn.ft-yt:active {background-color:#c53122;}

.ft-share .btn.ft-fb.main-fb {margin-right: 20px;}
	
.vid-share {width: auto; margin: 0 auto;}	


/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
 
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
display: none;
}
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}

/* Page, Post Image states */

img.alignleft {width:  50%; height: auto; float: left; padding-right: 10px; margin-bottom: 10px; clear: left;}
.wp-caption.alignleft {width:  50%; height: auto; float: left; padding-right: 10px; margin-bottom: 10px; clear: left;}

img.alignright {width:  50%; height: auto; float: right; padding-left: 10px; margin-bottom: 10px; clear: left;}
.wp-caption.alignright {width:  50%; height: auto; float: right; padding-left: 10px; margin-bottom: 10px; clear: left;}

img.aligncenter {width:  100%; height: auto; padding: 0; margin-bottom: 10px; clear: left;}

hr.hr-clear {clear: both; margin: 1% 0;}

/* Scroller Hack */

/* body.page-id-7 .caroufredsel_wrapper {height: 280px!important;} */

/* Events organiser Plugin */

.event-entry-meta ul {  /* venue and category templates */
	padding-left: 0;
}

.event-entry-meta ul li {  /* venue and category templates */
	list-style-type: none;
}

.eventorganiser-event-meta ul {  /* single page template */
	padding-left: 0;
	}

.eventorganiser-event-meta ul li {  /* single page template */
	list-style-type: none;
	}


/* scroll to top */

#scroll-to-top {
	color:#fff;
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 20px;
    opacity: 0;
    padding: 20px;
    position: fixed;
    right: 20px;
    text-decoration: none;
    transform: scale(0, 0);
    transition: all 0.2s ease 0s;
	z-index: 100;
}
#scroll-to-top .vantage-icon-arrow-up {
    color: rgba(255, 255, 255, 0.2);
    display: block;
    font-size: 18px;
    height: 18px;
    width: 18px;
}
#scroll-to-top.displayed {
    opacity: 1 !important;
    transform: scale(1, 1);
}
a#scroll-to-top  {
    color: #fff;
    text-decoration: none;
}

/* POWER CAMPAIGN SPLASH ELECTION 2019*/

#main-wrap {background: #fff200;}

body.page-template-home_powerselloff, body.page-template-about-powerselloff {background-color: #e7e7e7;}

@media screen and (min-width: 768px) {
	
body .fm-container.splash-header {
		height: 110px;
	}

nav {float: right;
    width: 45%;
	margin-right:40px;}
	
} /* end 768px*/ 

.social-logos-hd {position: absolute;
top: 20px;
right: 14px;
}
	
.social-logos-hd a {color:#465796;}
.social-logos-hd a:hover {color:#1d2f70;}

.campaign-intro-wrap {transition: all .3s ease-out;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	padding: 20px 0; background: #000 url('images/power-hero-bg2.jpg') center center no-repeat;
}

.power-sell-election h1, .power-sell-election h2, .power-sell-election h3 { font-weight: 600; font-family: 'Montserrat', Helvetica, Arial, sans-serif; }

.power-sell-election h1 {font-size: 2.25rem;
padding: 0 4%px;}

.power-sell-election h2 {font-size: 1.75rem; padding: 0 4%px;}

.power-sell-election h1 span, .power-sell-election h2 span {color: #fc0101;}

.campaign-intro, .situation {padding-left: 4%; padding-right: 4%;}
.situation {padding-top: 30px; padding-bottom: 30px;}
.campaign-intro h1 {color: #fff;}
.campaign-intro h2 {font-weight: 600; color: #fff;}
.situation h2 {color: #fff;}

.video-title {background: #000}

.sold-item {color: #fff200; font-size: 2.25rem; font-weight: 600; padding-right: 0;}
.sold-item img {max-width: 100px; display: inline; padding-left: 0;}

.btn.hero-btn {color: #fff;
background: #fc0101;
position: relative;
z-index: 1;
padding: 14px 28px;
font-size: 1.8rem;}

.btn.hero-btn:hover {background: #3cc3ff; color: #333;}
.btn.hero-btn:active {background: #fff200; color: #fff;}

.btn.hero-btn-text {color: #fff;
background: #fc0101;
position: relative;
z-index: 1;
padding: 14px 28px;
font-size: 1.8rem;
margin-bottom: 0;}

.btn.hero-btn-text:hover {background: #3cc3ff; color: #333;}
.btn.hero-btn-text:active {background: #fff200; color: #fff;}

.page-content-wrap {background: #fff;}

@media screen and (min-width: 768px) {
	
.campaign-intro, .situation {padding-left: 5%; padding-right: 5%;}
	.power-sell-election h1 {font-size: 3.25rem;}
	.power-sell-election h2 {font-size: 2rem;}
	
.btn.hero-btn {margin-bottom: -60px;}
	
.campaign-intro-wrap {
	padding: 30px 0;
	}
}
@media screen and (min-width: 1170px) {
	
.logo-pc {
	margin-left: 30px;
}
	
.social-logos-hd {
top: 24px;
}
	
.campaign-intro, .situation {padding-left: 0%; padding-right: 0%;}
	.power-sell-election h1 {font-size: 5rem;}
	.power-sell-election h2 {font-size: 3rem;}
	
	.sold-item {font-size: 3rem; text-align: center; display: inline-block; padding: 10px 10px; border: 2px solid rgba(255,255,255,.5);
    border-radius: 12px;
    margin: 20px 1%;}
	
}
	

@media screen and (min-width: 1680px) {
	
	#main-wrap {max-width: 1680px; margin: 0 auto; border-left: solid #ccc 1px; border-right: solid #ccc 1px;}
	
}

.situation-wrap, .tearsheer-wrap  {background: #000; color: #fff;}

.power-icons {padding: 0 20%;}
.power-icons img {width: 100%; height: auto; margin-bottom: 10px;}
.power-icons p {font-size: 1.5rem; margin-bottom: 20px;}

@media screen and (min-width: 768px) {
.power-icons {padding: 0 8%;}
}

@media screen and (min-width: 1170px) {
.power-icons {padding: 0 5%;}
}

.tearsheet-wrap {min-height: 100px; background: url('images/paper-tear-top.png') left top repeat-x, url('images/paper-tear-bot.png') left bottom repeat-x; background-color: #f6f6f6; padding: 40px 3%;}

.tearsheet {padding: 0 2%;}
.tearsheet img {width: 100%; height: auto;}

@media screen and (min-width: 1170px) {
	.tearsheet {padding: 0 10%;}
	.petition-wrap p {padding: 0 20%;}
}

.petition-wrap {background: #fff200 url('images/slope_bg-black.png') center top no-repeat; padding-top: 80px;}

/* VIDEO PLAY */

.play-video {display:none;}

@media screen and (min-width: 768px) {
	.play-video {display: block; position:absolute; cursor: pointer; padding: 2%; z-index: 10;}
} /* end 768px */

/* Forms */

.petition .gform_wrapper .top_label input.medium, .petition .gform_wrapper .top_label select.medium {
    width: 100%;
}

.petition .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    padding: 10px 8px;
}

/* =Responsive Structure
----------------------------------------------- */



/* Media queries */

/* 960px and under  */ 

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

.row {
  margin-right: 0;
  margin-left: 0;
}

}


/* 768px and under  */ /* Includes vert tablet and bnder */

@media screen and (max-width: 768px) {
	
}

/* 767px and under  */

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

.colLeft {
	padding: 0 4%;
}	

.colRight {clear: left;}


.logocont {display: none;}
.rowwrap.moblogo {display:block; width: 100%; background-color: none; padding: .25% 0}


.ft-share .btn {
	margin-top: 2%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
    }

.wgt-footer h2, .ft-share h2 {
	text-align: center;
	margin-top: 3%;
	font-size: 1.4em;
}

.wgt-footer ul li {
    text-align: center;
}

.wgt-footer a {
    text-align: center;
	font-size: 1.2em;
	line-height: 1.75;
}

.footer p {text-align: center; margin-top: 3%;}

.carousel {
    margin: 2% auto 0;
}

.vidbox.education {margin-top: 2%;}

.vid-share {
    margin: 0 auto;
    width: 230px;
}

.ft-share .btn.ft-fb.main-fb {margin-right: 0;}

}

/* 641 px and under (Galaxy SIII)  */

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

.signup-form {
    width: 100%;
}
.messages p {
    color: #ffffff;
    font-size: 1.4em;
    line-height: 140%;
    text-align: right;
}
}


/* 569px and under Apple 5  */

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

}

/* 561px and under Apple 4  */

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

}


@media screen and (max-width: 480px) {
	
/* 480px breakpoint grid reset */
  .col-xs-6, .col-xs-4 {
    width: 48%;
}

.row.gap {
    height: 82px;
}
.gap .btn {
    font-size: 20px;
    height: 42px;
}

.messages p {
    color: #ffffff;
    font-size: 1em;
    line-height: 140%;
    text-align: right;
}

.messages p.sm-mssg {
    font-size: .925em;
}

}

/* media width less than 420 seems to fail on Galaxy S3 */

@media screen and (max-width: 420px) {
	
	
}

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


p {font-size: 13px;}




/* Page, Post Image states */

img.alignright {width:  100%; float: right; padding-left: 0; margin-bottom: 1%;}
.wp-caption.alignright {width:  100%; float: right; padding-left: 0; margin-bottom: 1%;}

img.alignleft {width: 100%; padding-right: 0; margin-bottom: 1%;}
.wp-caption.alignleft {width: 100%; padding-right: 0; margin-bottom: 1%;}


.carousel .wooslider .slides > li img.mssgleft-img {
	width:40%;
}

.colLeft .report {
    margin-top: 0;
	margin-bottom: 2%;
    padding-top: 5px;
}

.colLeft .reportpic {
	width:100%;
	float:left;
}
.colLeft .reportmore {
	width:100%;
	float:left;
}

}

@media screen and (min-width: 561px) {

/* click downdisplay activated by JS*/
.storyread {
    display: none;
}

}

@media screen and (min-width: 569px) {



}


@media screen and (min-width: 767px) {
body .fm-container {
	height: 125px;
	margin: 0 auto;
	background: none no-repeat scroll 0 0 transparent;
	border: none;
}

ul#mymenu {float: right;}

}

@media screen and (min-width: 768px) {
.container {
    width: 100%;
  }
 
.sm-share {
    width: 100%;
}
.colRight {width:33%;}

.headeritems-mob {
    display: none;
}
.headeritems {
    display: block;
    float: right;
    margin: 20px 13px 0 0;
    width: 265px;
}
.hmrt {
    margin: 0 0 10px;
}

}

/* tablet horizontal */


@media screen and (min-width: 768px) and (max-width: 970px) {

.signup-form .gform_wrapper .gform_body {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
	
.signup-form .gform_wrapper .gform_footer {
    clear: left;
    float: left;
    margin: 3% auto 0;
    width: 100%;
}
}

@media screen and (min-width: 826px) and (max-width: 970px) {

body .fm-container {
    height: 120px;
}

}


@media screen and (min-width: 960px) {
	
/* Constrains width to 100% on PC */
.container {
    width: 100%;
}
  
body .fm-container {
    height: 125px;
}

.flexmenu.fm-lg {
    margin-top: 20px !important;
}

.logocont {
	height: 125px;
}

.logo {
	height: 100%;
	width: auto;
}


.logo img {
	height: 100%;
	width: auto;
}
  
}

@media screen and (min-width: 1080px) {	
  
body .fm-container {
    
}

#topmenu.flexmenu.fm-lg a {
    font-size: 1.15em;
    height: 32px;
    padding: 2px 5px;
}
}


@media screen and (min-width: 1170px) {
body .fm-container {
    width: 1170px;
	height: 143px;
}

/* Constrains width to 100% on PC */
.container {
    width: 100%;
}

.row {width: 1170px; margin: 0 auto;}

.logocont {
	height: 143px;
}

.logo {
	height: 100%;
	width: auto;
}


.logo img {
	height: 100%;
	width: auto;
}


}


/* Stylesheet ENDS

---------------------------------------------------*/