/* Theme Name: R-Wings Text Domain: twentytwenty Version: 1.6 Requires at least: 4.7 Requires PHP: 5.2.4 Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready Author: the WordPress team Author URI: https://wordpress.org/ Theme URI: https://wordpress.org/themes/twentytwenty/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 0. CSS Reset 1. Document Setup 2. Element Base 3. Helper Classes 4. Site Header 5. Menu Modal 6. Search Modal 7. Page Templates a. Template: Cover Template c. Template: Full Width 8. Post: Archive 9. Post: Single 10. Blocks 11. Entry Content 12. Comments 13. Site Pagination 14. Error 404 15. Widgets 16. Site Footer 17. Media Queries ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */ html, body { border: none; margin: 0; padding: 0; } blockquote::before, blockquote::after { content: "";} /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ html {font-size: 62.5%; /* 1rem = 10px */} body { background: #fff; box-sizing: border-box; color:#3e3e3e; font-family: 'Mulish', sans-serif; font-size: 18px; font-weight:400; letter-spacing: normal; text-align: left;} *, *::before, *::after { box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word;} /*#site-content { overflow: hidden;}*/ /* Clearing ---------------------------------- */ .group::after, .entry-content::after {clear: both; content: "";display: block;} /* Base Transitions -------------------------- */ a, path {transition: all 0.15s linear;} /* Screen Reader Text ------------------------ */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal;} .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 1.4rem; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;} /* Skip Link --------------------------------- */ .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline;} .skip-link:focus { display: block; left: 6px; top: 7px; font-size: 1.4rem; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto;} /* Accessibility Settings -------------------- */ @media ( prefers-reduced-motion: reduce ) { * { animation-duration: 0s !important; transition-duration: 0s !important;} } /* -------------------------------------------------------------------------- */ /* 2. Element Base /* ---------------------------------------------*---------------------------- */ main {display: block;} h1, h2, h3, h4, h5, h6, .faux-heading { margin: 0; padding:0; line-height:normal} 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 {height: auto;max-width: 100%;} figcaption, .wp-caption-text {color: #6d6d6d; display: block;font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin-top: 1.5rem;} figcaption a, .wp-caption-text a {color: inherit;} /* GALLERIES */ .gallery { display: flex; flex-wrap: wrap; margin: 3em 0 3em -0.8em; width: calc(100% + 1.6em);} .gallery-item { margin: 0.8em 0; padding: 0 0.8em; width: 100%;} .gallery-caption {display: block;margin-top: 0.8em;} /* Inputs ------------------------------------ */ fieldset { border: 0.2rem solid #dcd7ca; padding: 2rem;} legend { font-size: 0.85em;font-weight: 700;padding: 0 1rem;} label { display: block; font-size: 1.6rem; font-weight: 400; margin: 0 0 0.5rem 0;} label.inline, input[type="checkbox"] + label { display: inline; font-weight: 400; margin-left: 0.5rem;} input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;line-height: 1;} @supports ( font-variation-settings: normal ) { input, textarea, button, .button, .faux-button, .faux-button.more-link, .wp-block-button__link, .wp-block-file__button { font-family: 'Mulish', sans-serif; font-size: 20px; } } 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; transition: opacity 0.15s linear;} 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 #ddd; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 1.6rem; margin: 4rem 0; max-width: 100%; overflow: hidden; width: 100%; } .alignleft > table { margin: 0; } .alignright > table { margin: 0;} th, td { border: 0.1rem solid #ddd; line-height: 1.4; margin: 0; overflow: visible; padding: 0.5em; } caption { background: #dcd7ca; font-weight: 600; padding: 0.5em; text-align: center;} thead { vertical-align: bottom; white-space: nowrap;} th { font-weight: 700;} /* -------------------------------------------------------------------------- */ /* 3. Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ .no-margin { margin: 0;} .no-padding { padding: 0;} .screen-height { min-height: 100vh;} .admin-bar .screen-height { min-height: calc(100vh - 32px);} @media (max-width: 782px) { .admin-bar .screen-height { min-height: calc(100vh - 46px);} } .screen-width { position: relative; left: calc(50% - 50vw); width: 100vw;} /* Toggles ----------------------------------- */ .toggle { -moz-appearance: none; -webkit-appearance: none; color: inherit; cursor: pointer; font-family: inherit; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align: inherit; user-select: none;} button.toggle { background: none; border: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none;} /* Hiding and Showing ------------------------ */ .js .show-js {display: block !important;} .js .hide-js {display: none !important;} .no-js .show-no-js {display: block !important;} .no-js .hide-no-js {display: none !important;} /* Typography -------------------------------- */ .font-size-xl { font-size: 1.25em;} .font-size-xs { font-size: 0.8em;} .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* Colors ------------------------------------ */ /* COLOR */ .color-accent, .color-accent-hover:focus, .color-accent-hover:hover { color: #cd2653;} /* BACKGROUND COLOR */ .bg-accent, .bg-accent-hover:focus, .bg-accent-hover:hover {background-color: #cd2653;} /* BORDER COLOR */ .border-color-accent, .border-color-accent-hover:focus, .border-color-accent-hover:hover {border-color: #cd2653;} /* FILL COLOR */ .fill-children-accent, .fill-children-accent * {fill: #cd2653;} .fill-children-current-color, .fill-children-current-color * {fill: currentColor;} /* Opacity ----------------------------------- */ .opacity-0 { opacity: 0;} .opacity-5 { opacity: 0.05;} .opacity-10 {opacity: 0.1;} .opacity-15 { opacity: 0.15;} .opacity-20 { opacity: 0.2;} .opacity-25 { opacity: 0.25;} .opacity-30 { opacity: 0.3;} .opacity-35 { opacity: 0.35;} .opacity-40 { opacity: 0.4;} .opacity-45 { opacity: 0.45;} .opacity-50 { opacity: 0.5;} .opacity-55 { opacity: 0.55;} .opacity-60 { opacity: 0.6;} .opacity-65 { opacity: 0.65;} .opacity-70 { opacity: 0.7;} .opacity-75 { opacity: 0.75;} .opacity-80 { opacity: 0.8;} .opacity-85 { opacity: 0.85;} .opacity-90 { opacity: 0.9;} .blend-mode-exclusion { mix-blend-mode: exclusion;} .blend-mode-hue { mix-blend-mode: hue;} .blend-mode-saturation { mix-blend-mode: saturation;} .blend-mode-color { mix-blend-mode: color;} .blend-mode-luminosity { mix-blend-mode: luminosity;} /* Image Classes ----------------------------- */ .bg-image { background-position: center; background-repeat: no-repeat; background-size: cover;} .bg-attachment-fixed { background-attachment: fixed;} @supports ( -webkit-overflow-scrolling: touch ) { .bg-attachment-fixed { background-attachment: scroll;} } @media ( prefers-reduced-motion: reduce ) { .bg-attachment-fixed {background-attachment: scroll;} } .wp-block-image.is-resized {margin-left: auto;margin-right: auto;} /* Search Form ------------------------------- */ .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; margin: 0 0 -0.8rem -0.8rem;} .search-form .search-field, .search-form .search-submit { margin: 0 0 0.8rem 0.8rem;} .search-form label { align-items: stretch; display: flex; font-size: inherit; margin: 0; width: 100%;} .search-form .search-field { width: 100%;} .search-form .search-submit { flex-shrink: 0;} .search-form .search-submit:focus, .search-form .search-submit:hover {text-decoration: none;} /* Social Icons ------------------------------ */ ul.social-icons { display: flex; flex-wrap: wrap; margin: -0.9rem 0 0 -0.9rem; width: calc(100% + 0.9rem);} ul.social-icons li { margin: 0.9rem 0 0 0.9rem;} .social-icons a { align-items: center; background: #cd2653; border-radius: 50%; color: #fff; display: flex; height: 4.4rem; justify-content: center; padding: 0; text-decoration: none; transition: transform 0.15s ease-in-out; width: 4.4rem;} .social-icons a:focus, .social-icons a:hover { transform: scale(1.1); text-decoration: none;} /* Cover Modals ------------------------------ */ .cover-modal { display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .cover-modal::-webkit-scrollbar { display: none !important;} .cover-modal.show-modal { display: block; cursor: pointer;} .cover-modal.show-modal > * { cursor: default;} /* -------------------------------------------------------------------------- */ /* 4. Site Header /* -------------------------------------------------------------------------- */ #site-header { background: #fff; position: relative; } .header-inner { max-width: 168rem; padding: 3.15rem 0; z-index: 100;} /* Header Titles ----------------------------- */ .header-titles-wrapper { align-items: center; display: flex; justify-content: center; padding: 0 4rem;text-align: center;} body:not(.enable-search-modal) .header-titles-wrapper { justify-content: flex-start; padding-left: 0; text-align: left;} .site-title, .site-logo, .site-description { margin: 0;} .site-title { font-size: 2.1rem; font-weight: 600; line-height: 1;} .site-title a { color: inherit; display: block; text-decoration: none;} .site-title a:hover, .site-title a:focus { text-decoration: underline;} .site-description { margin-top: 1rem; color: #6d6d6d; font-size: 1.8rem; font-weight: 500; display: none; letter-spacing: -0.0311em; transition: all 0.15s linear;} .site-logo a, .site-logo img { display: block;} .header-titles .site-logo .site-logo { margin: 0;} .site-logo img { max-height: 6rem; margin: 0 auto; width: auto;} body:not(.enable-search-modal) .site-logo img { margin: 0;} /* Overlay Header ---------------------------- */ .overlay-header #site-header { background: transparent; margin: 0; position: absolute; left: 0; right: 0; top: 0; z-index: 2; } .overlay-header .header-inner { color: #fff;} .overlay-header .site-description, .overlay-header .toggle { color: inherit;} .overlay-header .header-inner .toggle-wrapper::before { background-color: currentColor; opacity: 0.25;} .admin-bar.overlay-header #site-header { top: 32px; } @media (max-width: 782px) { .admin-bar.overlay-header #site-header {top: 46px;} } /* Header Navigation ------------------------- */ .header-navigation-wrapper { display: none;} /* Header Toggles ---------------------------- */ .header-toggles { display: none;} .header-inner .toggle { align-items: center; display: flex; overflow: visible; padding: 0 2rem;} .header-inner .toggle svg { display: block; position: relative;z-index: 1;} .header-inner .toggle path { fill: currentColor;} .toggle-inner { display: flex; justify-content: center; height: 2.3rem; position: relative;} .toggle-icon { display: block; overflow: hidden;} .toggle-inner .toggle-text { color: #6d6d6d; font-size: 1rem; font-weight: 600; position: absolute; top: calc(100% + 0.5rem); width: auto; white-space: nowrap; word-break: break-all; } .overlay-header .toggle-text { color: inherit;} .header-inner .toggle:focus .toggle-text, .header-inner .toggle:hover .toggle-text {text-decoration: underline;} /* Search Toggle ----------------------------- */ .search-toggle { position: absolute; bottom: 0; left: 0; top: 0;} .search-toggle .toggle-icon, .search-toggle svg { height: 2.5rem; max-width: 2.3rem; width: 2.3rem;} /* Navigation Toggle ------------------------- */ .nav-toggle { position: absolute; bottom: 0; right: 0; top: 0; width: 6.6rem; } .nav-toggle .toggle-icon, .nav-toggle svg { height: 0.8rem; width: 2.6rem;} .nav-toggle .toggle-inner { padding-top: 0.8rem;} /* Primary Menu ---------------------------- */ .primary-menu-wrapper { display: none;} ul.primary-menu { display: flex; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.0277em; flex-wrap: wrap; justify-content: flex-end; margin: -0.8rem 0 0 -1.6rem;} .primary-menu .icon { display: block; height: 0.7rem; position: absolute; pointer-events: none; transform: rotate(-45deg); width: 1.3rem; } .primary-menu .icon::before, .primary-menu .icon::after { content: "";display: block; background-color: currentColor; position: absolute; bottom: calc(50% - 0.1rem); left: 0;} .primary-menu .icon::before { height: 0.9rem; width: 0.2rem;} .primary-menu .icon::after { height: 0.2rem; width: 0.9rem;} .primary-menu li { font-size: inherit; line-height: 1.25; position: relative; } .primary-menu > li { margin: 0.8rem 0 0 1.6rem;} .primary-menu > li.menu-item-has-children > a { padding-right: 2rem;} .primary-menu > li > .icon { right: -0.5rem; top: calc(50% - 0.4rem);} .primary-menu a { color: inherit; display: block; line-height: 1.2; text-decoration: none;} .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { text-decoration: underline;} .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a { text-decoration: underline;} .primary-menu li.current-menu-item > a:hover, .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, .primary-menu li.current-menu-item > a:focus, .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {text-decoration: none;} /* SUB MENU */ .primary-menu ul { background: #000; border-radius: 0.4rem; color: #fff; font-size: 1.7rem; opacity: 0; padding: 1rem 0; position: absolute; right: 9999rem; top: calc(100% + 2rem); transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(0.6rem); width: 20rem; z-index: 1;} .primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul { right: 0; opacity: 1;transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear;} .primary-menu ul::before, .primary-menu ul::after {content: ""; display: block; position: absolute; bottom: 100%; } .primary-menu ul::before {height: 2rem; left: 0;right: 0;} .primary-menu ul::after { border: 0.8rem solid transparent; border-bottom-color: #000; right: 1.8rem; } .primary-menu ul a { background: transparent; border: none; color: inherit; display: block; padding: 1rem 2rem; transition: background-color 0.15s linear; width: 100%;} .primary-menu ul li.menu-item-has-children > a { padding-right: 4.5rem; } .primary-menu ul li.menu-item-has-children .icon {position: absolute; right: 1.5rem; top: calc(50% - 0.5rem);} /* DEEP DOWN */ .primary-menu ul ul {top: -1rem;} .primary-menu ul li.menu-item-has-children:hover > ul, .primary-menu ul li.menu-item-has-children:focus > ul, .primary-menu ul li.menu-item-has-children.focus > ul { right: calc(100% + 2rem); } .primary-menu ul ul::before { bottom: 0; height: auto; left: auto; right: -2rem; top: 0; width: 2rem; } .primary-menu ul ul::after { border-bottom-color: transparent; /*rtl:ignore*/ border-left-color: #000; bottom: auto; right: -1.6rem; top: 2rem; } .rtl .primary-menu ul ul::after { transform: rotate(180deg);} /* * Enable nav submenu expansion with tapping on arrows on large-viewport * touch interfaces (e.g. tablets or laptops with touch screens). * These rules are supported by all browsers (>IE11) and when JS is disabled. */ @media (any-pointer: coarse) { .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem;} .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset;} } /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ body.touch-enabled .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } body.touch-enabled .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset;} /* -------------------------------------------------------------------------- */ /* 5. Menu Modal /* -------------------------------------------------------------------------- */ .menu-modal { background: #fff; display: none; opacity: 0; overflow-y: auto; overflow-x: hidden; position: fixed; bottom: 0; left: -99999rem; right: 99999rem; top: 0; transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; z-index: 99;} .admin-bar .menu-modal { top: 32px;} @media (max-width: 782px) { .admin-bar .menu-modal { top: 46px; } } .menu-modal.show-modal { display: flex;} .menu-modal.active { left: 0; opacity: 1; right: 0; transition: opacity 0.25s ease-out;} .menu-modal-inner { background: #fff; display: flex; justify-content: stretch; overflow: auto; -ms-overflow-style: auto; width: 100%;} .menu-wrapper { display: flex; flex-direction: column; justify-content: space-between; position: relative;} button.close-nav-toggle { align-items: center; display: flex; font-size: 1.6rem; font-weight: 500; justify-content: flex-end; padding: 3.1rem 0; width: 100%;} button.close-nav-toggle svg { height: 1.6rem; width: 1.6rem;} button.close-nav-toggle .toggle-text {margin-right: 1.6rem;} .menu-modal .menu-top {flex-shrink: 0;} /* Main Menu --------------------------------- */ .modal-menu{position:relative;left:calc(50% - 50vw);width:100vw} .modal-menu li{border-color:#dedfdf;border-style:solid;border-width:.1rem 0 0 0;display:flex;flex-wrap:wrap;line-height:1;justify-content:flex-start;margin:0} .modal-menu>li>.ancestor-wrapper>a,.modal-menu>li>a{font-size:2rem;font-weight:700;letter-spacing:-.0375em} .modal-menu>li:last-child{border-bottom-width:.1rem} .modal-menu .ancestor-wrapper{display:flex;justify-content:space-between;width:100%} .modal-menu a{display:block;padding:2rem 2.5rem;text-decoration:none;width:100%} .modal-menu a:focus,.modal-menu a:hover,.modal-menu li.current-menu-item>.ancestor-wrapper>a,.modal-menu li.current_page_ancestor>.ancestor-wrapper>a{text-decoration:underline} button.sub-menu-toggle{border-left:.1rem solid #dedfdf;flex-shrink:0;margin:1rem 0;padding:0 2.5rem} button.sub-menu-toggle svg{height:.9rem;transition:transform .15s linear;width:1.5rem} button.sub-menu-toggle.active svg{transform:rotate(180deg)} .modal-menu ul{display:none;margin:0;width:100%} .modal-menu ul li{border-left-width:1rem} .modal-menu ul li a{color:inherit;font-weight:500} /* Main menu animation ----------------------- */ .menu-wrapper .menu-item{position:relative} .menu-wrapper .active{display:block} .menu-wrapper.is-toggling{pointer-events:none} .menu-wrapper.is-toggling .menu-item{position:absolute;top:0;left:0;margin:0;width:100%} .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item{width:auto} .menu-wrapper.is-animating .menu-item,.menu-wrapper.is-animating .toggling-target{transition-duration:250ms} .menu-wrapper.is-animating .menu-item{transition-property:transform} .menu-wrapper.is-toggling .toggling-target{display:block;position:absolute;top:0;left:0;opacity:1} .menu-wrapper.is-toggling .toggling-target.active{opacity:0} .menu-wrapper.is-animating.is-toggling .toggling-target{display:block;transition-property:opacity;opacity:0} .menu-wrapper.is-animating.is-toggling .toggling-target.active{opacity:1} .menu-wrapper.is-toggling .modal-menu>li:last-child li{border-top-color:transparent;border-bottom-width:.1rem} @media (prefers-reduced-motion:reduce){.menu-wrapper.is-animating .menu-item,.menu-wrapper.is-animating .toggling-target{transition-duration:1ms!important}} /* Expanded Menu ----------------------------- */ .expanded-menu {display: none;} .mobile-menu {display: block;} /* Menu Bottom ------------------------------- */ .menu-bottom{flex-shrink:0;padding:4rem 0} .menu-bottom nav{width:100%} .menu-copyright{display:none;font-size:1.6rem;font-weight:500;margin:0} .menu-copyright a:focus,.menu-copyright a:hover{text-decoration:underline} .menu-bottom .social-menu{justify-content:center} /* -------------------------------------------------------------------------- */ /* 6. Search Modal /* -------------------------------------------------------------------------- */ .search-modal{background:rgba(0,0,0,.2);display:none;opacity:0;position:fixed;bottom:0;left:-9999rem;top:0;transition:opacity .2s linear,left 0s .2s linear;width:100%;z-index:999} .admin-bar .search-modal.active{top:32px} @media (max-width:782px){.admin-bar .search-modal.active{top:46px}} .search-modal-inner{background:#fff;transform:translateY(-100%);transition:transform .15s linear,box-shadow .15s linear} .search-modal-inner .section-inner{display:flex;justify-content:space-between;max-width:168rem} .search-modal.active{left:0;opacity:1;transition:opacity .2s linear} .search-modal.active .search-modal-inner{box-shadow:0 0 2rem 0 rgba(0,0,0,.08);transform:translateY(0);transition:transform .25s ease-in-out,box-shadow .1s .25s linear} button.search-untoggle{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:-2.5rem;padding:0 2.5rem} .search-modal button.search-untoggle{color:inherit} .search-modal.active .search-untoggle{animation:popIn both .3s .2s} .search-untoggle svg{height:1.5rem;transition:transform .15s ease-in-out;width:1.5rem} .search-untoggle:focus svg,.search-untoggle:hover svg{transform:scale(1.15)} /* Modal Search Form ------------------------- */ .search-modal form{margin:0;position:relative;width:100%} .search-modal .search-field{background:0 0;border:none;border-radius:0;color:inherit;font-size:2rem;letter-spacing:-.0277em;height:8.4rem;margin:0 0 0 -2rem;max-width:calc(100% + 2rem);padding:0 0 0 2rem;width:calc(100% + 2rem)} .search-modal .search-field::-webkit-input-placeholder{color:inherit} .search-modal .search-field:-ms-input-placeholder{color:inherit} .search-modal .search-field::-moz-placeholder{color:inherit;line-height:4} .search-modal .search-submit{position:absolute;right:-9999rem;top:50%;transform:translateY(-50%)} .search-modal .search-submit:focus{right:0} /* -------------------------------------------------------------------------- */ /* 7a. Template: Cover Template /* -------------------------------------------------------------------------- */ .cover-header{display:flex;overflow:hidden} .cover-header-inner-wrapper{display:flex;position:relative;flex-direction:column;justify-content:flex-end;width:100%} .cover-header-inner{padding:10rem 0 5rem 0;width:100%} .cover-color-overlay,.cover-color-overlay::before{position:absolute;bottom:0;left:0;right:0;top:0} .cover-color-overlay::before{background:currentColor;content:"";display:block} .cover-header .entry-header{position:relative;width:100%;z-index:1} .cover-header .entry-header *{color:#fff} body.template-cover .entry-header{background:0 0;padding:0} .cover-header .faux-heading,.cover-header h1,.cover-header h2,.cover-header h3,.cover-header h4,.cover-header h5,.cover-header h6{color:inherit} .cover-header .entry-header a{color:inherit} /* To The Content ---------------------------- */ .to-the-content-wrapper{position:absolute;left:0;right:0;top:calc(100% + .5rem)} .to-the-content{align-items:center;display:flex;justify-content:center;height:4rem;text-decoration:none} .to-the-content svg{height:2rem;transition:transform .15s linear;transform:translateY(0);width:1.767rem} .to-the-content:focus svg,.to-the-content:hover svg{transform:translateY(20%)} /* -------------------------------------------------------------------------- */ /* 7c. Template: Full Width /* -------------------------------------------------------------------------- */ body.template-full-width .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),body.template-full-width [class*="__inner-container"]>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){max-width:120rem} body.template-full-width .entry-content .alignleft,body.template-full-width .entry-content .alignright{position:static} body.template-full-width .entry-content .alignleft,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.alignleft,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.wp-block-image .alignleft,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>p .alignleft{margin-left:0;position:static} body.template-full-width .entry-content>.alignleft,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignleft,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignleft,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignleft{margin-left:2rem;position:static} body.template-full-width .entry-content .alignright,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.alignright,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>.wp-block-image .alignright,body.template-full-width [class*=wp-block].alignwide [class*="__inner-container"]>p .alignright{margin-right:0;position:static} body.template-full-width .entry-content>.alignright,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignright,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignright,body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignright{margin-right:2rem;position:static} /* -------------------------------------------------------------------------- */ /* 8. Post: Archive /* -------------------------------------------------------------------------- */ /* Archive Header ---------------------------- */ .archive-header{background-color:#fff;padding:4rem 0} .reduced-spacing .archive-header{padding-bottom:2rem} .archive-title{font-size:2.4rem;font-weight:700;letter-spacing:-.026666667em;margin:0} .archive-subtitle p:last-child{margin-bottom:0} /* Search Results ---------------------------- */ .no-search-results-form {padding-top: 5rem;} /* -------------------------------------------------------------------------- */ /* 9. Post: Single /* -------------------------------------------------------------------------- */ /* Post Header ------------------------------- */ .singular .entry-header{background-color:#fff;padding:4rem 0} .entry-categories{line-height:1.25;margin-bottom:2rem} .entry-categories-inner{justify-content:center;display:flex;flex-wrap:wrap;margin:-.5rem 0 0 -1rem} .entry-categories a{border-bottom:.15rem solid currentColor;font-size:1.4rem;font-weight:700;letter-spacing:.036666667em;margin:.5rem 0 0 1rem;text-decoration:none;text-transform:uppercase} .entry-categories a:focus,.entry-categories a:hover{border-bottom-color:transparent} h1.entry-title,h2.entry-title{margin:0} .entry-title a{color:inherit;text-decoration:none} .entry-title a:focus,.entry-title a:hover{text-decoration:underline} .intro-text{margin-top:2rem} .singular .intro-text{font-size:2rem;letter-spacing:-.0315em;line-height:1.4} .post-meta-single-top .post-meta{justify-content:center} .post-meta{color:#6d6d6d;display:flex;flex-wrap:wrap;font-size:1.5rem;font-weight:500;list-style:none;margin:-1rem 0 0 -2rem} .post-meta li{flex-shrink:0;letter-spacing:-.016875em;margin:1rem 0 0 2rem;max-width:calc(100% - 2rem)} .post-meta a{color:inherit;text-decoration:none} .post-meta a:focus,.post-meta a:hover{text-decoration:underline} .post-meta .meta-wrapper{align-items:center;display:flex;flex-wrap:nowrap} .post-meta .meta-icon{flex-shrink:0;margin-right:1rem} .sticky .post-sticky{color:inherit} .post-meta .post-author .meta-icon svg{width:1.6rem;height:1.8rem} .post-meta .post-categories .meta-icon svg{width:1.8rem;height:1.7rem} .post-meta .post-comment-link .meta-icon svg{width:1.8rem;height:1.8rem} .post-meta .post-date .meta-icon svg{width:1.7rem;height:1.8rem} .post-meta .post-edit .meta-icon svg{width:1.8rem;height:1.8rem} .post-meta .post-sticky .meta-icon svg{width:1.5rem;height:1.8rem} .post-meta .post-tags .meta-icon svg{width:1.8rem;height:1.8rem} .post-meta svg *{fill:currentColor} /* Featured Media ---------------------------- */ .featured-media{margin-top:5rem;position:relative} .singular .featured-media{margin-top:0} .singular .featured-media-inner{position:relative} .singular .featured-media::before{background:#fff;content:"";display:block;position:absolute;bottom:50%;left:0;right:0;top:0} .featured-media img{margin:0 auto} .featured-media figcaption{margin:1.5rem auto 0 auto;text-align:center;width:calc(100% - 5rem)} .reduced-spacing.missing-post-thumbnail .post-inner{padding-top:0} /* Post Footer ------------------------------- */ /* POST NAV LINKS */ .post-nav-links { border-radius: 0.4rem;1 display: flex; font-size: 0.9em; font-weight: 600; line-height: 1; margin-top: 3em; padding: 0 0.25em; } .post-nav-links > * {padding: 1em 0.75em;} /* POST META BOTTOM */ .post-meta-wrapper.post-meta-single-bottom {margin-top: 3rem;} /* Author Bio -------------------------------- */ .author-bio{margin-top:4rem;margin-right:auto;margin-left:auto;max-width:58rem;width:calc(100% - 4rem)} .hide-avatars .author-bio{padding-left:0} .author-bio .author-title-wrapper{align-items:center;display:flex;margin:0 0 1rem 0} .author-bio .avatar{border-radius:50%;margin-right:1.5rem;height:5rem;width:5rem} .hide-avatars img.avatar{display:none} .author-bio p:last-child{margin-bottom:0} .author-bio .author-title{margin:0} .author-bio .author-link{display:block;font-size:1.6rem;font-weight:600;margin-top:1em;text-decoration:none} .author-bio .author-link:focus,.author-bio .author-link:hover{text-decoration:underline} /* Single Pagination ------------------------- */ .pagination-single{font-size:1.8rem;margin-top:5rem} .pagination-single-inner{display:flex;flex-direction:column} .pagination-single hr:first-child{margin:0 0 2.8rem 0} .pagination-single hr:last-child{margin:2.8rem 0 .8rem 0} .pagination-single a{align-items:baseline;display:flex;font-weight:600;letter-spacing:-.0275em;text-decoration:none;flex:1} .pagination-single a+a{margin-top:1rem} .pagination-single a .arrow{margin-right:1rem} .pagination-single a:focus .title,.pagination-single a:hover .title{text-decoration:underline} /* -------------------------------------------------------------------------- */ /* 10. Blocks /* -------------------------------------------------------------------------- */ /* Block Colors ------------------------------ */ .has-text-color a{color:inherit} :root .has-accent-color{color:#cd2653} :root .has-accent-background-color{background-color:#cd2653;color:#fff} :root .has-primary-color{color:#000} :root .has-primary-background-color{background-color:#000;color:#f5efe0} :root .has-secondary-color{color:#6d6d6d} :root .has-secondary-background-color{background-color:#6d6d6d;color:#fff} :root .has-subtle-background-color{color:#dcd7ca} :root .has-subtle-background-background-color{background-color:#dcd7ca;color:#000} :root .has-background-color{color:#f5efe0} :root .has-background-background-color{background-color:#f5efe0;color:#000} /* Block Typography Classes ------------------ */ .has-text-align-left{text-align:left} .has-text-align-center{text-align:center} .has-text-align-right{text-align:right} .has-drop-cap:not(:focus)::first-letter{color:#cd2653;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,sans-serif;font-size:5.1em;font-weight:800;margin:.05em .1em 0 0} .has-drop-cap:not(:focus)::first-letter::after{content:"";display:table;clear:both} .has-drop-cap:not(:focus)::after{padding:0} /* Block Font Sizes -------------------------- */ .entry-content .has-small-font-size{font-size:.842em} .entry-content .has-normal-font-size,.entry-content .has-regular-font-size{font-size:1em} .entry-content .has-medium-font-size{font-size:1.1em;line-height:1.45} .entry-content .has-large-font-size{font-size:1.25em;line-height:1.4} .entry-content .has-larger-font-size{font-size:1.5em;line-height:1.3} /* Block: Base Margins ----------------------- */ *[class*="_inner-container"] > *:first-child {margin-top: 0;} *[class*="_inner-container"] > *:last-child {margin-bottom: 0;} .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) {margin-bottom: 3rem;margin-top: 3rem;} /* Block: Shared Nesting Alignment Resets ---- */ [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; max-width: 58rem;} /* Block: Shared Widget Styles --------------- */ .wp-block-archives,.wp-block-categories,.wp-block-latest-comments,.wp-block-latest-posts{list-style:none;margin-left:0} .wp-block-archives ul,.wp-block-categories ul,.wp-block-latest-comments ul,.wp-block-latest-posts ul{list-style:none} .entry-content .wp-block-archives>li,.entry-content .wp-block-categories>li,.entry-content .wp-block-latest-comment>li,.entry-content .wp-block-latest-posts>li{margin-left:0} .entry-content .wp-block-archives>li:last-child,.entry-content .wp-block-categories>li:last-child,.entry-content .wp-block-latest-comment>li:last-child,.entry-content .wp-block-latest-posts>li:last-child{margin-bottom:0} .entry-content .wp-block-archives *,.entry-content .wp-block-categories *,.entry-content .wp-block-latest-comments *,.entry-content .wp-block-latest-posts *{font-family:inherit} .entry-content .wp-block-archives li,.entry-content .wp-block-categories li,.entry-content .wp-block-latest-posts li{color:#6d6d6d} .wp-block-archives a,.wp-block-categories a,.wp-block-latest-comments a,.wp-block-latest-posts a{font-weight:700;text-decoration:none} .wp-block-archives a:focus,.wp-block-archives a:hover,.wp-block-categories a:focus,.wp-block-categories a:hover,.wp-block-latest-comments a:focus,.wp-block-latest-comments a:hover,.wp-block-latest-posts a:focus,.wp-block-latest-posts a:hover{text-decoration:underline} .wp-block-latest-comments__comment-meta,.wp-block-latest-posts a{font-weight:700;letter-spacing:-.025em;line-height:1.25} .wp-block-latest-comments__comment-date,.wp-block-latest-posts__post-date{color:#6d6d6d;font-size:.7em;font-weight:600;letter-spacing:normal;margin-top:.15em} /* Block: Shared Media Styles ---------------- */ .wp-block-embed figcaption, .wp-block-image figcaption {color: #6d6d6d; font-size: 1.4rem; margin-bottom: 0; margin-top: 1.5rem;} /* Block: Audio ------------------------------ */ .wp-block-audio audio { width: 100%;} /* Block: Button ----------------------------- */ .wp-block-button{margin:3rem 0} .wp-block-button.is-style-outline{color:#cd2653} .is-style-outline .wp-block-button__link:not(.has-text-color){color:inherit} .is-style-outline .wp-block-button__link{padding:calc(1.1em - .2rem) calc(1.44em - .2rem)} /* Block: Columns ---------------------------- */ .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left: 2rem; padding-right: 2rem;} .wp-block-column { margin-bottom: 3.2rem;} .wp-block-column > *:first-child { margin-top: 0;} .wp-block-column > *:last-child { margin-bottom: 0;} /* Block: Cover ------------------------------ */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 4rem);padding: 2rem 0;} .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { max-width: 100%; padding: 0;} .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 3.2rem;} /* Block: Embed ------------------------------ */ /* Block: File ------------------------------- */ .wp-block-file{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between} .wp-block-file a:not(.wp-block-file__button){font-weight:700;text-decoration:none} .wp-block-file a:not(.wp-block-file__button):not(:last-child){margin-right:1rem} .wp-block-file a:not(.wp-block-file__button):focus,.wp-block-file a:not(.wp-block-file__button):hover{text-decoration:underline} .wp-block-file .wp-block-file__button{font-size:1.5rem;padding:1em 1.25em} .wp-block-file a.wp-block-file__button:visited{opacity:1} .wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover{opacity:1;text-decoration:underline} /* Block: Gallery ---------------------------- */ .wp-block-gallery ul{list-style:none;margin:0 0 -1.6rem 0} figure.wp-block-gallery.aligncenter,figure.wp-block-gallery.alignnone{margin-bottom:3rem;margin-top:3rem} figure.wp-block-gallery.alignleft{margin:.3rem 2rem 2rem 0} figure.wp-block-gallery.alignright{margin:.3rem 0 2rem 2rem} figure.wp-block-gallery.alignwide{margin-bottom:4rem;margin-top:4rem} figure.wp-block-gallery.alignfull{margin-bottom:5rem;margin-top:5rem} /* Block: Group ------------------------------ */ .wp-block-group.has-background{padding:2rem;margin-bottom:0;margin-top:0} .wp-block-group__inner-container{margin:0 auto} .entry-content .wp-block-group p,.wp-block-group__inner-container{max-width:100%} .alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color){padding-left:2rem;padding-right:2rem} /* Block: Image ------------------------------ */ /* Block: Media And Text --------------------- */ .wp-block-media-text .wp-block-media-text__content { padding: 3rem 2rem;} .wp-block-media-text .wp-block-media-text__content p { max-width: none;} .wp-block-media-text__content > *:first-child { margin-top: 0;} .wp-block-media-text__content > *:last-child { margin-bottom: 0;} /* Block: Pullquote -------------------------- */ /* STYLE: DEFAULT */ .wp-block-pullquote { padding: 0; position: relative;} .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: calc(100% - 4rem);} .wp-block-pullquote::before { background: #fff; border-radius: 50%; color: #cd2653; content:""; display: block; font-size: 6.2rem; font-weight: 500; line-height: 1.2; margin: 0 auto 1.5rem auto; text-align: center; height: 4.4rem; width: 4.4rem;} .reduced-spacing .wp-block-pullquote::before { border: 0.1rem solid currentColor; font-size: 5.9rem;} .wp-block-pullquote blockquote { border: none; margin: 0; padding: 0;} .wp-block-pullquote blockquote p { font-family: inherit; font-size: 2.8rem; font-weight: 700; line-height: 1.178571429; letter-spacing: -0.041785714em; max-width: 100%; } .wp-block-pullquote p:last-of-type { margin-bottom: 0;} .wp-block-pullquote cite { color: #6d6d6d; font-size: 1.6rem; font-weight: 500; margin-top: 1.2rem;} .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 2.8rem;} .wp-block-pullquote.alignleft { text-align: left; } .wp-block-pullquote.alignright { text-align: right;} .wp-block-pullquote.alignleft::before { margin-left: 0;} .wp-block-pullquote.alignright::before { margin-right: 0;} /* STYLE: SOLID BACKGROUND COLOR */ .wp-block-pullquote.is-style-solid-color{padding:3rem 2rem} .wp-block-pullquote.is-style-solid-color::before{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%)} .wp-block-pullquote.is-style-solid-color.alignleft::before,.wp-block-pullquote.is-style-solid-color.alignright::before{transform:translateY(-50%)} .wp-block-pullquote.is-style-solid-color.alignleft::before{left:2rem} .wp-block-pullquote.is-style-solid-color.alignright::before{left:auto;right:2rem} .wp-block-pullquote.is-style-solid-color blockquote{max-width:100%;text-align:inherit} .wp-block-pullquote.is-style-solid-color cite{color:inherit} /* Block: Separator ------------------------- */ hr.wp-block-separator { margin: 3rem 0;} /* STYLE: WIDE */ .wp-block-separator.is-style-wide { max-width: calc(100vw - 4rem); position: relative; width: 100%;} /* STYLE: DOTS */ .wp-block-separator.is-style-dots::before { background: none; color: inherit; font-size: 3.2rem; font-weight: 700; height: auto; letter-spacing: 1em; padding-left: 1em; position: static; transform: none; width: auto;} .wp-block-separator.is-style-dots::after { content: none;} /* Block: Search ----------------------------- */ .wp-block-search .wp-block-search__input {width: auto;} /* Block: Table ------------------------------ */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: #dcd7ca;} figure.wp-block-table.is-style-stripes { border-bottom: none;} .wp-block-table.is-style-stripes table { border-collapse: inherit;} /* Block: Quote ------------------------------ */ .wp-block-quote cite,.wp-block-quote p{text-align:inherit} .wp-block-quote[style="text-align:center"]{border-width:0;padding:0} .wp-block-quote[style="text-align:right"]{border-width:0 .2rem 0 0;padding:0 2rem 0 0} .wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none;padding:0;margin-left:auto;margin-right:auto} .wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-family:inherit;font-size:2.4rem;font-style:normal;font-weight:700;letter-spacing:-.02em;line-height:1.285} .wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:1.6rem;text-align:inherit} /* Block: Widget Latest Comments ------------- */ .entry-content .wp-block-latest-comments li{margin:2rem 0} .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:5.5rem} .entry-content .wp-block-latest-comments a{text-decoration:none} .entry-content .wp-block-latest-comments a:focus,.entry-content .wp-block-latest-comments a:hover{text-decoration:underline} .wp-block-latest-comments__comment{font-size:inherit} .wp-block-latest-comments__comment-date{margin-top:.4em} .wp-block-latest-comments__comment-excerpt p{font-size:.7em;margin:.9rem 0 2rem 0} /* Block: Widget Latest Posts ---------------- */ .wp-block-latest-posts.is-grid li{border-top:.2rem solid #dcd7ca;margin-top:2rem;padding-top:1rem} .wp-block-latest-posts.has-dates{list-style:none} .wp-block-latest-posts.has-dates:not(.is-grid) li{margin-top:1.5rem} .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child{margin-top:0} /* -------------------------------------------------------------------------- */ /* 11. Entry Content /* -------------------------------------------------------------------------- */ .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin:2rem auto;} [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto;} /* Full */ .alignfull{margin-top:5rem;margin-right:auto;margin-bottom:5rem;margin-left:auto;max-width:100vw;position:relative;width:100%} [class*="__inner-container"]>.alignfull{max-width:100%} .alignwide{max-width:120rem;position:relative;width:calc(100% - 4rem)} [class*="__inner-container"]>.alignwide{width:100%} .aligncenter,.aligncenter img{margin-left:auto;margin-right:auto} .alignleft,.alignright{max-width:50%} .alignleft{float:left;margin:.3rem 2rem 2rem 2rem} .alignright{float:right;margin:.3rem 2rem 2rem 2rem} [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignleft,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignleft,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignleft{margin-left:2rem} [class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.alignright,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignright,[class*=wp-block].alignfull:not(.has-background) [class*="__inner-container"]>p .alignright{margin-right:2rem} /* Entry Media ------------------------------- */ .alignfull > figcaption, .alignfull > .wp-caption-text { margin-left: auto; margin-right: auto; max-width: 58rem; width: calc(100% - 4rem); } /* -------------------------------------------------------------------------- */ /* 12. Comments /* -------------------------------------------------------------------------- */ /* Comment Headers ----------------------------- */ .comments-wrapper { margin-top: 5rem; } .comment-reply-title { margin: 0 0 4rem 0; text-align: center;} /* Comment Item ----------------------------- */ /* COMMENT HEADER */ .comments .comment,.comments .pingback,.comments .review,.comments .trackback{padding-top:3.5rem} div.comment:first-of-type{margin-top:3.5rem;padding-top:0} .comments .comments-header+div{margin-top:0;padding-top:0} .comment-body{position:relative} .comment .comment{padding-left:5%} .comment-meta{line-height:1.1;margin-bottom:1.5rem;min-height:5rem;padding-left:5rem;position:relative} .hide-avatars .comment-meta{min-height:0;padding-left:0} .comment-meta a{color:inherit} .comment-author{font-size:1.8rem;font-weight:700;letter-spacing:-.027777778em} .comment-author a{text-decoration:underline} .comment-author a:focus,.comment-author a:hover{text-decoration:none} .comment-meta .avatar{height:4rem;position:absolute;left:0;top:0;width:4rem} .comment-author .url{text-decoration:underline} .comment-metadata{color:#6d6d6d;font-size:1.4rem;font-weight:500;margin-top:.6rem} .comment-metadata a{text-decoration:none} .comment-metadata a:focus,.comment-metadata a:hover{text-decoration:underline} /* COMMENT CONTENT */ .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: 100%;} .comment-content.entry-content .alignleft {/*rtl:ignore*/margin-left: 0;} .comment-content.entry-content .alignright { /*rtl:ignore*/ margin-right: 0;} /* COMMENT FOOTER */ .comment-footer-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:1.2rem;font-weight:600;justify-content:flex-start;letter-spacing:.030833333em;line-height:1;margin:1.5rem 0 -1rem -1.5rem;text-transform:uppercase} .comment-footer-meta>*{margin:0 0 1rem 1.5rem} .comment-reply-link{background-color:#cd2653;color:#fff;display:block;padding:.7rem} .bypostauthor .comment-footer-meta .by-post-author{display:block} .comment-footer-meta a{text-decoration:none} .comment-footer-meta a:focus,.comment-footer-meta a:hover{text-decoration:underline} /* Pingbacks & Trackbacks ------------------------- */ .pingback .comment-meta, .trackback .comment-meta { padding-left: 0;} /* Comments Pagination ---------------------------- */ .comments-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:6rem;text-align:center} .comments-pagination.only-next{justify-content:flex-end} .comments-pagination .page-numbers{display:none;text-decoration:none} .comments-pagination .page-numbers:focus,.comments-pagination .page-numbers:hover{text-decoration:underline} .comments-pagination .next,.comments-pagination .prev{display:block} .comments-pagination .prev{left:0} .comments-pagination .next{right:0;text-align:right} /* Comment Respond ---------------------------- */ .comment-respond::after{clear:both;content:"";display:block} .comment-respond .comment-notes,.comment-respond .logged-in-as{color:#6d6d6d;font-size:1.6rem;line-height:1.4;margin:-3rem 0 4rem 0;text-align:center} .comment-respond .comment-notes a,.comment-respond .logged-in-as a{color:inherit;text-decoration:none} .comment-respond .comment-notes a:focus,.comment-respond .comment-notes a:hover,.comment-respond .logged-in-as a:focus,.comment-respond .logged-in-as a:hover{text-decoration:underline} .comment-respond p{line-height:1.1;margin-bottom:2rem;margin-left:auto;margin-right:auto} .comment-respond p:not(.comment-notes){max-width:58rem} .comment-form-cookies-consent{align-items:baseline;display:flex} .comment-respond>p:last-of-type{margin-bottom:0} .comment-respond label{display:block} .comment-respond input[type=checkbox]+label{font-size:1.5rem;line-height:1.25} .comment-respond input[type=email],.comment-respond input[type=text],.comment-respond textarea{margin-bottom:0} .comment-respond textarea{height:15rem} .comment-respond #submit{display:block} .comment-respond .comments-closed{text-align:center} /* Reply Respond ---------------------------- */ .comments .comment-respond{padding:3rem 0 0} .comments .comment-respond .comment-notes,.comments .comment-respond .comment-reply-title,.comments .comment-respond .logged-in-as{text-align:left} .comment-reply-title small{display:block;font-size:1.6rem;font-weight:600;letter-spacing:-.0277em;margin:.5rem 0 0 0;white-space:nowrap} .comment-reply-title small a{text-decoration:none} .comment-reply-title small a:focus,.comment-reply-title small a:hover{text-decoration:underline} /* -------------------------------------------------------------------------- */ /* 13. Site Pagination /* -------------------------------------------------------------------------- */ .pagination .nav-links{align-items:baseline;display:flex;flex-wrap:wrap;font-size:1.8rem;font-weight:600;margin:-1.5rem 0 0 -2.5rem;width:calc(100% + 2.5rem)} .pagination-separator{margin:5rem 0} .nav-links>*{margin:1.5rem 0 0 2.5rem} .nav-links .placeholder{display:none;visibility:hidden} .pagination a{text-decoration:none} .pagination a:focus,.pagination a:hover{text-decoration:underline} .pagination .dots{transform:translateY(-.3em);color:#6d6d6d} .nav-short{display:none} /* -------------------------------------------------------------------------- */ /* 14. Error 404 /* -------------------------------------------------------------------------- */ .error404 #site-content { padding-top: 4rem;} .error404-content { text-align: center;} .error404 #site-content .search-form {justify-content: center;margin-top: 3rem;} /* -------------------------------------------------------------------------- */ /* 15. Widgets /* -------------------------------------------------------------------------- */ /* Widget: Calendar -------------------------- */ .calendar_wrap{font-size:2.4rem} .calendar_wrap td,.calendar_wrap th{font-size:1em;font-weight:500;line-height:1;padding:2.5% 2.5% 1.75% 2.5%;text-align:center} .calendar_wrap tfoot td{border-bottom:none} .calendar_wrap tfoot a{text-decoration:none} .calendar_wrap tfoot #prev{text-align:left} .calendar_wrap tfoot #next{text-align:right} /* Widget: Image ----------------------------- */ /* Widget: Gallery --------------------------- */ .widget_media_gallery .gallery { margin: 0 -0.4em -0.8em -0.4em; width: calc(100% + 0.8em);} .widget_media_gallery .gallery-item { margin: 0 0 0.8em 0; padding: 0 0.4em;} /* Widget: Nav Menu -------------------------- */ .widget_nav_menu .widget-content > div > ul { margin-left: 0;} /* Widget: Recent Comments ------------------- */ .widget_recent_comments li { font-weight: 700; } .widget_recent_comments a { text-decoration: none;} .widget_recent_comments a:focus, .widget_recent_comments a:hover {text-decoration: underline;} /* Widget: Recent Entries -------------------- */ .widget_recent_entries a { font-weight: 700; text-decoration: none;} .widget_recent_entries a:focus, .widget_recent_entries a:hover { text-decoration: underline;} /* Widget: RSS ------------------------------- */ .widget_rss .widget-title a.rsswidget:first-of-type { display: none;} .widget_rss .rsswidget {font-weight: 700;} .widget_rss a {text-decoration: none;} .widget_rss a:focus, .widget_rss a:hover {text-decoration: underline;} .widget_rss .rssSummary { margin-top: 0.5rem;} .widget_rss cite::before {content: "— ";} /* Widget: Search ---------------------------- */ .widget_search .search-field {border-color: #dedfdf;} /* Widget: Tag Cloud ------------------------- */ .widget_tag_cloud a {font-weight: 700; margin-right: 0.5rem; text-decoration: none; white-space: nowrap;} .widget_tag_cloud a:focus, .widget_tag_cloud a:hover { text-decoration: underline;} /* -------------------------------------------------------------------------- */ /* 17. Media Queries /* -------------------------------------------------------------------------- */ @media (min-width:700px){.gallery-columns-2 .gallery-item{max-width:50%} .gallery-columns-3 .gallery-item{max-width:33.33%} .gallery-columns-4 .gallery-item{max-width:25%} .gallery-columns-5 .gallery-item{max-width:20%} .gallery-columns-6 .gallery-item{max-width:16.66%} .gallery-columns-7 .gallery-item{max-width:14.28%} .gallery-columns-8 .gallery-item{max-width:12.5%} .gallery-columns-9 .gallery-item{max-width:11.11%} fieldset{padding:3rem} legend{padding:0 1.5rem} .button,.faux-button,.wp-block-button__link,button,input[type=button],input[type=reset],input[type=submit]{font-size:1.7rem} .wp-caption-text,figcaption{margin-top:1.8rem} .header-inner{padding:3.8rem 0} .site-title{font-size:2.4rem;font-weight:700} .site-description{display:block} .site-logo img{max-height:9rem;transition:height .15s linear,width .15s linear,max-height .15s linear} .toggle-inner .toggle-text{font-size:1.2rem} .search-toggle{left:2rem} .nav-toggle{right:2rem} button.close-nav-toggle{font-size:1.8rem;padding:4rem 0} button.close-nav-toggle svg{height:2rem;width:2rem} button.close-nav-toggle .toggle-text{margin-right:2.1rem} .modal-menu{left:auto;width:100%} .modal-menu>li>.ancestor-wrapper>a,.modal-menu>li>a{font-size:2.4rem;padding:2.5rem 0} .modal-menu ul li{border-left-color:transparent} .modal-menu>li>.ancestor-wrapper>button.sub-menu-toggle{padding:0 3rem} .modal-menu>li>.ancestor-wrapper>button.sub-menu-toggle svg{height:1.1rem;width:1.8rem} .menu-bottom{align-items:center;display:flex;justify-content:space-between;padding:4.4rem 0} .menu-copyright{display:block;flex-shrink:0;margin-right:4rem} .search-modal form{position:relative;width:100%} .search-untoggle svg{height:2.5rem;width:2.5rem} .search-modal .search-field{border:none;font-size:3.2rem;height:14rem} .search-modal .search-field::-moz-placeholder{line-height:4.375} .featured-media figcaption{margin:2rem auto 0 auto;width:calc(100% - 8rem)} .cover-header-inner{padding:18rem 0 8rem 0} .to-the-content-wrapper{top:calc(100% + 1.8rem)} .to-the-content{height:6rem} .to-the-content svg{height:2.4rem;width:2.12rem} body.template-full-width .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){width:calc(100% - 8rem)} body.template-full-width .alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color){padding-left:4rem;padding-right:4rem} body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.alignleft,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.wp-block-image .alignleft,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>p .alignleft{margin-left:4rem} body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.alignright,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.wp-block-image .alignright,body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>p .alignright{margin-right:4rem} .archive-header{padding:8rem 0} .reduced-spacing .archive-header{padding-bottom:3rem} .archive-title{font-size:3.2rem} h2.entry-title{font-size:6.4rem} .no-search-results-form{padding-top:8rem} .singular .entry-header{padding:8rem 0} .entry-categories{margin-bottom:3rem} .entry-categories-inner{margin:-1rem 0 0 -2rem} .entry-categories a{font-size:1.5rem;margin:1rem 0 0 2rem} .intro-text{font-size:2rem;margin-top:2.5rem} .singular .intro-text{font-size:2.6rem} .post-meta-wrapper{margin-top:3rem} .post-meta{font-size:1.6rem;margin:-1.4rem 0 0 -3rem} .post-meta li{margin:1.4rem 0 0 3rem;max-width:calc(100% - 3rem)} .featured-media{margin-top:6rem} .post-meta-wrapper.post-meta-single-bottom{margin-top:4rem} .author-bio{margin-top:8rem;min-height:8rem;padding-left:10rem;position:relative} .author-bio .avatar{position:absolute;left:0;top:0;height:8rem;width:8rem} .wp-block-embed figcaption,.wp-block-image figcaption{font-size:1.6rem} .wp-block-archives:not(.alignwide):not(.alignfull),.wp-block-categories:not(.alignwide):not(.alignfull),.wp-block-code,.wp-block-columns:not(.alignwide):not(.alignfull),.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),.wp-block-media-text:not(.alignwide):not(.alignfull),.wp-block-preformatted,.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),.wp-block-quote,.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-verse,.wp-block-video:not(.alignwide):not(.alignfull){margin-bottom:4rem;margin-top:4rem} .wp-block-columns.alignfull+.wp-block-columns.alignfull,.wp-block-columns.alignwide+.wp-block-columns.alignwide{margin-top:-6rem} .entry-content .wp-block-columns h1,.entry-content .wp-block-columns h2,.entry-content .wp-block-columns h3,.entry-content .wp-block-columns h4,.entry-content .wp-block-columns h5,.entry-content .wp-block-columns h6{margin:3.5rem 0 2rem} .wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{width:calc(100% - 8rem)} .wp-block-cover h2,.wp-block-cover-image h2{font-size:4.8rem} figure.wp-block-gallery.aligncenter,figure.wp-block-gallery.alignnone{margin-bottom:4rem;margin-top:4rem} figure.wp-block-gallery.alignfull,figure.wp-block-gallery.alignwide{margin-bottom:6rem;margin-top:6rem} .wp-block-group.has-background{padding:4rem;margin-top:0;margin-bottom:0} .alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color){padding-left:0;padding-right:0} .wp-block-media-text .wp-block-media-text__content{padding:4rem} .wp-block-pullquote blockquote p{font-size:3.2rem} .wp-block-pullquote cite{margin-top:2rem} .wp-block-pullquote.alignfull:not(.is-style-solid-color){padding-left:1rem;padding-right:1rem} .wp-block-pullquote.alignfull::before,.wp-block-pullquote.alignwide::before{font-size:11.272727272rem;height:8rem;margin-bottom:2rem;width:8rem} .wp-block-pullquote.alignfull blockquote p,.wp-block-pullquote.alignwide blockquote p{font-size:4.8rem;line-height:1.203125} .wp-block-pullquote.alignleft p,.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,.wp-block-pullquote.alignright p,.wp-block-pullquote.alignright.is-style-solid-color blockquote p{font-size:3.2rem;line-height:1.1875} .wp-block-pullquote.is-style-solid-color.alignfull,.wp-block-pullquote.is-style-solid-color.alignwide{padding:6rem 4rem 4rem} .wp-block-pullquote.alignleft.is-style-solid-color blockquote p,.wp-block-pullquote.alignright.is-style-solid-color blockquote p{font-size:2.6rem} .wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:2.8rem} hr.wp-block-separator{margin:6rem auto} .wp-block-separator.is-style-wide{max-width:calc(100vw - 8rem)} .comments-wrapper{margin-top:8rem} .comment-reply-title{margin-bottom:4.6rem} .comment-respond p.comment-notes,.comment-respond p.logged-in-as{font-size:1.8rem;letter-spacing:-.025em;margin:-2.5rem 0 4.4rem 0} .comments .comment,.comments .pingback,.comments .review,.comments .trackback{padding-top:5rem} div.comment:first-of-type{margin-top:5rem} .comment-meta{margin-bottom:2rem;min-height:6rem;padding:.3rem 0 0 7.5rem} .comment-meta .avatar{display:block;height:6rem;position:absolute;left:0;top:0;width:6rem} .comment-author{font-size:2.4rem} .comment-metadata{font-size:1.6rem;margin-top:.8rem} .comment-footer-meta{margin-top:2.5rem} .comments-pagination{margin-top:8rem} .pingback .comment-body{padding:0} .comment-respond p{margin-bottom:2.5rem} .comment-form p.logged-in-as{margin:-2.5rem 0 4.4rem 0} .comment-respond .comment-form-author,.comment-respond .comment-form-email{float:left;width:calc(50% - 1rem)} .comment-respond .comment-form-email{margin-left:2rem} .comments .comment-respond{padding:5rem 0 0} .comment-reply-title small{display:inline;margin:0 0 0 .5rem} .pagination-separator{margin:4rem 0} .nav-short{display:inline} .pagination .nav-links{font-size:2rem;font-weight:600;margin:-2.5rem 0 0 -4rem} .nav-links>*{margin:2.5rem 0 0 4rem} .error404 #site-content{padding-top:8rem} .footer-top{padding:3.7rem 0} .footer-menu{font-size:2.4rem;margin:-.8rem 0 0 -1.6rem} .footer-menu li{margin:.8rem 0 0 1.6rem} .has-footer-menu .footer-social-wrapper{flex:1;margin-left:4rem;width:auto} } @media (min-width: 782px) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-column { margin-bottom: 0;} .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -2.8rem;} } @media ( min-width: 1000px ) { .featured-media figcaption{width:100%} .template-full-width .wp-block-image .alignleft{margin-right:2rem} .template-full-width .wp-block-image .alignright{margin-left:2rem} .singular .intro-text{font-size:2.8rem} .wp-block-columns.alignfull+.wp-block-columns.alignfull,.wp-block-columns.alignwide+.wp-block-columns.alignwide{margin-top:-4.8rem} figure.wp-block-gallery.alignfull,figure.wp-block-gallery.alignwide{margin-bottom:8rem;margin-top:8rem} .entry-content>.wp-block-group.alignfull.has-background,.entry-content>.wp-block-group.alignwide.has-background{padding:8rem 4rem;margin-bottom:0;margin-top:0} .wp-block-image .alignleft{margin-right:0} .wp-block-image .alignright{margin-left:0} hr.wp-block-separator{margin:8rem auto} .alignfull>.wp-caption-text,.alignfull>figcaption{width:calc(100% - 10rem)} .comment-meta{padding-left:0} .comment-meta .avatar{left:-8rem} .pagination .nav-links{justify-content:space-between;margin:0;width:100%} .nav-links>*{margin:0 2rem} .pagination .next,.pagination .prev{display:block} .pagination .prev{margin:0 auto 0 0} .pagination .next{text-align:right;margin:0 0 0 auto} .footer-top{align-items:center} .footer-menu{align-items:baseline;display:flex;justify-content:flex-start;flex-wrap:wrap;font-size:2.1rem;margin:-1.2rem 0 0 -2.4rem} .footer-menu li{margin:1.2rem 0 0 2.4rem} } @media ( min-width: 1220px ) { .wp-block-columns.alignfull+.wp-block-columns.alignfull{margin-top:-6rem} figure.wp-block-gallery.alignfull{margin-bottom:10rem;margin-top:10rem} .entry-content>.wp-block-group.alignfull.has-background,.entry-content>.wp-block-group.alignwide.has-background{padding:8rem 6rem;margin-bottom:0;margin-top:0} .wp-block-pullquote.alignfull blockquote p,.wp-block-pullquote.alignwide blockquote p{font-size:6.4rem} .wp-block-pullquote.is-style-solid-color.alignfull,.wp-block-pullquote.is-style-solid-color.alignwide{padding:9rem 4rem 8rem} .entry-content>.alignfull{margin-bottom:10rem;margin-top:10rem} [class*=wp-block].alignwide.has-background [class*="__inner-container"]>.alignleft,[class*=wp-block].alignwide.has-background [class*="__inner-container"]>.wp-block-image .alignleft,[class*=wp-block].alignwide.has-background [class*="__inner-container"]>p .alignleft{right:calc((100% - 58rem)/ 2 + 58rem - 2rem)} [class*=wp-block].alignwide.has-background [class*="__inner-container"]>.alignright,[class*=wp-block].alignwide.has-background [class*="__inner-container"]>.wp-block-image .alignright,[class*=wp-block].alignwide.has-background [class*="__inner-container"]>p .alignright{left:calc((100% - 58rem)/ 2 + 58rem + 6rem)} .comment-reply-title{font-size:5.6rem;line-height:1.2;margin-bottom:6rem} .comment-respond p.comment-notes,.comment-respond p.logged-in-as{margin:-4rem 0 6rem 0} .comments .comment-respond .comment-reply-title{font-size:4.8rem} .comments .comment-respond p.comment-notes,.comments .comment-respond p.logged-in-as{margin:-4.5rem 0 4rem 0} .footer-menu{font-size:2.4rem;margin:-1.5rem 0 0 -3rem} .footer-menu li{margin:1.5rem 0 0 3rem} ul.footer-social{margin:-1rem 0 0 -1rem} ul.footer-social li{margin:1rem 0 0 1rem} .footer-social a{height:4.4rem;width:4.4rem} .footer-social a::before{font-size:2rem} } @media ( min-width: 1280px ) { .wp-block-separator.is-style-wide{max-width:120rem;width:120rem} body.template-full-width .alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color){padding-left:0;padding-right:0} body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.wp-block-image .alignleft{margin-left:0} body.template-full-width [class*=wp-block].alignfull [class*="__inner-container"]>.wp-block-image .alignright{margin-right:0} } /*--------- Custom Css Starts ---------*/ /*font-family: 'Lato', sans-serif; font-family: 'Roboto', sans-serif;*/ /*Main Content*/ #wrapper{ width:100%; margin:0 auto;} .container {width: 100%; max-width:129rem; margin: 0 auto;} .clear {clear:both; padding:0; margin:0; overflow:hidden; height:0} .reset {list-style:none; padding:0; margin:0} .lf {float:left} .rf {float:right} .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color:transparent; position:relative } .owl-carousel { display:none; width:100%; z-index:1;} .owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y; touch-action:manipulation; -moz-backface-visibility:hidden; display:flex;} .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); } } .mobile_menu { display:none;} .hc-nav.hc-nav-1 { display:block !important;} .hc-offcanvas-nav.hc-nav-1 { display:none !important;} .subtitletxt{font-size: 50px;font-family: 'Vidaloka', serif;color: #141832;text-align: center;} /*Main COntent*/ .container {width: 1290px; margin: 0px auto;} .mainbanner{position: relative;overflow: hidden;} .heardersection{padding:15px 0px; z-index: 1; } .logo{float: left; width:120px} .logo img{max-width: 100%;} .topnav{float: right; position:relative; margin-top:10px;} .topnav ul{font-size: 0;position: relative;} .topnav ul li{display: inline-block; vertical-align:middle; margin:0px 30px;} .topnav ul li a{display: block; font-size: 18px; font-weight: 600; color: #000; padding:16px 0; position: relative; } .topnav ul li a:hover:after, .topnav ul li.current_page_item a:after{content: ""; position: absolute; background-color:#F00; width: 100%; height:4px; bottom:0px; left:0; right:0; z-index:1} .topnav ul li.loginbtn, .topnav ul li.myaccount{ margin:0 10px} .topnav ul li.loginbtn a, .topnav ul li.myaccount a{padding:6px 25px 8px; color: #fff; background: #ed1b24; text-align: center; border-radius: 5px;transition:background .2s ease-in-out;} .topnav ul li.loginbtn a:hover, .topnav ul li.myaccount a:hover{background: #d90009;} .topnav ul li.loginbtn a:hover:after, .topnav ul li.myaccount a:hover:after, .topnav ul li.loginbtn.current_page_item a:after, .topnav ul li.myaccount.current_page_item a:after{ display:none} .topnav ul li.registerbtn, .topnav ul li.logoutbtn{ margin:0 10px} .topnav ul li.registerbtn a, .topnav ul li.logoutbtn a{padding:6px 25px 8px; color: #fff; background: #222; text-align: center; border-radius: 5px;transition:background .2s ease-in-out;} .topnav ul li.registerbtn a:hover, .topnav ul li.logoutbtn a:hover{background: #000;} .topnav ul li.registerbtn a:hover:after, .topnav ul li.logoutbtn a:hover:after, .topnav ul li.registerbtn.current_page_item a:after, .topnav ul li.logoutbtn.current_page_item a:after{ display:none} .heardersection.header-fixed {position: fixed;left: 0px;top: 0px;right: 0px;z-index: 100;box-shadow: 0px 1px 5px 0px #ccc;padding: 10px 0px; background:#fff;} .heardersection.header-fixed .logo{width:90px} .heardersection.header-fixed .topnav{margin-top:0} .banner{ position:relative;background-image: url(assets/images/banner.jpg);background-size:cover;background-position:center; min-height:700px; } /*.banner .caption{ width:400px; margin-left:30px} .banner .caption h3{font-size:40px;font-family: 'Vidaloka', serif;color: #141832; margin-bottom:20px; font-weight:400;} .banner .caption p{ line-height:36px;} */ .owl-carousel.bannerslider .owl-dots { position:absolute; bottom:0; left:50%; right:0; width:10%; text-align:center; padding:15px 10px; background:#fff; margin-left:-5%; font-size:0; border-radius:10px 10px 0px 0px} .owl-carousel.bannerslider .owl-dots button { background:none; border:1px solid #333; padding:7px; border-radius:50%; margin:0 5px; vertical-align:middle; } .owl-carousel.bannerslider .owl-dots button:hover, .owl-carousel.bannerslider .owl-dots button.active { background:#333;} .aboutsection{padding: 80px 0;position: relative;text-align: center;} .aboutsection .subtitletxt{margin-bottom: 30px;} .aboutsection h3{display: inline-block;position: relative;text-align: center; font-weight:400; margin-bottom:0;} .aboutsection h3:before{content: ""; position: absolute; background-color: #ed1b24; width: 140px; height: 3px; top: 50%;margin-top: -1.5px; left:-187px;} .aboutsection h3:after{content: ""; position: absolute; background-color: #ed1b24; width: 140px; height: 3px; top: 50%;margin-top: -1.5px; right: -187px;} .aboutsection h4{font-size: 23px;font-weight: 600;color: #141832; line-height:32px; width:80%; margin:0 auto 20px;} .aboutsection h4 span{display: block;} .aboutsection h4:last-child{ margin-bottom:0} .aboutsection p{font-size: 18px;font-weight: 500;color: #3e3e3e; line-height: 32px;text-align: center; width:80%; margin:0 auto;} .categoriesection{padding-top:20px;padding-bottom: 40px; position: relative;background-image: url(assets/images/category.png);background-size: cover;background-position: center;} .categoriescontent .woocommerce.columns-3 ul.products{ display:flex; margin:0px -1.5%} .categoriescontent .woocommerce.columns-3 ul.products li.product{width:30.33%; border-radius: 8px; padding: 41px;position: relative; background-color: #fff; box-sizing: border-box; box-shadow:0px 0px 18px rgb(192,213,244,0.75);z-index: 0;margin:0 1.5%; float:none; display:inline-block; vertical-align:top } .categoriescontent .woocommerce.columns-3 ul.products li.product:hover{box-shadow:0px 0px 18px rgb(162,186,220,0.9)} .categoriescontent .woocommerce.columns-3 ul.products li.product a{ display:block} .categoriescontent .woocommerce.columns-3 ul.products li.product h2{font-size: 38px;font-weight: 500;font-family: 'Vidaloka', serif;color: #141832;text-align: center; margin:0px 0px 40px; padding:0} .categoriescontent .woocommerce.columns-3 ul.products li.product h2 mark{ display:none} .categoriescontent .woocommerce.columns-3 ul.products li.product .categorieimg{position:relative; padding:10px;} .categoriescontent .woocommerce.columns-3 ul.products li.product .categorieimg:before{content: "";position: absolute;background-color: #ed1b24;width: 50px;height: 82px;top:0px;left:0px;z-index: -1} .categoriescontent .woocommerce.columns-3 ul.products li.product .categorieimg:after{content: ""; position: absolute; background-color: #ed1b24; width: 50px; height: 82px; z-index: -1; bottom:0px; right:0px; } .categoriescontent .woocommerce.columns-3 ul.products li.product .categorieimg .imgsec{ overflow:hidden} .categoriescontent .woocommerce.columns-3 ul.products li.product .categorieimg img{max-width: 100%; vertical-align:top; transition: transform .5s ease; /* Animation */ margin:0} .categoriescontent .woocommerce.columns-3 ul.products li.product:hover .categorieimg img{ transform: scale(1.1);} .testimonialsection{padding: 70px 0;position: relative;text-align: center;} .testimonialsection .subtitletxt{margin-bottom:50px;} .testimonialsection h3.testimonialshead{display: inline-block;position: relative;text-align: center; font-weight:400} .testimonialsection h3.testimonialshead:before{content: ""; position: absolute; background-color: #ed1b24; width: 140px; height: 3px; top: 50%;margin-top: -1.5px; left:-187px;} .testimonialsection h3.testimonialshead:after{content: ""; position: absolute; background-color: #ed1b24; width: 140px; height: 3px; top: 50%;margin-top: -1.5px; right: -187px;} .testimonialscontent{margin-top: 30px;} .testimonialscontent .item{padding: 30px;border: 3px solid #d9e7fc; height:100%;} .testimonialscontent .item .testimonialstext{text-align: left;padding: 30px 0;padding-left: 38px;position: relative;background-image: url(assets/images/testinominaltext.png);background-repeat: no-repeat;} .testimonialscontent .item .testimonialstext p{font-size: 18px;font-weight: 600;color: #000;margin-bottom: 20px; line-height:32px} .testimonialscontent .item .testimonialstext h4{font-size: 20px;font-weight: 600;color:#ed1b24;padding-left: 35px; position:relative} .testimonialscontent .item .testimonialstext h4:before{content: ""; position: absolute; width: 20px; height: 2px; background-color: #000; bottom: 19%; left:0; top:13px} .testimonialscontent .owl-nav{margin-top: 57px;text-align: center;} .testimonialscontent .owl-nav button{ margin: 15px;font-size: 0;border:0;background: url(assets/images/testinominalnav.png) no-repeat top left; width: 79px;height: 19px;} .testimonialscontent .owl-nav button.owl-next { margin-left:35px; transform: rotate(180deg);} .testimonialscontent .owl-nav button span{font-size: 0;font-weight: 600;} .testimonialscontent .owl-nav button:hover {background-position: bottom left;} .contactussection{padding:0px; position: relative;background-image: url(assets/images/category.png);background-size: cover;background-position: center;} .contactuscontent{margin: auto;text-align: center;} .contactuscontent .contactuscard{ border-radius: 8px; padding: 60px 80px;position: relative;background-color:#fff; box-sizing: border-box; box-shadow:0px 0px 18px rgb(192 213 244);z-index: 0; } .contactuscontent .subtitletxt{ margin-bottom:60px;} .contactuscard h3.contactushead{display: inline-block;position: relative;text-align: center; font-weight:400} .contactuscard h3.contactushead:before{content: ""; position: absolute; background-color: #ed1b24; width: 140px; height: 3px; top: 50%;margin-top: -1.5px; left:-187px;} .contactuscard h3.contactushead:after{content: ""; position: absolute; background-color: #ed1b24; width: 140px; height: 3px; top: 50%;margin-top: -1.5px; right: -187px;} .contactuscard h4{font-size: 20px;font-weight: 400;color: #000;text-align: left; margin-bottom:20px;} .contactinfoleft{float: left;width: 39%;} .contactinfoleft h5{font-size: 20px;font-weight: 700;color: #141832;text-align: left;margin-bottom: 15px;} .contactinfoleft p{font-size: 18px;font-weight: 400;color: #141832;text-align: left;line-height: 32px;margin-bottom: 25px;} .contactinfoleft .phonenumber{ margin-top:10px;} .contactinfoleft .phonenumber li { margin-bottom:15px; text-align:left} .contactinfoleft .phonenumber li a{ background:url(assets/images/icon-mobile.png) no-repeat left center; padding-left:35px; line-height:25px; font-size: 18px;font-weight: 700; color:#141832; display:inline-block} .contactinfoleft .phonenumber li.telephone a{ background:url(assets/images/icon-telephone.png) no-repeat left center; } .contactinfoleft .phonenumber li a:hover{ color:#ed1b24;} .mapdirection{text-align: left; padding-left:45px; margin-bottom:25px; } .mapdirection a{display: inline-block;color: #ed1b24; background:url(assets/images/mapdirection.png) no-repeat right center; padding-right:25px;} .mapdirection a:hover{color:#141832;} .social_icon{text-align: left; padding-left:45px; } .social_icon li{display: inline-block; margin-left:18px;} .social_icon li:first-child{ margin-left:0px;} .social_icon li a{ background:url(assets/images/social-icons.png) no-repeat; width:42px; height:42px; display:block;} .social_icon li .facebook{ background-position:0px 0px;} .social_icon li .instagram{ background-position:-58px 0px;} .social_icon li a:hover{ opacity:0.7;} .contactformright{float: right;width: 55%;text-align: left;} .contactformright ul { margin:0px -10px; font-size:0} .contactformright ul li{margin-bottom:20px; padding:0px 10px; display:inline-block; width:100%;} .contactformright ul li.half{ width:50%;} .contactformright ul li.subbtn{margin-top: 15px;text-align: center; margin-bottom:0px;} .contactformright ul li input[type=submit]{padding: 17px 30px; color: #fff; background: #ed1b24; text-align: center; border-radius: 8px; transition: background .2s ease-in-out; display: block; width: 315px; margin: auto; border:0px; font-size: 18px;cursor: pointer; font-weight: 500; } .contactformright ul li input[type=submit]:hover{ background:#141832; text-decoration:none} .contactformright ul li input[type=text]{padding: 15px;width: 100%;border:3px solid #d9e7fc; font-size: 18px;color: #000; box-sizing:border-box} .contactformright ul li input[type=text]::placeholder {color: #000;font-weight: 500; } .contactformright ul li input[type=email]{padding: 15px;width: 100%;border:3px solid #d9e7fc;font-size: 18px;color: #000; box-sizing:border-box} .contactformright ul li input[type=email]::placeholder {color: #000;font-weight: 500; } .contactformright ul li textarea{padding: 15px;width: 100%;border:3px solid #d9e7fc;min-height: 150px;font-size: 18px;color: #000; box-sizing:border-box} .contactformright ul li textarea::placeholder {color: #000;font-weight: 500; } .contactformright .gform_wrapper ul.gform_fields { margin-left:-20px !important;} .contactformright .gform_wrapper ul.gform_fields li.gfield { padding:20px 0 0 20px; display:inline-block; width:50%; margin:0;} .contactformright .gform_wrapper ul.gform_fields li.fullsize {width:100%;} .contactformright .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .contactformright .gform_wrapper ul.gform_fields li.gfield textarea {font-family: 'Mulish', sans-serif; border:0; outline:none; vertical-align:top;margin:0; line-height:inherit !important; padding: 15px 15px 12px;width: 100%;border:3px solid #d9e7fc; font-size: 18px;color: #000; box-sizing:border-box} .contactformright .gform_wrapper .top_label div.ginput_container { margin:0;} .contactformright .gform_wrapper ul.gform_fields li.gfield textarea { height:155px;} .contactformright .gform_wrapper .gform_footer { padding:0; margin:25px 0 0 0; text-align:center;} .contactformright .gform_wrapper .gform_footer input.button{ padding: 17px 30px; color: #fff; background: #ed1b24; text-align: center; border-radius: 8px; transition: background .2s ease-in-out; display: block; width: 315px; margin: auto; border:0px; font-size: 18px;cursor: pointer; font-weight: 500; } .contactformright .gform_wrapper .gform_footer input.button:hover { background:#141832; text-decoration:none} .copyrightsection{text-align: center;padding:40px 0;} .copyrightsection.innercopyright{ padding:20px 0px; background:#e4efff} .copyrightsection p{font-size:16px; font-weight:400; line-height:26px; color:#47699d} .copyrightsection a{ font-weight:700; color:#47699d;} .copyrightsection a:hover{ color:#000;} /*.inner-banner{ padding:5rem 0; text-align:center; position:relative; background:#e4efff url(assets/images/pattern.png) repeat center center; }*/ .inner-banner{ background:#446084 /*url(assets/images/inner-banner.jpg) no-repeat top center*/; background-size:cover; padding:50px 0px; text-align:center; position:relative} .inner-banner:before{ content:''; background:rgba(33, 66, 116, 0.5); position:absolute; left:0px; top:0px; width:100%; height:100%;} .inner-banner h1{ font-weight:500; color:#fff; position:relative; z-index:1; font-size:50px } .main-container { padding:4rem 0;} .footer-nav-widgets-wrapper + #site-content { width:75%; float:right;} .footer-nav-widgets-wrapper { width:22%; float:left;} .breadcrumbs{ background:#e4efff; padding:15px 0px; font-size:16px; color:#446084; border-bottom:solid 1px #fff;} .breadcrumbs .separator{ margin:0px 15px} .breadcrumbs a{ font-weight:700; color:#47699d;} .breadcrumbs a:hover{ color:#000;} #site-content h1, #site-content h2, #site-content h3, #site-content h4, #site-content h5, #site-content h6 {color:#000; font-weight: 500; margin-bottom: 2rem;} #site-content h1 {color:#141832; font-family:'Vidaloka', serif; font-size: 48px; line-height: 130%; } #site-content h2 {color:#141832; font-size: 32px; font-weight:600; line-height: 130%;} #site-content h3 {color:#141832; font-size: 28px; font-weight:600; line-height: 130%;} #site-content h4 {color:#141832; font-size: 24px; line-height: 130%;} #site-content h5 {color:#141832; font-size: 22px; line-height: 130%;} #site-content h6 {color:#141832; font-size: 20px; line-height: 130%;} #site-content p { font-size:18px; color: #141832; font-weight: 400; line-height: 32px;} /*#site-content a {color: #d90009;} #site-content a:hover {color: #141832;} #site-content strong, #site-content b {font-weight:500;}*/ #site-content p + p { margin-top:15px;} #site-content p + h2, #site-content p + h3, #site-content p + h4, #site-content p + h5, #site-content p + h6 { margin-top:20px;} #site-content ul + p, #site-content ul + h2, #site-content ul + h3, #site-content ul + h4, #site-content ul + h5, #site-content ul + h6 { margin-top:20px;} #site-content ol + p, #site-content ol + h2, #site-content ol + h3, #site-content ol + h4, #site-content ol + h5, #site-content ol + h6 { margin-top:20px;} #site-content ul, #site-content ol { margin-left:30px;} #site-content ul li, #site-content ol li {font-size: 20px; color: #373737; font-weight: 400; margin-top:20px;} #site-content p.price{font-size: 24px;font-weight: 800;color:#d90009;padding: 10px 0px; margin-bottom:15px} #site-content figure.alignleft { margin-right:40px;} #site-content figure.alignright { margin-right:40px;} #site-content figure img { padding:0; box-shadow:none;} /*Shop Page*/ /*.shoppagecategory{ margin-top:-100px;}*/ .shoppagecategory .woocommerce.columns-3 ul.products{ display:flex; margin:0px -1.5%} .shoppagecategory .woocommerce.columns-3 ul.products li.product{width:30.33%; border-radius: 8px; padding: 41px;position: relative; background-color: #fff; box-sizing: border-box; box-shadow:0px 0px 18px rgb(192,213,244,0.75);z-index: 0;margin:0 1.5%; float:none; display:inline-block; vertical-align:top } .shoppagecategory .woocommerce.columns-3 ul.products li.product:hover{box-shadow:0px 0px 18px rgb(162,186,220,0.9)} .shoppagecategory .woocommerce.columns-3 ul.products li.product a{ display:block} .shoppagecategory .woocommerce.columns-3 ul.products li.product h2{font-size: 38px;font-weight: 500;font-family: 'Vidaloka', serif;color: #141832;text-align: center; margin:0px 0px 40px; padding:0} .shoppagecategory .woocommerce.columns-3 ul.products li.product h2 mark{ display:none} .shoppagecategory .woocommerce.columns-3 ul.products li.product .categorieimg{position:relative; padding:10px;} .shoppagecategory .woocommerce.columns-3 ul.products li.product .categorieimg:before{content: "";position: absolute;background-color: #ed1b24;width: 50px;height: 82px;top:0px;left:0px;z-index: -1} .shoppagecategory .woocommerce.columns-3 ul.products li.product .categorieimg:after{content: ""; position: absolute; background-color: #ed1b24; width: 50px; height: 82px; z-index: -1; bottom:0px; right:0px; } .shoppagecategory .woocommerce.columns-3 ul.products li.product .categorieimg .imgsec{ overflow:hidden} .shoppagecategory .woocommerce.columns-3 ul.products li.product .categorieimg img{max-width: 100%; vertical-align:top; transition: transform .5s ease; /* Animation */ margin:0} .shoppagecategory .woocommerce.columns-3 ul.products li.product:hover .categorieimg img{ transform: scale(1.1);} /*Quick View Popup*/ #woosq-popup .woocommerce div.product .product_title{ font-size:24px; margin-bottom:15px;} #woosq-popup .sku_wrapper{ display:block; margin-bottom:10px; font-style: italic;font-size: 14px; color: #222;} #woosq-popup .posted_in{ font-size:14px; line-height:22px;} #woosq-popup div.product p.price{ font-size:18px; margin-bottom:15px} #woosq-popup div.product p.price .pcs{ font-size:14px; font-weight:400} #woosq-popup .woocommerce-product-details__short-description{ margin-bottom:15px; font-size:16px;} #woosq-popup .woocommerce-product-details__short-description ul{ margin-left:15px; line-height:26px;} #woosq-popup .woocommerce-product-details__short-description p{font-size:16px; line-height:26px;} #woosq-popup .single-product .product > div.summary .cart{ display:none} /*Contact Page CSS*/ .contactpgsec{padding:0px; position: relative;background-image: url(assets/images/category.png);background-size: cover;background-position: center;} .contactpgsec .contactuscontent{margin: auto;text-align: center;} .contactpgsec .contactuscontent .contactuscard{ border-radius: 8px; padding:50px;position: relative;background-color:#fff; box-sizing: border-box; box-shadow:0px 0px 18px rgb(192 213 244);z-index: 0; } .contactpgsec .contactuscard h4{font-size: 20px;font-weight: 400;color: #000;text-align: left; margin-bottom:20px;} .contactpgsec .contactinfoleft{float: left;width: 39%;} .contactpgsec .contactinfoleft h5{font-size: 20px;font-weight: 700;color: #141832;text-align: left;margin-bottom: 15px;} .contactpgsec .contactinfoleft p{font-size: 18px;font-weight: 400;color: #141832;text-align: left;line-height: 32px;margin-bottom: 25px;} .contactpgsec .contactinfoleft .phonenumber{ margin-top:10px;} .contactpgsec .contactinfoleft .phonenumber li { margin-bottom:15px; text-align:left} .contactpgsec .contactinfoleft .phonenumber li a{ /* background:url(assets/images/call.png) no-repeat left center; */ padding-left:45px; line-height:24px; font-size: 18px;font-weight: 700; color:#141832} .contactpgsec .contactinfoleft .phonenumber li a:hover{ color:#ed1b24;} .contactpgsec .mapdirection{text-align: left; padding-left:45px; margin-bottom:25px; } .contactpgsec .mapdirection a{display: inline-block;color: #ed1b24; background:url(assets/images/mapdirection.png) no-repeat right center; padding-right:25px;} .contactpgsec .mapdirection a:hover{color:#141832;} .contactpgsec .social_icon{text-align: left; padding-left:45px; } .contactpgsec .social_icon li{display: inline-block; margin-left:18px;} .contactpgsec .social_icon li:first-child{ margin-left:0px;} .contactpgsec .social_icon li a{ background:url(assets/images/social-icons.png) no-repeat; width:42px; height:42px; display:block;} .contactpgsec .social_icon li .facebook{ background-position:0px 0px;} .contactpgsec .social_icon li .instagram{ background-position:-58px 0px;} .contactpgsec .social_icon li a:hover{ opacity:0.7;} .contactpgsec .contactformright{float: right;width: 55%;text-align: left;} .contactpgsec .contactformright ul { margin:0px -10px; font-size:0} .contactpgsec .contactformright ul li{margin-bottom:20px; padding:0px 10px; display:inline-block; width:100%;} .contactpgsec .contactformright ul li.half{ width:50%;} .contactpgsec .contactformright ul li.subbtn{margin-top: 15px;text-align: center; margin-bottom:0px;} .contactpgsec .contactformright ul li input[type=submit]{padding: 17px 30px; color: #fff; background: #ed1b24; text-align: center; border-radius: 8px; transition: background .2s ease-in-out; display: block; width: 315px; margin: auto; border:0px; font-size: 18px;cursor: pointer; font-weight: 500; } .contactpgsec .contactformright ul li input[type=submit]:hover{ background:#141832; text-decoration:none} .contactpgsec .contactformright ul li input[type=text]{padding: 15px;width: 100%;border:3px solid #d9e7fc; font-size: 18px;color: #000; box-sizing:border-box} .contactpgsec .contactformright ul li input[type=text]::placeholder {color: #000;font-weight: 500; } .contactpgsec .contactformright ul li input[type=email]{padding: 15px;width: 100%;border:3px solid #d9e7fc;font-size: 18px;color: #000; box-sizing:border-box} .contactpgsec .contactformright ul li input[type=email]::placeholder {color: #000;font-weight: 500; } .contactpgsec .contactformright ul li textarea{padding: 15px;width: 100%;border:3px solid #d9e7fc;min-height: 150px;font-size: 18px;color: #000; box-sizing:border-box} .contactpgsec .contactformright ul li textarea::placeholder {color: #000;font-weight: 500; } .contactpgsec .contactformright .gform_wrapper ul.gform_fields { margin-left:-20px !important;} .contactpgsec .contactformright .gform_wrapper ul.gform_fields li.gfield { padding:20px 0 0 20px; display:inline-block; width:50%; margin:0;} .contactpgsec .contactformright .gform_wrapper ul.gform_fields li.fullsize {width:100%;} .contactpgsec .contactformright .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .contactpgsec .contactformright .gform_wrapper ul.gform_fields li.gfield textarea {font-family: 'Mulish', sans-serif; border:0; outline:none; vertical-align:top;margin:0; line-height:inherit !important; padding: 15px 15px 12px;width: 100%;border:3px solid #d9e7fc; font-size: 18px;color: #000; box-sizing:border-box} .contactpgsec .contactformright .gform_wrapper .top_label div.ginput_container { margin:0;} .contactpgsec .contactformright .gform_wrapper ul.gform_fields li.gfield textarea { height:155px;} .contactpgsec .contactformright .gform_wrapper .gform_footer { padding:0; margin:25px 0 0 0; text-align:center;} .contactpgsec .contactformright .gform_wrapper .gform_footer input.button{ padding: 17px 30px; color: #fff; background: #ed1b24; text-align: center; border-radius: 8px; transition: background .2s ease-in-out; display: block; width: 315px; margin: auto; border:0px; font-size: 18px;cursor: pointer; font-weight: 500; } .contactpgsec .contactformright .gform_wrapper .gform_footer input.button:hover { background:#141832; text-decoration:none} #site-content ul.products{ margin:-1.5%; font-size:0px;} #site-content .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ margin:1.5%; width:22%; display:inline-block; vertical-align:top; float:none} .stepbutton{ text-align:center; padding:15px 0px;} .stepbutton input.button{ padding:0.8em 1.8em} .stepbutton.footer-fixed{ position:fixed; left:0px; right:0px; bottom:0px; width:100%; z-index:10; background:#fff; box-shadow: 0px 1px 5px 0px #ccc;} .footer-nav-widgets-wrapper .widget + .widget { margin-top:35px;} .footer-nav-widgets-wrapper .widget h4.widget-title {ont-size: 1.41575em;letter-spacing: 0;border-bottom: 1px solid rgba(0,0,0,.05);padding: 0 0 1em;margin-bottom: 1em;font-weight: 300;} .footer-nav-widgets-wrapper .widget ul { list-style-type:none;} .footer-nav-widgets-wrapper .widget ul li { border-top:1px solid #ccc;} .footer-nav-widgets-wrapper .widget ul li a {font-size: 18px; color: #000; padding: 10px 25px; display:block; background:#f7f7f7;} .footer-nav-widgets-wrapper .widget ul li a:hover { background:#fff; color:#1d8d99;} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background:#d9e7fc;} .woocommerce .widget_price_filter .ui-slider .ui-slider-range{ background:#78a4e6} .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:#78a4e6} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ background:#141832; color:#fff; border-radius:8px; margin:0px 5px} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background:#d90009; color:#fff;} .woocommerce .widget_price_filter .price_slider_amount .button{ float:none; font-size:18px; font-weight:400; padding:10px 20px} .woocommerce .widget_price_filter .price_slider_amount .price_label{ float:left;} .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count{ margin:0} .woocommerce ul.products li.product a img{ margin-bottom:0} #site-content ul.products li.product h2.woocommerce-loop-product__title{ font-size:18px; line-height:30px; margin:0; padding-bottom:0px;} #site-content .woocommerce-page.columns-4 ul.products li.product, #site-content .woocommerce.columns-4 ul.products li.product{ text-align:center; position:relative} #site-content ul.products li.product .skutxt{ font-style:italic; font-size:14px; color:#999; margin:0px 0px 3px} #site-content .woocommerce-page.columns-4 ul.products li.product button.woosq-btn, #site-content .woocommerce.columns-4 ul.products li.product button.woosq-btn{ display:none; position:absolute; left:50%; top:60%; width:140px;margin-left:-75px; background:#141832; color:#fff; padding:10px 20px; border-radius:8px;} #site-content .woocommerce-page.columns-4 ul.products li.product:hover button.woosq-btn, #site-content .woocommerce.columns-4 ul.products li.product:hover button.woosq-btn{display:block; text-decoration:none} #woosq-popup .single-product .product > div{ width:43%;} #woosq-popup .single-product .product > div.summary{ width:57%;} #woosq-popup .slick-slider .slick-arrow{ text-decoration:none} .woocommerce ul.products li.product input[type="checkbox"]{ display:none} .woocommerce ul.products li.product input[type="checkbox"] + label{ display:block; margin:0px;} .woocommerce ul.products li.product input[type="checkbox"] + label img{border:solid 3px #fff; border-radius:10px;} .woocommerce ul.products li.product input[type="checkbox"]:checked + label img{ border:solid 3px #ed1b24;} .woocommerce ul.products li.product input[type="checkbox"] + label:after{ content:''; background: url(assets/images/product-checkbox.png) no-repeat 0px 0px; width:30px; height:30px; position:absolute; right:12px; top:12px;} .woocommerce ul.products li.product input[type="checkbox"]:checked + label:after{ background-position:0px -31px} .woocommerce img, .woocommerce-page img{ vertical-align:top;} #site-content .woocommerce ul.products li.product .button{ margin-top:0; color:#fff; padding:10px 20px; font-size:16px} #site-content .woocommerce div.product div.images .flex-control-thumbs{ margin:2px -5px} #site-content .woocommerce div.product div.images .flex-control-thumbs li{ padding:5px; margin:0px;} .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ width:40%;} .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width:58%} #site-content .woocommerce div.product .woocommerce-tabs ul.tabs{ margin:0} .woocommerce div.product form.cart .variations{ margin:2rem 0px; width:60%;} .woocommerce div.product form.cart .variations select{ padding:5px; border:solid 1px #ccc;} .woocommerce div.product p.price, .woocommerce div.product span.price{ color:#d90009; font-weight:700} #site-content .woocommerce div.product .in-stock{ font-size:14px; font-style:italic} .woocommerce .quantity .qty{ width:8rem; padding:10px; margin-right:10px;} .wc-pao-addon{background:#f3f8ff;border: solid 1px #b2d2ff;padding: 20px; margin-bottom:3rem} .wc-pao-addon label.wc-pao-addon-name{ font-size:18px; font-weight:600; margin-bottom:10px} #site-content .wc-pao-addon p + p{ margin-top:0px;} #site-content #payment div.payment_box p{ font-size:16px; line-height:30px;} #site-content .woocommerce-privacy-policy-text p{ font-size:16px; line-height:30px; margin:15px 0px;} #site-content .product_meta{ font-size:16px;} #site-content .product_meta span + span{ margin-left:20px;} #site-content div.product-addon-totals{ border:0px; margin:0px 0px 3rem; padding:0} #site-content div.product-addon-totals ul{ margin-left:0; padding:20px; background:#f3f8ff; border:dashed 2px #b2d2ff; } #site-content div.product-addon-totals ul li{ margin-top:0px; padding:10px 0px; font-size:16px} #site-content div.product-addon-totals ul li:first-child{ font-size:18px;} #site-content div.product-addon-totals ul li p.price{ padding:0px; margin:0px;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background:#ed1b24; padding:20px;} .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background:#d90009} .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{ background:#ed1b24;} .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{ color:#fff;} #site-content .woocommerce div.product .woocommerce-tabs ul.tabs{ display:none} .woocommerce-message{ font-size:16px} /*Color Selction Page*/ .wooheading{ margin-bottom:40px;} .wooheading h1{ font-weight:500; color:#000; position:relative; z-index:1; font-size:48px; } #site-content .choose-color{ width:80%; margin:0 auto} #site-content .choose-color ul{ margin-left:0px;} #site-content .choose-color ul li{ margin-top:30px; background:#e4efff; padding:20px; border-radius:10px; font-size:0px;} #site-content .choose-color ul li ul{ margin:15px 0px 15px -15px;} #site-content .choose-color ul li li{ font-size:16px; display:inline-block; font-weight:bold; padding:0px; border:#9bb5db solid 1px; border-radius:0px; margin:0px 0px 0px 15px; text-align:center;} #site-content .choose-color ul li li span{ display:block; background:#fff; padding:5px 10px; font-weight:normal; line-height:normal} #site-content .choose-color ul li li div.sizes-label{ padding:5px 10px; border-bottom:solid 1px #9bb5db; line-height:normal; background:#d6e6fc} #site-content .choose-color ul li li span span{ display:inline; padding:0px;} #site-content .choose-color .image-thumb-colum{ width:30.33%; margin-right:3%; display:inline-block; vertical-align:top} #site-content .choose-color .image-thumb-colum img{ border:solid 5px #fff} #site-content .choose-color .pro-title-colum{ width:66.66%; display:inline-block; font-size:16px; vertical-align:top} #site-content .choose-color .pro-title-colum h3{ font-size:20px; margin-bottom:10px;} #site-content .choose-color .pro-title-colum h6.skutxt{font-style:italic;font-size:14px;color:#666;margin:0px 0px 20px;} #site-content .choose-color .pro-title-colum .alerttxt{ font-size:14px; font-style:italic;margin:0px 0px 10px;} .color-colum table { border-color:#9bb5db; background:#fff; margin:2rem 0; font-size:14px; } .color-colum table *{border-color:#9bb5db;} .color-colum table th{ background:#d6e6fc; text-align:center} .color-colum table td{ text-align:center; } .color-colum table input[type="number"]{ padding:5px; display:inline-block; font-size:14px; width:80%; margin:0px 0px 5px;} .color-colum table .alertstock{ background:#fff5f5; padding:5px; border-radius:5px; display:inline-block; font-size:10px; } #site-content .customcheckbox{ display:inline-block; margin:5px;} #site-content .customcheckbox label{ display:inline-block; width:45px; height:43px; line-height:40px; cursor:pointer; margin:0px; border-radius:90px; background:#fff; position:relative; font-size:16px; text-align:center;user-select: none;} #site-content .customcheckbox input[type='checkbox']{ display:none;} #site-content .customcheckbox input[type='checkbox']:checked + label{ background:#d90009; color:#fff; font-size:0px;} #site-content .customcheckbox input[type='checkbox']:checked + label:after{ content:'\2713'; font-size:14px; color:#fff;} .tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;} .tooltip .tooltiptext {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;bottom: 150%;left: 50%;margin-left: -60px; font-size:14px;} .tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent;} .tooltip:hover .tooltiptext {visibility: visible;} /*Cart Page Style*/ .woocommerce table.shop_table th{ border-color:#b5c3d5; text-align:center} .woocommerce table.shop_table{border-collapse:collapse} .woocommerce table.shop_table td{ border-color:#b5c3d5; text-align:center} .woocommerce table.shop_table .color-colum table{ width:100%; margin:0px;} .woocommerce table.shop_table .skutxt{font-style:italic;font-size:14px;color:#666;margin:0px 0px 10px;} .woocommerce .update-bundle{ margin-bottom:15px;} .woocommerce table.shop_table{border-radius:0px; border-color:#b5c3d5} .woocommerce table.shop_table td .colors{ font-size:14px;} .woocommerce-cart table.cart .product-thumbnail{ text-align:center} .woocommerce-cart table.cart img{ width:170px; display:inline-block} .woocommerce .quantity .qty{ width:5em; padding:8px; font-size:14px;} .woocommerce-cart table.cart th, .woocommerce table.cart td.actions{ background:#f3f8ff} .woocommerce-cart table.cart td.actions .coupon .input-text{ width:200px; padding:8px} .woocommerce table.shop_table ul.sizeprice, #site-content .woocommerce table.shop_table ul.sizeprice{ margin:10px 0px 10px -10px;} .woocommerce table.shop_table ul.sizeprice li, #site-content .woocommerce table.shop_table ul.sizeprice li{ font-size:14px; display:inline-block; font-weight:bold; padding:0px; border:#9bb5db solid 1px; border-radius:0px; margin:0px 0px 10px 10px; text-align:center;} .woocommerce table.shop_table ul.sizeprice li span, #site-content .woocommerce table.shop_table ul.sizeprice li span{ display:block; background:#fff; padding:5px 10px; font-weight:normal; line-height:normal} .woocommerce table.shop_table ul.sizeprice li div.sizes-label, #site-content .woocommerce table.shop_table ul.sizeprice li div.sizes-label{ padding:5px 10px; border-bottom:solid 1px #9bb5db; line-height:normal; background:#d6e6fc} .woocommerce table.shop_table ul.sizeprice li span span, #site-content .woocommerce table.shop_table ul.sizeprice li span span{ display:inline; padding:0px;} .additionalbuttons{ overflow:hidden; margin-bottom:30px;} .additionalbuttons .shop_con{ float:right} .woocommerce-checkout #payment ul.payment_methods li img{ width:10%} #site-content .woocommerce form.checkout_coupon .form-row { margin-bottom:0px;} .woocommerce-cart .cart-collaterals .cart_totals table{border-collapse:collapse; border-color:#b5c3d5} .woocommerce table.shop_table tbody:first-child tr:first-child th, .woocommerce-cart .cart-collaterals .cart_totals tr th{ background:#f3f8ff} .woocommerce a.remove{line-height:19px;} .woocommerce form .form-row-last, .woocommerce-page form .form-row-last{ width:52%} .select2-container .select2-selection--single{height:38px} .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:35px} .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox{ font-size:15px} .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:3px; margin-left:-10px} #site-content .sizes ul{ margin-left:0px;} #site-content .sizes li{ margin:5px; display:inline-block; vertical-align:top; border:solid 1px #b5c3d5; border-radius:5px; overflow:hidden; line-height:normal; font-size:14px; line-height:normal; width:45%;} #site-content .sizes li input{ border:0px; padding:9px 10px; display:inline-block; vertical-align:top; width:60%} #site-content .sizes li span{ background:#f3f8ff; padding:10px; display:inline-block; vertical-align:top; border-right:solid 1px #b5c3d5; width:50%; text-align:center} #site-content .sizes li strong{ font-weight:600; padding:10px; display:inline-block} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:40%} .woocommerce-cart .wc-proceed-to-checkou{ overflow:hidden} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ padding:20px; float:right; border-radius:10px; width:40%; background:#ed1b24} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ color:#fff; background:#d90009} #site-content ul.woocommerce-error, #site-content ol.woocommerce-error{ margin-left:0px;} #site-content ul.woocommerce-error li, #site-content ol.woocommerce-error li{ margin-top:0px; overflow:hidden; padding:5px 0px} #site-content .woocommerce ul.order_details{ margin-left:-2%} #site-content .woocommerce ul.order_details li{ font-size:13px; width:23%;box-sizing: border-box;margin-right: 0;border: dashed 1px #87a7db;padding: 10px 20px;margin-left: 2%;border-radius: 5px;line-height: 24px; } #site-content .woocommerce ul.order_details li:last-of-type{border: dashed 1px #87a7db} #site-content .woocommerce ul.order_details li strong{ font-size:14px} #site-content .woocommerce .woocommerce-customer-details address{ padding:15px 20px; line-height:32px} #site-content .woocommerce .woocommerce-customer-details address p { margin-bottom:0px;} .woocommerce ul.products li.product .price{ color:#ed1b24; font-size:16px; margin-bottom:0px;} #sp-ebay-feedback-container{ overflow:hidden} #div_feedbacks #div_pagination{ margin-bottom:0px;} #div_feedbacks #div_pagination a{ padding:8px 15px; border-radius:5px} table.table-striped th:first-child{ width:3%!important} table.table-striped { background:#fff; margin-bottom:10px; border-color:##cfdfe4} .table-striped > tbody > tr:nth-of-type(odd) {background-color: #f0f7f9;} table.table-striped td, table.table-striped th{ padding:8px; text-align:left} #site-content .wc-product-table-wrapper{ font-size:16px;} #site-content .select2-dropdown.wc-product-table-dropdown .select2-results__option{ font-size:16px;} #site-content table.dataTable tbody td.col-name{ font-weight:bold; } #site-content .wc-product-table-multi-form input[type="submit"]{ font-size:16px; padding:.6em 1em} #site-content table.dataTable p{ font-size:16px;} #site-content .wc-prod-single-attribute h3{ font-size:22px} #site-content .wc-prod-single-attribute{ width:50%; margin:0px auto; background:#e4efff; border-radius:10px; padding:20px; text-align:center;} #site-content .wc-prod-single-attribute ul{ margin-left:0px;} #site-content .wc-prod-single-attribute select{ padding:10px; width:100%; box-sizing:border-box} .woocommerce .woocommerce-ordering select{ padding:5px; font-size:14px} #site-content p.woocommerce-result-count{ font-size:16px;} /*checkout page*/ #site-content .woocommerce-billing-fields p + p{ margin-top:0} #site-content .woocommerce form .form-row input.input-text{ padding:1rem; font-size:16px;} .select2-container--default .select2-selection--single{ font-size:16px;} .select2-results__option{ font-size:16px;} #site-content .woocommerce-address-fields p + p{margin-top:0} .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper{ display:none} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ font-size:20px; text-transform:uppercase; font-weight:800; padding:20px; float:none; width:100%;} #site-content .address-details{border: solid 1px #b5c3d5; background: #f3f8ff;padding: 20px;margin-bottom: 30px;} .woocommerce-Address .notetxt{ padding:10px 20px; border-radius:5px; border:dashed 1px #F00; background:#fff2f2; font-size:14px; margin-top:20px; display:inline-block} #site-content .address-details address{ margin-bottom:0px; font-style:normal; line-height:30px; font-size:16px;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background:#f3f8ff; border: solid 1px #b5c3d5; width:50%; float:right} #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{ background:#fff} #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {border: 1em solid #fff;border-top-color: rgb(255, 255, 255);border-right-color: rgb(255, 255, 255);border-left-color: rgb(255, 255, 255);border-right-color: transparent;border-left-color: transparent;border-top-color: transparent;} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{ border-bottom:1px solid #b5c3d5} .woocommerce table.shop_table th{ background:#f3f8ff} .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{ background:#f3f8ff} #site-content .woocommerce-Address-title h3, #site-content h2.woocommerce-order-details__title, #site-content .address-details h3, #site-content .orderdetails h3, #site-content .cart_totals h2, #site-content h2.wc-bacs-bank-details-heading { font-size:24px; font-weight:800; margin-bottom:10px} #site-content .woocommerce table.shop_table td h3, #site-content .woocommerce-table td h3{ font-size:18px;} #site-content h3.wc-bacs-bank-details-account-name { font-size:20px; font-weight:800; margin-bottom:10px} .woocommerce-account #site-content .woocommerce-MyAccount-content {width:73%;} #site-content .woocommerce-MyAccount-navigation{ width:25%; border:solid 1px #b5c3d5;} #site-content .woocommerce-MyAccount-navigation ul{ list-style:none; margin:0px;} #site-content .woocommerce-MyAccount-navigation li{ list-style:none;margin-top:0px; border-bottom:solid 1px #b5c3d5;} #site-content .woocommerce-MyAccount-navigation a{ display:block; font-size:16px; padding:10px; color:#222;} #site-content .woocommerce-MyAccount-navigation li.is-active a{ background:#f3f8ff; font-weight:bold; color:#47699d} .woocommerce-account #site-content .woocommerce-MyAccount-content .woocommerce-Address{ border:solid 1px #b5c3d5; margin-top:15px;} .woocommerce-account #site-content .woocommerce-MyAccount-content .woocommerce-Address .title{ background:#f3f8ff; border-bottom:solid 1px #b5c3d5; padding:15px 20px; overflow:hidden} .woocommerce-account #site-content .woocommerce-MyAccount-content .woocommerce-Address .title h3{ margin:0px; float:left; font-size:18px;} .woocommerce-account #site-content .woocommerce-MyAccount-content .woocommerce-Address .title a.edit{ float:right; font-size:16px;} .woocommerce-account #site-content .woocommerce-MyAccount-content .woocommerce-Address address{ padding:20px;} .woocommerce-account #site-content .woocommerce-MyAccount-content .edit-account p + p { margin:0px} .woocommerce-account #site-content .woocommerce-MyAccount-content .edit-account p span{ font-size:14px;} .woocommerce-account #site-content .woocommerce-MyAccount-content .edit-account fieldset{ margin:20px 0px; border-color:#b5c3d5} .woocommerce-form-login, .woocommerce-form-register{background: #e4efff;padding: 30px;width: 50%;margin: 0 auto;border-radius: 10px;} .woocommerce-form-login button, .woocommerce-form-register button{padding:10px 25px 12px;color: #fff;background: #ed1b24;text-align: center;border-radius: 5px;transition: background .2s ease-in-out; margin-top:10px} .woocommerce-form-login button:hover, .woocommerce-form-register button:hover{ background:#d90009} .woocommerce-form-login input.input-text, .woocommerce-form-register input.input-text, .woocommerce-form-register select{ border:solid 1px #b2cbee; background:#fff; padding:10px;} .woocommerce-form-register #billing_country_field{ display:none} .woocommerce-form-register select{ font-size:16px; width:100%; box-sizing:border-box} .ui-widget.ui-widget-content{ border:1px solid #dddddd!important; font-size:16px!important} .ui-widget.ui-widget-content li{ border-top:1px solid #dddddd!important; } .ui-state-active, .ui-widget-content .ui-state-active{ color:#d90009!important; font-weight:normal!important; border:0px!important; margin:0!important; background:#f2f2f2!important;} .categorylisting{ padding:4rem 0 0; } .categorylisting ul{ display:flex; flex-wrap:wrap; margin:0px -15px} .categorylisting li{ width:16.66%; display:inline-block; padding:0px 15px; box-sizing:border-box} .categorylisting a{ border:solid 1px #cfdbed; padding:10px; display:block; background:#f3f8ff; color:#000; font-weight:600; font-size:16px; border-radius:5px; text-align:center;} .categorylisting li.current-menu-item a{background:#ed1b24; border-color:#ed1b24; color:#fff;} .calltoaction{background:#44699c;color: #e4efff;padding: 20px 0px;font-size: 22px;text-align: center;font-style: italic;} .calltoaction a{ font-weight:bold; color:#e4efff;} .calltoaction a:hover{ color:#fff} .loginpoup{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:100} .loginpoup .overlay{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7);} .loginpoup .popupwrap{ padding: 20px;background: #fff;border-radius: 5px;width: 30%;position: absolute; top:50%; left:50%;transition: all 5s ease-in-out; z-index:101; transform: translate(-50%,-50%);} .loginpoup .popupwrap h2 {margin:0 0 20px;color: #000; text-align:center} .loginpoup .popupwrap .close {position: absolute;top: 10px;right: 20px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #000;} .loginpoup .popupwrap .close:hover {color: #ed1b24;} .loginpoup .popupwrap .content {max-height: 30%;overflow: auto; text-align:center} .loginpoup .popupwrap .content .loginbtn{ background:#ed1b24; padding:6px 25px 8px; border-radius:5px; transition:background .2s ease-in-out; display:inline-block; margin-top:20px; color:#fff;} .loginpoup .popupwrap .content .loginbtn:hover{ background:#000; color:#fff;} .ftsociallink{background: #32517b; display: none; position: fixed;left: 0px;right: 0px;bottom: 0px;width: 100%;box-shadow: 0px 1px 5px 0px #ccc; z-index: 1;} .ftsociallink ul{text-align: center; margin-left: -3.3%; font-size: 0px;} .ftsociallink ul li{display: inline-block; vertical-align: top; width: 30%; margin-left: 3.3%;padding:10px 0px; } .ftsociallink ul li.ftborder{ border-left: 1px solid #608ac3;border-right: 1px solid #608ac3;} .ftsociallink ul li a{font-size: 16px; color: #fff; line-height: normal; font-weight: 400;} .ftsociallink ul li a img{width: 25px;} .ftsociallink.pro-category{ position: relative;box-shadow:none} .choose-size .lftproduct{ width:60%; float:left;} #site-content .woocommerce .choose-size .lftproduct ul.products li.product{ margin:1.5%; width:30.33%; display:inline-block; vertical-align:top; float:none; text-align: center; position: relative;} #site-content .woocommerce .choose-size .lftproduct ul.products li.product .remove_product{ width:30px; height:30px; background: url(assets/images/icon-close.png) no-repeat 0px 0px; position:absolute; right:12px; top:12px; cursor:pointer; font-size:0px;} #site-content .woocommerce .choose-size .lftproduct img {border-radius: 10px; border:solid 3px #ed1b24} .choose-size .calculationcol{ width:38%; float:right;} #site-content .quantitycolum{ background:#ecf4ff;border-radius: 10px; overflow:hidden; margin-bottom:30px;} #site-content .quantitycolum .itemselected{ background:#44699c; color:#fff; font-size:24px; font-weight:700; padding:15px; text-align:center;} #site-content .quantitycolum .selectquantity{ padding:20px;} #site-content .quantitycolum .selectquantity:nth-of-type(odd){ background:#d6e6fc; border:solid 1px #adc8ee; border-width:1px 0px 1px 0px;} #site-content .quantitycolum .selectquantity table{ margin:0px;} #site-content .quantitycolum .selectquantity h3{ font-size:20px; font-weight:bold; color:#000; text-align:center} .selectquantity .label{ margin-bottom:10px; font-size:16px;} .selectquantity table, .totalpcscolum table { border-color:#9bb5db; background:#fff; margin:0; font-size:14px; } .selectquantity table *, .totalpcscolum table *{border-color:#9bb5db;} .selectquantity table th, .totalpcscolum table th{ background:#d6e6fc; text-align:center} .selectquantity table td, .totalpcscolum table td{ text-align:center; } .selectquantity table input[type="number"], .totalpcscolum table input[type="number"]{ padding:5px; display:inline-block; font-size:14px; width:80%; margin:0px;} .selectquantity table .alertstock, .totalpcscolum table .alertstock{ background:#fff5f5; padding:5px; border-radius:5px; display:inline-block; font-size:10px; } .woocommerce .updatequantity{ text-align:right; margin-top:15px} .woocommerce .updatequantity .button{ background:#141832; color:#fff; border-radius:8px; padding:15px 20px; font-size:16px; font-weight:400; margin:0px;} .totalpcscolum{ background:#44699c; border-radius: 10px; } .totalpcscolum .totalpcs{ padding:20px; text-align:center;} .totalpcscolum .totalpcs .headsection{color:#fff; font-size:24px; font-weight:700; margin-bottom:20px} .totalpcscolum .totalquantity{ padding: 20px; text-align: center;color: #fff;background: #315383;font-size: 26px;font-weight: 700;} .totalpcscolum .addtocartbutton{ padding:20px; text-align:center} .totalpcscolum .addtocartbutton .button{ font-size:26px; font-weight:700; color:#fff; width:100%; margin:0px; border-radius:30px; padding:20px 10px; background:#ed1b24;} .totalpcscolum .addtocartbutton .button:hover{ background:#000} #site-content .carttabsec { padding:0rem 0 2rem; overflow:hidden } #site-content .carttabsec ul{ margin:0px} #site-content .carttabsec li{ display:inline-block; box-sizing:border-box; margin:0} #site-content .carttabsec li + li{ margin-left:15px;} #site-content .carttabsec li a{ border:solid 1px #cfdbed; border-radius:30px; padding:15px 30px; display:block; background:#f3f8ff; color:#000; font-weight:600; font-size:16px; text-align:center; line-height:normal} #site-content .carttabsec ul li a:hover {background:#ed1b24; border-color:#ed1b24; color:#fff;} .woocommerce .carttabsec input.button.shop_con{ float:right; font-size:18px; font-weight:normal; border-radius:30px; padding:18px 30px;} .productquantity{ padding-top:15px; text-align:right; font-weight:bold; color:#000} .carttotalcol{ background:#44699c; padding:20px; text-align:center } #site-content .carttotalcol h4{ color:#fff; font-weight:700; font-size:24px;} .carttotalcol .checkoutbtn .button{ font-size:26px; font-weight:700; color:#fff; width:100%; margin:0px; border-radius:30px; padding:20px 10px; background:#ed1b24;} .carttotalcol .checkoutbtn .button:hover{ background:#000} /*--------- Custom Css Ends ---------*/ /*--------- Custom Responsive Css Starts ---------*/ @media only screen and ( max-width: 1400px ) { } @media only screen and ( max-width: 1280px ) { .container { width:96%; max-width:100%;} .banner{min-height:600px} .aboutsection, .testimonialsection{ padding:60px 0} .contactuscontent .subtitletxt{ margin-bottom:30px} .contactuscontent .contactuscard{ padding:40px;} .categoriescontent .woocommerce.columns-3 ul.products li.product{ padding:30px;} .copyrightsection{ padding:30px 0} /*--------- shop page Responsive Css Starts ---------*/ .shoppagecategory .woocommerce.columns-3 ul.products li.product h2 {font-size: 35px;} .contactpgsec{background: none;} } @media only screen and ( max-width: 1024px ) { .topnav ul li{ margin:0px 20px} .topnav ul li.loginbtn, .topnav ul li.myaccount, .topnav ul li.registerbtn, .topnav ul li.logoutbtn{ margin:0 5px} .banner{ min-height:500px} .owl-carousel.bannerslider .owl-dots{ width:14%; margin-left:-7%} .aboutsection, .testimonialsection{ padding:40px 0} .subtitletxt{ font-size:40px} .aboutsection h3:before, .testimonialsection h3.testimonialshead:before, .contactuscard h3.contactushead:before{ left:-125px; width:100px;} .aboutsection h3:after, .testimonialsection h3.testimonialshead:after, .contactuscard h3.contactushead:after{ width:100px; right:-125px;} .aboutsection p{ width:auto} .categoriescontent .woocommerce.columns-3 ul.products li.product h2{ font-size:30px} .woocommerce table.shop_table{ width: 1150px;max-width: inherit;} /* .tablescroll{ overflow-x: auto;} .entry-content .entry-content{overflow-x: unset;} */ /*------------------about us---------------------*/ body.template-full-width .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {width: 100%;} /*--------- shop page Responsive Css Starts ---------*/ /* .page .categoriescontent .woocommerce.columns-3 ul.products li.product h2 {font-size: 25px;}*/ /* #site-content ul.products li.product h2.woocommerce-loop-product__title {font-size: 16px;}*/ #site-content .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 1.6%;width: 30%;} #site-content .woocommerce-page.columns-4 ul.products li.product button.woosq-btn, #site-content .woocommerce.columns-4 ul.products li.product button.woosq-btn {top: 65%;} .woocommerce-MyAccount-content table.shop_table{width: 100%; max-width: 100%;} .woocommerce-MyAccount-content .tablescroll table.shop_table{width: 890px; max-width: inherit;} /* #site-content .customcheckbox {width: 15%;}*/ } @media only screen and ( max-width: 980px ) { .logo{ width:90px;} .mobileheader { display:block; position:fixed; top:0; left:0; z-index:10; background:#fff; border-bottom:1px solid #ccc; width: 100%; padding: 10px 0; box-shadow: 0 3px 10px #0000002e;} .mobileheader .logo { margin-left:50px; width:180px;} .mobileheader .headercontact p { display:inline-block; vertical-align:middle; margin-right:15px;} .mobileheader .headercontact a.btn {display:inline-block; vertical-align:middle; font-size:25px;} .mobileheader .headercontact { padding:0; margin-top:7px;} .hc-offcanvas-nav .nav-item br { display:none;} .topnav{ display:none} /*Mobile Menu Start*/ .hc-nav.hc-nav-1 { display:none !important;} .hc-offcanvas-nav.hc-nav-1 { display:block !important;} .mobile_menu { display:block; float:right; margin-right:30px } .mobilestyicky {position: fixed; width: 100%; left: 0; top: 0; box-shadow: 0 0 5px 2px #0b3543; z-index:10;} .hdrgt { padding-top:90px;} .header { position:relative;} html.hc-nav-yscroll {overflow-y:scroll} body.hc-nav-open {overflow:visible;position:fixed;width:100%;min-height:100%} .hc-offcanvas-nav {visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999} .hc-offcanvas-nav.is-ios * {cursor:pointer !important} .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:#ed1b24} .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:8px;z-index:9980;width:auto;min-height:3rem} .hc-nav-trigger span {width:26px;/*top:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%; left:15px !important;*/ top:21px; margin-left:0;} .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {display:block;position:absolute;left:0;height:3px;background:#02391a;transition:all .2s ease} .hc-nav-trigger span::before, .hc-nav-trigger span::after {content:'';width:100%} .hc-nav-trigger span::before {top:-7px} .hc-nav-trigger span::after {bottom:-7px} .hc-nav-trigger.toggle-open span {background:rgba(0, 0, 0, 0);-webkit-transform:rotate(45deg);transform:rotate(45deg)} .hc-nav-trigger.toggle-open span::before {-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)} .hc-nav-trigger.toggle-open span::after {-webkit-transform:rotate(-90deg) translate3d(13px, 0, 0);transform:rotate(-90deg) translate3d(13px, 0, 0)} .hc-offcanvas-nav::after, .hc-offcanvas-nav .nav-wrapper::after {background:rgba(0, 0, 0, 0.3)} .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {background:#222222} .hc-offcanvas-nav h3 {font-size:19px;font-weight:normal;text-align:left;padding:20px 17px;color:#fff} .hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item {padding:10px 15px; z-index:1;background:rgba(0, 0, 0, 0);border-bottom:1px solid #000; color: #fff; font-size: 18px; } .hc-offcanvas-nav:not(.touch-device) a:hover {background:#305c6a} .hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a { border-top:1px solid #ed1b24; 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:#ed1b24; border-top:1px solid #ed1b24; border-bottom:1px solid #ed1b24;} .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover { background:#ed1b24} .hc-offcanvas-nav li.nav-close:not(:first-child) a, .hc-offcanvas-nav li.nav-back:not(:first-child) a { margin-top:-1px} .hc-offcanvas-nav li.nav-parent .nav-item { padding-right:58px} .hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent span.nav-next, .hc-offcanvas-nav li.nav-back span { width:55px; position:absolute; top:0; right:0; bottom:0; text-align:center; cursor:pointer; transition:background .2s ease; border-left:1px solid #586f80;} .hc-offcanvas-nav li.nav-close span::before, .hc-offcanvas-nav li.nav-close span::after { content:''; position:absolute; top:50%; left:50%; width:10px; height:10px; margin-top:-6px; border-top:2px solid #fff; border-left:2px solid #fff } .hc-offcanvas-nav li.nav-close span::before { margin-left:-13px; -webkit-transform:rotate(135deg); transform:rotate(135deg) } .hc-offcanvas-nav li.nav-close span::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg)} .hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next { border-left:1px solid #305c6a;} .hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before { content:''; position:absolute; top:50%; left:50%; width:8px; height:8px; margin-left:-2px; box-sizing:border-box; border-top:2px solid #fff; border-left:2px solid #fff; -webkit-transform-origin:center; transform-origin:center} .hc-offcanvas-nav span.nav-next::before { -webkit-transform:translate(-50%, -50%) rotate(135deg); transform:translate(-50%, -50%) rotate(135deg) } .hc-offcanvas-nav li.nav-back span::before { -webkit-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg)} .hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper { box-shadow:1px 0 2px rgba(0, 0, 0, 0.2) } .hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper { box-shadow:-1px 0 2px rgba(0, 0, 0, 0.2)} .hc-offcanvas-nav.nav-position-right span.nav-next::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg)} .hc-offcanvas-nav.nav-position-right li.nav-back span::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(135deg); transform:translate(-50%, -50%) rotate(135deg) } .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper { box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)} .hc-offcanvas-nav.nav-position-top span.nav-next::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(-135deg); transform:translate(-50%, -50%) rotate(-135deg)} .hc-offcanvas-nav.nav-position-top li.nav-back span::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg) } .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper { box-shadow:0 -1px 2px rgba(0, 0, 0, 0.2)} .hc-offcanvas-nav.nav-position-bottom span.nav-next::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg) } .hc-offcanvas-nav.nav-position-bottom li.nav-back span::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(-135deg); transform:translate(-50%, -50%) rotate(-135deg) } .hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow:none; background:transparent} .hc-offcanvas-nav.nav-levels-expand .nav-container ul h2, .hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {display:none} .hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item, .hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {font-size:14px} .hc-offcanvas-nav.nav-levels-expand .nav-container li, .hc-offcanvas-nav.nav-levels-none .nav-container li { transition:background .3s ease} .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open { background:#2e6296} .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a { border-bottom:1px solid #295887} .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover { background:#2f649a} .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before { margin-top:2px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg)} .hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before { margin-top:-2px; -webkit-transform:translate(-50%, -50%) rotate(-135deg); transform:translate(-50%, -50%) rotate(-135deg)} /*Mobile Menu End*/ #woosq-popup{max-width: 60%;} #woosq-popup{ max-height: 48vh;} #woosq-popup .single-product .product > div {width: 43%;float: left;} #woosq-popup .single-product .product > div {height: 299px;} #site-content .woocommerce ul.order_details {margin-left: -1%;} #site-content .woocommerce ul.order_details li{width: 24%; margin-left: 1%;} #site-content .woocommerce-MyAccount-navigation {width: 100%;} #site-content .woocommerce-MyAccount-navigation li{display: inline-block; border: 0; margin: 0px 5px 5px;} #site-content .woocommerce-MyAccount-navigation{border: 0;} #site-content .woocommerce-MyAccount-navigation a{border: solid 1px #b5c3d5;} #site-content .woocommerce-MyAccount-navigation ul{font-size: 0px; margin: 0px -5px 5px;} .woocommerce-account #site-content .woocommerce-MyAccount-content {width: 100%;float: left;} .woocommerce-MyAccount-content .tablescroll table.shop_table{width: 100%; max-width: 100%;} } @media only screen and ( max-width: 800px ) { .owl-carousel.bannerslider .owl-dots {width: 17%; margin-left: -9%;} .banner {min-height: 410px;} .aboutsection h3 {font-size: 40px;} .aboutsection p {font-size: 16px;} .categoriescontent .woocommerce.columns-3 ul.products li.product h2 {font-size: 21px;} .testimonialsection h3.testimonialshead {font-size: 40px;} .testimonialscontent .item .testimonialstext p {font-size: 16px; line-height: 28px;} .testimonialscontent .item {padding: 15px;} .contactuscard h3.contactushead {font-size: 40px;} .contactinfoleft p {font-size: 16px; line-height: 28px;} .contactinfoleft .phonenumber li a {font-size: 16px;} /*------------------about us---------------------*/ #site-content p {font-size: 16px;} /*------------------contact us---------------------*/ .contactpgsec .contactinfoleft p {font-size: 16px; line-height: 28px;} .contactpgsec .contactinfoleft .phonenumber li a {font-size: 16px;} .woocommerce-form-login, .woocommerce-form-register {width: 70%;} /*--------- shop page Responsive Css Starts ---------*/ #site-content .woocommerce-page.columns-4 ul.products li.product button.woosq-btn, #site-content .woocommerce.columns-4 ul.products li.product button.woosq-btn {top: 60%;} #woosq-popup {max-width: 100%;} #woosq-popup {max-height: 300px;} #site-content .woocommerce ul.order_details {margin-left: -5%;} #site-content .woocommerce ul.order_details li{width: 45%; margin-left: 5%;} .woocommerce-MyAccount-content .tablescroll table.shop_table{width: 890px;max-width: inherit;} .loginpoup .popupwrap{width: 50%;} #site-content .choose-color {width: 100%;} .choose-size .calculationcol{width: 100%; float: none; margin-top: 3%;} .choose-size .lftproduct{width: 100%;float: none;} } @media only screen and ( max-width: 768px ) { .banner {min-height: 395px;} .categoriescontent .woocommerce.columns-3 ul.products li.product h2 {font-size: 19px;} /*------------------contact us---------------------*/ .contactpgsec .contactuscontent .contactuscard {padding: 30px;} /* #site-content .woocommerce-MyAccount-navigation{ width: 35%;}*/ .woocommerce-account #site-content .woocommerce-MyAccount-content{width: 100%; margin-top: 10px;} /*--------- shop page Responsive Css Starts ---------*/ #site-content .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 1.6%;width: 40%;} .categorylisting ul {display: block; margin: 0px -5px;} .categorylisting li {width: 15.66%; padding: 0px 5px;} #site-content ul.products{text-align: center;} .stepbutton {text-align: center;padding: 10px 0px;} .stepbutton input.button {padding: 10px 30px;font-size: 18px;} #site-content h1 {font-size: 35px;} #site-content .choose-color .image-thumb-colum {width: 30%; margin-bottom: 15px;} #site-content .choose-color .pro-title-colum {width: 67%;} .color-colum table{margin: 2rem 0 0px;} /* #site-content .customcheckbox {width: 14%;}*/ /* .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {display: revert;text-align: left;}*/ /* .woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {display: block;}*/ /* .woocommerce .tablescroll table.shop_table tbody {display: table; table-layout: fixed;}*/ .woocommerce .tablescroll table.shop_table_responsive tr, .woocommerce-page .tablescroll table.shop_table_responsive tr {display: table-row;} .woocommerce .tablescroll table.shop_table_responsive tbody th, .woocommerce-page .tablescroll table.shop_table_responsive tbody th { display: table-cell;} .woocommerce .tablescroll table.shop_table_responsive tr td, .woocommerce-page .tablescroll table.shop_table_responsive tr td { display: table-cell; text-align: left !important;} .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { display: none !important; } .woocommerce .tablescroll table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page .tablescroll table.shop_table_responsive tr:nth-child(2n) td { background-color: #fff;} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {padding: 12px;float: right;border-radius: 10px;width: 36%;background: #ed1b24; margin-bottom: 0px;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{width: 70%;} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {font-size: 18px;} /* .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{display: table-row;} .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th{ display: table-cell;} .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr td{display: table-cell;} */ .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead{ display: contents;} .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {display: table-row;} .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th{display: table-cell;} .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {display: table-cell;text-align: left!important;} .categoriesection{ background: #d5e4fb; padding: 40px 0px;} .loginpoup .popupwrap{width: 50%;} .ftsociallink{display: block;} /* .stepbutton.footer-fixed {position: fixed;left: auto; right: 0px;bottom: 20%;width: 20%;z-index: 10;background: #fff;box-shadow: 0px 1px 5px 0px #ccc;}*/ .copyrightsection.innercopyright{margin-bottom: 65px;} .copyrightsection{margin-bottom: 55px;} } @media only screen and ( max-width: 736px ) { .banner {min-height: 380px;} #site-content ul.products li.product h2.woocommerce-loop-product__title{font-size: 16px;} } @media only screen and ( max-width: 668px ) { .banner {min-height: 342px;} .categoriescontent .woocommerce.columns-3 ul.products li.product h2 {font-size: 17px; margin-bottom: 20px;} .contactinfoleft h5 {font-size: 18px;} .copyrightsection p {font-size: 14px;} .contactformright .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .contactformright .gform_wrapper ul.gform_fields li.gfield textarea{font-size: 14px;} .owl-carousel.bannerslider .owl-dots {width: 20%; margin-left: -11%;} .contactpgsec .contactformright .gform_wrapper .gform_footer input.button{width: 100%;} .contactpgsec .contactformright .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .contactpgsec .contactformright .gform_wrapper ul.gform_fields li.gfield textarea{font-size: 16px;} .contactpgsec .contactuscontent .contactuscard {padding: 20px;} .contactpgsec .contactinfoleft h5 {font-size: 18px;} .categorylisting li {width: 18.66%; margin-bottom: 10px;} #site-content .choose-color {width: 90%;} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {font-size: 18px;} /* #site-content .customcheckbox {width: 16%;}*/ } @media only screen and ( max-width: 640px ) { .banner {min-height: 328px;} .categoriescontent .woocommerce.columns-3 ul.products {display: block; text-align: center;} .categoriescontent .woocommerce.columns-3 ul.products li.product {width: 60%; margin: 0px 0px 30px; } .categoriescontent .woocommerce.columns-3 ul.products li.product h2 {font-size: 30px; margin-bottom: 30px;} .categoriesection {padding-bottom: 10px;} .testimonialscontent .item {padding: 30px;} .testimonialscontent .owl-nav {margin-top: 20px;} .contactinfoleft {float: left;width: 80%;} .contactformright {float: left;width: 100%;} .contactformright .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .contactformright .gform_wrapper ul.gform_fields li.gfield textarea {font-size: 16px;} .contactpgsec .contactinfoleft {float: left;width: 80%;} .contactpgsec .contactformright {float: left;width: 100%;} .contactpgsec .contactuscontent .contactuscard {padding: 30px;} .contactpgsec .contactformright .gform_wrapper .gform_footer input.button {width: 70%;} .woocommerce-form-login, .woocommerce-form-register {width: 80%;} #site-content .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 1.6%;width: 45%;} #woosq-popup .single-product .product > div {height: 288px;} #woosq-popup {max-height: 288px;} .loginpoup .popupwrap {width: 60%;} #site-content .choose-color {width: 100%;} #site-content ul.products{margin: 0; margin-left: -3%;font-size: 0px;margin-top: -3%;} #site-content .woocommerce .choose-size .lftproduct ul.products li.product{ width: 47%; margin: 0; margin-left: 3%; margin-top: 3%;} #site-content ul.products li.product h2.woocommerce-loop-product__title{font-size: 18px;} } @media only screen and ( max-width: 600px ) { .banner {min-height: 310px;} .owl-carousel.bannerslider .owl-dots {width: 25%;margin-left: -13%;} #woosq-popup {max-width: 65%;} #woosq-popup .single-product .product > div {width: 100%;float: none;} #woosq-popup .single-product .product > div.summary {width: 100%;} #woosq-popup {max-height: 360px;} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {padding: 15px;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {width: 80%;} } @media only screen and ( max-width: 568px ) { .banner {min-height: 292px;} .categorylisting li {width: 20.66%;margin-bottom: 10px;} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ width: 45%;} .yscroll{ overflow-x: auto;} /* table {width: 500px;max-width: initial;}*/ /* #site-content .customcheckbox {width: 17%;}*/ #site-content .customcheckbox {margin: 1px;} } @media only screen and ( max-width: 480px ) { .container { width:90%;} .banner {min-height: 245px;} .owl-carousel.bannerslider .owl-dots { padding: 8px 7px;} .aboutsection h3 {font-size: 30px;} .categoriescontent .woocommerce.columns-3 ul.products li.product h2 {font-size: 25px;} .testimonialsection h3.testimonialshead {font-size: 30px;} .contactuscard h3.contactushead {font-size: 30px;} .contactuscard h3.contactushead:before {left: -100px;width: 80px;} .contactuscard h3.contactushead:after {width: 80px;right: -100px;} .contactinfoleft {float: left;width: 100%;} .contactformright .gform_wrapper ul.gform_fields li.gfield {width: 100%;} .categoriescontent .woocommerce.columns-3 ul.products li.product {width: 80%;} .aboutsection h3:before, .testimonialsection h3.testimonialshead:before, .contactuscard h3.contactushead:before {left: -100px;width: 80px;} .aboutsection h3:after, .testimonialsection h3.testimonialshead:after, .contactuscard h3.contactushead:after {width: 80px;right: -100px;} .testimonialscontent .item {padding: 15px;} .testimonialscontent .item .testimonialstext h4 {font-size: 18px;} .inner-banner h1{ font-size: 40px;} #site-content h2 {font-size: 30px;} #site-content h3 {font-size: 24px;} .contactpgsec .contactinfoleft {float: left; width: 100%;} .contactpgsec .contactformright .gform_wrapper ul.gform_fields li.gfield {width: 100%;} .contactpgsec .contactformright .gform_wrapper .gform_footer input.button {width: 90%;} #site-content .woocommerce-privacy-policy-text p {font-size: 16px;line-height: 28px;} /* #site-content .woocommerce-MyAccount-navigation {width: 60%;}*/ .categorylisting li {width: 26.66%;} #site-content .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 1.6%;width: 70%;} #site-content .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 1.6%;width: 72%;} #site-content .woocommerce-page.columns-4 ul.products li.product button.woosq-btn, #site-content .woocommerce.columns-4 ul.products li.product button.woosq-btn {top: 67%;} #site-content .choose-color .image-thumb-colum {width: 50%;} #site-content .choose-color {width: 95%;} /* #site-content .customcheckbox {width: 18%;}*/ #site-content h1 {font-size: 30px;} .wooheading h1{font-size: 30px;} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {width: 50%;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {width: 100%;} #site-content .woocommerce ul.order_details li{width: 95%; margin-left: 5%;} .tableorderlist{overflow-x: auto;} .tableorderlist table.shop_table{width: 570px;max-width: inherit;} .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width: 100%;} .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {width: 100%;} .loginpoup .popupwrap {width: 70%;} .ftsociallink ul li a img {width: 20px;} .ftsociallink ul li a {font-size: 14px;} #site-content .choose-color .pro-title-colum {width: 100%;} #site-content .choose-color ul li{text-align: center;} #site-content .choose-color .pro-title-colum h6.skutxt{margin: 0px 0px 10px;} .color-colum table {margin: 1rem 0 0px;} #site-content .choose-color .image-thumb-colum {width: 100%;margin-right: 0px;margin-bottom: 10px;} .copyrightsection.innercopyright {margin-bottom: 60px;} #site-content ul.products{margin: 0; margin-left: -0%;font-size: 0px;margin-top: -3%;} #site-content .woocommerce .choose-size .lftproduct ul.products li.product{ width: 100%; margin: 0; margin-left: 0%; margin-top: 3%;} } @media only screen and ( max-width: 415px ) { .banner {min-height: 210px;} .owl-carousel.bannerslider .owl-dots button{ padding: 5px; margin: 0 3px;} .contactformright .gform_wrapper .gform_footer input.button{width: 90%; padding: 7px 30px;} .contactpgsec .contactuscontent .contactuscard {padding: 20px;} .contactpgsec .contactformright .gform_wrapper .gform_footer input.button {width: 90%;padding: 7px 30px;} .woocommerce-form-login, .woocommerce-form-register {width: 90%;} .categorylisting a {padding: 6px; font-size: 14px;} .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {float: left; padding-top: 5px;} #site-content .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 1.6%;width: 87%;} #woosq-popup {max-width: 80%;} .color-colum{ overflow-x: auto;} table {width: 400px;max-width: initial;} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {width: 65%; font-size: 16px;} .calculationcol table{width: 100%;} } @media only screen and ( max-width: 384px ) { .banner {min-height: 195px;} #site-content .woocommerce-MyAccount-navigation {width: 80%;} .loginpoup .popupwrap {width: 80%;} .carttotalcol .checkoutbtn .button {font-size: 20px;} } @media only screen and ( max-width: 375px ) { } @media only screen and ( max-width: 360px ) { .banner {min-height: 185px;} .owl-carousel.bannerslider .owl-dots{ bottom: -1px;} .categoriescontent .woocommerce.columns-3 ul.products li.product {width: 90%;} .aboutsection h3:before, .testimonialsection h3.testimonialshead:before, .contactuscard h3.contactushead:before {left: -70px;width: 60px;} .aboutsection h3:after, .testimonialsection h3.testimonialshead:after, .contactuscard h3.contactushead:after {width: 60px;right: -70px;} .contactuscontent .contactuscard {padding: 30px;} #site-content h2 {font-size: 28px;} #site-content h3 {font-size: 24px;} #site-content .woocommerce-privacy-policy-text p {font-size: 14px;line-height: 22px;} .categorylisting li {width: 28.66%;} #site-content .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 96%;} #site-content .customcheckbox label{width: 35px;height: 35px;line-height: 33px;} #site-content .quantitycolum .itemselected{font-size: 20px;} .totalpcscolum .totalquantity{font-size: 22px;} .totalpcscolum .addtocartbutton .button{font-size: 22px;} #site-content .quantitycolum .selectquantity{padding: 15px;} .carttotalcol{padding: 15px;} } @media only screen and ( max-width: 320px ) { .banner {min-height: 163px;} .owl-carousel.bannerslider .owl-dots {width: 27%;margin-left: -17%;} .foogallery.fg-border-thin .fg-column-width {border-width: 0px!important;} .woocommerce-form-login, .woocommerce-form-register {width: 100%;} .categorylisting li {width: 31.66%;} #site-content .choose-color .pro-title-colum h3 {font-size: 18px;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{font-size: 16px;} #site-content .woocommerce-MyAccount-navigation a {font-size: 14px;} .loginpoup .popupwrap {width: 90%;} .ftsociallink ul li a {font-size: 12px;} .copyrightsection.innercopyright {margin-bottom: 56px;} #site-content .quantitycolum .itemselected{font-size: 18px;} .totalpcscolum .totalquantity{padding: 15px;} #site-content .carttotalcol h4{font-size: 22px;} } /*--------- Custom Responsive Css Ends ---------*/