/* Theme Name: OBI Institute Theme Version: 1.8 Requires at least: 4.7 Requires PHP: 5.2.4 */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 0. CSS Reset 1. Document Setup 2. Element Base 3. Helper Classes 4. Site Header 5. Menu Modal 6. Search Modal 7. Page Templates a. Template: Cover Template c. Template: Full Width 8. Post: Archive 9. Post: Single 10. Blocks 11. Entry Content 12. Comments 13. Site Pagination 14. Error 404 15. Widgets 16. Site Footer 17. Media Queries ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */ html, body { border: none; margin: 0; padding: 0; } blockquote::before, blockquote::after { content: "";} /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ html {font-size: 62.5%; /* 1rem = 10px */} body { background: #fff; box-sizing: border-box; color:#444; font-family: 'Montserrat', sans-serif; font-size:16px; line-height:28px; font-weight:400; letter-spacing: normal; text-align: left;} *, *::before, *::after { box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word;} /* Clearing ---------------------------------- */ .group::after, .entry-content::after {clear: both; content: "";display: block;} /* Base Transitions -------------------------- */ a, path {transition: all 0.15s linear;} /* Screen Reader Text ------------------------ */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal;} .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 1.4rem; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;} /* Skip Link --------------------------------- */ .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline;} .skip-link:focus { display: block; left: 6px; top: 7px; font-size: 1.4rem; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto;} /* Accessibility Settings -------------------- */ @media ( prefers-reduced-motion: reduce ) { * { animation-duration: 0s !important; transition-duration: 0s !important;} } /* -------------------------------------------------------------------------- */ /* 2. Element Base /* ---------------------------------------------*---------------------------- */ main {display: block;} h1, h2, h3, h4, h5, h6, .faux-heading { margin: 0; padding:0;} p { line-height: normal; margin: 0; padding:0;} em, i, q, dfn { font-style: italic;} em em, em i, i em, i i, cite em, cite i {font-weight: bolder;} big {font-size: 1.2em;} small {font-size: 0.75em;} b, strong { font-weight: 700;} ins {text-decoration: underline;} sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} abbr, acronym { cursor: help;} address {line-height: 1.5; margin: 0 0 2rem 0;} hr {border-style: solid;border-width: 0.1rem 0 0 0; border-color: #dcd7ca;margin: 4rem 0;} .entry-content hr, hr.styled-separator {background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); background-color: transparent !important; border: none; height: 0.1rem; overflow: visible; position: relative;} .entry-content hr:not(.has-background), hr.styled-separator {color: #6d6d6d;} .entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after { background: currentColor; content: ""; display: block; height: 1.6rem; position: absolute; top: calc(50% - 0.8rem); transform: rotate(22.5deg);width: 0.1rem;} .entry-content hr::before, hr.styled-separator::before {left: calc(50% - 0.5rem);} .entry-content hr::after, hr.styled-separator::after {right: calc(50% - 0.5rem);} a { color: #ffc500; text-decoration: none;} a:hover, a:focus {text-decoration: none; color:#383838;} /* Lists ------------------------------------- */ ul, ol {margin: 0; padding:0;} ul {list-style: disc;} ul ul { list-style: circle;} ul ul ul {list-style: square;} ol {list-style: decimal;} ol ol { list-style: lower-alpha;} ol ol ol {list-style: lower-roman;} li {line-height: 1.5;margin: 0;} li > ul, li > ol {margin: 1rem 0 0 2rem;} .reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style: none;margin: 0;} .reset-list-style li { margin: 0;} dt, dd {line-height: 1.5;} dt { font-weight: 700;} dt + dd { margin-top: 0.5rem;} dd + dt {margin-top: 1.5rem;} /* Quotes ------------------------------------ */ blockquote { border-color: #3c5b65; border-style: solid; /*rtl:ignore*/ border-width: 0 0 0 0.2rem; color: inherit; font-size: 1em; margin: 4rem 0; /*rtl:ignore*/ padding: 0.5rem 0 0.5rem 2rem;} cite { color: #6d6d6d; font-size: 1.4rem; font-style: normal; font-weight: 600; line-height: 1.25; } blockquote cite {display: block; margin: 2rem 0 0 0;} blockquote p:last-child {margin: 0;} /* Code -------------------------------------- */ code, kbd, pre, samp { font-family: monospace; font-size: 0.9em; padding: 0.4rem 0.6rem;} code, kbd, samp { background: rgba(0, 0, 0, 0.075); border-radius: 0.2rem;} pre { border: 0.1rem solid #dcd7ca; line-height: 1.5; margin: 4rem 0; overflow: auto; padding: 3rem 2rem; text-align: left; } pre code { background: transparent; padding: 0;} /* Media ------------------------------------- */ figure {display: block; margin: 0;} iframe {display: block; max-width: 100%;} video { display: block;} svg, img, embed, object {display: block;height: auto;max-width: 100%;} figcaption, .wp-caption-text {color: #6d6d6d; display: block;font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin-top: 1.5rem;} figcaption a, .wp-caption-text a {color: inherit;} /* GALLERIES */ .gallery { display: flex; flex-wrap: wrap; margin: 3em 0 3em -0.8em; width: calc(100% + 1.6em);} .gallery-item { margin: 0.8em 0; padding: 0 0.8em; width: 100%;} .gallery-caption {display: block;margin-top: 0.8em;} /* Inputs ------------------------------------ */ fieldset { border: 0.2rem solid #dcd7ca; padding: 2rem;} legend { font-size: 0.85em;font-weight: 700;padding: 0 1rem;} label { display: block; font-size: 1.6rem; font-weight: 400; margin: 0 0 0.5rem 0;} label.inline, input[type="checkbox"] + label { display: inline; font-weight: 400; margin-left: 0.5rem;} input, textarea, button, .buttonsec, .faux-button, .wp-block-button__link, .wp-block-file__button {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;line-height: 1;} @supports ( font-variation-settings: normal ) { input, textarea, button, .buttonsec, .faux-button, .faux-button.more-link, .wp-block-button__link, .wp-block-file__button { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;} } input, textarea { border-color: #dcd7ca; color: #000;} code, input[type="url"], input[type="email"], input[type="tel"] { /*rtl:ignore*/ direction: ltr;} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea {-webkit-appearance: none; -moz-appearance: none; background: #fff; border-radius: 0; border-style: solid; border-width: 0.1rem; box-shadow: none; display: block; font-size: 1.6rem; letter-spacing: -0.015em; margin: 0; max-width: 100%; padding: 1.5rem 1.8rem; width: 100%; } select { font-size: 1em; } textarea { height: 12rem; line-height: 1.5; width: 100%;} input::-webkit-input-placeholder { line-height: normal; } input:-ms-input-placeholder { line-height: normal;} input::-moz-placeholder { line-height: normal;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none;} button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; background: #cd2653; border: none; border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.0333em; line-height: 1.25; margin: 0; opacity: 1; padding: 1.1em 1.44em; text-align: center; text-decoration: none; text-transform: uppercase; transition: opacity 0.15s linear;} button:focus, button:hover, .buttonsec:focus, .buttonsec:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {text-decoration: underline;} input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {border-color: currentColor;} input[type="search"]:focus { outline: thin dotted;outline-offset: -4px;} /* Tables ------------------------------------ */ table { border: 0.1rem solid #dcd7ca; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 1.6rem; margin: 4rem 0; max-width: 100%; overflow: hidden; width: 100%; } .alignleft > table { margin: 0; } .alignright > table { margin: 0;} th, td { border: 0.1rem solid #dcd7ca; line-height: 1.4; margin: 0; overflow: visible; padding: 0.5em; } caption { background: #dcd7ca; font-weight: 600; padding: 0.5em; text-align: center;} thead { vertical-align: bottom; white-space: nowrap;} th { font-weight: 700;} /* -------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; resize:none} body {line-height:1} a, a:hover {text-decoration:none; outline:none} a:active, a:focus {outline:0} img {border:none; vertical-align:top} /* DEFAULT FORM STYLING */ input[type="radio"], input[type="checkbox"] {vertical-align:-2px} textarea {resize:none} input {visibility:visible; outline:none} /* INDIVIDUAL RESET */ .reset {list-style:none; padding:0; margin:0} /* FLOATS */ .lf {float:left} .rf {float:right} /* CLEAR FLOAT */ .clear {clear:both; padding:0; margin:0; overflow:hidden; height:0} /* POSITION RELATIVE */ .rel {position:relative} /* WIDTH 100% */ .fullwid {width:100%} /* DISPLAY INLINE */ .inline {display:inline} /* font SIZES */ .vsmlTxt {font-size:10px} .smlTxt {font-size:11px} .paraTxt {font-size:12px} .bigTxt {font-size:14px} /*font WEIGHTS */ .strong {font-weight:bold} .normTxt, .normTxt a {font-weight:normal} /* OVERFLOW-HIDDEN */ .ovfl-hidden {overflow:hidden} /* TEXT ALIGN */ .centerAll {text-align:center} .rightAlign {text-align:right} .leftAlign {text-align:left} .justfy {text-align:justify} /* NO MARGIN */ .nomargin {margin:0} .lftmargin {margin-left:0} .rgtmargin {margin-right:0} /*HTML5 Reset*/ header,footer,aside,article,nav,hgroup,section {display:block} .error{color:#ff0000} /* 3. Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ .no-margin { margin: 0;} .no-padding { padding: 0;} .screen-height { min-height: 100vh;} .admin-bar .screen-height { min-height: calc(100vh - 32px);} @media (max-width: 782px) { .admin-bar .screen-height { min-height: calc(100vh - 46px);} } .screen-width { position: relative; left: calc(50% - 50vw); width: 100vw;} /* Toggles ----------------------------------- */ .toggle { -moz-appearance: none; -webkit-appearance: none; color: inherit; cursor: pointer; font-family: inherit; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align: inherit; user-select: none;} button.toggle { background: none; border: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none;} /* Hiding and Showing ------------------------ */ .js .show-js {display: block !important;} .js .hide-js {display: none !important;} .no-js .show-no-js {display: block !important;} .no-js .hide-no-js {display: none !important;} /* Typography -------------------------------- */ .font-size-xl { font-size: 1.25em;} .font-size-xs { font-size: 0.8em;} .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* Colors ------------------------------------ */ /* COLOR */ .color-accent, .color-accent-hover:focus, .color-accent-hover:hover { color: #cd2653;} /* BACKGROUND COLOR */ .bg-accent, .bg-accent-hover:focus, .bg-accent-hover:hover {background-color: #cd2653;} /* BORDER COLOR */ .border-color-accent, .border-color-accent-hover:focus, .border-color-accent-hover:hover {border-color: #cd2653;} /* FILL COLOR */ .fill-children-accent, .fill-children-accent * {fill: #cd2653;} .fill-children-current-color, .fill-children-current-color * {fill: currentColor;} /* Opacity ----------------------------------- */ .opacity-0 { opacity: 0;} .opacity-5 { opacity: 0.05;} .opacity-10 {opacity: 0.1;} .opacity-15 { opacity: 0.15;} .opacity-20 { opacity: 0.2;} .opacity-25 { opacity: 0.25;} .opacity-30 { opacity: 0.3;} .opacity-35 { opacity: 0.35;} .opacity-40 { opacity: 0.4;} .opacity-45 { opacity: 0.45;} .opacity-50 { opacity: 0.5;} .opacity-55 { opacity: 0.55;} .opacity-60 { opacity: 0.6;} .opacity-65 { opacity: 0.65;} .opacity-70 { opacity: 0.7;} .opacity-75 { opacity: 0.75;} .opacity-80 { opacity: 0.8;} .opacity-85 { opacity: 0.85;} .opacity-90 { opacity: 0.9;} .blend-mode-exclusion { mix-blend-mode: exclusion;} .blend-mode-hue { mix-blend-mode: hue;} .blend-mode-saturation { mix-blend-mode: saturation;} .blend-mode-color { mix-blend-mode: color;} .blend-mode-luminosity { mix-blend-mode: luminosity;} /* Image Classes ----------------------------- */ .bg-image { background-position: center; background-repeat: no-repeat; background-size: cover;} .bg-attachment-fixed { background-attachment: fixed;} @supports ( -webkit-overflow-scrolling: touch ) { .bg-attachment-fixed { background-attachment: scroll;} } @media ( prefers-reduced-motion: reduce ) { .bg-attachment-fixed {background-attachment: scroll;} } .wp-block-image.is-resized {margin-left: auto;margin-right: auto;} /* Search Form ------------------------------- */ .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; margin: 0 0 -0.8rem -0.8rem;} .search-form .search-field, .search-form .search-submit { margin: 0 0 0.8rem 0.8rem;} .search-form label { align-items: stretch; display: flex; font-size: inherit; margin: 0; width: 100%;} .search-form .search-field { width: 100%;} .search-form .search-submit { flex-shrink: 0;} .search-form .search-submit:focus, .search-form .search-submit:hover {text-decoration: none;} /* Social Icons ------------------------------ */ ul.social-icons { display: flex; flex-wrap: wrap; margin: -0.9rem 0 0 -0.9rem; width: calc(100% + 0.9rem);} ul.social-icons li { margin: 0.9rem 0 0 0.9rem;} .social-icons a { align-items: center; background: #cd2653; border-radius: 50%; color: #fff; display: flex; height: 4.4rem; justify-content: center; padding: 0; text-decoration: none; transition: transform 0.15s ease-in-out; width: 4.4rem;} .social-icons a:focus, .social-icons a:hover { transform: scale(1.1); text-decoration: none;} /* Cover Modals ------------------------------ */ .cover-modal { display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .cover-modal::-webkit-scrollbar { display: none !important;} .cover-modal.show-modal { display: block; cursor: pointer;} .cover-modal.show-modal > * { cursor: default;} /* -------------------------------------------------------------------------- */ /* 4. Site Header /* -------------------------------------------------------------------------- */ #site-header { background: #fff; position: relative; } .header-inner { max-width: 168rem; padding: 3.15rem 0; z-index: 100;} /* Header Titles ----------------------------- */ .header-titles-wrapper { align-items: center; display: flex; justify-content: center; padding: 0 4rem;text-align: center;} body:not(.enable-search-modal) .header-titles-wrapper { justify-content: flex-start; padding-left: 0; text-align: left;} .site-title, .site-logo, .site-description { margin: 0;} .site-title { font-size: 2.1rem; font-weight: 600; line-height: 1;} .site-title a { color: inherit; display: block; text-decoration: none;} .site-title a:hover, .site-title a:focus { text-decoration: underline;} .site-description { margin-top: 1rem; color: #6d6d6d; font-size: 1.8rem; font-weight: 500; display: none; letter-spacing: -0.0311em; transition: all 0.15s linear;} .site-logo a, .site-logo img { display: block;} .header-titles .site-logo .site-logo { margin: 0;} .site-logo img { max-height: 6rem; margin: 0 auto; width: auto;} body:not(.enable-search-modal) .site-logo img { margin: 0;} /* Overlay Header ---------------------------- */ .overlay-header #site-header { background: transparent; margin: 0; position: absolute; left: 0; right: 0; top: 0; z-index: 2; } .overlay-header .header-inner { color: #fff;} .overlay-header .site-description, .overlay-header .toggle { color: inherit;} .overlay-header .header-inner .toggle-wrapper::before { background-color: currentColor; opacity: 0.25;} .admin-bar.overlay-header #site-header { top: 32px; } @media (max-width: 782px) { .admin-bar.overlay-header #site-header {top: 46px;} } /* Header Navigation ------------------------- */ .header-navigation-wrapper { display: none;} /* Header Toggles ---------------------------- */ .header-toggles { display: none;} .header-inner .toggle { align-items: center; display: flex; overflow: visible; padding: 0 2rem;} .header-inner .toggle svg { display: block; position: relative;z-index: 1;} .header-inner .toggle path { fill: currentColor;} .toggle-inner { display: flex; justify-content: center; height: 2.3rem; position: relative;} .toggle-icon { display: block; overflow: hidden;} .toggle-inner .toggle-text { color: #6d6d6d; font-size: 1rem; font-weight: 600; position: absolute; top: calc(100% + 0.5rem); width: auto; white-space: nowrap; word-break: break-all; } .overlay-header .toggle-text { color: inherit;} .header-inner .toggle:focus .toggle-text, .header-inner .toggle:hover .toggle-text {text-decoration: underline;} /* Search Toggle ----------------------------- */ .search-toggle { position: absolute; bottom: 0; left: 0; top: 0;} .search-toggle .toggle-icon, .search-toggle svg { height: 2.5rem; max-width: 2.3rem; width: 2.3rem;} /* Navigation Toggle ------------------------- */ .nav-toggle { position: absolute; bottom: 0; right: 0; top: 0; width: 6.6rem; } .nav-toggle .toggle-icon, .nav-toggle svg { height: 0.8rem; width: 2.6rem;} .nav-toggle .toggle-inner { padding-top: 0.8rem;} /* Primary Menu ---------------------------- */ .primary-menu-wrapper { display: none;} ul.primary-menu { display: flex; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.0277em; flex-wrap: wrap; justify-content: flex-end; margin: -0.8rem 0 0 -1.6rem;} .primary-menu .icon { display: block; height: 0.7rem; position: absolute; pointer-events: none; transform: rotate(-45deg); width: 1.3rem; } .primary-menu .icon::before, .primary-menu .icon::after { content: "";display: block; background-color: currentColor; position: absolute; bottom: calc(50% - 0.1rem); left: 0;} .primary-menu .icon::before { height: 0.9rem; width: 0.2rem;} .primary-menu .icon::after { height: 0.2rem; width: 0.9rem;} .primary-menu li { font-size: inherit; line-height: 1.25; position: relative; } .primary-menu > li { margin: 0.8rem 0 0 1.6rem;} .primary-menu > li.menu-item-has-children > a { padding-right: 2rem;} .primary-menu > li > .icon { right: -0.5rem; top: calc(50% - 0.4rem);} .primary-menu a { color: inherit; display: block; line-height: 1.2; text-decoration: none;} .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { text-decoration: underline;} .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a { text-decoration: underline;} .primary-menu li.current-menu-item > a:hover, .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, .primary-menu li.current-menu-item > a:focus, .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {text-decoration: none;} /* SUB MENU */ .primary-menu ul { background: #000; border-radius: 0.4rem; color: #fff; font-size: 1.7rem; opacity: 0; padding: 1rem 0; position: absolute; right: 9999rem; top: calc(100% + 2rem); transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(0.6rem); width: 20rem; z-index: 1;} .primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul { right: 0; opacity: 1;transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear;} .primary-menu ul::before, .primary-menu ul::after {content: ""; display: block; position: absolute; bottom: 100%; } .primary-menu ul::before {height: 2rem; left: 0;right: 0;} .primary-menu ul::after { border: 0.8rem solid transparent; border-bottom-color: #000; right: 1.8rem; } .primary-menu ul a { background: transparent; border: none; color: inherit; display: block; padding: 1rem 2rem; transition: background-color 0.15s linear; width: 100%;} .primary-menu ul li.menu-item-has-children > a { padding-right: 4.5rem; } .primary-menu ul li.menu-item-has-children .icon {position: absolute; right: 1.5rem; top: calc(50% - 0.5rem);} /* DEEP DOWN */ .primary-menu ul ul {top: -1rem;} .primary-menu ul li.menu-item-has-children:hover > ul, .primary-menu ul li.menu-item-has-children:focus > ul, .primary-menu ul li.menu-item-has-children.focus > ul { right: calc(100% + 2rem); } .primary-menu ul ul::before { bottom: 0; height: auto; left: auto; right: -2rem; top: 0; width: 2rem; } .primary-menu ul ul::after { border-bottom-color: transparent; /*rtl:ignore*/ border-left-color: #000; bottom: auto; right: -1.6rem; top: 2rem; } .rtl .primary-menu ul ul::after { transform: rotate(180deg);} /* * Enable nav submenu expansion with tapping on arrows on large-viewport * touch interfaces (e.g. tablets or laptops with touch screens). * These rules are supported by all browsers (>IE11) and when JS is disabled. */ @media (any-pointer: coarse) { .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem;} .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset;} } /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ body.touch-enabled .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } body.touch-enabled .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset;} /* -------------------------------------------------------------------------- */ /* 5. Menu Modal /* -------------------------------------------------------------------------- */ .menu-modal { background: #fff; display: none; opacity: 0; overflow-y: auto; overflow-x: hidden; position: fixed; bottom: 0; left: -99999rem; right: 99999rem; top: 0; transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; z-index: 99;} .admin-bar .menu-modal { top: 32px;} @media (max-width: 782px) { .admin-bar .menu-modal { top: 46px; } } .menu-modal.show-modal { display: flex;} .menu-modal.active { left: 0; opacity: 1; right: 0; transition: opacity 0.25s ease-out;} .menu-modal-inner { background: #fff; display: flex; justify-content: stretch; overflow: auto; -ms-overflow-style: auto; width: 100%;} .menu-wrapper { display: flex; flex-direction: column; justify-content: space-between; position: relative;} button.close-nav-toggle { align-items: center; display: flex; font-size: 1.6rem; font-weight: 500; justify-content: flex-end; padding: 3.1rem 0; width: 100%;} button.close-nav-toggle svg { height: 1.6rem; width: 1.6rem;} button.close-nav-toggle .toggle-text {margin-right: 1.6rem;} .menu-modal .menu-top {flex-shrink: 0;} /* Main Menu --------------------------------- */ .modal-menu{position:relative;left:calc(50% - 50vw);width:100vw} .modal-menu li{border-color:#dedfdf;border-style:solid;border-width:.1rem 0 0 0;display:flex;flex-wrap:wrap;line-height:1;justify-content:flex-start;margin:0} .modal-menu>li>.ancestor-wrapper>a,.modal-menu>li>a{font-size:2rem;font-weight:700;letter-spacing:-.0375em} .modal-menu>li:last-child{border-bottom-width:.1rem} .modal-menu .ancestor-wrapper{display:flex;justify-content:space-between;width:100%} .modal-menu a{display:block;padding:2rem 2.5rem;text-decoration:none;width:100%} .modal-menu a:focus,.modal-menu a:hover,.modal-menu li.current-menu-item>.ancestor-wrapper>a,.modal-menu li.current_page_ancestor>.ancestor-wrapper>a{text-decoration:underline} button.sub-menu-toggle{border-left:.1rem solid #dedfdf;flex-shrink:0;margin:1rem 0;padding:0 2.5rem} button.sub-menu-toggle svg{height:.9rem;transition:transform .15s linear;width:1.5rem} button.sub-menu-toggle.active svg{transform:rotate(180deg)} .modal-menu ul{display:none;margin:0;width:100%} .modal-menu ul li{border-left-width:1rem} .modal-menu ul li a{color:inherit;font-weight:500} /* Main menu animation ----------------------- */ .menu-wrapper .menu-item{position:relative} .menu-wrapper .active{display:block} .menu-wrapper.is-toggling{pointer-events:none} .menu-wrapper.is-toggling .menu-item{position:absolute;top:0;left:0;margin:0;width:100%} .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item{width:auto} .menu-wrapper.is-animating .menu-item,.menu-wrapper.is-animating .toggling-target{transition-duration:250ms} .menu-wrapper.is-animating .menu-item{transition-property:transform} .menu-wrapper.is-toggling .toggling-target{display:block;position:absolute;top:0;left:0;opacity:1} .menu-wrapper.is-toggling .toggling-target.active{opacity:0} .menu-wrapper.is-animating.is-toggling .toggling-target{display:block;transition-property:opacity;opacity:0} .menu-wrapper.is-animating.is-toggling .toggling-target.active{opacity:1} .menu-wrapper.is-toggling .modal-menu>li:last-child li{border-top-color:transparent;border-bottom-width:.1rem} @media (prefers-reduced-motion:reduce){.menu-wrapper.is-animating .menu-item,.menu-wrapper.is-animating .toggling-target{transition-duration:1ms!important}} /* Expanded Menu ----------------------------- */ .expanded-menu {display: none;} .mobile-menu {display: block;} /* Menu Bottom ------------------------------- */ .menu-bottom{flex-shrink:0;padding:4rem 0} .menu-bottom nav{width:100%} .menu-copyright{display:none;font-size:1.6rem;font-weight:500;margin:0} .menu-copyright a:focus,.menu-copyright a:hover{text-decoration:underline} .menu-bottom .social-menu{justify-content:center} /* -------------------------------------------------------------------------- */ /* 6. Search Modal /* -------------------------------------------------------------------------- */ .search-modal{background:rgba(0,0,0,.2);display:none;opacity:0;position:fixed;bottom:0;left:-9999rem;top:0;transition:opacity .2s linear,left 0s .2s linear;width:100%;z-index:999} .admin-bar .search-modal.active{top:32px} @media (max-width:782px){.admin-bar .search-modal.active{top:46px}} .search-modal-inner{background:#fff;transform:translateY(-100%);transition:transform .15s linear,box-shadow .15s linear} .search-modal-inner .section-inner{display:flex;justify-content:space-between;max-width:168rem} .search-modal.active{left:0;opacity:1;transition:opacity .2s linear} .search-modal.active .search-modal-inner{box-shadow:0 0 2rem 0 rgba(0,0,0,.08);transform:translateY(0);transition:transform .25s ease-in-out,box-shadow .1s .25s linear} button.search-untoggle{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:-2.5rem;padding:0 2.5rem} .search-modal button.search-untoggle{color:inherit} .search-modal.active .search-untoggle{animation:popIn both .3s .2s} .search-untoggle svg{height:1.5rem;transition:transform .15s ease-in-out;width:1.5rem} .search-untoggle:focus svg,.search-untoggle:hover svg{transform:scale(1.15)} /* Modal Search Form ------------------------- */ .search-modal form{margin:0;position:relative;width:100%} .search-modal .search-field{background:0 0;border:none;border-radius:0;color:inherit;font-size:2rem;letter-spacing:-.0277em;height:8.4rem;margin:0 0 0 -2rem;max-width:calc(100% + 2rem);padding:0 0 0 2rem;width:calc(100% + 2rem)} .search-modal .search-field::-webkit-input-placeholder{color:inherit} .search-modal .search-field:-ms-input-placeholder{color:inherit} .search-modal .search-field::-moz-placeholder{color:inherit;line-height:4} .search-modal .search-submit{position:absolute;right:-9999rem;top:50%;transform:translateY(-50%)} .search-modal .search-submit:focus{right:0} /* -------------------------------------------------------------------------- */ /* 7a. Template: Cover Template /* -------------------------------------------------------------------------- */ .cover-header{display:flex;overflow:hidden} .cover-header-inner-wrapper{display:flex;position:relative;flex-direction:column;justify-content:flex-end;width:100%} .cover-header-inner{padding:10rem 0 5rem 0;width:100%} .cover-color-overlay,.cover-color-overlay::before{position:absolute;bottom:0;left:0;right:0;top:0} .cover-color-overlay::before{background:currentColor;content:"";display:block} .cover-header .entry-header{position:relative;width:100%;z-index:1} .cover-header .entry-header *{color:#fff} body.template-cover .entry-header{background:0 0;padding:0} .cover-header .faux-heading,.cover-header h1,.cover-header h2,.cover-header h3,.cover-header h4,.cover-header h5,.cover-header h6{color:inherit} .cover-header .entry-header a{color:inherit} /* To The Content ---------------------------- */ .to-the-content-wrapper{position:absolute;left:0;right:0;top:calc(100% + .5rem)} .to-the-content{align-items:center;display:flex;justify-content:center;height:4rem;text-decoration:none} .to-the-content svg{height:2rem;transition:transform .15s linear;transform:translateY(0);width:1.767rem} .to-the-content:focus svg,.to-the-content:hover svg{transform:translateY(20%)} /* -------------------------------------------------------------------------- */ /* 7c. Template: Full Width /* -------------------------------------------------------------------------- */ body.template-full-width .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),body.template-full-width [class*="__inner-container"]>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){max-width:120rem} body.template-full-width .entry-content .alignleft,body.template-full-width .entry-content .alignright{position:static} body.template-full-width .entry-content .alignleft,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.alignleft,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.wp-block-image .alignleft,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>p .alignleft{margin-left:0;position:static} body.template-full-width .entry-content>.alignleft,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignleft,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignleft,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignleft{margin-left:2rem;position:static} body.template-full-width .entry-content .alignright,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.alignright,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.wp-block-image .alignright,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>p .alignright{margin-right:0;position:static} body.template-full-width .entry-content>.alignright,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignright,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignright,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignright{margin-right:2rem;position:static} /* -------------------------------------------------------------------------- */ /* 8. Post: Archive /* -------------------------------------------------------------------------- */ /* Archive Header ---------------------------- */ .archive-header{background-color:#fff;padding:4rem 0} .reduced-spacing .archive-header{padding-bottom:2rem} .archive-title{font-size:2.4rem;font-weight:700;letter-spacing:-.026666667em;margin:0} .archive-subtitle p:last-child{margin-bottom:0} /* Search Results ---------------------------- */ .no-search-results-form {padding-top: 5rem;} /* -------------------------------------------------------------------------- */ /* 9. Post: Single /* -------------------------------------------------------------------------- */ /* Post Header ------------------------------- */ .singular .entry-header{background-color:#fff;padding:4rem 0} .entry-categories{line-height:1.25;margin-bottom:2rem} .entry-categories-inner{justify-content:center;display:flex;flex-wrap:wrap;margin:-.5rem 0 0 -1rem} .entry-categories a{border-bottom:.15rem solid currentColor;font-size:1.4rem;font-weight:700;letter-spacing:.036666667em;margin:.5rem 0 0 1rem;text-decoration:none;text-transform:uppercase} .entry-categories a:focus,.entry-categories a:hover{border-bottom-color:transparent} h1.entry-title,h2.entry-title{margin:0} .entry-title a{color:inherit;text-decoration:none} .entry-title a:focus,.entry-title a:hover{text-decoration:underline} .intro-text{margin-top:2rem} .singular .intro-text{font-size:2rem;letter-spacing:-.0315em;line-height:1.4} .post-meta-single-top .post-meta{justify-content:center} .post-meta{color:#6d6d6d;display:flex;flex-wrap:wrap;font-size:1.5rem;font-weight:500;list-style:none;margin:-1rem 0 0 -2rem} .post-meta li{flex-shrink:0;letter-spacing:-.016875em;margin:1rem 0 0 2rem;max-width:calc(100% - 2rem)} .post-meta li .meta-text{font-size: 16px;font-weight: 300;} .post-meta a{color:inherit;text-decoration:none} .post-meta a:focus,.post-meta a:hover{text-decoration:underline} .post-meta .meta-wrapper{align-items:center;display:flex;flex-wrap:nowrap} .post-meta .meta-icon{flex-shrink:0;margin-right:10px} .sticky .post-sticky{color:inherit} /*.post-meta .post-author .meta-icon svg{width:1.6rem;height:1.8rem} .post-meta .post-categories .meta-icon svg{width:1.8rem;height:1.7rem} .post-meta .post-comment-link .meta-icon svg{width:1.8rem;height:1.8rem} .post-meta .post-date .meta-icon svg{width:1.7rem;height:1.8rem} .post-meta .post-edit .meta-icon svg{width:1.8rem;height:1.8rem} .post-meta .post-sticky .meta-icon svg{width:1.5rem;height:1.8rem} .post-meta .post-tags .meta-icon svg{width:1.8rem;height:1.8rem}*/ .post-meta svg *{fill:currentColor} /* Featured Media ---------------------------- */ .featured-media{margin-top:5rem;position:relative} .singular .featured-media{margin-top:0} .singular .featured-media-inner{position:relative} .singular .featured-media::before{background:#fff;content:"";display:block;position:absolute;bottom:50%;left:0;right:0;top:0} .featured-media img{margin:0 auto} .featured-media figcaption{margin:1.5rem auto 0 auto;text-align:center;width:calc(100% - 5rem)} .reduced-spacing.missing-post-thumbnail .post-inner{padding-top:0} /* Post Footer ------------------------------- */ /* POST NAV LINKS */ .post-nav-links { border-radius: 0.4rem;display: flex; font-size: 0.9em; font-weight: 600; line-height: 1; margin-top: 3em; padding: 0 0.25em; } .post-nav-links > * {padding: 1em 0.75em;} /* POST META BOTTOM */ .post-meta-wrapper.post-meta-single-bottom {margin-top: 3rem;} /* Author Bio -------------------------------- */ .author-bio{margin-top:4rem;margin-right:auto;margin-left:auto;max-width:58rem;width:calc(100% - 4rem)} .hide-avatars .author-bio{padding-left:0} .author-bio .author-title-wrapper{align-items:center;display:flex;margin:0 0 1rem 0} .author-bio .avatar{border-radius:50%;margin-right:1.5rem;height:5rem;width:5rem} .hide-avatars img.avatar{display:none} .author-bio p:last-child{margin-bottom:0} .author-bio .author-title{margin:0} .author-bio .author-link{display:block;font-size:1.6rem;font-weight:600;margin-top:1em;text-decoration:none} .author-bio .author-link:focus,.author-bio .author-link:hover{text-decoration:underline} /* Single Pagination ------------------------- */ .pagination-single{font-size:1.8rem;margin-top:5rem} .pagination-single-inner{display:flex;flex-direction:column} .pagination-single hr:first-child{margin:0 0 2.8rem 0} .pagination-single hr:last-child{margin:2.8rem 0 .8rem 0} .pagination-single a{align-items:baseline;display:flex;font-weight:600;letter-spacing:-.0275em;text-decoration:none;flex:1} .pagination-single a+a{margin-top:1rem} .pagination-single a .arrow{margin-right:1rem} .pagination-single a:focus .title,.pagination-single a:hover .title{text-decoration:underline} /* -------------------------------------------------------------------------- */ /* 10. Blocks /* -------------------------------------------------------------------------- */ /* Block Colors ------------------------------ */ .has-text-color a{color:inherit} :root .has-accent-color{color:#cd2653} :root .has-accent-background-color{background-color:#cd2653;color:#fff} :root .has-primary-color{color:#000} :root .has-primary-background-color{background-color:#000;color:#f5efe0} :root .has-secondary-color{color:#6d6d6d} :root .has-secondary-background-color{background-color:#6d6d6d;color:#fff} :root .has-subtle-background-color{color:#dcd7ca} :root .has-subtle-background-background-color{background-color:#dcd7ca;color:#000} :root .has-background-color{color:#f5efe0} :root .has-background-background-color{background-color:#f5efe0;color:#000} /* Block Typography Classes ------------------ */ .has-text-align-left{text-align:left} .has-text-align-center{text-align:center} .has-text-align-right{text-align:right} .has-drop-cap:not(:focus)::first-letter{color:#cd2653;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,sans-serif;font-size:5.1em;font-weight:800;margin:.05em .1em 0 0} .has-drop-cap:not(:focus)::first-letter::after{content:"";display:table;clear:both} .has-drop-cap:not(:focus)::after{padding:0} /* Block Font Sizes -------------------------- */ .entry-content .has-small-font-size{font-size:.842em} .entry-content .has-normal-font-size,.entry-content .has-regular-font-size{font-size:1em} .entry-content .has-medium-font-size{font-size:1.1em;line-height:1.45} .entry-content .has-large-font-size{font-size:1.25em;line-height:1.4} .entry-content .has-larger-font-size{font-size:1.5em;line-height:1.3} /* 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;} /* Block: Shared Widget Styles --------------- */ .wp-block-archives,.wp-block-categories,.wp-block-latest-comments,.wp-block-latest-posts{list-style:none;margin-left:0} .wp-block-archives ul,.wp-block-categories ul,.wp-block-latest-comments ul,.wp-block-latest-posts ul{list-style:none} .entry-content .wp-block-archives>li,.entry-content .wp-block-categories>li,.entry-content .wp-block-latest-comment>li,.entry-content .wp-block-latest-posts>li{margin-left:0} .entry-content .wp-block-archives>li:last-child,.entry-content .wp-block-categories>li:last-child,.entry-content .wp-block-latest-comment>li:last-child,.entry-content .wp-block-latest-posts>li:last-child{margin-bottom:0} .entry-content .wp-block-archives *,.entry-content .wp-block-categories *,.entry-content .wp-block-latest-comments *,.entry-content .wp-block-latest-posts *{font-family:inherit} .entry-content .wp-block-archives li,.entry-content .wp-block-categories li,.entry-content .wp-block-latest-posts li{color:#6d6d6d} .wp-block-archives a,.wp-block-categories a,.wp-block-latest-comments a,.wp-block-latest-posts a{font-weight:700;text-decoration:none} .wp-block-archives a:focus,.wp-block-archives a:hover,.wp-block-categories a:focus,.wp-block-categories a:hover,.wp-block-latest-comments a:focus,.wp-block-latest-comments a:hover,.wp-block-latest-posts a:focus,.wp-block-latest-posts a:hover{text-decoration:underline} .wp-block-latest-comments__comment-meta,.wp-block-latest-posts a{font-weight:700;letter-spacing:-.025em;line-height:1.25} .wp-block-latest-comments__comment-date,.wp-block-latest-posts__post-date{color:#6d6d6d;font-size:.7em;font-weight:600;letter-spacing:normal;margin-top:.15em} /* Block: Shared Media Styles ---------------- */ .wp-block-embed figcaption, .wp-block-image figcaption {color: #6d6d6d; font-size: 1.4rem; margin-bottom: 0; margin-top: 1.5rem;} /* Block: Audio ------------------------------ */ .wp-block-audio audio { width: 100%;} /* Block: Button ----------------------------- */ .wp-block-button{margin:3rem 0} .wp-block-button.is-style-outline{color:#cd2653} .is-style-outline .wp-block-button__link:not(.has-text-color){color:inherit} .is-style-outline .wp-block-button__link{padding:calc(1.1em - .2rem) calc(1.44em - .2rem)} /* Block: Columns ---------------------------- */ .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left: 2rem; padding-right: 2rem;} .wp-block-column { margin-bottom: 3.2rem;} .wp-block-column > *:first-child { margin-top: 0;} .wp-block-column > *:last-child { margin-bottom: 0;} /* Block: Cover ------------------------------ */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 4rem);padding: 2rem 0;} .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { max-width: 100%; padding: 0;} .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 3.2rem;} /* Block: Embed ------------------------------ */ /* Block: File ------------------------------- */ .wp-block-file{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between} .wp-block-file a:not(.wp-block-file__button){font-weight:700;text-decoration:none} .wp-block-file a:not(.wp-block-file__button):not(:last-child){margin-right:1rem} .wp-block-file a:not(.wp-block-file__button):focus,.wp-block-file a:not(.wp-block-file__button):hover{text-decoration:underline} .wp-block-file .wp-block-file__button{font-size:1.5rem;padding:1em 1.25em} .wp-block-file a.wp-block-file__button:visited{opacity:1} .wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover{opacity:1;text-decoration:underline} /* Block: Gallery ---------------------------- */ .wp-block-gallery ul{list-style:none;margin:0 0 -1.6rem 0} figure.wp-block-gallery.aligncenter,figure.wp-block-gallery.alignnone{margin-bottom:3rem;margin-top:3rem} figure.wp-block-gallery.alignleft{margin:.3rem 2rem 2rem 0} figure.wp-block-gallery.alignright{margin:.3rem 0 2rem 2rem} figure.wp-block-gallery.alignwide{margin-bottom:4rem;margin-top:4rem} figure.wp-block-gallery.alignfull{margin-bottom:5rem;margin-top:5rem} /* Block: Group ------------------------------ */ .wp-block-group.has-background{padding:2rem;margin-bottom:0;margin-top:0} .wp-block-group__inner-container{margin:0 auto} .entry-content .wp-block-group p,.wp-block-group__inner-container{max-width:100%} .alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color){padding-left:2rem;padding-right:2rem} /* Block: Image ------------------------------ */ /* Block: Media And Text --------------------- */ .wp-block-media-text .wp-block-media-text__content { padding: 3rem 2rem;} .wp-block-media-text .wp-block-media-text__content p { max-width: none;} .wp-block-media-text__content > *:first-child { margin-top: 0;} .wp-block-media-text__content > *:last-child { margin-bottom: 0;} /* Block: Pullquote -------------------------- */ /* STYLE: DEFAULT */ .wp-block-pullquote { padding: 0; position: relative;} .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: calc(100% - 4rem);} .wp-block-pullquote::before { background: #fff; border-radius: 50%; color: #cd2653; content:""; display: block; font-size: 6.2rem; font-weight: 500; line-height: 1.2; margin: 0 auto 1.5rem auto; text-align: center; height: 4.4rem; width: 4.4rem;} .reduced-spacing .wp-block-pullquote::before { border: 0.1rem solid currentColor; font-size: 5.9rem;} .wp-block-pullquote blockquote { border: none; margin: 0; padding: 0;} .wp-block-pullquote blockquote p { font-family: inherit; font-size: 2.8rem; font-weight: 700; line-height: 1.178571429; letter-spacing: -0.041785714em; max-width: 100%; } .wp-block-pullquote p:last-of-type { margin-bottom: 0;} .wp-block-pullquote cite { color: #6d6d6d; font-size: 1.6rem; font-weight: 500; margin-top: 1.2rem;} .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 2.8rem;} .wp-block-pullquote.alignleft { text-align: left; } .wp-block-pullquote.alignright { text-align: right;} .wp-block-pullquote.alignleft::before { margin-left: 0;} .wp-block-pullquote.alignright::before { margin-right: 0;} /* STYLE: SOLID BACKGROUND COLOR */ .wp-block-pullquote.is-style-solid-color{padding:3rem 2rem} .wp-block-pullquote.is-style-solid-color::before{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%)} .wp-block-pullquote.is-style-solid-color.alignleft::before,.wp-block-pullquote.is-style-solid-color.alignright::before{transform:translateY(-50%)} .wp-block-pullquote.is-style-solid-color.alignleft::before{left:2rem} .wp-block-pullquote.is-style-solid-color.alignright::before{left:auto;right:2rem} .wp-block-pullquote.is-style-solid-color blockquote{max-width:100%;text-align:inherit} .wp-block-pullquote.is-style-solid-color cite{color:inherit} /* Block: Separator ------------------------- */ hr.wp-block-separator { margin: 3rem 0;} /* STYLE: WIDE */ .wp-block-separator.is-style-wide { max-width: calc(100vw - 4rem); position: relative; width: 100%;} /* STYLE: DOTS */ .wp-block-separator.is-style-dots::before { background: none; color: inherit; font-size: 3.2rem; font-weight: 700; height: auto; letter-spacing: 1em; padding-left: 1em; position: static; transform: none; width: auto;} .wp-block-separator.is-style-dots::after { content: none;} /* Block: Search ----------------------------- */ .wp-block-search .wp-block-search__input {width: auto;} /* Block: Table ------------------------------ */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: #dcd7ca;} figure.wp-block-table.is-style-stripes { border-bottom: none;} .wp-block-table.is-style-stripes table { border-collapse: inherit;} /* Block: Quote ------------------------------ */ .wp-block-quote cite,.wp-block-quote p{text-align:inherit} .wp-block-quote[style="text-align:center"]{border-width:0;padding:0} .wp-block-quote[style="text-align:right"]{border-width:0 .2rem 0 0;padding:0 2rem 0 0} .wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none;padding:0;margin-left:auto;margin-right:auto} .wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-family:inherit;font-size:2.4rem;font-style:normal;font-weight:700;letter-spacing:-.02em;line-height:1.285} .wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:1.6rem;text-align:inherit} /* Block: Widget Latest Comments ------------- */ .entry-content .wp-block-latest-comments li{margin:2rem 0} .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:5.5rem} .entry-content .wp-block-latest-comments a{text-decoration:none} .entry-content .wp-block-latest-comments a:focus,.entry-content .wp-block-latest-comments a:hover{text-decoration:underline} .wp-block-latest-comments__comment{font-size:inherit} .wp-block-latest-comments__comment-date{margin-top:.4em} .wp-block-latest-comments__comment-excerpt p{font-size:.7em;margin:.9rem 0 2rem 0} /* Block: Widget Latest Posts ---------------- */ .wp-block-latest-posts.is-grid li{border-top:.2rem solid #dcd7ca;margin-top:2rem;padding-top:1rem} .wp-block-latest-posts.has-dates{list-style:none} .wp-block-latest-posts.has-dates:not(.is-grid) li{margin-top:1.5rem} .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child{margin-top:0} /* -------------------------------------------------------------------------- */ /* 11. Entry Content /* -------------------------------------------------------------------------- */ .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin:2rem auto;} [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto;} /* Full */ .alignfull{margin-top:5rem;margin-right:auto;margin-bottom:5rem;margin-left:auto;max-width:100vw;position:relative;width:100%} [class*="__inner-container"]>.alignfull{max-width:100%} .alignwide{max-width:120rem;position:relative;width:calc(100% - 4rem)} [class*="__inner-container"]>.alignwide{width:100%} .aligncenter,.aligncenter img{margin-left:auto;margin-right:auto} .alignleft,.alignright{max-width:50%} .alignleft{float:left;margin:.3rem 2rem 2rem 2rem} .alignright{float:right;margin:.3rem 2rem 2rem 2rem} [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignleft,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignleft,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignleft{margin-left:2rem} [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignright,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignright,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignright{margin-right:2rem} /* Entry Media ------------------------------- */ .alignfull > figcaption, .alignfull > .wp-caption-text { margin-left: auto; margin-right: auto; max-width: 58rem; width: calc(100% - 4rem); } /* -------------------------------------------------------------------------- */ /* 12. Comments /* -------------------------------------------------------------------------- */ /* Comment Headers ----------------------------- */ .comments-wrapper { margin-top: 5rem; } .comment-reply-title { margin: 0 0 4rem 0; text-align: center;} /* Comment Item ----------------------------- */ /* COMMENT HEADER */ .comments .comment,.comments .pingback,.comments .review,.comments .trackback{padding-top:3.5rem} div.comment:first-of-type{margin-top:3.5rem;padding-top:0} .comments .comments-header+div{margin-top:0;padding-top:0} .comment-body{position:relative} .comment .comment{padding-left:5%} .comment-meta{line-height:1.1;margin-bottom:1.5rem;min-height:5rem;padding-left:5rem;position:relative} .hide-avatars .comment-meta{min-height:0;padding-left:0} .comment-meta a{color:inherit} .comment-author{font-size:1.8rem;font-weight:700;letter-spacing:-.027777778em} .comment-author a{text-decoration:underline} .comment-author a:focus,.comment-author a:hover{text-decoration:none} .comment-meta .avatar{height:4rem;position:absolute;left:0;top:0;width:4rem} .comment-author .url{text-decoration:underline} .comment-metadata{color:#6d6d6d;font-size:1.4rem;font-weight:500;margin-top:.6rem} .comment-metadata a{text-decoration:none} .comment-metadata a:focus,.comment-metadata a:hover{text-decoration:underline} /* COMMENT CONTENT */ .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: 100%;} .comment-content.entry-content .alignleft {/*rtl:ignore*/margin-left: 0;} .comment-content.entry-content .alignright { /*rtl:ignore*/ margin-right: 0;} /* COMMENT FOOTER */ .comment-footer-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:1.2rem;font-weight:600;justify-content:flex-start;letter-spacing:.030833333em;line-height:1;margin:1.5rem 0 -1rem -1.5rem;text-transform:uppercase} .comment-footer-meta>*{margin:0 0 1rem 1.5rem} .comment-reply-link{background-color:#cd2653;color:#fff;display:block;padding:.7rem} .bypostauthor .comment-footer-meta .by-post-author{display:block} .comment-footer-meta a{text-decoration:none} .comment-footer-meta a:focus,.comment-footer-meta a:hover{text-decoration:underline} /* Pingbacks & Trackbacks ------------------------- */ .pingback .comment-meta, .trackback .comment-meta { padding-left: 0;} /* Comments Pagination ---------------------------- */ .comments-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:6rem;text-align:center} .comments-pagination.only-next{justify-content:flex-end} .comments-pagination .page-numbers{display:none;text-decoration:none} .comments-pagination .page-numbers:focus,.comments-pagination .page-numbers:hover{text-decoration:underline} .comments-pagination .next,.comments-pagination .prev{display:block} .comments-pagination .prev{left:0} .comments-pagination .next{right:0;text-align:right} /* Comment Respond ---------------------------- */ .comment-respond::after{clear:both;content:"";display:block} .comment-respond .comment-notes,.comment-respond .logged-in-as{color:#6d6d6d;font-size:1.6rem;line-height:1.4;margin:-3rem 0 4rem 0;text-align:center} .comment-respond .comment-notes a,.comment-respond .logged-in-as a{color:inherit;text-decoration:none} .comment-respond .comment-notes a:focus,.comment-respond .comment-notes a:hover,.comment-respond .logged-in-as a:focus,.comment-respond .logged-in-as a:hover{text-decoration:underline} .comment-respond p{line-height:1.1;margin-bottom:2rem;margin-left:auto;margin-right:auto} .comment-respond p:not(.comment-notes){max-width:58rem} .comment-form-cookies-consent{align-items:baseline;display:flex} .comment-respond>p:last-of-type{margin-bottom:0} .comment-respond label{display:block} .comment-respond input[type=checkbox]+label{font-size:1.5rem;line-height:1.25} .comment-respond input[type=email],.comment-respond input[type=text],.comment-respond textarea{margin-bottom:0} .comment-respond textarea{height:15rem} .comment-respond #submit{display:block} .comment-respond .comments-closed{text-align:center} /* Reply Respond ---------------------------- */ .comments .comment-respond{padding:3rem 0 0} .comments .comment-respond .comment-notes,.comments .comment-respond .comment-reply-title,.comments .comment-respond .logged-in-as{text-align:left} .comment-reply-title small{display:block;font-size:1.6rem;font-weight:600;letter-spacing:-.0277em;margin:.5rem 0 0 0;white-space:nowrap} .comment-reply-title small a{text-decoration:none} .comment-reply-title small a:focus,.comment-reply-title small a:hover{text-decoration:underline} /* -------------------------------------------------------------------------- */ /* 13. Site Pagination /* -------------------------------------------------------------------------- */ .pagination .nav-links{align-items:baseline;display:flex;flex-wrap:wrap;font-size:1.8rem;font-weight:600;margin:-1.5rem 0 0 -2.5rem;width:calc(100% + 2.5rem)} .pagination-separator{margin:5rem 0} .nav-links>*{margin:1.5rem 0 0 2.5rem} .nav-links .placeholder{display:none;visibility:hidden} #site-content .pagination a{text-decoration:none;} .pagination a:focus,.pagination a:hover{text-decoration:underline} .pagination .dots{transform:translateY(-.3em);color:#6d6d6d} .nav-short{display:none} /* -------------------------------------------------------------------------- */ /* 14. Error 404 /* -------------------------------------------------------------------------- */ .error404 #site-content { padding-top: 4rem;} .error404-content { text-align: center;} .error404 #site-content .search-form {justify-content: center;margin-top: 3rem;} /* -------------------------------------------------------------------------- */ /* 15. Widgets /* -------------------------------------------------------------------------- */ /* Widget: Calendar -------------------------- */ .calendar_wrap{font-size:2.4rem} .calendar_wrap td,.calendar_wrap th{font-size:1em;font-weight:500;line-height:1;padding:2.5% 2.5% 1.75% 2.5%;text-align:center} .calendar_wrap tfoot td{border-bottom:none} .calendar_wrap tfoot a{text-decoration:none} .calendar_wrap tfoot #prev{text-align:left} .calendar_wrap tfoot #next{text-align:right} /* Widget: Image ----------------------------- */ /* Widget: Gallery --------------------------- */ .widget_media_gallery .gallery { margin: 0 -0.4em -0.8em -0.4em; width: calc(100% + 0.8em);} .widget_media_gallery .gallery-item { margin: 0 0 0.8em 0; padding: 0 0.4em;} /* Widget: Nav Menu -------------------------- */ .widget_nav_menu .widget-content > div > ul { margin-left: 0;} /* Widget: Recent Comments ------------------- */ .widget_recent_comments li { font-weight: 700; } .widget_recent_comments a { text-decoration: none;} .widget_recent_comments a:focus, .widget_recent_comments a:hover {text-decoration: underline;} /* Widget: Recent Entries -------------------- */ .widget_recent_entries a { font-weight: 700; text-decoration: none;} .widget_recent_entries a:focus, .widget_recent_entries a:hover { text-decoration: underline;} /* Widget: RSS ------------------------------- */ .widget_rss .widget-title a.rsswidget:first-of-type { display: none;} .widget_rss .rsswidget {font-weight: 700;} .widget_rss a {text-decoration: none;} .widget_rss a:focus, .widget_rss a:hover {text-decoration: underline;} .widget_rss .rssSummary { margin-top: 0.5rem;} .widget_rss cite::before {content: "— ";} /* Widget: Search ---------------------------- */ .widget_search .search-field {border-color: #dedfdf;} /* Widget: Tag Cloud ------------------------- */ .widget_tag_cloud a {font-weight: 700; margin-right: 0.5rem; text-decoration: none; white-space: nowrap;} .widget_tag_cloud a:focus, .widget_tag_cloud a:hover { text-decoration: underline;} /* -------------------------------------------------------------------------- */ /* 17. Media Queries /* -------------------------------------------------------------------------- */ @media (min-width:700px){.gallery-columns-2 .gallery-item{max-width:50%} .gallery-columns-3 .gallery-item{max-width:33.33%} .gallery-columns-4 .gallery-item{max-width:25%} .gallery-columns-5 .gallery-item{max-width:20%} .gallery-columns-6 .gallery-item{max-width:16.66%} .gallery-columns-7 .gallery-item{max-width:14.28%} .gallery-columns-8 .gallery-item{max-width:12.5%} .gallery-columns-9 .gallery-item{max-width:11.11%} fieldset{padding:3rem} legend{padding:0 1.5rem} .buttonsec,.faux-button,.wp-block-button__link,button,input[type=button],input[type=reset],input[type=submit]{font-size:1.7rem} .wp-caption-text,figcaption{margin-top:1.8rem} .header-inner{padding:3.8rem 0} .site-title{font-size:2.4rem;font-weight:700} .site-description{display:block} .site-logo img{max-height:9rem;transition:height .15s linear,width .15s linear,max-height .15s linear} .toggle-inner .toggle-text{font-size:1.2rem} .search-toggle{left:2rem} .nav-toggle{right:2rem} button.close-nav-toggle{font-size:1.8rem;padding:4rem 0} button.close-nav-toggle svg{height:2rem;width:2rem} button.close-nav-toggle .toggle-text{margin-right:2.1rem} .modal-menu{left:auto;width:100%} .modal-menu>li>.ancestor-wrapper>a,.modal-menu>li>a{font-size:2.4rem;padding:2.5rem 0} .modal-menu ul li{border-left-color:transparent} .modal-menu>li>.ancestor-wrapper>button.sub-menu-toggle{padding:0 3rem} .modal-menu>li>.ancestor-wrapper>button.sub-menu-toggle svg{height:1.1rem;width:1.8rem} .menu-bottom{align-items:center;display:flex;justify-content:space-between;padding:4.4rem 0} .menu-copyright{display:block;flex-shrink:0;margin-right:4rem} .search-modal form{position:relative;width:100%} .search-untoggle svg{height:2.5rem;width:2.5rem} .search-modal .search-field{border:none;font-size:3.2rem;height:14rem} .search-modal .search-field::-moz-placeholder{line-height:4.375} .featured-media figcaption{margin:2rem auto 0 auto;width:calc(100% - 8rem)} .cover-header-inner{padding:18rem 0 8rem 0} .to-the-content-wrapper{top:calc(100% + 1.8rem)} .to-the-content{height:6rem} .to-the-content svg{height:2.4rem;width:2.12rem} body.template-full-width .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){width:calc(100% - 8rem)} body.template-full-width .alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color){padding-left:4rem;padding-right:4rem} body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.alignleft,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.wp-block-image .alignleft,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>p .alignleft{margin-left:4rem} body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.alignright,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.wp-block-image .alignright,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>p .alignright{margin-right:4rem} .archive-header{padding:8rem 0} .reduced-spacing .archive-header{padding-bottom:3rem} .archive-title{font-size:3.2rem} h2.entry-title{font-size:6.4rem} .no-search-results-form{padding-top:8rem} .singular .entry-header{padding:8rem 0} .entry-categories{margin-bottom:3rem} .entry-categories-inner{margin:-1rem 0 0 -2rem} .entry-categories a{font-size:15px;margin:17px 0 0 15px;} .intro-text{font-size:2rem;margin-top:2.5rem} .singular .intro-text{font-size:2.6rem} .post-meta-wrapper{margin-top:3rem} .post-meta{font-size:1.6rem;margin:-1.4rem 0 0 -3rem} .post-meta li{margin:1.4rem 0 0 3rem;max-width:calc(100% - 3rem)} .featured-media{margin-top:6rem} .post-meta-wrapper.post-meta-single-bottom{margin-top:4rem} .author-bio{margin-top:8rem;min-height:8rem;padding-left:10rem;position:relative} .author-bio .avatar{position:absolute;left:0;top:0;height:8rem;width:8rem} .wp-block-embed figcaption,.wp-block-image figcaption{font-size:1.6rem} .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:4rem;margin-top:4rem} .wp-block-columns.alignfull+.wp-block-columns.alignfull,.wp-block-columns.alignwide+.wp-block-columns.alignwide{margin-top:-6rem} .entry-content .wp-block-columns h1,.entry-content .wp-block-columns h2,.entry-content .wp-block-columns h3,.entry-content .wp-block-columns h4,.entry-content .wp-block-columns h5,.entry-content .wp-block-columns h6{margin:3.5rem 0 2rem} .wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{width:calc(100% - 8rem)} .wp-block-cover h2,.wp-block-cover-image h2{font-size:4.8rem} figure.wp-block-gallery.aligncenter,figure.wp-block-gallery.alignnone{margin-bottom:4rem;margin-top:4rem} figure.wp-block-gallery.alignfull,figure.wp-block-gallery.alignwide{margin-bottom:6rem;margin-top:6rem} .wp-block-group.has-background{padding:4rem;margin-top:0;margin-bottom:0} .alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color){padding-left:0;padding-right:0} .wp-block-media-text .wp-block-media-text__content{padding:4rem} .wp-block-pullquote blockquote p{font-size:3.2rem} .wp-block-pullquote cite{margin-top:2rem} .wp-block-pullquote.alignfull:not(.is-style-solid-color){padding-left:1rem;padding-right:1rem} .wp-block-pullquote.alignfull::before,.wp-block-pullquote.alignwide::before{font-size:11.272727272rem;height:8rem;margin-bottom:2rem;width:8rem} .wp-block-pullquote.alignfull blockquote p,.wp-block-pullquote.alignwide blockquote p{font-size:4.8rem;line-height:1.203125} .wp-block-pullquote.alignleft p,.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,.wp-block-pullquote.alignright p,.wp-block-pullquote.alignright.is-style-solid-color blockquote p{font-size:3.2rem;line-height:1.1875} .wp-block-pullquote.is-style-solid-color.alignfull,.wp-block-pullquote.is-style-solid-color.alignwide{padding:6rem 4rem 4rem} .wp-block-pullquote.alignleft.is-style-solid-color blockquote p,.wp-block-pullquote.alignright.is-style-solid-color blockquote p{font-size:2.6rem} .wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:2.8rem} hr.wp-block-separator{margin:6rem auto} .wp-block-separator.is-style-wide{max-width:calc(100vw - 8rem)} .comments-wrapper{margin-top:8rem} .comment-reply-title{margin-bottom:4.6rem} .comment-respond p.comment-notes,.comment-respond p.logged-in-as{font-size:1.8rem;letter-spacing:-.025em;margin:-2.5rem 0 4.4rem 0} .comments .comment,.comments .pingback,.comments .review,.comments .trackback{padding-top:5rem} div.comment:first-of-type{margin-top:5rem} .comment-meta{margin-bottom:2rem;min-height:6rem;padding:.3rem 0 0 7.5rem} .comment-meta .avatar{display:block;height:6rem;position:absolute;left:0;top:0;width:6rem} .comment-author{font-size:2.4rem} .comment-metadata{font-size:1.6rem;margin-top:.8rem} .comment-footer-meta{margin-top:2.5rem} .comments-pagination{margin-top:8rem} .pingback .comment-body{padding:0} .comment-respond p{margin-bottom:2.5rem} .comment-form p.logged-in-as{margin:-2.5rem 0 4.4rem 0} .comment-respond .comment-form-author,.comment-respond .comment-form-email{float:left;width:calc(50% - 1rem)} .comment-respond .comment-form-email{margin-left:2rem} .comments .comment-respond{padding:5rem 0 0} .comment-reply-title small{display:inline;margin:0 0 0 .5rem} .pagination-separator{margin:4rem 0} .nav-short{display:inline} .pagination .nav-links{font-size:2rem;font-weight:600;margin:-2.5rem 0 0 -4rem} .nav-links>*{margin:2.5rem 0 0 4rem} .error404 #site-content{padding-top:8rem} .widget .widget-title{margin-bottom:3rem} .footer-top{padding:3.7rem 0} .footer-menu{font-size:2.4rem;margin:-.8rem 0 0 -1.6rem} .footer-menu li{margin:.8rem 0 0 1.6rem} .has-footer-menu .footer-social-wrapper{flex:1;margin-left:4rem;width:auto} } @media (min-width: 782px) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-column { margin-bottom: 0;} .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -2.8rem;} } @media ( min-width: 1000px ) { .featured-media figcaption{width:100%} .template-full-width .wp-block-image .alignleft{margin-right:2rem} .template-full-width .wp-block-image .alignright{margin-left:2rem} .singular .intro-text{font-size:2.8rem} .wp-block-columns.alignfull+.wp-block-columns.alignfull,.wp-block-columns.alignwide+.wp-block-columns.alignwide{margin-top:-4.8rem} figure.wp-block-gallery.alignfull,figure.wp-block-gallery.alignwide{margin-bottom:8rem;margin-top:8rem} .entry-content>.wp-block-group.alignfull.has-background,.entry-content>.wp-block-group.alignwide.has-background{padding:8rem 4rem;margin-bottom:0;margin-top:0} .wp-block-image .alignleft{margin-right:0} .wp-block-image .alignright{margin-left:0} hr.wp-block-separator{margin:8rem auto} .alignfull>.wp-caption-text,.alignfull>figcaption{width:calc(100% - 10rem)} .comment-meta{padding-left:0} .comment-meta .avatar{left:-8rem} .pagination .nav-links{justify-content:space-between;margin:0;width:100%} .nav-links>*{margin:0 2rem} #site-content .pagination .next, #site-content .pagination .prev{display:block} .pagination .prev{margin:0 auto 0 0} .pagination .next{text-align:right;margin:0 0 0 auto} .footer-top{align-items:center} .footer-menu{align-items:baseline;display:flex;justify-content:flex-start;flex-wrap:wrap;font-size:2.1rem;margin:-1.2rem 0 0 -2.4rem} .footer-menu li{margin:1.2rem 0 0 2.4rem} } @media ( min-width: 1220px ) { .wp-block-columns.alignfull+.wp-block-columns.alignfull{margin-top:-6rem} figure.wp-block-gallery.alignfull{margin-bottom:10rem;margin-top:10rem} .entry-content>.wp-block-group.alignfull.has-background,.entry-content>.wp-block-group.alignwide.has-background{padding:8rem 6rem;margin-bottom:0;margin-top:0} .wp-block-pullquote.alignfull blockquote p,.wp-block-pullquote.alignwide blockquote p{font-size:6.4rem} .wp-block-pullquote.is-style-solid-color.alignfull,.wp-block-pullquote.is-style-solid-color.alignwide{padding:9rem 4rem 8rem} .entry-content>.alignfull{margin-bottom:10rem;margin-top:10rem} [class*=wp-block].alignwide.has-background [class*="__inner-container"]>.alignleft,[class*=wp-block].alignwide.has-background [class*="__inner-container"]>.wp-block-image .alignleft,[class*=wp-block].alignwide.has-background [class*="__inner-container"]>p .alignleft{right:calc((100% - 58rem)/ 2 + 58rem - 2rem)} [class*=wp-block].alignwide.has-background [class*="__inner-container"]>.alignright,[class*=wp-block].alignwide.has-background [class*="__inner-container"]>.wp-block-image .alignright,[class*=wp-block].alignwide.has-background [class*="__inner-container"]>p .alignright{left:calc((100% - 58rem)/ 2 + 58rem + 6rem)} .comment-reply-title{font-size:5.6rem;line-height:1.2;margin-bottom:6rem} .comment-respond p.comment-notes,.comment-respond p.logged-in-as{margin:-4rem 0 6rem 0} .comments .comment-respond .comment-reply-title{font-size:4.8rem} .comments .comment-respond p.comment-notes,.comments .comment-respond p.logged-in-as{margin:-4.5rem 0 4rem 0} .footer-menu{font-size:2.4rem;margin:-1.5rem 0 0 -3rem} .footer-menu li{margin:1.5rem 0 0 3rem} ul.footer-social{margin:-1rem 0 0 -1rem} ul.footer-social li{margin:1rem 0 0 1rem} .footer-social a{height:4.4rem;width:4.4rem} .footer-social a::before{font-size:2rem} } @media ( min-width: 1280px ) { .wp-block-separator.is-style-wide{max-width:120rem;width:120rem} body.template-full-width .alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color){padding-left:0;padding-right:0} body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.wp-block-image .alignleft{margin-left:0} body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.wp-block-image .alignright{margin-right:0} } /*--------- Custom Css Starts ---------*/ body {margin:0; padding:0;font-family: 'Lexend', sans-serif;font-weight:400;color:#010101; line-height:normal;} a{ color:#5a1613;text-decoration: none; transition: .4s; } a:hover{ color:#000000;} /* dancing-script-regular - latin */ @font-face { font-family: 'Dancing Script'; font-style: normal; font-weight: 400; font-display: swap; src: url('/wp-content/themes/obiinstitute_wp/assets/fonts/dancing-script-v19-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/obiinstitute_wp/assets/fonts/dancing-script-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/dancing-script-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/dancing-script-v19-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/dancing-script-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/dancing-script-v19-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */ } /* lexend-200 - latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 200; font-display: swap; src: url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-200.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-200.svg#Lexend') format('svg'); /* Legacy iOS */ } /* lexend-300 - latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 300; font-display: swap; src: url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-300.svg#Lexend') format('svg'); /* Legacy iOS */ } /* lexend-regular - latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-display: swap; src: url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-regular.svg#Lexend') format('svg'); /* Legacy iOS */ } /* lexend-500 - latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 500; font-display: swap; src: url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-500.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-500.svg#Lexend') format('svg'); /* Legacy iOS */ } /* lexend-600 - latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 600; font-display: swap; src: url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-600.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-600.svg#Lexend') format('svg'); /* Legacy iOS */ } /* lexend-700 - latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 700; font-display: swap; src: url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-700.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/obiinstitute_wp/assets/fonts/lexend-v12-latin-700.svg#Lexend') format('svg'); /* Legacy iOS */ } /*Main Content*/ #wrapper{ width:100%; margin:0 auto;} .container {width:1290px; margin: 0px auto;} .lg-container {width: min(1070px, 96%); margin: 0px auto;} .container img{ max-width: 100%;height: auto; } .clear {clear:both; padding:0; margin:0; overflow:hidden; height:0} .reset {list-style:none; padding:0; margin:0} .lf {float:left} .rf {float:right} .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color:transparent; position:relative } .owl-carousel { display:none; width:100%; z-index:1;} .owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y; touch-action:manipulation; -moz-backface-visibility:hidden } .owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } .owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0, 0, 0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0)} .owl-carousel .owl-item { float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none} .owl-carousel .owl-item img { display:block; width:auto; max-width:100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display:none} .no-js .owl-carousel, .owl-carousel.owl-loaded {display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .owl-carousel.owl-loading { opacity:0; display:block;} .owl-carousel.owl-hidden {opacity:0;} .owl-carousel.owl-refresh .owl-item {visibility:hidden;} .owl-carousel.owl-drag .owl-item {-ms-touch-action:pan-y; touch-action:pan-y; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .owl-carousel.owl-grab { cursor:move; cursor:grab } .owl-carousel.owl-rtl {direction:rtl} .owl-carousel.owl-rtl .owl-item {float:right} .owl-carousel .animated {animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in {z-index:0} .owl-carousel .owl-animated-out {z-index:1} .owl-carousel .fadeOut {animation-name:fadeOut} /* Feel free to change duration */ .animated { -webkit-animation-duration : 1000 ms ; animation-duration : 1000 ms ; -webkit-animation-fill-mode : both ; animation-fill-mode : both ;} /* .owl-animated-out - only for current item */ /* This is very important class. Use z-index if you want move Out item above In item */ .owl-animated-out { z-index : 1 } /* .owl-animated-in - only for upcoming item /* This is very important class. Use z-index if you want move In item above Out item */ .owl-animated-in { z-index : 0 } /* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css: */ .fadeOut { -webkit-animation-name : fadeOut ; animation-name : fadeOut ;} @-webkit-keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } @keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } @keyframes smoothScroll { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .lazy-load-map { position: relative; width: 600px; height: 450px !important; overflow: hidden; } .lazy-load-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .mobile_menu { display:none;} .hc-nav.hc-nav-1 { display:inline-block !important;} .hc-offcanvas-nav.hc-nav-1 { display:none !important;} /* headersection */ .logged-in .headersection.fixedheader { top:32px;} .headersection.fixedheader { position:fixed; top:0; left:0; width:100%; border:0; animation: smoothScroll 1s forwards; background:#fff; z-index:99; box-shadow:0px 0px 5px rgba(0,0,0,.25); padding:0;} .headersection.fixedheader:before, .headersection.fixedheader:after { display:none;} .headersection.fixedheader .headerright .querysec, .headersection.fixedheader .headerright .socialicons { display:none;} .headersection.fixedheader .logo { margin-top:13px; width:120px;} .headersection.fixedheader .headerrightbottom { margin-top:0;} .headersection.fixedheader .topnav ul li a { padding:30px 0;} .headersection {padding-top: 15px; position: relative; z-index:1;} .headersection .logo {float: left; margin-top: 15px; position:relative;} .mobilecontactbtns { float:right; margin-top:15px; display:none;} .mobilecontactbtns ul { font-size:0; margin-left:-10px;} .mobilecontactbtns ul li { display:inline-block; vertical-align:top; margin-left:10px;} .mobilecontactbtns ul li a {display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 500; padding: 12px; background: linear-gradient(112deg,rgba(199,144,52,1) 0%,rgba(217,178,87,1) 100%); border-radius: 5px; line-height: normal; min-width: 80px; box-sizing: border-box; text-align: center; } .mobilecontactbtns ul li a:hover {background: linear-gradient(112deg, rgba(217,178,87,1) 0%, rgba(199,144,52,1) 100%);} .headerright.mobileheaderright { display:none;} .headerright {float: right; font-size: 0; text-align: right;} .headerright .querysec{display: inline-block; vertical-align: middle;} .headerright .querysec p.asksec {font-size: 18px; font-weight: 400; display: inline-block; vertical-align: middle; margin-right: 20px;} .headerright .querysec p.asksec a {display: inline-block; font-size: 22px; color: #d9b257; font-weight: 500;} .headerright .querysec p.asksec a:hover {color: #333333;} .headerright .querysec a.callbtn{display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 500; padding: 15px 27px; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); border-radius: 5px;} .headerright .querysec a.callbtn:hover {background: linear-gradient(112deg, rgba(217,178,87,1) 0%, rgba(199,144,52,1) 100%);} .headerright .socialicons {display: inline-block; vertical-align: middle; } .headerright .socialicons ul {font-size: 0;} .headerright .socialicons ul li {display: inline-block; margin-left: 15px; width: 34px; height: 34px;} .headerright .socialicons ul li a { display:block; background: url(/wp-content/themes/obiinstitute_wp/assets/images/socialicons.png)no-repeat top; width: 34px; height: 34px; /*transition: none;*/} .headerright .socialicons ul li a.fb {background-position: 0 0;} .headerright .socialicons ul li a.fb:hover {background-position: 0 -35px;} .headerright .socialicons ul li a.insta {background-position:-47px 0;} .headerright .socialicons ul li a.insta:hover {background-position: -47px -34px;} .headerrightbottom {/*position: relative;*/ margin-top: 15px; /*border-top: 1px solid #ebebeb;*/} .headersection:before {content: "";position: absolute; width: 100%; z-index:-1;top: 50%; height: 1px; background: #ebebeb; right:0%;} .headersection:after {content: "";position: absolute; width: 24%; z-index:-1;top: 50%; height: 1px; background: #fff; left:0%;} /* topnav */ .topnav {font-size: 0; display: inline-block; vertical-align: middle;} /*.topnav:before {content: "";position: absolute; width: 40%; z-index: 1;top: 0; height: 1px; background: #afa5a5; right: 0%;}*/ .topnav ul{display: inline-block; vertical-align: middle; font-size: 0;} .topnav ul li {display:inline-block; vertical-align: top; line-height: normal;} .topnav ul li + li {margin-left:25px; } .topnav ul li a {display: block; font-size:18px; color: #333333; font-weight: 400; position: relative; padding: 26px 0;} .topnav ul li a:before {content: " "; position:absolute; width:0; height: 5px; bottom: 0; transition: .3s ease; left:0; right:0; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%);} .topnav ul li a:hover:before, .topnav ul li.active a:before { width:100%;} /*.topnav ul li a:hover:before, .topnav ul li.active a:before{background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); }*/ .topnav ul li a:hover, .topnav ul li.active a {color:#bb8736;} .topnav ul li.current-menu-ancestor a, .topnav ul li.current_page_item a{color: #bb8736;} .topnav ul li.current-menu-ancestor ul.sub-menu li a, .topnav ul li.current_page_item ul.sub-menu li a { background:#f8f8f8; color: #333333;} .topnav ul li.current-menu-ancestor ul.sub-menu li.current_page_item a, .topnav ul li.current-menu-ancestor ul.sub-menu li a:hover, .topnav ul li.current_page_item ul.sub-menu li a:hover, .topnav ul li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor a { background:#fff; color: #bb8736;} .topnav ul li.submenutabs ul li.submenumega.activemenu a { background:#f2f2f2;} /*.topnav ul li.menu-item-has-children a { padding-right:40px;} .topnav ul li.menu-item-has-children a::after { content: ""; position: absolute; background-color: transparent; right: 18px; top: 50%; margin: 0; background:url(../images/dropdown-arrow.png) no-repeat right center; margin-top:-2px; width:8px; height:4px;} .topnav ul li.menu-item-has-children ul li a::after { display:none;} .topnav ul li.menu-item-has-children ul li.menu-item-has-children a::after { display:block; transform: rotate(-90deg); right: 10px;} .topnav ul li.menu-item-has-children ul li.menu-item-has-children ul li a::after { display:none;}*/ .topnav ul li.submenutabs ul li.menu-item-has-children a:hover { background:#f2f2f2;} /*Top Navigation Without js*/ .topnav ul li { position:relative;} .topnav ul ul, .topnav ul ul ul { /*display:none;*/ position:absolute; top:100%; left:0; width:260px; background:#f2f2f2; margin:0; border-top: 3px solid #c08b38; box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06); text-align:left;} .topnav ul.sub-menu li { display:block; margin-left:0;} .topnav ul.sub-menu li + li { margin-left:0;} .topnav ul.sub-menu li a { font-size:14px; text-transform:inherit; padding:10px 15px !important; color:#333333; border-bottom: 1px solid #dcdadb;} .topnav ul.sub-menu li a:before { display:none;} .topnav ul.sub-menu li a:hover { background:#fff; color:#bb8736;} .topnav ul li:hover ul, .topnav ul ul li:hover ul { display:block;} .topnav ul li.submenutabs { position:static;} /*.topnav ul { position:relative;}*/ .topnav ul li.submenutabs ul.sub-menu { width:90%; left:5%; right:5%; background:#fff; padding:0; box-sizing:border-box; /*min-height:390px;*/ border-top: 3px solid #c08b38; max-width:1290px; margin:0 auto;} .topnav ul li.submenutabs ul.sub-menu li { position:static; width:200px; background:#fff; border-bottom:0; border-top: 0;} .topnav ul li.submenutabs ul.sub-menu li ul.sub-menu { /*display:none;*/ position:absolute; left:calc(200px + 0px); width:auto; top:0; right:0; background:#f2f2f2; padding:10px 0; min-height: 100%; font-size:0; border:0; box-shadow:none;} .topnav ul li.submenutabs ul.sub-menu li:hover ul.sub-menu { display:block; background:#f2f2f2;} .topnav ul li.submenutabs ul.sub-menu li ul.sub-menu li { position:relative; width:24%; margin-left:1%; display:inline-block; vertical-align:top; background:none; border-bottom:0;} .topnav ul li.submenutabs ul.sub-menu li ul.sub-menu li a { background:none; color:#333333;} .topnav ul li.submenutabs ul.sub-menu li ul.sub-menu li a:hover, .topnav ul li.submenutabs.current-menu-ancestor ul.sub-menu li ul.sub-menu li.current_page_item a {background:#fff; color:#bb8736; } .topnav ul li.submenutabs:hover ul.sub-menu li.selected ul.sub-menu { display:block; } .topnav ul li.submenutabs:hover ul.sub-menu li.selected.unselected a {background:#f2f2f2; } .topnav ul li.submenutabs:hover ul.sub-menu li.selected.unselected a:hover {background:#f2f2f2;} .topnav ul li.submenutabs:hover ul.sub-menu li.selected.unselected ul.sub-menu { display:block; visibility: visible; opacity: 1; } .topnav ul li.submenutabs.current-menu-ancestor ul.sub-menu li.current_page_item a { background:#f2f2f2; } .topnav ul li.submenutabs.current-menu-ancestor ul.sub-menu li.current_page_item ul.sub-menu { background:#f2f2f2;} .topnav ul li.submenutabs.current-menu-ancestor ul.sub-menu li.current_page_item ul.sub-menu li a {color:#333333;} .topnav ul li.submenutabs.current-menu-ancestor ul.sub-menu li.current_page_item ul.sub-menu li a:hover {color:#bb8736;} .topnav li ul {visibility: hidden;opacity: 0;transform: translateY(50px); -webkit-transition-duration: .2s; -ms-transition-duration: .2s; transition-duration: .3s; -webkit-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; transition-timing-function: ease-in;} .topnav ul ul.sub-menu li ul.sub-menu {visibility: hidden;opacity: 0;transform: translateY(0px); -webkit-transition-duration: .2s; -ms-transition-duration: .2s; transition-duration: .3s; -webkit-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; transition-timing-function: ease-in;} .topnav li:hover ul, .topnav ul ul.sub-menu li:hover ul.sub-menu {opacity: 1;visibility: visible; transform: translateY(0px); -webkit-transition-duration: .2s; -ms-transition-duration: .2s; transition-duration: .3s; -webkit-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; transition-timing-function: ease-in;} .topnav li:hover ul.sub-menu li.UnSelected ul {opacity: 1;visibility: visible;} .productbtn {display: inline-block; vertical-align: middle; } .productbtn ul li {display: inline-block; vertical-align: middle; margin-left: 25px;} .productbtn ul li a.searchbtn {background: url(/wp-content/themes/obiinstitute_wp/assets/images/searchicon.png)no-repeat top; width: 20px; height: 19px; background-position: 0 0; padding: 0; transition: none; display:block; position: relative;} .productbtn ul li a.searchbtn:hover{background-position: 0 -19px;} /*.headersearchbox { width: 20px; position: relative;} .headersearchbox .search-form {position:absolute; top:-10px; right:0; } .headersearchbox .search-form .search-submit { color: #fff; float: right; width:20px; height:21px; padding: 0; border-radius: 50%; box-sizing: border-box; background: #fff url(/wp-content/themes/obiinstitute_wp/assets/images/searchicon.png)no-repeat top; display: flex; justify-content: center; align-items: center; transition: 0.4s; margin:0; font-size:0;} .headersearchbox .search-form label { border:none; background: none; outline:none; float:left; padding:0; color:#fff; font-size:16px; transition:0.4s; line-height:50px; width:0px; margin-top:-10px; } .headersearchbox .search-form:hover label { width:500px; padding: 0 6px;} .headersearchbox .search-form:hover .search-submit { background: #fff url(/wp-content/themes/obiinstitute_wp/assets/images/searchicon.png)no-repeat top;} .headersearchbox .search-form .search-field { display:none; margin:0; padding:12px; font-size:14px; border:1px solid #ebebeb; outline:none;} .headersearchbox .search-form:hover .search-field { display:block;}*/ /*.headersearchbox .search-form {position: absolute; top: 50%; left: 50%; transform: translate(-50%,50%); background: #2f3640; height: 50px; border-radius: 50px; padding: 10px;} .headersearchbox .search-form .search-submit { color: #fff; float: right; width: 50px; height: 50px; padding: 10px; border-radius: 50%; background: #2f3640; display: flex; justify-content: center; align-items: center; transition: 0.4s; margin:0;} .headersearchbox .search-form label { border:none; background: none; outline:none; float:left; padding: 0; color: white; font-size: 16px; transition: 0.4s; line-height: 50px; width: 0px; } .headersearchbox .search-form:hover label { width: 250px; padding: 0 6px;} .headersearchbox .search-form:hover .search-submit { background: #fff; color : #2f3640;} .headersearchbox .search-form .search-field { display:none;} .headersearchbox .search-form:hover .search-field { display:block;}*/ .searhbtnsec {float: right; position:relative;} .searhbtnsec a.searchopen { width:20px; height:21px; padding: 0; border-radius: 50%; box-sizing: border-box; background: #fff url(/wp-content/themes/obiinstitute_wp/assets/images/searchicon.png)no-repeat top; transition: 0.4s; margin:0; font-size:0; display:block;} .searhbtnsec a.searchopen:hover { background-position: bottom left;} .searhbtnsec .popupsearchbox { display:none; position:absolute; top:48px; right:-20px; width:400px; } .searhbtnsec .popupsearchbox form.search-form {box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);} .searhbtnsec .popupsearchbox .search-submit { color: #fff; float: right; width:50px; height:50px; padding: 0; border-radius:0 5px 5px 0; box-sizing: border-box; background: #f8f8f8 url(/wp-content/themes/obiinstitute_wp/assets/images/searchicon_popup.png)no-repeat center; transition: 0.4s; margin:0; font-size:0;} .searhbtnsec .popupsearchbox .search-submit:hover { background-color:#e0e0e0;} .searhbtnsec .popupsearchbox .search-field {margin:0; padding:12px; font-size:14px; border:1px solid #ebebeb; outline:none; border-radius:5px 0 0 5px;} .productbtn ul li a.shopbtn {display:inline-block; text-transform:uppercase;font-size:16px; font-weight: 500; color: #fff; padding: 15px 20px; background: #282828; border-radius: 5px; position: relative;} .productbtn ul li a.shopbtn:hover {color: #fff; background: #d9b257;} /* bannersection */ .bannersection {background: url(/wp-content/themes/obiinstitute_wp/assets/images/bannerimg.jpg)no-repeat top center; background-size: cover; padding: 175px 0;} .bannercaption {width: 660px;} .bannercaption h4 {font-size: 45px; color: #e0d2c7; font-weight: 200;} .bannercaption h3, .bannercaption.innerbannercaption h1 span {font-size: 58px; color: #fff; font-weight: 500; margin: 10px 0 35px 0; position: relative; } .bannercaption h1 {font-size: 32px; color: #e0d2c7; font-weight: 200; line-height: 48px; } .bannercaption h1 span {display: block;} .bannercaption h5 {font-size: 32px; color: #e0d2c7; font-weight: 200; line-height: 48px; } .bannercaption h5 span {display: block;} .bannercaption a.btn{display: inline-block; vertical-align: middle; text-transform: uppercase; font-size:28px; color: #fff; font-weight: 500; padding: 15px; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); border-radius: 5px; margin-top:30px; min-width:288px; box-sizing:border-box; text-align:center;} .bannercaption a.btn:hover {background: linear-gradient(112deg, rgba(217,178,87,1) 0%, rgba(199,144,52,1) 100%);} h3.title {position: relative; padding-bottom: 35px;} h3.title:before {content: ""; position: absolute; width: 81px; height: 6px;background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); bottom: 0;} .bannersection.innerbannersection {background: url(/wp-content/themes/obiinstitute_wp/assets/images/inner_banner.jpg)no-repeat top center; background-size: cover; padding:90px 0;} .bannersection.innerbannersection .bannercaption h1 { font-size:36px; line-height: normal;} .bannersection.innerbannersection .bannercaption h3, .bannersection.innerbannersection .bannercaption h1 span { margin:10px 0 0;} .bannersection.innerbannersection .bannercaption h4 { font-size:36px;} .bannerimage { display:none;} .blogbannersection { text-align:center; padding:65px 0; background: rgb(61,47,42); background: linear-gradient(90deg, rgba(61,47,42,1) 0%, rgba(121,92,83,1) 50%, rgba(121,92,83,1) 100%); } .blogbannersection h1, .blogbannersection h3 { font-size:58px; color:#fff; font-weight:500; } /* appointmentsec */ .appointmentsec { background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); padding: 18px 0; text-align: center;} .appointmentsec .container {font-size: 0;} .appointmentsec p {display:inline-block; vertical-align:middle; font-size: 30px; color: #fff; font-weight: 500;} .appointmentsec .appoint_btn {display: inline-block; vertical-align: middle; margin-left:35px; } .appointmentsec .appoint_btn a{display: inline-block; text-transform:uppercase; font-size: 22px; color: #000; font-weight: 500; padding: 21px 32px; background: #fff; border-radius: 5px; min-width: 245px; box-sizing: border-box;} .appointmentsec .appoint_btn a:hover {background: #000; color: #fff;} /* medicalspa_section */ .medicalspa_section {background: #444444; padding-bottom:70px;} .spalogo {float: left; width:410px; box-sizing:border-box; position: relative; text-align: center; padding: 40px; background: #282828; /*border-bottom: 20px solid #d9b257;*/ border-radius: 0 0 50% 50%; box-shadow: 0px 20px 0px 0px #d9b257;} /* .spalogo::before {content: ""; position: absolute; background: #282828; top: 0; left: 0; right: 0; width: 100%; height: 100%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; z-index: 1;} .spalogo::after {content: ""; position: absolute; background: #d9b257; top: 0; left: 0; right: 0; width: 100%; height: 100%; padding-bottom:20px; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; box-sizing: content-box;} */ .spalogo img {position: relative; z-index: 2;} .medicalspa_section .aboutspa_section {float: right; width: 850px; padding: 50px 0;} .medicalspa_section .aboutspa_section h3 {font-size: 55px; color: #fff; font-weight: 400; font-family: 'Dancing Script';} .medicalspa_section .aboutspa_section h1 {font-size: 45px; color: #fff; font-weight: 500; } .medicalspa_section .aboutspa_section p {font-size: 20px; color: #fff; font-weight: 300; line-height: 36px; margin-top: 35px;} .medicalspa_section .aboutspa_section p a {display:inline; color: #d9b257;} .medicalspa_section .aboutspa_section p a:hover {color: #fff;} /* teamsection */ .teamsection {background: linear-gradient(359deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%); } .teamsection .custom-html-widget {font-size: 0; display: flex; flex-wrap: wrap;} .teamsection .obi_teamwrap {display: inline-block; vertical-align: middle; width: 58%; box-sizing: border-box;} .teamsection .obi_teamwrap h3 {font-size: 40px; color: #000; font-weight: 400; margin-bottom: 35px;} .teamsection .obi_teamwrap h3 span {font-weight: 600;} .teamsection .obi_teamwrap h2 {font-size: 40px; color: #000; font-weight: 400; margin-bottom: 35px;} .teamsection .obi_teamwrap h2 span {font-weight: 600;} .teamsection .obi_teamwrap p {font-size: 20px; color: #000; font-weight: 300; line-height: 36px;} .teamsection .obi_teamwrap p + p , .testimonals_wrap .customer_review p{margin-top: 35px;} .teamsection .obi_teamwrap p a {display:inline; color: #d9b257; font-weight: 500;} .teamsection .obi_teamwrap p a:hover {color: #000;} .obi_teamwrap .innersec {float: right; width:740px; box-sizing: border-box; padding: 50px 0 70px 0; margin-right: 30px;} .obi_teamimg { width: 42%;display: inline-block; vertical-align: middle; box-sizing: border-box; text-align: left; position: relative; } .obi_teamimg:before {content: ""; position: absolute; background: url(/wp-content/themes/obiinstitute_wp/assets/images/obiteamimg.jpg)no-repeat center;background-size: cover; width:100%; height: 100%; top: 0; right:0; bottom: 0; } /* astheticsection medicinesection */ h3.subtitle {font-size: 48px; color: #000; font-family: 'Dancing Script'; font-weight: Bold; text-align: center; position: relative; padding-bottom: 35px;} h3.subtitle:before {content: ""; position: absolute; width: 81px; height: 6px;background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); bottom: 0; left: 50%; transform: translate(-50%, 0);} p.subtitle {font-size: 22px; color: #222222; font-weight: 300; line-height: 40px; margin-top: 30px; text-align: center;} h2.subtitle {font-size: 40px; color: #000; font-weight: Bold; text-align: center; position: relative; padding-bottom: 35px;} h2.subtitle:before {content: ""; position: absolute; width: 81px; height: 6px;background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); bottom: 0; left: 50%; transform: translate(-50%, 0);} .astheticsection {margin-top: 70px;} .astheticsection p.subtitle {} .astheticsection ul {font-size: 0; margin-left: -0.80%; margin-top: 32px; display: flex; flex-wrap: wrap; justify-content: center;} .astheticsection ul li {display: inline-block; vertical-align: top; box-sizing:border-box; width: 24.20%; margin-left: 0.80%; margin-top: 0.80%; text-align: center; position: relative;} .astheticsection ul li .imgbox img {border-radius: 10px;} .astheticsection ul li .imgbox {position: relative; } .astheticsection ul li .imgbox::before {content: ""; position: absolute; border-radius:10px; background:rgba(0,0,0,0.3); top: 0; right: 0; bottom: 0; left: 0;} .astheticsection ul li .info {position: absolute; width:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 15px; box-sizing: border-box;} .astheticsection ul li .info h4 {font-size: 30px; color: #fff; font-weight: 400; line-height: 40px; margin-bottom: 20px;} .astheticsection ul li .info h4 span {display: block;} .astheticsection ul li .info .morebtn a {padding: 15px 30px; display: inline-block; font-size: 20px; color: #fff; font-weight: 500; line-height: 20px; position: relative; } .astheticsection ul li .info .morebtn a::before {content: " "; position: absolute; border: 2px solid #dbb762; border-radius: 10px; width: 100%; height: 100%; box-sizing: border-box; top: 50%; right: 0; left: 50%; bottom: 0; transform: translate(-50%, -50%);} .astheticsection ul li .info .morebtn a:hover::before {background: linear-gradient(77deg, rgba(199,144,52,1) 0%, rgb(217 178 87) 100%); color: #fff; z-index: -1; border: none; padding: 25px 23px;} .readbtn a, .shoppingsection ul li a, .featuredblogsection .blogbtn a {display:block; font-size: 20px; color: #fff; font-weight: 500; border:2px solid #dbb762; border-radius: 10px; line-height:normal;} .shoppingsection ul li a:hover, .readbtn a:hover, .featuredblogsection .blogbtn a:hover{background: linear-gradient(77deg, rgba(199,144,52,1) 0%, rgb(217 178 87) 100%); color: #d9b257;} /* integrativesection medicinesection*/ .integrativesection {background: #f8f8f8; padding: 60px 0; margin-top: 70px;} .integrativesection ul {font-size:0; margin-left: -2%; margin-top: 45px;} .integrativesection ul li {display: inline-block; vertical-align: top; width: 48%;box-sizing:border-box; margin-left: 2%; margin-top: 30px; line-height:inherit; position: relative; /*cursor: pointer;*/} .integrativesection ul li img { display:inline-block; vertical-align:top;} .integrativesection ul li .innerpage {background:#444444; border-radius:10px; padding:30px 35px 35px 35px; opacity: 0; transition: 0.5s ease; transform: rotateY(180deg); backface-visibility: hidden; height:310px;} .integrativesection ul li .innerpage h4 {font-size: 28px; color: #fff; font-weight: 500;} .integrativesection ul li .innerpage p {font-size: 20px; color: #e2e2e2; font-weight: 200; line-height: 30px; text-align: inherit; margin:20px 0;} .integrativesection ul li .innerpage a {display: inline-block; font-size: 20px; color: #d9b257; font-weight: 500;} .integrativesection ul li .innerpage a:hover {color: #e2e2e2;} .integrativesection ul li:nth-child(odd) {top:0} .integrativesection ul li .frontpage {position: absolute; width: 100%;border-radius: 10px; box-sizing: border-box; height: 100%; text-align: center; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); border: none; transition: 0.5s ease; opacity: 1; padding: 50px 10px; backface-visibility: hidden; display: grid; place-items: center;} .integrativesection ul li .frontpage h4 {font-size: 28px; color: #fff; font-weight: 500; margin-top: 22px;} .integrativesection ul li:hover .innerpage {transform: rotateY(0deg); opacity: 1;} .integrativesection ul li:hover .frontpage {transform: rotateY(180deg); opacity: 0;} .integrativesection ul li .frontpage .imgbox {display: block;} /* shoppingsection */ .shoppingsection{padding:40px 0; border: 2px solid #eeeeee;} .shoppingsection .container {font-size: 0;} /* .shoppingsecleft {width: 660px; display: inline-block; vertical-align: middle;} */ .shoppingsecleft {width: 500px; display: inline-block; vertical-align: middle;} .shoppingsecleft h3 {font-size: 40px; color: #d9b257; font-family: 'Dancing Script'; font-weight:bold;} .shoppingsecleft p {font-size: 28px; color: #000; line-height: 39px; font-weight: 500; margin-top: 15px;} /* .shoppingsecright { width:630px; padding-left:38px; box-sizing:border-box; display: inline-block; vertical-align: middle;} */ .shoppingsecright { width:790px; padding-left:38px; box-sizing:border-box; display: inline-block; vertical-align: middle;} .shoppingsecright ul {font-size: 0; margin-left:-2%; margin-top:-20px;} .shoppingsecright ul li {display: inline-block; vertical-align: middle; margin-left:2%; width:31.33%; margin-top:20px; box-sizing: border-box;} .shoppingsecright ul li a { text-align:center; color: #000; line-height:20px; padding: 18px 10px; text-transform: uppercase;} /* testimonals */ .testimonalsection {background: #f8f8f8; padding: 65px 0 80px 0;} .reviewsection {text-align: center;} .reviewsection ul {margin-left: -30px; margin-top: 30px;} .reviewsection ul li {display: inline-block; vertical-align: top; margin-left: 30px; line-height:inherit; width: 250px;box-sizing: border-box; box-shadow: 0 0 5px rgba(1 1 1 /10%);background: #fff; border-radius: 10px; /*cursor: pointer;*/} .reviewsection ul li .review_wrap {padding: 20px; height: 88px; display: grid; place-items: center; box-sizing: border-box;} .reviewsection ul li .reviewbtn {background: #f8f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .reviewsection ul li .reviewbtn a {display: inline-block; font-size: 18px; color: #000; font-weight: 400; padding:16px 22px; position: relative;} .reviewsection ul li .reviewbtn a::before {content: ""; position: absolute;background: url(/wp-content/themes/obiinstitute_wp/assets/images/rightarrow.png)no-repeat center; width: 10px; height: 15px; top: 50%; right:0; margin-top: -7px; } .reviewsection ul li:hover .reviewbtn a {color: #d9b257;} .reviewsection ul li .reviewbtn span {display: inline-block; font-size: 18px; color: #000; font-weight: 400; padding:16px 22px; position: relative;} /*.reviewsection ul li .reviewbtn span::before {content: ""; position: absolute;background: url(/wp-content/themes/obiinstitute_wp/assets/images/rightarrow.png)no-repeat center; width: 10px; height: 15px; top: 50%; right:0; margin-top: -7px; }*/ .testimonals_wrap {margin-top:50px; padding: 35px 100px 0; border-top: 1px solid #ededed; text-align:center;} .testimonals_wrap .item p {font-size: 20px; color: #000; line-height:42px; font-weight: 300; margin-top: 0;} .testimonals_wrap .item p img.emoji{width: 20px !important; height: 20px !important;} .testimonals_wrap .item h5 {margin-top: 25px; font-size: 22px; color: #d9b257; font-weight: 500;} .testimonals_wrap .readbtn { margin-top:40px;} .testimonals_wrap .readbtn ul {font-size: 0; margin-left: -30px; text-align: center;} .testimonals_wrap .readbtn ul li{display: inline-block; vertical-align: top; box-sizing: border-box; margin-left: 30px;} .testimonals_wrap .readbtn a {display:block; text-transform: uppercase; color: #000; padding:16px; min-width:280px;} .testimonals_wrap .readbtn a:hover { color: #d9b257;} .testimonals_wrap .owl-nav button span { position:relative; display:block; width:54px; height:54px;} .testimonals_wrap .owl-nav button span:before { content:""; position:absolute; background:#fff url(/wp-content/themes/obiinstitute_wp/assets/images/leftarrow.png)no-repeat center; width:54px; height: 54px; top:0; left:0; border-radius:10px; box-shadow:0 0 5px rgb(1 1 1 / 10%);} .testimonals_wrap .owl-nav button.owl-next span:before {transform: rotate(180deg);} .testimonals_wrap .owl-nav button:hover span:before { background-color:#282828;} .testimonals_wrap .owl-nav button { position:absolute; top:50%; padding:0; background:none; border:0; margin-top:-27px;} .testimonals_wrap .owl-nav button.owl-prev { left:-100px;} .testimonals_wrap .owl-nav button.owl-next { right:-100px;} /*.testimonals_wrap .arrow .leftarrow, .testimonals_wrap .arrow .rightarrow{position: relative; cursor: pointer;} .testimonals_wrap .arrow .leftarrow::before { content: ""; position: absolute; background: #fff url(/wp-content/themes/obiinstitute_wp/assets/images/leftarrow.png)no-repeat center; width: 54px; height: 54px; top: -250px; left:0; border-radius: 10px; box-shadow: 0 0 5px rgb(1 1 1 / 10%);} .testimonals_wrap .arrow .rightarrow::before { content: ""; position: absolute; background: #fff url(/wp-content/themes/obiinstitute_wp/assets/images/rightarrowicon.png)no-repeat center; width: 54px; height: 54px; top: -250px; right:0; border-radius: 10px; box-shadow: 0 0 5px rgb(1 1 1 / 10%);} .testimonals_wrap .arrow .leftarrow:hover::before, .testimonals_wrap .arrow .rightarrow:hover::before{background-color: #3a3232;}*/ /* featuredblogsection */ .featuredblogsection {padding: 60px 0; background: #f4f1e9; margin-top: 0;} .featuredblogsection h3.subtitle { margin-bottom:50px;} .featuredblogsection ul {font-size: 0; margin-left:-2.33%; margin-top:-40px;} .featuredblogsection ul li {display: inline-block; vertical-align: top; width: 31%; box-sizing: border-box; margin-top:40px; margin-left:2.33%;} .featuredblogsection ul li p {font-size: 18px; color: #000; font-weight: 300; text-align: left; margin-top: 25px; line-height: normal;} .featuredblogsection ul li h5 {font-size: 26px; color: #000; font-weight: 500; line-height: 35px; margin: 20px 0;} .featuredblogsection ul li a.btn {display: inline-block; font-size: 22px; color: #c89236; font-weight: 400;} .featuredblogsection ul li a.btn:hover {color: #000;} .featuredblogsection ul li img {border-radius: 10px; border: 1px solid #cccccc; box-sizing: border-box; height:300px; object-fit: cover;} .featuredblogsection .blogbtn {text-align: center; margin-top:60px;} .featuredblogsection .blogbtn a {display: inline-block; color: #c89236; padding: 18px 51px; text-transform: uppercase; min-width:341px; box-sizing: border-box;} .footerformsection {background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); padding:65px 0; text-align:center;} .footerformwrap { font-size:0; display: flex; align-content: center; flex-wrap: wrap;} .footerformcontent { width:410px; display:grid; vertical-align:top; place-items: center; padding:30px 35px; border-radius:15px; margin-right:30px; font-size:18px; background: rgb(206,206,206); background: linear-gradient(0deg, rgba(206,206,206,1) 0%, rgba(230,230,230,1) 50%, rgba(255,255,255,1) 100%); text-align:center; } .footerformcontent img { display:inline-block; vertical-align:top; margin-bottom:30px;} .footerformcontent a.btn { font-size:44px; color:#000; font-weight:500; display:inline-block;} .footerformcontent a.btn:hover { color:#c89236;} .footerformcontent p { font-size:28px; color:#000; font-weight:300; margin-top:20px; line-height:40px;} .footerformbox { width:calc(100% - 440px); display:inline-block; vertical-align:top; font-size:18px; background:#efefef; padding:30px 35px; border-radius:15px; } .footerformbox h4 {font-size: 44px; color: #000; font-family: 'Dancing Script'; font-weight: Bold; margin-bottom:30px;} /*.footerformbox ul { margin-left:-2%; margin-top:-20px; font-size:0;} .footerformbox ul li { display:inline-block; vertical-align:top; width:98%; margin-left:2%; margin-top:20px;} .footerformbox ul li.twocol { width:48%;} .footerformbox ul li input { width:100%; box-sizing:border-box; border:2px solid #cdcdcd; border-radius:7px; font-size:20px; color:#222; font-weight:300; font-family: 'Lexend'; background:#efefef; padding:16px 25px;} .footerformbox ul li.submitbtn input[type="submit"] { width:auto; border:0; display: inline-block; text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 500; font-family: 'Lexend'; padding:15px 38px; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); border-radius: 5px; text-decoration:none;} .footerformbox ul li.submitbtn input[type="submit"]:hover {background: linear-gradient(112deg, rgba(217,178,87,1) 0%, rgba(199,144,52,1) 100%); text-decoration:none;} .footerformbox ul li.submitbtn .wpcf7-spinner { display:none;}*/ .footerformbox .gform_wrapper .gform_validation_errors{ text-align:left} .footerformbox .gform_wrapper.gravity-theme .gfield input.large { width:100%; box-sizing:border-box; border:2px solid #cdcdcd; border-radius:7px; font-size:20px; color:#222; font-weight:300; font-family: 'Lexend'; background:#efefef; padding:16px 25px;} .footerformbox .gform_wrapper.gravity-theme .gfield input.large:focus{ border-color:#000;} .footerformbox .gform_wrapper.gravity-theme .gform_footer{ display:block} .footerformbox .gform_wrapper.gravity-theme .gform_footer input.gform_button { width:auto; border:0; display: inline-block; text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 500; font-family: 'Lexend'; padding:15px 38px; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); border-radius: 5px; text-decoration:none;} .footerformbox .gform_wrapper.gravity-theme .gform_footer input.gform_button:hover {background: linear-gradient(112deg, rgba(217,178,87,1) 0%, rgba(199,144,52,1) 100%); text-decoration:none;} /* footer partnership section*/ .partnershipsection{padding: 35px 0;} .partnershipsection .partnershipsecwrap{margin-left: -30px; font-size: 0; display: flex; flex-wrap: wrap;} .partnershipsection .partnershipsecleft, .partnershipsection .partnershipsecright{display: inline-block; box-sizing: border-box; vertical-align: middle; margin-left: 30px; font-size: 18px;} .partnershipsection .partnershipsecleft{width: 850px;} .partnershipsection .partnershipsecleft a{width: 100%; height: 100%; display: block;} .partnershipsection .partnershipsecleft img{max-width: 100%; height: 100%; object-fit: cover; object-position: left;} .partnershipsection .partnershipsecright{width: 410px; background: linear-gradient(90deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); padding: 20px; text-align: center;} .partnershipsection .partnershipsecright h4{font-size: 42px; color: #fff; font-family: 'Dancing Script'; font-weight: 700; margin-bottom: 15px; } .partnershipsection .partnershipsecright p{font-size: 18px; line-height: 29px; font-weight: 400; color: #fff; margin-bottom: 20px;} .partnershipsection .partnershipsecright ul{margin-left: -2%; font-size: 0;} .partnershipsection .partnershipsecright ul li{display: inline-block; box-sizing: border-box; vertical-align: top; width: 31.33%; margin-left: 2%;} /* .partnershipsection .partnershipsecright ul li .btnsec{} */ .partnershipsection .partnershipsecright ul li a.btn{display: block; font-size: 15px; line-height: normal; font-weight: 600; color: #fff; padding: 10px; border: 2px solid #fff;} .partnershipsection .partnershipsecright ul li a.btn:hover{color: #000; border: 2px solid #000;} /* .partnershipsection .partnershipsecleft h4{font-size: 24px; line-height: normal; font-weight: 400; color: #fff;} .partnershipsection .partnershipsecleft h3{font-size: 34px; line-height: normal; font-weight: 700; color: #fff;} .partnershipsection .partnershipsecleft .btnsec .btn{font-family: ; font-size: 20px; line-height: normal; font-weight: 600; color: #cfa044;} */ /* footerappointsection */ .footerappointsection { background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); padding:42px 0; text-align: center;} .footerappointsection .container {font-size: 0;} .footerappointsection p {display:inline-block; vertical-align:middle; font-size: 40px; color: #fff; font-weight: 500;} .footerappointsection .appoint_btn {display: inline-block; vertical-align: middle; margin-left:35px; } .footerappointsection .appoint_btn a {padding:22px 41px; background: none; border: 2px solid #fff; text-transform: uppercase; color: #fff; display: inline-block; text-transform:uppercase; font-size: 24px; font-weight: 500; border-radius: 5px; min-width: 482px; box-sizing: border-box;} .footerappointsection .appoint_btn a:hover {background: #fff; color: #000;} /* footersection */ .footersection {background: #444444; padding: 65px 0 50px 0;} .footersection .footerwrap {font-size: 0; display: flex; flex-wrap: wrap; margin-left: -110px;} .footerbox {display: inline-block; vertical-align: top; width: 330px; box-sizing:border-box; margin-left: 110px;} .footerbox.facebookvisit {width: 410px; height: 100%;} .footerbox.facebookvisit iframe { width:100% !important; height:420px !important; border: 1px solid #fff !important;} /* contactpg */ .footerbox.contactsection ul li{margin-top: 28px;} ul li {position: relative;} .footerbox.contactsection ul li a.glcall:before {content: " ";position: absolute; left: 0; top: 2px;background: url(/wp-content/themes/obiinstitute_wp/assets/images/phoneicon.png)no-repeat top; width:22px; height: 23px;} .footerbox.contactsection ul li a.glcall:hover:before {background-position: 0 -23px;} .footerbox.contactsection ul li a.mail:before {content: " ";position: absolute; left: 0; top: 7px;background: url(/wp-content/themes/obiinstitute_wp/assets/images/mailicon.png)no-repeat top; width:22px; height: 17px;} .footerbox.contactsection ul li a.mail:hover:before {background-position: 0 -17px;} .footerbox.contactsection ul li p.location:before {content: " ";position: absolute; left: 0; top: 5px;background: url(/wp-content/themes/obiinstitute_wp/assets/images/locationicon.png)no-repeat top; width:17px; height: 23px;} .footerbox.contactsection ul li p.fax:before {content: " ";position: absolute; left: 0; top: 5px;background: url(/wp-content/themes/obiinstitute_wp/assets/images/faxicon.png)no-repeat top; width:22px; height: 23px;} .footerbox.contactsection ul li p, .footerbox.contactsection ul li a {padding-left: 40px;} .footerbox.contactsection ul li p {line-height: 32px;} /* timesection */ .footerbox.timesection h4 {font-size: 28px; color: #fff; font-weight: 400; margin-bottom: 25px;} .footerbox.timesection ul li {margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between;} .footerbox.timesection ul li.jaxchamber { background: #3b3b3b; padding: 18px 20px 20px; margin-top: 30px; justify-content: center;} .footerbox.timesection ul li.jaxchamber p {font-size: 20px; color: #fff; font-weight: 500; margin-bottom: 20px;} .footersection ul li p, .footersection ul li a, .footersection ul li span {font-size: 20px; color: #fff; font-weight:300; line-height: normal; transition: none;} .footersection ul li.location p {line-height: 32px;} .footerbox.facebookvisit img {width: 100%;} /* footernav */ .footernav {background: #2f2f2f; padding: 28px 0;} .footernav ul {outline-style: 0; margin-left: -20px;} .footernav ul li {display: inline-block; vertical-align: top; margin-left: 60px;} .footernav ul li a {display: inline-block; font-size: 22px; color: #fff; font-weight: 300; } .footernav ul li a:hover , .footersection ul li a:hover {color: #c89236;} /* Faqsec css Start */ .faqsec{padding: 50px 0;} /* .faqsec.openaccordian h2{font-size: 28px; line-height: 40px; color: #5f5f5f; font-weight: 600; margin-bottom: 20px;} */ .faqsec.openaccordian h2{ margin-bottom: 40px;} .faqsec.openaccordian ul { display: flex ; flex-flow: column nowrap; gap: 20px; margin: 0; } .faqsec.openaccordian ul li { margin: 0; border-radius: 12px; overflow: hidden; font-size: 0; line-height: 0; } .faqsec.openaccordian h4 { padding: 20px; background: #444444; font-size: 18px; line-height: normal; font-weight: 600; color: #d9b257; position: relative; margin: 0; box-shadow: 0 5px 8px rgb(80 80 80 / 30%); } .faqsec.openaccordian .contentsec { margin: 0; padding: 25px 20px; font-size: 16px; line-height: normal; font-weight: 400; color: #282828; position: relative; background: #f4f4f4; display: block; } .faqsec.openaccordian .contentsec p { font-size: 16px; line-height: 26px; font-weight: 400; color: #282828; background: #f4f4f4; margin-bottom: 0; } .faqsec.openaccordian .contentsec a{color: #d9b257;} /* Faqsec css End */ /* copyrightsection */ .copyrightsection {background: #444444; padding:30px 0 45px;} .copyrightsection p {font-size: 16px; color: #fff; font-weight: 300; line-height: 26px; text-align: center;} .main-container { padding:50px 0;} .page #site-content { width:auto; float:none; max-width:1070px; margin:0 auto;} #site-content { width:66%; float:left;} .footer-nav-widgets-wrapper { width:31.8%; float:right;} .footer-nav-widgets-wrapper .widget { border:2px dotted #c79034; border-radius:10px; margin:2px;} .footer-nav-widgets-wrapper .widget + .widget { margin-top:40px;} .footer-nav-widgets-wrapper .widget h4.widget-title {font-size:28px; font-weight:600; color:#fff; padding:20px 30px; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); margin:-2px; border-radius:10px 10px 0 0;} .footer-nav-widgets-wrapper .widget ul li { list-style-type:none; clear:both; overflow:hidden;} .footer-nav-widgets-wrapper .widget ul li + li { border-top:1px solid #f0f0f0;} .footer-nav-widgets-wrapper .widget ul li:last-child {border-radius:0 0 10px 10px;} .footer-nav-widgets-wrapper .widget ul li a { position:relative; display: block; color:#222222; padding:17px 30px; font-size:20px; background:#f8f8f8; font-weight:300;} .footer-nav-widgets-wrapper .widget ul li a:hover { background:#fff; color:#c79135;} .footer-nav-widgets-wrapper .widget.custom_html-15 { border:0;} .footer-nav-widgets-wrapper .footerformcontent { width:auto; display:block; margin:0; background: rgb(234,234,234); background: linear-gradient(0deg, rgba(234,234,234,1) 0%, rgba(241,241,241,1) 50%, rgba(248,248,248,1) 100%); padding:70px 35px;} /* giftformsec css start */ #site-content .certificatebox .imgbox { width: 640px; margin: 40px auto; padding: 0; border: 2px solid #e7e1c9; border-radius: 12px; overflow: hidden; box-shadow: 0px 5px 10px rgba(245 219 119 / 30%); box-sizing: border-box;} #site-content .certificatebox .imgbox img{width: 100%; margin: 0;} #site-content .discounttable{margin: 40px auto 50px;} #site-content .discounttable table { border: 0; border-bottom: 1px solid #e7e1c9; border-right: 1px solid #e7e1c9; min-width: 100%; border-collapse: inherit; margin: 0;} #site-content .discounttable table th { font-family: 'Dancing Script'; font-size: 32px; text-align: center; font-weight: 600; padding: 15px 10px; border-color: #e7e1c9; border-right: 0; background: #fbeabd;} #site-content .discounttable table tr td{font-size: 15px; font-weight: 300; line-height: 24px; padding: 7px 10px; border-right: 0; border-top: 0; border-color: #e7e1c9;} #site-content .discounttable table tr td span{color: #c5923d;} #site-content .discounttable table tr:last-child td{border-bottom: 0;} /* giftformsec css start */ /* giftformsec css start */ #site-content .giftformsec{max-width: 800px; width: auto; margin: 0 auto; background: #f4f1e9; padding: 35px 50px; border-radius: 12px;} #site-content .giftformsec h2{font-size: 44px; color: #000; font-family: 'Dancing Script'; font-weight: 700; margin-bottom: 35px; text-align: center;} #site-content .giftformsec p.gform_required_legend{display: none;} #site-content .giftformsec .gform_wrapper .gfield input.large, #site-content .giftformsec .gform_wrapper .gfield input.gf_coupon_code{ width: 100%; box-sizing: border-box; border: 2px solid rgb(203 151 59 / 30%);; border-radius: 7px; font-size: 20px; color: #222; font-weight: 300; font-family: 'Lexend'; background: #ffffff; padding: 12px 20px; } #site-content .giftformsec .ginput_container_coupon { display: flex; flex-flow: nowrap row; font-size: 0; gap: 10px; } #site-content .giftformsec .gform_wrapper .gfield input.gf_coupon_code{width: calc(100% - 150px);} #site-content .giftformsec .gform_wrapper .gfield input.gf_coupon_code, #site-content .giftformsec .gform_wrapper .gfield input.ginput_amount{border-color: #c89236;} #site-content .giftformsec .gform_wrapper .gfield_label{margin-bottom: 10px !important; font-weight: 500 !important;} #site-content .giftformsec .ginput_product_price_wrapper{display: flex; flex-flow: wrap row; gap: 10px;} #site-content .giftformsec .ginput_product_price_wrapper .gform-field-label{font-size: 16px !important; font-weight: 500 !important;} #site-content .giftformsec .gform_wrapper.gravity-theme .ginput_product_price_wrapper input:read-only{width: 100px;} #site-content .giftformsec .gfield--type-total{display: flex; flex-flow: wrap row; gap: 10px; align-items: center;} #site-content .giftformsec .gfield--type-total .gform-field-label{margin-bottom: 0 !important;} #site-content .giftformsec .gfield--type-total input.gform-text-input-reset{padding: 0; font-size: 20px; font-weight: 600; color: #c89237;} #site-content .giftformsec .gform_wrapper .gform_footer{margin: 20px 0 0; padding: 0;} #site-content .giftformsec .gform_wrapper input.button{ width: auto; border: 0; display: inline-block; text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 500; font-family: 'Lexend'; padding: 14px 38px; background: linear-gradient(112deg,rgba(199,144,52,1) 0%,rgba(217,178,87,1) 100%); border-radius: 5px; text-decoration: none; margin: 0; line-height: normal !important;} #site-content .giftformsec .gform_wrapper input.button:hover {background: linear-gradient(112deg,rgba(217,178,87,1) 0%,rgba(199,144,52,1) 100%); text-decoration: none;} /* giftformsec css end */ #site-content h1, #site-content h2, #site-content h3, #site-content h4, #site-content h5, #site-content h6 {color:#5f5f5f; font-weight: 600; margin-bottom: 20px;} /* #site-content h1, #site-content h2.coolsculp-heading{} */ #site-content h1, #site-content h2.coolsculp-heading {color:#000; font-size: 38px; line-height: 46px; position: relative; padding-bottom: 35px;} #site-content h1:before, #site-content h2.coolsculp-heading::before {content: ""; position: absolute; width: 81px; height: 6px;background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); bottom: 0;} #site-content h2 { font-size: 28px; line-height: 40px;} #site-content h3 { font-size: 26px; line-height: 36px;} #site-content h4 { font-size: 24px; line-height: 34px;} #site-content h5 { font-size: 22px; line-height: 34px;} #site-content h6 { font-size: 22px; line-height: 32px;} #site-content p { font-size: 18px; color: #222222; font-weight: 300; line-height: 32px; margin-bottom:15px;} #site-content p strong { font-weight:600;} #site-content a {color: #c79135; text-decoration: underline;} #site-content a:hover {color: #222222; text-decoration: initial;} #site-content p + p { margin-top:15px; margin-bottom:0;} #site-content p + h2, #site-content p + h3, #site-content p + h4, #site-content p + h5, #site-content p + h6 { margin-top:20px;} #site-content ul + p, #site-content ul + h2, #site-content ul + h3, #site-content ul + h4, #site-content ul + h5, #site-content ul + h6 { margin-top:20px;} #site-content ol + p, #site-content ol + h2, #site-content ol + h3, #site-content ol + h4, #site-content ol + h5, #site-content ol + h6 { margin-top:20px;} #site-content ul, #site-content ol { margin-left:30px; margin-top:20px;} #site-content ul li, #site-content ol li { font-size: 18px; color: #222222; font-weight: 300; line-height: 32px; margin-top:5px;} #site-content .alignleft, #site-content .alignright, #site-content .alignnone, #site-content .aligncenter { max-width:100%; width:auto; height:auto; margin-bottom:15px;} #site-content .alignleft { margin-left:0;} #site-content .alignright { margin-right:0; margin-left:15px;} #site-content sup, #site-content p sup { font-size:16px;} #site-content p + .videoright, #site-content ul + .videoright { margin-top:30px;} #site-content .videoright + p { margin-top:20px;} #site-content .videoright + h2 { margin-top:20px;} #site-content figcaption, #site-content .wp-caption-text { font-size:14px; line-height:normal; font-weight:300; font-style:italic; margin-top:5px; text-align:center;} #site-content ul.twocol { column-count: 2; column-gap: 30px;} #site-content ul.threecol { column-count: 3; column-gap: 30px;} #site-content ul.twocol li, #site-content ul.threecol li {margin-top: 0; margin-bottom: 5px;} #site-content .imageright { float:right; margin:15px 0 15px 34px; width:40%;} #site-content .imageright ul { margin:0;} #site-content .imageright ul li + li { margin-top:25px;} #site-content .imageright ul li img { margin:0;} #site-content .imagecenter { margin: 30px 0; text-align: center; padding: 30px; box-sizing: border-box; background: #f4f1e9; border-radius: 10px; border: 2px solid #dbb878;} #site-content .imagecenter ul.nospace { font-size:0; display:flex; margin:0; justify-content: center; list-style-type:none;} #site-content .imagecenter ul.nospace li { margin:0; list-style-type:none;} #site-content .imagecenter ul.nospace li img { margin:0; max-width:100%; height:auto;} #site-content .obiteampage .imagecenter ul.nospace {align-items: center;} #site-content br{display: none;} #site-content .imagecenter.imagecentergap ul.nospace { gap:30px;} #site-content .imagecenter.imagevideocenter .youtubewrapper { margin:0;} #site-content .imagecenter.imagevideocenter ul.nospace { gap:30px;} #site-content .imagecenter.imagevideocenter ul.nospace li { width:50%; text-align: left;} #site-content .imagecenter.imagevideocenter ul.nospace li h3 span{display: block;} #site-content .imagecenter.imagevideocenter ul.nospace li p{line-height: 28px;} #site-content .imagecenter.imagevideocenter ul.nospace li a{display: inline-block; text-transform: uppercase; color: #dbb762; padding: 12px 15px; min-width: 190px; font-weight: 500; border: 2px solid #dbb762; border-radius: 10px; line-height: normal; text-align: center; box-sizing: border-box; margin-top: 20px; font-size: 16px; transition: all 0.3s linear; text-decoration: none;} #site-content .imagecenter.imagevideocenter ul.nospace li a:hover{background: #dbb762; color: #fff;} #site-content .innerpagebtnsec { margin:30px 0;} #site-content .innerpagebtnsec ul { font-size:0; display:flex; margin:0; justify-content: center; list-style-type:none; gap:30px;} #site-content .innerpagebtnsec ul li { margin:0; list-style-type:none; width:33.33%;} #site-content .innerpagebtnsec.innerpagebtnsec2 ul li { display:grid;} #site-content .innerpagebtnsec.innerpagebtnsec2 ul li a { display:grid; line-height:normal; place-items: center; border-radius:5px; text-decoration: none;} #site-content .videocenter { max-width:640px; margin:30px auto;} #site-content .videoright { float:right; margin:15px 0 15px 34px; width:520px;} #site-content .videoleft { float:left; margin:15px 34px 15px 0; width:520px;} #site-content .videoright .youtubewrapper, #site-content .videoleft .youtubewrapper, #site-content .videocenter .youtubewrapper { margin:0;} #site-content .youtubewrapper.singlevideo{padding-bottom: 31.15%;} #site-content .youtubewrapper { position:relative; padding-bottom:56.25%; margin:30px auto 30px; width: auto; max-width: min(600px, 100%); height: 100% !important;} #site-content .youtubewrapper iframe { position:absolute; left:0; right:0; top:0; bottom:0; width:100% !important; height:100% !important;} #site-content a.custombtn { display: block; vertical-align: middle; text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 500; padding:15px; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); border-radius: 0; margin-top: 15px; box-sizing: border-box; text-align:center; max-width:400px; margin:0 auto; text-decoration: none;} #site-content a.custombtn:hover {background:linear-gradient(112deg, rgba(217,178,87,1) 0%, rgba(199,144,52,1) 100%);} #site-content .videoright a.custombtn { max-width:100%; line-height:normal;} #site-content .beforeafterimages { margin:30px 0; text-align:center;} #site-content .beforeafterimages ul { margin:0; font-size:0; margin-left:-3%; margin-top:-25px;} #site-content .beforeafterimages ul li { display:inline-block; vertical-align:top; width:47%; margin-left:3%; margin-top:25px;} #site-content .beforeafterimages ul li h4 { margin-bottom:10px; color:#000;} #site-content .beforeafterimages ul li img { margin:0;} #site-content .thankyou{ text-align:center;} #site-content .thankyou p { margin:20px 0;} #site-content .thanks-btn {font-size:14px; font-weight:400; background:#74a155; color:#FFF; padding:10px 25px; display:inline-block; border-radius:4px; transition-duration:0.3s; line-height:normal;} #site-content .thanks-btn:hover{ color:#fff; background:#4d7a2f;} #site-content .pagination .nav-links { font-size:20px;} .singular .entry-header { padding:0 !important; text-align:left; background:none;} #site-content .sitecontentbox {font-size: 0; margin-left:-3%; margin-top:-50px;} #site-content .sitecontentbox article {display: inline-block; vertical-align: top; width:47%; box-sizing: border-box; margin-top:50px; margin-left:3%;} #site-content .sitecontentbox article p {font-size: 18px; color: #000; font-weight: 300; text-align: left; margin-top: 25px; line-height: normal;} #site-content .sitecontentbox article h5 {font-size: 26px; color: #000; font-weight: 500; line-height: 35px; margin: 20px 0;} #site-content .sitecontentbox article a.btn {display: inline-block; font-size: 22px; color: #c89236; font-weight: 400; text-decoration: none;} #site-content .sitecontentbox article a.btn:hover {color: #000;} #site-content .sitecontentbox article img {border-radius: 10px; border: 1px solid #cccccc; box-sizing: border-box; height:300px; object-fit: cover;} #site-content .contactpagesection .contactpageleft { float:left; width:48%;} #site-content .contactpagesection .contactpageright { float:right; width:48%;} #site-content .contactpagesection .contactpageright ul { margin:0;} #site-content .contactpagesection .contactpageright .footerbox { display:block; width:auto; margin:20px 0 0; max-width:320px;} #site-content .contactpagesection .contactpagemap { margin-top:35px; padding-top:35px; border-top:1px solid #ccc;} #site-content .nutrafolpagesection { margin:30px 0;} #site-content .nutrafolpagesection img { margin:0;} #site-content .nutrafolpagesection .nutrafolpageleft { float:left; width:48%;} #site-content .nutrafolpagesection .nutrafolpageright { float:right; width:48%;} #site-content .skinadepagesection .innerpagesimageslider img { width:100%;} #site-content .nutrafolpagesection .nutrafolpageleft .innerpagesimageslider { margin:0;} #site-content .patientresourcespage { text-align:center;} #site-content .patientresourcespage ul { margin:0; margin-left:-3%; margin-top:-1%; font-size:0; display: flex; flex-wrap: wrap; justify-content: center;} #site-content .patientresourcespage ul li { margin:0; display:inline-block; vertical-align:top; width:30.33%; margin-left:3%; margin-top:3%; border:2px solid #d9b257; border-radius:10px; box-sizing:border-box; padding:50px 25px;} #site-content .patientresourcespage ul li img { display:inline-block; vertical-align:top; margin:0 0 25px;} #site-content .patientresourcespage ul li a.btn { display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; font-weight:400; padding: 12px 30px; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); border-radius: 5px; text-transform:uppercase; line-height:normal;} #site-content .patientresourcespage ul li a.btn:hover { background: linear-gradient(112deg, rgba(217,178,87,1) 0%, rgba(199,144,52,1) 100%);} #site-content .astheticsection.servicepage { text-align:center; padding:0; background:#fff; margin:0;} #site-content .astheticsection.servicepage h2.subtitle {font-size:36px; color: #000; font-family: 'Dancing Script'; font-weight: Bold; text-align: center; } #site-content .astheticsection.servicepage ul { margin:0;} #site-content .astheticsection.servicepage ul li .info h4 { color:#fff;} #site-content .astheticsection.servicepage ul li .info .morebtn a { text-decoration: none; color:#fff;} #site-content .btn{text-decoration: none !important;} #site-content .innergetstartedsec { padding:55px 15px; background:url(/wp-content/uploads/2022/03/OBI-office-outside.jpg) no-repeat center; background-size:cover; text-align:center; margin:30px 0; background-color: rgba(0,0,0,0.7); background-blend-mode: overlay; border-radius:5px;} #site-content .innergetstartedsec h3 { text-align:center; color:#fff; font-size:50px; font-weight:500;} #site-content .innergetstartedsec a.btn { display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 500; padding: 15px 35px; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); border-radius: 5px; margin-top: 15px; box-sizing: border-box;} #site-content .innergetstartedsec a.btn:hover {background:linear-gradient(112deg, rgba(217,178,87,1) 0%, rgba(199,144,52,1) 100%);} #site-content .alastinskincarepage { margin:30px 0;} #site-content .alastinskincarepageleft { float:left; width:65%;} #site-content .alastinskincarepageleft .youtubewrapper { margin-bottom:0;} #site-content .alastinskincarepageright { float:right; width:32%;} #site-content .alastinskincarepageright a.btn { text-decoration: none; display: block; vertical-align: middle; text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 500; padding:25px 15px; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); border-radius: 0; margin-top: 15px; box-sizing: border-box; text-align:center;} #site-content .alastinskincarepageright a.btn:hover {background:linear-gradient(112deg, rgba(217,178,87,1) 0%, rgba(199,144,52,1) 100%);} #site-content .alastinskincarepageright img { margin:0;} #site-content .cellulitereductionpage { margin:30px 0; background:#f8f8f8; padding:25px;} #site-content .cellulitereductionpage .cellulitereductionwrap { display:flex; background:#fff;} #site-content .cellulitereductionpage .cellulitereductionwrap + .cellulitereductionwrap { margin-top:25px;} #site-content .cellulitereductionpage .cellulitereductionleft { float:left; width:60%; padding:25px; box-sizing:border-box;} #site-content .cellulitereductionpage .cellulitereductionright { float:right; width:40%; padding:5px; box-sizing:border-box;} #site-content .cellulitereductionpage .cellulitereductionright img { margin:0;} /* #site-content .faqaccordion .contentsec:not(.servicesec, .productsec){display: block !important;} */ /* #site-content .faqaccordion .contentsec.onlinespecialsec ul{margin: 0;} #site-content .faqaccordion .contentsec.onlinespecialsec ul li{padding: 0;} */ #site-content .faqaccordion .drawer{border-radius: 12px; overflow: hidden;} #site-content .faqaccordion .drawer + .drawer{margin-top: 20px;} #site-content .faqaccordion .drawer .accordion-header{box-shadow: 0 5px 8px rgb(80 80 80 / 30%); position: relative; z-index: 1;} #site-content .faqaccordion .accordion-header .title{padding: 18px 25px; padding-right: 40px; background: #444444; font-size: 18px; line-height: normal; font-weight: 600; color: #fff; position: relative; margin: 0; cursor: pointer;} #site-content .faqaccordion .accordion-header.accordion-header-active .title{color: #d9b257;} #site-content .faqaccordion .accordion-header .title{padding: 0; overflow: hidden; background: inherit; color: #fff; padding: 18px 25px; padding-right: 40px; background: #444444;} /* #site-content .faqaccordion .accordion-header .title a{color: #fff; padding: 18px 25px; padding-right: 40px; background: #bb8736; display: block;} */ #site-content .faqaccordion .accordion-header .title::before{content: "\203A"; position: absolute; font-size: 32px; line-height: 16px; font-weight: 400; color: #fff; top: calc(50% - 10px); right: 20px; width: 10px; height: 16px; transition: all .3s linear; transform-origin: center; z-index: 1;} #site-content .faqaccordion .accordion-header.accordion-header-active .title::before{transform: rotate(90deg); top: calc(50% - 7px);} #site-content .faqaccordion .contentsec {display: none; margin: 0;padding: 25px 20px; padding-right: 40px; background: #bb8736; font-size: 16px; line-height: normal; font-weight: 400; color: #282828; position: relative; background: #f4f4f4; overflow: hidden;} #site-content .faqaccordion .contentsec p, #site-content .faqaccordion .contentsec ul li{font-size: 18px; line-height: 24px; font-weight: 500; color: #000;} #site-content .faqaccordion .contentsec p + ul{margin-top: 15px; margin-bottom: 15px;} #site-content .faqaccordion .contentsec p + p{margin-top: 15px;} #site-content .faqaccordion .contentsec .list-point li{position: relative; padding-left: 30px;} #site-content .faqaccordion .contentsec .list-point li+li{margin-top: 20px;} #site-content .faqaccordion .contentsec .list-point li::before{content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #bb8736; left: 8px; top: 7px;} #site-content .faqaccordion .contentsec.freeestimatesec{padding: 0;} #site-content .faqaccordion .contentsec.freeestimatesec p + p{margin-top: 15px;} #site-content .faqaccordion .contentsec img{margin: 0 auto; display: block;} #site-content .faqaccordion .contentsec.reviewsec ul li a img {min-height: 20px; object-fit: contain;} #site-content .faqaccordion .contentsec .contentwrap{padding: 25px 20px;} #site-content .faqaccordion .contentsec .freeestimatebtn{background: #daedfa; padding: 20px; text-align: center;} #site-content .faqaccordion .contentsec .freeestimatebtn .btn{position: relative; text-align: left; padding-left: 78px;} #site-content .faqaccordion .contentsec .freeestimatebtn .btn::before{content: ""; position: absolute; left: 0; top: 0; width: 60px; height: 100%; background: url(/wp-content/themes/new_thedrainteam_mobile/assets/images/mobile-phone-icon.png) no-repeat center; border-right: 1px solid #a71712; outline: 0;} #site-content .faqaccordion.openaccordian ul{display: flex; flex-flow: column nowrap; gap: 20px; margin: 0;} #site-content .faqaccordion.openaccordian ul li{margin: 0; border-radius: 12px; overflow: hidden; font-size: 0; line-height: 0;} #site-content .faqaccordion.openaccordian h4{padding: 20px; background: #444444; font-size: 18px; line-height: normal; font-weight: 600; color: #d9b257; position: relative; margin: 0; box-shadow: 0 5px 8px rgb(80 80 80 / 30%);} #site-content .faqaccordion.openaccordian .contentsec{ margin: 0; padding: 25px 20px; font-size: 16px; line-height: normal; font-weight: 400; color: #282828; position: relative; background: #f4f4f4; display: inline-block;} #site-content .faqaccordion.openaccordian .contentsec p{font-size: 16px; line-height: 26px; font-weight: 400; color: #282828; background: #f4f4f4; margin-bottom: 0;} #site-content .youtubevideoslider { margin:30px 0;} .youtubevideoslider .wonderplugincarousel-container .wonderplugincarousel .amazingcarousel-item .amazingcarousel-item-container .amazingcarousel-image div[style="display:block !important;visibility:visible !important;opacity:1 !important;position:absolute;bottom:6px;right:6px;font:12px Arial,Tahoma,Helvetica,sans-serif;color:#666;padding:2px 4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;opacity:1;filter:alpha(opacity=90);cursor:pointer;"] { top:-15000000px !important;} .youtubevideoslider .wonderplugin3dcarousel-container .wonderplugin3dcarousel .wonderplugin3dcarousel-item div[style="display: block; visibility: visible; position: absolute; top: 2px; left: 2px; padding: 2px 4px; border-radius: 3px; background-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font: 12px Arial, sans-serif; box-sizing: border-box;"] { top:-15000000px !important;} #threedcarousel-html5-lightbox #html5-lightbox-box #html5-watermark div[style="display:block!important;width:210px;height:20px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#fff;color:#333;font:12px Arial,sans-serif;"] { position:absolute !important; top:-15000000px !important;} #site-content .sociallogos { border-bottom:1px solid #ccc; padding:0 0 30px; margin-bottom:30px;} #site-content .sociallogos ul { display:flex; justify-content: space-between; flex-wrap: wrap; margin:0; text-align:center;} #site-content .sociallogos ul li { width:33.33%; padding:10px; display:grid; place-items: center; vertical-align:middle; box-sizing:border-box; margin:0;} #site-content .sociallogos ul li img { max-width:100%; height:auto; margin:0; display:inline-block; vertical-align:top;} #site-content .hourspage .hourspagewrap { font-size:0; text-align:center; margin-left:-3%; margin-top:-25px;} #site-content .hourspage .hourspagebox { display:inline-block; vertical-align:top; width:30.33%; margin-left:3%; margin-top:25px; text-align:left;} #site-content .hourspage .hourspagebox ul { margin:0;} #site-content .hourspage .hourspagebox ul li {display: flex; justify-content: space-between; flex-wrap: wrap;} #site-content .hourspage .hourspagebox img { margin:0;} #site-content .hydrafacialpage { margin:30px 0;} #site-content .hydrafacialpage .hydrafacialpageleft { width:250px; float:left; margin-right:30px;} #site-content .hydrafacialpage .hydrafacialpageleft img { margin:0;} #site-content .hydrafacialpage .hydrafacialpageright { width:calc(100% - 280px); float:right;} #site-content .hydrafacialpage .hydrafacialpageright img.alignnone { display:inline; margin:0;} #site-content .hydrafacialpage .hydrafacialpageright .imagecenter ul.nospace { gap:30px;} #site-content .hydrafacialpage.lipsmartpage .hydrafacialpageleft { width:400px;} #site-content .hydrafacialpage.lipsmartpage .hydrafacialpageright { width:calc(100% - 430px);} #site-content .pagereview { padding:25px; background:#f8f8f8; margin:30px 0;} #site-content .pagereview ul { margin:0; list-style-type:none; text-align:center; margin-left:-3%; margin-top:-3%; display: flex; flex-wrap: wrap; justify-content: center;} #site-content .pagereview ul li { margin:0; display:grid; place-content: center; vertical-align:top; width:30.33%; margin-left:3%; margin-top:3%; background: #fff; padding: 15px; box-sizing: border-box;} #site-content .pagereview ul li img { margin:0; display:inline-block; vertical-align:top;} .nocontainertemplate #site-content { max-width:100%;} .nocontainertemplate #site-content .smallcontainer { max-width:1070px; margin:0 auto;} .nocontainertemplate #site-content .justformenpage h2 {font-size: 36px; color: #d9b257; font-family: 'Dancing Script'; font-weight: Bold; text-align: center;} .nocontainertemplate #site-content .justformenpage .justformenpagecontent p { color:#fff;} .nocontainertemplate #site-content .justformenpage .justformenpagecontent a:hover { color:#fff;} .nocontainertemplate #site-content .justformenpagebottomcontent { text-align:center;} .nocontainertemplate #site-content .justformenpagecontent ul { list-style-type:none;} .nocontainertemplate #site-content .justformenpagecontent ul li { position:relative; list-style-type:none; padding-left:25px; box-sizing:border-box;} .nocontainertemplate #site-content .justformenpagecontent ul li:before { content:""; position:absolute; left:0; top:13px; width:8px; height:8px; background:#fff; border-radius:50%;} .justformenpage .justformenpagewrap { font-size:0; display:flex; margin:30px 0;} .justformenpage .justformenpageimage, .justformenpage .justformenpagecontent { display:inline-block; vertical-align:top; width:50%;} .justformenpage .justformenpageimage { order:2; background:url(/wp-content/uploads/2022/03/OBI-Institute-Just-For-Men_pageimage.jpg) no-repeat center; background-size:cover;} .justformenpage.ourpracticepage .justformenpageimage { order:2; background:url(/wp-content/uploads/2022/03/OBI-office-outside.jpg) no-repeat center; background-size:cover;} .justformenpage .justformenpageimage img { display:none;} .justformenpage .justformenpagecontent {padding:40px 20px; background:#5f5f5f;} #site-content .hydrafacialpageright .innerpagesimageslider { margin-bottom:0;} #site-content .innerpagesimageslider, #site-content .innerpagesthreeimageslider { margin:30px 0;} #site-content .innerpagesimageslider .singleimageslider .owl-nav button, #site-content .innerpagesthreeimageslider .threecolimageslider .owl-nav button { background:rgba(0,0,0,0.5); padding:0; width:40px; height:40px; color:#fff; border:0; text-decoration:none;} #site-content .innerpagesimageslider .singleimageslider .owl-nav button:hover, #site-content .innerpagesthreeimageslider .threecolimageslider .owl-nav button:hover { background:rgba(0,0,0,0.7); text-decoration:none;} #site-content .innerpagesimageslider .singleimageslider .owl-nav button span, #site-content .innerpagesthreeimageslider .threecolimageslider .owl-nav button span { font-size:40px; font-weight:300; line-height:32px;} #site-content .innerpagesimageslider .singleimageslider .owl-nav button.owl-prev, #site-content .innerpagesimageslider .singleimageslider .owl-nav button.owl-next, #site-content .innerpagesthreeimageslider .threecolimageslider .owl-nav button.owl-prev, #site-content .innerpagesthreeimageslider .threecolimageslider .owl-nav button.owl-next { position:absolute; top:50%; margin-top:-20px;} #site-content .innerpagesimageslider .singleimageslider .owl-nav button.owl-prev, #site-content .innerpagesthreeimageslider .threecolimageslider .owl-nav button.owl-prev { left:0;} #site-content .innerpagesimageslider .singleimageslider .owl-nav button.owl-next, #site-content .innerpagesthreeimageslider .threecolimageslider .owl-nav button.owl-next { right:0;} #site-content .innerpagesimageslider .singleimageslider .owl-dots { position:absolute; bottom:10px; left:0; right:0; text-align:center; width:100%;} #site-content .innerpagesimageslider .singleimageslider .owl-dots button { background:rgba(0,0,0,0.5); padding:0; width:10px; height:10px; color:#000; border:0; text-decoration:none; margin:0 5px; border-radius:50%;} #site-content .innerpagesimageslider .singleimageslider .owl-dots button:hover, #site-content .innerpagesimageslider .singleimageslider .owl-dots button.active { background:rgba(0,0,0,1); text-decoration:none;} #site-content .beforeaftergallery { border:1px solid #ebeaea; display:flex; flex-wrap:wrap; margin:30px 0;} #site-content .beforeaftergallery .categorytabnav { width:30%; float:left;} #site-content .beforeaftergallery .categorytabnav ul { margin:0;} #site-content .beforeaftergallery .categorytabnav ul li { margin:0; line-height:normal;} #site-content .beforeaftergallery .categorytabnav ul li + li { border-top:1px solid #ebeaea;} #site-content .beforeaftergallery .categorytabnav ul li a { text-decoration: none; display:block; padding:12px 15px; background:#fff; position:relative; color:#000;} #site-content .beforeaftergallery .categorytabnav ul li a.inactive { background:#f8f8f8; color:#d9b257;} #site-content .beforeaftergallery .categorytabnav ul li a.inactive:hover { background:#fff; color:#000;} #site-content .beforeaftergallery .categorytabnav ul li a:before { content:""; position:absolute; top:0; left:0; bottom:0; border-left:3px solid #d9b257;} #site-content .beforeaftergallery .categorytabnav ul li a.inactive:before { display:none;} #site-content .beforeaftergallery .categorytabcontentwrap { width:70%; float:right;} #site-content .beforeaftergallery .innerpagesimageslider { margin:35px auto; width:80%;} #site-content .beforeaftergallery .innerpagesimageslider .singleimageslider .owl-nav button.owl-prev { left:-10%;} #site-content .beforeaftergallery .innerpagesimageslider .singleimageslider .owl-nav button.owl-next { right:-10%;} #site-content .beforeaftergallery .categorytabnav.mobilecategorytabnav { display:none;} /*Thank You Page*/ #site-content a.gravitypdf-download-link{display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 500; padding: 15px 27px; background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); border-radius: 5px;} #site-content a.gravitypdf-download-link:hover {background: linear-gradient(112deg, rgba(217,178,87,1) 0%, rgba(199,144,52,1) 100%);} /* Appointment page */ .page-id-1829 #site-content{ width: min(800px, 96%); margin: 0 auto;} .page-id-1829 .nextpatient-box{ width: 100%;} .page-id-1829 .nextpatient-box .nextpatient-criteria-label label{ font-size: 18px; font-weight: 400;} .page-id-1829 .nextpatient-box .nextpatient-criteria-input select{ height: unset; padding: 5px 10px; font-size: 18px; font-weight: 400; margin-top: 5px; outline: none; min-width: 230px; border-radius: 5px; border: 1px solid rgb(220, 220, 220);} .page-id-1829 .nextpatient-box .nextpatient-provider{ padding: 15px;} .page-id-1829 .nextpatient-box .nextpatient-provider .nextpatient-provider-provider-cell{ padding-left: 15px;} .page-id-1829 .nextpatient-box .nextpatient-provider .nextpatient-provider-image-cell{ width: 200px; height: 250px;} .page-id-1829 .nextpatient-box .nextpatient-provider .nextpatient-provider-provider-cell .nextpatient-provider-blurb{ font-size: 18px; line-height: normal; margin-top: 15px;} .page-id-1829 .nextpatient-box .nextpatient-provider .next-appt-block{ margin: 35px 0px 5px 0px;} .page-id-1829 .nextpatient-box.nextpatient-font{ text-align: center;} .page-id-1829 .nextpatient-box .nextpatient-reason-select{ margin-bottom: 25px; font-size: 18px;} .page-id-1829 .nextpatient-box .nextpatient-reason-select select{ outline: none; border-radius: 5px; border: 1px solid rgb(220, 220, 220); padding: 10px;} .page-id-1829 .nextpatient-box .nextpatient-provider-location .nextpatient-location-address{ margin-top: 5px;} .page-id-1829 .nextpatient-box .nextpatient-provider-location .nextpatient-provider-times{ margin-top: 25px;} .page-id-563 .appointmentsection{ text-align: center; background: #f4f1e9; padding: 20px 20px 10px 20px; border-radius: 10px;} .page-id-563 .nextpatient-box.nextpatient-font{ text-align: center; width: min(550px, 96%); margin: 0 auto;} .page-id-563 .nextpatient-box .nextpatient-reason-select{ margin-bottom: 25px; font-size: 18px;} .page-id-563 .nextpatient-box .nextpatient-reason-select select{ outline: none; border-radius: 5px; border: 1px solid rgb(220, 220, 220); padding: 10px; background: #fff; width: min(500px, 100%);} .page-id-563 .nextpatient-box .nextpatient-provider-location .nextpatient-location-address{ margin-top: 5px;} .page-id-563 .nextpatient-box .nextpatient-provider-location .nextpatient-provider-times{ margin-top: 25px;} .page-id-563 .nextpatient-box .nextpatient-provider-location .nextpatient-provider-times .time-preview-box{ background: #fff !important;} /* Evexias Page */ .bannersection.innerbannersection.evexiasbanner{ background: url(/wp-content/themes/obiinstitute_wp/assets/images/evexiasbanner.jpg)no-repeat top center; background-size: cover; padding: 40px 0;} .bannersection.innerbannersection.evexiasbanner .evexiasLogo{ width: fit-content; padding: 2.5px 10px; background: #fff;} .bannersection.innerbannersection.evexiasbanner h1{ font-size: 50px; margin-top: 25px; font-weight: 500; color: #fff;} .bannersection.innerbannersection.evexiasbanner h1 span{ display: block;} .bannersection.innerbannersection.evexiasbanner .bannercaption a.btn{ font-size: 30px; padding: 10px 15px; min-width: 250px; border-radius: 10px;} .page-id-1868 .main-container{ overflow: hidden;} .page-id-1868 #site-content{ max-width: unset;} .page-id-1868 #site-content h2.title{ color: #000; font-size: 38px; font-weight: 600; line-height: 46px; position: relative; padding-bottom: 20px;} .page-id-1868 #site-content h2.title::before{ content: ""; position: absolute; width: 81px; height: 6px; background: linear-gradient(112deg, rgba(199, 144, 52, 1) 0%, rgba(217, 178, 87, 1) 100%); bottom: 0; left: 0;} .page-id-1868 .therapySec{ display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; gap: 3%; padding-bottom: 60px;} .page-id-1868 .therapySec .leftsec{ width: 65%;} .page-id-1868 .therapySec .rightsec{ width: 32%;} .page-id-1868 .therapySec .qrsec{ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 20px; overflow: hidden;} .page-id-1868 .therapySec .qrsec .qrbox{ padding: 30px; background: #fff;} .page-id-1868 .therapySec .qrsec .qrbox img{ margin: 0 auto;} .page-id-1868 #site-content .therapySec .qrsec h4.qrtitle{ font-size: 32px; font-weight: 600; line-height: 40px; background: #1250A8; padding: 30px; text-align: center; color: #fff; margin-bottom: 0;} .page-id-1868 .nutraceuticalssec{ padding: 60px 0 45px; position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 3%; flex-flow: row wrap;} .page-id-1868 .nutraceuticalssec .leftsec{ position: relative; width: 37%;} .page-id-1868 .nutraceuticalssec .leftsec img{ margin: 0 auto;} .page-id-1868 .nutraceuticalssec .rightsec{ position: relative; width: 60%;} .page-id-1868 .nutraceuticalssec::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 200%; background: linear-gradient(90deg, rgba(255,250,238,1) 0%, rgba(243,231,201,1) 100%);} .page-id-1868 #site-content .nutraceuticalssec ul{ display: flex; justify-content: space-between; align-items: flex-start; gap: 10px 0; flex-flow: row wrap; margin: 0;} .page-id-1868 .nutraceuticalssec ul li{ width: 50%; padding-left: 25px; position: relative; margin-top: 0 !important;} .page-id-1868 .nutraceuticalssec ul li::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 12px; height: auto; aspect-ratio: 1/1; background: url(/wp-content/themes/obiinstitute_wp/assets/images/list-icon.png) no-repeat; background-size: contain;} .stepssec{ padding: 60px 0; background: #fff;} .stepssec h2.title{ padding-bottom: 0; text-align: center;} .stepssec h2.title::before{ display: none;} #site-content .stepssec ul{margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; align-items: flex-start; gap: 2%; margin-bottom: 50px;} .stepssec ul li{ border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 18px; margin-top: 0; height: 450px;} #site-content .stepssec ul li h3{ padding: 20px; background: #F8F8F8; margin-bottom: 0; display: flex; flex-flow: row nowrap; font-size: 80px; line-height: 100%; align-items: center;} #site-content .stepssec ul li h3 span.num{ font-size: 80px; font-weight: 600; color: #CDAB5B; padding-right: 25px; border-right: 1px solid #CDAB5B; height: fit-content;} #site-content .stepssec ul li h3 span.steptitle{ font-size: 28px; font-weight: 500; line-height: 100%; color: #000; flex: 1; text-align: center;} #site-content .stepssec ul li h3 span.steptitle>span{ display: block;} .stepssec ul li p{ padding: 20px; font-size: 18px; font-weight: 300; margin-bottom: 0 !important;} #site-content .stepssec ul+p{ width: min(910px, 100%); margin: 0 auto;} .stepssec .btnsec{ display: flex; align-items: center; justify-content: center; flex-flow: row nowrap; gap: 20px;} #site-content .btnsec a{text-decoration: initial;} #site-content .stepssec .btnsec a{ font-size: 30px; color: #fff; font-weight: 500; padding: 10px 25px; border-radius: 10px; margin-top: 30px; box-sizing: border-box; text-align: center;} .stepssec .btnsec .aptbtn{ background: linear-gradient(90deg, rgba(60,46,41,1) 0%, rgba(121,92,83,1) 100%);} .stepssec .btnsec .aptbtn:hover{ background: linear-gradient(90deg, rgba(121,92,83,1) 0%, rgba(60,46,41,1) 100%);} .stepssec .btnsec .btn{ background: linear-gradient(112deg, rgba(199, 144, 52, 1) 0%, rgba(217, 178, 87, 1) 100%);} .stepssec .btnsec .btn:hover{ background: linear-gradient(112deg,rgba(217,178,87,1) 0%,rgba(199,144,52,1) 100%)} .page-id-1868 .reviewsection ul, .page-id-332 .reviewsection ul{ display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; gap: 30px; margin-left: 0;} .page-id-1868 .reviewsection ul li, .page-id-332 .reviewsection ul li{ flex: 1; margin: 0;} .bannersection.innerbannersection.evexiasbanner .mobilbannerimg{display: none;} /* Thinnr Page */ #site-content .thinnrpg ul.gridSec{ margin-left: 0 !important; display: flex; justify-content: center; gap: 30px 3%; flex-flow: row nowrap;} #site-content .thinnrpg ul.gridSec li{ background: #f4f1e9; border: 1px solid #dbb878; border-radius: 10px; width: 31.33%; padding: 20px; box-sizing: border-box;} #site-content .thinnrpg ul.gridSec li p:last-child{ margin-bottom: 0;} #site-content .thinnrpg ul.gridSec .gridTitle{ display: flex; justify-content: flex-start; gap: 20px; margin-bottom: 25px;} #site-content .thinnrpg ul.gridSec .gridTitle h5{ color: #000; width: calc(100% - 80px); margin-bottom: 0;} #site-content .thinnrpg ul.gridSec .iconBox{ width: 60px; height: auto; aspect-ratio: 1/1;} #site-content .thinnrpg ul.gridSec .iconBox img{ width: 100%; height: 100%;} #site-content .thinnrpg .bookSec{ text-align: center;} #site-content .thinnrpg .bookSec a.btn{ background: linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); padding: 15px 55px; font-size: 20px; font-weight: 500; text-transform: uppercase; color: #fff; box-sizing: border-box; display: inline-block; margin: 0 auto;} #site-content .thinnrpg .bookSec a.btn:hover{ background: linear-gradient(112deg, rgba(217,178,87,1) 0%, rgba(199,144,52,1) 100%);} /* #site-content .thinnrpg .imagecenter{ width: min(480px, 100%); margin: 30px auto; padding: 10px;} */ #site-content .thinnrpg .imagecenter{ width: min(500px, 100%); margin: 0 0 15px 15px; padding: 10px;} #site-content .thinnrpg ul.gridSec h5{ min-height: 68px;} /* serviceSection */ .serviceSection {margin-top: 70px;} .serviceSection ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 35px;} .serviceSection ul li {border-radius: 25px; overflow: hidden; background: linear-gradient(359deg, rgba(244, 241, 233, 1) 0%, rgb(235 221 183 / 47%) 100%);} .serviceSection ul li:only-child, .serviceSection ul li:last-child:nth-child(3n + 1) {grid-column: 2; } .serviceSection .infoSec {position: relative; padding: 20px; min-height: 204px; display: grid; place-content: center; place-items: center;} /* .serviceSection li .infoSec:before {content: ""; position: absolute; background: transparent; left: 0; right: 0; top: 0; bottom: 0; background-size: cover;} */ .serviceSection .infoSec .bgimg {position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .serviceSection .infoSec .bgimg:before {content: ""; position: absolute; background: rgb(255 255 255 / 69%); left: 0; right: 0; top: 0; bottom: 0; } .serviceSection .infoSec .bgimg img {width: 100%; height: 100%; object-fit: cover;} /* .serviceSection li:nth-of-type(1) .infoSec:before, .serviceSection li:nth-of-type(13) .infoSec:before, .serviceSection li:nth-of-type(4) .infoSec:before {content: ""; position: absolute; background: url(/wp-content/themes/obiinstitute_wp/assets/images/servicesection/coolsculpting-1.jpg) no-repeat center; left: 0; right: 0; top: 0; bottom: 0; background-size: cover;} */ /* .serviceSection li:nth-of-type(2) .infoSec:before, .serviceSection li:nth-of-type(6) .infoSec:before, .serviceSection li:nth-of-type(7) .infoSec:before, .serviceSection li:nth-of-type(5) .infoSec:before, .serviceSection li:nth-of-type(14) .infoSec:before, .serviceSection li:nth-of-type(10) .infoSec:before, .serviceSection li:nth-of-type(9) .infoSec:before {content: ""; position: absolute; background: url(/wp-content/themes/obiinstitute_wp/assets/images/servicesection/Mask-group-img.jpg) no-repeat center; left: 0; right: 0; top: 0; bottom: 0; background-size: cover;} .serviceSection li:nth-of-type(3) .infoSec:before , .serviceSection li:nth-of-type(11) .infoSec:before {content: ""; position: absolute; background: url(/wp-content/themes/obiinstitute_wp/assets/images/servicesection/botox-1.jpg) no-repeat center; left: 0; right: 0; top: 0; bottom: 0; background-size: cover;} .serviceSection li:nth-of-type(8) .infoSec:before, .serviceSection li:nth-of-type(12) .infoSec:before , .serviceSection li:nth-of-type(15) .infoSec:before {content: ""; position: absolute; background: url(/wp-content/themes/obiinstitute_wp/assets/images/servicesection/dermalfillers-1.jpg) no-repeat center; left: 0; right: 0; top: 0; bottom: 0; background-size: cover;} */ .serviceSection .infoSec .imgbox {position: relative; display: grid; place-content: center; place-items: center;} .serviceSection .infoSec h3 {font-size: 20px; font-family: 'Lexend'; font-weight: 600; position: relative; padding-top: 15px; text-align: center;} .serviceSection .descriptionBox {background: linear-gradient(359deg, rgba(244, 241, 233, 1) 0%, rgba(235, 221, 183, 1) 100%); padding:30px 30px 90px 30px; text-align: center; min-height: 320px;} .serviceSection .descriptionBox p {font-size: 18px; font-family: 'Lexend'; font-weight: 400; color: #555; line-height: 26px; margin-bottom: 20px;} .serviceSection .descriptionBox p a{ color: #2F2E2E; text-decoration: underline;} .serviceSection .descriptionBox p a:hover{ color: #000; text-decoration: none;} .serviceSection .morebtn {position: absolute; bottom: 30px; left: 20px; right: 20px;} .serviceSection .morebtn a {font-size: 18px; font-family: 'Lexend'; font-weight: 500; padding: 9px 15px; border: 2px solid #2F2E2E; border-radius: 5px; color: #2F2E2E; display: inline-block; margin-top: 20px;} .serviceSection .morebtn a:hover {background: #2F2E2E; color: #fff; transition: 0.5s ease;} .serviceSection.integrativesectionbg { background: #f8f8f8; padding: 60px 0;} .serviceSection.integrativesectionbg .infoSec { height: 204px; } /* .serviceSection.integrativesectionbg .infoSec .center {text-align: center;} .serviceSection.integrativesectionbg .infoSec .center img {display: inline-block; vertical-align: top;} */ .serviceSection.integrativesectionbg li .infoSec .imgbox.evexias img {width: 80px;} .serviceSection.integrativesectionbg li .infoSec .imgbox.pellet img {width: 80px;} /* .serviceSection.integrativesectionbg .infoSec .center span { display: block;} */ /* .serviceSection.integrativesectionbg li:nth-of-type(1) .infoSec:before, .serviceSection.integrativesectionbg li:nth-of-type(4) .infoSec:before , .serviceSection.integrativesectionbg li:nth-of-type(5) .infoSec:before {content: ""; position: absolute; background: url(/wp-content/themes/obiinstitute_wp/assets/images/servicesection/botox-1.jpg) no-repeat center; left: 0; right: 0; top: 0; bottom: 0; background-size: cover;} .serviceSection.integrativesectionbg li:nth-of-type(2) .infoSec:before {content: ""; position: absolute; background: url(/wp-content/themes/obiinstitute_wp/assets/images/servicesection/coolsculpting-1.jpg) no-repeat center; left: 0; right: 0; top: 0; bottom: 0; background-size: cover;} .serviceSection.integrativesectionbg li:nth-of-type(3) .infoSec:before {content: ""; position: absolute; background: url(/wp-content/themes/obiinstitute_wp/assets/images/servicesection/dermalfillers-1.jpg) no-repeat center; left: 0; right: 0; top: 0; bottom: 0; background-size: cover;} */ /*--------- Custom Responsive Css Starts ---------*/ @media only screen and ( max-width: 2600px ) { .headersection:after { width:34%;} } @media only screen and ( max-width: 2400px ) { .headersection:after { width:32%;} } @media only screen and ( max-width: 2200px ) { .headersection:after { width:30%;} } @media only screen and ( max-width: 2000px ) { .headersection:after { width:28%;} } @media only screen and ( max-width: 1800px ) { .headersection:after { width:26%;} } @media only screen and ( max-width: 1600px ) { .headersection:after { width:24%;} } @media only screen and ( max-width: 1400px ) { .headersection:after { width:22%;} } @media only screen and ( max-width: 1300px ) { .headersection:after { width:18%;} } @media only screen and ( max-width: 1291px ) { .container{width: 96%;} .topnav ul li + li { margin-left:15px;} .headersection:after { width:22%;} .bannersection { padding:150px 0;} .spalogo { width:30%;} .medicalspa_section .aboutspa_section { width:67%; padding-bottom:0;} .obi_teamwrap .innersec { width:auto; padding:30px; margin:0;} .obi_teamimg:before { background-position:right;} .teamsection .obi_teamwrap p { font-size:19px;} p.subtitle { font-size:20px;} .shoppingsecleft { width:35%;} .shoppingsecright { width:65%;} .footersection .footerwrap { margin-left:-4%;} .footerbox { width:28%; margin-left:4%;} .footerbox.facebookvisit { width:32%;} .footernav ul { text-align:center; margin-left:-40px;} .footernav ul li { margin-left:40px;} .testimonals_wrap { padding:35px 8% 0;} .testimonals_wrap .owl-nav button.owl-prev { left:-9.5%;} .testimonals_wrap .owl-nav button.owl-next { right:-10%;} .integrativesection ul li .innerpage p { font-size:18px;} .integrativesection ul li .frontpage h4, .integrativesection ul li .innerpage h4 { font-size:25px;} .footer-nav-widgets-wrapper .footerformcontent a.btn { font-size:35px;} .footer-nav-widgets-wrapper .footerformcontent p { font-size:25px; line-height:150%;} #site-content .sitecontentbox article h5 { font-size:22px;} .nocontainertemplate #site-content .justformenpage h2 { font-size:30px;} .partnershipsection .partnershipsecwrap{margin-left: -2%;} .partnershipsection .partnershipsecleft, .partnershipsection .partnershipsecright{margin-left: 2%;} .partnershipsection .partnershipsecleft{width: 64%;} .partnershipsection .partnershipsecright{width: 32%;} } @media only screen and ( max-width: 1200px ) { .topnav ul li a { font-size:16px;} .teamsection .obi_teamwrap p { font-size:20px;} .astheticsection ul li .info h4 { font-size:25px; line-height:normal;} .astheticsection ul li .info .morebtn a { font-size:18px;} .shoppingsecleft p { font-size:25px;} .footernav ul li a { font-size:20px;} .searhbtnsec .popupsearchbox { top:46px;} .partnershipsection .partnershipsecleft{width: 59%;} .partnershipsection .partnershipsecright{width: 37%;} .partnershipsection .partnershipsecright h4{font-size: 38px;} .partnershipsection .partnershipsecright p{font-size: 16px;} .partnershipsection .partnershipsecright ul li a.btn{font-size: 16px;} .medicalspa_section .aboutspa_section h1 { font-size:40px;} } @media only screen and ( max-width: 1151px ) { .headersection .logo { width:130px; margin-top:30px;} .headersection:after { width:19%;} p.subtitle { font-size:21px;} .integrativesection ul li .innerpage p { font-size:16px;} .shoppingsecleft p { font-size:23px;} .footer-nav-widgets-wrapper .footerformcontent a.btn { font-size:30px;} .footer-nav-widgets-wrapper .footerformcontent p { font-size:20px;} .partnershipsection .partnershipsecright h4{margin-bottom: 10px;} .partnershipsection .partnershipsecright p{margin-bottom: 15px; line-height: 24px;} .bannersection.innerbannersection.evexiasbanner h1{font-size: 32px;} .page-id-1868 #site-content .therapySec .qrsec h4.qrtitle{font-size: 25px;} #site-content .stepssec ul li h3 span.steptitle{font-size: 20px;} .stepssec ul li{height: auto;} #site-content .thinnrpg ul.gridSec .gridTitle{ gap: 15px;} #site-content .thinnrpg ul.gridSec .iconBox{ width: 55px;} #site-content .thinnrpg ul.gridSec .gridTitle h5{ width: calc(100% - 65px);} .medicalspa_section .aboutspa_section h1 { font-size:38px;} } @media only screen and ( max-width: 1100px ) { .headersection:after { width:16%;} .bannersection { padding:100px 0;} .medicalspa_section .aboutspa_section { padding-top:30px;} .medicalspa_section .aboutspa_section p { font-size:18px; margin-top:20px;} .medicalspa_section .aboutspa_section h3 { font-size:45px;} .teamsection .obi_teamwrap p { font-size:19px;} .testimonals_wrap .item p { font-size:18px;} .footersection ul li p, .footersection ul li a, .footersection ul li span { font-size:18px;} .footernav ul li a { font-size:18px;} .bannercaption h3, .bannercaption.innerbannercaption h1 span { font-size:50px; margin:15px 0 25px 0;} .bannercaption h4 { font-size:35px;} .bannercaption p { font-size:25px; line-height:160%;} .productbtn ul li a.shopbtn { font-size:14px;} .productbtn ul li { margin-left:15px;} .nocontainertemplate #site-content .smallcontainer { width:96%;} #site-content .astheticsection.servicepage ul li .info h4 { font-size:20px; margin-bottom:10px;} .astheticsection ul li .info .morebtn a { padding:12px 30px;} .partnershipsection .partnershipsecwrap{margin: 0;} .partnershipsection .partnershipsecleft{display: block; width: 63%; margin: 0 auto;} .partnershipsection .partnershipsecright{display: block; width: 63%; margin: 0 auto;} .medicalspa_section .aboutspa_section h1 { font-size:35px;} } @media only screen and ( max-width: 1024px ) { .hc-offcanvas-nav .nav-item br { display:none;} /*Mobile Menu Start*/ .hc-nav.hc-nav-1 { display:none !important;} .hc-offcanvas-nav.hc-nav-1 { display:block !important;} .mobilestyicky {position: fixed; width: 100%; left: 0; top: 0; z-index:99; padding:5px 0; border-bottom:1px solid #eaeaea; background:#fff; display:block;} .hdrgt { padding-top:90px;} .header { position:relative;} html.hc-nav-yscroll {overflow-y:scroll} body.hc-nav-open {overflow:visible;position:fixed;width:100%;min-height:100%} .logged-in .hc-offcanvas-nav { top:32px;} .hc-offcanvas-nav {visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999} .hc-offcanvas-nav.is-ios * {cursor:pointer !important} .logged-in .hc-offcanvas-nav .nav-container { top:32px;} .hc-offcanvas-nav .nav-container {position:fixed;z-index:9998;top:0;width:280px;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease} .hc-offcanvas-nav .nav-wrapper {width:100%;height:100%;max-height:100vh;-ms-scroll-chaining:none;overscroll-behavior:none;box-sizing:border-box} .hc-offcanvas-nav .nav-content {height:100%;max-height:100vh} .hc-offcanvas-nav .nav-wrapper-0>.nav-content {overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box} .hc-offcanvas-nav ul {list-style:none;margin:0;padding:0} .hc-offcanvas-nav li {position:relative;display:block} .hc-offcanvas-nav li.level-open>.nav-wrapper {visibility:visible} .hc-offcanvas-nav input[type="checkbox"] {display:none} .hc-offcanvas-nav label {position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer} .hc-offcanvas-nav li.nav-parent .nav-item .icon {display: none;} .hc-offcanvas-nav a {position:relative;display:block;box-sizing:border-box;cursor:pointer} .hc-offcanvas-nav a, .hc-offcanvas-nav a:hover {text-decoration:none; background:#444} .hc-offcanvas-nav .nav-item {position:relative;display:block;box-sizing:border-box} .hc-offcanvas-nav.disable-body::after, .hc-offcanvas-nav .nav-wrapper::after {content:'';position:fixed;z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s, opacity .4s ease} .hc-offcanvas-nav.disable-body.nav-open::after, .hc-offcanvas-nav .sub-level-open::after {visibility:visible;opacity:1;transition-delay:.05s} .hc-offcanvas-nav:not(.nav-open)::after {pointer-events:none} .hc-offcanvas-nav.nav-levels-expand .nav-content {overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box} .hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {display:none} .hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {min-width:0;max-height:0;overflow:hidden;transition:height 0s ease .4s} .hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {max-height:none} .hc-offcanvas-nav.nav-levels-overlap .nav-content {overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box} .hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s, -webkit-transform .4s ease;transition:visibility 0s ease .4s, transform .4s ease;transition:visibility 0s ease .4s, transform .4s ease, -webkit-transform .4s ease} .hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {position:static} .hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease} .hc-offcanvas-nav.nav-position-left {left:0} .hc-offcanvas-nav.nav-position-left .nav-container {left:0;-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0)} .hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {left:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)} .hc-offcanvas-nav.nav-position-right {right:0} .hc-offcanvas-nav.nav-position-right .nav-container {right:0;-webkit-transform:translate3d(280px, 0, 0);transform:translate3d(280px, 0, 0)} .hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {right:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)} .hc-offcanvas-nav.nav-position-top {top:0} .hc-offcanvas-nav.nav-position-top .nav-container {top:0;width:100%;height:auto;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)} .hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {left:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)} .hc-offcanvas-nav.nav-position-bottom {top:auto;bottom:0} .hc-offcanvas-nav.nav-position-bottom .nav-container {top:auto;bottom:0;width:100%;height:auto;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)} .hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {left:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)} .hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)} .hc-nav-trigger {cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:0;z-index:9980;width:auto;min-height:3rem} .hc-nav-trigger span {width:26px;/*top:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%; left:15px !important;*/ top:21px; margin-left:0;} .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {display:block;position:absolute;left:0;height:3px;background:#c89136;transition:all .2s ease} .hc-nav-trigger span::before, .hc-nav-trigger span::after {content:'';width:100%} .hc-nav-trigger span::before {top:-7px} .hc-nav-trigger span::after {bottom:-7px} .hc-nav-trigger.toggle-open span {background:rgba(0, 0, 0, 0);-webkit-transform:rotate(45deg);transform:rotate(45deg)} .hc-nav-trigger.toggle-open span::before {-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)} .hc-nav-trigger.toggle-open span::after {-webkit-transform:rotate(-90deg) translate3d(13px, 0, 0);transform:rotate(-90deg) translate3d(13px, 0, 0)} .hc-offcanvas-nav::after, .hc-offcanvas-nav .nav-wrapper::after {background:rgba(0, 0, 0, 0.3)} .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {background:#222;} .hc-offcanvas-nav h3 {font-size:19px;font-weight:normal;text-align:left;padding:20px 17px;color:#fff} .hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item {padding:10px 15px; z-index:1;background:rgba(0, 0, 0, 0);border-bottom:1px solid #585858; color: #fff; font-size: 16px; } .hc-offcanvas-nav:not(.touch-device) a:hover {background:#444} .hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a { border-top:1px solid #585858; margin-top:-1px} .hc-offcanvas-nav li { text-align:left } .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a { background:#444; border-top:1px solid #585858; border-bottom:1px solid #585858;} .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover { background:#444} .hc-offcanvas-nav li.nav-close:not(:first-child) a, .hc-offcanvas-nav li.nav-back:not(:first-child) a { margin-top:-1px} .hc-offcanvas-nav li.nav-parent .nav-item { padding-right:58px} .hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent span.nav-next, .hc-offcanvas-nav li.nav-back span { width:55px; position:absolute; top:0; right:0; bottom:0; text-align:center; cursor:pointer; transition:background .2s ease; border-left:1px solid #585858;} .hc-offcanvas-nav li.nav-close span::before, .hc-offcanvas-nav li.nav-close span::after { content:''; position:absolute; top:50%; left:50%; width:10px; height:10px; margin-top:-6px; border-top:2px solid #fff; border-left:2px solid #fff } .hc-offcanvas-nav li.nav-close span::before { margin-left:-13px; -webkit-transform:rotate(135deg); transform:rotate(135deg) } .hc-offcanvas-nav li.nav-close span::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg)} .hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next { border-left:1px solid #444;} .hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before { content:''; position:absolute; top:50%; left:50%; width:8px; height:8px; margin-left:-2px; box-sizing:border-box; border-top:2px solid #fff; border-left:2px solid #fff; -webkit-transform-origin:center; transform-origin:center} .hc-offcanvas-nav span.nav-next::before { -webkit-transform:translate(-50%, -50%) rotate(135deg); transform:translate(-50%, -50%) rotate(135deg) } .hc-offcanvas-nav li.nav-back span::before { -webkit-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg)} .hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper { box-shadow:1px 0 2px rgba(0, 0, 0, 0.2) } .hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper { box-shadow:-1px 0 2px rgba(0, 0, 0, 0.2)} .hc-offcanvas-nav.nav-position-right span.nav-next::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg)} .hc-offcanvas-nav.nav-position-right li.nav-back span::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(135deg); transform:translate(-50%, -50%) rotate(135deg) } .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper { box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)} .hc-offcanvas-nav.nav-position-top span.nav-next::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(-135deg); transform:translate(-50%, -50%) rotate(-135deg)} .hc-offcanvas-nav.nav-position-top li.nav-back span::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg) } .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper { box-shadow:0 -1px 2px rgba(0, 0, 0, 0.2)} .hc-offcanvas-nav.nav-position-bottom span.nav-next::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg) } .hc-offcanvas-nav.nav-position-bottom li.nav-back span::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(-135deg); transform:translate(-50%, -50%) rotate(-135deg) } .hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow:none; background:transparent} .hc-offcanvas-nav.nav-levels-expand .nav-container ul h2, .hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {display:none} .hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item, .hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {font-size:14px} .hc-offcanvas-nav.nav-levels-expand .nav-container li, .hc-offcanvas-nav.nav-levels-none .nav-container li { transition:background .3s ease} .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open { background:#2e6296} .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a { border-bottom:1px solid #295887} .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover { background:#2f649a} .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before { margin-top:2px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg)} .hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before { margin-top:-2px; -webkit-transform:translate(-50%, -50%) rotate(-135deg); transform:translate(-50%, -50%) rotate(-135deg)} /*Mobile Menu End*/ .headersection, .headersection.fixedheader { padding:10px 0;} .headersection .logo, .headersection.fixedheader .logo { width: 100px; margin-top: 0;} .headersection:after { width:13%;} .teamsection .obi_teamwrap p { font-size:18px;} .astheticsection ul li .info h4 { font-size:22px;} p.subtitle { font-size:19px;} .integrativesection ul li .frontpage h4, .integrativesection ul li .innerpage h4 { font-size:22px;} .integrativesection ul li .innerpage { padding:20px;} .integrativesection ul li .innerpage p { font-size:15px; margin:10px 0 15px;} .integrativesection ul li .innerpage a { font-size:16px;} .headerright.mobileheaderright { display:block; float:none; text-align:center; padding:10px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;} .headerright.mobileheaderright .headerrighttop, .headerright.mobileheaderright .headerrightbottom { display:inline-block; vertical-align:middle;} .headerright.mobileheaderright .headerrightbottom { margin:0; margin-left:30px;} .headerright { display:none;} .headersection:before, .headersection:after { display:none;} .mobile_menu { display:block; float:left; width:50px;} .mobilecontactbtns { display:block; margin-top:2px;} .footerappointsection p { font-size:35px;} .footerappointsection .appoint_btn a { font-size:20px; padding:20px 40px; min-width:100%;} .footersection ul li p, .footersection ul li a, .footersection ul li span { font-size:16px;} .footerbox.contactsection img { max-width:80%;} .footerbox.contactsection ul li a.mail:before { top:2px;} .footernav ul { margin-left:-25px;} .footernav ul li { margin-left:25px;} .appointmentsec p { font-size:26px;} .appointmentsec .appoint_btn a { font-size:20px; padding:15px 30px; min-width:100%;} .obi_teamimg:before { background-position: center;} .featuredblogsection ul li h5 { font-size:24px;} .footerformcontent p { font-size:26px;} .footerformbox ul li.twocol { width:98%;} .shoppingsecright ul li a{font-size: 16px;} .featuredblogsection ul li img { height:230px;} .nocontainertemplate #site-content .justformenpage h2 { font-size:35px;} .justformenpage .justformenpageimage { background-position:right;} #site-content .alastinskincarepageright a.btn { font-size:18px; padding:20px 10px;} .mobilecontactbtns { display:flex; margin-top:3px; align-items: center;} .mobilecontactbtns .widget_custom_html { float:left;} .mobilecontactbtns .searhbtnsec { float:right; margin-left:20px;} .mobilecontactbtns .searhbtnsec .popupsearchbox { top:42px; width:400px; left: inherit; right:-10px; margin-left: 0;} #site-content .imagecenter ul li h3{font-size: 20px; line-height: 28px; margin-bottom: 0;} #site-content .imagecenter {padding: 20px;} #site-content .imagecenter.imagevideocenter ul.nospace li p {line-height: 25px; font-size: 16px; margin: 10px 0 0;} #site-content .imagecenter.imagevideocenter ul.nospace li a {font-size: 14px; min-width: 165px; margin-top: 15px; padding: 10px 15px;} #site-content .stepssec ul{grid-template-columns: 1fr;} .page-id-1868 .reviewsection ul, .page-id-332 .reviewsection ul{flex-flow: column wrap;} .page-id-1868 .reviewsection ul li, .page-id-332 .reviewsection ul li{width: 100%;} #site-content .thinnrpg ul.gridSec .iconBox{ width: 45px;} #site-content .thinnrpg ul.gridSec .gridTitle h5{ width: calc(100% - 60px);} #site-content .thinnrpg .imagecenter{ width: min(450px, 100%);} /* */ /* .serviceSection ul {grid-template-columns: repeat(2, 1fr);} */ .serviceSection .descriptionBox {padding: 20px 20px 90px 20px;} .serviceSection .descriptionBox p {font-size: 16px; line-height: 22px;} .serviceSection .morebtn a {font-size: 16px; line-height: normal;} .serviceSection .infoSec h3 {font-size: 18px;} .serviceSection ul {gap: 20px;} } @media only screen and ( max-width: 980px ) { .teamsection .obi_teamwrap p { font-size:17px;} .bannersection.innerbannersection { padding:50px 0;} #site-content .innerpagebtnsec ul { flex-wrap:wrap;} #site-content .innerpagebtnsec ul li { width:47%;} #site-content .innerpagebtnsec ul li a.custombtn { min-width:100%; font-size:18px;} #site-content .innergetstartedsec h3 { font-size:40px;} .page-id-1868 #site-content .therapySec .qrsec h4.qrtitle{font-size: 22px; line-height: 28px; padding: 20px;} #site-content .stepssec ul li h3 span.num{font-size: 50px;} .stepssec ul{grid-template-columns: 1fr 1fr;} .stepssec ul li{height: 450px;} #site-content .stepssec ul li h3 span.steptitle>span{display: inline;} #site-content .stepssec ul li h3 span.steptitle{font-size: 24px;} .bannersection.innerbannersection.evexiasbanner .bannercaption a.btn{font-size: 20px; padding: 8px 30px; max-width: auto;} h2.subtitle { font-size:35px;} } @media only screen and ( max-width: 800px ) { .headerright .socialicons ul { margin-left:-15px;} .headerright.mobileheaderright .headerrightbottom { /*border-top: 1px solid #ebebeb; padding-top: 10px; display: block; margin:10px 0 0;*/ margin:0;} .bannersection { padding:35px 0;} .bannercaption h4, .bannersection.innerbannersection .bannercaption h4, .bannersection.innerbannersection .bannercaption h1 { font-size:25px;} .bannercaption h3, .bannercaption.innerbannercaption h1 span { font-size:30px; padding-bottom:25px; margin:15px 0;} .bannercaption.innerbannercaption h1 span {padding: 0;} .bannercaption p { font-size:18px; line-height:160%;} .appointmentsec { padding:15px 0;} .appointmentsec p { font-size:24px;} .medicalspa_section { text-align:center; padding-bottom:30px;} .spalogo { width: auto; float: none; display: inline-block;} .medicalspa_section .aboutspa_section { padding-top: 40px; width: auto; float: none;} .teamsection .custom-html-widget { display:block;} .teamsection .obi_teamwrap { width:auto; display:block; text-align:center;} .obi_teamimg { width:auto; display:block; padding-bottom:56.25%;} .obi_teamwrap .innersec { padding:25px 2%;} .teamsection .obi_teamwrap p + p, .testimonals_wrap .customer_review p { margin-top:15px;} .teamsection .obi_teamwrap p { font-size:18px;} .teamsection .obi_teamwrap h3 { margin-bottom:25px;} .teamsection .obi_teamwrap h2 { margin-bottom:25px;} h3.title { padding-bottom:25px;} .astheticsection { margin:0; padding:35px 0;} .integrativesection { margin:0; padding:35px 0;} p.subtitle { margin-top:20px; line-height:180%; font-size:18px;} h3.subtitle { font-size:40px; padding-bottom:25px;} h3.title:before { left:50%; margin-left:-40px; width:80px;} .bannercaption { width:auto;} .bannercaption h3.title:before { left:0; margin-left:0;} .astheticsection ul { margin-top:0; text-align:center; margin-left:-3%;} .astheticsection ul li { width:auto; margin-left:3%; margin-top:3%;} .integrativesection ul { margin-top:25px;} .shoppingsection { padding:25px 0; text-align:center;} .shoppingsecleft { width:auto; display:block;} .shoppingsecright { width:auto; display:block; padding:0; margin-top:20px;} .testimonalsection { padding:35px 0;} .reviewsection ul { margin-left:-3%; font-size:0;} .reviewsection ul li { width:30.33%; margin-left:3%; margin-top:3%;} .testimonals_wrap { padding:15px 55px 0; margin-top:30px;} .testimonals_wrap .owl-nav button.owl-prev { left:-9%;} .testimonals_wrap .owl-nav button.owl-next { right:-9%;} .testimonals_wrap .item p { font-size: 18px; line-height: 34px;} .testimonals_wrap .item h5 { font-size:20px; margin-top:15px;} .readbtn a, .shoppingsection ul li a, .featuredblogsection .blogbtn a { font-size:18px;} .shoppingsecright ul li a{font-size: 16px;} .testimonals_wrap .readbtn a, .shoppingsecright ul li a { min-width:100%; padding:12px;} .testimonals_wrap .readbtn { margin-top:25px;} .testimonals_wrap .readbtn ul { margin-top:-15px; margin-left:-5%;} .testimonals_wrap .readbtn ul li { width:45%; margin-left:5%; margin-top:15px;} .footerappointsection { padding:20px 0;} .footerappointsection .appoint_btn a { font-size: 18px; padding: 15px;} .footerappointsection p { font-size:28px;} .footersection { padding:35px 0;} .footersection .footerwrap { margin-left:-5%; margin-top:-35px;} .footerbox { width:45%; margin-left:5%; margin-top:35px;} .footerbox.facebookvisit { width:410px; margin:35px auto 0;} .footernav { padding:15px 0;} .footernav ul { margin-left:-35px; margin-top:-10px;} .footernav ul li { margin-left:35px; margin-top:10px;} .copyrightsection { padding:25px 0;} .footerbox.contactsection ul li a.glcall:before { top:0;} .medicalspa_section .aboutspa_section p { font-size:19px;} .flipbox { margin-top:25px;} .integrativesection ul { margin-top:-3%; margin-left:-3%;} .integrativesection ul li { width:97%; margin-left:3%; margin-top:3%;} .integrativesection ul li:nth-child(odd) { top:inherit;} .integrativesection ul li .innerpage { height:250px; display: grid; place-content: center;} .integrativesection ul li .frontpage {display: grid; place-content: center;} .bannersection.innerbannersection .bannercaption h3 { padding:0;} .bannercaption a.btn { padding:10px; font-size:22px; margin-top:25px;} .main-container { padding:25px 0;} #site-content .beforeafterimages { margin:20px 0;} .featuredblogsection { padding:30px 0;} .featuredblogsection h3.subtitle { margin-bottom:30px;} .featuredblogsection ul { margin-left:-3%; margin-top:0;} .featuredblogsection ul li { width:97%; margin-left:3%; display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between;} .featuredblogsection ul li img { height:auto;} .featuredblogsection ul li .imgsec { width:47%; float:left; } .featuredblogsection ul li .contentbox { width:50%; float:right; } .featuredblogsection .blogbtn { margin-top:30px;} .footerformsection { padding:35px 0; } .footerformcontent { width:100%; margin:0;} .footerformcontent .footerformcontentbox { width:400px; margin:0 auto;} .footerformbox { width:100%; display:block; margin-top:25px;} #site-content { width:auto; float:none;} .footer-nav-widgets-wrapper { width:auto; float:none; margin-top:35px;} .blogbannersection { padding:50px 0;} .blogbannersection h1, .blogbannersection h3 { font-size:40px;} #site-content .sitecontentbox { margin-left:-3%; margin-top:-10px;} #site-content .sitecontentbox article { width:97%; margin-left:3%; display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between; margin-top:30px;} #site-content .sitecontentbox article img { height:auto; width:100%;} #site-content .sitecontentbox article .imgsec { width:47%; float:left; } #site-content .sitecontentbox article .contentbox { width:50%; float:right; } #site-content .sitecontentbox article h5 { margin:10px 0;} .footer-nav-widgets-wrapper .footerformcontent { padding:35px;} .footer-nav-widgets-wrapper .footerformcontent a.btn { font-size:40px;} .footer-nav-widgets-wrapper .footerformcontent p { font-size:26px;} .footer-nav-widgets-wrapper .footerformcontent .footerformcontentbox { width:390px;} .pagination-separator { margin:40px 0;} .justformenpage .justformenpageimage, .justformenpage .justformenpagecontent { display:block; width:100%;} .justformenpage.ourpracticepage .justformenpageimage { background:none; order: 0;} .justformenpage .justformenpagecontent { padding:30px 2%;} .justformenpage .justformenpageimage img { display:block;} .justformenpage .justformenpagewrap { display:block;} #site-content .hourspage .hourspagebox { width:47%;} #site-content .astheticsection.servicepage ul { margin-top:10px; margin-left:-3%;} #site-content .astheticsection ul li { margin-top:3%;} #site-content .astheticsection ul li .imgbox img { margin:0; width:100%;} #site-content .patientresourcespage ul li { width:47%; padding:25px;} #site-content .alastinskincarepageleft { width:55%;} #site-content .alastinskincarepageright { width:42%;} #site-content .videoright, #site-content .videoleft { float: none; margin: 0 auto; width: auto;} #site-content .videoleft + h2 { margin-top:20px;} #site-content .hydrafacialpage.lipsmartpage .hydrafacialpageleft { width: auto; float: none; margin: 0 0 20px;} #site-content .hydrafacialpage.lipsmartpage .hydrafacialpageright { width: auto; float: none;} #site-content .nutrafolpagesection .nutrafolpageleft { float: none; width: auto;} #site-content .nutrafolpagesection .nutrafolpageright { float: none; width: auto; margin-top:30px;} #site-content .nutrafolpagesection .nutrafolpageright .youtubewrapper { margin:0;} #site-content .nutrafolpagesection img { margin:0 auto;} #site-content .innergetstartedsec { padding:35px 15px;} #site-content .innergetstartedsec h3 { font-size:35px;} #site-content .innergetstartedsec a.btn { font-size:18px;} #site-content .nutrafolpagesection .nutrafolpageright .gallerypopupimage ul.twocol { margin:0;} #site-content .beforeaftergallery .categorytabnav { display:none; width:auto; float:none;} #site-content .beforeaftergallery .categorytabnav.mobilecategorytabnav { display:block;} #site-content .beforeaftergallery .categorytabcontentwrap { width:auto; float:none;} #site-content .beforeaftergallery .innerpagesimageslider { width:80%; display:block;} #site-content .beforeaftergallery { display:block;} #site-content .beforeaftergallery .categorytabnav ul li a {text-align:center; border-top:1px solid #e4e4e4; background:linear-gradient(112deg, rgba(199,144,52,1) 0%, rgba(217,178,87,1) 100%); color:#fff; font-size:22px;} #site-content .beforeaftergallery .categorytabnav ul li a.inactive { color:#000;} #site-content .beforeaftergallery .categorytabnav ul li a:before { border-left:0; border-bottom:3px solid #d9b257; top:inherit; right:0; display:none;} .searhbtnsec .popupsearchbox { width:300px;} #site-content .pagereview ul li { width:47%;} .partnershipsection .partnershipsecleft, .partnershipsection .partnershipsecright{width: 100%;} .partnershipsection .partnershipsecright{margin-top: 20px;} #site-content .giftformsec {padding: 35px 30px;} #site-content .discounttable{overflow-x: auto; width: 100%;} #site-content .discounttable table tr th { min-width: 100%;} #site-content .discounttable table {min-width: 668px;} .page-id-1829 .nextpatient-box .nextpatient-provider .nextpatient-provider-image-cell{ width: 250px; height: 250px;} #site-content .youtubewrapper.singlevideo {padding-bottom: 45%; height: auto !important ;} /* */ #site-content .contactpagesection .contactpageleft {width: 100%; float: none;} #site-content .contactpagesection .contactpageright {float: none; width: 100%; margin-top: 30px;} .bannersection.innerbannersection.evexiasbanner .evexiasLogo{ width: 130px;} .bannersection.innerbannersection.evexiasbanner h1{ width: 60%;} .bannersection.innerbannersection.evexiasbanner .bannercaption a.btn{ min-width: unset;} .page-id-1868 #site-content p{ font-size: 17px; line-height: 31px;} .page-id-1868 .nutraceuticalssec ul li{ font-size: 17px !important; line-height: 31px !important;} .page-id-1868 .therapySec{flex-direction: column; padding-bottom: 30px; gap: 30px;} .page-id-1868 .therapySec .rightsec{width: 75%;} .page-id-1868 .therapySec .leftsec{width: 100%;} .page-id-1868 #site-content h2.title{font-size: 30px; padding-bottom: 15px;} #site-content .stepssec h2.title{ padding-bottom: 0px;} .stepssec{padding: 30px 0;} .stepssec ul{grid-template-columns: 1fr; margin-left: 0 !important; gap: 20px; margin-bottom: 30px;} #site-content .stepssec ul li h3 span.steptitle{text-align: left; padding-left: 25px;} .stepssec ul li{height: auto;} #site-content .stepssec .btnsec a{font-size: 18px; margin-top: 20px;} #site-content .stepssec ul li h3 span.num{ font-size: 45px; line-height: normal;} .page-id-1868 .reviewsection ul{ flex-flow: column wrap;} .page-id-1868 .reviewsection ul li{ width: 80%;} .faqsec{padding: 30px 0;} #site-content .thinnrpg ul.gridSec{ flex-flow: row wrap;} #site-content .thinnrpg ul.gridSec li{ width: 100%;} #site-content .thinnrpg ul.gridSec h5{ min-height: unset;} #site-content .thinnrpg ul.gridSec .gridTitle{ align-items: center;} #site-content .thinnrpg ul.gridSec .iconBox{ width: 55px;} #site-content .thinnrpg .imagecenter{ width: min(350px, 100%);} /* */ .serviceSection .descriptionBox {padding: 20px 20px 90px 20px;} .serviceSection {margin-top: 40px;} .bannercaption h5 {font-size: 22px; line-height: normal;} .serviceSection.integrativesectionbg {padding: 30px 0;} h2.subtitle {font-size: 32px; padding-bottom: 25px;} /* */ .serviceSection ul {grid-template-columns: repeat(2, 1fr);} .serviceSection .descriptionBox {min-height: 290px;} } @media only screen and ( max-width: 768px ) { } @media only screen and ( max-width: 736px ) { .teamsection .obi_teamwrap p { font-size:19px;} .medicalspa_section .aboutspa_section p { font-size:18px;} .astheticsection ul li { width:47%;} .astheticsection ul li .imgbox img { width:100%;} .bannersection.innerbannersection.evexiasbanner h1{font-size: 22px;} .bannersection.innerbannersection.evexiasbanner{background-position: 55%;} .page-id-1868 .nutraceuticalssec{padding: 35px 0;} .page-id-1868 .nutraceuticalssec{flex-direction: column; gap: 30px;} .page-id-1868 .nutraceuticalssec .leftsec, .page-id-1868 .nutraceuticalssec .rightsec{width: 100%;} .bannersection.innerbannersection.evexiasbanner h1{ width: 55%;} } @media only screen and ( max-width: 668px ) { .medicalspa_section .aboutspa_section p { font-size: 17px; line-height: 35px;} .teamsection .obi_teamwrap p { font-size:18px;} p.subtitle { font-size:19px;} .shoppingsecleft p { font-size:20px;} .testimonals_wrap .owl-nav button.owl-prev { left:-12%;} .testimonals_wrap .owl-nav button.owl-next { right:-12%;} .footerappointsection .appoint_btn a { font-size:16px;} .footerappointsection p { font-size:25px;} .footerappointsection .appoint_btn, .appointmentsec .appoint_btn { margin-left:20px;} .appointmentsec p { font-size:22px;} .page-id-1868 .therapySec .rightsec{width: 100%;} #site-content .hydrafacialpage .hydrafacialpageleft { width: auto; float: none; margin-right: 0; margin-bottom:25px;} #site-content .hydrafacialpage .hydrafacialpageright { width: auto; float: none;} #site-content hr { margin:40px 0;} #site-content .hydrafacialpage .hydrafacialpageleft img { margin:0 auto; float:none;} #site-content .hydrafacialpage .hydrafacialpageright .imagecenter ul.nospace { display:block; margin-left:-3%; margin-top:-3%;} #site-content .hydrafacialpage .hydrafacialpageright .imagecenter ul.nospace li { width:47%; display:inline-block; margin-left:3%; margin-top:3%; vertical-align:middle;} #site-content .hourspage .hourspagebox { width:60%;} #site-content .astheticsection.servicepage h2.subtitle { font-size:28px;} .nocontainertemplate #site-content .justformenpage h2 { font-size:28px;} #site-content .innerpagebtnsec ul { gap:20px;} #site-content .innerpagebtnsec ul li { width:97%;} #site-content .alastinskincarepageleft { width:auto; float:none;} #site-content .alastinskincarepageright { width:80%; float:none; margin:30px auto 0;} #site-content ul.threecol {column-count: 2;} .searhbtnsec .popupsearchbox { width: 400px; left: 50%; right: inherit; margin-left: -150px; } #site-content .giftformsec .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){min-height: 0; line-height: 0;} #site-content .certificatebox .imgbox{width: auto;} .footerbox.contactsection {width: 100%;} .bannersection.innerbannersection.evexiasbanner h1{ font-size: 28px; width: 50%;} .page-id-1868 #site-content h2.title{ font-size: 28px; line-height: normal;} /* */ .serviceSection .descriptionBox p {font-size: 16px; line-height: 24px;} .serviceSection .infoSec h3 {line-height: normal; font-size: 18px;} .serviceSection ul {gap: 20px;} } @media only screen and ( max-width: 640px ) { .teamsection .obi_teamwrap p { font-size:19px;} #site-content .beforeaftergallery .innerpagesimageslider { width:auto; margin:0; padding:25px 25px 50px;} #site-content .beforeaftergallery .innerpagesimageslider .singleimageslider .owl-dots { bottom:-20px;} #site-content .beforeaftergallery .innerpagesimageslider .singleimageslider .owl-nav button.owl-prev { left:0;} #site-content .beforeaftergallery .innerpagesimageslider .singleimageslider .owl-nav button.owl-next { right:0;} .footerformbox .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){line-height: inherit; min-height: inherit;} .page-id-1829 .nextpatient-box .nextpatient-provider{ display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; gap: 30px;} .page-id-1829 .nextpatient-box .nextpatient-provider .nextpatient-provider-image-cell{ width: 200px; height: 250px;} .page-id-1829 .nextpatient-box .nextpatient-reason-select select{ width: 100%;} #site-content .youtubewrapper.singlevideo {padding-bottom: 55%;} #site-content .thinnrpg .imagecenter{ width: min(300px, 100%);} } @media only screen and ( max-width: 600px ) { .appointmentsec p, .footerappointsection p { font-size:26px; display:block;} .footerappointsection .appoint_btn, .appointmentsec .appoint_btn { margin-left: 0; margin-top: 15px;} .appointmentsec .appoint_btn a, .footerappointsection .appoint_btn a { font-size:18px; padding:12px 30px;} .medicalspa_section .aboutspa_section h3 { font-size:35px;} .featuredblogsection ul li h5 { font-size:22px; margin:10px 0;} /* #site-content .imagecenter ul.nospace { display:block;} */ #site-content .imagecenter ul.nospace{flex-flow: column-reverse;} #site-content .imagecenter ul.nospace li + li { margin-top:0px !important;} /* #site-content .alastinskincarepageright { width:auto;}*/ #site-content .imagecenter.imagevideocenter ul.nospace li { width:auto;} #site-content .imagecenter.imagevideocenter ul.nospace li + li { margin-top:25px;} #site-content .certificatebox .imgbox {margin: 40px auto 25px;} #site-content .discounttable { margin: 30px auto 30px; } #site-content .discounttable table th{text-align: left;} /* */ .serviceSection ul {grid-template-columns: repeat(1, 1fr)} .serviceSection .infoSec, .serviceSection .descriptionBox {min-height: inherit;} .medicalspa_section .aboutspa_section h1 { font-size:40px;} } @media only screen and ( max-width: 568px ) { .footersection ul li p, .footersection ul li a, .footersection ul li span { font-size:15px;} .footerbox.timesection h4 { font-size:24px;} .testimonals_wrap { padding:20px 0 0;} .testimonals_wrap .owl-nav button.owl-prev { left:0;} .testimonals_wrap .owl-nav button.owl-next { right:0;} .testimonals_wrap .owl-nav button { top:inherit; margin:0; bottom:-10px;} .shoppingsecleft p { font-size:25px;} .teamsection .obi_teamwrap p { font-size:18px;} .bannercaption h3, .bannercaption.innerbannercaption h1 span { font-size:25px;} .bannercaption h4 { font-size:20px;} .bannercaption p { font-size:15px;} #site-content .hourspage .hourspagebox { width:70%;} .footersection ul li p span{display: block;} .footerbox ul li p.location br{display: none;} } @media only screen and ( max-width: 480px ) { .headersection .container { width:96%;} .container { width:90%;} #site-content .bloglistingpage ul li .homemetasec .meta-wrapper.post-author { margin-left:0;} #site-content img.alignright, #site-content img.alignleft, #site-content img.aligncenter, #site-content img.alignnone { float:none; width:auto; max-width:100%; height:auto; display:block; text-align:center; margin:0 auto 15px;} #site-content .alignleft, #site-content .alignright, #site-content .alignnone, #site-content .aligncenter { float:none; width:auto; max-width:100%; height:auto; text-align:center; margin:0 auto 15px;} #site-content h1 { font-size:28px; line-height:normal;} #site-content h2, #site-content .hentry h2 { font-size:26px; line-height:normal;} #site-content h3 { font-size:24px; line-height:normal;} #site-content h4 { font-size:22px; line-height:normal;} #site-content h5 { font-size:20px; line-height:normal;} #site-content h6 { font-size:20px; line-height:normal;} .bannersection, .bannersection.innerbannersection { padding: 25px 0; background: #3d2e29; text-align: center;} .bannercaption h3.title:before { left:50%; margin-left:-40px;} .bannercaption h3, .bannercaption.innerbannercaption h1 span { font-size:30px;} .bannercaption h4 { font-size:25px;} .bannercaption p { font-size:18px;} .headerright .querysec p.asksec { margin-right:0; margin-bottom:10px;} .mobilecontactbtns ul li a { padding:12px 20px;} .medicalspa_section .aboutspa_section h3 { font-size:42px;} .medicalspa_section .aboutspa_section p { font-size:19px;} .astheticsection ul li { width:80%; margin-left: 0;} .astheticsection ul { margin-top:10px; margin-left: 0;} .integrativesection ul li .innerpage { height:300px;} .readbtn a, .shoppingsection ul li a, .featuredblogsection .blogbtn a { font-size:16px;} .footerbox { width:95%;} .footerbox.facebookvisit { width:95%; margin-left:5%;} .footersection ul li p, .footersection ul li a, .footersection ul li span { font-size:18px;} .footerbox.facebookvisit iframe { width:95% !important; margin:0 auto;} .footerbox.timesection ul li.jaxchamber { width:80%; margin:30px auto 0;} .footernav ul { margin-left:-20px;} .footernav ul li { margin-left:20px;} .footernav ul li a { font-size:16px;} .copyrightsection p { font-size:14px;} .obi_teamwrap .innersec { padding:25px 5%;} .teamsection .obi_teamwrap p { font-size:19px;} /* .reviewsection ul { margin-top:0;} */ .reviewsection ul li { width:97%; margin-top:20px;} #site-content .beforeafterimages ul li { width:97%;} .featuredblogsection ul li { margin-top:30px;} .featuredblogsection ul li .imgsec { float:none; width:100%;} .featuredblogsection ul li .contentbox { float:none; width:100%; } .footerformcontent .footerformcontentbox { width:auto;} #site-content h1 { padding-bottom:25px;} #site-content .sitecontentbox article .imgsec { float:none; width:100%;} #site-content .sitecontentbox article .contentbox { float:none; width:100%; } .footer-nav-widgets-wrapper .footerformcontent .footerformcontentbox { width:auto;} .nocontainertemplate #site-content .smallcontainer { width:90%;} .justformenpage .justformenpagecontent { padding:30px 5%;} #site-content .hourspage .hourspagebox { width:97%;} #site-content ul.twocol, #site-content ul.threecol { column-count: 1; column-gap: 0;} #site-content .imagecenter ul.nospace li img { margin:0 auto;} #site-content .patientresourcespage ul li { width:97%; padding:15px;} #site-content .imageright { float: none; margin: 20px auto; width: auto;} #site-content .innergetstartedsec h3 { font-size: 38px; margin-bottom: 5px;} #site-content .cellulitereductionpage { padding:15px;} #site-content .cellulitereductionpage .cellulitereductionwrap { display:block;} #site-content .cellulitereductionpage .cellulitereductionleft { float: none; width: auto; padding: 15px;} #site-content .cellulitereductionpage .cellulitereductionright { float: none; width: auto; padding: 5px 15px 15px;} #site-content .beforeaftergallery .innerpagesimageslider { padding:15px 15px 30px;} .blogbannersection h1, .blogbannersection h3 { font-size:30px;} .bannercaption p span { display:inline;} .bannerimage { display:block;} .mobilecontactbtns { display:flex; margin-top:5px; align-items: center;} .mobilecontactbtns .widget_custom_html { float:left;} .mobilecontactbtns .searhbtnsec { float:right; margin-left:10px;} .mobilecontactbtns ul { margin-left:-10px;} .mobilecontactbtns ul li { margin-left:10px;} .mobilecontactbtns ul li a { padding:10px 15px; font-size:14px;} .mobilecontactbtns .searhbtnsec .popupsearchbox { top:36px; width: 300px; left: inherit; right: 0; margin-left: 0;} #site-content .pagereview ul li { width:97%;} .shoppingsecright ul{margin: 0;} .shoppingsecright ul li{display: block; width: auto; margin: 0;} .shoppingsecright ul li+li{margin-top: 20px;} .partnershipsection .partnershipsecright ul {margin: 0;} .partnershipsection .partnershipsecright ul li{width: auto; display: block; margin: 0;} .partnershipsection .partnershipsecright ul li+li{margin-top: 15px;} .partnershipsection .partnershipsecright h4{font-size: 32px;} .partnershipsection .partnershipsecright p{font-size: 15px;} .partnershipsection .partnershipsecright ul li a.btn{font-size: 15px;} .footerformbox .gform_wrapper.gravity-theme .gfield input.large{ font-size:18px;} #site-content .giftformsec { padding: 25px 20px; } #site-content .imagecenter.imagevideocenter ul.nospace {gap: 20px;} .page-id-1829 .nextpatient-box .nextpatient-provider-name-block{ display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;} .page-id-1829 .nextpatient-box .nextpatient-provider .nextpatient-provider-provider-cell{ padding-left: 0;} .page-id-1829 .nextpatient-box .nextpatient-provider-table .nextpatient-provider-small-photo{ width: 150px; height: 190px;} .page-id-1829 .nextpatient-box .nextpatient-criteria-box{ display: block;} .page-id-1829 .nextpatient-box .nextpatient-criteria-input select{ width: 100%;} .page-id-563 .appointmentsection{ padding: 20px 10px 10px;} /* */ .mobilecontactbtns {display: flex; margin-top: 5px; align-items: center; width: 100%; justify-content: center;} .mobilecontactbtns ul li a {padding: 6px 15px;} .headersection .logo, .headersection.fixedheader .logo {padding-bottom: 5px; border-bottom: 1px solid #d6ac5014; width: 100%; text-align: center;} .headersection .logo img {width: 100px; margin: 0 auto;} .mobile_menu {position: absolute;} .bannersection.innerbannersection.evexiasbanner .mobilbannerimg{display: block;} .bannersection.innerbannersection.evexiasbanner{background-position: 35%; padding: 0 0 40px;} .bannersection.innerbannersection.evexiasbanner .evexiasLogo{margin: 0 auto;} .bannersection.innerbannersection.evexiasbanner .bannercaption.innerbannercaption {margin-top: 20px; } .page-id-1868 .nutraceuticalssec .leftsec img{width: 30%;} .page-id-1868 .nutraceuticalssec ul li{width: 100%;} .page-id-1868 #site-content h2.title{font-size: 24px; line-height: 28px;} .page-id-1868 #site-content .therapySec .qrsec h4.qrtitle{font-size: 20px;} .stepssec .btnsec{flex-flow: column; gap: 0;} .page-id-1868 .reviewsection ul{flex-direction: column;} #site-content .stepssec ul li h3{line-height: 50%;} #site-content .stepssec ul li h3 span.num{padding-right: 15px;} #site-content .stepssec ul li h3 span.steptitle{padding-left: 15px;} #site-content p{font-size: 16px; line-height: 28px;} .page-id-1868 #site-content h2.title{ font-size: 25px; line-height: normal; padding-bottom: 20px;} .bannersection.innerbannersection.evexiasbanner h1{ font-size: 30px; width: 100%;} .page-id-1868 #site-content .nutraceuticalssec ul{ gap: 7px 0;} #site-content .stepssec ul li h3 span.num{ font-size: 40px;} .page-id-1868 .reviewsection ul li{ width: 100%;} #site-content .stepssec ul li h3 span.steptitle{ font-size: 22px; line-height: normal;} .page-id-1868 #site-content p{ line-height: 30px;} #site-content .thinnrpg .bookSec a.btn{ font-size: 18px; display: block;} #site-content .thinnrpg ul.gridSec{ gap: 20px;} #site-content .thinnrpg ul.gridSec .gridTitle{ flex-flow: column nowrap; align-items: flex-start;} #site-content .thinnrpg .imagecenter{ width: 100%; margin: 0 0 15px 0;} .bannercaption h5 span { display: initial;} .medicalspa_section .aboutspa_section h1 { font-size:35px;} h2.subtitle {font-size: 28px; padding-bottom: 25px;} .teamsection .obi_teamwrap h2 {font-size: 34px;} } @media only screen and ( max-width: 415px ) { .mobile_menu { width:40px;} .mobilecontactbtns { margin-top:5px;} .mobilecontactbtns ul { margin-left:-10px;} .mobilecontactbtns ul li { margin-left:10px;} .mobilecontactbtns ul li a { font-size:14px; padding:10px 15px;} .appointmentsec p { font-size:22px;} p.subtitle { font-size:18px;} .astheticsection ul li { width:97%;} .integrativesection p.subtitle { font-size:17px;} .integrativesection ul li .innerpage { height:350px;} .shoppingsecleft h3 { font-size:35px;} .shoppingsecleft p { font-size: 20px; line-height: 30px;} .testimonals_wrap .readbtn ul li { width:95%;} .shoppingsecright ul li { width:95%;} .footerbox.facebookvisit iframe { width:100% !important;} .copyrightsection p { font-size:15px;} .footernav ul li a { font-size:14px;} .footersection ul li p, .footersection ul li a, .footersection ul li span { font-size:16px;} .testimonals_wrap .item p { font-size: 16px; line-height: 30px;} .footerformcontent a.btn { font-size:35px;} .footerformcontent p { font-size: 22px; line-height: 150%; margin-top:10px;} .footerformbox { padding:25px;} .footerformbox h4 { font-size:35px; margin-bottom:20px;} .footerformbox ul li input { font-size:18px; padding:15px;} .featuredblogsection .blogbtn a { min-width:100%; padding:15px;} .footer-nav-widgets-wrapper .footerformcontent a.btn { font-size:35px;} .footer-nav-widgets-wrapper .footerformcontent p { font-size:22px;} .footer-nav-widgets-wrapper .widget ul li a { padding:15px; font-size:18px;} #site-content a.custombtn { font-size:18px; padding:10px;} #site-content .innergetstartedsec h3 { font-size: 34px;} #site-content .innergetstartedsec a.btn { font-size: 16px; padding: 12px; display: block;} .searhbtnsec .popupsearchbox { width: 280px; left: 50%; right: inherit; margin-left: -90px;} .mobilecontactbtns { margin-top:6px;} .mobilecontactbtns ul li a { font-size: 13px; padding: 10px 10px;} .mobilecontactbtns .searhbtnsec .popupsearchbox { top:40px;} .bannersection.innerbannersection .bannercaption h1 {font-size: 23px;} #site-content .imagecenter ul li h3 span{display: inline-block !important;} .medicalspa_section .aboutspa_section h1 { font-size:30px;} h2.subtitle {font-size: 26px;} } @media only screen and ( max-width: 384px ) { .bannercaption p span { display:inline;} .teamsection .obi_teamwrap p { font-size:19px;} p.subtitle { font-size:19px;} .footerappointsection .appoint_btn, .appointmentsec .appoint_btn { display:block;} .appointmentsec .appoint_btn a, .footerappointsection .appoint_btn a { font-size:16px; padding:10px;} .testimonals_wrap .readbtn a, .shoppingsecright ul li a { padding:10px;} .footerbox.timesection ul li.jaxchamber { width:auto;} h3.subtitle { font-size:35px;} .bannersection.innerbannersection .bannercaption h1 {font-size: 25px;} #site-content .giftformsec .gform_wrapper .gfield input.gf_coupon_code {width: calc(100% - 116px);} #site-content .giftformsec .gform_wrapper input.button{padding: 14px 20px;} } @media only screen and ( max-width: 376px ) { .bannercaption h3, .bannercaption.innerbannercaption h1 span { font-size:25px;} .appointmentsec p { font-size:20px;} .footernav ul { margin-left:-10px;} .footernav ul li { margin-left:10px;} #site-content .innergetstartedsec h3 { font-size: 30px;} #site-content .innergetstartedsec a.btn { font-size: 14px;} .footerformbox .gform_wrapper.gravity-theme .gfield input.large{ padding:12px 15px} .footersection ul li p, .footersection ul li a, .footersection ul li span{font-size: 15px;} } @media only screen and ( max-width: 360px ) { .mobile_menu { width:35px;} .mobilecontactbtns ul li a { padding:10px; font-size:13px;} .headerright .querysec p.asksec a { font-size:18px;} .headerright .querysec p.asksec { font-size:16px;} .appointmentsec p { font-size:18px;} .medicalspa_section .aboutspa_section h3 { font-size:35px;} .integrativesection ul li .innerpage { height:400px;} .integrativesection ul li .frontpage { padding:50px 24px;} .productbtn ul li a.shopbtn { font-size:13px;} .footerformcontent { padding:25px;} .footerformcontent p { font-size:20px;} .footer-nav-widgets-wrapper .footerformcontent { padding:25px;} .footer-nav-widgets-wrapper .footerformcontent a.btn { font-size:30px;} .footer-nav-widgets-wrapper .footerformcontent p { font-size:20px;} .searhbtnsec .popupsearchbox { margin-left:-100px;} /* .headersection .logo, .headersection.fixedheader .logo { width:80px;} */ .mobile_menu .hc-nav-trigger { min-height:30px; top:-3px;} /* .mobilecontactbtns { margin-top:1px;} */ .mobilecontactbtns ul { margin-left:-5px;} .mobilecontactbtns ul li { margin-left:5px;} .mobilecontactbtns ul li a { padding:10px 7px;} .mobilecontactbtns .searhbtnsec .popupsearchbox { top: 40px; width: 280px;} .nextpatient-provider-table .next-appt-block .explanation{ font-size: 13px !important;} .medicalspa_section .aboutspa_section h1 { font-size:28px;} } @media only screen and ( max-width: 320px ) { .medicalspa_section .aboutspa_section p { font-size:20px;} .copyrightsection p { font-size:14px;} .footernav ul li a { font-size:13px;} .teamsection .obi_teamwrap p { font-size:19px;} .medicalspa_section .aboutspa_section h1 { font-size:26px;} } /* --------- Custom Responsive Css Ends --------- */