/* 
 Theme Name:     Vibe Music Therapy
 Author:         Divi theme examples
 Author URI:     https://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 
/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

.top-header {background-color: #000; z-index:9999;}   

/*GALLERY FIX */
#page-container {
padding-top: 0 !important;
}

#main-header {
top: 40px !important;
}

#top-header{ 
	min-height:40px; 
	position:fixed !important; 
	margin: auto; 
	width: 100%; 
	background-color: #97b636 !important;}

.et_color_scheme_green #top-header {
    background: 
		#97b636 !important;}

.contact-details {
padding-left: 50px;
float: left;
padding-top: 10px;
font-size: 18px;}

.phone-number {
padding-right: 50px;
float: right;
padding-top: 10px;
font-size: 18px;}

@media (max-width: 980px)
{
	.et_header_style_centered header#main-header .logo_container {
	height: 100px !important;}
	.phone-number, .contact-details{font-size: 14px;}
}

    /*---Add Links to the Divi Gallery Module and Show Captions on Hover---*/
    /*Hide the image title and default overlay effect*/
    .et_pb_gallery_item h3,
    .et_overlay {
        display: none;
    }
    /*Set the position and size of the images and add an extra pixel to get rid of white space between images*/
    .et_pb_gallery_grid .et_pb_gallery_image {
        position: absolute;
        width: calc(100% + 1px) !important;
    }
    .et_pb_gallery_caption {
        margin: 0px !important;
    }
    /*Set the colour of the caption text*/
    .et_pb_gallery_caption a {
        color: #fff !important;
    }
    /*Set the font size and case for the title*/
    b {
        font-size: 22px;
        text-transform: uppercase;
    }
    /*Set the position of caption text so it displays on to of the image on hover and add an outline*/
    p.et_pb_gallery_caption {
        position: relative;
        background: rgba(0, 0, 0, .5);
        /*This is the colour of the image overlay on hover*/
        border: none;
        
        /*This is the colour of the border*/
        
        /*This moves the border in a little from the edge*/
        text-align: center;
        padding: 10% 5%;
        /*Adjust the first value if using more or less text*/
        cursor: pointer;
        opacity: 0;
        /*Hide the caption until hover*/
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
    }
    /*Show the caption on hover*/
    p.et_pb_gallery_caption:hover {
        opacity: 1;
    }

.et_pb_section_6.et_pb_section {background-color: #496b42 !important;}
.et_pb_section_6.et_pb_section a {color: #97b637;}


.et-fixed-header #top-menu li { padding-right: 12px; z-index: 9999;}
#main-header #top-menu li { padding-right: 12px; z-index: 9999;}

/* Header Style Centered */
.et_header_style_centered #main-header .container {
	height: inherit;
	text-align: left;}

.et_header_style_centered.et_vertical_nav #main-header .container {
	height: auto;}

.et_header_style_centered #main-header div#et-top-navigation {
	position: relative;
	bottom: 0;
	width: 100%;
text-align:right;
right: -13px;}

#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #97b637 !important;
    opacity:1 !important;
}

.et_header_style_centered #logo,
.et_header_style_centered #et-top-navigation,
.et_header_style_centered nav#top-menu-nav,
.et_header_style_centered #top-menu {
	float: none;
}






/*Margin fix for footer social icons */

/* Logo */
#logo {
	display: inline-block;
	float: none;
	
	margin-bottom: 0;
	vertical-align: middle;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);}

.et_pb_svg_logo #logo,
.et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
	height: 54%;}

.logo_container {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}

span.logo_helper {
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.et_vertical_nav .logo_container {
	position: relative;
	height: auto;
	padding: 0;}

.et_vertical_nav span.logo_helper {
	display: none;}

.safari .centered-inline-logo-wrap {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);}
#et-define-logo-wrap img {
	width: 100%;}
.gecko #et-define-logo-wrap.svg-logo {
	position: relative !important;}
/* --- End of HEADER FIX ----- */ 

/* --- make slider full height ----- */ 

.et_pb_slider .et_pb_slide {
background-size: 100% 100% !important;}

/* --- end of make slider full height ----- */ 
/* --- CUSTOM MENUS ----- */ 

#top-menu.nav a:hover { color: #fff !important}

.et_header_style_centered #top-menu > li > a {
	padding-bottom:5px;
}

/*Style items side by side*/
.et_mobile_menu li a{
text-align: center;
overflow-y:scroll;
}
/* -- Grahams Pulse Amination ---- */ 

@keyframes pulse_animation { 
	0% { transform: scale(1); }
	20% { transform: scale(1.35); }
	30% { transform: scale(0.95); }
	40% { transform: scale(1); }
	50% { transform: scale(1.05); }
	60% { transform: scale(1); }
	70% { transform: scale(1); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}


.phone { 
    color: #ffffff !important; 
    padding-top:20px !important;
	font-size:32px !important;
font-family: "Arial", Helvetica, sans-serif;
position:relative;
float: right;
margin-right: 0px;
}

/* -- custom Pulse Animation for what is evidence blurbs WHAT IS MUSIC THERAPY PAGE ---- */ 
.page-id-272 .et_pb_blurb_4.et_pb_blurb .et_pb_main_blurb_image .et-animated {
	width: 180px;
	height: 180px;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	box-shadow: 0 0 12px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .8);

animation-name: pulse_animation;
	animation-duration: 3000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}
.page-id-272 .et_pb_blurb_5.et_pb_blurb .et_pb_main_blurb_image .et-animated {
	width: 180px;
	height: 180px;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	box-shadow: 0 0 12px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .8);

animation-name: pulse_animation;
	animation-duration: 3000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

.page-id-272 .et_pb_blurb_6.et_pb_blurb .et_pb_main_blurb_image .et-animated {
	width: 180px;
	height: 180px;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	box-shadow: 0 0 12px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .8);

animation-name: pulse_animation;
	animation-duration: 3000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}
.page-id-272 .et_pb_blurb_7.et_pb_blurb .et_pb_main_blurb_image .et-animated {
	width: 180px;
	height: 180px;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	box-shadow: 0 0 12px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .8);

animation-name: pulse_animation;
	animation-duration: 3000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}
/* -- VIBE GREEN ---- */ 

/* Color Schemes */
.et_color_scheme_green a {
	color: #97b637;}

.et_color_scheme_green .et_pb_counter_amount,
.et_color_scheme_green .et_pb_featured_table .et_pb_pricing_heading,
.et_color_scheme_green #et_search_icon:hover,
.et_color_scheme_green .mobile_menu_bar:before,
.et_color_scheme_green .footer-widget h4,
.et_color_scheme_green .et_pb_sum,
.et_color_scheme_green .et_pb_pricing li a,
.et_color_scheme_green .et_pb_pricing_table_button,
.et_color_scheme_green .comment-reply-link,
.et_color_scheme_green .form-submit input,
.et_color_scheme_green .et_pb_bg_layout_light .et_pb_newsletter_button,
.et_color_scheme_green .et_pb_contact_submit,
.et_color_scheme_green .et_password_protected_form .et_submit_button,
.et_color_scheme_green .et_pb_bg_layout_light .et_pb_more_button,
.et_color_scheme_green .et_pb_bg_layout_light .et_pb_promo_button,
.et_color_scheme_green .et_overlay:before,
.et_color_scheme_green .entry-summary p.price ins,
.et_color_scheme_green #top-menu li.current-menu-ancestor > a,
.et_color_scheme_green #top-menu li.current-menu-item > a,
.et_color_scheme_green .bottom-nav li.current-menu-item > a {
	color: #97b637;}


.et_color_scheme_green .et-search-form,
.et_color_scheme_green .nav li ul,
.et_color_scheme_green .et_mobile_menu,
.et_color_scheme_green .footer-widget li:before,
.et_color_scheme_green .et_pb_pricing li:before {
	border-color: #97b637 !important;}
	
/* -- END OF VIBE GREEN ---- */ 

/* -- MEDIA ALTERATIONS ---- */ 

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #cccccc !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #3e6a2b !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border-color:#eeeeee4;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #97b637; 
border-color:#eee; 
padding: 6px 20px !important; 
}

.wpcf7 input[type="checkbox"] {
  -webkit-appearance: checkbox;

}

.circular img {
border-radius: 50%;
border-style: solid;
border-width: 6px;
border-color:#ffffff;
}

.articles img {
border-style: solid;
border-width: 6px;
border-color:#ffffff;
}

.et_pb_image_0 { border-radius: 50% !important;}