/*
Theme Name: appreciation
Version: 1.0
Description: A child theme of Divi
Template: Divi
*/

@import url("../Divi/style.css");


/* General */
a.button {border: 1px solid #565656; border-radius: 20px; padding: 10px 30px; white-space: nowrap; margin-top: 20px; text-transform: uppercase; color:#565656;line-height: 4em; background: #fff;}


.et_mobile_menu li a {color: #700114 !important;}

.et_menu_container {padding: 0!important;}
div#et-top-navigation {    background-color: #700114;}

@media only screen and ( min-width: 981px ) {
	.et_header_style_centered #top-menu > li > a {padding-bottom: 17px!important; padding-top: 17px;}
	.container.et_search_form_container.et_pb_search_visible.et_pb_no_animation {    background: #700114;    max-width: 100%!important;}
	.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field {top: 20%;}
	.et_fullwidth_nav .et_close_search_field {right: 10%;}
	.et_header_style_centered .et-search-form input {width:80%;}
	#top-menu li {padding-right: 18px!important;}
        #top-menu .menu-item-has-children > a:first-child:after { top: 18px;}
        .et_header_style_centered #logo {float:left!important}
}

/* menu wrapping solved for mid resolution devices */
@media only screen and ( min-width: 981px ) and (max-width:1255px) {
         #top-menu li a {    font-size: 12px!important;}
         #menu-item-306 {    display: none!important;}
}


.homeproducts .et_pb_button:before { content:"view details"; display:block; }

/* our guarantee */
.house {background: url(/wp-content/uploads/house.jpg) 20px center no-repeat; padding: 20px 40px 20px 100px;}
.house h4 {font-weight: bold;}
.house:hover, .house:hover h4 {background-color: #ffd87d; color:#535852;}
/* .house:hover p:after {content: url('/wp-content/uploads/arrow.jpg'); position: absolute; font-size: 4em;left: 43%; margin-top: -35px;} Nate - Can't figure out how to make this work properly on different resolutions */


/* fashion news */
.fashionnews:hover {color: #fff; background-color: #f1ca63;}
.fashionnews:hover h5, .fashionnews:hover h3 {color: #fff;}
.fashionnews:hover a.button {color: #fff; background: #f1ca63; border-color: #fff;}


/* Footer */
.fwidget .title {font-family: serif;font-size: 2em; border-bottom: 1px solid #999; margin-bottom: 10px;}
#footer-widgets .footer-widget li:before {content: url('/wp-content/uploads/footericon.jpg'); border: 0; top: 1px !important;}
#footer-widgets .footer-widget li {padding-left: 24px;}
.textwidget { color: #654205}
.et_pb_widget ul li {margin-bottom: 0.2em;}
#footer-widgets .footer-widget li a {color:#654205 !important;}
.creditcards {border: 3px dashed #6d480f; border-radius: 10px; padding: 10px; background: #fff; font-family: serif; font-size: 1.3em; color: #000;}
#footer-bottom {    visibility: hidden;}



/* change header  logo alignment  */
@media only screen and (min-width:981px) and (max-width:1170px){.logo_container {    text-align: left;}}


/* change search bar  */
.et_header_style_centered #et_top_search { display:none !important; }

.et_search_form_container form {
    max-width: 300px;
    height: auto;
    padding: 10px;
    display: block;
    border-radius: 5px;
    z-index: 9999;
    top:5px !important;
}


.container.et_search_form_container {
    opacity: 1 !important;
    top: 50px;
    text-align: right;
    display: block;
    height: 40px !important;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.et_search_outer {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 150px;
}


.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field {
    top: 0px;
    margin: 0;
    font-size: 14px;
    line-height: 32px;
    padding-left: 10px;
    border: #d5d5d5 solid 3px;
    color: #3d3d3d;
}

span.et_close_search_field {
    display: none;
}

button#searchSub {
    float: right;
    z-index: 99999;
    border: 0;
    color: transparent;
    margin-right: 20px;
    overflow: visible;
    display: inline-block;
    height: 30px;
    margin-top: -7px;
    background-color: #3d3d3d;
    padding-left: 0px;
}
button#searchSub:after {
    content: '\55';
    color: #fff;
    font-family: ETModules;
    overflow:visible;
    font-size: 136%;
    cursor: pointer;
    line-height: initial;
    padding-right: 8px;
}

@media only screen and (max-width: 980px) {

	.logo_container { margin-bottom:46px;}
  	.container.et_search_form_container {top: 72px;}
	.et_search_form_container form {width:100%;max-width: 100%;}
	.et_header_style_centered .et_search_outer, .et_header_style_split .et_search_outer {display: block;}
	.et_header_style_centered #logo {
		max-height: 70px;
		margin-top: -13px;
		}
	.container.et_search_form_container {    width: 300px!important;}
}