/*
 Theme Name:     Amazing
 Theme URI:      https://patricewolters.com
 Description:    Divi Child Theme
 Author:         Therapy Website Success
 Author URI:     https://therapywebsitesuccess.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* Theme customization starts here
-----------------------------------------------------------------------------*/

body {
	font-family: 'Lato',sans-serif;
	font-size: 20px;
	line-height: 1.5em;
	color: #222222;
}

#main-content .container {
    padding-top: 68px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.3em;
}

h1.entry-title {
	font-family: 'Lato',sans-serif;
	font-size: 36px;
}

h4.widgettitle {
	font-family: 'Lato',sans-serif;
	font-size: 30px;
}

#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar::after, .mobile_menu_bar::before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span::before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span::before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #245b74;
}

.et_fixed_nav #main-header {
    box-shadow: rgba(0,0,0,.25) 0 3px 11px 0 !important;
    -moz-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0 !important;
}


/* Secondary top menu customizations
-----------------------------------------------------------------------------*/

#top-header .container {
    padding-top: 1.3em;
    font-weight: 600;
    padding-bottom: 0px;
}
 
#et-info {
    width: 10%;
    float: left;
    text-align: left;
}
 
.cta {
	width: 65%; 
	text-align: right;
	float: right;
	margin-top: -3px;
	font-size: 16px;
}
 
.cta a {
	background: #fff;
    color: #db4c32 !important;
    padding: 5px 5px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700 !important;
    transition: all 0.5s;
}
 
.cta a:hover {
	background: #fff;
	color: #db4c32 !important;
}
 
#et-secondary-menu {
	width: 10%;
	float: left; 
	text-align: left;
}

#et-info-email { 
    display:none !important 
}

#et-info-phone { 
    display:none !important 
}
 
@media (max-width: 980px) {

	#et-info {
    	width: 0%;
    	float: left;
    	text-align: left;
    	display: none;
	}
 
	.cta {
		width: 100%; 
		text-align: right;
		float: right;
		margin-top: -3px;
	}
 
	#et-info {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}
 
@media (max-width: 740px) {

	.cta {
		width: 100%;
		font-size: 14px;
	}

	#et-info {
		display:none;
	}
}


/* Navigation Menu Customizations
-----------------------------------------------------------------------------*/

nav#top-menu-nav {
	padding-left: 60px;
}

#top-menu li {
    padding-right: 4em;
}


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

	#top-menu li {
    	padding-right: 3em;
	}

}

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

	#top-menu li {
    	padding-right: 2em;
	}

}

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

	#top-menu li {
    	padding-right: 1.5em;
	}

}

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

	#top-menu li {
    	padding-right: 1em;
	}

}

.et_mobile_menu {
	border-top: 3px solid #19445d;
}

#et-top-navigation {
    font-weight: 400;
}

.et_pb_gutters3 .et_pb_column {
    margin-right: 0%;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    max-width: 1080px;
}


/* Fullwidth Headers Customizations
-----------------------------------------------------------------------------*/

.pw-fw-header {
	display: flex;
	align-items: flex-center;
	padding: 0;
	min-height: 65vh !important;
	height: 65vh !important;
}

.pw-fw-header .et_pb_fullwidth_header_container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.pw-fw-header .header-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 2% !important;
    margin: 0;
	min-height: 45vh !important;
	height: 45vh !important;
}

.pw-fw-header .header-content-container.center {
    margin-bottom: 0;
    align-self: flex-center !important;
}

.pw2-fw-header {
	display: flex;
	align-items: flex-center;
	padding: 0;
	min-height: 60vh !important;
	height: 60vh !important;
}

.pw2-fw-header .et_pb_fullwidth_header_container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.pw2-fw-header .header-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 2% !important;
    margin: 0;
	min-height: 50vh !important;
	height: 50vh !important;
}

.pw2-fw-header .header-content-container.center {
    margin-bottom: 0;
    align-self: flex-center !important;
}

@media only screen and ( max-width: 1280px) {
	
	.pw-fw-header {
		display: flex;
		align-items: flex-center;
		padding: 0;
		min-height: 55vh !important;
		height: 55vh !important;
	}
	
}

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3)
    and (orientation : landscape) {
	
	.pw-fw-header {
		display: inline;
		padding: 0;
		min-height: 35vh !important;
		height: 35vh !important;
	}
	
}

.home-headshot {
	float:right;
	padding-left:30px;
	padding-top: 7px;
	padding-bottom: 10px;
}

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

	.home-headshot {
		float:right;
		padding-left: 20px;
		padding-top: 0px;
		padding-bottom: 20px;
	}

}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px 4px;
    font-size: 13px;
    line-height: 1.7em;
}


/* Filterable Portfolio with Custom Columns & Image Sizes
-----------------------------------------------------------------------------*/

/*Set number of columns and margin for the images*/
@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_4_4 .pw-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item,
    .et_pb_gutters3 .et_pb_column_4_4 .pw-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.active,
    .pw-library-grid.et_pb_portfolio_grid .et_pb_portfolio_item,
    .et_pb_column_4_4 .pw-library-grid.et_pb_grid_item:nth-child(1n) /*Change this number to value 4 in the calculator (don't remove the 'n')*/ {
        width: 50% !important; /*Change this number to value 3 in the calculator (don't remove the '%') */
        margin: 0; /*Change these numbers to values 1 & 2 in the calculator (don't remove the '%' or '0')*/
    }
}

/*Set number of columns and margin for the category filters*/
.pw-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    float: left;
    margin: 0; /*Change these numbers to values 5 & 6 in the calculator (don't remove the '%' or '0')*/
    text-align: center;
    width: 50%; /*Change this number to value 7 in the calculator (don't remove the '%' )*/
}

.pw-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2n) { /*Change this number to value 8 in the calculator (don't remove the 'n' )*/
    margin-right: 0;
}

/*This sets the width of the filter buttons on smaller screens, you really want to leave these as they are or your buttons will be too small*/
@media only screen and (max-width: 1280px) {
    .pw-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        margin: 0;
        width: 50%;
    }
    .pw-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(3n+3) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 980px) {
    .pw-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        margin: 0 2% 2% 0 !important;
        width: 49%;
    }
    .pw-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2n) {
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    .pw-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .pw-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters {
        margin: -30px 0 40px !important;
    }
}

/*Ensures portfolio images display on mobile and tablets, you don't need to touch this*/
@media only screen and ( max-width: 980px) {
    .pw-library-grid .et_portfolio_image img {
        width: 100%;
    }
}


/* Portfolio Grid Customizations
-----------------------------------------------------------------------------*/

.et_pb_portfolio_grid .et_pb_portfolio_item h2 {
  width: 100%;
  font-size: 18px;
  text-align: left;
  position: absolute;
  bottom: 10%;
  left: 10%;
  max-width: 200px;
}
.et_pb_portfolio_grid .et_pb_portfolio_item h1 a {
  color: #333333;
}
.et_pb_portfolio_grid .et_pb_portfolio_item p {
  top: 10%; 
  padding-left: 10%;
}

.et_pb_portfolio_grid .et_pb_portfolio_filters {
  display: none; /*hides portfolio filters*/
}
.et_pb_portfolio_grid .et_overlay {
  border: none;
}
.et_pb_portfolio_grid .et_overlay:before {
  display: none; /*hides overlay icon*/
}


/* Portfolio Filters
-----------------------------------------------------------------------------*/

@media only screen and ( min-width: 981px ) {
.et_pb_portfolio_filters ul {
  text-align: center;
}
.et_pb_portfolio_filters ul li {
  display: inline-block;
  float: none !important;
}
}

.et_pb_portfolio_grid.et_pb_portfolio_grid .et_pb_portfolio_filters li a {
  border: none;
  background-color: #fff;
  border-radius: 0;
}
.et_pb_portfolio_grid.et_pb_portfolio_grid .et_pb_portfolio_filters li a:hover {
  color: #333 !important;
  transition: 0.5s;
}
.et_pb_portfolio_grid.et_pb_portfolio_grid .et_pb_portfolio_filters li a.active {
  color: #333 !important;
  transition: 0.5s;
}

.et_pb_portfolio_item .et_pb_module_header {
    position: absolute!important;
    top: 50% !important;
    transform: translateY(-50%)!important;
    text-align: center;
    left: 20px;
    right: 20px;
    opacity: 1 !important;
    color: #fff !important;
    z-index: 10;
    transition: all 0.3s ease;
    pointer-events: none;
}


/* Blog Customizations
-----------------------------------------------------------------------------*/

.et_pb_post .entry-title a, .et_pb_post h2 a {
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 34px;
}

.post-meta {
    font-size: 14px;
}

#comment-wrap {
    padding-top: 0px;
}

h1.page_title {
	font-family: 'Lato',sans-serif;
	font-size: 28px;
}

h3.comment-reply-title {
	font-family: 'Lato',sans-serif;
	font-size: 28px;
}

a.more-link {
	color: #19445d;
}

.et_pb_widget_area_left {
    padding-right: 0px;
    border-right: 0px solid rgba(0,0,0,.1);
    padding-left: 70px;
}

.et_pb_widget_area .et_pb_widget a {
    color: #245b74;
}

.et_pb_widget a {
    color: #245b74;
    text-decoration: none;
}

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

	#main-content .container::before {
    	background-color: #fff;
	}
	
	.et_pb_gutters3 .et_pb_column_1_4 {
		width: 25.875%
	}
}


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

.et_pb_widget {
    float: none !important;
}

#main-footer {
    background-color: #19445d;
    background-image: url(https://patricewolters.com/wp-content/uploads/2020/02/footer-back.jpg);
}

#main-footer .container {
    text-align: center;
    width: 100%;
	max-width: none;
	margin: 0;
}

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

.footer-widget {
    float: none !important;
}

@media all and (min-width:981px) {
	
	.et_pb_gutters3 .footer-widget {
    margin-bottom: 1.5% !important;
	}
}


@media all and (max-width:980px) {

	.footer-widget:nth-child(n) {
		width: 100% !important;
		margin: 0 7.5% 7.5% 0 !important;
		padding: 0 20px 5px 20px;
	}
}

#footer-info {
    float: right;
    padding-bottom: 10px;
    color: #666;
    text-align: right;
    line-height: 1.7em;
    padding-right: 20px;
}

#footer-bottom {
	background-color: #012438;
}

#footer-bottom .container {
    width: 100%;
    max-width: none;
    margin: 0;
}

.et-social-icons {
    float: left;
    line-height: 1.5em;
    padding-top:5px;
}

@media all and (max-width:479px) {
	
	#footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget {
    	margin-bottom: 1.5% !important;
	}
	
	.et_pb_gutters3 .footer-widget {
    	margin-bottom: 1.5% !important;
	}
	
}
.single-post h1.hidden_seo {
    color: #fff0 !important;
    position: absolute;
    font-size: 18px;
}

.single-post h2.entry-title.seo_h1 {
    font-family: lato,sans-serif;
    font-size: 36px;
}