/* Theme Name: Vinyasa Treeland Theme Version: 1.1 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:#373737; font-family: 'Poppins'; font-size: 16px; line-height:30px; 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;} #site-content { overflow: hidden;} /* 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, .button, .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, .button, .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, .button:focus, .button: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;} /* -------------------------------------------------------------------------- */ /* 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 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:1rem} .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;1 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} .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} .button,.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:1.5rem;margin:1rem 0 0 2rem} .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} .pagination .next,.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 ---------*/ /*font-family: 'Lato', sans-serif; font-family: 'Roboto', sans-serif;*/ /*Main Content*/ #wrapper{ width:100%; margin:0 auto;} .container {width: 100%; max-width:129rem; margin: 0 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(-100px); } 100% { transform: translateY(0px); } } @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); } } /* open-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-regular.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-500.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-600.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-700.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/wp-content/themes/vintree_nil/assets/fonts/open-sans-v36-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* great-vibes-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Great Vibes'; font-style: normal; font-weight: 400; src: url('/wp-content/themes/vintree_nil/assets/fonts/great-vibes-v18-latin-regular.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/vintree_nil/assets/fonts/great-vibes-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/vintree_nil/assets/fonts/great-vibes-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/wp-content/themes/vintree_nil/assets/fonts/great-vibes-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/wp-content/themes/vintree_nil/assets/fonts/great-vibes-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/wp-content/themes/vintree_nil/assets/fonts/great-vibes-v18-latin-regular.svg#GreatVibes') format('svg'); /* Legacy iOS */ } /* poppins-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-300.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/wp-content/themes/vintree_nil/assets/fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */ } .mobile_menu { display:none;} .hc-nav.hc-nav-1 { display:block !important;} .hc-offcanvas-nav.hc-nav-1 { display:none !important;} .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,0.25);} .headertopsec { background:#DAE4DF; padding:10px 0; text-align:center;} .headertopsec ul { display:flex; justify-content: space-between;} .headertopsec ul li {display:flex; gap:10px;} .headertopsec ul li svg { width:20px;} .headertopsec ul li a {color:#000;} .headertopsec ul li a:hover {color:#859b8f;} .headertopsec p { font-size:16px; color:#000; } .mobilecallbtn { display:none;} .mobilecallbtn a.callbtn {font-size:16px; font-weight:400; display:block; color:#000; position:relative; transition: all 0.5s ease; font-family: 'Poppins'; padding:10px 25px; background:#000; color:#fff; border-radius:5px;} .mobilecallbtn a.callbtn:hover {background:#859b8f; color:#fff;} .headersection { /*border-top:10px solid #1d8d99;*/ background:#fff; padding:15px 0;} .headersection .container { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;} .logo { float:left; width:150px;} .logo img { max-width:100%;} .topnav { float:right; order:1;} .topnav ul{ font-size: 0px; } .topnav ul li {display:inline-block; vertical-align:middle; margin-left:40px; position:relative;} .topnav ul li:first-child { margin-left:0;} .topnav ul li a {font-size:16px; font-weight:400; padding:0; display:block; color:#000; position:relative; transition: all 0.5s ease; font-family: 'Poppins';} .topnav ul li a:hover{color:#778e18;} /*.topnav ul li a:before { content:""; position:absolute; left:0; bottom:-6px; width:0; height:6px; background:#e9c93e; transition: all 0.5s ease;} .topnav ul li a:hover:before { width:100%;}*/ .topnav ul li.current-menu-item a {color:#778e18;} .topnav ul li.current-menu-item a:before { width:100%;} .topnav ul li.callbtn a { padding:10px 25px; background:#000; color:#fff; border-radius:5px;} .topnav ul li.callbtn a:hover {background:#859b8f; color:#fff;} .topnav ul li ul.sub-menu { position:absolute; top:100%; left:0; right:0; width:160px; z-index:5; margin:0; background:#DAE4DF;} .topnav ul li ul.sub-menu li { display:block;} .topnav ul li ul.sub-menu li + li { border-top:1px solid #ccc;} .topnav ul li ul.sub-menu a { padding:10px; background:#DAE4DF; font-size:14px; color:#000; display:block;} .topnav ul li.current_page_item a { color:#778e18; transition-duration: 0.5s;} .topnav ul li ul.sub-menu li a:hover {color:#fff; background:#778e18;} .topnav ul li ul li ul { display:none; border:0;} .topnav ul li ul li:hover ul { display:block;} .topnav ul li ul li ul li { margin-left:0; background:#f0f0f0; border-top:1px solid #a3a3a3;} .topnav ul li ul li ul li:first-child { border-top:0;} .topnav ul li ul ul a { width:250px; color:#333; padding:10px 15px; font-size:14px;} .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;} @-webkit-keyframes slide { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes slide { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { -webkit-transform: scale(1); transform: scale(1) } } .bannersection .item { overflow:hidden; padding:200px 0 350px;} .bannersection .itembg { -webkit-animation: slide 20s linear infinite; animation: slide 20s linear infinite; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:-1;} .bannersection .item { position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;} .bannersection .item .caption { width:800px; margin:0 auto; text-align:center;} .bannersection .item .caption h3, .bannersection .item .caption h4 { display:inline-block; color:#fff; font-family: 'Poppins';} .bannersection .item .caption h3 { font-size:40px; font-weight:400; background:rgba(119, 142, 24, 0.7); padding:15px 20px;} .bannersection .item .caption h4 { font-size:25px; font-weight:300; margin-top:10px; background:rgba(255, 255, 255, 0.8); color:#000; padding:10px 20px;} .bannersection .homeimageslider { position:relative;} .bannersection .homeimageslider .owl-nav button { position:absolute; top:50%; width:40px; height:40px; border:0; padding:0; cursor:pointer; background:rgba(0,0,0,0.5); font-size:20px; color:#fff; text-decoration:none !important;} .bannersection .homeimageslider .owl-nav button span { font-size: 40px; line-height: 32px; font-weight: 300; } .bannersection .homeimageslider .owl-nav button.owl-prev { left:0;} .bannersection .homeimageslider .owl-nav button.owl-next { right:0;} .homeservicessection { padding:100px 0 0;} .homeservicessection h3.title { font-size:30px; text-align:center; margin-bottom:30px; color:#3b3e47; font-weight:400;} .homeservicessection h3.title a {color:#3b3e47; font-weight:600;} .homeservicessection h3.title a:hover {color:#859B8F;} .homeservicessection .homeserviceswrap { position:relative; margin-top:-300px; z-index:1; background:#fff; padding:40px;} .homeservicessection ul.homeservicesbox { font-size:0; margin-left:-3%; margin-top:-3%;} .homeservicessection ul.homeservicesbox li { font-size:16px; display:inline-block; vertical-align:top; width:30.33%; margin-left:3%; margin-top:3%;} .homeservicessection ul.homeservicesbox li .imagebox img { max-width:100%;} .homeservicessection ul.homeservicesbox li .contentbox { padding:50px 25px; background:#DAE4DF; text-align:center; transition:0.5s;} .homeservicessection ul.homeservicesbox li .contentbox h3 { font-size:22px; margin-bottom:15px; color:#626570; font-weight:300; transition:0.5s;} .homeservicessection ul.homeservicesbox li .contentbox p { font-size:16px; line-height:26px; color:#626570; font-weight:300; transition:0.5s;} .homeservicessection ul.homeservicesbox li:hover .contentbox { background:#859B8F;} .homeservicessection ul.homeservicesbox li:hover .contentbox h3 {color:#fff;} .homeservicessection ul.homeservicesbox li:hover .contentbox p {color:#fff;} .homeservicessection ul.homeservicesbox li .btnsec a.btn { display:block; font-size:15px; padding:18px; background:#3b3e47; color:#fff; text-align:center;} .homeservicessection ul.homeservicesbox li .btnsec a.btn:hover { background:#2b2d35;} .homeservicessection ul.homeservicesbox li .btnsec a.btn span { display:inline-block; position:relative; transition: 0.5s;} .homeservicessection ul.homeservicesbox li .btnsec a.btn span:after { content:">"; position:absolute; top:50%; transform:translateY(-50%); transition:0.5s; left:60%; opacity:0;} .homeservicessection ul.homeservicesbox li .btnsec a.btn:hover span { padding-right:25px;} .homeservicessection ul.homeservicesbox li .btnsec a.btn:hover span:after { opacity:1; left:90%;} @keyframes icon-animation-pop{50%{transform:scale(1.2)}} .homewelcomesec {padding:70px 0; background:#f0f6fd; position:relative;} .homewelcomesec h3 { font-size:30px; font-weight:400; text-align:center; margin-bottom:30px;} .homewelcomesec h3 span {color:#778e18;} .homewelcomesec .homewelcomeleft { float:right; width:50%;} .homewelcomesec .homewelcomeleft p { font-size:14px; line-height:26px; font-family: 'Open Sans';} .homewelcomesec .homewelcomeleft p + p { margin-top:10px;} .homewelcomesec .homewelcomeleft p a {color:#778e18;} .homewelcomesec .homewelcomeleft p a:hover {color:#000;} .homewelcomesec .homewelcomeleft ul { font-size:0; margin-left:-1%; margin-top:0; display: flex; flex-wrap: wrap;} .homewelcomesec .homewelcomeleft ul li { display:inline-block; vertical-align:top; font-size:14px; /*padding:5px;*/ margin-left:1%; margin-top:10px; transition:0.5s; width:19%; box-sizing:border-box; text-align:center; /*background:#fff; border-radius:5px;*/} .homewelcomesec .homewelcomeleft ul li img { width:30px; transition:0.5s; filter: invert(46%) sepia(74%) saturate(2052%) hue-rotate(44deg) brightness(92%) contrast(81%);} .homewelcomesec .homewelcomeleft ul li p { font-size:10px; line-height:normal;} .homewelcomesec .homewelcomeleft ul li .icons {display: grid; height: 40px; place-content: center;} .homewelcomesec .homewelcomeleft ul li:hover {animation-name: icon-animation-pop; animation-duration: .3s; animation-timing-function: linear; animation-iteration-count: 1;} /*.homewelcomesec .homewelcomeleft ul li:hover {background:#859b8f; border-color:#859b8f;} .homewelcomesec .homewelcomeleft ul li:hover svg { filter:invert(100%) sepia(0%) saturate(7487%) hue-rotate(347deg) brightness(109%) contrast(98%);}*/ .homewelcomesec .homewelcomeright {float:left; width:47.5%;} .homewelcomesec .homewelcomeright iframe { width:100% !important; height:100% !important; position:absolute; top:0; left:0; right:0; bottom:0;} .homewelcomesec .homewelcomeright .youtubewrap { position:relative; padding-top:56.25%; border-radius:20px; overflow:hidden;} .homemiddlecontentsec { padding:100px 0; text-align:center; background:#fff url(/wp-content/themes/vintree_nil/assets/images/snow-hills.png) no-repeat bottom center; background-size:cover;} .homemiddlecontentsec h4 {font-size:30px; color:#859b8f; font-weight:400; font-family: 'Great Vibes'; margin-bottom:30px;} .homemiddlecontentsec h3 {font-size:26px; font-weight:400; line-height:40px; color:rgba(59, 62, 71)} .homemiddlecontentsec .btnsec { margin-top:40px;} .homemiddlecontentsec .btnsec a.btn { display:inline-block; text-transform:uppercase; font-size:22px; font-weight:300; letter-spacing:0.5px; color:#626570; position:relative;} .homemiddlecontentsec .btnsec a.btn:before {content:""; height:1px; width:100%; background:#626570; display:inline-block; transition:all 0.3s linear; position: absolute; bottom:0; right:0; left:0; margin:0 auto;} .homemiddlecontentsec .btnsec a.btn:hover:before { width:0;} .newhomeserviceiconsec { padding:100px 0; background:#778e18;} .newhomeserviceiconsec ul.serviceicons { font-size:0; margin-left:-3%; margin-top:-3%; text-align:center;} .newhomeserviceiconsec ul.serviceicons li { display:inline-flex; vertical-align:top; width:47%; margin-top:3%; margin-left:3%; font-size:16px; text-align:left; justify-content: space-between; align-items: center;} .newhomeserviceiconsec ul.serviceicons li svg { width:60px; fill:#778e18;} .newhomeserviceiconsec ul.serviceicons li h3 { font-size:22px; text-transform:uppercase; font-weight:400; color:#fff;} .newhomeserviceiconsec ul.serviceicons li p { font-size:14px; line-height:24px; color:#fff; margin-top:5px; font-family: 'Open Sans';} .newhomeserviceiconsec ul.serviceicons li .imagebox { width:120px; background:#fff; padding:5px; box-sizing:border-box; margin-right:20px; display:grid; height: 120px; place-content: center; border-radius:5px;} .newhomeserviceiconsec ul.serviceicons li .contentbox { width:calc(100% - 150px);} /*.newhomeserviceiconsec ul.serviceicons li:hover h3 {color: #636570;} .newhomeserviceiconsec ul.serviceicons li:hover svg {fill: #636570;}*/ .homemarriagesection {background:#f0f6fd;} .homemarriagesection .homemarriagewrap { display:flex; } .homemarriagesection .homemarriageleft { float:left; width:40%;} .homemarriagesection .homemarriageleft .homemarriageleftbox { float:right; padding:100px 30px; padding-left:0; width:80%;} .homemarriagesection .homemarriageleft h3 { font-size:30px; font-weight:400; margin-bottom:20px; line-height:35px;} .homemarriagesection .homemarriageleft h3 span {color:#778e18;} .homemarriagesection .homemarriageleft .btnsec { margin-top:40px;} .homemarriagesection .homemarriageleft .btnsec a.btn { display:inline-block; text-transform:uppercase; font-size:20px; font-weight:300; letter-spacing:0.5px; color:#fff; position:relative; padding:15px 45px; border-radius:5px; background:#000;} .homemarriagesection .homemarriageleft .btnsec a.btn:hover {background:#778e18;} .homemarriagesection .homemarriageright { background:url(/wp-content/uploads/2024/04/homemarriageright_image.jpg) no-repeat top center; background-size:cover; float:right; width:60%; position:relative;} .homemarriagesection .homemarriageright img { display:none;} .homeserviceiconsec { padding:100px 0; background:#3b3e47;} .homeserviceiconsec ul.serviceicons { font-size:0; margin-left:-3%; margin-top:-70px; text-align:center;} .homeserviceiconsec ul.serviceicons li { display:inline-block; vertical-align:top; width:30.33%; margin-top:70px; margin-left:3%; font-size:16px; text-align:left;} .homeserviceiconsec ul.serviceicons li svg { width:80px; fill:#fff; margin-bottom:15px;} .homeserviceiconsec ul.serviceicons li h3 { font-size:22px; text-transform:uppercase; font-weight:400; color:#fff;} .homeserviceiconsec ul.serviceicons li p { font-size:16px; line-height:26px; color:#fff; margin-top:15px; font-family: 'Open Sans';} .homeserviceiconsec ul.serviceicons li:hover h3 {color: #636570;} .homeserviceiconsec ul.serviceicons li:hover svg {fill: #636570;} .homeamenitiesec {padding:200px 0; background:#fff; position:relative;} .homeamenitiesec .homeamenitieleft { float:left; width:50%;} .homeamenitiesec .homeamenitieleft h3 { font-size:30px; font-weight:400; text-transform:uppercase;} .homeamenitiesec .homeamenitieleft p { font-size:15px; line-height:26px; font-family: 'Open Sans'; margin:25px 0; position:relative; padding-bottom:45px; } .homeamenitiesec .homeamenitieleft p:before { content:""; position:absolute; left:0; bottom:0; background:url(/wp-content/themes/vintree_nil/assets/images/arrow.webp) no-repeat left; width:245px; height:10px;} .homeamenitiesec .homeamenitieleft ul { font-size:0; margin-left:-5px; margin-top:-5px; display: flex; flex-wrap: wrap;} .homeamenitiesec .homeamenitieleft ul li { display:inline-block; vertical-align:top; font-size:14px; border: 1px solid #ccc; padding: 15px; margin-left:5px; margin-top:5px; transition:0.5s;} .homeamenitiesec .homeamenitieleft ul li svg { width:40px; transition:0.5s;} .homeamenitiesec .homeamenitieleft ul li:hover {background:#859b8f; border-color:#859b8f;} .homeamenitiesec .homeamenitieleft ul li:hover svg { filter:invert(100%) sepia(0%) saturate(7487%) hue-rotate(347deg) brightness(109%) contrast(98%);} .homeamenitiesec .homeamenitieright { position:absolute; right:0; top:50%; transform:translateY(-50%); width:45%;} .homeamenitiesec .homeamenitieright iframe { width:100% !important; height:100% !important; position:absolute; top:0; left:0; right:0; bottom:0;} .homeamenitiesec .homeamenitieright .youtubewrap { position:relative; padding-top:56.25%;} .homereviewsection { padding:50px 0; background:#DAE4DF;} .homereviewsection .wp-gr.wpac .wp-google-name a { color:#fff !important;} .homereviewsection .wp-gr .wp-google-powered { color:#b9b4b4!important;} .footersection { padding:100px 0 60px; background:#f0f6fd;} .footersection h3 { font-size:20px; font-weight:500; color:#000; margin-bottom:25px;} .footersection ul li { font-size:16px; line-height:normal; font-weight:400; color:#000;} .footersection ul li + li { margin-top:10px;} .footersection ul li a {color:#000;} .footersection ul li a:hover, .footersection .footerbox ul.addressul li a:hover {color:#859B8F;} .footersection .footerwrap { font-size:0; margin-left:-3%; margin-top:-3%;} .footersection .footerbox { font-size:16px; display:inline-block; vertical-align:top; width:30.33%; margin-left:3%; margin-top:3%;} .footersection .footerbox ul.addressul { max-width:80%; margin-top:-15px;} .footersection .footerbox ul.addressul li { position:relative; padding:20px 0; padding-left:50px;} .footersection .footerbox ul.addressul li + li { margin:0; border-top:1px solid #dddbd7;} .footersection .footerbox ul.addressul li img { position:absolute; left:0; top:20px; width:25px; fill:#777; filter: invert(46%) sepia(6%) saturate(18%) hue-rotate(42deg) brightness(100%) contrast(91%);} .footersection .footerbox ul.addressul li:first-child img { width:30px; top:30px;} .footersection .footerbox ul.addressul li { font-size:20px; color:#777;} .footersection .footerbox ul.addressul li a { font-weight:600; color:#777;} .footersection .btnsec a.btn { display:inline-block; padding:15px 50px; background:#3b3e47; color:#fff; font-size:15px; letter-spacing:0.5px; text-transform:uppercase; transition:0.5s; margin-top:20px;} .footersection .btnsec a.btn:hover {opacity: 0.8;} .footersection .socailicons { margin-top:20px;} .footersection .socailicons ul { display:flex; margin:0; gap:10px;} .footersection .socailicons ul li { margin:0;} .footersection .socailicons img { width:40px;} .footersection .socailicons ul li a.fb img { width:37px;} .copyrightsec { padding:30px 0; text-align:center; border-top:1px solid #dddbd7; background:#f0f6fd;} .copyrightsec p {color:#777;} .page-template-page-full-width-custom-template-php .main-container { padding-bottom:0;} .main-container { padding:40px 0;} #site-content { width:auto; float:none;} .footer-nav-widgets-wrapper { width:30%; float:right; display:none;} .innerbannersection { background:url(/wp-content/uploads/2023/11/bannerslide1.jpg); background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; background-attachment:fixed !important; height:400px; position:relative;} .innerbannersection .caption { position:absolute; top:50%; transform:translateY(-50%); left:5%; right:5%; width:90%; text-align:center;} .innerbannersection .caption h1 { font-size:40px; font-weight:400; background:rgba(119, 142, 24, 0.7); padding:15px 50px; display:inline-block; color:#fff; border:1px solid #56672a;} .aboutpagesection .aboutopwrap { display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; margin-bottom:50px;} .aboutpagesection .abouttopright { float:right; width:50%; order:1; padding-top:5px;} .aboutpagesection .abouttopleft { float:left; width:47%;} .aboutpagesection h2.pageborder, .aboutpagesection h3.pageborder, .servicespagesection h3.pageborder { position:relative; padding-top:20px;} .aboutpagesection .aboutresortcontent {background:url(/wp-content/uploads/2023/12/bannerslide3.jpg) no-repeat center; padding:100px 0; background-size:cover; background-attachment:fixed; text-align:center; background-color:rgba(0,0,0,0.5); background-blend-mode:overlay;} .aboutpagesection .aboutresortcontent .pageborder:before { background:#fff; left:50%; margin-left:-40px;} #site-content .aboutpagesection .aboutresortcontent h3 { color:#fff;} #site-content .aboutpagesection .aboutresortcontent p { color:#fff;} .pageborder:before { content:""; position:absolute; left:0; top:0; width:80px; height:2px; background:rgba(119, 142, 24, 1);} #site-content .servicespagesection .servicespageul { margin-bottom:50px;} #site-content .servicespagesection .servicespageul ul { margin:0;} #site-content .servicespagesection .servicespageul ul li { margin:0;} #site-content .servicespagesection .servicespageul ul li + li { margin-top:50px; padding-top:50px; border-top:1px solid #eee;} .servicespagesection .servicespageul ul li .servicepagewrap { display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;} .servicespagesection .servicespageul ul li .imagebox { float:right; width:50%; order:1; padding-top:5px;} .servicespagesection .servicespageul ul li .contentox { float:left; width:47%;} .servicespagesection .servicespageul ul li:nth-child(even) .imagebox {order:0;} .servicespagesection .servicespageul ul li:nth-child(even) .contentox {order:1;} #site-content table, #site-content th, #site-content td { border: 1px solid #ccc; border-collapse: collapse;} #site-content th { background: #f1f1f1;} #site-content th, #site-content td { padding: 10px; text-align: center;} #site-content .tablesection img { background:none; padding:0; box-shadow:none; display:inline-block; vertical-align:top;} .singular .singlepostbanner .entry-header{ background:none; padding:0;} .singlepostbanner { padding:25px 0; background:#DAE4DF;} .single .main-container .container { max-width:100rem;} #site-content figure { margin-bottom:25px;} #site-content .contactpage .container { margin-bottom:40px;} #site-content .contactpage h3 { color: #555; font-family: 'Open Sans', serif; font-size: 32px; margin-bottom: 30px; } #site-content .contactpage p { color: #555; font-size: 16px; line-height: 30px; } #site-content .contactpage .contactpageleft { width: 40%; float: left;} #site-content .contactpage .contactpageleft ul { margin: 0;} #site-content .contactpage .contactpageleft ul li { margin: 0; margin-top: 50px;} #site-content .contactpage .contactpageleft ul li svg { display: inline-block; vertical-align: middle; margin-right: 25px; border-radius: 100%; background-color: #778e18; color: #fff; font-size: 25px; width: 57px; height: 57px; line-height: 57px; text-align: center; padding:15px; box-sizing:border-box; fill:#fff;} #site-content .contactpage .contactpageleft ul li .contacticonright { display: inline-block; vertical-align: middle; width: 70%;} #site-content .contactpage .contactpageleft ul li .contacticonright h5 { color: #222; font-size: 18px; margin-top: 0; text-transform: uppercase; line-height: 25px; margin-bottom: 5px; } #site-content .contactpage .contactpageleft ul li .contacticonright p {color: #555; line-height: 20px; margin-bottom: 0; font-size: 14px; } #site-content .contactpage .contactpageleft ul li .contacticonright p a { color: #444; font-weight: 600; } #site-content .contactpage .contactpageright { width: 55%; float: right;} #site-content .contactpage .contactpageright ul { margin: 0; margin-left: -3%; font-size:0; } #site-content .contactpage .contactpageright ul li { display:inline-block; vertical-align:top; margin:0; width:97%; margin-left: 3%; margin-top:20px; } #site-content .contactpage .contactpageright ul li.twocol { width: 47%;} #site-content .contactpage .contactpageright ul li input, #site-content .contactpage .contactpageright ul li textarea, #site-content .contactpage .contactpageright ul li select { border-radius: 0; border: 1px solid #a8a8a8; box-shadow: none; color: #555; font-size: 16px; padding: 15px; width: 100%; } #site-content .contactpage .contactpageright ul li select option { padding:5px;} #site-content .contactpage .contactpageright ul li textarea { height: 150px; } #site-content .contactpage .contactpageright ul li.submitbtn { width: auto; } #site-content .contactpage .contactpageright ul li.submitbtn input[type="submit"] { background-color: #778e18; border: 2px solid #778e18; color: #fff; display: inline-block; text-transform: uppercase; text-decoration: none; padding: 10px 28px; line-height: 25px; transition: all 1s ease 0s; width: auto;} #site-content .contactpage .contactpageright ul li.submitbtn input[type="submit"]:hover { background-color: transparent; color: #000;} .contactpagemap iframe { height: 450px; vertical-align: top;} #site-content h1, #site-content h2, #site-content h3, #site-content h4, #site-content h5, #site-content h6 {color:#000; font-weight: 500; margin-bottom: 20px;} #site-content h1 {color:#000; font-size: 36px; line-height: 45px;} #site-content h2 {color:#000; font-size: 32px; line-height: 40px;} #site-content h3 {color:#000; font-size: 28px; line-height: 40px;} #site-content h4 {color:#000; font-size: 26px; line-height: 38px;} #site-content h5 {color:#000; font-size: 24px; line-height: 36px;} #site-content h6 {color:#000; font-size: 22px; line-height: 34px;} #site-content p { font-size: 16px; color: #777; font-weight: 400; line-height: 28px;} #site-content a {color: #777;} #site-content a:hover {color: #859b8f;} /*#site-content strong, #site-content b {font-weight:500;}*/ #site-content p + p { margin-top:15px;} #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;} #site-content ul li, #site-content ol li {font-size: 16px; color: #777; font-weight: 400; margin-top:20px;} #site-content .breadcrumb { margin-bottom:0; padding-bottom:10px; border-bottom:1px solid #ccc;} #site-content img { height:auto; max-width:100%; padding:5px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-sizing:border-box;} .footer-nav-widgets-wrapper .widget {background: #1d8d99;} .footer-nav-widgets-wrapper .widget + .widget { margin-top:35px;} .footer-nav-widgets-wrapper .widget h4.widget-title {font-size: 25px; color: #fff; padding-bottom: 10px; font-weight: 400; padding:15px 25px; margin-bottom:0; background:#1d8d99;} .footer-nav-widgets-wrapper .widget ul { list-style-type:none;} .footer-nav-widgets-wrapper .widget ul li { border-top:1px solid #ccc;} .footer-nav-widgets-wrapper .widget ul li a {font-size: 18px; color: #000; padding: 10px 25px; display:block; background:#f7f7f7;} .footer-nav-widgets-wrapper .widget ul li a:hover { background:#fff; color:#1d8d99;} #site-content .attorneypage { background:#efeae1; margin:25px 0; padding:25px;} #site-content .attorneypage ul { margin:0;} #site-content .attorneypage ul li {font-size:0; margin:0;} #site-content .attorneypage ul li + li { margin-top:30px; border-top: 1px solid #d9d0c0; padding-top: 30px;} #site-content .attorneypage ul li .attorneyimage { width:19%; display:inline-block; vertical-align:top;} #site-content .attorneypage ul li .attorneycontent { width:78%; display:inline-block; vertical-align:top; margin-left:3%; font-size:18px;} #site-content .attorneypage ul li .attorneycontent p { font-size:15px; line-height:28px;} #site-content .practiceareapage { background:#efeae1; margin:25px 0; padding:25px;} #site-content .practiceareapage ul { margin:0;} #site-content .practiceareapage ul li {font-size:0; margin:0;} #site-content .practiceareapage ul li + li { margin-top:30px; border-top: 1px solid #d9d0c0; padding-top: 30px;} #site-content .practiceareapage ul li .preacticeiamge { width:19%; display:inline-block; vertical-align:middle;} #site-content .practiceareapage ul li .preacticeiamge img { background:#fff;} #site-content .practiceareapage ul li .practicecontent { width:78%; display:inline-block; vertical-align:middle; margin-left:3%; font-size:18px;} #site-content .practiceareapage ul li .practicecontent h3 { font-size:20px; margin-bottom: 10px; line-height: normal;} #site-content .practiceareapage ul li .practicecontent p { font-size:15px; line-height:28px;} #site-content .youtubewrapper { position:relative; padding-top:56.5%; margin:25px 0;} #site-content .youtubewrapper iframe { width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0;} #site-content figure.alignleft { margin-right:40px;} #site-content figure.alignright { margin-right:40px;} #site-content figure { background:#f1f1f1; padding:15px;} #site-content figure img { padding:0; box-shadow:none;} #site-content .innertestimonails { margin:25px 0;} #site-content .innertestimonails ul { margin:0;} #site-content .innertestimonails ul li { margin:0; background:#efeae1; padding:25px;} #site-content .innertestimonails ul li + li { margin-top:30px;} #site-content .innertestimonails ul li p { font-size: 20px; text-align: center; color: #222222; margin-bottom: 20px; line-height: 36px; font-style: italic;} #site-content .innertestimonails ul li h4 {font-size: 22px; font-weight: 500; color: #000; text-align: center; margin-bottom: 10px; line-height:normal;} #site-content .innertestimonails ul li h5 { font-size: 18px; font-style: italic; font-weight: 400; color: #444; line-height:normal; text-align: center;} #site-content .contactpageform { background:#efeae1; margin:25px 0; padding:25px;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield { margin-top:15px !important;} #site-content .contactpageform .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { font-size:18px; color:#000; padding:13px 20px; font-family: 'Mulish', sans-serif; width:100%; border:0; background:#fff; margin:0;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield textarea.textarea { font-size:18px; color:#000; padding:13px 20px; font-family: 'Mulish', sans-serif; width:100%; background:#fff; border:0; height:127px; margin:0;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield textarea.textarea:focus { border:0; outline:none;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield select { font-size:18px; color:#000; padding:13px 20px; font-family: 'Mulish', sans-serif; width:100%; border:0; background:#fff; margin:0;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield.twocol label { width:47%; display:inline-block; vertical-align:middle; text-align:right;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield.twocol .ginput_container { width:50%; margin-left:3% !important; display:inline-block; vertical-align:top;} /*#site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield.fullwidth label { width:auto; display:block; text-align:left;}*/ #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield.fullwidth .ginput_container { width:auto; display:block; margin-left:0 !important;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield.twocol.twocolcheck .ginput_container label { width:auto;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield.twocol.twocolcheck .ginput_container ul.gfield_checkbox { margin:0;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield.twocol.twocolcheck .ginput_container ul.gfield_checkbox li { margin:0; display:inline-block;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield.twocol.twocolcheck .ginput_container ul.gfield_checkbox li + li { margin-left:25px !important;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield.fullwidth .ginput_container ul.gfield_checkbox { margin:0;} #site-content .contactpageform .gform_wrapper ul.gform_fields li.gfield.fullwidth .ginput_container ul.gfield_checkbox li { margin:0;} #site-content .contactpageform .gform_wrapper .gform_footer { margin:30px 0 0; padding:0; text-align:center;} #site-content .contactpageform .gform_wrapper .gform_footer input.gform_button{ background: rgb(97,204,45); background: linear-gradient(90deg, rgba(97,204,45,1) 0%, rgba(50,133,9,1) 100%); color: #fff; border-radius: 10px; font-size:22px; font-weight: 700; padding:15px 40px; margin-top: 35px; display:inline-block; width:auto; margin:0; border:0; } #site-content .contactpageform .gform_wrapper .gform_footer input.gform_button:hover{ background: rgb(50,133,9); background: linear-gradient(90deg, rgba(50,133,9,1) 0%, rgba(97,204,45,1) 100%); text-decoration:none;} #site-content .pagecontactbox { background:#efeae1; margin:25px 0; padding:25px; text-align:center;} #site-content .pagecontactbox h3 { margin-bottom:0;} #site-content .packagespagesec .packagespagebox + .packagespagebox { margin-top:25px;} #site-content .packagespagesec .packagespagebox h3 { background:#778e18; padding:15px 20px; margin:0; line-height:normal; font-size:24px; color:#fff;} #site-content .packagespagesec .packagespagebox h4 { font-size:20px; line-height:normal;} #site-content .packagespagesec .packagespagebox .packagespageboxtext {background:#f1f1f1; padding:20px;} #site-content .packagespagesec .packagespagebox .packagespageboxtext.tablesection table { margin:0; background:#fff;} #site-content .packagespagesec .packagespagebox .packagespageboxtext.tablesection table th { background:#fff;} #site-content .packagespagesec .packagespagebox .packagespageboxtext.tablesection table h4 { margin:0;} #site-content .packagespagesec .packagespagebox .packagespageboxtext ul li, #site-content .packagespagesec .packagespagebox .packagespageboxtext ol li { margin-top:0; margin-bottom:15px;} #site-content .packagespagesec .packagespagebox .packagespageboxtext ul.colcount2 { column-count:2;} #site-content .packagespagesec .packagespagebox .packagespageboxtext ul.colcount3 { column-count:3;} #site-content .packagespagesec .packagespagebox .btnsec { text-align:center; margin-top:30px;} #site-content .packagespagesec .packagespagebox .btnsec a.btn {font-size:16px; font-weight:400; display:inline-block; position:relative; transition: all 0.5s ease; font-family: 'Poppins'; padding:10px 25px; background:#000; color:#fff; border-radius:5px; max-width:280px; box-sizing:border-box; width:100%;} #site-content .packagespagesec .packagespagebox .btnsec a.btn:hover {background:#859b8f; color:#fff;} /*--------- Custom Css Ends ---------*/ /*--------- Custom Responsive Css Starts ---------*/ @media only screen and ( max-width: 1400px ) { } @media only screen and ( max-width: 1301px ) { .container { width:96%; max-width:100%;} } @media only screen and ( max-width: 1201px ) { .homeservicessection ul.homeservicesbox li .contentbox { padding:50px 15px;} .homewelcomesec .homewelcomeleft { width:55%;} .homewelcomesec .homewelcomeright { width:42.5%;} .homemarriagesection .homemarriageleft .homemarriageleftbox { width:90%;} } @media only screen and ( max-width: 1024px ) { .headertopsec p { font-size:14px;} .homemarriagesection .homemarriageleft h3 { font-size:25px;} } @media only screen and ( max-width: 980px ) { .topnav ul li { margin-left:30px;} .innerbannersection { height:300px;} } @media only screen and ( max-width: 800px ) { .mobileheader { display:block; position:fixed; top:0; left:0; z-index:10; background:#fff; border-bottom:1px solid #ccc; width: 100%; padding: 10px 0; box-shadow: 0 3px 10px #0000002e;} .mobileheader .logo { margin-left:50px; width:180px;} .mobileheader .headercontact p { display:inline-block; vertical-align:middle; margin-right:15px;} .mobileheader .headercontact a.btn {display:inline-block; vertical-align:middle; font-size:25px;} .mobileheader .headercontact { padding:0; margin-top:7px;} .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;} .mobile_menu { display:block; float:left; } .mobilestyicky {position: fixed; width: 100%; left: 0; top: 0; box-shadow: 0 0 5px 2px #0b3543; z-index:10;} .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:#349206} .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:#02391a;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:#52ab26} .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 #349206; color: #fff; font-size: 18px; } .hc-offcanvas-nav:not(.touch-device) a:hover {background:#305c6a} .hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a { border-top:1px solid #349206; 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:#349206; border-top:1px solid #349206; border-bottom:1px solid #349206;} .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover { background:#349206} .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 #586f80;} .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 #305c6a;} .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*/ .headertopsec { display:none;} .homeservicessection { padding:30px 0;} .homeservicessection .homeserviceswrap { margin:0; padding:0;} .homeservicessection ul.homeservicesbox li .contentbox { padding:20px 10px;} .homeservicessection ul.homeservicesbox li .contentbox h3 { font-size:20px;} .homeservicessection ul.homeservicesbox li .contentbox p { font-size:14px; line-height:24px;} .homeservicessection h3.title { font-size:25px; margin-bottom:20px;} .bannersection .item { padding:20% 0;} .bannersection .item .caption { width:96%;} .bannersection .item .caption h3 { font-size:35px;} .bannersection .item .caption h4 { font-size:20px;} .homewelcomesec { padding:30px 0;} .homewelcomesec h3 { margin-bottom:20px;} .homewelcomesec .homewelcomeleft { width:auto; float:none;} .homewelcomesec .homewelcomeright { width:auto; float:none; margin-top:35px;} .homewelcomesec .homewelcomeleft ul li p { font-size:12px;} .newhomeserviceiconsec { padding:30px 0;} .newhomeserviceiconsec ul.serviceicons li .imagebox { width:80px; height:80px;} .newhomeserviceiconsec ul.serviceicons li svg { width:50px;} .newhomeserviceiconsec ul.serviceicons li .contentbox { width:calc(100% - 100px);} .newhomeserviceiconsec ul.serviceicons li h3 { font-size:18px; font-weight:500;} .newhomeserviceiconsec ul.serviceicons li p { font-size:13px;} .homemarriagesection .homemarriagewrap { display:block;} .homemarriagesection .homemarriageleft, .homemarriagesection .homemarriageright { width:auto; padding:30px 3%; float:none;} .homemarriagesection .homemarriageleft .btnsec { margin-top:20px;} .homemarriagesection .homemarriageleft .btnsec a.btn { padding:10px 40px;} .homemarriagesection .homemarriageleft .homemarriageleftbox { width:auto; padding:0; float:none;} .homemarriagesection .homemarriageright { padding-top:50%; background-position:center;} .homereviewsection { padding:20px 0;} .footersection { padding:30px 0;} .footersection .footerbox.footerboxabout { width:97%; padding-bottom:30px; border-bottom:1px solid #dddbd7; text-align:center;} .footersection .footerbox { width:47%;} .footersection .footerbox ul.addressul { max-width:550px; margin:0 auto;} .footersection .footerbox ul.addressul li { display:inline-block; vertical-align:top;} .footersection .footerbox.footerboxabout h3 { margin-bottom:0;} .footersection .socailicons ul {justify-content:center;} .footersection .btnsec a.btn { margin-top:0; padding:10px 50px;} .copyrightsec { padding:15px 0;} .topnav { display:none;} .innerbannersection { height:200px;} .aboutpagesection .aboutresortcontent { padding:30px 0;} .innerbannersection .caption h1 { font-size:30px; padding:10px 30px;} #site-content .servicespagesection .servicespageul ul li + li { margin-top:30px; padding-top:30px;} #site-content .servicespagesection .servicespageul ul li .contentox h3 { font-size:24px; line-height:normal; margin-bottom:10px;} #site-content .servicespagesection .servicespageul ul li .contentox h4 { font-size:22px; line-height:normal; margin-bottom:10px;} #site-content .servicespagesection .servicespageul { margin-bottom:30px;} #site-content .servicespagesection .servicespageul ul li .imagebox img { margin:0;} #site-content .contactpage .contactpageleft { width:100%; float:none;} #site-content .contactpage .contactpageright { width:100%; float:none; margin-top:35px;} #site-content .contactpage h3 { margin-bottom:0;} #site-content .contactpage .contactpageleft ul { margin-top:-10px;} #site-content .contactpage .contactpageleft ul li { margin-top:30px;} #site-content .packagespagesec .packagespagebox .packagespageboxtext ul.colcount2 {column-count:1;} #site-content .packagespagesec .packagespagebox .packagespageboxtext ul.colcount3 {column-count:2;} .mobilecallbtn { display:block; order:1;} .mobilecallbtn a.callbtn { background:#778e18; width: 40px; height: 40px; border-radius: 50%; display: grid; place-content: center; padding:0;} .mobilecallbtn a.callbtn svg { width:20px; fill:#fff;} .mobilecallbtn a.callbtn:hover svg { fill:#000;} .mobilecallbtn a.callbtn img {filter: invert(100%) sepia(0%) saturate(7462%) hue-rotate(100deg) brightness(115%) contrast(106%);} .headersection { padding:10px 0; position: sticky; top: 0; left: 0; right: 0; width: 100%; z-index: 99; box-shadow: 0px 0px 8px rgba(0,0,0,0.2);} .mobile_menu { margin-top:-10px;} .logo { float:none; margin:0 auto;} } @media only screen and ( max-width: 768px ) { } @media only screen and ( max-width: 736px ) { } @media only screen and ( max-width: 668px ) { .homeservicessection ul.homeservicesbox li { width:97%; display:flex;} .homeservicessection ul.homeservicesbox li .imagebox { width:45%;} .homeservicessection ul.homeservicesbox li .contentboxwrap { width:55%;} .homeservicessection ul.homeservicesbox li .contentbox p { font-size:16px;} .homeservicessection ul.homeservicesbox li .contentbox { padding:21px 15px;} .homeservicessection ul.homeservicesbox li .contentbox h3 { margin-bottom:5px;} .homeservicessection ul.homeservicesbox li .btnsec a.btn { padding:10px;} .homeservicessection ul.homeservicesbox { margin-top:0;} .newhomeserviceiconsec ul.serviceicons li { width:97%;} .homeservicessection ul.homeservicesbox li .imagebox img { height:192px; object-fit:cover;} .aboutpagesection .aboutopwrap { display:block; margin-bottom:0; text-align:center;} .aboutpagesection .abouttopright { width:100%; float:none;} .aboutpagesection .abouttopleft { width:100%; float:none; margin:30px 0;} .pageborder:before { left:50%; margin-left:-40px;} .servicespagesection .servicespageul ul li .servicepagewrap { display:block; text-align:center;} .servicespagesection .servicespageul ul li .imagebox { width:100%; float:none;} .servicespagesection .servicespageul ul li .contentox { width:100%; float:none; margin-top:20px;} .tablesection { overflow:scroll;} .tablesection table { width:800px !important; margin:25px 0; max-width:inherit;} } @media only screen and ( max-width: 640px ) { } @media only screen and ( max-width: 600px ) { .homemarriagesection .homemarriageleft h3 { font-size:30px;} .bannersection .item .caption h3 { font-size:30px;} .bannersection .item { padding:15% 0;} #site-content .packagespagesec .packagespagebox .packagespageboxtext ul.colcount3 {column-count:1;} } @media only screen and ( max-width: 568px ) { } @media only screen and ( max-width: 481px ) { .headersection .container { width:96%;} .container { width:90%;} .bannersection .item .caption h3 { font-size:25px;} .bannersection .item .caption h4 { font-size:18px; line-height:normal;} .homeservicessection h3.title a { display:block;} .homeservicessection ul.homeservicesbox li { display:block;} .homeservicessection ul.homeservicesbox li .imagebox { width:100%;} .homeservicessection ul.homeservicesbox li .imagebox img { width:100%; height:auto; } .homeservicessection ul.homeservicesbox li .contentboxwrap { width:100%;} .homeservicessection ul.homeservicesbox li .contentbox { padding:30px 15px;} .homewelcomesec h3 span { display:block;} .homewelcomesec .homewelcomeleft ul li { width:24%;} .newhomeserviceiconsec ul.serviceicons { margin-top:-25px;} .newhomeserviceiconsec ul.serviceicons li { margin-top:25px;} .homemarriagesection .homemarriageleft h3 { font-size:26px;} .footersection .footerbox ul.addressul li { padding-left:35px; font-size:22px;} .homemarriagesection .homemarriageleft, .homemarriagesection .homemarriageright { padding:30px 5%;} .homemarriagesection .homemarriageright { padding-top:50%;} .copyrightsec { font-size:14px;} .footersection ul li { font-size:14px;} .footersection h3 { margin-bottom:10px;} .innerbannersection { height:150px;} #site-content h1 {font-size: 30px; line-height: 40px;} #site-content h2 {font-size: 28px; line-height: 40px;} #site-content h3 {font-size: 26px; line-height: 38px;} #site-content h4 {font-size: 24px; line-height: 36px;} #site-content h5 {font-size: 22px; line-height: 34px;} #site-content h6 {font-size: 20px; line-height: 30px;} #site-content .contactpage .contactpageright ul li.twocol { width:97%;} #site-content .contactpage h3 { font-size:26px;} #site-content .packagespagesec .packagespagebox h3 { font-size:20px;} } @media only screen and ( max-width: 415px ) { .bannersection .item .caption h3 { font-size:20px;} .bannersection .item .caption h4 { font-size:16px;} .homewelcomesec .homewelcomeleft ul li { width:49%;} .footersection .footerbox ul.addressul li { font-size:20px;} .newhomeserviceiconsec ul.serviceicons li .imagebox { width:60px; height:60px;} .newhomeserviceiconsec ul.serviceicons li svg { width:40px;} .newhomeserviceiconsec ul.serviceicons li .contentbox { width:calc(100% - 70px);} } @media only screen and ( max-width: 384px ) { } @media only screen and ( max-width: 375px ) { } @media only screen and ( max-width: 360px ) { .bannersection .item .caption h3 { padding:10px 15px; font-size:18px;} .homeservicessection ul.homeservicesbox li .contentbox p { font-size:15px;} .footersection h3 { font-size:18px;} .homemarriagesection .homemarriageleft h3 { font-size:22px;} .newhomeserviceiconsec ul.serviceicons li h3 { font-size:16px;} .footersection .footerbox ul.addressul li { font-size:18px;} } @media only screen and ( max-width: 320px ) { .bannersection .item .caption h3 { font-size:16px;} .bannersection .item .caption h4 { font-size:15px;} .footersection ul li { font-size:13px;} .copyrightsec { font-size:13px;} } /*--------- Custom Responsive Css Ends ---------*/