@charset "UTF-8"; /* Theme Name: Alyssas Blog Theme URI:http://ripplethemes.com/downloads/alyssas-blog/ Author: ripplethemes Author URI: http://ripplethemes.com/ Description: Alyssas Blog is a minimal, clean and responsive theme with Masonry layout. This theme has an awesome layout for the home page and single page. Focusing writers, bloggers, travelers & photographers who wish to share their incredible stories on different niche like lifestyle, travel, food, technology, fashion, business, marketing etc, Alyssas Blog has been developed. Alyssas Blog theme comes with customizer based theme settings, added custom widgets, translation ready codes, etc.. It’s easy to setup. You will get high quality well crafted blog out of the box to make writers only focuses on writing content. It has great typography to make your fans and followers focus on every word you write. It’s Best Free Themes and complete masonry WordPress theme. More Details: https://www.ripplethemes.com/downloads/alyssas-blog/ Version: 1.1.8 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: alyssas-blog Requires PHP: 5.2 Tested up to: 5.4 Tags: custom-background, custom-header, one-column, two-columns, three-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog, news 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. Alyssas Blog is free WordPress theme by, Ripplethemes. Alyssas Blog is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; height: 0; overflow: visible; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; font-size: 1em; } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } body { background: #fff; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 0.75rem; line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]: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 { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #4169e1; } a:visited { color: #800080; } a:hover, a:focus, a:active { color: #191970; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { display: block; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { display: block; left: auto; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { position: relative; } .main-navigation a { display: block; text-decoration: none; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: flex; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: flex; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { flex: 1 0 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; flex: 1 0 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .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; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .post, .page { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } body { margin: 0; word-wrap: break-word; overflow-x: hidden; } ul { list-style: none; padding: 0; margin: 0; } ul li { list-style: none; } a { text-decoration: none; } html { margin-top: 0 !important; } @media screen and (max-width: 782px) { html { margin-top: 0 !important; } } body { font-family: "Maven Pro", sans-serif; background-color: #f9f9f9; position: relative; font-size: 1rem; line-height: 1.5; color: #3f3f3f; font-weight: 400; } body.rtl-layout { direction: rtl; unicode-bidi: embed; } h1, h2, h3, h4, h5, h6 { font-family: "Josefin Sans", sans-serif; color: #222; font-weight: 700; } .section { padding-top: 100px; } p { line-height: 1.8; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .rpl, .no-gutters > [class*="rpl-"] { padding-right: 0; padding-left: 0; } .rpl-1, .rpl-2, .rpl-3, .rpl-4, .rpl-5, .rpl-6, .rpl-7, .rpl-8, .rpl-9, .rpl-10, .rpl-11, .rpl-12, .col, .rpl-auto, .rpl-sm-1, .rpl-sm-2, .rpl-sm-3, .rpl-sm-4, .rpl-sm-5, .rpl-sm-6, .rpl-sm-7, .rpl-sm-8, .rpl-sm-9, .rpl-sm-10, .rpl-sm-11, .rpl-sm-12, .rpl-sm, .rpl-sm-auto, .rpl-md-1, .rpl-md-2, .rpl-md-3, .rpl-md-4, .rpl-md-5, .rpl-md-6, .rpl-md-7, .rpl-md-8, .rpl-md-9, .rpl-md-10, .rpl-md-11, .rpl-md-12, .rpl-md, .rpl-md-auto, .rpl-lg-1, .rpl-lg-2, .rpl-lg-3, .rpl-lg-4, .rpl-lg-5, .rpl-lg-6, .rpl-lg-7, .rpl-lg-8, .rpl-lg-9, .rpl-lg-10, .rpl-lg-11, .rpl-lg-12, .rpl-lg, .rpl-lg-auto, .rpl-xl-1, .rpl-xl-2, .rpl-xl-3, .rpl-xl-4, .rpl-xl-5, .rpl-xl-6, .rpl-xl-7, .rpl-xl-8, .rpl-xl-9, .rpl-xl-10, .rpl-xl-11, .rpl-xl-12, .rpl-xl, .rpl-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .rpl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .rpl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .rpl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .rpl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .rpl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .rpl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .rpl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .rpl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .rpl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .rpl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .rpl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .rpl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .rpl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .rpl-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .rpl-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .rpl-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .rpl-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .rpl-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .rpl-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .rpl-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .rpl-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .rpl-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .rpl-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .rpl-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .rpl-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .rpl-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .rpl-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .rpl-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .rpl-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .rpl-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .rpl-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .rpl-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .rpl-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .rpl-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .rpl-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .rpl-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .rpl-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .rpl-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .rpl-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .rpl-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .rpl-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .rpl-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .rpl-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .rpl-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .rpl-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .rpl-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .rpl-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .rpl-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .rpl-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .rpl-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .rpl-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .rpl-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .rpl-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .rpl-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .rpl-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .rpl-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .rpl-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .rpl-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .rpl-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .rpl-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .rpl-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .rpl-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .rpl-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .rpl-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .rpl-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .rpl-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .rpl-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .rpl-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .rpl-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } @-webkit-keyframes rotate3d { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes rotate3d { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes scrollDown { 0% { -webkit-transform: translateY(-20px); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: translateY(0); opacity: 0; } } @keyframes scrollDown { 0% { transform: translateY(-20px); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateY(0); opacity: 0; } } @keyframes scrollup { 0% { transform: translateY(0); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateY(-20px); opacity: 0; } } @-webkit-keyframes shooting { from { right: -100px; } to { right: calc( 100% + 100px ); } } @keyframes shooting { from { right: -100px; } to { right: calc( 100% + 100px ); } } @keyframes shooting1 { 0% { transform: translate(0px, 0px) rotate(0deg); opacity: 1; } 20% { transform: translate(-50px, 50px) rotate(-20deg); opacity: 0.8; } 40% { transform: translate(-150px, 150px) rotate(-30deg); opacity: 0.5; } 60% { transform: translate(-250px, 250px) rotate(-30deg); opacity: 0.3; } 80% { transform: translate(-350px, 350px) rotate(-30deg); opacity: 0.2; } 100% { transform: translate(-500px, 500px) rotate(-30deg); opacity: 0; } } @-webkit-keyframes jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes rotated { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotated { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotatedHalf { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes rotatedHalf { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes rotatedHalfTwo { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes rotatedHalfTwo { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes scale-upOne { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); } } @keyframes scale-upOne { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); } } @-webkit-keyframes scale-right { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } 50% { -webkit-transform: translateX(50%); transform: translateX(50%); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @keyframes scale-right { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } 50% { -webkit-transform: translateX(50%); transform: translateX(50%); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @-webkit-keyframes fade-in { 0% { opacity: 0.2; } 40% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes fade-in { 0% { opacity: 0.5; } 40% { opacity: 1; } 100% { opacity: 0.5; } } @keyframes hvr-ripple-out { 0% { top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; } 100% { top: -6px; right: -6px; bottom: -6px; left: -6px; opacity: 0; } } @keyframes hvr-ripple-out-two { 0% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @-webkit-keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scale-up-two { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes scale-up-two { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @-webkit-keyframes scale-up-three { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 40% { -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { -webkit-transform: scale(0.7); transform: scale(0.7); } } @keyframes scale-up-three { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 40% { -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { -webkit-transform: scale(0.7); transform: scale(0.7); } } @keyframes animationFramesOne { 0% { transform: translate(0px, 0px) rotate(0deg); } 20% { transform: translate(73px, -1px) rotate(36deg); } 40% { transform: translate(141px, 72px) rotate(72deg); } 60% { transform: translate(83px, 122px) rotate(108deg); } 80% { transform: translate(-40px, 72px) rotate(144deg); } 100% { transform: translate(0px, 0px) rotate(0deg); } } @-webkit-keyframes animationFramesOne { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); } } @keyframes animationFramesTwo { 0% { transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { transform: translate(0px, 0px) rotate(0deg) scale(1); } } @-webkit-keyframes animationFramesTwo { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } } @keyframes animationFramesThree { 0% { transform: translate(165px, -179px); } 100% { transform: translate(-346px, 617px); } } @-webkit-keyframes animationFramesThree { 0% { -webkit-transform: translate(165px, -179px); } 100% { -webkit-transform: translate(-346px, 617px); } } @keyframes animationFramesFour { 0% { transform: translate(-300px, 151px) rotate(0deg); } 100% { transform: translate(251px, -200px) rotate(180deg); } } @-webkit-keyframes animationFramesFour { 0% { -webkit-transform: translate(-300px, 151px) rotate(0deg); } 100% { -webkit-transform: translate(251px, -200px) rotate(180deg); } } @keyframes animationFramesFive { 0% { transform: translate(61px, -99px) rotate(0deg); } 21% { transform: translate(4px, -190px) rotate(38deg); } 41% { transform: translate(-139px, -200px) rotate(74deg); } 60% { transform: translate(-263px, -164px) rotate(108deg); } 80% { transform: translate(-195px, -49px) rotate(144deg); } 100% { transform: translate(-1px, 0px) rotate(180deg); } } @-webkit-keyframes animationFramesFive { 0% { -webkit-transform: translate(61px, -99px) rotate(0deg); } 21% { -webkit-transform: translate(4px, -190px) rotate(38deg); } 41% { -webkit-transform: translate(-139px, -200px) rotate(74deg); } 60% { -webkit-transform: translate(-263px, -164px) rotate(108deg); } 80% { -webkit-transform: translate(-195px, -49px) rotate(144deg); } 100% { -webkit-transform: translate(-1px, 0px) rotate(180deg); } } @keyframes gradientBG { 0% { background-position: 0 0; } 50% { background-position: 300% 0; } 100% { background-position: 0 0; } } @-webkit-keyframes gradientBG { 0% { background-position: 0 0; } 50% { background-position: 300% 0; } 100% { background-position: 0 0; } } @keyframes imageBgAnim { 0% { background-position: 0 0; } 50% { background-position: 120% 0; } 100% { background-position: 0 0; } } @-webkit-keyframes gradientBG { 0% { background-position: 0 0; } 50% { background-position: 120% 0; } 100% { background-position: 0 0; } } .u-clickable { cursor: pointer !important; } .u-flex { display: flex !important; } /** hide **/ .u-hide { display: none !important; } .middle-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .menu-wrapper { text-align: center; border-bottom: 1px solid #E8E8E8; background-color: #ffffff; position: relative; } .main-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-navigation ul li { position: relative; } .main-navigation ul li a { color: #222; padding: 1.5rem 1rem; font-size: 1rem; font-weight: 600; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-transform: uppercase; display: block; font-family: "Josefin Sans", sans-serif; } .main-navigation ul li.menu-item-has-current a, .main-navigation ul li.page-item-has-current a, .main-navigation ul li.current-menu-item a, .main-navigation ul li:hover a { color: #f78a74; } .main-navigation ul li.menu-item-has-current ul a, .main-navigation ul li.page-item-has-current ul a, .main-navigation ul li.current-menu-item ul a, .main-navigation ul li:hover ul a { color: #222; } .main-navigation ul li.menu-item-has-children a, .main-navigation ul li.page-item-has-children a { padding-right: 1.5rem; position: relative; } .main-navigation ul li.menu-item-has-children a::after, .main-navigation ul li.page-item-has-children a::after { content: "\f0d7"; font-family: "Font Awesome 5 Free"; margin-left: .6125rem; margin-right: 0; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 1rem; font-weight: 900; text-transform: initial; } .main-navigation ul li.menu-item-has-children ul.sub-menu, .main-navigation ul li.page-item-has-children ul.sub-menu { background-color: #ffffff; text-align: left; visibility: hidden; opacity: 0; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; top: 120%; left: 0; -webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25); box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25); width: 200px; position: absolute; -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); display: block; opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin: 0; } .main-navigation ul li.menu-item-has-children ul.sub-menu li a, .main-navigation ul li.page-item-has-children ul.sub-menu li a { display: block; padding: .5rem .6125rem; border: 1px solid #E8E8E8; font-size: .875rem; text-transform: capitalize; } .main-navigation ul li.menu-item-has-children ul.sub-menu li a::after, .main-navigation ul li.page-item-has-children ul.sub-menu li a::after { display: none; } .main-navigation ul li.menu-item-has-children ul.sub-menu li a:hover, .main-navigation ul li.page-item-has-children ul.sub-menu li a:hover { background-color: #f78a74; color: #ffffff; } .main-navigation ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children, .main-navigation ul li.menu-item-has-children ul.sub-menu li.page-item-has-children, .main-navigation ul li.page-item-has-children ul.sub-menu li.menu-item-has-children, .main-navigation ul li.page-item-has-children ul.sub-menu li.page-item-has-children { position: relative; } .main-navigation ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children::after, .main-navigation ul li.menu-item-has-children ul.sub-menu li.page-item-has-children::after, .main-navigation ul li.page-item-has-children ul.sub-menu li.menu-item-has-children::after, .main-navigation ul li.page-item-has-children ul.sub-menu li.page-item-has-children::after { display: block; content: "\f0da"; font-family: 'Font Awesome 5 Free'; margin-left: .6125rem; margin-right: 0; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 1rem; font-weight: 900; text-transform: initial; } .main-navigation ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu, .main-navigation ul li.menu-item-has-children ul.sub-menu li.page-item-has-children ul.sub-menu, .main-navigation ul li.page-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu, .main-navigation ul li.page-item-has-children ul.sub-menu li.page-item-has-children ul.sub-menu { left: 100%; opacity: 0; visibility: hidden; -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } .main-navigation ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover ul.sub-menu, .main-navigation ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children:focus-within ul.sub-menu, .main-navigation ul li.menu-item-has-children ul.sub-menu li.page-item-has-children:hover ul.sub-menu, .main-navigation ul li.menu-item-has-children ul.sub-menu li.page-item-has-children:focus-within ul.sub-menu, .main-navigation ul li.page-item-has-children ul.sub-menu li.menu-item-has-children:hover ul.sub-menu, .main-navigation ul li.page-item-has-children ul.sub-menu li.menu-item-has-children:focus-within ul.sub-menu, .main-navigation ul li.page-item-has-children ul.sub-menu li.page-item-has-children:hover ul.sub-menu, .main-navigation ul li.page-item-has-children ul.sub-menu li.page-item-has-children:focus-within ul.sub-menu { top: 0; opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); transition: transform 0.3s ease, opacity 0.2s ease .1s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s; visibility: visible; } .main-navigation ul li.menu-item-has-children:hover a::after, .main-navigation ul li.menu-item-has-children:focus-within a::after, .main-navigation ul li.page-item-has-children:hover a::after, .main-navigation ul li.page-item-has-children:focus-within a::after { content: '\f0d8'; } .main-navigation ul li.menu-item-has-children:hover ul.sub-menu, .main-navigation ul li.menu-item-has-children:focus-within ul.sub-menu, .main-navigation ul li.page-item-has-children:hover ul.sub-menu, .main-navigation ul li.page-item-has-children:focus-within ul.sub-menu { top: 100%; display: block; opacity: 1; z-index: 1000; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); transition: transform 0.3s ease, opacity 0.2s ease .1s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s; visibility: visible; } .toggle-button { position: relative; width: 30px; height: 30px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: none; background-color: transparent; border: none; -webkit-appearance: none; appearance: none; padding: 0; position: absolute; left: 30px; top: 45px; z-index: 999; } .toggle-button:focus { background-color: transparent; border-color: #ffa201; } .toggle-button span { position: absolute; height: 4px; border-radius: 4px; width: 100%; background-color: #f78a74; top: 0; transition: transform .2s ease-in-out, opacity .2s ease-in-out; z-index: 1101; left: 0; right: 0; } .toggle-button span:nth-child(1) { top: 0; } .toggle-button span:nth-child(2), .toggle-button span:nth-child(3) { top: 10px; } .toggle-button span:nth-child(4) { top: 20px; } .toggle-button.active { position: absolute; top: 15px; right: 15px; z-index: 1000; } .toggle-button.active span:nth-child(1), .toggle-button.active span:nth-child(4) { opacity: 0; } .toggle-button.active span:nth-child(2) { transform: rotate(45deg); background-color: #f78a74; } .toggle-button.active span:nth-child(3) { transform: rotate(-45deg); background-color: #f78a74; } @media only screen and (max-width: 991px) { .menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .toggle-button { display: block; } .main-navigation { position: fixed; height: 100%; max-width: 280px; padding: 15px; padding-top: 50px; width: 100%; background-color: #222; z-index: 1000; top: 0; left: -100%; right: auto; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .main-navigation::-webkit-scrollbar { width: 4px; background: #E8E8E8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .main-navigation::-webkit-scrollbar-track { background-color: #E8E8E8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .main-navigation::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #E8E8E8; } .main-navigation ul { display: initial; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .main-navigation ul li { display: block; border-bottom: 1px solid #3f3f3f; } .main-navigation ul li a { color: #ffffff; padding: .5rem .6125rem; display: block; font-size: .875rem; } .main-navigation ul li.menu-item-has-children, .main-navigation ul li.page_item_has_children { position: relative; } .main-navigation ul li.menu-item-has-children a::after, .main-navigation ul li.page_item_has_children a::after { display: none; } .main-navigation ul li.menu-item-has-children .dropdown-icon, .main-navigation ul li.page_item_has_children .dropdown-icon { position: absolute; right: 0; top: 5px; width: 28px; height: 28px; color: #ffffff; border: 1px solid #3f3f3f; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } .main-navigation ul li.menu-item-has-children ul, .main-navigation ul li.menu-item-has-children ul ul, .main-navigation ul li.page_item_has_children ul, .main-navigation ul li.page_item_has_children ul ul { display: none; transition: initial; position: initial; top: initial; left: initial; display: none; transform: none; opacity: 1; transform-origin: initial; width: 100%; visibility: initial; background-color: transparent; } .main-navigation ul li.menu-item-has-children ul li, .main-navigation ul li.menu-item-has-children ul ul li, .main-navigation ul li.page_item_has_children ul li, .main-navigation ul li.page_item_has_children ul ul li { width: 100%; border: 0; } .main-navigation ul li.menu-item-has-children ul li a, .main-navigation ul li.menu-item-has-children ul ul li a, .main-navigation ul li.page_item_has_children ul li a, .main-navigation ul li.page_item_has_children ul ul li a { width: 100%; border: 0; color: #ffffff; } .main-navigation ul li.menu-item-has-children ul li.menu-item-has-children a::after, .main-navigation ul li.menu-item-has-children ul li.page_item_has_children a::after, .main-navigation ul li.menu-item-has-children ul ul li.menu-item-has-children a::after, .main-navigation ul li.menu-item-has-children ul ul li.page_item_has_children a::after, .main-navigation ul li.page_item_has_children ul li.menu-item-has-children a::after, .main-navigation ul li.page_item_has_children ul li.page_item_has_children a::after, .main-navigation ul li.page_item_has_children ul ul li.menu-item-has-children a::after, .main-navigation ul li.page_item_has_children ul ul li.page_item_has_children a::after { display: none; } .main-navigation ul li.menu-item-has-children ul li.menu-item-has-children::after, .main-navigation ul li.menu-item-has-children ul li.page_item_has_children::after, .main-navigation ul li.menu-item-has-children ul ul li.menu-item-has-children::after, .main-navigation ul li.menu-item-has-children ul ul li.page_item_has_children::after, .main-navigation ul li.page_item_has_children ul li.menu-item-has-children::after, .main-navigation ul li.page_item_has_children ul li.page_item_has_children::after, .main-navigation ul li.page_item_has_children ul ul li.menu-item-has-children::after, .main-navigation ul li.page_item_has_children ul ul li.page_item_has_children::after { display: none; } .main-navigation ul li.menu-item-has-children ul li ul, .main-navigation ul li.menu-item-has-children ul ul li ul, .main-navigation ul li.page_item_has_children ul li ul, .main-navigation ul li.page_item_has_children ul ul li ul { float: none; } .main-navigation ul li.menu-item-has-children ul li ul li a, .main-navigation ul li.menu-item-has-children ul ul li ul li a, .main-navigation ul li.page_item_has_children ul li ul li a, .main-navigation ul li.page_item_has_children ul ul li ul li a { width: 100%; border: 0; color: #ffffff; } .main-navigation ul li.menu-item-has-children:hover a::after, .main-navigation ul li.page_item_has_children:hover a::after { display: none; } .main-navigation ul li.menu-item-has-children:hover ul, .main-navigation ul li.page_item_has_children:hover ul { display: none; transition: initial; position: initial; top: initial; left: initial; display: none; transform: none; visibility: initial; transform-origin: initial; } .main-navigation ul li.menu-item-has-children:focus-within a::after, .main-navigation ul li.page_item_has_children:focus-within a::after { display: none; } .main-navigation ul li.menu-item-has-children:focus-within ul, .main-navigation ul li.page_item_has_children:focus-within ul { display: block; transition: initial; position: initial; top: initial; left: initial; transform: none; visibility: initial; transform-origin: initial; } .main-navigation ul li.menu-item-has-children:focus-within ul ul, .main-navigation ul li.page_item_has_children:focus-within ul ul { display: none; } .main-navigation ul li.menu-item-has-children ul li:focus-within ul, .main-navigation ul li.page_item_has_children ul li:focus-within ul { display: block; } .main-navigation ul li:hover a { color: #f78a74; } } @media only screen and (max-width: 991px) { .Is-toggle .site-header .main-navigation { left: 0; } } header.site-header { border-bottom: 1px solid #E8E8E8; padding-bottom: 1.5rem; position: relative; z-index: 100000; } @media only screen and (max-width: 1024px) { header.site-header { margin-bottom: 0; } } header.site-header .custom-logo-link, header.site-header .site-branding { text-align: center; padding-top: 20px; max-width: 330px; margin: 0 auto; } header.site-header .custom-logo-link .site-title, header.site-header .site-branding .site-title { font-family: "Cookie", cursive; font-size: 4rem; margin: 0; text-transform: capitalize; line-height: 1; font-weight: 700; margin-bottom: .5rem; } header.site-header .custom-logo-link .site-title a, header.site-header .site-branding .site-title a { font-size: 4rem; color: #222; font-family: "Cookie", cursive; } header.site-header .custom-logo-link p, header.site-header .site-branding p { color: #3f3f3f; margin: 0; font-size: 0.775rem; text-transform: capitalize; text-transform: capitalize; font-weight: 600; } @media only screen and (max-width: 767px) { header.site-header .custom-logo-link, header.site-header .site-branding { max-width: 280px; } header.site-header .custom-logo-link .site-title, header.site-header .site-branding .site-title { font-size: 2rem; } header.site-header .custom-logo-link .site-title a, header.site-header .site-branding .site-title a { font-size: 2rem; } } header.site-header .site-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; margin: 0 auto; } @media only screen and (max-width: 991px) { header.site-header .site-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 15px; max-width: 760px; } header.site-header .site-branding { margin: 0; padding-right: 15px; } } @media (min-width: 1200px) { header.site-header .site-logo { max-width: 1140px; } } .custom-breadcrumb { margin-top: 2rem; } .custom-breadcrumb h1 { font-size: 1.2rem; margin-bottom: 0; } footer.site-footer { border-top: 1px solid #E8E8E8; margin-top: 4rem; background-color: #ffffff; } @media only screen and (max-width: 1024px) { footer.site-footer { margin-top: 3rem; } } footer.site-footer .footer-in { padding: 4rem 0; position: relative; } @media only screen and (max-width: 1024px) { footer.site-footer .footer-in { padding: 3rem 0; } } footer.site-footer .footer-in .footer-widget .footer-logo h2 { display: block; font-family: "Cookie", cursive; font-size: 4rem; margin: 2rem 0 0 0; text-align: center; text-transform: capitalize; } footer.site-footer .footer-in .footer-widget .footer-logo h2::after { display: block; clear: both; content: ""; } footer.site-footer .footer-in .footer-widget .footer-logo h2 a { font-family: "Cookie", cursive; text-transform: capitalize; } @media only screen and (max-width: 1024px) { footer.site-footer .footer-in .footer-widget .footer-logo h2 { font-size: 3rem; } } @media only screen and (max-width: 767px) { footer.site-footer .footer-in .footer-widget .footer-logo h2 { margin: 0; } } footer.site-footer .footer-in .footer-widget .footer-logo a { color: #A0ACB5; font-weight: 500; } footer.site-footer .footer-in .footer-widget .ft-wd-title { position: relative; margin-bottom: 1rem; } footer.site-footer .footer-in .footer-widget .ft-wd-title h4 { font-size: 1.225rem; font-weight: 700; text-transform: capitalize; } footer.site-footer .footer-in .footer-widget .ft-social ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } footer.site-footer .footer-in .footer-widget .ft-social li a { width: 40px; height: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px solid #9b9b9b; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; color: #9b9b9b; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; overflow: hidden; } footer.site-footer .footer-in .footer-widget .ft-social li a:hover { color: #592c87; border-color: #592c87; } footer.site-footer .footer-in .footer-widget .ft-social li:not(:last-child) { margin-right: 10px; } footer.site-footer .footer-in .footer-widget .widget_categories ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer.site-footer .footer-in .footer-widget .widget_categories ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } footer.site-footer .footer-in .footer-widget .widget_categories ul li a { display: block; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; padding: .25rem .6125rem .25rem 1.1rem; color: #3f3f3f; text-transform: capitalize; } footer.site-footer .footer-in .footer-widget .widget_categories ul li a::before { font-family: "Font Awesome 5 Free"; content: '\f105'; font-weight: 900; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 0; position: absolute; top: .1rem; font-size: 1rem; } footer.site-footer .footer-in .footer-widget .widget_categories ul li a:visited { color: #222; } footer.site-footer .footer-in .footer-widget .widget_categories ul li a:hover { padding-left: 1.6rem; color: #f78a74; } footer.site-footer .footer-in .footer-widget .news-letter .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } footer.site-footer .footer-in .footer-widget .news-letter .input-group button[type="submit"] { height: 100%; background-color: #f78a74; color: #ffffff; padding: 0 1rem; border-color: #f78a74; } footer.site-footer .footer-in .footer-widget .news-letter .input-group button[type="submit"]:hover { background-color: #f78a74; cursor: pointer; } .copyright { text-align: center; border-top: 1px solid #E8E8E8; padding: 15px; background-color: #ffffff; } .copyright .copyright-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #C7C7C7; letter-spacing: .5px; line-height: 24px; font-size: .875rem; } .copyright .copyright-text a { color: #f78a74; } .upto-button { width: 50px; height: 50px; -webkit-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #592c87; color: #ffffff; position: absolute; left: auto; right: 30px; bottom: 1rem; margin: 0 auto; z-index: 999; } .upto-button:hover { background-color: #72A243; } .popup, .window-popup { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; z-index: 7; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .popup .popup-container, .window-popup .popup-container { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; justify-content: space-around; box-sizing: border-box; margin: 2rem; } .popup .popup-container .popup-body, .window-popup .popup-container .popup-body { max-width: 768px; width: 100%; min-width: 768px; max-height: calc(100vh - 32px); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0; box-sizing: border-box; background-color: #ffffff; position: relative; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } @media only screen and (max-width: 767px) { .popup .popup-container .popup-body, .window-popup .popup-container .popup-body { max-width: 576px; min-width: 576px; } } @media only screen and (max-width: 576px) { .popup .popup-container .popup-body, .window-popup .popup-container .popup-body { max-width: 360px; min-width: 360px; } } @media only screen and (max-width: 480px) { .popup .popup-container .popup-body, .window-popup .popup-container .popup-body { max-width: 300px; min-width: 300px; } } .popup .popup-container .popup-body span.close-icon, .window-popup .popup-container .popup-body span.close-icon { position: absolute; right: 1rem; top: 1rem; z-index: 2; color: #3f3f3f; cursor: pointer; } .popup .popup-container .popup-body span.close-icon:hover, .window-popup .popup-container .popup-body span.close-icon:hover { color: #f78a74; } .popup .popup-container .popup-body .popup-header, .window-popup .popup-container .popup-body .popup-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-shrink: 0; margin: 0; padding: 0 1.5rem; padding-top: 2rem; } .popup .popup-container .popup-body .popup-header h3, .window-popup .popup-container .popup-body .popup-header h3 { font-size: 1.25rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.0125em; } .popup .popup-container .popup-body .popup-content, .window-popup .popup-container .popup-body .popup-content { -webkit-box-flex: 1; flex-grow: 1; box-sizing: border-box; margin: 0; padding: 2rem; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } @media only screen and (max-width: 1024px) { .popup .popup-container .popup-body .popup-content, .window-popup .popup-container .popup-body .popup-content { padding: 1rem; } } .popup .popup-container .popup-body .popup-content::-webkit-scrollbar, .window-popup .popup-container .popup-body .popup-content::-webkit-scrollbar { width: 4px; background: #E8E8E8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .popup .popup-container .popup-body .popup-content::-webkit-scrollbar-track, .window-popup .popup-container .popup-body .popup-content::-webkit-scrollbar-track { background-color: #E8E8E8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .popup .popup-container .popup-body .popup-content::-webkit-scrollbar-thumb, .window-popup .popup-container .popup-body .popup-content::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #C7C7C7; } .popup .popup-container .popup-body .popup-content p:not(:last-child), .window-popup .popup-container .popup-body .popup-content p:not(:last-child) { margin-bottom: 1rem; } .popup .popup-container .popup-body .popup-content .dataset-header, .window-popup .popup-container .popup-body .popup-content .dataset-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .popup .popup-container .popup-body .popup-content .content-icon, .window-popup .popup-container .popup-body .popup-content .content-icon { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; max-width: 60px; } .popup .popup-container .popup-body .popup-content .content-icon span, .window-popup .popup-container .popup-body .popup-content .content-icon span { background-color: #FFE5E8; width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .popup .popup-container .popup-body .popup-content .content-icon span i, .window-popup .popup-container .popup-body .popup-content .content-icon span i { color: #f78a74; font-size: 1.5rem; } .popup .popup-container .popup-body .popup-content .dataset-header-content, .window-popup .popup-container .popup-body .popup-content .dataset-header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-grow: 1; } .popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left, .window-popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left { flex-grow: 1; } .popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left span, .window-popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left span { color: #3B7EFF; font-size: .775rem; } .popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left h4, .window-popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left h4 { color: #f78a74; font-size: .9125rem; margin-bottom: .35rem; } .popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left p, .window-popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .8125rem; } .popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left p span, .window-popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left p span { color: #3f3f3f; } .popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left p i, .window-popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left p i { font-size: 1.2rem; margin-right: .6125rem; } @media screen and (max-width: 1366px) { .popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left h4, .window-popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left h4 { font-size: .875rem; } .popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left p, .window-popup .popup-container .popup-body .popup-content .dataset-header-content .content-header-left p { font-size: .775rem; } } .popup .popup-container .popup-body .popup-content .dataset-modal-list, .window-popup .popup-container .popup-body .popup-content .dataset-modal-list { margin: 1.5rem 0; } .popup .popup-container .popup-body .popup-content .dataset-detail-list span, .window-popup .popup-container .popup-body .popup-content .dataset-detail-list span { font-size: .775rem; } .popup .popup-container .popup-body .popup-content .dataset-detail-list p, .window-popup .popup-container .popup-body .popup-content .dataset-detail-list p { font-size: .875rem; color: #222; } .popup .popup-container .popup-body .popup-content .dataset-action, .window-popup .popup-container .popup-body .popup-content .dataset-action { margin-top: .6125rem; } .popup .popup-container .popup-body .popup-content ul.contact-list li, .window-popup .popup-container .popup-body .popup-content ul.contact-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popup .popup-container .popup-body .popup-content ul.contact-list li i, .window-popup .popup-container .popup-body .popup-content ul.contact-list li i { font-size: 1rem; margin-right: .6125rem; } .popup .popup-container .popup-body .popup-content ul.contact-list li a, .window-popup .popup-container .popup-body .popup-content ul.contact-list li a { color: #3B7EFF; } .popup .popup-container .popup-body .popup-content ul.contact-list li:not(:last-child), .window-popup .popup-container .popup-body .popup-content ul.contact-list li:not(:last-child) { margin-bottom: .25rem; } .popup .popup-container .popup-body .popup-content .share, .window-popup .popup-container .popup-body .popup-content .share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 2rem; } .popup .popup-container .popup-body .popup-content .share b, .window-popup .popup-container .popup-body .popup-content .share b { font-size: .775rem; margin-right: .6125rem; } .popup .popup-container .popup-body .popup-content .share .share-icon a:not(:last-child), .window-popup .popup-container .popup-body .popup-content .share .share-icon a:not(:last-child) { margin-right: .5rem; } .popup .popup-container .popup-body .popup-footer, .window-popup .popup-container .popup-body .popup-footer { display: -webkit-box; display: flex; position: relative; flex-shrink: 0; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; box-sizing: border-box; min-height: 52px; margin: 0; padding: .6125rem; border-top: 1px solid #E8E8E8; } .popup .popup-container.lg-popup .popup-body, .window-popup .popup-container.lg-popup .popup-body { position: relative; padding: 3rem; max-width: 991px; width: 100%; min-width: 991px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; } .popup .popup-container.lg-popup .popup-body span.close-icon, .window-popup .popup-container.lg-popup .popup-body span.close-icon { right: 2rem; top: 2rem; } @media only screen and (max-width: 1280px) { .popup .popup-container.lg-popup .popup-body, .window-popup .popup-container.lg-popup .popup-body { max-width: 768px; min-width: 768px; padding: 1.5rem; } .popup .popup-container.lg-popup .popup-body span.close-icon, .window-popup .popup-container.lg-popup .popup-body span.close-icon { right: 1.5rem; top: 1.5rem; } } @media only screen and (max-width: 1024px) { .popup .popup-container.lg-popup .popup-body, .window-popup .popup-container.lg-popup .popup-body { max-width: 768px; min-width: 768px; padding: 1.5rem; } .popup .popup-container.lg-popup .popup-body span.close-icon, .window-popup .popup-container.lg-popup .popup-body span.close-icon { right: 1.5rem; top: 1.5rem; } } @media only screen and (max-width: 768px) { .popup .popup-container.lg-popup .popup-body, .window-popup .popup-container.lg-popup .popup-body { max-width: 576px; min-width: 576px; padding: 1rem; } .popup .popup-container.lg-popup .popup-body span.close-icon, .window-popup .popup-container.lg-popup .popup-body span.close-icon { right: 1rem; top: 1rem; } } @media only screen and (max-width: 576px) { .popup .popup-container.lg-popup .popup-body, .window-popup .popup-container.lg-popup .popup-body { max-width: 360px; min-width: 360px; } } @media only screen and (max-width: 480px) { .popup .popup-container.lg-popup .popup-body, .window-popup .popup-container.lg-popup .popup-body { max-width: 300px; min-width: 300px; } } .popup.open, .window-popup.open { z-index: 1011; opacity: 1; visibility: visible; } .popup.open .popup-container .popup-body, .window-popup.open .popup-container .popup-body { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: alpha(opacity=100); } .window-popup .popup-container .popup-body .popup-header { display: block; border: 0; } .window-popup .popup-container .popup-body .popup-header h6 { color: #f78a74; margin-bottom: .6125rem; } .window-popup .popup-container .popup-body .popup-header h3 { font-size: 2rem; line-height: 1.4; } @media only screen and (max-width: 1024px) { .window-popup .popup-container .popup-body .popup-header h3 { font-size: 1.2rem; } } .window-popup .popup-container .popup-body .popup-content p:not(:last-child) { margin-bottom: 1.5rem; } .window-popup .popup-container .popup-body .popup-footer { padding: .6125rem 1.5rem; margin-top: 1.5rem; border: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .filter { margin-top: 1.5rem; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; max-height: calc(100vh - 200px); height: 100vh; } @media only screen and (max-width: 767px) { .filter { height: auto; max-height: 400px; } } .filter::-webkit-scrollbar { width: 4px; background: #E8E8E8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .filter::-webkit-scrollbar-track { background-color: #E8E8E8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .filter::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #C7C7C7; } .filter li { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .filter li .switch-header { cursor: pointer; position: relative; padding-right: 2rem; } .filter li .switch-header h6 { font-size: .775rem; padding-left: 0; color: #222; } .filter li .switch-header h6::before { display: none; } .filter li .switch-header::before, .filter li .switch-header::after { font-size: 1.4rem; position: absolute; top: 0; right: .5rem; font-family: 'Material Icons'; color: #f78a74; z-index: 99; } .filter li .switch-header::before { content: 'arrow_drop_down'; } .filter li .switch-header.active::before { content: 'arrow_drop_up'; } .filter li ul.filter-dropdown-menu { padding: 0 1rem; display: none; } .filter li ul.filter-dropdown-menu .switch-filter { padding-top: .5rem; padding-bottom: .5rem; } .filter li.filter-dropdown { border-bottom: 1px solid #C7C7C7; } .switch-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .6125rem 1rem; } .switch-filter h6 { color: #222; font-weight: 600; font-size: .7125rem; flex-grow: 1; position: relative; padding-right: 1.5rem; padding-left: 1rem; flex-grow: 1; margin: 0; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .switch-filter h6 img { position: absolute; left: 0; max-width: 14px; top: -1px; } .switch-filter h6 i { position: absolute; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; left: 0; top: 2px; } .switch-filter h6:hover { color: #f78a74; } .switch-filter .switch { position: relative; display: inline-block; width: 24px; height: 6px; margin: 0; } .switch-filter .switch input { opacity: 0; width: 0; height: 0; } .switch-filter .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(247, 138, 116, 0.3); -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; } .switch-filter .switch .slider::before { position: absolute; content: ""; height: 14px; width: 14px; left: 0; bottom: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: rgba(247, 138, 116, 0.5); -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-box-shadow: 0 1px 6px rgba(232, 232, 232, 0.5); box-shadow: 0 1px 6px rgba(232, 232, 232, 0.5); } .switch-filter .switch .slider .round { -webkit-border-radius: 34px; -moz-border-radius: 34px; -ms-border-radius: 34px; border-radius: 34px; } .switch-filter .switch .slider .round::before { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .switch-filter .switch input:checked + .slider { background-color: rgba(247, 138, 116, 0.8); } .switch-filter .switch input:checked + .slider:before { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); background-color: #f78a74; } [class*=common-button] { -webkit-font-smoothing: antialiased; font-size: .875rem; font-weight: 600; text-decoration: none; text-transform: capitalize; padding: .5rem 2rem; display: -webkit-inline-box; display: inline-flex; position: relative; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; min-width: 164px; min-height: 40px; border: none; outline: none; line-height: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; overflow: hidden; vertical-align: middle; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; } [class*=common-button]:disabled { color: #ffffff; background-color: #3f3f3f; border-color: 0; opacity: 0.65; cursor: not-allowed; } [class*=common-button].is-disable { color: #ffffff; background-color: #3f3f3f; border-color: #3f3f3f; } [class*=common-button].is-disable.is-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; } [class*=common-button].is-disable.is-icon i { margin-right: .5rem; font-size: .9375rem; } [class*=common-button].is-bg { color: #ffffff; background-color: #f78a74; border-color: #f78a74; } [class*=common-button].is-bg:disabled { color: #ffffff; background-color: #A0ACB5; border-color: transparent; opacity: 0.65; cursor: not-allowed; } [class*=common-button].is-bg.is-red { background-color: #ff3363; } [class*=common-button].is-bg.is-orange { background-color: #ffa201; } [class*=common-button].is-bg.is-pink { background-color: #f78a74; } [class*=common-button].is-bg.is-white { background-color: #ffffff; color: #3f3f3f; } [class*=common-button].is-bg:hover { background-color: #f78a74; border-color: #f78a74; color: #ffffff; } [class*=common-button].is-bg.is-disable { color: #ffffff; background-color: #A0ACB5; border-color: #A0ACB5; } [class*=common-button].is-bg.is-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; } [class*=common-button].is-bg.is-icon i { margin-right: .5rem; font-size: 1.2rem; } [class*=common-button].is-full-line { width: 100%; } [class*=common-button].is-clear { background-color: transparent; border-width: 0; min-width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #222; font-size: .9375rem; padding: 0; min-height: initial; min-width: initial; } [class*=common-button].is-clear svg { margin-left: .5rem; -webkit-transition: margin 0.5s ease-in-out; -o-transition: margin 0.5s ease-in-out; transition: margin 0.5s ease-in-out; } [class*=common-button].is-clear.is-red { color: #f78a74; } [class*=common-button].is-clear.is-orange { color: #ffa201; } [class*=common-button].is-clear.is-pink { color: #f78a74; } [class*=common-button].is-clear.is-blue { color: #f78a74; } [class*=common-button].is-clear:hover { color: #f78a74; } [class*=common-button].is-clear:hover svg { margin-left: .6125rem; } [class*=common-button].is-border { background-color: transparent; color: #222; border: 1px solid; border-color: #E8E8E8; } [class*=common-button].is-border.is-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #222; font-size: .9375rem; } [class*=common-button].is-border.is-icon i { margin-right: .5rem; } [class*=common-button].is-border:hover { border-color: #f78a74; color: #f78a74; } [class*=common-button].no-border { background-color: transparent; color: #f78a74; border-color: transparent; } [class*=common-button].no-border.is-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #f78a74; font-size: .9375rem; } [class*=common-button].no-border.is-icon i { margin-right: .5rem; } .buttons button:not(:last-child), .buttons a:not(:last-child) { margin-right: 1rem; } .buttons.is-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .buttons.is-between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .buttons.is-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } input, textarea { font-size: .875rem; } input.form-control, textarea.form-control { display: block; width: 100%; min-height: calc(2rem + .75rem + 2px); padding: .375rem .75rem; font-size: .875rem; font-weight: 400; line-height: 1.5; background-color: #ffffff; background-clip: padding-box; border: 1px solid #E8E8E8; border-radius: .25rem; } input.form-control.placeholder, textarea.form-control.placeholder { color: #3f3f3f; font-size: .775rem; text-transform: capitalize; } input.form-control:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #3f3f3f; font-size: .775rem; text-transform: capitalize; } input.form-control::-moz-placeholder, textarea.form-control::-moz-placeholder { color: #3f3f3f; font-size: .775rem; text-transform: capitalize; } input.form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #3f3f3f; font-size: .775rem; text-transform: capitalize; } input.form-control::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #3f3f3f; font-size: .775rem; text-transform: capitalize; } input.form-control:focus, textarea.form-control:focus { box-shadow: none; outline: none; -webkit-outline: none; border-color: #592c87; background-color: #ffffff; } .form-group { margin-bottom: 1rem; } .form-group label { font-weight: 600; text-transform: capitalize; margin-bottom: .6125rem; display: block; color: #222; font-size: 1rem; } .form-group label sup { color: #f78a74; } .custom-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #C7C7C7; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: #ffffff; position: relative; } .custom-input-group input { flex-grow: 1; border: none; display: initial; background-color: #ffffff; min-width: 250px; width: 100%; } .custom-input-group span.span-group { padding: 0 .5rem; padding-right: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } .custom-input-group span.span-group i { font-size: 1.3rem; } .custom-input-group.custom-date::after { content: "arrow_drop_down"; font-family: "Material Icons"; position: absolute; right: 0; top: -2px; font-size: 1.5rem; color: #f78a74; z-index: 99; pointer-events: none; } .custom-input-group.is-bg { background-color: transparent; border: 0; } .custom-input-group.is-bg input { min-height: calc(2.5rem + .75rem + 2px); } .custom-input-group.is-bg span.span-group { padding: 0 1rem; background-color: #222; color: #ffffff; } .date-range { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: #ffffff; } .date-range .custom-input-group { border: none; border-radius: none; border-right: 1px solid #E8E8E8; } .date-range .custom-input-group input { min-width: auto; padding-left: .5rem; } .everest-forms { background-color: #ffffff; padding: 10px; } .everest-forms input.input-text, .everest-forms textarea.input-text { display: block; width: 100%; min-height: calc(2rem + .75rem + 2px); padding: .375rem .75rem; font-size: .875rem; font-weight: 400; line-height: 1.5; background-color: #ffffff; background-clip: padding-box; border: 1px solid #E8E8E8; border-radius: .25rem; } .everest-forms input.input-text.placeholder, .everest-forms textarea.input-text.placeholder { color: #3f3f3f; font-size: .775rem; text-transform: capitalize; } .everest-forms input.input-text:-moz-placeholder, .everest-forms textarea.input-text:-moz-placeholder { color: #3f3f3f; font-size: .775rem; text-transform: capitalize; } .everest-forms input.input-text::-moz-placeholder, .everest-forms textarea.input-text::-moz-placeholder { color: #3f3f3f; font-size: .775rem; text-transform: capitalize; } .everest-forms input.input-text:-ms-input-placeholder, .everest-forms textarea.input-text:-ms-input-placeholder { color: #3f3f3f; font-size: .775rem; text-transform: capitalize; } .everest-forms input.input-text::-webkit-input-placeholder, .everest-forms textarea.input-text::-webkit-input-placeholder { color: #3f3f3f; font-size: .775rem; text-transform: capitalize; } .everest-forms input.input-text:focus, .everest-forms textarea.input-text:focus { box-shadow: none; outline: none; -webkit-outline: none; border-color: #592c87; background-color: #ffffff; } .everest-forms .everest-forms-submit-button.button.evf-submit { -webkit-font-smoothing: antialiased; font-size: .875rem; font-weight: 600; text-decoration: none; text-transform: capitalize; padding: .5rem 2rem; display: -webkit-inline-box; display: inline-flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 164px; min-height: 50px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #592c87; color: #ffffff; margin-top: 1rem; } .everest-forms .everest-forms-submit-button.button.evf-submit:hover { background-color: #ffa201; } .page-template-default .entry-header .entry-title { font-size: 1.5rem; } .custom-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: .6125rem; } .custom-checkbox label { margin: 0; font-weight: 500; font-size: .775rem; } .custom-checkbox input { position: absolute; opacity: 0; z-index: 9; } .custom-checkbox input + label { position: relative; cursor: pointer; padding: 0; } .custom-checkbox input + label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 18px; height: 18px; background: #ffffff; border: 1.5px solid #C7C7C7; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .custom-checkbox input:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } .custom-checkbox input:checked + label:before { background: #f78a74; } .custom-checkbox input:disabled + label { color: #b8b8b8; cursor: auto; } .custom-checkbox input:disabled + label:before { box-shadow: none; background: #ddd; } .custom-checkbox input:checked + label:after { content: ''; position: absolute; left: 4px; top: 12px; background: #ffffff; width: 2px; height: 2px; box-shadow: 2px 0 0 #ffffff, 4px 0 0 #ffffff, 4px -2px 0 #ffffff, 4px -4px 0 #ffffff, 4px -6px 0 #ffffff, 4px -8px 0 #ffffff; transform: rotate(45deg); } .custom-checkbox input:checked + label:before { border-color: #f78a74; } .custom-checkbox input:checked + label { color: #f78a74; } .custom-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: .6125rem; } .custom-radio label { margin: 0; font-weight: 500; font-size: .775rem; } .custom-radio input { position: absolute; opacity: 0; z-index: 9; } .custom-radio input + label { position: relative; cursor: pointer; padding: 0; } .custom-radio input + label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #ffffff; border: 1.5px solid #C7C7C7; } .custom-radio input:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } .custom-radio input:checked + label:before { background: #ffffff; } .custom-radio input:disabled + label { color: #b8b8b8; cursor: auto; } .custom-radio input:disabled + label:before { box-shadow: none; background: #ddd; } .custom-radio input:checked + label:after { content: ''; position: absolute; left: 5px; top: 7px; background: #f78a74; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .custom-radio input:checked + label:before { border-color: #f78a74; } .custom-radio input:checked + label { color: #f78a74; } .inline-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inline-group .custom-radio:not(:last-child), .inline-group .custom-checkbox:not(:last-child) { margin-right: 1rem; } .search-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-bar .search-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #C7C7C7; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; -ms-border-radius: 1.5rem; border-radius: 1.5rem; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: #F4F9FC; flex-grow: 1; max-width: 150px; padding-right: .6125rem; } .search-bar .search-wrap input.form-control { flex-grow: 1; min-height: calc(1.5rem + .75rem + 2px); border: none; display: initial; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; -ms-border-radius: 1.5rem; border-radius: 1.5rem; } .search-bar .search-wrap input.form-control:focus { background-color: #F4F9FC; } .search-bar .search-wrap span { padding: 0 .5rem; padding-right: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } .search-bar .search-wrap span i { font-size: 1.5rem; color: #f78a74; } .search-bar button { padding: 0; width: 40px; height: 37px; min-width: initial; border-color: #C7C7C7; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; margin-left: .6125rem; background-color: #ffffff; color: #f78a74; } .search-bar button:focus, .search-bar button:hover { background-color: #f78a74; color: #ffffff; outline: none; -webkit-outline: none; box-shadow: none; } .search-bar a.toggle-icon { margin-left: 1rem; color: #3f3f3f; } .search-bar a.toggle-icon svg { font-size: 1.5rem; } form.search-form { position: relative; width: 430px; margin: 0 auto; max-width: 100%; } form.search-form .searchform-inner { position: relative; } form.search-form input.search-field { width: 100%; border: 2px solid #E8E8E8; padding: 12px 25px; } form.search-form .search-submit { width: 100%; margin-top: 15px; } form.search-form input.search-submit, form.search-form input.search-submit:visited { position: absolute; top: 0; margin: 0; right: 0; font-size: 17px; padding: 15px 20px; } .form-group select.form-control { font-size: .875rem; -webkit-outline: none; outline: none; } .form-group select.form-control:focus { box-shadow: none; border-color: #f78a74; } /*-------------------------------------------------------------- 12. Featured slider --------------------------------------------------------------*/ #content .hero { padding-top: 0; margin: 0 auto; } #content .main-slider { overflow: hidden; /*Slider cycle next / previous*/ } #content .main-slider .bg-image { background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; position: relative; } #content .main-slider .bg-image.min-height { min-height: 700px; } #content .main-slider .caption { bottom: 0; height: auto; left: 0; right: 0; top: 0; position: absolute; z-index: 999; } #content .main-slider .caption .slider-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 800px; width: 100%; margin: 0 auto; } #content .main-slider .caption .slider-caption span.herocat { position: absolute; top: -30px; left: 0; right: 0; } #content .main-slider .caption .slider-caption .caption-content { padding: 2rem; position: relative; background-color: rgba(255, 255, 255, 0.9); } #content .main-slider .caption .slider-caption .caption-content h2 { font-size: 2rem; line-height: 1.2; font-weight: 700; margin: 1rem 0; } @media only screen and (max-width: 1024px) { #content .main-slider .caption .slider-caption .caption-content h2 { font-size: 1.5rem; } } #content .main-slider .caption .slider-caption .caption-content .text { margin: 25px auto 35px auto; } #content .main-slider .caption .slider-caption .caption-content .readMore { text-align: center; } #content .main-slider .caption .slider-caption .caption-content .readMore a.common-button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #content .main-slider .caption .slider-caption h6 { font-style: italic; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 1.5rem; } #content .main-slider .caption .slider-caption p { font-size: 1rem; font-weight: 500; color: #ffffff; margin-top: 1rem; } #content .main-slider .caption .slider-caption p::after { display: block; clear: both; content: ""; } #content .main-slider .caption .slider-caption .buttons { margin-top: 1.5rem; } #content .main-slider .caption .slider-caption .buttons a.is-clear { color: #ffffff; margin-left: 1rem; font-size: 1.125rem; } #content .main-slider .caption .slider-caption.is-left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #content .main-slider .caption .slider-caption.is-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } #content .main-slider .caption .slider-caption.is-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; } #content .main-slider .caption .slider-caption.min-height { min-height: 700px; } #content .main-slider .slick-prev, #content .main-slider .slick-next { background: #ffffff; visibility: hidden; } #content .main-slider .slick-prev:hover, #content .main-slider .slick-next:hover { background-color: #f78a74; border-color: #f78a74; } #content .main-slider .slick-prev:hover::before, #content .main-slider .slick-next:hover::before { color: #ffffff; } #content .main-slider .slick-prev { left: -2%; } #content .main-slider .slick-next { right: -2%; } #content .main-slider.overlay-enabled .bg-image::after { content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; z-index: 888; background-color: rgba(34, 34, 34, 0.7); } #content .main-slider.overlay-enabled .bg-image h6 { color: #ffffff; } #content .main-slider.overlay-enabled .bg-image h2 a { color: #ffffff; } #content .main-slider:hover .slick-prev, #content .main-slider:hover .slick-next { opacity: 1; visibility: visible; } #content .main-slider:hover .slick-prev { left: 2%; } #content .main-slider:hover .slick-next { right: 2%; } .slick-prev, .slick-next { width: 55px; z-index: 999; height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1000; line-height: 2.2; background: #ffffff; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: 1.5px solid #D6D6D6; } .slick-prev::before, .slick-next::before { font-family: "Font Awesome 5 Pro"; opacity: .75; color: #3f3f3f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev:hover, .slick-next:hover { background-color: #f78a74; border-color: #f78a74; } .slick-prev:hover::before, .slick-next:hover::before { color: #ffffff; } .slick-prev { left: -2%; } .slick-prev::before { font-family: "Font Awesome 5 Free"; content: '\f104'; font-weight: 900; } .slick-next { right: -2%; } .slick-next::before { font-family: "Font Awesome 5 Free"; content: '\f105'; font-weight: 900; } .popular-slider .slick-prev, .popular-slider .slick-next { width: 40px; height: 40px; opacity: 0; visibility: hidden; } .popular-slider:hover .slick-prev, .popular-slider:hover .slick-next { opacity: 1; visibility: visible; } .profile-section { padding-bottom: 100px; } .profile-section .profile { background-color: #ffffff; position: relative; padding: 70px 15px; } .profile-section .profile-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .profile-section .profile-row figure { -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; max-width: 320px; margin: 0; } .profile-section .profile-row figure img { max-width: 250px; height: 250px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; padding: 5px; background-color: #E8E8E8; width: 250px; } .profile-section .profile-row .profile-post { font-family: "Rochester", cursive; } .profile-section .profile-row .profile-post h5 { margin: 0; font-size: 1.2rem; } .profile-section .profile-row .profile-post .post-meta { font-size: 1.3rem; } .profile-section .profile-row .profile-post .post-meta a { color: #592c87; } .profile-section .profile-row .profile-post .post-meta:last-child { margin-bottom: 0; } @media only screen and (max-width: 991px) { .profile-section .profile-row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .profile-section .profile-row figure { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 auto 2rem auto; text-align: center; } } .about-me .profile-section { padding-bottom: 100px; margin-top: 2rem; } .about-me .profile-section .profile { background-color: #ffffff; position: relative; padding: 70px 15px; } .about-me .profile-section .profile-row { display: inherit; text-align: center; } .about-me .profile-section .profile-row figure { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 320px; margin: 0 auto 2rem auto; text-align: center; } .about-me .profile-section .profile-row figure img { height: auto; } .about-me .profile-section .profile-row .profile-post { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .profile-section .pf-social { max-width: 500px; position: absolute; bottom: -50px; left: 0; right: 0; margin: 0 auto; background-color: #ffffff; border-radius: 100%; height: 120px; text-align: center; } .profile-section .pf-social ul { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 30px; } .profile-section .pf-social ul li a { width: 40px; height: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px solid #9b9b9b; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin-right: 10px; color: #9b9b9b; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow: hidden; } .profile-section .pf-social ul li a:hover { color: #f78a74; border-color: #f78a74; } .home .profile-section .widgettitle { display: none; } .gridHalf { padding: 50px 0 50px 0; } .gridHalf .halfItem { position: relative; } .gridHalf .halfItem .overlay { position: absolute; content: ''; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.1); z-index: 1; } .gridHalf .halfItem figure { margin: 0; position: relative; } .gridHalf .halfItem figcaption { position: absolute; width: 100%; left: 0; right: 0; color: #ffffff; bottom: 0; padding: 15px; overflow: hidden; z-index: 2; } .gridHalf .halfItem figcaption .content { position: relative; z-index: 2; } .gridHalf .halfItem figcaption .content a.common-button { min-width: initial; min-height: 34px; } .gridHalf .halfItem figcaption .content h4 { font-size: 1.2rem; margin-top: 15px; text-transform: capitalize; margin-bottom: 7px; } .gridHalf .halfItem figcaption .content h4 a { color: #ffffff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .gridHalf .halfItem figcaption .content .post-meta span { font-size: 0.775rem; text-transform: capitalize; } .gridHalf .halfItem figcaption .content .post-meta span i { margin-right: 5px; } .gridHalf .halfItem figcaption .content .post-meta span a { color: #ffffff; } .gridHalf .halfItem figcaption .content .post-meta span:last-child { margin-left: 10px; } .sidebar-widget.newsletter-widget form label { padding: 30px 0; text-align: center; width: 100%; text-transform: capitalize; border-top: 5px solid #592c87; margin-bottom: 0; } .sidebar-widget.newsletter-widget form input { height: 44px; } .sidebar-widget.newsletter-widget form button { margin-top: 30px; background-color: #592c87; color: #ffffff; text-transform: uppercase; font-weight: 600; max-width: 100%; border: none; width: 100%; height: 40px; } .sidebar-widget.popular-widget { margin-top: 4rem; } .sidebar-widget.popular-widget .popular-title { margin-bottom: 2rem; } .sidebar-widget.popular-widget .popular-title h3 { position: relative; text-transform: uppercase; font-size: 1rem; padding-bottom: 10px; } .sidebar-widget.popular-widget .popular-title h3::after { position: absolute; content: ""; left: 0; width: 50px; height: 1px; background-color: #ffa201; bottom: 0; } .sidebar-widget.popular-widget .popular-title h3::before { position: absolute; content: ""; left: 54px; width: 30px; height: 1px; background-color: #ffa201; bottom: 0; } .sidebar-widget.popular-widget .popular-item { position: relative; } .sidebar-widget.popular-widget .popular-item figcaption { background-color: #ffffff; position: absolute; bottom: 0; left: 0; right: 0; z-index: 99; max-width: 80%; margin: 0 10%; text-align: center; padding: 1rem; } .sidebar-widget.popular-widget .popular-item figcaption h3 { font-size: 1rem; text-transform: uppercase; } body.home-2 .gridHalf .halfItem .overlay { position: absolute; content: ''; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.5); z-index: 1; } .mansory-item { margin-top: 50px; } .mansory-item .grid-item { margin-bottom: 50px; } .mansory-item .grid-item .postItem { position: relative; margin: 0; padding: 0; } .mansory-item .grid-item .postItem .overlay { position: absolute; content: ''; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.5); } .mansory-item .grid-item .postItem figure { position: relative; } .mansory-item .grid-item .postItem .content .post-header h4 { font-size: 0.775rem; } .mansory-item .grid-item .postItem .content .post-content p { text-align: justify; } .mansory-item .grid-item .postItem .content.post-overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 95%; width: 95%; margin: 10px auto; border: 1px solid #ffffff; background: transparent; z-index: 99; color: #ffffff; text-align: center; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .mansory-item .grid-item .postItem .content.post-overlay .play-icon { color: #ffffff; } .mansory-item .grid-item .postItem .content.post-overlay .play-icon .icon { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: 2px solid #ffffff; margin: 0 auto; } .mansory-item .grid-item .postItem .content.post-overlay .play-icon span { margin-top: 7px; display: inline-block; font-size: 0.775rem; font-weight: 400; } .mansory-item .grid-item .postItem .content.post-overlay .post-header { text-align: center; margin: 15px 0; } .mansory-item .grid-item .postItem .content.post-overlay .post-header h4 a { color: #ffffff; } .mansory-item .grid-item .postItem .content.post-overlay .post-content { border: none; margin: 0; padding: 0; } .mansory-item .grid-item .postItem .content.post-overlay .post-content p { text-align: center; } .show-more svg { margin-right: .5rem; } .postItem figure { margin: 0; } .postItem .content { padding: 30px 15px; background: #ffffff; } .postItem .content .readMore { text-align: center; } .postItem .content .readMore .common-button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .postItem .content .readMore .common-button.is-clear { text-transform: uppercase; } .postItem .post-header { text-align: center; } .postItem .post-header h4 { font-weight: 700; text-transform: uppercase; margin: 10px 0 5px 0; } .postItem .post-header h4 a { color: #222; font-size: 1.25rem; line-height: 1.5; font-family: "Josefin Sans", sans-serif; text-transform: capitalize; font-weight: 700; background-image: -prefix-linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #f5a899c7 50%); background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #f5a899c7)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #f5a899c7 50%); background-position: 0 0; background-size: 200.22% auto; -webkit-transition: background-position 0.5s ease-out 0s; transition: background-position 0.5s ease-out 0s; } .postItem .post-header h4:hover a { color: #222; } .postItem .post-header .post-author span { font-style: italic; text-transform: capitalize; font-size: 0.8125rem; font-weight: 600; } .postItem .post-header .post-author span a { color: #9b9b9b; } .postItem .post-header .post-author span a::before { content: ""; font-family: "Font Awesome 5 Free"; margin-right: .5rem; font-size: .775rem; font-weight: 400; } .postItem .post-header .post-author span.author.vcard a::before { content: "\f007"; margin: 0 .5rem; } .postItem .post-header .post-meta { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .postItem .post-header .post-meta span { font-size: .875rem; } .postItem .post-header .post-meta span a { color: #9b9b9b; } .postItem .post-header .post-meta span a::before { content: ""; font-family: "Font Awesome 5 Free"; margin-right: .35rem; font-size: .775rem; font-weight: 400; } .postItem .post-header .post-meta span.posted-on a::before { content: "\f073"; margin: 0 .5rem; } .postItem .post-header .post-meta span.comments-link a::before { content: "\f086"; } .postItem .post-header .post-meta span.edit-link a::before { content: "\f044"; } .postItem .post-header .post-meta span.cat-links a::before { content: "\f00b"; margin: 0 .5rem; } .postItem .post-header .post-meta span:not(:last-child)::after { display: inline-flex; content: '|'; margin: 0 .6125rem; } .postItem .post-content { padding: 20px 0; margin-top: 15px; border-top: 1px solid #E8E8E8; } .postItem .post-content p { margin: 0; } .postItem.post.masonry-post { background-color: transparent; padding: 0 15px; margin-top: 0; margin-bottom: 2rem; } .postItem:hover .post-header h4 a { background-position: -99.99% 0; } .main-post .postItem { margin-top: 2rem; } .insta { margin-top: 50px; padding: 10px; background-color: #ffffff; overflow: hidden; } .insta .insta-title { margin-bottom: 15px; text-align: center; } .insta .insta-title svg { margin-right: 10px; } .insta .insta-title h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.5rem; font-weight: 400; } .insta .widget_instagram-feed-widget { margin-top: 1.2rem; } .insta #sb_instagram .sb_instagram_header a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .insta #sb_instagram #sbi_load { margin-top: .6125rem; } .insta #sb_instagram #sbi_load .sbi_load_btn { background-color: #592c87; } .insta #sb_instagram #sbi_load .sbi_follow_btn a { background-color: #ffa201; } .insta #sb_instagram #sbi_load .sbi_follow_btn a:hover { background-color: #592c87; } .insta #sb_instagram .sb_instagram_header .sbi_header_img { background-color: transparent; border: 1px solid #E8E8E8; } .insta #sb_instagram .sb_instagram_header .sbi_header_img svg { color: #3f3f3f !important; } .insta .insta-item { padding: 5px; } .insta .insta-item figure { position: relative; margin: 0 0 .6125rem 0; } .insta .insta-item figure figcaption { position: absolute; width: 0; height: 100%; content: ''; top: 0; bottom: 0; left: 0; background-color: rgba(89, 44, 135, 0.7); visibility: hidden; opacity: 0; -webkit-transition: width 0.7s ease-in-out; -o-transition: width 0.7s ease-in-out; transition: width 0.7s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; } .insta .insta-item figure figcaption .icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .insta .insta-item figure figcaption .icons a { color: #ffffff; position: relative; z-index: 2; margin: 0 auto; text-align: center; } .insta .insta-item figure figcaption .icons a:not(:last-child) { margin-right: 10px; } .insta .insta-item figure:hover figcaption { right: 0; visibility: visible; opacity: 1; width: 100%; } .insta .insta-slider .slick-dotted.slick-slider { margin: 0; } /*Page/Post Navigation*/ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { clear: both; overflow: hidden; padding: 0; border-bottom: 1px solid #E8E8E8; padding: 30px 0; } .nav-links a { display: inline-block; } .nav-links span.meta-nav { display: none; } .pagination { margin-top: 2rem; } .pagination .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination .nav-links .page-numbers { background-color: #ffffff; padding: 6px 18px; display: inline-block; margin: 5px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .pagination .nav-links .page-numbers.dots { background-color: transparent; border: 0; color: #3f3f3f; } .pagination .nav-links .page-numbers.current, .pagination .nav-links .page-numbers:hover, .pagination .nav-links .page-numbers:focus, .pagination .nav-links .page-numbers:active { background-color: #f78a74; color: #ffffff; border-color: #f78a74; } .pagination .nav-links.is-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination .nav-links.is-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pagination .nav-links.is-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comment-navigation .nav-links .nav-previous, .posts-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-previous { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .comment-navigation .nav-links .nav-previous a, .posts-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-previous a { background-color: #ffffff; padding: 10px; color: #3f3f3f; } .comment-navigation .nav-links .nav-previous a::before, .posts-navigation .nav-links .nav-previous a::before, .post-navigation .nav-links .nav-previous a::before { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; content: "\f30a"; display: inline-block; font-family: 'Font Awesome 5 Free'; margin-right: 10px; font-weight: 900; } .comment-navigation .nav-links .nav-next, .posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-next { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .comment-navigation .nav-links .nav-next a, .posts-navigation .nav-links .nav-next a, .post-navigation .nav-links .nav-next a { background-color: #ffffff; padding: 10px; color: #3f3f3f; } .comment-navigation .nav-links .nav-next a::after, .posts-navigation .nav-links .nav-next a::after, .post-navigation .nav-links .nav-next a::after { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; content: "\f30b"; display: inline-block; font-family: 'Font Awesome 5 Free'; margin-left: 10px; font-weight: 900; } .comment-navigation .nav-links a:hover, .posts-navigation .nav-links a:hover, .post-navigation .nav-links a:hover { background-color: #f78a74; color: #ffffff; } .comment-navigation .nav-links a:hover::before, .posts-navigation .nav-links a:hover::before, .post-navigation .nav-links a:hover::before { margin-right: 15px; } .comment-navigation .nav-links a:hover::after, .posts-navigation .nav-links a:hover::after, .post-navigation .nav-links a:hover::after { margin-left: 15px; } @media only screen and (max-width: 767px) { .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { -ms-flex-wrap: wrap; flex-wrap: wrap; } .comment-navigation .nav-links .nav-previous, .comment-navigation .nav-links .nav-next, .posts-navigation .nav-links .nav-previous, .posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .comment-navigation .nav-links .nav-next, .posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-next { margin-top: 1rem; } } .sidebar { position: -webkit-sticky; position: sticky; top: 0; } .sidebar .widget { background-color: #ffffff; padding: 0.975rem; margin-top: 2rem; } .sidebar .widget .sidebar-title { border-bottom: 1px solid #E8E8E8; padding-bottom: .6125rem; margin-bottom: 1rem; } .sidebar .widget .sidebar-title h3 { font-size: .875rem; text-transform: uppercase; margin: 0; } .sidebar .widget ul li { display: block; padding: 10px 0; border-bottom: 1px dashed #E8E8E8; position: relative; } .sidebar .widget ul li a { font-size: 0.875rem; color: #222; } .sidebar .widget ul li a:hover, .sidebar .widget ul li a:visited { color: #f78a74; } .sidebar .widget ul li a:visited { color: #222; } .sidebar .widget ul li:last-child { border-bottom: 0; padding-bottom: 0; } .sidebar .widget ul li:first-child { padding-top: 0; } .sidebar .widget.widget_search { background: none; padding: 0; } .sidebar .widget.widget_search form { display: inline-block; width: 100%; position: relative; } .sidebar .widget.widget_search form label { float: left; width: 100%; margin: 0; } .sidebar .widget.widget_search form label span { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .sidebar .widget.widget_search form label input { padding: 11px 15px; line-height: 1.2; height: 46px; float: left; width: 100%; border-radius: 4px; font-size: 1rem; line-height: 1; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .sidebar .widget.widget_search form input[type="submit"] { position: absolute; right: 0; background-color: #f78a74; color: #ffffff; border: 0; padding: 12px 35px; line-height: 1; border-radius: 0px 4px 4px 0; height: 46px; top: 0; width: auto; cursor: pointer; display: inline-block; } .sidebar .widget.widget_popular_post ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; clear: both; } .sidebar .widget.widget_popular_post ul li figure { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; width: 100%; margin: 0; } .sidebar .widget.widget_popular_post ul li figure img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .sidebar .widget.widget_popular_post ul li .post-content { flex-grow: 1; padding-left: 1rem; } .sidebar .widget.widget_popular_post ul li .post-content h5 { font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; margin-bottom: .5rem; } .sidebar .widget.widget_popular_post ul li .post-content h5 a { color: #222; font-size: 1rem; } .sidebar .widget.widget_popular_post ul li .post-content p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.775rem; } .sidebar .widget.widget_popular_post ul li .post-content .post-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sidebar .widget.widget_popular_post ul li .post-content .post-meta span { font-size: 0.675rem; } .sidebar .widget.widget_popular_post ul li .post-content .post-meta span.post-author { font-style: italic; text-transform: capitalize; font-size: 0.675rem; font-weight: 600; } .sidebar .widget.widget_popular_post ul li .post-content .post-meta span.post-author a { font-weight: 600; margin-left: 5px; font-weight: 400; font-size: 0.675rem; } .sidebar .widget.widget_popular_post ul li .post-content .post-meta span a { font-size: .6125rem; } .sidebar .widget.widget_popular_post ul li .post-content .post-meta span:not(:last-child) { margin-right: .5rem; } .sidebar .widget.widget_archive ul li { padding-left: 1.5rem; } .sidebar .widget.widget_archive ul li::after { content: "\f105"; font-family: "Font Awesome 5 Free"; position: absolute; left: 0; top: 10px; font-weight: 900; color: #3f3f3f; } .sidebar .widget.widget_archive ul li:first-child::after { top: 0; } .sidebar .widget.widget_tag_cloud .tagcloud { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sidebar .widget.widget_tag_cloud .tagcloud a { font-size: .875rem !important; border: 1px solid #E8E8E8; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 5px 10px; color: #3f3f3f; } .sidebar .widget.widget_tag_cloud .tagcloud a:not(:last-child) { margin: 0 .5rem .5rem 0; } .sidebar .widget.widget_tag_cloud .tagcloud a:hover { color: #f78a74; } .sidebar .widget.about-widget figure { max-width: 200px; margin: 0 auto; } .sidebar .widget.about-widget figure img { width: 200px; height: 200px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .sidebar .widget.about-widget .about-body { margin-top: 1.5rem; } .sidebar .widget.about-widget .about-body h5 { font-size: 1.2rem; margin: 1rem 0; text-align: center; text-transform: capitalize; } .sidebar .widget.about-widget .about-body p { text-align: justify; font-size: .975rem; } .sidebar .widget.about-widget .about-body .social-icons ul { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; margin: 0 auto; bottom: 30px; } .sidebar .widget.about-widget .about-body .social-icons ul li { display: initial; border: 0; } .sidebar .widget.about-widget .about-body .social-icons ul li a { width: 40px; height: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px solid #9b9b9b; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin-right: 10px; color: #9b9b9b; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow: hidden; } .sidebar .widget.about-widget .about-body .social-icons ul li a:hover { color: #f78a74; border-color: #f78a74; } .sidebar .widget.about-widget .about-body .social-icons ul li:last-child, .sidebar .widget.about-widget .about-body .social-icons ul li:first-child { margin: 0; padding: 0; } .secondary { position: relative; } .breadcrumbs .trail-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs .trail-items .trail-item a { text-transform: capitalize; color: #222; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .breadcrumbs .trail-items .trail-item a *:hover { color: #ffa201; } .breadcrumbs .trail-items .trail-item:not(:last-child)::after { content: "\f105"; font-family: "Font Awesome 5 Free"; margin: 0 .5rem; font-size: .875rem; font-weight: 900; text-transform: initial; color: #3f3f3f; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } #respond { clear: both; display: block; background: #ffffff; padding: 40px; } #respond .comment-reply-title a { color: #3f3f3f; } #respond .comment-notes { position: relative; } #comments { margin-top: 20px; } #comments #comment-form-title { font-size: 24px; padding-bottom: 10px; } #comments .comments-title { padding: 0 0 30px; clear: both; border-bottom: 1px solid #E8E8E8; font-size: 25px; margin: 0; } #comments ol.comment-list { border-radius: 5px; float: left; margin-bottom: 15px; margin-left: 0; margin-right: 0; overflow: inherit; padding: 0; width: 100%; } #comments ol.comment-list li { padding-left: 0; list-style: outside none none; margin-bottom: 15px; } #comments ol.comment-list li.comment { display: block; float: left; width: 100%; background-color: #ffffff; } #comments ol.comment-list li.comment::after { content: inherit; display: none; } #comments ol.comment-list li.comment .comment-body { border-radius: 0; clear: both; display: block; float: left; padding: 15px; position: relative; text-align: left; width: 100%; border-bottom: 1px solid #E8E8E8; } #comments ol.comment-list li.comment .comment-body .comment-meta .comment-author.vcard { font-size: 20px; margin-bottom: 5px; } #comments ol.comment-list li.comment .comment-body .comment-meta .comment-author a { color: #3f3f3f; } #comments ol.comment-list li.comment .comment-body .comment-metadata { font-size: 14px; line-height: 16px; margin-bottom: 10px; } #comments ol.comment-list li.comment .comment-body .comment-metadata a { color: #ada9a9; margin-right: 30px; } #comments ol.comment-list li.comment .comment-body .comment-metadata a::before { content: "\f274"; font-family: 'Font Awesome 5 Free'; margin-right: 5px; font-size: 14px; } #comments ol.comment-list li.comment .comment-body .avatar { float: left; margin-right: 35px; margin-bottom: 0; margin-top: 10px; } #comments ol.comment-list li.comment .comment-body .authorbox { overflow: hidden; padding: 0 0 70px; border-bottom: 1px solid #f7f7f7; } #comments ol.comment-list li.comment .comment-body .authorbox h4.author-header { margin-bottom: 5px; } #comments ol.comment-list li.comment .comment-body .reply { float: right; font-size: 16px; } #comments ol.comment-list li.comment .comment-body .reply a.comment-reply-link { color: #3f3f3f; } #comments ol.comment-list li.comment .comment-body .reply a.comment-reply-link:before { content: "\f3e5"; font-family: 'Font Awesome 5 Free'; margin-right: 7px; font-size: 14px; font-weight: 900; } #comments ol.comment-list li.comment .comment-body .reply a.comment-reply-link:hover { color: #f78a74; } #comments ol.comment-list li.comment .comment-body .author-avatar { float: left; margin-right: 35px; } #comments ol.comment-list li.comment .comment-body .author-avatar img, #comments ol.comment-list li.comment .comment-body .vcard .avatar { max-width: 100px; } #comments ol.comment-list .children { border: medium none; float: left; margin: 0; width: 100%; padding-left: 40px; } #tab-reviews .comment-form-author, #tab-reviews .comment-form-email, #tab-reviews .comment-form-url { width: 100%; } .comment-form-author input, .comment-form-email input, .comment-form-url input { width: 100%; } .form-allowed-tags code { white-space: inherit; word-wrap: break-word; } .bypostauthor { display: block; } .comment p { font-size: 14px; } #commentform label { display: inline-block; position: relative; margin-bottom: .6125rem; } #commentform input[type="checkbox"], #commentform input[type="radio"] { margin-right: 10px; } #commentform p.form-submit { margin-top: 30px; } #commentform p.form-submit input[type="submit"] { background-color: #f78a74; padding: 15px; color: #ffffff; font-size: 1rem; } #commentform p.form-submit input[type="submit"]:hover { background-color: #f78a74; } #commentform span.required { color: #ff3363; } .hentry, .post { margin-top: 2rem; background-color: #ffffff; padding: 1rem 0; } .hentry figure, .post figure { margin: 0; overflow: hidden; } .hentry figure img, .post figure img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .hentry figure.gallery-item, .post figure.gallery-item { padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #E8E8E8; } .hentry figure.wp-caption, .post figure.wp-caption { margin: 0 auto; } .hentry .entry-header, .post .entry-header { text-align: center; padding: 0 1rem; } .hentry .entry-header h2.entry-title, .post .entry-header h2.entry-title { font-weight: 700; text-transform: uppercase; margin: 0; } .hentry .entry-header h2.entry-title a, .post .entry-header h2.entry-title a { color: #222; font-size: 1.5rem; line-height: 1.7; font-family: "Josefin Sans", sans-serif; text-transform: capitalize; font-weight: 700; position: relative; background-image: -prefix-linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #f5a899c7 50%); background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #f5a899c7)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #f5a899c7 50%); background-position: 0 0; background-size: 200.22% auto; -webkit-transition: background-position 0.5s ease-out 0s; transition: background-position 0.5s ease-out 0s; } .hentry .entry-header .post-author span, .post .entry-header .post-author span { font-style: italic; text-transform: capitalize; font-size: 0.875rem; font-weight: 600; } .hentry .entry-header .post-author span a, .post .entry-header .post-author span a { font-weight: 600; margin-left: 5px; font-weight: 400; font-size: 0.775rem; } .hentry .entry-header:hover h2 a, .post .entry-header:hover h2 a { background-position: -99.99% 0; } .hentry .entry-meta, .post .entry-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 540px; margin: 0 auto; margin-top: 15px; margin-bottom: 2rem; } .hentry .entry-meta span, .post .entry-meta span { text-transform: capitalize; color: #9b9b9b; } .hentry .entry-meta span span, .post .entry-meta span span { margin: 0; } .hentry .entry-meta span svg, .post .entry-meta span svg { margin-right: 5px; font-size: 0.775rem; } .hentry .entry-meta span:last-child span, .post .entry-meta span:last-child span { margin: 0; } .hentry .entry-content, .post .entry-content { padding: 1.25rem 1rem; margin-top: 0; text-align: justify; } .hentry .entry-content p, .post .entry-content p { line-height: 2; margin-bottom: 1rem; } .hentry .entry-content p a, .post .entry-content p a { color: #f78a74; } .hentry .entry-content p:last-child, .post .entry-content p:last-child { margin-bottom: 0; } .hentry .readMore, .post .readMore { text-align: center; padding: 0 1rem; } .hentry .readMore .common-button, .post .readMore .common-button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .hentry .readMore .common-button.is-clear, .post .readMore .common-button.is-clear { text-transform: uppercase; } .hentry .entry-footer, .post .entry-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 400px; margin: 0 auto; margin-top: 10px; margin-bottom: 2rem; } .hentry .entry-footer span, .post .entry-footer span { text-transform: capitalize; color: #9b9b9b; } .hentry .entry-footer span svg, .post .entry-footer span svg { margin-right: 5px; font-size: 0.775rem; } .hentry span, .post span { font-size: .875rem; } .hentry span a, .post span a { color: #9b9b9b; } .hentry span a::before, .post span a::before { content: ""; font-family: "Font Awesome 5 Free"; margin-right: .5rem; font-size: .775rem; font-weight: 400; } .hentry span.posted-on a::before, .post span.posted-on a::before { content: "\f073"; margin: 0 .5rem; } .hentry span.comments-link a::before, .post span.comments-link a::before { content: "\f086"; } .hentry span.edit-link a::before, .post span.edit-link a::before { content: "\f044"; } .hentry span.cat-links a::before, .post span.cat-links a::before { content: "\f00b"; margin: 0 .5rem; } .hentry span.author.vcard a::before, .post span.author.vcard a::before { content: "\f007"; margin: 0 .5rem; } .hentry span:not(:last-child)::after, .post span:not(:last-child)::after { display: inline-flex; content: '|'; margin: 0 .6125rem; } .hentry:hover figure img, .post:hover figure img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .hentry blockquote, .post blockquote { padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #f9f9f9; border-left: 4px solid #f78a74; } .hentry blockquote cite, .post blockquote cite { font-style: italic; font-size: 13px; } .details .hentry, .details .post { padding-top: 0; } .details .hentry .entry-header h1, .details .post .entry-header h1 { margin: 0; } .details .hentry figure, .details .post figure { margin-bottom: 1rem; } .details .hentry .readMore, .details .post .readMore { padding-top: 1rem; } .details .hentry .entry-content, .details .post .entry-content { margin: 0; } .details .hentry .entry-content p, .details .post .entry-content p { text-align: justify; } .details .hentry .entry-content p:not(:last-child), .details .post .entry-content p:not(:last-child) { margin-bottom: 1rem; } .details .hentry .entry-meta, .details .post .entry-meta { margin-bottom: .5rem; } .related-posts .post { margin: 0; padding: 0; margin-bottom: 1.5rem; } .related-posts .post figure { margin: 0; } .related-posts .post .entry-header { padding: 1rem; text-align: left; } .related-posts .post .entry-header h4 { margin: 0; } .related-posts .post .entry-header h4 a { color: #222; } .authorbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 2rem 0; background-color: #ffffff; padding: 1rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .authorbox .author-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; } .authorbox .author-avatar img { max-width: 120px; width: 120px; height: 120px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .authorbox .author-info h4.author-header { font-size: 1.125rem; margin-bottom: 1rem; } .authorbox .author-info h4.author-header span.fn { text-transform: capitalize; } .authorbox .author-info h4.author-header a { font-size: 1.125rem; color: #222; } .authorbox .author-info h4.author-header a:hover { color: #f78a74; } @media only screen and (max-width: 576px) { .authorbox { -ms-flex-wrap: wrap; flex-wrap: wrap; } .authorbox .author-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .authorbox .social-icon ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .authorbox .social-icon li a { width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #9b9b9b; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; color: #9b9b9b; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; overflow: hidden; } .authorbox .social-icon li a svg { font-size: .775rem; } .authorbox .social-icon li a:hover { color: #f78a74; border-color: #f78a74; } .authorbox .social-icon li:not(:last-child) { margin-right: 10px; } .rpl-lg-8.left-sidebar { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .rpl-lg-8.right-sidebar { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .rpl-lg-4.left-sidebar { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .rpl-lg-4.right-sidebar { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .contact .custom-card { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-top: 2rem; } .contact .custom-card .card-header { padding: 1rem; background-color: #ffffff; } .contact .custom-card .card-body { padding: 1rem; background-color: #ffffff; } /*========================== errorpage ==========================*/ .error-404 { padding: 30px; max-width: 500px; margin: 0 auto; text-align: center; margin: 30px auto; } .error-404 .page-content strong { display: block; font-size: 145px; line-height: 100px; color: #592c87; font-weight: bold; margin-bottom: 10px; text-shadow: 5px 5px 1px #eaeaea; } @media only screen and (max-width: 767px) { .error-404 .page-content strong { font-size: 5rem; line-height: 50px; } } .error-404 .page-content h1 { font-size: 40px; line-height: 50px; color: #592c87; margin: 3rem 0 1.5rem 0; font-weight: 400; } @media only screen and (max-width: 767px) { .error-404 .page-content h1 { font-size: 2rem; line-height: 30px; } } /*# sourceMappingURL=style.css.map */