/* HELPERS */ /* BASIC COLOR */ /* FONTS */ /* MIXINS */ /*! Theme Name: Surplus Education Theme URI: https://surplusthemes.com/downloads/surplus-education/ Author: Surplus Themes Author URI: https://surplusthemes.com/ Description: Surplus Education is a simple, user friendly and features rich WordPress theme suitable for educational and training related organizations like schools, colleges, university, kindergarten, institutes and other education based websites. Although the theme is specially focused on education purpose, it will serve well in other business and corporate fields also. Thus, Surplus Education is a complete multipurpose WordPress theme. Surplus Education allows you to fully customize your website without having to work with code. This theme is responsive, translation ready, tested rigorously and highly optimized for better performance. Check the demo at https://demo.surplusthemes.com/surplus-education/ Documentation at https://surplusthemes.com/surplus-education-theme-setup-instructions/ Support at https://surplusthemes.com/support-forum/ Version: 1.0.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tested up to: 5.5 Requires PHP: 5.6 Text Domain: surplus-education Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, rtl-language-support, translation-ready, theme-options, education, e-commerce 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. Surplus Education Theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores 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 # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /* normalize.css v8.0.0 | 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; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * 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; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 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; /* 1 */ font-size: 1em; /* 2 */ } /* 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; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * 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; /* 1 */ font-size: 1em; /* 2 */ } /** * 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; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ 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.7778em 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; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 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; /* 1 */ padding: 0; /* 2 */ } /** * 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; /* 1 */ outline-offset: -2px; /* 2 */ } /** * 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; /* 1 */ font: inherit; /* 2 */ } /* 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: #333333; font-family: "Lato", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.8; } h1, h2, h3, h4, h5, h6 { color: #000000; clear: both; } h1 { font-size: 2.5em; line-height: 1.3; } h2 { font-size: 2.2223em; line-height: 1.3; } h3 { font-size: 1.9444em; margin-bottom: 0.7778em; } h4 { font-size: 1.6667em; margin-bottom: 0.7778em; } h5 { font-size: 1.2777em; margin-bottom: 0.8888em; } h6 { font-size: 1em; margin-bottom: 0.8888em; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 40px 0; font-size: 1.3888em; color: #000; background-color: rgba(100, 214, 87, 0.15); padding: 40px; position: relative; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 35px; background-position: 40px 35px; } blockquote p { margin: 0; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; 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: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*=========================== COMMON CSS ==========================*/ .hide-element { height: 35px; overflow: hidden; } .entry-title, .page-title, .page-content, .entry-content, ul li, ol li { word-break: break-word; } .showing-results { display: block; margin-bottom: 40px; font-size: 0.8888em; font-weight: 500; letter-spacing: 0.5px; color: #777; font-family: "Merriweather", serif; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 5px; font-style: italic; } #surplus-search-form input.submit { background: #64d657; } #surplus-search-form input.submit:hover { background: #680068; } .site-main article.sticky { background: #f5f5f5; padding: 60px 40px; } .container { max-width: 1170px; margin: 0 auto; } .custom-background .site { max-width: 90%; margin: 0 auto; background: #fff; } .custom-background .sticky-header { max-width: 90%; margin: 0 auto; } .fa-phone { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } section[class*="-section"] .widget_text { text-align: center; } section[class*="-section"] .widget_text .sub-title { font-size: 1.0556em; font-weight: 600; letter-spacing: 0.5px; color: #680068; position: relative; display: inline-block; padding-bottom: 5px; margin-bottom: 15px; } section[class*="-section"] .widget_text .sub-title::before { content: ""; background: #64d657; width: 32px; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } section[class*="-section"] .widget_text .widget-title { margin-top: 0; margin-bottom: 0; font-size: 1.6667em; font-family: "Merriweather", serif; font-weight: 800; letter-spacing: 0.5px; color: #680068; } .bttn, .post-edit-link { font-size: 0.8888em; line-height: 1.5; font-family: "Merriweather", serif; font-weight: 500; display: inline-block; color: #680068; background: #64d657; padding: 10px 15px; border-radius: 5px; } .bttn:hover, .post-edit-link:hover { background: #680068; color: #64d657; } .edit-link { display: inline-block; vertical-align: middle; } .edit-link .post-edit-link { padding-left: 20px; padding-right: 20px; } .page-header { min-height: 650px; background-repeat: no-repeat !important; background-size: cover !important; position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-direction: column; justify-content: center; } .page-header::before { content: ""; background: rgba(104, 0, 104, 0.15); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .page-header > .container { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; flex-direction: column; justify-content: center; padding-top: 40px; padding-bottom: 70px; } .page-header .page-title { margin-top: 0; margin-bottom: 0; color: #fff; font-family: "Merriweather", serif; font-size: 2.2223em; } article .post-thumbnail { position: relative; } article .post-thumbnail .category { position: absolute; top: 10px; left: 10px; } article .post-thumbnail .category a { display: inline-block; background: #64d657; color: #fff; font-size: 0.8888em; font-weight: 500; line-height: 1.5; padding: 5px 15px; } article .post-thumbnail .category a:hover { background: #680068; } .archive-description { font-size: 1.1112em; color: #fff; margin-top: 10px; } .counter-section + .why-choose-section { margin-top: 70px; } .back-to-top { border-radius: 5px; border: none; padding: 0; position: fixed; bottom: 60px; right: -60px; width: 50px; height: 50px; line-height: 50px; opacity: 0; text-align: center; font-size: 1.6667em; background: #680068; color: #64d657; cursor: pointer; z-index: 999; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .back-to-top.active { right: 20px; opacity: 1; filter: alpha(opacity=100); } .back-to-top:hover { background: #64d657; color: #680068; } .site-main .page .entry-content, .site-main .page .entry-content p:first-child { margin-top: 0; } @media only screen and (max-width: 1366px) { .custom-background .container { max-width: 1050px; } } @media only screen and (max-width: 1199px) { .container { max-width: 1000px; } .custom-background .site, .custom-background .sticky-header { max-width: 95%; } } @media screen and (max-width: 1050px) { .custom-background .container { max-width: 950px; } } @media only screen and (max-width: 1024px) { .container { max-width: 768px; padding-left: 15px; padding-right: 15px; } .custom-background .container { max-width: 768px; } } @media screen and (max-width: 782px) { .custom-background .container { max-width: 730px; } } @media only screen and (max-width: 767px) { .container, .custom-background .container { max-width: 420px; } section[class*="-section"] .widget_text { margin-bottom: 40px; } section[class*="-section"] .widget_text .widget-title { font-size: 1.3333em; line-height: 1.5; } .page-header { min-height: 320px; padding-top: 40px !important; } .page-header > .container { padding-bottom: 40px; } .page-header .page-title { font-size: 1.6667em; } } /*-------------------------------------------------------------- # 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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .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: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## 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 0 0; } .wp-caption-text { text-align: center; font-size: 0.7778em; color: #666; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .container:before, .container:after, .site-content:before, .site-content:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .container:after, .site-content:after { clear: both; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-area { margin-top: 60px; word-break: break-word; } .comments-area .comments-title, .comments-area .comment-reply-title { margin-top: 0; margin-bottom: 25px; font-family: "Merriweather", serif; font-size: 0.8888em; text-transform: uppercase; letter-spacing: 0.5px; color: #680068; } .comments-area ol { margin: 0; padding: 0; list-style: none; } .comments-area ol.comment-list { margin-bottom: 50px; } .comments-area .comment-body { background: #f5f5f5; border: 1px solid #f0f0f0; padding: 20px 30px 20px 110px; margin-bottom: 10px; position: relative; } .comments-area .bypostauthor > .comment-body { border-color: rgba(100, 214, 87, 0.05); background: rgba(100, 214, 87, 0.07); } .comments-area .bypostauthor > .comment-body .vcard::before { content: ""; background: #64d657; width: 50px; height: 3px; position: absolute; top: 75px; left: 30px; } .comments-area .children { border-left: 1px solid #e5e5e5; margin-left: 15px; padding-left: 20px; } .comments-area .children li:last-child { margin-bottom: 10px; padding-bottom: 10px; } .comments-area .children .comment-body { position: relative; } .comments-area .children .comment-body::before { content: ""; background: #e5e5e5; width: 20px; height: 1px; position: absolute; left: -21px; top: 30px; } .comments-area .comment-author { display: inline-block; vertical-align: middle; line-height: 1.3; } .comments-area .comment-meta img { width: 50px; height: 50px; object-fit: cover; border-radius: 100%; position: absolute; top: 20px; left: 30px; } .comments-area .comment-meta b { font-size: 0.7778em; font-family: "Merriweather", serif; color: #680068; letter-spacing: 0.5px; } .comments-area .comment-meta b a { color: #680068; } .comments-area .comment-meta b a:hover { text-decoration: underline; } .comments-area .comment-meta .says { display: none; } .comments-area .comment-meta .comment-awaiting-moderation { display: block; font-size: 0.8888em; color: red; line-height: 1.5; margin-top: 5px; margin-bottom: 10px; } .comments-area .comment-metadata { display: inline-block; padding-left: 10px; vertical-align: middle; line-height: 1.3; } .comments-area .comment-metadata a { display: inline-block; color: #999; font-size: 0.7778em; font-weight: 700; letter-spacing: 0.5px; } .comments-area .comment-metadata a:hover { color: #680068; } .comments-area .comment-content { font-size: 0.7778em; color: #999; font-weight: 700; letter-spacing: 0.5px; line-height: 1.7; } .comments-area .comment-content p { margin-top: 10px; margin-bottom: 0; } .comments-area .reply { margin-top: 10px; text-align: right; } .comments-area .reply .comment-reply-link { display: inline-block; font-size: 0.7778em; letter-spacing: 0.5px; color: #680068; font-weight: 700; text-decoration: underline; } .comments-area .reply .comment-reply-link:hover { text-decoration: none; } .comments-area .comment-respond { background: #f0f0f0; padding: 30px 20px; } .comments-area .comment-form p { margin-top: 0; margin-bottom: 10px; } .comments-area .comment-form p.comment-notes { font-size: 0.7778em; font-weight: 700; color: #999; letter-spacing: 0.5px; } .comments-area .comment-form p.form-submit { margin-bottom: 0; margin-top: 20px; } .comments-area .comment-form p label { display: block; font-size: 0.7778em; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 5px; color: #999; } .comments-area .comment-form p.comment-form-cookies-consent label { display: inline-block; vertical-align: middle; padding-left: 7px; } .comments-area .comment-form textarea, .comments-area .comment-form input { border: none; } .comments-area .comment-form input[type="submit"] { padding: 10px 20px; line-height: 1; text-transform: uppercase; font-family: "Merriweather", serif; font-size: 0.6666em; font-weight: 600; letter-spacing: 0.5px; color: #680068; } .comments-area .comment-form input[type="submit"]:hover { background: #680068; color: #fff; } @media only screen and (max-width: 767px) { .comments-area .comment-body { padding-left: 20px; padding-right: 20px; } .comments-area .comment-meta img { position: static; } .comments-area .comment-meta b { display: block; margin-top: 10px; } .comments-area .comment-metadata { display: block; padding-left: 0; } .comments-area .children { border-left: none; padding-left: 0; } .comments-area .children .comment-body::before { display: none; } } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { 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; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } 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: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: top; } figure { margin: 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; text-align: left; border-collapse: collapse; } table th, table td { font-size: 1em; font-weight: 400; padding: 10px 15px; } table th { background: #64d657; color: #fff; } table tr { background: rgba(0, 0, 0, 0.02); } table tr:nth-child(2n) { background: rgba(0, 0, 0, 0.05); } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; border-radius: 5px; background: #64d657; border: 1px solid #64d657; color: #fff; font-size: 1.3333em; line-height: 1.4; padding: 15px 30px; cursor: pointer; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: none; color: #64d657; } 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, select { color: #000; border: 1px solid #c8c8c8; border-radius: 5px; padding: 10px 15px; width: 100%; height: 50px; } 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, select:focus { color: #111; box-shadow: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 12px; background-position: calc(100% - 15px) 50%; padding-right: 35px; } textarea { width: 100%; height: 150px; } @-moz-document url-prefix() { a:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, 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, select:focus { outline: thin dotted; } } .search-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .search-form label { width: calc(100% - 85px); padding-right: 5px; } .search-form label .search-field { font-size: 1.125em; padding-left: 20px; padding-right: 20px; } .search-form .search-submit { width: 85px; padding: 0; height: 50px; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 25px; background-position: center; text-indent: 90px; overflow: hidden; } .search-form .search-submit:hover, .search-form .search-submit:focus, .search-form .search-submit:active { background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 25px; background-position: center; } .advance-search-form { position: relative; top: -50px; z-index: 999; } @media screen and (max-width: 767px) { .advance-search-form { top: 0; } } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .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; } .breadcrumb { background: #680068; color: #fff; padding: 10px 0; font-family: "Merriweather", serif; text-transform: uppercase; font-size: 0.8888em; } .breadcrumb ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; } .breadcrumb ul li { display: inline-block; } .breadcrumb ul li::after { content: "/"; margin: 0 10px; } .breadcrumb ul li:last-child::after { display: none; } .breadcrumb ul li a { display: inline-block; color: #fff; } .breadcrumb ul li a:hover { color: #64d657; } .breadcrumb ul li > span { color: #64d657; } .breadcrumb .seperator { margin: 0 10px; } @media only screen and (max-width: 767px) { .breadcrumb { font-size: 0.7778em; } } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 60px; /* Make sure select elements fit in widgets. */ } #secondary .widget:last-child { margin-bottom: 0; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul li .post-date { font-size: 0.8888em; font-style: italic; display: block; text-decoration: underline; } .widget select { max-width: 100%; } .widget_categories ul li, .widget_archive ul li, .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_meta ul li { background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 8px; background-position: 0px 8px; padding-left: 20px; } /*============================= WIDGET CATEGORIES =============================*/ .widget_categories ul li, .widget_archive ul li, .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_meta ul li { display: block; line-height: 1.5; color: #999; } .widget_categories ul li a, .widget_archive ul li a, .widget_recent_entries ul li a, .widget_recent_comments ul li a, .widget_meta ul li a { display: inline-block; color: #999; } .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_recent_entries ul li a:hover, .widget_recent_comments ul li a:hover, .widget_meta ul li a:hover { color: #680068; } /*============================= WIDGET RECENT ENTRIES =============================*/ /*========================= WIDGET TAG CLOUD =========================*/ .tagcloud a { display: inline-block; vertical-align: middle; font-size: 0.875em !important; font-weight: 600; color: #5c5c5c; border: 1px solid #5c5c5c; padding: 10px 15px; text-transform: uppercase; margin-right: 3px; margin-bottom: 7px; text-decoration: none; border-radius: 5px; } .tagcloud a:hover { background: #64d657; border-color: #64d657; color: #fff; text-decoration: none; } /*========================== WIDGET RECENT COMMENTS ==========================*/ .widget_recent_comments ul li a { display: inline; } /*========================= WIDGET ARCHIVE =========================*/ /*========================== WIDGET CALENDAR ==========================*/ .widget_calendar .calendar_wrap { position: relative; } .widget_calendar table th, .widget_calendar table td { padding: 5px 0; text-align: center; font-size: 0.8888em; } .widget_calendar table th { font-weight: 700; } .widget_calendar table tbody td a { color: #680068; font-weight: 900; } .widget_calendar table tbody td#today { background: #64d657; } .widget_calendar .wp-calendar-nav span { position: absolute; top: 0; left: 0; padding: 0; } .widget_calendar .wp-calendar-nav span a { display: block; width: 30px; height: 30px; overflow: hidden; background-color: #e5e5e5; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 10px; background-position: center; text-indent: 40px; } .widget_calendar .wp-calendar-nav span a:hover { background-color: #680068; background-image: url('data:image/svg+xml; utf-8, '); } .widget_calendar .wp-calendar-nav span.wp-calendar-nav-next { left: auto; right: 0; } .widget_calendar .wp-calendar-nav span.wp-calendar-nav-next a { background-image: url('data:image/svg+xml; utf-8, '); } .widget_calendar .wp-calendar-nav span.wp-calendar-nav-next a:hover { background-image: url('data:image/svg+xml; utf-8, '); } .widget_calendar .wp-calendar-nav span.pad { display: none; } /*========================== WIDGET CUSTOM CAGETORY ==========================*/ .custom-category-wrapper .category-block { background-repeat: no-repeat !important; background-size: cover !important; border-radius: 5px; overflow: hidden; min-height: 150px; text-align: center; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; flex-direction: column; justify-content: center; align-items: center; z-index: 1; } .custom-category-wrapper .category-block::before { content: ""; background: rgba(104, 0, 104, 0.45); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .custom-category-wrapper .category-block .category-title { font-family: "Merriweather", serif; font-weight: 900; color: #fff; font-size: 1.1875em; } .custom-category-wrapper .category-block .category-title a { color: #fff; } .custom-category-wrapper .category-block .category-title a:hover { color: #64d657; } .custom-category-wrapper .category-block .category-item-count { font-size: 0.9375em; color: #fff; font-weight: 600; letter-spacing: 0.5px; } /*============================= WIDGET EVENT =============================*/ .widget_ste_event_widget { position: relative; } .widget_ste_event_widget .block-img img { width: 100%; } .widget_ste_event_widget .block-content-wrap { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; padding: 20px 20px 10px 20px; display: flex; flex: 1; flex-direction: column; justify-content: flex-end; } .widget_ste_event_widget .title { margin-top: 0; margin-bottom: 0; font-size: 0.8888em; font-weight: 700; letter-spacing: 0.5px; color: #fff; line-height: 1.5; } .widget_ste_event_widget .title a { display: inline-block; color: #fff; text-decoration: underline; } .widget_ste_event_widget .title a:hover { color: #64d657; text-decoration: none; } .widget_ste_event_widget .block-content { font-size: 0.7778em; font-weight: 600; font-family: "Merriweather", serif; letter-spacing: 0.5px; color: #fff; margin-top: 5px; } .widget_ste_event_widget .block-meta { margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: center; } .widget_ste_event_widget .block-meta > span { color: #fff; font-size: 0.7778em; font-weight: 700; letter-spacing: 0.5px; display: inline-block; margin-right: 15px; text-transform: uppercase; } .widget_ste_event_widget .block-meta > span:last-child { margin-right: 0; } .widget_ste_event_widget .block-meta > span svg { margin-right: 5px; } .widget_ste_event_widget .block-meta > span a { color: #fff; } .widget_ste_event_widget .block-meta > span a:hover { color: #64d657; } /*=========================== WIDGET FEATURED PAGE ===========================*/ .widget_ste_featured_page_widget .flexbox-wrapper .featured-page-img { margin-top: 0; } .widget_ste_featured_page_widget .flexbox-wrapper .featured-page-content { margin-top: 30px; } .widget_ste_featured_page_widget .flexbox-wrapper .sub-title { display: block; font-size: 0.8888em; font-weight: 600; letter-spacing: 0.5px; position: relative; margin-bottom: 15px; color: #680068; } .widget_ste_featured_page_widget .flexbox-wrapper .sub-title::before { content: ""; background: #64d657; width: 32px; height: 2px; position: absolute; bottom: 0; left: 0; } .widget_ste_featured_page_widget .flexbox-wrapper .widget-title { margin-top: 0; margin-bottom: 0; font-size: 1.1112em; font-family: "Merriweather", serif; font-weight: 900; letter-spacing: 0.5px; line-height: 1.5; color: #680068; } .widget_ste_featured_page_widget .flexbox-wrapper .featured-page-desc { font-size: 0.9444em; font-weight: 600; letter-spacing: 0.5px; line-height: 1.6; color: #999; } .widget_ste_featured_page_widget .flexbox-wrapper .featured-page-desc p { margin-top: 20px; margin-bottom: 0; } .widget_ste_featured_page_widget .flexbox-wrapper .button-wrap { margin-top: 25px; } .widget_ste_featured_page_widget .flexbox-wrapper .button-wrap .btn-readmore { font-size: 0.8888em; font-family: "Merriweather", serif; font-weight: 500; display: inline-block; color: #680068; background: #64d657; padding: 10px 15px; border-radius: 5px; } .widget_ste_featured_page_widget .flexbox-wrapper .button-wrap .btn-readmore:hover { background: #680068; color: #64d657; } .widget_ste_featured_page_widget .flexbox-wrapper.right .featured-page-content { text-align: left; } .widget_ste_featured_page_widget .flexbox-wrapper.centered .sub-title::before { right: 0; margin: 0 auto; } /*=========================== WIDGET COUNTER ===========================*/ .widget_ste_stat_counter_widget .ste-sc-holder { background: #64d657; padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; } .widget_ste_stat_counter_widget .ste-sc-holder .icon-holder { font-size: 2.2223em; line-height: 1; color: #680068; margin-bottom: 10px; margin-top: 30px; } .widget_ste_stat_counter_widget .ste-sc-holder .hs-counter { font-size: 2.3335em; font-weight: 800; color: #680068; line-height: 1.3; } .widget_ste_stat_counter_widget .ste-sc-holder .widget-title { order: 3; margin-top: 15px; margin-bottom: 0; font-size: 1em; letter-spacing: 0.5px; color: #680068; border-top: 1px solid #680068; } /*========================== WIDGET TEAM ==========================*/ .widget_ste_team_widget { position: relative; overflow: hidden; } .widget_ste_team_widget .detail-link a:hover { color: #64d657; text-decoration: underline; } .widget_ste_team_widget .flexbox-wrapper { position: relative; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s; } .widget_ste_team_widget .flexbox-wrapper .description, .widget_ste_team_widget .flexbox-wrapper .close_popup { display: none; } .widget_ste_team_widget .flexbox-wrapper .image-wrapper img { width: 100%; } .widget_ste_team_widget .flexbox-wrapper .image-wrapper + .content-wrapper { position: absolute; bottom: 0; background: #f5f5f5; width: calc(100% - 30px); padding: 20px 10px 0 10px; } .widget_ste_team_widget .flexbox-wrapper-team { display: block !important; position: absolute; top: 10px; left: 10px; right: 10px; background: rgba(104, 0, 104, 0.9); padding: 40px 20px; bottom: 10px; opacity: 0; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s; -webkit-transform: scale3d(1.1, 0.8, 1); -moz-transform: scale3d(1.1, 0.8, 1); transform: scale3d(1.1, 0.8, 1); } .widget_ste_team_widget .flexbox-wrapper-team .image-wrapper { display: none; } .widget_ste_team_widget .flexbox-wrapper-team .content-wrapper .team-name { color: #fff; } .widget_ste_team_widget .flexbox-wrapper-team .content-wrapper .team-designation { font-size: 0.7778em; line-height: 1.5; font-style: italic; display: block; width: 100%; } .widget_ste_team_widget .flexbox-wrapper-team .content-wrapper .description { color: #fff; order: unset; } .widget_ste_team_widget .flexbox-wrapper-team .content-wrapper .team-social-list { justify-content: flex-start; margin-top: 10px; } .widget_ste_team_widget .flexbox-wrapper-team .content-wrapper .team-social-list li { line-height: 1; } .widget_ste_team_widget .flexbox-wrapper-team .content-wrapper .team-social-list a { color: #fff; padding: 0; margin-right: 5px; } .widget_ste_team_widget .flexbox-wrapper-team .content-wrapper .team-social-list a:hover { color: #64d657; } .widget_ste_team_widget .flexbox-wrapper-team .flexbox-team-modal { height: 100%; display: block; position: relative; } .widget_ste_team_widget:hover .flexbox-wrapper-team, .widget_ste_team_widget.focused .flexbox-wrapper-team { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .widget_ste_team_widget:hover .flexbox-wrapper .content-wrapper, .widget_ste_team_widget.focused .flexbox-wrapper .content-wrapper { opacity: 0; visibility: hidden; } .widget_ste_team_widget .content-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .widget_ste_team_widget .content-wrapper .description { order: 5; } .widget_ste_team_widget .content-wrapper .description p { margin-top: 15px; margin-bottom: 0; } .widget_ste_team_widget .team-name { margin-top: 0; margin-bottom: 0; font-size: 1em; font-weight: 800; color: #680068; letter-spacing: 0.5px; width: 100%; } .widget_ste_team_widget .team-designation { font-weight: 700; letter-spacing: 0.5px; color: #64d657; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .widget_ste_team_widget .team-social-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; justify-content: flex-end; } .widget_ste_team_widget .team-social-list ul { margin: 0; padding: 0; list-style: none; } .widget_ste_team_widget .team-social-list ul li { display: inline-block; margin: 5px; } .widget_ste_team_widget .team-social-list ul li a { display: inline-block; padding: 0 5px; color: #680068; } .widget_ste_team_widget .team-social-list ul li a:hover { color: rgba(104, 0, 104, 0.75); } .ps__rail-y { width: 10px; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background: none; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { width: 6px; } /*========================= WIDGET CALL TO ACTION =========================*/ .widget_ste_cta_widget > div { padding: 40px 20px; } .widget_ste_cta_widget > div.ste-cta-bg { background-repeat: no-repeat; background-size: cover; } .widget_ste_cta_widget > div.left { text-align: left; } .widget_ste_cta_widget > div.right { text-align: right; } .widget_ste_cta_widget > div.right .widget-title { text-align: right; } .widget_ste_cta_widget > div.centered { text-align: center; } .widget_ste_cta_widget .ste-cta-container .counter-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; flex-wrap: wrap; align-items: flex-start; margin-bottom: 30px; } .widget_ste_cta_widget .ste-cta-container .counter-wrap .countdown-block { width: calc(50% - 2%); background: rgba(255, 255, 255, 0.85); text-align: center; padding: 3%; margin: 1%; border-radius: 5px; } .widget_ste_cta_widget .ste-cta-container .counter-wrap .countdown-block span { font-size: 2em; color: #333; line-height: 1; display: block; font-weight: 700; } .widget_ste_cta_widget .ste-cta-container .counter-wrap .countdown-block h5 { margin: 5px 0 0 0; font-size: 0.6666em; text-transform: uppercase; font-weight: 900; letter-spacing: 1px; color: #666; } .widget_ste_cta_widget .text-holder p { margin-top: 0; margin-bottom: 20px; font-size: 1em; } .widget_ste_cta_widget .btn-cta { margin: 3px; display: inline-block; background: #64d657; color: #680068; font-family: "Merriweather", serif; font-size: 0.8888em; font-weight: 600; letter-spacing: 0.5px; padding: 10px 20px; border-radius: 5px; } .widget_ste_cta_widget .btn-cta:hover, .widget_ste_cta_widget .btn-cta + .btn-cta { background: #680068; color: #64d657; } .widget_ste_cta_widget .btn-cta + .btn-cta:hover { background: #64d657; color: #680068; } /*========================= WIDGET TESTIMONIAL ========================*/ .widget_ste_testimonial_widget .testimonial-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; justify-content: center; align-items: center; } .widget_ste_testimonial_widget .testimonial-content { font-size: 0.8888em; font-weight: 700; color: #999; letter-spacing: 0.5px; margin-bottom: 30px; width: 100%; } .widget_ste_testimonial_widget .testimonial-content p { margin-top: 20px; margin-bottom: 0; } .widget_ste_testimonial_widget .testimonial-content p:first-child { margin-top: 0; } .widget_ste_testimonial_widget .testimonial-img { width: 50px; height: 50px; border-radius: 100%; overflow: hidden; } .widget_ste_testimonial_widget .testimonial-img img { width: 100%; height: 100%; object-fit: cover; } .widget_ste_testimonial_widget .testimonial-author-wrap { text-align: left; padding-left: 20px; } .widget_ste_testimonial_widget .testimonial-author-wrap .testimonial-name { font-size: 1em; font-weight: 700; letter-spacing: 0.5px; color: #680068; line-height: 1.5; } .widget_ste_testimonial_widget .testimonial-author-wrap .testimonial-designation { color: #999; font-size: 0.8888em; font-weight: 700; letter-spacing: 0.5px; } /*======================== WIDGET PARTNER LOGO ========================*/ .widget_ste_partner_logo_widget .logo-block { padding: 10px 20px; text-align: center; } .widget_ste_partner_logo_widget .logo-block img { width: auto; display: inline-block; } .widget_ste_partner_logo_widget .owl-carousel .owl-nav [class*="owl-"] { position: absolute; top: 35%; left: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; background: rgba(0, 0, 0, 0.25); border-radius: 0; text-indent: 40px; overflow: hidden; opacity: 0.35; filter: alpha(opacity=35); } .widget_ste_partner_logo_widget .owl-carousel .owl-nav [class*="owl-"]::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); width: 15px; height: 15px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .widget_ste_partner_logo_widget .owl-carousel .owl-nav [class*="owl-"]:hover { opacity: 1; filter: alpha(opacity=100); } .widget_ste_partner_logo_widget .owl-carousel .owl-nav .owl-next { left: auto; right: 0; } .widget_ste_partner_logo_widget .owl-carousel .owl-nav .owl-next::before { background-image: url('data:image/svg+xml; utf-8, '); } /*============================ WIDGET GALLERY ============================*/ .widget_media_gallery .gallery-item { border: none; } .widget_media_gallery .gallery-icon { height: auto; } .widget_media_gallery img { border: 2px solid #ebebeb; } .widget_media_gallery .gallery-caption { line-height: 1.3; margin-top: 5px; } /*========================== WIDGET SEARCH ==========================*/ .widget-area .widget-title { margin-top: 0; margin-bottom: 20px; font-size: 1.1112em; font-family: "Merriweather", serif; color: #680068; font-weight: 600; letter-spacing: 0.5px; line-height: 1.5; } .widget_search .search-form { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 5px; } .widget_search .search-form label { padding-right: 0; width: calc(100% - 100px); } .widget_search .search-form .search-field { padding-left: 10px; padding-right: 10px; border: none; } .widget_search .search-form .search-submit { width: 100px; text-indent: 0; padding-left: 10px; padding-right: 10px; background-image: none; font-size: 1em; font-weight: 700; letter-spacing: 0.5px; color: #680068; } .widget_search .search-form .search-submit:hover { background: #680068; border-color: #680068; color: #fff; } /*======================= EVENT DETAIL =======================*/ .event-detail { border-left: 2px solid rgba(0, 0, 0, 0.1); padding-left: 20px; margin-bottom: 60px; } .event-detail .event-detail-list ul { margin: 0; padding: 0; list-style: none; } .event-detail .event-detail-list ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #999; font-family: "Merriweather", serif; } .event-detail .event-detail-list ul li svg { width: 15px; vertical-align: middle; color: #680068; } .event-detail .event-detail-list ul li h5 { margin-top: 0; margin-bottom: 0; display: inline-block; vertical-align: middle; padding-left: 5px; color: #999; font-size: 0.8888em; } .event-detail .event-detail-list ul li span { display: inline-block; vertical-align: middle; font-size: 0.7778em; font-weight: 400; padding-left: 20px; } .event-detail .event-detail-list .button-wrap { margin-top: 20px; } /*======================= VENUE LOCATION =======================*/ .venue-location .venue-social-list { margin-top: 10px; } .venue-location .venue-social-list b { font-size: 0.7778em; font-weight: 700; font-family: "Merriweather", serif; color: #999; letter-spacing: 0.5px; display: inline-block; vertical-align: middle; margin-bottom: 10px; } .venue-location .venue-social-list ul { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle; } .venue-location .venue-social-list ul li { display: inline-block; vertical-align: middle; margin-left: 15px; margin-bottom: 10px; font-size: 0.8888em; } .venue-location .venue-social-list ul li a { display: inline-block; color: #680068; } .venue-location .venue-social-list ul li a:hover { color: #64d657; } @media only screen and (max-width: 767px) { .widget_ste_testimonial_widget .testimonial-wrap { flex-direction: column; } .widget_ste_testimonial_widget .testimonial-author-wrap { text-align: center; padding-left: 0; margin-top: 10px; } } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; border: 3px solid #ebebeb; } .gallery-icon { height: 100%; } .gallery-item img { width: 100%; height: 100%; object-fit: cover; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #64d657; text-decoration: none; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } a:hover { color: inherit; text-decoration: none; } a:hover, a:active { outline: 0; } a:hover { color: #680068; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; align-items: center; } .main-navigation .close { display: none; } .main-navigation ul { margin: 0; padding: 0; list-style: none; } .main-navigation ul li { display: inline-block; vertical-align: middle; font-size: 0.9444em; font-weight: 600; position: relative; } .main-navigation ul li a { display: inline-block; color: #680068; padding: 10px 20px; } .main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current_page_ancestor > a { opacity: 0.65; filter: alpha(opacity=65); } .main-navigation ul li .submenu-toggle { background: none; border-radius: 0; border: none; padding: 0; display: block; position: absolute; top: 18px; right: 5px; font-size: 0.8em; color: #680068; text-align: center; line-height: 1; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .main-navigation ul li .submenu-toggle.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .main-navigation ul li .sub-menu { position: absolute; top: 100%; left: -9999%; width: 250px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); z-index: 99999; opacity: 0; -webkit-transition: opacity 0.35s ease; -moz-transition: opacity 0.35s ease; transition: opacity 0.35s ease; } .main-navigation ul li .sub-menu li { display: block; font-size: 1em; } .main-navigation ul li .sub-menu li a { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .main-navigation ul li .sub-menu li .submenu-toggle { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } .main-navigation ul li .sub-menu .sub-menu { top: 0; } .main-navigation ul li:hover > .sub-menu, .main-navigation ul li.focused > .sub-menu { left: 0; opacity: 1; filter: alpha(opacity=100); } .main-navigation ul li:hover > .sub-menu li:hover .sub-menu, .main-navigation ul li.focused > .sub-menu li:hover .sub-menu { left: 100%; } .main-navigation ul.nav-menu > li:nth-last-of-type(1) > .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(2) > .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(3) > .sub-menu { left: auto; right: 9999%; } .main-navigation ul.nav-menu > li:nth-last-of-type(1):hover > .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(1).focused > .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(2):hover > .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(2).focused > .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(3):hover > .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(3).focused > .sub-menu { right: 0; } .main-navigation ul.nav-menu > li:nth-last-of-type(1) .sub-menu li:hover .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(1) .sub-menu li.focused .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(2) .sub-menu li:hover .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(2) .sub-menu li.focused .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(3) .sub-menu li:hover .sub-menu, .main-navigation ul.nav-menu > li:nth-last-of-type(3) .sub-menu li.focused .sub-menu { left: auto; right: 100%; } @media only screen and (min-width: 1025px) { .main-navigation ul li .sub-menu { display: block !important; } .site-header .main-header .nav-wrap .main-navigation ul .login-register-block { display: inline-flex; float: right; } } @media only screen and (max-width: 1366px) { .main-navigation ul li { font-size: 0.8888em; } } @media only screen and (max-width: 1199px) { .main-navigation ul li { font-size: 0.7778em; } .main-navigation ul li a { padding-left: 12px; padding-right: 12px; } .main-navigation ul.nav-menu > li > .submenu-toggle { right: 0; } } @media only screen and (max-width: 1024px) { .main-navigation { display: block; padding-top: 80px; background: #680068; height: 100%; position: relative; } .main-navigation .close { padding: 0; background: none; border-radius: 0; border: none; display: block; width: 30px; height: 30px; position: absolute; top: 30px; right: 20px; cursor: pointer; } .main-navigation .close::before, .main-navigation .close::after { width: 25px; height: 2px; background: #fff; position: absolute; top: 0; right: 0; content: ""; bottom: 0; left: 0; margin: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .main-navigation .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .main-navigation .close:hover::before, .main-navigation .close:hover::after { background: #64d657; } .main-navigation ul { width: 100%; } .main-navigation ul li { display: block; } .main-navigation ul li a { display: block; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.15); box-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 15px 24px; } .main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current_page_ancestor > a { opacity: 1; filter: alpha(opacity=100); visibility: visible; color: #64d657; } .main-navigation ul li .submenu-toggle { width: 30px; height: 60px; line-height: 60px; color: #fff; top: 0; right: 0; font-size: 1em; } .main-navigation ul li .sub-menu { width: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; box-shadow: none; position: static; background: rgba(255, 255, 255, 0.1); display: none; -webkit-transition: none; -moz-transition: none; transition: none; } .main-navigation ul li .sub-menu li a { border-bottom-color: rgba(255, 255, 255, 0.15); } .main-navigation ul li .sub-menu li .submenu-toggle { -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } .main-navigation ul li .sub-menu li .submenu-toggle.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } } /*============================ SIDEBARS ============================*/ #primary { margin-top: 80px; margin-bottom: 80px; } .rightsidebar #primary { float: left; width: calc(100% - 350px); padding-right: 55px; } .leftsidebar #primary { float: right; width: calc(100% - 350px); padding-left: 55px; } #secondary { float: left; width: 350px; margin-bottom: 80px; margin-top: 80px; } .home:not(.blog) #primary { margin-top: 0; margin-bottom: 0; } @media only screen and (max-width: 1199px) { .rightsidebar #primary { width: calc(100% - 300px); } .leftsidebar #primary { width: calc(100% - 300px); } #secondary { width: 300px; } } @media only screen and (max-width: 1024px) { .rightsidebar #primary { float: none; width: 100%; padding-right: 0; } .leftsidebar #primary { float: none; width: 100%; padding-left: 0; } #secondary { float: none; width: 100%; } } @media only screen and (max-width: 767px) { #primary, #secondary { margin-top: 60px; margin-bottom: 60px; } } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-links:before, .comment-navigation .nav-links:after, .posts-navigation .nav-links:before, .posts-navigation .nav-links:after, .post-navigation .nav-links:before, .post-navigation .nav-links:after { content: ""; display: table; } .comment-navigation .nav-links:after, .posts-navigation .nav-links:after, .post-navigation .nav-links:after { clear: both; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; padding-right: 15px; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; padding-left: 15px; } .pagination .page-number { display: inline-block; font-size: 1.25em; font-weight: 500; margin-right: 15px; padding-right: 15px; position: relative; color: #5c5c5c; text-decoration: none; } .pagination .page-number:last-child { margin-right: 0; padding-right: 0; } .pagination .page-number::after { content: "|"; position: absolute; top: 0; right: -2px; color: #5c5c5c; } .pagination .page-number:last-child:after { display: none; } .pagination .page-number:hover { color: #64d657; } .pagination .page-number.active { color: #64d657; } .post-navigation { margin-top: 20px; } .post-navigation .nav-links a { display: inline-block; font-family: "Merriweather", serif; font-size: 0.7778em; font-weight: 700; color: #999; letter-spacing: 0.5px; position: relative; padding-left: 20px; position: relative; } .post-navigation .nav-links a svg { width: 13px; height: 18px; position: absolute; top: 3px; left: 0; } .post-navigation .nav-links a:hover { color: #680068; } .post-navigation .nav-links .nav-next a { padding-left: 0; padding-right: 20px; } .post-navigation .nav-links .nav-next a svg { left: auto; right: 0; } .posts-navigation { margin-bottom: 0; } .posts-navigation .nav-links a { display: inline-block; background: #680068; color: #fff; font-size: 0.7778em; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: 15px 30px 15px 50px; position: relative; } .posts-navigation .nav-links a::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; width: 13px; height: 18px; position: absolute; top: 19px; left: 30px; } .posts-navigation .nav-links a:hover { background: #64d657; color: #680068; } .posts-navigation .nav-links a:hover::before { background-image: url('data:image/svg+xml; utf-8, '); } .posts-navigation .nav-links .nav-next a { padding-left: 30px; padding-right: 50px; } .posts-navigation .nav-links .nav-next a::before { left: auto; right: 30px; background-image: url('data:image/svg+xml; utf-8, '); } .posts-navigation .nav-links .nav-next a:hover::before { background-image: url('data:image/svg+xml; utf-8, '); } @media only screen and (max-width: 767px) { .pagination .page-number { font-size: 1em; } } .search-notice-wrap + .site-header { margin-top: 60px; } .admin-bar .site-header { margin-top: 32px; } .admin-bar .search-notice-wrap + .site-header { margin-top: 92px; } .site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 999; } .site-header .top-header { background: #680068; padding: 6px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .site-header .top-header .content-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; flex-wrap: wrap; align-items: center; } .site-header .top-header .content-left .content-block { color: #64d657; margin-right: 30px; } .site-header .top-header .content-left .content-block:last-child { margin-right: 0; } .site-header .top-header .content-left .content-block > svg { margin-right: 5px; } .site-header .top-header .content-left .content-block a { display: inline-block; color: #fff; font-weight: 600; } .site-header .top-header .content-left .content-block a:hover { color: #64d657; } .site-header .top-header .content-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; justify-content: flex-end; align-items: center; } .site-header .top-header .content-right .social-list { margin: 0; padding: 0; list-style: none; } .site-header .top-header .content-right .social-list li { display: inline-block; margin-left: 15px; font-size: 1.1112em; } .site-header .top-header .content-right .social-list li a { display: inline-block; padding: 5px; line-height: 1; color: #fff; } .site-header .top-header .content-right .social-list li a:hover { color: #64d657; } .site-header .main-header { background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; } .site-header .main-header .site-branding { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex-wrap: wrap; background: #64d657; padding: 5px; } .site-header .main-header .site-branding .site-title { margin-top: 0; margin-bottom: 0; font-size: 1.3333em; font-weight: 700; } .site-header .main-header .site-branding .site-title a { color: #680068; } .site-header .main-header .site-branding .site-description { margin: 0; font-size: 0.8888em; line-height: 1.5; color: #680068; } .site-header .main-header .toggle-btn { display: none; } .site-header .main-header .nav-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; flex-wrap: wrap; border-bottom: 2px solid #680068; } .site-header .main-header .nav-wrap .login-register-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .site-header .main-header .nav-wrap .login-register-block a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; padding: 10px 15px; background: #64d657; color: #680068; font-size: 0.9444em; font-weight: 600; position: relative; } .site-header .main-header .nav-wrap .login-register-block a.login-btn + .register-btn::before { content: ""; background: rgba(0, 0, 0, 0.1); height: calc(100% - 20px); width: 1px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .site-header .main-header .nav-wrap .login-register-block a svg { margin-right: 7px; } .site-header .main-header .nav-wrap .login-register-block a:hover { background: #680068; color: #64d657; } .sticky-header { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); visibility: hidden; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .sticky-header.stick { visibility: visible; -webkit-transform: none; -moz-transform: none; transform: none; } .sticky-header .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .sticky-header .site-branding { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex-wrap: wrap; background: #64d657; padding: 10px; } .sticky-header .site-branding .site-title { margin-top: 0; margin-bottom: 0; font-size: 1.3333em; font-weight: 700; } .sticky-header .site-branding .site-title a { color: #680068; } .sticky-header .site-branding .site-description { margin: 0; font-size: 0.8888em; line-height: 1.5; color: #680068; } .sticky-header .main-navigation { justify-content: flex-end; } .admin-bar .sticky-header { top: 32px; } @media only screen and (max-width: 1366px) { .site-header .main-header .nav-wrap .login-register-block a { font-size: 0.7778em; } } @media screen and (min-width: 1025px) { .site-header .main-header .nav-wrap { display: flex !important; } } @media only screen and (max-width: 1024px) { .site-header { z-index: 99999; } .site-header .main-header { align-items: center; } .site-header .main-header .toggle-btn { background: none; border-radius: 0; border: none; color: inherit; display: block; width: 40px; height: 40px; position: relative; cursor: pointer; margin-left: auto; margin-right: 20px; } .site-header .main-header .toggle-btn .toggle-bar { background: #680068; width: 30px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .site-header .main-header .toggle-btn .toggle-bar:first-child { top: -18px; } .site-header .main-header .toggle-btn .toggle-bar:last-child { bottom: -18px; } .site-header .main-header .toggle-btn:hover .toggle-bar { opacity: 0.65; filter: alpha(opacity=65); } .site-header .main-header .nav-wrap { position: fixed; top: 0; left: 0; height: 100%; z-index: 99999; display: none; } .site-header .main-header .nav-wrap::before { content: ""; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0; visibility: hidden; } .site-header .main-header .nav-wrap .primary-menu-list { width: 320px; height: 100%; overflow: auto; } .site-header .main-header .nav-wrap .login-register-block { margin-top: 30px; margin-bottom: 40px; text-align: center; justify-content: center; padding: 0 15px; } .site-header .main-header .nav-wrap .login-register-block a { flex: auto; text-align: center; justify-content: center; } .site-header .main-header .nav-wrap .login-register-block a:hover { background: #fff; color: #680068; } .showing-main-menu-modal .site-header .main-header .nav-wrap::before { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .sticky-header .container { align-items: center; } .sticky-header .toggle-btn { display: block; width: 40px; height: 40px; position: relative; cursor: pointer; margin-left: auto; } .sticky-header .toggle-btn .toggle-bar { background: #680068; width: 30px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .sticky-header .toggle-btn .toggle-bar:first-child { top: -18px; } .sticky-header .toggle-btn .toggle-bar:last-child { bottom: -18px; } .sticky-header .toggle-btn:hover .toggle-bar { opacity: 0.65; filter: alpha(opacity=65); } .sticky-header .nav-wrap { padding-top: 80px; position: fixed; top: 0; left: 0; width: 320px; height: 100%; overflow: auto; background: #680068; z-index: 99999; display: block; visibility: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .sticky-header .nav-wrap.menu-open { visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } } @media screen and (max-width: 782px) { .admin-bar .sticky-header { top: 46px; } .admin-bar .site-header { margin-top: 46px; } .admin-bar .search-notice-wrap + .site-header { margin-top: 106px; } } @media screen and (max-width: 600px) { .admin-bar .sticky-header { top: 0; } } @media only screen and (max-width: 767px) { .search-notice-wrap + .site-header, .admin-bar .site-header, .admin-bar .search-notice-wrap + .site-header { margin-top: 0; } .site-header { position: static; margin-top: 0 !important; } .site-header .container { padding-left: 0; padding-right: 0; } .site-header .top-header .content-right { justify-content: left; } .site-header .top-header .content-right .social-list li:first-child { margin-left: 0; } .site-header .main-header .toggle-btn { margin-right: 0; } } .top-footer { margin-top: 70px; margin-bottom: 10px; } .grid:not(.column-1) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .grid:not(.column-1) .col { margin-right: 3%; } .grid:not(.column-1) .col:last-child { margin-right: 0; } .grid.column-4 .col { width: 22%; } .grid.column-3 .col { width: 31.33%; } .grid.column-2 .col { width: 48%; } .grid .widget .widget-title { margin-top: 0; margin-bottom: 30px; font-size: 1.1112em; font-weight: 700; font-family: "Merriweather", serif; } .bottom-footer { background: rgba(0, 0, 0, 0.15); text-align: center; padding: 20px 0; font-size: 0.7778em; font-weight: 600; letter-spacing: 0.5px; } .bottom-footer a { color: #999999; text-decoration: underline; } .bottom-footer a:hover { color: #680068; } @media only screen and (max-width: 1024px) { .grid.column-4 .col { width: 48%; } .grid.column-4 .col:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 767px) { .grid:not(.column-1) { flex-direction: column; } .grid:not(.column-1) .col { margin-right: 0; } .grid.column-4 .col, .grid.column-3 .col, .grid.column-2 .col { width: 100%; } } .additional-posts { margin-top: 60px; } .additional-posts .title { margin-top: 0; margin-bottom: 0; font-size: 1em; color: #64d657; letter-spacing: 0.5px; } .additional-posts .additional-post-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; } .additional-posts .additional-post-wrap .post-block { width: 31.33%; margin-right: 3%; margin-top: 30px; border: 1px solid rgba(0, 0, 0, 0.15); } .additional-posts .additional-post-wrap .post-block:nth-child(3n) { margin-right: 0; } .additional-posts .additional-post-wrap .post-block-content { padding: 15px; } .additional-posts .additional-post-wrap .entry-header { margin-bottom: 10px; } .additional-posts .additional-post-wrap .entry-header .entry-title { margin-top: 0; margin-bottom: 0; text-align: center; font-size: 0.8888em; line-height: 1.5; } .additional-posts .additional-post-wrap .entry-header .entry-title a { color: #680068; } .additional-posts .additional-post-wrap .entry-header .entry-title a:hover { color: #64d657; } .additional-posts .additional-post-wrap .entry-header .entry-meta { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; } .additional-posts .additional-post-wrap .entry-header .entry-meta > span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex: 1; margin-right: 20px; border-right: 1px solid rgba(0, 0, 0, 0.1); padding-right: 20px; color: #999; font-weight: 900; font-size: 0.7778em; letter-spacing: 0.5px; line-height: 1.3; } .additional-posts .additional-post-wrap .entry-header .entry-meta > span:last-child { margin-right: 0; padding-right: 0; border-right: none; justify-content: flex-end; } .additional-posts .additional-post-wrap .entry-header .entry-meta > span:last-child .meta-title { text-align: right; } .additional-posts .additional-post-wrap .entry-header .entry-meta > span .meta-title { width: 100%; display: block; color: #680068; font-weight: 600; margin-bottom: 5px; } .additional-posts .additional-post-wrap .entry-header .entry-meta > span a { display: inline-block; color: #999; } .additional-posts .additional-post-wrap .entry-header .entry-meta > span a:hover { color: #680068; } .additional-posts .additional-post-wrap .entry-header .entry-meta > span a:after { content: ","; margin-left: 2px; margin-right: 5px; font-size: 18px; line-height: 1; } .additional-posts .additional-post-wrap .entry-header .entry-meta > span a:last-child:after { display: none; } .additional-posts .additional-post-wrap .entry-content { margin-top: 0; font-size: 0.8888em; color: #999; font-weight: 600; } .additional-posts .additional-post-wrap .entry-content p { margin-top: 0; margin-bottom: 20px; } .additional-posts .additional-post-wrap .button-wrap { margin-top: 0; } .additional-posts .additional-post-wrap .button-wrap a { font-size: 0.7778em; display: inline-block; } @media only screen and (max-width: 767px) { .additional-posts .additional-post-wrap { flex-direction: column; } .additional-posts .additional-post-wrap .post-block { width: 100%; margin-right: 0; } } .search-notice-wrap { background: #000; padding: 10px 0; position: relative; z-index: 9999; min-height: 60px; } .search-notice-wrap .header-search { max-width: 40px; height: 40px; text-align: right; position: relative; display: inline-block; vertical-align: middle; float: right; } .search-notice-wrap .header-search .header-search-toggle { padding: 0; border: none; border-radius: 0; background: none; width: 40px; height: 40px; line-height: 40px; font-size: 1em; } .search-notice-wrap .header-search .search-container { width: 300px; position: absolute; top: -5px; right: -15%; opacity: 0; display: none; z-index: 99999; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .search-notice-wrap .header-search .search-container.active { display: block; right: 0; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .search-notice-wrap .header-search .search-container.active::before { content: ""; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .search-notice-wrap .header-search .header-search-inner-wrap { display: -webkit-flex; display: flex; flex-wrap: wrap; } .search-notice-wrap .header-search form label { padding-right: 0; width: calc(100% - 50px); } .search-notice-wrap .header-search form .search-field { border-radius: 0; border: none; padding: 15px; font-size: 1em; height: 50px; } .search-notice-wrap .header-search form .search-submit { border-radius: 0; border: none; padding: 0; height: 50px; width: 50px; background-size: 20px; } .search-notice-wrap .header-search form .search-submit:hover, .search-notice-wrap .header-search form .search-submit:focus, .search-notice-wrap .header-search form .search-submit:active { background-color: #680068; background-image: url('data:image/svg+xml; utf-8, '); } .search-notice-wrap .header-search .close { padding: 0; background: #680068; border-radius: 0; border: none; display: block; width: 40px; height: 50px; position: relative; cursor: pointer; } .search-notice-wrap .header-search .close::before, .search-notice-wrap .header-search .close::after { width: 15px; height: 2px; background: #fff; position: absolute; top: 0; right: 0; content: ""; bottom: 0; left: 0; margin: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .search-notice-wrap .header-search .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .search-notice-wrap .header-search .close:hover::before, .search-notice-wrap .header-search .close:hover::after { background: #64d657; } .sticky-notice-bar { position: relative; z-index: 9999; width: calc(100% - 50px); padding-right: 20px; display: inline-block; vertical-align: middle; } .sticky-notice-bar + .header-search { float: none; } .sticky-notice-bar .notice-bar-title { max-width: 250px; display: inline-block; vertical-align: middle; } .sticky-notice-bar .notice-bar-title .notice-icon { width: 25px; height: 25px; background: #fff; display: inline-block; font-size: 0.6666em; line-height: 25px; border-radius: 100%; color: #000; text-align: center; vertical-align: middle; margin-right: 2px; } .sticky-notice-bar .notice-bar-title .notice-title { font-family: "Merriweather", serif; color: #fff; font-size: 0.8888em; font-weight: 700; display: inline-block; vertical-align: middle; } .sticky-notice-bar .notice-list-wrap { max-width: calc(100% - 260px); padding-left: 15px; width: 100%; display: inline-block; vertical-align: middle; } .sticky-notice-bar .notice-list-wrap .notice-list { margin: 0; padding: 0; list-style: none; display: block; } .sticky-notice-bar .notice-list-wrap .notice-list .notice-list-item { font-size: 0.8888em; font-weight: 600; letter-spacing: 0.5px; color: #fff; word-break: normal; width: 100%; display: inline-block; vertical-align: -8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sticky-notice-bar .notice-list-wrap .notice-list .notice-list-item a { color: #fff; } .sticky-notice-bar .notice-list-wrap .notice-list .notice-list-item a:hover { color: #64d657; } @media only screen and (max-width: 767px) { .sticky-notice-bar .notice-bar-title { max-width: 100%; width: 25px; overflow: hidden; white-space: nowrap; } .sticky-notice-bar .notice-bar-title .notice-title { display: none; } .sticky-notice-bar .notice-list-wrap { max-width: calc(100% - 30px); } } .theme-banner img { width: 100%; } .theme-banner .banner-item { position: relative; } .theme-banner .banner-item .slider-bg { height: 0; padding-top: 56.25%; background-repeat: no-repeat; background-size: cover; } .theme-banner .banner-item .content-block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: -webkit-box; display: flex; flex-direction: column; flex: 1; justify-content: center; } .theme-banner .banner-item .content-block .container { width: 100%; } .theme-banner .banner-item .content-block .title { margin-top: 0; font-size: 1.9444em; color: #fff; font-family: "Merriweather", serif; font-weight: 700; margin-bottom: 20px; line-height: 1.75; max-width: 768px; } .theme-banner .banner-item .content-block .title a { color: #fff; } .theme-banner .banner-item .content-block .title a:hover { color: #64d657; } .theme-banner .banner-item .content-block .content-text { font-size: 1em; color: #fff; font-weight: 600; letter-spacing: 0.5px; max-width: 768px; } .theme-banner .banner-item .content-block .button-wrap { margin-top: 40px; max-width: 768px; } .theme-banner .banner-item .content-block .button-wrap .link-button { font-size: 0.8888em; font-family: "Merriweather", serif; font-weight: 500; display: inline-block; color: #680068; background: #64d657; padding: 10px 15px; border-radius: 5px; margin-right: 35px; } .theme-banner .banner-item .content-block .button-wrap .link-button + .link-button { margin-right: 0; } .theme-banner .banner-item .content-block .button-wrap .link-button:hover { background: #680068; color: #64d657; } .theme-banner .banner-item .content-block.center { text-align: center; } .theme-banner .banner-item .content-block.center .title, .theme-banner .banner-item .content-block.center .content-text, .theme-banner .banner-item .content-block.center .button-wrap { margin-left: auto; margin-right: auto; } .theme-banner .banner-item .content-block.right { text-align: right; } .theme-banner .banner-item .content-block.right .title, .theme-banner .banner-item .content-block.right .content-text, .theme-banner .banner-item .content-block.right .button-wrap { margin-left: auto; } .theme-banner .owl-carousel .owl-nav [class*="owl-"] { position: absolute; top: 50%; left: 3%; width: 50px; height: 50px; text-align: center; line-height: 50px; background: none; border-radius: 0; text-indent: 60px; overflow: hidden; white-space: nowrap; opacity: 0.35; filter: alpha(opacity=35); } .theme-banner .owl-carousel .owl-nav [class*="owl-"]::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); width: 25px; height: 25px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .theme-banner .owl-carousel .owl-nav [class*="owl-"]:hover { opacity: 1; filter: alpha(opacity=100); } .theme-banner .owl-carousel .owl-nav .owl-next { left: auto; right: 3%; } .theme-banner .owl-carousel .owl-nav .owl-next::before { background-image: url('data:image/svg+xml; utf-8, '); } .theme-banner.video-banner .wp-custom-header { position: relative; height: 0; padding-top: 56.25%; } .theme-banner.video-banner .wp-custom-header iframe, .theme-banner.video-banner .wp-custom-header video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .theme-banner.video-banner .wp-custom-header button.wp-custom-header-video-button { position: absolute; bottom: 20px; left: 20px; width: 40px; padding: 0; height: 40px; border-radius: 100%; overflow: hidden; z-index: 999; background-color: #64d657; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 13px; background-position: center; border: none; text-indent: 50px; white-space: nowrap; } .theme-banner.video-banner .wp-custom-header button.wp-custom-header-video-button:hover { background-color: #680068; background-image: url('data:image/svg+xml; utf-8, '); } .theme-banner.video-banner .wp-custom-header button.wp-custom-header-video-button.wp-custom-header-video-pause { background-image: url('data:image/svg+xml; utf-8, '); } .theme-banner.video-banner .wp-custom-header button.wp-custom-header-video-button.wp-custom-header-video-pause:hover { background-image: url('data:image/svg+xml; utf-8, '); } body:not(.home) .theme-banner { margin-bottom: 0; } body:not(.home) .theme-banner.video-banner .wp-custom-header { height: auto; padding: 0; } @media only screen and (max-width: 1199px) { .theme-banner .banner-item img { height: 600px; object-fit: cover; } .theme-banner .owl-carousel .owl-nav [class*="owl-"] { left: 0; } .theme-banner .owl-carousel .owl-nav .owl-next { left: auto; right: 0; } } @media only screen and (max-width: 1024px) { .theme-banner .banner-item img { height: 540px; object-fit: cover; } .theme-banner .banner-item .content-block .title { font-size: 1.3333em; margin-bottom: 10px; } .theme-banner .banner-item .content-block .button-wrap { margin-top: 25px; } } @media screen and (max-width: 899px) { .theme-banner.video-banner .wp-custom-header { height: auto; padding-top: 0; } .theme-banner.video-banner .wp-custom-header iframe, .theme-banner.video-banner .wp-custom-header video { position: static; } } @media only screen and (max-width: 767px) { .theme-banner .banner-item img { height: auto; } .theme-banner .banner-item .content-block { position: static; background: #680068; padding: 30px 0; } .theme-banner .banner-item .content-block .button-wrap .link-button { display: block; text-align: center; margin: 10px 0; } .theme-banner .owl-carousel .owl-nav [class*="owl-"] { top: 30%; } } .theme-banner + .advance-search-section { position: relative; top: -35px; z-index: 99; } .advance-search-section { text-align: center; } .advance-search-section form { display: -webkit-box; display: flex; flex-wrap: wrap; background: #eee; border-radius: 5px; padding: 10px; } .advance-search-section form .search-field-wrap { width: calc((100% - 150px) / 4); border-right: 1px solid #c8c8c8; } .advance-search-section form .search-field-wrap:last-child { width: 150px; border-right: none; } .advance-search-section form .search-field-wrap.event-attributes:nth-child(7), .advance-search-section form .search-field-wrap.instructor-attributes:nth-last-of-type(2) { border-right: none; } .advance-search-section form .search-field-wrap > label { font-weight: 600; display: none; text-align: left; padding: 0 20px; font-size: 0.8888em; } .advance-search-section form .search-field-wrap input.submit { width: 100%; height: 100%; font-size: 0.8888em; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; color: #680068; border: none; } .advance-search-section form .search-field-wrap input.submit:hover { background: #680068; color: #fff; } .advance-search-section form.course .search-field-wrap { width: calc((100% - 150px) / 5); } .advance-search-section form.course .search-field-wrap:last-child { width: 150px; border-right: none; } .advance-search-section form.course .search-field-wrap.course-attributes { background: #fff; position: relative; } .advance-search-section form.course .search-field-wrap.course-attributes:nth-child(4) > label, .advance-search-section form.course .search-field-wrap.course-attributes:nth-child(5) > label { display: block; padding-top: 15px; line-height: 1.5; color: #666; } .advance-search-section form.course .search-field-wrap.course-attributes:nth-child(5) { border-right: none; } .advance-search-section form input[type="text"], .advance-search-section form select { border: none; border-radius: 0; font-weight: 600; height: 100%; font-size: 0.8888em; } .advance-search-section form select { color: #666; } .advance-search-section form input#search-keyword { border-radius: 5px 0 0 5px; } .advance-search-section form .advanced-search-field.course-duration, .advance-search-section form .advanced-search-field.course-cost { position: absolute; top: calc(100% - 5px); left: 0; right: 0; display: none; background: #fff; z-index: 9; padding: 0 30px 0 20px; } .advance-search-section form .advanced-search-field.course-duration.open, .advance-search-section form .advanced-search-field.course-cost.open { display: block; } .advance-search-section form .advanced-search-field .ui-slider { background: #ddd; height: 5px; width: 100%; margin: 0 auto; border-radius: 50px; position: relative; } .advance-search-section form .advanced-search-field .ui-slider .ui-slider-range { background: #680068; position: absolute; top: 0; height: 100%; } .advance-search-section form .advanced-search-field .ui-slider .ui-slider-handle { position: absolute; width: 10px; height: 15px; background: #fff; border: 1px solid #680068; top: -5px; border-radius: 3px; left: 0; cursor: e-resize; } .advance-search-section form .advanced-search-field .duration-slider-value, .advance-search-section form .advanced-search-field .cost-slider-value { display: -webkit-box; display: flex; flex-wrap: wrap; padding: 0; margin-top: 5px; } .advance-search-section form .advanced-search-field .duration-slider-value > span, .advance-search-section form .advanced-search-field .cost-slider-value > span { display: -webkit-box; display: flex; flex: 1; font-size: 0.8888em; font-weight: 600; } .advance-search-section form .advanced-search-field .duration-slider-value > span.max-duration, .advance-search-section form .advanced-search-field .duration-slider-value > span.max-cost, .advance-search-section form .advanced-search-field .cost-slider-value > span.max-duration, .advance-search-section form .advanced-search-field .cost-slider-value > span.max-cost { justify-content: flex-end; margin-right: -10px; } .ui-datepicker { background: #fff; box-shadow: 0px -10px 20px rgba(0, 0, 0, 0.15); } .ui-datepicker .ui-datepicker-header { display: -webkit-box; display: flex; flex-wrap: wrap; padding: 10px 15px; align-items: center; } .ui-datepicker .ui-datepicker-header > a { width: 30px; height: 30px; white-space: nowrap; background-color: #f8f8f8; border: 1px solid #e8e8e8; border-radius: 3px; text-indent: 40px; overflow: hidden; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 10px; cursor: pointer; } .ui-datepicker .ui-datepicker-header > a:hover { background-color: #680068; border-color: #680068; background-image: url('data:image/svg+xml; utf-8, '); } .ui-datepicker .ui-datepicker-header > a.ui-datepicker-next { order: 3; background-image: url('data:image/svg+xml; utf-8, '); } .ui-datepicker .ui-datepicker-header > a.ui-datepicker-next:hover { background-image: url('data:image/svg+xml; utf-8, '); } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { width: calc(100% - 60px); text-align: center; font-size: 0.8888em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } .ui-datepicker .ui-datepicker-calendar { margin: 0; border-collapse: separate; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; font-weight: 600; } .ui-datepicker .ui-datepicker-calendar th { padding: 5px 10px; background: #680068; } .ui-datepicker .ui-datepicker-calendar td { padding: 0; font-size: 0.8888em; } .ui-datepicker .ui-datepicker-calendar td a { padding: 5px 10px; color: #333; display: block; } .ui-datepicker .ui-datepicker-calendar td a:hover, .ui-datepicker .ui-datepicker-calendar td a.ui-state-hover { background: #64d657; color: #680068; } .ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight { background: rgba(0, 0, 0, 0.1); } .ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight:hover { background: #64d657; color: #680068; } @media only screen and (max-width: 1024px) { .theme-banner + .advance-search-section { top: 0; } .advance-search-section form .search-field-wrap { width: calc(100% / 2); border-bottom: 1px solid #c8c8c8; } .advance-search-section form .search-field-wrap:last-child { width: 100%; border-right: none; border-bottom: none; } .advance-search-section form.course .search-field-wrap { width: calc(100% / 3); } .advance-search-section form.course .search-field-wrap:last-child { width: calc(100% / 3); } } @media only screen and (max-width: 767px) { .advance-search-section form { flex-direction: column; } .advance-search-section form .search-field-wrap { width: 100%; border-right: none; border-bottom: 1px solid #c8c8c8; } .advance-search-section form input#search-keyword { border-radius: 5px 5px 0 0; } .advance-search-section form.course .search-field-wrap { width: 100%; } .advance-search-section form.course .search-field-wrap:last-child { border-bottom: none; width: 100%; } .advance-search-section form.course .search-field-wrap.course-attributes:nth-child(4) > label, .advance-search-section form.course .search-field-wrap.course-attributes:nth-child(5) > label { padding-bottom: 15px; } .advance-search-section form.course .search-field-wrap.course-attributes:nth-child(5) { border-bottom: none; } } .category-section { margin-top: 40px; } .category-section .custom-category-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; } .category-section .custom-category-wrapper .category-block { width: 31.33%; margin-right: 3%; flex-direction: column; margin-bottom: 20px; } .category-section .custom-category-wrapper .category-block:nth-child(3n) { margin-right: 0; } @media only screen and (max-width: 1024px) { .category-section .custom-category-wrapper .category-block { width: 48%; } .category-section .custom-category-wrapper .category-block:nth-child(3n) { margin-right: 3%; } .category-section .custom-category-wrapper .category-block:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 767px) { .category-section .custom-category-wrapper { flex-direction: column; } .category-section .custom-category-wrapper .category-block { width: 100%; margin-right: 0; } } .about-section { background: #fcfafc; padding-top: 70px; padding-bottom: 70px; } .about-section .widget:last-child { margin-bottom: 0; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper { display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; flex-direction: row-reverse; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper .featured-page-content { margin-top: 0; padding: 20px 55px 20px 0; order: initial; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper .featured-page-img { width: 346px; margin-top: 0; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper .featured-page-img + .featured-page-content { width: calc(100% - 346px); } .about-section .widget_ste_featured_page_widget .flexbox-wrapper.left { flex-direction: row; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper.left .featured-page-content { padding-right: 0; padding-left: 55px; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper.centered { flex-direction: column; text-align: center; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper.centered .featured-page-content { width: 100%; padding: 0; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper.centered .featured-page-img { width: 100%; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .about-section .widget_ste_featured_page_widget .flexbox-wrapper { flex-direction: column; padding-top: 40px; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper .featured-page-content { padding-right: 0; padding-bottom: 0; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper .featured-page-img { width: 100%; text-align: center; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper .featured-page-img + .featured-page-content { width: 100%; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper.left { flex-direction: column; } .about-section .widget_ste_featured_page_widget .flexbox-wrapper.left .featured-page-content { padding-left: 0; } } .counter-section { background: rgba(100, 214, 87, 0.7); margin-top: 70px; padding: 30px 0; } .counter-section .widget_ste_stat_counter_widget { margin-bottom: 0; } .counter-section .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; justify-content: center; text-align: center; } .counter-section .container .widget_ste_stat_counter_widget { width: 22.66%; margin-right: 3%; } .counter-section .container .widget_ste_stat_counter_widget:nth-child(4n) { margin-right: 0; } @media only screen and (max-width: 1024px) { .counter-section { padding-bottom: 10px; } .counter-section .container .widget_ste_stat_counter_widget { width: 48%; margin-bottom: 20px; } .counter-section .container .widget_ste_stat_counter_widget:nth-child(4n) { margin-right: 3%; } .counter-section .container .widget_ste_stat_counter_widget:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 767px) { .counter-section .container { flex-direction: column; } .counter-section .container .widget_ste_stat_counter_widget { width: 100%; margin-right: 0; } } .featured-course-section { margin-top: 70px; margin-bottom: 70px; } .featured-course-section .widget-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; margin-right: -1.5%; margin-left: -1.5%; } .featured-course-section .widget-wrapper + .button-wrap { text-align: center; } .featured-course-section .widget-wrapper .widget_text { width: 100%; margin-right: 1.5%; margin-left: 1.5%; } .featured-course-section .widget-wrapper .widget_text .widget-title { font-size: 1.0556em; font-weight: 600; letter-spacing: 0.5px; font-family: "Lato", sans-serif; color: #680068; position: relative; display: inline-block; padding-bottom: 5px; margin-bottom: 15px; } .featured-course-section .widget-wrapper .widget_text .widget-title::before { content: ""; background: #64d657; width: 32px; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .featured-course-section .widget-wrapper .widget_text .section-title { margin-top: 0; margin-bottom: 0; font-size: 1.6667em; font-family: "Merriweather", serif; font-weight: 800; letter-spacing: 0.5px; color: #680068; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget { width: 30.33%; margin-right: 1.5%; margin-left: 1.5%; margin-bottom: 40px; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget .flexbox-wrapper { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 15px 15px 0 0; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget .image-wrapper { border-radius: 15px; overflow: hidden; background: #680068; min-height: 150px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 5em; color: #fff; width: auto; height: auto; margin: 0; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget .image-wrapper img { width: 100%; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget .icontext-content-wrapper { padding: 20px; text-align: left; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget .widget-title { margin-top: 0; margin-bottom: 0; font-size: 1.1112em; letter-spacing: 0.5px; color: #680068; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget .icontext-content { font-size: 0.8888em; color: #999; letter-spacing: 0.5px; margin-top: 10px; line-height: 1.5; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget .icontext-content p { margin-top: 0; margin-bottom: 20px; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget .icontext-content p:last-child { margin-bottom: 0; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget .button-wrap { margin-top: 15px; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget .button-wrap .link-button { font-size: 0.8888em; font-family: "Merriweather", serif; font-weight: 500; display: inline-block; color: #680068; background: #64d657; padding: 10px 15px; border-radius: 5px; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget .button-wrap .link-button:hover { background: #680068; color: #64d657; } @media only screen and (max-width: 1366px) { .featured-course-section { overflow: hidden; } } @media only screen and (max-width: 1024px) { .featured-course-section .widget-wrapper .widget_ste_icontext_widget { width: 47%; } } @media only screen and (max-width: 767px) { .featured-course-section .widget-wrapper { margin-left: 0; margin-right: 0; } .featured-course-section .widget-wrapper .widget_text { margin-left: 0; margin-right: 0; } .featured-course-section .widget-wrapper .widget_ste_icontext_widget { width: 100%; margin-left: 0; margin-right: 0; } } .why-choose-section { background: rgba(100, 214, 87, 0.7); padding-top: 70px; padding-bottom: 10px; } .why-choose-section .widget-wrapper { margin-left: -1.5%; margin-right: -1.5%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; } .why-choose-section .widget_text { width: 100%; margin-left: 1.5%; margin-right: 1.5%; } .why-choose-section .widget_ste_icontext_widget { width: 30.33%; margin-right: 1.5%; margin-left: 1.5%; text-align: center; } .why-choose-section .widget_ste_icontext_widget .image-wrapper { margin-bottom: 15px; font-size: 4em; line-height: 1; color: #680068; display: block; width: auto; height: auto; border-radius: 0; background: none; } .why-choose-section .widget_ste_icontext_widget .widget-title { margin-top: 0; margin-bottom: 0; font-size: 1em; font-weight: 700; font-family: "Merriweather", serif; color: #680068; } .why-choose-section .widget_ste_icontext_widget .icontext-content { font-size: 1em; font-weight: 600; color: #999; margin-top: 20px; line-height: 1.5; } .why-choose-section .widget_ste_icontext_widget .icontext-content p { margin-top: 0; margin-bottom: 20px; } .why-choose-section .widget_ste_icontext_widget .icontext-content p:last-child { margin-bottom: 0; } @media only screen and (max-width: 1366px) { .why-choose-section { overflow: hidden; } } @media only screen and (max-width: 1024px) { .why-choose-section .widget_ste_icontext_widget { width: 47%; } } @media only screen and (max-width: 767px) { .why-choose-section .widget-wrapper { margin-left: 0; margin-right: 0; flex-direction: column; } .why-choose-section .widget_text { margin-left: 0; margin-right: 0; } .why-choose-section .widget_ste_icontext_widget { width: 100%; margin-left: 0; margin-right: 0; } } section.team-section { margin-top: 70px; margin-bottom: 70px; } section.team-section .widget-wrapper { margin-left: -1.5%; margin-right: -1.5%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } section.team-section .widget-wrapper + .button-wrap { text-align: center; } section.team-section .widget_text { width: 100%; margin-left: 1.5%; margin-right: 1.5%; } section.team-section .widget_text .widget-title { font-size: 1.0556em; font-weight: 600; letter-spacing: 0.5px; font-family: "Lato", sans-serif; color: #680068; position: relative; display: inline-block; padding-bottom: 5px; margin-bottom: 15px; } section.team-section .widget_text .widget-title::before { content: ""; background: #64d657; width: 32px; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } section.team-section .widget_text .section-title { margin-top: 0; margin-bottom: 0; font-size: 1.6667em; font-family: "Merriweather", serif; font-weight: 800; letter-spacing: 0.5px; color: #680068; } section.team-section .widget_ste_team_widget { width: 30.33%; margin-right: 1.5%; margin-left: 1.5%; } @media only screen and (max-width: 1366px) { section.team-section { overflow: hidden; } } @media only screen and (max-width: 1024px) { section.team-section .widget_ste_team_widget { width: 47%; } } @media only screen and (max-width: 767px) { section.team-section .widget-wrapper { margin-left: 0; margin-right: 0; flex-direction: column; } section.team-section .widget_text { margin-left: 0; margin-right: 0; } section.team-section .widget_ste_team_widget { width: 100%; margin-left: 0; margin-right: 0; } } .call-to-action-section .widget_ste_cta_widget { margin-bottom: 0; } .call-to-action-section .widget_ste_cta_widget > div { padding: 75px 0; min-height: 480px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-direction: column; justify-content: center; } .call-to-action-section .widget_ste_cta_widget > div.right .widget-title, .call-to-action-section .widget_ste_cta_widget > div.right .text-holder { margin-left: auto; } .call-to-action-section .widget_ste_cta_widget > div.centered .widget-title, .call-to-action-section .widget_ste_cta_widget > div.centered .text-holder { margin-left: auto; margin-right: auto; } .call-to-action-section .widget_ste_cta_widget > div.ste-cta-bg::before { display: none; } .call-to-action-section .widget_ste_cta_widget .ste-cta-container { max-width: 1170px; margin: 0 auto; width: 100%; } .call-to-action-section .widget_ste_cta_widget .ste-cta-container .counter-wrap .countdown-block { width: calc(25% - 2%); } .call-to-action-section .widget_ste_cta_widget .widget-title { margin-top: 0; margin-bottom: 20px; color: #680068; font-size: 2.5554em; max-width: 55%; line-height: 1.3; letter-spacing: 0.5px; } .call-to-action-section .widget_ste_cta_widget .text-holder { max-width: 55%; color: #333; } .call-to-action-section .widget_ste_cta_widget .text-holder p { display: inline-block; font-size: 1.1112em; } @media only screen and (max-width: 1199px) { .call-to-action-section .widget_ste_cta_widget > div { min-height: auto; } .call-to-action-section .widget_ste_cta_widget .ste-cta-container { max-width: 1000px; } } @media only screen and (max-width: 1024px) { .call-to-action-section .widget_ste_cta_widget .ste-cta-container { padding-left: 15px; padding-right: 15px; max-width: 768px; } .call-to-action-section .widget_ste_cta_widget .widget-title, .call-to-action-section .widget_ste_cta_widget .text-holder { max-width: 80%; } } @media only screen and (max-width: 767px) { .call-to-action-section .widget_ste_cta_widget .ste-cta-container { max-width: 420px; } .call-to-action-section .widget_ste_cta_widget .ste-cta-container .counter-wrap .countdown-block { width: calc(50% - 2%); } .call-to-action-section .widget_ste_cta_widget .widget-title { font-size: 1.6667em; max-width: 100%; } .call-to-action-section .widget_ste_cta_widget .text-holder { max-width: 100%; } .call-to-action-section .widget_ste_cta_widget .text-holder p { font-size: 1em; } } .event-section { margin-top: 70px; margin-bottom: 70px; } .event-section .section-header { margin-bottom: 30px; text-align: center; } .event-section .section-header .sub-title { font-size: 1.05556em; letter-spacing: 0.5px; display: inline-block; position: relative; margin-bottom: 15px; color: #680068; padding-bottom: 5px; font-weight: 600; } .event-section .section-header .sub-title::before { content: ""; background: #64d657; width: 30px; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .event-section .section-header .section-title { margin-top: 0; margin-bottom: 0; font-size: 1.6667em; font-family: "Merriweather", serif; font-weight: 700; color: #64d657; } .event-section .flexbox-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; margin-left: -1.5%; margin-right: -1.5%; } .event-section .flexbox-wrapper .widget_ste_event_widget { width: 30.33%; margin-right: 1.5%; margin-left: 1.5%; margin-bottom: 40px; position: relative; } .event-section .flexbox-wrapper .widget_ste_event_widget .block-img img { width: 100%; } .event-section .flexbox-wrapper .widget_ste_event_widget .block-content-wrap { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; padding: 20px 20px 10px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-direction: column; justify-content: flex-end; } .event-section .flexbox-wrapper .widget_ste_event_widget .title { margin-top: 0; margin-bottom: 0; font-size: 0.8888em; font-weight: 700; letter-spacing: 0.5px; color: #fff; line-height: 1.5; } .event-section .flexbox-wrapper .widget_ste_event_widget .title a { display: inline-block; color: #fff; text-decoration: underline; } .event-section .flexbox-wrapper .widget_ste_event_widget .title a:hover { color: #64d657; text-decoration: none; } .event-section .flexbox-wrapper .widget_ste_event_widget .block-content { font-size: 0.7778em; font-weight: 600; font-family: "Merriweather", serif; letter-spacing: 0.5px; color: #fff; margin-top: 5px; } .event-section .flexbox-wrapper .widget_ste_event_widget .block-meta { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; } .event-section .flexbox-wrapper .widget_ste_event_widget .block-meta > span { color: #fff; font-size: 0.7778em; font-weight: 700; letter-spacing: 0.5px; display: inline-block; margin-right: 15px; text-transform: uppercase; } .event-section .flexbox-wrapper .widget_ste_event_widget .block-meta > span:last-child { margin-right: 0; } .event-section .flexbox-wrapper .widget_ste_event_widget .block-meta > span svg { margin-right: 5px; } .event-section .flexbox-wrapper .widget_ste_event_widget .block-meta > span a { color: #fff; } .event-section .flexbox-wrapper .widget_ste_event_widget .block-meta > span a:hover { color: #64d657; } .event-section .button-wrap { text-align: center; } @media only screen and (max-width: 1366px) { .event-section { overflow: hidden; } } @media only screen and (max-width: 1024px) { .event-section .flexbox-wrapper .widget_ste_event_widget { width: 47%; } } @media only screen and (max-width: 767px) { .event-section .section-header .section-title { font-size: 1.3333em; line-height: 1.5; } .event-section .flexbox-wrapper { flex-direction: column; margin-left: 0; margin-right: 0; } .event-section .flexbox-wrapper .widget_ste_event_widget { width: 100%; margin-left: 0; margin-right: 0; } .event-section .flexbox-wrapper .widget_ste_event_widget .block-content-wrap { padding-top: 10px; padding-left: 10px; padding-right: 10px; } .event-section .flexbox-wrapper .widget_ste_event_widget .block-meta > span { font-size: 0.6666em; } } .testimonial-section { margin-top: 70px; margin-bottom: 70px; } .testimonial-section .section-header { margin-bottom: 30px; text-align: center; } .testimonial-section .section-header .section-title { margin-top: 0; margin-bottom: 0; font-size: 1.6667em; font-family: "Merriweather", serif; font-weight: 700; color: #680068; position: relative; display: inline-block; } .testimonial-section .section-header .section-title::before { content: ""; background: #64d657; width: 30px; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .testimonial-section .section-header .section-info { margin-top: 20px; font-size: 0.8888em; font-weight: 700; color: #999; letter-spacing: 0.5px; } .testimonial-section .widget_ste_testimonial_widget { margin-bottom: 0; } .testimonial-section .widget_ste_testimonial_widget .flexbox-wrapper { text-align: center; background: rgba(100, 214, 87, 0.5); padding: 40px 80px; border-radius: 5px; } .testimonial-section .widget_ste_testimonial_widget .widget { margin-bottom: 0; padding: 0; } .testimonial-section .widget_ste_testimonial_widget .widget-title { display: none; } .testimonial-section .widget_ste_testimonial_widget .testimonial-img { width: 70px; height: 70px; } .testimonial-section .owl-carousel .owl-nav [class*="owl-"] { position: absolute; top: 50%; left: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; background: rgba(0, 0, 0, 0.25); border-radius: 0; text-indent: 40px; overflow: hidden; opacity: 0.35; filter: alpha(opacity=35); } .testimonial-section .owl-carousel .owl-nav [class*="owl-"]::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); width: 15px; height: 15px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .testimonial-section .owl-carousel .owl-nav [class*="owl-"]:hover { opacity: 1; filter: alpha(opacity=100); } .testimonial-section .owl-carousel .owl-nav .owl-next { left: auto; right: 0; } .testimonial-section .owl-carousel .owl-nav .owl-next::before { background-image: url('data:image/svg+xml; utf-8, '); } @media only screen and (max-width: 767px) { .testimonial-section .section-header .section-title { font-size: 1.3333em; line-height: 1.5; } .testimonial-section .flexbox-wrapper { padding-left: 30px; padding-right: 30px; } } .gallery-section { margin-top: 70px; margin-bottom: 70px; } .gallery-section .gallery-item { position: relative; } .gallery-section .gallery-item .gallery-caption { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 0 10px; line-height: 1.5; font-size: 0.8888em; opacity: 0; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .gallery-section .gallery-item:hover .gallery-caption, .gallery-section .gallery-item.focused .gallery-caption { padding-top: 10px; padding-bottom: 10px; opacity: 1; filter: alpha(opacity=100); } .gallery-section .widget:last-child { margin-bottom: 0; } .gallery-section .widget_media_gallery .widget-title { margin: 0 auto 30px auto; font-size: 1.6667em; font-family: "Merriweather", serif; font-weight: 800; letter-spacing: 0.5px; color: #680068; display: table; position: relative; text-align: center; } .gallery-section .widget_media_gallery .widget-title::before { content: ""; background: #64d657; width: 30px; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .gallery-section .widget_media_gallery .gallery { margin-bottom: 0; } .blog-section { margin-top: 70px; margin-bottom: 70px; } .blog-section .section-header { margin-bottom: 0; text-align: center; } .blog-section .section-header .sub-title { font-size: 1.05556em; letter-spacing: 0.5px; display: inline-block; position: relative; margin-bottom: 15px; color: #680068; padding-bottom: 5px; font-weight: 600; } .blog-section .section-header .sub-title::before { content: ""; background: #64d657; width: 30px; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .blog-section .section-header .section-title { margin-top: 0; margin-bottom: 0; font-size: 1.6667em; font-family: "Merriweather", serif; font-weight: 700; color: #64d657; } .blog-section .flexbox-wrapper { display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .blog-section .flexbox-wrapper article { width: 48%; margin-top: 40px; margin-right: 4%; background: rgba(0, 0, 0, 0.02); display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; } .blog-section .flexbox-wrapper article:nth-child(2n) { margin-right: 0; } .blog-section .flexbox-wrapper article .post-thumbnail { width: 150px; } .blog-section .flexbox-wrapper article .post-thumbnail img { width: 100%; height: 100%; object-fit: cover; } .blog-section .flexbox-wrapper article .post-thumbnail + .content-wrap { width: calc(100% - 150px); } .blog-section .flexbox-wrapper article .content-wrap { padding: 20px; } .blog-section .flexbox-wrapper article .entry-header { position: relative; display: -webkit-box; display: flex; flex-direction: column; align-items: flex-end; } .blog-section .flexbox-wrapper article .entry-header .entry-title { margin-top: 0; margin-bottom: 0; font-size: 1.1112em; font-weight: 400; font-family: "Merriweather", serif; letter-spacing: 0.5px; max-width: calc(100% - 120px); width: 100%; } .blog-section .flexbox-wrapper article .entry-header .entry-title a { color: #680068; } .blog-section .flexbox-wrapper article .entry-header .entry-title a:hover { opacity: 0.7; filter: alpha(opacity=70); } .blog-section .flexbox-wrapper article .entry-header .entry-meta { max-width: calc(100% - 120px); width: 100%; } .blog-section .flexbox-wrapper article .entry-header .byline { display: inline-block; font-size: 0.8888em; font-weight: 700; letter-spacing: 0.5px; } .blog-section .flexbox-wrapper article .entry-header .byline svg { margin-right: 5px; color: #64d657; } .blog-section .flexbox-wrapper article .entry-header .byline a { color: #999; } .blog-section .flexbox-wrapper article .entry-header .byline a:hover { color: #680068; } .blog-section .flexbox-wrapper article .entry-header .posted-on { position: absolute; top: 5px; left: 0; display: inline-block; text-align: center; } .blog-section .flexbox-wrapper article .entry-header .posted-on svg { color: #64d657; margin-bottom: 5px; } .blog-section .flexbox-wrapper article .entry-header .posted-on a { border-radius: 3px; background: #64d657; min-width: 60px; max-width: 100px; text-align: center; padding: 5px; color: #680068; font-size: initial; font-weight: 700; display: -webkit-box; display: flex; line-height: 1.3; letter-spacing: 0.5px; flex: 1; flex-direction: column; } .blog-section .flexbox-wrapper article .entry-header .posted-on a:hover { background: #680068; color: #64d657; } .blog-section .flexbox-wrapper article .entry-header .posted-on .date { font-size: 1.1112em; font-weight: 900; } .blog-section .flexbox-wrapper article .entry-header .posted-on .month { display: inline-block; font-size: 0.6em; margin-top: 5px; } .blog-section .flexbox-wrapper article .entry-content { margin-top: 20px; font-size: 0.8888em; font-weight: 700; color: #999; line-height: 1.5; } .blog-section .flexbox-wrapper article .entry-content p { margin-top: 0; margin-bottom: 20px; } .blog-section .flexbox-wrapper article .entry-content p:last-child { margin-bottom: 0; } .blog-section .flexbox-wrapper article .entry-footer { margin-top: 10px; } .blog-section .flexbox-wrapper article .entry-footer .post-comment { font-size: 0.8888em; font-weight: 700; letter-spacing: 0.5px; } .blog-section .flexbox-wrapper article .entry-footer .post-comment svg { margin-right: 5px; font-size: 1em; color: #64d657; } .blog-section .flexbox-wrapper article .entry-footer .post-comment a { color: #999; } .blog-section .flexbox-wrapper article .entry-footer .post-comment a:hover { color: #680068; } .blog-section .button-wrap { text-align: center; margin-top: 40px; } @media only screen and (max-width: 1024px) { .blog-section .flexbox-wrapper { flex-direction: column; } .blog-section .flexbox-wrapper article { width: 100%; margin-right: 0; } } @media only screen and (max-width: 767px) { .blog-section .section-header .section-title { font-size: 1.3333em; } .blog-section .flexbox-wrapper article { flex-direction: column; } .blog-section .flexbox-wrapper article .post-thumbnail { width: 100%; text-align: center; } .blog-section .flexbox-wrapper article .post-thumbnail img { width: auto; height: auto; } .blog-section .flexbox-wrapper article .post-thumbnail + .content-wrap { width: 100%; } } .partner-section { background: rgba(104, 0, 104, 0.1); padding-top: 70px; padding-bottom: 70px; text-align: center; } .partner-section .widget:last-child { margin-bottom: 0; } .partner-section .widget_ste_partner_logo_widget .widget-title { margin: 0 auto 30px auto; font-size: 1.6667em; font-family: "Merriweather", serif; font-weight: 800; letter-spacing: 0.5px; color: #680068; display: table; position: relative; text-align: center; } .partner-section .widget_ste_partner_logo_widget .widget-title::before { content: ""; background: #64d657; width: 30px; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .stk-archive-course .site-main article { margin-bottom: 40px; border-bottom: 3px solid rgba(0, 0, 0, 0.05); padding-bottom: 40px; } .stk-archive-course .site-main article:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .stk-archive-course .site-main article .entry-header { margin-bottom: 20px; } .stk-archive-course .site-main article .entry-header .entry-title { margin-top: 0; margin-bottom: 0; font-size: 1.3333em; font-weight: 800; line-height: 1.5; letter-spacing: 0.5px; } .stk-archive-course .site-main article .entry-header .entry-title a { color: #680068; } .stk-archive-course .site-main article .entry-header .entry-title a:hover { color: #64d657; } .stk-archive-course .site-main article .img-instructor-wrap { display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .stk-archive-course .site-main article .img-instructor-wrap .post-thumbnail { max-width: 150px; } .stk-archive-course .site-main article .course-instructor { display: -webkit-box; display: flex; flex: auto; flex-direction: column; padding-left: 50px; } .stk-archive-course .site-main article .course-instructor .instructor-title { margin-top: 0; margin-bottom: 0; font-size: 0.8888em; font-weight: 700; letter-spacing: 0.5px; line-height: 1.5; } .stk-archive-course .site-main article .course-instructor-wrap { display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; } .stk-archive-course .site-main article .course-instructor-wrap .instructor-block { width: 31.33%; margin-right: 3%; margin-top: 30px; } .stk-archive-course .site-main article .course-instructor-wrap .instructor-block:nth-child(3n) { margin-right: 0; } .stk-archive-course .site-main article .course-instructor-wrap .instructor-block img { width: 55px; height: 55px; object-fit: cover; border-radius: 100%; } .stk-archive-course .site-main article .course-instructor-wrap .instructor-block .instructor-name { margin-top: 5px; display: block; font-family: "Merriweather", serif; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: 0.5px; font-size: 0.7778em; } .stk-archive-course .site-main article .entry-meta { margin-top: 10px; display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; } .stk-archive-course .site-main article .entry-meta > span { display: inline-block; margin-right: 20px; border-right: 1px solid rgba(0, 0, 0, 0.1); padding-right: 20px; color: #999; font-weight: 900; font-size: 0.7778em; letter-spacing: 0.5px; line-height: 1.3; } .stk-archive-course .site-main article .entry-meta > span:last-child { margin-right: 0; padding-right: 0; border-right: none; } .stk-archive-course .site-main article .entry-meta > span .meta-title { display: block; color: #680068; font-weight: 600; } .stk-archive-course .site-main article .entry-meta > span .date { margin-left: 5px; } .stk-archive-course .site-main article .entry-meta > span a { display: inline-block; color: #999; } .stk-archive-course .site-main article .entry-meta > span a:hover { color: #680068; } .stk-archive-course .site-main article .entry-meta > span a:after { content: ","; margin-left: 2px; margin-right: 5px; font-size: 18px; line-height: 1; } .stk-archive-course .site-main article .entry-meta > span a:last-child:after { display: none; } .stk-archive-course .site-main article .course-description { margin-top: 30px; } .stk-archive-course .site-main article .course-description .description-title { margin-top: 0; margin-bottom: 20px; font-size: 0.8888em; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; color: #680068; } .stk-archive-course .site-main article .course-description .entry-content { margin-top: 0; font-size: 0.8888em; font-weight: 700; letter-spacing: 0.5px; color: #999; } .stk-archive-course .site-main article .course-description .entry-content p { margin-top: 0; margin-bottom: 20px; } .stk-archive-course .site-main article .btn-readmore { display: inline-block; background: #64d657; color: #680068; font-size: 0.8888em; text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; padding: 10px 25px; border-radius: 5px; } .stk-archive-course .site-main article .btn-readmore:hover { background: #680068; color: #64d657; } @media only screen and (max-width: 767px) { .stk-archive-course .site-main article .img-instructor-wrap { flex-direction: column; } .stk-archive-course .site-main article .course-instructor { padding-left: 0; margin-top: 20px; } } .single.single-st_course .site-main article .entry-header { margin-bottom: 20px; } .single.single-st_course .site-main article .entry-header .entry-title { margin-top: 0; margin-bottom: 0; font-size: 1.3333em; font-weight: 800; line-height: 1.5; letter-spacing: 0.5px; text-transform: uppercase; display: none; } .single.single-st_course .site-main article .course-instructor { display: -webkit-box; display: flex; flex-direction: column; text-align: center; width: calc(30% - 20px); } .single.single-st_course .site-main article .course-instructor .instructor-title { margin-top: 0; margin-bottom: 10px; font-size: 0.8888em; font-weight: 700; letter-spacing: 0.5px; line-height: 1.5; text-align: left; } .single.single-st_course .site-main article .course-instructor-wrap { display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; border-right: 1px solid rgba(0, 0, 0, 0.1); padding-right: 15px; margin-right: 20px; } .single.single-st_course .site-main article .course-instructor-wrap .instructor-block img { width: 40px; height: 40px; object-fit: cover; border-radius: 100%; display: inline-block; vertical-align: middle; } .single.single-st_course .site-main article .course-instructor-wrap .instructor-block .instructor-name { margin-top: 5px; display: inline-block; font-family: "Merriweather", serif; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: 0.5px; font-size: 0.7778em; width: calc(100% - 45px); text-align: left; vertical-align: middle; padding-left: 10px; } .single.single-st_course .site-main article .entry-meta { margin-top: 10px; display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .single.single-st_course .site-main article .entry-meta > span { display: -webkit-box; display: flex; margin-top: 30px; color: #999; font-weight: 900; font-size: 0.7778em; letter-spacing: 0.5px; line-height: 1.3; flex-wrap: wrap; flex: initial; align-items: center; width: calc(27% - 20px); border-right: 1px solid rgba(0, 0, 0, 0.1); padding-right: 15px; margin-right: 20px; } .single.single-st_course .site-main article .entry-meta > span:last-child { margin-right: 0; padding-right: 0; border-right: none; } .single.single-st_course .site-main article .entry-meta > span .meta-title { display: block; color: #680068; font-weight: 600; margin-bottom: 5px; width: 100%; } .single.single-st_course .site-main article .entry-meta > span a { display: inline-block; color: #999; } .single.single-st_course .site-main article .entry-meta > span a:hover { color: #680068; } .single.single-st_course .site-main article .entry-meta > span a:after { content: ","; margin-left: 2px; margin-right: 5px; font-size: 18px; line-height: 1; } .single.single-st_course .site-main article .entry-meta > span a:last-child:after { display: none; } .single.single-st_course .site-main article .entry-meta > span.category a { margin-top: 10px; } .single.single-st_course .site-main article .entry-meta > span.wishlist { width: auto; } .single.single-st_course .site-main article .entry-meta > span.wishlist .meta-title { display: inline-block; vertical-align: middle; width: auto; margin-bottom: 0; margin-right: 5px; } .single.single-st_course .site-main article .entry-meta > span.wishlist svg { background: #ddd; width: 25px; height: 25px; padding: 6px; color: #000; border-radius: 4px; vertical-align: middle; } .single.single-st_course .site-main article .entry-meta > span.wishlist a.stk-wishlist-add > svg { color: #680068; } .single.single-st_course .site-main article .entry-meta .course-review-rate { width: 115px !important; padding-left: 0; padding-right: 0; margin-top: 10px; } .single.single-st_course .site-main article .entry-meta .course-review-rate svg { margin-right: 3px; width: 20px; height: 20px; } .single.single-st_course .site-main article .social-list { margin: 0; padding: 0; list-style: none; } .single.single-st_course .site-main article .social-list li { display: inline-block; padding-right: 20px; } .single.single-st_course .site-main article .social-list li a { display: inline-block; font-size: 0.8888em; border: 1px solid rgba(0, 0, 0, 0.15); width: 25px; text-align: center; height: 25px; line-height: 23px; color: #680068; } .single.single-st_course .site-main article .social-list li a:hover { background: #680068; border-color: #680068; color: #fff; } .single.single-st_course .post-navigation { margin-top: 30px; } .single.single-st_course .post-navigation .nav-links a { display: inline-block; width: 30px; text-align: center; height: 30px; line-height: 30px; background: #ddd; color: #fff; padding: 0; font-size: 1em; overflow: hidden; white-space: nowrap; text-indent: 35px; } .single.single-st_course .post-navigation .nav-links a:hover { background: #680068; } .single.single-st_course .post-navigation .nav-links a svg { font-size: 1em; left: 0; right: 0; bottom: 0; margin: auto; top: 0; } .single.single-st_course .button-wrap { margin-top: 40px; text-align: center; } .single.single-st_course .button-wrap a { font-size: 1em; font-family: "Merriweather", serif; font-weight: 500; display: block; color: #680068; background: #64d657; padding: 10px 15px; border-radius: 5px; } .single.single-st_course .button-wrap a:hover { background: #680068; color: #64d657; } .single.single-st_course .button-wrap a.loading-block::after { border-top-color: #680068; } .single.single-st_course .course-review-block { margin-top: 60px; } .single.single-st_course .course-feature { border-left: 2px solid rgba(0, 0, 0, 0.1); padding-left: 20px; margin-bottom: 60px; } .single.single-st_course .course-feature .course-feature-list ul { margin: 0; padding: 0; list-style: none; } .single.single-st_course .course-feature .course-feature-list ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.8888em; color: #999; font-weight: 700; font-family: "Merriweather", serif; } .single.single-st_course .course-feature .course-feature-list ul li svg { width: 15px; vertical-align: middle; color: #680068; } .single.single-st_course .course-feature .course-feature-list ul li h5 { margin-top: 0; margin-bottom: 0; display: inline-block; vertical-align: middle; padding-left: 15px; color: #999; font-size: 1.1em; min-width: 130px; } .single.single-st_course .course-feature .course-feature-list ul li span { display: inline-block; vertical-align: middle; } .single.single-st_course .course-feature .course-feature-list ul li span:not(:last-child)::after { content: ","; margin-right: 5px; } .single.single-st_course .course-feature .course-feature-list .button-wrap { margin-top: 20px; } .single.single-st_course .course-feature .course-feature-list .button-wrap .enroll-notice { background: rgba(100, 214, 87, 0.25); border-left-color: #64d657; } .single.single-st_course .working-hour { margin-bottom: 60px; } .single.single-st_course .working-hour .hour-list { font-family: "Merriweather", serif; font-size: 1em; font-weight: 900; color: #999; } .single.single-st_course .working-hour .hour-list table { margin-bottom: 0; } .single.single-st_course .working-hour .hour-list table tr { background: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .single.single-st_course .working-hour .hour-list table tr td:first-child { padding-left: 0; } .single.single-st_course .working-hour .hour-list table tr td:last-child { padding-right: 0; text-align: right; } .single.single-st_course .working-hour .hour-list table tr td .btn-close { display: inline-block; font-size: 0.8em; letter-spacing: 0.5px; font-weight: 700; background: #ff3333; color: #fff; padding: 5px 25px; line-height: 1.3; border-radius: 3px; } .single.single-st_course .course-detail { background: #f5f5f5; border-radius: 5px; padding: 25px; } .single.single-st_course .course-detail ul { margin: 0; padding: 0; list-style: none; } .single.single-st_course .course-detail ul li { display: -webkit-box; display: flex; margin-bottom: 10px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; flex: 1; flex-wrap: wrap; align-items: center; } .single.single-st_course .course-detail ul li .detail-title { display: -webkit-box; display: flex; flex: auto; flex-direction: column; font-family: "Merriweather", serif; font-weight: 600; color: #999; font-size: 0.7778em; padding-right: 10px; } .single.single-st_course .course-detail ul li .detail-title + span { display: inline-block; font-size: 1em; color: #680068; } .single.single-st_course .course-detail ul li svg { width: 1em; } .single.single-st_course .course-detail ul li sup { font-size: 60%; } @media only screen and (max-width: 767px) { .single.single-st_course .site-main article .entry-header .entry-title { font-size: 1.1112em; } .single.single-st_course .site-main article .entry-meta > span { width: calc(50% - 20px); } .single.single-st_course .site-main article .entry-meta > span.category { border-right: none; padding-right: 0; margin-right: 0; } .single.single-st_course .site-main article .course-instructor { width: calc(50% - 20px); margin-right: 15px; padding-right: 20px; border-right: 1px solid rgba(0, 0, 0, 0.1); } .single.single-st_course .site-main article .course-instructor-wrap { margin-right: 0; border-right: none; padding-right: 0; } .single.single-st_course .site-main article .course-instructor-wrap .instructor-block .instructor-name { display: block; text-align: center; width: 100%; padding-left: 0; } } .stk-archive-event .site-main article { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 3px solid rgba(0, 0, 0, 0.05); } .stk-archive-event .site-main article:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .stk-archive-event .site-main .entry-title { margin-top: 0; margin-bottom: 30px; font-size: 1.3333em; font-weight: 700; text-transform: uppercase; line-height: 1.4; letter-spacing: 0.5px; } .stk-archive-event .site-main .entry-title a { color: #680068; } .stk-archive-event .site-main .post-thumbnail { margin-bottom: 30px; } .stk-archive-event .site-main .entry-meta { margin-bottom: 30px; font-size: 0.8888em; font-weight: 700; border: 1px solid rgba(0, 0, 0, 0.15); display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; } .stk-archive-event .site-main .entry-meta > span { padding: 10px 15px; display: -webkit-box; display: flex; flex: auto; border-right: 1px solid rgba(0, 0, 0, 0.15); align-items: center; letter-spacing: 0.5px; color: #999; } .stk-archive-event .site-main .entry-meta > span:last-child { border-right: none; } .stk-archive-event .site-main .entry-meta > span svg { color: #680068; margin-right: 10px; width: 20px; height: 20px; } .stk-archive-event .site-main .entry-meta > span a { color: #999; } .stk-archive-event .site-main .entry-meta > span a:hover { color: #680068; } .stk-archive-event .site-main .entry-content { margin-top: 0; } .stk-archive-event .site-main .entry-content p { margin-top: 0; margin-bottom: 20px; } .stk-archive-event .site-main .btn-readmore { display: inline-block; background: #64d657; color: #680068; font-size: 0.8888em; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; padding: 10px 30px; border-radius: 5px; } .stk-archive-event .site-main .btn-readmore:hover { background: #680068; color: #64d657; } @media only screen and (max-width: 767px) { .stk-archive-event .site-main .entry-meta { flex-direction: column; } .stk-archive-event .site-main .entry-meta > span { border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .stk-archive-event .site-main .entry-meta > span:last-child { border-bottom: none; } } .st-toolkit.single-event .site-main article .entry-header { margin-bottom: 20px; } .st-toolkit.single-event .site-main article .entry-header .entry-title { margin-top: 0; margin-bottom: 0; font-size: 1.3333em; font-weight: 800; line-height: 1.5; letter-spacing: 0.5px; text-transform: uppercase; color: #680068; display: none; } .st-toolkit.single-event .site-main article .social-list { margin: 0; padding: 0; list-style: none; } .st-toolkit.single-event .site-main article .social-list li { display: inline-block; padding-right: 20px; } .st-toolkit.single-event .site-main article .social-list li a { display: inline-block; font-size: 0.8888em; border: 1px solid rgba(0, 0, 0, 0.15); width: 25px; text-align: center; height: 25px; line-height: 23px; color: #680068; } .st-toolkit.single-event .site-main article .social-list li a:hover { background: #680068; border-color: #680068; color: #fff; } .st-toolkit.single-event .post-navigation { margin-top: 30px; } .st-toolkit.single-event .post-navigation .nav-links a { display: inline-block; width: 30px; text-align: center; height: 30px; line-height: 30px; background: #ddd; color: #fff; } .st-toolkit.single-event .post-navigation .nav-links a:hover { background: #680068; } .st-toolkit.single-event .additional-posts .title { color: #680068; } .st-toolkit.single-event .additional-posts .additional-post-wrap .entry-content { text-align: center; } .st-toolkit.single-event .additional-posts .additional-post-wrap .button-wrap { margin-top: 10px; text-align: center; } .st-toolkit.single-event .additional-posts .additional-post-wrap .button-wrap .link-button { font-size: 0.6666em; font-family: "Merriweather", serif; font-weight: 500; display: inline-block; color: #680068; background: #64d657; padding: 5px 10px; border-radius: 3px; text-align: center; } .st-toolkit.single-event .additional-posts .additional-post-wrap .button-wrap .link-button:hover { background: #680068; color: #64d657; } .st-toolkit.single-event .additional-posts .entry-footer { margin-top: 10px; display: -webkit-box; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; } .st-toolkit.single-event .additional-posts .entry-footer > span { color: #999; font-size: 0.7778em; font-weight: 700; letter-spacing: 0.5px; display: inline-block; margin-right: 15px; text-transform: uppercase; } .st-toolkit.single-event .additional-posts .entry-footer > span:last-child { margin-right: 0; } .st-toolkit.single-event .additional-posts .entry-footer > span svg { margin-right: 5px; color: #680068; } .st-toolkit.single-event .additional-posts .entry-footer > span a { color: #999; } .st-toolkit.single-event .additional-posts .entry-footer > span a:hover { color: #680068; } .blog .site-main .page-header, .archive .site-main .page-header, .search .site-main .page-header { padding: 0 !important; background: none; min-height: auto; margin-bottom: 0; display: block; } .blog .site-main .page-header::before, .archive .site-main .page-header::before, .search .site-main .page-header::before { display: none; } .blog .site-main .page-header .page-title, .archive .site-main .page-header .page-title, .search .site-main .page-header .page-title { margin-bottom: 0; font-size: 1.6665em; color: #222; } .blog .site-main article, .archive .site-main article, .search .site-main article { margin-bottom: 60px; } .blog .site-main article:last-child, .archive .site-main article:last-child, .search .site-main article:last-child { margin-bottom: 0; } .blog .site-main article .entry-header, .archive .site-main article .entry-header, .search .site-main article .entry-header { margin-bottom: 30px; } .blog .site-main article .entry-header .entry-title, .archive .site-main article .entry-header .entry-title, .search .site-main article .entry-header .entry-title { margin-top: 0; margin-bottom: 0; font-size: 1.3333em; } .blog .site-main article .entry-header .entry-title a, .archive .site-main article .entry-header .entry-title a, .search .site-main article .entry-header .entry-title a { color: #680068; display: inline-block; } .blog .site-main article .entry-header .entry-title a:hover, .archive .site-main article .entry-header .entry-title a:hover, .search .site-main article .entry-header .entry-title a:hover { color: #64d657; } .blog .site-main article .post-thumbnail, .archive .site-main article .post-thumbnail, .search .site-main article .post-thumbnail { display: block; margin-bottom: 30px; } .blog .site-main article .entry-meta, .archive .site-main article .entry-meta, .search .site-main article .entry-meta { border: 1px solid rgba(0, 0, 0, 0.2); display: -webkit-box; display: flex; flex-wrap: wrap; } .blog .site-main article .entry-meta > span, .archive .site-main article .entry-meta > span, .search .site-main article .entry-meta > span { display: -webkit-box; display: flex; flex: 1; font-size: 0.8888em; font-weight: 600; color: #999; border-right: 1px solid rgba(0, 0, 0, 0.2); padding: 8px 15px; align-items: center; } .blog .site-main article .entry-meta > span:last-child, .archive .site-main article .entry-meta > span:last-child, .search .site-main article .entry-meta > span:last-child { border-right: none; } .blog .site-main article .entry-meta > span svg, .archive .site-main article .entry-meta > span svg, .search .site-main article .entry-meta > span svg { margin-right: 7px; color: #680068; } .blog .site-main article .entry-meta > span a, .archive .site-main article .entry-meta > span a, .search .site-main article .entry-meta > span a { display: inline-block; margin-left: 5px; color: #999; } .blog .site-main article .entry-meta > span a:hover, .archive .site-main article .entry-meta > span a:hover, .search .site-main article .entry-meta > span a:hover { color: #680068; } .blog .site-main article .entry-content, .archive .site-main article .entry-content, .search .site-main article .entry-content { margin-top: 30px; font-weight: 600; color: #777; letter-spacing: 0.5px; } .blog .site-main article .entry-content p, .archive .site-main article .entry-content p, .search .site-main article .entry-content p { margin-top: 20px; margin-bottom: 0; } .blog .site-main article .entry-content p:first-child, .archive .site-main article .entry-content p:first-child, .search .site-main article .entry-content p:first-child { margin-top: 0; } .blog .site-main article .entry-footer, .archive .site-main article .entry-footer, .search .site-main article .entry-footer { margin-top: 20px; } .blog .site-main article .entry-footer .button-wrap, .archive .site-main article .entry-footer .button-wrap, .search .site-main article .entry-footer .button-wrap { display: inline-block; vertical-align: middle; } .blog .site-main article .entry-footer .button-wrap + .edit-link, .archive .site-main article .entry-footer .button-wrap + .edit-link, .search .site-main article .entry-footer .button-wrap + .edit-link { margin-left: 20px; } .search .site-content .page-header .search-form { flex: initial; max-width: 768px; background: rgba(255, 255, 255, 0.7); border-radius: 5px; justify-content: center; } .search .site-content .page-header .search-form label { width: calc(100% - 70px); padding-right: 0; } .search .site-content .page-header .search-form .search-field { background: none; border: none; height: 70px; font-size: 2.6665em; } .search .site-content .page-header .search-form .search-submit { border: none; height: 70px; width: 70px; background-color: transparent; background-image: url('data:image/svg+xml; utf-8, '); } .search .site-content .page-header .search-form .search-submit:hover { background-image: url('data:image/svg+xml; utf-8, '); } .search .no-results .page-content { margin-top: 1em; font-size: 1.1112em; } .search .no-results .page-content p { margin: 0; } @media only screen and (max-width: 767px) { .blog .site-main article .entry-meta, .archive .site-main article .entry-meta, .search .site-main article .entry-meta { flex-direction: column; align-items: center; text-align: center; } .blog .site-main article .entry-meta > span, .archive .site-main article .entry-meta > span, .search .site-main article .entry-meta > span { border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); width: 100%; } .blog .site-main article .entry-meta > span:last-child, .archive .site-main article .entry-meta > span:last-child, .search .site-main article .entry-meta > span:last-child { border-bottom: none; } } .single .site-main article .entry-meta { display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; margin-top: 20px; align-items: center; } .single .site-main article .entry-meta > span { display: inline-block; margin-right: 20px; padding-right: 20px; border-right: 1px solid #999; font-size: 0.8334em; font-weight: 700; } .single .site-main article .entry-meta > span:last-child { margin-right: 0; padding-right: 0; border-right: none; } .single .site-main article .entry-meta > span svg { font-size: 18px; color: #680068; margin-right: 10px; } .single .site-main article .entry-meta > span a { color: #999; letter-spacing: 0.5px; } .single .site-main article .entry-meta > span a:hover { color: #680068; } .single .site-main .entry-content { font-size: 1em; font-weight: 600; letter-spacing: 0.5px; color: #999; line-height: 1.7; } .single .site-main .entry-content p { margin-bottom: 20px; margin-top: 0; } .single .site-main .entry-footer { display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .single .site-main .entry-footer .social-share { display: -webkit-box; display: flex; flex: initial; flex-wrap: wrap; align-items: center; } .single .site-main .entry-footer .social-share b { font-size: 0.7778em; font-family: "Merriweather", serif; letter-spacing: 0.5px; color: #999; font-weight: 700; } .single .site-main .entry-footer .social-share .social-list { margin: 0; padding: 0; list-style: none; } .single .site-main .entry-footer .social-share .social-list li { display: inline-block; vertical-align: middle; margin-left: 15px; } .single .site-main .entry-footer .social-share .social-list li a { display: inline-block; width: 25px; height: 25px; border: 1px solid #c1c1c1; line-height: 23px; text-align: center; font-size: 0.7778em; font-weight: 700; color: #680068; } .single .site-main .entry-footer .social-share .social-list li a:hover { color: #fff; background: #680068; border-color: #680068; } .single .additional-posts .title { color: #680068; } .single .additional-posts .additional-post-wrap .post-block { margin-top: 20px; } .single .additional-posts .additional-post-wrap .entry-header .entry-meta { text-align: center; align-items: flex-start; } .single .additional-posts .additional-post-wrap .entry-header .entry-meta > span { justify-content: center; flex-direction: column; align-items: center; margin-right: 10px; padding-right: 0; border-right: none; } .single .additional-posts .additional-post-wrap .entry-header .entry-meta > span svg { margin-bottom: 5px; font-size: 1.2em; color: #680068; } .single .additional-posts .additional-post-wrap .entry-header .entry-meta > span:last-child { justify-content: center; } .single .additional-posts .additional-post-wrap .entry-content { font-size: 0.7778em; line-height: 1.65; } .single .additional-posts .additional-post-wrap .entry-content p:last-child { margin-bottom: 0; } .single .additional-posts .additional-post-wrap .button-wrap { text-align: center; } .single .additional-posts .additional-post-wrap .button-wrap a { font-size: 0.6666em; font-family: "Merriweather", serif; font-weight: 500; display: inline-block; color: #680068; background: #64d657; padding: 5px 10px; border-radius: 5px; margin-top: 5px; text-align: center; text-transform: uppercase; } .single .additional-posts .additional-post-wrap .button-wrap a:hover { background: #680068; color: #fff; } @media only screen and (max-width: 767px) { .single .site-main .entry-header .entry-title { font-size: 1.1112em; } .single .site-main .entry-header .entry-meta > span { margin-right: 10px; padding-right: 10px; } } .author-section { margin-top: 60px; display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; background: #f9f9f9; border: 1px solid #efefef; padding: 20px 30px; } .author-section .img-wrap { width: 170px; text-align: center; } .author-section .author-img { width: 70px; height: 70px; border-radius: 100%; overflow: hidden; margin: 0 auto; } .author-section .author-img img { width: 100%; height: 100%; object-fit: cover; } .author-section .author-name-wrap { margin-top: 20px; font-family: "Merriweather", serif; } .author-section .author-name-wrap .author-name { margin-top: 0; margin-bottom: 0; font-size: 0.8888em; letter-spacing: 0.5px; color: #680068; } .author-section .author-name-wrap .author-designation { display: block; font-size: 0.6666em; font-weight: 700; letter-spacing: 0.5px; margin-top: 10px; line-height: 1.5; color: #999; } .author-section .author-content-wrap { width: calc(100% - 170px); padding-left: 30px; display: -webkit-box; display: flex; flex: initial; flex-wrap: wrap; align-items: center; } .author-section .author-content-wrap .author-content { width: 100%; font-weight: 700; font-size: 0.8888em; color: #666; line-height: 1.7; letter-spacing: 0.5px; margin-bottom: 20px; } .author-section .author-content-wrap .author-social { display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; } .author-section .author-content-wrap .author-social .social-list { margin: 0; padding: 0; list-style: none; } .author-section .author-content-wrap .author-social .social-list li { display: inline-block; margin-right: 15px; margin-bottom: 10px; } .author-section .author-content-wrap .author-social .social-list li a { display: inline-block; width: 25px; height: 25px; line-height: 23px; text-align: center; background: #333; border: 1px solid #333; border-radius: 100%; font-size: 0.7778em; color: #fff; } .author-section .author-content-wrap .author-social .social-list li a:hover { background: none; color: #680068; border-color: #680068; } .author-section .author-content-wrap .author-social .social-list li.facebook a { background: #3b5998; border-color: #3b5998; } .author-section .author-content-wrap .author-social .social-list li.facebook a:hover { background: none; color: #3b5998; } .author-section .author-content-wrap .author-social .social-list li.instagram a { background: #bf2fa3; border-color: #bf2fa3; } .author-section .author-content-wrap .author-social .social-list li.instagram a:hover { background: none; color: #bf2fa3; } .author-section .author-content-wrap .author-social .social-list li.linkedin a { background: #1386b0; border-color: #1386b0; } .author-section .author-content-wrap .author-social .social-list li.linkedin a:hover { background: none; color: #1386b0; } .author-section .author-content-wrap .author-social .social-list li.twitter a { background: #29aae1; border-color: #29aae1; } .author-section .author-content-wrap .author-social .social-list li.twitter a:hover { background: none; color: #29aae1; } .author-section .author-content-wrap .button-wrap { margin-bottom: 10px; } .author-section .author-content-wrap .button-wrap a { display: inline-block; background: #64d657; color: #680068; font-size: 0.6666em; font-family: "Merriweather", serif; font-weight: 600; letter-spacing: 0.5px; padding: 8px 10px; } .author-section .author-content-wrap .button-wrap a:hover { background: #680068; color: #fff; } @media only screen and (max-width: 767px) { .author-section { flex-direction: column; justify-content: center; text-align: center; padding-left: 20px; padding-right: 20px; } .author-section .img-wrap { width: 100%; margin-bottom: 20px; } .author-section .author-content-wrap { width: 100%; padding-left: 0; flex-direction: column; } } .page-template-contact #primary { margin-top: 0; margin-bottom: 0; } .page-template-contact .site-main { margin-top: 0; display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .page-template-contact .site-main .widget { margin-bottom: 0; } .page-template-contact .site-main .widget .widget-title { margin-top: 0; margin-bottom: 0; font-size: 1.3333em; font-weight: 800; line-height: 1.5; letter-spacing: 0.5px; text-transform: uppercase; color: #680068; } .page-template-contact .contact-info-block, .page-template-contact .contact-form-block { margin-bottom: 60px; width: 50%; padding-right: 20px; } .page-template-contact .contact-info-block ul { margin: 0; padding: 0; list-style: none; } .page-template-contact .contact-info-block .contact-list { margin-left: -2%; margin-right: -2%; } .page-template-contact .contact-info-block .contact-list li { display: inline-block; width: 28.33%; margin-right: 2%; margin-left: 2%; margin-bottom: 20px; text-align: center; vertical-align: top; line-height: 1.5; font-size: 0.7778em; color: #666; } .page-template-contact .contact-info-block .contact-list li svg { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; width: 60px; height: 60px; padding: 20px; color: #64d657; background: #680068; } .page-template-contact .contact-info-block .contact-list li a, .page-template-contact .contact-info-block .contact-list li span { display: block; font-size: 1em; color: #666; } .page-template-contact .contact-info-block .contact-list li a:hover { color: #680068; } .page-template-contact .contact-info-block .social-networks li { margin-top: 20px; margin-right: 15px; display: inline-block; } .page-template-contact .contact-info-block .social-networks li a { display: inline-block; width: 30px; height: 30px; line-height: 27px; text-align: center; border: 1px solid #bbb; color: #680068; } .page-template-contact .contact-info-block .social-networks li a:hover { background: #680068; border-color: #680068; color: #fff; } .page-template-contact .contact-form-block { padding-right: 0; padding-left: 20px; } .page-template-contact .contact-form-block .widget { border: 1px solid rgba(0, 0, 0, 0.1); } .page-template-contact .contact-form-block .widget .widget-title { background: rgba(0, 0, 0, 0.05); padding: 10px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .page-template-contact .contact-form-block .widget .textwidget { padding: 30px; } .page-template-contact .contact-form-block .widget .textwidget p { margin-top: 0; margin-bottom: 15px; } .page-template-contact .contact-form-block .widget .textwidget p:nth-last-of-type(1) { margin-bottom: 0; } .page-template-contact .contact-form-block .wpcf7-form-control.wpcf7-submit { font-size: 1em; color: #680068; font-weight: 600; padding-top: 10px; padding-bottom: 10px; border: none; font-family: "Merriweather", serif; } .page-template-contact .contact-form-block .wpcf7-form-control.wpcf7-submit:hover { background: #680068; color: #fff; } .page-template-contact .contact-map-section .widget { margin-bottom: 0; } .page-template-contact .contact-map-section .widget p { margin: 0; } .page-template-contact .contact-map-section iframe { width: 100%; vertical-align: top; height: 450px; } @media only screen and (max-width: 1024px) { .page-template-contact .site-main .entry-content { flex-direction: column; flex: auto; } .page-template-contact .contact-info-block, .page-template-contact .contact-form-block { width: 100%; padding-right: 0; padding-left: 0; } } @media only screen and (max-width: 767px) { .page-template-contact .site-main .widget .widget-title { font-size: 1.1112em; } .page-template-contact .contact-info-block .contact-list li { display: block; margin-left: 0; margin-right: 0; width: 100%; } .page-template-contact .contact-map-section iframe { height: 320px; } } .error404 .error-404 { display: -webkit-box; display: flex; flex-wrap: wrap; align-items: center; } .error404 .error-404 .image-wrap { width: 41%; } .error404 .error-404 .page-content { width: 59%; padding-left: 50px; margin-top: 0; } .error404 .error-404 p { margin-top: 0; margin-bottom: 30px; font-size: 1.1112em; color: #680068; font-family: "Merriweather", serif; font-weight: 600; line-height: 1.75; } .error404 .error-404 p + p { color: #999; font-size: 0.8888em; margin-bottom: 20px; } .error404 .error-404 .search-form { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; margin-bottom: 50px; } .error404 .error-404 .search-form label { padding-right: 0; width: calc(100% - 120px); } .error404 .error-404 .search-form .search-field { border: none; } .error404 .error-404 .search-form .search-submit { background-image: none; width: 120px; text-indent: 0; font-size: 1em; font-weight: 700; color: #680068; letter-spacing: 0.5px; padding-left: 10px; padding-right: 10px; } .error404 .error-404 .search-form .search-submit:hover { border-color: #680068; background-color: #680068; color: #fff; } .error404 .error-404 .btn-readmore { display: inline-block; color: #680068; font-family: "Merriweather", serif; font-size: 0.7778em; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; background: #64d657; padding: 15px 40px; border-radius: 5px; } .error404 .error-404 .btn-readmore:hover { background: #680068; color: #64d657; } @media only screen and (max-width: 767px) { .error404 .error-404 { flex-direction: column; } .error404 .error-404 .image-wrap { width: 100%; margin-bottom: 40px; } .error404 .error-404 .page-content { width: 100%; padding-left: 0; } .error404 .error-404 .search-form label { width: calc(100% - 90px); } .error404 .error-404 .search-form .search-submit { width: 90px; } } /*# sourceMappingURL=style.css.map */