/*
Theme Name: Divi Child Theme
Description: Grow Utah Divi Child Theme
Author: JB
Version: 0.0.1
Template: Divi
*/

@import url('../Divi/style.css');

/* Adjusts the spacing between boxes for both toggle and accordian modules in a row that has 1 large column on the left and a small column to the right  */
	.et_pb_gutters3 .et_pb_column_3_4 .et_pb_module,
	.et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_module,
	.et_section_specialty .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_column_4_4 .et_pb_module,
	.et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_module {
		margin-bottom: 0.8%;
	}

/* Makes the main title text and subtitle text, within a fullwidth header section, spread out more to edge of margins- which are 1080.  */
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
		width: 80%;
		max-width: 1000px;
		margin: 20px auto;
	}
	
/* Changes the bottom padding size between images in a gallery module in a 2 column row with both columns equal size. Affects only computer screen 1080 size, not mobile */
	.et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_widget, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_grid_item, .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_widget, .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product {
		margin-bottom: 5%;
	}
	
/* Changes the thumbnail size and right side padding between images in a gallery module in a 2 column row with both columns equal size. Affects only computer screen 1080 size, not mobile */
	.et_pb_gutters3 .et_pb_column_1_2 .et_pb_row_inner .et_pb_column_1_4, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_row_inner .et_pb_column_1_4, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_widget, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_widget, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product {
		width: 35%;
		margin-right: 5%;
	}
	
/* Changes the thumbnail size and padding between images in a gallery module in a 1 column row. Affects only computer screen 1080 size, not mobile  */
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3 .et_full_width_page.woocommerce-page ul.products li.product {
		width: 20%;
		margin: 0px 1% 1% 0px;
		align: center;
	}	

/* Changes the line spacing on fullwidth header module/section so that the subheader text doesn't overlap when using bigger font sizes.  */
	.et_pb_fullwidth_header_subhead {
		line-height: 1.15em;
	}

/* Changes the line spacing on fullwidth header module/section so that the paragraph content text doesn't overlap when using bigger font sizes.  */
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header p {
    line-height: 1.15em;
	}

/* Changes the color of hyperlink text within text widgets.  Need to match it to the the color of URL links setup for the rest of the site in the Divi Theme Customization settings.  If you don't change this CSS, then links in the widget area will stay a gray default color- no matter what the Divi Theme Customization settings are set to. */
	.et_pb_widget a {
		color: #467E0F;
		text-decoration: none;
	}

/* Changes the picture allignment on the "Person Module" (for Bios).  It moves the picture to allign left so that it alligns with the text beneath it  */

	.et_pb_column_1_2 .et_pb_team_member_image, .et_pb_column_3_8 .et_pb_team_member_image, .et_pb_column_1_3 .et_pb_team_member_image, .et_pb_column_1_4 .et_pb_team_member_image {
		display: block;
		float: none;
		width: auto;
		margin: 0px 0px 12px;
		text-align: left;
	}
	
/* Changes the picture size on the "Person Module" (for Bios). */

	.et_pb_team_member_image img {
		max-width: 200px;
	}
	
/* Changes the font size of the fullwidth header main title text on  phones.  Otherwise, the font size of the header title doesn't change on phones and it runs off the screen.  */
	@media only screen and (max-width: 480px) {
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {
		font-size: 40px !important;
	}
	}

/* Changes the font size of the fullwidth sub header title text on phones.  Otherwise, the font size of the sub header title doesn't change on phones and it runs off the screen.  */

	@media only screen and (max-width: 480px) {
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
    font-size: 28px !important;
	}
	}
	
/* PARTNER EVENTS BACKGROUND. Adds a background picture for individual pages. Create a line of code and change the URL and Page ID for each page you want to change.  It will then add a background image to each one. Use this instead of doing the background image for all the pages via Divi Theme Customization settings.  Need to change opacity in the picture itself since changing it here in this CSS file will change it for all the transparent sections sitewide. */

	body.page-id-2921 {
	background-image: url("http://205.134.239.12/~growut5/grow_utah_new/wp-content/uploads/2015/08/startslc05.jpg");
	}
	
/* PICS & VIDS BACKGROUND. Adds a background picture for individual pages. Create a line of code and change the URL and Page ID for each page you want to change.  It will then add a background image to each one. Use this instead of doing the background image for all the pages via Divi Theme Customization settings.  Need to change opacity in the picture itself since changing it here in this CSS file will change it for all the transparent sections sitewide. */

	body.page-id-2800 {
	background-image: url("http://205.134.239.12/~growut5/grow_utah_new/wp-content/uploads/2015/08/startslc05.jpg");
	}