/**
 *  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;
}

/* Basic Page, News Story, Keynote, Person content margins and PAGE TITLE  */
.node--type-page div#block-cof-sassafras-mainpagecontent, .node--type-image-rotator-features div#block-cof-sassafras-mainpagecontent, 
.node--type-publication div#block-cof-sassafras-mainpagecontent, .node--type-news-story div#block-cof-sassafras-mainpagecontent, #block-cof-sassafras-pagetitle {
    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 {
    width: 100% !important;
    text-align: center !important;
  }
  
}
/* make carousel overlay text wider at very small screen sizes */
@media screen and (max-width:501px){
  .slide_overlay_text {
    width: 100% !important;
  }
  
}

/* slideshow get taller for v wide screens */
/* also make homepage news (next to slideshow) correspondingly taller */

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

	.field--name-field-page-feature-paragraphs .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 .carousel-item {
		max-height: 600px !important;
	}

	.field--name-field-page-feature-paragraphs .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;
	}
}


/* utilpole: make homepage banner logo image full width */
/* .paragraph-unique-id-260 .field.field--name-field-media-image.field--type-image {
    width: 100%;
} */
/* 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 .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-1200px {
  max-width: 1200px;
  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: .5rem;
    margin-bottom: 0rem;
    padding-left: 4rem;
    text-indent: -3rem
}

/* 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;
}
/** end fix for align center not working for media **/

/* branding header adjustment to make COLLEGE OF FORESTRY appear more vertically centered */
@media screen and (max-width:1399px){
  header#header .osu-brand {
    padding-bottom: 10px;
  }
}
@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;
	}
	@media screen and (min-width: 1400px){
	.row.region.region-secondary-menu {
		/* justify-content: flex-end; */
	}
	header#header ul.nav li.nav-item a.nav-link, header#header ul.nav li.nav-item a.nav-link:visited {
	  font-size: 1.4rem;
	}
}
}