3214 lines
85 KiB
CSS
3214 lines
85 KiB
CSS
/*===== 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;
|
|
}
|
|
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%;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
/*@media (max-width: 1200px) {
|
|
.container, .upstudy-container {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
}*/
|
|
.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 {
|
|
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: 1024px) {
|
|
body .e-con>.e-con-inner {
|
|
max-width: var(--upstudy-elementor-container-width);
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
}
|
|
|
|
@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;
|
|
}
|
|
/*.upstudy-lms-courses-slider.swiper-container, .tpc_testimonial.swiper-container {
|
|
margin: -1.8rem !important;
|
|
padding: 1.8rem !important;
|
|
}*/
|
|
/*== 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;
|
|
}
|
|
|
|
|