/** * Editor Style. */ .editor-styles-wrapper { line-height: 1.5em; color: #6a6767; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } h1 {font-size: 22px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 15px;} h6 {font-size: 14px;} h2.section-head {border-top: 1px solid #e0e0e0;font-size: 20px;padding: 1em 0;} p {margin-bottom: 1.5em;} p:empty {display: none;} blockquote { quotes: none; } blockquote:before { content: none; } blockquote:after { content: none; } blockquote p { line-height: 1.7em; } blockquote h1 { margin-top: 0; } blockquote h2 { margin-top: 0; } blockquote h3 { margin-top: 0; } blockquote h4 { margin-top: 0; } blockquote h5 { margin-top: 0; } blockquote h6 { margin-top: 0; } a:focus:not(.wp-block-button__link):not(.wp-block-file__button):not(.pagination.post-pagination a) { outline: dotted thin; text-decoration: none; outline-offset: 3px; } a .action-icon:hover { cursor: pointer; } a.tag { cursor: pointer; display: inline-block; background: #504e4e; color: #fff; padding: 2px 8px; margin: 0 8px 8px 0; font-size: 12px; -webkit-border-radius: 0 ; border-radius: 0; background-clip: padding-box; } a.tag:hover { color: #fff; } img { border-style: none; vertical-align: top; max-width: 100%; height: auto; } strong { font-weight: bold; } ol { list-style-type: none; margin-bottom: 1.5em; } ul { list-style-type: none; margin-bottom: 1.5em; } li { list-style-type: none; } table { border-collapse: collapse; border-spacing: 0; } aside { display: block; } details { display: block; } figure { display: block; } figure.wp-caption { margin-bottom: 1.5em; } figcaption { display: block; } figcaption.blocks-gallery-caption, .wp-block-audio { margin-bottom: 1.5em; } .wp-block-cover__inner-container p { margin-bottom: 0; } footer { display: block; } header { display: block; -ms-word-wrap: break-word; word-wrap: break-word; } hgroup { display: block; } menu { display: block; } nav { display: block; } section { display: block; } input { margin: 0; padding: 0; outline: none; } textarea { outline: none; } cite { font-style: italic; padding-left: 20px; } q:before, q:after { content: "\201C"; display: inline-block; margin-right: 3px; } q:after { content: "\201D"; margin-left: 3px; } tt, kbd, pre, code, samp, var { color: #c7254e; background-color: #f9f2f4; font-family: inherit; padding: 4px 6px; -webkit-border-radius: 0; border-radius: 0; } pre { line-height: 1.7; overflow: auto; max-width: 100%; margin: 20px 0; padding: 30px; white-space: pre-wrap; } pre code { padding: 0; } abbr, acronym, dfn { font-size: .95em; cursor: help; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px dotted #e0e0e0; } details summary { font-weight: bold; margin-bottom: 22px; } details:focus { outline: none; text-decoration: none; } mark { text-decoration: none; background-color: #f3f3f3; } small { font-size: 75%; } big { font-size: 125%; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } figure { margin: 0; } address { margin: 15px 0; font-style: italic; } hr { height: 1px; margin-bottom: 22px; border: 0; border-top: 1px solid #e0e0e0; } ul, ol { margin: 0 0 22px 0; padding-left: 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; font-size: 1.1em; margin-bottom: 10px; } dd { margin: 0 22px 22px; } table { width: 100%; margin: 22px 0; text-align: left; border-width: 1px 1px 1px 0; border-style: solid; border-collapse: collapse; border-color: #e5e5e5; } table caption { font-weight: bold; margin-bottom: 22px; } table th, table td { padding: 6px 10px; margin: 0; } table th { border-width: 0 0 0 1px; border-style: solid; font-weight: 500; } table td { border-width: 1px 0 0 1px; border-style: solid; } table td[valign="top"] { vertical-align: top; } table td[valign="bottom"] { vertical-align: bottom; } img { max-width: 100%; height: auto; } .screen-reader-text { position: absolute !important; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; } img.wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: none; } .wp-caption { font-style: italic; line-height: 1.35; max-width: 100%; margin-bottom: 2.2rem; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; } .wp-caption-text { font-size: 1.3rem; font-style: italic; line-height: 1.35; } .wp-caption .wp-caption-text { margin: 1.1rem 0; } embed, iframe, object { max-width: 100%; } .wp-video-shortcode { margin-bottom: 2.2rem; } .fr { float: right; } .fl { float: left; } .cb { clear: both; } .center { text-align: center; } .caret-right { border-top: 4px solid transparent; border-right: 0; border-left: 4px solid; border-bottom: 4px solid transparent; } .mb0 { margin-bottom: 0 !important; } .pb0 { padding-bottom: 0 !important; } .nm { margin: 0 !important; } .np { padding: 0 !important; } hr { margin: 17px 0 18px; height: 0; clear: both; border: solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; } hr.style-two { border: 0; height: 1px; background-image: -o-linear-gradient(to right, transparent, rgba(0, 0, 0, 0.75), transparent); } hr.fancy { border: 0; height: 1px; background: #e5e5e5; background-image: -webkit-gradient(linear, left top, right top, from(white), color-stop(#e0e0e0), to(white)); background-image: -webkit-linear-gradient(left, white, #e0e0e0, white); background-image: linear-gradient(to right, white, #e0e0e0, white); } .boxed { width: 100%; margin: 0 auto; background: #ddd; } .pace-builder-page #content .themeoo-row { padding: 0; } /* Global Styles */ .disabled a{ color: #777; cursor: not-allowed; pointer-events: none; background-color: #fff; border-color: #ddd; } .disabled a:hover{ cursor: not-allowed; pointer-events: none; background-color: #fff; } .disabled a i{ cursor: not-allowed; pointer-events: none; } /* Text meant only for screen readers. */ .screen-reader-text { position: absolute !important; height: 1px; width: 1px; overflow: hidden; padding: 0; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .screen-reader-text:active, .screen-reader-text:focus { position: static; overflow: visible; white-space: normal; background-color: #f1f1f1; -webkit-border-radius: 0; border-radius: 0; clip: auto !important; color: #21759b; display: block; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .bypostauthor { position: relative; } .sticky { position: relative; } .gallery-caption { position: relative; } .col-md-9 .container { width: 100%; } textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { max-width: 400px; -webkit-border-radius: 0; border-radius: 0; padding: 8px 15px; margin: 4px 0; width: 100%; color: #9e8f8f; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-color: #fff; border-width: 1px; } input[type="text"], input[type="email"], input[type="password"]{ border-width:1px; border-style: solid; padding: 10px 10px; } select{ border:1px solid #e5e5e5; } textarea { margin: 16px 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } textarea, input[type=text], textarea { height: 2.5em; border: 1px solid #e5e5e5; padding: 5px; width: 100%; color: #9e8f8f; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-color: #fff; } .button, #submit, input[type="submit"] { border: none; font-family: inherit; font-size: inherit; cursor: pointer; padding: 10px 20px; display: inline-block; margin: 10px 20px 10px 0; letter-spacing: 0.5px; outline: none; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; color: #fff; -webkit-border-radius: 0; border-radius: 0; } .round.button, .round#submit, input[type="submit"].round { -webkit-border-radius: 50px; border-radius: 50px; } .button:hover, input[type="submit"]:hover { color: #fff; } input[type="email"], input[type="password"] { background-color: #fff ; } textarea { height: 10em; margin-top: 0; background-color: #fff !important; } textarea:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } select:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } label { font-weight: bold; } .themeoo-row.np:first-child { padding-top: 30px !important; } .themeoo-row.np:last-child { padding-bottom: 30px !important; } .button { margin: 5px 5px 5px 0; padding: 0.85em 1.4em; color: #fff; } .button.small { font-size: 0.8em; } .button.big { font-size: 1em; } .button.large { font-size: 1.4em; } .button.light { background: transparent; color: #efefef; border: 2px solid #efefef; } .button.light:hover, .button.light:focus, .button.light:active { background: rgba(255, 255, 255, 0.2); color: #ffffff; border-color: #ffffff; -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); } .button.dark { background: transparent; color: #444; border: 2px solid #444; } .button.dark:hover, .button.dark:focus, .button.dark:active { background: rgba(0, 0, 0, 0.1); color: #222; border-color: #222; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /*--------------------------------------------------------- 5. Content -------------------------------------------------------- */ blockquote, .action { background-color: #f5f5f5; padding: 2em; margin-bottom: 3em; -webkit-box-shadow: 0 8px 6px -7px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 6px -7px rgba(0, 0, 0, 0.3); } > .wp-block-cover.alignwide:first-child, > .wp-block-cover.alignfull:first-child { margin-top: 0; } a .action-icon { text-align: center; display: inline-block; background: #f5f5f5; -webkit-border-radius: 100px; border-radius: 100px; font-size: 1em; width: 21px; height: 21px; line-height: 21px; position: relative; color: #fff; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } table { display: table; border-collapse: separate; border-color: #e0e0e0; } tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } tr { display: table-row; vertical-align: inherit; border-color: inherit; } ul ul, ol ul { list-style-type: circle; list-style-position: inside; margin-left: 1.5em; } ul ol, ol ol { list-style-type: lower-latin; list-style-position: inside; margin-left: 1.5em; } article { display: block; } article.post-normal { padding: 0; border-width: 1px; border-style: solid; } article.post-normal:first-child { padding-top: 0; } article.post-normal h1 { margin: 15px 0 20px; text-align: left; } article.post-normal .entry-meta { color: #9d9a9a; } article.post-normal .entry-meta .separator { margin: 0 5px; } article.post-normal .post-image img { max-width: 100% !important; } article.page h1 { margin: 15px 0 20px; text-align: left; } article.page .entry-meta { color: #9d9a9a; } article.page .entry-meta .separator { margin: 0 2px; } article.page .post-image img { width: 100%; max-width: 100% !important; } article.error404 form.search .text { position: relative; } article.error404 form.search .fa-search { position: absolute; width: 30px; height: 30px; background: none; color: #888; border: none; overflow: hidden; vertical-align: middle; padding: 0; right: 15px; top: 8px; font-size: 30px; } article.error404 form.search .fa-search:hover { color: #504e4e; } article.error404 form.search input:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } article.error404 h2 { margin: 50px 0; } .boxed { background-size: cover !important; background-attachment: fixed !important; background-position: center center !important; } #title-container { background-size: cover !important; background-position: center center !important; } #title-container { background: #f5f5f5; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 8px 0; position: relative; } #title-container::after{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(251, 253, 255, 0.35); left: 0; top: 0; z-index: 2; } .title-container{ position: relative; z-index: 22; } #title-container h3 { font-size: 16px; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 35px; } #title-container ul { margin: 0; } #title-container ul li { display: inline-block; margin-right: 5px; font-size: 11px; } #title-container ul li:after { content: '/'; } #title-container ul li a { padding-right: 5px; font-size: 11px; } #title-container ul li a:hover { opacity: 0.8; } #title-container ul li:last-child:after { content: none; } @media (min-width: 1200px) { .boxed { width: 1200px; } } @media (min-width: 992px) { #title-container { text-align: left; } #title-container ul { float: right; } } @media (max-width: 991px) { #title-container .col-md-6 { margin-bottom: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .boxed { width: 992px; } } @media (min-width: 768px) and (max-width: 991px) { .boxed { width: 768px; } } .boxed #page { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); margin: 0 auto; position: relative; width: inherit; } .themeoo-row { padding: 30px 0; border-style: solid; } .themeoo-row.pt-0.pb-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .themeoo-row.pt-0 { padding-top: 0 !important; } .themeoo-row.pb-0 { padding-bottom: 0 !important; } .themeoo-row.slider-row { padding: 0; } .themeoo-row#content { padding-bottom: 30px !important; } .themeoo-row.post-list .post-normal { margin-bottom: 30px; } #colophon{ padding: 30px 0; } #colophon .themeoo-row:first-child { padding-top: 10px; } #colophon .themeoo-row:last-child { padding-top: 0; } .row.v-align-top, .row.v-align-middle, .row.v-align-bottom { display: table; } .row.v-align-top > div[class*='col-'], .row.v-align-middle > div[class*='col-'], .row.v-align-bottom > div[class*='col-'] { float: none; display: table-cell; vertical-align: middle; } .row.v-align-top > div[class*='col-'] { vertical-align: top; } .row.v-align-bottom > div[class*='col-'] { vertical-align: bottom; } .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } [class*='col-'] { border-style: solid; } @media (max-width: 991px) { .row.v-align-top > div[class*='col-'], .row.v-align-middle > div[class*='col-'], .row.v-align-bottom > div[class*='col-'] { display: block; } } .page-links { font-weight: bold; } blockquote { margin: 2em 0; } blockquote p { font-size: 1em; margin: 0; } blockquote p cite { display: block; font-style: italic; } .entry-meta { margin-bottom: 5px; } td { display: table-cell; vertical-align: inherit; } th { display: table-cell; vertical-align: inherit; font-weight: bold; } ul { list-style-position: inside; margin-bottom: 10px; } ul li { list-style-type: disc; margin-bottom: 5px; } ul ul li { list-style-type: circle; } ul ul ul li { list-style-type: square; } ul ol ul li { list-style-type: square; } ul ol li { list-style-type: decimal; } ol { list-style-position: inside; margin-bottom: 0; } ol li { list-style-type: decimal; } ol ul li { list-style-type: circle; } ol ul ul li { list-style-type: square; } ol ul ol li { list-style-type: decimal; } ol ol ul li { list-style-type: square; } .alert { margin-bottom: 20px; padding-bottom: 14px; padding-top: 14px; padding-right: 25px; } .alert strong { color: #c09853; } .alert p { margin-bottom: 0; } .alert .close { padding-right: 5px; } .themeoo-row:last-child { padding-bottom: 0; } /*Hover icon*/ .hover-icon { text-align: center; } .hover-icon .ti-*:before { font-size: 30px; line-height: 60px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } .hover-icon .ti-*:hover { color: #fff; } .hover-icon .ti-*:hover:before { -webkit-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } .hover-icon .ti-*.from-right:hover:before { -webkit-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards; } .hover-icon .ti-*.from-top:hover:before { -webkit-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } .hover-icon .ti-*.from-bottom:hover:before { -webkit-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } .hover-icon .ti-*.rotate:hover:before { -webkit-animation: spinAround 2s linear infinite; animation: spinAround 2s linear infinite; } .hover-icon .ti-1x { width: 28px; height: 28px; } .hover-icon .ti-1x:before { font-size: 16px; line-height: 28px; } .hover-icon .ti-2x { width: 45px; height: 45px; } .hover-icon .ti-2x:before { font-size: 22px; line-height: 45px; } .hover-icon .ti-4x { width: 80px; height: 80px; } .hover-icon .ti-4x:before { font-size: 42px; line-height: 80px; } .hover-icon .ti-5x { width: 100px; height: 100px; } .hover-icon .ti-5x:before { font-size: 54px; line-height: 100px; } /*end of hover icon*/ .feature-box .icon-wrap { float: left; margin-top: 5px; } .feature-box .feature-box-title { margin-top: 0; margin-bottom: 15px; } .feature-box p:last-child { margin-bottom: 0; } .feature-box.size-1 .feature-box-content { margin-left: 35px; } .feature-box.size-2 .feature-box-content { margin-left: 55px; } .feature-box.size-3 .feature-box-content { margin-left: 75px; } .feature-box.size-4 .feature-box-content { margin-left: 95px; } .feature-box.size-5 .feature-box-content { margin-left: 115px; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; } } @-webkit-keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); } 50% { opacity: 0; -webkit-transform: translate(100%); } 51% { opacity: 1; } } @keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); transform: translate(-100%); } 50% { opacity: 0; -webkit-transform: translate(100%); transform: translate(100%); } 51% { opacity: 1; } } @-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { opacity: 1; } } @-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% { opacity: 1; } } @-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spinAround { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /********************* Image Effects *********************/ .effect { position: relative; text-align: center; } .effect img { display: block; margin: 0; padding: 0; max-width: 100%; height: auto; } .overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.7); overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; } a.close-overlay.hidden { display: none; } a.expand { display: block; position: absolute; z-index: 100; width: 30px; height: 30px; border: solid 1px #fff; text-align: center; color: #fff !important; line-height: 30px; font-weight: 300; font-size: 20px; -webkit-border-radius: 30px; border-radius: 30px; } .slide-top .overlay { top: 0; bottom: 0; left: 0; right: 0; opacity: 0; } .slide-top .overlay a.expand { left: 0; right: 0; top: 0; margin: 0 auto; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .slide-top .overlay a.expand:hover, .slide-top .overlay a.expand:focus { color: #fff !important; text-decoration: none; } .slide-top.hover .overlay { opacity: 1; } .slide-top.hover .overlay a.expand { top: 50%; margin-top: -20px; opacity: 1; } .effect .caption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent !important; } .effect .caption:before, .effect .caption:after { pointer-events: none; } .effect .caption a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .effect .caption h2 { word-spacing: -0.15em; font-weight: 300; font-size: 1.2em; } .effect .caption p { letter-spacing: 1px; font-size: 68.5%; margin: 0; } .aligncenter { display: block; margin: 0 auto; } @-webkit-keyframes rotateScale { 0% { -webkit-transform: rotate(-175deg) scale(0.2); } 100% { -webkit-transform: rotate(0deg) scale(1); } } @keyframes rotateScale { 0% { -webkit-transform: rotate(-175deg) scale(0.2); transform: rotate(-175deg) scale(0.2); } 100% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } .separator { margin: 0 2px; } .alignleft { float: left; display: block; margin-right: 1em; } .alignright { float: right; display: block; margin-left: 1em; } .wp-caption-text { text-align: center; } .post-normal .wp-caption .wp-caption-text { border: 1px solid #e5e5e5; margin: 0; padding: 8px; color: #999; font-size: 15px; } .post-normal .carousel { max-height: 400px; overflow: hidden; } .post-normal .effect img { margin: 0 auto; } .post-normal .wp-block-embed iframe, .post-normal .carousel-item img { width: 100%; } /* -------------------------------------------------------------------------- */ /* 7c. Template: Full Width /* -------------------------------------------------------------------------- */ .template-full-width > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 120rem; } .template-full-width .alignleft, .template-full-width .alignright { position: static; } .template-full-width .alignleft, .template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, .template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, .template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 0; position: static; } .template-full-width > .alignleft, .template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, .template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, .template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 2rem; position: static; } .template-full-width .alignright, .template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, .template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, .template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 0; position: static; } .template-full-width > .alignright, .template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, .template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, .template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 2rem; position: static; } /* Block: Base Margins ----------------------- */ *[class*="_inner-container"] > *:first-child { margin-top: 0; } *[class*="_inner-container"] > *:last-child { margin-bottom: 0; } .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) { margin-bottom: 3rem; margin-top: 3rem; } /* Block: Shared Nesting Alignment Resets ---- */ [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; max-width: 58rem; } /* Alignment Classes ------------------------- */ > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 58rem; width: calc(100% - 4rem); } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 58rem; width: 100%; } .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin: 4rem auto; } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; } /* Full */ .alignfull { margin: 5rem auto; max-width: 100vw; position: relative; width: 100%; } [class*="__inner-container"] > .alignfull { max-width: 100%; } /* Wide */ .alignwide { max-width: 120rem; position: relative; width: calc(100% - 4rem); } [class*="__inner-container"] > .alignwide { width: 100%; } /* Center */ .aligncenter, .aligncenter img { margin-left: auto; margin-right: auto; } /* Left and right */ .alignleft, .alignright { max-width: 50%; } .alignleft { /*rtl:ignore*/ float: left; margin: 0.3rem 2rem 2rem 2rem; } .alignright { /*rtl:ignore*/ float: right; margin: 0.3rem 2rem 2rem 2rem; } .alignfull > figcaption, .alignfull > .wp-caption-text { margin-left: auto; margin-right: auto; max-width: 58rem; width: calc(100% - 4rem); } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 2rem; } .format-audio { overflow: hidden; } .format-video { overflow: hidden; } .format-video iframe{ width: 100%; } /*Post Format*/ .format-chat p { padding: 15px; background: #f5f5f5; } .editor-post-title { overflow: hidden; position: relative; z-index: 2; } .editor-post-title textarea { margin-top: 5px; margin-bottom: 20px; padding: 0 30px; -ms-word-wrap: break-word; word-wrap: break-word; } a:not([href]):not([tabindex]).wp-block-button__link { color: #ffffff; } .wp-block-button__link{ margin: 5px; text-decoration: none; } .wp-block-button.aligncenter{ text-align: center; } .wp-block-button.is-style-outline .wp-block-button__link{ color: #32373c !important; } .wp-block-button.is-style-squared .wp-block-button__link{ border-radius: 0 !important; } .wp-block-button__link, .wp-block-file__button { text-decoration: none; } .wp-block-group { box-sizing: border-box; padding: 15px; margin-bottom: 20px; } img.lazy { display: block; animation: change-background 4s linear infinite; } @keyframes change-background { 0% { background: #999999; } 50% { background: #a0a0a0; } 100% { background: #cecece; } }