* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/********************** Fonts **********************/
 	body, button, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="email"], textarea, select,p {
		font-family: 'Roboto Slab', serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6;
		color: #333;
	}
	
	#menu {
		font-family: 'Roboto Slab', serif;
		font-weight: 400;
	}
	
	h1,h2,h3,h4,h5,h6 {
		font-family: 'Roboto Slab', serif;
		font-weight: 400;
		line-height: 1.4;
	}
    code { font-size: 80%; }
a,
a:link,
a:visited { color: #895e8c; }
a:hover.button  {
    color: #895e8c;
    text-decoration: underline;
}

#Header .addons { display: none; }

#Wrapper,
#Header .container,
#Header .container .sixteen.columns,
#Content {
    width: 955px;
    margin: 0 auto;
}

.layout-boxed { padding: 0; }
.layout-boxed #Wrapper { box-shadow: none; }

.container {
    width: auto;
    margin-top: 15px;
}
.container .columns { margin: 0; }
.container .four.columns .widget:first-child { margin-top: 0; }

#Header #logo { width: auto; }
#Header #logo img {
    max-width: 300px;
    width: 100%;
}

#Header #menu > ul > li.current-menu-item { background: #6bad2f; }
#menu > ul > li.current-menu-item > a span.border,
#Header #menu > ul > li.current_page_item > a span.border { display: none; }
#Header #menu_responsive,
#Header #menu_responsive select {
    width: 100%;
    margin: 0;
    padding: 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff url('img/BtResponsMenu.png') no-repeat 97% 50%;
}

/* header
-------------- */
.sticky-header #Header { margin-top: -32px; }
.sticky-header #Header #top_bar { position: relative; }
#Header #logo {
    padding: 10px 0 0 0;
    position: relative;
    display: inline-block;
}
#Header #search {
    margin: 19px 16px 0 0;
    float: right;
}
#Header .widget_search {
    width: 280px;
}
#Header input[type="text"] {
    width: 100%;
    padding: 7px 10px;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    color: #999797;
}
#Header #menu {
    margin-top: 2px;
    position: relative;
    float: none;
}
#Header #menu > ul {
    height: 45px;
    background: none;
}
#Header #menu > ul:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 24px 0;
    border-color: transparent #b2de89 transparent transparent;
    position: absolute;
    bottom: -24px;
    left: 0;
}

#Header #menu > ul > li {
    width: 191px;
    border-right: 1px solid #9bd567;
    background: #7dbd43;
    text-align: center;
}

#Header #menu > ul > li:last-child {
    width: 191px;
    border-right: none;
}
#Header #menu > ul > li > a {
    height: 45px;
    padding: 0;
    color: #fff;
    font-size: 17px;
    line-height: 45px;
    text-transform: uppercase;
}

#Header #menu > ul > li.current-menu-ancestor > a,
#Header #menu > ul > li.current_page_ancestor > a,
#Header #menu > ul > li > a:hover {
    color: #fff!important;
}
#Header #menu > ul > li.current-menu-ancestor > a span.border,
#Header #menu > ul > li.current_page_ancestor > a span.border,
#Header #menu > ul > li:hover > a span.border,
li [class^="icon-"] { display: none; }

#Header #menu > ul > li ul {
    width: 190px;
    top: 45px;
}
#Header #menu > ul > li ul li {
    width: auto;
    text-align: left;
}

#Header #menu > ul > li.submenu > a {
    padding-right: 0!important;
}

#Header #menu > ul > li ul li ul {
    left: 185px;
    border-left: 1px solid #0b335d;
    background-color: #0d3b6b;
}

#menu-item-95, #menu-item-96, #menu-item-252, #menu-item-253 { 
    background-image: url('img/amazon.png');
    background-repeat: no-repeat;
    background-position: 145px 3px; 
}

#menu-item-252, #menu-item-253 { 
    background-image: url('img/createspaceicon.png');
}

/* content
--------------- */
#Subheader ul.breadcrumbs {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

#Content .container .content {
    width: 630px!important;
    padding-left: 15px;
}

#Content .container .content h1 {
    width: 100%;
    padding: 10px;
    position: relative;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    background: #652969;
}
#Content .container .content h1:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 24px 0;
    border-color: transparent #895e8c transparent transparent;
    position: absolute;
    bottom: -24px;
    left: 0;
}
#Content .container .content h2 {
    padding: 15px;
    border-top: 3px solid #652969;
    background: #f2f2f2;
    font-size: 20px;
    color: #333;
    font-weight: 700;
}

ol {
	padding-bottom: 10px;
}

.the_content { margin-top: 50px; }
.the_content p,
.the_content ol,
.the_content ul { margin-bottom: 30px; }

/* right column
--------------------- */
.container .four.columns {
    width: 295px;
    position: relative;
}
.widget,
.widget-area {
    margin: 0;
    padding: 0;
    background: none;
}
.widget { margin-top: 40px; }

/* buy */
aside.widget_text p,
aside.widget_text ul {
    margin:  0 15px 0 0;
    background: #f2f2f2;
}
aside.widget_text p {
    padding: 20px;
    text-align: center;
}
aside.widget_text p:first-child { border-radius: 5px 5px 0 0; }
aside.widget_text ul { padding: 15px 30px 0; }
aside.widget_text ul.buybuttons {
    padding-bottom: 20px;
    border-radius: 0 0 5px 5px;
    text-align: center;
}
aside.widget_text ul.buybuttons li { margin-top: 10px; }
    
aside.widget_text h3 {
    width: 100%;
    margin-bottom: 0;
    padding: 10px;
    position: relative;
    left: 0;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    background: #dc8812;
}
aside.widget_text h3:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 15px 0 0;
    border-color: #f2ae4e transparent transparent transparent;
    position: absolute;
    bottom: -13px;
    right: 0;
}
aside.widget_text h3 a,
aside.widget_text h3 a:link { color: #fff; }
aside.widget_text h3 a:hover { text-decoration: none; }
aside.widget_text img:first-child { max-width: 192px; }
aside.widget_text img:last-child { max-width: 174px; }

.Latest_posts ul { padding: 15px 30px; }
.Latest_posts ul li h6 {
    font-size: 15px;
    line-height: 1.5;
}
.Latest_posts .photo .comments {
	display: none;
	visibility: hidden;
}
#Content .Latest_posts ul li a.title { color: #186e9f; }
.widget_mfn_recent_posts h3  {
    width: 100%;
    padding: 10px;
    position: relative;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    background: #24467e;
}
.widget_mfn_recent_posts h3:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 13px 0;
    border-color: transparent #4d74b6 transparent transparent;
    position: absolute;
    bottom: -13px;
    left: 0;
}

/* footer
----------- */
#Footer {
    max-width: 955px;
    margin: 0 auto;
}
#Footer .bottom_addons .menu_bottom > ul { text-align: right; }
#Footer .container {
    padding: 0;
    background: #fff;
    position: relative;
}
#Footer .container .one.column {
    width: 100%!important;
    margin: 0;
}
#Footer .bottom_addons {
    padding-bottom: 40px;
    background: none;
    border: none;
}
#Footer .bottom_addons .copyrights {
    width: 100%;
    margin-top: 46px;
    padding-bottom: 0;
    background: #7dbd43;
    text-align: center;
    position: relative;
    float: left;
}
#Footer .bottom_addons .copyrights:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 0 0 30px;
    border-color: transparent transparent transparent #b2dd89;
    top: -24px;
    right: 0;
}
#Footer .bottom_addons .copyrights p {
    margin: 12px 0;
    color: #fff;
    font-size: 14px;
}
#Footer .bottom_addons .menu_bottom {
    width: 910px;
    padding: 15px 0;
    height: 46px;
    background: #ededed;
    position: absolute;
    overflow: hidden;
    text-align: right;
}
#Footer .bottom_addons .menu_bottom > ul > li > a {
    padding: 0;
    color: #727272;
    opacity: 100;
    font-size: 15px;
}
#Footer .bottom_addons .menu_bottom > ul > li {
    margin-right: 10px;
    padding-right: 10px;
    float: none;
    display: inline-block;
    text-transform: uppercase;
    border-right: 1px solid #7dbd43;
}
#Footer .bottom_addons .menu_bottom > ul > li:last-child { border: none; }

/* blog  and  search results */
.type-post div.footer a.button,
.type-page div.footer a.button  {
    padding: 0;
    border: none;
    background-color: #fff;
    box-shadow: none;
    font-weight: normal;
    text-shadow: none;
    text-transform: none;
}
.type-post div.footer a.button span,
.type-page div.footer a.button span,
.type-post div.footer .comments,
.type-page div.footer .comments { display: none; }

#comments { margin-top: 30px; }
#comments #comments-title {
    padding-bottom: 10px;
    border-bottom: 1px dotted #652969;
    font-size: 20px;
}
#comments #comments-title span { font-style: normal; }
#comments .commentlist > li .reply a.comment-reply-link {
    background-color: #895e8c;
    color: #fff !important;
    text-shadow: none;
    box-shadow: none;
}
#comments .commentlist > li .reply a.comment-reply-link:hover {
    box-shadow: none;
    background-color: #652969;
}
#comments .commentlist > li .comment-meta { padding-right: 50px; }
#comments .commentlist > li .comment-meta a.comment-edit-link {
    padding: 0;
    top: 0;
    float: none;
}
.pager {
    margin-top: 50px;
    min-height: 50px;
}
.pager a.page {
    background: none;
    border: 1px solid #ebebeb;
    color: #895e8c!important;
}
.pager a.page:hover { color: #895e8c; }

.post .desc { padding-left: 0; }
.post .desc h3 {
    font-size: 120%;
    font-weight: 700;
}
.post .desc .footer .comments { padding-top: 0; }
.post .desc.no-post-thumbnail .meta, .post.has-post-thumbnail .desc .meta { display: none; }
.post .desc .meta { background: none; }
.post .desc .r_meta { display: block; }
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices,
.stButton .stButton_gradient { height: 22px!important; }
.single-post .post .desc .share {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #ebebeb;
}
.r_meta .author { color: #7dbd43; }
.single-post .post .desc .share .st_sharethis_hcount,
.single-post .post .desc .share .st_facebook_hcount,
.single-post .post .desc .share .st_twitter_hcount,
.single-post .post .desc .share .st_linkedin_hcount,
.single-post .post .desc .st_email_hcount {
    margin-top: 10px;
    display: inline-block;
}

textarea,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     box-shadow: none!important;
     border-radius: 3px;
}
#respond .comment-form-comment,
#respond .comment-form-comment textarea { width: 100%; }
#comments textarea { box-shadow: none; }
#comments input[type="submit"],
#comments input[type="submit"]:hover {
    margin-top: 10px;
    box-shadow: none;
    border-color: #895e8c;
    background-color: #895e8c;
    color: #fff;
}
#comments input[type="submit"]:hover { background-color: #652969; }
h3#reply-title {
    margin-top: 40px;
    padding: 15px;
    border-top: 3px solid #652969;
    background: #f2f2f2;
    font-size: 20px;
    color: #333;
    font-weight: 700;
}
#respond label {
    margin-top: 10px;
    font-size: 18px;
    color: #333;
    font-weight: 700;
}

/* contact */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 select {
   width: 100%!important;
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="submit"]:hover {
    padding: 9px 40px!important;
    box-shadow: none;
    border-color: #895e8c;
    background-color: #895e8c;
    color: #fff;
    float: right;
}
.wpcf7 input[type="submit"]:hover { background-color: #652969; }

/* table */
table.col2 {
    width: 100%;
    margin-bottom: 0;
}
table.col2+p { margin-top: 30px; }
table.col2 th, table.col2 td { width: 50%; }
table.col2 th {
    font-size: 100%;
    font-weight: bold;
    border-top: 3px solid #652969;
    background: #f2f2f2;
}
table.col2 td,
table.col2 tr:nth-child(2n+1) td {
    text-align: left;
    background-color: #fff;
}

@media screen and (max-width: 1000px) {
    body {
        min-width: 100%;
        width: 100%;
    }
    #Wrapper { padding: 0 15px; }
    #Wrapper,
    #Header .container,
    #Content,
    .sixteen.columns,
    .container .sixteen.columns { width: 100%!important; }
    #Content .container .content { width: 60%!important; }
    .container .four.columns { width: 35%!important; }
    #Header #menu > ul { width: 100%; }
    #Header #menu > ul > li,
    #Header #menu > ul > li:last-child { width: 20%; }
    #Footer .bottom_addons .menu_bottom { width: 93%; }
}

@media screen and (max-width: 782px) {
    .sticky-header #Header { margin-top: -46px; }
    table.col2 tr:nth-child(2n+1) td { background: none; }
    table.col2 th, table.col2 td {
        padding: 0;
        border: none;
    }
    table.col2 td { margin-top: 10px; }
    table.col2 td, table.col2 th {
        width: 100%;
        display: block;
    }
    table.col2 thead { display: none; }
	table.col2 span {
	    margin-bottom: 5px;
	    padding-bottom: 5px;
        font-weight: bold;
        border-bottom: 2px solid #652969;
	    display: block;
        content: attr(data-label);
    }
}

@media screen and (max-width: 640px) {
    #Header #search { display: none; }
    #Content .container .content,
    .container .four.columns {
        width: 100%!important;
        padding-left: 0;
    }
#Header #menu_responsive { padding: 10px 0; }
}

@media screen and (min-width: 480px) and (max-width: 640px) {
    .widget_mfn_recent_posts.widget { clear: none; }
    aside.widget_text,
    .widget_mfn_recent_posts {
        width: 48%;
        float: left;
    }
    aside.widget_text img { width: 100%; }
     .widget_mfn_recent_posts {
        margin-top: 0;
        float: right;
    }
}
@media screen and (max-width: 479px) {
 	body, button, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="email"], textarea, select,p { font-size: 16px; }
    #Wrapper { padding: 0 20px; }
    #Content {
        margin: 0;
        padding: 0;
    }
    #Header #menu { display: none; }
	#menu_responsive { display: block; }
    #Footer .bottom_addons .menu_bottom { display: none; }
    #Footer .bottom_addons .copyrights { margin-top: 24px; }
    #comments input[type="submit"] {
        width: 100%;
        padding: 20px;
        font-size: 18px;
        font-weight: bold;
    }
}