/
var
/
www
/
barefootlaw.org
/
wp-content
/
themes
/
barefoot
/
Upload File
HOME
@charset "UTF-8"; /*! Theme Name: Covercase Description: Used to style the TinyMCE editor. */ /*!------------------------------------------------------------------ [ Table of contents ] 01. Reset 02. Typography 03. Images -------------------------------------------------------------------*/ /*!------------------------------------------------------------------ [ RESET STYLES] -------------------------------------------------------------------*/ html { font-size: 100%; line-height: 1.7; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; sx-font-smoothing: grayscale; } a, b, body, div, em, form, h1, h2, h3, h4, h5, h6, i, img, label, li, ol, p, span, strong, sub, u, ul { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; background: 0 0; } a:active, a:focus, a:hover, button, button:active, input:active, input:focus, ins, textarea:focus { text-decoration: none; outline: 0; } input::-ms-clear { display: none; } a, button, input, textarea { -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } button, input, select, textarea { font-size: 100%; margin: 0; padding: 0; } button, input[type=button], input[type=reset], input[type=submit] { overflow: visible; cursor: pointer; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button[disabled], input[disabled] { cursor: default; } article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary { display: block; margin: 0; padding: 0; } img { vertical-align: middle; border: 0; } body.admin-bar { padding-top: 32px; } @media screen and (max-width:782px) { body.admin-bar { padding-top: 46px; } div[id=wpadminbar] { position: fixed!important; } } iframe { border: none; } body { font-family: Rubik,sans-serif; font-size: 17px; font-weight: 300; overflow-x: hidden; position: relative; line-height: 1.7; color: grey; background-color: #fff; } body#tinymce { margin: 9px 10px; } #tinymce *, #tinymce :after, #tinymce :before { -webkit-box-sizing: border-box; box-sizing: border-box; } /*!------------------------------------------------------------------ [ TYPOGRAPHY ] -------------------------------------------------------------------*/ p { font-size: 18px; color: #8c8c8c; line-height: 30px; font-weight: 300; margin-bottom: 25px; } p:last-child, p:only-child { margin-bottom: 0; } @media (max-width:767.98px) { p { font-size: 16px; line-height: 26px; } } p.extra { color: #262626; font-size: 23px; line-height: 36px; font-weight: 400; } @media (max-width:767.98px) { p.extra { font-size: 21px; line-height: 33px; } } p.lead { color: #8c8c8c; font-size: 20px; line-height: 33px; font-weight: 300; } @media (max-width:767.98px) { p.lead { font-size: 18px; line-height: 32px; } } p.middle { color: #8c8c8c; font-size: 19px; line-height: 31px; font-weight: 300; } @media (max-width:767.98px) { p.middle { font-size: 17px; line-height: 28px; } } p.default { color: #8c8c8c; font-size: 17px; line-height: 28px; font-weight: 300; } @media (max-width:767.98px) { p.default { font-size: 16px; line-height: 26px; } } a { color: #262626; text-decoration: none; display: inline-block; position: relative; } a:active, a:focus, a:hover { color: #262626; } @-webkit-keyframes reunderline { 0% { width: 100%; right: 0; left: auto; } 25% { width: 0%; right: 0; left: auto; } 50% { width: 0%; left: 0; right: auto; } 75% { width: 100%; left: 0; right: auto; } 100% { width: 100%; right: 0; left: auto; } } @keyframes reunderline { 0% { width: 100%; right: 0; left: auto; } 25% { width: 0%; right: 0; left: auto; } 50% { width: 0%; left: 0; right: auto; } 75% { width: 100%; left: 0; right: auto; } 100% { width: 100%; right: 0; left: auto; } } .maincontent dl a::after, .maincontent h1 a::after, .maincontent h2 a::after, .maincontent h3 a::after, .maincontent h4 a::after, .maincontent h5 a::after, .maincontent h6 a::after, .maincontent li a::after, .maincontent p a::after, .maincontent table a::after { content: ''; display: block; position: absolute; bottom: 1px; width: 100%; right: 0; left: auto; height: 1px; background-color: #262626; } .maincontent dl a:hover::after, .maincontent h1 a:hover::after, .maincontent h2 a:hover::after, .maincontent h3 a:hover::after, .maincontent h4 a:hover::after, .maincontent h5 a:hover::after, .maincontent h6 a:hover::after, .maincontent li a:hover::after, .maincontent p a:hover::after, .maincontent table a:hover::after { -webkit-animation: reunderline 1s 1 linear; animation: reunderline 1s 1 linear; } .reset-link, [data-mce-href], figure a { display: inline!important; } .reset-link:after, [data-mce-href]:after, figure a:after { display: none!important; } .ab-item.reset-link { display: inherit!important; } #tinymce hr, #tinymce img { border: 0; } abbr[data-original-title], abbr[title] { text-decoration: none; border-color: #262626; } hr { font-size: 0; margin-top: 38px; margin-bottom: 38px; border-color: #ebebeb; } #tinymce hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; font-size: 0; margin-top: 38px; margin-bottom: 38px; border-top: 1px solid #ebebeb; } .small, small { font-weight: 300; font-size: 70%; } h1 { font-weight: 400; color: #262626; } h1:last-child, h1:only-child { margin-bottom: 0; } @media (max-width:767.98px) { h1 span { font-size: inherit!important; line-height: inherit!important; letter-spacing: inherit!important; } } h1 small { display: block; font-size: 16px; color: #999; margin: 3px 0; position: relative; line-height: 22px; font-weight: 300; } h1 small:first-child+br { display: none; } @media (max-width:767.98px) { h1 small { font-size: 15px; } } h2 { font-weight: 400; color: #262626; } h2:last-child, h2:only-child { margin-bottom: 0; } @media (max-width:767.98px) { h2 span { font-size: inherit!important; line-height: inherit!important; letter-spacing: inherit!important; } } h2 small { display: block; font-size: 16px; color: #999; margin: 3px 0; position: relative; line-height: 22px; font-weight: 300; } h2 small:first-child+br { display: none; } @media (max-width:767.98px) { h2 small { font-size: 15px; } } h3 { font-weight: 400; color: #262626; } h3:last-child, h3:only-child { margin-bottom: 0; } @media (max-width:767.98px) { h3 span { font-size: inherit!important; line-height: inherit!important; letter-spacing: inherit!important; } } h3 small { display: block; font-size: 16px; color: #999; margin: 3px 0; position: relative; line-height: 22px; font-weight: 300; } h3 small:first-child+br { display: none; } @media (max-width:767.98px) { h3 small { font-size: 15px; } } h4 { font-weight: 400; color: #262626; } h4:last-child, h4:only-child { margin-bottom: 0; } @media (max-width:767.98px) { h4 span { font-size: inherit!important; line-height: inherit!important; letter-spacing: inherit!important; } } h4 small { display: block; font-size: 16px; color: #999; margin: 3px 0; position: relative; line-height: 22px; font-weight: 300; } h4 small:first-child+br { display: none; } @media (max-width:767.98px) { h4 small { font-size: 15px; } } h5 { font-weight: 400; color: #262626; } h5:last-child, h5:only-child { margin-bottom: 0; } @media (max-width:767.98px) { h5 span { font-size: inherit!important; line-height: inherit!important; letter-spacing: inherit!important; } } h5 small { display: block; font-size: 16px; color: #999; margin: 3px 0; position: relative; line-height: 22px; font-weight: 300; } h5 small:first-child+br { display: none; } @media (max-width:767.98px) { h5 small { font-size: 15px; } } h6 { font-weight: 400; color: #262626; } h6:last-child, h6:only-child { margin-bottom: 0; } @media (max-width:767.98px) { h6 span { font-size: inherit!important; line-height: inherit!important; letter-spacing: inherit!important; } } h6 small { display: block; font-size: 16px; color: #999; margin: 3px 0; position: relative; line-height: 22px; font-weight: 300; } h6 small:first-child+br { display: none; } @media (max-width:767.98px) { h6 small { font-size: 15px; } } h1 small { font-size: 18px; line-height: 23px; margin-top: 8px; } @media (max-width:767.98px) { h1 small { font-size: 17px; } } h5 small, h6 small { font-size: 14px; line-height: 16px; } @media (max-width:767.98px) { h5 small, h6 small { font-size: 13px; } } h1 { font-size: 42px; line-height: 52px; margin: 0 0 41px; } @media (max-width:767.98px) { h1 { font-size: 38px; line-height: 48px; margin-bottom: 21px; } } h1.x1h1 { font-size: 38px; line-height: 48px; } @media (max-width:767.98px) { h1.x1h1 { font-size: 34px; line-height: 46px; } } h1.x2h1 { font-size: 34px; line-height: 46px; } @media (max-width:767.98px) { h1.x2h1 { font-size: 30px; line-height: 42px; } } h2 { font-size: 30px; line-height: 42px; margin: 0 0 30px; } @media (max-width:767.98px) { h2 { font-size: 28px; line-height: 40px; margin-bottom: 15px; } } h2.x1h2 { font-size: 28px; line-height: 40px; } @media (max-width:767.98px) { h2.x1h2 { font-size: 26px; line-height: 38px; } } h3 { font-size: 26px; line-height: 38px; margin: 0 0 12px; } @media (max-width:767.98px) { h3 { font-size: 24px; line-height: 36px; margin-bottom: 8px; } } h4 { font-size: 24px; line-height: 36px; margin: 0 0 12px; } @media (max-width:767.98px) { h4 { font-size: 21px; line-height: 30px; margin-bottom: 8px; } } h4.x1h4 { font-size: 21px; line-height: 30px; } @media (max-width:767.98px) { h4.x1h4 { font-size: 20px; line-height: 28px; } } h5 { font-size: 20px; line-height: 28px; margin: 0 0 16px; } @media (max-width:767.98px) { h5 { font-size: 18px; line-height: 26px; margin-bottom: 8px; } } h6 { font-size: 18px; line-height: 26px; margin: 0 0 11px; } @media (max-width:767.98px) { h6 { font-size: 17px; line-height: 24px; margin-bottom: 8px; } } h6.x1h6 { font-size: 17px; line-height: 24px; } @media (max-width:767.98px) { h6.x1h6 { font-size: 15px; line-height: 22px; } } h6.x2h6 { font-size: 15px; line-height: 22px; } @media (max-width:767.98px) { h6.x2h6 { font-size: 14px; line-height: 21px; } } p+h1 { margin-top: 45px; } p+h2, p+h3 { margin-top: 41px; } p+h5 { margin-top: 34px; } pre { display: block; padding: 35px 32px; margin: 25px 0 25px; font-size: 15px; line-height: 1.75; position: relative; color: #999; border: none; font-weight: 300; -webkit-border-radius: 0; -moz-border-radius: 0; background-color: #1f1f1f; font-family: Rubik,sans-serif; word-break: break-all; word-wrap: break-word; border-radius: 5px; } pre * { color: #999; } pre h1 { display: inline-block; width: 100%; } pre h2 { display: inline-block; width: 100%; } pre h3 { display: inline-block; width: 100%; } pre h4 { display: inline-block; width: 100%; } pre h5 { display: inline-block; width: 100%; } pre h6 { display: inline-block; width: 100%; } pre::after { content: "code"; display: block; right: 19px; top: 9px; color: #fff; position: absolute; font-family: 'Material Icons'; font-weight: 400; font-style: normal; font-size: 15px; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; } b, div strong, optgroup, p strong, strong, ul strong { font-weight: 500; } #tinymce strong { font-weight: 500!important; } .mark, mark { padding-left: 4px; padding-right: 4px; } #tinymce .mark:not([style]), #tinymce code, #tinymce kbd, #tinymce mark:not([style]), #tinymce samp, .mark:not([style]), code, kbd, mark:not([style]), samp { color: inherit; display: inline-block; position: relative; background: 0 0; font-family: inherit; font-size: inherit; padding: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .mark:not([style]):before, mark:not([style]):before { content: ''; height: 3px; bottom: 5px; position: absolute; width: auto; left: -1px; right: -1px; z-index: -1; display: block; border-radius: 3px; background-color: #78c1ff; } #tinymce code, .code, code { color: #e7372d; font-weight: 400; } sub, sup { font-size: 75%; line-height: 0; position: relative; } blockquote { margin: 41px 0 41px 0; position: relative; background: 0 0; border-radius: 0; border: none; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 38px 38px 38px 81px; color: #262626; font-size: 24px; font-weight: 400; text-align: left; line-height: 1.7; } @media (max-width:767.98px) { blockquote { font-size: 20px; line-height: 1.6; margin: 29px 0 29px 0; padding: 28px 28px 28px 51px; } } @media (max-width:575.98px) { blockquote { padding-left: 0; padding-right: 0; } } blockquote * { text-align: left; color: #262626; font-size: 24px; font-weight: 400; line-height: 1.7; } @media (max-width:767.98px) { blockquote * { font-size: 20px; line-height: 1.6; } } blockquote:before { content: '“'; position: absolute; left: -3px; top: 22px; color: #f17d8d; line-height: 110px; font-size: 110px; font-family: 'Playfair Display',serif; } @media (max-width:767.98px) { blockquote:before { font-size: 90px; top: 10px; } } @media (max-width:575.98px) { blockquote:before { display: none; } } blockquote p { margin-bottom: 16px; } blockquote p:empty { display: none; padding: 0; margin: 0; } blockquote p:last-child { margin-bottom: 0; } blockquote p cite { display: block; margin-top: 16px; } blockquote:last-child { margin-bottom: 0; } blockquote:first-child { margin-top: 0; } blockquote cite, blockquote footer { font-size: 18px; font-style: normal; color: #999; font-weight: 300; } @media (max-width:767.98px) { blockquote cite, blockquote footer { font-size: 16px; } } blockquote cite *, blockquote footer * { font-size: 18px; font-style: normal; color: #999; font-weight: 300; } @media (max-width:767.98px) { blockquote cite *, blockquote footer * { font-size: 16px; } } blockquote cite a, blockquote footer a { color: #999; } blockquote cite a::after, blockquote footer a::after { background-color: #999!important; } blockquote cite a:hover, blockquote footer a:hover { color: #999; } blockquote cite+br, blockquote footer+br { display: none; } blockquote footer { display: block; margin-top: 16px; } blockquote cite { font-style: italic!important; } blockquote.blockquote-reverse, blockquote.pull-right { text-align: right; padding: 38px 81px 38px 38px; } @media (max-width:767.98px) { blockquote.blockquote-reverse, blockquote.pull-right { padding: 28px 51px 28px 28px; } } @media (max-width:575.98px) { blockquote.blockquote-reverse, blockquote.pull-right { padding-right: 0; padding-left: 0; } } blockquote.blockquote-reverse *, blockquote.pull-right * { text-align: right; } blockquote.blockquote-reverse:after, blockquote.blockquote-reverse:before, blockquote.pull-right:after, blockquote.pull-right:before { right: -4px; left: auto; } /*!Extends Lists*/ .maincontent dl, .maincontent dl.dl-horizontal { padding: 0; margin-bottom: 32px; margin-top: 27px; } .maincontent dl dt, .maincontent dl.dl-horizontal dt { width: 169px; font-weight: 300; float: left!important; white-space: normal; text-align: left; color: #262626; } .maincontent dl dd, .maincontent dl.dl-horizontal dd { position: relative; margin-left: 169px; line-height: 1.8; color: #8c8c8c; margin-bottom: 10px; } .maincontent dl.dl-horizontal:first-child, .maincontent dl:first-child { margin-top: 0; } .maincontent dl.dl-horizontal:last-child, .maincontent dl:last-child { margin-bottom: 0; } @media (max-width:767.98px) { .maincontent dl dt, .maincontent dl.dl-horizontal dt { width: 115px; float: left!important; } .maincontent dl dd, .maincontent dl.dl-horizontal dd { margin-left: 115px; line-height: 1.9; color: #999; margin-bottom: 10px; } } @media (max-width:575.98px) { .maincontent dl dt, .maincontent dl.dl-horizontal dt { float: none!important; width: auto; } .maincontent dl dd, .maincontent dl.dl-horizontal dd { margin-left: 0; margin-bottom: 20px; top: 0; } } /*!Basic Lists*/ #tinymce ol, #tinymce ul, .maincontent ol, .maincontent ul { margin-bottom: 32px; list-style: none; color: grey; margin-top: 30px; line-height: 1.5; font-size: 17px; counter-reset: point; } @media (max-width:767.98px) { #tinymce ol, #tinymce ul, .maincontent ol, .maincontent ul { font-size: 16px; } } #tinymce ol ol:first-child, #tinymce ol ul:first-child, #tinymce ul ol:first-child, #tinymce ul ul:first-child, .maincontent ol ol:first-child, .maincontent ol ul:first-child, .maincontent ul ol:first-child, .maincontent ul ul:first-child { margin-top: 12px; } #tinymce ol *+ol, #tinymce ol *+ul, #tinymce ul *+ol, #tinymce ul *+ul, .maincontent ol *+ol, .maincontent ol *+ul, .maincontent ul *+ol, .maincontent ul *+ul { margin-top: 12px; } #tinymce ol:first-child, #tinymce ul:first-child, .maincontent ol:first-child, .maincontent ul:first-child { margin-top: 0; } #tinymce ol li>br+span, #tinymce ul li>br+span, .maincontent ol li>br+span, .maincontent ul li>br+span { display: block; margin-top: 11px; line-height: 29px; } #tinymce ol li>br+span:last-child, #tinymce ul li>br+span:last-child, .maincontent ol li>br+span:last-child, .maincontent ul li>br+span:last-child { margin-bottom: 22px; } #tinymce ol:last-child, #tinymce ul:last-child, .maincontent ol:last-child, .maincontent ul:last-child { margin-bottom: 0; } #tinymce ol li, #tinymce ul li, .maincontent ol li, .maincontent ul li { list-style-type: none; position: relative; margin-bottom: 12px; } #tinymce ol li:last-child, #tinymce ul li:last-child, .maincontent ol li:last-child, .maincontent ul li:last-child { margin-bottom: 0; } #tinymce ul>li, .maincontent ul>li { padding-left: 31px; } #tinymce ul>li:before, .maincontent ul>li:before { content: "\2014"; color: rgba(38,38,38,.6); left: 0; position: absolute; } #tinymce ol>li, .maincontent ol>li { position: relative; padding-left: 31px; } #tinymce ol>li:before, .maincontent ol>li:before { content: counter(point) "."; counter-increment: point 1; color: #262626; position: absolute; left: 0; } #tinymce ol ol li:before, .maincontent ol ol li:before { content: counters(point, ".") " "; } #tinymce ol ol li, .maincontent ol ol li { padding-left: 40px; } #tinymce ol ol ol li, .maincontent ol ol ol li { padding-left: 50px; } #tinymce ol ol ol ol li, .maincontent ol ol ol ol li { padding-left: 60px; } #tinymce ol ol, .maincontent ol ol { margin-left: 0; } #tinymce .reset-list li:before, .maincontent .reset-list li:before { display: none!important; } #tinymce .reset-list li, .maincontent .reset-list li { padding-left: 0!important; } #tinymce .reset-list>ol, #tinymce .reset-list>ul, .maincontent .reset-list>ol, .maincontent .reset-list>ul { padding-left: 0; } #tinymce .reset-list>ol ol, #tinymce .reset-list>ol ul, #tinymce .reset-list>ul ol, #tinymce .reset-list>ul ul, .maincontent .reset-list>ol ol, .maincontent .reset-list>ol ul, .maincontent .reset-list>ul ol, .maincontent .reset-list>ul ul { padding-left: 21px; } #tinymce .reset-list ol ul, #tinymce .reset-list ul ol, .maincontent .reset-list ol ul, .maincontent .reset-list ul ol { margin-left: 0; } #tinymce .liststyle1, #tinymce .liststyle2, #tinymce .reset-list, .maincontent .liststyle1, .maincontent .liststyle2, .maincontent .reset-list { margin-top: 30px; margin-bottom: 32px; } #tinymce .liststyle1>p, #tinymce .liststyle2>p, #tinymce .reset-list>p, .maincontent .liststyle1>p, .maincontent .liststyle2>p, .maincontent .reset-list>p { display: none; visibility: hidden; position: absolute; left: -9999px; } #tinymce .liststyle1:first-child, #tinymce .liststyle2:first-child, #tinymce .reset-list:first-child, .maincontent .liststyle1:first-child, .maincontent .liststyle2:first-child, .maincontent .reset-list:first-child { margin-top: 0; } #tinymce .liststyle1:last-child, #tinymce .liststyle2:last-child, #tinymce .reset-list:last-child, .maincontent .liststyle1:last-child, .maincontent .liststyle2:last-child, .maincontent .reset-list:last-child { margin-bottom: 0; } #tinymce .liststyle1 li:before, #tinymce .liststyle2 li:before, .maincontent .liststyle1 li:before, .maincontent .liststyle2 li:before { font-family: feather; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; speak: none; font-size: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #tinymce .liststyle1 li:before, .maincontent .liststyle1 li:before { color: #42a047; content: "\e116"; } #tinymce .liststyle2 li:before, .maincontent .liststyle2 li:before { color: #e43935; content: "\e117"; } /*!Tables*/ .mce-item-table, table { border-collapse: collapse; color: #8c8c8c; font-weight: 300; font-size: 17px; line-height: 1.4; } @media (max-width:767.98px) { .mce-item-table, table { font-size: 16px; } } .mce-item-table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table-responsive { border: 0; margin-bottom: 30px; } .table-responsive:last-child { margin-bottom: 0; } .table-responsive>p { display: none!important; } .mce-item-table+*, .table-responsive+*, table.table+* { margin-top: 30px; } .table-responsive table.table { margin-bottom: 17px; } .mce-item-table, table.table { margin-bottom: 30px; } table.table caption { font-weight: 400; padding: 0; font-size: 18px; margin: 0 0 11px; color: #000; } @media screen and (max-width:767px) { table.table caption { font-size: 17px; } } table.aligncenter, table.alignleft, table.alignright { display: table; } table.aligncenter caption { text-align: center; } table.alignleft caption { text-align: left; } table.alignright caption { text-align: right; } .mce-item-table thead, .table thead { font-weight: 400; color: #262626; } .mce-item-table th, .mce-item-table thead td, .mce-item-table thead th, table.table th, table.table thead td, table.table thead th { font-weight: 400; } .mce-item-table tfoot, table.table tfoot { color: #262626; } table.table .mce-item-table tr td { border-color: #e5e5e5; } .mce-item-table>tbody>tr>td, .mce-item-table>tbody>tr>th, .mce-item-table>tfoot>tr>td, .mce-item-table>tfoot>tr>th, .mce-item-table>thead>tr>td, .mce-item-table>thead>tr>th, table.table>tbody>tr>td, table.table>tbody>tr>th, table.table>tfoot>tr>td, table.table>tfoot>tr>th, table.table>thead>tr>td, table.table>thead>tr>th { padding: 7px 10px; } .mce-item-table tfoot>tr>td, .mce-item-table tfoot>tr>th, table.table tfoot>tr>td, table.table tfoot>tr>th { padding-top: 18px; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border: none; } .mce-item-table>thead>tr>td, .mce-item-table>thead>tr>th, table.table>thead>tr>td, table.table>thead>tr>th { border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; } .mce-item-table>tfoot>tr>td, .mce-item-table>tfoot>tr>th, table.table>tfoot>tr>td, table.table>tfoot>tr>th { border-top: 1px solid #e6e6e6; } .mce-item-table>tfoot+tbody>tr:first-child>td, .mce-item-table>tfoot+tbody>tr:first-child>th, .mce-item-table>thead+tbody>tr:first-child>td, .mce-item-table>thead+tbody>tr:first-child>th, table.table>tfoot+tbody>tr:first-child>td, table.table>tfoot+tbody>tr:first-child>th, table.table>thead+tbody>tr:first-child>td, table.table>thead+tbody>tr:first-child>th { padding-top: 16px; } .mce-item-table>tfoot+tbody>tr:last-child>td, .mce-item-table>tfoot+tbody>tr:last-child>th, .mce-item-table>thead+tbody>tr:last-child>td, .mce-item-table>thead+tbody>tr:last-child>th, table.table>tfoot+tbody>tr:last-child>td, table.table>tfoot+tbody>tr:last-child>th, table.table>thead+tbody>tr:last-child>td, table.table>thead+tbody>tr:last-child>th { padding-bottom: 13px; } p+.table-responsive, p+table { margin-top: 30px; } @media (max-width:767.98px) { body { font-size: 16px; line-height: 1.7; } } /*!------------------------------------------------------------------ [ IMAGES ] -------------------------------------------------------------------*/ .wp-post-image, [class*=wp-image-] { max-width: 100%; height: auto; border-radius: 5px; } p>.wp-post-image, p>[class*=wp-image-], p>a>.wp-post-image, p>a>[class*=wp-image-] { margin-bottom: 44px!important; } p+figure, p+p>a>img, p+p>img { margin-top: 52px!important; } .wp-post-image.img-circle, [class*=wp-image-].img-circle { border-radius: 50%; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } p.extra+.mceTemp .wp-post-image, p.extra+.mceTemp [class*=wp-image-], p.extra+figure.wp-caption>.wp-post-image, p.extra+figure.wp-caption>[class*=wp-image-], p.lead+.mceTemp .wp-post-image, p.lead+.mceTemp [class*=wp-image-], p.lead+figure.wp-caption>.wp-post-image, p.lead+figure.wp-caption>[class*=wp-image-] { margin-top: 30px; } .mce-content-body a[data-mce-selected] { padding: 0; margin: 0; } .mceTemp, figure.wp-caption { margin-bottom: 44px; display: block; max-width: 100%; position: relative; height: auto; } .mceTemp a:after, figure.wp-caption a:after { display: none!important; } dl.wp-caption { position: relative; } dl.wp-caption dt.wp-caption-dt img { margin-bottom: 0; } .mceTemp .wp-caption-dd, figure.wp-caption .wp-caption-text { position: absolute; color: #fff; font-size: 11px; border-radius: 2em; padding: 7px 18px 7px 38px; background-color: #1f1f1f; bottom: 21px; right: 26px; line-height: 1.3; font-weight: 400; margin-left: 20px; margin-top: 20px; } .mceTemp .wp-caption-dd:before, figure.wp-caption .wp-caption-text:before { color: #797979; font-family: covercase!important; font-style: normal!important; font-weight: 400!important; font-variant: normal!important; text-transform: none!important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\71"; display: inline-block; vertical-align: middle; margin-left: -20px; margin-right: 9px; position: relative; top: -1px; } .mceTemp .wp-caption-dd a, figure.wp-caption .wp-caption-text a { color: #ccc; } .mceTemp .wp-caption-dd a:after, figure.wp-caption .wp-caption-text a:after { display: none!important; } .mceTemp .wp-caption-dd a:hover, figure.wp-caption .wp-caption-text a:hover { color: #fff; } .img-rounded { border-radius: 5px; } .img-grayscale { opacity: .2; filter: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } .img-grayscale:hover { filter: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); opacity: 1; } .img-add-darkest, .img-add-grayscale, .img-del-grayscale { -webkit-transition: .4s -webkit-filter linear; -o-transition: .4s -o-filter linear; -webkit-transition: .4s filter linear,.4s -webkit-filter linear; -o-transition: .4s filter linear,.4s -webkit-filter linear; transition: .4s filter linear,.4s -webkit-filter linear; -webkit-backface-visibility: hidden; } .img-add-grayscale:hover { filter: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .img-del-grayscale { filter: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .img-del-grayscale:hover { filter: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } .img-add-darkest:hover { -webkit-filter: brightness(.7); filter: brightness(.7); -ms-filter: brightness(.7); -moz-filter: brightness(.7); -o-filter: brightness(.7); } .img-no-rounded { border-radius: 0; } .img-opacity { opacity: .2; -webkit-transition: opacity .15s ease; -o-transition: opacity .15s ease; transition: opacity .15s ease; } .img-opacity:hover { opacity: 1; } .img-lg { width: 200px; max-width: 200px; } .img-md { width: 100px; max-width: 100px; } .img-sm { width: 70px; max-width: 70px; } .img-bottom { position: absolute; right: 0; bottom: 0; left: 0; margin: auto; }