/*
Theme Name:     Divi Child Theme
Theme URI:      http://www.pro-fitnesswebdesign.com/
Version:        0.34
Description:    A child theme containing customisations for the Divi theme by Elegant Themes. Note: only for use with Divi 2.7, 3.0 and later.
Author:         Pro Fitness Web Design
Developer:      Chris Tattum
Author URI:     http://pechrian.com
Template:       Divi
*/

/* # Table of Contents
- Header
    - Header Button
- Footer
    - Bottom Bar Widget Area
- Media Queries
    - Max-width: 980px
    - Max-width: 300px
*/

/* # Header
---------------------------------------------------------------------------------------------------- */

/* ## Header Button
--------------------------------------------- */

#divi-child-header-button,
#divi-child-header-button-tiny {
	margin-left: 15px;	
	font-size: 13px;
	padding: 12px 10px;
	opacity: 1;
	font-weight: 600;
	letter-spacing: 1px;
	background-color: #ed9114;
	color: white;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
  	transition: margin-top 0.4s ease-in-out 0s;
  	z-index: 100;
  	position: relative;
}

#divi-child-header-button-tiny {
    font-family: "ETmodules";
    font-size: 18px;
    display: none;
    padding: 6px 10px;
}

#divi-child-header-button-container {
    float: right;
    position: relative;
    top: -4px;
}

/* Transition margin-top when .et-fixed-header class is added */
.et_header_style_left .et-fixed-header #divi-child-header-button-container {
    /*margin-top: 10px;*/
}
.et_header_style_centered #divi-child-header-button {
    margin-top: -3px;
}


/* # Footer
---------------------------------------------------------------------------------------------------- */

/* ## Bottom Bar Widget Area
--------------------------------------------- */
.bottom-bar-widget {
	padding-bottom: 10px;
}

.bottom-bar-widget a {
	color: #666;
	font-weight: 700;
}

.bottom-bar-widget a:hover {
	opacity: 0.7;
}

#bottom-bar-widget-area-1 {
	margin-left: 75px;
	float: left;
}


/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media all and ( min-width: 981px ) {
    #divi-child-header-button-container {
        position: relative;
        top: -4px;
    }
}

/* Override the default breakpoint of 980px for the mobile menu */
@media only screen and ( max-width: 980px ) {
    #top-menu-nav, #top-menu {display: none;}
    #et_top_search {display: none;}
    #et_mobile_nav_menu {display: block;}

    #divi-child-header-button-container {
        top: 0;
        /* gap before mobile nav button */
        margin-right: 10px; 
    }
}

@media all and ( max-width: 980px ) {
    #divi-child-header-button {
        transition: all 0s;
    }

    #bottom-bar-widget-area-1 {
        float: none;
        text-align: center;
        margin-left: 0;
    }
}

@media all and ( max-width: 420px ) {
    #divi-child-header-button-container {
        position: relative;
        left: 0;
        display: block;
    }
}