/*
 Theme Name:   MyCCS Theme
 Description:  MyCCS theme for displaying department sites.
 Author:       Brian Gasperosky
 Author URI:   http://collegeforcreativestudies.edu
 Template:     twentysixteen
 Version:      0.1.9
©*/

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 *    14.6 - >= 1500px
 * 15.0 - Print
*/

/**
 * Revisions
 * 
 * - CHANGED: 2016.11.14 - match style for document listing entries
 * - CHANGED: 2016.11.17 - style ccs-division-box
 * - CHANGED: 2016.12.14 - headings
 * - CHANGED: 2016.12.14 - enqueing stylesheet according to current standard
 * - CHANGED: 2016.12.14 - lists
 * - CHANGED: 2019.04.10 - theme menu to match CCS website footer
 * - CHANGED: 2019.04.23 - hide Connections address book from Policy database in the handbooks
 * - CHANGED: 2019.09.26 - fix Formidable icons
 * - CHANGED: 2021.03.25 - fix table layout for .postid-975 academic-advising/foundation-program-changes-for-current-undergrad-students
 *
 */



/**
 * 1.0 - Normalize
 */


/**
 * 2.0 - Genericons
 */
/* - CHANGED: 2019.04.10 - theme menu to match CCS website footer */
.search-submit::before {
  font-weight: 700;
}

/**
 * 3.0 - Typography
 *     - CHANGED: 2019.09.26 - fix Formidable icons
 *     - CHANGED: 2016.12.14 - headings
 *     - CHANGED: 2016.11.14 - match style for document listing entries
 */

/* - CHANGED: 2019.09.26 - fix Formidable icons */
@font-face {
  font-family: 's11-fp';
  src: url('https://campus.collegeforcreativestudies.edu/fonts/s11-fp.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body,
button,
input,
select,
textarea {
 	color: #242424;
 	font-family: "interstate", sans-serif!important;
}

h1,
.entry-title,
.page-title {
  font-family: "interstate";
  font-size: 38px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 0.83em;
  margin-top: 0.83em;
  text-transform: capitalize;
}

h2,
.entry-content h2,
.widget .widget-title,
.comments-title,
.comment-reply-title {
  border-top: thin solid rgb(207,207,207);
  color: hsl(0, 0%, 14%);
  font-family: "interstate";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.8px;
  margin-top: 0px;
  padding-top: 10px;
  text-transform: capitalize;
}

h3,
.entry-content h3 {
  font-family: "interstate";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  text-transform: capitalize;
}

h4,
.entry-content h4,
.sidebar .menu-item,
th {
  font-family: "interstate";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
}

dd,
dt,
li,
p,
.entry-summary p,
.comment-content,
.form-submit,
td {
   font-family: "interstate", sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.6;
}

ol li,
ul li {
   margin-left: 30px;
   padding-bottom: 10px;
}

dt {
   font-weight: 700;
}

blockquote p {
  font-style: italic;
}

.ccs-menu-class,
.entry-content .menu-top-container,
.entry-footer,
.entry-footer p,
.comment-author,
.comment-metadata,
.logged-in-as,
color: hsl(0, 0%, 14%);
.comment-form-comment {
  font-family: "interstate", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  text-transform: capitalize;
}


 /**
  * 4.0 - Elements
  *     - CHANGED: 2016.12.14 - lists
  */
body {
  background: rgba(255, 255, 255, 1);
  font-family: "interstate";
  margin: 0 auto;
  max-width: 1500px;
}

body:not(.custom-background-image):before {
  /* border-top: 20px solid rgba(149, 149, 149, 1); */
  top: 0;
}

body:not(.custom-background-image):before, body:not(.custom-background-image):after {
    height: 0;
}

dl {
  margin-left: 5em;
}

dt {
  clear: left;
  float: left;
  margin: 0 0 1em -5em;
  width: 4em;
}

/**
 * 5.0 - Forms
 */
/* - CHANGED: 2019.04.10 - theme menu to match CCS website footer */
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  background: rgb(131, 131, 131);
}

input[type="search"].search-field {
  font-family: "interstate", sans-serif;
  font-weight: 300;
}

.search-submit:before,
.form-submit input {
  color: #FFDF1C;
}

/* 5.2 - Creating a single post template for a Custom Post Type */

/* tinymce and content */


/* 5.3 - Adding custom taxonomies to a template */
.taxonomies {
  font-family: "interstate", sans-serif;
  font-size: 90%;
  margin-bottom: 2rem;
}

.taxonomies a {
  font-weight: bold;
}


/**
 * 6.0 - Navigation
 */
#breadcrumbs {
  list-style: none;
  margin: 11px auto;
  max-width: 980px;
  overflow: hidden;
  padding-top: 15px;
}

#breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  font-size: 10px;
}

#breadcrumbs li a {
  color: #444444;
}

#breadcrumbs .separator {
  font-size: 18px;
  font-weight: 200;
  color: #ccc;
}

#breadcrumbs .item-current {
  display: none;
}

.archive #breadcrumbs,
.search #breadcrumbs,
.search-results #breadcrumbs,
.search-no-results #breadcrumbs {
  display: none;
}

.pagination .prev,
.pagination .next {
  color: hsl(52, 100%, 55%);
}


/**
 *   6.1 - Links
 *       - CHANGED: 2016.11.14 - match style for document listing entries
 */
a {
  color: rgba(45, 45, 45, 1);
}

.more-link {
  display: none;
}

/* - CHANGED: 2016.11.17 - style ccs-division-box */
.wp-caption .wp-caption-text {
  box-shadow: 0 0 0 0 currentColor;
  color: rgba(255, 255, 255, 1);
  font-family: "interstate", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.046875em;
  margin: 0 0 1.75em;
  text-decoration: none;
  text-transform: uppercase;
}

.wp-caption-text {
  line-height: 2.6;
  vertical-align: middle;
}

.wp-caption-text .dashicons {
  color: rgba(45, 45, 45, 1);
  background: rgba(255, 255, 255, 1);
  font-weight: bold;
  border-radius: 10px;
  margin-right: 10px;
  margin-top: -4px;
  vertical-align: middle;
}

.glossary-tooltip a,
.glossary-tooltip-media a {
  background: rgba(183, 183, 183, 0.1)!important;
  font-style: italic;
  font-weight: 300!important;
}


/**
 *   6.2 - Menus
 */
#testimonials {
  background: #fff;
  padding: 4rem 0;
}

.testimonial {
  width: 33.333333%;
  float: left;
  padding: 0 4rem;
}

.testimonial-thumb img {
  display: block;
  margin: 0 auto 2rem;
}

.menu-top-container,
.ccs-menu-class {
  list-style-type: none;
  margin-left: 0;
}

.menu-top-container li,
.ccs-menu-class li {
  display: inline-block;
  padding-right: 20px;
  width: 100%;
}

.menu-top-container li a,
.ccs-menu-class li a {
  box-shadow: 0 0 0 0 currentColor;
  text-decoration: none;
}

.current-document-parent a {
  border-left: thick solid #ffdf1c;
  padding-left: 1em;
}

.menu-toggle {
  font-family: "intersate", sans-serif;
  font-weight: 400;
  width: 180px;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: 400;
}


/**
 * 7.0 - Accessibility
 */


/**
 * 8.0 - Alignments
 */


/**
 * 9.0 - Clearings
 */
.archive .entry-title {
  margin-bottom: 1em;
}

body:not(.search-results) .entry-summary {
    margin-bottom: 0;
}

.archive .entry-summary p {
  padding-top: 1.25em !important;
}


/**
 * 10.0 - Widgets
 */
 #recentcomments {
   padding-top: 1em;
 }

 .sidebar .menu-item {
   font-size: 16px;
   list-style-type: none;
 }

 .widget {
   border-top: none;
   margin-bottom: 1em;
 }

 .widget .menu-top-container, .widget .menu-audience-container {
   background: rgba(230, 230, 230, .33);
   border-radius: 0 0 8px 8px;
   padding: 1em 0;
 }

/* - CHANGED: 2019.04.10 - theme menu to match CCS website footer */
.widget ul {
  margin-bottom: 0;
}

 .widget .widget-title {
     margin-bottom: 0;
 }


/**
 * 10.1 - Table of Contents Sidebar Widget
*/
 .menu-table-of-contents-container .menu-item {
   font-size: 12px;
 }

/* - CHANGED: 2019.04.10 - theme menu to match CCS website footer */
.menu-table-of-contents-container {
		/* background: rgba(36, 36, 36, 1); */
    background: rgb(0, 0, 0);
    /* box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5); */
    box-shadow: none;
    color: rgba(255, 223, 28, 1);
    /* margin: 50px auto 0 auto; */
    margin: 0 0 0 0;
    text-align: left;
		/* width: 250px; */
    width: auto;
}

.menu-table-of-contents-container * {
		margin: 0;
		padding: 0;
}

.menu-table-of-contents-container li {
		list-style-type: none;
}
/* do not remove - this makes the submenu open / close */

.menu-table-of-contents-container ul ul {
		display: none;
}

.menu-table-of-contents-container li.active>ul {
		display: block;
}
/* first level menu item */

/* - CHANGED: 2019.04.10 - theme menu to match CCS website footer */
.menu-table-of-contents-container > ul > li > a {
    /* background: #003040; */
    /* background: linear-gradient(#003040, #002535); */
    background: rgb(34, 34, 34);
    /* color: white; */
    color: rgb(131, 131, 131);
    display: block;
    font-family: interstate;
		font-size: 14px;
    /* font-weight: 400; */
    font-weight: 700;
		/* line-height: 34px; */
    line-height: 1.4;
		/* padding: 0 20px; */
    padding: 7px 20px;
    position: relative;
		text-decoration: none;
}

/* - CHANGED: 2019.04.10 - theme menu to match CCS website footer */
.menu-table-of-contents-container > ul > li.menu-item-has-children > a:before {
		content: "\25cf";
		position: absolute;
		left: 5px;
		color: rgba(255, 255, 255, 0.3);
		/* font-size: 18px; */
    font-size: inherit;
}
/* second level menu item */

/* - CHANGED: 2019.04.10 - theme menu to match CCS website footer */
.menu-table-of-contents-container ul ul li a {
		/* color: white; */
    color: rgb(255, 255, 255);
    display: block;
    font-family: interstate;
		/* font-size: 12px; */
    font-size: 13px;
    font-weight: 300;
		line-height: 27px;
		padding: 0 20px;
    position: relative;
    text-decoration: none;
		transition: all 0.15s;
}

/* - CHANGED: 2019.04.10 - theme menu to match CCS website footer */
.menu-table-of-contents-container ul ul li a:hover {
		/* background: #003545; */
    background: rgb(131, 131, 131);
		/* border-left: 5px solid lightgreen; */
    border-left: 5px solid rgb(255, 233, 28);
}
/* third level menu item */

.menu-table-of-contents-container ul ul ul {
		margin-left: 15px;
		border-left: 1px dotted rgba(254, 254, 254, 0.5);
}
/* arrows after closed / open menu items that have children */

.menu-table-of-contents-container a:not(:only-child):after {
		position: absolute;
		right: 10px;
}

.menu-table-of-contents-container a:not(:only-child):after {
		content: "\2304";
		top: 0;
		font-size: 18px;
}

.menu-table-of-contents-container .active>a:not(:only-child):after {
		content: "\2f1";
		top: -10px;
		font-size: 28px;
}

/**
 * 11.0 - Content
 */
.site {
  border-radius: none;
  margin: 0 auto;
  max-width: 1500px;
}

.site-inner {
    max-width: inherit;
}

/**
 *    11.1 - Header
 */
 .site-header {
   background: rgba(255, 255, 255, 1);
   padding: 0;
 }

 .site-header-main {
   margin: 0 auto;
   max-width: 1580px;
 }

 .site-branding {
   background-color: rgba(0, 0, 0, 1);
   margin: 0;
   width: 100%;
 }

 .site-header-menu, .header-image {
   margin-left: 1em;
   margin-right: 1em;
 }

 .site-branding .site-title a {
   color: rgba(233, 233, 233, 1) !important;
 }

 .site-branding .site-title a:hover, .site-branding .site-title a:focus {
   color: rgba(255, 200, 3, 1);
 }

 .site-title {
   padding: 0 0 0 .5em;
   line-height: 2.0;
 }

 .site-description {
   color: rgba(149, 149, 149, 1);
 }

.site-logo {
  width: 190px;
}

/**
 *    11.2 - Posts and pages
 *         - CHANGED: 2016.11.14 - match style for document listing entries
 *         - CHANGED: 2021.03.25 - fix table layout for .postid-975 academic-advising/foundation-program-changes-for-current-undergrad-students
 */
/* .archive .entry-title,
.search .entry-title {
  font-size: 1.5em;
  margin-bottom: .5em;
} */

.archive .entry-footer {
  display: none;
}

.postid-975 .advgb-table-frontend { 
  width: max-content;
}

@media screen and (min-width: 61.5625em) {
  .archive .entry-content {
    float: none;
    width: 100% !important;
  }
  body:not(.search-results) article:not(.type-page) .entry-content {
      float: left;
      padding-right: 4em;
  }
}


/**
 *    11.3 - Post Formats
 */
.archive .site-main > article,
.search .site-main > article {
  margin-bottom: 1.5em;
}

.search .entry-footer {
  display: none;
}

/**
 *    11.4 - Comments
 */


/**
 *    11.5 - Sidebar
 */


/**
 *    11.6 - Footer
 */


/**
 * 12.0 - Media
 */


/**
 *    12.1 - Captions
 */


/**
 *    12.2 - Galleries
 */


/**
 * 13.0 - Multisite
 */

/* - CHANGED: 2019.04.23 - hide Connections address book from Policy database in the handbooks */
.cn-list {
  display: none;
}

/**
 * 14.0 - Media Queries
 */


/**
 *    14.1 - >= 710px
 */
 @media screen and (min-width: 44.375em) {
   .site-description { display: none; }
   .page-content, .entry-content,
   .entry-header,
   .no-sidebar .entry-header,
   .no-sidebar .entry-content,
   .no-sidebar .entry-summary,
   .no-sidebar .entry-footer,
   .no-sidebar .comments-area,
   .no-sidebar .image-navigation,
   .no-sidebar .post-navigation,
   .no-sidebar .pagination,
   .no-sidebar .page-header,
   .no-sidebar .page-content,
   .no-sidebar .content-bottom-widgets,
   body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer,
   .site-main > article {
     max-width: 980px;
     margin: 0 auto;
   }

   body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
     margin-top: 1em;
   }

   .site-content {
     padding: 0 16% 5%;
   }

    h2,
    .entry-content h2,
    .widget .widget-title,
    .comments-title,
    .comment-reply-title {
      font-size: 24px;
      font-weight: 400;
      color: hsl(0, 0%, 14%);
      line-height: 30.8px;
    }

    h3,
    .entry-content h3 {
      font-size: 22px;
    }

    h4,
    .entry-content h4,
    .sidebar .menu-item {
      font-size: 18px;
    }

    dt {
       font-weight: 700;
    }

    .ccs-menu-class,
    .entry-content .menu-top-container,
    .entry-footer,
    .entry-footer p,
    .comment-author,
    .comment-metadata,
    .logged-in-as,
    .comment-form-comment {
      font-size: 14px;
    }

    .site-logo {
      width: 50%;
    }

 }

/**
 *    14.2 - >= 783px
 */
@media screen and (min-width: 48.9375em) {
  .site-description { display: none; }
  .page-content, .entry-content,
  .entry-header {
    max-width: 980px;
    margin: 0 auto;
   }

   h3,
   .entry-content h3 {
     font-size: 22px;
     font-weight: 300;
   }

   h4,
   .entry-content h4,
   .sidebar .menu-item {
     font-size: 22px;
     font-weight: 700;
   }

   dt {
      font-weight: 700;
   }

}


/**
 *    14.3 - >= 910px
 */
@media screen and (min-width: 56.875em) {
 .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
   font-weight: 300;
 }

 .ccs-menu-class li {
   display: inline;
   font-size: 10px;
 }

 .site-content {
   padding: 0 4.5% 0;
 }

}


 /**
  *    14.4 - >= 985px
  */
  @media screen and (min-width: 61.5625em) {
    .custom-logo {
      max-width: 136px;
    }

    .breadcrumbs,
    .entry-header {
      margin-left: 70px;
    }

    .content-area {
      width: 66%;
    }

    .entry-header {
      margin-left: 0;
      width: 90%;
    }

    .entry-title {
      /* margin-top: 2.1em; */
      hyphens: none;
    }

    .entry-content {
      padding-right: 0 !important;
      width: 90% !important;
    }

    body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
      margin: 0 auto;
    }

    body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
      clear: both;
      margin: 0 auto;
      width: 980px;
    }

    .sidebar {
        float: right;
        margin-left: auto;
        padding-top: 50px;
        width: 33%;
    }

    .entry-footer {
      display: none;
    }
  }

 /**
  *    14.5 - >= 1200px
  */
  @media screen and (min-width: 75em) {

  }


  /**
   *    14.6 - >= 1500px
   */
  @media screen and (min-width: 93.75em) {

  }

 /**
  * 15.0 - Print
  */