/*
Theme Name: Moody Child3
Description: This is a child theme for Moody
Author: Crybaby
Template: flatsome
Version: 3.0
*/

/* thicken up the red borders on ERROR input areas (including checkout page) 
.input.wpcf7-not-valid, .woocommerce-invalid input {
	border-width: 3px;
}
*/



/* hide the social sharing icons that show up on every product page. This UI convention is outdated */
.social-icons {
    display: none;
}


/* Fix weird arrow wrapping on first nav menu item after theme update */
.nav>li>a {
    flex-wrap: inherit;
}
    

/* When highlighting the current section in the table of contents sidebar, use a color that matches our site */
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list > li.current_page_parent > a,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list > li.current_page_item > a,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list > li.current_page_ancestor > a {
    background: #B23168;
    color: #fff;
  }

/* Fix Wedocs content going all the way to the margins of the screen on mobile. - 3/6/2020 ~jsa */
.wedocs-single-wrap {
    padding: 1em;
}

/* Get rid of borders on images in wedocs - 2/21/2020 ~jsa */
.wedocs-single-wrap .wedocs-single-content article .entry-content img {
    border-style: none;
    padding: 0px;
}


/* Make the Google recaptcha notice stand out a little bit less - 1/23/2020 ~jsa */
#recaptcha-notice {
    font-size: .75em;
    margin-bottom: 1em;
    margin-top: -2em;
    opacity: 0.7;
}

/* increase link visibility in dark message box - 1/16/2020 jsa */
/* better solution than previous fix: hardcoding message box link color */
.message-box.dark a {
    text-decoration: underline;
}

/* put border box around checkout add ons so they are more visually separate from surrounding content - 10/8/2019 jsa */
#wc_checkout_add_ons {
	border: 1px solid black;
	margin-bottom: 2em;
	padding-top: .25em;
	padding-left: .5em;
}

/* hide bylines on archive pages like /blog - 10/2/2019 jsa */
.byline {
	display: none;
}

/* stop the cart from using uppercase so it doesnt totally break the build tickets - 11/6/2018 jsa */
dl.variation {
	text-transform: none !important;
}

/* hide crappy pill button - 11-6-2017 jsa*/
.payment_box.payment_method_braintree_paypal_credit_payments {
    display: none !important;
}

.success-color {
    background-color: #000;
  
    color: #eda1ea;
  
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 100% !important;
}



/* THIS PREVENTS ROTATION ON THE SIDE MENU DUDES IF THEY HAVE NO URL SET! */
.norotation{  
  opacity: 1!important;
  transform: rotate(0deg)!important;
    -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}


.filter-button {
    display: none!important;
}

@font-face {
    font-family: 'texgyreadventorregular';
    /*src: url("Tex-Gyre-Adventor/texgyreadventor-regular-webfont.eot");*/
    src: /*url("Tex-Gyre-Adventor/texgyreadventor-regular-webfont.eot?#iefix") format("embedded-opentype"),*/
         url("../woff/texgyreadventor-regular-webfont.woff") format("woff"),
         url("../texgyreadventor-regular-webfont.html") format("truetype"),
         url("../texgyreadventor-regular-webfont-2.html#texgyreadventorregular") format("svg");
    font-weight: normal;
    font-style: normal;
}



/*//////////////MOBILE SIDEBAR//////////////*/

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    background-color: rgba(255,255,255,1);
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s;
    -webkit-transform: translateX(-270px);
    -ms-transform: translateX(-270px);
    transform: translateX(-270px);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.mfp-bg {
    transition: opacity 0s;
}



/*//////////HEADER STUFF///////////////////////////////*/

/* get rid of the shitty credit pillbox, not needed because checkout button works */
.payment_box.payment_method_braintree_paypal_credit_payments {
    display: none !important;
}


/*Larger text in the Top Nav Menu*/
/*
.nav-small .nav>li>a, .nav.nav-small>li>a {
    font-size: medium;
}
*/
.icon-heart {
    font-size: medium;
}

/* thin Logo #########################*/
.logo a {
    text-transform: none;
    font-weight: lighter;
}

/* topNav dropdown noWrap tweak ##########################################################*/
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    padding-left: 0;
    padding-right: 0;
    margin: 0 10px;
    border-bottom: 1px solid #ececec;
    white-space: nowrap;
}



/* remove Nav Shadows ##########################################################*/
.nav-dropdown{
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

/* Change capitalization in menus ##########################################################*/
.nav > li > a {
/*     text-transform: capitalize; */
    font-weight: initial;
  font-weight: 400!important;
}
.off-canvas .nav-vertical>li>a {
  text-transform: capitalize;
}


/* Tighten up the header. #########################*/
/*
.page-wrapper{
    margin:0;
    padding: 0px 0 30px;
}  
*/

/* Less vertical space between header product items////////////////////////////////////////////////////////////*/
.stuck .header-main .nav > li > a {
    line-height: 15px!important;
}
.header.show-on-scroll, .stuck .header-main {
    height: 449px!important;
}
.nav>li>a {
    padding: 0px 0;
}

/* Adds shadows to banner text ##########################################################*/
.banner h1, .banner h2, .banner h3, .banner h4,  .banner h5, .banner h6  {
    /*text-shadow: 2px 2px 0px rgba(100, 100, 100, 1);*/
    -webkit-text-shadow: 1px 1px 1px #000, 0px 1px 1px #646464; 
    text-shadow: 1px 1px 1px #000, 0px 1px 1px #646464;
}

.banner .button.alt-button {
    -webkit-box-shadow: 0px 1px 0px #646464, 1px 1px 0px #646464;
    text-shadow: 0px 1px 0px #646464, 1px 1px 0px #646464;
}

.drop-shadow {
    text-shadow: 1px 1px 0.5px #000, 0px 1px 0.5px #646464;
}


/* brighter p fonts*/
.dark p {
    color: #ffffff;
}


.mfp-close {
    right: 55px;
    top: 35px;
    opacity: .9;
    font-size: 100px;
}


/*//////////SHOP STUFF///////////////////////////////*/

/* Thinner price font on catalog page ##########################################################*/
 span.amount{
    font-weight:normal!important;
}


/* Larger product name on catalog page ##########################################################*/



/* Tighten up name and price ##########################################################*/
.box-text-products {
    padding-top: 0em;
    padding-bottom: 1.4em;
    font-size: 1.3em;
}





/*//////////PRODUCT PAGES///////////////////////////////*/

/* fixed vertical tabs ############################################################################*/
/* disabled because it is making ul and li act weird everywhere else. Also we are getting rid of tabs in favor of accordions - 3/10/2020 ~jsa */
/* .entry-content ul li {
  margin-left: inherit;
} */


/* white next arrows on product images ##########################################################*/
.flickity-prev-next-button .arrow {
    fill: #FFFFFF;
}

/* Hide the Description Tab Title (in product pages) since we don't use it. Also hides the Discussion Tab (reviews) #########################*/
.tabbed-content ul.tabs li {
    display:none;
}

/* Flatten DropDowns ##########################################################*/
select{
box-shadow: inset 0 -1.3em 1em 0 rgba(0, 0, 0, 0.0);
}




/* Thin up the add-on text ##########################################################*/

label {
    font-weight: normal;
}


input[type='checkbox'], input[type='radio'] {
    display: inline;
    margin-right: 0px;
    font-size: 16px;
}


.product-summary .woocommerce-Price-currencySymbol {
    font-size: 100%;
    vertical-align: middle;
    margin-top: -0.3em;
}



h3.addon-name {
    font-size: 90%
}



.button{
    background-color: #000000;
}



.product-main {
    padding: 10px 0;
}


.product-footer .woocommerce-tabs {
    padding: 0px 0;
    border-top: 1px solid #ececec;
}


.col, .gallery-item, .columns {
    padding-bottom: 0px;
}

form{
    margin-bottom:0em;
}


    .youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        margin: 5px;
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("https://imgur.com/TxzC70f") no-repeat;
        cursor: pointer;
    }
 

.logo a {
    font-family: texgyreadventorregular, "Lato", sans-serif!important;
    font-weight: lighter;
}

body {
    font-family: texgyreadventorregular, "Lato", sans-serif!important;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: texgyreadventorregular, "Lato", sans-serif!important;
}

.nav > li > a {
    font-family: texgyreadventorregular, "Lato", sans-serif!important;
}

#top-bar .left-text {
    font-family: icomoon!important;
    font-size: 150%;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}