/* 
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.wickerwoman.com
 Description:    Divi Child Theme for WickerWoman.com
 Author:         Christine Knowlton
 Author URI:     http://www.ChristineKnowlton.com
 Template:       Divi
 Version:        2.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/*** BODY ***/
a {
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

/* google search box */
input.gsc-input {
    border: 1px solid #969696!important;
    height: 30px;
}
.cse input.gsc-search-button, input.gsc-search-button {
    background-color: #777556 !important;
    border: 2px solid #969696 !important;
    color: #fff !important;
    height: 24px !important;
    cursor: pointer;
}
table.gsc-search-box td {
    padding: 6px 0;
}

/*** HEADER ***/

/* Fix jumping screen until ET fixes it. Only apply to full-size displays, not mobiles */
@media only screen and ( min-width:981px ) {
    /* Set the padding correctly (It should be: full-size logo height + 36px) */
    div#page-container { padding-top: 310px !important; }
}

/* CTA in top menu */
.top-nav-widget {
    display: inline-block;
}

.et-fixed-header #top-menu li li a {
    color: #777556 !important;
}
.nav li ul {
    border: 1px solid #E15B64;
}

.et_header_style_centered #top-menu li a {
    padding-bottom: 15px !important;
}

/* Reduce padding between main menu items */
#top-menu li {
    padding-right: 10px;
}

#et-top-navigation {
    background-color: #E15B64;
    line-height: 0;
    padding-top: 15px;
}

.et_fullwidth_nav #main-header .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.mobile_nav .select_page {
display: none !important;
}
.et_header_style_centered #main-header .mobile_nav {
background-color: transparent !important;
}


.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field {
    height: 40px !important;
    border: 2px solid #fff !important;
    top: auto;
}
#main-header form.gsc-search-box {
    width: 75% !important;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 40px;
    margin-left: 10%;
    position: absolute;
    z-index: 99999;
}
.et_fullwidth_nav .et-search-form, .et_fullwidth_nav .et_close_search_field {
    right: 0;
}
.container.et_search_form_container.et_pb_search_visible {
  animation: 0s ease 0s normal none 1 running none;
}

/*** SIDEBAR ***/
.widgettitle {
    background: rgba(0, 0, 0, 0) url("http://www.wickerwoman.com/wp-content/uploads/image/wickerdivider-widgets.jpg") repeat-x scroll center bottom;
    margin: -10px -10px 10px;
    padding: 10px 0 18px;
    text-align: center;
}

.et_pb_widget h4 {
    font-size: 18px;
}

.et_pb_widget a { 
    color: #E15B64;
}

.et_pb_bg_layout_light .et_pb_widget li a {
    color: #E15864;
    font-weight: normal;
}

#sidebar .et_pb_widget h4, .home .et_pb_widget h4 {
    background-color: #777556;
    color:#fff;
}

.archive #sidebar .et_pb_widget h4, .single-post #sidebar .et_pb_widget h4 {
    background-color: transparent;
    color: #777556 !important;
    font-family: 'Great Vibes', cursive;
    font-size: 32px;
    letter-spacing: 1px;
}

.home h4.tribe-event-title {
    background-color: transparent;
}

/* center monarch social follow icons */
#sidebar ul.et_social_icons_container li {
    display: inline-block;
    float: none;
}

/*remove vertical line from sidebar*/
#main-content .container:before {
width: 0;
}

/*** CONTENT ***/

/* blog thumbnails and alignment */
a.post-thumbnail { float: left; margin-right: 20px; display: inline-block; }
a.post-thumbnail img { width: 200px; }
.et_pb_post { float: left; width: 100%; }


/* author font color in metas */
#left-area .post-meta a {
    color: #E5B64F;
    font-weight:bold;
}
.et_pb_post .post-meta {
    color: #e5b64f;
    font-weight:bold;
}

/* reduce space between metas and content */
.et_pb_post .entry-content {
    padding-top: 5px;
}

.archive-title {
    padding:9px 9px 9px 0;
    font-family:'Great Vibes', cursive;
    font-size:36px;
    margin-bottom: 20px;
}

/* post titles on Blog and archives */
.et_pb_post h2 a {
    color: #E15B64;
}

.single-post .entry-title {
    font-family:'Great Vibes', cursive;
    font-size: 36px;
}

/*  Read More Button  */
.view-full-post-btn{
  display:inline-block;
  /*border-radius*/
  -webkit-border-radius:10px;
     -moz-border-radius:10px;
          border-radius:10px;
  padding:4px 9px;
  margin-top:10px;
  background: #777556;
  color:#ffffff;
  border:1px solid #d8dcdc;
  font-family:Georgia,serif;
  font-style:italic;
  font-size:16px;
}
.view-full-post-btn:hover{
  background:#777556;
  /*transition*/
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
          transition:all .3s ease;
  border:1px solid #000000;
  color:#FFFFFF;
}

.et_pb_post:first-of-type {
    border-top: none;
}
.view-full-post { float: right; }
/*  End read more button */

.et_pb_post {
    background: #ffffff url("http://www.wickerwoman.com/wp-content/uploads/image/wickerdivider.jpg") repeat-x scroll center bottom;
    margin-bottom: 10px;
    padding-bottom: 2em;
}
.et_pb_post h2 {
    margin-top: 15px;
}
.blog .et_pb_posts a.more-link {
    color: #800000;
}
/* end read more button */

/* author name and date in comments */
span.fn, span.fn a {
    color: #E5B64F;
    font-weight: bold;
}
span.comment_date {
    color: #E5B64F;	
    font-weight: bold;
}
 /* Signature Box after Post */
.signature img {
    display: block;
    margin: 25px auto;
}

.nav-single {
    border: 1px dotted #7f2d2d;
    padding: 0 10px;
}
/* Center inline Monarch share buttons */
.et_social_inline ul.et_social_icons_container li {
    display: inline-block;
    float: none;
    }


/* FOOTER */
#footer-info {
    float: none;
    text-align: center;
    font-size: 0.8rem;
}
#main-footer {
    border-top: 15px solid #e5b64f;
}
#main-footer .footer-widget h4 {
    color: #fff !important;
    background-color: #777556;
    padding-left: 10px;
    width: 100%;
}
.footer-widget {
    border: 2px solid #777556;
}
#footer-widgets .footer-widget li {
    padding: 10px 10px 0 !important;
}
#footer-widgets .footer-widget li a {
    font-weight: normal;
}
#footer-widgets .footer-widget li a:hover {
    text-decoration: underline;
    color: #E15B64;
}
/*remove bullets and padding*/
    #footer-widgets .footer-widget li:before {display: none!important;} 
    #footer-widgets .footer-widget li {padding: 0 0 10px 0px;}
.et_pb_widget {
    float: none;
}

/* Google Search widget - footer adjustment */
.footer-widget .gsc-control-searchbox-only.gsc-control-searchbox-only-en {
    padding: 10px 0 5px 5px;
}

/* 404 REMOVE SIDEBAR BACKGROUND IN FULL WIDTH LAYOUT */
.post-0 #main-content .container:before {
display: none;
}

/* **ET BUILDER** */
.et_pb_widget h4 {
    background-color: #777556;
    }

/* RESPONSIVE STYLES TABLET AND BELOW */

/* remove white space on large screens when set to 'hide logo' on fixed menu (messes with mobile menu if used on all screens) */
@media all and (min-width: 981px) {
    .et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container, .et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container {
        height: 0 !important;
}
}

/* hide and re-style custom items in responsive mode */
@media all and (max-width: 980px) {
    .top-nav-widget {
	display: none !important;
	}
    #et-top-navigation {
        background-color: transparent;
    }

    .et_header_style_centered #logo {
        max-height: 100%;
    }
    .et_header_style_centered #main-header {
        padding: 0 0 20px 0;
    }

    #sidebar .et_pb_widget h4 {
        background-color: #ffffff;
        color: #777556 !important;
    }
    body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header, body.et_fixed_nav.et_secondary_nav_enabled #main-header {
    top: 0;
    }
    .et_header_style_centered header#main-header .logo_container {
	max-height: 100%;
    }
    /* reduce space below header area before content */
    #main-content .container {
        padding-top: 20px;
    }
}


/*------[MOBILE MENU BUTTON]---------*/
 
.mobile_menu_bar:before {
	display:none}
.mobile_menu_bar::after {
	font-family: Arial;
	content: "MENU";
	position: relative;
	padding: 8px 20px;
	background-color: #E15B64;
	color: #FFFFFF!important;
	cursor: pointer;}
.mobile_nav.opened .mobile_menu_bar:after {
	content: "CLOSE";}

.et_header_style_centered .mobile_menu_bar {
    position: relative;
    text-align: center;
    top:0;
    right:0;
}