/*
Theme Name: Hello Elementor Child
Theme URI: https://elkeclarke.com
Description: Child theme for Hello Elementor. Carries the site-wide base styles that used to come from the OptimizePress Smart Theme, so Elementor pages look exactly as before.
Author: Webrula
Author URI: https://webrula.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* ------------------------------------------------------------------
   1. Base element styles, in the same order the old theme loaded them.
      YUI reset (BSD), normalize.css + Bootstrap 3 base (MIT),
      then the old theme's own element rules. Hello's reset is off.
   ------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, th, var { font-style:normal;font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
a { color: #fff; text-decoration: none; margin: 0; padding: 0; }
img { margin: 0; padding: 0; border: none; }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { margin: .67em 0; font-size: 2em; }
mark { color: #000; background: #ff0; }
small { font-size: 80%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }
legend { padding: 0; border: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a { color: #337ab7; text-decoration: none; }
a:hover, a:focus { color: #23527c; text-decoration: underline; }
a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
figure { margin: 0; }
img { vertical-align: middle; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }
[role="button"] { cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #777; }
h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
h1 small, h2 small, h3 small { font-size: 65%; }
h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }
h4 small, h5 small, h6 small { font-size: 75%; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { margin: 0 0 10px; }
small { font-size: 85%; }
mark { padding: .2em; background-color: #fcf8e3; }
ul, ol { margin-top: 0; margin-bottom: 10px; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.42857143; }
dt { font-weight: bold; }
dd { margin-left: 0; }
abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; }
blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; }
blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; }
blockquote footer:before, blockquote small:before { content: '\2014 \00A0'; }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; }
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); }
kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
table { background-color: transparent; }
caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; }
th { text-align: left; }
table col[class*="col-"] { position: static; display: table-column; float: none; }
table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; }
input[type="search"] { -webkit-appearance: none; }
input[type="radio"][disabled], input[type="checkbox"][disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }
a, a strong { transition: all 0.15s ease-in-out; padding: 0; }
html { height: 100%; }
body { min-height: 100%; display: flex; flex-direction: column; }
img, figure { max-width: 100%; height: auto; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
p, ul, ol, blockquote { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; }
a { color: #222; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-weight: 600; margin-bottom: 10px; }
h1 { margin: 9px auto 8px; }
h1:first-child { margin-top: 0; }
h2 { margin: 46px auto 10px; }
h3 { margin: 42px auto 10px; }
h4 { margin: 38px auto 10px; }
h5 { margin: 35px auto 10px; }
h6 { margin: 25px auto 10px; }
* { border-style: none; }

/* ------------------------------------------------------------------
   2. Typography that came from the old theme's settings panel.
   ------------------------------------------------------------------ */
body, p { font-family: Montserrat; }
h1, h2, h3, h4, h5, h6 { font-family: Montserrat; }
h1 { line-height: 40px; font-size: 25px; }
h2 { line-height: 34px; font-size: 18px; }
h3 { line-height: 33px; font-size: 16px; }
h4 { line-height: 30px; font-size: 14px; }
h5 { line-height: 27px; font-size: 13px; }
h6 { line-height: 24px; font-size: 12px; }

/* ------------------------------------------------------------------
   3. Old theme rules for WordPress classes used in post content
      and in the Elementor header menu.
   ------------------------------------------------------------------ */
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
.wp-caption { margin: 20px auto; max-width: 100%; }
.wp-caption:first-child { margin-top: 0; }
.wp-caption:last-child { margin-bottom: 0; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.wp-caption.alignright { float: right; margin: 30px 0 10px 30px; max-width: 40%; }
.wp-caption.alignleft { float: left; margin: 30px 30px 10px 0; max-width: 40%; }
p + .wp-caption.alignright { margin-top: 10px; }
p + .wp-caption.alignleft { margin-top: 10px; }
.wp-caption-text { text-align: center; font-style: italic; margin: .2em 0 0; }
.menu-item { margin: 8px 0; padding: 0 .4em 0 .4em; }
.menu-item:last-child { padding-right: 0; }
@media (max-width: 580px) {
	.wp-caption.alignright, .wp-caption.alignleft { margin: 20px auto; display: block; max-width: 100%; float: none; }
}


/* ------------------------------------------------------------------
   4. Comments, same look as the old theme (markup in comments.php).
   ------------------------------------------------------------------ */
.op-comments { margin: 20px 0 0; }
.op-comments > #respond { margin-top: -20px; padding-top: 10px; }
.lined-border { display: block; width: 100%; height: 10px; margin-bottom: 20px; background: url('images/line-bg.png') repeat scroll center center; }
#comments-title { margin-top: 1em; padding: .5em 0; border-bottom: 1px dotted #eee; }
.commentlist { list-style: none; border-bottom: 1px dotted #eee; }
.commentlist li { margin: 0; padding: 1em 0; text-align: left; border: none; }
.commentlist p { margin: .5em 0; }
.comment { line-height: normal; }
.commentlist > ul > .comment + .comment { border-top: 1px dotted #eee; }
.commentlist .children .comment:last-child { padding-bottom: 0; }
.comment .fn { color: #202020; font-weight: bold; font-size: 16px; }
.comment .fn .url { color: #333; text-decoration: none; }
.comment-author .avatar-70 { max-width: 70px; height: auto; float: left; margin-right: 20px; }
.comment .children .avatar-70 { max-width: 50px; }
.comment .children .comment-text { padding-left: 70px; }
.comment .children .comment-body { border-bottom: 0; }
.commentmetadata { font-size: 12px; margin-bottom: 10px; margin-top: 5px; }
.comment-meta a { color: #ccc; font-weight: normal; }
.comment .reply { font-size: 11px; }
.comment .reply a { font-weight: bold; letter-spacing: 1px; text-decoration: none; }
.comment .children { list-style: none; margin: 10px 0 0; padding: 0 0 0 70px; }
.commentlist > ul > .comment > .children { padding-left: 90px; }
.comment-text { padding-left: 90px; }
.comment-content:before, .comment-content:after { content: ""; display: table; }
.comment-content:after { clear: both; }
.comment-respond { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#respond { outline: none; }
#respond h2 { margin-top: 15px; }
#respond p { margin-top: 0; margin-bottom: 15px; }
#respond p:last-child { margin-bottom: 0; }
#respond .comment-reply-title { margin: 1em auto 0; font-weight: normal; font-size: 20px; letter-spacing: 0.5px; }
#respond .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
#respond .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
#respond .form-control::placeholder { color: #999; opacity: 1; }
#respond textarea.form-control { height: auto; }
#respond .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: none; color: #fff; background-color: #f5dcde; transition: all .15s ease; }
#respond .btn:hover, #respond .btn:focus, #respond .btn:active { color: #fff; background-color: #f5dcde; text-decoration: none; }
@media (max-width: 767px) {
	.comment-author { margin-bottom: 15px; }
	.commentmetadata { float: none; margin-bottom: 0; }
	.comment .children { padding-left: 0; }
}
@media (max-width: 600px) {
	.commentlist p { font-size: .9em; }
	.commentlist > ul > .comment > .children { padding-left: 20px; }
}
@media (max-width: 580px) {
	.comment ul { padding: 0; }
	.comment .children li { margin-left: 0 !important; }
	.commentlist p { font-size: .8em; }
	.comment-author { margin-bottom: 10px; }
	.comment-author .avatar-70 { max-width: 50px; margin-right: 15px; }
	.comment-text { padding-left: 65px; }
	.commentlist > ul > .comment > .children { padding-left: 10px; }
	.comment .children .avatar-70 { max-width: 40px; }
	.comment .children .comment-text { padding-left: 55px; }
}

/* ------------------------------------------------------------------
   5. Old-layout post text (classic posts). Applies only inside the Single
      Post template's content column, which carries the CSS classes
      "op-entry single", and the Post Content widget ("entry-content").
   ------------------------------------------------------------------ */
.op-entry { padding-top: 42px; padding-bottom: 42px; line-height: 1.7; word-break: break-word; }
.op-entry a { color: #222222; }
.entry-featured-image { margin-top: 5px; margin-bottom: 20px; }
.sm-wrap + .entry-content .entry-featured-image { margin-top: 0; }
.op-entry > p:first-child { color: #222; }
.op-entry h1, .op-entry h2, .op-entry h3, .op-entry h4, .op-entry h5, .op-entry h6 { font-weight: normal; font-weight: 600; margin-bottom: 10px; }
.op-entry h1 { margin: 9px auto 8px; }
.op-entry h1:first-child { margin-top: 0; }
.op-entry h2 { margin: 46px auto 10px; }
.op-entry h3 { margin: 42px auto 10px; }
.op-entry h4 { margin: 38px auto 10px; }
.op-entry h5 { margin: 35px auto 10px; }
.op-entry h6 { margin: 25px auto 10px; }
.entry-content { position: relative; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 1em auto .5em; }
.entry-content ul { padding: 0 0 0 1.3em; list-style: disc; }
.entry-content ol { padding: 0 0 0 1.3em; list-style: decimal; }
.entry-content ol li, .entry-content ul li { padding-left: .2em; }
.entry-content p { margin: 20px auto; }
.entry-content p:first-child { margin-top: 0; }
.entry-content p:last-child { margin-bottom: 0; }
.op-entry blockquote { margin: 1.5em auto; padding: 0 0 0 2em; position: relative; font-size: 1em; letter-spacing: -0.3px; line-height: 1.6; border: 0 none; color: #a9afb3; font-style: italic; font-weight: 400; text-align: left; }
.op-entry blockquote:first-child { margin-bottom: 0; }
.op-entry blockquote:last-child { margin-bottom: 0; }
.op-entry blockquote::before { content: "\201C"; display: inline-block; font-size: 4em; position: absolute; left: -.2em; top: -.4em; }
.op-entry blockquote p { font-size: 1.3em; }
.op-entry blockquote { margin: 1em 0; }
.op-entry img { margin: 0px auto; }
.entry-featured-image + .sm-wrap { margin-top: 30px; }
.entry-content + .sm-wrap { margin-top: 20px; margin-bottom: 0; }
@media screen and (max-width: 768px) { .op-entry blockquote p { font-size: 1.3em; line-height: 1.5em; } }
.op-entry img.alignleft { float: left; margin: 30px 30px 10px 0; }
.op-entry img.aligncenter { float: none; margin: 30px auto; display: block; }
.op-entry img.alignright { float: right; margin: 30px 0 10px 30px; }
.op-entry img.alignnone { margin: 30px; }
.op-entry.single .wp-caption.alignleft, .op-entry.single img.alignleft { margin-left: -50px; }
.op-entry.single .wp-caption.alignright, .op-entry.single .alignright { margin-right: -50px; }
@media (max-width: 991px) { .op-entry.single .wp-caption.alignleft, .op-entry.single img.alignleft { margin-left: auto; } }
@media (max-width: 991px) { .op-entry.single .wp-caption.alignright, .op-entry.single .alignright { margin-right: auto; } }
@media (max-width: 767px) { .op-entry h1 { font-size: 26px; line-height: 38px; margin: 0 auto 10px; } }
@media (max-width: 767px) { .op-entry h2 { font-size: 22px; line-height: 31px; margin: 25px auto 10px; } }
@media (max-width: 767px) { .op-entry h3 { font-size: 20px; line-height: 28px; margin: 25px auto 10px; } }
@media (max-width: 767px) { .op-entry h4 { font-size: 18px; line-height: normal; margin: 20px auto 10px; } }
@media (max-width: 767px) { .op-entry h5 { font-size: 17px; line-height: normal; } }
@media (max-width: 767px) { .op-entry h6 { font-size: 16px; line-height: normal; } }
@media (max-width: 600px) { .op-entry h1 { margin-bottom: 5px; font-size: 20px; line-height: 30px; } }
@media (max-width: 580px) { .op-entry img.alignright, .op-entry img.alignleft, .op-entry img.alignnone { margin: 20px auto; display: block; max-width: 100%; float: none; } }
.entry-content:before, .entry-content:after { content: ""; display: table; }
.entry-content:after { clear: both; }
.op-entry a { color:#222; }
.op-entry a:hover { color:#222; }
.op-entry a:active { color:#222; }