:root{
--primary-font: "garamond-premier-pro", serif;
--script-font: 'a';
--secondary-font: 'ol';
--primary-font-size: 20px;
--primary-font-weight: 400;
--content-width: 1100px;
--gutter: 100px;
--rose: #c6847f;
--ultra-light-brown: rgba(206, 170, 135, .5);
--light-brown: #ceaa87;
--medium-brown: #93705b;
--dark-brown: #6f4d3f;
--black: #2b2725;
--white: #FFF;
--default-vc-padding: 35px;
--small-vc-padding: 20px;
--column-gap: 40px;
--column-large-gap: 60px;
--footer-column-count: 3;
}
@font-face {
font-family: 'a';
src: url(//www.divinebeautyartists.com/wp-content/themes/divine-beauty-custom-theme/assets/fonts/a.woff2) format('woff2'),
url(//www.divinebeautyartists.com/wp-content/themes/divine-beauty-custom-theme/assets/fonts/a.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ol';
src: url(//www.divinebeautyartists.com/wp-content/themes/divine-beauty-custom-theme/assets/fonts/ol.woff2) format('woff2'),
url(//www.divinebeautyartists.com/wp-content/themes/divine-beauty-custom-theme/assets/fonts/ol.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
} body{ padding: 0; margin: 0; font-family: var(--primary-font); font-weight: var(--primary-font-weight); font-size: var(--primary-font-size); line-height: 1.4em; color: var(--dark-brown);}
a, a:hover { color: var(--light-blue);}
h1, h2, h3, h4 { color: var(--dark-brown); font-weight: normal; font-family: var(--secondary-font);}
.script:where(h1,h2,h3,h4) { font-family: var(--script-font); line-height: 2;}
h1 { font-size: 2.8em; line-height: 1;}
h1.script { font-size: 2.4em;}
h2 { font-size: 2.3em; line-height: 1;}
h3 { font-size: 1.5em; line-height: 1.2;}
.headingWithImage :where(h1,h2,h3,h4) span { display: flex; align-items: center;}
.headingWithImage :where(h1,h2,h3,h4) img { margin-right: 10px;}
.headingWithImage.center :where(h1,h2,h3,h4) span { justify-content: center;}
.headingWithImage.right :where(h1,h2,h3,h4) span { justify-content: end;}
.headingWrapper.smear { display: flex; transform: translateY(-60px); padding-bottom: 40px;}
.headingWrapper.smear.center { justify-content: center;}
.headingWrapper.smear.right { justify-content: end;}
.headingWrapper.smear :where(h1,h2,h3,h4) { position: relative; margin: 0;}
.headingWrapper.smear :where(h1,h2,h3,h4) span { color: var(--white); position: relative; z-index: 2;}
.headingWrapper.smear :where(h1,h2,h3,h4):before { content: ''; display: inline-block; position: absolute; top: -210%; left: -60%; width: 200%; height: 600%; background-image: url(//www.divinebeautyartists.com/wp-content/themes/divine-beauty-custom-theme/assets/images/smear.png); background-size: 100% 100%; transform: rotate(180deg);}
.headingWrapper.smear.normal :where(h1,h2,h3,h4) { margin: 150px 0 100px 0;}
.headingWrapper.wSub :where(h1,h2,h3,h4) { display: flex; flex-direction: column;}
.headingWrapper.wSub :where(h1,h2,h3,h4) span.sub { font-style: italic; font-family: var(--primary-font);}
p strong { font-weight: normal; font-size: 1.5em;}
.tdlStyledList ul {}
.tdlStyledList ul li { font-size: 1.5em; line-height: 1.2; margin-bottom: 35px;}
.clear{clear:both;}
.alignleft{float:left; padding: 10px var(--default-vc-padding) 10px 0;}
.alignright{float:right; padding: 10px 0px var(--default-vc-padding) 10px;}
p { }
p a { color: var(--blue);}
.right { text-align: right;}
.center { text-align: center;}
.socialMediaWidget h3 { margin-top: 0;}
.socialMediaWidget #tdl_social_widget_container .icon:hover:before { color: var(--white);}
#content{font-weight: 400;}
.light-blue{color: var(--light-blue);} .tdlImageBoarder {}
.tdlImageBoarder .vc_single_image-wrapper { position: relative;}
.tdlImageBoarder .vc_single_image-wrapper:after { position: absolute; content: ''; display: inline-block; width: 100%; height: 100%; top: 20px; left: -20px; background: var(--rose); z-index: 1;}
.tdlImageBoarder .vc_single_image-wrapper img { position: relative; z-index: 2;}
.tdl-border-image-container {
margin-bottom: calc(10px + var(--default-vc-padding));
.image-wrapper {
position: relative; display: inline-flex;
&:after { position: absolute; content: ''; display: inline-block; width: 100%; height: 100%; top: 20px; left: -20px; background: var(--rose); z-index: 1;}
img { position: relative; z-index: 2; width: 100%;}
}
} .vc_figure-caption { position: absolute; bottom: 35px; left: 0; z-index: 2; line-height: 1; color: var(--white); text-shadow: 2px 2px 2px #000; padding: 10px; font-size: 20px !important; margin-top: 0 !important;} .tdl-block-quote-wrapper {
.headingWrapper {
h3 { padding: var(--default-vc-padding) 0; margin-top: 0; text-transform: uppercase;}
}
}  header { display: flex; align-items: center; width: var(--content-width); margin: 0 auto; justify-content: center; padding-top: 50px;}
.page-template-no-banner header { margin-bottom: 80px;} .menu-main-container { padding-left: 65px;}
.menu-main-container a { text-decoration: none; color: var(--black); text-transform: uppercase; font-weight: normal; font-family: var(--secondary-font);}
.menu-main-container a:hover {color: var(--rose); font-weight: normal;} #menu-main { list-style: none; padding: 0; margin: 0;}
#menu-main > li:nth-of-type(2) { margin-right: 300px;}
#menu-main li { display: inline-block; padding: 0 20px; position: relative; line-height: 60px !important;}
#menu-main li.current_page_item a { color: var(--rose);}
#menu-main li.current_page_parent a { color: var(--rose);}
#menu-main li.current_page_item .sub-menu li a { }
#menu-main li.current_page_item .sub-menu li a:hover {}
#menu-main a {}
#menu-main a:hover { color: var(--rose); font-weight: normal;}
#menu-main li .sub-menu { display: none; background: var(--black); width: 270px; position: absolute; margin-left: 10px; padding: 20px; left: 0%; z-index: 9999; outline: 1px solid var(--medium-brown); outline-offset: -10px;}
#menu-main .sub-menu li { display: block; text-align: left; line-height: 30px !important; position: relative; z-index: 999999; padding: 0 !important;} #menu-main .sub-menu li a { text-shadow: none; line-height: 30px !important; display: inline-block; width: calc(100% - 20px); color: var(--white);font-weight: normal !important; text-transform: none;}
#menu-main .sub-menu li a:hover, #menu-main li.current_page_item .sub-menu li:hover a { color: var(--rose); font-weight: normal !important;}
#menu-main li:hover .sub-menu, #menu-main li.active:hover .sub-menu { display: block !important;}
#menu-main .sub-menu li:hover .sub-menu { display: block;}
#menu-main .sub-menu li .sub-menu { display: none; background: #FFF; width: 280px; position: absolute; margin-left: 109px; padding: 0px 0; border: 1px solid var(--light-blue); top: -1px;}
#menu-main li.current_page_item .sub-menu a { border-bottom: none;}
#menu-main li.current_page_item .sub-menu li a { color: var(--rose);}
#menu-main li.current_page_item .sub-menu li:hover .sub-menu a { color: var(--rose);}
#menu-main li .sub-menu li.current_page_item a { border: none !important; color: var(--rose);}
#menu-main li.current_page_parent .sub-menu li a { color: var(--white);}
#menu-main li.current_page_parent .sub-menu li.current-menu-item a { color: var(--rose);} #tdl_mm_container { background-color: var(--rose); line-height: 2em !important;text-align: left;}
#tdl_mm_container ul li a { text-align: left;line-height: 2em !important; text-decoration: none; font-size: 30px !important;}
#tdl_mm_container a { color: var(--black);}
#tdl_mm_container.dropdown { text-align: center; top: 150px !important;}
#header.sticky #tdl_mm_container.dropdown { text-align: center; top: 75px !important;}
.logged-in #tdl_mm_container.dropdown { text-align: center; top: 162px !important;}
.logged-in #header.sticky #tdl_mm_container.dropdown { text-align: center; top: 55px !important;}
#tdl_mm_container.slide, #tdl_mm_container.push { padding: 0px;}
#tdl_mm_container.slide { z-index: 9999999 !important;}
#tdl_mm_container .sub-menu { padding-top: 0 !important; padding-bottom: 0 !important;}
#tdl_mm_container .sub-menu li { background-color: var(--white); line-height: 2em;}
#tdl_mm_container .sub-menu li.mobileOnly { background-color: var(--white);}
#tdl_mm_container .sub-menu a { font-size: 24px !important;}
#tdl_mm_button { position: relative !important; top: -25px; z-index: 9999;}
#header.sticky #tdl_mm_button { top: 15px;}
#tdl_mm_container .menu-item-has-children a:after{ border-color: transparent transparent transparent var(--black) !important;}
#tdl_mm_button::after, #tdl_mm_button::before, #tdl_mm_button div { background-color: var(--rose) !important;}
#tdl_mm_container .sub-menu .menu-item-has-children a:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #FFF; display: inline-block; margin-left: 10px; position: relative; top: -1px;}
#tdl_mm_container .sub-menu .sub-menu { background-color: #171716;}   body.activeMobileMenu:after { content: ''; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 9; display: block !important;} .topBarWidget { background-color: var(--light-blue); width: 100%;height: 39px;}
.topBarWidget ul { padding: 10px 0; list-style: none;width: var(--headcontent-width); margin: 0 auto;}
.topBarWidget li { display: inline;}
.topBarWidget li a { text-transform: uppercase; padding: 0 50px 0 0;text-decoration: none;}
.topBarWidget a { color: var(--white); font-size: 1em;}
.topBarWidget a:hover, .topBarWidget .phoneIcon a:hover:before { color: var(--white);}  rs-fullwidth-wrap { margin-bottom: 0px !important;} .tdl-featured-banner-container {
overflow: clip; position: relative; margin-bottom: 35px;
.wrapper {
width: 100%; height: 700px; background-size: cover; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: var(--default-margin); background-position: center;
.title-wrapper { text-align: center; font-size: 60px; color: var(--white); font-family: var(--secondary-font); line-height: 1; position: relative; z-index: 999; width: var(--content-width); text-wrap: balance;}
}
&.top .wrapper { background-position: top;}
&.center .wrapper { background-position: center;}
&.bottom .wrapper { background-position: bottom;}
&.overlay {
&:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
}
&.tall {
.wrapper { height: 650px;}
}
} #tdl-banner-caption { line-height: 40px; height: 40px; color: var(--white); text-shadow: 2px 2px 2px #000; padding: 0 20px; position: absolute; margin-top: -40px; z-index: 999999; margin-left: calc(-1 * ((100vw - var(--content-width)) / 2));} .logo { position: absolute; transform: translate(-50%, 20%); left: 50%; top: 0; z-index: 9999;}
.logged-in .logo { top: 32px;}
.logo img { width: 100%;}
.logo a { display: block;} .tdlButton { text-decoration: none; background: var(--light-brown); text-transform: uppercase; color: var(--white); padding: 20px 40px; font-size: 20px; transition: ease-in-out all .5s; display: inline-block;}
.tdlButton:hover { background: var(--rose); color: var(--white); transition: ease-in-out all .5s;}
.tdlButtonWrapper.mediumBrown .tdlButton { background: var(--medium-brown);}
.tdlButtonWrapper.mediumBrown .tdlButton:hover { background: var(--rose); color: var(--white);}
.tdlButtonWrapper.darkBrown .tdlButton { background: var(--dark-brown);}
.tdlButtonWrapper.darkBrown .tdlButton:hover { background: var(--rose); color: var(--white);}
.tdlButtonWrapper.rose .tdlButton { background: var(--rose);}
.tdlButtonWrapper.rose .tdlButton:hover { background: var(--black); color: var(--white);}
.tdlButtonWrapper.white .tdlButton { background: var(--white);}
.tdlButtonWrapper.white .tdlButton:hover { background: var(--rose); color: var(--white);}
.tdlButtonWrapper.black .tdlButton { background: var(--black);}
.tdlButtonWrapper.black .tdlButton:hover { background: var(--rose); color: var(--white);} .tdl-image-button {}
.tdl-image-button a { text-decoration: none;}
.tdl-image-button h3 { font-size: 30px; text-transform: uppercase; line-height: 1; width: min-content; transition: ease-in-out all .5s;}
.tdl-image-button .tdl-button-image { position: relative;}
.tdl-image-button .tdl-image-button-caption { position: absolute; bottom: 0; left: 0; z-index: 2; line-height: 1; color: var(--white); text-shadow: 2px 2px 2px #000; padding: 10px;}
.tdl-image-button .tdl-button-image img { width: 100%; position: relative; display: block; z-index: 2; transition: ease-in-out all .5s;}
.tdl-image-button .tdl-button-image:before { position: absolute; content: ''; display: inline-block; width: 100%; height: 100%; top: 20px; left: -20px; background: var(--light-brown); z-index: 1; outline: 20px solid var(--rose); outline-offset: -40px; transition: ease-in-out all .5s;}
.tdl-image-button a:hover .tdl-button-image:before { outline-offset: -20px; transition: ease-in-out all .5s;}
.tdl-image-button a:hover .tdl-button-image img { filter: grayscale(100%); transition: ease-in-out all .5s;}
.tdl-image-button a:hover h3 { color: var(--rose); transition: ease-in-out all .5s;} #footer { background: var(--medium-brown); background: linear-gradient(0deg, var(--dark-brown) 0%, var(--medium-brown) 50%, var(--light-brown) 100%); padding-bottom: 35px;  color: var(--white); padding-top: 35px; font-family: var(--secondary-font); margin-top: 70px;}
footer { width: var(--content-width); margin: 0 auto; position: relative; display: flex; gap: var(--column-gap); flex-direction: column;}
footer ul { list-style: none; padding-left: 0; margin-top: 0; text-align: center; margin-bottom: 35px;}
footer ul li { display: inline-block; margin: 0 25px;}
footer ul li a { font-weight: normal; font-size: 16px; text-transform: uppercase;}
footer a { text-decoration: none;}
footer h2 { color: var(--white); text-transform: capitalize;}
#credit, #copy{ text-align: center; font-size: .75em;margin: 0;}
#copy { text-transform: uppercase;}
#sub_footer { color: var(--white);}
#sub_footer a {text-decoration: none; color: var(--white);}
.footerColumn1 { text-align: center;} #tdl_contact_widget_container { padding-bottom: 10px;}
#tdl_contact_widget_container #emailContainer { margin-bottom: 10px;}
#tdl_contact_widget_container p { padding: 0; margin: 0;}
#tdl_contact_widget_container strong { font-weight: 400; } #tdl_social_widget_container { display: inline-block;}
#tdl_contact_widget_container, #tdl_contact_widget_container a { color: var(--white); font-weight: 100; text-transform: uppercase; font-size: 14px;}
#tdl_social_widget_container a{text-decoration: none;}
#tdl_social_widget_container .icon { margin-right: 20px;}
#tdl_social_widget_container .icon:before { color: var(--white); font-size: 16px;}
#tdl_social_widget_container .icon:hover:before { color: var(--light-blue);} .nf-form-content { max-width: none !important; padding: 0 !important;}
.nf-form-fields-required { text-align: right; font-style: italic !important;}
.submit-container input, input[type="submit"]{ padding: 0 75px !important; background: var(--rose) !important; text-transform: uppercase !important; font-weight: bold; border: none !important;}
.submit-container input:hover, input[type="submit"]:hover { background: var(--dark-brown) !important; color: var(--white) !important}
.nf-error-msg, .ninja-forms-req-symbol { color: var(--light-blue) !important;}
.nf-form-content button:hover, .nf-form-content input[type="button"]:hover { background: var(--dark-brown) !important; color: var(--rose) !important;}
.entry-content .nf-form-content input:not([type="button"]), .entry-content .nf-form-content textarea, textarea, input{background-color: var(--white); border: 1px solid var(--dark-brown); }
.entry-content .nf-field-label{color: var(--dark-brown); }
.entry-content .nf-form-content input[type="button"]{background: transparent; border: 1px solid var(--rose); color: var(--rose);float:right;border-width: 2px; }
footer .submit-container input { padding: 0 20px !important; background: var(--rose) !important; text-transform: uppercase !important; font-weight: bold; position: relative;}
.nf-form-content select.ninja-forms-field { color: #787878 !important;}
.nf-form-content .list-select-wrap > div select { background: transparent !important; border: 1px solid var(--dark-brown) !important;} .more-link { color: var(--light-blue);} .vc_tta-panel .vc_tta-panel-title > a { color: var(--white) !important; font-size: 1.2em !important;}
.vc_tta-panel-heading, .vc_tta-panel-body { border: none !important;}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a { padding-right: 200px !important;}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { padding-left: 20px !important; display: flex; gap: 20px;}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a:before { width: 20px; height: 20px; content: ''; position: relative; background: url(//www.divinebeautyartists.com/wp-content/themes/divine-beauty-custom-theme/assets/images/divine-beauty_testimonial-icon.png); background-size: cover; display: inline-block; top: 2px; flex: 0 0 20px;}
.vc_tta-panel { border-bottom: none !important;}
.vc_active .vc_tta-panel-body { background-color: transparent !important;}
.vc_active.vc_tta-panel { border: none !important;}
.vc_tta.vc_general .vc_tta-panel { margin-bottom: 20px !important;}
.vc_tta.vc_general .vc_tta-panels p:first-of-type { margin-top: 0 !important;}
.vc_tta.vc_general .vc_tta-panel-body { padding: 35px !important;}
.vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-panel .vc_tta-panel-heading:hover { color: var(--white) !important; background-color: var(--white) !important;}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { background: var(--black) !important;}
.vc_tta-controls-icon { display: none !important;}
.vc_tta.vc_tta-shape-rounded .vc_tta-panel-body, .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading { border-radius: 0 !important; } .tdlCTAWrapper.vc_hidden { opacity: 1 !important;}
.tdlCTAWrapper { background: var(--ultra-light-brown); padding: 100px 0; color: var(--dark-brown); }
[data-vc-full-width="true"].vc_row.tdlCTAWrapper { margin: 70px 0 !important;}
.tdlCallToActionContainer > .vc_row { padding-left: 0 !important; width: 100% !important; padding-right: 0 !important; left: auto !important;}
.vc_row.tdlCallToActionContainer { margin-bottom: 0 !important;}
.tdlCTAWrapper :where(h1,h2,h3,h4) { color: var(--dark-brown); font-size: 2em; line-height: 1; margin: 0;}
.tdlCTAWrapper :where(p) { color: var(--dark-brown); font-size: 1.5em; line-height: 1; margin-top: 0;}
.tdlCTAWrapper .wpb_content_element { margin-bottom: 0 !important;} .buttonWrapper { gap: var(--column-large-gap) !important; margin-bottom: 100px;}
.vc_custom_1690920861788 { background-size: 100% !important;}
.tdlGradientBrush { background-image: url(//www.divinebeautyartists.com/wp-content/themes/divine-beauty-custom-theme/assets/images/divine-beauty_gradient-brush-background.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding-bottom: 70px; margin-bottom: 70px;}
.tdlGradientRose { padding: 50px calc((100% - var(--content-width)) / 2) !important; background: linear-gradient(0deg, var(--white) 0%, rgba(198, 132, 127, .2) 100%); margin: 70px 0;}
.tdlLightBrownBlock { padding: 50px; background: rgba(206, 170, 135, .5); margin: 70px 0;}
.tdlInsetContent { padding: 0 100px;}
.allowOverflow { overflow: visible !important; margin: 150px 0 100px 0;}
.home .allowOverflow { margin: 0px 0 100px 0;}
.allowOverflow .tdlButtonWrapper { position: relative; top: 10px;}
.allowOverflow .tdlButton { display: inline;}
[data-vc-full-width="true"].vc_row.allowOverflow { margin: 150px auto 100px auto !important; left: 0 !important;}
.home [data-vc-full-width="true"].vc_row.allowOverflow { margin: 0 auto 100px auto !important;}
[data-vc-full-width="true"].vc_row.tdlGradientRose { margin: 70px auto !important; left: 0 !important;}
[data-vc-full-width="true"].vc_row.tdlGradientRose.tdlNoMarginTop { margin: 0px auto 70px auto !important; left: 0 !important;} .tdlImageBackground {}
.tdlImageBackground .wpb_single_image .vc_figure { display: block;} .tdlImageBackground .wpb_single_image .vc_single_image-wrapper { position: relative; width: 50%;}
.tdlImageBackground .wpb_single_image img { width: 100%; position: relative; z-index: 9;}
.tdlImageBackground .wpb_single_image .vc_single_image-wrapper:after { content: ''; position: absolute; top: 20px; left: -20px; width: 100%; height: 100%; display: inline-block; background: var(--rose); z-index: 1; outline: 20px solid var(--black); outline-offset: -40px; transition: ease-in-out all .5s;}
.tdlImageBackground .wpb_single_image.vc_align_left {}
.tdlImageBackground .wpb_single_image.vc_align_right {}
.tdlGoldGlimmer { background-image: url(//www.divinebeautyartists.com/wp-content/themes/divine-beauty-custom-theme/assets/images/divine-beauty_gold-glimmer-bg.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding-bottom: 70px; margin-bottom: 0px; padding-top: 70px; margin-top: 70px;}
.tdlWhiteText :where(h2,h2,h3,h4) { color: var(--white);}
.tdlNoMarginTop { margin-top: 0 !important;} .tdl-image-grid { display: grid; grid-gap: var(--column-large-gap); grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(8, 100px); margin-bottom: 70px;}
.tdl-image-grid .tdl-grid-item {}
.tdl-image-grid .tdl-grid-item .imageWrapper { width: 100%; height: 100%; position: relative;}
.tdl-image-grid .tdl-grid-item .imageWrapper.shadow:after { content: ''; position: absolute; top: 20px; left: -20px; width: 100%; height: 100%; display: inline-block; background: var(--rose); z-index: 1; outline: 20px solid var(--black); outline-offset: -40px; transition: ease-in-out all .5s;}
.tdl-image-grid .tdl-grid-item a:hover .imageWrapper.shadow:after { outline-offset: -20px; transition: ease-in-out all .5s;}
.tdl-image-grid .tdl-grid-item img { display: block; object-fit: cover; width: 100%; height: 100%; position: relative; z-index: 2; transition: ease-in-out all .5s; background: var(--black);}
.tdl-image-grid .tdl-grid-item a:hover img { filter: grayscale(100%); transition: ease-in-out all .5s;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 1) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 2) { grid-row: auto / span 2;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 3) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 4) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 5) { grid-row: auto / span 2;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 6) { grid-row: auto / span 2;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 7) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 8) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 9) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 10) { grid-row: auto / span 2;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 11) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 12) { grid-row: auto / span 2;}
.tdl-image-grid .tdl-grid-item .caption { display: none;}
.tdl-image-grid .tdl-grid-item.captions .caption { display: block; position: absolute; bottom: 0; left: 0; line-height: 1; color: var(--white); z-index: 2; width: calc(100% - 40px); padding: 10px; text-shadow: 2px 2px 2px #000;}
.tdl-image-grid.twoColumn { grid-template-columns: repeat(2, 1fr);}
.featherlight-content .caption { position: absolute; bottom: 0; padding: 10px; color: var(--white); text-shadow: 2px 2px 2px #000; line-height: 1;} .tdl-image-group { display: flex; grid-gap: var(--column-large-gap); margin-bottom: 100px; position: relative;}
.tdl-image-group:after { content: ''; display: inline-block; position: absolute; width: 140%; height: 140%; left: -20%; top: -20%; background-image: url(//www.divinebeautyartists.com/wp-content/themes/divine-beauty-custom-theme/assets/images/divine-beauty_gold-foil.webp); background-size: 100% 100%; z-index: 1;}
.tdlGoldGlimmer .tdl-image-group:after { display: none !important;}
.tdl-image-group.offset { margin-top: -20%;}
.tdl-image-group .tdl-group-item { display: flex; position: relative; z-index: 2; width: calc(100% / 3);}
.tdl-image-group.images-1 { justify-content: center;}
.tdl-image-group.images-1 .tdl-group-item:nth-of-type(1) {}
.tdl-image-group.images-2 { padding-bottom: 35px; justify-content: center;}
.tdl-image-group.images-2 .tdl-group-item:nth-of-type(1) { transform: translateY(35px);}
.tdl-image-group.images-1 .tdl-group-item:nth-of-type(2) {}
.tdl-image-group.images-3 { padding-bottom: 70px;}
.tdl-image-group.images-3 .tdl-group-item:nth-of-type(1) { transform: translateY(35px);}
.tdl-image-group.images-3 .tdl-group-item:nth-of-type(2) { transform: translateY(70px);}
.tdl-image-group.images-3 .tdl-group-item:nth-of-type(3) {}
.tdl-image-group .tdl-group-item .imageWrapper { width: 100%; height: 100%; position: relative;}
.tdl-image-group .tdl-group-item .imageWrapper:after { content: ''; position: absolute; top: 20px; left: -20px; width: 100%; height: 100%; display: inline-block; background: var(--rose); z-index: 1; outline: 20px solid var(--black); outline-offset: -40px; transition: ease-in-out all .5s;}
.tdl-image-group .tdl-group-item .imageWrapper img { display: block; object-fit: cover; width: 100%; height: 100%; position: relative; z-index: 2;}
.tdl-image-group .tdl-group-item .caption { display: none;}
.tdl-image-group .tdl-group-item.captions .caption { display: block; position: absolute; bottom: 0; left: 0; line-height: 1; color: var(--white); z-index: 2; width: calc(100% - 40px); padding: 10px; text-shadow: 2px 2px 2px #000;} .tdl-image-list { display: flex; flex-wrap: wrap; justify-content: center;}
.tdl-image-list .tdl-list-item { flex: 0 0 calc((100% / 10) - 10px); padding: 5px;}
.tdl-image-list .tdl-list-item img { width: 100%;}  .teamMemberTDLBlock { }
.teamMemberTDLBlock .teamMemberTDL { display: inline-block; width: 20%; margin-right: 6%; vertical-align: top; margin-bottom: 70px;}
.teamMemberTDLBlock .teamMemberTDL:nth-of-type(4n+4) { margin-right: 0;}
.teamMemberTDLBlock .teamMemberTDL .teamMemberTDL_image {}
.teamMemberTDLBlock .teamMemberTDL .teamMemberTDL_image img { width: 100%; height: auto;}
.teamMemberTDLBlock .teamMemberTDL h3 { font-size: 20px; margin: 10px 0 5px 0;}
.teamMemberTDLBlock .teamMemberTDL h4 { font-size: 16px; font-weight: 400; color: var(--light-blue); margin: 0;}
.teamMemberTDLBlock .teamMemberTDL h5 { color: rgba(10,15,28, .5); font-weight: 400; font-size: 16px; margin: 0}
.teamMemberTDLBlock .teamMemberTDL h4, .teamMemberTDLBlock .teamMemberTDL h5 { font-size: 12px;}
.teamMemberTDL a:link { text-decoration: none;} .single-team_member article { width: 1080px; margin: 100px auto;}
.single-team_member img {}
.single-team_member h1 { margin-bottom: 0px; color: #0A0F1C; font-size: 60px; margin: 10px 0;}
.single-team_member h4 { margin-bottom: 0; font-weight: var(--primary-font-weight);}
.single-team_member h4.meet { color: var(--light-blue); font-size: 23px; margin-top: 0; font-weight: 700;}
.single-team_member h4.contact { font-size: 40px; margin: 30px 0; font-weight: 700;}
.single-team_member h2.posloc { font-size: 20px; color: rgba(10,15,28, .8); font-weight: var(--primary-font-weight);}
.single-team_member .member-header { padding-bottom: 20px; border-bottom: 1px solid #0A0F1C;  margin-bottom: 20px;}
.single-team_member .contact-info p { margin-bottom: 0;}
.single-team_member .left-column { width: 30%; display: inline-block; vertical-align: top;}
.single-team_member .right-column { width: 62%; display: inline-block; padding-left: 7%; vertical-align: top;}
.single-team_member .contact-info a { color: var(--light-blue);}
.single-team_member .contact-info p { line-height: 1.8em;}
.single-team_member ul#expertise { list-style: none; padding-left: 0;}
.single-team_member ul#expertise li { display: inline-block; border: 2px solid #0A0F1C; padding: 10px 30px; margin-right: 20px; font-weight: 700;} .tdlNewsArticle h3 { margin-bottom: 0;}
.tdlNewsArticle h3 { font-size: 2em; margin: 15px 0 40px 0;}
.tdlNewsArticle { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid var(--blue);}
.tdlNewsArticle .sourceDate { color: var(--light-blue); font-weight: bold;} .testimonialRow { height: 420px; margin-top: 100px;}
.tdl-testimonial-container { margin: 70px 0; display: grid; grid-template-columns: repeat(2, 1fr);gap: 50px;}
.tdl-testimonial-container .testimonial_content { color: var(--white) !important; position: relative; font-size: var(--primary-font-size); line-height: 1.5;}
.tdl-testimonial-container .testimonialAuthor { margin-top: 20px !important; color: var(--white) !important; text-align: center;}
.tdl-testimonial-container .testimonialAuthor:before { content: ''; width: 20px; height: 1px; background: var(--white); display: inline-block; margin-right: 10px; position: relative; top: -7px;}
.tdl-testimonial-container.carousel .testimonialTDL { display: none;}
.tdl-testimonial-container.carousel .testimonialTDL:first-of-type { display: block;    }
.tdl-testimonial-container.list .testimonialTDL { background: var(--black); color: var(--white); padding: 50px; outline: 2px solid var(--light-brown); outline-offset: -25px;}
.tdl-testimonial-container.list .testimonial_content { font-size: 1em;}
.tdl-testimonial-container.list h4.name { margin-bottom: 0; margin-top: 25px; font-family: var(--script-font); color: var(--white); padding-right: 75px;}
.tdl-testimonial-container.list h4.name:before { content: '~';}
.tdl-testimonial-container.list .content_wrapper{ position: relative;}
.tdl-testimonial-container.list .content_wrapper:after { content: ''; display: inline-block; width: 50px; height: 50px; bottom: 0px; right: 0px; background-image: url(//www.divinebeautyartists.com/wp-content/themes/divine-beauty-custom-theme/assets/images/divine-beauty_testimonial-icon.png); background-size: cover; position: absolute;}
.testimonialRow #dotsNavigation { text-align: center; }
.testimonialRow #dotsNavigation ul { list-style: none; padding-left: 0;}
.testimonialRow #dotsNavigation ul li { display: inline-block; height: 5px; width: 5px; background: var(--white); margin: 0 5px; border-radius: 50%;}
.testimonialRow #dotsNavigation ul li:hover { background: var(--light-blue);}
.testimonialRow #dotsNavigation ul li.active { background: var(--light-blue);}
.testimonialRow{height: 420px;} .tdl-post-container {
.tdl-blog-post {
display: flex;
gap: var(--default-vc-padding);
margin: 0 auto;
a { text-decoration: none;}
h3 { margin-top: 0 !important; margin-bottom: var(--small-vc-padding) !important; line-height: 1;}
h4 { margin-bottom: var(--small-vc-padding) !important; margin-top: 0 !important; font-size: 26px;}
&:has(h4) h3 { margin-bottom: 0 !important;}
img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block;}
.tdlButton { text-transform: uppercase; margin-top: var(--default-vc-padding);}
.content-wrapper {}
}
&.columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--column-gap);
.tdl-blog-post {
flex-direction: column;
}
}
&.list, &.alt-list {
display: flex;
flex-direction: column;
.tdl-blog-post {
padding: 50px 0;
width: var(--content-width);
.image-wrapper { flex: 0 0 33%;}
.content-wrapper { flex: 1;}
&:nth-of-type(even) {
background: var(--yellow);
.tdlButton:hover { background: var(--red); color: var(--white);}
}
}
}
&.list {
.tdl-blog-post {
flex-direction: row;
.tdlButtonWrapper { justify-content: flex-end;}
}
}
&.alt-list {
.tdl-blog-post:nth-of-type(odd) {
flex-direction: row;
.tdlButtonWrapper { justify-content: flex-end;}
}
.tdl-blog-post:nth-of-type(even) {
flex-direction: row-reverse;
.tdlButtonWrapper { justify-content: flex-start;}
}
}
.tdl-blog-post.circle {
img { border-radius: 50%;}
}
.tdl-blog-post.featured {
width: 100%;
margin-bottom: var(--default-vc-padding);
img { width: 40%; float: left; padding-right: 70px;}
}
.tdl-blog-post.toggle {
.readMore:after { content: 'Read More'; cursor: pointer;}
.readMore.active:after { content: 'Read Less';}
&.active .content { display: inline-block;}
&.active .excerpt { display: none;}
}
} .tdl-blog-pagination {
margin: 40px 0 20px;
text-align: center;
clear: both;
.page-numbers {
display: inline-block;
padding: 8px 16px;
margin: 0 4px;
border: 1px solid #ddd;
text-decoration: none;
color: #333;
background: #fff;
transition: all 0.3s ease;
&:hover {
background: #f5f5f5;
border-color: #999;
}
&.current {
background: var(--rose);
color: #fff;
border-color: var(--rose);
font-weight: bold;
}
&.dots {
border: none;
background: none;
cursor: default;
}
&.prev,
&.next {
font-weight: bold;
}
} @media (max-width: 768px) {
.page-numbers {
padding: 6px 12px;
font-size: 14px;
margin: 0 2px;
}
}
} .vc_row[data-vc-stretch-content="true"] .tdl-post-container {
.tdl-blog-post {
margin: 0 auto;
padding: 50px calc((100% - var(--content-width)) / 2);
&:first-of-type { padding-top: 0 !important;}
}
} .archive.category {
h1.catTitle { margin-top: 70px; margin-bottom: 70px}
article { width: calc(var(--content-width) - 20px); margin: 0 auto; padding-bottom: 100px;}
} .single-post {
article { margin: 0 auto;}
.post-header { width: calc(var(--content-width) - 20px); margin: 0 auto; text-align: center; padding-top: var(--default-vc-padding);}
.post-wrapper { width: calc(var(--content-width) - 20px); margin: 0 auto; padding: calc(2 * var(--default-vc-padding)) 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--column-gap);}
.wpb-content-wrapper .vc_row:last-of-type:is(.tdlCTAWrapper) { margin-bottom: 0 !important;}
.recent-post-container {
padding: calc(2 * var(--default-vc-padding)) 0 0 0;
background-image: url(//www.divinebeautyartists.com/wp-content/themes/divine-beauty-custom-theme/assets/images/divine-beauty_gradient-brush-background.jpg); background-size: 100% 100%; background-repeat: no-repeat;
h4 { margin-bottom: 0; text-align: center; margin-top: 0; font-size: 2em;}
h2 { margin-top: 0px; text-align: center; margin-bottom: 0;}
a { text-decoration: none;}
.post img { width: 100%; height: auto; display: block;}
.post h3 { line-height: 1; font-size: 1.25em;}
.post h4 { text-align: left; font-size: 1em;}
.post .postCatContainer { margin-top: 15px;}
}
} #sb_instagram #sbi_images { gap: 20px; display: flex !important;} #sb_instagram #sbi_images .sbi_item .sbi_photo_wrap { border: 8px solid var(--light-brown); transition: ease-in-out all .5s;}
#sb_instagram #sbi_images .sbi_item:hover .sbi_photo_wrap { border: 8px solid var(--black); transition: ease-in-out all .5s;}
#sb_instagram #sbi_images .sbi_item a { transition: ease-in-out all .2s;}
#sb_instagram #sbi_images .sbi_item:hover a { opacity: 1 !important; filter: grayscale(100%); transition: ease-in-out all .2s;} #sb_instagram .sbi_photo { display: flex !important;} .error404 article header { display: block;}
.error404 h1 { margin-bottom: 0; font-size: 45px;}
.error404 p { margin-top: 0; font-size: 30px;}@media all and (max-width: 1400px)  {
:root{
--headcontentwidth: 84%;
--mobileMargin: 0 8%;
}
}
@media all and (max-width: 1250px)  {
:root{
--contentwidth: 84%;
--gutter: 50px;
}
#wrapper { width: 100%;}
footer { width: var(--contentwidth);}
header { width: var(--contentwidth);}
#tdl-banner-caption { margin-left: -8%; padding: 0;}
[data-vc-full-width="true"].vc_row.tdlCTAWrapper { width: var(--contentwidth); padding-left: 8%; padding-right: 8%;}
[data-vc-full-width="true"].vc_row.tdlCTAWrapper .headingWrapper { text-align: center;}
[data-vc-full-width="true"].vc_row.tdlCTAWrapper .vc_column_container > .vc_column-inner { display: flex; justify-content: center;}
.single-post {
.vc_row { width: var(--contentwidth) !important;}
}
}
@media all and (max-width: 1060px)  { header { justify-content: flex-end;}
body.activeMobileMenu header { align-items: flex-start; flex-direction: column-reverse;}
#tdl_mm_button.active:after, #tdl_mm_button.active:before, #tdl_mm_button.active div { background-color: var(--white) !important;}
}
@media all and (max-width: 1000px)  {
.tdl-testimonial-container { grid-template-columns: repeat(1, 1fr)}
}
@media all and (max-width: 768px)  { .vc_row { flex-direction: column;}
[data-vc-full-width="true"].vc_row.allowOverflow { padding: 0 8% !important;}
.mobileReverseColumns { flex-direction: column-reverse;}
.tdlGradientBrush { padding-bottom: 0;} .tdl-image-grid { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(8, 20px); margin-bottom: 70px;}
.headingWithImage :where(h1, h2, h3, h4) span { flex-direction: column;}
.tdl-image-list .tdl-list-item { flex: 0 0 calc((100% / 6) - 10px);}
.tdl-image-group { padding-top: 30px;}
.tdl-post-container {
&.list, &.alt-list {
.tdl-blog-post { flex-direction: column;}
}
}
.single-post {
.post-wrapper { grid-template-columns: repeat(1, 1fr); padding-bottom: 0;}
.recent-post-container {
.post:not(:last-of-type) { margin-bottom: var(--default-margin);}
}
} .tdl-featured-banner-container {
.wrapper {
height: 450px;
}
}
}
@media all and (max-width: 600px)  { .tdl-image-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(8, 20px); margin-bottom: 70px; grid-gap: 50px;} .tdl-image-grid .tdl-grid-item:nth-of-type(12n + 1) { grid-row: auto / span 6;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 2) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 3) { grid-row: auto / span 6;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 4) { grid-row: auto / span 6;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 5) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 6) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 7) { grid-row: auto / span 6;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 8) { grid-row: auto / span 6;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 9) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 10) { grid-row: auto / span 4;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 11) { grid-row: auto / span 6;}
.tdl-image-grid .tdl-grid-item:nth-of-type(12n + 12) { grid-row: auto / span 4;} .tdl-image-group { grid-gap: 50px;} h1.script { font-size: 1.5em;}
.page-id-838 .headingWrapper.wSub h1 span { font-size: .8em;}
.page-id-838 .headingWrapper.wSub h1 span.sub { font-size: .6em;}
.page-id-696 .headingWrapper.wSub h1 span { font-size: .8em;}
.page-id-696 .headingWrapper.wSub h1 span.sub { font-size: .6em;}
.page-id-682 .headingWrapper.wSub h1 span { font-size: .8em;}
.page-id-682 .headingWrapper.wSub h1 span.sub { font-size: .6em;} .logo { width: 40%;} .tdlGoldGlimmer { padding-top: 0 !important; padding-bottom: 0 !important;}
.tdl-image-group.images-3 { padding-bottom: 20px !important;}
.single-post {
.post-header {
h1 { font-size: 2em !important;}
}
img.alignleft { float: none; padding: 0 0 20px 0; width: 100%;}
img.alignright { float: none; padding: 0 0 20px 0; width: 100%;}
}
}
@media all and (max-width: 500px)  { #credit, #copy { font-size: .5em;} .tdl-image-group .tdl-group-item.captions .caption { font-size: 12px !important;}
.vc_figure-caption { font-size: 12px !important;}
.tdl-image-button .tdl-image-button-caption { font-size: 12px !important;}
.tdl-image-grid .tdl-grid-item.captions .caption { font-size: 12px !important;}
#tdl-banner-caption { font-size: 12px !important;} }
@media all and (max-width: 400px)  {  .logo { width: 35%;} .headingWithImage :where(h1, h2, h3, h4) img { width: 80%;}
.tdl-image-list .tdl-list-item { flex: 0 0 calc((100% / 3) - 10px);}
.tdl-image-group .tdl-group-item .imageWrapper:after { top: 10px; left: -10px;}
.tdl-image-grid .tdl-grid-item .imageWrapper.shadow:after { top: 10px; left: -10px;} footer ul li { margin: 0; width: 100%;}
}.vc_row{ width: var(--content-width); margin-left: auto !important; margin-right: auto !important; display: flex; gap: var(--column-gap);}
[data-vc-full-width="true"].vc_row { width: 100%; display: flex; justify-content: center; margin: 0 calc((100% - var(--content-width)) / 2) !important; left: calc(-1 * (100% - var(--content-width)) / 2) !important;}
.vc_row::after, .vc_row::before { content: none !important;}
[data-vc-stretch-content="true"].vc_row .vc_column_container{ width: 100%;}
.vc_col-sm-12 { width: var(--content-width) !important;}
[data-vc-stretch-content="true"] .vc_col-sm-12 { width: 100% !important;}
[data-vc-stretch-content="true"][data-vc-full-width="true"].vc_row { width: 100%; display: flex; justify-content: center; margin: 0 0 !important; left: 0 !important;}  .vc_column-inner, .vc_column_container > .vc_column-inner{padding-left: 0 !important; padding-right: 0 !important;} .vc_row .wpb_column, .vc_column-inner .wpb_column { padding: 0  !important;}  .vc_row-no-padding > .wpb_column { padding: 0 !important;} .noGap { gap: 0 !important;}
.noGap .wpb_single_image{ margin-bottom: 0 !important;}
.vc_row .vc_column_container .vc_row.vc_inner { width: 100% !important;}
@media all and (max-width: 1250px)  {
:root{
--content-width: 84%;
}
.vc_column-inner .vc_row { width: 100% !important;}
.vc_row .vc_column_container{ width: 100% !important;}
[data-vc-full-width="true"].vc_row > .wpb_column { width: 100% !important; margin: 0 auto;}
.tdlCTAWrapper .tdlCallToActionContainer .vc_row { width: 100% !important; left: 0px !important;}
.tdlCTAWrapper[data-vc-full-width="true"].vc_row > .wpb_column { width: 100% !important;}
.splide__arrows { display: none !important;}
}