WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */

/*
Colour scheme:
Pink        #e860b4
Yellow      #fcf63c
Cyan        #83d0e2
Purple      #6f3a94
Dark grey   #505064
*/


/* FONT SIZES
-------------
Add styles beneath this line that you want to be applied across your entire site */

html {font-size: 1em;}

body {
  background-color: white;
  font-family: 'Roboto', serif;
  font-weight: 400;
  line-height: 1.45;
  color: #333;
}

p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  font-size: 3.998em;
}

h2 {font-size: 2.827em;}

h3 {font-size: 1.999em;}

h4 {font-size: 1.414em;}

small, .font_small {font-size: 0.707em;}


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

body {
    font-family: 'Roboto';
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Nunito';
}

a,
a:link,
a:visited {
    color: #83d0e1;
}

a:hover {
    color: #45b9d2;
}

#nav-container {
    background: #6f3a94;
}

.home #main header,
.page-template-page-pledge-php #main header {
    display: none;
}

#wsme-eilish-click-area {
    min-width:100% !important;
}

.social li {
    display: inline-block;
    list-style: none;
}

.social a {
    color: #333333;
}

.section1-inner h2 span {
    background: url(images/lar.png) no-repeat center left;
    padding-left: 50px;
}

.section1-inner h2 {
    margin: 20px 0;
    text-align: center;
}

.categories {
    margin-bottom: 50px;
}

.categories li {
    display: inline-block;
}

.button_cou {
    background: #505064 none repeat scroll 0 0;
    border-radius: 15px;
    color: #e962ae !important;
    display: block;
    font-size: 37px;
    margin: 30px auto 0 auto;
    padding: 15px 30px;
    width: 150px;
    cursor: pointer;
    font-family: 'Nunito';
    font-weight: 700;
    text-align: center;
}

.plso {
    width: 360px;
    margin: 0 auto !important;
    text-align: center;
    font-size: 20px;
}

.button_g {
    background: #505064 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    font-size: 29px;
    margin: 34px auto;
    padding: 15px 30px;
    width: 320px;
    cursor: pointer;
    font-family: 'Nunito';
    font-weight: 700;
}

.button_g:hover {
    text-decoration: none;
    color: #fff;
}

.button_g span {
    color: #ec60af;
}

.button-ple {
    background: #83d0e2 none repeat scroll 0 0;
    /* #505064 */
    border-radius: 5px;
    color: #fff !important;
    display: block;
    font-size: 22px;
    padding: 10px 10px;
    width: 100% cursor: pointer;
    text-align: center;
    margin: 20px 0 10px 0;
    font-family: 'Nunito';
    font-weight: 700;
}

.button_st {
    background: #505064 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff !important;
    padding: 10px 60px;
    font-size: 22px;
    width: 200px;
    cursor: pointer;
    text-align: center;
    font-family: 'Nunito';
    font-weight: 700;
}

.all-post {
    float: left;
    margin: 30px 0;
    width: 100%;
}

body.page-template-page-pledge-php.full-width #content {
  padding:0;
}

.page-template-page-pledge-php .all-post {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

#section2 {
    background-image: url("images/sect-2.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-bottom: 0;
}

#section3 {
    background-color: #83d0e1;
    background-image: url("images/sect3.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-bottom: 0;
}

#section3 .wpb_text_column {
    margin-bottom: 0;
    padding-top: 20px;
}

.button_g strong {
    color: #83d0e1;
}

.entry img,
img.thumbnail,
#portfolio .group.portfolio-img img {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}

#section4 {
    background-color: #ec60af;
    background-image: url("images/section-4new.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-bottom: 0;
}

#section4 h1 {
    color: #d0e77f !important;
    padding-top: 50px;
}

#section4 p {
    color: #fff !important;
}

#section4 .wpb_text_column {
    margin: 0 auto;
    width: 52%;
    margin-bottom: 50px;
}

#section5 {
    background-color: #6f3a94;
    /*background-image: url("images/sec5.jpg") !important;*/
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-bottom: 0;
    padding: 30px 0;
}

.home .fb_iframe_widget {
    /*border: 5px solid #505064;*/
}

#section6 h1 {
    color: #ec60af !important;
}

#copyright {
    text-align: center;
}

#pledge-board {
    margin-bottom: 0;
    background-image: url("/wp-content/uploads/2017/04/Change-Day-2017-Josephine-Background-Banner-Pledge-Page1.jpg?id=34");
    background-color: #86c5dc;
    background-position-x: center;
    background-repeat: no-repeat;
}

#pledge-board .wpb_wrapper {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

#pledge-board h1,
#pledge-board h2,
#pledge-board h3,
#pledge-board p {
    color: #fff;
    font-family: 'Nunito';
    font-weight: 700;
}

.categories li.fourcol-one:last-child {
    margin-right: 0;
}

#navigation {
    z-index: 8000;
}

.cat_name h1,
.cat_name h2 {
    padding: 30px 0;
    text-align: center;
}

.all-post .fourcol-one {
    background: #505064;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    margin: 0 0 3% 3%;
    width: 94% !important;
    min-height: 320px;
    box-sizing: border-box;
}

#caring-society {
    padding: 30px 0;
}

#those-in-need-of-care {
    background-color: #e860b4;
}

#caring-society {
    background-color: #fcf63c;
    color: #555;
}

#better-you {
    background-color: #83d0e2;
}

#family-friends {
    background-color: #6f3a94;
}

.cat_name {
    text-align: center;
}

.ple-det {
    min-height: 70px;
}

#share {
    background: url(images/share.png) no-repeat center left;
    float: left;
    margin-right: 0px;
    padding: 23px 0;
    position: relative;
    width: 98px;
}

.fourcol-one .share {
    margin: 0 auto;
    display:inline-block;
}

#fb,
#twi,
#email {
  background: transparent no-repeat center left;
  float: left;
  padding: 23px 0;
  position: relative;
  width: 37px;
}

#fb,
#twi {
  margin-right: 0px;
}

#fb {
    background-image: url(images/faceb_pink.png);
}

#twi {
    background-image: url(images/twi_pink.png);
}

#email {
    background-image: url(images/email_pink.png);
}

.fb-like {
    display: inline-block !important;
    padding: 20px 0 0;
    position: relative !important;
    width: 100%;
}

.fb_iframe_widget iframe {
    position: relative;
}

.logo-promotion {
    max-width: 240px !important;
    margin-left: auto;
    margin-right: auto;
}

.page-id-13 fb.fb_iframe_widget {
    display: none !important;
}

#those-in-need-of-care h2,
#caring-society h2,
#better-you h2,
#family-friends h2,
.write-ple {
    background: transparent no-repeat center -5px;
    padding: 90px 0 50px;
    margin: 20px 0;
}

#those-in-need-of-care h2 {
    background-image: url(images/vulnerable-members.png);
}

#caring-society h2 {
    background-image: url(images/cfs.png);
}

#better-you h2 {
    background-image: url(images/your-personal-development.png);
}

#family-friends h2 {
    background-image: url(images/help-loved-ones.png);
    color: white;
}

@media (min-width:769px) {
    #those-in-need-of-care h2,
    #caring-society h2,
    #better-you h2,
    #family-friends h2,
    .write-ple {
        background-position:right bottom;
        padding-top:0;
    }
    #caring-society h2 {
        background-position-x: left;
    }
}

.write-ple {
    background-image: url(images/own.png);
}

#start-p,
.pledge-count {
    text-align: center;
}

#start-p h1,
#start-p h2,
#start-p p,
.pledge-count h1,
.pledge-count h2,
.pledge-count p {
    color: #fff !important;
    margin: 10px 0;
}

#start-p textarea,
#start-p #pledge-category {
    width: 80%;
}

#pledge-category {
    height: 35px;
    margin: 0 0 10px;
}

.wpcf7-submit {
    background: #505064 none repeat scroll 0 0 !important;
    border-radius: 5px;
    color: #fff !important;
    font-family: 'Nunito' !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    text-transform: lowercase !important;
}

.counter {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    font-size: 30px;
    margin: 0 auto;
    padding: 10px 30px;
    width: 100px;
    font-family: 'Nunito';
    font-weight: 700;
}

#face li {
    background: url(images/faceb.png) no-repeat center left;
    display: inline-block;
    margin-right: 0px;
    padding: 28px 0;
    position: relative;
    width: 60px;
    list-style: none;
}

#twit li {
    background: url(images/twi.png) no-repeat center left;
    display: inline-block;
    margin-right: 0px;
    padding: 28px 0;
    position: relative;
    width: 60px;
    list-style: none;
}

#mail li {
    background: url(images/email.png) no-repeat center left;
    display: inline-block;
    padding: 28px 0;
    position: relative;
    width: 60px;
    list-style: none;
}

.socialicon {
    text-align: center;
    width: 100%;
}

.woo-pagination a:link,
.woo-pagination a:visited,
.woo-pagination a:active {
    background: #83d0e1 none repeat scroll 0 0;
    border: medium none;
    font-size: 1.5em;
}

.woo-pagination span.current {
    background: #505064 none repeat scroll 0 0;
    border: medium none;
    font-size: 1.5em;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
}

a.button,
a.comment-reply-link,
#commentform #submit,
.submit, input[type=submit],
input.button, button.button,
#wrapper .woo-sc-button {
    background: #83d0e1;
}

a.button:hover,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover,
#wrapper .woo-sc-button:hover {
    background: #45b9d2;
}

a[class*="btn-import-"] {
    display:none !important;
}

.cart-contents {
    margin-bottom: 2px;
}

#navigation ul.cart a.cart-contents + ul {
    background-color: white !important;
    min-width: 250px;
    border: 1px solid #efefef;
}

.widget_shopping_cart_content > .cart_list {
    float: none !important;
}

#pledge-board h2 {
    font-size: 50px;
    margin-bottom: 0;
    font-weight: 700;
}

#pledge-board h3 {
    font-size: 37px;
    margin-bottom: 0;
}

#pledge-board p {
    font-size: 25px;
    margin-bottom: 0;
}

.home-share li {
    /*list-style:none; @CHANGED COMMENTED OUT BY WSME - RESPONSIVE LAYOUT MODS
    float:left;   @CHANGED COMMENTED OUT BY WSME - RESPONSIVE LAYOUT MODS*/
    /*@CHANGED STYLES BELOW FOR THIS ELEMENT BY WSME - RESPONSIVE LAYOUT MODS*/
    display: inline-block;
    vertical-align: top;
}

.fancybox-skin {
    background: #ec60af !important;
}

.fancybox-close {
    background-size: 88px 33px !important;
    background-image: url(source/close.jpg) !important;
}

img.hexagons {
    max-width: 120px;
}

.woocommerce-MyAccount-navigation {
    padding: 10px 0 20px;
}

.woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    padding-left: 0;
    width: 100%;
    position: relative;
}

.woocommerce-MyAccount-navigation-link {
    /*display: inline;*/
	display:inline-block;
    position: relative;
    /*margin: 10px 10px 10px 0;
    padding: 7px 10px;*/
	margin: 8px 8px 0px 0;
	padding: 0px 12px;
    border: 1px solid #83d0e1;
    border-radius: 3px;
}

.woocommerce-MyAccount-navigation-link a:hover {
    color: #45b9d2;
    text-decoration: none;
}

.woocommerce-MyAccount-navigation-link.is-active {
    background-color: #83d0e1;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    color: white;
}

ul.products .product {
    border: 1px solid #efefef;
    padding: 20px 0;
}

ul.products .product:hover {
    background-color: #fdfdfd;
    border-color: #eee;
}

.product-template-default .product {
    margin-top: 20px;
}

.woocommerce .woocommerce_tabs ul.tabs li.active a,
.woocommerce .woocommerce-tabs ul.tabs li.active a,
.woocommerce .woocommerce_tabs .panel,
.woocommerce .woocommerce-tabs .panel {
    background-color: #fdfdfd;
}

.woocommerce .woocommerce_tabs .panel,
.woocommerce .woocommerce-tabs .panel {
    padding: 20px;
}

.woocommerce .woocommerce_tabs,
.woocommerce .woocommerce-tabs {
    border-color: transparent;
}

.woocommerce .woocommerce_tabs p,
.woocommerce .woocommerce-tabs p ,
.woocommerce .woocommerce_tabs .panel h2,
.woocommerce .woocommerce-tabs .panel h2 {
    padding: .5rem 1rem;
}

.woocommerce .woocommerce_tabs p,
.woocommerce .woocommerce-tabs p {
    margin-bottom: .3rem;
}

.woocommerce .woocommerce_tabs .panel h2,
.woocommerce .woocommerce-tabs .panel h2 {
    margin-top: .7rem;
    margin-bottom: .7rem;
}

.woocommerce-checkout #navigation ul.cart li:hover a.cart-contents + ul,
.woocommerce-checkout #navigation ul.cart li:hover a.search-contents + ul,
.woocommerce-checkout #navigation ul.nav-search li:hover a.cart-contents + ul,
.woocommerce-checkout #navigation ul.nav-search li:hover a.search-contents + ul,
.woocommerce-cart #navigation ul.cart li:hover a.cart-contents + ul,
.woocommerce-cart #navigation ul.cart li:hover a.search-contents + ul,
.woocommerce-cart #navigation ul.nav-search li:hover a.cart-contents + ul,
.woocommerce-cart #navigation ul.nav-search li:hover a.search-contents + ul {
    visibility: hidden !important;
}

.woocommerce .shop_attributes th {
    text-align: left;
}

.quantity .qty {
    width: 70px;
}

ol.flex-control-thumbs {
    display: flex;
}
ol.flex-control-thumbs li {
    cursor: pointer;
    width:25%;
}

#shipping_method {
    list-style: none;
    padding-left: 0;
}

.register-box{ border: 8px solid rgb(80, 81, 101);height: 360px;padding: 4px;}
.login-in-section{border-right: 1px solid rgba(80, 81, 101, 0.11);}
nav.woocommerce-MyAccount-navigation ul{line-height: 38px;}
#pick_up_locations{margin: 8px 0px;}




/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
    /* Desktop styles go below this line */
    .fivecol-one {
        width: 16%!important;
    }
    /*.needOfCare {float:none!Important;width:82%;margin:0 auto;}  @CHANGED COMMENTED OUT BY WSME - RESPONSIVE LAYOUT MODS
    .needOfCare .wpb_single_image{float:left;}  @CHANGED COMMENTED OUT BY WSME - RESPONSIVE LAYOUT MODS */
    .home-share a {
        float: left;
        margin-top: 10px;
        position: relative;
    }
    #navigation ul {
        float: right;
        margin-right: 0;
    }
    .header-widget {
        width: 22%;
    }
    .tag-line {
        display: block;
        float: left;
        margin: -10px 0 0 10px;
        position: relative;
    }
    .section1 {
        background: url(images/bg-image-top.jpg) no-repeat 0 0 #83d0e1;
        width: 100%;
        /*height:622px;*/
        background-size: contain;
    }
    .section1-inner {
        margin: 0 36%;
        max-width: 720px;
        padding: 30px;
        text-align: center;
        width: 100%;
    }
    .section1-inner h1 {
        color: #ec60af
    }
    .section1,
    #section5 {
        background-size: contain;
        background-position: left bottom !important;
    }
    .social {
        margin-bottom: 20px;
        float: right;
    }
    #section2 {
        height: 504px;
    }
    #section3 {
        /*height:480px;*/
    }
    #section4 {
        /*height:604px;*/
    }
    #section5 {}
    ul.nav li.current_page_item a,
    ul.nav li.current_page_parent a,
    ul.nav li.current-menu-ancestor a,
    ul.nav li.current-cat a,
    ul.nav li.current-menu-item a {
        color: #fff;
    }
}

@media only screen and (max-width: 767px) {
    .categories li {
        text-align: center
    }
    .section1-inner {
        text-align: center;
        width: 100%;
        padding: 30px 0;
    }
    #header {
        text-align: center;
    }
    .tag-line {
        display: block;
        float: left;
        margin: 20px 0 0 0px;
        position: relative;
    }
    .social {
        margin-bottom: 20px;
    }
    .section1 {
        background: #83d0e1;
        width: 100%;
    }
    #section2 {
        height: 325px;
        /*background-size: contain; @CHANGED COMMENTED OUT BY WSME - RESPONSIVE LAYOUT MODS */
    }
    #section3 {
        background-image: none !important;
    }
    #section4 {
        padding-top: 25%;
    }
    .section1 {
        background-size: contain;
        background-position: left bottom !important;
    }
    #section3,
    #section4,
    #section5 {
        background-size: contain;
        background-position: top center !important;
    }
    .button_cou {
        margin-top: 0;
    }
    .shop_table.cart .product-thumbnail,
    .shop_table.cart .product-price,
    .shop_table.cart .product-quantity {
        left: auto !important;
        position: relative !important;
    }
}
#credit {
    text-align: center !important;
}

.woocommerce-orders-table .woocommerce-button {
    margin-right:10px;
}


.form-row.red label{
color:#FF0000 !important;
}
/* ==========================================================================
     RESPONSIVE STYLING BY WSME BEGINS
     ========================================================================== */

body {
    overflow-x: hidden;
}

.wpcf7-text,
.wpcf7-textarea {
    width: 100%;
    box-sizing: border-box;
}

#pledge-badges {
    margin: 0 5%;
}

.full-width #wrapper {
    background-color: #fff;
}

body.full-width {
    background-color: #e9e9e9;
}

.fancybox-inner {
    overflow: hidden !important;
}

.accent-colour {
    color: #d2789c !important;
}

.dark-grey {
    color: #444444 !important;
}

.hidden {
    display: none !important;
}

.wpb_content_element {
  margin-bottom:0;
}



@media only screen and (max-width:1024px) {
    .tp-bgimg.defaultimg {
        background-image:none !important;
    }

    .hide-col-responsive {
      display: none !important;
    }
}

@media only screen and (max-width: 992px) {
.register-box{height: 680px;}
.login-in-section{border-bottom: 1px solid rgba(80, 81, 101, 0.11);border-right: 0px}
}


@media only screen and (max-width: 480px) {
.entry table.woocommerce-orders-table td, .entry table.woocommerce-orders-table th{font-size: 10px;padding: 10px;}
table.woocommerce-orders-table a.button{padding: 1px;font-size: 10px;}
.entry .woocommerce-MyAccount-content table.woocommerce-orders-table thead th{padding: 2px;}
}

/*
   iPad in portrait & landscape
   ========================================================================== */

@media only screen and (min-width: 667px) {
    .all-post .fourcol-one {
        width: 31.3333333% !important;
        margin-left: 1.5%;
        margin-bottom: 1.5%;
        min-height:450px;
    }
}

@media only screen and (min-width: 1024px) {
    .all-post .fourcol-one {
        min-height:350px;
        padding: 30px 30px 0;
    }
}

@media only screen and (min-width: 1200px) {
    .all-post .fourcol-one {
        width: 23.5% !important;
        min-height:320px;
        padding: 10px 5px;
    }
}

@media only screen and (min-width: 667px) and (max-width: 1024px) {
    .custom-offset-sm-15 {
        margin-left: 18% !important;
    }
    .section1-inner {
        margin: 0 !important;
    }
    #section2,
    #section4 {
        background-size: 150%;
        background-position-x: center !important;
    }
    #section2 {
        background-position-y: bottom !important;
    }
    #section4 {
        background-position-y: top !important;
    }
    #section4 .wpb_text_column {
        width: 100%;
    }
    #pledge-badges {
        width: 70%;
        margin: 0 auto;
    }
    #pledge-board {
        background-image: none;
    }
    #those-in-need-of-care h1 {
        background: url(images/vulnerable-members.png) no-repeat right bottom;
        padding-bottom: 112px;
    }
    #caring-society h1 {
        background: url(images/cfs.png) no-repeat left bottom;
        padding-bottom: 112px;
    }
    #better-you h1 {
        background: url(images/byou.png) no-repeat right bottom;
        padding-bottom: 112px;
    }
    #family-friends h1 {
        background: url(images/help-loved-ones.png) no-repeat right bottom;
        padding-bottom: 112px;
    }
    .join-convo-container .vc_single_image-wrapper {
        height: 250px;
        overflow: hidden;
    }
    .join-convo-container .vc_single_image-img {
        margin-top: -30%;
    }
    .fb-btn-container {
        width: 100%;
    }
    .fb-btn-container .vc_btn3 {
        width: 100%;
        margin-bottom: 20px;
    }
    .wpcf7-text,
    .wpcf7-textarea {
        width: 100%;
        box-sizing: border-box;
    }
    .entry img {
        padding: 0;
    }
    #pledge-cat .categories ul,
    .home-share ul {
        margin: 0;
        padding: 0;
    }
    #pledge-badges {
        margin-bottom: 0;
    }
    .badge-container {
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 667px) {
    /*
             iPhone in portrait & landscape
             ========================================================================== */
    .social {
        padding: 20px;
    }
    .tag-line {
        float: none;
    }
    .section1,
    #section1 {
        padding: 10%;
        box-sizing: border-box;
    }
    .button_g {
        width: auto;
    }
    #section2 {
        box-sizing: border-box;
        background-position: bottom center !important;
        background-size: 150% !important;
    }
    #section4 {
        background-image: none !important;
    }
    .plso {
        margin: 0.5em auto !important;
        font-size: 23px;
        width: 90%;
    }
    .homeshare .list {
        text-align: center;
    }
    #section4 {
        padding-top: 0;
    }
    #section4 .wpb_text_column {
        width: 100%;
    }
    #pledge-board h3 {
        font-size: 30px;
    }
    #pledge-board {
        background-image: none !important;
    }
    #those-in-need-of-care h1 {
        background: url(images/vulnerable-members.png) no-repeat right bottom;
        padding-bottom: 112px;
    }
    #caring-society h1 {
        background: url(images/cfs.png) no-repeat left bottom;
        padding-bottom: 112px;
    }
    #better-you h1 {
        background: url(images/byou.png) no-repeat right bottom;
        padding-bottom: 112px;
    }
    #family-friends h1 {
        background: url(images/help-loved-ones.png) no-repeat right bottom;
        padding-bottom: 112px;
    }
    .write-ple {
        background: url(images/own.png) no-repeat right bottom;
        padding-bottom: 112px;
    }
    .button-ple {
        margin: 20px auto;
        width: 80%;
    }
    .share {
        margin: 0 auto;
        width: 210px;
    }
    .categories .fivecol-one {
        width: 50%!important;
    }
    .categories .fivecol-one:last-child {
        width: 100%!important;
    }
    .join-convo-container .vc_single_image-wrapper {
        height: 250px;
        overflow: hidden;
    }
    .join-convo-container .vc_single_image-img {
        margin-top: -30%;
    }
    .fb-btn-container {
        width: 100%;
    }
    .fb-btn-container .vc_btn3 {
        width: 100%;
        margin-bottom: 20px;
    }
    .wpcf7-text,
    .wpcf7-textarea {
        width: 100%;
        box-sizing: border-box;
    }
    .entry img {
        padding: 0;
    }
    #pledge-cat .categories ul,
    .home-share ul {
        margin: 0;
        padding: 0;
    }
    #pledge-badges {
        margin-bottom: 0;
        margin-left: 0;
    }
    .ple-det {
        font-size: 1.2em;
        line-height: 1.3;
    }
    .badge-container {
        padding-bottom: 20px;
    }
    .button_g {
        line-height: 1.2;
    }
    .home-share li {
        margin-bottom: 20px;
    }
    .home-share li:nth-child(2) {
        margin-left: 33%;
    }
    .ple-det {
        font-size: 1.2em;
        line-height: 1.3;
    }
    .click-arrow.arrow-right {
        display: none;
    }
    .click-arrow.arrow-left {
        background-image: none;
        padding-left: 0;
    }
    #ship-to-different-address-checkbox+span {

        font-size: 22px;
    }

}

/*
 iPhone in portrait only
 ========================================================================== */
@media  only screen
        and (min-width: 320px)
        and (max-width: 667px)
        and (orientation: portrait) {


        .shop_table_responsive {
            display: block;
            overflow-x: auto;
        }
        .entry table thead th {
            padding:0.5em;
        }

        .entry table td,
        .entry table th {
            padding: .857em .57em;
        }

        .quantity .qty {
            width: 60px;
        }
    }




@media only screen and (min-width: 668px) and (max-width: 767px) {
    /*
     iPhone in portrait & landscape
     ========================================================================== */
    .tag-line {
        float: none;
    }
    .share {
        margin: 0 auto;
        width: 210px;
    }

}


/*
   iPhone 5 & 5s landscape
   ========================================================================== */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .click-arrow.arrow-right {
        display: none;
    }
    .click-arrow.arrow-left {
        background-image: none;
        padding-left: 0;
    }
    #pledge-board {
        background-image: none;
    }
}


/*
    Nexus5X landscape
   ========================================================================== */

@media only screen and (min-height: 361px) and (max-height: 411px) and (min-width: 641px) and (max-width: 731px) and (orientation:landscape) {
    .ple-det {
        font-size: 1.2em;
        line-height: 1.3;
    }
    .click-arrow.arrow-right {
        display: none;
    }
    .click-arrow.arrow-left {
        background-image: none;
        padding-left: 0;
    }
    #pledge-board {
        background-image: none;
    }
}


/*
   iPhone 6 plus portrait
   ========================================================================== */

@media only screen and (min-device-width: 411px) and (max-device-width: 736px) and (orientation: portrait) {
    /* STYLES GO HERE */
    .home-share {
        margin-bottom: 30px;
    }
    .home-share li {
        margin-bottom: 20px;
    }
    .home-share li:first-child {
        width: 100%;
        text-align: center;
    }
    .home-share li:first-child .alignleft {
        float: none;
        margin: 0;
    }
    .home-share li:nth-child(2) {
        margin-left: 33%;
    }
    .ple-det {
        font-size: 1.2em;
        line-height: 1.3;
    }
    #section4 {
        background-image: none !important;
    }
    #pledge-board {
        background-image: none !important;
    }
    .click-arrow.arrow-right {
        display: none;
    }
    .click-arrow.arrow-left {
        background-image: none;
        padding-left: 0;
    }
    

}


/*
   iPhone 6 plus landscape
   ========================================================================== */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
    .tag-line {
        width: 100%;
    }
    #section2 {
        box-sizing: border-box;
        background-position: bottom center !important;
        background-size: 150% !important;
    }
    #section4 {
        background-image: none !important;
        padding-top: 0 !important;
    }
    .home-share li:first-child {
        width: 100%;
        text-align: center;
    }
    .home-share li:first-child .alignleft {
        float: none;
        margin: 0;
    }
    .home-share li:nth-child(2) {
        margin-left: 35%;
    }
    #pledge-badges {
        margin: 0 !important;
    }
    .join-convo-container .vc_single_image-wrapper {
        height: 250px;
        overflow: hidden;
    }
    .join-convo-container .vc_single_image-img {
        margin-top: -30%;
    }
    .fb-btn-container {
        width: 100%;
    }
    .fb-btn-container .vc_btn3 {
        width: 100%;
        margin-bottom: 20px;
    }

    .click-arrow.arrow-right {
        display: none;
    }

    .click-arrow.arrow-left {
        background-image: none;
        padding-left: 0;
    }

    #those-in-need-of-care h1 {
        background: url(images/vulnerable-members.png) no-repeat right bottom;
        padding-bottom: 112px;
    }

    #caring-society h1 {
        background: url(images/cfs.png) no-repeat left bottom;
    }

    #better-you h1 {
        background: url(images/byou.png) no-repeat right bottom;
        padding-bottom: 112px;
    }

    #family-friends h1 {
        background: url(images/help-loved-ones.png) no-repeat right bottom;
        padding-bottom: 112px;
    }

    #pledge-board {
        background-image: none;
    }
}

/*
 iPad Portrait
 ========================================================================== */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* STYLES GO HERE */
    .share {
        margin-left: 33%;
    }
    .categories {
        margin-left: 5%;
    }
    .categories .fivecol-one {
        margin-right: 4%;
    }
    .home-share {
        margin-bottom: 30px;
    }
    .home-share li {
        margin-bottom: 20px;
    }
    .home-share li:first-child {
        width: 100%;
        text-align: center;
    }
    .home-share li:first-child .alignleft {
        float: none;
        margin: 0;
    }
    .home-share li:nth-child(2) {
        margin-left: 38%;
    }
    #section3 {
        /*background-position: 60% bottom !important;*/
        /*margin-bottom: 0;*/
        /*background-size: 175%;*/
        background-image: none !important;
    }
    #section4 {
        background-image: none !important;
    }
    #pledge-board {
        background-image: none !important;
    }
    #section4 {
        background-image: none !important;
    }
    #pledge-board {
        background-image: none !important;
    }
    .section1 {
        background-image: none !important;
    }
    .custom-offset-sm-15 {
        margin-left: 0 !important;
    }
    .ple-det {
        font-size: 1.5em;
        line-height: 1.5;
        padding: 10px;
    }
    .button-ple {
        font-size: 1.8em !important;
        padding: 20px 10px !important;
        margin: 10px auto;
        width: 60%;
    }
    #pledge-badges {
        width: 80%;
        margin-bottom: 25px;
    }
    .why-pledge-text {
        width: 70%;
        margin: 0 auto;
    }
    #pledge-board {
        background-image: none !important;
    }
    #pledge-board h2 {
        margin-top: 0 !important;
    }
}


/*
   iPad Landscape
   ========================================================================== */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* STYLES GO HERE */
    .section1-inner {
        margin: 0 23% !important;
    }
    #pledge-cat .categories ul,
    .home-share ul {
        margin: 0;
        padding: 0;
    }
    #pledge-board {
        background-image: url("/wp-content/uploads/2017/04/Change-Day-2017-Josephine-Background-Banner-Pledge-Page1.jpg?id=34");
        background-position: bottom center;
        background-size: 110% !important;
        background-repeat: no-repeat !important;
    }
    #pledge-board h2 {
        margin-top: 0 !important;
    }
}


/*
   iPad Pro Portrait
   ========================================================================== */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
    /* STYLES GO HERE */
    .section1-inner {
        margin: 0 23% !important;
    }
    .ple-det {
        padding: 0 !important;
    }
    .button-ple {
        font-size: 22px !important;
        padding: 10px 10px !important;
    }
    .share {
        margin-left: 13%;
    }
    .section1-inner {
        margin-left: 13% !important;
    }
    #pledge-badges {
        width: 100%;
        margin: 0 0 25px 0;
    }
    #pledge-badges .vc_col-sm-2 {
        /* width: 20%; */
    }
    #pledge-board {
        background-image: url("/wp-content/uploads/2017/04/Change-Day-2017-Josephine-Background-Banner-Pledge-Page1.jpg?id=34");
        background-position: bottom center;
        background-size: 110% !important;
        background-repeat: no-repeat !important;
    }
    #section3 {
        background-image: url("images/sect3.jpg") !important;
        background-position: 60% bottom !important;
        margin-bottom: 0;
        background-size: 175%;
    }
}


/*
   iPad Pro Landscape
   ========================================================================== */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
    /* STYLES GO HERE */
    #pledge-board {
        background-image: url("/wp-content/uploads/2017/04/Change-Day-2017-Josephine-Background-Banner-Pledge-Page1.jpg?id=34");
        background-position: bottom left;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
    }
    #pledge-board h2 {
        margin-top: 7% !important;
    }
    .categories {
        margin-top: 50px !important;
    }
}


/*
   iPad Pro Landscape
   ========================================================================== */

#home-slider .tp-bgimg {
    background-position-x:-34% !important;
}

@media (min-width:1115px) {
    #home-slider .tp-bgimg {
        background-position-x:-30% !important;
    }
}

@media (min-width:1330px) {
    #home-slider .tp-bgimg {
        background-position-x:-20% !important;
    }
}

@media (min-width:1450px) {
    #home-slider .tp-bgimg {
        background-position-x:-10% !important;
    }
}

@media (min-width:1510px) {
    #home-slider .tp-bgimg {
        background-position-x:0% !important;
    }
}

@media (min-width:1650px) {
    #home-slider .tp-bgimg {
        background-position-x:8% !important;
    }
}


/* ==========================================================================
       RESPONSIVE STYLING BY WSME ENDS
       ========================================================================== */

/* Hide cart until approved. */
// #main-nav {
//     margin-right: 0 !important;
// }
// .side-nav {
//     display: none !important;
// }
/* End hide cart until approved.