/*
 Theme Name:     AP-Brown
 Theme URI:      https://www.abundantpractices.com
 Description:    Divi Child Theme
 Author:         AbundantPractices
 Author URI:     https://www.abundantpractices.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.footlink, a.footlink:hover {
	text-decoration: none;
}

a.team, a.team:hover {
	text-decoration: none;
}

.front-image {
	float: right;
	padding: 20px 0 15px 15px;
}

@media (max-width: 720px){
    .front-image {
	float: none;
	padding: 7px 0 15px 0px;
	}
}

.interior-image {
	float: right;
	padding: 25px 0 30px 30px;
}

@media (max-width: 920px){
    .interior-image {
	float: none;
	padding: 25px 0px 0px;
	}
}

.interior-left-image {
	float: left;
	padding: 10px 30px 20px 0;
}

@media (max-width: 920px){
    .interior-left-image {
	float: none;
	padding: 25px 0px 0px;
	}
}


/* Menus
-----------------------------------------------------------------------------*/

#et-top-navigation .et-cart-info {
  display: none;
}

#top-menu li {
  font-size: 16px;
  padding-right: 30px;
  font-weight: 500;
}

#top-menu li li a {
  padding: 10px 20px !important;
  width: 220px;
}

.nav li ul {
	width: 260px;
}

.nav li li {
  line-height: 1.7em !important;
}

.menu_cta {
box-shadow: 0px rgba(0,0,0,0.25) !important;
background: #97d9cd;
border: 0px solid #97d9cd;
        border-top-style: solid;
        border-top-width: 0px;
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
        border-top-left-radius: 7px;
    	border-top-right-radius: 7px;
    	border-bottom-left-radius: 7px;
    	border-bottom-right-radius: 7px;
color: #252c33 !important;
padding: 0 !important;
}

.menu_cta a {
background: #97d9cd !important;
border: 0px solid #97d9cd;
        border-top-style: solid;
        border-top-width: 0px;
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
        border-top-left-radius: 7px;
    	border-top-right-radius: 7px;
    	border-bottom-left-radius: 7px;
    	border-bottom-right-radius: 7px;
color: #252c33 !important;
padding: 15px 20px !important;
}

.menu_cta a:hover {
background: #97d9cd !important;
border: 0px solid #97d9cd;
        border-top-style: solid;
        border-top-width: 0px;
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
        border-top-left-radius: 7px;
    	border-top-right-radius: 7px;
    	border-bottom-left-radius: 7px;
    	border-bottom-right-radius: 7px;
color: #252c33 !important;
padding: 15px 20px !important;
}

.et-fixed-header #top-menu .menu_cta a {
	color: #252c33 !important;
}

.et-fixed-header #top-menu li.current-menu-item > a {
    color: #fff !important;
}

#top-menu.et-fixed-header li.menu_cta.current-menu-item > a {
	color: #252c33 !important;
}

#top-menu li.menu_cta.current-menu-item > a {
    color: #252c33 !important;
}

#top-menu li.menu_cta.current-menu-ancestor > a {
    color: #252c33 !important;
}

@media only screen and (min-width: 981px) {

	.et-fixed-header #top-menu .menu_cta a {
		color: #252c33 !important;
	}

	.et-fixed-header #top-menu li.current-menu-item > a {
    	color: #fff !important;
	}

	#top-menu.et-fixed-header li.menu_cta.current-menu-item > a {
		color: #252c33 !important;
	}

	#top-menu li.menu_cta.current-menu-item > a {
    	color: #252c33 !important;
	}

	#top-menu li.menu_cta.current-menu-ancestor > a {
    	color: #252c33 !important;
	}
	
	.et-fixed-header #top-menu li.current-menu-item > a {
    	color: #fff !important;
	}
}

/*make sure CTA text is white even when menu is fixed */

@media only screen and (min-width : 981px) {

	.et-fixed-header #top-menu li.current-menu-ancestor>a#menu_cta, 
    .et-fixed-header #top-menu li.current-menu-item>a#menu_cta,
    .et-fixed-header #top-menu li.current_page_item>a#menu_cta,
    .et-fixed-header #top-menu a#menu_cta {
    	color: #252c33!important;
    }
}


@media only screen and (max-width: 1480px) {

	#top-menu li {
  		font-size: 15px !important;
	}
	
	#top-menu li a {
		font-size: 15px !important;
	}
	
	#top-menu li li a {
		font-size: 15px !important;
	}
	
	#top-menu li {
		padding-right: 20px !important;
	}
	
	.menu_cta a {
		padding: 15px 0 15px 20px !important;
	}

}

@media only screen and (max-width: 1380px) {

	#top-menu li {
  		font-size: 14px !important;
	}
	
	#top-menu li a {
		font-size: 14px !important;
	}
	
	#top-menu li li a {
		font-size: 14px !important;
	}

}

@media only screen and (max-width: 1340px) {

	#top-menu li {
  		font-size: 13px !important;
	}
	
	#top-menu li a {
		font-size: 13px !important;
	}
	
	#top-menu li li a {
		font-size: 13px !important;
	}
	
	#top-menu li {
		padding-right: 15px !important;
	}
	
	.menu_cta a {
		padding: 15px 0 15px 15px !important;
	}

}

.et_mobile_menu li a {
  text-decoration: none !important;
}


@media only screen and (min-width: 981px) {

	.et_header_style_left #et-top-navigation {
		padding: 35px 0 0 0 !important;
	}
	
	.et_header_style_left .et-fixed-header #et-top-navigation {
		padding: 29px 0 4px 0 !important;
	}

}

.mobile_menu_bar::before, .mobile_menu_bar::after {
	color: #29669c !important;
}

@media (max-width: 980px) {

	.et_header_style_left #logo {
		max-width: 75%;
	}
	
	.et_header_style_left #et-top-navigation {
		padding-top: 30px !important;
	}

}


.page.et_pb_pagebuilder_layout #main-content {
  margin-top: -27px !important;
}



/* Home
-----------------------------------------------------------------------------*/

.et_pb_blurb_0.et_pb_blurb .et_pb_module_header, .et_pb_blurb_1.et_pb_blurb .et_pb_module_header, .et_pb_blurb_2.et_pb_blurb .et_pb_module_header, .et_pb_blurb_3.et_pb_blurb .et_pb_module_header, .et_pb_blurb_4.et_pb_blurb .et_pb_module_header, .et_pb_blurb_5.et_pb_blurb .et_pb_module_header, .et_pb_blurb_6.et_pb_blurb .et_pb_module_header, .et_pb_blurb_7.et_pb_blurb .et_pb_module_header, .et_pb_blurb_8.et_pb_blurb .et_pb_module_header {
  padding: 10px 20px;
}

.et_pb_main_blurb_image {
  margin-bottom: 15px !important;
}

.homecolumn {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.homerow:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .homecolumn {
    width: 100%;
  }
}

.team-avatar {
  border-radius: 50%;
}

.et_pb_bg_layout_dark .et_pb_slide_description {
  text-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
  padding: 3% 4% 11% !important;
  width: auto;
  margin: auto;
}

.et_pb_slider[data-active-slide="et_pb_slide_0"] .et-pb-slider-arrows .et-pb-arrow-prev, .et_pb_slider[data-active-slide="et_pb_slide_0"] .et-pb-slider-arrows .et-pb-arrow-next, .et_pb_slider[data-active-slide="et_pb_slide_1"] .et-pb-slider-arrows .et-pb-arrow-prev, .et_pb_slider[data-active-slide="et_pb_slide_1"] .et-pb-slider-arrows .et-pb-arrow-next, .et_pb_slider_0 .et-pb-slider-arrows .et-pb-arrow-prev, .et_pb_slider_0 .et-pb-slider-arrows .et-pb-arrow-next {
  text-decoration: none !important;
}

@media (max-width: 767px) {

	.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_content {
		font-size: 16px !important;
	}

}

@media (min-width: 981px) {
	
	.et_pb_gutters3 .et_pb_column_1_4, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 {
  		width: 22.875%;
	}
	
}

@media (min-width: 981px) {
	
	#quizblurb .et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
		margin-left: 1.75% !important;
		margin-right: 1.75% !important;
	}
	
}

@media (max-width: 980px) {
	
	.et_pb_row_1-4_1-4 > .et_pb_column.et_pb_column_1_4, .et_pb_row_1-4_1-4_1-2 > .et_pb_column.et_pb_column_1_4, .et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
		width: 47.25%;
		margin-right: 5.5%;
	}
	
}

@media (max-width: 479px){
	
	.et_pb_row_1-4_1-4 > .et_pb_column.et_pb_column_1_4, .et_pb_row_1-4_1-4_1-2 > .et_pb_column.et_pb_column_1_4, .et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
		margin-right: 0%;
	}
	
}

#jbblurb2:hover {
	background-color: #fff;
	color: #6bb4dd !important;
	cursor: pointer;
}

#jbblurb2:hover h3 {
	color: #6bb4dd !important;
}



/* Sidebar
-----------------------------------------------------------------------------*/

@media (min-width: 981px) {

	.et_pb_widget {
		margin-bottom: 16.347% !important;
	}

}

.widgettitle {
	font-size: 26px !important;
}

.more-link {
    box-shadow: 0px rgba(0,0,0,0.25) !important;
	background: #00c3d1;
	background-clip: border-box;
    border: 1px solid #00c3d1;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff !important;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    position: relative;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    margin-top: 10px;
}

.more-link:hover {
    background: #fff !important;
    border: 1px solid #00c3d1;
    color: #00c3d1 !important;
    text-decoration: none !important;
}

@media (max-width: 720px){
    .more-link {
	padding-left: 25px;
    padding-right: 25px;
	}
}

.et_pb_blog_grid h2 {
  font-size: 23px !important;
  font-weight: 600;
}



/* Posts
-----------------------------------------------------------------------------*/

.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper {
  padding-top: 4%;
}

.post-image {
	float: left;
	padding: 25px 30px 30px 0px;
}

@media (max-width: 920px){
    .post-image {
	float: none;
	padding: 0px;
	}
}



/* Products
-----------------------------------------------------------------------------*/

.jbproduct-image {
	float: left;
	padding: 7px 30px 30px 0px;
}

@media (max-width: 920px){
    .jbproduct-image {
	float: none;
	padding: 25px 0px 0px;
	}
}

.et-db #et-boc .et-l .et_pb_wc_related_products ul.products li.product a img {
	margin-top: 10% !important;
}

.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-1 li.product, .et-db #et-boc .et-l .et_pb_wc_related_products ul.products:not(.columns-4) li.product:nth-child(4n+1) {
	padding: 15px;
}

.et-db #et-boc .et-l .et_pb_wc_related_products_1 ul.products li.product span.onsale {
	display: none;
}




/* Buttons
-----------------------------------------------------------------------------*/

.jbbutton {
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.25) !important;
	background: #97d9cd !important;
	background-clip: border-box;
    border: 2px solid #97d9cd !important;
        border-top-style: solid;
        border-top-width: 0px;
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
        border-top-left-radius: 5px !important;
    	border-top-right-radius: 5px !important;
    	border-bottom-left-radius: 5px !important;
    	border-bottom-right-radius: 5px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    color: #252c33 !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    position: relative;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    margin: 10px 0;
}

.jbbutton:hover {
    background: #97d9cd !important;
    border: 2px solid #97d9cd !important;
        border-top-style: solid;
        border-top-width: 0px;
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
        border-top-left-radius: 5px !important;
    	border-top-right-radius: 5px !important;
    	border-bottom-left-radius: 5px !important;
    	border-bottom-right-radius: 5px !important;
    color: #252c33 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

@media (max-width: 720px){
    .jbbutton {
	padding-left: 30px !important;
    padding-right: 30px !important;
	}
}

.jbbutton1 {
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.25) !important;
	background: #fff !important;
	background-clip: border-box;
    border: 2px solid #3f42c4 !important;
        border-top-style: solid;
        border-top-width: 0px;
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
        border-top-left-radius: 5px !important;
    	border-top-right-radius: 5px !important;
    	border-bottom-left-radius: 5px !important;
    	border-bottom-right-radius: 5px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    color: #3f42c4 !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    position: relative;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    margin: 10px 0;
}

.jbbutton1:hover {
    background: #3f42c4 !important;
    border: 2px solid #3f42c4 !important;
        border-top-style: solid;
        border-top-width: 0px;
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
        border-top-left-radius: 5px !important;
    	border-top-right-radius: 5px !important;
    	border-bottom-left-radius: 5px !important;
    	border-bottom-right-radius: 5px !important;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

@media (max-width: 720px){
    .jbbutton1 {
	padding-left: 30px !important;
    padding-right: 30px !important;
	}
}

.jbbutton2 {
    box-shadow: 0px rgba(0,0,0,0.25) !important;
	background: #97d9cd;
	background-clip: border-box;
    border: 1px solid #97d9cd;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff !important;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    position: relative;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.jbbutton2:hover {
    background: #97d9cd !important;
    border: 1px solid #97d9cd;
    color: #fff !important;
    text-decoration: none !important;
}

@media (max-width: 720px){
    .jbbutton2 {
	padding-left: 25px;
    padding-right: 25px;
	}
}

.jbbutton3 {
    box-shadow: 0px rgba(0,0,0,0.25) !important;
	background: #6bb4dd;
	background-clip: border-box;
    border: 2px solid #6bb4dd;
    	border-top-style: solid;
        border-top-width: 0px;
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
        border-top-left-radius: 5px !important;
    	border-top-right-radius: 5px !important;
    	border-bottom-left-radius: 5px !important;
    	border-bottom-right-radius: 5px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    position: relative;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.jbbutton3:hover {
    background: #5da5ce !important;
    border: 2px solid #5da5ce;
    	border-top-style: solid;
        border-top-width: 0px;
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
        border-top-left-radius: 5px !important;
    	border-top-right-radius: 5px !important;
    	border-bottom-left-radius: 5px !important;
    	border-bottom-right-radius: 5px !important;
    color: #fff !important;
    text-decoration: none !important;
}

@media (max-width: 720px){
    .jbbutton3 {
	padding-left: 30px;
    padding-right: 30px;
	}
}

.jbbutton4 {
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.25) !important;
	background: #cf6400 !important;
	background-clip: border-box;
    border: 0px solid #cf6400;
        border-top-style: solid;
        border-top-width: 0px;
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
        border-top-left-radius: 5px;
    	border-top-right-radius: 5px;
    	border-bottom-left-radius: 5px;
    	border-bottom-right-radius: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 30px  !important;
    padding-right: 30px  !important;
    color: #fff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important;
    font-size: 20px !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    position: relative;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.jbbutton4:hover {
    background: #e37915 !important;
    border: 0px solid #e37915;
        border-top-style: solid;
        border-top-width: 0px;
        border-right-style: solid;
        border-right-width: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
        border-top-left-radius: 5px;
    	border-top-right-radius: 5px;
    	border-bottom-left-radius: 5px;
    	border-bottom-right-radius: 5px;
    color: #fff !important;
    text-decoration: none !important;
}

@media (max-width: 720px){
    .jbbutton4 {
	padding-left: 30px !important;
    padding-right: 30px !important;
	}
}

body #page-container .et_pb_section .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button {
    color: #FFFFFF !important;
    border-width: 1px !important;
    border-color: #cf6400 !important;
    border-radius: 7px;
    background-color: #cf6400 !important;
}


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

#footer-widgets {
  padding: 4.5% 0 0;
}

#footer-widgets .footer-widget li::before {
  display: none !important;
}

#footer-info {
  text-align: center;
  float: none;
}

#main-footer .footer-widget h4 {
	font-size: 23px;
}

@media (max-width: 980px) {
	
	.footer-widget:nth-child(n) {
		width: 46.25% !important;
		margin: 2.5% 7.5% 5.5% 0 !important;
	}

}

@media (max-width: 980px) {

	#footer-widgets .footer-widget:nth-last-child(-n+2) {
  		margin-bottom: 7.5% !important;
	}
	
}

@media (max-width: 767px) {

	#footer-widgets .footer-widget:nth-child(n) {
		margin-bottom: 5% !important;
	}

}

@media (max-width: 580px) {

	#footer-widgets {
		padding: 12% 0 !important;
	}

}