/*
Theme Name: Jackrabbit Gardening
Description: Child theme for the Divi Theme
Author: Sunflower Creatives
Template:Divi
Version: 1.0
*/



/*--------------------------------------------[Heading Area]---------------------------------------*/

/* ---------- [Hamburger Menu for Tablets] ----------- */

@media only screen and (max-width: 1024px) and (min-width: 981px) {
#et_mobile_nav_menu {display: block !important;}
#top-menu {display: none !important;}
}

@media only screen and (max-width: 1024px) and (min-width: 981px) and (orientation:landscape) {
.et_mobile_nav_menu {display: block !important;}
.top-menu {display: none !important;}
}

/* ---------- [End of Hamburger Menu for Tablets] --------------- */

#main-header .mobile_menu_bar{background-color:#005128; padding-bottom: 0px;}
.mobile_menu_bar:before{color:#fff!important;font-size:52px;}

/* ----------- Remove the Select Page in mobile ------------------ */
@media only screen and (max-width: 1024px) {
.select_page {display: none !important;}
 .et_header_style_split #main-header .mobile_nav { 
    background-color: rgba(0, 0, 0, 0.0);
}

}

/* Woocommerce */

h1.product_title.entry-title {font-size: 32px;}

#ship-to-different-address > label {font-size: 28px;}


.sf-vertical-align { 
        display: flex !important; 
        flex-direction: column !important; 
        justify-content: center !important;
	   -webkit-display: flex !important;
	   -webkit-flex-direction: column !important;
	   -webkit-justify-content: center !important;
	   -moz-display: flex !important;
	   -moz-flex-direction: column !important;
	   -moz-justify-content: center !important;
} 


.hero-cta.et_pb_promo h1.et_pb_module_header {text-transform: capitalize;}

.hero-cta {
	outline: 16px solid rgba(255,255, 255, .2);
outline-offset: -30px;
}

/*  Horizontal Opt-In  */
.subscribe-section .et_pb_newsletter_description{
                display:none;
}
.subscribe-section .et_pb_newsletter_form{
                width:100%;
                float:none;
                padding-left:0;
}

.subscribe-section .et_pb_newsletter_form p{
                width:31%;
                float:left;
                margin-right:0px;
                padding-bottom:0;
                line-height:1;
}

.subscribe-section .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]{
                padding: 13px 4% !important;
}
.subscribe-section.et_pb_newsletter_form p input{
                padding:10px 4%!important;
}
.subscribe-section.et_pb_newsletter_form p .et_pb_button{
                padding:12px 4%!important;
                line-height:1em!important;

}

.subscribe-section.et_pb_newsletter_form input[type="text"], .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]{margin-bottom: 10px !important;}


@media only screen and (max-width: 768px){
                
                .subscribe-section.et_pb_newsletter .et_pb_newsletter_fields > p:first-of-type,  .subscribe-section.et_pb_newsletter .et_pb_newsletter_fields > p:nth-of-type(2){
                                flex-basis: 100% !important;
                                margin-right: 0 !important;
                }              
                .subscribe-section .et_pb_contact_field_options_wrapper{
                                display: flex;
                                align-items: center;
                }
                .subscribe-section .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title{
                                margin-right: 10px;
                                margin-bottom: 0;
                }              
}
@media only screen and (min-width: 981px){
                .subscribe-section.et_pb_newsletter .et_pb_newsletter_fields > * {flex-basis: 30% !important;
} 
}






.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {background: #005128;}

.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_portfolio_filter a {
    color: #ffffff !important;
    background-color: #00a44f;
}

.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_portfolio_filter a:hover {
    color: #00a44f !important;
}


.footer-social a {
    margin-right: 28px;
    text-align: center;
}

.footer-social.et_pb_social_media_follow li a.icon {
    box-sizing: content-box;
    width: 48px;
    height: 48px;
    padding: 0;
}

.footer-social.et_pb_social_media_follow li a.icon::before {
    display: block;
    position: relative;
    z-index: 10;
    width: 48px;
    height: 48px;
    color: #fff;
    font-size: 24px;
    line-height: 48px;
}

h2{ font-size: 42px; font-weight: 700;}
h3 {font-size: 36px; font-weight: 700;}
h4 {font-size: 28px;}


/*--------------- Caldera Form Customization-------------- */
.caldera-grid .btn-default {
 color: #fff !important;
 background-color: #005128 !important;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
border: none;
width: 100%;
}

.caldera-grid .btn-default:hover {
 background-color:  #00A44F !important;
}


/* Asterick color */
.field_required {color: #00A44F !important;}

.caldera-grid .btn {
  font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
}