/*===== Common CSS ======= */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } .hidden { display: none; } a { color: var(--upstudy-heading-color); text-decoration: none; outline: none; } a:hover, a:focus, a:active { text-decoration: none; outline: none; color: var(--upstudy-primary-color); } a:focus { outline: none; } address { margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 600; color: var(--upstudy-heading-color); } mark { background: var(--upstudy-primary-color); color: #ffffff; } code, kbd, pre, samp { font-size: var(--upstudy-font-size-b3); -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } code { color: var(--upstudy-heading-color); } kbd { background: var(--upstudy-heading-color); color: var(--upstudy-color-white); padding: 0.2rem 0.4rem; border-radius: 0.2rem; } ins { color: var(--upstudy-heading-color); } pre, pre.wp-block-code { font-size: 15px !important; margin: 40px 0 !important; overflow: auto; padding: 20px !important; white-space: pre-wrap !important; word-wrap: break-word !important; color: var(--upstudy-color-body) !important; background: var(--upstudy-color-light); border-radius: 4px; border: 1px solid var(--upstudy-color-border); } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin-top: 0; margin-bottom: 10px; } dd { margin: 0 15px 15px; } dt { font-weight: bold; color: var(--upstudy-heading-color); } menu, ol, ul { margin: 16px 0; padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } li>ul, li>ol { margin: 0; } ol ul { margin-bottom: 0; } embed, iframe, object { max-width: 100%; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } figure { margin: 0 0 10px; } form { margin: 0; } fieldset { border: 1px solid var(--upstudy-color-border); margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; appearance: textfield; padding-right: 2px; width: 270px; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } caption, th, td { font-weight: normal; } table thead th { font-weight: 600; } td, .wp-block-calendar tfoot td { border: 1px solid var(--upstudy-color-border); padding: 7px 10px; } del { color: #333; } hr { background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; opacity: 0.6; } table a, table a:link, table a:visited { text-decoration: underline; } dt { font-weight: bold; margin-bottom: 10px; } dd { margin: 0 15px 15px; } caption { caption-side: top; } dfn, cite, em { font-style: italic; } /* BlockQuote */ blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.is-style-plain, blockquote { background: #fdf8f4; padding: 50px 80px 35px 35px !important; font-style: normal; margin: 65px 0 30px; position: relative; z-index: 1; text-align: left; border-left: 5px solid var(--upstudy-primary-color); border-radius: 5px; } .wp-block-column blockquote.wp-block-quote { padding: 10px 15px !important; } .wp-block-column blockquote.wp-block-quote:after { display: none; } blockquote:after { position: absolute; content: "\f12a"; font-family: 'icomoon'; font-size: 35px; color: var(--upstudy-primary-color); top: -35px; left: 40px; width: 65px; height: 65px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0px 9px 68px 0px rgba(0, 0, 0, 0.08); background: #fff; } .wp-block-column blockquote:after { right: -5px; } blockquote, .wp-block-pullquote.is-style-solid-color blockquote p, .wp-block-quote.is-large:not(.is-style-plain) p, .wp-block-quote.is-style-large:not(.is-style-plain) p, blockquote p { color: var(--upstudy-color-body); font-size: 17px; } .wp-block-pullquote.is-style-solid-color blockquote p, .wp-block-quote.is-large:not(.is-style-plain) p, .wp-block-quote.is-style-large:not(.is-style-plain) p, blockquote p { margin-bottom: 0; } blockquote cite, blockquote p cite, blockquote p code, .wp-block-quote.is-large:not(.is-style-plain) cite, .wp-block-quote.is-large:not(.is-style-plain) footer, .wp-block-quote.is-style-large:not(.is-style-plain) cite, .wp-block-quote.is-style-large:not(.is-style-plain) footer, .wp-block-quote cite, blockquote cite { display: flex; margin-top: 8px; font-family: var(--upstudy-font-secondary); font-weight: var(--upstudy-p-medium); font-size: var(--upstudy-h5); line-height: var(--upstudy-h5-lineHeight); } blockquote cite a { color: var(--upstudy-heading-color); } blockquote.wp-block-quote.has-text-align-right cite { justify-content: flex-end; } blockquote strong, blockquote b { font-weight: 600; } @media only screen and (max-width: 991px) { .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.is-style-plain, blockquote { padding: 35px 30px 35px 100px !important; margin: 40px 0 30px; } blockquote:after { font-size: 30px; left: 30px; } } /* Placeholder */ ::-webkit-input-placeholder { color: var(--upstudy-color-placeholder); font-family: var(--upstudy-font-primary); font-weight: 400; } :-moz-placeholder { color: var(--upstudy-color-placeholder); font-family: var(--upstudy-font-primary); font-weight: 400; } ::-moz-placeholder { color: var(--upstudy-color-placeholder); font-family: var(--upstudy-font-primary); font-weight: 400; opacity: 1; } :-ms-input-placeholder { color: var(--upstudy-color-placeholder); font-family: var(--upstudy-font-primary); font-weight: 400; } /* Placeholder */ ::-webkit-input-placeholder { color: var(--upstudy-color-placeholder); font-family: var(--upstudy-font-primary); font-weight: 400; } :-moz-placeholder { color: var(--upstudy-color-placeholder); font-family: var(--upstudy-font-primary); font-weight: 400; } ::-moz-placeholder { color: var(--upstudy-color-placeholder); font-family: var(--upstudy-font-primary); font-weight: 400; opacity: 1; } :-ms-input-placeholder { color: var(--upstudy-color-placeholder); font-family: var(--upstudy-font-primary); font-weight: 400; } /** * Typography */ * { box-sizing: border-box; } html { margin: 0; padding: 0; } body { overflow-x: hidden; font-size: var(--upstudy-font-size-b1); line-height: var(--upstudy-line-height-b1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: var(--upstudy-font-primary); color: var(--upstudy-color-body); background-color: var(--upstudy-color-white); margin: 0; padding: 0; } body.modal-open { padding: 0 !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, pre, menu, ol, ul, table, hr { margin: 0; margin-bottom: 20px; } .display-one { font-size: 112px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { word-break: break-word; font-family: var(--upstudy-font-secondary); color: var(--upstudy-heading-color); } h1, .h1 { font-size: var(--upstudy-h1); line-height: var(--upstudy-h1-lineHeight); } h2, .h2 { font-size: var(--upstudy-h2); line-height: var(--upstudy-h2-lineHeight); } h3, .h3 { font-size: var(--upstudy-h3); line-height: var(--upstudy-h3-lineHeight); } h4, .h4 { font-size: var(--upstudy-h4); line-height: var(--upstudy-h4-lineHeight); } h5, .h5 { font-size: var(--upstudy-h5); line-height: var(--upstudy-h5-lineHeight); } h6, .h6 { font-size: var(--upstudy-h6); line-height: var(--upstudy-h6-lineHeight); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: inherit; transition: 0.5s; } a { color: var(--upstudy-heading-color); transition: 0.3s; } @media only screen and (min-width: 768px) and (max-width: 991px) { h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 28px; } } @media only screen and (max-width: 767px) { h1, .h1 { font-size: 34px; } h2, .h2 { font-size: 28px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 20px; } } h1, .h1, h2, .h2, h3, .h3 { font-weight: var(--upstudy-p-bold); } h4, .h4 { font-weight: var(--upstudy-p-semi-bold); } h5, .h5 { font-weight: var(--upstudy-p-semi-bold); } h6, .h6 { font-weight: var(--upstudy-p-semi-bold); } p { margin: 0 0 1.5em; } @media only screen and (max-width: 767px) { p { margin: 0 0 20px; } } p.has-large-font-size { line-height: 1.2; font-size: 36px; } p.has-medium-font-size { font-size: 24px; line-height: 36px; } p.has-small-font-size { font-size: 13px; } p.has-very-light-gray-color { color: var(--upstudy-color-white); } p.has-background { padding: 20px 30px; } table { border-collapse: collapse; border-spacing: 0; margin: 0 0 40px; width: 100%; } table a, table a:link, table a:visited { text-decoration: none; } cite, .wp-block-pullquote cite, .wp-block-pullquote.is-style-solid-color blockquote cite, .wp-block-quote cite { color: var(--upstudy-heading-color); } var { font-family: "Courier 10 Pitch", Courier, monospace; } .text-center { text-align: center !important; } .text-start { text-align: left !important } .text-end { text-align: right !important } .upstudy-flex-left { justify-content: left !important } .upstudy-flex-right { justify-content: center !important } .upstudy-flex-right { justify-content: right !important } /*--------------------------- List Style ---------------------------*/ ul, ol { padding-left: 18px; } ul { list-style: disc; margin-bottom: 30px; padding-left: 20px; } @media only screen and (max-width: 767px) { ul.liststyle.bullet li { padding-left: 19px; } } ul li { margin-top: 10px; margin-bottom: 10px; } ul li a { text-decoration: none; } ul li a:hover { color: var(--upstudy-primary-color); } ul ul { margin-bottom: 0; } ol { margin-bottom: 30px; } ol li { margin-top: 10px; margin-bottom: 10px; } ol li a { color: var(--heading-color); text-decoration: none; } ol li a:hover { color: var(--upstudy-primary-color); } ol ul { padding-left: 30px; } hr { display: block; height: 0; margin: 15px 0; border-top: 1px solid var(--upstudy-color-border); background: transparent; } .upstudy-shop-single-product .inner .upstudy-single-product-thumb-wrapper .product-hover-info ul, .blog-meta, .blog-main-content .gallery, .column-gallery, .widget ul, .cart-summary .cart-summary-inner, .footer-style-default .information-list { padding: 0; margin: 0; list-style: none; } ul li a, ol li a, #scrollUp, .form-group input, .form-group textarea, .mainmenu-nav .mainmenu li.has-droupdown .submenu li a { transition: var(--upstudy-transition); } .bgImagePosition, .bg-image { background-repeat: no-repeat; background-size: cover; background-position: center center; } a, button, img, input { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } article, aside, figcaption, figure, footer, header, nav, section { display: block; } a { text-decoration: none; } .has-text-align-left { text-align: left; } .has-text-align-center { text-align: center; } .has-text-align-right { text-align: right; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption-text { text-align: center; margin: 0.8075em 0 0; } .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; } .gallery-caption { display: block; } .bypostauthor { display: block; } .alignleft { display: inline; float: left; margin-right: 1.5em !important; } .alignright { display: inline; float: right; margin-left: 1.5em !important; } .aligncenter { clear: both; display: block; margin-left: auto !important; margin-right: auto !important; text-align: center; } button, input[type="button"], input[type="reset"], input[type="submit"] { background: #e6e6e6; color: rgba(0, 0, 0, 0.8); } button, input[type="button"], input[type="reset"], select, textarea, 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 { border: 1px solid var(--upstudy-color-border); border-radius: 0; padding: 13px 12px; background-color: transparent; } input[type="submit"] { border: none; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus, textarea: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, .widget_product_search .woocommerce-product-search input[type=search]:focus, .widget_search .search-form input[type=search]:focus { outline: 0; } textarea { width: 100%; } table { background-color: transparent; border-spacing: 0; border-collapse: collapse; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; } th { text-align: left; } .required { color: inherit !important; } .content-area { width: 100%; } .upstudy-display-flex { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .wp-block-button__link { margin-bottom: 15px; } .entry-header { -ms-word-wrap: break-word; word-wrap: break-word; } .upstudy-navbar { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: .5rem 1rem; } .container, .upstudy-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .container-fluid, .upstudy-container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .upstudy-order-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1 } .upstudy-order-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2 } .upstudy-d-flex { display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important } .upstudy-justify-content-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; justify-content: center!important } .upstudy-justify-content-end { -ms-flex-pack: flex-end!important; -webkit-box-pack: flex-end!important; justify-content: flex-end!important } .upstudy-col-xl-1, .upstudy-col-xl-2, .upstudy-col-xl-3, .upstudy-col-xl-4, .upstudy-col-xl-5, .upstudy-col-xl-6, .upstudy-col-xl-7, .upstudy-col-xl-8, .upstudy-col-xl-9, .upstudy-col-xl-10, .upstudy-col-xl-11, .upstudy-col-xl-12, .upstudy-col-lg-1, .upstudy-col-lg-2, .upstudy-col-lg-3, .upstudy-col-lg-4, .upstudy-col-lg-5, .upstudy-col-lg-el-5, .upstudy-col-lg-6, .upstudy-col-lg-7, .upstudy-col-lg-8, .upstudy-col-lg-9, .upstudy-col-lg-10, .upstudy-col-lg-11, .upstudy-col-lg-12, .upstudy-col-md-1, .upstudy-col-md-2, .upstudy-col-md-3, .upstudy-col-md-4, .upstudy-col-md-5, .upstudy-col-md-6, .upstudy-col-md-7, .upstudy-col-md-8, .upstudy-col-md-9, .upstudy-col-md-10, .upstudy-col-md-11, .upstudy-col-md-12, .upstudy-col-sm-1, .upstudy-col-sm-2, .upstudy-col-sm-3, .upstudy-col-sm-4, .upstudy-col-sm-5, .upstudy-col-sm-6, .upstudy-col-sm-7, .upstudy-col-sm-8, .upstudy-col-sm-9, .upstudy-col-sm-10, .upstudy-col-sm-11, .upstudy-col-sm-12, .upstudy-col-1, .upstudy-col-2, .upstudy-col-3, .upstudy-col-4, .upstudy-col-5, .upstudy-col-6, .upstudy-col-7, .upstudy-col-8, .upstudy-col-9, .upstudy-col-10, .upstudy-col-11, .upstudy-col-12 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .upstudy-col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333% } .upstudy-col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667% } .upstudy-col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25% } .upstudy-col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333% } .upstudy-col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667% } .upstudy-col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50% } .upstudy-col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333% } .upstudy-col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667% } .upstudy-col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75% } .upstudy-col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333% } .upstudy-col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667% } .upstudy-col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100% } .row, .upstudy-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-bottom: -30px } .upstudy-row>* { margin-bottom: 30px!important } .upstudy-main-content-inner.upstudy-row { margin-bottom: 0px!important } .upstudy-main-content-inner.upstudy-row>* { margin-bottom: 0px!important } .upstudy-d-none { display: none !important; } @media (min-width: 1200px) { .upstudy-d-xl-block { display: block !important; } } .upstudy-align-items-center { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .upstudy-text-center { text-align: center; } h1.entry-title, h2.entry-title { margin: 0 0 20px; } .tpc-sidebar-widget .widget-area-wrapper { padding: 35px 0; } .tpc-sidebar-widget .widget-area-wrapper:first-child { padding-top: 0; } .widget-area section.widget { padding: 0 0 30px 0; } .widget-area .widget_block h2, .widget-area h2.widget-title { font-weight: var(--upstudy-p-semi-bold); font-size: var(--upstudy-h4); line-height: var(--upstudy-h4-lineHeight); margin-bottom: 35px; } .upstudy-main-content-inner .widget-area ol.wp-block-latest-comments { padding-left: 0; } .upstudy-main-content-inner .wp-block-search .wp-block-search__label { display: none; } .upstudy-main-content-inner .wp-block-search__button-outside.wp-block-search__text-button.wp-block-search, .upstudy-main-content-inner .wp-block-search .wp-block-search__input { margin-bottom: 0; } h1.entry-title a, h2.entry-title a, .upstudy-main-content-inner .widget-area h2 a { text-decoration: none; } .entry-meta { margin-bottom: 20px; } .table-bordered { border: 1px solid var(--upstudy-color-border); } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top: 0; } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 2px; } .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid var(--upstudy-color-border); } .table>thead>tr>th { vertical-align: bottom; border-bottom: 1px solid var(--upstudy-color-border); } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 12px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid var(--upstudy-color-border); text-align: center; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9; } .edit-link { display: block; margin-top: 15px; } .upstudy-single-post .entry-header h1 { margin-top: 0; } .upstudy-comments-area .comment-respond, .upstudy-related-posts-wrapper { margin-top: 70px; } .upstudy-comments-area { margin-top: 50px; } .upstudy-related-posts-wrapper h3 { font-size: 22px; border-bottom: 1px solid var(--upstudy-color-border); padding-bottom: 20px; margin-bottom: 31px; } .upstudy-comments-area h2.comments-title, .upstudy-comments-area h3.upstudy-title { border-bottom: 0; padding-bottom: 0px; margin-bottom: 30px; font-size: 28px; line-height: 40px; } .upstudy-comments-area h3.upstudy-title { margin-bottom: 20px; } .upstudy-comments-area p.comment-notes { margin-bottom: 30px; } .upstudy-comments-area p.no-comments { color: #ffffff; padding: 8px 10px; border-radius: 5px; background: var(--upstudy-primary-color); } .upstudy-comments-area #cancel-comment-reply-link { opacity: .8; } .upstudy-comments-area #cancel-comment-reply-link:hover { opacity: 1; } .upstudy-author-bio { border-top: 1px solid var(--upstudy-color-border); display: flex; padding: 50px 0 50px; border-bottom: 1px solid var(--upstudy-color-border); } .upstudy-author-bio .upstudy-author-thumb img { width: 150px; height: 150px; object-fit: cover; border-radius: 100%; } .upstudy-author-bio .upstudy-author-details { width: calc(100% - 100px); padding-left: 30px; } .upstudy-author-bio .upstudy-author-details h5 { font-size: 20px; line-height: 32px; margin: 0 0 10px; } .upstudy-author-bio .upstudy-author-details a { text-decoration: none; } .upstudy-author-bio .upstudy-author-details .upstudy-author-info p:last-child { margin-bottom: 20px; } .upstudy-author-bio .upstudy-author-social-info { display: flex; flex-wrap: wrap; margin: 0 -15px; } .upstudy-author-bio .upstudy-author-social-info a { margin: 0 15px; color: var(--upstudy-primary-color); font-size: 14px; } .upstudy-comments-area .logged-in-as a { color: var(--upstudy-heading-color); } .upstudy-editor-social-info, .upstudy-social-share-icons-wrapper { margin: 0 !important; padding: 0 !important; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none !important; } .upstudy-editor-social-info a, .upstudy-social-share-icons-wrapper li { margin: 0 0 0 15px !important; } .upstudy-editor-social-info a:first-child { margin: 0 0 0 0 !important; } .upstudy-editor-social-info a, .upstudy-social-share-icons-wrapper li a { display: inline-block; font-size: 15px; font-weight: 500; color: var(--upstudy-heading-color); -webkit-transition: 0.3s; transition: 0.3s; } .upstudy-editor-social-info a:hover { color: var(--upstudy-primary-color); } .upstudy-woocommerce-shop-top p.woocommerce-result-count { margin: 0; color: var(--upstudy-heading-color); font-family: var(--upstudy-font-secondary); font-weight: var(--upstudy-p-semi-bold); } @media only screen and (max-width: 767px) { .upstudy-author-bio .upstudy-author-details { padding-left: 20px; } .upstudy-single-post-nav.upstudy-next-post a { justify-content: flex-start; } .upstudy-single-post-nav a span { -webkit-line-clamp: inherit; } } @media only screen and (max-width: 575px) { .upstudy-author-bio { display: block; } .upstudy-author-bio .upstudy-author-details { padding-left: 0px; width: 100%; margin-top: 20px; } } body.admin-bar .fancybox-toolbar { top: 32px; } @-webkit-keyframes upstudy-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes upstudy-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes upstudy-radius-change { 0% { border-radius: 0px 0px 0px 0px; } 40% { border-radius: 50px 0px 100px 0px; } 80% { border-radius: 0px 50px 0px 100px; } 100% { border-radius: 0px 0px 0px 0px; } } @-webkit-keyframes upstudy-radius-change2 { 0% { border-radius: 0px 0px 0px 0px; } 25% { border-radius: 50px 0px; } 50% { border-radius: 0px 0px 0px 0px; } 75% { border-radius: 0px 50px; } 100% { border-radius: 50px 0px; } } @keyframes upstudy-radius-change2 { 0% { border-radius: 0px 0px 0px 0px; } 25% { border-radius: 50px 0px; } 50% { border-radius: 0px 0px 0px 0px; } 75% { border-radius: 0px 50px; } 100% { border-radius: 50px 0px; } } .upstudy-fade { -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .upstudy-fade:not(.active) { opacity: 0; } @media (prefers-reduced-motion: reduce) { .upstudy-fade { -webkit-transition: none; -o-transition: none; transition: none; } } .w-100 { width: 100% !important; } /*===== Row columns ordering =====*/ @media (max-width: 991.98px) { .upstudy-order-row { display: flex; flex-direction: column; } .upstudy-order-first { order: 1; } .upstudy-order-last { order: 2; } } @media (min-width: 992px) { .upstudy-order-row { display: flex; flex-direction: row; } .upstudy-order-first { order: 2; } .upstudy-order-last { order: 1; } } .wp-calendar-nav { display: flex; justify-content: space-between; font-weight: 500; margin-top: 10px; } table#wp-calendar { caption-side: bottom; border-collapse: collapse; width: 100%; float: none; border: 0; margin-bottom: 0; } #wp-calendar caption { text-align: center; margin-top: 5px; margin-bottom: 0; padding-bottom: 0; padding-top: 0; color: var(--upstudy-heading-color); font-size: 18px; caption-side: top; font-weight: 500; } #wp-calendar #next a, #wp-calendar #prev a { font-size: 13px; font-weight: 600; } #wp-calendar thead { font-size: 14px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } #wp-calendar.table>thead>tr>th { border: 0; font-weight: 600; } #wp-calendar.table-striped>tbody>tr:nth-of-type(odd) { background: transparent; } #wp-calendar tbody { color: var(--upstudy-heading-color); } #wp-calendar tbody td { background: #fdfdfd; border: 1px solid var(--upstudy-color-border); text-align: center; padding: 8px 0; transition: 0.3s; color: var(--upstudy-color-body); } #wp-calendar tbody td a { color: var(--upstudy-heading-color); } #wp-calendar tbody td:hover, #wp-calendar tbody td:hover a { background: var(--upstudy-primary-color); color: var(--upstudy-color-white); border-color: var(--upstudy-primary-color); } #wp-calendar tbody .pad, #wp-calendar tbody .pad:hover { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } .wp-block-image figcaption { color: #575757; line-height: 28px; font-size: 15px; } .wp-block-image figcaption a { color: var(--upstudy-primary-color); } .wp-block-button a:hover { color: inherit; } .wp-block-button.is-style-squared .wp-block-button__link { color: #fff !important; border-radius: 0; } .wp-block-cover-text { color: var(--upstudy-color-white) !important; } .wp-block-cover { margin-bottom: 30px; } .wp-block-categories .postform, .wp-block-archives select { margin-bottom: 15px; } .wp-block-latest-comments footer { clear: inherit; } .wp-block-search .wp-block-search__inside-wrapper { position: relative; } .wp-block-search .wp-block-search__label { margin-bottom: 8px; } .wp-block-search__input { width: 100%; height: 50px; border: 1px solid #ddd; margin-bottom: 10px; padding: 0 15px; } .wp-block-search__button-outside.wp-block-search__text-button.wp-block-search { margin-bottom: 30px; } .wp-block-search__button-outside .wp-block-search__button { font-size: 15px; position: absolute; border: none; background: var(--upstudy-primary-color); right: 0; top: 0px; height: 50px; color: #ffff; padding: 0px 25px; border-radius: 0px 4px 4px 0px; } .has-background .wp-block-group__inner-container { padding: 20px; margin-bottom: 25px; } .wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile { margin-bottom: 20px; } .wp-block-pullquote { border-top: 4px solid var(--upstudy-color-body) !important; border-bottom: 4px solid var(--upstudy-color-body) !important; } .blocks-gallery-caption { margin-bottom: 10px !important; } .gallery { margin-bottom: 10px; } .gallery-caption { display: block; } @media (max-width: 575px) { .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { max-width: 100%; } } /* ===== Button ===== */ .upstudy-btn { display: inline-block; background: var(--upstudy-color-btn-bg); border-color: var(--upstudy-color-btn-border); color: var(--upstudy-color-btn-text); border-radius: 3px; padding: 17px 35px; font-size: 16px; font-weight: 600; line-height: 1; transition: all 0.3s ease 0s; } .upstudy-btn.upstudy-btn-size-small { padding: 15px 20px; } .upstudy-btn.upstudy-btn-size-medium { padding: 17px 35px; } .upstudy-btn.upstudy-btn-size-large { padding: 20px 50px; } .upstudy-btn.upstudy-full-btn { width: 100%; text-align: center; border-radius: 3px; padding: 17px 35px; font-size: 16px; font-weight: 500; line-height: 1; transition: all 0.3s ease 0s; background: var(--upstudy-color-btn-bg); border-color: var(--upstudy-color-btn-border); color: var(--upstudy-color-btn-text); } .upstudy-btn.upstudy-full-btn:hover { background: var(--upstudy-color-btn-bg-hover); border-color: var(--upstudy-color-btn-border-hover); color: var(--upstudy-color-btn-text-hover); } .upstudy-btn svg { fill: #fff; transition: all 0.3s ease 0s; } .upstudy-btn:hover, .upstudy-btn:focus, .upstudy-btn:active { background: var(--upstudy-color-btn-bg-hover); border-color: var(--upstudy-color-btn-border-hover); color: var(--upstudy-color-btn-text-hover); } .upstudy-btn:hover svg { fill: #fff; } .upstudy-btn-2 { border-radius: 100px; } .upstudy-btn-icon i { padding-left: 10px; position: relative; font-size: 11px; } .upstudy-btn-icon svg { height: 15px; position: relative; top: 2px; } .upstudy-button-icon-position-before svg, .upstudy-button-icon-position-before, .upstudy-button-icon-position-before svg, .upstudy-button-icon-position-after { display: flex; align-items: center; } .upstudy-button-icon-position-before svg, .upstudy-button-icon-position-before i { padding-right: 10px; padding-left: 0; } .upstudy-button-icon-position-after svg, .upstudy-button-icon-position-after i { padding-left: 10px; padding-right: 0; } /* Style 2 */ .upstudy-btn.style-2 { font-size: 16px; line-height: 30px; color: var(--upstudy-primary-color); } .upstudy-btn.style-2 i, .upstudy-btn-icon.style-2 svg { transition: all 0.3s linear; vertical-align: middle; color: var(--upstudy-primary-color); fill: var(--upstudy-primary-color); } .upstudy-btn-icon.style-2 svg { fill: var(--upstudy-primary-color); vertical-align: unset; } .upstudy-btn.style-2:hover i, .upstudy-btn.style-2:hover svg { transform: translateX(5px); } .upstudy-button-icon-position-before svg, .upstudy-button-icon-position-before i { padding-right: 10px; } .upstudy-button-icon-position-after svg, .upstudy-button-icon-position-after i { padding-left: 10px; } @media only screen and (max-width: 767px) { .tpc-course-details-page-content .learndash-wrapper #btn-join, a.edu-btn, button.edu-btn { padding: 0 20px; font-size: 14px; height: 50px; line-height: 52px; } } .woocommerce-Reviews .upstudy-button-item:hover:after, p.upstudy-cart-shop-page-link a:hover:after, .upstudy-woo-mini-cart-inner p.woocommerce-mini-cart__buttons .button.checkout:hover:after, .tpc-course-details-page-content .learndash-wrapper #btn-join:hover:after, a.edu-btn:hover:after, button.edu-btn:hover:after, .upstudy-mailchimp-subscribe-btn.style-1:hover:after, .upstudy-mailchimp-subscribe-btn.style-2:hover:after { left: 0; width: 100%; } a.edu-btn.btn-large, button.edu-btn.btn-large { padding: 0 40px; } a.edu-btn.btn-large i, button.edu-btn.btn-large i { top: 0; padding-left: 10px; } a.edu-btn.btn-medium, button.edu-btn.btn-medium { line-height: 1; padding: 15px 25px; border-radius: 100px; } a.edu-btn.btn-small, button.edu-btn.btn-small { line-height: 1; padding: 10px 20px; font-size: 14px; } a.edu-btn.left-icon i, button.edu-btn.left-icon i { padding-left: 0; padding-right: 10px; } a.edu-btn.btn-secondary, button.edu-btn.btn-secondary { background: var(--upstudy-color-secondary); color: var(--upstudy-color-white); } a.edu-btn.btn-secondary:hover, button.edu-btn.btn-secondary:hover { color: var(--upstudy-color-white); background: var(--upstudy-primary-color); } a.edu-btn.btn-secondary1, button.edu-btn.btn-secondary1 { background: var(--upstudy-color-secondary); color: var(--upstudy-color-white); } a.edu-btn.btn-secondary1:hover, button.edu-btn.btn-secondary1:hover { color: var(--upstudy-heading-color); background: var(--upstudy-color-white); } a.edu-btn.btn-border, button.edu-btn.btn-border { background: var(--upstudy-primary-color); border: 1px solid var(--upstudy-color-border); padding: 15px 35px; border-radius: 100px; } a.edu-btn.btn-border:after, button.edu-btn.btn-border:after { display: none; } a.edu-btn.btn-border:hover, button.edu-btn.btn-border:hover { background: var(--upstudy-color-thirty); border-color: var(--upstudy-color-thirty); color: var(--upstudy-color-white); } a.edu-btn.btn-border-curved, button.edu-btn.btn-border-curved { border-radius: 30px 5px; background-color: transparent; border: 1px solid var(--upstudy-color-border); color: var(--upstudy-color-white); padding: 0 25px; } a.edu-btn.btn-border-curved:after, button.edu-btn.btn-border-curved:after { display: none; } a.edu-btn.btn-border-curved:hover, button.edu-btn.btn-border-curved:hover { border-radius: 5px 30px; border-color: var(--upstudy-primary-color); color: var(--upstudy-primary-color); } a.edu-btn.btn-round, button.edu-btn.btn-round { background-color: var(--upstudy-color-white); color: var(--upstudy-heading-color) !important; border-radius: 30px; } a.edu-btn.btn-round:hover, button.edu-btn.btn-round:hover { color: var(--upstudy-color-white) !important; } a.main-header-btn.btn-radius { border-radius: 25px; } .elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a.btn-transparent, a.btn-transparent, button.btn-transparent { font-weight: 600; font-size: 18px; line-height: 28px; color: var(--upstudy-color-01); display: inline-block; position: relative; -webkit-transition: 0.3s; transition: 0.3s; } .elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a.btn-transparent.color-primary { color: var(--upstudy-primary-color); } a.btn-transparent i, button.btn-transparent i { padding-left: 6px; top: -1px; position: relative; font-size: 12px; } a.btn-transparent::after, button.btn-transparent::after { position: absolute; content: ""; left: auto; right: 0; bottom: 0; width: 0; height: 2px; background: var(--upstudy-primary-color); -webkit-transition: 0.3s; transition: 0.3s; } .elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a.btn-transparent:hover, a.btn-transparent:hover, button.btn-transparent:hover { color: var(--upstudy-primary-color); } a.btn-transparent:hover::after, button.btn-transparent:hover::after { width: 100%; left: 0; right: auto; } .button-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: -5px; } .button-group a { margin: 5px; } .btn-gradient { background: -webkit-linear-gradient(right, var(--upstudy-color-secondary) 0%, var(--upstudy-primary-color) 100%) !important; background: var(--upstudy-primary-color) !important; } .btn-gradient::after { background: -webkit-linear-gradient(right, var(--upstudy-primary-color) 0%, var(--upstudy-color-secondary) 100%) !important; background: linear-gradient(-90deg, var(--upstudy-primary-color) 0%, var(--upstudy-color-secondary) 100%) !important; } a.edu-btn i, button.edu-btn i { padding-left: 8px; position: relative; font-size: 15px; top: 2px; } @media only screen and (max-width: 767px) { a.edu-btn i, button.edu-btn i { font-size: 9px; } } .upstudy-button-widget-wrapper { display: flex; } .upstudy-button-item { text-align: center; border-radius: 5px; display: inline-block; line-height: 1; color: var(--upstudy-color-white); background: var(--upstudy-primary-color); padding: 15px 30px; font-size: 15px; font-weight: 500; -webkit-transition: 0.4s; transition: 0.4s; font-family: var(--upstudy-font-secondary); border: 0 none; overflow: hidden; position: relative; z-index: 1; } .upstudy-button-item.upstudy-button-size-small { height: 40px; line-height: 40px; padding: 0 20px; font-size: 14px; } .upstudy-button-item.upstudy-button-size-medium { height: 50px; line-height: 51px; padding: 0 25px; } .upstudy-button-item.upstudy-button-size-large { padding: 0 40px; } .upstudy-button-item.upstudy-button-style-two, .upstudy-button-item.upstudy-button-style-three { background: var(--upstudy-color-secondary); } .upstudy-button-item.default-style:after { content: ""; height: 100%; width: 0; border-radius: 5px; position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; -webkit-transition: 0.4s; transition: 0.4s; } .upstudy-button-item.upstudy-button-style-default.default-style:after, .upstudy-button-item.upstudy-button-style-two.default-style:after, .upstudy-button-item.upstudy-button-style-four.default-style:after, .upstudy-button-item.upstudy-button-style-curved.default-style:after { background: var(--upstudy-primary-color); } .upstudy-button-item i { padding-left: 6px; position: relative; font-size: 11px; } .upstudy-button-icon-position-after i { padding-left: 10px; position: relative; font-size: 11px; } .upstudy-button-item:hover, .upstudy-button-item:focus, .upstudy-button-item:active { color: var(--upstudy-color-white); } .upstudy-button-item.default-style:hover:after { left: 0; width: 100%; } .upstudy-button-item.upstudy-button-style-curved { border-radius: 30px 5px; } .upstudy-button-item.upstudy-button-style-curved:hover { border-radius: 5px 30px; } .upstudy-button-item.upstudy-button-style-three.default-style:hover { color: var(--upstudy-heading-color) !important; } .upstudy-button-item.upstudy-button-style-three.default-style:after { background: var(--upstudy-color-white); } .upstudy-button-item.upstudy-button-style-four.default-style { background: #f0f4f5; color: var(--upstudy-primary-color); } .upstudy-button-item.upstudy-button-style-four.default-style:hover { color: var(--upstudy-color-white); } .upstudy-button-item.upstudy-button-style-five.default-style { color: var(--upstudy-heading-color); background: var(--upstudy-color-white); } .upstudy-button-item.upstudy-button-style-five:hover { color: var(--upstudy-color-white); } .upstudy-button-item.upstudy-button-style-five.default-style:after { background: var(--upstudy-color-secondary); } @media only screen and (max-width: 767px) { .upstudy-button-item { padding: 0 20px; font-size: 14px; height: 50px; line-height: 52px; } .upstudy-button-item i { font-size: 9px; } } /* * if page layout is boxed and pade sidebar is either * left-sidebar or right-sidebar except no-sidebar. */ .elementor-edit-area { width: 100%; } .elementor_library-template-default .entry-footer { display: none; } .elementor-template-full-width .tpc-site-content-inner.upstudy-container-fluid { padding-right: 0; padding-left: 0; } .elementor-template-full-width .tpc-site-content-inner>.upstudy-row { display: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; margin-right: 0; margin-left: 0; } .elementor-page .upstudy-single-page { margin-bottom: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; background-color: inherit; border-radius: inherit; padding: inherit; } .elementor-page .page-content, .elementor-page .entry-content, .elementor-page .entry-summary { margin-top: 0; } .elementor-page.upstudy-page-sidebar-disable .upstudy-page-container.upstudy-container { max-width: 100%; } .elementor-page.upstudy-page-sidebar-disable .upstudy-page-container.upstudy-container .entry-footer .edit-link { max-width: 1170px; margin: 0 auto; } .elementor-page .upstudy-fullwidth-page-container .content-area.upstudy-col-lg-12, .elementor-page .upstudy-container .content-area.upstudy-col-lg-12 { padding: 0; } .upstudy-sticky-header-wrapper.upstudy-header-sticky-active .upstudy-hide-at-sticky { display: none; } /** * ------------------- * # Sal Animation * ------------------- */ @-webkit-keyframes upstudy--slide-up { 0% { -webkit-transform: translate3d(0, 3rem, 0); transform: translate3d(0, 3rem, 0); opacity: 0; filter: alpha(opacity=0); transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes upstudy--slide-up { 0% { -webkit-transform: translate3d(0, 3rem, 0); transform: translate3d(0, 3rem, 0); opacity: 0; filter: alpha(opacity=0); transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .upstudy--slide-up { animation-name: upstudy--slide-up; } [data-sal].sal-animate { animation-name: upstudy--slide-up; animation-duration: 1.25s; } .upstudy-course-filter-type-cat-filter [data-sal], .upstudy-course-filter-type-cat-filter [data-sal].sal-animate, .upstudy-filter-type-tab-filter [data-sal], .upstudy-filter-type-tab-filter [data-sal].sal-animate { animation-name: unset; animation-duration: unset; } /** * ------------------- * # Responsive CSS * ------------------- */ .upstudy-header-area i.dt-icon-menu { font-size: 20px; top: 5px; position: relative; } @media screen and (max-width: 1199px) { .upstudy-header-area.upstudy-navbar .site-branding, .upstudy-mobile-menu .upstudy-mobile-hamburger-menu { height: 80px; line-height: 80px; } .upstudy-header-area .upstudy-theme-nav.upstudy-navbar-collapse { display: none; } nav.main-navigation.upstudy-navbar-collapse.upstudy-elementor-nav { display: none; } .upstudy-header-area .quote-icon.upstudy-theme-nav-responsive { display: block; } .upstudy-mobile-menu { display: block; } .upstudy-default-header-nav { display: flex; justify-content: flex-end; } .upstudy-mobile-menu-item, .upstudy-elementor-mobile-menu-item { display: block; } .upstudy-mobile-menu .upstudy-mobile-menu-nav-wrapper .logo-wrapper .site-white-logo { display: none; } } @media screen and (max-width: 991px) { .upstudy-header-area .upstudy-container { position: relative; } .upstudy-header-area>.upstudy-container, .upstudy-header-area>.upstudy-container-fluid { -ms-flex-align: flex-start; -webkit-box-align: start; align-items: flex-start; } .upstudy-comment-list li>ol.children { margin-left: 15px; } .upstudy-header-area.upstudy-navbar-expand-lg ul.upstudy-navbar-nav>li>a.nav-link, .upstudy-header-area ul.upstudy-navbar-nav>li>a { padding: 0 10px; } aside#secondary.widget-area { margin-top: 30px; } } @media screen and (max-width: 782px) { body.admin-bar .upstudy-mobile-menu-nav-wrapper { padding: 46px 0px 0px; } body.admin-bar .upstudy-sticky-header-wrapper.upstudy-header-sticky-active, body.admin-bar .site-header.upstudy-header-sticky-active { top: 46px; } } @media screen and (max-width: 600px) { body.admin-bar .upstudy-mobile-menu-nav-wrapper { padding: 0px; } } @media only screen and (max-width: 767px) { .widget_archive ul.children li, .widget_categories ul.children li, .widget_pages ul.children li, .widget_meta ul.children li, .widget_nav_menu ul ul.sub-menu li { padding-left: 15px; } .upstudy-single-post .upstudy-single-post-meta-info { margin: 0 0 15px; } } @media (max-width: 600px) { body.admin-bar .upstudy-sticky-header-wrapper.upstudy-header-sticky-active, body.admin-bar .site-header.upstudy-header-sticky-active { top: 0; } } @media (max-width: 580px) { .upstudy-comment-list li>ol.children { margin-left: 0px; } .widget_archive ul.children li, .widget_categories ul.children li, .widget_pages ul.children li, .widget_meta ul.children li, .widget_nav_menu ul ul.sub-menu li { padding-left: 10px; } } @media (min-width: 576px) { .upstudy-col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .upstudy-col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .upstudy-col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .upstudy-col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .upstudy-col-sm-5 { -ms-flex: 0 0 41.66666667%; -webkit-box-flex: 0; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .upstudy-col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .upstudy-col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .upstudy-col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .upstudy-col-sm-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .upstudy-col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .upstudy-col-sm-11 { -ms-flex: 0 0 91.66666667%; -webkit-box-flex: 0; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .upstudy-col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .upstudy-col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .upstudy-col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .upstudy-col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .upstudy-col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .upstudy-col-md-5 { -ms-flex: 0 0 41.66666667%; -webkit-box-flex: 0; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .upstudy-col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .upstudy-col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .upstudy-col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .upstudy-col-md-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .upstudy-col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .upstudy-col-md-11 { -ms-flex: 0 0 91.66666667%; -webkit-box-flex: 0; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .upstudy-col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .upstudy-404-page-header { font-size: 40px; line-height: 50px; } blockquote.wp-block-quote:before { width: 10px; } } @media (min-width: 992px) { .upstudy-error-404.not-found { margin-top: -100px; } .upstudy-col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .upstudy-col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .upstudy-col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .upstudy-col-lg-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .upstudy-col-lg-5 { -ms-flex: 0 0 41.66666667%; -webkit-box-flex: 0; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .upstudy-col-lg-el-5 { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .upstudy-col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .upstudy-col-lg-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .upstudy-col-lg-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .upstudy-col-lg-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .upstudy-col-lg-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .upstudy-col-lg-11 { -ms-flex: 0 0 91.66666667%; -webkit-box-flex: 0; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .upstudy-col-lg-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { body .e-con>.e-con-inner { max-width: var(--upstudy-elementor-container-width); } .container, .upstudy-container { max-width: var(--upstudy-elementor-container-width); } .upstudy-404-page-header { font-size: 48px; line-height: 58px; margin-bottom: 24px; margin-top: 23px; } .upstudy-404-page-details { font-size: 24px; line-height: 26px; } .upstudy-error-404 .upstudy-button-item { margin-top: 70px; } } @media (min-width: 1200px) { .upstudy-col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .upstudy-col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .upstudy-col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .upstudy-col-xl-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .upstudy-col-xl-5 { -ms-flex: 0 0 41.66666667%; -webkit-box-flex: 0; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .upstudy-col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .upstudy-col-xl-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .upstudy-col-xl-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .upstudy-col-xl-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .upstudy-col-xl-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .upstudy-col-xl-11 { -ms-flex: 0 0 91.66666667%; -webkit-box-flex: 0; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .upstudy-col-xl-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } } /** * ------------------- * # Pagination * ------------------- */ body .tutor-pagination-wrap, .upstudy-pagination-wrapper .page-number, .upstudy-pagination-wrapper.woocommerce-pagination .page-numbers { margin: 70px 0 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .upstudy-pagination-wrapper.woocommerce-pagination .page-numbers .page-numbers:empty, .upstudy-pagination-wrapper .page-number:empty { margin: 0 !important; } body .tutor-pagination-wrap li, nav.upstudy-theme-page-links ul li, .upstudy-pagination-wrapper ul li { margin-bottom: 0; margin-top: 0px; } body .tutor-pagination-wrap span, body .tutor-pagination-wrap a:not(:last-child), nav.upstudy-theme-page-links ul.pager li:not(:last-child), .upstudy-pagination-wrapper .page-number li:not(:last-child), .upstudy-pagination-wrapper.woocommerce-pagination .page-numbers li:not(:last-child), .upstudy-pagination-wrapper.tpc-custom-pagination .page-number span:not(:last-child), .upstudy-pagination-wrapper.tpc-custom-pagination .page-number a:not(:last-child) { margin-right: 10px; } body .tutor-pagination-wrap span, body .tutor-pagination-wrap a, nav.upstudy-theme-page-links ul.pager li span, nav.upstudy-theme-page-links ul.pager li a, .upstudy-pagination-wrapper.woocommerce-pagination .page-numbers .page-numbers, .upstudy-pagination-wrapper .page-number .page-numbers { width: 37px; height: 37px; line-height: 37px; display: block; border: 0; border-radius: 100px; text-align: center; color: var(--upstudy-heading-color); -webkit-transition: var(--upstudy-transition); transition: var(--upstudy-transition); font-size: 16px; position: relative; z-index: 1; background: #f3f3f3; } .upstudy-pagination-wrapper.woocommerce-pagination .page-numbers .page-numbers { margin-top: 0 !important; } .upstudy-pagination-wrapper.woocommerce-pagination .page-numbers i, nav.upstudy-theme-page-links ul.pager li .upstudy-pagination-icon, .upstudy-pagination-wrapper .page-numbers .upstudy-pagination-icon { font-size: 17px; position: relative; } body .tutor-pagination-wrap span:before, body .tutor-pagination-wrap a:before, nav.upstudy-theme-page-links ul.pager li span:before, nav.upstudy-theme-page-links ul.pager li a:before, .upstudy-pagination-wrapper.woocommerce-pagination .page-numbers .page-numbers:before, .upstudy-pagination-wrapper .page-number .page-numbers:before { content: ""; height: 100%; width: 100%; background: var(--upstudy-primary-color); border-radius: 100px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: var(--upstudy-transition); transition: var(--upstudy-transition); z-index: -1; opacity: 0; } nav.upstudy-theme-page-links ul.pager li.active span:before, nav.upstudy-theme-page-links ul.pager li:hover a:before, .upstudy-pagination-wrapper.woocommerce-pagination .page-numbers .page-numbers.current:before, .upstudy-pagination-wrapper.woocommerce-pagination .page-numbers .page-numbers:hover:before, .upstudy-pagination-wrapper .page-number .page-numbers.current:before, .upstudy-pagination-wrapper .page-number .page-numbers:hover:before { opacity: 1; } body .tutor-pagination-wrap i, nav.upstudy-theme-page-links ul.pager li i, nav.upstudy-theme-page-links ul.pager li i, .upstudy-pagination-wrapper .page-numbers i { font-size: 22px; font-weight: 500; } .upstudy-pagination-wrapper .page-number .page-numbers:focus, .upstudy-social-share-icons-wrapper a:focus, .upstudy-single-blog .blog-content .title a:focus { outline: 0; } body .tutor-pagination-wrap span.current, body .tutor-pagination-wrap a:hover, nav.upstudy-theme-page-links ul.pager li.active span, nav.upstudy-theme-page-links ul.pager li:hover a, .upstudy-pagination-wrapper.woocommerce-pagination .page-numbers .page-numbers.current, .upstudy-pagination-wrapper.woocommerce-pagination .page-numbers .page-numbers:hover, .upstudy-pagination-wrapper .page-number .page-numbers.current, .upstudy-pagination-wrapper .page-number .page-numbers:hover { color: #ffffff; } nav.upstudy-theme-page-links ul.pager, nav.upstudy-theme-page-links { display: flex; align-items: center; } nav.upstudy-theme-page-links { margin: 70px 0 0; } .upstudy-single-post nav.upstudy-theme-page-links { margin: 20px 0 0; } nav.upstudy-theme-page-links ul.pager { margin: 0 0 0 15px; padding: 0; list-style: none; } /*== Template Name: Upstudy - Education WordPress Theme ===*/ body:not(.elementor-page) .tpc-site-content { padding: 95px 0; } body.single-post .tpc-site-content { padding: 95px 0; } body.single .tpc-site-content { padding: 95px 0; } body.elementor-editor-active .tpc-site-content { padding: 0 0; } body.upstudy_header-template-default.single.single-upstudy_header.elementor-default.elementor-page .tpc-site-content { padding: 0 0; } /*== Video PopUp Addon ==*/ .YouTubePopUp-Wrap { position: fixed; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; z-index: 9999999999999; } .YouTubePopUp-animation { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUp; animation-name: YouTubePopUp; } @-webkit-keyframes YouTubePopUp { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes YouTubePopUp { 0% { opacity: 0; } 100% { opacity: 1; } } body.logged-in .YouTubePopUp-Wrap { top: 32px; z-index: 99998; } .YouTubePopUp-Content { max-width: 1200px; display: block; margin: 0 auto; height: 100%; position: relative; } .YouTubePopUp-Content iframe { max-width: 100% !important; width: 100% !important; display: block !important; height: 680px !important; border: none !important; position: absolute; top: 0; bottom: 0; margin: auto 0; background: #fff; padding: 10px; border-radius: 5px; } .YouTubePopUp-Hide { animation-duration: 0.5s; animation-fill-mode: both; animation-name: YouTubePopUpHide; } @-webkit-keyframes YouTubePopUpHide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes YouTubePopUpHide { 0% { opacity: 1; } 100% { opacity: 0; } } .YouTubePopUp-Close { position: absolute; top: 62px; cursor: pointer; right: 0px; margin: auto 0; width: 24px; height: 24px; background: url(../images/close.svg) no-repeat; background-size: 24px 24px; display: inline-block; } .YouTubePopUp-Close:hover { opacity: 0.5; } @media (max-width:1200px) { .YouTubePopUp-Content { max-width: 950px; } .YouTubePopUp-Content iframe { height: 500px !important; } } @media (max-width:992px) { .YouTubePopUp-Content { max-width: 750px; } .YouTubePopUp-Content iframe { height: 400px !important; } } @media (max-width:768px) { .YouTubePopUp-Content { max-width: 500px; } .YouTubePopUp-Content iframe { height: 362px !important; } } @media (max-width:600px) { .YouTubePopUp-Content { max-width: 95%; } .YouTubePopUp-Content iframe { height: 320px !important; } .YouTubePopUp-Close { bottom: 362px; } } @media (max-width:480px) { .YouTubePopUp-Content { max-width: 95%; } .YouTubePopUp-Content iframe { height: 220px !important; } .YouTubePopUp-Close { bottom: 262px; } } .upstudy-video-popup-wrapper { position: relative; } /*=== PopUp video style-1 ===*/ .upstudy-video-popup-wrapper.style-1 a { width: 80px; height: 80px; font-size: 15px; display: inline-flex; justify-content: center; align-items: center; text-align: center; position: relative; border-radius: 50%; background: var(--upstudy-primary-color); color: #ffffff; transition: all 0.3s linear; } .upstudy-video-popup-wrapper.style-1 a::before { content: ""; border: 2px solid var(--upstudy-primary-color); position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 170px; height: 170px; border-radius: 50%; -webkit-animation: zoombig 3.25s linear infinite; animation: zoombig 3.25s linear infinite; -webkit-animation-delay: .8s; animation-delay: .8s; } .upstudy-video-popup-wrapper.style-1 a::after { content: ""; border: 2px solid var(--upstudy-primary-color); position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 170px; height: 170px; border-radius: 50%; -webkit-animation: zoombig 3.25s linear infinite; animation: zoombig 3.25s linear infinite; -webkit-animation-delay: 0s; animation-delay: 0s; } .upstudy-video-popup-wrapper.style-1 a:hover { background: var(--upstudy-primary-color); } @-webkit-keyframes zoombig { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; border-width: 3px; } 40% { opacity: .5; border-width: 3px; } 65% { border-width: 2px; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; border-width: 2px; } } @keyframes zoombig { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; border-width: 3px; } 40% { opacity: .5; border-width: 3px; } 65% { border-width: 2px; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; border-width: 2px; } } /* Style 2 */ .upstudy-video-popup-wrapper.style-2 a { width: 80px; height: 80px; text-align: center; background: var(--upstudy-primary-color); color: #FFFFFF; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; transition: all 0.3s linear; } .upstudy-video-popup-wrapper a>i { line-height: 1; transition: all 0.3s linear } .upstudy-video-popup-wrapper.style-2 a:hover { background: #0f0948; color: #ffffff; } /*== swiper-navigation ==*/ .swiper-navigation .swiper-btn-nxt img, .swiper-navigation .swiper-btn-prv img { transition: 0s; } .swiper-navigation .swiper-btn-nxt:hover, .swiper-navigation .swiper-btn-prv:hover { color: var(--upstudy-color-white); background: var(--upstudy-gradient-primary); } .swiper-navigation .swiper-btn-nxt:hover img, .swiper-navigation .swiper-btn-prv:hover img { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(321deg) brightness(101%) contrast(103%); filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(321deg) brightness(101%) contrast(103%); } /*== swiper-pagination ==*/ body .swiper-horizontal>.swiper-pagination-bullets, body .swiper-pagination-bullets.swiper-pagination-horizontal, body .swiper-pagination-custom, body .swiper-pagination-fraction { bottom: -30px; position: relative; display: inline-block; overflow: auto; } /* Pagination Style 2 */ .upstudy-pagination-style-2 .swiper-pagination-bullets .swiper-pagination-bullet { position: relative; } .upstudy-pagination-style-2 .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { width: 10px; height: 10px; } .upstudy-pagination-style-2 .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet::after { content: ""; position: absolute; border: 1px solid var(--upstudy-primary-color-alt); width: calc(100% + 14px); height: calc(100% + 14px); border-radius: 50%; transition: all 0.3s linear; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); } .upstudy-pagination-style-2 .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active::after { transform: translate(-50%, -50%) scale(1); } /* Pagination Style 3 */ .upstudy-pagination-style-3 .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { border-radius: 0; } /* ## Elementor Conflict */ .elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper .swiper-pagination-custom, .elementor-element .swiper .swiper-pagination-fraction, .elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper~.swiper-pagination-custom, .elementor-element .swiper~.swiper-pagination-fraction, .elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper .swiper-pagination-custom, .elementor-lightbox .swiper .swiper-pagination-fraction, .elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper~.swiper-pagination-custom, .elementor-lightbox .swiper~.swiper-pagination-fraction { bottom: -30px !important; } .swiper-pagination .swiper-pagination-bullet { height: 12px; width: 12px; background-color: #e3e3e3; opacity: 1; margin: 0 7px !important; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--upstudy-primary-color); } .upstudy-carousel .upstudy-carousel-nxt, .upstudy-carousel .upstudy-carousel-prv { position: absolute; display: flex; justify-content: center; align-items: center; top: 50%; transform: translateY(-50%); padding: 0; color: var(--upstudy-color-white); background: var(--upstudy-color-white); border: 2px solid var(--upstudy-color-white); border-radius: 50%; font-size: 16px; cursor: pointer; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 1; opacity: 0; height: 45px; width: 45px; box-shadow: 0px 1px 2px rgba(55, 73, 87, .1), 0px 2px 5px rgba(55, 73, 87, .15); } .upstudy-carousel .upstudy-carousel-nxt i, .upstudy-carousel .upstudy-carousel-prv i { font-size: 20px; color: var(--upstudy-color-body) } .upstudy-carousel .upstudy-carousel-nxt { right: 0; } .upstudy-carousel .upstudy-carousel-prv { left: 0; } .upstudy-carousel:hover .upstudy-carousel-nxt { right: 30px; opacity: 1; } .upstudy-carousel:hover .upstudy-carousel-prv { left: 30px; opacity: 1; } /* Style 2 */ .upstudy-carousel.upstudy-navigation-style-2 .upstudy-carousel-nxt, .upstudy-carousel.upstudy-navigation-style-2 .upstudy-carousel-prv { width: 42px; height: 42px; border-radius: 5px; background: var(--upstudy-primary-color); border-color: var(--upstudy-primary-color); color: var(--upstudy-color-white); } .upstudy-carousel.upstudy-navigation-style-2 .upstudy-carousel-nxt i, .upstudy-carousel.upstudy-navigation-style-2 .upstudy-carousel-prv i { color: var(--upstudy-color-white); } /* Style 3 */ .upstudy-carousel.upstudy-navigation-style-3 .navigation-wrapper { display: flex; gap: 10px; align-items: center; justify-content: center; width: 100%; } .upstudy-carousel.upstudy-navigation-style-3 .upstudy-carousel-nxt, .upstudy-carousel.upstudy-navigation-style-3 .upstudy-carousel-prv { position: relative; top: 0; transform: translateY(0); right: unset; left: unset; opacity: 1; } /* For Course, Blog, Event */ .upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3) .upstudy-carousel-nxt, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3) .upstudy-carousel-nxt { right: 0px; } .upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3) .upstudy-carousel-prv, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3) .upstudy-carousel-prv { left: 0px; } .upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-nxt, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-nxt { right: -10px; opacity: 1; } .upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-prv, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-prv { left: -10px; opacity: 1; } @media only screen and (max-width: 1200px) { .upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-nxt, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-nxt { right: 15px; opacity: 1; } .upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-prv, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-prv { left: 15px; opacity: 1; } } /*=== Back to To ====*/ .devthrow-progress-parent { position: fixed; right: 30px; bottom: 30px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--upstudy-primary-color) 20%, transparent); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; background: var(--upstudy-primary-color); } .devthrow-progress-parent.devthrow-backto-top-active { opacity: 1; visibility: visible; transform: translateY(0); background: transparent; } .devthrow-progress-parent::after { position: absolute; font-family: icomoon!important; content: "\f129"; text-align: center; line-height: 46px; font-size: 22px; color: var(--upstudy-primary-color); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .devthrow-progress-parent svg path { fill: none; } .devthrow-progress-parent svg.devthrow-back-circle path { stroke: var(--upstudy-primary-color); stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } /** * -------------------------------------- * # Woo Mini Cart * -------------------------------------- */ .upstudy-logged-in-user-hover-content, .upstudy-woo-mini-cart-content { position: absolute; content: ''; left: 0; top: 100%; z-index: 99; background-color: #ffffff; padding: 20px; min-width: 180px; visibility: hidden; opacity: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08); box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08); } .upstudy-logged-in-user-visible-content .upstudy-logged-in-user-name, .upstudy-logged-out-user-wrapper .upstudy-logged-out-user-text { font-weight: 600; } .upstudy-logged-in-user-hover-content:before, .upstudy-woo-mini-cart-content:before { top: -7.5px; content: ''; position: absolute; left: 35px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: -2px -2px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: -2px -2px 10px -5px rgba(0, 0, 0, 0.2); border-top: 7.5px solid #ffffff; border-bottom: 7.5px solid transparent; border-left: 7.5px solid #ffffff; border-right: 7.5px solid #ffffff; } .upstudy-woo-mini-cart-content:before { top: -7px; } .upstudy-logged-in-user-wrapper:hover .upstudy-logged-in-user-hover-content, .upstudy-woo-mini-cart-icon-wrapper.upstudy-woo-mini-cart-active-on-hover:hover .upstudy-woo-mini-cart-content, .upstudy-woo-mini-cart-content.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .upstudy-woo-mini-cart-wrapper, .upstudy-woo-mini-cart-inner, .upstudy-woo-mini-cart-icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; bottom: -1px; } .upstudy-woo-mini-cart-wrapper { padding: 0 15px 0 20px; } .theme-default-header .upstudy-woo-mini-cart-wrapper { padding-left: 0; } .theme-header-1 .upstudy-woo-mini-cart-wrapper { padding: 0 18px 0 55px; } .theme-header-3 .upstudy-woo-mini-cart-wrapper.woocommerce::before { content: ''; position: absolute; height: 35px; width: 1px; background: #ddd; left: 10px; } .upstudy-woo-mini-cart-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .upstudy-woo-mini-cart-content:before { left: inherit; right: 22px; } .upstudy-woo-mini-cart-icon-wrapper i { font-size: 19px; } .upstudy-woo-mini-cart-total-item { background-color: var(--upstudy-primary-color); border-radius: 50%; color: #ffffff; position: absolute; text-align: center; width: 20px; height: 20px; line-height: 23px; left: 15px; top: calc(50% - 21px); font-size: 12px; font-weight: 500; font-family: var(--upstudy-font-secondary); } .upstudy-woo-mini-cart-total-price { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 20px; font-size: 20px; line-height: 1; } .upstudy-woo-mini-cart-content { right: -20px; left: inherit; width: 370px; padding: 20px 28px 25px; } .upstudy-mini-cart-items { max-height: 450px; overflow-y: auto; } .upstudy-mini-cart-each-item, .upstudy-mini-cart-item-thumb a { display: -webkit-box; display: -ms-flexbox; display: flex; } .upstudy-mini-cart-each-item:not(:last-child) { margin-bottom: 30px; } .upstudy-mini-cart-item-thumb { width: 95px; padding-right: 15px; } .upstudy-mini-cart-item-thumb img { width: 75px; height: 75px; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } .upstudy-mini-cart-product-name-quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: -2px; color: var(--upstudy-color-black); font-size: 15px; } .upstudy-mini-cart-product-name-quantity, .upstudy-mini-cart-product-name-quantity a { font-weight: 600; } .upstudy-mini-cart-product-name-quantity a { margin-bottom: 5px; font-size: var(--upstudy-font-size-b3); line-height: 1.6; color: var(--upstudy-color-black); font-family: var(--upstudy-font-secondary); padding-right: 8px; } .upstudy-mini-cart-product-name-quantity a:hover { color: var(--upstudy-primary-color); } .upstudy-mini-cart-product-name-quantity .quantity { font-size: 15px; font-weight: 400; } .upstudy-mini-cart-each-item a.remove { border: 0; color: var(--upstudy-color-body) !important; background: transparent; font-size: 26px; margin-top: -5px; font-size: 0; position: relative; } .upstudy-mini-cart-each-item a.remove:after { position: absolute; content: "\f119"; font-family: 'icomoon'; right: 3px; top: 6px; font-size: 12px; } .upstudy-mini-cart-each-item a.remove:hover:after { color: var(--upstudy-color-secondary); } a.remove_from_cart_button { margin-left: auto; font-weight: 600; font-size: 24px; margin-top: -7px; } .upstudy-mini-cart-each-item .blockUI.blockOverlay { background-color: inherit !important; } .upstudy-mini-cart-each-item:first-child .blockUI.blockOverlay::before { top: calc(50% - 18px); } .upstudy-mini-cart-each-item .blockUI.blockOverlay::before { position: absolute; top: calc(50% - 10px); left: 13px; -webkit-animation: upstudy-spin 1s ease-in-out infinite; animation: upstudy-spin 1s ease-in-out infinite; content: "\f119"; font-family: 'icomoon'; line-height: 1; font-size: 20px; } .upstudy-woo-mini-cart-inner p.woocommerce-mini-cart__total.total { border-top: 3px double rgba(178, 187, 197, .3); padding: 20px 0; margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; font-weight: 600; color: var(--upstudy-color-black); line-height: 1; margin-bottom: 0; } .upstudy-woo-mini-cart-inner p.woocommerce-mini-cart__total.total strong { font-weight: 600; } .upstudy-woo-mini-cart-inner p.woocommerce-mini-cart__total.total span.woocommerce-Price-amount.amount { margin-left: auto; } .upstudy-woo-mini-cart-inner p.woocommerce-mini-cart__buttons .button { border-radius: 25px; font-size: 14px; height: 40px; line-height: 40px; color: var(--upstudy-color-white); padding: 0 36px; margin-bottom: 0 !important; overflow: hidden; background: var(--upstudy-primary-color); } .upstudy-woo-mini-cart-inner p.woocommerce-mini-cart__buttons .button.checkout { margin-left: 10px !important; background: var(--upstudy-color-secondary); position: relative; } .upstudy-woo-mini-cart-inner p.woocommerce-mini-cart__buttons .button.checkout:hover { background: var(--upstudy-primary-color); } p.woocommerce-mini-cart__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0px; } p.upstudy-cart-empty-text, p.upstudy-cart-shop-page-link { margin: 0px; } p.upstudy-cart-empty-text { font-weight: 600; font-size: 20px; margin-bottom: 18px; color: var(--upstudy-heading-color); } .upstudy-woo-mini-cart-inner .upstudy-cart-empty-text { font-weight: 500; font-size: 18px; } .upstudy-woo-mini-cart-inner .upstudy-cart-empty-text strong { font-weight: 500; } p.upstudy-cart-shop-page-link a { width: 100%; } p.upstudy-cart-shop-page-link { width: 100%; margin: 0 !important; padding: 0 !important; display: inline-flex; } .upstudy-cart-empty-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .upstudy-woo-mini-cart-link { cursor: pointer; } @media only screen and (max-width: 1199px) { .upstudy-woo-mini-cart-content { display: none; } } @media only screen and (max-width: 570px) { .upstudy-woo-mini-cart-wrapper { display: none; } .header-top-social-share { display: none; } } @media only screen and (max-width: 1699px) { .theme-header-1 .upstudy-woo-mini-cart-wrapper { padding-left: 20px; } .theme-header-1 .upstudy-woo-mini-cart-wrapper.woocommerce::after { left: 10px; } } /*== Flying number bubble ==*/ .upstudy-fly-number { position: fixed; z-index: 99999; min-width: 36px; height: 36px; line-height: 36px; padding: 0 10px; border-radius: 18px; background: #0e2a4763; color: #fff; font-weight: 700; text-align: center; pointer-events: none; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18); font-size: 14px; white-space: nowrap; }