/*

Theme Name:  NUIN Custom
Theme URI: http://nuin.northwestern.edu
Description: Custom responsive Wordpress theme created by CyberOptik exclusively for Northwestern University
Version: 2.0
Author: CyberOptik
Author URI: http://www.cyberoptik.net
Tags: buddypress

*/



/* STNDRD CSS FRAMEWORK */
@import url("css/stndrd.min.css");

/* VISUAL FORM BUILDER STYLES */
@import url("css/vfb-custom.css");


.content a{text-decoration:underline;}
.content a.button{text-decoration:none;}

/*
 *
 * STNDRD THEME 2.0.2
 * CUSTOMIZABLE CSS
 *
 */
 
 
 
/*
 * 
 * TABLE OF CONTENTS:
 * -----------------------------------------------------------------------------
 *
 * 1 STRUCTURAL ELEMENTS
 *
 *   1.1 UNIVERSAL STYLES
 *   1.2 UNIVERSAL THEME MODULES
 *   1.3 BORDER STYLES
 *
 *
 * 2 CONTENT MODULES & STYLES
 *
 *   2.1 UNIVERSAL CONTENT MODULES
 *   2.2 ALIGNEMENT STYLES
 *   2.3 TEXT LINKS
 *   2.4 HEADINGS
 *   2.5 QUOTES
 *   2.6 DIVIDERS
 *   2.7 MEDIA MODULES & STYLES
 *   2.8 BUTTONS
 *   2.9 ICONS
 *   2.10 TABLE STYLES
 *   2.11 FORM STYLES
 *
 *
 * 3 CUSTOM BOX STYLES
 *
 *   3.1 ALERT STYLES
 *   3.2 CONTENT BOX (BETA)
 *   3.3 FEATURE BOX
 *   3.4 ACCORDION BOX (BETA)
 *   3.5 TABBED BOX (BETA)
 *   3.5 ICON BOX (BETA)
 *
 *
 * 4 HEADER STYLES
 *
 *
 * 5 MENU MODULES & STYLES
 *
 *   5.1 UNIVERSAL MENU STYLES (BETA)
 *   5.1 MAIN MENU
 *   5.2 DROPDOWN MENU
 *   5.3 MOBILE MENU ELEMENTS
 *   5.4 MOBILE MENUS
 *
 *
 * 6 BODY STYLES
 *
 *
 * 7 CUSTOM TEMPLATE STYLES
 *
 *
 * 8 BLOG STYLES
 *
 *   8.1 UNIVERSAL BLOG STYLES
 *   8.2 BLOG POST STYLES
 *   8.3 POST NAVIGATION
 *   8.4 COMMENT
 *   8.5 RECENT POSTS MODULE
 *
 *
 * 9 FOOTER STYLES
 *
 * -----------------------------------------------------------------------------
 *
 */





/******************************************************************************
 * * *  1 STRUCTURAL ELEMENTS  * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/



/***  1.1 UNIVERSAL STYLES  ***/

html {font-size: 13px;}

body {
  line-height: 1.5em;
  font-family: 'Open Sans', sans-serif;
  color: #777;
  background: #6e6f73 url(images/bg.png) top center;
}



/***  1.2 UNIVERSAL THEME MODULES  ***/

.container, 
[class*="container-"] {
  display: block;
  width: 100%;
  max-width: 1200px; /* Set the maximum width of the website */
  padding: 0 50px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

.container-body { padding: 0; }

}

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

.container, 
[class*="container-"]  { padding: 0 20px; }

.container-body { padding: 0; }

}


/***  1.3 BORDER STYLES  ***/

.border-all, 
.border-top, 
.border-bottom, 
.border-left, 
.border-right {
  border-style: dotted; /* Changes the default border style */
  border-color: #d2d2d2; /* Change the default border color */
}





/******************************************************************************
 * * *  2 CONTENT MODULES & STYLES  * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/



/***  2.1 UNIVERSAL CONTENT MODULES  ***/

.content .section {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.content .section:first-child {margin-top: 0;}

.content .section:last-child {margin-bottom: 0;}

.sidebar .section, 
.widget-area {margin: 3em 0;}

.sidebar .section:first-child, 
.widget-area:first-child {margin-top: 0;}

.sidebar .section:first-child, 
.widget-area:last-child {margin-bottom: 0;}

.content .row, 
.sidebar .row {
  margin-top: 1em;
  margin-bottom: 1em;
  overflow: hidden;
}

.content .row:first-child, 
.sidebar .row:first-child {margin-top: -0.5em;}

.content .row:last-child, 
.sidebar .row:last-child {margin-bottom: -0.5em;}

.content [class*="col-"] {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}

.section-centered {width: 80%;}

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

  .section-centered {width: 100%;}

}



/***  2.2 ALIGNMENT STYLES  ***/

.content .alignleft {margin: 0 20px 1em 0;}

.content .alignright {margin: 0 0 1em 20px;}

.content .center, 
.content .centered, 
.content .aligncenter, 
.content .align-center {
  margin-top: 1em;
  margin-bottom: 1em;
}

.content .center:first-child, 
.content .centered:first-child, 
.content .aligncenter:first-child, 
.content .align-center:first-child {margin-top: 0;}

.content .center:last-child, 
.content .centered:last-child, 
.content .aligncenter:last-child, 
.content .align-center:last-child {margin-bottom: 0;}



/***  2.3 TEXT LINKS  ***/

a {color: #502062;}

a:hover {color: #6cbd45;}



/***  2.4 HEADINGS  ***/

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-weight: 700;
  color: black;
}

h1 {
  font-size: 1.8em;
  text-transform: uppercase;
  font-family: "Century Gothic", Helvetica, sans-serif;
}

h2 {font-size: 1.5em;}

h3 {font-size: 1.25em;}

h4 {font-size: 1.1em;}

h5 {font-size: 0.9em;}

h6 {font-size: 0.8em;}

.content .alignleft + h1, 
.content .alignleft + h2, 
.content .alignleft + h3, 
.content .alignleft + h4, 
.content .alignleft + h5, 
.content .alignleft + h6, 
.content .alignright + h1, 
.content .alignright + h2, 
.content .alignright + h3, 
.content .alignright + h4, 
.content .alignright + h5, 
.content .alignright + h6 {margin-top: 0.6em;}

.title {}



/***  2.5 QUOTES  ***/

blockquote {
  padding: 5px 0 5px 15px;
  border-left: 5px solid black;
  margin-left: 2em;
  line-height: 1.5em;
  font-size: 1.4em;
  font-style: italic;
  font-weight: normal;
  font-weight: 300;
}



/***  2.6 DIVIDERS  ***/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 2em 0;
    padding: 0;
}



/***  2.7 MEDIA MODULES & STYLES  ***/


/*  Video  */
.video {max-width: 1000px;} /* Sets the max width for HTML5 and Youtube Videos */

.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level {
  background-color: red; /* Sets HTML5 Video player theme color */
}



/***  2.8 BUTTONS  ***/

.button {
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 600;
  color: white; /* Sets button text color */
  text-shadow: 2px 1px 0 rgba(0,0,0,0.2);
  background: #502062; /* Sets button background color */
  webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.button:hover {
  color: white; /* Sets button hover text color */
  background: #6cbd45; /* Sets button hover background color */
}



/***  2.9 ICONS  ***/

.icon {color: #7fdd51;}

a .icon {
  color: #6cbd45;
  webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

a:hover .icon {color: #7fdd51;}


/*  Icon Backgrounds  */

.icon-bg {
  color: white;
  background-color: #7fdd51;
}

a .icon-bg {
  color: #eee;
  background-color: #6cbd45;
}

a:hover .icon-bg {
  color: white;
  background-color: #7fdd51;
}


/*  Icon Borders  */

.icon-br {border-color: #7fdd51;}

a .icon-br {border-color: #6cbd45;}

a:hover .icon-br {border-color: #7fdd51;}



/*  Custom Icon  */

/* INSTRUCTIONS
   Create Icon with the following perameters:
     140px X 140px
     72ppi
     transparent background PNG file
   Color of Icon should be the color you wish it to appear on the site
   Icon image should be saved in /images
*/

.icon-custom {
  background: url(images/icon-CUSTOM.png) center center no-repeat;
  background-size: 1em;
}

.icon-give:before {
  display: inline-block;
  margin-bottom: 2px;
  text-align: center;
  font-size: 0.5em;
  vertical-align: middle;
  font-weight: bold;
  text-transform: uppercase;
  content: 'Give';
}


/*  Custom Icon Backgrounds  */

.icon-bg-brand.icon-bloglovin {background-color: !important;}

a .icon-bg-brand.icon-bloglovin {background-color: !important;}

a:hover .icon-bg-brand.icon-bloglovin {background-color: !important;}

a:hover .icon-bg-hover-brand.icon-bloglovin {background-color: !important;}


/*  BlogLovin Icon Borders  */

.icon-br-brand.icon-bloglovin {border-color: !important;}

a .icon-br-brand.icon-bloglovin {border-color: !important;}

a:hover .icon-br-brand.icon-bloglovin {border-color: !important;}

a:hover .icon-br-hover-brand.icon-bloglovin {border-color: !important;}




/***  2.10 TABLE STYLES  ***/

table {
  background: white; /* Sets table background color */
}

th {
  font-weight: bold;
  text-align: left;
  background: #f2f2f2; /* Sets table header backgound color */
}

tr {
  border-bottom: 1px solid #ededed;
  text-align: center;
}

th, 
td {
  padding: 10px;
  border-right: 1px solid #ededed;
  text-align: left;
}

th:last-child, 
td:last-child {border-right: 0;}


/*  Responsive Tables  */

.table-wrap {
  border: 1px solid #d2d2d2;
}

.table-wrap-inner::-webkit-scrollbar {
  width: 12px;
  background: white;
}

.table-wrap-inner::-webkit-scrollbar-thumb {
  border: 4px solid white;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: #929292;
}

.table-wrap table {
  width: auto;
  min-width: 100%;
}

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

.table-wrap table {min-width: 800px;}

}



/***  2.11 FORM STYLES  ***/

input[type="text"], 
input[type="email"], 
input[type="number"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="url"], 
input[type="date"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
textarea, 
select {
  padding: 10px; /* Sets text input padding */
  border: 1px solid #ccc; /* Sets text input border */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  background: white; /* Sets text input background */
}

textarea {height: 100px;}


/* Form Button Styles */

input[type="submit"], 
input[type="reset"], 
input[type="button"] {
  height: 2.8em;
  padding: 0 24px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 0.95em;
  font-weight: 600;
  color: white;
  background: #aaa;
}

input[type="Submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover {background: #bbb;}

input[type="Submit"]:active, 
input[type="reset"]:active, 
input[type="button"]:active {
  background: #555;
  color: #eee;
}


/* Search Form */

.search-form form {position: relative;}

.search-form input[type=text] {
  padding-right: 45px;
  background: #f5f5f5;
}

.search-form input[type=text]:focus {background: white;}

.search-form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 50;
  display: block;
  float: none;
  width: 40px;
  height: 100%;
  border: 0;
  margin: 0;
  background: url(images/icon-search-black.png) center no-repeat;
  background-size: 1.5em;
  opacity: 0.6;
  cursor: pointer;
  cursor: hand;
}

.search-form input[type="submit"]:hover {
  background: url(images/icon-search-black.png) center no-repeat;
  background-size: 1.5em;
  outline: none;
  opacity: 1;
}

.search-form input[type="submit"]:active {
  background-color: rgba(0,0,0,0.025);
  outline: none;
}

.error404 .search-form {max-width: 400px;}



/******************************************************************************
 * * *  3 CUSTOM BOX STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/



/***  3.1 ALERT STYLES  ***/

[class*="alert"] {
  position: relative;
  padding: 10px;
  border: 1px solid #c4c4c4; /* Set border color and style for default alert */
  -webkit-border-radius: 0; /* Set border radius (Chrome, Safari) */
  -moz-border-radius: 0; /* Set border radius (Firefox) */
  border-radius: 0; /* Set border radius (Universal) */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-size: 1em; /* Set font size */
  color: #747474; /* Set font color */
  background: #f3f4f1; /* Set background color for default alert */
}

.section[class*="alert"] {margin: 0.5em 0;}

.content-box + .section[class*="alert"] {margin-top: 1.5em;}

.section[class*="alert"] + .content-box {margin-top: 1.5em !important;}

.section[class*="alert"]:first-child {margin-top: 0 !important;}

.section[class*="alert"]:last-child {margin-bottom: 0 !important;}

[class*="alert"] .icon {
  color: #c4c4c4;
  margin-right: 0.25em;
  width: 1.3em;
  height: 1.3em;
}

[class*="alert"] h1, 
[class*="alert"] h2, 
[class*="alert"] h3, 
[class*="alert"] h4, 
[class*="alert"] h5, 
[class*="alert"] h6 {margin: 0;} 

[class*="alert"] p {margin: 0.5em;} 

[class*="alert"] p:first-child {margin-top: 0;} 

[class*="alert"] p:last-child {margin-bottom: 0;} 


/* Success Alert */

[class*="alert-success"] {
  border-color: #83a82a;
  color: #83a82a;
  background: #e9efd9;
}

[class*="alert-success"] .icon {color: #83a82a !important;}

[class*="alert-success"] h1, 
[class*="alert-success"] h2, 
[class*="alert-success"] h3, 
[class*="alert-success"] h4, 
[class*="alert-success"] h5, 
[class*="alert-success"] h6 {color: #83a82a;}


/* Error Alert */

[class*="alert-error"] {
  border-color: #a74527;
  color: #a74527;
  background: #f1e4e0;
}

[class*="alert-error"] .icon {color: #a74527 !important;}

[class*="alert-error"] h1, 
[class*="alert-error"] h2, 
[class*="alert-error"] h3, 
[class*="alert-error"] h4, 
[class*="alert-error"] h5, 
[class*="alert-error"] h6 {color: #a74527;}


/* Info Alert */

[class*="alert-info"] {
  border-color: #1b6fab;
  color: #1b6fab;
  background: #e9eff4;
}

[class*="alert-info"] .icon {color: #1b6fab !important;}

[class*="alert-info"] h1, 
[class*="alert-info"] h2, 
[class*="alert-info"] h3, 
[class*="alert-info"] h4, 
[class*="alert-info"] h5, 
[class*="alert-info"] h6 {color: #1b6fab;}


/* Notice Alert */

[class*="alert-notice"] {
  border-color: #d7d00e;
  color: #989305;
  background: #f1ee9f;
}

[class*="alert-notice"] .icon {color: #d7d00e !important;}

[class*="alert-notice"] h1, 
[class*="alert-notice"] h2, 
[class*="alert-notice"] h3, 
[class*="alert-notice"] h4, 
[class*="alert-notice"] h5, 
[class*="alert-notice"] h6 {color: #bbb508;}



/***  3.2 CONTENT BOX (BETA)  ***/

.content-box {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}



/***  3.3 FEATURE BOX  ***/

.feature-box {
  padding: 25px !important;
  background: #67d034;
  color: #333;
}

.feature-box a {color: #502062;}

.feature-box .button {
  color: #67d034;
  background: black;
  text-shadow: none;
}

.feature-box .button:hover {background: white;}

.feature-box .icon {color: black !important;}

.feature-box a .icon {color: #333 !important;}

.feature-box a:hover .icon {color: black !important;}

.feature-box .icon-bg {
  color: #67d034 !important;
  background: black !important;
}

.feature-box a .icon-bg {
  color: #67d034 !important;
  background: #333 !important;
}

.feature-box a:hover .icon-bg {
  color: #67d034 !important;
  background: black !important;
}

/*  Icon Borders  */

.feature-box .icon-br {border-color: black;}

.feature-box a .icon-br {border-color: #333;}

.feature-box a:hover .icon-br {border-color: black;}

.feature-box h1, 
.feature-box h2, 
.feature-box h3, 
.feature-box h4, 
.feature-box h5, 
.feature-box h6 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: black;
} 

.feature-box h1:first-child, 
.feature-box h2:first-child, 
.feature-box h3:first-child, 
.feature-box h4:first-child, 
.feature-box h5:first-child, 
.feature-box h6:first-child {margin-top: 0;} 

.feature-box h1:last-child, 
.feature-box h2:last-child, 
.feature-box h3:last-child, 
.feature-box h4:last-child, 
.feature-box h5:last-child, 
.feature-box h6:last-child {margin-bottom: 0;} 



/***  3.4 ACCORDION BOX (BETA)  ***/

.accordion-heading {
  margin: 5px 0 !important;
  padding: 10px !important;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
}

.accordion-heading.active {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-heading .icon:before {content: "\f0fe";}

.accordion-heading.active .icon:before {content: "\f146";}

.accordion-content {
  padding: 10px !important;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 5px 0 !important;
}



/***  3.5 TABBED BOX (BETA)  ***/

.tab-box-wrapper {padding: 0;}


/* Tabs */

ul.tab-box-tabs {
  display: block;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
}

ul.tab-box-tabs:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

ul.tab-box-tabs li {
  float:left;
  border: 1px solid #d2d2d2;
  border-left: none;
  margin: 0;
  margin-bottom: -1px;
  font-weight: bold;
  background: #f4f4f4;
  overflow: hidden;
  cursor: pointer;
}

ul.tab-box-tabs li a {
  display: block;
  padding: 9px 18px;
}

ul.tab-box-tabs li:hover {background: #eee;}

ul.tab-box-tabs li.active {
  background: white;
  border-bottom: 1px solid white;
}

ul.tab-box-tabs li.active a {color: #222;}

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

ul.tab-box-tabs li a {padding: 5px 10px;}

}

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

ul.tab-box-tabs li {
  float: none;
  display: block;
}

ul.tab-box-tabs li a {padding: 5px 2.5%;}

}

/* Tab Box */

.tab-box {
  display: block;
  width: 100%;
  padding: 1em 2.5%;
  border: 1px solid #d2d2d2;
  border-top: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
}

.tab-box-content {display: none;}



/***  3.6 ICON BOX (BETA)  ***/

[class*="icon-box-"] {position: relative;}

[class*="icon-box-"] .icon {
  padding: 0.33em;
  font-size: 2em;
  background: white;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.icon-box-left {
  padding-left: 75px !important;
  min-height: 4em;
}

.icon-box-left.border-all {
  padding-left: 90px !important;
  min-height: 6em;
}

.icon-box-left .icon {
  position: absolute;
  top: 0;
  left: 0;
}

.icon-box-left.border-all .icon {
  top: 15px;
  left: 15px;
}

.icon-box-left.border-left .icon {left: 15px;}

.icon-box-top {
  margin-top: 2em !important;
  text-align: center;
}

.icon-box-top .icon {
  display: block;
  margin: -1.5em auto 0.5em;
}





/******************************************************************************
 * * *  4 HEADER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/
 


/***  HEADER TOP  ***/

.header-top {
  background: #363636;
}

.header-top .container { padding-right: 0; }

.header-top ul,
.header-top .menu {
  text-align: right;
  color: #dbdbdb;
}

.header-top ul li:after,
.header-top .menu li:after { content: '/'; }

.header-top ul li:last-child:after,
.header-top .menu li:last-child:after { content: ''; }

.header-top ul li a,
.header-top .menu li a {
  display: inline-block;
  padding: 9px 14px 0;
  color: white;
}

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

.header-top .container { padding-left: 10px; }

.header-top ul,
.header-top .menu { text-align: center; }

}
 
@media screen and (max-width: 600px) {

.header-top .container { padding-left: 0; }

.header-top ul li,
.header-top .menu li { display: block; }

.header-top ul li:after,
.header-top .menu li:after { content: ''; }

.header-top ul li a,
.header-top .menu li a {
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
}

}
 


/***  HEADER  ***/

.header {
  position: relative;
  background: #562969 url(images/bg-header.png) center center repeat-x;
  background-size: auto 100%;
}

.container-header {}

.logo {}

.menu-button {
  position: absolute;
  top: 40px;
  right: 14px;
}
 
@media screen and (max-width: 768px) {

.header { overflow: hidden; }

.logo img { width: 480px; }

.menu-button { top: 24px; }

}

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

.logo img { width: 400px; }

.menu-button { top: 16px; }

}

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

.header .container { padding: 0; }

.logo img { width: 100%; }

.menu-button {
  position: relative;
  top: auto;
  right: auto;
  display: block;
  width: 100%;
  background: #371145;
  text-align: right;
}

}


/******************************************************************************
 * * *  5 MENU MODULES & STYLES  * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/



/***  5.1 UNIVERSAL MENU STYLES (BETA)  ***/

.nav {background: #bcbdc0;}

.menu {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  list-style:none;
}

.menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.menu > li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.menu li ul li {display: none;}

.menu > li > a {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.left-menu, 
.menu-left {
  float:left;
  width: auto;
}

.right-menu, 
.menu-left {
  float: right;
  width: auto;
}



@media screen and (min-width: 1025px) {

/***  5.2 MAIN MENU  ***/

.main-menu > ul {text-align: left;}

.main-menu > ul > li > a {
  padding: 10px 13px;
  color: #231f20;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Century Gothic", Helvetica, sans-serif;
  font-size: 1.1em;
  webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.main-menu > ul > li.current-menu-item > a, 
.main-menu > ul > li.current-page-parent > a, 
.main-menu > ul > li.current-page-ancestor > a {
  background: #371145;
  color: white;
}

.main-menu > ul > li:hover > a {
  background: #371145;
  color: #6cbd45;
}

.grid-menu > ul > li {
  float:left;
  display: table;
  width: 12.5%;
  height: 100px;
}



/***  5.3 DROPDOWN MENU  ***/

.main-menu li > ul {
  width: 200px;
  background: white;
  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.2);
  webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.main-menu li.double-wide > ul {width: 400px;}

.main-menu li ul li {
  position: relative;
  border-bottom: 1px dotted rgba(255,255,255,0.25);
}

.main-menu li.double-wide > ul > li:nth-child(odd) {border-right: 1px dotted rgba(255,255,255,0.25);}

.main-menu li ul a {
  padding: 15px 20px;
  color: #666;
  text-align: left;
  text-transform: uppercase;
  font-size: 0.8em;
  background: #eee;
  webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.main-menu li ul li.sub-menu > a:after {
  margin-top: -0.38em;
  margin-left: -2em;
  font-size: 0.7em;
  webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.main-menu li ul li.current-page-ancestor > a, 
.main-menu li ul li.current-page-parent > a, 
.main-menu li ul li.current-menu-item > a {
  color: black;
  background-color: white;
}

.main-menu li ul li.current-page-ancestor.sub-menu > a:after, 
.main-menu li ul li.current-page-parent.sub-menu > a:after, 
.main-menu li ul li.current-menu-item.sub-menu > a:after {color: black;}

.main-menu li:hover ul li:hover > a {
  color: #6cbd45;
  background: white;
}

.main-menu li ul li.sub-menu:hover > a:after, 
.main-menu li ul li.sub-menu:hover > a:after, 
.main-menu li ul li.sub-menu:hover > a:after {color: #6cbd45;}

.main-menu > ul > li:nth-last-child(2) ul {
  left: 0;
  right: auto;
}

.main-menu > ul > li:nth-last-child(2) ul li ul {
  left: 100%;
  right: auto;
}

}


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

/***  5.4 MOBILE MENU ELEMENTS   ***/

	
/* Mobile Overlay */

.mobile-overlay {
  background: white;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.mobile-overlay.active {opacity: 0.6;}

	
/* Mobile Menu Icon */

.menu-button .icon {
  padding: 0.33em;
  font-size: 2em;
  color: white;
  background: rgba(0,0,0,0);
}

.menu-button:hover .icon {
  color: #5dc62a;
  background: rgba(0,0,0,0);
}

.menu-button.active .icon {
  color: white;
  background: #5dc62a;
}


/***  5.5 MOBILE MENUS  ***/


/* Mobile Menu */

.main-menu > ul {
  border-top: 1px dotted rgba(255,255,255,0.25);
  background: #333;
}

.main-menu, 
.mobile-menu-top {
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
}

.mobile-menu-left, 
.mobile-menu-right {
  background: #333;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.mobile-menu-left::-webkit-scrollbar, 
.mobile-menu-right::-webkit-scrollbar {
  width: 10px;
  background: #46494e;
}

.mobile-menu-left::-webkit-scrollbar-thumb, 
.mobile-menu-right::-webkit-scrollbar-thumb {
  border: 0;
  background: #676d74;
}

.main-menu {border-top: 1px dotted rgba(255,255,255,0.25);}

.main-menu li {border-bottom: 1px dotted rgba(255,255,255,0.25);}

.main-menu li a {
  padding: 15px 20px;
  text-transform: uppercase;
  font-size: 0.84em;
  color: white;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.main-menu li.current-menu-item > a {
  background: #502062;
  color: white;
}

.main-menu li a:hover {
  background: #5dc62a;
  color: white;
}


/* Subpage Menu */

.mobile-menu-left li ul, 
.mobile-menu-right li ul {
  background: rgba(0,0,0,0.2);
  font-size: 0.9em;
}

.mobile-menu-left li ul li a:before,
.mobile-menu-right li ul li a:before {
  margin-right: 10px;
  font-size: 0.7em;
  opacity: 0.5;
  content: "\f054";
}

}





/******************************************************************************
 * * *  6 BODY STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/



/***  BODY  ***/

.body {
  padding-top: 25px;
  padding-bottom: 50px;
  background: white;
}



/***  BREADCRUMBS  ***/

.breadcrumbs { margin-bottom: 25px; }

.bc-menu {
  margin-left: -14px;
  text-align: left;
  font-size: 0.9em;
}

.bc-menu li:after { content: '/'; }

.bc-menu li:last-child {
  padding-left: 14px;
  padding-right: 14px;
}

.bc-menu li:last-child:after { content: ''; }

.bc-menu li a {
  display: inline-block;
  padding-left: 14px;
  padding-right: 14px;
}


/***  CONTENT  ***/

[class*="col-"].content, 
.green-border {
  border-top: 14px solid #6cbd45;
  padding-top: 0.5em;
}

.metaslider {margin-top: -1em;}

.metaslider h1, 
.metaslider h2, 
.metaslider h3 {
  margin: 0;
  margin-bottom: 0.25em;
  color: white;
}

.metaslider .caption-wrap {
  background: rgba(0,0,0,0.6) !important;
  opacity: 1 !important;
}

.metaslider .caption {padding: 15px !important;}

.metaslider .caption a {color: #b22be5;}

.metaslider .caption a:hover {color: #6cbd45;}

.course-schedule th, 
.course-schedule td {
  width: 20% !important;
}



/***  BUDDY PRESS ***/

.dir-search input[type="text"] {
  padding: 8px 8px 7px 8px !important;
  margin-top: -2px;
  margin-right: 2px;
}

.pagination {
  padding: 5px;
  background: #eee !important;
}

.item-list-tabs {display: none !important;}

.page-numbers br {
  display: none !important;
}

.member-list .sidebar .section {border-top: none;}

.member-list-titles {
  padding-top: 0.75em;
  font-size: 1.25em;
  font-weight: bold;
  color: black;
  border-bottom: 1px solid #ddd;
}

.member-list-titles p {display: none;}

.member-list-item {
  border-bottom: 1px solid #eee;
}

.member-office {
  position: relative;
  padding-right: 30px;
}

.member-email {
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.item-avatar img, 
img.avatar {
  border: 2px solid #e4e4e4 !important;
}

.member-list-item .item-avatar img {
  width: 50px;
  height: auto;
}

.item-avatar {
  float: left !important;
  margin-right: 5px;
  margin-bottom: 5px;
}

.item .title {margin-top: -1em !important;}

span.activity {display: none !important;}

@media screen and (max-width: 900px) {
	
.member-list-titles {display: none;}

.member-list-item {position: relative;}

.member-list .member-office {position: static;}

.member-list .member-email {top: 5px;}

}

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

.dir-search {
  display: block !important;
  float: none !important;
  margin: 0 !important;
}

.pag-count, 
.pagination-links {
  float: none !important;
  display: block;
  text-align: center;
}

.pagination > p {display: none;}

}

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

.dir-search input[type="text"] {
  width: 100% !important;
}

.dir-search input[type="text"] {
  margin-top: 8px;
}

}



/***  SIDEBAR  ***/

.sidebar {
  float: left;
  padding-right: 2.5%;
}

.blog .sidebar {
  float: none;
  padding-left: 2.5%;
  padding-right: 0;
}

.sidebar .section, 
.sidebar .widget-area, 
.purple-border {
  border-top: 14px solid #502062;
  padding-top: 0.5em;
}

.sidebar h3 {
  text-transform: uppercase;
  font-family: "Century Gothic", Helvetica, sans-serif;
}

.sidebar ul, 
.sidebar .menu {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.sidebar ul li, 
.sidebar .menu li {
  display: block;
  border-bottom: 1px solid #d2d2d2;
}

.sidebar ul li a, 
.sidebar .menu li a {
  display: block;
  padding: 10px;
  text-transform: uppercase;
  font-family: "Century Gothic", Helvetica, sans-serif;
}

.sidebar ul li.current-menu-item > a, 
.sidebar .menu li.current-menu-item > a { font-weight: bold; }

.sidebar ul li a:hover, 
.sidebar .menu li a:hover { text-decoration: none; }

.sidebar ul ul, 
.sidebar .menu ul {
  padding: 0;
  border-top: 1px solid #d2d2d2;
  margin: 0;
  display: none;
}

.sidebar ul li.current-menu-item ul, 
.sidebar ul li.current-page-parent ul, 
.sidebar ul li.current-page-ancestor ul {display: block;}

.sidebar ul ul li, 
.sidebar .menu ul li {
  position: relative;
  padding-left: 20px;
}

.sidebar ul ul li:last-child, 
.sidebar .menu ul li:last-child {border: none;}

.sidebar ul ul li:before,
.sidebar .menu ul li:before {
  position: absolute;
  top: 15px;
  left: 10px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f054";
  margin-right: 10px;
  font-size: 0.7em;
}


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

.sidebar, 
.blog .sidebar {
  float: none;
  padding-top: 3em;
  padding-left: 0;
  padding-right: 0;
}

}



/***  BODY BOTTOM  ***/

.body-bottom {}





/******************************************************************************
 * * *  7 CUSTOM TEMPLATE STYLES  * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/



/***  SIDEBAR LEFT  ***/

.sidebar-left {}



/***  SIDEBAR RIGHT  ***/

.sidebar-right {}



/***  SIDEBAR BOTH  ***/

.sidebar-both {}



/***  FULL WIDTH  ***/

.full-width {}



/***  FULL WIDTH SECTIONS  ***/

.full-width-sections {}



/***  HOME  ***/

.home {}

.hp-news p {
  display: inline;
}





/******************************************************************************
 * * *  8 BLOG STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/



/***  8.1 UNIVERSAL BLOG STYLES  ***/

.blog {}

.blog-index {}

.blog-archive {}

.blog-search {}

.blog-single {}

.blog-sidebar {}

.blog-section {}



/***  8.2 BLOG POSTS  ***/

.blog-post {
  position: relative;
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}

.blog-post:first-child {margin-top: 0 !important;}

.post-title {
  margin-top: 0;
  margin-bottom: 0.25em;
}

.post-title a:hover {text-decoration: none;}

.post-info {
  font-size: 0.9em;
  color: #999;
}

p.post-info {
  margin-top: 0.5em;
  font-style: italic;
}

ul.post-info {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

ul.post-info li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #d2d2d2;
}

ul.post-info li:first-child {padding-top: 0;}

ul.post-info li:last-child {border-bottom: none;}

.post-author {}

.post-author-avatar {
  display: inline-block;
  width: 60px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.post-date {margin-left: 20px;}

.post-comments {}

.post-categories {margin-left: 20px;}

.post-type {}

.post-thumb {
  display: block;
  margin-bottom: 0.5em;
}

.post-content {margin-top: 2em !important;}

.post-excerpt {}



/***  8.3 POST NAVIGATION  ***/

.post-share {}

.blog-posts-nav, 
.single-post-nav {text-align: center;}

.blog-posts-nav a, 
.single-post-nav a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #d2d2d2;
  margin: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.blog-posts-nav a:hover, 
.single-post-nav a:hover {
  background: #6cbd45;
  color: white;
  text-decoration: none;
}

.blog-posts-nav .older-posts {float: left;}

.blog-posts-nav .newer-posts {float: right;}

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

.post-author, 
.post-date, 
.post-categories {
  margin-left: 0;
  display: block;
}

}
@media screen and (max-width: 420px) {

.blog-posts-nav .older-posts, 
.blog-posts-nav .newer-posts {
  float: none;
  display: inline-block;
}

}



/***  8.4 COMMENTS  ***/

.comments {font-size: 0.9em;}

.comments ul {
  float: left;
  width: 100%;
  list-style: none;
}

.comments .avatar {display: none;}

.comments li {
  float: left;
  width: 100%;
  padding: 0;
  padding-bottom: 1.5em;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  margin-bottom: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
}

.comments li ul li {
  padding: 0.5em 0 0.5em 40px;
  padding-left: 40px;
  border: 0;
  border-left: 10px solid #eee;
  margin: 0;
 }

.comments li ul li:nth-child(odd) {background: none;}

.comments a.url {font-weight: bold;}

.comments .reply {font-size: 0.8em;}

.comments time {font-size: 0.8em;}

.comments .reply-form {
  padding: 15px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: #f4f3f0;
}



/***  8.5 RECENT POSTS MODULE  ***/

.recent-posts {}





/******************************************************************************
 * * *  9 FOOTER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/



/***  FOOTER  ***/

.footer {
  padding-top: 34px;
  padding-bottom: 34px;
  margin-bottom: 24px;
  background: #363636;
  color: #dbdbdb;
  font-size: 0.9em;
}

.footer h3 { color: #6cbd45; }

.footer a {
  color: white;
}

.footer ul, 
.footer .menu {
  text-align: left;
  margin-left: -14px;
  margin-bottom: 2em;
}

.footer ul:last-child, 
.footer .menu:last-child {margin-bottom: 0;}

.footer ul li, 
.footer .menu li { padding-left: 14px; }

.footer ul li:after, 
.footer .menu li:after {
  display: inline-block;
  padding-left: 14px;
  content: '/';
}

.footer ul li:last-child:after, 
.footer .menu li:last-child:after { content: ''; }

.footer ul li a, 
.footer .menu li a {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  color: #6cbd45;
}

.footer-info-menu .icon {color: white;}

.footer-info-menu a {color: white !important;}

.support-nw {
  font-size: 0.65em;
  text-transform: uppercase;
}

.support-nw a {
  display: block;
  font-size: 3em;
  font-weight: bold;
  font-weight: 600;
  line-height: 1.1em;
}

.support-nw a:hover {
  text-decoration: none;
  color: #6cbd45;
}

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

.footer { margin-bottom: 0; }

.footer, 
.footer ul, 
.footer .menu { text-align: center !important; }

.footer [class*="col-"] { margin-bottom: 2em; }

.nw-logo {
  display: block;
  width: auto;
  margin: 0 auto;
}

}

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

.footer ul, 
.footer .menu { margin-left: 0; }

.footer ul li, 
.footer .menu li {
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
}

.footer ul li:after, 
.footer .menu li:after { content: ''; }

}



/***  FOOTER BOTTOM  ***/

.footer-btm {
  color: #aaa;
  text-align: center;
  margin-bottom: 58px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
  font-size: 0.9em;
}

.footer-btm a {color: #eee;}

.footer-btm a:hover {color: white;}



.field_areas-of-research span.label,
.field_areas-of-research .description, 
.sidebar #buddypress .submit {display: none;}

.field_areas-of-research label {
  position: relative;
  display: block;
  padding-left: 20px;
}

.field_areas-of-research label input[type="checkbox"] {
  position: absolute;
  top: 0.25em;
  left: 0;
}

/*
 *
 * END OF
 * STNDRD THEME 2.0.2
 * CUSTOMIZABLE CSS
 *
 */