/**
 * Theme Name:   Great Lakes Great Read - 2019 Child Theme
 * Theme URI:    https://www.aqua.wisc.edu
 * Description:  A Twenty Nineteen child theme
 * Author:       Aquatic Sciences Center
 * Author URI:   https://www.aqua.wisc.edu
 * Template:     twentynineteen
 * Version:      1.0.0
 * Text Domain:  twentynineteenchild
*/

/************************* Setup the Fonts ************************/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2ffac9");

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/Roboto-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Condensed';
  src: url('fonts/static/RobotoCondensed-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Condensed-Light';
  src: url('fonts/static/RobotoCondensed-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


/******************* RedHat Fonts ***************************/

@font-face {
    font-family: 'RedHat';
    src: url('fonts/redhat/RedHatDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'RedHat-Light';
    src: url('fonts/redhat/RedHatDisplay-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'RedHat-Bold';
    src: url('fonts/redhat/RedHatDisplay-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'RedHat-Italic';
    src: url('fonts/redhat/RedHatDisplay-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'RedHat-Medium';
    src: url('fonts/redhat/RedHatDisplay-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
 

/******************* Crimson Pro Fonts ***************************/

@font-face {
    font-family: 'CrimsonPro';
    src: url('fonts/CrimsonPro/CrimsonPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'CrimsonPro-Light';
    src: url('fonts/CrimsonPro/CrimsonPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'CrimsonPro-Bold';
    src: url('fonts/CrimsonPro/CrimsonPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'CrimsonPro-Italic';
    src: url('fonts/CrimsonPro/CrimsonPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'CrimsonPro-Medium';
    src: url('fonts/CrimsonPro/CrimsonPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }



/************************** Reset some styles **************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, body, button, input, select, textarea {
    font-family: 'CrimsonPro', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.entry .entry-title:before, h1:not(.site-title):before, h2:before {
    display: none;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0.0em;
	color: #333333;
}

h1, h1.entry-title {
	font-family: 'RedHat', sans-serif;
    font-size: 28px;
	font-weight: 600;
}

h1.site-header-title {
	font-family: 'CrimsonPro-Medium', sans-serif !important;
    font-size: 28px;
	font-weight: 500;
}

h2, h3, h4, h5, h6 {
	font-family: 'RedHat', sans-serif;
	font-weight: 400;
}

h2 {
    color: #333333;
    font-size: 26px;
}

.dark-bg h2 {
	color: #fff;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

a, #colophon .site-info a, .elementor a {
/*	color: #3F7AA9;*/
	color: #0479A8;
	text-decoration: underline;
}

a:hover, .elementor a:hover {
	color: #0479A8;
    text-decoration: underline;
}

a:visited, .elementor a:visited {
   color: #0479A8;
}

a.white-link, a.white-link:hover, a.white-link:visited {
	color: #fff;
}

a.white-link:hover {
	font-weight: bold;
}

p, span {
	font-size: 18px;
}

ul {
	padding-left: 2em;
}

li::marker {
	/*content: "• ";
  	color: #F7941D;*/
  	color: #333;
}

button, .default .elementor-button {
	background-color: #1D2E61;
	background-color: #118275;
	color: #fff !important;
	font-weight: bold;
	text-decoration: none !important;
	border-radius: 0 !important;
	padding: 20px 26px 18px;
}

button:hover, .default .elementor-button:hover {
	background-color: #3F7AA9 !important;
}

body {
	font-size: 18px;
}

/* Header */

.site-header {
    margin: 0;
    padding: 2em 0;
}

.site-branding-container {
    background: #0494ad;
    /* background: #05d4f7; */
    /* background: #840400; */
    padding: 0;
    color: #fff;
    background: #fff;
    color: #000;
}

.site-branding-container .site-title {
	display: none;
}
.site-branding-container .site-title a {
    color: #fff;
    font-size: 37px;
    margin-bottom: 20px;
}

.site-branding-container .site-title a:visited {
	color: #fff !important;
}

.site-branding-container .site-description {
    display: none;
}

.site-logo {
    height: 190px;
    width: 190px;
	/*margin-top:25px; */
}

.site-logo .custom-logo-link {
    width: 100%;
    height: auto;
}

.site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {
    box-shadow: none;
}

/************* menu ***********/

#site-navigation {
  	display: block;
  	float: right;
  	width: 60%;
	width: 65%;
}

.menu-main-container, .main-navigation > div {
	width: 100%;
}

#site-navigation .main-menu-more {
	display: none;
}

.main-navigation .main-menu > li > a {
    font-family: 'CrimsonPro-Bold';
    font-weight: 400;
    
}

.site-branding, .main-navigation ul.main-menu > li {
    font-size: 18px;
	padding-right: 20px;
}

.site-branding, .main-navigation ul.main-menu > li:last-child {
	padding-right: 0;
}

.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
    /*color: #fff;*/
	color: initial;
	top: 5px;
}

.site-logo .custom-logo-link {
	border-radius: unset;
}


.main-navigation .main-menu > li:last-child > a {
	color: #1D2E61;
}

.menu-main-container, .main-navigation > div {
	display: block;
}

.main-navigation .main-menu {
	display: block;
	width: 75%;
	margin: 40px auto;
    text-align: right;
}

.main-navigation .main-menu > li {
	
}

.main-navigation .main-menu > li > a {
	font-weight: bold;
	font-size: 18px;
	color: #1D2E61;
	letter-spacing: .03em;
}

.main-navigation .sub-menu > li > a {
	font-weight: 500;
}

.main-navigation .main-menu > li:hover, .main-navigation .main-menu > li > a:hover {
	color: #3F7AA9;
	text-decoration: none;
}

/************* BODY ***********/

.home #primary .entry-header {
    display: none;
}

h1.entry-title {
	text-align: center;
}

#did-you-know-section .premium-carousel-wrapper {
	color: #fff;
}

#did-you-know-section .premium-carousel-wrapper .fa-circle {
	font-size: 20px;
	
}

#did-you-know-section ul.slick-dots li {
	margin: 10px;
}

#did-you-know-section ul.slick-dots li.slick-active {
	color: #81adc1;
}

#did-you-know-section a:visited {
	color: #fff !important;
}

.dark-bg a, .dark-bg a:visited {
	color: #F7941D;
}

/************* ELEMENTOR ***********/
.elementor-toggle .elementor-tab-title {
    font-weight: 500 !important;
    font-family: 'CrimsonPro-Light' !important;
}

.elementor-widget-toggle .elementor-toggle-title {
    color: #7a7a7a !important;
}

.elementor-widget-toggle .elementor-toggle-item a {
    font-weight: 500 !important;
    font-size: 20px;
}

.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item-title-text {
	font-size: 20px;
}


/************* General ***********/

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 1140px !important;
}

#premium-carousel-wrapper-961086a .premium-carousel-nav-dot {
	display: none;
}


.elementor-143 .elementor-element.elementor-element-53be765:not(.elementor-motion-effects-element-type-background), .elementor-143 .elementor-element.elementor-element-53be765 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background: #33A27E !important;
	background: #EEEDED !important;
}


.about-the-great-lakes {
    background: #f2f2f2;
    padding-top: 30px;
    padding-bottom: 50px;
    box-shadow: 0 0 0 100vmax #f2f2f2;
    clip-path: inset(0 -100vmax); 
}

.about-the-great-lakes h2 {
    margin-bottom: 20px;
}

.about-the-great-lakes a.underline {
    text-decoration: underline; 
    text-underline-offset: 5px; 
    font-size: 18px;
    margin-bottom: 10px;
}

#footer-logo-top {
    text-align: center;
}

.footer-links, .footer-logos-wrap {
    width: 80%;
	width: 100%;
    margin: 50px auto 40px;
}

.footer-links .links, .footer-links .socials {
    padding-top: 10px;
}

.footer-links .socials .fb-logo {
    margin-left: -15px;
}

.footer-logos-wrap {
	margin-top: 50px;
	margin-bottom: 60px;
}

.copyright {
	text-align: center;
    padding: 30px 30px 20px;
    color: #fff;
	color: #fdfeff;
    background: #373737;
    box-shadow: 0 0 0 100vmax #373737;
    clip-path: inset(0 -100vmax); 
}

.copyright a:visited {
	color: inherit !important;
}

hr {
    border-top: 1px solid #666;
}

#wp-admin-bar-elementor_edit_page .elementor-edit-link-title {
	color: #fff;
}


/************* EVENTS ***********/
.tribe-events-c-subscribe-dropdown__button {
	background: #373737 !important;
}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button button:hover {
	background: initial !important;
}


/************* ABOUT PAGE ***********/

.about-page-tabs .e-n-tab-title[aria-selected=false] {
	background-color: #6b7a86 !important;
}

.about-page-tabs .e-n-tab-title[aria-selected=true] {
	background-color: #0479A8 !important;	/* 138b75*/
}

.about-page-tabs .e-n-tab-title[aria-selected=false]:hover, .about-page-tabs .e-n-tab-title[aria-selected=true]:hover {
	background-color: #3F7AA9 !important;
}
)

/************* FOOTER ***********/
footer {
	border-top: 1px solid #666;
}

.site-footer {
	/*background: #cce3f5;*/
	background: #FFF;
    padding: 20px 20px 0;
    color: #000;
	border-top: 1px solid #666;
}

.site-footer a {
    /*color: inherit;*/
}

#colophon .site-info {
    color: #eeeee4;
	color: #000;
    
}

.footer-logos {
    margin-bottom: 40px;
	margin: 0 auto;
	width: 95%;
	width: fit-content;
}

.site-footer .footer-logos p {
	text-align: center;
}

.footer-logos img {
    display: inline-block;
    width: 32%;
	max-width: 300px;
    padding: 20px;
	vertical-align: middle !important;
}

.footer-logos span, .footer-logos a {
	color: #000 !important;
}

.footer-logos .wi-lib-logo {
	max-width: 200px;
}

.footer-logos .wils-logo {
	height: 180px;
  	max-width: 400px;
  	width: 40%;
	
	    height: 225px;
	    max-width: 500px;
    width: 50%;
}

.join-btn {
	padding: 20px 40px;
	
}
.join-btn a {
	color: #fff !important;
}

/************* RESPONSIVE ***********/

@media only screen and (min-width: 1621px) {

	.footer-logos {
		width: 70%;
		width: 95%;
	    width: fit-content;
	}
}

@media only screen and (max-width: 1121px) {

	#colophon.site-footer .site-info {
		width: 100%;
	}
	
	footer .site-info {
		width: 100%;
		margin: 20px !important;
	}
}

@media screen and (max-width: 1170px) {

	.footer-logos {
		width: 100%;
	}
}

@media screen and (max-width: 1170px) {
    .site-branding-container .site-branding {
        margin: 0 15px;
    }
	
	
}

@media screen and (max-width: 782px) {
	.footer-logos img, .footer-logos .uw-logo, .footer-logos .wi-lib-logo, .footer-logos .wils-logo {
		width: 100%;
	    width: fit-content;
	    margin: 0 auto;
	}
	.footer-logos .wils-logo {
		/*width: 33%;*/
	}
	.footer-logos span.logo-container {
		display: block;
	}
}

@media screen and (max-width: 767px) {

	.site-logo {
		height: auto;
	}
    .site-branding-container {
        padding: 20px 20px;
    }
	
	#site-navigation {
		width: 100%;
	}
	
	.main-navigation .main-menu {
		margin: 20px auto;
		width: 95%;
	}
	
	#colophon .site-info {
		/*margin: 20px;*/
	}
	
	#colophon.site-footer .site-info {
		width: 100%;
	}
	
	.entry .entry-content {
		margin: 0 30px;
	}
	
	.elementor-element-1a41f64f {
		margin-bottom: 30px !important;
	}
	
	.elementor-element-b218790 {
		padding: 40px !important;
	}
	
	.elementor-element-356385b9 {
		margin-left: 0 !important;
	}
	
	.about-the-great-lakes {
		text-align: center;
	}
	
	.about-gl-card {
		margin-bottom: 40px;
	}
	
	.more-books-card {
		margin-bottom: 10px;
	}
	
	.footer-logos a { 
		display: inline-block;
	}
	
	.footer-logos img, .footer-logos .wi-lib-logo, .footer-logos .wils-logo {
		display: block;
		width: 100%;
		/*max-width: 350px;
		max-height: 220px;*/
		margin: 0px auto;
	}
	
	.footer-logos .wi-lib-logo {
		height: 150px;
    	width: auto;
	}
	
	.footer-logos-wrap .wi-lib-logo-wrap {
        text-align: left !important;
    }

    

}

@media only screen and (min-width: 768px) {
	
	#colophon.site-footer .site-info, #colophon .site-info {
		width: 100%;
	}
	
}

@media screen and (min-width: 768px) {

    .entry .entry-content > *, .entry .entry-summary > *, 
    .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *, 
    .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * 
    {
        max-width: 100%;
    }
	
	#colophon .site-info  {
		margin: 0 auto;
	}

	.site-logo {
        position: relative;
        right: initial;
        /*margin: auto;
		width: 190px;
		*/
		width: 285px;
		height: auto;
		/*
		*/
		float: left;

    }
	
	.uw-logo {
		margin: 30px auto;
	}

    

}