/* ===== Page Header & Breadcrumb ======= */ .upstudy-page-title-area { padding-top: 60px; padding-bottom: 60px; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; position: relative; text-align: center; background-color: var(--upstudy-heading-color); } .upstudy-header-transparent-enable .upstudy-page-title-area { padding-top: 145px; } .upstudy-page-title-area.upstudy-breadcrumb-has-bg:before { position: absolute; width: 100%; height: 100%; content: ""; left: 0; top: 0; z-index: 1; background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, #000000a8 100%); } .upstudy-page-title-area .upstudy-page-title, .upstudy-page-title-area .upstudy-breadcrumb-wrapper { z-index: 1; position: relative; } .upstudy-single-blog .blog-content .title, .upstudy-page-title-area .upstudy-page-title { text-overflow: ellipsis; -ms-word-wrap: break-word; word-break: break-word; } .upstudy-page-title-area .upstudy-page-title h1 { margin: 0 0 5px 0; font-size: 40px; line-height: 1.4; color: var(--upstudy-heading-color); } .upstudy-page-title-area .upstudy-breadcrumb-wrapper { margin-top: 10px; margin-bottom: 7px; } .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul, .upstudy-page-title-area .upstudy-breadcrumb-wrapper ul { display: inline-flex; margin-bottom: 0; margin-top: 0; padding-left: 0; } .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li, .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li, .upstudy-page-title-area .upstudy-breadcrumb-wrapper ul li { margin: 0; } .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li, .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li, .upstudy-page-title-area .upstudy-breadcrumb-wrapper ul li, .upstudy-page-title-area .upstudy-breadcrumb-wrapper .learn-press-breadcrumb { list-style: none; position: relative; font-size: var(--upstudy-font-size-b2); line-height: 22px; font-weight: 400; color: var(--upstudy-color-body); } .upstudy-page-title-area .upstudy-breadcrumb-wrapper ul li a { color: var(--upstudy-color-body); } .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li:first-child, .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li:first-child, .upstudy-page-title-area .upstudy-breadcrumb-wrapper ul li:first-child, .upstudy-page-title-area .upstudy-breadcrumb-wrapper .learn-press-breadcrumb a:first-child { margin-left: 0; } .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li:last-child, .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li:last-child, .upstudy-page-title-area .upstudy-breadcrumb-wrapper ul li:last-child, .upstudy-page-title-area .upstudy-breadcrumb-wrapper .learn-press-breadcrumb a:last-child { margin-right: 0; } .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li:not(:last-child), .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li:not(:last-child), .upstudy-page-title-area .upstudy-breadcrumb-wrapper ul li:not(:last-child) { padding-right: 25px; } .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li:after, .upstudy-page-title-area .upstudy-breadcrumb-wrapper ul li:after, .upstudy-page-title-area .upstudy-breadcrumb-wrapper .learn-press-breadcrumb a:after { content: "\f116"; font-family: icomoon; position: absolute; right: 9px; top: 0px; font-size: 12px; font-weight: var(--upstudy-p-bold); } .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li:last-child:after, .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li:last-child:after, .upstudy-page-title-area .upstudy-breadcrumb-wrapper ul li:last-child:after { display: none; } .upstudy-page-title-area.upstudy-default-breadcrumb { background-color: #f9f9f9; background-image: linear-gradient(to right, #f6ecf44f, #fff, #eaf5fd); box-shadow: inset 0 0 30px rgb(0 0 0 / 5%); padding: 110px 0 110px; position: relative; z-index: 1; overflow: hidden; text-align: center; } .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-page-title h1 { font-size: var(--upstudy-h1); line-height: var(--upstudy-h1-lineHeight); margin-bottom: 12px; } .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-breadcrumb-wrapper ul { justify-content: center; } .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-breadcrumb-wrapper { margin-top: 20px; } .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li, .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li a, .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-breadcrumb-wrapper ul li a, .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-breadcrumb-wrapper ul li { color: var(--upstudy-heading-color); font-size: 15px; font-family: var(--upstudy-font-secondary); } .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li, .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li, .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-breadcrumb-wrapper ul li { font-weight: var(--upstudy-p-regular); } .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li a, .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li a, .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-breadcrumb-wrapper ul li a { font-weight: var(--upstudy-p-regular); } .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li a:hover, .upstudy-breadcrumb-style-2 .upstudy-breadcrumb-wrapper ul li a:hover, .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-breadcrumb-wrapper ul li a:hover { color: var(--upstudy-primary-color); } .upstudy-course-page-header .shape-image, .upstudy-default-breadcrumb .shape-image { position: absolute; z-index: -1; } .upstudy-course-page-header .shape-1, .upstudy-default-breadcrumb .shape-1 { height: 470px; width: 470px; border: 1px solid var(--upstudy-color-border); border-radius: 50%; top: -315px; left: -60px; } .upstudy-course-page-header .shape-2, .upstudy-default-breadcrumb .shape-2 { height: 470px; width: 470px; border: 1px solid var(--upstudy-color-border); border-radius: 50%; top: 30px; right: -180px; } .upstudy-course-page-header .shape-3, .upstudy-default-breadcrumb .shape-3 { top: 60px; left: 7%; -webkit-animation: zoom-inout 5s infinite; animation: zoom-inout 5s infinite; } @media (max-width: 1780px) { .upstudy-course-page-header .shape-3, .upstudy-default-breadcrumb .shape-3 { display: none; } } .upstudy-course-page-header .shape-4, .upstudy-default-breadcrumb .shape-4 { width: 48px; height: 48px; border: 4px solid #f6b13d; border-radius: 50%; position: absolute; right: 8%; bottom: 28%; -webkit-animation: zoom-inout 3s infinite; animation: zoom-inout 3s infinite; z-index: -1; } @-webkit-keyframes zoom-inout { 0% { transform: scale(1); } 50% { transform: scale(0.8); } 100% { transform: scale(1); } } @keyframes zoom-inout { 0% { transform: scale(1); } 50% { transform: scale(0.8); } 100% { transform: scale(1); } } .upstudy-course-page-header .shape-5, .upstudy-default-breadcrumb .shape-5 { top: 63px; right: 382px; } @media (max-width: 991px) { .upstudy-page-title-area { padding-top: 40px; padding-bottom: 40px; } .upstudy-header-transparent-enable .upstudy-page-title-area { padding-top: 110px; } .upstudy-page-title-area.upstudy-default-breadcrumb { padding-top: 60px !important; padding-bottom: 60px !important; } .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-page-title h1, .upstudy-page-title-area .upstudy-page-title h1 { font-size: 36px; } } @media (max-width: 767px) { .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-page-title h1, .upstudy-page-title-area .upstudy-page-title h1 { font-size: 32px; } } .upstudy-breadcrumb-style-1 { padding: 85px 0 85px; } .upstudy-breadcrumb-style-1 .upstudy-page-title { text-align: center; } .upstudy-breadcrumb-style-1 .upstudy-page-title h1 { color: var(--upstudy-color-white); font-size: var(--upstudy-h1); line-height: var(--upstudy-h1-lineHeight); /* width: 70%; margin: 0 auto 12px;*/ } .upstudy-page-title-area.upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper { margin-top: 20px; } .upstudy-page-title-area.upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul { justify-content: center; } .upstudy-breadcrumb-style-blog-overlay .upstudy-page-title .entry-title { color: #fff; margin-bottom: 15px; } .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li, .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li a { color: var(--upstudy-color-white); font-size: 16px; font-family: var(--upstudy-font-secondary); } .upstudy-breadcrumb-style-1 .upstudy-breadcrumb-wrapper ul li:after { content: "\f116"; font-family: icomoon; position: absolute; right: 9px; top: 0px; font-size: 10px; font-weight: var(--upstudy-p-bold); color: var(--upstudy-color-white) !important; } .upstudy-page-title-area.upstudy-breadcrumb-style-blog-overlay { padding: 185px 0px 80px; } .blog_layout_overlay .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-page-title h1 { margin-bottom: 23px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .upstudy-breadcrumb-style-1 .upstudy-page-title h1 { font-size: 38px; } } @media only screen and (max-width: 767px) { .upstudy-breadcrumb-style-1 { padding: 100px 0 90px; } .upstudy-breadcrumb-style-1 .upstudy-page-title h1 { width: 100%; } .upstudy-breadcrumb-style-1 .upstudy-page-title h1 { font-size: 30px; } .upstudy-page-title-area.upstudy-breadcrumb-style-blog-overlay { padding: 100px 0px; } } @media only screen and (max-width: 575px) { .upstudy-breadcrumb-style-1 { padding: 80px 0 70px; } .upstudy-breadcrumb-style-1 .upstudy-page-title h1 { font-size: 26px; } .upstudy-page-title-area.upstudy-breadcrumb-style-blog-overlay { padding: 80px 0px; } } .upstudy-breadcrumb-style-2 { padding: 13px 0; background: #f3f3f8; }