/*!
Theme Name: CAII custom
Theme URI: https://pressmaximum.com/customify
Author: WPCustomify
Author URI: https://pressmaximum.com
Description: This is the customized child theme for CAII using the Customify theme.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: customify
Text Domain: caii
Domain Path: /languages
Tags: custom-background, custom-logo, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, left-sidebar, right-sidebar, e-commerce, blog
Customify is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
 Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/


/*** SITE CHANGES ***/

#caii_wordmark { width: 350px; }
#site-footer #uiuc_wordmark { border-bottom: none; }
        #uiuc_wordmark img { max-width: 200px; }

/*.nav-menu-desktop .menu>li>a { font-size: 1rem; }*/

#site-navigation-main-desktop.nav-menu-desktop .menu>li>a {
    padding: 12px 15px 12px;
    font-size: 0.9em;
    color: #a5acaf;
    letter-spacing: 1.2px;
    font-weight: bold;
    }

.light-mode .nav-menu-desktop.style-border-bottom .nav-menu>li.current-menu-ancestor>a, .light-mode .nav-menu-desktop.style-border-bottom .nav-menu>li.current-menu-ancestor>a .nav-icon-angle, .light-mode .nav-menu-desktop.style-border-bottom .nav-menu>li.current-menu-item>a, .light-mode .nav-menu-desktop.style-border-bottom .nav-menu>li.current-menu-item>a .nav-icon-angle, .light-mode .nav-menu-desktop.style-border-top .nav-menu>li.current-menu-ancestor>a, .light-mode .nav-menu-desktop.style-border-top .nav-menu>li.current-menu-ancestor>a .nav-icon-angle, .light-mode .nav-menu-desktop.style-border-top .nav-menu>li.current-menu-item>a, .light-mode .nav-menu-desktop.style-border-top .nav-menu>li.current-menu-item>a .nav-icon-angle, .light-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-ancestor>a, .light-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-ancestor>a .nav-icon-angle, .light-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-item>a, .light-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-item>a .nav-icon-angle, .nav-menu-desktop .menu li.current-menu-item>a, .nav-menu-desktop .menu li.current-menu-item>a .nav-icon-angle, .nav-menu>li.current-page-ancestor>a, #site-navigation-main-desktop.nav-menu-desktop .menu>li>a:hover { color: #13294b !important; }

.header-menu-sidebar.dark-mode .sub-menu a, .header-menu-sidebar.dark-mode .cart-item-link, .header-menu-sidebar.dark-mode .item--html a, .header-menu-sidebar.dark-mode .nav-menu a, .header-menu-sidebar.dark-mode .nav-menu .nav-toggle-icon { color: #fff !important; }

.sub-menu li.current-menu-item, .sub-menu li.current_page_item, .current-page-ancestor.menu-item-601 { background-color: #eee; }
.nav-menu-mobile li.current-menu-item, .nav-menu-mobile li.current_page_item { background-color: transparent; }

.header-main .light-mode { box-shadow: none; }

.site-header .site-branding .site-img-logo { width: 350px; }

/*.header--row.header-main .customify-grid, .header--row.header-main .style-full-height .primary-menu-ul > li > a { border-bottom: 1px solid #ccc !important; }*/

.page-id-30 .header--row.header-main .customify-grid, .page-id-30 .header-main .light-mode { border-bottom: 0 !important; box-shadow: none; }

a { font-weight: 600; }

h1, h2, h3, h4 { color: #13294b !important; margin: 1em 0 !important; font-weight: 700 !important; }

.entry-title { font-size: 2rem !important; }
.entry-content h2, .wp-block h2 { margin: 1em 0 !important; font-size: 1.6rem; }
.entry-content h3, .wp-block h3 { color: #707372 !important; margin-bottom: 0.5em !important; font-size: 1.4rem; padding: 0; }
.entry-content h4 { font-size: 1.2em; }
.entry-content h5 { text-transform: none; font-size: 1.1em; }


/*** HEADER IMAGES ***/

/*home*/
article#post-30, .page-id-30 { padding: 0; }

.page-id-30 #header_img { display: none; /*height: 600px; background: transparent url("/wp-content/uploads/2020/08/cover_caii_600.jpg") no-repeat top center; background-size: cover;*/ }

#post-30 h1 { display: none; /*position: absolute; top: -139px; color: #fff !important; text-shadow: 2px 2px 2px #13294b; */ }

/*directory*/
.page-id-115 #header_img, .page-id-211 #header_img, .page-id-247 #header_img, .page-id-249 #header_img, .page-id-256 #header_img, .page-id-377 #header_img { height: 180px; background: transparent url("/wp-content/uploads/2020/08/header_directory.jpg") no-repeat top center; background-size: cover; }

#post-115 h1, #post-211 h1, #post-247 h1, #post-249 h1, #post-256 h1, #post-377 h1 { position: absolute; top: -139px; color: #fff !important; text-shadow: 2px 2px 2px #13294b; }

/*research*/
.page-id-52 #header_img, .page-id-292 #header_img, .page-id-302 #header_img, .page-id-507 #header_img, .page-id-791 #header_img { height: 180px; background: transparent url("/wp-content/uploads/2020/08/header_research.jpg") no-repeat top center; background-size: cover; }

#post-52 h1, #post-292 h1, #post-302 h1, #post-507 h1, #post-791 h1 { position: absolute; top: -139px; color: #fff !important; text-shadow: 2px 2px 2px #13294b; }

/*industry*/
.page-id-119 #header_img { height: 180px; background: transparent url("/wp-content/uploads/2020/08/header_industry.jpg") no-repeat top center; background-size: cover; }

#post-119 h1 { position: absolute; top: -139px; color: #fff !important; text-shadow: 2px 2px 2px #13294b; }

/*news & events*/
.page-id-128 #header_img, .page-id-648 #header_img, .page-id-676 #header_img { height: 180px; background: transparent url("/wp-content/uploads/2020/08/header_newsevents.jpg") no-repeat top center; background-size: cover; }

#post-128 h1, #post-648 h1, #post-676 h1 { position: absolute; top: -139px; color: #fff !important; text-shadow: 2px 2px 2px #13294b; }

/*education*/
.page-id-121 #header_img { height: 180px; background: transparent url("/wp-content/uploads/2020/08/header_education.jpg") no-repeat top center; background-size: cover; }

#post-121 h1 { position: absolute; top: -139px; color: #fff !important; text-shadow: 2px 2px 2px #13294b; }


/*GET INVOLVED BUTTON*/

#gi-button, .textwidget #gi-button { float: right; border-left: 1px solid #ccc; margin: 40px 0 0 5%; padding: 15px 0 0 5%; width: 25%; min-height: 175px; }

#gi-button a, .textwidget #gi-button { padding: 15px 40px; text-align: center; text-transform: uppercase; background-color: #13294b; color: #fff; border: 1px solid #13294b; font-weight: bold; border-radius: 10px; }

#gi-button a:hover, .textwidget #gi-button:hover { background-color: #fff; border: 1px solid #13294b; color: #13294b; font-weight: bold; }

.textwidget #gi-button { padding: 15px; width: 75%; margin-top: 75px; min-height: 100%; }

h1, h2, h3, h4 { color: #13294b !important; margin: 1em 0 !important; font-weight: 700 !important; }

.entry-title { font-size: 2rem; }
.entry-content h2, .wp-block h2 { margin: 1em 0 !important; font-size: 1.6rem; }
.entry-content h3, .wp-block h3 { color: #707372 !important; margin-bottom: 0.5em !important; font-size: 1.4rem; padding: 0; }

/*RESEARCH THEMES*/
.entry-content .research_block { min-height: 400px; float: left; width: 25%; margin: 0; padding: 0 3%; border-right: 2px solid #eee; }
.entry-content .research_block:first-of-type { margin-left: 0; }
.entry-content .research_block:last-of-type { margin-right: 0; border-right: none; }
.entry-content .research_block img { display: block; margin: 0 auto; }
.entry-content .research_block h2, .entry-content .research_block p { font-size: 1em; text-align: center; }
.entry-content .research_block p { line-height: 1.4; }

a { font-weight: 600; }

.aff_p { min-height: 123px; }
.aff_img { float: left; width: 100px; max-width: 150px; margin: 5px 15px 15px 0; clear: both; }

article { padding: 50px 15%; }
article#post-7 { padding: 0; }

.footer-main .footer--row-inner { padding-top: 1.5em; }

iframe.right { float: right; margin-left: 20px; }
iframe.yt_sm { height: 260px; margin-bottom: 20px; }

.vid_box { display: inline-block; width: 31%; margin: 1.5%; vertical-align: top; }

.vid_box.start { margin-left: 0; }
.vid_box.end { margin-right: 0; }

.vid_button img { margin: 0; padding: 0; }


/*** THEMES ***/
#themes { margin: 0 0 70px 0; min-height: 300px; }

#themes li { font-size: 0.9rem; text-align: center; float: left; width: 23%; margin: 0 10px; padding: 0; list-style: none; border: 1px solid #13294b; min-height: 300px; margin-bottom: 30px; line-height: 1.2; transition: all 0.5s; }
#themes li:first-child { margin-left: 0; }
#themes li:last-child { margin-right: 0; }
#themes li:hover { background-color: #eee; }

#themes li h3 a { background-color: #13294b; display: block; padding: 5px 0; margin: -1.5em 0; font-size: 1rem; color: #fff; text-transform: uppercase; }
#themes li h3 a[href="#people"] { font-size: 0.95rem; }
#themes li h3 a:hover { color: #eee; }

#themes li img { display: block; margin: 0 auto; padding: 20px 0 5px 0; }

#themes li span { padding: 5px 10px 0 10px; display: block; font-weight: 500; }

#themes li p { margin: 0; padding: 0; }

.themes_img { float: left; margin: -15px 30px 0 -82px; }

.themes_header { font-size: 1.4rem !important; font-weight: 600 !important; padding: 1px 0 1px 75px; background-color: #13294b; color: #fff !important; }

.themes_body { margin-bottom: 50px; margin-left: 86px; }


/*** SLIDER ***/

.slider_link { margin-top: 35px; padding: 5px; background-color: #fff; display: inline-block; color: #13294b; font-size: 0.85rem; border-radius: 5px; border: 1px solid #fff; transition: all 0.5s; }
.slider_link:hover { background-color: #13294b; color: #fff; }


/*** DIRECTORY ***/
.people_img { float: left; width: 50%; margin: 0; padding: 0 20px 40px 0; }
.people_img img { float: left; width: 150px; margin-right: 20px; }
.people_img div { margin-left: 170px; }
.people_img div.bioadjust { min-height: 250px; /*285px;*/ }
.people_img div.liuadjust { min-height: 205px; }
.people_img p { margin: 0 0 10px 0; padding: 0; line-height: 1.25; }
.pi_student { min-height: 275px; }
.pis_350 { min-height: 350px; }

.entry-content .bio { width: 100%; padding-bottom: 25px; }
.entry-content .bio img { max-width: 100px; margin: 15px 15px 5px 0; }
.entry-content .bio h2 { clear: none; margin: 0 0 5px 0 !important; }

.leadership_box { float: left; width: 32%; margin-right: 3%; }
.leadership_box:last-of-type { margin-right: 0; }
.leadership_box img { max-width: 150px; }
.leadership_box p { font-weight: 500; /*text-align: center;*/ }
/*.leadership_box p em { font-size: 0.9rem; line-height: 1.2; margin-top: 10px; font-weight: normal; display: block; }*/

.aff_list { column-count: 2; column-gap: 50px; }
.aff_block { /*min-height: 150px;*/ margin-bottom: 25px; display: inline-block; }
	.aff_block .seminar_img { margin-left: 0; width: 100%; border: 1px solid #a5acaf; }
.aff_block_txt { padding-left: 20px; /*120px*/ }
.aff_block_txt span { display: block; line-height: 1.2; /*font-size: 0.85em;*/ padding-bottom: 7px; }
	.aff_block_txt h2 { margin-bottom: 0.5em !important; }
	.aff_block_txt h3 { line-height: 1.2; }
.aff_block_txt .name_span, .aff_block_txt .link_span, .aff_block_txt .student_name_span { font-size: 1.2em; }
	.aff_block_txt .student_name_span, .aff_block_txt .seminar_name_span { font-weight: bold; }
		.aff_block_txt .seminar_name_span { font-size: 1.2em; }
	.aff_block_txt.seminar_block_txt { padding-left: 0; }
.aff_block_txt .title_span:before { content: "Title: "; font-style: italic; }
.aff_block_txt .dept_span:before { content: "Department: "; font-style: italic; }
.aff_block_txt .res_int_span:before { content: "Research interest areas: "; font-style: italic; }
.aff_block_txt .study_span:before { content: "Study area: "; font-style: italic; }
.aff_block_txt .mentor_span:before { content: "Mentor: "; font-style: italic; }
.aff_block_txt .whereami_span:before { content: "Where I am now: "; font-style: italic; }
.aff_block_txt .seminar_date_span:before { content: "Presented on: "; font-style: italic; }
.aff_block_txt .media_creator_span:before { content: "Created by: "; font-style: italic; }
.aff_block_txt .media_date_span:before { content: "Posted: "; font-style: italic; }
.student_class, .seminar_class, .media_class { display: none; }

.abcfslImgCntrLst, .abcfslImgCntrGridA, .abcfslImgCntrGridB, .abcfslImgCntrIGridA, .abcfslImgCntrIGridB { overflow: visible !important; }


/*** NEWS & EVENTS ***/
.ne_box { float: left; width: 40%; }
.ne_box:first-child { width: 54%; margin-right: 6%; }

.ne_box h2 { margin-top: 0 !important; }

.lcp_catlist li, .edu-il-ws-6824-1-content #edu-il-ws-6824-1-content-list, .edu-il-ws-6824-1-content #edu-il-ws-6824-1-content-list li { list-style: none; margin: 0 0 20px 0 !important; line-height: 1.2; }

.lcp_catlist li a, .lcp_catlist ne_date, .lcp_catlist ne_excerpt { display: block; }

.lcp_catlist li a, #pc-6824 #edu-il-ws-6824-1-wrapper .edu-il-ws-6824-1-item-title { font-size: 1.2rem; }

#pc-6824 #edu-il-ws-6824-1-wrapper .edu-il-ws-6824-1-item-title { margin-top: 0 !important; }

.lcp_catlist ne_date, .edu-il-ws-6824-1-time { font-size: 1.1rem !important; font-style: normal !important; color: #1ba2c3 !important; margin: 0 0 10px 0 !important; padding: 0 !important; }

#pc-6824 #edu-il-ws-6824-1-wrapper .edu-il-ws-6824-1-location { display: none; }

#events .lcp_catlist li { padding-bottom: 25px; border-bottom: 1px solid #ccc; margin-bottom: 25px; }
#events .lcp_catlist li:last-child { border-bottom: none; }

a.see_more { display: inline-block; margin-top: 0; background-color: #13294b; color: #fff; text-align: center; padding: 5px 10px; font-weight: 700; border: 1px solid #13294b; border-radius: 10px; }
         p.see_more a { display: inline-block; margin-top: 0; background-color: #13294b; color: #fff; text-align: center; padding: 5px 10px; font-weight: 700; border: 1px solid #13294b; border-radius: 10px; }
a.see_more:hover { border: 1px solid #13294b; background-color: #fff; color: #13294b; }
        p.see_more a:hover { border: 1px solid #13294b; background-color: #fff; color: #13294b; }

.sm_block { margin: 2% 5%; width: 35%; }

.posts-layout .readmore-button { text-transform: none; font-size: 1rem; font-weight: normal; }
.posts-layout .readmore-button:hover { text-decoration: underline; }

.posts-layout h2.entry-title { /*text-transform: none;*/ font-size: 1.5em !important; margin-bottom: 0 !important; }

.posts-layout .entry { margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; }

.posts-layout .entry-inner { padding-bottom: 1em; }

.posts-layout .entry-article-body, .posts-layout .entry-article-part { margin-bottom: 10px; }

.page-titlebar { padding: 0; border-bottom: none; background: none; }

.page-titlebar .titlebar-title { font-size: 2rem; color: #13294b !important; margin: 1rem 0 2rem 0 !important; font-weight: 700 !important; padding: 50px 11% 0 11%; }

.posts-layout .entry--item { line-height: 1.2; }

.link-meta, .link-meta a { text-transform: none; color: #1ba2c3; font-size: 0.9rem; font-weight: normal; }

.entry-post-navigation .text-large { font-size: 0.9rem; line-height: 1.2; display: block; min-height: 35px; }

.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { border: 1px solid #a5acaf; padding: 10px; border-radius: 10px; transition: all 0.25s; }

.post-navigation .nav-links .nav-previous:hover, .post-navigation .nav-links .nav-next:hover { background-color: #eee; }

.content-sidebar.sidebar_vertical_border .sidebar-primary-inner { padding-top: 2em; }
#sidebar-primary li.cat-item a { color: #a5acaf; padding-bottom: 0; }

/*events navbar*/
/*this is nav treatment for this event*/
.page-id-659 .nav-menu-desktop .menu>li.current-page-ancestor>a, .page-id-665 .nav-menu-desktop .menu>li.current-page-ancestor>a, .page-id-668 .nav-menu-desktop .menu>li.current-page-ancestor>a { color: #13294b; }

.page-id-659 #header_img, .page-id-665 #header_img, .page-id-668 #header_img { height: 180px; background: transparent url("/wp-content/uploads/2019/08/header_newsevents_180.jpg") no-repeat top center; background-size: cover; }

#post-659 h1, #post-665 h1, #post-668 h1 { position: absolute; top: -139px; color: #fff !important; text-shadow: 2px 2px 2px #13294b; }

#event_nav { width: 25%; float: left; margin-right: 7%; padding: 0; }

#event_nav ul { list-style: none; margin-top: 0; border: 1px solid #a5acaf; }

#event_nav li { margin: 0; }

#event_nav li a { display: block; font-size: 0.85rem; color: #707372; text-transform: uppercase; padding: 10px; border-bottom: 1px solid #a5acaf; transition: all 0.25s; }
#event_nav li a:hover { color: #fff; background-color: #707372; }
#event_nav li a#last { border-bottom: none; }

#event_nav #highlight { background-color: #a5acaf; }

#event_nav #highlight a { color: #fff; }

#event_main .event_header { clear: none; margin-top: 0 !important; }

#event_main { width: 68%; float: left; }

#event_main h4.event_header { margin: 0 0 0.25em 0 !important; }

.travel_img { width: 150px; border: 1px solid #13294b; float: left; margin: 0 15px 0 0; }

/*agenda items*/
#event_main h3.day, h3.day { border-bottom: 1px solid #707372; /*font-size: 1.6rem;*/ }

#event_main .time, .time { width: 15%; float: left; margin-right: 5%; }
	.bigtime { width: 20%; }

#event_main .segment, .segment { width: 80%; float: left; margin-bottom: 25px; font-size: 1.15rem; }

#event_main .white, .white { font-size: 1rem; color: #666; }

#event_main .segment p, .segment p { display: none; }
	.segment strong { font-size: 1.15rem; }

#event_main .segment ul, .segment ul { margin: 0; }

#event_main .name, .name { font-size: 1.05rem; }

#event_main .abstract, .abstract { font-size: 0.95rem; margin-top: 15px; }

#event_main .loc, .loc { font-size: 0.8rem; color: #707372; border-left: 3px solid #ccc; padding-left: 10px; margin-left: 10px; }

#event_main .event_img, .event_img { float: left; width: 100px; margin: 7px 20px 0 0; min-height: 112px; }


/*** FOOTER ***/

.site-footer #footer_title { margin-top: 0.5em !important; }

.site-footer .customify-grid-top { border-top: 2px solid #eee; }

.site-footer .item--inner { padding-top: 2em; /*border-top: 1px solid #ccc;*/ }

#site-footer .widget-area h4.widget-title { padding: 0; margin: 0 !important; color: #a5acaf !important; }

#site-footer p, #site-footer a { color: #a5acaf; font-size: 0.85rem; }

#site-footer p a { border-bottom: 1px dotted rgba(165,172,175,0.45); }

/*** HOLL-I ***/
.entry-content .page-navigation {
	list-style-type: none;
	display: flex;
	justify-content: space-around;
	margin: 2rem auto 4rem;
}

.entry-content .page-navigation li {
	margin: 0;
}

.entry-content .page-navigation li a {
	display: inline-block;
    padding: 5px 10px;
    border-radius: 10px;
	border: 1px solid #13294b;
    background-color: #13294b;
    color: white;
    font-weight: 700;
}

.entry-content .page-navigation li a:hover {
    background-color: #fff;
    color: #13294b;
}

/*** MOBILE STYLES ***/

@media screen and (max-width: 1280px) {
	#themes li { width: 100%; margin: 0 0 30px 0; padding: 0; font-size: 1rem; min-height: 200px; }
	#themes li h3 a { margin: -1.65em 0 -1.5em 0; }
}

@media screen and (max-width: 1080px) {
	#gi-button { width: 100%; border-left: none; margin-right: 0; padding: 0; min-height: 65px; }
}

@media screen and (min-width: 1025px) {
	.header--row .customify-grid { margin: 0; }
}

@media screen and (max-width: 1025px) {
	 article { padding: 30px 5%; }

	.leadership_box { width: 50%; }
	.leadership_box img { max-width: 100%; }

	.entry-content .research_block { min-height: 400px; width: 50%; margin: 20px 0; }
	.entry-content .research_block:nth-of-type(2n) { border-right: none; }
	.entry-content .research_block h2 { font-size: 1.6em; }
	.entry-content .research_block p { font-size: inherit; line-height: inherit; /*font-size: 1.2em; line-height: 1.5;*/ }
}

@media screen and (max-width: 800px) {
	 article { padding: 30px 1%; }
}