/* MAIN CONTENT */
.content img {
  padding:10px;
}

/* FLEXGRID */
.flexgrid {
  padding: 1rem;
}

.flexgrid-three {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 1rem;
}


/* IMAGE ALIGNMENT  & CLEARING */
.iw-figure-right {float:right;}
.iw-figure-left {float:left;}
.iw-figure-left ~ h2 { display: contents ; font-size:1.5rem;}
.iw-figure-right ~ h2 { display: contents ; font-size:1.5rem;}
.iw-video-vimeo ~ h2 { display: contents ; font-size:1.5rem;}


/* ACTIVITY BOX */
.activitybox {
  background-position: center center;
  width: 200px;
  height: 200px;
  display: inline-block;
  margin: 10px;
  webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.activitylabel {
  display: inline-block;
  width: 200px;
  height: 40px;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.4);
  position: relative;
  bottom: -160px;
  webkit-border-bottom-left-radius: 10px;
  webkit-border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: white;
  /* font-variant: small-caps; */
  line-height: 90%;
}
a.activitybox:hover .activitylabel {
  background-color: rgba(0, 0, 0, 0.75);
}
/* Color 1 teal */
a.activitycolor1:hover .activitylabel {
  background-color: rgba(88, 167, 175, 0.9);
}
/* Color 2 yellow */
a.activitycolor2:hover .activitylabel {
  background-color: rgba(196, 214, 0, 0.9);
}
/* Color 3 dark green */
a.activitycolor3:hover .activitylabel {
  background-color: rgba(0, 103, 71, 0.9);
}
/* Color 4 light green */
a.activitycolor4:hover .activitylabel {
  background-color: rgba(108, 194, 74, 0.9);
}

/* ICON COMPONENTS  */
.two-column-icon span {
	
}
.two-column-icon span:first-child{
	font-size:2.6em;
	
}

.two-column-icon span:nth-child(2){
	font-size:2.4em;
	
}
.two-column-icon span:last-child {
	
}
/* SITE SEARCH  */
div#___gcse_0 {
    background-color: white;
    width: 250px;
}
.gsc-input {
	background:#fff!important;
}
.gsc-input-box {
	border:none;
	
}
.gsc-search-button svg {
	fill:#5e5a5a;
}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
	background:white;
	border:none;
}
.gsc-search-button-v2 {
    padding: 6px 17px;
}

.main-navigation .nav li a.gsst_a {
	padding:0;
}

/* SITE SEARCH RESULTS PAGE */

.content input[type=text].gsc-input {
    border: 1px solid #828282!important;
    padding: 3px!important;
    font-size: 1.4rem!important;
}

.content .gsc-search-button-v2, .content .gsc-search-button-v2:hover, .content .gsc-search-button-v2:focus  {
	border:none;
	border-radius:0;
	width:auto;
	padding: 6px 27px;
}
.content button.gsc-search-button.gsc-search-button-v2 {
	background:#006747;
	height: 36px;
}
.content button.gsc-search-button.gsc-search-button-v2 svg {
	fill:#FFF;
}

/* IMAGE W CAPTION IN COLUMN */


/* TABLE STYLES */
.table tbody td {
    padding: 17px;
}

/* VIMEO STYLES*/
.iw-video-vimeo {
	float:right;
	margin: 0 20px 20px 20px;
	
}
.iw-vimeo-caption, .iw-youtube-caption {
	text-align:left;
	background-color:#f1f1f1;
	padding:4px;
	font-size:0.9rem;
}
.iw-video-youtube {
	margin:0 20px 20px 20px;
	clear:both;
}
/* ACCORDION */

.accordion .card .card-body a {
    color: #006747!important;
	text-decoration:underline;
	
}
/* CARD STYLES*/
.card a .card-body {
	font-weight: 500;
}
.card h3 {
	margin-bottom:16px;
}
/* TEMP HEADLINE FONT FAMILY CHANGE*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Besley', serif;
	font-weight: 500;
	width:100%;
	clear:both;
}


/* DEPARTMENT TITLE*/
.page-header .h1 {
	font-weight:500;
}

/* LONG BUTTON GROUP */
   
a.btn-long-pill[href$=".pdf"]::after {
  content: "";
  display:none;
}

a.btn-long-pill[href$=".xlsx"]::after {
  content: "";
  display:none;
}

a.btn-long-pill[href$=".docx"]::after {
  content: "";
  display:none;
}


/*-- HEADING STYLES------*/
h1, h2, h3, h4, h5, h6 {
	color: #004E42;
}


/*-- COURSE LISTING------*/
.course_number {
	color:#555;
}
.course_title {
	color:#004e42;
}

/*-- PETRICK------*/
.bg-titan-green {
  background-color: #006747;
}

.bg-titan-dark {
  background-color: #004e42;
}

.bg-titan-lime {
  background-color: #6cc24a;
}

.bg-titan-dark-blue {
  background-color: #58a7af;
}

.bg-titan-light-blue {
  background-color: #86c8bc;
}

.ribbon {
  -webkit-clip-path: polygon(100% 0%, calc(100% - 0.75rem) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
  clip-path: polygon(100% 0%, calc(100% - 0.75rem) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.03rem;
  margin: 1rem 0;
  padding: 1rem 2rem 1rem 1rem;
}
.ribbon h2, .ribbon h3, .ribbon h4, .ribbon h5, .ribbon h6 {
  margin: 0;
  padding: 0;
  color: #fff;
}

.flipped {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  text-align: right;
}
.flipped .ribbon-text, .flipped h2, .flipped h3, .flipped h4, .flipped h5, .flipped h6 {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.w25 {
  width: 25%;
}
@media screen and (max-width: 568px) {
  .w25 {
    width: 100%;
  }
}

.w50 {
  width: 50%;
}
@media screen and (max-width: 568px) {
  .w50 {
    width: 100%;
  }
}

.w75 {
  width: 75%;
}
@media screen and (max-width: 568px) {
  .w75 {
    width: 100%;
  }
}

.w100 {
  width: 100%;
}

.pillar {
  background-image: url("../images/bg-pillar.png");
  background-repeat: no-repeat;
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding: 0 0.8rem;
}
.pillar p {
  padding: 10px;
}
@media screen and (max-width: 568px) {
  .pillar {
    background-image: none;
	width:100%;
  }
  .pillar p {
    margin: 0;
  }
}

.pillar-bg-left {
  background-position: left top;
}
.pillar-bg-left p {
  margin-left: 250px;
}

.pillar-bg-right {
  background-position: right top;
}
.pillar-bg-right p {
  margin-right: 250px;
}

@media screen and (max-width: 568px) {
  .pillar-bg-left p, .pillar-bg-right p {
    margin: 0;
  }
}/*# sourceMappingURL=ribbon.css.map */



/****  Correcting old site's float with h2 | h3 sibling   ******/
   	   
.iw-figure-left ~ h2 { display: contents ; font-size:1.5rem;}
.iw-figure-right ~ h2 { display: contents ; font-size:1.5rem;}
.iw-video-vimeo ~ h2 { display: contents ; font-size:1.5rem;}

.iw-figure-left ~ h3 { display: contents ; font-size:1.5rem;}
.iw-figure-right ~ h3 { display: contents ; font-size:1.5rem;}
.iw-video-vimeo ~ h3 { display: contents ; font-size:1.5rem;}

@media screen and (max-width: 568px) {
.iw-figure-right {float:none;}
	.iw-figure-left {float:none;}
}


/*-- PROGRESS BAR / THERMOMETER V3 ------*/
 .progress-title {
        font-size: 18px;
        font-weight: 700;
        color: #333;
        text-transform: uppercase;
        margin: 0 0 25px;
        text-align: right;
        }

    .progress{
        height: 10px;
        background: #e9e9ea;
        border-radius: 15px;
        margin-bottom: 30px;
        overflow: visible;
        position: relative;
        }
         
    .progress .progress-value {
        max-width: 120px;
        line-height: 27px;
        border-radius: 20px;
        background: #fff;
        font-size: 17px;
        font-weight: 600;
        position: absolute;
        top: -12px;
        right: 0;
        z-index: 2;
        }

    .progress.green:before { 
        border: 7px solid #53aa2c; 
        }

    .progress.green .progress-value {
        border: 5px solid #53aa2c;
        color: #53aa2c;
        }
	
/*-- SOCIAL MEDIA MENU ------*/

.social-nav li a {
    margin: 10px;
}