﻿/*===========================================================================================================
		Temporary Site Info
=============================================================================================================

	Date: 12/16/25
	Client: Willamette University, a0008323
	Web Developer: Melissa Anderegg
	
	Last Modified By: Web Designer	--  MM/DD/YY	--  modifications


/*************************************************************************************************************
//////////////////////     Base
*************************************************************************************************************/
#caresNotice, #stl-announcement__top-banner {display:none !important; visibility:hidden !important;}	

	img {max-width:100%; height:auto;}
	html {font-size:62.5%}
  	body {background:#fff; margin:0; padding:0; font-family:var(--font-body); font-size:var(--font-size-body); line-height:var(--line-height-body); color:var(--color-body);}

	/* styling to make fancybox work with bootstrap*/
	#fancybox-content, #fancybox-wrap {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}
	#fancybox-wrap {width: auto !important;}

	.container {width: 100%; max-width:var(--container-max-width);}

/*-------------------------------------------------------
	Typography
-------------------------------------------------------*/
	p {margin-bottom:20px;}
	ul, ol {padding-left:10px;}

	.stl-full-view-section {display: none;}/*to hide desktop/mobile links*/

	/* Headings */
	/* --------------------------------------------------------------------------------- Set Heading Styles */
	h1, h2, h3, h4 {
		font-family:var(--font-headers); font-weight:var(--font-weight-headers); line-height:var(--line-height-headers);
		margin-top:0;
	}

/*-------------------------------------------------------
	Header and Footer
-------------------------------------------------------*/
	header, footer {padding:15px 0; margin: 0 auto 40px;}
	header {background:var(--color-bg-dark);} /* ----------------------------------------------------------- Set Header Background Color For Mobile */
		header img {width:280px; max-width:100%; height:auto; margin:0 auto; display: block;}
	footer {margin-bottom:0; background:var(--color-bg-dark); color:#fff;} /* ----------------------------------------------------------- Set Footer Background Color For Mobile */
		footer ul {padding-left: 0; list-style:none;}
		footer a {color:#fff;}
		footer a:is(:hover, :focus) {color:#fff;}
	@media only screen and (min-width:360px) {
		header img { margin: 0;}
	}
	@media only screen and (min-width:992px) {
		/* ----------------------------------------------- Set Header and Footer Desktop Styles in Place of This Comment */
	}

/*-------------------------------------------------------
	Center Column
-------------------------------------------------------*/
	section {max-width:var(--container-max-width); margin:0 auto;}
	@media only screen and (min-width:992px) {
		/* ----------------------------------------------- Set Section Desktop Styles in Place of This Comment */
	}

/*-------------------------------------------------------
	Left Column
-------------------------------------------------------*/
	.left-col-top {background:var(--color-bg-light); padding:15px; margin:0 -15px 20px;} /* --------------------------------------- Set Left Column Background Color For Mobile */
	.left-col-bottom > a {
		display: inline-block;
		background: var(--color-red); /* --------------------------------------- Set Gift Illustrator Icon Background Color */
		padding: 3px; float: left; margin: 0 10px 0 0;
	}
	.left-col-bottom > p {max-width:190px;}
	@media only screen and (min-width:992px) {
		.left-col-top {margin:0 0 20px;}
		.left-col-bottom > p {max-width:220px;}
		/* ----------------------------------------------- Set Left Column Desktop Styles in Place of This Comment */
	}

/*-------------------------------------------------------
	Right Column
-------------------------------------------------------*/
	.contact-us ul {padding-left:0; list-style: none;}


/*************************************************************************************************************
//////////////////////     Gift Exclusions (brand.css)
*************************************************************************************************************/

