/* Theme Name: jaklegal Theme Version: 1.8 Requires at least: 4.7 Requires PHP: 5.2.4 */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 0. CSS Reset 1. Document Setup 2. Element Base 3. Helper Classes 4. Site Header 5. Menu Modal 6. Search Modal 7. Page Templates a. Template: Cover Template c. Template: Full Width 8. Post: Archive 9. Post: Single 10. Blocks 11. Entry Content 12. Comments 13. Site Pagination 14. Error 404 15. Widgets 16. Site Footer 17. Media Queries ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */ html, body { border: none; margin: 0; padding: 0; } blockquote::before, blockquote::after { content: "";} /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ :root { font-size: 62.5%; } html {font-size: 62.5%; /* 1rem = 10px */} body { background: #fff; box-sizing: border-box; color:#444; font-family: 'Lexend', sans-serif; font-size:1.8rem; line-height:28px; font-weight:400; letter-spacing: normal; text-align: left;} *, *::before, *::after { box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word;} /* Clearing ---------------------------------- */ .group::after, .entry-content::after {clear: both; content: "";display: block;} /* Base Transitions -------------------------- */ a, path {transition: all 0.15s linear;} /* Screen Reader Text ------------------------ */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal;} .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 1.4rem; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;} /* Skip Link --------------------------------- */ .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline;} .skip-link:focus { display: block; left: 6px; top: 7px; font-size: 1.4rem; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto;} /* Accessibility Settings -------------------- */ @media ( prefers-reduced-motion: reduce ) { * { animation-duration: 0s !important; transition-duration: 0s !important;} } /* -------------------------------------------------------------------------- */ /* 2. Element Base /* ---------------------------------------------*---------------------------- */ main {display: block;} h1, h2, h3, h4, h5, h6, .faux-heading { margin: 0; padding:0;} p { line-height: normal; margin: 0; padding:0;} em, i, q, dfn { font-style: italic;} em em, em i, i em, i i, cite em, cite i {font-weight: bolder;} big {font-size: 1.2em;} small {font-size: 0.75em;} b, strong { font-weight: 700;} ins {text-decoration: underline;} sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} abbr, acronym { cursor: help;} address {line-height: 1.5; margin: 0 0 2rem 0;} hr {border-style: solid;border-width: 0.1rem 0 0 0; border-color: #dcd7ca;margin: 4rem 0;} .entry-content hr, hr.styled-separator {background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); background-color: transparent !important; border: none; height: 0.1rem; overflow: visible; position: relative;} .entry-content hr:not(.has-background), hr.styled-separator {color: #6d6d6d;} .entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after { background: currentColor; content: ""; display: block; height: 1.6rem; position: absolute; top: calc(50% - 0.8rem); transform: rotate(22.5deg);width: 0.1rem;} .entry-content hr::before, hr.styled-separator::before {left: calc(50% - 0.5rem);} .entry-content hr::after, hr.styled-separator::after {right: calc(50% - 0.5rem);} a { color: #ffc500; text-decoration: none;} a:hover, a:focus {text-decoration: none; color:#383838;} /* Lists ------------------------------------- */ ul, ol {margin: 0; padding:0;} ul {list-style: disc;} ul ul { list-style: circle;} ul ul ul {list-style: square;} ol {list-style: decimal;} ol ol { list-style: lower-alpha;} ol ol ol {list-style: lower-roman;} li {line-height: 1.5;margin: 0;} li > ul, li > ol {margin: 1rem 0 0 2rem;} .reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style: none;margin: 0;} .reset-list-style li { margin: 0;} dt, dd {line-height: 1.5;} dt { font-weight: 700;} dt + dd { margin-top: 0.5rem;} dd + dt {margin-top: 1.5rem;} /* Quotes ------------------------------------ */ blockquote { border-color: #3c5b65; border-style: solid; /*rtl:ignore*/ border-width: 0 0 0 0.2rem; color: inherit; font-size: 1em; margin: 4rem 0; /*rtl:ignore*/ padding: 0.5rem 0 0.5rem 2rem;} cite { color: #6d6d6d; font-size: 1.4rem; font-style: normal; font-weight: 600; line-height: 1.25; } blockquote cite {display: block; margin: 2rem 0 0 0;} blockquote p:last-child {margin: 0;} /* Code -------------------------------------- */ code, kbd, pre, samp { font-family: monospace; font-size: 0.9em; padding: 0.4rem 0.6rem;} code, kbd, samp { background: rgba(0, 0, 0, 0.075); border-radius: 0.2rem;} pre { border: 0.1rem solid #dcd7ca; line-height: 1.5; margin: 4rem 0; overflow: auto; padding: 3rem 2rem; text-align: left; } pre code { background: transparent; padding: 0;} /* Media ------------------------------------- */ figure {display: block; margin: 0;} iframe {display: block; max-width: 100%;} video { display: block;} svg, img, embed, object {display: block;height: auto;max-width: 100%;} figcaption, .wp-caption-text {color: #6d6d6d; display: block;font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin-top: 1.5rem;} figcaption a, .wp-caption-text a {color: inherit;} /* GALLERIES */ .gallery { display: flex; flex-wrap: wrap; margin: 3em 0 3em -0.8em; width: calc(100% + 1.6em);} .gallery-item { margin: 0.8em 0; padding: 0 0.8em; width: 100%;} .gallery-caption {display: block;margin-top: 0.8em;} /* Inputs ------------------------------------ */ fieldset { border: 0.2rem solid #dcd7ca; padding: 2rem;} legend { font-size: 0.85em;font-weight: 700;padding: 0 1rem;} label { display: block; font-size: 1.6rem; font-weight: 400; margin: 0 0 0.5rem 0;} label.inline, input[type="checkbox"] + label { display: inline; font-weight: 400; margin-left: 0.5rem;} input, textarea, button, .buttonsec, .faux-button, .wp-block-button__link, .wp-block-file__button {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;line-height: 1;} @supports ( font-variation-settings: normal ) { input, textarea, button, .buttonsec, .faux-button, .faux-button.more-link, .wp-block-button__link, .wp-block-file__button { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;} } input, textarea { border-color: #dcd7ca; color: #000;} code, input[type="url"], input[type="email"], input[type="tel"] { /*rtl:ignore*/ direction: ltr;} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea {-webkit-appearance: none; -moz-appearance: none; background: #fff; border-radius: 0; border-style: solid; border-width: 0.1rem; box-shadow: none; display: block; font-size: 1.6rem; letter-spacing: -0.015em; margin: 0; max-width: 100%; padding: 1.5rem 1.8rem; width: 100%; } select { font-size: 1em; } textarea { height: 12rem; line-height: 1.5; width: 100%;} input::-webkit-input-placeholder { line-height: normal; } input:-ms-input-placeholder { line-height: normal;} input::-moz-placeholder { line-height: normal;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none;} button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; background: #cd2653; border: none; border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.0333em; line-height: 1.25; margin: 0; opacity: 1; padding: 1.1em 1.44em; text-align: center; text-decoration: none; text-transform: uppercase; transition: opacity 0.15s linear;} button:focus, button:hover, .buttonsec:focus, .buttonsec:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {text-decoration: underline;} input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {border-color: currentColor;} input[type="search"]:focus { outline: thin dotted;outline-offset: -4px;} /* Tables ------------------------------------ */ /* table { border: 0.1rem solid #dcd7ca; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 1.6rem; margin: 4rem 0; max-width: 100%; overflow: hidden; width: 100%; } */ .alignleft > table { margin: 0; } .alignright > table { margin: 0;} th, td { line-height: 1.4; margin: 0; overflow: visible; padding: 0.5em; } caption { background: #dcd7ca; font-weight: 600; padding: 0.5em; text-align: center;} thead { vertical-align: bottom; white-space: nowrap;} th { font-weight: 700;} /* -------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; resize:none} body {line-height:1} a, a:hover {text-decoration:none; outline:none} a:active, a:focus {outline:0} img {border:none; vertical-align:top} /* DEFAULT FORM STYLING */ input[type="radio"], input[type="checkbox"] {vertical-align:-2px} textarea {resize:none} input {visibility:visible; outline:none} /* INDIVIDUAL RESET */ .reset {list-style:none; padding:0; margin:0} /* FLOATS */ .lf {float:left} .rf {float:right} /* CLEAR FLOAT */ .clear {clear:both; padding:0; margin:0; overflow:hidden; height:0} /* POSITION RELATIVE */ .rel {position:relative} /* WIDTH 100% */ .fullwid {width:100%} /* DISPLAY INLINE */ .inline {display:inline} /* font SIZES */ .vsmlTxt {font-size:10px} .smlTxt {font-size:11px} .paraTxt {font-size:12px} .bigTxt {font-size:14px} /*font WEIGHTS */ .strong {font-weight:bold} .normTxt, .normTxt a {font-weight:normal} /* OVERFLOW-HIDDEN */ .ovfl-hidden {overflow:hidden} /* TEXT ALIGN */ .centerAll {text-align:center} .rightAlign {text-align:right} .leftAlign {text-align:left} .justfy {text-align:justify} /* NO MARGIN */ .nomargin {margin:0} .lftmargin {margin-left:0} .rgtmargin {margin-right:0} /*HTML5 Reset*/ header,footer,aside,article,nav,hgroup,section {display:block} .error{color:#ff0000} /* 3. Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ .no-margin { margin: 0;} .no-padding { padding: 0;} .screen-height { min-height: 100vh;} .admin-bar .screen-height { min-height: calc(100vh - 32px);} @media (max-width: 782px) { .admin-bar .screen-height { min-height: calc(100vh - 46px);} } .screen-width { position: relative; left: calc(50% - 50vw); width: 100vw;} /* Toggles ----------------------------------- */ .toggle { -moz-appearance: none; -webkit-appearance: none; color: inherit; cursor: pointer; font-family: inherit; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align: inherit; user-select: none;} button.toggle { background: none; border: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none;} /* Hiding and Showing ------------------------ */ .js .show-js {display: block !important;} .js .hide-js {display: none !important;} .no-js .show-no-js {display: block !important;} .no-js .hide-no-js {display: none !important;} /* Typography -------------------------------- */ .font-size-xl { font-size: 1.25em;} .font-size-xs { font-size: 0.8em;} .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* Colors ------------------------------------ */ /* COLOR */ .color-accent, .color-accent-hover:focus, .color-accent-hover:hover { color: #cd2653;} /* BACKGROUND COLOR */ .bg-accent, .bg-accent-hover:focus, .bg-accent-hover:hover {background-color: #cd2653;} /* BORDER COLOR */ .border-color-accent, .border-color-accent-hover:focus, .border-color-accent-hover:hover {border-color: #cd2653;} /* FILL COLOR */ .fill-children-accent, .fill-children-accent * {fill: #cd2653;} .fill-children-current-color, .fill-children-current-color * {fill: currentColor;} /* Opacity ----------------------------------- */ .opacity-0 { opacity: 0;} .opacity-5 { opacity: 0.05;} .opacity-10 {opacity: 0.1;} .opacity-15 { opacity: 0.15;} .opacity-20 { opacity: 0.2;} .opacity-25 { opacity: 0.25;} .opacity-30 { opacity: 0.3;} .opacity-35 { opacity: 0.35;} .opacity-40 { opacity: 0.4;} .opacity-45 { opacity: 0.45;} .opacity-50 { opacity: 0.5;} .opacity-55 { opacity: 0.55;} .opacity-60 { opacity: 0.6;} .opacity-65 { opacity: 0.65;} .opacity-70 { opacity: 0.7;} .opacity-75 { opacity: 0.75;} .opacity-80 { opacity: 0.8;} .opacity-85 { opacity: 0.85;} .opacity-90 { opacity: 0.9;} .blend-mode-exclusion { mix-blend-mode: exclusion;} .blend-mode-hue { mix-blend-mode: hue;} .blend-mode-saturation { mix-blend-mode: saturation;} .blend-mode-color { mix-blend-mode: color;} .blend-mode-luminosity { mix-blend-mode: luminosity;} /* Image Classes ----------------------------- */ .bg-image { background-position: center; background-repeat: no-repeat; background-size: cover;} .bg-attachment-fixed { background-attachment: fixed;} @supports ( -webkit-overflow-scrolling: touch ) { .bg-attachment-fixed { background-attachment: scroll;} } @media ( prefers-reduced-motion: reduce ) { .bg-attachment-fixed {background-attachment: scroll;} } .wp-block-image.is-resized {margin-left: auto;margin-right: auto;} /* Search Form ------------------------------- */ .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; margin: 0 0 -0.8rem -0.8rem;} .search-form .search-field, .search-form .search-submit { margin: 0 0 0.8rem 0.8rem;} .search-form label { align-items: stretch; display: flex; font-size: inherit; margin: 0; width: 100%;} .search-form .search-field { width: 100%;} .search-form .search-submit { flex-shrink: 0;} .search-form .search-submit:focus, .search-form .search-submit:hover {text-decoration: none;} /* Social Icons ------------------------------ */ ul.social-icons { display: flex; flex-wrap: wrap; margin: -0.9rem 0 0 -0.9rem; width: calc(100% + 0.9rem);} ul.social-icons li { margin: 0.9rem 0 0 0.9rem;} .social-icons a { align-items: center; background: #cd2653; border-radius: 50%; color: #fff; display: flex; height: 4.4rem; justify-content: center; padding: 0; text-decoration: none; transition: transform 0.15s ease-in-out; width: 4.4rem;} .social-icons a:focus, .social-icons a:hover { transform: scale(1.1); text-decoration: none;} /* Cover Modals ------------------------------ */ .cover-modal { display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .cover-modal::-webkit-scrollbar { display: none !important;} .cover-modal.show-modal { display: block; cursor: pointer;} .cover-modal.show-modal > * { cursor: default;} /* -------------------------------------------------------------------------- */ /* 4. Site Header /* -------------------------------------------------------------------------- */ #site-header { background: #fff; position: relative; } .header-inner { max-width: 168rem; padding: 3.15rem 0; z-index: 100;} /* Header Titles ----------------------------- */ .header-titles-wrapper { align-items: center; display: flex; justify-content: center; padding: 0 4rem;text-align: center;} body:not(.enable-search-modal) .header-titles-wrapper { justify-content: flex-start; padding-left: 0; text-align: left;} .site-title, .site-logo, .site-description { margin: 0;} .site-title { font-size: 2.1rem; font-weight: 600; line-height: 1;} .site-title a { color: inherit; display: block; text-decoration: none;} .site-title a:hover, .site-title a:focus { text-decoration: underline;} .site-description { margin-top: 1rem; color: #6d6d6d; font-size: 1.8rem; font-weight: 500; display: none; letter-spacing: -0.0311em; transition: all 0.15s linear;} .site-logo a, .site-logo img { display: block;} .header-titles .site-logo .site-logo { margin: 0;} .site-logo img { max-height: 6rem; margin: 0 auto; width: auto;} body:not(.enable-search-modal) .site-logo img { margin: 0;} /* Overlay Header ---------------------------- */ .overlay-header #site-header { background: transparent; margin: 0; position: absolute; left: 0; right: 0; top: 0; z-index: 2; } .overlay-header .header-inner { color: #fff;} .overlay-header .site-description, .overlay-header .toggle { color: inherit;} .overlay-header .header-inner .toggle-wrapper::before { background-color: currentColor; opacity: 0.25;} .admin-bar.overlay-header #site-header { top: 32px; } @media (max-width: 782px) { .admin-bar.overlay-header #site-header {top: 46px;} } /* Header Navigation ------------------------- */ .header-navigation-wrapper { display: none;} /* Header Toggles ---------------------------- */ .header-toggles { display: none;} .header-inner .toggle { align-items: center; display: flex; overflow: visible; padding: 0 2rem;} .header-inner .toggle svg { display: block; position: relative;z-index: 1;} .header-inner .toggle path { fill: currentColor;} .toggle-inner { display: flex; justify-content: center; height: 2.3rem; position: relative;} .toggle-icon { display: block; overflow: hidden;} .toggle-inner .toggle-text { color: #6d6d6d; font-size: 1rem; font-weight: 600; position: absolute; top: calc(100% + 0.5rem); width: auto; white-space: nowrap; word-break: break-all; } .overlay-header .toggle-text { color: inherit;} .header-inner .toggle:focus .toggle-text, .header-inner .toggle:hover .toggle-text {text-decoration: underline;} /* Search Toggle ----------------------------- */ .search-toggle { position: absolute; bottom: 0; left: 0; top: 0;} .search-toggle .toggle-icon, .search-toggle svg { height: 2.5rem; max-width: 2.3rem; width: 2.3rem;} /* Navigation Toggle ------------------------- */ .nav-toggle { position: absolute; bottom: 0; right: 0; top: 0; width: 6.6rem; } .nav-toggle .toggle-icon, .nav-toggle svg { height: 0.8rem; width: 2.6rem;} .nav-toggle .toggle-inner { padding-top: 0.8rem;} /* Primary Menu ---------------------------- */ .primary-menu-wrapper { display: none;} ul.primary-menu { display: flex; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.0277em; flex-wrap: wrap; justify-content: flex-end; margin: -0.8rem 0 0 -1.6rem;} .primary-menu .icon { display: block; height: 0.7rem; position: absolute; pointer-events: none; transform: rotate(-45deg); width: 1.3rem; } .primary-menu .icon::before, .primary-menu .icon::after { content: "";display: block; background-color: currentColor; position: absolute; bottom: calc(50% - 0.1rem); left: 0;} .primary-menu .icon::before { height: 0.9rem; width: 0.2rem;} .primary-menu .icon::after { height: 0.2rem; width: 0.9rem;} .primary-menu li { font-size: inherit; line-height: 1.25; position: relative; } .primary-menu > li { margin: 0.8rem 0 0 1.6rem;} .primary-menu > li.menu-item-has-children > a { padding-right: 2rem;} .primary-menu > li > .icon { right: -0.5rem; top: calc(50% - 0.4rem);} .primary-menu a { color: inherit; display: block; line-height: 1.2; text-decoration: none;} .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { text-decoration: underline;} .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a { text-decoration: underline;} .primary-menu li.current-menu-item > a:hover, .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, .primary-menu li.current-menu-item > a:focus, .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {text-decoration: none;} /* SUB MENU */ .primary-menu ul { background: #000; border-radius: 0.4rem; color: #fff; font-size: 1.7rem; opacity: 0; padding: 1rem 0; position: absolute; right: 9999rem; top: calc(100% + 2rem); transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(0.6rem); width: 20rem; z-index: 1;} .primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul { right: 0; opacity: 1;transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear;} .primary-menu ul::before, .primary-menu ul::after {content: ""; display: block; position: absolute; bottom: 100%; } .primary-menu ul::before {height: 2rem; left: 0;right: 0;} .primary-menu ul::after { border: 0.8rem solid transparent; border-bottom-color: #000; right: 1.8rem; } .primary-menu ul a { background: transparent; border: none; color: inherit; display: block; padding: 1rem 2rem; transition: background-color 0.15s linear; width: 100%;} .primary-menu ul li.menu-item-has-children > a { padding-right: 4.5rem; } .primary-menu ul li.menu-item-has-children .icon {position: absolute; right: 1.5rem; top: calc(50% - 0.5rem);} /* DEEP DOWN */ .primary-menu ul ul {top: -1rem;} .primary-menu ul li.menu-item-has-children:hover > ul, .primary-menu ul li.menu-item-has-children:focus > ul, .primary-menu ul li.menu-item-has-children.focus > ul { right: calc(100% + 2rem); } .primary-menu ul ul::before { bottom: 0; height: auto; left: auto; right: -2rem; top: 0; width: 2rem; } .primary-menu ul ul::after { border-bottom-color: transparent; /*rtl:ignore*/ border-left-color: #000; bottom: auto; right: -1.6rem; top: 2rem; } .rtl .primary-menu ul ul::after { transform: rotate(180deg);} /* * Enable nav submenu expansion with tapping on arrows on large-viewport * touch interfaces (e.g. tablets or laptops with touch screens). * These rules are supported by all browsers (>IE11) and when JS is disabled. */ @media (any-pointer: coarse) { .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem;} .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset;} } /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ body.touch-enabled .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } body.touch-enabled .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset;} /* -------------------------------------------------------------------------- */ /* 5. Menu Modal /* -------------------------------------------------------------------------- */ .menu-modal { background: #fff; display: none; opacity: 0; overflow-y: auto; overflow-x: hidden; position: fixed; bottom: 0; left: -99999rem; right: 99999rem; top: 0; transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; z-index: 99;} .admin-bar .menu-modal { top: 32px;} @media (max-width: 782px) { .admin-bar .menu-modal { top: 46px; } } .menu-modal.show-modal { display: flex;} .menu-modal.active { left: 0; opacity: 1; right: 0; transition: opacity 0.25s ease-out;} .menu-modal-inner { background: #fff; display: flex; justify-content: stretch; overflow: auto; -ms-overflow-style: auto; width: 100%;} .menu-wrapper { display: flex; flex-direction: column; justify-content: space-between; position: relative;} button.close-nav-toggle { align-items: center; display: flex; font-size: 1.6rem; font-weight: 500; justify-content: flex-end; padding: 3.1rem 0; width: 100%;} button.close-nav-toggle svg { height: 1.6rem; width: 1.6rem;} button.close-nav-toggle .toggle-text {margin-right: 1.6rem;} .menu-modal .menu-top {flex-shrink: 0;} /* Main Menu --------------------------------- */ .modal-menu{position:relative;left:calc(50% - 50vw);width:100vw} .modal-menu li{border-color:#dedfdf;border-style:solid;border-width:.1rem 0 0 0;display:flex;flex-wrap:wrap;line-height:1;justify-content:flex-start;margin:0} .modal-menu>li>.ancestor-wrapper>a,.modal-menu>li>a{font-size:2rem;font-weight:700;letter-spacing:-.0375em} .modal-menu>li:last-child{border-bottom-width:.1rem} .modal-menu .ancestor-wrapper{display:flex;justify-content:space-between;width:100%} .modal-menu a{display:block;padding:2rem 2.5rem;text-decoration:none;width:100%} .modal-menu a:focus,.modal-menu a:hover,.modal-menu li.current-menu-item>.ancestor-wrapper>a,.modal-menu li.current_page_ancestor>.ancestor-wrapper>a{text-decoration:underline} button.sub-menu-toggle{border-left:.1rem solid #dedfdf;flex-shrink:0;margin:1rem 0;padding:0 2.5rem} button.sub-menu-toggle svg{height:.9rem;transition:transform .15s linear;width:1.5rem} button.sub-menu-toggle.active svg{transform:rotate(180deg)} .modal-menu ul{display:none;margin:0;width:100%} .modal-menu ul li{border-left-width:1rem} .modal-menu ul li a{color:inherit;font-weight:500} /* Main menu animation ----------------------- */ .menu-wrapper .menu-item{position:relative} .menu-wrapper .active{display:block} .menu-wrapper.is-toggling{pointer-events:none} .menu-wrapper.is-toggling .menu-item{position:absolute;top:0;left:0;margin:0;width:100%} .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item{width:auto} .menu-wrapper.is-animating .menu-item,.menu-wrapper.is-animating .toggling-target{transition-duration:250ms} .menu-wrapper.is-animating .menu-item{transition-property:transform} .menu-wrapper.is-toggling .toggling-target{display:block;position:absolute;top:0;left:0;opacity:1} .menu-wrapper.is-toggling .toggling-target.active{opacity:0} .menu-wrapper.is-animating.is-toggling .toggling-target{display:block;transition-property:opacity;opacity:0} .menu-wrapper.is-animating.is-toggling .toggling-target.active{opacity:1} .menu-wrapper.is-toggling .modal-menu>li:last-child li{border-top-color:transparent;border-bottom-width:.1rem} @media (prefers-reduced-motion:reduce){.menu-wrapper.is-animating .menu-item,.menu-wrapper.is-animating .toggling-target{transition-duration:1ms!important}} /* Expanded Menu ----------------------------- */ .expanded-menu {display: none;} .mobile-menu {display: block;} /* Menu Bottom ------------------------------- */ .menu-bottom{flex-shrink:0;padding:4rem 0} .menu-bottom nav{width:100%} .menu-copyright{display:none;font-size:1.6rem;font-weight:500;margin:0} .menu-copyright a:focus,.menu-copyright a:hover{text-decoration:underline} .menu-bottom .social-menu{justify-content:center} /* -------------------------------------------------------------------------- */ /* 6. Search Modal /* -------------------------------------------------------------------------- */ .search-modal{background:rgba(0,0,0,.2);display:none;opacity:0;position:fixed;bottom:0;left:-9999rem;top:0;transition:opacity .2s linear,left 0s .2s linear;width:100%;z-index:999} .admin-bar .search-modal.active{top:32px} @media (max-width:782px){.admin-bar .search-modal.active{top:46px}} .search-modal-inner{background:#fff;transform:translateY(-100%);transition:transform .15s linear,box-shadow .15s linear} .search-modal-inner .section-inner{display:flex;justify-content:space-between;max-width:168rem} .search-modal.active{left:0;opacity:1;transition:opacity .2s linear} .search-modal.active .search-modal-inner{box-shadow:0 0 2rem 0 rgba(0,0,0,.08);transform:translateY(0);transition:transform .25s ease-in-out,box-shadow .1s .25s linear} button.search-untoggle{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:-2.5rem;padding:0 2.5rem} .search-modal button.search-untoggle{color:inherit} .search-modal.active .search-untoggle{animation:popIn both .3s .2s} .search-untoggle svg{height:1.5rem;transition:transform .15s ease-in-out;width:1.5rem} .search-untoggle:focus svg,.search-untoggle:hover svg{transform:scale(1.15)} /* Modal Search Form ------------------------- */ .search-modal form{margin:0;position:relative;width:100%} .search-modal .search-field{background:0 0;border:none;border-radius:0;color:inherit;font-size:2rem;letter-spacing:-.0277em;height:8.4rem;margin:0 0 0 -2rem;max-width:calc(100% + 2rem);padding:0 0 0 2rem;width:calc(100% + 2rem)} .search-modal .search-field::-webkit-input-placeholder{color:inherit} .search-modal .search-field:-ms-input-placeholder{color:inherit} .search-modal .search-field::-moz-placeholder{color:inherit;line-height:4} .search-modal .search-submit{position:absolute;right:-9999rem;top:50%;transform:translateY(-50%)} .search-modal .search-submit:focus{right:0} /* -------------------------------------------------------------------------- */ /* 7a. Template: Cover Template /* -------------------------------------------------------------------------- */ .cover-header{display:flex;overflow:hidden} .cover-header-inner-wrapper{display:flex;position:relative;flex-direction:column;justify-content:flex-end;width:100%} .cover-header-inner{padding:10rem 0 5rem 0;width:100%} .cover-color-overlay,.cover-color-overlay::before{position:absolute;bottom:0;left:0;right:0;top:0} .cover-color-overlay::before{background:currentColor;content:"";display:block} .cover-header .entry-header{position:relative;width:100%;z-index:1} .cover-header .entry-header *{color:#fff} body.template-cover .entry-header{background:0 0;padding:0} .cover-header .faux-heading,.cover-header h1,.cover-header h2,.cover-header h3,.cover-header h4,.cover-header h5,.cover-header h6{color:inherit} .cover-header .entry-header a{color:inherit} /* To The Content ---------------------------- */ .to-the-content-wrapper{position:absolute;left:0;right:0;top:calc(100% + .5rem)} .to-the-content{align-items:center;display:flex;justify-content:center;height:4rem;text-decoration:none} .to-the-content svg{height:2rem;transition:transform .15s linear;transform:translateY(0);width:1.767rem} .to-the-content:focus svg,.to-the-content:hover svg{transform:translateY(20%)} /* -------------------------------------------------------------------------- */ /* 7c. Template: Full Width /* -------------------------------------------------------------------------- */ body.template-full-width .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),body.template-full-width [class*="__inner-container"]>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){max-width:120rem} body.template-full-width .entry-content .alignleft,body.template-full-width .entry-content .alignright{position:static} body.template-full-width .entry-content .alignleft,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.alignleft,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.wp-block-image .alignleft,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>p .alignleft{margin-left:0;position:static} body.template-full-width .entry-content>.alignleft,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignleft,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignleft,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignleft{margin-left:2rem;position:static} body.template-full-width .entry-content .alignright,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.alignright,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.wp-block-image .alignright,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>p .alignright{margin-right:0;position:static} body.template-full-width .entry-content>.alignright,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignright,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignright,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignright{margin-right:2rem;position:static} /* -------------------------------------------------------------------------- */ /* 8. Post: Archive /* -------------------------------------------------------------------------- */ /* Archive Header ---------------------------- */ .archive-header{background-color:#fff;padding:4rem 0} .reduced-spacing .archive-header{padding-bottom:2rem} .archive-title{font-size:2.4rem;font-weight:700;letter-spacing:-.026666667em;margin:0} .archive-subtitle p:last-child{margin-bottom:0} /* Search Results ---------------------------- */ .no-search-results-form {padding-top: 5rem;} /* -------------------------------------------------------------------------- */ /* 9. Post: Single /* -------------------------------------------------------------------------- */ /* Post Header ------------------------------- */ .singular .entry-header{background-color:#fff;padding:4rem 0} .entry-categories{line-height:1.25;margin-bottom:2rem} .entry-categories-inner{justify-content:center;display:flex;flex-wrap:wrap;margin:-.5rem 0 0 -1rem} .entry-categories a{border-bottom:.15rem solid currentColor;font-size:1.4rem;font-weight:700;letter-spacing:.036666667em;margin:.5rem 0 0 1rem;text-decoration:none;text-transform:uppercase} .entry-categories a:focus,.entry-categories a:hover{border-bottom-color:transparent} h1.entry-title,h2.entry-title{margin:0} .entry-title a{color:inherit;text-decoration:none} .entry-title a:focus,.entry-title a:hover{text-decoration:underline} .intro-text{margin-top:2rem} .singular .intro-text{font-size:2rem;letter-spacing:-.0315em;line-height:1.4} .post-meta-single-top .post-meta{justify-content:center} .post-meta{color:#6d6d6d;display:flex;flex-wrap:wrap;font-size:1.5rem;font-weight:500;list-style:none;margin:-1rem 0 0 -2rem} .post-meta li{flex-shrink:0;letter-spacing:-.016875em;margin:1rem 0 0 2rem;max-width:calc(100% - 2rem)} .post-meta li .meta-text{font-size: 16px;font-weight: 300;} .post-meta a{color:inherit;text-decoration:none} .post-meta a:focus,.post-meta a:hover{text-decoration:underline} .post-meta .meta-wrapper{align-items:center;display:flex;flex-wrap:nowrap} .post-meta .meta-icon{flex-shrink:0;margin-right:10px} .sticky .post-sticky{color:inherit} /*.post-meta .post-author .meta-icon svg{width:1.6rem;height:1.8rem} .post-meta .post-categories .meta-icon svg{width:1.8rem;height:1.7rem} .post-meta .post-comment-link .meta-icon svg{width:1.8rem;height:1.8rem} .post-meta .post-date .meta-icon svg{width:1.7rem;height:1.8rem} .post-meta .post-edit .meta-icon svg{width:1.8rem;height:1.8rem} .post-meta .post-sticky .meta-icon svg{width:1.5rem;height:1.8rem} .post-meta .post-tags .meta-icon svg{width:1.8rem;height:1.8rem}*/ .post-meta svg *{fill:currentColor} /* Featured Media ---------------------------- */ .featured-media{margin-top:5rem;position:relative} .singular .featured-media{margin-top:0} .singular .featured-media-inner{position:relative} .singular .featured-media::before{background:#fff;content:"";display:block;position:absolute;bottom:50%;left:0;right:0;top:0} .featured-media img{margin:0 auto} .featured-media figcaption{margin:1.5rem auto 0 auto;text-align:center;width:calc(100% - 5rem)} .reduced-spacing.missing-post-thumbnail .post-inner{padding-top:0} /* Post Footer ------------------------------- */ /* POST NAV LINKS */ .post-nav-links { border-radius: 0.4rem;display: flex; font-size: 0.9em; font-weight: 600; line-height: 1; margin-top: 3em; padding: 0 0.25em; } .post-nav-links > * {padding: 1em 0.75em;} /* POST META BOTTOM */ .post-meta-wrapper.post-meta-single-bottom {margin-top: 3rem;} /* Author Bio -------------------------------- */ .author-bio{margin-top:4rem;margin-right:auto;margin-left:auto;max-width:58rem;width:calc(100% - 4rem)} .hide-avatars .author-bio{padding-left:0} .author-bio .author-title-wrapper{align-items:center;display:flex;margin:0 0 1rem 0} .author-bio .avatar{border-radius:50%;margin-right:1.5rem;height:5rem;width:5rem} .hide-avatars img.avatar{display:none} .author-bio p:last-child{margin-bottom:0} .author-bio .author-title{margin:0} .author-bio .author-link{display:block;font-size:1.6rem;font-weight:600;margin-top:1em;text-decoration:none} .author-bio .author-link:focus,.author-bio .author-link:hover{text-decoration:underline} /* Single Pagination ------------------------- */ .pagination-single{font-size:1.8rem;margin-top:5rem} .pagination-single-inner{display:flex;flex-direction:column} .pagination-single hr:first-child{margin:0 0 2.8rem 0} .pagination-single hr:last-child{margin:2.8rem 0 .8rem 0} .pagination-single a{align-items:baseline;display:flex;font-weight:600;letter-spacing:-.0275em;text-decoration:none;flex:1} .pagination-single a+a{margin-top:1rem} .pagination-single a .arrow{margin-right:1rem} .pagination-single a:focus .title,.pagination-single a:hover .title{text-decoration:underline} /* -------------------------------------------------------------------------- */ /* 10. Blocks /* -------------------------------------------------------------------------- */ /* Block Colors ------------------------------ */ .has-text-color a{color:inherit} :root .has-accent-color{color:#cd2653} :root .has-accent-background-color{background-color:#cd2653;color:#fff} :root .has-primary-color{color:#000} :root .has-primary-background-color{background-color:#000;color:#f5efe0} :root .has-secondary-color{color:#6d6d6d} :root .has-secondary-background-color{background-color:#6d6d6d;color:#fff} :root .has-subtle-background-color{color:#dcd7ca} :root .has-subtle-background-background-color{background-color:#dcd7ca;color:#000} :root .has-background-color{color:#f5efe0} :root .has-background-background-color{background-color:#f5efe0;color:#000} /* Block Typography Classes ------------------ */ .has-text-align-left{text-align:left} .has-text-align-center{text-align:center} .has-text-align-right{text-align:right} .has-drop-cap:not(:focus)::first-letter{color:#cd2653;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,sans-serif;font-size:5.1em;font-weight:800;margin:.05em .1em 0 0} .has-drop-cap:not(:focus)::first-letter::after{content:"";display:table;clear:both} .has-drop-cap:not(:focus)::after{padding:0} /* Block Font Sizes -------------------------- */ .entry-content .has-small-font-size{font-size:.842em} .entry-content .has-normal-font-size,.entry-content .has-regular-font-size{font-size:1em} .entry-content .has-medium-font-size{font-size:1.1em;line-height:1.45} .entry-content .has-large-font-size{font-size:1.25em;line-height:1.4} .entry-content .has-larger-font-size{font-size:1.5em;line-height:1.3} /* Block: Base Margins ----------------------- */ *[class*="_inner-container"] > *:first-child {margin-top: 0;} *[class*="_inner-container"] > *:last-child {margin-bottom: 0;} .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) {margin-bottom: 3rem;margin-top: 3rem;} /* Block: Shared Nesting Alignment Resets ---- */ [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; max-width: 58rem;} /* Block: Shared Widget Styles --------------- */ .wp-block-archives,.wp-block-categories,.wp-block-latest-comments,.wp-block-latest-posts{list-style:none;margin-left:0} .wp-block-archives ul,.wp-block-categories ul,.wp-block-latest-comments ul,.wp-block-latest-posts ul{list-style:none} .entry-content .wp-block-archives>li,.entry-content .wp-block-categories>li,.entry-content .wp-block-latest-comment>li,.entry-content .wp-block-latest-posts>li{margin-left:0} .entry-content .wp-block-archives>li:last-child,.entry-content .wp-block-categories>li:last-child,.entry-content .wp-block-latest-comment>li:last-child,.entry-content .wp-block-latest-posts>li:last-child{margin-bottom:0} .entry-content .wp-block-archives *,.entry-content .wp-block-categories *,.entry-content .wp-block-latest-comments *,.entry-content .wp-block-latest-posts *{font-family:inherit} .entry-content .wp-block-archives li,.entry-content .wp-block-categories li,.entry-content .wp-block-latest-posts li{color:#6d6d6d} .wp-block-archives a,.wp-block-categories a,.wp-block-latest-comments a,.wp-block-latest-posts a{font-weight:700;text-decoration:none} .wp-block-archives a:focus,.wp-block-archives a:hover,.wp-block-categories a:focus,.wp-block-categories a:hover,.wp-block-latest-comments a:focus,.wp-block-latest-comments a:hover,.wp-block-latest-posts a:focus,.wp-block-latest-posts a:hover{text-decoration:underline} .wp-block-latest-comments__comment-meta,.wp-block-latest-posts a{font-weight:700;letter-spacing:-.025em;line-height:1.25} .wp-block-latest-comments__comment-date,.wp-block-latest-posts__post-date{color:#6d6d6d;font-size:.7em;font-weight:600;letter-spacing:normal;margin-top:.15em} /* Block: Shared Media Styles ---------------- */ .wp-block-embed figcaption, .wp-block-image figcaption {color: #6d6d6d; font-size: 1.4rem; margin-bottom: 0; margin-top: 1.5rem;} /* Block: Audio ------------------------------ */ .wp-block-audio audio { width: 100%;} /* Block: Button ----------------------------- */ .wp-block-button{margin:3rem 0} .wp-block-button.is-style-outline{color:#cd2653} .is-style-outline .wp-block-button__link:not(.has-text-color){color:inherit} .is-style-outline .wp-block-button__link{padding:calc(1.1em - .2rem) calc(1.44em - .2rem)} /* Block: Columns ---------------------------- */ .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left: 2rem; padding-right: 2rem;} .wp-block-column { margin-bottom: 3.2rem;} .wp-block-column > *:first-child { margin-top: 0;} .wp-block-column > *:last-child { margin-bottom: 0;} /* Block: Cover ------------------------------ */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 4rem);padding: 2rem 0;} .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { max-width: 100%; padding: 0;} .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 3.2rem;} /* Block: Embed ------------------------------ */ /* Block: File ------------------------------- */ .wp-block-file{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between} .wp-block-file a:not(.wp-block-file__button){font-weight:700;text-decoration:none} .wp-block-file a:not(.wp-block-file__button):not(:last-child){margin-right:1rem} .wp-block-file a:not(.wp-block-file__button):focus,.wp-block-file a:not(.wp-block-file__button):hover{text-decoration:underline} .wp-block-file .wp-block-file__button{font-size:1.5rem;padding:1em 1.25em} .wp-block-file a.wp-block-file__button:visited{opacity:1} .wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover{opacity:1;text-decoration:underline} /* Block: Gallery ---------------------------- */ .wp-block-gallery ul{list-style:none;margin:0 0 -1.6rem 0} figure.wp-block-gallery.aligncenter,figure.wp-block-gallery.alignnone{margin-bottom:3rem;margin-top:3rem} figure.wp-block-gallery.alignleft{margin:.3rem 2rem 2rem 0} figure.wp-block-gallery.alignright{margin:.3rem 0 2rem 2rem} figure.wp-block-gallery.alignwide{margin-bottom:4rem;margin-top:4rem} figure.wp-block-gallery.alignfull{margin-bottom:5rem;margin-top:5rem} /* Block: Group ------------------------------ */ .wp-block-group.has-background{padding:2rem;margin-bottom:0;margin-top:0} .wp-block-group__inner-container{margin:0 auto} .entry-content .wp-block-group p,.wp-block-group__inner-container{max-width:100%} .alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color){padding-left:2rem;padding-right:2rem} /* Block: Image ------------------------------ */ /* Block: Media And Text --------------------- */ .wp-block-media-text .wp-block-media-text__content { padding: 3rem 2rem;} .wp-block-media-text .wp-block-media-text__content p { max-width: none;} .wp-block-media-text__content > *:first-child { margin-top: 0;} .wp-block-media-text__content > *:last-child { margin-bottom: 0;} /* Block: Pullquote -------------------------- */ /* STYLE: DEFAULT */ .wp-block-pullquote { padding: 0; position: relative;} .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: calc(100% - 4rem);} .wp-block-pullquote::before { background: #fff; border-radius: 50%; color: #cd2653; content:""; display: block; font-size: 6.2rem; font-weight: 500; line-height: 1.2; margin: 0 auto 1.5rem auto; text-align: center; height: 4.4rem; width: 4.4rem;} .reduced-spacing .wp-block-pullquote::before { border: 0.1rem solid currentColor; font-size: 5.9rem;} .wp-block-pullquote blockquote { border: none; margin: 0; padding: 0;} .wp-block-pullquote blockquote p { font-family: inherit; font-size: 2.8rem; font-weight: 700; line-height: 1.178571429; letter-spacing: -0.041785714em; max-width: 100%; } .wp-block-pullquote p:last-of-type { margin-bottom: 0;} .wp-block-pullquote cite { color: #6d6d6d; font-size: 1.6rem; font-weight: 500; margin-top: 1.2rem;} .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 2.8rem;} .wp-block-pullquote.alignleft { text-align: left; } .wp-block-pullquote.alignright { text-align: right;} .wp-block-pullquote.alignleft::before { margin-left: 0;} .wp-block-pullquote.alignright::before { margin-right: 0;} /* STYLE: SOLID BACKGROUND COLOR */ .wp-block-pullquote.is-style-solid-color{padding:3rem 2rem} .wp-block-pullquote.is-style-solid-color::before{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%)} .wp-block-pullquote.is-style-solid-color.alignleft::before,.wp-block-pullquote.is-style-solid-color.alignright::before{transform:translateY(-50%)} .wp-block-pullquote.is-style-solid-color.alignleft::before{left:2rem} .wp-block-pullquote.is-style-solid-color.alignright::before{left:auto;right:2rem} .wp-block-pullquote.is-style-solid-color blockquote{max-width:100%;text-align:inherit} .wp-block-pullquote.is-style-solid-color cite{color:inherit} /* Block: Separator ------------------------- */ hr.wp-block-separator { margin: 3rem 0;} /* STYLE: WIDE */ .wp-block-separator.is-style-wide { max-width: calc(100vw - 4rem); position: relative; width: 100%;} /* STYLE: DOTS */ .wp-block-separator.is-style-dots::before { background: none; color: inherit; font-size: 3.2rem; font-weight: 700; height: auto; letter-spacing: 1em; padding-left: 1em; position: static; transform: none; width: auto;} .wp-block-separator.is-style-dots::after { content: none;} /* Block: Search ----------------------------- */ .wp-block-search .wp-block-search__input {width: auto;} /* Block: Table ------------------------------ */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: #dcd7ca;} figure.wp-block-table.is-style-stripes { border-bottom: none;} .wp-block-table.is-style-stripes table { border-collapse: inherit;} /* Block: Quote ------------------------------ */ .wp-block-quote cite,.wp-block-quote p{text-align:inherit} .wp-block-quote[style="text-align:center"]{border-width:0;padding:0} .wp-block-quote[style="text-align:right"]{border-width:0 .2rem 0 0;padding:0 2rem 0 0} .wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none;padding:0;margin-left:auto;margin-right:auto} .wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-family:inherit;font-size:2.4rem;font-style:normal;font-weight:700;letter-spacing:-.02em;line-height:1.285} .wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:1.6rem;text-align:inherit} /* Block: Widget Latest Comments ------------- */ .entry-content .wp-block-latest-comments li{margin:2rem 0} .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:5.5rem} .entry-content .wp-block-latest-comments a{text-decoration:none} .entry-content .wp-block-latest-comments a:focus,.entry-content .wp-block-latest-comments a:hover{text-decoration:underline} .wp-block-latest-comments__comment{font-size:inherit} .wp-block-latest-comments__comment-date{margin-top:.4em} .wp-block-latest-comments__comment-excerpt p{font-size:.7em;margin:.9rem 0 2rem 0} /* Block: Widget Latest Posts ---------------- */ .wp-block-latest-posts.is-grid li{border-top:.2rem solid #dcd7ca;margin-top:2rem;padding-top:1rem} .wp-block-latest-posts.has-dates{list-style:none} .wp-block-latest-posts.has-dates:not(.is-grid) li{margin-top:1.5rem} .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child{margin-top:0} /* -------------------------------------------------------------------------- */ /* 11. Entry Content /* -------------------------------------------------------------------------- */ .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin:2rem auto;} [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto;} /* Full */ .alignfull{margin-top:5rem;margin-right:auto;margin-bottom:5rem;margin-left:auto;max-width:100vw;position:relative;width:100%} [class*="__inner-container"]>.alignfull{max-width:100%} .alignwide{max-width:120rem;position:relative;width:calc(100% - 4rem)} [class*="__inner-container"]>.alignwide{width:100%} .aligncenter,.aligncenter img{margin-left:auto;margin-right:auto} .alignleft,.alignright{max-width:50%} .alignleft{float:left;margin:.3rem 2rem 2rem 2rem} .alignright{float:right;margin:.3rem 2rem 2rem 2rem} [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignleft,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignleft,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignleft{margin-left:2rem} [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignright,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignright,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignright{margin-right:2rem} /* Entry Media ------------------------------- */ .alignfull > figcaption, .alignfull > .wp-caption-text { margin-left: auto; margin-right: auto; max-width: 58rem; width: calc(100% - 4rem); } /* -------------------------------------------------------------------------- */ /* 12. Comments /* -------------------------------------------------------------------------- */ /* Comment Headers ----------------------------- */ .comments-wrapper { margin-top: 5rem; } .comment-reply-title { margin: 0 0 4rem 0; text-align: center;} /* Comment Item ----------------------------- */ /* COMMENT HEADER */ .comments .comment,.comments .pingback,.comments .review,.comments .trackback{padding-top:3.5rem} div.comment:first-of-type{margin-top:3.5rem;padding-top:0} .comments .comments-header+div{margin-top:0;padding-top:0} .comment-body{position:relative} .comment .comment{padding-left:5%} .comment-meta{line-height:1.1;margin-bottom:1.5rem;min-height:5rem;padding-left:5rem;position:relative} .hide-avatars .comment-meta{min-height:0;padding-left:0} .comment-meta a{color:inherit} .comment-author{font-size:1.8rem;font-weight:700;letter-spacing:-.027777778em} .comment-author a{text-decoration:underline} .comment-author a:focus,.comment-author a:hover{text-decoration:none} .comment-meta .avatar{height:4rem;position:absolute;left:0;top:0;width:4rem} .comment-author .url{text-decoration:underline} .comment-metadata{color:#6d6d6d;font-size:1.4rem;font-weight:500;margin-top:.6rem} .comment-metadata a{text-decoration:none} .comment-metadata a:focus,.comment-metadata a:hover{text-decoration:underline} /* COMMENT CONTENT */ .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: 100%;} .comment-content.entry-content .alignleft {/*rtl:ignore*/margin-left: 0;} .comment-content.entry-content .alignright { /*rtl:ignore*/ margin-right: 0;} /* COMMENT FOOTER */ .comment-footer-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:1.2rem;font-weight:600;justify-content:flex-start;letter-spacing:.030833333em;line-height:1;margin:1.5rem 0 -1rem -1.5rem;text-transform:uppercase} .comment-footer-meta>*{margin:0 0 1rem 1.5rem} .comment-reply-link{background-color:#cd2653;color:#fff;display:block;padding:.7rem} .bypostauthor .comment-footer-meta .by-post-author{display:block} .comment-footer-meta a{text-decoration:none} .comment-footer-meta a:focus,.comment-footer-meta a:hover{text-decoration:underline} /* Pingbacks & Trackbacks ------------------------- */ .pingback .comment-meta, .trackback .comment-meta { padding-left: 0;} /* Comments Pagination ---------------------------- */ .comments-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:6rem;text-align:center} .comments-pagination.only-next{justify-content:flex-end} .comments-pagination .page-numbers{display:none;text-decoration:none} .comments-pagination .page-numbers:focus,.comments-pagination .page-numbers:hover{text-decoration:underline} .comments-pagination .next,.comments-pagination .prev{display:block} .comments-pagination .prev{left:0} .comments-pagination .next{right:0;text-align:right} /* Comment Respond ---------------------------- */ .comment-respond::after{clear:both;content:"";display:block} .comment-respond .comment-notes,.comment-respond .logged-in-as{color:#6d6d6d;font-size:1.6rem;line-height:1.4;margin:-3rem 0 4rem 0;text-align:center} .comment-respond .comment-notes a,.comment-respond .logged-in-as a{color:inherit;text-decoration:none} .comment-respond .comment-notes a:focus,.comment-respond .comment-notes a:hover,.comment-respond .logged-in-as a:focus,.comment-respond .logged-in-as a:hover{text-decoration:underline} .comment-respond p{line-height:1.1;margin-bottom:2rem;margin-left:auto;margin-right:auto} .comment-respond p:not(.comment-notes){max-width:58rem} .comment-form-cookies-consent{align-items:baseline;display:flex} .comment-respond>p:last-of-type{margin-bottom:0} .comment-respond label{display:block} .comment-respond input[type=checkbox]+label{font-size:1.5rem;line-height:1.25} .comment-respond input[type=email],.comment-respond input[type=text],.comment-respond textarea{margin-bottom:0} .comment-respond textarea{height:15rem} .comment-respond #submit{display:block} .comment-respond .comments-closed{text-align:center} /* Reply Respond ---------------------------- */ .comments .comment-respond{padding:3rem 0 0} .comments .comment-respond .comment-notes,.comments .comment-respond .comment-reply-title,.comments .comment-respond .logged-in-as{text-align:left} .comment-reply-title small{display:block;font-size:1.6rem;font-weight:600;letter-spacing:-.0277em;margin:.5rem 0 0 0;white-space:nowrap} .comment-reply-title small a{text-decoration:none} .comment-reply-title small a:focus,.comment-reply-title small a:hover{text-decoration:underline} /* -------------------------------------------------------------------------- */ /* 13. Site Pagination /* -------------------------------------------------------------------------- */ .pagination .nav-links{align-items:baseline;display:flex;flex-wrap:wrap;font-size:1.8rem;font-weight:600;margin:-1.5rem 0 0 -2.5rem;width:calc(100% + 2.5rem)} .pagination-separator{margin:5rem 0} .nav-links>*{margin:1.5rem 0 0 2.5rem} .nav-links .placeholder{display:none;visibility:hidden} .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 /* -------------------------------------------------------------------------- */ .error_404{padding:40px 0 0; font-family:Arvo,serif; text-align: center;} .error_404 .page_404 img{max-width:100%; height: auto;} .error_404 .imgbox{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif); height:550px; background-position:center;} .error_404 .imgbox h1{font-size:80px;} .error_404 .contant_box_404{margin-top:-75px;} .error_404 .contant_box_404 h3{font-size:40px;} .error_404 .contant_box_404 p{font-size:20px;} .error_404 .contant_box_404 .link_404{font-size: 18px; color:#fff!important;padding:15px 30px;background:#39ac31;margin:20px 0 0;display:inline-block; border-radius: 20px;} /* -------------------------------------------------------------------------- */ /* 15. Widgets /* -------------------------------------------------------------------------- */ /* Widget: Calendar -------------------------- */ .calendar_wrap{font-size:2.4rem} .calendar_wrap td,.calendar_wrap th{font-size:1em;font-weight:500;line-height:1;padding:2.5% 2.5% 1.75% 2.5%;text-align:center} .calendar_wrap tfoot td{border-bottom:none} .calendar_wrap tfoot a{text-decoration:none} .calendar_wrap tfoot #prev{text-align:left} .calendar_wrap tfoot #next{text-align:right} /* Widget: Image ----------------------------- */ /* Widget: Gallery --------------------------- */ .widget_media_gallery .gallery { margin: 0 -0.4em -0.8em -0.4em; width: calc(100% + 0.8em);} .widget_media_gallery .gallery-item { margin: 0 0 0.8em 0; padding: 0 0.4em;} /* Widget: Nav Menu -------------------------- */ .widget_nav_menu .widget-content > div > ul { margin-left: 0;} /* Widget: Recent Comments ------------------- */ .widget_recent_comments li { font-weight: 700; } .widget_recent_comments a { text-decoration: none;} .widget_recent_comments a:focus, .widget_recent_comments a:hover {text-decoration: underline;} /* Widget: Recent Entries -------------------- */ .widget_recent_entries a { font-weight: 700; text-decoration: none;} .widget_recent_entries a:focus, .widget_recent_entries a:hover { text-decoration: underline;} /* Widget: RSS ------------------------------- */ .widget_rss .widget-title a.rsswidget:first-of-type { display: none;} .widget_rss .rsswidget {font-weight: 700;} .widget_rss a {text-decoration: none;} .widget_rss a:focus, .widget_rss a:hover {text-decoration: underline;} .widget_rss .rssSummary { margin-top: 0.5rem;} .widget_rss cite::before {content: "— ";} /* Widget: Search ---------------------------- */ .widget_search .search-field {border-color: #dedfdf;} /* Widget: Tag Cloud ------------------------- */ .widget_tag_cloud a {font-weight: 700; margin-right: 0.5rem; text-decoration: none; white-space: nowrap;} .widget_tag_cloud a:focus, .widget_tag_cloud a:hover { text-decoration: underline;} /* -------------------------------------------------------------------------- */ /* 17. Media Queries /* -------------------------------------------------------------------------- */ @media (min-width:700px){.gallery-columns-2 .gallery-item{max-width:50%} .gallery-columns-3 .gallery-item{max-width:33.33%} .gallery-columns-4 .gallery-item{max-width:25%} .gallery-columns-5 .gallery-item{max-width:20%} .gallery-columns-6 .gallery-item{max-width:16.66%} .gallery-columns-7 .gallery-item{max-width:14.28%} .gallery-columns-8 .gallery-item{max-width:12.5%} .gallery-columns-9 .gallery-item{max-width:11.11%} fieldset{padding:3rem} legend{padding:0 1.5rem} .buttonsec,.faux-button,.wp-block-button__link,button,input[type=button],input[type=reset],input[type=submit]{font-size:1.7rem} .wp-caption-text,figcaption{margin-top:1.8rem} .header-inner{padding:3.8rem 0} .site-title{font-size:2.4rem;font-weight:700} .site-description{display:block} .site-logo img{max-height:9rem;transition:height .15s linear,width .15s linear,max-height .15s linear} .toggle-inner .toggle-text{font-size:1.2rem} .search-toggle{left:2rem} .nav-toggle{right:2rem} button.close-nav-toggle{font-size:1.8rem;padding:4rem 0} button.close-nav-toggle svg{height:2rem;width:2rem} button.close-nav-toggle .toggle-text{margin-right:2.1rem} .modal-menu{left:auto;width:100%} .modal-menu>li>.ancestor-wrapper>a,.modal-menu>li>a{font-size:2.4rem;padding:2.5rem 0} .modal-menu ul li{border-left-color:transparent} .modal-menu>li>.ancestor-wrapper>button.sub-menu-toggle{padding:0 3rem} .modal-menu>li>.ancestor-wrapper>button.sub-menu-toggle svg{height:1.1rem;width:1.8rem} .menu-bottom{align-items:center;display:flex;justify-content:space-between;padding:4.4rem 0} .menu-copyright{display:block;flex-shrink:0;margin-right:4rem} .search-modal form{position:relative;width:100%} .search-untoggle svg{height:2.5rem;width:2.5rem} .search-modal .search-field{border:none;font-size:3.2rem;height:14rem} .search-modal .search-field::-moz-placeholder{line-height:4.375} .featured-media figcaption{margin:2rem auto 0 auto;width:calc(100% - 8rem)} .cover-header-inner{padding:18rem 0 8rem 0} .to-the-content-wrapper{top:calc(100% + 1.8rem)} .to-the-content{height:6rem} .to-the-content svg{height:2.4rem;width:2.12rem} body.template-full-width .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){width:calc(100% - 8rem)} body.template-full-width .alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color){padding-left:4rem;padding-right:4rem} body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.alignleft,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.wp-block-image .alignleft,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>p .alignleft{margin-left:4rem} body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.alignright,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.wp-block-image .alignright,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>p .alignright{margin-right:4rem} .archive-header{padding:8rem 0} .reduced-spacing .archive-header{padding-bottom:3rem} .archive-title{font-size:3.2rem} h2.entry-title{font-size:6.4rem} .no-search-results-form{padding-top:8rem} .singular .entry-header{padding:8rem 0} .entry-categories{margin-bottom:3rem} .entry-categories-inner{margin:-1rem 0 0 -2rem} .entry-categories a{font-size:15px;margin:17px 0 0 15px;} .intro-text{font-size:2rem;margin-top:2.5rem} .singular .intro-text{font-size:2.6rem} .post-meta-wrapper{margin-top:3rem} .post-meta{font-size:1.6rem;margin:-1.4rem 0 0 -3rem} .post-meta li{margin:1.4rem 0 0 3rem;max-width:calc(100% - 3rem)} .featured-media{margin-top:6rem} .post-meta-wrapper.post-meta-single-bottom{margin-top:4rem} .author-bio{margin-top:8rem;min-height:8rem;padding-left:10rem;position:relative} .author-bio .avatar{position:absolute;left:0;top:0;height:8rem;width:8rem} .wp-block-embed figcaption,.wp-block-image figcaption{font-size:1.6rem} .wp-block-archives:not(.alignwide):not(.alignfull),.wp-block-categories:not(.alignwide):not(.alignfull),.wp-block-code,.wp-block-columns:not(.alignwide):not(.alignfull),.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),.wp-block-media-text:not(.alignwide):not(.alignfull),.wp-block-preformatted,.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),.wp-block-quote,.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-verse,.wp-block-video:not(.alignwide):not(.alignfull){margin-bottom:4rem;margin-top:4rem} .wp-block-columns.alignfull+.wp-block-columns.alignfull,.wp-block-columns.alignwide+.wp-block-columns.alignwide{margin-top:-6rem} .entry-content .wp-block-columns h1,.entry-content .wp-block-columns h2,.entry-content .wp-block-columns h3,.entry-content .wp-block-columns h4,.entry-content .wp-block-columns h5,.entry-content .wp-block-columns h6{margin:3.5rem 0 2rem} .wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{width:calc(100% - 8rem)} .wp-block-cover h2,.wp-block-cover-image h2{font-size:4.8rem} figure.wp-block-gallery.aligncenter,figure.wp-block-gallery.alignnone{margin-bottom:4rem;margin-top:4rem} figure.wp-block-gallery.alignfull,figure.wp-block-gallery.alignwide{margin-bottom:6rem;margin-top:6rem} .wp-block-group.has-background{padding:4rem;margin-top:0;margin-bottom:0} .alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color){padding-left:0;padding-right:0} .wp-block-media-text .wp-block-media-text__content{padding:4rem} .wp-block-pullquote blockquote p{font-size:3.2rem} .wp-block-pullquote cite{margin-top:2rem} .wp-block-pullquote.alignfull:not(.is-style-solid-color){padding-left:1rem;padding-right:1rem} .wp-block-pullquote.alignfull::before,.wp-block-pullquote.alignwide::before{font-size:11.272727272rem;height:8rem;margin-bottom:2rem;width:8rem} .wp-block-pullquote.alignfull blockquote p,.wp-block-pullquote.alignwide blockquote p{font-size:4.8rem;line-height:1.203125} .wp-block-pullquote.alignleft p,.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,.wp-block-pullquote.alignright p,.wp-block-pullquote.alignright.is-style-solid-color blockquote p{font-size:3.2rem;line-height:1.1875} .wp-block-pullquote.is-style-solid-color.alignfull,.wp-block-pullquote.is-style-solid-color.alignwide{padding:6rem 4rem 4rem} .wp-block-pullquote.alignleft.is-style-solid-color blockquote p,.wp-block-pullquote.alignright.is-style-solid-color blockquote p{font-size:2.6rem} .wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:2.8rem} hr.wp-block-separator{margin:6rem auto} .wp-block-separator.is-style-wide{max-width:calc(100vw - 8rem)} .comments-wrapper{margin-top:8rem} .comment-reply-title{margin-bottom:4.6rem} .comment-respond p.comment-notes,.comment-respond p.logged-in-as{font-size:1.8rem;letter-spacing:-.025em;margin:-2.5rem 0 4.4rem 0} .comments .comment,.comments .pingback,.comments .review,.comments .trackback{padding-top:5rem} div.comment:first-of-type{margin-top:5rem} .comment-meta{margin-bottom:2rem;min-height:6rem;padding:.3rem 0 0 7.5rem} .comment-meta .avatar{display:block;height:6rem;position:absolute;left:0;top:0;width:6rem} .comment-author{font-size:2.4rem} .comment-metadata{font-size:1.6rem;margin-top:.8rem} .comment-footer-meta{margin-top:2.5rem} .comments-pagination{margin-top:8rem} .pingback .comment-body{padding:0} .comment-respond p{margin-bottom:2.5rem} .comment-form p.logged-in-as{margin:-2.5rem 0 4.4rem 0} .comment-respond .comment-form-author,.comment-respond .comment-form-email{float:left;width:calc(50% - 1rem)} .comment-respond .comment-form-email{margin-left:2rem} .comments .comment-respond{padding:5rem 0 0} .comment-reply-title small{display:inline;margin:0 0 0 .5rem} .pagination-separator{margin:4rem 0} .nav-short{display:inline} .pagination .nav-links{font-size:2rem;font-weight:600;margin:-2.5rem 0 0 -4rem} .nav-links>*{margin:2.5rem 0 0 4rem} .error404 #site-content{padding-top:8rem} .widget .widget-title{margin-bottom:3rem} .footer-top{padding:3.7rem 0} .footer-menu{font-size:2.4rem;margin:-.8rem 0 0 -1.6rem} .footer-menu li{margin:.8rem 0 0 1.6rem} .has-footer-menu .footer-social-wrapper{flex:1;margin-left:4rem;width:auto} } @media (min-width: 782px) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-column { margin-bottom: 0;} .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -2.8rem;} } @media ( min-width: 1000px ) { .featured-media figcaption{width:100%} .template-full-width .wp-block-image .alignleft{margin-right:2rem} .template-full-width .wp-block-image .alignright{margin-left:2rem} .singular .intro-text{font-size:2.8rem} .wp-block-columns.alignfull+.wp-block-columns.alignfull,.wp-block-columns.alignwide+.wp-block-columns.alignwide{margin-top:-4.8rem} figure.wp-block-gallery.alignfull,figure.wp-block-gallery.alignwide{margin-bottom:8rem;margin-top:8rem} .entry-content>.wp-block-group.alignfull.has-background,.entry-content>.wp-block-group.alignwide.has-background{padding:8rem 4rem;margin-bottom:0;margin-top:0} .wp-block-image .alignleft{margin-right:0} .wp-block-image .alignright{margin-left:0} hr.wp-block-separator{margin:8rem auto} .alignfull>.wp-caption-text,.alignfull>figcaption{width:calc(100% - 10rem)} .comment-meta{padding-left:0} .comment-meta .avatar{left:-8rem} .pagination .nav-links{justify-content:space-between;margin:0;width:100%} .nav-links>*{margin:0 2rem} .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 ---------*/ :root {font-size: 62.5%;} body {margin:0; font-size: 1.8rem; padding:0;font-weight:400;color:#010101; line-height:normal;} a{ color:#c81221;text-decoration: none; transition: .4s; } a:hover{ color:#000000;} /*Main Content*/ #wrapper{ width:100%; margin:0 auto;} .container {width:1290px; margin: 0px auto;} .container img{ max-width: 100%;height: auto; } .clear {clear:both; padding:0; margin:0; overflow:hidden; height:0} .reset {list-style:none; padding:0; margin:0} .lf {float:left} .rf {float:right} .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color:transparent; position:relative } .owl-carousel { display:none; width:100%; z-index:1;} .owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y; touch-action:manipulation; -moz-backface-visibility:hidden } .owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } .owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0, 0, 0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0)} .owl-carousel .owl-item { float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none} .owl-carousel .owl-item img { display:block; width:auto; max-width:100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display:none} .no-js .owl-carousel, .owl-carousel.owl-loaded {display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .owl-carousel.owl-loading { opacity:0; display:block;} .owl-carousel.owl-hidden {opacity:0;} .owl-carousel.owl-refresh .owl-item {visibility:hidden;} .owl-carousel.owl-drag .owl-item {-ms-touch-action:pan-y; touch-action:pan-y; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .owl-carousel.owl-grab { cursor:move; cursor:grab } .owl-carousel.owl-rtl {direction:rtl} .owl-carousel.owl-rtl .owl-item {float:right} .owl-carousel .animated {animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in {z-index:0} .owl-carousel .owl-animated-out {z-index:1} .owl-carousel .fadeOut {animation-name:fadeOut} /* Feel free to change duration */ .animated { -webkit-animation-duration : 1000 ms ; animation-duration : 1000 ms ; -webkit-animation-fill-mode : both ; animation-fill-mode : both ;} /* .owl-animated-out - only for current item */ /* This is very important class. Use z-index if you want move Out item above In item */ .owl-animated-out { z-index : 1 } /* .owl-animated-in - only for upcoming item /* This is very important class. Use z-index if you want move In item above Out item */ .owl-animated-in { z-index : 0 } /* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css: */ .fadeOut { -webkit-animation-name : fadeOut ; animation-name : fadeOut ;} @-webkit-keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } @keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } @keyframes smoothScroll { 0% { transform: translateY(-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); } } .mobilestyicky { display:none;} .hc-nav.hc-nav-1 { display:block !important;} .hc-offcanvas-nav.hc-nav-1 { display:none !important;} /* Local fonts here */ /* lexend-300 - latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 300; font-display: swap; src: url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-300.svg#Lexend') format('svg'); /* Legacy iOS */ } /* lexend-regular - latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-display: swap; src: url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-regular.svg#Lexend') format('svg'); /* Legacy iOS */ } /* lexend-500 - latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 500; font-display: swap; src: url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-500.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-500.svg#Lexend') format('svg'); /* Legacy iOS */ } /* lexend-600 - latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 600; font-display: swap; src: url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-600.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/jaklegal_wp/assets/fonts/lexend-v14-latin-600.svg#Lexend') format('svg'); /* Legacy iOS */ } /* Custom css Starts here */ .headersection{padding: 10px 0; background: #0044aa; position: relative;} .headersection .logo{float: left;} .headersection .logo img{max-width: 100%; height: auto;} .headersection .topnav{float: right; margin-top: 28px;} .topnav ul{font-size: 0; margin-left: -40px;} .topnav ul li{display: inline-block; box-sizing: border-box; margin-left: 40px; position: relative;} .topnav ul li a{font-size: 1.8rem; line-height: normal; font-weight: 300; color: #fff; cursor: pointer; text-transform: uppercase;} .topnav ul ul.sub-menu{display: block; transform: scaleY(0); opacity: 0; width: 250px; margin: 0; position: absolute; top: 100%; z-index: 2; left: 0px; padding-top: 31px; transition: all .3s linear; transform-origin: top;} .topnav ul ul.sub-menu li.menu-item-has-children ul.sub-menu, .topnav ul ul.sub-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu{transform: scaleY(0); opacity: 0;} .topnav ul ul.sub-menu ul.sub-menu{left: 100%; top: 0; padding-top: 0;} .topnav ul li:hover ul.sub-menu, .topnav ul li ul.sub-menu li.menu-item-has-children:hover ul.sub-menu, .topnav ul ul.sub-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover ul.sub-menu{transform: scaleY(1); opacity: 1;} .topnav ul ul.sub-menu li{display: block; box-sizing: border-box; width: 100%; margin: 0; text-align: left; background: #185cc3;} .topnav ul li.menu-item-has-children{position: relative; padding-right: 20px;} .topnav ul ul.sub-menu li.menu-item-has-children{position: relative;} .topnav ul li.menu-item-has-children::before, .topnav ul ul.sub-menu li.menu-item-has-children::before{content: "\203A"; font-size: 2.5rem; line-height: 20px; font-weight: 400; color: #fff; position: absolute; right: 0; top: 50%; margin-top: -11px; transform: rotate(90deg);} .topnav ul ul.sub-menu li.menu-item-has-children::before{right: 10px;} .topnav ul ul.sub-menu li.menu-item-has-children::before{transform: rotate(0deg);} .topnav ul ul.sub-menu li a{padding: 10px 10px; display: block; box-sizing: border-box; text-transform: inherit;} .topnav ul ul.sub-menu li+li{border-top: 1px solid rgba(255,255,255,.4);} .topnav ul ul.sub-menu li a, .topnav ul ul.sub-menu ul.sub-menu li a{color: #fff; font-size: 1.4rem;} .topnav ul li a:hover, .topnav ul li.current-menu-item a, .topnav ul li.current-menu-ancestor a, .topnav ul ul.sub-menu li:hover a, .topnav ul ul.sub-menu li.current-menu-item a, .topnav ul ul.sub-menu li.current-menu-ancestor a, ul ul.sub-menu ul.sub-menu li.current-menu-item a, ul ul.sub-menu ul.sub-menu li.current-menu-ancestor a, ul ul.sub-menu li.menu-item-has-children ul.sub-menu li a:hover, .topnav ul li.menu-item-has-children:hover::before, .topnav ul li.menu-item-has-children.current-menu-ancestor::before, .topnav ul ul.sub-menu li.menu-item-has-children.current-menu-ancestor::before, .topnav ul ul.sub-menu li.menu-item-has-children:hover:before{color:#e3e548} .topnav ul ul.sub-menu li.current-menu-item, .topnav ul ul.sub-menu li.current-menu-ancestor, .topnav ul ul.sub-menu li:hover{background: #013585;} .btnsec{margin-top: 30px; text-align: center;} .btnsec a.btn{position: relative; display: inline-block; font-size: 1.8rem; font-weight: 500; text-transform: uppercase; text-align: center; color: #000; padding: 20px 25px; box-sizing: border-box; min-width: 350px; background: #e3e548; transition: 0.3s ease;} .btnsec a.btn::before{content: ''; position: absolute; border: 1px solid #ffffdc; top: 5px; bottom: 5px; right: 5px; left: 5px;} .btnsec a.btn:hover{background: #0044aa; color: #fff;} .bannersection{position: relative; background: url(/wp-content/themes/jaklegal_wp/assets/images/banner.jpg) no-repeat top center; background-size: cover; padding: 100px 0; overflow: hidden; z-index: 1;} .bannersection::before{content: ''; position: absolute; background: linear-gradient(0deg, rgba(1,74,184,1) 0%, rgba(57,131,242,1) 100%);; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; opacity: .85;} .bannersection .bannerimage{position: absolute; width: 360px; bottom: 0px; right: 50%; margin-right: -630px;} .bannersection .bannercaption{border: 3px solid #e3e548; padding: 41px 44px; width: 1117px; box-sizing: border-box;} .bannersection h3{font-size: 2.2rem; font-weight: 400; color: #e3e548; text-transform: uppercase;} .bannersection h4{font-size: 6.5rem; font-weight: 400; color: #fff; margin-top: 25px;} .bannersection p{font-size: 2.2rem; font-weight: 300; text-align: left; line-height: 34px; color: #fff; margin-top: 27px;} .bannersection p span{ display: block;} .bannersection .btnsec{margin-top: 30px; text-align: initial;} .bannersection a.btn{position: relative; display: inline-block; font-size: 2.4rem; font-weight: 500; text-align: center; color: #000; padding: 24px 27px; box-sizing: border-box; min-width: 350px; background: #e3e548; transition: 0.3s ease;} .bannersection a.btn::before{content: ''; position: absolute; border: 1px solid #ffffdc; top: 9px; bottom: 9px; right: 9px; left: 9px;} .bannersection a.btn:hover{background: #0044aa; color: #fff;} /* Section 1 */ .aboutsection{padding: 72px 0 85px;} .aboutsection .leftsection{float: left; width: calc(100% - 489px); box-sizing: border-box;} .aboutsection .rightform{float: right; width: 470px; margin-right: -29px; margin-top: -156px; position: relative; z-index: 1;} .widget.gform_widget{background: #fff; padding: 38px 30px 78px; box-sizing: border-box; box-shadow: 0px 5px 25px rgb(0 0 0 /15%); border-bottom: 8px solid #e3e548; position: relative;} .leftsection h3{font-size: 4.5rem; line-height: normal; font-weight: 400; color: #000000;} .leftsection h3 span{color: #0044aa;} .leftsection p{font-size: 2rem; font-weight: 300; line-height: 38px; color: #010101; margin-top: 35px;} .leftsection a.read{position: relative; display: inline-block; box-sizing: border-box; font-size: 2.2rem; font-weight: 600; color: #000; padding-right: 70px; margin-top: 40px;} .leftsection a.read::after{content: ''; position: absolute; background: url(/wp-content/themes/jaklegal_wp/assets/images/arrow.png) no-repeat top left; margin-top: 8px; width: 50px; height: 17px; top: 0; right: 0;} .leftsection a.read:hover{color: #0044aa;} .widget.gform_widget .widget-title{font-size: 3.5rem; font-weight: 500; color: #0044aa; text-align: left; margin: inherit;} .widget.gform_widget .gform_wrapper{font-size: 0; margin-top: 40px;} .widget.gform_widget ul li{display: block; box-sizing: border-box; line-height: inherit;} .widget.gform_widget .gform_wrapper ul li.gfield+li.gfield{margin-top: 40px;} .widget.gform_widget .gform_wrapper li.hidden_label input, .widget.gform_widget .gform_wrapper .top_label div.ginput_container{margin: 0; padding: 0; border: 0;} #wrapper .widget.gform_widget .gform_legacy_markup_wrapper ul li textarea{height: 109px; padding: inherit; border: inherit;} #wrapper .widget.gform_widget .gform_legacy_markup_wrapper ul li input, #wrapper .widget.gform_widget .gform_legacy_markup_wrapper ul li textarea{padding: inherit; width: 100%; box-sizing: border-box; font-size: 1.8rem; font-weight: 400; color: #666666; border:0; border-bottom: 1px solid #c5c0bc; padding-bottom: 14px;} .widget.gform_widget .gform_wrapper ul.gform_fields li.gfield{padding: inherit; margin: inherit;} #wrapper .widget.gform_widget .gform_legacy_markup_wrapper ul li textarea:focus{outline: 0;} .widget.gform_widget .gform_wrapper .gform_footer{padding: inherit; margin: inherit; position: absolute; left: 50%; transform: translateX(-50%); width: 77%; bottom: -38px; cursor: pointer; background: #0044aa; padding: 9px; transition: all .2s linear; box-sizing: border-box;} .widget.gform_widget .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{margin: inherit; width: 100%; text-align: center; font-size: 2.2rem; color: #fff; font-weight: 500; background: #0044aa; cursor: pointer; display: inline-block; position: relative; padding: 15px 20px; border: 1px solid #5f87ff; transition: all .2s linear; text-transform: capitalize;} .widget.gform_widget .gform_wrapper .gform_footer:hover, .widget.gform_widget .gform_wrapper .gform_footer:hover.gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{background: #e3e548; color: #000; text-decoration: none;} 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{padding: inherit;} /* Section 2 */ .practiceareasection{padding: 65px 0 75px; background: #f2f5ff;} .practiceareasection h3{text-align: center; font-size: 5rem; font-weight: 500; line-height: normal; color: #000000; margin-bottom: 60px;} .practiceareasection ul{font-size: 0; margin-left: -3%; margin-top: -3%;} .practiceareasection ul li{position: relative; margin-left: 3%; margin-top: 3%; display: inline-block; border-radius: 20px 0 20px 0; box-sizing: border-box; width: 47%; box-shadow: 0 0 16px #e5e9fc; border: 3px solid #fff; overflow: hidden;} .practiceareasection ul li .contentbox{box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,67,170,0.80); transform: translateY(100%); transition: all .3s linear; opacity: 0; padding: 35px;} .practiceareasection ul li:hover .contentbox{transform: translateX(0); opacity: 1;} .practiceareasection ul li:hover .content{opacity: 0;} .practiceareasection ul li img{max-width: 100%; height: auto; border-top-left-radius: 20px; border-bottom-right-radius: 20px;} .practiceareasection ul li .content{position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; text-align: center; border-top-left-radius: 20px; border-bottom-right-radius: 20px; background: linear-gradient(0deg, rgba(0,68,170,.9) 20%, rgba(255,255,255,0) 80%); padding: 45px; box-sizing: border-box; transition: all .3s linear; display: flex; flex-flow: column; justify-content: end;} .practiceareasection ul li .content h4{position: relative; font-size: 2.5rem; font-weight: 500; padding-top: 52px; color: #fff; text-align: center; display: inline-block;} .practiceareasection ul li .content h4::before{content: ''; position: absolute; background: url(/wp-content/themes/jaklegal_wp/assets/images/plusicon.png) no-repeat center; top: 0; left: calc(50% - 23px); width: 46px; height: 46px; background-size: contain;} .practiceareasection ul li .contentbox h4{font-weight: 500; line-height: normal; font-size: 2.5rem; text-align: left; color: #fff; position: relative; padding-bottom: 20px; margin-bottom: 40px;} .practiceareasection ul li .contentbox h4::after{content: ''; position: absolute; background: #e3e548; width: 10%; height: 6px; bottom: 0; left: 0;} .practiceareasection ul li .contentbox ul{font-size: 0; margin-left: -3%; margin-top: -3%; padding-bottom: 25px;} .practiceareasection ul li .contentbox ul li{display: inline-block; border: none; box-shadow: none; vertical-align: top; width: 47%; margin-left: 3%; margin-top: 3%; box-sizing: border-box; position: relative; font-size: 2rem; line-height: normal; font-weight: 400; color: #fff; padding-left: 40px; border-radius: 0;} .practiceareasection ul li .contentbox ul.cw_points{margin-left: 0%;} .practiceareasection ul li .contentbox ul.cw_points li{margin-left: 0%; display: block; width: auto;} .practiceareasection ul li .contentbox ul li::before{content: '' ; position: absolute; width: 11px; height: 11px; top: 9px; left: 6px; background: #fff; border-radius: 50%;} /* Section 3 */ .teamsection{padding: 60px 0 74px;} .teamsection h3{font-size: 5rem; font-weight: 500; line-height: normal; color: #000000; text-align: center; margin-bottom: 60px;} .teamsection ul{margin-left: -3%; font-size: 0;} .teamsection ul li{display: inline-block; box-sizing: border-box; vertical-align: top; width: 30.33%; margin-left: 3%; font-size: 1.8rem; padding: 25px; background: #f2f5ff;} .teamsection ul li .attornybox{display: block; overflow: hidden;} .teamsection ul li .attornybox img{max-width: 100%; height: auto; transition: all .3s linear;} .teamsection ul li:hover .attornybox img{transform: scale(1.02);} .teamsection ul li .contentbox{display: block; margin-top: 30px; text-align: center;} .teamsection ul li .contentbox h4{font-size: 2.3rem; line-height: 26px; font-weight: 600; color: #000;} .teamsection ul li .contentbox h5{font-size: 1.8rem; line-height: normal; font-weight: 300; font-style: italic; color: #010101; margin-top: 15px;} /* .teamsection .imgsection{float: left; width: calc(100% - 660px); border-top-left-radius: 15px; border-bottom-right-radius: 15px; border: 3px solid #fff; box-sizing: border-box; box-shadow: 0px 0px 8px -4px rgba(0,0,0);} .teamsection .imgsection img{max-width: 100%; height: auto; border-top-left-radius: 15px; border-bottom-right-radius: 15px;} .teamsection .teaminfo{float: right; width: 630px; box-sizing: border-box; margin-left: 30px;} */ .teamsection .teaminfo p{font-size: 1.8rem; font-weight: 300; line-height: 30px; color: #000000; text-align: left;} .teamsection .teaminfo p+p{margin-top: 28px;} .teamsection .teaminfo ul.btns{margin-left: -4%; font-size: 0; margin-top: 30px;} .teamsection ul li .contentbox .btnsec{margin-top: 15px;} .teamsection ul li .contentbox .btnsec a{font-size: 1.8rem; font-weight: 300; color: #000; text-align: center; display: block; background: #fff; padding: 16.5px 16px; border: 1px solid #d8dced; box-shadow: 0 8px 5px rgba(245, 247, 255, .75);} .teamsection ul li .contentbox .btnsec a:hover{background: #f2f5ff;} /* Footer */ .footersection{background: #f2f5ff; padding: 45px 0; position: relative;} .footersection .container{position: relative; z-index: 1;} .footersection::before{content: ''; position: absolute; background: #1642c7; width: 7px; height: 100%; top: 0; left: 50%; margin-left: -619px;} .footersection h3{font-size: 4rem; font-weight: 500; line-height: normal; color: #000000; margin-left: 60px;} .footersection .footerwrap{margin-top: 42px; position: relative; z-index: 1; font-size: 0; margin-left: -30px;} .footerbox{display: inline-block; box-sizing: border-box; vertical-align: top;} .footersection .footerbox.map{width: 660px; box-sizing: border-box; border: 7px solid #fff; background: #fff; border-radius: 10px; position: relative; padding-top: 27.55%;} .footersection .footerbox.map #gmap-placeholder{ position: absolute; width: 100%; height: 100%; cursor: pointer; top:0; left: 0; right: 0; z-index:1;} .footersection .footerbox.map #gmap-placeholder img{width: 100%;} .footersection .footerbox.map #gmap-iframe{ display: block; width: 100%; height: 100%; position:absolute; top:0; left: 0; right: 0;} .footersection .footerbox.address{width: 330px; margin-left: 30px;} .footersection .footerbox h4{font-size: 2.2rem; font-weight: 600; line-height: normal; color: #000000; text-align: left;} .footersection .footerbox.address p, .footersection .footerbox.address p a{font-size: 2rem; font-weight: 400; line-height: 33px; text-align: left; margin-top: 30px; color: #000;} .footersection .footerbox.address p a:hover{color: #1642c7;} .footersection .footerbox.address ul{font-size: 0; margin-left: -3%; margin-top: 30px;} .footerbox.address ul li{display: inline-block; vertical-align: middle; margin-left: 3%;} .footerbox.address ul li a{display: block; width: 53px; height: 51px; background: url(/wp-content/uploads/2025/04/new-social-icon.png) no-repeat center; transition: none;} .footerbox.address ul li a.fb{background-position: 0 0;} .footerbox.address ul li a.fb:hover{background-position: 0 -51px;} .footerbox.address ul li a.twt{background-position: -69px 0;} .footerbox.address ul li a.twt:hover{background-position: -69px -51px;} .footerbox.address ul li a.in{background-position: -140px 0;} .footerbox.address ul li a.in:hover{background-position: -140px -51px;} .footerbox.address ul li a.insta{background-position: -208px 0;} .footerbox.address ul li a.insta:hover{background-position: -208px -51px;} .footerbox.links{margin-left: 80px; width: 220px;} .footerbox.links ul{font-size: 0; margin-top: 24px;} .footerbox.links ul li{position: relative; display: block; box-sizing: border-box;} .footerbox.links ul li+li{margin-top: 35px;} .footerbox.links ul li a{font-size: 2rem; font-weight: 400; color: #000; display: inline-block; margin-left: 36px;} .footerbox.links ul li a::before{content: ''; position: absolute; background: #000; width: 18px; height: 3px; top: 13px; left: 0px;} .footerbox.links ul li a:hover{color: #1642c7;} .footerbox.links ul li a:hover::before{background: #1642c7;} .contact_footersec{padding: 20px 0; background: #f2f5ff;} .contact_footersec .footerwrap{font-size: 0;} .contact_footersec .footerbox{display: block;} .contact_footersec .footerbox.links{margin-left: inherit; width: calc(100% - 300px); float: left; margin-top: 12px;} .contact_footersec .footerbox.address{width: 270px; float: right;} .contact_footersec .footerbox.links ul{margin-left: -70px; margin-top: 0px;} .contact_footersec .footerbox.links ul li{display: inline-block; margin-left: 70px; margin-top: 0;} .contact_footersec .footerbox.links ul li a{margin-left: 0;} .contact_footersec .footerbox.links ul li a::before{display: none;} .contact_footersec .footerbox.address ul{margin-left: -10px;} .contact_footersec .footerbox.address ul li{margin-left: 10px;} .copyrightsection{padding: 22px 0; background: #d7dcec;} .copyrightsection p{font-size: 1.7rem; line-height: 25px; font-weight: 300; text-align: center;} .copyrightsection p span{display: block;} .copyrightsection p a{color: #000; text-decoration: underline #444444;} .copyrightsection p a:hover{color: #0044aa;} .faqsec .faqbox{margin-top: 30px;} .faqsec .accrodionsec .accordion-content{display: none;} .faqsec .accrodionsec h4.title{font-size: 2rem !important; font-weight: 500; color: #000; padding: 20px 40px 20px 20px; cursor: pointer; border: 1px solid #a8b4db; position: relative; margin: 0 !important; line-height: 28px; background: #f2f5ff;} .faqsec .accrodionsec h4.title::before{position: absolute; content: '+'; font-size: 40px; right: 15px; top: 33px; transform: translateY(-50%); color: #1642c7;} .faqsec .accrodionsec .accordion-content{padding: 30px 25px; border-bottom: 1px solid #b8cde0; border-left: 1px solid #b8cde0; border-right: 1px solid #b8cde0; background: var(--color-white);} .faqsec .accrodionsec .accordion-content p{font-size: 18px; font-weight: 400; color: #000; line-height: 30px;} .faqsec .accrodionsec .accordion-item-active h4.title::before{content: '-';} .faqsec .accrodionsec .accordion-content p:empty{display: none !important;} .faqsec .accrodionsec .accordion-content p+p{margin-top: 15px;} .faqsec .accrodionsec .accordion-content p+ul{margin-top: 15px;} .faqsec .accrodionsec .accordion-content ul{margin-left: 15px; display: flex; flex-flow: column wrap; gap: 10px} .faqsec .accrodionsec .accordion-content ul li{font-size: 17px; font-weight: 400; color: #000; line-height: 30px; position: relative; padding-left: 25px;} .faqsec .accrodionsec .accordion-content ul li::before{content: ''; position: absolute; top: 10px; left: 0; width: 9px; aspect-ratio: 1; height: 9px; border-radius: 50px; background: #1642c7;} .faqsec .accrodionsec .drawer+.drawer h4.title{border-top: unset;} .faqsec .accrodionsec ul{margin: 0 !important;} .faqsec .accrodionsec ul li{padding: 0 !important; margin: 0 !important;} .tableoverflow { overflow-x: auto; max-width: 100%; border-right: 1px solid #e7e9f2; margin: 25px 0; background: #f6f8ff; box-shadow: 0 1px 5px rgb(230 236 252 / 1); border: 1px solid #e7e9f2; border-radius: 5px; box-sizing: border-box;} .tableoverflow table { width: 960px; border-spacing: 0px; padding: 8px;} .tableoverflow td:first-child{width: 165px;} .tableoverflow td{font-size: 16px; border: 0; border: 1px solid #a8b4db; border-bottom: 0; border-right: 0;} .tableoverflow tr td:last-child{border-right: 1px solid #a8b4db;} .tableoverflow tr:last-child td{border-bottom: 1px solid #a8b4db;} /* Custom css for inner pages Stars here */ .main-container { padding:40px 0;} #site-content { width:67%; float:left; padding: 0;} .footer-nav-widgets-wrapper { width:30%; float:right;} .footer-nav-widgets-wrapper .widget.gform_widget .gform_wrapper ul li.gfield+li.gfield{margin-top: 30px;} .footer-nav-widgets-wrapper .widget.gform_widget .gform_wrapper textarea.medium{height: 100px;} .main-container .footer-top{padding: 0;} .main-container .footer-menu{margin: 0;} .innerpagebanner.bannersection{padding: 65px 0; background-position: center;} .innerpagecaption{text-align: center;} .innerpagecaption h1{font-size: 6.5rem; font-weight: 400; color: #fff;} .page #site-content .entry-header{display: none;} #site-content h1, #site-content h2, #site-content h3, #site-content h4, #site-content h5, #site-content h6 {color:#0044aa; font-weight: 500; margin-top: 25px; line-height: normal;} #site-content h2{margin-top: 35px;} #site-content h1:first-child, #site-content h2:first-child, #site-content h3:first-child, #site-content h4:first-child, #site-content h5:first-child, #site-content h6:first-child {margin-top: 0px;} #site-content h1 {font-size: 4rem; margin-top: 0; margin-bottom: 20px;} #site-content h2 {font-size: 3.4rem; margin-bottom: 15px;} #site-content h3, #site-content h4, #site-content h5, #site-content h6{color: #000; margin-bottom: 15px;} #site-content h3 { font-size: 2.7rem;} #site-content h3 span{color: #0044aa;} #site-content h4 { font-size: 2.4rem;} #site-content h5 { font-size: 2.2rem;} #site-content h6 { font-size: 2rem;} #site-content p{font-size: 1.8rem; font-weight: 300; line-height: 30px; color: #010101; margin-bottom: 15px;} #site-content blockquote{padding: 10px 20px; border-left: 5px solid #000; margin-bottom: 15px;} #site-content blockquote p{font-weight: 400; font-style: italic;} #site-content p:last-child{margin-bottom: 0;} #site-content a:hover, #site-content ul li a:hover, #site-content p a:hover{color: #0066ff;} #site-content ul, #site-content ol{font-size: 0; margin-top: 15px; padding-left: 40px; } #site-content ul + p, #site-content ol + p, #site-content ul + h2, #site-content ul + h3, #site-content ul + h4, #site-content ul + h5, #site-content ul + h6, #site-content ol + h2, #site-content ol + h3, #site-content ol + h4, #site-content ol + h5, #site-content ol + h6{margin-top: 30px;} #site-content ul li::marker{font-size: 0rem; line-height: 25px;} #site-content ul li, #site-content ol li{border: none; box-shadow: none; vertical-align: top; box-sizing: border-box; position: relative; font-size: 1.8rem; font-weight: 300; color: #010101; position: relative;} #site-content ul li::before{content: ''; position: absolute; top: 9px; left: -25px; width: 9px; height: 9px; border-radius: 50px; background: #000;} #site-content ol li{padding-left: 5px;} #site-content ol li::marker{font-weight: 400;} #site-content ul li a, #site-content a, #site-content ol li a{color: #0044aa;} #site-content ul li+li, #site-content ol li+li{margin-top: 10px;} #site-content p img{display: inline-block; max-width: 100%; height: auto; margin: 0;} #site-content p img.alignright{margin-left: 30px;} #site-content p img.alignleft{margin-right: 30px;} #site-content .largebox{ display: block; margin-bottom: 20px;} #site-content .largebox .smallboxwrap{font-size: 0; display: flex; flex-wrap: wrap; padding: 0px 10px 20px; background: #f2f5ff;} #site-content .largebox .smallbox{display: flex; flex-flow: column; justify-content: space-between; gap: 20px; box-sizing: border-box; font-size: 1.8rem; vertical-align: top; width: 48%; margin: 2% 1% 0%; padding: 15px; background: #fff;} #site-content .largebox h2.main_title { text-align: left; padding: 12px 20px; font-size: 2.4rem; line-height: normal; color: #fff; margin: 0; background: #0044aa;} #site-content .largebox .smallbox h3{font-size: 2.2rem; line-height: normal; margin: 0 0 12px 0; } #site-content .largebox .smallbox ul{margin-top: 0; padding: 0;} #site-content .largebox .smallbox ul li{padding-left: 20px; font-size: 1.6rem;} #site-content .largebox .smallbox ul li+li{margin-top: 5px;} #site-content .largebox .smallbox ul li:before {content: " "; position: absolute; width: 8px; height: 8px; background-color: #0044aa; border-radius: 50%; left: 0; top: 9px;} #site-content .largebox .smallbox .btnsec{margin: 0;} #site-content .practice_area h3{font-size: 2.2rem; line-height: normal;} #site-content .practice_area ul{margin-top: 0; padding: 0; padding-left: 20px;} #site-content .practice_area ul li{padding-left: 25px;} #site-content .practice_area ul li:before {content: " "; position: absolute; width: 9px; height: 9px; background-color: #0044aa; border-radius: 50%; left: 0; top: 10px;} /* #site-content .btnsec{display: flex;} */ #site-content .btnsec .btn{display: block; text-align: center; font-size: 1.5rem; line-height: normal; font-weight: 400; background: #e3e548; color: #000; padding: 15px 20px; transition: 0.3s ease; position: relative;} #site-content .btnsec .btn::before { content: ''; position: absolute; border: 1px solid #ffffdc; top: 5px; bottom: 5px; right: 5px; left: 5px; } #site-content .btnsec .btn:hover {background: #0044aa; color: #fff;} .fix-chat { position:fixed; top:32%; right:0; background: #b86b15; text-align:center; padding:20px; z-index:112;} .fix-chat li { color:#fff; margin-bottom:10px; font-weight:bold; font-size: 1.8rem;} .fix-chat li a:hover { color: #ccc;} .fix-chat li a { color:#fff; font-size:4rem; font-weight:normal;} .fix-chat li.fix-talk a { font-size:2rem;font-weight: bold;} .fix-chat li a span { font-size: 2rem;line-height: 12px; text-transform:uppercase; display: block; margin-top: 5px;} .fix-chat li span { display:block;} #my-welcome-message {display: none; z-index: 10000; position: fixed; top: 0%; left: 0%; right: 0%; bottom: 0%; background: #fff; padding: 20px 0;} #my-welcome-message .container {text-align: center; width: 90%; height: 100%; font-size: 0; align-items: center; display: flex; vertical-align: middle;} #my-welcome-message .for-center { position:relative; } #my-welcome-message .pop-bg {text-align:center; z-index:1000;} /* #my-welcome-message .logo {display: inline-block; vertical-align: middle; width: 410px; padding: 10px; box-sizing: content-box; background: #0044aa;} #my-welcome-message .logo img{display: inline-block;} */ #my-welcome-message .pop_up_section {display: inline-block; vertical-align: middle; width: 80%; box-sizing: border-box; text-align: left; margin-left: 15px; height: 80vh; overflow: auto;} #my-welcome-message .pop_up_section h2.title {padding:15px 20px; position: relative; font-size: 1.6rem; font-weight: 400;} #my-welcome-message .pop_up_section h2.title::before {content: " "; position: absolute; border-bottom: 1px dashed #999; bottom: 0; width: 100%; left: 0; right: 0;} #my-welcome-message .pop_up_section .pop_up_wrap { padding: 15px 20px 0;} #my-welcome-message .pop_up_section .pop_up_wrap p, #my-welcome-message .pop_up_section .pop_up_wrap ul li {font-size: 1.6rem; word-wrap: break-word; line-height: 25px;} #my-welcome-message .pop_up_section .pop_up_wrap p + p{margin-top: 15px;} #my-welcome-message .pop_up_section .pop_up_wrap ul li {margin-left: 20px; margin-bottom: 15px;} #my-welcome-message .pop_up_section .pop_up_btn{margin: 15px 0;} #my-welcome-message .pop_up_section .agreebtn , #my-welcome-message .pop_up_section .declinebtn {display: inline-block; vertical-align: top;margin: 0px 30px 0px 0;} #my-welcome-message .pop_up_section .agreebtn a{display: inline-block; padding: 10px 20px; border: 2px solid #000; color: #000; font-size: 1.4rem; border-radius: 5px;} #my-welcome-message .pop_up_section .agreebtn a:hover {background: #000; color: #fff; } #my-welcome-message .pop_up_section .declinebtn a{display: inline-block;padding: 10px 20px; border: 2px solid red; color: red; font-size: 1.4rem; border-radius: 5px; } #my-welcome-message .pop_up_section .declinebtn a:hover {background: red; color: #fff;} #site-content .thankyou{text-align: center;} #site-content .thankyou h1{font-size: 3.6rem; line-height: 40px; color: #114a8f; font-weight: 700; } #site-content .thankyou h4{font-size: 2.2rem; line-height: 30px;} #site-content .thankyou a.return{background: #114a8f; padding: 5px 20px; color: #fff; display: inline-block; font-size: 1.5rem;} #site-content .thankyou a.return:hover{background: #357eeb; text-decoration: none; } /* Blog Page */ #site-content article+article{margin-top: 35px;} #site-content .blogpagecontent{padding: 20px; background: rgb(250, 250, 250); box-shadow: 0 2px 12px rgba(0, 0, 0, .15);} #site-content .blogcontentwrap{font-size: 0;} #site-content .blogcontentwrap .blogimage, #site-content .blogcontentwrap .blogcontent{display: inline-block; box-sizing: border-box; vertical-align: top; width: 43%; font-size: 1.8rem;} #site-content .the_meta{margin-bottom: 15px; font-size: 1.7rem; line-height: 19px; position: relative; padding-left: 28px;} #site-content .the_meta::before{content: ""; position: absolute; width: 18px; height: 18px; left: 0; top: 0; background: url(/wp-content/themes/jaklegal_wp/assets/images/meta-icon.png) no-repeat center; background-size: cover;} #site-content .blogcontentwrap .blogimage{padding: 5px; background: #fff;} #site-content .blogcontentwrap .blogimage img{width: 100%; object-fit: cover; height: auto;} #site-content .blogcontentwrap .blogcontent{margin-left: 3%; width: 54%;} #site-content .blogcontentwrap .blogcontent p{margin: 0;} #site-content .blogcontentwrap .read_more{margin-top: 25px;} #site-content .blogcontentwrap .read_more .btn{font-size: 1.8rem; line-height: normal; font-weight: 600;} /*--------- Custom Responsive Css Starts ---------*/ @media only screen and ( max-width: 1300px ) { .container{width: 96%;} .bannersection .bannercaption{width: 85%;} .aboutsection .rightform{margin-right: -26px;} .footersection .footerwrap{margin-left: -2%;} .footersection .footerbox.map{width: 50%;} .footersection .footerbox.address {width: 23%; margin-left: 3%;} .footersection .footerbox.links {margin-left: 3%;width: 21%;} } @media only screen and ( max-width: 1290px ) { } @media only screen and ( max-width: 1200px ) { .bannersection .bannerimage{margin-right: -50%;} .aboutsection .leftsection{width: calc(100% - 460px);} .aboutsection .rightform{width: 460px;} .aboutsection .rightform {margin-right: -24px;} .practiceareasection ul li .content{padding: 25px;} .practiceareasection ul li .contentbox {padding: 25px;} .footersection::before {margin-left: -47%;} .footersection {padding: 30px 0 35px;} .footersection .footerwrap {margin-top: 30px;} .footersection h3 {line-height: 30px;} #site-content .blogcontentwrap .read_more{margin-top: 15px;} #site-content .blogcontentwrap .read_more .btn{font-size: 1.6rem;} #site-content .blogpagecontent{padding: 15px;} #site-content .blogcontentwrap .blogcontent p{line-height: 30px;} } @media only screen and ( max-width: 1100px ) { .topnav ul li{margin-left: 25px;} .topnav ul li a{font-size: 1.6rem;} .bannersection h4 {font-size: 5.5rem;} .bannersection p {font-size: 1.9rem;} .bannerimage img{max-width: 95%;} .aboutsection {padding: 50px 0 65px;} .leftsection p {font-size: 1.8rem; line-height: 29px;} .aboutsection .rightform{margin-top: -135px;} .leftsection a.read{margin-top: 30px;} .practiceareasection{padding: 50px 0 65px;} .practiceareasection h3 {margin-bottom: 40px;} .practiceareasection ul li .contentbox h4{margin-bottom: 25px;} .teamsection {padding: 50px 0 60px;} .teamsection .teamwrap {margin-top: 40px;} .teamsection .imgsection{width: calc(100% - 580px);} .teamsection .teaminfo{width: 550px;} .teamsection .teaminfo p{font-size: 1.7rem; line-height: 28px;} .teamsection .teaminfo p+p{margin-top: 20px;} .topnav ul ul.sub-menu {padding-top: 35px;} .aboutsection .rightform {margin-right: -22px;} #site-content .blogcontentwrap .blogcontent p{font-size: 1.6rem; line-height: 27px;} } @media only screen and ( max-width: 1024px ) { .topnav ul li a {font-size: 1.5rem;} .headersection .logo img{max-width: 90%;} .headersection .topnav {margin-top: 22px;} .bannersection p {font-size: 1.8rem;} .practiceareasection ul li .contentbox ul li{font-size: 1.7rem;} .practiceareasection ul li .contentbox ul li::before {top: 6px;} .leftsection p {font-size: 1.7rem;} .teamsection ul li{padding: 20px;} .teamsection ul li .contentbox{margin-top: 20px;} .footersection .footerbox.address p, .footersection .footerbox.address p a {font-size: 1.9rem;} .footersection .footerbox.address p{margin-top: 20px;} .innerpagecaption h1 {font-size: 5rem;} .innerpagebanner.bannersection {padding: 60px 0;} #site-content h2 {font-size: 3.5rem; margin-bottom: 20px;} #site-content {width: 63%;} .footer-nav-widgets-wrapper {width: 34%;} .aboutsection .leftsection {width: calc(100% - 470px);} .aboutsection .rightform {margin-right: -20px;} #site-content .blogcontentwrap{display: flex; place-items: center;} #site-content .blogcontentwrap .blogcontent p{font-size: 1.7rem;} .footersection .footerbox.map {width: 43%;} .footersection .footerbox.address { width: 30%; margin-left: 3%; } } @media only screen and ( max-width: 980px ) { .bannersection h4 {font-size: 5rem;} .bannersection .bannerimage{margin-right: -52%;} .practiceareasection ul li .content{padding: 20px;} .practiceareasection ul li .contentbox {padding: 20px;} .teamsection .imgsection {width: calc(100% - 520px);} .teamsection .teaminfo {width: 490px;} } @media only screen and ( max-width: 800px ) { .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; position:absolute; top:7px; right: 12%;} .mobilestyicky {position: fixed; width: 100%; left: 0; top: 0; z-index:99; padding:5px 0; border-bottom:1px solid #eaeaea; background:#fff; display:block;} .hdrgt { padding-top:90px;} .header { position:relative;} html.hc-nav-yscroll {overflow-y:scroll} body.hc-nav-open {overflow:visible;position:fixed;width:100%;min-height:100%} .logged-in .hc-offcanvas-nav { top:32px;} .hc-offcanvas-nav {visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999} .hc-offcanvas-nav.is-ios * {cursor:pointer !important} .logged-in .hc-offcanvas-nav .nav-container { top:32px;} .hc-offcanvas-nav .nav-container {position:fixed;z-index:9998;top:0;width:280px;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease} .hc-offcanvas-nav .nav-wrapper {width:100%;height:100%;max-height:100vh;-ms-scroll-chaining:none;overscroll-behavior:none;box-sizing:border-box} .hc-offcanvas-nav .nav-content {height:100%;max-height:100vh} .hc-offcanvas-nav .nav-wrapper-0>.nav-content {overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box} .hc-offcanvas-nav ul {list-style:none;margin:0;padding:0} .hc-offcanvas-nav li {position:relative;display:block} .hc-offcanvas-nav li.level-open>.nav-wrapper {visibility:visible} .hc-offcanvas-nav input[type="checkbox"] {display:none} .hc-offcanvas-nav label {position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer} .hc-offcanvas-nav li.nav-parent .nav-item .icon {display: none;} .hc-offcanvas-nav a {position:relative;display:block;box-sizing:border-box;cursor:pointer} .hc-offcanvas-nav a, .hc-offcanvas-nav a:hover {text-decoration:none; background:#0044aa} .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:#fff;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:#4082e3;} .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:8px 15px; z-index:1;background: #4082e3;border-bottom:1px solid #0b5ed7; color: #fff; font-size: 16px; line-height: normal; font-weight: 300; text-transform: capitalize;} .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 #0b5ed7; 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:#0342a3; border-top:1px solid #0b5ed7; border-bottom:1px solid #0b5ed7;} .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover { background:#0044aa} .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 #0b5ed7;} .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 #442789;} .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*/ #wrapper { padding-top:0px;} .mobilestyicky .logo { width:140px; margin:0 auto; display:block;} .headersection .logo { display:block;} .headersection {padding: 10px 0;} .headersection .logo {float: left; width: 50%;} .headersection .logo img {max-width: 100%;} .mobile_menu {top: 4px;} .bannersection{padding: 40px 20px;} .bannersection.mobilebannersection{background: url(/wp-content/themes/jaklegal_wp/assets/images/mobilebanner.jpg) no-repeat; background-size: cover;} .bannersection .bannercaption { padding: 20px; box-sizing: border-box;} .bannersection h4 {margin-top: 20px; font-size: 4rem;} .bannersection p {margin-top: 20px; font-size: 1.6rem; line-height: 29px; width: 75%;} .bannersection p span{display: inline;} .bannersection .bannerimage{margin-right: -49%; width: 30%;} .bannerimage img {max-width: 100%; margin: 0 auto; box-sizing: border-box;} .aboutsection .leftsection{float: none; width: 100%;} .aboutsection .rightform{float: none; width: 100%; margin-top: 40px; box-sizing: border-box;} .aboutsection {padding: 30px 0 65px;} .leftsection p {margin-top: 20px;} .leftsection a.read {margin-top: 20px;} .widget.gform_widget {padding: 30px 30px 55px; margin-top: 30px;} .practiceareasection {padding: 30px 0 50px;} .practiceareasection h3 {margin-bottom: 25px;} .practiceareasection ul li {width: auto; margin: 0 auto; height: auto;} .practiceareasection ul li + li{margin-top: 30px;} .practiceareasection ul li .contentbox ul li {font-size: 2rem;} .practiceareasection ul{margin-left: 0; display: flex; flex-wrap: wrap; margin-top: 0;} .practiceareasection ul li .contentbox h4 {margin-bottom: 30px;} .teamsection {padding: 35px 0;} .teamsection ul{margin-top: -3%; text-align: center;} .teamsection ul li{width: 47%; margin-top: 3%;} .footersection .footerwrap{margin-left: 0; margin-top: 30px;} .footersection {padding: 30px 0px;} .footersection .footerbox.map{width: 100%; margin-bottom: 30px; box-sizing: border-box; padding-top: 55.25%; background: #fff;} .footersection .footerbox.address{width: 47%; margin-left: 8%; box-sizing: border-box;} .footersection .footerbox.links{width: 37%; margin-left: 8%; box-sizing: border-box;} .footersection .footerwrap{background: transparent;} .footersection::before{margin-left: -45%;} .footersection h3{margin-left: 8%;} #site-content {width: auto; float: none;} .footer-nav-widgets-wrapper{float: none; width: auto;} .widget.gform_widget .gform_wrapper .gform_footer{width: 55%;} .widget.gform_widget .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {font-size: 2rem; padding: 10px 15px;} .main-container {padding: 40px 0 70px;} .widget.gform_widget .gform_wrapper {margin-top: 30px;} .footerbox.links ul li+li {margin-top: 25px;} .contact_footersec .footerwrap{text-align: center;} .contact_footersec .footerbox.address{float: none; width: auto;} .contact_footersec .footerbox.links{float: none; width: auto; margin: 0 0 15px;} .contact_footersec .footerbox.links ul{margin-left: -30px;} .contact_footersec .footerbox.links ul li{margin-left: 30px;} #my-welcome-message .pop_up_section {height: 90vh;} #my-welcome-message {padding: 20px 0;} #my-welcome-message .pop_up_section {width: 100%; margin-left: 0;} #site-content .blogcontentwrap{display: inherit;} #site-content h2 { margin-top: 25px; } .site-content .tableoverflow{overflow-x:auto;} .site-content .tableoverflow table{border-collapse: collapse;} } @media only screen and ( max-width: 768px ) { } @media only screen and ( max-width: 736px ) { .bannersection h4{font-size: 3.5rem; margin-top: 15px;} .bannersection p{width: 79%; margin-top: 15px;} #site-content .blogcontentwrap .blogimage, #site-content .blogcontentwrap .blogcontent{width: 100%; margin: 0;} #site-content .blogcontentwrap .blogcontent{margin-top: 30px;} #site-content .blogcontentwrap .blogcontent p{font-size: 1.8rem;} } @media only screen and ( max-width: 668px ) { .mobile_menu {top: 2px; } .bannersection {padding: 30px 10px;} .bannersection p {width: 84%;} .bannersection .bannerimage {width: 32%;} .teamsection ul li .contentbox h4{font-size: 2rem;} .teamsection ul li .contentbox h5{font-size: 1.6rem;} /* #site-content p {margin-bottom: 10px; width: 85%;} */ #site-content p {margin-bottom: 10px; width: auto;} #site-content ul li, #site-content ol li, #site-content p{font-size: 1.6rem;} } @media only screen and ( max-width: 640px ) { .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height:inherit !important; min-height:inherit !important;} .main-container {padding: 30px 0 70px;} .widget.gform_widget .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {font-size: 2rem;padding: 5px 15px;} .headersection .logo{width: 60%;} .mobile_menu {top: 5px; right: 14%;} .bannersection h4 {font-size: 3.2rem;} .bannersection p {width: 75%;} .bannersection a.btn {min-width: 60%; padding: 20px 10px; font-size: 1.8rem;} .bannersection .bannerimage {width: 35%;} } @media only screen and ( max-width: 600px ) { .bannersection h4 {margin-top: 10px;} .bannersection p {font-size: 1.6rem; line-height: 28px;} .bannersection a.btn {font-size: 1.7rem;} .bannersection .bannerimage {width: 36%; margin-right: -51%;} .practiceareasection h3{font-size: 4rem;} .practiceareasection ul li .content h4{font-size: 2rem; padding-top: 40px;} .practiceareasection ul li .content h4::before{width: 36px; height: 36px; left: calc(50% - 18px);} .practiceareasection ul li .contentbox ul li {font-size: 1.7rem;} .practiceareasection ul li .contentbox h4 {margin-bottom: 20px;} .teamsection h3{font-size: 4rem;} .widget.gform_widget {padding: 30px 30px 55px;} .widget.gform_widget .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{font-size: 2rem; padding: 5px 20px;} .teamsection .imgsection{width: auto;} .footersection .footerbox.address p, .footersection .footerbox.address p a{font-size: 1.6rem;} .footerbox.links ul li a {font-size: 1.8rem;} .widget.gform_widget .gform_wrapper {margin-top: 20px;} #site-content h4{margin-bottom: 15px;} #my-welcome-message .pop_up_section h2.title {padding: 15px 10px;} #site-content .largebox .smallbox{width: 100%; margin: 4% 0 0;} } @media only screen and ( max-width: 568px ) { .mobile_menu {right: 17%;} .bannersection h4 {font-size: 3rem;} .bannersection p {line-height: 25px; width: 75%;} .bannersection .bannerimage {width: 37%;margin-right: -52%;} .bannersection .btnsec {margin-top: 25px;} .bannersection a.btn {font-size: 1.7rem; padding: 25px 30px;} .leftsection h3 {font-size: 4rem;} .leftsection p {margin-top: 10px;} .practiceareasection ul li .contentbox ul li {font-size: 1.5rem;} .practiceareasection ul li .contentbox ul li::before {top: 4px;} .footersection .footerbox.address{width: auto; margin-left: 12%;} .footersection .footerbox.links{width: auto; margin-top: 30px; margin-left: 12%;} } @media only screen and ( max-width: 480px ) { .container { width:90%;} #site-content .bloglistingpage ul li .homemetasec .meta-wrapper.post-author { margin-left:0;} #site-content img.alignright, #site-content img.alignleft, #site-content img.aligncenter, #site-content img.alignnone { float:none; width:100%; max-width:100%; height:auto; display:block; text-align:center; margin:0 auto 15px;} #site-content .alignleft, #site-content .alignright, #site-content .alignnone, #site-content .aligncenter { float:none; width:auto; max-width:100%; height:auto; text-align:center; margin:0 auto 15px;} #site-content h1 { font-size:26px; line-height:normal;} #site-content h2, #site-content .hentry h2 { font-size:24px; line-height:normal;} #site-content h3 { font-size:24px; line-height:normal;} #site-content h4 { font-size:22px; line-height:normal;} #site-content h5 { font-size:20px; line-height:normal;} #site-content h6 { font-size:19px; line-height:normal;} .mobile_menu {top: 8px; } .headersection .logo{width: 75%;} .bannersection {padding: 30px 0px 0;} .bannersection .bannercaption{width: auto;} .bannersection .bannerimage{width: 54%; position: inherit; right: inherit; bottom: inherit; margin: 20px auto 0; } .bannersection h4 {font-size: 2.8rem; margin-bottom: 15px;} .bannersection p{display: inline;} .bannersection .btnsec {margin-top: 20px;} .bannersection a.btn {min-width: 100%; font-size: 2rem; padding: 20px 30px;} .leftsection p {font-size: 1.7rem;} .leftsection h3 {font-size: 3.2rem;} .aboutsection .rightform {margin-top: 30px;} .practiceareasection h3 {font-size: 3.5rem;} .practiceareasection ul li .contentbox ul li {font-size: 2rem; width: 97%; height: auto;} .copyrightsection p {font-size: 1.5rem;} .teamsection h3{margin-bottom: 30px;} .teamsection ul{margin-top: -5%; margin-left: inherit;} .teamsection ul li{width: 92%; margin-top: 5%; margin-left: inherit;} .practiceareasection ul li:hover .contentbox ul{overflow: scroll; height: 100px;} .practiceareasection ul li .contentbox ul li {font-size: 1.7rem;} .practiceareasection ul li .contentbox ul li::before {top: 6px;} .practiceareasection ul li .contentbox h4 {font-size: 2rem;} .footersection::before {margin-left: -41%;} .footersection h3 {margin-left: 12%;} .footersection .footerbox.address p {margin-top: 10px;} .footerbox.links ul {margin-top: 20px;} .footerbox.links ul li{display: block; line-height: normal;} .footerbox.links ul li+li {margin-top: 10px;} #site-content p img.alignright{margin: 20px auto;} .innerpagecaption h1 {font-size: 4rem;} .footerbox.links ul li a {font-size: 2rem; margin-bottom: 10px;} .contact_footersec .footerbox.links{margin-bottom: 0;} .contact_footersec .footerbox.address {margin-top: 10px;} #site-content .practice_area p:first-child{margin-bottom: 15px;} .widget.gform_widget .gform_wrapper .gform_footer {width: 90%;} #site-content p,#site-content ol li {font-size: 1.7rem;} #my-welcome-message .pop_up_section .pop_up_wrap {padding: 15px 10px 0;} #site-content .blogcontentwrap .blogcontent{margin-top: 20px;} #site-content .blogcontentwrap .blogcontent p{font-size: 1.6rem;} .faqsec .accrodionsec h4.title { font-size: 18px !important; padding: 12px 40px 12px 12px; } .faqsec .accrodionsec h4.title::before { font-size: 22px !important; right: 12px; } .faqsec .accrodionsec .accordion-content { padding: 15px !important; } .faqsec .accrodionsec .accordion-content p, .faqsec .accrodionsec .accordion-content ul li { font-size: 16px !important; line-height: 26px; } .faqsec .accrodionsec .accordion-content ul li{padding-left: 20px;} .faqsec .accrodionsec .accordion-content ul li::before{width: 6px; height: 6px;} } @media only screen and ( max-width: 415px ) { .mobile_menu {top: 6px} .bannersection p {font-size: 1.6rem; line-height: 25px;} .bannersection a.btn{font-size: 1.7rem; min-width: 100%;} .bannersection a.btn::before {top: 5px; left: 5px; right: 5px; bottom: 5px;} .bannersection h3 {font-size: 2rem;} .bannersection h4 {font-size: 2.4rem;} .teaminfo ul.btns li a { font-size: 1.5rem;} .widget.gform_widget .gform_wrapper .gform_footer {bottom: -34px;} #site-content .largebox h2.main_title {font-size: 1.8rem;} .practiceareasection ul li .contentbox ul li::before {width: 9px; height: 9px;} .footersection h3{font-size: 3.5rem;} } @media only screen and ( max-width: 384px ) { .mobile_menu {top: 5px; } .bannersection .bannercaption {padding: 15px;} .bannersection h3 {font-size: 1.8rem;} .bannersection p {font-size: 1.5rem;line-height: 25px;} .copyrightsection p {font-size: 1.4rem;} .teaminfo ul.btns{margin-top: -10px;} .teaminfo ul.btns li{width: 96%; margin-top: 15px;} .teamsection .teaminfo p+p {margin-top: 10px;} .teamsection .teaminfo ul.btns {margin-top: 10px;} .widget.gform_widget {padding: 20px 20px 55px;} .widget.gform_widget .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {font-size: 1.7rem;} .teamsection h3 {font-size: 3.5rem;} .teamsection .teamwrap { margin-top: 20px;} .teamsection .teaminfo {margin-top: 20px;} .footersection .footerwrap {margin-top: 20px;} #site-content h2 {margin-bottom: 15px;} #site-content ol{padding-left: 30px;} #site-content ol li{font-size: 1.6rem;} .practiceareasection ul li .content{padding: 15px;} .practiceareasection ul li:hover .contentbox ul {height: 75px;} .practiceareasection ul li .contentbox ul{padding-bottom: 0;} .practiceareasection ul li .contentbox{padding: 15px;} .practiceareasection ul li .contentbox h4{margin-bottom: 15px; padding-bottom: 15px;} .practiceareasection ul li .contentbox ul li {font-size: 1.5rem;} .practiceareasection ul li .contentbox ul li::before {top: 5px;} .teamsection .teaminfo p+p{margin-top: 10px} #wrapper .widget.gform_widget .gform_legacy_markup_wrapper ul li input[type="TEXT"], #wrapper .widget.gform_widget .gform_legacy_markup_wrapper ul li textarea{padding-bottom: 5px;} #my-welcome-message .pop_up_section .pop_up_wrap p, #my-welcome-message .pop_up_section .pop_up_wrap ul li {font-size: 1.4rem;} #my-welcome-message .pop_up_section{width: 90%; margin-left: 0;} .footerbox.links ul li a {font-size: 1.9rem;} } @media only screen and ( max-width: 376px ) { .footerbox.links ul li a {font-size: 1.8rem;} .teaminfo ul.btns li a {padding: 10px;} .practiceareasection ul li .contentbox ul li {padding-left: 30px;} .footerbox.links ul li a::before {top: 10px;} } @media only screen and ( max-width: 360px ) { .practiceareasection h3 {font-size: 3rem;} .innerpagebanner.bannersection {padding: 50px 0;} .innerpagecaption h1 {font-size: 3rem;} .practiceareasection ul li:hover .contentbox ul {height: 68px;} .practiceareasection ul li .contentbox ul li::before {width: 7px; height: 7px;} .practiceareasection ul li .contentbox ul li::before {top : 6px} .btnsec a.btn{min-width: 300px;} } @media only screen and ( max-width: 320px ) { .mobile_menu {top: 1px;} .bannersection h4{font-size: 2rem;} .bannersection a.btn {padding: 20px 15px;} .footerbox.links ul li a {font-size: 1.7rem;} .teaminfo ul.btns li {margin-left: 2%;} .teaminfo ul.btns li a { font-size: 1.4rem;} .copyrightsection p span {display: inline;} .footerbox.links ul{margin-left: -20px;} .footerbox.links ul li{margin-left: 20px;} #site-content .largebox h2.main_title {font-size: 1.6rem;} #my-welcome-message .pop_up_section .agreebtn, #my-welcome-message .pop_up_section .declinebtn {margin: 0 25px 0 0;} .practiceareasection ul li .contentbox h4 {font-size: 1.7rem;} .practiceareasection ul li:hover .contentbox ul {height: 60px;} .contact_footersec .footerbox.links ul li{margin-left: 20px;} } /*--------- Custom Responsive Css Ends ---------