/*
 Theme Name:     Janet Parnes Etiquette Consultant 
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Design and Hosting by <a href="http://www.miele-fleury.com/" target="_blank" title="Miele-Fleury Graphics">Miele-Fleury Graphics</a> and <a href="https://www.ashdowntech.com" target="_blank" title="Ashdown Technologies">Ashdown Technologies</a>.
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 

/* =Theme customization starts here */

/**************** GENERAL ***************/

h1 {}
h2 {}
h3 {}
h4 {}

#main-content ul,
#main-content ol {
	margin-left: 2em;
	}



/****************** NAV *****************/

li.no-hand > a {
	cursor: default;
	}

#top-menu li .menu-item-has-children > a:first-child::after {
	content: "5";	/* Points the subnav arrow sideways rather than down */
	}

.et_fullwidth_nav #main-header .container {
	padding: 0;
	}

.et_header_style_centered #main-header div#et-top-navigation {
	background-color: #218C8D;
	}

.et_header_style_centered #top-menu > li > a {
	color: #fff;
	margin-top: 14px;
	padding-bottom: 14px !important;
	}

/****************** SUB NAV *****************/

.nav li ul {
	width: 240px;
	}

#top-menu li li {
	padding: 0 10px;
	}

#top-menu li li a {
    padding: 12px 10px;
    width: 220px;
	line-height: 1.3em;
	}

#top-menu li .menu-item-has-children > a:first-child::after {
	top: 12px;
	}

/****************** MOBILE NAV *****************/

.et_header_style_centered .mobile_nav .select_page,
.mobile_menu_bar::before {
    color: #fff !important;
	}

.et_header_style_centered .et_mobile_menu {
	top: 35px;
	}


/**************** HEADER *****************/

#top-header {
	border-bottom: 10px solid white;
	}

#logo {
	padding-right: 350px;
	}

.et_header_style_centered #main-header .logo_container {
	position: relative;
	max-width: 1120px;
	min-width: 1020px;
	margin: 0 auto;
	padding-right: 20px;
	padding-left: 20px;
	}
#et-info-phone {
	font-size: 16px;
}


.jlp_homeclick_container {
	cursor: pointer;
	}

.jlp_header {
	font-family: 'EB Garamond', serif;
	color: #218C8D;
	position: absolute;
	line-height: 1.2em;
	}

.jlp_name {
	text-align: left;
	font-size: 28px;
	top: 15px;
	}

.jlp_name span {
	font-size: 20px;
	letter-spacing: 1px;
	}

.jlp_about {
	text-align: right;
	font-size: 18px;
	font-style: italic;
	top: 100px;
	right: 100px;
	}

.jlp_about p {
	font-family: 'Open Sans', 'sans serif';
	color: #000;
	font-style: normal;
	font-size: 13px;
	}

.jlp_etiquette_button {
	font-family: 'Open Sans', 'sans serif';
	position: absolute;
	top: 30px;
	right: 100px;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3em;
	cursor: pointer;
	text-align: center;
	}

.jlp_etiquette_button_header {
	background-color: #ffd28c;
	border: 1px solid #218c8d;
	color: #333;
	}


.jlp_etiquette_button_body {
	background-color: #218c8d;
	color: #fff;
	display: none;
	}

#jlp_serving {
	font-family: 'Open Sans', 'sans serif';
	color: #333;
	background-color: #FFD28C;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	letter-spacing: 1px;
	}

@media all and (max-width: 980px) {
	
	.et_header_style_centered #et_mobile_nav_menu {
		margin-top: 0;
		}
	
	.et_header_style_centered #main-header .container {
		text-align: left;
		width: 100%;
		}
	
	#logo {
		padding-right: 0;
		}

	.et_header_style_centered #logo {
		max-height: 200px;
		height: 100%;
		}

	.et_header_style_centered #main-header {
		padding: 0;
		}

	.et_header_style_centered #main-header .logo_container {
		width: 640px;
		min-width: 640px;
		max-height: 180px !important;
		margin: 0 auto;
		}
	

	.jlp_name,
	.jlp_about {
		left: 190px;
		}	

	.jlp_about {
		font-size: 17px;
		}

	.jlp_name {
		top: 15px;
		}	

	.jlp_about {
		top: 125px;
		right: initial;
		}	

	.jlp_etiquette_button {
		left: 520px;
		right: initial;
		}
	
	}

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

	.jlp_etiquette_button_header {
		display: none;
		}
	
	.jlp_etiquette_button_body {	
		display: block;
		position: relative;
		left: initial;
		top: initial;
		width: 150px;
		margin: 10px auto;
		}
	
	.et_header_style_centered #logo {
		max-height: 120px;
		height: 100%;
		}

	.et_header_style_centered #main-header .logo_container {
		width: 260px;
		min-width: 260px;
		}
	
	.jlp_name {
		top: 5px;
		font-size: 16px;
		left: 120px;
		}

	.jlp_name span {
		font-size: 12px;
		letter-spacing: 0;
		}

	.jlp_about {
		left: 120px;
		top: 55px;
		font-size: 11px;
		text-align: left;
		}

	.jlp_about p {
		padding-top: 5px;
		font-size: 11px;
		}
	
	}

/*   Internet Explorer 11 Tweaks because of width calculation differences :(    */
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 980px)  {		
	.et_header_style_centered #main-header .logo_container {
		width: 760px;
		min-width: 760px;
		}		
	}	

@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 660px)  {		
	.et_header_style_centered #main-header .logo_container {
		width: 380px;
		min-width: 380px;
		}		
	}	

/**************** HOME PAGE *****************/


/**************** PORTFOLIO *****************/

/**************** TESTIMONIALS *****************/


/**************** SIDEBAR *****************/


/**************** CONTENT *****************/


/**************** SEARCH *****************/

body.search #main-content .container {
	padding: 20px 0 10px !important;
	}

body.search .et_pb_fullwidth_header_overlay {
    background-color: rgba(255, 255, 255, 0.3);
	}

body.search article {
	background-color: #ebeff4;
	}

body.search p.show-permalink a {
	color: navy;
	font-size: 0.95em;
	}

body.search p.show-permalink a:hover {
	color: blue;
	}

body.search .et_pb_post .entry-content {
	padding-top: 10px;
	}

body.search p.searchTerm {
	font-size: 18px;
	margin-bottom: 15px;
	}

body.search h3.searchHeading {
	font-size: 1.5em;
	padding-bottom: 5px;
	}

body.search h3.searchHeading a {
	color: #be2b10;
	}

body.search h3.searchHeading a:hover {
	color: #ee5135;
	}


/**************** FOOTER ******************/

/* keep the footer Image Widget images from coming out all jammed up next to each other */
.footer-widget .widget_sp_image {
    float: none;
    }


/* Responsive Styles Tablet And Below */


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

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

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

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

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