File: /home/bibuzptr/elearning.bibu-edu.us/backup/assets/css/bk2.css
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');
@font-face {
font-family: 'oldenglish';
src: url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/old-english.eot');
src: local('☺'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/old-english.woff') format('woff'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/old-english.ttf') format('truetype'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/old-english.otf') format('otf'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/old-english.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Prestige Signature Script Demo';
src: url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/PrestigeSignatureScriptDemo.eot');
src: local('☺'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/PrestigeSignatureScriptDemo.woff') format('woff'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/PrestigeSignatureScriptDemo.ttf') format('truetype'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/PrestigeSignatureScriptDemo.otf') format('otf'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/PrestigeSignatureScriptDemo.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jennifer Lynne';
src: url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/JenniferLynne.eot');
src: local('☺'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/JenniferLynne.woff') format('woff'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/JenniferLynne.ttf') format('truetype'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/JenniferLynne.otf') format('otf'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/JenniferLynne.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jenna Sue';
src: url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/JennaSue.eot');
src: local('☺'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/JennaSue.woff') format('woff'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/JennaSue.ttf') format('truetype'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/JennaSue.otf') format('otf'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/JennaSue.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Concetta Kalvani';
src: url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/ConcettaKalvani.eot');
src: local('☺'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/ConcettaKalvani.woff') format('woff'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/ConcettaKalvani.ttf') format('truetype'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/ConcettaKalvani.otf') format('otf'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/ConcettaKalvani.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans';
src: url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Regular.eot');
src: local('☺'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Regular.woff') format('woff'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Regular.ttf') format('truetype'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Regular.otf') format('otf'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'opensans';
src: url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Semibold.eot');
src: local('☺'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Semibold.woff') format('woff'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Semibold.ttf') format('truetype'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Semibold.otf') format('otf'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'opensans';
src: url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Bold.eot');
src: local('☺'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Bold.woff') format('woff'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Bold.ttf') format('truetype'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Bold.otf') format('otf'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Lucinda Calligraphy';
src: url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/LucindaCalligraphy.eot');
src: local('☺'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/LucindaCalligraphy.woff') format('woff'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/LucindaCalligraphy.ttf') format('truetype'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/LucindaCalligraphy.otf') format('otf'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/LucindaCalligraphy.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/MyriadPro.eot');
src: local('☺'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/MyriadPro.woff') format('woff'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/MyriadPro.ttf') format('truetype'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/MyriadPro.otf') format('otf'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/MyriadPro.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Times New Roman';
src: url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/TimesNewRoman.eot');
src: local('☺'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/TimesNewRoman.woff') format('woff'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/TimesNewRoman.ttf') format('truetype'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/TimesNewRoman.otf') format('otf'), url('https://www.breakthroughuni.ac.ke/graduation/wp-content/plugins/wp-vg-form/assets/fonts/TimesNewRoman.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/* Sub menu*/
.hfe-sub-menu-item {
padding-left: 15px;
padding-right: 15px;
}
/* Grid */
.vg-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
margin-left: -6px;
margin-right: -6px;
}
.vg-col {
padding-left: 6px;
padding-right: 6px;
width: 100%;
}
.vg-col-1 {
width: 8.33333333%;
}
.vg-col-2 {
width: 16.66666667%;
}
.vg-col-3 {
width: 25%;
}
.vg-col-4 {
width: 33.33333333%;
}
.vg-col-5 {
width: 41.66666667%;
}
.vg-col-6 {
width: 50%;
}
.vg-col-7 {
width: 58.33333333%;
}
.vg-col-8 {
width: 66.66666667%;
}
.vg-col-9 {
width: 75%;
}
.vg-col-10 {
width: 83.33333333%;
}
.vg-col-11 {
width: 91.66666667%;
}
.vg-col-12 {
width: 100%;
}
/* Text Align */
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
/* Margin */
.mt-auto {
margin-top: auto;
}
.ml-auto {
margin-left: auto;
}
.mr-10 {
margin-right: 10px;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mt-12 {
margin-top: 12px;
}
/* Farme Option Select */
.frame-main {
background-size: 100%;
min-width: 1056px;
position: relative;
height: 816px;
text-align: center;
width: 100%;
background-repeat: no-repeat;
}
.framing-options-select {
position: absolute !important;
top: -50px;
max-width: 360px;
width: 100%;
}
.framing-options-select ~ .templates-block {
margin-top: 40px;
}
.site-main .framing-options-select:not(.form-checkbox) label {
background: #F9F9FA;
}
.framing-options-select ul {
border: 1px solid #e1e1e1;
overflow: visible;
padding: 0;
}
.framing-options-select ul.focused {
border-color: #235273;
}
.framing-options-select ul li {
padding: 2px 10px;
z-index: 2;
}
.framing-options-select ul li.init {
position: relative;
color: #616782;
cursor: pointer;
padding: 17px 18px;
padding-right: 30px;
}
.framing-options-select ul li.init::before {
content:"";
position: absolute;
right: 0;
top: 55%;
width: 20px;
height: 10px;
transform: translateY(-50%);
background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
}
.framing-options-select ul li:not(.init) {
display: none;
border-left: 1px solid #000;
border-right: 1px solid #000;
cursor: pointer;
background: #fff;
position: relative;
width: 100%;
}
.framing-options-select ul li:not(.init):hover, .framing-options-select ul li.selected:not(.init) {
background: #1E90FF;
color: #fff;
}
.framing-options-select ul li:not(.init):nth-child(2) {
border-top: 1px solid #000;
}
.framing-options-select ul li:not(.init):last-child {
border-bottom: 1px solid #000;
}
.framing-options-select ul li span {
float: right;
}
.framing-options-select ul li span .text-red {
color: red;
margin-left: 14px;
}
.frame-main:not(.diploma-frame) .diploma .signatures_area {
bottom: 5px;
}
.templates-block .frame-main .diploma p {
line-height: 1.5;
}
/* Leather Holder Frame */
.black-leather-holder, .blue-leather-holder, .red-leather-holder, .white-leather-holder {
height: 596px;
}
.frame-main.black-leather-holder:before,
.frame-main.blue-leather-holder:before,
.frame-main.red-leather-holder:before,
.frame-main.white-leather-holder:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: 100%;
z-index: 1;
}
.frame-main.black-leather-holder:before {
background-image: url('../../../../../validgrad/skin/images/pdf/landscape/Leather-Holder_frameonly.png');
}
.frame-main.blue-leather-holder:before {
background-image: url('../../../../../validgrad/skin/images/pdf/landscape/Leather-holder-blue.png');
}
.frame-main.red-leather-holder:before {
background-image: url('../../../../../validgrad/skin/images/pdf/landscape/Leather-holder-red.png');
}
.frame-main.white-leather-holder:before {
background-image: url('../../../../../validgrad/skin/images/pdf/landscape/Leather-holder-white.png');
}
.black-leather-holder .frame-inner .diploma,
.blue-leather-holder .frame-inner .diploma,
.red-leather-holder .frame-inner .diploma,
.white-leather-holder .frame-inner .diploma {
position: absolute;
top: -57px;
right: -75px;
transform: scale(0.82);
width: 100%;
height: 707px;
min-width: auto;
max-width: 920px;
}
.blue-leather-holder .frame-inner .diploma,
.white-leather-holder .frame-inner .diploma {
top: -55px;
}
.black-leather-holder .innerContent,
.blue-leather-holder .innerContent,
.red-leather-holder .innerContent,
.white-leather-holder .innerContent {
transform: scale(.8);
}
.black-leather-holder div.signatures_area,
.blue-leather-holder div.signatures_area,
.red-leather-holder div.signatures_area,
.white-leather-holder div.signatures_area {
transform: translateX(-50%) scale(.8);
}
/* Glass Frame */
.glass-frame {
background-image: url('../../../../../validgrad/skin/images/pdf/landscape/Glass-Frame_frameonly.png');
}
.glass-frame .frame-inner .diploma {
position: absolute;
top: 15px;
left: -2px;
transform: scale(0.82);
min-width: 1070px;
height: 785px;
}
/* Mahogany Frame */
.mahogany-frame {
background-image: url('../../../../../validgrad/skin/images/pdf/landscape/Mahogany-Frame_frameonly.png');
}
.mahogany-frame .frame-inner .diploma {
position: absolute;
top: 28px;
left: 0;
transform: scale(0.62);
height: 760px;
}
/* Tassel Frame */
.tassel-frame {
background-image: url('../../../../../validgrad/skin/images/pdf/landscape/Tassel-Frame_frameonly.png');
height: 682px;
}
.tassel-frame .frame-inner .diploma {
position: absolute;
top: -35px;
left: -66px;
transform: scale(0.6);
height: 760px;
min-width: 994px;
width: auto;
}
.tassel-frame .colgDip_style6 .university_name_area h1 {
left: -10px;
}
/* Picture Frame */
.picture-frame {
background-image: url('../../../../../validgrad/skin/images/pdf/landscape/Picture-Frame_frameonly.png');
height: 586px;
}
.picture-frame .frame-inner .diploma {
position: absolute;
top: -87px;
left: 55px;
transform: scale(0.5);
height: 755px;
min-width: 990px;
width: auto;
}
.picture-frame .colgDip_style6 .university_name_area h1 {
left: -30px;
}
/* Vertically Alingment */
.align-items-center {
align-items: center;
}
.justify-content-center {
justify-content: center !important;
}
/* nowrap */
.nowrap {
white-space: nowrap;
}
/* Custom Signature Fonts */
.custom_signature {
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
height: 53px;
line-height: normal;
}
.prof_signature1 .custom_signature , .ged_prof_signature_area .custom_signature {
font-family: 'Prestige Signature Script Demo', sans-serif;
font-size: 30px;
}
.prof_signature2 .custom_signature {
font-family: 'Jennifer Lynne', sans-serif;
font-size: 32px;
}
.prof_signature3 .custom_signature {
font-family: 'Jenna Sue', sans-serif;
font-size: 32px;
}
.prof_signature4 .custom_signature {
font-family: 'Concetta Kalvani', sans-serif;
font-size: 20px;
align-items: center;
margin: -10px 0 10px;
}
/* Button */
.btn {
background-color: transparent !important;
background-position: right bottom;
border: none !important;
border-radius: 0;
font-weight: bold;
color: #FFFFFF !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
-webkit-clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 30px),calc(100% - 27px) 100%,0% 100%);
clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 30px),calc(100% - 27px) 100%,0% 100%);
height: 71px;
width: 221px;
}
.btn-lg {
font-size: 18px;
line-height: 2;
height: 87px;
width: 271px;
}
.btn-gold,
.btn-gold:focus {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23C09745'/%3E%3C/svg%3E");
}
.btn-gold:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23967D38'/%3E%3C/svg%3E");
}
.btn-blue,
.btn-blue:focus {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23235273'/%3E%3C/svg%3E");
}
.btn-blue:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23182C3A'/%3E%3C/svg%3E");
}
.btn:focus {
outline: none;
}
.btn-w-auto {
width: auto;
}
.has-background-white .site a.btn-gold:not(.wp-block-button__link):not(.elementor-toggle-title):not(.elementor-button-link):not(.wp-block-file__button):focus {
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23C09745'/%3E%3C/svg%3E");
background-position: right bottom;
}
.has-background-white .site a.btn-blue:not(.wp-block-button__link):not(.elementor-toggle-title):not(.elementor-button-link):not(.wp-block-file__button):focus {
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23235273'/%3E%3C/svg%3E");
background-position: right bottom;
}
/* Form */
.hidden {
display: none !important;
}
.btn-next,
.btn-apply,
.btn-login {
height: 67px;
width: 144px;
}
.add-coupen{
height: 67px;
width: 174px;
}
.form-checkbox label {
cursor: pointer;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
padding-top: 4px;
}
.form-checkbox input[type=checkbox] {
border-color: var(--form--color-text);
border-radius: 0;
cursor: pointer;
margin-top: 2px;
height: 17px;
width: 17px;
}
.form-checkbox input[type=checkbox]:focus {
outline: none;
}
.form-checkbox input[type=checkbox]:after {
border-width: 2px;
left: 4px;
height: 10px;
width: 6px;
}
.form-checkbox input[type=checkbox] + .checkbox-label {
line-height: 1.3;
padding-left: 10px;
width: calc(100% - 17px);
}
.form-checkbox input[type=checkbox] + .checkbox-label a:not([class]) {
color: #182C3A;
font-family: 'Lora', serif;
font-weight: bold;
}
.form-checkbox input[type=checkbox] + .checkbox-label a:not([class]):hover {
color: #C09745;
}
.line_remove {
color: #f18052;
cursor: pointer;
float: right;
padding: 3px 0;
}
.line_remove:hover {
color: #eb3449;
}
/* Preloader */
.preloader {
background-color: #FFFFFF;
background-image: url('../images/preloader.gif');
background-repeat: no-repeat;
background-position: center;
height: 24px;
width: 24px;
}
/* Formloader */
.formloader {
background-color: #FFFFFF;
background-image: url('../images/preloader%402x.gif');
background-repeat: no-repeat;
background-position: center;
position: fixed;
top: 0;
left: 0;
opacity: .5;
height: 100%;
width: 100%;
}
/* Alert */
.alert-danger {
color: #E85C4A;
}
.alert-success {
color: #3AB795;
}
/* Title */
.information-block .title {
margin-bottom: 30px;
}
.information-block .sub-title {
margin-bottom: 16px;
letter-spacing: normal;
}
/* Make Your Diploma */
.information-block {
background-color: #FFFFFF;
border: 1px solid #EBECED;
border-radius: 10px;
padding: 40px 30px;
}
.information-block .back-step {
color: #C09745;
}
.information-block .back-step:hover {
color: #967D38;
}
.information-block .steps:not(.step-1) .back-step {
display: inline-block;
margin-bottom: 10px;
}
.information-block .back-step i {
margin-right: 5px;
}
.templates-block {
font-family: 'Roboto', sans-serif;
font-size: 14px;
width: 100%;
}
.templates-block p {
color: #000000;
line-height: 1.8;
}
.templates .orientation {
overflow: hidden;
height: 625px;
width: 810px;
}
.templates .diploma {
transform: scale(.767);
transform-origin: top left;
}
/*========== Diploma Degrees Cerificates etc ==========*/
.scrolling_for_mobile {
overflow-y: hidden;
overflow-x: auto;
}
/* Start Diploma */
.diploma {
background-color: #FFFFFF;
background-size: 100% 100%;
min-width: 1056px;
position: relative;
height: 816px;
text-align: center;
width: 100%;
}
section .templates-block h1,
section .templates-block h2,
section .templates-block h3,
section .templates-block h4,
section .templates-block h5,
section .templates-block h6 {
color: #000000;
font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
line-height: 1.5;
letter-spacing: normal;
}
section .templates-block h6 {
font-size: 12px;
}
.diploma .signatures_area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
position: absolute;
bottom: 35px;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.diploma .signatures_area .left_signatures_area,
.diploma .signatures_area .diploma_seal_area,
.diploma .signatures_area .right_signatures_area {
width: 33.33%;
}
.diploma .signatures_area .prof_signature3,
.diploma .signatures_area .prof_signature4 {
padding-top: 30px;
}
.diploma .signatures_area p {
font-size: 12.5px;
line-height: 1.8;
}
.diploma .signatures_area div[class*=prof_signature] img {
height: 53px;
width: 176px;
}
.diploma .signatures_area .diploma_seal_area {
position: relative;
top: -12px;
left: 6px;
}
.diploma .signatures_area .diploma_seal_area img {
width: 193px;
}
/* End Diploma */
/* Start College */
.college {
font-family: 'oldenglish', sans-serif;
font-size: 16px;
}
.templates-block .college h1,
.templates-block .college h2,
.templates-block .college h3,
.templates-block .college h4,
.templates-block .college h5,
.templates-block .college h6 {
font-family: 'oldenglish', sans-serif;
}
.college .university_name_area h1 {
font-size: 36px;
}
.college .university_name_area span {
display: block;
line-height: 1.5;
font-size: 36px;
color: #000;
}
.college .university_studentName_area,
.college .university_degree_major_area {
padding-top: 10px;
}
/* Start College Style1 */
.colgDip_style1 .university_studentName_area h3,
.colgDip_style1 .university_degree_major_area h3 {
font-size: 32px;
}
/* End College Style1 */
/* Start College Style2 */
.colgDip_style2 .university_studentName_area h3,
.colgDip_style2 .university_degree_major_area h3 {
font-size: 36px;
}
/* End College Style2 */
/* Start College Style3 */
.colgDip_style3 .university_name_area {
font-size: 18px;
}
.colgDip_style3 .university_name_area h1 {
font-size: 32px;
}
.colgDip_style3 .university_name_area span {
font-size: 32px;
font-family: 'oldenglish',sans-serif;
}
.colgDip_style3 .university_studentName_area h3,
.colgDip_style3 .university_degree_major_area h3 {
font-size: 21px;
}
/* End College Style3 */
/* Start College Style4 */
.colgDip_style4 {
font-size: 18px;
line-height: 1.6;
}
.colgDip_style4 .university_name_area,
.colgDip_style4 .university_studentName_area,
.colgDip_style4 .university_degree_major_area {
padding-top: 15px;
}
.colgDip_style4 .university_name_area h1 {
font-size: 43px;
}
.colgDip_style4 .university_name_area span {
font-family: 'oldenglish',sans-serif;
font-size: 43px;
}
.colgDip_style4 .university_studentName_area h3,
.colgDip_style4 .university_degree_major_area h3 {
font-size: 36px;
}
/* End College Style4 */
/* Start College Style5 */
.colgDip_style5,
.colgDip_style5 p {
font-size: 17px;
line-height: 1.5;
}
.colgDip_style5 .university_name_area,
.colgDip_style5 .university_studentName_area,
.colgDip_style5 .university_degree_major_area {
padding: 7px 0;
}
.colgDip_style5 .university_name_area h1 {
font-size: 32px;
}
.colgDip_style5 .university_name_area span {
font-family: 'oldenglish',sans-serif;
font-size: 32px;
}
.colgDip_style5 .style5_citystate h5,
.colgDip_style5 .university_degree_major_area h5 {
font-size: 24px;
}
.colgDip_style5 .statisfactory_compl_area p {
font-size: 17.5px;
line-height: 1.7;
}
.colgDip_style5 .university_studentName_area h3 {
font-size: 30px;
}
/* End College Style5 */
/* End College */
/* Start High School */
.high-school {
font-family: 'oldenglish', sans-serif;
font-size: 16px;
}
.templates-block .high-school h1,
.templates-block .high-school h2,
.templates-block .high-school h3,
.templates-block .high-school h4,
.templates-block .high-school h5,
.templates-block .high-school h6 {
font-family: 'oldenglish', sans-serif;
}
.high-school .university_studentName_area,
.high-school .university_degree_major_area {
padding-top: 10px;
}
/* Start High School Style1 */
.schDip_style1,
.schDip_style1 p {
font-size: 18px;
line-height: 1.5;
}
.schDip_style1 .university_name_area h1 {
font-size: 40px;
line-height: 1.4;
}
.schDip_style1 .university_name_area span {
font-family: 'oldenglish',sans-serif;
display: block;
font-size: 40px;
line-height: 1.4;
color: #000;
}
.schDip_style1 .school_city_state_area .sch_city_and_state {
font-size: 24px;
}
.schDip_style1 .university_studentName_area h3 {
font-size: 36px;
}
.schDip_style1 .university_degree_major_area h4 {
font-size: 30px;
}
/* End High School Style1 */
/* Start High School Style2 */
.schDip_style2,
.schDip_style2 p {
font-size: 18px;
line-height: 1.5;
}
.schDip_style2 .university_name_area h1 {
font-size: 30px;
line-height: 1.4;
}
.schDip_style2 .university_name_area span {
font-family: 'oldenglish',sans-serif;
display: block;
font-size: 30px;
line-height: 1.4;
color: #000;
}
.schDip_style2 .school_city_state_area .sch_city_and_state {
font-size: 22px;
}
.schDip_style2 .university_studentName_area h3,
.high-school .university_degree_major_area h3 {
font-size: 24px;
line-height: 1.2;
}
.schDip_style2 .university_awarded_area p {
font-size: 17.5px;
line-height: 1.7;
}
.schDip_style2 .university_degree_major_area h4 {
font-size: 30px;
}
.schDip_style2 .in_witness_sch_state p {
font-size: 15px;
line-height: 1.6;
}
/* End High School Style2 */
/* Start High School Style3 */
.schDip_style3,
.schDip_style3 p {
font-size: 16px;
line-height: 1.9;
}
.schDip_style3 .university_name_area h1 {
font-size: 36px;
}
.schDip_style3 .university_name_area span {
font-family: 'oldenglish',sans-serif;
font-size: 36px;
line-height: 1.5;
display: block;
color: #000;
}
.schDip_style3 .school_city_state_area .sch_city_and_state {
font-size: 22px;
}
.schDip_style3 .university_studentName_area h3,
.schDip_style3 .university_degree_major_area h3 {
font-size: 26px;
}
/* End High School Style3 */
/* End High School */
/* Start Ged */
/* Start Ged Style1 */
.ged_style1 {
font-family: 'Myriad Pro', sans-serif;
line-height: normal;
}
.ged.ged_style1 h2 {
font-family: 'Myriad Pro', sans-serif;
font-size: 48px;
}
.ged_style1 .ged_state_area h2 {
font-family: 'Lucinda Calligraphy', sans-serif;
margin: 8px 0 6px;
}
.ged_style1 .ged_state_area span.state_heading {
font-family: 'Lucinda Calligraphy',sans-serif;
font-size: 48px;
margin: 8px 0 6px;
color: #000;
line-height: 1.5;
display: block;
}
.ged_style1 span.hight_school_heading {
font-size: 48px;
color: #000;
display: block;
line-height: 1.5;
}
.ged_style1 .ged_student_name_area h2 {
margin: 9px 0 14px;
}
.ged_style1 span.student_name_heading {
margin: 9px 0 14px;
font-size: 48px;
color: #000;
display: block;
line-height: 1.5;
}
.ged_style1 .ged_description_area h4 {
font-family: 'Myriad Pro', sans-serif;
font-size: 32px;
line-height: 1.2;
}
.ged_style1 .signatures_area {
align-items: flex-end;
bottom: 64px;
}
.ged_style1 .issue_version_certificate {
padding-left: 36%;
text-align: left;
white-space: nowrap;
}
.ged_style1 .issue_version_certificate p {
line-height: 1.32;
}
.ged_style1 .signatures_area .diploma_seal_area {
top: 0;
left: 0;
}
.ged_style1 .ged_prof_signature_area {
padding-right: 24%;
}
.ged_style1 .signatures_area p {
font-size: 16px;
}
/* End Ged Style1 */
/* Start Ged Style2 */
.ged_style2 {
font-family: 'oldenglish', sans-serif;
font-size: 18px;
line-height: 1.7;
}
.ged_style2 p {
line-height: 1.7;
}
.ged_style2 .ged_name_area h2,
.ged_style2 .ged_student_name_area h2,
.ged_style2 .ged_school_name_area h2 {
font-family: 'Times New Roman', sans-serif;
font-size: 31px;
line-height: normal;
}
.ged_style2 .ged_name_area h2,
.ged_style2 .ged_school_name_area h2 {
text-transform: uppercase;
}
.ged_style2 .ged_name_area h2 {
margin-top: 2px;
line-height: 34px;
}
.ged_style2 .ged_name_area span.department_heading {
font-family: 'Times New Roman',sans-serif;
text-transform: uppercase;
line-height: 34px;
font-size: 31px;
margin-top: 2px;
color: #000;
display: block;
}
.ged_style2 .ged_student_name_area h2 {
margin-top: 5px;
}
.ged_style2 .ged_student_name_area span.student_heading {
font-family: 'Times New Roman',sans-serif;
line-height: normal;
color: #000;
margin-top: 5px;
font-size: 31px;
display: block;
}
.ged_style2 .ged_seal_area img {
margin: 11px 0 3px;
height: 192px;
}
.ged_style2 .ged_signatures_area {
display: table;
font-family: 'Myriad Pro', sans-serif;
font-size: 16px;
margin: 20px auto 0;
}
.ged_style2 .issue_version_certificate,
.ged_style2 .ged_prof_signature_area {
display: table-cell;
vertical-align: bottom;
}
.ged_style2 .issue_version_certificate p {
display: inline;
margin-right: 12px;
}
.ged_style2 .ged_prof_signature_area img {
height: 53px;
width: 176px;
}
.ged_style2 .ged_prof_signature_area .custom_signature {
margin: 0 -30px;
}
.ged_style2 .ged_prof_signature_area p {
margin-top: 3px;
}
/* End Ged Style2 */
/* End Ged */
/* Start Certificate */
.diploma.certificate {
font-size: 20px;
line-height: normal;
}
.certificate .university_name_area h1,
.certificate .univerity_of h5,
.certificate .degree_major_area h3 {
font-weight: 600;
text-transform: capitalize;
}
.certificate .university_name_area span {
font-weight: 600;
text-transform: capitalize;
display: block;
color: #000;
line-height: 1.5;
}
.certificate .state_higher_education h6,
.certificate .certificate_studentName_area h3 {
text-transform: capitalize;
}
.certificate .right_hon_prev p {
font-weight: 600;
}
.certificate .cert_dates p {
font-weight: 500;
}
.certificate .signatures_area p {
font-size: 18px;
}
.certificate .signatures_area .prof_signature3,
.certificate .signatures_area .prof_signature4 {
padding-top: 24px;
}
/* End Certificate */
/*========== All Transcripts etc ==========*/
.transcript_realtime,
.transcript_school_realtime {
background-color: #FFFFFF;
/*border: 1px solid #AEA8A8;*/
color: #000000;
font-size: 12px;
line-height: 1.5;
/*min-width: 740px;*/
/*width: 100%;*/
}
.transcript_realtime .innerContent,
.transcript_school_realtime .innerContent {
/*margin: 0 auto;*/
margin: 2%;
overflow: hidden;
min-height: 1000px;
width: 720px;
}
/* Start Transcripts College */
.transcript_realtime .innerContent {
padding: 20px 2px;
}
.transcript_realtime .university_name_area h1{
font-size: 25px;
font-weight: 600;
margin-bottom: 10px;
}
.transcript_realtime .university_name_area span.uni_title {
font-family: 'Source Sans Pro',sans-serif;
display: block;
font-size: 25px;
font-weight: 600;
margin-bottom: 10px;
}
section .transcript_realtime h5 {
font-size: 15px;
font-weight: bold;
}
.transcript_realtime .student_name_area,
.transcript_realtime .student_id_area {
float: left;
line-height: initial;
width: 100%;
}
.transcript_realtime .student_name_area .name,
.transcript_realtime .student_id_area .name {
float: left;
font-weight: 500;
width: 80px;
}
.transcript_realtime .student_name_area .stud_name,
.transcript_realtime .student_id_area .stud_id {
font-weight: 500;
}
.transcript_realtime .block_one,
.transcript_realtime .block_two,
.transcript_realtime .block_three,
.transcript_realtime .block_four,
.transcript_realtime .block_five {
float: left;
margin: 15px 0;
width: 100%;
}
.transcript_realtime .student_sendto_address_area {
padding-top: 10px;
}
.transcript_realtime .student_sendto_address_area .stud_address p,
.transcript_realtime .student_sendto_address_area_again .stud_address p {
line-height: normal;
}
.transcript_realtime .block_two {
padding-top: 30px;
}
.transcript_realtime .university_name_area_again .institute_title {
text-transform: capitalize;
}
.transcript_realtime .student_sendto_address_area,
.transcript_realtime .block_two .university_name_area_again,
.transcript_realtime .block_two .student_sendto_address_area_again,
.transcript_realtime .block_two .reading_area,
.transcript_realtime .block_two .math_area,
.transcript_realtime .block_two .writing_area,
.transcript_realtime .block_three .program_undergraduate_area,
.transcript_realtime .block_three .active_program_area,
.transcript_realtime .block_three .title_major_area,
.transcript_realtime .block_four .program_undergraduate_area,
.transcript_realtime .block_four .completed_program_area,
.transcript_realtime .block_four .title_major_area,
.transcript_realtime .block_five .degree_title_area,
.transcript_realtime .block_five .cofer_date_area,
.transcript_realtime .block_five .title_major_area {
float: left;
width: 100%;
}
.transcript_realtime .student_sendto_address_area .sendto,
.transcript_realtime .university_name_area_again .institute_info,
.transcript_realtime .student_sendto_address_area_again .sendto,
.transcript_realtime .block_three .program_undergraduate_area .name,
.transcript_realtime .block_three .active_program_area .name,
.transcript_realtime .block_three .title_major_area .name,
.transcript_realtime .block_four .program_undergraduate_area .name,
.transcript_realtime .block_four .completed_program_area .name,
.transcript_realtime .block_four .title_major_area .name,
.transcript_realtime .block_five .degree_title_area .name,
.transcript_realtime .block_five .cofer_date_area .name,
.transcript_realtime .block_five .title_major_area .name {
float: left;
width: 170px;
}
.transcript_realtime .student_sendto_address_area .stud_address,
.transcript_realtime .university_name_area_again .institute_title,
.transcript_realtime .student_sendto_address_area_again .stud_address,
.transcript_realtime .block_two .reading_area .date,
.transcript_realtime .block_two .math_area .date,
.transcript_realtime .block_two .writing_area .date,
.transcript_realtime .block_three .program_undergraduate_area .title,
.transcript_realtime .block_three .active_program_area .title,
.transcript_realtime .block_three .title_major_area .title,
.transcript_realtime .block_four .program_undergraduate_area .title,
.transcript_realtime .block_four .active_program_area .title,
.transcript_realtime .block_four .title_major_area .title,
.transcript_realtime .block_five .degree_title_area .title,
.transcript_realtime .block_five .cofer_date_area .title,
.transcript_realtime .block_five .title_major_area .title {
float: left;
width: auto;
}
.transcript_realtime .block_two .reading_area .name,
.transcript_realtime .block_two .math_area .name,
.transcript_realtime .block_two .writing_area .name {
float: left;
width: 60px;
}
.transcript_realtime .block_three .academic_prog_hist,
.transcript_realtime .block_five .degrees_awarded {
float: left;
padding-bottom: 20px;
width: 100%;
}
.beg_undergrad_prog_area {
float: left;
padding-bottom: 25px;
width: 100%;
}
.beg_undergrad_prog_area h5 {
font-size: 15px;
}
.transcript_realtime .marks_block {
float: left;
width: 100%;
}
.transcript_realtime .semester_name h5 {
font-size: 14px;
}
.transcript_realtime .marks_block .marks_heading,
.transcript_realtime .marks_block .marks_semester,
.transcript_realtime .marks_block .marks_data {
float: left;
width: 100%;
}
.transcript_realtime .marks_block .marks_data {
text-transform: capitalize;
}
.transcript_realtime .marks_block .marks_heading span,
.transcript_realtime .marks_block .marks_data span {
float: left;
padding: 0 5px;
}
.transcript_realtime .marks_block .marks_heading span:first-child,
.transcript_realtime .marks_block .marks_data span:first-child {
padding-left: 0;
}
.transcript_realtime .marks_block .marks_heading span:last-child,
.transcript_realtime .marks_block .marks_data span:last-child {
padding-right: 0;
}
.transcript_realtime .marks_block .marks_heading .course_name,
.transcript_realtime .marks_block .marks_heading .course_description,
.transcript_realtime .marks_block .marks_heading .course_attempted,
.transcript_realtime .marks_block .marks_heading .course_earned,
.transcript_realtime .marks_block .marks_heading .course_grade,
.transcript_realtime .marks_block .marks_heading .course_points,
.transcript_realtime .marks_block .marks_heading .course_edit {
text-decoration: underline;
}
.transcript_realtime .marks_block .marks_heading .course_name,
.transcript_realtime .marks_block .marks_data .course_name {
width: 70px;
}
.transcript_realtime .marks_block .marks_heading .course_id,
.transcript_realtime .marks_block .marks_data .course_id {
width: 60px;
}
.tran_preview_view .marks_block .marks_heading .course_id,
.tran_preview_view .marks_block .marks_data .course_id {
width: 70px;
}
.transcript_realtime .marks_block .marks_heading .course_description,
.transcript_realtime .marks_block .marks_data .course_description {
width: 295px;
}
.tran_preview_view .marks_block .marks_heading .course_description,
.tran_preview_view .marks_block .marks_data .course_description {
width: 321px;
}
.transcript_realtime .marks_block .marks_heading .course_attempted,
.transcript_realtime .marks_block .marks_heading .course_earned,
.transcript_realtime .marks_block .marks_heading .course_grade,
.transcript_realtime .marks_block .marks_data .course_attempted,
.transcript_realtime .marks_block .marks_data .course_earned,
.transcript_realtime .marks_block .marks_data .course_grade {
text-align: right;
width: 65px;
}
.transcript_realtime .marks_block .marks_heading .course_points,
.transcript_realtime .marks_block .marks_data .course_points {
text-align: right;
width: 60px;
}
.transcript_realtime .marks_block .marks_heading .course_edit,
.transcript_realtime .marks_block .marks_data .course_edit {
text-align: right;
width: 36px;
}
.transcript_realtime .marks_block .semester_result {
float: left;
margin-top: 20px;
width: 100%;
}
.transcript_realtime .marks_block .semester_result .marks_heading .course_name,
.transcript_realtime .marks_block .semester_result .marks_heading .course_description,
.transcript_realtime .marks_block .semester_result .marks_heading .course_edit {
text-decoration: none;
}
.transcript_realtime .marks_block .semester_result .marks_data ~ .marks_data {
margin-top: 15px;
}
.transcript_realtime .marks_block .course_edit a {
color: #C09745;
}
.transcript_realtime .transcript_footer {
margin: 30px auto 0;
padding: 10px 0;
width: 720px;
}
.transcript_footer .college_seal img {
width: 130px;
}
.transcript_footer .college_signs_names_area .prof_signature1 {
margin-bottom: 5px;
}
/* End Transcripts College */
/* Start Transcripts High School */
.transcript_school_realtime .innerContent {
padding-top: 40px;
padding-bottom: 10px;
}
section .school_transcript_title h3 {
font-size: 20px;
font-weight: 600;
}
.name_birth_gender_area {
text-align: left;
}
.city_school_address_area {
text-align: right;
}
.exit_level_assessment,
.school_awarding_credits,
.all_courses_marks,
.all_courses_marks .courses_p1p2_head,
.courses_single_subjects,
.courses_single_entry,
.courses_subject_title,
.all_courses_marks .courses_p1p2_entries,
.all_section_foot,
.loca1_state_header_area.section_1,
.college_board_campus_area.section_2,
.singature_officials,
.local_state_total_header,
.local_state_total_entries,
.local_state_total_footer,
.local_state_total_header .header_area,
.local_state_total_entries .entry_area,
.class_ranks_and_gpas,
.grade_scale_area {
float: left;
width: 100%;
}
.exit_level_assessment {
border: 1px solid;
margin-top: 20px;
}
.exit_level_assessment p {
float: left;
padding: 0 5px;
}
.hr_line {
border-top: 2px solid #323030;
margin-top: 10px;
}
.school_awarding_credits > span {
float: left;
font-weight: 500;
line-height: 23px;
width: 200px;
}
.school_awarding_credits p {
float: left;
padding: 0 10px;
}
.all_courses_marks {
border: 1px solid;
padding: 10px 15px;
}
.all_courses_marks .courses_p1p2_head p,
.all_courses_marks .courses_p1p2_entries p {
float: left;
}
.all_courses_marks .courses_p1p2_head .heading_date,
.all_courses_marks .courses_p1p2_head .heading_subject,
.all_courses_marks .courses_p1p2_head .heading_p1,
.all_courses_marks .courses_p1p2_head .heading_p2,
.all_courses_marks .courses_p1p2_head .heading_credit {
font-weight: 500;
}
.all_courses_marks .courses_p1p2_head .heading_date,
.all_courses_marks .courses_p1p2_entries .entry_date {
width: 60px;
}
.all_courses_marks .courses_p1p2_head .heading_subject,
.all_courses_marks .courses_p1p2_entries .entry_subject {
width: 110px;
}
.all_courses_marks .courses_p1p2_head .heading_p1,
.all_courses_marks .courses_p1p2_head .heading_p2,
.all_courses_marks .courses_p1p2_entries .entry_p1,
.all_courses_marks .courses_p1p2_entries .entry_p2 {
width: 45px;
}
.all_courses_marks .courses_p1p2_head .heading_credit,
.all_courses_marks .courses_p1p2_entries .entry_credit {
width: 65px;
}
.courses_subject_title .subject_title {
font-weight: 600;
}
.college_board_campus_area.section_2 {
margin: 5px 0;
}
.college_board_campus_area.section_2 p {
font-size: 12px;
font-weight: 500;
letter-spacing: -0.5px;
}
.local_state_total_header .header_area .yearBetween,
.local_state_total_entries .entry_area .entry_yearBetween,
.local_state_total_footer .footer_area .yearBetween {
float: left;
width: 78px;
}
.local_state_total_footer .footer_area .yearBetween {
font-weight: 500;
}
.local_state_total_header .header_area .year,
.local_state_total_entries .entry_area .entry_year,
.local_state_total_footer .footer_area .year {
float: left;
width: 30px;
}
.local_state_total_header .header_area .local,
.local_state_total_header .header_area .state,
.local_state_total_header .header_area .total,
.local_state_total_footer .footer_area .local,
.local_state_total_footer .footer_area .state,
.local_state_total_footer .footer_area .total,
.local_state_total_entries .entry_area .entry_local,
.local_state_total_entries .entry_area .entry_state,
.local_state_total_entries .entry_area .entry_total {
float: left;
width: 40px;
}
.local_state_total_header .header_area .local,
.local_state_total_header .header_area .state,
.local_state_total_header .header_area .total {
font-weight: 500;
text-decoration: underline;
}
section .school_seal_area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
section .school_seal_area img {
max-width: 150px;
}
.grade_scale_area {
border: 1px solid;
margin: 3px 0 1px;
padding: 10px;
}
.class_ranks_and_gpas {
text-align: right;
}
.class_ranks_and_gpas p span:first-child {
float: left;
}
.singature_officials p {
font-size: 12px;
line-height: 1.5;
}
.transcript_footer .college_signs_names_area .custom_signature,
.singature_officials .custom_signature {
justify-content: flex-start;
align-items: flex-end;
height: 60px;
}
section .reverse_page h4 {
font-size: 18px;
font-weight: 600;
margin: 20px 0 2px;
}
.stud_local_dist_cam {
border: 2px solid #413f3f;
margin-top: 20px;
float: left;
width: 100%;
}
.stud_local_dist_cam .item_entries {
border-bottom: 2px solid #413f3f;
float: left;
width: 100%;
}
.stud_local_dist_cam .campus_area {
border: none;
}
.stud_local_dist_cam .item_entries span {
float: left;
padding: 2px;
}
.stud_local_dist_cam .item_entries span:first-child {
border-right: 2px solid #413f3f;
width: 180px;
}
.grade_exit_level {
border: 2px solid #413f3f;
float: left;
font-size: 12px;
margin: 20px 0 15px;
text-align: center;
width: 100%;
}
.grade_exit_level .grade_level_area,
.grade_exit_level .grade_head_area,
.grade_exit_level .grade_level_entries {
border-bottom: 2px solid #413f3f;
float: left;
width: 100%;
}
.grade_exit_level .grade_social_area {
border-bottom: none;
}
.grade_exit_level .grade_level_area {
text-align: left;
}
.grade_exit_level .grade_level_area span {
padding: 2px;
}
.grade_head_area span,
.grade_level_entries span {
float: left;
}
.grade_head_area span:not(:last-child),
.grade_level_entries span:not(:last-child) {
border-right: 2px solid #413f3f;
}
.grade_head_area .head_empty,
.grade_level_entries .head_empty {
width: 130px;
}
.grade_head_area .test_date,
.grade_head_area .scale_score,
.grade_level_entries .test_date,
.grade_level_entries .scale_score {
width: 90px;
}
.grade_head_area .met_standard,
.grade_level_entries .met_standard {
width: 95px;
}
.grade_head_area .commended_performance,
.grade_level_entries .commended_performance {
width: 170px;
}
.grade_head_area .written_composition,
.grade_level_entries .written_composition {
width: 140px;
}
/* End Transcripts High School */
/* Start Preview Page */
.wp-vg-preview-container {
margin: 0 auto;
max-width: 1056px;
width: 100%;
}
.wp-vg-transcript-preview-container {
max-width: 810px;
}
.checkout_button_area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
padding-top: 40px;
}
/* End Preview Page */
/* Start elevenByFourteen */
.elevenByFourteen-container {
max-width: 1344px;
}
.elevenByFourteen {
min-width: 1344px;
height: 1056px;
overflow: hidden;
}
.elevenByFourteen .innerContent {
transform-origin: top center;
}
.elevenByFourteen.ged_style2 .ged_seal_area {
margin-top: 26px;
}
.elevenByFourteen.ged_style2 .ged_signatures_area {
margin-top: 70px;
}
.elevenByFourteen .signatures_area {
bottom: 75px;
}
.elevenByFourteen .innerContent,
.elevenByFourteen .signatures_area .left_signatures_area,
.elevenByFourteen .signatures_area .right_signatures_area {
transform: scale(1.2);
}
.elevenByFourteen.colgDip_style3 .innerContent {
padding-top: 22px;
}
.elevenByFourteen.colgDip_style4 .innerContent {
padding-top: 28px;
}
.elevenByFourteen.colgDip_style5 .innerContent {
padding-top: 34px;
}
.elevenByFourteen.schDip_style2 .innerContent {
padding-top: 30px;
}
.elevenByFourteen.ged_style1 .innerContent {
padding-top: 13px;
}
.elevenByFourteen.ged_style1 .signatures_area {
bottom: 87px;
}
.elevenByFourteen.ged_style2 .innerContent:first-child {
padding-top: 20px;
}
.elevenByFourteenBlock .templates .orientation {
height: 913px;
width: 1161px;
}
.elevenByFourteenBlock .templates .elevenByFourteen {
transform: scale(.865);
}
/* End elevenByFourteen */
/* Start sevenByNine */
.sevenByNine-container {
max-width: 912px;
}
.sevenByNine {
min-width: 912px;
height: 720px;
overflow: hidden;
}
.sevenByNine .innerContent {
transform-origin: top center;
}
.sevenByNine .innerContent,
.sevenByNine .signatures_area .left_signatures_area,
.sevenByNine .signatures_area .right_signatures_area {
transform: scale(.819);
}
.sevenByNine.ged_style2 .ged_seal_area {
margin-top: -24px;
}
.sevenByNineBlock {
max-width: 680px;
}
.sevenByNineBlock .templates .orientation {
height: 537px;
width: 680px;
}
.sevenByNineBlock .templates .sevenByNine {
transform: scale(0.746);
}
/* End sevenByNine */
/* Pagination */
.transcript_pagination_area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.transcript_pagination {
background: #FFFFFF;
border: 1px solid #EBECED;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
height: 40px;
width: 40px;
}
.transcript_pagination:hover,
.transcript_pagination.active {
background: #235273;
border-color: #235273;
color: #FFFFFF;
}
.transcript_pagination ~ .transcript_pagination {
margin-left: 10px;
}
/* Modal */
.modal {
background-color: rgba(0,0,0,0.4);
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
height: 100%;
width: 100%;
z-index: 99;
}
.modal-dialog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
margin: .5rem;
min-height: calc(100% - (.5rem * 2));
position: relative;
pointer-events: none;
width: auto;
}
.modal-content {
background-color: #fff;
border: 1px solid rgba(0,0,0,.2);
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
position: relative;
pointer-events: auto;
outline: 0;
transform: translateY(-50px);
transition: all 0.3s ease;
width: 100%;
}
.modal-header {
border-bottom: 1px solid #EBECED;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 15px;
}
.modal-header .modal-title {
letter-spacing: normal;
}
.modal-header .close {
cursor: pointer;
color: #000000;
font-size: 24px;
font-weight: 700;
line-height: 1;
margin: -15px -15px -15px auto;
padding: 15px;
text-shadow: 0 1px 0 #FFFFFF;
opacity: .5;
}
.modal-header .close:hover,
.modal-header .close:focus {
text-decoration: none;
opacity: .75;
}
.modal-body {
flex: 1 1 auto;
position: relative;
padding: 15px;
}
.modal-body .btn-group {
margin-top: 12px;
}
.modal-body .btn {
height: 67px;
width: 180px;
}
/* popup */
.swal2-container .swal2-popup {
border-radius: 10px;
}
.swal2-popup .swal2-header {
padding: 0 1.2em;
}
.swal2-popup .swal2-header .swal2-title {
font-size: 26px;
}
.swal2-popup .swal2-actions .swal2-styled {
background-color: transparent !important;
background-position: right bottom;
border-radius: 0;
height: 67px;
min-width: 144px;
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
-webkit-clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 30px),calc(100% - 27px) 100%,0% 100%);
clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 30px),calc(100% - 27px) 100%,0% 100%);
}
.swal2-popup .swal2-actions .swal2-styled,
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:focus {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23235273'/%3E%3C/svg%3E");
box-shadow: none;
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23182C3A'/%3E%3C/svg%3E");
box-shadow: none;
}
.swal2-popup .swal2-actions .swal2-deny,
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-deny:focus {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23C09745'/%3E%3C/svg%3E");
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-deny:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23967D38'/%3E%3C/svg%3E");
}
.swal2-popup .swal2-actions .swal2-cancel,
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-cancel:focus {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23f18052'/%3E%3C/svg%3E");
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-cancel:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23eb3449'/%3E%3C/svg%3E");
}
/* Checkout */
.billing_method_area,
.billing_cardform_area .btn-group {
margin-top: 12px;
}
.billing_amount_area {
padding-bottom: 12px;
}
.billing_amount_area > .form-group {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.billing_amount_area .form-group ~ .form-group {
border-top: 1px solid #EBECED;
padding-top: 14px;
}
.billing_cardform_area .checkout-btns {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.billing_cardform_area .checkout-btns button.btn-blue {
margin-right: 15px;
}
.expedite_order_area .form-checkbox {
background-color: #f9f9fa;
border: 1px solid #ebeced;
padding: 14px;
width: 100%;
}
.expedite_order_area .form-checkbox label {
padding: 0;
}
.newSentMailMsg {
font-size: 18px;
}
.payment_purchase_wrap img {
margin-top: 10px;
image-rendering: -webkit-optimize-contrast;
}
.example-picture-block {
margin-top: 20px;
padding: 30px;
}
.example-picture-block figcaption {
font-style: italic;
margin-bottom: 0;
}
/* Help Box */
.form-group .help-box {
background-color: #235273;
border-radius: 50%;
color: #ffffff;
font-size: 14px;
display: inline-block;
margin-left: 5px;
text-align: center;
height: 18px;
width: 18px;
}
.form-group .help-box:hover,
.form-group .help-box:focus {
background-color: #182c3a !important;
color: #ffffff !important;
}
.form-group .help-tooltip {
font-size: 14px;
width: 300px;
}
/* Thank You */
.wp-vg-thank-you h1 {
font-size: 47px;
line-height: 1.27em;
margin-bottom: 30px;
margin-top: 30px;
text-transform: capitalize;
}
.wp-vg-thank-you .btn {
margin: auto;
}
/* slick css */
.seals * {
outline: none;
}
.seals .img-box {
padding: 0 10px;
}
.seals .seal-num {
text-align: center;
padding-top: 10px;
}
.seals .img-box img {
max-width: 65px;
height: auto !important;
box-shadow: none;
}
.seals .img-box .seal {
cursor: pointer;
}
.seals .slick-center > .seal {
transform: scale(1.25);
transition: 0.6s all ease-out;
}
.seals .slick-track {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.seals .slick-next,
.seals .slick-prev {
background-color: transparent !important;
border: none;
color: transparent !important;
cursor: pointer;
font-size: 0;
line-height: 0;
padding: 0;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
outline: none;
height: auto;
width: auto;
}
.seals .slick-prev:hover,
.seals .slick-prev:focus,
.seals .slick-next:hover,
.seals .slick-next:focus {
color: transparent;
background: transparent;
}
.seals .slick-prev:hover:before,
.seals .slick-prev:focus:before,
.seals .slick-next:hover:before,
.seals .slick-next:focus:before {
opacity: 1;
}
.seals .slick-prev.slick-disabled:before,
.seals .slick-next.slick-disabled:before {
opacity: .25;
}
.seals .slick-prev:before,
.seals .slick-next:before {
font-size: 42px;
line-height: 1;
opacity: .75;
color: #235273;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.seals .slick-next {
right: -22px;
}
.seals .slick-prev {
left: -22px;
}
.seals .slick-prev:before {
content: "\276E";
}
.seals .slick-next:before {
content: "\276F";
}
/* Datatable */
div.dataTables_wrapper .dataTables_length select {
border-radius: 0;
padding: 8px 22px 8px 10px;
border: 1px solid #EBECED;
margin: 0 6px;
}
div.dataTables_wrapper .dataTables_length select:focus {
outline: none;
border-color: #182C3A;
}
div.dataTables_wrapper .dataTables_filter {
margin-bottom: 15px;
}
div.dataTables_wrapper .dataTables_filter input[type="search"] {
border: 1px solid #EBECED;
border-radius: 0;
padding: 8px 10px;
margin-left: 8px;
height: 40px;
}
div.dataTables_wrapper .dataTables_filter input[type="search"]:focus {
border-color: #182C3A;
}
div.dataTables_wrapper .dataTables_filter input {
height: auto;
width: inherit;
}
div.dataTables_wrapper .dataTables_scroll {
margin-bottom: 20px;
}
div.dataTables_wrapper th {
text-align: left;
}
div.dataTables_wrapper table.dataTable thead th, div.dataTables_wrapper table.dataTable thead td,
div.dataTables_wrapper table.dataTable tbody th, div.dataTables_wrapper table.dataTable tbody td {
border-color: #EBECED;
padding: 8px 20px 8px 10px;
}
div.dataTables_wrapper table.dataTable thead th, div.dataTables_wrapper table.dataTable thead td {
border-bottom: 0;
}
div.dataTables_wrapper .dataTable tbody td {
border: 1px solid #EBECED;
border-bottom: 0;
}
div.dataTables_wrapper .dataTable tbody td:not(:last-child) {
border-right: none;
}
div.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 1px solid #EBECED;
}
div.dataTables_scrollHead .dataTable thead .sorting + .sorting,
div.dataTable tbody td + td {
border-left: 0;
}
div.dataTables_wrapper label {
color: #333333;
font-size: 16px;
}
div.dataTables_wrapper .icon-delete {
color: #f18052;
}
div.dataTables_wrapper .icon-delete:hover {
color: #eb3449;
}
div.dataTables_wrapper .icon ~ .icon {
margin-left: 10px;
}
div.dataTables_wrapper .dataTables_paginate .paginate_button {
background-color: #FFFFFF;
border: 1px solid #EBECED;
color: #74788d !important;
margin-left: 10px;
height: 40px;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
background-color: #FFFFFF;
border-color: #ced4da;
color: #ced4da !important;
pointer-events: none;
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.current,
div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
div.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background: #235273 !important;
border-color: #235273 !important;
color: #FFFFFF !important;
z-index: 3;
}
/* dt buttons */
.dt-buttons button:not(:hover):not(:active):not(.has-background) {
background: #235273;
}
.dt-buttons button.dt-button:hover:not(.disabled):hover,
.dt-buttons button.dt-button:focus:not(.disabled),
.dt-buttons button.dt-button:active:not(.disabled),
.dt-buttons button.dt-button:active:not(.disabled):hover:not(.disabled) {
background: #182C3A;
color: #FFFFFF;
}
/* Input Date Range */
.input-daterange {
display: flex;
flex-wrap: wrap;
align-items: center;
float: left;
margin-left: 20px;
margin-bottom: 15px;
}
.input-daterange label {
font-size: 16px;
margin-bottom: 0;
margin-right: 8px;
}
.input-daterange .form-control {
padding: 8px 10px;
height: 40px;
width: 120px;
}
.input-daterange .input-addon {
margin: 0 8px;
}
div.dt-datetime button:not(:hover):not(:active):not(.has-background) {
background: transparent;
color: inherit;
}
div.dt-datetime .dt-datetime-iconLeft button:not(:hover):not(:active):not(.has-background),
div.dt-datetime .dt-datetime-iconRight button:not(:hover):not(:active):not(.has-background) {
padding: 0;
}
div.dt-datetime .dt-datetime-calendar table {
min-width: 100%;
}
div.dt-datetime .dt-datetime-calendar table th,
div.dt-datetime .dt-datetime-calendar table td {
border-color: var(--form--border-color);
}
div.dt-datetime .dt-datetime-calendar table button span {
text-align: center;
}
div.dt-datetime .dt-datetime-calendar table td.selectable button:hover {
background: #235273;
}
/* Disabled Select Option*/
option[disabled] {
background-color: #e5e5e5;
color: #ffffff;
}
@media (min-width: 1025px) {
.vg-lg-row {
margin-left: -30px;
margin-right: -30px;
}
.vg-lg-row > .vg-col {
padding-left: 30px;
padding-right: 30px;
}
.information-block-wrap {
width: 550px;
}
.templates-block-wrap {
width: calc(100% - 550px);
}
}
@media (min-width: 900px) and (max-width: 1024.98px) {
.vg-lg-row {
margin-left: -15px;
margin-right: -15px;
}
.vg-lg-row > .vg-col {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 768px) and (max-width: 1024.98px) {
.information-block-wrap {
width: 400px;
}
.information-block {
padding: 35px 25px;
}
.example-picture-block {
padding: 25px;
}
.templates-block-wrap {
width: calc(100% - 400px);
}
.certificate .vg-col-5 {
width: 100%;
}
.certificate .vg-col-4,
.certificate .vg-col-3 {
width: 50%;
}
}
@media (max-width: 1024.98px) {
.wp-vg-thank-you h1 {
font-size: 32px;
}
}
@media (max-width: 870px) {
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
}
div.dataTables_wrapper .dataTables_filter input {
width: inherit;
}
div.dataTables_wrapper .dataTables_paginate {
white-space: normal;
}
div.dataTables_wrapper .dataTables_paginate .paginate_button {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.templates-block-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2));
}
.eightPointByElevenBlock,
.elevenByFourteenBlock,
.sevenByNineBlock {
width: calc(100% + 10px);
}
}
@media (max-width: 767.98px) {
.vg-col-sm-12 {
width: 100%;
}
.information-block {
margin-bottom: 40px;
}
.wp-vg-preview-container .checkout_button_area {
flex-direction: column;
align-items: center;
}
.checkout_button_area .btn ~ .btn {
margin-top: 15px;
}
.eightPointByElevenBlock,
.elevenByFourteenBlock,
.sevenByNineBlock {
width: 100% !important;
}
.sevenByNineBlock {
margin-left: auto;
margin-right: auto;
}
div.swal2-container {
padding: 20px;
}
.framing-options-select {
left: 50%;
transform: translateX(-50%);
z-index: 9;
top: -25px;
}
}
@media (max-width: 640.98px) {
div.dataTables_wrapper {
margin-top: 20px;
}
div.dataTables_wrapper .dataTables_length,
div.dataTables_wrapper .dataTables_filter {
text-align: left;
}
div.dataTables_wrapper .dataTables_filter input[type="search"] {
max-width: 73%;
}
div.dataTables_wrapper div.dt-buttons {
text-align: left;
}
.input-daterange {
float: none;
margin: 0;
}
}
@media (max-width: 575.98px) {
.vg-col-xs-6 {
width: 50%;
}
.vg-col-xs-12 {
width: 100%;
}
.add-coupen {
margin-left: 0;
}
.billing_cardform_area .checkout-btns {
-webkit-flex-direction: column;
flex-direction: column;
}
.billing_cardform_area .checkout-btns button.btn-gold {
margin-top: 12px;
}
}
@media (max-width: 400.98px) {
.input-daterange label {
margin: 0 0 5px;
width: 100%;
}
}