.banner-style-1 {
padding: 20px 45px;
border-radius: 10px;
box-shadow: 0 0 20px #0000000f;
margin-bottom: 50px;
}
.wp-block-uagb-tabs {
margin: 20px 0;
}
.uagb-tabs__wrap.uagb-tabs__hstyle1-desktop .uagb-tab {
margin: 0px 8px 0px 0px;
}
.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a {
text-decoration: none;
}	
.post-message blockquote {
padding: 30px 40px 30px 40px;
max-width: 900px;
}
.post-item .post-message blockquote p {
line-height: 24px;
font-weight: normal;
margin-bottom: 20px;
display: block;
}
.is-layout-flow .wp-block-media-text .wp-block-media-text__content:nth-child(2) {
padding-left: 25px !important;
}
.wp-block-media-text.is-image-fill.contain .wp-block-media-text__media {
background-repeat: no-repeat;
background-size: contain;
}
.post-message blockquote cite {
margin-top: 30px;
margin-left: 30px;
font-weight: bold;
font-family: sans-serif;
font-size: 12px;
}
footer {
font-size: 12px;
line-height: 20px;
}
h1 {
font-size: 44px;
max-width: 780px;
}
h1, h2, h3, h4, h5, h6 {
margin: 30px 0 15px;
font-weight: 300;
}
body {
--wp--preset--font-size--small: 14px;
--wp--preset--font-size--medium: 24px;
--wp--preset--font-size--large: 30px;
--wp--preset--font-size--x-large: 36px;
}
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
border-radius: 8px;
}
.wp-block-media-text .wp-block-media-text__content {
padding: 15px 0;
box-sizing: border-box;
}
.post-category a {
background: #b1a473;
color: white;
padding: 5px 15px;
border-radius: 2px;
}
.single .col-12.d-flex.align-items-center {
align-items: flex-end !important;
margin-top: 90px;
}
.single .site-header .site-header-info h1 {
margin: 0 0 20px;
padding: 0;
line-height: 50px;
}
th:first-child, td:first-child {
padding-left: 10px;
}
.wp-block-media-text.is-stacked-on-mobile.is-image-fill {
margin-bottom: 50px;
}
span.uagb-question {
font-size: 17px;
font-weight:400;
}
body {
background-image: inherit;
background: #f5f5f5;
}
body, button, input, select, textarea {
color: #555;
}
a {
color: #333;
}
h1, h2, h3, h4, h5, h6 {
margin: 30px 0 15px;
}
.post-item .post-message p {
line-height: initial;
}
body.archive.category .site-header {
height: initial;
background: url(https://blog.nailsrus.ca/wp-content/uploads/2022/08/AdobeStock_351473321-scaled.jpeg);
background-position: center;
}
body.archive.category .site-header-lines.w-100.h-100.position-absolute:before {
background-image: linear-gradient(to right, rgb(0 0 0 / 50%) , transparent);
}
.site-header-info.h-100.position-relative {
display: flex;
min-height: 25vh;
align-items: flex-end;
}
.site-header-info .container {
padding: 0;
}
.wp-block-media-text .wp-block-media-text__content:nth-child(1) {
padding-right: 40px !important;
}
.wp-block-media-text .wp-block-media-text__content:nth-child(2) {
padding-left:50px !important;   
}
.wp-block-column video {
box-sizing: border-box;
border-radius: 10px;
}
h2.wp-block-heading {
margin: 5px 0 15px;
}
.wp-block-media-text.alignwide {
margin-bottom: 30px;
}
div#opi-collections-timeline {
margin: 30px  0;
}
.site-header {
height: initial;
}
.single .site-header {
min-height: 25vh;
}
input.uagb-search-form__input {
background: white !important;
}
.post-message blockquote * {
font-family: 'dashicons';
}
.wp-block-media-text.alignwide.is-stacked-on-mobile.is-image-fill.is-style-default {
margin-bottom: 30px;
}
.navbar.navbar-scroll .navbar-toggler {
background-color: inherit !important;
}
h3.wp-block-heading {
font-weight: normal;
font-size: 22px;
}
h4.wp-block-heading {
font-weight: normal;
font-size: 18px;
}
.recent-comment .comment-wrap blockquote:hover {
box-shadow: 0px 0px 30px 0px rgb(255 146 0 / 40%);
border-left: 10px solid #a7984d;
transform: scale(1.05) translateY(-5px);
}
.recent-comment .comment-wrap blockquote {
padding: 10px 20px;
background-color: #ffffff;
border-radius: 11px;
position: relative;
box-shadow: 0px 10px 30px rgb(0 0 0 / 8%);
margin-bottom: 30px;
line-height: initial;
transition: 0.4s;
cursor: pointer;
}
.recent-comment .comment-wrap blockquote:after {
content: "";
width: 0px;
height: 0px;
position: absolute;
border-left: 12px solid  #ffffff;
border-right: 10px solid transparent;
border-top: 10px solid #ffffff;
border-bottom: 10px solid transparent;
left: 22px;
bottom: -19px;
}
.sidebar .sidebar-button {
position: fixed;
top: initial;
bottom: 0;
}
.sidebar-item h2 {
margin-top: 0;
font-size: 1.75rem;
}
.admin-bar .sidebar-main {
margin-top:30px;
}
button.navbar-toggler:not(.collapsed) .navbar-toggler-line {
background-color: #fff;
}
.navbar .navbar-toggler-line {
width: 29px;
height: 5px;
background-color: #343a40;
}
.navbar .navbar-collapse li {
line-height: 1.8;
position: static;
display: block !important;
float: none !important;
list-style: none !important;
margin: 0;
}
.navbar .navbar-collapse li a:before {
display: none;
}
a.nav-link.me-3 {
font-size: 40px;
font-weight: 100;
text-align: left;
}
.sidebar-frame.position-absolute.bg-white.border-left {
background-color: rgb(248 248 248 / 96%)!important;
box-shadow: -3px 0px 5px #00000020 !important;
}
.comment-post {
max-width: 160px;
display: block;
font-size: 12px;
line-height: 14px;
}
.recent-comment 	hr {
margin-top: 30px;
color: #b1a37187;
}
.comment-wrap {
font-size: 10px;
margin-bottom: 0px;
}
blockquote {
border-left: 10px solid #cecece;
margin: 0px 0px 10px;
padding: 8px 0px 8px 20px;
quotes: "\201C""\201D""\2018""\2019";
font-size:14px;
}
.post-category {
margin-bottom: 20px;
display: inline-block;
}
p.last-updated.entry-meta {
margin: 5px 0;
}
.sidebar .sidebar-frame .sidebar-main {
overflow: auto;
}
.sidebar ol.has-avatars.has-dates.has-excerpts.wp-block-latest-comments {
padding: 0;
}
.sidebar footer.wp-block-latest-comments__comment-meta {
margin: 0 !important;
}
.wp-block-latest-comments__comment-excerpt {
margin: 0 !important;
}
.wp-block-group.padding {
padding: 20px;
}
@media (min-width: 1800px){
.sidebar-main.p-3.p-sm-5 {
padding: 40px !important;
}
.navbar .navbar-toggler-line {
background-color: #343a40;
}
button.navbar-toggler.position-fixed.border-0.rounded-0.collapsed {
z-index: 9999999999;
}
.sidebar-frame.position-absolute.bg-white.border-left {
background-color: rgb(255 255 255 / 85%)!important;
box-shadow: 0 0 10px #00000024;
}
.sidebar {
right: 0 !important;
z-index: 1 !important;
}
.sidebar .sidebar-button {
margin-right: 350px;
display:none;
}
.sidebar .sidebar-frame {
opacity: 1;
}
}
.site-header-lines.w-100.h-100.position-absolute:before {
position: absolute;
width: 40%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(to right, rgb(0 0 0 / 75%) , transparent);
z-index: 0;
content: '';
}
@media (min-width: 1200px){
.offset-xl-1 {
margin-left: 0;
}
.col-xl-10 {
flex: 0 0 auto;
width: 100%;
}
}
p.link-more a {
font-weight: normal !important;
font-size:12px;
}
nav.navbar.fixed-top.py-0 img {
width: 120px;
}
a.navbar-brand.position-absolute {
margin-left: 3%;
}
.header h1 {
font-size: 30px;
letter-spacing: -1px;
margin: 0 0 10px;
}
.single section#content li {
margin-bottom: 8px;
}
.single ol.wp-block-latest-comments {
padding: 0;
}
.single .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin: 0;
}
.single .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-left: 15px;
}
p,ul {
font-size: 16px;
}
.wp-block-yoast-faq-block p.schema-faq-answer,
.wp-block-yoast-faq-block .schema-faq-question {
padding: 20px 30px;
}
strong.schema-faq-question {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
display: block;
}
p.schema-faq-answer {
font-size: 14px;
}
blockquote:before {
color: #aaa;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
cite {
clear: none;
display: block;
margin: 15px 0 0;
font-family: initial;
font-size: 16px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1080px;
}
a.wp-block-button__link {
margin-bottom: 10px;
}
.post-comments {
display: none;
}
.post-date > .d-block {
display: inline-block !important;float: left;margin-right: 8px;
}
.post-meta.mt-3.pt-5 .col-12.col-sm-4 { width:initial}
.post-meta.mt-3.pt-5 {
padding: 0 !important;
}
figure.wp-block-gallery.has-nested-images.columns-default.is-cropped {
margin: 30px 0;
}
.post-meta .col-sm-4:nth-child(1){
display: none;
}
.wp-block-cover.alignfull.is-light {
margin-bottom: 20px;
padding: 30px;
}
.post-item .post-message a.wp-block-button__link {
text-decoration: none;
}
.post-item .post-image img {
max-height: 585px;
}
.post-item:hover .post-overlay, .post-item:focus .post-overlay, .post-item .post-overlay {
display: none;
}
.post-item img {
max-width: 100%;
height: auto;
}
.comment-author.vcard,
.form-group.comment-form-author,
.form-group.comment-form-email,
.form-group.comment-form-url {
display:none
}
.site-header-image picture img {
object-fit: cover;
width: 100%;
height: 100%;
}
.comment.depth-1 {
background-color: #ededed;
}
@media screen and (max-width: 782px) {
.wp-block-columns.is-not-stacked-on-mobile.is-layout-flex > .wp-block-column {
flex-basis: 45%!important;
}
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: wrap!important;
}
a.nav-link.me-3 {
margin: 0 !important;
}
.navbar .navbar-collapse li {
margin: 0 !important;
}
.site-header {
min-height: 380px;
}
h1 {
font-size: 35px;
max-width: 700px;
}	
.header h1 {
font-size: 30px;
letter-spacing: -1px;
}
.site-header .site-header-info {
width: 100%;
}
.site-header-info-main.w-100.position-relative.text-white {
background: linear-gradient(to top, rgb(0 0 0 / 85%) , transparent);
padding: 120px 20px 20px;
}
.p-3 {
padding: 2rem!important;
}
.wp-block-media-text.is-stacked-on-mobile.is-image-fill {
margin-bottom: 20px;
}
.py-5 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important;
}
.wp-block-media-text .wp-block-media-text__content {
padding: 20px 0;
}
.wp-block-media-text .wp-block-media-text__content:nth-child(2) {
padding-left: 0px !important;
}
p.has-medium-font-size {
font-size: 22px !important;
}
a.wp-block-button__link {
margin-bottom: 10px;
}
.container {
padding: 0 20px;
}
.banner-style-1 {
padding: 20px 20px 0;
border-radius: 10px;
box-shadow: 0 0 20px #0000000f;
margin-bottom: 40px;
}
.banner-style-1 p.has-medium-font-size {
font-size: 18px !important;
}
}