/**
 *  Feel free to edit this css for any needed site overrides.
 *  This file should not be written back to the master repository. 
 *  Instead it will be included in CoF's nightly backup routines.
 */

/* search form in footer */
footer form#search-block-form > div {
    margin-bottom: 3px !important;
    margin-top: 3px !important;
}

/* default margins: PAGE TITLE  */
#block-cof-sassafras-pagetitle, #block-cof-sassafras-page-title {
    margin-left: 5%;
    margin-right: 5%;
}

body.node--type-paragraph-page #block-cof-sassafras-pagetitle, body.node--type-paragraph-page #block-cof-sassafras-page-title {
   margin-top: 3rem;
}
/* default margins: all content types except paragraph page  */
body:not([class*="node--type-paragraph-page"]) div#block-cof-sassafras-mainpagecontent {
    margin-left: 5%;
    margin-right: 5%;
}


.section-small-image .col-txt {
  flex-grow: 1;
}

.section-small-image .col-img {
  max-width: fit-content;
}


.dropdown-item.active, .dropdown-item:active  {
  background-color: transparent;
  font-weight: bold;
}

.dropdown-item.active a, .dropdown-item:active a {
  text-decoration: none;
}  

/** nav block paragraphs -- add top and bottom margins **/
.paragraph.paragraph--type--nav-block-item {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/** center items that fall in a partially full row **/
.paragraph.paragraph--type--nav-block .nav-block .row {
    justify-content: center;
}

/* default field label styling */
.field__label {
    font-weight: bold;
}


/* make sure footer is at bottom on very short pages */
@media screen and (min-width: 768px) {
	div#main {
    /* min-height: calc(100vh - 400px); */
	}
}

/** Long Site name -- WRAP IT **/
.navbar-brand {
  white-space: unset;
}

.navbar-brand a {
  white-space: unset;
}

/* make sure ANY sidebar menu actually fills the sidebar space (width) **/ 
#sidebar_second nav[class*="menu"], #sidebar_first nav[class*="menu"] {
  flex-grow: 1;
}

/* remove carousel image margins */
.paragraph .field--name-field-slide-image .field--type-image {
  margin: 0;
}

/* combine multiple menus as single row in secondary menu */
	.row.region.region-secondary-menu {
		justify-content: center;
	}
@media screen and (min-width: 1400px){
	.row.region.region-secondary-menu {
		justify-content: flex-end;
	}
}
.region-secondary-menu nav {
  max-width: fit-content;
}

#secondary_menu_offcanvas .region-secondary-menu nav {
  max-width: 100%;
}

#secondary_menu_offcanvas a.nav-link {
  color: white;
}


/* center carousel link buttons at small screen sizes */
@media screen and (max-width:767px){
  .carousel-slide-links {
    text-align: center !important;
  }
  
}
/* make carousel overlay text wider at very small screen sizes */
@media screen and (max-width:1199px){
  .slide_overlay_text {
    width: 60% !important;
    color: white;
    display: inline-block;
    padding: 15px 15px 15px 1rem !important;
  }
  .slide_overlay {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
  }
}

/* remove image field margins for all banner images */
.paragraph--type--banner-image .field--type-image {
    margin: 0;
}

/* remove space between content and header on paragraphs pages */

.node--type-paragraph-page main#content div#node-content-wrapper {
  padding-top: 0 !important;
}

.user-logged-in.node--type-paragraph-page main#content div#node-content-wrapper {
    margin: initial !important;
    padding-top: 1rem !important;
}

.node--type-paragraph-page .node__content.clearfix {
  margin-top: 0px !important;
}

/* remove space between carousel and top of paragraph wrapper */

.paragraph--type--header-slideshow-slide .field--type-entity-reference {
  margin-bottom: 0rem;
}

/* .section-nine-three = trophiccascades specific? */
.section-nine-three .two-column-col.two-column-col-1.col-sm-12.col-md-7.col-lg-8 {
  padding:0;
}

/* two-column featured paragraph content so there appears to be a border bottom and top (if at all) */
.field--name-field-page-feature-paragraphs .section-nine-three .two-column-responsive > .row {
  display: flex;
  align-items: center;
}


@media screen and (max-width: 767px) {
	.section-nine-three .two-column-col.two-column-col-2.col-sm-12.col-md-5.col-lg-4 {
		margin-top: 12px;
		margin-bottom: 12px;
	}
}


/* stack footer in reverse order for mobile so site navigation (or search if present) is first */
@media screen and (max-width: 767px){
  footer .container-fluid .row {
    flex-direction: column-reverse !important;
  }
}

/* make sure footer contextual links are not white so they are visible */
footer .contextual-links li a {
  color: #444 !important;
}

footer.site-footer #block-cof-sassafras-searchform .content {
  width: 100%;
  margin-bottom: .5rem;
}

footer #search-block-form {
    justify-content: center;
}

/* EPTW: make member login link style match the site nav menu's */
footer div > a.nav-link {
  padding: 0;
}

/* FMBL */
/* H4 */
h4, h4 > * {
  text-transform: none;
  font-size: 1.1rem;
}

/* constrain width of features grid items */
.page-view-featured-image-rotator .views-view-responsive-grid__item {
    max-width: 325px;
}

.block-views-blockhomepage-news-block-block-1 h2 {
  font-size: 2rem;
}

.block-views-blockhomepage-news-block-block-1 {
  padding: .5rem;
}

.block-views-blockhomepage-news-block-block-1 .views-row {
  /* border: 1px solid red; */
  display: flex;
  align-items: center;
}

.views-field.views-field-field-news-image.news-image img {
    padding-right: 0.5rem;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-block-link-image {
    height: 200px !important;
}

/** section css styles **/
.section-constrain-width-1600px {
  max-width: 1600px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/** section css styles **/
.section-constrain-width-1400px {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.section-constrain-width-1200px {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.section-constrain-width-1000px {
  max-width: 1000px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.section-constrain-width-800px {
  max-width: 800px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.section-constrain-width-710px {
  max-width: 710px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.section-constrain-width-900px {
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/** publications view **/

@media screen and (min-width: 768px){
	.doi-smallscreen { display: none; }
}

@media screen and (max-width: 767px){
	.doi-full { display: none; }
}

.view-publications .view-content.row h3 {
  margin-top: 1.2rem;
  padding-left: 1rem;
  margin-bottom: 0;
}

.publication.views-row {
    margin-top: 1rem;
    padding-left: 1rem;
}

span.publication-type {
    border: 0px solid silver;
    background-color: #304e92;
    color: white;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: small;
}

/* hide grouping headers for publication attachment view */
.view-publications.view-id-publications.view-display-id-attachment_1 .view-content.row {
  display: none;
}
/* style publications view attachment header with search arguments */
.view-publications.view-id-publications.view-display-id-attachment_1 .view-header {
  border-top: 4px solid #d73f09;
  border-bottom: 4px solid #d73f09;
 /* padding: .5rem; */
 margin-bottom: 1rem;
}
.results-summary {
    width: 100%;
    text-align: center;
}

.pagination {
  /* justify-content: center; */
  margin-top:1rem;
}

/** STYLE FIXES TO ADD TO ALL SITES **/

/* make toggler ico (hamburger menu) WHITE */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/** fix for align center not working for media **/
.align-center .field.field--name-field-media-image.field--type-image, .align-center .field.field--name-field-media-image.field--type-image .field__item {
    width: 100%;
}
.align-center .field.field--name-field-media-image.field--type-image .field__item {
  text-align: center;
}
.align-center {
  text-align:center !important;
}
/** end fix for align center not working for media **/

/* make sure images floated left have right margin! */
@media screen and (max-width: 559px){
	.align-left img {
		margin-right: 1rem;
	}
}


/* header branding alignment on wider screens */

@media screen and (min-width:1400px){
	/* College of Forestry linkback margin is doubled so does not align with logo when stacked */
	/* so removing margin on link itself */
	header#header div.cof-linkback a, header#header div.cof-linkback a:visited {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  header#header .osu-brand {
    justify-content: center !important;
  }
  /* add vertical line between branding and site title */
  .osu-cof-branding {
   border-right: 1px solid #efefef;
   margin-right: 1rem;
	}
}




/* add margin to floated images in Basic Text */
.field--name-field-basic-text img.align-left {
  margin-right: .5rem;
}

.section-add-black-border {
  border: 3px solid black;
  margin-right:5% !important;
  margin-left:5% !important;
}

.section-add-black-border .row {
		display: flex;
    align-items: center;
}

.section-add-black-border .field--name-field-bt-responsive-image .field--type-image {
  float: none !important;
  max-width: 300px;
  margin-left:auto;
  margin-right:auto;
}


@media screen and (min-width:768px){
	.align-right .field.field--name-field-media-image.field--type-image {
		float: right;
	  margin-right: 0;
	  margin-left: 1rem;
	}
}

@media screen and (max-width:767px) {
  [class*="section-constrain-width-"] .paragraph--type--responsive-columns-two {
		 /* margin-left: 5%;
		 margin-right: 5%; 
		 border: 2px solid green;*/
	}
	
	[class*="section-constrain-width-"] .field__item .two-column-col-1 [class^="paragraph paragraph--type--basic-text paragraph-unique-id-"]{
	  margin-left: 5% !important;
	  margin-right: 5% !important;
	  /*padding-left: 0px;
	  padding-right: 0px; */
	  margin-bottom: .5rem !important;
	}
	
	[class*="section-constrain-width-"] .field__item .two-column-col-2 [class^="paragraph paragraph--type--basic-text paragraph-unique-id-"] {
	  margin-left: 5% !important;
	  margin-right: 5% !important;
	 /* padding-left: inherit !important; */
	  margin-top: .5rem !important;
	}
	
}

/** AWS Section Background colors **/
/* aws-blue */
.cof-bg-awsblue {
    background-color: #006784;
}

.cof-bg-plainwhite {
    background-color: #ffffff;
}


span.X-logo {
  font-size: 2rem;
}

/** TEXT EDITOR STYLES */
/*
h3.normalcase|Normal Case (H3)
h4.normalcase|Normal Case (H4)
p.bigger|Bigger
a.bigger|Bigger (Link)

*/
h3.normalcase, h3.normalcase > *, h4.normalcase, h4.normalcase > *, h2.normalcase, h2.normalcase > * { 
	text-transform: none !important; 
}
h3.normalcase {
  margin-top: 1.3rem;
}
h2.smaller, h2.smaller > * {
  font-size: 2.1rem;
}
span.thinner {
  font-weight: 400;
}

h2.smaller > a { 
  color: #d73f09;
}

h2.smaller > a:hover { 
  color: #444;
}

a.bigger, p.bigger { 
  font-size: 1.2rem !important; 
}

footer a.bigger, footer p.bigger { 
  font-size: 1rem !important;
}

/* header with icon -- remove excessive default bottom margin */
.header-has-icon.header-justification--center {
    margin-bottom: 0px !important;
   /* margin-top: 3rem !important; */
}

/** NEWS **/
/* News view dashed borders */


.views-field.views-field-field-news-story-image {
    text-align: center;
}

.views-field.views-field-field-news-story-image .field--type-image {
  float: none;
  margin-right: 0px;
}
.paragraph.paragraph--type--embedded-block {
    padding: 2rem;
}


.view-featured-stories .views-row .field--name-field-media-image img {
  object-fit: cover;
  height: 350px;
  width: 100%;
}

.view-featured-stories .sm-features-all-wrapper .views-row .field--name-field-media-image img {
  object-fit: cover;
  height: 180px;
  width: 100%;
}

.view-featured-stories {
  max-width: 800px;
  margin-left:auto;
  margin-right:auto;
}

.view-featured-stories .views-field-title {
  font-size: 1.3rem;
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.view-featured-stories .sm-features-all-wrapper .views-field-title {
  font-size: 1.1rem;
  margin-top: 0rem;
}



.sm-features-all-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    flex-wrap: wrap;
    flex-direction: row;
}

.sm-features-1-2-wrapper, .sm-features-3-4-wrapper {
    display: flex;
    flex: 1 1 0px;
    flex-wrap: wrap;
    flex-direction: row;
}

.sm-features-all-wrapper .views-row {
    padding: 1rem;
    flex: 1 1 0px;
    min-width: 180px;
}
h2.very-dashing-title {
  text-align: right;
}

div.very-dashing-title-wrapper {
  /* display: flex; */
  flex-direction: row;
  flex-wrap: nowrap;
  padding-left:1rem;
  padding-right:1rem;
 /* margin-bottom: 1rem; */
  align-items: baseline;
  margin-top:2rem;
  display: none;
}
div.dashing-part {
		flex-grow: 1;
    flex-shrink: 1;
    border-bottom: 4px dashed #000;
    /* margin-top: -1rem; */
    height: calc(100% - 5px - 1.4rem);
    margin-right: 0.3rem;
}
div.title-part {
  flex-grow:0;
  flex-shrink: 0;
}
div.very-dashing-footer {
  border-bottom: 4px dashed #000;
}

.view.view-featured-stories.view-id-featured_stories.view-display-id-block_1 div.views-row.big-feature {
  padding: 1rem;
}

@media screen and (max-width:767px){
  div.dashing-part {
  	display: none;
  }
  h2.very-dashing-title {
    text-align:center;
  }
  div.title-part {
  	flex-grow:1;
  }
}

/* if big feature image is not wide enough and floats ... */
.very-dashing-footer {
    clear: both;
}
/* actually the image should not float, even if it is not big enough ... */
@media (min-width: 560px) {
    .node .view.view-featured-stories.view-id-featured_stories .field--type-image {
        float: none;
        margin: 0;
    }
}


.sm-features-all-wrapper .field--type-image img {
   margin-bottom: 5px;
}

.view-id-featured_stories .attachment .view-footer {
  padding-bottom: 3rem;
}

/* News Page */
.view-featured-stories-page .views-view-responsive-grid__item .field--name-field-media-image img {
  object-fit: cover;
  height: 300px;
  width: 100%;
  margin-bottom: .5rem;
}

.view-featured-stories-page .views-view-responsive-grid__item .views-field-body, .view-featured-stories-page .views-view-responsive-grid__item .views-field-body p {
  font-size: .9rem;
}

.view-featured-stories-page .views-view-responsive-grid__item .views-field-title {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: .3rem;
}

h2.view-title {
  margin-bottom: 2rem;
}

/** constrain width of featured stories page view **/
.view.view-featured-stories-page.view-id-featured_stories_page {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* hide news view block title */
.very-dashing-title-wrapper {
 /* display: none !important; */
}

/* reduce space between header icon and content */
.paragraph-unique-id-489 .cof-icon-h2 hr {
   /* margin-bottom: 35px; */
}



/* hide title with dashes for news section */
.paragraph--type--section-main-content.paragraph-unique-id-491 .very-dashing-title-wrapper {
   /*  display: none; */
}

/*
.big-feature a.btn.btn-dark.align-center {
    margin-top: -35px;
}
.big-feature a.btn.btn-dark.align-center::after {
   clear:both;
}
*/

.view-id-featured_stories .attachment .view-footer {
    text-align: center;
    padding-top: 2rem;
    margin-top: 1rem;
    border-top: 4px dashed black;
}

body.page-view-featured-stories-page .views-field.views-field-field-tags {
    margin-top: 5px;
    font-size: .9rem;
}

body.page-view-featured-stories-page .views-field-field-article-link {
    margin-top: 5px;
}


.responsive-iframe-max1000 {
    width: 100%;
    max-width: 1000px;
    height: 500px;
    max-height: 500px;
}

.responsive-iframe {
  max-width: 100% !important;
}

.iframe-container {
    position: relative;
    overflow: scroll;
    width: 100%;
}



.section-max-width-100percent {
  max-width: 100%;
  overflow-x: scroll;
}

/** CENTER NAV BLOCK ITEM DETAILS **/
.nav-block-item-link-details {
    text-align: center;
}

/** Make sure all iframes are responsive at small screen sizes **/
iframe {
    max-width: 100% !important;
}


@media screen and (min-width: 1200px) {
	.navbar-expand-xl .navbar-collapse {
	/*	flex-direction: column; */
	}
}

/* hide password reset tab because disabled */
.nav-link.nav-link--user-password {
  display: none;
}



/* slideshow get taller for v wide screens */
/* also make homepage news (next to slideshow) correspondingly taller (N/A for people meg-krawchuk) */

@media screen and (min-width: 1800px){
	.field--name-field-page-feature-paragraphs .section-x-widescreen .carousel-item {
		max-height: 500px !important;
	}

	.field--name-field-page-feature-paragraphs .section-x-widescreen .carousel-item img {
		height: 500px !important;
	}
	/*
	.paragraph.paragraph--type--section-main-content.paragraph-unique-id-21 div.cof-bg-white {
    min-height: 480px;
    padding: 1rem;
	}
	*/
}

@media screen and (min-width: 2400px){
	.field--name-field-page-feature-paragraphs .section-x-widescreen .carousel-item {
		max-height: 600px !important;
	}

	.field--name-field-page-feature-paragraphs .section-x-widescreen .carousel-item img {
		height: 600px !important;
	}
	
	/*
	.paragraph.paragraph--type--section-main-content.paragraph-unique-id-21 div.cof-bg-white {
    min-height: 580px;
    padding: 1rem;
	}
	*/
}
/* slide overlay font fix */
.slide_overlay_text p, .slide_overlay_text p > *, .slide_overlay_text a, .slide_overlay_text a > * {
  font-family: 'Stratum2Web';
}


/* basic text paragraph default list style -- add margins */
.paragraph.paragraph--type--basic-text-with-image h3:first-child {
    margin-top: 0px;
}
@media (min-width: 560px) {
    .paragraph.paragraph--type--basic-text-with-image .field--type-image {
        float: none;
        margin: 0;
    }
}

/* align h2 left by default within body field AND within paragraphs' basic text field */
.text-formatted.field.field--name-body h2, .field--name-field-basic-text h2 {
  text-align: left;
}

.text-formatted.field.field--name-body h2.text-align-center {
  text-align: center;
}

.text-formatted.field.field--name-body h2.text-align-right {
  text-align: right;
}

/* prevent aligned left media images from floating by default */ 
.field.field--name-field-media-image.field--type-image.field--label-visually_hidden {
  float: none !important;
}

/* reduce space between header icon bar (h2) and next paragraph */
.cof-icon-h2 hr {
    margin-top: -35px !important;
    margin-bottom: 35px !important;
}

/* upcoming workshops button in header */
#block-cof-sassafras-horizontaltop ul a, #block-cof-sassafras-horizontaltop ul a:active, #block-cof-sassafras-horizontaltop ul a:visited {
    color: white !important;
    border: 1px solid white !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: normal !important;
    padding: 7px 20px 5px !important;
    background: linear-gradient(0deg, #000000 17%, #4a773c 94%); 
}

@media screen and (min-width: 1200px) {
  #block-cof-sassafras-horizontaltop ul a, #block-cof-sassafras-horizontaltop ul a:active, #block-cof-sassafras-horizontaltop ul a:visited {
    margin-right: 1rem;
  }
}


div#mobile-tools #primary_menu_offcanvas ul li {
  display:inline-block;
  width: 100% !important;
  margin: .5rem;
}

.section-highlight-box {
    background-color: rgba(211, 131, 43, 0.3);
    border-radius: 0px;
    border: 1px solid #D3832B;
}

.section-black-border div.cof-bg {
  border: 3px solid black;
}

@media screen and (max-width: 767px){
	.section-black-border {
	  margin-bottom: 1rem !important;
	}
}

.text-align-center {
  text-align: center !important;
}

/* stretch background applied in two columns so content in both cols appears same height */
.section-equal-height-bg .two-column-col, .section-equal-height-bg .three-column-col, .section-equal-height-bg .four-column-col, .section-equal-height-bg .field--name-field-column-1-paragraphs, .section-equal-height-bg .field--name-field-column-1-paragraphs > .field__item, .section-equal-height-bg .field--name-field-column-2-paragraphs, .section-equal-height-bg .field--name-field-column-2-paragraphs > .field__item, .section-equal-height-bg .field--name-field-column-3-paragraphs, .section-equal-height-bg .field--name-field-column-3-paragraphs > .field__item, .section-equal-height-bg .field--name-field-column-4-paragraphs, .section-equal-height-bg .field--name-field-column-4-paragraphs > .field__item {
  display: flex;
  align-items: stretch;
}

.section-equal-height-bg .field--name-field-column-1-paragraphs > .field__item > .paragraph, .section-equal-height-bg .field--name-field-column-2-paragraphs > .field__item > .paragraph, .section-equal-height-bg .field--name-field-column-3-paragraphs > .field__item > .paragraph, .section-equal-height-bg .field--name-field-column-4-paragraphs > .field__item > .paragraph {
  display: flex;
}

/* testimonials */
.section-testimonials .slide_overlay_text {
  width: 100% !important;
  padding: 30px 30px !important;
}

.section-testimonials div.carousel-controls {
  display: none;
}

.section-testimonials .paragraph.paragraph--type--header-with-optional-icon, .section-testimonials .paragraph.paragraph--type--header-with-optional-icon h2 > * {
	padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
}

.site-footer .nav {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.section-invisible-anchor p, .section-invisible-anchor p > *, .section-invisible-anchor h2, .section-invisible-anchor h2 > *, .section-invisible-anchor h3   {
  font-size: .1rem;
  padding: 0px;
  margin: 0px;
  line-height: 0em;
}


/* Add a white background */
.white-bg {
  background-color: white !important;
}

.white-bg.views-row {
  padding: 2rem;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-radius: .2rem;
  border: 2px solid #ccc;
}

.white-bg .views-field.views-field-view-node {
	float: right;
	margin-top: 1rem;
}

/* workshops find out more button */
@media screen and (min-width: 768px){
	.white-bg .views-field.views-field-view-node {
	  margin-top: -2.5rem;
	}
}


.node--type-workshop.node--view-mode-full .field.field--name-field-date.field--type-daterange.field--label-hidden.field__item {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

.node--type-workshop h1.title {
    margin-bottom: 2rem;
}

/* block with back to workshop calendar button */
div#block-cof-sassafras-backtoworkshopcalendar {
    margin-left: 5%;
    margin-right: 5%;
}

/* workshop view -- add space between description and date */
.views-field.views-field-field-date-1 {
  margin-top: 1rem;
}

.view-display-id-block_4 .btn.btn-primary.more-button {
	border-radius: .5rem;
    border-color: white;
    border-width: 2px;
}

.slide_overlay_text h3, .slide_overlay_text h3 > * {
  color: white;
  margin: 0rem;
}

.slide_overlay_title_wrapper .field--name-field-slide-overlay-title > p {
  margin-bottom: 0px;
}

/* One Column Nav button styling */
.singleton {
  width: fit-content;
  min-width: 50%;
  max-width: 100%;
}

/* workshops homepage grid */
.fancy-date {
  /* btn primary like styling plus ... */
  margin-left: -25px;
  margin-top: -30px;
  box-shadow: 2px 2px #A7ACA2;
  color: #fff !important;
  background-color: #D73F09 !important;
  padding: 5px 12px;
  width: fit-content;
  margin-bottom: .5rem;
}

.view-display-id-workshops_homepage_grid .views-view-responsive-grid__item-inner {
    background-color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    border: 1px solid #444;
}

#block-views-block-workshops-workshops-homepage-grid {
  padding: 2rem;
}

#block-views-block-workshops-workshops-homepage-grid .view-footer {
  margin-top: 2rem;
}

img.image-style-circle-image {
  border-radius: 50%;
  border: 1px solid #ddd;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-bottom: 1rem;
}

.facilitator-bio {
  display: flex;
}
@media screen and (max-width: 767px){
	.facilitator-bio {
	  flex-direction: column;
	  align-items: center;
	}
	.fac-name-title {
	  text-align: center;
	}
}

/* Vision and Mission */

.section-vision-mission img {
  border-radius: 50% !important;
  margin-right: 1rem;
  margin-left: 1rem;
  margin-bottom: 1.5rem;
  border: 3px solid white;
  min-width: 220px;
}

.section-vision-mission .field.field--name-field-media-image.field--type-image {
  margin-top: -1.2rem;
}

.section-vision-mission-wrapper {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media screen and (min-width: 767px) and (max-width: 1200px){
	.section-vision-mission .align-left {
	  float: none;
	  clear: both;
	}
	.section-vision-mission .field.field--name-field-media-image.field--type-image {
	  margin-top: 0rem;
	}
}

.section-vision-mission h3, .section-vision-mission p, .section-vision-mission {
  color: white !important;
}

@media screen and (max-width: 400px) {
	.section-vision-mission .two-column-col-1 {
		margin-bottom: 1.5rem;
	}
	.section-vision-mission img {
		display: none;
	}
}

.section-meet-our-team {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* featured header slideshow mobile adjustments */

@media only screen and (max-width: 767px) {
	.field--name-field-page-feature-paragraphs .slide_overlay_desc_wrapper {
	  display: none;
	}

	.field--name-field-page-feature-paragraphs .carousel-slide-links {
		display: inline-block;
		width: fit-content !important;
		margin: 0;
		text-align: right;
		vertical-align: text-bottom;
	}

	.field--name-field-page-feature-paragraphs .slide_overlay_text {
		width: unset !important;
	}
	.field--name-field-page-feature-paragraphs .slide-overlay {
        justify-content: space-around !important;
	}
	.field--name-field-page-feature-paragraphs .slide_overlay {
		display: flex !important;
		justify-content: space-around !important;
		align-items: center !important;
	}
}

/* testimonials */

.section-testimonials .carousel-slide-links {
	display: none;
}

.section-testimonials .slide_overlay_text {
	width: unset !important;
}

.section-testimonials .slide_overlay {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}



/* Partners and Funders */

/* override default no-padding for hover nav */

.section-partners-and-funders .no-padding {
    padding: 10px !important;
}

.section-partners-and-funders .hover-nav-block-link {
  border-color: black;
}


/* ONREP */
/* header updates to apply to all sites */

/* from FAEL -- test! */

	/* branding header adjustment to make COLLEGE OF FORESTRY appear more vertically centered */
	@media screen and (min-width:768px) and (max-width:1399px){
	  header#header .osu-brand {
		padding-bottom: 3px;
		padding-top: 3px;
	  }
	}
	@media screen and (min-width:1400px){
		/* College of Forestry linkback margin is doubled so does not align with logo when stacked */
		/* so removing margin on link itself */
	  header#header div.cof-linkback a, header#header div.cof-linkback a:visited {
		margin-left: 0px !important;
		margin-right: 0px !important;
	  }
	  header#header .osu-brand {
		justify-content: center !important;
	  }
	  /* add vertical line between branding and site title */
	  .osu-cof-branding {
		border-right: 1px solid #FFF;
	  }
	}
/* end from FAEL */

@media only screen and (max-width: 767px) {
    .osu-cof-branding {
        display: flex;
        flex-flow: row;
        flex-grow: 1;
    }
    
    header#header nav#navbar-main.header-xl-wrap img.osu-logo {
       /* height: 24px; */
    }
    
    header#header .osu-brand {
		display: flex;
		margin-left: .5rem;
		margin-right: .5rem;
		align-items: center;
	}

   header#header nav#navbar-main.header-xl-wrap div.cof-linkback, header#header nav#navbar-main.header-xl-wrap div.cof-linkback a {
       /* font-size: .8em !important; */
        flex-grow: 1;
        text-align: center;
        justify-items: center;
        display: flex;
        justify-content: start;
    }
    
    header#header .navbar-expand-xl .navbar-toggler {
        display: flex !important;
        flex-grow: 0 !important;
        flex-shrink: 1;
        justify-content: end;
    }
    header#header div.site-name p, header#header div.site-name a, header#header div.site-name a:visited, header#header div.site-name a:active {
      font-size: 1rem;
    }
}

@media only screen and (max-width: 400px){
	header#header nav#navbar-main.header-xl-wrap div.cof-linkback, header#header nav#navbar-main.header-xl-wrap div.cof-linkback a {
		font-size: .8em !important;
	}
	header#header nav#navbar-main.header-xl-wrap img.osu-logo {
        height: 24px;
    }
}

/***** end header updates to apply to all sites *******/


/* FAQ */

h3.faqfield-question {
    color: #D73F09 !important;
    font-weight: bold !important;
    border: none !important;
    background: none !important;
    font-size: 1.3rem !important;
    text-transform: none !important;
}

div.faqfield-answer {
    border: none !important;
    background: none !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none !important;
    background: none !important;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(/modules/contrib/jquery_ui/assets/vendor/jquery.ui/themes/base/images/ui-icons_444444_256x240.png) !important;
}

/* end FAQ styling */

/* light colored border (light-border) */
.section-light-border {
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* webforms */
fieldset.checkboxes--wrapper legend, fieldset.checkboxes--wrapper legend > span, fieldset.radios--wrapper legend, fieldset.radios--wrapper legend > span, .js-form-item label {
  font-size: 1.1rem !important;
  font-weight: 600;
}

.checkbox.form-check.mb-3 {
  margin-bottom: .25rem !important;
}

label.form-check-label {
  font-weight: normal !important;
  font-size: 1rem !important;
}




/* make form field borders darker */
input, textarea.form-textarea {
  border-color: #ccc !important;
}

.webform-confirmation {
    margin: 2rem 5%;
}

.section-beige-bg {
	background-color: rgba(211, 131, 43, 0.3);
    border: 1px solid #D3832B;
}

.section-beige-bg img {
  background-color: white;
  border: 1px solid black;
  margin-top: .5rem;
}


/* Resources view */

#block-views-block-resources-block-1 .views-view-responsive-grid__item {
    background-color: white;
    padding: 1.5rem;
    border: 1px solid #999;
    border-radius: 5px;
}

#block-views-block-resources-block-1 .views-field .field-content li {
    margin-left: 2rem;
}

#block-views-block-resources-block-1 .views-field {
  margin-bottom: .5rem;
}

#block-views-block-resources-block-1 .views-field.views-field-edit-node {
    text-align: right;
}

/* grade level buttons */

.bef-link.btn.btn-light {
  background-color: #fff !important;
  color: #444 !important;
}

.bef-link.bef-link--selected.btn.btn-light, .bef-link.btn.btn-light:hover {
  background-color: #444 !important;
  color: #fff !important;
}

.js-form-item.js-form-type-select.form-type-select.js-form-item-tid.form-item-tid.mb-3 {
    width: 100%;
    margin-bottom: .2rem !important;
}

.bef-links ul {
    display: flex;
    flex-wrap: wrap;
}

.bef-links li {
    list-style: none;
    margin-right: .5rem;
    margin-bottom: .3rem;
}

.view-filters .bef-exposed-form .js-form-item {
  margin-right: 1rem;
}

/* resource keywords filter with chosen */
.view-id-resources .view-filters label {
    display: block;
}
div[id^="edit_field_resource_keywords_target_id_chosen"] {
   min-width: 240px;
}

.view-id-resources .view-filters {
	background-color: white;
	border-bottom: 2px solid #444;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: 1rem;
	
}

@media screen and (min-width: 1200px) {
	.view-id-resources .view-content.row {
		max-height: 1200px;
		overflow-y: scroll;
	}
}

.view-id-resources .view-header {
  text-align: center;
}

/* hide slide text div on education resources page because just buttons */
.page-node-1231 .paragraph.paragraph--type--header-slideshow-slide.paragraph-unique-id-_99.paragraph--view-mode--full .slide_overlay_text {
    display: none;
}

.page-node-1231 .paragraph.paragraph--type--header-slideshow-slide.paragraph-unique-id-_99 .carousel-slide-links {
  width: 100% !important;
}

/* embedded webform add default padding */
.paragraph--type--embedded-webform {
    padding: 1rem;
}

/* add classes for making text RED for basic html format */
.red {
  color: red !important;
}

#block-cof-sassafras-editworkshopregistrationform {
	text-align:right;
	margin: 10px 5%;
}

/* facilitator banner button */
.paragraph--type--header-slideshow-slide.paragraph-unique-id-_52 .slide_overlay {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.paragraph--type--header-slideshow-slide.paragraph-unique-id-_52 .slide_overlay_text {
    padding: 30px 30px 0 60px;
    margin-left: 10px;
}

.paragraph--type--header-slideshow-slide.paragraph-unique-id-_52 .carousel-slide-links {
    text-align: left;
    margin-left: 60px;
}

@media screen and (max-width: 1199px) {
    .paragraph--type--header-slideshow-slide.paragraph-unique-id-_52 .slide_overlay {
        display: flex !important;
        justify-content: normal !important;
        align-items: flex-start !important;
    }
    
    .paragraph--type--header-slideshow-slide.paragraph-unique-id-_52 .carousel-slide-links {
		text-align: left;
		margin-left: 30px;
	}
}

.section-facilitator-slider .carousel-item img {
    object-fit: cover !important;
    width: 200px !important;
    height: 200px !important;
    border-radius: 50%;
    border: 2px solid white;
    float: right;
    margin-top: 1rem;
}

.section-facilitator-slider .slide_overlay {
    background-color: transparent;
    position: relative;
    bottom: 0;
    z-index: 99;
    margin: 0;
    padding: 0;
    display: flex;
    width: fit-content;
    /* flex-grow: 1; */
    flex-direction: column;
    max-width: 400px;
}

.section-facilitator-slider .slide_overlay_text {
  width: 100% !important;
  padding: 30px !important;
}

.section-facilitator-slider .paragraph.paragraph--type--header-slideshow-slide {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.section-facilitator-slider .carousel-slider-control {
  right: 10px;
  position: relative;
  bottom: -3.3rem;
}

.section-facilitator-slider .carousel-controls {
  background-color: transparent !important;
}

.section-facilitator-slider .section-constrain-width-800px .field--name-field-section.field__items {
  margin-bottom: -30px;
}