@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;800&family=Source+Sans+Pro&display=swap');

/* [Base Font] */
/* Proxima Nova - Normal (400) */
@font-face {
    font-family: proxima-nova;
    src: url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_regular_macroman/proximanova-regular-webfont.eot");
    src: url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_regular_macroman/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_regular_macroman/proximanova-regular-webfont.woff2") format("woff2"),
    url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_regular_macroman/proximanova-regular-webfont.woff") format("woff"),
    url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_regular_macroman/proximanova-regular-webfont.ttf") format("truetype"),
    url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_regular_macroman/proximanova-regular-webfont.svg#Proxima-Nova") format("svg");
    font-weight: 400;
    font-style: normal;
}

/* Proxima Nova - Normal (400), Italic */
@font-face {
	font-family: proxima-nova;
	src: url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_italic_macroman/proximanova-regularit-webfont.eot");
	src: url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_italic_macroman/proximanova-regularit-webfont.eot?#iefix") format("embedded-opentype"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_italic_macroman/proximanova-regularit-webfont.woff2") format("woff2"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_italic_macroman/proximanova-regularit-webfont.woff") format("woff"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_italic_macroman/proximanova-regularit-webfont.ttf") format("truetype"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_italic_macroman/proximanova-regularit-webfont.svg#Proxima-Nova") format("svg");
	font-weight: 400;
	font-style: italic;
}

/* Proxima Nova - Bold (600) */
@font-face {
	font-family: proxima-nova;
	src: url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibold_macroman/proximanova-semibold-webfont.eot");
	src: url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibold_macroman/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibold_macroman/proximanova-semibold-webfont.woff2") format("woff2"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibold_macroman/proximanova-semibold-webfont.woff") format("woff"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibold_macroman/proximanova-semibold-webfont.ttf") format("truetype"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibold_macroman/proximanova-semibold-webfont.svg#Proxima-Nova") format("svg");
	font-weight: 600;
	font-style: normal;
}

/* Proxima Nova - Bold (600), Italic */
@font-face {
	font-family: proxima-nova;
	src: url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibolditalic_macroman/proximanova-semiboldit-webfont.eot");
	src: url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibolditalic_macroman/proximanova-semiboldit-webfont.eot?#iefix") format("embedded-opentype"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibolditalic_macroman/proximanova-semiboldit-webfont.woff2") format("woff2"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibolditalic_macroman/proximanova-semiboldit-webfont.woff") format("woff"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibolditalic_macroman/proximanova-semiboldit-webfont.ttf") format("truetype"),
		 url("https://campusfont.ucdavis.edu/proxima-nova/proximanova_semibolditalic_macroman/proximanova-semiboldit-webfont.svg#Proxima-Nova") format("svg");
	font-weight: 600;
	font-style: italic;
}


/* Override Vantage pending move to Hello Elementor */
p {
		margin-bottom: inherit;
}



/* Header ----------------------------- */

/*body.responsive.layout-full #page-wrapper .masthead-sidebar .full-container {
    max-width: initial;
}*/

body {
		background: #fff;
}

body.responsive.layout-full #page-wrapper #masthead .full-container {
	max-width: initial;
}

header#masthead.masthead-logo-in-menu .logo {
  padding: 0;
  text-align: left;
}

.masthead-logo {
	position: relative;
	top: 25px;
  display: block;
  text-align: left;
}

.primary-logo {
  display: inline-block;
  position: relative;
	top: 74px;
	z-index: 99999;
  text-align: left;
  margin-left: 0;
  width: auto;
}

.primary-logo img {
  width: auto;
}

@media (max-width: 680px) {
	.primary-logo {
  	width: 65%;
    top: 62px;
  }
  /*.primary-logo img {
		background: url('https://lorempixel.com/150/150');
	} */
}


@media (max-width: 680px) {
	body.responsive #masthead .hgroup {
		text-align: left;
	}
}

/* Navigation ------------------------- */

.main-navigation [class^="fa fa-"] {
  margin-top: 10px;

}

.main-navigation .wcec_main ul li a {
  padding: 20px;
}



#menu-main-menu .wcec_home a {
  padding: 0px 0px 1px 0px;

}

.main-navigation ul li {
  vertical-align: middle;
}

.main-navigation ul li a {
  vertical-align: middle;
  padding: 32px 20px 32px 20px;
  margin: 0px;
}

.main-navigation ul ul {
  top: 66px;
}

#menu-main-menu {
	float: left;
	position: relative;
	top: 13px;
	margin-left: 450px;
}

@media screen and (max-width: 1200px) {
	.main-navigation ul li a {
		position: relative;
		top: 13px;
	}	
}

.menu-main-menu-container {
	background: #fff;
}

.menu-main-menu-container:after {
	content: '';
	display: table;
	clear: both;
}

#menu-main-menu .sub-menu {
	margin-left: 0;
}

#search-icon #search-icon-icon .vantage-icon-search {
	margin-top: 3px;
}

#search-icon #search-icon-icon:hover .vantage-icon-search {
	color: #daaa00;
}

@media screen and (min-width: 1201px) and (max-width: 1280px) {
	.main-navigation ul li a {
	    padding: 32px 14px 32px 20px;
	}	
}

.main-navigation ul li:hover > a, #search-icon #search-icon-icon:hover {
    background-color: transparent;
}


body.has-menu-search .main-navigation ul {
    margin-right: 35px;
}

.main-navigation ul li a.mobilenav-main-link {
    top: 11px;
		font-size: 13px;
		text-transform: uppercase;
}

.mobile-nav-icon {
	margin-right:5px;
}

.main-navigation ul li:hover > a, #search-icon #search-icon-icon:hover {
	background: transparent;
}

#search-icon #search-icon-icon {
	background-color: transparent;
	position: relative;
	top: -2px;
}

/* Content ---------------------------- */

#main {
  padding: 0px 35px;
}

body.responsive #page-wrapper {
  max-width: 1280px;
}


/* GLOBAL FONT CHANGES: HEADERS */
.entry-content h6 {
  font-weight: 700;
  color: #002855;
  margin-bottom: -15px;
}

h4 {
font-weight: 700;
color: #002855;
}

.entry-content h2 {
font-weight: 700;
color: #002855;
}

.entry-content h3 {
text-transform:uppercase;
font-weight: 700;
color: #1a688f;
margin:10px 0 0 0;
}
/* Homepage Research and Resources Buttons rollover effect */
#homebuttonbar .so-widget-sow-image img {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}


#homebuttonbar .so-widget-sow-image img:hover {
	-webkit-filter: brightness(50%);
	-moz-filter: brightness(50%);
	-ms-filter: brightness(50%);
	filter: brightness(50%);
}


.layout-full #page-wrapper .full-container {
  /*position: inherit;*/
}

/* Change the headers for blog page from h1 */
article.post .entry-header h1.entry-title,
article.page .entry-header h1.entry-title {
padding-top: 20px;
 }
/* Post Button Customization */
.post-navigation a, #image-navigation a 
{
box-sizing: border-box;
padding: 0.5em 1em;
background: transparent;
border: 2px solid #41a9d5;
color: #41a9d5 !important;
text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
transition: all 0.2s ease;
}
.post-navigation a:hover, #image-navigation a:hover 
{
box-sizing: border-box;
padding: 0.5em 1em;
background: #41a9d5;
border: 2px solid #41a9d5;
color: #ffffff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
transition: all 0.2s ease;
}

#page-wrapper .pagination span,
#page-wrapper .entry-content .pagination span,
#page-wrapper .pagination a,
#page-wrapper .entry-content .pagination a
{
box-sizing: border-box;
padding: 0.5em 1em;
background: transparent;
border: 1px solid #41a9d5;
color: #41a9d5 !important;
text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
transition: all 0.2s ease;
}

#page-wrapper .pagination a:hover,
#page-wrapper .entry-content .pagination a:hover
{
box-sizing: border-box;
padding: 0.5em 1em;
background: #41a9d5;
border: 1px solid #41a9d5;
color: #ffffff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
transition: all 0.2s ease;
}


/* Footer ------------------------------ */

#colophon #theme-attribution {
  display: none;
}

#colophon #theme-attribution,
#colophon #site-info {
  display: none;
}


@media screen and (max-width: 640px) {
	body.responsive #footer-widgets .widget, body.responsive #masthead-widgets .widget {
    	width: auto;
    	float: none;
    	padding-bottom: 0;
	}
}

a,
.entry-content a {
  color: orange;
  text-decoration: none;
}


/* [Footer] */
.widget_headline-widget h3 {color:#cccccc;}
.widget_headline-widget h1 {color:#cccccc;}
#footer-widgets .widget {width: 100%;}

.site-footer .widget_headline-widget h1 {
  text-transform: initial;
}

li#footer-widgets .widget ol li a {
  font-size: 16px;
  font-weight: 500;
}

#footer-widgets a {
  color: #cccccc;
  font-weight: 600;
}

#footer-widgets .social-media-icons a {
  font-size: 2.4rem;
  text-decoration: none;
  margin-right: 10px; 
}

#footer-widgets .social-media-icons a:last-child {
  margin-right: 0; 
}

#footer-widgets .social-media-icons a .fa-newspaper-o {
  position: relative;
  top: 2px;
}

div.social-media-icons  {
  text-align:center;
}


/*hides the title of posts on the directory page*/
#pl-386 .entry-title {
  display: none;
  margin-bottom: 0px;
}
#pl-386 .post {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#pl-386 .so-panel {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#pl-386 .panel-row-style{
  padding-top: 0px;
  padding-bottom: 0px;
}

/*highlights text*/
.highlight {
    background-color: #fff2ac;
    background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
}

/* make bold text darker */
b, strong {
  color: #080808;
}


/* Vent in Schools Styles */
.entry-content p.ventBody {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  color: #666;
}

.entry-content .ventHead {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #000;
}

.entry-content h1.ventHead {
  font-size: 22px;
}
.entry-content h2.ventHead {
  font-size: 18px;
  color: #005175;
}


/* updates the footer title size */
.widget.widget_headline-widget h1 {
  border-bottom: 1px solid #cccccc; 
  margin-bottom: 20px;
  padding-bottom: 10px;
  display: inline-block;
  padding-right: 20px;
  padding-left: 20px;
}

.widget_headline-widget h3 {color:#cccccc;}
.widget_headline-widget h1 {color:#cccccc;}
#footer-widgets .widget {width: 100%;}

.site-footer .widget_headline-widget h1 {
  text-transform: initial;
}

li#footer-widgets .widget ol li a {
  font-size: 16px;
  font-weight: 500;
}

#footer-widgets a {
  color: #cccccc;
  font-weight: 600;
}

#footer-widgets .social-media-icons a {
  font-size: 2.3rem;
  text-decoration: none;
  margin-right: 12.5px; 
}

#footer-widgets .social-media-icons a:last-child {
  margin-right: 0; 
}

#footer-widgets .social-media-icons a .fa-newspaper-o, .fa-twitter {
  position: relative;
  top: 1px;
}

div.social-media-icons  {
  text-align:center;
	font-family: Montserrat;
}

div.decoration {
	display: none;
}

#footer-widgets .social-media-icons, .social-media-icon__desc {
  font-size: 75%;
  margin-left: 5px;
}

#theme-attribution {
  display: none;
}

ul.sub-menu > li > a {
  padding: 14px 14px 14px 20px !important;
}