/*
Theme Name: pro_template
Theme URI: 
Author: Community Platform
Author URI:
Description: Use this theme to create an e-portfolio. See http://community.mis.temple.edu/PRO for instructions.
Version: 1 (2018)
*/

/*******Root Color*****/
:root {
  --maincolor: #9E1B34; /* #1d72a6;*/
  
}
/**************/

/********************************************/
/*****    The FONT FAMILY   ******/
/********************************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
body, p, ul, ol, h1, h2, h3, h4, h5, h6 {font-family:'Open Sans', sans-serif!important;}
p, ol, ul {color:#000;}




p {font-size:16px;line-height:22px;}
a {font-weight: 700;}
a:hover, a:active, a:focus {color:#000;}
h1 {font-size:38px;font-weight:700;line-height:42px;color:#000;}
h2 {font-size:34px;font-weight:400;line-height:38px;margin-bottom:24px;}

img.alignleft, a img.alignleft {float:left;margin-right:20px;margin-bottom:20px;}
img.alignright, a img.alignright {float:right;margin-left:20px;margin-bottom:20px;}
img.aligncenter, a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
p img { padding: 0; max-width: 100%; }

.fox-top {top:18px;width: 100%;position:fixed;padding-top:22px;padding-bottom:22px;margin:0 auto 12px auto;background:#fff;z-index:99999;-webkit-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.2);box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.2);}

.featured-image {border-radius:50%;margin-top:-100px;}

.fox-student-name-row h1 {margin-top:44px;width: 80%;color:#fff}
.fox-student-name-row h1 a {color:#fff}
/*.fox-student-name-row span {font-size:26px;line-height:40px;color:#fff;margin-bottom:26px;display:block}*/
.fox-student-name-row span {font-size:24px;line-height:30px;color:#fff;display:block; /*border-left:4px solid #fff;*/ padding-left: 5px; text-align:left;}
.fox-student-social-row {background-color:#fff;-webkit-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.2);box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.2);}
.social-buttons span {font-size:18px;line-height:32px;color:#000;margin-bottom:5px;display:block}
.fox-badge-text {text-align:left;/*padding-top:10px;*/}


.fox-001 {padding-top:15px; padding-bottom:15px;}

.fox-badge p {font-size:14px;line-height:19px;}
.fox-badge-image:before {content: " ";position: absolute;z-index: 2;left: 8px;border-left: 1px solid #000;top: 0;width: 1px;height: 100%;}
.fox-badge p a:hover {color:#000;text-decoration:underline;}

.fox-main-body {margin-top:25px;}

.fox-sidebar p.header {font-size:30px;line-height:34px;margin-bottom: 26px;} 
.fox-sidebar ul {margin:0;padding:0;list-style:none;line-height:19px;}
.fox-sidebar ul li {border:solid 1px #939393;padding:15px 34px 19px 15px;-webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);}
.fox-sidebar ul li span.fx-hd {font-size:17px;line-height:19px;color:#fff;font-weight:700;padding:12px 50px 12px 20px;cursor:pointer;width:100%;display:block;position:relative;}
.fox-sidebar ul li span.fx-hd span {position:absolute;right:10px;bottom:7px;border-radius:50%;background:#fff;width:29px;height:29px;text-align:center;font-size:15px;line-height:26px;}
.fox-sidebar ul li span.fx-hd-1 {font-size:17px;line-height:19px;color:#fff;font-weight:700;padding:12px 50px 12px 20px;cursor:pointer;width:100%;display:block;position:relative;}
.fox-sidebar ul li span.fx-hd-1 span {position:absolute;right:10px;bottom:7px;border-radius:50%;background:#fff;width:29px;height:29px;text-align:center;font-size:15px;line-height:26px;}
.fox-sidebar ul li ul li {border:none;padding-left:17px;padding-right:15px;margin-bottom: 0px;box-shadow:none;font-size:14px;}
.fox-sidebar ul li ul li a {color:#000;font-size:14px;font-style:italic;font-weight:400}
.fox-sidebar ul li ul li b {color:#000;font-size:16px;font-style:normal;display:block;}
.fox-sidebar ul li .hiddenpanel hr {    border: solid #DDDDDD;    border-width: 1px 0 0;    clear: both;    height: 0;    margin: 0;    width: 96%;    text-align: right;    left: 10px;    position: relative;}
.fox-sidebar ul li span.fx-hd:after {content:"+";font-size:26px;font-weight:700;position:absolute;right:-25px;z-index:100}
.fox-sidebar ul li span.fx-hd.opened:after {content:"-";right:-24px;font-size: 44px;line-height: 12px;font-weight: 400;}
.fox-sidebar ul li.linkout span.fx-hd::after {content:">";}
.fox-sidebar ul li span.fx-hd-1:after {content:"+";font-size:26px;font-weight:700;position:absolute;right:-25px;z-index:100}
.fox-sidebar ul li span.fx-hd-1.opened:after {content:"-";right:-24px;font-size: 44px;line-height: 12px;font-weight: 400;}
.fox-sidebar ul li.linkout span.fx-hd-1::after {content:">";}
.fox-sidebar .fox-002 {display:none;}


a.button.fx {font-size:18px;line-height:24px;font-weight: 700;color:#fff;background-color:#ecb73a;}
a.button.fx:hover {background-color:#000;}
.research-button {margin-top:60px;}

.nav-menu {text-align:right; padding-top:20px;}
.fox-top ul {margin:0;margin: 27px 0 0 0;list-style:none;line-height:19px;float:right;}
.fox-top ul li {margin-left:12px;margin-right:12px;display:inline-block}
.fox-top ul li:last-child {margin-right:0px;}
.fox-top ul li a {font-size:17px;line-height:19px;color:#000;font-weight:700;text-transform:uppercase;padding-bottom: 28px;}

.fox-top ul ul { visibility: hidden; position: absolute; top: 74px;min-width:160px;width:auto; z-index: 598; background-color:#fff;padding:0px;margin: 0;line-height:18px;}
.fox-top ul ul li {float:none;padding:8px;display:block!important;text-align:left;background:#eee;margin:3px 0 4px 0;}
.fox-top ul ul li a {font-style:normal!important;font-size:16px!important;font-weight:400!important;line-height:18px!important;text-transform:none!important;padding:5px;}
.fox-top ul ul li a:hover {color:#000;}
.fox-top ul li:hover > ul { visibility: visible }

/*.fox-banner {width:auto;height:130px;position:absolute;right:15px;background:#fff;text-align: center;z-index: 9999;}*/
.fox-banner {width:20%;height:125px;position:absolute;right:20px;text-align: center;z-index: 9999;padding:15px;top:30px;} /*border-left:4px solid #fff;*/
/*.fox-banner.fox-faculty {background:#ecb73a;}*/
.banner-logo {display:block;margin-top:6px;color:#fff;font-size:17px;line-height:19px;font-weight:400;}
.banner-logo:after {content:' ';position:absolute;left: 0;bottom: -30px;width: 0; height: 0; /*border-left: 79px solid transparent; border-right: 77px solid transparent; border-top: 30px solid #fff;*/ }
/*.fox-faculty .banner-logo:after {border-top: 30px solid #ecb73a;}*/
/*#triangle-down { width: 0; height: 0; border-left: 80px solid transparent; border-right: 80px solid transparent; border-top: 40px solid red; }*/
.fox-banner-mobile, .featured-image-wrapper-mobile {display:none;}

.fox-research div {padding:36px 26px 36px 36px;background:#e6e7e8;margin:8px;line-height:22px;}
.fox-research div h2 {font-size:36px;line-height:44px;}
.fox-research div h2 a {font-weight:400}
.fox-research div h6 {font-size: 18px;font-weight: 700;margin-bottom: 3px;}
.fox-research div h2:hover a {color:#000;}
.fox-grid-item { width:46%; }

.fox-research-all .line1, .fox-research-all .line1 a {font-size:23px;line-height:24px;font-weight:400;display:block;margin-bottom: 8px;}
.fox-research-all .line1 a:hover {color:#000;}
.fox-research-all .line2 {font-size:20px;line-height:24px;font-weight:700;color:#000;display:block;}
.fox-research-all .line3 {font-size:18px;line-height:22px;font-weight:400;color:#000;}
.fox-research-all div {border-bottom:1px solid #ccc;padding-top:32px;padding-bottom:24px;}

.social-buttons img {margin-right:5px;/*background:#ecb73a;*/ border-radius: 50%;}
.social-buttons img:hover {background:#d1d3d4;}

#comments ul {list-style:none;margin-left:0;}
#comments h2 {font-size:27px;line-height:34px;}
#comments ul.children {margin-left:50px;}
#comments ol.children {list-style:none;margin-top:20px;margin-bottom:10px;}
#comments ol.children li {margin-bottom:10px;}
#comments .comment-author.vcard {border:none;}
h3#reply-title {font-size:27px;line-height:34px;}
.comment {border:1px solid #95989a;padding:15px;margin-bottom: 16px;}

.comment-list {-webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);}

#comments ul .avatar {border-radius: 50%;}

#commentform {border:1px solid #95989a;padding:15px;-webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);}
#commentform input[type="submit"] {color:#fff;cursor:pointer;text-transform:uppercase;font-size:18px;line-height:28px;box-shadow:none;border: none;padding: 6px 12px;}
#commentform input[type="submit"]:hover {background:#000;}
.reply a.comment-reply-link {color:#fff;text-transform:uppercase;font-size:16px;line-height:21px;box-shadow:none;border: none;padding: 6px 12px;}
.reply a.comment-reply-link:hover {background:#000;}
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #95989a;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 16px;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
}

.fox-faculty-social-row {background-color:#fff;padding-bottom:25px;-webkit-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.2);box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.2);}
.fox-faculty-name-row h1 {margin-top:44px;color:#fff;width: 80%;}
.fox-faculty-name-row h1 a {color:#fff}
.fox-faculty-name-row span {font-size:21px;line-height:28px;color:#fff;margin-bottom:26px;display:block;width: 80%;}
.fox-sidebar.fox-faculty {padding-top: 4px;}
.fox-sidebar.fox-faculty .non-button-header {font-size:26px;line-height:34px;margin-bottom: 10px;}
.fox-sidebar.fox-faculty p {margin-bottom:12px;}
.fox-sidebar.fox-faculty .non-button-section {margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #ccc;}
.fox-sidebar.fox-faculty .non-button-section:nth-last-of-type(1) {border:none;}  /* remove border from last .non-button-section div */
.fox-banner.fox-faculty {background:#ecb73a;}
.fox-faculty .banner-logo:after {border-top: 30px solid #ecb73a;}
.fox-faculty #commentform input[type="submit"] {    background: #000; }
.fox-faculty .reply a.comment-reply-link { background: #000; }

#footer {margin-top:100px;padding:40px 0 40px 0;border-top:1px solid #95989a;font-weight:400}
#footer p, #footer p a {color:#000;font-size:16px;line-height:22px;}
#footer p a:hover {text-decoration:underline;}

.reveal-modal-bg-fox {
		color:#fff;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color:rgba(0,0,0,0.8);
		opacity:0.9;
		z-index: 9993;
		display: none;
		padding:26px;
}
.reveal-modal-bg-fox ul {list-style:none;margin:0;}
.reveal-modal-bg-fox ul li {margin-bottom:26px;}
.reveal-modal-bg-fox ul li ul {border-top:1px solid #fff;}
.reveal-modal-bg-fox ul li a {color:#fff;}
.reveal-modal-bg-fox ul li ul li {margin-bottom:0px;}


a.edit-link {font-weight:700;text-decoration:underline;font-size:14px;}
a.edit-link:hover {text-decoration:none;}
a.edit-link.light {color:#fff;}

#wpadminbar {position: fixed!important;}

/********************************************/
/*****   LOGO  ******/
/********************************************/
.fox-top a.logo {background: url('/wp-content/themes/pro_template/imgs/pro.png'); width:230px;height: 75px;display: block;background-repeat:no-repeat;}


/* Custom */

.fox-sidebar ul li{
	margin-bottom:10px;
}
.pro-column_left, .pro-column_right {
	width:50%;
	
}
.pro-column_right1, .pro-column_right2 {
	width:45%;
}
.pro-column_left1, .pro-column_left2 {
	width:45%;
}
.pro-column_left p.header,
.pro-column_right p.header {
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 26px;
	color:var(--maincolor);
}
.pro_row {
    
}
.pro_row_main {
	/*margin:25px 75px;*/	
	margin:0 auto;
	width:95%;
	max-width:95rem;
	text-align: center;
}
.pro-column_left {	
	float:left;	
}
.pro-column_right {
	float:right;
}
.pro-column_right1, .pro-column_right2 {	
	float:left;	
}
.pro-column_left1, .pro-column_left2 {	
	float:right;	
}
.rightalign {
	text-align:right;
	font-style: italic;
}
.pro_sidemenu_title{
	color:#fff;
	font-weight:600 !important;
}

.social-buttons span span {color:var(--maincolor);}
.fox-sidebar ul li span.fx-hd-open {font-size:17px;line-height:19px;color:#fff;font-weight:700;padding:12px 50px 12px 20px;cursor:pointer;width:100%;display:block;position:relative;}
.fox-sidebar ul li span.fx-hd-open span {position:absolute;right:10px;bottom:7px;border-radius:50%;background:#fff;width:29px;height:29px;text-align:center;font-size:15px;line-height:26px;}

.fox-sidebar ul li a
{color:var(--maincolor) !important; font-weight: 700 !important; filter:brightness(1.8);}

.fox-sidebar ul li a:hover
{color:#000 !important; text-decoration:underline !important;}

.class-interest{
	float:left;  
	width:50%; 
	/*border-left:2px solid #cecece;*/
	border-left:2px solid #e1e1e1;
 	height:150px;
	font-size:18px;
}

.pro-quarter {width:25%;}
.pro-third {width:33.33%;}
.pro-half {width:50%;}


/****************************************/


@media only screen and (min-width: 641px) {
	.fox-student-name-row .columns.medium-4,
	.fox-student-social-row .columns.medium-4 {width:20%; max-width:220px;}
	.fox-student-name-row .columns.medium-8,
	.fox-student-social-row .columns.medium-8 {width:80%; max-width:1300px;}
	
	.fox-faculty-name-row .columns.medium-4,
	.fox-faculty-social-row .columns.medium-4 {width:30%; max-width:220px;}
	.fox-faculty-name-row .columns.medium-8,
	.fox-faculty-social-row .columns.medium-8 {width:78%;}
}

@media only screen and (max-width: 1280px) and (min-width: 641px) {
	.fox-sidebar ul li span.fx-hd {font-size: 14px;}
	.fox-sidebar ul li span.fx-hd-open {font-size: 14px;}
	.fox-sidebar ul li span.fx-hd-1 {font-size: 14px;}
	.banner-logo span {font-size:20px !important;}
	.banner-logo span p {font-size:24px !important;}
	.class-interest{height:185px;}
}

@media only screen and (max-width: 1100px) {
	/*.fox-banner {width:100px;}
	.banner-logo:after {border-left: 50px solid transparent; border-right: 50px solid transparent;border-top: 15px solid #000; bottom: -15px; }*/
	.fox-research div h2 {font-size:32px;line-height:40px;font-weight:400}
    .fox-research div h6 {font-size: 16px;font-weight: 700;margin-bottom: 3px;}
	.banner-logo span {font-size:20px !important;}
	.banner-logo span p {font-size:24px !important;}
} 
@media only screen and (max-width: 1060px) and (min-width: 901px){
    .fox-main-body .columns.medium-offset-1.medium-9 {  margin-left: 0 !important;width: 90%;}
}
@media only screen and (max-width: 900px) and (min-width: 641px) {
	.fox-sidebar, .fox-main-content {  width: 100%;}
	.medium-pull-8.fox-sidebar {right:0%;}
	.medium-push-4.fox-main-content {left:0%;}
}
/*
@media only screen and (max-width: 900px) and (min-width: 641px){
     .fox-sidebar ul li {padding: 5px 34px 5px 5px;}
	 .fox-sidebar ul li span.fx-hd {padding-left:10px;}
} */
@media only screen and (min-width: 1060px) {
	.fox-student-name-row {min-height: 125px;margin-top:110px;}
	.fox-faculty-name-row {min-height: 225px;margin-top:110px;}
	.banner-logo img {margin-bottom:5px;}
}
@media only screen and (max-width: 1060px) {
	.fox-top {position: relative;padding-top:0px;padding-bottom: 25px;box-shadow: none;z-index:99;margin-bottom: 22px;}
	.fox-top ul {display:none;}
	.fox-top a.logo {/*width: 65%;*/padding-left: 10px;}
	.featured-image {display:none;}
	.fox-badge-image::before {border:none;}	
	.fox-001 {text-align: center;}
	.fox-banner, .banner-logo:after { display:none; }
	.fox-banner-mobile {display:block;background:#000;padding-top:8px;padding-bottom:8px;}
	.fox-banner-mobile-container {display: table-cell; vertical-align: middle;height:63px}
	.fox-banner-mobile p {color:#fff;margin:0;font-weight: 700;}
	.fox-student-name-row {margin-top:0;}
	.fox-student-name-row h1 { margin-top: 12px;  text-align: center;line-height: 54px;margin-bottom: 24px;width: 100%;}
	.featured-image-wrapper-mobile {display:block;background-image: linear-gradient(bottom, var(--maincolor) 70%, #fff 30%);
		background-image: -o-linear-gradient(bottom, var(--maincolor) 70%, #fff 30%);
		background-image: -moz-linear-gradient(bottom, var(--maincolor) 70%, #fff 30%);
		background-image: -webkit-linear-gradient(bottom, var(--maincolor) 70%, #fff 30%);
		background-image: -ms-linear-gradient(bottom, var(--maincolor) 70%, #fff 30%);
	}
	.fox-faculty .featured-image-wrapper-mobile {display:block;background-image: linear-gradient(bottom, #000 70%, #fff 30%);
		background-image: -o-linear-gradient(bottom, #000 70%, #fff 30%);
		background-image: -moz-linear-gradient(bottom, #000 70%, #fff 30%);
		background-image: -webkit-linear-gradient(bottom, #000 70%, #fff 30%);
		background-image: -ms-linear-gradient(bottom, #000 70%, #fff 30%);
	}
	.featured-image-mobile {border-radius:50%;width:230px;}
	.fox-student-name-row span, .fox-faculty-name-row span { font-size: 18px; line-height: 24px; text-align:center;}
	.social-buttons {/*margin-bottom:40px;*/}
	.fox-badge-text {text-align:left;padding-top:0px;}
    .fox-sidebar {margin-top: 25px;}
    .fox-main-body {margin-top: 15px;}
	.fox-sidebar .fox-002 {display:block;width:98%;border-color:#95989a;margin: 0rem auto 2.1875rem auto;}
	a#navicon {  display: none;  height: 45px;  position: absolute; width: 42px;top: 26px;right: 30px;z-index:999;}
	a#navicon span {top:10px;}
	a#navicon span, a#navicon span:before, a#navicon span:after {cursor: pointer;border-radius: 1px;height: 3px;width: 42px;background: #000;position: absolute;display: block;content: '';}
	a#navicon span:before {top: -13px;}
	a#navicon span:after {bottom: -13px;} 
	.fox-close-reveal-modal { right: 1rem!important; top: 0rem!important; color:#fff!important;position:absolute;font-size:36px;font-style:normal;font-weight: 300;}
	
	.fox-research div h2 {font-size:26px;line-height:36px;font-weight:400}
    .fox-research div h6 {font-size: 14px;font-weight: 700;margin-bottom: 3px;}
	 
	.fox-faculty .fox-banner-mobile {background:#ecb73a;} 
	.fox-faculty-name-row {margin-top:0;}
	.fox-faculty-name-row h1 { margin-top: 12px;  text-align: center;line-height: 54px;margin-bottom: 24px;width: 100%;}
	.fox-faculty-name-row span { font-size: 18px; line-height: 24px; text-align:center;margin-left:auto;margin-right:auto;}
	
}
@media only screen and (max-width: 1060px) and (min-width: 641px) {
     .fox-student-name-row .columns.medium-4 {width:0%}
	 .fox-student-name-row .columns.medium-8 {width:100%}
     .fox-top .columns.medium-4 {width:50%}
	 .fox-top .columns.medium-8 {width:50%}
	 .fox-student-social-row .columns.medium-4 {width:0%}
	 .fox-student-social-row .columns.medium-8 {width:100%}
	 
	 .fox-faculty-name-row .columns.medium-4 {width:0%}
	 .fox-faculty-name-row .columns.medium-8 {width:100%}
	 .fox-faculty-social-row .columns.medium-4 {width:0%}
	 .fox-faculty-social-row .columns.medium-8 {width:100%}
	 .pro-column_left, .pro-column_right {width:100%;}
	 .pro-column_right1, .pro-column_right2, .pro-column_left1, .pro-column_left2 { float:left; width:45%;}
	 .pro_row_main{margin:0px; padding:20px;}
}
@media only screen and (max-width: 640px) {
     #footer { margin-top: 40px;}
	 .fox-research div {padding:26px;}
	 .pro-column_left, .pro-column_right {width:100%;}
	 .pro-column_right1, .pro-column_right2, .pro-column_left1, .pro-column_left2 {width:100%; }
	 .pro_row_main{margin:0px; padding:20px;}
	 
	 .class-interest{
		float:unset;
		width:100%; 
		border-left:none;
		border-top:2px solid #e1e1e1;
		height:auto;
		font-size:18px;
		padding-top:20px;
	}
	.small-text-left{
		text-align:center !important;
	}
	.fox-badge-text{
		width:100% !important; 
		border-left:0px !important; 
		border-top:2px solid #e1e1e1;		
	}
	.small-7{
		width:50%;
		padding:10px;
	} 
	.small-12 {
		width: 100%;
		float: unset;
		text-align: center;
		padding-top:0px;
	}
	.fox-top a.logo{
		display: inline-block;
		margin-bottom: 40px;
	}
}
@media only screen and (max-width: 340px) {
    .fox-faculty-name-row h1, .fox-faculty-name-row h1 {font-size:36px;line-height: 40px;}
	.fox-faculty-name-row span, .fox-faculty-name-row span { font-size: 16px; line-height: 21px; text-align:center;width:100%;}
	.fox-student-name-row h1 {font-size:36px;line-height: 40px;}
	.fox-student-name-row span { font-size: 16px; line-height: 21px; text-align:center;}
	.fox-badge p { font-size: 12px; line-height: 16px;margin-top:0px;}
	
}



/***********************************************/
/*****    The main theme DOMINANT COLOR   ******/
/***********************************************/
a,
h2,
.fox-sidebar p.header,
.fox-sidebar ul li span.fx-hd span,
.fox-sidebar ul li span.fx-hd-1 span,
.fox-sidebar ul li span.fx-hd-open span,
.fox-sidebar ul li ul li a:hover,
.fox-sidebar ul li span.fx-hd:after,
.fox-sidebar ul li span.fx-hd-1:after,
.fox-top ul li a:hover,
.fox-top ul ul li a,
h3#reply-title,
#footer p a:hover {color:var(--maincolor);}

.site-color {color:var(--maincolor);}

.fox-student-name-row,
.fox-sidebar ul li span.fx-hd,
.fox-sidebar ul li span.fx-hd-1,
.fox-sidebar ul li span.fx-hd-open,
#commentform input[type="submit"],
.reply a.comment-reply-link {background-color:var(--maincolor);}

.fox-sidebar ul li a
{
	/*font-weight: 400 !important;*/
}

.fox-sidebar ul li a:hover
{color:#000!important; text-decoration:underline !important;}

.sidepanel{	
	float:right;
	margin:5px;
	background:var(--maincolor) !important;
}
.sidepanel2{	
	margin:5px;
	
}
.fx-hd,
.fx-hd-open{
	border: 1px solid #000;
}
.fox-sidebar ul li span.fx-hd span,
.fox-sidebar ul li span.fx-hd-1 span,
.fox-sidebar ul li span.fx-hd-open span{
	background:var(--maincolor) !important;
	border: 1px solid #fff;
	color:#fff !important;
}
.fox-sidebar ul li span.fx-hd::after,
.fox-sidebar ul li span.fx-hd-1::after,
.fox-sidebar ul li span.fx-hd-open::after{
	color:#000 !important;
}
.fx-hd-panel2{
	background-color:#000 !important;
}
.fx-hd-panel_light{
	opacity:0.6;
}
.fox-sidebar ul li span.fx-hd-panel2 span{
	background:#000 !important;
	border: 1px solid #fff;
	color:#fff !important;
}
.fox-sidebar ul li span.fx-hd-panel2::after{
	color:#000 !important;
}
button {
	filter:brightness(1.8);
}