/*
Theme Name: Transysite Academics
Theme URI: transy.edu
Description: Child Theme of Transysite for Academics
Author: Lee Boone for Transylvania University Office of Communications
Author URI: transy.edu
Template: transysite
Version: 1.0.0
*/

/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Fri, 21 Feb 2020 20:25:00 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/


/*faculty pages*/
/*faculty pages single*/
h2.fac-title{
	color: rgba(157,34,53,1);
}
.faculty-accolades{
    margin: 3rem 0;
}
.faculty-accolades h3{
}
.col-lg-8 .faculty-meta{
  margin-bottom: 15px;
}
.faculty-meta .post-thumbnail{
	display: inline-block;
	border: 1px solid rgba(157,34,53,.5);
}
.faculty-meta .post-thumbnail.placeholder {
    padding: 21px;
    background: #FFF;
}

#main .post-type-faculty.archive .faculty.hentry{
  margin-bottom: 2rem;
}
#main .post-type-faculty.archive .faculty.hentry h3{
  margin-bottom: .5rem;
}
#main .post-type-faculty.archive .faculty.hentry .post-thumbnail{
  margin: 0;
}


@media (min-width: 768px) {
.faculty-meta .post-thumbnail{
	float: right;
	margin: 0 0 15px 15px;
}
}
@media (min-width: 992px) {
.faculty-meta .post-thumbnail{
	margin: 0;
	float: none;
}
}


/*find major page*/
header.degprog{
  margin-top: 30px;
}
#filterHead{
  transition:opacity 1s;
  position: relative;
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.21752450980392157) 100%), url('/academics/wp-content/uploads/sites/3/2021/02/transylvania-university_lecture-classroom.jpg');
  padding: 2rem;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.find-your-path.wp-block-cover #filterHead{
  background:none;
}
#filterHead h2{
    color: #FFF;
    font-family: 'standardcondensed';
    font-size: 4rem;
    font-weight: 400;
}
#filterHead .subhead{
    font-weight: bold;
    color: #FFF;
    font-size: 1.5rem;
}
#filterHead #quicksearch{
    margin: 0 1rem;
    width: calc(100% - 2rem);
    border: none;
    background: transparent;
    text-align: center;
    font-family: 'standardcondensed';
    font-size: 3rem;
    color:#FFF;
}
#filterHead #quicksearch::placeholder{
  color:#FFffffDD
}
#filterHead #quicksearch:focus::placeholder{
  color:#FFffff33
}
.autocomplete-suggestions{
  position: static !important;
  transition: height .6s;
  border:1px solid #DDD;
  padding: 5px;
  background-color: rgba(255,255,255,1);
  overflow: auto;
  box-shadow: -1px -1px 3px #0008;
  width: 100% !important;
  margin-bottom: 1rem;
}
.autocomplete-suggestion{
  color: #9D2235;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.1rem;
  letter-spacing: 1px;
}
#showSuggestions .autocomplete-suggestions .autocomplete-suggestion{
  text-shadow: none !important;
}
#showSuggestions .autocomplete-suggestions .autocomplete-suggestion strong{
  color: #000;
}
#aboutMajors{
  margin-bottom: 3rem;
}
#aboutMajors p{
  text-align: center;
  font-size: 1.8rem;
  margin:0 0 .5rem;
  font-family: 'standardcondensed';
}

body.filter #programMosaic #filterHead{
  display: block;
  padding:30px 5px 0;
}

.mosaicfilter{
  margin-bottom: 15px;
}
#programMosaic{
  margin-top: 0px;
  margin-bottom: 15px;
}

#majorsAndMinors {
    padding: 0;
    margin:0 0 40px;
    position: relative;
    width: 100% !important;
}
#majorsAndMinors .degprog{
  padding:.5rem;
  float: left;
  width: 100%;
  margin: 0 0 16px;
  position: relative;
  background-color: rgba(255,255,255,0.8);
  box-shadow: 0 0 0px rgba(0,0,0,.05);
  transition: all 0.6s;
  /*width:33%;
  display: none;*/
}
#majorsAndMinors a{
  text-shadow: 0 0 .5px rgba(0,0,0,.2);
}
#majorsAndMinors .degprog:hover{
  cursor: pointer;
  box-shadow: 0 0 1rem rgba(0,0,0,.05);
  background-color: rgba(255,255,255,1);
}
#majorsAndMinors .degprog a,
#majorsAndMinors .degprog a:link{
  color: rgba(157,34,53,1);
  text-decoration: none;
}
#majorsAndMinors hr.degprog{
  margin: 0 0 1rem;
  padding: 0;
  background: #999;
}

body.trad #programMosaic .degprog:not(.self){
  display: block;
}
body.self #programMosaic .degprog.self{
  display: table;
}
#majorsAndMinors header.degprog{
  padding:0 5px;
  margin:30px 0 10px;
  width:100%;
}
#majorsAndMinors .degprog .subj {
    display: block;
    padding: 10px;
    background-color: #DDD;
    color: #000;
    text-decoration: none;
    opacity: .8;
    transition:opacity .6s;
}
#majorsAndMinors .degprog.fineart .subj {
}
#majorsAndMinors .degprog.human .subj {
}
#majorsAndMinors .degprog.natsci .subj {
}
#majorsAndMinors .degprog.socsci .subj {
}
#majorsAndMinors .degprog .subj:hover {
  opacity: 1;
    text-decoration: none;
}
#majorsAndMinors .degprog .linkwrap{
}
#majorsAndMinors .degprog .subj > br{display: none}
#majorsAndMinors .degprog .subj .progname{
  display: table-row;
  font-family: 'standardcondensed', sans-serif;
  font-size: 20px;
  line-height: 1.15em;
  width: 100%;
  color: #9D2235;
}
#majorsAndMinors .degprog .subj .progname span{
  display: table-cell;
  vertical-align: bottom;
  height: 52px;
  transition:text-shadow .6s;
}
#majorsAndMinors .degprog .subj:hover .progname span{
}
#majorsAndMinors .degprog .subj .mmp{
  font-family: 'standard', sans-serif;
  font-size: 13px;
  width:100%;
}
#majorsAndMinors .degprog .subj .mmp span{
}
/*Landing Page Program Search (modifies #majorsAndMinors)*/
#programSearch{
  max-width: 800px;
}
#programSearch #quicksearch {
    background: transparent;
    color: #FFF;
    font-size: 3rem;
    border-radius: 0;
    border: 0px solid #FFF;
    font-family: standardcondensed;
    border-bottom: 1px solid;
    font-weight: 300;
}

#programSearch #quicksearch::placeholder{
  color: rgba(255,255,255,0.8);
}
#programSearch #quicksearch:focus::placeholder{
  color: rgba(255,255,255,0.0);
}
.page-template-template-home .find-your-path #programSearch #majorsAndMinors{
  display: none;
}
.page-template-template-home .find-your-path #programSearch #majorsAndMinors.show-results{
  display: block;
}
.page-template-template-home .find-your-path #programSearch .mmp{
  font-size: 1rem;
  font-family: 'standard';
  color: #000;
  text-shadow: none;
}

/*Slate contact form on program overviews*/
.slate-contact {
    margin-bottom: 1rem;
}
.slate-contact > form{}
.slate-contact .form_width_narrow{}
.slate-contact .form_page{}
.slate-contact .form_question:not(.hidden) {
    display: flex !important;
    flex-direction: column;
    margin-bottom: .5rem !important;
}
.slate-contact .form_p.form_question{
  display: none !important;
}
.slate-contact .form_question .form_label {
    padding: 0 !important;
    margin: 0;
    font-weight: 700;
    font-size: .9rem;
}
.slate-contact .form_question .form_responses {
    padding: 0 !important;
    margin: 5px 0 8px;
}
.slate-contact .form_question .form_responses input,
.slate-contact .form_question .form_responses select,
.slate-contact .form_question .form_responses textarea {
    height: 34px;
    line-height: 1.4285;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    display: block;
}
.slate-contact .form_question .form_responses input{
  display: inline-block;
}
.slate-contact .form_question .form_responses input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){
  font-size: inherit;
  font-family: inherit;
  padding: 5px 4px;
  letter-spacing: normal;
}

.slate-contact .form_question fieldset {
    display: flex !important;
    flex-direction: column;
}
.slate-contact .form_question.form_select .form_responses,
.slate-contact .form_question fieldset .form_responses {
    display: flex !important;
}
.slate-contact .form_question fieldset .form_responses select{}
.slate-contact .form_question.form_select > .form_responses select{
  width: 100%;
}

.slate-contact .form_action{
  text-align: right;
}
.slate-contact .form_action button{
    font-weight: 300;
    font-family: standardcondensed;
    text-transform: uppercase;
    font-size: 1.8rem;
    padding: .5rem;
    display: inline-block;
    border: 2px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    background-color: rgba(157,34,53,.9);
    text-decoration: none !important;
    color: rgba(255,255,255,1);
    border-radius: 0;
    transition: .6s ease;
}
.slate-contact .form_action button:hover{
    background-color: rgba(255,255,255,.8) !important;
    color: rgb(106, 22, 35) !important;
    text-decoration: none;
    box-shadow: 1px 1px 0 #9D2235, -1px -1px 0 #9D2235, 1px -1px 0 #9D2235, -1px 1px 0 #9D2235;
    border-color: #9D2235;
    text-shadow: 0 0 2px #9D223588;
}

/*deactivate links on course patterns*/
table#pattern a{
  pointer-events: none;
  text-decoration: none;
  color: inherit;
}

@media (min-width:768px){

#majorsAndMinors .degprog{
  width: calc(50% - 8px);

}

#filterHead fieldset{
  position: relative;
  padding: 0 42px;
  border-bottom: 1px solid #FFF;
}
#filterHead fieldset::after {
    content: "";
    background-image: url(https://www.transy.edu/academics/wp-content/themes/transysite/images/Magnifying_glass_icon.svg);
    display: block;
    height: 42px;
    width: 42px;
    position: absolute;
    left: 0px;
    top: 50%;
    background-size: cover;
    transform: translateY(-50%);
    filter: grayscale(1) brightness(7.5);
}



}