/*
Theme Name: Bicycle Queensland
Theme URI: https://bq.org.au
Author: Simone Armani
Author URI: https://ashtonarmani.com.au
Description: 2015 BQ Site
Version: 1.0

*/

body{
    background: url(images/bg.png) repeat;
    font-family: 'Droid Sans', sans-serif;
}

p{margin-bottom: 20px;}
h1,h2,h3,h4,h5{
    margin-top: 30px;
    margin-bottom: 20px;
}
h5{font-size: 15px;}
/* ----------------------------------------------------------------- Universal ---------- */
.right{text-align: right;}

.row.no-gutter {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}
.row.gutter {
  margin-left: -15px;
  margin-right: -15px;
}
.row.gutter [class*='col-']:not(:first-child),
.row.gutter [class*='col-']:not(:last-child) {
  padding-right: 15px;
  padding-left: 15px;
} 
.container{
    padding: 0;
}
.show{display: block !important;}
.hidden{display: none;}

.jumbotron{
    background: #dbe9df;
    padding: 30px !important;
}
.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
.jumbotron h4{
    margin-top: 0px;
}
.fa-circle{
    font-size: 10px;
}
.bold{
  font-weight: 700;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
select,
textarea{
  padding: 8px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 0px !important;
  -webkit-appearance:none;
  -webkit-border-radius: 0px;
  -moz-appearance:none;
  appearance:none;
}
.s20{
  height: 20px;
}
.sep{
  border-top: 1px dotted #ccc;
}
.strike {
        display: block;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-transform: uppercase;
}
.strike > span {
        position: relative;
        display: inline-block;
}	
.strike > span:before,
.strike > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 1px;
        background: #ccc;
}

.strike > span:before {
        right: 100%;
        margin-right: 15px;
}

.strike > span:after {
        left: 100%;
        margin-left: 15px;
}

/* ----------------------------------------------------------------- Universal Lists---------- */
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
ul li{
    margin: 0;
    padding: 0;
}

ul.bullets{
  list-style: disc;
  margin: 0 0 20px 20px;
}
ul.bullets li{
  padding: 5px 0;
}
dl{
  margin:0;
}
dl.inline dt{
  display: inline-block;
  font-weight: normal;
}
dl.inline dd {
  display: inline-block;
  margin: 0;
  margin-left: 30px;
}
dl.inline dd p{
  margin: 0;
}

/* ----------------------------------------------------------------- Universal Buttons---------- */
a.button,
input.button,
button.button{
    margin-top: 30px;
    background: #0d7b2d;
    padding: 10px 20px 10px 20px;
    display: inline-block;
    color: #fff !important;
    font-weight: normal !important;
    border: none;
    -webkit-transition: all 3s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    text-align: center;
    text-decoration: none;
}
a.button:hover,
input.button:hover,
button.button:hover{
    text-decoration: none;
    background: #303a3f;
}
a.button:disabled,
input.button:disabled,
button.button:disabled{
    background: #ccc; 
}
a.button span{
    float: right;
    padding-left: 50px;
    line-height: 22px;
}
a.button-donate{
  margin-top: 20px;
  font-size: 22px;
  padding: 5px 10px 5px 10px;
  background: #3a3a3a;
  background-image: -webkit-linear-gradient(top, #3a3a3a, #2b2b2b);
  background-image: -moz-linear-gradient(top, #3a3a3a, #2b2b2b);
  background-image: -ms-linear-gradient(top, #3a3a3a, #2b2b2b);
  background-image: -o-linear-gradient(top, #3a3a3a, #2b2b2b);
  background-image: linear-gradient(to bottom, #3a3a3a, #2b2b2b);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  letter-spacing: 0.05em;
  width: 100%;
}
a.button-donate img{
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-top: -5px;
}
/* ----------------------------------------------------------------- Custom Grid ---------- */
.custom-grid div[class^="col-"] {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}

.col-sm-1-5th {
width: 20%;
float: left;
}
/* ----------------------------------------------------------------- Header ---------- */
#header{
    padding: 20px 0;
}
#header .form-group{
    margin-bottom: 0px;
}
#logo{
    display: none;
}
#ph{
    display: none;
}
ul#headerMenu{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul#headerMenu li{
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    padding: 0 10px 10px;
}
ul#headerMenu li:last-child{
    padding: 0 0 0 10px;
}
ul#headerMenu li a{
    color: #000;
}
#search input{
    background-color: #22b24c;
    color: #fff;
    border: none;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    width: 100% !important;
    height: 41px;
    margin-top: 20px;
    padding-left: 20px;
}
#search .fa-search{
    color: #fff;
    line-height: 41px;
}
#search input::-webkit-input-placeholder{
   color: #fff;
}
#search input:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
#search input::-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
#search input:-ms-input-placeholder {  
   color: #fff;  
}
.socialMedia{
    font-size: 14px;
    color: #0d7b2d;
    letter-spacing: 0.05em;
}
.socialMedia img{
    display: block;
    float: left;
}
.socialMedia a{
  color: #0d7b2d;
}

/* ----------------------------------------------------------------- Main Menu ---------- */
#logoMobile img{
    display: block;
    padding: 10px 0 15px 0;
    width: 50%;
    max-width: 275px;
    float: left;
}
#mainMenu nav .navIcons{
    float: right;
}
#mainMenu nav .navbar-header span.fa{
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    padding: 0 10px;
}
#mainMenu nav .navbar-collapse{
    padding-right: 0;
    padding-left: 0;
}
#mainMenu nav.navbar-default{
    border: none;
}
#mainMenu nav.navbar{
    border-radius: 0;
    margin-bottom: 0;
}
#mainMenu .navbar-toggle {
	float: left;
    border: none;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}
#mainMenu .navbar-toggle .icon-bar {
    background-color: #fff;
}
#mainMenu .navbar-toggle:hover,
#mainMenu .navbar-toggle:active,
#mainMenu .navbar-toggle:focus{
	background: none;
}
#mainMenu nav{
    background-color: #22b24c;
}
#mainMenu nav h2{
    color: #fff;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #252c30;
}
#mainMenu nav ul li a{
    color: #fff;
    border-bottom: 1px solid #252c30;
    width: 100%;
}
#mainMenu nav ul li a:hover{
    background: #384349;
}
#searchMobile{
    display:none;
    background: #fff;
}
#searchMobile .form-group{
    margin-bottom: 0;
    display: block;
}
#searchMobile input{
    border: none;
    border-radius: 0;
    display: block;
    width: 85%;
    height: 40px;
    float:left;
    border-bottom: 2px solid #eee;
}
#searchMobile button{
    display: block;
    width: 15%;
    height: 40px;
    float:left;
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 17px;
    background: #303a3f;
}
#searchMobile button:hover{
    background: #3a454b;
}
/* ----------------------------------------------------------------- Drop down menu ---------- */
#dropDown{
    display: none;
}
#dropDown .col-sm-12{
    height: 0px !important;
    min-height: 0 !important;
}
#dropDown .menuDrop{
    color: #fff;
    position: absolute;
    padding: -15px;
    z-index: 999;
    background: #303a3f;
    width: 97.5%;
    width: calc(100% - 30px);
    display:none;
    padding: 0 0 30px 0;
}
#dropDown .menuDrop ul{
    padding: 30px;
}
#dropDown .menuDrop .title{
    font-size: 18px;
}
#dropDown .menuDrop a{
    color: #fff;
}
#dropDown .menuDrop .title{
    padding-bottom: 20px;
    font-size: 18px;
}
#dropDown .menuDrop .title span{
    font-size: 18px;
    line-height: 25px;
}
#dropDown .menuDrop ul li{
    padding-bottom: 6px;
}
#dropDown .menuDrop ul li span{
    float: right;
    font-size: 10px;
    line-height: 20px;
    padding-right: 20px;
}
#dropDown .menuDrop ul.address{
    padding-top: 0px;
}
#dropDown .menuDrop ul li a.eCalendar{
    font-size: 18px;
    display: block;
    width: 100%;
    text-align: center;
    background: #374248;
    padding: 30px;
    webkit-transition: all 3s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#dropDown .menuDrop ul li a.eCalendar:hover{
    text-decoration: none;
    background: #272f33;
}
#dropDown .menuDrop ul li a.menuLogo img{
    opacity: 1;
    webkit-transition: all 3s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#dropDown .menuDrop ul li a.menuLogo img:hover{
    opacity: 0.7;
}

/* ----------------------------------------------------------------- Home page Call to action ---------- */
#call2action{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #0d7b2d;
}
#call2action li{
    display: inline-block;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    box-sizing: border-box;
}
#call2action li:first-child{
    width: 100%;
    color: #fdd503;
}
#call2action li:first-child a{
    color: #fdd503;
    text-decoration: none;
}
#call2action li:last-child{
    display:none;
}
#call2action li:last-child a{
    color: #fff;
    text-decoration: none;
}
/* ----------------------------------------------------------------- Slider---------- */
#slider{
    margin-bottom: 30px;  
    background: -webkit-linear-gradient(rgba(255,0,0,0) 20%, rgba(34,178,76,1), rgba(34,178,76,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,0,0,0) 20%, rgba(34,178,76,1), rgba(34,178,76,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,0,0,0) 20%, rgba(34,178,76,1), rgba(34,178,76,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,0,0,0) 20%, rgba(34,178,76,1), rgba(34,178,76,1)); /* Standard syntax */
}
#carouselHome{
    background: #22b24c;
}

#carouselHome .carousel-control .fa-chevron-right,
#carouselHome .carousel-control .fa-chevron-left{
    position:absolute;
    top:50%;
    margin-top:-10px;
    z-index:5;
    display:inline-block;
}

#carouselHome .carousel-control .fa-chevron-left{
    left:50%;
    margin-left:-10px
}
#carouselHome .carousel-control .fa-chevron-right{
    right:50%;
    margin-right:-10px
}
/* ----------------------------------------------------------------- Top clicks ---------- */
#topClicks{
    background: #22b24c;
    color: #fff;
    text-transform: uppercase;
}
#topClicks .title{
    font-size: 18px;
    padding: 10px 20px;
    display: block;
}
#topClicks ul li a{
    color: #fff;
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #1ea044;
}
#topClicks ul li a:hover,
#topClicks ul li a:active{
    color: #fff;
    text-decoration: none;
    background: #0d7b2d;
}
#topClicks ul li a span.icon{
    float: right;
}
#topClicks ul li.alert{
  padding: 0;
  margin-bottom: 0;
  border:none;
}
#topClicks ul li.alert a{
  background: #fdd503;
  color: #303a3f;
}
/* ----------------------------------------------------------------- Event Banners ---------- */
#events{
    margin-bottom: 30px;
}
/* ----------------------------------------------------------------- Page title ---------- */
#title{
    background: #0d7b2d url(images/bg-title.png) repeat;
    color: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 998;
    padding: 30px 0 20px 0;
}
/* --------------------------------- Breadcrumbs ---------- */
#breadcrumbs{
    font-size: 16px;
    color: #fff;
    padding: 20px 0;
}
#breadcrumbs a{
    color: #fff;
}
#breadcrumbs .fa-chevron-right{
    font-size: 14px;
    padding: 0 10px 0px 10px;
}
#breadcrumbs .share{
    float: right;
}
#breadcrumbs .share a{
    padding-left: 10px;
}
/* ----------------------------------------------------------------- Content ---------- */
#content{
    margin-bottom: 20px;
    background: #fff;
    
}
#content h1{
    margin-top: 0;
}
#content a,
.modal a{
    color: #0d7b2d;
    font-weight: 700;
}
#content a.clean{
    color: #333;
    font-weight: normal;
}
#content .menu{
    background: #22b24c;
    padding: 20px 0px 20px 20px;
    color: #fff;
}
#content .menu h2{
    margin-bottom: 20px;
}
#content .menu .title{
    font-size: 18px;
}
#content .menu ul li a{
    color: #fff;
    display:block;
    padding: 8px 0 8px 8px;
    font-weight: normal;
}
#content .menu ul li.current_page_item a{
   background: #fdd503;
   color: #333;
}
#content .menu ul li ul {
    background: none;
    color: #fff;
}
#content .menu ul li.current_page_item ul li a{
    background: none;

}
#content .menu ul li ul {
    margin-left: 20px;
}
#content .menu ul li ul li a{
    font-size: 12px;
    color: #084d1c;
}
#content .menu .sectionDrop{
    cursor: pointer;
}
#content .menu .sectionDrop span{
    float: right;
    padding-right: 20px;
}
#content .content{
    background: #fff;
    padding: 30px 10px;
}
#content .content .share{
    background: #0d7b2d;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    margin-top: 20px;
}
#content .content .share a{
    color:#fff;
}
#content .content .share a span{
    color:#fff;
    padding: 0 10px;
}
#content .content ul.children{
    border-top: 1px dotted #ccc;
    margin-top: 60px;
    padding: 30px 0;
}
#content .content ul.children li.desc{
    display:block;
}
#content .content ul.children li.desc h4{
    margin: 0;
    padding:0;
}
#content .content ul.children li{
    display: inline-block;
    margin: 0 20px 20px 0;
}
#content .content ul.children li a{
    background: #0d7b2d;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 5px 12px;
    color: #fff;
    font-weight: normal;
}
#content .content ul.children li a:hover{
    background: #22b24c;
    text-decoration: none;
}
#content .content ul.related-news li .meta{
  font-size: 12px;
}
#content .content ul.related-news li:nth-child(odd){
      margin-right: 2%;
}
#content .content ul.related-news li{
  width: 100%;
  border-top: 4px solid #0d7b2d;
  box-shadow: 1px 1px 4px 0 #d9d9d9;
  float: left;
  margin-bottom: 20px;
}
#content .content ul.related-news li img{
  width: 20%;
  padding: 0 2% 0 0;;
  float: left;
  display: inline-block;
}
#content .content ul.related-news li .txt{
  padding: 10px;
  width: 80%;
  display: inline-block;
}
#content .content ul.related-news li .txt a{
  font-size: 16px;
  line-height: 16px;
  padding-top: 10px;
}
.content-home .woocommerce-message{
  margin: 15px 0 0 0;
}
/*------------------------------------------------------------------ Activate gift membership --------------*/


/*------------------------------------------------------------------ Page membership benefits --------------*/
#content ul.mBenefits li{
    width: 100%;
    display: block;
    float: left;
}
#content img{
    padding-bottom: 20px;
}
/*------------------------------------------------------------------ Page news --------------*/
#content .menu-archives{
    padding: 20px 30px;
}
#content .menu-archives ul li a{
    padding: 0 10px 0 0;
}
#content .menu-archives li:last-child {
  padding-bottom: 30px;
}
#content .menu-archives li span {
  font-size: 12px;
  padding-right: 5px;
}
/*------------------------------------------------------------------ Page contact us --------------*/
#gMaps {
        position: relative;
        padding-bottom: 45%;
        height: 0;
        overflow: hidden;
}
#gMaps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}
/*------------------------------------------------------------------ Bug listings --------------*/
#content .bug-listing{
  width: 50%;
  float: left;
 }
#content .bug-listing:nth-child(odd) {
  padding: 0 5% 0 0;   
}
#content .bug-listing .web{
  font-size: 18px;
}
/*------------------------------------------------------------------ Single event--------------*/
#content .event-meta{
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
}
#content .event-meta .state {
    padding-left: 30px;
}
#content #event-video img{
    padding-bottom: 5px;
}
#content .disclaimer{
    margin-top: 40px;
}
#content .archiveItem{
    padding: 0 0 15px 0;
}
#content .archiveItem .date{
    display: block;
    padding: 15px 0;
    font-weight: 700;
}
#content .archiveItem .title{
    border-bottom: .08em solid rgba(0,0,0,.1);
}
#content .archiveItem h3{
    margin-bottom: 10px;
}
#content .archiveItem .excerpt{
    padding: 0 0 20px 0;
}

/*------------------------------------------------------------------ Archive event (calendar) --------------*/
#content .eventHead{
    background: #0d7b2d;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    margin-top: 40px;
 }
#content .eventRowOdd,
#content .eventRowEven{
    padding: 20px 0;
 }
#content .eventRowOdd img,
#content .eventRowEven img{
    padding: 0;
 }
 #content .eventRowOdd h4,
#content .eventRowEven h4{
    margin: 0;
 }
#content .eventRowEven{
    background: #f2f2f2;
 }
 /*------------------------------------------------------------------ Page Annual report --------------*/
#content ul.listing li h4,  #content ul.listing h3{
    margin-bottom: 5px;
 }
#content ul.listing{
    margin-bottom: 30px;
    margin-top: 30px;
 }
#content ul.listing li{
    display: block;
    float: left;
    padding: 0 30px 30px 0;
 }
/*------------------------------------------------------------------ Page membership --------------*/
#content table#membership{margin-bottom: 10px;}
#content table#membership td{padding: 5px;}

/*------------------------------------------------------------------ Page Council Report Cards --------------*/
#content div#scTable h3{margin-bottom: 0;}
#content div#scTable .row{padding: 15px;}
#content div#scTable .stripe{background-color: #dbe9df;}
/*------------------------------------------------------------------ Archive Campaings (taxonomy) --------------*/
#content div.campaignItem > div.col{
    margin: 15px 0;
}
#content div.campaignItem h3{
    margin:0;
    font-size: 20px;
}
/*------------------------------------------------------------------ FAQ Sidebar --------------*/
#content .faq-side{
  padding: 20px 20px;
}
#content .faq-side h5{
    margin-bottom: 5px;
    font-weight: 700;
}

/* ----- */
#content form#activate-mem .inline{
  display: table;
  table-layout: fixed;
}
#content form#activate-mem .inline .inputWrap,
#content form#activate-mem .inline span {
    display: table-cell;
}
#content form#activate-mem .inline input{
  width: 100%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
#content form#activate-mem .inline span{
  width: 10%;
  vertical-align: middle;
  text-align: center;
  font-size: 26px;
  color: #ddd;
  line-height: 34px;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
#content form#activate-mem .error .help-block{
  padding: 5px 15px;
  clear: both;
}

#content form#activate-mem #voucher1,
#content form#activate-mem #voucher2,
#content form#activate-mem #voucher3
{
  text-transform: uppercase;
  text-align: center;
}

/* ----------------------------------------------------------------- The Latest ---------- */
#theLatest h4{
    display:block;
    padding: 15px 10px;
    background: #22b24c;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}
#theLatest .content{
    background: #fff;
    padding: 10px 10px 0 10px;
}
#theLatest .content a{
    color: #303a3f;
}
#theLatest h5{
    color: #0d7b2d;
    font-weight: 700;
}
#theLatest ul li{
    padding: 10px;
    display: block;
    font-size: 13px;
}
#theLatest .events ul li.odd{
    background: #fafafa;
    box-sizing: border-box;
}
#theLatest ul li span.title{
    float: left;
    width: 70%;
    display: block;
}
#theLatest .events ul li span.date{
    float: right;
    width: 30%;
    display: block;
    text-align: right;
    color: #0d7b2d;
    font-weight: 700;
}
#theLatest .video .caption{
    margin-top: 10px;
}
#theLatest .news ul li span.date{
    float: left;
    font-size: 10px;
    width: 20%;
    margin-right: 5%;
    display: block;
    text-align: center;
    background: #0d7b2d;
    color: #fff;
    font-weight: 700;
    padding: 5px 0px;
    text-transform: uppercase;
}
#theLatest .news ul li span.date span.number{
    font-size: 20px;
    display:block;
    text-align: center;
    line-height: 17px;
}
#theLatest .footer{
    padding: 5px 10px;
    text-align: right;
    background: #22b24c;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
#theLatest .footer a{
    color: #fff;
}
#theLatest .footer a:hover{
    color: #09511e;
   text-decoration: none;
}
#theLatest .youtube{
    font-weight: 700;
}
#theLatest .youtube .views{
    color: #0d7b2d;
}
/* ----------------------------------------------------------------- From the Shop / Facebook Feed---------- */
#homeWideBar{
    background: #22b24c;
    margin: 30px 0;
}
#homeWideBar .title{
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
#homeWideBar .shop{
    padding: 30px 30px;
}
#homeWideBar .shop .items .title,
#homeWideBar .shop .items .price,
#homeWideBar .shop .items .rating{
    background: #0d7b2d;
    display: block;
    float:left;
    color: #fff;
}
#homeWideBar .shop .items .title{
    font-size: 16px;
    text-transform: none;
    padding: 10px 10px 0px 10px;
    margin-top: 30px;
    line-height: 16px;
    width: 100%;
}
#homeWideBar .shop .items .price{
    width: 100%;
    padding: 5px 10px 0px 10px;
    font-size: 15px;
    line-height: 22px;
}

#homeWideBar .shop .items .price del,
.price del{
  font-size: 14px;
}
#homeWideBar .shop .items .price ins,
.price ins{
  text-decoration: none;
}
#homeWideBar .shop .items .rating{
    width: 40%;
    padding: 5px 10px 10px 10px;
    font-size: 5px;
    line-height: 22px;
}
#homeWideBar .shop .items .image{
    background: #fff;
    padding: 30px 0px;
    position: relative
}
#homeWideBar .shop .items .member-price{
    width: 56px;
    height: 56px;
    padding: 15px 7px;
    border-radius: 28px;
    text-align: center;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px;
    line-height: 22px;
    background: #fdd503;
    line-height: 12px;
}
#homeWideBar .shop .items .member-price .meta{
    font-size: 14px;
    font-weight: 700;
}
#homeWideBar .shop .items .add,
#homeWideBar .shop .items .view{
    background: #0d7b2d;
    color: #fff;
    display: block;
    float:left;
    width:50%;
    padding: 2px 0px;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #0b6926;
    font-size: 18px;
}
#homeWideBar .shop .items .add{
    border-right: 1px solid #0b6926;
}
#homeWideBar .shop .items .add:hover,
#homeWideBar .shop .items .view:hover{
    background: #0b6926;
}
#homeWideBar .facebook{
    background: #0d7b2d;
    padding: 30px 15px;
    overflow: hidden;
    height: 100%;
}
#homeWideBar .facebook .profile-info{
    margin-top: 30px;
    color: #fff;
}
#homeWideBar .facebook .profile-photo{
    float:left;
}
#homeWideBar .facebook .profile-photo img{
    width:50px;
    height:50px;
}
#homeWideBar .facebook .profile-name{
    float:left;
    margin:0 0 0 .5em;
    font-weight: 700;
}
#homeWideBar .facebook .profile-name a{
    color: #fff;
}
#homeWideBar .facebook .time-ago{
    color:#22b24c;
}
#homeWideBar .facebook .profile-message{
    margin: 1em 0;
    color: #fff;
    display:block;
}
#homeWideBar .facebook .morecontent span {
    display: none;
}
#homeWideBar .facebook .morelink{
    color:#000;
}
#homeWideBar .facebook .post-link{
    text-decoration:none;
}
#homeWideBar .facebook .post-content{
    background: #f6f7f9;
    overflow: hidden;
    padding: 10px;
}
#homeWideBar .facebook .post-content img{
    width:100%;
}
#homeWideBar .facebook .post-status{
    margin:.5em;
    font-weight:bold;
}
#homeWideBar .facebook .post-photo{
    height: 150px;
    overflow: hidden;
}
#homeWideBar .facebook .post-picture{
    width:30%;
    float:left;
}
#homeWideBar .facebook .post-info{
    width:63%;
    float:left;
    margin: 0 .6em .6em .6em;
    box-sizing: border-box;
}
#homeWideBar .facebook a.post-link .post-info-name{
    font-weight:bold;
    color:#303a3f;
    padding-bottom: 10px;
}
#homeWideBar .facebook .post-info-description{
    color:#303a3f;
    font-size: 13px;
}
#homeWideBar .facebook .post-footer{
    color:#fff;
}
#homeWideBar .facebook ul{
    margin-top: 10px;
}
#homeWideBar .facebook .meta li {
    float: left;
    width: auto;
    display: block;
    list-style-type: none !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    font-size: 11px;
    line-height: 13px !important;
    background: none !important;
}
#homeWideBar .facebook .icon{
  display: block;
  float: left;
  width: 13px;
  height: 14px;
  margin-right: 5px;
  text-indent: -9999px;
  background: url('images/icons-fb-feed.png') no-repeat;
}
#homeWideBar .facebook .replace{
  display: none;
}
#homeWideBar .facebook .comments .icon{
  width: 12px;
  background-position: 0 -1px;
}
#homeWideBar .facebook .comments-box .comments .icon,
#homeWideBar .facebook .comments-box .likes .icon{
  margin: 2px 8px 0 0;
}
#homeWideBar .facebook .likes .icon{
  background-position: 0 -17px;
}
#homeWideBar .facebook .shares .icon{
  width: 14px;
  background-position: 0 -33px;
}
#homeWideBar .facebook .post-footer a{
  color: #fff;
  font-size: 11px;
}
#homeWideBar .facebook .post-footer span.links{
    float:right;
    line-height: 13px;
    height: 13px;
    display: block;
}

/* ----------------------------------------------------------------- Feedback/Share --------- */
#share .feedback,
#share .social{
    background: #0d7b2d;
    padding: 15px;
    color:#fff;
}
#share .social{
    text-align: left;
    background: #208e40;
    line-height: 30px;
}
#share .social span{
    display: inline-block;
    font-size: 20px;
    padding: 0 5px;
}
#share .social a{
    color: #fff;
}
#share .feedback a{
    display: inline-block;
    padding: 5px 20px;
    background: #208e40;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    -webkit-transition: all 3s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#share .feedback a:hover{
    text-decoration: none;
    background: #0a6324;
}
/* ----------------------------------------------------------------- Footer --------- */
#footer{
    margin-top: 30px;
    color: #0d7b2d;
    padding-bottom: 30px;
    border-bottom: 1px solid #d0cece;
}
#footer h5{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
    padding:0;
}
#footer ul li a{
    color: #0d7b2d;
    line-height: 23px;
}
#footer input{
    background-color: #22b24c;
    color: #fff;
    border: none;
    border-radius: 0px;
    height: 32px;
    padding: 0 10px;
    width: 40%;
    margin-right: 10px;
}
#footer button{
    background: #0d7b2d;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 5px 10px;
    border: none;
    height: 32px;
}
#footer input::-webkit-input-placeholder{
   color: #fff;
}
#footer input:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
#footer input::-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
#footer input:-ms-input-placeholder {  
   color: #fff;  
}
#footer .titleNewsletter{
    display: inline-block;
    float: left;
    padding-right: 20px;
    line-height: 32px;
}
/* --------------------------------------- Sub Footer --------- */
#subFooter{
    padding: 30px 0;
    text-align: center;
}
#subFooter span{
    display: block;
}
#subFooter span a{
  color: #0d7b2d;
}
/* ----------------------------------------------------------------- Woocommerce ---------- */

/* --------------------------------- GLOBAL -- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
    margin: 0 0 30px 0;
    background: #303a3f;
    color: #fff;
    padding: 15px;
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a{
    color: #22b24c !important;
}
.woocommerce-message .button{
    margin: 10px 0 0 0;
    width: 100%;
}
.woocommerce-message .button:hover{
    background: #22b24c;
}
.woocommerce-message a.button{
    color: #fff !important;
}
.woocommerce .product-thumbnail img{
    width: 100%;
    height: 100%;
}

/* Ajax Loader */
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.woocommerce .blockUI.blockOverlay {
    position: relative
}
.woocommerce .blockUI.blockOverlay:before,
.woocommerce .loader:before {
    height: 1em;
    width: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    display: block;
    content: "";
    -webkit-animation: spin 1s ease-in-out infinite;
    -moz-animation: spin 1s ease-in-out infinite;
    animation: spin 1s ease-in-out infinite;
    background: url(images/loader.svg) center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    color: rgba(0, 0, 0, .75)
}

/* --------------------------------- CART PAGE -- */
.content-cart .heading{
    font-weight: 700;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.content-cart .cart_item{
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.tax_label{
  display:none;
}
.content-cart .product-subtotal{
    font-weight: 700;
    font-size: 17px;
}
.content-cart .product-remove{
    font-size: 25px;
}
.content-cart .actions .button{
  width: 100%;
  margin:10px 0;
}
.content-cart button.button{
  margin: 10px 0;
}
.content-cart input[type="text"],
.content-cart select{
  width: 100%;
  margin:10px 0;
}
.content-cart .cart_totals .row,
.content-cart .coupon .row{
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
.content-cart .cart_totals .row:last-child,
.content-cart .coupon .row:last-child{
  border-bottom: none;
}
.content-cart .order-total .amount,
.content-checkout .order-total .amount{
  font-size: 20px;
}
.content-cart .order-total .includes_tax .amount,
.content-checkout .order-total .includes_tax .amount{
  font-size: inherit !important;
}
/* --------------------------------- SH0P PAGE -- */

#content-shop p.woocommerce-result-count{
    float:left;
}
#content-shop form.woocommerce-ordering,
#content-shop form.dropdown_product_cat {
    float:right;
    border: 1px solid #0d7b2d;
    width: 100%;
}
#content-shop form.woocommerce-ordering select,
#content-single-product .summary table.variations select,
.modal table.variations select,
#content-shop select#dropdown_product_cat{
    background: none;
    border: none;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 30px 10px 45px;
    z-index: 2;
    width: 100%;
}

#content-shop form.woocommerce-ordering .select,
#content-shop form.dropdown_product_cat .select,
#content-single-product .summary table.variations .select,
.modal table.variations .select{
    overflow: hidden; 
    position: relative;
    display: block;
    margin-bottom: 0;
    font-weight: normal;
}
#content-shop form.woocommerce-ordering .select:after,
#content-shop form.dropdown_product_cat .select:after,
#content-single-product .summary table.variations .select:after,
.modal table.variations .select:after{
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute; top: 11px; left: 15px;
    font-size: 12px;
    color: #0d7b2d;
    z-index: 1;
    pointer-events:none;
}
#content-single-product .summary table.variations .select:after,
.modal table.variations .select:after{
  top: 17px; left:15px;
}
#content-shop ul.products{
    clear: both;
}
#content-shop ul.products li{
    width: 49%;
    padding: 30px 30px 30px 0;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
}
#content-shop ul.products li img{
    width: 100%;
    height: auto;
    padding-bottom: 5px;
}
#content-shop ul.products li span.category{
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    padding-bottom: 10px;
    letter-spacing: 1px;
}
#content-shop ul.products li a .woocommerce-loop-product__title{
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 15px;
    font-weight: 600;
}
#content-shop ul.products li a:hover{
    text-decoration: none !important;
    color: #333; 
}
#content-shop ul.products li .price{
    font-weight: 600;
    font-size: 20px;
}
#content-shop ul.products li .add_to_cart_button,
#content-shop ul.products li .ajax_add_to_cart{
    display:none;
}
#content-shop mark.count{
  display:none;
}
#content-shop .member-price{
    font-weight: 700;
    text-transform: uppercase;
}
/* --------------------------------- CHECKOUT -- */
.content-checkout .checkout_coupon{
  border-bottom: 1px solid #eee;
}
.content-checkout .checkout_coupon p.form-row{
    display: inline-block;
}
.content-checkout .checkout_coupon p.form-row .button{
  margin-top: 0;
}

.content-checkout .form-row-first,
.content-checkout .form-row-last{
  width: 100%;
  display: inline-block;
}
.content-checkout .form-row-last{

  float: right;
}
.content-checkout .form-row-wide{
  width: 100%;
}
.content-checkout label,
.content-checkout input,
.content-checkout textarea{
  width: 100%;
}

.content-checkout .woocommerce-shipping-fields h3#ship-to-different-address label{
  font-weight: normal;
  display: inline-block;
  width: auto;
  margin: 0;
}
.content-checkout .woocommerce-shipping-fields h3#ship-to-different-address input{
  display: inline-block;
  width: auto;
  margin-left: 20px;
}

.content-checkout .select2-container .select2-choice{
  padding: 8px;
  border-radius: 0;
}
.content-checkout .select2-container a{
  color: #555 !important;
  font-weight: normal !important;
}
.content-checkout #order_review,
.content-checkout .recieved_order_details{
  background: #eee !important;
  padding: 30px;
}
.content-checkout .woocommerce-checkout-review-order-table .row,
.content-checkout .recieved_order_details .row{
  padding: 5px 0;
}
.content-checkout .cart_item,
.content-checkout .order_item{
  border-top: 1px solid #dfdcde;
  border-right: 1px solid #dfdcde;
  border-left: 1px solid #dfdcde;
}
.content-checkout .cart-subtotal,
.content-checkout .received_order_totals{
  border-top: 1px solid #dfdcde;
  padding-top: 20px !important;
}
.content-checkout #shipping_method{
  margin-top: 10px;
}
.content-checkout #payment div.payment_box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 1em;
  margin: 0 0 1em 0;
  font-size: .92em;
  border-radius: 2px;
  line-height: 1.5;
  background-color: #dfdcde;
  color: #515151;
}
.content-checkout #payment div.payment_box p{
    margin:0;
}
.content-checkout #payment .payment_methods input,
.content-checkout #payment .payment_methods label,
.content-checkout #shipping_method input,
.content-checkout #shipping_method label{
  display: inline-block;
  width: auto !important;
}
.content-checkout #payment .payment_methods label,
.content-checkout #shipping_method label{
  margin-left: 10px;
}
.content-checkout #shipping_method label{
  font-size: 14px;
}
.content-checkout #payment .payment_methods .payment_method_migs fieldset label{
  display: block !important;
  width: 100%;
  margin-top: 20px;
  margin-left: 0px;
}
.content-checkout #payment .payment_methods .payment_method_migs label{
  margin-bottom: 0px;
}
.content-checkout #payment .payment_methods .payment_method_migs fieldset p:first-child,
.content-checkout #payment .payment_methods .payment_method_migs fieldset input{
  display: block !important;
  width: 100% !important;
}

/* --------------------------------- RECIEVED ORDER -- */
.content-checkout .recieved_order_details h3{
  margin-top:0;
  }
.content-checkout .received_order_totals div:nth-child(even){
  margin-bottom: 10px;
}
.content-checkout .woocommerce-thankyou-order-received .order,
.content-checkout .woocommerce-thankyou-order-received .date{
  margin-bottom: 20px;
}
.content-checkout .woocommerce-message{
  display: none;
}

/* --------------------------------- SINGLE PRODUCT -- */
#content-single-product div[itemprop=offers]{
  vertical-align: top;
}
#content-single-product .woocommerce-Price-amount{
  font-weight: 700;
  font-size: 20px;
	line-height: 30px;
}
#content-single-product del .woocommerce-Price-amount{
  font-size: 12px;
	text-decoration: line-through;
	padding-right: 10px;
}
#content-single-product .woocommerce-product-details__short-description{
  clear: both;
}
#content-single-product div[itemprop=offers],
#content-single-product .member-price,
#content-single-product .member-price p.meta,
#content-single-product .member-price-info,
#content-single-product .member-price-info p.help-text{
  display: inline-block;
}
#content-single-product .member-price{
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 14px;
  text-transform: uppercase;
  font-size: 20px;
  padding: 8px 10px;
  background: #fdd503;
  text-align: center;
}

#content-single-product .member-price p{
  margin-bottom: 0;
}

#content-single-product .member-price-info p.help-text{
  color: #ccc;
  text-transform: none;
  font-size: 11px;
  padding: 8px 0px;
  margin: 0;
}
#content-single-product .images{
    width: 100%;
    float: left;
}
#content-single-product .images img{
    width: 100%;
    height: 100%;
}
#content-single-product .images .thumbnails{
  padding: 30px 0px;
}
#content-single-product .woocommerce-product-gallery__wrapper div:nth-child(n+2){
  width: 33.33% !important;
  padding: 0 10px 0 0;
  float: left;
}
#content-single-product .summary{
    width: 100%;
    float: left;
}
#content-single-product .summary  div[itemprop="description"]{
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: 30px;
}
#content-single-product .summary  div[itemprop="offers"]{
    font-size: 20px;
    font-weight: 700;
}
#content-single-product .summary .variations_form{
    padding: 0 0 30px 0;
    border-bottom: 2px solid #f4f4f4;
}
#content-single-product .summary table.variations,
.modal table.variations{
  border-spacing: 10px;
}
#content-single-product .summary table.variations td,
#content-single-product .summary table.variations th,
.modal table.variations td,
.modal table.variations th{
    padding: 0;
    list-style: none;
}
#content-single-product .summary table.variations .label{
    text-align: left !important;
    font-size: 100% !important;
    color: #333;
}
#content-single-product .summary table.variations select,
.modal table.variations select{
    border: 1px solid #D2D2D2;
    border-radius: .1875em;
    background: #fff;
    padding: 15px 50px 15px 40px;
    -webkit-appearance:none;
}
#content-single-product .summary table.variations .reset_variations{
    padding-left: 20px;
}
#content-single-product .summary .single_variation_wrap{
    border-top: 2px solid #f4f4f4;
    margin-top: 30px;
    padding: 30px 0 0 0;
}
#content-single-product .summary .quantity,
#content-single-product .summary .single_add_to_cart_button{
    display: inline-block;
}
#content-single-product .summary .single_add_to_cart_button,
#content-single-product .summary .quantity .qtyBtn,
.content-cart .quantity .qtyBtn{
     webkit-transition: all 3s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#content-single-product .summary .quantity .qtyBtn,
.content-cart .quantity .qtyBtn{
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px 10px;
    display: block;
    float: left;
}
#content-single-product .summary .quantity a.qtyBtn:hover,
.content-cart .quantity .qtyBtn:hover{
  background: #fafafa;
}
#content-single-product .summary .quantity .qty,
.content-cart .quantity .qty{
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px 5px;
    width: 50px;
    display: block;
    float: left;
    -webkit-appearance:none;
}
#content-single-product .summary button.single_add_to_cart_button{
    margin:0;
    margin-top:0;
    border: none;
    background: #0d7b2d;
    padding: 10px 30px;
    color: #fff;
    display: block;
    float: right;
   -webkit-appearance:none; 
}
#content-single-product .summary .single_add_to_cart_button:disabled,
#content-single-product .summary .single_add_to_cart_button:disabled:hover{
    background: #ccc; 
}
#content-single-product .summary .single_add_to_cart_button:hover,
#content-single-product .summary .quantity .qtyBtn:hover{
    background: #22b24c;
}
#content-single-product .summary .product_meta{
    padding: 15px 0;
    font-size: 12px;
}
#content-single-product .summary .product_meta span.sku_wrapper,
#content-single-product .summary .product_meta span.postin_in{
    display: block;
}
#content-single-product .wc-tabs-wrapper{
    border-top: 2px solid #f4f4f4;
    padding: 15px 0;
}
#content-single-product .wc-tabs-wrapper .panel{
    box-shadow: none;
    -webkit-box-shadow: none;
}
#content-single-product .wc-tabs-wrapper ul.tabs li{
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    margin: 15px 30px 0px 0px;
}
#content-single-product .wc-tabs-wrapper ul.tabs li a{
    color: #0d7b2d;
}
#content-single-product .wc-tabs-wrapper ul.tabs li.active a{
    color: #303a3f;
}
#content-single-product .wc-tabs-wrapper ul.tabs li:first-child{
    padding-left: 0;
}
#content-single-product .wc-tabs-wrapper ul.tabs li:last-child{
    border-right: none;
}
#content-single-product .wc-tabs-wrapper div.panel{
  padding: 30px 0;
}
#content-single-product .wc-tabs-wrapper .woocommerce-noreviews{
    background: #22b24c;
    border-left: 10px solid #0d7b2d;
    color: #fff;
    padding: 15px;
}

#content-single-product .wc-tabs-wrapper #reviews h2{
   display: none;
}
#content-single-product .wc-tabs-wrapper #review_form_wrapper{
    background: #fafafa;
    border-top: 10px solid #f4f4f4;
    padding: 30px;
}

#content-single-product .wc-tabs-wrapper #review_form_wrapper p.stars span a:before {
    content: "\f005";
    font-family: FontAwesome;
    opacity: 1;
    visibility: visible;
    display: block;
    float: left;
    padding-right: 5px;
}
#content-single-product .wc-tabs-wrapper #review_form_wrapper p.stars span a{
    opacity: 1;
    visibility: hidden;
    max-width: 20px;
    color: #ccc;
}
#content-single-product .wc-tabs-wrapper #review_form_wrapper p.stars span a:hover{
    text-decoration: none;
    color: #22b24c;
}
#content-single-product .wc-tabs-wrapper #review_form_wrapper p.stars span a.active,
#content-single-product .wc-tabs-wrapper #review_form_wrapper p.stars span a.highlight{
    color: #22b24c;
}
#content-single-product .wc-tabs-wrapper #review_form_wrapper .comment-form-comment label{
    display: block;
}
#content-single-product .wc-tabs-wrapper #review_form_wrapper .comment-form-comment textarea{
    border: 1px solid #f4f4f4;
    width: 100%;
}
#content-single-product .wc-tabs-wrapper #review_form_wrapper .form-submit input.submit{
    margin-left: 15px;
    border: none;
    background: #0d7b2d;
    padding: 10px 30px;
    color: #fff;
    display: block;
    float: right;
    webkit-transition: all 3s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
   -webkit-appearance:none; 
}
#content-single-product .wc-tabs-wrapper #review_form_wrapper .form-submit input.submit:hover{
    background: #22b24c;
}
#content-single-product ul.donation-buttons{
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: table;
}
#content-single-product ul.donation-buttons li{
  display: table-cell;
  width: auto;
  text-align: center;
}
#content-single-product ul.donation-buttons li button{
  display: inline-block;
  padding: 5px 20px;
  background: #fff;
  border: 2px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
}
#content-single-product ul.donation-buttons li button:active,
#content-single-product ul.donation-buttons li button:focus,
#content-single-product ul.donation-buttons li button.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#content-single-product ul.donation-buttons li button:hover,
#content-single-product ul.donation-buttons li button.selected{
  border-color: #0d7b2d;
}
#content-single-product .donation-buttons-sep{
  margin: 30px 0;
}
#content-single-product .wc-donation-amount{
  display: inline-block;
}

.product .onsale {display:none !important }

/* --------------------------------- THANKYOU PAGE -- */

.woocommerce-thankyou-order-details li{
  display: inline-block;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* --------------------------------- MODAL -- */
.modal td label{
  color: #333;
  font-size: 14px;
}
.modal h1.product_title{
  font-size: 25px;
}
.modal h1.product_title,
.modal .variations_form,
.modal .cart,
.modal .images,
.modal .stock{
  width: 50%;
  float: left;
}
.modal .images img{
  width: 100%;
  height: 100%;
}
.modal .images .thumbnails{
  display: none;
}
.modal .single_variation_wrap{
  padding-top: 20px;
  margin-top: 30px;
  border-top: 1px solid #ccc;
}
.modal .stock{
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
.modal .single_variation_wrap .stock{
  width: 100%;
  padding: 0;
}
.modal .woocommerce-variation-availability .stock{
  border: none;
}
.modal .quantity,
.modal .single_add_to_cart_button{
    display: inline-block;
}
.modal .single_add_to_cart_button{
    margin: 0;
    margin-top: 0;
    border: none;
    background: #0d7b2d;
    padding: 10px 30px;
    color: #fff;
    display: block;
    float: right;
    -webkit-appearance: none;
}
.modal .quantity .qty{
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px 5px;
    width: 50px;
    display: block;
    float: left;
    -webkit-appearance:none;
}
.modal .reset_variations{
  padding-left: 10px;
}

/* ----------------------------------------------------------------- Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}
/* ----------------------------------------------------------------- Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    #call2action li{
        font-size: 18px;
    }
}

/* ----------------------------------------------------------------- Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 991px){


    .container{
        width: 100%;
    }
    .navbar-collapse.collapse{
        height: 100%!important;
    }
    #searchMobile input{
        width: 90%;  
    }
    #searchMobile button{
        width: 10%;
    }
    #topClicks{
        border-top: 1px solid #1ea044;
    }
    #content div.campaignItem > div.col:nth-child(3n){
        clear:both;
    }
   
}
@media only screen and (min-width : 768px){
    #logo{
        display: block;
        float: left;
        margin-top: 10px;
    }
    #logo img{
        max-width: 274px;
    }
    #ph{
        display: block;
        color: #0d7b2d;
        line-height: 32px;
        float: left;
        font-size: 25px;
        font-weight: 700;
        margin: 0 20px 0 20px;
        border-right: 1px solid #eee;
        padding-right: 20px;
    }
    #share .social{
        text-align: right;
        background: #0d7b2d;
    }
    .woocommerce-message .button{
      margin: 0 0 0 15px;
      width: auto;
    }
    .content-checkout .form-row-first,
    .content-checkout .form-row-last{
      width: 47%;
    }
    .content-checkout .woocommerce-thankyou-order-received .order,
    .content-checkout .woocommerce-thankyou-order-received .date{
      margin-bottom: 0;
    }
    .content-checkout .received_order_totals div:nth-child(even){
      margin-bottom: 0;
    }
    #content-single-product .woocommerce-Price-amount{
      float: left;
    }
    #content-single-product .member-price{
      margin-left: 20px;
    }
    #content-single-product .member-price-info p.help-text{
      padding: 8px 10px;
    }
    
/*------------------------------------------------------------------ FAQ Sidebar --------------*/
    #content .faq-side{
      padding: 20px 20px 0 0;
    }
}

/* ----------------------------------------------------------------- Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .container{
        padding: 0 15px;
    }
     #logoMobile{
        display: none;
    }
    
    #mainMenu nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
    }
    #mainMenu nav ul li{
        display: inline-block;
        float:left;
    }
    #mainMenu nav ul li a{
        color: #fff;
        display: block;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 700;
        padding: 20px 15px;
        font-size: 14px;
        box-sizing: border-box;
        border-bottom: none;
    }
    #mainMenu nav ul li a:hover{
        background-color: #0d7b2d;
    }
    #mainMenu nav ul li a span{
        font-size: 12px;
    }
    #mainMenu nav ul.navbar-right li a{
        background-color: #0d7b2d;
    }
    #mainMenu nav ul.navbar-right li a:hover{
        background-color: #0b6527;
    }
    #dropDown .hover,
    #dropDown.hover {
        display:block !important;
    }
    #slider{
        margin-top: 20px;
    }
    #call2action{
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #0d7b2d;
        margin-left: 45px;
    }    
    #call2action:before {
        content:"";
        position:absolute;
        background: #0d7b2d;
        top:0;
        left:22px;
        bottom: 0;
        width: 45px;
        height: 45px;
        -webkit-transform: skew(-45deg);
        -moz-transform: skew(-45deg);
        -ms-transform: skew(-45deg);
        transform: skew(-45deg);
    }
    #call2action li:first-child{
        border-right: 1px solid #0b6425;
        width: 60%;
    }
    #call2action li:last-child{
        width: 39%;
        display: inline-block;
    }
    #content .content{
      padding: 40px;
    }
    #content ul.mBenefits li.half{
        width: 50%;
        padding: 0 20px 0 0;
        box-sizing: border-box;
    }
    #content ul.mBenefits li.half:nth-child(even) {
        clear: both;
    }
    #content div.campaignItem > div.col:nth-child(4n){
        clear:both;
    }
    #content .content ul.related-news li{
      width: 49%;
    }
    #content .content ul.related-news li img{
      width: 30%;
    }
    #content .content ul.related-news li .txt{
      width: 70%;
    }
    #title{
      width: 100%;
    }
    #homeWideBar .shop{
        padding: 30px 15px;
    }
    #footer input{
        width: 100%;
        margin-right: 0;
    }
    #footer .titleNewsletter{
        display: block;
        float: none;
        padding-right: 0;
        line-height: normal;
    }
    #subFooter{
        padding: 30px 0;
        text-align: right;
    }
    #subFooter span{
        padding: 0 15px;
        display: inline-block;
        line-height: 50px;
    }
    #subFooter span:last-child{
        padding: 0 0 0 15px;
    }
    /* ------------------------------------------- Woocommerce ---------- */
    #content-single-product .images{
        width: 40%;
    }
    #content-single-product .images img{
        width: 100% !important;
        padding: 0 30px 0 0;
    }
    #content-single-product .summary{
        width: 60%;
        padding: 15px 0 0 0;
    }
    #content-single-product .summary h1{
        font-size: 25px;
    }
    #content-shop form.woocommerce-ordering,
    #content-shop form.dropdown_product_cat {
        width: auto;
    }
    #content-shop form.dropdown_product_cat{
      margin-right: 30px;
    }
    #content-shop ul.products li{
        width: 24%;
    }
    #content-single-product .summary .quantity .qtyBtn,
    .content-cart .quantity .qtyBtn{
        padding: 10px 15px;
        font-size: 14px;
    }
    #content-single-product .summary .quantity .qty,
    .content-cart .quantity .qty{
      padding: 10px 15px;
      font-size: 14px;
      width: 60px;
    }
    
}

/* ----------------------------------------------------------------- Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    #mainMenu nav ul li a{
        font-size: 18px;
        padding: 20px 20px;
    }
    #mainMenu nav ul li a span{
        font-size: 16px;
    }
    #title{
        min-width: 1180px;
        max-width: 1380px;
        width: 85%;
    }
    #homeWideBar .shop .items .price{
        width: 100%;
        padding: 5px 10px 10px 10px;
        font-size: 17px;
        line-height: 22px;
    }
    #homeWideBar .shop .items .rating{
        width: 40%;
        padding: 5px 10px 10px 10px;
        font-size: 7px;
        line-height: 22px;
    }
    /* ------------------------------------------- Woocommerce ---------- */
    
}
/* ----------------------------------------------------------------- TODO Mobile first this stuff */    
@media screen and (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: none;
        box-shadow: none;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }    
    .navbar-nav {
      margin:0;
    }
    /* General styles for all menus */
    .cbp-spmenu {
      background: #303a3f;
      position: fixed;
      padding:0;
      margin:0 !important;
      overflow-x:hidden;
      overflow-y:visible;
      display:block;
    }
    .cbp-spmenu h3 {
      color: #afdefa;
      font-size: 1.9em;
      padding: 20px;
      margin: 0;
      font-weight: 300;
      background: #0d77b6;
    }
    .cbp-spmenu a {
      display: block;
    }
    /* Orientation-dependent styles for the content of the menu */
    .cbp-spmenu-vertical {
      width: 260px;
      height: 100%;
      top: 0;
      z-index: 1000;
    }
    .cbp-spmenu-horizontal {
      width: 100%;
      height: 150px;
      left: 0;
      z-index: 1000;
      overflow: hidden;
    }
    .cbp-spmenu-horizontal h3 {
      height: 100%;
      width: 20%;
      float: left;
    }
    .cbp-spmenu-horizontal a {
      float: left;
      width: 20%;
      padding: 0.8em;
      border-left: 1px solid #258ecd;
    }
    /* Vertical menu that slides from the left or right */
    .cbp-spmenu-left {
      left: -260px;
    }
    .cbp-spmenu-right {
      right: -260px;
    }
    .cbp-spmenu-left.cbp-spmenu-open {
      left: 0px;
    }
    .cbp-spmenu-right.cbp-spmenu-open {
      right: 0px;
    }
    /* Push classes applied to the body */
    .cbp-spmenu-push {
      overflow-x: hidden;
      position: relative;
      left: 0;
    }
    .cbp-spmenu-push-toright {
      left: 260px;
    }
    .cbp-spmenu-push-toleft {
      left: -260px;
    }
    /* Transitions */
    .cbp-spmenu,
    .cbp-spmenu-push {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
}