/* Post title separator line with icon */ .dd-spl4 .dd-divider-container { width: 66%; max-width: 800px; align-items: center; display: flex; flex-flow: row nowrap; margin: auto; } .dd-spl4 .dd-sep-holder { flex: 1 1 auto; height: 1px; min-width: 10%; position: relative; } .dd-spl4 .dd-sep-lines { border-top-style: solid; border-top-width: 1px; border-top-color: #fff; display: block; height: 1px; position: relative; top: 1px; width: 100% } .dd-spl4 .dd-icon-holder { margin: 0 5px!important; } .dd-spl4 .dd-icon-inner { line-height: 1; } .dd-spl4 .dd-icon-inner i { color: #fff; font-size: 27px; height: 1em; width: 1em; text-align: center; } .dd-spl4 .dd-icon-inner .et-pb-icon::before { content: "e0dc"; /* Change this to use a different ETModules character */ } /* Social sharing plugin styles */ .dd-spl4 .supsystic-social-sharing a { background-color: #0c0c0d!important; margin-left: 10px; margin-right: 10px; } .dd-spl4 .dd-share .supsystic-social-sharing a.social-sharing-button.sharer-flat.facebook:hover, .dd-spl4 .dd-share .supsystic-social-sharing a.social-sharing-button.sharer-flat.twitter:hover, .dd-spl4 .dd-share .supsystic-social-sharing a.social-sharing-button.sharer-flat.googleplus:hover, .dd-spl4 .dd-share .supsystic-social-sharing a.social-sharing-button.sharer-flat.pinterest:hover, .dd-spl4 .dd-share .supsystic-social-sharing a.social-sharing-button.sharer-flat.delicious:hover { background-color: #0c0c0d!important; opacity: 0.66; } /* increase paragraph padding */ .dd-spl4 .dd-post p { padding-bottom: 2em; } /* style the comment form */ .dd-spl4 .dd-comment-form .form-submit { float: none; } .dd-spl4 .dd-comment-form.et_pb_comments_0 .et_pb_button, .dd-spl4 .dd-comment-form.et_pb_comments_0 .et_pb_button:hover { padding: 9px 20px!important; } /* responsive media queries */ @media only screen and (min-width: 981px) { /* Remove default padding from body area on desktop*/ .single #left-area { padding-bottom: 0; } } @media only screen and (max-width: 479px) { /* remove boxed layout effect on mobile*/ .dd-spl4 .dd-row { width: 100%!important; } }