@charset "UTF-8";
@import url('/assets/fonts/caveat/style.css');

/* hide slate stuff for sure! */
#c_header-span {display:none;}

body, p, ul, li {
    font-family:'nunito-sans', sans-serif;
    font-weight:300;
	color:#333 !important;
}

h1, h2, h3, h4, h5, h6 {font-family:'nunito-sans', sans-serif;}

.form_container h1, .form_container h2, .form_container h3, .form_container h4 {font-family:'nunito-sans'; font-weight:900; color:#2bb673  !important}
.form_container h1 {color:#00584b !important;}
#gcc_header {box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 18%); padding:1.25%; z-index:999;
position:relative;}
#gcc_header img {padding:0; height:65px;}
#main_body {margin-top:-50px !important}
strong, b {font-weight:800; !important; font-weight:normal !important;}
table {max-width:100% !important;}

form a, form a:link {color:#4169e1 !important; text-decoration:underline;}
form a:hover {text-decoration:none;}

#page {padding-bottom:150px;}
@media (max-width: 799px) { #page {padding-bottom:300px;} }
.slate #page a {color:#4169e1; text-decoration:underline;}

/* calendar */

.available {background-color:#00a359 !important}
.ui-widget-header {background:#00a359; color:#fff; font-weight:800;}

/* shadow */

.shadow {border-radius: 8px;
	box-shadow: 0 15px 30px 0 rgba(0,0,0, 0.1);
	background-color: #fff;
	padding: 1.5rem;
	margin: 0 2%;
} 

/* modals and popups */

.modal-body p, .modal p {font-size:14px; color:#333;}
.modal-header button[type=button] {background-color:transparent !important;}
.modal-header .btn-close {}
.modal {padding-top:1.5em;}

.dialog .header {background:#00584b; color:#fff;}
.dialog button[type=button] {text-transform:none; padding:16px !important; font-size:14px !important;}
.dialog_close {} /* background image 14x14 */
.dialog_navigation_links a {color:#fff !important; font-size:14px; margin-right:1em;}

/* buttons */

button.default, button[type=button], #start_application_link, .login .button {display:inline-block; border-radius:5px !important; padding:24px !important; font-size:24px; color:#fff; background:#2bb673  !important; text-transform:uppercase; text-decoration:none; font-weight:800;; border:none !important;}
a.button {color:#fff !important;}
.dialog_close {background:url('https://www.gcc.mass.edu/gcc/slate/imgs/x.png') no-repeat; top:6px}

/* submit button */

.form_action {text-align:center; padding:40px 0 40px 0;}
form .form_action .form_button_submit {width:auto; margin:auto !important; color:#fff; padding:20px 60px; border:1px solid #2bb673; background:#2bb673; text-transform:uppercase; font-size:22px; border-radius:6px;}
form .form_action .form_button_submit:hover {border:1px solid #2bb673 !important; color:#2bb673 !important; background:#fff !important;}

/* dropdowns, like for dob */

.form_responses select {display:inline-block !important; width:auto !important;}

/* uniform borders for inputs */

input[type=text] {
    border: 1px solid #666 !important;
}

/* required */

.form_question[data-required="1"] .form_label::after {
  color: red;
  content: " *";
}

/* labels */

.form_label {font-weight:600;; color:#00584b; line-height:16px !important}
.form_label p {color:#333 !important; }
.form_p .form_label {color:#333; font-weight:normal !important; margin:10px; font-size:14px;}
p.success {background-color:#fbfbfb; border-color:#2bb673}
p.error {background-color:#fbfbfb; border-color:#ba0400}

div.valid {color:#319863;} /* bg image 16x16 set by url */


/* application landing page */

.login {width:100% !important; margin:0 0 30px 0 !important;}
.login td {width:50%; padding:20px !important;}
.login h2 {text-transform:uppercase; color:#00584b; font-weight:900; font-size:20px;}
.login .button {font-size:16px; margin-top:1em;}
.non-matric ul, .non-matric ul li {list-style-type: disc !important; margin-left:1em;}
@media only screen and (max-width: 736px) {
	table.login>tbody>tr>td {width:100% !important}
}

/* application stuff */

.apply form {border:none;} /* actual application form */
.apply h1 {color:#00584b; font-weight:900;}
.apply #main {width:76.5%; float:right;}
.apply #menu, .application #menu ul {width:100% !important; min-width:0px !important;}
.apply #menu ul li a {text-decoration:none; color:#00584b !important; padding:10px 0 10px 10px; width:100% !important; min-width:0px !important;  border-bottom:1px dotted #cecece}
.apply #menu ul li a:hover {background:#f5f5f5}
.apply #menu ul li {padding:0;}
.apply #menu a.selected {background:#00584b; color:#fff !important; font-weight:600;}
.apply .form_header .form_label {font-family:'Caveat' !important; background:#2bb673 !important; padding:20px !important; color:#fff; font-size:2em;
margin:.5em 0 ;}
.apply table.table>thead>tr>td>a {color:#4169e1 !important}
.apply table.table>thead>tr>td>a:hover {text-decoration:none !important;}
.apply .form_pages ul, .apply .form_pages li {
    color:#333;
    list-style-type: disc !important;
    margin-left: 1em;
    }

.apply .form_pages li {font-size:15px; line-height:18px; margin-bottom:0.5em;}


.form_responses table {margin-top:1em;}


/* p/g acknowledgement */

.refer h1 {color:#00584b; font-weight:800;}
.refer .form_label p, .refer .form_label ul {
    
    color:#333;
    font-size:15px; line-height:20px;
    
}

.refer .form_label ul, .refer .form_label ul li {
    
    list-style-type:disc !important;
    margin-left:20px;
    
}

.refer h3.sys_refer {display:none;}

.refer v {font-size:14px; display:block; margin-bottom:20px;}

.refer .fixed {display:none;}

.refer #form_question_e0e3008a-266a-40a7-a573-694c7bb75c55 .form_label
{background:#fff !important;
font-size:24px;}

/* header */

#gcc_header .shadow {padding:12px 0 14px 12px}
#global {font-weight:800;}
#gcc_header .button {text-decoration:none;
background:#da4c47;
font-size:14px; padding:6px;
border-radius:5px;
color:#fff !important;
margin-left:10px !important;
    font-weight:600; !important;
}

.headimg {text-align:center; max-width:100%; margin:auto;}
.headimg img {max-width:100%; margin:auto;}


@media screen and (min-width:1400px) {
    .headimg, .headimg img {max-width:1200px; margin:auto !important;}
}

/* admission events */

.admissionevents #content ul.subtabs li a, .apply #content ul.subtabs li a {
    padding:13px !important; height:auto;
    background:none;
    border:1px solid #288673;
    box-shadow:none;
    border-radius:6px;
    font-size:16px;
    color:#288673 !important;
    font-weight:600;;
    margin:0 3px 0 0 !important;
	font-weight:normal !important;
}


.admissionevents #content ul.subtabs li a.active, .apply #content ul.subtabs li a.active {
    background:#00584b;
    color:#fff !important;
    border-color:#00584b;
    font-weight:900;
    font-size:18px;
}

.admissionevents #content ul.subtabs li a:hover, .admissionevents #content ul.subtabs li a.active:hover, .apply #content ul.subtabs li a:hover, .apply #content ul.subtabs li a.active:hover {
    background:#288673 !important;
    color:#fff !important;
}

#part_35fca307-cd93-4831-b8cf-fd56766878da {

}

#part_35fca307-cd93-4831-b8cf-fd56766878da #content_body, #part_fbd8f992-826d-4d77-a09a-3c872f5af348 #content_body {
    padding:0 20px;
    margin-top:-30px
}

#part_35fca307-cd93-4831-b8cf-fd56766878da .portal_row, #part_fbd8f992-826d-4d77-a09a-3c872f5af348 .portal_row {
    padding-top:20px;
}

#part_35fca307-cd93-4831-b8cf-fd56766878da h3, #part_fbd8f992-826d-4d77-a09a-3c872f5af348 h3 {
    margin-top:1em; font-weight:800;;
    font-size:22px;
    color:#00584b; line-height:26px;
}

.ui-datepicker .ui-state-hover {background:none !important;}

/* .calendar_legend.available, .ui-datepicker-calendar .available {background:#28b573 !important;}
.ui-widget-header {background:#00584b !important; color:#fff; font-weight:800;;}

#portal_row_container h2 {font-weight:900; color:#28b573;}

button {} */


/* 
.form_action {text-align:center; padding-bottom:20px;}
form .form_action .form_button_submit {width:50%; margin:auto !important; color:#fff; padding:20px; background:#2bb673; text-transform:uppercase; border:none !important; font-size:22px; border-radius:6px;}
form .form_action .form_button_submit:hover {border:1px solid #2bb673 !important; color:#2bb673; background:#fff;}


.form_header .form_label {padding:20px 0 !important; background:none !important;}

.form_question[data-required="1"] .form_label::after {
  color: red;
  content: " *";
}

/* #register_date {display:none;}

.form_header .form_label {color:#fff; background:#2bb673 !important; padding:10px !important; font-weight:900; font-size:20px;}

button.default, button[type=button] {border-radius:5px !important; padding:2% !important; font-size:24px; color:#fff; background:#2bb673  !important; text-transform:uppercase; font-weight:900; border:none !important;}

.confirmation {width:90%; margin:auto;}
.confirmation a {text-decoration:underline; color:#4169e1 !important; font-weight:800; !important;}

/* remove default styling for required fields on validation fail */
/* div.form_question.required {background:none !important;}

.form_container {padding:3%;}

.req-div {padding-left: 12px !important; border-left:6px solid #2bb673 }
.required {width:90%; margin:auto;}
.form_label span.req {display:inline-block !important; color:red; font-size:14px; line-height:normal; margin-bottom:10px;}
.form_question span.note {display:inline-block !important; font-size:13px; color:#333;  margin-top:6px;}
.form_page input[type=text], .form_page input[type=email] {border:1px solid #999 !important; padding:10px !important;}

@media only screen and (max-width: 736px) {

.req-div {padding-left: 12px !important;}

}
/* 
 */

/* label.form_label {background:#2bb673; color:#fff; font-family:'nunito-sans'; font-weight:900;} */


/* application checklist */ [data-id="dd71f17b-1521-470c-98ea-fa2635e28168"] h3 {color:#00584b;
font-weight:900; font-size:24px;}
[data-id="dd71f17b-1521-470c-98ea-fa2635e28168"], #part_checklist_Enrollment, #part_checklist_Admission {
    margin:20px 0 30px 0 !important;
}
#part_45df378c-84b4-4983-a673-11c07fa0bab6 {}
#part_45df378c-84b4-4983-a673-11c07fa0bab6 h3, #part_checklist_Enrollment h3, #part_checklist_Admission h3, .apply .part h3 {font-family:'nunito-sans'; font-weight:900;
font-size:24px; color:#00584b;}

#part_checklist_Admission a, #part_checklist_Enrollment a {color:#4169e1 !important}


/* admission coordinator tab */

.coord {
    text-align: center;
}

.coord img {
    border-radius:50%;
    max-width:70%;
}

.coord h3, .coord h4, .coord h5 {
    margin:0;
}

.coord h3 {font-family:'nunito-sans'; font-weight:900;
font-size:1.5em !important;
margin-bottom:10px;}

.coord h4 {
    font-weight:800;;
}

.portal_datepicker_sidebar {
    width:auto !important;
    margin:auto !important;
}

.sched h2, .admcoord h2 {
    font-family:'Caveat';
    font-size:38px;
    color:#00584b;
	text-align:center;
}

.admcoord h2 {
    font-size:58px;
}


#continue {font-size:16px !important; padding:16px !important; margin-top:20px;}
.scheduler_list_display h2 {margin-top:20px; font-size:26px}

.form_label ul li {
    list-style-type: disc !important;
    font-weight:normal !important;
    
    font-size:15px; margin-bottom:4px;
    line-height:normal !important;
}

/* closed app */
.app-closed {display:none;}
.app-closed h4 {font-size:125%;}
.app-closed .shadow {margin-bottom:40px;}

/* calendar feed */
.special-events h1 {
    font-family:'Caveat';
    font-weight:bold !important;
    color:#2bb673;
    font-size:4em;
}

.special-events .thumb {
    width:25%; 
    float:left;
    height:auto;
    aspect-ratio: 1 / 1;
}

.special-events .thumb img {
    width:100%;
    height:auto;
    max-width:100%;
    aspect-ratio: 1 / 1;
}

.special-events .desc {
    width:72%; float:right;
}

.special-events .event-title a {
    text-decoration:none;
    color:#00584b;
    font-size:3em;
     font-family:'Caveat';
    font-weight:bold !important;
}

.special-events .dates {
    text-transform:uppercase;
    font-weight:900;
    font-size:125%;
}

.event-notes a {
    color:royalblue;
}

.event-notes #register_date, .event-notes #form_description {
    display:none;
}

.admissionevents button:hover {background:#2bb673 !important}
.event a {color:royalblue !important;}

/* guest student portal */

.guest #part_admissions h3:first-child {display:none;}

/* hide embedded slate forms from main site */

.slate-ex {display:none !important;}

/* video on campus tours page */

@media (min-width: 768px) {
    
.row-87b34ed9-857c-4bf9-8d37-c1fa32dc6a8a .col-1,
.row-87b34ed9-857c-4bf9-8d37-c1fa32dc6a8a .col-2 {

    grid-row-start: auto;
    grid-column-start: auto;
	grid-column-end: auto;
    display:block;
    padding:0 !important;
}

.row-87b34ed9-857c-4bf9-8d37-c1fa32dc6a8a {
    display:block;
}

.row-87b34ed9-857c-4bf9-8d37-c1fa32dc6a8a .col-1 {
    width:27%;
    float:left;
}

.row-87b34ed9-857c-4bf9-8d37-c1fa32dc6a8a .col-2 {
    width:70%;
    float:right;
}

}