/*
 Theme Name:     Emily XR Pan
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Asma & Hafsah Faizal
 Author URI:     https://www.iceydesigns.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* 
------------------------------------------------------- */
@font-face {
    font-family: 'Caslon';
    src: url('fonts/CaslonAntique.woff2') format('woff2'),
        url('fonts/CaslonAntique.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body.home li#menu-item-16111 { display: none; }
#main-content {background-color: #fff;}
#content-area {padding: 0 20px;}
body.post-template-default .entry-content .et_pb_section {padding-top: 0;}

.et_fixed_nav #main-header, .et_fixed_nav #top-header { background: #fff;}
#et_top_search {margin-left: 32px;}
#top-menu li {padding: 0 15px; font-family: 'Garamond', serif; font-weight: normal;}
#top-menu li a {font-size: 20px !important;}
li#menu-item-259 { padding-left: 0px; padding-right: 0;}
#et-top-navigation {padding-top: 30px; text-transform: uppercase;}
header#main-header { background: #fff; padding: 35px 0 0 0!important;}
#logoimg {
	margin-top: 0px;
	width: 100%;
	max-width: 850px;
}
	
.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li a {text-transform: uppercase;}
.et_pb_section.et_pb_section_0.et_section_regular {background-color: transparent;}

#et-secondary-nav .menu-item-has-children>a:first-child, #top-menu .menu-item-has-children>a:first-child {padding-left: 15px;}
 
#top-menu li li a, .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .nav li ul a, .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .et_mobile_menu li ul a,     .et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu li ul a
 {font-size: 15px !important; letter-spacing: 1px; padding: 6px 0;}

#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul {font-family: 'Caslon';}

.et-menu li li a {width: 260px;}
.nav li ul {width: 290px; background: #eeca9c; padding: 10px 0;}
.et_pb_menu__menu {border-bottom: none;}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {padding-bottom: 21px !important;}

@media only screen and (min-width: 981px) {
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding: 57px 0 0 !important;}
body.single .et_post_meta_wrapper h1 {font-size: 31px !important;}
}

@media only screen and (max-width: 981px) {
	#page-container { padding-top:0px !important; margin-top:-1px !important;}
	
	.et_header_style_split #logo {max-height: 160px;}
	#et_mobile_nav_menu span.select_page {display:none;}
	.et_header_style_split header#main-header .logo_container {max-height: 130px;}
	.et_header_style_split .et_menu_container .mobile_menu_bar { position: absolute; right: 45px; top: -15px; }

	/* Adjust padding for transparent headers */
	.et_transparent_nav #main-content .container {padding-top: 58px !important;}
	
}

@media (max-width: 980px) {
.et_pb_fullwidth_menu .et_pb_row, .et_pb_menu .et_pb_row {min-height: 30px; top:20px;}
.social {text-align: center; margin-top: 150px!important;}
.et_header_style_centered .et_mobile_menu {top: 30px; background: #d0ecee!important;}
.et_header_style_centered #logo {max-height: 180px;}
.et_header_style_centered #main-header .mobile_nav {background-color: transparent;}
.et_header_style_centered .et_menu_container .mobile_menu_bar {position: absolute; right: 25px; top: -15px; background-color: #fff;}
.et_header_style_centered header#main-header .logo_container {max-height: inherit;}
#et-top-navigation {padding-top: 0;}
}
.et_mobile_menu {font-family: 'Garamond', serif; font-weight: bold;}
.et_mobile_menu li a {font-size: 20px; color: #000 !important;}

.et_pb_fullwidth_menu_0 .mobile_nav .mobile_menu_bar:after {
	content: "menu";
	font-size: 25px;
    font-family: 'Cormorant Garamond',Georgia,"Times New Roman",serif;
    color: #fff;
    vertical-align: text-top;
    padding: 0 0 0px 4px;
}

.et_pb_fullwidth_menu_0_tb_header .mobile_nav .mobile_menu_bar:after{
	content: "menu";
	font-size: 25px;
    font-family: 'Cormorant Garamond',Georgia,"Times New Roman",serif;
    color: #fff;
    vertical-align: text-top;
    padding: 0 0 0px 4px;
}

#logoimg {
	margin-top: 0px;
	width: 100%;
	max-width: 850px;
}

@media screen and (max-height: 900px) {
#logoimg {
	margin-top: -20px;
	}}

@media screen and (max-width: 700px) {
#logoimg {
	width: 90%;
	max-width: 550px;
	}}

.social {text-align: center; margin-top: 100px;}
.social img {width: 22px; margin: 0 6px;}
.social img:hover {opacity: 0.7; position: relative; top: 1px;}

@media screen and (max-width: 450px) {.social {margin-top: -40px;}}

.border img {width: 1000px;}

h1 {font-family: 'Caslon', serif; font-size: 45px; letter-spacing: 3px; color: #000; text-transform: uppercase;}
h2 {font-family: 'Cormorant Garamond',Georgia,"Times New Roman",serif; font-size: 40px; letter-spacing: 1px; color: #53b2ba; text-transform: uppercase;}
h3 {font-family: 'Caslon', serif; font-size: 40px; color: #000;}
h4 {font-family: 'Cormorant Garamond',Georgia,"Times New Roman",serif; font-size: 30px; color: #000;}
h1, h2, h3, h4, h5, h6 {line-height: 1.5em !important; padding-bottom: 5px;}
h2.entry-title { line-height: 1 !important; }

h4.widgettitle {font-size: 26px;}

.ctct-form-embed.form_0 .ctct-form-defaults {background-color: transparent!important;}
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-label {display:none;}
div.ctct-form-embed form.ctct-form-custom {width: 70%; max-width: 600px;}
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text {text-align: center; font-size: 10px; margin-top: -10px;}
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button { background-color: #995d00 !important; border: 1px solid #704c15 !important; font-family: 'Caslon',Georgia,"Times New Roman",serif; letter-spacing: 1px; text-transform: uppercase;}
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover { background-color: #000 !important; border: 1px solid #704c15 !important; font-family: 'Caslon',Georgia,"Times New Roman",serif; letter-spacing: 1px; text-transform: uppercase;}

div.ctct-form-embed div.ctct-form-defaults div.ctct-form-success { min-height: 100px; display: block; text-align: center; border: 2px solid #000; width: 720px; margin: 0 auto; padding: 20px 0 0; }
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text {font-family: 'Caslon',Georgia,"Times New Roman",serif; color: #fff !important;}
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header { color: #a45951 !important; font-family: 'Harlow', serif; }

.bookseller {
	text-align: center;
}

.bookseller .button {
	border-radius: 2px;
	margin: 6px;
	padding: 5px 20px;
	font-size: 14px;
	background: linear-gradient(#c6c5c5, #53b2ba);
    color: #fff;
    text-transform: uppercase;
	display: inline-block;
}

.bookseller .button:hover {
    color: #000;
	background: #fff;
	position: relative;
	top: 1px;
 }

#main-footer, .main_title {display:none;}

#copyright {
	text-align:center;
	font-size: 14px;
	font-family: 'Garamond', serif;
	color: #fff;
	padding: 2px 0;
}

#copyright a:link, #copyright a:visited {color:#fff;} #copyright a:hover {color:#eee;}

span#et_search_icon, .et-search-form input, span.et_close_search_field {color: #0f3050;}

 #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .nav-single a {color: #0f3050;}

#top-menu a:hover {color: #40989f;}
#top-menu li li a:hover {color: #000;}

#et_search_icon:hover, .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-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, .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, .wp-pagenavi a:hover, .wp-pagenavi span.current {color: #000!important;}

textarea#comment { color: #000; background-color: #fff;}

h2.entry-title a:link, h2.entry-title a:visited {color: #391c13!important; font-size: 30px;}

.et_pb_widget a:link, .et_pb_widget a:visited, h2.entry-title a:hover {color: #965200!important;}
.et_pb_widget a:hover {color: #965200!important;}