/*
Theme Name: Freshness | Divi Child Theme
Theme URI: https://creativechildtheme.com
Description: Freshness is a child theme for Divi with One-Page style, great for freelance designers and small businesses.
Author: Fabio Sarcona
Author URI: https://creativechildtheme.com
Template: Divi
Version: 1.0
License:  GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
*/

/************************************************************************
****************************** GENERAL ********************************
************************************************************************/

.et_transparent_nav #page-container {
    padding-top: 20px !important;
}
div#page-container {
    padding: 0px 20px 20px 20px;
}

/******* Scrool to top ********/

.et_pb_scroll_top.et-visible {
    bottom: 2% !important;
    border: 2px solid #efc337;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    margin: 0px 5px 0px 0px;
}
.et_pb_scroll_top.et-hidden{
    bottom: 2% !important;
    border: 2px solid #efc337;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    margin: 0px 5px 0px 0px;
}
.et_pb_scroll_top.et-pb-icon{
    background-color: transparent !important;
    color: #efc337 !important;
}

/************************************************************************
****************************** FIX HEADER *****************************
************************************************************************/

.et_pb_fullwidth_header {
    padding-top: 8% !important;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 100% ;
    margin: 20px auto;
}


/************************************************************************
*********************** LOGO CUSTOM FOR MOBILE ********************
************************************************************************/

@media only screen and (max-width: 980px) {
  #logo {    
    content: url("http://danielawolff.com/wp-content/uploads/2016/11/danielawolff_logowhite_shadow_small.png");
  }
}

/**************************************************************************
********************** ITEM 'MENU' FOR HEADER MENU ******************
**************************************************************************/

/*
#et-top-navigation::after {
    content: 'MENU' ;
    font-size: 18px;
    position: absolute;
    line-height: 1em;
    top: 1.9em;
    right: 2em;
    color: #ffffff;
}
*/
.et_header_style_slide .et-fixed-header #et-top-navigation::after {
    content: 'MENU' ;
    font-size: 18px;
    position: absolute;
    line-height: 1em;
    top: 1.05em;
    right: 2em;
    color: #ffffff;
}
@media only screen and (max-width: 980px) {
#et-top-navigation::after {
    font-size: 16px;
    top: 1.95em;
    right: 2.1em;
}
}

@media only screen and (min-width: 981px) {
.mobile_menu_bar:before {
    font-size: 40px !important ;
	}
.et_toggle_slide_menu:after {
    font-size: 40px !important;
}
}
#main-header {
    width: calc(100% - 40px) !important;
}

/***** Fix Height Menu Mobile *****/
@media only screen and (max-width: 980px) {
  header#main-header {    
    top: 20px !important;
  }
}

/**********************************************************************************
********************** BUTTON HEADER FULLWIDTH HOMEPAGE *****************
*********************************************************************************/

.header_homepage.et_pb_fullwidth_header .header-content .et_pb_button_one{
	line-height: 2.2em !important;
	min-width: 30%;
	max-width: 70%;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 3%;
}


/*************************************************************
********************** BACKGROUND BLURB *****************
*************************************************************/

.background_ux.et_pb_column {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(25,25,25,0.80),
      rgba(25,25,25,0.85)
    ),
    url(https://creativechildthemes.com/divi-lab/wp-content/uploads/sites/6/2016/04/ux-design.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*******************************************************************
********************** BLURB SERVICE SPACE COLUMN *****************
*****************************************************************/

@media only screen and (min-width: 981px) {
  .et_pb_gutters2 .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column {    
    margin-right: 1.5%;
  }
}
/*************************************************************
**********************  BLURB CUSTOM  *********************
*************************************************************/

.blurb_custom.et_pb_blurb.et_pb_blurb h4 {
    margin-top: 30%;
}
@media only screen and (max-width: 980px){
 .blurb_custom.et_pb_blurb.et_pb_blurb h4 {
    margin: 28% 10% !important;
}
}

.blurb_custom.et_pb_blurb {
    min-height: 604px ;
}

@media only screen and (max-width: 980px) {
  .blurb_custom.et_pb_blurb {    
    min-height: 300px !important;
  }
}

/**********************************************************************************
**************************  CUSTOM PORTFOLIO GRID  ***************************
*********************************************************************************/

/* Change columns from 4-3 */

/**** Portfolio Filter ****/	    
.portfolio_custom.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    margin: 0 15px auto auto !important;
    border: none;
    border-bottom: 2px solid #e2e2e2;
    border-radius: 0px ;
    padding: 10px 10px !important;
}
    

.portfolio_custom.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #efc337;
    background-color: transparent;
    border-bottom: 2px solid #efc337;
}
.portfolio_custom.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .post-meta{
    display: none;
}

/*********** Thanks to Geno Quiroz for Code Below **********/

/* special hover effect for desktop only */
 
    @media (min-width: 981px){ 
    .portfolio_custom .et_portfolio_image {
        min-height: 200px;
	    }
 
    .portfolio_custom .et_pb_portfolio_item {
            position: relative;
            overflow: hidden;
            max-height: 320px;
	    }
 
    .portfolio_custom .et_pb_portfolio_item img {
            webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: scale(1.15);
            transform: scale(1.15);
	    }
 
    .portfolio_custom .et_pb_portfolio_item:hover img {
            -webkit-transform: scale(1);
            transform: scale(1);
	    }
 
    .portfolio_custom .et_pb_portfolio_item h2 {
        background-color: #efc337;
        color: #333;
        font-size: 16px;
        position:absolute;
        text-align:center;
        width:100%;
        top:100%;
        transition:.5s;
        webkit-transition:.5s;
	    }
 
    .portfolio_custom .et_pb_portfolio_item:hover h2 {
            top: 74%;
            padding: 15px 0;
	   z-index: 5;
	    }
 
    .portfolio_custom .et_overlay {
	    z-index: 0;
	    }
}
 
        @media only screen and (min-width : 1061px) and (max-width : 1200px) {
            .portfolio_custom  .et_pb_portfolio_item h2 {font-size: 15px!important;}
            .portfolio_custom  .et_pb_portfolio_item:hover h2 {top: 73%!important;}}
 
        @media only screen and (min-width : 981px) and (max-width : 1060px) {
            .portfolio_custom  .et_pb_portfolio_item h2 {font-size: 14px!important;}
           .portfolio_custom  .et_pb_portfolio_item:hover h2 {top: 72%!important;}}
 
        @media only screen and (max-width : 980px) {
            .portfolio_custom .et_pb_portfolio_item h2 {font-size: 14px!important;}
            .portfolio_custom .et_overlay {display:none;}}

/****************************************************************
*********************** SLIDER COSTUMERS ********************
****************************************************************/

@media only screen and (min-width : 981px){
.slider_testimonial.et_pb_slider {
    max-height: 420px ;
}
}

.slider_testimonial.et_pb_slider .et_pb_slide_content {
    max-width: 700px ;
    margin: 0 auto;
}

.slider_testimonial.et_pb_slider .et_pb_slide_content img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.slider_testimonial.et_pb_slider .et_pb_slide_content em {
    line-height: 1.5em ;
    font-size: 20px ;
}

.slider_testimonial.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none ;
}

@media only screen and (max-width: 767px){
.et-pb-controllers {
    bottom: 0 !important;
}
}

/******************************************************************
********************** FORM CONTACT CUSTOM *****************
****************************************************************/

.form_contact_custom .et_contact_bottom_container {
    float: none !important;
    margin-top: -1.5%;
    text-align: center ;
}

.form_contact_custom .et_pb_contact_submit {
    width: 100%;
    height: 60px;
}

.form_contact_custom .et_pb_contact_submit {
    margin: 0px;
}

.form_contact_custom .et_pb_contact_field {
    padding: 0px !important;
}

.form_contact_custom p.et_pb_contact_field.et_pb_contact_field.et_pb_contact_field_half.et_pb_contact_field_last {
    padding-left: 3% !important;
}
@media only screen and (max-width: 767px){
.form_contact_custom p.et_pb_contact_field.et_pb_contact_field.et_pb_contact_field_half.et_pb_contact_field_last {
    padding-left: 0px !important;
}
}

/******************************************************************
********************** FOOTER COPY INFO **********************
****************************************************************/
	    
#footer-info {
    float: none !important;
    text-align: center;
	    }
	    
/***************************************************************************
********************** SECTION FULLWIDTH HOMEPAGE   *****************
**************************************************************************/
	    
.section_full_custom.header_full_custom.et_pb_fullwidth_header .header-content h1{
    max-width: 750px;
	margin: 0 auto;
}
.section_full_custom .header-content-container.center {
    padding-bottom: 10%;
}

/*******************************************************************************************************
********************** SECTION FULLWIDTH PORTFOLIO PROJECT  *****************
*******************************************************************************************************/

@media only screen and ( max-width: 480px) {
.header_full_custom .et_pb_fullwidth_header_container.center .header-content {
    margin: 35% auto 0 auto !important;
}
}
@media only screen and ( min-width: 1400px) {
.header_full_custom.et_pb_fullwidth_header {
    padding-top: 6% !important;
}
}

/**************************************************************************************************
********************** BUTTON HEADER PORTFOLIO PROJECT  *****************
**************************************************************************************************/

/************************************************************/

.et_pb_button_one,.et_pb_button_two {
    line-height: 2.2em !important;
    min-width: 230px;
    text-align: center;
    margin-top: 5%;
}

@media only screen and (max-width: 480px) {
  .et_pb_button_two {    
    margin-left: 0px !important;
  }
}

/************************************************************/


/*************************************************************
*********************** BUTTON CUSTOM ********************
*************************************************************/

.button_custom.et_pb_button{
	line-height: 2.2em !important;
	min-width: 230px;
	text-align: center;
         letter-spacing: 1px; 
}

/***********************************************************************************
***********************  SOCIAL CENTER PORTFOLIO PROJECT ********************
***********************************************************************************/

.social_center.et_pb_social_media_follow li {
    float: none !important;
    display: inline-block !important;
}

.social_center, ul.et_pb_social_media_follow {
    text-align: center !important;
}