/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme modified by Katlynn Whitaker
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization by Katlynn Whitaker starts here
------------------------------------------------------- */

/* MENU BAR, DESKTOP */

@media (min-width: 981px) {
	
	/* Increase spacing between menu items on desktop, align right */
	.et_vertical_nav.et_header_style_centered header#main-header #top-menu>li>a, .et_vertical_nav.et_header_style_centered header#main-header.et-fixed-header #top-menu>li>a {
		padding-bottom: 39px;
		padding-right: 34px;
		text-align: right;
	}
	
	/* Make menu bar wider on desktop */
	.et_vertical_nav #page-container #main-header {
    	width: 300px;
	}
	
	/* Adjust main content width to compensate for wider menu bar */
	.et_vertical_nav #et-main-area, .et_vertical_nav #top-header {
    	margin-left: 300px!important;
    	position: relative;
	}
	
	/* Add top padding to make room for signature */
	.et_vertical_nav #main-header .container {
		padding-top: 135px;
	}
	
	/* Logo alignment */
	.et_header_style_centered #main-header .logo_container, .et_header_style_split #main-header .logo_container {
		margin: 0;
    	float: right;
	}
	
	/* Insert signature background image for menu bar */
	#main-header::before {
		content: '';
		background-image: url("/wp-content/uploads/2021/04/Menu-background.jpg");
		background-repeat: no-repeat;
  		background-position: center top;
		position: absolute;
		width: 100%;
        height: 100%;
		z-index: 1;
		top: 0px;
        left: 0px;
	}
	
}

/* MENU BAR, TABLET & PHONE */

@media (max-width: 980px) {
	
	.et_header_style_centered .mobile_nav .select_page, .et_mobile_menu li a {
		text-transform: uppercase;
		letter-spacing: 4px;
		font-weight: normal;
	}
	
	.et_mobile_menu li a {
		border-bottom: 1px solid #5a5a5a;
	}
	
}

/* HOME */

/* Make a fullscreen slider - see Divi Theme Options Integration tab for javascript part */
	.et_fullscreen_slider .et_pb_slides, .et_fullscreen_slider .et_pb_slide, .et_fullscreen_slider .et_pb_container {
    	min-height: 100% !important;
    	height: 100% !important;
	}

/* Style "scroll to top" icon */
	.et_pb_scroll_top.et-pb-icon {
		border-radius: 0px;
	}

/* Change font & styling of translation language switcher */
	.switcher.notranslate {
		font-family: 'Crimson Text',Georgia,"Times New Roman",serif !important;
	}

/* Adjust position of translation switcher for device sizes */
	@media (max-width: 1216px) {
		
		#gtranslate_wrapper {
			right: 0!important;
		}
		
		#footer-bottom {
			padding: 10px 0 30px;
		}
		
	}

/* PORTFOLIO GRID PAGES */

/* Style font of project title */
	.griffith-portfolio .et_pb_portfolio_item h2 a {
		text-transform: none;
		letter-spacing: 0px;
	}

/* FOOTER */

/* Center bottom bar credits */
	#footer-bottom #footer-info {
    	width: 100%!important;
    	margin: 0 auto!important;
    	text-align: center !important;
	}

/* Font adjustments */
	#footer-bottom #footer-info {
		line-height: 17px!important;
	}

	#footer-info .photo-credits {
		font-size: 14px;
		font-style: italic;
		padding-top: 5px;
	}
