/*
 Theme Name:   Divi Photographer
 Description:  Website template for photographers to showcase their services, portfolio, blog, and collect leads.
 Author:       Pee-Aye Creative
 Author URI:   http://peeayecreative.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*MENU
--------------------------------------------------*/


/*equalize the menu item width*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li {
	width: calc(100% / 6);
	/*change this number based on how many menu items you have*/
	transition: all .75s easein-out;
}


/*set the menu link to fill the menu item width*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li>a {
	width: 100%;
	text-align: center;
	padding: 25px 20px 20px;
}


/*match the padding of the dropdown icon to match the link*/

.et-menu .menu-item-has-children>a:first-child:after {
	position: relative;
	color: #c1a1a3;
}


/*add a border to the left of menu items*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li:not(:first-child) {
	border-left: 1px solid #c1a1a3;
}


/*menu contact button*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li:last-child {
	border-left: none;
	background: #50596f;
	outline: 1px solid #edeef0;
	outline-offset: -5px;
}


/*menu contact button link*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li:last-child>a {
	color: #ffffff!important;
}


/*menu contact button on hover*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li:last-child:hover {
	background: #c1a1a3!important;
	transition: all .75s ease-in-out;
}


/*stop menu links form fading on hover*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li:hover a {
	opacity: 1!important;
}


/*menu items on hover*/

.pa-header-menu .et_pb_menu__menu>nav>ul>li:hover {
	background: #c1a1a3;
	transition: all .75s ease;
}


/*fix margin on menu*/

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
	margin-top: 0!important;
}


/*add point on top of the submenu dropdown*/

nav>ul>li>ul:after {
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*add a word beside the hamburger menu*/

.et_mobile_nav_menu:before {
	content: 'Menu';
	margin-right: 4px;
}


/*make the mobile menu wider*/

.et_mobile_menu {
	width: 100%;
}


/*change hamburger menu to X*/

.mobile_nav.opened .mobile_menu_bar:before {
	content: '\4d';
}


/*remove the border from the top of the mobile menu*/

.et_mobile_menu {
	border-top: none;
}


/*hide the submenu items on mobile*/

.et_mobile_menu li ul.hide {
	display: none !important;
}


/*adjust the parent menu items on mobile*/

.et_mobile_menu .menu-item-has-children {
	position: relative;
}


/*adjust the parent menu items on mobile*/

.et_mobile_menu .menu-item-has-children>a {
	background: transparent;
}


/*position and style the submenu icons*/

.et_mobile_menu .menu-item-has-children>a+span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
}


/*icon for closed submenu*/

span.menu-closed:before {
	content: "\33";
	display: block;
	color: #c1a1a3;
	font-size: 18px;
	font-family: ETmodules;
}


/*icon for open submenu*/

span.menu-closed.menu-open:before {
	content: "\4d";
	color: #c1a1a3;
}


/*adjust border under mobile menu items*/

.et_mobile_menu li:not(:last-child) a {
	border-bottom: 1px solid #edeef0;
}


/*remove border under last mobile menu item*/

.et_mobile_menu li:last-child a {
	border-bottom: none;
}


/*PHOTO CATEGORY GRID ON HOMEPAGE
----------------------------------------------------------------*/


/*weddings category button text*/

.weddings .et_pb_image_wrap:before {
	content: "Weddings";
}


/*newbord category button text*/

.newborn .et_pb_image_wrap:before {
	content: "Newborn";
}


/*seniors category button text*/

.seniors .et_pb_image_wrap:before {
	content: "Seniors";
}


/*family category button text*/

.family .et_pb_image_wrap:before {
	content: "Family";
}


/*style and position the buttons on the home page photo categories*/

.pa-button-over-image .et_pb_image_wrap:before {
	font-family: Open Sans;
	line-height: 1.7em;
	z-index: 9999;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, 0.75);
	color: #50596f;
	text-transform: uppercase;
	font-weight: 300;
	padding: .5em 1.5em;
	font-size: 1em;
	letter-spacing: 1px;
	border-radius: 0px;
	transition: all 0.75s ease-in-out;
	-moz-transition: all 0.75s ease-in-out;
	-webkit-transition: all 0.75s ease-in-out;
}


/*button color on hover*/

.pa-button-over-image:hover .et_pb_image_wrap:before {
	background-color: #50596f;
	color: #ffffff;
	transition: all 0.75s ease-in-out;
	-moz-transition: all 0.75s ease-in-out;
	-webkit-transition: all 0.75s ease-in-out;
}

@media (min-width:980px) {
	/*vertical images in photo category grid*/
	.pa-image-vertical .et_pb_image_wrap {
		padding-top: 154%;
		display: block;
	}
	/*vertical images in photo category grid*/
	.pa-image-vertical .et_pb_image_wrap img {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		object-fit: cover;
	}
	/*horizontal images in photo category grid*/
	.pa-image-horizontal .et_pb_image_wrap {
		padding-top: 75%;
		display: block;
	}
	/*horizontal images in photo category grid*/
	.pa-image-horizontal .et_pb_image_wrap img {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		object-fit: cover;
	}
}


/*MISCELLANEOUS
----------------------------------------------------------------*/


/*add inner border to all buttons*/

.et_pb_button {
	outline: 1px solid #edeef0;
	outline-offset: -5px;
}


/*inner border*/

.pa-inner-border {
	outline: 1px solid #edeef0;
	outline-offset: -15px;
}


/*outer border*/

.pa-outer-border {
	outline: 1px solid #edeef0;
	outline-offset: 15px;
}


/*change images aspect ratio to landscape 3:4*/

.pa-image-3-4 .et_pb_image_wrap {
	padding-top: 133.33%;
	display: block;
}


/*change images aspect ratio to landscape 3:4*/

.pa-image-3-4 .et_pb_image_wrap img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}


/*make sure all theme builder page titles are capitalized*/

.et_pb_text_1_tb_body h1 {
	text-transform: capitalize;
}


/*IMAGES
----------------------------------------------------------------*/


/*standard image inner border*/

.pa-image-inner-border img {
	outline: 1px solid #edeef0;
	outline-offset: -15px;
}


/*linked image inner border*/

.pa-image-inner-border-hover .et_pb_image_wrap img {
	outline: 1px solid #edeef0;
	outline-offset: -15px;
	transition: outline-color .75s ease-in-out;
}


/*linked image inner border on hover*/

.pa-image-inner-border-hover .et_pb_image_wrap img:hover {
	outline: 1px solid transparent;
	transition: outline-color .75s ease-in-out;
}


/*image overlay*/

.pa-image-inner-border-hover .et_overlay {
	transition: .75s ease-in-out;
}


/*image overlay on hover*/

.pa-image-inner-border-hover:hover .et_overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.75);
	position: absolute;
	transition: .75s ease-in-out;
}


/*GALLERY
----------------------------------------------------------------*/


/*gallery image inner border*/

.et_pb_gallery_grid .et_pb_gallery_image {
	outline: 1px solid #edeef0;
	outline-offset: -15px;
	transition: outline-color .75s ease-in-out;
}


/*gallery image inner border on hover*/

.et_pb_gallery_grid .et_pb_gallery_image:hover {
	outline: 1px solid transparent;
	transition: outline-color .75s ease-in-out;
}


/*gallery image overlay*/

.et_pb_gallery_grid .et_pb_gallery_image .et_overlay {
	transition: .75s ease-in-out;
}


/*gallery image overlay on hover*/

.et_pb_gallery_grid .et_pb_gallery_image:hover .et_overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.75);
	position: absolute;
	transition: .75s ease-in-out;
}


/*GALLERY PAGINATION
----------------------------------------------------------------*/


/*vertical spacing of pagination on mobile*/

.et_pb_gallery .et_pb_gallery_pagination ul li {
	margin: 10px 0;
}


/*pagination links*/

.et_pb_gallery .et_pb_gallery_pagination ul li a {
	font-size: 1.25em !important;
	outline: 1px solid #edeef0;
	outline-offset: -5px;
	font-weight: 300;
	text-transform: uppercase;
	background-color: #50596f;
	color: #ffffff!important;
	padding: .5em 1.5em;
	border-radius: 0px;
	transition: all .75s ease-in-out;
}


/*pagination links on hover*/

.et_pb_gallery .et_pb_gallery_pagination ul li a:hover {
	color: #ffffff !important;
	background: #c1a1a3 !important;
}


/*active pagination link*/

.et_pb_gallery .et_pb_gallery_pagination ul li a.active {
	color: #ffffff!important;
	background: #c1a1a3!important;
}


/*remove the top border and center links*/

.et_pb_gallery_pagination {
	border: none!important;
	margin-top: 25px;
}


/*GALLERY LIGHTBOX
----------------------------------------------------------------*/


/*style and position the close button*/

button.mfp-close {
	color: #ffffff!important;
	opacity: 1!important;
	margin-top: 27px;
	margin-right: 24px !important;
}


/*hide the image caption*/

.mfp-title {
	display: none;
}


/*style the image count number*/

.mfp-counter {
	color: #ffffff;
	font-weight: bold;
	padding-right: 23px;
}


/*remove the padding around the image*/

img.mfp-img {
	padding: 0!important;
	outline: 1px solid #edeef0;
	outline-offset: -15px;
	max-height: 800px!important;
}


/*navigation arrows*/

.mfp-arrow:after {
	color: #ffffff;
	background: #50596f;
	font-size: 3em;
	padding: 15px;
	outline: 1px solid #edeef0;
	outline-offset: -5px;
	transition: .75s ease-in-out;
}


/*navigation arrows on hover*/

.mfp-arrow:hover:after {
	background: #c1a1a3;
	transition: .75s ease-in-out;
}


/*make the previous and next arrows solid*/

.mfp-arrow {
	opacity: 1!important;
}


/*move left arrow in from the edge*/

.mfp-arrow-left {
	margin-left: 50px!important;
}


/*move right arrow in from the edge*/

.mfp-arrow-right {
	margin-right: 80px!important;
}


/*set the background color*/

.mfp-bg {
	background-color: #c1a1a3!important;
}


/*set the box shadow on the image*/

.mfp-figure:after {
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
}


/*BLOG FEED
----------------------------------------------------------------*/


/*blog image inner border*/

.et_pb_post .entry-featured-image-url {
	outline: 1px solid #edeef0;
	outline-offset: -15px;
	transition: outline-color .75s ease-in-out;
}


/*blog image inner border on hover*/

.et_pb_post .entry-featured-image-url:hover {
	outline: 1px solid transparent;
	transition: outline-color .75s ease-in-out;
}


/*blog image overlay*/

.et_pb_post .entry-featured-image-url .et_overlay {
	transition: .75s ease-in-out;
}


/*blog image overlay on hover*/

.et_pb_post .entry-featured-image-url:hover .et_overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.75);
	position: absolute;
	transition: .75s ease-in-out;
}


/* read more link as a button */

.et_pb_post a.more-link {
	outline: 1px solid #edeef0;
	outline-offset: -5px;
	font-size: 1em;
	text-transform: uppercase;
	background-color: #50596f;
	color: #ffffff!important;
	margin: 20px 0 0px;
	float: none;
	display: inline-block;
	padding: .5em 1.5em;
	border-radius: 0px;
	transition: all 0.75s ease-in-out;
}

.et_pb_post a.more-link:hover {
	color: #ffffff!important;
	background-color: #c1a1a3;
	transition: all 0.75s ease-in-out;
}

.et_pb_post .entry-title:after {
	display: table;
	content: "";
	border-top: 1px solid #c1a1a3;
	width: 100px;
	margin: 14px 0;
}


/*add border and spacing between posts in the feed*/

.et_pb_post {
	border-bottom: 1px solid #edeef0!important;
	padding-bottom: 60px;
}


/*adjust padding and remove border on blog using grid layout*/

.et_pb_blog_grid .et_pb_post {
	padding-bottom: 19px!important;
	border: none;
}


/*BLOG PAGINATION
----------------------------------------------------------------*/


/*style the wp-pagenavi pagination links*/

.wp-pagenavi a {
	font-size: 1.25em !important;
	transition: all .75s ease-in-out;
	outline: 1px solid #edeef0;
	outline-offset: -5px;
	font-weight: 300;
	text-transform: uppercase;
	background-color: #50596f;
	color: #ffffff!important;
	margin: 20px 4px 0px;
	float: none;
	display: inline-block;
	padding: .5em 1.5em;
	border-radius: 0px;
}


/*style the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
	color: #ffffff !important;
	background: #c1a1a3 !important;
}


/*styles the wp-pagenavi current page number*/

.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #c1a1a3 !important;
	border-radius: 0px;
	outline: 1px solid #edeef0;
	outline-offset: -5px;
	font-size: 1.25em !important;
	padding: .5em 1.5em;
	display: inline-block;
}


/*styles the wp-pagenavi pages text*/

.wp-pagenavi .pages {
	background: none!important;
	color: #000;
	font-size: 1.25em!important;
}


/*remove border and center the wp-pagenavi links*/

.wp-pagenavi {
	border-top: none;
	text-align: center;
}


/*style the next and previous icons*/

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	color: #ffffff!important;
}


/*SIDEBAR
----------------------------------------------------------------*/

.widget_search input#s {
	height: auto!important;
	margin: 0;
	padding: 0.5em;
	border: 1px solid #edeef0;
	color: #000000;
	font-size: .75em;
	line-height: inherit!important;
	border-radius: 0;
}


/*widget search input field*/

.widget_search input#searchsubmit {
	height: auto!important;
	margin: 0;
	padding: 0.5em;
	border: 1px solid #50596f;
	color: #ffffff;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: inherit!important;
}


/*widget search submit button*/

.widget_search #searchsubmit {
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	border-radius: 0;
	background-color: #50596f;
	outline: 1px solid #edeef0;
	outline-offset: -5px;
	transition: all 0.75s ease-in-out;
}


/*widget search submit button on hover*/

.widget_search #searchsubmit:hover {
	background-color: #c1a1a3;
	border-color: #c1a1a3;
	transition: all 0.75s ease-in-out;
}


/*adjust widget title spacing*/

h4.widgettitle {
	margin-top: 30px;
	margin-bottom: 10px;
}


/*add border and spacing below each widget*/

.et_pb_widget:not(:last-child) {
	border-bottom: 1px solid #edeef0;
	padding-bottom: 50px;
	margin-bottom: 10px!important;
}


/*recent posts link styling*/

.et_pb_widget.widget_recent_entries ul li a {
	color: #c1a1a3!important;
	transition: all 0.75s ease-in-out;
}


/*recent posts link styling on hover*/

.et_pb_widget.widget_recent_entries ul li:hover a {
	color: #50596f!important;
	transition: all 0.75s ease-in-out;
}


/*recent post date styling*/

.widget_recent_entries span.post-date {
	font-size: .9em;
	display: block;
}


/*adjust spacing of list items*/

.et_pb_widget.widget_recent_entries li {
	margin: 0 !important;
	padding: 10px 0;
	text-transform: capitalize;
}


/*single post meta and links*/

#left-area .post-meta a,
.nav-previous a,
.nav-next a,
.et_pb_widget a,
.et_pb_post .post-meta a,
.et_pb_title_meta_container a {
	color: #c1a1a3!important;
	padding-bottom: 1px;
	border-bottom: 1px solid #ddd;
}


/*single post meta and links on hover*/

#left-area .post-meta a:hover,
.nav-previous a:hover,
.nav-next a:hover,
.et_pb_widget a:hover,
.et_pb_post .post-meta a:hover,
.et_pb_title_meta_container a:hover {
	border-bottom-color: #c1a1a3;
}


/*make categories stack like tags*/

.et_pb_widget ul li {
	display: inline-block;
}


/*categories styling*/

.et_pb_widget.widget_categories a {
	outline: 1px solid #edeef0;
	outline-offset: -5px;
	color: #ffffff!important;
	background-color: #50596f;
	font-size: .75em!important;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: .5em 1.5em;
	border-radius: 0px;
	margin: -1px 1px;
	display: inline-block;
	transition: all 0.75s ease-in-out;
}


/*tag cloud styling*/

.tagcloud a {
	outline: 1px solid #edeef0;
	outline-offset: -5px;
	color: #ffffff!important;
	background-color: #50596f;
	font-size: .75em!important;
	padding: .5em 1.5em;
	border-radius: 0px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 3px 1px;
	transition: all 0.75s ease-in-out;
}


/*tags and categories on hover*/

.tagcloud a:hover,
.cat-item a:hover {
	background: #c1a1a3!important;
	color: #ffffff!important;
	transition: all 0.75s ease-in-out;
}


/*open footer menu and remove hamburger icon*/

@media (max-width: 980px) {
	.pa-footer-menu .et_pb_menu__menu {
		display: flex;
	}
	.pa-footer-menu .et_mobile_nav_menu {
		display: none;
	}
}


/*SINGLE FIELD OPTIN MODULE
-----------------------------------------------------------------------*/

@media (min-width:980px) {
	/*apply necessary flex to optin module*/
	.pa-footer-optin .et_pb_newsletter_footer {
		flex-basis: 100%;
		margin-top: 0;
	}
	/*width of email field*/
	.pa-footer-optin .et_pb_newsletter_field {
		flex-basis: 73%;
	}
	/*width of button*/
	.pa-footer-optin .et_pb_newsletter_button_wrap {
		flex-basis: 25%;
	}
	/*make fields inline instead of wrapping*/
	.et_pb_newsletter .et_pb_newsletter_fields {
		flex-wrap: nowrap;
	}
}


/*INSTAGRAM FEED
----------------------------------------------------------------*/


/*add inner border to instagram photos*/

#sb_instagram .sbi_photo {
	outline: 1px solid #edeef0;
	outline-offset: -15px;
	margin: 3px;
	transition: all .75s ease-in-out;
}


/*border fade and image overlay on hover*/

#sb_instagram .sbi_photo:hover {
	outline: 1px solid transparent;
	-webkit-filter: opacity(25%);
	filter: opacity(25%);
	transition: all .75s ease-in-out;
}


/*BACK TO TOP BUTTON
-----------------------------------------------------------------------*/


/*style the back-to-top button*/

.et_pb_scroll_top.et-pb-icon {
	background: #50596f;
	outline: 1px solid #edeef0;
	outline-offset: -5px;
	padding: 8px;
	border-radius: 0px;
	right: 20px;
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
	transition: all 0.75s ease 0s;
	cursor: pointer;
}


/*style the back-to-top button on hover*/

.et_pb_scroll_top.et-pb-icon:hover {
	background-color: #c1a1a3;
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
	transform: translateY(-3px);
}